/* --------Alexxy---> css start goes here <--------- */
a{ text-decoration: none ; color: #4a4a4a;}
a:hover{ color: #a2d40a;}
.banner-img {position: relative;height: 60vh; overflow: hidden;background-image: url('../images/Aroha-banner-img1.jpg'); background-size: cover; background-position: center;background-attachment: fixed; background-repeat: no-repeat;
 @supports not (background-attachment: fixed) {background-attachment: scroll;}}
.banner-text {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;color: #fff;z-index: 2;width: 100%;padding: 0 20px; }
.banner-text h3{text-align: left;}
@media (max-width: 1024px){.banner-img {background-attachment: scroll;background-size: cover; height: 35vh;}}
@media (max-width: 768px){.banner-img {background-attachment: scroll;background-size: cover; height: 40vh;}}
@media (max-width: 853px){.banner-img {background-attachment: scroll;background-size: cover; height: 25vh;}}
@media (max-width: 430px) {.banner-img {background-attachment: scroll;background-size: cover; height: 30vh;}}
.banner-text {padding: 0 15px; }
.paginator {display: flex;align-items: center;z-index: 2;top: 90px;}
.paginator-link {color: #fff;text-decoration: none;font-weight: bold;font-size: 1rem;transition: color 0.3s ease;}
.paginator-link:hover {color: #a2d40a;}
.paginator-next img {width: 20px;height: 20px;cursor: pointer;transition: transform 0.3s ease;padding-left: 5px;}
.paginator-next img:hover {transform: scale(1.1);}
.right-link { padding-left: 5px;}
@media (max-width: 767px) {.paginator-link {font-size: 0.9rem;}
.paginator-next img { width: 25px;height: 25px;}}

.appointment-parallax {background-image: url('../images/appointment\ bg.jpg');background-attachment: fixed;background-position: center;background-repeat: no-repeat;background-size: cover;display: flex;justify-content: center;padding: 50px 0;}
.appointment-wrapper {display: flex;flex-wrap: wrap;background: rgba(255, 255, 255, 0.9);border-radius: 15px;max-width: 1100px;width: 100%;box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);}
.appointment-container {flex: 1;padding: 30px;overflow-y: auto;max-height: 100%;}
.appointment-container h6{ color: #a2d40a; }     
.appointment-container span{ font-style: italic;font-weight: normal; font-family: 'DM Serif Text';}
.col-6:last-child {padding-right: 0 !important; }
.appointment-image {flex: 1;background: url('../images/Appointment\ rightbg.jpg') no-repeat center center;background-size: cover;min-height: 100%;border-radius: 15px;margin-left: auto; }
.appointment-group {position: relative;margin-bottom: 20px;}
.appointment-row {display: flex;gap: 20px;}
.appointment-row .appointment-group {flex: 1;}
.appointment-group input[type="datetime-local"] {appearance: none;-webkit-appearance: none;-moz-appearance: none;background-color: #fff;cursor: pointer;}
.appointment-group select {padding-right: 30px;background-image: url('../images/down-arrow.png');background-repeat: no-repeat;background-position: right 10px center; background-size: 16px; appearance: none; -webkit-appearance: none;-moz-appearance: none;}
.appointment-group input,
.appointment-group select,
.appointment-group textarea {width: 100%;padding: 10px;border: 2px solid #a2d40a;border-radius: 6px;outline: none;}
.appointment-group input[type="date"],
.appointment-group input[type="time"] {appearance: none;-webkit-appearance: none;-moz-appearance: none;background-color: #fff;cursor: pointer;}
.appointment-group label {position: absolute;top: 10px;left: 12px;background: #fff;padding: 0 5px;color: #777;font-size: 14px;transition: 0.3s ease;}
.appointment-group input:focus + label, 
.appointment-group select:focus + label, 
.appointment-group textarea:focus + label,
.appointment-group input:not(:placeholder-shown) + label,
.appointment-group select:not(:placeholder-shown) + label,
.appointment-group textarea:not(:placeholder-shown) + label {top: -10px;font-size: 12px;color: #a2d40a;font-weight: 600;}
.appointment-btn {background-color: #a2d40a;color: #fff;border: none;padding: 10px 20px;border-radius: 6px;cursor: pointer;width: 100%;transition: background 0.3s;}
.appointment-btn:hover {background-color: #718a31;}
@media (max-width: 768px) {.appointment-wrapper {flex-direction: column;}.appointment-image {height: 300px; width: 100%;}.appointment-container {padding: 20px;}.appointment-group {margin-bottom: 15px;}.appointment-row {flex-direction: column;gap: 15px;}}
@media (max-width: 375px) {.appointment-wrapper {padding: 15px;}
.appointment-container {padding: 15px;}
.appointment-image {height: 250px;}
.appointment-group input,.appointment-group select,.appointment-group textarea {padding: 8px;}
.appointment-btn {padding: 8px 15px;}}  
@media (max-width: 550px) {.appointment-wrapper {flex-direction: column;width: 100%;}.col-6 {width: 100%;}.appointment-container {width: 100%; padding: 20px;}.appointment-image {display: none !important; }}


.icon-wrapper {width: 40px;height: 50px;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin-right: 8px;}
.icon-wrapper img {width: 20px; height: 20px;}
.whychooseusBG{background-color: #FEF5F2;padding: 45px 45px;}
.whychooseusBG p{ text-align: center; padding: 25px 25px; color: #646464;font-size:16px;}
.whychooseusBG-heading {background-color: #EFEFEF;padding: 5px;border-radius: 200px;max-width: 220px;display: flex;align-items: center;font-weight: 600;}
@media (max-width: 412px) {.whychooseusBG-heading{max-width: 100%;border-bottom: 2px solid #a2d40a;color: #2D322C;font-size:14px;}}

/* circle with description */

.circle {width: 70px;height: 70px;background: linear-gradient(135deg, #a2d40a, #7a9e32);border: 3px solid #fff;box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);border-radius: 50%;display: flex;justify-content: center;align-items: center;transition: transform 0.3s ease-in-out;}
.circle img {width: 36px;height: 36px;transition: transform 0.5s ease-in-out;}
.circle:hover {transform: scale(1.1);}
.circle:hover img {transform: rotate(360deg);}
.description {font-weight: 700;color: #4a4a4a;font-size: 18px;}
.sub-description {color: #7d7d7d;font-size: 14px;}
.col-12:hover {background-color: #ffffff;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);transform: translateY(-3px);transition: all 0.3s ease-in-out;}


/* contact page css start goes here */
.contactboxBG{background-color: #a2d40a; padding: 45px 45px; }
.contact-container {display: flex;flex-wrap: wrap; gap: 20px;justify-content: space-between; }
.contactbox {  display: flex; align-items: center; background-color: #fff; border-radius: 12px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); padding: 20px; width: 100%;max-width: 400px;opacity: 0;transform: translateY(30px);transition: transform 0.5s ease, opacity 0.5s ease;}
.contactbox.visible { opacity: 1;transform: translateY(0); }
.contact-icon  { width: 60px; height: 60px; background-color: #ffffff; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 24px; margin-right: 15px;transform: scale(0.8); transition: transform 0.4s ease; }
.contactbox:hover .contact-icon { transform: scale(1.2) rotate(10deg); }
.description { flex: 1; color: #333; }
.contact-img {width: 50px; height: 50px;object-fit: contain; }
@media (max-width: 768px) {.contact-container {grid-template-columns: repeat(2, 1fr); display: grid; }.contactbox {max-width: 100%; }}
@media (max-width: 480px) {.contact-container {grid-template-columns: 1fr; }}
.main-text {font-weight: 600; color: #333;margin-bottom: 5px; }
.sub-text {font-size: 14px;color: #666; line-height: 1.4;}


 /* map css start goes here */

 .map {width: 100%;height: 0;margin: 0 auto;padding-top: 50%;position: relative;}


 /* contact page css end here */


/* Specialists page css stars goes here */


.SpecialistsBG{background-color: #FEF5F2;padding: 45px 45px;}
.SpecialistsBG p{ text-align: center; color: #646464;font-size:16px;}
.SpecialistsBG-heading {background-color: #EFEFEF;padding: 5px;border-radius: 200px;max-width: 220px;display: flex;align-items: center;font-weight: 600;}
@media (max-width: 412px) {.Specialists-heading{max-width: 100%;border-bottom: 2px solid #a2d40a;font-size:14px;}}
.Specialists {display: flex;flex-wrap: wrap;justify-content: center;width: 100%;}
.Specialists-left {background-color: #a2d40a;color: white;flex: 1;padding: 50px;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;min-width: 300px;}
.Specialists-heading {font-size: 28px;font-weight: bold;animation: fadeIn 1.5s ease-in-out;span {font-style: italic;font-weight: normal;font-family: 'DM Serif Text';}}
.Specialists-container {display: flex;justify-content: space-between;margin-top: 30px;width: 100%;}
.Specialists-counter {flex: 1;text-align: center;font-size: 22px;font-weight: bold;opacity: 0;transform: translateY(10px);animation: fadeInUp 1s forwards;border-left: solid 2px white;&:first-child {border-left: none;}}
.Specialists-right {flex: 1;min-width: 300px;height: 100%;
.Specialists-slider {position: relative;width: 100%;height: 100%;max-height: 580px; min-height: 300px;overflow: hidden;box-sizing: border-box;
.slide {width: 100%;height: 100%;display: none;
img { width: 100%;height: 100%;object-fit: cover;}}
.slide.active {display: block;animation: fadeIn 1.5s ease-in-out;}}}

@keyframes fadeIn {from { opacity: 0; transform: translateY(-10px); }to { opacity: 1; transform: translateY(0); }}
@keyframes fadeInUp {to {opacity: 1;transform: translateY(0);}}
@media (max-width: 992px) {.Specialists-container {flex-direction: column;align-items: center;}
.Specialists-left, .Specialists-right {width: 100%;}
.Specialists-left {padding: 30px;}
.Specialists-counter {font-size: 20px;padding: 10px 0;}}
@media (max-width: 981px) {.Specialists-heading {font-size: 24px;}
.Specialists-counter {font-size: 18px;padding: 8px 0;border-left: none;border-top: solid 2px white;width: 100%;}
.Specialists-slider {height: 280px;}}
@media (max-width: 576px) {.Specialists-left {padding: 20px;}
.Specialists-heading {font-size: 20px;}
.Specialists-counter {font-size: 16px;padding: 6px 0;}
.Specialists-slider {height: 220px;}}
@media (max-width: 480px) {.Specialists-slider {height: 200px;}}
.slider-controls {position: absolute;bottom: 15px;left: 50%;transform: translateX(-50%);display: flex;align-items: center;gap: 15px;}
.slider-btn {background-color: #a2d40a;color: white;border: 2px solid white;border-radius: 50%;width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;cursor: pointer;font-size: 20px;transition: background 0.3s ease;}
.slider-btn:hover {background-color: rgba(255, 255, 255, 0.274);color: #ffffff;border-color: #a2d40a;}
.slider-pagination {display: flex;gap: 10px;}
.dot {width: 12px;height: 12px;background-color: #ffffff;border: 2px solid #a2d40a;border-radius: 50%;cursor: pointer;transition: background 0.3s ease;}
.dot.active {background-color: #4d660e;}

/* department profile start here */ 
.departmentprofile-wrapper {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  background: #f9f9f9;
  padding: 20px;
}

/* Doctor Profile Section */
.departmentprofile-container {
  width: 70%;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  background: #f9f9f9;
  order: 1;
}

.departmentprofile-profile-card {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  padding: 15px;
  width: 30%;
  text-align: center;
  border-bottom: 4px solid #a2d40a;
  max-height:390px;
}

.departmentprofile-profile-card h3 {
  font-size: 16px;
}

.departmentprofile-profile-card p {
  font-size: 14px;
}

.departmentprofile-profile-card img {
  width: 100%;
  height: 270px;
  object-fit: cover;
  margin-bottom: 10px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}

/* Social Icons */
.departmentprofile-social-icons a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: #ffffff;
  background-color: #a2d40a;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  transition: transform 0.3s ease, background-color 0.3s ease;
}

.departmentprofile-social-icons a:hover {
  background-color: #a2d40a;
  transform: scale(1.2) rotate(15deg);
  box-shadow: 0 4px 15px rgba(151, 185, 64, 0.5);
}

/* Department Description */
.departmentprofile-description {
  background: #eaeaea;
  padding: 15px;
  border-radius: 8px;
  margin-top: 20px;
  width: 100%;
  text-align: center;
  order: 3;
}

/* Sidebar (Now on the Right Side) */
.departmentprofile-sidebar {
  width: 30%;
  background: #FFFFFF;
  padding: 20px;
  order: 2;
}

.departmentprofile-sidebar h4 {
  color: #5F3616;
  border-bottom: #a2d40a 4px solid;
  width: 35px;
}

.departmentprofile-sidebar ul {
  list-style: none;
  padding: 0;
}

.departmentprofile-sidebar li {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  padding: 10px;
  background: #F2F2F2;
  color: #000000;
  margin-bottom: 5px;
  border-radius: 8px;
  text-align: left;
  font-size: 14px;
}

.departmentprofile-sidebar li img {
  width: 20px;
  height: 20px;
  object-fit: contain;
}

.departmentprofile-sidebar li:hover {
  background: #a2d40a;
  transition: ease-in-out 0.3s;
  color: white;
}

.departmentprofile-sidebar li.active {
  background: #a2d40a;
  color: #ffffff;
  font-weight: bold;
  border: 3px solid #a2d40a;
  box-shadow: 0 4px 8px rgba(151, 185, 64, 0.5);
  transition: background 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
}

/* Two Cards (Now Positioned at the Bottom of Description) */
.departmentprofile-columns {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 20px;
  order: 4;
  width: 100%;
  justify-content: space-between;
}

.departmentprofile-column {
  display: flex;
  align-items: flex-start;
  border: 2px solid #a2d40a;
  border-radius: 10px;
  padding: 15px;
  background-color: #fff;
  width: 48%; /* Adjusts for two-column layout */
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.departmentprofile-column:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 15px rgba(151, 185, 64, 0.3);
}

/* Responsive Adjustments */
@media (max-width: 768px) {
  .departmentprofile-columns {
      flex-direction: column;
  }

  .departmentprofile-column {
      width: 100%;
  }
}

.departmentprofile-column-icon {
  position: relative;
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  margin-right: 15px;
}

.departmentprofile-column-icon img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.departmentprofile-column-content h3 {
  font-size: 1.2rem;
  margin-bottom: 5px;
  color: #333;
  font-weight: 600;
}

.departmentprofile-column-content p {
  font-size: 0.9rem;
  color: #666;
  text-align: left;
  font-style: italic;
}

/* Responsive Adjustments */
@media (max-width: 1024px) {
  .departmentprofile-container,
  .departmentprofile-sidebar,
  .departmentprofile-description {
      width: 100%;
  }

  .departmentprofile-profile-card {
      width: 48%;
  }
}

@media (max-width: 768px) {
  .departmentprofile-wrapper {
      flex-direction: column;
  }

  .departmentprofile-container,
  .departmentprofile-sidebar,
  .departmentprofile-description {
      width: 100%;
      padding: 15px;
  }

  .departmentprofile-profile-card {
      width: 100%;
  }

  .departmentprofile-columns {
      flex-direction: column;
  }
}

@media (max-width: 480px) {
  .departmentprofile-profile-card {
      width: 100%;
      padding: 8px;
  }

  .departmentprofile-profile-card img {
      height: auto;
  }

  .departmentprofile-profile-card h3 {
      font-size: 14px;
  }

  .departmentprofile-social-icons a {
      width: 28px;
      height: 28px;
      font-size: 12px;
  }

  .departmentprofile-sidebar li {
      padding: 8px;
      font-size: 14px;
  }

  .departmentprofile-sidebar h4 {
      width: 100%;
      text-align: left;
  }

  .departmentprofile-description {
      margin-top: 15px;
      padding: 10px;
  }
}
.close-profile {
  display: none; /* Hidden initially */
  position: absolute;
  top: 10px;
  right: 10px;
  background: red;
  color: white;
  border: none;
  padding: 5px 10px;
  cursor: pointer;
  border-radius: 50%;
  z-index: 100;
}




.healthBG{background-color: #ffffff;padding: 45px 45px;}
.healthBG p , h4 { text-align: center; padding: 20px 0 20px 0; color: #646464;}
.card-wrapper {max-width: 1100px;margin: 0 auto;padding: 20px 10px;overflow: hidden;}
.card-list .card-item {list-style: none;}
.card-list .card-item .card-link {user-select: none;display: block;background: #fff;padding: 20px;border-radius: 12px;text-decoration: none;border: 2px solid transparent;border-bottom: 2px solid #a2d40a;box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08); transition: transform 0.3s ease, box-shadow 0.3s ease;}
.card-list .card-item .card-link:hover {border-color: #a2d40a;transform: translateY(-5px); box-shadow: 0 15px 30px rgba(0, 0, 0, 0.12);}
.card-list .card-link .card-image {width: 100%;aspect-ratio: 16 / 9;object-fit: cover;border-radius: 10px; height: 350px;}
.card-list .card-link .badge {color: #a2d40a;margin: 16px 0 18px;padding: 8px 16px;font-weight: 700;font-size: 0.95rem;background: #e9e9e9;width: fit-content;border-radius: 50px;}
.card-list .card-link .card-title {font-size: 1rem;color: #000;font-weight: 500;}
.card-list .card-link .card-button {height: 35px;width: 35px;color: #a2d40a;border-radius: 50%;margin-top: 20px;background: none;cursor: pointer;transform: rotate(-45deg);border: 2px solid #a2d40a;transition: background 0.4s ease, color 0.4s ease;}
.card-list .card-link:hover .card-button {color: #fff;background: #a2d40a;}
.card-wrapper .swiper-pagination-bullet {height: 13px;width: 13px;opacity: 0.5;background: #a2d40a;}
.card-wrapper .swiper-pagination-bullet-active {opacity: 1;}
.card-wrapper .swiper-slide-button {color: #a2d40a;margin-top: 100px;}

@media screen and (max-width: 768px) {
.card-wrapper {margin: 0 15px;padding: 15px 5px;}
.card-list .card-item .card-link {padding: 15px;}
.card-list .card-link .card-title {font-size: 0.9rem;}
.card-wrapper .swiper-slide-button {display: none;}}


/* about us classes starts here */
.abutBG {background-color: #ffffff;padding: 25px 0px 25px 0px;}
.about-container {padding: 20px;display: flex; flex-wrap: wrap;gap: 20px;}
.about-left, .about-right {flex: 1;min-width: 300px;background-color: #f8f9fa;padding: 20px;box-sizing: border-box;}
.about-right {background-color: #e9ecef;border-top-right-radius: 10px; border-bottom-right-radius: 10px;border-right: 2px solid #a2d40a;}
.about-heading {display: flex;align-items: center;gap: 10px; color: #a2d40a;font-weight: 700;text-transform: uppercase;font-size: 14px;}
.about-heading::before {content: "";width: 40px;height: 2px;background-color: #a2d40a;display: inline-block;}
.about-title {font-size: 28px;font-weight: 700;margin-top: 10px;color: #333;}
.about-description {margin-top: 10px;color: #666;font-size: 16px;line-height: 1.6;}
.about-support-container {display: flex;flex-wrap: wrap;gap: 20px;margin-top: 20px;}
.about-support {display: flex;align-items: center;gap: 10px;cursor: pointer;transition: transform 0.3s ease, box-shadow 0.3s ease;flex: 1 1 150px;}
.about-support:hover {transform: translateY(-3px);}
.about-icon {width: 50px;height: 50px;background-color: #a2d40a;border-radius: 50%;display: flex;align-items: center;justify-content: center;transition: background-color 0.3s ease, transform 0.3s ease;}
.about-support:hover .about-icon {transform: scale(1.1);}
.about-support-text {font-weight: 600;color: #333;transition: color 0.3s ease;}
.about-support:hover .about-support-text {color: #a2d40a;}.about-more-btn { display: inline-block;font-size:14px; background-color: #a2d40a;color: #fff;padding: 10px 25px;border: none;border-radius: 5px;font-weight: 700;text-transform: uppercase;cursor: pointer;transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;margin-top: 20px;}
.about-more-btn:hover {background-color: #88a834;transform: translateY(-3px) scale(1.05);box-shadow: 0 4px 15px rgba(151, 185, 64, 0.4);}

/* Extra Small Devices (Phones) */
@media (max-width: 480px) {.about-title { font-size: 22px; }.about-description { font-size: 14px; }.about-more-btn { width: 100%; text-align: center; }}
/* Small Devices (Tablets & Large Phones) */
@media (max-width: 768px) {.about-title { font-size: 24px; }.about-description { font-size: 15px; }}
/* Medium Devices (Small Laptops) */
@media (max-width: 1024px) {.about-title { font-size: 26px; }}
/* Large Devices (Desktops & Larger Screens) */
@media (max-width: 1200px) {.about-title { font-size: 28px; }}
/* Extra Large Devices (Large Monitors & TVs) */
@media (min-width: 1201px) {.about-title { font-size: 30px; }}

.image-frame-container {position: relative;grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(2, 1fr);gap: 10px;max-width: 600px;margin: 0 auto;/* z-index: 10; */}
.image-frame {position: relative;display: grid;grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(2, 1fr);gap: 10px;}
.image-frame img {width: 100%;height: 100%;object-fit: cover;border-radius: 8px;}
.top-left {grid-column: 1 / 2;grid-row: 1 / 2;}
.bottom-left {grid-column: 1 / 2;grid-row: 2 / 3;}
.bottom-right {grid-column: 2 / 3;grid-row: 2 / 3;}
.video-icon-container {grid-column: 2 / 3;grid-row: 1 / 2;display: flex;flex-direction: column;align-items: center;background-color: #fff; border-radius: 8px;position: relative; }
.video-icon {color: white; background-color: #a2d40a;width: 60px;height: 60px;border-radius: 50%;display: flex;justify-content: center;align-items: center;cursor: pointer;animation: pulse 1.5s infinite, blast 1s ease-in-out;}
.video-icon-text {color: #575757;padding: 5px 10px;border-radius: 8px 8px 0 0;font-weight: bold;writing-mode: sideways-lr;text-orientation: upright;border: 2px solid transparent;transition: color 0.3s ease, border-color 0.3s ease;}
.video-icon-text:hover {color: #a2d40a;text-decoration: underline;}
@keyframes pulse {0% { transform: scale(1); opacity: 1; }50% { transform: scale(1.1); opacity: 0.7; }100% { transform: scale(1); opacity: 1; }}

/* Experience Badge */
.experience-badge {position: absolute;top: 50%;left: 50%;width: 100px; height: 100px;transform: translate(-50%, -50%);background-color: #a2d40a;border: 5px rgb(222, 226, 230) solid;color: #fff;display: flex; align-items: center; justify-content: center; padding: 10px 20px;border-radius: 50%;font-weight: bold;z-index: 3;font-size: 14px;text-align: center;box-sizing: border-box; }
.popup-overlay {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.8);justify-content: center;align-items: center;z-index: 10;}
.popup-content {background: #fff;padding: 15px;border-radius: 10px;max-width: 95%; width: 900px; max-height: 95vh; overflow-y: auto;text-align: center;}
.popup-content iframe, 
.popup-content video {width: 100%; height: 70vh; border-radius: 8px; }
.close-popup {position: absolute;top: 10px;right: 10px;cursor: pointer;font-size: 24px;color: #fff;}


/* mission vision section css start here */
.mission-vision-bg {background-color: #eeeeee73;padding: 45px 0;}
.mission-vision-container {display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}
.mission-vision-left {flex: 1;min-width: 300px;display: flex;flex-direction: column;justify-content: center;text-align: left;}
.mission-vision-left h2 {font-size: 30px;font-weight: bold;margin-bottom: 20px;}
.mission-vision-box {display: flex;align-items: center;background: #ffffff;padding: 20px;margin-bottom: 15px;border-radius: 8px;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);transition: all 0.3s ease-in-out;border: 2px solid transparent;}
.mission-vision-box:hover {background: #eaf3e0;border-color: #a2d40a;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);transform: translateY(-3px);}
.mission-vision-icon {width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;border-radius: 50%;background-color: #dbedad;margin-right: 15px;flex-shrink: 0;transition: all 0.3s ease-in-out;}
.mission-vision-img {width: 30px;height: 30px;object-fit: contain;}
.mission-vision-box:hover .mission-vision-icon {background-color: #91cf0a69;transform: scale(1.1);}
.mission-vision-box h3 {font-size: 18px;margin-bottom: 5px;font-weight: bold;transition: color 0.3s ease-in-out;}
.mission-vision-box p,.mission-vision-box ul {font-size: 14px;color: #555;margin-bottom: 0;}
.mission-vision-box:hover h3 {color: #4f7220;}
.mission-vision-right {min-width: 300px;display: flex;align-items: center;justify-content: center;overflow: hidden;}
.mission-vision-right img {width: 100%;max-height: 650px;object-fit: cover;border-radius: 10px;}

/* Medium Screens */
@media (max-width: 992px) {.mission-vision-container {flex-direction: column;}
.mission-vision-left {margin-bottom: 30px;}
.mission-vision-right img {max-height: 400px;}}

/* Tablet Screens */
@media (max-width: 768px) {.mission-vision-box {flex-direction: column;text-align: center;padding: 15px;}
.mission-vision-box ul{ text-align: left;}
.mission-vision-icon {margin: 0 auto 10px auto;}
.mission-vision-right img {max-height: 400px;}}
@media (max-width: 480px) {.mission-vision-bg {padding: 30px 0;}
.mission-vision-left h2 {font-size: 24px;text-align: center;}
.mission-vision-box {padding: 15px;text-align: center;margin-bottom: 10px;}
.mission-vision-icon {width: 40px;height: 40px; margin-bottom: 8px;}
.mission-vision-box h3 {font-size: 16px;}
.mission-vision-box p {font-size: 13px;padding:10px;}
.mission-vision-right img {max-height: 250px;border-radius: 8px;} 
.fw-bold {font-weight: 700 !important;text-align: center;}}



/* teximonials css starts here */
.testimonials-bg{   background-image: url('/images/testimonials-bg2.jpg');background-size: cover; background-position: center; background-repeat: no-repeat; padding: 40px 0 40px 0;background-attachment: fixed;}
.testimonials {text-align: center;width: 100%;padding: 2rem;box-shadow: 0 0 25px rgba(0, 0, 0, 0.15);border-bottom: solid 4px #a2d40a;border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;}
.title {font-size: 1.5rem;text-align: left;}
.title span {color: #a2d40a;}
.description {font-size: 0.95rem;color: #333;text-align: left; padding-top: 20px; font-size: 18px;}
.description2 {font-size: 0.95rem;color: #333;text-align: center; padding-top: 20px; font-size: 18px; font-weight: 600;}
.slider-container {margin-top: 2rem;margin: 2rem auto 0 auto;position: relative;overflow: hidden;}
.slider {display: flex;flex: 0 0 1;width: 300%; transition: all 0.5s linear;}
.slide-box {padding: 0 80px;}

/* Continuous Bounce Effect */
@keyframes bounce {0%, 100% {transform: translateY(0);}50% {transform: translateY(-8px);}}

.slide-box .comment {background-color: #a2d40a;color: #fff;font-size: 0.86rem;padding: 1rem 1.5rem;margin-bottom: 2rem;letter-spacing: 0.4px;box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);position: relative;font-weight: 400;animation: bounce 1.5s ease-in-out infinite; }
.slide-box .comment::before {content: "";position: absolute;left: 50%;bottom: -10px;height: 20px;width: 20px;background-color: #a2d40a;transform: translateX(-50%) rotate(45deg);box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.15);}
.slide-box img {max-width: 150px;border-radius: 50%;}
.slide-box .name {font-size: 1rem;}
.slide-box .job {font-size: 0.7rem;color: #8d8e97;font-weight: 400;}
.control-slider {position: absolute;z-index: 5;top: 50%;transform: translateY(-50%);height: 40px;width: 40px;border-radius: 50%;background-color: #a2d40a;line-height: 40px;color: #ffffff;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);cursor: pointer;}
.btn-left {left: 10px;}
.btn-right {right: 10px;}
.btn-left:hover, .btn-right:hover { color: rgb(255, 255, 255); }
@media screen and (max-width: 500px) {.slide-box {padding: 0 55px;}.slide-box img {max-width: 80px;border-radius: 50%}}



/* skilled  section  */
.skilled-container {display: flex;flex-wrap: wrap;padding: 20px;}
.skilled-left {flex: 1;min-width: 300px;max-width: 500px;display: flex;align-items: center;justify-content: center;}
.skilled-left img {width: 100%;height: 100%;max-height: 400px;object-fit: cover;border-radius: 15px;transition: transform 0.4s ease-in-out;}
.skilled-left img:hover {transform: scale(1.05);}
.skilled-right {flex: 1;min-width: 300px;padding: 20px;}
.skilled-small-heading {font-size: 16px;color: #a2d40a;font-weight: bold;text-transform: uppercase;}
.skilled-title {font-size: 24px;font-weight: bold;margin: 10px 0;}
.skilled-progress-bar {margin: 15px 0;position: relative;}
.skilled-label {display: block;font-size: 14px;margin-bottom: 5px;}
.skilled-progress {width: 100%;height: 15px;background: #e0e0e0;border-radius: 5px;overflow: hidden;position: relative;}
.skilled-fill { height: 100%;background: #a2d40a;width: 0;transition: width 1.5s ease-in-out;position: relative;}
.skilled-percentage {position: absolute;right: 10px;top: 50%;transform: translateY(-50%);font-size: 14px;font-weight: bold;color: #333;}
.skilled-button {margin-top: 20px;padding: 10px 20px;background: #a2d40a;color: white;border: none;cursor: pointer;font-size: 16px;border-radius: 5px;transition: background 0.3s;}
.skilled-button:hover {background: #7a9b32;}
@media (max-width: 768px) {.skilled-container {flex-direction: column;}.skilled-left {max-width: 100%;}}

/* our features section css starts here */
.our-features-box {background: #fff;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);padding: 5px;text-align: center;border-radius: 8px;transition: all 0.3s ease-in-out; }
.our-features-box:hover {border-bottom: 2px solid #a2d40a;transform: translateY(-5px); }
.our-features-box p{ font-weight: 600; color: #000000 !important;}
.our-features-icon {width: 60px;height: 60px;color: #fff;display: flex;align-items: center;justify-content: center;border-radius: 50%;font-size: 24px;border: dotted #a2d40a 3px;margin: 0 auto 10px;transition: transform 0.3s ease-in-out; }
.our-features-icon img{ width: 40px; height: 40px;}
.our-features{background-color: #FEF5F2;padding: 25px 0px 25px 0px;}
.our-features p{ text-align: center; padding: 10px 10px; color: #646464;font-size:16px;}
.our-features i { font-weight: 600;} 
.our-features-heading {background-color: #EFEFEF;padding: 5px;border-radius: 200px;max-width: 220px;display: flex;align-items: center;font-weight: 600;}
@media (max-width: 412px) {.whychooseusBG-heading{max-width: 100%;border-bottom: 2px solid #a2d40a;color: #2D322C;font-size:14px;}}

/* manager section css starts here */
.managers-section {margin: auto;text-align: center;background-color: #FEF5F2;}
.managers-section-heading {background-color: #EFEFEF;padding: 5px;margin-bottom:25px; border-radius: 200px;max-width: 220px;display: flex;align-items: center;font-weight: 600;}
.managers-container {display: flex;flex-wrap: wrap;justify-content: center;gap: 20px;}
.manager-card {background: #fff;padding: 20px;border-radius: 10px;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);text-align: center;width: 100%;border-bottom: 2px solid #a2d40a;display: flex;flex-direction: column;align-items: center;}
.manager-card img {width: 100%;height: 350px;border-radius: 0;object-fit: cover; margin-bottom: 15px;}
.manager-name  {font-size: 16px !important;font-weight: bold; margin-bottom: 5px;}
.manager-designation {font-size: 14px;color: #666;margin-bottom: 10px;}
.managers-social-icons {display: flex;justify-content: center;gap: 10px;}
.managers-social-icons a {text-decoration: none;color: #fff;background: #a2d40a;width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;border-radius: 50%;font-size: 14px;transition: 0.3s;}
.managers-social-icons a:hover {background: #7c9a34;}
@media (min-width: 768px) {.managers-container {flex-wrap: nowrap;}}
.managers-btn { width: 100%; max-width: 250px;display: inline-block;background-color: #a2d40a;color: #fff;padding: 10px 25px;border: none;border-radius: 5px;font-weight: 700;text-transform: uppercase;cursor: pointer;transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;margin-top: 20px;}
.managers-btn:hover {background-color: #88a834;transform: translateY(-3px) scale(1.05);box-shadow: 0 4px 15px rgba(151, 185, 64, 0.4);}


/* doctor-profile css starts here */

.doctor-profile-container {display: flex;flex-wrap: wrap;max-width: 1200px;margin: 20px auto;background: white;padding: 20px;border-radius: 10px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.doctor-profile-image {flex: 1;text-align: center;}
.doctor-designation p { font-size: 14px; font-weight: 600;}
.doctor-profile-image img {width: 100%;max-width: 250px;border-radius: 10px;}
.doctor-profile-details {flex: 2;padding: 0 20px;}
.doctor-profile-details h2 {margin: 0;color: #333;}
.doctor-profile-details h4{ text-align: left; color: #a2d40a; font-weight: 700; }
.doctor-profile-social-icons {margin: 10px 0;}
.doctor-profile-social-icons i {font-size: 20px;margin-right: 10px;color: #a2d40a;cursor: pointer;}
.doctor-profile-schedule-btn {background: #a2d40a;color: white;padding: 10px 15px;border: none;border-radius: 5px;cursor: pointer;}
.doctor-profile-other-doctors {flex: 1;padding-left: 20px;}
.doctor-profile-other-doctors h6 {font-size: 16px;font-weight: 700;margin-bottom: 10px;color: #333;}
.doctor-profile-other-doctors ul {list-style: none;padding: 0;margin: 0;font-weight: 100;}
.doctor-profile-other-doctors li {padding: 10px 15px;border-bottom: 1px solid #ddd;display: flex;align-items: center;transition: background 0.3s ease-in-out;position: relative;}
.doctor-profile-other-doctors li:last-child {border-bottom: none;}
.doctor-profile-other-doctors li:hover {background: #f5f5f5;}
.doctor-profile-other-doctors li a {text-decoration: none;color: #333;font-weight: 500;transition: color 0.3s ease-in-out;}
.doctor-profile-other-doctors li a:hover {color: #a2d40a;}
.doctor-profile-other-doctors li::before {content: "\f007"; font-family: "Font Awesome 5 Free";font-weight: 900;margin-right: 10px;color: #a2d40a;}
@media (max-width: 768px) {.doctor-profile-container {flex-direction: column;align-items: center;}.doctor-profile-image img {max-width: 200px;}.doctor-profile-details, .doctor-profile-other-doctors {text-align: center;padding: 10px 0;}}
.Expertise {list-style: none;padding: 0;margin: 0;max-width: 600px;}
.Expertise li {margin-bottom: 10px;background: #f9f9f900;border-radius: 8px;overflow: hidden;}
.Expertise input {display: none;}
.Expertise label {display: flex;justify-content: space-between;align-items: center;padding: 15px;background: #a2d40a36;cursor: pointer;transition: background 0.3s ease;border-radius: 8px;}
.Expertise label:hover {background: #eaeaea;}
.Expertise h6 {font-size: 18px;margin: 0;font-weight: 600;color: #333;}
.Expertise .icon {font-size: 18px;font-weight: bold;transition: transform 0.3s ease;}
.Expertise-place{ font-weight: 600;}
.Expertise .content {max-height: 0;overflow: hidden;transition: max-height 0.4s ease-in-out;padding: 0 15px;background: #e4ebd23b;}
.Expertise input:checked + label + .content {max-height: 1500px;padding-bottom: 15px;padding-top:15px; font-size: 14px;font-weight: 500;}
.Expertise input:checked + label .icon {transform: rotate(45deg); }
.doctor-profile-para { font-size:14px;}

.doctor-profilelist ul {list-style: none;padding: 0;margin-bottom: 30px;}
.doctor-profilelist ul li {font-size: 14px;color: #333;font-weight: normal;margin: 5px 0;display: flex;align-items: center;}
.doctor-profilelist ul li::before {content: "✔";color: #a2d40a;margin-right: 10px;font-size: 14px;}
.doctor-profilelist a {display: inline-block;background: #a2d40a;padding: 13px 35px;border-radius: 200px;color: #fff;text-decoration: none;font-size: 13px;font-weight: 700;transition: background 0.5s;}
.doctor-profilelist a:hover {background: #5F3616;}
@media (max-width: 768px) {.doctor-profilelist ul li {font-size: 13px;}
.doctor-profilelist a {padding: 11px 25px;font-size: 12px;text-align: center;}}
@media (max-width: 480px) {
.doctor-profilelist ul li {font-size: 12px;margin: 4px 0;}
.doctor-profilelist a {display: block;width: 100%;padding: 10px 0;font-size: 12px;text-align: center;margin-top: 15px;}}


  /* other doctors carousal */
.other-doctors-container {position: relative;width: 100%;max-width: 1200px;margin: auto;overflow: hidden;}
.other-doctors {display: flex;transition: transform 0.5s ease-in-out;}
.other-doctors-designation {display: block;font-size: 14px;font-weight: 600;color: #a2d40a;margin-top: 5px;text-transform: uppercase;letter-spacing: 1px;}
.other-doctors-item {min-width: 50%; box-sizing: border-box;padding: 20px;text-align: center;display: flex;flex-direction: column;align-items: center;justify-content: stretch;background: #fff;border-radius: 10px;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);}
.other-doctors-item h2,
.other-doctors-item p {flex-grow: 1; display: flex;align-items: center;justify-content: center;text-align: center;}
.other-doctors-item img {width: 100%;height:320px; object-fit: cover;border-radius: 10px;}
.other-doctors-item img {
@media (max-width: 768px) {height: 320px; }
@media (max-width: 480px) {height: 200px; }}
@media (min-width: 768px) {
.other-doctors-item {min-width: 25%; }}
.other-doctors-controls {display: flex;justify-content: center;align-items: center;margin-top: 10px;}
.other-doctors-item-button {background-color: #a2d40a;border: none;cursor: pointer;border-radius: 50%;margin: 0 10px;width: 40px;height: 40px;color: white;}
.other-doctors-dots {display: flex;gap: 5px;}
.other-doctors-dots span {width: 10px;height: 10px;background: gray;border-radius: 50%;cursor: pointer;}
.other-doctors-dots .active {background: #a2d40a;}
.other-doctors-custom-heading {font-size: 24px;font-weight: bold;position: relative;display: inline-block;text-transform: uppercase;padding: 10px 20px;}
.other-doctors-custom-heading::after {content: "";display: block;width: 50%; height: 3px;background-color: #a2d40a;position: relative;top: 5px;}
@media (max-width: 768px) {.other-doctors-custom-heading {font-size: 1.5rem;padding: 8px 16px;}.other-doctors-custom-heading::after {width: 60%;}}
@media (max-width: 480px) 
{.other-doctors-custom-heading {font-size: 1.2rem;padding: 6px 12px;}
.other-doctors-custom-heading::after {width: 70%;}}





/* backtotop css starts here */
@keyframes spin {0% { transform: rotate(0deg); }100% { transform: rotate(360deg); }}
#backToTop {position: fixed;bottom: 20px;right: 20px;border: dotted 2px #a2d40a;color: rgb(0, 0, 0);width: 50px;height: 50px;padding: 10px;border-radius: 50%;cursor: pointer;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);transition: opacity 0.3s, transform 0.3s;opacity: 0;visibility: hidden;background: transparent;font-size: 20px;text-align: center;display: flex;align-items: center;justify-content: center;animation: spin 3s linear infinite;}
#backToTop.show {opacity: 1;visibility: visible;}
#backToTop:hover {background-color: #7ea32e;color: rgb(255, 255, 255);transform: scale(1.1);animation: none;}
#backToTop span {display: inline-block;}
/* backtotop css end here */