@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: 'Hanken Grotesk';

	font-weight:400;

	}

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

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;

	}



/*====Fonts====*/

@font-face {

    font-family: 'Hanken Grotesk';

    src: url('HankenGrotesk-Black.woff2') format('woff2'),

        url('HankenGrotesk-Black.woff') format('woff');

    font-weight: 900;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Hanken Grotesk';

    src: url('HankenGrotesk-ExtraBold.woff2') format('woff2'),

        url('HankenGrotesk-ExtraBold.woff') format('woff');

    font-weight: 800;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Hanken Grotesk';

    src: url('HankenGrotesk-Bold.woff2') format('woff2'),

        url('HankenGrotesk-Bold.woff') format('woff');

    font-weight: bold;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Hanken Grotesk';

    src: url('HankenGrotesk-SemiBold.woff2') format('woff2'),

        url('HankenGrotesk-SemiBold.woff') format('woff');

    font-weight: 600;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Hanken Grotesk';

    src: url('HankenGrotesk-Medium.woff2') format('woff2'),

        url('HankenGrotesk-Medium.woff') format('woff');

    font-weight: 500;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Hanken Grotesk';

    src: url('HankenGrotesk-Regular.woff2') format('woff2'),

        url('HankenGrotesk-Regular.woff') format('woff');

    font-weight: 400;

    font-style: normal;

    font-display: swap;

}





/*=====MAIN CSS START=====*/

.container {

	width:1170px;

	margin:0 auto;

	padding:0;

	position:relative;

	}



.top_strip{

	float:left;

	width:100%;

	padding:10px 0 8px;

	background:#f9c42d;

	}

.top_strip_text{

	font-size:18px;

	line-height:18px;

	color:#000;

	font-weight:800;

	letter-spacing:1px;

	text-transform:uppercase;

	}

	

/*====header====*/

.header{

	float:left;

	width:100%;

	padding:10px 0 10px;

	border-bottom:1px solid #e2e2e2;

	background:#fff;

	}				

.logo{

	display:inline-block;

	vertical-align:top;

    width: 194px;

	}



/*====banner====*/

.banner{

	float:left;

	width:100%;

	padding:35px 0 60px;

	background:#fff;

	}

.banner_block{

	width:100%;

	

	display:flex;

	display:-webkit-flex;

	flex-wrap:wrap;

	justify-content:space-between;

	align-items: flex-start;

	}

.banner_left{

    width:47%;

    position: relative;

	}

.prd-sldr{

    float: left;

    width: 100%;

	}

.prd-sldr-inr{

	float:left;

	width:100%;

	position:relative;

	}

.thumb-sldr{

	float:left;

	width:100%;

	margin-top:25px;

	padding:0 15px;

	}

.prd-sld{

	display:inline-block;

	vertical-align:top;

	width:100%;

	position:relative;

    border: 2px solid #2a2b2b;

    border-radius: 15px;

	}	

.prd-sld.prd-bord-non{ border:none;}	

.thum-sldr-inr{

	width:calc(100% - 8px) !important;

	cursor:pointer;

	border-radius:15px;

	border:1px solid #ddd; 

	}	

.thum-sldr-inr img{ border-radius:15px;}



.bner_seal{

	position:absolute;

	top: 95px;

	left: -20px;

	width:110px;

	height:112px;

	background:url(../images/bnr-prd-seal.webp) no-repeat center center;

	background-size:100% 100%;

	}

.bner_seal p{

	font-size:18px;

	line-height: 23px;

	color:#000;

	font-weight:bold;

	text-transform:uppercase;

	padding-top: 29px;

	}

.bner_seal p span{

	color:#ff7200;

	font-weight:800;

	}

.prd_sld_list{

	}	

.prd_sld_list li{

	position:absolute;

	left:-20px;

	font-size:16px;

	line-height:16px;

	color:#fff;

	font-weight:600;

	padding:8px 12px 5px;

	border-radius:9px;

	background:#252525;

	}

.prd_sld_list li:nth-child(1){top: 30px;}

.prd_sld_list li:nth-child(2){top: 90px;left: auto;right: -19px;}

.prd_sld_list li:nth-child(3){bottom: 110px;}

.prd_sld_list li:nth-child(4){bottom: 64px;}

.prd_sld_list li:nth-child(5){bottom: 20px;}

.prd-sld-icn{

	display:inline-block !important;

	vertical-align:middle;

	width:23px;

	margin:-3px 7px 0 0;

	}	

.prd-sld-list-img{

	display:inline-block !important;

	vertical-align:middle;

	width:107px;

	margin:-3px 0 0 7px;

	}	



.bnr_review_bx{

	float:left;

	width: 100%;

	margin:55px auto 0;

	padding:12px 12px 15px;

	border:2px solid #feb903;

	border-radius:10px;

	

    display: -webkit-flex;

    display: flex;

    flex-wrap: wrap;

    align-items: flex-start;

	}	

.bnr_rev_imgbx{ width:67px;}	

.bnr_rev_imgbx img{

	margin:0 auto 0;

	display:block;

	border-radius:50%;

	}

.bnr_rev_contbx{

	width:calc(100% - 67px);

	text-align:left;

	padding-left:20px;

	}	

.bnr-rev-star{

	display:block;

	width:86px;

	}	

.bnr_rev_txt{

	font-size:16px;

	line-height:22px;

	color:#000;

	margin-top:13px;

	}	

.bnr_rev_name{

	font-size:18px;

	line-height:18px;

	color:#000;

	font-weight:bold;

	margin-top:10px;

	}

.bnr_rev_name span{

	font-size:14px;

	line-height:14px;

	font-weight:400;

	}

.bnr-vry-img{

	display:inline-block;

	vertical-align:middle;

	margin:-2px 5px 0 8px;

	width:16px;

	}				

	

.banner_right{

	width:49%;

	text-align:left;

	}

.banner_rating{

	display:inline-block;

	vertical-align:top;

	padding:8px 14px 8px;

	font-size:15px;

	line-height:19px;

	color:#000;

	font-weight:500;

	border-radius:5px;

	background:#fff7d9;

	}

.banner_rating span{

	font-size:20px;

	line-height:20px;

	font-weight:800;	

	}	

.banner_rating img{

	display:inline-block;

	vertical-align:middle;

	width:70px;

	margin:-6px 9px 0 0;

	}		

.banner_heading{

	font-size:35px;

	line-height:42px;

	color:#000;

	font-weight:bold;

	letter-spacing:-0.5px;

	margin-top:12px;

	padding-bottom:12px;

	border-bottom:1px solid #d7d7d7;

	}

.bnr_text{

	font-size:18px;

	line-height:26px;

	color:#000;

	margin-top:20px;

	}	

	

ul.banner_point{

	display:inline-block;

	vertical-align:top;

	width:100%;

	margin-top:20px;

	}

ul.banner_point li{

	float:left;

	width:100%;

    font-size: 20px;

    line-height: 28px;

    color: #000;

    text-align: left;

	margin-bottom:15px;

	padding:0 0 15px 40px;

	border-bottom:1px solid #e1e1e1;

	background:url(../images/green-tick.webp) no-repeat top 2px left;

	background-size:26px;

	}	

ul.banner_point li:last-child{

	margin-bottom:0;

	padding-bottom:0;

	border-bottom:none;

	}

	

.button_box{

	display:inline-block;

	vertical-align:middle;

	width:100%;

	margin-top:35px;

	}	

.button_width{

	display:inline-block;

	vertical-align:middle;

	width:100%;

	max-width:500px;

	text-align:center;

	}

.button_ship_text{

	font-size:16px;

	line-height:16px;

	color:#000;

	font-weight:500;

	margin-bottom:10px;

	position:relative;

	}

.button_ship_text span{

	color:#01aa29;

	font-weight:900;

	}	

.button_ship_text:before{

    content: '';

    display:inline-block;

    vertical-align:middle;

    width: 10px;

    height: 10px;

    margin: -3px 10px 0 0;

    border-radius: 50%;

    background: #42b74d;

	animation: shadow-pulse 2s infinite;

	}

@keyframes shadow-pulse {

    0% {box-shadow: 0 0 0 0 rgba(66, 183, 77, .9)}

    30% {box-shadow: 0 0 0 0 rgb(66, 183, 77, .9)}

    100% {box-shadow: 0 0 0 10px transparent}

	}

.common_button{

    display: inline-block;

    vertical-align: top;

    width: 100%;

    height: 76px;

    color: #fff;

    font-size: 30px;

    line-height: 76px;

    font-weight: bold;

    border-radius: 50px;

    position: relative;

    text-align: center;

    background: #19b13d;

    text-transform: uppercase;

	}	

.button_stock_text{

	font-size:16px;

	line-height:16px;

	color:#252525;

	font-weight:500;

	margin-top:14px;

	}

.van{

	display:inline-block;

	vertical-align:middle;

	width:22px;

	margin:-3px 7px 0 10px;

	}

.bolt{

	display:inline-block;

	vertical-align:middle;

	width:12px;

	margin:-3px 7px 0 0;

	}

.pay-card{

	display:block;

	margin:25px auto 0;

	width:176px;

	}

	

.bnr_mnybk_box{

    width: 100%;

	text-align:left;

	margin-top:35px;

	padding:18px 15px;

	border:1px solid #eacc86;

	border-radius:5px;

	background:#fffbf1;



    display: -webkit-flex;

    display: flex;

    -webkit-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-justify-content: space-between;

    justify-content: space-between;

    -webkit-align-items: center;

    align-items: center;

	}

.bnr-mnybk-seal{ width:89px;}					

.bnr_mnybk_cont{

	width:calc(100% - 89px);

	text-align:left;

	padding-left:15px;

	}

.bnr_mnybk_cont h3{

	font-size:18px;

	line-height:20px;

	color:#000;

	font-weight:900;

	text-transform:uppercase;

	}	

.bnr_mnybk_cont p{

	font-size:16px;

	line-height:22px;

	color:#000;

	margin-top:6px;

	}	

	

.bnr-faq-box{

	display:inline-block;

	vertical-align:top;

	width:100%;

	margin-top:12px;

	}

.bnr-faq-row{

	float:left;

	width:100%;

	border-bottom:1px solid #e3e9ec;

	}

.bnr-accordion{

	float:left;

	width:100%;

	text-align:left;

	background: url(../images/close.webp) no-repeat right 0 center;

	background-size:17px !important;

	padding:18px 35px 18px 0;

	font-size: 20px;

    line-height: 28px;

	color:#000000;

	font-weight:bold;

	position:relative;

	cursor:pointer;

	column-gap:15px;



    display: -webkit-flex;

    display: flex;

    -webkit-justify-content:flex-start;

    justify-content:flex-start;

    -webkit-align-items: center;

    align-items: center;

	}

.bnr-accordion-icn{ width:23px;}

.bnr-acdn-heading.bnr-accordion-open{

	background:url(../images/open.webp) no-repeat right 0 center;

	}

.bnr-acdn-content{

    float: left;

    width: 100%;

    text-align: left;

    padding: 0 30px 10px 0;

	}

.bnr-acdn-para{

	font-size:17px;

	line-height:24px;

	color:#000;

	margin-bottom:15px;

	}	

.bnr-faq-row:last-child{ border-bottom:none;}

.bnr-acdn-para a{

	text-decoration:underline;

	color:#00F;

	}

		

/*-----------------------

Brand Strip

------------------------*/	

.brand_strip{

	float:left;

	width:100%;

	padding:25px 0;

	background:#fffaed;

	}

.brand_box{

    width: 100%;

    margin: 0 auto 0;

    display: -webkit-flex;

    display: flex;

    justify-content: space-between;

 }	

.feature_text{

    width: 127px;

    font-size: 18px;

    line-height: 18px;

    color: #000;

    font-weight: 500;

    border-right: 1px solid #c9c9c9;

    padding: 20px 30px 20px 0;

    margin-right: 30px;

 }	

ul.brand_list{

    width: calc(100% - 157px);

    display: -webkit-flex;

    display: flex;

    justify-content: space-between;

    align-items: center;

 }

ul.brand_list li{

	display:inline-block;

	vertical-align:middle;

	}		

ul.brand_list li img{

	display:block;

	margin:0 auto 0;

	height:44px;

	width:auto;

	}



/*=====section1=====*/

.section1{

	float:left;

	width:100%;

	padding:60px 0 90px;

	background:#fff;

	}

.common_heading{

	font-size:45px;

    line-height:52px;

	color: #000;

	font-weight:bold;

	}

.common_text{

    font-size: 18px;

    line-height: 26px;

    color: #000;

    margin-top: 20px;

	}

.mrgT0{ margin-top:0 !important;}



.differ_brain_box{

	display:inline-block;

	vertical-align:top;

    width: 100%;

	max-width:580px;

	margin-top:40px;

	padding:10px;

	border-radius:15px;

	background:#000;

	}

.differ_brain_box_inr{

	width:100%;

	border:1px solid #323232;

	border-radius:12px;

	

    display: -webkit-flex;

    display: flex;

    -webkit-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-justify-content: space-between;

    justify-content: space-between;

	}

.differ_brain_col{

	width:50%;

	padding:30px 20px;

	border-right:1px solid #323232;

	}

.differ_brain_col:last-child{ border-right:none;}

.differ_brain_col p{

	font-size:18px;

	line-height:18px;

	color:#fff;

	font-weight:bold;

	text-transform:uppercase;

	}

.differ-brain-img{

	display:block;

	margin:20px auto 0;

	width:241px;

	}



.s1_block{

    width: 100%;

	margin:65px auto 0;



    display: -webkit-flex;

    display: flex;

    -webkit-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-justify-content: space-between;

    justify-content: space-between;

	}

.s1_img_box{

	width:46.76%;

	}

.graph_box{

	display:inline-block;

	vertical-align:top;

	width:100%;

	padding:20px 15px 20px;

	border:1px solid #cccccc;

	border-radius:15px;

	}

.graph_head{

	font-size:30px;

	line-height:38px;

	color:#000;

	font-weight:800;

	}

.graph_text{

	font-size:18px;

	line-height:26px;

	color:#646464;

	margin-top:5px;

	}

.s1-graph{

	display:block;

	margin:30px auto 0;

	width:100%;

	}



.s1_cont{

	width: 48%;

	text-align:left;

	}

.s1_list{

	display:inline-block;

	vertical-align:top;

	width:100%;

	margin-top:35px;

	}

.s1_list li{

	float:left;

	width:100%;

	text-align: left;

	margin-bottom: 20px;

	padding: 0 0 20px 32px;

	border-bottom:1px solid #cccccc;

	background:url(../images/red-tick.webp) no-repeat top 2px left;

	background-size:16px;

	}	

.s1_list li h3{

    font-size: 22px;

    line-height: 28px;

    color: #000;

	font-weight:800;

	}

.s1_list li p{

    font-size: 18px;

    line-height: 26px;

    color: #000;

	margin-top:5px;

	}

.s1_list li:last-child{

	margin-bottom:0;

	padding-bottom:0;

	border-bottom:none;

	}

	

.s1_mid_box{

	display:inline-block;

	vertical-align:top;

	width:100%;

	max-width:910px;

	margin-top:140px;

	padding:10px;

	border:2px solid #feb903;

	position:relative;

	}

.s1-brain{

	position:absolute;

	top:-78px;

	left:50%;

	transform:translateX(-50%);

	width:79px;

	}

.s1_mid_box_inr{

	display:inline-block;

	vertical-align:top;

	width:100%;

	padding:20px 20px 20px;

	border:1px solid #feb903;

	background:#ffd356;

	}

.s1_mid_box_inr p{

	font-size:24px;

	line-height:32px;

	color:#000;

	font-weight:600;

	}



/*=====section2=====*/

.section2{

	float:left;

	width:100%;

	padding:80px 0 70px;

	position:relative;

	background:#fef6dd;

	}

.section2:before{

	content:'';

	position:absolute;

	top:-37px;

	left:50%;

	width:1px;

	height:75px;

	transform:translateX(-50%);

	background:#000;

	}	

.s2_block{

    width: 100%;

	margin:0 auto 0;



    display: -webkit-flex;

    display: flex;

    -webkit-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-justify-content: space-between;

    justify-content: space-between;

	}

.s2_prod_box{

	width:46.33%;

	}

.s2-prod{

	display:block;

	margin:0 auto 0;

	border-radius:15px;

	}

.s2_content{

	width:48%;

	text-align:left;

	}

.s2_points{

	display: inline-block;

	vertical-align: top;

	width:100%;

	margin-top: 25px;

	}	

.s2_points li{

	float: left;

	width: 100%;

	font-size:20px;

	line-height:28px;

	color: #000;

	font-weight:bold;

	margin-bottom: 15px;

	padding: 0 0 15px 40px;

	border-bottom: 1px solid #cccccc;

	background: url(../images/green-tick.webp) no-repeat top 1px left;

	background-size: 26px;

	}

.s2_points li:last-child{

	border:none;

	margin-bottom:0;

	padding-bottom:0;

	}	

.common_text.fs22{

	font-size:22px;

	line-height:30px;

	margin-top:25px;

	}

	

/*=====section3=====*/

.section3{

	float:left;

	width:100%;

	padding:60px 0 70px;

	background:#fff;

	}

.benefit_box{

    width: 100%;

	margin:45px auto 10px;

	row-gap:20px;



    display: -webkit-flex;

    display: flex;

    -webkit-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-justify-content: space-between;

    justify-content: space-between;

	}

.benefit_col{

	width:23.5%;

	padding:20px 15px 20px;

	border:2px solid #000;

	border-radius:10px;

	background:#ffd356;

	}

.benefit_icn_box{

	width:77px;

	height:77px;

	margin:0 auto 0;

	border-radius:50%;

	background:#fff;



    display: -webkit-flex;

    display: flex;

    -webkit-justify-content:center;

    justify-content:center;

    -webkit-align-items: center;

    align-items: center;

	}

.benefits-icn{

	display:block;

	margin:0 auto 0;

	width:52px;

	}

.benefit_col h3{

	font-size:24px;

	line-height:30px;

	color:#000;

	font-weight:800;

	margin-top:12px;

	}

.benefit_col p{

	font-size:18px;

	line-height:26px;

	color:#000;

	margin-top:15px;

	}

	

/*=====section4=====*/

.section4{

	float:left;

	width:100%;

	position:relative;

	padding:60px 0 70px;

	overflow:hidden;

	background:#fef6dd;

	}

	

.result_box{

	display:inline-block;

	vertical-align:top;

	width:100%;

	max-width:640px;

	margin-top:10px;

	position:relative;

	z-index:1;

	}

.result_col{

	display:inline-block;

	vertical-align:top;

	width:100%;

	margin-top: 60px;

	padding: 0 35px 80px;

	border-radius:20px 20px 0 0;

	position:relative;

	background: #FFF;

	background: linear-gradient(180deg, rgba(255, 255, 255, 1) 45%, transparent 95%);

	}

.result_col:before{

	content:'';

	position:absolute;

	top: -28px;

	left:50%;

	width:158px;

	height:28px;

	border-radius: 50px 50px 0 0;

	transform: translateX(-50%);

	background:#ffd356;

	}

.result_col:after{

	content:'';

	position:absolute;

	bottom: 0;

	left:50%;

	height: 54px;

	transform: translateX(-50%);

	border-left: 4px dotted #000;

	}

.result_date{

    width:52px;

	height:52px;

	margin:-20px auto 0;

	border-radius:6px;

	position:relative;

	z-index:2;

	background:#ffd356;



    display: -webkit-flex;

    display: flex;

    -webkit-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-justify-content:center;

    justify-content:center;

    -webkit-align-items: center;

    align-items: center;

	}

.calender{

	display:block;

	margin:0 auto 0;

	width:30px;

	}

.result_heading{

	font-size:24px;

	line-height:30px;

	color:#000;

	font-weight:800;

	margin-top:15px;

	}

.result_text{

	font-size:18px;

	line-height:26px;

	color:#000;

	margin-top:15px;

	}

.s4-bg1{

	position:absolute;

	top: -60px;

	left: -420px;

	width:849px;

	}

.s4-bg2{

	position:absolute;

	bottom: -70px;

	right: -560px;

	width:785px;

	}

.s4-prod{

	position:absolute;

	bottom: -160px;

	left: 0;

	width:329px;

	}

	

/*=====section5=====*/

.section5{

	float:left;

	width:100%;

	padding:60px 0 70px;

	overflow-x: clip;

	background:#fff;

	}

	

.s5_slider{

	float:left;

	width:100%;

	margin:50px 0 20px;

	gap:20px;

	

    display: -webkit-flex;

    display: flex;

    -webkit-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-justify-content: flex-start;

    justify-content: flex-start;

	}

.s5_slide{

	float:left;

	width:32%;

	text-align:left;

	}

.s5-img{

	display:block;

	margin:0 auto 0;

	width:100%;

	border:2px solid #fff;

	border-radius:12px;

	-webkit-box-shadow:0 5px 8px 2px rgba(0,0,0,.1);

	box-shadow:0 5px 8px 2px rgba(0,0,0,.1);

	}

.s5_slide h3{

	font-size:22px;

	line-height:30px;

	color:#000;

	font-weight:800;

	margin-top:20px;

	}

.s5_slide p{

	font-size:18px;

	line-height:26px;

	color:#000;

	margin-top:9px;

	}

	

.s5_hdg{

	font-size:30px;

	line-height:38px;

	color:#000;

	font-weight:800;

	margin-top:20px;

	}	

	

/*=====section6=====*/

.section6{

	float:left;

	width:100%;

	padding:70px 0 80px;

	background:#fef6dd;

	}	

	

.s6_block{

	display:inline-block;

	vertical-align:top;

	width:100%;

	margin-top:45px;

	}

.s6_cont{

	float:left;

	width:49.5%;

	text-align:left;

	}

.s6_points{

    width: 100%;

	margin-top:30px;

	column-gap:12px;



    display: -webkit-flex;

    display: flex;

    -webkit-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-justify-content:flex-start;

    justify-content:flex-start;

    -webkit-align-items: center;

    align-items: center;

	}

.s6_points li{

	display:inline-block;

	vertical-align:top;

	font-size:22px;

	line-height:26px;

	color:#fff;

	font-weight:600;

	padding: 10px 20px 10px 34px;

	border-radius:6px;

	background: url(../images/red-cross.webp) no-repeat center left 12px #252525;

	background-size: 12px;

	}	



.s6_img_box{

	float:right;

	width:45.9%;

	}

.s6-img{

	display:block;

	margin:0 auto 0;

	width:100%;

	border-radius:30px;

	}



/*=====section7=====*/

.section7{

	float:left;

	width:100%;

	padding:70px 0 80px;

	overflow:hidden;

	background:#fff;

	}



.s7_block{

    width: 100%;

	margin:45px auto 0;



    display: -webkit-flex;

    display: flex;

    -webkit-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-justify-content: space-between;

    justify-content: space-between;

    -webkit-align-items: center;

    align-items: center;

	}

.s7_img_box{

	width:45.9%;

	}

.s7-img{

	display:block;

	margin:0 auto 0;

	width:100%;

	border-radius:30px;

	}

.s7_cont{

	width:49%;

	text-align:left;

	}

.four_pathways_box{

	display:inline-block;

	vertical-align:top;

	width:100%;

	margin-top:30px;

	}

.four_pathways_col{

    width: 100%;

	margin-bottom:20px;

	padding-bottom:20px;

	border-bottom:1px solid #d7d7d7;

	column-gap:15px;



    display: -webkit-flex;

    display: flex;

    -webkit-justify-content: flex-start;

    justify-content: flex-start;

    -webkit-align-items: center;

    align-items: center;

	}

.four-pathways-icn{ width:66px;}

.four_pathways_col_cont h3{

	font-size: 22px;

	line-height:28px;

	color: #000;

	font-weight:800;

	}

.four_pathways_col_cont p{

	font-size: 18px;

	line-height: 26px;

	color: #000;

	margin-top: 12px;

	}

.four_pathways_col:last-child{

	border:none;

	margin-bottom:0;

	padding-bottom:0;

	}

	

.s7_hdg{

	font-size: 24px;

	line-height:32px;

	color:#000;

	font-weight: 500;

	margin-top:40px;

	}

	

.s7-prod{ position:absolute;}

.s7-prod1{

	bottom: -236px;

	left: 20px;

	width:331px;

	}

.s7-prod2{

	bottom: -40px;

	right: -60px;

	width:346px;

	}



/*=====section8=====*/

.section8{

	float:left;

	width:100%;

	padding:70px 0 80px;

	background:#fef6dd;

	}



.review_slide_block{

	display:inline-block;

	vertical-align:top;

	width:100%;

	max-width:1950px;

	}

.review_slide_row{

	width:100%;

	margin-top:45px;

	

	display: -webkit-flex;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

	}

.review_slide_col{

    width: 100%;

	max-width:365px;

    overflow: hidden;

    position: relative;

    background: #202950;

    cursor: pointer;

	border-radius:25px;

	}

.review_slide_col .ugc-poster{

	max-width:100%;

	margin:0 auto;

	display:block;

	transition:all ease 0.5s;

	}

.ugc-poster{

	display:block;

	margin:0 auto;

	width:100%;

	height:100%;

	object-fit: cover;

	}

.review_slide_col:hover .ugc-poster{

	opacity:0.4;

	}

.ugc-play{

	position:absolute;

	width:66px;

	top:50%;

	left:50%;

	transform:translate(-50%,-50%);

	}



.voluntary_text{

	font-size:15px;

	line-height:18px;

	color:#6f6f6f;

	margin-top:35px;

	}	

	

.s8_box{

    width: 100%;

	max-width:990px;

	margin:40px auto 10px;

	row-gap:30px;



    display: -webkit-flex;

    display: flex;

    -webkit-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-justify-content: space-between;

    justify-content: space-between;

	}

.s8_col{

    width:48.5%;

	padding:15px 15px 15px;

	border-radius:7px;

	background:#ffd356;



    display: -webkit-flex;

    display: flex;

    -webkit-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-justify-content: space-between;

    justify-content: space-between;

    -webkit-align-items: center;

    align-items: center;	

	  }

.s8_left{

	width:122px;

	column-gap:12px;



    display: -webkit-flex;

    display: flex;

    -webkit-justify-content: space-between;

    justify-content: space-between;

    -webkit-align-items: center;

    align-items: center;	

	}

.s8-col-icn{ width:41px;}

.s8_left h3{

	font-size:37px;

	line-height:38px;

	color:#000;

	font-weight:bold;

	}

.s8_right{

	width:calc(100% - 122px);

	text-align:left;

	padding-left:15px;

	}

.s8_right p{

	font-size: 19px;

	line-height: 27px;

	color: #000;

	margin-top: 12px;

	}

.progress_bar{

	width:100%;

	height:8px;



    display: -webkit-flex;

    display: flex;

    -webkit-justify-content: space-between;

    justify-content: space-between;

    -webkit-align-items: center;

    align-items: center;

	}

.black_progress_bar{

	height:100%;

	border-radius:50px;

	background:#000;

	}

.white_progress_bar{

	height:100%;

	border-radius:50px;

	background:#fff;

	}

	

/*=====section9=====*/

.section9{

	float:left;

	width:100%;

	padding:70px 0 80px;

	background:#fff;

	}

	

.s9_block{

    width: 100%;

	margin:45px auto 40px;

	row-gap:30px;



    display: -webkit-flex;

    display: flex;

    -webkit-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-justify-content: space-between;

    justify-content: space-between;

	}

.s9_box{

	width:48.5%;

	border-radius:7px;

	overflow:hidden;

	background:#fef6dd;

	}

.s9_box_header{

    width: 100%;

	padding:12px 25px;

	background:#ffd356;



    display: -webkit-flex;

    display: flex;

    -webkit-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-justify-content: space-between;

    justify-content: space-between;

    -webkit-align-items: center;

    align-items: center;

	}

.s9_head_icn_box{

	width:54px;

	height:54px;

	border-radius:50%;

	background:#fff;



    display: -webkit-flex;

    display: flex;

    -webkit-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-justify-content:center;

    justify-content:center;

    -webkit-align-items: center;

    align-items: center;

	}

.s9-box-icn{

	display:block;

	margin:0 auto 0;

	width:35px;

	}

.s9_box_header h3{

	width:calc(100% - 54px);

	padding-left:30px;

	text-align:left;

	font-size:24px;

	line-height:32px;

	color:#000;

	font-weight:800;

	}

.s9_box_cont{

	float:left;

	width:100%;

	padding:30px 12px 30px;

	}

.ing_box{

	float:left;

	width:100%;

	}

.ing_col{

    width: 100%;

	column-gap:15px;

	margin-bottom:20px;

	padding-bottom:20px;

	border-bottom:1px solid #e1e1e1;



    display: -webkit-flex;

    display: flex;

    -webkit-justify-content: flex-start;

    justify-content: flex-start;

    -webkit-align-items: flex-start;

    align-items: flex-start;

	}

.ing-col-icn{ width:78px;}

.ing_col_cont{ text-align:left;}

.ing_col_cont h3{

	font-size:22px;

	line-height:30px;

	color:#000;

	font-weight:800;

	}

.ing_col_cont p{

	font-size:18px;

	line-height:26px;

	color:#000;

	margin-top:8px;

	}

.ing_col:last-child{

	border:none;

	margin-bottom:0;

	padding-bottom:0;

	}

	

/*=====section10=====*/

.section10{

	float:left;

	width:100%;

	padding:70px 0 80px;

	background:#fef6dd;

	}

	

.review_box{

    width: 100%;

	margin:50px auto 0;



    display: -webkit-flex;

    display: flex;

    -webkit-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-justify-content: space-between;

    justify-content: space-between;

	}

.review_col{

	width:31.33%;

	border:2px solid #feb903;

	padding:20px 20px 25px;

	border-radius:9px;

	background:#fff;

	

	display: -webkit-flex;

	display: flex;

	-webkit-flex-wrap: wrap;

	flex-wrap: wrap;

	-webkit-justify-content: space-between;

	justify-content: space-between;

	-webkit-flex-direction: column;

	flex-direction: column;

	}

.review_col_inr{

	float:left;

	width:100%;

	text-align:left;

	}

.review_vrfy_box{

	width:100%;



    display: -webkit-flex;

    display: flex;

    -webkit-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-justify-content: space-between;

    justify-content: space-between;

    -webkit-align-items: flex-start;

    align-items: flex-start;

	}

.review-verfy-img{

	width:58px;

	border-radius:50%;

	}

.review_vrfy_box_cont{

	width:calc(100% - 58px);

	padding-left:15px;

	text-align:left;

	}

.review-vrfy-star{

	display:block;

	width:100px;

	}

.review_vrfy_hdg{

	font-size:20px;

	line-height:26px;

	color:#000;

	font-weight:bold;

	margin-top:5px;

	}

.review_vrfy_text{

	font-size:16px;

	line-height:18px;

	color:#000;

	margin-top:5px;

	}

.review_vrfy_text img{

	display:inline-block;

	vertical-align:middle;

	width:14px;

	margin:-3px 5px 0 0;

	}

.review_text{

	font-size:18px;

	line-height:26px;

	color:#000;

	margin-top:20px;

	}

.review-img{

	display:block;

	margin-top:30px;

	width:138px;

	border-radius:12px;

	}

/*=====section11=====*/

.section11{

	float:left;

	width:100%;

	padding:70px 0 80px;

	background:#fff;

	}

.promise_box{

    width: 100%;

	margin:45px auto 10px;



    display: -webkit-flex;

    display: flex;

    -webkit-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-justify-content: space-between;

    justify-content: space-between;

	}

.promise_col{

	width:15.2%;

	padding:18px 15px 20px;

	border-radius:8px;

	background:#fef6dd;

	}

.promise-seal{

	display:block;

	margin:0 auto 8px;

	width:98px;

	}

.promise_col p{

	font-size:20px;

	line-height:24px;

	color:#000;

	font-weight:bold;

	}



/*=====section12=====*/

.section12{

	float:left;

	width:100%;

	padding:70px 0 80px;

	overflow-x: clip;

	background:#fff5da;

	}

	

.s12_block{

    width: 100%;

	margin:25px auto 0;



    display: -webkit-flex;

    display: flex;

    -webkit-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-justify-content: space-between;

    justify-content: space-between;

    -webkit-align-items: center;

    align-items: center;

	}

.s12_prod_box{

	width:51.46%;

	margin-left:-10px;

	}

.s12-prod{

	display:block;

	margin:0 auto 0;

	width:100%;

	}

.s12_content{

	width:46%;

	text-align:left;

	}

.s12_box{

	display:inline-block;

	vertical-align:top;

	width:100%;

	}

.s12_col{

	display:inline-block;

	vertical-align:top;

	width:100%;

	position:relative;

	margin-top:40px;

	}

.s12_col:first-child{ margin-top:0;}

.s12_col_list{

    width: 100%;

    column-gap: 17%;

	

    display: -webkit-flex;

    display: flex;

    -webkit-justify-content: flex-start;

    justify-content: flex-start;

    -webkit-align-items: center;

    align-items: center;

 }

.s12_col_list li{

	position:relative;

	}

.s12_col_list li:before{

	content:'';

	position:absolute;

	top: 50%;

	transform: translateY(-50%);

	right: -82px;

	width: 66px;

	border-top:2px dotted #000;

	}

.s12_col:before{

	content:'';

	position:absolute;

	top: 46px;

	left: 40px;

	bottom: -49px;

	border-left:2px dotted #000;;

	}

.s12_col:last-child:before{ display:none;}

.s12_col_time{

	width: 116px;

	font-size:24px;

	line-height:26px;

	color:#000;

	font-weight:800;

	}

.s12-col-icn{ width:49px;}

.s12_achiv{

	display:inline-block;

	vertical-align:top;

	font-size:28px;

	line-height:28px;

	color:#000;

	font-weight:800;

	text-transform:uppercase;

	padding:10px 12px;

	border-radius:10px;

	}

.s12_col_list li:last-child:before{ display:none;}

	

.s12_hdg{

	font-size:28px;

	line-height:36px;

	color:#000;

	font-weight:bold;

	margin-top:45px;

	}

	

/*=====section13=====*/

.section13{

	float:left;

	width:100%;

	padding:70px 0 80px;

	background:#fff;

	}		

.section11 .common_tag_txt{ padding: 5px 45px;}	

.faq-box{

	display:inline-block;

	vertical-align:top;

	width:100%;

	max-width:830px;

	margin-top:20px;

	}

.faq-row{

	float:left;

	width:100%;

	border-bottom:1px solid #ebebeb;

	}

.accordion{

	float:left;

	width:100%;

	text-align:left;

	background: url(../images/close.webp) no-repeat right 0 center;

	background-size:17px !important;

	padding:25px 35px 25px 0;

	font-size: 22px;

    line-height: 28px;

	color:#000000;

	font-weight:bold;

	position:relative;

	cursor:pointer;

	}

.acdn-heading.accordion-open{

	background:url(../images/open.webp) no-repeat right 0 center;

	}

.acdn-content{

    float: left;

    width: 100%;

    text-align: left;

    padding: 0 40px 10px 0;

    margin-top: -10px;

	}

.acdn-para{

	font-size:18px;

	line-height:26px;

	color:#000;

	margin-bottom:15px;

	}

.acdn-para a{

	color: blue;

	text-decoration:underline;

	word-break:break-all;

	}

	

/*=====Footer=====*/

.footer{

	float:left;

	width:100%;

	padding:40px 0;

	border-top:1px solid #c1c1c1;

	background:#fff;

	}

.footer-logo{

	display:block;

	margin:0 auto 25px;

	width:184px;

	}

.footer_text{

	font-size:18px;

	line-height:22px;

	color:#000;

	margin-top:10px;

	}

.footer_text a{ padding:0 8px;}			



/*=======Media Query========*/

.show-mob, .show-tab, .show-mob-xs {display: none;}

.fl{ float:left;}

.fr{ float:right;}	



@media only screen and (max-width:1200px){

.container{width:1004px;}



.prd_sld_list li{ font-size: 14px; line-height: 14px;}

.prd-sld-icn{ width: 20px;}

.prd-sld-list-img{ width: 87px;}

.bner_seal{ top: 83px; width: 100px; height: 102px;}

.bner_seal p{ font-size: 15px; line-height: 21px; padding-top: 30px;}



.banner_right{ width: 50%;}



ul.brand_list li img{ height: 42px;}



.graph_head{ font-size: 26px; line-height: 32px;}



.s4-bg2{ right: -630px;}



.s6_cont{ width: 54%;}

.s6_img_box{ width: 42%;}



.s7_block{ -webkit-align-items: flex-start; align-items: flex-start;}

.s7-prod1{ left: -10px;}

.s7-prod2{ right: -130px;}



.promise_col{ padding: 18px 12px 20px;}



.s12_col_list{ column-gap: 13%;}

.s12_col_list li:before{ right: -59px; width: 46px;}



}



@media only screen and (max-width:1021px){

.container{width:750px;}

.show-desk {display: none;}

.show-tab {display: block;}



.banner_left{ width: 42%;}

.prd_sld_list li{ left: -10px; font-size: 12px; line-height: 12px; padding: 6px 9px 4px;}

.prd-sld-icn{ width: 18px; margin: -3px 5px 0 0;}

.prd-sld-list-img{ width: 57px;}

.bner_seal{ top: 55px; left: -10px; width: 70px; height: 72px;}

.bner_seal p{ font-size: 10px; line-height: 13px; padding-top: 23px;}

.prd_sld_list li:nth-child(1){ top: 20px;}

.prd_sld_list li:nth-child(2){ top: 60px; right: -9px;}

.prd_sld_list li:nth-child(3){ bottom: 78px;}

.prd_sld_list li:nth-child(4){ bottom: 47px;}

.prd_sld_list li:nth-child(5){ bottom: 15px;}



.thumb-sldr{ padding:0 0;}



.bnr_rev_imgbx{ width: 47px;}	

.bnr_rev_contbx{ width:calc(100% - 48px); padding-left:12px;}

.bnr_rev_name{ font-size: 17px; line-height: 17px;}

.bnr_rev_name span{ font-size: 13px; line-height:14px;}

.bnr_rev_txt{ font-size: 14px; line-height: 21px; margin-top: 11px;}



.banner_right{ width: 53.5%;}

.banner_rating{ padding:8px 14px 8px; font-size: 13px; line-height:19px;}

.banner_rating span{ font-size: 18px; line-height: 18px;}

.banner_rating img{ display:inline-block; width: 62px; margin: -6px 7px 0 0;}

ul.banner_point li{ font-size: 19px; line-height: 27px; padding: 0 0 15px 37px; background-size: 22px;}

.bnr-mnybk-seal{ width: 79px;}					

.bnr_mnybk_cont{ width: calc(100% - 79px); padding-left:13px;}

.bnr_mnybk_cont h3{ font-size: 17px; line-height: 19px;}	

.bnr_mnybk_cont p{ font-size: 15px; line-height: 21px;}

.bnr-accordion{ font-size: 19px; line-height: 26px; padding:15px 30px 15px 0;}

.bnr-accordion-icn{ width: 21px;}

.bnr-acdn-para{ font-size: 16px; line-height: 23px;}



.button_width{ max-width: 430px;}

.button_ship_text, .button_stock_text{ font-size: 15px; line-height: 15px;}

.common_button{ height: 66px; font-size: 28px; line-height: 66px;}



.bnr_text, .common_text, .s1_list li p, .benefit_col p, .result_text, .s5_slide p, .four_pathways_col_cont p, .review_text, .ing_col_cont p, .acdn-para{ font-size: 17px; line-height: 25px;}

.common_text.fs22{ font-size: 20px; line-height: 28px; margin-top:22px;}



ul.brand_list{ width: calc(100% - 129px);}

.feature_text{ width: 109px; font-size: 17px; line-height: 17px; padding: 20px 20px 20px 0; margin-right: 20px;}

ul.brand_list li img{ height: 30px;}



.section1{ padding: 50px 0 80px;}

.common_heading{ font-size: 40px; line-height: 46px;}

.s1_block{ margin: 45px auto 0;}

.s1_img_box{ width: 43%;}

.graph_head{ font-size: 28px; line-height: 35px;}

.graph_text{ font-size: 16px; line-height: 22px;}

.s1_cont{ width:52%;}

.s1_list li{ padding: 0 0 20px 27px; background-position: top 3px left; background-size: 13px;}

.s1_list li h3{ font-size: 21px; line-height: 27px;}

.s1_mid_box{ margin-top: 100px;}

.s1-brain{ top:-68px; width: 70px;}

.s1_mid_box_inr p{ font-size: 22px; line-height: 29px;}



.section2{ padding: 70px 0 60px;}

.s2_prod_box{ width: 42%;}

.s2_content{ width: 52%;}

.s2_points{ margin-top: 20px;}

.s2_points li{ font-size: 19px; line-height: 27px; margin-bottom: 13px; padding: 0 0 13px 35px; background-position: top 3px left; background-size: 22px;}



.section3{ padding: 50px 0 60px;}

.benefit_box{ max-width: 620px; margin: 40px auto 5px;}

.benefit_col{ width:48.5%;}

.benefit_icn_box{ width: 58px; height: 58px;}

.benefits-icn{ width: 46px;}

.benefit_col h3{ font-size:22px; line-height:28px;}

.benefit_col p{ margin-top: 12px;}



.section4{ padding: 50px 0 60px;}

.s4-bg1{ top: -50px; left: -320px; width: 539px;}

.s4-bg2{ right: -530px; bottom: -60px; width: 565px;}

.s4-prod{ bottom: -160px; left: -30px; width: 279px;}

.result_heading{ font-size: 22px; line-height: 28px;}

.result_text{ margin-top: 12px;}



.section5{ padding: 50px 0 60px;}

.s5_slider{ margin: 35px 0 15px;}

.s5_slide h3{ font-size: 21px; line-height: 29px;}

.s5_hdg{ font-size: 25px; line-height: 33px;}



.section6{ padding: 60px 0 70px;}

.s6_block{ margin-top: 35px;}

.s6_points{ margin-top: 25px; column-gap: 8px;}

.s6_points li{ font-size: 17px; line-height: 20px; padding: 7px 12px 8px 25px; background-size: 9px; background-position: center left 8px;}



.section7{ padding: 60px 0 70px;}

.s7_img_box{ width: 42%;}

.s7_cont{ width: 53%;}

.four-pathways-icn{ width: 56px;}

.four_pathways_col_cont h3{ font-size: 21px; line-height: 27px;}

.s7_hdg{ font-size: 21px; line-height:29px; margin-top:35px;}

.s7-prod1{ left: -40px; bottom: -226px; width: 291px;}

.s7-prod2{ bottom: -10px; right: -160px; width: 306px;}



.section8{ padding: 60px 0 70px;}

.s8_left{ width: 93px;}

.s8-col-icn{width: 31px;}

.s8_left h3{ font-size: 27px; line-height: 28px;}

.s8_right{ width: calc(100% - 93px);}

.s8_right p{ font-size: 18px; line-height: 26px;}



.section9{ padding: 60px 0 70px;}

.s9_block{ margin: 40px auto 30px; row-gap: 25px;}

.s9_box_header{ padding: 12px 20px;}

.s9_head_icn_box{ width: 48px; height: 48px;}

.s9-box-icn{ width: 30px;}

.s9_box_header h3{ width: calc(100% - 48px); padding-left: 20px; font-size: 22px; line-height: 30px;}

.s9_box_cont{ padding: 20px 12px 25px;}

.ing_col{ column-gap:15px;}

.ing-col-icn{ width: 58px;}

.ing_col_cont h3{ font-size: 21px; line-height: 29px;}



.section10{ padding: 60px 0 70px;}

.review_box{ max-width:400px; row-gap: 25px;}

.review_col{ width:100%;}

.review-vrfy-star{ width: 90px;}

.review_vrfy_hdg{ font-size: 19px; line-height: 25px;}

.review_vrfy_text{ font-size:15px;}



.section11{ padding: 60px 0 70px;}

.promise_box{ margin: 40px auto 10px; row-gap: 23px;}

.promise_col{ width: 31.33%;}

.promise-seal{ width:90px;}

.promise_col p{ font-size: 19px; line-height: 23px;}



.section12{ padding: 60px 0 70px;}

.s12_prod_box{ width: 43%; margin-left:-10px;}

.s12_content{ width: 54%;}

.s12_block{ margin: 35px auto 0; -webkit-align-items: flex-start; align-items: flex-start;}

.s12_col{ margin-top: 35px;}

.s12_col_list{ column-gap: 16%;}

.s12_col:before{ top: 40px; bottom: -46px;}

.s12_col_time{ width: 101px; font-size: 21px; line-height: 22px;}

.s12-col-icn{ width: 40px;}

.s12_achiv{ font-size: 23px; line-height: 24px;}

.s12_hdg{ font-size: 24px; line-height: 30px; margin-top: 35px;}



.section11{ padding: 50px 0 60px;}	

.accordion{ font-size:20px; line-height:26px;}	

}



@media only screen and (max-width:767px){

.container{width:100%; padding:0 15px; max-width:600px; box-sizing:border-box;}

.show-mob{display:block;}

.hide-mob{display:none;}



.top_strip{ padding: 7px 0 6px;}

.top_strip_text{ font-size: 14px; line-height: 14px;}



.header{ border-bottom:none;}

.logo{ width: 150px;}

.banner{ padding: 5px 0 20px;}

.banner_left{ width:100%;}

.prd-sldr{ width: calc(100% + 30px); margin-left: -15px; padding: 0 5px;}

.prd_sld_list li{ padding: 7px 9px 5px;}

.bner_seal{ top: 55px; left: -10px; width: 80px; height: 82px;}

.bner_seal p{ font-size: 12px; line-height: 16px; padding-top: 26px;}

.thumb-sldr{ margin-top: 15px;}



.banner_right{ width:100%; margin-top:15px;}

.banner_rating{ padding: 6px 10px 6px; font-size: 12px; line-height: 18px;}

.banner_rating span{ font-size: 17px; line-height: 17px;}

.banner_rating img{ width: 53px; margin: -3px 5px 0 0;}

.banner_heading{ font-size: 29px; line-height: 34px;}

.bnr_text{ margin-top: 15px;}

ul.banner_point{ margin-top: 25px;}

ul.banner_point li{ font-size: 16px; line-height: 22px; margin-bottom: 8px; padding: 0 0 8px 30px; background-size: 17px; background-position: top 4px left;} 

.bnr_mnybk_box{ margin-top: 30px; padding: 15px 15px;}

.bnr-mnybk-seal{ width: 65px;}					

.bnr_mnybk_cont{ width: calc(100% - 65px); padding-left: 12px;}

.bnr_mnybk_cont h3{ font-size: 14px; line-height: 16px;}	

.bnr_mnybk_cont p{ font-size: 13px; line-height: 20px;}

.bnr-accordion{ font-size: 18px; line-height: 25px; padding: 15px 22px 15px 0; column-gap: 10px; background-size: 14px !important;}

.bnr-accordion-icn{ width: 17px;}

.bnr-acdn-content{ padding: 0 20px 5px 0;}

.bnr-acdn-para{ font-size: 15px; line-height: 21px; margin-bottom: 10px;}



.button_box{ margin-top: 30px; text-align:center;}

.button_width{ max-width: 345px;}

.button_ship_text{ font-size: 16px; line-height: 16px;}

.button_stock_text{ font-size: 13px; line-height: 13px;}

.button_ship_text:before{ width: 8px; height: 8px; margin: -2px 10px 0 0;}

.bolt{ width: 10px; margin: -3px 5px 0 0;}

.van{ width: 18px; margin: -1px 5px 0 8px;}

.common_button{ height: 52px; font-size: 18px; line-height: 54px;}

.pay-card{ margin: 20px auto 0; width: 142px;}



.bnr_text, .common_text, .s1_list li p, .benefit_col p, .result_text, .s5_slide p, .four_pathways_col_cont p, .review_text, .ing_col_cont p, .acdn-para{ font-size: 16px; line-height: 22px;}

.common_text.fs22{ font-size: 18px; line-height: 26px; margin-top:20px;}





/*====scroll_strip====*/

.scroll_strip_mob{

	float: left;

	width: 100%;

	background:#fffaed;

	padding:15px 0 18px;

	}

.feature_text_mob{

	font-size:16px;

	line-height:16px;

	color:#000;

	font-weight:bold;

	}

.scroll_strip{

	float:left;

	width:100%;

	margin-top:15px;

	overflow: hidden;

	

	display: flex;

    flex-wrap: nowrap;

	}

ul.scroll_strip_list{

    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 18s linear infinite;

	}

ul.scroll_strip_list li{

	display: flex;

    align-items: center;

    justify-content: center;

	padding:0 12px;

	position:relative;

	}

ul.scroll_strip_list li img{

	display:inline-block;

	vertical-align:middle;

	height:31px;

	width:auto;

	}



@keyframes marquee-horizontal {

	from {transform: translateX(0);}

	to {transform: translateX(-100%);}

	}



.section1{ padding:30px 0 50px;}

.common_heading{ font-size: 31px; line-height: 37px;}

.common_text{ margin-top: 15px;}

.differ_brain_box{ margin-top: 20px; padding: 6px; }

.differ_brain_box_inr{ border:1px solid #323232;}

.differ_brain_col{ padding: 20px 10px;}

.differ_brain_col p{ font-size: 16px; line-height: 16px;}

.differ-brain-img{ margin:20px auto 0; width:241px;}



.s1_block{ margin: 25px auto 0;}

.s1_img_box{ width: 100%;}

.graph_box{ padding:0; border:none; border-radius:0;}

.s1-graph{ padding:15px 10px 15px; border: 1px solid #cccccc; border-radius: 10px; margin: 20px auto 0;}

.graph_head{ font-size: 20px; line-height: 25px;}

.graph_text{ font-size: 14px; line-height: 18px;}

.s1_cont{ width:100%; margin-top:25px;}

.s1_list{ margin-top: 30px;}

.s1_list li{ margin-bottom: 15px; padding: 0 0 15px 26px; background-position: top 3px left; background-size: 12px;}

.s1_list li h3{ font-size: 20px; line-height: 26px;}

.s1_mid_box{ margin-top: 90px;}

.s1_mid_box_inr{ padding: 15px 15px 15px;}

.s1_mid_box_inr p{ font-size: 18px; line-height: 25px;}



.section2{ padding: 45px 0 35px;}

.lightning-bolt{ position:absolute; top:-69px; left:50%; transform:translateX(-50%); width:52px;}

.section2:before{ display:none;}

.s2_content{ width:100%; text-align:center;}

.s2-prod{ margin:20px auto 0;}

.s2_points{ margin-top: 25px;}

.s2_points li{ font-size: 18px; line-height: 26px; margin-bottom: 10px; padding: 0 0 10px 28px; background-position: top 3px left; background-size: 18px; text-align: left;}



.section3{ padding: 30px 0 35px;}

.benefit_box{ margin: -45px auto 5px; row-gap: 12px;}

.s3-prod-m{ margin:20px auto 0; width:306px;}

.benefit_icn_box{ width: 48px; height: 48px;}

.benefits-icn{ width: 36px;}

.benefit_col{ width:100%; text-align:left; position:relative; padding:12px 15px 12px 78px;}

.benefit_icn_box{ position:absolute; top: 15px; left: 15px;}

.benefit_col h3{ font-size: 20px; line-height: 26px; margin-top: 0;}

.benefit_col p{ margin-top: 10px;}



.section4{ padding: 30px 0 35px;}

.s4-bg1, .s4-bg2, .s4-prod{ display:none;}

.s4-prod-m{ margin:5px auto 0; width:279px;}

.result_heading{ font-size: 20px; line-height: 26px;}

.result_text{ margin-top: 10px;}

.result_date{ width: 42px; height: 42px;}

.calender{ width: 24px;}

.result_box{ margin-top: 0;}

.result_col{ margin-top: 35px; padding: 0 20px 50px; border-radius: 17px 15px 0 0;}

.result_col:before{ top: -22px; left:50%; width: 125px; height: 22px;}

.result_col:after{ height: 44px;}

.result_col:last-child:after{ display:none;}

.result_col:last-child{ padding-bottom:10px;}



.section5{ padding: 30px 0 35px;}

.s5-prod-m{ margin:10px auto 0; width:321px;}

.special_text{ font-size:20px; line-height:20px; color:#000; font-weight:800; margin-top:10px;}

.s5_slider{ margin: 15px 0 10px; gap:0;}

.s5_slide{ width: 100%; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center;}

.s5-img{ width:158px; height:158px; object-fit:cover;}

.s5_slide{ margin-top:15px; column-gap: 15px;}

.s5_slide h3{ font-size: 20px; line-height: 28px; margin-top: 0;}

.s5_slide p{ margin-top: 7px;}

.s5_hdg{ font-size: 20px; line-height: 26px; margin-top:15px;}



.section6{ padding: 30px 0 35px;}

.s6_block{ width: 100%; margin-top: 20px; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap;  flex-wrap: wrap; -webkit-flex-direction: column-reverse; flex-direction: column-reverse;}

.s6_img_box{ width:100%;}

.s6-img{ border-radius: 20px;}

.s6_cont{ width:100%; margin-top:20px;}

.s6_points{ margin-top: 15px; column-gap: 5px;}

.s6_points li{ font-size: 15px; line-height: 19px; padding: 5px 10px 6px 21px; background-size: 9px; background-position: center left 6px;}



.section7{ padding: 30px 0 35px;}

.s7_block{ margin: 25px auto 0;}

.s7_img_box{ width: 100%;}

.s7-img-m{ margin:0 auto 0; width:350px; border-radius: 20px;}

.s7_cont{ width:100%; margin-top:20px;}

.four_pathways_box{ margin-top: 20px;}

.four_pathways_col{ margin-bottom: 15px; padding-bottom: 15px;}

.four-pathways-icn{ width: 44px;}

.four_pathways_col_cont h3{ font-size: 19px; line-height: 22px;}

.four_pathways_col_cont p{ line-height: 22px; margin-top: 5px;}

.s7-prod{ display:none;}

.s7-prod-m{ margin:20px auto 0; width:280px;}

.s7_hdg{ font-size: 16px; line-height: 24px; margin-top: 15px;}



.section8{ padding: 30px 0 35px;}

.review_slide_col{ max-width: 270px; border-radius: 20px;}

.ugc-play{ width: 46px;}

.review_slide_row{ margin-top: 25px;}

.voluntary_text{ font-size: 12px; line-height: 18px; margin-top: 20px;}

.s8_box{ margin: 25px auto 5px; row-gap: 10px;}

.s8_col{ width: 100%; padding:20px 13px 18px;}

.s8_left{ width: 89px; column-gap: 8px;}

.s8-col-icn{ width: 25px;}

.s8_left h3{ font-size: 30px; line-height: 32px;}

.s8_right{ width: calc(100% - 89px); padding-left: 13px;}

.progress_bar{ height: 6px;}

.s8_right p{ font-size: 16px; line-height: 22px; margin-top: 7px;}



.section9{ padding: 30px 0 35px;}

.s9-prod-m{ margin:15px auto 0; width:340px;}

.s9_block{ margin: 5px auto 25px; row-gap: 20px;}

.s9_box{ width: 100%;}

.s9_box_header{ padding: 14px 12px;}

.s9_box_header h3{ width: calc(100% - 44px); padding-left: 14px; font-size: 21px; line-height: 27px;}

.s9_head_icn_box{ width: 44px; height: 44px;}

.s9-box-icn{ width: 27px;}

.s9_box_cont{ padding: 16px 12px 25px;}

.ing_col{ column-gap: 10px; margin-bottom: 12px; padding-bottom: 12px;}

.ing-col-icn{ width: 52px;}

.ing_col_cont h3{ font-size: 18px; line-height: 24px;}

.ing_col_cont p{ margin-top: 6px;}

.section9 .s5_hdg{ font-size: 18px; line-height: 24px; font-weight:600; margin-top: 13px;}



.section10{ padding: 30px 0 35px;}

.review_box{ margin:30px auto 5px; row-gap: 15px;}

.review_col{ padding: 20px 20px 20px;}

.review-verfy-img{ width: 48px;}

.review_vrfy_box_cont{ width: calc(100% - 48px); padding-left: 12px;}

.review-vrfy-star{ width:89px;}

.review_vrfy_hdg{ font-size: 16px; line-height: 20px;}

.review_vrfy_text{ font-size: 12px; line-height: 14px;}

.review_vrfy_text img{ width: 13px; margin:-1px 4px 0 0;}

.review_text{ margin-top: 15px;}

.review-img{ margin-top: 20px; width: 128px; border-radius: 10px;}



.section11{ padding: 30px 0 35px;}

.promise_box{ margin: 30px auto 5px; row-gap: 12px;}

.promise_col{ width: 48.5%;}

.promise-seal{ width: 83px;}

.promise_col p{ font-size: 18px; line-height: 22px;}



.section12{ padding: 30px 0 35px;}

.section12 .common_heading{ font-size: 28px; line-height: 38px;}

.s12_block{ margin: 30px auto 0;}

.s12_content{ width:100%; text-align: center;}

.s12_box{ max-width: 330px;}

.s12_col:before{ top: 40px; bottom: -37px;}

.s12_col_list{ column-gap: 9%;}

.s12_col_list li:before{ right: -24px; width: 17px;}

.s12_col_time{ width: 87px; font-size: 18px; line-height: 18px;}

.s12-col-icn{ width: 38px;}

.s12_hdg{ font-size: 20px; line-height: 26px; margin-top: 30px;}



.section13{ padding: 30px 0 35px;}

.faq-box{ margin-top:10px;}

.faq-row{ border-bottom: 1px solid #cccccc;}

.accordion{ font-size: 18px; line-height: 26px; background-size: 12px !important; padding: 15px 26px 15px 0;}

.acdn-content{ margin-top: -6px; padding-right:12px;}

.acdn-para{ font-size: 16px; line-height: 22px; margin-bottom: 12px;}



.footer{ padding:25px 0;}

.footer-logo{ margin: 0 auto 15px; width:146px;}

.footer_text{ font-size: 14px; line-height: 20px; margin-top: 7px;}	

}



/*CSS FOR UGC MODAL*/

.ugc-modal{

    position: fixed;

    top: 0%;

    bottom: 0%;

    left: 0%;

    right: 0%;

	-webkit-backdrop-filter: blur(5px);

    backdrop-filter: blur(5px);

    cursor: pointer;

	

	display: flex;

    background-color: rgba(255,255,255,.42);

    justify-content: center;

    align-items: center;

    display: flex;

	opacity:0;

	z-index:-9;

	transition: opacity .2s;

	}

.ugc-modal.active{

	opacity:1;

	z-index: 99;

	}

.video-container{

	aspect-ratio: 9 / 16;

	width: 360px;

	position: relative;

	border-radius:10px;

	overflow:hidden;

	min-height:640px;

	background:#000;

	}

.video-container video{height:100%;}

.ugc-close{

	position:absolute;

	right:15px;

	top:15px;

	width:45px;

	height:45px;

	background:#fff;

	border-radius:50%;

	padding:10px;

	z-index:1;

	}

.video-container iframe{

	width:100%;

	height:100%;

	}

@media only screen and (max-width:480px){

.video-container{width:280px; min-height:480px;}



}

/* ---- HERO SECTION ---- */
.hero {
    width: 100%;
    position: relative;
    overflow: hidden;
		margin-bottom: 30px;
}

.hero_inner {
    position: relative;
    width: 100%;
		min-height: 500px;
}

.hero_bg_img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
		min-height: 500px;
}

.hero_content {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    max-width: 60%;
    padding: 0 3% 0 max(5%, calc((100% - 1170px) / 2));
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: left;
    background: linear-gradient(to right, #ffffff 60%, transparent 100%);
}

.hero .bnr_text {
    font-weight: 500;
    margin-bottom: 8px;
}

.hero_heading {
    font-size: 35px;
    line-height: 48px;
    font-weight: 900;
    margin-bottom: 14px;
}

.hero_heading span.highlight-text {
		text-decoration: underline;
}

.hero_badge {
    display: inline-block;
    background: #17b13d;
    color: #fff;
    font-size: 20px;
    font-weight: 900;
    padding: 6px 12px;
    margin-bottom: 14px;
}

.hero_stats {
    list-style: none;
    padding: 0;
    margin: 0;
}

.hero_stats li {
    font-size: 22px;
    font-weight: bold;
    padding: 3px 0;
    line-height: 1.2;
}

.hero_heading .highlight {
  position: relative;
  display: inline;
  z-index: 0;
}
/* The pseudo-element is the yellow background */
.hero_heading .highlight::before {
  content: '';
  position: absolute;
  top: 1px;
  left: -6px;
  right: -6px;
  bottom: 0;
  border-radius: 3px;
  background: linear-gradient(to right, rgba(249, 196, 45, 1) 9%, rgba(255, 236, 183, 1) 100%);
  z-index: -1;
  transform: scaleX(0);
  transform-origin: left center;
}
/* .hl-animate class added by JS triggers the sweep */
.hero_heading .highlight.hl-animate::before {
  animation: hlSweep 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}
@keyframes hlSweep {
  from { transform: scaleX(0); }
  to   { transform: scaleX(1); }
}


@media (max-width: 1200px) {
    .hero_stats li,
    .hero .bnr_text,
    .hero_badge {
        font-size: 17px;
    }
		.hero_content {
			max-width: 80%;
			padding: 0 3% 0 max(5%, calc((100% - 750px) / 2))
		}
}

@media (max-width: 767px) {
		.hero_content {
			left: 0;
			right: 0;
			max-width: 100%;
			padding: 20px 16px;
			background: linear-gradient(to right, #ffffff 30%, transparent 100%);
		}
		.hero_inner {
			min-height: 550px;
		}
    .hero_bg_img {
        height: 550px;
				object-position: -760px;
    }
    .hero {
        margin-bottom: 25px;
    }
    .hero_heading {
        font-size: 29px;
        line-height: 40px;
    }
}

@media (max-width: 480px) {
		.hero_inner {
			min-height: 550px;
		}
    .hero_bg_img {
        height: 550px;
    }
		.show-mob-xs {
			display: block;
		}
}