/*
Theme Name: Physiotherapy Calgary
Theme URI: http://creativesuperhero.ca
Description: physiotherapycalgary.ca
Author: alex@creativesuperhero.ca
Version: 1.0
*/


@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
/*@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap');*/

:root {
--color-primary: #357CAD;
--color-hover:#275793;
--font-primary:"Roboto", sans-serif;
--font-body: "Open Sans", sans-serif;
--container-default-padding-block-start:0;
--container-default-padding-block-end:0;
--container-default-padding-inline-start:0;
--container-default-padding-inline-end:0;
--widgets-spacing:0;
--curve-bottom: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 100"><path fill="white" d="M500,85c-53.7,9.1-146.3,15-251.4,15C145.3,100,54.1,93.8,0,85V0h500V85z"/></svg>');

}


@font-face {
  font-family: 'icons';
  src: url('fonts/icons.eot?5170602');
  src: url('fonts/icons.woff2?5170602') format('woff2'),
       url('fonts/icons.woff?5170602') format('woff'),
       url('fonts/icons.ttf?5170602') format('truetype'),
       url('fonts/icons.svg?5170602#icons') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"]:before, 
[class*=" icon-"]:before,
li.icon a:before
 {
  font-family: "icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.0em;
  transition: 0.3s;
}
.icon-at:before { content: '\e800'; }
.icon-phone:before { content: '\e802'; }
.icon-search:before { content: '\e803'; font-size: 1.2em; }

.icon-facebook:before,	 li.icon-facebook a:before	 { content: '\e806'; }
.icon-twitter:before,	 li.icon-twitter a:before	 { content: '\e807'; }
.icon-youtube:before,	 li.icon-youtube a:before	 { content: '\e808'; position: relative; top:0.1em;} 
.icon-linkedin:before,	 li.icon-linkedin a:before	 { content: '\f0e1'; }
.icon-instagram:before,	 li.icon-instalgram a:before { content: '\f16d'; }

.icon-menu:before { content: '\e809'; }
.icon-cancel:before { content: '\e80a'; }
.icon-play:before { content: '\e810'; }
.icon-location:before { content: '\f031'; }
.icon-date:before { content: '\e80b'; }
.icon-tags:before { content: '\e801'; }
.icon-check:before { content: '\e804'; }
.icon-no:before { content: '\e805'; }
.icon-circle:before { content: '\f111'; } 
.icon-right-open:before { content: '\e80c'; } 


#main-menu li.icon:before{
content:none;
}

#main-menu li.icon a{
font-size:0;
}

#main-menu li.icon a:before{
font-size:18px;
line-height:normal;
}



.roboto{
font-family: var(--font-primary);
}

.lead{
font-size: 1.3em;
font-family: var(--font-primary);
}


article,aside,details,figcaption,figure,
footer,header,hgroup,menu,main,nav,section { 
display:block;
}

.mobile{
display:none;	
}

html{
-webkit-text-size-adjust: 100%;
text-size-adjust: 100%;
height: 100%;
}

*{
-webkit-tap-highlight-color: rgba(0,0,0,0);
}


body{
font-family: var(--font-body);
margin:0;
padding:0;
background:#ffffff;
line-height:1.5;
font-size:0.95em;
min-height: 100%;
box-sizing: border-box;
}

main{
margin-top: 90px;
}

#masthead{
background:#fff; 
height:90px;
box-shadow:0 0 10px rgba(0,0,0,0.15);
padding:0 40px;
z-index:100;
transition:0.3s;
font-family: var(--font-primary);
position: fixed;
top:0;
left: 0;
right: 0;
}
.scroll #masthead{
height: 70px;
}



#masthead-content{
max-width: 1300px;
margin: auto;
height: 100%;
position: relative;
display: flex;
}

	
	#nav-main{
	position:relative;
	display: flex;
	flex-direction: column-reverse;
	align-items: flex-end;
	justify-content: center;
	flex: 1;
	}

	#main-menu{
	margin:0;
	padding:0;
	list-style-type:none;
	transition: top 0.3s;
	display: flex;
	}

		#main-menu li{	
		}
		#main-menu .mobile{
		display:none;	
		}

		#main-menu a{
		color:#000;
		text-decoration:none;
		font-size:18px;
		padding:0 10px;
		}

		
		#main-menu >li >a{
		display: block;
		transition: 0.3s;
		padding-top: 6px;
		padding-bottom: 6px;
		}


		
		
		#main-menu a:hover{
		color:var(--color-primary);
		}

		#main-menu .current-menu-item  > a{
		color:var(--color-primary);	
		}

	#main-menu li:hover .sub-menu{
	opacity:1;
	visibility:visible;
	}

	#main-menu .sub-menu{
	position:absolute;
	background:white;
	top:auto;
	margin:0;
	padding:0px 0px 6px 0px;
	box-shadow: 0 10px 10px rgba(0,0,0,0.2);
	transition:0.3s;
	opacity:0;
	visibility:hidden;
	z-index:1;
	}

		#main-menu .sub-menu li{
		display:block;	
		}

			#main-menu .sub-menu a{
			white-space:nowrap;
			display:block;
			line-height: normal;
			padding: 6px 16px;
			}
		
		#nav-logo{
		display: flex;
		flex-direction: column;
		justify-content: center;
		margin-right: 20px;
		}
		
		#logo{
		width:389px;
		height:50px;
		transition: 0.3s;
		display:block;
		border:0;
		}
		
		#main-menu .nav-home{
		display: none;
		}

	#contact-button{
	width: 80px;
	height: 80px;
	background: var(--color-primary);
	border-radius: 50%;
	color:white;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	text-decoration: none;
	font-family: var(--font-primary);
	font-weight: 700;
	font-size: 19px;
	text-align: center;
	line-height: 1;
	transition: 0.3s;
	margin-left: 10px;
	margin-top: 5px;
	}
	#contact-button:hover{
	background:var(--color-hover);
	}
	.scroll #contact-button{
	margin-top:-3px; 
	}
	
	

	
	#contact-menu{
	color:var(--color-primary);
	font-weight: bold;
	font-size: 20px;
	transition: top 0.3s;
	}
	.scroll #contact-menu{
	}
		#contact-menu a{
		color:var(--color-primary);
		text-decoration: none;
		}
		#contact-menu a:hover{
		color:var(--color-hover);
		}
	
	#top-social{
	display: inline;
	margin: 0 10px;
	}

		#top-social .icon-list-text{
		display: none;
		}
		
		#top-social a{
		padding: 2px 5px;
		font-size: 22px;
		}
	


/* /masthead */


#html header{
/*-webkit-mask-image: var(--curve-bottom), linear-gradient(to top, rgba(0,0,0,0) 3.2vw, black 3.2vw ) !important;
-webkit-mask-size:100% auto!important;
-webkit-mask-position: center bottom  !important;
-webkit-mask-repeat:no-repeat;
mask-image: var(--curve-bottom), linear-gradient(to top, rgba(0,0,0,0) 3.2vw, black 3.2vw ) !important;
mask-size:100% auto!important;
mask-position: center bottom  !important;
mask-repeat:no-repeat;*/
height: 45vw;
max-height: 700px;
background: white;
padding: 40px;
}

	#banner{
	position: absolute;
	z-index: 1;
	height: 100%;
	opacity: 1;
	top:0;
	left:0;
	background: white;
	}
	
		#banner .swiper {
		height: 100%;
		}
		
			#banner .swiper-slide-inner{
			height: 100%;
			}
			
				#banner .swiper-slide-inner img{
				object-fit: cover;
				object-position: top center;
				width: 100%;
				height: 100%;
				}
				
/*
#html .wave{
position: absolute;
bottom:0;
margin-bottom: -1px;
left: 0;
right: 0;
height: 5vw;
user-select: none;
background: url("images/wave.svg") repeat-x 0 0;
animation: WaveScroll 10s infinite;
animation-timing-function: linear;
background-size:100vw 100%;
}

@keyframes WaveScroll {
  100% {background-position:  100vw  0;}
}


@media (max-width: 768px){
	#html .wave{
	height: 8vw;
	}
}*/
	
#html .wave-bottom{
-webkit-mask-image: url('images/wave-bottom.svg'), 
					linear-gradient(to top, rgba(0,0,0,0) 4.5vw, black 5vw );
-webkit-mask-position: 0 100% ;
-webkit-mask-repeat:repeat-x;
-webkit-mask-size:100vw 5vw, auto auto;
mask-image: url('images/wave-bottom.svg'), 
					linear-gradient(to top, rgba(0,0,0,0) 4.5vw, black 5vw );
mask-position: 0 100% ;
mask-repeat:repeat-x;
mask-size:100vw 5vw, auto auto;
animation: WaveBottomScroll 10s infinite;
animation-timing-function: linear;
padding-bottom: calc(5vw + 10px);
}
@keyframes WaveBottomScroll {
  100% {
  -webkit-mask-position:  100vw 100%;
  mask-position:  100vw 100%;
  }
 }
 @media (max-width: 768px){
	#html .wave-bottom{
	-webkit-mask-size:100vw 8vw, auto auto;
	-webkit-mask-image: url('images/wave-bottom.svg'), linear-gradient(to top, rgba(0,0,0,0) 7.5vw, black 8vw );	
	mask-size:100vw 8vw, auto auto;
	mask-image: url('images/wave-bottom.svg'), linear-gradient(to top, rgba(0,0,0,0) 7.5vw, black 8vw );
	padding-bottom: calc(8vw + 10px) !important;
	}
}
	
.elementor-editor-active .wave-bottom{
animation: none;
}

/*
header #text{
z-index: 2;
max-width: 500px;
max-height: 500px;
width: 50vw;
height: 50vw;
background: rgba(100, 127, 155, 0.7);
border-radius: 50%;
display: flex;
flex-direction: column;
justify-content: center;
margin: auto;
color:white;
}

	header h1{
	line-height: 1;
	font-size: min(4vw, 50px);
	margin-bottom: 0.15em;
	}
	header h2{
	font-size: min(2.5vw, 36px);
	}
*/


/*Spacing*/

.e-con.content-padding {
padding: 50px 40px;
max-width: var(--content-width, 1200px);
}

.e-con.content-width {
padding-left: 40px;
padding-right: 40px;
max-width: var(--content-width, 1200px);
}

.e-con.padding-top  > .e-con-inner{
padding-top: 40px;
}
.e-con.padding-bottom > .e-con-inner{
padding-bottom: 40px;
}

.e-con.margin-top {
margin-top: 40px;
}
.e-con.margin-bottom{
margin-bottom: 40px;
}


.elementor-widget:not(:last-child){
margin-bottom: 0;
}

.e-con.padding-bottom-none{
padding-bottom: 0 !important;
}

@media (min-width: 768px){
	.e-con.column-layout > .e-con-inner,
	.e-con-inner > .e-con.column-layout{
	gap:20px;
	flex-direction: row;
	}
	
	.column-layout > .e-con-inner .column{
	flex: 1;
	}
	
}


#html .feature-width{
padding-left: 40px;
padding-right: 40px;
}

/* //Spacing */



h1,h2,h3{
margin-top:0;	
margin-bottom: 0.5em;
font-family: var(--font-primary);
}

p{
margin-top:0;	
margin-bottom:1em;	
}

.last-item-margin-none .elementor-widget-container :last-child{
margin-bottom: 0;
}


h1{
font-weight:300;
font-size:2em;	
line-height: 1.3 !important;
}

.banner{
font-family: var(--font-primary);
}




h2{
font-weight:300;
font-size:2.0em;
line-height: 1.3;
}

h3{
font-weight:normal;
font-size:1.4em;
line-height: 1.3;
}

#html .heading-feature {
z-index: 10;
margin-bottom: -30px;
padding-left: 50px;
padding-right: 50px;
}

.heading-feature div{
text-align: center;
}

	.heading-feature .elementor-widget-container{
	display: inline-block;
	padding: 10px 30px;
	border-radius: 15px;
	
	}

		.heading-feature h2{
		margin: 0;
		}


@media (max-width: 480px){	
	#html .heading-feature {
	padding-left: 20px;
	padding-right: 20px;
	}
	
		.heading-feature .elementor-widget-container{
		border-radius:15px 15px 0 0;
		}
		
		#treatment-heading-feature .elementor-widget-container{
		border-radius:15px;
		}
}


.margin-none{
margin:0;
}

hr{
width: 100px;
margin: 12px auto !important;
border:none;
border-bottom:2px solid #000;
background:none;
height:1px;
position: relative;
bottom: 1px;
padding:0;
position:relative;
display:block;	
}
.text-white hr{
border-bottom:2px solid #fff;
}

.column{
width:49.5%;
display:inline-block;
vertical-align:top;	
}

.column-left{
padding-right:2.5%;
border-right:1px solid #DAD2CF;
}
.column-right{
padding-left:2.5%;
border-left:1px solid #DAD2CF;
margin-left:-1px;
}

a{
color:var(--color-primary);
transition: color 0.3s;
}

a:hover{
color:var(--color-hover);
}


/*Sections*/


/* //Sections*/


/*Overlay Layout*/
div.overlay-layout{
position: relative;
--padding-top: max(16%, 200px);
--padding-bottom:  max(16%, 200px);
}
	
	div.overlay-layout > .e-con-inner{
	max-width: 1380px;
	width: 100%;
	margin: auto;
	}

		.overlay-layout .content{
		padding-left: 40px;
		padding-right: 40px;
		margin: auto;
		}

		.overlay-layout.content-left .content {
		margin-left: 0;
		margin-right: auto;
		width:50%;
		}
		.overlay-layout.content-right .content {
		margin-right: 0;
		margin-left: auto;
		width:calc(50% - 20px);
		}
		
		.overlay-layout.width-custom > .content{
		width:var(--content-width, 50%);
		}
		
		.overlay-layout.align-left > .content  {
		margin-left: 0;
		}
		.overlay-layout.align-right > .content  {
		margin-right: 0;
		}

	.overlay-layout .image{
	position: absolute;
	top:0;
	left: 0;
	right: 0;
	bottom: 0;
	background-position: center 70%;
	background-size:  cover;
	background-repeat: no-repeat;
	}
	
		.overlay-layout .image.fixed-bg{
		background-attachment: fixed;
		}
	
/*//Overlay Layout*/


.elementor-button-text{
}

footer{
position: relative;
z-index:2;
color:#ccc;
max-width: 2000px;
margin: auto;
background:black;
font-size:0.8em;
text-align:center;
padding:10px;
}

	#footer-accent{
	height: 0;
	}

	footer a{
	color:#ccc;
	text-decoration:none;
	}
	
	#footer-contact a{
	color:#666;
	white-space: nowrap;
	}
	footer a:hover,
	#footer-contact a:hover{
	color:white;
	}
	
	
	.footer-terms a{
	white-space: nowrap;
	}
	
	#footer-contact-links{
	font-size: 20px;
	}
	
	@media (max-width: 1150px){	
		#footer-contact-links{
		font-size: 1.7vw;
		}
	}

	footer p:last-child{
	margin-bottom: 0;
	}
	
	.post-edit-link{

	}


select {
    font-size: 1em;
    padding: 0.5em;
}


.alignright{
float:right;
margin:0 0 0 16px;
}

.alignleft{
float:left;
margin: 0 16px 0 0;	
}

.aligncenter{
display:block;
margin:auto;
}

main img{
max-width:100%;	
height:auto;
}

a img{
border:none;
}

p + ul{
margin-top:-0.5em;	
}

ul.flat-list{
margin: 0;
padding: 0;
}

	ul.flat-list li{
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
	}

sup,
sub {
height: 0;
line-height: 1;
vertical-align: baseline;
_vertical-align: bottom;
position: relative;
_position:static;
font-size:0.8em;
}
sup{
bottom:0.75em;	
}
sub{
bottom:-0.5em;
}


ol.columns,
ul.columns,
.columns-2,
.columns-3{
-moz-column-count:2;
-webkit-column-count:2;
column-count:2;	

-moz-column-gap:50px;
-webkit-column-gap:50px;
column-gap:50px;
margin-left:0;
padding-left: 1em;
break-inside: avoid-column;
-webkit-column-break-inside: avoid;
}


@media (min-width: 1600px){
	ol.columns,
	ul.columns{
	-moz-column-count:3;
	-webkit-column-count:3;
	column-count:3;	
	}
}

.columns-3{
-moz-column-count:3;
-webkit-column-count:3;
column-count:3;	
}

.columns li,
.columns-2 li,
.columns-3 li{
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;

}

.text-white,
.text-white .elementor-widget-container{
color:white;
}

.text-white a{
color:#95E6EE;
}
.text-white a:hover{
color:#fff;
}

/* Buttons */
input[type=button],
input[type=submit],
button,
.button,
.elementor-button{
background: var(--color-primary) !important;
border:1px solid white !important;
border-radius: 8px!important;
padding: 6px 20px 6px 20px;
font-family: var(--font-primary);
color:white !important;
cursor: pointer;
font-size: 1.1em;
-moz-appearance:none;
-webkit-appearance:none;
appearance:none;
transition:0.3s;
text-decoration: none;
}

input[type=button]:hover,
input[type=submit]:hover,
button:hover,
.button:hover,
.elementor-button:hover{
background: var(--color-hover) !important;
}

.elementor-button-icon{
margin-right: 6px;
}

.button.small,
.small .elementor-button{
font-size: 0.85rem;
padding: 2px 10px !important;
}

.button.large,
.large .elementor-button{
font-size: 1.4rem;
padding: 10px 20px !important;
}

/* //Buttons */



textarea,
input[type=text],
input[type=tel],
input[type=date],
input[type=email]{
font-family:  var(--font-body);
background: rgba(255,255,255,0.7) !important;
font-size: 1em;
border:1px solid #87A08C;
padding: 0.5em;
padding: 10px !important;
}

body .nf-field-container{
margin-bottom: 16px;
}


:target {
  display: block;
  position: relative;
  top: -160px; 
  visibility: hidden;
}



/*Email obfuscate*/
.oe_displaynone{
display: none !important;
}

.pattern{
background-image:url("images/pattern.webp");
background-position:  center top;
background-attachment: fixed;
}


.pattern-dark-green{
background-image:url("images/pattern-green.webp");
background-position:  center top;
background-attachment: fixed;
}


.pattern-dark{
background-image:url("images/pattern-dark.webp");
background-position:  center top;
background-attachment: fixed;
}


#html .list-section{
padding-top: 50px;
padding-left:40px;
padding-right:40px;
}

#html .photo-circle .elementor-widget-image-box{
max-width: 260px;
margin-bottom: 25px;
}

#html .photo-circle .elementor-image-box-img{
width: 80%;
margin-bottom: 8px;
}

	#html .photo-circle .elementor-image-box-img img{
	border-radius: 50%;
	}


/*Conditions*/

#conditions .elementor-widget-image-box{
cursor: pointer;
}



#html .condition-popup{
visibility: hidden;
opacity: 0;
transition: 0.5s;
position: fixed;
top:0;
left: 0;
right: 0;
bottom:0; 
z-index: 100;
}

#html .condition-popup.open{
display: block;
visibility: visible;
opacity: 1;
}

body.popup-open{
overflow: hidden;
transition: 0.2s;
}

.condition-popup .overlay{
background: rgba(57,71,77, 0.9);
/*backdrop-filter:blur(10px);*/
transition: 0.5s;
padding: 80px 40px;
width: 100%;
height: 100%;
pointer-events: none;
/*background-image: url("images/pattern-dark.webp");*/
}
	
	.condition-popup .close:after{
	content: "\2715";
	}
	
	.condition-popup .close{
	color: white;
	position: absolute;
	right: 14px;
	top: 14px;
	font-size: 20px;
	font-weight: bold;
	cursor: pointer;
	border-radius: 50%;
	background: rgba(0,0,0,0.5);
	width: 32px;
	height: 32px;
	text-align: center;
	line-height: 32px;
	padding: 0;
	z-index: 5;
	transition: 0.3s;
	}
	
	.condition-popup .close:hover{
	background: black;
	}



#html .condition-popup .popup{
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
pointer-events: all;
/*box-shadow: 0 5px 40px rgba(0,0,0,0.5) ;*/
border-radius: 20px 20px 0 0;
}



	.condition-popup .image{
	position: absolute;
	top:0;
	bottom:0;
	left: 0;
	right:0;
	background-size:cover;
	background-position: center center;
	z-index: 1;
	border-radius: 20px 20px 0 0;
	background-repeat: no-repeat;
	}
	
	.condition-popup .content{
	width: 50%;
	max-width:500px;
	margin-left: 50px;
	background: rgba(36, 55, 62, 0.55);
	color:white;
	padding: 40px;
	border-radius: 20px;
	backdrop-filter:blur(20px);
	border:2px solid rgba(255,255,255,0.5);
	box-shadow: 0 5px 20px rgba(0,0,0,0.1);
	z-index: 2;
	}


#html .elementor-editor-active .condition-popup{
display: block;
visibility: visible;
opacity: 1;
position: relative;
}

#html .elementor-editor-active .condition-popup .overlay{
padding: 0;
height: 800px;
}

#html .elementor-editor-active .condition-popup .popup{
box-shadow: none;
}

/* //Conditions*/


/* Services Feature*/

.treatment-heading{
}
	.treatment-heading .feature-heading{
	margin-bottom: -35px;
	}
	
	.treatment-heading .elementor-widget-container{
	background: #453E2E;
	color:white;
	}

.treatment-feature{
background: #eee8d2;
z-index: 1;
min-height: max(700px, 44vw) !important;
flex-direction: column;
border-top:10px solid #453E2E;
margin-left: 40px;
/*
-webkit-mask-image: var(--curve-bottom), linear-gradient(to top, rgba(0,0,0,0) 3.2vw, black 3.2vw ) !important;
-webkit-mask-size:100% auto!important;
-webkit-mask-position: center bottom  !important;
-webkit-mask-repeat:no-repeat;
mask-image: var(--curve-bottom), linear-gradient(to top, rgba(0,0,0,0) 3.2vw, black 3.2vw ) !important;
mask-size:100% auto!important;
mask-position: center bottom  !important;
mask-repeat:no-repeat;
*/
}


	
		.treatment-feature-intro{
		font-size: 1.0em;
		padding: 30px 20px 10px 20px;
		/*background: #eee8d2;*/
		}
		
			.treatment-feature-intro :last-child{
			margin: 0;
			}
		
		.treatment-feature .treatment-feature-intro,
		.treatment-feature .treatment-name{
		width: 20%;
		min-width: 280px !important;
		}
		
		.treatment-feature .treatment-name{
		/*background: #eee8d2;*/
		padding: 6px 20px;
		cursor: pointer;
		transition: 0.3s;
		}
		
			.treatment-feature .treatment-name{
			font-family: Montserrat, sans-serif;
			font-size: min(1.4vw, 20px);
			}
			
			@media (max-width: 1400px){	
				.treatment-feature .treatment-name{
				font-size: 18px;
				padding-top: 4px;
				padding-bottom: 4px;
				}
			}
				.treatment-feature .treatment-name .elementor-heading-title{
				line-height: 1.2;
				}
		
		.treatment-feature .treatment-name:hover{
		background: #E1D7B0;
		}
		
		.treatment-feature .treatment-name.active{
		background: #756c50;
		color:white;
		}
		
		.treatment-feature .feature{
		position: absolute;
		width: 80% !important;
		max-width: calc(100% - 280px);
		right:0;
		top:0;
		bottom:0;
		display: flex;
		flex-direction: column;
		justify-content: center;
		}
		
			.treatment-feature .feature  .image{
			position: absolute;
			top:0;
			bottom: 0;
			left: 0;
			right: 0;
			z-index: 1;
			background-size:cover;
			background-repeat: no-repeat;
			background-position: center center;
			}
		
			.treatment-feature .feature .content{
			position: relative;
			z-index: 2;
			max-width: 600px;
			width: 40%;
			min-width: 400px;
			box-sizing: border-box;
			display: block !important;
			height: auto;
			padding: 30px;
			background: rgba(52,45,28,0.80);
			border:1px solid #F6F3E8;
			border-radius: 20px;
			box-shadow: 0 5px 20px rgba(0,0,0,0.5);
		  	-webkit-backdrop-filter: blur(10px);
  			backdrop-filter: blur(10px);
			margin: auto;
			}
			
			.treatment-feature .feature.content-right .content{
			margin-right: 3%;
			/*border-radius: 20px 0 0 20px;*/
			}
			.treatment-feature .feature.content-left .content{
			margin-left: 5%;
			}
			
			.treatment-feature .feature .content p a{
			color:#B5E7AF;
			}
			
			
				.treatment-feature .feature .elementor-column{
				display: block !important;
				}
			
			.treatment-feature .feature .elementor-widget-container{
			color:white;
			}
			
			.treatment-feature .elementor-button-link{
			font-size:14px;
			padding: 8px 12px !important;
			}
			
		.elementor-editor-active .treatment-feature .feature{
		position: relative;
		display: flex !important;
		height: 600px !important;
		width: 100% !important;
		max-width: none !important;
		opacity: 1;
		visibility: visible !important;
		}
		
		#html .elementor-editor-active .feature .content{
		display: block !important;
		}
		
		/*.treatment-feature:after{
		content: '';
		display: block;
		width: 100%;
		height: 4vw;
		position: relative;
		}*/
		
		.treatment-feature.slideshow-active .feature{
		transition: 2s;
		}
		
		.treatment-feature.slideshow-active .feature .content{ 
		display: none !important;
		}

.treatment-feature .treatment-name.active{
background: #756c50;
}
.treatment-feature .active .elementor-heading-title{
color:#fff !important;
}

.treatment-feature .feature{
opacity: 0;
visibility: hidden;
transition:0.3s;

}

.treatment-feature .feature.active{
opacity: 1;
visibility: visible;
}

/* // Services Feature*/


/* heading rule*/
.heading-rule{
margin: auto;
width: 100%;
margin-bottom: 1em !important;
max-width: 1370px !important;
display: flex;
flex-direction: row;
gap:20px !important;
}

.heading-rule.margin-bottom-none{
margin-bottom: 0 !important;
}

	.heading-rule:before,
	.heading-rule:after{
	content: '';
	display: block;
	height: 2px;
	background: #C2D6E6;
	width: 100%;
	flex: 1;
	align-self: center;
	}

	.text-white .heading-rule:before,
	.text-white .heading-rule:after{
	background: rgba(255,255,255,0.3);
	}

	.heading-rule h2,
	.heading-rule h3{
	margin-bottom: 0;
	}
/* //heading rule*/


/*
#html .mfp-content{
box-shadow: 0 5px 40px rgba(0,0,0,0.5) ;
width:calc(100% - 40px);
}

#html .mfp-close{
padding:0;
background: rgba(0,0,0,0.7) !important;
border: none !important;
border-radius: 50% !important;
top:10px;
right:10px;
}
#html .mfp-close:hover{
background: rgba(0,0,0,1) !important;
}

.mfp-bg{
background: #39474D;
opacity: 0.9 !important;
}*/



#html .icon-boxes .elementor-widget-image-box{
max-width: 300px;
}

.icon-boxes .elementor-image-box-description{
text-align: left;
}

#html .nf-field-label label{
font-weight: normal;
}

#conditions,
#team{
border-bottom: 1px solid white;
}

.nf-form-hp{
display: none;
}

#testimonials-header{
z-index: 3;
}

#testimonials{
z-index: 2;
}

#consult{
z-index: 1;
margin-top: -5vw;
padding-top: 5vw;
}