@charset "utf-8";
/* CSS Document */
/*----------------
RESET CSS
-----------------*/
body {
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	padding:0;
	background:#fff;
	color:#000000;
	text-align:center;
	font-family: "DM Sans", sans-serif;
	font-weight: normal;
}
div, ul, h1, h2, h3, h4, h5, li, p, img, form, input, textarea {margin:0;padding:0;}
header, section, footer, aside, nav, main, article, figure {display: block;}
table, tr, td {border:0;}
a{outline: none; color:inherit; text-decoration:none;}
a:hover {}
img {border:none; height:auto; max-width:100%}
li {list-style:none;}
*{box-sizing:border-box;}
.img-full{max-width:100%;}
.clearall{
	clear:both;
	font-size:1px;
	line-height:1px;
	height:1px;
	}
.fl{ float:left;}
.fr{ float:right;}

/*-----------------------
MAIN CSS START
------------------------*/
.container {
	width:1170px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	}
.overflow{overflow:hidden;}
/*==========Header==============*/
.topStrip{
    float: left;
    width: 100%;
    background: #01a7db;
    padding:5px 0;
	}
.top_strip_text1{
	float: left;
	color: #fff;
	font-size: 16px;
	line-height: 22px;
	}
.top_strip_text2{
	float: right;
	color: #fff;
	font-size: 16px;
	line-height: 22px;
	font-weight: 400;
	margin: 0 10px;
	}
.top_strip_text2 img{
	display:inline-block;
	vertical-align:middle;
	margin:-2px 5px 0 0;
	}

	
.top-fix-bar {
	float: left;
	width: 100%;
	margin-bottom:80px;
	}
.header{
	float:left;
	width:100%;
	height:80px;
	margin-top: -80px;
    position: relative;
    top:80px;
	}
.fixed-nav .header{
	position: fixed;
	z-index: 9999;
	top: 0;
	background:#fff;
	-webkit-transition: margin .3s ease-out;
    transition: margin .3s ease-out;
	margin-top:0;
	-webkit-box-shadow: 0 3px 4px 0 rgba(0,0,0,0.1);
	box-shadow: 0 3px 4px 0 rgba(0,0,0,0.1);
	}
.logo{
	float: left;
	margin-top: 10px;
	max-width: 140px;
	}
ul.mainMenu{
	display: inline-block;
	margin-top: 34px;
	}
ul.mainMenu li{
	float:left;
    padding:0 20px;
	border-right:1px solid #6a6a6a;
	}
ul.mainMenu li:last-child{ border:none;}
ul.mainMenu li a{
	float:left;
	color:#484848;
	font-size:17px;
	line-height:17px;
	letter-spacing:0.3px;
	}
ul.mainMenu li a.active,ul.mainMenu li a:hover{}

#cart_btn{
	float: right;
	margin: 20px 15px 0 0;
	position: relative;
	width: 140px;
	height: 42px;
	border: 1px solid #0fb733;
	border-radius: 5px;
	}
#cart_btn p{
	display:inline-block;
	vertical-align:middle;
	font-size:18px;
	line-height:42px;
	color:#484848;
	padding:0 5px;
	}
.cart-ic{ 
	display:inline-block;
	vertical-align:middle;
	margin:-3px 3px 0 0;
	}
#cart_btn span{
	position: absolute;
    right: 0;
    width:35px;
    text-align: center;
    font-size:18px;
    line-height:28px;
	color:#484848;
	padding:7px;
	border-left:1px solid #ffd790;
	top:0;
	bottom:0;
	height:100%;
	}
a.header-btn {
        float: right;
    width: 140px;
    font-size: 16px;
    color: #ffffff;
    height: 42px;
    font-weight: 600;
    line-height: 42px;
    background: #0fb733;
    margin-top: 20px;
    border-radius: 5px;
}

/*MOBILE MENU CSS*/
.mob-mnu-ic{
    cursor: pointer;
    position:absolute;
    right:15px;
    top:33px;
	z-index:16;
	height:30px;
	}
.mob-mnu-ic button{
	outline: none;
    -webkit-appearance: none;
	background: none;
	padding:0;
    cursor: pointer;
	border: none;
	margin:0;
	}
.mob-mnu-ic span{
	color:#fff;
	display:inline-block;
	vertical-align:top;
	font-size:16px;
	margin-top:4px;
	margin-right:5px;
	}
.bar1, .bar2, .bar3 {
	width: 25px;
	height: 2px;
	background-color: #555555;
	transition: 0.4s;
	}
.bar2{margin: 6px 0;}
.dl-active .bar1 {
	-webkit-transform: rotate(-45deg) translate(-8px, 5px);
	transform: rotate(-45deg) translate(-8px, 5px);
	background:#555555;
	}
.dl-active .bar2 {opacity: 0;}
.dl-active .bar3 {
	-webkit-transform: rotate(45deg) translate(-6.5px, -3.5px);
	transform: rotate(45deg) translate(-6.5px, -3.5px);
	background:#555555;
	}
.mobilemenu{
	left:0;
	position:fixed;
	top:110px;
	background:#fff;
	z-index:9999;
	right:0;
	bottom:0;
	overflow:scroll;
	display:none;
	border-top:1px solid #ddd;
	}
.mobimenu-top{ top:80px;}
.mobilemenu li{
	float:left;
	width:100%;
	text-align:left;
	border-bottom:1px solid #ddd;
	}
.mobilemenu li a{
	float:left;
	width:100%;
	padding:17px 20px;
	font-size:16px;
	color:#000;
	}
.mobilemenu li a.header-btn {
    float: left;
    width: 150px;
    font-size: 18px;
    color: #ffffff;
    height: 42px;
    line-height: 40px;
    font-weight: 600;
    margin:10px 0;
    border-radius: 20px;
    background: #19c354;
	padding:0;
	text-align:center;
	}
/*====Banner Section====*/
.banner_section{
	float:left;
	width:100%;
	padding:45px 0 60px;
	overflow:hidden;
	background:url(../images/bnr-bg.webp) no-repeat center top;
	background-size:cover;
	position:relative;
	}
.banner-row{
	width:100%;
	float:left;
	}
.prod_bnr_lft{
	float: right;
    width: 49.4%;
    position: relative;
    z-index: 1;
	}
	
.banner_right{
	width: 52%;
	text-align: left;
	float: left;
	}
.banner_rating{
	font-size:14px;
	line-height:14px;
	color:#000;
	}
.ratting_star{
    display: inline-block;
    vertical-align: middle;
    margin: -5px 9px 0 0;
    width: 85px;
	}		
.trusted_pic{
    display: inline-block;
    vertical-align: middle;
    margin: -5px 0 0 10px;
    width: 90px;
	}
.bnr_heading{
	font-size: 56px;
	line-height: 66px;
	color: #04385d;
	font-weight: 600;
	margin-top: 0;
	font-family: "Playfair Display", serif;
	}
.bnr_text{
    font-size: 18px;
    line-height: 26px;
    color: #000;
    border-top: 1px solid #abcdda;
    padding-top: 15px;
    margin-top: 15px;
    width: 88%;
	}
ul.bnr_list{
    width: 100%;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    column-gap: 15px;
    margin-top: 16px;
    row-gap: 10px;
	}
ul.bnr_list li{
	background: #f7fcfe;
	padding: 10px 12px 8px 12px;
	border-radius: 40px;
	text-align: left;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	column-gap: 7px;
	width: 48%;
	text-transform: capitalize;
	}	
ul.bnr_list li img{ width:20px; margin-bottom: 2px;}		
ul.bnr_list li p{
	font-size:17px;
	line-height:19px;
	color:#000;
	font-weight:600;
	}
.bnr_include_txt{
	font-size:19px;
	line-height:21px;
	color:#000;
	font-weight:600;
	letter-spacing:0.2px;
	position:relative;
	margin-top:20px;
	}
.bnr_include_txt:before{
	content:'';
	position:absolute;
	top:10px;
	left:0;
	right:0;
	background:#d5dfe1;
	height:1px;
	}	
.bnr_include_txt span{
	    position: relative;
    z-index: 1;
    background: #e6f9fd;
    padding-right: 10px;
	}

.btn_box{
	display:inline-block;
	vertical-align:top;
	width:100%;
	margin-top:40px;
	}	
.banner_section .btn_box{ margin-top:30px;}	
.btn_width{
	display:inline-block;
	vertical-align:top;
	width:100%;
	text-align:center;
	max-width:430px;
	}	
.banner_section .btn_width{ max-width:500px;}	
.btn_top_text{
	    font-size: 14px;
    line-height: 14px;
    color: #000;
    margin-top: 10px;
    letter-spacing: 1px;
    text-transform: uppercase;
	}	
.btn_top_text span{ 
	color:#34a753;
	position:relative;
	}		
.btn_top_text span:before{
	content: '';
    position: absolute;
    top: 6px;
    left: -15px;
    background: #63db62;
    height: 9px;
    width: 9px;
    border-radius: 50%;
    animation: shadow-pulse 3s infinite;
	}
@keyframes shadow-pulse{
    0% {box-shadow: 0 0 0 0 rgba(172, 238, 183, 2)}
    50% {box-shadow: 0 0 0 0 rgba(172, 238, 183, 2)}
    100% {box-shadow: 0 0 0 8px transparent}
	}	
.btn_width_inner{
	    margin: 0 auto 0;
    width: 100%;
    height: 66px;
    text-align: center;
    border-radius: 12px;
    background: #0fb733;
    position: relative;
    font-weight: bold;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 14px;
	}		
.common__button{
	    font-size: 24px;
    line-height: 24px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
	}
.btn_price{
	font-size:19px;
	line-height:19px;
	color:#ffbb42;
	font-weight:bold;
	margin-top:5px;
	}	
.btn_price span{
	color:#b2b2b2;
	font-weight:500;
	position:relative;
	text-decoration:line-through;
	}	
.btn_dot{
	display:inline-block;
	vertical-align:middle;
	width:6px;
	height:6px;
	background:#fff;
	border-radius:50%;
	}
.bnr_prod_img {
	    position: absolute;
    top: 0;
    right: 265px;
    width: 345px;
}	

/*-----------------------
SECTION-2
------------------------*/

.section-2{
	float: left;
    width: 100%;
    padding: 60px 0;
    background: #effafe;
	}
.common_heading {
        font-size: 44px;
    line-height: 52px;
    color: #04385d;
    font-weight: 600;
    font-family: "Playfair Display", serif;
}
.common_text {
	font-size: 18px;
	line-height: 26px;
	color: #232323;
	margin-top: 20px;
}
.sec2_prod_row{
	width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
	margin-top: 40px;
	gap: 30px;
	}
.sec2_prod_col{
	width: 31.5%;
    text-align: center;
    border-radius: 8px;
    padding: 25px 10px;
    background: #fff;
	}
.sec2_prod_img{
	    display: block;
    margin: 0 auto 10px;
    max-width: 250px;
	}
.sec2_prod_name{
	font-size: 22px;
    line-height: 30px;
    color: #0f0f0f;
    font-weight: 700;
	min-height: 60px;
}
.sec2_prod_name span{ display:block; font-weight:400; font-size:18px;}
.s2_prod_about{
	font-size:16px;
	line-height:24px;
	color:#454545;
	font-weight:300;
	}
.reglr-prc {
	float: left;
	width: 100%;
	font-size: 26px;
	margin: 10px 0;
	text-align: center;
	font-weight: 700;
	font-family: "Playfair Display", serif;
}
a.s2_shop_button {
	    display: flex;
    justify-content: center;
    margin: 0px auto;
    width: 90%;
    font-size: 20px;
    color: #ffffff;
    height: 50px;
    border-radius: 5px;
    font-weight: 500;
    background: #0fb733;
    margin-top: 23px;
    align-items: center;
}

.s5-txt {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    margin-top: 30px;
    border: 1px solid #fffa19;
    padding: 10px 10px;
    -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
    max-width: 670px;
    font-weight: 700;
    background: #fffed0;
}

/*-----------------------
	SECTION-3 CSS
------------------------*/
.section3{
	float:left;
	width:100%;
	padding:60px 0;
	position:relative;
	}
.s3_science_wrap{
	margin:40px auto 0;
	width:100%;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	}
.section3 .common_text{
    display: inline-block;
    max-width: 70%;
}
.s3_science_imgbx{
	width:49%;
	}
.s3_science_imgbx img{
	margin:0 auto 0;
	display:block;
	}
	
.s3_science_contbx{
	width:48%;
	text-align:left;
	padding-right:50px;
	}	
ul.s3_contbx_list{
	float:left;
	width:100%;
	}	
ul.s3_contbx_list li{
	float: left;
    width: 100%;
    text-align: left;
    border-bottom: 1px solid #b6ccd3;
    padding: 0 0 26px 90px;
    margin-bottom: 22px;
    position: relative;
	}
ul.s3_contbx_list li:last-child{ 
	border:none; 
	padding-bottom:0; 
	margin-bottom:0;
	}	
ul.s3_contbx_list li img{
	position:absolute;
	top:0;
	left:0;
	width:68px;
	}		
ul.s3_contbx_list li h3{
	font-size:24px;
	line-height:28px;
	color:#04385d;
	font-weight:bold;
	}	
ul.s3_contbx_list li p{ margin-top:10px; max-width:100% !important;}

/*====Scroll Strip====*/
.scrollStrip{
	float:left;
	position: relative;
	width:100%;
	overflow:hidden;
	background:#01a7db;
	padding:22px 0 18px;
	}
.logoSlider{
	float:left;
	width:100%;
	display: flex;
    flex-wrap: nowrap;
	}
.slider_track{
	display: flex;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-shrink: 0;
    animation: marquee-horizontal 90s linear infinite;
	column-gap:40px;
	margin-right: 30px;
	}
@keyframes marquee-horizontal {
	from {transform: translateX(0);}
	to {transform: translateX(-100%);}
	}
.slider_track li{
	display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
	}
.slider_track li p{
	width:calc(100% - 20px);
	font-size:17px;
	line-height:20px;
	color:#fff;
	text-align:left;
	padding-left:6px;
	}	
.slider_track li img{
    width: 20px;
    margin-bottom: 4px;
	}
	
/*=========Section 6========*/
.section6{
	float:left;
	width:100%;
	padding:60px 0 0;
	background: #fff;
	}
.s6_inner{
	display:inline-block;
	vertical-align:top;
	width:100%;
	position:relative;
	overflow-y: clip;
	padding-bottom:60px;
	}	
ul.craft_list{
	display:inline-block;
	vertical-align:top;
	width:100%;
	max-width:560px;
	margin-top:20px;
	}
ul.craft_list li{
	display:inline-block;
	vertical-align:top;
	width:100%;
	background:#fff;
	border:2px solid #000;
	border-radius:12px;
	padding:35px 15px 20px;
	margin-top:50px;
	position:relative;
	}	
.craft_list_imgbx{
	position:absolute;
	top: -33px;
    left: 50%;
    transform: translate(-50%);
	width:60px;
	height:60px;
	background:#fff;
	border:2px solid #3a3a3a;
	border-radius:50%;
	
	display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
	}
.craft_list_imgbx img{
	display:block;
	margin:0 auto 0;
	width:44px;	
	}		
ul.craft_list li h3{
	font-size:24px;
	line-height:32px;
	color:#04385d;
	font-weight:bold;
	}
ul.craft_list li p{ margin-top:6px;}

.s6_prod_img1{
	position:absolute;
	top: 232px;
    left: -60px;
	}
.s6_prod_img2{
	position:absolute;
	top: 140px;
    right: -70px;
	}
.s6_prod_img3{
	position:absolute;
	bottom: -140px;
    right: 10px;
	}

/*=========Section 7========*/
.section7{
	float:left;
	width:100%;
	background: #effafe;
	padding:60px 0;
	}
.s7_step_blk{
	display:-webkit-flex;
	display:flex;
	flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
	max-width:1045px;
    margin:25px auto 0;
	position:relative;
	}
.s7_step_bx{
	width:30.15%;
	position:relative;
	text-align:center;
	}
.s7_step_bx:before{
	content: '';
    position: absolute;
    top: 24px;
    right: -180px;
    width: 310px;
    border-top: 4px dotted #333333;
	}
.s7_step_bx:last-child:before{ display:none;}	
.bx_count{
	display: block;
    margin: 0 auto;
    width: 51px;
    height: 51px;
    border: 4px solid #fff;
    background: #b7e3ee;
    border-radius: 50%;
    font-size: 24px;
    line-height: 44px;
    color: #04385d;
    font-weight: bold;
    position: relative;
    text-align: center;
	}
.s7_step_bx_inr{
	display: inline-block;
    vertical-align: top;
    width: 100%;
    margin-top: 25px;
	}
.s7_step_bx_inr img{
	display:block;
	margin:0 auto;
	border-radius:25px;
	width:304px;
	border:2px solid #000;
	box-sizing: content-box;
	}
.s7_step_cont_bx{
	display:inline-block;
	vertical-align:top;
	width:100%;
	margin-top:25px;
	}
.s7_step_cont_bx h3{
	font-size:24px;
	line-height:32px;
	color:#04385d;
	font-weight:bold;
	}

	
/*===========contact_strip=============*/
.contact_strip{
	    float: left;
    width: 100%;
    padding: 30px 0;
    background: #fff;
	}
.contact_row{
	width: 100%;
	max-width:100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
	margin:0 auto;
	flex-wrap: wrap;
	}
.contact_col{
	width: 100%;
	padding: 20px 20px 20px;
	text-align: center;
	}
.contact_col_2{
	border-top:1px solid #ccc;
	}
.qsn_hdng{
	font-size:24px;
	line-height:30px;
	color:#0f0f0f;
	font-weight:600;
	
	}
.qsn_text{
	font-size:17px;
	line-height:26px;
	color:#1e1e1e;
	margin-top:15px;
	letter-spacing:0.3px;
	}
a.read_faq{
	display: flex;
    justify-content: center;
    margin: 0 auto;
    width: 100%;
    max-width: 200px;
    font-size: 19px;
    line-height: 48px;
    height: 50px;
    color: #ffa200;
    font-weight: 600;
    border: 1px solid #ffa200;
    border-radius: 50px;
    margin-top:25px;
    text-align: center;
	}
.call_text{
	font-size:17px;
	line-height:26px;
	color:#222222;
	font-weight:500;
	margin:5px 0;
	position:relative;
	}
.call_text a{
	color:#222222;
	}
.call_text a:hover{ text-decoration:underline;}
.call_text a img{
	display:inline-block;
	vertical-align:middle;
	margin:-3px 5px 0 0;
	}
ul.social_list{
	float:left;
	width:100%;
	margin-top:25px;
	}
ul.social_list li{
	display:inline-block;
	vertical-align:top;
	padding:0 5px;
	}

/*==========footer===================*/
.footer{
	float:left;
	width:100%;
	padding:30px 0 20px;
	text-align:center;
	background: #effafe;
	}
.ftr-logo{
	display: block;
    width: 180px;
    margin: 0 auto 20px;
	}
.ftr-list{
	font-size:15px;
	line-height:24px;
	letter-spacing:0.5px;
	color:#3a3a3a;
	}
.ftr-list a{ color:#3a3a3a; padding:0 10px;}

.ftr-txt1{
	font-size:15px;
	line-height:24px;
	letter-spacing:0.5px;
	color:#343434;
	}
.ftr-btm{
	float:left;
	width:100%;
	}

/*TERMS- PRIVACY*/

.tems_bg {
	float: left;
	width: 100%;
	padding: 40px 0;
}
.trm-bx {
	    background: #fff;
    width: 100%;
    float: left;
    text-align: left;
    margin: 30px 0;
}
.trm-bx h2 {
	    line-height: 40px;
    color: #333;
    font-size: 24px;
    float: left;
    width: 100%;
    font-weight: 700;
    padding-bottom: 5px;
}
.trm-bx h3 {
	line-height: 28px;
    text-align: left;
    font-size: 22px;
    float: left;
    width: 100%;
    margin: 0px 0 15px;
    color: #3c3c3b;
    font-weight: 600;
    background: #ffffff;
}
.trm-bx ul{
	float:left;
	 width:100%;
	 padding:0 10px;
}
.trm-bx li {
	margin-top: 10px;
	font-size: 16px;
	line-height: 24px;
	float: left;
	width: 100%;
	list-style: disc;
}
.trm-bx strong {
	text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
.trm-bx span {
	text-transform: uppercase;
}
.trm-bx p {
	font-size: 16px;
	line-height: 24px;
	float: left;
	width: 100%;
	margin-bottom: 10px;
	font-weight: 400;
}
.trm-bx h4, .trm-bx h5 {
	font-size: 22px;
	float: left;
	width: 100%;
	margin: 10px 0;
	font-weight: 500;
}
.ing-blk h4 {
    text-align: center;
}
.ing-blk img {
    display: block;
    margin: 0 auto 10px;
}
.trm-bx h5 {
	font-size: 20px;
	font-weight: 500;
}
.privacy-list {
	padding: 0 0 0 30px
}
.privacy-list li {
	font-weight: bold;
}
.privacy-list li p {
	font-weight: normal;
	margin-top: 10px;
}
.mrg-tp {
	margin: 15px 0 !important;
	float: left;
	width: 100%
}
.trm-txt {
	float: left;
	width: 100%;
	background: #fff;
	padding: 20px 20px
}
.disclr-bx {
	border: 2px solid #000;
	padding: 10px;
	font-weight: 500;
	float: left;
	width: 100%;
	margin: 0;
}
.disclr-bx p {
	margin-bottom: 0;
	font-weight: bold;
}
.trm-bx ol {
	margin: 0px;
	float: left;
	width: 100%;
	font-weight: 400;
	padding: 0 20px;
	margin-bottom: 20px;
}
.trm-bx .disclmr {
	width: 100% !important;
}
.ing-lft-bx img {
    max-width: 100%;
}

/*********************/
.contact-sec1{
	    float: left;
    width: 100%;
    background: #effafe;
    padding: 60px 0;
	}
.cont-sec1Lft{
    float: left;
    width: 45%;
    text-align: left;
	}
.cont-sec1Lft .comn-text{ margin-top:0;}	
ul.cnt-list{
	float:left;
	width:100%;
	text-align:left;
	margin-top:25px;
	}
ul.cnt-list li{
	float: left;
    width: 100%;
    padding: 0 0 20px 60px;
	margin-top:20px;
    position: relative;
	border-bottom: 1px solid #ebebeb;
	}
ul.cnt-list li:last-child{ border:none; padding-bottom:0;}	
ul.cnt-list li img{
    position: absolute;
    left: 0;
    top: 10px;
	filter: grayscale(1);
	}
ul.cnt-list li p{
    float: left;
    width: 100%;
    font-size: 20px;
    color: #000;
    line-height: 30px;
	}	
ul.cnt-list li span{
    font-weight: bold;
	display: block;
	width: 100%;
	}
.cnt-social{
	float:left;
	width:100%;
	margin-top:40px;
	}	
.cnt-social li{
	display:inline-block;
	vertical-align:top;
	}
.cnt-social li img{
	display:inline-block;
	vertical-align:top;
	}
.cnt-social li:nth-child(2) img{ margin:0 4px;}							

.cont-right{
	float:right;
	width:50%;
	background:#fff;
	position:relative;
	border-radius:22px;
	overflow:hidden;
	box-shadow:0 0 40px 7px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow:0 0 40px 7px rgba(0, 0, 0, 0.3);
	}	
.cont-frm-hd{
	float:left;
	width:100%;
	text-align:left;
	background:#01a7db;
	padding:20px 30px;
	position:relative;
	}
.cont-frm-hd:after{
    position: absolute;
    content: "";
    left: 30px;
    bottom: -10px;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 10px solid #01a7db;
	}	
.cont-frm-hd p{
	float:left;
	width:100%;
	font-size:33px;
	line-height:37px;
	color:#fff;
	font-weight:600;
	letter-spacing:0.5px;
	}	
.cont-frm-hd img{
	position:absolute;
	bottom:-26px;
	right:30px;
	filter: drop-shadow(2px 4px 6px #ccc) grayscale(1);;
	}			
.cont-frm-box{
	float: left;
    width: 100%;
	text-align:left;
	padding:40px 30px 40px;
	}
.cont-input-box{
	float: left;
    width: 100%;
    text-align: left;
    position: relative;
	border-bottom: 1px solid #dbdbdb;
	padding-bottom:12px;
	margin-bottom:40px;
	}
.cont-input-half{ width:47%;}
.cont-input-box2{margin-bottom:0;}	
.cont-input-box label{
	float:left;
	width:100%;
	font-size:14px;
	color:#333;
	margin-bottom:10px;
	}	
.cont-field-all{
    float: left;
    width: 100%;
	background:none;
    color: #fff;
    font-size: 16px;
	font-family: inherit;
	font-weight: 400;
	-webkit-appearance:none;
	outline:none;
	border:none;
	}
.cont-field-all::placeholder{
	 color:#c1bebe;
	 font-size:18px;
	 font-weight:600;
	 }
textarea{ resize:none; height:90px;} 	

.cont-btn{
	margin-top:20px;
	border:none;
	    display: block;
    width: 100%;
    border-radius: 6px;
    height: 60px;
    overflow: hidden;
    color: #fff;
    font-size: 23px;
    line-height: 60px;
    position: relative;
    font-weight: 700;
    background: #0fb733;
    font-family: inherit;
	}
	

.contact2-sec1{ position:relative; padding-bottom:50px;}	
.contact2-sec1:before{
	content:'';
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	background:#ffeded;
	height:350px;
	}	
.contact2-sec1 .comn-text{ margin-top:0;}
.cont2Box{
	float:left;
	width:100%;
    background: #dd2027;
    position: relative;
    border-radius: 22px;
	margin-top:50px;
	
   	box-shadow:0 0 40px 7px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow:0 0 40px 7px rgba(0, 0, 0, 0.3);
	}
.cont2-sec1Lft{
	position:absolute;
	top:15px;
	left:15px;
	bottom:15px;
    width: 45%;
	background:#fff;
    text-align: left;
	border-radius: 22px;
	padding:30px 40px;
	}
.cont2-sec1Lft ul.cnt-list{ margin-top:0;}	
.cont2-sec1Lft .cnt-social{ margin-top:50px;}
.cont2-right{
    float: right;
    width: 53%;
	padding:30px;
	}
.cont2-right .cont-frm-box{ padding:0;}		
.cont2-right .cont-frm-hd{ background:none; padding:0; margin-bottom:40px;}	
.cont2-right .cont-frm-hd:after{ display:none;}	
.cont2-right .cont-frm-hd img{ bottom:22px; right:25px;}

.thank-you{ padding:30px 0; float:left; width:100%;}

.forMob,.forTab{ display:none ;}

@media only screen and (max-width: 767px){
	
	}

/*==============Media=============*/

@media only screen and (max-width:1200px){
.container{ width:1004px;}

/*******bnr********/
.banner-row{ padding:0 20px;}
.prod_bnr_lft{ width:48%;}
.banner_right{ width:46%;}
.bnr_heading{font-size: 48px; line-height: 58px;}
.bnr_prod_img{right: 165px; width: 325px;}
ul.bnr_list li p{font-size: 15px;}

.s1-lft {width: 44%;}
.s1-rgt {width: 54%;}
.s1-list li {width: 29%;}

.s2-inr-lft{ width:40%;}
.s2-inr-rgt{ margin-top: 0; width: 100%; text-align: center; padding: 30px;}
.s2prod{ max-width: 250px; top: 324px; left: 494px;}
.s2-img{ position: static; margin: 13px auto 0;display: block; max-width: 480px;}
.s2txt{    top: 213px;font-size: 84px; line-height: 96px; right: 229px; display:none;}

.s3_left {width: 49%;}
.s3_right {width: 47%;}
.s3_right_list li {padding: 0 0px 0 65px;}
ul.s3_contbx_list li h3{ font-size: 22px; line-height: 28px;}
.s3_science_contbx{width: 51%; padding-right: 0;}

.sec2_prod_row{ gap: 27px;}

.s6_prod_img1{ width:300px;}
.s6_prod_img2{ width:260px;}
.s6_prod_img3{ width:250px;}

.s7_step_blk{ padding:0 10px;}	

/*==================================
CSS FOR PRODUCT_DETAILS_PAGE
=====================================*/
.prod_details_left{ width:38%;}
.pkg_btn{width: 250px;}
.cards-secure p{ font-size:11px;}
}

@media only screen and (max-width:1021px){
.container{ width:750px;}
.forDesk{ display:none;}
.forTab{ display:block;}

ul.mainMenu { display:none;}
a.header-btn{ display:none;}
#cart_btn{margin: 20px 60px 0 0;}


/*******Banner********/
.banner-row{ padding:0;}
.prod_bnr_lft{ width:45%;}
.banner_right{ width:62%;}
.bnr_heading{ font-size: 44px; line-height: 54px;}
ul.bnr_list li img{ width:16px;}
ul.bnr_list li p{ font-size: 14px; line-height: 17px;}
.bnr_prod_img { right: 15px; width: 285px; top: 10px;}
.bnr_text{ width:100%;}

.common_heading{ font-size: 33px; line-height: 41px;}

.section-2{padding:40px 0;}
.comn-hdg{font-size:28px; line-height:36px;}
.comn-txt{font-size: 16px; line-height: 24px; margin-top: 15px;}
ul.s2-lst li{font-size:17px; line-height:26px; padding-left:32px; margin-top:10px;}
.s2prod {max-width: 250px; top: 294px; left: 424px;}
.sec2_prod_row{flex-wrap: wrap;}
.sec2_prod_col {width:48%;}

.section3{ padding:70px 0 60px;}
.section3:after{ background-size: 175px; width: 175px; height: 179px; margin-left: -87.5px;}
.s3_science_wrap{ align-items: flex-start;}	
.s3_science_imgbx{ width:44%;}
.s3_science_contbx { width: 52%; padding: 0;}
ul.s3_contbx_list li{ padding: 0 0 18px 65px; margin-bottom: 18px;}	
ul.s3_contbx_list li img{ width:55px;}	
ul.s3_contbx_list li h3{ font-size: 21px; line-height: 27px;}	

.section6{ padding:40px 0 0;}
.s6_inner{ padding-bottom:60px;}
ul.craft_list{ max-width: 385px; margin-top:10px;}
ul.craft_list li h3{ font-size: 22px; line-height: 28px;}
ul.craft_list li p{ margin-top: 5px;}
.s6_prod_img1{ width: 230px;}
.s6_prod_img2{ width: 240px;}
.s6_prod_img3{ width: 150px; right: 0;}

.section7{ padding:50px 0}
.bx_count{ width: 48px; height: 48px; font-size: 21px; line-height: 42px;}
.s7_step_bx:before{ top: 22px; left: 135px; width: 230px;}
.s7_step_cont_bx{ margin-top:20px;}
.s7_step_bx_inr img{ border-radius: 15px;}
.s7_step_cont_bx h3{ font-size: 20px; line-height: 28px;}

.contact-sec1{ padding:30px 0;}
ul.cnt-list{ margin-top:0;}
ul.cnt-list li p{ font-size:16px; line-height:26px;}

}


@media only screen and (max-width:767px){
.container{ width:100%; max-width:600px; padding:0 15px;}

.forMob{ display:block;}
.hide-mob{ display:none;}

.top-fix-bar{ margin-bottom:55px;}
.header{ height:55px; margin-top:-55px; top:55px;}
.mob-mnu-ic{  top:20px;}
.mobilemenu{ top:56px;}
.mobimenu-top{ top:55px;}

.topStrip{ display:none;}

ul.mainMenu{ display:none;}
.logo { width: 130px; margin-top: 5px;}

#cart_btn { margin: 11px 40px 0 0;  width: 100px; height: 34px;}
#cart_btn p{ font-size:16px; line-height:32px;}

.banner_section{ background: #C7EEF8; background: linear-gradient(180deg, rgba(199, 238, 248, 1) 0%, rgba(203, 239, 248, 1) 8%, rgba(208, 241, 249, 1) 18%, rgba(243, 251, 253, 1) 33%, rgba(243, 251, 254, 1) 46%, rgba(219, 242, 250, 1) 66%, rgba(225, 244, 252, 1) 80%, rgba(244, 252, 255, 1) 100%); padding: 12px 0 35px;}
.banner-row{ justify-content: center;}
.logo{ width:100px; margin:5px auto 0;}
.prod_bnr_lft{ width:100%; margin-top: 25px;}

.banner_right{ width:100%; margin-top:10px;}
.banner_rating{ font-size: 12px; line-height: 12px;}
.ratting_star{ margin: -5px 5px 0 0; width: 60px;}
.trusted_pic{ margin: -5px 0 0 5px; width: 75px;}
.bnr_heading{ font-size: 34px; line-height: 42px;}
.bnr_text{ font-size: 16px; line-height: 24px; padding-top: 10px; margin-top: 10px;}
ul.bnr_list{ column-gap: 10px; margin-top: 14px; row-gap: 6px;}
ul.bnr_list li{ padding: 7px 10px 5px 10px; column-gap: 7px;}	
ul.bnr_list li img{ width:14px;}		
ul.bnr_list li p{ font-size: 15px; line-height: 22px;}
.bnr_include_txt{ font-size:16px;}
img.bnr_img {width: calc(100% + 30px); max-width: unset; margin-left: -15px;}
.bnr_include_txt span{background: #dff4fb;}

.common_heading {font-size: 26px; line-height: 36px;}
.common_text{ font-size:16px; line-height:24px;}

.btn_box{ margin-top: 25px;}	
.banner_section .btn_box{ margin-top: 25px;}
.btn_width{ max-width:340px;}
.btn_top_text{ font-size: 12px; line-height: 12px; margin-bottom: 10px;}	
.btn_top_text span:before{ top:5px;}	
.btn_width_inner{ height:60px;}	
.common__button{ font-size:16px; line-height:16px;} 
.btn_price{ font-size: 16px; line-height: 16px;}

.section-2{padding:0px 0 30px;}
.s2-inr-lft, .s2-inr-rgt{width:100%;}
.s2-inr-rgt{ padding: 20px; margin-top: 0;}
.s2-img{max-width:100%; margin:15px 1.5%;}
.s2prod{left: 150px; max-width: 165px; top: 215px;}
.s2-nm{font-size:16px; line-height:22px;}
.s2-design{font-size:15px; line-height:22px; margin-top:5px;}
.s2-btm{margin-top:60px;}
.s2-btm h3{font-size:24px; line-height:30px;}
.s2-btm p{text-align:center; border-left:none; margin-left:0; padding-left:0; margin-top:15px;}
ul.s2-lst li {font-size: 17px; line-height: 27px; padding-left: 30px; margin-top: 10px; width: 100%;}
.sec2_prod_col{ width:100%;}
.sec2_prod_row { gap: 15px;  margin-top: 20px;}

.section3{ padding: 30px 0 40px;}
.wave_bg:before{ top: -40px; background: url(../images/wave-bg-m.webp) repeat-x; height: 40px; background-size: cover;}
.section3:after{ background-size: 155px; width: 155px; height: 159px; margin-left: -77.5px; top: -138px;}
.s3_science_wrap{ width:calc(100% + 30px); align-items: flex-start; margin: 25px auto 0; flex-direction: column-reverse; justify-content: center;  margin-left:-15px;}
.s3_science_imgbx{ width:100%; padding:0 15px; margin-top:10px;}
.s3_science_imgbx img{ width:100%;}
.s3_science_contbx{ width:100%;}
ul.s3_contbx_list li{ padding: 0 15px 18px 77px; margin-bottom: 18px; border-bottom: 2px solid #000;}
ul.s3_contbx_list li img{ width: 50px; left: 15px;}
ul.s3_contbx_list li h3{ font-size: 18px; line-height: 26px;}
ul.s3_contbx_list li p{ margin-top: 6px;}
.section3 .common_text{ max-width:100%;}

.scrollStrip{ padding: 20px 0 16px;}
.slider_track{ column-gap: 30px;}
.slider_track li img{ width: 18px;}
.slider_track li p{ width: calc(100% - 18px); font-size: 14px; line-height: 16px; padding-left: 5px;}

.section6{ padding: 20px 0 0;}
.s6_inner{padding-bottom: 30px; overflow-y: visible; overflow-x: clip;}
ul.craft_list{ max-width: 100%; margin-bottom: 10px;}
.craft_list_imgbx{ top: -23px; width: 46px; height: 46px;}
.craft_list_imgbx img{ width: 34px; }
ul.craft_list li{ border-radius: 12px; padding:30px 12px 10px; margin-top: 35px;}
ul.craft_list li h3{ font-size: 20px; line-height: 26px;}
ul.craft_list li p{ font-size: 16px; line-height: 24px; margin-top: 5px;}
.s6_prod_img1{ width: 230px; top: 368px; left: -148px; transform: rotate(2deg); display:none;}
.s6_prod_img2{ width: 70px; top: 610px; right: -32px; transform: rotate(-24deg); display:none;}
.s6_prod_img3{ width: 150px; right: -82px; bottom: auto; top: -80px; transform: rotate(-8deg);}
.s6_fruit_img1{ position: absolute; top: 140px; left: -68px;}
.s6_fruit_img_mob{ position: absolute; top: 292px; right: 0;}

.section7{ padding:30px 0;}
.s7_step_blk{ margin: 25px auto 10px; row-gap:30px; max-width: 360px;}
.s7_step_bx{ width: 100%;}
.s7_step_bx:before{ display:none;}
.s7_step_bx:after{ content: ''; position: absolute; top: 50px; left: 55px; bottom: -95px; border-left: 4px dotted #000;}
.s7_step_bx_inr{ display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin: 0 auto; width: 100%; position: relative; z-index: 2;}
.s7_step_bx:last-child:after{ display:none;}
.s7_step_imgbx{ width:31.88%;}
.s7_step_cont_bx{ width:68%; margin-top: 0; text-align: left; padding-left:16px;}
.s7_step_bx_inr img{ border-radius: 15px; box-sizing: border-box;}
.bx_count_mob{ display:inline-block; vertical-align:top; background:#b7e3ee; padding:5px 15px 3px; border-radius:20px;}
.bx_count_mob p{ font-size:14px; line-height:16px; color:#04385d; font-weight:bold;}
.s7_step_cont_bx h3{ font-size: 18px; line-height: 25px; margin-top:10px;}
.s7_step_cont_bx .common_text{margin-top: 5px;}

.cont-sec1Lft{ width:100%;}
.cont-sec1Lft .comn-para{ margin-top:0;}
ul.cnt-list li{padding: 0 0 20px 52px;}
.cont-right{ width:100%; margin-top:30px;}
.cont-frm-hd p{ font-size:24px;}


.footer{ padding:20px 0 0;}
.ftr-logo{width: 130px; margin: 0 auto 0px;}
.ftr-list{ font-size:14px; line-height:17px;}
.ftr-list a {padding: 0 5px;}
.ftr-btm{ padding: 0 0 15px; font-size: 12px; line-height: 20px; margin: 0;}
.ftr-txt1{ font-size:13px; width:100%;}
.contact_strip{ padding:30px 0;}
.contact_col{ width:100%; padding: 0 0px;}
.contact_col_2{ border:none; margin-top:10px;}
.qsn_text{ font-size:14px; line-height: 22px; letter-spacing:0; margin-top: 5px;}
.call_text{ font-size:15px; line-height:26px;}
.qsn_hdng{ font-size:20px;}

.tems_bg {padding: 10px 0;}
.trm-bx{margin: 20px 0;}

.continue-shpbtn{    font-size: 16px;}

}

/*TERMS- PRIVACY*/

.trms-sec2{
	float: left;
    width: 100%;
    text-align: left;
    background: #effafe;
    padding: 40px 0;
}
.trms-innner {
    float: left;
    width: 100%;
    background: #fff;
    padding: 10px 20px;
}
.trms-sec2 h1{
	height:40px;
	line-height:40px;
	background:#01a7db;
	color:white;
	margin:20px 0 20px 0;
	padding:0 10px;
	font-size:26px;
	float: left;
    width: 100%;
}
.trms-sec2 h3{
	font-size: 24px;
	font-weight: 700;
	float: left;
	width: 100%;
	margin: 0px 0 20px;
}
.trms-sec2 p{
	    float: left;
    width: 100%;
    font-size: 16px;
    line-height: 26px;
    margin: 0px 0 20px;
}
.trms-sec2 ol{
	float:left;
	width:100%;
	padding:0 20px;
	}
.trms-sec2 ol li {
    float: left;
    width: 100%;
    font-size: 18px;
    line-height: 26px;
    margin: 0px 0 10px;
    list-style: auto;
}
.trms-sec2 h4, .trms-sec2 h5{
	font-size:20px;
	font-weight:600;
	float:left;
	width:100%;
	margin:10px 0;
	}
.trms-sec2 h5{ font-size:20px; font-weight:400;}
.top_sec {
    float: left;
    width: 100%;
    background: #01a7db;
    margin-bottom: 20px;
    text-align: left;
}
.trms-sec2 .top-txt {
        float: left;
    width: 100%;
    font-weight: 700;
    color: #fff;
    text-transform: capitalize;
    line-height: 31px;
    /* height: 37px; */
    font-size: 22px;
    padding: 5px 14px;
    margin: 0;
}
.ing-lft-bx {
    float: left;
    width: 100%;
    text-align: center;
}
.ing-lft-bx img {
    max-width: 100%;
}

@media only screen and (max-width: 767px){
	.tems_bg {    padding: 10px 0;}
	}

