/* BANNER */
.banner {width: 100%;overflow: hidden;position: relative;}    
.bannertext {position: absolute;top: 0;left: 0;right: 0;width: 100%;height: 100%;z-index: 1;background: rgb(0 0 0 / 30%);}
.webox {width: 100%;;position: relative;z-index: 1;max-width: 650px;}
.hmbo_wrap {display: flex;align-items: flex-end;height: 100%;padding-bottom: 75px;}
.banner .webox .heading-54 ,
.banner .webox p{
	color: var(--white);
}
.banner .webox p {
	font-size: 22px;
	font-weight: var(--font-semibold);
}
.banner .webox > *:not(:last-child):not([class*="heading-"]){
	margin-bottom: 25px;
}

.js_hmbanner {height:790px;}
.js_hmbanner .slideingdiv  > img {width: 100%;height:790px;object-fit: cover;}

.js_hmbanner .slick-arrow{
	border-color: var(--white);

	&::before{
		color: var(--white);
	}
}
.js_hmbanner .slick-arrow{
	background-color: transparent;

	&:hover{
		background-color: var(--white);
		border-color: var(--white);

		&::before{
			color: var(--black);
		}
	}
}
.js_hmbanner .slick-prev{
	left:30px
}
.js_hmbanner .slick-next{
	right:30px
}


.health-wrapper{
	border-radius: 20px;
}
.js_hmbanner img.mobile-image{
	display: none !important;
}

.js_hmbanner:not(.slick-initialized ) .slideingdiv:not(:first-child){
	display: none;
}



/* *********** ||  TEAM  || *********** */

ul + div.text-center{
	margin-top: 50px;
} 

.hm-team{
	overflow: hidden;
	position: relative;
	z-index: 1;

	/* & .bottom-shape{
	z-index: 1;
} */
}


/* *********** ||  Health Conditions  || *********** */
.health-wrapper{
	padding: 45px 65px 45px 95px;
}
.health-left{
	width: calc(100% - 605px);
	padding-right: 75px;

	& p + a.button{
		margin-top: 35px;
	}

	& .intro{
		& .heading-50{
			max-width: 450px;
		}
	}
}

.treatment-condition{
	width: 605px;
	position: relative;
	z-index: 1;

	& img.logo-shape{
		position: absolute;
		top:74px;
		left:0;
		z-index: -1;
	}
}
.treatment-list {
	display: flex;
	flex-wrap: wrap;
	gap:14px 10px;
	margin-top: 60px;
}
.treatment-list li{
	background-color: var(--white);
	font-weight: var(--font-semibold);
	font-size: 14px;
	border-radius: 30px;
	text-align: center;
	padding: 11px 19px;
	margin-bottom: 0;
	transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;

	&:hover ,
	&.active{
		background-color: var(--theme);
		color: var(--white);
	}
}

.treatment-condition .dot{
	position: absolute;
	width: 50px;
	height: 50px;
	background: rgb(255 0 0 / 20%);
	border-radius: 100%;
	transform: translate(-50%, -50%);
	transition: 0.3s ease;
	animation: pulse 1.5s infinite;
}
.treatment-condition .dot::after{
	content: "";
	position: absolute;
	top: 0;
	width: 26px;
	height: 26px;
	border-radius: 100%;
	background-color: #FF0000;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

@keyframes pulse {
	0% { box-shadow: 0 0 0 0 rgba(255,0,0,0.6); }
	70% { box-shadow: 0 0 0 12px rgba(255,0,0,0); }
	100% { box-shadow: 0 0 0 0 rgba(255,0,0,0); }
}


.hm-faq .faq_accordion.smk_accordion .accordion_in.acc_active .acc_content{display: block;}
.hm-faq .faq_accordion.smk_accordion .accordion_in .acc_content{display: none;}

.hm-services .slick-next{
	right: 0;
	margin-right: 20%;
	box-shadow: 0 0 10px rgb(0 0 0 / 15%);
}
/*.page-template-page-home .accred-wrapper {
    border-top: 1px solid var(--lightgray);
	border-bottom:none;
    padding: 40px 0 0px 0;
}*/

/* *********** ||  START MEDIA QUERY || *********** */


@media screen and (max-width: 1439.98px){

	/* ********* HEALTH CONDITION ********* */
	.health-wrapper{padding: 60px;}
	.treatment-condition{width: 500px;}
	.health-left {width: calc(100% - 500px);padding-right: 60px;}
	.treatment-list{gap: 10px 8px;margin-top: 30px;}

	.hm-services .slick-next{margin-right: 25%;}

}
@media screen and (max-width: 1366px){
	
	.js_hmbanner ,
	.js_hmbanner .slideingdiv>img {height: 650px;}
	.hmbo_wrap{align-items: center;padding-bottom: 0;}
}

@media screen and (max-width: 1199.98px){

	/* ********* BANNER ********* */
	.js_hmbanner ,
	.js_hmbanner .slideingdiv > img {height: 550px;}

	/* ********* HEALTH CONDITION ********* */
	.health-wrapper {padding: 30px;}
	.treatment-condition{width: 350px;}
	.health-left {width: calc(100% - 350px);padding-right: 30px;}
	.treatment-list li{padding: 8px 15px;}

	.team-grid.slick-initialized  .slick-prev {left: calc(50% - 195px);}
	.team-grid.slick-initialized  .slick-next  {right: calc(50% - 195px);}

	.hm-services .slick-next {right: calc(50% - 145px);margin-right: 0;}
}
@media screen and (max-width: 991.98px){

	/* ********* BANNER ********* */
	.banner .webox > *:not(:last-child):not([class*="heading-"]) {
		margin-bottom: 15px;
	}
	.hmbo_wrap{
		text-align: center;
		padding-bottom: 40px;
	}
	.js_hmbanner ,
	.js_hmbanner .slideingdiv > img {height: 400px;}
	.banner .webox p{font-size: 16px;}
	.js_hmbanner .button-group {

		justify-content: center;
	}
	.banner .webox .heading-54{
		font-size: 26px;
		margin-bottom: 10px;
	}

	/* ********* HEALTH CONDITION ********* */
	.health-wrapper {padding: 20px;}
	.treatment-condition ,
	.health-left{width: 100%;}
	.health-left {padding-right: 0;margin-bottom: 30px;}
	.treatment-list{flex-wrap: nowrap;overflow: scroll;}

	.treatment-list li{
		padding: 12px 15px;
        min-width: auto;
        min-height: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 15px;
        white-space: nowrap;
        flex: 0 0 auto;
        line-height: 1;
	}
	.treatment-condition {
		& img.logo-shape {
			top: 0;
			left: 0;
			width: 80%;
			right: 0;
			bottom: 0;
			margin: auto;
		}
	}
	.treatment-condition .dot{
		width: 30px;
		height: 30px;
	}
	.treatment-condition .dot::after{
		width: 15px;
		height: 15px;
	}
	.hm-services .services-slider li .service-item .button-outline{
		display: none;
	}	
	.hm-services .services-slider li .service-item .ser-detail p{
		font-size: 14px;
		line-height: 1.2;
	}
}

@media screen and (max-width: 767.98px){
	.js_hmbanner img.mobile-image{display: block !important;}
	.js_hmbanner img.desk-image{display: none !important;}
}


@media screen and (max-width: 575.98px){

	.team-grid.slick-initialized{
		padding-bottom: 60px;

		& .slick-arrow{
			bottom: 0;
		}

	}
	.team-grid.slick-initialized  .slick-prev {left: calc(50% - 45px);}
	.team-grid.slick-initialized  .slick-next  {right: calc(50% - 45px);}
	.team-grid li .team-item .team-info {
		& p {
			line-height: 24px;
			max-width: 100%;
		}
	}
	.team-grid li .team-item {
		padding: 30px 20px;
	}
	.treatment-condition {

		& img.logo-shape {
			width: 100%;
		}
	}


}