@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-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-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;
}

@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: 'Montserrat-SemiBold';
	src: url("../fonts/Montserrat/Montserrat-SemiBold.ttf") format("truetype");
	font-weight: 600;
    font-style: normal;
}


/*	------------------------ 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: 16px;
	color: #000;
	line-height: 24px;
}
p.text-center, .text-center p{max-width: 900px; margin-right: auto; margin-left: auto;}
h1, .h1{
	font-weight: 700;
	font-size: 60px;
	color: #000;
	font-family: 'Inter-Bold' !important;
	line-height: 65px;
}
h2, .h2{
	font-weight: 700;
	font-size: 45px;
	color: #000;
	font-family: 'Inter-Bold' !important;
	line-height: 50px;
}
h3, .h3{
	font-weight: 700;
	font-size: 35px;
	color: #000;
	font-family: 'Inter-Bold' !important;
	line-height: 24px;
}
h4, .h4{
	font-weight: 600;
	font-size: 24px;
	color: #000;
	font-family: 'Inter-SemiBold' !important;
	line-height: 35px;
}
h5, .h5{
	font-weight: 600;
	font-size: 18px;
	color: #000;
	font-family: 'Inter-SemiBold' !important;
	line-height: 24px;
}
h6, .h6{
	/* font-weight: 600;
	font-size: 16px;
	color: #000;
	font-family: 'Inter-SemiBold' !important;
	line-height: 24px; */
}
.big-text{
	font-weight: 400;
	font-size: 18px;
	color: #000;
	font-family: 'Inter-Regular', sans-serif;
	line-height: 24px;
}
.tag{
	font-weight: 800;
	font-size: 16px;
	color: #000;
	font-family: 'Inter-ExtraBold' !important;
	line-height: 24px;
}




small, .sm-text{
	font-weight: 400;
	font-size: 12px;
	color: #000;
}

.light-text{
	font-weight: 300;
	font-size: 12px;
	color: #000;
}
.cta-text{
	font-weight: 600;
	font-size: 14px;
	color: #fff;
}

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;}

.button{
	
	color: #FFF;
	font-family: "Inter-SemiBold";
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px;

	display: flex;
	width: 120px;
	height: 45px;
	/* padding: 12px 37px; */
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 5px;
	background: #EC1C24;

    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
}
.button:hover{background-color: #FDC81F;
color:#000;}
.button1{
	
	color: #FFF;
	font-family: "Inter-SemiBold";
	font-size: 14px;

	display: flex;
	width: 120px;
	height: 45px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 5px;
	background: #EC1C24;

    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
}
.button1:hover{background-color: #FDC81F;color: #000;}
.button2{
	color: #FFF;
	font-family: "Inter-SemiBold";
	font-size: 16px;

	display: flex;
	width: 194px;
	height: 50px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 5px;
	border: 1px solid #FFF;	
}
.button2:hover{
	background-color: #EC1C24;
	color: #FFF;
}
.button3{

	display: flex;
	width: 104px;
	align-items: center;
	gap: 10px;
	color: #FDC81F;
	font-family: "Inter-SemiBold";
	font-size: 16px;
	font-weight: 600;
	text-shadow: none;
	
}
.button3:hover{
	color: #EC1C24;
}
.button3:hover svg path{
	fill: #EC1C24;
}
.button4{
	background-color: #fff;
	color: #000;
	border-radius: 100px;
	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;
}
.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: 24px;
	text-decoration: none;
}
.button-outlined:hover{
	background-color: #CC9739;
	color: #fff;
}

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

.wabutton{
	color: #FFF;
	font-family: "Inter-SemiBold";
	font-size: 16px;
	font-weight: 600;
	display: flex;
	width: 194px;
	height: 50px;
	justify-content: center;
	align-items: center;
	gap: 10px;	
	border-radius: 5px;
	border: 1px solid #51CD5E;
	background: rgba(87, 208, 99, 0.10);
}

.wabutton:hover{
	color:#fff;
}

.justify-items-center{
	justify-items: center;
}

.link{
	color: #CC9739;
	border-bottom: 1px solid #CC9739;
}
.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: 24px;
    margin-left: 5px;
    font-weight: 100;
}

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

.bg-grey{background-color: #f2f2f2;}
.loadingDiv{display: none; color:#fff;}
#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;}
.width-80{width:80%;}

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

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

.top-message{
	background-color: #f7ecda;
}
.top-message .flexbox{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.top-message .content p{
	color: #555;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-bottom: 0;
}
.top-message .content p a{
	color: #555;
	font-weight: 700;
}

.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;}
.header-outter-flexbox{
	display: flex;
    flex-direction: row;
    /* flex-wrap: wrap; */
    align-content: center;
    align-items: center;
    justify-content: space-between;
    max-height: 90px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.header-inner-flexbox{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
	flex: 1 1 auto;
    /*width: calc(100% - 550px);*/
    /*width: calc(100% - 300px);*/
}
#primary-menu-container{}
#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){

}
.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;
   
}









#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: 10px;
	font-family: "Inter-SemiBold";
}
#header .header-info .infobox.top-contact .flexbox .text .number a{ 
	
	color: #000;
	font-family: "Inter-Regular";
	font-size: 14px;
	font-weight: 400;
}
#header .header-info .infobox.top-contact .flexbox .text .number a:hover{ 
	
	color: #FFC800;
}
.separator {
	color:#000;
    font-size: 14px !important;
    font-family: "Inter-Regular" !important;
}
#header .header-info .infobox.top-contact .flexbox .text .number p{ 
	
	color: #000;
	font-family: "Inter-Regular";
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
}


#header .header-info .infobox.others > div:not(.top-cart-content){height: 100%;}
#header .header-info .infobox.others ul{height: 100%;}
.icon-bg {
  background: #392111;
  border-radius: 18px;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right:10px;
}

#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: #FDC81F;
    color: #000;
}
#primary-menu ul ul li a:hover, #primary-menu ul ul li.current a{
	background-color: #FDC81F;
    color: #000;
}

.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;
}
.mobile-drawer .searchbutton svg#search_icon{
    height: 13px;
    padding-left: 0;
    padding-right: 5px;
    width: auto;
    display: block;
}
#top-cart{position: relative;}
#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;
	margin-left: 10px;
}
.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; overflow:hidden;}
.contentstart.allow-sticky{
    overflow: visible;
}
.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 -------------------------- */

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



 .wave-top {
    /* margin-top: -60px;
	padding-top:60px; */
}

.wave-bottom {
    /* height:27px; */
	position: relative;
    z-index: 2;
    margin-bottom: -20px;
}

#cta1{
	background: url(../images/layout/cta1-bg.png) transparent 50% / cover no-repeat;
	/* background-color: #FDC81F; */
	/* padding-top:0px; */
	/* padding-bottom:50px; */
	/* aspect-ratio: 1440/371; */
	z-index: 1;
    position: relative;
	margin-bottom: -60px;
	padding-top: 90px;
    padding-bottom: 90px;
}

#cta1 .tag{
	letter-spacing: 1.6px;
}

#cta1 .testi-name{
	text-transform: capitalize;
}

#cta1 .testi-desc{
	overflow: hidden;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    text-overflow: ellipsis;
	height:120px;
	line-height:30px;
}

#cta1 .testicarousel{
	padding:0 50px 0 70px;
}

#cta1 .oc-item{
	/* padding: 0 45px; */
}


#cta1 .owl-carousel .owl-nav [class*=owl-].owl-prev {
    position: absolute;
    top: 50%;
    margin-top: -18px;
    left: -60px;
    zoom: 1;
    color: #FDC81F ! important;
    border-radius: 50%;
	border:none;
	background: #392111;
    width: 40px;
    height: 40px;
    justify-items: center;
    /* line-height: 32px; */
    font-size: 30px;
    opacity: 1;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

#cta1 .owl-carousel .owl-nav [class*=owl-].owl-next {
    position: absolute;
    top: 50%;
    margin-top: -18px;
    right: -60px;
    zoom: 1;
    color: #FDC81F ! important;
    border-radius: 50%;
	border:none;
	background: #392111;
    width: 40px;
    height: 40px;
    /* line-height: 32px; */
    justify-items: center;
    font-size: 30px;
    opacity: 1;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

#cta1 .owl-dots {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

#cta1 .owl-dots button {
    background-color: transparent;
    border: none;
    padding: 0;
}

#cta1 .owl-dots button span {
    background-color: transparent;
    color: #000;
    border: 2px solid #392111;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 4px;
    opacity: 1;
    border-radius: 50%;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

#cta1 .owl-dots button.active span {
    background-color: #392111;
    color: #000;
    opacity: 1;
}


#cta2 {
    aspect-ratio: 1440/697;
    /* background: url(../images/layout/cta2.jpg) lightgray 50% / cover no-repeat; */
	background: url(../images/layout/cta2-bg.png) lightgray 50% / cover no-repeat;
    background-color: transparent;
    position: relative;
    align-content: center;
	margin-top: -65px;
    z-index: 1;
    padding-top: 10px;
	 padding-bottom: 10px;
}

#cta2 .cta2-title{
	color: #FFF;
	font-family: "Inter-Bold";
	font-size: 60px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: capitalize;
}

#cta2 .cta2-desc{
	color: #FFF;
}















#cta{margin-top: 60px; margin-bottom: 60px;}
.ctabox{
	background-color: #FAF6ED;
	border-radius: 0 30px 0 30px;
	overflow: hidden;
}
.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%;}

#footer{
	color: #fff;
	font-family: 'Inter-Regular', sans-serif;
}
.footerp{
	color: #000000;
	font-weight: 400;
}
#footer h4{color: #000000;}
#merchantimg img{max-height: 23px;}
.address h4{
	font-family: 'Inter-Bold', sans-serif !important;
    font-size: 16px;
    font-weight: 700;
	margin-top:20px;
	margin-bottom:10px !important;
}
.address p{
	font-size: 16px;
	color: #343434;
}
#footer .footer-widgets-wrap > .row{justify-content: space-between;}
/*#footer .socialmedia{margin-top: 18px;}*/
#footerSocialContacts .socialmedia{justify-content: flex-end;}
#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;}
.socialmedia a svg{
	width: 100%;
	max-width: 20px;
	height: auto;
	/*margin-right: 6px;*/
	/*margin-top: 6px;*/
	fill: #fff;
	-webkit-transition: fill .3s ease;
	-o-transition: fill .3s ease;
	transition: fill .3s ease;
	margin-bottom: 15px;
}
.socialmedia a:hover svg{
    fill: #CC9739;
    -webkit-transition: fill .3s ease;
	-o-transition: fill .3s ease;
	transition: fill .3s ease;
}
#footer .social-col{
	max-width:17%;
}
#footer .icon-bg{
	border-radius: 18px;
	background: #FDC81F;
}
#footer .widget_links a{
	color: #343434;
	-webkit-transition: color .3s ease;
	-o-transition: color .3s ease;
	transition: color .3s ease;
}
.standard-logo img {
    width: 80%;
}
#footer .widget_links a:hover,
#footer .widget_links a:active,
#footer .widget_links a:focus {
    color: #FDC81F !important;
    -webkit-transition: color .3s ease;
	-o-transition: color .3s ease;
	transition: color .3s ease;
}
#footer .footer-widgets-wrap h4{
	/* margin-top: 20px; */
	margin-bottom: 20px;
}
#subscription{
	background-color: #f5f5f5;
	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: white;}
#footerCompContacts a:hover .text .number{color: #CC9739;}

#footerCart svg{fill: #ac8c5e; max-width: 29px;}
#copyrights .col-12{ 
	/* padding-top: 30px; padding-bottom: 10px; */
}
#copyrights a{color: white;}
#copyrights a:hover{color: #CC9739;}

/*	------------------------ 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 -------------------------- */
.animated {
    animation-duration:0.5s !important;
}
#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;
	position: relative; 
}
#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;}

.wave-slide-bottom{
	margin-top:-76px;
}


/* home brand  */

.section-tag{
	color:#EC1C24 !important;
	text-transform: uppercase;
	letter-spacing: 1.6px;
}

#home-brand{
	/* aspect-ratio: 1881 / 878; */
    /* background: url(../images/layout/home-brand-bg.jpg); */
	 /* background: url(../images/layout/home-brand-bg2.png);
	 aspect-ratio: 215/128; */
	  background: url(../images/layout/home-brand-bg-3.png);
	   /* aspect-ratio: 287/171; */
	background-repeat: no-repeat; 
	background-size: cover;
    background-color: transparent;
	padding-bottom:0px;
	padding-top: 130px;
	margin-top:-70px
}

#home-brand .tag{
	margin-bottom:15px;
}

#home-brand h2 {
	color:#fff;
	margin-bottom:15px;
}

#home-brand p {
	color:#fff;
	margin-bottom:15px;
}

.brand-special-container{
	align-items: center;
    align-content: center;
	justify-content: center;
    display: flex;
}
.brand-box {
    display: flex;
    align-items: center;
    color: white;
    justify-content: center;
    position: relative;
    gap: 15px;
}
.brand-col-left .brand-box{
	justify-content: flex-start;
}

.brand-col-right .brand-box{
	justify-content: center;
}
.brand-col-left {
	row-gap: 20px;
	align-items: center;
    align-content: center;
    justify-content: center;
    justify-items: center;
    display: flex;
}

.brand-col-right {
	row-gap: 20px;
}
.brand-box img{
	max-height: 100px;
	max-width:100px;
}

#home-brand .brand-title .title{
	color:#fff;
	margin-bottom:0;
	text-align: left;
}




.brand-title{
	position: relative;
}

/* Left side lines */
.brand-col-left .brand-title::after {
   content: "";
    position: absolute;
    left: 130%;
    top: 50%;
    width: 235px;   /* match SVG width */
    height: 10px;   /* match SVG height */
    transform: translateY(-50%);
    background: url("../images/brand-line.png") no-repeat center;
    background-size: contain;
}

.brand-col-left .brd1.brand-title::after {
   content: "";
    position: absolute;
    left: 130%;
    top: 50%;
    width: 345px;   /* match SVG width */
    height: 10px;   /* match SVG height */
    transform: translateY(-50%);
    background: url("../images/brand-line.png") no-repeat center;
    background-size: contain;
}

.brand-col-left .brd2.brand-title::after {
   content: "";
    position: absolute;
    left: 130%;
    top: 50%;
    width: 312px;   /* match SVG width */
    height: 10px;   /* match SVG height */
    transform: translateY(-50%);
    background: url("../images/brand-line.png") no-repeat center;
    background-size: contain;
}

.brand-col-left .brd3.brand-title::after {
   content: "";
    position: absolute;
    left: 130%;
    top: 50%;
    width: 135px;   /* match SVG width */
    height: 10px;   /* match SVG height */
    transform: translateY(-50%);
    background: url("../images/brand-line3.png") no-repeat center;
    background-size: contain;
}




/* Right side lines */
.brand-col-right .brand-box::before {
    content: "";
    position: absolute;
    right: 100%;
    top: 50%;
    width: 230px;   
    height: 10px;   
    transform: translateY(-50%);
    background: url("../images/brand-line-right.png") no-repeat center;
    background-size: contain;
}

.brand-col-right .brd4.brand-box::before {
    content: "";
    position: absolute;
    right: 100%;
    top: 50%;
    width: 285px;   /* match SVG width */
    height: 10px;   /* match SVG height */
    transform: translateY(-50%);
    background: url("../images/brand-line-right.png") no-repeat center;
    background-size: contain;
}

.brand-col-right .brd5.brand-box::before {
    content: "";
    position: absolute;
    right: 100%;
    top: 50%;
    width: 255px;   /* match SVG width */
    height: 10px;   /* match SVG height */
    transform: translateY(-50%);
    background: url("../images/brand-line-right.png") no-repeat center;
    background-size: contain;
}

.brand-col-right .brd6.brand-box::before {
    content: "";
    position: absolute;
    right: 100%;
    top: 50%;
    width: 145px;   /* match SVG width */
    height: 10px;   /* match SVG height */
    transform: translateY(-50%);
    background: url("../images/brand-line-right6.png") no-repeat center;
    background-size: contain;
}



/* home featured products  */

.warn-cross {
    margin-top: -95px;
}

#featProd {
	padding-top:0px;
}



#featProd p{
	color:#555;
}


.g-50{
	gap:50px;
}
.fprod-box {
	display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}
#featProd .fprod-box img{
	/* aspect-ratio: 150/150; */
    max-height: 204px;
	object-fit: contain;

}

.fprod-box h4{
	width: 70%;
}


/*fprod slider*/

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

#featProd .owl-carousel .owl-nav [class*=owl-].owl-prev {
    position: absolute;
    top: 35%;
    /* margin-top: -18px; */
    left: -15px;
    /* zoom: 1; */
    color: #392111 ! important;
    border-radius: 50%;
    border: none;
    background: #FDC81F;
    width: 40px;
    height: 40px;
    justify-items: center;
    justify-content: center;
    align-items: center;
    align-content: center;
    display: flex;
    /* line-height: 32px; */
    font-size: 30px;
    opacity: 1;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

#featProd .owl-carousel .owl-nav [class*=owl-].owl-next {
    position: absolute;
    top: 35%;
    /* margin-top: -18px; */
    right: -15px;
    zoom: 1;
    color: #392111 ! important;
    border-radius: 50%;
    border: none;
    background: #FDC81F;
    width: 40px;
    height: 40px;
	justify-items: center;
    justify-content: center;
    align-items: center;
    align-content: center;
    display: flex;
    /* line-height: 32px; */
    justify-items: center;
    font-size: 30px;
    opacity: 1;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

#featProd .owl-carousel .owl-nav [class*=owl-].owl-prev:hover, #featProd .owl-carousel .owl-nav [class*=owl-].owl-next:hover {
    background: #392111;
    color: #FDC81F !important;
}

#featProd .owl-dots {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

#featProd .owl-dots button {
    background-color: transparent;
    border: none;
    padding: 0;
}

#featProd .owl-dots button span {
    background-color: #cecece;
    color: #000;
    /* border: 2px solid #000; */
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 4px;
    opacity: 1;
    border-radius: 50%;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

#featProd .owl-dots button.active span {
    background-color: #FFC800;
    /* color: #000; */
    opacity: 1;
}


/* home oem  */
#home-oem{
	aspect-ratio: 480/193;
    background: url(../images/layout/home-oem-bg.png);
	background-repeat: no-repeat;
	background-size: cover;
    background-color: transparent;
    position: relative;
    align-content: center;
}


#home-oem h2{
	color:#FFF;
}

#home-oem .desc{
	color:#EEE;
}


/* home client  */

#clientele .tag{
	color: #EC1C24;
	letter-spacing: 1.6px;
	text-transform: uppercase;
}

#clientele .desc{
	color:#585858;
}

.clientele-container{
	row-gap:60px;
	justify-content: center;
}

#clientele .client-card{
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
}

#clientele .client-card img{
	max-height:130px;
}




/* =====================  About Page ======================== */


#overview{
    background: url(../images/layout/overview-bg.png);
	background-repeat: no-repeat;
	background-size: cover;
    background-color: transparent;
    position: relative;
    align-content: center;
	padding-top:0;
	padding-bottom: 80px;
}

#overview h2,#overview p{
	color:#FFF;
}

#overview .desc{
	width: 90%;
}

.shoe-paint{
	position: relative;
	z-index: 4;
}
.paint{
	position: absolute;
	z-index: 3;
	/* top: 13%; */
    left: -2%;
	width:45%;
}


#vision{
	aspect-ratio:535/256;
    /* background: url(../images/layout/vision-bg.png); */
	 background: url(../images/layout/vision-bg2.png);
	background-repeat: no-repeat;
	background-size: cover;
    background-color: transparent;
    position: relative;
    align-content: center;
	align-items: center;
	margin-top: -20px;
    padding-top: 0px;
    margin-bottom: -40px;
	padding-bottom:100px;
    z-index: 1;
}

.vision-box{
	padding-top:80px;
}

/* testing  */
.vision-bg::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0px;
    bottom: 0;
    width: 50%;
    background-image: url(../images/layout/vision-people.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}


#mission{
	aspect-ratio:535/256;
    /* background: url(../images/layout/mission-bg.jpeg); */
	background-repeat: no-repeat;
	background-size: cover;
    background-color: #FFC800;
    position: relative;
    align-content: center;
}

.mission-bg::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0px;
    bottom: 0;
    width: 50%;
    background-image: url(../images/layout/mission-img.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

#why-us{
	/* aspect-ratio:80/31; */
    background: url(../images/layout/why-us-bg.png);
	background-repeat: no-repeat;
	background-size: cover;
    background-color: transparent;
	background-position: center;
    position: relative;
	align-content: center;
	margin-top: -30px;
    padding-top: 90px;
	padding-bottom: 90px;
}

#why-us h2, #why-us .desc{
	color:#FFF;
}



.commit-box {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
}

.commit-img {
	display: flex;
    width: 100px;
	height: 100px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
    border-radius: 50%;
	background: #FFAD00;
}

.commit-box h4,.commit-box .commit-desc {
	color:#FFF;
}

.commit-desc{
	width:65%;
	text-align: center;
}



/* about award  */
#awards .owl-carousel .owl-item{width: 100%;}
#awards-slider .imagebox{
    /*height: 120px;*/
    text-align: center;
    margin-bottom: 30px;
    aspect-ratio: 210 / 170;
}
#awards-slider .imagebox img {
    height: 100%;
    object-fit: contain;
    opacity: 0.2;
}

#awards-slider .owl-item.awd-highlight .imagebox img {
    opacity: 1;
	transition: all 0.9s;
}




@media (min-width: 1000px) {
    #awards .navigation-arrows {
        display: flex !important;
    }
}


@media (max-width: 999px) {
    #awards .navigation-arrows {
        display: none !important;
    }
}

#awards .navigation-arrows {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    height: 100%;
	gap:30px;
}
.swiper-button-prev:after{
    /*content: "\e7a4";*/
    /*font-family: swiper-icons;*/
      -webkit-text-stroke: 0.9px;
}

.swiper-button-next:after {
    /*content: "\e7a5";*/
      -webkit-text-stroke: 0.9px;
}

#awards .navigation-arrows .swiper-button-next, #awards .navigation-arrows .swiper-button-prev {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    color: black;
	background: #FDC81F;
    width: 42px;
    height: 42px;
    color: #131927;
    border-radius: 50%;
    margin: 0 2.5px;
    transition: all 200ms linear;
}

 #awards .navigation-arrows .swiper-button-next:hover , #awards .navigation-arrows .swiper-button-prev:hover {
  
	background: #392111;
    color: #FDC81F;
}

#awards .navigation-arrows .swiper-button-prev:after, #awards .navigation-arrows .swiper-button-next:after {
    font-size: 16px;
    font-weight: 700;
}

#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: #cecece;
    color: #74500c;
    /* border: 2px solid #000; */
    display: block;
    width: 10px;
    height: 10px;
    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: #FFC800; 
	/* color: #000;  */
	opacity: 1;}



/* ==================== Our Brand Page ==========================  */

#our-brand {
	/* aspect-ratio:1440/319; */
    background: url(../images/layout/our-brand-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
    background-color: transparent;
    position: relative;
	align-content: center;
	padding-bottom:120px;
}


#our-brand .section-tag, #our-brand h2, #our-brand .desc{
	color:#FFF !important;
}

#anatomy{
	aspect-ratio:720/463;
    background: url(../images/anatomy.png);
	background-repeat: no-repeat;
	background-size: cover;
    background-color: transparent;
    position: relative;
	align-content: center;
	margin-top: -80px;
	padding-top: 120px;
    margin-bottom: -50px;
    padding-bottom: 110px;
    z-index: 1;
}

#anatomy h2, #anatomy .desc{
	color:#FFF !important;
}


.anatomy-special-container{
	align-items: center;
    align-content: center;
	justify-content: center;
    display: flex;
}
.anatomy-box {
    display: flex;
    align-items: center;
    color: white;
    justify-content: flex-start;
    position: relative;
    gap: 20px;
}
.anatomy-img{
    display: flex;
    width: 60px;
	height: 60px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: #FFF;
	padding: 11px 18px;
	 transition: transform 1s ease; /*after hover gone, smoother effect to original */
}

.anatomy-shoe-img{
	position:relative;
}

.anatomy-col-left {
	row-gap: 20px;
}

.anatomy-col-right {
	row-gap: 20px;
}
.anatomy-box img{
	max-height: 100px;
	max-width:100px;
}

.anatomy-title .title{
	color:#fff;
	margin-bottom:0;
	text-align: left;
}

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

.point img {
    position: absolute;
    width: 23px;
    height: 23px;
    transform: translateY(-50%);
}

.point .hover {
    opacity: 0;
}

.point.hovered .hover {
    opacity: 1;
}

.point.hovered .default {
    opacity: 0;
}


.point1 img { left: 55%; top: 22%; }
.point2 img { left: 48%; top: 37%; }
.point3 img { left: 35%; top: 55%; }
.point4 img { left: 23%; top: 62%; }
.point5 img { left: 10%; top: 65%; }
.point6 img { left: 14%; top: 81%; }
.point7 img { left: 29%; top: 87%; }
.point8 img { left: 87%; top: 52%; }
.point9 img { left: 53%; top: 88%; }
.point10 img { left: 72%; top: 79%; }
.point11 img { left: 86%; top: 75%; }
.point12 img { left: 89%; top: 64%; }
.point13 img { left: 86%; top: 41%; }
.point14 img { left: 87%; top: 27%; }



.anatomy-box.hovered .anatomy-title h4 {
    color: #FFC800;
	transition: 0.5s ease;
}

.anatomy-box.hovered .anatomy-img {
    /* min-width: 80px;
    min-height: 80px; */
	/* 60px to 80px  */
	transform: scale(1.33); 
	background: #FFC800;
	transition: 1.0s ease;
}


#unique{
	/* aspect-ratio:1436/836; */
    background: url(../images/layout/unique-bg.png);
	background-repeat: no-repeat;
	background-size: cover;
    background-color: transparent;
    position: relative;
	align-content: center;
	padding-top: 110px;
	margin-bottom: -60px;
    padding-bottom: 120px;
    
    z-index: -1;
}

.unique-container{
	row-gap:30px;
}

.unique-box {
	display:flex;
	flex-direction: column;
	/* justify-content: center; */
	align-items: center;
}
.unique-box img {
    max-height: 100px;
    max-width: 100px;
}

/* =============================================== Products listing page =============================================== */
#shop{
	 background: url(../images/layout/products-bg.jpg);
	 padding-bottom:125px;
	 background-repeat: no-repeat;
    background-size: cover;
}

#shop h2, #shop .desc{
	color:#fff;
	text-align:center;
}

#shop .cat_side_menu {
    position: sticky;
    top: 150px;
}


#shop .cat_side_menu h3, .product_detail_view .cat_side_menu h3{
	color:#FFF;
	font-family: "Inter-SemiBold" !important;
	font-size: 35px;
	font-weight: 600;

}

#shop .cat_side_menu h5 a, .product_detail_view .cat_side_menu h5 a{
	color:#fff;
}

#shop .accordion-item,.product_detail_view .accordion-item{
	border-bottom:none;
	margin-bottom:20px;
}

#shop .accordion-collapse .accordion-item, .product_detail_view .accordion-collapse .accordion-item{
	margin-bottom:30px;
}

#shop .accordion-collapse, .product_detail_view .accordion-collapse{
    border-bottom: 1px solid #555;
}



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

#shop .accordion-button, .product_detail_view .accordion-button{
    padding: 0;
    width: auto;
    flex-shrink: 0;
}

#shop .accordion-body, .product_detail_view .accordion-body{
	padding:0;
	margin-top:20px;
}

#shop .accordion-body p, .product_detail_view .accordion-body p {
	color:#fff;
}

.prodArea-empty {
    text-align: center;
    font-size: 30px;
    line-height: 49px;
	color:#fff;
}


/* =============================================== Products Detail page =============================================== */


#content.product_detail_view {
	 background: url(../images/layout/products-bg.jpg);
	     background-repeat: no-repeat;
    background-size: cover;
}


.product_detail_view h1{
	color:#fff;
}


.product_detail_view .product-desc h4{
	color:#fff !important;
}


.prod_addinfo{
	font-size:35px;
	 color:#fff;
	 line-height: 35px;
}


/* product image  */

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

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

.product-main .item {
    display: flex;
    align-items: center;
    justify-content: center;
	width: 100%;
    height: 100%;
    aspect-ratio: 373 / 372;
}

.product-main img {
    width: 100%;
    /* max-height: 350px; */
	/* min-height:300px; */
	/*aspect-ratio: 373 / 300;*/
	aspect-ratio:1/1;
    object-fit: cover;
}




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

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


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

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

.product-thumbs .owl-nav button:hover {
	background:#392111 !important;
	border: 2px solid #392111;
	color:#FDC81F;
}


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

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



.product-detail-desc {
    padding-top: 20px;
    padding-bottom: 0px;
    /* color: #000; */
}

.product-detail-desc .product-price ins {
    color: #000;
    font-family: "Inter-Regular";
    /* font-size: 18px; */
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration: none;
    margin-right: 15px;
    display: inline-block;
}

.addinfo_container{
	display: flex;
	flex-direction: row;
	padding: 20px 0;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #555;
	width:85%;
}

.addinfo_container .big-text, .addinfo_container .h5{
	color:#fff;
}


/* //related product  */

#related-prod{
	padding-bottom:125px;
}

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

#relatedblogs .owl-carousel .owl-nav [class*=owl-].owl-prev {
    position: absolute;
    top: 35%;
    /* margin-top: -18px; */
    left: -25px;
    /* zoom: 1; */
    color: #392111 ! important;
    border-radius: 50%;
    border: none;
    background: #FDC81F;
    width: 40px;
    height: 40px;
    justify-items: center;
    justify-content: center;
    align-items: center;
    align-content: center;
    display: flex;
    /* line-height: 32px; */
    font-size: 30px;
    opacity: 1;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

#relatedblogs .owl-carousel .owl-nav [class*=owl-].owl-next {
    position: absolute;
    top: 35%;
    /* margin-top: -18px; */
    right: -25px;
    zoom: 1;
    color: #392111 ! important;
    border-radius: 50%;
    border: none;
    background: #FDC81F;
    width: 40px;
    height: 40px;
	justify-items: center;
    justify-content: center;
    align-items: center;
    align-content: center;
    display: flex;
    /* line-height: 32px; */
    justify-items: center;
    font-size: 30px;
    opacity: 1;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

#relatedblogs .owl-carousel .owl-nav [class*=owl-].owl-prev:hover, #relatedblogs .owl-carousel .owl-nav [class*=owl-].owl-next:hover {
    background: #392111;
    color: #FDC81F !important;
}


#relatedblogs .owl-dots {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

#relatedblogs .owl-dots button {
    background-color: transparent;
    border: none;
    padding: 0;
}

#relatedblogs .owl-dots button span {
    background-color: #cecece;
    color: #000;
    /* border: 2px solid #000; */
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 4px;
    opacity: 1;
    border-radius: 50%;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

#relatedblogs .owl-dots button.active span {
    background-color: #FFC800;
    /* color: #000; */
    opacity: 1;
}


/* ========================== OEM Page ====================  */
#oem{
	aspect-ratio: 72/29;
    background: url(../images/layout/oem-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
    background-color: transparent;
    position: relative;
    align-content: center;
}

#oem h2, #oem .desc{
	color:#FFF;
}

#oem-why-us{
	background: linear-gradient(180deg, #FFC800 50%, rgba(29, 137, 147, 0.00) 50%);
}
#oem-why-us .oem-why-container{
	display: flex;
	padding: 50px 56px;
	flex-direction: row;
	justify-content: center;
	border-radius: 38px;
	background: #FFFDEC;
	box-shadow: 4px 12px 24.7px 0 rgba(0, 0, 0, 0.14);
}

#oem-why-us .oem-why-box {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
}

.oem-why-img {
	display: flex;
    width: 120px;
	height: 120px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
    border-radius: 50%;
	background: #000;
}

.oem-why-box h4{
	text-align: center;
}

.oem-why-desc{
	text-align: center;
	width:82%;
}

#customize{
	aspect-ratio: 72/29;
    background: url(../images/layout/customize-bg.png);
	background-repeat: no-repeat;
	background-size: cover;
    background-color: transparent;
    background-position:center;
    position: relative;
    align-content: center;
}

#customize h2, #customize .desc{
	color:#FFF;
}

.customize-container{
	display: flex;
	justify-content: center;
	align-items: center;
}

.option-box{
	display: flex;
	flex-direction: row;
	align-items: center;
	gap:20px
}

.option-box h4{
	color:#fff;
	margin-bottom:0px;
}


.industry-container {
    display: flex;
    flex-wrap: wrap;
	justify-content: center;
	row-gap:30px;
}

.industry-item {
	display: flex;
	justify-content: center;
}

.industry-card img{
	max-height:130px;
}

/* Desktop */
@media (min-width: 992px) {
    .industry-item {
        width: 20%;
    }
}

/* Tablet */
@media (min-width: 768px) and (max-width: 991px) {
    .industry-item {
        width: 33.333%;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .industry-item {
        width: 33.33%;
    }
}




/* ======================== Blog Page =========================  */

#bloglistview{
	background-image: url(../images/layout/bloglist-bg.jpg);
	/*background-size: cover;*/
	background-position:center;
	background-attachment: fixed;
}

#bloglistview.blog-pb{
    padding-bottom:125px;
}

#bloglistview h2{
	color:#fff;
}

#bloglistview .desc{
	color:#CECECE;
	text-align:center;
}



#bloglistview{
	background-color: #F0FCFB;
}
#bloglistview .bigcontent{}
#bloglistview .bigcontent a{
	display: block;
	position: relative;
}
#bloglistview .bigcontent .imagecol{
	position: relative;
	width: 100%;
}

#bloglistview .bigcontent .imagecol img{
	width: 100%;
    height: 100%;
    aspect-ratio: 644 / 380;
    object-fit: cover;
    border-radius: 10px;
    display: block;
	
}

#bloglistview .bigcontent .blog-overlay{
	width:100%;
	padding:30px;
	border-radius: 10px;
	position:absolute;
	bottom:0;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%);
}
#bloglistview .bigcontent .textcol{
	padding-top: 20px;
}
#bloglistview .bigcontent .textcol .date{
	display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
	color: #CECECE;
}

#bloglistview .bigcontent .textcol .title{
	color: #FFF;

}

#bloglistview .bigcontent .textcol .desc{
	overflow: hidden;
	color: #CECECE;;
	text-overflow: ellipsis;
	display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
	min-height:50px;
	text-align:left;
}

.g-45{
	gap:45px;
}


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

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



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

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

	}

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

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

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

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

	#bloglistview .smallcontent .textcol{
		padding:10px !important;
		width:100% !important;
	}

	
}

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

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

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


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

	

 	#bloglistview .bigcontent .imagecol img, #bloglistview .smallcontent .imagecol{
		 aspect-ratio: 6 / 4 !important;
		/* aspect-ratio: 1 / 1; */
		width: 100%;
        height: 100%;
	}

	#bloglistview .bigcontent .blog-overlay {
    	padding: 15px;
	}

	 #bloglistview .smallcontent {
		flex-direction: column;
		align-items: flex-start;
		height:auto;
		padding: 0px;
	}
	
    #bloglistview a:has( .smallcontent)
	{
    	/* make it to 1 column  */
    	max-width: 100%; 
    	width: 100%;
	}

	.previousblogs .textcol .title {
    	width: 100% !important;
		min-height: 1px !important;
	}
}



#bloglistview .smallcontent .textcol{
	/*width: calc(100% - 110px);*/
	/* padding: 25px; */
	width:60%;
}
#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:#CECECE
}
#bloglistview .smallcontent .textcol p{margin-bottom: 0;}
#bloglistview .smallcontent .textcol .title{
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
    color:#fff;
	
}



#relatedbloglist{
	    padding-bottom: 125px;
}

#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;}

/* // related blog pagination  */

.custom-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
}

.custom-pagination button {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    border: none;
    background: #ECECEC;
    cursor: pointer;
    transition: 0.3s;
	color: #000;
	font-family: "Inter-SemiBold";
	font-size: 16px;
}


.custom-pagination .active {
    background: #FDC81F;
    color: #000;
}

.page-numbers{
    display: flex;
    justify-content: center;
    align-items: center;
	gap: 15px;
}

/* Blog Details Page  */

.sharesec a img{
    max-width:40px;
}

.blogdetailview{
	background-image: url(../images/layout/blog-detail-bg.jpg);

}

.blogcontent p{
	color: #FFF;
	/* font-size:14px; */
	margin-bottom:30px;
}

.blogcontent h1,.blogcontent h2, .blogcontent h3, .blogcontent h4, .blogcontent h5, .blogcontent h6, .blogcontent div, .blogcontent dl, ol, ul{
	color: #FFF;
}



.blogcontent p:last-child{
	margin-bottom:0;
}

.sharesec h5, .relatedblog h4{
	color:#fff;
}

.relatedblogcontent {
    display: flex;
    flex-direction: row;
    gap: 10px;
}

.relatedblogcontent  .imagecol {
    aspect-ratio: 102 / 102;
    width: 102px;
    HEIGHT: 102px;
} 
.relatedblogcontent .imagecol img {
	aspect-ratio: 102/102;
	object-fit: cover;
	border-radius:8px;
}

.relatedblogcontent  .date{
	color:#CECECE;
}

.relatedblogcontent  .title{
	color:#fff;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
}


/* ==================== FQAS Page =========================  */
.pageview{
	background-image: url(../images/layout/page-view-bg.png);
}

.faqsview{
	background-image: url(../images/layout/page-view-bg.png);
	padding-bottom: 110px;
	background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.pagenotfound-bg{
	background-image: url(../images/layout/page-view-bg.png);
}

.faqsview h2,  .pagenotfound-bg p{
	color:#FFF;
}
.faqsview .desc{
    color:#CECECE;
}
.accordion-item{
	color:#fff;
}
.accordion-item:first-child .accordion-header .accordion-button {
    padding-top: 0;
}
.accordion-item, .accordion-button{background-color: transparent;}
.accordion-flush>.accordion-item:last-child{
	/* border-bottom: 1px solid #555; */
	padding-bottom: 0px;
}
.faqsview .accordion-item{
	border-bottom: 1px solid #555;
	padding-bottom: 0px;
}

.faqsview .accordion-item:last-child {
    border-bottom: 1px solid #555;
    padding-bottom: 0px;
}

.accordion-button{
	font-weight: 600;
	font-size: 24px;
	color: #fff;
	font-family: 'Inter-SemiBold' !important;
	line-height: 35px;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-right: 0;
	padding-left: 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-repeat: no-repeat;
    background-position: center;
    transition: all 0.3s ease;
    transform: none;
}

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

.accordion-button:not(.collapsed)::after {
	background-image: url("../images/icons/accor-close.png");
	 transform: rotate(360deg) !important;
	 border-radius: 25px;
	border: 2px solid #FFC800;
	background-color: #FFC800;
}




.accordion-button:not(.collapsed) {
    padding-bottom: 15px;
}

.accordion-body{
	padding: 0 0 30px 0;
	width: 88%;
}





/* General Enquiry Page  */

#g-enquiry{
	background-image: url(../images/layout/page-view-bg.png);
}

#g-enquiry h2, #g-enquiry p{
	color:#fff;
}
#g-enquiry .desc{
	width:85%;

}
#g-enquiry .contact-icon-box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
}

#g-enquiry .icon-row {
    display: flex;
    align-items: center;
    gap: 28px;
    align-self: stretch;
    margin-bottom: 45px;
}

#g-enquiry .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: #FFC800;
}

#g-enquiry .contact-info h4, .contact-info p, .contact-info p a, .contact-info .separator{
	color:#fff;
}

.contact-icon-box .contact-icon img{
    max-width:21px;
}
.contact-icon-box .contact-info a img{
    max-width:28px;
}

.ge-right h2{
	color:#fff;
}

#map{
	position:relative;
	height:500px;
}




/* ============= careers page =============== */

#careers {
	background-image: url(../images/layout/careers-bg.jpg);
    padding-bottom: 125px;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}

#careers h2 {
	color:#fff;
}

#careers .desc{
	color:#fff;
	opacity: 0.7;
}

#careers .desc2{
	color:#fff;
}

#careers .accordion{
	border:none !important;
	--bs-accordion-border-color:none;
}

#careers .accordion-item {
    border: none;
    border-bottom: 1px solid #555;
    border-radius: 0px;
}

#careers .accordion-button {
    padding: 20px 15px;
    border: none;
    box-shadow: none;
}

#careers .accordion-button:not(.collapsed) {
    padding: 20px 15px 15px 15px;
}

#careers .accordion-body {
    padding: 0 15px 30px 15px;
	/* width:100%; */
}

#careers .accordion-body p{
	color:#fff;
	margin-bottom:0px;
}

.selectfield{
	border: 1px solid #CECECE !important;
	background: #FFF !important;
}

.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;
}

.colfileupload {
        color: #fff;
		margin-bottom:30px !important;
}


.colfileupload .input {
    display: flex;
    align-items: center;
    gap: 10px;
}

#file {
    width: 220px;  
    flex: 0 0 auto; 
}

.fileupload-field {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
	font-size:14px;
}

#file {
    display: none; 
	/* hide native input */
}

.upload-btn {
    padding: 5px 5px;
    border: 1px solid #555;
    background: #f0f0f0;
    cursor: pointer;
	color: #000;
	margin-bottom:0px;
	
}

.filename {
    color: #fff;
    background: transparent;
}

.colfileupload label{
	font-size:14px;
}

.filetype {
    color: #fff;
}






/* ================================= search page ============================ */

.search_pg{
	background-image: url(../images/layout/page-view-bg.png);
	background-size: cover;
}

.search_pg h2, .search_pg p,.search_pg h3 ,.search_pg h3 a{
	color:#fff !important;
}

.search_pg h3 a:hover{
	color:#FDC81F !important;
} 

.search_pg .search_image img {
    max-height: 250px;
    border-radius: 8px;
	background-color: #fff;
	object-fit: cover;
}

.search_pg .search_image img:hover{
	background-color: #FDC81F;
}











#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;}


#updates{
	background-color: #FFF;
}
#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: #1F1F1F;
    padding: 15px 0;
    top: auto;
    position: relative;
    border: none;
}
.topcrumb {
	padding: 0;
	text-align: center;
}
.topcrumb ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.topcrumb ul li {
    display: inline-block;
    color: #FFFFFF;
    font-size: 14px;
}
.topcrumb ul li a {
    color: #FFFFFF;
}

#banner.aboutuspage{
	position: relative;
    z-index: 1;
}
@media(min-width: 768px){
	#banner.aboutuspage{
		aspect-ratio: 1440 / 615;
		background-size: cover;
		background-position: top right;
		background-image: url('../images/layout/aboutus-banner.webp');
	}
}
#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;}

#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%;}



/*	------------------------ 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;}

    /*#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;}
}

#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;
	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: #fff;
    -webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.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.current a ,
.blog_side_cat ul li a.active,
#shop .cat_side_menu h5 a:hover, #shop .cat_side_menu h5.current a,
.product_detail_view .cat_side_menu h5 a:hover, .product_detail_view .cat_side_menu h5.current a{
	/* background: #CC9739; */
	color: #FFC800;
}

.featuredblogs{
	/* margin-bottom: 20px; */
}
#content.bloglistview{
	background-color: #F8F8F8;
	padding-top: 40px;
}
#content.bloglistview .bigcontent{}
#content.bloglistview .bigcontent a{
	display: block;
	position: relative;
}
#content.bloglistview .bigcontent .imagecol{
	position: relative;
}
#content.bloglistview .bigcontent .imagecol:after{
	content: '';
	width: 100%;
	height: 40%;
	position: absolute;
	bottom: 0;
	left: 0;
	opacity: 0.8;
	background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0.00) 100%);
}
#content.bloglistview .bigcontent .imagecol img{
	aspect-ratio: 645 / 350;
	object-fit: cover;
}
#content.bloglistview .bigcontent .textcol{
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 30px 30px 15px;
}
#content.bloglistview .bigcontent .textcol .date{
	border-radius: 49px;
	background: #EBE3D1;
	display: inline-flex;
	padding: 5px 15px;
	justify-content: center;
	align-items: center;
	color: #74500C;
	font-size: 12px;
	font-weight: 600;
	margin-bottom: 12px;
}
#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: wrap;*/
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    /*max-height: 110px;*/
    height: 100%;
}
#content.bloglistview .smallcontent .imagecol{
	aspect-ratio: 1 / 1;
	background-color: #E9E9E9;
	/*width: 110px;*/
	height: 100%;
	width: min-content;
}
#content.bloglistview .smallcontent .imagecol img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#content.bloglistview .smallcontent .textcol{
	/*width: calc(100% - 110px);*/
	padding: 25px;
}
#content.bloglistview .smallcontent .textcol .date{
	color: #734F0D;
	font-size: 12px;
	font-weight: 600;
	margin-bottom: 5px;
}
#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-weight: 600;
	line-height: normal;
}
.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: 305/229;
	background-color: #E9E9E9;	
	border-radius: 10px;
}
.previousblogs .imagecol img{
	object-fit: cover;
	width: 100%;
	height: 100%;
	border-radius: 10px;
}
.previousblogs .textcol{
	padding-top: 20px;
	background-color: white;
}
.previousblogs .textcol .date{
	color: #555;
}
.previousblogs .textcol .title{
	color: #000;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	width: 80%;
	min-height: 50px;
}
.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;
	margin-top:60px;
}
.myPagination a span{
	font-size: 18px;
}
.myPagination span {
    color: black;
	font-family: 'Inter-SemiBold', sans-serif;
    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{
	color: black;
	font-family: 'Inter-SemiBold', sans-serif;
	font-size: 16px;
	font-weight: 600;
	background-color: #ECECEC;
	aspect-ratio: 1 / 1;
	border-radius: 100px;
	border: 1px solid #ECECEC;
	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: #000;
	font-family: 'Inter-SemiBold', sans-serif;
	font-size: 16px;
	font-weight: 600;
	background-color: #FDC81F;
	aspect-ratio: 1 / 1;
	border-radius: 100px;
	border: 1px solid #FDC81F;
	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;
}

#content.blogdetailview {
    background-color: #F8F8F8;
	padding-bottom:125px;
}
.blogdetailview{}
.blogdetailview .coverimage{
	width: 100%;
	border-radius: 20px;
	aspect-ratio: 977/350;
	object-fit: cover;
}
.blogdetailview .flexbox{
	margin-top: 30px; 
	margin-bottom: 30px;
}
.blogdetailview .flexbox .titlesec{
	/* width: calc(100% - 200px); */
}
.blogdetailview .flexbox .titlesec .date{
	color: #CECECE;
	margin-bottom: 10px;
}
.blogdetailview .flexbox .titlesec .title{
	color: #FFF;
	
	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);
}
#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,  #careerForm .col-12, #vacancyform .col-12{
	margin-bottom: 20px;
}
#enquiryForm .row:last-child .col-12:last-child,#careerForm .row:last-child .col-12:last-child, #vacancyform .row:last-child .col-12:last-child{margin-bottom: 0;}
#enquiryForm .sm-form-control,#careerForm .sm-form-control, #vacancyform .sm-form-control{
	
	border: 1px solid #CECECE;
    height: 100%;
    padding: 23px 18px;
	color: #555;
	font-family: "Inter-Regular";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	border-radius: 6px !important;
	border: 1px solid #E7E7E7;
	background: #FFF;
}
#enquiryForm .sm-form-control::placeholder,#careerForm .sm-form-control::placeholder, #vacancyform .sm-form-control::placeholder{
	color: #555;
}
#enquiryForm #submitBtn .button{}

@media(min-width: 768px){
	.mapiframediv{
		display: block;
		/* width: calc(50% - 25px); */
		width:100%;
		height: 100%;
		position: absolute;
		right: 0;
		top: 0;
	}
	.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;
}
#header .flexbox .text{
	color: #000;
	padding-right: 30px;
}


.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 a .content{
	/* margin-bottom:30px; */
}
.packagelist .product-image{
	aspect-ratio: 1 / 1;
	height: auto;
	overflow: hidden;
	background-color: #fff;
}
.packagelist a:hover .product-image{
	background-color: #FFC800;
	transition: all 0.5s;
}
.packagelist a:hover .product-image img
 {
    transform: scale(1.05);
    transition: transform .35s ease;
 }
.packagelist .product-image img{object-fit: cover;transition: transform .35s ease;}
.packagelist .product-desc{
	padding-top: 20px;
	padding-bottom: 0px;
	/* color: #000; */
}
.packagelist .product-desc .product-title{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-transform: capitalize;
	margin-bottom: 10px;
	color:#fff;
	/*display:flex;*/
	/*align-items:center;*/
	/*gap:10px;*/
	font-size:18px;
}
.packagelist .product-desc .product-title span{
    font-size:18px;
    overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.packagelist .product-desc .product-price{
}
.packagelist .product-desc .product-price ins{
	color: #CECECE;
	font-size: 16px;
	/* font-family: "Inter-Regular";
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal; */

	
	text-decoration: none;
	/* margin-right: 15px; */
	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;
}

.packagelist a:hover .product-desc{color: #000;}
.packagelist a .content{
	position: relative;
	padding: 0;
	overflow: hidden;
}
.packagelist a:hover .content:after{
	/* content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(115,79,13,0.5);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96' fill='none'%3E%3Cpath d='M48 20V76' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20 48H76' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center; */
}




/*	------------------------ 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: 150px;
}
#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{
	padding-bottom: 20px;
	/* border-bottom: 1px solid #CECECE; */
	/* 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{
	 font-size: 35px;
	/*font-size: 35px;*/
	color: #fff;
	text-decoration: none;
	display: inline-block;
}
.product_detail_view .product-price del{
	color: #F00;
	font-weight: 500;
	font-size: 12px;
	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: space-between;
    /* justify-content: flex-start; */
	/* gap: 25px; */
	margin-bottom:30px;
	width:85%;
}

.packageprodAttrlabel{
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    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: 30px;
}
.quantity-box .quantitytext{
	color: #555;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-transform: capitalize;
	display: block;
	margin-right: 15px;
}
.quantity-box .quantity{
	margin: 0;
	background-color: #FAFAFA;
	border: 1px solid #CECECE;
	border-radius: 8px;
    /*height: 55px;*/
    height: 40px;
    width: 105px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
}
.quantity-box .quantity .plus, .quantity-box .quantity .minus{
	border: none;
	display: block;
	cursor: pointer;
	background-color: transparent;
	color: rgba(109,109,109,0.7);
	font-weight: 100;
	line-height: 1;
	text-align: center;
	height: 100%;
	width: calc((100% - 35px) / 2);
}
.quantity-box .quantity .minus.disabled{
	color: rgba(109,109,109,0.5);
}
.quantity-box .quantity .plus{
	font-size: 18px;
}
.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-box .quantity .qty{
	border: none;
	background-color: transparent;
	width: 35px;
	/*font-size: 20px;*/
	font-size: 16px;
	font-weight: 600;
	color: #151515;
	text-align: center;
	line-height: 1;
	margin-bottom: 0;
}
.addtocart_button{
	
}
.addtocart_button .button{
	width: 196px;
height: 50px;
	/* padding: 20px 35px;
    height: auto;
    line-height: normal;
    width: 190px;
    max-width: 100%;
    margin-right: 20px; */
}

.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', sans-serif;
}
.accordion-button:focus{box-shadow: none;}
.accordion-button:not(.collapsed){
    background: transparent;
    color: #fff;
    box-shadow: none;
}

.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: 1499.9px){
    

   .slider-caption h1, #cta2 .cta2-title{
    	 font-size:50px; 
    	 line-height:60px;
    }
    
    .slider-caption .big-text{
    	font-size:14px;
    }
    
    h2, .h2{font-size: 35px;line-height: 42px;}
	h3, .h3, .homeproduct .product-desc .product-title, .homeproduct .product-desc .product-price ins{font-size: 28px;}
	h4, .h4{font-size: 18px;line-height: 24px;}
    h5, .h5, .homeproduct .product-desc .product-price del{font-size: 16px;}
    h6, .h6{font-size: 14px;}
	.big-text{font-size: 16px;}
	.tag, .homeproduct .discount-tag .percentage, .product_detail_view .product-desc1 .prodCat{font-size: 12px;}
	p{font-size:14px;}
    .button {font-size: 14px;}
    #shop .cat_side_menu h3, .product_detail_view .cat_side_menu h3{
        font-size:28px;
    }
    .accordion-button {
        font-size: 18px;
    }
    .prod_addinfo {
        font-size: 28px;
    }
    .product_detail_view .product-price ins{
	 font-size: 28px;
    }
    #enquiryForm .sm-form-control, #careerForm .sm-form-control, #vacancyform .sm-form-control{font-size:14px;}
    .widget p:not(.lead){
        font-size:14px;
    }
    .widget_links li a {
        font-size: 14px;
    }
    #footer .widget_links a{
        font-size:14px;
    }
    #copyrights{
        font-size:14px;
    }
}

@media(min-width: 1285px) and (max-width: 1439.9px){
	#header .header-info .infobox.top-contact .flexbox .text .number a {
		font-size: 12px;
	}

	#header .header-info .infobox.top-contact .flexbox .text .number p {
		font-size: 12px;
	}
}


@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);}
	.brand-col-left .brand-title::after, .brand-col-right .brand-box::before{
		width:200px;

	}
}

@media(min-width: 767px) and (max-width: 1289.9px){
	#slider{
		aspect-ratio: 2880 / 1100;
		height:550px;
	}
	.swiper_wrapper:not(.force-full-screen), .swiper_wrapper:not(.force-full-screen):not(.canvas-slider-grid) .swiper-slide{
		height:550px;

	}

}

@media(min-width: 992px) and (max-width: 1284.9px){
	#header .header-info .infobox.top-contact .flexbox .text .number a {
		font-size: 10px;
	}

	#header .header-info .infobox.top-contact .flexbox .text .number p {
		font-size: 10px;
	}

	#logo img {
    	height: 40px;
	}

	#header .flexbox .text {
		padding-right: 15px;
	}

}

@media(min-width: 992px) and (max-width: 1139.9px){
	.top-address{
		max-width:325px !important;
	}
}

@media(min-width: 992px) and (max-width: 1039.9px){
	#header .header-info .infobox.top-contact .flexbox .text .number a {
		font-size: 9px;
	}

	#header .header-info .infobox.top-contact .flexbox .text .number p {
		font-size: 9px;
	}
	#header .flexbox .text {
		padding-right: 8px;
	}
	.top-address{
		max-width:300px !important;
	}
}


@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(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: 1259.9px){
    .brand-col-left .brd1.brand-title::after {
        width: 300px;
	}
	
	.brand-col-left .brd2.brand-title::after {
        width: 275px;
	}
	
	.brand-col-left .brd3.brand-title::after {
        width: 100px;
	}
	
	.brand-col-right .brd4.brand-box::before{
	     width: 240px;
	}
	
	.brand-col-right .brd5.brand-box::before{
	     width: 230px;
	}
	
	.brand-col-right .brd6.brand-box::before{
	     width: 125px;
	}
}

@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 h2{font-size: 40px;}
	#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{background-position: center top;}
	#banner.aboutuspage .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;}
	
	#content.bloglistview .featured3blogs{
        flex-direction: row;
        flex-wrap: wrap;
	}
	#content.bloglistview a:has( .smallcontent){
	    max-width: 33.3333%;
	}
	#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: auto; */
	}
}



@media(max-width: 991.9px){
	h2, .h2{font-size: 26px;line-height: 40px;}
	h3, .h3, .homeproduct .product-desc .product-title, .homeproduct .product-desc .product-price ins{font-size: 22px;}
	h4, .h4{font-size: 18px;line-height: 24px;}
    h5, .h5, .homeproduct .product-desc .product-price del{font-size: 16px;}
    h6, .h6{font-size: 14px;}
	.big-text{font-size: 14px;}
	.tag, .homeproduct .discount-tag .percentage, .product_detail_view .product-desc1 .prodCat{font-size: 12px;}
    html, body, p{
		font-size: 12px;
	}
	#enquiryForm .sm-form-control, #careerForm .sm-form-control, #vacancyform .sm-form-control{
		font-size:14px;
	}
	
	.accordion-button{
		font-size:18px;
	}
	 #shop .cat_side_menu h3, .product_detail_view .cat_side_menu h3{
        font-size:22px;
    }

    #primary-menu-container{display: none;}
    #header{
        position: sticky;
        top: 0;
        z-index: 999;
        background-color: #FFF;
        border-bottom: 1px solid #CECECE;
    }
	.header-inner-flexbox {
        position: relative;
    }
	#logo {
		flex: 0 0 auto;
	}
    #logo {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }

	.standard-logo img {
		width: 40%;
	}

	.mobile-drawer .topinfo .header-info .infobox .number a, .mobile-drawer .topinfo .header-info .infobox .number p{
		font-size:12px !important;
		color: #000;
	}

	.paint {
        top: 0%;
        width: 50%;
    }

	#cta1 .testicarousel {
		padding:0px;
	}


	/* home  */

	.slider-caption h1 {
        font-size: 32px;
        line-height:50px;
        margin-bottom: 15px;
    }
    .slider-caption .big-text{
        font-size:14px;
    }

	.fprod-box h4 {
		width: 100%;
	}

	.warn-cross {
		margin-top: -65px;
	}

	#featProd {
		padding-top: 5px;
	}

	.brand-box img {
        max-height: 85px;
        max-width: 85px;
    }

	.brand-col-left .brand-title::after, .brand-col-right .brand-box::before {
        width: 145px;
    }

	/* footer  */

	.widget > h4{margin-top: 20px;}

	





	.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;}
    
	/*.slider-caption h1{font-size: 40px;line-height:50px;margin-bottom: 15px;}*/
    .slider-caption p{font-size: 14px;}
	.slider-caption h2{
		font-size: 16px;
        margin-bottom: 15px;
        line-height: 30px;
	}
	.slider-caption .button3, .button, .button2,  .button-outlined, .button3 + .button-outlined{
		height: 36px;
        width: 100px;
		line-height: 40px; 
		/* font-size: 14px;  */
		padding: 0 20px;
	}

	.button3{
		font-size:14px;
	}
	
	#cta2 .cta2-title{
		font-size:32px;
		line-height:42px;
	}
	.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: 0px;}




	/* home  */

	


	/* cta1  */

	    #cta1 .owl-stage-outer, #relatedblogs .owl-stage-outer, #featProd .owl-stage-outer {
			margin-bottom: 30px;
    	}

    /*product */

    .product-cat-icon-mobile{
	    border-radius: 6px;
        border: 1px solid #FFF;
        width: fit-content;
        padding: 5px 15px;
        align-items: center;
        display: flex;
	}
	
	/*product details */
	.prod_addinfo {
        font-size: 22px;
    }
	.addtocart_button, .addinfo_container{
	    width:100%;
	}






}



@media(max-width: 964.9px){
	.warn-cross {
        margin-top: -25px;
    }
    
	#featProd {
        /* padding-top: 35px; */
    }

}
@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: 26px;line-height: 40px;}
	h3, .h3, .homeproduct .product-desc .product-title, .homeproduct .product-desc .product-price ins{font-size: 22px;}
	h4, .h4{font-size: 18px;line-height: 24px;}
    h5, .h5, .homeproduct .product-desc .product-price del{font-size: 16px;}
    h6, .h6{font-size: 14px;}
	.big-text{font-size: 14px;}
	.tag, .homeproduct .discount-tag .percentage, .product_detail_view .product-desc1 .prodCat{font-size: 12px;}
    html, body, p{
		font-size: 12px;
	}

	.standard-logo img {
		width: 50%;
	}
	
	.slider-caption h1{
	    font-size:32px;
	    line-height: 50px;
	}
	
	.slider-caption .big-text{
	    font-size:14px;
	}
	
	.text-center-mb{
	    text-align:center !important;
	}

  
	



	



    small, .sm-text{font-size: 10px;}
    .light-text{font-size: 10px;}
    .cta-text, .button{font-size: 12px;}
	.wabutton, .addtocart_button .button {
		font-size: 14px;
		width: 190px;
		height: 50px;
	}
    #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;}


	/* home  */
	#home-oem{
		aspect-ratio: 60/82;
    	background: url(../images/layout/home-oem-bg-mobile.png);
		background-size: contain;
		align-content: flex-start;
		background-repeat: no-repeat;
	}

	.home-brand-mobile .brand-col-left .brand-title::after,.home-brand-mobile .brand-col-right .brand-box::before{
		display:none;
	}

	#featProd {
		padding-top: 60px;
	}

	.brand-box img {
        /* max-height: 100px;
        max-width: 100px; */
    }

	/* .home-brand-mobile .home-brand-img{
		position: relative;
	}

	.warn-cross-mobile {
		position: absolute;
		padding:0px;
	} */

	.home-brand-wrapper {
		position: relative;
		padding:0;
	}

	.warn-cross-mobile {
		/* position: absolute; */
		bottom: 0;
		right: 0; 
		width:100%;
		padding:0;
		margin-top:-60px;
	}

	#home-brand {
		 /* background: url(../images/layout/home-brand-mobile-bg.png);
		 aspect-ratio: 297/512; */
		  background: url(../images/layout/home-brand-bg-mobile.png);
		 background-repeat: no-repeat;
		 background-size: cover;
		 
		 margin-top: -70px;
	}


	.home-brand-mobile .brand-col-left .brand-box{
		width:220px;
	}

	.home-brand-mobile .brand-col-right .brand-box {
		justify-content: flex-start;
		width: 200px;
	}
	
	#clientele{
	    padding-bottom:30px;
	}


	#cta2 {
		background: url(../images/layout/cta2-bg-mobile.png);
		aspect-ratio: 1080/1651;
		align-content: flex-start;
		background-size: contain;
		padding-top: 235px;
		margin-top:-20px;
	}

	/* about mobile page  */

	.paint {
		top: 0%;
		width: 60%;
	}

	#overview .desc {
		width: 100%;
	}

	#vision{
		/* background: url(../images/layout/vision-bg-mobile.png);
		background-repeat: no-repeat;
		aspect-ratio: 108/151;
		background-size: contain;
		align-content: flex-end; */
	}

	.vision-box{
		padding-top:0px;
	}

	.vision-bg::after {
		display: none;
	}

	/* #mission{
		background: url(../images/layout/mission-bg-mobile.png);
		background-repeat: no-repeat;
		aspect-ratio: 81/128;
		background-size: contain;
		align-content: flex-end;
	} */

	.mission-bg::after {
		display: none;
	}

	#mission .pl-40{
		padding-left:10.5px !important;
	}

	#why-us{
		margin-top:-53px;padding-top:113px;
	}
	
	#awards-slider .imagebox {
        aspect-ratio: 2;
    }


	/* our brand mobile  */

	#our-brand{
		background: url(../images/layout/our-brand-bg-mobile.png);
        aspect-ratio: 9 / 5;
        /* background-size: contain; */
        background-size: cover;
        background-repeat: no-repeat;
	}

	.anatomy-box{
		/*width: 75%;*/
		width: 100%;
	}

	#anatomy{
		background: url(../images/layout/anatomy-bg-mobile.png);
		aspect-ratio: 270 / 883;
        background-size: cover;
		background-repeat: no-repeat;
		    margin-bottom: -90px;
	}

	/* product list  */
	#shop
 	{
    padding-bottom: 85px;
	}

	.myPagination span, .myPagination strong, .myPagination a{
		font-size:14px;
		width: 35px;
    height: 35px;
	}

	#shop .cat_side_menu h3, .product_detail_view .cat_side_menu h3{
		font-size:25px;
	}
	
	.packagelist .product-desc .product-title{
    	font-size:16px;
    }
    .packagelist .product-desc .product-title span{
        font-size:16px;
        
    }
    .packagelist .product-desc .product-price ins{
    	font-size: 14px;
    
    }
	

	/* product details  */
	#related-prod{
		padding-bottom:80px;
	}

	.product_detail_view .product-price ins{
		font-size:22px;
	}


	/* oem mobile  */

	#oem{
		background: url(../images/layout/oem-bg-mobile.png);
		background-repeat: no-repeat;
		aspect-ratio: 180 / 191;
        background-size: cover;
	}

	#oem-why-us .desc{
		margin-bottom:20px !important;
	}

	#oem-why-us .oem-why-container{
		padding:50px 0;
	}

	.option-box{
		margin-bottom:30px !important;
	}

	.customize-box2 .option-box:last-child{
		margin-bottom:0px !important;
	}

	/* news mobile  */
	
	#bloglistview .bigcontent {
        margin-bottom: 0px;
    }
    #bloglistview .bigcontent .textcol{
	    padding:25px 10px 10px 10px !important;
	}

	#bloglistview a:has( .smallcontent){
		margin-bottom:0px;
	}
	
	#bloglistview.blog-pb{
        padding-bottom:80px;
    }

	#relatedbloglist{
			padding-bottom: 80px;
	}

	.more-blog-container:last-child{
		margin-bottom:0px !important;
	}

	#content.blogdetailview {
		padding-bottom: 80px;
	}


	/* faqs mobile  */

	.faqsview{
		padding-bottom:80px;
	}


	/* general enquiry mobile  */

	#g-enquiry .desc {
		width: 100%;
	}
	
	#enquiryForm .sm-form-control, #careerForm .sm-form-control, #vacancyform .sm-form-control{
	    padding: 15px 20px;
	}

	.mapiframediv {
        display: block;
        /* width: calc(50% - 25px); */
        width: 100%;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
    }

	.mapiframediv iframe {
        width: 100%;
        height: 100%;
    }

	#map{
		height:400px;
	}
	#map iframe {
        height: 400px;
        min-height: 400px;
    }

	/* contact page  */
	#careers {
		padding-bottom: 80px;
	}

	.colfileupload label,.filename,.filetype {
		font-size: 12px;
	}


	/* footer  */

	.widget p:not(.lead) { font-size: 14px; }

	.widget_links li a{
		font-size:14px;
	}

	#copyrights {
    	font-size: 14px;
	}
	
	
	/*cta1 testi */

    #cta1 .content{
        padding-right:0px !important;
    }
    #cta1 .testi-desc{
        padding:10px;
        height: auto;
        -webkit-line-clamp: 10;
    }
    
    #cta1 .testi-name{
        padding-left:10px;
    }
    
    #cta1 .owl-carousel .owl-item{
        padding:10px;
        border-radius: 10px;
        background: #FFFDEC;
    }
    
    /*footer */
    .widget_links li{
        width:100%;
        margin-bottom:10px;
    }












    .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/RB-Home-Btm.webp?v1');
        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: 900 / 1200;
        background-size: cover;
        background-position: bottom center;
        background-image: url(../images/layout/RB-About-top.webp);
    }
    #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: 15px;}
    
    #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: 604.9px){
}

@media(max-width: 575.9px){
	

	/* home  */
	#home-oem{
		aspect-ratio: 60/83;
    	background: url(../images/layout/home-oem-bg-mobile.png);
		background-size: contain;
		align-content: flex-start;
		background-repeat: no-repeat;
	}

	.home-brand-mobile .brand-col-left .brand-title::after,.home-brand-mobile .brand-col-right .brand-box::before{
		display:none;
	}

	#featProd {
		padding-top: 40px;
	}

	/* .home-brand-mobile .home-brand-img{
		position: relative;
	}

	.warn-cross-mobile {
		position: absolute;
		padding:0px;
	} */

	.home-brand-wrapper {
		position: relative;
		padding:0;
	}

	.warn-cross-mobile {
		/* position: absolute; */
		bottom: 0;
		right: 0;   /* adjust */
		width:100%;
		padding:0;
		margin-top:-50px;
	}

	#home-brand {
		 /* background: url(../images/layout/home-brand-mobile-bg.png);
		 aspect-ratio: 297/512; */
		  background: url(../images/layout/home-brand-bg-mobile.png);
		 background-repeat: no-repeat;
		 background-size: cover;
		 margin-top: -60px;
        padding-top: 90px;
	}
	
	.brand-box {
		gap: 8px;
	}


	.home-brand-mobile .brand-col-left .brand-box{
		/*width:220px;*/
		width:auto;
	}

	.home-brand-mobile .brand-col-right .brand-box {
		justify-content: flex-start;
		width: 200px;
	}
	
	.brand-box img {
        max-height: 60px;
        max-width: 60px;
    }


	#cta2 {
		background: url(../images/layout/cta2-bg-mobile.png);
		aspect-ratio: 1080/1651;
		align-content: flex-start;
		background-size: contain;
		padding-top: 120px;
		margin-top:-20px;
	}

	/* about mobile page  */

	#vision, #mission {
    aspect-ratio: auto;
	}

	.paint {
		top: 0%;
		width: 80%;
	}

	#overview .desc {
		width: 100%;
	}

	

	#why-us{
		margin-top: -40px;
        padding-top: 100px;
	}

	#why-us h2{
		max-width: 280px;
    margin-right: auto;
    margin-left: auto;
	}

	.commit-desc {
		width: 100%;
	}

	.commit-img {
		width: 90px;
		height: 90px;
		padding:20px;
	}


	/* our brand mobile  */

	#our-brand{
		background: url(../images/layout/our-brand-bg-mobile.png);
		aspect-ratio: auto;
		/* background-size: contain; */
		background-size: cover;
		background-repeat: no-repeat;
	}

	.anatomy-box{
		/*width: 75%;*/
        	width: 100%;
	}

	#anatomy{
		background: url(../images/layout/anatomy-bg-mobile.png);
		/*aspect-ratio: auto;*/
		aspect-ratio: 270 / 883;
        background-size: cover;
		background-repeat: no-repeat;
	}
	
	.anatomy-img {
        /*width: 50px;*/
        /*height: 50px;*/
	}
	
	.unique-box .width-80{width:100%;}
	
    


	/* oem mobile  */

	#oem{
		background: url(../images/layout/oem-bg-mobile.png);
		background-repeat: no-repeat;
		aspect-ratio: 180 / 191;
        background-size: cover;
	}

	#oem-why-us .oem-why-container{
		padding:50px 0;
	}

	.oem-why-img {
		width: 85px;
		height: 85px;
		padding: 20px;
	}

	.option-box{
		margin-bottom:30px !important;
	}

	.customize-box2 .option-box:last-child{
		margin-bottom:0px !important;
	}

	#customize {
    aspect-ratio: auto;
	}

	/* news mobile  */
	#bloglistview{
	    /*background-size:contain;*/
	    background-position: left;
	}
	#bloglistview .bigcontent {
        margin-bottom: 0px;
    }

	#bloglistview a:has( .smallcontent){
		margin-bottom:0px;
	}

	.more-blog-container:last-child{
		margin-bottom:0px !important;
	}


	/* faqs mobile  */

	.faqsview{
		padding-bottom:80px;
	}
	

    .faqsview {
        /*background-attachment: scroll;*/
    }


	/* general enquiry mobile  */

    #enquiryForm-container h2{
        margin-bottom:20px !important;
    }
    
	.mapiframediv {
        display: block;
        /* width: calc(50% - 25px); */
        width: 100%;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
    }

	.mapiframediv iframe {
        width: 100%;
        height: 100%;
    }

	#map{
		height:400px;
	}
	#map iframe {
        height: 400px;
        min-height: 400px;
    }


	#cta1 .testi-desc{
		height:auto;
		-webkit-line-clamp: 10;

	}

	/* footer  */

	.footer-media{
		gap:15px !important;
	}
	
	.stretched #wa-float-container {
        bottom: 90px;
    }
    
    .stretched #gotoTop {
        bottom: 20px;
    }












    .container{max-width: calc(100% - 30px);}
    #sliderm .slider-caption{padding-top: 40px;}
	.standard-logo img {
		width: 70%;
	}
    #footer .footer-widgets-wrap > .row > .col{width: 100%;}
    #footer .footer-widgets-wrap{padding-top: 35px;}
	#copyrights{
		padding-bottom:15px;
	}
    .widget > h4{margin-top: 20px;}
    
    .docSearchForm input {padding-top: 15px; padding-bottom: 15px;}
    #featured-package .product-price del{font-size: 12px;}
    
    #sliderm, #banner.aboutuspage{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;}
}
@media(max-width: 514.9px){
    .ctabox .content{width: 100%;}
}
@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, #banner.aboutuspage{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: auto;
    }
    
}
@media(max-width: 439.9px){
/* product small mobile  */
	.wabutton, .addtocart_button .button {
        width: 170px;
    }
    .mb-ophrs{
        width:50% !important;
    }
    #anatomy {
         aspect-ratio: auto; 
    }
}
@media(max-width: 405.9px){
    
    /*our brand page */
    .anatomy-img {
        width: 50px;
        height: 50px;
    }
    
    .anatomy-title h5, .brand-title h4{
        font-size:14px;
    }
    
    .anatomy-box{
        gap:15px;
    }
    
    
}

@media(max-width: 360px){
    .slider-caption h1 {
        font-size: 26px;
        line-height: 40px;
    }
    .ophrs-number{
        width:75% !important;
    }
    
  
    
    
}
@media(max-width: 359.9px){
   
    
    
}
@media(max-width: 351px){
    
    #cta2{
        padding-top:80px;
    }
    #cta2 .cta2-title {
        font-size: 28px;
    }
}
@media(max-width: 333.9px){
    .header-inner-flexbox {
        /*width: calc(100% - 85px);*/
    }
}

@media(max-width: 279.9px){
    #primary-menu-trigger, #page-submenu-trigger{width: 35px;}
}

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