

@font-face {
	font-family: 'Jost';
	src: url("../fonts/Jost/Jost-Black.ttf") format("truetype");
	font-weight: 700;
    font-style: normal;
}
@font-face {
	font-family: 'Jost';
	src: url("../fonts/Jost/Jost-BlackItalic.ttf") format("truetype");
	font-weight: 700;
    font-style: italic;
}
@font-face {
	font-family: 'Jost';
	src: url("../fonts/Jost/Jost-Bold.ttf") format("truetype");
	font-weight: 700;
    font-style: normal;
}
@font-face {
	font-family: 'Jost';
	src: url("../fonts/Jost/Jost-BoldItalic.ttf") format("truetype");
	font-weight: 700;
    font-style: italic;
}
@font-face {
	font-family: 'Jost';
	src: url("../fonts/Jost/Jost-ExtraBold.ttf") format("truetype");
	font-weight: 800;
    font-style: normal;
}
@font-face {
	font-family: 'Jost';
	src: url("../fonts/Jost/Jost-ExtraBoldItalic.ttf") format("truetype");
	font-weight: 800;
    font-style: italic;
}
@font-face {
	font-family: 'Jost';
	src: url("../fonts/Jost/Jost-ExtraLight.ttf") format("truetype");
	font-weight: 300;
    font-style: normal;
}
@font-face {
	font-family: 'Jost';
	src: url("../fonts/Jost/Jost-ExtraLightItalic.ttf") format("truetype");
	font-weight: 300;
    font-style: italic;
}
@font-face {
	font-family: 'Jost';
	src: url("../fonts/Jost/Jost-Italic.ttf") format("truetype");
	font-weight: 400;
    font-style: italic;
}
@font-face {
	font-family: 'Jost';
	src: url("../fonts/Jost/Jost-Light.ttf") format("truetype");
	font-weight: 300;
    font-style: normal;
}
@font-face {
	font-family: 'Jost';
	src: url("../fonts/Jost/Jost-LightItalic.ttf") format("truetype");
	font-weight: 300;
    font-style: italic;
}
@font-face {
	font-family: 'Jost';
	src: url("../fonts/Jost/Jost-Medium.ttf") format("truetype");
	font-weight: 500;
    font-style: normal;
}
@font-face {
	font-family: 'Jost';
	src: url("../fonts/Jost/Jost-MediumItalic.ttf") format("truetype");
	font-weight: 500;
    font-style: italic;
}
@font-face {
	font-family: 'Jost';
	src: url("../fonts/Jost/Jost-Regular.ttf") format("truetype");
	font-weight: 400;
    font-style: normal;
}
@font-face {
	font-family: 'Jost';
	src: url("../fonts/Jost/Jost-SemiBold.ttf") format("truetype");
	font-weight: 600;
    font-style: normal;
}
@font-face {
	font-family: 'Jost';
	src: url("../fonts/Jost/Jost-SemiBoldItalic.ttf") format("truetype");
	font-weight: 600;
    font-style: italic;
}
@font-face {
	font-family: 'Jost';
	src: url("../fonts/Jost/Jost-Thin.ttf") format("truetype");
	font-weight: 300;
    font-style: normal;
}
@font-face {
	font-family: 'Jost';
	src: url("../fonts/Jost/Jost-ThinItalic.ttf") format("truetype");
	font-weight: 300;
    font-style: italic;
}

/*	------------------------ General -------------------------- */

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1170px;
    }
    .container-fluid{
    	max-width: calc(100% - 120px);
    }
}
html, body, p{
	font-family: 'Jost', sans-serif;
	font-weight: 500;
	font-size: 14px;
	color: #555;
	line-height: 1.5;
}
p.text-center, .text-center p{ margin-right: auto; margin-left: auto;}
h1, .h1{
	font-weight: 600;
	font-size: 45px;
	color: #000;
}
h2, .h2{
	font-weight: 600;
	font-size: 30px;
	color: #000;
}
h3, .h3{
	font-weight: 600;
	font-size: 24px;
	color: #000;
	line-height: 1.3;
}
h4, .h4{
	font-weight: 600;
	font-size: 18px;
	color: #000;
}
h5, .h5{
	font-weight: 500;
	font-size: 16px;
	color: #000;
}
h6, .h6{
	font-weight: 600;
	font-size: 14px;
	color: #000;
}
small, .sm-text{
	font-weight: 500;
	font-size: 12px;
	color: #000;
}
.tag{
	font-weight: 400;
	font-size: 14px;
	color: #000;
}
.light-text{
	font-weight: 300;
	font-size: 12px;
	color: #000;
}
.cta-text{
	font-weight: 600;
	font-size: 14px;
	color: #fff;
}
.mbx{
    margin:0!important;
}
section{
	padding-top: 60px;
	padding-bottom: 60px;
}
h2:has( + p){margin-bottom: 12px;}
a:not([href]):not([class]), a:not([href]):not([class]):hover{cursor: default;}

.datepicker.datepicker-dropdown.dropdown-menu{z-index: 9999 !important;}

.button{
	background-color: #734F0D;
	color: white;
	border-radius: 100px;
	font-size: 13px;
	font-weight: 500;
	text-shadow: none;
	padding: 0 25px;
	letter-spacing: 0;
	text-transform: uppercase;
	line-height: 1;
	height: 36px;
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
}
.button:hover{background-color: #CC9739;}
.button2{
	background-color: #5B5B5B;
	color: white;
}
.button2:hover{
	background-color: #CC9739;
}
.button3{
	background-color: #CC9739;
	color: #fff;
	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;
}
.button3:hover{
	background-color: #734F0D;
}
.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: 1.3;
	text-decoration: none;
}
.button-outlined:hover{
	background-color: #CC9739;
	color: #fff;
}

.button3 + .button-outlined{
	padding-top: 0;
	padding-bottom: 0;
	height: 50px;
	line-height: 50px;
}

.link{
	color: #043C8C;
	border-bottom: 1px solid #043C8C;
}
.linkarrow{
	color: #CC9739;
	border-bottom: none;
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
}
.linkarrow:after{
    content: '\203A';
    position: relative;
    display: inline-block;
    font-size: 18px;
    line-height: normal;
    margin-left: 5px;
    font-weight: 100;
}

.link.textWhite{
	color: #fff;
	border-bottom: 1px solid #fff;
}

.bg-grey{background-color: #f2f2f2;}
.loadingDiv{display: none;}
#noticeDivSubscription{
	max-width: 420px;
    margin-right: 0;
    margin-left: auto;
    padding: 0.5rem 1rem;
    margin-top: 10px;
}
#noticeDiv, #noticeDiv2, #noticeDivApplication{
    display: none;
    margin-right: 0;
    margin-left: auto;
    padding: 0.5rem 1rem;
    margin-top: 10px;
}
.text-right{text-align: right;}
.style-msg{
    margin: 10px auto;
    padding:5px;
}
.font-weight-800{font-weight: 800;}
.font-weight-700{font-weight: 700;}
.font-weight-600{font-weight: 600;}
.font-weight-500{font-weight: 500;}
.font-weight-400{font-weight: 400;}
.mt-35{margin-top: 35px;}
.mr-20{margin-right: 20px;}
.mb-0{margin-bottom: 0;}
.textWhite{color: white;}

/*	------------------------ General END -------------------------- */

/*	------------------------ Header -------------------------- */

.top-message{
	background-color: #F7F2EF;
}
.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: #000;
	padding-top: 13px;
	padding-bottom: 15px;
	font-weight:600;
	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: 58px; 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;
    /*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;
    min-height:60px;
}
#primary-menu > div > ul{padding: 0;}
#primary-menu > div > ul > li{}
/* #primary-menu > div > ul > li.current, #primary-menu > div > ul > li:has( .current){
	border-bottom: 2px solid #CC9739;
} */
.top-search-open .header-inner-flexbox{
    /*width: calc(100% - 475px);*/
    flex-wrap: nowrap;
    overflow: hidden;
 /*   -webkit-transition: width .3s ease;*/
	/*-o-transition: width .3s ease;*/
	/*transition: width .3s ease;*/
}
.header-outter-flexbox .topinfo{
    height: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
}
#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 img{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: 12px
}
#header .header-info .infobox.top-contact .flexbox .text span.number{
	font-size:16px;
	font-weight: 500;
	letter-spacing: 0;
}
#header .header-info .infobox.others > div:not(.top-cart-content){height: 100%;}
#header .header-info .infobox.others ul{height: 100%;}
#primary-menu{
	width: calc(100% - 300px);
	max-width: 900px;
	/*width: 100%;*/
}
#primary-menu > div > ul > li:first-child > a{padding-left: 0;}
#primary-menu > div > ul > li > a > img{
	height: 14px;
}

#primary-menu ul li a + ul.category-nav:before{
	content: '';
	position: absolute;
	top: -7px;
    left: 60px;
	width: 0; 
	height: 0; 
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid white;
	z-index: 1;
}
#primary-menu ul ul.category-nav{
	/*display: flex;*/
	flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
	width: max-content;
	max-width: 660px;
	top: 55px;
	z-index: 2;
	border-top: none;
	border-radius: 8px;
	padding: 25px 20px;
	filter: drop-shadow(2px 4px 6px rgba(0,0,0,0.15));
}
#primary-menu ul ul.category-nav li{
	flex: 0 0 33.3333%;
}
#primary-menu ul ul.category-nav li a{
	padding: 15px 10px;
}
#primary-menu ul ul li:hover > a {
    background-color: transparent;
    color: #734F0D;
}
#primary-menu ul ul li a:hover, #primary-menu ul ul li.current a{
    color: #734F0D;
}

.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;
}
.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: 250px;
	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 .button-3d{
    padding:12px 30px;
    box-shadow: 0px 5px 0px var(--color-1dark);
    margin-top:-8px;
    text-transform:uppercase;
    font-weight:600;
}
.highlight-buttons .button-3d:hover{
    top:5px;
}
.highlight-buttons ul ul{
	display: none;
    position: absolute;
    width: 220px;
    background-color: #FFF;
    box-shadow: 0px 13px 42px 11px rgba(0, 0, 0, 0.05);
    border: 1px solid #EEE;
    border-top: 2px solid #ac8c5e;
    height: auto;
    z-index: 199;
    top: auto;
    /*top: 48px;*/
    right: 0;
    margin: 0;
    padding: 0;
}
.highlight-buttons ul ul a {
    font-size: 14px;
    font-weight: 500;
    height: auto;
    color: #666;
    padding: 10px 15px;
    border: 0;
    letter-spacing: 0;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.highlight-buttons ul ul li:hover > a{
	color: #734F0D;
	padding-left: 18px;
}

/*mega menu styling*/
#primary-menu-container .container-fluid { position: relative; }
body.stretched #header.full-header #primary-menu ul li.mega-menu .mega-menu-content{
	width: 100% !important;
	margin: 0;
}
#primary-menu ul li .mega-menu-content {
	display: none;
	position: absolute;
	background-color: #FFF;
	border: none;
	height: auto;
	z-index: 199;
	top: 0px;
	margin: 0;
    left: 0;
    max-height: 550px;
    width: 765px;
    overflow: hidden;
    box-shadow: 0px 12px 30px 0px rgba(0, 0, 0, 0.30);
}
.mega-menu-content > .row{
	margin-left: 0;
	margin-right: 0;
}
.mega-menu-content > .row > .megamenu-listcol{
	background-color: #fff;
	padding: 30px 0 10px;
	/*width: 28%;*/
	overflow-y: auto;
}
.mega-menu-content > .row > .megamenu-contentcol{
	/*width: 72%;*/
	padding: 0;
}
.mega-menu-content > .row > .megamenu-contentcol .contentheader{
	position: relative;
	height: 100%;
	background-color: #F5F5F5;
	padding: 30px;
}
.mega-menu-content > .row > .megamenu-contentcol .contentheader .imagecol{
	position: relative;
	overflow: hidden;
	border-radius: 16px;
}
.mega-menu-content > .row > .megamenu-contentcol .contentheader img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.mega-menu-content > .row > .megamenu-contentcol .contentheader .imagecol::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: block;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, rgba(0, 0, 0, 0.61) 0%, rgba(0, 0, 0, 0.00) 100%);
	z-index: 1;
}
.mega-menu-content > .row > .megamenu-contentcol .contentheader .hc{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	padding: 20px 0 20px 30px;
	display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    height: 100%;
}
.mega-menu-content > .row > .megamenu-contentcol .contentheader .hc > div{
	background-color: #e78238;
	border-radius: 10px;
	display: inline-block;
	color: white;
	font-size: 16px;
	padding: 5px 20px;
	margin-bottom: 20px;
}
.mega-menu-content > .row > .megamenu-contentcol .contentheader .hc > h3{
	margin-bottom: 20px;
	color: #FFF;
	font-family: Inter;
	font-size: 32px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
}
.mega-menu-content > .row > .megamenu-contentcol .contentheader .hc > p{
	color: black;
	font-size: 15px;
}
#primary-menu .mega-menu-content > .row > .megamenu-contentcol .contentheader .hc .button{
    padding: 15px 24px;
    color: white;
    font-weight: 500;
    font-size: 14px;
    line-height: 1;
    height: auto;
}
.mega-menu-content > .row > .megamenu-listcol .sticky{
	position: sticky;
	top: 0;
	left: 0;
}
#primary-menu ul li > .mega-menu-content .magemenu-category-title{
	color: rgba(0,0,0,0.5);
	font-weight: 600;
	padding: 10px 30px;
	cursor: default;
	margin-bottom: 10px;
	font-size: 16px;
}
#primary-menu ul li > .mega-menu-content .magemenu-category-title + .row{margin: 0; padding-bottom: 30px;}
#primary-menu ul li > .mega-menu-content .magemenu-category-title + .row > .col-md-6{padding: 0;}
#primary-menu ul li > .mega-menu-content .megamenu-listcol ul{
	top: 0;
    width: 100%;
    box-shadow: none;
    padding: 0 30px;
    display: flex !important;
    flex-direction: row;
    flex-wrap: wrap;
	gap: 14px;
	overflow: hidden;
}
#primary-menu ul li > .mega-menu-content ul > li{
	border-radius: 0;
    max-width: 50%;
    flex: 0 0 48%;
}
#primary-menu ul li > .mega-menu-content ul > li > a{
	color: black;
	text-transform: none;
	display: flex;
	justify-content: space-between;
	padding: 0;
	font-size: 14px;
}
#primary-menu ul li > .mega-menu-content ul > li > a span{
	display: block;
	transition: all .2s ease-in-out;
}
#primary-menu ul li > .mega-menu-content ul > li > a span img{
	filter: none;
	max-height: 10px;
	width: 100%;
}
#primary-menu ul li .mega-menu-content ul > li.current > a, #primary-menu ul li .mega-menu-content ul > li:hover > a{
	color: #B68009;
	background-color: transparent;
}
.mega-menu-content > .row > .megamenu-listcol::-webkit-scrollbar{width: 6px;}
.mega-menu-content > .row > .megamenu-listcol::-webkit-scrollbar-track{background: #f1f1f1;}
.mega-menu-content > .row > .megamenu-listcol::-webkit-scrollbar-thumb{background: #B68009;}
.mega-menu-content > .row > .megamenu-listcol::-webkit-scrollbar-thumb:hover{background: #555;}
.megamenu-copyright{
	border-top: 1px solid #CECECE;
	padding: 20px 30px;
}
.megamenu-copyright .socialmedia{margin: 0;}
.megamenu-copyright .socialmedia .col {
    padding-right: 3px;
    padding-left: 3px;
    max-width: 30px;
}
#primary-menu .megamenu-copyright .socialmedia .col a:has(svg){padding: 0;}
.megamenu-copyright .socialmedia svg{fill: #D1D1D1; margin-bottom: 12px;}
.megamenu-copyright .socialmedia + p{
	font-size: 10px;
	font-weight: 300;
	line-height: normal;
}
.specialtiesmegamenu .magemenu-category-title + .row ul{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.mega-menu-content > .row > .megamenu-listcol .row > .col-md-12{padding: 0;}
/*#primary-menu ul li.specialtiesmegamenu .mega-menu-content{display: block !important; opacity: 0; z-index: 0;}*/
#primary-menu .specialtiesmegamenu .magemenu-category-title + .row ul li {
    max-width: 25%;
    flex: 0 0 23.5%;
}
.contentstart{position: relative; z-index: 2;}
.contentstart:has( .modal.show){z-index: auto;}
#primary-menu > div:has( ul){position: relative; width: calc(100% + 100px);}
#primary-menu > div > ul{width: calc(100% - 100px);}


/*	------------------------ Header END -------------------------- */

/*	------------------------ Footer -------------------------- */

.ctabox{
	background-color: #FAF6ED;

	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: 'Jost', sans-serif;
}
.footerp{
	color: #555;
	font-weight: 400;
}

#merchantimg img{max-height: 23px;}
.address p{
	color: #555;
    font-size: 14px;
    font-weight: 500;
}
#footer .footer-widgets-wrap > .row{justify-content: space-between;margin-bottom:50px;}
/*#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 .widget_links a{
	color: #555;
    font-size: 15px;
    font-weight: 400;
    /*text-transform: capitalize;*/
	-webkit-transition: color .3s ease;
	-o-transition: color .3s ease;
	transition: color .3s ease;
}
#footer .widget_links a:hover{
    color: #043C8C;
    -webkit-transition: color .3s ease;
	-o-transition: color .3s ease;
	transition: color .3s ease;
}
#footer .footer-widgets-wrap h4{margin-top: 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: #E88E2F; position:absolute;right:-3px;}
#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 -------------------------- */

#slider .swiper-pagination, #sliderm .swiper-pagination{width: 100%; bottom: 50px !important; text-align: center;}
#slider .swiper-pagination span, #sliderm .swiper-pagination span{
    background-color: rgba(255,255,255,0.5);
}
#slider .swiper-pagination span.swiper-pagination-bullet-active, #sliderm .swiper-pagination span.swiper-pagination-bullet-active{
    background-color: rgba(255,255,255,1);
}
#slider .swiper-slide-bg{
	background-color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: cover;background-position: center;width: 100%; height: 100%; opacity: 1; visibility: inherit;
}
#slider a:has( > .slider-caption), #sliderm a:has( > .slider-caption){
	display: block;
	width: 100%;
	height: 100%;
}
#slider a .slider-caption, #sliderm a .slider-caption, .slider-caption-container{
	display: block;
	width: 100%;
	height: 100%;
	max-width: 100%;
}
#slider ~ #content, #sliderm ~ #content{padding-top: 60px; padding-bottom: 60px; background-color: #f9f9f9;}
#slider .swiper-navs .swiper-button-disabled, #sliderm .swiper-navs .swiper-button-disabled{display: none;}
#sliderm {
    aspect-ratio: 900 / 1200;
}
#sliderm .swiper-slide-bg{
	background-color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: cover; background-position: center bottom; width: 100%; height: 100%; opacity: 1; visibility: inherit;
}
#sliderm .slider-caption{max-width: 100%; padding-top: 60px; position: relative; left: auto; top: auto;}

#featured-package{padding-bottom: 80px;}
#featured-package .titlerow{margin-bottom: 35px;text-align: center;}
#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: 18px;
	font-weight: 500;
	line-height: 1.3;
	color: #fff;
	margin-bottom: 30px;
}
#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);
	align-items: center;
}
#whyus.homepage .pointsrow .col-12:nth-child(1){
    padding:0;
    justify-content: center;
}
#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;}

#awards{padding-top: 5px; padding-bottom: 60px;}
#awards .owl-carousel .owl-item{width: 100%;}
#awards-slider .imagebox{
    height: 120px;
    text-align: center;
    margin-bottom: 15px;
}
#awards-slider .imagebox img{
    height: 100%;
    object-fit: contain;
}
#awards-slider .owl-dots{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
#awards-slider .owl-dots button {
    background-color: transparent;
    border: none;
    padding: 0;
}
#awards-slider .owl-dots button span {
    background-color: transparent;
    color: #74500c;
    border: 2px solid #74500c;
    display: block;
    width: 13px;
    height: 13px;
    margin: 0 4px;
    opacity: 1;
    border-radius: 50%;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
#awards-slider .owl-dots button.active span{background-color: #74500c; color: #74500c; opacity: 1;}

#updates{
	background-color: #f8f8f8;
}
#updates .container-fluid > .flexbox{
	justify-content: space-between;
}
#updates .newsrow{margin-top: 40px;}
#updates .newsrow .content{
	border-radius: 10px;
	overflow: hidden;
	width: calc(100% - 15px);
    margin: 0 auto;
    /*box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.05);*/
    filter: drop-shadow(0 5px 6px rgba(0,0,0,0.05));
    transition: all 200ms linear;
}
#updates .newsrow a:hover .content{
	/*box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.10);*/
	filter: drop-shadow(0 5px 6px rgba(0,0,0,0.15));
}
#updates .newsrow .content .text{
	padding: 20px 30px 30px;
	background-color: white;
}
#updates .newsrow .date{
	font-size: 13px;
	color: #cecece;
}
#updates .newsrow h4{
	color: #555;
	height: 48px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;  
	overflow: hidden;
	font-weight: 700;
    line-height: 1.3;
    margin-bottom: 12px;
    align-content: center;
}
#updates .newsrow .short_desc{
	color: #555;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;  
	overflow: hidden;
	margin-bottom: 15px;
}
#updates .newsrow .blog_readmore{
	color: #cc9739;
}


/*	------------------------ Home END -------------------------- */


/*	------------------------ About Us -------------------------- */

#content.aboutuspage{min-height: 34.6vh;}

#bread_contact_banner{
	background-color: #F4F4F4;
    padding: 15px 0;
    top: auto;
    position: relative;
    border: none;
	border-bottom: 1px solid #CECECE;
}
.topcrumb {
	padding: 0;
	text-align: center;
}
.topcrumb ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.topcrumb ul li {
    display: inline-block;
    color: #959595;
	font-weight: 500;
	line-height: normal;
	text-transform: capitalize;
    font-size: 14px;
}
.topcrumb ul li a {
    color: #959595;
}

#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%;}

.accordion-item, .accordion-button{background-color: transparent;}
.accordion-item, .accordion-flush>.accordion-item:last-child{
	border-bottom: 1px solid rgba(0,0,0,0.33);
	padding-bottom: 20px;
}
.accordion-button{
	font-weight: 500;
	font-size: 16px;
	padding-top: 30px;
	padding-bottom: 10px;
	padding-right: 0;
	padding-left: 0;
}


/*	------------------------ Patient Info END -------------------------- */


/*	------------------------ Specialties -------------------------- */

#searchbar.specialtiespage{
	border-top: 1px solid #CECECE;
	border-bottom: 1px solid #CECECE;
	padding: 0;
}
#searchbar.specialtiespage .container-fluid{
	border-left: 1px solid #CECECE;
	border-right: 1px solid #CECECE;
	padding-top: 40px;
	padding-bottom: 40px;
}
#searchbar.specialtiespage .docSearchForm{margin-top: 0; margin-bottom: 0;}

#specialtiesListing{padding: 0;}
#specialtiesListing .row{margin: 0;}
#specialtiesListing .row .col-12{padding: 0;}
#specialtiesListing .row .col-12 .specialtylink{height: 100%; display: block;}
#specialtiesListing .row .col-12 .content{padding: 60px; border-bottom: 1px solid #CECECE; border-right: 1px solid #CECECE; height: 100%;}
#specialtiesListing .imagecol{
	position: relative;
	aspect-ratio: 240 / 255;
	border-radius: 16px;
	overflow: hidden;
}
#specialtiesListing .imagecol:before, #specialtiesListing .imagecol:after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
}
#specialtiesListing .imagecol:before{
	z-index: 2;
	height: 15vh;
	opacity: 0.5;
	background: linear-gradient(0deg, #000 -29.2%, rgba(0, 0, 0, 0.00) 85.6%);
	backdrop-filter: blur(15px);
}
#specialtiesListing .imagecol:after{
	z-index: 1;
	height: 10vh;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.30) 100%);
	filter: blur(4px);
	backdrop-filter: blur(0px);
}
#specialtiesListing .imagecol img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#specialtiesListing h5{
	color: #fff;
	text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.34);
	text-transform: capitalize;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    margin-bottom: 30px;
    padding: 0 15px;
    z-index: 2;
}
.specialtylink{position: relative;}
.content-overlay{
	background: rgba(116,80,12,0.95);
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: 3;
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.specialtylink:hover .content-overlay{opacity: 1;}
.content-overlay .box{
	text-align: center;
	width: 100%;
}
.content-overlay h4{
	color: white;
	margin-bottom: 15px;
}
.content-overlay .button{
	padding: 10px 24px;
    display: inline-block;
    height: auto;
    line-height: 1.3;
}

/*#specialtiesListing .row{border-bottom: 0.5px solid #CECECE;}*/
@media (min-width: 576px) {
    #specialtiesListing .col-sm-6:nth-child(2n) .content{border-right: 0;}

    /*#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;}
    #featured-package .titlerow{margin-bottom:20px;}
}

#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: 15px; margin: 0;border: 1px solid #000;border-radius:16px;}
.blog_related ul{list-style: none; padding: 0; margin: 0;}
.blog_side_cat ul li a{
	display: block;
	font-weight: 500;
	font-size: 16px;
	padding: 18px;
	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: black;
    border-bottom: 1px solid #8C8C8C;
    -webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	position: relative;
}
.blog_side_cat ul li:last-child a {
  border: none;
}

.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::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 1.2em;
  background-color: #f90;
  transition: width .3s ease;
  height: 2px;
}

.blog_side_cat ul li a:hover::before,
.blog_side_cat ul li a.active::before {
  width: 20px;
}

.blog_side_cat ul li a:hover,
.blog_side_cat ul li a.active {
  padding-left: calc(1rem + 20px);
}

.blog_side_cat ul li a:hover, .blog_side_cat ul li a.active{
	color: #043C8C;
}

.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{
	border-radius: 8px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	height: 100%;
	align-items:flex-start;
}
.previousblogs .imagecol{
	aspect-ratio: 260 / 200;
	width:100%;
	background-color: #E9E9E9;
}
.previousblogs .imagecol img{
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.previousblogs .textcol{
	padding: 20px 25px;
	background-color: white;
	flex: 1;
	display: flex;
	flex-direction: column;
		width:100%;
}
.previousblogs .textcol .date{
	color: #E88E2F;
	font-size: 12px;

	font-weight: 500;
	line-height: normal;
	margin-bottom: 12px;
}
.previousblogs .textcol .title{
	color: #000;
	font-size: 16px;
	font-weight: 600;
	line-height: normal;
	margin-bottom: 10px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.previousblogs .textcol .desc{


	line-height: normal;
	margin-bottom: 10px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.previousblogs .textcol p:has( .link){margin-bottom: 10px;margin-top: auto;}

.myPagination{
	display: flex;
	flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 4px;
}
.myPagination a span{
	font-size: 18px;
}
.myPagination a{
	color: black;
	font-size: 14px;
	font-weight: 500;
	background-color: #f8f8f8;
	aspect-ratio: 1 / 1;
	border-radius: 100px;
	border: 1px solid #B6B6B6;
	width: 30px;
	height: 30px;
	display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: row;
    line-height: normal;
}
.myPagination strong{
	color: white;
	font-size: 14px;
	font-weight: 500;
	background-color: #043C8C;
	aspect-ratio: 1 / 1;
	border-radius: 100px;
	border: 1px solid #043C8C;
	cursor: default;
	width: 30px;
	height: 30px;
	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-top: 50px;
}
.blogdetailview{}
.blogdetailview .coverimage{width: 100%;margin-bottom: 20px;}
.blogdetailview .flexbox{margin-top: 30px; margin-bottom: 40px;}
.blogdetailview .flexbox a{
	color: #043C8C;
	border-bottom: 1px solid #043C8C;
}
.blogdetailview .flexbox a:hover{
	color: #043C8C;
	border-bottom: 1px solid #043C8C;
}
.blogdetailview .flexbox .titlesec{
	width: calc(100% - 200px);
}
.blogdetailview .flexbox .titlesec .date{
	color: #734F0D;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	margin-bottom: 10px;
}
.blogdetailview .flexbox .titlesec .title{
	color: #000;
	font-size: 30px;
	font-style: normal;
	font-weight: 700;
	line-height: 1.3;
	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,#relatedproducts .titlerow{margin-bottom: 20px;}
#relatedblogs .navigation-arrows,#relatedproducts .navigation-arrows {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
#relatedblogs .navigation-arrows .swiper-button-next, #relatedblogs .navigation-arrows .swiper-button-prev,#relatedproducts .navigation-arrows .swiper-button-next, #relatedproducts .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,#relatedproducts .navigation-arrows .swiper-button-prev:after, #relatedproducts .navigation-arrows .swiper-button-next:after  {
    font-size: 14px;
    font-weight: 700;
}


#relatedblogs.previousblogs h3,#relatedproducts.previousblogs h3{
	margin-bottom: 0;
}

#relatedproducts .owl-carousel .owl-stage-outer{padding:3px;}

#relatedproducts .owl-stage{
    display:flex;
}
#relatedproducts .owl-carousel .owl-item{
    display:flex;
}
#relatedproducts .owl-carousel .oc-item{
    flex-grow:1;
}

/*	------------------------ News & Events / Blogpost END -------------------------- */

/*	------------------------ Custom Order 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;
}

#process{
	padding: 60px 0;
}

#process .process-container{
	display:flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
	margin-bottom:20px;
}
#process .process-container h5{
	margin-bottom: 20px;
}

.custom-ol {
  list-style: none;
  padding: 0;
  margin: 0;
}

.custom-ol li {
  position: relative;
  padding-left: 65px; 
  margin-bottom: 30px; 
  font-weight: 500;
}

.custom-ol li::before {
  content: counter(item);
  counter-increment: item;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: #E88E2F;
  color: #000;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 500;
  box-shadow: 1px 1px 0 1px #fff, 2px 2px 0 2px #000
}

.custom-ol {
  counter-reset: item;
}


#process .process-img{
	display:flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

#process .process-img img{
	border-radius:16px;
}


#forms{padding: 60px 0; position: relative; height: 100%; }

#forms .container-fluid > .row{height: 100%; min-height: 500px; align-content: center;}
.form-container{ margin: 0 auto;}
#forms .tag{color: #74500C; margin-bottom: 10px; display: block;}
#forms h2{margin-bottom: 10px;}
#forms h2 + p{margin-bottom: 30px;}
#forms .button-3d{
	width: 100%;
	color: #FFF;
	font-weight: 600;
	line-height: normal;
	letter-spacing: 0.7px;
	text-transform: uppercase;
}
#forms .file-drop-area {
	border: 2px dashed #C2C9E2;
	border-radius: 8px;
	padding: 40px 20px;
	text-align: center;
	background-color: #fff;
	transition: all 0.3s ease;
	cursor: pointer;
	position: relative;
}

#forms .file-drop-area:hover {
	border-color: #4285f4;
	background-color: #f0f4ff;
}

#forms .file-drop-area.drag-over {
	border-color: #4285f4;
	background-color: #e8f0fe;
	transform: scale(1.02);
}

#forms .upload-icon {
	font-size: 32px;
	color: #4285f4;
	margin-bottom: 10px;
}

#forms .upload-text {
	font-size: 18px;
	font-weight: 600;
	color: #000;
	margin-bottom: 5px;
}

#forms .upload-subtext {
	font-size: 14px;
	color: #555;
}

#forms .file-input {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer;
}

#forms .file-list {
	margin-top: 15px;
}

#forms .file-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 15px;
	background-color: #f8f9fa;
	border: 1px solid #e0e0e0;
	border-radius: 6px;
	margin-bottom: 8px;
}

#forms .file-info {
	display: flex;
	align-items: center;
	flex: 1;
}

#forms .file-details {
	flex: 1;
	padding-left:10px;
	text-align:start;
}

#forms .file-name {
	font-weight: 500;
	color: #333;
	margin-bottom: 2px;
}

#forms .file-size {
	font-size: 12px;
	color: #666;
}

#forms .file-remove {
	background: none;
	border: none;
	color: #ff4444;
	cursor: pointer;
	font-size: 18px;
	padding: 5px;
	border-radius: 3px;
	transition: background-color 0.2s;
}

#forms .file-remove:hover {
	background-color: #ffe6e6;
}
#customForm .col-12, #vacancyform .col-12,#enquiryForm .col-12{margin-bottom: 12px;}
#customForm .row:last-child .col-12:last-child, #vacancyform .row:last-child .col-12:last-child{margin-bottom: 0;}
#customForm .sm-form-control, #vacancyform .sm-form-control,#enquiryForm .sm-form-control{
	border-radius: 8px;
	border: 1px solid #CECECE;
    padding: 15px;
	font-size: 16px;

}
#customForm .sm-form-control::placeholder, #vacancyform .sm-form-control::placeholder{
	color: rgba(0,0,0,0.5);
}
#customForm #submitBtn .button{}


@media(min-width:1024px){
	.form-container{
		max-width: 800px;
		margin: 0 auto;
	}
}


/*	------------------------ Contact Us END -------------------------- */

/*	------------------------ Financial Information START -------------------------- */

#reports{padding-bottom: 0;}
#reports img.descimg{
	border-radius: 16px;
	background: #D9D9D9;
}
#reports .buttondiv .button-outlined{
	padding: 10px 25px;
	font-size: 14px;
	line-height: normal;
	margin: 0;
}
.flexbox .text{
	color: #555;
	padding-right: 17px;
}
.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;
}
.packagelist .package-content{
    display:flex;
    flex-direction:column;
    height:100%;
    align-items:start;
    gap:15px;
}
@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 -------------------------- */


.packagelist{
	margin-top: 20px;
}
#relatedblogs .packagelist .content{padding:20px 0;margin-bottom: 20px;}
#relatedproducts .packagelist .content{padding-bottom:20px;margin-bottom: 20px;}
.packagelist .col-12{
	padding-top: calc(var(--bs-gutter-x) * .5);
    padding-bottom: calc(var(--bs-gutter-x) * .5);
    margin-bottom: 30px;
}
.packagelist a:has(.product-image){width:100%;}
.packagelist .product-image{
	aspect-ratio: 4 / 3;
	height: auto;
	border-radius: 16px;
	overflow: hidden;
}
.packagelist .product-image img{object-fit: cover;}
.packagelist .product-desc{
	padding-top: 15px;
	color: #000;
}
.packagelist .product-desc .product-title{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	text-transform: capitalize;
	margin-bottom: 2px;
}
.packagelist .product-desc .product-shortdesc{
    line-height: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    
}
.packagelist .product-desc .product-shortdesc p{
    margin:0;
}
.packagelist .product-desc .product-price ins{
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	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;
	border-radius: 16px;
	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;
} */

.packagelist .button-3d-white{
	font-size:12px;
	margin-top: auto;
	padding: 10px 20px;
	-webkit-box-shadow: 0px 6px 0px #e88e2f;
    -moz-box-shadow: 0px 6px 0px #e88e2f;
    box-shadow: 0px 6px 0px #e88e2f;
}

/*	------------------------ Package List END -------------------------- */


/*	------------------------ Package Detail END -------------------------- */

#content.product_detail_view{padding-bottom: 60px;}
#content.product_detail_view #relatedblogs.previousblogs{padding-top: 60px;}
#content.product_detail_view #relatedproducts.previousblogs{padding-top: 60px;}
#content.product_detail_view .col-12.col-lg-4:first-child .content:has( > img), #content.product_detail_view .col-12.col-lg-3 .content:has( > .blog_side_cat){
    position: sticky;
    top: 80px;
}
#content.product_detail_view .col-12:has( > .content > .titlesec){
    /*align-self: center;*/
}
#content.product_detail_view .content:has( > .titlesec){
	padding-left: 15px;
	padding-right: 15px;
}
#content.product_detail_view .titlesec{
	margin-bottom: 20px;
}

.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: 18px;
	font-weight: 600;
	color: #000;
	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:20px;
}

.packageprodAttrlabel{
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    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: 600;
}
.prodattr-price .box .ordertotal .displayprice{
    color: #000;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
}

.quantity-box{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    margin-top: 15px;
    margin-bottom: 15px;
}
.quantity-box .quantitytext{
	color: #000;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	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: 150px;
    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:#000;
	font-weight: 500;
	line-height: 1;
	text-align: center;
	height: 100%;
	width: calc((100% - 60px) / 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: 60px;
	/*font-size: 20px;*/
	font-size: 16px;
	font-weight: 600;
	color: #151515;
	text-align: center;
	line-height: 1;
	margin-bottom: 0;
}
.addtocart_button .button{
	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: 'Jost', sans-serif;
}
.accordion-button:focus{box-shadow: none;}
.accordion-button:not(.collapsed){
    background: transparent;
    color: #043C8C;
    box-shadow: none;
}
.accordion-body{padding: 5px 15px 15px;color: #555;}
.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);}


#forms .cart .quantity .plus, #forms .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% - 60px) / 2);
}
#forms .cart .quantity .minus{font-size: 14px;}
#forms.cart .quantity .plus{font-size: 22px;}
#forms .cart .quantity .plus:hover, #forms .cart .quantity .minus:hover{
    background-color: rgba(0,0,0,0.05);
}
#forms .cart .quantity .qty{
	border: 1px solid #cecece;
	background-color: transparent;
	height: 100%;
	width: 60px;
	font-size: 14px;
	text-align: center;
	line-height: 1;
	margin-bottom: 0;
	font-weight: 600;
	color: #242422;
}
#forms .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;
}
#forms .subDisc del{font-size: 13px;}
#forms .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;}
	.container-fluid{max-width: calc(100% - 360px);}
}

@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);}
}
@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: 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){
    #primary-menu-container{display: none;}
    #header{
        position: sticky;
        top: 0;
        z-index: 999;
        background-color: #FFF;
        border-bottom: 1px solid #CECECE;
    }
	.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 p{font-size: 13px;}
	.slider-caption h2{font-size: 26px; margin-bottom: 15px;}
	.slider-caption .button3, .button, .button2, .button3, .button-outlined, .button3 + .button-outlined{height: 40px; line-height: 40px; font-size: 14px; padding: 0 20px;}
	
	.docSearchForm input{padding: 0 15px; width: 30%; font-size: 14px;}
	.docSearchForm select{padding: 0 15px; width: 32%; font-size: 14px;}
	.docSearchForm a#docSubmit{font-size: 16px; font-weight: 600; margin-left: 0; padding-left: 15px;}
	.docSearchForm a#docSubmit span{margin-top: 0; margin-left: 5px;}
	.docSearchForm a#docSubmit svg{width: 20px;}
	
	#searchdoctorform + section, #searchdoctorform + div{margin-top: 0; padding-top: 40px;}
	
	#content.homepage{aspect-ratio: auto; position: relative;}
	#content.homepage:after{
	    content: '';
	    position: absolute;
	    right: 0;
	    top: 0;
	    display: block;
	    width: 60%;
	    height: 100%;
	    background-image: url(../images/layout/WELLNESS_LOUNGE.webp?v1);
        background-position: right top;
        background-repeat: no-repeat;
        background-size: cover;
	}
	#content.homepage .content{padding-top: 0; padding-bottom: 0;}
	
	#settingstandard:after{background-position: center top;}
	#whyus .pointsrow .content{padding: 40px 20px;}
	.ctabox .content{padding: 60px 20px;}
	
	.facilities_slider{margin-top: 30px;}
	.facilities_slider .oc-item .facilitycontent{width: calc(100% - 50px);}
	#content.doctordetailpage .box .schedulebutton{height: auto;}
	#content.doctordetailpage .box .bookappointment{height: auto;}
	#content.bloglistview .smallcontent{
	    flex-direction: column;
	    max-height: max-content;
	}
	#content.bloglistview .smallcontent .imagecol{width: 100%;}
	#content.bloglistview .smallcontent .textcol{width: 100%;}
	
	.contact_grid{padding: 25px 5px;}
	.contactinfo-section .contact_grid .textbox a{font-size: 16px;}
	
	.product_detail_view .blog_side_cat{margin-top: 30px;}
}
@media(max-width: 916.9px){
    
}
@media(max-width: 864.9px){
    #header .header-info .infobox{padding: 0 10px;}
    #header .header-info .infobox.top-contact .flexbox .text{padding-right: 7px;}
    #header .header-info .infobox.top-contact .flexbox .text span{font-size: 11px;}
    #header .header-info .infobox.others svg{
        padding: 0 10px;
        height: 20px;
    }
}
@media(max-width: 767.9px){
    h2, .h2{font-size: 22px;}
	h3, .h3, .homeproduct .product-desc .product-title, .homeproduct .product-desc .product-price ins{font-size: 18px;}
	h4, .h4{font-size: 16px;}
    h5, .h5, .homeproduct .product-desc .product-price del{font-size: 14px;}
    h6, .h6{font-size: 14px;}
    small, .sm-text{font-size: 10px;}
    .tag, .homeproduct .discount-tag .percentage, .product_detail_view .product-desc1 .prodCat{font-size: 10px;}
    .light-text{font-size: 10px;}
    .cta-text, .button{font-size: 14px;}
    #footerSocialContacts .socialmedia{justify-content: flex-start; margin-top: 15px;}
    #footerSocialContacts .socialmedia .col{max-width: max-content;}
    #footerSocialContacts .socialmedia a{margin-right: 10px;}
    #footerSocialContacts .socialmedia a svg{width: 20px;}

    .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: 0px;}
    .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;}
    #forms{padding: 30px 0 60px; position: relative; height: 100%; }
    #process{padding:60px 0 10px;}
    #info{ padding:60px 0 10px;}
}

@media(max-width: 604.9px){
}

@media(max-width: 575.9px){
    .container{max-width: calc(100% - 30px);}
    #sliderm .slider-caption{padding-top: 50px;}
    #footer .footer-widgets-wrap > .row > .col{width: 100%;}
    #footer .footer-widgets-wrap{padding-top: 50px;}
    .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 / 1200;}
    #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;}
    #featured-package.homepage{padding-bottom:10px;}
    #banner.contactuspage{aspect-ratio: 9 / 19;}
    #logo img,#logo svg{
     
        width:160px;
    }
}

@media(max-width:375px){
    .slider-caption h1{font-size:32px;}
    .slider-caption p{font-size: 15px;}
}
@media(max-width: 359.9px){
    
}
@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 -------------------------- */
