@font-face {
	font-family: 'Inter-Bold';
	src: url("../fonts/Inter/Inter_18pt-Bold.ttf") format("truetype");
	font-weight: 700;
    font-style: normal;
}
@font-face {
	font-family: 'Inter-BoldItalic';
	src: url("../fonts/Inter/Inter_18pt-BoldItalic.ttf") format("truetype");
	font-weight: 700;
    font-style: italic;
}
@font-face {
	font-family: 'Inter-ExtraBold';
	src: url("../fonts/Inter/Inter_18pt-ExtraBold.ttf") format("truetype");
	font-weight: 800;
    font-style: normal;
}
@font-face {
	font-family: 'Inter-ExtraBoldItalic';
	src: url("../fonts/Inter/Inter_18pt-ExtraBoldItalic.ttf") format("truetype");
	font-weight: 800;
    font-style: italic;
}
@font-face {
	font-family: 'Inter-Italic';
	src: url("../fonts/Inter/Inter_18pt-Italic.ttf") format("truetype");
	font-weight: 400;
    font-style: italic;
}
@font-face {
	font-family: 'Inter-Light';
	src: url("../fonts/Inter/Inter_18pt-Light.ttf") format("truetype");
	font-weight: 300;
    font-style: normal;
}
@font-face {
	font-family: 'Inter-LightItalic';
	src: url("../fonts/Inter/Inter_18pt-LightItalic.ttf") format("truetype");
	font-weight: 300;
    font-style: italic;
}
@font-face {
	font-family: 'Inter-Medium';
	src: url("../fonts/Inter/Inter_18pt-Medium.ttf") format("truetype");
	font-weight: 500;
    font-style: normal;
}
@font-face {
	font-family: 'Inter-MediumItalic';
	src: url("../fonts/Inter/Inter_18pt-MediumItalic.ttf") format("truetype");
	font-weight: 500;
    font-style: italic;
}
@font-face {
	font-family: 'Inter-Regular';
	src: url("../fonts/Inter/Inter_18pt-Regular.ttf") format("truetype");
	font-weight: 400;
    font-style: normal;
}
@font-face {
	font-family: 'Inter-SemiBold';
	src: url("../fonts/Inter/Inter_18pt-SemiBold.ttf") format("truetype");
	font-weight: 600;
    font-style: normal;
}
@font-face {
	font-family: 'Inter-SemiBoldItalic';
	src: url("../fonts/Inter/Inter_18pt-SemiBoldItalic.ttf") format("truetype");
	font-weight: 600;
    font-style: italic;
}


/*	------------------------ Playfair -------------------------- */

@font-face {
	font-family: 'Playfair-Bold';
	src: url("../fonts/Playfair/PlayfairDisplay-Bold.ttf") format("truetype");
	font-weight: 700;
    font-style: normal;
}
@font-face {
	font-family: 'Playfair-Bold-Italic';
	src: url("../fonts/Playfair/PlayfairDisplay-BlackItalic.ttf") format("truetype");
	font-weight: 700;
    font-style: italic;
}
@font-face {
	font-family: 'Playfair-ExtraBold';
	src: url("../fonts/Playfair/PlayfairDisplay-ExtraBold.ttf") format("truetype");
	font-weight: 800;
    font-style: normal;
}
@font-face {
	font-family: 'Playfair-ExtraBold-Italic';
	src: url("../fonts/Playfair/PlayfairDisplay-ExtraBoldItalic.ttf") format("truetype");
	font-weight: 800;
    font-style: italic;
}
@font-face {
	font-family: 'Playfair-Italic';
	src: url("../fonts/Playfair/PlayfairDisplay-Italic.ttf") format("truetype");
	font-weight: 400;
    font-style: italic;
}
@font-face {
	font-family: 'Playfair-Light';
	src: url("../fonts/Playfair/Inter_18pt-Light.ttf") format("truetype");
	font-weight: 300;
    font-style: normal;
}
@font-face {
	font-family: 'Playfair-Light-Italic';
	src: url("../fonts/Inter/Inter_18pt-LightItalic.ttf") format("truetype");
	font-weight: 300;
    font-style: italic;
}
@font-face {
	font-family: 'Playfair-Medium';
	src: url("../fonts/Playfair/PlayfairDisplay-Medium.ttf") format("truetype");
	font-weight: 500;
    font-style: normal;
}
@font-face {
	font-family: 'Playfair-Medium-Italic';
	src: url("../fonts/Playfair/PlayfairDisplay-MediumItalic.ttf") format("truetype");
	font-weight: 500;
    font-style: italic;
}
@font-face {
	font-family: 'Playfair-Regular';
	src: url("../fonts/Playfair/PlayfairDisplay-Regular.ttf") format("truetype");
	font-weight: 400;
    font-style: normal;
}
@font-face {
	font-family: 'Playfair-SemiBold';
	src: url("../fonts/Playfair/PlayfairDisplay-SemiBold.ttf") format("truetype");
	font-weight: 600;
    font-style: normal;
}
@font-face {
	font-family: 'Playfair-SemiBold-Italic';
	src: url("../fonts/Playfair/PlayfairDisplay-SemiBoldItalic.ttf") format("truetype");
	font-weight: 600;
    font-style: italic;
}


/*	------------------------ General -------------------------- */




@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1170px;
    }
    .container-fluid{
    	max-width: calc(100% - 120px);
    }
}

@media (min-width: 1600px) {
    .container-fluid {
        max-width: calc(100% - 360px);
    }
}

html, body, p{
	font-family: 'Inter-Regular', sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: #000;
	line-height: 24px;
}
p.text-center, .text-center p{max-width: 900px; margin-right: auto; margin-left: auto;}
h1, .h1{
	font-weight: 400;
	font-size: 45px;
	color: #000;
	line-height:43px !important;
	font-family: 'Playfair-Regular' !important;
	font-style: normal;
}
h2, .h2{
	font-weight: 500;
	font-size: 35px;
	color: #000;
	line-height:43px !important;
	font-family: 'Playfair-Medium' !important;
	font-style: normal;
}
h3, .h3{
	font-weight: 600;
	font-size: 28px;
	color: #000;
	line-height:24px !important;
	font-family: 'Inter-SemiBold' !important;
	font-style: normal;
}
h4, .h4{
	font-weight: 600;
	font-size: 18px;
	color: #000;
	line-height:24px !important;
	font-family: 'Inter-SemiBold' !important;
	font-style: normal;
}
h5, .h5{
	font-weight: 400;
	font-size: 16px;
	color: #000;
}
h6, .h6{
	font-weight: 600;
	font-size: 14px;
	color: #000;
}
.title-size{
	color: #000;
	font-family: 'Inter-SemiBold' !important;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height:24px !important;

}
small, .sm-text{
	font-weight: 400;
	font-size: 12px;
	color: #000;
	line-height:24px !important;
	font-family: 'Inter-Regular' !important;
	font-style: normal;
}
.tag{
	font-weight: 400;
	font-size: 14px;
	color: #000;
	line-height:24px !important;
	font-family: 'Inter-Regular' !important;
	font-style: normal;
}
.light-text{
	font-weight: 300;
	font-size: 12px;
	color: #000;
	line-height:24px !important;
	font-family: 'Inter-Light' !important;
	font-style: normal;
}
.cta-text{
	font-weight: 600;
	font-size: 14px;
	color: #fff;
	line-height:24px !important;
	font-family: 'Inter-Semibold' !important;
	font-style: normal;
}



.justify-content-flex-end{
	justify-content: flex-end !important;
}

section{
	padding-top: 60px;
	padding-bottom: 60px;
}
h2:has( + p){margin-bottom: 12px;}
a:not([href]):not([class]), a:not([href]):not([class]):hover{cursor: default;}

.datepicker.datepicker-dropdown.dropdown-menu{
	z-index: 9999 !important;
	padding: 20px;
}

.p-grey{
	color:#555 !important;
}

.button{
	background-color: #1D8993;
	color: #FFFFFF;
	border-radius: 80px;
	font-family: 'Inter-SemiBold', sans-serif;
	font-size: 14px;
	font-weight: 600;
	text-shadow: none;
	padding: 0 25px;
	letter-spacing: 0;
	text-transform: capitalize;
	line-height: 24px;
	height: 36px;
	width: 120px;
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
	align-items: center;
    gap: 4px;
}
.button:hover{
	background-color: #FFFFFF;
	color: #1D8993;
	border: 2px solid #1D8993;
}
.button2{
	display: flex;
	width: 200px;
	height: 50px;
	padding: 16px 23px;
	justify-content: center;
	align-items: center;
	border: 2px solid #1D8993;
	border-radius: 80px;
	background-color: #1D8993;
	color: #FFF;
	font-family: 'Inter-SemiBold',sans-serif;
	font-size: 16px;
	line-height: normal;
	font-weight: 600;
	text-transform: capitalize;
}
.button2:hover{
	background-color: #FFFFFF;
	color: #1D8993;
	border: 2px solid #1D8993;
}
.button3{
	background-color: #1D8993;
	color: #fff;
	border-radius: 80px;
	transition: all .5s;
    border: 2px solid #1D8993;
	/*border: none;*/
	font-family: 'Inter-SemiBold',sans-serif;
	font-size: 16px;
	font-weight:600;
	text-shadow: none;
	display: flex;
	width: 160px;
	height: 50px;
	padding: 16px 23px;
	justify-content: center;
	align-items: center;
	gap: 4px;
	line-height: normal;
}
.button3:hover{
	background-color: #FFFFFF;
	color: #1D8993;
	border: 2px solid #1D8993;
}
.button4{
	/*background-color: #fff;*/
	color: #1D8993;
	border-radius:80px;
	border: none;
	font-size: 16px;
	text-shadow: none;
	padding: 0 35px;
	letter-spacing: 0;
	text-transform: none;
	display: inline-block;
	height: 50px;
	line-height: 50px;
}
.button4:hover{
	background-color: #734F0D;
}
.button5{
	background-color: transparent;
	color: #1D8993;
	border-radius: 80px;
	border: 2px solid #1D8993;
	transition: all .5s;
	font-family: 'Inter-SemiBold', sans-serif;
	font-size: 16px;
	font-weight:600;
	text-shadow: none;
	display: flex;
	width: 160px;
	height: 50px;
	padding: 16px 0px;
	justify-content: center;
	align-items: center;
	gap: 5px;
	line-height: normal;
}
.button5:hover{
	background-color: #1D8993;
	color: #FFF;
	border: 2px solid #1D8993;
}
.button-outlined{
	background-color: transparent;
	color: #000;
	border-radius: 100px;
	border: 1px solid #CC9739;
	font-size: 16px;
	text-shadow: none;
	padding: 20px 35px;
	letter-spacing: 0;
	text-transform: none;
	display: inline-block;
	height: auto;
	line-height: 1.3;
	text-decoration: none;
}
.button-outlined:hover{
	background-color: #CC9739;
	color: #fff;
}

.button3 + .button-outlined{
	padding-top: 0;
	padding-bottom: 0;
	height: 50px;
	line-height: 50px;
}

.link{
	color: #1D8993;
	font-family: "Inter-SemiBold",sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}
.linkarrow{
	color: #CC9739;
	border-bottom: none;
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
}
.linkarrow:after{
    content: '\203A';
    position: relative;
    display: inline-block;
    font-size: 18px;
    line-height: normal;
    margin-left: 5px;
    font-weight: 100;
}

.link.textWhite{
	color: #fff;
	border-bottom: 1px solid #fff;
}

.bg-grey{background-color: #f2f2f2;}
.loadingDiv{display: none;}
#noticeDivSubscription{
	max-width: 420px;
    margin-right: 0;
    margin-left: auto;
    padding: 0.5rem 1rem;
    margin-top: 10px;
}
#noticeDiv, #noticeDiv2, #noticeDivApplication{
    display: none;
    margin-right: 0;
    margin-left: auto;
    padding: 0.5rem 1rem;
    margin-top: 10px;
}
.text-right{text-align: right;}
.style-msg{
    margin: 10px auto;
    padding:5px;
}
.font-weight-800{font-weight: 800;}
.font-weight-700{font-weight: 700;}
.font-weight-600{font-weight: 600;}
.font-weight-500{font-weight: 500;}
.mt-35{margin-top: 35px;}
.mr-20{margin-right: 20px;}
.mb-0{margin-bottom: 0;}
.textWhite{color: white;}

/*	------------------------ General END -------------------------- */

/*	------------------------ Header -------------------------- */

.top-message{
	background-color: #F0FCFB;
	max-height: 40px;
}
.top-message .flexbox{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
	max-height: 40px;
}
.top-message .content p{
	
	padding-top: 15px;
	padding-bottom: 15px;
	margin-bottom: 0;
	color: #1E7580;
	text-align: center;
	font-family: "Inter-SemiBold",sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px;
}
.top-message .content p a{
	color: #555;
	font-weight: 700;
}

.notice-highlight{
	border-radius: 45px;
	background: #3ECFD3;
	padding: 5px 13px;
	color: #FFF;
	text-align: center;
	font-family: "Inter-SemiBold",sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

.countdownbox{
	display: flex;
}
.countdownbox .box{
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin: 0 5px;
}
.countdownbox .box:last-child{margin-right: 0;}
.countdownbox .countdown {
    background-color: #ffffff;
    padding: 1px;
    border-radius: 5px;
    color: #242422;
    width: 45px;
    text-align: center;
}
.countdownbox .countdown + span{
	font-size: 12px;
	color: white;
	font-weight: 300;
	line-height: 1;
	margin-top: 3px;
}

#logo img{
	height: 50px; 
	width: auto;
	background: transparent;
}



.header-outter-flexbox {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    max-height: 90px;
    padding: 10px 0;
}

.header-inner-flexbox {
    display: flex;
    align-items: center;
    gap: 20px;
    flex: 1 1 auto;     
    min-width: 0;       
}

#logo {
    flex: 0 0 auto;
}

#primary-menu-container {
    flex: 1 1 auto;
    min-width: 0;
}





#primary-menu-container .outter-flexbox{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
#primary-menu > div > ul{padding: 0;}
#primary-menu > div > ul > li{}
#primary-menu > div > ul > li.current, #primary-menu > div > ul > li:has( .current){
	/* border-bottom: 2px solid #CC9739; */
}
.top-search-open .header-inner-flexbox{
    /*width: calc(100% - 475px);*/
    flex-wrap: nowrap;
    overflow: hidden;
 /*   -webkit-transition: width .3s ease;*/
	/*-o-transition: width .3s ease;*/
	/*transition: width .3s ease;*/
}
.header-outter-flexbox .topinfo{
    height: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
	gap:5px;
}
#header .header-info{height: 100%;}
#header .header-info .infobox.top-contact .flexbox{
	flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-between;
}
#header .header-info .infobox.top-contact .flexbox svg{margin-right: 10px;}
#header .header-info .infobox.top-contact .flexbox .text{line-height: normal;}
#header .header-info .infobox.top-contact .flexbox .text span{
	display: block;
	color: black;
	letter-spacing: 1.3px;
	font-size: 13px
}
#header .header-info .infobox.top-contact .flexbox .text span.number{
	font-weight: 500;
	letter-spacing: 0;
}
#header .header-info .infobox.others > div:not(.top-cart-content){height: 100%;padding-right: 10px;}
#header .header-info .infobox.others ul{height: 100%;}
#header .header-info .infobox.others .language-div .uppercase{
	display:flex;
	flex-direction: column;
}


/* language switch   */

											.he-text .icon-line-globe {
												color: #FFF;
												margin-right: 5px;
											}
											.he-text .icon-line-chevron-down {
												font-weight: 600;
												color: #FFF;
											}
											.language_menu {
												position: absolute;
												top: 35px;
												right: 0;
												width: 100%;
												background: white;
												display: none;
												z-index: 10000;
												box-shadow: rgb(0 0 0 / 12%) 0px 3px 8px;
												border-radius: 10px;
											}
											.infobox.others .language_menu .uppercase ul {
												flex-direction:column;
											}
											.language_menu ul {
												list-style: none;
												margin: 0;
												padding: 0;
												height: auto !important;
											}
											.language_menu li.shg {
												line-height: 35px;
												display: block;
												padding: 0 15px ! important;
												border-bottom: 1px solid #d9d9d9;
												text-align: center ! important;
												width: 100%;
												margin-bottom:0;
												font-size:14px;
											}
											.language_menu li.shg a{
												color: #555;
											}
											.language_menu li.shg a:hover{
												text-decoration:none! important;
											}

											.language_menu-m {
												position: absolute;
												top: 35px;
												right: 0;
												width: 100%;
												background: white;
												display: none;
												z-index: 10000;
												box-shadow: rgb(0 0 0 / 12%) 0px 3px 8px;
												border-radius: 10px;
											}
											.language_menu-m ul {
												list-style: none;
												margin: 0;
												padding: 0;
												height: auto !important;
											}
											.language_menu-m li.shg {
												line-height: 35px;
												display: block;
												padding: 0 15px ! important;
												border-bottom: 1px solid #d9d9d9;
												text-align: center ! important;
												width: 100%;
												margin-bottom:0;
											}
											.language_menu-m li.shg a{
												color: #555;
											}
											.language_menu-m li.shg a:hover{
												text-decoration:none! important;
											}


											ul.tslt {
												list-style: none;
												padding-left: 0px;
												height: 80px;
												margin-bottom: 0px;
												float: right;
												display: flex;
												align-items: center;
												padding-right: 15px;
												margin-right: 30px;
												transition: height .4s ease, line-height .4s ease, margin .4s ease, padding .4s ease;

											}
											ul.tslt li {
												float: left;
												position: relative;
												font-size: 16px;
												line-height: 26px;   
											}
											.he-text{
												border: 1px solid #CECECE;
												border-radius: 50px;
												padding: 2px 5px;
												color:#FFF;
											}
											.sticky-header ul.tslt{
												height:50px;
											}


											.header_float.search_close.tPadding2 {
												position: relative;
												right: 0;
												height: 100px;
											}

											ul.tslt,
											ul.tslt li,
											.he-text {
												overflow: visible !important;
											}




#primary-menu{
	/* width: calc(100% - 300px); */
	max-width: 900px;
	width: 100%;
}
#primary-menu > div > ul > li:first-child > a{padding-left: 0;}
#primary-menu > div > ul > li > a > img{
	height: 14px;
}

#primary-menu ul li a + ul.category-nav:before{
	content: '';
	position: absolute;
	top: -7px;
    left: 60px;
	width: 0; 
	height: 0; 
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid white;
	z-index: 1;
}
#primary-menu ul ul.category-nav{
	/*display: flex;*/
	flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
	width: max-content;
	max-width: 660px;
	top: 55px;
	z-index: 2;
	border-top: none;
	border-radius: 8px;
	padding: 25px 20px;
	filter: drop-shadow(2px 4px 6px rgba(0,0,0,0.15));
}
#primary-menu ul ul.category-nav li{
	flex: 0 0 33.3333%;
}
#primary-menu ul ul.category-nav li a{
	padding: 15px 10px;
}
#primary-menu ul ul li:hover > a {
    background-color: transparent;
    color: #734F0D;
}
#primary-menu ul ul li a:hover, #primary-menu ul ul li.current a{
    border-radius: 6px;
    background: #1D8993;
    color: #FFF;
    font-family: "Inter-Medium", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    min-height: 42px;
    align-content: center;
}

#primary-menu ul ul li.current a{
    border-radius: 6px;
    background: #1D8993;
    color: #FFF;
    font-family: "Inter-Regular", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

#primary-menu > ul > ul > li >a.current  {
	color: pink;
}

.searchbutton{
	border: none;
	/*border-radius: 0 8px 8px 0;*/
	border-radius: 8px;
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    padding: 0;
}
.searchbutton span{
	color: white;
	font-family: 'Inter', sans-serif;
}
#header .header-info .infobox.others .searchbutton svg#search_icon{
    height: 13px;
    padding-left: 0;
    padding-right: 5px;
    width: auto;
    display: block;
}

.top-book{
	display:flex;
	align-items: center;
}
.top-book .button {
    display: inline-flex;
    align-items: center;   
    gap: 4px;              
    white-space: nowrap;   
	padding:0;
}

#header .header-info .infobox.others .top-book .button svg{
    padding: 0;
    height: 15px;
    width: 15px;
    display: inline-block;
}

#header .header-info .infobox.others .top-book .button:hover svg path {
    stroke: #1D8993 !important;
}

.button:hover svg path {
    stroke: #1D8993 !important;
}

.button3 svg path {
    stroke: #FFF !important;
}

.button3:hover svg path {
    stroke: #1D8993 !important;
}

.button5 svg path {
    stroke: #1D8993 !important;
}
.button5:hover svg path {
    stroke: #FFF !important;
}

.mobile-drawer .searchbutton svg#search_icon{
    height: 13px;
    padding-left: 0;
    padding-right: 5px;
    width: auto;
    display: block;
}
#top-cart{position: relative;}
#header.is-scrolled{
    background-color: #1D8993;
}
#header .header-info .infobox.others li#top-cart svg{padding-right: 15px;}
#top-cart #cartQty{top: -5px;}

.top-search-open #primary-menu > div > ul{
    display: -webkit-inline-box;
}
.top-search-open .searchbutton{
    border-radius: 0 8px 8px 0;
}
.top-search-open #top-search form{
    width: 350px;
    -webkit-transition: width .3s ease;
	-o-transition: width .3s ease;
	transition: width .3s ease;
	animation-delay: 2s;
}
.top-search-open #top-search form input{
	width: calc(100% - 65px);
	padding: 12px 16px;
    -webkit-transition: width .3s ease;
	-o-transition: width .3s ease;
	transition: width .3s ease;
	animation-delay: 2s;
}

.highlight-buttons ul{
	width: 300px;
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-between;
    margin: 0;
}
.highlight-buttons > ul li{
	/*width: calc(50% - 10px);*/
	text-align: center;
	position: relative;
}
.highlight-buttons > ul li > a{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    justify-content: flex-start;
}
.highlight-buttons > ul li > a:has( i){padding-right: 20px;}
.highlight-buttons ul li i {
    position: relative;
    font-size: 14px !important;
    top: 1px;
    width: 14px;
    text-align: center;
    margin-left: 5px;
    margin-right: 0;
    -webkit-transition: line-height .4s ease;
    -o-transition: line-height .4s ease;
    transition: line-height .4s ease;
}
.highlight-buttons ul {
    list-style: none;
    height: 50px;
}
.highlight-buttons ul ul{
	display: none;
    position: absolute;
    width: 220px;
    background-color: #FFF;
    box-shadow: 0px 13px 42px 11px rgba(0, 0, 0, 0.05);
    border: 1px solid #EEE;
    border-top: 2px solid #ac8c5e;
    height: auto;
    z-index: 199;
    top: auto;
    /*top: 48px;*/
    right: 0;
    margin: 0;
    padding: 0;
}
.highlight-buttons ul ul a {
    font-size: 14px;
    font-weight: 500;
    height: auto;
    color: #666;
    padding: 10px 15px;
    border: 0;
    letter-spacing: 0;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.highlight-buttons ul ul li:hover > a{
	color: #734F0D;
	padding-left: 18px;
}

/*mega menu styling*/
#primary-menu-container .container-fluid { position: relative; }
body.stretched #header.full-header #primary-menu ul li.mega-menu .mega-menu-content{
	width: 100% !important;
	margin: 0;
}
#primary-menu ul li .mega-menu-content {
	display: none;
	position: absolute;
	background-color: #FFF;
	border: none;
	height: auto;
	z-index: 199;
	top: 0px;
	margin: 0;
    left: 0;
    max-height: 550px;
    width: 765px;
    overflow: hidden;
    box-shadow: 0px 12px 30px 0px rgba(0, 0, 0, 0.30);
}
.mega-menu-content > .row{
	margin-left: 0;
	margin-right: 0;
}
.mega-menu-content > .row > .megamenu-listcol{
	background-color: #fff;
	padding: 30px 0 10px;
	/*width: 28%;*/
	overflow-y: auto;
}
.mega-menu-content > .row > .megamenu-contentcol{
	/*width: 72%;*/
	padding: 0;
}
.mega-menu-content > .row > .megamenu-contentcol .contentheader{
	position: relative;
	height: 100%;
	background-color: #F5F5F5;
	padding: 30px;
}
.mega-menu-content > .row > .megamenu-contentcol .contentheader .imagecol{
	position: relative;
	overflow: hidden;
	border-radius: 16px;
}
.mega-menu-content > .row > .megamenu-contentcol .contentheader img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.mega-menu-content > .row > .megamenu-contentcol .contentheader .imagecol::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: block;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, rgba(0, 0, 0, 0.61) 0%, rgba(0, 0, 0, 0.00) 100%);
	z-index: 1;
}
.mega-menu-content > .row > .megamenu-contentcol .contentheader .hc{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	padding: 20px 0 20px 30px;
	display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    height: 100%;
}
.mega-menu-content > .row > .megamenu-contentcol .contentheader .hc > div{
	background-color: #e78238;
	border-radius: 10px;
	display: inline-block;
	color: white;
	font-size: 16px;
	padding: 5px 20px;
	margin-bottom: 20px;
}
.mega-menu-content > .row > .megamenu-contentcol .contentheader .hc > h3{
	margin-bottom: 20px;
	color: #FFF;
	font-family: Inter;
	font-size: 32px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
}
.mega-menu-content > .row > .megamenu-contentcol .contentheader .hc > p{
	color: black;
	font-size: 15px;
}
#primary-menu .mega-menu-content > .row > .megamenu-contentcol .contentheader .hc .button{
    padding: 15px 24px;
    color: white;
    font-weight: 500;
    font-size: 14px;
    line-height: 1;
    height: auto;
}
.mega-menu-content > .row > .megamenu-listcol .sticky{
	position: sticky;
	top: 0;
	left: 0;
}
#primary-menu ul li > .mega-menu-content .magemenu-category-title{
	color: rgba(0,0,0,0.5);
	font-weight: 600;
	padding: 10px 30px;
	cursor: default;
	margin-bottom: 10px;
	font-size: 16px;
}
#primary-menu ul li > .mega-menu-content .magemenu-category-title + .row{margin: 0; padding-bottom: 30px;}
#primary-menu ul li > .mega-menu-content .magemenu-category-title + .row > .col-md-6{padding: 0;}
#primary-menu ul li > .mega-menu-content .megamenu-listcol ul{
	top: 0;
    width: 100%;
    box-shadow: none;
    padding: 0 30px;
    display: flex !important;
    flex-direction: row;
    flex-wrap: wrap;
	gap: 14px;
	overflow: hidden;
}
#primary-menu ul li > .mega-menu-content ul > li{
	border-radius: 0;
    max-width: 50%;
    flex: 0 0 48%;
}
#primary-menu ul li > .mega-menu-content ul > li > a{
	color: black;
	text-transform: none;
	display: flex;
	justify-content: space-between;
	padding: 0;
	font-size: 14px;
}
#primary-menu ul li > .mega-menu-content ul > li > a span{
	display: block;
	transition: all .2s ease-in-out;
}
#primary-menu ul li > .mega-menu-content ul > li > a span img{
	filter: none;
	max-height: 10px;
	width: 100%;
}
#primary-menu ul li .mega-menu-content ul > li.current > a, #primary-menu ul li .mega-menu-content ul > li:hover > a{
	color: #B68009;
	background-color: transparent;
}
.mega-menu-content > .row > .megamenu-listcol::-webkit-scrollbar{width: 6px;}
.mega-menu-content > .row > .megamenu-listcol::-webkit-scrollbar-track{background: #f1f1f1;}
.mega-menu-content > .row > .megamenu-listcol::-webkit-scrollbar-thumb{background: #B68009;}
.mega-menu-content > .row > .megamenu-listcol::-webkit-scrollbar-thumb:hover{background: #555;}
.megamenu-copyright{
	border-top: 1px solid #CECECE;
	padding: 20px 30px;
}
.megamenu-copyright .socialmedia{margin: 0;}
.megamenu-copyright .socialmedia .col {
    padding-right: 3px;
    padding-left: 3px;
    max-width: 30px;
}
#primary-menu .megamenu-copyright .socialmedia .col a:has(svg){padding: 0;}
.megamenu-copyright .socialmedia svg{fill: #D1D1D1; margin-bottom: 12px;}
.megamenu-copyright .socialmedia + p{
	font-size: 10px;
	font-weight: 300;
	line-height: normal;
}
.specialtiesmegamenu .magemenu-category-title + .row ul{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.mega-menu-content > .row > .megamenu-listcol .row > .col-md-12{padding: 0;}
/*#primary-menu ul li.specialtiesmegamenu .mega-menu-content{display: block !important; opacity: 0; z-index: 0;}*/
#primary-menu .specialtiesmegamenu .magemenu-category-title + .row ul li {
    max-width: 25%;
    flex: 0 0 23.5%;
}
.contentstart{position: relative; z-index: 2;}
.contentstart:has( .modal.show){z-index: auto;}
#primary-menu > div:has( ul){position: relative; width: calc(100% + 100px);}
#primary-menu > div > ul{
	/* width: calc(100% - 100px); */
}


/*	------------------------ Header END -------------------------- */

/*	------------------------ Home -------------------------- */
.close_bar{
	float: right;
    font-size: 35px;
}

.modal{
	/*top: 50%;*/
	/*top:67%;;*/
 /*   left: 50%;*/
 /*   transform: translate(-50%, -50%);*/
}

.section-title{
	text-align: center;
	color: #1D8993;
	font-family: 'Inter-Medium' !important;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.6px;
	text-transform: uppercase;
	margin-bottom:25px;
}

.section-title2{
	color: #000;
	text-align: center;
	font-size: 35px;
	font-style: normal;
	font-weight: 500;
	line-height: 43px !important;
	/* letter-spacing: -1.4px; */
	text-transform: capitalize;
	margin-bottom:25px;
}

#our-story{
	position:relative;
}
#our-story .leaf1{
	max-height: 230px;
    position: absolute;
    left: 0;
    top: 27%;
    opacity: 0.3;
    z-index: 1;
}

#our-story .leaf2{
	max-height: 320px;
    position: absolute;
    left: 0;
    top: 52%;
}

#our-story .leaf3{
	max-height: 320px;
    position: absolute;
    right: 0;
    top: 11%;
}

#our-story .leaf4{
	max-height: 320px;
    position: absolute;
    right: 0;
    top: 38%;
}

#our-story .leaf5{
	max-height: 320px;
    position: absolute;
    right: 0;
    top: 63%;
}


/* #our-story .titlerow{
	gap:30px;
} */
#our-story h2{
	color: #000;
	text-align: center;
	font-family: "Playfair-Medium",sans-serif;
	font-size: 35px;
	font-style: normal;
	font-weight: 500;
	line-height: 43px !important; 
	/* letter-spacing: -1.4px; */
	text-transform: capitalize;
}

#our-story p{
	text-align: center;
	color:#555;
}


#our-story a.button3{
	text-align: center;
    display: inline-flex;
    align-items: center;
	align-content: center;
    gap: 4px;
    white-space: nowrap;
    padding: 0;
}



#sign-treat h2{
	color: #000;
	text-align: center;
	font-family: "Playfair-Medium",sans-serif;
	font-size: 35px;
	font-style: normal;
	font-weight: 500;
	line-height: 43px !important; 
	/* letter-spacing: -1.4px; */
	text-transform: capitalize;
}

#sign-treat p{
	text-align: center;
	color:#555;
}


#sign-treat a.button{
	text-align: center;
    display: inline-flex;
    align-items: center;
	align-content: center;
    gap: 4px;
    white-space: nowrap;
    padding: 0;
}


#sign-treat {
    background: linear-gradient(  180deg,  #FCFBFB 60%,  rgba(29, 137, 147, 0.00) 40%);
	display: flex;
	/* height: 486px; */
	flex-direction: column;
	padding-bottom:0;
}

#sign-treat .signcarousel{
	margin-top:60px;
}


/*#sign-treat .home-sign-arrow{*/
/*	display: flex;*/
/*    width: 55px;*/
/*    height: 55px;*/
/*    padding: 11px 10px 10px 11px;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*    aspect-ratio: 1 / 1;*/
/*    border-radius: 70px;*/
/*	border: 1px solid rgba(255, 255, 255, 0.10);*/
/*	background: rgba(255, 255, 255, 0.2);*/
/*}*/

/*#sign-treat .home-sign-arrow {*/
/*  display: flex;*/
/*  width: 55px;*/
/*  height: 55px;*/
/*  padding: 11px 10px 10px 11px;*/
/*  justify-content: center;*/
/*  align-items: center;*/
/*  aspect-ratio: 1 / 1;*/
/*  border-radius: 70px;*/

/*  background: rgba(255, 255, 255, 0.25);*/
/*  border: 1px solid rgba(255, 255, 255, 0.35);*/

/*  backdrop-filter: blur(14px);*/
/*  -webkit-backdrop-filter: blur(14px);*/

/*  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);*/
/*}*/


#sign-treat .home-sign-arrow {
  position: relative;
  display: flex;
  width: 55px;
  height: 55px;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  transition: all .5s;
  background: rgba(255, 255, 255, 0.18);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow:
    inset 0 1px 1px rgba(255, 255, 255, 0.5),   /* inner highlight */
    inset 0 -1px 2px rgba(0, 0, 0, 0.15),       /* inner shadow */
    0 8px 20px rgba(0, 0, 0, 0.2);              /* outer shadow */
}


#sign-treat .home-sign-arrow svg path {
    stroke: #fff !important;
}



#sign-treat .figure_item:hover .home-sign-arrow{
	background:#fff;
}

#sign-treat .figure_item:hover .home-sign-arrow svg path {
    stroke: #1D8993 !important;
}

#sign-treat .navigation-arrows {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    height: 100%;
}
#sign-treat .navigation-arrows .swiper-button-next, #sign-treat .navigation-arrows .swiper-button-prev {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    color: white;
    width: 42px;
    height: 42px;
    color: #131927;
    background-color: transparent;
    border-radius: 50%;
    border: 2px solid rgba(19,25,39,0.2);
    margin: 0 2.5px;
    transition: all 200ms linear;
}
#sign-treat .navigation-arrows .swiper-button-prev:after, #sign-treat .navigation-arrows .swiper-button-next:after {
    font-size: 16px;
    font-weight: 700;
}

#sign-treat .navigation-arrows .swiper-button-prev:hover, #sign-treat .navigation-arrows .swiper-button-next:hover {
    background: #1D8993;
    border: 1px solid #1D8993;
    color:#FFF;
}


/*sign-treat version 2*/



#sign-treat .home-sign-button {
    width: 100%;
}


/*sign-treat version 2 end*/


#extend-treat .extend-bg{
	background: url(../../images/layout/extended_treatment.jpg)lightgray 50% / cover no-repeat;
	/*opacity: 0.9;*/
	aspect-ratio: 2021.94/776.00;
	background-position: top left;
	/* background-size: 100% auto; */
	/* padding: 0; */
	border-radius: 32px;
	position: relative;
	overflow: hidden;
	
}

#extend-treat .extend-bg::after{
	content: '';
    position: absolute;
    inset: 0;
	opacity: 0.4;
	background: linear-gradient(270deg, #000 0%, rgba(0, 0, 0, 0.00) 100%);
    pointer-events: none;
}

#extend-treat .extend-desc-bg .row{
	justify-content: space-between;
}

#philosophy{
    position: relative;
    background: url(../images/layout/philosophy-bg.png) center / cover no-repeat;
    overflow: hidden;
}

/* Blur overlay */
#philosophy::after{
    content: '';
    position: absolute;
    inset: 0;
	
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
	
    -webkit-mask-image: linear-gradient(
        to left,
        rgba(0,0,0,1) 0%,
        rgba(0,0,0,1) 50%,
        rgba(0,0,0,0) 75%,
        rgba(0,0,0,0) 100%
    );

    pointer-events: none;
}

#extend-treat .container-fluid{
	position: relative;
	z-index: 2;
	height: 625px;
}
#extend-treat .container-fluid > .row{
	height: 100%;
	align-items: center;
}

#extend-treat .recommend-icon{
	position:absolute;
	left:42%;
	top:5%;
	z-index:1;
}

#extend-treat .container-fluid > .row.extend-desc-bg{
	height: 100%;
	align-items: center;
}

#extend-treat .extend-desc-bg{
	/* opacity: 0.4;
	background: linear-gradient(270deg, #000 0%, rgba(0, 0, 0, 0.00) 100%); */
	border-radius: 32px;
	height:100%;
	padding:80px 80px;
	align-content: center;
	z-index: 1;
	background: linear-gradient(270deg, #555 0%, rgba(0, 0, 0, 0.00) 100%);
}

#extend-treat .section-title{
	color:#fff;
	font-size:14px;
	text-align:left;
	margin-bottom:25px;
}

#extend-treat .section-title2{
	color:#fff;
	margin-bottom:25px !important;
	font-weight:500;
	text-align: left;
}

#extend-treat p {
	color:#fff;
	margin-bottom:30px !important;
	opacity: 0.7;
}


/*extend mobile */
#extend-treat-m .section-title{
	color:#000;
	font-size:14px;
	text-align:left;
	margin-bottom:25px;
}

#extend-treat-m .section-title2{
	color:#000;
	margin-bottom:25px !important;
	font-weight:500;
	text-align: left;
}

#extend-treat-m p {
	color:#555;
	margin-bottom:30px !important;
}

#extend-treat-m .extend-cat-text {
    text-transform: capitalize;
    font-family: 'Inter-SemiBold' !important;
    font-size: 16px;
    font-weight: 600;
    color: #000;
}

#extend-treat-m .extend-cat-link .home-treat-arrow path{
    stroke:#000;
    stroke-width:1;
}

#extend-treat-m .extend-mobile-bg{
    background-size: cover;
    background-position: bottom center;
    background-image: url(../images/layout/mobile_extend_bg.jpg);
    height: 400px;
    border-radius: 10px;
    position:relative;
}


#extend-treat-m .recommend-icon svg{
    height:100px;
    position:absolute;
    right:0;
    top:10%;
}

/* ori  */

#extend-treat .extend-cat-container{
	display: flex;
	padding: 25px 8px;
	align-items: center;
	justify-content: space-between;
	align-self: stretch;
	border-bottom: 1px solid rgba(255, 255, 255, 0.50);
}


#extend-treat .extend-cat{
	color:#FFFFFF;
}


/* add  */


.extend-cat-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 25px 8px;
	align-self: stretch;
    border-bottom: 1px solid #CECECE;
}



.extend-cat-text {
	text-transform: capitalize;
	font-family: 'Inter-SemiBold' !important;
    font-size: 16px;
    font-weight: 600;
	color:#FFFFFF;
}

/* add  */




#extend-treat .home-treat-arrow svg path{
	stroke:#FFF;
}

#common-skin {
	padding-top:0;
}

#common-skin .common-container{
	justify-content: space-between;
}

#common-skin .common-left{
	align-content: center;
	padding-right:80px;
}

#common-skin .section-title{
	text-align: left;
	
}

#common-skin .section-title2{
	color: #000;
	font-size: 35px;
	font-style: normal;
	font-weight: 500;
	line-height: 43px !important; 
	/*letter-spacing: -1.4px;*/
	text-transform: capitalize;
	text-align: left;
}

#common-skin .common-left p{
	color:#555;
	margin-bottom:30px;
}

#common-skin .common-right{
	background-image: url('../../images/layout/home-common-bg.png');
	aspect-ratio: 1500.94/776.00;
	background-position: center;
	background-size: contain;
	/* background-position: bottom right; */
	background-repeat: no-repeat;
	/* z-index: 1; */
	padding: 50px 80px;
    align-content: center;
}


#common-skin .common-container2{
    display: flex;
    flex-direction: column;   /* image on top, text below */
    align-items: center;      /* horizontal center */
    justify-content: center;  /* vertical center */
    text-align: center;
    gap: 10px;                /* space between image & text */
    height: 100%;
}


#common-skin .common-container2 img{
	display: flex;
width: 70px;
justify-content: center;
align-items: center;
aspect-ratio: 1/1;
border-radius: 100px;
background: #FFF;
}

#common-skin .common-container2 p{
	color: #000;
	text-align: center;
	font-size: 16px;
	font-weight: 600;
	text-transform: capitalize;
	font-family: 'Inter-SemiBold', sans-serif;
}

#award2{
	padding-top:0;
}

/* #award2 .award-title{
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 25px;
	align-self: stretch;
} */
#award2 .section-title2{
	text-align: center;
	font-weight:500;

}
#award2 p {
color:#555;
text-align: center;
font-family: 'Inter-Regular', sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 24px; 
}

#award2 #awards-slider{
	/*margin: 30px 0;*/
}

@media (min-width: 1000px) {
    #oc-signtreatSlides{
        margin-bottom:20px;
    }
    #award2 .navigation-arrows {
        display: flex !important;
    }
}


@media (max-width: 999px) {
     #sign-treat .navigation-arrows {
        display: none !important;
    }
    #award2 .navigation-arrows {
        display: none !important;
    }
	 #home-testi .navigation-arrows {
        display: none !important;
    }
}


#award2 .navigation-arrows {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    height: 100%;
}
#award2 .navigation-arrows .swiper-button-next, #award2 .navigation-arrows .swiper-button-prev {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    color: white;
    width: 42px;
    height: 42px;
    color: #131927;
    background-color: transparent;
    border-radius: 50%;
    border: 2px solid rgba(19,25,39,0.2);
    margin: 0 2.5px;
    transition: all 200ms linear;
}
#award2 .navigation-arrows .swiper-button-prev:after, #award2 .navigation-arrows .swiper-button-next:after {
    font-size: 16px;
    font-weight: 700;
}

#award2 .navigation-arrows .swiper-button-prev:hover, #award2 .navigation-arrows .swiper-button-next:hover {
    background: #1D8993;
    border: 1px solid #1D8993;
    color:#FFF;
}

#home-testi {
	background-image: url('../../images/home-testimonial.png');
	/* aspect-ratio: 1500.94/776.00; */
	background-position: top right;
	background-size: cover;
	background-repeat: no-repeat;
    align-content: center;
	background-color: transparent;
    background-attachment: fixed ! important;
    overflow: hidden;
}
 /* .testi-title{
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 25px;
	align-self: stretch;
} */



#home-testi .section-title2{
	text-align: center;
	font-weight:500;

}
#home-testi p {
color:#555;
text-align: center;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 24px;
}

#home-testi #testi-slider{
	/*margin: 30px 0;*/
}

/* Center items inside owl carousel */
#testi-slider .owl-stage {
    display: flex;
    justify-content: center;
}


#home-testi .imagebox {
    background-image: url(../images/testi-frame.png);
    background-size: cover;
    background-position: center;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
    border-radius: 16px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.04), 0 8px 16px rgba(0, 0, 0, 0.08);
    aspect-ratio: 203 / 170;
}

#home-testi .imagebox img {
    max-width: 100%;
    max-height: 90%;
    object-fit: cover;
    aspect-ratio: 203 / 113;
}



#home-testi .navigation-arrows {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    height: 100%;
}
#home-testi .navigation-arrows .swiper-button-next, #home-testi .navigation-arrows .swiper-button-prev {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    color: white;
    width: 42px;
    height: 42px;
    color: #131927;
    background-color: transparent;
    border-radius: 50%;
    border: 2px solid rgba(19,25,39,0.2);
    margin: 0 2.5px;
    transition: all 200ms linear;
}
#home-testi .navigation-arrows .swiper-button-prev:after, #home-testi .navigation-arrows .swiper-button-next:after {
    font-size: 16px;
    font-weight: 700;
}

#home-testi .navigation-arrows .swiper-button-prev:hover, #home-testi .navigation-arrows .swiper-button-next:hover {
    background: #1D8993;
    border: 1px solid #1D8993;
    color:#FFF;
}

#testi-slider .owl-dots{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
#testi-slider .owl-dots button {
    background-color: transparent;
    border: none;
    padding: 0;
}
#testi-slider .owl-dots button span {
    background-color: transparent;
    color: #1D8993;
    border: 2px solid #1D8993;
    display: block;
    width: 13px;
    height: 13px;
    margin: 0 4px;
    opacity: 1;
    border-radius: 50%;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
#testi-slider .owl-dots button.active span{background-color: #1D8993; color: #1D8993; opacity: 1;}


#home-partnership .section-title2{
	text-align: center;
	color: #000;
	line-height: 43px !important;
	text-transform: capitalize;
	font-weight:500;

}
#home-partnership .testi-title p {
	color:#555;
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}

#home-partnership a.button5{
	text-align: center;
    display: inline-flex;
    align-items: center;
	align-content: center;
    gap: 4px;
    white-space: nowrap;
    padding: 0;
}
.home-partner-container{
	margin:30px 0;
	justify-content: center;

}
.home-partner-container .partner-desc{
	color: #000;
	text-align: center;
	font-family: 'Inter-SemiBold' !important;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px;
}

#home-partnership .home-partner{
	display: flex;
	/* width: 440px; */
	height: 135px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 15px;
}

#home-partnership .home-partner1,.home-partner2 {
	border-right: 1px solid #CECECE;
	display: flex;
	/* width: 440px; */
	height: 135px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 15px;
}


/*	------------------------ Home END -------------------------- */


/*	------------------------ Treatment Page -------------------------- */
#treatment-list {
	position:relative;
}

#treatment-list .leaf16{
	max-height: 600px;
    z-index: -1;
    height: 100%;
    position: absolute;
    left: 0;
    top: 5%
}

#treatment-list .leaf17{
	max-height: 400px;
    z-index: -999;
    position: absolute;
    right: 0;
	top: 70%;
}


#treatment-list .section-title{
	color: #1D8993;
	text-align: center;
	font-family: "Inter-Medium", sans-serif !important;
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	letter-spacing: 0.6px;
	text-transform: uppercase;
}

/* for treatment list and detail page showing in box  */
/*add for show stretch*/
.row.treatment-row {
    display: flex;
    flex-wrap: wrap;
}

.treatment-container {
    display: flex;
    flex-direction: column;
    /*width: 100%;*/
}

.owl-carousel .treatment-container{
    width: 100%;
}

.treatment-container .treatment-box {
    display: flex;
    flex-direction: column;
    /* allows stretching */
    flex: 1; 
    /*match heights per row */
    align-items: stretch; 
    /* add same height */
	height: 100%;
	width: 100%;
}

/* add same height */
.treatment-container a {
    flex: 1;
    flex: 1 0 100%;
}

.treatment-desc-box .button5 {
    margin-top: auto;
}

/* add same height end  */



/*end add */
.treatment-container a:hover{
	color:#555;
}

.treatment-box{
	background-color: #F0FCFB;
	border-radius: 20px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	align-self: stretch;
}

.treatment-img{
    /* remove :same height  */
    /*height: 100%;*/
    object-fit: cover;
    /*aspect-ratio: 330 / 472;*/
     aspect-ratio: 360 / 330;
}


.treatment-img img{
    /* remove :same height  */
	/*height:100%;*/
	border-radius: 20px 20px 0 0;
    object-fit: cover;
	aspect-ratio: 360 / 330;
}

/* add same height  */
#oc-relatedTreatment .owl-stage {
	display: flex;
}

#oc-relatedTreatment .owl-item {
	display: flex;
	height: auto;
}

#oc-relatedTreatment .figure_item {
	height: 100%;
}

/* add same height end  */


#treatrelated .treatment-img img{
	height:100%;
	border-radius: 20px 20px 0 0;
	object-fit: cover;
}

#treatrelated p {
    color:#555;
}

.treatment-desc-box{
	background-color: #F0FCFB;
	display: flex;
	padding: 20px;
	flex-direction: column;
	align-items: flex-start;
	align-self: stretch;
	border-radius: 0px 0px 20px 20px;
	flex-grow: 1; /* makes it take remaining space */
}

.treatment-title{
	color: #000;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	/*min-height: 25px;*/
	text-transform: capitalize;
}

.treatment-desc-box .treatment-desc {
	
    min-height: 73px;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
	text-overflow: ellipsis;
	
}

/*.skintype-container{*/
/*    display: block;*/
/*	justify-items: center;*/
/*	width:76px;*/
/*}*/

/*.skintype-container {*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    align-items: center; */
/*    text-align: center;*/
/*    width: 76px;*/
/*}*/

.skin-row {
    display: flex;
    flex-wrap: wrap;
    gap: 15px 2px; /* row-gap col-gap */
}

.skintype-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 78px;
}


.skintype-img img{
	border-radius:53px;
	width: 57px !important;
    height: 57px;
    object-fit: cover;
}

.treatmentdetailpage, .pageview{
	position:relative;
}

 .leaf18 {
	max-height: 70px;
    /* z-index: -999; */
    position: absolute;
    left: 0;
	top: 53%;
}

.leaf19{
	max-height: 70px;
    /* z-index: -999; */
    position: absolute;
    right: 0;
	top: 53%;
}

#banner.treatmentdetailpage .container-fluid .row, 
#banner.blogdetailpage .container-fluid .row ,#banner.proddetailpage .container-fluid .row, 
#content.pageview .container-fluid .row, #banner.searchpage .container-fluid .row  {
	align-items: flex-end;
	height: 100%;
}
.treatmentdetailpage .topcrumb ul li, .blogdetailpage .topcrumb ul li ,.proddetailpage .topcrumb ul li ,
 .pageview .topcrumb ul li, .searchpage .topcrumb ul li{
	color: #FFF;
	font-family: "Inter-Regular",sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}



#treatdetail .box-center{
	justify-items: center;
	align-items:center;
}

#treatdetail .box-center2{
	align-content: center;
}
#treatdetail .treatmentdetail-img img{
	/*width: 500px;*/
 /*   height: 362px;*/
    aspect-ratio: 500 / 362;
    object-fit: cover;
	border-radius: 16px;
}

.treatmentdetail-desc .treatment-title{
	color: #215F68;
	font-family: "Inter-SemiBold", sans-serif !important;
	font-size: 28px;
	font-style: normal;
	font-weight: 600;
	line-height: 35px !important;
}

.treatmentdetail-desc .treatment-desc{
	color: #555;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}

#treatdetail .appointmentbox {
    position: sticky;
    top: 150px;
	display: flex;
	padding: 60px 38px;
	flex-direction: column;
	align-items: flex-start;
	gap: 30px;
	border-top: 4px solid #1D8993;
	background: #F0FCFB;
}

#treatdetail .aptmformfield{
	display: flex;
	height: 48px;
	width: 100%;
	padding: 14px 20px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 10px;
	align-self: stretch;
	border-radius: 24px;
	border: 1px solid #E0E0E0;
	background: #FFF;

	color: #555;
	font-family: "Inter-SemiBold", sans-serif !important;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	text-transform: capitalize;
}

#treatdetail .treatmentcontent-title{
	color: #215F68;
	font-size: 28px;
	font-style: normal;
	font-weight: 600;
	line-height: 35px !important;
}

#treatdetail .treatmenttable{
	display: flex;
	align-items: center;
	gap: 32px;
}

#treatdetail .content {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.10);
    display: flex;
    flex-direction: column;
    width: 100%;
}

#treatdetail .tleft-head{
	display: flex;
	height: 55px;
	padding: 18px 72px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	align-self: stretch;
	background: #215F68;
}
#treatdetail .tleft-head p{
	color: #FFF;
	text-align: center;
	font-family: "Inter-SemiBold", sans-serif !important;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	margin-bottom: 0px;
}

#treatdetail .tright-head{
	display: flex;
	height: 55px;
	padding: 18px 72px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	align-self: stretch;
	background: #215F68;

}

#treatdetail .tright-head p{
	color: #FFF;
	text-align: center;
	font-family: "Inter-SemiBold", sans-serif !important;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	margin-bottom: 0px;
}

#treatdetail .row-1 {
    display: flex;
    flex-wrap: wrap;
}

#treatdetail .row-1 > [class*='col-'] {
    display: flex;
}



#treatdetail .tabledesc {
    flex: 1;
    padding: 20px;
    background: #FCFBFB;
    display: flex;
    flex-direction: column;
}

#treatdetail .tabledesc-title{
	color: #000;
	font-family: "Inter-SemiBold", sans-serif !important;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px; /* 150% */
	margin-bottom:5px;
}

#treatdetail .tabledesc-right-title{
	color: #000;
	font-family: "Inter-SemiBold", sans-serif !important;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px; /* 150% */
	
}

#treatdetail .tabledesc-desc{
    color: #000;
	font-family: "Inter-Regular",sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}

#treatdetail .tabledesc-right-desc{
    color: #000;
	font-family: "Inter-Regular",sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}

#treatdetail .table-price{
	display: flex;
	justify-content: space-between;
	align-items: center;
	align-self: stretch;
}

#treatdetail .imagebox-row {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

#treatdetail .imagebox{
	background-image: url('../images/testi-frame.png');
	background-size: cover;
	background-position:center;
	position: relative;
    text-align: center;
	align-content: center;
    margin-bottom: 0px;
	width: 306px;
	height: 243px;
	border-radius: 16px;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0 8px 16px 0 rgba(0, 0, 0, 0.08);
}

#treatdetail .imagebox img{
    /* height: 62%; */
    object-fit: cover;
    aspect-ratio: 306/167;

}

#treatvideo p:last-child{
    margin-bottom:0;
}

#treatfaq .leaf20{
	max-height: 350px;
    position: absolute;
    left: 0;
    top: 10%;
	z-index: -1;
}

#treatfaq .leaf21{
	max-height: 350px;
    /* z-index: -999; */
    position: absolute;
    right: 0;
    top: 35%;
	z-index:0;
}

#treatfaq{
	display: flex;
    /* padding: 60px 175px; */
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    background:#F0FCFB;
    position: relative;
    z-index: 2;
}

#treatfaq h2{
	color: #215F68;
	text-align: center;
	font-family: "Playfair-SemiBold", sans-serif !important;
	font-size: 35px;
	font-style: normal;
	font-weight: 600;
	line-height: 43px !important;
}

#treatfaq .accordion-item:first-child .accordion-header .accordion-button {
    padding-top: 0;
}

#treatfaq .accordion { 
    margin-bottom: 0px; 
    
}

#treatfaq .accordion-button {
    padding-top: 30px;
    padding-bottom: 30px; /* closed state */
}

#treatfaq .accordion-button:not(.collapsed) {
    padding-bottom: 15px; /* open state */
}


#treatfaq .accordion-button:not(.collapsed)::after {
background-image: url("../images/icons/minus.png");
margin-bottom: 0px;
}

#treatfaq .accordion-body{
	color:#555;
	margin-bottom: 30px; 
}

#treatfaq .accordion-item{
    padding: 0 10px;
    border-bottom: 1px solid #555;
}


#treatrelated{
	background: #FCFBFB;
}

#treatrelated .owl-dots{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
#treatrelated .owl-dots button {
    background-color: transparent;
    border: none;
    padding: 0;
}
#treatrelated .owl-dots button span {
    background-color: transparent;
    color: #1D8993;
    border: 2px solid #1D8993;
    display: block;
    width: 13px;
    height: 13px;
    margin: 0 4px;
    opacity: 1;
    border-radius: 50%;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
#treatrelated .owl-dots button.active span{background-color: #1D8993; color: #1D8993; opacity: 1;}


@media (min-width: 1000px) {
    #treatrelated .owl-nav {
        display: block;
    }
}


@media (max-width: 999px) {
    #treatrelated .owl-nav {
        display: none;
    }
}


#treatrelated .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next
 {
    background: #FFF;
	
	
}

#treatrelated .owl-carousel .owl-nav [class*=owl-].owl-prev {
    position: absolute;
    top: 48%;
    margin-top: -18px;
    left: -18px;
    zoom: 1;
    color: #1D8993 ! important;
	border-radius: 50%;
    border: 1px solid #1D8993;
    width: 36px;
    height: 36px;
    /*line-height: 32px;*/
    font-size: 20px;
    opacity: 1;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

 #treatrelated .owl-carousel .owl-nav [class*=owl-].owl-next {
    position: absolute;
    top: 48%;
    margin-top: -18px;
	right:-20px;
    zoom: 1;
    color: #1D8993 ! important;
	border-radius: 50%;
    border: 1px solid #1D8993;
    width: 36px;
    height: 36px;
    /*line-height: 32px;*/
    font-size: 20px;
    opacity: 1;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

/*	------------------------ Treatment Page END-------------------------- */

/*	------------------------ Blog Page -------------------------- */

#bloglistview .section-title2{
	color: #002B43;
text-align: center;
font-family: "Playfair-Medium",sans-serif;
font-size: 35px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-transform: capitalize;
}

.blogcontent p {
	color:#555;
}

#relatedbloglist .owl-carousel .owl-nav {
    /* display: block !important; */
}


#relatedbloglist .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next
 {
    background: #FFF;
	
	
}

#relatedbloglist .owl-carousel .owl-nav [class*=owl-].owl-prev {
    position: absolute;
    top: 54%;
    margin-top: -18px;
    left: -18px;
    zoom: 1;
    color: #1D8993 ! important;
	border-radius: 50%;
    border: 2px solid #1D8993;
    width: 36px;
    height: 36px;
    line-height: 32px;
    font-size: 20px;
    opacity: 1;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

 #relatedbloglist .owl-carousel .owl-nav [class*=owl-].owl-next {
    position: absolute;
    top: 54%;
    margin-top: -18px;
	right:-20px;
    zoom: 1;
    color: #1D8993 ! important;
	border-radius: 50%;
    border: 2px solid #1D8993;
    width: 36px;
    height: 36px;
    line-height: 32px;
    font-size: 20px;
    opacity: 1;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

#relatedbloglist .owl-dots{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
#relatedbloglist .owl-dots button {
    background-color: transparent;
    border: none;
    padding: 0;
}
#relatedbloglist .owl-dots button span {
    background-color: transparent;
    color: #1D8993;
    border: 2px solid #1D8993;
    display: block;
    width: 13px;
    height: 13px;
    margin: 0 4px;
    opacity: 1;
    border-radius: 50%;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
#relatedbloglist .owl-dots button.active span{background-color: #1D8993; color: #1D8993; opacity: 1;}



/*	---Blog Detail--- */

.sharesec h4{
	color: #08093B;
}

#st-1{
	text-align: left;;
}

.blog-back{
	color: #1D8993;
	font-family: "Inter-SemiBold",sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

.blog-back {
    display: inline-flex;
    align-items: center;
    color: #1D8993;
}

.back-icon {
    width: 20px;
    height: 20px;
    background: url(../images/icons/back.png) center / contain no-repeat;
}

.blogdetailview .relatedblog .imagecol{
	padding:0;
}
.blogdetailview .relatedblog .imagecol img {
    border-radius: 10px;
    background: #D6D6D6;
    display: flex;
    height: 127px;
	width:100%;
    justify-content: center;
    align-items: center;
    flex: 1 0 0;
    object-fit: cover;
}

.relatedblogcontent{
    align-items: center;
    align-self: stretch;
	height:100%
}

.relatedblogcontent .textcol .date{
	color: #555;
	font-family: "Inter-Medium",sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;	
}

.relatedblogcontent .textcol .title, .featuredblogs .bigcontent .textcol .title{
	overflow: hidden;
    color: #000;
    text-overflow: ellipsis;
    font-family: "Inter-SemiBold", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;


}

.textcol .read-more-box {
    display: flex;
    gap: 10px;
    align-items: center;
}

.relatedblogcontent .textcol .blog-read {
    width: 20px;
    height: 20px;
    background: url(../images/icons/blog-read.png) center / contain no-repeat;
}

.bloglist-read{
	 width: 20px;
    height: 20px;
    background: url(../images/icons/blog-read.png) center / contain no-repeat;

}

.featured3blogs .small-content .textcol .date{
	color: #555;
	font-family: "Inter-Regular",sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;	
}

#content .bloglistview .imagecol img{
	border-radius: 10px;
	background: #D6D6D6;	
}


/* @media (max-width: 767.98px) {
    .smallcontent {
        flex-direction: column;
    }

    .smallcontent .imagecol {
        width: 100%;
        margin-bottom: 10px;
    }

    .smallcontent .textcol {
        width: 100%;
    }

    .bigcontent .imagecol img {
        height: auto;
    }
}

.bigcontent,
.smallcontent {
    margin-bottom: 20px;
} */



/*	------------------------ Blog Page END -------------------------- */


/* ------------------------------ Partnerships -------------------------- */




#partnerships .partner-expert {
    display: flex;           /* flex row like table row */
    flex-wrap: wrap;         /* allow multiple rows */
    gap: 15px 0px;
}

#partnerships .partner-box {
    display: flex;
    /*flex: 1 1 2px;        */
    /* grow/shrink/fixed min width */
    flex-direction: column;
}

#partnerships .partner-inner {
    display: flex;
    flex-direction: column;
    flex: 1;                 /* THIS makes all .partner-inner same height in a row. flex-grow:1 = Take up available space equally with your siblings.*/
    padding: 40px 25px;
    border: 1px solid #1D8993;
    border-radius: 20px;
    align-items: center;
}

#partnerships .partner-img-box {
    width: 80px;
    height: 80px;
    padding: 23px;
    border-radius: 50%;
    background: #F0FCFB;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
}

#partnerships .partner-title {
    font-weight: 600;
    font-size: 16px;
    font-family: 'Inter-SemiBold';
    text-align: center;
    margin-bottom: 10px;
}

#partnerships .partner-desc {
    flex: 1;                  /* fill remaining height */
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}



#partnerform-part
{	background-color: #FCFBFB;
}

#partnerForm .col-12{margin-bottom: 30px;}

/* ------------------- Partnership Page END -------------------- */


/* -------------------------- Our Product ---------------------------- */

#productbanner2page
{
	background: url(../images/layout/product_banner2.png) center / cover no-repeat;
	align-content: center;
	justify-content: flex-end;

}

#productbanner2page .row
{
	
	justify-content: flex-end;
	
}



.productbanner2-box{
	display: flex;
	padding: 60px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-radius: 20px;
	background: #FCFBFB;
	
}

.productbanner2-box h3, h2{
	width:100%;
	text-align:left;
}

.productbanner2-box p{
	width:100%;
	text-align:left;
	color: #555;
}

#commitment, #prodfaq{
	background: #F0FCFB;
	position:relative;
}

#commitment .container-fluid {
    position: relative;
    z-index: 2;           
}

.leaf20{
	max-height: 380px;
    position: absolute;
    left: 0;
    top: 10%;
	z-index:0;
}

.leaf21{
	max-height: 380px;
    /* z-index: -999; */
    position: absolute;
    right: 0;
    top: 0%;
	z-index:0;
}

#commitment .titlerow p{
	color: #555;
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
#commitment .benefits{
	display: flex;
	align-items: center;
	align-self: stretch;
	justify-content: space-around;
}
#commitment .benefits-box{
	display: flex;
	/* width: 306px;
	height: 314px; */
	/*padding: 45px 30px;*/
	flex-direction: column;
	justify-content: center;
	align-items: center;
	/* gap: 10px; */
	/* border-radius: 20px;
	border: 1px solid #1D8993;
	background: #FFF; */
}

#commitment .benefits-box img{
	width: 102px;
	height: 102px;
	aspect-ratio: 1/1;
}

#commitment .benefits-title{
	color: #555;
	text-align: center;
	font-family: "Inter-Medium", sans-serif !important;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	max-width:200px;
	/*min-height: 45px;*/
	text-transform: capitalize;
	margin-bottom:0;
}




/* product list page  */

.cat_side_menu {
	border-radius: 6px;
	border: 1px solid #E1E1E1;
	background: #FFF;
	padding: 27px;
}

#shop .accordion {
	margin-bottom: 0px;
}

#shop .accordion-item{
	border-bottom:none;
	padding:0 0 30px 0;
}

/* #shop .accordion-header a{
    color: #000;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
} */

#shop .accordion-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

#shop .accordion-header a {
	color: #000;
	font-family: "Inter-SemiBold", sans-serif !important;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;

    flex: 1;
    min-width: 0; 
	/* allows text to wrap instead of overflow */
}



#shop .accordion-header a:hover{
    color: #1D8993;
}



#shop .accordion-collapse {
	border-bottom: 1px solid #E1E1E1;
}

/* #shop .accordion-button {
    padding-top: 0;
	padding-bottom: 0;
	float: right;
    width: auto;
} */

#shop .accordion-button {
    padding: 0;
    width: auto;
    flex-shrink: 0; 
	/* prevents button from shrinking */
}

#shop .accordion-button.active {
    color:#1D8993;
}

#shop .accordion-button:not(.collapsed)::after {
    background-image: url("../images/icons/minus.png");
    margin-bottom: 0px;
}

#shop .accordion-body{
    margin-top: 15px;
}

#shop .product-img-btn{
	border-radius: 64px;
	border: 1.6px solid #1D8993;
	background: #1D8993;
	display: flex;
	width: 128px;
	height: 40px;
	padding: 12.8px 18.4px;
	justify-content: center;
	align-items: center;
	gap: 1.6px;
	color: #FFF;
	text-align: center;
	font-family: "Inter-SemiBold", sans-serif !important;
	font-size: 13px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	text-transform: capitalize;
}

#prodfaq .prodfaq-content2 .accordion-body{
	color:#555;
}

#payment {
	background: #FCFBFB;
	justify-items: center;
}

#payment.proddetail-payment{
	background: #FCFBFB;
	justify-items: center;
}

.payment-qr{
	display: flex;
	padding: 30px;
	justify-content: center;
	align-items: center;
	gap: 15px;
	border-radius: 20px;
	border: 2px solid #1D8993;
	background: #FFF;
	min-width: 350px;
}

.payment-desc{
	width:100%;
	text-align:center;
}

.payment-qr .bank-detail{
	display: flex;
	/*width: 160px;*/
	width:55%;
	flex-direction: column;
	align-items: flex-start;
	/* gap: 20px; */
}

.payment-qr .bank-detail-qr{
	display: flex;
	/* width: 230px; */
	flex-direction: column;
	align-items: flex-start;
	/* gap: 20px; */
	width:45%;
}

.bank-detail .title, .bank-detail-qr .title{
	color: #000;
	font-family: "Inter-SemiBold", sans-serif !important;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

.bank-detail .desc{
	color: #555;
	font-family: "Inter-Regular", sans-serif !important;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.4;
}


/*#payment .process-steps.process-3 {*/
/*    display: flex;*/
/*    justify-content: space-between; */
/*    align-items: flex-start;*/
/*    position: relative;*/
/*    padding: 0 20px;*/
/*}*/

/* 4 per row desktop using flex*/
/*#payment .process-steps.process-3 > li {*/
/*    width: 23%; */
/*}*/


/* desktop: 4 in a row using grid*/
#payment .process-steps.process-3 {
    display: grid;
    grid-template-columns: repeat(4, 1fr); 
    gap: 30px;
    padding: 0;
	position: relative;
}


#payment .process-steps.process-3 li {
    flex: 1;
    text-align: center;
    position: relative;
}

#payment .process-steps.process-3 li:first-child{justify-content: flex-start;}
#payment .process-steps.process-3 li:last-child{justify-content: flex-end;}
#payment .process-steps li h6 {
    margin: 15px 0 0 0;
    padding: 0 10px;
}
#payment .process-steps li .innerbox {
    position: relative;
    z-index: 2;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
}

#payment .process-steps.process-3::before {
    content: '';
    position: absolute;
    top: 52px;
    left: 10%;
    right: 12%;
    border-top: 2px solid #215F68;
    z-index: 1;
}

.step-num{
	color: #1D8993;
	text-align: center;
	font-family: "Inter-Medium", sans-serif !important;
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
.step-title{
	color: #000;
	text-align: center;
	font-family: "Inter-SemiBold", sans-serif !important;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}


.step-desc{
	color: #555;
	text-align: center;
	font-family: "Inter-Regular", sans-serif !important;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	width: 80%;
	margin-bottom:0;
}

#payment .step-icon{
	display: flex;
    float: left;
    /*margin: 4px 11px 7px 0;*/
    cursor: default;
	width: 100px;
    height: 97px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
}

#payment .step-icon img{
	width: 43px;
	height: 43px;
	flex-shrink: 0;
}

@media (max-width: 768px) {
    #payment .process-steps.process-3 {
        flex-direction: column;
    }

    #payment .process-steps.process-3::before {
        display: none;
    }

    #payment .process-steps.process-3 li {
        /*margin-bottom: 30px;*/
    }

	
}


/* ----------------- Product Deatils Page -----------------  */


.prodArea-empty{
	text-align: center;
    font-size: 30px;
    line-height: 49px;
}
#prodvideo{
	padding-top:0px;
}

#prodvideo p:last-child{
    margin-bottom:0;
}


/* slider  */

.product-main{
	background: #FCFBFB;
	padding:35px;
}

.product-main .item {
    display: flex;
    align-items: center;   
    justify-content: center;
}

.product-main .owl-stage,
.product-main .owl-item,
.product-main .item {
    height: 100%;
}


.product-main img {
    width: 100%;
    max-height: 350px;
    object-fit: contain;
}

.product-thumbs {
    margin-top: 30px;
    position: relative;
	
}

.product-thumbs img{
	width: 100%;
    aspect-ratio: 100 / 90;
    padding: 20px;
    object-fit: contain;
	background: #FCFBFB;
}

.product-thumbs .owl-nav {
    position: absolute;
    top: 42%;
    width: 100%;
    transform: translateY(-50%);
	
}

.product-thumbs .owl-nav button {
    position: absolute;
	border-radius: 48px ;
	background: #1D8993 !important;
    color: #fff;
    width: 32px;
    height: 32px;
    border: 2px solid #1D8993;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-thumbs .owl-nav .owl-prev {
    left: -16px;
}

.product-thumbs .owl-nav .owl-next {
    right: -15px;
}

/* product right container  */

.product_detail_view .titlesec h1{
	color: #333;
	font-family: "Playfair-Medium", sans-serif !important;
    font-size: 35px;
    font-style: normal;
    font-weight: 500;
    line-height: 43px !important;
    text-transform: capitalize;
}



.product_detail_view .product-desc p{
    color: #555 !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.optionscontainer{
	align-items: center;
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    position: relative;
    gap: 15px 10px;
}

/* Hide native radio */
/* .attrSelectOption[type="radio"] {
    display:none;
}


.optionscontainer .attrbox {

	display: flex;
	width: auto;
	height: 47px;
	padding: 15px 25px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 100px;
	border: 2px solid #CECECE;
	background: #FFF;
	color: #CECECE;
	font-family: "Inter-Regular",sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;   
    cursor: pointer;
    transition: color 0.15s ease-in;
    position: relative;
}

.optionscontainer .attrbox:has( input[type="radio"]:checked) {
    border-radius: 100px;
	border: 2px solid #1D8993;
	background: #FFF;
	color: #1D8993;
	font-family: "Inter-Regular",sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}



.optionscontainer .attrbox label {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
	margin-bottom: 0 !important	;
} */


/* add  */

/* Hide native radio */
.attrSelectOption {
    display: none;
}

.optionscontainer .attrbox {
    display: flex;
}

.optionscontainer .attrbox label {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 47px;
    padding: 15px 25px;
    border-radius: 100px;
    border: 2px solid #CECECE;
    background: #FFF;
    color: #CECECE;
    font-family: "Inter-SemiBold", sans-serif;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.15s ease-in;
	margin-bottom: 0 !important	;
}

/* Checked state */
.optionscontainer .attrbox label:has(input:checked) {
    border-color: #1D8993;
    color: #1D8993;
}


#prodfaq h2{
	color: #000;
	text-align: center;
	font-size: 35px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

#prodfaq .accordion {
    margin-bottom: 0px;
}

#prodfaq .accordion-item:first-child .accordion-header .accordion-button {
    padding-top: 0;
}

#prodfaq .accordion-item{
    padding: 0 10px;
    border-bottom: 1px solid #555;
}

#prodfaq .accordion-button {
    padding-top: 30px;
    padding-bottom: 30px; /* closed state */
}

#prodfaq .accordion-button:not(.collapsed) {
    padding-bottom: 15px; /* open state */
}

#prodfaq .accordion-body{
    margin-bottom:30px;
}

#prodfaq .accordion-button:not(.collapsed)::after{
    margin-bottom:0;
}



/* --------------------- Contact Page ---------------------- */

#contact-details2{
	/* padding: 0; 
	position: relative; 
	height: 100%; 
	min-height: 500px; */
}

#contact-details2 .contact-left h2{
	color: #000;
	font-family: "Playfair-Medium",sans-serif;
	font-size: 35px;
	font-style: normal;
	font-weight: 500;
	line-height: 43px !important;
	text-transform: capitalize;
}

#contact-details2 .contact-icon-box{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	/* gap: 30px; */
	align-self: stretch;
}

#contact-details2 .icon-row{
	display: flex;
	align-items: flex-start;
	gap: 28px;
	align-self: stretch;
	margin-bottom:30px;
}

#contact-details2 .contact-icon{
	display: flex;
	width: 40px;
	height: 40px;
	/* padding: 16px 18.667px; */
	justify-content: center;
	align-items: center;
	/* gap: 48px; */
	aspect-ratio: 1/1;
	border-radius: 29.333px;
background: #1D8993;
} 

#contact-details2 .contact-info{

}

#contact-details2 .contact-info p{
	color: #555;
	font-family: "Inter-Regular",sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-transform: capitalize;
}

/* --------------------- Contact Page ---------------------- */

/*	------------------------ Footer -------------------------- */

#cta{
	aspect-ratio: 1881/878;
	background: url(../../images/layout/cta.png) lightgray 50% / cover no-repeat;
	background-color: transparent;
    position: relative;
	align-content: center;
}

.cta-icon{
	position: absolute;
    right: 8%;
    top: 4%;
}

.cta-container{

}
.ctabox{
	/* background-color: #FAF6ED;
	border-radius: 0 30px 0 30px;
	overflow: hidden; */
	/* height:900px; */
}

.cta-form .section-title, .section-title2{
	text-align: left;
}

.cta-form p{
    color:#555;
}

.cta-left{
	display: flex;
	/* width: 645px; */
	padding: 60px 46px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-radius: 32px;
	background: #FFF;
}

#cta .cta-form svg path{
	stroke:#FFF;
}



/* #cta2{
	aspect-ratio: 1881/878;
	background: url(../../images/layout/cta.png) lightgray 50% / cover no-repeat;
	background-color: transparent;
    position: relative;
	align-content: center;
} */

#cta2{
	aspect-ratio: 1473/468;
	background: url(../../images/layout/cta2.png) lightgray 50% / cover no-repeat;
	background-color: transparent;
    position: relative;
	align-content: center;
}

#cta2 .cta2-btn{
	/*width:161px;*/
	padding: 0px;
}

.cta-icon2{
	position: absolute;
    right: 8%;
    top: 4%;
}

.cta-container2{

}
.ctabox2{
	/* background-color: #FAF6ED;
	border-radius: 0 30px 0 30px;
	overflow: hidden; */
	/* height:900px; */
}

.cta-form2 .section-title, .section-title2{
	text-align: left;
}

.cta-left2{
	display: flex;
	width: 645px;
	padding: 60px 45px;
	flex-direction: column;
	justify-content: center;
	/*align-items: center;*/
	border-radius: 32px;
	background: #FFF;
	position:relative;
}

#cta .cta-form svg path{
	stroke:#FFF;
}

/* .cta-form {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 25px;
	align-self: stretch;
} */

/* .ctabox .col-12:has( .content){
	display: flex;
	justify-content: center;
	position: relative;
}
.ctabox .content{
	padding: 75px 20px;
	width: calc(100% - 140px);
	z-index: 2;
}
.ctabox .col-12:has( .content)::before{
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('../images/layout/cta-ele-1.svg');
	background-size: contain;
	background-position: top left;
	background-repeat: no-repeat;
	z-index: 1;
}
.ctabox .col-12:has( .content)::after{
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 0;
	right: calc(var(--bs-gutter-x) * -.5);
	background-image: url('../images/layout/cta-ele-2.svg');
	background-size: contain;
	background-position: bottom right;
	background-repeat: no-repeat;
	z-index: 1;
}
.ctabox .content .h1{margin-bottom: 15px; display: flex; width: auto;}
.ctabox .content .h3{margin-bottom: 40px; display: flex; width: auto; font-weight: 400;}
.ctabox .content p:has( a){margin-bottom: 0; display: flex; width: auto;}
.ctabox .imagecol img{object-fit: cover; width: 100%; height: 100%;} */

#cartQty {
    width: 13px;
    height: 13px;
    font-size: 9px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
	top:-5px;
	    position: absolute;
	left: auto;
    right: 0;
    font-size: 10px;
    color: #FFF;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    background-color: #ff0000;
    border-radius: 50%;
}
.top-cart-title{
    position:relative;
}
.cart-close-drawer{
    position: absolute;
    top: 8px;
    right: 12px;
    font-size: 20px;
    color: #000;
    z-index: 1100;
    cursor: pointer;
}
.top-cart-quantity-box .top-cart-quantity{
    display:flex;
    gap:15px;
    position:relative;
    align-items: center;
}
.top-cart-quantity .cart-minus{
    color:#1D8993;
	background-color:#fff !important;
	border: 1px solid #1D8993 !important;
	border-radius:2px; 
	width: 28px;
	font-size: 20px;
}

.top-cart-quantity .cart-plus{
    color:#fff;
	background-color:#1D8993 !important;
	border: 1px solid #1D8993 !important;
	 border-radius:2px; 
	width: 28px;
	font-size: 20px;
}

/*.top-cart-quantity-box.top-cart-quantity span.top-cart-item-quantity{*/
/*    display: block;*/
/*    position: absolute;*/
/*    font-size: 12px !important;*/
/*    left: 35px;*/
/*    top: 2px;*/
/*    color: #444;*/
/*}*/


#footer{
	color: #000000;
	font-family: 'Inter', sans-serif;
}
.footerp{
	color: #000000;
	font-family: 'Inter-Regular' !important;
	font-weight: 400;
}
#footer h4{color: #000000	;}
#merchantimg img{max-height: 23px;}
.address p{
	font-size: 16px;
	color: #000000;
}
#footer .footer-widgets-wrap > .row{justify-content: space-between;}
/*#footer .socialmedia{margin-top: 18px;}*/
#footerSocialContacts .socialmedia{justify-content: flex-start;}
#footerSocialContacts .socialmedia .col{
	padding-right: 3px;
	padding-left: 3px;
	max-width: 20%;
}
#footerSocialContacts .socialmedia .col:first-child{
	padding-left: calc(var(--bs-gutter-x) * .5);
}
#footerSocialContacts .socialmedia .col:last-child{
	padding-right: calc(var(--bs-gutter-x) * .5);
}
.socialmedia a{
 /*   display: block;*/
	/*width: 14%;*/
}
.socialmedia a svg{
	width: 100%;
	max-width: 20px;
	height: auto;
	/*margin-right: 6px;*/
	/*margin-top: 6px;*/
	fill: #000000;
	-webkit-transition: fill .3s ease;
	-o-transition: fill .3s ease;
	transition: fill .3s ease;
	margin-bottom: 15px;
}
.socialmedia a:hover svg{
    fill: #1D8993;
    -webkit-transition: fill .3s ease;
	-o-transition: fill .3s ease;
	transition: fill .3s ease;
}
#footer .widget_links a{
	color: #555;
	-webkit-transition: color .3s ease;
	-o-transition: color .3s ease;
	transition: color .3s ease;
	font-family: "Inter-Regular",sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	text-transform: capitalize;
}
#footer .widget_links a:hover{
    color: #1D8993;
    -webkit-transition: color .3s ease;
	-o-transition: color .3s ease;
	transition: color .3s ease;
}
#footer .footer-widgets-wrap h4{
	/* margin-top: 20px; */
}
#footer .footer-contact{
	color: #000;
font-family: "Inter-Regular",sans-serif;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 200% */
opacity:0.7;
}
#subscription{
	background-color: #000000;
	padding-top: 23px;
	padding-bottom: 23px;
}
#subscription .row{
	align-items: center;
}
#subscription h4, #subscription form{margin-bottom: 0;}
#subscription form{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-content: center;
    align-items: center;
}
#subscription form input{width: calc(100% - 95px); max-width: 325px; border-radius: 8px 0 0 8px; height: 55px; padding-left: 25px; border-right: none;}
#subscription form button{height: 55px;}

#footerSocialContacts{
	margin-top: 60px;
	margin-bottom: 15px;
}
#footerCompContacts .col{
	flex: 0 0 21%;
	max-width: 21%;
	min-width: 195px;
}
#footerCompContacts .col.email{
	flex: 0 0 26%;
	max-width: 26%;
}
#footerCompContacts .flexbox{justify-content: center; margin-bottom: 15px;}
#footerCompContacts .flexbox svg{height: 23px; width: 23px; margin-right: 10px; object-fit: contain;}
#footerCompContacts a .text{width: calc(100% - 33px);}
#footerCompContacts a .text .number{color: #000000;}
#footerCompContacts a:hover .text .number{color: #1D8993;}

#footerCart svg{fill: #1D8993; max-width: 29px;}
#copyrights .col-12{ padding-top: 30px; padding-bottom: 10px;}
#copyrights a{color: 000000;}
#copyrights a:hover{color: #1D8993;}

/*	------------------------ Footer END -------------------------- */


/*	------------------------ Doctor Search Form -------------------------- */

.docSearchForm {
    margin-top: -2.5em;
    display: flex;
    border-radius: 50px;
    overflow: hidden;
    padding-left: 25px;
    /*padding-right: 25px;*/
    background: linear-gradient(to right, white 0%, white 50%, #CC9739 51%, #CC9739 100%);
    /*filter: drop-shadow(2px 4px 10px rgba(0, 0, 0, 0.05));*/
    box-shadow: 0px 14px 45px 0px rgba(0, 0, 0, 0.11);
    position: relative;
    z-index: 2;
}
.docSearchForm input{
	background-color: white;
    padding: 0 25px 0 10px;
	background-color: white;
    width: 35%;
    border: none;
    padding: 0 25px;

}
.docSearchForm select{
	background-color: white;
    width: 22.5%;
    border: none;
    padding: 0 25px;
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    appearance:none;
    background-position: right center;
    background-origin: content-box;
    background-size: 20px;
    background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='more' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 48 48' style='enable-background:new 0 0 48 48;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E.st0%7Bfill:%236C6C6C;%7D%3C/style%3E%3Cpath class='st0' d='M24,30.1L12.7,18.8l1.6-1.6l9.7,9.7l9.7-9.7l1.6,1.6L24,30.1z'/%3E%3C/svg%3E%0A");
    border-left: 1px solid #dddddd;
}
.docSearchForm select:active, .docSearchForm select:focus, .docSearchForm select:focus-within, .docSearchForm select:target, .docSearchForm select:visited, .docSearchForm select:focus-visible,
.docSearchForm input:active, .docSearchForm input:focus, .docSearchForm input:focus-within, .docSearchForm input:target, .docSearchForm input:visited, .docSearchForm input:focus-visible{border: none; outline: none;}
.docSearchForm select:active, .docSearchForm select:focus, .docSearchForm select:focus-within, .docSearchForm select:target, .docSearchForm select:visited, .docSearchForm select:focus-visible{
    border-left: 1px solid #dddddd;
}
.docSearchForm a#docSubmit{
	font-size: 20px;
	font-family: 'Inter',sans-serif;
	font-weight: 700;
	color: #fff;
	background-color: #CC9739;
    display: flex;
    padding: 15px 20px;
    align-items: center;
    justify-content: center;
    width: 20%;
}
.docSearchForm a#docSubmit svg{
	width: 22px;
}
.docSearchForm a#docSubmit span{
	display: inline-block;
	margin-top: 3px;
	margin-left: 10px;
}
#searchdoctorform + section, #searchdoctorform + div{
	margin-top: -3.1em;
	padding-top: calc(60px + 3.1em);
}

/*	------------------------ Doctor Search Form END -------------------------- */


/*	------------------------ Home -------------------------- */

#slider .swiper-pagination, #sliderm .swiper-pagination{width: 100%; bottom: 50px !important; text-align: center;}
#slider .swiper-pagination span, #sliderm .swiper-pagination span{
    background-color: rgba(255,255,255,0.5);
}
#slider .swiper-pagination span.swiper-pagination-bullet-active, #sliderm .swiper-pagination span.swiper-pagination-bullet-active{
    background-color: rgba(255,255,255,1);
}
#slider .swiper-slide-bg{
	background-color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: cover;background-position: center;width: 100%; height: 100%; opacity: 1; visibility: inherit;
}
#slider a:has( > .slider-caption), #sliderm a:has( > .slider-caption){
	display: block;
	width: 100%;
	height: 100%;
}
#slider a .slider-caption, #sliderm a .slider-caption, .slider-caption-container{
	display: block;
	width: 100%;
	height: 100%;
	max-width: 100%;
}
#slider ~ #content, #sliderm ~ #content{padding-top: 60px; padding-bottom: 60px; background-color: #f9f9f9;}
#slider .swiper-navs .swiper-button-disabled, #sliderm .swiper-navs .swiper-button-disabled{display: none;}
#sliderm {
    aspect-ratio: 900 / 1200;
}
#sliderm .swiper-slide-bg{
	background-color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: cover; background-position: center bottom; width: 100%; height: 100%; opacity: 1; visibility: inherit;
}
#sliderm .slider-caption{max-width: 100%; padding-top: 60px; position: relative; left: auto; top: auto;}

#featured-package{padding-bottom: 80px;}
#featured-package .titlerow{margin-bottom: 35px;}
#featured-package .navigation-arrows {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    margin-top: 10px;
    height: 100%;
}
#featured-package .navigation-arrows .swiper-button-next, #featured-package .navigation-arrows .swiper-button-prev {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    color: white;
    width: 42px;
    height: 42px;
    color: #131927;
    background-color: transparent;
    border-radius: 50%;
    border: 2px solid rgba(19,25,39,0.2);
    margin: 0 2.5px;
    transition: all 200ms linear;
}
#featured-package .navigation-arrows .swiper-button-prev:after, #featured-package .navigation-arrows .swiper-button-next:after {
    font-size: 14px;
    font-weight: 700;
}
#featured-package img{
	aspect-ratio: 1 / 1;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 16px;
}
#featured-package .product-title{
	margin-top: 15px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.3;
	color: black;
	margin-bottom: 10px;
}
#featured-package .product-price{}
#featured-package .product-price ins{
	text-decoration: none;
	font-size: 16px;
	font-weight: 500;
	color: black;
	display: inline-block;
}
#featured-package .product-price ins:has( + del){
    margin-right: 15px;
}
#featured-package .product-price del{
	color: #F00;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	text-decoration: line-through;
	display: inline-block;
}
#featured-package .discount-tag{
	position: absolute;
	right: 0;
	top: 0;
    width: 100%;
    text-align: right;
}
#featured-package .discount-tag .percentage{
	background-color: #c61d1d;
	color: white;
	text-align: center;
	display: inline-block;
	padding: 10px;
	font-size: 12px;
}

#content.homepage{
	background-color: #74500d !important;
	z-index: 2 !important;
}
#content.homepage .container-fluid, #content.homepage .container-fluid > .row{height: 100%;}
#content.homepage .container-fluid > .row{align-items: center;}
#content.homepage p, #content.homepage h2{color: white;}
#content.homepage .content{padding-top: 30px; padding-bottom: 30px;}
#content.homepage .content p:has( .button3){margin-top: 40px;}
#content.homepage .content .button3:hover{background-color: white; color: #734F0D;}
@media(min-width: 768px){
	#content.homepage{
		aspect-ratio: 1600 / 650;
		background-image: url('../images/layout/WELLNESS_LOUNGE.webp?v1') !important;
		background-position: right top !important;
		background-repeat: no-repeat !important;
		background-size: 70% auto !important;
	}
}

#our-specialties{
	padding: 0;
	background-color: #cecece;
    z-index: 1;
    position: relative;
    overflow: hidden;
}
#our-specialties .col-12:has( h2){
	padding-top: 60px;
	padding-bottom: 60px;
	z-index: 3;
	position: relative;
	background-color: white;
	box-shadow: 15px 0 30px rgba(0, 0, 0, 0.1);
	align-content: center;
}
#our-specialties .col-12 .content.title{z-index: 3; position: relative;}
#our-specialties .col-12:has( h2):before{
	content: '';
	width: 100%;
	height: 100%;
	display: block;
	z-index: 2;
	position: absolute;
	background-color: white;
	top: 0;
	left: -22vw;
}
#our-specialties h2{margin-bottom: 20px; color: #555;}
#our-specialties p{color: #555;}
#our-specialties p:has( .button3){margin-top: 30px;}
@media(min-width: 768px){
	#our-specialties > .container-fluid > .row{justify-content: space-between;}
	#our-specialties .col-md-3{
		width: 28.2%;
	}
	#our-specialties .col-md-9{
		width: 71.8%;
	}
}
#our-specialties .navigation-arrows {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    margin-top: 10px;
    height: 100%;
}
#our-specialties .navigation-arrows .swiper-button-next2, #our-specialties .navigation-arrows .swiper-button-prev2 {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    color: white;
    height: 42px;
    color: #131927;
    background-color: transparent;
    border-radius: 50%;
    margin: 0 2.5px;
    transition: all 200ms linear;
}
#our-specialties .navigation-arrows .swiper-button-prev2:after, #our-specialties .navigation-arrows .swiper-button-next2:after {
    font-size: 16px;
    font-weight: 700;
}
#our-specialties .navigation-arrows .swiper-button-prev2:hover, #our-specialties .navigation-arrows .swiper-button-next2:hover {
	color: #cc9739;
}
#our-specialties .col-12:has( .owl-carousel){
	background-color: #cecece;
	padding: 0;
	z-index: 1;
	position: relative;
}
#our-specialties .owl-carousel{height: 100%;}
#our-specialties .owl-carousel .owl-stage-outer{overflow: visible; margin-left: -1px; height: 100%;}
#our-specialties .owl-carousel .owl-stage{display: flex; align-items: stretch; flex-direction: row; flex-wrap: nowrap; height: 100%;}
#our-specialties .owl-carousel .owl-stage .owl-item .oc-item{height: 100%; position: relative;}
#our-specialties .owl-carousel .owl-stage .owl-item .slideInfoContainer{height: 100%;}
#our-specialties .owl-carousel .owl-stage .owl-item .slideInfoContainer a{
    background: #f8f8f8;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
#our-specialties .owl-carousel .content{
	background-color: #f8f8f8;
	padding: 50px 30px 30px;
	height: inherit;
	display: flex;
    flex-direction: column;
    justify-content: space-between;
}
#our-specialties .owl-carousel .content h4 + p{
	margin-bottom: 45px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;  
	overflow: hidden;
}
#our-specialties .owl-carousel .content p:has( i){
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 0;
}
#our-specialties .owl-carousel .content i{
	height: 30px;
	width: 30px;
	border: 2px solid #555;
	border-radius: 50%;
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
#our-specialties .owl-carousel .content i::before{
	font-size: 20px;
	line-height: 1;
}
#our-specialties .owl-carousel a:hover .content i{border-color: #cc9739; color: #cc9739;}
.owl-carousel .owl-item .specialty-icon{
	height: 30px;
	width: auto;
	max-width: 100%;
	margin-bottom: 20px;
	filter: invert(22%) sepia(97%) saturate(1599%) hue-rotate(34deg) brightness(99%) contrast(101%);
}
.owl-carousel .owl-item .specialty-image{
	aspect-ratio: 540 / 360;
	object-fit: cover;
}
#our-specialties h4{
	color: #555;
}

#settingstandard{
	background-color: #f7ecda;
	position: relative;
}
#settingstandard::before{
	content: '';
	display: block;
	width: 15%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('../images/layout/settingstandard-ele-1.webp');
	background-position: left top;
	background-repeat: no-repeat;
	background-size: contain;
	z-index: 1;
}
#settingstandard .container-fluid{
	position: relative;
	z-index: 2;
	height: 100%;
}
#settingstandard .container-fluid > .row{
	height: 100%;
	align-items: center;
}
#settingstandard h2, #settingstandard p{color: #555;}
@media(min-width: 768px){
	#settingstandard{
		aspect-ratio: 1600 / 520;
		background-image: url('../images/layout/settingstandard.webp');
		background-position: right top;
		background-repeat: no-repeat;
		background-size: 100% auto;
		padding: 0;
	}
}
#settingstandard .flexbox{
	margin-top: 40px;
}
#settingstandard .flexbox .box{
	border-radius: 10px;
	margin-right: 15px;
}
#settingstandard .flexbox .box:nth-child(1){background-color: #b28738;}
#settingstandard .flexbox .box:nth-child(2){background-color: #9d6e08;}
#settingstandard .flexbox .box:nth-child(3){background-color: #74500d;}
#settingstandard .flexbox .box .innerbox{
	padding: 5px 25px;
	display: flex;
	flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
#settingstandard .flexbox span{color: white; display: inline-block; font-weight: 700; font-size: 16px;}
#settingstandard .flexbox span.number{font-weight: 700; font-size: 50px; margin-right: 10px;}

#whyus .pointsrow{margin-top: calc(45px - calc(var(--bs-gutter-x) * .5));}
#whyus .pointsrow .col-12{
    padding-top: calc(var(--bs-gutter-x) * .5);
    padding-bottom: calc(var(--bs-gutter-x) * .5);
}
#whyus .pointsrow .content{
	border-radius: 10px;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 65px 40px;
}
#whyus .pointsrow .col-12:nth-child(1) .content{
	background-image: url('../images/layout/whyus-bg-1.webp');
}
#whyus .pointsrow .col-12:nth-child(2) .content{
	background-image: url('../images/layout/whyus-bg-2.webp');
}
#whyus .pointsrow .col-12:nth-child(3) .content{
	background-image: url('../images/layout/whyus-bg-3.webp');
}
#whyus .pointsrow .col-12:nth-child(4) .content{
	background-image: url('../images/layout/whyus-bg-4.webp');
}
#whyus .pointsrow .content img{margin-bottom: 25px; height: 55px; width: auto;}
#whyus .pointsrow .content h5{margin-bottom: 0; color: #555; margin-top: 30px; font-weight: 600;}



#oc-signtreatSlides .owl-dots{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
#oc-signtreatSlides .owl-dots button {
    background-color: transparent;
    border: none;
    padding: 0;
}
#oc-signtreatSlides .owl-dots button span {
    background-color: transparent;
    color: #1D8993;
    border: 2px solid #1D8993;
    display: block;
    width: 13px;
    height: 13px;
    margin: 0 4px;
    opacity: 1;
    border-radius: 50%;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
#oc-signtreatSlides .owl-dots button.active span{background-color: #1D8993; color: #1D8993; opacity: 1;}




#awards{padding-top: 5px; padding-bottom: 60px;}
#awards .owl-carousel .owl-item{width: 100%;}
#awards-slider.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    display: flex;
    align-items: center;
}
#awards-slider .imagebox{
    /* height: 120px; */
    text-align: center;
    margin-bottom: 30px;
    display:flex;
    align-items:center;
    aspect-ratio: 203 / 170;
    /*aspect-ratio: 1/1;*/
    justify-content: center; 
    overflow: hidden;
}
#awards-slider .imagebox img{
    /*height: 100%;*/
     max-width: 100%;
    max-height: 100%;
    object-fit: contain;
	/*padding: 20px;*/
}
#awards-slider .owl-dots{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
#awards-slider .owl-dots button {
    background-color: transparent;
    border: none;
    padding: 0;
}
#awards-slider .owl-dots button span {
    background-color: transparent;
    color: #1D8993;
    border: 2px solid #1D8993;
    display: block;
    width: 13px;
    height: 13px;
    margin: 0 4px;
    opacity: 1;
    border-radius: 50%;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
#awards-slider .owl-dots button.active span{background-color: #1D8993; color: #1D8993; opacity: 1;}

#updates{
	background-color: #f8f8f8;
}
#updates .container-fluid > .flexbox{
	justify-content: space-between;
}
#updates .newsrow{margin-top: 40px;}
#updates .newsrow .content{
	border-radius: 10px;
	overflow: hidden;
	width: calc(100% - 15px);
    margin: 0 auto;
    /*box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.05);*/
    filter: drop-shadow(0 5px 6px rgba(0,0,0,0.05));
    transition: all 200ms linear;
}
#updates .newsrow a:hover .content{
	/*box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.10);*/
	filter: drop-shadow(0 5px 6px rgba(0,0,0,0.15));
}
#updates .newsrow .content .text{
	padding: 20px 30px 30px;
	background-color: white;
}
#updates .newsrow .date{
	font-size: 13px;
	color: #cecece;
}
#updates .newsrow h4{
	color: #555;
	height: 48px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;  
	overflow: hidden;
	font-weight: 700;
    line-height: 1.3;
    margin-bottom: 12px;
    align-content: center;
}
#updates .newsrow .short_desc{
	color: #555;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;  
	overflow: hidden;
	margin-bottom: 15px;
}
#updates .newsrow .blog_readmore{
	color: #cc9739;
}


/*	------------------------ Home END -------------------------- */


/*	------------------------ About Us -------------------------- */

#content.aboutuspage{min-height: 34.6vh;}

#bread_contact_banner{
	background-color: #F4F4F4;
    padding: 15px 0;
    top: auto;
    position: relative;
    border: none;
	border-bottom: 1px solid #CECECE;
}
.topcrumb {
	padding: 0;
}
.topcrumb ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.topcrumb ul li {
    display: inline-block;
	color: #FFF;
	font-family: "Inter-Medium",sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	letter-spacing: 0.6px;
	text-transform: capitalize;
}
.topcrumb ul li a {
    color: #FFF !important;
}

.page-title{
color: #FFF;
font-family: 'Playfair-Medium' !important;
font-size: 35px;
font-style: normal;
font-weight: 500;
line-height: 43px !important; 
/* letter-spacing: -1.4px; */
text-transform: capitalize;
}

#banner.aboutuspage{
	position: relative;
    z-index: 1;
}
@media(min-width: 768px){
	#banner.aboutuspage{
		background-position: left center;
		/* opacity: 0.7; */
		/*background: url('../images/layout/story_banner.png') lightgray 50% / cover no-repeat ;*/
		/*background: url('../images/layout/story_banner2.jpg') lightgray 50% / cover no-repeat ;*/
		background: url('../images/layout/story_banner3.png') lightgray 50% / cover no-repeat ;
		height: 400px;
	}
	#banner.signaturepage{
		background-position: left center;
		/*opacity: 0.7;*/
		background: url('../images/layout/treatment_banner.png') lightgray 50% / cover no-repeat ;
		height: 400px;
	}

	#banner.ourproductpage{
		background-position: left center;
		/* opacity: 0.6; */
		background: url('../images/layout/product_banner.png') lightgray 50% / cover no-repeat ;
		height: 400px;
	}

	#banner.proddetailpage{
		background-color: #215F68;
		height: 151px;
		padding-top: 60px;
		padding-bottom: 18px;
		text-align: center;
		position:relative
	}

	#banner.treatmentdetailpage,#banner.proddetailpage, #content.pageview{
		background-color: #215F68;
		height: 151px;
		padding-top: 60px;
		padding-bottom: 18px;
		text-align: center;
		position:relative
	}

	#banner.blogpage{
		background-position: left center;
		/* opacity: 0.7; */
		background: url('../images/layout/blog_banner.png') lightgray 50% / cover no-repeat ;
		height: 400px;
	}

	#banner.blogdetailpage{
		background-color: #215F68;
		height: 151px;
		padding-top: 60px;
		padding-bottom: 18px;
		text-align: center;
		position:relative
	}

	#banner.partnerpage{
		background-position: left center;
		/* opacity: 0.6; */
		background: url('../images/layout/partnerships_banner.png') lightgray 50% / cover no-repeat ;
		height: 400px;
	}

	#banner.contactpage{
		background-position: left center;
		/* opacity: 0.6; */
		background: url('../images/layout/contact_banner.png') lightgray 50% / cover no-repeat ;
		height: 400px;
	}

	#banner.searchpage{
		background-color: #215F68;
		height: 151px;
		padding-top: 60px;
		padding-bottom: 18px;
		text-align: center;
		position:relative
	}

}
#banner.aboutuspage .container-fluid{height: 100%;}
#banner.aboutuspage .container-fluid .row{height: 100%; align-items: center;}
#banner.aboutuspage p:has( .tag){margin-bottom: 16px;}
#banner.aboutuspage .tag{
	border-radius: 100px;
	background: #EBE3D1;
	color: #74500C;
	font-weight: 600;
	text-transform: capitalize;
	display: flex;
	padding: 10px 20px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	width: fit-content;
}
#banner.aboutuspage h1{
	color: #fff;
	text-transform: capitalize;
	margin-bottom: 16px;
}
#banner.aboutuspage h3{
	color: #fff;
	text-transform: capitalize;
	margin-bottom: 0;
}
#banner.aboutuspage h3 + svg{margin-top: 50px;}



#banner .container-fluid{height: 100%;}
#content.pageview .container-fluid{height: 100%;}
#banner .container-fluid .row{height: 100%; align-items: center;}
#banner p:has( .tag){margin-bottom: 16px;}
#banner .tag{
	border-radius: 100px;
	background: #EBE3D1;
	color: #74500C;
	font-weight: 600;
	text-transform: capitalize;
	display: flex;
	padding: 10px 20px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	width: fit-content;
}
#banner h1{
	color: #fff;
	text-transform: capitalize;
	margin-bottom: 16px;
}
#banner h3{
	color: #fff;
	text-transform: capitalize;
	margin-bottom: 0;
}
#banner h3 + svg{margin-top: 50px;}



#story{
	position:relative;
}

.mh-660{
	min-height:660px;
}

#story h2{
	color: #000;
	font-family: "Playfair-Medium",sans-serif;
	font-size: 35px;
	font-style: normal;
	font-weight: 500;
	line-height: 43px !important;
	/* letter-spacing: -1.4px; */
	text-transform: capitalize;
	/* width:80%; */
}

#story .story-desc p{
	color: #555;
	font-family: "Inter-Regular",sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	margin-bottom:20px;
}

#story .story-titleline{
	position: relative;
    /* padding-bottom: 16px; */
}
#story .story-titleline::before{
	content: '';
    position: absolute;
   	top: -30px;
    /*left: 18%;*/
    /*transform: translateX(-50%);*/
    width: 111px;
	height: 3px;
    background-color: #1D8993;
}

#story .leaf1{
	max-height: 230px;
    position: absolute;
    left: 0;
    top: 76%;
    opacity: 0.3;
    z-index: 1;
}

#story .leaf2{
	max-height:  200px;
    position: absolute;
    left: 0;
    top: 15%;
	z-index:1;
}

#story .leaf3{
	max-height: 320px;
    position: absolute;
    right: 0;
    top: 11%;
}

#story .leaf4{
	max-height: 200px;
    position: absolute;
    right: 0;
    top: 83%;
    z-index: 1;
}

#story .leaf5{
	max-height: 200px;
    position: absolute;
    right: 0;
    top: 89%;
    z-index: 1;
}

#story .leaf6{
	max-height: 320px;
    position: absolute;
    right: 0;
    top: 0%;
    opacity: 0.4;
    z-index: -999;
}
#story .leaf7{
	max-height: 300px;
    position: absolute;
    left: 0;
    top: 64%;
    z-index: 1;
}

#story .leaf8{
	max-height: 156px;
    position: absolute;
    left: 0;
    top: 90%;
    z-index: 1;
}

#story .leaf9{
	max-height: 200px;
    position: absolute;
    right: 0;
    top: 75%;
    z-index: 1;
}

.cta-form2 {
        z-index: 1;
}
#cta2 .leaf22{
    max-height: 173px;
    position: absolute;
    left: 0;
    /*top: 40%;*/
    bottom:0;
    border: 50%;
    border-radius: 32px;
    z-index: 0;
}

#cta2 .leaf23{
   max-height: 200px;
    position: absolute;
    right: 0;
    top: 0%;
    border-radius: 32px;
    z-index: 0;
}

/* #philosophy{
	background: url(../images/layout/philosophy-bg.png) lightgray 50% / cover no-repeat;
	backdrop-filter: blur(10px);
} */

#philosophy{
    position: relative;
    /*background: url(../images/layout/philosophy-bg.png) center / cover no-repeat;*/
    /*background: url(../images/layout/philosophy-bg.jpg) center / cover no-repeat;*/
    background: url(../images/layout/aboutus-bg.jpeg) center / cover no-repeat;
    
    overflow: hidden;
}

/* Blur overlay */
#philosophy::after{
    content: '';
    position: absolute;
    inset: 0;
	
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);

    -webkit-mask-image: linear-gradient(
        to left,
        rgba(0,0,0,1) 0%,
        rgba(0,0,0,1) 50%,
        rgba(0,0,0,0) 75%,
        rgba(0,0,0,0) 100%
    );

    pointer-events: none;
}

#philosophy .philo-container{
	z-index:1;}

	
#philosophy .section-title{
	color: #FFF;
	text-align: center;
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	letter-spacing: 0.6px;
	text-transform: uppercase;
}

#philosophy .section-title2{
	color: #FFF;
	color: #FFF;
	text-align: center;
	font-size: 35px;
	font-style: normal;
	font-weight: 500;
	line-height: 43px !important;
	/* letter-spacing: -1.4px; */
	text-transform: capitalize;
}

#philosophy .philo-container p{
	color: #FFF;
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	/*line-height: normal;*/
}


#philosophy .philo-right{
	background-color: #FFF;
	border-radius: 10px;
	display: flex;
	/*height: 168px;*/
	height:auto;
	padding: 35px 66px;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	/* gap: 10px; */
	align-self: stretch;
}

#philosophy .philo-right .vision-img-cont{
    border-radius: 50%;
    background: #1D8993;
    display: flex;
    width: 98px;
    height: 98px;
    padding: 21px;
    align-items: center;
    justify-content: center;
}

.vision-img-cont img{
	/*border-radius: 49px;*/
	/*background: #1D8993;*/
	/*display: flex;*/
	/*width: 98px;*/
	/*height: 98px;*/
	/*padding: 21px;*/
	/*flex-direction: column;*/
	/*align-items: flex-start;*/
	/*gap: 10px;*/
}

#philosophy .vision-desc{
	display: flex;
	/* width: 373px; */
	width:75%;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
}

#philosophy .vision-desc h3{
	color: #000;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	margin-bottom:0;
}

#philosophy .vision-desc p{
	color: #555;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	text-align: left;
}



#core{
	padding-bottom:0;
    background:
        linear-gradient(
            180deg,
            rgba(240, 252, 251, 0.00) 22.12%,
            #F0FCFB 100%
        ),
        url('../images/core-circle.png');

    background-size: cover, cover;
    background-position: center 75px;
    background-repeat: no-repeat;
}

#core p, #whychooseus p{
	color: #555;
}

#core .core-box{
	display: flex;
	padding: 30px 40px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-radius: 20px;
	border: 1px solid #1FB5B9;
	background: #FFF;
	box-shadow: 0 8px 26.9px 0 rgba(29, 137, 147, 0.14);
	/*height:100%;*/
}

#core .core-value-img{
	align-content: flex-end;
	text-align: center;
}

#core .core-value-img img{
	height: 100%;
    object-fit: cover;
}

#whychooseus{
	background: #FCFBFB;
	position:relative;
}
#whychooseus .whyus-container{
	align-items: center;
}

.choose1 ,.choose2, .choose3{
	display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.choose-img-container{
    display: flex;
    width: 112px;
    height: 112px;
    padding: 29px;
    justify-content: center;
	align-items: center;
    gap: 10px;

	border-radius: 50%;
    background: #1D8993;
    
}


.choose-desc-container{
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
	gap: 20px;
}
.choose-title{
	color: #000;
	text-align: center;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}
.choose-desc{
	color: #555;
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	width: 80%;
}

#whychooseus  a.button5{
	text-align: center;
    display: inline-flex;
    align-items: center;
	align-content: center;
    gap: 4px;
    white-space: nowrap;
    padding: 0;
}

#whychooseus .leaf10{
	max-height: 150px;
    position: absolute;
    left: 0;
    top: 0%;
}
#whychooseus .leaf11{
	max-height: 100px;
    position: absolute;
    left: 0;
    top: 10%;
}
#whychooseus .leaf12{
	max-height: 100px;
    position: absolute;
    left: 0;
    top: 18%;
    z-index:0;
}
#whychooseus .leaf13{
	max-height: 150px;
    position: absolute;
    right: 0;
    top: 88%;
}
#whychooseus .leaf14{
	max-height: 150px;
    position: absolute;
    right: 0;
    top: 97%;
}
#whychooseus .leaf15{
	max-height: 150px;
    position: absolute;
    right: 0;
    top: 105%;
}

#whychooseus .testi-title{
	z-index: 2;
}

#team #team-slider{
	/*margin: 30px 0;*/
}

#team .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next
 {
    background: #FFF;
}

#team p{
    color:#555;
}

@media (min-width: 1000px) {
    #team-slider .owl-nav,#relatedbloglist .owl-nav {
        display: block;
    }
}


@media (max-width: 999px) {
    #team-slider .owl-nav,#relatedbloglist .owl-nav  {
        display: none;
    }
}

#team .owl-carousel .owl-nav [class*=owl-].owl-prev {
    position: absolute;
    top: 50%;
    margin-top: -18px;
    left: -18px;
    zoom: 1;
    color: #1D8993 ! important;
	border-radius: 50%;
    border: 1px solid #1D8993;
    width: 36px;
    height: 36px;
    justify-items: center;
    /*line-height: 32px;*/
    font-size: 20px;
    opacity: 1;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

 #team .owl-carousel .owl-nav [class*=owl-].owl-next {
    position: absolute;
    top: 50%;
    margin-top: -18px;
	right:-20px;
    zoom: 1;
    color: #1D8993 ! important;
	border-radius: 50%;
    border: 1px solid #1D8993;
    width: 36px;
    height: 36px;
    /*line-height: 32px;*/
    justify-items: center;
    font-size: 20px;
    opacity: 1;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

/*#team .owl-nav .owl-prev:hover {*/
/*    background: #1D8993;*/
/*    border: 1px solid #1D8993;*/
/*    color:#FFF;*/
/*}*/




#team .imagebox{
	display: flex;
	height: 406px;
	width:100%;
	justify-content: center;
	border-radius: 20px;
	background: #DDD7D7;
}

#team .imagebox img{
	object-fit: cover;
	object-position: top center;
    height: 406px;
	border-radius: 20px;
}



#team .owl-dots{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
#team .owl-dots button {
    background-color: transparent;
    border: none;
    padding: 0;
}
#team .owl-dots button span {
    background-color: transparent;
    color: #1D8993;
    border: 2px solid #1D8993;
    display: block;
    width: 13px;
    height: 13px;
    margin: 0 4px;
    opacity: 1;
    border-radius: 50%;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
#team .owl-dots button.active span{background-color: #1D8993; color: #1D8993; opacity: 1;}


#team .overlay {
    position: absolute;
    inset: 0;
    border-radius: 20px;
    /* background: linear-gradient(0deg, #1D8993 0%, rgba(29, 137, 147, 0.00) 50%); */
    display: flex;
    align-items: flex-end;
    pointer-events: none;
    justify-content: center;
}

#team .team-container {
    display: flex;
	/* width: 280px; */
	width:90%;
	height: auto;
    padding: 10px 20px;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	flex-shrink: 0;
	border-radius: 10px;
	background: #FFF;
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}

#team .team-container h3 {
	color: #000;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	text-align: left;
}

#team .team-container p {
	color: #555;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px; /* 171.429% */
	text-align: left;
	width:100%;
	margin-bottom:0px;
}

#content.aboutuspage{
	background-color: white;
	min-height: auto;
	padding: 0; 
	overflow: visible;
}
#content.aboutuspage .container-fluid{
	background-color: white;
	margin-top: -60px;
	padding-top: 60px;
	padding-bottom: 60px;
    z-index: 2;
    position: relative;
}
#content.aboutuspage h3{max-width: 800px; margin-left: auto; margin-right: auto; font-weight: 600;}

#visionmission{
	background-color: #75500C;
}
#visionmission .imagecol img{
	border-radius: 16px;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#visionmission .textcol{}
#visionmission .textcol .content{
	padding: 33px 32px;
	background-color: white;
	border-radius: 16px;
    height: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
}
#visionmission .textcol .content img{
	height: 40px;
	margin-bottom: 20px;
}
#visionmission .textcol .content h2{
	margin-bottom: 12px;
}
#visionmission .textcol .content p{
	margin-bottom: 0;
}
#visionmission .textcol .content .vision{
	/*padding-bottom: 40px;*/
	/*border-bottom: 1px solid #CECECE;*/
	/*margin-bottom: 40px;*/
}
#visionmission .textcol .content .vision + hr{
    width: 100%;
    margin: 3rem 0;
}

@media(min-width: 768px){
	#obesity_treatment_survivor{
		background-color: #000;
		background-image: url('../images/layout/RB-About-Btm-Obesity3.webp');
		background-size: cover;
		background-position: top right;
		aspect-ratio: 1920 / 726;
	}
	#obesity_treatment_survivor .content{
		margin-top: 30px;
		margin-bottom: 30px;
	}
}
#obesity_treatment_survivor .content{
	border-left: 5px solid #ECB21F;
	padding-left: 30px;
}
#obesity_treatment_survivor .content h2{
	color: white;
	text-transform: capitalize;
	max-width: 500px;
}
#obesity_treatment_survivor .content p{
	margin-bottom: 0;
	color: white;
}

#milestones{overflow: hidden;}
#milestones .titlerow{margin-bottom: 35px;}
#milestones .navigation-arrows {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    margin-top: 10px;
    height: 100%;
}
#milestones .navigation-arrows .swiper-button-next, #milestones .navigation-arrows .swiper-button-prev {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    color: white;
    width: 42px;
    height: 42px;
    color: #131927;
    background-color: transparent;
    border-radius: 50%;
    border: 2px solid rgba(19,25,39,0.2);
    margin: 0 2.5px;
    transition: all 200ms linear;
}
#milestones .navigation-arrows .swiper-button-prev:after, #milestones .navigation-arrows .swiper-button-next:after {
    font-size: 14px;
    font-weight: 700;
}
#milestones .navigation-arrows .swiper-button-next:hover, #milestones .navigation-arrows .swiper-button-prev:hover{
	background-color: #B68009;
	border-color: #B68009;
}
#milestones .navigation-arrows .swiper-button-next:hover:after, #milestones .navigation-arrows .swiper-button-prev:hover:after{
	color: white;
}
#milestones .owl-carousel .owl-stage{
	display: flex;
	align-items: stretch;
}
#milestones .owl-carousel .owl-stage-outer{overflow: visible;}
#milestones .owl-carousel .owl-item{}
#milestones .owl-carousel .oc-item{
	padding: 30px;
	border: 1px solid #CECECE;
	height: 100%;
}
#milestones .year{color: #B68009; font-weight: 700;}

#affiliate{background-color: #F8F8F8; padding: 0;}
#affiliate .container-fluid{height: 100%;}
#affiliate .row{align-items: center; height: 100%;}
#affiliate .imagecol{padding: 0;}
#affiliate .imagecol img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#affiliate .content{
	padding: 40px 30px;
}
@media(min-width: 1200px){
	#affiliate{aspect-ratio: 1400 / 530;}
	#affiliate .content{
		padding: 40px 110px;
	}
}
@media(min-width: 1400px){
	#affiliate{
		background-image: url('../images/layout/affiliate.webp');
		background-size: 50% auto;
		background-position: left top;
		background-repeat: no-repeat;
	}
	#affiliate .imagecol img{display: none;}
}
#affiliate .content img{margin-top: 15px; margin-bottom: 30px;}


/*	------------------------ About Us END -------------------------- */



/*	------------------------ Patient Info -------------------------- */

.pointsrow .content{
	background-color: #FAF6ED;
	border-radius: 24px;
	padding: 45px 40px;
	height: 100%;
}
.pointsrow .content p:last-child{margin-bottom: 0;}
.pointsrow .content p:has( img){margin-bottom: 12px;}
.pointsrow .content img{max-height: 40px; max-width: 100%;}
.pointsrow .content h4{margin-top: 5px; margin-bottom: 12px;}

.verticaltabs{display: flex; flex-wrap: wrap;} 
.verticaltabs h3{
	margin-bottom: 20px;
}
.flex-column{flex-direction: column !important;} 
.center{text-align: center;} 
.verticaltabs ul{width: 100%; margin-top: 0; gap: 16px;} 
.verticaltabs ul li.nav-item{width: 100% !important; padding: 0;}
.verticaltabs ul li.nav-item{
    width: 100%;
    padding: 0;
}
.verticaltabs .nav-underline .nav-link{
	width: 100%;
	position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    justify-content: space-between;
    padding: 15px 20px;
    border: none;
    background-color: #F2F2F2;
    color: black;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
}
.verticaltabs .nav-underline .nav-link:after{
	content: '\203A';
	position: relative;
    line-height: 1;
    font-size: 25px;
    font-weight: 100;
}
.verticaltabs .nav-underline .nav-link.active, .verticaltabs .nav-underline .nav-link:hover{
	background-color: #B68009;
	color: white;
}
.verticaltabs .tab-content p{}
.verticaltabs .tab-content p img{border-radius: 8px; width: 100%;}

.accordion-item, .accordion-button{background-color: transparent;}
.accordion-item, .accordion-flush>.accordion-item:last-child{
	border-bottom: 1px solid rgba(0,0,0,0.33);
	padding-bottom: 20px;
	display: flex;
    padding: 0 10px 30px 10px;
    flex-direction: column;
    align-self: stretch;
}
.accordion-button{
	font-weight: 500;
	font-size: 16px;
	padding-top: 30px;
	padding-bottom: 15px;
	padding-right: 0;
	padding-left: 0;
}


/*	------------------------ Patient Info END -------------------------- */


/*	------------------------ Specialties -------------------------- */

#searchbar.specialtiespage{
	border-top: 1px solid #CECECE;
	border-bottom: 1px solid #CECECE;
	padding: 0;
}
#searchbar.specialtiespage .container-fluid{
	border-left: 1px solid #CECECE;
	border-right: 1px solid #CECECE;
	padding-top: 40px;
	padding-bottom: 40px;
}
#searchbar.specialtiespage .docSearchForm{margin-top: 0; margin-bottom: 0;}

#specialtiesListing{padding: 0;}
#specialtiesListing .row{margin: 0;}
#specialtiesListing .row .col-12{padding: 0;}
#specialtiesListing .row .col-12 .specialtylink{height: 100%; display: block;}
#specialtiesListing .row .col-12 .content{padding: 60px; border-bottom: 1px solid #CECECE; border-right: 1px solid #CECECE; height: 100%;}
#specialtiesListing .imagecol{
	position: relative;
	aspect-ratio: 240 / 255;
	border-radius: 16px;
	overflow: hidden;
}
#specialtiesListing .imagecol:before, #specialtiesListing .imagecol:after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
}
#specialtiesListing .imagecol:before{
	z-index: 2;
	height: 15vh;
	opacity: 0.5;
	background: linear-gradient(0deg, #000 -29.2%, rgba(0, 0, 0, 0.00) 85.6%);
	backdrop-filter: blur(15px);
}
#specialtiesListing .imagecol:after{
	z-index: 1;
	height: 10vh;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.30) 100%);
	filter: blur(4px);
	backdrop-filter: blur(0px);
}
#specialtiesListing .imagecol img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#specialtiesListing h5{
	color: #fff;
	text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.34);
	text-transform: capitalize;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    margin-bottom: 30px;
    padding: 0 15px;
    z-index: 2;
}
.specialtylink{position: relative;}
.content-overlay{
	background: rgba(116,80,12,0.95);
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: 3;
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.specialtylink:hover .content-overlay{opacity: 1;}
.content-overlay .box{
	text-align: center;
	width: 100%;
}
.content-overlay h4{
	color: white;
	margin-bottom: 15px;
}
.content-overlay .button{
	padding: 10px 24px;
    display: inline-block;
    height: auto;
    line-height: 1.3;
}

/*#specialtiesListing .row{border-bottom: 0.5px solid #CECECE;}*/
@media (min-width: 576px) {
    #specialtiesListing .col-sm-6:nth-child(2n) .content{border-right: 0;}

	#treatment-list .leaf16{
		max-height: 300px;
		top:1%;
	}

    /*#specialtiesListing .col-sm-6:nth-last-child(1) .content,
    #specialtiesListing .col-sm-6:nth-last-child(2) .content{border-bottom: 0;}*/
}
@media (min-width: 768px) {
    #specialtiesListing .col-md-4:nth-child(2n) .content{border-right: 0.5px solid #CECECE;}
    #specialtiesListing .col-md-4:nth-child(3n) .content{border-right: 0;}
/*
    #specialtiesListing .col-md-4:nth-last-child(1) .content,
    #specialtiesListing .col-md-4:nth-last-child(2) .content,
    #specialtiesListing .col-md-4:nth-last-child(3) .content{border-bottom: 0;}*/
}
@media (min-width: 992px) {
    #specialtiesListing .col-lg-3:nth-child(2n) .content{border-right: 0.5px solid #CECECE;}
    #specialtiesListing .col-lg-3:nth-child(3n) .content{border-right: 0.5px solid #CECECE;}
    #specialtiesListing .col-lg-3:nth-child(4n) .content{border-right: 0;}
    #specialtiesListing .col-lg-3:first-child:nth-last-child(3) .content{border-left: 0.5px solid #CECECE;}

   /* #specialtiesListing .col-lg-3:nth-last-child(1) .content,
    #specialtiesListing .col-lg-3:nth-last-child(2) .content,
    #specialtiesListing .col-lg-3:nth-last-child(3) .content,
    #specialtiesListing .col-lg-3:nth-last-child(4) .content{border-bottom: 0;}*/
}
@media (max-width: 575.9px) {
    #specialtiesListing .col-12.col-sm-6 .content{border-right: 0;}
    #specialtiesListing .col-12.col-sm-6:last-child .content{border-bottom: 0;}
}

/*	------------------------ Specialties END -------------------------- */


/*	------------------------ Specialties Detail -------------------------- */

#content.specialtiesdetailpage{padding-top: 0; padding-bottom: 0;}
#content.specialtiesdetailpage .content{
	padding-top: 30px; padding-bottom: 30px;
}
@media(min-width: 768px){
	#content.specialtiesdetailpage{
		background-size: calc(50% - 60px) auto;
		/*background-size: calc(50% - 60px) 100%;*/
		background-repeat: no-repeat;
		background-position: right center;
	}
	#content.specialtiesdetailpage .content{
		aspect-ratio: 680 / 430;
		display: flex;
		flex-direction: column;
        justify-content: center;
	}
}
@media(max-width: 767.9px){
    #content.specialtiesdetailpage .content{padding-bottom: 15px;}
	
	/* our story  */

	#story .leaf1 {
		top:85%;
	}

	#story .leaf7 {
		top:77%;
	}

	#story .leaf8 {
		top:94%;
	}

	#story .leaf9 {
		right: 0;
		top: 82%;
		z-index: -1;
	}

	#story .leaf4 {
		top: 88%;
		z-index: -1;
	}

	#story .leaf5 {
		top: 93%;
	}

	#whychooseus .leaf10{
		top: 0%;
	}
	#whychooseus .leaf11{
		top: 4%;
	}
	#whychooseus .leaf12{
		top: 9%;
		z-index:0;
	}
	#whychooseus .leaf13{
		top: 88%;
	}
	#whychooseus .leaf14{
		top: 93%;
	}
	#whychooseus .leaf15{
		top: 97%;
	}

	/* our story end */

		.leaf18, .leaf19{
		display:none;
	}


}



#doctorListing{padding-bottom: 0;}
#doctorListing h2{margin-bottom: 40px;}
#doctorListing .row{
	margin: 0;
	background-color: #F8F8F8;
	justify-content: center;
}
#doctorListing .row .col-12{padding: 0;}
#doctorListing .row .col-12 .content{
	padding: 60px;
	/*border: 0.5px solid #CECECE;*/
	/*border-bottom: 1px solid #CECECE;
	border-right: 1px solid #CECECE;*/
	height: 100%;
	text-align: center;
	/*height: calc(100% + 0.5px);*/
	/*margin-top: -1px;*/
    /*width: calc(100% + 1px);*/
    /*margin-left: -3px;*/
}
/*#doctorListing .row .col-12:only-child .content{border-right: none;}
#doctorListing .row .col-12 .owl-carousel .content{border-right: 1px solid #CECECE;}*/
.doctorlink{
	position: relative;
    height: 100%;
    display: block;
}
#doctorListing .content .doctorimg{max-height: 240px; aspect-ratio: 1 / 1; object-fit: contain; margin-bottom: 15px;}
#doctorListing .content h5{margin-bottom: 15px;}
#doctorListing .content h5 + p{margin-bottom: 0;color:#b58c10;}
.content-overlay{
	background: rgba(116,80,12,0.95);
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: 3;
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding: 60px;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.doctorlink:hover .content-overlay{opacity: 1;}
.content-overlay .box{
	text-align: center;
	width: 100%;
}
.content-overlay h4{
	color: white;
	margin-bottom: 15px;
}
.content-overlay .button{
	padding: 10px 24px;
    display: inline-block;
    height: auto;
    line-height: 1.3;
}

#doctorListing .row{border: 0.5px solid #CECECE;}
/*
#doctorListing .row{border-bottom: 1px solid #CECECE;}
@media (min-width: 576px) {
    #doctorListing .col-sm-6:nth-child(2n) .content{border-right: 0;}

    #doctorListing .col-sm-6:nth-last-child(1) .content,
    #doctorListing .col-sm-6:nth-last-child(2) .content{border-bottom: 0;}
}
@media (min-width: 768px) {
    #doctorListing .col-md-4:nth-child(2n) .content{border-right: 1px solid #CECECE;}
    #doctorListing .col-md-4:nth-child(3n) .content{border-right: 0;}

    #doctorListing .col-sm-6:nth-last-child(1) .content,
    #doctorListing .col-sm-6:nth-last-child(2) .content,
    #doctorListing .col-sm-6:nth-last-child(3) .content{border-bottom: 0;}
}
@media (min-width: 992px) {
    #doctorListing .col-md-4:nth-child(2n) .content{border-right: 1px solid #CECECE;}
    #doctorListing .col-md-4:nth-child(3n) .content{border-right: 1px solid #CECECE;}
    #doctorListing .col-lg-3:nth-child(4n) .content{border-right: 0;}
    #doctorListing .col-lg-3:first-child:nth-last-child(3) .content{border-left: 1px solid #CECECE;}

    #doctorListing .col-sm-6:nth-last-child(1) .content,
    #doctorListing .col-sm-6:nth-last-child(2) .content,
    #doctorListing .col-sm-6:nth-last-child(3) .content,
    #doctorListing .col-sm-6:nth-last-child(4) .content{border-bottom: 0;}
}
@media (max-width: 575.9px) {
    #doctorListing .col-sm-6 .content{border-right: 0;}
    #doctorListing .col-sm-6:last-child .content{border-bottom: 0;}
}*/

h2:has( + .specialtypointsrow){margin-bottom: 30px;}
.specialtypointsrow .row{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.specialtypointsrow .content{
	border-radius: 8px;
	background: #F8F8F8;
	padding: 30px;
	height: 100%;
}
.specialtypointsrow .content h5{padding-bottom: 0; position: relative; margin-top: 0;}
.specialtypointsrow .content h5:after{
	content: '';
	position: relative;
	display: block;
	width: 40px;
	height: 2px;
	background-color: #ECB21F;
	margin: 8px auto 0;
}
.specialtypointsrow .content h5 + p:last-child{margin-bottom: 0;}

h2:has( + .specialtytablerow){margin-bottom: 30px;}
.specialtytablerow{padding: 0 15px;}
.specialtytablerow .col-12{padding: 0;}
.specialtytablerow .col-12 .content{}
.specialtytablerow .col-12 .content h5{
	background-color: #734F0D;
	color: white;
	padding: 24px 15px;
	margin: 0;
}
.specialtytablerow .col-12:nth-child(2n) .content h5{
	background-color: #B68009;
}
.specialtytablerow .col-12 .content p{
	background-color: #F4F4F4;
	padding: 24px 15px;
	margin: 0;
}
.specialtytablerow .col-12 .content p:nth-child(2n){
	background-color: white;
}

.imagerow{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
}
.imagerow .number{
	font-size: 20px;
	color: white;
	font-weight: 700;
	line-height: 1;
	width: 55px;
	height: 55px;
	display: flex;
	flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    background-color: #734F0D;
    border-radius: 50%;
    margin-right: 15px;
}
.imagerow img{width: 100%;}
.imagerow table.table-bordered > *, .imagerow table.table-bordered > * > *, .imagerow table.table-bordered td{
	border: none;
	background-color: transparent;
	box-shadow: none;
	vertical-align: middle;
}
.imagerow table.table-bordered td:has( .number){width: 70px; padding-top: 10px; padding-bottom: 10px;}


/*	------------------------ Specialties Detail END -------------------------- */


/*	------------------------ Doctor Detail -------------------------- */

#bread_contact_banner:has( + #content.doctordetailpage){
	border-bottom: 1px solid #CECECE;
}
.doctordetailpage, #content.doctordetailpage{
	background-color: #F8F8F8;
}
#content.doctordetailpage{
	padding-top: 35px;
	/*padding-bottom: 0;*/
}
#doctorListing.doctordetailpage{padding-top: 0;}
#doctorListing.doctordetailpage .titlerow{padding-bottom: 30px;}
#doctorListing.doctordetailpage .titlerow h2{margin-bottom: 0;}
#doctorListing.doctordetailpage .navigation-arrows {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    margin-top: 0;
    height: 100%;
}
#doctorListing.doctordetailpage .navigation-arrows .swiper-button-next, #doctorListing.doctordetailpage .navigation-arrows .swiper-button-prev {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    color: white;
    width: 42px;
    height: 42px;
    color: #131927;
    background-color: transparent;
    border-radius: 50%;
    border: 2px solid rgba(19,25,39,0.2);
    margin: 0 2.5px;
    transition: all 200ms linear;
}
#doctorListing.doctordetailpage .navigation-arrows .swiper-button-prev:after, #doctorListing.doctordetailpage .navigation-arrows .swiper-button-next:after {
    font-size: 14px;
    font-weight: 700;
}
#doctorListing.doctordetailpage .row{border: none;}
#doctorListing.doctordetailpage .row:has( .owl-carousel){
	border-top: 1px solid #CECECE;
}
#content.doctordetailpage .box{
	border-radius: 16px;
	background: #FFF;
	box-shadow: 0px 15px 34px 0px rgba(0, 0, 0, 0.07);
	overflow: hidden;
}
/*#content.doctordetailpage .box > .row{align-items: center;}*/
#content.doctordetailpage .box .imagecol{
	padding: 40px 45px 0 60px;
	margin-bottom: 40px;
}
#content.doctordetailpage .box .col-12:has( .content){
    align-content: center;
}
#content.doctordetailpage .box .content{
	padding: 40px 60px 0 15px;
	margin-bottom: 40px;
}
@media(max-width: 767.9px){
	#content.doctordetailpage .box .content{
		padding-right: 15px;
	}
}
#content.doctordetailpage .box .content > h3{margin-bottom: 20px;}
#content.doctordetailpage .box .content .innercontent{
	margin-bottom: 20px;
}
#content.doctordetailpage .box .content .innercontent span{
	color: #555;
	font-size: 13px;
	font-weight: 600;
	line-height: normal;
	text-transform: uppercase;
	opacity: 0.5;
}
#content.doctordetailpage .box .content .innercontent h5{
	color: #000;
	font-weight: 600;
	line-height: normal;
	text-transform: capitalize;
}
#content.doctordetailpage .box .schedulebutton{
	height: 100%;
}
#content.doctordetailpage .box .scheduletable{
	padding: 30px 40px 40px;
	background: #FAF6ED;
	height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#content.doctordetailpage .box .scheduletable:has( + .bookappointment){
    height: calc(100% - 90px);
}
#content.doctordetailpage .box .scheduletable h5{
	font-weight: 600;
	margin-bottom: 15px;
}
#content.doctordetailpage .box .scheduletable table{margin-bottom: 0;}
#content.doctordetailpage .box .scheduletable table tr{border: none;}
#content.doctordetailpage .box .scheduletable table tr td{
	background-color: white;
	border: none;
	text-align: center;
	box-shadow: none;
	vertical-align: middle;
}
#content.doctordetailpage .box .scheduletable table tr td:first-child{
	background: #734F0D;
	color: white;
}
#content.doctordetailpage .box .scheduletable table tr:nth-child(2n) td{
	background-color: #F4F4F4;
}
#content.doctordetailpage .box .scheduletable table tr:nth-child(2n) td:first-child{
	background: #B68009;
}
#content.doctordetailpage .box .bookappointment{
	padding: 15px 30px;
	background: #74500C;
	height: 90px;
}
#content.doctordetailpage .box .bookappointment .button{width: 100%; text-align: center;}
#doctorListing.doctordetailpage .owl-carousel .owl-stage{
	display: flex;
	align-items: stretch;
}
#doctorListing.doctordetailpage .owl-carousel .owl-stage .oc-item{
	height: 100%;
}
#content.doctordetailpage .box .content .innercontent h5 a[href*="wa.me/"]{
    color: #075E54;
}
#content.doctordetailpage .box .content .innercontent h5 a[href*="wa.me/"]:hover {
    color: #74500C;
}

/*	------------------------ Doctor Detail END -------------------------- */


/*	------------------------ Facilities & Services -------------------------- */

.contentstart:has( #facilities){overflow: hidden;}
#facilities .content .content{
	border-radius: 8px;
	background: #F3F3F3;
	padding: 40px 35px;
	height: 100%;
}
#facilities h2 + p{margin-bottom: 30px;}
#facilities .content .content img{max-height: 40px;}
#facilities .col-12:has( .facilities_slider){
	position: relative;
}
@media(min-width: 992px){
	.facilities_slider{
		position: absolute;
		bottom: 0;
		right: 0;
		width: 100%;
	    padding-right: calc(var(--bs-gutter-x)* .5);
	    padding-left: calc(var(--bs-gutter-x)* .5);
	}
	.facilities_slider:after{
		content: '';
        background-color: white;
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        right: -50%;
	}
	.facilities_sliderinner{
	    padding-top: 40px;
	    padding-left: 40px;
	}
}
.facilities_sliderinner{
	position: relative;
    background-color: white;
}
.facilities_slider .oc-item img{
	border-radius: 16px;
	margin-bottom: 25px;
}
.facilities_slider .oc-item .desc{
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.facilities_slider .oc-item .facilitycontent{
	width: calc(100% - 80px);
}
.facilities_slider .navigation-arrows{
	position: absolute;
	bottom: 0;
	right: 0;
    display: flex;
    flex-direction: column-reverse;
    flex-wrap: wrap;
    align-content: flex-end;
    justify-content: flex-start;
    align-items: flex-end;
    margin-top: 10px;
    height: 100%;
}
.facilities_slider .navigation-arrows .swiper-button-next, .facilities_slider .navigation-arrows .swiper-button-prev {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    color: white;
    width: 42px;
    height: 42px;
    color: #131927;
    background-color: white;
    border-radius: 50%;
    border: 2px solid rgba(19,25,39,0.2);
    margin: 2.5px 0;
    transition: all 200ms linear;
}
.facilities_slider .navigation-arrows .swiper-button-prev:after, .facilities_slider .navigation-arrows .swiper-button-next:after {
    font-size: 14px;
    font-weight: 700;
}
.facilities_slider .navigation-arrows .swiper-button-next:hover, .facilities_slider .navigation-arrows .swiper-button-prev:hover{
	background-color: #B68009;
	border-color: #B68009;
}
.facilities_slider .navigation-arrows .swiper-button-next:hover:after, .facilities_slider .navigation-arrows .swiper-button-prev:hover:after{
	color: white;
}

#services{background-color: #75500C; padding-bottom: 40px;}
#services .titlepart{margin-bottom: 30px;}
#services .titlepart *{color: white;}
.servicelisting a{display: block; position: relative; margin: 20px 5px;}
.servicelisting a > img{
	aspect-ratio: 420 / 270;
	object-fit: cover;
	border-radius: 16px;
}
.servicelisting .servicecontent{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 20px 25px;
	display: flex;
	flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.40);
    border-radius: 0 0 16px 16px;
    overflow: hidden;
}
.servicelisting .servicecontent:before{
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	opacity: 0.8;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%);
	z-index: 1;
}

.servicelisting .servicecontent p{
	color: white;
	z-index: 2;
	margin-bottom: 0;
	max-width: calc(100% - 50px);
}
.servicelisting .servicecontent .openlink{
	background-color: white;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	display: flex;
	align-items: center;
    justify-content: center;
    z-index: 2;
}
.servicelisting a:hover .openlink{
	background-color: #ECB21F;
}
.servicelisting a:hover .openlink svg{filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(132deg) brightness(105%) contrast(105%);}

.pageview .childlist{
	margin-top: 30px;
	justify-content: center;
}
.pageview .childlist .content{
	padding: 23px 20px 23px 25px;
	border-radius: 8px;
	background-color: white;
	margin: 12px 0;
}
.pageview .childlist .content a{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.pageview .childlist .content a .h5{
	margin-bottom: 0;
	width: calc(100% - 50px);
}
.pageview .childlist .content a .openlink{
	background-color: #E8E8E8;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	display: flex;
	align-items: center;
    justify-content: center;
}
.pageview .childlist .content a .openlink svg{filter: invert(69%) sepia(9%) saturate(4%) hue-rotate(2deg) brightness(85%) contrast(82%);}
.pageview .childlist .content a:hover .openlink{background-color: #CC9739;}
.pageview .childlist .content a:hover .openlink svg{filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(132deg) brightness(105%) contrast(105%);}
.pageview h6{
	display: inline-block;
	color: #74500C;
	border-radius: 100px;
	background: #EBE3D1;
	padding: 10px 20px;
	margin-bottom: 15px;
}

/*	------------------------ Facilities & Services END -------------------------- */


/*	------------------------ News & Events / Blogpost START -------------------------- */

.blog_side_cat{}
.blog_side_cat h4{margin-bottom: 24px;}
.blog_side_cat ul{list-style: none; padding: 0; margin: 0;}
.blog_side_cat ul li a{
	display: block;
	font-weight: 400;
	padding: 0 0 20px 0;
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    width: calc(100% - 15px);
    height: 100%;
    color: #000;
    /* border-bottom: 1px solid #E6E6E6; */
    -webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	text-transform: capitalize;
}
.blog_side_cat ul li a span{width: calc(100% - 15px);}
.blog_side_cat ul li a i{
	position: relative;
	display: flex;
	font-size: 16px;
	width: 8px;
	height: 100%;
	color: inherit;
}
.blog_side_cat ul li a:hover, .blog_side_cat ul li a.active{
	/* background: #1D8993; */
	color: #1D8993;
}

.featuredblogs{
    /*margin-bottom: 20px;*/
    
}
#content.bloglistview{
	background-color: #F0FCFB;
}
#content.bloglistview .bigcontent{}
#content.bloglistview .bigcontent a{
	display: block;
	position: relative;
}
#content.bloglistview .bigcontent .imagecol{
	position: relative;
	width: 100%;
}

#content.bloglistview .bigcontent .imagecol img{
	width: 100%;
    height: 100%;
    aspect-ratio: 645 / 350;
    object-fit: cover;
    border-radius: 10px;
    display: block;
}
#content.bloglistview .bigcontent .textcol, #relatedbloglist .content .textcol{
	padding-top: 30px;
}
#content.bloglistview .bigcontent .textcol .date, #relatedbloglist .content .textcol .date{
	display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
	color: #000;
    font-family: "Inter-Medium", sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;

}

#content.bloglistview .bigcontent .textcol .desc, #relatedbloglist .content .textcol .desc {
	overflow: hidden;
	color: #555;
	text-overflow: ellipsis;
	font-family: "Inter-Regular",sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
	min-height:50px;
}

/* #content.bloglistview .bigcontent .textcol .title{
	color: white;
	font-weight: 700;
	margin-bottom: 30px;
} */
#content.bloglistview .featured3blogs{
	height: 100%;
	display: flex;
    justify-content: space-between;
    flex-direction: column;
    flex-wrap: nowrap;
}
#content.bloglistview a:has( .smallcontent){
	/* background-color: white; */
	height: calc(100% / 3);
    display: block;
    margin-bottom: 15px;
}
#content.bloglistview a:has( .smallcontent):last-child{
    margin-bottom: 0;
}

#content.bloglistview .smallcontent{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    height: 100%;
}
#content.bloglistview .smallcontent .imagecol{
	aspect-ratio: 1 / 1;
	height: 100%;
	width: min-content;
	
}
#content.bloglistview .smallcontent .imagecol img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 10px;
}



@media (max-width: 1199.9px) {
	
	#content.bloglistview .bigcontent{
		margin-bottom:30px;
	}

	#content.bloglistview .featured3blogs{
        flex-direction: row;
        flex-wrap: wrap;
		margin-bottom: 15px;
	}

	
	#content.bloglistview a:has( .smallcontent){
		/* for 3 columns  */
	    max-width: 33.3333%;
		height:auto;
	}

	#content.bloglistview .smallcontent {
	display: flex;
	align-items: center;
	gap: 15px;
	height:auto;
	}

	#content.bloglistview .smallcontent .imagecol {
	width: 110px;
	aspect-ratio: 1 / 1;
	flex-shrink: 0;
	}

	#content.bloglistview .smallcontent .imagecol img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 10px;
	}

	#content.bloglistview .smallcontent .textcol{
		padding:10px !important;
	}

	
}

@media (max-width: 991.2px) {
	#content.bloglistview .smallcontent{
		padding:10px;
	}
}

@media (max-width: 767.98px) {
  #content.bloglistview .smallcontent {
    flex-direction: column;
    align-items: flex-start;
	height:auto;
  }

  #content.bloglistview .smallcontent .imagecol {
    width: 100%;
    aspect-ratio: 16 / 9;
  }
}


@media (max-width: 575.9px) {
	#content.bloglistview .featured3blogs{
		height:auto;
	}

 	#content.bloglistview .bigcontent .imagecol img, #content.bloglistview .smallcontent .imagecol{
		 aspect-ratio: 6 / 4 !important;
		/* aspect-ratio: 1 / 1; */
		width: 100%;
        height: 100%;
	}
	
    #content.bloglistview a:has( .smallcontent)
	{
    	/* make it to 1 column  */
    	max-width: 100%; 
    	width: 100%;
	}
}



#content.bloglistview .smallcontent .textcol{
	/*width: calc(100% - 110px);*/
	padding: 25px;
}
#content.bloglistview .smallcontent .textcol .date{
	overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
	color: #555;
	font-family: "Inter-Medium",sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
#content.bloglistview .smallcontent .textcol p{margin-bottom: 0;}
#content.bloglistview .smallcontent .textcol .title{
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
    font-family: "Inter-SemiBold", sans-serif;
	font-weight: 600;
	line-height: normal;
	width: 95%;
}




.bloglistview .previousblogs h3{
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #CECECE;
	margin-bottom: 10px;
}
.bloglistview .previousblogs .row{
	margin-right: -15px;
	margin-left: -15px;
}
.bloglistview .previousblogs .row>* {
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
}
.previousblogs .content{
}
.previousblogs .imagecol{
	aspect-ratio: 260 / 200;
	background-color: #E9E9E9;
	border-radius: 10px;
}
.previousblogs .imagecol img{
	object-fit: cover;
	width: 100%;
	height: 100%;
	border-radius: 10px;
}
.previousblogs .textcol{
	/*padding: 20px 0px;*/
	background-color: white;
}
.previousblogs .textcol .date{
	color: #734F0D;
	font-size: 12px;
	font-weight: 600;
	line-height: normal;
	margin-bottom: 12px;
}
.previousblogs .textcol .title{
	color: #000;
    font-family: "Inter-SemiBold", sans-serif;
	font-size: 16px;
	font-weight: 600;
	line-height: normal;
	margin-bottom: 30px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	min-height: 40px;
}
.previousblogs .textcol p:has( .link){margin-bottom: 20px;}

.myPagination{
	display: flex;
	flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.myPagination a span{
	font-size: 18px;
}
.myPagination a{
	color: black;
	font-size: 16px;
	font-weight: 600;
	font-family:"Inter-SemiBold",sans-serif;
	background-color: #ECECEC;
	border-radius: 25px;
	aspect-ratio: 1 / 1;
	width: 40px;
    height: 40px;
	display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: row;
    /*line-height: normal;*/
}
.myPagination strong{
	color: white;
	font-size: 16px;
	font-weight: 600;
	font-family:"Inter-SemiBold",sans-serif;
	background-color: #1D8993;
	aspect-ratio: 1 / 1;
	border-radius: 25px;
	/* border: 1px solid #734F0D; */
	cursor: default;
    width: 40px;
    height: 40px;
	display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: row;
    line-height: normal;
}
.myPagination span{
	color: black;
	font-size: 16px;
	font-weight: 600;
	font-family:"Inter-SemiBold",sans-serif;
	background-color: #ECECEC;
	border-radius: 25px;
	aspect-ratio: 1 / 1;
	width: 40px;
    height: 40px;
	display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: row;
    line-height: normal;
}
.myPagination a svg {
    display: block;
	height:14px;
}


#content.blogdetailview {
    background-color: #F8F8F8;
    padding-top: 50px;
}
.blogdetailview{}
.blogdetailview .coverimage{
	width: 100%;
	height: 224px;
    border-radius: 20px;
    background: #4B4B4B;
	object-fit: cover;
}
.blogdetailview .flexbox{margin-top: 30px;}
.blogdetailview .flexbox .titlesec{
	width: calc(100% - 200px);
}
.blogdetailview .flexbox .titlesec .date{
	color: #000;
	font-family: "Inter-Medium",sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	text-transform: capitalize;
	margin-bottom: 10px;
}
.blogdetailview .flexbox .titlesec .title{
	color: #002B43;
	font-family: "Playfair-Medium",sans-serif !important;
	font-size: 35px;
	font-style: normal;
	font-weight: 500;
	line-height: 43px !important;
	text-transform: capitalize;
	margin-bottom: 0;
}
.blogdetailview .flexbox .sharesec{
	width: 200px;
}
.blogdetailview .flexbox .sharesec p{
	color: #000;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-bottom: 10px;
}
.blogdetailview .flexbox .sharesec #st-1{text-align: left;}
.blogdetailview .blogcontent .btgrid .row{
    align-items: center;
}
.blogdetailview .gallery{}
.blogdetailview .gallery img{
	width: 100%;
	height: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	padding-bottom: calc(var(--bs-gutter-x) * .5);
	padding-top: calc(var(--bs-gutter-x) * .5);
}

.more-blog-container.mb-30:last-child {
    margin-bottom: 0px !important;
}
#relatedblogs.previousblogs{padding-top: 30px;}
#relatedblogs .titlerow{margin-bottom: 30px;}
#relatedblogs .navigation-arrows {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    height: 100%;
}
#relatedblogs .navigation-arrows .swiper-button-next, #relatedblogs .navigation-arrows .swiper-button-prev {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    color: white;
    width: 42px;
    height: 42px;
    color: #131927;
    background-color: transparent;
    border-radius: 50%;
    border: 2px solid rgba(19,25,39,0.2);
    margin: 0 2.5px;
    transition: all 200ms linear;
}
#relatedblogs .navigation-arrows .swiper-button-prev:after, #relatedblogs .navigation-arrows .swiper-button-next:after {
    font-size: 14px;
    font-weight: 700;
}
#relatedblogs .navigation-arrows .swiper-button-next:hover, #relatedblogs .navigation-arrows .swiper-button-prev:hover{
	background-color: #B68009;
	border-color: #B68009;
}
#relatedblogs .navigation-arrows .swiper-button-next:hover:after, #relatedblogs .navigation-arrows .swiper-button-prev:hover:after{
	color: white;
}
#relatedblogs.previousblogs h3{
	margin-bottom: 0;
}

/*	------------------------ News & Events / Blogpost END -------------------------- */

/*	------------------------ Contact Us START -------------------------- */

#banner.contactuspage{
	position: relative;
    z-index: 1;
}
@media(min-width: 768px){
	#banner.contactuspage{
		aspect-ratio: 1440 / 615;
		background-size: cover;
		background-position: top right;
		background-image: url('../images/layout/contact-banner.webp');
	}
}
#banner.contactuspage .container-fluid{height: 100%;}
#banner.contactuspage .container-fluid .row{height: 100%; align-items: center;}
#banner.contactuspage .container-fluid .row > .col-12{max-width: 42%;}
#banner.contactuspage p:has( .tag){margin-bottom: 16px;}
#banner.contactuspage .tag{
	border-radius: 100px;
	background: #EBE3D1;
	color: #74500C;
	font-weight: 600;
	text-transform: capitalize;
	display: flex;
	padding: 10px 20px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	width: fit-content;
}
#banner.contactuspage h1{
	color: #fff;
	font-size: 30px;
	text-transform: capitalize;
	margin-bottom: 0;
}
#banner.contactuspage h5{
	margin-top: 30px;
	margin-bottom: 12px;
}
#banner.contactuspage h5 + .flexbox .textbox{
	padding-left: 12px;
	max-width: 450px;
}
#contact-details{background: #F8F8F8; padding: 0;}
.contactinfo-section:nth-child(2){
	border-right: 1px solid #CECECE;
	border-left: 1px solid #CECECE;
}
.contact_grid{
	height: 100%;
	padding: 40px 20px;
}
.contactinfo-section .contact_grid .flexbox{
	justify-content: center;
}
.contactinfo-section .contact_grid .iconbox{
	margin-bottom: 0;
	width: 55px;
    display: flex;
    align-items: center;
}
.contactinfo-section .contact_grid .iconbox svg{
	object-fit: contain;
	object-position: center;
	height: 55px;
	width: 55px;
	max-width: 100%;
	max-height: 100%;
}
.contactinfo-section .contact_grid .textbox{
	padding-left: 20px;
	width: calc(100% - 65px);
}
.contactinfo-section .contact_grid .textbox span{
	display: block;
	color: #000;
	font-size: 14px;
	font-weight: 400;
	line-height: 24px; /* 171.429% */
	margin-bottom: 5px;
}
.contactinfo-section .contact_grid .textbox a{
	display: block;
	color: #000;
	font-size: 24px;
	font-weight: 600;
	line-height: normal;
}

#forms{padding: 0; position: relative; height: 100%; min-height: 500px;}
#forms .container-fluid{min-height: 500px;}
#forms .container-fluid > .row{height: 100%; min-height: 500px; align-content: center;}
.form-container{padding-top: 30px; padding-bottom: 30px;}
#forms .tag{color: #74500C; margin-bottom: 10px; display: block;}
#forms h2{margin-bottom: 10px;}
#forms h2 + p{margin-bottom: 30px;}
#enquiryForm .col-12, #vacancyform .col-12{margin-bottom: 12px;}
#enquiryForm .row:last-child .col-12:last-child, #vacancyform .row:last-child .col-12:last-child{margin-bottom: 0;}
#enquiryForm .sm-form-control, #vacancyform .sm-form-control{
	/* border-radius: 0;
	border: 1px solid #CECECE; */
    height: 100%;
    padding: 10px 20px;
	font-size: 14px;
}
#partnerForm .sm-form-control{
    height: 100%;
    padding: 20px 18px;
    align-items: center;
    border-radius: 6px;
    border: 1px solid #E7E7E7;
    background: #FFF;
    
}




.appointmentbox .select-wrapper {
    position: relative;
    display: inline-block;
    width:100%;
}

.select-wrapper {
    position: relative;
    display: inline-block;
}

.select-wrapper select {
    -webkit-appearance: none; /* remove iOS default style */
    appearance: none;          /* remove default arrow */
}

/* Selection Arrow */
.select-wrapper::after {
    content: "";
    position: absolute;
    pointer-events: none;
    top: 50%;
    right: 25px;
    transform: translateY(-50%);
    width: 14px;
    height: 14px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M3.5 5.25L7 8.75L10.5 5.25' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
}



#enquiryForm .treatformfield{
	border-radius: 4px;
    border: 1px solid #CECECE;
    background: #F4F4F4;
    text-transform: capitalize;
}
#enquiryForm .submitbtn{
	width:100%;

}
#enquiryForm .submitbtn svg , #partnerForm .submitbtn svg {
	height: 15px;
	width:15px;

}
#enquiryForm .sm-form-control::placeholder, #vacancyform .sm-form-control::placeholder{
	color:#8C8C8C;
}

#enquiryForm #preferdate::placeholder{
	color:#555;
}
#partnerForm .sm-form-control::placeholder{
	color:#000;
}


#enquiryForm #submitBtn .button{}

@media(min-width: 768px){
	.mapiframediv{
		display: block;
		height: 100%;
	}
	.mapiframediv iframe{
		width: 100%;
		height: 100%;
	}
}

#careerbanner{
	position: relative;
    z-index: 1;
    padding: 0;
}
@media(min-width: 768px){
	#careerbanner{
		aspect-ratio: 1440 / 500;
		background-size: cover;
		background-position: top center;
		background-image: url('../images/layout/career-banner.webp');
	}
}
#careerbanner .row-fluid{
	height: 100%;
	display: flex;
	align-items: flex-end;
}
#careerbanner .row-fluid > .col-12{
	position: relative;
	padding-top: 40px;
	padding-bottom: 40px;
	border-top: 1px solid rgba(255, 255, 255, 0.30);
}
#careerbanner .row-fluid > .col-12:before{
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.30) 100%);
	filter: blur(3.799999952316284px);
	backdrop-filter: blur(2.5px);
	z-index: 1;
}
#careerbanner .container-fluid{height: 100%; position: relative; z-index: 2;}
#careerbanner .flexbox{
	justify-content: space-between;
}
#careerbanner .flexbox h2{
	color: #fff;
	max-width: 530px;
	text-transform: capitalize;
	margin-bottom: 0;
}
#careerbanner .flexbox:has( > .button){
	gap: 20px;
}

#career{background-color: #F8F8F8;}
#career h2 + p{margin-bottom: 30px;}
#career .accordion-body{padding-bottom: 0;}
#career .accordion-body p:has( > .button.button3){margin-top: 20px;}
#career .accordion-button::after{
	background-image: none;
	content: '+';
	font-size: 30px;
	font-weight: 100;
	height: auto;
}
#career .accordion-button:not(.collapsed)::after{
	background-image: none;
	content: '-';
	font-size: 30px;
	font-weight: 100;
	transform: rotate(360deg);
}

/*#applicationform{padding-bottom: 0;}*/
#vacancyform{margin-bottom: 0;}
#vacancyform .colfileupload{
	display: flex;
	margin: 30px 0 15px;
}
#vacancyform #submitBtnApplication{
    text-align:center;
}
#vacancyform label{
	font-weight: normal;
}
#vacancyform .colfileupload .input{
	margin-left: 15px;
}
#vacancyform .colfileupload .input span{
	display: block;
	margin-top: 10px;
}
#vacancyform option:disabled {
    color: #00a9ce;
    font-weight: 600;
}
#vacancyform .form-group{
	position: relative;
}

/*	------------------------ Contact Us END -------------------------- */

/*	------------------------ Financial Information START -------------------------- */

#reports{padding-bottom: 0;}
#reports img.descimg{
	border-radius: 16px;
	background: #D9D9D9;
}
#reports .buttondiv .button-outlined{
	padding: 10px 25px;
	font-size: 14px;
	line-height: normal;
	margin: 0;
}
.flexbox .text{
	padding-right: 17px;
	color: #000;
	font-family: "Inter-Regular",sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px; /* 150% */
	text-transform: none;
}
.flexbox .selection form{margin-bottom: 0;}
.flexbox .selection select{
	border-radius: 8px;
	border: 1px solid #CECECE;
	background: #FAFAFA;
	padding: 10px 40px 10px 20px;
	-moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    appearance:none;
    background-position: calc(100% - 10px) center;
    background-size: 20px;
    background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='more' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 48 48' style='enable-background:new 0 0 48 48;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E.st0%7Bfill:%236C6C6C;%7D%3C/style%3E%3Cpath class='st0' d='M24,30.1L12.7,18.8l1.6-1.6l9.7,9.7l9.7-9.7l1.6,1.6L24,30.1z'/%3E%3C/svg%3E%0A");
    border-left: 1px solid #dddddd;
    color: #151515;
	font-size: 13px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	text-transform: capitalize;
}
@media(min-width: 992px){
	.middlecol .content{padding-right: 15px;}
}
.quarterreportlist{}
.quarterreportlist > .flexbox{
	justify-content: space-between;
	padding: 20px 0;
	border-bottom: 1px solid #CECECE;
}
.quarterreportlist > .flexbox:last-child{border: none;}
.quarterreportlist .flexbox .num{
	color: #000;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	text-transform: capitalize;
	opacity: 0.5;
	padding-right: 8px;
}
.quarterreportlist .flexbox .filename{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
	align-items: center;
    align-content: center;
}
.quarterreportlist .flexbox .filename svg{margin-right: 3px;}

/*	------------------------ Financial Information END -------------------------- */


/*	------------------------ Board of Directors START -------------------------- */

#boardofdirectors .titlerow{margin-bottom: 35px;}
#boardofdirectors .navigation-arrows {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    margin-top: 10px;
    height: 100%;
}
#boardofdirectors .navigation-arrows .swiper-button-next, #boardofdirectors .navigation-arrows .swiper-button-prev {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    color: white;
    width: 42px;
    height: 42px;
    color: #131927;
    background-color: transparent;
    border-radius: 50%;
    border: 2px solid rgba(19,25,39,0.2);
    margin: 0 2.5px;
    transition: all 200ms linear;
}
#boardofdirectors .navigation-arrows .swiper-button-prev:after, #boardofdirectors .navigation-arrows .swiper-button-next:after {
    font-size: 14px;
    font-weight: 700;
}
#boardofdirectors .navigation-arrows .swiper-button-next:hover, #boardofdirectors .navigation-arrows .swiper-button-prev:hover{
	background-color: #B68009;
	border-color: #B68009;
}
#boardofdirectors .navigation-arrows .swiper-button-next:hover:after, #boardofdirectors .navigation-arrows .swiper-button-prev:hover:after{
	color: white;
}
#boardofdirectors .owl-carousel .owl-stage{
	display: flex;
	align-items: stretch;
}
#boardofdirectors .owl-carousel .owl-item{}
#boardofdirectors .owl-carousel .oc-item{
	height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
}
#boardofdirectors .oc-item > img{
    border-radius: 50%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    max-height: 285px;
    width: auto;
}
#boardofdirectors .owl-carousel .oc-item .nametitle{
	margin-top: 16px;
	padding: 7px 13px;
	border-left: 2px solid #B68009;
	margin-left: 3px;
	width: 100%;
}
#boardofdirectors .owl-carousel .oc-item .directorname{
	margin-bottom: 5px;
}
#boardofdirectors .owl-carousel .oc-item .desc{
	color: #000;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-bottom: 0;
}

#corporategovernance{
	background-image: url('../images/layout/corporate_governance_bg.webp');
	background-size: cover;
	background-position: left center;
	position: relative;
	background-attachment: fixed;
}
#corporategovernance:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	opacity: 0.6;
	background: linear-gradient(90deg, #000 0%, rgba(0, 0, 0, 0.00) 100%);
	z-index: 1;
}
#corporategovernance .container-fluid{
	position: relative;
	z-index: 2;
}
#corporategovernance .container-fluid h2 + p, #corporategovernance .container-fluid h2:has( + svg){
	margin-bottom: 60px;
}
#corporategovernance .documentlist{
	margin-top: 60px;
}
#corporategovernance .documentlist .col-12{
	padding-top: calc(var(--bs-gutter-x) * .5);
    padding-bottom: calc(var(--bs-gutter-x) * .5);
}
#corporategovernance .documentlist a{
	display: block;
	height: 100%;
}
#corporategovernance .documentlist .content{
	border-radius: 8px;
	border: 1px solid rgba(255, 255, 255, 0.30);
	background: rgba(255, 255, 255, 0.15);
	backdrop-filter: blur(20px);
	padding: 30px;
	color: white;
	height: 100%;
	display: flex;
	flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
}
#corporategovernance .documentlist .content .title{margin-bottom: 20px;}
#corporategovernance .documentlist .content h4{
	color: white;
	font-weight: 700;
	margin-top: 5px;
}
#corporategovernance .documentlist .content .link{
	color: white;
	border: none;
}
@media(min-width: 1200px){
	#corporategovernance .documentlist .row{position: relative;}
	/*#corporategovernance .documentlist .col-12:nth-child(2){
		width: 75%;
	}
	#corporategovernance .documentlist .col-12:nth-child(2) a{
		width: calc(100% / 3 - 15px);
	}*/
	.col-xl-2-5{
	    flex: 0 0 auto;
        width: 20%;
	}
}

/*	------------------------ Board of Directors END -------------------------- */


/*	------------------------ Package List -------------------------- */

/* #shop{padding-bottom: 0;} */
.packagelist{
	/* margin-top: 20px; */
}
.packagelist .content{}
.packagelist .col-12{
	/* padding-top: calc(var(--bs-gutter-x) * .5); */
    padding-bottom: calc(var(--bs-gutter-x) * .5);
}
.packagelist .product-image{
	aspect-ratio: 1 / 1;
	height: auto;
	/* border-radius: 16px; */
	overflow: hidden;
	padding:50px;
	background: #FCFBFB;
	display: flex;
	justify-content: center;
	align-items: center;
}
.packagelist .product-image img{
	object-fit: cover;
	/*width: 201px;*/
	/*height: 202px;*/
	aspect-ratio: 150 / 150;
}
.packagelist .product-desc{
	/* padding-top: 15px;
	padding-bottom: 30px; */
	color: #000;
}
.packagelist .product-desc .product-title{
	/* overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap; */
	text-transform: capitalize;
	margin-bottom: 10px;
	color: #000;
	font-family: "Inter-SemiBold",sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	min-height: 40px;
}
.packagelist .product-desc .product-price{

}
.packagelist .product-desc .product-price ins{
	color: #555;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-decoration: none;
	margin-right: 0px;
	display: inline-block;
}
.packagelist .product-desc .product-price del{
	color: #F00;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	text-decoration-line: line-through;
	text-transform: capitalize;
	display: inline-block;
	margin-right: 10px;
}

.packagelist a:hover .product-desc{color: #000;}

.packagelist a .content{
	padding: 0;
	overflow: hidden;
	margin-bottom: 30px;
}


/* .packagelist a:hover .content .product-img-btn:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	 opacity: 1;
} */

.prodArea a .content .product-image {
    position: relative;
	margin-bottom: 30px;
}


.prodArea .product-img-btn {
    opacity: 0;
    position: absolute;
    bottom:4%;
    left: 50%;
    transform: translateX(-50%);
    transition: all .5s;
}

.prodArea:hover .product-img-btn {
    opacity: 1;
}


/*	------------------------ Package List END -------------------------- */


/*	------------------------ Package Detail END -------------------------- */

#content.product_detail_view{
	/* padding-bottom: 0; */
}
#content.product_detail_view #relatedblogs.previousblogs{padding-top: 60px;}

#content.product_detail_view .col-12.col-lg-4:first-child .content:has( > img), #content.product_detail_view .col-12.col-lg-3 .content:has( > .blog_side_cat){
    position: sticky;
    top: 80px;
}
#content.product_detail_view .col-12:has( > .content > .titlesec){
    /*align-self: center;*/
}
#content.product_detail_view .content:has( > .titlesec){
	padding-left: 15px;
	padding-right: 15px;
}
#content.product_detail_view .titlesec{
	margin-bottom: 30px;
}

.product-image .flex-viewport{border-radius: 8px; overflow: hidden;}
.product-image .flex-control-nav.flex-control-thumbs{display: none;}
.single-product .product-image, .single-product .product-image img{height: 100%;}
.single-product .product-image > img{border-radius: 8px; overflow: hidden; height: 100%; width: 100%; object-fit: cover;}
.product_detail_view .product-desc1{
	padding-top: 10px;
}
.product_detail_view .product-desc1 .prodCat{
	color: #67c8c7;
	text-transform: uppercase;
	margin-bottom: 9px;
	display: block;
}
.product-desc > h4:has( + p .linkarrow){margin-bottom: 13px;}
.product_detail_view .product-tnc{
	padding-top: 30px;
}
.product_detail_view .product-tnc > p:first-child{
    margin-bottom: 5px;
}
.product_detail_view .product-tnc ul{
    padding-left: 16px;
}

.product_detail_view .product-price ins{
	
	text-decoration: none;
	display: inline-block;
	color: #333;
	font-family: "Inter-SemiBold",sans-serif;
	font-size: 28px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}
.product_detail_view .product-price del{
	color: #F00;
	font-weight: 500;
	font-size: 14px;
	margin-right: 15px;
	display: inline-block;
}

.addtocart-div{margin-top: 20px;}
.addtocart_button{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    justify-content: flex-start;
	gap:15px 10px;
}

.packageprodAttrlabel{
    color: #000;
    font-family: "Inter-SemiBold", sans-serif !important;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.optionsList > label{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
}
.optionsList > label input[type=checkbox]{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: inherit;
    margin: 0;
    font: inherit;
    color: inherit;
    width: 16px;
    height: 16px;
    border: 1px solid #CECECE;
    border-radius: 4px;
    transform: translateY(-0.075em);
    display: grid;
    place-content: center;
    margin-right: 10px;
}
.optionsList > label label{
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}
.optionsList > label input[type=checkbox]::before {
    content: "";
    width: 13px;
    height: 13px;
    transform: scale(0);
    transform-origin: bottom left;
    transition: 120ms transform ease-in-out;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13" fill="none"><path d="M11.3757 3.79164L4.87565 10.2916L1.89648 7.31248L2.66023 6.54873L4.87565 8.75873L10.6119 3.02789L11.3757 3.79164Z" fill="white"/></svg>');
}
.optionsList > label input[type=checkbox]:checked{background-color: #07B256;}
.optionsList > label input[type=checkbox]:checked::before {
    transform: scale(1);
}
.titlebox{
    width: calc(100% - 26px);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    justify-content: space-between;
}
.titlebox > label{
    width: calc(100% - 120px);
}
.pricebox{
    border-radius: 8px;
    background: #FFF;
    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.10);
    color: #CC9739;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    width: 120px;
    padding: 8px 10px;
    text-align: center;
}
.optionsList .titlebox:has(input[type=checkbox]:checked) + .pricebox{
    background: #CC9739;
    color: white;
}
.prodattr-price .box{
    border-radius: 16px;
    background: #F6F6F6;
    padding: 30px;
    margin-top: 30px;
}
.prodattr-price .box .flexbox{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;

}
.prodattr-price .box .label{
    color: #555;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.prodattr-price .box .displayprice{
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
}
.prodattr-price .box .ordertotal .displayprice{
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
}

.quantity-box{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    margin-top: 15px;
    margin-bottom: 20px;
}

.quantity-box .quantitytext{
	color: #000;
	font-family: "Inter-SemiBold", sans-serif !important;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	
	text-transform: capitalize;
	display: block;
	/* margin-right: 15px; */
}

/* .quantity{*/

/*	display: flex;*/
/*    height: 60px;*/
/*    width: 200px;*/
/*    padding: 10px 20px;*/
/*    flex-direction: row;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*    gap: 10px;*/
/*    border-radius: 6px;*/
/*    border: 1px solid #CECECE;*/


/*}*/

/* .quantity .plus,  .quantity .minus{*/
/*	border: none;*/
/*	display: block;*/
/*	cursor: pointer;*/
/*	background-color: transparent;*/
/*	color: rgba(109,109,109,0.7);*/
/*	font-size:18px;*/
/*	color: #000;*/
/*	font-weight: 100;*/
/*	line-height: 1;*/
/*	text-align: center;*/
/*	height: 100%;*/
/*	flex:1;*/
/*}*/

.quantity {
    display: flex;
    height: 60px;
    width: 200px;
    padding: 10px 20px;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    border-radius: 6px;
    border: 1px solid #CECECE;
}


.quantity .plus, .quantity .minus {
    color: #000;
    flex: 0 0 30px;
    border: none;
    background-color: transparent;
    font-size: 18px;
    cursor: pointer;
}

.quantity .qty {
    flex: 1;
    min-width: 40px;
    max-width: 60px;
    text-align: center;
    border: none;
    background: transparent;
    font-size: 24px;
    font-weight: 600;
}



 .quantity .minus.disabled{
	color: rgba(109,109,109,0.5);
}

 .quantity .plus{
	font-size: 25px;
	color:#1D8993;
}
.quantity .plus:hover,
.quantity .minus:hover { background-color: transparent; }

.quantity .qty:focus,
.quantity .plus:focus,
.quantity .minus:focus {
	box-shadow: none !important;
	outline: 0 !important;
}

/*.quantity .qty{*/
/*	border: none;*/
/*	background-color: transparent;*/
/*    width: 30%;	*/
/*	text-align: center;*/
/*	line-height: 1;*/
/*	margin-bottom: 0;*/
	
/*    color: #000;*/
/*    text-align: center;*/
/*    font-family: "Inter-SemiBold", sans-serif !important;*/
/*    font-size: 24px;*/
/*    font-style: normal;*/
/*    font-weight: 600;*/
/*    line-height: 24px;*/
/*}*/
.addtocart_button .button{
	/*padding: 20px 35px;*/
    padding: 16px 23px;
    height: auto;
    line-height: normal;
    width: 45% !important;
    max-width: 100%;
    /*margin-right: 20px;*/
}

.addtocart_button .submitBtn{
	/*padding: 20px 35px;*/
    padding: 16px 23px;
    height: auto;
    line-height: normal;
    width: 45% !important;
    max-width: 100%;
    /*margin-right: 20px;*/
    background-color: #FFFFFF;
    color: #1D8993;
    border: 2px solid #1D8993;
}

.addtocart_button .submitBtn:hover{
    background-color: #1D8993;
    color: #fff;
}

.addtocart_button .submitBtn svg path {
    stroke: #1D8993 !important;
}

.addtocart_button .submitBtn:hover svg path {
    stroke: #FFF !important;
}

.product .nav-underline{
	margin-top: 30px;
	border-bottom: 1px solid #cecece;
	gap: 0;
}
.product .nav-underline .nav-item{
	margin-bottom: -1px;
}
.product .nav-underline button{
	font-weight: 600;
	color: #242422;
	padding: 10px 30px;
}
.product .nav-underline .nav-link.active, .product .nav-underline .show>.nav-link, .product .nav-underline .nav-link:focus, .product .nav-underline .nav-link:hover{
	border-bottom: 3px solid #67c8c7;
	font-weight: 600;
}

.product .nav-underline + .tab-content .tab-pane{
	padding: 30px 0 0;
}
.productdesc_content ul{
	padding-left: 15px;
	margin-bottom: 0;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #858585;
    line-height: 1.5;
}
.productdesc_content ul li{
	margin-bottom: 15px;
}
.productdesc_content .accordion-body ul {
    padding-left: 20px;
}
.accordion-button{
    font-family: 'Inter-SemiBold', sans-serif;
	color: #000;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px;
	
}
.accordion-button:focus{box-shadow: none;}
.accordion-button:not(.collapsed){
    background: transparent;
    color: #000000;
    box-shadow: none;
}
.accordion-body{
	/* padding: 5px 15px 30px; */
	padding:0;
	color: #000;
	font-family: "Inter-Regular",sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}

.accordion-button {
    /* padding: 30px 0; */
}
.accordion-button::after {
    content: "";
    display: flex;
    width: 30px;
    height: 30px;
    justify-content: center;
    align-items: center;
    aspect-ratio: 1 / 1;
    border-radius: 25px;
    background-color: #1D8993;
    background-repeat: no-repeat;
    background-position: center;
    transition: all 0.3s ease;
    transform: none;
}

.accordion-button.collapsed::after {
    background-image: url("../images/icons/plus.png");
	border-radius: 25px;
	border: 1px solid #1D8993;
	background-color: transparent;
}

.accordion-button:not(.collapsed)::after {
background-image: url("../images/icons/minus.png");
margin-bottom: 30px;
}


.productdesc_content .accordion .accordion-item:first-child .accordion-header button{padding-top: 0;}

.owl-nav.disabled{display: none;}
#related_doctors{
	margin-bottom: 30px;
}
#related_doctors h2{margin-bottom: 30px;}
#oc-doctors .oc-item button{
	background-color: transparent;
	border: none;
	padding: 0;
}
#related_doctors .oc-content{}
#related_doctors .oc-content img{
	/*aspect-ratio: 260 / 190;*/
	aspect-ratio: 1 / 1;
	object-fit: cover;
	object-position: 0 20%;
	border-radius: 8px;
	margin-bottom: 15px;
}
#related_doctors .oc-content h4{
	font-size: 16px;
	color: #ac8c5e;
}
#related_doctors .oc-content p{
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	color: #242422;
}
#related_doctors .owl-nav{}
#related_doctors .owl-nav .owl-prev, #related_doctors .owl-nav .owl-next{
    position: absolute;
    top: 50%;
    left: auto;
    right: auto;
    color: white;
    width: 42px;
    height: 42px;
    background-color: #adadad;
    border-radius: 50%;
    margin: 0 2.5px;
    transition: all 200ms linear;
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
}
#related_doctors .owl-nav .owl-prev{left: 10px; right: auto;}
#related_doctors .owl-nav .owl-next{left: auto; right: 10px;}
#related_doctors .owl-nav .disabled{display: none;}
#related_doctors .owl-nav .owl-prev i, #related_doctors .owl-nav .owl-next i {
    font-size: 14px;
    font-weight: 700;
}
#related_doctors .owl-nav .owl-prev:hover, #related_doctors .owl-nav .owl-next:hover {
    background-color: #ad8e61;
}

.docModal .btn-close{position: absolute; top: 0; right: 0; padding: 10px;
	width: 15px;
	height: 15px;
	background-size: 12px;
}
.docModal .modal-body{
	padding: 0;
	border-radius: 8px;
    overflow: hidden;
}
.docModal .topinfo{
	background-color: #f2f2f2;
}
.docMainInfo{padding: 30px 30px 30px 15px;}
.docNamePosition{
	background-image: url('../images/layout/doc-bg.webp');
	background-size: cover;
	border-radius: 8px;
	overflow: hidden;
	padding: 25px;
	margin-bottom: 25px;
}
.topinfo > .row{align-items: stretch; height: 100%;}
.topinfo > .row > .col-md-5{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
}
.topinfo img{aspect-ratio: 1 / 1; object-fit: cover;}
.docNamePosition h4, .docNamePosition p{color: white;}
.docNamePosition p{margin-bottom: 0;}
.docModal .other{margin-bottom: 20px;}
.docModal .other:last-child{margin-bottom: 0;}
.docModal .other h5{
	color: #242422;
	font-weight: 600;
	font-size: 14px;
}
.bottominfo{
	padding: 30px 35px;
}
.docModal ul{padding-left: 15px;}
.bottominfo .other:last-child ul:last-child, .bottominfo .other:last-child p:last-child{margin-bottom: 0;}

#packages_interested{
	margin-top: 30px;
	margin-bottom: 30px;
}
#packages_interested h2{margin-bottom: 30px;}

.product-pdf a{
    font-size:15px;
    color:#CC9739;
}

.packageIncludes{
    /* padding-top: 60px; */
}
.packageIncludes .titlerow{border-bottom: 1px solid #CECECE; margin-bottom: 30px;}
.packageIncludes h3{margin-bottom: 20px;}
.packageIncludes h3:has( + ul){margin-bottom: 10px;}


/*	------------------------ Package Detail END -------------------------- */


/*	------------------------ Book Appointment START -------------------------- */

.datepicker td, .datepicker th{padding: 2px 5px; text-align: center; cursor: pointer;}
#content.doctor_enquiry_form_page{padding-bottom: 0;}
.doctor_enquiry_form .process-steps.process-3 li{
    flex-direction: column;
    align-content: center;
}

/*	------------------------ Book Appointment END -------------------------- */




/*	------------------------ Cart -------------------------- */

#content.cart_view, #content.billing_view{padding-top: 30px; padding-bottom: 30px;}
/* .process-steps{padding: 0;}
ul.process-steps.process-3{
    max-width: 780px;
    margin: 0 auto 40px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: flex-start;
    align-items: flex-start;
}
.process-steps.process-3 li{
    float: none;
    width: 100%;
    flex: 0 0 33.3333%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: flex-start;
}
.process-steps.process-3 li:first-child{justify-content: flex-start;}
.process-steps.process-3 li:last-child{justify-content: flex-end;}
.process-steps li h6 {
    margin: 15px 0 0 0;
    padding: 0 10px;
}
.process-steps li .innerbox{z-index: 2; position: relative;}
#content.cart_view .process-steps li:after, #content.cart_view .process-steps li:before, #content.billing_view .process-steps li:after, #content.billing_view .process-steps li:before{width: calc(100% - 53px);} */


#content.cart_view .cart .quantity .plus, #content.cart_view .cart .quantity .minus {
    border: none;
    display: block;
    cursor: pointer;
    background-color: transparent;
    color: #999999;
    font-weight: 100;
    line-height: 1;
    text-align: center;
    padding: 0;
    height: 100%;
    width: calc((100% - 35px) / 2);
}
#content.cart_view .cart .quantity .minus{font-size: 14px;}
#content.cart_view .cart .quantity .plus{font-size: 22px;}
#content.cart_view .cart .quantity .plus:hover, #content.cart_view .cart .quantity .minus:hover{
    background-color: rgba(0,0,0,0.05);
}
#content.cart_view .cart .quantity .qty{
	border: 1px solid #cecece;
	background-color: transparent;
	height: 100%;
	width: 35px;
	font-size: 14px;
	text-align: center;
	line-height: 1;
	margin-bottom: 0;
	font-weight: 600;
	color: #242422;
}
#content.cart_view .cart .quantity {
    margin: 0;
    height: 35px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
}
#content.cart_view .subDisc del{font-size: 13px;}
#content.cart_view .subDisc strong{
    font-weight: 700;
}
#addVouc .button3{
    display: flex;
    text-align: center;
    height: 100%;
    width: 100%;
    font-weight: 700;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.cart_totals td{
    padding: 20px 0;
    color: #242422;
}
.cart_totals .cart tr:first-child td{
    border-top: 1px solid #d6d6d6;
}
.cart_totals .cart tr:last-child td{border-bottom: none;}
.cart_totals .cart td strong{font-weight: 600;}
.cart_totals .cart tr td:last-child{text-align: right;}
.cart_totals .cart tr:last-child td:last-child .amount.color.lead{font-size: 16px; color: #242422;}

#mycarttotal{font-size: 20px; font-weight: 600;}
#sttotal2{
	color:#fff;
	line-height:25px;
    display: inline-block;
    padding-right: 10px;
}
.cartDiv .attrDesc {
	font-size:14px;
}
.cartTerms {
	font-size:12px;
	color:#555555;
}
.cartTerms .pTitle {
	color:#555555;
	font-weight:bold;
}

#voucher.form-control{
    height: 45px;
    border-radius: 8px;
}
#voucher + .button{
    text-transform: uppercase;
    font-weight: 700;
    width: 100%;
    height: 100%;
}

/*	------------------------ Cart END -------------------------- */


/*	------------------------ Billing END -------------------------- */

.buyforrow + hr{
    border-top: 1px solid #d6d6d6;
    margin-top: 25px;
    margin-bottom: 35px;
    opacity: 1;
}
.billing_view label{
    color: #233745;
    font-weight: 600;
}
.billing_view form#ePayment{
    max-width: 900px;
    margin: 15px auto 0;
}
.billing_view form#ePayment > .row, .billing_view form#ePayment > .buyfordiv{
    max-width: 740px;
    margin: 0 auto;
}
#someoneelse{
    max-width: 740px;
    margin: 0 auto;
}
label .error{color: red;}
.billing_view form#ePayment h4{
    margin-bottom: 5px;
}
.billing_view form#ePayment h4 + .row label{
    margin-top: 20px;
    margin-bottom: 8px;
}
.billing_view .style-msg{
    margin: 0 auto 35px;
    max-width: 780px;
}

/*	------------------------ Billing END -------------------------- */


/*	------------------------ Confirm -------------------------- */

.custinfo{color: #242422;}
.custinfo strong{font-weight: 600;}
.whitespace{white-space: nowrap;}

.confirm_view table{
	width:100%;
	position:relative;
	margin-bottom: 10px;
}
.confirm_view table th{
	background-color:#ad8e61;
	color: #fff;
	padding: 10px;
	font-weight:600;
}
.confirm_view table td{
	padding:15px;
	border-bottom: 1px solid #d6d6d6;
	background-color:#ffffff;
	color: #242422;
}
.confirm_view img.displayImg {
	height: 75px;
    width: 75px;
    object-fit: cover;
}
.confirm_view td:has( img) + td a {
    font-weight: 600;
    color: #242422;
}
.confirm_view .td-qty .qty{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
	border: 1px solid #cecece;
	background-color: transparent;
	height: 100%;
	width: 35px;
	height: 35px;
	font-size: 14px;
	text-align: center;
	line-height: 1;
	font-weight: 600;
	color: #242422;
}
.confirm_view td.td-qty + td, .confirm_view td.td-qty + td + td {
    font-weight: 600;
    color: #242422;
}
.confirm_view table td .subDisc{
	font-size:14px;
}
.confirm_view .subDisc del{color: #242422;}
.confirm_view table td .subDisc span{
	color:#ec2227;
}
.confirm_view .subDisc strong{
    font-weight: 700;
    color: #242422;
}

.confirm_view #sttotal{
	font-size:15px;
	color:#242422;
	line-height:25px;
}
.confirm_view .subtotal {
	color:#242422;
	padding:5px 20px;
	float:right;
	margin-top:0;
	font-size: 16px;
    font-weight: 600;
}

.confirm_view .discount {
	color:#242422;
	/*background-color:#ebebeb;*/
	float:right;
	margin-top:0;
	width:100%;
	text-align:right;
	font-size: 16px;
    font-weight: 600;
}
.confirm_view .discountcon{
	padding:5px 20px;
}
.confirm_view .tax {
	color:#242422;
	padding:5px 20px;
	float:right;
	width:100%;
	text-align:right;
	font-size: 16px;
    font-weight: 600;
}
.confirm_view #sttotal2{
    color: #242422;
    font-size: 14px;
}
.confirm_view .subtotal #sttotal, .confirm_view .discount #sttotal, .confirm_view .tax #sttotal{
	font-size:14px;
	color:#242422;
	line-height:25px;
	font-weight: normal;
}
.confirm_view #mycarttotal {
    font-size: 16px;
}
.confirm_view .ttotal {
	color:#242422;
	background-color:#f5f5f5;
	float:right;
	margin-top:5px;
	margin-bottom: 30px;
	line-height:25px;
	width:100%;
	text-align:right;
}
.confirm_view .ttotalcon{
	padding:5px 20px;
    font-size: 18px;
    font-weight: 600;
}
.confirm_view .ttotalcon #mycarttotal{
    font-size: 18px;
}


/*	------------------------ Confirm END -------------------------- */


/*	------------------------ Responsive -------------------------- */

@media(min-width: 1600px){
    #content.bloglistview .featured3blogs{
		justify-content: flex-start;
	}
    #content.bloglistview a:has( .smallcontent){margin-bottom: 15px;}
    #content.bloglistview a:has( .smallcontent):last-child{margin-bottom: 0;}
}

/*@media(max-width: 1513.9px){*/
/*	#primary-menu .main-menu, .sub-menu {*/
/*		padding:0 11px;*/
/*	}*/
/*	a.sf-with-ul {*/
/*		padding: 0 11px !important;*/
/*	}*/
/*}*/

@media(max-width: 1506px){
	#primary-menu .main-menu, .sub-menu {
		padding:0 8px;
	}
	a.sf-with-ul {
		padding: 0 0px !important;
	}
}



/*@media(max-width: 1472px){*/
/*	#primary-menu .main-menu, .sub-menu {*/
/*		padding:0 11px;*/
/*	}*/
/*}*/

@media(max-width: 1462px){
	/*#primary-menu .main-menu, .sub-menu {*/
	/*	padding:0 10px;*/
	/*}*/
	.slider-caption .slider-desc{
		padding:20px 90px;
	}
	/* #philosophy .philo-right{
	padding: 35px 55px;
	} */
}

/*@media(max-width: 1441px){*/
/*	#primary-menu .main-menu, .sub-menu {*/
/*		padding:0 8px;*/
/*	}*/
/*}*/

/*@media(max-width: 1422px){*/
/*	#primary-menu .main-menu, .sub-menu {*/
/*		padding:0 7px;*/
/*	}*/
/*}*/


@media(max-width: 1410px){
	#logo img {
    /*height: 53px;*/
    /*width: 162px;*/
	}
}

@media(max-width: 1383px){
	
	#our-story .leaf1{
		max-height:200px;
		top:50%;
	}

	#our-story .leaf2{
		max-height:200px;
		top:70%;
	}
	#our-story .leaf3{
		max-height:200px;
		top:40%;
	}
	#our-story .leaf4{
		max-height:200px;
		top: 60%;
	}
	#our-story .leaf5{
		max-height:200px;
		top:75%;
	}
}

@media(max-width: 1383px){
	
	.slider-caption h2 {
		font-size:40px;
	}
}



@media(max-width: 1399.9px){
    h1, .h1{font-size: 35px;}
	/*h2, .h2{font-size: 24px;}*/
	h3, .h3{font-size: 20px;}
	.ctabox .content{width: 100%; padding: 60px 40px;}
	
	.bannerstyle{padding-right: 15px; padding-left: 15px;}
	.facilitiespage.bannerstyle{padding: 0;}
	.container-fluid{max-width: calc(100% - 30px);}
	/*#primary-menu .main-menu, .sub-menu {*/
	/*	padding:0 12px;*/
	/*}*/
}

@media(max-width: 1338px){
	#primary-menu .main-menu, .sub-menu {
		padding:0 8px;
	}
	
}

@media(max-width: 1313px){
	/*#primary-menu .main-menu, .sub-menu {*/
	/*	padding:0 9px;*/
	/*}*/
}



@media(max-width: 1300px){
	#primary-menu .main-menu, #primary-menu .sub-menu {
		padding:0 5px;
	}

	
}

@media(max-width: 1282px){

	.slider-caption .button3 {
		font-size:14px;
	}
}

@media(max-width: 1274px){
	/*#primary-menu .main-menu, #primary-menu .sub-menu {*/
	/*	padding:0 10px;*/
	/*}*/

	/*#primary-menu ul li a {*/
	/*	font-size: 13px !important;*/
	/*}*/
	
	
}


@media(max-width: 1270px){
	

	/*#primary-menu ul li a {*/
	/*	font-size: 13px !important;*/
	/*}*/
	/*#primary-menu .main-menu,#primary-menu .sub-menu {*/
	/*	padding:0 10px;*/
	/*}*/

	#header .header-info .infobox.others svg {
    	height: 30px;
	}

	.top-book .button{
		font-size:11px !important;
		height: 35px;
    	width: 95px;
	}
}

@media(max-width: 1274px){

	#philosophy .vision-desc{
		width:70%;
	}
	#philosophy .philo-right{
		padding:35px 40px;
	}

	
	
}
@media(min-width: 1200px) and (max-width: 1399.9px){
    #content.homepage .col-xl-3{width: 30%;}
    
    #content.aboutuspage .container-fluid{max-width: calc(100% - 60px);}
}

@media(max-width: 1235px){
	

	#primary-menu ul li a {
		font-size: 12px !important;
	}
	#primary-menu .main-menu,#primary-menu .sub-menu {
		padding:0 6px;
	}

	
	
	
}

@media(max-width: 1213px){

	/*#primary-menu ul li a {*/
	/*	font-size: 11px !important;*/
	/*}*/
	
	
}

@media(max-width: 1196px){
	.slider-caption .button3 {
			font-size:13px;
		}
	#extend-treat .recommend-icon{
		left:38%;
	}
	.packagelist .product-image{
		padding:25px;
	}
	
}

@media(max-width: 1170px){
	#core .core-box {
    padding: 30px 30px;
	}
	
}

@media(max-width: 1269px){
	/*#primary-menu .main-menu,#primary-menu .sub-menu {*/
	/*	padding:0 11px;*/
	/*}*/

	
}

@media(max-width: 1169px){
	#primary-menu .main-menu,#primary-menu .sub-menu {
		padding:0 5px;
	}

	
}

@media(max-width: 1160px){
	.slider-caption .button3 {
			font-size:12px;
	}

	/* #philosophy .vision-desc {
    	width: 330px;
	} */

}


@media(max-width: 1146px){

	#primary-menu ul li a {
		font-size: 10px !important;
	}
	
	#logo img {
    /*height: 40px;*/
    /*width: 115px;*/
	}

	.slider-caption .slider-desc{
		padding:15px 80px;
	}

	/* #philosophy .philo-right{
		padding: 35px 20px;
	} */

	

}

@media(max-width: 1116px){
	.slider-caption .button3 {
			padding: 16px;
		}
		
	#sign-treat .treatment-title{
		
		min-height: 50px;
	}
	
	.treatment-title{
		
		min-height: 50px;
	}
	
	#treatrelated .treatment-title{
		
		min-height: 1px;
	}

}

@media(max-width: 1097px){
	/*#primary-menu .main-menu,#primary-menu .sub-menu {*/
	/*	padding:0 8px;*/
	/*}*/

	
}

@media(max-width: 1067px){
	/*#primary-menu .main-menu,#primary-menu .sub-menu {*/
	/*	padding:0 8px;*/
	/*}*/

	
}


@media(min-width: 768px) and (max-width: 1199.9px){
    #content.homepage .col-xl-3{width: 40%;}
    #content.homepage{background-size: 60% auto !important;}
}
@media(max-width: 1199.9px){
	/*.top-search-open .header-inner-flexbox{width: calc(100% - 450px);}*/
	/*.header-inner-flexbox{width: calc(100% - 200px);}*/
	#primary-menu > div > ul > li > a{padding: 0 10px;}
	.top-search-open #top-search form{width: 280px;}
	
	#header .header-info .infobox.others svg{padding: 0 10px;}
	#primary-menu ul li a + ul.category-nav:before{left: 50px;}

	.slider-caption h1{font-size: 30px;}
	.slider-caption .slider-desc{
		padding:15px 70px;
	}

	#slider ~ #content, #sliderm ~ #content{} /*padding-top: 40px; padding-bottom: 40px;*/

	.product-desc .product-title{font-size: 22px;}

	#settingstandard{aspect-ratio: auto; position: relative; padding-top: 60px; padding-bottom: 60px;}
	#settingstandard:after{
	    content: '';
	    position: absolute;
	    right: 0;
	    top: 0;
	    display: block;
	    width: 100%;
	    height: 100%;
	    background-image: url('../images/layout/settingstandard.webp?v1');
        background-position: right top;
        background-repeat: no-repeat;
        background-size: cover;
	}
	
	#banner.aboutuspage, 
	#banner.signaturepage,
	#banner.ourproductpage,
	#banner.blogpage,
	#banner.partnerpage,
	#banner.contactpage{
		background-position: center top;
		align-content: center;
	}

	#banner.aboutuspage .container-fluid,
	#banner.signaturepage .container-fluid,
	#banner.ourproductpage .container-fluid,
	#banner.blogpage .container-fluid,
	#banner.partnerpage .container-fluid,
	#banner.contactpage .container-fluid{
		height: auto;
	}

	#content.aboutuspage .container-fluid{max-width: calc(100% - 30px); margin-top: -40px; padding-top: 40px;}
	
	#content.doctordetailpage .box .scheduletable{padding: 20px;}
	
	
	#banner.contactuspage .container-fluid .row > .col-12 {
        max-width: 50%;
    }
    #banner.contactuspage{aspect-ratio: auto; background-position: center top;}
    .contact_grid{padding: 25px 10px; align-content: center;}
    .contactinfo-section .contact_grid .iconbox{width: 40px; height: 40px;}
    .contactinfo-section .contact_grid .textbox{padding-left: 10px; width: calc(100% - 40px);}
    .contactinfo-section .contact_grid .textbox a{font-size: 20px;}
    
    .addtocart_button .button{
		/*padding: 15px 35px; */
		width: 70%;
	}
	
	#content.bloglistview .bigcontent .imagecol img{
	    aspect-ratio: 100 / 30;
	}

	

	

}

@media(max-width: 1169px){
.packagelist .product-desc .product-title{
		min-height:70px;
	}
}

@media(max-width: 1146px){

    #primary-menu .main-menu,#primary-menu .sub-menu {
		padding:0 6px;
	}
	
	
	#common-skin .common-left {
		padding-right: 30px;
	}
}

@media(max-width: 1051px){
	/* #philosophy .vision-desc {
		width: 270px;
	} */
}

@media(max-width: 1051px){
	

	#header .header-info .infobox.others svg {
    	height: 25px;
	}

	.top-book .button{
		font-size:10px !important;
		height: 35px;
    	width: 86px;
	}
	.he-text {
		font-size:11px;
	}
	
}



@media(max-width: 1036px){

	
	#primary-menu ul li a {
		font-size: 10px !important;
	}

	#primary-menu ul li a {
		font-size: 9px !important;
	}

}




@media(max-width: 991.9px){
    #primary-menu-container{display: none;}
	/* #logo{display: none;} */
	#header {
		background: #1D8993;
	}
	/*.header-inner-flexbox {*/
	/*	width: 55%;*/
	/*	gap: 0px;*/
	/*	justify-content: space-between;*/
	/*}*/
	
	.header-inner-flexbox {
        position: relative;
        justify-content: flex-start;
    }

    #logo {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }
    
	#header .header-info .infobox.others {display: none;}

	.book-lang-mobile{
		justify-content: space-between;
		display: flex;
		padding: 0 8px;
	}
	
	.book-lang-mobile2{
		justify-content: space-between;
		display: flex;
		padding: 0px;
	}

	.top-book .button{
		font-size:14px !important;
		width:126px;
		height:32px;
	}

	.lang_line{
		border-right:2px solid black;
		padding-right:10px;
	}

	.language_mobile {
        justify-content: space-between;
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 10px;
    }

	.language_mobile a.active_lang {
        color: #1D8993 !important;
    }
   
	ul.tslt{
		float:none;
	}

	#footer .footer-widgets-wrap > .row {
		justify-content: normal;
	}

	.top-message .flexbox{justify-content: center; padding-bottom: 8px;}
	.top-message .content p{padding-top: 8px; padding-bottom: 5px; text-align: center;}
	.top-message .content p a{white-space: nowrap;}
    
	.first {
        margin-top: 0;
	}
    .slider-caption p{font-size: 12px;}
	.slider-caption h1{
	    font-size: 25px;
	/*margin-bottom: 15px;*/
	    
	}
	.slider-caption .button3, .button, .button2, .button-outlined, .button3 + .button-outlined{
		height: 40px; line-height: 40px; 
		font-size: 14px; padding: 0 10px;
        width: 140px;}
		
	.slider-arrow-left{
		right:110px;
		top:30px;
	}

	.slider-arrow-right{
		right:60px;
		top:30px;
	}

	#extend-treat .recommend-icon{
		left:5%;
	}
	
	#common-skin .common-container2 img{
	    width:60px;
	}

	#philosophy .philo-right{
		width: 80%;
    	margin: auto;
	}

	#philosophy .vision-desc{
		width:80%;
	}

	#core .core-box {
        padding: 20px 15px;
    }

	#core .core-value-img img {
    	height: 85%;
	}

	#team .owl-stage-outer, #sign-treat .owl-stage-outer, #award2 .owl-stage-outer, #treatrelated .owl-stage-outer, #relatedbloglist .owl-stage-outer {
		margin-bottom:30px;
	}
	
	#awards-slider .imagebox{
        margin-bottom: 0px;
    }

	#banner.treatmentdetailpage,#banner.proddetailpage,#banner.blogdetailpage, #banner.searchpage, #content.pageview{
		height:70px;
		padding-top:0 !important;
		background: #215F68;
		text-align: center;
	}

	.leaf18 {
    max-height: 60px;
	top:14%
	}

	.leaf19
 	{
    max-height: 70px;
	top:0%;
	}

	#treatdetail .appointmentbox{
		/*position: static;*/
	}
	
	#treatdetail .treatdetail_bottom{
	    margin-bottom:30px;
	}
	
	.treatment-title {
        min-height: 1px;
    }
	
	

	.optionscontainer .attrbox label{
		/*padding:15px 15px;*/
	}

	.blogdetailview .relatedblog .imagecol{
		padding-right:30px;
	}

	.blogdetailview .relatedblog .imagecol img{
		aspect-ratio: 300/250;
		height: 200px;
		
	}

	#partnerships .partner-title{
		max-width:100%;
	}
	#partnerships .partner-desc {
		min-height: 48px;
	}
	
	.packagelist .product-desc .product-title{
		min-height:40px;
	}

	/* reach out bottom2  */

	.cta-icon2 svg{
		max-height:130px;
	}

	.cta-icon2 {
		right: 2%;
	}






	
	.docSearchForm input{padding: 0 15px; width: 30%; font-size: 14px;}
	.docSearchForm select{padding: 0 15px; width: 32%; font-size: 14px;}
	.docSearchForm a#docSubmit{font-size: 16px; font-weight: 600; margin-left: 0; padding-left: 15px;}
	.docSearchForm a#docSubmit span{margin-top: 0; margin-left: 5px;}
	.docSearchForm a#docSubmit svg{width: 20px;}
	
	#searchdoctorform + section, #searchdoctorform + div{margin-top: 0; padding-top: 40px;}
	
	#content.homepage{aspect-ratio: auto; position: relative;}
	#content.homepage:after{
	    content: '';
	    position: absolute;
	    right: 0;
	    top: 0;
	    display: block;
	    width: 60%;
	    height: 100%;
	    background-image: url(../images/layout/WELLNESS_LOUNGE.webp?v1);
        background-position: right top;
        background-repeat: no-repeat;
        background-size: cover;
	}
	#content.homepage .content{padding-top: 0; padding-bottom: 0;}
	
	#settingstandard:after{background-position: center top;}
	#whyus .pointsrow .content{padding: 40px 20px;}
	.ctabox .content{padding: 60px 20px;}
	
	.facilities_slider{margin-top: 30px;}
	.facilities_slider .oc-item .facilitycontent{width: calc(100% - 50px);}
	#content.doctordetailpage .box .schedulebutton{height: auto;}
	#content.doctordetailpage .box .bookappointment{height: auto;}
	#content.bloglistview .smallcontent{
	    flex-direction: column;
	    max-height: max-content;
	}
	#content.bloglistview .smallcontent .imagecol{width: 100%;}
	#content.bloglistview .smallcontent .textcol{width: 100%;}
	
	.contact_grid{padding: 25px 5px;}
	.contactinfo-section .contact_grid .textbox a{font-size: 16px;}
	
	.product_detail_view .blog_side_cat{margin-top: 30px;}
}

@media(max-width: 943.9px){
	.treatment-title {
        min-height: 50px;
    }
}

@media(max-width: 875px){
	.packagelist .product-desc .product-title{
		min-height:60px;
	}
}

@media(max-width: 890px){
	#philosophy .vision-desc{
		width:70%;
	}

	#core .core-value-img img{
		height:75%;
	}
}

@media(max-width: 916.9px){
    
}
@media(max-width: 864.9px){
    #header .header-info .infobox{padding: 0 10px;}
    #header .header-info .infobox.top-contact .flexbox .text{padding-right: 7px;}
    #header .header-info .infobox.top-contact .flexbox .text span{font-size: 11px;}
    #header .header-info .infobox.others svg{
        padding: 0 10px;
        height: 20px;
    }
}
@media(max-width: 767.9px){
    /*h2, .h2{font-size: 24px;}*/
	h3, .h3, .homeproduct .product-desc .product-title, .homeproduct .product-desc .product-price ins{
	    font-size: 18px;}
	h4, .h4{
	    font-size: 16px;}
    h5, .h5, .homeproduct .product-desc .product-price del{
        font-size: 14px;}
    h6, .h6{
        font-size: 14px;}
    small, .sm-text{
        font-size: 10px;}
    .tag, .homeproduct .discount-tag .percentage, .product_detail_view .product-desc1 .prodCat{
        font-size: 10px;}
    .light-text{
        font-size: 10px;}
    .cta-text, .button{
        font-size: 14px;}
    #footerSocialContacts .socialmedia{
        justify-content: flex-start; margin-top: 15px;}
    #footerSocialContacts .socialmedia .col{max-width: max-content;}
    #footerSocialContacts .socialmedia a{margin-right: 10px;}
    #footerSocialContacts .socialmedia a svg{width: 20px;}
    
    /*footer accordion */
     #footer .accordion-button {
        padding-top: 30px;
        padding-bottom: 30px; /* closed state */
    }

     #footer .accordion-button:not(.collapsed) {
        padding-bottom: 15px; /* open state */
    } 
    
    #footer .accordion-button:not(.collapsed)::after{
        margin-bottom:0;
    }

    #footer .accordion-item{
        border-top:none !important;
        border-left:none !important;
        border-right:none !important;
        border-radius:0;
        padding:0px;
        border-bottom: 1px solid #555;
    }
    
    
   
    
    #footer .accordion-body ul{
        list-style: none;
        padding: 0;
    }
    
    #footer .accordion-body li{
        list-style: none;
        margin: 0;
    }
    
   

	/* home  */
	#logo img {
        height: 45px;
	}
	.slider-caption p{
	    font-size: 14px;}
	.slider-caption h1{font-size: 35px; }
	.slider-caption .button3, .button, .button2,  .button-outlined, .button3 + .button-outlined{
		height: 40px; line-height: 40px; 
		font-size: 14px; padding: 0 10px;
        width: 140px;}
        
   #sign-treat .treatment-title{
		
		min-height: 1px;
	}
	
	#sign-treat .treatment-desc {
        min-height: 73px;
    }
    
        
	#extend-treat .recommend-icon{
		left:4%;
	}

	#extend-treat .extend-bg{
        /* aspect-ratio: 900 / 1400; */
		height: 1000px;
        background-size: cover;
        background-position: bottom center;
        background-image: url(../images/layout/mobile_extend.png);
		align-content: flex-start;
    }
	#extend-treat .extend-desc-bg{
		align-content: flex-start;
		padding:30px 40px;
		background: linear-gradient(180deg, #555 0%, rgba(0, 0, 0, 0.00) 60%);
	}

	#extend-treat .recommend-icon {
        left: 73%;
        top: 55%;
    }

	#extend-treat .recommend-icon svg {
        max-height: 100px;
    }

	

	#home-partnership .home-partner1,.home-partner2 {
		border-right: none;
	}

	#common-skin .common-left,#common-skin .section-title,#common-skin .section-title2{
		text-align: center !important;
		padding:0;
	}

	#common-skin .common-skin-button{
		 display: flex;
   		 justify-content: center;
		
	}

    #common-skin .common-right {
		/*aspect-ratio: auto;  */
		background-size: contain;
		/*padding: 40px 20px;*/
	}
	
	/* --- home end ----  */


	/* ---reach out bottom ---  */

	#cta {
		background: url(../../images/layout/mobile_CTA.png) lightgray 50% / cover no-repeat;
		aspect-ratio: auto;   
		min-height: 1300px; 
		align-content:flex-start;  
		background-position: center bottom;
	}

	.cta-icon {
		right: 3%;
        top: 59%;
	}

	.cta-icon svg{
		max-height:130px;
	}


	#footer .footer-widgets-wrap > .row {
		justify-content: normal;
	}
	
	

	/* reach out 2  */

	#cta2 {
		background: url(../../images/layout/mobile_CTA.png) lightgray 50% / cover no-repeat;
		aspect-ratio: auto;   
		min-height: 780px;
		align-content:flex-start;  
		background-position: center bottom;
	}
	
	#cta2 .leaf22 {
        max-height: 147px;
	}
	
	#cta2 .leaf23 {
        max-height: 140px;
	}

	.cta-icon2 {
		right: 3%;
        top: 52%;
	}

	.cta-icon2 svg{
		max-height:130px;
	}


	/* ---reach out bottom end---  */

	/* --- out story ----  */

	#story h1{
		margin-bottom:30px;
		width:100%;
	}
	#story .story-desc{
		padding-left:calc(var(--bs-gutter-x) * .5) !important;
		margin-bottom:10px;
	}

	#story .story-titleline::before{
		top: -13%;
    	/*left: 9%;*/

	}

	#core .core-value-img {
		justify-content: center;
		align-items: flex-end;
		display: flex;
	}

	#core .core-value-img img{
		height:100%;
	}

	.choose1, .choose2{
		margin-bottom:30px;

	}

	

	#team .owl-carousel .owl-nav [class*=owl-].owl-prev, #team .owl-carousel .owl-nav [class*=owl-].owl-next{
		display:none;
	}

	/* -- our story end  --- */

	/* treatment listing page  */

	#banner.signaturepage {
        aspect-ratio: 800 / 700;
        background-size: cover;
        background-position: bottom center;
        background-image: url(../images/layout/mobile_TreatmentListing.png);
    }

	
    
    .treatment-title {
        min-height: 1px;
    }

	/* treatment listing page ENd  */

	/* treatment detail page  */
	
	#treatdetail{
	    padding-bottom:0px !important;
	}
	
	#treatdetail .tabledesc{
	    height:auto;
	}
	
	#treatdetail .imagebox{
	    width: 265px;
        height: 220px;
	}

	#banner.treatmentdetailpage, #banner.proddetailpage,#banner.blogdetailpage, #banner.searchpage,#content.pageview{
		height:auto;
		padding-top:0 !important;
		background: #215F68;
		
	}

	#banner.treatmentdetailpage,#banner.proddetailpage,#banner.blogdetailpage, #banner.searchpage, #content.pageview{
		/* height:45px; */
		padding-bottom:10px !important;
		background: #1D8993;
		
	}

	.treatmentdetail-img{
		margin-bottom:30px;
	}
	

    .treatment-img {
        max-width: 100%;
        aspect-ratio: 300 / 280;
    }
    
    .treatment-img img {
        width: 100%;
    }
    
    #treatfaq .leaf20{
        max-height: 300px;
    }
    
    #treatfaq .leaf21{
        max-height: 300px;
        top: 45%;
    }


    






	/* treatment detail page end  */


	/* our-product page  */

	#banner.ourproductpage {
        aspect-ratio: 800 / 700;
        background-size: cover;
        background-position: bottom center;
        background-image: url(../images/layout/mobile_OurProduct.png);
    }

	/* 2nd banner  */
	#productbanner2page {
        aspect-ratio: 900 / 1400;
        background-size: cover;
        background-position: bottom center;
        background-image: url(../images/layout/mobile_ourproduct2.png);
		align-content: flex-start;
    }

	.productbanner2-box{
		padding:40px;
	}

	#commitment .benefits-box{
		/*padding:15px 0px;*/

	}

    .leaf20{
        max-height: 330px;
	}


	.leaf21{
		top: 20%;
        max-height: 330px;
	}

	.packagelist .product-desc .product-title{
		min-height:40px;
	}

	.packagelist .product-image img{
		/*height: 260px;*/
	}

	.payment-qr .bank-detail-qr{
	    width:50%;
	}
	.payment-qr .bank-detail{
	    width:50%;
	}
    
   




	/* our-product page end  */

	/* product  */

	/*.optionscontainer .attrbox {*/
	/*	padding: 15px 0px;*/
	/*}*/

	/*.optionscontainer .attrbox label {*/
 /*       padding: 15px 20px;*/
 /*   }*/

	#prodfaq .leaf20 {
		max-height: 350px;
		position: absolute;
		left: 0;
		top: 10%;
	}

	#prodfaq .leaf21 {
		max-height: 350px;
		top: 20%;
	}

	.product-main {
		padding: 30px 90px;
	}
	
	/* 2 per row mobile using flex*/
    /*#payment .process-steps.process-3 > li {*/
    /*    width: 45%; */
    /*}*/
    
    
    /* mobile: 2 per row using grid*/
     #payment .process-steps.process-3 {
        grid-template-columns: repeat(2, 1fr); 
       
    }


	/* product end  */

	/* blog  */

	#banner.blogpage {
        aspect-ratio: 800 / 700;
        background-size: cover;
        background-position: bottom center;
        background-image: url(../images/layout/mobile_Blogs.png);
    }


	/* blog end  */


	/* partnerships  */

	#banner.partnerpage {
	   aspect-ratio: 800 / 700;
        background-size: cover;
        background-position: bottom center;
        background-image: url(../images/layout/mobile_Partnerships.png);
    }

	#partnerships .partner-desc {
        min-height: 75px;
    }




	/* partnerships end  */


	/* contact  */

	#banner.contactpage {
        aspect-ratio: 800 / 700;
        background-size: cover;
        background-position: bottom center;
        background-image: url(../images/layout/mobile_Contact.png);
    }



	/* contact end  */

    .docSearchForm{
        padding: 0;
        border-radius: 15px;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .docSearchForm input{width: 100%; padding-top: 12px; padding-bottom: 12px; border-bottom: 1px solid #dddddd;}
    .docSearchForm select{width: 50%; padding-top: 12px; padding-bottom: 12px;}
    .docSearchForm select:first-of-type{border-left: none;}
    .docSearchForm a#docSubmit{width: 100%;}
    
    #content.homepage{padding-bottom: 0 !important;}
    #content.homepage:after{
        position: relative;
        width: 100%;
        bottom: 0;
        aspect-ratio: 957 / 708;
    }
    #content.homepage .content p:has( .button3){margin-top: 20px; margin-bottom: 40px !important;}
    
    #our-specialties .container-fluid{max-width: 100%;}
    /*#our-specialties .container-fluid > .row{margin-right: -30px; margin-left: -30px;}*/
    #our-specialties .container-fluid > .row > .col-12{padding-right: 30px; padding-left: 30px;}
    #our-specialties .container-fluid > .row > .col-12:has( .owl-carousel){padding-right: 0; padding-left: 0;}
    #our-specialties .col-12:has( h2){padding-bottom: 30px;}
    #our-specialties .buttonsdiv{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: center;
        align-items: center;
        justify-content: flex-start;
    }
    #our-specialties .navigation-arrows{margin-left: 30px;}
    #settingstandard .container-fluid > .row{align-items: flex-start;}
    #settingstandard .flexbox{
        flex-direction: row;
        flex-wrap: wrap;
    }
    #settingstandard .flexbox .box{margin-bottom: 15px;}
    #settingstandard .flexbox .box:last-child{margin-bottom: 0;}
    #settingstandard .flexbox span.number{font-size: 40px;}
    #settingstandard{aspect-ratio: 9 / 10; position: relative; padding-top: 60px; padding-bottom: 60px;}
	#settingstandard:after{
	    content: '';
	    position: absolute;
	    bottom: 0;
	    left: 0;
	    display: block;
	    width: 100%;
	    height: 100%;
	    background-image: url('../images/layout/B-Home-Btm.webp?Rv1');
        background-position: center bottom;
        background-repeat: no-repeat;
        background-size: cover;
	}
	
    #whyus .pointsrow{margin-top: 20px;}
    .ctabox .content{width: calc(100% - 140px); text-align: center;}
    .ctabox .content .h1, .ctabox .content .h3, .ctabox .content p{justify-content: center;}
    
    #banner.aboutuspage {
        aspect-ratio: 800 / 700;
        background-size: cover;
        background-position: bottom center;
        background-image: url(../images/layout/mobile_ourstory.png);
    }
    #banner.aboutuspage h3 + svg{position: absolute; bottom: 80px;}
    #visionmission .imagecol{margin-bottom: 30px;}
    #obesity_treatment_survivor{
        background-color: #8a8f88;
        background-image: url(../images/layout/RB-About-Btm-Obesity-mobile3.webp);
        background-size: cover;
        background-position: center bottom;
        aspect-ratio: 900 / 1000;
    }
    
    .bannerstyle .container-fluid{aspect-ratio: 900 / 1000; background-size: cover; background-position: center 90% !important; overflow: hidden; position: relative;}
    .bannerstyle .container-fluid:after{
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        display: block;
    	width: 100%;
    	height: 50%;
    	background: linear-gradient(180deg, rgba(0, 0, 0, 0.61) 0%, rgba(0, 0, 0, 0.00) 100%);
    	z-index: 1;
    }
    .bannerstyle .container-fluid > *{z-index: 2; position: relative;}
    .pointsrow .content{padding: 35px 20px;}
    .specialtypointsrow .content{padding: 20px;}
    .verticaltabs .nav-underline .nav-link{font-size: 14px; padding: 10px 15px;}
    .verticaltabs .nav-underline .nav-link:after{font-size: 20px;}
    .specialtytablerow .col-12 .content{margin-bottom: 15px;}
    .specialtytablerow .col-12:last-child .content{margin-bottom: 0;}
    .specialtytablerow .col-12 .content p:last-child{border-bottom: 1px solid #cecece;}
    
    .facilitiespage.bannerstyle .container-fluid{aspect-ratio: 900 / 1000 !important; background-size: cover; background-position: center 90% !important; overflow: hidden; position: relative; align-content: flex-start !important;}
    .facilitiespage.bannerstyle .container-fluid:after{
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        display: block;
    	width: 100%;
    	height: 50%;
    	background: linear-gradient(180deg, rgba(0, 0, 0, 0.61) 0%, rgba(0, 0, 0, 0.00) 100%);
    	z-index: 1;
    }
    .facilitiespage.bannerstyle .container-fluid > *{z-index: 2; position: relative;}
    .facilitiespage.bannerstyle .container-fluid svg{position: absolute; bottom: 60px;}
    #facilities .content .content{height: auto; margin-bottom: 15px;}
    #facilities .content .col-12:last-child .content{margin-bottom: 0;}
    
    #content.bloglistview .smallcontent .textcol{
        padding: 10px 0 !important;
        
    }
    
    #banner.contactuspage{
        position: relative;
        aspect-ratio: 9 / 12;
        background-position: center 70%;
        background-size: cover;
        background-image: url('../images/layout/contact-banner-m.webp');
    }
    #banner.contactuspage:after{
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        display: block;
    	width: 100%;
    	height: 80%;
    	background: linear-gradient(180deg, rgba(0, 0, 0, 0.61) 0%, rgba(0, 0, 0, 0.00) 100%);
    	z-index: 1;
    }
    #banner.contactuspage .container-fluid{position: relative; z-index: 2;}
    #banner.contactuspage .container-fluid .row{align-items: flex-start;}
    #banner.contactuspage .container-fluid .row > .col-12{max-width: 100%;}
    .contactinfo-section:nth-child(2){
        border: none;
        border-top: 1px solid #CECECE;
        border-bottom: 1px solid #CECECE;
    }
    #careerbanner .flexbox{
        flex-direction: row;
        flex-wrap: wrap;
    }
	#careerbanner{
		aspect-ratio: 9 / 10;
		background-size: cover;
		background-position: center bottom;
		background-image: url('../images/layout/RB-Contact-Career-Btm.webp');
	}
    #content.product_detail_view .content:has( > .titlesec){padding-left: 0; padding-right: 0;}
    #content.product_detail_view .titlesec{margin-top: 30px;}
    
    #reports .middlecol{padding-top: 30px;}
}

@media(max-width: 685.9px){
	

	#partnerships .partner-title{
		min-height:40px;
	}

	



}

@media(max-width: 676.9px){
	
	#story .story-titleline::before{
		top: -13%;
    	/*left: 9%;*/

	}

	#philosophy .philo-right{
		width:100%;
	}
	
}

@media(max-width: 640.9px){
    .treatment-title {
        min-height: 49px;
    }
}

@media(max-width: 640.9px){
	/*#story .story-titleline::before{*/
	/*	top: -13%;*/
 /*   	left: 10%;*/

	/*}*/

	#philosophy .vision-desc{
		width:70%;
	}

	#philosophy .philo-right{
		padding:35px 20px;
	}

	

	
}

@media(max-width: 600px){
	.packagelist .product-desc .product-title{
		min-height:60px;
	}
	
}

@media(max-width: 575.9px){
    .container{max-width: calc(100% - 30px);}
    #sliderm .slider-caption{padding-top: 40px;}
	#sliderm .swiper-slide-bg{
		/*height:85%;*/
	}
	.slider-caption h1{font-size: 32px;}
    #footer .footer-widgets-wrap > .row > .col{width: 100%;}
    #footer .footer-widgets-wrap{padding-top: 40px;padding-bottom: 40px;}
    .widget > h4{margin-top: 20px;}
    pc_view{
        display:none;
    }
    mobile_view{
        display:block;
    }
    h1 {
        font-size:32px;
        line-height: 35px !important;
    }
	h2.section-title2{
		font-size:26px !important;
		line-height: 30px !important;
	}
	h4, .h4{
	    font-size:16px;
	}
	p {
	    font-size:12px;
        line-height: 1.4;
	}
	

    /*home & our story font adjust*/
    .slider-caption p,#sign-treat .treatment-desc p, #common-skin .common-container2 p, #story .story-desc p,
    #philosophy .philo-container p, #team .team-container p, #award2 p, #commitment .titlerow p, #home-testi p, #home-partnership .testi-title p{
	    font-size: 12px;
        
    }
    #our-story h2, #sign-treat h2, #common-skin .section-title2, #home-partnership .section-title2{
        line-height:30px !important;
    } 
    
    #story h2, #philosophy .section-title2{
        font-size:26px;
        line-height:30px !important;
    }   
    
    .choose-img-container{
        width: 90px;
        height: 90px;
        padding: 23px;
    }
    
    .home-partner-container .partner-desc, .choose-title{
        font-size:16px;
    }
    
    .extend-cat-text,#extend-treat-m .extend-cat-text, .title-size, #team .team-container h3, #commitment .benefits-title, #sign-treat .treatment-title, .choose-desc{
        font-size:14px;
    }
    
    
    /*reach out form */

    #enquiryForm .sm-form-control, #vacancyform .sm-form-control{
        font-size:12px;
    }   
    
    /*home & our story font adjust end */
    
    
    
    
    /*treatment list and detail */
    
    
    #treatdetail .treatmentcontent-title{
        font-size:22px;
    }
    
    .treatmentdetail-desc .treatment-title, #treatfaq h2{
        font-size:26px;
    }
    
    #treatdetail .tleft-head p,#treatdetail .tright-head p , #treatdetail .tabledesc-title,#treatdetail .tabledesc-right-title, #treatdetail .aptmformfield, .accordion-button{
        font-size:14px;
    }
    
    .treatment-desc-box .treatment-desc, .skintype-name, #treatdetail .tabledesc-desc,#treatdetail .tabledesc-right-desc, .accordion-body{
        font-size:12px;
    }
    
    .skintype-img img{
        width: 49px !important;
        height: 49px !important;
    }
    
    
    /*treatment End */



    /*footer */
    #footer .accordion-button{
        font-size:16px;
    }

	.top-cart-content, #top-cart-m .top-cart-content{
		width:300px;
		top: 140px;
        bottom: 50px;
		right:0;	
	}

	.top-cart-items {
    	/*height: calc(100% - 160px);*/
    	height: calc(100% - 115px);
	}

	

	
    
    /*footer end */



    /*our product & product details font adjust */

    .product_detail_view .titlesec h1{
        font-size:26px;
        line-height: 35px !important;
    }
    
    h2, .h2, #prodfaq h2{
        font-size:26px;
    }
    
    .product_detail_view .product-price ins{
        font-size:22px;
    }
    /*.quantity .qty{*/
    /*    font-size:18px;*/
    /*    width:30px;*/
    /*}*/
    
    
    
    .packageprodAttrlabel{
        font-size:16px;
    }
    
    .packagelist .product-desc .product-title, .packagelist .product-desc .product-price ins, .step-title, 
    .bank-detail .title, .bank-detail-qr .title, .optionscontainer .attrbox label, .quantity-box .quantitytext, #mobile-cat-menu span, #shop .accordion-header a{
        font-size:14px !important;
    }    
    
    .step-desc, .bank-detail .desc, .product_detail_view .product-desc p {
        font-size:12px;
        line-height: 1.4;
    }
    
    /*product end */
    
    


    /*blog, blog details, partnerships, contact font adjust  */
    
    .blogdetailview .flexbox .titlesec .title, #contact-details2 .contact-left h2{
        font-size:26px;
        line-height:35px !important;
    }
    
    .relatedblogcontent .textcol .title, .featuredblogs .bigcontent .textcol .title, #content.bloglistview .smallcontent .textcol .title, .relatedblog h3{
        font-size:16px;
    }
    
    #content.bloglistview .bigcontent .textcol .desc, #relatedbloglist .content .textcol .desc, 
    #partnerships .partner-title, #contact-details2 .contact-info p{
        font-size:14px;
    }
    
    #contact-details2 iframe{
        height: 400px;
        min-height: 400px;
    }
    
    
    /*blog, blog details, partnerships, contact font adjust END */
    
    /*partnerships */
    #partnerform-part .sm-form-control{
        font-size:12px;
    }
    
    /*button in size S */
    
    
    .button3, .button5, #shop .product-img-btn, .top-book .button{
        width: 120px;
        height: 36px;
        font-size: 12px !important;
        padding: 0px;
        transition: none;
    }
    
    .bank-detail a {
        width:130px !important;
    }
    
    .top-message {
        max-height: 70px; 
        padding: 12px 0;
    }
    
    
    
    
    
    
    
    
    
        
	#sliderm .swiper-slide-bg{
		/* height:90%; */
	}
	

	.treatment-desc{
		
		min-height: 74px;
	}


	#our-story .leaf1{
		max-height: 120px;
        top: 79%;
	}

	#our-story .leaf2{
		max-height: 120px;
        top: 88%;
	}
	#our-story .leaf3{
		max-height: 120px;
        top: 75%;
		z-index: -1;
	}
	#our-story .leaf4{
	    max-height: 120px;
        top: 82%;
	}
	#our-story .leaf5{
		max-height: 120px;
        top: 89%;
	}
	
	#whychooseus .leaf10 {
        top: -1%;
        max-height: 100px;
    }
    
    #whychooseus .leaf11 {
        top: 2%;
        max-height: 80px;
    }

    #whychooseus .leaf12 {
        top: 6%;
        max-height: 64px;
        z-index: 0;
    }
    
    #whychooseus .leaf13 {
        top: 89%;
        max-height: 100px;
    }
    
    #whychooseus .leaf14 {
        top: 93%;
        max-height: 100px;
    }
    #whychooseus .leaf15 {
        top: 96%;
        max-height: 100px;
    }
    
	/*#story .story-titleline::before{*/
	/*	top: -13%;*/
 /*   	left: 13%;*/

	/*}*/
	
	#cta2 .leaf22 {
        max-height: 166px;
    }
	
	#extend-treat .recommend-icon{
		left:63%;
		top: 55%;
	}

	#extend-treat .recommend-icon svg{
		max-height:100px;
	}
	#extend-treat .extend-desc-bg{
		padding:30px;
	}

	#common-skin .common-right{
		background-size: cover;
		/*padding:50px 30px;*/
		padding: 40px 20px;
	}
    .col-xs-1 {
        /*flex: 0 0 auto;*/
        width: 24.33333333333%;
    }
    
    #common-skin .common-right{
		aspect-ratio: 900 / 1300;
        background-size: cover;
        background-position: bottom center;
        background-image: url(../images/layout/mobile_common_skin.png);

	}
    
    #common-skin .common-right .row {
		display: flex;
		flex-wrap: wrap;
		/*gap: 20px;*/
		justify-content: center;
	}

	#common-skin .common-container2 {
		flex: 0 0 calc(50% - 20px); /* 2 per row on phone */
		max-width: calc(50% - 20px);
	}

	#philosophy .vision-desc{
		width:65%;
	}

	#philosophy .philo-right{
		padding:20px 25px;
		/*height:190px;*/
		height:auto;
	}

	#philosophy .philo-right img{
		/*width: 85px;*/
  /*  	height: 85px;*/
	}

    #sign-treat .treatment-title{
        /*width:95% !important;*/
    }
    
	#sign-treat .home-sign-arrow{
	    width:35px;
	    height:35px;
	}
	
	#sign-treat .home-sign-arrow svg{
	    width: 24px;
        height: 24px;
	}
	
    

   
	#treatment-list .leaf16{
		max-height: 300px;
		top:1%;
	}

	#treatment-list .leaf17{
		max-height: 300px;
	}
	
	#sign-treat .treatment-title {
        min-height: 1px;
    }
    
    .treatment-title {
        min-height: 50px;
    }
    
    #treatrelated .treatment-title {
        min-height: 1px;
    }
	
	#treatrelated .treatment-img {
		aspect-ratio: 330 / 280;
	}
	
	#treatrelated .treatment-desc-box .treatment-desc{
	    min-height:70px;
	    width: 100%;
	}
	
	.skin-row {
        gap: 15px 0px;
    }
	
	.skintype-container {
        width: 70px;
    }

    #treatfaq .leaf21{
        top:45%;
    }
	.leaf21{
		top: 20%;
	}

	.packagelist .product-desc .product-title{
		min-height:48px;
	}

	#productbanner2page {
        aspect-ratio: 900 / 1690;
	}
	
    .prodArea .product-img-btn {
        opacity: 1;
    }
    
   .myPagination{
       gap:5px;
       
   }
    .myPagination span, .myPagination a, .myPagination strong{
        width:30px;
        height:30px;
        font-size:14px;
      }

	/* reach out  */

	.cta-left{
		padding: 40px 30px;
	}

	#partnerships .partner-title {
        min-height: 15px;
    }

	#partnerships .partner-desc {
        min-height: 50px;
    }

	.partner-box{
		/*margin-bottom:15px !important;*/
		
	}
	
	.partner-inner{
	    padding: 20px 15px;
        min-height: 292px;
	}
	
	

	.packagelist .product-image{
		height:100%;
		padding:10px;
	}

	
    
    .packagelist .product-image img {
        /*height: 230px;*/
    }
    
    .product-thumbs img{
    	width: 100%;
        object-fit: contain;
    	background: #FCFBFB;
    	aspect-ratio: 100 / 100;
        padding: 5px;
    }
    
    /*.quantity{*/
    /*    height: 60px;*/
    /*    width: 150px;*/
    /*    padding: 10px;*/
    /*    gap: 5px;*/
    /*}*/
    
    /*.quantity .qty {*/
    /*    width:40px;*/
    /*}*/
    
     .quantity {
        width: 170px;
        /*width:30%;*/
        padding: 10px;
        gap: 0px;
        align-items:center;
        align-content:center;
    }
    
    
    

     #prodvideo iframe, #treatvideo iframe {
        border: none !important;
        width: 100%;
        height: 230px;
    }
    
    /*.optionscontainer .attrbox label {*/
    /*    padding: 15px 7px;*/
    /*}*/

    .extend-cat-link {
   
		padding: 0px 0px;
		min-height: 78px;
	}
	
	#extend-treat-m .extend-cat-link {
   
		padding: 25px 8px;
		min-height: 78px;
	}
	

    .blogdetailview .relatedblog .imagecol {
        padding-right: 5px;
    }
    
    .blogdetailview .relatedblog .imagecol img {
        height: 150px;
    }
    
    
	#partnerships .partner-box {
	    /*min-height: 290px;*/
	}
	
    .socialmedia a {
		/*display: block;*/
		/*width: 11%;*/
	}
	
	.socialmedia .col-2{
	    width:11%;
	}
    
    .docSearchForm input {padding-top: 15px; padding-bottom: 15px;}
    #featured-package .product-price del{font-size: 12px;}
    
    #sliderm{
        aspect-ratio: 900 / 1300;
        
    }
    #settingstandard{aspect-ratio: 9 / 16;}
    #obesity_treatment_survivor{aspect-ratio: 900 / 1100;}
    .bannerstyle .container-fluid{aspect-ratio: 900 / 1100; padding: 60px 40px !important;}
    .pointsrow .content{height: auto; margin-bottom: 15px;}
    .pointsrow .col:last-child .content, .pointsrow .col-12:last-child .content{margin-bottom: 0;}
    .specialtypointsrow .content{height: auto; margin-bottom: 15px;}
    .specialtypointsrow .col:last-child .content, .specialtypointsrow .col-12:last-child .content{margin-bottom: 0;}
    
    .verticaltabs .tab-content{margin-top: 30px;}
    
    .facilitiespage.bannerstyle .container-fluid{aspect-ratio: 900 / 1100 !important;}
    
    .blog_side_cat{margin-bottom: 30px;}
    /* #content.bloglistview .bigcontent .imagecol, #content.bloglistview a:has( .smallcontent){
		margin-bottom: 15px;
	} */
    /* #content.bloglistview .bigcontent .imagecol img, #content.bloglistview .smallcontent .imagecol{
		aspect-ratio: 6 / 4;
	} */
    /* #content.bloglistview a:has( .smallcontent)
	{
	max-width: 100%; width: 100%;
	} */

    .blogdetailview .flexbox:has( .titlesec){
        flex-direction: row;
        flex-wrap: wrap;
    }
    .blogdetailview .flexbox .titlesec, .blogdetailview .flexbox .sharesec{width: 100%;}
    .blogdetailview .flexbox .sharesec{margin-top: 15px;}
    .blog_side_cat h4{margin-bottom: 20px;}
    .blogdetailview .blog_side_cat{margin-top: 30px;}
    #banner.contactuspage{aspect-ratio: 9 / 15;}
	.header-inner-flexbox {
		width: 63%;
		gap: 0px;
		justify-content: space-between;
	}
	#payment .process-steps.process-3 {
        grid-template-columns: repeat(1, 1fr);
    }
}



@media(max-width: 514.9px){
    .header-inner-flexbox {
        width: 67%;
    }
    .ctabox .content{width: 100%;}
	#cta{
		min-height:1500px;
	}
	.cta-icon {
		right: 3%;
        top: 60%;
	}

	.cta-icon2 {
		right: 3%;
        top: 52%;
	}

	.cta-icon2 svg{
		max-height:100px;
	}


	.cta-icon svg, .cta-icon2 svg{
		/* max-height:100px; */
	}
	#story .leaf1 {
        max-height: 120px;
        top: 92%;
	}
	 #story .leaf7 {
	    max-height: 120px;
        top: 89%;
	}
	#story .leaf8{
		max-height: 100px;
        top: 96%;
	}
	
	#story .leaf9 {
        max-height: 120px;
        top: 90%;
	}
	 #story .leaf4 {
	    max-height: 120px;
        top: 94%;
        z-index: 1;
    }
	#story .leaf5{
	    max-height: 120px;
        top: 96%;
	}
	



    
    #content.bloglistview .smallcontent {
        padding: 0px !important;
    }


}
@media(max-width: 476.9px){
    #header .header-info .infobox.others svg{padding: 0 8px;}
    #header .header-info .infobox.others li#top-cart svg{padding-right: 0;}
    #sliderm{aspect-ratio: 900 / 1400;}
    #settingstandard{aspect-ratio: 9 / 20;}
    #obesity_treatment_survivor{aspect-ratio: 900 / 1200;}
    .bannerstyle .container-fluid{aspect-ratio: 900 / 1300; padding: 60px 30px !important;}
    .bannerstyle .container-fluid .content{padding: 0 20px !important;}
    
    .facilitiespage.bannerstyle .container-fluid{aspect-ratio: 900 / 1300 !important;}
    
    #updates .newsrow h4{height: auto;}
    
    section{
        /*overflow: hidden;*/
        
    }
    #banner.contactuspage{aspect-ratio: 9 / 19;}
    #logo img{
        /*height: 45px;*/
    }
    .flexbox .text {
        padding-right: 0px;
    }
    #philosophy .philo-right .vision-img-cont{
        width:90px;
        height:90px;
    }
}

@media(max-width: 431.9px){
    /*#story .story-titleline::before {*/
    /*    top: -13%;*/
    /*    left: 15%*/
    /*}*/
    
   
    
}

@media(max-width: 404px){
.packagelist .product-desc .product-title{
        /*min-height:69px;*/
    }
}

@media(max-width: 394px){
     #sliderm .swiper-slide-bg{
        min-height:650px;
    }
    #partnerships .partner-title {
            min-height: 52px;
    }
    
    #partnerships .partner-desc {
        min-height: 120px;
    }
    
    
}

@media(max-width: 399.9px){
    
}

@media(max-width: 388.9px){
 /*#common-skin .common-container2 img {*/
 /*       display: flex;*/
 /*       width: 60px;*/
    /*}*/
    .treatment-desc-box{
        padding:15px 11px;
    }
}
    
@media(max-width: 385.9px){
    #cta2 .leaf22 {
        /*top: 46%;*/
    }
    
    #philosophy .philo-right .vision-img-cont{
        width: 75px;
        height: 75px;
    }
    
}



@media(max-width: 360px){
    #sliderm .swiper-slide-bg{
        min-height:680px;
    }
    /*footer */
    .col-12 {
        flex: 1 1 auto;
        width: 100%;
    }
    .col-6 {
        width: 100%;
    } 
    
    #extend-treat-m .col-6 {
        width: 50%;
    } 
    
    #extend-treat-m .extend-cat-link {
        min-height: 100px;
    }
    
    .socialmedia a {
        width: 15%;
    }
    
    /*home*/
    
    #sign-treat .treatment-desc p{
        min-height: 75px;
    }
    
    #extend-treat .recommend-icon {
        left: 55%;
    }
    
    #common-skin .common-right {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        padding: 0;
    }
    
    #common-skin .common-container2 {
        flex: 0 0 calc(50% - 25px);
    }
    
    #common-skin .common-container2 img
     {
        display: flex;
        width: 46px;
     }
     
    
     
     /*our story */
    
    /*#story .story-titleline::before {*/
    /*    left: 18%*/
    /*}*/
    
     
    #philosophy .philo-right{
        padding:15px;
    }
    
    #philosophy .philo-right img {
        /*width: 60px;*/
        /*height: 60px;*/
        /*padding: 14px;*/
    }
    
   /*treatment list */

    .treatment-desc-box {
        padding: 20px;
    }
        
    /*treatment details */
    
    .treatment-title {
        min-height: 1px;
    }
    
    
    #treatdetail .imagebox {
        /*width: auto;*/
    }
    
    /*our product */
    #productbanner2page {
        aspect-ratio: 900 / 1880;
    }
    
    .payment-qr {
        min-width:320px;
    }
    
    #shop .packagelist .col-6 {
        width: 50%;
    } 
    
    #shop .product-img-btn{
        width: 100px;
        height: 35px;
    }
    
    
    
    /*partnership */
    
     #partnerships .partner-title {
            min-height: 1px;
    }
    
    #partnerships .partner-desc {
        min-height: 1px;
    }
    
    #partnerships .partner-box {
        min-height: 1px;
    }
    
    .partner-inner {
        min-height: 1px;
    }
    
}


@media(max-width: 333.9px){
    .header-inner-flexbox {
        /*width: calc(100% - 85px);*/
    }
    
    /*home */
    
    #sliderm .swiper-slide-bg {
        min-height: 600px;
    }
    
    .top-message .content p, .notice-highlight{
        font-size:11px;
    }
    
     #common-skin .common-right {
         padding:0;
     }
     
     #common-skin .common-container2 img {
        width: 39px;
    }
     
     /*our story */
    /* #story .story-titleline::before {*/
    /*    left: 21%;*/
    /*}*/
  
    
    
    
}
@media(max-width: 279.9px){
    #primary-menu-trigger, #page-submenu-trigger{width: 35px;}
}

/*	------------------------ Responsive END -------------------------- */