@font-face {
      font-family: 'winner-sans-cond-regular';
      src: url('fonts/Winner-Sans-Cond-Regular.ttf');
    }
    @font-face {
      font-family: 'fragment_mono';
      src: url('fonts/Fragment_Mono/FragmentMono-Regular.ttf');
    }

    @font-face {
      font-family: 'Kaisar';
      src: url('fonts/hazztype-kaisar-medium.otf');
    }

    :root {
      --main-color: #2d2d2d;
      --accent-color: #970a0a;
    }

    * { font-family: 'fragment_mono', monospace; }

    p, h1, h2, h3, li {
    -webkit-hyphens: none;  /* Pour Safari/Chrome iOS */
    -ms-hyphens: none;      /* Pour Internet Explorer/Edge */
    hyphens: none;          /* Standard */
    word-break: normal;     /* Empêche de couper les mots au milieu */
    }

    .navbar {
      background-color: #fff;
      box-shadow: 0 2px 5px rgba(0,0,0,0.05);
    }

    .navbar-brand img {
      max-height: 85px;
    }

    .nav-link.active {
      color: var(--main-color) !important;
      border-bottom: 2px solid var(--accent-color);
    }
    
    section{
      position: relative;
    }
    
    .anchor{
      width: 50%;
      height: 2px;
      position: absolute;
      bottom: 70px;
    }

    #services{
      min-height: 40vh;
      max-height: fit-content;
      color: #fff;
    }
    #services p{
      font-size: 14px;
    }

    #services img{
      margin: 10px 0;
    }

    #services .row{
      display: flex;
      flex-direction: row;
      justify-content: space-evenly;
    }

    #services .card-body{
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-around;
    }

    #about p{
      text-align: justify;
    }

    #whyus h2{
      color: var(--accent-color);
    }

    #whyus h5{
      color: var(--main-color);
    }

    #whyus p{
      font-size: 14px;
    }

    #partners{
      background: linear-gradient(to bottom right, var(--accent-color), #410303);
      /* background-color: linear-gradient() var(--accent-color); */
    }

    #partners h2{
      color: #fff;
    }

    .hero {
      background: url('../img/DJI_0105.jpg') center/cover no-repeat;
      background-position: top;
      color: white;
      min-height: 90vh;
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
    }

    .hero p{
      text-align: justify;
    }

    .hero::before {
      content: "";
      position: absolute;
      inset: 0;
      background: rgba(0, 0, 0, 0.55);
    }

    .hero .content {
      position: relative;
      z-index: 2;
      max-width: 700px;
      padding: 2rem;
    }
    .hero h1 {
      font-family: 'Kaisar';
      font-size: clamp(1.8rem, 4vw, 3rem);
      font-weight: 700;
    }

    .hero strong{
      font-family: 'Kaisar';
    }

    .btn-main {
      background-color: var(--accent-color);
      color: #fff;
      border: none;
      font-weight: 600;
    }

    .btn-main:hover {
      background-color: var(--main-color);
      color: #fff;
    }

    .section-title {
      font-family: 'winner-sans-cond-regular';
      font-weight: 600;
      color: var(--main-color);
      margin-bottom: 1.5rem;
    }

    .card-body h5{
      font-family: 'winner-sans-cond-regular';
      font-weight: 600;
    }

    .card-body p{
      text-align: justify;
    }

    .card-text-fix {
    text-align: justify;      /* Justifie le texte */
    -webkit-hyphens: auto;    /* Safari/Chrome */
    -ms-hyphens: auto;        /* IE/Edge */
    hyphens: auto;            /* Standard: Coupe les mots pour éviter les trous */
    min-height: 5em;          /* Hauteur minimale imposée (ajustez selon vos besoins: 4em, 5em...) */
    margin-bottom: 0;         /* Évite les marges parasites */
  }

    footer {
      background-color: #111;
      color: #ccc;
      padding: 2rem 0;
    }
    footer a {
      color: var(--accent-color);
      text-decoration: none;
    }