body {
  background: url("../images/website-backgroung.jpg") fixed;
  background-size: cover;
  background-position: center;
}

.navbar {
  border-bottom: 2px solid #fff;
}

.nav-link {
  color: #fff;
}

.dropdown-menu a {
  display: block;
  text-decoration: none;
}

.dropdown-item:hover,
.dropdown-item:focus {
  background-color: transparent;
}

.xl-text {
  font-size: 70px;
}

.tagline {
  font-size: 40px;
}

.header {
  background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)), url("../images/header-background.jpg") left center no-repeat;
  background-size: cover;
  background-color: #fff;
  height: 650px;
}

.vertical-decoration {
  top: 15%;
  width: 25px;
}

.gradientfooter {
  height: 40px;
  background: linear-gradient(to top, #37c3e6, #ffffff);
}

.menufooter {
  list-style: none;
  padding: 0;
}

.menufooter a {
  display: block;
  text-decoration: none;
  font-size: 18px;
}

.copyrighttopfooter {
  box-shadow: 0px 0px 15px 20px rgb(55, 195, 230);
  transition: border 0.3s, border-radius 0.3s, box-shadow 0.3s;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0px 0px 0px 0px;
  background-color: transparent;
}

.copyrightbottomfooter {
  box-shadow: 0px 0px 15px 20px rgb(130, 130, 149);
  transition: border 0.3s, border-radius 0.3s, box-shadow 0.3s;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 20px 0px 10px 0px;
  background-color: transparent;
}

.mapfooter a {
  display: block;
  text-decoration: none;
}

.services h2.fw-bold {
  text-transform: uppercase;
  text-underline-offset: 5px;
  margin-bottom: 50px;
}
.services .card {
  border: none;
  background: transparent;
}
.services .servicesTitle {
  font-size: 1rem;
}

.choose .iconColor {
  color: #fff;
}
.choose .card {
  border: none;
  background: transparent;
  align-items: center;
}
.choose .chooseTitle {
  font-size: 1rem;
  color: #ffffff;
}
.choose .cardImage {
  width: 220px;
  height: 220px;
}

.card-img-fixed {
  height: 200px;
  object-fit: cover;
}

.aboutfooter {
  position: relative;
  background-color: #0d6efd; /* Bootstrap primary blue */
  overflow: hidden;
  color: #fff; /* ensure text contrast */
}

.aboutfooter::before {
  content: "";
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(120deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.15) 100%);
  transform: skewX(-20deg);
  animation: shine-slide 3s infinite;
  pointer-events: none;
  z-index: 1;
  border-radius: 0; /* optional if you want rounded corners */
}

@keyframes shine-slide {
  0% {
    left: -75%;
  }
  100% {
    left: 125%;
  }
}
/* Make sure container content is above shine */
.aboutfooter > .container {
  position: relative;
  z-index: 2;
}

.addressfooter {
  background-color: #fff;
  padding: 20px 0;
}

@media (max-width: 992px) {
  .xl-text {
    font-size: 50px;
  }
  .header {
    text-align: center;
    background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.9)), url("../images/header-background.jpg") center center no-repeat;
  }
  .choose .card-title {
    font-weight: 500 !important;
  }
}
@media (max-width: 1400px) {
  .namedisappear {
    display: none;
  }
}
.reduced-opacity {
  opacity: 0.7;
}

@media (max-width: 845px) {
  .addressfooter .col-sm-12 {
    width: 100%;
  }
  .addressfooter .border-end,
  .addressfooter .border-start {
    border: none !important;
  }
  .addressfooter .text-md-end {
    text-align: center !important;
  }
}
@media (max-width: 767px) {
  .addressfooter .border-end {
    border-right: none !important;
  }
  .addressfooter .border-start {
    border-left: none !important;
  }
  .choose .card-title {
    font-weight: 600 !important;
  }
  .aboutHeader span,
  .contactHeader span,
  .cardioHeader span,
  .neuroHeader span,
  .geriatricHeader span,
  .paediatricHeader span,
  .sportsHeader span,
  .orthoHeader span {
    font-size: 45px;
  }
}
@media (max-width: 700px) {
  .choose .card-img-top {
    max-width: 100%;
    height: auto;
  }
}
@media (max-width: 390px) {
  .aboutHeader span,
  .contactHeader span,
  .cardioHeader span,
  .neuroHeader span,
  .geriatricHeader span,
  .paediatricHeader span,
  .sportsHeader span,
  .orthoHeader span {
    font-size: 30px;
  }
}
.aboutHeader,
.contactHeader,
.cardioHeader,
.neuroHeader,
.geriatricHeader,
.paediatricHeader,
.sportsHeader,
.orthoHeader,
.teleHeader {
  width: 100%;
  background-color: #fff;
  color: white;
  opacity: 0.95;
}

.aboutHeaderText,
.contactHeaderText,
.cardioHeaderText,
.neuroHeaderText,
.geriatricHeaderText,
.paediatricHeaderText,
.sportsHeaderText,
.orthoHeaderText,
.teleHeaderText {
  margin-top: 20px;
  font-size: 45px;
  font-weight: 600;
}

.teleDescription,
.contactDescription,
.orthoDescription,
.cardioDescription,
.geriatricDescription,
.neuroDescription {
  color: #000;
}

#contactPage input,
#contactPage textarea {
  color: black;
}

/* Neuro Section */
.neuroSymptoms,
.pulmonarySymptoms,
.geriatricSymptoms {
  padding: 40px;
  background-color: rgba(55, 195, 224, 0.3803921569);
}

.neuroSymptoms ul {
  list-style: none;
  padding-left: 0;
}

.neuroSymptoms .cardBackground {
  background-color: #07b9df;
}

@keyframes slideInLeft {
  from {
    transform: translateX(-100%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slideInRight {
  from {
    transform: translateX(100%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
.slide-in-left {
  animation: slideInLeft 5s forwards;
}

.slide-in-right {
  animation: slideInRight 5s forwards;
}

.max-100x100 {
  max-width: 250px;
  max-height: 250px;
  width: auto;
  height: auto;
}

/* Custom CSS for small screens */
@media (max-width: 768px) {
  .carousel-inner {
    max-width: 100%;
  }
  .carousel-item {
    text-align: center; /* Center align the testimonials on small screens */
  }
  .testimonial {
    margin: 0 auto; /* Center the testimonials within the carousel items */
  }
}