:root {
  --yellow: #f4c025;
  --black: #000000;
  --white-1: #fafafa;
  --white: #ffffff;
  --service-brown: #74593e;
  --service-blue: #497aab;
  --service-pink: #cd557d;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--black);
}
body {
  overflow-x: hidden !important;
}
.header-call-now {
  background: var(--white-1);
  border: 0;
  outline: 0;
  padding: 8px 12px;
  color: var(--black);
  font-weight: 500;
}
.book-appoint {
  background: var(--yellow);
  color: var(--white);
}
.services-know-btn {
  background: var(--yellow);
  color: var(--white);
  border-radius: 10px;
  padding: 8px;
  border: 0;
}
.navbar-scrolled .header-call-now {
  background: var(--yellow);
  color: var(--white);
}
.gradient-brown {
  background: var(--service-brown);
}
.gradient-blue {
  background: var(--service-blue);
}
.gradient-pink {
  background: var(--service-pink);
}
.reason-card {
  border-radius: 12px;
  height: 100%;
}
.team-text {
  color: var(--service-brown);
  font-weight: 700;
}
.consult-btn {
  background: var(--service-brown);
  border: 0;
  outline: 0;
  font-size: 16px;
}
.doctor-carousel {
  padding: 3rem 2rem;
}
.carousel-control-next {
  right: -50px;
}
.call-now:hover {
  color: #ffffff;
  background: #000;
}
.service-image img {
  height: 220px;
}
.carousel-control-prev {
  left: -50px;
}
.carousel-control-next,
.carousel-control-prev {
  opacity: 1;
  bottom: 0;
  align-items: center;
  width: 3%;
  /* display: none; */
}
.facility {
  background: #f0ebe6;
}
.testimonial-rating {
  color: var(--service-brown);
}
.patient-say {
  background: #f0ebe64d;
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
  background-color: var(--service-brown);
  height: 20%;
}
.testimonial-card {
  border-radius: 12px;
}
.testimonial-author {
  border-top: 1px solid #aa8c6954;
}
.map iframe {
  width: 100%;
  height: 400px;
}

@media screen and (max-width: 768px) {
  .services-scroll .service-card,
  .reasons-scroll .reason-card,
  .testimonials-scroll .testimonial-card {
    width: 100% !important;
  }
  .carousel-control-next {
    right: 0;
  }
  .carousel-control-prev {
    left: 0;
  }
  .carousel-control-prev-icon,
  .carousel-control-next-icon {
    height: 2rem;
  }
  .doctor-highlights span {
    font-size: 14px;
  }
  .gap-3 {
    gap: 0.5rem !important;
  }
}
@media screen and (max-width: 500px) {
  .map iframe {
    height: 270px;
  }
  .carousel-control-next,
  .carousel-control-prev {
    display: none;
  }
  .services-scroll,
  .testimonials-scroll,
  .reasons-scroll {
    overflow-x: auto;
    margin: 0;
    padding: 0.5rem;
  }
}