/*
Theme Name: Dr Sonali Child
Theme URI: https://aqlix.com/
Template: Dr Sonali
Author: Aqlix Development Team
Author URI: https://aqlix.com/
Description: We partner with Enterprises, SMEs, and Startups, providing digital solutions and access to our team of tech experts for software, product, and application development.
Tags: one-column,accessibility-ready,custom-colors,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,block-patterns,rtl-language-support,sticky-post,threaded-comments,translation-ready,blog,portfolio
Version: 2.4.1734933362
Updated: 2024-12-23 05:56:02

*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@font-face {
    font-family: 'plantagenet_cherokeeregular';
    src: url('plantagenetcherokee-webfont.woff2') format('woff2'),
         url('plantagenetcherokee-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
.head-btns.right-side {
    display: flex;
    justify-content: end;
    gap: 14px;
    padding: 4px 0;
}
.hero-content.homepage-hero strong {
	position: relative;
	z-index: 1;
}

.hero-content.homepage-hero strong::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 0; /* Start collapsed */
    height: 100%;
    background: var(--primary-color);
    z-index: -1;
    transition: width 1s ease;
}

/* When active, expand the ::before pseudo-element */
.hero-content.homepage-hero strong.active::before {
    width: 100%;
}
header.main-header .container {
    max-width: 85%;
}
.sidebar-logo {
    margin-bottom: 30px;
}

.header-top-btns a {
    color: #000000;
    border: 1px solid #479491;
    padding: 5px 8px;
    font-size: 12px;
    background:  transparent;
    color: #ffffff;
    border-radius: 5px;
	color: #479491;
}
header.main-header.fixed-header .navbar {
    padding: 20px 0 30px;
}
.header-sticket-btns {
    position: absolute;
    bottom: 2%;
    width: 100%;
    right: 1%;
	z-index: 9;
}
.hero-content.homepage-hero strong {
    font-weight: 700;
}
/* sidebar form */
.sidebar-contact {
    position: fixed;
    top: 70%;
    right: -349px;
    transform: translateY(-50%);
    width: 350px;
    height: auto;
    padding: 15px;
    background: #fff;
    box-shadow: 0 20px 50px rgb(0 0 0 / 50%);
    box-sizing: border-box;
    transition: 0.5s;
	z-index: 999;
}
.sidebar-contact.active{
  right:0;
}
.sidebar-contact input, .sidebar-contact textarea {
    width: 100%;
    height: 36px;
    padding: 5px;
    margin-bottom: 10px;
    box-sizing: border-box;
    border: 1px solid rgba(0, 0, 0, .5);
    outline: none;
    font-size: 12px;
    border-radius: 8px;
}
.sidebar-contact textarea.wpcf7-form-control.wpcf7-textarea {
    height: 70px;
}
.stickey-form p {
    line-height: 1;
    margin-bottom: 0;
}
.sidebar-contact h2{
  margin:0 0 20px;
  padding:0;
}
.sidebar-contact  .contactForm.w-75.mx-auto {
    width: 100% !important;
}
.toggle {
    position: absolute;
    height: 80px;
    width: 48px;
    text-align: center;
    cursor: pointer;
        background-color: var(--primary-color);
    top: 0;
    left: -48px;
    line-height: 48px;
    z-index: 99;
	font-family: Nunito;
}
.toggle:after {
    content: 'Book Appointment';
        background-color: var(--primary-color);
    width: 48px;
    position: absolute;
    bottom: -130px;
    left: 0;
    color: #fff;
    writing-mode: vertical-rl;
    padding: 14px 0 7px;
    min-height: 134px;
    font-weight: 500;
    transform: rotate(180deg);
	font-family: "Montserrat", serif;
}
.toggle:before {
    content: '\f003';
    font-family: fontAwesome;
    font-size: 18px;
    color: #fff;
}
.toggle.active:before {
    content: '\f00d';
}
.sidebar-contact h2 {
    font-size: 20px;
    line-height: 1.5;
}
.sidebar-contact .wpcf7-not-valid-tip {
    font-size: 10px;
}
.page-header-box ol li.breadcrumb-item a {
    font-weight: 700;
}

.contact-form {
    background: #ffffff;
    padding: 60px;
    border-radius: 4px;
}
body {
	font-family: "Montserrat", serif;
}
 ::-webkit-scrollbar-track {
    border-radius: 7px;
    background-color: lightgray;
  }
  ::-webkit-scrollbar {
    width: 7px;
  }
  ::-webkit-scrollbar-thumb {
   cursor:  pointer;
    background:  var(--accent-color);
  }
.header-hamburger svg {
    fill: #ffffff;
}
b, strong {
	font-weight: 500;
}
.page-template-homepage-light header.main-header, .page-template-homepage header.main-header {
    position: absolute;
    top: 0;
    left: 0;
    background: transparent;
    border-bottom: 0;
    margin: 0 auto;
    border-radius: 0;
}
.page-template-homepage .main-menu ul li a:hover, .page-template-homepage-light .main-menu ul li a:hover {
	color: var(--accent-color);
}
header.main-header {
	width: 100%;
}
a.navbar-brand.main-logo {
    max-width: 240px;
    height: auto;
}
header.main-header.fixed-header {
    position: fixed;
    top: 0;
    background-color: #ffffff;
    z-index: 99;
}
header.main-header.fixed-header .main-menu ul li a {
    color: #4e5661;
}
header.main-header.fixed-header .main-menu ul li a:hover {
    color: var(--primary-color) !important;
}
.page-template-homepage  .main-menu ul li a {
    color: #ffffff;
}
header.main-header.fixed-header .header-hamburger svg {
    fill: #4e5661;
}
header.main-header.fixed-header .header-hamburger svg:hover {
    fill: var(--primary-color) !important;
}
.page-template-homepage  .header-hamburger svg {
    fill: #ffffff;
}
header.main-header.fixed-header a.navbar-brand.temp-logo {
    display: inline-block;
}
a.navbar-brand.temp-logo {
    max-width: 240px;
    height: auto;
}
header.main-header.fixed-header a.navbar-brand.main-logo {
    display: none;
}
header.main-header.fixed-header img.custom-logo {
    display: none;
}

.header-hamburger {
    cursor: pointer;
}
.sidenav {
     height: 100%;
     width: 0px;
     position: fixed;
     top: 0;
     right: 0;
     z-index: 999;
     background: #fff;
     overflow-x: hidden;
     padding: 70px 0 0 0;
     transition: all 0.5s;
     box-shadow: 0 0 10px #dfdfdf;
 }

 i.fa.fa-times {
     color: #4e5661;
 }

 .sidenav .current-menu-item a {
     color: #0d56dc !important;
     font-weight: 400;
     ;
      !important;
 }

 .sidenav a {
     font-weight: 400;
 }


 .sidenav a:hover {
     color: var(--main-bg-color);
 }
.sidenav-info {
    padding: 0 5%;
}
 .sidenav a.appoin:hover {
    color: #ffffff;
}
.sidenav a {
    padding: 0 0 30px 0;
    font-size: 18px;
    display: flex;
    text-decoration: none;
    color: #4e5661;
    text-align: left;
	
}

 .closebtn {
     position: absolute;
     top: 0;
     right: 25px;
     font-size: 40px !important;
 }
.visit-clinic-content {
    position: relative;
    z-index: 1;
}
.top-header {
    background-color: var(--primary-color);
    padding: 5px 0;
	color: #ffffff;
}
.top-header a {
    display: flex;
    align-items: center;
    gap: 8px;
	color: #ffffff;
}
.hero-divider {
    width: 100%;
    height: 1px;
    background: #ffffff;
    margin: 30px auto 30px;
    max-width: 300px;
}
.header-social {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 15px;
}
.visit-clinic-content {
    position: absolute;
    bottom: 5px;
    left: 5px;
    z-index: 1;
    width: 100%;
    display: flex;
    height: 50%;
    align-items: center;
}
.visit-clinic-content:before {
    content: '';
    background: var(--primary-color);
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 60%;
}
.visit-clinic.parallaxie video {
    width: 100%;
    height: 100%;
}

.visit-clinic {
    max-height: 600px;
}
.header-info {
    display: flex;
    gap: 25px;
}
a.navbar-brand {
    color: var(--accent-color);
    font-weight: 700;
    font-size: 2rem;
}
a.navbar-brand:hover {
	color: var(--accent-color);
}
.ti-widget.ti-goog .ti-review-item>.ti-inner, .ti-widget.ti-goog .ti-load-more-reviews-container .ti-load-more-reviews-button {
    background-color: transparent !important;
}
.video-play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 70px;
    cursor: pointer;
}
/* button.mfp-arrow.mfp-arrow-left.mfp-prevent-close {
    display: none;
}
button.mfp-arrow.mfp-arrow-right.mfp-prevent-close {
    display: none;
} */
.background-overlay .section-title h2 {
    font-size: 30px;
    line-height: 1.5;
}
.video-carousel .swiper-slide img  {
    border-radius: 4px;
    
}
.cta-socila a {
    background: var(--accent-color);
    width: 40px;
    height: 40px;
    display: flex;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    color: #ffffff;
}
.footer-links.footer-contact-links li a span {
    color: var(--accent-color);
}
.cta-socila {
    display: flex;
    gap: 10px;
}
.ti-prev {
    width: 40px !important;
    height: 40px !important;
    background-color: var(--accent-color);
    border-radius: 4px;
}
.ti-next {
    width: 40px !important;
    height: 40px !important;
    background-color: var(--accent-color);
    border-radius: 4px;
}
.ti-widget.ti-goog .ti-controls .ti-next:before, .ti-widget.ti-goog .ti-controls .ti-prev:before {
    background: url(/wp-content/uploads/2024/12/arrow-white-1.svg) !important;
    background-size: 100% !important;
    left: 26%;
    width: 14px !important;
    height: 30px !important;
    background-repeat: no-repeat !important;
}
.ti-widget.ti-goog .ti-controls .ti-next:after, .ti-widget.ti-goog .ti-controls .ti-prev:after {
	display: none !important;
}
.ti-widget.ti-goog .ti-controls .ti-next:hover, .ti-widget.ti-goog .ti-controls .ti-prev:hover {
    transform: none !important;
}
.ti-widget.ti-goog .ti-controls .ti-prev:before {
    top: 0 !important;
    left: 18px !important;
    transform: rotate(226deg) !important;
}
.ti-widget.ti-goog .ti-controls .ti-next:before {
    top: 11px !important;
}
.footer-logo {
    color: var(--accent-color);
    font-size: 2rem;
    font-weight: 600;
}
.review-video video {
    width: 100%;
    height: 100%;
    border-radius: 4px;
    object-fit: cover;
	aspect-ratio: 1 / 1.1;
}
.company-logo {
    background: #ffffff;
    height: 100%;
    display: flex;
    align-items: center;
    min-height: 155px;
    justify-content: center;
}
.contact-google-map img {
    border-radius: 4px;
}
.dental-process {
    position: relative;
}
/* tabs */
.tab {
    margin-bottom: 60px;
	 cursor: pointer;
}
.tab.active h3 {
    color: var(--accent-color);
    }

    .tab-content {
      display: none;
    }

    .tab-content.active {
      display: block;
    }
.footer-links.footer-contact-links a {
    display: flex;
    gap: 10px;
}
.top-border {
    background-color: var(--primary-color);
    height: 8px;
    width: 100%;
}
.banner-list {
    text-align: center;
}

.banner-list li {
    font-size: 22px;
    line-height: 1.5;
    margin-bottom: 9px;
	color: #ffffff;
}

.banner-list ul {
    margin: 0;
    list-style: none;
}

.banner-list li img {
    padding-right: 10px;
}
.banner-list {
    padding: 60px 0 25px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
/*     background: transparent linear-gradient(0deg, #0e384c 0%, #0e384c 31%, #00000000 100%) 0% 0% no-repeat padding-box; */
}
.banner-list:before {
    content: '';
    background: var(--divider-color);
    width: 100%;
    height: 1px;
    display: block;
    max-width: 80%;
    margin: 0 auto;
    position: relative;
    top: -25px;
}
.section-expending .content {
    text-align: center;
    padding: 0 5%;
}
.section-expending h2 {
	color: #ffffff;
}

.expand-container {
  display: flex;
  height: 300px;
  gap: 10px;
}

.section-expending {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  color: #fff;
  transition: flex .4s ease;
  position: relative;
  border-radius: 4px;
}

.section-expending .overlay {
/*   background-color: rgb(30 132 181 / 60%); */
  width: 100%;
  height: 100%;
  position: absolute;
  transition: background-color .8s ease;
}

.section-expending .content {
  z-index: 2;
}

.section-expending:hover {
  flex: 2;
}

.section-expending:hover .overlay {
  background-color: rgb(30 132 181 / 90%);
}
.section-expending:hover .content {
	opacity: 1;
}
.section-expending {
    background-size: cover !important;
    background-position: center !important;
}
.knee-pain {
    background: url(/wp-content/uploads/2024/12/sonali-1.png) no-repeat;

}
.hip-pain {
    background: url(/wp-content/uploads/2024/12/sonali1.png) no-repeat;
}
.shoulder-pain {
    background: url(/wp-content/uploads/2024/12/sonali2.png) no-repeat;
}
.back-pain {
    background: url(/wp-content/uploads/2024/12/sonali3.png) no-repeat;
}
.neck-pain {
	background: url(/wp-content/uploads/2024/12/sonali4-1.png) no-repeat;
}
.content {
    opacity: 0;
}
.section-title.background-overlay h2 {
    font-size: 26px;
    line-height: 1.5;
}
.tab-content, .default-hover-image {
  display: none;
}
.tab-content.active, .default-hover-image.active {
  display: block;
}
.banner-list p {
    color: #ffffff;
    font-size: 28px;
    font-weight: 600;
    max-width: 80%;
    margin: 0 auto;
    background: rgb(14 56 76 / 60%);
    padding: 20px 5%;
    border-radius: 4px;
}
.about-img-1 {
    box-shadow: 0 0 10px #e7e7e7;
    border-radius: 4px;
}
.about-img-2 {
    box-shadow: 0 0 10px #e7e7e7;
    border-radius: 40px;
}
.google-map-iframe {
    overflow: hidden;
}
.serv-point svg {
    fill: #af8a47;
}
.our-serv-div {
	position: relative;
}
.serv-point {
    position: absolute;
    z-index: 2;
}
.serv-point.point-one {
    bottom: 7%;
    left: 5%;
}
.serv-point.point-two {
    bottom: 52%;
    left: 18%;
}


.serv-point.point-three {
    top: 3%;
    left: 28%;
}
.serv-point.point-four {
    top: 16%;
    left: 46%;
}
.serv-point.point-five {
    top: 41%;
    left: 60%;
}
.serv-point.point-six {
    right: 16%;
    bottom: 7%;
}
.serv-point.point-seven {
    right: 5%;
    top: 22%;
}
.serv-point.point-Eaght {
    right: 23%;
    top: 22%;
}
.service-tool-tip p {
    margin: 0 0 5px;
    background: #ffffff;
    font-size: 12px;
    padding: 2px 12px;
    border-radius: 30px;
    box-shadow: 0 0 10px #e7e7e7;
    font-weight: 700;
}

/* Keyframe Animation */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Initial state for serv-point */
.serv-point {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.5s, transform 0.5s;
}

/* Active state */
.serv-point.active {
  animation: fadeInUp 0.8s ease forwards;
}
.serv-point {
    cursor: pointer;
}
.banner-buttons {
    display: flex;
    justify-content: center;
    gap: 15px;
}
.banner-buttons a {
    border: 1px solid;
    padding: 12px 10px;
    width: 180px;
    display: inline-block;
    border-radius: 4px;
	transition: 0.5s ease;
}
.banner-buttons a.appoin {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: #ffffff;
}
.banner-buttons a.cont {
    color: var(--primary-color);
    background: #ffffff;
    border-color: #ffffff;
}
.banner-buttons a.appoin:hover {
    background: #ffffff;
    color: var(--primary-color);
    border-color: #ffffff;
}
.banner-buttons a.cont:hover {
	color: #ffffff;
	background: var(--primary-color);
	border-color: var(--primary-color);
}
.site-button a {
    background-color: var(--primary-color);
    color: #ffffff;
	    border: 1px solid var(--primary-color);
    padding: 12px 10px;
    width: 180px;
    display: inline-block;
    border-radius: 4px;
	transition: 0.5s ease;
	text-align: center;
}
.banner-buttons a {
    width: 210px;
}
/*button css*/
.site-buttons a {
       background-color: var(--primary-color);
    color: #ffffff;
	    border: 1px solid var(--primary-color);
    padding: 12px 10px;
    min-width: 180px;
    display: inline-block;
    border-radius: 4px;
	transition: 0.5s ease;
	text-align: center;
}
.butn::before {
    background: #fff;
    content: "";
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    transform: rotate(35deg);
    width: 50px;
    transition: all 3000ms cubic-bezier(0.19, 1, 0.22, 1);
}
.butn::after {
    background: #fff;
    content: "";
    height: 70px;
    opacity: 0;
    position: absolute;
    top: 0;
    transform: rotate(35deg);
    transition: all 3000ms cubic-bezier(0.19, 1, 0.22, 1);
    width: 100px;
}
.butn__new::before {
    left: 0;
}

.butn__new::after {
  left: -100%;
}
a.butn.butn__new {
    overflow: hidden;
	display: inline-block;
}
.top-hero-left p strong {
    padding: 20px 0 25px;
}

.butn:hover,
.butn:active {
  transform: translateY(-3px);
  color: #fff;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.3);
}

.butn__new:hover::before {
  left: 120%;
  opacity: 0.5s;
}

.butn__new:hover::after {
  left: 200%;
  opacity: 0.6;
}
.butn span {
  z-index: 20;
}
.butn:link, .butn:visited {
    text-transform: uppercase;
    position: relative;
    transition: all 0.3s ease-in-out;
}


.single-affli {
    border: 1px solid #e7e7e7;
    height: 160px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    box-shadow: 0 0 10px #e7e7e7;
	padding: 2px;
}
.single-affli.round-img img {
    max-width: 120px;
}
.single-affli img {
    max-width: 80%;
}
.about-image {
    position: sticky;
    top: 60px;
}
.single-affli.new-yrk img {
    max-width: 100%;
}
.our-affilations {
    padding: 20px 0 0;
}
.section-title.text-left {
    text-align: left;
}
.cutting-edge {
    position: relative;
      background:  url('/wp-content/uploads/2024/12/Cutting-edge-Treatments4.png') no-repeat center center;
  background-size: cover;
    padding: 70px 0 30px;
}
.cutting-edge:after { 
content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--primary-color);
  opacity: 0.8;
  z-index: 1;
}	
.cutting-edge .container {
    position: relative;
    z-index: 2;
}


.single-serv h3 {
    color: #ffffff;
    font-size: 30px;
    line-height: 1.5;
}

.single-serv {
    margin-bottom: 50px;
}

.single-serv p {
    color: #ffffff;
}.send-btn {
    background-color: var(--primary-color);
    color: #ffffff;
    border: 1px solid var(--primary-color);
    padding: 12px 10px;
    width: auto;
    display: inline-block;
    border-radius: 4px;
    transition: 0.5s ease;
    text-align: center;
}
.site-button.sidebar-btn a {
    width: auto;
    padding: 12px 15px;
}
.sidebar-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.sidebar-info a span {
    color: var(--primary-color);
    padding-right: 10px;
}
.sidebar-logo img {
  max-width: 100%;
}
section.marquee-area {
    padding: 25px 0;
    background: #ffffff;
}
.marquee-area marquee {
    font-size: 80px;
    font-weight: bold;
    color: transparent;
    -webkit-text-stroke: 0.1px var(--primary-color);
    text-transform: uppercase;
    letter-spacing: 2px;
    white-space: pre;
    font-family: 'plantagenet_cherokeeregular';
}

.dental-process {
    background: rgb(170 221 221 / 20%);
}
.sidebar-logo a {text-align: center;margin: 0;padding: 24px 20px;}
/* .in-video {
    background: url(/wp-content/uploads/2025/01/sonali-website-1.png) no-repeat;
    background-size: 100%;
} */
.my-google-reviews {
    padding: 6px 0 60px 0;
}
.list-title {
    color: #4e5661;
    font-weight: 700;
    margin: 10px 0;
}
.contact-now {
    background: rgb(170 221 221 / 20%);
}
.testimonial-sliders {
    position: relative;
    margin-top: -3%;
}

.quite-reviews {
    position: absolute;
    top: -41px;
    left: 0;
}
.our-serv-div {
  animation-fill-mode: forwards; /* Ensures the element retains its final animation state */
}
/* Keyframe animation for fade right */
@keyframes fadeRight {
  0% {
    opacity: 0;
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

/* Trigger the animation */
.our-serv-div.fade-right {
  animation: fadeRight 0.7s ease-out;
}
/* .main-header .navbar-brand {
    background: linear-gradient(156deg, black, transparent);
    padding: 8px 0;
    border-radius: 4px;
} */
.max-width {
    max-width: 500px;
}
.send-btn {
	overflow: hidden;
}
.in-video {
    position: relative;
}
.in-video:after {
    content: '';
    width: 100%;
    height: 65%;
    display: block;
    background: url(/wp-content/uploads/2025/01/photo-blurred-interior-hospital-clinical-with-hospital-background.webp) no-repeat;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    background-size: 100%;
    background-position: bottom;
    filter: grayscale(1);
    opacity: 0.2;
}
.new-edge {
    position: relative;
    background: url(/wp-content/uploads/2025/01/sonali-website-bg.png) no-repeat;
    background-size: cover;
    background-position: center;
    padding: 80px 0;
}
h2.here-from {
    text-align: left;
    padding-left: 3%;
}
.edge-line {
    display: flex;
    justify-content: center;
}
.sigbe-edge {
    background: #5eaba8;
    width: 325px;
    height: 325px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    text-align: center;
    box-shadow: 0 0 32px rgb(0 0 0 / 30%);
}
.edge-inner {
    background: #eef8f8;
    width: 280px;
    height: 280px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    flex-direction: column;
}
.edge-inner h3 {
    font-size: 22px;
    line-height: 1.2;
    color: #af8a47;
    font-weight: 900;
    max-width: 155px;
    margin: 0 auto;
}
.edge-inner p {
    font-size: 12px;
    line-height: 1.5;
    max-width: 82%;
    margin: 5px auto 0;
    color: #000;
}
.edge-inner {
    border: 18px solid #5eaba8;
}
.edge-inner {
    border: 18px solid #5eaba8;
    outline: 10px solid #388280;
}
.text-bagging {
    position: absolute;
    top: 24%;
    left: 18%;
    z-index: 9;
    background: #fff;
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    border-radius: 50%;
    outline: 4px solid #8bcfcd;
}
.text-bagging.two-bagging {
    left: inherit;
    right: 18%;
}
.sigbe-edge:nth-child(2) {
    outline: 14px solid #8bcfcd;
    z-index: 9;
	transform: scale(1.1);
}
.form-group p {
    margin: 0;
}

/* jayant-9-jan-2025  */ 
section.introducing {
    padding: 90px 0 90px;
}
section.introducing .rightt{
	padding:20px 0 0 70px;
}
section.introducing .rightt h2 {
    color: var(--accent-color);
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 0;
    line-height: 1;
}

section.introducing .rightt h3{
		padding:20px 0;
	   font-size: 44px;
}
section.introducing .rightt .inner-leftt {
	border-radius:50%;
	background-color:rgba(71, 148, 145, 0.6);
	min-height:80px;
	min-width:80px;
}

section.introducing .rightt .inner-leftt svg {
	height:40px;
	width:40px;
	fill:#ffffff;
}
section.introducing .rightt .inner-rightt {
	margin-left:20px;
}
section.introducing .rightt .for-list{
	list-style:none;
	padding:0;
	margin-top:30px;
}
section.introducing .rightt .for-list li {
    display: flex;
    align-items: start;
}
.our-new-testimonials {
    position: relative;
    max-height: 650px;
    overflow: hidden;
}
.our-new-testimonials  .testimonial-slider img {
	width:100%;
}
.text-layer {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    right: 0;
    background-color: rgb(255 255 255 / 50%);
    width: 100%;
    margin: 0 auto;
    border-radius: 5px;
    height: 100%;
    display: flex;
    align-items: center;
}
.text-layer a.cont.butn.butn__new {
	border: 0;
}
.about-us-body ul li strong {
    display: block;
    margin-bottom: 3px;
	color: #4e5661;
}
.about-us-body ul li {
    margin-bottom: 10px;
	padding-left: 0;
}

section.why-me .testimonial-slider img {
	max-height: 605px;
	object-fit:cover;
	object-position:center;
	max-width: 90%;
}
section.why-me {
    position: relative;
    padding: 90px 0 20px;
}

section.why-me .features-list {
	padding: 25px 0;
}

section.why-me .why-inner h3{
	color: var(--primary-color);
	font-size: 18px;
	padding-bottom:30px;
}
.why-bg {
	background-image: url(/wp-content/uploads/2025/01/bg_memphis_1.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    opacity: 0.5;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
	height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
}
.why-me-img {
    position: relative;
    z-index: 1;
}
.whyy-cnt {
    position: relative;
    z-index: 2;
}

.why-inner {
    background: #ffffff2b;
    padding: 40px 40px;
    border-radius: 10px;
    
}
.single-list {
    display: flex;
    gap: 20px;
	padding-bottom: 15px;
    color: #ffffff;
}

.list-icon {
    width: 60px;
    height: 60px;
    background: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    color:  var(--primary-color);
    border-radius: 50%;
    min-width: 60px;
    font-size: 28px;
}

/* .list-icon i {
	color:#ffffff;
} */
.list-cnt h4 {
    color: #4e5661;
    margin: 0 0 10px;
    font-family: 'Montserrat';
    font-size: 18px;
}

.list-cnt p {
    color: rgb(0 0 0 / 77%);
    margin: 0 0 1rem;
    font-size: 14px;
    line-height: 1.3;
}
.layer-inner {
    width: 460px;
    height: 460px;
    display: flex;
    align-items: center;
    border-radius: 50%;
    padding: 60px 40px 0;
    border: 20px solid #5faba7;
    outline: 20px solid #8ccecc;
	    outline-offset: 15px;
	position: relative;
}
.layer-inner:before {
    content: '';
    position: absolute;
    top: -35px;
    left: -35px;
    width: calc(100% + 70px);
    height: calc(100% + 70px);
     background: rgb(255 255 255 / 70%);
    border-radius: 50%;
    z-index: -1;
}
.my-slide-image:before {
    content: '';
    background: linear-gradient(180deg, rgba(170, 222, 220, 1) 0%, rgba(91, 183, 180, 1) 50%);
    width: 83%;
    height: 100%;
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 10%;
    max-height: 90%;
    max-width: 65%;
    border-radius: 4px;
}
section.why-me .testimonial-slider img {
    margin-top: 3%;
}

/* state-of-art */
section.state {
	background: url(/wp-content/uploads/2025/01/sonali-website-1-scaled.jpg) no-repeat center/cover;
	background-attachment:fixed;
    padding-top: 50px;
	height:480px;
	position:relative;
}

section.state .state-left {
    padding-top: 40px;
    position: relative;
    z-index: 1;
}

section.state .state-left h2 {
    font-size: 54px;
    color: #ffffff;
	padding-bottom:10px;
}

section.state .for-text.cmn-txt h3 {
	font-size:25px;
	color:#ad8748;
	font-weight:700;
}

section.state .state-left p {
    font-size: 18px;
    color: #ffffff !important;
    max-width: 95%;
    margin-bottom: 0;
}

section.state .bigg {
    border: 30px solid #5faba7;
    outline: 10px solid #8acfcc;
    border-radius: 50%;
    height: 330px;
    position: absolute;
    right: 230px;
    top: 10px;
    width: 330px;
	box-shadow: 4px 8px 6px 16px #00000061;
}

section.state .bigg .for-text {
    text-align: center;
    padding: 0 10px;
    display: none;
    transition: transform 0.3s ease;
}

section.state .bigg .for-text p {
    font-size: 12px;
    font-weight: 600;
	padding: 5px 15px;
	margin-bottom: 0;
	color: #4e5661;
}

section.state .bigg .text-first {
    display: block;
}

/* Circles Hover Effect */
section.state .cmn-circle:hover~.bigg .text-first {
    display: none;
}

section.state .top-left:hover~.bigg .text-first {
    display: block;
}

section.state .bottom-left:hover~.bigg .text-second {
    display: block;
}

section.state .middle-right:hover~.bigg .text-third {
    display: block;
}

/* Circle Styling */
section.state .state-right {
    height: 100%;
    position: relative;
    z-index: 1;
}

section.state .state-right .for-circles {
    height: 100%;
    position: relative;
}

section.state .for-circles .cmn-circle {
	color:#055758;
    background-color: #ffffff;
    border: 5px solid #5faba7;
    border-radius: 50%;
    font-weight: 900;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 120px;
    width: 120px;
    position: absolute;
    transition: background-color 0.3s ease, transform 0.3s ease;
    z-index: 2;
	font-family: 'plantagenet_cherokeeregular';
	box-shadow: 13px 12px 10px #0000005c;
	cursor: pointer;
}

section.state .for-circles .top-left {
    top: -13px;
    left: 10px;
	font-size: 23px;
}

section.state .for-circles .middle-right {
    top: 80px;
    right: 50px;
	font-size: 25px;
    transform: scale(0.9);
}

section.state .for-circles .bottom-left {
    bottom: -50px;
    left: -8px;
	font-size: 18px;
    transform: scale(1.3);
}

section.state .for-circles .for-border {
    border: 15px solid #5faba7;
    outline: 9px solid #ffffff;
    background-color: #ffffff;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    z-index: 5;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
}

section.state .cmn-line {
    border-top: 3px solid #8acfcc;
    border-bottom: 3px solid #8acfcc;
    background-color: #ffffff;
    height: 15px;
    position: absolute;
    z-index: 1;
}

section.state .for-line-one {
    width: 160px;
    top: 84px;
    left: 68px;
    transform: rotate(30deg);
}

section.state .for-line-two {
    width: 160px;
    bottom: 25px;
    left: 70px;
    transform: rotate(-10deg);
}

section.state .for-line-three {
    width: 160px;
    bottom: 105px;
    right: 143px;
    transform: rotate(-12deg);
}

.top-band .site-buttons {
    text-align: right;
}

.top-band .site-buttons a {
background-color:#ffffff;
color:var(--primary-color);
}

.top-band .site-buttons a:hover {

color: #ffffff;
    background: var(--primary-color);
    border-color: var(--primary-color);
}

.d-flex{
	display: flex;
    justify-content: flex-start;
    align-items: center;
}

.for-top-band {
	background-color:#15615E;
	padding:50px 0;
}

.new-reviews {
	padding:100px 0 50px;
}


a.video_model {
    color: inherit;
	    cursor: auto;
}
.case-image {
    position: relative;
}

.video-play-button {
    cursor: pointer;
}
.video-play-button {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  box-sizing: content-box;
  display: block;
  width: 32px;
  height: 44px;
  /* background: #eb2055; */
  border-radius: 50%;
  padding: 18px 20px 18px 28px;
}

.video-play-button:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 55px;
  height: 55px;
  background: #479491;
  border-radius: 50%;
  animation: pulse-border 1100ms ease-out infinite;
}

.video-play-button:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 60px;
  height: 60px;
  background: #479491;
  border-radius: 50%;
  transition: all 200ms;
}

.video-play-button span {
  display: block;
  position: relative;
  z-index: 3;
  width: 0;
  height: 0;
  border-left: 19px solid #fff;
	border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  top: 10px;
  left: 5px;
}

@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}
.new-banner {
    background-color: #15615E;
    padding: 90px 0 25px;
}
.band-points li {
    font-size: 26px;
    font-weight: 600;
}
.new-banner p{
    margin-top: 0;
}
.band-points ul {
    list-style: none;
    margin: 36px 0;
    padding: 0;
    color: #ffffff;
    display: flex;
    justify-content: space-between;
}

.about-us .for-padding {
	padding-left:40px;
}
/* span.list-before {
    background: rgb(170 221 221 / 20%);
    width: 35px;
    height: 35px;
    display: inline-block;
    border-radius: 50%;
    outline-offset: 4px;
    position: relative;
} */
span.list-before {
    background: rgb(170 221 221 / 20%);
    width: 35px;
    height: 35px;
    display: inline-block;
    border-radius: 50%;
    outline-offset: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.flx {
    gap: 15px;
}
.read {
    color: inherit;
}
.more-rev-btn {
    margin-top: 80px;
}
.band-points li {
    position: relative;
}

.band-points li:after {
    content: '';
    width: 100%;
    height: 2px;
    border-top: 2px dotted #ffffff;
    position: absolute;
    left: 0;
    bottom: 0;
    transform: translateY(10px);
}
/* span.list-before:after {
    content: '';
    width: 15px;
    height: 15px;
    display: block;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid #6c757d;
} */
.hero-content.homepage-hero {
    padding-top: 20%;
}
.hero-content.homepage-hero p {
    margin: 0;
}
.custom-logo-link img {
    max-width: 240px;
    height: auto;
}
.page-template-homepage .header-hamburger:hover svg, .page-template-homepage-light .header-hamburger:hover svg{
	fill: var(--accent-color);
}
header.main-header.fixed-header .main-menu ul li a:hover, .main-menu ul li a:focus {
	color: #ffffff;
}
header.main-header.fixed-header .header-hamburger:hover svg {
    fill: #ffffff;
}
	.video_container.new-reviews .fr-width {
    width: 75%;
}
.site-buttons a i {
    margin-left: 10px;
}
.iframe-videos {
    padding: 60px 0;
}
.treat-icon {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 100px;
    width: 100px;
    line-height: 100px;
    background-color: #eef8f8;
    font-size: 60px;
    text-align: center;
    border-radius: 100px;
    transition: 0.6s;
    margin-bottom: 20px;
}

.treat-icon img {
    max-width: 65px;
}
section.our-treat-options {
    padding: 0px 0 60px;
}
section.meniscus-tears .about-us-body ul li {
    margin-bottom: 40px;
}
section.meniscus-tears {
    padding: 60px 0 0;
}
.list-icon img {
    max-width: 35px;
}
.page-header-box {
    position: relative;
    z-index: 9;
}
.breadcrumb {
    margin-bottom: 10px;
}
.page-gredient {
    position: relative;
    padding-top: 0;
    padding-bottom: 3rem;
	    background: linear-gradient(180deg, #f0f9fa -1%, #b7e5e7 100%);
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;

    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;

    margin-top: 0;
}
.knee-main-intro {
    padding: 10px 0 40px;
}
.main-intro-img {
    overflow: hidden;
    border-radius: 11px;
}
.treat-inner:hover {
    background: #eef8f8;
}
.treat-inner:hover .treat-icon {
	background: #ffffff;
}
.intro-icon {
    max-width: 60px;
    margin-bottom: 20px;
	display:none;
}


.page-gredient .hero-inner h1 {
	color: #4e5661;
}
.page-gredient .sub-intro {
	color: #4e5661;
}
.page-gredient .hero-inner p {
    color: #4e5661;
}
.page-gredient .hero-inner li {
    color: #4e5661;
}
section.seniscus-options .section-title h2 {
     color: #4e5661;
}
section.seniscus-options .section-title p {
     color: #4e5661;
}
section.seniscus-options .section-title li {
     color: #4e5661;
}
.sub-intro {
    font-family: 'plantagenet_cherokeeregular';
    font-weight: 400;
    font-size: 32px;
    color: #ffffff;
    line-height: 1.2;
    margin-bottom: 20px;
}
.page-gredient .all-another-treatments .section-title h2 {
    font-size: 44px;
    text-align: center;
}
.all-another-treatments {
    padding: 60px 0;
}
.treatment-inner h3 {
    color: #4e5661;
    margin-bottom: 10px;
}
.treatment-inner {
    margin-bottom: 40px;
}



.knee-hero {
    padding: 60px 0;
}
.hero-inner h1 {
    font-size: 60px;
    color: #ffffff;
    margin-bottom: 15px;
}
.hero-inner p {
    color: #ffffff;
}

.hero-inner li {
    color: #ffffff;
}
.hero-inner-image {
    position: relative;
	
}
.hero-inner-image img {
	border-radius: 4px;
}
.hero-inner-image:after {
    content: '';
   background: linear-gradient(180deg, rgba(170, 222, 220, 1) 0%, rgba(91, 183, 180, 1) 50%);
    width: 90%;
    height: 90%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(10px, -10px);
    z-index: 1;
    margin-left: auto;
	border-radius: 4px;
}

.hero-inner-image img {
    position: relative;
    z-index: 2;
	max-width: 90%;
}
.treat-box {
    background: rgb(255 255 255 / 98%);
    border-radius: 30px;
    box-shadow: 26px 35px 34px #00000024;
    padding: 45px 66px 45px 45px;
}
.w-85 {
    width: 85%;
}
.w-80 {
    width: 80%;
}
.w-70 {
    width: 70%;
}
.treat-box {
    border-left: 7px solid #479491;
}
.page-gredient .section-title h2 {
    font-size: 42px;
}
.hero-inner-image {
/*     max-width: 560px; */
    margin-left: auto;
}
.treat-box .section-title p {
    max-width: 100%;
}
.treat-box .section-title li {
    max-width: 100%;
}
.section-title p {
    padding-right: 21px;
}
.section-title li {
	  max-width: 610px;
    padding-right: 21px;
}
.treat-box h2 {
    color: var(--accent-color);
}

.treat-box p {
    color: var(--accent-color);
}

.treat-box li {
    color: var(--accent-color);
}
.treatment-options-images img:nth-child(1) {
    margin-bottom: 25px;
}
section.treatment-options {
    padding: 0 0 60px;
}
section.seniscus-options p {
    color: #ffffff;
    margin-bottom: 15px;
}

section.seniscus-options li {
    color: #ffffff;
}
section.seniscus-options {
    padding: 0 0 60px;
}
.page-template-Shoulder .hero-inner-image:after {
    width: 90%;
    height: 90%;
    transform: translate(20px, -20px);
}
.serv-point a {
    color: inherit;
}
.hero-inner {
    max-width: 590px;
}
.hero-inner.prp-servs {
    max-width: 100%;
}
.prp-container {
    max-width: 80%;
    margin: 0 auto;
}
.prp-work {
/*     padding: 50px 0; Changed by Rohit Muthukumarasamy on 20/3/2025 */
	padding : 10px 0;
}

.prp-work p {
    color: #4e5661;
}

.prp-work h2 {
    color: #4e5661;
    margin-bottom: 15px;
}
.w-100 {
    max-width: 100%;
}
.symptoms-work {
    background: url(/wp-content/uploads/2025/01/sonali-website-1-scaled.jpg) no-repeat;
    background-size: cover;
    padding: 25px;
    border-left: 8px solid #70b4b1;
}
ul.text-white li {
    color: #ffffff !important;
}
.faq-item {
            margin: 20px 0;
            border-radius: 0;
            overflow: hidden;
        }
       .faq-question {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    font-size: 20px;
    font-weight: 500;
    color: var(--primary-color);
}
/*         .faq-answer {
    display: none;
    border-bottom: 1px solid #e7e7e7;
    padding: 30px 0;
			transition: max-height 0.4s ease, padding 0.4s ease;
} */
 .faq-answer {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.4s ease, padding 0.4s ease;
            padding: 0;
            box-sizing: border-box;
        }
        .faq-container .icon {
    font-size: 18px;
    font-weight: bold;
    background: var(--primary-color);
    color: #ffffff;
    width: 25px;
    height: 25px;
    text-align: center;
    border-radius: 0;
}
.faq-container {
    padding: 60px 0;
}
.faq-question {
    margin-bottom: 10px;
}
.section-title.w-100 li {
    max-width: 100%;
    margin-bottom: 20px;
}
.benifit li {
    margin-bottom: 10px;
}
/* mega menu */
.hover-mega-menu {
	
    position: absolute;
    top: 64%;
    left: 0;
    width: 70%;
	display: none;
   z-index: 99;
	left: 15%;
	
}
.hover-regenrative {
    position: absolute;
    top: 64%;
    left: 0;
    width: 70%;
    display: none;
    z-index: 99;
    left: 15%;
}
.mega-menu-inner {
    max-width: 100%;
    margin: 0 auto;
    background: #ffffff;
}
.mega-menu-label {
    font-weight: 500;
    margin: 0;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 1;
    border-bottom: 1px solid #479491;
    margin-bottom: 15px;
    padding-bottom: 15px;
}
ul.megamen-list {
    list-style: none;
    margin: 0;!i;!;
    padding: 0;
}

ul.megamen-list li a {
    color: #4e5661;
}
.megamenu-inner-data.ist-cols {
    height: 100%;
}
.mega-meu-blog-image {
    margin-bottom: 10px;
    overflow: hidden;
    border-radius: 4px;
}

.mm-blog-title {
    font-size: 18px;
    text-transform: capitalize;
    font-weight: 600;
    margin-bottom: 10px;
}

.mm-desc {
    font-size: 12px;
    line-height: 1;
}
.mm-trearment {
    margin-bottom: 30px;
}

.mm-trearment a {
    color: inherit;
}
.mm-treatment-title {
    color: #4e5661;
    font-size: 18px;
    line-height: 1.5;
    font-weight: 600;
}
.mm-treatment-des {
    font-size: 14px;
    line-height: 1.3;
}
.hover-we-treat {
    position: absolute;
    top: 64%;
    left: 15%;
    width: 70%;
    z-index: 99;
    display: none;
}
.google-reviews {
    padding: 20px 0 80px;
}
.treat-inner {
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: var(--primary-color);
    box-shadow: 10px 10px 0px 0px var(--primary-color);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 30px 20px 30px 20px;
    border-radius: 24px;
    margin-bottom: 40px;
}
.w-80 {
    width: 80%;
}
.treat-content p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; 
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: calc(1.5em * 3); 
    line-height: 1.5em; 
}
.treat-inner .site-buttons a {
    padding: 8px 10px;
    min-width: auto;
    font-size: 12px;
}

/* tabs */
.tabs {
    display: flex;
    border-bottom: 2px solid #ddd;
}

.tab-button {
    flex: 1;
    padding: 10px 5px;
    cursor: pointer;
    text-align: center;
    background: #eef8f8;
    border: none;
    outline: none;
    transition: background 0.3s ease;
    font-weight: 500;
    margin: 20px 5px;
    border-radius: 4px;
}
.tab-button:nth-child(1){
	margin-left:0;
}
.tab-button:hover {
	    background: var(--primary-color);
    color: #fff;
}
.tab-button.active {
    background: var(--primary-color);
    color: #fff;
}

.tab-content {
    display: none;
    padding: 20px;
    border: 0;
    border-top: none;
}
.tab-inner-image {
    overflow: hidden;
    border-radius: 11px;
}
.tab-inner-image {
    overflow: hidden;
    border-radius: 11px;
}

.tab-inner {
    padding: 40px 0;
}

.tab-inner-cnt {
    padding-left: 5%;
}
.tab-content.active {
    display: block;
}
.tabs-container {
    margin-top: 20px;
}
.main-intro-img img {
    width: 100%;
}
.treat-round-img {
    width: 90px;
    height: 90px;
    overflow: hidden;
    margin-bottom: 20px;
}

.treat-round-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.single-affli {
    background: #ffffff;
}
.treat-box {
    position: relative;
    overflow: hidden;
}

.opcity-img {
    position: absolute;
    top: -4%;
    right: 0;
    opacity: 0.1;
    max-width: 650px;


}
.treat-box .section-title {
    position: relative;
    z-index: 2;
}
.sidemenu-mobile {
    display: none;
}


.See-all .mm-treatment-title {
    color: #479491;
    text-decoration: underline;
    text-underline-offset: 5px;
}
.about-img-1:before {
    content: '';
   background: linear-gradient(180deg, rgba(170, 222, 220, 1) 0%, rgba(91, 183, 180, 1) 50%);
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    z-index: -1;
    top: -6%;
    left: -6%;
    max-height: 90%;
    max-width: 90%;
	border-radius: 4px;
}
figure.image-anime.reveal {
    border-radius: 4px;
}
.about-image {
    margin-top: 15%;
}
.case-with-client img {
    border-radius: 4px;
}
.case-with-client:before {
	border-radius: 4px;
}
.case-image.main-img img {
    border-radius: 4px;
}
.band-text {
    margin: 0 auto 40px;
    max-width: 70%;
    padding-top: 50px;
    border-bottom: 1px solid var(--divider-color);
    padding-bottom: 30px;
}
.site-buttons.no-border a {
    background: transparent !important;
    border: 2px solid #ffffff;
    color: #ffffff !important;
}
section.why-me .my-slide {
    text-align: right;
}
section.why-me .my-slide-image:before {
    right: 0;
	left: inherit;
}
section.why-me .testimonial-slider img {
    margin-right: 3%;
}
.top-band.for-top-band.grident{
    background: linear-gradient(180deg, rgba(170, 222, 220, 1) 0%, rgba(91, 183, 180, 1) 50%) !important;
}
     .plus-icon {
            font-size: 20px;
            font-weight: bold;
            transition: transform 0.3s ease-in-out;
        }

        .colleps-menu-data {
            display: none;
            padding: 10px;
            background-color: #f9f9f9;
            border-left: 3px solid #007bff;
            margin-top: 5px;
        }
.nav-item.collaps-menu {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.banner-buttons.right-side {
    justify-content: end;
    padding-top: 15px;
}
.banner-buttons.right-side a.cont.butn.butn__new {
    border: 1px solid #479491;
}
.header-sticket-btns {
    display: none;
}
header.main-header.fixed-header .header-sticket-btns {
    display: flex;
}
video.vimedia {
    width: 100%;
}
.page-template-About-us .iframe-videos {
    padding: 0;
    margin-bottom: 20px;
}
iframe.iframe-video {
    width: 100%;
    height: 600px;
}
.click-text {
    text-align: center;
    padding: 30px 0;
/* 	background-color: #529b98; */
	background: linear-gradient(180deg, #f0f9fa -1%, #b7e5e7 100%);
}

/* .click-text a {
    color: #ffffff;
    font-size: 30px;
	line-height: 1.5;
    font-weight: 500;
    text-underline-offset: 10px;
    text-decoration: underline;
} */

/* .click-text a:hover {
    opacity: 0.9;
} */
p.banner-text {
    display: inline-block;
    padding: 0 12px;
}
.news-logo {
    max-width: 400px;
    margin: 0 auto;
    height: 100%;
    display: flex;
    align-items: center;
}
.click-text .section-title h2 {
    font-size: 30px;
	    margin-bottom: 0;
}
.border-right {
    position: relative;
}
.click-text a {
    color: #000000;
}
.border-right:after {
    content: '';
    background: #000000;
    display: block;
    width: 1px;
    height: 100%;
    position: absolute;
    right: 6%;
    top: 0;
}
.click-text .row {
    align-items: end;
}
section.customer-logos {
	margin-bottom: 40px;
}
.contact-us-form {
    padding: 50px 0 20px;
}
.page-header-box p {
    margin-bottom: 0;
}
.all-afflication .col-md-4:nth-child(4) .single-affli img {
    max-width: 120px;
}
.new-desc a {
    color: rgba(91, 183, 180, 1);
}
@media only screen and (min-width: 1200px) { 
.hero.bg-image.hero-video {
    height: 100vh;
    display: flex;
            align-items: center;
}
}

@media only screen and (max-width: 1600px) {
.sidenav a {
            padding: 10px 15px;
    font-size: 14px;
}
	.hero.bg-image .hero-content .section-title h1 {
    font-size: 60px;
}
	.hero-content.homepage-hero p {
    font-size: 24px;
}
	.single-affli {
    height: 180px;
}
	.single-affli img {
    max-width: 70%;
}
	.service-tool-tip p {
    font-size: 10px;
}
	.single-affli.round-img img {
    max-width: 130px;
}
	.single-affli {
        height: 150px;
    }
}
@media only screen and (max-width: 1540px) { 
header.main-header .container {
    max-width: 95%;
}
}
@media only screen and (max-width: 1450px) { 
    .hero.bg-image .hero-content .section-title h1 {
        font-size: 50px;
    }
	.hero-content.homepage-hero p {
        font-size: 18px;
    }
	.sidebar-info {
    margin-bottom: 20px;
}
	.page-header {
    padding: 70px 0;
}
	.page-header-box h1 {
    margin-bottom: 15px;
    line-height: 1.2;
}
}
@media only screen and (max-width: 1263px) { 
	section.state .bigg {
    right: 210px;
}
	section.state .for-line-three {
    bottom: 135px;
    transform: rotate(-16deg);
}
}
@media only screen and (max-width: 1180px) {
	.sidemenu-mobile {
    display: block;
		padding: 0 5%;
}
	.sidenav-info {
    display: none;
}
		.video_container.new-reviews .fr-width {
    width: 90%;
}
	.new-banner {
    padding-bottom:45px;
}
	.top-band h2 br {
	display:none;
}
	.new-banner h2 br {
	display:none;
}
	
.why-inner {
    margin: 0;
	padding: 0 40px 0 0;
}
.cta-box .col-lg-4:nth-child(3) .cta-box-item {
    text-align: left;
    justify-content: start;
	padding-left: 8%;
}
	.cta-socila {
    justify-content: start;
}
	.cta-box-content {
    padding: 10px 0;
}
	.cta-box .col-lg-4:nth-child(2) .cta-box-item {
    border: 0;
}
	.background-overlay {
    padding: 25px;
}
	.hover-image, .second-hover-image, .third-hover-image, .fourth-hover-image {
    top: 53%;
}
	.visit-clinic-content {
        max-width: 90%;
    }
		.visit-clinic {
        padding: 0;
    }
	
	.hero.bg-image .hero-content .section-title h1 {
    font-size: 30px;
}
	.hero-content.homepage-hero p {
    font-size: 15px;
}
	.hero.bg-image .hero-content .banner-buttons a span {
		font-size:13px;
	}
	.hero.bg-image .hero-content .banner-buttons a {
    width: 180px;
}
	.hero.bg-image .hero-content .banner-buttons .site-buttons a {
    padding: 8px 10px;
}
	.band-points li {
    font-size: 16px;
}
	.band-text {
    max-width: 80%;
}
.for-top-band .col-md-4.d-flex.justify-content-end {
    justify-content: center !important;
}
	.click-text a {
    font-size: 20px;
}
}
@media only screen and (max-width: 1120px) { 
.hero.bg-image .hero-content .section-title h1 br {
	display: none;
}
}
@media only screen and (max-width: 767px) { 
	.click-text .section-title h2 {
    font-size: 20px;
    margin-bottom: 10px;
    margin-top: 10px;
}
	.why-me-img {
    margin-bottom: 30px;
}
	.click-text a {
        font-size: 16px;
    }
	.page-header::before {
    background-position: left;
    opacity: 0.8;
}
	section.treatment-options {
    padding: 0 0 15px;
}
	.page-header-box p {
    width: 100% !important;
}
.knee-hero {
    padding: 15px 0;
}

	.border-right:after {
		width: 0;
	}
	.about-image {
    margin-top: 20px;
}
	.mobile-order {
    flex-wrap: wrap-reverse;
}

.about-image {
        padding-bottom: 0;
    }
	.click-text {
		padding: 40px 10%;
	}
	.band-points ul {
    display: inline-block;
}
	.band-points li {
        margin: 0 0 20px;
    }
	.band-text {
        max-width: 100%;
    }
	.cta-box .col-md-4.d-flex.justify-content-end {
    justify-content: center !important;
}
	.cta-box .section-title h2 {
		text-align: center;
	}
	.about-us-body ul li {
    font-size:14px;
}
.hero-content.homepage-hero {
    padding-top: 60px;
}
    .cta-box .col-lg-4:nth-child(3) .cta-box-item {
        text-align: left;
        justify-content: start;
        padding-left: 17%;
    }
	    .cta-socila {
        justify-content: start;
    }
	.background-overlay:before {
    opacity: 1;
}
.background-overlay {
    border-radius: 0;
    margin-top: -10px;
}
	.background-overlay h2 {
    font-size: 20px;
    line-height: 1.5;
}
	.contact-google-map {
    margin-bottom: 15px;
}
.section-title h2 br {
    display: none;
}
	.footer-copyright {
    text-align: center;
}
	.bootom-ftr-links {
    text-align: center;
}
	.visit-clinic-content {
    position: relative;
    top: 0;
    left: 0;
    transform: none;
    width: 100%;
    max-width: 100%;
}
}
.pref-details{
/* 	background: #ffffff2b; */
	padding: 32px;
margin-left: 26px;

}

.pref-details .why-inner{
/* 	background:none; */
}
.pref-details .whyy-cnt {
	top:50px;
}
.pl-3{
	padding-left:40px;
}

/* .for-top-band .site-buttons a :hover{
	color: #ffffff;
    background: var(--primary-color);
    border-color: var(--primary-color);
} */

/* .top-band .site-buttons a :hover{
background-color:unset;
	color:var(--primary-color);
} */

.text-green{
	color: var(--accent-color);
}

.my-slide-image img{
	
	    border-radius: 4px;
}

.case-text{
	padding-top:20px
}


@keyframes slideDwon {
  0% {
    opacity: 0; 
    transform: translateY(30px); 
  }
  100% {
    opacity: 1;
    transform: translateY(0); 
  }
}
.slide_down {
	  opacity: 0; 
  animation: fadeInUp 1s ease-in-out 0.25s forwards; 
}

.fade-in-item {
  opacity: 0;
  transform: translateY(-40px); 
  transition: all 0.6s ease-in-out;
}


.fade-in-item.animate {
  opacity: 1;
  transform: translateY(0); 
}

.new-banner .band-points ul {
  list-style: none;
  padding: 0;
}
@media only screen and ( max-width: 767px) {
	.hero.bg-image .hero-content .section-title h1 span {
    display: block;
    margin-bottom: 10px;
}
	.site-buttons a {
    padding: 12px 8px !important;
        min-width: auto !important;
        width: 100%;
 
}
	.contact-form {
    padding: 20px;
}
.contactForm.w-75.mx-auto {
    width: 100% !important;
}
	.prp-container {
    max-width: 100%;
}
	.faq-container .icon {
		min-width: 25px;
		min-height: 25px;
	}
	    .page-gredient .section-title h2 {
        margin-bottom: 20px;
    }

	.page-gredient .all-another-treatments .section-title h2 {
    font-size: 30px;
}
	.page-gredient .section-title h2 {
    font-size: 30px;
}
	.why-inner {
		background: transparent;
	}
	.section-title.w-70 {
    width: 100%;
}
.section-title li {
    padding-right: 0;
}
.section-title p {
    padding-right: 0;
}


	.hero.bg-image .hero-content .banner-buttons a {
        width: auto;
    }
	.banner-buttons {
    gap: 6px;
}
	.tabs {
    display: block;
}
.section-title.text-center.w-75.mx-auto {
    width: 100% !important;
}
	.tab-button {
    display: block;
    width: 100%;
  margin: 20px 0;
}
.tab-inner-cnt {
    padding-left: 0;
    padding-top: 20px;
}
.main-intro-text {
    padding-top: 25px;
}
.knee-hero .row {
    flex-wrap: wrap-reverse;
}
.hero-inner-image {
    margin-bottom: 20px;
}
.knee-main-intro {
    padding: 60px 0 20px;
}
.treat-box {
    padding: 20px;
	margin-bottom: 20px;
}
.iframe-videos {
    padding: 10px 0;
}
	.post-entry h3 {
    font-size: 24px;
}
	.g-10{
		gap:10px
	}
	.band-text {
		padding-top: 10px;
	}
	.cta-box {
        padding-top: 20px !important;
		padding-bottom: 20px !important;
    }
	iframe.iframe-video {
    width: 100%;
    height: 300px;
}
	.faq-question {
    gap: 20px;
}
	.page-template-what-we-treat  section.why-me {
        padding: 5px 0 60px !important;
    }
	.page-template-what-we-treat section.our-treat-options {
    padding: 0px 0 20px;
}
	.page-contact {
        padding: 20px 0 25px;
    }
	    .contact-us-form {
        padding: 25px 0 20px;
    }
	.page-single-post {
        padding: 50px 0 10px;
    }
	.single .page-gredient {
    padding-bottom: 1rem;
}
	.page-template-testimonials .google-reviews {
    padding: 20px 0 10px;
}
	    .page-template-Knee .knee-main-intro {
        padding: 20px 0 20px;
    }
}
/* sonali template part m igration */
	section.about-sonali.abu-new {
	 padding: 100px 0px 10px 80px;
		background: rgb(170 221 221 / 20%);
    position: relative;
}
	.sonali-container {
    max-width: 85%;
    margin: 0 auto;
}
	section.about-sonali.abu-new .new-animated-grid img {
    width: 100%;
	border-radius: 8px;
}
section.about-sonali.abu-new .introduce {
    text-transform: uppercase;
    margin-bottom: 15px;
    color: #222222;
    font-size: 15px;
    line-height: 15px;
    font-weight: 600;
    letter-spacing: 0.6px;
}
	section.about-sonali.abu-new .doted-line{
	margin-bottom: 20px;
}
section.about-sonali.abu-new .doted-line span {
    width: 8px;
    height: 8px;
    background:#3D837F;
    border-radius: 50%;
    display: inline-block;
}
section.about-sonali.abu-new .doted-line span:last-child {
    width: 50px;
    border-radius: 30px;
}
	section.about-sonali.abu-new p.spacial-left {
    font-size: 18px;
    line-height: 1.5;
    font-weight: 400;
}
	section.about-sonali.abu-new .exp-img-box{
	 border-radius: 8px;
    color: #ffffff;
    margin-bottom: 0;
	text-align: center;
}

section.about-sonali.abu-new .exp-box img{
	height:100%;
	object-fit:cover;
}
	section.about-sonali.abu-new .bottom-img {
    border-style: solid;
    --border-style: solid;
    border-width: 15px 5px 15px 15px;
    --border-top-width: 15px;
    --border-right-width: 5px;
    --border-bottom-width: 15px;
    --border-left-width: 15px;
    border-color: #FFFFFF;
    --border-color: #FFFFFF;
    --border-radius: 20px 20px 20px 20px;
    --margin-top: 0px;
    --margin-bottom: 0px;
    --margin-left: 0;
    --margin-right: -10px;
    position: relative;
    left: -60px;
}
	section.about-sonali.abu-new .continue-reading{
		color:rgba(91, 183, 180, 1);
	}
	@media only screen and ( max-width: 1180px) {
	section.about-sonali.abu-new  {
    padding: 80px 0;
}
section.about-sonali.abu-new .new-animated-grid {
    margin-bottom: 40px;
}	
	}
	@media only screen and ( max-width: 767px) {	
	    section.about-sonali.abu-new  {
        padding: 80px 0 20px;
    }
	}
/* migrate section meet the team */
	.team-info p {
    margin-bottom: 0;
}
	.team-info {
    text-align: center;
    margin: 10px 0;
}
	.meet_the_team a.read-sonali {
    color: var(--accent-color);
    font-weight: 500;
    transition: 0.5s ease;
    text-decoration: underline;
    text-underline-offset: 4px;
}

.meet_the_team a.read-sonali span {
    padding-left: 6px;
}

.meet_the_team a.read-sonali:hover span {
    margin-left: 10px;
    transition: 0.5s ease;
}
	.meet_the_team .team-info h3 {
    color: var(--accent-color);
}
	.meet_the_team .teams-image {
    border-radius: 30px;
    overflow: hidden;
}
	.meet_the_team .meet-box {
    margin-bottom: 25px;
}
   .meet_the_team .card {
   position: relative;
   width: 100%;
   height: 400px;
   overflow: hidden;
   border-radius: 25px;
   }
   section.meet_the_team {
   background: rgb(170 221 221 / 20%);
   padding: 80px 0 80px;
   }
   .meet_the_team .card img {
   width: 100%;
   height: auto;
   position: relative;
   }
   .meet_the_team .card:after {
   content: '';
   width: 100%;
   height: 100%;
   display: block;
   position: absolute;
   top: 0;
   left: 0;
/*   background-image: linear-gradient(to bottom, transparent 30%, rgb(48 105 110 / 100%) 100%); */
	   background-image: linear-gradient(to bottom, transparent 30%, rgb(48 105 110 / 33%) 100%);
   }
   .meet_the_team .card-content {
   position: absolute;
   bottom: 0;
   left: 10%;
   z-index: 9;
   text-align: left;
	  
   }
	section.meet_the_team .textwhite{
		color:white;
	}
	section.meet_the_team .card-content {
    transition: color 0.3s ease-in-out;
}

section.meet_the_team .card-content h3,
section.meet_the_team .card-content p {
    transition: color 0.3s ease-in-out;
}

	section.meet_the_team .card-content:hover {
    color: #479491;
}

section.meet_the_team .card-content:hover h3,
section.meet_the_team .card-content:hover p {
    color: #479491;
}