@charset "utf-8";
/*====CSS Document====*/
body {
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	padding: 0;
	background: #ffffff;
	color: #000000;
	text-align: center;
    font-family: 'Inter';
	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;}
img {border: none; max-width: 100%; height: auto;}
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;}

/*-----------------------
FONTS
------------------------*/
@font-face {
    font-family: 'Inter';
    src: url('Inter-Regular.woff2') format('woff2'),
	url('Inter-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
	}
	
@font-face {
    font-family: 'Inter';
	src: url('Inter-Medium.woff2') format('woff2'),
	url('Inter-Medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
	}

@font-face {
    font-family: 'Inter';
	src: url('Inter-SemiBold.woff2') format('woff2'),
	url('Inter-SemiBold.woff') format('woff');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
	}
	
@font-face {
    font-family: 'Inter';
    src: url('Inter-Bold.woff2') format('woff2'),
	url('Inter-Bold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
	}
	
@font-face {
    font-family: 'Inter';
	src: url('Inter-ExtraBold.woff2') format('woff2'),
	url('Inter-ExtraBold.woff') format('woff');
	font-weight: 800;
	font-style: normal;
	font-display: swap;
	}

@font-face {
    font-family: 'Inter';
    src: url('Inter-Black.woff2') format('woff2'),
	url('Inter-Black.woff') format('woff');
	font-weight: 900;
	font-style: normal;
	font-display: swap;
	}

/*-----------------------
MAIN CSS START
------------------------*/

.container {
	width:930px;
	margin:0 auto;
	padding:0;
	position:relative;
	}
	
/*-----Top-Caption------*/
.top_caption{
	float:left;
	width:100%;
	background:#b7ffd5;
	padding:12px 0;
	}
.top_caption p{
	display:inline-block;
	vertical-align:middle;
	color:#000000;
    font-size:17px;
    line-height:17px;
	letter-spacing:0.3px;
	font-weight:500;
	}
.top_caption p span{font-weight:800;}
.caption_icon{
	display:inline-block;
	vertical-align:middle;
	margin:-5px 12px 0;
	width:22px;
	}	
	
/*=======COMMON-CSS======*/	
.common_heading{
	color:#000000;
	font-size:38px;
	line-height:44px;
	font-weight:800;
	text-align:left;
	letter-spacing:-0.5px;
	margin-top:45px;
	}
.common_heading.margin-top-0{margin-top:0;}
.common_paragraph{
	color:#000000;
	font-size:18px;
	line-height:26px;
	letter-spacing:-0.3px;
	text-align:left;
	margin-top:25px;
	}
.common_paragraph.margin-top-0{margin-top:0;}
.common_image{
	display: inline-block;
    vertical-align: middle;
    width: 100%;
    -webkit-box-shadow: 0 0 10px 1px rgb(0 0 0 / 0.1);
    box-shadow: 0 0 10px 1px rgb(0 0 0 / 0.1);
    border-radius: 10px;
    margin: 35px 0 10px;
    border: 1px solid #ddd;
    box-sizing: content-box;
	}
.common_image.margin-top-0{margin-top:0;}	
.common_button{
	display:inline-block;
	vertical-align:middle;
	max-width:392px;
	width:100%;
    color:#ffffff;
	font-size:25px;
	line-height:25px;
	text-align:center;
	letter-spacing:-0.5px;
	font-weight:bold;
	text-align:center;
	background:#ff8400;
	padding:23px 0 22px;
	margin:35px auto 0;
	}
	
/*=========================*/	
/*-------Main-Section-------*/	
.main_section{
	float:left;
	width:100%;
	padding:30px 0 70px;
	}
.main_heading{
	float:left;
	width:100%;
	color:#000000;
	font-size:46px;
	line-height:56px;
	text-align:left;
	font-weight:900;
	}
.author_content_box{
	float:left;
	width:100%;
	text-align:left;
	margin:25px 0;
	}
.author_details_box{
	float:left;
	width:50%;
	text-align:left;
	}	
.author_box_list{
	float:left;
	width:100%;	
	}
.author_box_list li{
	float:left;
	width:55%;
	text-align:left;
	border-right:1px solid #e4e4e4;
	padding:0 22px;
	position:relative;	
	}
.author_box_list li:first-child{padding-left:60px; width:38%;}
.author_box_list li:last-child{border-right:none;}
.author_image{
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	left:0;
	width:46px;
	border-radius:50%;
	}
.author_paragraph{
	color:#000000;
	font-size:15px;
	line-height:21px;
	}
.author_paragraph span{
	font-weight:bold;
	}	
.view_box{
	float:right;
	width:18%;
	border:1px solid #ff6820;
	border-radius:50px;
	text-align:left;
	padding:10px 0 7px;
	}
.view_box p{
	display:inline-block;
	vertical-align:middle;
	color:#000000;
	font-size:15px;
	line-height:15px;
	font-weight:bold;
	}
.graph_arrow{
	display:inline-block;
	vertical-align:middle;
	margin:-4px 8px 0 16px;
	width:24px;
	}	
.reason_section{
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display:flex;
	flex-wrap:wrap;
	row-gap:60px;
	width:100%;
	margin-top:55px;
	}
.reason_box{
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	width:100%;
	}
.reason_box_left{
	width:43%;
	}
.reason_image_box{
	display:inline-block;
	vertical-align:middle;
	border-radius:10px;
	overflow:hidden;
	}
.reason_image_box .reason_image{border-radius:0;}

.reason_image{
	display:inline-block;
	vertical-align:middle;
	border-radius:10px;
	}
.reason_image_box_text{
	color:#ffffff;
	font-size:15px;
	line-height:24px;
	font-weight:600;
	text-align:center;
	letter-spacing:-0.5px;
	background:#172702;
	padding:7px 10px 8px;
	}
.reason_box_right{
	width:54%;
	text-align:left;
	}
.reason_heading{
	color:#000000;
	font-size:30px;
	line-height:38px;
	font-weight:800;
	letter-spacing:-0.5px;
	}
.reason_paragraph{
	color:#000000;
	font-size:18px;
	line-height:26px;
	letter-spacing:-0.5px;
	padding-right:10px;
	margin-top:25px;
	}	
.reason_paragraph.margin-top-20{margin-top:20px;}
	
.product_box{
	float:left;
	width:100%;
	text-align:left;
	border-radius:10px;
	background: url(../images/prd-bx-bg.png)no-repeat right bottom #ffffff;
	-webkit-box-shadow: 0 0 10px 1px rgb(0 0 0 / 0.2);
    box-shadow: 0 0 10px 1px rgb(0 0 0 / 0.2);
	padding:25px 40px 40px 50px;
	margin-top:70px;
	position:relative;
	}	
.product_image{
	position:absolute;
	bottom:35px;
	right:35px;
	}
.offer_tag{
	position:absolute;
    top:232px;
    right:70px;
	}		
.product_list_box{
	float:left;
	width:60%;
	text-align:left;
	margin-top:20px;
	}
.product_list_heading{
	color:#000000;
	font-size:20px;
	line-height:26px;
	letter-spacing:-0.5px;
	font-weight:bold;
	}
ul.product_list{
	float:left;
	width:100%;
	text-align:left;
	}
ul.product_list li{
	float:left;
	width:100%;
	padding-left:50px;
	margin-top:25px;
	position:relative;
	}
ul.product_list li:before{
	content:'';
	position:absolute;
	top:25px;
	bottom:-25px;
	left:17px;
	border-left:1px dotted #b5b5b5;	
	}
ul.product_list li:last-child:before{display:none;}
.product_list_number{
	position:absolute;
	top:0;
	left:0;
	width:35px;
	height:35px;
	background:#274244;
	border-radius:50%;
	color:#ffffa9;
	font-size:20px;
	line-height:35px;
	font-weight:500;
	text-align:center;
	}
.product_list_paragraph{
	color:#000000;
	font-size:18px;
	line-height:24px;
	letter-spacing:-0.5px;
	}
.product_list_paragraph span{font-weight:bold;}		
.bonus_box{
	float:left;
	width:63%;
	text-align:left;
	border-radius:10px;
	background:#feffbf;
	border:1px solid #243435;
	padding:9px 15px 9px 65px;
	margin-top:30px;
	position:relative;
	}
.bonus_box p{
	color:#262626;
	font-size:16px;
	line-height:24px;
	letter-spacing:-0.5px;
	}
.bonus_box p span{font-weight:bold;}
.bonus_icon{
	position:absolute;
	top:16px;
	left:12px;
	width:41px;
	}
      	
/*========footer==========*/
.footer{
	float:left;
	width:100%;
	border-top:1px solid #cccccc;
	padding:30px 0;
	}
.footer_text{
	color:#504646;
	font-size:16px;
	line-height:24px;
	letter-spacing:0.3px;
	}
.footer_text a{padding:0 5px;}	


.btmfix{
	margin-top:20px;
	}
.footer-cta{
	float:left;
	width:100%;
	text-align:center;
	position:relative;
	bottom:0;
	z-index:99
	}
a.footer-btn{
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    color: #ffffff;
    font-size: 20px;
    line-height: 20px;
    text-align: center;
    font-weight: bold;
    text-align: center;
    background: #ff8400;
    padding: 25px 0 26px;
    margin: 0 auto 0;
	}

		
	
/*-----------------------
MEDIA-QUERY
------------------------*/
.show-mob, .show-tab{display:none;}

@media only screen and (max-width:1021px){	
.container{width:750px;}
.show-tab{display:block;}
.show-desk{display:none;}

.common_heading{font-size: 30px; line-height: 36px; letter-spacing:0.3px;}
.common_paragraph{font-size:17px; line-height:25px; letter-spacing:0.3px; margin-top:20px;}
.common_button{max-width:350px; font-size:23px; line-height:23px; letter-spacing:0; padding:20px 0 22px; margin:25px auto 0;}

.top_caption{padding:7px 0;}
.top_caption p{font-size:16px; line-height:16px;}
.caption_icon{margin:-5px 10px 0; width:20px;}

.main_section{padding:30px 0 45px;}
.main_heading{font-size:35px; line-height:43px;}

.author_content_box{margin:20px 0 25px;}
.author_details_box{width:58%;}
.author_box_list li{padding:0 15px 0;}	
.author_paragraph{font-size:14px; line-height:20px;}
.view_box{width:22%; padding:7px 0 5px;}
.view_box p{font-size:14px; line-height:14px;}

.reason_section{row-gap:45px; margin-top:35px;}
.reason_box_left{width:42%;}
.reason_heading{font-size:28px; line-height:34px; letter-spacing:0.3px;}
.reason_paragraph{font-size:17px; line-height:25px; letter-spacing:0.3px; padding-right:0; margin-top:20px;}

.product_box{padding:25px 25px 35px; margin-top:40px;}
.product_image{right:15px;}
.offer_tag{right:50px;}
ul.product_list li{margin-top:20px;}
.product_list_paragraph{font-size:17px; line-height:25px; letter-spacing:0.3px;}
.bonus_box{margin-top:25px;}
.bonus_box p{letter-spacing:0.3px;}

.footer{padding:35px 0;}

}

@media only screen and (max-width:767px){
.container{ max-width:600px; width:100%; padding:0px 15px; box-sizing:border-box;}
.show-mob{ display:block;}
.hide-mob{ display:none;}

.common_heading{font-size:22px; line-height:30px; letter-spacing:0;}
.common_paragraph{font-size:16px; line-height:26px; letter-spacing:0.5px; margin-top:15px;}
.common_button{font-size:20px; line-height:20px; letter-spacing:0.3px; padding:20px 0; margin:20px auto 0; display:block;}

.top_caption{padding:6px 0;}
.top_caption p{font-size:13px; line-height:13px; letter-spacing:0;}
.caption_icon{margin:-4px 5px 0; width:16px;}

.main_section{padding:15px 0 30px;}
.main_heading{font-size:26px; line-height:34px;}

.author_content_box{margin:15px 0 20px;}
.author_details_box{width:100%;}
.author_box_list li{width:58%; padding:0 10px 0 15px;}	
.author_box_list li:first-child{width:42%; padding-left:45px;}
.author_image{width:35px;}
.author_paragraph{font-size:13px; line-height:19px; letter-spacing:0.2px;}

.reason_section{row-gap:30px; margin-top:25px;}
.reason_box_left{width:100%;}
.reason_box_right{width:100%;}
.reason_heading{font-size:24px; line-height:32px;}
.reason_image{margin:15px auto 0;}
.reason_paragraph{font-size:16px; line-height:26px; letter-spacing:0.5px; margin-top:15px;}
.reason_image_box .reason_image{ border-radius: 10px 10px 0 0;}

.product_box{padding:20px 15px 25px; margin-top:25px;}
.product_image_box{ max-width:345px; width:100%; margin:30px auto 0; position:relative;}
.product_image{position:static; display:block; margin:0 auto; max-width:45%;}
.offer_tag{top:10px; right:90px; width:65px;}
.product_list_box{width:100%; margin-top:25px;}
.product_list_heading{letter-spacing:0.3px;}
.product_list_number{width:30px; height:30px; font-size:18px; line-height:31px;}
ul.product_list li{padding-left:45px; margin-top:20px;}
ul.product_list li:before{top:20px; bottom:-20px; left:14px;}
.product_list_paragraph{font-size:16px; line-height:24px; letter-spacing:0.5px;}
.bonus_box{width:100%; padding:20px 15px 15px; margin-top:20px;}
.mob_bonus_icon{display:inline-block; vertical-align:middle; margin:-8px 5px 5px 0; width:32px;}
.hr_line{ border-bottom: 1px solid #000; float: left; width: 100%; margin: 10px 0;}

.footer{padding:25px 0 0 0;}
.footer_text{font-size:14px; line-height:18px;}
}