:root {
  --color-yellow: #FFD622;
  --color-red: #ED2B2B;
}


@font-face {
	font-family: 'Inter';
	src: url("../fonts/Inter/Inter_18pt-Bold.ttf") format("truetype");
	font-weight: 700;
    font-style: normal;
}
@font-face {
	font-family: 'Inter';
	src: url("../fonts/Inter/Inter_18pt-BoldItalic.ttf") format("truetype");
	font-weight: 700;
    font-style: italic;
}
@font-face {
	font-family: 'Inter';
	src: url("../fonts/Inter/Inter_18pt-ExtraBold.ttf") format("truetype");
	font-weight: 800;
    font-style: normal;
}
@font-face {
	font-family: 'Inter';
	src: url("../fonts/Inter/Inter_18pt-ExtraBoldItalic.ttf") format("truetype");
	font-weight: 800;
    font-style: italic;
}
@font-face {
	font-family: 'Inter';
	src: url("../fonts/Inter/Inter_18pt-Italic.ttf") format("truetype");
	font-weight: 400;
    font-style: italic;
}
@font-face {
	font-family: 'Inter';
	src: url("../fonts/Inter/Inter_18pt-Light.ttf") format("truetype");
	font-weight: 300;
    font-style: normal;
}
@font-face {
	font-family: 'Inter';
	src: url("../fonts/Inter/Inter_18pt-LightItalic.ttf") format("truetype");
	font-weight: 300;
    font-style: italic;
}
@font-face {
	font-family: 'Inter';
	src: url("../fonts/Inter/Inter_18pt-Medium.ttf") format("truetype");
	font-weight: 500;
    font-style: normal;
}
@font-face {
	font-family: 'Inter';
	src: url("../fonts/Inter/Inter_18pt-MediumItalic.ttf") format("truetype");
	font-weight: 500;
    font-style: italic;
}
@font-face {
	font-family: 'Inter';
	src: url("../fonts/Inter/Inter_18pt-Regular.ttf") format("truetype");
	font-weight: 400;
    font-style: normal;
}
@font-face {
	font-family: 'Inter';
	src: url("../fonts/Inter/Inter_18pt-SemiBold.ttf") format("truetype");
	font-weight: 600;
    font-style: normal;
}
@font-face {
	font-family: 'Inter';
	src: url("../fonts/Inter/Inter_18pt-SemiBoldItalic.ttf") format("truetype");
	font-weight: 600;
    font-style: italic;
}


/*	------------------------ General -------------------------- */


@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1170px;
    }
    .container-fluid{
    	max-width: calc(100% - 120px);
    }
}
@media (min-width: 1600px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1170px;
    }
    .container-fluid{
    	max-width: calc(100% - 360px);
    }
}
body{
	max-width: 1920px;
	margin:auto;
}
html, body, p{
	font-family: 'Inter', sans-serif;
	font-weight: 400;
	font-size: 16px;
	color: #000;
	line-height: 30px;
}
p.text-center, .text-center p{max-width: 900px; margin-right: auto; margin-left: auto;}
h1, .h1{
	font-weight: 700;
	font-size: 45px;
	color: #000;
}
h2, .h2{
	font-weight: 700;
	font-size: 35px;
	color: #000;
}
h3, .h3{
	font-weight: 600;
	font-size: 25px;
	color: #000;
	line-height: 1.3;
}
h4, .h4{
	font-weight: 600;
	font-size: 20px;
	color: #000;
}
h5, .h5{
	font-weight: 500;
	font-size: 16px;
	color: #000;
}
h6, .h6{
	font-weight: 500;
	font-size: 14px;
	color: #000;
}
small, .sm-text{
	font-weight: 400;
	font-size: 12px;
	color: #000;
}
.tag{
	font-weight: 600;
	font-size: 20px;
	color: #000;
	-webkit-text-stroke: 1px black;
}
.light-text{
	font-weight: 300;
	font-size: 12px;
	color: #000;
}
.cta-text{
	font-weight: 600;
	font-size: 14px;
	color: #fff;
}
.text-yellow{
	color: var(--color-yellow);
}
.text-red{
	color: var(--color-red);
}
.text-grey{
	color: #555;
}
.white{
	color: #fff !important;
}
.lh-30{
	line-height: 30px;
}
section{
	padding-top: 60px;
	padding-bottom: 60px;
}
h2:has( + p){margin-bottom: 12px;}
a:not([href]):not([class]), a:not([href]):not([class]):hover{cursor: default;}

.yellow-container {
  padding: 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 1px solid #ffdb3d;
  gap: 20px;
  background: #fffcf5;
  width: 80%;
  margin: auto;
}

.datepicker.datepicker-dropdown.dropdown-menu{z-index: 9999 !important;}
.slider-caption .button{padding: 10px 50px;}
.button{
	background-color: var(--color-yellow);
	color: var(--color-red);
	border: 1px solid var(--color-red);
	font-size: 20px;
	font-weight: 500;
	display: block;
	text-shadow: none;
	padding: 10px 25px;
	letter-spacing: 0;
	line-height: 1;
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
}

.button:hover{
	background-color: var(--color-red);
	color: var(--color-yellow);
	border: 1px solid var(--color-red);
}
.button2{
	background-color: #fff;
	color: var(--color-red);
	border: 1px solid var(--color-red);
	width: 100%;
}
.button2:hover{
	background-color: var(--color-yellow);
	color: var(--color-red);
}
.button2:disabled,
.button2.disabled {
    background-color: #f5f5f5;
    color: #b3b3b3;
    border-color: #d1d1d1;
    cursor: not-allowed;
    opacity: 1; /* avoid double-fading */
}


.button3{
	background-color: #f5f5f5;
	color: #555;
	border: none;
}

.lines-2{
		display: -webkit-box;
	-webkit-line-clamp: 2;       
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}


.button4{
	background-color: #fff;
	color: #000;
	border-radius: 100px;
	border: none;
	font-size: 16px;
	text-shadow: none;
	padding: 0 35px;
	letter-spacing: 0;
	text-transform: none;
	display: inline-block;
	height: 50px;
	line-height: 50px;
}
.button4:hover{
	background-color: #734F0D;
}
.button-outlined{
	background-color: transparent;
	color: #000;
	border-radius: 100px;
	border: 1px solid #CC9739;
	font-size: 16px;
	text-shadow: none;
	padding: 20px 35px;
	letter-spacing: 0;
	text-transform: none;
	display: inline-block;
	height: auto;
	line-height: 1.3;
	text-decoration: none;
}
.button-outlined:hover{
	background-color: #CC9739;
	color: #fff;
}

.button3 + .button-outlined{
	padding-top: 0;
	padding-bottom: 0;
	height: 50px;
	line-height: 50px;
}
.min-width{width: min-content;}
.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;
}

.textCenter {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.underline{
	text-decoration: underline;
	text-underline-offset: 4px;
}

.link.textWhite{
	color: #fff;
	border-bottom: 1px solid #fff;
}

.bg-grey{background-color: #f2f2f2;}
.loadingDiv{display: none;}
#noticeDivSubscription{
	max-width: 420px;
    margin-right: 0;
    margin-left: auto;
    padding: 0.5rem 1rem;
    margin-top: 10px;
}
#noticeDiv, #noticeDiv2, #noticeDivApplication{
    display: none;
    margin-right: 0;
    margin-left: auto;
    padding: 0.5rem 1rem;
    margin-top: 10px;
}
.text-right{text-align: right;}
.style-msg{
    margin: 10px auto;
    padding:5px;
}
.font-weight-800{font-weight: 800;}
.font-weight-700{font-weight: 700;}
.font-weight-600{font-weight: 600;}
.font-weight-500{font-weight: 500;}
.mt-35{margin-top: 35px;}
.mr-20{margin-right: 20px;}
.mt-30{margin-top:30px;}
.mb-20{margin-bottom: 20px;}
.mb-content{margin-bottom: 30px;}
.mb-content-lg{margin-bottom: 60px;}
.mb-60{margin-bottom: 60px;}
.mb-0{margin-bottom: 0;}
.textWhite{color: white;}
.br-right{
    border-right: 1px solid #cecece;
    height:100%;
}
.container-fluid .container{
    padding:0;
    margin:auto;
    
}
#content.pageview{
    padding-top:0;
}

/* Container adjustments (optional) */
.owl-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none; /* buttons themselves are clickable */
}

/* Prev / Next buttons */
.owl-nav button.owl-prev,
.owl-nav button.owl-next {
    width: 45px;
    height: 45px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.04), 0 4px 8px rgba(0, 0, 0, 0.06);
    border: none;
    pointer-events: all; /* re-enable clicks */
}

.owl-nav button.owl-prev.disabled,
.owl-nav button.owl-next.disabled {
 opacity:0.35;   
}

/* Left / Right positioning */
.owl-nav button.owl-prev {
    left: -20px; 
}

.owl-nav button.owl-next {
    right: -20px; 
}

.owl-nav i{
    font-size:30px;
}


    .swiper-button-prev,
    .swiper-button-next {
        width: 45px;
        height: 45px;
        background: #fff; 
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #000;
        top: 50%;
    	 box-shadow: 
            0 0 4px rgba(0, 0, 0, 0.04),
            0 4px 8px rgba(0, 0, 0, 0.06);
       
    }
    .swiper-button-prev i,
      .swiper-button-next i {
        font-size: 30px;
    }
     .swiper-button-next:after, 
      .swiper-button-prev:after{
    	content: ''!important;
    }
    #slider .swiper-button-prev,
    #slider .swiper-button-next {
        width: 45px;
        height: 45px;
        background: #fff; 
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #000;
        top: 50%;
    	 box-shadow: 
            0 0 4px rgba(0, 0, 0, 0.04),
            0 4px 8px rgba(0, 0, 0, 0.06);
       
    }
    #slider .swiper-button-prev {
        left: 160px;
    }
    
    #slider  .swiper-button-next {
        right: 160px;
    }
    
     #slider .swiper-button-prev i,
     #slider .swiper-button-next i {
        font-size: 30px;
    }
     #slider .swiper-button-next:after, 
     #slider .swiper-button-prev:after{
    	content: '';
    }
    .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{
        pointer-events:unset!important;
    }
    @media(max-width:1599px){
        #slider .swiper-button-prev {
            left: 50px;
        }
        
        #slider  .swiper-button-next {
            right: 50px;
        }
    }
    @media(max-width:1399px){
        #slider .swiper-button-prev {
            left: 10px;
        }
        
        #slider  .swiper-button-next {
            right: 10px;
        }
    }
@media(max-width:991px){
    .br-right{
    border-right:none;
}
    .br-bottom{
    border-bottom:1px solid #cecece;
    }
    
    
}

@media(max-width:767px){
    .mb-content-lg{
        margin-bottom:30px;
    }
    .swiper-button-prev, .swiper-button-next{
        width:35px;
        height:35px;
    }
    .swiper-button-prev i,
      .swiper-button-next i {
        font-size: 20px;
    }
    .owl-nav button.owl-prev,
    .owl-nav button.owl-next{
        width:35px;
        height:35px;
    }
    
    .owl-nav button.owl-prev i,
    .owl-nav button.owl-next i{
        font-size:20px;
    }

    .textCenter-sm {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }
}


@media(min-width:992px){
    .textCenter-lg-o{
        text-align:center;
    }
}
/*	------------------------ 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{width:100%;
}
#logo img{height: 36px; 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;

}

.header-outter-flexbox .h6{
	margin: 0;
	color: var(--color-red);
	font-weight: 700;
}

.header-inner-flexbox{
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    /*width: calc(100% - 550px);*/
    /*width: calc(100% - 300px);*/
}
#primary-menu-container{}
#primary-menu-container .outter-flexbox{
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
	padding: 20px 0;
	gap:30px;
}
#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;*/
}

#top-search form {
  opacity: 1;
  z-index: 1;
  position: relative;
  /* width: 350px; */
  width: auto;
  height: 100%;
  padding: 0;
  margin: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
  /* -webkit-transition: width .3s 
ease; */
  /* -o-transition: width .3s ease; */
  /* transition: width .3s 
ease; */
}

#top-search{
	padding: 15px ;
	background-color: #F3F3F3;
}

#top-search form {
	display: flex;
	gap: 72px;
}

#top-search form .button{
	font-size: 12px;
	padding: 10px 12px;
	display: flex;
	flex-wrap: nowrap;
	gap: 7px;
	align-items: center;
	margin: 0;
}

#top-search form input {
    width: 100%;
    background: transparent;
    height: auto;
    font-size: 13px;
	border: none;
	padding: 0;
 
}
#top-search .button:hover svg path{
    stroke: var(--color-yellow);
}


.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;
}
.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: 100%;
	max-width: 900px;
	/*width: 100%;*/
}
#primary-menu > div > ul > li:first-child > a{padding-left: 0;}
#primary-menu > div > ul > li > a > img{
	height: 14px;
}

#primary-menu ul li a + ul.category-nav:before{
	content: '';
	position: absolute;
	top: -7px;
    left: 60px;
	width: 0; 
	height: 0; 
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid white;
	z-index: 1;
}
#primary-menu ul ul.category-nav{
	/*display: flex;*/
	flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
	width: max-content;
	max-width: 660px;
	top: 55px;
	z-index: 2;
	border-top: none;
	border-radius: 8px;
	padding: 25px 20px;
	filter: drop-shadow(2px 4px 6px rgba(0,0,0,0.15));
}
#primary-menu ul ul.category-nav li{
	flex: 0 0 33.3333%;
}
#primary-menu ul ul.category-nav li a{
	padding: 15px 10px;
}
#primary-menu ul ul li:hover > a {
    background-color: transparent;
    color: #734F0D;
}
#primary-menu ul ul li a:hover, #primary-menu ul ul li.current a{
    color: #734F0D;
}

.searchbutton{
	border: none;
	/*border-radius: 0 8px 8px 0;*/
	border-radius: 8px;
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    padding: 0;
}
.searchbutton span{
	color: white;
	font-family: 'Inter', sans-serif;
}
#header .header-info .infobox.others .searchbutton svg#search_icon{
    height: 13px;
    padding-left: 0;
    padding-right: 5px;
    width: auto;
    display: block;
}
.mobile-drawer .searchbutton svg#search_icon{
    height: 13px;
    padding-left: 0;
    padding-right: 5px;
    width: auto;
    display: block;
}
#top-cart{position: relative;}
#header .header-info .infobox.others li#top-cart svg{padding-right: 15px;}
#top-cart #cartQty{top: -5px;}

.top-search-open #primary-menu > div > ul{
    display: -webkit-inline-box;
}
.top-search-open .searchbutton{
    border-radius: 0 8px 8px 0;
}
.top-search-open #top-search form{
    width: 350px;
    -webkit-transition: width .3s ease;
	-o-transition: width .3s ease;
	transition: width .3s ease;
	animation-delay: 2s;
}
.top-search-open #top-search form input{
	width: calc(100% - 65px);
	padding: 12px 16px;
    -webkit-transition: width .3s ease;
	-o-transition: width .3s ease;
	transition: width .3s ease;
	animation-delay: 2s;
}

.highlight-buttons ul{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-between;
    margin: 0;
}
.highlight-buttons > ul li{
	/*width: calc(50% - 10px);*/
	text-align: center;
	position: relative;
}
.highlight-buttons > ul li > a{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    justify-content: flex-start;
}
.highlight-buttons > ul li > a:has( i){padding-right: 20px;}
.highlight-buttons ul li i {
    position: relative;
    font-size: 14px !important;
    top: 1px;
    width: 14px;
    text-align: center;
    margin-left: 5px;
    margin-right: 0;
    -webkit-transition: line-height .4s ease;
    -o-transition: line-height .4s ease;
    transition: line-height .4s ease;
}
.highlight-buttons ul {
    list-style: none;
    height: 50px;
}
.highlight-buttons ul ul{
	display: none;
    position: absolute;
    width: 220px;
    background-color: #FFF;
    box-shadow: 0px 13px 42px 11px rgba(0, 0, 0, 0.05);
    border: 1px solid #EEE;
    border-top: 2px solid #ac8c5e;
    height: auto;
    z-index: 199;
    top: auto;
    /*top: 48px;*/
    right: 0;
    margin: 0;
    padding: 0;
}
.highlight-buttons ul ul a {
    font-size: 14px;
    font-weight: 500;
    height: auto;
    color: #666;
    padding: 10px 15px;
    border: 0;
    letter-spacing: 0;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.highlight-buttons ul ul li:hover > a{
	color: #734F0D;
	padding-left: 18px;
}

/*mega menu styling*/
#primary-menu-container .container-fluid { position: relative; }
body.stretched #header.full-header #primary-menu ul li.mega-menu .mega-menu-content{
	width: 100% !important;
	margin: 0;
}
#primary-menu ul li .mega-menu-content {
	display: none;
	position: absolute;
	background-color: #FFF;
	border: none;
	height: auto;
	z-index: 199;
	top: 0px;
	margin: 0;
    left: 0;
    max-height: 550px;
    width: 765px;
    overflow: hidden;
    box-shadow: 0px 12px 30px 0px rgba(0, 0, 0, 0.30);
}
.mega-menu-content > .row{
	margin-left: 0;
	margin-right: 0;
}
.mega-menu-content > .row > .megamenu-listcol{
	background-color: #fff;
	padding: 30px 0 10px;
	/*width: 28%;*/
	overflow-y: auto;
}
.mega-menu-content > .row > .megamenu-contentcol{
	/*width: 72%;*/
	padding: 0;
}
.mega-menu-content > .row > .megamenu-contentcol .contentheader{
	position: relative;
	height: 100%;
	background-color: #F5F5F5;
	padding: 30px;
}
.mega-menu-content > .row > .megamenu-contentcol .contentheader .imagecol{
	position: relative;
	overflow: hidden;
	border-radius: 16px;
}
.mega-menu-content > .row > .megamenu-contentcol .contentheader img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.mega-menu-content > .row > .megamenu-contentcol .contentheader .imagecol::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: block;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, rgba(0, 0, 0, 0.61) 0%, rgba(0, 0, 0, 0.00) 100%);
	z-index: 1;
}
.mega-menu-content > .row > .megamenu-contentcol .contentheader .hc{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	padding: 20px 0 20px 30px;
	display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    height: 100%;
}
.mega-menu-content > .row > .megamenu-contentcol .contentheader .hc > div{
	background-color: #e78238;
	border-radius: 10px;
	display: inline-block;
	color: white;
	font-size: 16px;
	padding: 5px 20px;
	margin-bottom: 20px;
}
.mega-menu-content > .row > .megamenu-contentcol .contentheader .hc > h3{
	margin-bottom: 20px;
	color: #FFF;
	font-family: Inter;
	font-size: 32px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
}
.mega-menu-content > .row > .megamenu-contentcol .contentheader .hc > p{
	color: black;
	font-size: 15px;
}
#primary-menu .mega-menu-content > .row > .megamenu-contentcol .contentheader .hc .button{
    padding: 15px 24px;
    color: white;
    font-weight: 500;
    font-size: 14px;
    line-height: 1;
    height: auto;
}
.mega-menu-content > .row > .megamenu-listcol .sticky{
	position: sticky;
	top: 0;
	left: 0;
}
#primary-menu ul li > .mega-menu-content .magemenu-category-title{
	color: rgba(0,0,0,0.5);
	font-weight: 600;
	padding: 10px 30px;
	cursor: default;
	margin-bottom: 10px;
	font-size: 16px;
}
#primary-menu ul li > .mega-menu-content .magemenu-category-title + .row{margin: 0; padding-bottom: 30px;}
#primary-menu ul li > .mega-menu-content .magemenu-category-title + .row > .col-md-6{padding: 0;}
#primary-menu ul li > .mega-menu-content .megamenu-listcol ul{
	top: 0;
    width: 100%;
    box-shadow: none;
    padding: 0 30px;
    display: flex !important;
    flex-direction: row;
    flex-wrap: wrap;
	gap: 14px;
	overflow: hidden;
}
#primary-menu ul li > .mega-menu-content ul > li{
	border-radius: 0;
    max-width: 50%;
    flex: 0 0 48%;
}
#primary-menu ul li > .mega-menu-content ul > li > a{
	color: black;
	text-transform: none;
	display: flex;
	justify-content: space-between;
	padding: 0;
	font-size: 14px;
}
#primary-menu ul li > .mega-menu-content ul > li > a span{
	display: block;
	transition: all .2s ease-in-out;
}
#primary-menu ul li > .mega-menu-content ul > li > a span img{
	filter: none;
	max-height: 10px;
	width: 100%;
}
#primary-menu ul li .mega-menu-content ul > li.current > a, #primary-menu ul li .mega-menu-content ul > li:hover > a{
	color: #B68009;
	background-color: transparent;
}
.mega-menu-content > .row > .megamenu-listcol::-webkit-scrollbar{width: 6px;}
.mega-menu-content > .row > .megamenu-listcol::-webkit-scrollbar-track{background: #f1f1f1;}
.mega-menu-content > .row > .megamenu-listcol::-webkit-scrollbar-thumb{background: #B68009;}
.mega-menu-content > .row > .megamenu-listcol::-webkit-scrollbar-thumb:hover{background: #555;}
.megamenu-copyright{
	border-top: 1px solid #CECECE;
	padding: 20px 30px;
}
.megamenu-copyright .socialmedia{margin: 0;}
.megamenu-copyright .socialmedia .col {
    padding-right: 3px;
    padding-left: 3px;
    max-width: 30px;
}
#primary-menu .megamenu-copyright .socialmedia .col a:has(svg){padding: 0;}
.megamenu-copyright .socialmedia svg{fill: #D1D1D1; margin-bottom: 12px;}
.megamenu-copyright .socialmedia + p{
	font-size: 10px;
	font-weight: 300;
	line-height: normal;
}
.specialtiesmegamenu .magemenu-category-title + .row ul{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.mega-menu-content > .row > .megamenu-listcol .row > .col-md-12{padding: 0;}
/*#primary-menu ul li.specialtiesmegamenu .mega-menu-content{display: block !important; opacity: 0; z-index: 0;}*/
#primary-menu .specialtiesmegamenu .magemenu-category-title + .row ul li {
    max-width: 25%;
    flex: 0 0 23.5%;
}
.contentstart{position: relative; z-index: 2;}
.contentstart:has( .modal.show){z-index: auto;}
#primary-menu > div:has( ul){position: relative; width: 100%;}
#primary-menu > div > ul{width: 100%;}
.sales{
background-color: var(--color-red);
padding: 10px 0;
}
#primary-menu ul li.sales a{
color: #FFDB3D;
font-size: 20px;
text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #FFDB3D;
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: 1.6px;
text-transform: uppercase;
}

@media(max-width:991px){
    #top-search form{
        gap:30px;
    }
}

@media(max-width:767px){
    #top-cart-sm #cartQty{top: -10px;right:-10px;}
    #top-search{
        padding:10px;
    }
  
    .header-inner-flexbox{
        flex-wrap:nowrap;
        width:100%;
    }
}
/*	------------------------ Header END -------------------------- */

/*	------------------------ Footer -------------------------- */

#cta{background: #FFDB3D;padding-top: 60px;padding-bottom: 60px;}
#footer .footer-desc{text-align: justify;line-height: 25px;color: #555;}
.social-logo{
    gap:10px;
}
.ctabox{
	overflow: hidden;
}
.ctabox .col-12:has( .content){
	display: flex;
	justify-content: start;
	position: relative;
}
.ctabox .content{
	display: flex;
	flex-direction: column;
	justify-content: center;
	z-index: 2;
}

#footerWhatsapp {
    position: fixed;
    bottom: 100px;
    right: 25px;
    z-index: 99999;
    cursor: pointer;
    opacity: 1;
    transition: opacity, bottom 0.2s ease;
    -moz-transition: opacity, bottom 0.2s ease;
    -webkit-transition: opacity, bottom 0.2s ease;
}

#footerWhatsapp img{
    width:60px;
}


#footer{
	color: #555;
	font-family: 'Inter', sans-serif;
}
.footerp{
	color: #555;
	font-weight: 500;
}
#footer h4{color: #000;}

.address p{
	font-size: 16px;
	color: #555;
}
#footer .footer-widgets-wrap > .row{justify-content: space-between;}
/*#footer .socialmedia{margin-top: 18px;}*/
#footerSocialContacts .socialmedia{justify-content: flex-end;}
#footerSocialContacts .socialmedia .col{
	padding-right: 3px;
	padding-left: 3px;
	max-width: 20%;
}
#footerSocialContacts .socialmedia .col:first-child{
	padding-left: calc(var(--bs-gutter-x) * .5);
}
#footerSocialContacts .socialmedia .col:last-child{
	padding-right: calc(var(--bs-gutter-x) * .5);
}
.socialmedia a{display: block;}
.socialmedia a svg{
	width: 100%;
	max-width: 20px;
	height: auto;
	/*margin-right: 6px;*/
	/*margin-top: 6px;*/
	fill: #fff;
	-webkit-transition: fill .3s ease;
	-o-transition: fill .3s ease;
	transition: fill .3s ease;
	margin-bottom: 15px;
}
.socialmedia a:hover svg{
    fill: #CC9739;
    -webkit-transition: fill .3s ease;
	-o-transition: fill .3s ease;
	transition: fill .3s ease;
}
#footer .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: #ED2B2B;
    -webkit-transition: color .3s ease;
	-o-transition: color .3s ease;
	transition: color .3s ease;
}
#footer .footer-widgets-wrap h4{margin-top: 20px;}
#subscription{
	background-color: #f5f5f5;
	padding-top: 23px;
	padding-bottom: 23px;
}
#subscription .row{
	align-items: center;
}
#subscription h4, #subscription form{margin-bottom: 0;}
#subscription form{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-content: center;
    align-items: center;
}
#subscription form input{width: calc(100% - 95px); max-width: 325px; border-radius: 8px 0 0 8px; height: 55px; padding-left: 25px; border-right: none;}
#subscription form button{height: 55px;}

#footerSocialContacts{
	margin-top: 60px;
	margin-bottom: 15px;
}
#footerCompContacts .col{
	flex: 0 0 21%;
	max-width: 21%;
	min-width: 195px;
}
#footerCompContacts .col.email{
	flex: 0 0 26%;
	max-width: 26%;
}
#footerCompContacts .flexbox{justify-content: center; margin-bottom: 15px;}
#footerCompContacts .flexbox svg{height: 23px; width: 23px; margin-right: 10px; object-fit: contain;}
#footerCompContacts a .text{width: calc(100% - 33px);}
#footerCompContacts a .text .number{color: white;}
#footerCompContacts a:hover .text .number{color: #CC9739;}

#footerCart svg{fill: #ac8c5e; max-width: 29px;}
#copyrights{padding: 5px 0;border-top: 1px solid rgba(2, 2, 2, 0.20);
background: #F8F8F8;}
#copyrights a{color: white;}
#copyrights a:hover{color: #CC9739;}
#copyrights .copyrights-col{display: flex;align-items: center;}

#footer .social p{
    font-size:13px;
    font-weight:600;
    margin-bottom:0;
}
/*	------------------------ Footer END -------------------------- */


/*	------------------------ Doctor Search Form -------------------------- */

.docSearchForm {
    margin-top: -2.5em;
    display: flex;
    border-radius: 50px;
    overflow: hidden;
    padding-left: 25px;
    /*padding-right: 25px;*/
    background: linear-gradient(to right, white 0%, white 50%, #CC9739 51%, #CC9739 100%);
    /*filter: drop-shadow(2px 4px 10px rgba(0, 0, 0, 0.05));*/
    box-shadow: 0px 14px 45px 0px rgba(0, 0, 0, 0.11);
    position: relative;
    z-index: 2;
}
.docSearchForm input{
	background-color: white;
    padding: 0 25px 0 10px;
	background-color: white;
    width: 35%;
    border: none;
    padding: 0 25px;

}
.docSearchForm select{
	background-color: white;
    width: 22.5%;
    border: none;
    padding: 0 25px;
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    appearance:none;
    background-position: right center;
    background-origin: content-box;
    background-size: 20px;
    background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='more' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 48 48' style='enable-background:new 0 0 48 48;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E.st0%7Bfill:%236C6C6C;%7D%3C/style%3E%3Cpath class='st0' d='M24,30.1L12.7,18.8l1.6-1.6l9.7,9.7l9.7-9.7l1.6,1.6L24,30.1z'/%3E%3C/svg%3E%0A");
    border-left: 1px solid #dddddd;
}
.docSearchForm select:active, .docSearchForm select:focus, .docSearchForm select:focus-within, .docSearchForm select:target, .docSearchForm select:visited, .docSearchForm select:focus-visible,
.docSearchForm input:active, .docSearchForm input:focus, .docSearchForm input:focus-within, .docSearchForm input:target, .docSearchForm input:visited, .docSearchForm input:focus-visible{border: none; outline: none;}
.docSearchForm select:active, .docSearchForm select:focus, .docSearchForm select:focus-within, .docSearchForm select:target, .docSearchForm select:visited, .docSearchForm select:focus-visible{
    border-left: 1px solid #dddddd;
}
.docSearchForm a#docSubmit{
	font-size: 20px;
	font-family: 'Inter',sans-serif;
	font-weight: 700;
	color: #fff;
	background-color: #CC9739;
    display: flex;
    padding: 15px 20px;
    align-items: center;
    justify-content: center;
    width: 20%;
}
.docSearchForm a#docSubmit svg{
	width: 22px;
}
.docSearchForm a#docSubmit span{
	display: inline-block;
	margin-top: 3px;
	margin-left: 10px;
}
#searchdoctorform + section, #searchdoctorform + div{
	margin-top: -3.1em;
	padding-top: calc(60px + 3.1em);
}

/*	------------------------ Doctor Search Form END -------------------------- */


/*	------------------------ Home -------------------------- */

#slider .swiper-pagination, #sliderm .swiper-pagination{width: 100%; bottom: 50px !important; text-align: center;}
#slider .swiper-pagination span, #sliderm .swiper-pagination span{
    background-color: rgba(255,255,255,0.5);
}
#slider .swiper-pagination span.swiper-pagination-bullet-active, #sliderm .swiper-pagination span.swiper-pagination-bullet-active{
    background-color: rgba(255,255,255,1);
}
#slider .swiper-slide-bg{
	background-color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: cover;background-position: center;width: 100%; height: 100%; opacity: 1; visibility: inherit;
}
#slider a:has( > .slider-caption), #sliderm a:has( > .slider-caption){
	display: block;
	width: 100%;
	height: 100%;
}
#slider a .slider-caption, #sliderm a .slider-caption, .slider-caption-container,#slider .slider-caption{
	display: block;
	width: 100%;
	height: 100%;
	max-width: 100%;
}
#slider ~ #content, #sliderm ~ #content{padding-top: 60px; padding-bottom: 60px; background-color: #f9f9f9;}
#slider .swiper-navs .swiper-button-disabled, #sliderm .swiper-navs .swiper-button-disabled{display: none;}
#sliderm {
    aspect-ratio: 900 / 1200;
}
#sliderm .swiper-slide-bg{
	background-color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: cover; background-position: center bottom; width: 100%; height: 100%; opacity: 1; visibility: inherit;
}
#sliderm .slider-caption{max-width: 100%; padding-top: 60px; position: relative; left: auto; top: auto;}

#featured-package{background-color: #FFFCF5;padding: 0;}

#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 .owl-stage{
	display: flex;
	align-items:stretch;
}
#featured-package .owl-item{

	display:flex;
	flex:0 0 auto;
}
#featured-package .oc-item{
    flex:1;
}

#featured-package .swiper-slide.figure_item{
    display:flex;
}


#featured-package .slideInfoContainer {
  display: flex;
  flex: 1;
}

#featured-package .slideInfoContainer > a{
    display:flex;
    flex-direction:column;
    width: 100%;               /* fill the parent .oc-item */
    box-sizing: border-box;    /* include padding inside width */
    padding: 60px 20px;    
}


#featured-package .oc-item:hover{
	background-color: #FFF3D6;
}
#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 .product-image{
    height:auto;
}
#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{
	width: 100%;
	height:100%;
	object-fit: contain;
}
#featured-package .product-title{
	margin-top: 15px;
	font-size: 20px;
	font-weight: 600;
	text-align: center;
	line-height: 1.3;
	color: black;
	margin-bottom: 10px;
	display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      overflow: hidden;
}
#featured-package .product-price{text-align: center;margin-top:auto;display:flex;align-items:center;justify-content:center;gap:8px;}
#featured-package .product-price ins{
	text-decoration: none;
	font-size: 20px;
	font-weight: 600;
	color: #ED2B2B;
	display: inline-block;
	
}
#featured-package .product-price ins:has( + del){
    margin-right: 15px;
}
#featured-package .product-price del{
	color: #B0B0B0;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	text-decoration: line-through;
	display: inline-block;
}
#featured-package .discount-tag{
		margin-bottom: 40px;
}
.discount-tag{
	position: relative;
	right: 0;
	top: 0;
    width: 100%;
	z-index: 4	;
    text-align: right;
}
.discount-tag .percentage{
	background-color: #ED2B2B;
	text-align: center;
	display: inline-block;
	padding: 10px 13px;
	color: #FFDB3D;
	font-size: 20px;
	text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #FFDB3D;
	font-family: Inter;
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	letter-spacing: 1.6px;
	text-transform: uppercase;
}

#productCategory{
	overflow: hidden;
}

#productCategory .cat-swiper{
	margin-top:30px;
}
#productCategory .swiper.cat-container{
    overflow:visible;
}


#productCategory .cat-swiper .listing-item{
	aspect-ratio: 343/389;
}

#productCategory .listing-item {
	padding: 40px;
	aspect-ratio: 4/5;
	color: #FFF;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	height: 100%;
	display: flex;
	align-items: flex-end; 
	position: relative;
	overflow: hidden;
	}
	@media(max-width:767px){
		#listing .list-column{
		padding:0 5px;
		margin-bottom:10px;
	}
	}


	#productCategory .listing-overlay{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	opacity: 0;
	z-index: 2;
	transition: all 0.5s ease-in-out;
	height: 100%;
	background: linear-gradient(
		to top,     
		rgba(255, 255, 255, 0.85) 20%,    /* still white-ish up to ~10% */
		rgba(255, 255, 255, 0) 50%        /* fade out smoothly */
	);
	}

	#productCategory .listing-item:hover .listing-overlay{

	opacity: 1;

	}

	#productCategory .list-content {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	position: relative;
	width: 100%;
	z-index: 3;
	}

	#productCategory .list-extra {
	width: 100%;
	max-height: 0;
	overflow: hidden;
	opacity: 0;
	transform: translateY(10px);
	transition: all 0.5s ease-in-out;
	}

	#productCategory .list-extra .list-desc{
		display: -webkit-box;
	-webkit-line-clamp: 2;       
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	}

	#productCategory .listing-item .list-extra  h4{
		margin:0;
	}
	#productCategory .listing-item .list-extra .flexbox{
		gap:5px;
	}


	#productCategory .listing-item:hover .list-extra {
	max-height: 500px; 
	opacity: 1;
	transform: translateY(0);
	}

	#productCategory .cat-swiper .swiper-slide-prev {
	opacity: 0;
	}

	#productCategory .cat-swiper .swiper-slide-prev,
	#productCategory .cat-swiper .swiper-slide-duplicate-prev {
		opacity: 0;
	}

	#productCategory .cat-swiper .swiper-slide-next,
	#productCategory .cat-swiper .swiper-slide-duplicate-next {
		opacity: 1; /* example */
	}

	#productCategory .cat-swiper {
		transition: opacity 0.3s ease;
	}
	
	
	
    #productCategory .swiper-button-prev {
        left: -20px;
    }
    
    #productCategory .swiper-button-next {
        right: -20px;
    }
    
    
    
    
    #productCategory .cat-scrollbar{
        margin-top:30px;
        left:0;
        position:relative;
        width:100%;
    }
    .cat-progress {
        width: 100%;
        height: 3px;
        background: #eee;
        border-radius: 10px;
        overflow: hidden;
        margin-top: 15px;
    }
    
    .cat-progress-fill {
        height: 100%;
        width: 5%;
        min-width:5%;
        background: #000;
        border-radius: 10px;
        transition: width 0.3s ease;
    }


	#highlights{
		background-color: #FFFCF5;
	}
	
	#highlights .packagelist .product-image{
	    height:auto;
	    margin-top:30px;
	}
	
	#highlights .discount-tag{
	    right:10px;
	}
	
	#highlights .oc-item{
	    flex:1;
	}
	


	#highlights .highlight-container{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	#highlights .button{
		padding: 10px 40px;
	}


	#highlights .highlight-swiper{
		margin-top: 25px;
	}

	#highlights .list-content{
		position: relative;
		text-align: center;
		z-index: 3;
		display: flex;
		flex-direction: column;
		gap: 35px;
		align-items: center;
	}
	
	#highlights .image-container{
		height: 280px;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	#highlights .highlight-content img{
		aspect-ratio: 1/1;
	}

	#highlights .list-title{
		display: flex;
		flex-direction: column;
		gap: 35px;
		align-items: center;
	}


	#highlights .listing-overlay{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;

	z-index: 0;
	transition: all 0.5s ease-in-out;
	height: 100%;
	background: linear-gradient(
		to top,     
		rgba(255, 243, 214, 1) 90%,    
		rgba(255, 255, 255, 0) 90%        
	);

	height: 0;
	}
	#highlights a:hover .listing-overlay{
	height: 80%;
	}
	
	#highlights .packagelist .product-desc .product-title{
	    font-size:20px;
	    font-weight:600;
	}
	
	#highlights .packagelist .product-desc .product-price p {
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        text-decoration: none;
        display: inline-block;
        color: #000;
        margin-bottom:0;
    }



	#whyus .why-container{
		display: flex;
		justify-content: center;
		margin-top: 30px;
		flex-wrap: wrap;
		gap: 30px;
	}
	
	#award{
	    padding-bottom:30px;
	}

	#award .award-image{
		display: flex;
		justify-content: center;
		align-items: center;
		margin-bottom:30px;
	}
	
	#award .award-image img{
	    max-width:200px;
	}

	#award .row{
		margin-top: 30px;
	}

	#testimonial .testimonial-img-container img{
		aspect-ratio: 300/250;
		object-fit: cover;
		width: 100%;
		
	}
	

	#testimonial .testimonial-img-container{
		position: relative;
		margin-bottom: 30px;
	}

	#testimonial .dark-overlay{
		position: absolute;
		bottom: 0;
		left: 0;
		background: rgba(0, 0, 0, 0.50);
		height: 60px;
		width: 100%;
		z-index: 2;
		display: flex;
		align-items: center;
		padding: 0 20px;
		justify-content: center;
	}
	
	.testimonialdetailview p{
	    line-height:30px;
	}

	#testimonial .dark-overlay p{
		display: -webkit-box;
		-webkit-line-clamp: 1;       
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		margin-bottom: 0;
	}

	#blog.homepage{
		background-color:  #FFFCF5;;
	}
	#blog.homepage.no-testimonial {
        padding-top: 0;
    }

	#blog.homepage .previousblogs .textcol{
		padding: 20px 25px ;
	}

	#blog.homepage .blog-container{
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
		height: 100%;
		gap: 20px;
	}

	#blog.homepage .blog-container > a{
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		flex: 1;

	}

	#blog.homepage .horizontal-img{
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		padding: 20px 40px;
		position: relative;
		height: 100%;
		width: 100%;
		display: flex;
		align-items: center;
	}

	#blog.homepage .horizontal-img .black-overlay{
		position: absolute;
		background: rgba(0, 0, 0, 0.50);
		opacity: 1;
		top: 0;
		left: 0;
		transition: opacity 0.3s;
		width: 100%;
		height: 100%;
	}
	#blog.homepage .horizontal-img .hide{
		opacity: 0;
		transition: 0.3s;
		display: flex;
		flex-direction: column;
		align-items: center;
		flex: 1;
	}
	#blog.homepage .horizontal-img img{
		margin-left: auto;
	}
	#blog.homepage .blog-container > a:hover .hide{
		opacity: 1;
	}

	#blog.homepage .previousblogs .imagecol img{
		padding:0 20px 10px;
	}

	#blog.homepage .hide p,#blog.homepage .hide img{
		position: relative;
		z-index: 2;
	}
	

	#about.homepage .about-col{
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding-left: 50px;
	}

	@media(max-width:767px){
		#highlights .highlight-container{
			flex-direction: column;
		}
		#about.homepage .about-col{
			padding-left: 12px;
		}
		#blog.homepage .horizontal-img .hide{
			opacity: 1;
		}
		#blog.homepage .horizontal-img .hide{
			flex-direction: row;
		}
		.mb-content-sm{
			margin-bottom: 30px;
		}
		#testimonial .dark-overlay{
			height: 40px;
		}
		#blog.homepage .horizontal-img{
			aspect-ratio: 3/1;
		}
		#featured-package{padding-top:60px;padding-bottom:60px;}
		#featured-package .owl-item{padding:30px 0px;}
		#productCategory .list-extra{
		    opacity:1;
		    max-height:100%;
		}
		#productCategory .listing-overlay{
		    opacity:1;
		}
		#productCategory .listing-item{
		    padding:10px;
		}
		#highlights .listing-overlay{
		    opacity:1;
		    height:80%;
		}
		.discount-tag .percentage{
		    font-size:10px;
		}
		#featured-package .product-price{
		    flex-direction:column;
		    gap:0;
		}
		#featured-package .discount-tag .percentage{
		    font-size:10px;
		}
		#featured-package .discount-tag{
		    margin-bottom:10px;
		    right:10px;
		}
		#featured-package .slideInfoContainer > a{
		    padding:30px 10px;
		}
		#featured-package .product-title,#highlights .packagelist .product-desc .product-title{
		    font-size:14px;
		}
		#featured-package .product-price ins{
		    font-size:16px;
		}
		#highlights .packagelist .product-desc .product-price p{
		    font-size:16px;
		}
		#award .award-image img{
		    max-width:100px;
		}
	}

/*	------------------------ Home END -------------------------- */


/*	------------------------ About Us -------------------------- */

#content.aboutuspage{min-height: 34.6vh;}

#bread_contact_banner{
	background-color: #fff;
    padding: 15px 0;
    top: auto;
    position: relative;
    border: none;
	/*border-bottom: 1px solid #CECECE;*/
}
.topcrumb {
	padding: 0;
}
.topcrumb ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.topcrumb ul li {
    display: inline-block;
    color: #ED2B2B;
    font-size: 14px;
}
.topcrumb ul li a {
    color: #ED2B2B;
}

#banner.aboutuspage{
	position: relative;
    z-index: 1;
}
#banner.aboutuspage{

		background-size: cover;
		background-position: center;
		background-image: url('../images/layout/aboutus-banner.webp');
	}
/* @media(min-width: 768px){
	#banner.aboutuspage{
		aspect-ratio: 1440 / 744;
		background-size: cover;
		background-position: center;
		background-image: url('../images/layout/aboutus-banner.webp');
	}
}
@media(min-width: 1600px){
	#banner.aboutuspage{
		aspect-ratio: 1440 / 550;
		background-size: cover;
		background-position: center;
		background-image: url('../images/layout/aboutus-banner.webp');
	}
} */
#banner.aboutuspage .container-fluid{height: 100%;display: flex;flex-direction: column;justify-content: space-around;}
#banner.aboutuspage .container-fluid .row{ 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: #FFFCF5;
	min-height: auto;
	padding: 0; 
	overflow: visible;
}
#content.aboutuspage .container-fluid{
	background-color: #FFFCF5;
	padding-top: 60px;
	padding-bottom: 60px;
    z-index: 2;
    position: relative;
}
#content.aboutuspage p{
	line-height: 30px;

}


#content.aboutuspage .yellowcard{
	padding: 40px;
	height: 100%;
	background-color: #FFDB3D;
	background-repeat: no-repeat;
	background-position: top right;

}

#whyus{
	background-image: url(../images/layout/whyus.jpg);
	background-position: bottom;
	background-size: cover;
	background-repeat: no-repeat;
	aspect-ratio: 1440/680;

}

#whyus .white-card{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 30px 20px;
	gap: 20px;
	background: #fff;
	aspect-ratio: 1/1;
	box-shadow: 5px 10px 25px 0 rgba(183, 183, 183, 0.25);
	margin-bottom: 30px;
	width: calc(20% - 30px);
	text-align:center;
}


@media(max-width:1599){
	#whyus{
		aspect-ratio: 1440/766;
	}
	
}
@media(max-width:1599px){
    #banner.aboutuspage{
  
    }
}

@media(max-width:767px){
	#whyus{
		padding-top: 60px;
		aspect-ratio: auto;
		padding-bottom:60px;
	}
	#banner .banner-img{
	    max-height:300px;
	}
	#whyus .white-card{
		width: calc(50% - 15px);
		text-align: center;
		margin-bottom:0;
	}
	#award{
	    padding-bottom:30px;
	}
	#award .award-image{
	    margin-bottom:30px;
	}
	#content.aboutuspage .container-fluid{
	    padding-bottom:30px;
	}
	.topcrumb{
	    text-align:center;
	}

}
@media(max-width:567px){
    #banner .banner-img{
	    max-height:150px;
	    margin-bottom:20px;
	}
}

/*	------------------------ About Us 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: 40px;margin-top: 30px;position:relative;}
.featuredblogs .swiper-button-prev{
    left:-20px;
}
.featuredblogs .swiper-button-next{
    right:-20px;
}
#content.bloglistview .blog-search{
    display:flex;
    justify-content:center;
    gap:15px;
}
#content.bloglistview .blog-search p{
    margin:0;
    align-self:center;
}
#content.bloglistview .blog-search select{
    border: 1px solid #cecece;
    border-radius: 10px;
    padding:5px;
    width:fit-content;
}
#content.bloglistview .bigcontent .textcol .button{
	width: min-content;
	padding: 10px 50px;

}
#content.bloglistview{
	padding-top: 0;
	padding-bottom:40px;
}
#content.bloglistview .bigcontent{}
#content.bloglistview .bigcontent a{
	display: block;
	position: relative;
}
#content.bloglistview .bigcontent .imagecol{
	position: relative;
}
#content.bloglistview .bigcontent .imagecol:after{
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	opacity: 0.3;
	background: #000;
}
#content.bloglistview .bigcontent .imagecol img{
	aspect-ratio: 1320/500;
	object-fit: cover;
	width: 100%;
}
#content.bloglistview .bigcontent .textcol{
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 30px 6% ;
}
#content.bloglistview .bigcontent .textcol .date{
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 12px;
}
#content.bloglistview .bigcontent .textcol .title{
	color: white;
	font-weight: 700;
	margin-bottom: 10px;
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
#content.bloglistview .featured3blogs{
	height: 100%;
	display: flex;
    justify-content: space-between;
    flex-direction: column;
    flex-wrap: nowrap;
}
#content.bloglistview a:has( .smallcontent){
	background-color: white;
	height: calc(100% / 3);
    display: block;
    margin-bottom: 15px;
}
#content.bloglistview a:has( .smallcontent):last-child{
    margin-bottom: 0;
}
#content.bloglistview .smallcontent{
    display: flex;
    flex-direction: row;
    /*flex-wrap: wrap;*/
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    /*max-height: 110px;*/
    height: 100%;
}
#content.bloglistview .smallcontent .imagecol{
	aspect-ratio: 1 / 1;
	background-color: #E9E9E9;
	/*width: 110px;*/
	height: 100%;
	width: min-content;
}
#content.bloglistview .smallcontent .imagecol img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#content.bloglistview .smallcontent .textcol{
	/*width: calc(100% - 110px);*/
	padding: 25px;
}
#content.bloglistview .smallcontent .textcol .date{
	color: #734F0D;
	font-size: 12px;
	font-weight: 600;
	margin-bottom: 5px;
}
#content.bloglistview .smallcontent .textcol p{margin-bottom: 0;}
#content.bloglistview .smallcontent .textcol .title{
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-weight: 600;
	line-height: normal;
}
.bloglistview .previousblogs h3{
	padding-top: 20px;
	margin-bottom: 20px;
}
.bloglistview .previousblogs .row{
	margin-right: -15px;
	margin-left: -15px;
}

.previousblogs .content{
	position: relative;
	z-index: 3;
	flex: 1;
    display: flex;
    flex-direction: column;
}
.blog-col {
    display: flex;
}
.blog-col > a {
    display: flex;
	flex-direction: column;
    width: 100%;
    height: 100%;
}

.previousblogs .listing-overlay{
	position: absolute;
	bottom:  0;
	left: 0;
	width: 100%;
	opacity: 0;
	z-index: 0;
	transition: all 0.5s ease-in-out;
	height: 100%;
	background: linear-gradient(
		to top,     
		rgba(255, 243, 214, 1) 90%,    
		rgba(255, 255, 255, 0) 90%        
	);
	height: 0;
	}
.previousblogs .content:hover .listing-overlay{
	opacity: 1;
	height: 80%;
	}
.previousblogs .imagecol{
	position: relative;
	z-index: 2;
	
}
.previousblogs .imagecol img{
	object-fit: cover;
	width: 100%;
	height: 100%;
	padding: 10px 20px;
	aspect-ratio: 260 / 200;
}
.previousblogs .textcol{
	position: relative;
	z-index: 2;
	padding: 20px 25px;
	flex: 1;
	display: flex;
	flex-direction: column;
}
.previousblogs .textcol .date{
	color: #B0B0B0;
	font-size: 14px;
	font-weight: 600;
	line-height: normal;
	margin-bottom: 12px;
}
.previousblogs .textcol .title{
	color: #000;
	font-size: 20px;
	font-weight: 600;
	line-height: normal;
	margin-bottom: 10px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.previousblogs .textcol .read-more{
	text-decoration: underline;
	color: #ED2B2B;
	font-weight: 500;
	text-underline-offset: 4px;
	margin-top: auto;
}
.previousblogs .textcol .short-desc{
	display: -webkit-box;
    -webkit-line-clamp: 2;       
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.previousblogs .textcol p:has( .link){margin-bottom: 20px;}

.myPagination{
	display: flex;
	flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 4px;
}
.myPagination a span{
	font-size: 18px;
}
.myPagination a{
	color: black;
	font-size: 14px;
	font-weight: 500;
	background-color: #f8f8f8;
	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 strong{
	color: #ED2B2B;
	font-size: 14px;
	font-weight: 500;
	background-color: #FFDB3D;
	aspect-ratio: 1 / 1;
	border-radius: 5px;
	border: 1px solid #ED2B2B;
	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: 40px;}
.blogdetailview .flexbox .titlesec{
	width: calc(100% - 200px);
}
.blogdetailview .flexbox .titlesec .date{
	color: #B0B0B0;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	margin-bottom: 10px;
}
.blogdetailview .flexbox .titlesec .title{
	color: #000;
	font-size: 35px;
	font-style: normal;
	font-weight: 700;
	line-height: 1.3;
	margin-bottom: 0;
}
.blogdetailview .flexbox .sharesec{
	width: 200px;
}
.blogdetailview .flexbox .sharesec p{
	color: #000;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-bottom: 10px;
}
.blogdetailview .flexbox .sharesec #st-1{text-align: left;}
.blogdetailview .blogcontent .btgrid .row{
    align-items: center;
}
.blogdetailview .gallery{}
.blogdetailview .gallery img{
	width: 100%;
	height: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	padding-bottom: calc(var(--bs-gutter-x) * .5);
	padding-top: calc(var(--bs-gutter-x) * .5);
}

#relatedblogs .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;
}

#relatedblogs .owl-stage{display: flex;}
#relatedblogs .owl-item{flex: 1;display: flex;width: 100%;}
#relatedblogs .oc-item{display: flex;}
#relatedblogs .oc-item > a{display: flex;}
#related{
	background-color: #FFFCF5;
}
#relatedblogs a:hover .listing-overlay{
    opacity: 1;
    height: 80%;

}

@media(max-width:767px){
	.previousblogs .listing-overlay{
		height: 80%;
		opacity: 1;
	}
	#content.bloglistview .bigcontent .textcol{
		padding: 25px;
	}
	.blog-col{
	    margin-bottom:30px;
	}
	#content.bloglistview{
	    padding-bottom:20px;
	}
	.blogdetailview .flexbox .titlesec .title{
	    font-size:25px;
	}
	.previousblogs .textcol .title{
	    font-size:16px;
	}
	.featuredblogs{
	    margin-bottom:0;
	}
}
/*	------------------------ News & Events / Blogpost END -------------------------- */

/*	------------------------ Contact Us START -------------------------- */

#banner.contactuspage{
	position: relative;
    z-index: 1;
}

	#banner.contactuspage{
		aspect-ratio: 1440 / 400;
		background-size: cover;
		background-position: top right;
		background-image: url('../images/layout/contact-bg.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;
}

#contactDetail .contact-card{
	padding: 40px 10px;
	display: flex;
	flex-direction: column;
	gap: 30px;
	
	align-items: center;
	justify-content: start;
	border: 1px solid #CECECE;
	height: 100%;
	text-align: center;
}

#contactDetail iframe{
	aspect-ratio: 1320/511;
	margin-top: 60px;
}


/*	------------------------ Contact Us END -------------------------- */




/*	------------------------ Product List -------------------------- */

#shop{padding-bottom: 60px;padding-top:0;}
.packagelist{
	margin-top: 20px;
	
}

.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;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 300px;
}
.packagelist .product-image img{object-fit: contain;width: 100%;height:100%;}
.packagelist .product-desc{
	padding-top: 15px;
	padding-bottom: 30px;
	display: flex;
	flex: 1;
	color: #000;
	flex-direction: column;
	justify-content: space-between;
}
.packagelist .product-desc .product-title{
	font-size: 16px;
	text-align: center;
	font-weight: 400;
	line-height: 30px;

	margin-bottom: 10px;
}
.promotion-countdown {
    margin-top: 8px;
    font-size: 16px;
    color: #333;
    text-align:center;
    position:relative;
    z-index:2;
}

.countdown-wrapper {
    display: flex;
    gap: 8px;
    justify-content: center;
    align-items:center;
    line-height:1.1;
}

.cd-box {
    background: #ED2B2B;
    color: #fff;
    width:40px;
    padding:8px 0;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap:8px;
}

.cd-value {
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    
}

.cd-label {
    font-size: 10px;
    text-transform: uppercase;
    opacity: 0.85;
    line-height: 1;
}


.product_detail_view .promotion-countdown{
    text-align:start;
    margin:0;
    
}

.packagelist .product-desc .product-price{text-align: center;}
.packagelist .product-desc .product-price ins{
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	text-decoration: none;
	display: inline-block;
	
	color: #ED2B2B;
}
.packagelist .product-desc .product-price del{
	color: #B0B0B0;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	margin-right: 10px;
	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;

	z-index: 2;
	padding: 20px;
	height: 100%;
	display: flex;
    flex-direction: column;
}
.packagelist .discount-tag{
	position: absolute;
}
.packagelist .product-image,
.packagelist .product-desc {
    position: relative;
    z-index: 3;
}

.packagelist .listing-overlay{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;

	z-index: 0;
	transition: all 0.5s ease-in-out;
	height: 100%;
	background: linear-gradient(
		to top,     
		rgba(255, 243, 214, 1) 90%,    
		rgba(255, 255, 255, 0) 90%        
	);

	height: 0;
	}
.packagelist a:hover .listing-overlay{
	height: 80%;
	}

.packagelist .owl-stage{display: flex;}
.packagelist .owl-item{display: flex;justify-content:center;}

.advertisement-image{width: 100%;margin-bottom: 30px;display:block;height:auto;}

.category-filter-dropdown .category-dropdown-wrap {
      position: relative;
      max-width: 100%; 
      display: flex;
      justify-content: flex-end;
      flex-direction:column;
    }
    
    /* the button itself */
    .category-filter-dropdown .category-dropdown-toggle {
      position: relative;         
      text-align: left;
      background-color: #fff;
      border: 1px solid var(--color-red);
      color: var(--color-red);
      padding-right: 2.5rem;
      max-width: max-content;
    }
    
    /* custom arrow icon */
    .category-filter-dropdown .category-dropdown-toggle::after {
      content: "";
      width: 16px;
      height: 16px;
      position: absolute;
      right: 1rem;
      top: 50%;
      transform: translateY(-50%);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M4 6l4 4 4-4' fill='none' stroke='%23ED2B2B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");      background-repeat: no-repeat;
      background-position: center;
      background-size: 16px 16px;
      border: 0;
}

	.category-filter-dropdown .category-dropdown-menu {
		position: absolute;
		top: 100%;
		left: 0;
		z-index: 1000;
		display: none;
		width: 100%;
		
		overflow: hidden;
		padding: 10px;
		background: #fff;
		border: 1px solid rgba(0,0,0,0.15);
		border-radius: 4px;
	}
	
	.category-dropdown-menu-list{
        max-height: 340px;
        overflow-y: auto;
	}
	
	.category-filter-dropdown .category-dropdown-menu::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 12px;       
        background: #fff;    
        pointer-events: none;
    }
	
	.category-filter-dropdown .category-dropdown-menu .dropdown-item,
    .category-filter-dropdown .category-dropdown-menu .dropdown-item p {
      white-space: normal !important;   
      word-wrap: break-word;            
    }

	.category-filter-dropdown .category-dropdown-wrap.open .category-dropdown-menu  {
		display: block;
		scrollbar-width: none;
	}

	.category-filter-dropdown .category-dropdown-menu .category-dropdown-menu-list::-webkit-scrollbar {
		display: none;
	}

	.category-filter-dropdown .category-dropdown-menu ul {
		list-style: none;
		margin: 0;
		padding-left: 0;
	}

	.category-filter-dropdown .category-dropdown-menu .mobile-cat-filter-list > li {
		border-bottom: 1px solid rgba(0,0,0,0.15);
	}
	
	.category-filter-dropdown .category-dropdown-menu .mobile-cat-filter-list > li:last-child {
		border-bottom: none;
	}
	
	.category-filter-dropdown .category-dropdown-menu a {
		display: block;
		width: 100%;
		padding: 6px 0;
		text-align: left;
		border: 0;
	}

    .category-filter-dropdown .category-dropdown-menu .mobile-cat-filter-list li .submenu li a {
    padding-left: 18px;
}


	/* LEVEL 2 SUBCATEGORY */
	.category-filter-dropdown .category-dropdown-menu .mobile-cat-filter-list > li > .submenu > li > .submenu > li > a {
		padding-left: 36px;   /* <-- deeper indent */
	}

	/* LEVEL 3+ (optional – slightly more) */
	.category-filter-dropdown .category-dropdown-menu .mobile-cat-filter-list .submenu .submenu .submenu > li > a {
		padding-left: 48px;
	}
	
	.category-filter-dropdown .category-dropdown-menu a:hover {
		color: var(--color-red);
	}

	.category-filter-dropdown .category-dropdown-menu li.current > a {
		color: var(--color-red);
		font-weight: 600;
	}

	/* submenus (same pattern as mobile sidebar) */
	.category-filter-dropdown .submenu {
		display: none;
		padding-left: 16px;
	}

	.category-filter-dropdown .has-children.open > .submenu {
		display: block;
	}

	/* toggle icon on right */
	.category-filter-dropdown .submenu-toggle {
		float: right;
		display: inline-flex;
		align-items: center;
		justify-content: center;
	}

	.category-filter-dropdown .submenu-toggle i {
		font-size: 13px;
		color:#ED2B2B;
	}
	
	.category-filter-dropdown .cat-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .category-filter-dropdown .submenu-toggle {
        background: none;
        border: none;
        cursor: pointer;
    }
    
    .category-block .category-title{
        display:flex;
        align-items:center;
        justify-content:space-between;
        padding: 0 10px;
        background:#ED2B2B;
        margin-bottom:20px;
        padding:10px;
    }
    
    .category-block .category-title h5{
        margin:0;
        color:#fff;
    }
    
    .category-block .category-title .view-more{
        color:#FFD622;
        margin:0;
    }
    
    


@media (max-width: 565px){
    
    .category-filter-dropdown .category-dropdown-wrap {
      justify-content: center;
    }
    .category-filter-dropdown .category-dropdown-toggle {
        max-width: 100%;
    }
    
}

@media(min-width:992px){
    #shop .category-side{
        max-width: 230px;   /* or 240px */
        flex: 0 0 230px;
    }
    #shop .product-list{
        flex:1;
    }
}
@media(max-width:767px){
	.packagelist .product-image{
        margin-top:30px;
		height: auto;
	}

	#shop .category-side{
		order: 2!important;
		padding-bottom:30px;
	}
	#shop .product-list{
		order: 1!important;
		padding-top:30px;
	}

	.packagelist .product-desc .product-title{
	    line-height:1.2;
	    display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
	}
	.packagelist .product-desc .product-price ins{
	    font-size:16px;
	}
	.packagelist .listing-overlay{
	    opacity:1;
	    height:80%;
	}
	#shop{
	    padding-top:0;
	}
	.packagelist a .content{
	    padding:10px;
	}
	
	.promotion-countdown{
	    margin-top: 8px;
        font-size: 10px;
        color: #333;
        text-align: center;
        position: relative;
        z-index: 2;
	}
	
	#shop .countdown-wrapper {
        gap: 5px;
    }
    
    #shop .cd-box {
        padding:5px;
        width:25px;
    }
    
    #shop .cd-value {
        font-size: 10px;
    }
    
    #shop .cd-label {
        font-size: 8px;
    }


	
}
@media(max-width:476px){
    #shop{
        overflow:visible;
    }
}

/*	------------------------ Package List END -------------------------- */


/*	------------------------ Package Detail Start -------------------------- */


#content.product_detail_view #relatedblogs.previousblogs{padding-top: 60px;}

#content.product_detail_view .col-12.col-lg-4:first-child .content:has( > img), #content.product_detail_view .col-12.col-lg-3 .content:has( > .blog_side_cat){
    position: sticky;
    top: 80px;
}
#content.product_detail_view .col-12:has( > .content > .titlesec){
    /*align-self: center;*/
}
#content.product_detail_view .content:has( > .titlesec){
	padding-left: 15px;
	padding-right: 15px;
}
#content.product_detail_view .titlesec{

	margin-bottom: 30px;
}

.product_detail_view > .clearfix > .row{
	margin-bottom: 40px;
	padding-bottom: 60px;
	border-bottom: 1px solid #cecece;
}

.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_detail_view .discount-tag{
	position: relative;
	text-align: start;
	margin-bottom: 30px;
    width:auto;
}
.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-weight: 600;
	color: #ED2B2B;
	text-decoration: none;
	display: inline-block;
	margin-bottom: 0;
	white-space:nowrap;
}
.product_detail_view .product-price del{
	color: #B0B0B0;
	font-weight: 600;
	font-size: 14px;
	display: inline-block;
	white-space:nowrap;
}

.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: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.optionsList > label{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
}
.optionsList > label input[type=checkbox]{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: inherit;
    margin: 0;
    font: inherit;
    color: inherit;
    width: 16px;
    height: 16px;
    border: 1px solid #CECECE;
    border-radius: 4px;
    transform: translateY(-0.075em);
    display: grid;
    place-content: center;
    margin-right: 10px;
}
.optionsList > label label{
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}
.optionsList > label input[type=checkbox]::before {
    content: "";
    width: 13px;
    height: 13px;
    transform: scale(0);
    transform-origin: bottom left;
    transition: 120ms transform ease-in-out;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13" fill="none"><path d="M11.3757 3.79164L4.87565 10.2916L1.89648 7.31248L2.66023 6.54873L4.87565 8.75873L10.6119 3.02789L11.3757 3.79164Z" fill="white"/></svg>');
}
.optionsList > label input[type=checkbox]:checked{background-color: #07B256;}
.optionsList > label input[type=checkbox]:checked::before {
    transform: scale(1);
}
.titlebox{
    width: calc(100% - 26px);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    justify-content: space-between;
}
.titlebox > label{
    width: calc(100% - 120px);
}
.pricebox{
    border-radius: 8px;
    background: #FFF;
    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.10);
    color: #CC9739;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    width: 120px;
    padding: 8px 10px;
    text-align: center;
}
.product_detail_view .product-price{
	display: flex;
	gap: 8px;
	align-items: center;
	flex-wrap:wrap;
	margin-bottom:30px;
}
.coverage-map{
	width: 100%;
	border: 1px solid #000;
	background: #FFFCF5;
	display: flex;
	flex-wrap: nowrap;
	gap: 20px;
	padding: 8px 30px;
	max-width: 450px;
	
}
.coverage-map p{
	margin: 0;
	font-size: 14px;
	font-weight: 600;
	line-height:1.2;
}
.coverage-map  .map{color: #ED2B2B;text-decoration: underline;font-weight: 600;}
.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{
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	text-transform: capitalize;
	display: block;
	margin-right: 15px;
}
.quantity-box .quantity{
	margin: 0;


    /*height: 55px;*/
 
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    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;
	font-weight: 400;
	line-height: 1;
	text-align: center;
	height: 100%;
	width: calc((100% - 35px) / 2);
	padding: 0 10px;
}
.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{
	/*font-size: 20px;*/
	border: 1px solid #D9D9D9;
	background: #FFF;
	font-size: 16px;
	font-weight: 400;
	width: 70px;
	padding: 8px 0;
	color: #000;
	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: #000;
    box-shadow: none;
    font-weight:600;
    font-size:25px;
}
.accordion-body{padding: 5px 15px 30px;}
.productdesc_content .accordion .accordion-item:first-child .accordion-header button{padding-top: 0;}
#productAccordion .accordion-button{font-size:25px;font-weight:600;}
#productAccordion.accordion-flush>.accordion-item:last-child{border-bottom:1px solid #dee2e6;}
#productAccordion .accordion-button::after {
    content: "\f067"; 
    font-family: "FontAwesome";
    font-weight: 900;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #555;
    background: #fff;
    color: #555;

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    flex-shrink: 0;
    transform: none !important; /* removes Bootstrap rotation */
}
#productAccordion .accordion-button:not(.collapsed)::after {
    content: "\f068";
    font-family: "FontAwesome";
    font-weight: 900;
    background: #FFDB3D;
    color: #ED2B2B;
    border-color: #ED2B2B;
}
.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;}


/* product gallery */

.thumbs-container{
	position: relative;
	overflow: visible;
}
.product-gallery-main {
    width: 100%;
    height:450px;
    margin-bottom: 30px;
    
    background: #FCFCFC;
}

.product-gallery-main .swiper-slide {
    aspect-ratio:1/1;
}

.product-gallery-main img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}


.product-gallery-thumbs {
    height: auto;
	position: relative;
}

.product-gallery-thumbs .swiper-slide {
    /*width: calc(33.333% - 20px) !important;*/
    /*margin-right: 30px !important;*/
    cursor: pointer;

}

.product-gallery-thumbs .swiper-slide .slide-image {
    width: 100%;
    aspect-ratio: 1 / 1; /* Makes it a perfect square */
    border: 1px solid #cecece;
    transition: border-color 0.3s ease;
    overflow: hidden;
}



.product-gallery-thumbs .slide-image{
	padding: 5% 3%;
}

.product-gallery-thumbs .swiper-slide-thumb-active .slide-image {
    border-color: #333;

}

.product-gallery-thumbs img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}


.product-gallery .swiper-button-prev,
.product-gallery .swiper-button-next {
    width: 40px;
    height: 40px;
    background: #fff; 
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    top: 50%;
	 box-shadow: 
        0 0 4px rgba(0, 0, 0, 0.04),
        0 4px 8px rgba(0, 0, 0, 0.06);
   
}
.product-gallery .swiper-button-prev {
    left: -20px;
}

.product-gallery .swiper-button-next {
    right: -20px;
}

.product-gallery .swiper-button-prev i,
.product-gallery .swiper-button-next i {
    font-size: 30px;
}
.product-gallery .swiper-button-next:after,.product-gallery .swiper-button-prev:after{
	content: '';
}
.faq-container.productfaq{
    margin-top:30px;
}

.thumbs-container .swiper-pagination{
    position:relative;
    bottom:-10px!important;
    
}

.swiper-pagination-bullet{
    background:#A0A0A0!important;
    opacity:0.5;
}

 .swiper-pagination-bullet.swiper-pagination-bullet-active{
     background:#A0A0A0;
    opacity:1;
}

.owl-dots {
  text-align: center;
  margin-top: 10px;
  border:none;
  background:transparent;
}
.owl-dot{
    border:none;
}
.owl-dot span {
  width: 8px;
  height: 8px;
  background: #A0A0A0;
  display: inline-block;
  border-radius: 50%;
  opacity:0.5;
  border:none;
}
.owl-dot.active{
    background:transparent;
}
.owl-dot.active span {
  background: #A0A0A0;
  opacity:1;
}


@media(max-width:1200px){
    .product_detail_view .product-price{
        flex-wrap:wrap;
    }
    .coverage-map{
        margin-left:0;
    }
}
@media(max-width:767px){
    .product-gallery-thumbs .slide-image{
        padding:5px;
    }
    
    .product_detail_view .discount-tag{
        margin-bottom:15px;
    }
    .product_detail_view .discount-tag .percentage{
        font-size:13px;
    }
    
    
    .product-gallery .swiper-button-prev,
.product-gallery .swiper-button-next {
    width: 30px;
    height: 30px;
   
   
}
.product-gallery .swiper-button-prev {
    left: -15px;
}

.product-gallery .swiper-button-next {
    right: -15px;
}

.product-gallery .swiper-button-prev i,
.product-gallery .swiper-button-next i {
    font-size: 20px;
}

.product-gallery-main{
    margin-bottom:20px;
}


}

/*	------------------------ Package Detail END -------------------------- */

/*	------------------------ Testimonial START -------------------------- */
#video .video-container .testimonial-video{
	aspect-ratio: 4/3;
}
.video-thumbnail {
    position: relative;
    cursor: pointer;
    display: inline-block;
    margin-bottom:20px;
}

.video-thumbnail img {
    width: 100%;
}

.youtube-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 70px;
    height: 50px;
    background: url('../images/icons/youtube-logo.svg') 
                no-repeat center center;
    background-size: contain;
    transform: translate(-50%, -50%);
    opacity: 0.9;
}

.video-thumbnail:hover .youtube-logo {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.1);
    transition: 0.2s;
}

#video{padding-bottom: 40px;padding-top:0;}
#video .video-container{margin-top: 30px;}
#video .video-card{
	margin-bottom: 30px;
}
#videoModal .modal-backdrop.show {
    background-color: rgba(0, 0, 0, 1); /* darker black/grey */
}
#videoModal .video-close-btn {
    position: absolute;
    top: 0;     
	right: -30px;
    color: #fff;
	border: none;
	background-color: transparent;
	transform: scale(1.2);
    opacity: 1;

}
#project{
	padding-top: 0;
	padding-bottom:30px;
}
.project-container .content{
	position: relative;
	flex: 1;
	display: flex;
	flex-direction: column;
}

.project-container .listing-overlay{
	position: absolute;
	bottom:  0;
	left: 0;
	width: 100%;
	opacity: 0;
	z-index: 0;
	transition: all 0.5s ease-in-out;
	height: 100%;
	background: linear-gradient(
		to top,     
		rgba(255, 243, 214, 1) 90%,    
		rgba(255, 255, 255, 0) 90%        
	);
	height: 0;
	}
.project-container .content:hover .listing-overlay{
	opacity: 1;
	height: 80%;
	}
.project-container .imagecol{
	position: relative;
	z-index: 2;
	
}
.project-container .imagecol img{
	object-fit: cover;
	width: 100%;
	height: 100%;
	padding: 10px 20px;
	aspect-ratio: 260 / 200;
}
.project-container .textcol{
	position: relative;
	z-index: 2;
	padding: 20px 20px;
	flex: 1;
	display: flex;
	flex-direction: column;
}
.project-container .textcol .date{
	color: #B0B0B0;
	font-size: 14px;
	font-weight: 600;
	line-height: normal;
	margin-bottom: 12px;
}
.project-container .textcol .title{
	color: #000;
	font-size: 20px;
	font-weight: 600;
	line-height: normal;
	margin-bottom: 10px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin-bottom: 30px;
}
.project-container .textcol .read-more{
	text-decoration: underline;
	color: #ED2B2B;
	font-weight: 500;
	text-underline-offset: 4px;
	margin-top: auto;
}

#clientele{
	background-color: #FFF3D6;
}
#clientele .clientele-container{display:flex;align-items:center;justify-content:center;}
#clientele .clientele-image-container{display:flex;justify-content:center;align-items:center;}
#clientele .clientele-image-container img{max-height:150px;}
@media(max-width:767px){
	.project-container .listing-overlay{
		height: 80%;
		opacity: 1;
	}
	#project{
	    padding-bottom:60px;
	    padding-top:30px;
	}
	#clientele{
	    padding-bottom:30px;
	}
	.project-container .textcol .title{
	    font-size:16px;
	    margin-bottom:15px;
	}
}

/*	------------------------ Testimonial END -------------------------- */

/*	------------------------ FAQ START -------------------------- */
#faq{padding-top:0;}
.faq-container .accordion .accordion-item{
	border: 1px solid rgba(217, 217, 217, 0.81);
	margin-bottom: 10px;
}

.faq-container .accordion .accordion-item.active-accordion {
    border: 1px solid #FFDB3D;
    background: #FFFCF5;
}
.faq-container .accordion-button{
	padding: 20px 50px;
	font-weight: 600;
	font-size: 20px;
	gap:15px;
}
.faq-container .accordion-body{
	padding: 5px 50px 20px;
}

.faq-container .accordion-button:not(.collapsed){
	color: #000;
}

.faq-container .accordion .accordion-item:last-child{
	margin-bottom: 0;
}

.faq-container .accordion-button::after {
    background-image: none !important;
}

.faq-container .accordion-button::after {
    content: "\f067"; 
    font-family: "FontAwesome";
    font-weight: 900;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #555;
    background: #fff;
    color: #555;

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    flex-shrink: 0;
    transform: none !important; /* removes Bootstrap rotation */
}

.faq-container .accordion-button:not(.collapsed)::after {
    content: "\f068"; /* minus icon */
    font-family: "FontAwesome";
    font-weight: 900;

    background: #FFDB3D;  
    color: #ED2B2B;        
    border-color: #ED2B2B; 
}

.faq-container .accordion{
	margin-bottom: 0;
}

.tab.row > [class*="col-"] {
    display: flex;
    padding:0;
}

@media(max-width:767px){
	.faq-container .accordion-button{
		padding:20px 20px;
		gap:10px;
		font-size:16px;
	}
	.faq-container .accordion-body{
	    padding:5px 20px 20px;
	    font-size:14px;
	}
	
}
/*	------------------------ FAQ 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 -------------------------- */



.split-container {
    display: flex;
    border-left: 0;
    border-right: 0;
}

.split-left,
.split-right {
    flex: 1;
    padding: 0; /* remove spacing */
	padding-top: 60px;
	position: relative;
	z-index: 2;
	padding-bottom: 60px;
}

.split-left {
    border-right: 1px solid #cecece; 
	padding-right: 30px;
}


  .split-left .shipping-title {

    font-weight: bold;
    margin-bottom: 20px;
  }
  
  .split-left .detail-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 15px;
    background-color: #fff;
	
  }

  .split-left .detail-item .flex-container{
	display: flex;
	gap: 20px;
	align-items: center;
  }
  
  .split-left .icon {
    font-size: 20px;
  }
  
  .split-left .detail-content {
    flex: 1;
	max-width: 550px;
  }
  
  .split-left .location-name {
    font-size: 20px;
	font-weight: 600;
    margin-bottom: 0;
  }
  
  .split-left .phone-number {
    font-weight: 500;
    margin-bottom: 0;
  }
  
  .split-left .address {
    line-height: 1.5;
  }
  
  .split-left .edit-btn {
    display: flex;
    align-items: center;
    gap: 5px;
    background-color: transparent;
	border:none;
    cursor: pointer;
    font-size: 14px;
	margin-top: auto;
	margin-left: auto;
  }
  

  .split-left .form-group {
    margin-bottom: 15px;
  }
  
  .split-left .form-group label {
    display: block;
    margin-bottom: 5px;
    font-weight: 500;
    color: #000;
  }
  
  .split-left .form-input {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 14px;
  }
  
  .split-left .form-input:focus {
    outline: none;
  }
  
  .split-left .button-group {
    display: flex;
    gap: 10px;
    margin-top: 20px;
  }
  
  .split-left .save-btn, .cancel-btn {
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
  }
  
  .split-left .save-btn {
    background-color: #4CAF50;
    color: white;
  }
  
  .split-left .save-btn:hover {
    background-color: #45a049;
  }
  
  .split-left .cancel-btn {
    background-color: #f5f5f5;
    color: #333;
  }
  
  .split-left .cancel-btn:hover {
    background-color: #e0e0e0;
  }

  .split-left .shipping-detail{
	margin-bottom: 60px;
  }

  .split-left .input-row{
	margin-bottom: 30px;
  }

 

  .split-left .payment-group{
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
  }

  .split-left .payment-group label {
    width: 50%;        /* ensures 2 columns */
    box-sizing: border-box;
    margin-bottom: 10px;  /* optional spacing */
	align-self: center;
}

.split-left .pay-now,.split-left .get-quotation{
	padding: 20px 0;
}

.split-right{
	background-color: #FFFCF5;
	padding-left: 50px;

}

.split-right .subDisc{
	border-bottom: 1px solid #cecece;
}

.split-right::before{
	content: "";
	background-color: #FFFCF5;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	right: -50%;
	z-index: 0;
}
.split-right .table-responsive{
	position: relative;
	z-index: 2;
}

.split-left .shipping-title{
	border-bottom: 1px solid #cecece;
	padding-bottom: 10px;
}

.split-right .cartproductlisting .attrDesc{
	font-size: 14px;
}

#content.cart_view, #content.billing_view{padding-top: 0; padding-bottom: 0;}
.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: #fff;
	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;}


#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%;
}

@media(max-width:767px){
    .split-container{
        flex-wrap:wrap;
        flex-direction:column;
    }
    .split-left{
        padding-right:0;
        border:none;
        
    }
    .split-right{
        padding-left:0;
        
    }
    .split-right::before{
        right:-5%;
        width:120%;
    }
    .split-left .payment-group label{
        width:100%;
    }
}

/*	------------------------ Cart END -------------------------- */


/*	------------------------ Billing END -------------------------- */

.buyforrow + hr{
    border-top: 1px solid #d6d6d6;
    margin-top: 25px;
    margin-bottom: 35px;
    opacity: 1;
}
.billing_view label{
    color: #233745;
    font-weight: 600;
}
.billing_view form#ePayment{
    max-width: 900px;
    margin: 15px auto 0;
}
.billing_view form#ePayment > .row, .billing_view form#ePayment > .buyfordiv{
    max-width: 740px;
    margin: 0 auto;
}
#someoneelse{
    max-width: 740px;
    margin: 0 auto;
}
label .error{color: red;}
.billing_view form#ePayment h4{
    margin-bottom: 5px;
}
.billing_view form#ePayment h4 + .row label{
    margin-top: 20px;
    margin-bottom: 8px;
}
.billing_view .style-msg{
    margin: 0 auto 35px;
    max-width: 780px;
}

/*	------------------------ Billing END -------------------------- */


/*	------------------------ Confirm -------------------------- */

.custinfo{color: #242422;}
.custinfo strong{font-weight: 600;}
.whitespace{white-space: nowrap;}

.confirm_view table{
	width:100%;
	position:relative;
	margin-bottom: 10px;
}
.confirm_view table th{
	background-color:#ad8e61;
	color: #fff;
	padding: 10px;
	font-weight:600;
}
.confirm_view table td{
	padding:15px;
	border-bottom: 1px solid #d6d6d6;
	background-color:#ffffff;
	color: #242422;
}
.confirm_view img.displayImg {
	height: 75px;
    width: 75px;
    object-fit: cover;
}
.confirm_view td:has( img) + td a {
    font-weight: 600;
    color: #242422;
}
.confirm_view .td-qty .qty{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
	border: 1px solid #cecece;
	background-color: transparent;
	height: 100%;
	width: 35px;
	height: 35px;
	font-size: 14px;
	text-align: center;
	line-height: 1;
	font-weight: 600;
	color: #242422;
}
.confirm_view td.td-qty + td, .confirm_view td.td-qty + td + td {
    font-weight: 600;
    color: #242422;
}
.confirm_view table td .subDisc{
	font-size:14px;
}
.confirm_view .subDisc del{color: #242422;}
.confirm_view table td .subDisc span{
	color:#ec2227;
}
.confirm_view .subDisc strong{
    font-weight: 700;
    color: #242422;
}

.confirm_view #sttotal{
	font-size:15px;
	color:#242422;
	line-height:25px;
}
.confirm_view .subtotal {
	color:#242422;
	padding:5px 20px;
	float:right;
	margin-top:0;
	font-size: 16px;
    font-weight: 600;
}

.confirm_view .discount {
	color:#242422;
	/*background-color:#ebebeb;*/
	float:right;
	margin-top:0;
	width:100%;
	text-align:right;
	font-size: 16px;
    font-weight: 600;
}
.confirm_view .discountcon{
	padding:5px 20px;
}
.confirm_view .tax {
	color:#242422;
	padding:5px 20px;
	float:right;
	width:100%;
	text-align:right;
	font-size: 16px;
    font-weight: 600;
}
.confirm_view #sttotal2{
    color: #242422;
    font-size: 14px;
}
.confirm_view .subtotal #sttotal, .confirm_view .discount #sttotal, .confirm_view .tax #sttotal{
	font-size:14px;
	color:#242422;
	line-height:25px;
	font-weight: normal;
}
.confirm_view #mycarttotal {
    font-size: 16px;
}
.confirm_view .ttotal {
	color:#242422;
	background-color:#f5f5f5;
	float:right;
	margin-top:5px;
	margin-bottom: 30px;
	line-height:25px;
	width:100%;
	text-align:right;
}
.confirm_view .ttotalcon{
	padding:5px 20px;
    font-size: 18px;
    font-weight: 600;
}
.confirm_view .ttotalcon #mycarttotal{
    font-size: 18px;
}


/*	------------------------ Confirm END -------------------------- */


/*	------------------------ Responsive -------------------------- */

@media(min-width: 1600px){
    #content.bloglistview .featured3blogs{justify-content: flex-start;}
    #content.bloglistview a:has( .smallcontent){margin-bottom: 15px;}
    #content.bloglistview a:has( .smallcontent):last-child{margin-bottom: 0;}
}

@media(max-width: 1399.9px){

	.ctabox .content{width: 100%; padding: 60px 40px;}
	
	.bannerstyle{padding-right: 15px; padding-left: 15px;}
	.facilitiespage.bannerstyle{padding: 0;}
	.container-fluid{max-width: calc(100% - 110px);}
}
@media(max-width:991.9px){
    .container-fluid{max-width: calc(100% - 30px);}
}

@media(min-width: 768px) and (max-width: 1199.9px){
    #content.homepage .col-xl-3{width: 40%;}
    #content.homepage{background-size: 60% auto !important;}
}
@media(max-width: 1199.9px){
	/*.top-search-open .header-inner-flexbox{width: calc(100% - 450px);}*/
	/*.header-inner-flexbox{width: calc(100% - 200px);}*/
	#primary-menu > div > ul > li > a{padding: 0 10px;}
	.top-search-open #top-search form{width: 280px;}
	#header .header-info .infobox.others svg{padding: 0 10px;}
	#primary-menu ul li a + ul.category-nav:before{left: 50px;}

	.slider-caption h2{font-size: 40px;}
	#slider ~ #content, #sliderm ~ #content{} /*padding-top: 40px; padding-bottom: 40px;*/

	.product-desc .product-title{font-size: 22px;}

	#settingstandard{aspect-ratio: auto; position: relative; padding-top: 60px; padding-bottom: 60px;}
	#settingstandard:after{
	    content: '';
	    position: absolute;
	    right: 0;
	    top: 0;
	    display: block;
	    width: 100%;
	    height: 100%;
	    background-image: url('../images/layout/settingstandard.webp?v1');
        background-position: right top;
        background-repeat: no-repeat;
        background-size: cover;
	}
	
	#banner.aboutuspage{background-position: center top;}
	#banner.aboutuspage .container-fluid{height: auto;}

	
	#content.doctordetailpage .box .scheduletable{padding: 20px;}
	
	#content.bloglistview .featured3blogs{
        flex-direction: row;
        flex-wrap: wrap;
	}
	#content.bloglistview a:has( .smallcontent){
	    max-width: 33.3333%;
	}
	#banner.contactuspage .container-fluid .row > .col-12 {
        max-width: 50%;
    }
    #banner.contactuspage{aspect-ratio: auto; background-position: center top;}
    .contact_grid{padding: 25px 10px; align-content: center;}
    .contactinfo-section .contact_grid .iconbox{width: 40px; height: 40px;}
    .contactinfo-section .contact_grid .textbox{padding-left: 10px; width: calc(100% - 40px);}
    .contactinfo-section .contact_grid .textbox a{font-size: 20px;}
    
    .addtocart_button .button{padding: 15px 35px; width: auto;}
}
@media(max-width: 991.9px){
    #primary-menu-container{display: block;}
	#primary-menu-container .outter-flexbox{justify-content: start;padding: 10px 0;}
    #header{
        
        top: 0;
        z-index: 999;
        background-color: #FFF;
        border-bottom: 1px solid #CECECE;
    }
	.top-message .flexbox{justify-content: center; padding-bottom: 8px;}
	.top-message .content p{padding-top: 8px; padding-bottom: 5px; text-align: center;}
	.top-message .content p a{white-space: nowrap;}
    
  
	.slider-caption .button3, .button, .button2, .button3, .button-outlined, .button3 + .button-outlined{height: 40px; line-height: 40px; font-size: 14px; padding: 0 20px;}
	
	.docSearchForm input{padding: 0 15px; width: 30%; font-size: 14px;}
	.docSearchForm select{padding: 0 15px; width: 32%; font-size: 14px;}
	.docSearchForm a#docSubmit{font-size: 16px; font-weight: 600; margin-left: 0; padding-left: 15px;}
	.docSearchForm a#docSubmit span{margin-top: 0; margin-left: 5px;}
	.docSearchForm a#docSubmit svg{width: 20px;}
	
	#searchdoctorform + section, #searchdoctorform + div{margin-top: 0; padding-top: 40px;}
	
	#content.homepage{aspect-ratio: auto; position: relative;}
	#content.homepage:after{
	    content: '';
	    position: absolute;
	    right: 0;
	    top: 0;
	    display: block;
	    width: 60%;
	    height: 100%;
	    background-image: url(../images/layout/WELLNESS_LOUNGE.webp?v1);
        background-position: right top;
        background-repeat: no-repeat;
        background-size: cover;
	}
	#content.homepage .content{padding-top: 0; padding-bottom: 0;}
	
	#settingstandard:after{background-position: center top;}
	#whyus .pointsrow .content{padding: 40px 20px;}
	.ctabox .content{padding: 60px 20px;}
	
	.facilities_slider{margin-top: 30px;}
	.facilities_slider .oc-item .facilitycontent{width: calc(100% - 50px);}
	#content.doctordetailpage .box .schedulebutton{height: auto;}
	#content.doctordetailpage .box .bookappointment{height: auto;}
	#content.bloglistview .smallcontent{
	    flex-direction: column;
	    max-height: max-content;
	}
	#content.bloglistview .smallcontent .imagecol{width: 100%;}
	#content.bloglistview .smallcontent .textcol{width: 100%;}
	
	.contact_grid{padding: 25px 5px;}
	.contactinfo-section .contact_grid .textbox a{font-size: 16px;}
	
	.product_detail_view .blog_side_cat{margin-top: 30px;}
}
@media(max-width: 916.9px){
    
}
@media(max-width: 864.9px){
    #header .header-info .infobox{padding: 0 10px;}
    #header .header-info .infobox.top-contact .flexbox .text{padding-right: 7px;}
    #header .header-info .infobox.top-contact .flexbox .text span{font-size: 11px;}
    .infobox.others svg{
        padding: 0 10px;
        height: 20px;
    }
}
@media(max-width: 767.9px){
    html, body, p{
    	font-size: 14px;
    	line-height: 24px;
    }
    .lh-30{line-height:24px;}
    h2, .h2{font-size: 32px;}
    h2, .h2{font-size: 22px;}
	h3, .h3, .homeproduct .product-desc .product-title, .homeproduct .product-desc .product-price ins{font-size: 20px;}
	h4, .h4{font-size: 16px;}
    h5, .h5, .homeproduct .product-desc .product-price del{font-size: 14px;}
    h6, .h6{font-size: 14px;}
    small, .sm-text{font-size: 10px;}
    .tag, .homeproduct .discount-tag .percentage, .product_detail_view .product-desc1 .prodCat{font-size: 10px;}
    .light-text{font-size: 10px;}
    .cta-text, .button{font-size: 16px;}
    #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;}
    .slider-caption h2{font-size:32px;}
    .slider-caption p{font-size: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: 15px;}
    
    #banner.contactuspage{
        position: relative;
        aspect-ratio: 1440/500;
        background-position: center ;
        background-size: cover;
        /*background-image: url('../images/layout/contact-banner-m.webp');*/
    }

    #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: 15px;}
    
    #reports .middlecol{padding-top: 30px;}
}

@media(max-width: 604.9px){
}

@media(max-width: 575.9px){
    .container{max-width: calc(100% - 30px);}
    #sliderm .slider-caption{padding-top: 40px;}
    #footer .footer-widgets-wrap > .row > .col{width: 100%;}
    #footer .footer-widgets-wrap{padding-top: 60px;}
    .widget > h4{margin-top: 20px;}
    
    .docSearchForm input {padding-top: 15px; padding-bottom: 15px;}
    #featured-package .product-price del{font-size: 14px;}
    
    #sliderm{aspect-ratio: 900 / 1300;}
     #banner.aboutuspage{aspect-ratio: 900 / 1000;}
    #settingstandard{aspect-ratio: 9 / 16;}
    #obesity_treatment_survivor{aspect-ratio: 900 / 1100;}
    .bannerstyle .container-fluid{aspect-ratio: 900 / 1100; padding: 60px 40px !important;}
    .pointsrow .content{height: auto; margin-bottom: 15px;}
    .pointsrow .col:last-child .content, .pointsrow .col-12:last-child .content{margin-bottom: 0;}
    .specialtypointsrow .content{height: auto; margin-bottom: 15px;}
    .specialtypointsrow .col:last-child .content, .specialtypointsrow .col-12:last-child .content{margin-bottom: 0;}
    
    .verticaltabs .tab-content{margin-top: 30px;}
    
    .facilitiespage.bannerstyle .container-fluid{aspect-ratio: 900 / 1100 !important;}
    
    .blog_side_cat{margin-bottom: 30px;}
    #content.bloglistview .bigcontent .imagecol, #content.bloglistview a:has( .smallcontent){margin-bottom: 15px;}
    #content.bloglistview .bigcontent .imagecol img, #content.bloglistview .smallcontent .imagecol{aspect-ratio: 1/1;}
    #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;}

}
@media(max-width: 514.9px){
    .ctabox .content{width: 100%;padding: 0;}
}
@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;}
 
    #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;}

    #logo img{
        height: 30px;
        margin:auto;
    }
}
@media(max-width: 359.9px){
    
}
@media(max-width: 333.9px){
    .header-inner-flexbox {
        /*width: calc(100% - 85px);*/
    }
}
@media(max-width: 279.9px){
    #primary-menu-trigger, #page-submenu-trigger{width: 35px;}
}

/*	------------------------ Responsive END -------------------------- */
