html,body{
width: 100%;
overflow-x: hidden;

}




  .img-fixed {
      width: 100%;
      height: 200px;
      object-fit: cover;
      border-radius: 10px;
  }



  .logo-gauche-milieu {
      position: fixed;
      top: 50%;
      left: 0;
      transform: translateY(300%);
      z-index: 1050;
      padding-left: 50px;
      transition: opacity 0.3s ease;
    
  }

      

  .logo-gauche-milieu.hidden {
      opacity: 0;
      pointer-events: none;
  }


@media (max-width: 768px) {


.img1{
width: 150px;
}

.text1{
font-size: 20px;

}

.drapeau{
    width: 40px;
}
}


.flag-img {
    width: 60px;
    height: auto;
}

.country-card {
    border-radius: 12px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.video-wrapper {
    background-color: #000;
}

.video-wrapper video {
    width: 100%;
    height: auto;
    display: block;
    height: 250px;
        object-fit: cover;
}

.flag-wrapper {
    background-color: #f8f9fa;
    padding: 10px;
    text-align: center;
}

.flag-wrapper p {
    margin-top: 8px;
    font-weight: bold;
}

.titre1{
color: white;
font-size: 50px;
font-weight: bolder;
}

.titre2{
color: white;
font-size: 30px;
font-weight: bolder;
font-style: oblique;
text-align: center;
text-decoration:wavy
}

.fi-br-angle-right{
font-size: 20px;

}


                /* Zone de chargement plein écran */
                #loader-container {
                    position: fixed;
                    top: 0;
                    left: 0;
                    height: 100%;
                    width: 100%;
                    background: linear-gradient(60deg, #FDD835, #E65100);
                    ;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    z-index: 9999;
                }
        
                .loader {
                    width: fit-content;
                    font-weight: bold;
                    font-family: monospace;
                    font-size: 30px;
                    background: linear-gradient(135deg,
                            #ffffff00 calc(50% - 0.5em),
                            #000000 0 calc(50% + 0.5em),
                            #0000 0) right / 300% 100%;
                    animation: l22 2s infinite;
                }
        
                .loader::before {
                    content: "NEW DESTINATION";
                    color: #fffafa00;
                    padding: 0 5px;
                    background: inherit;
                    background-image: linear-gradient(135deg,
                            #000 calc(50% - 0.5em),
                            #ffffff 0 calc(50% + 0.5em),
                            #000 0);
                    -webkit-background-clip: text;
                    background-clip: text;
                }
        
                @keyframes l22 {
                    100% {
                        background-position: left;
                    }
                }
        
                /* Contenu du site caché au départ */
                #content {
                    display: none;
                    padding: 50px;
                    font-family: Arial, sans-serif;
                }