@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:#333; text-decoration:none;}
a:hover {outline: none; text-decoration:none;}
img {border:none; height:auto;}
li {list-style:none;}
*{box-sizing:border-box;}
.clearall{
	clear:both;
	font-size:1px;
	line-height:1px;
	height:1px;
	}

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

/*-----------------------
MAIN CSS START
------------------------*/
.container{
	width:1170px;
	margin:0 auto;
	padding:0;
	position:relative;
}
.overflow{
	overflow:hidden;
}

.fl{float:left;}
.fr{float:right;}

.hide-desk, .show-tab{display:none;}
	
.top_strip{
	background:#19386d;
	padding:3px 0;
	position:relative;
	z-index:99;
}
.top_strip p{
	font-size:17px;
	line-height:20px;
	font-weight:700;
	color:#fff;
	text-align:center;
	display:flex;
	align-items:center;
	justify-content:center;
	gap:0 25px;
}
.top_strip p img{
	width:19px;
}
#top_timer{
	font-weight:600;
	letter-spacing:1px;
	margin-left:10px;
}

/*-----------------------
HEADER
------------------------*/
.top-fix-bar{
	margin-bottom:70px;
	background: #fff;
    position: relative;
    z-index: 9;
}
.top-fix-bar.fixed-nav{z-index:12;}
.header{
	background:#fff;
	width:100%;
	height:70px;
	margin-top: -70px;
	position: relative;
	top:70px;
	box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.1);
}
.fixed-nav .header{
	position: fixed;
	z-index: 11;
	top: 0;
	border:none;
	-webkit-transition: margin .3s ease-out;
	transition: margin .3s ease-out;
	margin-top:0;
}
.logo{
	float:left;
	margin-top:20px;
	width:182px;
}
.header_btn{
	float:right;
	width:188px;
	height:46px;
	background:#00b03b;
	border-radius:10px;
	font-size:18px;
	line-height:46px;
	font-weight:600;
	color:#fff;
	margin:12px 0 0;
}
.header_btn img{
	width:19px;
	display:inline-block;
	vertical-align:middle;
	margin:-3px 0 0 8px;
}

/*-----------------------
HERO SECTION
------------------------*/
.hero_section{
	background:#f1f9ff;
	padding:45px 0 50px;
	overflow-x:clip;
}
.hero_section_content{
	display:flex;
	width:100%;
	height:100%;
}
.hero_section_left{
	width:46%;
	text-align:left;
	position:relative;
	z-index:2;
}
.hero_section_rating{
	font-size:15px;
	line-height:15px;
	margin-bottom:5px;
	display:flex;
	align-items:center;
}
.hero_section_rating img{
	width:79px;
	display:inline-block;
	vertical-align:middle;
	margin:-3px 6px 0 0;
}
.hero_section_rating span{
	font-weight:500;
}
.hero_section_left h1{
	font-size:60px;
	line-height:64px;
	font-weight:800;
	color:#0095d3;
	letter-spacing:-.6px;
	margin:0 0 20px;
}
.hero_section_left h1 span{color:#19386d;}
.hero_section_intro{
	font-size:20px;
	line-height:28px;
	max-width: 480px;
}
.hero_section_points{
	margin-top:15px;
}
.hero_section_points li{
	font-size:18px;
	line-height:22px;
	position:relative;
	padding:7px 0 7px 30px;
}
.hero_section_points li:before{
	content:"";
	position:absolute;
	left:0;
	top:8px;
	background:url(../images/hero-section-tick.webp) left top no-repeat;
	width:20px;
	height:24px;
	background-size:20px;
}
.hero_section_points li span{font-weight:700;}

.button_box{
	display:inline-block;
	vertical-align:top;
	max-width:465px;
	width:100%;
	margin-top:35px;
	text-align:center;
}
.button_box > p{
	font-size:15px;
	line-height:20px;
	margin:0 0 10px;
}
.button_box > p:before{
	content:'';
	display:inline-block;
	vertical-align:middle;
	width:6px;
	height:6px;
	background:#34c759;
	border-radius:50%;
	margin:-3px 6px 0 0;
}
.button_box > p img{width:19px; display:inline-block; vertical-align:middle; margin:-1px 3px 0;}
.button_box > p span{color:#ff5a4f; font-weight:700;}
.common_button{
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	height:74px;
	background:#00bd43;
	border-radius:10px;
	color:#fff;
	font-size:23px;
	line-height:74px;
	font-weight:800;
	box-shadow:0 3px 8px rgba(0,0,0,.2);
}
.button_arrow{
	display:inline-block;
	vertical-align:middle;
	width:23px;
	margin:0 0 0 15px;
}
.button_box small{
	display:block;
	font-size:15px;
	line-height:20px;
	font-weight:500;
	margin-top:10px;
}
.button_box small img{
	display:inline-block;
	vertical-align:middle;
	width:15px;
	margin:-3px 4px 0 0;
}

.button_box.white small img{filter: brightness(0) invert(1);}


.hero_section_right{
	width:54%;
	height:100%;
	position:relative;
}
.hero_doctor{
	width: 582px;
	margin: -30px 0 0 130px;
	position: relative;
	z-index: 11;
}
.hero_section_product{
    position: absolute;
    width: 511px;
    max-width: none;
    height: auto;
    top: 285px;
    left: 0;
    z-index: 11;
}
.made_us_seal{
	position:absolute;
	left:-10px;
	top:200px;
	width:135px;
}

/*-----------------------
BRAND STRIP
------------------------*/	
.brand_strip{
	padding:25px 0;
	position:relative;
	border-bottom:1px solid #e3e3e3;
	}
.brand_box{
	width:100%;
	max-width:880px;
	margin:0 auto;
 	display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
	}	
.aseen_text{
	font-size:17px;
	line-height:17px;
	color:#000;
	font-weight:600;
	margin:4px 0 0;
	text-transform:uppercase;
	}	
ul.brand_list{
	width:calc(100% - 165px);
 	display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
	column-gap: 55px;
	position:relative;
	}
ul.brand_list:before{
	content: '';
	position: absolute;
	left:-28px;
	top: 50%;
	height: 50px;
	border-left: 1px solid #dadada;
	transform: translateY(-50%);
}
ul.brand_list li{
	display:inline-block;
	vertical-align:middle;
	}		
ul.brand_list li img{
	margin:0 auto 0;
	display:block;
	max-width:none;
	max-height:100%;
	width:auto;
	}
.brand-logo1{height:28px;}
.brand-logo2{height:32px;}
.brand-logo3{height:30px;}
.brand-logo4{height:42px;}

/*-----------------------
PROBLEM SECTION
------------------------*/
.problem_section{
	background:#fff;
	padding:60px 0 65px;
}
.common_sub_heading{
	font-size:17px;
	line-height:22px;
	font-weight:700;
	margin:0 0 12px;
}
.common_heading{
	font-size:45px;
	line-height:53px;
	font-weight:800;
	color:#0da0dc;
}
.common_heading span{color:#19386d;}
.common_text{
	font-size:18px;
	line-height:26px;
	margin:20px 0 0;
}
.problem_section .common_heading{
	color:#f40000;
}

.problem_grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 25px;
	margin: 38px auto 0;
	max-width: 970px;
}
.problem_card {
	display: flex;
	align-items: stretch;
	position: relative;
	overflow: hidden;
	border: 1px solid #d8d8d8;
	border-radius: 7px;
	background: #fff;
}
.problem_card_image {
	width: 229px;
	height: 224px;
	flex: 0 0 229px;
	overflow: hidden;
}
.problem_card_image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.problem_card_content {
	position: relative;
	width: calc(100% - 229px);
	padding: 20px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.problem_card_title {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 8px;
}
.problem_card_title h3 {
	font-size: 20px;
	line-height: 24px;
	font-weight: 700;
	text-align: left;
}
.problem_card_icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 41px;
	margin-top: -17px;
}
.problem_card_icon img {
	display: block;
	width:100%;
	height:100%;
	object-fit: contain;
}
.problem_card_text {
	padding: 12px 0 0;
	text-align: left;
}
.problem_card_text p {
	font-size: 18px;
	line-height: 26px;
}
.problem_bottom_text {
	margin-top: 35px;
	color: #000;
	font-size: 20px;
	line-height: 26px;
	font-weight: 700;
}


/*-----------------------
MEET LIFTLY SECTION
------------------------*/
.comfortable_section{
	background:#f0f7ff;
	padding:60px 0 65px;
	overflow-x:clip;
	position:relative;
}
.section_divider {
	display: flex;
	flex-direction: column;
	align-items: center;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: -115px;
}

.section_divider span {
	display: block;
	height: 0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #43b5d9;
	animation: divider_arrow 1.8s ease-in-out infinite;
	margin-top:10px;
}

.section_divider span:nth-child(1) {
	transform: scale(0.55);
	animation-delay: 0s;
}

.section_divider span:nth-child(2) {
	transform: scale(0.8);
	animation-delay: 0.15s;
}

.section_divider span:nth-child(3) {
	transform: scale(1);
	animation-delay: 0.3s;
}

@keyframes divider_arrow {
	0%, 100% {
		translate: 0 0;
		opacity: 0.5;
	}
	50% {
		translate: 0 6px;
		opacity: 1;
	}
}
.comfortable_videobx{
	position:relative;
	overflow:hidden;
	cursor:pointer;
	max-width:768px;
	width:100%;
	padding-bottom:36.9%;
	margin:40px auto 0;
	border:2px solid #fff;
	border-radius:20px;
	box-shadow:0px 0px 10px 2px rgba(0,0,0,0.2);
	box-sizing:content-box;
}
.comfortable_videobx video{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	object-fit:cover;
	border-radius:12px;
}
.onclick_play{
	opacity:0;
}
.play_button{
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
	width:80px;
}
.comfortable_product{
	max-width:497px;
	width:100%;
	margin:35px auto 0;
}
.shape_box{
	max-width:800px;
	width:100%;
	margin:20px auto 0;
}
.shape_title{
	font-size:24px;
	line-height:28px;
	font-weight:700;
	color:#19386d;
}
.shape_text{
	font-size:18px;
	line-height:26px;
	margin:8px 0 0;
}
ul.shape_list{
	display:flex;
	justify-content:center;
	gap:0 15px;
	margin:25px auto 0;
}
ul.shape_list li{
	background:#4fb5df;
	border-radius:100px;
	padding:8px 18px;
	font-size:17px;
	line-height:22px;
	color:#fff;
	font-weight:700;
}

/*-----------------------
WHY CHOOSE SECTION
------------------------*/
.why_choose_section{
	background:#fff;
	padding:60px 0 65px;
	overflow:hidden;
}
.why_choose_inner{
	display:flex;
	gap:0 10px;
	margin:0 auto 10px;
}
.why_choose_list{
	margin:40px 0 0;
	width:46%;
}
.why_choose_list li{
	text-align:left;
	position:relative;
	padding-left:95px;
	padding-bottom:30px;
	position:relative;
}
.why_choose_list li:before{
	content:'';
	position:absolute;
	left:35px;
	top:10px;
	height:100%;
	border-left:1px dashed #0da0dc;
}
.why_choose_list li:last-child:before{display:none;}
.why_choose_list li img{
	width:73px;
	position:absolute;
	left:0;
	top:10px;
}
.why_choose_list li span{
	color:#0da0dc;
	font-size:13px;
	line-height:15px;
	font-weight:700;
}
.why_choose_list li h3{
	font-size:20px;
	line-height:24px;
	font-weight:700;
	margin:3px 0 0;
}
.why_choose_list li p{
	font-size:18px;
	line-height:26px;
	margin:6px 0 0;
}
.why_choose_video {
    width: 48.71%;
    aspect-ratio: 540 / 375;
    margin: 40px auto 0;
    position: relative;
}
.why_choose_video video{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	object-fit:cover;
	border: 1px solid #19386d;
	border-radius:10px;
}


/*-----------------------
ENGINEERED SECTION
------------------------*/
.doctor_recommended {
	padding: 0 0 65px;
	background: #f0f7ff;
	overflow-x: clip;
}
.doctor_intro {
	display: flex;
    align-items: flex-end;
	justify-content: space-between;
}
.doctor_intro_content {
	width: 58%;
	padding: 0 0 40px;
	text-align:left;
}
.doctor_small_text {
	margin: 0 0 5px;
	font-size: 12px;
	line-height: 16px;
	font-weight: 600;
	color: #111;
}
.doctor_description {
	max-width: 570px;
	margin: 16px 0 0;
	font-size: 12px;
	line-height: 17px;
	color: #333;
}
.doctor_image {
	width: 569px;
	margin-right: -60px;
	overflow: hidden;
	margin-left: -40px;
	margin-top:-50px;
}
.doctor_image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center top;
}
.doctor_results {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	padding: 30px;
	border: 1px solid #c9c9c9;
	border-radius: 5px;
	background: #fff;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}
.doctor_stats {
	width: 50%;
	padding: 0 20px 0 0;
	text-align:left;
}
.doctor_stat {
	display: flex;
	align-items: center;
	margin-bottom: 18px;
}
.doctor_stats_heading {
	margin: 0 0 30px;
	font-size: 22px;
	line-height: 26px;
	font-weight: 800;
	color: #0da0dc;
}
.progress_item{
	display:flex;
	align-items:center;
	gap:0 15px;
	padding-bottom:30px;
}
.progress_percent {
	width: 65px;
	flex: 0 0 65px;
	font-size: 30px;
	line-height: 35px;
	font-weight: 700;
	color: #19386d;
}
.doctor_stat_content {
	width: 100%;
}
.doctor_stat_content p {
	margin: 0 0 8px;
	font-size: 20px;
	line-height: 24px;
	font-weight:600;
	color: #000;
}
.doctor_stat_line {
	position: relative;
	width: 100%;
	height: 6px;
	overflow: hidden;
	border-radius: 6px;
	background: #e9e9e9;
}
.progress_fill {
	width: 0;
	height:100%;
	border-radius: 6px;
	background: #19386d;
	transition: width 1.2s ease;
}

.sleep_comparison {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 47%;
	padding: 20px 35px;
	border-radius: 5px;
	background: #eef7ff;
	text-align:left;
}
.sleep_comparison_row {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.sleep_comparison_content {
	width: calc(100% - 82px);
}
.sleep_label {
	display: inline-block;
	padding: 4px 12px;
	border-radius: 5px;
	background: #000;
	color: #fff;
	font-size: 13px;
	line-height: 18px;
	font-weight: 500;
	min-width: 74px;
	text-align: center;
}
.sleep_label.after {
	background: #0ea0dc;
}
.sleep_comparison_content p {
	margin: 10px 0 15px;
	font-size: 18px;
	line-height: 22px;
	color: #000;
}
.sleep_comparison_content p strong {
	margin-right: 4px;
}
.sleep_wave img{
	max-width:100%;
}

.sleep_face {
	width: 115px;
	flex: 0 0 115px;
	overflow: hidden;
	border-radius: 50%;
}
.sleep_face img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.sleep_divider {
	height: 1px;
	margin: 20px 0;
	border-top: 1px dashed #000;
}

/*-----------------------
BENEFIT SECTION
------------------------*/
.benefits_section {
	padding: 60px 0 65px;
	background: #19386d;
}
.benefits_section .common_heading span{color:#fff;}
.benefits_grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 32px;
	max-width: 970px;
	width:100%;
	margin: 45px auto 0;
}
.benefits_card {
	padding: 22px 25px 25px;
	border: 1px solid #7890b2;
	background: #fff;
	position:relative;
	z-index:1;
}
.benefits_card:before{
	content:'';
	position:absolute;
	background:url(../images/slanting-line.webp) center top repeat #2d5497;
	left:0;
	top:0;
	right:0;
	height:calc(100% - 220px);
	z-index:-1;
}
.benefits_card_image {
	width: 100%;
	overflow: hidden;
}
.benefits_card_image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.benefits_card_content {
	padding-top: 28px;
	text-align:left;
}
.benefits_card_content h3 {
	margin: 0 0 10px;
	font-size: 22px;
	line-height: 26px;
	font-weight: 700;
}
.benefits_card_content p {
	font-size: 18px;
	line-height: 26px;
	font-weight: 400;
}



/*-----------------------
COMFORT SECTION
------------------------*/
.comfort_section {
	padding: 60px 0 65px;
	background: #fff;
}
.comfort_grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 22px;
	margin: 40px auto 0;
	max-width: 1060px;
}
.comfort_card {
	position: relative;
	overflow: hidden;
	border: 3px solid #e6eff3;
	border-radius: 6px;
	background: #fff;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
	text-align:left;
	z-index:1;
}
.comfort_card:before{
	content:'';
	position:absolute;
	background:#ecf9ff;
	left:0;
	right:0;
	top:0;
	height:calc(100% - 210px);
	z-index:-1;
}
.comfort_card_content {
	padding: 15px 15px 0;
}
.comfort_card_content h3 {
	margin: 0 0 5px;
	color: #19386d;
	font-size: 22px;
	line-height: 26px;
	font-weight: 800;
}
.comfort_card_content p {
	font-size: 18px;
	line-height: 26px;
}
.comfort_card_image {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	width: 100%;
	max-width:300px;
	overflow: hidden;
	margin:10px auto -15px;
}
.comfort_card_image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center bottom;
}
.comfort_card ul {
	margin: 0;
	padding: 12px 20px;
	list-style: none;
}
.comfort_card ul li {
	position: relative;
	padding:10px 0 10px 30px;
	color: #000;
	font-size: 16px;
	line-height: 20px;
	font-weight:600;
	border-bottom:1px solid #e3ebee;
}
.comfort_card ul li:last-child {
	margin-bottom: 0;
	border-bottom:none;
}
.comfort_card ul li:before {
	content: "";
	position: absolute;
	left: 0;
	top: 10px;
	background:url(../images/comfort-tick.webp) left top no-repeat;
	background-size:100%;
	width:21px;
	height:19px;
}

/*-----------------------
FEATURES SECTION
------------------------*/
.features_section {
	padding: 60px 0 65px;
	background: #19386d;
	color: #fff;
}
.features_section .common_heading span{color:#fff;}
.features_content {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 28px;
	max-width: 950px;
	margin: 43px auto 10px;
}
.features_product {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 402px;
	height: 345px;
	flex: 0 0 402px;
}
.features_product img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.features_grid {
	display: grid;
	grid-template-columns: repeat(3, 155px);
	gap: 25px;
}
.feature_card {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 22px 8px;
	border-radius: 9px;
	background: #152e59;
	text-align: center;
}
.feature_card img {
	display: block;
	width: 70px;
	margin-bottom: 12px;
	object-fit: contain;
}
.feature_card h3 {
	margin: 0;
	color: #fff;
	font-size: 16px;
	line-height: 21px;
	font-weight: 500;
}


/*======================================
	STEPS SECTION
======================================*/
.steps_section {
	padding: 60px 0 65px;
	background: #f0f7ff;
}
.steps_grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 58px;
	margin: 42px auto 10px;
	max-width: 1080px;
}
.steps_item {
	text-align: left;
}
.steps_image {
	width: 100%;
	overflow: hidden;
	border-radius: 15px;
}
.steps_image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.steps_number {
	display: inline-flex;
	align-items: center;
	margin-top: 19px;
	padding: 0 11px;
	border-radius: 15px;
	background: #0b9ed8;
	color: #fff;
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
}
.steps_item h3 {
	margin: 13px 0 0;
	font-size: 20px;
	line-height: 24px;
	font-weight: 700;
}
.steps_item p {
	margin: 12px 0 0;
	font-size: 18px;
	line-height: 26px;
}

/*-----------------------
COMPARE SECTION
------------------------*/
.compare_section{
	background:#fff;
	padding:60px 0 0;
}
.compare_inner{
	display:flex;
	justify-content:space-between;
	align-items:baseline;
	gap:0 30px;
	max-width:760px;
	margin:40px auto 0;
	flex-direction:row-reverse;
}
.compare_box{
    margin: 0 auto;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
	}
.compare_col1{
    width: 36%;
    position: relative;
	}
.compare_top{
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 106px;
    padding: 10px 20px;
    text-align: center;
	}
.compare_logo{
	filter: brightness(0) invert(1);
	max-width:95px;
	width:100%;
}
.compare_top h3{
	font-size:18px;
	line-height:24px;
	color:#fff;
	font-weight:800;
	}
.compare_list{
	float:left;
	width:100%;
	border-top:1px solid #acacac;
	}
.compare_list li{
	width:100%;
	height: 60px;
	font-size:17px;
	line-height:20px;
	color:#000;
	font-weight:600;
	padding:15px;
	text-align:left;
	border-bottom:1px solid #acacac;
	
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	}
.compare_list li:last-child{ border-bottom:none;}		
.compare-product{
	margin:0 auto;
	width:69px;
	}
.compare_col1 .compare_list li{	text-align:left; flex-direction: row; justify-content: flex-start; padding-left:10px;}
.compare_right_text{
    font-size: 15px;
    line-height: 27px;
    font-weight: 500;
	} 
.compare_col2{
	width: 15.5%;
    background: #19386d;
    position: relative;
    border: 1px solid #19386d;
	border-radius:10px;
	}
.compare-product1{
	display:block;
	margin: -75px auto 7px;
	width:106px;
	}
.compare_col2 .compare_list li:last-child{ border-bottom:none;} 	
.compare_col_line .compare_list li:last-child{ border-bottom:none;}	

.compare_col2 .compare_list li p, .compare_col3 .compare_list li p{
	font-size: 18px;
    line-height: 20px;
    color: #ffd98b;
    font-weight: normal;
    margin-top: 6px;
	}
.compare-icon{
	width:21px;
	}
.compare_col_line{ width:0.6%; margin-top:1px;}		
.compare_col3, .compare_col4, .compare_col5{ 
	width: 15.5%;
	background:#fff;
	border:1px solid #d5dadb;
	position:relative;
	border-radius:10px;
	}
.compare_col3 .compare_list li:last-child{ border-bottom:none;}	 
.compare_col3 .compare_right_text{ color:#000;}
.compare_col3 .compare_list li p{ color:#000;}	


/*-----------------------
GUARANTEE SECTION
------------------------*/
.guarantee_section{
	padding:60px 0 0;
}
.guarantee_box{
	display:inline-block;
	vertical-align:top;
	width:100%;
	max-width:970px;
	background:#19386d;
	padding:45px;
	color:#fff;
	margin:80px auto 0;
	}
.guarantee-seal{
	display: block;
	margin: -125px auto 30px;
	width: 151px;
	box-shadow: 0px 0px 0px 6px #fff;
	border-radius: 50%;
	background: #fff;
	}
.guarantee_box_top_txt{
	font-size:18px;
	line-height:22px;
	color:#0d9fdb;
	font-weight:700;
	margin:0 auto 8px;
	}
.guarantee_box_top_hdng{
	font-size: 40px;
    line-height: 46px;
    color: #fff;
    font-weight: 800;
	margin-top:3px;
	}
.guarantee_box_top_hdng span{color:#0d9fdb;}
.guarantee_box_inr{
	max-width:800px;
	width:100%;
	margin:0 auto;
}

/*-----------------------
REVIEWs SECTION
------------------------*/
.reviews_section{
	padding:60px 0 65px;
}
.reviews_top{
	width:100%;
	max-width:770px;
	margin:40px auto 0;
	display:flex;
	align-items:center;
	justify-content:center;
	gap:55px;
}
.reviews_rating{
	display:flex;
	align-items:center;
	flex-shrink:0;
}
.reviews_rating > strong{
	font-size:60px;
	line-height:60px;
	font-weight:700;
	color:#19386d;
}
.reviews_rating_right{
	margin-left:8px;
}
.reviews_stars{
	width:120px;
	margin:6px auto 0;
}
.reviews_stars img{
	width:100%;
}
.reviews_rating_right p{
	font-size:14px;
	line-height:16px;
	margin:5px 0 0;
	white-space:nowrap;
}


.s10_video_slider{
	display:inline-block;
	vertical-align:top;
	width:100%;
	overflow: hidden;
	max-width:1155px;
	}	
.s10-mid-row{
    width: 100%;
    margin: 45px auto 0;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	column-gap:19px;
	position: relative;
	padding-bottom: 45px;
	}	
.s10-mid-col{
    display: inline-block;
    vertical-align: top;
    position: relative;
    overflow: hidden;
    border-radius: 14px;
	background:#000;
	cursor:pointer;
	}
.s10-mid-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;
	}
.s10-mid-col:hover .ugc-poster{
	opacity:0.8;
	}
.ugc-play{
	position:absolute;
	width:50px;
	top:50%;
	left:50%;
	margin:-32.5px 0 0 -32.5px;
	}
.s10-mid-row .swiper-wrapper{
	transition-timing-function: linear !important;
	}	
.s10-mid-row .swiper-pagination {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}
.s10-mid-row .swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	margin: 0 4px;
	opacity: 1;
	background: #d5d5d5;
}
.s10-mid-row .swiper-pagination-bullet-active {
	background: #0da0dc;
}
	
.testimonial_box{
	width:100%;
	max-width:780px;
	margin:50px auto 10px;
	display:flex;
	display:-webkit-flex;
	flex-wrap:wrap;
	justify-content:space-between;
	row-gap:25px;
	}
.testimonial_col{
	width: 100%;
    background: #fff;
    padding: 18px 30px 20px;
    border-radius: 6px;
    box-shadow: 0 0 7px 2px rgba(0,0,0,0.1);
	
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    justify-content: space-between;
	}
.testimonial_col_inr{
	width:100%;
	text-align:left;
	position:relative;
	}	
.testimonial_col_hdng{
    font-size: 20px;
    line-height: 26px;
    color: #000;
    font-weight:bold;
	}
.testi_col_star{
	display:block;
	width:110px;
	margin-top:12px;
	}
.testimonial_col_text{
    font-size: 17px;
    line-height:25px;
    color: #000;
    margin-top:15px;
	}
.testi_verify_row{
	width:100%;
	display:flex;
	display:-webkit-flex;
	flex-wrap:wrap;
	align-items: center;
	position:relative;
	margin:30px auto 0;
	}
.testi-verify-row-img{
	width:51px;
	border-radius:50%;
	}
.testi_verify_col{
	width:calc(100% - 51px);
	text-align:left;
	padding-left:15px;
	}
.testi_verify_name_text{
  	font-size:16px;
    line-height: 20px;
    color: #000;
    font-weight:bold;
	}
.testi_verify_text{
	font-size:14px;
	line-height:18px;
	color:#000;
	margin-top:6px;
	}
.verify_icn{
	display:inline-block;
	vertical-align:middle;
	width:12px;
	margin:-3px 2px 0 0;
	}

/*-----------------------
FAQs SECTION
------------------------*/
.faq_section{
	padding:60px 0 65px;
	background:#f1f9ff;
}
.faq-box{
	display:inline-block;
	vertical-align:top;
	width:100%;
	max-width:830px;
	margin:20px 0 10px;
	}
.faq-row{
	float:left;
	width:100%;
    border-bottom: 1px solid #d9d9da;
	}
.faq-row:last-child{border-bottom:none;}
.accordion{
	float:left;
	width:100%;
	text-align:left;
	background:url(../images/close.webp) no-repeat;
	background-position: 99.5% center !important;
	padding:20px 35px 20px 0;
	background-size: 14px;
	font-size: 20px;
    line-height: 26px;
	font-weight:700;
	color:#000000;
	position:relative;
	cursor:pointer;
	}
.acdn-heading.accordion-open{
	background:url(../images/open.webp) no-repeat;
	background-size: 14px;
	}
.acdn-content {
    float: left;
    width: 100%;
    text-align: left;
    padding: 0 25px 10px 0;
    margin-top: -3px;
	}
.acdn-para{
	font-size:17px;
	line-height:26px;
	color:#000000;
	margin-bottom:15px;
	}

/*-----------------------
OFFER SECTION
------------------------*/
.offer_section {
	padding: 60px 0;
	background: #fff;
}
.offer_box {
	overflow: hidden;
	border: 2px solid #1e417a;
	border-radius: 10px;
	background: #eaf8ff;
	max-width:830px;
	margin:0 auto;
}
.offer_heading {
	padding: 22px 20px 25px;
	background: #19386d;
	color: #fff;
	text-align: center;
}
.offer_heading p {
	margin: 0 0 5px;
	font-size: 18px;
	line-height: 24px;
	font-weight: 700;
}
.offer_heading h2 {
	font-size: 45px;
	line-height: 50px;
	font-weight: 800;
}
.offer_heading h2 span {
	color: #08a5df;
}
.offer_content {
	display: flex;
	align-items: center;
}
.offer_left {
	width: 55%;
	padding: 35px 8px 35px 28px;
	text-align:left;
}
.offer_left ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.offer_left ul li {
	position: relative;
	margin-bottom: 17px;
	padding-left: 28px;
	font-size: 18px;
	line-height: 24px;
	font-weight: 600;
}
.offer_left ul li:last-child {
	margin-bottom: 0;
}
.offer_left ul li:before {
	content: "";
	position: absolute;
	left: 0;
	top: 3px;
	background:url(../images/hero-section-tick.webp) left top no-repeat;
	background-size:18px;
	width:18px;
	height:18px;
}
.offer_product {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 52%;
}
.offer_product_image {
	display: block;
	width: 100%;
	margin: 10px 0px -30px;
}
.offer_badge {
    position: absolute;
    z-index: 2;
    top: 12px;
    right: 130px;
    width: 108px;
}

/*-----------------------
Footer
------------------------*/	
.footer{
	background:#fff;
	padding:40px 0;
	border-top:1px solid #ddd;
	}
.foot-logo{
	display:block;
	margin:0 auto 20px;
	width:145px;
	}
.footer_disc{
	font-size:12px;
	line-height:19px;
	max-width:890px;
	width:100%;
	padding:20px;
	background:#fbfbfb;
	border:1px solid #d7d7d7;
	margin:15px auto 0;
}
.foot_txt1{
	font-size:13px;
	line-height:15px;
	color:#000;
	margin-top:15px;
	}
.foot_txt1 a{ color:#000; padding:0 8px; font-size:16px;}
.foot_txt2{font-size:16px;}

.white{color:#fff;}
.font-22{font-size:22px; line-height:30px;}

/*-----------------------
MEDIA CSS
------------------------*/
@media only screen and (max-width:1180px){
.container{width:1000px;}
.hide-1024{display:none;}

.hero_section_left h1{font-size:44px; line-height:52px;}

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

}

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

.hero_section_left{width:52%;}
.hero_section_left h1{font-size:34px; line-height:40px; margin:0 0 12px;}
.hero_section_intro{font-size:16px; line-height:24px;}
.hero_section_points li{font-size:16px; line-height:22px;}
.hero_section_points li:before{top:6px;}
.hero_section_right{width:47%;}
.hero_section_product{width:370px; left:60px;}
.made_us_seal{width:105px;}
.hero_doctor{margin: -30px 0 -60px 30px;}

ul.brand_list{width: calc(100% - 135px); column-gap: 25px;}
ul.brand_list:before{left:-18px;}

.common_sub_heading{font-size:15px; line-height:20px; margin:0 0 8px;}
.common_heading{font-size:32px; line-height:40px;}
.common_text{font-size:16px; line-height:25px;}

.problem_section{padding:40px 0 45px;}
.problem_grid{grid-template-columns: 1fr; max-width:600px;}

.comfortable_section{padding:40px 0 45px;}
.comfortable_videobx{padding-bottom:57.3%;}

.why_choose_section{padding:40px 0 45px;}

.doctor_recommended{padding:0 0 45px;}
.doctor_intro{align-items:flex-start;}
.doctor_intro_content{padding:30px 0;}
.doctor_results{padding:18px;}
.doctor_stats_heading{font-size:20px; line-height:22px; margin:0 0 20px;}
.progress_item{padding-bottom:25px;}
.doctor_stat_content p{font-size:18px; line-height:22px;}
.sleep_comparison{padding:20px;}

.benefits_section{padding:40px 0 45px;}

.comfort_section{padding:40px 0 45px;}
.comfort_grid{gap:12px;}

.features_section{padding:40px 0 45px;}
.features_content {gap: 15px;}
.features_product {width: 260px;flex: 0 0 260px;}
.features_grid {grid-template-columns: repeat(3, 145px);gap: 12px;}

.steps_section{padding:40px 0 45px;}
.steps_grid {gap: 25px;}
.steps_image {height: 210px;}
.steps_item h3 {font-size: 17px; line-height: 21px;}
.steps_item p {font-size: 15px; line-height: 21px;}

.compare_section{padding:40px 0 0;}
.compare_list li{font-size:13px; line-height:16px;}

.guarantee_section{padding:45px 0 0;}

.reviews_section{padding:40px 0 45px;}
.reviews_top{margin:30px auto 0;}

.faq_section{padding:45px 0 45px;}

.offer_heading h2 {font-size: 38px; line-height: 43px;}
.offer_left {width: 55%; padding-left: 22px;}
.offer_left ul li {font-size: 17px; line-height: 22px;}
.offer_product {width: 45%;}
.offer_product_image {width: 330px;}
.offer_badge {left: 5px; width: 90px;}

.footer{padding:35px 0;}
}

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

.top_strip p{font-size:13px; line-height:18px; gap:0 12px;}

.top-fix-bar{margin-bottom:44px;}
.header{height:44px; margin-top: -44px; top:44px;}
.logo{width:130px; float:none; margin-top:11px; position:static; transform:none;}

.hero_section{padding:20px 0 35px; background:#f1f9ff;}
.hero_section_left{width:100%;}
.hero_doctor_mob{position:absolute; right:-20px; top:0; max-width:205px; z-index:-1;}
.hero_section_rating{margin-bottom:6px;}
.hero_section_rating img{width:58px; margin: -2px 6px 0 0;}
.hero_section_rating{font-size:12px; line-height:12px;}
.hero_section_left h1{font-size:29px; line-height:34px; margin-bottom:15px;}
.hero_section_intro{font-size:14px; line-height:20px; position:relative; padding-top:12px; width:55%;}
.hero_section_intro:before{content:''; position:absolute; right:0; top:0; left:0; border-top:1px solid #c7e7f7; z-index:-9;}
.hero_section_product_mob{width:100%; margin:5px 0 -15px;}
.hero_section_points{margin-top:0;}
.hero_section_points li{font-size:16px; line-height:20px; color:#000; border-bottom:1px solid #d2d9e0;}
.hero_section_points li:last-child{border-bottom:none;}

.hero_testimonial {
	display:flex;
	position: relative;
	align-items: center;
	justify-content: space-between;
	padding: 12px 15px 15px;
	overflow: hidden;
	border: 1px solid #555;
	border-radius: 10px;
	background: #fff;
	box-sizing: border-box;
	text-align:left;
	margin:30px auto 0;
}
.hero_testimonial_content {
	width: calc(100% - 105px);
}
.hero_testimonial_content h3 {
	margin: 0 0 5px;
	color: #111;
	font-size: 14px;
	font-weight: 700;
}
.hero_testimonial_verified {
	display: flex;
	align-items: center;
	gap: 4px;
	color: #626262;
	font-size: 10px;
	line-height: 12px;
	font-weight: 500;
}
.hero_testimonial_stars img {width:50px;}
.hero_testimonial_check img{width:8px;}
.hero_testimonial_content p {margin: 8px 0 0; font-size: 13px; line-height: 18px; font-weight: 400;}
.hero_testimonial_image{width:60px; position:relative;}
.hero_testi_face {width: 60px; border-radius:50%;}
.hero_testi_product {width:70px; position: absolute; left: -10px; top: 30px;}

.hero_section .button_box.white{color:#000;}

.brand_strip{padding:20px 0;}
.aseen_text{font-size:12px; line-height:12px;}
ul.brand_list{width:100%; column-gap:18px; margin:12px 0 0;}
.brand-logo1{height:14px;}
.brand-logo2{height:15px;}
.brand-logo3{height:19px;}
.brand-logo4{height:25px;}

.button_box{margin-top:25px;}
.button_box > p{font-size:12px; line-height:18px;}
.common_button{height:55px; font-size:18px; line-height:55px;}
.button_box small{font-size:13px; line-height:18px;}
.common_sub_heading{margin:0 0 3px;}
.common_heading{font-size:29px; line-height:36px; letter-spacing:-0.3px;}
.common_text{font-size:15px; line-height:22px; margin:15px 0 0;}

.problem_section{padding:30px 0 75px;}
.problem_grid {grid-template-columns: 1fr; gap: 15px; margin:30px auto 0;}
.problem_card {height: 150px;}
.problem_card_image {width: 145px; height: 148px; flex: 0 0 145px;}
.problem_card_content {width: calc(100% - 145px); padding: 10px 14px 10px 18px;}
.problem_card_title h3{font-size:18px; line-height:24px;}
.problem_card_text{padding:8px 0 0;}
.problem_card_text p{font-size:15px; line-height:22px;}
.problem_card_icon{width:30px; margin-top:0;}
.problem_bottom_text{font-size:18px; line-height:24px; margin-top:25px;}

.comfortable_section{padding:45px 0 35px;}
.comfortable_videobx{padding-bottom:56.3%; margin: 25px auto 0; border-radius:10px;}
.play_button{width:40px;}
.comfortable_product{margin:30px auto 0;}
.shape_box{border:1px solid #4fb5df; background:#fff; text-align:left; padding:12px 12px 15px; border-radius:10px;}
.shape_title{font-size:20px; line-height:24px;}
.shape_text{font-size:16px; line-height:22px;}
ul.shape_list{gap:0 8px; margin:15px auto 0;}
ul.shape_list li{padding:8px 12px; font-size:12px; line-height:16px;}

.why_choose_section{padding:30px 0 35px;}
.why_choose_list, .why_choose_video{width:100%;}
.why_choose_video{margin:30px auto 0;}
.why_choose_list{margin:30px 0 0;}
.why_choose_list li{padding-left:58px; padding-bottom:25px;}
.why_choose_list li:last-child{padding-bottom:0;}
.why_choose_list li h3{font-size:19px; line-height:22px;}
.why_choose_list li p{font-size:15px; line-height:22px;}
.why_choose_list li:before{left:20px;}
.why_choose_list li img{width:43px; top:6px;}

.doctor_recommended{padding:0 0 35px;}
.doctor_intro {display: block; height: auto;}
.doctor_intro_content {width: 100%; padding: 30px 0 20px; text-align:center;}
.doctor_intro_content h2 {font-size: 27px; line-height: 34px;}
.doctor_description {max-width: 100%;}
.doctor_image {width: 100%; height: 220px; margin: 0; box-shadow:0px 0px 10px 1px rgba(0,0,0,0.1); border:2px solid #fff; border-radius:10px; box-sizing:content-box;}
.sleep_comparison {width: 100%; margin-top: 20px; padding:0;}
.sleep_label{font-size:10px; line-height:14px; padding:2px 10px; border-radius:3px; min-width:60px;}
.sleep_comparison_content p{font-size:15px; line-height:18px; margin:10px 0;}
.sleep_face{width:104px; flex:0 0 104px;}
.doctor_results {flex-direction:column-reverse; padding:0; background:none; border:none; box-shadow:none;}
.doctor_stats{width:100%; padding:0 15px; border: 1px solid #c9c9c9; border-radius: 5px; background: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); overflow:hidden; margin:30px auto 0;}
.doctor_stats_heading{font-size:16px; line-height:20px; background:#0da0dc; color:#fff; padding:8px; width:calc(100% + 30px); margin-left:-15px; font-weight:600; text-align:center;}
.doctor_stat_line{height:4px;}
.progress_item{padding-bottom:22px; gap:0 8px;}
.progress_percent{font-size:28px; line-height:32px;}
.doctor_stat_content p{font-size:15px; line-height:20px;}

.benefits_section{padding:30px 0 35px;}
.benefits_section .common_heading{font-size:28px;}
.benefits_grid {grid-template-columns: 1fr; max-width: 100%; gap: 25px 0; margin:35px auto 0;}
.benefits_card{padding: 20px 20px 25px;}
.benefits_card_content{padding-top:20px;}
.benefits_card_content h3 {font-size: 20px; line-height: 26px;}
.benefits_card_content p {font-size: 16px; line-height: 24px;}

.comfort_section{padding:30px 0 35px;}
.comfort_grid {grid-template-columns: 1fr; max-width: 340px; gap: 15px; margin:30px auto 0;}
.comfort_card {min-height: 275px;}
.comfort_card_content h3{font-size:20px; line-height:26px; margin:0 0 6px;}
.comfort_card_content p{font-size:16px; line-height:22px;}
.comfort_card:first-child .comfort_card_image{margin:-15px auto -40px;}

.features_section {padding: 30px 0 35px;}
.features_section .common_heading{font-size:28px; letter-spacing:-0.6px;}
.features_heading p {font-size: 14px; line-height: 18px;}
.features_heading h2 {font-size: 30px; line-height: 34px;}
.features_description {margin-top: 15px; font-size: 14px; line-height: 20px;}
.features_description br {display: none;}
.features_content {display: flex; flex-direction: column; margin-top: 30px;}
.features_product {width: 100%; max-width: 300px;}
.features_grid {grid-template-columns: repeat(3, 1fr); gap: 5px; width: 100%;}
.feature_card{padding:16px 5px;}
.feature_card img{width:55px; margin-bottom:8px;}
.feature_card h3{font-size:12px; line-height:17px;}

.steps_section{padding:30px 0 35px;}
.steps_item{display:flex; gap:0 12px;}
.steps_heading p {font-size: 14px; line-height: 18px;}
.steps_grid {grid-template-columns: 1fr; gap: 25px; max-width: 390px; margin-top: 30px;}
.steps_image {height: auto; aspect-ratio: 160 / 145; border-radius: 12px; flex:0 0 160px;}
.steps_number {margin-top: 12px;}
.steps_item h3 {margin-top: 10px;}
.steps_item p {margin-top: 8px; font-size:14px; line-height:20px;}
.steps_cta {padding-top: 35px;}
.steps_cta .doctor_button {width: 100%;max-width: 320px;height: 52px;font-size: 17px;}

.compare_section{padding:30px 0 0;}
.compare_inner{flex-direction:column; width:calc(100% + 30px); margin:35px 0 0 -15px;}
.compare_left, .compare_box{width:100%;}
.compare_top{padding:10px 3px; height:78px;}
.compare-product{width:50px;}
.compare_right_text{font-size:11px; line-height:15px;}
.compare_col1{width:30.8%;}
.compare_col3, .compare_col4, .compare_col5{width:17.9%;}
.compare_list li{font-size:12px; line-height:16px;}

.compare_col_line{display:none;}

.guarantee_section{padding:30px 0 0;}
.guarantee-seal{margin:-105px auto 30px; width:111px;}
.guarantee_box{padding:50px 15px 30px; width:calc(100% + 30px); margin:65px 0 0 -15px;}
.guarantee_box_top_txt{font-size:14px; line-height:16px;}
.guarantee_box_top_hdng{font-size:30px; line-height:36px;}

.reviews_section{padding:35px 0 35px;}
.reviews_top{flex-direction:column; margin:30px auto 0; gap:25px;}
.reviews_rating{flex-direction:column;}
.reviews_rating_right{margin:5px 0 0;}
.reviews_rating > strong{font-size:36px; line-height:42px;}
.reviews_stars{width:100px; margin:0 auto;}
.reviews_rating_right p{font-size:11px; line-height:11px; margin:5px 0 0;}
.s10_video_slider{width:calc(100% + 30px); margin: 0 0 0 -15px;}
.s10-mid-row{ margin:35px auto 0;}
.ugc-play{margin: -25px 0 0 -25px;}
.s10-mid-row {padding-bottom: 0;}
.s10-mid-row .swiper-pagination {display: none;}

.testimonial_box{row-gap: 22px;}
.testimonial_col{width:100%; padding: 18px 15px 20px;}
.testimonial_col_hdng{font-size:17px; line-height:22px;}
.testi_col_star{width:100px;}
.testimonial_col_text{font-size:15px; line-height:23px;}
.testi_verify_row{margin:20px auto 0;}
.testi-verify-row-img{width:42px;}
.testi_verify_name_text{font-size:14px; line-height:18px;}
.testi_verify_text{font-size:11px; line-height:14px;}
.verify_icn{width:9px;}

.faq_section{padding:30px 0 35px;}
.accordion{font-size:18px; line-height:24px; padding: 15px 35px 15px 0;}
.acdn-para{font-size:15px; line-height:22px;}

.offer_section {padding: 35px 0;}
.offer_heading {padding: 18px 15px 5px;}
.offer_heading p {font-size: 15px;line-height: 20px; display:flex; align-items:center; justify-content:center; gap:0 10px;}
.offer_heading p:before, .offer_heading p:after{content:''; width:30px; height:1px; background:#fff;}
.offer_heading h2 {font-size: 29px;line-height: 34px;}
.offer_heading h2 span{display:block;}
.offer_content {display: flex; flex-direction: column-reverse;}
.offer_left {width: 100%; padding: 75px 10px 25px;}
.offer_left ul li {margin-bottom: 13px; padding-left: 27px; font-size: 16px; line-height: 21px;}
.offer_product {width: 100%; order: 2; background:#19386d;}
.offer_product_image {width: 280px; margin-bottom:-90px;}
.offer_badge {top: 35px; left: calc(50% - 75px); width: 80px;}

.footer{ padding:7px 0 25px;}
.foot-logo{ width: 95px; margin:18px auto 15px;}
.foot_txt1{ font-size: 10px; line-height: 16px; margin-top: 10px;}
.foot_txt1 a{ padding: 0 4px; font-size:13px;}
.foot_txt2{font-size:13px;}

#ctabtn-mob{
	background:none;
	padding:5px 15px;
	position: fixed;
	bottom:5px;
	left: auto;
	z-index: 9;
	transition: bottom 1s;
	display: table;
	width:100%;
	max-width:none;
	
	}
#ctabtn-mob .button_top_text{color:#fff;}
.button_bottom-text{font-size:12px; line-height:14px; filter: brightness(0) invert(1);}
.button_bottom-text img{width:15px;}

#ctabtn-mob .common_button{
	box-shadow:0 0 5px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow:0 0 5px 2px rgba(0,0,0,0.2);
	}

.mob_text_left{text-align:left;}
.mob_text_center{text-align:center;}
}

/*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;
	}
.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:1021px){		
.s10_video-container{ width: 790px;  min-height: 445px;}
}

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