/* =============================================================================
   landing-bhayandarigcse.css — Kanakia International School (IGCSE), Bhayandar
   overrides + extra sections on the shared landing skeleton (landing.css).
   Values copied from this page's generated Elementor CSS (post-437.css), not
   eyeballed. Everything is scoped under .kk-landing--bhayandarigcse.

   The band colour variables (--kkl-accent #44ACAF, welcome #2fa59f, enquiry
   #44ACAF, awards #EA4E5C, testimonials #EBA82F, achievements #ECF5F3,
   strip #B8978D, frame #B98E7F) all match the landing.css defaults on this
   page, so none are overridden.
   ============================================================================= */

/* -- Principal's message: body copy is 18px here (ba9c64c; skeleton uses 16px).
      The <=1024px 14px step already lives in landing.css. */
.kk-landing--bhayandarigcse .kk-lead__text { font-size: 18px; }

/* -- Curriculum: teal title (9d14e64 #45ACAF) and a wider frame divider
      (a1f038b 60%; skeleton default 30%). */
.kk-landing--bhayandarigcse .kk-lcur__title { color: #45ACAF; }
.kk-landing--bhayandarigcse .kk-lcur__divider { width: 60%; }

/* Intro row: 1-per-view brochure carousel beside the text/ordered-list. */
.kk-landing--bhayandarigcse .kk-igcur__intro { display: flex; gap: 30px; align-items: center; margin-top: 24px; }
.kk-landing--bhayandarigcse .kk-igcur__intro .kk-carousel {
    flex: 0 0 48%; min-width: 0;
    --kk-carousel-per: 1; --kk-carousel-per-tablet: 1; --kk-carousel-per-mobile: 1;
    --kk-carousel-gap: 0px;
    --kk-carousel-dot: rgba(68, 172, 175, .35); --kk-carousel-dot-active: #44ACAF;
}
.kk-landing--bhayandarigcse .kk-igcur__intro .kk-carousel img { width: 100%; display: block; border-radius: 8px; }
.kk-landing--bhayandarigcse .kk-igcur__intro-body { flex: 1 1 0; min-width: 0; }
.kk-landing--bhayandarigcse .kk-igcur__intro-body ol { margin: 12px 0 0; padding-left: 22px; font-weight: 500; color: #494949; line-height: 31px; }
@media (max-width: 767px) { .kk-landing--bhayandarigcse .kk-igcur__intro { flex-direction: column; } }

/* Curriculum tab panels: image beside text (age heading 2d0dea4 16px/600 #404040). */
.kk-landing--bhayandarigcse .kk-igtab { display: flex; gap: 30px; align-items: flex-start; }
.kk-landing--bhayandarigcse .kk-igtab__media { flex: 0 0 40%; min-width: 0; text-align: center; }
.kk-landing--bhayandarigcse .kk-igtab__media h3 { font-size: 16px; font-weight: 600; color: #404040; margin-bottom: 14px; }
.kk-landing--bhayandarigcse .kk-igtab__media img { width: 100%; max-width: 350px; height: auto; }
.kk-landing--bhayandarigcse .kk-igtab__media--kids a { display: inline-block; }
.kk-landing--bhayandarigcse .kk-igtab__media--kids img { width: 222px; }
.kk-landing--bhayandarigcse .kk-igtab__body { flex: 1 1 0; min-width: 0; }
.kk-landing--bhayandarigcse .kk-igtab__body ul { margin: 10px 0 0; padding-left: 22px; }
.kk-landing--bhayandarigcse .kk-igtab .kk-gallery { margin-top: 16px; }
@media (max-width: 767px) { .kk-landing--bhayandarigcse .kk-igtab { flex-direction: column; } }

/* -- Admission-process closing divider (stand-alone band 4986619 > 9f81416:
      2px solid #B98E7F line, 81% wide, centred). */
.kk-landing--bhayandarigcse .kk-admproc__divider {
    width: 81%; margin: 60px auto 0;
    border: 0; border-top: 2px solid var(--kkl-frame);
}

/* -- Scholarship Programme (c459db2 row 60/60 pad, gap 0; 90f6503 text col
      47.981%, centred, 20px padding on mobile only; e3f7376 heading 25px/600
      #2A2A2A; 4c7b7a7 body Montserrat 16px/500 #222; 8aab364 banner radius
      10px, 60px top offset, 149px tall cropped bottom-centre — 214px mobile). */
.kk-landing--bhayandarigcse .kk-scholar { padding: 60px 0; }
.kk-landing--bhayandarigcse .kk-scholar__cols { display: flex; gap: 0; }
.kk-landing--bhayandarigcse .kk-scholar__body {
    flex: 0 0 47.981%; min-width: 0;
    display: flex; flex-direction: column; justify-content: center;
}
.kk-landing--bhayandarigcse .kk-scholar__body h2 { font-size: 25px; font-weight: 600; text-transform: uppercase; color: #2A2A2A; margin-bottom: 14px; }
.kk-landing--bhayandarigcse .kk-scholar__body p { font-size: 16px; font-weight: 500; line-height: 27px; color: #222; margin: 0 0 12px; }
.kk-landing--bhayandarigcse .kk-scholar__media { flex: 1 1 0; min-width: 0; }
.kk-landing--bhayandarigcse .kk-scholar__media img {
    width: 100%; height: 149px; object-fit: cover; object-position: bottom center;
    border-radius: 10px; margin-top: 60px;
}
@media (max-width: 767px) {
    .kk-landing--bhayandarigcse .kk-scholar__cols { flex-direction: column; }
    .kk-landing--bhayandarigcse .kk-scholar__body { flex-basis: auto; padding: 20px 20px 0; }
    .kk-landing--bhayandarigcse .kk-scholar__body h2 { line-height: 30px; }
    .kk-landing--bhayandarigcse .kk-scholar__body p { font-size: 14px; line-height: 24px; }
    .kk-landing--bhayandarigcse .kk-scholar__media img { height: 214px; }
}

/* -- Awards: three cards in a row (0e8a773 flex row). Skeleton default is a
      single 500px card, so widen the track to the boxed width and grid it. */
.kk-landing--bhayandarigcse .kk-awards__cards {
    max-width: var(--kkl-max);
    display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;
}
@media (max-width: 767px) {
    .kk-landing--bhayandarigcse .kk-awards__cards { grid-template-columns: 1fr; }
}

/* -- Testimonials: centred title (061913f), white dots on the amber band. */
.kk-landing--bhayandarigcse .kk-ltest__title { text-align: center; }

/* -- Alumni stats widget (0d368c3 html iframe). */
.kk-landing--bhayandarigcse .kk-alumnistats { padding: 20px 0; }
.kk-landing--bhayandarigcse .kk-alumnistats iframe { width: 100%; height: 430px; border: 0; vertical-align: top; }

/* -- "Hear From our Alumni" carousel (029c9a5 band 70/80; 8755b3d h-bar heading;
      34e7375 2-per-view gap 15px; fede3f8 slide card: white, radius 15px,
      shadow 0 2px 7px 1px .23, gap 14px, padding 20px 0; 4959479 name 20px/700
      #1C1C1C, 20px left inset, 18px on tablet). */
.kk-landing--bhayandarigcse .kk-alumni { padding: 70px 0 80px; }
.kk-landing--bhayandarigcse .kk-alumni__title {
    font-size: 29px; font-weight: 700; text-transform: uppercase; color: #0F0F0F;
    border-left: 3px solid var(--kkl-accent); padding: 5px 0 5px 10px; margin-bottom: 20px;
}
.kk-landing--bhayandarigcse .kk-alumni .kk-carousel {
    --kk-carousel-per: 2; --kk-carousel-per-tablet: 2; --kk-carousel-per-mobile: 1;
    --kk-carousel-gap: 15px;
    --kk-carousel-dot: rgba(68, 172, 175, .35); --kk-carousel-dot-active: #44ACAF;
}
.kk-landing--bhayandarigcse .kk-alumni .kk-carousel__track { padding: 7px; }
.kk-landing--bhayandarigcse .kk-alumni .kk-carousel__track > li {
    display: flex; flex-direction: column; gap: 14px;
    background: #fff; border-radius: 15px; padding: 20px 0;
    box-shadow: 0 2px 7px 1px rgba(0, 0, 0, .23);
}
.kk-landing--bhayandarigcse .kk-alumni .kk-video { border-radius: 15px; }
.kk-landing--bhayandarigcse .kk-alumni__name { font-size: 20px; font-weight: 700; color: #1C1C1C; padding-left: 20px; }
@media (max-width: 1024px) {
    .kk-landing--bhayandarigcse .kk-alumni__title { font-size: 20px; }
    .kk-landing--bhayandarigcse .kk-alumni__name { font-size: 18px; }
}

/* -- "Our Alumni across the world" cards (143abb1 white band, 4e632fc h-bar,
      7ab04bd name 20px/700, 6870ae4 Ubuntu body with 300px scroll). */
.kk-landing--bhayandarigcse .kk-alumniworld { padding: 50px 0; }
.kk-landing--bhayandarigcse .kk-alumniworld__title {
    font-size: 29px; font-weight: 700; text-transform: uppercase; color: #0F0F0F;
    border-left: 3px solid var(--kkl-accent); padding: 5px 0 5px 10px;
}
@media (max-width: 1024px) { .kk-landing--bhayandarigcse .kk-alumniworld__title { font-size: 20px; } }
.kk-landing--bhayandarigcse .kk-alumniworld__grid {
    display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; margin-top: 24px;
}
.kk-landing--bhayandarigcse .kk-alumniworld__card { display: flex; flex-direction: column; gap: 12px; }
/* Uniform square crop so every card's photo is the same height (the source images
   vary from 600x450 to 600x891); object-fit keeps faces centred. Equal photos +
   the fixed-height story box below give all cards the same height. */
.kk-landing--bhayandarigcse .kk-alumniworld__card img { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 10px; }
.kk-landing--bhayandarigcse .kk-alumniworld__name { font-size: 20px; font-weight: 700; color: #1C1C1C; }
.kk-landing--bhayandarigcse .kk-alumniworld__text {
    font-family: "Ubuntu", "Montserrat", sans-serif; font-size: 16px; font-weight: 400;
    line-height: 25px; letter-spacing: .2px; color: #474747;
    height: 300px; overflow-y: auto; overflow-x: hidden; padding-right: 8px;
}
.kk-landing--bhayandarigcse .kk-alumniworld__text::-webkit-scrollbar { width: 5px; }
.kk-landing--bhayandarigcse .kk-alumniworld__text::-webkit-scrollbar-track { background: rgba(0, 0, 0, .1); }
.kk-landing--bhayandarigcse .kk-alumniworld__text::-webkit-scrollbar-thumb { background: var(--kkl-accent); }
.kk-landing--bhayandarigcse .kk-alumniworld__text p { margin: 0 0 12px; }
@media (max-width: 1024px) { .kk-landing--bhayandarigcse .kk-alumniworld__grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 767px)  { .kk-landing--bhayandarigcse .kk-alumniworld__grid { grid-template-columns: 1fr; } }

/* -- Job-openings / "Register as an alumni" CTA band (019e1be #ECF5F3,
      d36a664 accent button). Hidden on the school domain via kk-tenant-hide. */
.kk-landing--bhayandarigcse .kk-jobs { background: #ECF5F3; padding: 60px 0; text-align: center; }
