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


/*	------------------------ General -------------------------- */
@media (min-width: 768px) {
    .container, .container-md, .container-sm {
        /*max-width: 820px;*/
    }
}
@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
         max-width: 1170px; 
		/*max-width: 1270px;*/
    }
    .container-fluid{
    	max-width: calc(100% - 120px);
    }
}
html, body, p{
	font-family: 'Inter-Regular', sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: #000;
	line-height: 24px;
}
p.text-center, .text-center p{max-width: 1200px; margin-right: auto; margin-left: auto;}
h1, .h1{
	font-family: 'Inter-Bold', sans-serif;
	font-weight: 700;
	font-size: 40px;
	color: #000;
	text-transform: capitalize;
}
h2, .h2{
	font-family: 'Inter-Bold', sans-serif;
	font-weight: 700;
	font-size: 35px;
	color: #000;
	text-transform: capitalize;
}
h3, .h3{
	font-family: 'Inter-Bold', sans-serif;
	font-weight: 700;
	font-size: 24px;
	color: #000;
	text-transform: capitalize;
}
h4, .h4{
	font-family: 'Inter-Bold', sans-serif;
	font-weight: 700;
	font-size: 20px;
	color: #000;
	text-transform: capitalize;
}
h5, .h5{
	font-family: 'Inter-SemiBold', sans-serif;
	font-weight: 600;
	font-size: 20px;
	color: #000;
	line-height: 24px;
}
h6, .h6{
	font-family: 'Inter-Medium', sans-serif;
	font-weight: 500;
	font-size: 18px;
	color: #000;
	text-transform: capitalize;
}
.tab2{
	font-family: 'Inter-Bold', sans-serif;
	font-weight: 700;
	font-size: 18px;
	color: #000;
	text-transform: capitalize;
}
.subtitle{
	font-family: 'Inter-Bold-Italic', sans-serif;
	font-weight: 700;
	font-size: 16px;
	color: #000;
}
.label{
	font-family: 'Inter-Bold', sans-serif;
	font-weight: 700;
	font-size: 14px;
	color: #000;
	line-height: 24px; 
	letter-spacing: 1.12px;
	text-transform: uppercase;
}




small, .sm-text{
	font-weight: 400;
	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;
}

.white{
	color:#fff !important;
}

.red{
	color: #D52D2F !important;
}

section{
	padding-top: 80px;
	padding-bottom: 80px;
}
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 {
	display: flex;
	/* width: 164px; */
	width:fit-content;
	height: 42px;
	padding: 0 18px;
	justify-content: center;
	align-items: center;
	gap: 8px;
	border-radius: 999px;
	background: #A82022;
	color: #FFF;
	font-family: 'Inter-SemiBold';
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	/* text-transform: capitalize; */
	transition:all 0.5s ease-in-out;
	border: 1px solid #A82022;
}
.button:hover{
	border: 1px solid #A82022;
	background-color: #fff;
	color: #A82022;
	transition:all 0.5s ease-in-out;
}
.button-svg{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 22px;
	height: 22px;
	aspect-ratio: 1/1;
	border-radius: 11px;
	background: rgba(240, 229, 197, 0.18);
}
.button:hover .button-svg{
	background: rgba(168, 32, 34, 0.18);
	transition:all 0.5s ease-in-out;
}
.button:hover .button-svg path {
    stroke: #A82022;
	transition:all 0.5s ease-in-out;
}

.button2 {
	display: flex;
	/* width: 164px; */
	height: 42px;
	padding: 0 18px;
	justify-content: center;
	align-items: center;
	gap: 8px;
	border-radius: 999px;
	background: #000;
	color: #FFF;
	font-family: 'Inter-SemiBold';
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	transition:all 0.5s ease-in-out;
	border: 1px solid #000;
}
.button2:hover{
	border-radius: 999px;
	border: 1px solid #000;
	background: #fff;
	color:#000;
	transition:all 0.5s ease-in-out;
}
.button2-svg{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 22px;
	height: 22px;
	aspect-ratio: 1/1;
	border-radius: 11px;
	background: #FFF;
}
.button2:hover .button2-svg{
	background: #A82022;
	transition:all 0.5s ease-in-out;
}
.button2:hover .button2-svg path {
    stroke: #fff;
	transition:all 0.5s ease-in-out;
}


.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: #D52D2F;
}
.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: #D52D2F;
}
.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-btn {
    color: #A82022;
    border-bottom: 2px solid #A82022;
    font-weight: 500;
    display: inline-flex;
    height: 29px;
    /* padding: 6px 0; */
    flex-direction: column;
    align-items: flex-start;
	cursor: pointer;
}

.link-btn:hover {
    color: #000;
    border-bottom: 2px solid #000;
}

.back-btn{
	display: inline-flex;
	align-items: center;
	gap: 10px;
	text-decoration: none;
}
.back-btn i{
	color: #A82022;
	transition: color .15s ease;
}
.back-btn:hover i{
	color: #000;
}

.link{
	color: #CC9739;
	border-bottom: 1px solid #CC9739;
}
.linkarrow{
	color: #CC9739;
	border-bottom: none;
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
}
.linkarrow:after{
    content: '\203A';
    position: relative;
    display: inline-block;
    font-size: 18px;
    line-height: 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-family: 'Inter-Bold';}
.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: #f7ecda;
}
.top-message .flexbox{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.top-message .content p{
	color: #555;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-bottom: 0;
}
.top-message .content p a{
	color: #555;
	font-weight: 700;
}

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

#logo img{height: 60px; width: auto;}
.header-outter-flexbox{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    justify-content: space-between;
    max-height: 90px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.header-inner-flexbox{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
	    flex: 1 1 auto;
    /*width: calc(100% - 550px);*/
    /*width: calc(100% - 300px);*/
}
#primary-menu-container{}
#primary-menu-container .outter-flexbox{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
#primary-menu > div > ul{padding: 0;}
#primary-menu > div > ul > li{}
#primary-menu > div > ul > li.current, #primary-menu > div > ul > li:has( .current){
	/* 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 svg{margin-right: 10px;}
#header .header-info .infobox.top-contact .flexbox .text{line-height: normal;}
#header .header-info .infobox.top-contact .flexbox .text span{
	display: block;
	color: black;
	letter-spacing: 1.3px;
	font-size: 13px
}
#header .header-info .infobox.top-contact .flexbox .text span.number{
	font-weight: 500;
	letter-spacing: 0;
}
#header .header-info .infobox.others > div:not(.top-cart-content){height: 100%;}
#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: #A82022;
}
#primary-menu ul ul li a:hover, #primary-menu ul ul li.current a{
    
	color: #A82022;
}

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




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

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

.footer-logo img {
    /* width: 80%; */
	width: 120px;
}

.footer-title{
	color: #000;
	font-family: 'Inter-Bold';
	font-size: 14px;
	font-weight: 700;
	line-height: 20px; 
	text-transform: uppercase;
}


.footer-right{
    display: flex;
    flex-direction: column;
	justify-content: space-between;
}

.ul-dot, .ul-dot li{
	/*list-style: inside !important;*/
}

.ul-dot li, .ul-dot li::marker{
    /*margin-left: 5px;*/
}
.footer-media .tab2{
	text-transform: uppercase;
}
.footer-media{
	display: flex;
	justify-content: flex-end;
	align-items: center;
    gap: 26px;
	margin-top:30px;
}

/* #wa-float-container {
    display: block;
    z-index: 299;
    position: fixed;
    color: #FFF;
    top: auto;
    left: auto;
    right: 30px;
    bottom: 100px;
    cursor: pointer;
    border-radius: 2px;
}

.float-item{
	position:relative;
}

.wa-notes-box{
	display: inline-flex;
	min-width: 260px;
	max-width: 1320px;
	padding: 8px 12px 9px 12px;
	flex-direction: column;
	align-items: center;
	border-radius: 8px;
	border: 1px solid #F5F5F5;
	background: #FFF;
	box-shadow: 5px 5px 5px -5px rgba(34, 60, 80, 0.60);
	position:absolute;
	    right: 80px;
    top: 5px;
}

.wa-notes-txt{
	font-size:16px;
	color:#000;
} */


/* 2  */

#wa-float-container {
	display: block;
	z-index: 299;
	position: fixed;
	color: #FFF;
	right: 30px;
	bottom: calc(100px + env(safe-area-inset-bottom, 0px));
	cursor: pointer;
	border-radius: 2px;
}

.float-item {
	position: relative;
}

#whatsappbutton {
	animation: wa-pulse 2.5s ease-in-out infinite;
	border-radius: 50%;
	transition: transform 0.2s ease;
}

#whatsappbutton:hover {
	transform: scale(1.06);
}

@keyframes wa-pulse {
	0%, 100% { box-shadow: 0 0 0 0 rgba(48, 191, 57, 0.35); }
	50%      { box-shadow: 0 0 0 10px rgba(48, 191, 57, 0); }
}

.wa-notes-box {
	box-sizing: border-box;
	display: inline-flex;
	width: max-content;
	min-width: 200px;
	max-width: min(260px, calc(100vw - 110px));
	padding: 8px 12px 9px 12px;
	flex-direction: column;
	align-items: center;
	border-radius: 8px;
	border: 1px solid #F5F5F5;
	background: #FFF;
	box-shadow: 5px 5px 5px -5px rgba(34, 60, 80, 0.60);
	position: absolute;
	right: 80px;
	top: 5px;

	/* hidden by default, revealed on hover (desktop) or .wa-notes-shown (mobile tap) */
	opacity: 0;
	visibility: hidden;
	transform: translateX(8px);
	transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;
	pointer-events: none;
}

.float-item:hover .wa-notes-box,
.wa-notes-box.wa-notes-shown {
	opacity: 1;
	visibility: visible;
	transform: translateX(0);
}

.wa-notes-txt {
	font-size: 16px;
	color: #000;
	text-align: center;
}

/* ---- Mobile ---- */
@media (max-width: 600px) {
	.stretched #gotoTop {
        bottom: 15px;
        right: 18px;
    }

	#wa-float-container {
		right: 16px;
		bottom: 75px;
	}

	#whatsappbutton svg {
		width: 50px;
		height: 50px;
	}

	.wa-notes-box {
		/* reposition ABOVE the button instead of to the side,
		   so it can never overflow the left edge of narrow screens */
		right: 0;
		top: auto;
		bottom: 62px;
		max-width: min(220px, calc(100vw - 32px));
		min-width: 160px;
	}

	.wa-notes-txt {
		font-size: 14px;
	}
}



/* 3  */
#wa-float-container {
	display: block;
	z-index: 299;
	position: fixed;
	color: #FFF;
	right: 30px;
	bottom: 80px;
	cursor: pointer;
	border-radius: 2px;
}

.float-item {
	position: relative;
}

/* ---- Button + layered wave animation ---- */
#whatsappbutton {
	position: relative;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	animation: scale-in .5s cubic-bezier(.25, .46, .45, .94) both;
	transition: transform 0.2s ease;
}

#whatsappbutton:hover {
	transform: scale(1.06);
}

#whatsappbutton svg {
	position: relative;
	z-index: 2;
	display: block;
}

.wa-wave {
	position: absolute;
	inset: 0;
	border-radius: 50%;
	background: rgba(48, 191, 57, 0.45);
	animation: waves-whatsapp 3s linear infinite;
	z-index: 1;
	pointer-events: none;
}

/* second layer offset in time so the two rings feel staggered/wider */
.wa-wave-2 {
	animation-delay: 1.5s;
	background: rgba(48, 191, 57, 0.3);
}

@keyframes waves-whatsapp {
	0% {
		transform: scale(1);
		opacity: 0.65;
	}
	100% {
		transform: scale(2.2);
		opacity: 0;
	}
}

@keyframes scale-in {
	0% {
		transform: scale(0);
		opacity: 0;
	}
	100% {
		transform: scale(1);
		opacity: 1;
	}
}

/* ---- Notes box: visible by default on desktop ---- */
.wa-notes-box {
	box-sizing: border-box;
	display: inline-flex;
	width: max-content;
	min-width: 200px;
	max-width: min(260px, calc(100vw - 110px));
	padding: 8px 12px 9px 12px;
	flex-direction: column;
	align-items: center;
	border-radius: 8px;
	border: 1px solid #F5F5F5;
	background: #FFF;
	box-shadow: 5px 5px 5px -5px rgba(34, 60, 80, 0.60);
	position: absolute;
	right: 80px;
	top: 5px;
	z-index: 3;

	opacity: 1;
	visibility: visible;
	transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;
}

.wa-notes-txt {
	font-size: 16px;
	color: #000;
	text-align: center;
}
.wa-red-dot{
	width: 8px;
	height: 8px;
	position: absolute;
	right: 4px;
	top: 4px;
	border-radius: 4px;
	background: rgba(255, 0, 0, 0.85);
	animation: scale-in .5s cubic-bezier(.25, .46, .45, .94) both;
}

/* ---- Mobile: hidden by default, click-to-show ---- */
@media (max-width: 575.9px) {
    .stretched #gotoTop {
        bottom: 15px;
        right: 18px;
    }

	#wa-float-container {
		right: 16px;
		bottom: 75px;
	}

	#whatsappbutton {
		width: 50px;
		height: 50px;
	}

	#whatsappbutton svg {
		width: 50px;
		height: 50px;
	}

	.wa-notes-box {
		opacity: 0;
		visibility: hidden;
		transform: translateY(8px);
		pointer-events: none;

		/* sits above the button so it never overflows sideways on narrow screens */
		right: 0;
		top: auto;
		bottom: 62px;
		max-width: min(220px, calc(100vw - 32px));
		min-width: 160px;
	}

	.wa-notes-box.wa-notes-shown {
		opacity: 1;
		visibility: visible;
		transform: translateY(0);
		pointer-events: auto;
	}

	.wa-notes-txt {
		font-size: 12px;
	}
}





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

#footer{
	color: #555;
	/* font-family: 'Inter', sans-serif; */
}
.footerp{
	color: #555;
	font-weight: 500;
	font-family: 'Inter-Medium', sans-serif;
}
#footer h4{
	color: #000;
}
#merchantimg img{max-height: 23px;}
.address p, .oper-hr p{
	font-size: 16px;
	color: #555;
}
.address p{
    width: 80%;}
#footer .footer-widgets-wrap > .row{justify-content: space-between;}
/*#footer .socialmedia{margin-top: 18px;}*/
#footerSocialContacts .socialmedia{justify-content: flex-end;}
#footerSocialContacts .socialmedia .col{
	padding-right: 3px;
	padding-left: 3px;
	max-width: 20%;
}
#footerSocialContacts .socialmedia .col:first-child{
	padding-left: calc(var(--bs-gutter-x) * .5);
}
#footerSocialContacts .socialmedia .col:last-child{
	padding-right: calc(var(--bs-gutter-x) * .5);
}
.socialmedia a{display: block;  transition: all 0.5s ease;}
.socialmedia a svg{
	width: 100%;
	max-width: 35px;
	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: 0px;
}
.socialmedia a:hover svg{
    fill: #A82022;
    -webkit-transition: fill .3s ease;
	-o-transition: fill .3s ease;
	transition: fill .3s ease;
}
.socialmedia a:hover{
    transform: translateY(-5px);
    transition: all 0.5s ease;
}
#footer .widget_links a{
	color: #555;
	-webkit-transition: color .3s ease;
	-o-transition: color .3s ease;
	transition: color .3s ease;
}
#footer .widget_links a:hover{
    color: #A82022;
    -webkit-transition: color .3s ease;
	-o-transition: color .3s ease;
	transition: color .3s ease;
}
#footer .footer-widgets-wrap h4{margin-top: 0px;}
#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{
	flex-direction: column;
}
#footerCompContacts .col{
	/* flex: 0 0 21%;
	max-width: 21%;
	min-width: 195px; */
	width: 100%;
}
#footerCompContacts .col.email{
	/* flex: 0 0 26%;
	max-width: 26%; */
}
#footerCompContacts .flexbox{justify-content: center; margin-bottom: 10px;}
#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: #555;}
#footerCompContacts a:hover .text .number{color: #A82022;}
#footerCompContacts .col.email a .text .number{
    /*overflow-wrap: anywhere;*/
    
}

#footerCart svg{fill: #ac8c5e; max-width: 29px;}
#copyrights .col-12{
	/* border-top: 1px solid #555;  */
	padding-top: 30px; 
	padding-bottom: 30px;}
#copyrights a{color: 555;}
#copyrights a:hover{color: #A82022;}

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

/* HG GROUP STYLING  */


/*	------------------------ HOME START -------------------------- */
.animated {
    animation-duration: 0.6s;
}

.h1-li{
	display: inline-block;
    font-size: 12px;
    font-family: 'Inter-Regular', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
}

/* slider css in new2023  */

.contractor-box{
	display: flex;
	padding: 30px;
	height:100%;
	flex-direction: column;
	align-items: flex-start;
	gap: 30px;
	border-radius: 8px;
	background: #FFF;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0 8px 16px 0 rgba(0, 0, 0, 0.08);
}


.ctt-icon-box{
	display: flex;
	align-items: center;
	gap: 15px;
	align-self: stretch;
}

.ctt-icon{
	display: flex;
	width: 60px;
	height: 60px;
	justify-content: center;
	align-items: center;
	aspect-ratio: 1/1;
	border-radius: 12px;
	background: #D52D2F;
}


#home-sec3{
	background-image: url(../images/hg/home-s3-bg.jpg);
    background-size: cover;
        background-position: top center;
    /* aspect-ratio: 480 / 323; */
    position: relative;
    background-attachment: fixed ! important;
}

.home-s3-ele{
	position:absolute;
	bottom:0;
	width:100%;
}
.why-choose-container{
	position: relative;
	border-radius: 16px;
	background: #FFF;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0 4px 8px 0 rgba(0, 0, 0, 0.06);
	overflow: hidden; 
	margin-bottom:20px;
}

.why-choose-container:last-child{
	margin-bottom:0px;
}

.why-choose-container::before{
	content: "";
	position: absolute;
	width: 8px;
	height: 39px;
	background: #D52D2F;
	left: 0;
	top: 17px; 
}
.why-choose-box{
	padding: 25px 60px 25px 50px;
}



.gallery-box {
	/* height: 143px;   */
	aspect-ratio: 1 / 1;
	overflow: hidden;
}

.homegallery-thumb {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
}


#home-sec5{
	background: #FAFAFA;
}

.lifecycle-wrap{
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
}

.lifecycle-svg{
	display: block;
	width: 100%;
	height: auto;
	overflow: visible;
}

#home-sec6{
	background: #A82022;
}

.addon-box{
	display: flex;
	padding: 25px 60px;
    justify-content: flex-start;
	align-items: center;
	height:100%;
	gap: 20px;
	border-radius: 16px;
	background: #FFF;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0 8px 16px 0 rgba(0, 0, 0, 0.08);
}

.addon-icon{
	display: flex;
	width: 60px;
	height: 60px;
	padding:15px;
	/* padding: 24px 22.8px 24px 24px; */
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-radius: 42px;
	border: 1.2px solid #D52D2F;
}


/*	------------------------ HOME END ----------------------------- */




/*	------------------------ ABOUT START -------------------------- */



#about-s2{
	background-color: #000;
    background-image: url(../images/hg/about-img.jpg);
    background-size: cover;
    background-position: center center;
    aspect-ratio: 1920 / 726;
}

#about-timeline{
	background: #A82022;
}

#oc-milestoneSlides .oc-item{
	display:flex;
	flex-direction: column;
	align-items: center;
	position:relative;
}

#oc-milestoneSlides .owl-dots {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin-top: 0px;
}

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

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

#oc-milestoneSlides .owl-dots button.active span {
    background-color: #fff;
    opacity: 1;
}

#about-timeline .owl-nav{
    display: flex;
    gap: 10px;
    justify-content: center;
    margin-top: 20px;
}

#about-timeline .owl-nav.disabled{
    display:none;
}

#about-timeline .owl-nav .owl-prev,
#about-timeline .owl-nav .owl-next{
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 19px;
    border: 1px solid #FFF;
    background: #FFF;
    transition: background 0.2s ease, opacity 0.2s ease;
}

#about-timeline .owl-nav .owl-prev svg path,
#about-timeline .owl-nav .owl-next svg path{
    stroke: #000;
    transition: stroke 0.2s ease;
}

/* Owl automatically adds .disabled at the start/end — just style it */
#about-timeline .owl-nav .owl-prev.disabled,
#about-timeline .owl-nav .owl-next.disabled{
    background: transparent;
    border: 1px solid #FFF;
    opacity: 1;
    pointer-events: none;
}

#about-timeline .owl-nav .owl-prev.disabled svg path,
#about-timeline .owl-nav .owl-next.disabled svg path{
    stroke: #fff;
}


.timeline-order{
	display: flex;
	width: 20px;
	height: 20px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-radius: 46px;
	border: 1px solid #FFF;
	background: #FFF;
	box-shadow: 0 18px 40px -16px rgba(84, 0, 2, 0.60);
	
}

.timeline-order::after{
	content: '';
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    border-top: 3px solid #fff;
    z-index: -1;
	width: 400px;
}


.timeline-order p{
	font-family: 'Inter-SemiBold';
	font-weight:600;
	font-size: 32px;
	letter-spacing: -0.96px;
}

.timeline-desc p{
	color: #fff!important;
	text-align: center;
}




.cert-image img{
	max-height:80px;
}

.awd-image img{
	max-height:100px;
}

.awd-name {
	font-family:'Inter-Bold';
}

.awd-name span{
	font-family:'Inter-Regular';
}


/*	------------------------ ABOUT END ----------------------------- */





/*	------------------------ SERVICES START -------------------------- */

.serv-img1{
	aspect-ratio: 1;
	/* height: 530px; */
	border-radius: 16px;
	overflow: hidden;
}
.serv-img1 img{
	width:100%;
	height:100%;
	object-fit: cover;
}


.partnerlogo-container {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	align-self: stretch;
}

.partnerlogo-box {
	display: flex;
	width: 23%;
	height: 106px;
	padding: 7px 15px;
	    /* padding: 7px 0px; */
	justify-content: center;
	align-items: center;
	border-radius: 16px;
	border: 0.625px solid #CECECE;
	box-sizing: border-box;
}

.partnerlogo-box img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
    height: 100%;
    width: 100%;
}



/*	------------------------ SERVICES END ----------------------------- */


/* services content section style  */



/* ============================================================
   Services Section Styles
   ------------------------------------------------------------
   Targets the classes your admin's svcTemplates already embed
   in section content (e.g. "intro-points", "card-icon-grid"),
   AND the matching svc-style--{slug} class on the outer
   <section> wrapper from services-sections.php.

   Tune --svc-red / --svc-navy / spacing below to match your
   exact brand — these are close approximations, not a pixel
   copy, since I can't read your live stylesheet.
   ============================================================ */

:root{
	--svc-red: #D52D2F;
	--svc-red-soft: rgba(168, 32, 34, 0.5);
	--svc-red-40: rgba(168, 32, 34, 0.4);
	--svc-navy: #0F2539;
	--svc-navy-soft: #F9F9F9;
	--svc-line: #ebedf2;
	--svc-card-bg: #ffffff;
	--svc-radius: 10px;
	--svc-gap: 24px;
}

b, strong {
    font-weight: bolder;
    font-family: 'Inter-Bold';
}

.svc-section{ padding: 80px 0; }
.svc-section h2{  margin-bottom: 30px; }
.svc-section p{  }
.svc-section .center{ text-align: center; }
.svc-section img{ max-width: 100%; height: auto; }

/* ---------- Intro Section: Style 1 (Points) & Style 2 (Description) ---------- */
.svc-section.svc-section--full-bleed{ 
	padding: 0 0 80px 0;
    overflow: hidden; }


 
.intro-points__media img,
.intro-description__media img{
	display: block;
	width: 100%;
	height: 660px;
	object-fit: cover;
	border-radius: 0 16px 16px 0;
}
 
/* ----- Style 1: Intro - Points ----- */
.intro-points__row{
	position: relative;   /* anchor for the absolutely-positioned cards panel */
}

/* Media: always fills the row, full width, regardless of the image's
   intrinsic size or how long the card copy next to it is. */
.intro-points__media{
	width: 85%;
	overflow: hidden;
}
.intro-points__media img{
	display: block;
	width: 100%;
	height: auto;
	min-height: 600px;
	max-height: 660px;
	object-fit: cover; /* use "contain" instead if you don't want cropping */
}

/* Cards: a fixed-width panel floated on top of the media via absolute
   positioning — its width is a constant you set here, not something
   flexbox derives from the widest card's text. Every section using this
   style gets the same panel width no matter how long the titles/
   descriptions are; long text just wraps inside it. */
.intro-points__cards{
	position: absolute;
	top: 50%;
	right: 60px;                 /* distance from the row's right edge */
	transform: translateY(-50%);
	width: 500px;                 /* <- the "standard" width, change once here */
	max-width: calc(100% - 40px); /* safety clamp on very narrow rows */
	display: flex;
	flex-direction: column;
	gap: 16px;
	z-index: 2;
}

.intro-point{
	width: 100%;         /* fills the fixed-width column above — no longer
	                         sized by its own text via max-width: calc(100vw - 40px) */
	box-sizing: border-box;
	padding: 30px;
	display: flex;
	align-items: center;
	gap: 23px;
	border-radius: 16px;
	background: #FFF;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0 8px 16px 0 rgba(0, 0, 0, 0.08);
}

.intro-point__icon{
	display: flex;
	width: 60px;
	height: 60px;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	aspect-ratio: 1/1;
	border-radius: 12px;
	background: #D52D2F;
}
.intro-point__icon img{ width: 26px; height: 26px; object-fit: contain; }

.intro-point-box{
	display: flex;
	flex-direction: column;
	gap: 5px;
	min-width: 0;
}

.intro-point__title{
	margin:0;
}
.intro-point-box p{ margin: 0; }

/* On narrow screens there usually isn't room to float the panel over the
   image and still read the text — stack it below full width instead. */
@media (max-width: 767px){
	.intro-points__media {
    width: 100%;
	}
	.intro-points__cards{
		position: static;
		transform: none;
		width: 100%;
		max-width: none;
		margin-top: 16px;
		align-items: center;
	}
}
/* ----- Style 2: Intro - Description ----- */
.intro-description__row{
	position: relative;
}
.intro-description__media{
	width: 85%;
	overflow: hidden;
}
.intro-description__media img{
	display: block;
	width: 100%;
	height: auto;
	min-height: 500px;
	max-height: 550px;
	object-fit: cover;
}
.intro-description__panel{
	position: absolute;
	top: 50%;
	right: 60px;
	transform: translateY(-50%);
	
}
.intro-description__panel-inner {width: 450px;
	max-width: calc(100% - 40px);
	padding: 36px;
	border-radius: 16px;
	background: var(--svc-navy);
	color: #fff;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0 8px 16px 0 rgba(0, 0, 0, 0.08);
	z-index: 2;
	box-sizing: border-box;
}
.intro-description__panel h4{
	color: #fff; margin-bottom: 30px;
}
.intro-description__panel ol{
	margin: 0;
	padding-left: 20px;
}
.intro-description__panel li strong{ color: #fff; }
.intro-description__notes{
	margin: 0;
	padding-top: 30px;
	color: #fff;
}
 
/* On narrow screens, drop the overlap and stack full width — same
   treatment as .intro-points__cards. */
@media (max-width: 767px){
	.intro-description__media{ width: 100%; }
	.intro-description__panel{
		position: static;
		transform: none;
		width: 100%;
		max-width: none;
		margin-top: 16px;
	}
}
/* ---------- Slider Sections --------------------------------- */
.svc-style--slider-grid-highlight{
	/* background-color: var(--svc-red-40);
	border-radius: var(--svc-radius); */
	/* background: linear-gradient(180deg,#00a9ce 30%, #fff 30%); */
	background:linear-gradient(180deg, #A82022 30%, #fff 30%);
}
.svc-style--slider-grid-highlight h2, .svc-style--slider-grid-highlight p{ color: #fff; }
.svc-image-slider-grid__card h2{
	margin-bottom:10px;
	color:#000;
}
.svc-image-slider-grid__card p{color:#000;}
.svc-style--slider-grid-highlight p{
	margin-bottom:60px;
}

/* ------------------------------------------------------------
   Paged 3x2 image grid slider
   Used by the "Slider - Grid Highlight" style. Renders 6 images
   per page (3 columns x 2 rows) inside a white rounded card,
   with round prev/next buttons either side of the card.
   ------------------------------------------------------------ */
.svc-image-slider-grid{
	position: relative;
	display: flex;
	align-items: center;
	gap: 25px;
	/* margin-top: 30px; */
}

.svc-image-slider-grid__card{
	flex: 1 1 auto;
	min-width: 0;
	border-radius: 16px;
	background: #FFF;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0 8px 16px 0 rgba(0, 0, 0, 0.08);
	padding: 80px 40px;
}

.svc-image-slider-grid__viewport{
	overflow: hidden;
}

.svc-image-slider-grid__track{
	display: flex;
	transition: transform 0.4s ease;
}

.svc-image-slider-grid__page{
	flex: 0 0 100%;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}

.svc-image-slider-grid__slide{
	border: 1px solid #CECECE;
	border-radius: 12px;
	overflow: hidden;
	aspect-ratio: 5 / 3;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
}

.svc-image-slider-grid__slide a {
	width: 100%;
	height: 100%;
}

.svc-image-slider-grid__slide a img{
	width: 100%;
	height: 100%;
	object-fit: contain;
	padding: 10px;
}

.svc-image-slider-grid__nav{
	flex: 0 0 auto;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	/* border: 1px solid rgba(255,255,255,0.6); */
	background: transparent;
	/* color: #fff; */
	border-radius: 19px;
	border: 1px solid #555;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: background 0.2s ease, opacity 0.2s ease;
}

.svc-image-slider-grid__nav:hover{ background: rgba(255,255,255,0.15); }
.svc-image-slider-grid__nav:disabled{ opacity: 0; cursor: default;}
/* .svc-image-slider-grid__nav:disabled:hover{ background: transparent; } */

@media (max-width: 991px){
	.svc-image-slider-grid__page{ grid-template-columns: repeat(2, 1fr); }
	.svc-image-slider-grid__card{ padding: 24px; }
}

@media (max-width: 575px){
	.svc-image-slider-grid__page{ grid-template-columns: 1fr; }
	.svc-image-slider-grid{ 
		flex-wrap: wrap; 
		justify-content: center;
        gap: 20px 10px; }
	.svc-image-slider-grid__nav{ order: 2; }
	.svc-image-slider-grid__nav:disabled {
		opacity: 1;
		cursor: pointer;
	}
	
}




/* slider style2: side panel  */

.svc-style--slider-side-panel{
	background-color: #0F2539;
	overflow: hidden;
	/* border-radius: var(--svc-radius); */
}
.svc-style--slider-side-panel .row{ align-items: center; flex-wrap:nowrap; row-gap:30px; }
.slider-side-panel h2, .slider-side-panel p{
	color:#fff;
}

/* ============================================================
   Reusable Image Slider  (populated via [imageslider:] shortcode)
   ============================================================ */
.svc-image-slider{ 
	position: relative; 
	/* padding: 0 44px; */
 }
.svc-image-slider__viewport{
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
	height: 280px;
}
.svc-image-slider__viewport::-webkit-scrollbar{ display: none; }
.svc-image-slider__track{ display: flex;     height: 100%;}
.svc-image-slider__slide{
	flex: 0 0 25%;
	scroll-snap-align: start;
	padding: 0 8px;
	box-sizing: border-box;
}
.svc-image-slider__slide img{
	width: 100%;
	height: 100%;
	object-fit: contain;
	border-radius: 8px;
	background: #FFF;
}
.svc-image-slider__nav{
	/* position: absolute;
	top: 50%; transform: translateY(-50%);
	width: 36px; height: 36px;
	border: none; border-radius: 50%;
	background: #fff;
	color: var(--svc-navy);
	box-shadow: 0 2px 8px rgba(0,0,0,0.15);
	cursor: pointer; */
}
.svc-image-slider__controls{
	display:flex;
	justify-content:center;
	align-items:center;
	gap:16px;
	margin-top:30px;
}


.svc-image-slider__nav{
	position:static;
	transform:none;

	width:38px;
	height:38px;

	border:none;
	border-radius:50%;
	background: #FFF;

	cursor:pointer;

	display:flex;
	align-items:center;
	justify-content:center;
}



.svc-image-slider__nav.disabled,
.svc-image-slider__nav:disabled{
	border: 1px solid #FFF;
	background:transparent;
}

.svc-image-slider__nav.disabled svg path,
.svc-image-slider__nav:disabled svg path{
	stroke:#fff;
}


.svc-image-slider__nav:hover{
	/* background:var(--svc-red);
	color:#fff; */
}



/* .svc-image-slider__nav--prev{ left: 0; }
.svc-image-slider__nav--next{ right: 0; } */

.svc-image-slider__dots{
	display: flex; justify-content: center; gap: 8px;
	margin-top: 16px;
}
.svc-image-slider__dot{
	width: 8px; height: 8px;
	border-radius: 50%;
	border: none;
	background: var(--svc-line);
	cursor: pointer;
	padding: 0;
}
.svc-image-slider__dot.is-active{ background: var(--svc-red); width: 22px; border-radius: 4px; }

@media (max-width: 767px){
	.svc-style--slider-side-panel .row{  flex-wrap:wrap; }
	.flow-points{ flex-direction: column; }
	.svc-section{ padding: 40px 0; }
	.svc-section.svc-section--full-bleed {
		padding: 0 0 40px 0;
		overflow: hidden;
	}
}
/* ---------- Card Sections ------------------------------------ */
.svc-card-grid{
	display: grid;
	grid-template-columns: repeat(var(--svc-cols, 3), 1fr);
	gap: 35px;
}
.svc-card{
	background: #fff;
	border-radius: 16px;
	padding: 30px;
	box-shadow: 0 0 4px 0 rgba(0,0,0,0.04), 0 4px 8px 0 rgba(0,0,0,0.06);
}
.svc-card h3 {
    color: var(--svc-red);
    margin-bottom: 15px;
	/* min-height: 58px; */
}
.svc-card p{ 
	margin: 0;
 }
 
/* ----- Style 1: Card - Simple (Image 1) ----- */
.card-simple h2{
	margin-bottom:10px;
}
.card-simple p.center{ 
	margin: 0 auto 30px;
 }

.card-simple .svc-card{
	min-height: 225px;
}
 
/* ----- Style 2: Card - Icon Grid (Image 2) -----
   Assumes a dark/red Background Colour is set on this section
   via the admin colour picker, so title text is forced white. */
.svc-style--card-icon-grid{
	background: #A82022;
}

.card-icon-grid h2{ color: #fff; }
.card-icon-grid .svc-card-grid {
    gap: 30px;
}
.svc-card--icon{ text-align: left; }
.svc-card__head{ display: flex; align-items: center; gap: 15px; margin-bottom: 30px; }
.svc-card__icon{
	display: flex;
	width: 60px;
    height: 60px;
	align-items: center; justify-content: center;
	flex-shrink: 0;
	border-radius: 10px;
	background: var(--svc-red);
}
.svc-card__icon img{ width: 30px; height: 30px; object-fit: contain; }
.svc-card--icon h5{ margin: 0; }
.svc-card--icon p{ }
 
/* ----- Style 3: Card - Points List (Image 3) ----- */
.svc-style--card-points-list{
	background: #F9F9F9;
}
.card-points-list .svc-card-grid{ grid-template-columns: repeat(4, 1fr); gap: 30px;}
.card-points-list .svc-card {
	border: 1px solid #F3F4F6;
}
.svc-card--span-1{ grid-column: span 1; } /* quarter width (default) */
.svc-card--span-2{ grid-column: span 2; } /* half width */
.svc-card--span-4{ grid-column: span 4; } /* full width */
.svc-card--points h4{
	margin-bottom:0px;
}
 .svc-card--points .svc-card__head {
	margin-bottom:20px;
 }
.svc-card--points ol.svc-card__points{
	margin: 0 0 16px;
	padding-left: 20px;
}
.svc-card--points ol.svc-card__points li{ 
	margin-bottom: 10px;
}
.svc-card--points ol.svc-card__points li::marker{ color: var(--svc-red); font-weight: 700; }

.svc-card--points ol.svc-card__points{
	list-style: none;
	counter-reset: svc-points;
	margin: 0 0 16px;
	padding-left: 0;
}

.svc-card--points ol.svc-card__points li{
	counter-increment: svc-points;
	position: relative;
	padding-left: 32px;   
	margin-bottom: 10px;
}

.svc-card--points ol.svc-card__points li::before{
	content: counter(svc-points);
	position: absolute;
	left: 0;
	top: 3px;
	display: flex;
	width: 20px;
	height: 20px;
	justify-content: center;
	align-items: center;
	border-radius: 16777200px;
	background: #FFF0F0;
	color: var(--svc-red);
	font-weight: 700;
	font-size: 11px;
}


.svc-card__note strong{ 
	display: block; 
	margin-bottom: 4px; 
	color: #BB4D00; }
.svc-card__note{
	display: flex;
	flex-direction: column;
	background: #FFF6DA;
	border-radius: 10px;
	padding: 14px 16px;
	font-size: 13px;
	color: #6b5a1e;
	margin-top: 14px;
}
.svc-card__note-head{
	display: flex;
	align-items: center;
	gap: 8px;
	align-self: stretch;
	margin-bottom:12px;
}
.svc-card__note-head strong{ line-height: 1; margin-bottom:0px; }
.svc-card__note-icon{ display: inline-flex; flex-shrink: 0; }
.svc-card__note ul {
	padding-left: 16px;
}
.svc-card__note ul li{
	color: #7B3306;
}
.svc-card__note ul li::marker{
	color: #FFB900;
}
.svc-section-notes{
	text-align: center;
	margin-top: 60px;
	margin-bottom:0;
}
.svc-section-notes strong{ color: var(--svc-red); }
 
/* Keep span-2 / span-4 cards sane once the grid collapses to 2 or
   1 columns on smaller screens — force them to the full row width
   instead of overflowing into implicit extra columns. Specificity
   here (2 classes) beats the generic .svc-card-grid media rules
   below even though both use !important. */
@media (max-width: 991px){
	.card-points-list .svc-card-grid{ grid-template-columns: repeat(2, 1fr) !important; }
	.card-points-list .svc-card--span-4{ grid-column: 1 / -1; }
}
@media (max-width: 576px){
	.card-points-list .svc-card-grid{ grid-template-columns: 1fr !important; }
	.card-points-list [class*="svc-card--span-"]{ grid-column: 1 / -1; }
}
/* ----- Style 4: Card - Side Panel (Image 4) ----- */
.svc-side-panel__row{ display: flex; gap: 20px; align-items: flex-start; }
.svc-side-panel__title{ flex: 0 0 400px; }
.svc-side-panel__title h2{ text-align: left;  margin-bottom: 0; }
.svc-side-panel__grid{ flex: 1; min-width: 0; }
.card-side-panel .svc-card-grid{ grid-template-columns: repeat(3, 1fr); width:100%;}
.card-side-panel .svc-card{
	min-height: 225px;
}
/* ----- Card grid responsive collapse ----- */
@media (max-width: 991px){
	.svc-card-grid{ grid-template-columns: repeat(2, 1fr) !important; }
	.svc-side-panel__row{ flex-direction: column; }
	.svc-side-panel__title{ flex-basis: auto; }
}
@media (max-width: 576px){
	.svc-card-grid{ grid-template-columns: 1fr !important; }
}
/* ----- Card grid responsive collapse ----- */
@media (max-width: 991px){
	.svc-card-grid{ grid-template-columns: repeat(3, 1fr) !important; }
	.svc-side-panel__row{ flex-direction: column; }
	.svc-side-panel__title{ flex-basis: auto; }
	.card-icon-grid .svc-card-grid{
		grid-template-columns: repeat(var(--svc-cols, 3), 1fr)  !important; ;
	}
}
@media (max-width: 576px){
	.svc-card-grid{ grid-template-columns: 1fr !important; }
}

/* ---------- Types Grid ---------------------------------------- */
.types-grid-flow{
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	column-gap: 24px;
	row-gap: 30px;
}

.types-grid-flow .type-card{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 23px;
	height: 100%;
	padding: 30px 26px;
	border-radius: 16px;
	border: 1px solid #F0F0F0;
	background: #F9F9F9;
}

.type-card--span-2{ grid-column: span 2; }  /* third width  */
.type-card--span-3{ grid-column: span 3; }  /* half width   */
.type-card--span-6{ grid-column: span 6; }  /* full width   */

.type-card--span-2 .tab2{
	min-height:95px;
}

@media (max-width: 991px){
	.types-grid-flow{ grid-template-columns: repeat(2, 1fr) !important; }
	.type-card--span-6{ grid-column: 1 / -1; }
}
@media (max-width: 576px){
	.types-grid-flow{ grid-template-columns: 1fr !important; }
	.types-grid-flow [class*="type-card--span-"]{ grid-column: 1 / -1; }
}

.type-card .tab2{
	margin: 0;
	text-align: left;
}

/* the "line" is now a pseudo-element, not real markup */
.type-card::after{
	content: "";
	display: block;
	width: 39px;
	height: 2px;
	background: #A82022;
	border-radius: 2px;
	margin-top: auto;   /* same trick as before — pins it to the bottom of the flex column */
}
/* ---------- FAQ Accordion --------------------------------------- */
/* ==================================================
   FAQ ACCORDION
================================================== */

.svc-section.svc-style--faq-accordion.svc-section--full-bleed{
	padding:0;
}

.faq-accordion__row{
    display:flex;
    align-items:stretch;
    min-height:500px;
    overflow:hidden;
}


.faq-accordion__media{
    flex:0 0 42%;
    max-width:42%;
    position:relative;
}


.faq-accordion__media img{
    position:absolute;
    inset:0;

    width:100%;
    height:100%;

    object-fit:cover;
}


.faq-accordion__panel{
    flex:1;
    background:#0F2539;
    padding:80px 60px;
}

/* -----------------------------
   Accordion Item
------------------------------ */

.faq-accordion .accordion-item{
    background:transparent;
    border:none;
    margin-bottom:30px;
	padding-bottom:0px;

}

.faq-accordion .accordion-item:last-child{
    margin-bottom:0;
	padding-bottom: 0px !important;
}

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

.faq-accordion .accordion-header{
    background:#fff;
    border-radius:16px;
    padding:20px 40px;
    display:flex;
    align-items:center;
    justify-content:space-between;
}


.faq-accordion .accordion-header .accordion-button{
    width:30px;
    height:30px;
    padding:0;
}

.faq-accordion .accordion-button,
.faq-accordion .accordion-button:not(.collapsed){
    background:#fff;
    border:none;
    border-radius:16px;
    padding:24px 30px;
    box-shadow:none;
    color:#000;
    display:flex;
    align-items:center;
    justify-content:space-between;
}



.faq-accordion .accordion-button::after{

    width:30px;
    height:30px;

    margin-left:auto;

    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;

    transform:none;
}
 
.faq-accordion .accordion-button.collapsed::after{

    background-image:url("../images/hg/accor-open.png");
	transition:all 0.5s ease;
}


.faq-accordion .accordion-button:not(.collapsed)::after{

    background-image:url("../images/hg/accor-close.png");
	transform: rotate(180deg) !important;
	transition:all 0.5s ease;

}

/* -----------------------------
   Question Block
------------------------------ */

.svc-faq-q{
    flex:1;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
}

.faq-title{
    display:block;
    color:#000;
}

.faq-desc{
    display:block;
    margin-top:4px;
    font-style:italic;
    color:#D52D2F;
}

/* -----------------------------
   Body
------------------------------ */

.faq-accordion .accordion-collapse{
    border:none;
}

.faq-accordion .accordion-body{
    padding: 30px 30px 20px;
}

.faq-accordion .bodytext{
    color:#fff;
    font-size:14px;
    line-height:1.8;
}

.faq-accordion .bodytext p{
    /* margin-bottom:15px; */
	color:#fff;
}

.faq-accordion .bodytext strong,
.faq-accordion .bodytext h4,
.faq-accordion .bodytext h5{
    /* color:#fff;
    display:block;
    margin-bottom:10px; */
}

.faq-accordion .bodytext ul,
.faq-accordion .bodytext ol{
    padding-left:20px;
    margin-bottom:15px;
}

.faq-accordion .bodytext li{
    margin-bottom:8px;
}

/* -----------------------------
   Mobile
------------------------------ */

@media(max-width:991px){

    .faq-accordion__row{
        flex-direction:column;
        min-height:auto;
    }

    .faq-accordion__media{
        flex:none;
        max-width:100%;
        height:300px;
    }

    .faq-accordion__panel{
        padding:30px 20px;
    }

	.faq-accordion .accordion-header {
    	padding: 20px 25px;
	}

    .faq-accordion  .accordion-header .accordion-button{
        padding:0 0 0 10px;
    }

	.faq-accordion .accordion-body {
    padding: 30px 30px 0px;
}

    

}
 
/* ---------- Work Flow --------------------------------------------- */
/* ==================================================
   WORK FLOW
================================================== */
.svc-section.svc-section--padding-80-0{
	padding:80px 0 0;
}
.svc-style--work-flow{
	background:linear-gradient(180deg, #A82022 30%, #fff 30%);
}
.work-flow__top h2{
	color:#fff;
}

.work-flow__top p{
	color:#fff;
	margin-bottom:80px;
}

.work-flow__panel{
	border-radius:16px;
	background:#FFF;
	box-shadow:0 0 4px rgba(0,0,0,.04),
			   0 8px 16px rgba(0,0,0,.08);
	padding:80px 55px;
}

.work-flow__title{
	margin-bottom:50px;
	text-align:center;
}

.flow-grid{
	display:grid;
	grid-template-columns:repeat(4,1fr);
	column-gap:20px;
	row-gap:30px;
	align-items:start;
}

.flow-point{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:20px;
}

.flow-point-a{
	grid-column:1;
	grid-row:1;
	position:relative;
}

.flow-point-b{
	grid-column:2;
	grid-row:1;
	position:relative;
}

.flow-point-c{
	grid-column:4;
	grid-row:1;
}

.flow-note-wrap{
	grid-column:3;
	grid-row:1;
	position:relative;
	width:100%;
	margin-top: 210px;
}

.flow-circle{
	width:240px;
	height:240px;
	border-radius:50%;
	background:#0F2539;
	color:#fff;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	text-align:center;
	padding: 10px 30px;
	flex-shrink:0;
	z-index: 2;
}

.flow-circle__letter{
	color:#fff;
	margin-bottom:5px;
}

.flow-circle h4{
	color:#fff;
	margin:0;
}

.flow-text{
	width:100%;
	min-height: 500px;
	border-radius: 7.327px;
	background: #F9F9F9;
	box-shadow: 0 0 3.664px 0 rgba(0, 0, 0, 0.04), 0 3.664px 7.327px 0 rgba(0, 0, 0, 0.06);
	padding: 60px 20px 30px;
	    margin-top: -50px;
}

.flow-text ol{
	margin:0;
	padding-left:20px;
}

.flow-text li{
	margin-bottom:10px;
	font-size:13px;
	line-height:1.6;
	color:var(--svc-navy);
}

.flow-text li:last-child{
	margin-bottom:0;
}

.flow-note{
	width:100%;
	min-height: 500px;
	padding:60px 20px 30px;
	color:#fff;
	border-radius: 7.327px;
	background: #A82022;
	box-shadow: 0 0 3.664px 0 rgba(0, 0, 0, 0.04), 0 3.664px 7.327px 0 rgba(0, 0, 0, 0.06);
}

.flow-note__title{
	color:#fff;
	margin:0 0 15px;
}

.flow-note ol{
	margin:0;
	padding-left:20px;
}

.flow-note li{
	color:#fff;
	margin-bottom:8px;
	font-size:13px;
	line-height:1.6;
}

.flow-note li:last-child{
	margin-bottom:0;
}

/* A → B */

.flow-point-a::after{
	/* content:"→";
	position:absolute;
	top:25%;
	right:-40px;
	font-size:50px;
	font-weight:300;
	line-height:1; */
}

.flow-point-a::after{
	content:"";
	position:absolute;
	top:120px;
	right:-40px;
	width:49px;
	height:24px;
	background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='49' height='24' viewBox='0 0 49 24' fill='none'%3E%3Cpath d='M35.4009 20.525L42.0293 13.8297L1.9094 13.8258C0.817329 13.8258 0.029136 12.9694 0.00254637 11.9494C-0.022144 10.9949 0.726164 9.9903 1.81634 9.9903L42.0388 9.98453L35.4237 3.30848C34.6583 2.53676 34.6583 1.35705 35.361 0.608422C36.0638 -0.140204 37.2831 -0.234504 38.0599 0.548763L47.9778 10.5426C48.7337 11.3047 48.7337 12.5095 47.9778 13.2696L38.0086 23.3078C37.2527 24.0679 36.0315 23.9236 35.3648 23.2077C34.6982 22.4918 34.6374 21.3332 35.4028 20.5269Z' fill='black'/%3E%3C/svg%3E") no-repeat center;
	background-size:contain;
}

/* B → C */

.flow-point-b::after{
	/* content:"";
	position:absolute;
	top:25%;
	left:calc(100% - 10px);
	width:calc(100% + 40px);
	border-top:3px solid #000; */
}

.flow-point-b::before{
	/* content:"→";
	position:absolute;
	top:25%;
	right:-55px;
	font-size:50px;
	line-height:1; */
}

.flow-point-b::after{
	content:"";
	position:absolute;
	top:120px;
	left:100%;

	width:340px;
	height:22px;

	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;

	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='339' height='22' viewBox='0 0 339 22' fill='none'%3E%3Cpath d='M326.719 18.1543L332.855 12.2316L1.76563 12.2281C0.754751 12.2281 0.0251618 11.4706 0.000549136 10.5683C-0.0223055 9.72387 0.670365 8.8352 1.67948 8.8352L332.864 8.83009L326.74 2.92436C326.032 2.24168 326.032 1.19809 326.682 0.535844C327.333 -0.126402 328.462 -0.209821 329.181 0.483068L338.361 9.3238C339.061 9.99796 339.061 11.0637 338.361 11.7361L329.133 20.616C328.433 21.2885 327.303 21.1608 326.686 20.5275C326.069 19.8942 326.013 18.8693 326.721 18.156L326.719 18.1543Z' fill='black'/%3E%3C/svg%3E");
}

/* Red Down Arrow */

.flow-note-wrap::before{
	/* content:"↓";
	position:absolute;
	top:-60px;
	left:50%;
	transform:translateX(-50%);
	font-size:50px;
	color:#A82022;
	font-weight:300;
	line-height:1; */
}

/* Red Down Arrow */

.flow-note-wrap::before{
	content:"";
	position:absolute;
	top:-70px;
	left:50%;
	transform:translateX(-50%);
	width:24px;
	height:49px;
	background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='49' viewBox='0 0 24 49' fill='none'%3E%3Cpath d='M3.29023 35.4004L9.98552 42.0289L9.98938 1.90891C9.98938 0.816841 10.8458 0.0286482 11.8658 0.00205861C12.8203 -0.0226317 13.8249 0.725676 13.8249 1.81585L13.8307 42.0384L20.5067 35.4232C21.2784 34.6578 22.4581 34.6578 23.2068 35.3606C23.9554 36.0633 24.0497 37.2826 23.2664 38.0594L13.2726 47.9773C12.5105 48.7332 11.3057 48.7332 10.5456 47.9773L0.507418 38.0081C-0.252756 37.2522 -0.108417 36.031 0.607493 35.3644C1.3234 34.6977 2.48194 34.6369 3.2883 35.4023L3.29023 35.4004Z' fill='%23A82022'/%3E%3C/svg%3E") no-repeat center;
	background-size:contain;
}

.work-flow__notes{
	text-align:center;
	margin-top:50px;
	margin-bottom:0;
}

.work-flow__notes strong{
	color:var(--svc-red);
}

/* Mobile */

@media(max-width:767px){

	.flow-grid{
		display:flex;
		flex-direction:column;
		gap:24px;
	}

	.flow-point-a::after,
	.flow-point-b::after,
	.flow-point-b::before,
	.flow-note-wrap::before{
		display:none;
	}

	.work-flow__panel{
		padding:30px 20px 40px;
	}
}
/* ---------- Services Gallery (tabs/sub-tabs) ------------------------ */
/* ---------- Services Gallery (tabs/sub-tabs) ------------------------ */

/* Top-level tabs: "A. External (Outdoor)" / "B. Internal (Indoor)" */
.svc-gallery-tabs{
	justify-content: center;
	/* gap: 30px; */
	border-bottom: 1px solid #CECECE;
    width: fit-content;
	margin: auto;
    margin-bottom: 60px;
}
.svc-gallery-tabs .nav-link{
	border: none;
	/*padding: 0 15px 8px;*/
	padding: 15px 30px;
    border-radius: 8px !important;
	background: transparent;
}

.svc-gallery-tabs .nav-link:hover{
	color: #A82022;
	/*border-bottom: 2px solid #A82022;*/
	border-bottom:none;
	transition: all 0.5s ease;
	font-weight: 700;
	font-family: 'Inter-Bold';
}
.svc-gallery-tabs .nav-link.active{
	color: #fff;
	border-bottom: 2px solid #A82022;
	font-weight: 700;
	font-family: 'Inter-Bold';
	background-color:#A82022;
}

/* Tab pane: title + "(Pictures Reference)" line, then sidebar + content.
   Sidebar/content are now real Bootstrap columns (.col-lg-2 / .col-lg-10)
   generated by buildGalleryTabPane() in the admin template — this just
   styles what's inside them. */
.svc-gallery-tabpane > h2{
	text-align: center;
	margin-bottom: 10px;
}
.svc-gallery-tabpane > p{
	text-align: center;
	color:#D52D2F;
	font-style: italic;
	margin-bottom: 60px;
}

/* Sidebar column: A1, A2, A3 ... stacked vertically */
.svc-gallery-nav-col{ margin-bottom: 20px; }
.svc-gallery-subtabs{
	display: flex;
	flex-direction: column;
	list-style: none;
	padding: 0;
	margin: 0;
	position: sticky;
    top: 100px;
    z-index: 999;
}
.svc-gallery-subtabs .nav-item{ width: 100%; }
.svc-gallery-subtabs .nav-link{
	display: block;
	width: 100%;
	text-align: center;
	margin: 0;
	border-radius: 0;
	box-sizing: border-box;
	    padding: 30px 10px;
		border-bottom: 1px solid #CECECE;
		transition:all 0.5s ease-in-out ;
}
.svc-gallery-subtabs .nav-link:hover{
	color: #fff;
	border-radius: 16px;
	background: #A82022;
	transition:all 0.5s ease-in-out ;
	border-bottom:none;
	border-bottom: 1px solid transparent;
}
.svc-gallery-subtabs .nav-link.active{
	color: #fff;
	border-radius: 16px;
	background: #A82022;
	padding: 30px 10px;
	border-bottom:none;
	border-bottom: 1px solid transparent;
}

.svc-gallery-subtabs .nav-link span{
    font-weight: 400;
    font-size: 14px;
    font-family: 'Inter-Regular', sans-serif;
}

/* Content column: sub-tab title, description, then the gallery grid */
.svc-gallery-subtabpane h3{
	margin-bottom: 10px;
}
.svc-gallery-subtabpane > p{
	margin-bottom: 30px;
}

/* Single sub-tab (no sidebar): content runs full width, left-aligned same as normal */
.svc-gallery-body--single{
	justify-content: center;
}

.svc-gallery-body--single .svc-gallery-content-col{ 
	/* width: 100%; */
 }
 
.svc-gallery-body--single .svc-gallery-subtabpane{
    text-align:center;
}

@media (max-width: 767px){
	.svc-gallery-subtabs{
		flex-direction: row;
		overflow-x: auto;
		justify-content: center;
	}
	.svc-gallery-subtabs .nav-link{ white-space: nowrap; }

	
}

.svc-gallery-subtabs-select-wrap, .svc-gallery-tabs-track { display: none; }

@media (max-width: 767px) {
	.svc-gallery-subtabs { display: none; }           /* hide the pill list */
	.svc-gallery-subtabs-select-wrap {
		display: block;
		position: sticky;
		top: 70px;                                      /* sit under your fixed header */
		z-index: 999;
		background: #fff;
		text-align: center;
		/* padding: 10px 0 16px;	 */
	}
	.svc-gallery-subtabs-select {
		width: 100%;
        min-width: 100%;
        box-sizing: border-box;
		padding: 12px 40px 12px 14px;
		border: 1px solid #CECECE;
		border-radius: 6px;
		font-size: 14px;
		background-color: #fff;
		color: #000;
		-webkit-appearance: none;
		appearance: none;
		/* background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23646c9a' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E"); */
		background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13' fill='none'%3E%3Cpath d='M6.5 7.15L8.99167 4.65833L9.75 5.41667L6.5 8.66667L3.25 5.41667L4.00833 4.65833L6.5 7.15Z' fill='black'/%3E%3C/svg%3E");
		background-repeat: no-repeat;
		background-position: right 12px center;
		background-size: 14px;
	}
	
	
	/*edited the select dropdown */
	.svc-gallery-subtabs-select-wrap {
      position: sticky;
      top: 70px;
      z-index: 999;
      background: #fff;
      width: 100%;
    }
    
    /* hide native select but keep it in the DOM */
    .svc-gallery-subtabs-select-wrap.is-custom .svc-gallery-subtabs-select {
      position: absolute;
      opacity: 0;
      pointer-events: none;
      height: 0;
      width: 0;
    }
    
    .svc-dd-btn {
      display: block;
      width: 100%;
      box-sizing: border-box;
      text-align: left;
      padding: 12px 40px 12px 14px;
      border: 1px solid #CECECE;
      border-radius: 6px;
      font-size: 14px;
      line-height: 1.3;
      background-color: #fff;
      color: #000;
      cursor: pointer;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13' fill='none'%3E%3Cpath d='M6.5 7.15L8.99167 4.65833L9.75 5.41667L6.5 8.66667L3.25 5.41667L4.00833 4.65833L6.5 7.15Z' fill='black'/%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-position: right 12px center;
      background-size: 14px;
    }
    
    .svc-dd-list {
      display: none;
      position: absolute;
      left: 0;
      right: 0;              /* full width of the wrap */
      top: 100%;
      margin: 4px 0 0;
      padding: 0;
      list-style: none;
      background: #fff;
      border: 1px solid #CECECE;
      border-radius: 6px;
      box-shadow: 0 6px 16px rgba(0,0,0,.12);
      max-height: 50vh;
      overflow-y: auto;
      -webkit-overflow-scrolling: touch;
    }
    
    .svc-dd-list.open { display: block; }
    
    .svc-dd-list li {
      padding: 12px 14px;
      cursor: pointer;
      border-bottom: 1px solid #f0f0f0;
      text-align: left;
    }
    
    .svc-dd-list li:last-child { border-bottom: 0; }
    .svc-dd-list li.active { background: #f5f5f5; }

    /*edited the select dropdown END */


	.svc-gallery-tabs {
		display: flex;
		flex-wrap: nowrap;
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch;
		scroll-snap-type: x mandatory;
		gap: 4px;
		padding-bottom: 10px;
		justify-content: unset;
		width: 100%;

		/* Firefox */
		scrollbar-width: thin;
		scrollbar-color: #CECECE #f0f0f0;
	}

	.svc-gallery-tabs .nav-item {
		flex: 0 0 auto;
		scroll-snap-align: start;
	}

	.svc-gallery-tabs .nav-link {
		white-space: nowrap;
		padding: 10px 16px;
	}

	/* Webkit (Chrome, Safari, Edge, Samsung Internet) */
	.svc-gallery-tabs::-webkit-scrollbar {
		height: 6px;
		display: block; 
	}
	.svc-gallery-tabs::-webkit-scrollbar-track {
		background: #f0f0f0;
		border-radius: 4px;
	}
	.svc-gallery-tabs::-webkit-scrollbar-thumb {
		background-color: #CECECE;
		border-radius: 4px;
	}
}

/* ---------- Services Gallery: packed image grid ---------------------- */
.svc-pg-gallery .pg-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	grid-auto-rows: 300px;
	gap: 16px;
}
.svc-pg-gallery .pg-grid-item {
	display: block;
	position: relative;
	border-radius: 12px;
	overflow: hidden;
}
/* alternating 3/1 - 1/3 - 3/1 ... column-span pattern, 2 items per row */
.svc-pg-gallery .pg-grid-item:nth-child(4n + 1) { grid-column: span 3; }
.svc-pg-gallery .pg-grid-item:nth-child(4n + 2) { grid-column: span 1; }
.svc-pg-gallery .pg-grid-item:nth-child(4n + 3) { grid-column: span 1; }
.svc-pg-gallery .pg-grid-item:nth-child(4n)     { grid-column: span 3; }
.svc-pg-gallery .pg-grid-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform .35s ease;
}
.svc-pg-gallery .pg-grid-item:hover img{ transform: scale(1.05); }
.svc-pg-gallery .infopg-hidden{ display: none; }

/* "Show More" — plain red text link, centered, matching screenshot */
.svc-pg-showmore-wrap{ text-align: center; margin-top: 60px; }
.svc-pg-showmore-btn{
	border: none;
    border-bottom: 2px solid #A82022;
    background: transparent;
}
/* .svc-pg-showmore-btn:hover{ color: #a31e22; } */

@media (max-width: 767px){
	.svc-pg-gallery .pg-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); grid-auto-rows: 160px; }
	.svc-pg-gallery .pg-grid-item:nth-child(4n + 1),
	.svc-pg-gallery .pg-grid-item:nth-child(4n) { grid-column: span 1; }

	.svc-pg-gallery .pg-grid-item:nth-child(4n + 2),
	.svc-pg-gallery .pg-grid-item:nth-child(4n + 3) { grid-column: span 1; }
}

/* ---------- Step Cards ------------------------------------------------ */
.svc-style--step-cards {
	background: #A82022;
}
.svc-section  .step-cards h2 {
    margin-bottom: 10px;
}
.step-cards__title{ color:#fff; margin-bottom:6px; }
.step-cards__subtitle{ color:#fff; font-weight:700; font-style:italic; font-size:14px; margin-bottom:60px; }
.step-cards__subtitle a{ color:#fff !important;}

.step-cards__card{
	border-radius: 8px;
	background: #F9F9F9;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0 4px 8px 0 rgba(0, 0, 0, 0.06);
	display: flex;
	width: 100%;
	height:100%;
	/* max-width: 642px; */
	padding: 60px;
	flex-direction: column;
	align-items: flex-start;
	gap: 30px;
}

.step-cards__head{
	display: flex;
	align-items: center;
	gap: 30px;
	align-self: stretch;
}
.step-cards__body{
	display: flex;
	flex-direction: column;
	gap: 5px;  
	width: 100%;
}
.step-cards__icon{
	display: flex;
	flex-shrink: 0;
	width: 60px;
	height: 60px;
	justify-content: center;
	align-items: center;
	border-radius: 12.5px;
	background: #0F2539;
}
.step-cards__icon img{ width: 35px; height: 35px; object-fit: contain;}

.step-cards__head h3{ margin: 0;  }

.step-cards__desc{ margin: 0;  }

.step-cards__list{ margin: 0; padding-left: 20px; width: 100%; }
.step-cards__list li{ margin-bottom: 0px; }
.step-cards__list li::marker{
	font-weight: 700; 
	font-family:'Inter-Bold';
	    font-size: 16px;
}
.step-cards__list--numbered strong{
	font-size: 16px;
}
.step-cards__list--numbered{ list-style: decimal; }
.step-cards__list--plain{ list-style: disc; }




/* services content section style END  */


/*	------------------------ INFOPAGE START -------------------------- */
.info-content{
	margin-bottom:80px;
}

.infopg-container{
	width:20%;
}

.infopg-hidden {
    display: none;
}

.infopg-box{
	display: flex;
	flex-direction: column;
	align-items: center;
    justify-content: center;
	gap:10px;	
    height: 100%;

}

.infopage-img-box{
	aspect-ratio: 138 / 133;
    padding: 6px 8px;
	height: 200px;
}
.infopage-img{
	border-radius: 8px;
	width: 100%;
    height: 100%;
    object-fit: cover;
}

.infopg-title{
    display: flex;
    padding: 10px;
    justify-content: center;
    align-items: center;
    align-self: stretch;
	border-radius: 8px;
    background: #F9F9F9;
	height: 100%;
	color: #000;
	text-align: center;
	font-family: Inter;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 19.6px; /* 140% */
}

.info-logo-container{
	position: sticky;
    top: 100px;
    z-index: 999;
}

.info-logo{
	display: flex;
	width: 306px;
	height: 306px;
	padding: 12px 13px 13px 12px;
	justify-content: center;
	align-items: center;
	aspect-ratio: 1/1;
}

.info-logo-img{
	width:100%;
	height:100%;
	object-fit: contain;
}

#infodetail .table-striped>tbody>tr:nth-of-type(odd)>* {
    --bs-table-color-type:none;
    --bs-table-bg-type:none;
}


#infodetail .blog-date{
	color:#555;
	margin:0;
}

#infodetail h4{
	margin-bottom:30px;
}

#infodetail a{
	color:#116DFF;
}

#infodetail a:hover {
	color:#A82022;
}

#infodetail .owl-dots {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
}

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

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

#infodetail .owl-dots button.active span {
    background-color: #A82022;
    color: #A82022;
    opacity: 1;
}


/*	------------------------ INFOPAGE END ----------------------------- */




/*	------------------------ BLOG START -------------------------- */

.blog-btn{
	display: flex;
	width:160px;
	height: 42px;
	padding: 0 18px;
	justify-content: center;
	align-items: center;
	gap: 8px;
	border-radius: 999px;
	background: #A82022;
	color:#fff;
}

.blog-btn-svg{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 22px;
	height: 22px;
	aspect-ratio: 1/1;
	border-radius: 11px;
	background: rgba(240, 229, 197, 0.18);
}

.previous-blog-title{
	display:flex;
	align-items: center;
	justify-content: space-between;

}

.sort-filter{
	padding: 10px;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    border: 1px solid #CECECE;
    background: #FAFAFA;
    color: #000;
}

.select-wrapper select {
    -webkit-appearance: none;
    appearance: none;
}

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

.select-wrapper::after {
    content: "";
    position: absolute;
    pointer-events: none;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    width: 14px;
    height: 14px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M3.5 5.25L7 8.75L10.5 5.25' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
}
.share-icon {
    display: flex;
    width: 45px;
    height: 45px;
    justify-content: center;
    align-items: center;
    aspect-ratio: 1 / 1;
    border-radius: 100px;
	background: #ECECEC;
}

.blog-hr{
	color:#CECECE;
}

.blogdetailview .blog-date{
	color:#555;
}

.blogdetailcontent-60-30{
	margin-bottom:60px;
}

#oc-gallerySlides.owl-carousel .owl-item img {
    height: 500px;
    object-fit: cover;
    border-radius: 8px;
}

#oc-gallerySlides.owl-carousel .owl-nav [class*=owl-].owl-prev.disabled, #oc-gallerySlides.owl-carousel .owl-nav [class*=owl-].owl-next.disabled {
	display:none;
}
#oc-gallerySlides.owl-carousel .owl-nav [class*=owl-].owl-prev {
    position: absolute;
    top: 50%;
    left: 15px;
    color: #392111 ! important;
    border-radius: 50%;
    border: none;
    width: 40px;
    height: 40px;
	background: #FFF;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0 4px 8px 0 rgba(0, 0, 0, 0.06);
    justify-items: center;
    justify-content: center;
    align-items: center;
    align-content: center;
    display: flex;
    font-size: 24px;
    opacity: 1;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

#oc-gallerySlides.owl-carousel .owl-nav [class*=owl-].owl-next {
    position: absolute;
    top: 50%;
    right: 15px;
    color: #392111 ! important;
    border-radius: 50%;
    border: none;
    background: #FFF;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0 4px 8px 0 rgba(0, 0, 0, 0.06);
    width: 40px;
    height: 40px;
    justify-items: center;
    justify-content: center;
    align-items: center;
    align-content: center;
    display: flex;
    justify-items: center;
    font-size: 24px;
    opacity: 1;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}



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

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

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

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

#blog-detail-s2{
	background: #F9F9F9;
}
.smry-img-box{
	display:flex;
	justify-content: center;
	width:100%;
	height:700px;
	max-height:700px;
	border-radius: 16px;
	border: 1px solid #CECECE;
	background: #FFF;
	overflow: hidden; 
	position:relative;
}

.summary-image{
	width: 100%;
	height: 100%;
	object-fit: cover;
	    cursor: pointer;
		position: relative;
}

.summary-img-ele{
	position:absolute;
	bottom:0;
	right:0;
}

/*#layout1_content .summary-image{*/
/*	transition: transform 0.05s ease-out;*/
/*	will-change: transform;*/
/*}*/

/*#layout1_content .modal-body,*/
/*#layout1_content .summary-image{*/
/*	touch-action: none;*/
/*}*/

/*.smry-img-box,*/
/*#layout1_content .modal-body{*/
/*	overflow: hidden;*/
/*}*/

.modal-lg{
	width:calc(100% - 120px);
	--bs-modal-width: none;
}

.modal-content{
	border-radius:0;
}
.modal-header-btn{
	position:absolute;
	right:15px;
	top:15px;
}

.modal-header-btn button{
	background:none;
	border:none;
}

.modal-header{
	border-bottom:none;
}

.img-zoom{
	display: flex;
	width: 50px;
	height: 50px;
	padding: 11px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 25px;
	background: #A82022;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0 4px 8px 0 rgba(0, 0, 0, 0.06);
	position:absolute;
	bottom:10px;
	right:10px;
	cursor: pointer;
}

.blogdetailview .table-striped>tbody>tr:nth-of-type(odd)>* {
    --bs-table-color-type:none;
    --bs-table-bg-type:none;
}


.previousblogs .content {
	border-radius: 8px;
	border: 1px solid #CECECE;
	overflow: hidden;
}

/* add search  */
.search-sort-grp{
	display:flex;
	gap:15px;
	z-index: 3;
}
.search-box { position: relative; }
.search-suggestions {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    border: 1px solid #e2e2e2;
    border-radius: 8px;
    margin-top: 4px;
    max-height: 260px;
    overflow-y: auto;
    z-index: 20;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}
.search-suggestions.active { display: block; }
.suggestion-item {
    padding: 10px 14px;
    cursor: pointer;
}
.suggestion-item:hover { background: #f5f0e6; }

.search-suggestions {
    display: none;
    position: absolute !important;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    max-height: 400px;
    overflow-y: auto;
    z-index: 99999 !important;
    margin-top: 4px;
}

.search-suggestions.active {
    display: block !important;
	width: calc(100% - 84px);
}

.search-row{
	    /* width: 50%; */
}

.search-box {
    position: relative !important;
    overflow: visible !important;
	display: flex;
    gap: 12px;
    /* height: 35px; */
    align-items: center;
	    width: 450px;
}

.blogSearchBar{
	padding: 10px;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    border: 1px solid #CECECE;
    background: #FAFAFA;
    color: #000;
	width: 100%;
}

.blogClearSearch, .blogSearchbtn{
	padding: 0px;
    width: 30px;
    height: 30px;
	aspect-ratio: 1 / 1;
}

.suggestion-item {
    display: flex;
    align-items: center;
    padding: 10px 12px;
    cursor: pointer;
    border-bottom: 1px solid #f0f0f0;
    text-decoration: none;
    color: #333;
    transition: background 0.15s;
}

.suggestion-item:last-child {
    border-bottom: none;
}

.suggestion-item:hover {
    background: #f8f8f8;
    color: #333;
    text-decoration: none;
}

.suggestion-item img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: 4px;
    margin-right: 12px;
    flex-shrink: 0;
}

.suggestion-info {
    flex: 1;
    min-width: 0;
}

.suggestion-name {
	font-family: 'Inter-Medium';
    font-weight: 500;
    font-size: 14px;
	line-height: 1.4;
    /* white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; */
}

.suggestion-price {
    font-size: 12px;
	line-height: 1.4;
    color: #555;
    margin-top: 2px;
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.suggestion-empty {
    padding: 16px;
    text-align: center;
    color: #999;
    font-size: 14px;
}


.product_detail label {
    font-size: 14px;
    font-weight: 600;
    text-transform: capitalize;
    letter-spacing: 0px;
    font-family: 'OpenSans-Bold', sans-serif;
}



/*	------------------------ BLOG END ----------------------------- */

/*	------------------------ FAQ START -------------------------- */





.faq-tab{
    display: flex;
    flex-direction: column;
    position: sticky;
    top: 100px;
    z-index: 999;
}
    

    
#faq .nav-link {
    display: block;
    width: 100%;
    text-align: center;
    margin: 0;
    border-radius: 0;
    box-sizing: border-box;
    padding: 30px 10px;
    border-bottom: 1px solid #CECECE;
    transition: all 0.5s ease-in-out;
}

#faq .nav-link.active {
    color: #fff;
    border-radius: 16px;
    background: #A82022;
    padding: 30px 10px;
    border-bottom: none;
    border-bottom: 1px solid transparent;
}
    
#faq .nav-link:hover {
    color: #fff;
    border-radius: 16px;
    background: #A82022;
    transition: all 0.5s ease-in-out;
    border-bottom: none;
    border-bottom: 1px solid transparent;
} 

.nav-link:focus, .nav-link:hover {
    color: #A82022;
}
    
#faq .accordion { margin-bottom: 0px;  
    --bs-accordion-border-color: none;}

/* accordion item  */

#faq .accordion-flush>.accordion-item{
	padding:30px;
	/*border-bottom: 1px solid #CECECE;*/
	border: 1px solid #cecece;
	border-radius: 16px;
	background: none;
	/*background: #f9f9f9;*/
	margin-bottom: 20px;
}

#faq .accordion-flush>.accordion-item:last-child {
    /*border-bottom: 1px solid #CECECE;*/
    margin-bottom: 0px;
}

#faq .accordion-flush>.accordion-item:has(.accordion-button:not(.collapsed)){
	border-radius: 16px;
    border: none;
	background: #f9f9f9;
	/*box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0 8px 16px 0 rgba(0, 0, 0, 0.08);*/
	border-bottom: none;
}

/* accordion header-button */
#faq .accordion-button{
	color: #000;
	font-family: 'Inter-Regular';
	font-size: 16px;
	line-height: normal;
	padding:0;
	
}

#faq .accordion-button:focus{
	border-top:none;
	box-shadow: none;
	background:none;
}

#faq .accordion-button:not(.collapsed){
	background:none;
	color: #000;
	font-family: 'Inter-SemiBold';
	font-size: 16px;
	line-height: normal;
}

.accordion-flush>.accordion-item>.accordion-header .accordion-button,
 .accordion-flush>.accordion-item>.accordion-header .accordion-button.collapsed{
	background: none;
 }
 
 /* accordion button icon  */
#faq .accordion-button::after {
    flex-shrink: 0;
    width: 30px;
    height: 30px;
    margin-left: auto;
    content: "";
    background-image:url("../images/hg/accor-open.png");
    /*background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIiBmaWxsPSJub25lIj4KICA8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfMTAxMjNfNzcwNykiPgogICAgPHBhdGggZD0iTTI1LjY4MzEgMjUuNTMyOEMxOS44MTE4IDMxLjQ4NTcgMTAuMjI2NCAzMS40NzUyIDQuMzYyMSAyNS41Nzk3Qy0xLjQ2NTc2IDE5LjcyMDcgLTEuNDUxNjYgMTAuMjMyNyA0LjM5MDI4IDQuMzkyMzdDMTAuMjkwOSAtMS41MDc3MyAxOS44ODkzIC0xLjQ1ODQ4IDI1LjcyODkgNC41MTE5N0MzMS41Njg1IDEwLjQ4MjQgMzEuNDM1OCAxOS42OTg0IDI1LjY4MzEgMjUuNTMyOFpNMjIuMzE3NyAyNS4zNDUyQzI4LjAyODEgMjEuMjkxOSAyOS40MTQ5IDEzLjQwMDggMjUuMzQwMyA3LjY3NTQyQzIyLjk1MyA0LjMyMjAyIDE5LjEwNDkgMi4zMDg4MSAxNC45NzI3IDIuMzE3MDJDMTAuODQwNSAyLjMyNTIzIDcuMDEzNTggNC4zNDg5OSA0LjYyMDQzIDcuNzI5MzVDMS41NDM4NyAxMi4wNzU5IDEuNTc0NCAxNy45MzYxIDQuNTk5MyAyMi4yNDUxQzguNjUyODQgMjguMDE4NiAxNi41Njk3IDI5LjQyNjggMjIuMzE3NyAyNS4zNDY0VjI1LjM0NTJaIiBmaWxsPSIjQzA5RjYyIi8+CiAgICA8cGF0aCBkPSJNMTYuMTY2OCAyMC41OTk4QzE2LjE2NjggMjEuMzIwOSAxNS42OSAyMS44NDc0IDE1LjAyNjYgMjEuODYyNkMxNC4zMzk2IDIxLjg3OSAxMy44MzIzIDIxLjMzNSAxMy44MzIzIDIwLjYyNTZMMTMuODM1OSAxNi4wNTI4TDkuMzE0OTYgMTYuMDU5OEM4LjYyODAyIDE2LjA1OTggOC4wNzM3NyAxNS42NTE4IDguMDMxNDkgMTQuOTYyNEM3Ljk5MTU3IDE0LjMxNzUgOC41MDAwMiAxMy43MzEyIDkuMjAzNDEgMTMuNzMxMkwxMy44MzQ3IDEzLjcyODlMMTMuODM5NCA5LjA3ODY4QzEzLjgzOTQgOC40MjU1OSAxNC4zNjY2IDcuOTQwMTcgMTQuOTc2MSA3LjkyNjFDMTUuNTU2MiA3LjkxMjAzIDE2LjE1MzkgOC4zNzA0OCAxNi4xNTUgOS4wMjI0TDE2LjE2NTYgMTMuNzMxMkgyMC43NDI5QzIxLjQwNCAxMy43MzEyIDIxLjkxNzEgMTQuMTc0NCAyMS45Njc2IDE0LjgwNzZDMjIuMDE4MSAxNS40NDA4IDIxLjU0NDkgMTYuMDQ5MyAyMC44NjUgMTYuMDUwNUwxNi4xNjMyIDE2LjA1NzVMMTYuMTY3OSAyMC42MDIyTDE2LjE2NjggMjAuNTk5OFoiIGZpbGw9IiNDMDlGNjIiLz4KICA8L2c+CiAgPGRlZnM+CiAgICA8Y2xpcFBhdGggaWQ9ImNsaXAwXzEwMTIzXzc3MDciPgogICAgICA8cmVjdCB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIGZpbGw9IndoaXRlIi8+CiAgICA8L2NsaXBQYXRoPgogIDwvZGVmcz4KPC9zdmc+Cg==");*/
    background-repeat: no-repeat;
    background-size: 30px;
    transition: transform 0.5s ease;
}

#faq .accordion-button:not(.collapsed)::after {
    background-image:url("../images/hg/accor-close.png");
    /*background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIiBmaWxsPSJub25lIj4KICA8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfMTAxMjNfNzcwMikiPgogICAgPHBhdGggZD0iTTI1Ljc5ODEgMjUuNDExNEMxOS45OTA0IDMxLjQzMzcgMTAuNDExMyAzMS41MjYzIDQuNDgzOTQgMjUuNjk2M0MtMS41MTcyNCAxOS43OTQ4IC0xLjQ5MTQ1IDEwLjExMTMgNC41NDI1NSA0LjI0Mzc3QzEwLjQyNzcgLTEuNDc5NTYgMTkuODQxNSAtMS40MDgwNSAyNS42Mzk5IDQuNDIzMTRDMzEuMzc3MyAxMC4xOTM0IDMxLjQ3NDYgMTkuNTI1MSAyNS43OTkzIDI1LjQxMTRIMjUuNzk4MVpNMjEuNTI5NyAxMy43NTAySDguNDQxNzNDNy43MDMxNiAxMy43NTAyIDcuMTczMjcgMTQuMzQzNCA3LjE4NzM0IDE1LjAyODFDNy4yMDE0IDE1LjcxMjcgNy43MjMwOSAxNi4yNDg1IDguNDQxNzMgMTYuMjQ4NUgyMS41NTY2QzIyLjI5MjggMTYuMjQ4NSAyMi44MjYzIDE1LjY1MTcgMjIuODA5OCAxNC45NzE4QzIyLjc5MzQgMTQuMjkxOCAyMi4yODIzIDEzLjc0OSAyMS41Mjk3IDEzLjc0OVYxMy43NTAyWiIgZmlsbD0iI0MwOUY2MiIvPgogICAgPHBhdGggZD0iTTIxLjUzMDEgMTMuNzVDMjIuMjgyNyAxMy43NSAyMi43OTM5IDE0LjMwOTIgMjIuODEwMyAxNC45NzI3QzIyLjgyNjcgMTUuNjM2MyAyMi4yOTQ1IDE2LjI0ODIgMjEuNTU3MSAxNi4yNDgySDguNDQyMTdDNy43MjM1MyAxNi4yNDgyIDcuMjAxODQgMTUuNjgzMiA3LjE4Nzc3IDE1LjAyNzhDNy4xNzM3MSAxNC4zNzI1IDcuNzAzNiAxMy43NSA4LjQ0MjE3IDEzLjc1SDIxLjUzMDFaIiBmaWxsPSJ3aGl0ZSIvPgogIDwvZz4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcDBfMTAxMjNfNzcwMiI+CiAgICAgIDxyZWN0IHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgZmlsbD0id2hpdGUiLz4KICAgIDwvY2xpcFBhdGg+CiAgPC9kZWZzPgo8L3N2Zz4K");*/
    transition: transform 0.5s ease;
}


/* acoordion body  */

#faq .accordion-body{
	padding:10px 60px 0 0;
}


#faq .acctitle {
	display: block;
	position: relative;
	line-height: 24px;
	margin: 0;
	font-size: 14px;
	font-weight: bold;
	color: #444;
	cursor: pointer;
	border-top: 1px dotted #DDD;
	padding: 10px 0 10px 20px;
}

#faq .acctitlec { cursor: auto; }

#faq .acctitle:first-child { border-top: none; }

#faq .acctitle i {
	position: absolute;
	top: 0;
	left: 0;
	width: 14px;
	text-align: center;
	font-size: 14px;
	line-height: 44px;
}

#faq .acctitle i.acc-open,
#faq .acctitlec i.acc-closed { display: none; }

#faq .acctitlec i.acc-open { display: block; }

#faq .acc_content {
	position: relative;
	padding: 0 0 15px 20px;
}

#faq .accordion-body img {
    height: 200px !important;
    object-fit: cover;
    margin-right: 5px;
        margin-bottom: 5px;
}




/*	------------------------ FAQ END ----------------------------- */

/*	------------------------ CONTACT START -------------------------- */



#ctc-enquiry {
    /* no gradient needed - each column paints its own background below */
}

.enquiry-row {
    display: flex;
    flex-wrap: wrap;
}

.ctc-left {
    background-color: #A82022;
    color: #fff;
    width: 45%;
    box-sizing: border-box;
    padding: 80px 70px;
}

.contact-navi-name p{
	text-decoration-line: underline;
}

.ctc-right {
    background-color: #fff;
    width: 55%;
    box-sizing: border-box;
    padding: 80px 70px;
}



.contact-icon-container{
	display: flex;
	padding: 60px;
	flex-direction: column;
	align-items: flex-start;
	gap: 20px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.50);
}

.contact-icon-container:last-child{
	border-bottom:none;
}

.contact-icon-box{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
	align-self: stretch;
}

.contact-title-box{
	display: flex;
	align-items: center;
	gap: 10px;
}

.contact-icon svg{
	max-width:25px;
}

.navi-box{
	display: flex;
	align-items: center;
	gap: 30px;
}

.navi-row{
	display: flex;
	align-items: center;
	gap: 20px;
}

/* form  */
#enquiryForm label{
	cursor: unset;
	margin-bottom: 6px;
}
#enquiryForm .select-wrapper {
    -webkit-appearance: none;
    appearance: none;
}

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

/* Selection Arrow */
#enquiryForm .select-wrapper::after {
    content: "";
    position: absolute;
    pointer-events: none;
    top: 67%;
    right: 50px;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6L8 10L12 6' stroke='black' stroke-opacity='0.4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
}

#enquiryForm .selectfield{
	background: #F9F9F9;
}

.submitbtn{
	background-color:#000;
	border: 1px solid #000;
	width: 100%;
    border-radius: 100px;
	text-transform: capitalize;
}

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



/*	------------------------ CONTACT END ----------------------------- */


.not-found-box{
	display:flex;
	flex-direction: column;
	align-items: center;
}














































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



/* #sliderm {
    aspect-ratio: 900 / 1200;
}
#sliderm .swiper-slide-bg{
	background-color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: cover; background-position: center bottom; width: 100%; height: 100%; opacity: 1; visibility: inherit;
}
#sliderm .slider-caption{max-width: 100%; padding-top: 60px; position: relative; left: auto; top: auto;} */

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

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

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

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

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

#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: #F8F8F8;
    padding: 15px 0;
    top: auto;
    position: relative;
    border: none;
	text-transform: uppercase;
	font-size:12px;
	/* 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: #000;
    font-size: 12px;
}
.topcrumb ul li a {
    color: #000;
}

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

#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: #D52D2F;
	color: white;
	padding: 24px 15px;
	margin: 0;
}
.specialtytablerow .col-12:nth-child(2n) .content h5{
	background-color: #B68009;
}
.specialtytablerow .col-12 .content p{
	background-color: #F4F4F4;
	padding: 24px 15px;
	margin: 0;
}
.specialtytablerow .col-12 .content p:nth-child(2n){
	background-color: white;
}

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


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


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

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

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


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

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

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

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

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

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


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

.blog_side_cat{}
.blog_side_cat h4{margin-bottom: 24px;}
.blog_side_cat ul{list-style: none; padding: 0; margin: 0;}
.blog_side_cat ul li a{
	display: block;
	font-weight: 500;
	padding: 15px;
	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 #E6E6E6;
    -webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.blog_side_cat ul li a span{width: calc(100% - 15px);}
.blog_side_cat ul li a i{
	position: relative;
	display: flex;
	font-size: 16px;
	width: 8px;
	height: 100%;
	color: inherit;
}
.blog_side_cat ul li a:hover, .blog_side_cat ul li a.active{
	background: #CC9739;
	color: white;
}

.featuredblogs{margin-bottom: 80px;}
#content.bloglistview{
	/* background-color: #F8F8F8;
	padding-top: 40px; */
}
#content.bloglistview .bigcontent{
	border-radius: 8px;
    overflow: hidden;
}
#content.bloglistview .bigcontent a{
	display: block;
	position: relative;
}
#content.bloglistview .bigcontent .imagecol{
	position: relative;
	height: 500px;
}
#content.bloglistview .bigcontent .imagecol:after{
	content: '';
	width: 100%;
	height: 40%;
	position: absolute;
	bottom: 0;
	left: 0;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%);
}
#content.bloglistview .bigcontent .imagecol img{
	/* aspect-ratio: 645 / 350; */
	object-fit: cover;
	width: 100%;
    height: 100%;
}
#content.bloglistview .bigcontent .textcol{
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 30px 50px 50px;
	display: flex;
    gap: 36px;
    align-items: flex-end;
    justify-content: space-between;
}
#content.bloglistview .bigcontent .textcol .date{
	border-radius: 49px;
	color: #FFF;
	font-family: Inter;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 16px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 10px;
}
#content.bloglistview .bigcontent .textcol .title{
	color: white;
	font-weight: 700;
	margin-bottom: 6px;
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
#content.bloglistview .bigcontent .textcol .desc{
	color: white;
	margin-bottom: 0px;
	display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
	width: 300px;
}
#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 .small-content-box{
	display: flex;
    flex-direction: column;
    /*flex-wrap: wrap;*/
    flex-wrap: nowrap;
    align-content: center;
    align-items: flex-start;
    /*max-height: 110px;*/
    height: 100%;
	border-radius: 8px;
	border: 1px solid #CECECE;
	background: #FFF;
	overflow: hidden;
}
#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%;
	/* border-radius: 8px;
	border: 1px solid #CECECE;
	background: #FFF;
	overflow: hidden; */
}

#content.bloglistview .smallcontent .imagecol{
	aspect-ratio: 1 / 1;
	/* background-color: #E9E9E9; */
	/*width: 110px;*/
	height: 100%;
	width: min-content;
	padding: 12px;
}
#content.bloglistview .smallcontent .imagecol img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#content.bloglistview .smallcontent .textcol{
	/*width: calc(100% - 110px);*/
	padding: 15px 15px 15px 0;
}
#content.bloglistview .smallcontent .textcol .date{
	color: #555;
	font-size: 12px;
	font-weight: 400;
	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-family: 'Inter-SemiBold', sans-serif;
	font-size:16px;
	font-weight: 600;
	line-height: normal;
}
#content.bloglistview .small-content-box .blog-btn2{
	display: flex;
	padding: 15px 20px;
	gap: 10px;
	color:#fff;
	background: #A82022;
	width:100%;
}
#content.bloglistview .small-content-box .blog-btn2:hover {
	background:#000;
	transition: 0.5s all ease;
}
.bloglistview .previousblogs h3{
	/* padding-top: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #CECECE;
	margin-bottom: 10px; */
}
.bloglistview .previousblogs .row{
	/* margin-right: -15px;
	margin-left: -15px; */
}
.bloglistview .previousblogs .row>* {
    /* padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 15px; */
}
.previousblogs .content{
}
.previousblogs .imagecol{
	aspect-ratio: 260 / 200;
	background-color: #E9E9E9;
}
.previousblogs .imagecol img{
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.previousblogs .textcol{
	padding: 30px 25px;
	background-color: white;
}
.previousblogs .textcol .date{
	color: #555;
	font-size: 12px;
	font-weight: 400;
	line-height: normal;
}
.previousblogs .textcol .title{
	color: #000;
	line-height: normal;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.previousblogs .textcol .desc {
    color: #4A5565;
    line-height: normal;
    margin-bottom: 30px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.previousblogs .textcol .link{
	color: #A82022;
    padding-bottom: 6px;
    border-bottom: 2px solid #A82022;
	font-weight: 500;
}


.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;
	color:#cecece;
}
.myPagination a span:hover{
	color:#fff;
}
.myPagination a{
	color: black;
	font-size: 14px;
	font-weight: 500;
	aspect-ratio: 1 / 1;
	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 a:hover {
	border-radius: 5px;
	background: #A82022;
	transition: all 0.5s ease;
	color:#fff;
	font-weight: 700;
	transition: all 0.5s ease;
}
.myPagination strong{
	color: white;
	font-size: 14px;
	font-weight: 700;
	border-radius: 5px;
	background: #A82022;
	aspect-ratio: 1 / 1;
	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%;}
/* .blogdetailview .flexbox{margin-top: 30px; margin-bottom: 30px;} */
.blogdetailview .flexbox .titlesec{
	width: calc(100% - 100px);
}
.blogdetailview .flexbox .titlesec .date{
	color: #D52D2F;
	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: 600;
	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);
}
.blogdetailview video{
    width: 100%;
}
#relatedblogs.previousblogs{padding-top: 0px;}
#relatedblogs .titlerow{margin-bottom: 30px;}
#relatedblogs .navigation-arrows {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    height: 100%;
}
#relatedblogs .navigation-arrows .swiper-button-next, #relatedblogs .navigation-arrows .swiper-button-prev {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    color: white;
    width: 42px;
    height: 42px;
    color: #131927;
    background-color: transparent;
    border-radius: 50%;
    border: 2px solid rgba(19,25,39,0.2);
    margin: 0 2.5px;
    transition: all 200ms linear;
}
#relatedblogs .navigation-arrows .swiper-button-prev:after, #relatedblogs .navigation-arrows .swiper-button-next:after {
    font-size: 14px;
    font-weight: 700;
}
#relatedblogs .navigation-arrows .swiper-button-next:hover, #relatedblogs .navigation-arrows .swiper-button-prev:hover{
	background-color: #B68009;
	border-color: #B68009;
}
#relatedblogs .navigation-arrows .swiper-button-next:hover:after, #relatedblogs .navigation-arrows .swiper-button-prev:hover:after{
	color: white;
}
#relatedblogs.previousblogs h3{
	margin-bottom: 0;
}

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

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

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

#forms{padding: 0; position: relative; height: 100%; min-height: 500px;}
#forms .container-fluid{min-height: 500px;}
#forms .container-fluid > .row{height: 100%; min-height: 500px; align-content: center;}
.form-container{padding-top: 30px; padding-bottom: 30px;}
#forms .tag{color: #74500C; margin-bottom: 10px; display: block;}
#forms h2{margin-bottom: 10px;}
#forms h2 + p{margin-bottom: 30px;}
#enquiryForm .col-12, #vacancyform .col-12{margin-bottom: 30px;}
#enquiryForm .row:last-child .col-12:last-child, #vacancyform .row:last-child .col-12:last-child{margin-bottom: 0;}
#enquiryForm .sm-form-control, #vacancyform .sm-form-control{
	
    min-height: 60px;
    padding: 10px 14px;
	font-size: 13px;
	border-radius: 8px !important;
	border: 1px solid #D1D5DC;
}
#enquiryForm .sm-form-control::placeholder, #vacancyform .sm-form-control::placeholder{
	color: rgba(0,0,0,0.5);
}
#enquiryForm #submitBtn .button{}

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

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

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

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

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

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

#reports{padding-bottom: 0;}
#reports img.descimg{
	border-radius: 16px;
	background: #D9D9D9;
}
#reports .buttondiv .button-outlined{
	padding: 10px 25px;
	font-size: 14px;
	line-height: normal;
	margin: 0;
}
.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;
}
@media(min-width: 992px){
	.middlecol .content{padding-right: 15px;}
}
.quarterreportlist{}
.quarterreportlist > .flexbox{
	justify-content: space-between;
	padding: 20px 0;
	border-bottom: 1px solid #CECECE;
}
.quarterreportlist > .flexbox:last-child{border: none;}
.quarterreportlist .flexbox .num{
	color: #000;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	text-transform: capitalize;
	opacity: 0.5;
	padding-right: 8px;
}
.quarterreportlist .flexbox .filename{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
	align-items: center;
    align-content: center;
}
.quarterreportlist .flexbox .filename svg{margin-right: 3px;}

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


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

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

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

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


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

#shop{padding-bottom: 0;}
.packagelist{
	margin-top: 20px;
}
.packagelist .content{}
.packagelist .col-12{
	padding-top: calc(var(--bs-gutter-x) * .5);
    padding-bottom: calc(var(--bs-gutter-x) * .5);
}
.packagelist .product-image{
	aspect-ratio: 1 / 1;
	height: auto;
	border-radius: 16px;
	overflow: hidden;
}
.packagelist .product-image img{object-fit: cover;}
.packagelist .product-desc{
	padding-top: 15px;
	padding-bottom: 30px;
	color: #000;
}
.packagelist .product-desc .product-title{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	text-transform: capitalize;
	margin-bottom: 10px;
}
.packagelist .product-desc .product-price{}
.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;
}

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


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

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

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

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

.product_detail_view .product-price ins{
	font-size: 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;
}

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

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

.quantity-box{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    margin-top: 15px;
    margin-bottom: 30px;
}
.quantity-box .quantitytext{
	color: #555;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-transform: capitalize;
	display: block;
	margin-right: 15px;
}
.quantity-box .quantity{
	margin: 0;
	background-color: #FAFAFA;
	border: 1px solid #CECECE;
	border-radius: 8px;
    /*height: 55px;*/
    height: 40px;
    width: 105px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
}
.quantity-box .quantity .plus, .quantity-box .quantity .minus{
	border: none;
	display: block;
	cursor: pointer;
	background-color: transparent;
	color: rgba(109,109,109,0.7);
	font-weight: 100;
	line-height: 1;
	text-align: center;
	height: 100%;
	width: calc((100% - 35px) / 2);
}
.quantity-box .quantity .minus.disabled{
	color: rgba(109,109,109,0.5);
}
.quantity-box .quantity .plus{
	font-size: 18px;
}
.quantity .plus:hover,
.quantity .minus:hover { background-color: transparent; }

.quantity .qty:focus,
.quantity .plus:focus,
.quantity .minus:focus {
	box-shadow: none !important;
	outline: 0 !important;
}
.quantity-box .quantity .qty{
	border: none;
	background-color: transparent;
	width: 35px;
	/*font-size: 20px;*/
	font-size: 16px;
	font-weight: 600;
	color: #151515;
	text-align: center;
	line-height: 1;
	margin-bottom: 0;
}
.addtocart_button .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: 'Inter', sans-serif;*/
/*}*/
/*.accordion-button:focus{box-shadow: none;}*/
/*.accordion-button:not(.collapsed){*/
/*    background: transparent;*/
/*    color: #ac8c5e;*/
/*    box-shadow: none;*/
/*}*/
/*.accordion-body{padding: 5px 15px 30px;}*/
.productdesc_content .accordion .accordion-item:first-child .accordion-header button{padding-top: 0;}

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

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

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

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

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


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


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

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

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




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

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


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

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

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

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


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

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

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


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

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

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

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

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


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


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

@media(min-width: 1600px){
    #content.bloglistview .featured3blogs{justify-content: flex-start;}
    #content.bloglistview a:has( .smallcontent){margin-bottom: 15px;}
    #content.bloglistview a:has( .smallcontent):last-child{margin-bottom: 0;}
	.container-fluid {
        /* max-width: calc(100% - 360px); */
		max-width: calc(100% - 160px);
    }

}

@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){

	/* HOME XL  */

	.slider-caption-container > .row {
		padding-top: 70px;
	}

	.swiper-navs {
    left: 20px;
	}

	/* services XL  */
	.flow-grid{
		display:flex;
		flex-direction:column;
		gap:24px;
		    align-items: center;
	}

	.flow-point-a::after,
	.flow-point-b::after,
	.flow-point-b::before,
	.flow-note-wrap::before{
		display:none;
	}

	.work-flow__panel{
		padding:30px 20px 40px;
	}

	.work-flow__top p {
		margin-bottom: 40px;
	}

	.flow-text {
    	min-height: 1px;
	}

	.flow-circle {
		width: 190px;
		height: 190px;
	}

	.flow-note {
		min-height: 1px;
		    padding: 20px 30px;
	}

	.flow-note-wrap {
    	margin-top: 0px;
	}

	    .svc-side-panel__row {
        flex-direction: column;
    }

	    .svc-side-panel__title {
        flex-basis: auto;
    }

	/* blog XL  */


	#content.bloglistview .small-content-box {
    	height: auto;
	}

	#content.bloglistview .smallcontent .imagecol {
    	width: 150px;
	}

	#content.bloglistview .smallcontent .textcol {
    	width: calc(100% - 150px);
	}


	#oc-gallerySlides.owl-carousel .owl-item img
	{
		height: 350px;
	}

	.smry-img-box {
		height: 500px;
	}









	/*.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: 32.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){
    
    /*footer LG*/
        .footer-media {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        gap: 10px;
        margin-top: 0px;
    }

    .footer-right {
        row-gap: 30px;
    }

	/* Home LG */
	.slider-caption-container > .row {
		padding-top: 50px;
	}

	.addon-box {
		display: flex;
		padding: 25px 30px;
	}

	.card-simple .svc-card {
		min-height: 1px;
	}

	.svc-card h3 {
        min-height: 1px;
    }

	.svc-card h3 br {
        display: none;
    }

	


	/* infopg lg  */

	.infopg-container {
		width: 25%;
	}


	/* contact lg  */

	.contact-icon-container {
    	padding: 25px;
	}

	.ctc-left, .ctc-right {
    	padding: 80px 40px;
	}
	

	











    #primary-menu-container{display: none;}
    #header{
        position: sticky;
        top: 0;
        z-index: 999;
        background-color: #FFF;
        border-bottom: 1px solid #CECECE;
    }
	#logo {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }
	.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: 18px;} */
	/* .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;
		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){
	h1, .h1{font-size: 28px;}
    h2, .h2{font-size: 24px;}
	h3, .h3, .homeproduct .product-desc .product-title, .homeproduct .product-desc .product-price ins{font-size: 20px;}
	h4, .h4{font-size: 18px;}
    h5, .h5, .homeproduct .product-desc .product-price del{font-size: 18px;}
    h6, .h6{font-size: 16px;}
	.tab2{font-size: 16px;}
	.subtitle{font-size: 14px;}
	.label{font-size: 14px;}

	.slider-caption h2{font-size: 30px;	line-height: 1.1;}
	.button{font-size: 14px;}
	.button2{font-size: 14px;}

	section {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	html, body, p {
    	line-height: 20px;
	}

    a[href^="tel:"]{
		color: inherit !important;
		text-decoration: none !important;
	}
	
    /* modal  */
	.modal-lg {
        width: calc(100% - 15px);
    }
    
    
    /*footer*/
    .footer-title {
        margin-bottom: 5px;
    }
    
    #footer .contactdiv h4{
        margin-bottom:5px !important;
    }

	/* home mobile start */

	#home-sec2 .hs2-h4{
		margin-bottom:30px !important;
	}

	.ctt-title h4{
		margin:0;
	}

	.why-choose-box {
		padding: 25px 25px 25px 25px;
	}

	.ctt-icon {
		width: 50px;
		height: 50px;
	}

	.ctt-icon svg{
		width: 30px;
    	height: 30px;
	}



	#home-sec3 {
		background-image: url(../images/hg/home-s3-mb-bg.jpg);
		background-size: cover;
		background-position: top center;
		/* aspect-ratio: 480 / 323; */
		position: relative;
		 background-attachment: unset ! important; 
	}

	.home-s3-ele{
		display:none;
		
	}
	
	#home-sec4 .rg-60{
        row-gap:30px !important;
    }
    
    .home-gallery-mb{
        margin-bottom:20px !important;
    }

	.addon-box {
    	padding: 25px 35px;
	}


	/* about mobile start  */

	#aboutpg{
		padding-bottom:40px !important;
	}

	#about-s2 {
		background-color: #000;
		background-image: url(../images/hg/about-img-mb.jpg);
		background-size: cover;
		background-position: center center;
		aspect-ratio: 540 / 397;
	}

	.timeline-order {
		width: 20px;
		height: 20px;
	}

	.timeline-order p {
    	font-size: 26px;
	}

	#about-award h2{
		margin-bottom:30px !important;
	}

	#about-award .mb-80{
		margin-bottom:40px !important;
	}

	.awd-imagebox {
		    display: flex;
		flex-direction: column;
		align-items: center;
	}

	.awd-name {
		width: 100%;
        font-size: 12px;
	}
	
	#about-award .cert-image.mb-30, #about-award .awd-image.mb-30{
	    margin-bottom:10px !important;
	}
	
	#about-award .cert-image img {
        max-height: 65px;
    }



	/* service mobile start  */

	.svc-style--services-gallery{
		padding:40px 0 !important;
	}
	/* Hoarding  */
	.partnerlogo-box {
		width: 31%;
		height: 90px;
	}

	.services-content.mb-60{
		margin-bottom:20px !important;
	}
	
	.svc-summary.mt-60{
	    margin-top:30px !important;
	}

	.svc-intro-title{
		margin: 0 25px 30px 25px;
	}

	.intro-points__media img, .intro-description__media img {	
		height: 200px;
		min-height: 200px;;
		border-radius: 0;;
	}

	.intro-point {
		width: 85%;
		padding:15px;
	}

	.intro-point__icon {
		width: 50px;
		height: 50px;
	}
	
	.intro-point__title{
	    font-size:16px !important;
	}

	.svc-style--slider-grid-highlight {
		background: linear-gradient(180deg, #A82022 55%, #fff 55%)
	}

	.svc-style--slider-grid-highlight p {
		margin-bottom: 30px;
	}

	.svc-image-slider__viewport {
    	height: 230px;
	}

	.svc-card-grid {
    	gap: 30px;
	}

	

	.svc-card h3 {
		min-height: 1px;
	}

	.svc-card h3 br{
		display:none;
	}

	.svc-card {
    padding: 25px;
	}

	.card-side-panel .svc-card
	{
		min-height: 1px;
	}

	/* .svc-card-grid{
		display:grid;
		grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
		gap:20px;
	}

	.svc-card{
		width:100%;
		box-sizing:border-box;
	} */

	.svc-gallery-tabs {
    	margin-bottom: 30px;
		gap: 20px;
        border-bottom: none;
	}

	.svc-gallery-subtabs .nav-item {
		width: 25%;
	}

	.svc-gallery-nav-col {
		margin-bottom: 30px;
	}

	.svc-gallery-tabpane > p {
		margin-bottom: 30px;
	}

	.svc-gallery-subtabpane h3, .svc-gallery-subtabpane > p {
		text-align: center;
	}

	.svc-pg-showmore-wrap {
		margin-top: 30px;
	}

	.step-cards__subtitle{
		margin-bottom:30px !important;
	}

	.step-cards__card {
        padding: 25px 28px;
    }
    
    .step-cards__icon {
        width: 50px;
        height: 50px;
    }
    
    .step-cards__icon img {
        width: 26px;
        height: 26px;
    }

	.step-cards__head {
    	gap: 15px;
	}

	.step-cards__card {
		gap:25px;
	}

	.step-cards__list li {
		margin-bottom: 8px;
	}


	/* printing  */

	.svc-card-grid {
        grid-template-columns: 1fr !important;
    }
	.card-icon-grid .svc-card-grid{
		grid-template-columns: 1fr !important;
	}
	.svc-card__icon {
		width: 50px;
		height: 50px;
	}

	.svc-card__head {
    	margin-bottom: 15px;
	}

	/* scaffold  */

	.svc-gallery-body--single .svc-gallery-content-col {
		width: 100%;
	}

	/* reinstatement  */

	.svc-section.svc-section--padding-80-0 {
		padding: 40px 0 20px;
	}

	.work-flow__top p {
		margin-bottom: 40px;
	}

	.flow-text {
    	min-height: 1px;
	}

	.flow-circle {
		width: 190px;
		height: 190px;
	}

	.flow-note {
		min-height: 1px;
		    padding: 20px 30px;
	}

	.flow-note-wrap {
    	margin-top: 0px;
	}

	/* fit-work */
	.intro-description__panel-inner {
        margin: 16px auto 0;
        padding: 25px;
        width: 90%;
    }

	/* temporary storage  */

	.type-card--span-2 .tab2 {
		min-height: 1px;
	}






	/* infopage mobile start  */

	.info-content {
		margin-bottom: 40px;
	}

	.infopg-container {
		width: 50%;
	}

	.infopage-img-box {
		aspect-ratio: 1 / 1;
		aspect-ratio: unset;
		width: 150px;
		padding: 6px 8px;
		height: unset;
	}

	#infodetail .blogcontent.mb-80 {
		margin-bottom:40px !important;
	}

	.info-logo-row{
		row-gap:40px;
	}

	.info-logo-container {
		display:flex;
		flex-direction: column;
		align-items:center;
		gap:20px;
	}

	.info-logo {
		width: 180px;
        height: 180px;
		padding:0;
	}

	#infodetail .blog-hr{
		margin-bottom:60px !important;
	}


	/* blog mobile start  */

	#content.bloglistview .textcol{
		flex-direction: column;
	}

	#content.bloglistview .textcol .date{
		font-size:12px;
	}

	#content.bloglistview .bigcontent .imagecol {
		position: relative;
		height: auto;
		border-radius: 8px;
        overflow: hidden;
	}

	#content.bloglistview .bigcontent .imagecol:after {
		display:none;
	}



    #content.bloglistview .small-content-box {
    	height: 100%;
	}
	
	#content.bloglistview .smallcontent {
        flex-direction: row;
	}

	#content.bloglistview .smallcontent .imagecol {
        aspect-ratio: 1 / 1;
    }

	#content.bloglistview .smallcontent .imagecol {
        width: 50%;
    }

	#content.bloglistview a:has( .smallcontent) {
    	height: auto;
	}

	#content.bloglistview .smallcontent .textcol .date {
    font-size: 11px;
	}
	#content.bloglistview .smallcontent .textcol .title {
    font-size: 14px;}

	.featuredblogs {
		margin-bottom: 40px;
	}



	.previous-blog-title {
		flex-direction: column;
		row-gap:20px;
		align-items: center;
	}

	#filterForm{
		font-size:12px;
	}

	.sort-filter {
    padding: 2px 10px;
	}
	
	/* add search blog  */
	.search-box{
		width: 100%;
	}
	.search-sort-grp {
		flex-direction: column;
		gap: 15px;
		        width: 100%;
				align-items: flex-end;
	}

	.search-suggestions.active {
		/*width: auto;*/
	}

	.suggestion-item img {
    width: 70px;
    height: 70px;
	}

	.blogSearchBar {
    font-size: 12px;
	    padding: 5px 10px;
	}
	
	.search-row{
			width: 100%;
	}

	.blogClearSearch, .blogSearchbtn{
		padding: 0px !important;
		width: 30px;
		height: 30px;
	}
	
	/*added previous blog  */
	
	.previousblogs .content {
        display: flex;
    }

	.previousblogs .imagecol {
	    /*aspect-ratio: 6/4;*/
        aspect-ratio: 1 / 1;
        width: 45%;
    }

	.previousblogs .textcol {
	    /*padding: 25px 25px;*/
        padding: 20px 20px;
        width: 55%;
    }
    
    .previousblogs .textcol .desc {
        margin-bottom:10px !important;
    }
    
    /*added*/
    
    .modal-header h2{
        font-size:20px;
    }

	.blogdetailview .blog-hr{
		margin-bottom:40px !important;
	}

	.blogdetailcontent-60-30{
		margin-bottom:30px;
	}
	
	#oc-gallerySlides.owl-carousel .owl-item img {
    height: 200px;
	}

	#oc-gallerySlides.owl-carousel .owl-nav [class*=owl-].owl-prev, #oc-gallerySlides.owl-carousel .owl-nav [class*=owl-].owl-next {
        font-size: 18px;
		width: 30px;
		height: 30px;
		top:45%;
	}

	.blogdetailview .flexbox .titlesec .title {
    font-size: 18px;
	}

	.share-icon {
    display: flex;
    width: 40px;
    height: 40px;
	}

	#oc-gallerySlides {
		/* margin-bottom:30px !important; */
	}

	.smry-img-box {
		height: 300px;
	}

	.img-zoom {
    width: 40px;
    height: 40px;
	}

	#blog-detail-s2 .clearfix.mt-60{
		margin-top:30px !important;
	}

	.blog-back{
		margin-bottom:40px !important;
	}

	#relatedblogs.previousblogs h2 {
		margin-bottom: 40px !important;
	}

    /*faq mobile start */
    
    .faq-tab {
        flex-direction: row; 
        display: flex;
        flex-wrap: nowrap;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x mandatory;
        gap: 10px;
        padding-bottom: 10px;
        justify-content: unset;
        width: 100%;
        scrollbar-width: thin;
        scrollbar-color: #CECECE #f0f0f0;
    }

    #faq .nav-link , #faq .nav-link.active {
        padding: 15px 20px;
        text-wrap: nowrap;
        border-bottom: none;
    }
    
    #faq .accordion-flush>.accordion-item {
        padding: 30px 20px 30px 30px;
    }
    
    #faq .accordion-button::after {
        /*margin-left: 30px;*/
    }
    
    #faq .accordion-button {
        gap: 20px;
    }
    
    #faq .accordion-body img {
        height: 150px !important;
    }
    
    
    /*faq mobile end */


	/* contact mobile start  */
	.contact-icon-container {
		padding: 25px;
	}

    .ctc-left,
    .ctc-right {
        width: 100%;
		padding:40px 25px;
    }


	.ctc-left h2, .ctc-left p{
		text-align: center;
	}

	.ctc-right h2{
		text-align: center;
		margin-bottom:40px !important;
	}

	#map {
		padding:0;
		height: 450px;
	}

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












    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, .button2{font-size: 12px;}

	

	.slider-caption .button, .slider-caption .button2 {
		height: auto;
		line-height: 40px;
	}

	/* footer  */
	#footer .footer-widgets-wrap {
		position: relative;
		padding: 60px 0;
	}
	.footer-right {
		row-gap: 30px;
	}
	.footer-media {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
		gap: 10px;
		margin-top:0px;

	}
    #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: 20px;}
    .ctabox .content{width: calc(100% - 140px); text-align: center;}
    .ctabox .content .h1, .ctabox .content .h3, .ctabox .content p{justify-content: center;}
    
    #banner.aboutuspage {
        aspect-ratio: 900 / 1200;
        background-size: cover;
        background-position: bottom center;
        background-image: url(../images/layout/RB-About-top.webp);
    }
    #banner.aboutuspage h3 + svg{position: absolute; bottom: 80px;}
    #visionmission .imagecol{margin-bottom: 30px;}
    #obesity_treatment_survivor{
        background-color: #8a8f88;
        background-image: url(../images/layout/RB-About-Btm-Obesity-mobile3.webp);
        background-size: cover;
        background-position: center bottom;
        aspect-ratio: 900 / 1000;
    }
    
    .bannerstyle .container-fluid{aspect-ratio: 900 / 1000; background-size: cover; background-position: center 90% !important; overflow: hidden; position: relative;}
    .bannerstyle .container-fluid:after{
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        display: block;
    	width: 100%;
    	height: 50%;
    	background: linear-gradient(180deg, rgba(0, 0, 0, 0.61) 0%, rgba(0, 0, 0, 0.00) 100%);
    	z-index: 1;
    }
    .bannerstyle .container-fluid > *{z-index: 2; position: relative;}
    .pointsrow .content{padding: 35px 20px;}
    .specialtypointsrow .content{padding: 20px;}
    .verticaltabs .nav-underline .nav-link{font-size: 14px; padding: 10px 15px;}
    .verticaltabs .nav-underline .nav-link:after{font-size: 20px;}
    .specialtytablerow .col-12 .content{margin-bottom: 15px;}
    .specialtytablerow .col-12:last-child .content{margin-bottom: 0;}
    .specialtytablerow .col-12 .content p:last-child{border-bottom: 1px solid #cecece;}
    
    .facilitiespage.bannerstyle .container-fluid{aspect-ratio: 900 / 1000 !important; background-size: cover; background-position: center 90% !important; overflow: hidden; position: relative; align-content: flex-start !important;}
    .facilitiespage.bannerstyle .container-fluid:after{
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        display: block;
    	width: 100%;
    	height: 50%;
    	background: linear-gradient(180deg, rgba(0, 0, 0, 0.61) 0%, rgba(0, 0, 0, 0.00) 100%);
    	z-index: 1;
    }
    .facilitiespage.bannerstyle .container-fluid > *{z-index: 2; position: relative;}
    .facilitiespage.bannerstyle .container-fluid svg{position: absolute; bottom: 60px;}
    #facilities .content .content{height: auto; margin-bottom: 15px;}
    #facilities .content .col-12:last-child .content{margin-bottom: 0;}
    
    #content.bloglistview .smallcontent .textcol{padding: 10px;}
    
    #banner.contactuspage{
        position: relative;
        aspect-ratio: 9 / 12;
        background-position: center 70%;
        background-size: cover;
        background-image: url('../images/layout/contact-banner-m.webp');
    }
    #banner.contactuspage:after{
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        display: block;
    	width: 100%;
    	height: 80%;
    	background: linear-gradient(180deg, rgba(0, 0, 0, 0.61) 0%, rgba(0, 0, 0, 0.00) 100%);
    	z-index: 1;
    }
    #banner.contactuspage .container-fluid{position: relative; z-index: 2;}
    #banner.contactuspage .container-fluid .row{align-items: flex-start;}
    #banner.contactuspage .container-fluid .row > .col-12{max-width: 100%;}
    .contactinfo-section:nth-child(2){
        border: none;
        border-top: 1px solid #CECECE;
        border-bottom: 1px solid #CECECE;
    }
    #careerbanner .flexbox{
        flex-direction: row;
        flex-wrap: wrap;
    }
	#careerbanner{
		aspect-ratio: 9 / 10;
		background-size: cover;
		background-position: center bottom;
		background-image: url('../images/layout/RB-Contact-Career-Btm.webp');
	}
    #content.product_detail_view .content:has( > .titlesec){padding-left: 0; padding-right: 0;}
    #content.product_detail_view .titlesec{margin-top: 30px;}
    
    #reports .middlecol{padding-top: 30px;}
}

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

@media(max-width: 575.9px){


	/* modal  */
	.modal-lg {
    	width: calc(100% - 15px);
	}




    .container{max-width: calc(100% - 30px);}
    /* #sliderm .slider-caption{padding-top: 40px;} */

	/* footer  */
	.footer-logo img {
		width: 100px;
	}
	.socialmedia a svg {
    	max-width: 25px;
	}
	#copyrights .col-12 {
		padding-top: 15px;
		padding-bottom: 15px;
	}
    #footer .footer-widgets-wrap > .row > .col{width: 100%;}
    #footer .footer-widgets-wrap{padding: 30px 0;}
    .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{aspect-ratio: 6 / 4;}
    #content.bloglistview a:has( .smallcontent){max-width: 100%; width: 100%;}
    .blogdetailview .flexbox:has( .titlesec){
        flex-direction: row;
        flex-wrap: wrap;
    }
    .blogdetailview .flexbox .titlesec, .blogdetailview .flexbox .sharesec{width: 100%;}
    .blogdetailview .flexbox .sharesec{margin-top: 15px;}
    .blog_side_cat h4{margin-bottom: 20px;}
    .blogdetailview .blog_side_cat{margin-top: 30px;}
    #banner.contactuspage{aspect-ratio: 9 / 15;}
}
@media(max-width: 514.9px){
    .ctabox .content{width: 100%;}
}
@media(max-width: 476.9px){
    #header .header-info .infobox.others svg{padding: 0 8px;}
    #header .header-info .infobox.others li#top-cart svg{padding-right: 0;}
    /* #sliderm, #banner.aboutuspage{aspect-ratio: 900 / 1400;} */
    #settingstandard{aspect-ratio: 9 / 20;}
    #obesity_treatment_survivor{aspect-ratio: 900 / 1200;}
    .bannerstyle .container-fluid{aspect-ratio: 900 / 1300; padding: 60px 30px !important;}
    .bannerstyle .container-fluid .content{padding: 0 20px !important;}
    
    .facilitiespage.bannerstyle .container-fluid{aspect-ratio: 900 / 1300 !important;}
    
    #updates .newsrow h4{height: auto;}
    
    section{overflow: hidden;}
    #banner.contactuspage{aspect-ratio: 9 / 19;}
    #logo img{
        height: 45px;
    }
}
@media(max-width: 359.9px){
    .slider-caption .button, .slider-caption .button2{
		padding:0 10px;
	}
}
@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 -------------------------- */