:root {
  --color-midnight: #183141;
  --color-lime: #fffff1;
  --color-deep-teal: #23484e;
  --color-light-grey: #f1f1f1;
  --color-slate-green: #406768;
  --color-stone-grey: #70838b;
  --color-warm-gray: #fff ;
  --color-navy-blue: #0A2342;
  --color-off-white: #F8F9FA;
  --color-light-grey2: #F2F3F4;
  --color-dark-grey:#333;
}


:root {
  /* Brand */
  --brand-primary: #eb018c;
  --brand-secondary: #9a3c5c;

  /* Text */
  --text-primary: #151120;
  --text-secondary: #1b2b35;
  --text-muted: #7a797d;

  /* Backgrounds */
  --bg-white: #ffffff;
  --bg-light: #f4f8fb;
  --bg-soft: #f3f3f3;
  --bg-warm: #f9f5ee;

  /* Borders */
  --border-light: #e8e9ee;
  --border-soft: #e6ddde;

  /* Utility */
  --black: #000000;
  --white:#fff;
}

/* Rectangle */
.rectangle-95e95e5204c4 {
position: absolute;
left: 0px;
top: 0px;
width: 1600px;
height: 30px;
background: #e8e9eeFF;
}

body {
  font-family: 'Source Sans Pro', sans-serif;
  color: #333;
  background-color: var(--color-light-grey);
  scroll-behavior: smooth;
}

.btn-quicklink{
    background-color: var(--color-stone-grey);
}

.text-quicklink {
     color: #fffff1;

}


#text-alert {
  color:#f00 !important;
  font-weight: bold;
}

.btn-quicklink:hover{

    background-color: var(--color-midnight);

}
.btn-outline-quicklink{

    background-color: var(--color-stone-grey);

}

.warm-gray{
    background-color: var(--color-warm-gray) !important;
}

.bg-warm-grey{
    background-color: var(--color-warm-gray) !important;
}

.bg-white{
    background-color:#fff !important;
}

.bg-light-grey{
    background-color: var(--color-light-grey) !important;
}

.text-midnight{

  color: var(--color-midnight);

}


.text-stone-gray{

color: var(--color-stone-grey);

}


.text-slate-green{

color: var(--color-slate-green);

}


.menu-top {
  background-color: var(--bg-light);
  color: var(--black);
  text-align: center;

  font-size: 15px;
  padding: 0.5rem 0;
}

.menu-top a{
  color: var(--black);
  text-decoration: none;
}

.navbar {
  background-color: var(--color-warm-gray);
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
  transition: all 0.3s ease;
  text-transform: capitalize !important;

}

.navbar-nav .nav-link {
  color: #333;
  font-weight: 500;
  padding: 0.75rem 1rem;
  position: relative;
  transition: color 0.3s ease;

}

.navbar-nav .nav-link::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 2px;
  background-color: var(--color-deep-teal);
  transition: all 0.3s ease;
  transform: translateX(-50%);
}

.navbar-nav .nav-link:hover::after {
  width: 50%;
}

.navbar-nav .nav-link.active,
.navbar-nav .nav-link:hover {
  color: var(--color-navy-blue);
  font-weight: bold;
}

.hero-section {
  background-color: var(--color-light-grey);
  padding: 3rem 0;
}

.hero-section img {
  width: 100%;
  height: auto;
  border-radius: 8px;
      }

 .text-section,
.section-content,
.mission-section,
.services-section {
  padding: 4rem 0;
}

.core-service-card{
  background-color: var(--bg-light);
}

.section-content  .bg-white{

background-color: #fff;
}



h1,
.section-content h2,
.mission-section h2,
.services-section h2,
.pathways-section  h2,
.testimonial-section  h2,
.partners-section h2

 {
  font-size: 26px;
  font-weight: 700;
  color: var(--color-navy-blue);


}

h1{
    padding: 15px 0px 0px 0px;
    font-size: 20px;
    text-align: center;
    margin:0px;

}

.section-subtitle {
  font-size: 14px;
  color: var(--color-dark-grey);
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom:25px;
}

a{
color:#000;
}


.style_h6{
font-size:1rem;
font-weight: 700;
}

.info-item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 1.5rem;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border-left: 3px solid transparent;
  padding-left: 0.5rem;
}

.info-item:hover {
  transform: translateX(5px);
  border-left: 3px solid var(--color-slate-green);
}

.info-item i {
  color: var(--color-slate-green);
  font-size: 1.8rem;
  margin-right: 1rem;
}

.info-title {
  display: inline-block;
  background-color: var(--color-slate-green);
  color: #fff;
  font-weight: 600;
  padding: 0.3rem 0.6rem;
  border-radius: 0.4rem;
  text-decoration: none;
}

.info-title:hover{
  background-color: var(--color-midnight);

}

.info-text {
  margin-top: 0.25rem;
  font-size: 0.95rem;
}

.mission-section {
  background-color: var(--color-light-gray2);
}




  /* ===== Second Section (Core Services) ===== */
  .services-section {
  background-color: #f8f9fa;

  text-align: center;
}

.icon-box {
  width: 60px;
  height: 60px;
  margin: 0 auto;
  border-radius: 10px;

  display: flex;
  align-items: center;
  justify-content: center;
}

.icon-box i {
  font-size: 1.8rem;
  color: #28a78e;
}

.hover-up {
  transition: all 0.3s ease;
}

.hover-up:hover {
  transform: translateY(-6px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
}


/* --- card == */
.pathway .card {
  border: none;
  border-radius: 8px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
  height: 100%;

}

.pathway .card-body {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.pathway  .card img {
  height: 180px;
  object-fit: cover;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.pathway  .card-title {
  font-weight: 700;
  font-size: 20px;
  color: #003f3f;
}
.pathway   .card-subtitle {

  margin-top: 10px;

  font-size: 14px;
color: var(--color-slate-green);
font-weight: 700;
text-transform: uppercase;


}
.pathway  .card-text {
  font-size: 16px;
  color: #333;




  flex-grow: 1; /* pushes the buttons to the bottom */



}
.pathway  .btn-custom {
  background-color: #004d46;
  color: white;
  font-weight: 600;
  border-radius: 6px;
}
.pathway  .btn-custom:hover {
  background-color: #013833;
}
.pathway  .btn-outline-custom {
  background-color: #122c34;
  color: white;
  font-weight: 600;
  border-radius: 6px;
}


/* footoer */
footer {
  background-color: var(--bg-white) ;
   color: var(--black);

  font-size: 0.95rem;
}
footer h6 {
  font-weight: 700;
  margin-bottom: 1rem;
}
footer a {
  color: var(--black);
  text-decoration: none;
  display: block;
  margin-bottom: 0.4rem;
}

  footer .text-muted, footer p{
  color:var(--text-muted);
}

footer a:hover {
  color: var(--brand-primary);
  text-decoration: underline;
}



  .footer {
  background-color:#000;
  color: #fff;
  text-align: center;
  padding: 1.5rem 0;
  font-size: 14px;
  letter-spacing: 0.3px;
}

.footer a{
   display: inline;
   color:var(--text-muted);


}
    .footer  .copyright a{
   color: #ccc;
   font-weight: bold;

}

.footer .copyright a.text-mute{
  color:var(--text-muted);
}

footer .footer_logo img{
  width:200px;
  max-width: 90%;
  margin-left:-25px;

}

 footer .footer_logo p{
   max-width: 90%;

}




.footer-bottom a {

  display: inline;

}




.footer-bottom {
   margin-top: 2rem;
  padding-top: 1.5rem;
  text-align: center;
  font-size: 0.9rem;
  color: #555;
}

.footer
.social-links a {
color: #fff;

}

.footer
.social-links a:hover {
color: #007bff;
transform: scale(1.1);
transition: all 0.3s ease;
}



.social-icons a {
  color: #000;
  font-size: 1.3rem;
  margin-right: 12px;
}
.social-icons a:hover {
  color: #00796b;
}


.btn-custom-primary{
/* background-color:var(--color-navy-blue) !important; */
background-color:#0B1F3B !important;

border:none;
color:#fff !important;
}


.btn-custom-secondary{
/* background-color:#183141  !important; */
background-color:#0E4B5A !important;
color:#fff;
border-color:#23484e  !important;
}

.btn-custom-third{
background-color:#f00  !important;
border:none;
color:#fff  !important;
}

.btn-custom-fourth{
background-color:#183141  !important;
color:#fff;
border-color:#23484e  !important;
}

.text-justify {
text-align: justify !important;
}


.partners-section{
background-color: #f8f9fa;

}

.text-small{
font-size: 12px;
}


.table-left{
overflow: auto;
}

.testimonial-video  iframe{
overflow: auto; /* use auto instead of scroll for cleaner behavior */
width: max(33%, 250px);
max-width:100% !important;
}

ul{
text-align: left;
}

.table-left table {
width:95%;

text-align:left;
box-shadow: 5px 5px  #ccc;
margin:10px;
padding:0px;


}
.table-left table td{

border: 1px solid #000;
text-align:left;
padding: 0px 10px;



}

.table-left table td p{
margin:0px;
padding:0px;

}

.h3{
font-size:24px;
}
h4{
font-size:20px;
}

h4{
font-size:18px;
}


.mission-section img{
max-width: min(100%, 640px);


}



.justify-custom{
justify-content:left;
}

.img_holder{
height:250px;
width:100%;
}

#partnersCarousel
.carousel-item{
height: 50px;;

}

.page{overflow: hidden;}

.post_heading{
  text-decoration: none;
}



.section-content,
.mission-section,
.services-section,
.pathways-section ,
.testimonial-section,
.partners-section

{
  box-shadow: 1px 1px 3px #eee;
}


.section-wave {

  width: 100%;
  overflow: hidden;
  line-height: 0;
  margin-bottom:0;
}

.section-wave svg {
  display: block;
  width: 100%;
  height: auto;
}


#whatsapp-chat-btn {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 9999;
  width: 60px;
  height: 60px;
  background-color: #25D366;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 12px rgba(0,0,0,0.25);
  cursor: pointer;
  animation: waPulse 1.5s infinite;
}

#whatsapp-chat-btn img {
  width: 34px;
  height: 34px;
}

#whatsapp-chat-btn:hover {
  transform: scale(1.08);
  box-shadow: 0 6px 15px rgba(0,0,0,0.35);
}

@keyframes waPulse {
  0% { transform: scale(1); }
  60% { transform: scale(1.05); }
  100% { transform: scale(1); }
}





@media (min-width: 1400px) {
.navbar-expand-lg .navbar-nav .nav-link
{
padding: 0.5rem 1.5rem;
}
}

@media (max-width: 991px) {
  .offcanvas {
    width: 250px;
  }



  .justify-custom{
    justify-content:center;
    }

    .mission-section img{
        margin-top:20px;
    }

    .carousel-control-prev , .carousel-control-next{
        display: none;
    }

}



/* --- Desktop: open dropdown on hover (only for large screens) --- */
@media (min-width: 992px) {
/* allow hover to show bootstrap dropdown-menu */
.navbar .dropdown:hover > .dropdown-menu {
display: block;
opacity: 1;
transform: translateY(0);
}

/* subtle animation */
.navbar .dropdown > .dropdown-menu {
display: block;                /* keep available for animation, actual visibility controlled via opacity */
opacity: 0;
transform: translateY(4px);
transition: opacity .18s ease, transform .18s ease;
visibility: hidden;
margin-top: 0rem;
}

.navbar .dropdown:hover > .dropdown-menu,
.navbar .dropdown:focus-within > .dropdown-menu {
visibility: visible;
opacity: 1;
transform: translateY(0);
}

/* style dropdown menu */
.navbar .dropdown-menu {
border-radius: .35rem;
box-shadow: 0 8px 20px rgba(0,0,0,0.08);
min-width: 12rem;
padding: .35rem 0;
}

.navbar .dropdown-menu .dropdown-item {
padding: .5rem 1rem;
}

.navbar .dropdown-menu .dropdown-item:hover,
.navbar .dropdown-menu .dropdown-item:focus {
background-color: rgba(35,72,78,0.05);
color: #23484e;
}

/* --- Multi-level submenu positioning (child menus) --- */
.dropdown-submenu {
position: relative;
}

/* second-level menus appear to the right */
.dropdown-submenu > .dropdown-menu {
top: 0;
left: 100%;
margin-left: .1rem;
margin-right: .1rem;
transform-origin: left top;
white-space: nowrap;
}

/* show nested submenu on hover */
.dropdown-submenu:hover > .dropdown-menu,
.dropdown-submenu:focus-within > .dropdown-menu {
display: block;
visibility: visible;
opacity: 1;
}

/* add caret for items that have submenu */
.dropdown-menu .dropdown-toggle::after {
content: "▸";
float: right;
margin-left: .5rem;
font-size: .85rem;
color: #70838b;
}
}

/* --- Mobile fallback: keep default bootstrap behavior (click) --- */
@media (max-width: 991.98px) {
/* make nested lists within offcanvas look tidy */
.offcanvas .navbar-nav .ps-3 { padding-left: 1rem; }
.offcanvas .navbar-nav .dropdown-menu { position: static; box-shadow: none; padding-left: .5rem; }
.offcanvas .dropdown-submenu > .dropdown-menu { padding-left: .5rem; }

.offcanvas-header {
background:#ccc;
}

.offcanvas-header .btn-close{
 margin-right: calc( var(--bs-offcanvas-padding-x));
}
}

/* --- Keyboard & focus accessibility --- */
.navbar .dropdown-menu a:focus,
.navbar .dropdown-menu a:active {
outline: none;
box-shadow: inset 0 0 0 2px rgba(35,72,78,0.07);
}

/* small visual tweak so dropdowns appear above other content */
.navbar .dropdown-menu {
z-index: 2050; /* above Bootstrap modal z-index (1050) to be safe */
}


.menu-top{
  padding:5px;
}




/* ===== TRUST SEALS STYLES ===== */
/* Add to your global CSS file or <style> in header */

/* Main Section Container */
.trust-seals-section {
  text-align: center;

  padding: 30px 20px;
  background-color: #f8f9fa;

  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

/* Section Title */

/* Container for all seals */
.trust-seals-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 25px;
  align-items: stretch;
}

/* Base Seal Style */
.trust-seal {
  display: inline-block;
  text-align: center;
  padding: 25px 20px;
  background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
  border-radius: 12px;
  width: 170px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
  border: 2px solid transparent;
}

/* Seal Icon */
.trust-seal-icon {
  font-size: 40px;
  margin-bottom: 12px;
  line-height: 1;
}

/* Seal Main Text */
.trust-seal-title {
  font-weight: 700;
  color: #212529;
  font-size: 16px;
  line-height: 1.3;
  margin-bottom: 6px;
}

/* Seal Subtitle */
.trust-seal-subtitle {
  font-size: 13px;
  color: #6c757d;
  line-height: 1.4;
}

/* Color Variations */
.trust-seal-green {
  border-color: #28a745;
}
.trust-seal-green .trust-seal-icon {
  color: #28a745;
}

.trust-seal-orange {
  border-color: #fd7e14;
}
.trust-seal-orange .trust-seal-icon {
  color: #fd7e14;
}

.trust-seal-blue {
  border-color: #0066cc;
}
.trust-seal-blue .trust-seal-icon {
  color: #0066cc;
}

.trust-seal-teal {
  border-color: #20c997;
}
.trust-seal-teal .trust-seal-icon {
  color: #20c997;
}

.trust-seal-purple {
  border-color: #6f42c1;
}
.trust-seal-purple .trust-seal-icon {
  color: #6f42c1;
}

/* Hover Effects */
.trust-seal:hover {
  transform: translateY(-7px);
  box-shadow: 0 12px 25px rgba(0, 0, 0, 0.15);
  cursor: default;
}


/* ===== RESPONSIVE STYLES ===== */
@media (max-width: 1200px) {
  .trust-seal {
      width: 160px;
      padding: 22px 18px;
  }
}

@media (max-width: 992px) {
  .trust-seals-container {
      gap: 20px;
  }
  .trust-seal {
      width: 150px;
      padding: 20px 15px;
  }
  .trust-seal-icon {
      font-size: 36px;
  }
}

@media (max-width: 768px) {
  .trust-seals-section {
      padding: 25px 15px;
      margin: 30px 15px;
  }

  .trust-seals-container {
      gap: 15px;
  }
  .trust-seal {
      width: calc(50% - 20px);
      min-width: 140px;
      padding: 20px 15px;
      margin-bottom: 5px;
  }
}

@media (max-width: 576px) {
  .trust-seals-section {
      padding: 20px 15px;
      margin: 25px 10px;
  }
  .trust-seals-container {
      gap: 12px;
  }
  .trust-seal {
      width: 100%;
      max-width: 220px;
      margin: 0 auto 15px;
  }
  .trust-seal-icon {
      font-size: 38px;
  }
  .trust-seal-title {
      font-size: 15px;
  }
}

.trust-badge {
margin: 12px 0;
}

.design_rush_logo {
width:100%;
max-width: 260px;
height: auto;
opacity: 0.95;
}



/* Whatsapp button css */

@media (max-width: 767px) {
.section-content,
.mission-section,
.services-section {
  padding: 2rem 0;
}

  .mission-section img
{
       margin-top: 0px;
  }

.btn-custom-primary{
width:100%;

}

.btn-custom-secondary{
width:100%;
margin-top:15px;


}

.btn-custom-third{
width:100%;
margin-top:15px;

}
}



/* Floating WhatsApp Button */
.whatsapp-float {
position: fixed;
bottom: calc(16px + env(safe-area-inset-bottom));
right: 16px;
z-index: 999;
display: flex;
align-items: center;
gap: 10px;

background: #0f172a; /* matches professional brand tone */
color: #ffffff;
padding: 10px 14px;
font-size: 13px;
border-radius: 999px;
font-weight: 600;
text-decoration: none;

box-shadow: 0 8px 20px rgba(0,0,0,0.15);
transition: transform 0.2s ease, box-shadow 0.2s ease;
}

/* Hover / Tap feedback */
.whatsapp-float:hover {
transform: translateY(-2px);
box-shadow: 0 12px 26px rgba(0,0,0,0.2);
}

/* Icon circle */
.whatsapp-icon {
display: flex;
align-items: center;
justify-content: center;
background: #25d366;
color: #ffffff;
width: 36px;
height: 36px;
border-radius: 50%;
}

/* Text label */
.whatsapp-text {
white-space: nowrap;
}



/* Mobile-only */
@media (min-width: 769px) {
.whatsapp-float {
  display: none;
}
}
@media (max-width: 360px) {
.whatsapp-text {
  display: none;
}
}

@media (max-width: 991px) {
.mission-section img{
max-width: min(100%, 640px);
margin:0px !important;
}


}


@media (min-width: 1600px) {
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl

{
    max-width: 1580px;
}
}

/* Dr Mahima CSS */
.book_button_black{
background-color: var(--black);
color:var(--white) !important;

font-size:22px;


}

.book_button_primary{

background-color: var(--brand-primary)  !important;
color:var(--white) !important;

font-size:22px;



}