@charset "utf-8";
/* CSS Document */
body{font-family: "Poppins", sans-serif; font-size: 16px; line-height: 1.7; color: #0a303a;}
a{text-decoration:none; }
img{max-width:100%; height: auto;}

#main-header{padding: 15px 0;}
#main-header .col-md-12 {display: flex;justify-content: space-between; align-items: center;}
#logo img {height: 30px;}
#nav ul {margin: 0;padding: 0;}
#nav ul.main-menu > li {display: inline-block; position: relative;}
#nav ul.main-menu > li + li {margin-left: 20px;}
#nav ul.main-menu > li > a{ color: #0a303a;font-size: 16px;font-weight: 500;}
#nav ul.main-menu > li > a:hover{color:#e74c25;}
#nav ul.main-menu > li > a.drop-down-item {position: relative;padding-right: 20px; }
.hamburger{display: none;}
br{display: none;}
/* Arrow using CSS */
#nav ul.main-menu > li > a.drop-down-item::after {
    content: '\25BC'; 
    font-size: 0.6em;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    transition: transform 0.3s;
}

/* Rotate arrow on hover */
#nav ul.main-menu > li.menu-item-has-children:hover > a::after {transform: translateY(-50%) rotate(180deg);}

/* Optional: change arrow color on hover */
#nav ul.main-menu > li.menu-item-has-children:hover > a::after {color: #e74c25;}

/* Submenu Styles */
.sub-menu {display: none;position: absolute;top: 100%;left: 0;background-color: #ffffff;box-shadow: 0 4px 8px rgba(0,0,0,0.1);min-width: 220px;z-index: 999;}
.sub-menu li {border-bottom: 1px solid #f0f0f0; list-style: none;}
.sub-menu li:last-child {border-bottom: none;}
.sub-menu li a {padding: 10px 15px;display: block;color: #333;text-decoration: none;transition: background 0.3s, color 0.3s; font-size: 14px;}
.sub-menu li a:hover {background-color: #f8f8f8;color: #e74c25;}
/* Show submenu on hover */
#nav ul.main-menu > li:hover > .sub-menu {display: block;}

 .nav-cta .btn {
      border-radius: 50px;
      padding: 0.75rem 1.25rem;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      font-size: 0.85rem;
      transition: all 0.3s ease;
      position: relative;
      overflow: hidden;
    }

    .btn-book {
      background: linear-gradient(135deg, #e74c25 0%, #e74c25 100%)!important;
      color: white !important;
      border: none;
      box-shadow: 0 4px 15px #e74c2512;
    }

   .btn-donate {
    background: linear-gradient(135deg, #0a303a 0%, #0a303a 100%) !important;
    color: white !important;
    border: none;
    box-shadow: 0 2px 5px #c1e8f2;
}

    .btn-book:hover{
      transform: translateY(-2px);
      box-shadow: 0 4px 15px #e74c2512;
    }
 .btn-donate:hover {
      transform: translateY(-2px);
      box-shadow: 0 4px 15px #7eadba;
    }


 #banner {background: url('assets/images/banner-1.png') no-repeat center center;
background-size: cover;color: #fff;text-align: center;padding: 80px 0px;position: relative; height: 90vh; display: flex; align-items: center;}
#banner::after {content: "";position: absolute;top: 0; left: 0; right: 0; bottom: 0;background: rgba(0,0,0,0.6); /* dark overlay */}
#banner .banner-content {position: relative;z-index: 1;}
#banner h2 {font-size: 36px;font-weight: 700;color: #0a303a;}
#banner p {font-size: 16px;margin-top: 15px;}
#banner .btn-primary {margin-top: 25px;padding: 12px 30px;font-size: 16px;border-radius: 30px;}
#banner img {
   
    max-width: 150px;
}
.service-card, .impact-card {background: rgba(255, 255, 255, 0.9);border-radius: 20px;} 

.btn-primary{background: #e74c25; padding: 10px 30px;font-size: 16px;border-radius: 30px; border:1px solid #e74c25;}
.btn-primary:hover{background: #e74c25; border:1px solid #e74c25;}
.text-primary {color: #e74c25 !important;}
.section{padding:60px 0 45px;}


.appointment-box{box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); background-color: #ffc7c0; padding: 40px; margin-left: 30px; border-radius: 12px;}
.therapy-card .icon img {      transition: transform 0.4s ease;
}

.therapy-card {padding: 20px;border-radius: 8px;margin-bottom: 20px;background-color: #f8f9fa;transition: all 0.35s ease;
}
.therapy-card .icon {}
.therapy-card .card-content { max-width: 500px;}
.card-header {font-weight: bold;font-size: 18px;margin-top: 10px;}
.btn-consultation {background-color: #f46f68;color: white;border-radius: 8px;padding: 12px 30px;font-weight: bold;}
.btn-consultation:hover {background-color: #e13d4e;}
.pink-heading{color: #f16493;}
.condition-box{padding:50px;border-radius: 20px;margin-bottom: 40px;}
.condition-box1{background:#e3eef0;z-index:1;position: sticky; top:50px;}
.condition-box2{background:#fcedf2;z-index:2;position: sticky; top:50px;}
.condition-box3{background:#fce8e3;z-index:3;position: sticky; top:50px;}
.condition-box4{background:#d5efdb;z-index:4;position: sticky; top:50px;}
.condition-box5{background:#e3eef0;z-index:5;position: sticky; top:50px;}
.condition-title{font-size: 24px;font-weight: 400;text-align: left;}
.condition-content{font-size: 18px;font-weight: 400;text-align: left; margin: 0px 0px 20px;}
.testimonial-left {position: relative; height: 100%;min-height: 540px;  border-radius: 20px; overflow: hidden; background: url("assets/images/children-1.webp") center/cover no-repeat;display: flex; align-items: flex-end;}
.testimonial-left::after{content: "";position: absolute; inset: 0;background: linear-gradient(to top, rgba(0,0,0,0.6) 20%, rgba(0,0,0,0) 80%);}
.testimonial-left .content {position: relative;z-index: 2;padding: 25px;color: #fff;}
.testimonial-left h4 {font-size: 16px;font-weight: 400;margin: 0 0 8px;opacity: 0.9;}
.testimonial-left h2 {font-size: 28px;font-weight: 600;margin: 0;line-height: 1.3;}
.testimonial-right {background: #f4f1ea;border-radius: 20px;padding: 40px;min-height: 450px;}
.testimonial-box {text-align: center;padding: 20px 30px;}
.testimonial-box p {font-size: 18px;color: #444;line-height: 1.7;margin-bottom: 20px;}
.testimonial-author img {width: 55px!important;height: 55px;border-radius: 50%;object-fit: cover;margin: auto;margin-bottom: 10px;border: 2px solid #eee;}
.testimonial-author h5 {font-size: 17px;margin: 5px 0;font-weight: 600;color: #222;}
.stars {color: #f1c40f;font-size: 15px;letter-spacing: 2px;}
.owl-dots { margin-top: 15px;text-align: center;}
.owl-dots .owl-dot span {width: 10px;height: 10px;background: #000;display: block;margin: 5px;border-radius: 50%;transition: 0.3s;}
.owl-dots .owl-dot.active span {background: #0e74bc;transform: scale(1.2);}
.treat-img-wrapper img{ border-radius: 25px;}
#footer{background-color: #0a303a;color: white;padding: 3rem 0 1rem;}
#footer .list-unstyled li a, #footer a, #footer p{color:#fff; font-size: 14px;}
.footer-bottom {display: flex;align-items: center;justify-content: space-between;}

/* ========About US CSS Start==================== */
#aboutus-child{background: #ddf5fb;}
#aboutus-child h2{font-size: 42px;}
.aboutus-img-wrapper img{border-radius: 20px; border: 2px solid #e74c25; width: 450px;text-align: end;height: 550px; object-fit: cover;object-position: center;}
.vismis-img-wrapper img{border-radius: 20px; border: 2px solid #e74c25;}
.doctor-img-wrapper img { width: 180px !important;    height: 180px !important;}
/* ========About US CSS End==================== */

/* ========Blog US CSS Start==================== */
#blog-section{background: #f1f1f1;}
.blog-post{padding: 20px; background: #fff; margin: 0 5px 40px; box-shadow: 0 0 5px #ccc; border-radius: 12px;}

.blog-post .blog-image img{ height: 230px;object-fit: cover; object-position: top center; width: 100%; border-radius: 0 !important;}
.blog-info p.text-muted {margin: 10px 0;font-size: 11px;text-transform: capitalize;}
.blog-content .blog-body h2{font-size: 28px;}
/*.popular-page{background: #ffffff; padding: 20px;border-radius: 18px;box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);line-height: 16px;}
.popular-single-page{background: #ffffff; padding: 20px;border-radius: 18px;box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);line-height: 16px;}*/

.blog-info h3 {font-size: 22px; min-height: 55px;}
.blog-info h3 a {color: #e74c25;}
.blog-info p {font-size: 14px;margin: 0;}
.blog-info p + p{margin-top:10px;}
.popular-page div a{margin-bottom: 5px;}

#blog-section-single .single-blog-banner {
  width: 100%;
  height: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  text-shadow: 0 2px 4px rgba(0,0,0,0.6);
}
#blog-section-single .content {
    max-width: 1170px;
    margin: 40px auto;
}
#blog-section-single .content .blog-info h3 {
    font-size: 20px;
    min-height: 50px;
}
/* ========Blog US CSS End==================== */
.therapy-card p a:hover {
      color: #0056b3;
      text-decoration: underline;
    }
      .therapy-card:hover .icon img {
      transform: scale(1.08);
    }
.therapy-card:hover {
      transform: translateY(-6px);
      box-shadow: 0 10px 20px rgba(0, 0, 0, 0.12);
    }
    .therapy-card .card-header {
      font-size: 1.4rem;
      font-weight: 600;
      margin-bottom: 12px;
      color: #0a303a;
      transition: color 0.3s ease;
    }

    .therapy-card:hover .card-header {
      color: #007bff;
    }
#special-education{background: #ddf5fb;}
.treat-img-wrapper.special-img-wrapper { border: 5px solid green;border-radius: 32px;}
#special-sprouts-kids{background: #fcedf2;}


.faq-title {font-size: 28px;font-weight: 700;margin-bottom: 25px;color: #003c46;} 
#faqAccordion .accordion-button { font-weight: 500;  font-size: 16px; color: #003c46;background: transparent !important;box-shadow: none !important;}
#faqAccordion .accordion-button::after {flex-shrink: 0;width: 1.25rem;height: 1.25rem;  background-size: 1.25rem; content: "+"; font-size: 22px; font-weight: bold; color: #007b8f; background-image: none; text-align: center;}
#faqAccordion .accordion-button:not(.collapsed)::after {content: "-";font-size: 26px;line-height: 1; background-image: none;}
#faqAccordion .accordion-item { border: none; border-bottom: 1px solid #ddd;margin-bottom: 10px;}
#faqAccordion .accordion-body { font-size: 15px;color: #555;}
.faq-img {max-width: 100%;}
 .contact-box { background: #d9f2e0; border-radius: 20px;padding: 30px; display: flex; justify-content: space-between; align-items: center;}
.contact-btn { background: #2ebf4f; color: #fff;font-weight: 500;border-radius: 30px; padding: 12px 25px; text-decoration: none;display: inline-flex;align-items: center;gap: 8px; transition: 0.3s;}
.contact-btn:hover { background: #27a745; color: #fff;}
/* Responsive */
     .close-nav { display: none; }

@media (max-width: 991px) {
  #banner{height: auto;}
  .hamburger{display: block;}
  #main-header{position: relative;}
  #nav{position: absolute;background: white; height: 100vh; width: 30%; top: 8px;z-index: 999;left: 0px;padding: 20px;}
  #nav ul{margin-top:0px;}
  #nav ul.main-menu > li + li {margin-left: 0px; padding-top: 20px;}
  #nav ul.main-menu > li{display: block;}
  .nav-overlay { display: none !important; }
    /* Disable scroll when nav open */
    body.no-scroll {
      overflow: hidden;
    }
      /* Hamburger Button */
    .hamburger {
      background: none;
      border: none;
      font-size: 30px;
      color: #000;
      cursor: pointer;
      padding: 10px 15px;
      z-index: 10000;
      position: static;
     top: 0;
        right: 100px;
    }

    /* Navigation Panel */
    #nav {
      position: fixed;
      top: 0;
      left: -100%;
      width:275px;
      height: 100vh;
      background: #fff;
      box-shadow: 2px 0 10px rgba(0,0,0,0.2);
      overflow-y: auto;
      transition: all 0.3s ease;
      z-index: 9999;
      padding: 60px 20px 20px;
    }

    #nav.active {
      left: 0;
    }

    #menu-main-menu {
      list-style: none;
      padding: 0;
      margin: 0;
    }

    #menu-main-menu > li {
      border-bottom: 1px solid #eee;
      padding: 10px 0;
    }

    #menu-main-menu a {
      color: #000;
      text-decoration: none;
      font-weight: 500;
      display: block;
    }
    .nav-cta{display: none;}
      .close-nav {
        display: block;
      position: absolute;
      top: 15px;
      right: 15px;
      font-size: 28px;
      color: #000;
      cursor: pointer;
    }
    .menu-item-has-children > a::after {
        content: "\f282"; /* Bootstrap icon: chevron-down */
        font-family: "bootstrap-icons";
        font-size: 16px;
        position: absolute;
        right: 0;
        top: 35px;
        transform: translateY(-50%) rotate(0deg);
        transition: transform 0.3s ease;
      }

      .menu-item-has-children.open > a::after {
        transform: translateY(-50%) rotate(180deg);
      }
      .appointment-box{margin-left: 0px;}
      .contact-box {flex-direction: column;}
      .contact-btn {margin-top: 20px;}
      .contact-box .col-md-2{width: 100%;text-align: center;}

}

@media (max-width: 768px) {
#nav ul.main-menu {flex-direction: column;}
.sub-menu {position: static;box-shadow: none;}
.appointment-box{padding: 20px;}
.treat-img-wrapper {margin-top: 15px;}
.testimonial-left {margin-bottom: 20px;}
.condition-box5 {margin-bottom: 0px;}
}
 @media(max-width: 600px) {
.testimonial-wrapper-img {width: 100%; height: 400px; border-radius: 0;}
.testimonial-wrapper-img h2 {font-size: 24px;}
.g-5, .gx-5 { --bs-gutter-x: 0px;}
}

@media (max-width:575px) {
.section{padding: 30px 0 45px;}
.mt-5 {margin-top: 1rem !important;}
.testimonial-left {min-height: 275px;}
#banner h2 {font-size: 26px;}  
.p-5 { padding: 1.5rem !important;}
.trusted-img{margin-top: 10px;}
.therapy-card .card-content{margin-top: 10px;}
.condition-box {padding: 20px;}
.condition-content {font-size: 16px;}
.testimonial-right{padding: 20px;}
.testimonial-box p {font-size: 16px;}
#aboutus-child h2 {font-size: 26px;}
.aboutus-img-wrapper img {height: 275px;}
.treat-img-wrapper.special-img-wrapper {margin-bottom: 20px;}
.special-edu-content{padding-left: 10px;}
.special-edu-content h3{font-size: 20px;}
.vismis-img-wrapper { margin-top: 10px!important;margin-bottom: 15px !important;}
.doctor-card img{height: 100px; width: 100px;object-fit: cover;border-radius: 50%!important;object-position: top; margin-bottom: 15px;}
}

@media (max-width:420px) {
#banner h2 {font-size: 24px;}
}