/* ==========================================================================
   Sister Nivedita School - Demo Theme Stylesheet
   Developer-Grade Clean Institutional UI
   
   Color System:
     - Primary Blue:          #1a73e8  (Header, navigation, headings, buttons)
     - Primary Blue Hover:    #1358b3
     - Golden Yellow:         #ffec02  (Highlights, accents, icons, hover state)
     - Golden Yellow Deep:    #d8a800
     - Accent Red:            #a20733  (Sub-titles, notices, official tags)
     - Soft Background:       #F2F7FC  (Body & alternating sections)
     - White Background:      #ffffff  (Cards & Modern Footer)
   ========================================================================== */

@import url("https://fonts.googleapis.com/css2?family=Bubblegum+Sans&family=Jost:ital,wght@0,100..900;1,100..900&family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap");

:root {
  --theme-blue: #1a73e8;
  --theme-blue-hover: #1557b0;
  --theme-blue-dark: #0f4287;
  --theme-blue-soft: #edf4fd;

  --theme-yellow: #ffec02;
  --theme-yellow-deep: #d8a800;
  --theme-yellow-soft: #fffde6;

  --theme-red: #a20733;
  --theme-red-hover: #830528;
  --theme-red-soft: #fbebee;

  --theme-soft-bg: #ffffff;
  --theme-text-dark: #1e293b;
  --theme-text-muted: #475569;
  --theme-border: #e2eaf4;

  --theme-font-heading: 'Jost', sans-serif;
  --theme-font-sub: 'Bubblegum Sans', sans-serif;
  --theme-font-body: 'Nunito', sans-serif;
}

/* ==========================================================================
   Global Reset & Typography
   ========================================================================== */

html,
body {
  overflow-x: hidden;
  max-width: 100vw;
}

body {
  font-family: var(--theme-font-body);
  background-color: var(--theme-soft-bg);
  color: var(--theme-text-dark);
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}

p,
span,
li,
a,
input,
button,
select,
textarea {
  font-family: var(--theme-font-body);
}

p {
  color: var(--theme-text-muted);
  font-size: 15px;
  line-height: 1.68;
}

h1,
h2,
h3,
h4,
h5,
h6,
.heading,
.heading-font,
.banner-v1-content h1 {
  font-family: var(--theme-font-heading);
  letter-spacing: -0.015em;
}

/* ==========================================================================
   Section Titles & Sub-Titles (Calibrated Sizes)
   ========================================================================== */

.section-title {
  margin-bottom: 22px;
}

/* Sub-title: Crisp uppercase Accent Red (#a20733) */
.section-title .sub-title,
.dspm-hub-eyebrow {
  display: inline-block;
  font-family: var(--theme-font-sub, 'Bubblegum Sans', sans-serif);
  font-size: 13.5px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--theme-red);
  margin-bottom: 6px;
  background: transparent;
  border: none;
  padding: 0;
  box-shadow: none;
}

.section-title .sub-title::before,
.section-title .sub-title::after {
  display: none;
}

/* Section Headings: Primary Blue (#1a73e8), calibrated to 27px */
.section-title h3.heading,
.section-title .heading,
.heading {
  font-size: 27px;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 10px;
}



.section-title p {
  color: var(--theme-text-muted);
  font-size: 15px;
  line-height: 1.68;
}

/* ==========================================================================
   Buttons (.theme-btn) - Compact, Sleek Size (Reduced as requested)
   ========================================================================== */

.theme-btn,
a.theme-btn,
button.theme-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  background-color: var(--theme-blue);
  color: #ffffff;
  font-family: var(--theme-font-heading);
  font-weight: 600;
  font-size: 13.5px;
  padding: 8px 20px;
  border-radius: 6px;
  border: 1px solid var(--theme-blue);
  text-decoration: none;
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(26, 115, 232, 0.2);
  transition: all 0.25s ease;
  position: relative;
  overflow: hidden;
}

.theme-btn span {
  color: #ffffff;
  font-family: inherit;
  font-weight: inherit;
}

.theme-btn i,
.theme-btn .fa-solid {
  color: #ffffff;
  font-size: 12px;
  transition: transform 0.25s ease;
}

.theme-btn:hover {
  background-color: var(--theme-blue-hover);
  border-color: var(--theme-blue-hover);
  color: #ffffff;
  box-shadow: 0 4px 12px rgba(26, 115, 232, 0.3);
  transform: translateY(-2px);
}

.theme-btn:hover i {
  transform: translateX(3px);
}

/* ==========================================================================
   Header Top Bar (Primary Blue #1a73e8 + Yellow Icons + White Text)
   ========================================================================== */

.header-top-section {
  background-color: var(--theme-blue);
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  padding: 7px 0;
}

.header-top-section .contact-list li {
  color: #ffffff;
  font-size: 13px;
  display: inline-flex;
  align-items: center;
}

.header-top-section .contact-list li a,
.header-top-section .contact-list li span.link {
  color: #ffffff;
  font-size: 13px;
  text-decoration: none;
  transition: color 0.2s ease;
}

.header-top-section .contact-list li a:hover {
  color: var(--theme-yellow);
}

.header-top-section .contact-list li i {
  color: var(--theme-yellow);
  margin-right: 6px;
  font-size: 13px;
}

.header-top-section .social-wrapper a {
  background: rgba(255, 255, 255, 0.15);
  border: 1px solid rgba(255, 255, 255, 0.25);
  color: #ffffff;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  text-decoration: none;
}

.header-top-section .social-wrapper a i {
  color: #ffffff;
  font-size: 11px;
  transition: color 0.2s ease;
}

.header-top-section .social-wrapper a:hover {
  background: var(--theme-yellow);
  border-color: var(--theme-yellow);
}

.header-top-section .social-wrapper a:hover i {
  color: #0c2340;
}

/* ==========================================================================
   Navigation Bar
   ========================================================================== */

.header-1 {
  background-color: #ffffff;
  border-bottom: 1px solid #e2e8f0;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.header-main .main-menu ul li a {
  font-family: var(--theme-font-heading);
  font-weight: 600;
  font-size: 15px;
  color: #1e293b;
  transition: color 0.2s ease;
  text-decoration: none;
}

.header-main .main-menu ul li a:hover,
.header-main .main-menu ul li.active>a {
  color: var(--theme-blue);
}

.header-main .main-menu ul li a i {
  font-size: 11px;
  color: #64748b;
  transition: transform 0.2s ease;
}

.header-main .main-menu ul li:hover>a i {
  color: var(--theme-blue);
  transform: rotate(180deg);
}

.header-main .main-menu ul li .submenu {
  border-radius: 8px;
  border: 1px solid #e2e8f0;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
  background: #ffffff;
}

.header-main .main-menu ul li .submenu li a {
  font-size: 14px;
  color: #334155;
  padding: 8px 16px;
  transition: all 0.2s ease;
}

.header-main .main-menu ul li .submenu li a:hover {
  background: var(--theme-blue-soft);
  color: var(--theme-blue);
  padding-left: 20px;
}

.sidebar__toggle i {
  color: var(--theme-blue);
}

/* ==========================================================================
   Hero Section
   ========================================================================== */

.banner-section.banner-1 {
  background: linear-gradient(180deg, #ffffff 0%, var(--theme-soft-bg) 100%);
  border-bottom: none;
}

.banner-v1-content h1 {
  color: #0f2b48;
  font-weight: 800;
  font-size: clamp(28px, 3.4vw, 42px);
  line-height: 1.2;
}

.banner-v1-content h1 span.text-sount {
  color: var(--theme-blue);
  position: relative;
  display: inline-block;
}

.banner-v1-content h1 span.text-sount::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 3px;
  width: 100%;
  height: 5px;
  background-color: var(--theme-yellow);
  opacity: 0.65;
  z-index: -1;
  border-radius: 2px;
}

/* ==========================================================================
   About Section
   ========================================================================== */

.about-sectionv1 {
  background-color: #ffffff;
  padding: 40px 0;
  border-top: none;
  border-bottom: none;
  border: none;
}

.about-one-grow .academy-box {
  background: #ffffff;
  border: 1px solid var(--theme-border);
  border-radius: 12px;
  padding: 18px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
}

.about-one-grow .academy-box h4 {
  color: var(--theme-blue);
  font-size: 28px;
  font-weight: 800;
}

.about-one-grow .academy-box2 {
  background: var(--theme-blue);
  color: #ffffff;
  border-radius: 12px;
  border: 1px solid var(--theme-blue);
  box-shadow: 0 4px 12px rgba(26, 115, 232, 0.2);
}

.about-one-grow .academy-box2 .content h3 {
  color: var(--theme-yellow);
  font-size: 32px;
  font-weight: 800;
}

.about-one-grow .academy-box2 .content p {
  color: #ffffff;
  font-size: 13.5px;
}

/* ==========================================================================
   IMSCDR-Style Floating Counter Strip (Clean Horizontal Bar from Screenshot)
   ========================================================================== */

.imscdr-counter-section {
  background-color: var(--theme-soft-bg);
  padding: 35px 0 45px;
}

.imscdr-counter-strip {
  background: #ffffff;
  border-radius: 20px;
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.07);
  border: 1px solid #eef2f6;
  padding: 18px 25px;
}

.imscdr-counter-item {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 8px 12px;
  border-radius: 12px;
  transition: all 0.25s ease;
}

.imscdr-counter-item:hover {
  background: #f8fafc;
  transform: translateY(-2px);
}

.imscdr-icon-box {
  width: 52px;
  height: 52px;
  min-width: 52px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.25s ease;
}

.imscdr-icon-box.icon-amber {
  background: #fef3c7;
}

.imscdr-icon-box.icon-blue {
  background: #e0f2fe;
}

.imscdr-icon-box.icon-rose {
  background: #ffe4e6;
}

.imscdr-icon-box.icon-teal {
  background: #d1fae5;
}

.imscdr-icon-box img {
  width: 28px;
  height: 28px;
  object-fit: contain;
  filter: none;
}

.imscdr-text-box {
  display: flex;
  flex-direction: column;
}

.imscdr-number,
.imscdr-number .count {
  font-family: var(--theme-font-heading);
  font-size: 26px;
  font-weight: 800;
  color: #0f172a;
  /* Bold dark number just like IMSCDR */
  line-height: 1.15;
  margin: 0;
  letter-spacing: -0.02em;
}

.imscdr-label {
  font-family: var(--theme-font-heading);
  font-size: 13.5px;
  font-weight: 600;
  margin: 2px 0 0;
  line-height: 1.2;
}

.imscdr-label.label-amber {
  color: #d97706;
}

.imscdr-label.label-blue {
  color: var(--theme-blue);
}

.imscdr-label.label-rose {
  color: #e11d48;
}

.imscdr-label.label-teal {
  color: #059669;
}

/* Subtle separator line between items on desktop */
@media (min-width: 992px) {
  .imscdr-counter-strip .col-xl-3:not(:last-child) .imscdr-counter-item {
    border-right: 1px solid #f1f5f9;
  }
}

/* ==========================================================================
   SSC Toppers & Score Above 90%
   ========================================================================== */

.professional-sectionv1 {
  background-color: #ffffff;
  padding: 40px 0;
  border-top: none;
  border-bottom: none;
  border: none;
}

/* Toppers & Score Above 90% Section Styling */
.professional-sectionv1 .heading::after {
  display: none;
}

.our_toppers_section,
.our_toppers_section.swiper {
  display: flex;
  padding: 16px 6px 45px 6px;
  margin-top: -10px;
  position: relative;
}

.our_toppers_section .swiper-slide {
  height: auto;
  display: flex;
}

.our_toppers_section .professional-item {
  width: 100%;
  position: relative;
  padding: 16px 14px 22px 14px;
  border-radius: 50px 10px;
  background: #ffffff;
  box-shadow: 0px 4px 20px rgba(19, 16, 34, 0.08);
  border: 2px solid #ffffff;
  transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  box-sizing: border-box;
  text-align: center;
}

.our_toppers_section .professional-item:hover {
  border-color: #1a73e8;
  transform: translateY(-6px);
  box-shadow: 0 14px 32px rgba(26, 115, 232, 0.18);
}

.our_toppers_section .professional-item .thumb {
  width: 100%;
  overflow: hidden;
  text-align: center;
  border-radius: 35px 10px;
  margin-bottom: 12px;
  flex-shrink: 0;
}

.our_toppers_section .professional-item .thumb img {
  width: 100%;
  max-height: 220px;
  object-fit: cover;
  object-position: top;
  border-radius: 35px 10px;
  display: block;
  transition: transform 0.4s ease;
}

.our_toppers_section .professional-item:hover .thumb img {
  transform: scale(1.04);
}

.our_toppers_section .professional-item .content {
  text-align: center;
  padding: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.our_toppers_section .professional-item .content .mb-24 {
  margin-bottom: 0;
}

.our_toppers_section .professional-item .content h4 {
  margin-bottom: 4px;
  font-size: 16px;
  line-height: 1.35;
  min-height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.our_toppers_section .professional-item .content h4 a {
  color: #000000;
  font-family: var(--theme-font-heading, "Jost", sans-serif);
  font-weight: 700;
  text-decoration: none;
  transition: color 0.25s ease;
}

.our_toppers_section .professional-item .content h4 a:hover {
  color: var(--theme-blue);
}

.our_toppers_section .professional-item .content span {
  display: block;
  font-size: 16px;
  font-weight: 800;
  font-family: var(--theme-font-heading, "Jost", sans-serif);
  margin-top: 3px;
  padding-bottom: 2px;
  line-height: 1.2;
}

/* 12th Consecutive Year 100% SSC Result (Accent Red #a20733) */
.ssc-result-highlight {
  color: var(--theme-red);
  font-family: var(--theme-font-heading);
  font-size: 19px;
  font-weight: 700;
  letter-spacing: -0.01em;
  margin-top: 26px;
  position: relative;
  display: inline-block;
}

.ssc-result-highlight::after {
  content: "";
  display: block;
  width: 40px;
  height: 3px;
  background-color: var(--theme-red);
  margin: 7px auto 0;
  border-radius: 2px;
}

.swiper-pagination-bullet-active {
  background: var(--theme-blue);
  width: 22px;
  border-radius: 4px;
}

/* ==========================================================================
   Educational Programs Section
   ========================================================================== */

.program-sectionv1 {
  background-color: var(--theme-soft-bg);
  padding: 40px 0;
  border-top: none;
  border-bottom: none;
  border: none;
}

.program-item {
  background: #ffffff;
  border: 1px solid var(--theme-border);
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
  transition: all 0.25s ease;
}

.program-item:hover {
  transform: translateY(-3px);
  border-color: rgba(26, 115, 232, 0.35);
  box-shadow: 0 6px 18px rgba(26, 115, 232, 0.08);
}

.program-item .icons {
  background: var(--theme-blue-soft);
  border: 1px solid rgba(26, 115, 232, 0.15);
  border-radius: 10px;
}

.program-item:hover .icons {
  background: var(--theme-yellow-soft);
  border-color: rgba(216, 168, 0, 0.4);
}

.program-item .content h4 a {
  font-family: var(--theme-font-heading);
  font-size: 16.5px;
  font-weight: 700;
  color: #1e293b;
  transition: color 0.2s ease;
  text-decoration: none;
}

.program-item .content h4 a:hover {
  color: var(--theme-blue);
}

.program-item .readmore,
.professional-item .content .readmore {
  color: var(--theme-blue);
  font-family: var(--theme-font-heading);
  font-weight: 600;
  font-size: 13.5px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: all 0.2s ease;
}

.program-item .readmore:hover,
.professional-item .content .readmore:hover {
  color: var(--theme-blue-hover);
  gap: 9px;
}

.program-item .readmore .arrows i,
.professional-item .content .readmore i {
  color: var(--theme-blue);
  transition: transform 0.2s ease;
}

.program-item .readmore:hover .arrows i,
.professional-item .content .readmore:hover i {
  transform: translateX(3px);
  color: var(--theme-blue-hover);
}

/* ==========================================================================
   Infrastructure Portfolio (Single Tabs)
   ========================================================================== */

.protfolio-sectionv1 {
  background-color: #ffffff;
  padding: 40px 0;
  border-top: none;
  border-bottom: none;
  border: none;
}

.protfolio-tabs .tablinks li.nav-links button.tablink {
  font-family: var(--theme-font-heading);
  font-size: 13.5px;
  font-weight: 600;
  padding: 7px 16px;
  border-radius: 6px;
  background: var(--theme-soft-bg);
  color: #334155;
  border: 1px solid var(--theme-border);
  transition: all 0.2s ease;
  cursor: pointer;
}

.protfolio-tabs .tablinks li.nav-links button.tablink:hover {
  background: var(--theme-blue-soft);
  color: var(--theme-blue);
}

.protfolio-tabs .tablinks li.nav-links.active button.tablink {
  background: var(--theme-blue);
  color: #ffffff;
  border-color: var(--theme-blue);
  box-shadow: 0 3px 10px rgba(26, 115, 232, 0.2);
}

.protfolio-itemv1 {
  border-radius: 10px;
  border: 1px solid var(--theme-border);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
}

/* ==========================================================================
   DSPM Education Hub Section
   ========================================================================== */

.dspm-education-hub-section {
  background: var(--theme-soft-bg);
  padding: 40px 0;
  border-top: none;
  border-bottom: none;
  border: none;
}

.dspm-hub-title {
  color: #0f2b48;
  font-size: 28px;
}

.dspm-hub-title-accent {
  color: var(--theme-blue);
}

.dspm-hub-title-line {
  background: linear-gradient(90deg, transparent, var(--theme-blue), transparent);
}

.dspm-hub-card {
  background: #ffffff;
  border: 1px solid var(--theme-border);
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
  transition: all 0.25s ease;
}

.dspm-hub-card:hover {
  border-color: rgba(26, 115, 232, 0.35);
  box-shadow: 0 6px 18px rgba(26, 115, 232, 0.08);
}

.dspm-hub-card-title {
  color: var(--theme-blue);
  font-size: 18px;
  font-weight: 700;
}

.dspm-hub-card-dash {
  background: var(--theme-yellow);
}

.dspm-hub-card-action {
  background: var(--theme-blue);
  color: #ffffff;
}

.dspm-hub-card:hover .dspm-hub-card-action {
  background: var(--theme-blue-hover);
}

/* ==========================================================================
   School Info, Mother Touch & Inspair
   ========================================================================== */

.school-info {
  background-color: #ffffff;
  padding: 40px 0;
  border-top: none;
  border-bottom: none;
  border: none;
}

.school-info__col {
  border: 1px solid var(--theme-border);
  border-radius: 12px;
}

.school-info__col h4 {
  color: var(--theme-blue);
  font-size: 19px;
}



.mother_touch {
  background-color: var(--theme-soft-bg);
  padding: 40px 0;
  border-top: none;
  border-bottom: none;
  border: none;
}

.inspair-section {
  background-color: #ffffff;
  padding: 40px 0;
  border-top: none;
  border-bottom: none;
  border: none;
}

/* ==========================================================================
   MODERN WHITE FOOTER (Symbiosis / Image 2 Reference Layout by Evonix)
   ========================================================================== */

footer.modern-white-footer,
.modern-white-footer {
  background: #ffffff;
  color: #1e293b;
  border-top: 1px solid #e2eaf4;
  position: relative;
}

/* Left Column: Primary Blue Brand Card */
.footer-brand-card {
  background: linear-gradient(155deg, #1a73e8 0%, #1255ab 100%);
  border-radius: 18px;
  padding: 26px 22px;
  color: #ffffff;
  box-shadow: 0 10px 28px rgba(26, 115, 232, 0.2);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.footer-brand-header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.18);
  padding-bottom: 16px;
}

.footer-brand-logo {
  width: 58px;
  height: 58px;
  min-width: 58px;
  object-fit: contain;
  background: #ffffff;
  border-radius: 50%;
  padding: 4px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.18);
}

.footer-brand-eyebrow {
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.9);
  font-weight: 600;
  line-height: 1.3;
}

.footer-brand-title {
  color: #ffffff;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.25;
  margin: 3px 0 2px;
  font-family: var(--theme-font-heading);
}

.footer-brand-sub {
  font-size: 11.5px;
  color: var(--theme-yellow);
  font-weight: 700;
}

/* 3 Rounded Pill Contact Cards (Like Image 2) */
.footer-pill-contacts {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.footer-contact-pill {
  background: rgba(255, 255, 255, 0.15);
  border-radius: 30px;
  padding: 11px 16px;
  display: flex;
  align-items: center;
  gap: 13px;
  transition: all 0.25s ease;
  border: 1px solid rgba(255, 255, 255, 0.15);
}

.footer-contact-pill:hover {
  background: rgba(255, 255, 255, 0.24);
  transform: translateX(3px);
}

.footer-contact-pill .pill-icon {
  width: 36px;
  height: 36px;
  min-width: 36px;
  border-radius: 50%;
  border: 1.5px solid rgba(255, 255, 255, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  color: #ffffff;
  flex-shrink: 0;
  transition: all 0.2s ease;
}

.footer-contact-pill:hover .pill-icon {
  background: var(--theme-yellow);
  border-color: var(--theme-yellow);
  color: #0c2340;
}

.footer-contact-pill .pill-text {
  font-size: 12.5px;
  line-height: 1.45;
  color: #ffffff;
}

.footer-contact-pill .pill-text a {
  color: #ffffff;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.2s ease;
}

.footer-contact-pill .pill-text a:hover {
  color: var(--theme-yellow);
}

/* Right Columns on White Background */
.footer-nav-col {
  height: 100%;
}

.footer-col-title {
  font-family: var(--theme-font-heading);
  font-size: 16px;
  font-weight: 700;
  color: #0f172a;
  border-bottom: 1px dotted #cbd5e1;
  padding-bottom: 8px;
  margin-bottom: 14px;
  letter-spacing: -0.01em;
}

.footer-links-list {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

.footer-links-list li {
  margin-bottom: 8px;
  position: relative;
  padding-left: 14px;
}

.footer-links-list li::before {
  content: "•";
  position: absolute;
  left: 0;
  color: #64748b;
  font-size: 15px;
  line-height: 1.3;
}

.footer-links-list li a {
  color: #334155;
  font-size: 13.5px;
  text-decoration: none;
  transition: all 0.2s ease;
  display: inline-block;
}

.footer-links-list li a:hover {
  color: var(--theme-blue);
  font-weight: 600;
  padding-left: 4px;
}

/* Connect Us Buttons (Red & Blue Pills) */
.footer-cta-buttons .footer-pill-btn {
  display: block;
  text-align: center;
  border-radius: 24px;
  padding: 9px 18px;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.25s ease;
}

.footer-cta-buttons .footer-pill-btn.btn-red {
  background-color: #b91c1c;
  color: #ffffff;
  box-shadow: 0 3px 10px rgba(185, 28, 28, 0.25);
}

.footer-cta-buttons .footer-pill-btn.btn-red:hover {
  background-color: #991b1b;
  transform: translateY(-2px);
  box-shadow: 0 5px 14px rgba(185, 28, 28, 0.35);
}

.footer-cta-buttons .footer-pill-btn.btn-blue {
  background-color: var(--theme-blue);
  color: #ffffff;
  box-shadow: 0 3px 10px rgba(26, 115, 232, 0.25);
}

.footer-cta-buttons .footer-pill-btn.btn-blue:hover {
  background-color: var(--theme-blue-hover);
  transform: translateY(-2px);
  box-shadow: 0 5px 14px rgba(26, 115, 232, 0.35);
}

/* Social Media Icons (Solid Black Circles like Image 2) */
.footer-social-black a {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #0f172a;
  color: #ffffff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  transition: all 0.25s ease;
  text-decoration: none;
}

.footer-social-black a:hover {
  background: var(--theme-blue);
  transform: translateY(-3px);
  color: #ffffff;
}

/* White Copyright Bottom Bar */
.footer-bottom-white {
  background: #ffffff;
  border-top: 1px solid #e2eaf4;
}

.footer-bottom-white p {
  color: #475569;
  font-size: 13.5px;
}

.footer-bottom-white .evonixlogo {
  color: #475569;
  font-size: 13.5px;
  display: inline-flex;
  align-items: center;
}

.footer-bottom-white .evonixlogo a img {
  filter: none;
  max-height: 24px;
}

/* Scroll-up icon */
.footer-bottom-white .scroll-icon,
.footer-bottom .scroll-icon {
  background-color: var(--theme-yellow);
  border: 2px solid #ffffff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.footer-bottom-white .scroll-icon i,
.footer-bottom .scroll-icon i {
  color: #0c2340;
}

/* ==========================================================================
   Enquiry Popup Modal
   ========================================================================== */

.popup-content {
  border-radius: 10px;
  border: 1px solid var(--theme-border);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.2);
  padding: 26px;
}

.popup-content h3 {
  color: var(--theme-blue);
  font-weight: 700;
  font-size: 20px;
}

.popup-content input {
  font-family: var(--theme-font-body);
  border-radius: 6px;
  border: 1px solid #cbd5e1;
  padding: 10px 14px;
}

.popup-content input:focus {
  border-color: var(--theme-blue);
  outline: none;
}

.popup-content button[type="submit"] {
  background-color: var(--theme-blue);
  color: #ffffff;
  font-family: var(--theme-font-heading);
  font-weight: 600;
  font-size: 14.5px;
  padding: 11px;
  border-radius: 6px;
  border: none;
  box-shadow: 0 4px 12px rgba(26, 115, 232, 0.22);
  transition: all 0.25s ease;
}

.popup-content button[type="submit"]:hover {
  background-color: var(--theme-blue-hover);
  box-shadow: 0 6px 16px rgba(26, 115, 232, 0.32);
}

/* ==========================================================================
   Responsive
   ========================================================================== */

@media (max-width: 991px) {
  .header-top-section {
    display: none;
  }

  .section-title h3.heading {
    font-size: 23px;
  }

  .banner-v1-content h1 {
    font-size: 28px;
  }
}



/* ==========================================================================
   Vibrant Blue Theme Tokens (#1a73e8) & Core Variable Overrides
   ========================================================================== */
:root {
  --theme-blue: #1a73e8;
  --theme-blue-hover: #1557b0;
  --theme-blue-vibrant: #1a73e8;
  --theme-blue-dark: #1255ab;
  --theme-blue-deep: #093c87;
  --theme-blue-soft: #edf5ff;
  --theme-blue-subtle: #f4f8fd;
  --theme-blue-glow: rgba(26, 115, 232, 0.3);
  --theme-blue-gradient: linear-gradient(135deg, #1a73e8 0%, #093c87 100%);
  --theme-red-hero: #c62f37;
  --theme-font-heading: 'Jost', sans-serif;
  --theme-font-body: 'Nunito', sans-serif;
}

body {
  font-family: var(--theme-font-body);
  background-color: #ffffff;
  color: #1e293b;
}

h1,
h2,
h3,
h4,
h5,
h6,
.heading {
  font-family: var(--theme-font-heading);
}

/* ==========================================================================
   HERO BANNER SECTION (#cd2f39 Curved Split UI with Image Slider)
   ========================================================================== */
/* ==========================================================================
   ORIGINAL BANNER SECTION CSS (COMMENTED OUT AS REQUESTED)
   ==========================================================================
.banner-section.banner-1 {
  background: #fafafb;
  background-image: url('../images/banner_new.webp');
  background-repeat: no-repeat;
  background-position: center right;
  background-size: 100%;
  min-height: 580px;
  padding-top: 150px;
  padding-bottom: 0;
  position: relative;
  z-index: 1;
}

.banner-1 .banner-v1-content h1,
.banner-v1-content h1 {
  font-size: 50px;
  line-height: 64px;
  color: var(--theme-text-headings);
  margin-bottom: 20px;
  font-weight: 600;
}

.banner-1 .banner-v1-content h1 .text-layer,
.banner-v1-content h1 .text-layer {
  position: absolute;
  top: 0;
  left: -30px;
  display: inline-block;
}

.banner-1 .banner-v1-content h1 span,
.banner-v1-content h1 span {
  font-size: 50px;
  line-height: 64px;
}

.banner-1 .banner-v1-content h1 .title-explore,
.banner-v1-content h1 .title-explore {
  font-weight: 400;
  color: var(--theme-text-headings);
}

.banner-1 .banner-v1-content h1 .text-sount,
.banner-v1-content h1 .text-sount,
.text-sount {
  color: var(--theme-blue);
  font-weight: 700;
  display: inline;
}

@media (min-width: 1400px) {
  .banner-section.banner-1 {
    min-height: 670px;
    padding-top: 200px;
    padding-bottom: 0;
    background-size: 100%;
    background-position: center right;
  }
}

@media (max-width: 1199px) {
  .banner-section.banner-1 {
    min-height: 460px;
    padding-top: 120px;
    padding-bottom: 0;
  }

  .banner-1 .banner-v1-content h1,
  .banner-v1-content h1,
  .banner-1 .banner-v1-content h1 span,
  .banner-v1-content h1 span {
    font-size: 45px;
    line-height: 55px;
  }
}

@media (max-width: 991px) {
  .banner-section.banner-1 {
    background-image: url('../images/mobile-banner.webp');
    background-size: 75%;
    background-position: center 80%;
    min-height: 580px;
    padding-top: 70px;
    padding-bottom: 0;
  }

  .banner-v1-content {
    text-align: center;
    margin: 0 auto;
    max-width: 100%;
  }

  .banner-1 .banner-v1-content h1 .text-layer,
  .banner-v1-content h1 .text-layer {
    display: none;
  }
}

@media (max-width: 767px) {
  .banner-section.banner-1 {
    background-size: 85%;
    background-position: center 80%;
    min-height: 480px;
    padding-top: 40px;
    padding-bottom: 0;
  }

  .banner-1 .banner-v1-content h1,
  .banner-v1-content h1,
  .banner-1 .banner-v1-content h1 span,
  .banner-v1-content h1 span {
    font-size: 32px;
    line-height: 38px;
  }
}
========================================================================== */

/* ==========================================================================
   NEW MODERN SHOWCASE HERO BANNER (#cd2f39 Curved Split UI)
   ========================================================================== */

.snes-hero-section {
  position: relative;
  width: 100%;
  background-color: #ffffff;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.snes-hero-slider {
  width: 100%;
  position: relative;
}

.snes-hero-slider .swiper-wrapper {
  display: flex;
}

.snes-hero-slide-wrapper {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 560px;
  min-height: 520px;
  max-height: 600px;
  position: relative;
  overflow: hidden;
}

/* Left Column: Full-Height Clean Media Container */
.snes-hero-media {
  width: 54%;
  height: 100%;
  position: relative;
  overflow: hidden;
  background-color: #0b1120;
}

.snes-hero-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 15%;
  display: block;
  transform: scale(1);
  transition: transform 6s cubic-bezier(0.25, 1, 0.5, 1);
}

.swiper-slide-active .snes-hero-img {
  transform: scale(1.05);
}

/* Right Column: Vibrant #cd2f39 Institutional Card */
.snes-hero-card {
  width: 46%;
  height: 100%;
  background-color: #c62f37;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 40px 60px 40px 52px;
  box-sizing: border-box;
  z-index: 2;
}

/* Seamless Left Curve Wave Connector */
.snes-curve-divider-wrap {
  position: absolute;
  left: -114px;
  top: 0;
  bottom: 0;
  width: 115px;
  height: 100%;
  pointer-events: none;
  z-index: 3;
}

.snes-curve-svg {
  width: 100%;
  height: 100%;
  display: block;
}

/* Hero Content Typography & Aesthetics */
.snes-hero-content {
  position: relative;
  z-index: 4;
  max-width: 530px;
  color: #ffffff;
  text-align: left;
}

.snes-hero-lead {
  font-family: var(--theme-font-heading);
  color: #ffffff;
  font-size: 34px;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -0.015em;
  margin: 0 0 2px 0;
}

.snes-hero-sub {
  font-family: var(--theme-font-heading);
  color: #ffffff;
  font-size: 42px;
  font-weight: 800;
  line-height: 1.18;
  letter-spacing: -0.02em;
  margin: 0 0 6px 0;
}

.snes-hero-title {
  font-family: var(--theme-font-heading);
  color: #ffcd1e;
  /* Authentic Golden Yellow */
  font-size: 56px;
  font-weight: 900;
  line-height: 1.1;
  letter-spacing: 0.025em;
  text-transform: uppercase;
  margin: 0 0 16px 0;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.16);
}

.snes-hero-desc {
  font-family: var(--theme-font-body);
  color: rgba(255, 255, 255, 0.92);
  font-size: 15px;
  line-height: 1.65;
  max-width: 480px;
  margin: 0 0 26px 0;
}

.snes-hero-cta {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0;
}

/* Premium Crisp White & Theme Red "Know More" Button (Full Smoothness & Read More pill style) */
.snes-hero-section .snes-hero-btn,
.snes-hero-btn {
  background: #ffffff;
  color: #c62f37;
  border-radius: 50px;
  padding: 8px 24px;
  font-family: var(--theme-font-heading, "Jost", sans-serif);
  font-size: 13.5px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  align-self: flex-start;
  text-decoration: none;
  border: 1.5px solid #ffffff;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12);
  transition: all 0.35s cubic-bezier(0.25, 1, 0.5, 1);
  line-height: 1.4;
  will-change: transform, box-shadow;
  backface-visibility: hidden;
  transform: translateZ(0);
}

.snes-hero-section .snes-hero-btn span,
.snes-hero-btn span {
  display: inline-block;
  transition: color 0.3s ease;
}

.snes-hero-section .snes-hero-btn i,
.snes-hero-btn i {
  font-size: 13px;
  color: #c62f37;
  transition: transform 0.35s cubic-bezier(0.25, 1, 0.5, 1), color 0.3s ease;
  display: inline-block;
  line-height: 1;
}

.snes-hero-section .snes-hero-btn:hover,
.snes-hero-btn:hover {
  background: #ffffff;
  color: #a51d25;
  border-color: #ffffff;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.22);
  transform: translateY(-2px);
}

.snes-hero-section .snes-hero-btn:hover i,
.snes-hero-btn:hover i {
  color: #a51d25;
  transform: translateX(5px);
}

.snes-hero-section .snes-hero-btn:active,
.snes-hero-btn:active {
  transform: translateY(0) scale(0.98);
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
  transition-duration: 0.15s;
}

/* Vertical 4 Pagination Dots on the Right Edge */
.snes-hero-pagination {
  position: absolute;
  right: 24px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  gap: 12px;
  z-index: 10;
  width: auto;
  left: auto;
  bottom: auto;
}

.snes-hero-pagination .swiper-pagination-bullet {
  width: 9px;
  height: 9px;
  background: transparent;
  border: 1.5px solid #ffffff;
  opacity: 0.8;
  border-radius: 50%;
  cursor: pointer;
  margin: 0;
  transition: all 0.25s ease;
}

.snes-hero-pagination .swiper-pagination-bullet-active {
  background: #ffffff;
  opacity: 1;
  transform: scale(1.25);
  box-shadow: 0 0 8px rgba(255, 255, 255, 0.6);
}

/* Responsive Calibration */
@media (max-width: 1399px) {
  .snes-hero-slide-wrapper {
    height: 520px;
    min-height: 480px;
  }

  .snes-hero-lead {
    font-size: 30px;
  }

  .snes-hero-sub {
    font-size: 36px;
  }

  .snes-hero-title {
    font-size: 48px;
  }

  .snes-hero-card {
    padding: 35px 50px 35px 45px;
  }
}

@media (max-width: 1199px) {
  .snes-hero-slide-wrapper {
    height: 480px;
    min-height: 450px;
  }

  .snes-hero-media {
    width: 50%;
  }

  .snes-hero-card {
    width: 50%;
    padding: 30px 40px 30px 35px;
  }

  .snes-hero-lead {
    font-size: 26px;
  }

  .snes-hero-sub {
    font-size: 32px;
  }

  .snes-hero-title {
    font-size: 42px;
  }

  .snes-hero-desc {
    font-size: 14px;
    margin-bottom: 20px;
  }
}

@media (max-width: 991px) {
  .snes-hero-slide-wrapper {
    flex-direction: column;
    height: auto;
    min-height: auto;
    max-height: none;
  }

  .snes-hero-media {
    width: 100%;
    height: 380px;
  }

  .snes-hero-card {
    width: 100%;
    height: auto;
    padding: 40px 30px 50px 30px;
  }

  .snes-curve-divider-wrap {
    display: none;
  }

  .snes-hero-pagination {
    flex-direction: row;
    top: auto;
    bottom: 20px;
    right: 50%;
    transform: translateX(50%);
    gap: 8px;
  }

  .snes-hero-lead {
    font-size: 24px;
  }

  .snes-hero-sub {
    font-size: 30px;
  }

  .snes-hero-title {
    font-size: 38px;
  }
}

@media (max-width: 575px) {
  .snes-hero-media {
    height: 270px;
  }

  .snes-hero-card {
    padding: 32px 20px 45px 20px;
  }

  .snes-hero-lead {
    font-size: 19px;
  }

  .snes-hero-sub {
    font-size: 24px;
  }

  .snes-hero-title {
    font-size: 32px;
    margin-bottom: 12px;
  }

  .snes-hero-desc {
    font-size: 13.5px;
    margin-bottom: 20px;
  }
}

/* Hero Section Enhancements & Overrides */
.snes-hero-section {
  background: #fdfbf7;
  padding: 0;
  margin: 0;
  position: relative;
}

.snes-hero-container {
  display: flex;
  position: relative;
  min-height: 540px;
  width: 100%;
}

.snes-hero-media-wrap {
  flex: 1 1 55%;
  position: relative;
  overflow: hidden;
  min-height: 540px;
}

.snes-hero-media-slider {
  width: 100%;
  height: 100%;
}

.snes-hero-media-slider .swiper-slide {
  height: 100%;
}

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

.snes-hero-card {
  flex: 1 1 45%;
  background-color: #cd2f39;
  position: relative;
  display: flex;
  align-items: center;
  padding: 60px 50px 60px 40px;
  color: #ffffff;
  z-index: 2;
}

.snes-curve-divider-wrap {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -80px;
  width: 82px;
  height: 100%;
  pointer-events: none;
  z-index: 3;
}

.snes-curve-svg {
  width: 100%;
  height: 100%;
  display: block;
}

.snes-hero-content {
  position: relative;
  z-index: 4;
  max-width: 480px;
}

.snes-hero-lead {
  font-family: var(--theme-font-heading);
  font-size: 24px;
  font-weight: 700;
  color: #ffffff;
  line-height: 1.25;
  margin-bottom: 4px;
}

.snes-hero-sub {
  font-family: var(--theme-font-heading);
  font-size: 16px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.9);
  margin-bottom: 6px;
}

.snes-hero-title {
  font-family: var(--theme-font-heading);
  font-size: 44px;
  font-weight: 900;
  color: #ffde59;
  letter-spacing: 0.5px;
  margin-bottom: 18px;
  line-height: 1.1;
}

.snes-hero-desc {
  font-size: 14.5px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.88);
  margin-bottom: 26px;
}

/* (Hero button styles defined above at .snes-hero-btn) */

.snes-hero-pagination {
  position: absolute;
  right: 25px;
  left: auto;
  top: 50%;
  bottom: auto;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: auto;
  z-index: 10;
}

.snes-hero-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: transparent;
  border: 2px solid rgba(255, 255, 255, 0.85);
  opacity: 1;
  margin: 0;
  border-radius: 50%;
  transition: all 0.3s ease;
}

.snes-hero-pagination .swiper-pagination-bullet-active {
  background: #ffffff;
  width: 10px;
  height: 26px;
  border-radius: 6px;
  border-color: #ffffff;
}

@media (max-width: 991px) {
  .snes-hero-container {
    flex-direction: column;
  }

  .snes-hero-media-wrap {
    min-height: 340px;
  }

  .snes-hero-card {
    padding: 40px 24px;
  }

  .snes-curve-divider-wrap {
    display: none;
  }

  .snes-hero-title {
    font-size: 34px;
  }

  .snes-hero-pagination {
    right: 15px;
  }
}

/* ==========================================================================
   ABOUT SECTION INTERACTIVE CARDS (.about-sectionv1)
   ========================================================================== */
.about-sectionv1 {
  background: #ffffff;
  padding: 40px 0;
  border-top: none;
  border-bottom: none;
  border: none;
}

.about-one-thumbs {
  display: flex;
  align-items: flex-end;
  gap: 20px;
}

.about-one-thumbs .main-img {
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  max-width: 100%;
}

.about-one-grow {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.about-one-grow .academy-box {
  background: #ffffff;
  border: 1.5px solid #e2e8f0;
  border-radius: 16px;
  padding: 22px 18px;
  text-align: center;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04);
  transition: all 0.35s ease;
}

.about-one-grow .academy-box:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(26, 115, 232, 0.15);
  border-color: #1a73e8;
}

.about-one-grow .academy-box h4 {
  font-size: 32px;
  font-weight: 800;
  color: var(--theme-blue-vibrant);
  margin: 6px 0 2px 0;
}

.about-one-grow .academy-box2 {
  background: linear-gradient(135deg, #1a73e8 0%, #093c87 100%);
  color: #ffffff;
  border-radius: 16px;
  padding: 24px 20px;
  text-align: center;
  box-shadow: 0 8px 24px rgba(26, 115, 232, 0.3);
  transition: all 0.35s ease;
}

.about-one-grow .academy-box2:hover {
  transform: translateY(-5px);
  box-shadow: 0 14px 32px rgba(26, 115, 232, 0.4);
}

.about-one-grow .academy-box2 h3 {
  font-size: 36px;
  font-weight: 800;
  color: #ffde59;
  margin-bottom: 2px;
}

.about-one-grow .academy-box2 p {
  font-size: 13.5px;
  color: #ffffff;
  margin: 0;
}

.about-sectionv1 .theme-btn {
  background-color: var(--theme-blue-vibrant);
  color: #ffffff;
  border-radius: 50px;
  padding: 10px 32px;
  font-weight: 600;
  box-shadow: 0 4px 14px var(--theme-blue-glow);
  border: none;
  display: inline-flex;
  align-items: center;
  transition: all 0.3s ease;
}

.about-sectionv1 .theme-btn span,
.about-sectionv1 .theme-btn span.black {
  color: #ffffff;
}

.about-sectionv1 .theme-btn:hover {
  background-color: var(--theme-blue-hover);
  transform: translateY(-2px);
}

/* ==========================================================================
   TALK COUNTER / STATS CAPSULE SECTION (.talk-counter) - Image 2 Match
   ========================================================================== */
.talk-counter {
  padding: 40px 0;
  background-image: url('../images/Pastel_School_Waves_Background.png');
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
  position: relative;
  border-top: none;
  border-bottom: none;
  border: none;
}

/* Single Unified White Capsule Card (Image 2 Exact Match) */
.counter-inner {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: center;
  background: #ffffff;
  border-radius: 36px;
  padding: 22px 14px;
  box-shadow: 0 10px 32px rgba(0, 0, 0, 0.06);
  border: none;
  gap: 0;
}

.counter-inner .counter-talk-items,
.counter-talk-items {
  background: transparent;
  background-color: transparent;
  border: none;
  border-radius: 0;
  padding: 6px 12px 6px 26px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 14px;
  box-shadow: none;
  transition: all 0.25s ease;
}

/* Clean vertical divider lines between columns */
.counter-talk-items:not(:last-child) {
  border-right: 1.5px solid #f1f5f9;
}

/* Remove unwanted hover background & box-shadow override from main.css */
.counter-inner .counter-talk-items:hover,
.counter-talk-items:hover {
  background: transparent;
  background-color: transparent;
  box-shadow: none;
  transform: none;
}

.counter-inner .counter-talk-items:hover .icon {
  transform: none;
  box-shadow: none;
}

/* Circular Badge with Absolute Sunburst Rays (Perfect Center-Aligned) */
.counter-badge-wrap {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 48px;
  height: 48px;
}

.counter-badge-wrap .icon-rays {
  position: absolute;
  top: -11px;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  width: 20px;
  height: 8px;
  pointer-events: none;
}

.counter-badge {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 19px;
  transition: transform 0.25s ease;
}

.counter-talk-items:hover .counter-badge {
  transform: scale(1.05);
}

/* Content Typography & Transitions */
.counter-inner .counter-talk-items .content h3,
.counter-inner .counter-talk-items .content h3 span,
.counter-inner .counter-talk-items .content p {
  transition: color 0.3s ease;
}

/* Item 1: Amber / Legacy */
.item-amber .counter-badge-wrap .icon-rays {
  color: #f59e0b;
}

.item-amber .counter-badge {
  background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
  box-shadow: 0 4px 14px rgba(245, 158, 11, 0.35);
}

.counter-inner .item-amber .content p {
  color: #64748b;
}

.counter-inner .item-amber:hover .content h3,
.counter-inner .item-amber:hover .content h3 span,
.counter-inner .item-amber:hover .content p {
  color: #d97706;
}

/* Item 2: Blue / Students */
.item-blue .counter-badge-wrap .icon-rays {
  color: #0284c7;
}

.item-blue .counter-badge {
  background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%);
  box-shadow: 0 4px 14px rgba(2, 132, 199, 0.35);
}

.counter-inner .item-blue .content p {
  color: #64748b;
}

.counter-inner .item-blue:hover .content h3,
.counter-inner .item-blue:hover .content h3 span,
.counter-inner .item-blue:hover .content p {
  color: #0284c7;
}

/* Item 3: Rose / Parents */
.item-rose .counter-badge-wrap .icon-rays {
  color: #e11d48;
}

.item-rose .counter-badge {
  background: linear-gradient(135deg, #f43f5e 0%, #e11d48 100%);
  box-shadow: 0 4px 14px rgba(225, 29, 72, 0.35);
}

.counter-inner .item-rose .content p {
  color: #64748b;
}

.counter-inner .item-rose:hover .content h3,
.counter-inner .item-rose:hover .content h3 span,
.counter-inner .item-rose:hover .content p {
  color: #e11d48;
}

/* Item 4: Teal / Employees */
.item-teal .counter-badge-wrap .icon-rays {
  color: #059669;
}

.item-teal .counter-badge {
  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
  box-shadow: 0 4px 14px rgba(5, 150, 105, 0.35);
}

.counter-inner .item-teal .content p {
  color: #64748b;
}

.counter-inner .item-teal:hover .content h3,
.counter-inner .item-teal:hover .content h3 span,
.counter-inner .item-teal:hover .content p {
  color: #059669;
}

/* Content Typography (Using index.html fonts: Jost for Numbers, Nunito for Labels) */
.counter-talk-items .content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: left;
}

.counter-talk-items .content h3,
.counter-inner .counter-talk-items .content h3 span {
  font-family: 'Jost', sans-serif;
  font-size: 28px;
  font-weight: 700;
  margin: 0;
  line-height: 1.1;
  color: #1e293b;
  letter-spacing: -0.01em;
}

.counter-talk-items .content p,
.counter-inner .counter-talk-items .content p {
  font-family: 'Nunito', sans-serif;
  font-size: 13.5px;
  font-weight: 600;
  margin: 2px 0 0 0;
  line-height: 1.25;
  white-space: nowrap;
}

@media (max-width: 991px) and (min-width: 768px) {
  .counter-inner {
    grid-template-columns: repeat(2, 1fr);
    border-radius: 24px;
    padding: 20px 16px;
    gap: 16px;
  }

  .counter-talk-items:not(:last-child) {
    border-right: none;
  }
}

@media (max-width: 767px) {
  .counter-inner {
    grid-template-columns: 1fr;
    border-radius: 22px;
    padding: 12px 14px;
    gap: 0;
    width: 100%;
    box-sizing: border-box;
  }

  .counter-talk-items {
    justify-content: flex-start;
    padding: 14px 12px;
    border-right: none;
    border-bottom: 1.5px solid #f1f5f9;
    gap: 16px;
    width: 100%;
    box-sizing: border-box;
  }

  .counter-talk-items:last-child {
    border-bottom: none;
  }

  .counter-badge-wrap {
    width: 50px;
    height: 50px;
    flex-shrink: 0;
  }

  .counter-badge {
    width: 50px;
    height: 50px;
    font-size: 20px;
  }

  .counter-talk-items .content {
    flex: 1;
    min-width: 0;
  }

  .counter-talk-items .content h3 {
    font-size: 28px;
    line-height: 1.1;
  }

  .counter-talk-items .content p {
    font-size: 14.5px;
    white-space: normal;
    margin-top: 2px;
  }
}

/* ==========================================================================
   EDUCATIONAL PROGRAMS SECTION (.program-sectionv1) - 4 Pastel Cards
   ========================================================================== */
.program-sectionv1 {
  background: linear-gradient(180deg, #eef6ff 0%, #f5f9ff 50%, #eaf3ff 100%);
  padding: 40px 0;
  position: relative;
  border-top: none;
  border-bottom: none;
  border: none;
}

.program-sectionv1 .col-lg-7 .row {
  --bs-gutter-x: 24px;
  --bs-gutter-y: 24px;
  row-gap: 24px;
}

.program-item {
  border-radius: 20px;
  padding: 24px 26px;
  background: #ffffff;
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
  height: 100%;
  min-height: 120px;
  display: flex;
  align-items: center;
  gap: 18px;
  margin-left: 0;
  margin-bottom: 0;
  position: relative;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.04);
  border: 1.5px solid #edf2f7;
  box-sizing: border-box;
}

/* Card Hover Elevation */
.program-item:hover {
  transform: translateY(-6px);
}

/* Color Variant: Amber (Admission Process) - Exact Match to Counter item-amber */
.program-item.wrap-amber {
  background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
}

.program-item.wrap-amber .icons {
  background: rgba(255, 255, 255, 0.22);
  border: 1px solid rgba(255, 255, 255, 0.35);
}

.program-item.wrap-amber:hover {
  background: linear-gradient(135deg, #d97706 0%, #b45309 100%);
  border-color: rgba(255, 255, 255, 0.4);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
}

.program-item.wrap-amber:hover .icons {
  transform: scale(1.08);
}

/* Color Variant: Blue (Competitive) - Exact Match to Counter item-blue */
.program-item.wrap-blue {
  background: var(--theme-blue-vibrant);
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
}

.program-item.wrap-blue .icons {
  background: rgba(255, 255, 255, 0.22);
  border: 1px solid rgba(255, 255, 255, 0.35);
}

.program-item.wrap-blue:hover {
  background: var(--theme-blue-vibrant);
  border-color: rgba(255, 255, 255, 0.4);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
}

.program-item.wrap-blue:hover .icons {
  transform: scale(1.08);
}

/* Color Variant: Rose (Curriculum) - Exact Match to Counter item-rose */
.program-item.wrap-rose {
  background: linear-gradient(135deg, #f43f5e 0%, #e11d48 100%);
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
}

.program-item.wrap-rose .icons {
  background: rgba(255, 255, 255, 0.22);
  border: 1px solid rgba(255, 255, 255, 0.35);
}

.program-item.wrap-rose:hover {
  background: linear-gradient(135deg, #e11d48 0%, #be123c 100%);
  border-color: rgba(255, 255, 255, 0.4);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
}

.program-item.wrap-rose:hover .icons {
  transform: scale(1.08);
}

/* Color Variant: Teal (Examination) - Exact Match to Counter item-teal */
.program-item.wrap-teal {
  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
}

.program-item.wrap-teal .icons {
  background: rgba(255, 255, 255, 0.22);
  border: 1px solid rgba(255, 255, 255, 0.35);
}

.program-item.wrap-teal:hover {
  background: linear-gradient(135deg, #059669 0%, #047857 100%);
  border-color: rgba(255, 255, 255, 0.4);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
}

.program-item.wrap-teal:hover .icons {
  transform: scale(1.08);
}

/* Icon Box */
.program-item .icons {
  width: 64px;
  height: 64px;
  min-width: 64px;
  min-height: 64px;
  margin-left: 0;
  border-radius: 16px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.35s ease;
}

/* Icon Images - ALL ICONS CRISP PURE WHITE (NO RED STROKE) */
.program-item .icons img,
.program-item:hover .icons img,
.program-item:hover .icons img[style],
.program-item.wrap-amber .icons img,
.program-item.wrap-amber:hover .icons img,
.program-item.wrap-blue .icons img,
.program-item.wrap-blue:hover .icons img,
.program-item.wrap-rose .icons img,
.program-item.wrap-rose:hover .icons img,
.program-item.wrap-teal .icons img,
.program-item.wrap-teal:hover .icons img {
  width: 36px;
  height: 36px;
  max-width: 36px;
  max-height: 36px;
  object-fit: contain;
  filter: brightness(0) invert(1);
  transition: transform 0.35s ease;
}

.program-item:hover .icons img {
  transform: scale(1.12);
}

/* Content Elements - White Typography */
.program-item .content {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.program-item .content h4 {
  font-family: var(--theme-font-heading);
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 6px;
}

.program-item .content h4 a {
  color: #ffffff;
  text-decoration: none;
  transition: color 0.25s ease;
}

.program-item:hover .content h4 a {
  color: #ffffff;
}

.program-item .readmore {
  font-size: 14px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.9);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: all 0.25s ease;
}

.program-item .readmore .arrows,
.program-item .readmore .arrows i,
.program-item .readmore i {
  display: inline-flex;
  align-items: center;
  color: #ffffff;
  transition: transform 0.25s ease;
}

.program-item:hover .readmore,
.program-item:hover .readmore i {
  color: #ffffff;
}

.program-item:hover .readmore .arrows,
.program-item:hover .readmore .arrows i {
  transform: translateX(6px);
  color: #ffffff;
}

/* ==========================================================================
   INFRASTRUCTURE SECTION (.protfolio-sectionv1) - Tabs & Gallery
   ========================================================================== */
.protfolio-sectionv1 {
  background: #ffffff;
  background-color: #ffffff;
  background-image: none;
  padding: 40px 0;
  border-top: none;
  border-bottom: none;
  border: none;
}

.tablinks {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  list-style: none;
  padding: 0;
}

.tablink {
  background: #ffffff;
  border: 1px solid #cbd5e1;
  border-radius: 50px;
  padding: 8px 20px;
  font-size: 14px;
  font-weight: 600;
  color: #475569;
  cursor: pointer;
  transition: all 0.3s ease;
}

.nav-links.active .tablink,
.tablink:hover {
  background: var(--theme-blue-vibrant);
  color: #ffffff;
  border-color: var(--theme-blue-vibrant);
  box-shadow: 0 4px 14px var(--theme-blue-glow);
}

.protfolio-itemv1 {
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
  transition: transform 0.35s ease;
}

.protfolio-itemv1::before,
.protfolio-itemv1:hover::before {
  display: none;
  content: none;
}

.protfolio-itemv1:hover {
  transform: translateY(-6px);
}

.protfolio-itemv1 img {
  width: 100%;
  height: 240px;
  object-fit: cover;
  display: block;
}

/* ==========================================================================
   SCHOOL INFO & TIMINGS SECTION (.school-info) - Image 1 Exact Match
   ========================================================================== */
.school-info {
  background: #ffffff;
  padding: 60px 0;
  position: relative;
  overflow: hidden;
  border-top: none;
  border-bottom: none;
  border: none;
}

.school-info .container {
  position: relative;
  z-index: 3;
}

.school-info__wrap {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
  max-width: 100%;
  padding: 0;
  background: transparent;
  margin-bottom: 0;
}

.school-info__wrap {
  gap: 16px;
}

.school-info__col {
  border-radius: 18px;
  padding: 22px 26px;
  width: 100%;
  height: auto;
  min-height: auto;
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.3s ease;
  position: relative;
  box-sizing: border-box;
}

.school-info__col:hover {
  transform: translateY(-3px);
}

/* Bus Info Card - Soft Amber/Yellow Background with Dark Amber Icon (Exact Match to Screenshot) */
.school-bus-card {
  background: #f9eeba;
  border: 1px solid rgba(221, 132, 19, 0.32);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
}

.school-bus-card:hover {
  border-color: rgba(221, 132, 19, 0.55);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.07);
}

.school-bus-card p {
  font-family: 'Nunito', sans-serif;
  font-size: 14.5px;
  line-height: 1.55;
  color: #334155;
  margin: 10px 0 0 0;
}

/* Timing Info Card - Clean White Card with Subtle Refined Blue Border */
.school-timing-card {
  background: #ffffff;
  border: 1px solid rgba(14, 165, 233, 0.28);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
}

.school-timing-card:hover {
  border-color: rgba(14, 165, 233, 0.55);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.07);
}

/* Card Header */
.school-card-header {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 0;
}

.school-card-icon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 19px;
  flex-shrink: 0;
}

.icon-bus {
  background: #dd8413;
  color: #ffffff;
}

.icon-clock {
  background: #e0f2fe;
  color: #0284c7;
}

.school-card-header h4 {
  font-family: 'Jost', sans-serif;
  font-size: 19px;
  font-weight: 700;
  color: #0f172a;
  margin: 0;
  line-height: 1.3;
}

/* Timing List & Pills - 3 Compact Columns */
.timing-list {
  list-style: none;
  padding: 0;
  margin: 16px 0 0 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  width: 100%;
  box-sizing: border-box;
}

.timing-list li,
.timing-list li.timing-pill,
.timing-pill {
  width: 100%;
  max-width: 100%;
  border-radius: 12px;
  padding: 12px 6px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 4px;
  height: auto;
  min-height: 64px;
  margin: 0;
  box-sizing: border-box;
  box-shadow: none;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

.timing-list li.timing-pill:hover,
.timing-pill:hover {
  transform: translateY(-3px);
}

/* Category Label */
.timing-pill .timing-label {
  font-family: 'Nunito', sans-serif;
  font-size: 13px;
  font-weight: 700;
  text-transform: capitalize;
  letter-spacing: normal;
  line-height: 1.2;
  margin: 0;
}

/* Time Hours */
.timing-pill .timing-hours {
  font-family: 'Jost', sans-serif;
  font-size: 15px;
  font-weight: 800;
  white-space: nowrap;
  background: transparent;
  border-radius: 0;
  padding: 0;
  box-shadow: none;
  border: none;
  margin: 0;
  line-height: 1.2;
}

/* --- Pre-Primary (Solid Amber Yellow #FCB91F) --- */
.timing-list li.pill-amber,
.timing-pill.pill-amber {
  background: #fcb91f;
  border: 1px solid #e09f12;
}

.timing-pill.pill-amber .timing-label,
.timing-pill.pill-amber .timing-hours {
  color: #ffffff;
  transition: color 0.25s ease;
}

.timing-pill.pill-amber:hover {
  background: #ffffff;
  border-color: #fcb91f;
  transform: translateY(-2px);
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.08);
}

.timing-pill.pill-amber:hover .timing-label,
.timing-pill.pill-amber:hover .timing-hours {
  color: #d97706;
}

/* --- Primary (Solid Blue #1B73E8) --- */
.timing-list li.pill-blue,
.timing-pill.pill-blue {
  background: var(--theme-blue-vibrant, #1a73e8);
  border: 1px solid var(--theme-blue-vibrant, #1a73e8);
}

.timing-pill.pill-blue .timing-label,
.timing-pill.pill-blue .timing-hours {
  color: #ffffff;
  transition: color 0.25s ease;
}

.timing-pill.pill-blue:hover {
  background: #ffffff;
  border-color: #1b73e8;
  transform: translateY(-2px);
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.08);
}

.timing-pill.pill-blue:hover .timing-label,
.timing-pill.pill-blue:hover .timing-hours {
  color: var(--theme-blue-vibrant, #1a73e8);
}

/* --- Secondary (Solid Green #25A956) --- */
.timing-list li.pill-green,
.timing-list li.pill-rose,
.timing-pill.pill-green,
.timing-pill.pill-rose {
  background: #25a956;
  border: 1px solid #1e8e47;
}

.timing-pill.pill-green .timing-label,
.timing-pill.pill-green .timing-hours,
.timing-pill.pill-rose .timing-label,
.timing-pill.pill-rose .timing-hours {
  color: #ffffff;
  transition: color 0.25s ease;
}

.timing-pill.pill-green:hover,
.timing-pill.pill-rose:hover {
  background: #ffffff;
  border-color: #25a956;
  transform: translateY(-2px);
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.08);
}

.timing-pill.pill-green:hover .timing-label,
.timing-pill.pill-green:hover .timing-hours,
.timing-pill.pill-rose:hover .timing-label,
.timing-pill.pill-rose:hover .timing-hours {
  color: #25a956;
}

/* Right Montage Image */
.school-info-montage {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  position: relative;
}

.school-info-montage img {
  max-height: 480px;
  width: auto;
  max-width: 100%;
  object-fit: contain;
  border-radius: 20px;
  filter: drop-shadow(0 10px 22px rgba(15, 23, 42, 0.08));
  transition: transform 0.4s ease, filter 0.4s ease;
}

.school-info-montage:hover img {
  transform: scale(1.02);
  filter: drop-shadow(0 14px 28px rgba(15, 23, 42, 0.11));
}

/* Banner Shadow - strictly restricted to right side under the photo montage so it never covers cards */
.banner-shadow {
  position: absolute;
  bottom: 0;
  right: 0;
  left: auto;
  width: 55%;
  height: 160px;
  z-index: 2;
  pointer-events: none;
}

@media (max-width: 991px) {
  .school-info__wrap {
    margin-bottom: 30px;
  }

  .banner-shadow {
    width: 100%;
    left: 0;
    right: 0;
    height: 100px;
    z-index: 1;
  }
}

@media (max-width: 575px) {
  .timing-list {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .timing-list li,
  .timing-list li.timing-pill,
  .timing-pill {
    flex-direction: row;
    justify-content: space-between;
    padding: 12px 18px;
    min-height: auto;
  }

  .school-info__col {
    padding: 22px 20px;
  }
}

/* ==========================================================================
   DOMBIVLI SHIKSHAN PRASARAK MANDAL'S EDUCATION HUB SECTION
   ========================================================================== */
.education_hub {
  background-image: url(../images/Airy_Paste_Waves_Abstract_Background.png);
  padding: 55px 0 65px 0;
  position: relative;
  overflow: hidden;
  border-top: none;
  border-bottom: none;
  border: none;
}

/* Custom Vector Background Waves */
.eduhub-bg-waves {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
  overflow: hidden;
}

.eduhub-wave-svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.education_hub .container {
  position: relative;
  z-index: 2;
}

/* 
.education_hub .section-title {
  margin-bottom: 0px;
} */

.education_hub .section-title .sub-title {
  color: #b91c1c;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: 8px;
}

.education_hub .section-title .heading {
  font-family: var(--theme-font-heading);
  font-size: 27px;
  font-weight: 800;
  color: #172b4d;
  line-height: 1.3;
  margin: 0 auto;
  letter-spacing: -0.015em;
}

/* Card Styling */
.eduhub-card {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  background: #fcb91f;
  border-radius: 46px 16px 46px 16px;
  padding: 22px 20px 28px 20px;
  box-shadow: 0 12px 30px rgba(217, 119, 6, 0.28);
  border: 1px solid rgba(255, 255, 255, 0.35);
  height: 100%;
  /* min-height: 380px; */
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  cursor: pointer;
  transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1),
    box-shadow 0.6s cubic-bezier(0.25, 1, 0.5, 1),
    border-color 0.5s ease;
  box-sizing: border-box;
}

/* Smooth Blue Wave Gradient Sweep from Left Side on Hover & Out */
.eduhub-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #3781e1;
  border-radius: inherit;
  z-index: 0;
  clip-path: ellipse(0% 150% at 0% 50%);
  transition: clip-path 0.55s cubic-bezier(0.25, 1, 0.5, 1);
  pointer-events: none;
}

.eduhub-card:hover::before {
  clip-path: ellipse(200% 150% at 0% 50%);
}

.eduhub-card:hover {
  transform: translateY(-8px);
  border-color: #38bdf8;
  box-shadow: 0 18px 42px rgba(2, 132, 199, 0.38);
}

/* Inner Logo Box - Clean White Card with Pastel Blue Wave Top */
.eduhub-logo-box {
  width: 100%;
  height: 175px;
  background: #ffffff;
  border-radius: 36px 12px 36px 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  margin-bottom: 20px;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  z-index: 1;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.8);
  transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.6s ease;
}

/* Soft Wave Accent at Top of Logo Box */
.eduhub-logo-box::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 52px;
  background: linear-gradient(180deg, #e4effd 0%, #edf5fe 65%, rgba(255, 255, 255, 0) 100%);
  pointer-events: none;
  z-index: 0;
}

.eduhub-card:hover .eduhub-logo-box {
  transform: scale(1.03);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.14);
}

.eduhub-logo-box img {
  max-height: 95px;
  max-width: 82%;
  width: auto;
  object-fit: contain;
  position: relative;
  z-index: 1;
  transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

.eduhub-card:hover .eduhub-logo-box img {
  transform: scale(1.08);
}

/* Card Text Content - Crisp Bold White by Default */
.eduhub-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 4px;
  position: relative;
  z-index: 1;
}

.eduhub-content h4 {
  font-family: var(--theme-font-heading, "Jost", sans-serif);
  font-size: 21.5px;
  font-weight: 800;
  color: #ffffff;
  margin: 0 0 8px 0;
  letter-spacing: -0.01em;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
  transition: color 0.4s cubic-bezier(0.25, 1, 0.5, 1), text-shadow 0.4s ease;
}

.eduhub-card:hover .eduhub-content h4 {
  color: #ffde59;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
}

.eduhub-content p {
  font-family: var(--theme-font-body, "Nunito", sans-serif);
  font-size: 13.5px;
  font-weight: 600;
  color: #ffffff;
  line-height: 1.55;
  margin: 0;
  max-width: 230px;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.28);
  transition: color 0.4s cubic-bezier(0.25, 1, 0.5, 1), text-shadow 0.4s ease;
}

.eduhub-card:hover .eduhub-content p {
  color: #ffffff;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
}

/* ==========================================================================
   MOTHER TOUCH DAYCARE SECTION (.mother_touch)
   ========================================================================== */
.mother_touch {
  background: #ffffff;
  padding: 40px 0;
  position: relative;
  border-top: none;
  border-bottom: none;
  border: none;
}

.mother_touch .faq-thumbs {
  position: relative;
}

.mother_touch .faq-thumbs img,
.mother-touch-hero-img {
  border-radius: 0;
  box-shadow: none;
  border: none;
  max-height: 490px;
  width: auto;
  max-width: 100%;
  object-fit: contain;
  display: inline-block;
  filter: drop-shadow(0 15px 30px rgba(0, 0, 0, 0.06));
  transition: transform 0.4s ease;
}

.mother_touch .faq-thumbs:hover img {
  transform: scale(1.02);
}

.mother-touch-content {
  padding-left: 15px;
}

.mother-touch-subtitle {
  font-size: 13px;
  font-weight: 700;
  color: #b91c1c;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  display: block;
  margin-bottom: 8px;
}

.mother-touch-title {
  font-size: 34px;
  font-weight: 800;
  color: #0f172a;
  margin: 0;
  line-height: 1.25;
  font-family: inherit;
}

.mother-touch-line {
  width: 44px;
  height: 3.5px;
  background: #f59e0b;
  border-radius: 3px;
  margin-top: 10px;
  margin-bottom: 20px;
}

.mother-touch-desc {
  font-size: 15px;
  line-height: 1.75;
  color: #475569;
  margin-bottom: 24px;
  max-width: 560px;
}

.mother-touch-features {
  display: flex;
  align-items: center;
  gap: 36px;
  margin-top: 26px;
  padding-top: 24px;
  border-top: 1px dashed #e2e8f0;
}

.mother-feature-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 8px;
  transition: transform 0.25s ease;
}

.mother-feature-item:hover {
  transform: translateY(-3px);
}

.mother-feature-icon {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #eff6ff;
  border: 1.5px solid #bfdbfe;
  color: #2563eb;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  transition: all 0.3s ease;
}

.mother-feature-item:hover .mother-feature-icon {
  background: #2563eb;
  color: #ffffff;
  border-color: #2563eb;
  box-shadow: 0 6px 16px rgba(37, 99, 235, 0.25);
}

.mother-feature-label {
  font-size: 13.5px;
  font-weight: 600;
  color: #1e293b;
  white-space: nowrap;
}

/* Fallback for legacy badges */
.mother-touch-badges {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 20px;
}

.mother-badge {
  background: #eff6ff;
  border-radius: 50px;
  padding: 8px 18px;
  font-size: 13.5px;
  font-weight: 600;
  color: #1e40af;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 1px solid #bfdbfe;
}

.mother-badge i {
  color: #2563eb;
}

@media (max-width: 767px) {
  .mother-touch-content {
    padding-left: 0;
    text-align: center;
  }

  .mother-touch-line {
    margin-left: auto;
    margin-right: auto;
  }

  .mother-touch-features {
    justify-content: center;
    gap: 20px;
  }

  .mother-feature-label {
    font-size: 12px;
    white-space: normal;
  }
}

/* ==========================================================================
   YOGA DAY CELEBRATION SECTION (.professional-sectionv1)
   ========================================================================== */
.professional-sectionv1 {
  background-color: #ffffff;
  padding: 40px 0;
  position: relative;
  border-top: none;
  border-bottom: none;
  border: none;
}

.professional-sectionv1 .celebration-card {
  position: relative;
  padding: 20px;
  border-radius: 50px 10px;
  background: #ffffff;
  box-shadow: 0 8px 24px rgba(19, 16, 34, 0.08);
  transition: all 0.35s ease;
  border: 2px solid #ffffff;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.professional-sectionv1 .celebration-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 36px rgba(26, 115, 232, 0.14);
  border-color: rgba(26, 115, 232, 0.3);
}

.professional-sectionv1 .celebration-card .thumb {
  width: 100%;
  overflow: hidden;
  border-radius: 35px 10px;
  margin-bottom: 20px;
}

.professional-sectionv1 .celebration-card .thumb img {
  width: 100%;
  height: 230px;
  object-fit: cover;
  border-radius: 35px 10px;
  transition: transform 0.5s ease;
  display: block;
}

.professional-sectionv1 .celebration-card:hover .thumb img {
  transform: scale(1.05);
}

.professional-sectionv1 .celebration-card .content {
  padding: 6px 8px 10px 8px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: space-between;
}

.professional-sectionv1 .celebration-card .content p {
  font-size: 14.5px;
  line-height: 1.65;
  color: #475569;
  margin-bottom: 20px;
}

/* Button with Proper Website Theme Blue Color */
.professional-sectionv1 .celebration-card .readmore {
  background: #c62f37;
  color: #ffffff;
  border-radius: 50px;
  padding: 8px 24px;
  font-size: 13.5px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  align-self: flex-start;
  text-decoration: none;
  border: none;
}

.professional-sectionv1 .celebration-card .readmore::after {
  content: '→';
  font-size: 15px;
  transition: transform 0.2s ease;
  display: inline-block;
}

.professional-sectionv1 .celebration-card .readmore:hover {
  background: #d51b25;
  color: #ffffff;
}

.professional-sectionv1 .celebration-card .readmore:hover::after {
  transform: translateX(4px);
}

/* ==========================================================================
   MODERN WHITE FOOTER (Evonix Premium Design)
   ========================================================================== */
footer.modern-white-footer {
  background: #ffffff;
  border-top: 1px solid #e2e8f0;
  color: #334155;
  /* padding-top: 40px; */
}

footer.modern-white-footer .footer-widgets-wrapper {
  padding: 0;
}

/* Complete Footer Split Section Layout */
.footer-complete-left-blue {
  background: linear-gradient(155deg, var(--theme-blue-vibrant) 0%, var(--theme-blue-deep) 100%);
  color: #ffffff;
  padding: 32px 34px 26px calc(max(24px, (100vw - 1320px) / 2 + 15px));
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  min-height: 100%;
  box-sizing: border-box;
}

.footer-complete-left-blue .footer-pill-contacts {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 18px;
}

.footer-complete-left-blue .footer-contact-pill {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 13.5px;
  color: rgba(255, 255, 255, 0.95);
  line-height: 1.45;
  transition: all 0.3s ease;
}

.footer-complete-left-blue .footer-contact-pill .pill-icon {
  width: 36px;
  height: 36px;
  background: rgba(255, 255, 255, 0.18);
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 14px;
  transition: all 0.3s ease;
}

.footer-complete-left-blue .footer-contact-pill:hover .pill-icon,
.footer-complete-left-blue .footer-contact-pill .pill-icon:hover {
  background: #ffffff;
  color: var(--theme-blue-vibrant);
  border-color: #ffffff;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.footer-complete-left-blue .footer-contact-pill a {
  color: #ffffff;
  text-decoration: none;
  transition: all 0.2s ease;
}

.footer-complete-left-blue .footer-contact-pill a:hover {
  color: #ffffff;
  text-decoration: underline;
}

.footer-complete-left-blue .footer-social-box {
  padding-left: 10px;
  margin-top: auto;
  flex-wrap: wrap;
}

.footer-complete-left-blue .footer-social-box a {
  width: 36px;
  height: 36px;
  background: rgba(255, 255, 255, 0.18);
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-size: 14px;
  transition: all 0.3s ease;
}

.footer-complete-left-blue .footer-social-box a:hover {
  background: #ffffff;
  color: var(--theme-blue-vibrant);
  border-color: #ffffff;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.footer-complete-left-blue .footer-social-box a.footer-playstore-btn,
.footer-brand-card .footer-social-box a.footer-playstore-btn {
  width: auto;
  height: 36px;
  background: rgb(0 0 0 / 76%);
  border-radius: 8px;
  padding: 4px 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  border: none;
  transition: all 0.3s ease;
}

.footer-complete-left-blue .footer-social-box a.footer-playstore-btn:hover,
.footer-brand-card .footer-social-box a.footer-playstore-btn:hover {
  background: rgb(0 0 0 / 92%);
  transform: translateY(-2px);
  border: none;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}



.footer-complete-left-blue .footer-social-box a.footer-playstore-btn img,
.footer-brand-card .footer-social-box a.footer-playstore-btn img {
  height: 24px;
  width: auto;
  object-fit: contain;
  display: block;
  transition: transform 0.2s ease;
}

.footer-complete-left-blue .footer-social-box a.footer-playstore-btn:hover img,
.footer-brand-card .footer-social-box a.footer-playstore-btn:hover img {
  transform: scale(1.02);
}


/* Complete Right White Section with 4 Columns */
.footer-complete-right-white {
  background: #ffffff;
  padding: 32px calc(max(24px, (100vw - 1320px) / 2 + 15px)) 20px 38px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-sizing: border-box;
  min-height: 100%;
}

.footer-complete-right-white .footer-col-title {
  font-family: var(--theme-font-heading);
  font-size: 16px;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 10px;
  padding-bottom: 6px;
  border-bottom: 1px dotted #cbd5e1;
}

.footer-complete-right-white .footer-links-list li {
  margin-bottom: 6px;
  position: relative;
  padding-left: 14px;
}

.footer-complete-right-white .footer-links-list li a {
  font-size: 13.5px;
  color: #64748b;
  line-height: 1.4;
}

/* Merged Single-Line Copyright & Evonix Row */
.footer-right-bottom-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 12px;
  box-sizing: border-box;
}

.footer-right-bottom-row .copyright-text {
  font-size: 13.5px;
  color: #64748b;
  margin: 0;
  white-space: nowrap;
}

.footer-right-bottom-row .evonixlogo {
  font-size: 13px;
  color: #64748b;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
}

.footer-right-bottom-row .evonixlogo img {
  max-height: 18px;
  vertical-align: middle;
}

@media (max-width: 991px) {
  .footer-right-bottom-row {
    flex-direction: column;
    text-align: center;
    justify-content: center;
    align-items: center;
  }

  .footer-right-bottom-row .copyright-text {
    white-space: normal;
  }
}

@media (max-width: 767px) {
  .footer-right-bottom {
    flex-direction: column;
    text-align: center;
    justify-content: center;
    align-items: center;
  }
}

@media (max-width: 1199px) {
  .footer-complete-left-blue {
    padding: 40px 30px;
  }

  .footer-complete-right-white {
    padding: 40px 30px;
  }
}

@media (max-width: 991px) {
  .footer-complete-left-blue {
    padding: 36px 20px;
  }

  .footer-complete-right-white {
    padding: 36px 20px;
  }
}

.footer-brand-card {
  background: linear-gradient(155deg, var(--theme-blue-vibrant) 0%, var(--theme-blue-deep) 100%);
  border-radius: 20px;
  padding: 32px 24px;
  color: #ffffff;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-sizing: border-box;
}

.footer-brand-header {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 20px;
}

.footer-brand-logo {
  max-height: 48px;
  background: #ffffff;
  border-radius: 50%;
  padding: 4px;
}

.footer-brand-eyebrow {
  font-size: 12px;
  opacity: 0.85;
}

.footer-brand-title {
  font-size: 18px;
  font-weight: 800;
  color: #ffffff;
  margin: 0;
}

.footer-pill-contacts {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.footer-contact-pill {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  font-size: 13.5px;
  color: rgba(255, 255, 255, 0.9);
}

.footer-contact-pill .pill-icon {
  width: 32px;
  height: 32px;
  background: rgba(255, 255, 255, 0.15);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: #ffde59;
  font-size: 13px;
}

.footer-contact-pill a {
  color: #ffffff;
  text-decoration: none;
}

.footer-contact-pill a:hover {
  color: #ffde59;
}

/* Social Box inside Blue Card */
.footer-brand-card .footer-social-box {
  margin-top: 24px;
  padding-top: 18px;
  border-top: 1px solid rgba(255, 255, 255, 0.16);
}

.footer-brand-card .footer-social-box a {
  width: 36px;
  height: 36px;
  background: rgba(255, 255, 255, 0.18);
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-size: 14px;
  transition: all 0.3s ease;
}

.footer-brand-card .footer-social-box a:hover {
  background: #ffffff;
  color: var(--theme-blue-vibrant);
  border-color: #ffffff;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.footer-col-title {
  font-family: var(--theme-font-heading);
  font-size: 17px;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 16px;
  position: relative;
}

.footer-links-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 9px;
}

.footer-links-list li a {
  color: #64748b;
  font-size: 14px;
  text-decoration: none;
  transition: all 0.25s ease;
}

.footer-links-list li a:hover {
  color: var(--theme-blue-vibrant);
  padding-left: 4px;
}

.footer-social-black a {
  width: 36px;
  height: 36px;
  background: #0f172a;
  color: #ffffff;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-size: 14px;
  transition: all 0.3s ease;
}

.footer-social-black a:hover {
  background: var(--theme-blue-vibrant);
  transform: translateY(-2px);
}

.footer-cta-buttons .footer-pill-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 50px;
  padding: 10px 22px;
  font-weight: 600;
  font-size: 13.5px;
  text-decoration: none;
  transition: all 0.3s ease;
  cursor: pointer;
}

.footer-cta-buttons .footer-pill-btn.btn-blue {
  background: var(--theme-blue-vibrant);
  color: #ffffff;
  box-shadow: 0 4px 14px var(--theme-blue-glow);
}

.footer-cta-buttons .footer-pill-btn.btn-blue:hover {
  background: var(--theme-blue-hover);
  transform: translateY(-2px);
}

.footer-bottom {
  border-top: 1px solid #f1f5f9;
  padding: 16px 0;
}

.footer-bottom .footer-wrapper.footer-bottom-layout,
.footer-bottom .footer-wrapper {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  width: 100%;
}

.footer-bottom .footer-bottom-spacer {
  grid-column: 1;
}

.footer-bottom .copyright-text {
  grid-column: 2;
  text-align: center;
  margin: 0;
  font-size: 14px;
  white-space: nowrap;
}

.footer-bottom .evonixlogo {
  grid-column: 3;
  justify-self: end;
  text-align: right;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  font-size: 13px;
}

.footer-bottom .evonixlogo img {
  max-height: 20px;
  vertical-align: middle;
}

@media (max-width: 991px) {

  .footer-bottom .footer-wrapper.footer-bottom-layout,
  .footer-bottom .footer-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    text-align: center;
  }

  .footer-bottom .copyright-text {
    white-space: normal;
    text-align: center;
  }

  .footer-bottom .evonixlogo {
    justify-self: center;
    text-align: center;
    justify-content: center;
  }
}



/* ==========================================================================
   IMSCDR MODERN HEADER & BLUE CAPSULE NAV RIBBON
   ========================================================================== */
.header-1,
.header-1.white-bg,
.imscdr-style-header {
  background: #ffffff;
  border-bottom: 1px solid #f1f5f9;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
  padding: 10px 0;
  position: relative;
  width: 100%;
  z-index: 9999;
}

#header-sticky.sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: rgba(255, 255, 255, 0.98);
  backdrop-filter: blur(10px);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  animation: fadeInDown 0.35s ease-in-out;
}

.school-header-logo {
  max-height: 52px;
  width: auto;
  display: block;
}

.header-right-area {
  display: flex;
  flex-direction: column;
  align-items: flex-end;

}

.header-top-util {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
  margin-bottom: 6px;
}

.header-call-box {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13.5px;
}

.call-lead-text {
  color: #64748b;
  font-weight: 500;
}

.call-phone-link {
  color: var(--theme-blue-vibrant, #1a73e8);
  font-weight: 700;
  text-decoration: none;
}

.imscdr-action-btn {
  font-size: 12.5px;
  font-weight: 600;
  padding: 5px 14px;
  border-radius: 50px;
  text-decoration: none;
  transition: all 0.2s ease;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.imscdr-action-btn.btn-enquire {
  background: var(--theme-blue-vibrant, #1a73e8);
  color: #ffffff;
  box-shadow: 0 2px 8px rgba(26, 115, 232, 0.25);
}

.imscdr-action-btn.btn-enquire:hover {
  background: var(--theme-blue-hover);
  transform: translateY(-1px);
  color: #ffffff;
}

.imscdr-action-btn.btn-contact {
  background: #ffffff;
  color: var(--theme-blue-vibrant, #1a73e8);
  border: 1.5px solid var(--theme-blue-vibrant, #1a73e8);
}

.imscdr-action-btn.btn-contact:hover {
  background: var(--theme-blue-vibrant, #1a73e8);
  color: #ffffff;
  transform: translateY(-1px);
}

/* ==========================================================================
   DESKTOP NAVIGATION RIBBON (Screens >= 1200px Only)
   ========================================================================== */
@media (min-width: 1200px) {
  .header-nav-ribbon {
    background: var(--theme-blue-vibrant, #1a73e8);
    border-radius: 50px;
    padding: 4px 18px;
    box-shadow: 0 4px 16px rgba(26, 115, 232, 0.25);
    display: flex;
    align-items: center;
  }

  .header-nav-ribbon .main-menu {
    display: block;
  }

  .header-nav-ribbon .main-menu ul {
    display: flex;
    align-items: center;
    gap: 2px;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .header-nav-ribbon .main-menu ul li {
    position: relative;
  }

  .header-nav-ribbon .main-menu ul li a {
    font-family: var(--theme-font-heading);
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
    padding: 6px 14px;
    border-radius: 25px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    text-decoration: none;
    transition: all 0.2s ease;
  }

  .header-nav-ribbon .main-menu ul li:hover>a {
    color: #ffde59;
    background: transparent;
  }

  .header-nav-ribbon .main-menu ul li.active>a {
    color: #ffffff;
    background: transparent;
  }

  .header-nav-ribbon .main-menu ul li a i {
    font-size: 10.5px;
    color: rgba(255, 255, 255, 0.85);
    transition: transform 0.2s ease, color 0.2s ease;
  }

  .header-nav-ribbon .main-menu ul li:hover>a i {
    color: #ffde59;
    transform: rotate(180deg);
  }

  .header-nav-ribbon .main-menu ul li .submenu {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 210px;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.12);
    border: 1px solid #e2e8f0;
    padding: 8px 0;
    display: block;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.25s ease;
    z-index: 999;
  }

  .header-nav-ribbon .main-menu ul li:hover>.submenu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }

  .header-nav-ribbon .main-menu ul li .submenu li a {
    color: #334155;
    font-size: 13.5px;
    font-weight: 500;
    padding: 8px 20px;
    display: block;
    border-radius: 0;
    background: transparent;
  }

  .header-nav-ribbon .main-menu ul li .submenu li a:hover {
    background: #edf5ff;
    color: var(--theme-blue-vibrant, #1a73e8);
    padding-left: 24px;
  }
}

/* ==========================================================================
   ABOUT SECTION: High-Specificity Overrides over main.css
   ========================================================================== */
.about-one-thumbs .about-one-grow .academy-box {
  background: #FFF0E5;
  border: 0;
  border-radius: 0;
  /* padding: 20px 16px; */
  text-align: center;
  /* box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04);
  transition: all 0.35s ease; */
}

.about-one-thumbs .about-one-grow .academy-box:hover {
  transform: translateY(-5px);
  border-color: var(--theme-blue-vibrant, #1a73e8);
  box-shadow: 0 10px 25px rgba(26, 115, 232, 0.15);
}

.about-one-thumbs .about-one-grow .academy-box h4 {
  font-size: 32px;
  font-weight: 800;
  color: var(--theme-blue-vibrant, #1a73e8);
  margin: 6px 0 2px 0;
}



.about-one-thumbs .about-one-grow .academy-box2 {
  background: var(--theme-blue-vibrant);
  color: #ffffff;
  border-radius: 0;
  padding: 22px 18px;
  text-align: center;
  border: none;
  /* box-shadow: 0 8px 24px rgba(26, 115, 232, 0.3);
  transition: all 0.35s ease; */
}

.about-one-thumbs .about-one-grow .academy-box2:hover {
  transform: translateY(-5px);
  box-shadow: 0 14px 32px rgba(26, 115, 232, 0.4);
}

.about-one-thumbs .about-one-grow .academy-box2 h3 {
  font-size: 36px;
  font-weight: 800;
  color: #ffde59;
  margin: 0 0 2px 0;
}

.about-one-thumbs .about-one-grow .academy-box2 h3 span {
  font-size: 36px;
  font-weight: 800;
  color: #ffde59;
}

.about-one-thumbs .about-one-grow .academy-box2 p {
  font-size: 13px;
  color: #ffffff;
  margin: 0;
}

/* Floating Animated Pencil Rocket */
.professional-sectionv1 .program-child {
  position: absolute;
  top: 40px;
  right: 5%;
  max-width: 180px;
  z-index: 0;
  display: block;
  animation: lf 2.5s ease-in-out infinite;
  pointer-events: none;
}

@keyframes lf {
  0% {
    transform: translateX(0);
  }

  50% {
    transform: translateX(14px);
  }

  100% {
    transform: translateX(0);
  }
}



/* ==========================================================================
   IMAGE 2 EXACT CALIBRATION: Header Minimal & Full-Height Split Hero
   ========================================================================== */

.header-right-area {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

/* Header Top Minimal (Desktop Match) */
.header-top-minimal {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 24px;
  margin-bottom: 8px;
  padding: 0 10px;
}

.header-top-link {
  color: #334155;
  font-size: 13.5px;
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  transition: all 0.2s ease;
}

.header-top-link:hover {
  color: var(--theme-blue-vibrant, #1a73e8);
}

.header-top-link:hover i {
  color: var(--theme-blue-vibrant, #1a73e8);
  transform: scale(1.1);
}

.school-header-logo {
  max-height: 52px;
  width: auto;
  display: block;
  transition: all 0.25s ease;
}

/* Mobile Actions Bar: Hidden by default on Desktop (>= 1200px) */
.header-mobile-bar {
  display: none;
}

/* Header Phone Pill Button (Clickable, Beautiful Capsule) */
.header-phone-pill {
  display: inline-flex;
  align-items: center;
  background: #eff6ff;
  border: 1.5px solid var(--theme-blue-vibrant, #1a73e8);
  border-radius: 50px;
  padding: 6px 14px 6px 6px;
  text-decoration: none;
  transition: all 0.25s ease;
  box-shadow: 0 2px 8px rgba(26, 115, 232, 0.12);
}

.header-phone-pill:hover,
.header-phone-pill:active {
  background: var(--theme-blue-vibrant, #1a73e8);
  box-shadow: 0 4px 14px rgba(26, 115, 232, 0.3);
  transform: translateY(-1px);
}

.header-phone-pill .phone-icon-circle {
  width: 28px;
  height: 28px;
  background: var(--theme-blue-vibrant, #1a73e8);
  color: #ffffff;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 11.5px;
  margin-right: 8px;
  transition: all 0.25s ease;
  flex-shrink: 0;
}

.header-phone-pill:hover .phone-icon-circle {
  background: #ffffff;
  color: var(--theme-blue-vibrant, #1a73e8);
}

.header-phone-pill .phone-number-val {
  color: #0f58ba;
  font-family: var(--theme-font-heading, "Nunito", sans-serif);
  font-size: 13.5px;
  font-weight: 700;
  letter-spacing: 0.2px;
  white-space: nowrap;
  transition: color 0.25s ease;
}

.header-phone-pill:hover .phone-number-val {
  color: #ffffff;
}

/* Snes Hero Section (Exact 569px Height & Vector.svg Curve Match) */
.snes-hero-section {
  position: relative;
  width: 100%;
  background-color: #ffffff;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.snes-hero-container {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 569px;
  position: relative;
  overflow: hidden;
}

.snes-hero-media-wrap {
  width: 50%;
  height: 100%;
  position: relative;
  overflow: hidden;
  background-color: #c62f37;
}

.snes-hero-media-slider,
.snes-hero-media-slider .swiper-wrapper,
.snes-hero-media-slider .swiper-slide {
  width: 100%;
  height: 100%;
}

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

.snes-hero-card {
  width: 50%;
  height: 100%;
  background-color: #c62f37;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 40px 70px 40px 60px;
  box-sizing: border-box;
  z-index: 2;
}

.snes-curve-divider-wrap {
  position: absolute;
  left: -114px;
  top: 0;
  bottom: 0;
  width: 115px;
  height: 100%;
  pointer-events: none;
  z-index: 3;
}

.snes-curve-svg {
  width: 100%;
  height: 100%;
  display: block;
}

.snes-hero-content {
  position: relative;
  z-index: 4;
  max-width: 520px;
  color: #ffffff;
  text-align: left;
}

.snes-hero-lead {
  font-family: var(--theme-font-heading);
  color: #ffffff;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -0.015em;
  margin: 0 0 2px 0;
}

.snes-hero-sub {
  font-family: var(--theme-font-heading);
  color: #ffffff;
  font-size: 38px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: -0.02em;
  margin: 0 0 8px 0;
}

.snes-hero-title {
  font-family: var(--theme-font-heading);
  color: #ffcd1e;
  font-size: 52px;
  font-weight: 900;
  letter-spacing: 0.5px;
  margin: 0 0 20px 0;
  line-height: 1.1;
  text-transform: uppercase;
}

.snes-hero-desc {
  font-size: 15px;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.92);
  margin: 0 0 20px 0;
}

.snes-hero-cta {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0;
}

.snes-hero-section .snes-hero-btn,
.snes-hero-btn {
  background: #ffffff;
  color: #c62f37;
  border-radius: 50px;
  padding: 8px 24px;
  font-family: var(--theme-font-heading, "Jost", sans-serif);
  font-size: 13.5px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  align-self: flex-start;
  text-decoration: none;
  border: 1.5px solid #ffffff;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12);
  transition: all 0.35s cubic-bezier(0.25, 1, 0.5, 1);
  line-height: 1.4;
  will-change: transform, box-shadow;
  backface-visibility: hidden;
  transform: translateZ(0);
}

.snes-hero-section .snes-hero-btn span,
.snes-hero-btn span {
  display: inline-block;
  transition: color 0.3s ease;
}

.snes-hero-section .snes-hero-btn i,
.snes-hero-btn i {
  font-size: 13px;
  color: #c62f37;
  transition: transform 0.35s cubic-bezier(0.25, 1, 0.5, 1), color 0.3s ease;
  display: inline-block;
  line-height: 1;
}

.snes-hero-section .snes-hero-btn:hover,
.snes-hero-btn:hover {
  background: #ffffff;
  color: #a51d25;
  border-color: #ffffff;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.22);
  transform: translateY(-2px);
}

.snes-hero-section .snes-hero-btn:hover i,
.snes-hero-btn:hover i {
  color: #a51d25;
  transform: translateX(5px);
}

.snes-hero-section .snes-hero-btn:active,
.snes-hero-btn:active {
  transform: translateY(0) scale(0.98);
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
  transition-duration: 0.15s;
}

.snes-hero-card .snes-hero-pagination,
.snes-hero-section .snes-hero-pagination,
.snes-hero-section .swiper-pagination-horizontal.snes-hero-pagination,
.snes-hero-card .swiper-pagination-bullets.snes-hero-pagination {
  position: absolute;
  right: 25px;
  left: auto;
  top: 50%;
  bottom: auto;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  width: auto;
  height: auto;
  z-index: 10;
  margin: 0;
}

.snes-hero-section .snes-hero-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: transparent;
  border: 2px solid rgba(255, 255, 255, 0.85);
  opacity: 1;
  margin: 0;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.3s ease;
}

.snes-hero-section .snes-hero-pagination .swiper-pagination-bullet:hover {
  border-color: #ffffff;
  transform: scale(1.15);
}

.snes-hero-section .snes-hero-pagination .swiper-pagination-bullet-active {
  background: #ffffff;
  width: 10px;
  height: 26px;
  border-radius: 6px;
  border-color: #ffffff;
}

/* ==========================================================================
   COMPREHENSIVE MOBILE RESPONSIVE ENGINE (Header, Hero & All Page Sections)
   ========================================================================== */

/* --- TABLET / SMALL DESKTOP (max-width: 1199px) --- */
@media (max-width: 1199px) {

  /* HIDE THE DESKTOP MENU & TOP MINIMAL BAR COMPLETELY */
  .header-nav-ribbon .mean__menu-wrapper,
  .header-nav-ribbon .main-menu,
  .header-nav-ribbon .main-menu ul,
  .header-main .main-menu,
  .main-menu,
  .header-top-minimal {
    display: none;
    visibility: hidden;
    width: 0;
    height: 0;
    overflow: hidden;
  }

  .header-right-area {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    margin: 0;
    padding: 0;
  }

  .header-nav-ribbon {
    background: transparent;
    box-shadow: none;
    padding: 0;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }

  .header-mobile-bar {
    display: flex;
    align-items: center;
    gap: 10px;
  }

  .header-phone-pill {
    display: inline-flex;
  }

  .header-mobile-bar .header__hamburger,
  .header__hamburger {
    display: block;
    margin: 0;
  }

  .sidebar__toggle {
    width: 42px;
    height: 42px;
    background: var(--theme-blue-vibrant, #1a73e8);
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 3px 10px rgba(26, 115, 232, 0.25);
    transition: all 0.25s ease;
    border: none;
    flex-shrink: 0;
  }

  .sidebar__toggle:hover {
    background: var(--theme-blue-hover, #0f58ba);
    transform: translateY(-1px) scale(1.03);
    box-shadow: 0 6px 16px rgba(26, 115, 232, 0.35);
  }

  .sidebar__toggle i {
    color: #ffffff;
    font-size: 19px;
    line-height: 1;
  }
}

/* ==========================================================================
   OFFCANVAS MOBILE DRAWER & MEANMENU STYLING
   ========================================================================== */
.offcanvas__info {
  background: #ffffff;
  z-index: 999999;
  box-shadow: -8px 0 32px rgba(0, 0, 0, 0.15);
  border-left: 3px solid var(--theme-blue-vibrant, #1a73e8);
}

.offcanvas__close button {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  border: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.25s ease;
}

.offcanvas__close button i {
  color: #1e293b;
  font-size: 16px;
}

.offcanvas__close button:hover {
  background: #ef4444;
}

.offcanvas__close button:hover i {
  color: #ffffff;
}

/* MeanMenu in Mobile Drawer */
.mobile-menu .mean-container .mean-bar {
  background: transparent;
  padding: 0;
  min-height: auto;
}

.mobile-menu .mean-container a.meanmenu-reveal {
  display: none;
}

.mobile-menu .mean-container .mean-nav {
  background: transparent;
  margin-top: 0;
  float: none;
}

.mobile-menu .mean-container .mean-nav ul {
  display: block;
  padding: 0;
  margin: 0;
  list-style: none;
  border: none;
}

.mobile-menu .mean-container .mean-nav ul li {
  position: relative;
  display: block;
  float: none;
  width: 100%;
  border-bottom: 1px solid #f1f5f9;
}

.mobile-menu .mean-container .mean-nav ul li a {
  display: block;
  float: none;
  width: 100%;
  padding: 12px 0;
  color: #1e293b;
  font-family: var(--theme-font-heading);
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  border: none;
  text-transform: none;
  transition: all 0.2s ease;
}

.mobile-menu .mean-container .mean-nav ul li a:hover,
.mobile-menu .mean-container .mean-nav ul li.active>a {
  color: var(--theme-blue-vibrant, #1a73e8);
  padding-left: 4px;
}

/* MeanMenu Plus/Minus Expand Button */
.mobile-menu .mean-container .mean-nav ul li a.mean-expand {
  position: absolute;
  right: 0;
  top: 6px;
  width: 32px;
  height: 32px;
  background: #edf5ff;
  border-radius: 6px;
  color: var(--theme-blue-vibrant, #1a73e8);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  border: none;
  line-height: normal;
  text-align: center;
  cursor: pointer;
  transition: all 0.2s ease;
}

.mobile-menu .mean-container .mean-nav ul li a.mean-expand:hover {
  background: var(--theme-blue-vibrant, #1a73e8);
  color: #ffffff;
}

.mobile-menu .mean-container .mean-nav ul li a.mean-expand i {
  font-size: 13px;
  transition: transform 0.25s ease;
}

.mobile-menu .mean-container .mean-nav ul li a.mean-expand.mean-clicked i {
  transform: rotate(45deg);
}

/* MeanMenu Submenus Accordion */
.mobile-menu .mean-container .mean-nav ul li ul.submenu,
.mobile-menu .mean-container .mean-nav ul li ul {
  position: static;
  opacity: 1;
  visibility: visible;
  transform: none;
  box-shadow: none;
  background: #f8fafc;
  border-radius: 8px;
  padding: 6px 14px;
  margin: 6px 0 10px 0;
}

.mobile-menu .mean-container .mean-nav ul li ul li {
  border-bottom: 1px solid rgba(226, 232, 240, 0.7);
}

.mobile-menu .mean-container .mean-nav ul li ul li:last-child {
  border-bottom: none;
}

.mobile-menu .mean-container .mean-nav ul li ul li a {
  padding: 9px 0;
  font-size: 13.5px;
  font-weight: 500;
  color: #475569;
}

.mobile-menu .mean-container .mean-nav ul li ul li a:hover {
  color: var(--theme-blue-vibrant, #1a73e8);
  padding-left: 6px;
}

/* --- MOBILE & TABLET (max-width: 991px) --- */
@media (max-width: 991px) {

  /* Header */
  .header-1,
  .header-1.white-bg,
  .imscdr-style-header {
    padding: 10px 0;
  }

  .school-header-logo {
    max-height: 44px;
    max-width: 220px;
    object-fit: contain;
  }

  .header-mobile-bar {
    gap: 10px;
  }

  /* Split Hero Banner */
  .snes-hero-container {
    flex-direction: column;
    height: auto;
  }

  .snes-hero-media-wrap {
    width: 100%;
    height: 300px;
    position: relative;
    background-color: #c62f37;
  }

  .snes-hero-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
  }

  .snes-hero-card {
    width: 100%;
    padding: 30px 20px;
  }

  .snes-curve-divider-wrap {
    display: none;
  }

  .snes-hero-lead {
    font-size: 18px;
    margin-bottom: 2px;
  }

  .snes-hero-sub {
    font-size: 15px;
    margin-bottom: 4px;
  }

  .snes-hero-title {
    font-size: 28px;
    line-height: 1.15;
    margin-bottom: 12px;
  }

  .snes-hero-desc {
    font-size: 13px;
    line-height: 1.55;
    margin-bottom: 14px;
  }


  .snes-hero-pagination {
    position: absolute;
    top: 15px;
    right: 15px;
    left: auto;
    bottom: auto;
    transform: none;
    flex-direction: row;
    gap: 6px;
    z-index: 10;
  }

  .snes-hero-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background: rgba(255, 255, 255, 0.7);
  }

  .snes-hero-pagination .swiper-pagination-bullet-active {
    width: 22px;
    height: 8px;
    border-radius: 4px;
    background: #ffffff;
  }

  /* Academics & Beyond */
  .program-sectionv1 .col-lg-5 {
    margin-bottom: 28px;
  }

  /* DSPM Education Hub */
  .education_hub .section-title .heading {
    font-size: 24px;
  }

  .eduhub-card {
    min-height: auto;
    margin-bottom: 20px;
  }

  /* Mother Touch Daycare */
  .faq-thumbs {
    text-align: center;
    margin-bottom: 24px;
  }

  .mother-touch-hero-img {
    max-height: 380px;
    margin: 0 auto;
  }

  .mother-touch-content {
    padding-left: 0;
    text-align: center;
  }

  .mother-touch-line {
    margin: 10px auto 18px auto;
  }

  .mother-touch-desc {
    margin: 0 auto 20px auto;
  }

  .mother-touch-features {
    justify-content: center;
  }

  /* Footer */
  .footer-brand-card {
    margin-bottom: 28px;
    padding: 30px 20px;
  }
}

/* --- SMALL TABLET & PHONES (max-width: 767px) --- */
@media (max-width: 767px) {

  /* About Section */
  .about-one-thumbs {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 18px;
  }

  .about-one-thumbs .main-img {
    width: 100%;
    max-width: 360px;
  }

  .about-one-grow {
    width: 100%;
    flex-direction: row;
    gap: 12px;
  }

  .about-one-grow .academy-box,
  .about-one-grow .academy-box2 {
    flex: 1;
    padding: 16px 10px;
  }

  .about-one-grow .academy-box h4,
  .about-one-grow .academy-box2 h3 {
    font-size: 26px;
  }

  /* Stats Counter Capsule - Clean single column on mobile */
  .talk-counter {
    padding: 35px 0;
  }

  .counter-inner {
    grid-template-columns: 1fr;
    gap: 0;
    padding: 12px 14px;
    border-radius: 22px;
    width: 100%;
    box-sizing: border-box;
  }

  .counter-talk-items {
    padding: 14px 12px;
    border-right: none;
    border-bottom: 1.5px solid #f1f5f9;
    gap: 16px;
    width: 100%;
    box-sizing: border-box;
  }

  .counter-talk-items:last-child {
    border-bottom: none;
  }

  .counter-badge-wrap {
    width: 50px;
    height: 50px;
    flex-shrink: 0;
  }

  .counter-badge {
    width: 50px;
    height: 50px;
    font-size: 20px;
  }

  .counter-talk-items .content {
    flex: 1;
    min-width: 0;
  }

  .counter-talk-items .content h3 {
    font-size: 28px;
    line-height: 1.1;
  }

  .counter-talk-items .content p {
    font-size: 14.5px;
    white-space: normal;
    margin-top: 2px;
  }

  /* Infrastructure Tabs */
  .tablinks {
    gap: 8px;
  }

  .tablink {
    padding: 6px 14px;
    font-size: 13px;
  }

  .protfolio-itemv1 img {
    height: 200px;
  }

  /* School Timings & Bus */
  .timing-list {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .timing-list li,
  .timing-list li.timing-pill,
  .timing-pill {
    flex-direction: row;
    justify-content: space-between;
    padding: 12px 18px;
    width: 100%;
    min-height: auto;
  }

  /* Yoga Day Cards */
  .professional-sectionv1 .celebration-card {
    margin-bottom: 22px;
    padding: 18px;
  }

  .professional-sectionv1 .celebration-card .thumb img {
    height: 200px;
  }

  /* Inspiring Section */
  .inspainr-thumb-box {
    margin-bottom: 24px;
  }

  .inspair-thumb img {
    max-height: 320px;
  }

  .inspair-content {
    text-align: center;
  }

  .inspair-content h3.heading {
    font-size: 24px;
  }
}

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

  /* Header */
  .header-1,
  .header-1.white-bg,
  .imscdr-style-header {
    padding: 8px 0;
  }

  .school-header-logo {
    max-height: 38px;
    max-width: 175px;
    object-fit: contain;
  }

  .header-mobile-bar {
    gap: 8px;
  }

  .header-phone-pill {
    padding: 4px 10px 4px 5px;
  }

  .header-phone-pill .phone-icon-circle {
    width: 26px;
    height: 26px;
    font-size: 10px;
    margin-right: 6px;
  }

  .header-phone-pill .phone-number-val {
    font-size: 12px;
  }

  .sidebar__toggle {
    width: 38px;
    height: 38px;
    font-size: 16px;
    border-radius: 8px;
  }

  .sidebar__toggle i {
    font-size: 16px;
  }
}

/* --- EXTRA NARROW SCREENS (max-width: 380px) --- */
@media (max-width: 380px) {
  .school-header-logo {
    max-height: 34px;
    max-width: 135px;
  }

  .header-mobile-bar {
    gap: 5px;
  }

  .header-phone-pill {
    padding: 3px 8px 3px 4px;
  }

  .header-phone-pill .phone-icon-circle {
    width: 24px;
    height: 24px;
    font-size: 9.5px;
    margin-right: 4px;
  }

  .header-phone-pill .phone-number-val {
    font-size: 11px;
  }

  .sidebar__toggle {
    width: 35px;
    height: 35px;
  }

  /* Split Hero Banner */
  .snes-hero-media-wrap {
    height: 220px;
  }

  .snes-hero-card {
    padding: 22px 16px;
  }

  .snes-hero-lead {
    font-size: 16px;
  }

  .snes-hero-sub {
    font-size: 14px;
  }

  .snes-hero-title {
    font-size: 24px;
    margin-bottom: 10px;
  }

  .snes-hero-desc {
    font-size: 12.5px;
    line-height: 1.5;
    margin-bottom: 12px;
  }

  /* About Section */
  .about-one-grow {
    flex-direction: column;
  }

  /* Stats Counter (<380px) */
  .counter-inner {
    grid-template-columns: 1fr;
    border-radius: 18px;
    padding: 10px 10px;
    gap: 0;
  }

  .counter-talk-items {
    padding: 10px 8px;
    border-bottom: 1px solid #f1f5f9;
    gap: 12px;
  }

  .counter-talk-items:last-child {
    border-bottom: none;
  }

  .counter-badge-wrap {
    width: 44px;
    height: 44px;
  }

  .counter-badge {
    width: 44px;
    height: 44px;
    font-size: 18px;
  }

  .counter-badge-wrap .icon-rays {
    top: -10px;
    width: 18px;
    height: 8px;
  }

  .counter-talk-items .content h3 {
    font-size: 24px;
  }

  .counter-talk-items .content p {
    font-size: 13px;
  }

  /* Academics & Beyond Cards */
  .program-item {
    padding: 16px 14px;
    gap: 14px;
    border-radius: 16px;
    min-height: auto;
  }

  .program-item .icons {
    width: 46px;
    height: 46px;
    min-width: 46px;
  }

  .program-item .icons img {
    max-width: 24px;
    max-height: 24px;
  }

  .program-item .content h4 a {
    font-size: 15.5px;
  }

  /* Education Hub */
  .education_hub .section-title .heading {
    font-size: 20px;
  }

  .eduhub-card {
    padding: 18px 14px 22px 14px;
    border-radius: 36px 14px 36px 14px;
  }

  .eduhub-logo-box {
    height: 140px;
    border-radius: 28px 10px;
    margin-bottom: 14px;
  }

  .eduhub-logo-box img {
    max-height: 75px;
  }

  /* Mother Touch */
  .mother-touch-title {
    font-size: 25px;
  }

  .mother-touch-hero-img {
    max-height: 260px;
  }

  .mother-touch-features {
    gap: 10px;
    justify-content: space-between;
    width: 100%;
    padding-top: 18px;
  }

  .mother-feature-icon {
    width: 42px;
    height: 42px;
    font-size: 17px;
  }

  .mother-feature-label {
    font-size: 11.5px;
    white-space: normal;
    max-width: 85px;
    line-height: 1.3;
  }

  /* Footer */
  .footer-cta-buttons {
    flex-direction: column;
    width: 100%;
  }

  .footer-cta-buttons .footer-pill-btn {
    width: 100%;
    text-align: center;
  }

  .footer-bottom .footer-wrapper {
    flex-direction: column;
    text-align: center;
    gap: 12px;
  }
}

/* ==========================================================================
   GLOBAL SECTION SPACING & BORDER STANDARDIZATION (50px Top & Bottom, No Borders)
   ========================================================================== */
section.about-sectionv1,
section.talk-counter,
section.professional-sectionv1,
section.program-sectionv1,
section.protfolio-sectionv1,
section.education_hub,
section.dspm-education-hub-section,
section.school-info,
section.mother_touch,
section.faq-sectionv,
section.inspair-section,
#mother-touch,
.about-sectionv1,
.talk-counter,
.professional-sectionv1,
.program-sectionv1,
.protfolio-sectionv1,
.education_hub,
.dspm-education-hub-section,
.school-info,
.mother_touch,
.faq-sectionv,
.inspair-section {
  border-top: none;
  border-bottom: none;
  border-left: none;
  border-right: none;
  border: none;
  box-shadow: none;
}