.hero .hero-image {
  height: 520px;
  overflow: hidden;
  border-radius: 30px;
  box-shadow: 0 30px 80px color-mix(in srgb, var(--accent-color), transparent 80%);
}
.hero .hero-image .main-img {
  
  margin-left: -50px;
}
.hero .hero-image .main-img {
  height: 100%;
  width: auto !important;
}
.hero-text-container {
  padding-left: 30px;
}
.hero-text-container h1 {
  font-family: var(--secondary-font);
  font-size: 6rem;

}
.text-reveal-wrap {
  overflow: hidden;
  padding: 5px;
  /* height: 300px; */
}
.text-reveal-wrap .reveal-text {
  display: block;
  transform: translateY(100%);
  animation: slideUpReveal 2s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}
/* service new styles */
#therapy-service {
  position: relative;
}
@keyframes slideUpReveal {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}
.main-section-title {
    font-family: var(--secondary-font);
    font-size: 36px;
    font-weight: 700;
    text-transform: capitalize;
    text-align: center;
    padding-bottom: 20px;
}
.main-section-title span {
   color: #5bb8b5;
}
.about-us .about-sub-heading h2 {
   font-family: var(--secondary-font);
   font-size: 2.5rem !important;
   font-weight: 500;
   padding-bottom: 20px;
}
.about-us .about-sub-heading span {
  font-style: italic;
  color: #5bb8b5;
}
.about-tp {
  padding-top: 60px;
}
.about-us .image-grid {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 1.5rem;
    height: 500px;
}
.about-us .image-grid .small-img-wrapper {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}
.about-us .image-grid .small-img-wrapper .small-image-item {
    border-radius: 12px;
    overflow: hidden;
    flex: 1;
    box-shadow: 0 15px 40px 
    color-mix(in srgb, var(--default-color), transparent 92%);
}
.about-us .image-grid .small-img-wrapper .small-image-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}
.about-us .image-grid .large-image {
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 25px 80px 
    color-mix(in srgb, var(--default-color), transparent 88%);
}
.about-us .image-grid .large-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}
.about-us .content-wrapper .highlight-section {
    background: var(--surface-color);
    padding: 1.5rem;
    border-radius: 12px;
    display: flex;
    align-items: flex-start;
    gap: 1.5rem;
    margin-bottom: 1rem;
    border-left: 4px solid #5bb8b5;
    box-shadow: 0 8px 30px color-mix(in srgb, var(--accent-color), transparent 95%);
}
.about-us .content-wrapper .highlight-section .highlight-text h4 {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 0.75rem;
    color: var(--heading-color);
}
.about-us .content-wrapper .highlight-section .highlight-text p {
    font-size: 1rem;
    line-height: 1.6;
    color: color-mix(in srgb, var(--default-color), transparent 30%);
    margin: 0;
    padding: 10px;
    text-align: left;
}
#therapy-service {
  padding-top: 40px;
  font-family: var(--primary-font);
}
#services {
  padding-top: 40px;
  font-family: var(--primary-font);
}
.services .service-item-card{
    position: relative;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 5px 20px color-mix(in srgb, var(--accent-color), transparent 95%);
    transition: all 0.3s ease;
    height: 100%;
    width: 95%;
}
#therapy-service .service-item-card{
    border-top: 4px solid #5bb8b5;

}
.services .service-item-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 35px color-mix(in srgb, var(--accent-color), transparent 85%);
}
.services .service-item-card .service-text {
  padding: 20px;
}
.services .service-item-card .service-text h3{
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px;
    line-height: 1.2rem;
}
.services .service-item-card .service-text p {
    margin-bottom: 20px;
    font-size: 15px;
}
.main-cta {
   text-align: center;
   margin-top: 30px;
}
.main-cta a {
  display: inline-block;
  padding: 10px 15px;
  color: #fff;
  border-radius: 30px;
  text-decoration: none;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.main-cta a:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #5bb8b5;
  border-radius: 10rem;
  z-index: -2;
}
.main-cta a:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #00652d;
  transition: all 0.3s;
  border-radius: 10rem;
  z-index: -1;
}
.main-cta a:hover {
  color: #fff;
}
.main-cta a:hover:before {
  width: 100%;
}

.footer-top .contact-box .item2 p {
  color: #000;
}
.footer-top .contact-box .item2 p a {
  color: #000;
}
.about-image-grid {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
    height: 500px;
}
.about-image-grid .small-img-wrapper {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}
.about-image-grid .small-img-wrapper .small-image-item {
    border-radius: 12px;
    overflow: hidden;
    flex: 1;
    box-shadow: 0 15px 40px 
    color-mix(in srgb, var(--default-color), transparent 92%);
}
.about-image-grid .small-img-wrapper .small-image-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}
.about-us .content-wrapper {
  width: 100%;
}
.about-us .content-wrapper:first-child {
  padding-top: 60px;
}
.about-us .content-wrapper .wrap-p{
    padding: 0.8rem;
}
.section-title p {
  padding-bottom: 5px;
  padding-top: 0px;
  margin-bottom: 0;
}
.section-title p.qualification {
  font-size: 16px;
}
.about-us .content-wrapper .highlight-section .highlight-text h5 {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 0.75rem;
    
}
.service-row-mt {
    margin-top: 25px;
}
.highlight-text {
  font-family: var(--primary-font);
}
.highlight-sec-img {
  max-width: 230px;
  border-radius: 12px;
  overflow: hidden;
}
.service-section-title {
    font-family: var(--secondary-font);
    font-size: 36px;
    font-weight: 700;
    text-transform: capitalize;
    text-align: left;
    padding-bottom: 20px;

}
.service-section-title span{
      color: #5bb8b5;
}

.main-contact-wrapper {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}
.main-contact-wrapper .info-box {
    background: var(--surface-color);
    padding: 25px;
    height: 100%;
    border-radius: 15px;
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.08);
    text-align: center;
    transition: all 0.3s ease;
}
.main-contact-wrapper .info-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 35px rgba(0, 0, 0, 0.12);
}
.main-contact-wrapper .info-box h3 {
    font-size: 1.2rem;
}
.main-contact-wrapper .info-box i {
    font-size: 32px;
    color: #5bb8b5;
    border-radius: 50%;
    padding: 15px;
    background: color-mix(in srgb, #5bb8b5, transparent 90%);
    /* margin-bottom: 20px; */
    display: inline-block;
    line-height: 1;
}

.contact .email-form {
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.08);
    padding: 30px;
    border-radius: 15px;
}
.contact .email-form .form-control {
    padding: 15px;
    border-radius: 10px;
    border: 1px solid rgba(91, 184, 181,0.6);

}
.form-control-select {
    padding: 15px;
    width: 100%;
    border-radius: 10px;
    border: 1px solid rgba(91, 184, 181,0.6);
}
@media(max-width: 500px){
    .hero-text-container h1 {
      font-size: 4rem;
    }
    .about-us .about-sub-heading h2 {
      font-size: 2rem;
    }
    .about-us .image-grid {
      grid-template-columns: 1fr;
      height: auto;
    }
    .about-mb {
      margin-bottom: 15px;
    }
    .about-us .content-wrapper:first-child {
      padding-top: 0px;
    }
    .services .service-item-card {
      margin: auto;
    }
    .footer-top .contact-box {
      margin-bottom: 22px;
    }
    .navmenu ul {
      border: 1px solid #5bb8b5;

    }
    .navmenu  a {
      color: #00652d !important;
    }
    .footer-bottom span {
      display: block;
    }
    .about-image-grid {
      grid-template-columns: 1fr;
      height: auto;
    }
    .about-us .content-wrapper .highlight-section{
      flex-direction: column;
    }
    .about-us .content-wrapper .highlight-section .highlight-text h5 {
      font-size: 20px;
    }
    .services .service-item-card .service-text p {
      font-family: var(--primary-font);
    }
}