:root{
  --bg-left:#f0f6fc;
  --text:#1f2937;
  --muted:#6b7280;
  --brand:#1f5f97;
  --line:#f2c14e;
}

body{    overflow-x: hidden;}
html{    overflow-x: hidden;}
/* GLOBAL FONT (Inter) */
body{
  font-family: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.44; /* 144% like screenshot */
  color: var(--text);
}

.hero-split{
  min-height: 100vh;
  overflow: hidden;
}

.hero-left{
  background: var(--bg-left);
  position: relative;
  padding: 0;
}

/* HEADER (logo) */
.hero-header{
  padding: 26px 72px 0;
}

.hero-logo{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
}

.hero-logo img{
  height: 80px;
  width: auto;
  display: block;
}

/* CONTENT */
.hero-content{
  padding: 40px 72px 20px;
}

/* MAIN HEADING (Crimson Pro ONLY) */
.hero-title{
  font-family: "Crimson Pro", Georgia, serif;
  font-weight: 600;
  color: #111827;
  font-size: 56px;
  line-height: 1.08;
  letter-spacing: -0.3px;
  margin: 0 0 5px;
}

.hero-title .highlight{
  font-family: "Crimson Pro", Georgia, serif;
  font-weight: 700;
  color: var(--brand);
}

/* DESCRIPTION (Inter) */
.hero-desc{
  font-family: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color: var(--muted);
  font-size: 16px;
  line-height: 1.44;
  max-width: 460px;
  margin-bottom: 22px;
}

/* BUTTON (Inter) */
.hero-btn{
  font-family: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #f6d36b;
  border: 1px solid #e8bf4a;
  color: #111827;
  padding: 12px 20px;
  border-radius: 999px;
  font-weight: 600;
  font-size: 15px;
  text-decoration: none;
  box-shadow: 0 1px 0 rgba(0,0,0,0.03);
}

.hero-btn:hover{
  filter: brightness(0.98);
}

/* QUICK LINKS */
.hero-links{
    margin-top: 80px;
    display: flex;
    flex-wrap: wrap;
    /* gap: 18px 20px; */
    max-width: 570px;
}

.quick-link{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  min-width: 240px;
  padding: 14px 16px;
  background: transparent;
  /* border: 1px solid #e6edf5; */
  border-radius: 10px;
  text-decoration: none;
  color: #111827;
}

.quick-left{
  display: flex;
  align-items: center;
  gap: 12px;
}

.quick-line{
  width: 2px;
  height: 35px;
  background: var(--line);
  border-radius: 2px;
}

/* QUICK TEXT (Inter) */
.quick-text{
  font-family: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #111827;
  white-space: nowrap;
}

.quick-icon{
  width: 26px;
  height: 26px;
  border-radius: 999px;
  border: 1px solid #cfd8e3;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #111827;
  font-size: 14px;
}

.quick-link:hover{
  background: rgba(255,255,255,0.45);
}

.hero-right{
  background: #e5edf6;
}

.hero-img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* RESPONSIVE */
@media (max-width: 992px){
  .hero-header{ padding: 18px 22px 0; }
  .hero-content{ padding: 34px 22px 40px; }
  .hero-title{ font-size: 40px; }
  .hero-links{ margin-top: 40px; }
  .quick-link{ min-width: 100%; }
  .hero-split{ min-height: auto; }
  .hero-right{ min-height: 360px; }
}


/* section 2 */

/* Section 2 - minimal custom */
.sec2 { padding: 80px 0; background: #fff; }
.sec2-img { border-radius: 18px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,.08); }
.sec2-badge { font-size: 11px; letter-spacing: .08em; }
.sec2-title { font-family: "Crimson Pro", Georgia, serif; font-weight: 600; line-height: 1.05; }
.sec2-lead { color: #6b7280; }
.sec2-line { width: 3px; height: 24px; background: var(--line); border-radius: 2px; }
.sec2-list li { margin-bottom: 10px; color: #4b5563; }

/* Section 3 - Quiz Card (minimal css) */
.sec3 { padding: 40px 0; background:#fff; }
.sec3-card{
  background:#eaf2fb;
  border-radius: 18px;
  border: 1px solid rgba(17,24,39,.06);
  box-shadow: 0 10px 0 rgba(0,0,0,.08);
  outline: 2px solid rgba(17,24,39,.07);
  outline-offset: 10px;
}
.sec3-badge{ font-size: 11px; letter-spacing: .10em; }
.sec3-title{ font-family:"Crimson Pro", Georgia, serif; font-weight: 600; line-height: 1.05; }
.sec3-sub{ color:#6b7280; max-width: 560px; margin: 0 auto; font-size: 14px; }
.sec3-pill{
  background:#fff;
  border:1px solid rgba(17,24,39,.06);
  border-radius: 999px;
  padding: 10px 14px;
  font-size: 13px;
  display:flex;
  align-items:center;
  gap:10px;
  box-shadow: 0 2px 0 rgba(0,0,0,.03);
}
.sec3-dot{
  width: 22px; height: 22px;
  border-radius: 999px;
  background: #f6d36b;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size: 12px;
  color:#111827;
  flex: 0 0 auto;
}
.sec3-btn{
  background:#f6d36b;
  border:1px solid #e8bf4a;
  border-radius: 999px;
  padding: 12px 18px;
  font-weight: 600;
  font-size: 14px;
  color:#111827;
}

/* section 4 */

/* Section 4 - What You'll Discover */
.sec4{
  padding: 90px 0;
  background: #fff;
}

.sec4-badge{
  font-size: 11px;
  letter-spacing: .10em;
}

.sec4-title{
  font-family: "Crimson Pro", Georgia, serif;
  font-weight: 600;
  line-height: 1.05;
}

.sec4-sub{
  font-size: 14px;
  color: var(--muted);
  max-width: 560px;
  margin: 0 auto;
}

.sec4-grid{
  border: 1px solid rgba(17,24,39,.08);
  border-radius: 10px;
  overflow: hidden;
}

.sec4-item{
  padding: 42px 20px;
  text-align: center;
  background: #fffaf0;
}

.sec4-item:nth-child(even){
  background: #fff;
}

.sec4-icon{
  width: 40px;
  height: 40px;
  margin-bottom: 14px;
}

.sec4-text{
  font-size: 15px;
  font-weight: 500;
  color: #111827;
}

/* Section 5 - About */
.sec5{ padding: 90px 0; background:#fff; }
.sec5-badge{ font-size:11px; letter-spacing:.10em; }
.sec5-title{
  font-family:"Crimson Pro", Georgia, serif;
  font-weight:600;
  line-height:1.05;
}
.sec5-sub{ font-size:14px; color:var(--muted); max-width:720px; margin:0 auto; }

.sec5-card{
  border-radius: 8px;
  padding: 22px;
}
.sec5-card.top{ background:#fff7e6; }
.sec5-card.bottom{ background:#eef6ff; }

.sec5-label{
      font-size: 14px;
    letter-spacing: .10em;
    color: #000000;
    font-weight: 800;
}
.sec5-hr{     height: 2px;
    background: rgb(17 24 39 / 43%);
    margin: 10px 0 16px;}

.sec5-avatar{
  /* width: 70px; */
  /* height: 90px; */
  border-radius: 10px;
  object-fit: cover;
}

.sec5-card-title{
  font-family:"Crimson Pro", Georgia, serif;
  font-weight:600;
  margin:0 0 6px;
  font-size: 18px;
}
.sec5-card-text{ font-size: 13px; color:#6b7280; line-height: 1.5; }

.sec5-link{
  font-size: 13px;
  font-weight: 600;
  text-decoration:none;
  color:#111827;
}
.sec5-link .sec5-arrow{
  width: 22px;
  height: 22px;
  border:1px solid rgba(17,24,39,.25);
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size: 12px;
  margin-left: 8px;
}

.sec5-img{
  border-radius: 12px;
  overflow:hidden;
  box-shadow: 0 10px 30px rgba(0,0,0,.10);
}
.sec5-img img{ width:100%; height:100%; object-fit:cover; display:block; }

@media (max-width: 992px){
  .sec5{ padding: 70px 0; }
}


/* section 6 */

/* Section 6 - Academics Tabs */
.sec6{ padding: 90px 0; background:#fff; position:relative; }
.sec6-badge{ font-size:11px; letter-spacing:.10em; }
.sec6-title{ font-family:"Crimson Pro", Georgia, serif; font-weight:600; line-height:1.05; }

.sec6-wrap{
  border: 1px solid rgba(17,24,39,.10);
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
}

.sec6-left{
  background:#fff;
  min-height: 320px;
}

.sec6-nav .nav-link{
  border: 0;
  border-radius: 0;
  padding: 22px 22px;
  text-align: left;
  color:#111827;
  font-weight: 500;
  background: transparent;
  border-bottom: 1px solid rgba(17,24,39,.06);
  position: relative;
}

.sec6-nav .nav-link.active{
  background: #fff7e6;
}

.sec6-nav .nav-link.active::before{
  content:"";
  position:absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 3px;
  height: 40px;
  background: var(--line);
  border-radius: 2px;
}

.sec6-right{
  background:#eef6ff;
  padding: 26px;
  min-height: 320px;
}

.sec6-pill{
  background:#fff;
  border:1px solid rgba(17,24,39,.08);
  border-radius: 999px;
  padding: 10px 14px;
  font-size: 13px;
  display:flex;
  align-items:center;
  gap:10px;
  width: fit-content;
}

.sec6-dot{
  width: 22px;
  height: 22px;
  border-radius: 999px;
  background: #f6d36b;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size: 12px;
  color:#111827;
  flex: 0 0 auto;
}

.sec6-btn{
  background:#f6d36b;
  border:1px solid #e8bf4a;
  border-radius: 999px;
  padding: 12px 18px;
  font-weight: 600;
  font-size: 14px;
  color:#111827;
}

@media (max-width: 991.98px){
  .sec6{ padding: 70px 0; }
  .sec6-right{ min-height: auto; }
  .sec6-left{ min-height: auto; }
  .sec6-nav .nav-link{ padding: 16px 18px; }
}
/* section 7 */

/* Section 7 - Curriculum Timeline */
.sec7{ padding: 90px 0; background:#fff; }
.sec7-box{
  background: #fff7e6;
  border-radius: 12px;
  padding: 70px 36px;
}

.sec7-badge{ font-size:11px; letter-spacing:.10em; }
.sec7-title{
  font-family:"Crimson Pro", Georgia, serif;
  font-weight:600;
  line-height:1.05;
}

.sec7-line{
  position: relative;
  margin: 58px 0 22px;
  height: 3px;
  background: rgba(31,95,151,.35); /* dotted-like tone */
}
.sec7-line::after{
  content:"";
  position:absolute;
  inset: 0;
  background-image: radial-gradient(circle, rgba(31,95,151,.65) 1px, transparent 1.5px);
  background-size: 6px 2px;
  background-repeat: repeat-x;
}

.sec7-dot{
  position:absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 14px;
  height: 14px;
  border-radius: 999px;
  background: #1f5f97;
  box-shadow: 0 0 0 4px #eaf2fb; /* light ring */
}

.sec7-stage h5{
    font-family: "Crimson Pro", Georgia, serif;
    font-weight: 600;
    font-size: 22px;
    margin: 0 0 6px;
}
.sec7-stage p{
  font-size: 14px;
  color: var(--muted);
  margin: 0;
  line-height: 1.55;
}

.sec7-btn{
  background:#f6d36b;
  border:1px solid #e8bf4a;
  border-radius: 999px;
  padding: 12px 18px;
  font-weight: 600;
  font-size: 14px;
  color:#111827;
}

@media (max-width: 992px){
  .sec7-box{ padding: 50px 18px; }
  .sec7-line{ display:none; }
  .sec7-stage{ padding: 14px 12px; background: rgba(255,255,255,.55); border-radius: 10px; }
}

/* Section 8 - Teachers Slider (scoped) */
/* Section 8 - Teachers Slider */
.teachers-sec{ padding: 90px 0; background:#fff; }
.teachers-badge{ font-size:11px; letter-spacing:.10em; }
.teachers-title{
  font-family:"Crimson Pro", Georgia, serif;
  font-weight:600;
  line-height:1.05;
}

.teachers-pill{
  background:#fff;
  border:1px solid rgba(17,24,39,.08);
  border-radius: 999px;
  padding: 10px 14px;
  font-size: 12px;
  display:flex;
  align-items:center;
  gap:10px;
}

.teachers-dot{
  width: 18px; height: 18px;
  border-radius:999px;
  background:#f6d36b;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size: 11px;
  color:#111827;
}

.teacher-card img{
  width:100%;
  height: 400px;
  object-fit: cover;
  border-radius: 12px;
  display:block;
}

.teacher-name{
  font-family:"Crimson Pro", Georgia, serif;
  font-weight:600;
  margin-top: 14px;
  margin-bottom: 2px;
  font-size: 16px;
}

.teacher-role{
  font-size: 10px;
  letter-spacing: .12em;
  color:#6b7280;
  text-transform: uppercase;
}

.teachers-btn{
  background:#f6d36b;
  border:1px solid #e8bf4a;
  border-radius: 999px;
  padding: 12px 18px;
  font-weight: 600;
  font-size: 14px;
  color:#111827;
}

/* ✅ Custom slider layout */
.teachers-slider{ position: relative; margin-top: 22px; }
.teachers-track{
  display:flex;
  gap: 24px;
  transition: transform .5s ease;
  will-change: transform;
}
.teachers-slide{
  flex: 0 0 calc((100% - 72px)/4); /* 4 cards, 3 gaps => 72px */
}

/* arrows bottom-right like screenshot */
.teachers-arrows{
  position:absolute;
  right: 0;
  bottom: -44px;
  display:flex;
  gap: 10px;
}
.teachers-arrows button{
  width: 34px;
  height: 34px;
  border-radius: 999px;
  border:1px solid rgba(17,24,39,.18);
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
}

/* Responsive */
@media (max-width: 992px){
  .teachers-sec{ padding: 70px 0; }
  .teacher-card img{ height: 260px; }
  .teachers-slide{ flex: 0 0 calc((100% - 24px)/2); } /* 2 cards */
  .teachers-arrows{ position: static; justify-content:center; margin-top: 16px; }
}

@media (max-width: 576px){
  .teachers-slide{ flex: 0 0 100%; } /* 1 card */
  .teachers-track{ gap: 16px; }
}

/* Section 9 - Gallery */
.gallery-sec{
  padding: 90px 0;
  background: #eef6ff;
}

.gallery-badge{ font-size:11px; letter-spacing:.10em; }

.gallery-title{
  font-family:"Crimson Pro", Georgia, serif;
  font-weight:600;
  line-height:1.05;
}

/* ✅ FIX: viewport ko overflow hidden mat do (arrows cut ho rahe the) */
.gallery-viewport{
  overflow: visible;
}

/* ✅ FIX: overflow hidden slider pe lagao, so only extra cards hide honge */
.gallery-slider{
  position: relative;
  margin-top: 22px;
  overflow: hidden;
  padding-bottom: 55px; /* arrows ke liye space */
}

.gallery-track{
  display:flex;
  gap: 22px;
  transition: transform .5s ease;
  will-change: transform;
}

/* EXACT: 4 cards visible */
.gallery-slide{
  flex: 0 0 calc((100% - 66px)/4); /* gap 22*3 = 66 */
}

.gallery-card{
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
}

.gallery-card img{
  width:100%;
  height: 300px;
  object-fit: cover;
  display:block;
}

.gallery-meta{
  display:flex;
  align-items:center;
  justify-content: space-between;
  margin-top: 10px;
}

.gallery-label{
  font-family:"Crimson Pro", Georgia, serif;
  font-weight:600;
  font-size: 20px;
  color:#111827;
}

.gallery-mini{
  width: 24px;
  height: 24px;
  border-radius: 999px;
  border:1px solid rgba(17,24,39,.18);
  background:#fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  color:#111827;
  font-size: 12px;
}

.gallery-btn{
  background:#f6d36b;
  border:1px solid #e8bf4a;
  border-radius: 999px;
  padding: 12px 18px;
  font-weight: 600;
  font-size: 14px;
  color:#111827;
}

/* ✅ arrows bottom-right visible */
.gallery-arrows{
  position:absolute;
  right: 0;
  bottom: 0;           /* ✅ -44 ki jagah 0 */
  display:flex;
  gap: 10px;
  z-index: 10;         /* ✅ always on top */
}

.gallery-arrows button{
  width: 34px;
  height: 34px;
  border-radius: 999px;
  border:1px solid rgba(17,24,39,.18);
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
}

/* Responsive */
@media (max-width: 992px){
  .gallery-sec{ padding: 70px 0; }
  .gallery-slide{ flex: 0 0 calc((100% - 22px)/2); } /* 2 visible */
  .gallery-slider{ padding-bottom: 0; overflow: visible; }
  .gallery-arrows{ position: static; justify-content:center; margin-top: 16px; }
}

@media (max-width: 576px){
  .gallery-slide{ flex: 0 0 100%; } /* 1 visible */
  .gallery-track{ gap: 16px; }
}


/* section 10 */

/* Safety Section */
.sec-safety{ padding: 90px 0; background:#fff; }
.safety-badge{ font-size:11px; letter-spacing:.10em; }

.safety-title{
  font-family:"Crimson Pro", Georgia, serif;
  font-weight:600;
  line-height:1.05;
  font-size: 44px;
  margin: 0;
}

.safety-btn{
  background:#f6d36b;
  border:1px solid #e8bf4a;
  border-radius: 999px;
  padding: 12px 18px;
  font-weight: 600;
  font-size: 14px;
  color:#111827;
}

.safety-stat{
  padding-top: 10px;
}

.safety-label{
  font-size: 12px;
  color:#111827;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(17,24,39,.45); /* top line like screenshot */
}

.safety-num{
  font-family:"Crimson Pro", Georgia, serif;
  font-weight: 600;
  font-size: 44px;
  margin-top: 10px;
  color:#111827;
}

@media (max-width: 992px){
  .sec-safety{ padding: 70px 0; }
  .safety-title{ font-size: 34px; }
  .safety-num{ font-size: 38px; }
}


/* section 11 */

/* Activities Section */
.act-sec{
  padding: 90px 0;
  background: #eef6ff;
}

.act-badge{ font-size:11px; letter-spacing:.10em; }

.act-title{
  font-family:"Crimson Pro", Georgia, serif;
  font-weight:600;
  line-height:1.05;
}

/* viewport hides extra cards */
.act-viewport{ overflow: hidden; }

.activities-slider{
  position: relative;
  margin-top: 22px;
  padding-bottom: 55px; /* arrows space */
}

.activities-track{
  display:flex;
  gap: 22px;
  transition: transform .5s ease;
  will-change: transform;
}

/* 4 visible */
.activities-slide{
  flex: 0 0 calc((100% - 66px)/4);
}

.act-card{
  position: relative;
  border-radius: 6px;
  overflow: hidden;
  background:#111;
}

.act-card img{
  width:100%;
  height: 400px;
  object-fit: cover;
  display:block;
}

/* caption bottom-left */
.act-caption{
  position:absolute;
  left: 14px;
  bottom: 12px;
  color:#fff;
  font-family:"Crimson Pro", Georgia, serif;
  font-weight: 600;
  font-size: 20px;
  text-shadow: 0 2px 10px rgba(0,0,0,.55);
}

/* button */
.act-btn{
  background:#f6d36b;
  border:1px solid #e8bf4a;
  border-radius: 999px;
  padding: 12px 18px;
  font-weight: 600;
  font-size: 14px;
  color:#111827;
}

/* arrows bottom-right */
.act-arrows{
  position:absolute;
  right: 0;
  bottom: 0;
  display:flex;
  gap: 10px;
  z-index: 10;
}
.act-arrows button{
  width: 34px;
  height: 34px;
  border-radius: 999px;
  border:1px solid rgba(17,24,39,.18);
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
}

/* Responsive */
@media (max-width: 992px){
  .act-sec{ padding: 70px 0; }
  .activities-slide{ flex: 0 0 calc((100% - 22px)/2); } /* 2 visible */
  .act-card img{ height: 240px; }
}

@media (max-width: 576px){
  .activities-slide{ flex: 0 0 100%; } /* 1 visible */
  .activities-track{ gap: 16px; }
  .act-card img{ height: 240px; }
}

/* section 12 */

/* Admissions Journey */
.adm-sec{ padding: 90px 0; background:#fff; }
.adm-badge{ font-size:11px; letter-spacing:.10em; }
.adm-title{
  font-family:"Crimson Pro", Georgia, serif;
  font-weight:600;
  line-height:1.05;
}

/* LEFT steps (timeline) */
.adm-steps{ position: relative; padding-left: 26px; }
.adm-steps::before{
content: "";
    position: absolute;
    left: 30px;
    top: 30px;
    height: 300px;
    bottom: 8px;
    width: 3px;
    background: rgba(31, 95, 151, .25);
    border-radius: 2px;
}

.adm-step{
  position: relative;
  padding: 16px 0 16px 18px;
  cursor: default;
}
.adm-dot{
  position:absolute;
  left: -2px;
  top: 22px;
  width: 14px;
  height: 14px;
  border-radius: 999px;
  background: #cfe0f3;
  border: 2px solid #eef6ff;
}
.adm-step-title{
  font-size: 20px;
  color:#6b7280;
  font-weight: 500;
}

.adm-step.is-active .adm-dot{
  background:#1f5f97;
}
.adm-step.is-active .adm-step-title{
  color:#111827;
  font-weight: 600;
}

/* Sticky Image */
.adm-sticky{
  position: sticky;
  top: 90px;
}
.adm-frame{
  background: #eef6ff;
  border-radius: 14px;
  padding: 18px;
  border: 1px solid rgba(17,24,39,.08);
}
.adm-frame img{
  width: 100%;
  height: auto;
  border-radius: 10px;
  display:block;
}

/* Button */
.adm-btn{
  background:#f6d36b;
  border:1px solid #e8bf4a;
  border-radius: 999px;
  padding: 12px 18px;
  font-weight: 600;
  font-size: 14px;
  color:#111827;
}

/* Responsive */
@media (max-width: 992px){
  .adm-sec{ padding: 70px 0; }
  .adm-sticky{ position: relative; top: 0; }
}

/* section 13 */

/* Testimonials */
.testi-sec{ padding: 90px 0; background:#fff; }
.testi-badge{ font-size:11px; letter-spacing:.10em; }
.testi-title{ font-family:"Crimson Pro", Georgia, serif; font-weight:600; line-height:1.05; }

.testi-viewport{ overflow:hidden; }
.testi-slider{ position:relative; margin-top: 18px; padding-bottom: 55px; }
.testi-track{ display:flex; gap: 26px; transition: transform .5s ease; will-change: transform; }

/* 3 visible desktop */
.testi-slide{ flex: 0 0 calc((100% - 52px)/3); }

.testi-card{
  display:flex;
  align-items:flex-start;
  gap: 16px;
  padding: 8px 6px;
}
.testi-img{
  width: 150px;
  height: 150px;
  border-radius: 10px;
  object-fit: cover;
  flex: 0 0 auto;
}
.testi-quote{
  font-size: 12px;
  color:#111827;
  line-height: 1.55;
}
.testi-name{
  margin-top: 10px;
  font-size: 11px;
  color: #6b7280;
}

.testi-btn{
  background:#f6d36b;
  border:1px solid #e8bf4a;
  border-radius: 999px;
  padding: 12px 18px;
  font-weight: 600;
  font-size: 14px;
  color:#111827;
}

.testi-arrows{
  position:absolute;
  right: 0;
  bottom: 0;
  display:flex;
  gap: 10px;
  z-index: 10;
}
.testi-arrows button{
  width: 34px;
  height: 34px;
  border-radius: 999px;
  border:1px solid rgba(17,24,39,.18);
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
}

@media (max-width: 992px){
  .testi-sec{ padding: 70px 0; }
  .testi-slide{ flex: 0 0 100%; } /* mobile/tablet me 1 visible like screenshot style */
  .testi-slider{ padding-bottom: 0; }
  .testi-arrows{ position: static; justify-content:center; margin-top: 12px; }
}


/* section 14 */

/* Achievements */
.ach-sec{ padding: 90px 0; background:#eef6ff; }
.ach-badge{ font-size:11px; letter-spacing:.10em; }

.ach-title{
  font-family:"Crimson Pro", Georgia, serif;
  font-weight:600;
  line-height:1.05;
  font-size: 44px;
}

.ach-btn{
  background:#f6d36b;
  border:1px solid #e8bf4a;
  border-radius: 999px;
  padding: 12px 18px;
  font-weight: 600;
  font-size: 14px;
  color:#111827;
}

.ach-viewport{ overflow:hidden; }
.ach-slider{ position:relative; padding-bottom: 55px; }
.ach-track{ display:flex; gap: 22px; transition: transform .5s ease; will-change: transform; }

/* 3 visible */
.ach-slide{ flex: 0 0 calc((100% - 44px)/3); }

.ach-card{
  border-radius: 12px;
  overflow:hidden;
  background:#fff;
}
.ach-card img{
  width:100%;
  height: 280px;
  object-fit: cover;
  display:block;
}

.ach-meta{
  display:flex;
  align-items:center;
  justify-content: space-between;
  margin-top: 10px;
}
.ach-label{
  font-family:"Crimson Pro", Georgia, serif;
  font-weight:600;
  font-size: 20px;
  color:#111827;
}
.ach-trophy{ font-size: 16px; }

.ach-arrows{
  position:absolute;
  right: 0;
  bottom: 0;
  display:flex;
  gap: 10px;
  z-index: 10;
}
.ach-arrows button{
  width: 34px;
  height: 34px;
  border-radius: 999px;
  border:1px solid rgba(17,24,39,.18);
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
}

@media (max-width: 992px){
  .ach-sec{ padding: 70px 0; }
  .ach-title{ font-size: 34px; }
  .ach-slide{ flex: 0 0 100%; } /* small screen 1 visible */
  .ach-slider{ padding-bottom: 0; }
  .ach-arrows{ position: static; justify-content:center; margin-top: 12px; }
}


/* section 14 */

/* Fees & Transport */
.fee-sec{ padding: 90px 0; background:#fff; }
.fee-badge{ font-size:11px; letter-spacing:.10em; }

.fee-title{
  font-family:"Crimson Pro", Georgia, serif;
  font-weight:600;
  line-height:1.05;
  font-size: 44px;
}

.fee-sub{
  font-size: 13px;
  color: var(--muted);
  max-width: 260px;
}

.fee-btn{
  background:#f6d36b;
  border:1px solid #e8bf4a;
  border-radius: 999px;
  padding: 12px 18px;
  font-weight: 600;
  font-size: 14px;
  color:#111827;
}

/* Map box */
.fee-map{
  border-radius: 12px;
  overflow: hidden;
  background: #eaf2fb;
  box-shadow: 0 10px 30px rgba(0,0,0,.08);
  min-height: 420px;
}
.fee-map iframe{
  width: 100%;
  height: 420px;
  border: 0;
  display:block;
}

@media (max-width: 992px){
  .fee-sec{ padding: 70px 0; }
  .fee-title{ font-size: 34px; }
  .fee-sub{ max-width: 100%; }
  .fee-map, .fee-map iframe{ height: 320px; min-height: 320px; }
}


/* section 15 */


/* CTA Next Step */
.cta-sec{ padding: 90px 0; background:#fff; }

.cta-box{
  background: #fff7e6;
  border-radius: 12px;
  padding: 70px 20px;
  position: relative;
  overflow: hidden;
}

.cta-badge{ font-size:11px; letter-spacing:.10em; }

.cta-title{
  font-family:"Crimson Pro", Georgia, serif;
  font-weight:600;
  line-height:1.05;
  font-size: 44px;
  margin: 0;
}

/* Pills */
.cta-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 12px 18px;
  border-radius: 999px;
  border: 1px solid rgba(17,24,39,.18);
  background: #fff;
  color: #111827;
  text-decoration: none;
  font-weight: 600;
  font-size: 13px;
}

.cta-pill:hover{
  background: rgba(255,255,255,.85);
}

/* Optional: light doodle background (if you want later)
.cta-box::before{
  content:"";
  position:absolute;
  inset: 0;
  opacity: .08;
  background-image: url(assets/doodles.png);
  background-size: cover;
  background-position: center;
  pointer-events:none;
}
*/

@media (max-width: 992px){
  .cta-sec{ padding: 70px 0; }
  .cta-box{ padding: 55px 16px; }
  .cta-title{ font-size: 34px; }
}