@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: 'Beausite Classic Web Clear';
	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: 'Beausite Classic Web Clear';
	src: url('../../assets/fonts/BeausiteClassicWeb-Clear.woff2') format('woff2'),
	url('../../assets/fonts/BeausiteClassicWeb-Clear.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
	}

@font-face {
	font-family: 'Beausite Classic Web Clear';
	src: url('../../assets/fonts/BeausiteClassicWeb-ClearItalic.woff2') format('woff2'),
	url('../../assets/fonts/BeausiteClassicWeb-ClearItalic.woff') format('woff');
	font-weight: normal;
	font-style: italic;
	font-display: swap;
	}

@font-face {
    font-family: 'Beausite Classic Web';
	src: url('../../assets/fonts/BeausiteClassicWeb-Medium.woff2') format('woff2'),
	url('../../assets/fonts/BeausiteClassicWeb-Medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
	}

@font-face {
    font-family: 'Beausite Classic Web';
	src: url('../../assets/fonts/BeausiteClassicWeb-MediumItalic.woff2') format('woff2'),
	url('../../assets/fonts/BeausiteClassicWeb-MediumItalic.woff') format('woff');
	font-weight: 500;
	font-style: italic;
	font-display: swap;
	}

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

.container {
	width:1030px;
	margin:0 auto;
	padding:0;
	position:relative;
	}
	
/*======Header======*/
.header{
	float:left;
	width:100%;
	background:#ffffff;
	padding:19px 0;
	}
.logo{
	float:left;
    width:237px;
	}
	
/*========Banner========*/
.banner{
	float:left;
	width:100%;
	}
.banner_inner_box{
	float:left;
	width:100%;
	background:url(../../assets/images/bnr-inr-bg.webp)no-repeat center top;
	border-radius:20px;
	padding:60px 0 80px 43px;
	}
.banner_left{
	float:left;
	width:68%;
	text-align:left;
	}
.banner_title{
	float:left;
	width:100%;
	color:#ffffff;  
    font-size:15px;
	line-height:25px;
	padding-left:25px;
	position:relative;
	}
.banner_title span{
	font-weight:500;
	font-family: 'Beausite Classic Web';
	margin-right:3px;
	}
.dot{
	position:absolute;
	top:6px;
	left:0;
	width:15px;
	height:15px;
	border-radius:50%;
	background:#ff5f23;
	}
.banner_heading{
	float:left;
	width:100%;
	color:#ffffff;  
    font-size:40px;
	line-height:50px;
    font-weight:bold;
	letter-spacing:0.5px;
	font-family: 'Beausite Classic Web';
	margin-top:10px;
	}	
.banner_offer_text{
	float:left;
	color:#ffffff;  
    font-size:40px;
	line-height:46px;
    font-weight:bold;
	letter-spacing:0.3px;
	font-family: 'Beausite Classic Web';
	border-top:2px solid #ff5f23;
	border-bottom:2px solid #ff5f23;
	padding:2px 0 10px;
	margin-top:25px;
	}
	
/*======COMMON-CSS======*/
.common_heading{
	color:#000000;
	font-size:42px;
	line-height:44px;
	letter-spacing:-0.3px;
	font-weight:500;
	font-family: 'Beausite Classic Web';
	}
.common_paragraph{
	color:#000000;
	font-size:19px;
	line-height:28px;
	letter-spacing:-0.3px;
	margin-top:25px;
	}
.common_paragraph.margin-top-0{margin-top:0;}
.common_paragraph.medium{
	font-weight:bold;
	font-family: 'Beausite Classic Web';
	}
.common_paragraph .medium{
	font-weight:bold;
	font-family: 'Beausite Classic Web';
	}
.button_box{
	display:inline-block;
    vertical-align:middle;
	max-width:355px;
    width:100%;
	margin-top:25px;
	}
.button_text{
	color:#0a0a0a;
	font-size:17px;
    line-height:27px;
	font-family: 'Beausite Classic Web';
	letter-spacing:-0.3px;
	margin-bottom:10px;
	}
.button_text span{font-weight:500;}
.common_button{
	display:inline-block;
    vertical-align:middle;
	max-width:355px;
    width:100%;
    color:#ffffff;
    font-size:23px;
    line-height:23px;
    text-align:center;
	font-family: 'Beausite Classic Web';
	font-weight:500;
    letter-spacing:-0.3px;
	background:#ec5b17;
	-webkit-box-shadow:0 5px 5px 0 rgba(0, 0, 0, 0.2);
	box-shadow:0 5px 5px 0 rgba(0, 0, 0, 0.2);
	border-radius:50px;
	padding:20px 0;
	margin:45px auto 0;
	}
.button_box .common_button{margin:0 auto 0;}
.banner_button{
	max-width:212px;
	font-size:19px;
    line-height:19px;
	padding:16px 0;
	margin:30px auto 0;
	}
.button_arrow{
	display:inline-block;
	vertical-align:middle;
	margin:-3px 0 0 10px;
	width:17px;
	}
	
/*======================*/
/*=====Section-1===-===*/
.section1{
	float:left;
	width:100%;
	background:#ffffff;
	padding:40px 0 55px;
	position:relative;
	}	
.section1_content{
	float:left;
	width:100%;
	}
.section1_left{
	float:left;
	width:57%;
	text-align:left;
	}
.section1_right{
	float:right;
	width:40%;
	}
.section1_image{
	display:inline-block;
	vertical-align:middle;
	border-radius:10px;	
	}	
.reason_row{
	display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
	row-gap:55px;
	float:left;
	width:100%;
	margin:50px auto 0;
	}
.reason_box{
	display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
	width:100%;
	}
.reason_box_left{
	width:49%;	
	}	
.reason_image_box{
	position:relative;	
	}
.price_tag{
	width:108px;
	height:108px;
	border:3px solid #ffffff;
	background:#ff5f23;
	border-radius:50%;
	position:absolute;
	top:31px;
	left:35px;
	color:#ffffff;
	font-size:12px;
	line-height:22px;
	text-align:center;
	padding-top:24px;
	}
.price_tag span{
	font-size:33px;
	font-weight:bold;
	font-family: 'Beausite Classic Web';
	}
.trial_seal{
	position:absolute;
	top:37px;
	left:31px;
	width:118px;
	}	
.reason_image{
	display:inline-block;
	vertical-align:middle;
	border-radius:10px;	
	border:2px solid #000000;
	}
.reason_box_right{
	width:47.4%;
	text-align:left;
	}
.reason_box_heading{
	color:#000000;  
    font-size:28px;
	line-height:34px;
    font-weight:bold;
	font-family: 'Beausite Classic Web';
	border-top:1px solid #ff5f23;
	border-bottom:1px solid #ff5f23;
	padding:15px 0;
	}
.reason_box_paragraph{
	color:#000000;
	font-size:19px;
	line-height:28px;
	letter-spacing:-0.3px;
	margin-top:25px;
	}
.reason_point_text{
	color:#000000;
	font-size:19px;
	line-height:28px;
	letter-spacing:-0.3px;
	font-weight:500;
	font-family: 'Beausite Classic Web';
	padding-left:25px;
	margin-top:25px;
	position:relative;
	}	
.reason_point_text:before{
	content:'';
	position:absolute;
	top:10px;
	left:0;
	width:11px;
	height:11px;
	border-radius:50%;
	background:#ff5f23;
	}
.reason_box .common_button{margin:25px auto 0;}
.note_box{
	display:inline-block;
	vertical-align:middle;
	max-width:770px;
	width:100%;
	text-align:left;
	background:#fffbe9;
	border:2px dashed #e17d11;
	-webkit-box-shadow:0 0 10px 1px rgba(0, 0, 0, 0.2);
    box-shadow:0 0 10px 1px rgba(0, 0, 0, 0.2);
	border-radius:12px;
	padding:36px 25px 30px;
	margin-top:88px;
	position:relative;
	}
.note_box_title{
	position:absolute;
	top:-20px;
	left:30px;
	color:#000000;
	font-size:18px;
	line-height:18px;
	letter-spacing:-0.3px;
	text-transform:uppercase;
	font-weight:bold;
	font-family: 'Beausite Classic Web';
	background:#f4c426;
	border-radius:4px;
	padding:9px 11px;
	}
.bulb_icon{
	display:inline-block;
	vertical-align:top;
    margin:-4px 5px -2px 0;
	width:21px;
	}
.note_box_paragraph{
	color:#000000;
	font-size:21px;
	line-height:28px;
	letter-spacing:-0.3px;
	margin-top:25px;
	}
.note_box_paragraph.margin-top-0{margin-top:0;}
.note_box_paragraph span{
	font-weight:500;
	font-family: 'Beausite Classic Web';
	}
ul.note_list{
	display:inline-block;
	vertical-align:middle;
	width:100%;
	margin-top:10px;
	}
ul.note_list li{
	float:left;
	width:100%;
	color:#000000;
	font-size:21px;
	line-height:22px;
	letter-spacing:-0.3px;
	font-weight:500;
	font-family: 'Beausite Classic Web';
	padding-left:25px;
	margin-top:15px;
	position:relative;
	}
ul.note_list li:before{
	content:'';
	position:absolute;
	top:7px;
	left:0;
	width:10px;
	height:10px;
	border-radius:50%;
	background:#ff5f23;	
	}	
	
/*=====Section-2=======*/
.section2{
	float:left;
	width:100%;
	}		
.s2-row{
	width:100%;
	max-width:1950px;
	display:flex;
	display:-webkit-flex;
	justify-content:center;
	margin:35px auto 0;
	overflow: hidden;
	padding:0 20px;
	}
.s2-row-inner{
	 display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
	flex-shrink: 0;
    width:100%;
	}
.s2-col{
	width:15.5%;
	border-radius:15px;
	background:#000;
    flex-shrink: 0;
	margin:0 0.5%;
	position:relative;
	cursor:pointer;	
	padding-bottom:27.5%;
    overflow:hidden;
	}
.s2-col .s2-col-img{
	display:block;
	max-width:100%;
	margin:0 auto;
	transition:all ease 0.5s;
    opacity: 0.7;
	}
.s2-col-img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
	border-radius:12px;
	margin:0 auto;
	}
.s2-col:hover .s2-col-img{
	opacity:0.4;
	}
.s2-video{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;	
	}
	
/*=====Section-3=======*/		
.section3{
	float:left;
	width:100%;
	background:#ffffff;
	padding:65px 0 106px;
	}
.testimonial_row{
	display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
	row-gap:30px;
	column-gap:2%;
	width:100%;
	}
.testimonial_column{
	display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-direction: column;
    flex-direction: column;
    width:48.6%;
	text-align:left;
	border-radius:18px;
	-webkit-box-shadow:0 0 10px 1px rgba(0, 0, 0, 0.1);
    box-shadow:0 0 10px 1px rgba(0, 0, 0, 0.1);
	padding:30px 40px 0 25px;
	}
.testimonial_heading{
	color:#000000;
	font-size:20px;
	line-height:25px;
	letter-spacing:-0.3px;
	font-weight:500;
	font-family: 'Beausite Classic Web';
	}
.testimonial_star{
	display:block;
	margin-top:10px;
	width:81px;
	}
.testimonial_paragraph{
	font-size:18px;
	line-height:25px;
	letter-spacing:-0.3px;
	margin:15px 0 20px;
	}
.testimonial_user_name{
	color:#898989;
	font-size:13px;
	line-height:23px;
	letter-spacing:-0.3px;
	border-top:1px solid #eeeeee;
	padding:25px 0 32px;
	margin-top:auto;
	}
.testimonial_user_name span{
	color:#000000;
	font-size:17px;
	font-weight:500;
	font-family: 'Beausite Classic Web';
	}
.verify_tick{
	display:inline-block;
	vertical-align:middle;
	margin:-2px 5px 0 8px;
	width:17px;
	}
	
/*=====Section-4=======*/		
.section4{
	float:left;
	width:100%;
	background:#e1f0f0;
	padding:60px 0 70px;
	position:relative;
	}
.section4_icon{
	position:absolute;
	top:-90px;
	left:50%;
	transform:translateX(-50%);
	width:55px;	
	}
ul.option_list{
	display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
	max-width:860px;
	width:100%;
	margin:45px auto 0;
	}
ul.option_list li{
	width:23%;
	color:#000000;
	font-size:20px;
	line-height:25px;
	font-weight:500;
	font-family: 'Beausite Classic Web';
	border:2px solid #ec5b17;
	border-radius:50px;
	background:#ffffff;
	padding:10px 10px;
	cursor:pointer;
	}
ul.option_list li:hover{
	color:#ffffff;
	border:2px solid #ec5b17;
	background:#ec5b17;
	}	

/*=====Section-5=======*/		
.section5{
	float:left;
	width:100%;
	padding:60px 0 80px;
	}
.product_box_content{
	display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
	align-items:center;
	-webkit-align-items:center;
	max-width:850px;
	width:100%;
	background:#fffaf8;
	border-radius:15px;
	border:1px dashed #000000;
	padding:25px 30px 30px;
	margin:0 auto;
	}
.product_box_left{
	width:50%;
	position:relative;
	}
.product_image{
	display:inline-block;
	vertical-align:middle;
	border-radius:10px;
	}
.product_trial_seal{
	position:absolute;
	top:25px;
	left:25px;
	width:118px;
	}
.product_box_right{
	float:right;
	width:45%;
	}
.product_box_title{
	display:flex;
	justify-content:center;
	align-items:center;
	color:#000000;
	font-size:16px;
	line-height:26px;
	font-weight:500;
	font-family: 'Beausite Classic Web';
	padding:0 20px;
	position:relative;
	}
.product_box_title:before, .product_box_title:after{
	content:'';
	border-bottom:1px solid #d8c6dc;
	flex-grow:1;
	}
.product_box_title span{padding:0 15px;}
.fire_icon{
	display:inline-block;
	vertical-align:middle;
	width:13px;
	margin:-4px 8px 0 0;
	}	
.product_box_heading{
	color:#0a0a0a;
	font-size:36px;
	line-height:42px;
	font-family: 'Beausite Classic Web';
	letter-spacing:-0.3px;
	font-weight:500;
	margin-top:10px;
	}
.product_box_heading span{color:#f00000;}	
.product_box_rating{
	color:#0a0a0a;
	font-size:15px;
	line-height:21px;
	letter-spacing:-0.3px;
	margin-top:10px;
	}
.product_box_rating span{
	font-family: 'Beausite Classic Web';
	font-weight:500;
	}
.rating_star{
	display:inline-block;
	vertical-align:middle;
	margin:-6px 8px 0 0;
	width:107px;
	}
.product_box_content .button_arrow{margin-top:-3px;}
.sell_strip{
	color:#0a0a0a;
	font-size:16px;
	line-height:26px;
	letter-spacing:-0.3px;
	background:#fff2f2;
	padding:5px 0;
	margin-top:22px;
	}
.sell_strip span{color:#ff0000;}
	
/*======Footer=======*/
.footer{
	float:left;
	width:100%;
	padding:50px 0;
	background:#ffffff;
	border-top:1px solid #ebebeb;
	}
.footer_logo{
	display:block;
	margin:0 auto 20px;
	width:238px;
	}
.footer_text{
	color:#333333;
	font-size:17px;
    line-height:23px;
    letter-spacing:-0.3px;
	margin-top:10px;
	}	
.footer_text.margin-top-0{margin-top:0;}
.footer_text a{padding:0 5px;}		
		
/*-----------------------
MEDIA-QUERY
------------------------*/
.show-mob, .show-tab{display:none;}

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

}

@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:40px; letter-spacing:0;}
.common_paragraph{font-size:18px; line-height:26px; letter-spacing:0.3px; margin-top:20px;}
.common_button{font-size:22px; line-height:22px; letter-spacing:0.5px; padding:19px 0; margin:35px auto 0;}
.banner_button{font-size:18px; line-height:19px; letter-spacing:0; padding:16px 0; margin:25px auto 0;}
.button_text{font-size:15px; line-height:23px; letter-spacing:0;}

.logo{width:215px;}

.banner_inner_box{padding:35px 0 45px 30px;}
.banner_left{width:72%;}
.banner_title{font-size:14px; line-height:20px; padding-left:20px;}
.dot{top:5px; width:12px; height:12px;}
.banner_heading{font-size:32px; line-height:40px;}

.section1{padding:40px 0;}
.section1_left{width:53%;}
.section1_right{width:45%;}

.reason_row{row-gap:45px; margin:40px auto 0;}
.reason_box_left{width:46%;}
.price_tag{width:95px; height:95px; top:30px; left:25px; padding-top:19px;}
.price_tag span{font-size:26px;}
.trial_seal{top:25px; left:25px; width:95px;}
.reason_box_right{width:50%;}
.reason_box_heading{font-size:26px; line-height:32px; letter-spacing:0.3px; padding:10px 0;}
.reason_box_paragraph{font-size:18px; line-height:26px; letter-spacing:0.3px; margin-top:20px;}
.reason_point_text{font-size:18px; line-height:26px; letter-spacing:0.3px; margin-top:20px;}
.reason_point_text:before{top:8px;}

.note_box{padding:35px 25px 30px; margin-top:45px;}
.note_box_paragraph{font-size:18px; line-height:26px; letter-spacing:0.3px; margin-top:20px;}
.bulb_icon{margin:-4px 5px -2px 0; width:20px;}
ul.note_list li{font-size:18px; line-height:26px; letter-spacing:0.3px; margin-top:10px;}
ul.note_list li:before{top:8px;}

.s2-row{margin:25px auto 0;}

.section3{padding:40px 0 50px;}
.testimonial_column{width:48%; padding:25px 25px 0;}
.testimonial_heading{letter-spacing:0;}
.testimonial_paragraph{line-height:26px; letter-spacing:0;}
.testimonial_user_name{letter-spacing:0; padding:20px 0;}

.section4{padding:40px 0;}
.section4_icon{top:-70px;}
ul.option_list{margin:25px auto 0;}
ul.option_list li{width:24%; font-size:18px; line-height:23px;}

.section5{padding:40px 0;}
.product_trial_seal{width:90px;}
.product_box_content{padding:25px 25px 30px;}
.product_box_title{font-size:15px; line-height:21px; padding:0 15px;}
.product_box_heading{font-size:30px; line-height:36px;}
.product_box_rating{letter-spacing:0;}
.rating_star{width:95px;}
.sell_strip{font-size:15px; line-height:25px; letter-spacing:0; margin-top:20px;}

.footer{padding:40px 0;}
.footer_logo{margin:0 auto 15px; width:200px;}
.footer_text{font-size:16px; line-height:24px; letter-spacing: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:26px; line-height:32px; letter-spacing:0.3px;}
.common_paragraph{font-size:17px; line-height:25px; letter-spacing:0;}
.button_box{margin-top:20px;}
.common_button{font-size:20px; line-height:20px; padding:18px 0; margin:30px auto 0;}
.button_arrow{margin:-4px 0 0 10px; width:15px;}
.banner_button{max-width:200px; font-size:18px; line-height:18px; letter-spacing:0; padding:13px 0 15px; margin:20px auto 0;}
.button_text{font-size:14px; line-height:22px; letter-spacing:0.3px;}
.header{padding:15px 0;}
.logo{float:none; display:inline-block; vertical-align:middle; width:175px;}

.banner_inner_box{background-size:cover; padding:20px 20px 30px; position:relative;}
.banner_inner_box:before{
	content:'';
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background: rgba(0, 0, 0, 0.3);
    border-radius:20px;
	}
.banner_left{width:100%; position:relative;}
.dot{top:6px; width:10px; height:10px;}
.banner_heading{font-size:28px; line-height:34px; margin-top:8px;}

.section1{padding:25px 0 30px;}
.section1_left{width:100%;}
.section1_image{margin:20px auto 0;}

.reason_row{row-gap:30px; margin:25px auto 0;}
.reason_box_right{width:100%;}
.reason_image{margin:25px auto 0;}
.price_tag{width:85px; height:85px; top:55px; line-height:20px; padding-top:16px;}
.price_tag span{font-size:24px;}
.trial_seal{top:50px; width:85px;}
.reason_box_heading{font-size:22px; line-height:28px; letter-spacing:0.5px;}
.reason_box_paragraph{font-size:17px; line-height:25px; letter-spacing:0;}
.reason_point_text{font-size:17px; line-height:25px; letter-spacing:0; padding-left:20px;}
.reason_point_text:before{top:8px; width:10px; height:10px;}
.reason_box .common_button{margin:20px auto 0;}

.note_box{padding:30px 20px 30px; margin-top:40px;}
.bulb_icon{margin:-6px 5px -2px 0;}
.note_box_title{top:-18px; left:20px; font-size:16px; line-height:16px; letter-spacing:0.5px; padding:9px 11px 6px;}
.note_box_paragraph{font-size:17px; line-height:25px; letter-spacing:0;}
ul.note_list{margin-top:5px;}
ul.note_list li{font-size:17px; line-height:25px; letter-spacing:0; padding-left:20px;}
ul.note_list li:before{top:9px; width:8px; height:8px;}

.s2-row{padding:0 15px; margin:20px auto 0;}
.s2-row-inner{flex-wrap:wrap; row-gap:10px;}
.s2-col{width:31.3%; margin:0 1%; padding-bottom:49%;}
.s2-col .s2-col-img{object-fit:cover; height:165px;}

.section3{padding:0 0 40px;}
.testimonial_column{width:100%; padding:20px 20px 0;}
.testimonial_heading{font-size:18px; line-height:24px; letter-spacing:0.3px;}
.testimonial_paragraph{font-size:17px; line-height:25px; letter-spacing:0; margin-top:10px;}
.testimonial_user_name{font-size:12px; line-height:16px; padding:15px 0;}
.testimonial_user_name span{font-size:16px;}
.verify_tick{margin:-2px 5px 0 6px; width:15px;}

.section4{padding:30px 0;} 
.section4_icon{top:-55px; width:45px;}
ul.option_list{row-gap:10px; margin:25px auto 0;}
ul.option_list li{width:49%; font-size:17px; line-height:22px; padding:11px 25px;}

.section5{padding:25px 0 30px;}
.product_box_right{width:100%;}
.product_trial_seal{width:85px; top:20px; left:20px;}

.product_box_content{padding:25px 20px;}
.product_box_title{font-size:14px; line-height:20px;}
.product_box_title span{padding:0 10px;}
.product_box_heading{font-size:24px; line-height:30px; letter-spacing:0; margin-top:8px;}
.mobile_product_box{display:inline-block; vertical-align:middle; margin:20px auto 0; position:relative;}
.product_box_rating{font-size:14px; line-height:20px; letter-spacing:0.3px;}
.rating_star{width:85px; margin:-4px 6px 0 0;}
.sell_strip{font-size:14px; line-height:24px; letter-spacing:0.3px; margin-top:15px;}

.footer{padding:25px 0;}
.footer_logo{margin:0 auto 15px; width:160px;}
.footer_text{font-size:14px; line-height:22px; letter-spacing:0.3px;}

}

/*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;
	}
.opw-video{width:100%;}
.ugc-close{
	position:absolute;
	right:15px;
	top:15px;
	width:45px;
	height:45px;
	background:#fff;
	border-radius:50%;
	padding:10px;
	z-index:1;
	}

@media only screen and (max-width:767px){	
.videos-mid-row { margin-top: 25px;}
.videos-mid-col {width: 320px;margin-top: 10px; height:420px; border-radius:0;}
.ugc-play {width: 40px; margin: -20px 0 0 -20px;}

}
	
@media only screen and (max-width:480px){
.video-container{width:280px; min-height:480px;}
}