/* =============================================================================
   landing-chemburcbse.css — Chembur CBSE overrides on the shared landing
   skeleton (landing.css). Values are copied from this page's generated
   Elementor CSS (wp-content/uploads/elementor/css/post-644.css), not eyeballed.

   Band colours all match the landing.css defaults (welcome #2fa59f, enquiry
   #44ACAF, awards #EA4E5C, testimonials #EBA82F, achievements #ECF5F3), so no
   custom-property overrides are needed.
   ============================================================================= */

/* -- Principal's message: body copy is 18px on this page (8a7f68b; the shared
      skeleton uses 16px). The <=1024px 14px step already lives in landing.css. */
.kk-landing--chemburcbse .kk-lead__text { font-size: 18px; }

/* -- Facilities & amenities band (17c9b4c): a second full-width background
      video. Heights 600/400/200 from the generated CSS; the original hides the
      video on phones (elementor-hidden-mobile) but keeps the band. */
.kk-landing--chemburcbse .kk-facilities { position: relative; min-height: 600px; overflow: hidden; }
@media (max-width: 1024px) { .kk-landing--chemburcbse .kk-facilities { min-height: 400px; } }
@media (max-width: 767px) {
    .kk-landing--chemburcbse .kk-facilities { min-height: 200px; }
    .kk-landing--chemburcbse .kk-facilities .kk-hero__video { display: none; }
}

/* -- Curriculum: this page differs slightly from the skeleton. */
.kk-landing--chemburcbse .kk-lcur__title { color: #45ACAF; }   /* 8feaca5           */
.kk-landing--chemburcbse .kk-lcur__divider { width: 53%; }     /* b9e8a81 separator */
/* Panel headings (a57e377 / fd26e13 / e076bd4): 20px / 600 / #2F2F2F
   (skeleton: 24px / 700 / #1C1C1C). */
.kk-landing--chemburcbse .kk-lcur .kk-tabs__panel h3 { font-size: 20px; font-weight: 600; color: #2F2F2F; }

/* -- Awards: four cards in one row (the pilot page had a single 500px card).
      77da0b1: column gap 5px on desktop/tablet, 10px row gap stacked on mobile;
      697c460: image height 235px -> 203px (tablet, in landing.css) -> 194px. */
.kk-landing--chemburcbse .kk-awards__cards {
    max-width: var(--kkl-max);
    display: grid; grid-template-columns: repeat(4, 1fr); gap: 5px;
}
@media (max-width: 767px) {
    .kk-landing--chemburcbse .kk-awards__cards { grid-template-columns: 1fr; gap: 10px; }
    .kk-landing--chemburcbse .kk-awards__card img { height: 194px; }
}

/* -- Testimonials: centred title (02aa313) and teal dots (3ec8939
      --e-n-carousel-dots-normal-color: #44ACAF; Swiper renders the inactive
      bullet at 0.2 opacity). */
.kk-landing--chemburcbse .kk-ltest__title { text-align: center; }
.kk-landing--chemburcbse .kk-ltest .kk-carousel {
    --kk-carousel-dot: rgba(68, 172, 175, .2);
    --kk-carousel-dot-active: #44ACAF;
}