@font-face {
	font-family: 'Poppins';
	src: url("../fonts/Poppins/Poppins-Black.ttf") format("truetype");
	font-weight: 900;
    font-style: normal;
}
@font-face {
	font-family: 'Poppins';
	src: url("../fonts/Poppins/Poppins-BlackItalic.ttf") format("truetype");
	font-weight: 900;
    font-style: italic;
}
@font-face {
	font-family: 'Poppins';
	src: url("../fonts/Poppins/Poppins-ExtraBold.ttf") format("truetype");
	font-weight: 800;
    font-style: normal;
}
@font-face {
	font-family: 'Poppins';
	src: url("../fonts/Poppins/Poppins-ExtraBoldItalic.ttf") format("truetype");
	font-weight: 800;
    font-style: italic;
}
@font-face {
	font-family: 'Poppins';
	src: url("../fonts/Poppins/Poppins-Bold.ttf") format("truetype");
	font-weight: 700;
    font-style: normal;
}
@font-face {
	font-family: 'Poppins';
	src: url("../fonts/Poppins/Poppins-BoldItalic.ttf") format("truetype");
	font-weight: 700;
    font-style: italic;
}
@font-face {
	font-family: 'Poppins';
	src: url("../fonts/Poppins/Poppins-SemiBold.ttf") format("truetype");
	font-weight: 600;
    font-style: normal;
}
@font-face {
	font-family: 'Poppins';
	src: url("../fonts/Poppins/Poppins-SemiBoldItalic.ttf") format("truetype");
	font-weight: 600;
    font-style: italic;
}
@font-face {
	font-family: 'Poppins';
	src: url("../fonts/Poppins/Poppins-Medium.ttf") format("truetype");
	font-weight: 500;
    font-style: normal;
}
@font-face {
	font-family: 'Poppins';
	src: url("../fonts/Poppins/Poppins-MediumItalic.ttf") format("truetype");
	font-weight: 500;
    font-style: italic;
}
@font-face {
	font-family: 'Poppins';
	src: url("../fonts/Poppins/Poppins-Regular.ttf") format("truetype");
	font-weight: 400;
    font-style: normal;
}
@font-face {
	font-family: 'Poppins';
	src: url("../fonts/Poppins/Poppins-Italic.ttf") format("truetype");
	font-weight: 400;
    font-style: italic;
}
@font-face {
	font-family: 'Poppins';
	src: url("../fonts/Poppins/Poppins-Light.ttf") format("truetype");
	font-weight: 300;
    font-style: normal;
}
@font-face {
	font-family: 'Poppins';
	src: url("../fonts/Poppins/Poppins-LightItalic.ttf") format("truetype");
	font-weight: 300;
    font-style: italic;
}
@font-face {
	font-family: 'Poppins';
	src: url("../fonts/Poppins/Poppins-ExtraLight.ttf") format("truetype");
	font-weight: 200;
    font-style: normal;
}
@font-face {
	font-family: 'Poppins';
	src: url("../fonts/Poppins/Poppins-ExtraLightItalic.ttf") format("truetype");
	font-weight: 200;
    font-style: italic;
}
@font-face {
	font-family: 'Poppins';
	src: url("../fonts/Poppins/Poppins-Thin.ttf") format("truetype");
	font-weight: 100;
    font-style: normal;
}
@font-face {
	font-family: 'Poppins';
	src: url("../fonts/Poppins/Poppins-ThinItalic.ttf") format("truetype");
	font-weight: 100;
    font-style: italic;
}


@font-face {
	font-family: 'BalooBhaijaan2';
	src: url("../fonts/Baloo_Bhaijaan_2/BalooBhaijaan2-ExtraBold.ttf") format("truetype");
	font-weight: 800;
    font-style: normal;
}
@font-face {
	font-family: 'BalooBhaijaan2';
	src: url("../fonts/Baloo_Bhaijaan_2/BalooBhaijaan2-Bold.ttf") format("truetype");
	font-weight: 700;
    font-style: normal;
}
@font-face {
	font-family: 'BalooBhaijaan2';
	src: url("../fonts/Baloo_Bhaijaan_2/BalooBhaijaan2-SemiBold.ttf") format("truetype");
	font-weight: 600;
    font-style: normal;
}
@font-face {
	font-family: 'BalooBhaijaan2';
	src: url("../fonts/Baloo_Bhaijaan_2/BalooBhaijaan2-Medium.ttf") format("truetype");
	font-weight: 500;
    font-style: normal;
}
@font-face {
	font-family: 'BalooBhaijaan2';
	src: url("../fonts/Baloo_Bhaijaan_2/BalooBhaijaan2-Regular.ttf") format("truetype");
	font-weight: 400;
    font-style: normal;
}


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

@keyframes slideInLeft {
    from {
        transform: translateX(-100%); 
        opacity: 0;
    }
    to {
        transform: translateX(0); 
        opacity: 1;
    }
}

.slideInLeft {
    animation-name: slideInLeft;
    animation-duration: 0.5s;  
    animation-delay: 0.3s;     
    animation-fill-mode: both;  
    visibility: visible;
}

@keyframes slideInRight {
    from {
        transform: translateX(100%); 
        opacity: 0;
    }
    to {
        transform: translateX(0);  
        opacity: 1;
    }
}

.slideInRight {
    animation-name: slideInRight;
    animation-duration: 0.5s;   
    animation-delay: 0.3s;
    animation-fill-mode: both;  
    visibility: visible;
}

@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: 1500px) {
    .container-fluid{max-width: 1440px;}
}

#content .Baloo{
 	font-family: "Baloo Chettan 2", sans-serif;
}

html, body, p{
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	font-size: 16px;
	color: #000;
	line-height: 1.5;
	text-align: justify;
}
p.text-center, .text-center p{max-width: 1095px; margin-right: auto; margin-left: auto;}
h1, .h1{
	font-weight: 700;
	font-size: 35px;
	color: #000;
	font-family: 'BalooBhaijaan2', 'Poppins', sans-serif;
}
h2, .h2{
	font-weight: 700;
	font-size: 35px;
	color: #000;
	font-family: 'BalooBhaijaan2', 'Poppins', sans-serif;
}
h3, .h3{
	font-weight: 600;
	font-size: 24px;
	color: #000;
	line-height: 1.3;
}
h4, .h4{
	font-weight: 600;
	font-size: 18px;
	color: #000;
}
h5, .h5{
	font-weight: 400;
	font-size: 16px;
	color: #000;
}
h6, .h6{
	font-weight: 600;
	font-size: 14px;
	color: #000;
}
small, .sm-text{
	font-weight: 400;
	font-size: 12px;
	color: #000;
}
.tag{
	font-weight: 400;
	font-size: 14px;
	color: #000;
}
.light-text{
	font-weight: 300;
	font-size: 12px;
	color: #000;
}
.cta-text{
	font-weight: 600;
	font-size: 14px;
	color: #fff;
}

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

.Baloo{font-family: 'BalooBhaijaan2', 'Poppins', sans-serif;}
.datepicker.datepicker-dropdown.dropdown-menu{z-index: 9999 !important;}

.button{
	background-color: #036DB7;
	color: white;
	border-radius: 8px;
	font-size: 18px;
	font-weight: 500;
	text-shadow: none;
	padding: 10px 50px;
	letter-spacing: 0;
	text-transform: capitalize;
	line-height: 1;
	width: 200px;
	height: 50px;
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
}
.button:hover, a:hover .button{background-color: #FF6C70;}

.text-center .button{margin-right: auto; margin-left: auto;}

.link{
	color: #036DB7;
	border-bottom: 1px solid #036DB7;
}
.linkarrow{
	color: #036DB7;
	border-bottom: none;
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
}
.linkarrow:after{
    content: '\203A';
    position: relative;
    display: inline-block;
    font-size: 18px;
    line-height: normal;
    margin-left: 5px;
    font-weight: 100;
}

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

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

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

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

.top-message{
	background-color: #066CB6;
}
.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: white;
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 1.12px;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-bottom: 0;
}
.top-message .content p a{
	color: #555;
	font-weight: 700;
}

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

#logo img{height: 40px; 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: 100px;
    padding-top: 30px;
    padding-bottom: 5px;
}
.header-inner-flexbox{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    /*width: calc(100% - 550px);*/
    /*width: calc(100% - 300px);*/
}
#primary-menu{width: 100%;}
#primary-menu-container{border-bottom: 0px;}
#primary-menu-container .outter-flexbox{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
#primary-menu > div > ul{padding: 0;}
#primary-menu > div > ul > li{}
#primary-menu > div > ul > li.current, #primary-menu > div > ul > li:has( .current){
	border-bottom: 2px solid white;
}
#primary-menu > div > ul > li > a {
    padding-top: 25px;
    padding-bottom: 25px;
}
.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;*/
}

@media (max-width: 991.9px) {
	#top-search{
		display: none !important;
	}

	.animals img {
        max-height: 90px!important;
        width: auto;
    }
}

.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%;}
.top-cart-action span.top-checkout-price{
    width: calc(100% - 150px);
}
.top-cart-action .button{
    border-radius: 8px;
    height: 40px;
}
#primary-menu > div > ul > li:first-child > a{padding-left: 0;}
#primary-menu > div > ul > li:last-child > a{padding-right: 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: #FF6C70;
}
#primary-menu ul ul li a:hover, #primary-menu ul ul li.current a{
    color: #FF6C70;
}

.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: 'Poppins', 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: 0px; right: 10px;}

#top-search form{
    width: 245px;
    padding: 11px 24px;
    border-radius: 8px;
    border: 1px solid #D9D9D9;
}
#top-search form input{
	width: calc(100% - 20px);
	background: transparent;
	height: auto;
	font-size: 14px;
	font-family: 'Poppins', sans-serif;
}
#top-search form input:placeholder{
    color: #D9D9D9;
}
#top-search form button svg{width: 20px; height: 20px;}

.header-outter-flexbox > #top-search, .header-outter-flexbox > .topinfo{flex: 1;}
.header-outter-flexbox .topinfo{justify-content: flex-end;}
.header-outter-flexbox > .header-inner-flexbox{flex: 2; justify-content: center;}

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

#header{
	border-bottom: 0px;
}
/*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: 'Poppins';
	font-size: 32px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
}
.mega-menu-content > .row > .megamenu-contentcol .contentheader .hc > p{
	color: black;
	font-size: 15px;
}
#primary-menu .mega-menu-content > .row > .megamenu-contentcol .contentheader .hc .button{
    padding: 15px 24px;
    color: white;
    font-weight: 500;
    font-size: 14px;
    line-height: 1;
    height: auto;
}
.mega-menu-content > .row > .megamenu-listcol .sticky{
	position: sticky;
	top: 0;
	left: 0;
}
#primary-menu ul li > .mega-menu-content .magemenu-category-title{
	color: rgba(0,0,0,0.5);
	font-weight: 600;
	padding: 10px 30px;
	cursor: default;
	margin-bottom: 10px;
	font-size: 16px;
}
#primary-menu ul li > .mega-menu-content .magemenu-category-title + .row{margin: 0; padding-bottom: 30px;}
#primary-menu ul li > .mega-menu-content .magemenu-category-title + .row > .col-md-6{padding: 0;}
#primary-menu ul li > .mega-menu-content .megamenu-listcol ul{
	top: 0;
    width: 100%;
    box-shadow: none;
    padding: 0 30px;
    display: flex !important;
    flex-direction: row;
    flex-wrap: wrap;
	gap: 14px;
	overflow: hidden;
}
#primary-menu ul li > .mega-menu-content ul > li{
	border-radius: 0;
    max-width: 50%;
    flex: 0 0 48%;
}
#primary-menu ul li > .mega-menu-content ul > li > a{
	color: black;
	text-transform: none;
	display: flex;
	justify-content: space-between;
	padding: 0;
	font-size: 14px;
}
#primary-menu ul li > .mega-menu-content ul > li > a span{
	display: block;
	transition: all .2s ease-in-out;
}
#primary-menu ul li > .mega-menu-content ul > li > a span img{
	filter: none;
	max-height: 10px;
	width: 100%;
}
#primary-menu ul li .mega-menu-content ul > li.current > a, #primary-menu ul li .mega-menu-content ul > li:hover > a{
	color: #B68009;
	background-color: transparent;
}
.mega-menu-content > .row > .megamenu-listcol::-webkit-scrollbar{width: 6px;}
.mega-menu-content > .row > .megamenu-listcol::-webkit-scrollbar-track{background: #f1f1f1;}
.mega-menu-content > .row > .megamenu-listcol::-webkit-scrollbar-thumb{background: #B68009;}
.mega-menu-content > .row > .megamenu-listcol::-webkit-scrollbar-thumb:hover{background: #555;}
.megamenu-copyright{
	border-top: 1px solid #CECECE;
	padding: 20px 30px;
}
.megamenu-copyright .socialmedia{margin: 0;}
.megamenu-copyright .socialmedia .col {
    padding-right: 3px;
    padding-left: 3px;
    max-width: 30px;
}
#primary-menu .megamenu-copyright .socialmedia .col a:has(svg){padding: 0;}
.megamenu-copyright .socialmedia svg{fill: #D1D1D1; margin-bottom: 12px;}
.megamenu-copyright .socialmedia + p{
	font-size: 10px;
	font-weight: 300;
	line-height: normal;
}
.specialtiesmegamenu .magemenu-category-title + .row ul{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.mega-menu-content > .row > .megamenu-listcol .row > .col-md-12{padding: 0;}
/*#primary-menu ul li.specialtiesmegamenu .mega-menu-content{display: block !important; opacity: 0; z-index: 0;}*/
#primary-menu .specialtiesmegamenu .magemenu-category-title + .row ul li {
    max-width: 25%;
    flex: 0 0 23.5%;
}
.contentstart{position: relative; z-index: 2;}
.contentstart:has( .modal.show){z-index: auto;}
/*#primary-menu > div:has( ul){position: relative; width: calc(100% + 100px);}*/
/*#primary-menu > div > ul{width: calc(100% - 100px);}*/

#primary-menu > div > ul > li > a:hover, #primary-menu > div > ul > li.current > a {
    color: #FF6C70;}


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

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

#footer{
	color: #000;
	font-family: 'Poppins', sans-serif;
	background-color: #FFF;
	box-shadow: 0 0 10px 0 rgba(85, 85, 85, 0.02), 0 -2px 8px 0 rgba(85, 85, 85, 0.06);
}
#footer .footerlogo{
    height: 40px;
    width: auto;
    margin-bottom: 15px;
}
#footer h4{
    color: black;
    font-size: 13px;
    text-transform: uppercase;
    margin-bottom: 10px;
}
#footer .address p{
	font-size: 14px;
	color: #555;
	font-weight: 500;
	line-height: 1.65;
}
#footerCompContacts .social .d-flex{gap: 5px 35px;}
#footerCompContacts .social .socialmediabox{gap: 15px;}
#merchantimg{margin-top: 60px; margin-bottom: 25px; text-align: center;}
#merchantimg img{max-height: 43px;}

#footer .footer-widgets-wrap > .row{justify-content: space-between;}
.social{
	margin-top: 35px;
}
#footer .widget_links a{
	color: #000;
	-webkit-transition: color .3s ease;
	-o-transition: color .3s ease;
	transition: color .3s ease;
}
#footer .widget_links a:hover{
    color: #036DB7;
    -webkit-transition: color .3s ease;
	-o-transition: color .3s ease;
	transition: color .3s ease;
}
#footer .footer-widgets-wrap h4{margin-top: 20px;}
#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: #036DB7;}

#footerCart svg{fill: #ac8c5e; max-width: 29px;}
#copyrights .col-12{border-top: 1px solid #fff;}
#copyrights a{color: #555;}
#copyrights a:hover{color: #036DB7;}
#copyrights {
    padding: 0 0 20px 0;
    background: #ffffff;
    font-size: 14px;
}

.footerp {
    display: block;
    margin-bottom: 10px;
}

.footer-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 5px 10px;
}

.link-separator {
    display: inline-block;
}

/* For tablets */
@media (max-width: 768px) {
    .footer-links {
        flex-direction: row;
        gap: 5px 8px;
    }
}

/* For mobile devices */
@media (max-width: 480px) {
    #copyrights {
        padding: 15px 0;
        font-size: 12px;
    }
    
    .footer-links {
        flex-direction: row;
        gap: 10px;
    }
}

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


/*	------------------------ CTA START -------------------------- */

.animals{
    display: flex;
    justify-content: space-between; 
    align-items: flex-end; 
    width: 100%;
    max-width: 1200px; 
    margin: 0 auto -2px; 
    background-color: #fff; 
}
.animals img {
    max-height: 150px; 
    width: auto;
}
.contentstart:has( + #cta) > section:last-child{padding-bottom: 20px;}
#cta{
    background-color: transparent;
    position: relative;
    padding-bottom: 0;
    padding-top: 40px;
}
#cta .ctacontent{
    background-image: url('../images/layout/CTA-bg.webp');
    background-size: cover;
    padding: 50px 0;
}
#cta .ctacontent .content:has( > .textbox){
    background-image: url('../images/layout/ctatextbox-bg.webp');
    background-size: 100% 100%;
    aspect-ratio: 607 / 410;
    padding: 50px 80px;
    align-content: center;
    position: relative;
}
#cta .ctacontent .textbox h2 + p{
    max-width: 435px;
}
#cta .ctacontent .textbox p:last-child{margin-bottom: 0;}
#cta .ctacontent .content:has( .imageframe){
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}
#cta .ctacontent .imageframe{
    padding: 10px 10px 50px;
    border-radius: 24px;
    background-color: white;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0 4px 8px 0 rgba(0, 0, 0, 0.06);
    width: calc(50% + 20px);
    height: fit-content;
    max-width: 270px;
    margin-bottom: 20px;
}
#cta .ctacontent .imageframe:first-child{
    transform: rotate(-3.823deg);
    margin-top: 60px;
}
#cta .ctacontent .imageframe:last-child{
    transform: rotate(8.154deg);
}
#cta .ctatextbox-ele{
    max-height: 100px;
    height: 4.95vw;
    position: absolute;
    top: 70px;
    left: 90px;
}
#cta .ctacontent > .element{
    top: 0;
    z-index: 2;
}
#cta .ctacontent > .element.ele1{
    left: 45px;
    animation: customswing 3.5s ease-in-out 0.5s infinite;
}
#cta .ctacontent > .element.ele2{
    left: 42%;
    /*transform: translateX(-50%);*/
    animation: customswing 3.5s ease-in-out 0s infinite;
}
#cta .ctacontent > .element.ele3{
    right: 25%;
    /*transform: translateX();*/
    animation: customswing 3.5s ease-in-out 0.8s infinite;
}
#cta .ctacontent > .element.ele4{
    right: 45px;
    animation: customswing 3.8s ease-in-out 0.12s infinite;
}


/*	------------------------ CTA END -------------------------- */

/*	------------------------ Breadcrumb START -------------------------- */

#bread_contact_banner{
	background-color: #F8F4E9;
    padding: 15px 0;
    top: auto;
    position: relative;
    border: none;
    text-align: center;
}
.topcrumb {
	padding: 0;
}
.topcrumb ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.topcrumb ul li {
    display: inline-block;
    color: #242422;
    font-size: 14px;
    text-transform: uppercase;
}
.topcrumb ul li a {
    color: #242422;
}

/*	------------------------ Breadcrumb END -------------------------- */


/*	------------------------ Animation START -------------------------- */

@keyframes customswing {
	0%, 100% {
	    -webkit-transform: rotate(.01turn);
		transform: rotate(.01turn);
	}	
	50% {
	    -webkit-transform: rotate(-.01turn);
		transform: rotate(-.01turn);
	}	
}
@-webkit-keyframes customswing {
	0%, 100% {
	    -webkit-transform: rotate(.01turn);
		transform: rotate(.01turn);
	}	
	50% {
	    -webkit-transform: rotate(-.01turn);
		transform: rotate(-.01turn);
	}
}

@keyframes customfloating {
    0% {
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
    }
    50% {
        transform: translateY(-10px);
        -webkit-transform: translateY(-10px);
    }
    100% {
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
    }
}
@-webkit-keyframes customfloating {
	0% {
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
    }
    50% {
        transform: translateY(-10px);
        -webkit-transform: translateY(-10px);
    }
    100% {
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
    }
}

@keyframes waveFlag {
    0% {
        transform: rotateX(20deg);
        box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
        scale: 1.05;
    }
    100% {
        transform: rotateX(-20deg);
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
        scale: 0.975;
    }
}
@-webkit-keyframes waveFlag {
    0% {
        transform: rotateX(20deg);
        box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
        scale: 1.05;
    }
    100% {
        transform: rotateX(-20deg);
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
        scale: 0.975;
    }
}

/*	------------------------ Animation END -------------------------- */


/*	------------------------ Pages -------------------------- */

.slider-arrow-left, .slider-arrow-right, .flex-prev, .flex-next, .slider-arrow-top-sm, .slider-arrow-bottom-sm{
    filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.06)) drop-shadow(0 0 4px rgba(0, 0, 0, 0.04));
}
button:has( .slider-arrow-left), button:has( .slider-arrow-right){border: none; box-shadow: none; background: transparent;}
#slider .swiper-pagination, #sliderm .swiper-pagination, .owl-dots{width: 100%; bottom: 50px; text-align: center;}
#slider .swiper-pagination span, #sliderm .swiper-pagination span, .owl-dots .owl-dot{
    background-color: rgba(255,255,255,0.5);
	border: 1px solid #FE4E79;
	width: 10px;
	height: 10px;
	padding: 0;
	border-radius: 50%;
	margin: 0 4px;
}
#slider .swiper-pagination span.swiper-pagination-bullet-active, #sliderm .swiper-pagination span.swiper-pagination-bullet-active, .owl-dots .owl-dot.active{
    background-color: rgba(254,78,121,1);
}
#slider .swiper-slide-bg{
	background-color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: cover;background-position: center;width: 100%; height: 100%; opacity: 1; visibility: inherit;
}
#slider a:has( > .slider-caption), #sliderm a:has( > .slider-caption){
	display: block;
	width: 100%;
	height: 100%;
}
#slider a .slider-caption, #sliderm a .slider-caption, .slider-caption-container{
	display: block;
	width: 100%;
	height: 100%;
	max-width: 100%;
}
.slider-caption h2{font-family: "BalooBhaijaan2", sans-serif; font-weight: 700;}
#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;}
.slider-caption h2{text-transform: uppercase;}
#slider a:hover .button{background-color: #036DB7;}
#slider a:hover .button:hover{background-color: #FF6C70;}

p.mx-auto, .text-center p, p.text-center{
    text-align-last: center;
}
h2:has( + p), .h2:has( + p){margin-bottom: 15px;}


#sip{
    text-align: center;
    padding-bottom: 0;
}
.sip-box {
    padding: 0;
    transition: transform 0.3s ease;
}
.sip-box:hover {
    transform: scale(1.05);
    z-index: 2;
}

#bestselling{
    padding-top: 0;
    padding-bottom: 0;
    margin-top: -40px;
    overflow: hidden;
}
#bestselling .outterbox{
    background-color: #FFDDDE;
    padding-top: 100px;
    padding-bottom: 20px;
}
#bestselling .outterbox .contentbox{
    background-color: white;
    border-radius: 8px 8px 0 0;
    padding: 0 80px;
}
#bestselling .outterbox .contentbox .row > .col-12{
    align-content: center;
}
#bestselling .outterbox .contentbox .row > .col-12:first-child .content{
    padding: 30px 0;
}

section:has( > .element), div:has( > .element){
    position: relative;
}
.element{position: absolute;}
.homepage .element{max-width: 8vw;}
.homepage .element.cow{top: 20px; left: 36px;}
.homepage .element.monkey{bottom: 15px; left: 36px;}
.homepage .element.panda{top: 25px; left: 50%; transform: translateX(-50%);}
.homepage .element.koala{bottom: 10px; left: 40%; transform: translateX(-50%);}
.homepage .element.giraffe{top: 20px; right: 50px;}
.homepage .element.lion{bottom: 10px; right: 30px;}


.wave-white-bottom{margin-top: -2px; width: 100%;}
.whitebg{background-color: white;}
.wave-white-top.withshadow{
    filter: drop-shadow(2px 4px 6px rgba(0,0,0,0.15));
}
.wave-white-top{margin-bottom: -2px; width: 100%;}

#featured-products{
    padding-bottom: 0;
    background-color: #FFDDDE;
}
#featured-products .whitebg{
    position: relative;
    z-index: 1;
    padding-top: 60px;
    padding-bottom: 0;
    overflow: hidden;
}
#featured-products .swiper-slide {
    display: flex;
    justify-content: center;
}
#featured-products .maxbox{
    max-width: 900px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}
.nav-button.swiper-button-next, .nav-button.swiper-button-prev, .owl-prev, .owl-next{
    width: 36px;
    height: 36px;
    color: #000;
    font-weight: 900;
    background: white;
    border-radius: 50%;
    filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.12)) drop-shadow(0 0 4px rgba(0, 0, 0, 0.08));
    bottom: auto;
    top: 50%;
    transform: translateY(-50%);
}
.nav-button.swiper-button-next:after, .nav-button.swiper-button-prev:after, .owl-prev i, .owl-next i{
    font-size: 9px;
}
.nav-button.swiper-button-prev, .swiper-container-rtl .nav-button.swiper-button-next, .owl-prev{
    /*left: -65px;*/
    left: -52px;
    right: auto;
}
.nav-button.swiper-button-next, .swiper-container-rtl .nav-button.swiper-button-prev, .owl-next{
    /*right: -65px;*/
    right: -52px;
    left: auto;
}
.owl-prev, .owl-next{
    position: absolute;
    border: none;
}
.owl-prev i, .owl-next i{
    font-size: 16px;
}
section .swiper-container-horizontal > .swiper-pagination-bullets, section .swiper-pagination-custom, section .swiper-pagination-fraction{
    bottom: -50px;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{
    background-color: rgba(255, 255, 255, 0.5);
    border: 1px solid #FE4E79;
    width: 10px;
    height: 10px;
    padding: 0;
    border-radius: 50%;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background-color: rgba(254, 78, 121, 1);
}

.homepage .product-slider {
    position: relative;
    margin-top: 0;
    margin-bottom: 30px;
    overflow: hidden;
}
.product-card{
    position: relative;
    width: 100%;
    height: 100%;
}
.product-card .imagecol {
    position: relative;
    width: 100%;
    height: calc(100% + 10px);
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom center;
    background-image: url('../images/sucvent/blue-bg.png');
}
.product-card .imagecol img {
    padding-top: 20px;
    /*width: 100px;*/
    height: auto;
    margin: 30px auto 0;
    position: relative;
    z-index: 1;
    transition: transform 0.3s ease;
}
.product-card .imagecol:hover img {
    transform: rotate(-15deg) scale(1.05);
}
.product-card.blue:hover .imagecol {
    background-image: url('../images/sucvent/pink-bg.png');
}
.product-card p {
    margin-top: 20px;
    font-size: 18px;
    font-weight: 400;
    z-index: 2;
    position: relative;
}
.product-card:hover p {
    font-weight: 600;
}

#product-care{
    padding: 0;
    position: relative;
}
#product-care .titlesec{
    background-image: url('../images/layout/productcare_bg.webp');
    background-size: cover;
    background-position: top center;
    border-radius: 20px;
    padding: 80px 0 200px;
    position: relative;
    overflow: hidden;
}

#product-care .titlesec .elementbox{
    position: absolute;
    top: 55%;
    transform: translateY(-50%);
}
#product-care .titlesec .element{
    position: relative;
}
#product-care .titlesec .element:before{
    content: '';
    width: 1px;
    height: 300%;
    background-color: white;
    position: absolute;
    top: -300%;
    left: 50%;
    transform: translateX(-50%);
}
#product-care .titlesec .element img{
    width: 120px;
    height: auto;
}
#product-care .titlesec .elementbox:has( .ele1){
    left: 50px;
    right: auto;
    animation: customfloating 3.5s ease-in-out 0.5s infinite;
}
#product-care .titlesec .elementbox:has( .ele2){
    left: 170px;
    right: auto;
    top: 25%;
    animation: customfloating 3.5s ease-in-out 0s infinite;
}
#product-care .titlesec .elementbox:has( .ele3){
    left: auto;
    right: 170px;
    top: 25%;
    animation: customfloating 3.5s ease-in-out 0.8s infinite;
}
#product-care .titlesec .elementbox:has( .ele4){
    left: auto;
    right: 50px;
    animation: customfloating 3.8s ease-in-out 0.12s infinite;
}
#product-care .container{position: relative; z-index: 2;}
#product-care .maxbox{
    max-width: 850px;
    margin-right: auto;
    margin-left: auto;
}
#product-care .contentsec{margin-top: -180px;}
#product-care .contentsec .col-12{
    padding: 0 18px;
}
#product-care .contentsec .col-12 .content{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    position: relative;
    height: 100%;
}
.product-care-usage .frame-top {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
}
.product-care-usage .frame-top .titlebox{
    margin-bottom: -60px;
    z-index: 2;
    left: 5px;
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    align-items: center;
}
.product-care-usage .frame-top .titlebox .title{
    background-color: #F8F4E9;
    padding: 60px 60px;
    border-radius: 50%;
}
.product-care-usage .frame-top .titlebox .bottle_position{
    transform: rotate(10deg);
    max-height: 220px;
    margin-top: 25px;
    margin-left: -40px;
}
.product-care-usage .div-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    padding: 60px 45px 50px;
    position: relative;
    align-self: stretch;
    width: 100%;
    background-color: #ffffff;
    border-radius: 16px;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.08);
}
.product-care-usage .frame-bottom {
    display: flex;
    align-items: center;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 1 1 auto;
}
.product-care-usage .frame-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    background-color: #e7f1fb;
    border-radius: 16px;
    padding: 7px;
    height: 100%;
}
.product-care-usage .innerframe {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    /*padding: 35px 40px;*/
    padding: 35px 50px 35px 40px;
    position: relative;
    align-self: stretch;
    width: 100%;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.08);
    background-color: #ffffff;
    border-radius: 16px;
    height: 100%;
}
.product-care-usage .innerframe p:last-of-type, .product-care-usage .innerframe ul:last-of-type{margin-bottom: 0;}
.product-care-usage .innerframe ul li{
    text-align: left;
    margin-bottom: 5px;
}
.product-care-usage .image {
    position: absolute;
    width: 60px;
    height: 60px;
    top: -36px;
    left: 30px;
    object-fit: cover;
    transform: rotate(-15deg);
}
.product-care-usage .isolation-mode {
    position: absolute;
    width: 62px;
    height: 87px;
    top: -39px;
    left: -29px;
}


.testimonials {
    text-align: center;
    overflow: hidden;
    position: relative;
}
/*#testimonial:before{
    content: '';
    height: 100%;
    width: calc((100% - 1320px) / 2);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background-color: white;
}*/
.testimonials h2 + p{
    margin-bottom: 40px;
    max-width: 100%;
}
#testimonial .slidersec{
    position: relative;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
}
#testimonial .swiper-wrapper{align-items: stretch;}
#testimonial .swiper-wrapper .swiper-slide{
    height: auto;
}
.testimonial-card {
    background-color: #f9f5ed;
    padding: 30px 20px;
    border-radius: 15px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
    margin: 0 auto;
    height: 100%;
}
.testimonial-swiper .card-inner {
    background: #fff;
    padding: 40px 25px;
    border-radius: 12px;
    min-height: 200px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    height: 100%;
}
.testimonial-swiper .stars {
    color: #ffc107;
    font-size: 1.4em;
    margin-bottom: 15px;
    display: flex;
    gap: 5px;
}
.testimonial-swiper .stars img{height: 30px; width: 30px; object-fit: contain;}
.testimonial-swiper .card-inner h4 {
    font-weight: 700;
    font-size: 1em;
    margin-bottom: 15px;
    text-align: left;
}
.testimonial-swiper .card-inner p {
    font-size: 0.95em;
    color: #555;
    line-height: 1.5;
    text-align: left;
}
.testimonial-swiper .testimonial-card {
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.08);
    transition: padding 0.4s ease;
}
.testimonial-swiper .big-slide .testimonial-card {
    z-index: 2;
    /*padding: 35px 20px;*/
    transform: scale(1.05);
    transition: transform 0.4s ease-in-out;
}
.testimonial-swiper .big-slide .testimonial-card .card-inner{
    /*padding: 50px 25px;*/
}
/* Slight fade for non-active slides */
.testimonial-swiper .swiper-slide:not(.big-slide) .testimonial-card {
    opacity: 0.85;
}
#testimonial .swiper-pagination.swiper-pagination-bullets{display: none;}

#companybackground{padding-bottom: 100px;}
#companybackground h2, #companybackground .h2{margin-bottom: 30px;}
#companybackground h2 + p, #companybackground .h2 + p{margin-bottom: 80px; max-width: none;}
#companybackground .pointsrow{}
#companybackground .pointsrow .content{
    padding: 10px 8px;
    border-radius: 16px;
    background: #FFDDDE;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.08);
    height: 100%;
}
#companybackground .pointsrow .content .innerbox{
    border-radius: 16px;
    background: #FFF;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.08);
    /*aspect-ratio: 325 / 290;*/
    padding: 40px 50px 60px 45px;
    position: relative;
    height: 100%;
}
#companybackground .pointsrow .content .innerbox .icon-img {
    position: absolute;
    top: -45px; 
	right: 30px;
    width: 90px;
    height: auto;
}
#companybackground .pointsrow .content .innerbox *:last-child{
    margin-bottom: 0;
}
#companybackground .pointsrow .content .innerbox ul{
    padding-left: 20px;
}
#whychooseus{
    border-radius: 16px;
    background: #CEE6FF;
    padding-bottom: 80px;
}
#whychooseus h2{margin-bottom: 25px;}
#whychooseus .content{
    background-color: white;
    border-radius: 16px;
    padding: 17px 20px;
    max-width: 840px;
    margin: 0 auto;
}
#whychooseus .content .innerbox{
    border-radius: 16px;
    border: 2px dashed #5A3A31;
    background: #FFF;
    padding: 50px 80px;
}
#whychooseus table{margin-bottom: 0; max-width: 570px;}
#whychooseus tbody{
    display: flex;
    flex-direction: column;
    gap: 30px;
}
#whychooseus tbody tr{
    display: flex;
    gap: 30px;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    align-items: flex-start;
}
#whychooseus td{
    width: calc(100% - 100px);
}
#whychooseus td:has( img){width: 70px;}
#whychooseus td img{width: 70px; height: auto;}
#whychooseus .element.cow{top: 20px; left: 36px;}
#whychooseus .element.monkey{bottom: 15px; left: 36px;}
#whychooseus .element.panda{
    top: 25px;
    right: 27%;
    transform: translateX(-50%);
    height: 5vw;
    max-height: 75px;
}
#whychooseus .element.koala{
    bottom: 20px;
    right: 30%;
    transform: translateX(-50%);
    height: 4vw;
    max-height: 60px;
}
#whychooseus .element.giraffe{top: 20px; right: 50px;}
#whychooseus .element.lion{bottom: 10px; right: 30px;}
#whychooseus .element.ele1{
    height: 23vw;
    max-height: 380px;
    top: -50%;
    left: calc((100% / 4) - 12.5vw);
}
#whychooseus .element.ele2{
    height: 15vw;
    max-height: 230px;
    bottom: -50px;
    left: calc((100% / 4) - 8.5vw);
}
#whychooseus .element.ele3{
    height: 23vw;
    max-height: 350px;
    top: -25%;
    right: calc((100% / 4) - 14.5vw);
}
#whychooseus .element.ele4{
    height: 24vw;
    max-height: 360px;
    bottom: -70px;
    right: calc((100% / 4) - 14.5vw);
}

#awards{padding-top: 80px; padding-bottom: 0;}
#awards .flag{
    max-width: 900px;
    margin: 0 auto 20px;
    width: 100%;
}
#awards #awards-slider{margin-top: 40px;}
.owl-nav.disabled, .owl-dots.disabled{display: none;}
#awards-slider img{max-height: 120px; width: auto; margin: 0 auto;}

#banner.contactuspage{
    background-color: #f8f8f8;
    padding: 0;
    z-index: 2;
    position: relative;
}
#banner.contactuspage .content{
    padding: 60px 0;
}
#banner.contactuspage .content h1{margin-bottom: 20px;}
#banner.contactuspage .content p{text-align: left;}
#banner.contactuspage .content p:last-child{margin-bottom: 0;}

#contactinfo{
    background-image: url('../images/layout/contactusinfo-mainbg.webp');
    background-size: 100% calc(100% - 30px);
    background-position: top center;
    background-repeat: no-repeat;
    padding-top: 70px;
    padding-bottom: 0;
    overflow: hidden;
}
#contactinfo .content.bg1{
    background-image: url('../images/layout/contactusinfo-bg1.webp');
    background-size: 100% 100%;
    padding: 60px 70px;
    filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.08)) drop-shadow(0 0 4px rgba(0, 0, 0, 0.04));
}
#contactinfo .content.bg1 *{
    color: white;
}
#contactinfo .content.bg1 h3{
    margin-bottom: 20px;
    text-transform: uppercase;
}
#contactinfo .bg1 table{width: 100%; margin-bottom: 0;}
#contactinfo .bg1 table tbody{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: 20px;
}
#contactinfo .bg1 table tr{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
#contactinfo .bg1 table td{
    width: calc(100% - 56px);
}
#contactinfo .bg1 table td:has( img), #contactinfo .bg1 table td:has( svg){
    width: 40px;
    text-align: center;
}
#contactinfo .bg1 table img{width: 40px;}
#contactinfo .col-12:has( .bg2){align-content: center;}
#contactinfo .content.bg2{
    background-image: url(../images/layout/contactusinfo-bg2.webp);
    background-size: 100% 100%;
    padding: 45px 10px 50px 70px;
    filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.08)) drop-shadow(0 0 4px rgba(0, 0, 0, 0.04));
}
#contactinfo .bg2 *{color: #555;}
#contactinfo .bg2 table{
    margin-bottom: 0;
    width: 100%;
}
#contactinfo .bg2 td{
    font-weight: 500;
}
@media(min-width: 992px) and (max-width: 1199.9px){
    #contactinfo .col-12:has( .bg2){
        margin-left: calc( -84% + 66.66666667%);
    }
}
@media(min-width: 1200px) and (max-width: 1299.9px){
    #contactinfo .col-12:has( .bg1){
        width: 70%;
    }
    #contactinfo .col-12:has( .bg2){
        margin-left: calc( -74% + 66.66666667%);
    }
}
@media(min-width: 1300px){
    #contactinfo .col-12:has( .bg2){
        margin-left: calc( -78% + 66.66666667%);
    }
    #contactinfo .content.bg2{padding: 45px 10px 50px 45px;}
}


#contactinfo .element{
    z-index: 1;
}
#contactinfo .ele1{
    max-height: 300px;
    height: 20vw;
    top: -80px;
    left: -4.5vw;
    animation: customswing 3.5s ease-in-out 0.5s infinite;
}
#contactinfo .ele2{
    max-height: 165px;
    height: 20vw;
    top: -80px;
    right: 0;
    animation: customswing 3.5s ease-in-out 0s infinite;
}
#contactinfo .ele3{
    max-height: 325px;
    height: 20vw;
    top: -80px;
    right: -3.5vw;
    animation: customswing 3.5s ease-in-out 0.8s infinite;
}

#forms{padding-top: 80px; overflow: hidden;}
#enquiryForm{
    margin-top: 50px;
    max-width: 850px;
    margin-right: auto;
    margin-left: auto;
}
.contact-form{
    width: 100%;
    position: relative;
    background-image: url('../images/layout/contactus-formbg-outter.webp');
    background-size: 100% 100%;
    padding: 35px 40px;
    filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.08)) drop-shadow(0 0 4px rgba(0, 0, 0, 0.04));
}
.contact-form-inner{
    background-image: url('../images/layout/contactus-formbg-inner.webp');
    background-size: 100% 100%;
    padding: 70px;
    filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.08)) drop-shadow(0 0 4px rgba(0, 0, 0, 0.04));
}
.contact-form .form-group{
    margin-bottom: 30px;
}
.contact-form .form-submit{
    margin-top: 50px;
}
.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="tel"],
.contact-form textarea {
    width: 100%;
    padding: 10px;
    border-radius: 8px;
    border: 1px solid #9BC8F7;
    background: #FFF;
}
.required::after {
    content: " *";
    color: red;
}
.button.fullwidth {
    width: 100%;
    max-width: none;
}
#forms .element{z-index: 1;}
#forms .element.cow{
    top: 11vw;
    left: -5vw;
    max-height: 75px;
    height: 5vw;
}
#forms .element.giraffe{
    top: -4vw;
    right: -5vw;
    max-height: 90px;
    height: 6vw;
}
#forms .element.monkey{
    top: 33vw;
    left: -5vw;
    max-height: 70px;
    height: 5vw;
}
#forms .element.lion{
    top: 22vw;
    right: -5vw;
    max-height: 90px;
    height: 6vw;
}
#location{overflow: hidden;}
#location .element.panda{
    bottom: 35px;
    left: -5.5vw;
    max-height: 70px;
    height: 5vw;
}
#location .element.koala{
    bottom: -3vw;
    right: -6vw;
    max-height: 65px;
    height: 5vw;
}
#location .mapcontainer{
    border-radius: 16px;
    margin: 0 auto;
    overflow: hidden;
    max-width: 100%;
    aspect-ratio: 1095 / 400;
}
#location .mapcontainer iframe{
    height: 100%;
    width: 100%;
    border: 0;
}

#content-title.bloglistingpage{
    position: relative;
    background-image: url('../images/layout/productcare_bg.webp');
    background-size: cover;
    background-position: top center;
    padding: 80px 0 250px;
    position: relative;
    overflow: hidden;
}
#content-title.bloglistingpage:not(:has( + #latestcontent)){
    padding-bottom: 80px;
}
#content-title.bloglistingpage .elementbox{
    position: absolute;
    top: 40%;
    transform: translateY(-50%);
}
#content-title.bloglistingpage .element{
    position: relative;
}
#content-title.bloglistingpage .element:before{
    content: '';
    width: 1px;
    height: 300%;
    background-color: white;
    position: absolute;
    top: -300%;
    left: 50%;
    transform: translateX(-50%);
}
#content-title.bloglistingpage .element img{
    width: 120px;
    height: auto;
}
#content-title.bloglistingpage .elementbox:has( .ele1), #content-title.bloglistingpage .elementbox:nth-child(1){
    left: 50px;
    right: auto;
    animation: customfloating 3.5s ease-in-out 0.5s infinite;
}
#content-title.bloglistingpage .elementbox:has( .ele2), #content-title.bloglistingpage .elementbox:nth-child(2){
    left: 170px;
    right: auto;
    top: 10%;
    animation: customfloating 3.5s ease-in-out 0s infinite;
}
#content-title.bloglistingpage .elementbox:has( .ele3), #content-title.bloglistingpage .elementbox:nth-child(3){
    left: auto;
    right: 170px;
    top: 10%;
    animation: customfloating 3.5s ease-in-out 0.8s infinite;
}
#content-title.bloglistingpage .elementbox:has( .ele4), #content-title.bloglistingpage .elementbox:nth-child(4){
    left: auto;
    right: 50px;
    animation: customfloating 3.8s ease-in-out 0.12s infinite;
}
#content-title.bloglistingpage .maxbox{
    max-width: 850px;
    margin-right: auto;
    margin-left: auto;
}

.bloglistingpage a {
    text-decoration: none;
    position: relative;
}
#latestcontent {
	position: relative;
	z-index: 5;
	margin-top: -150px;
}
#latestcontent .recent_ribbon{
    max-width: 265px;
    width: 18vw;
    position: absolute;
    top: 30px;
    left: -30px;
}
#latestcontent .blog-image{
    aspect-ratio: 470 / 315;
}
#latestcontent .blog-desc{
	display: -webkit-box;
	-webkit-line-clamp: 4; 
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.7;
}
#latestcontent .blog-card {
    background: #fff;
    border-radius: 16px;
    padding: 60px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
#latestcontent .blog-text{
    padding-left: 23px;
    height: calc(100% - 20px);
}

#previousblogs .previousblogs{
    position: relative;
    z-index: 2;
}
.previousblogs > .row{
    row-gap: 30px;
}
.previousblogs .blog-image{
    aspect-ratio: 150 / 100;
}
.previousblogs .blog-desc{
	display: -webkit-box;
	-webkit-line-clamp: 2; 
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.previousblogs .blog-text{
    padding: 0 15px;
	align-items: flex-start;
	height: calc(100% - 20px);
}
.previousblogs .blog-text .button{
    margin-top: 15px;
    margin-bottom: -40px;
}
.previousblogs a:has( .blog-card){
    display: block;
    padding: 10px;
    margin: 18px 6px 35px;
    border-radius: 16px;
    background: #F8F4E9;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.08);
    height: calc(100% - 53px);
    transition: all 0.3s ease-in-out;
}
.previousblogs .blog-card {
    background: #fff;
    border-radius: 16px;
    padding: 12px;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.08)) drop-shadow(0 0 6px rgba(0, 0, 0, 0.02));
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: 30px;
    height: 100%;
}
.previousblogs a:has( .blog-card):hover{
    background: #CEE6FF;
}

#previousblogs.bloglistingpage{overflow: hidden;}
.bloglistingpage .blog-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
	border-radius: 16px;
}
.bloglistingpage .blog-date{
    color: #FF6C70;
    margin-bottom: 13px;
    display: block;
}
.bloglistingpage .blog-title{
    margin-bottom: 13px;
    line-height: 1.4;
    font-weight: 700;
    text-align: left;
}
.bloglistingpage .blog-desc{
    text-align: left;
}

.sortingdiv{margin-top: 15px;}
.sortingdiv form{margin-bottom: 25px;}
.sortingdiv form span{
	color: #555;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-transform: capitalize;
	margin-right: 15px;
}
.sortingdiv form select{
	display: inline-block;
	/*min-width: 120px;*/
	min-width: 270px;
	width: auto;
	border-radius: 8px !important;
	border: 1px solid #CECECE;
	padding: 5px 10px;
	-moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    appearance:none;
    background-position: right center;
    background-origin: content-box;
    background-size: 14px;
    background-repeat: no-repeat;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="15" viewBox="0 0 14 15" fill="none"><path d="M3.5 5.75L7 9.25L10.5 5.75" stroke="black" stroke-linecap="round" stroke-linejoin="round"/></svg>');
	background-color: #FAFAFA;
}

.bloglistingpage .element{z-index: 2;}
.bloglistingpage .element.cow{
    top: 11vw;
    left: -5vw;
    max-height: 75px;
    height: 5vw;
}
.bloglistingpage .element.giraffe{
    top: -4vw;
    right: -5vw;
    max-height: 90px;
    height: 6vw;
}
.bloglistingpage .element.monkey{
    top: 33vw;
    left: -5vw;
    max-height: 70px;
    height: 5vw;
}
.bloglistingpage .element.lion{
    top: 22vw;
    right: -7vw;
    max-height: 90px;
    height: 6vw;
}
.bloglistingpage .element.panda{
    bottom: 35px;
    left: -1.5vw;
    max-height: 70px;
    height: 5vw;
}
.bloglistingpage .element.koala{
    bottom: -3vw;
    right: -2vw;
    max-height: 65px;
    height: 5vw;
}

.myPagination{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin-top: 80px;
}
.myPagination strong, .myPagination a{
    width: 40px;
    height: 40px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}
.myPagination a{
    color: #755E57;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.myPagination a .icon-chevron-left, .myPagination a .icon-chevron-right{
    font-size: 15px;
    line-height: 1;
}
.myPagination strong, .myPagination a:hover{
    color: #FFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    background-color: #FF6C70;
}

.blogdetailview .flexbox:has( > .titlesec){
    gap: 30px;
    margin-bottom: 30px;
}
.blogdetailview .titlesec{
    width: calc(100% - 230px);
}
.blogdetailview .titlesec h1{
    font-family: "BalooBhaijaan2", "Poppins", sans-serif;
    font-size: 30px;
    font-weight: 700;
}
.blogdetailview .titlesec .date{
    color: #FF6C70;
    margin-bottom: 0;
    display: block;
}
.blogdetailview .sharesec{
    width: 200px;
}
#content.blogdetailview .breadcrumb-separator{
    width: calc(100% - 30px);
    margin-right: auto;
    margin-left: auto;
}
.blogdetailview .blogcontent{
    margin-top: 24px;
}
.blogdetailview .blogcontent img{border-radius: 16px;}
.blogdetailview .blogcontent .row:has( img){align-items: center;}
#content.blogdetailview .breadcrumb-separator:has( + #relatedblogs){
    width: 100%;
}
.back{
	color: #036DB7;
	font-weight: 600;
	display: block;
	margin-top: 60px;
	margin-bottom: 80px;
}
.back:hover{
	color: #FF6C70;
}
#oc-relatedBlogSlides .owl-stage{
    display: flex;
}
#oc-relatedBlogSlides .oc-item{
    height: 100%;
}

#content-title.newslistingpage, .contentstart:has( + #cta) > section#content-title.newslistingpage:last-child{
    position: relative;
    background-image: url('../images/layout/newsevents-bg.webp');
    background-size: cover;
    background-position: top center;
    padding: 90px 0;
    position: relative;
    overflow: hidden;
}
#content-title.newslistingpage .whitebox{
    border-radius: 16px;
    background: #FFF;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0 8px 16px 0 rgba(0, 0, 0, 0.08);
    padding: 60px 50px 80px;
}
#content-title.newslistingpage .maxbox{
    max-width: 850px;
    margin-right: auto;
    margin-left: auto;
}
#content-title.newslistingpage .ele1{
    max-height: 95px;
    height: 7vw;
    top: 60%;
    left: 4.5vw;
    transform: translateY(-50%);
}
#content-title.newslistingpage .ele2{
    max-height: 145px;
    height: 11vw;
    left: 170px;
    bottom: 20px;
}
#content-title.newslistingpage .ele3{
    max-height: 195px;
    height: 13vw;
    right: 5vw;
    bottom: 20px;
}
#content-title.newslistingpage .flag{
    position: absolute;
    top: -10px;
    width: 28vw;
}
#content-title.newslistingpage .flag svg{
    width: 100%;
    overflow: visible;
}
#content-title.newslistingpage .flagleft{
    left: -3vw;
}
#content-title.newslistingpage .flagright{
    right: -10px;
}
#content-title.newslistingpage .flagleft g path:nth-child(1){
    animation: waveFlag 5.2s ease-in-out infinite alternate;
}
#content-title.newslistingpage .flagleft g path:nth-child(2){
    animation: waveFlag 5.2s ease-in-out infinite alternate;
}
#content-title.newslistingpage .flagleft g path:nth-child(3){
    animation: waveFlag 5.2s ease-in-out infinite alternate;
}
#content-title.newslistingpage .flagleft g path:nth-child(4){
    animation: waveFlag 5.2s ease-in-out infinite alternate;
}
#content-title.newslistingpage .flagleft g path:nth-child(5){
    animation: waveFlag 5.2s ease-in-out infinite alternate;
}
#content-title.newslistingpage .flagleft g path:nth-child(6){
    animation: waveFlag 5.2s ease-in-out infinite alternate;
}
#content-title.newslistingpage .flagleft g path:nth-child(7){
    animation: waveFlag 5.2s ease-in-out infinite alternate;
}

#content-title.newslistingpage .flagright g path:nth-child(1){
    animation: waveFlag 5.2s ease-in-out infinite alternate;
}
#content-title.newslistingpage .flagright g path:nth-child(2){
    animation: waveFlag 5.2s ease-in-out infinite alternate;
}
#content-title.newslistingpage .flagright g path:nth-child(3){
    animation: waveFlag 5.2s ease-in-out infinite alternate;
}
#content-title.newslistingpage .flagright g path:nth-child(4){
    animation: waveFlag 5.2s ease-in-out infinite alternate;
}
#content-title.newslistingpage .flagright g path:nth-child(5){
    animation: waveFlag 5.2s ease-in-out infinite alternate;
}
#content-title.newslistingpage .flagright g path:nth-child(6){
    animation: waveFlag 5.2s ease-in-out infinite alternate;
}
#content-title.newslistingpage .flagright g path:nth-child(7){
    animation: waveFlag 5.2s ease-in-out infinite alternate;
}
.breadcrumb-separator{max-width: calc(100% - 60px); margin-right: auto; margin-left: auto;}

#content.productlistingview{
    padding-bottom: 0;
}
#content.productlistingview *:last-child{
    margin-bottom: 0;
}
#content.productlistingview:not(:has( p)) + #shop{
    padding-top: 0;
}
.productlistingview > .row{
    row-gap: 30px;
}
.productlistingview a:has( .product-image){
    display: block;
    padding: 10px;
    margin: 18px 6px 35px;
    border-radius: 16px;
    background: #F8F4E9;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.08);
    height: calc(100% - 53px);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.productlistingview a > .content {
    background: #fff;
    border-radius: 16px;
    padding: 45px 40px 10px;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.08)) drop-shadow(0 0 6px rgba(0, 0, 0, 0.02));
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    row-gap: 30px;
    position: relative;
}
.productlistingview .product-image{
    aspect-ratio: 235 / 155;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.productlistingview .product-image img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
	border-radius: 16px;
}
.productlistingview .product-title{
    font-size: 20px;
    margin-bottom: 13px;
    line-height: 1.4;
    font-weight: 600;
    text-align: left;
	display: -webkit-box;
	-webkit-line-clamp: 2; 
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #000;
}
.productlistingview .product-price{
    color: #000;
}
.productlistingview .product-price ins{
    text-decoration: none;
}
.productlistingview .product-price del{
    margin-left: 5px;
    font-size: 14px;
}
.productlistingview .button{
    margin: 35px auto -40px;
}
.productlistingview .product-icon{
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    padding: 20px 25px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-end;
}
.productlistingview .product-icon img{
    height: 30px;
    width: auto;
}
.productlistingview .product-icon .addtocart_after, .productlistingview a:hover .product-icon .addtocart_before{
    display: none;
}
.productlistingview .product-icon .addtocart_before, .productlistingview a:hover .product-icon .addtocart_after{
    display: block;
}
.productlistingview a:has( .product-image):hover{
    background-color: #CEE6FF;
}
/*.productlistingview a:has( .product-image):hover .button{
    background-color: #036DB7;
}*/

#content.productdetailview{
    padding-bottom: 0;
}
.opening_desc{margin-bottom: 60px;}
.opening_desc p:first-of-type{margin-top: 30px;}
#product-image-slider{position: relative;}
.producttype_tag{
    height: 85px;
    width: auto;
    position: absolute;
    top: 20px;
    left: -15px;
}
#product-image-slider .flex-viewport{
    border-radius: 16px;
    border: 1px solid #64A7FF;
    background: #FFF;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.08);
    margin-bottom: 10px;
    max-height: 350px;
}
#product-image-slider .flex-viewport .slider-wrap, #product-image-slider .flex-viewport .slider-wrap .slide{
    max-height: 350px;
}
.flex-control-nav.flex-control-thumbs{}
.flexslider .flex-viewport{
	margin-bottom: 25px;
}
.flexslider .slider-wrap > .slide{
	aspect-ratio:  47 / 32;
}
.fslider .slide > a{
	width: 100%;
	height: 100%;
}
.fslider .slide > a > img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.flex-control-nav.flex-control-thumbs{
	top: auto;
	left: auto;
	right: auto;
	margin: 0;
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 15px;
    overflow-x: auto;
    width: 100%;
    height: auto;
    padding: 10px 3px;
}
.flex-control-nav.flex-control-thumbs li{
	aspect-ratio: 94 / 43;
	/*width: calc(33.3333% - 10px);*/
	width: 100%;
	height: auto;
	margin: 0;
	float: none;
	flex: 0 0 calc(33.3333% - 10px);
	border: none;
	border-radius: 16px;
    background: #FFF;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.08);
}
.flex-control-nav.flex-control-thumbs li img{
	width: 100%;
	height: 100%;
	object-fit: contain;
	aspect-ratio: 94 / 43;
}
.flex-control-nav.flex-control-thumbs li:hover, .flex-control-nav.flex-control-thumbs li:has( img.flex-active){
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.05), 0 2px 4px 0 rgba(0, 0, 0, 0.11);
}
/* width */
#product-image-slider .flex-control-nav.flex-control-thumbs::-webkit-scrollbar {
  height: 8px;
}
/* Track */
#product-image-slider .flex-control-nav.flex-control-thumbs::-webkit-scrollbar-track {
  background: #f1f1f1;
}
/* Handle */
#product-image-slider .flex-control-nav.flex-control-thumbs::-webkit-scrollbar-thumb {
  background: #066CB6;
}
/* Handle on hover */
#product-image-slider .flex-control-nav.flex-control-thumbs::-webkit-scrollbar-thumb:hover {
  background: #FF6C70;
}

#content.productdetailview .container-fluid > .row > .col-12:nth-child(2) .content{
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}
@media(min-width: 992px){
	#content.productdetailview .container > .row > .col-12:nth-child(2) .content{
		max-width: calc(100% - 30px);
	    margin-right: 0;
	    margin-left: auto;
	}
}
.productdetailview .titlesec .title{
    font-weight: 500;
    margin-bottom: 15px;
    font-family: 'Poppins', sans-serif;
}
.productdetailview .titlesec .product-price{
    margin-bottom: 15px;
    font-size: 24px;
	font-weight: 500;
}
.productdetailview .product-price ins{
	text-decoration: none;
}
.productdetailview .product-price del{
    font-size: 18px;
	margin-left: 5px;
	color: #036DB7;
}
.addtocart-div{
	margin-top: 30px;
	padding-top: 30px;
    height: 100%;
}
.addtocart-div form{
    height: 100%;
}
.addtocart-div form .addtocart_tab{
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.prodattr-container{
	margin-top: 50px;
}
.prodattr-container:first-child{margin-top: 0;}
.prodattr-container .flexbox{
    column-gap: 17px;
}
.prodattr-container .flexbox .packageprodAttrlabel{
	font-size: 16px;
	font-weight: 400;
	line-height: normal;
	margin: 0;
    color: #000;
    font-family: 'Poppins';
}
.optionsList{
	/*padding: 0.75rem;*/
	background-color: #fff;
	/*box-shadow: 0 0 1px 0 rgba(24, 94, 224, 0.15), 0 6px 12px 0 rgba(24, 94, 224, 0.15);*/
	/*border-radius: 99px;*/
	width: 100%;
}
.selectiontabs{
	display: flex;
	flex-direction: row;
    flex-wrap: wrap;
	position: relative;
	gap: 15px;
}
.selectiontabs * {
	z-index: 2;
}
.selectiontabs input[type="radio"] {
	display: none;
}
.selectiontabs .attrbox{
	display: flex;
	align-items: center;
	justify-content: center;
	height: auto;
	min-height: 40px;
	/*width: 50px;*/
	width: 100%;
	font-size: 16px;
	color: #555;
	font-weight: 400;
	border-radius: 99px;
	cursor: pointer;
	transition: color 0.15s ease-in;
	max-width: 105px;
	border: 2px solid #D9D9D9;
	position: relative;
}
.selectiontabs .attrbox label{
	margin: 0;
	text-align: center;
	width: 100%;
	/*height: 100%;*/
    padding: 8px 17px;
    line-height: 1;
    font-weight: 400;
    text-transform: none;
}
.selectiontabs .attrbox:has( input[type="radio"]:checked){
	border-color: #555;
}
.selectiontabs input[type="radio"]:checked + label {
	color: #111;
	font-weight: 600;
}

.selectiontabs:has( .attrbox.colorattrbox){
	gap: 15px 20px;
}
.selectiontabs .attrbox.colorattrbox{
	width: 40px;
	height: 40px;
	border-radius: 100px;
	border: 1px solid #D9D9D9;
	background: #A08579;
	margin: 0;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.selectiontabs .attrbox.colorattrbox.multi{
	background: linear-gradient(147deg, #F00 10.48%, #EC6C10 22.42%, #F4DC01 35.91%, #6DE310 49.7%, #33E0EB 58.43%, #0231D8 72.19%, #9618AA 86.78%, #D504CD 93.87%) !important;
}
.selectiontabs .attrbox.colorattrbox:before{
	content: '';
    display: block;
	position: absolute;
	/*top: -3.5px;
    left: -4px;*/
    top: 50%;
    left: calc(50% - 0.5px);
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
	border: 1px solid #555;
	border-radius: 99px;
	opacity: 0;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.selectiontabs .attrbox.colorattrbox:has( input[type="radio"]:checked){
    border-color: #D9D9D9;
}
.selectiontabs .attrbox.colorattrbox:has( input[type="radio"]:checked):before{
    width: 48px;
    height: 48px;
	opacity: 1;
}
.attrbox.outofstock{
    pointer-events: none;
}
.attrbox.outofstock label{opacity: 0.3;}
.attrbox.outofstock:after{
    content: 'Out of stock';
    color: rgba(0,0,0,0.5);
    font-size: 10px;
    text-align: center;
    border-top: 1px solid rgba(0,0,0,0.5);
    border-bottom: 1px solid rgba(0,0,0,0.5);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    /*width: 100%;*/
    /*height: 100%;*/
    position: absolute;
    top: 50%;
    left: 40%;
    transform: translate(-35%, -50%) rotate(-20deg);
}
.attrbox.colorattrbox.outofstock:after{
    top: 50%;
    left: 0;
    transform: translate(0%, -50%) rotate(-20deg);
    color: white;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    mix-blend-mode: difference;
    opacity: 0.5;
}
.selectiontabs .attrbox.longtextattrbox{
    max-width: 48%;
}
.selectiontabs .attrbox.longtextattrbox label{padding: 8px 12px;}
.quantity-box{
    display: flex;
    column-gap: 15px;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    margin-bottom: 45px;
}
.quantity-box .quantitytext{
    color: #000;
    font-family: 'Poppins';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
}
.quantity-box .quantity{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}
.quantity-box .quantity .minus, .quantity-box .quantity .plus{
    border: none;
    background: transparent;
    width: 30px;
    height: 30px;
    display: flex;
}
.quantity-box .quantity .plus{
    font-size: 24px;
    line-height: 1;
    font-weight: 200;
}
.quantity-box .quantity .qty{
    text-align: center;
    border-radius: 100px;
    border: 1px solid #D9D9D9;
    background: #FFF;
    display: flex;
    width: 70px;
    height: 40px;
    padding: 8px 15px;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.addtocart_button{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}
.addtocart_button .button{
    height: 60px;
    width: calc(50% - 5px);
}
.addtocart_button .button.add:has( img){
    background-color: #fff;
    line-height: 1;
    flex-wrap: wrap;
    align-content: center;
    display: flex;
    height: 60px;
    padding: 10px 25px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    border-radius: 8px;
    border: 1px solid #036DB7;
    color: #036DB7;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.addtocart_button .button.add img{
    width: 28px;
    height: 28px;
    object-fit: contain;
}
.addtocart_button .button.add .addtocart_before, .addtocart_button .button.add:hover .addtocart_after{
    display: none;
}
.addtocart_button .button.add .addtocart_after, .addtocart_button .button.add:hover .addtocart_before{
    display: block;
}
.addtocart_button .button.add:has( img):hover{
    background-color: #FF6C70;
    border-color: #FF6C70;
    color: white;
}

#product_descriptions{padding-bottom: 10px;}
#product_descriptions h3{margin-bottom: 30px;}
#product_descriptions .btgrid .col, #product_descriptions .btgrid .col-12{
    align-content: center;
}
#product_descriptions .btgrid img:has(.bgoverflow){}
#product_descriptions .btgrid .row:has( .bgoverflow.dottedright) > div:nth-child(1) .content, #product_descriptions .btgrid .row:has( .bgoverflow.dottedleft) > div:nth-child(2) .content{padding: 35px;}
#product_descriptions .btgrid .row:has(.bgFFFBF1left) > div:nth-child(1) .content, #product_descriptions .btgrid .row:has(.bgFFFBF1right) > div:nth-child(2) .content{
    border-radius: 16px;
    background: #FFFBF1;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.08);
}
#product_descriptions .btgrid .row:has( .dottedleft) > div:nth-child(1) .content, #product_descriptions .btgrid .row:has( .dottedright) > div:nth-child(2) .content{
    border-radius: 16px;
    border: 2px dashed #5A3A31;
    background: #FFF;
    height: auto;
    padding: 70px 50px;
    position: relative;
    z-index: 2;
}
#product_descriptions .btgrid .row:has( .dottedleft) > div:nth-child(1) .content > p:last-child, #product_descriptions .btgrid .row:has( .dottedright) > div:nth-child(2) .content > p:last-child{margin-bottom: 0;}
@media(min-width: 1200px){
    #product_descriptions .btgrid .row:has( .bgoverflow.dottedleft) > div:nth-child(2){
        width: 75%;
    }
    #product_descriptions .btgrid .row:has( .bgoverflow.dottedleft) > div:nth-child(2) .content{
        padding: 50px 90px 35px calc( 75% - 30%);
    }
    #product_descriptions .btgrid .row:has( .bgoverflow.dottedleft) > div:nth-child(1){
        margin-right: calc( -75% + 50%);
    }
    #product_descriptions .btgrid .row:has( .bgoverflow.dottedright) > div:nth-child(1){
        width: 75%;
    }
    #product_descriptions .btgrid .row:has( .bgoverflow.dottedright) > div:nth-child(1) .content{
        padding: 50px calc( 75% - 30%) 35px 90px;
    }
    #product_descriptions .btgrid .row:has( .bgoverflow.dottedright) > div:nth-child(2){
        margin-left: calc( -75% + 50%);
    }
}
#product_descriptions img{border-radius: 16px;}
#product_descriptions .btgrid .row:has( .bgoverflow:not(.bgFFFBF1left)) > div:nth-child(1) .content:has( img), #product_descriptions .btgrid .row:has( .bgoverflow:not(.bgFFFBF1right)) > div:nth-child(2) .content:has( img){
    padding-top: 0;
    padding-bottom: 0;
}
#product_descriptions .btgrid .content > *:last-child{margin-bottom: 0;}
#product_descriptions ul, #product_descriptions ol{padding-left: 20px;}
#product_descriptions ul ol, #product_descriptions ol ul{margin-bottom: 10px;}
#product_descriptions li{margin-bottom: 5px;}
#product_descriptions li p:has( + ul), #product_descriptions li p:has( + ol){
    margin-bottom: 5px;
}
#relatedProduct .titlerow{
    padding-top: 80px;
    border-top: 1px solid #CECECE;
}
#relatedProduct h2{margin-bottom: 30px; text-transform: capitalize;}
.productlistingview .owl-item .product-title{-webkit-line-clamp: 1;}


/*	------------------------ Pages END -------------------------- */







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

#content.cart_view, #content.billing_view{padding-top: 30px; padding-bottom: 30px;}
.process-steps{padding: 0;}
ul.process-steps.process-3{
    max-width: 780px;
    margin: 0 auto 40px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: flex-start;
    align-items: flex-start;
}
.process-steps.process-3 li{
    float: none;
    width: 100%;
    flex: 0 0 33.3333%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: flex-start;
}
.process-steps.process-3 li:first-child{justify-content: flex-start;}
.process-steps.process-3 li:last-child{justify-content: flex-end;}
.process-steps li h6 {
    margin: 15px 0 0 0;
    padding: 0 10px;
    font-weight: 400;
}
.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);}

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

.cart_totals td{
    padding: 20px 0;
    color: #242422;
}
.cart_totals .cart tr:first-child td{
    border-top: 1px solid #d6d6d6;
}
.cart_totals .cart tr:last-child td{border-bottom: none;}
.cart_totals .cart td strong{font-weight: 600;}
.cart_totals .cart tr td:last-child{text-align: right;}
.cart_totals .cart tr:last-child td:last-child .amount.color.lead{font-size: 16px; color: #242422;}

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

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

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


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

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

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


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

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

.confirm_view table{
	width:100%;
	position:relative;
	margin-bottom: 10px;
}
.confirm_view table th{
	background-color:#036db7;
	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: contain;
}
.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){}

@media(min-width: 1200px) and (max-width: 1449.9px){
    #product-care .titlesec .elementbox{top: 40%;}
	#product-care .titlesec .elementbox:has( .ele2), #product-care .titlesec .elementbox:has( .ele3),
	#product-care .titlesec .elementbox:nth-child(2), #product-care .titlesec .elementbox:nth-child(3){top: 11%;}
	
	#content-title.bloglistingpage .elementbox{top: 40%;}
	#content-title.bloglistingpage .elementbox:has( .ele2), #content-title.bloglistingpage .elementbox:has( .ele3),
	#content-title.bloglistingpage .elementbox:nth-child(2), #content-title.bloglistingpage .elementbox:nth-child(3){top: 11%;}
}
@media(max-width: 1399.9px){
	.bannerstyle{padding-right: 15px; padding-left: 15px;}
	.container-fluid{max-width: calc(100% - 30px);}
	
	#whychooseus .element.ele4{right: calc((100% / 4) - 20.5vw);}
}
@media(min-width: 1200px) and (max-width: 1399.9px){
    #content.aboutuspage .container-fluid{max-width: calc(100% - 60px);}
}
@media(min-width: 768px) and (max-width: 1199.9px){
}
@media(max-width: 1199.9px){
    h1, .h1{font-size: 35px;}
	h2, .h2{font-size: 24px;}
	h3, .h3{font-size: 20px;}
	
	/*.top-search-open .header-inner-flexbox{width: calc(100% - 450px);}*/
	/*.header-inner-flexbox{width: calc(100% - 200px);}*/
	#primary-menu > div > ul > li > a{padding: 25px 10px;}
	.top-search-open #top-search form{width: 280px;}

	.slider-caption h2{font-size: 40px;}
	#slider ~ #content, #sliderm ~ #content{} /*padding-top: 40px; padding-bottom: 40px;*/
	
	.wave-white-bottom{margin-top: -9px;}
	.wave-white-top{margin-bottom: -9px;}
	#bestselling .outterbox .contentbox{padding: 0 50px;}
	.product-care-usage .frame-top .titlebox .title{padding: 40px 30px;}
	.product-care-usage .frame-top .titlebox .bottle_position{max-height: 180px; margin-top: 0; margin-left: -30px;}
	#product-care .titlesec .elementbox{top: 40%;}
	#product-care .titlesec .elementbox:has( .ele2), #product-care .titlesec .elementbox:has( .ele3),
	#product-care .titlesec .elementbox:nth-child(2), #product-care .titlesec .elementbox:nth-child(3){top: 5%;}
	
	#whychooseus .element.ele1{top: -40%; left: calc((100% / 4) - 22.5vw);}
	#whychooseus .element.ele2{left: calc((100% / 4) - 15.5vw);}
	#whychooseus .element.ele3{right: 30px;}
	#whychooseus .element.ele4{right: 40px;}
	
	#content-title.bloglistingpage .elementbox{top: 40%;}
	#content-title.bloglistingpage .elementbox:has( .ele2), #content-title.bloglistingpage .elementbox:has( .ele3),
	#content-title.bloglistingpage .elementbox:nth-child(2), #content-title.bloglistingpage .elementbox:nth-child(3){top: 5%;}
	
	#product_descriptions .btgrid .row:has( .bgoverflow.dottedright) > div:nth-child(1) .content, #product_descriptions .btgrid .row:has( .bgoverflow.dottedleft) > div:nth-child(2) .content{height: 100%; align-content: center;}
	#product_descriptions .btgrid .row:has( .dottedleft) > div:nth-child(1) .content, #product_descriptions .btgrid .row:has( .dottedright) > div:nth-child(2) .content{height: 100%;}
}
@media(max-width: 991.9px){
    #primary-menu-container{display: none;}
    #header{
        position: sticky;
        top: 0;
        z-index: 999;
        background-color: #FFF;
    }
    .header-outter-flexbox{padding-top: 15px; padding-bottom: 15px;}
	.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;}
    #top-search-m form{
        width: calc(100% - 30px);
        margin: 20px auto 15px;
        padding: 11px 24px;
        border-radius: 8px;
        border: 1px solid #D9D9D9;
        display: flex;
    }
    #top-search-m form input{
    	width: calc(100% - 20px);
    	background: transparent;
    	height: auto;
    	font-size: 14px;
    	font-family: 'Poppins', sans-serif;
    	border: none;
    	padding: 0;
    }
    #top-search-m form input:placeholder{
        color: #D9D9D9;
    }
    #top-search-m form button svg{width: 20px; height: 20px;}
    .header-outter-flexbox > #top-search, .header-outter-flexbox > .topinfo{flex: none;}
    #primary-menu-trigger, .header-outter-flexbox > .topinfo{width: 95px;}
    .header-outter-flexbox > .header-inner-flexbox{width: calc(100% - 95px - 95px);}

    .slider-caption p{font-size: 18px;}
	.slider-caption h2{font-size: 32px; margin-bottom: 15px;}
	.slider-caption .button3, .button{height: 40px; line-height: 40px; font-size: 14px; padding: 0 30px;}
	
	.wave-white-bottom{margin-top: -14px;}
	.wave-white-top{margin-bottom: -6px;}
	.homepage .element{max-width: 13vw;}
	.homepage .element.cow{left: -52px;}
	.homepage .element.giraffe{top: -25px; right: 35px;}
	.homepage .element.panda{left: 36px; top: 50%; transform: translateY(-50%);}
	.homepage .element.koala{right: 36px; left: auto; top: 40%; transform: translateY(-50%);}
	#bestselling .outterbox .contentbox .row > .col-12:first-child .content{padding-bottom: 0;}
	#bestselling .outterbox .contentbox .row > .col-12:last-child .content{padding-bottom: 30px;}
	#featured-products{padding-top: 40px;}
	.nav-button.swiper-button-prev, .swiper-container-rtl .nav-button.swiper-button-next, .owl-prev{left: -35px; right: auto;}
	.nav-button.swiper-button-next, .swiper-container-rtl .nav-button.swiper-button-prev, .owl-next{right: -35px; left: auto;}
	#product-care .contentsec .row{row-gap: 40px;}
	#product-care .titlesec .element img{width: 12vw;}
	#product-care .titlesec .elementbox:has( .ele1), #product-care .titlesec .elementbox:nth-child(1){left: 10px;}
	#product-care .titlesec .elementbox:has( .ele4), #product-care .titlesec .elementbox:nth-child(4){right: 10px;}
	
	#companybackground > .container{max-width: calc(100% - 30px);}
	#companybackground .pointsrow .content .innerbox{padding: 40px 30px;}
	#whychooseus .content .innerbox{padding: 50px 80px 50px 50px;}
	#whychooseus .element.ele4{right: 10px;}
	
	#content-title.bloglistingpage .element img{width: 12vw;}
	#content-title.bloglistingpage .elementbox:has( .ele1), #content-title.bloglistingpage .elementbox:nth-child(1){left: 10px;}
	#content-title.bloglistingpage .elementbox:has( .ele4), #content-title.bloglistingpage .elementbox:nth-child(4){right: 10px;}
	
	#latestcontent a{max-width: calc(100% - 15px); margin-left: auto; margin-right: auto; display: block;}
	
	#contactinfo{background-size: auto calc(100% - 30px);}
	#contactinfo h3 + p br{display: none;}
	#contactinfo .content.bg2{margin-top: -35px;}
	#forms{padding-bottom: 0;}
	
	.addtocart_button .button.add:has( img){font-size: 14px; gap: 10px;}
	#product_descriptions .btgrid .row:has( .dottedleft) > div:nth-child(1) .content, #product_descriptions .btgrid .row:has( .dottedright) > div:nth-child(2) .content{padding: 30px;}
	
	.contentstart:has( + #cta) > section#testimonial{padding-bottom: 60px;}
	#testimonial .nav-button{display: none;}
	#testimonial .swiper-pagination.swiper-pagination-bullets{display: block;}
}
@media(min-width: 768px) and (max-width: 991.9px){
	.product-care-usage .div-wrapper{justify-content: center;}
	.product-care-usage .frame-top{flex-direction: row;}
	.product-care-usage .frame-top .titlebox{width: 600px; margin-bottom: -20px;}
	.product-care-usage .frame-top .titlebox .bottle_position{max-height: 220px;}
	.product-care-usage .frame-wrapper{width: 100%;}
}
@media(max-width: 916.9px){
    
}
@media(max-width: 864.9px){
    #header .header-info .infobox{padding: 0 10px;}
    #header .header-info .infobox.top-contact .flexbox .text{padding-right: 7px;}
    #header .header-info .infobox.top-contact .flexbox .text span{font-size: 11px;}
    #header .header-info .infobox.others svg{
        padding: 0 10px;
        height: 20px;
    }
}
@media(max-width: 767.9px){
    h1, .h1, h2, .h2, .blogdetailview .titlesec h1{font-size: 24px;}
	h3, .h3, .homeproduct .product-desc .product-title, .homeproduct .product-desc .product-price ins{font-size: 18px;}
	h4, .h4{font-size: 16px;}
    h5, .h5, .homeproduct .product-desc .product-price del{font-size: 14px;}
    h6, .h6{font-size: 14px;}
    small, .sm-text{font-size: 10px;}
    .tag, .homeproduct .discount-tag .percentage, .product_detail_view .product-desc1 .prodCat{font-size: 10px;}
    .light-text{font-size: 10px;}
    .cta-text, .button{font-size: 14px;}
    
    .wave-white-top{margin-bottom: -10px;}
    #product-care .titlesec .elementbox:has( .ele1), #product-care .titlesec .elementbox:nth-child(1){left: -40px;}
	#product-care .titlesec .elementbox:has( .ele4), #product-care .titlesec .elementbox:nth-child(4){right: -40px;}
	#product-care .titlesec .elementbox:has( .ele2), #product-care .titlesec .elementbox:nth-child(2){left: 10px;}
	#product-care .titlesec .elementbox:has( .ele3), #product-care .titlesec .elementbox:nth-child(3){right: 10px;}
	#product-care .titlesec .element.ele2 img, #product-care .titlesec .element.ele3 img{width: 17vw;}
	
	#cta .ctacontent{overflow: hidden;}
	#cta .ctacontent > .element.ele1{max-width: 60px;}
	#cta .ctacontent > .element.ele2{max-width: 55px; margin-top: -200px; left: 38%;}
	#cta .ctacontent > .element.ele3{max-width: 100px;}
	#cta .ctacontent > .element.ele4{max-width: 55px;}
	
	#companybackground .pointsrow{gap: 40px;}
	#whychooseus .content .innerbox{padding: 50px 70px 50px 30px;}
    #whychooseus .element.ele1{top: auto; left: 10px; bottom: -80px; height: auto; width: 225px;}
    #whychooseus .element.ele2{left: 65%; bottom: auto; top: -90px; height: auto; width: 88px;}
    #whychooseus .element.ele3{right: 20px; top: auto; bottom: 65px;}
    #whychooseus .element.ele4{bottom: -50px;}
    
    #content-title.newslistingpage .ele1{height: auto; width: 15vw; max-height: none;}
    #content-title.newslistingpage .ele2{height: auto; width: 13vw; max-height: none;}
    #content-title.newslistingpage .ele3{height: auto; width: 23vw; max-height: none;}
    
    .button{width: auto; max-width: 200px;}
    #previousblogs .flexbox:has( > h2){
        align-items: flex-start;
        flex-direction: column;
    }
    #previousblogs .flexbox h2{width: 100%; text-align: center;}
    #previousblogs .flexbox .sortingdiv{width: 100%; text-align: center;}
    
    #content-title.bloglistingpage .elementbox:has( .ele1), #content-title.bloglistingpage .elementbox:nth-child(1){left: -40px;}
	#content-title.bloglistingpage .elementbox:has( .ele4), #content-title.bloglistingpage .elementbox:nth-child(4){right: -40px;}
	#content-title.bloglistingpage .elementbox:has( .ele2), #content-title.bloglistingpage .elementbox:nth-child(2){left: 10px;}
	#content-title.bloglistingpage .elementbox:has( .ele3), #content-title.bloglistingpage .elementbox:nth-child(3){right: 10px;}
	
	#latestcontent .recent_ribbon{width: 30vw; left: -15px;}
	#latestcontent .blog-text{padding-left: 0; margin-top: 30px;}
	#content-title.bloglistingpage{padding-bottom: 200px;}
	.blogdetailview .titlesec h1{text-align: left;}
	
	.contact-form{padding: 30px;}
	.contact-form-inner{padding: 45px 40px;}
	#location .mapcontainer{aspect-ratio: 1095 / 600;}
	
	.addtocart-div{margin-top: 0;}
	.prodattr-container{margin-top: 20px;}
	.addtocart-div .packageAttrRow, .addtocart-div .quantity-box{margin-bottom: 20px !important;}
	#product_descriptions .row{row-gap: 30px;}
	
	#product_descriptions .btgrid .row:has( .bgoverflow.dottedright) > div:nth-child(2), #product_descriptions .btgrid .row:has( .bgoverflow.dottedleft) > div:nth-child(1){
	    order: 2;
	}
	#product_descriptions .btgrid .row:has( .bgoverflow.dottedright) > div:nth-child(1), #product_descriptions .btgrid .row:has( .bgoverflow.dottedleft) > div:nth-child(2){
	    order: 1;
	}
	#product_descriptions .btgrid .row:has( .bgoverflow:not(.bgFFFBF1left)) > div:nth-child(1) .content:has( img), #product_descriptions .btgrid .row:has( .bgoverflow:not(.bgFFFBF1right)) > div:nth-child(2) .content:has( img){
	    padding: 0;
	}
}

@media(max-width: 649.9px){
    #whychooseus tbody tr{gap: 20px;}
}

@media(max-width: 575.9px){
    html, body, p{font-size: 14px;}
    .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: 15px;}
    .widget > h4{margin-top: 20px;}
    
    .wave-white-bottom{margin-top: -18px;}
    .wave-white-top{margin-bottom: -12px;}
    .nav-button.swiper-button-prev, .swiper-container-rtl .nav-button.swiper-button-next, .owl-prev{left: -10px; right: auto;}
	.nav-button.swiper-button-next, .swiper-container-rtl .nav-button.swiper-button-prev, .owl-next{right: -10px; left: auto;}
	.testimonial-swiper .big-slide .testimonial-card{padding: 30px 20px;}
	.testimonial-swiper .big-slide .testimonial-card .card-inner{padding: 40px 25px;}
	#cta .ctacontent > .element.ele1{max-width: 65px; left: 10px;}
	#cta .ctacontent > .element.ele2{max-width: 45px; left: 25%; margin-top: -150px;}
	#cta .ctacontent > .element.ele3{max-width: 80px;}
    #cta .ctacontent > .element.ele4{max-width: 35px;}
    
    #whychooseus .element.cow{max-height: 80px; top: -15px; left: 10px;}
    #whychooseus .element.monkey{max-height: 60px; bottom: 200px; left: 30px;}
    #whychooseus .element.panda{max-height: 80px;}
    #whychooseus .element.koala{max-height: 80px;}
    #whychooseus .element.giraffe{display: none;}
    #whychooseus .element.lion{max-height: 80px;}
    #whychooseus .element.ele1{width: 200px;}
    #whychooseus .element.ele2{width: 75px; left: auto; right: 30px; max-width: calc((100vw - 165px) / 3.5);}
    #whychooseus .element.ele3{height: 85px; bottom: -50px; right: 80px; z-index: 2;}
    #whychooseus .element.ele4{height: 105px;}
    #whychooseus .content .innerbox{padding: 50px 40px 50px 20px;}
    #whychooseus tbody tr{gap: 10px}
    #whychooseus td{width: calc(100% - 80px);}
    #whychooseus td img{width: 60px;}
    
    #content-title.newslistingpage .ele1{left: -4.5vw;}
    #content-title.newslistingpage .flag{width: 40vw;}
    
    .blogdetailview .flexbox:has( > .titlesec){
        align-items: flex-start;
        flex-direction: column;
    }
    .blogdetailview .titlesec, .blogdetailview .sharesec{width: 100%;}
    .blogdetailview .sharesec .sharebox > div{display: flex !important;}
    
    #latestcontent .blog-card{padding: 40px;}
    
    .producttype_tag{height: 65px;}
    .selectiontabs .attrbox.colorattrbox{width: 35px; height: 35px; min-height: auto;}
    .productdetailview .titlesec .title{margin-bottom: 5px; margin-top: 30px;}
    .flex-control-nav.flex-control-thumbs{gap: 5px; justify-content: center;}
    .flex-control-nav.flex-control-thumbs li{border-radius: 8px;}
    .flex-control-nav.flex-control-thumbs li img{display: none;}
    .flex-control-nav.flex-control-thumbs li{
        background-color: rgba(255, 255, 255, 0.5);
        border: 1px solid #FE4E79;
        width: 10px !important;
        height: 10px !important;
        padding: 0;
        border-radius: 50%;
        aspect-ratio: auto;
        flex: 0 0 10px;
        box-shadow: none;
        pointer-events: none;
    }
    .flex-control-nav.flex-control-thumbs li:has( .flex-active){
        background-color: rgba(254, 78, 121, 1);
        box-shadow: none;
    }
    .flex-control-nav.flex-control-thumbs li:hover, .flex-control-nav.flex-control-thumbs li:has( img.flex-active){
        background-color: rgba(254, 78, 121, 1);
        box-shadow: none;
    }
    
    #contactinfo{background-color: #c4e2fe; padding-bottom: 60px;}
    #forms{background-color: #f2efe5; padding-top: 30px; padding-bottom: 30px;}
    .contact-form{background-image: none; filter: none; padding: 30px; background-color: white; border-radius: 24px;}
    .contact-form-inner{background-image: none; filter: none; padding: 0;}
    #enquiryForm{margin-top: 30px;}
    #forms .element{display: none;}
}
@media(max-width: 514.9px){
    .ctabox .content{width: 100%;}
}
@media(max-width: 476.9px){
    #header .header-info .infobox.others svg{padding: 0 8px;}
    #header .header-info .infobox.others li#top-cart svg{padding-right: 0;}
    #sliderm, #banner.aboutuspage{aspect-ratio: 900 / 1400;}
    
    section{overflow: hidden;}
    #logo img{
        height: 35px;
        object-fit: contain;
    }
    #primary-menu-trigger, .header-outter-flexbox > .topinfo{width: 80px;}
    .header-outter-flexbox > .header-inner-flexbox{width: calc(100% - 160px);}
    
    #bestselling{margin-top: 0;}
    #bestselling h2{text-align: center;}
    #bestselling p{text-align-last: center;}
    #bestselling p:has( .button){display: flex; align-items: center; justify-content: center; flex-direction: row; align-content: center;}
    #bestselling p .button{width: 100%;}
    
    #cta h2{text-align: center;}
    #cta p{text-align-last: center;}
    #cta p:has( .button){display: flex; align-items: center; justify-content: center; flex-direction: row; align-content: center;}
    #cta p .button{width: 100%;}
    #cta .ctacontent .content:has( > .textbox){padding: 50px 65px;}
    
    #content-title.newslistingpage .ele1{
        width: 18vw;
        left: 1.5vw;
        top: auto;
        transform: none;
        bottom: 120px;
    }
    #content-title.newslistingpage .ele2{width: 15vw; left: 70px; bottom: 60px;}
    #content-title.newslistingpage .ele3{width: 27vw; right: 2vw; bottom: 35px;}
    .sortingdiv form span{text-align: left; display: inline-block;}
    .sortingdiv form select{width: calc(100% - 80px); min-width: auto;}
    
    #product-care .titlesec .element:before{height: 110%; top: -110%;}
    #product-care .titlesec .elementbox:has( .ele2), #product-care .titlesec .elementbox:has( .ele3),
	#product-care .titlesec .elementbox:nth-child(2), #product-care .titlesec .elementbox:nth-child(3){top: 10%;}
    #product-care .titlesec .elementbox, #product-care .titlesec .element{display: block;}
    #product-care .titlesec .element img{width: 15vw;}
    
    #content-title.bloglistingpage .element:before{height: 110%; top: -110%;}
    #content-title.bloglistingpage .elementbox:has( .ele2), #content-title.bloglistingpage .elementbox:has( .ele3),
	#content-title.bloglistingpage .elementbox:nth-child(2), #content-title.bloglistingpage .elementbox:nth-child(3){top: 10%;}
    #content-title.bloglistingpage .elementbox, #content-title.bloglistingpage .element{display: block;}
    #content-title.bloglistingpage .element img{width: 15vw;}
    #latestcontent .blog-card{padding: 30px;}
    
    #contactinfo .ele1{height: 50vw; left: -0.5vw;}
    #contactinfo .ele2{height: 30vw; right: 40px;}
    #contactinfo .ele3{height: 40vw;}
    #contactinfo .content.bg1{padding: 60px 50px;}
    #contactinfo .content.bg2{padding: 30px 60px 45px;}
    #contactinfo .content.bg2 > p{text-align: center;}

    .producttype_tag{height: 50px;}
}
@media(max-width: 379.9px){
    #whychooseus .element.ele2{top: -80px;}
}
@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 -------------------------- */