*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
html, body {
    max-width: 100%;
    overflow-x: hidden;
    background-color: #161616;
}
body, h1, h2, h3, h4 {
  font-family: 'Bodoni Moda', serif !important;
}

body, p, span, a {
  font-family: 'Lato', sans-serif;
}

/* HERO SECTION */
.sec1 {
    position: relative;
    width: 100%;
    height: 680px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: background-image 1s ease-in-out;
    z-index: 1; 
    overflow: hidden;
}

/* Hero Banner Container */
.hero-banner {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    text-align: center;
}

.hero-banner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 1;
}

.hero-banner-content {
    position: relative;
    z-index: 2;
    max-width: 800px;
    padding: 0 20px;
}

.hero-banner h1 {
    font-size: 3.5rem;
    font-weight: 700;
    margin-bottom: 20px;
    font-family: 'Montserrat', sans-serif;
}

.hero-banner p {
    font-size: 1.2rem;
    margin-bottom: 30px;
    font-family: 'Montserrat', sans-serif;
}

.hero-banner .cta-btn {
    display: inline-block;
    padding: 15px 30px;
    background: linear-gradient(90deg, #D1313E 0%, #364D8D 100%);
    color: white;
    text-decoration: none;
    border-radius: 5px;
    font-weight: 600;
    transition: transform 0.3s ease;
    font-family: 'Montserrat', sans-serif;
}

.hero-banner .cta-btn:hover {
    transform: translateY(-2px);
}

/* Banner Navigation Images at Bottom-Right */
.banner-nav {
    position: absolute;
    bottom: 80px;
    right: 30px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    z-index: 10;
}

.banner-nav-item {
    width: 80px;
    height: 60px;
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer;
    border: 3px solid transparent;
    transition: all 0.3s ease;
    opacity: 0.7;
}

.banner-nav-item:hover {
    opacity: 1;
    transform: scale(1.05);
}

.banner-nav-item.active {
    border-color: #D1313E;
    opacity: 1;
    box-shadow: 0 0 15px rgba(209, 49, 62, 0.5);
}

.banner-thumb {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.banner-nav-item:hover .banner-thumb {
    transform: scale(1.1);
}

/* Dots container */
.dots {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 8px;
    z-index: 10;
}

/* Each dot */
.dots span {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.5);
    display: inline-block;
    cursor: pointer;
    transition: all 0.3s ease;
}

.dots span:hover {
    background-color: rgba(255, 255, 255, 0.8);
    transform: scale(1.2);
}

.dots span.active {
    background-color: #D1313E;
    box-shadow: 0 0 10px rgba(209, 49, 62, 0.5);
}

/* Mobile View */
@media (max-width: 768px) {
    .sec1 {
        height: 600px;
    }
    
    .hero-banner h1 {
        font-size: 2.5rem;
    }
    
    .hero-banner p {
        font-size: 1rem;
    }
    
    .banner-nav {
        bottom: 60px;
        right: 20px;
    }
    
    .banner-nav-item {
        width: 60px;
        height: 45px;
    }
    
    .dots {
        bottom: 15px;
    }
    
    .dots span {
        width: 10px;
        height: 10px;
    }
}
/* HEDER SECTION */
.header {
   
  color: #000;
  padding: 15px 67.5px;
  display: flex;
  font-weight: bold;
  align-items: center;
  justify-content: space-between;
  background-color: #fff;
  box-shadow: 0 2px 5px rgba(0,0,0,0.05);
  position: relative;
    z-index: 1000; /* Ensures nav stays above hero section */
}

.sec3 {
  font-family: 'Montserrat', sans-serif;
}


.logo img {
  height: 54px;
}

.luxe {
  color: #ebc90bc9;
  font-weight: bold;
  text-decoration: none;
  margin-left: 20px;
  font-size: 20px;
}

nav {
  display: flex;
  align-items: center;
  gap: 25px;
}

nav a {
  text-decoration: none;
  color: #000;
  font-size: 15px;
  transition: color 0.3s;
}

nav a:hover {
  color: #000;
}

.dropdown {
  position: relative;
}

.dropdown-content {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  min-width: 180px;
  z-index: 99;
}

.dropdown-content a {
  display: block;
  padding: 10px;
  color: #333333;
}

.dropdown:hover .dropdown-content {
  display: block;
}
.menu-btn {
  display: none;
  font-size: 26px;
  cursor: pointer;
}
@media (max-width: 768px) {
  .header {
    padding: 10px 20px;
  }
  nav {
    display: none;
    flex-direction: column;
    width: 100%;
    background: #fff;
    position: absolute;
    top: 76px;
    left: 0;
    padding: 15px 0;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  }
  nav.show {
    display: flex;
  }
  nav a {
    padding: 10px 20px;
    font-size: 14px;
  }
  .menu-btn {
    display: block;
  }
  .luxe {
    margin-left: auto;
    margin-right: 10px;
  }
}
/* COUNTDOWN */
  .sec2 {
     display:flex;
      justify-content:center;
       gap:40px;
        flex-wrap:wrap;
         background:#161616;
  }
  .sec2 .stat-item {
      text-align: center;
      flex: 1;
      min-width: 150px;
      position: relative;
    }
    .sec2 .stat-item:not(:last-child)::after {
      content: "";
      position: absolute;
      top: 50%;
      right: 0;
      transform: translateY(-50%);
      width: 1px;
      height: 50%;
      background: #ccc;
    }
    .sec2 .stat-number {
      font-size: 3.5rem;
      font-weight: bold;
      color: #eeebebe0;
     font-family: 'Montserrat', sans-serif;
    }
    .sec2 .stat-label {
      font-size: 0.85rem;
      font-weight: 500;
      color: #d4d2d296;
      letter-spacing: 1px;
      margin-top: 5px;
      font-weight: bold;
      font-family: 'Montserrat', sans-serif;
    }
      @media (max-width: 768px) {
         .sec2 .stat-number {
      font-size: 2.3rem;
      font-weight: bold;
    
    }
      .sec2 {
        gap: 30px;
      padding: 50px 20px !important;
      }
      .sec2 .stat-item {
        flex: 0 0 calc(50% - 20px);
      }
      .sec2 .stat-item:not(:last-child)::after {
        display: none;
      }
    }
    
@media (max-width: 480px){
        .sec2 .stat-number {
      font-size: 2.3rem;
      font-weight: bold;
    
    }
      .sec2 {
        gap: 30px;
      }
      .sec2 .stat-item {
        flex: 0 0 calc(50% - 20px);
      }
      .sec2 .stat-item:not(:last-child)::after {
        display: none;
      }
}


    /* NATURE SETION */
      .container {
    max-width: 1300px;
    margin: auto;
    padding: 0 10px;
    position: relative;
  }

  .sec4-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: center;

  }

  .sec4-img img {
    width: 100%;
    height: 95%;
    display: block;
    
  }

  /* Sec4 animations removed (undo) */

  .sec4-text {
    background-color: #1f1f1f;
    color: white;
    padding: 22px 20px;
    text-align: center;
     font-family: 'Montserrat', sans-serif;
    
  }

  .sec4-text h2 {
    font-size: 2rem;
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: 25px;
    text-align: center;
     font-family: 'Montserrat', sans-serif;
  }

  /* Gradient Text */
  .gradient-text {
    background: var(--preview-themeforest-net-white, linear-gradient(90deg, #D1313E 27.49%, #364D8D 50%));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
  }

  .btn-career {
    display: inline-block;
    padding: 12px 27px;
    background-color: transparent;
    border: 1px solid white;
    color: white;
    font-size: 0.96rem;
    border-radius: 4px;
    text-decoration: none;
    transition: 0.3s;
     font-family: 'Montserrat', sans-serif;
  }

  .btn-career span {
    margin-left: 5px;
  }

  .btn-career:hover {
background: linear-gradient(90deg, #D1313E 27.49%, #364D8D 50%);

    color: white;
    
  }
@media (max-width:768px) {
   .sec4  {
    padding: 0 !important;
   }
   .sec4-text h2 {
    font-size: 24px;
    text-align: center;
    
  }

}

  /* Responsive */
  @media (max-width: 992px) {
    .sec4-wrapper {
      grid-template-columns: 1fr;
    }
    .sec4-text {
      order: 2;
    }
    .sec4-img:first-child {
      order: 1;
    }
    .sec4-img:last-child {
      order: 3;
    }
     .gallery-sec {
   padding: 10px !important;
  }
  }
  /* GALLARY SECTION */
    .gallery-sec {
    width: 100%;
    background: #161616;
    color: #fff;
    padding: 70px 0;
  }

  .gallery-container {
    width: 100%;
    margin: 0;
    position: relative;
    padding: 0 80px;
  }

  .gallery-heading {
    padding: 0;
    color: #fff;
    font-size: 2.2rem;
    font-weight: 700;
    margin: 6px 0 28px;
    text-align: center;
     font-family: 'Montserrat', sans-serif;
  }

  .gallery-gradient {
    background: linear-gradient(90deg, #D1313E 27.49%, #364D8D 50%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }

  .gallery-subtitle {
    color: #b6b6b6;
    padding: 0;
    font-size: 0.9rem;
    letter-spacing: 4px;
    text-align: center;
    margin-bottom: 4px;
     font-family: 'Montserrat', sans-serif;
  }
  @media (max-width:768px) {
     .gallery-subtitle {
    color: #333333;
     padding: 0px 10px;
      white-space: normal;
    font-size: 1rem;
    overflow: hidden;
    text-align: center;
       white-space: normal !important;
     font-family: 'Montserrat', sans-serif;
  }
   .gallery-heading {
    padding: 0px 10px;
    font-size: 1.6rem;
    text-align: center;
     font-family: 'Montserrat', sans-serif;
  }
  }

  .gallery-enquire {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    background: #a0131f;
    color: white;
    padding: 10px 18px;
    font-size: 0.95rem;
    font-weight: 500;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    cursor: pointer;
    border-radius: 5px 0 0 5px;
    z-index: 10;
  }

  /* Desktop Grid */
  .gallery-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    width: 100%;
  }
.gallery-arrow{
  display: none;
}
  .gitem { position: relative; overflow: hidden; border-radius: 6px; }
  .gitem img { width: 100%; display: block; border-radius: 6px; }
  .goverlay {
    position: absolute; inset: 0; display: grid; place-items: center;
    background: rgba(0,0,0,0.35); color: #fff; opacity: 0; transition: .3s ease;
  }
  .gitem:hover .goverlay { opacity: 1; }
  .goverlay i { font-size: 22px; background: #fff; color: #111; border-radius: 50%; width: 42px; height: 42px; display:flex; align-items:center; justify-content:center; }

  /* Lightbox minimal tweaks on dark theme */
  .lightbox { display:none; position: fixed; inset: 0; background: rgba(0,0,0,0.8); align-items: center; justify-content: center; z-index: 10000; }
  .lightbox.open { display:flex; }
  .lightbox img { max-width: 90vw; max-height: 85vh; border-radius: 8px; }
  .lightbox-close { position: absolute; top: 16px; right: 16px; width: 42px; height: 42px; border-radius: 50%; border: 1px solid rgba(255,255,255,.4); color: #fff; background: rgba(255,255,255,.15); cursor: pointer; }

  /* View More control */
  .gallery-controls {
    display: flex;
    justify-content: center;
    margin: 18px 0 0;
  }
  .view-more-btn {
    padding: 10px 22px;
    border-radius: 9999px;
    border: 1px solid #1a1a1a20;
    background: linear-gradient(90deg, #D1313E 0%, #364D8D 100%);
    color: #fff;
    font-weight: 600;
    cursor: pointer;
    box-shadow: 0 8px 20px rgba(0,0,0,0.12);
  }
  .view-more-btn:hover { opacity: .95; }
  .is-hidden { display: none; }

  /* Gallery hover polish */
  .gallery-grid img {
    transition: transform 0.35s ease, box-shadow 0.35s ease;
  }
  .gallery-grid img:hover {
    transform: translateY(-4px) scale(1.03);
    box-shadow: 0 12px 30px rgba(0,0,0,0.15);
  }

  /* Mobile Slider */
  @media (max-width: 768px) {
    .gallery-container { padding: 0 16px; }
    .gallery-grid { grid-template-columns: 1fr 1fr; gap: 12px; }
  }

  /* Lightbox (gallery fullscreen view) */
  .lightbox {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.8);
    backdrop-filter: blur(4px);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 10000;
    padding: 20px;
  }
  .lightbox.open { display: flex; }
  .lightbox img {
    max-width: 90vw;
    max-height: 85vh;
    width: auto;
    height: auto;
    border-radius: 8px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.35);
    transition: transform 0.3s ease;
  }
  .lightbox-close,
  .lightbox-nav {
    position: absolute;
    background: rgba(255,255,255,0.15);
    border: 1px solid rgba(255,255,255,0.4);
    color: #fff;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    cursor: pointer;
    backdrop-filter: blur(2px);
    transition: background 0.2s ease;
  }
  .lightbox-close:hover,
  .lightbox-nav:hover { background: rgba(255,255,255,0.25); }
  .lightbox-close { top: 18px; right: 18px; font-size: 22px; line-height: 1; }
  .lightbox-nav.prev { left: 20px; }
  .lightbox-nav.next { right: 20px; }
  @media (max-width: 768px) {
    .lightbox-nav { width: 38px; height: 38px; }
  }

  body.no-scroll { overflow: hidden; }
 

 /* MAP SECTION */
.sec7 {
  padding: 60px 20px;
  background: #f9f9f9;
}

.sec7 .container1 {
  max-width: 1200px;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 30px;
}

.sec7-content {
  flex: 1;
  min-width: 300px;
    font-family: 'Montserrat', sans-serif;
}

.sec7-content h2 {
  font-size: 3rem !important;
  font-weight: bold;
  line-height: 1.3;
  text-align: start;
  margin-bottom: 20px;
}

.insd-gradient {
  background: linear-gradient(90deg, #D1313E 27.49%, #364D8D 50%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.black-text {
  color: #000;
}

.sec7-content p {
  font-size: 16px;
  color: #55555575;
  line-height: 1.6;
  text-align: start;
  margin-bottom: 20px;
}

.apply-btn {
  background: #fff;
  color: #000;
  padding: 12px 25px;
  font-size: 16px;
  border: none;
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
.apply-btn:hover {
  background: linear-gradient(90deg, #D1313E 27.49%, #364D8D 50%);
}

.sec7-image {
  flex: 1;
  min-width: 300px;
  text-align: center;
  position: relative;
  display: inline-block;
}

.sec7-image img {
  width: 100%;
  max-width: 500px;
  display: block;
  border-radius: 8px;
}

/* Overlay animation on top of the map */
.sec7-image::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  
}

@keyframes pulseGlow {
  0% { transform: scale(1); opacity: 0.4; }
  50% { transform: scale(1.05); opacity: 0.7; }
  100% { transform: scale(1); opacity: 0.4; }
}

@media (max-width: 768px) {
  .sec7 .container {
    flex-direction: column;
    text-align: center;
  }
  .awards-section {
    background:#333333;
    padding: 10px !important;
    color: white;
}
.awards-section {
  padding: 0 !important;
}
}

/* AWARD SECTION */

.awards-section {
    background:#333333;
    
    color: white;
}

.awards-text {
    max-width: 900px;
    margin-bottom: 30px;
      font-family: 'Montserrat', sans-serif;
}

.awards-text h2 {
   padding: 0 80px;
align-items: start;
    font-size: 33px;
    font-weight: bold;
}

.awards-text p {
    padding: 0 80px;
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 1rem;
    max-width: 700px;
}


.awards-slider {
    display: grid;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 10px;
    transition: transform 0.4s ease-in-out;
}

.awards-slider img {
    width: 100%;
    height: auto;
    display: block;
}

.nav-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.5);
    border: none;
    padding: 10px;
    color: white;
    font-size: 1.5rem;
    cursor: pointer;
    display: none;
}

.arrow-left { left: 10px; }
.arrow-right { right: 10px; }

/* Mobile view - slider mode */
@media (max-width: 768px) {
    .awards-slider {
        display: flex;
        gap: 0;
    }
  .awards-text h2 {
 padding:0;
    font-size: 33px !important;
    font-weight: bold;
    text-align: center;
}

.awards-text p {
  text-align: center;
    padding: 0;
    margin-top: 10px;
    font-size: 1rem;
    max-width: 700px;
}


    .awards-slider img {
        flex: 0 0 100%;
    }

    .nav-arrow {
        display: block;
    }
    .awards-gallery {
    
     padding: 0 !important;
}
.sec8 {
  
padding: 10px !important;
}
}
/* SECTION 8 */
.sec8 {
  
  background:#1e1e1e;
  color: #fff;
}

.sec8 .content {
  max-width: 900px;
  font-family: 'Montserrat', sans-serif;
}

.sec8 .content h2{
  padding: 0 80px;
align-items: start;
    font-size: 45px;
    font-weight: bold;
}
.sec8 .content p{
    padding: 0 80px;
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 1.2rem;
    max-width: 700px;
}



.image-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px;
  align-items: center;
   padding: 50px 80px;
}

.left-col {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
}

.left-col img,
.right-col img {
  width: 100%;
  height: 100%;
  object-fit: cover;

 
}

/* MOBILE SLIDER */
@media (max-width: 768px) {
  .image-row {
    grid-template-columns: 1fr;
 padding:0;
  }
  .right-col {
    order: -1; /* big image first */
  }

  .sec8 .content h2{
  padding: 0;
text-align: center;
    font-size:33px;
    font-weight: bold;
}
.sec8 .content p{
    padding: 0;
    margin-top: 10px;
    font-size: 1rem;
    max-width: 700px;
    text-align: center;
}


  .left-col {
    display: flex;
    overflow-x: auto;
    gap: 10px;
    scroll-snap-type: x mandatory;
  }
  .left-col > div {
    flex: 0 0 80%;
    scroll-snap-align: center;
  }
  .left-col img {
    border-radius: 8px;
  }
  .left-col::-webkit-scrollbar {
    display: none;
  }

}


.awards-gallery {
    position: relative;
    overflow: hidden;
     padding: 50px 80px;
}

.awards-slider {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    transition: transform 0.4s ease-in-out;
} 

.awards-slider img {
    width: 100%;
    height: auto;
    display: block;
}

.nav-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.5);
    border: none;
    padding: 10px;
    color: white;
    font-size: 1.5rem;
    cursor: pointer;
    display: none;
}

.arrow-left { left: 10px; }
.arrow-right { right: 10px; }

/* Mobile view - slider mode */
@media (max-width: 768px) {
    .awards-slider {
        display: flex;
        gap: 0;
    }
  .awards-text h2 {
 padding:0;
    font-size: 33px;
    text-align: center;
    font-weight: bold;
}

.awards-text p {
    padding: 0;
    text-align: center;
    margin-top: 10px;
    font-size: 1rem;
    max-width: 700px;
}


    .awards-slider img {
        flex: 0 0 100%;
    }

    .nav-arrow {
        display: block;
    }
}

/* partneship */
/* PARTNERSHIP SECTION */
.partnership {
    background:white;
    padding: 50px 50px;
    color: white;
}

.partnership-text {
    max-width: 900px;
    margin-bottom: 30px;
    font-family: 'Montserrat', sans-serif;
}

.partnership-text h2 {
    padding: 0 80px;
    align-items: start;
    font-size: 45px;
    font-weight: bold;
}

.partnership-text p {
    padding: 0 80px;
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 1.2rem;
    max-width: 700px;
}

.partnership-slider {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    transition: transform 0.4s ease-in-out;
    padding: 50px 80px;
}

.partnership-slider img {
    width: 100%;
    height: auto;
    display: block;
}

.nav-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.5);
    border: none;
    padding: 10px;
    color: white;
    font-size: 1.5rem;
    cursor: pointer;
    display: none;
}

.arrow-left { left: 10px; }
.arrow-right { right: 10px; }

/* Mobile view - slider mode */
@media (max-width: 768px) {
  .partnership {
    padding: 10px;
  }

    .partnership-slider {
       
        gap: 20px;
            padding: 0;
             grid-template-columns: repeat(2, 1fr) !important;
            
    }
      
    
    .partnership-text h2 {
        padding:0;
        font-size: 33px;
        font-weight: bold;
        text-align: center;
        margin-bottom: 20px !important;
    }

    .partnership-text p {
        padding: 0;
        margin-top: 10px;
        font-size: 1rem;
        max-width: 700px;
        text-align: center;
    }

    .partnership-slider img {
        flex: 0 0 100%;
    }

    .nav-arrow {
        display: block;
    }

    .partnership-gallery {
        padding: 0 !important;
        position: relative;
    }
}

/* careeer section  */
/* PARTNERSHIP SECTION */
.career {
    background:white;
    padding: 50px 50px;
    color: white;
}

.career-text {
    max-width: 900px;
    margin-bottom: 30px;
    font-family: 'Montserrat', sans-serif;
}

.career-text h2 {
    padding: 0 80px;
    align-items: start;
    font-size: 45px;
    font-weight: bold;
}

.career-text p {
  white-space: normal;
  color: #000000a9;
    padding: 0 80px;
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 19.5px;
    max-width: 700px;
}

.career-slider {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
    transition: transform 0.4s ease-in-out;
    padding: 50px 80px;
}

.career-slider img {
    width: 100%;
    height: auto;
    display: block;
}



.arrow-left { left: 10px; }
.arrow-right { right: 10px; }

/* Mobile view - slider mode */
@media (max-width: 768px) {
  .career {
    background:white;
    padding: 10px;
    color: white;
}
    .career-slider {
      
        gap: 20px;
            padding: 0 !important;
             grid-template-columns: repeat(3, 1fr) !important;
    }
   .programs-text{
    text-align: center !important;
   }

   .Career .Career-text h2 {

   }
   .Career .Career-text h2{
      text-align: center !important;
        padding:0 !important;
        font-size: 33px;
        font-weight: bold;
        margin-bottom: 20px !important;
    }

    .career-text p {
        padding: 0;
        text-align: center;
        margin-top: 10px;
        font-size: 1rem;
        max-width: 700px;
        white-space:normal;
    }

    .career-slider img {
        flex: 0 0 100%;
    }
    .career-gallery {
        padding: 0 !important;
        position: relative;
    }
}
.career-card {
  background: #fff;
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  transition: all 0.3s ease;
  cursor: pointer;
}

.career-card img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.career-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.15);
}

.career-card:hover img {
  transform: scale(1.05);
}

/* Mobile fix */
@media (max-width: 768px) {
  .career-card {
    border-radius: 10px;
  }
}


/* FOOTER SECTION */

.footer {
  background: #252525;
  color: #fff;

  font-family: Arial, sans-serif;
}

.footer-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  max-width: 1200px;
  margin: auto;
  padding:50px 10px;
  gap: 50px;
}

/* Left Section */
.footer-left {
  min-width: 250px;
  margin-bottom: 20px;
}

.footer-logo {
  max-width: 200px;
  margin-bottom: 50px;
}

.footer-left h3 {
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 25px;
}

.footer-left p a {
  color: #fff;
  text-decoration: underline;
  line-height: 1.6;
  font-weight: 100;
  font-size: 18px;
}

.footer-left h4 {
  margin-top: 25px;
  font-size: 20px;
  font-weight: 600;
}

.contact-numbers {
  margin-top: 8px;
  font-size: 14px;
  color: #e91e63;
}

/* Social Icons */
.footer-social a {
  color: #fff;
  font-size: 30px;
  margin-right: 10px;
  transition: 0.3s;
}

.footer-social a:hover {
  color: #e91e63;
}

/* Links */
.footer-links {
  flex: 1;
  min-width: 180px;
  margin-bottom: 20px;
}

.footer-links ul {
  list-style: none;
  padding: 100px 100px;
  margin: 0;
  line-height: 2;
}

.footer-links ul li a {
  color: #fff;
  text-decoration: none;
  line-height: 3;
  font-weight: 300;
  font-size: 20px !important;
}

.footer-links ul li a:hover {
  color: #e91e63;
}

/* Buttons */
.footer-buttons {
margin-left: 70px;
margin-top: -50px;
}

.btn-gradient {
  display: inline-block;
  padding: 15px 60px;
  background: linear-gradient(90deg, #e64398, #574cb1);
  color: #fff;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  margin-bottom: 10px;
  transition: 0.3s;
}

.btn-gradient:hover {
  opacity: 0.9;
}

.btn-outline {
  display: inline-block;
 padding: 15px 55px;
  border: 1px solid #fff;
  color: #fff;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  transition: 0.3s;
}

.btn-outline:hover {
  background: #fff;
  color: #1a1a1a;
}

/* ✅ Responsive Breakpoints */
@media (max-width: 992px) {
  .footer-links ul li a {
    font-size: 14px !important;
  }

  .btn-gradient,
  .btn-outline {
    padding: 12px 35px;
    font-size: 14px;
  }
}

@media (max-width: 768px) {
  .footer-container {
    flex-direction: column;
    text-align: center;
  }

  .footer-left,
  .footer-links {
    min-width: 100%;
    margin-bottom: 25px;
  }

  .footer-buttons {
    margin-left: 0;
     grid-template-columns: repeat(2, 1fr) !important;
  }

  .btn-gradient,
  .btn-outline {
    
    display: block;
   
    width: 80%;
  }
  .footer-links {

  min-width: 180px;
  margin-bottom: 20px;

}

.footer-links ul {
  list-style: none;
  padding: 50px 100px;
  margin: 0;
  line-height: 2;
}

.footer-links ul li a {
  color: #fff;
  text-decoration: none;
  line-height: 3;
  font-weight: 300;
  font-size: 18px;
  text-align: start;
  
}

.footer-links ul li a:hover {
  color: #e91e63;
}

/* Buttons */
.footer-buttons {
margin-left: 0px;
margin-top: -50px;
}

.btn-gradient {
  
display: flex;
justify-content: center !important;
align-items: center !important;
justify-items: center !important;
  margin-bottom: 10px !important;
  transition: 0.3s;
}

.btn-gradient:hover {
  opacity: 0.9;
}

}

@media (max-width: 480px) {
  .footer-social a {
    font-size: 22px;
    margin-right: 8px;
  }

  .footer-links ul li a {
    font-size: 14px;
    line-height: 2.2;
    text-align: start;
  }

  .btn-gradient,
  .btn-outline {
    width: 100%;
    font-size: 13px;
    padding: 10px 20px;
  }
}
.back-to-top {
  position: fixed;
  bottom: 80px;   /* bottom se 50px */
  right: 50px;    /* right side se 50px */
  background: #252525;
  color: #fff;
  font-size: 25px;
  padding: 12px 16px;
font-weight: bold;
  text-align: center;
  cursor: pointer;
  z-index: 999;
  display: none; /* by default hidden */
  transition: all 0.3s ease;
}

.back-to-top:hover {
  background: #ff6600; /* hover effect */
}


.programs-sec {
  padding: 50px 100px;
  background: #fff;
  font-family: Arial, sans-serif;
  position: relative;
  overflow: hidden;
}

/* Soft gradient glow orbs behind the section */
.programs-sec::before,
.programs-sec::after {
  content: "";
  position: absolute;
  width: 480px;
  height: 480px;
  border-radius: 50%;
  filter: blur(60px);
  opacity: 0.18;
  pointer-events: none;
  z-index: 0;
}

.programs-sec::before {
  top: -160px;
  left: -120px;
  
  animation: floatOrb 14s ease-in-out infinite;
}

.programs-sec::after {
  bottom: -180px;
  right: -140px;
  background: radial-gradient(closest-side, #364D8D, transparent 70%);
  animation: floatOrb 18s ease-in-out infinite reverse;
}

@keyframes floatOrb {
  0% { transform: translate3d(0,0,0) scale(1); }
  50% { transform: translate3d(20px,-10px,0) scale(1.06); }
  100% { transform: translate3d(0,0,0) scale(1); }
}

.programs-heading {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 10px;
}

.highlight-red {
  color: #e63946;
}

.highlight-blue {
  color: #3a3a89;
}

.programs-subtext {
  color: #555;
  margin-bottom: 40px;
  border-left: 3px solid #e63946;
  padding-left: 10px;
}

.programs-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* Always 3 cards in a row */
  gap: 25px;
}
@media (max-width:768px) {
  .programs-sec {
    padding: 50px 20px;
  }
  .programs-grid {
  display: grid;
  grid-template-columns: repeat(1, 1fr); /* Always 3 cards in a row */
  gap: 25px;
}
.program-card7{
 display: none !important;
}
 .program-card,
 .program-card:hover {
  transform: none !important;
  box-shadow: none !important;
 }
}
.program-card {
  position: relative;
  overflow: hidden;
  z-index: 1;
  border-radius: 8px;
  transform-style: preserve-3d;
  transition: transform 0.35s ease, box-shadow 0.35s ease;
}

/* Ensure overlay matches exactly the image area */
.program-media {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden; /* clip shine/glow to image area */
  border-radius: 5px;
}
.program-media img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 5px;
}

.program-card img {
  width: 100%;
  display: block;
  border-radius: 5px;
}

.program-card h3 {
  margin-top: 8px;
  font-size: 25px;
  font-weight: 600;
  text-align: center;
}

/* Animated underline below the Programs heading */
.programs-sec .programs-text {
  position: relative;
  z-index: 1;
}

.programs-sec .programs-text::after {
  content: "";
  display: block;
  width: 120px;
  height: 4px;
  margin-top: 12px;
  border-radius: 4px;
  background: linear-gradient(90deg, #D1313E 0%, #364D8D 100%);
  box-shadow: 0 0 18px rgba(209,49,62,0.35), 0 0 22px rgba(54,77,141,0.35);
}
@media (max-width:768px) {
  .program-card h3 {
 
  font-size: 20px;
  
}
}
.a1overlay{
height: 100% !important;
}
.a2overlay{
height: 100% !important;
}
.a3overlay{
height: 100% !important;
}
.a4overlay{
height: 100% !important;
}
.a5overlay{
height: 100% !important;
}
.a6overlay{
height: 100% !important;
}
.a8overlay{
height: 100% !important;
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
 height: 100%;
 overflow:hidden  !important;
  background: rgba(0,0,0,0.55);
  backdrop-filter: blur(3px);
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  opacity: 0;
  transition: opacity 0.35s ease-in-out, background 0.35s ease-in-out;
  padding: 20px;
  border-radius: 5px;
}

.overlay a {
  margin-top: 14px;
  color: #fff;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
  padding: 10px 18px;
  border-radius: 9999px;
  background: linear-gradient(90deg, #D1313E 0%, #364D8D 100%);
  box-shadow: 0 8px 20px rgba(0,0,0,0.18);
}
.overlay p{
  line-height: 2;
  font-size: 20px;
}
.program-media:hover .overlay {
  opacity: 1;
}

/* Smooth content rise inside overlay */
.overlay p,
.overlay a {
  opacity: 0;
  transform: translateY(6px);
  transition: opacity 0.35s ease, transform 0.35s ease;
}

.program-media:hover .overlay p,
.program-media:hover .overlay a {
  opacity: 1;
  transform: translateY(0);
}

.program-media:hover .overlay a {
  transition-delay: 60ms;
}

.overlay p { word-break: break-word; }

/* Programs Section animations */
.text-gradient-animate {
  background-size: 200% 100%;
  animation: gradientShimmer 3s ease-in-out infinite;
}

@keyframes gradientShimmer {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

.reveal {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.reveal.in-view {
  opacity: 1;
  transform: translateY(0);
}

.programs-sec .program-media img {
  transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}

.programs-sec .program-media:hover img {
  transform: scale(1.05);
}

/* Card hover glow and moving shine limited to media area */
.program-media:hover {
  /* keep card content static; optional subtle inner emphasis can be added here */
}

.program-media::before {
  content: "";
  position: absolute;
  inset: 0;
  background: conic-gradient(from 0deg, #D1313E, #364D8D, #D1313E);
  filter: blur(26px);
  opacity: 0;
  transition: opacity 0.35s ease;
  z-index: -1;
}

.program-media:hover::before {
  opacity: 0.55;
}

.program-media::after {
  content: "";
  position: absolute;
  top: 0;
  left: -60%;
  width: 50%;
  height: 100%;
  background: linear-gradient(115deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.35) 50%, rgba(255,255,255,0) 100%);
  transform: skewX(-15deg);
  transition: transform 0.6s ease;
  pointer-events: none;
}

.program-media:hover::after {
  transform: translateX(260%) skewX(-15deg);
}

  .slider-container {
    position: relative;
  }

  .slider {
    display: flex;
    gap: 20px;
    overflow-x: auto;
    scroll-behavior: smooth;
    scrollbar-width: none;
  }
  .slider::-webkit-scrollbar {
    display: none;
  }

  .slide {
    flex: 0 0 calc(25% - 15px); /* 4 images per row */
    background: white;
    text-align: center;
  }

  .slide img {
    width: 100%;
    height: auto;
    object-fit: contain;
  }

  .slider-controls {
    position: absolute;
    bottom: -40px;
    right: 0;
    display: flex;
    gap: 10px;
  }

  .slide-btn {
    background: white;
    border: 1px solid black;
    padding: 8px 14px;
    cursor: pointer;
    font-size: 18px;
  }

  .slide-btn:hover {
    background: black;
    color: white;
  }

  @media(max-width: 768px) {
    .slide { flex: 0 0 calc(50% - 10px); } /* 2 per row mobile */
  
  .insd-spotlight {
    padding: 0 !important;
  }
  .sec7{
    padding: 0 !important;
  }
  }


  .insd-spotlight {
   
    background: #fff;
    font-family: Arial, sans-serif;
  }

  .insd-title {
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 30px;
  }

  .insd-title span {
    color: #d92f2f;
  }

  .insd-slider-container {
    position: relative;
    display: flex;
    align-items: center;
  }

  

  .insd-slider {
    display: flex;
    gap: 20px;
    overflow: hidden;
    scroll-behavior: smooth;
    width: 100%;
  }

  .insd-card {
    flex: 0 0 calc(25% - 20px); /* Desktop par 4 card */
    text-align: center;
    padding: 20px;
    background: #fff;
    transition: 0.3s;
  }

  .insd-card img {
    max-width: 280px; /* Image badi ki */
    width: 100%;
    margin: 0 auto;
    display: block;
  }

  .insd-slider-controls {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    gap: 15px;
  }

  .insd-btn {
    width: 45px;
    height: 45px;
    border: 2px solid #000;
    background: #fff;
    cursor: pointer;
    font-size: 30px;
    font-weight: bold;
  }

  .insd-btn:hover {
   background: linear-gradient(180deg, #9b111e, #1f3c88); /* Red to Blue gradient */
    color: #fff;
       border: 2px solid #fff !important;
  }

  /* Mobile Responsive */
  @media (max-width: 768px) {
    .insd-card {
      flex: 0 0 100%; /* Mobile par 1 card */
    }

    .insd-card img {
      max-width: 250px; /* Mobile ke liye thoda aur bada */
    }
  }
.three-img-slider {
  background: #1e1e1e;
  color: #fff;
  padding: 0 !important;
  text-align: center;
}

.slider-content h2 {
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 10px;
}

.slider-content p {
  font-size: 16px;
  margin-bottom: 30px;
}

.slider-wrapper {
  position: relative;
  display: flex;
  align-items: center;
}

.slider-container {
  display: flex;
  gap: 15px;
  overflow: hidden;
  scroll-behavior: smooth;
}

.slide {
  flex: 0 0 calc(33.333% - 10px); /* Desktop: 3 per view */
}

.slide img {
  width: 100%;
  height: auto;
  border-radius: 8px;
  object-fit: cover;
}

.arrow {
  background: rgba(0, 0, 0, 0.5);
  color: white;
  border: none;
  padding: 10px;
  font-size: 24px;
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
}

.arrow.left {
  left: 0;
}

.arrow.right {
  right: 0;
}

/* Responsive */
@media (max-width: 768px) {
  .slide {
    flex: 0 0 100%; /* Mobile: 1 per view */
  }
}

  .insd-brand {
padding: 50px 125px;
    background: #fff;
    font-family: Arial, sans-serif;
    text-align: center;
  }

  .insd-brand-title {
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 10px;
  }

  .insd-brand-subtitle {
    font-size: 16px;
    color: #555;
    margin-bottom: 30px;
  }

  .insd-brand-slider-container {
    position: relative;
    display: flex;
    align-items: center;
  }

  .insd-brand-slider {
    display: flex;
    gap: 20px;
    overflow: hidden;
    scroll-behavior: smooth;
    width: 100%;
  }

  .insd-brand-card {
    flex: 0 0 calc(33.33% - 20px); /* Desktop: 3 images in a row */
    transition: 0.3s;
  }

  .insd-brand-card img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 6px;
  }

  .insd-brand-controls {
    display: none; /* Desktop par hide */
    justify-content: center;
    margin-top: 20px;
    gap: 15px;
  }

  .insd-brand-btn {
    width: 45px;
    height: 45px;
    border: 1px solid #000;
    background: #fff;
    cursor: pointer;
    font-size: 20px;
  }

  .insd-brand-btn:hover {
    background: #000;
    color: #fff;
  }

  /* Mobile Responsive */
  @media (max-width: 768px) {
     .insd-brand {
      padding:10px;
     }
    .insd-brand-card {
      flex: 0 0 100%; /* Mobile: 1 card at a time */
    }

    .insd-brand-controls {
      display: flex; /* Mobile par show arrows */
    }
  }

.enquire-btn {
  position: fixed;
  top: 50%;
  right: 35px; /* बिलकुल right side पर */
  transform: translateY(-50%) rotate(-90deg); 
  transform-origin: right center;
  background: linear-gradient(180deg, #9b111e, #1f3c88); /* Red to Blue gradient */
  color: #fff;
  padding: 12px 30px;
  border-radius: 8px 8px 0 0;
  font-weight: bold;
  text-decoration: none;
  box-shadow: 0 4px 10px rgba(0,0,0,0.2);
  transition: background 0.3s;
  z-index: 9999;
  display: inline-block;
}

.enquire-btn:hover {
  background: linear-gradient(180deg, #b71c1c, #2c4db0);
}




/* Catchier Programs section polish (non-destructive; images unchanged) */
.program-card {
  border-radius: 12px;
  padding: 6px;
  background: linear-gradient(#fff, #fff) padding-box,
              linear-gradient(135deg, rgba(209,49,62,0.9), rgba(54,77,141,0.9)) border-box;
  border: 1px solid transparent;
  box-shadow: 0 10px 28px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  background-size: 100% 100%, 200% 200%;
  background-position: 0 0, 0% 50%;
  animation: borderFlow 16s linear infinite;
}

/* ===== Career (Marquee) and Gallery (Center Slider) Enhancements ===== */
/* Career: marquee slider */
.Career-gallery { overflow: hidden; padding: 50px 80px; }
.career-card { min-width: 260px; }
.career-slider.marquee { animation: careerMarquee 28s linear infinite; will-change: transform; }
.Career-gallery:hover .career-slider.marquee { animation-play-state: paused; }
@keyframes careerMarquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

/* Gallery: center-focused slider */
.gallery-container { position: relative; overflow: hidden; }
.gallery-container::before,
.gallery-container::after {
  content: none; /* remove white side gradients */
}
.gallery-container::before { left: 0; background: linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0)); }
.gallery-container::after { right: 0; background: linear-gradient(to left, rgba(255,255,255,1), rgba(255,255,255,0)); }

.gallery-grid.center-slider {
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.gallery-grid.center-slider .gslide {
  flex: 0 0 0%;
  opacity: 0;
  pointer-events: none;
  transition: flex-basis 0.5s ease, transform 0.5s ease, filter 0.4s ease, opacity 0.4s ease;
  filter: blur(6px);
}

.gallery-grid.center-slider .gslide.is-left,
.gallery-grid.center-slider .gslide.is-right {
  flex: 0 0 16%;
  opacity: 0.9;
  pointer-events: auto;
  filter: blur(4px);
}

.gallery-grid.center-slider .gslide.is-center {
  flex: 0 0 36%;
  transform: none;
  opacity: 1;
  filter: none;
}

/* second neighbors: smaller and blurred */
.gallery-grid.center-slider .gslide.is-left-2,
.gallery-grid.center-slider .gslide.is-right-2 {
  flex: 0 0 12%;
  opacity: 0.8;
  filter: blur(6px);
}

/* center image de-blur only while sliding */
.gallery-grid.center-slider.sliding .gslide.is-center { filter: none; }
.gallery-arrows { z-index: 3; }

/* Ensure career slider uses flex for marquee */
.career-slider {
  display: flex !important;
  gap: 20px;
  width: max-content;
  padding: 0 !important;
}

/* Show gallery arrows across viewports for center slider */
.gallery-container .gallery-arrows { display: flex !important; }
.gallery-container .gallery-arrow { display: block !important; }

/* tighter spacing under image title */
.program-card h3 {
  margin-top: 12px;
}

/* round the image container a bit more to match the card */
.program-media { border-radius: 10px; }
.program-media img { border-radius: 10px; }
.overlay { border-radius: 10px; }

/* hover elevation + stronger glow */
.program-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 40px rgba(0,0,0,0.16);
}

/* accessibility: respect reduced motion */
@media (prefers-reduced-motion: reduce) {
  .programs-sec * {
    transition: none !important;
    animation: none !important;
  }
}

/* Uniform alignment for cards and media */
.programs-grid { align-items: stretch; }
.program-media { aspect-ratio: 16 / 10; }
.program-media img { height: 100%; object-fit: cover; }

/* Animated border flow for program cards */
@keyframes borderFlow {
  0% { background-position: 0 0, 0% 50%; }
  50% { background-position: 0 0, 100% 50%; }
  100% { background-position: 0 0, 0% 50%; }
}

/* Pulsing glow under Programs heading */
.programs-sec .programs-text::after {
  animation: glowPulse 4s ease-in-out infinite;
}

@keyframes glowPulse {
  0%, 100% {
    box-shadow: 0 0 18px rgba(209,49,62,0.35), 0 0 22px rgba(54,77,141,0.35);
    filter: saturate(1);
  }
  50% {
    box-shadow: 0 0 26px rgba(209,49,62,0.55), 0 0 30px rgba(54,77,141,0.55);
    filter: saturate(1.1);
  }
}

/* Radio Banner (pure CSS) */
.banner {
    overflow: hidden;
}
.banner input[type="radio"] {
    opacity: 0;
    position: absolute;
    pointer-events: none;
}
.hero-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-position: center;
    transition: background-image 0.8s ease-in-out, filter 0.3s ease;
    filter: brightness(0.85);
}
/* Default slide */
.banner #hero-1:checked ~ .hero-bg { background-image: url('../images/1.png'); }
.banner #hero-2:checked ~ .hero-bg { background-image: url('../images/2.png'); }
.banner #hero-3:checked ~ .hero-bg { background-image: url('../images/3.png'); }

.hero-overlay {
    position: relative;
    z-index: 2;
    height: 100%;
    display: flex;
    align-items: center;
}
.hero-content {
    color: #fff;
    max-width: 520px;
    margin-left: 100px;
    font-family: 'Montserrat', sans-serif;
}
.hero-content h1 { font-size: 48px; line-height: 1.2; margin: 12px 0 16px; }
/* Use existing gradient instead of yellow */
.hero-content h1 span {
    background: linear-gradient(90deg, #D1313E 27.49%, #364D8D 50%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    letter-spacing: 1px;
}
.hero-content p { color: #ffffffc9; font-size: 14px; line-height: 1.8; margin-bottom: 18px; }
.cta-btn { display: inline-block; padding: 12px 18px; background: linear-gradient(90deg, #D1313E 0%, #364D8D 100%); color: #fff; border-radius: 4px; text-decoration: none; font-weight: 600; }

/* Thumbnails bottom-right */
.hero-thumbs {
    position: absolute;
    bottom: 22px;
    right: 22px;
    display: flex;
    gap: 12px;
    z-index: 3;
}
.hero-thumbs .thumb {
    width: 110px;
    height: 68px;
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid transparent;
    transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}
.hero-thumbs .thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.hero-thumbs .thumb:hover { transform: translateY(-2px); }

/* Active border based on which radio is checked */
.banner #hero-1:checked ~ .hero-thumbs label:nth-child(1),
.banner #hero-2:checked ~ .hero-thumbs label:nth-child(2),
.banner #hero-3:checked ~ .hero-thumbs label:nth-child(3) {
    border-color: #D1313E;
    box-shadow: 0 0 14px rgba(209,49,62,.35);
}

/* Show different content per slide */
.content-1, .content-2, .content-3 { display: none; }
.banner #hero-1:checked ~ .hero-overlay .content-1 { display: block; }
.banner #hero-2:checked ~ .hero-overlay .content-2 { display: block; }
.banner #hero-3:checked ~ .hero-overlay .content-3 { display: block; }

/* Keep dots styling as-is if used elsewhere */
@media (max-width: 768px){
    .hero-content { margin-left: 20px; max-width: 85%; }
    .hero-content h1 { font-size: 32px; }
    .hero-thumbs { right: 12px; bottom: 16px; }
    .hero-thumbs .thumb { width: 80px; height: 50px; }
}

/* Mobile-specific banner images */
@media (max-width: 768px){
  .banner #hero-1:checked ~ .hero-bg { background-image: url('../images/mobile1.png'); }
  .banner #hero-2:checked ~ .hero-bg { background-image: url('../images/mobile2.png'); }
  .banner #hero-3:checked ~ .hero-bg { background-image: url('../images/mobile3.png'); }
}

/* Enquiry Modal */
.enquiry-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.20);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 2000;
}
.enquiry-backdrop.show { display: flex; }
.enquiry-dialog {
  position: relative;
  width: min(700px, 92vw);
  background: rgba(214, 209, 209, 0.85);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 20px 60px rgba(0,0,0,0.35);
}
.enquiry-hero {
  position: absolute;
  inset: 0;
  background-image: url('../images/gal1.webp');
  background-size: cover;
  background-position: center;
  opacity: 0.5; /* low opacity background image */
  pointer-events: none;
}
.enquiry-close {
  position: absolute; top: 12px; right: 12px;
  height: 36px; width: 36px; border-radius: 50%;
  border: none; background: rgba(255,255,255,0.1); color: #fff;
  cursor: pointer; z-index: 2;
}
.enquiry-content { position: relative; z-index: 1; padding: 28px; }
.enquiry-content h3 { color: #fff; font-size: 28px; margin-bottom: 16px; }
.enquiry-form { width: 100%; }
.enquiry-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.enquiry-input {
  width: 100%;
  padding: 12px 14px;
  border: 1px solid rgba(10, 10, 10, 0.699);
  border-radius: 8px;
  background: transparent; /* transparent inputs */
  color: #1a1919b9;
}
.enquiry-input::placeholder { color: rgba(255,255,255,0.75); }
.enquiry-input option { color: #000; }
.enquiry-submit:hover {
  color: white;
  background: linear-gradient(90deg, #D1313E 0%, #364D8D 100%);
}
.enquiry-submit {
  margin-top: 18px;
  width: 100%;
  padding: 14px 18px;
  border: none;
  border-radius: 8px;
  color: black;
  cursor: pointer;
  background: white;
}
@media (max-width: 700px){
  .enquiry-grid { grid-template-columns: 1fr; }
}