/**
 * Theme Name:     Divi Child
 * Author:         Elegant Themes
 * Template:       Divi
 * Text Domain:	   divi-child
 * Description:    Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
 */
:root {
    --main-color: #2F3B2B;
    --main-color2: #8D9B89;
	--main-color3: #d2ccc1;
	--main-color4: #ebebe6;
    --bs-white:#ffffff ;
    --bs-black: #000000;    
    --transition: all 0.5s;
    --font-awesome: "Font Awesome 6 Free";
}
body .et_pb_section.et_pb_section_0 {
    padding-top:0px !important;
}
::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}
::-webkit-scrollbar{
    width: 10px;
    background-color: #F5F5F5;
}
::-webkit-scrollbar-thumb{
    background-color: var(--main-color); 
    background-image: -webkit-linear-gradient(45deg,
    rgba(255, 255, 255, .2) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, .2) 50%,
    rgba(255, 255, 255, .2) 75%,
    transparent 75%,
    transparent)
}

::-moz-selection {
    background: var(--main-color);
    color: var(--bs-white);
}
::selection {
    background: var(--main-color);
    color: var(--bs-white);
}
.et_pb_row{
	width:90%;
}
.single.single-treatment .et_pb_row{
    width:95%;
}
::-webkit-input-placeholder {
  color: inherit;
  opacity: 1;
}

:-ms-input-placeholder {
  color: inherit;
  opacity: 1;
}

::-ms-input-placeholder {
  color: inherit;
  opacity: 1;
}

::placeholder {
  color: inherit;
  opacity: 1;
}
body {
    overflow-y: auto;
    overflow-x: hidden;
    font-weight: normal !important;
}
div#page-container {
    overflow-y: visible !important;
    overflow-x: visible !important;
}
.equal-img,.equal-img * {
    height: 100%;
    display: flex;
    object-fit: cover
}
.main-title p {
    padding-bottom:16px !important;
}
.main-title{
    margin-bottom:20px !important;
}
.main-title h2 , .main-title h1{
	padding-bottom:0px !important;
}
.background-banner-sec .main-title {
    margin-bottom: 0px !important;
}
/*--button--*/

.et_pb_button {
   --padding-y: clamp(0.625rem, 0.4514rem + 0.5556vw, 0.9375rem);
    --after-size: 50%;
    position: relative!important;
    padding: var(--padding-y) !important;
	Padding-left:1.5em !important;
	Padding-right:2.9em !important;
    transition: var(--transition)!important;
    letter-spacing: 0.05em ! Important;
	text-transform:capitalize !important;
    z-index: 1;
    color: var(--main-color2)!important;
    font-size: clamp(.875rem,.8092rem + .2105vw,1rem);
    font-weight: 500;
	vertical-align:middle;
	align-self:center;
	line-height:18px !important;
    text-transform: uppercase;
    overflow: hidden;
    border-radius: 100px !important;
    &:hover {
        letter-spacing:0.05em !Important;
     
    }

    &.sub_btn {
        padding: 0!important;
        text-align: center;
        display: inline-block;
        float: left;
        
        
        & .wpcf7-submit {
            padding: var(--padding)!important;
            background: transparent!important;
            font-size: inherit;
            color: inherit!important;
            border: inherit;
            cursor: pointer;
            z-index: 99;
            position: relative;
            font-weight: inherit;
        }
    }

    &.et_pb_bg_layout_dark {
        background-color: var(--bs-white)!important;
        &:after {
            background-color: rgba(var(--bs-white-rgb),0.2);
        }
    }
}
.et_pb_button:after {
  margin-left: 0.7em !important;
}
.et_pb_button.team-appointment {
    width: 100%;
}
/*--button-close--*/


/*--header*/
.single-treatment #menu-main-menu .sub-menu-items.current-menu-ancestor.current-menu-parent.current_page_parent.current_page_ancestor a {
    color:var(--main-color) !important;
}


.main-header .top-header .et_pb_module.et_pb_text ,.main-header .top-header ul.et_pb_social_media_follow,.mobile-header .top-header ul.et_pb_social_media_follow {
    display:flex;
    justify-content:center;
    align-items:center;
}
.main-header .top-header .et_pb_social_media_follow li ,.mobile-header .top-header .et_pb_social_media_follow li{
    margin-bottom:0px !Important;
}
.main-header.mobile-header{
    display: none;
}
.page.page-id-522 .main-header , .page.page-id-526 .main-header , .single.single-treatment .main-header , .single.single-team_member .main-header {
    background-color:#f1f1f1 !important;
}
.page.page-id-526 .home-cta-sec , .page.page-id-526 .contact-form-sec {
    display: none;
}
.page.page-id-526 .main-footer ,.page.page-id-526 .main-footer .et_pb_row{
    padding-top: 0px !important;
}
.page.page-id-522 .mobile-header , .page.page-id-526 .mobile-header , .single.single-treatment .mobile-header , .single.single-team_member .mobile-header {
    background-color:#f1f1f1 !important;
}

/*--home Services Section Starts--*/
.home-services-sec .et_pb_column {
        display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.home-services-sec .et_pb_module.et_pb_blurb .et_pb_blurb_content .et_pb_main_blurb_image {
    margin-bottom:0px !important;
}
.home-services-sec .et_pb_module.et_pb_blurb .et_pb_blurb_content h3.et_pb_module_header {
    padding-bottom: 20px;
}
.home-services-sec .et_pb_column:not(.no-col-animate) {
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.home-services-sec .et_pb_column:not(.no-col-animate)::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0%;
  background-color: #ebebe6;
  z-index: -1;
  transition: height 0.8s ease;
}
.home-services-sec .et_pb_column:hover a {
    color:var(--main-color);
}
/* On hover, background grows upward */
.home-services-sec .et_pb_column:not(.no-col-animate):hover::before {
  height: 100%;
}

/*--home services section Ends --*/
/*Contact Form Section */
.contact-form-sec .wpcf7-form .wpcf7-form-control:not(input[type=radio i],input[type=checkbox i],.wpcf7-submit,.wpcf7-recaptcha) {
    width: 100%;
    padding: 15px;
    background-color: var(--bs-white);
    border: 1px solid var(--main-color2);
    border-radius: 0;
    margin-bottom: 0;
    max-height: 150px;
    color: var(--main-color3);
	border-radius:8px;
}

.contact-form-sec form .et_pb_column:has(.wpcf7-submit) {
    margin-bottom: 0!important
}

.contact-form-sec p.details-title {
    color: var(--bs-white)
}

.wpcf7-response-output {
    width: fit-content!important;
    color: #dc3232;
    border-color: var(--main-color2) !important;
    float: left;
    margin-top:10px !important;
}
.wpcf7-spinner {
    position: absolute;
}

.wpa-test-msg {
    display: block;
    width: 100%;
    float: left;
}

.contact-form-sec form .et_pb_column {
    margin-bottom: 8px!important;
}
.contact-form-sec .et_pb_button {
    position: relative!important;
    padding: 0 !important;
    letter-spacing: 0.05em !important;
    z-index: 1;
    line-height: 20px !important;
    color: var(--main-color)!important;
    letter-spacing:5% !important;
    font-size: clamp(.875rem,0.25rem + 2vw,1rem);
    text-transform: uppercase;
    border: 0px !important;
    overflow: hidden;
    background-color: #F1F1F1 !important;
    border-radius: 100px !important;    
    &:after {
        display:none;
    }
    &.sub_btn {
        padding: 16px 24px 16px 24px !important;
        text-align: center;
        display: inline-block;
		Line-height:0.05em;
        float: left;
        & .wpcf7-submit {
            padding: var(--padding)!important;
            background: transparent!important;
            font-size: inherit;
            color: inherit!important;
            border: inherit;
            cursor: pointer;
            z-index: 99;
            position: relative;
            font-weight: inherit;
          
        }

        &:hover {
            background-color:var(--main-color2) !important;
            color:var(--bs-white) !important;
        }
    }
}
/*--Faq-sec--*/
.home-faq .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title:after {
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    content: '\f068';
    font-size: 20px;
   left: 0px;
    color: #2f3b2b;
    position: absolute;
    top: 0;
}
.home-faq .et_pb_toggle .et_pb_toggle_title{
    padding-right: 0px !important;
    padding-left: 50px !important;
}
.home-faq .et_pb_toggle  .et_pb_toggle_title:before{
    font-size: 26px;
    left: 0 !important;
}

/*our-studio page */
.studio-gallery-sec .et_pb_gallery_items.et_post_gallery {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 5px;
    grid-row-gap: 5px;
}


.studio-gallery-sec .et_pb_gallery_items.et_post_gallery > div {
    width: 100% !important;
}
/*--About page teams Section --*/
/* 	.our-team  .swiper-slide {
    width: 22% !important;
}
.our-team  .team-card {
	width:100%;
/*     padding: 20px; */
/*     background: #fff; */
/*     text-align: center; 
}
.our-team  .team-card h4 {
    font-size: 22px;
    line-height: 100%;
    letter-spacing: 0.05em;
    font-weight: 500;
    color: var(--main-color);
}
.our-team  .team-card img {
       object-fit: cover;
	width:100%;
	height:100%;
}
.our-team .team-card .team-photo {
    width: 300px;
    height: 300px;
		overflow:hidden;
    background-color: var(--main-color2);
    margin-bottom: 30px;
    border-radius: 16px;
}
.our-team  .social-icons a {
    margin: 0 5px;
  
    color: #333;
}
	.our-team  .social-icons i{
		color:	#454948;
		  font-size: 22px;
		margin-top:20px;
	}
.our-team .read-more {
    margin-top: 20px;
    display: inline-block;
    color: #2F3B2B;
    text-decoration: none;
	 position: relative;
    padding-right: 30px;
    font-size:18px;
    letter-spacing:0.05em;
    line-height:20px;
}

.our-team .read-more::after {
    content: "\f0a9";
    font-family: "Font Awesome 6 Free";
    font-weight: 900; 
    position: absolute;
    font-size:18px !important;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    color: var(--main-color);
}

.our-team .read-more:hover {
  color:var(--main-color2);
}

.our-team .read-more:hover::after {
   color:var(--main-color2);
} */
/*footer*/
footer div#nav_menu-2 {
    margin-bottom: 0px;
}
/*payments-page*/
.health-insurance-sec .counter-row .percent {
    margin-bottom: 0px !important;
}
.health-insurance-sec .counter-row h3.title {
    padding-top: 0px !important;
}
.health-insurance-sec .insurance-counter .counter-row .et_pb_number_counter .percent {
    height:auto !important;
}
/*--Treatment-Post-Sidebar--*/
.current-menu-parent{
	color:var(--main-color) !important;
}
.treatment-info-sec ul.treatment-detail-list p {
    padding-bottom: 0px !important;
}
.treatment-info-sec ul.treatment-detail-list p strong {
    padding-bottom:20px !Important;
	    font-size: 16px !important;
	font-weight:500 !important;
	color:#2F3B2B !important;

}
.treatment-info-sec ul.treatment-detail-list {
    list-style: none; 
    padding-left: 0;   
}

.treatment-info-sec ul.treatment-detail-list li {
    position: relative;
    padding-left: 25px;
}

.treatment-info-sec ul.treatment-detail-list li::before {
    content: "\f058"; 
    font-family: "Font Awesome 5 Free"; 
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 0; 
    font-size: 16px;
	color:var(--main-color2);
}

.treatment-info-sec ul.treatment-detail-list li {
    padding-bottom: 24px;
}
.treatment-info-sec ul.treatment-detail-list li:last-child {
    padding-bottom: 0px;
}
.treatment-info-sec h3 {
    padding-bottom:24px;
}
.treatment-info-sec .et_pb_module.et_pb_blurb .et_pb_blurb_container{
    vertical-align:middle !important;
}
.treatment-list-grid .treatment-item {
	width:100%;
    display: flex;
    align-items: center;
    object-fit: contain;
    align-self:center;
      background:var(--bs-white);
    padding:16px 24px 16px 24px !important;
    margin-bottom:10px;
    border:1px solid #EBEBE6;
	gap:20px;
    border-radius:16px;
	justify-content: flex-start;
}
.treatment-list-grid  .treatment-title {
    width: 80%;
/*     display: flex;
    justify-content: flex-start; */
}
.treatment-list-grid .treatment-item .icon-treatment {
/*     width:60px;
    height:60px; */
	width: 20%;
/*     margin-right:15px; */
}

.treatment-list-grid .treatment-item .treatment-title p{
    font-size:22px;
    line-height:26px;
    letter-spacing:0.05em;
    padding-bottom: 0px !important;
	color:var(--main-color) !important;
}
/* .treatment-list-grid .treatment-item .treatment-title p a{
	color:var(--main-color) !important;
} */

.treatment-list-grid .icon-treatment a {
    display: inline-block !important;
    /* justify-content: center; */
    /* align-items: center; */
}

.treatment-list-grid .icon-treatment img {
    max-width: 60px;
    max-height: 60px;
    width: 100% !important;
}
/*media Query*/
/* Force hide desktop header below 1200px */
@media (max-width: 1200px) {
	
  .main-header:not(.mobile-header) {
    display: none !important;
  }
  .mobile-header .et_mobile_nav_menu{
    display:block !Important;
  }
 .mobile-header .et_pb_menu__menu{
    display:none !important;
  }
		.mobile-header .et_mobile_menu {
        top: 50px !important;
    
}
	.mobile-header span.mobile_menu_bar {
    background: var(--main-color);
		border-radius: 100px;
    padding: 4px 14px;
}

.mobile-header .et_pb_module.et_pb_menu{
/*     position: absolute !important;
    right: 0%;
    top: -5px;
    width: 100%; */
}
.mobile-header .responsive-header .et_pb_column{
    display: flex;
    justify-content: space-around;
	align-items: center;
}
.mobile-header .responsive-header #mobile_menu2, .single .mobile-header .responsive-header #mobile_menu2 {
    position: fixed;
    top: 132px !important;
    right: 0 !important;
    left: 0 !important;
    width: auto;
    border: 2px solid #D2CCC1;
    height: calc(100vh - 132px);
    overflow: auto;
}
	.mobile-header .responsive-header .et_mobile_menu .menu-item-has-children>a {
		font-weight:500 !important;
		background-color:transparent;
	}
.mobile-header ul.call-icons-mobile {
        display: flex;
        gap: 10px !important;
        padding-bottom: 0px !important;
        padding-left: 0px;
        margin: auto;
        justify-content: center;
        align-items: center;
        vertical-align: middle !important;
        text-align: center;
    }

.mobile-header ul {
    list-style: none !important;
}
.mobile-header ul#mobile_menu2 li , .single ul#mobile_menu2 li{
    text-align: left !important;
}
.mobile-header	ul.call-icons-mobile li{
 height:32px !Important;
 width:32px;
	font-size: 16px;
 margin: auto;
	line-height:32px;
 margin-left: auto;
 margin-right: auto;
}
	.custom-toggle-span {
  font-size: 18px;
  margin-right: 10px;
  cursor: pointer;
  color: #0073e6;
  display: inline-block;
}


button.custom-toggle-button {
    position: absolute;
    right:auto;
    top: 0px;
    border: none;
    background: transparent;
    height: 40px;
    width: 40px;
    display: inline-block;
    margin: 0;
    color: #2F3B2B;
}
	button.custom-toggle-button i {
    color: #2F3B2B !important;
}
	li.sub-menu-items {
    position: relative;
}
.et_pb_menu .et_mobile_menu li.sub-menu-items ul.sub-menu {
    display: inherit !important; 
    height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.3s ease, opacity 0.3s ease;
	padding:0px ;
}
	#mobile_menu2 li.submenu-open > ul.sub-menu {
    display: block !important;
    height: auto;
    opacity: 1;
}
.submenu-open .custom-toggle-button {
  transform: rotate(180deg);
}
/* li.sub-menu-items .sub-menu {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height 0.3s ease, opacity 0.3s ease;
}
 
li.sub-menu-items .sub-menu.open {
  max-height: 500px; 
  opacity: 1;
}  */
	ul.sub-menu li {
    padding-left: 15px;
}
	.et_pb_module .mobile_menu_bar:before{
		top:1px;
	}
.mobile-header .sub-menu-items.current-menu-item.current_page_item.submenu-open ul.sub-menu a {
    color:var(--main-color2) !important;
}


}

/* Force hide mobile header above 1200px */
@media (min-width: 1201px) {
  .mobile-header {
    display: none !important;
  }
	.single .et_pb_row.top-header{
    width: 100% !important;
}
.main-header .sub-menu-items ul.sub-menu {
    top: 30px !important;
    border-radius: 24px;
    padding:16px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	        border: 1px solid #D2CCC1;
    
}
.main-header .sub-menu-items ul.sub-menu li{
    margin-bottom:8px;
    width: 100% !important;
}
.main-header .sub-menu-items ul.sub-menu li a{
     padding: 4px;
    width:100%;
}
	.main-header .sub-menu-items ul.sub-menu li a:hover{
		background-color:transparent !important;
	}

}
@media screen and (max-width: 1200px) and (min-width: 980px) {
    .home-top-video-sec .et_pb_column.et-last-child {
        padding-right: 5% !Important;
    }
	.treatment-list-grid .treatment-item .icon-treatment {
	width: 10% !important;
}

}

@media screen and (width >= 981px) {
    .reverse-row {
        display: flex;
        justify-content: space-between;
        flex-direction: row-reverse;
        &>.et_pb_column {
            margin-left: auto !important;
            margin-right: 0 !important;
            &.et-last-child {
                margin-left: 0 !important;
            }
        }
    }
	button.custom-toggle-button {
    left:14%;
}
}
	
@media screen and (width <= 980px) {
/* 		.mobile-header .responsive-header #mobile_menu2 ,  .single .mobile-header .responsive-header #mobile_menu2 {

    right: -37% !important;
} */
  .call-icons-mobile {
    list-style: none;
    display: flex;
    align-items: center;
    gap: 15px; 
    margin: 0;
    padding: 0;
}

.call-icons-mobile li {
    margin: 0;
    padding: 0;
}

.call-icons-mobile i {
    color: var(--main-color); 
/*     line-height: 1; */
}
	.mobile-header	ul.call-icons-mobile li {
    height: 20px !Important;
    width: 20px;

}
.call-icons-mobile li::marker {
    display: none;
}
	.main-header.mobile-header .et_pb_module.et_pb_menu{
    position: absolute;
    top: 0px;
    right: 0px;
    width: 100%;
    max-width: 100%;
}

.main-header.mobile-header span.mobile_menu_bar {
    background-color: var(--main-color) !important;
}

.main-header.mobile-header .et_pb_module.et_pb_image.et_pb_image_1_tb_header {
    z-index: 1;
    width: 50%;
}

.main-header.mobile-header .et_pb_menu_1_tb_header.et_pb_menu .et_mobile_menu {
    border-top: none;
    top: 70px !important;
}
	.our-team  .team-card {
    justify-content:center;
    text-align:center;
}
	.studio-gallery-sec .et_pb_gallery_items.et_post_gallery {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 5px;
    grid-row-gap: 5px;
}
	.studio-gallery-sec .et_pb_gallery_items.et_post_gallery img{
		width:100% !important;
	}
		.treatment-list-grid  .treatment-title {
    width: 90%;
}
	.treatment-list-grid .treatment-item .icon-treatment {
	width: 15% !important;
}
	.treatment-list-grid .treatment-item {
	gap: 10px;
}
	.main-title {
    margin-bottom: 10px !important;
}
	.home-top-video-sec .mejs-mediaelement {
 min-height: 360px;
}

}
@media screen and (max-width: 980px) and (min-width: 767px){
			button.custom-toggle-button {
    left:16%;
}

}
@media screen and (max-width: 767px) {
  button.custom-toggle-button {
    left: 31%;
  }
/* 		.mobile-header .responsive-header #mobile_menu2 ,  .single .mobile-header .responsive-header #mobile_menu2 {

    right: -17% !important;
} */
}

