@charset "utf-8";
/*/ CSS Document /*/

body {
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	padding:0;
	background:#fff;
	color:#191919;
	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; 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;
	}	
	
.container {
	width:1170px;
	margin:0 auto;
	padding:0;
	position:relative;
	}
.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: 'DIN Next W1G';
    src: url('DINNextW1G-Medium.woff2') format('woff2'),
        url('DINNextW1G-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DIN Next W1G';
    src: url('DINNextW1G-Bold.woff2') format('woff2'),
        url('DINNextW1G-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

/*===Header===*/
.header{
	background:#fff;
	float:left;
	width:100%;
	padding:15px 0 17px;
	-webkit-box-shadow:0 5px 8px 2px rgba(0,0,0,.1);
	box-shadow:0 5px 8px 2px rgba(0,0,0,.1);
	}
.logo{
	float:left;
	margin-top:1px;
	width:240px;
	}
.head_btn{
	float:right;
	width:224px;
	height:50px;
	color:#fff;
	font-weight:bold;
	font-size:18px;
	line-height:50px;
	background:#29b64d;
	border-radius:5px;
	margin-top:0px;
	letter-spacing:0.5px;
	text-transform:uppercase;
	font-family: 'DIN Next W1G';
	-webkit-box-shadow: 2px 5px 4px 2px rgba(0,0,0,.1);
	box-shadow: 2px 5px 4px 2px rgba(0,0,0,.1);	}

/*======Main Section=====*/
.main_section{
	float:left;
	width:100%;
	padding:50px 0 60px;
	}
.sec_left{
	float:left;
	width:68.8%;
	text-align:left;
	}
ul.sec_list1{
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	max-width: 370px;
	}
ul.sec_list1 li{
	display: -webkit-flex;
	display:flex;
	flex-wrap: wrap;
	align-items: center;
	width:48%;
	border:1px solid #8d9fd2;
	background:#fff;
	padding:8px 12px;
	border-radius:50px;
	}
ul.sec_list1 li img{
	width:19px;
	}
ul.sec_list1 li p{
	width:calc(100% - 19px);
	font-size:14px;
	line-height:14px;
	color:#212121;
	font-weight:500;
	padding-left:10px;
	letter-spacing:0.5px;
	}
.main_heading{
	font-size:32px;
	line-height:42px;
	color:#000;
	font-weight:bold;
	margin-top:20px;
	font-family: 'DIN Next W1G';
	}
.author_box{
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	width: 100%;
	margin:25px auto 0;
	}
.author_box img{
	width:39px;
	border-radius:50%;
	}
.author_box p{
	width:calc(100% - 39px);
	font-size:16px;
	line-height:16px;
	color:#282828;
	padding-left:15px;
	letter-spacing:0.5px;
	}
.author_box p span{ margin:0 8px;}
.semi_bold{ font-weight:600;}
.common-imgs{
	display:block;
	margin:30px auto 0;
	}
.img_shadow{
	border:4px solid #fff;
	-webkit-box-shadow: 0 0 5px 2px rgba(0,0,0,.1);
	box-shadow: 0 0 5px 2px rgba(0,0,0,.1);
	}
.brand_logo{
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	width:100%;
	margin:35px auto 0;
	padding-bottom:20px;
	border-bottom:1px solid #d6d6d6;
	}
.brand_logo p{
	width:106px;
	font-size:20px;
	line-height:20px;
	color:#282828;
	font-weight: bold;
	font-family: 'DIN Next W1G';
	}
ul.brand_logo_list{
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	width:calc(100% - 106px);
	}
ul.brand_logo_list li{
	width:25%;
	padding-left:10px;
	}
ul.brand_logo_list li img{
	display:block;
	margin:0 auto;
	}
.sec_box1{
	display:inline-block;
	vertical-align:top;
	width:100%;
	background:#fffde1;
	border:1px solid #ffd131;
	border-radius:8px;
	margin-top:45px;
	position:relative;
	padding:25px 125px 25px 22px;
	}
.s-box1-img1{
	position:absolute;
	top: 50%;
	right: 22px;
	width: 82px;
	transform:translateY(-50%);
	}
.s_box1_hdg{
	font-size:25px;
	line-height:25px;
	letter-spacing:0.2px;
	font-weight:bold;
	color:#ff0000;
	text-transform:uppercase;
	font-family: 'DIN Next W1G';
	}
.s_box1_txt{
	font-size:18px;
	line-height:28px;
	letter-spacing:0.5px;
	color:#282828;
	margin-top:12px;
	}
.sub_heading{
    font-size: 28px;
    line-height: 38px;
    color: #2e2e2e;
    font-weight: bold;
    margin-top: 40px;
    font-family: 'DIN Next W1G';
	}
.common_text{
    font-size: 18px;
    line-height: 28px;
    color: #191919;
	letter-spacing:0.5px;
    margin-top: 25px;
	}
.common_heading{
    font-size: 30px;
    line-height: 32px;
    color: #000000;
    font-weight: bold;
    margin-top: 40px;
	padding-bottom:18px;
	border-bottom:1px solid #bababa;
    font-family: 'DIN Next W1G';
	}
.common-img2{
	margin: 30px 0 10px 35px;
	width: 293px;
	border-radius:10px;
	-webkit-box-shadow: 0 0 5px 2px rgba(0,0,0,.1);
	box-shadow: 0 0 5px 2px rgba(0,0,0,.1);
	border-bottom: 14px solid #fff;
	}
.link{
	color:#2594e2;
	font-weight:bold;
	text-decoration:underline;
	}
	
.prod_box{
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width:100%;
	background:#f4f8ff;
	margin:30px auto 30px;
	}
.prod_box_left{
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	width: 44%;
	background: #1454b4;
	padding: 25px;
	}
.prod_box_left img{
	float:left;
	}
.prod_box_rgt{
	width:56%;
	padding:10px 20px 30px 30px;
	}
ul.prod_box_list{
	display:inline-block;
	vertical-align:top;
	width:100%;
	}
ul.prod_box_list li{
	display:inline-block;
	vertical-align:top;
	width:100%;
	position:relative;
	margin-top:30px;
	padding-left:30px;
	}
ul.prod_box_list li img{
	position:absolute;
	top:0;
	left:-67px;
	width:76px;
	}
ul.prod_box_list li h3{
	font-size:22px;
	line-height:22px;
	letter-spacing:0.5px;
	font-weight:bold;
	color:#000000;
	}
ul.prod_box_list li p{
	font-size:17px;
	line-height:24px;
	letter-spacing:0.5px;
	color:#000000;
	margin-top:12px;
	}

.nose-img{
	margin:35px 0 0 30px;
	width:186px;
	}
ul.sec_list2{
	}
ul.sec_list2 li{
	position:relative;
	padding-left:65px;
	margin-top:30px;
	}
ul.sec_list2 li p{
	font-size:18px;
	line-height:28px;
	letter-spacing:0.5px;
	color:#191919;		
	}
ul.sec_list2 li div{
	position:absolute;
	top:4px;
	left:0;
	background:#0b0b0b;
	width:46px;
	height:46px;
	border-radius:50%;
	color:#fff;
	font-size:22px;
	line-height:46px;
	font-weight:600;
	text-align:center;
	}
	
.sec_box2{
	display:inline-block;
	vertical-align:top;
	width:100%;
	margin-top:35px;
	background:#fff;
	border-radius:8px;
	-webkit-box-shadow: 0 0 5px 2px rgba(0,0,0,.1);
	box-shadow: 0 0 5px 2px rgba(0,0,0,.1);
	}
.sec_box2_top_box{
	display:inline-block;
	vertical-align:top;
	width:100%;
	padding:22px 30px 20px;
	border-bottom:1px solid #e6e6e6;
	}
.sec_box2_hdg{
	font-size: 30px;
	line-height: 40px;
	color: #000000;
	font-weight: bold;
	font-family: 'DIN Next W1G';
	}
.sec_box2_btm_box{
	display:inline-block;
	vertical-align:top;
	width:100%;
	padding:25px 30px 40px;
	}
.red_txt{ color:#ff0f0f;}
.mrgT0{ margin-top:0 !important;} 
.sec_box2_btm_hdg{
	margin-top:30px;
	font-family:'inter'
	}
.sec_box2_strip{
	display: inline-block;
	vertical-align: top;
	width: 100%;
	background: #eaf5ff;
	border-radius: 5px;
	padding: 28px 225px 30px 25px;
	position: relative;
	margin: 35px 0 10px;
	}
.sec_box2_strip p{
	font-size: 18px;
	line-height: 28px;
	color: #191919;
	letter-spacing: 0.5px;
	}
.sec_box2_strip img{
	position: absolute;
	top: 50%;
	right: 25px;
	width: 176px;
	transform: translateY(-50%);
	}
.grnty-seal{
	margin: 30px 25px 0 0;
	width: 161px;
	}
.btn_box{
	display:inline-block;
	vertical-align:top;
	width:100%;
	text-align:center;
	margin-top:50px;
	}
.common_btn{
	display:inline-block;
	vertical-align:top;
	width:100%;
	max-width: 560px;
	height: 66px;
	color: #fff;
	font-weight: bold;
	font-size: 29px;
	line-height: 64px;
	background: #29b64d;
	border-radius: 5px;
	letter-spacing: 0.5px;
	font-family: 'DIN Next W1G';
	-webkit-box-shadow: 2px 5px 5px 2px rgba(0,0,0,.1);
	box-shadow: 2px 5px 5px 2px rgba(0,0,0,.1);
	}
.common_btn img{
	display:inline-block;
	vertical-align:middle;
	margin:-3px 0 0 12px;
	}
.prod2{
	width:354px;
	margin:25px 0 0 25px;
	}
.sec_box3{
	display:inline-block;
	vertical-align:top;
	width:100%;
	background:#fff9c7;
	border:1px solid #fff17f;
	padding:20px 25px 20px 55px;
	margin-top:35px;
	position:relative;
	}
.sec_box3 img{
	position:absolute;
	top: 24px;
	left: 20px;
	width:19px;
	}
.sec_box3 p{
	font-size:17px;
	line-height:26px;
	letter-spacing:0.5px;
	color:#272727;
	}
	
.sec_right{
	float:right;
	width:28%;
	}	
.right_box1{
	float:left;
	width:100%;
	background:#fff;
	border:3px solid #1f4fd1;
	border-radius:10px;
	padding:20px 18px 30px;
	}
.right_box_hdg{
	font-size:40px;
	line-height:40px;
	font-weight:bold;
	color:#191919;
	font-family: 'DIN Next W1G';
	}
.star{
	display:block;
	margin:10px auto 18px;
	width:115px;
	}
.right_box_txt1{
	font-size:16px;
	line-height:24px;
	letter-spacing:0.5px;
	margin-top:12px;
	color:#191919;
	}
.medium{ font-weight:500;}
.rgt-prod{
	display:block;
	margin:25px auto 0;
	width:284px;
	}
.rgt_btn_box{
	display:inline-block;
	vertical-align:top;
	width:100%;
	margin-top:30px;
	}
.rgt_btn{
	display: inline-block;
	vertical-align: top;
	width: 100%;
	max-width:266px;
	color: #fff;
	font-weight: bold;
	background: #29b64d;
	border-radius: 5px;
	letter-spacing: 0.5px;
	text-transform:uppercase;
	font-size:21px;
	height:58px;
	line-height:60px;
	font-family: 'DIN Next W1G';
	-webkit-box-shadow: 2px 5px 5px 2px rgba(0,0,0,.1);
	box-shadow: 2px 5px 5px 2px rgba(0,0,0,.1);
	}

/*======Footer=====*/	
.footer{
	float:left;
	width:100%;
	padding:26px 0 40px;
	border-top:1px solid #d2d2d2;
	}
.foot-txt{
	font-size:16px;
	line-height:16px;
	letter-spacing:0.5px;
	margin-top:14px;
	color:#515151;
	}
.foot-txt a{ margin:0 8px;}

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

@media only screen and (max-width: 1200px){          
.container{width:1004px;}

.sub_heading{ font-size: 27px; line-height: 37px;}
.common-img2{ width: 270px;}

.prod_box_left{ padding:15px;}
.prod_box_left img{ width:240px;}
.grnty-seal{ margin: 23px 25px 0 0;}

.prod2{ width: 308px; margin: 25px 0 0 20px;}
}

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

.main_section{ padding: 45px 0 55px;}
.main_heading{ font-size: 31px; line-height: 39px; margin-top:15px;}
.sec_left{ width: 68%;}
.author_box{ margin: 20px auto 0;}
.author_box p{ font-size: 15px; line-height: 16px;}
.common-imgs{ margin: 25px auto 0;}

.brand_logo p{ width: 95px; font-size: 18px; line-height: 18px;}
ul.brand_logo_list{ width: calc(100% - 95px);}
.sec_box1{ margin-top: 35px; padding: 20px 100px 20px 15px;}
.s-box1-img1{ right: 15px; width: 74px;}
.s_box1_hdg{ font-size: 23px; line-height: 23px;}
.s_box1_txt{ font-size: 17px; line-height: 24px; letter-spacing: 0.3px; margin-top: 10px;}
.sub_heading{ font-size: 25px; line-height: 32px; margin-top: 30px;}

.common_heading{ font-size: 27px; line-height: 28px; margin-top: 30px;}
.common-img2{ width: 210px; margin: 30px 0 0 22px; border-bottom: 10px solid #fff;}

.prod_box{ margin: 25px auto;}
.prod_box_left{ padding: 10px;}
.prod_box_left img{ width: 180px;}
.prod_box_rgt{ padding: 5px 20px 22px 20px;}
ul.prod_box_list li{ margin-top: 25px; padding-left: 27px;}
ul.prod_box_list li img{ left: -48px; width: 60px;}
ul.prod_box_list li h3{ font-size: 20px; line-height: 20px;}
ul.prod_box_list li p{ font-size: 15px; line-height: 24px; margin-top: 12px;}

.nose-img{ margin: 35px 0 0 25px; width: 165px;}
ul.sec_list2 li{ padding-left: 60px;  margin-top: 25px;}
ul.sec_list2 li div{ width: 42px; height: 42px; font-size: 20px; line-height: 41px;}
ul.sec_list2 li p{ font-size: 17px; line-height: 27px;}

.sec_box2_top_box{ padding: 16px 20px 14px;}
.sec_box2_hdg{ font-size: 26px; line-height: 36px;}
.sec_box2_btm_box{ padding: 20px 20px 30px;}
.sec_box2_btm_hdg{ margin-top: 20px;}

.sec_box2_strip{ padding: 18px 163px 21px 18px; margin: 25px 0 10px;}
.sec_box2_strip p{ font-size: 16px; line-height: 24px;}
.sec_box2_strip img{ right: 18px; width: 130px;}

.grnty-seal{ margin: 23px 20px 0 0; width: 147px;}
.btn_box{ margin-top: 40px;}
.common_btn{ font-size:23px; max-width: 469px;}
.common_btn img{ width: 20px; margin: -3px 0 0 10px;}
.prod2{ width: 214px;}
.sec_box3{ padding: 20px 25px 20px 50px;}
.sec_box3 img{ left: 17px;}

.sec_right{ width: 28.5%;}

.right_box1{ border: 2px solid #1f4fd1; border-radius: 8px; padding: 16px 12px 25px;}
.right_box_hdg{font-size: 33px; line-height: 33px;}
.star{ margin: 8px auto 15px; width: 108px;}
.right_box_txt1{ font-size: 16px; line-height: 22px; margin-top: 8px;}
.rgt-prod{ margin: 15px auto 0;}
.rgt_btn_box{ margin-top: 20px;}
.rgt_btn{ font-size: 16px; height: 46px; line-height: 48px;}
}

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

.header{ padding: 12px 0 16px;}
.logo{ width: 180px; display:block; margin:0 auto; float:none;}
.head_btn{ display:none;}

.main_section{ padding: 25px 0 30px;}
.sec_left{ width: 100%;}
ul.sec_list1 li img{ width: 17px;}
ul.sec_list1 li p{ width: calc(100% - 17px); font-size: 13px; padding-left: 8px;}
.main_heading{ font-size: 26px; line-height: 34px;}

.author_box{ margin: 12px auto 0;}
.author_box img{ width: 26px;}
.author_box p{ width: calc(100% - 26px); font-size: 11px; line-height: 12px; padding-left: 8px; letter-spacing:0.2px;}
.author_box p span{ margin: 0 2px;}
.common-imgs{ margin: 25px auto 0; object-fit: cover; min-height: 225px;}
.common-img3-mob{ display:block; margin:25px auto 0;}
.img_shadow{ border: 3px solid #fff;}

.brand_logo{ max-width:414px; margin: 25px auto 0; padding-bottom: 15px; text-align: center;}
.brand_logo p{ width: 100%; font-size: 16px; line-height: 16px;}
ul.brand_logo_list{ width: 100%; margin-top: 15px;}
ul.brand_logo_list li{ padding-left: 0;}

.sec_box1{ margin-top: 30px; padding: 20px 86px 17px 15px;}
.s_box1_hdg{ font-size: 22px; line-height: 22px;}
.s-box1-img1{ top: 20px; right: 12px; width: 70px; transform: none;}
.s_box1_txt{ font-size: 16px; line-height: 24px; letter-spacing: 0.3px;}
.sub_heading{ font-size: 23px; line-height: 30px; margin-top: 20px;}
.common_text{ font-size: 17px; line-height: 26px; margin-top: 15px;}
.common_heading{ font-size: 24px; line-height: 30px;  margin-top: 30px; padding-bottom: 12px;}
.common-img2{ width: auto; margin: 28px auto 22px; border-bottom: 14px solid #fff;}

.prod_box_left{ padding: 22px 0 20px; width: 100%;}
.prod_box_left img{ width: 250px; float: none; display: block; margin: 0 auto;}
.prod_box_rgt{ padding: 5px 15px 22px 15px; width: 100%;}
ul.prod_box_list li{ margin-top: 20px; padding-left: 62px;}
ul.prod_box_list li img{ left: 0; width: 45px;}
ul.prod_box_list li p{ margin-top: 10px;}
.nose-img{ margin: 20px auto 0; width: auto;}
ul.sec_list2 li{ margin-top: 20px;}

.sec_box2{ margin-top: 30px;}
.sec_box2_top_box{ padding: 14px 15px 12px;}
.sec_box2_hdg{ font-size: 21px; line-height: 30px;}
.sec_box2_btm_box{ padding: 20px 15px 25px;}
.sec_box2_strip{ padding: 16px 15px 22px; margin: 20px 0 5px; text-align: center;}
.sec_box2_strip img{ position: static; display: block; width: auto; margin: 15px auto 0; transform: none;}
.grnty-seal{ margin: 20px auto; width: auto;}
.btn_box{ margin-top: 25px;}
.common_btn{ font-size: 22px; height: 76px; line-height: 24px; max-width: 315px; padding-top:14px; position: relative;}
.common_btn img{ display:none;}
.prod2{ width: auto; margin: 20px auto 0; float: none;}

.sec_box3{ padding: 15px 15px 17px 42px; margin-top:25px;}
.sec_box3 img{ width: 16px; left: 13px; top: 21px;}

.sec_right{ width: 100%; margin-top: 35px;}
.right_box1{ max-width: 380px; display: inline-block; vertical-align: top; float: none; border: 3px solid #1f4fd1;}
.right_box_hdg{ font-size: 40px; line-height: 40px;}
star{ width: auto;}
.rgt_btn{font-size: 21px; height: 58px; line-height: 60px;}
.right_box1 .btn_box{ margin-top:20px;}

.footer{ padding:15px 0 25px;}
.foot-txt{ font-size: 13px; line-height: 13px; margin-top:10px;}
.foot-txt a { margin: 0 4px;}
}

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

ul.sec_list1 li{ padding: 8px 9px;}	
.author_box p{ font-size: 11px;}
.common_heading{ font-size: 23px;}
.common_text{ font-size: 16px;}
.sec_box2_hdg{ font-size: 20px; line-height: 28px;}
ul.sec_list2 li p{ font-size: 16px; line-height: 26px;}
.sec_box2_strip p{ font-size: 15px; line-height: 22px;}

.foot-txt{ letter-spacing: 0.1px;}
}