/* Generic Css Start */
.text-a{
  color: #c19557;
}
.heading-color{
  color: #c39758;
  font-weight: 600;
}
.sticky-top {
  background: rgba(255, 255, 255, 0.2);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}

.box-shadow1 {
  /* box-shadow: rgb(5 119 80 / 0.45) -1px 25px 73px -19px inset, #c19557 16px -9px 99px -4px inset; */
  box-shadow: none;
  background-color: #293b31;
}

.box-shadow1:hover {
  cursor: pointer;
  /* box-shadow: #c19557 16px -9px 99px -4px inset, rgb(5 119 80 / 0.45) -1px 25px 73px -19px inset; */
  background-color: #293b31;
}

.box-shadow2 {
  /* box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px; */
  box-shadow: none;
  background-color: #be9157;
  color: #fff;
}

.box-shadow2:hover {
  cursor: pointer;
  /* box-shadow: rgb(193 149 87) 10px 25px 70px -12px inset, rgb(42 59 49) 0px 0px 86px -15px inset; */
  box-shadow: none;
  background-color: #be9157;
  color: #fff;
}

.box-shadow2:hover>i {
  color: #fff;
}

.box-shadow3 {
  box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
}

.read-more {
  color: #2a3b31;
  cursor: pointer;
}

.read-less {
  color: #2a3b31;
  cursor: pointer;
}

.un-list ul {
  padding-left: 2rem;
}

.admission-panel {
  box-shadow: rgb(193 149 87 / 53%) 0px 5px 15px;
  border: 1px solid #c19557;
}

.sticky-header {
  position: -webkit-sticky;
  /* For Safari */
  position: sticky;
  top: 0;
  z-index: 999999;
  background-color: #fff;
  /* Optional: adjust as needed */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  /* Optional: add shadow for better visibility */
}

.text-justify {
  text-align: justify !important;
}
.img-detail{
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
  border-radius: 5px;
}
/* BOOTSTRAP CSS */
.form-control:focus {
  color: #2a3b31;
  background-color: #fff;
  border-color: #2a3b31;
  outline: 0;
  box-shadow: 0 0 0 .25rem rgb(5 119 80 / 22%);
}

.form-select:focus {
  border-color: #2a3b31;
  outline: 0;
  box-shadow: 0 0 0 .25rem rgb(5 119 80 / 22%);
}

/* Our Staff Page Css Start */
.card-staff .face {
  width: 300px;
  height: 200px;
  transition: 0.5s;
}

.card-staff .face.face1 {
  position: relative;
  background: #2a3b31;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  transform: translateY(100px);
}

.card-staff:hover .face.face1 {
  background: #c19557;
  transform: translateY(0);
}

.card-staff .face.face1 .content {
  opacity: 1;
  transition: 0.5s;
}

.card-staff:hover .face.face1 .content {
  opacity: 1;
}

.card-staff .face.face1 .content img {
  max-width: 100px;
}

.card-staff .face.face1 .content h3 {
  margin: 10px 0 0;
  padding: 0;
  color: #fff;
  text-align: center;
  font-size: 1.5em;
}

.card-staff .face.face2 {
  position: relative;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
  box-sizing: border-box;
  box-shadow: 0 12px 20px rgb(42 59 49 / 0.35);
  transform: translateY(-100px);
}

.card-staff:hover .face.face2 {
  transform: translateY(0);
}

.card-staff .face.face2 .content p {
  margin: 0;
  padding: 0;
}
/* MARQUEE START CSS */
marquee {
  width: 100%;
  color: #fff;
  font-size: 1.2rem;
}

marquee span {
  border: 2px solid #fff;
  margin: 0rem 1rem;
  display: inline;
}

.marquee-content {
  display: flex;
  align-items: center;
  height: 60px;
}

.marquee-container {
  position: relative;
  height: 60px;
  border: 1px solid #2a3b31;
  background-color: #293b31;
  /* background-image: linear-gradient(100deg, #2a3b31 0%, #2a3b31 45%, #c19557 100%); */
  font-family: "Fredoka One", cursive;
}

.marquee-container .headertext {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  background: transparent;
  font-weight: bold;
}

.headertext img {
  width: 58px;
}

.marquee-container marquee {
  line-height: 1.5;
}

.marquee-container marquee p {
  margin: 0;
}

/* MARQUEE END CSS */
/* EVENT CARD CSS START */
.thumbnail-date-day {
  color: rgb(255, 255, 255);
}

.thumbnail-date-month {
  color: rgb(255, 255, 255);
}

.thumbnail {
  -webkit-touch-callout: none;
  border-radius: 3px;
  box-sizing: initial;
  height: 52px;
  min-width: 52px;
  overflow: hidden;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 52px;
  box-shadow: 0.5rem 0.5rem #00000085, -0.5rem -0.5rem #cccccca3;
}

.thumbnail-bg1 {
  background-color: #ffa5009e;
}

.thumbnail-bg2 {
  background-color: #00800070;
}

.thumbnail-bg3 {
  background-color: #ff000070;
}

.thumbnail-bg4 {
  background-color: #2196f3ad;
}

.thumbnail-bg5 {
  background-color: #673ab794;
}

.thumbnail .thumbnail-date span,
.thumbnail .thumbnail-date span {
  display: inline-block;
  line-height: 1;
}

.thumbnail .thumbnail-date .thumbnail-date-day {
  font-size: 24px;
  font-weight: 700;
  margin-top: 4px;
  position: relative;
  text-align: center;
  top: 4px;
  width: 100%;
}

.thumbnail .thumbnail-date .thumbnail-date-month {
  font-size: 10px;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}

.text-over {
  font-size: 1.3em;
  font-weight: 900;
  color: #fff;
  padding: 20px;
}

.card-img-top {
  border-radius: 0 !important;
}

.image-container {
  position: relative;
  overflow: hidden;
}

.image-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(0 0 0 / 57%);
  z-index: 1;
}

.image-container .card-img-top {
  position: relative;
  z-index: 0;
}

/* Top left text */
.bottom-left {
  position: absolute;
  bottom: 14px;
  left: 16px;
  z-index: 999;
}

.bottom-right {
  position: absolute;
  bottom: 8px;
  right: 16px;
  color: #fff;
  font-size: 10px;
  z-index: 999;
  padding: 5px;
}

.event-card {
  border: 10px solid #2a3b31;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
  border-radius: 5px;
}
/* EVENT CARD CSS END */


/* Media Queries Start Here */
@media only screen and (min-width: 1201px) and (max-width: 1440px) {
  /* Styles for extra large devices (large desktops and monitors) */
}

@media only screen and (min-width: 1025px) and (max-width: 1200px) {
  /* Styles for large devices (desktops and laptops) */
}

@media only screen and (min-width: 769px) and (max-width: 1024px) {
  /* Styles for medium devices (landscape tablets and small desktops) */
}

@media only screen and (min-width: 481px) and (max-width: 768px) {
  /* Styles for small devices (portrait tablets and large phones) */
}

@media only screen and (max-width: 480px) {
  /* Styles for very small devices (phones) */

  .card-staff .face.face1 {
    left: 13%;
  }

  .card-staff .face.face2 {
    left: 13%;
  }

  .panel-heading {
    height: auto !important;
  }

  .panel-heading-txt-check {
    font-size: 20px !important;
    line-height: 35px !important;
    font-weight: 700 !important;
    color: #00394f;
  }

  .pt-190 {
    padding-top: 70px !important;
  }

  .pb-200 {
    padding-bottom: 70px !important;
  }

  .pt-120 {
    padding-top: 50px !important;
  }

  .pb-120 {
    padding-bottom: 50px !important;
  }

  .pb-80 {
    padding-bottom: 50px !important;
  }

  .pl-20 {
    padding-left: unset !important;
  }

  .pr-20 {
    padding-right: unset !important;
  }

  .p-120 {
    padding: 50px 0 !important;
  }

  .mb-70 {
    margin-bottom: unset !important;
  }

  .mb-sm-0 {
    margin-bottom: 0px !important;
  }

  .mt-sm-2 {
    margin-top: 2rem;
  }

  .nav.product-details-nav li {
    width: 100%;
    margin-right: unset !important;
  }

  .product-details-btn {
    width: 100%;
  }
}
/* School Governing Body Register  Table Start just for Governing Body Page */
   /* Default table */
    .responsive-table thead {
        background: #2a3b31;
        color: #e0e0e0;
    }

    .table>:not(:first-child) {
        border-top: none !important;
    }

    /* Mobile view */
    @media (max-width: 768px) {
        .responsive-table thead {
            display: none;
            /* hide table header */
        }

        .responsive-table,
        .responsive-table tbody,
        .responsive-table tr,
        .responsive-table td {
            display: block;
            width: 100%;
        }

        .responsive-table tr {
            margin-bottom: 1rem;
            border: none;
            border-radius: .5rem;
            background: #fff;
            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
            padding: .75rem 1rem;
        }

        .responsive-table td {
            padding: .5rem 0;
            border: none;
            position: relative;
        }

        .responsive-table td::before {
            content: attr(data-label);
            font-weight: 600;
            display: block;
            margin-bottom: .25rem;
            color: #495057;
        }

        /* make first cell look like card title */
        .responsive-table td:first-child {
            font-size: 1.1rem;
            font-weight: 700;
            color: #212529;
            border-bottom: 1px solid #dee2e6;
            margin-bottom: .5rem;
            padding-bottom: .5rem;
            padding-top: 0;
        }

        .responsive-table td:first-child::before {
            display: none;
            /* hide label for card title */
        }

        .table>:not(:first-child) {
            border-top: none !important;
        }
    }
/* School Governing Body Register  Table End just for Governing Body Page */

/* Custom TikTok Icon for IcoFont */
.icofont-tiktok:before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background-image: url('../images/icons/tiktok.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: middle;
  filter: brightness(0) invert(1);
  transition: all 0.3s ease;
}

.header-right-txt:hover .icofont-tiktok:before,
.header-right-txt:focus .icofont-tiktok:before {
  filter: brightness(0) invert(0.7) sepia(1) saturate(2) hue-rotate(15deg);
}

.footer-social-icon:hover .icofont-tiktok:before {
  filter: brightness(0) invert(0.3) sepia(1) saturate(2) hue-rotate(15deg);
}

/* ========== Site theme: premium palette (loaded after style.css) ========== */
:root {
  --dm-primary: #2a3b31;
  --dm-secondary: #c19557;
  --dm-accent-dark: #2a3b31;
  --dm-heading: #c39758;
  --dm-surface: #ffffff;
  --dm-surface-warm: #e4ddd5;
}

body.dark_mode {
  color: #2a3b31;
}

body.dark_mode .navbar-nav li a {
  color: #2a3b31 !important;
}
body.dark_mode .navbar-nav li a:hover,
body.dark_mode .navbar-nav > li:hover > a {
  color: #2a3b31 !important;
}

/* Mobile menu: footer solid bg — white links on dark panel */
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  body.dark_mode .header-style-1 .navbar .navbar-nav li a {
    color: #fff !important;
  }
  body.dark_mode .header-style-1 .navbar .navbar-nav li a:hover,
  body.dark_mode .header-style-1 .navbar .navbar-nav > li:hover > a {
    color: #c19557 !important;
  }
}

.section-title,
.about-title,
.breadcrumb-title,
.feedback-title,
.footer-card-title,
.contact-titletext,
.facility-title,
.facility-title a,
.heading-color,
.feature-sub-title,
.feature-sub-title a,
.gallery-sub-title,
.counter-txt,
.staff-details-title,
.product-description-title {
  color: #c39758 !important;
}

.feature-sub-title a:hover,
.facility-title:hover a {
  color: #2a3b31 !important;
}

.breadcrumb-txt,
.breadcrumb-txt a {
  color: rgba(255, 255, 255, 0.95) !important;
}
.breadcrumb-txt a:hover {
  color: #c19557 !important;
}

.heading-sub-txt:not(.text-white) {
  color: #2a3b31;
}

.card-staff .face.face1 .content h3 {
  color: #fff !important;
}

body.dark_mode .part-txt a:not(.def-btn),
body.dark_mode .blog-card a,
body.dark_mode .footer-blog-txt p a {
  color: #2a3b31;
}
body.dark_mode .part-txt a:not(.def-btn):hover,
body.dark_mode .blog-card a:hover {
  color: #c19557;
}

.bottom-footer {
  border-top: 1px solid #ffffff;
}
.bottom-footer p {
  color: #ffffff !important;
}
.bottom-footer-social {
  color: #ffffff !important;
}
.bottom-footer-social:hover {
  color: #c19557 !important;
}

.footer-link:hover {
  color: #c19557 !important;
}
.footer-social:hover {
  color: #c19557 !important;
}

.footer-card-title {
  color: #c39758 !important;
}
/*.footer-card-title::after {
   background-image: linear-gradient(90deg, #c19557, #2a3b31) !important; 
}*/

.footer-info-title {
  color: #c39758 !important;
}
.footer-info-txt a,
.footer-info-txt {
  color: #ffffff !important;
}
.footer-info-txt a:hover {
  color: #c19557 !important;
}

/* Alternating section surfaces: white */
.dark_mode .feature,
.dark_mode .class,
.dark_mode .counter-2,
.dark_mode .our-staff,
.dark_mode .latest-news,
.dark_mode .gallery,
.dark_mode .partner,
.dark_mode .blog,
.dark_mode .grey-bg-2,
.dark_mode .contact,
.dark_mode .checkout,
.dark_mode .cart,
.dark_mode .shop,
.dark_mode .signup-area,
.dark_mode .neterror,
.dark_mode .error,
.dark_mode .releted-product,
.dark_mode .panel,
.dark_mode .sidebar-box,
.dark_mode .parents {
  background-color: #ffffff !important;
}

.dark_mode .benefits:not(.section-surface-warm) {
  background-color: #ffffff !important;
}

.dark_mode .breadcrumb-banner ~ .benefits:not(.section-surface-warm) {
  background-color: #e4ddd5 !important;
}

/* Inner pages: warm center sections (same as ethos-values app-download) */
.dark_mode .breadcrumb-banner ~ .feature,
.dark_mode .breadcrumb-banner ~ .app-download,
.dark_mode .breadcrumb-banner ~ .benefits,
.dark_mode .breadcrumb-banner ~ .our-staff,
.dark_mode .breadcrumb-banner ~ .gallery,
.dark_mode .breadcrumb-banner ~ .parents,
.dark_mode .breadcrumb-banner ~ .latest-news,
.dark_mode .breadcrumb-banner ~ .checkout,
.dark_mode .breadcrumb-banner ~ .contact-3,
.dark_mode .breadcrumb-banner ~ .parentMeeting,
.dark_mode .breadcrumb-banner ~ section {
  position: relative;
  overflow: hidden;
  background-color: #e4ddd5 !important;
  background-image: none !important;
}

.dark_mode .breadcrumb-banner ~ .feature::before,
.dark_mode .breadcrumb-banner ~ .app-download::before,
.dark_mode .breadcrumb-banner ~ .benefits::before,
.dark_mode .breadcrumb-banner ~ .our-staff::before,
.dark_mode .breadcrumb-banner ~ .gallery::before,
.dark_mode .breadcrumb-banner ~ .parents::before,
.dark_mode .breadcrumb-banner ~ .latest-news::before,
.dark_mode .breadcrumb-banner ~ .checkout::before,
.dark_mode .breadcrumb-banner ~ .contact-3::before,
.dark_mode .breadcrumb-banner ~ .parentMeeting::before,
.dark_mode .breadcrumb-banner ~ section::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background:
    radial-gradient(ellipse 55% 45% at 92% 6%, rgba(42, 59, 49, 0.12) 0%, transparent 55%),
    radial-gradient(ellipse 50% 42% at 4% 94%, rgba(193, 149, 87, 0.15) 0%, transparent 50%),
    radial-gradient(circle at 38% 40%, rgba(255, 255, 255, 0.45) 0%, transparent 52%),
    repeating-linear-gradient(
      118deg,
      transparent 0 86px,
      rgba(42, 59, 49, 0.035) 86px 87px,
      transparent 87px 200px
    );
}

.dark_mode .breadcrumb-banner ~ .feature::after,
.dark_mode .breadcrumb-banner ~ .app-download::after,
.dark_mode .breadcrumb-banner ~ .benefits::after,
.dark_mode .breadcrumb-banner ~ .our-staff::after,
.dark_mode .breadcrumb-banner ~ .gallery::after,
.dark_mode .breadcrumb-banner ~ .parents::after,
.dark_mode .breadcrumb-banner ~ .latest-news::after,
.dark_mode .breadcrumb-banner ~ .checkout::after,
.dark_mode .breadcrumb-banner ~ .contact-3::after,
.dark_mode .breadcrumb-banner ~ .parentMeeting::after,
.dark_mode .breadcrumb-banner ~ section::after {
  content: "";
  position: absolute;
  width: min(420px, 55vw);
  height: min(420px, 55vw);
  border-radius: 46% 54% 52% 48% / 48% 46% 54% 52%;
  background: rgba(42, 59, 49, 0.06);
  pointer-events: none;
  z-index: 0;
  right: -16%;
  bottom: -22%;
  filter: blur(2px);
}

.dark_mode .breadcrumb-banner ~ .feature > .container,
.dark_mode .breadcrumb-banner ~ .app-download > .container,
.dark_mode .breadcrumb-banner ~ .benefits > .container,
.dark_mode .breadcrumb-banner ~ .our-staff > .container,
.dark_mode .breadcrumb-banner ~ .gallery > .container,
.dark_mode .breadcrumb-banner ~ .parents > .container,
.dark_mode .breadcrumb-banner ~ .latest-news > .container,
.dark_mode .breadcrumb-banner ~ .checkout > .container,
.dark_mode .breadcrumb-banner ~ .contact-3 > .container,
.dark_mode .breadcrumb-banner ~ .parentMeeting > .container,
.dark_mode .breadcrumb-banner ~ section > .custom-container {
  position: relative;
  z-index: 1;
}

/* Homepage: warm surface (same as Welcome section / ethos-values) */
.dark_mode .kitba-banner-area ~ .feature,
.dark_mode .kitba-banner-area ~ .counter-2,
.dark_mode .kitba-banner-area ~ .our-staff,
.dark_mode .kitba-banner-area ~ .latest-news {
  position: relative;
  overflow: hidden;
  background-color: #e4ddd5 !important;
  background-image: none !important;
}

.dark_mode .kitba-banner-area ~ .feature::before,
.dark_mode .kitba-banner-area ~ .counter-2::before,
.dark_mode .kitba-banner-area ~ .our-staff::before,
.dark_mode .kitba-banner-area ~ .latest-news::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background:
    radial-gradient(ellipse 55% 45% at 92% 6%, rgba(42, 59, 49, 0.12) 0%, transparent 55%),
    radial-gradient(ellipse 50% 42% at 4% 94%, rgba(193, 149, 87, 0.15) 0%, transparent 50%),
    radial-gradient(circle at 38% 40%, rgba(255, 255, 255, 0.45) 0%, transparent 52%),
    repeating-linear-gradient(
      118deg,
      transparent 0 86px,
      rgba(42, 59, 49, 0.035) 86px 87px,
      transparent 87px 200px
    );
}

.dark_mode .kitba-banner-area ~ .feature::after,
.dark_mode .kitba-banner-area ~ .counter-2::after,
.dark_mode .kitba-banner-area ~ .our-staff::after,
.dark_mode .kitba-banner-area ~ .latest-news::after {
  content: "";
  position: absolute;
  width: min(420px, 55vw);
  height: min(420px, 55vw);
  border-radius: 46% 54% 52% 48% / 48% 46% 54% 52%;
  background: rgba(42, 59, 49, 0.06);
  pointer-events: none;
  z-index: 0;
  right: -16%;
  bottom: -22%;
  filter: blur(2px);
}

.dark_mode .kitba-banner-area ~ .feature > .container,
.dark_mode .kitba-banner-area ~ .counter-2 > .container,
.dark_mode .kitba-banner-area ~ .our-staff > .container,
.dark_mode .kitba-banner-area ~ .latest-news > .container {
  position: relative;
  z-index: 1;
}

/* Gold accent sections: About Admission, School Facilities, Directors message */
.dark_mode .about,
.dark_mode .facility,
.dark_mode .testimonial {
  position: relative;
  overflow: hidden;
  background-color: #c39758 !important;
  background-image: none !important;
  color: #ffffff !important;
}

.dark_mode .about::before,
.dark_mode .facility::before,
.dark_mode .testimonial::before,
.dark_mode .about::after,
.dark_mode .facility::after,
.dark_mode .testimonial::after {
  content: none !important;
  display: none !important;
}

.dark_mode .about > .container,
.dark_mode .facility > .container,
.dark_mode .testimonial > .container {
  position: relative;
  z-index: 1;
}

.dark_mode .about .about-title,
.dark_mode .about p,
.dark_mode .about .fw-bolds {
  color: #ffffff !important;
}

.dark_mode .facility .section-title,
.dark_mode .facility .section-title.text-white {
  color: #ffffff !important;
}

.dark_mode .facility .facility-card-txt,
.dark_mode .facility .facility-card-txt .facility-txt {
  color: #2a3b31 !important;
}

.dark_mode .facility .facility-card-txt .facility-title,
.dark_mode .facility .facility-card-txt .facility-title a {
  color: #c39758 !important;
}

.dark_mode .facility .facility-card-txt .facility-title a:hover {
  color: #2a3b31 !important;
}

.dark_mode .testimonial .feedback-title,
.dark_mode .testimonial .feedback-txt,
.dark_mode .testimonial .client-name {
  color: #ffffff !important;
}

/* Warm sections + subtle decorative field */
.dark_mode .app-download,
.dark_mode .contact-3 {
  position: relative;
  overflow: hidden;
  background-color: #e4ddd5 !important;
  background-image: none !important;
}

.dark_mode .app-download::before,
.dark_mode .contact-3::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background:
    radial-gradient(ellipse 55% 45% at 92% 6%, rgba(42, 59, 49, 0.12) 0%, transparent 55%),
    radial-gradient(ellipse 50% 42% at 4% 94%, rgba(193, 149, 87, 0.15) 0%, transparent 50%),
    radial-gradient(circle at 38% 40%, rgba(255, 255, 255, 0.45) 0%, transparent 52%),
    repeating-linear-gradient(
      118deg,
      transparent 0 86px,
      rgba(42, 59, 49, 0.035) 86px 87px,
      transparent 87px 200px
    );
}

.dark_mode .app-download::after,
.dark_mode .contact-3::after {
  content: "";
  position: absolute;
  width: min(420px, 55vw);
  height: min(420px, 55vw);
  border-radius: 46% 54% 52% 48% / 48% 46% 54% 52%;
  background: rgba(42, 59, 49, 0.06);
  pointer-events: none;
  z-index: 0;
  right: -16%;
  bottom: -22%;
  filter: blur(2px);
}

.dark_mode .app-download > .container,
.dark_mode .contact-3 > .container {
  position: relative;
  z-index: 1;
}

/* Inner pages: content blocks blend with section background (no white card) */
.dark_mode .breadcrumb-banner ~ .latest-news .single-blog,
.dark_mode .breadcrumb-banner ~ .single-blog {
  background-color: transparent !important;
  border: none !important;
}

.dark_mode .breadcrumb-banner ~ .product-details-bottom-part {
  background-color: transparent !important;
  border: none !important;
}

.dark_mode .breadcrumb-banner ~ .product-details-bottom-part .product-description-feature {
  width: 100%;
}

.dark_mode .breadcrumb-banner ~ .product-details-bottom-part .product-description-feature a {
  width: 100% !important;
  display: block;
}

/* Inner pages: section-surface-warm — no extra decorative overlay (page section bg already set) */
.dark_mode .breadcrumb-banner ~ .benefits.section-surface-warm::before,
.dark_mode .breadcrumb-banner ~ .benefits.section-surface-warm::after {
  content: none !important;
  display: none !important;
}

body.dark_mode .contact-3 .contact-subtext {
  color: #c19557;
  font-weight: 600;
}

.sticky-header,
.sticky-top.header {
  background-color: rgba(255, 255, 255, 0.96) !important;
  box-shadow: 0 4px 24px rgba(42, 59, 49, 0.08) !important;
}