.hero-root{
    width:100%;
    overflow:hidden;
    font-family:system-ui,-apple-system,sans-serif;
    position:relative;
}

/* =========================
   HERO SECTION
========================= */

.hero-main{
    position:relative;
    width:100%;
    
    overflow:hidden;
}

.hero-main img.hero-bg{
    width:100%;
    height:500px;
    object-fit:cover;
    display:block;
    object-position:center top;
}

/* Overlay */
.hero-dark{
    position:absolute;
    inset:0;
    background:linear-gradient(
        90deg,
        rgba(0,0,0,0.78) 0%,
        rgba(0,0,0,0.42) 52%,
        rgba(0,0,0,0.08) 100%
    );
}

/* Bottom Fade */
.hero-bottom-fade{
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    height:180px;
    background:linear-gradient(
        to top,
        rgba(0,0,0,0.7) 0%,
        transparent 100%
    );
}

/* =========================
   HERO CONTENT
========================= */

.hero-body{
    position:absolute;
    inset:0;
    z-index:2;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:50px 60px 150px;
}

.hb-badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    width:fit-content;
    background:rgba(255,255,255,0.12);
    border:1px solid rgba(255,255,255,0.25);
    border-radius:40px;
    padding:8px 18px;
    color:#fff;
    font-size:13px;
    font-weight:500;
    margin-bottom:22px;
    backdrop-filter:blur(8px);
}

.hb-title1{
    font-size:70px;
    line-height:1;
    color:#fff;
    font-family:Georgia,serif;
    font-style:italic;
    font-weight:500;
    margin-bottom:8px;
}

.hb-title2{
    font-size:34px;
    color:#fff;
    font-weight:700;
    line-height:1.3;
    margin-bottom:18px;
}

.hb-desc{
    font-size:15px;
    color:rgba(255,255,255,0.82);
    line-height:1.8;
    max-width:520px;
    margin-bottom:30px;
}

/* =========================
   FEATURES
========================= */

.hb-feats{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
}

.hb-feat{
    display:flex;
    align-items:center;
    gap:10px;
    background:rgba(255,255,255,0.12);
    border:1px solid rgba(255,255,255,0.18);
    backdrop-filter:blur(8px);
    border-radius:12px;
    padding:10px 14px;
}

.hb-feat svg{
    flex-shrink:0;
}

.hb-feat-t{
    font-size:12px;
    font-weight:600;
    color:#fff;
    line-height: 14px;
}

.hb-feat-s{
    font-size:10px;
    color:rgba(255,255,255,0.6);
      line-height: 12px;
}

/* =========================
   AI PLAN BOX
========================= */

.hb-plan{
    position:absolute;
    right:35px;
    top:100px;
    z-index:3;
    width:220px;
    background:#fff;
    border-radius:18px;
    padding:14px;
    display:flex;
    align-items:center;
    gap:12px;
    box-shadow:0 10px 30px rgba(0,0,0,0.18);
}

.hb-plan-ic{
    width:45px;
    height:45px;
    border-radius:12px;
    background:#ede9fe;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
}

.hb-plan-t{
    font-size:14px;
    font-weight:700;
    color:#111827;
    margin-bottom:3px;
}

.hb-plan-s{
    font-size:11px;
    color:#6b7280;
    line-height:1.5;
}

/* =========================
   FORM
========================= */

.hero-form-wrap{
    position:relative;
    left:50%;
    bottom:35px;
    transform:translateX(-50%);
    width:92%;
    z-index:5;
}

.hero-form{
    display:flex;
    align-items:center;
    gap:0;
    background:rgba(255,255,255,0.96);
    backdrop-filter:blur(12px);
    border-radius:22px;
    padding:16px 18px;
    box-shadow:0 10px 35px rgba(0,0,0,0.18);
}

/* Tabs */

.hf-tabs{
    display:flex;
    gap:5px;
    padding-right:16px;
    margin-right:16px;
    border-right:1px solid #e5e7eb;
    flex-shrink:0;
}

.hf-tab{
    border:none;
    background:transparent;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:4px;
    padding:10px 14px;
    border-radius:12px;
    cursor:pointer;
    transition:0.3s;
}

.hf-tab svg{
    color:#9ca3af;
}

.hf-tab span{
    font-size:11px;
    color:#6b7280;
    font-weight:600;
}

.hf-tab.active{
    background:#fff;
}

.hf-tab.active svg,
.hf-tab.active span{
    color:#DB1A1A;
}

/* Fields */

.hf-fields{
    display:flex;
    align-items:center;
    flex:1;
}

.hf-field{
    flex:1;
    min-width:0;
    padding:0 18px;
    border-right:1px solid #e5e7eb;
}

.hf-field:last-child{
    border-right:none;
}

.hf-field label{
    display:block;
    font-size:10px;
    color:#9ca3af;
    font-weight:700;
    letter-spacing:0.5px;
    margin-bottom:6px;
    text-transform:uppercase;
}

.hf-inner{
    display:flex;
    align-items:center;
    gap:8px;
}

.hf-inner input,
.hf-inner select{
    width:100%;
    border:none;
    outline:none;
    background:transparent;
    font-size:14px;
    color:#111827;
    font-weight:500;
    min-width:0;
    -webkit-appearance:none;
}

.hf-inner input::placeholder{
    color:#6b7280;
}

/* Search Button */

.hf-btn{
    border:none;
    background:#DB1A1A;
    color:#fff;
    padding:16px 24px;
    border-radius:14px;
    font-size:14px;
    font-weight:700;
    cursor:pointer;
    display:flex;
    align-items:center;
    gap:8px;
    margin-left:14px;
    transition:0.3s;
    white-space:nowrap;
}

.hf-btn:hover{
    background:#dd6d00;
}

/* =========================
   LAPTOP
========================= */


@media(max-width:1200px){

    .hero-body{
        padding:45px 40px 150px;
    }

      .hero-form-wrap{
     position: relative;
    }


    .hb-title1{
        font-size:58px;
    }

    .hb-title2{
        font-size:28px;
    }

    .hero-form{
        flex-wrap:wrap;
        gap:15px;
    }

    .hf-fields{
        flex-wrap:wrap;
        width:100%;
    }

    .hf-field{
        min-width:48%;
        border-right:none;
        border-bottom:1px solid #e5e7eb;
        padding:14px 0;
    }

    .hf-btn{
        width:100%;
        justify-content:center;
        margin-left:0;
    }
}

/* =========================
   TABLET
========================= */

@media(max-width:768px){

    .hero-main img.hero-bg{
        height:500px;
    }

     .hero-form-wrap{
     position: relative;
    }

    .hero-body{
        justify-content:flex-start;
        padding:35px 25px 230px;
    }

    .hb-title1{
        font-size:42px;
    }

    .hb-title2{
        font-size:24px;
    }

    .hb-desc{
        font-size:14px;
    }

    .hb-plan{
        display:none;
    }

    .hb-feats{
        gap:10px;
    }

   

    .hero-form-wrap{
        width:94%;
        bottom:20px;
    }

    .hero-form{
        flex-direction:column;
        align-items:stretch;
        padding:16px;
        border-radius:20px;
    }

    .hf-tabs{
        width:100%;
        overflow-x:auto;
        border-right:none;
        border-bottom:1px solid #e5e7eb;
        padding-right:0;
        margin-right:0;
        padding-bottom:12px;
        margin-bottom:10px;
    }

    .hf-fields{
        flex-direction:column;
        width:100%;
    }

    .hf-field{
        width:100%;
        min-width:100%;
        border-bottom:1px solid #e5e7eb;
        padding:14px 0;
    }

    .hf-btn{
        width:100%;
        margin-top:12px;
    }
}

/* =========================
   MOBILE
========================= */

@media(max-width:480px){

   

    .hero-main img.hero-bg{
        height:500px;
    }

    .hero-body{
        padding:25px 18px 260px;
    }
    .hero-form-wrap{
     position: relative;
    }

    .hb-badge{
        font-size:11px;
        padding:7px 14px;
    }

    .hb-title1{
        font-size:34px;
    }

    .hb-title2{
        font-size:19px;
        margin-bottom:12px;
    }

    .hb-desc{
        font-size:13px;
        line-height:1.7;
    }

    .hb-feats{
        gap:8px;
    }

    .hb-feat{
        padding:8px 10px;
        gap:8px;
    }

    .hb-feat-t{
        font-size:11px;
    }

    .hb-feat-s{
        font-size:9px;
    }

    .hero-form{
        padding:14px;
    }

    .hf-tab{
        min-width:80px;
    }

    .hf-tab span{
        font-size:10px;
    }

    .hf-field label{
        font-size:9px;
    }

    .hf-inner input,
    .hf-inner select{
        font-size:13px;
    }

    .hf-btn{
        font-size:13px;
        padding:15px 20px;
        border-radius:12px;
    }
}




          :root {

               --navy: #0D1B3E;
               --dark: #111827;
               --white: #FAFAFA;
          }

          .slider-wrapper {
               width: 100%;
               height: 80vh;
               position: relative;
               overflow: hidden;
               display: flex;
          }

          /* ── LEFT PANEL — FIXED TEXT ── */
          .panel-left {
               position: relative;
               width: 50%;
               height: 100%;
               background: var(--white);
               display: flex;
               flex-direction: column;
               justify-content: center;
               padding: 50px 72px 0 80px;
               z-index: 10;
               flex-shrink: 0;
               clip-path: polygon(0 0, 100% 0, 98% 5%, 95% 12%, 97% 18%, 93% 26%, 96% 34%,
                         92% 42%, 95% 50%, 91% 60%, 94% 70%, 90% 80%, 92% 90%,
                         88% 96%, 85% 100%, 0 100%);
          }

          .panel-left::before {
               content: '';
               position: absolute;
               inset: 0;
               background: radial-gradient(ellipse at 10% 80%, rgba(247, 91, 0, .06) 0%, transparent 60%);
               pointer-events: none;
          }

          .slide-tag {
               display: inline-block;
               font-size: 10px;
               font-weight: 600;
               letter-spacing: 2px;
               text-transform: uppercase;
               color: #fff ;
               margin-bottom: 20px;
               opacity: 0;
               transform: translateY(20px);
               animation: fadeUp 0.5s 0.2s forwards;
          }

          .slide-heading {
             
               font-size: clamp(42px, 5vw, 40px);
               font-weight: 900;
               line-height: 1.05;
               color: var(--navy);
               margin-bottom: 22px;
               opacity: 0;
               transform: translateY(30px);
               animation: fadeUp 0.55s 0.3s forwards;
          }

          .slide-heading em {
               font-style: normal;
               color: #DB1A1A ;
          }

          .slide-sub {
               font-size: 15px;
               font-weight: 300;
               line-height: 1.7;
               color: #556;
               max-width: 300px;
               margin-bottom: 38px;
               opacity: 0;
               transform: translateY(20px);
               animation: fadeUp 0.5s 0.45s forwards;
          }

          .slide-actions {
               display: flex;
               align-items: center;
               gap: 28px;
               opacity: 0;
               transform: translateY(18px);
               animation: fadeUp 0.5s 0.55s forwards;
          }

          @keyframes fadeUp {
               to {
                    opacity: 1;
                    transform: translateY(0);
               }
          }

          .btn-primary {
               padding: 14px 32px;
               background: #DB1A1A ;
               color: #fff;
               border: none;
               border-radius: 4px;
           
               font-size: 11px;
               font-weight: 600;
               letter-spacing: 2px;
               text-transform: uppercase;
               cursor: pointer;
               position: relative;
               overflow: hidden;
               transition: transform .2s, box-shadow .2s;
          }

          .btn-primary:hover {
               transform: translateY(-2px);
               box-shadow: 0 10px 30px rgba(247, 91, 0, .4);
          }

          .btn-ghost {
               display: flex;
               align-items: center;
               gap: 10px;
               background: none;
               border: none;
               cursor: pointer;
               font-size: 12px;
               font-weight: 500;
               letter-spacing: 1.5px;
               text-transform: uppercase;
               color: var(--navy);
               font-family: 'DM Sans', sans-serif;
          }

          .btn-ghost .play-icon {
               width: 34px;
               height: 34px;
               border-radius: 50%;
               border: 1.5px solid var(--navy);
               display: flex;
               align-items: center;
               justify-content: center;
               transition: background .2s, border-color .2s;
          }

          .btn-ghost:hover .play-icon {
               background: var(--navy);
          }

          .btn-ghost:hover .play-icon svg path {
               fill: #fff;
          }

          /* ── RIGHT PANEL — IMAGE SWIPER ── */
          .panel-right {
               position: relative;
               top: 0;
               right: 0;
               width: 100%;
               height: 100%;
               z-index: 1;
               overflow: hidden;
          }
   /* .panel-right::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; 
  background: rgba(0, 0, 0, 0.4);
  z-index: 2;
  pointer-events: none;
} */

          /* .panel-right::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image:
      repeating-linear-gradient(0deg, rgba(255,255,255,.03) 0px, rgba(255,255,255,.03) 1px, transparent 1px, transparent 50px),
      repeating-linear-gradient(90deg, rgba(255,255,255,.03) 0px, rgba(255,255,255,.03) 1px, transparent 1px, transparent 50px);
    z-index: 2;
    pointer-events: none;
  } */

          .img-glow {
               position: absolute;
               top: 50%;
               right: 6%;
               transform: translate(0, -50%);
               width: min(520px, 75%);
               aspect-ratio: 1;
               border-radius: 50%;
               background: radial-gradient(circle, rgba(255, 255, 255, .06) 0%, transparent 70%);
               border: 1px solid rgba(255, 255, 255, .06);
               z-index: 2;
               pointer-events: none;
          }

          .img-swiper {
               width: 100%;
               height: 100%;
          }

          .img-swiper .swiper-slide {
               overflow: hidden;
               position: relative;
          }

          /* .img-swiper .swiper-slide::after {
    content: '';
    position: absolute;
    inset: 0;
    background: var(--dark);
    opacity: 0.45;
    z-index: 1;
  } */

          .img-swiper .swiper-slide img {
               width: 100%;
               height: 100%;
               object-fit: cover;
               object-position: center;
               display: block;
               transition: transform 8s ease;
          }

          .img-swiper .swiper-slide-active img {
               transform: scale(1.06);
          }

          .img-swiper .swiper-slide{
    position:relative;
    overflow:hidden;
}

/* Gradient Overlay */
.img-swiper .swiper-slide::after{
    content:"";
    position:absolute;
    inset:0;

    background:linear-gradient(
        to right,
        rgba(0,0,0,0.65),
        rgba(0,0,0,0.15),
        rgba(0,0,0,0.05)
    );

    z-index:1;
    pointer-events:none;
}

/* Image Zoom Effect */
.img-swiper .swiper-slide img{
    width:100%;
    height:100%;
    object-fit:cover;

    transition:transform 6s ease;
}

/* Active Slide Zoom */
.img-swiper .swiper-slide-active img{
    transform:scale(1.06);
}

/* Content Above Gradient */
.slide-content{
    position:absolute;
    z-index:2;
    color:#fff;
}

          /* ── Navigation ── */
          .arrow {
               position: absolute;
               top: 50%;
               transform: translateY(-50%);
               z-index: 200;
               width: 30px;
               height: 30px;
               border-radius: 50%;
               border: 1.5px solid rgba(255, 255, 255, .25);
               background: rgba(255, 255, 255, .08);
               backdrop-filter: blur(8px);
               display: flex;
               align-items: center;
               justify-content: center;
               cursor: pointer;
               transition: background .2s, border-color .2s, transform .2s;
          }

          .arrow:hover {
               background: rgba(255, 255, 255, .18);
               border-color: rgba(255, 255, 255, .5);
               transform: translateY(-50%) scale(1.08);
          }

          .arrow-prev {
               left: 48px;
          }

          .arrow-next {
               right: 48px;
          }

          .swiper-pagination-bullet {
               width: 8px;
               height: 8px;
               border-radius: 50%;
               background: rgba(13, 27, 62, .25);
               opacity: 1;
          }

          .swiper-pagination-bullet-active {
               background: #DB1A1A ;
               width: 26px;
               border-radius: 4px;
          }

          .dots {
               position: absolute;
               bottom: 36px;
               left: 50%;
               transform: translateX(-50%);
               display: flex;
               gap: 10px;
               z-index: 200;
          }

          .slide-count {
               position: absolute;
               bottom: 38px;
               right: 52px;
               z-index: 200;
               font-size: 12px;
               font-weight: 500;
               letter-spacing: 1px;
               color: rgba(255, 255, 255, .4);
               font-family: 'DM Sans', sans-serif;
          }

          .slide-count span {
               color: #fff;
          }

          .swiper-button-prev::after,
          .swiper-button-next::after {
               display: none;
          }

          /* ══════════════════════════════════════
     MEDIA QUERIES — TABLET (max 1024px)
  ══════════════════════════════════════ */
          @media (max-width: 1024px) {
               .panel-left {
                    width: 48%;
                    padding: 0 40px 0 48px;
               }

               .panel-right {
                    width: 100%;
               }

               .slide-heading {
                    font-size: clamp(32px, 4vw, 52px);
               }

               .arrow-prev {
                    left: 16px;
               }

               .arrow-next {
                    right: 16px;
               }
          }

          /* ══════════════════════════════════════
     MEDIA QUERIES — MOBILE (max 768px)
     Layout: Image TOP, Text BOTTOM
  ══════════════════════════════════════ */

          @media (max-width:1200px) {
               .slider-wrapper {
                    height: 60vh;
               }

          }

          @media (max-width: 768px) {

               .slider-wrapper {
                    height: auto;
                    flex-direction: column;
                    overflow: visible;
               }


               /* ── Image panel — TOP, full width ── */
               .panel-right {
                    position: relative;
                    top: auto;
                    right: auto;
                    width: 100%;
                    height: 55vw;
                    min-height: 220px;
                    max-height: 320px;
                    z-index: 1;
               }

               /* ── Text panel — BOTTOM, full width ── */
               .panel-left {
                    position: relative;
                    width: 100%;
                    height: auto;
                    padding: 36px 28px 44px;
                    clip-path: none;
                    z-index: 10;
                    order: 1;
                    background: var(--white);
                    box-shadow: 0 -4px 24px rgba(0, 0, 0, .06);
               }

               /* Push image above text */
               .panel-right {
                    order: 1;
               }

               .slide-tag {
                    font-size: 9px;
                    margin-bottom: 12px;
               }

               .slide-heading {
                    font-size: clamp(28px, 8vw, 42px);
                    margin-bottom: 14px;
               }

               .slide-sub {
                    font-size: 14px;
                    max-width: 100%;
                    margin-bottom: 28px;
               }

               .slide-actions {
                    gap: 18px;
                    flex-wrap: wrap;
               }

               .btn-primary {
                    padding: 12px 24px;
                    font-size: 10px;
               }

               /* Arrows — inside image panel */
               .arrow {
                    top: auto;
                    bottom: 15%;
                    width: 38px;
                    height: 38px;
               }

               .arrow-prev {
                    left: 12px;
               }

               .arrow-next {
                    right: 12px;
               }

               /* Dots & count — below image */
               .dots {
                    bottom: auto;
                    top: calc(55vw - 32px);
                    left: 50%;
                    transform: translateX(-50%);
               }

               .slide-count {
                    bottom: auto;
                    top: calc(55vw - 34px);
                    right: 18px;
               }

               .img-glow {
                    display: none;
               }
          }

          /* ══════════════════════════════════════
     MEDIA QUERIES — SMALL MOBILE (max 480px)
  ══════════════════════════════════════ */
          @media (max-width: 480px) {
               .panel-right {
                    height: 70vh;
                    max-height: 70vh;
               }

               .panel-left {
                    padding: 28px 20px 36px;
               }

               .slide-heading {
                    font-size: clamp(26px, 9vw, 36px);
               }

               .slide-sub {
                    font-size: 13px;
                    line-height: 1.6;
                    margin-bottom: 22px;
               }

               .btn-primary {
                    padding: 11px 20px;
               }

               .arrow {
                    top: auto;
                    bottom: 30%;
                    width: 34px;
                    height: 34px;
               }

               .dots {
                    top: calc(64vw - 28px);
               }

               .slide-count {
                    top: auto;
                    bottom: 20px;
                    right: 12px;
                    font-size: 11px;
               }
          }
          
          
              .tour-enquiry-modern {
  /* padding: 50px 0px; */
  position: relative;
  z-index: 5;

}
@media (max-width:768px) {

.tour-enquiry-modern{
     margin-bottom: 30px;
}
}

/* GRID LAYOUT */
.enquiry-wrapper {
  display: flex;
  gap: 50px;
  align-items: center;

  margin: auto;
}

/* LEFT FAQ */
.faq-section {
  flex: 1.8;
}


.faq-item {
  background: #fff;
  padding: 18px 20px;
  border-radius: 10px;
  margin-bottom: 15px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.05);
  transition: 0.3s;
}

.faq-item:hover {
  transform: translateY(-5px);
}

.faq-item h4 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 6px;
}

.faq-item p {
  font-size: 14px;
  color: #555;
}

/* RIGHT FORM */
.enquiry-card-modern {
  flex: 0.8;
  background: #fff;
  padding: 35px;
  border-radius: 14px;
  box-shadow: 0 25px 70px rgba(0,0,0,0.15);
  margin-bottom: -80px;
}
@media (max-width:768px) {
     .enquiry-card-modern{ margin-bottom: -20px;
}
}

.enquiry-card-modern h2 {
  font-size: 30px;
  font-weight: 800;
  color: #DB1A1A;
}

.enquiry-card-modern p {
  font-size: 14px;
  margin-bottom: 20px;
}

/* FORM */
.form-group {
  margin-bottom: 14px;
}

.form-group input,
.form-group textarea {
  width: 100%;
  padding: 5px 15px;
  border-radius: 30px;
  border: 1px solid rgba(0,0,0,0.2);
  font-size: 14px;
  outline: none;
}

.form-group input:focus,
.form-group textarea:focus {
  border-color: #c0392b;
}

/* BUTTON */
.btn-submit {
  width: 100%;
  background: #DB1A1A;
  color: #fff;
  padding: 14px;
  border-radius: 30px;
  border: none;
  font-weight: 600;
  cursor: pointer;
  transition: 0.3s;
}

.btn-submit:hover {
  background: #000;
  transform: translateY(-2px);
}

/* RESPONSIVE */
@media (max-width: 768px) {
  .enquiry-wrapper {
    flex-direction: column;
  }
}



 

 
/* ══════════════════════════════════════
   ABOUT SECTION
══════════════════════════════════════ */
.about{
  background:#fde8e3;
  position:relative;
  overflow:hidden;
}
 
/* diagonal green accent top */
.about::before{
  content:'';position:absolute;
  top:-2px;left:0;right:0;height:120px;
  background:linear-gradient(175deg,#fff 0%,#fff 55%,#fde8e3 55%);
  z-index:0;
}
 
.about-inner{
  position:relative;z-index:1;
  max-width:1240px;margin:0 auto;
}
 
/* ── INTRO ROW ── */
.intro-row{
  display:grid;grid-template-columns:1fr 1fr;
  gap:80px;align-items:start;
  margin-bottom:30px;
}
 
.intro-left{}
 
.section-label{
  display:flex;align-items:center;gap:10px;
  margin-bottom:10px;
}
.section-label span{
  font-size:10px;font-weight:600;letter-spacing:.3em;text-transform:uppercase;
  color:#333;
}
.section-label::before{content:'';display:block;width:32px;height:2px;background:#DB1A1A}
 
.about-heading{
  font-size:30px;
  font-weight:600;
  color:#333;
  line-height:1.15;
  letter-spacing:-.01em;
}
.about-heading em{
  font-style:italic;font-weight:300;color:#333;display:block;
}
 
.tagline-box{
  margin-top:32px;
  padding:24px 28px;
  border-left:3px solid #DB1A1A;
  background:#fff;
}
.tagline-box p{

  font-size:22px;font-weight:300;font-style:italic;
  color:var(--forest);line-height:1.6;
}
.tagline-box cite{
  display:block;margin-top:10px;
  font-family:'Outfit',sans-serif;
  font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;
  color:var(--gold);font-style:normal;
}
 
.intro-right{
  padding-top:60px;
}
 
.about-para{
  font-size:16px;font-weight:300;line-height:1.9;
  color:#3A4A3F;
  margin-bottom:20px;
}
.about-para strong{font-weight:600;color:var(--pine)}

/* ===============================
   RESPONSIVE MEDIA QUERIES
================================== */

/* Large Tablets */
@media (max-width: 1199px){

    .about{
        padding:30px 30px;
    }

    .intro-row{
        gap:50px;
        margin-bottom:70px;
    }

    .about-heading{
        font-size:42px;
    }

    .tagline-box p{
        font-size:20px;
    }

    .about-para{
        font-size:15px;
        line-height:1.8;
    }

}


/* Tablets */
@media (max-width: 991px){

    .about::before{
        height:90px;
    }

    .intro-row{
        grid-template-columns:1fr;
        gap:40px;
      
    }

    .intro-right{
        padding-top:0;
    }

    .about-heading{
        font-size:38px;
        line-height:1.2;
    }

    .tagline-box{
        padding:22px;
        margin-top:25px;
    }

    .tagline-box p{
        font-size:18px;
        line-height:1.7;
    }

    .about-para{
        font-size:15px;
        margin-bottom:18px;
    }

}


/* Mobile Landscape */
@media (max-width: 767px){

    .about{
        padding:60px 20px;
    }

    .about::before{
        height:70px;
    }

    .section-label{
        gap:8px;
        margin-bottom:12px;
    }

    .section-label span{
        font-size:9px;
        letter-spacing:.25em;
    }

    .section-label::before{
        width:24px;
    }

    .about-heading{
        font-size:32px;
        line-height:1.25;
    }

    .about-heading em{
        display:inline;
    }

    .tagline-box{
        padding:18px;
        border-left-width:2px;
    }

    .tagline-box p{
        font-size:17px;
        line-height:1.6;
    }

    .tagline-box cite{
        font-size:10px;
        letter-spacing:.15em;
    }

    .about-para{
        font-size:14px;
        line-height:1.8;
    }

}


/* Mobile */
@media (max-width: 575px){

    .about{
        padding:50px 15px;
    }

    .intro-row{
        gap:30px;
        margin-bottom:40px;
    }

    .about-heading{
        font-size:28px;
        line-height:1.3;
    }

    .tagline-box{
        padding:16px;
        margin-top:20px;
    }

    .tagline-box p{
        font-size:16px;
    }

    .tagline-box cite{
        margin-top:8px;
        font-size:9px;
    }

    .about-para{
        font-size:14px;
        line-height:1.7;
    }

}


/* Small Mobile */
@media (max-width: 380px){

    .about-heading{
        font-size:24px;
    }

    .tagline-box p{
        font-size:15px;
    }

    .about-para{
        font-size:13px;
    }

}

 
/* =========================
   TABLET (1024px)
========================= */
@media (max-width:1024px){

    .page{
        grid-template-columns:1fr;
        gap:25px;
    }

    .side{
        width:100%;
        height:400px;
    }

    .center{
        padding:30px 20px;
    }

    .kumb-head{
        font-size:30px;
    }

    .desc{
        font-size:15px;
        line-height:1.8;
    }

    .grid{
        grid-template-columns:repeat(2,1fr);
        gap:15px;
    }
}


/* =========================
   MOBILE (768px)
========================= */
@media (max-width:768px){

    .page{
        grid-template-columns:1fr;
        gap:20px;
    }

    .side{
        height:280px;
        border-radius:12px;
    }

    .center{
        padding:20px 15px;
    }

    .ornament{
        margin-bottom:18px;
    }

    .eyebrow{
        font-size:9px;
        letter-spacing:.15em;
        margin-bottom:10px;
    }

    .kumb-head{
        font-size:24px;
        line-height:1.3;
        text-align:center;
    }

    .desc{
        font-size:14px;
        line-height:1.8;
        text-align:center;
    }

    .sec-header{
        margin-top:15px;
    }

    .grid{
        grid-template-columns:1fr;
        gap:12px;
    }

    .dc{
        padding:15px;
    }

    .dc .icon{
        width:35px;
        height:35px;
        font-size:16px;
        margin-bottom:10px;
    }

    .dc .name{
        font-size:14px;
    }

    .dc .date{
        font-size:12px;
    }

    .pill-tag{
        top:15px;
        font-size:9px;
        padding:6px 12px;
    }

    .side-label{
        bottom:20px;
    }

    .side-label h3{
        font-size:16px;
    }

    .side-label p{
        font-size:10px;
        letter-spacing:.1em;
    }

    .bottom-orn{
        margin-top:20px;
    }
}


/* =========================
   SMALL MOBILE (480px)
========================= */
@media (max-width:480px){

    .side{
        height:220px;
    }

    .center{
        padding:15px 10px;
    }

    .kumb-head{
        font-size:20px;
    }

    .desc{
        font-size:13px;
        line-height:1.7;
    }

    .eyebrow{
        justify-content:center;
        text-align:center;
    }

    .sec-header span{
        font-size:9px;
        letter-spacing:.15em;
    }

    .dc{
        padding:12px;
    }

    .dc .name{
        font-size:13px;
    }

    .dc .date{
        font-size:11px;
    }

    .side-label h3{
        font-size:14px;
    }

    .side-label p{
        font-size:9px;
    }

    .pill-tag{
        font-size:8px;
        padding:5px 10px;
    }
}




     .feature-card.style-3{
  background-color: var(--primary-color1) !important;
  border-radius:16px;
  padding:28px;
  height:100%;
  border:1px solid #eee;
  transition:all .35s ease;
  position:relative;
  overflow:hidden;
}

.feature-card.style-3::before{
  content:"";
  position:absolute;
  inset:0;
   background-color: var(--primary-color1);
  opacity:0;
  transition:.35s;
}

.feature-card.style-3:hover::before{
  opacity:1;
}

.feature-card.style-3:hover{
  transform:translateY(-8px);
  box-shadow:0 20px 40px rgba(0,0,0,.12);
}

.feature-card-content{
  position:relative;
  z-index:2;
}

.feature-card-content h6{
  font-size:18px;
  font-weight:600;
  margin-bottom:10px;
}

.feature-card-content p{
  font-size:14px;
  line-height:1.6;
  color:#555;
}

.feature-card.style-3:hover h6,
.feature-card.style-3:hover p{
  color:#fff;
}



.ts-section{border-radius:16px;padding:36px 28px 40px;position:relative;overflow:hidden;min-height:260px;}
.ts-bg-mountains{position:absolute;bottom:0;left:0;right:0;height:160px;opacity:0.12;}
.ts-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px;position:relative;z-index:2;}
.ts-heading-wrap{}
.ts-heading{font-size:20px;font-weight:500;color:#fff;margin-bottom:4px;}
.ts-subheading{font-size:12px;color:rgba(255,255,255,0.55);}
.ts-rating-wrap{text-align:right;}
.ts-rating-score{font-size:18px;font-weight:500;color:#fff;margin-bottom:4px;}
.ts-stars{color:#DB1A1A;font-size:16px;letter-spacing:1px;}
.ts-rating-label{font-size:11px;color:rgba(255,255,255,0.5);margin-top:2px;}
.swiper{width:100%;position:relative;z-index:2;}
.swiper-slide{height:auto;}
.ts-card{background:rgba(255,255,255,0.97);border-radius:14px;padding:16px 18px;height:100%;display:flex;flex-direction:column;gap:12px; border:1px solid #DB1A1A;}
.ts-card-header{display:flex;align-items:center;gap:10px;}
.ts-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:500;flex-shrink:0;}
.ts-avatar-av{background:#dbeafe;color:#1e40af;}
.ts-avatar-ns{background:#fce7f3;color:#9d174d;}
.ts-avatar-rm{background:#d1fae5;color:#065f46;}
.ts-avatar-pi{background:#ede9fe;color:#4c1d95;}
.ts-avatar-rk{background:#fef3c7;color:#92400e;}
.ts-avatar-sp{background:#fee2e2;color:#991b1b;}
.ts-name{font-size:13px;font-weight:500;color:#111; line-height: 13px;}
.ts-city{font-size:11px;color:#6b7280;}
.ts-review{font-size:12px;color:#374151;line-height:1.65;flex:1;}
.ts-quote-icon{font-size:22px;color:#3b82f6;line-height:1;}
.swiper-button-prev,.swiper-button-next{width:36px!important;height:36px!important;background:rgba(255,255,255,0.15);border-radius:50%;border:0.5px solid rgba(255,255,255,0.25);}
.swiper-button-prev::after,.swiper-button-next::after{font-size:13px!important;color:#DB1A1A!important;font-weight:500;}
.swiper-button-prev{left:0!important;}
.swiper-button-next{right:0!important;}
.swiper-pagination-bullet{background:#deb1b1!important;}
.swiper-pagination-bullet-active{background:#DB1A1A!important;}




  .aib-root{

    background:#fff;
    border-radius:20px;
    padding:32px 28px;
    display:flex;
    gap:24px;
    align-items:center;
    min-height:220px;
    position:relative;
    overflow:hidden;
  }
  
  .aib-left{flex:0 0 220px}
  .aib-badge{
    display:inline-flex;align-items:center;gap:6px;
    background:#DB1A1A;color:#fff;
    font-size:11px;font-weight:600;letter-spacing:.5px;
    padding:3px 10px;border-radius:20px;margin-bottom:14px;text-transform:uppercase;
  }
  .aib-heading{

    font-size:28px;font-weight:700;line-height:1.2;
    color:#1a1040;margin-bottom:14px;
  }
  .aib-heading span{color:#DB1A1A;}
  .aib-checks{display:flex;flex-direction:column;gap:6px;margin-bottom:20px;}
  .aib-check{display:flex;align-items:center;gap:8px;font-size:13px;color:#4a4060;}
  .aib-check::before{
    content:'✓';display:inline-flex;align-items:center;justify-content:center;
    width:18px;height:18px;border-radius:50%;
    background:#DB1A1A;color:#fff;font-size:10px;font-weight:700;flex-shrink:0;
  }
  .aib-btn{
    display:inline-flex;align-items:center;gap:8px;
    background:#DB1A1A;
    color:#fff;border:none;border-radius:12px;
    padding:12px 22px;font-size:14px;font-weight:600;cursor:pointer;
    line-height:17px;
  
    box-shadow:0 4px 16px #6c5ce740;
    transition:transform .15s,box-shadow .15s;
  }
  .aib-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #6c5ce750;}
  .aib-btn svg{width:16px;height:16px;}
  .aib-right{flex:1;display:flex;flex-direction:column;gap:12px;}
  .aib-chat-card{
    background:#fff;border-radius:14px;
    padding:14px 18px;
    box-shadow:0 2px 12px #6c5ce715;
    border:1px solid #ede9ff;
  }
  .aib-chat-header{display:flex;align-items:center;gap:10px;margin-bottom:10px;}
  .aib-bot-icon{
    width:36px;height:36px;border-radius:50%;
    background:#DB1A1A;
    display:flex;align-items:center;justify-content:center;flex-shrink:0;
  }
  .aib-bot-icon svg{width:20px;height:20px;fill:#fff;}
  .aib-chat-title{font-size:14px;font-weight:600;color:#1a1040;}
  .aib-chat-sub{font-size:12px;color:#8a82b0;}
  .aib-chips{display:flex;flex-wrap:wrap;gap:7px;}
  .aib-chip{
    border:1.5px solid #ffeded;border-radius:20px;
    padding:5px 12px;font-size:12px;color:#DB1A1A;
    background:#ffeded;cursor:pointer;font-weight:500;
    transition:background .15s,color .15s;white-space:nowrap;
  }
  .aib-chip:hover{background:#DB1A1A;color:#fff;border-color:#DB1A1A;}
  .aib-preview-card{
    background:#fff;border-radius:14px;
    padding:14px 18px;
    box-shadow:0 2px 12px #6c5ce715;
    border:1px solid #ede9ff;
  }
  .aib-preview-title{font-size:13px;font-weight:700;color:#1a1040;margin-bottom:10px;}
  .aib-preview-items{display:flex;gap:0;flex-wrap:wrap;}
  .aib-preview-item{
    display:flex;align-items:flex-start;gap:8px;
    flex:1;min-width:130px;padding-right:16px;
    border-right:1px solid #ede9ff;margin-right:16px;
  }
  .aib-preview-item:last-child{border-right:none;margin-right:0;padding-right:0;}
  .aib-preview-icon{
    width:32px;height:32px;border-radius:8px;
    background:#f0eeff;display:flex;align-items:center;justify-content:center;flex-shrink:0;
  }
  .aib-preview-icon svg{width:18px;height:18px;stroke:#DB1A1A;stroke-width:1.8;fill:none;}
  .aib-preview-label{font-size:10px;color:#a09ac0;margin-top:1px;}
  .aib-preview-val{font-size:13px;font-weight:600;color:#1a1040;line-height:1.3;}
  .aib-robot{
    flex:0 0 110px;display:flex;align-items:flex-end;justify-content:center;
    align-self:stretch;
  }
  .aib-robot svg{width:110px;height:auto;}
  @media(max-width:700px){
    .aib-root{flex-direction:column;gap:16px; padding:30px 10px;}
    .aib-robot{display:none;}
    .aib-left{flex:none;width:100%;}
    .aib-right{width:100%;}
    .aib-heading{font-size:22px;}
  }
  @media(max-width:460px){
    .aib-preview-item{min-width:100%;border-right:none;margin-right:0;border-bottom:1px solid #ede9ff;padding-bottom:10px;margin-bottom:10px;}
    .aib-preview-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0;}
  }
  
  
       .marquee-wrapper{
    overflow:hidden;
    position:relative;
}

.marquee-track{
    display:flex;
    gap:25px;
    width:max-content;
    animation:scrollMarquee 35s linear infinite;
}

/* pause on hover */
.marquee-wrapper:hover .marquee-track{
    animation-play-state:paused;
}

.marquee-card{
    min-width:260px;
}

@keyframes scrollMarquee{
    0%{
        transform:translateX(0);
    }
    100%{
        transform:translateX(-50%);
    }
}


   .flex-layout {
          display: flex;
          flex-wrap: wrap;
        
     }

     .left-flex {
          flex: 0 0 35%;
     }

     .right-flex {
          flex: 0 0 65%;
     }

     .feature-card-section {
          position: relative;
        
          z-index: 5;
     }

     @media (max-width:992px) {

          .left-flex,
          .right-flex {
               flex: 0 0 100%;
          }

          .feature-card-section {
               margin-top: 0;
          }

     }
     
         .banner4-card{
    position:relative;
    overflow:hidden;
    border-radius:12px;
}

/* shape image */
.top-shape img{
    position:absolute;
    top:0px;
    left:0;
    width:100%;
    z-index:2;
      transform: scaleY(-1);
}

/* button content */
.banner4-content-wrapper{
    position:absolute;
    bottom:20px;
    left:20px;
    z-index:3;
}