@media (min-width: 320px) {
    .hero-btn {
        width: 11rem;
        height: 3rem;
        text-align: center;
        align-content: center;
        color: white;
        background-color: transparent;
        border: solid white 2px;
        border-radius: 30px;
        text-decoration: none;
    }
    
    
    .signature-experiences {
        justify-content: center;
        align-items: center;
        height: 40rem;
        display: flex;
        flex-direction: column;
        padding: 0 1rem 0 1rem;
        margin: 0 0 0 0;
    }
    
    
    .signature-experiences__header {
        text-align: center;
        width: 21rem;
        height: 15rem;
        margin: 0 0 1rem 0;
    }
    
    
    
    .signature-experiences__title {
        text-align: center;
        font-size: 2rem;
        margin: 2rem 0 0 0;
    }
    
    .signature-experiences__intro {
        text-align: center;
        font-size: 0.9rem;
        padding: 0 2rem 0 2rem;
    }
    
    .signature-experiences__intro-arabic {
        text-align: center;
        font-size: 0.9rem;
        padding: 0 2rem 0 2rem;
        
    }
    
    
.signature-experiences__grid {
  display: flex;
  flex-direction: row;
  overflow-x: auto;
  overflow-y: hidden; /* Prevent vertical scroll */
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  gap: 1rem;
  padding: 1rem 0;
  height: 22rem; /* Fixed height to lock layout */
  width: 100%;
  box-sizing: border-box;
}

.signature-experiences__grid::-webkit-scrollbar {
  display: none;
}

.signature-card {
  width: 16rem;
  height: 18rem; /* Match grid height */
  flex-shrink: 0;
  scroll-snap-align: start;
  background-color: white;
  border-radius: 10px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.proof {
    justify-content: center;
    align-items: center;
    height: 40rem;
    padding: 0 0 0 0;
}

.proof-grid {
    align-content: center;
    justify-items: center;
    align-self: baseline;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    width: 15rem;
    height: 10rem;
    margin: 3rem 0 3rem 1.5rem;
}

.proof-item {
    width: 8rem;
}

.proof h2 {
    font-family: 'Playfair Display';
    font-size: 2rem;
    padding: 0 1rem 0 1rem;
}

.badges p {
    font-size: 0.81rem;
}


.why-choose-us {
    height: 40rem;
}

.intro-video {
    height: 23rem;
}

.video-wrapper {
    height: 66%;
    padding: 20px 0 0 0;
}


    
    
    
    /* Testimonial Section */
    .horizontal-testimonials-section {
        justify-content: center;
        align-items: center;
        display: flex;
        flex-direction: column;
        height: 85%;
    }
    
    .horizontal-testimonials-title {
        font-size: 2rem;
        text-align: center;
        font-family: 'Playfair Display';
        padding: 0 3rem 1rem 3rem;
    }
    
    .section-underline {
        margin: 0 auto -10px auto;
    }
    
    .testimonial-slider-container {
        width: 20rem;
    }
    
    
    .testimonial-review {
        font-size: 13px;
        width: 19rem;
        height: 10rem;
        margin-top: 28rem;
        margin-bottom: -2rem;
        margin-right: 0rem;
    }
    
    
    .testimonial-image img {
        height: 30rem;
        width: 18.8rem;
        padding-bottom: 40px;
        margin-left: 10px;
        border-radius: 180px 180px 0px 0px;
    }
    
    .testimonial-next {
        top: 35%;
        right: -5.5rem;
        background-color: transparent;
    }
    
    .testimonial-next:hover {
        background-color: transparent;
    }
    
    .testimonial-prev {
        top: 35%;
        left: -5.5rem;
        background-color: transparent;
    }
    
    
    /* Gallery Wrapper */
    .gallery-wrapper {
  display: flex;
  flex-direction: column;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  gap: 1rem;
  padding: 0 1rem 0 1rem;
  width: 100%;
  box-sizing: border-box;
  position: relative;
}

.gallery-wrapper::-webkit-scrollbar {
  display: none;
}

.gallery-item {
  flex-shrink: 0;
  scroll-snap-align: start;
  width: 17rem; /* or 100% if you want full-width images */
  height: auto;
  border-radius: 10px;
  object-fit: cover;
}
    
    
}






@media (min-width: 375px) {
    .signature-card {
        width: 19rem;
    }
    
    .signature-experiences {
        justify-content: center;
        align-items: center;
        height: 40rem;
        padding: 0 1rem 0 1rem;
    }
    
    .signature-experiences__title {
        margin: 1rem 0 0 0;
    }
    
    .signature-experiences__grid {
        margin-top: -2rem;
    }
    
    
    /* Testimonial Section */
    .horizontal-testimonials-section {
        justify-content: center;
        align-items: center;
        height: 50rem;
    }
    
    .horizontal-testimonials-title {
        padding: 0 5rem 1rem 5rem;
    }
    
    /* Proof Section */
    .Proof {
        justify-content: center;
        align-items: center;
        height: 40rem;
        padding: 0 0 0 0;
    }
    .proof-grid {
        justify-content: center;
        align-items: center;
        margin: 4rem 0px 4rem 4rem;
    }
   
    
   /* Why Choose Us Section */ 
    .why-choose-us {
        height: 40rem;
        padding: 0 1rem;
    }
    
    
    
    
    
        /* Gallery Wrapper */
    .gallery-wrapper {
  display: flex;
  flex-direction: column;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  gap: 1rem;
  padding: 0 1rem 0 1rem;
  width: 100%;
  box-sizing: border-box;
  position: relative;
}

.gallery-wrapper::-webkit-scrollbar {
  display: none;
}

.gallery-item {
  flex-shrink: 0;
  scroll-snap-align: start;
  width: 17rem; /* or 100% if you want full-width images */
  height: auto;
  border-radius: 10px;
  object-fit: cover;
}

.carouselgllryslide {
        width: 395px !important;
        height: 28rem;
}

/* Gallery buttons */
#gllrynextBtn, #gllryprevBtn {
  position: relative;
  top: -23.5rem;
  bottom: 27rem;
  width: 3rem;
  background-color: #12aacc17;
  border: none;
  margin: 0 0 0 18rem;
}

/* Optional: fine-tune button spacing */
#gllryprevBtn {
  position: relative;
  top: -20rem;
  bottom: 27rem;
  margin: 0rem 0 0 2.5rem;
    }
    
}






@media (min-width: 390px) {
    .carouselgllryslide {
        width: 356.9px !important;
        height: -webkit-fill-available;
    }
    
    .proof {
        height: 41rem;
        justify-content: center;
        align-items: center;
    }
    
    .proof-grid {
        justify-content: center;
        align-items: center;
        margin: 4rem 0px 4rem 4.5rem;
    }
    
    .why-choose-us {
        height: 41rem;
        padding: 0 1rem;
        justify-content: center;
        align-items: center;
    }
    
/* Gallery buttons */
#gllrynextBtn, #gllryprevBtn {
  position: relative;
  top: -23.5rem;
  bottom: 27rem;
  width: 3rem;
  background-color: #12aacc17;
  border: none;
  margin: 0 0 0 19rem;
}

/* Optional: fine-tune button spacing */
#gllryprevBtn {
  position: relative;
  top: -20rem;
  bottom: 27rem;
  margin: 0rem 0 0 2.5rem;
    }
}






@media (min-width: 425px) {
    .signature-card {
        width: 22.5rem;
    }
    
    .signature-experiences {
        justify-content: center;
        align-items: center;
        height: 40rem;
    }
    
    .horizontal-testimonials-section {
        justify-content: center;
        align-items: center;
        height: 50rem;
    }
    
    .horizontal-testimonials-title {
        padding: 0 6rem 1rem 6rem;
    }
    
    

  .proof {
    justify-content: center;
    align-items: center;
    height: 70vh;
    margin: 0;
    padding: 0 0 0 0;
    margin-bottom: 0;
  }
  
  .proof-grid {
      justify-content: center;
        align-items: center;
        margin: 4rem 0px 4rem 6rem;
  }
    
    .proof h2 {
        width: 20rem;
        padding: 0 2rem 0 2rem;
        margin: 0 0 1rem 0;
    }
    
    .why-choose-us {
        height: 40rem;
        padding: 0 1rem;
    }
    
    
    /* Gallery Wrapper */
    .gallery-wrapper {
  display: flex;
  flex-direction: column;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  gap: 1rem;
  padding: 0 1rem 0 1rem;
  width: 100%;
  box-sizing: border-box;
  position: relative;
}

.gallery-wrapper::-webkit-scrollbar {
  display: none;
}

.gallery-item {
  flex-shrink: 0;
  scroll-snap-align: start;
  width: 17rem; /* or 100% if you want full-width images */
  height: auto;
  border-radius: 10px;
  object-fit: cover;
}

.carouselgllryslide {
        width: 395px !important;
        height: 28rem;
}


/* Gallery buttons */
#gllrynextBtn, #gllryprevBtn {
  position: relative;
  top: -20rem;
  bottom: 27rem;
  width: 3rem;
  background-color: #12aacc17;
  border: none;
  margin: 0 0 0 15rem;
}

/* Optional: fine-tune button spacing */
#gllryprevBtn {
  position: relative;
  top: -20rem;
  bottom: 27rem;
  margin: 0rem 0 0 2.5rem;
    }
    
}



@media (min-width: 768px) {
    .signature-experiences {
        height: 45rem;
        display: flex;
        flex-direction: row;
    }
    
    
    
    /* Textimonial Section */
    .horizontal-testimonials-section {
       height: 55rem;
        padding: 0 2rem 0 2rem;
    }
    
    .testimonial-slider-container {
        width: 45rem;
    }
    
    .testimonial-slider {
        width: 20rem;
    }
    
    .testimonial-review {
        width: 30rem;
        margin: 25rem 0 0 17rem;
    }
    
    .testimonial-image img {
        left: 16rem;
        width: 25rem;
        border-radius: 250px 250px 0px 0px;
        margin: 0 0 0 0;
    }
    
    
    /* Proof (Trusted by Happy Travelers */
    .proof {
        height: 100vh;
        margin: 0;
        padding-top: 8rem;
        margin-top: -5rem;
        margin-bottom: -5rem;
    } 
    
    .proof-grid {
        display: flex;
        flex-direction: row;
        width: 35rem;
        align-items: center;
        align-self: center;
        margin: 5rem 0 5rem 0;
    }
    
    
    /* Gallery Wrapper */
    .gallery-wrapper {
        display: flex;
        flex-direction: row;
    }
    
        /* Gallery buttons */
#gllrynextBtn, #gllryprevBtn {
  position: relative;
  top: -9.5rem;
  bottom: 27rem;
  width: 3rem;
  background-color: #12aacc17;
  border: none;
  margin: 0 0 0 15rem;
}

/* Optional: fine-tune button spacing */
#gllryprevBtn {
  position: relative;
  top: -9.5rem;
  bottom: 27rem;
  margin: 0rem 0 0 2.5rem;
    }
}






@media (min-width: 1024px) {
    .hero-cnt #text {
        padding: 0 0 0 0;
    }
    
    .hero-cnt a {
        width: 13rem;
        height: 4rem;
    }
    
    
    /* Signature Card */
    .signature-card {
        width: 15rem;
        height: 25rem;
    }
    
    .signature-experiences__grid {
        height: 30rem;
    }
    
    /* Testimonial */
    .testimonial-prev {
        left: -6.5rem;
    }
    
    .testimonial-next {
        right: -6.5rem;
    }
    
    /* Why Choose Us Section */
    .why-choose-us {
        height: 30rem;
        padding: 0 1rem;
    }
    
    /* Gallery wrapper */
    .gallery-wrapper {
        display: flex;
        flex-direction: row;
    }
    
    .gllrytext {
        width: 40%;
        margin: 0 5rem 0 0;
        text-align: center;
    }
    
    .gllrytext h2 {
        font-size: 2.5rem;
        width: 25rem;
        margin: 0 0 0 0;
    }
    
    .gllrytext p {
        font-family: 'Poppins';
        text-align: -webkit-center;
    }
    
    #gllrynextBtn {
        margin: 0 0 0 14rem;
    }
    
    #gllryprevBtn {
        margin: 0 0 0 7.5rem;
    }
    
    .carouselgllrycnt {
        width: 370px;
        margin: 0 0 0 5rem;
    }
    
    .carouselgllryslide {
        width: 370px !important;
        height: 28rem;
    }
    
    /* Video Section */
    .video-wrapper video {
        width: 100%;
        height: 36rem;
    }
    
 
}


@media (min-width: 1024px) {
    /* NAV BAR */
.menu-toggle {
    display: none; /* Hide burger on desktop */
  }

  .nav-menu {
    position: static;
    width: auto;
    height: auto;
    background: transparent;
    flex-direction: row;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 2rem;
  }

  .nav-menu ul {
    flex-direction: row;
  }

  .nav-menu ul li {
    margin: 0 0.5rem;
  }

  .nav-menu ul li a {
    color: white; /* adjust if background changes */
    font-size: 1rem;
    font-weight: 500;
  }

  .nav-menu .close-toggle {
    display: none; /* No close button on desktop */
  }
  
  .logo img.nav-logo {
        height: 8rem;
        width: auto;
        object-fit: contain;
        margin: 0 1rem 0 -1.5rem;
    }
    
    /* Signature Experiences */
    .signature-experiences {
        height: 50rem;
    }
    
    .signature-card {
        width: 17rem;
        height: 26rem;
        justify-content: center;
    }
    
    .signature-experiences__header {
        width: 20rem;
    }
    
    .signature-experiences__title {
        font-size: 2.5rem;
        text-align: center;
        padding: 0 0 0 0;
    }
    
    .slideshow-bg h2 {
        font-size: 2.5rem;
        width: 40rem;
    }
    
    .signature-experiences__grid {
        width: 40rem;
    }
    
    
    /* Testimonial Section */
    .testimonial-slider-container {
        width: 50rem;
    }
    
    
    
}



@media (min-width: 1440px) {
    /* NAV BAR */
.menu-toggle {
    display: none !important; /* Hide burger on desktop */
  }

  .nav-menu {
    position: static !important;
    width: auto !important;
    height: auto !important;
    background: transparent !important;
    flex-direction: row !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 2rem !important;
  }

  .nav-menu ul {
    flex-direction: row !important;
  }

  .nav-menu ul li {
    margin: 0 1rem !important;
  }

  .nav-menu ul li a {
    color: white !important; /* adjust if background changes */
    font-size: 1rem !important;
    font-weight: 500 !important;
  }

  .nav-menu .close-toggle {
    display: none !important; /* No close button on desktop */
  }
  
  .logo img.nav-logo {
        height: 10rem !important;
        width: auto !important;
        object-fit: contain !important;
        margin: 0 15rem 0 0 !important;
    }
    
    /* Signature Experinces */
    .signature-experiences {
        height: 55rem;
    }
    
    .signature-experiences__grid {
        width: 55rem;
        margin: 0 0 0 5rem;
    }
    
    .signature-experiences__title {
        font-size: 3rem;
    }
    
    .signature-experiences__intro {
        text-align: center;
        font-size: 1rem;
        padding: 0 1rem 0 1rem;
    }
    
    .signature-experiences__intro-arabic {
        text-align: center;
        font-size: 1rem;
        padding: 0 1rem 0 1rem;
    }
    
    
    /* Testimonial Section */
    .slideshow-bg h2 {
        font-size: 3rem;
        padding: 0 0 1rem 0;
    }
    
    .testimonial-slider-container {
        width: 65rem;
    }
    
    .testimonial-image img {
        top: 1rem;
        left: 30rem;
        width: 26rem;
    }
    
    .testimonial-review {
        width: 35rem;
        margin: 25rem 0 0 30rem;
    }
    
    /* Gallery Section */
    .carouselgllrycnt {
        width: 560px;
        height: 35rem;
    }
    
    .carouselgllryslide {
        width: 560px !important;
        height: 35rem;
    }
    
    .gllrytext h2 {
        font-size: 3rem;
        width: 30rem;
        margin: 0 0 0 2rem;
    }
    
    .gllrytext p {
        margin: 0 1rem 0 0;
    }
    
    #gllrynextBtn {
        margin: 0 0 0 25.5rem;
    }
    
    
    
    /* Video Section */
    .intro-video {
        height: 55rem !important;
    }
    
    .video-wrapper {
        height: 45rem !important;
    }
    
    .video-wrapper video {
        width: 100%;
        height: fit-content;
    }
    
    .intro-video h2 {
        font-family: 'Playfair Display';
        font-weight: bold;
        font-size: 3rem;
        padding: 0 0 1rem 0;
    }
    
    
    
}




@media (min-width: 1880px) {
/* NAV BAR */
.menu-toggle {
    display: none; /* Hide burger on desktop */
  }

  .nav-menu {
    position: static;
    width: auto;
    height: auto;
    background: transparent;
    flex-direction: row;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 2rem;
  }

  .nav-menu ul {
    flex-direction: row;
  }

  .nav-menu ul li {
    margin: 0 1rem;
  }

  .nav-menu ul li a {
    color: white; /* adjust if background changes */
    font-size: 1rem;
    font-weight: 500;
  }

  .nav-menu .close-toggle {
    display: none; /* No close button on desktop */
  }
  
  .logo img.nav-logo {
        height: 9rem;
        width: auto;
        object-fit: contain;
        margin: 0 40rem 0 0;
    }
  
  
  /* Signature Experiences */
    .signature-experiences {
        height: 55rem;
    }
    
    .signature-experiences__grid {
        width: 55rem;
        margin: 0 0 0 15rem;
    }
    
    .signature-experiences__title {
        font-size: 3rem;
    }
    
    .signature-experiences__intro {
        text-align: center;
        font-size: 1rem;
        padding: 0 1rem 0 1rem;
    }
    
    .signature-experiences__intro-arabic {
        text-align: center;
        font-size: 1rem;
        padding: 0 1rem 0 1rem;
    }
    
    
    /* Testimonial Section */
    .slideshow-bg h2 {
        font-size: 3rem;
        padding: 0 0 1rem 0;
    }
    
    .testimonial-slider-container {
        width: 65rem;
    }
    
    .testimonial-image img {
        top: 1rem;
        left: 30rem;
        width: 26rem;
    }
    
    .testimonial-review {
        width: 35rem;
        margin: 25rem 0 0 30rem;
    }
    
    /* Gallery Section */
    .carouselgllrycnt {
        width: 560px;
        height: 35rem;
        margin: 0 0 0 15rem;
    }
    
    .carouselgllryslide {
        width: 560px !important;
        height: 35rem;
    }
    
    .gllrytext {
        width: 40%;
        margin: 0 10rem 0 0;
        text-align: center;
    }
    
    .gllrytext h2 {
        font-size: 3rem;
        width: 30rem;
        margin: 0 0 0 7rem;
    }
    
    .gllrytext p {
        margin: 0 1rem 0 0;
    }
    
    #gllrynextBtn {
        margin: 0 0 0 25.5rem;
    }
    
    #gllryprevBtn {
        margin: 0 0 0 17.5rem;
    }
    
    
    
    /* Video Section */
    .intro-video {
        height: 55rem !important;
    }
    
    .video-wrapper {
        height: 45rem !important;
    }
    
    .video-wrapper video {
        width: 100%;
        height: fit-content;
    }
    
    .intro-video h2 {
        font-family: 'Playfair Display';
        font-weight: bold;
        font-size: 3rem;
        padding: 0 0 1rem 0;
    }
    
    
    
}