@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-Light.woff2') format('woff2'),
        url('Inter-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@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:#f8d78e;
	padding:6px 0;
	position:relative;
	z-index:99;
}
.top_strip p{
	font-size:15px;
	line-height:20px;
	font-weight:600;
	color:#000;
	text-align:center;
}
.top_strip p img{
	width:15px;
	display:inline-block;
	vertical-align:middle;
	margin:-4px 4px 0 0;
}
#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;
}
.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:90px;
}
.header_btn{
	float:right;
	width:170px;
	height:38px;
	background:#00b03b;
	border-radius:100px;
	font-size:15px;
	line-height:39px;
	font-weight:600;
	color:#fff;
	margin:16px 0 0;
}
.header_btn img{
	width:19px;
	display:inline-block;
	vertical-align:middle;
	margin:-3px 0 0 8px;
}

/*-----------------------
HERO SECTION
------------------------*/
.hero_section{
	background:url(../images/hero-bg.webp) center top no-repeat;
	padding:45px 0 50px;
	overflow:hidden;
	background-size:cover;
}
.hero_section_content{
	display:flex;
	width:100%;
	height:100%;
}
.hero_section_left{
	width:57%;
	text-align:left;
	position:relative;
	z-index:2;
}
.hero_section_rating{
	font-size:8px;
	line-height:11px;
	font-weight:800;
	color:#ffc400;
	margin-bottom:12px;
}
.hero_section_rating img{
	width:79px;
	display:inline-block;
	vertical-align:middle;
	margin:-8px 3px 0 0;
}
.hero_section_rating span{
	font-size:15px;
	line-height:15px;
	color:#fff;
	font-weight:500;
	margin-left:3px;
}
.hero_section_left h1{
	font-size:53px;
	line-height:59px;
	font-weight:800;
	color:#fff;
	letter-spacing:-.6px;
	margin:0 0 20px;
}
.dotted_line{
	width:100%;
	display:block;
}
.hero_section_intro{
	font-size:18px;
	line-height:27px;
	color:#fff;
	margin:15px 0 0;
	max-width: 560px;
}
.hero_section_points{
	margin-top:15px;
}
.hero_section_points li{
	font-size:20px;
	line-height:24px;
	font-weight:700;
	color:#fff;
	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_media{
	max-width:460px;
	width:100%;
	margin-top:20px;
}
.hero_section_media > p{
	font-size:16px;
	line-height:20px;
	color:#fff;
	text-align:center;
	margin:0 auto -14px;
	background:#1b3581;
	width:fit-content;
	padding:5px 10px;
	position: relative;
}
.hero_section_media_logos{
	height:80px;
	border:1px solid #657cad;
	border-radius:10px;
	display:flex;
	align-items:center;
	justify-content:space-around;
	color:#fff;
}
.hero_section_media_logos img{
	height:25px;
	width:auto;
	filter: brightness(0) invert(1);
}
.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;
}
.hero_section .button_box > p:before{display:none;}
.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;}
.button_box > p strong{
	color:#000;
}
.common_button{
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	height:74px;
	background:#00bd43;
	border-radius:100px;
	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 > p img, .button_box.white small img{filter: brightness(0) invert(1);}
.hero_section_right{
	width:50%;
	height:100%;
	position:relative;
}
.hero_section_product{
	position:absolute;
	width:760px;
	max-width:none;
	height:auto;
	top: 45px;
	left: -115px;
	z-index:1;
}

/*-----------------------
PAIN SECTION
------------------------*/
.pain_section{
	background:#fff;
	padding:60px 0 65px;
}
.common_heading{
	font-size:45px;
	line-height:53px;
	font-weight:800;
	color:#2780d7;
}
.common_heading span{color:#19386d;}
.pain_section .common_heading{color:#d30000;}
.common_text{
	font-size:18px;
	line-height:28px;
	margin:20px 0 0;
}
.pain_section .common_heading{
	color:#d90000;
}

.pain_section_grid{
	max-width:970px;
	width:100%;
	margin:40px auto 0;
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:25px 30px;
}
.pain_section_card{
	border:1px solid #ff0000;
	border-radius:9px;
	overflow:hidden;
	background:#fff;
	text-align:left;
}
.pain_section_image{
	position:relative;
	overflow:hidden;
}
.pain_section_image img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}
.pain_section_title{
	position:absolute;
	left:19px;
	top:17px;
}
.pain_section_title h3{
	font-size:30px;
	line-height:30px;
	font-weight:800;
}
.pain_section_title span{
	display:block;
	width:59px;
	height:3px;
	background:#d30000;
	margin-top:12px;
}
.pain_section_card > p{
	padding: 18px 25px 20px;
	font-size:17px;
	line-height:25px;
}

/*-----------------------
MEET LIFTLY SECTION
------------------------*/
.meet_liftly_section{
	background:#f1f9ff;
	padding:60px 0 65px;
	overflow-x:clip;
	position:relative;
}
.meet_liftly_section:before{
	content:'';
	position:absolute;
	left:50%;
	border-left:1px solid #204e92;
	top:-40px;
	height:80px;
	margin-left:-0.5px;
	z-index:1;
}
.meet_liftly_video{
	max-width:670px;
	width:100%;
	aspect-ratio:670/400;
	margin:40px auto 0;
	position:relative;
}
.meet_liftly_video video{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	object-fit:cover;
	border:3px solid #fff;
	box-shadow:0px 0px 10px 1px rgba(0,0,0,0.1);
}
.meet_liftly_video .asset_video_player{
	z-index:1;
}
.meet_liftly_video .asset_video_player_preroll{
	z-index:2;
}
.asset_video_player_button_wrapper{
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	width:77px;
	height:77px;
	border-radius:50%;
	background:#fff;
	z-index:4;
	display:flex;
	align-items:center;
	justify-content:center;
	box-shadow:0 1px 5px rgba(0,0,0,.15);
	cursor:pointer;
}
.asset_video_player_button{
	display:flex;
	align-items:center;
	justify-content:center;
}
.asset_video_player_button svg{
	width:30px;
	height:30px;
	display:block;
	fill:#e0a64a;
}
.meet_liftly_product{
	max-width:762px;
	width:100%;
	margin:25px auto 0;
	position:relative;
}
.meet_liftly_product img{
	width:100%;
}
.meet_liftly_features{
	max-width:800px;
	width:100%;
	margin:10px auto 0;
	display:flex;
}
.meet_liftly_feature{
	width:33.333%;
	border-right:1px solid #d7dfe5;
	text-align:center;
}
.meet_liftly_feature:last-child{
	border-right:none;
}
.meet_liftly_feature_icon{
	width:68px;
	height:68px;
	border-radius:50%;
	background:#4b8bc9;
	color:#fff;
	font-size:20px;
	line-height:33px;
	margin:0 auto 10px;
	font-weight:700;
	display:flex;
	justify-content:center;
	align-items:center;
}
.meet_liftly_feature_icon img{
	width:46px;
}
.meet_liftly_feature p{
	font-size:20px;
	line-height:28px;
}
.meet_liftly_feature strong{
	font-weight:800;
}
.meet_liftly_bottom_text{
	font-size:17px;
	line-height:25px;
	margin-top:35px;
}


/*-----------------------
PAIN FREE SECTION
------------------------*/
.pain_free_section{
	background:#fff;
	padding:60px 0 65px;
	overflow:hidden;
}
.pain_free_section_content{
	margin:40px auto 0;
	position:relative;
}
.pain_free_section_center{
	max-width:770px;
	width:100%;
	margin:0 auto 0;
	position:relative;
	z-index:5;
}
.pain_free_section_box{
	background:linear-gradient(135deg,#203f8a 0%,#4c8ddd 100%);
	border-radius:10px;
	padding:35px 80px 225px 80px;
	position:relative;
	border:1px solid #19386d;
}
.pain_free_section_box h3{
	font-size:29px;
	line-height:34px;
	font-weight:700;
	color:#fff;
	margin:0 0 30px;
}
.pain_free_section_list{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:22px 10px;
}
.pain_free_section_list li{
	border-radius:100px;
	background:#fff;
	display:flex;
	align-items:center;
	padding:8px 15px;
	font-size:22px;
	line-height:26px;
	font-weight:700;
	text-align:left;
}
.pain_free_section_list li img{
	width:43px;
}
.pain_free_section_list li span{
	margin-left:8px;
	white-space:nowrap;
}
.pain_free_section_insole{
	max-width:583px;
	width:100%;
	margin:-190px auto 0;
	position:relative;
}
.pain_free_section_insole img{
	width:100%;
}
.pain_free_section_person{
	position:absolute;
	z-index:4;
	bottom:100px;
}
.pain_free_section_person img{
	display:block;
	position:relative;
	z-index:2;
	width:100%;
}
.person_left{
	left:-120px;
	width:324px;
}
.person_right{
	right:-110px;
	width:324px;
}
.pain_free_section_ripple{
	position:absolute;
	border-radius:50%;
	left:50%;
	bottom:-54px;
	transform:translateX(-50%);
	opacity:.8;
	z-index:1;
	max-width:332px;
	width:100%;
}
.pain_free_section_ripple img{max-width:100%;}


/*-----------------------
ENGINEERED SECTION
------------------------*/
.engineered_section{
	background:#f1f9ff;
	padding:60px 0 65px;
	overflow:hidden;
}
.engineered_section_product{
	max-width:449px;
	margin:35px auto 45px;
	position:relative;
	z-index:1;
}
.engineered_section_product:before{
	content:'';
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	width:305px;
	height:305px;
	border-radius:50%;
	background:#c9e4ff;
	z-index:-1;
}
.engineered_section_shoe{
	margin:0 auto;
	width:100%;
}
.engineered_section_arrow{
	position:absolute;
	height:auto;
	z-index:4;
}
.engineered_section_arrow.left{
	width: 104px;
    left: -50px;
    bottom: 30px;
}
.engineered_section_arrow.right{
	width:104px;
	right:-82px;
	top:-50px;
}
.engineered_section_text{
	position:absolute;
	z-index:5;
	color:#111;
	font-weight:700;
	text-align:left;
}
.engineered_section_text.breathe, .engineered_section_text.comfort{
	font-size:21px;
	line-height:27px;
}
.engineered_section_text.breathe{
	left:12px;
	bottom:-12px;
	text-align:center;
}
.engineered_section_text.comfort{
	right:25px;
	top:85px;
}
.engineered_section_grid{
	margin:0 auto 10px;
	display:grid;
	grid-template-columns:1fr 1fr;
	gap: 35px 40px;
}
.engineered_section_card{
	background:#fff;
	border-radius:15px;
	overflow:hidden;
	box-shadow:0 4px 8px rgba(0,0,0,.15);
	text-align:left;
	position:relative;
}
.engineered_section_card_head{
	background:#2780d7;
	padding:8px 25px;
	display:flex;
	align-items:center;
	justify-content:space-between;
}
.engineered_section_card_head h3{
	font-size:26px;
	line-height:30px;
	font-weight:700;
	color:#fff;
}
.engineered_section_card_head span{
	width:60px;
	height:60px;
	background:#fff;
	border-radius:50%;
	display:flex;
	align-items:center;
	justify-content:center;
	flex: 0 0 60px;
}
.engineered_section_card_head span img{
	width:45px;
}
.engineered_section_card_body{
	padding:30px 18px 35px;
	position:relative;
	overflow:hidden;
}
.engineered_section_card_body > p{
	font-size:18px;
	line-height:27px;
	margin:0 0 7px;
	position:relative;
	z-index:2;
}
.engineered_section_card_body ul{
	margin:15px 0 0;
	padding:0;
	position:relative;
	z-index:3;
}
.engineered_section_card_body li{
	font-size:18px;
	line-height:24px;
	font-weight:500;
	padding:3px 0 3px 18px;
	position:relative;
}
.engineered_section_card_body li:before{
	content:"•";
	position:absolute;
	left:0;
	color:#2780d7;
	font-weight:800;
}
.engineered_section_card_image{
	position:absolute;
	right:0;
	bottom:-1px;
	width:288px;
	z-index:1;
}
.engineered_section_card_image img{
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center;
	display: inline-block;
    vertical-align: top;
}
.engineered_section_label{
    bottom: 0;
    right: 5px;
    min-width: 138px;
    padding: 3px 12px 5px;
    border-radius: 100px;
    background: #dceefe;
    font-size: 15px;
    line-height: 20px;
    font-weight: 700;
    text-align: center;
    z-index: 4;
    white-space: nowrap;
    float: right;
    margin: 20px 260px 0 0;
    position: relative;
}


/*-----------------------
COMFORT ENGINEERING SECTION
------------------------*/
.comfort_section{
	background:#fff;
	padding:60px 0 65px;
	overflow:hidden;
}
.comfort_content{
	display:flex;
	justify-content:space-between;
}
.comfort_left{
	width:47%;
	padding-top:25px;
	text-align:left;
}
.comfort_badge{
	display:flex;
	align-items:center;
	gap:12px;
	margin:40px 0 7px;
}
.comfort_badge strong{
	background:#2587df;
	color:#fff;
	font-size:20px;
	line-height:26px;
	padding:3px 18px 6px;
	border-radius:100px;
}
.comfort_badge span{
	font-size:22px;
	line-height:28px;
	color:#2780d7;
	font-weight:700;
}
.comfort_insole{
	max-width:544px;
	margin-top:10px;
	position:relative;
}
.comfort_insole img{
	width:100%;
}
.comfort_right{
	width:260px;
	margin-left:20px;
}
.comfort_video{
	width:48.71%;
	aspect-ratio:570/632;
	margin:40px auto 0;
	position:relative;
	/* overflow:hidden; */
}
.comfort_video video{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	object-fit:cover;
	border: 3px solid #fff;
	box-shadow:0px 0px 10px 1px rgba(0,0,0,0.1);
}
.comfort_specs{
	max-width:830px;
	width:100%;
	margin:50px auto 10px;
	display:flex;
	position:relative;
}
.comfort_specs:after{
	content:'';
	position:absolute;
	left:0;
	right:0;
	top:35px;
	border-top:1px solid #ccc;
}
.comfort_spec{
	width:33.333%;
	text-align:center;
	position:relative;
}
.comfort_spec:after{
	content:'';
	position:absolute;
	border-right:1px solid #ccc;
	right:0;
	top:15px;
	height:40px;
}
.comfort_spec:last-child:after{
	border-right:none;
}
.comfort_spec p{
	font-size:17px;
	line-height:22px;
	font-weight:500;
	margin:0 0 30px;
}
.comfort_spec_icon{
	display:block;
	width:87px;
	margin:0 auto 8px;
	position:relative;
}
.comfort_spec strong{
	font-size:25px;
	line-height:30px;
	font-weight:700;
}

/*-----------------------
SUPPORT SYSTEM SECTION
------------------------*/
.support_system_section{
	background:#f1f9ff;
	padding:60px 0 65px;
	overflow:hidden;
}
.support_system_content{
	display:flex;
	justify-content:space-between;
	gap:0 40px;
}
.support_system_video{
	max-width:570px;
	width:100%;
	aspect-ratio:570/720;
	position:relative;
}
.support_system_video video{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	object-fit:cover;
	border: 3px solid #fff;
	box-shadow:0px 0px 10px 1px rgba(0,0,0,0.1);
}
.support_system_right{
	width:48.5%;
	text-align:left;
}
.foot_zone{
	width:460px;
	position:relative;
	margin:30px 0 0;
}
.foot_zone_image{
	z-index:1;
}
.foot_zone_labels{
	position:absolute;
	left:78px;
	top:12px;
	width:calc(100% - 78px);
/* 	height:330px; */
	z-index:2;
}
.foot_label{
	position:absolute;
	left:0;
	width:100%;
	display:flex;
	align-items:center;
}
.foot_label span{
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	border-top:2px dotted #000;
	right:210px;
}
.foot_label strong{
	position:absolute;
	left:190px;
	top:50%;
	transform:translateY(-50%);
	font-size:18px;
	line-height:22px;
	font-weight:700;
	color:#111;
	white-space:nowrap;
	text-align:left;
}

/* MESSAGE POINTS */
.label_1{
	top:86px;
}
.label_1 span{
	left:0;
}

/* FOREFOOT ZONE */
.label_2{
	top:138px;
}
.label_2 span{
	left:15px;
}

/* ARCH SUPPORT ZONE */
.label_3{
	top:194px;
}
.label_3 span{
	left:0;
}

/* LATERAL BALANCE ZONE */
.label_4{
	top:250px;
}
.label_4 span{
	left:60px;
}

/* HEEL ZONE */
.label_5{
	top:307px;
}
.label_5 span{
	left:24px;
}

.support_system_features{
	margin:50px auto 0;
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:25px 35px;
}
.support_system_feature{
	background:#fff;
	border-radius:10px;
	box-shadow:0 2px 7px rgba(0,0,0,.08);
	display:flex;
	align-items:flex-start;
	text-align:left;
	padding:15px;
}
.support_system_feature span{
	width:26px;
	height:26px;
	border-radius:50%;
	background:#d5e9fd;
	color:#2587df;
	font-size:17px;
	line-height:13px;
	font-weight:800;
	text-align:center;
	flex-shrink:0;
	margin-right:10px;
	margin-top:2px;
	display:flex;
	align-items:center;
	justify-content:center;
}
.support_system_feature span img{
	width:11px;
}
.support_system_feature p{
	font-size:17px;
	line-height:25px;
}
.support_system_feature p strong{
	font-weight:700;
	color:#2587df;
}

/*-----------------------
HOW TO SECTION
------------------------*/
.how_to_section{
	background:#fff;
	padding:60px 0 65px;
	overflow:hidden;
}
.how_to_grid{
	margin:45px auto 0;
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:25px;
	text-align:left;
}
.how_to_item{
	width:100%;
}
.how_to_image{
	width:100%;
	position:relative;
	overflow:hidden;
	border-radius:12px;
	border:2px solid #2780d7;
}
.how_to_image img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}
.how_to_number{
	position:absolute;
	left:15px;
	top:15px;
	width:40px;
	height:40px;
	border-radius:50%;
	background:#2587df;
	border:1px solid #fff;
	color:#fff;
	font-size:22px;
	line-height:26px;
	font-weight:700;
	text-align:center;
	z-index:2;
	display:flex;
	align-items:center;
	justify-content:center;
}
.how_to_item h3{
	font-size:30px;
	line-height:34px;
	font-weight:700;
	color:#19386d;
	margin:20px 0 8px;
}
.how_to_item p{
	font-size:18px;
	line-height:22px;
	font-weight:500;
}


/*======================================
	explore section
======================================*/
.explore_section{
	position:relative;
	padding:60px 0px 65px;
	background:#f1f9ff;
	text-align:center;
	overflow-x:clip;
}
.compare_left{
	
}
.explore_flower_left{
	position:absolute;
	top:-40px;
	left:20px;
	display:block;
	z-index:1;
}
.explore_flower_right{
	position:absolute;
	top:-115px;
	right:80px;
	display:block;
	z-index:1;
}
.explore_slider_sec{
	width:100%;
	max-width:2095px;
	margin:50px auto 0;
	overflow:hidden;
}

.explore_slider{
	width:100%;
}

.explore_slider .swiper-wrapper{
	display:flex;
	align-items:flex-start;
}

.explore_slider .swiper-slide{
	position:relative;
	width:327px !important;
	height:auto;
	overflow:hidden;
	flex-shrink:0;
}

.explore_slide_img{
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
	border-radius:18px;
}

.explore_slider .swiper-slide p{
	display:flex;
	align-items:center;
	justify-content:center;
	column-gap:6px;
	font-size:25px;
	line-height:30px;
	font-weight:800;
	color:#000;
	margin:12px auto 0;
	z-index:2;
}
.explore_pagination{
	position:relative;
	margin-top:50px;
	display:flex;
	align-items:center;
	justify-content:center;
}

.explore_pagination .swiper-pagination-bullet{
	width:12px;
	height:12px;
	border-radius:50%;
	background:#c9e1f7;
	opacity:1;
	margin:0 5px !important;
	transition:all 0.3s ease;
}

.explore_pagination .swiper-pagination-bullet-active{
	background:#2780d7;
	border-radius:10px;
}

/*-----------------------
COMPARE SECTION
------------------------*/
.compare_section{
	background:#fff;
	padding:60px 0 0;
}
.compare_inner{
	display:flex;
	justify-content:space-between;
	align-items:baseline;
	gap:0 30px;
	margin:40px auto 0;
	flex-direction:row-reverse;
}
.compare_left{
	width:50%;
}
.comparison_slider{
	width:100%;
	max-width:570px;
	aspect-ratio:570/526;
	margin:0 auto;
	position:relative;
	overflow:hidden;
	box-shadow:0px 0px 10px 1px rgba(0,0,0,0.1);
	border-radius:12px;
}
.comparison_underlay,
.comparison_overlay{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	overflow:hidden;
}
.comparison_underlay{
	z-index:1;
}
.comparison_overlay{
	z-index:2;
	clip-path:inset(0 50% 0 0);
}
.comparison_underlay img,
.comparison_overlay img{
	display:block;
	width:100%;
	height:100%;
	object-fit:contain;
}
.comparison_line{
	position:absolute;
	left:50%;
	top:0;
	width:2px;
	height:100%;
	background:#000;
	transform:translateX(-50%);
	z-index:4;
	pointer-events:none;
}
.comparison_handle{
	position:absolute;
	left:50%;
	top:50%;
	width:44px;
	height:44px;
	background:#fff;
	border:2px solid #000;
	border-radius:50%;
	transform:translate(-50%,-50%);
	display:flex;
	align-items:center;
	justify-content:center;
	box-sizing:border-box;
}
.comparison_arrow_left{
	width:0;
	height:0;
	border-top:7px solid transparent;
	border-bottom:7px solid transparent;
	border-right:8px solid #000;
	margin-right:4px;
}
.comparison_arrow_right{
	width:0;
	height:0;
	border-top:7px solid transparent;
	border-bottom:7px solid transparent;
	border-left:8px solid #000;
	margin-left:4px;
}
.comparison_input{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	opacity:0;
	cursor:pointer;
	z-index:5;
}
.comparison_before_text,
.comparison_after_text{
	position:absolute;
	top:30px;
	z-index:6;
	pointer-events:none;
}
.comparison_before_text{
	left:19px;
}
.comparison_after_text{
	right:19px;
}
.comparison_before_text h3,
.comparison_after_text h3{
	display:block;
	background:#2780d7;
	color:#fff;
	font-size:16px;
	line-height:20px;
	font-weight:500;
	padding:2px 11px;
	margin:0;
}

/* ----------------------- */
.compare_box{
    width: 43%;
    margin: 100px auto 0;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
	}
.compare_col1{
    width: 38%;
    position: relative;
    border: 1px solid #fff;
	}
.compare_top{
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 60px;
    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 #ecdfd6;
	}
.compare_list li{
	width:100%;
	height: 60px;
	font-size:15px;
	line-height:20px;
	color:#000;
	font-weight:500;
	padding:15px;
	text-align:left;
	border-bottom:1px solid #ecdfd6;
	
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	}
.compare_list li:last-child{ border-bottom:none;}		
.compare-product{
    position: absolute;
    top: -110px;
    left: 50%;
    width: 75px;
    margin-left: -52px;
	}
.compare_col1 .compare_list li{	text-align:left; flex-direction: row; justify-content: flex-start; padding-left:10px;}
.compare_right_text{
    font-size: 18px;
    line-height: 26px;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
	} 
.compare_col2{
	width: 30%;
    background: #2780d7;
    position: relative;
    border: 2px solid #19386d;
	border-radius:10px;
	}
.compare-product1{
	display:block;
	margin: -75px auto 7px;
	width:106px;
	}
.compare_col2 .compare_list{ border-top: 1px solid #2b72b9;}	
.compare_col2 .compare_list li{
	border-bottom:1px solid #2b72b9;
	}
.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:24px;
	}
.compare_col_line{ width:2%;}		
.compare_col3{ 
	width: 30%;
	background:#fff;
	border:1px solid #dcdad9;
	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:770px;
	background:#2780d7;
	padding:4px;
	border-radius:20px;
	overflow:hidden;
	}
.guarantee_box_top{
	display:inline-block;
	vertical-align:top;
	width:100%;
	background:#2780d7;
	padding:30px 40px 90px;
	}
.guarantee_box_top_txt{
	font-size:18px;
	line-height:22px;
	color:#fff;
	font-weight:600;
	background:#1c6fbf;
	border-radius:100px;
	padding:6px 30px;
	width:fit-content;
	margin:0 auto 10px;
	}
.guarantee_box_top_hdng{
	font-size: 40px;
    line-height: 46px;
    color: #fff;
    font-weight: 800;
	margin-top:3px;
	}
.guarantee_box_inr{
	display:inline-block;
	vertical-align:top;
	width:100%;
	padding:0 25px 30px;
	background:#fff;
	border-radius:20px;
	}
.guarantee-seal{
	display:block;
	margin:-75px auto 0;
	width:168px;
	}
.guarantee_box .button__box{ margin-top:40px;}	

/*-----------------------
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-direction: column;
	flex-shrink:0;
}
.reviews_rating > strong{
	font-size:60px;
	line-height:60px;
	font-weight:700;
	color:#2780d7;
}
.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;
}
.reviews_breakdown{
	width:400px;
	display: flex;
    flex-direction: column;
    gap:8px 0;
}
.reviews_row{
	width:100%;
	display:flex;
	align-items:center;
	gap:0 10px;
	text-align:left;
}
.reviews_row > .review_stars{
	width:70px;
	flex-shrink:0;
	font-size:14px;
	line-height:16px;
	letter-spacing:-1px;
	color:#ffb829;
	white-space:nowrap;
}
.reviews_row > span{
	width:48px;
	flex-shrink:0;
	font-size:14px;
	line-height:16px;
}
.reviews_bar{
	width:245px;
	height:7px;
	background:#dbe7f2;
	border-radius:10px;
	overflow:hidden;
}
.reviews_bar i{
	display:block;
	height:100%;
	background:#2780d7;
	border-radius:10px;
}
.reviews_row:nth-child(3) .reviews_bar i,
.reviews_row:nth-child(4) .reviews_bar i,
.reviews_row:nth-child(5) .reviews_bar i{
	background:#9ac2e9;
}
.reviews_row > strong{
	width:80px;
	margin-left:10px;
	font-size:13px;
	line-height:14px;
	font-weight:500;
	color:#333;
	text-align:left;
	}

.s10_video_slider{
	display:inline-block;
	vertical-align:top;
	width:100%;
	overflow: hidden;
	}	
.s10-mid-row{
    width: 100%;
    margin: 45px auto 0;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	column-gap:19px;
	}	
.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:65px;
	top:50%;
	left:50%;
	margin:-32.5px 0 0 -32.5px;
	}
.s10-mid-row .swiper-wrapper{
	transition-timing-function: linear !important;
	}	
	
.testimonial_box{
	width:100%;
	margin:50px auto 0;
	display:flex;
	display:-webkit-flex;
	flex-wrap:wrap;
	justify-content:space-between;
	row-gap:45px;
	}
.testimonial_col{
	width: 48.8%;
    background: #fff;
    padding: 18px 24px 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;
	justify-content:space-between;
	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;
	}

/*-----------------------
Footer
------------------------*/	
.footer{
	background:#fff;
	padding:40px 0;
	}
.foot-logo{
	display:block;
	margin:0 auto 20px;
	width:90px;
	}
.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;}
.hero_section_product{width:600px; top:115px; left:-85px;}

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

}

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

.hero_section_left h1{font-size:34px; line-height:40px;}
.hero_section_product{width:430px; left:-20px;}
.hero_section_intro{font-size:16px; line-height:24px; margin:10px 0 0;}
.hero_section_intro{font-size:16px; line-height:22px;}

.hero_section_points li{font-size:16px; line-height:22px;}
.hero_section_points li:before{top:6px;}

.hero_section_media > p{font-size:13px; line-height:16px; padding:3px 8px;}
.hero_section_media_logos{height:70px;}
.hero_section_media_logos img{height:22px;}

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

.common_heading{font-size:32px; line-height:40px;}
.common_text{font-size:16px; line-height:25px;}

.meet_liftly_section{padding:40px 0 45px;}
.meet_liftly_feature p{font-size:18px; line-height:25px;}

.pain_free_section{padding:40px 0 45px;}
.pain_free_section_center{max-width:530px;}
.pain_free_section_box{padding: 25px 20px 225px 20px;}
.pain_free_section_box h3{font-size:22px; line-height:26px; margin:0 0 20px;}
.pain_free_section_list li{font-size:18px;}
.pain_free_section_insole{max-width:445px;}
.person_left, .person_right{width:275px;}

.engineered_section{padding:40px 0 45px;}
.engineered_section_grid{grid-template-columns: 1fr;}

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

.support_system_section{padding:50px 0 45px;}
.foot_zone{width:400px;}
.foot_label strong{font-size:16px; line-height:22px; left:120px;}
.support_system_features{grid-template-columns: repeat(2, 1fr); gap:20px;}

.how_to_section{padding:40px 0 45px;}
.how_to_item h3{font-size:22px; line-height:26px;}
.how_to_item p{font-size:16px; line-height:22px;}

.explore_section{padding:40px 0 45px;}
.explore_slider .swiper-slide p{font-size:22px;}

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

.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:12px; line-height:18px;}
#top_timer{margin-left:5px;}

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

.hero_section{padding:20px 0 0; background:url(../images/hero-section-mob-bg.webp) center top no-repeat;}
.hero_section_left{width:100%;}
.hero_section_rating{margin-bottom:6px;}
.hero_section_rating img{width:58px;}
.hero_section_rating span{font-size:12px; line-height:12px;}
.hero_section_left h1{font-size:29px; line-height:34px; margin-bottom:12px;}
.hero_section_intro{font-size:13px; line-height:18px;}
.hero_section_product_mob{width:calc(100% + 50px); margin-left:-25px; margin-top:20px;}
.hero_mob_div{background:#f1f9ff; width:calc(100% + 30px); margin-left:-15px; padding:20px 15px 30px; margin-top:-35px;}
.hero_section_points{margin-top:0;}
.hero_section_points li{font-size:15px; line-height:20px; font-weight:700; color:#000; border-bottom:1px solid #d2d9e0;}
.hero_section_points li:last-child{border-bottom:none;}
.hero_section_media > p{background:#f1f9ff; color:#000;}
.hero_section_media_logos img{filter:none;}
.hero_section .button_box.white{color:#000;}
.button_box{margin-top:25px;}
.button_box > p{font-size:13px; line-height:18px;}
.common_button{height:55px; font-size:18px; line-height:55px;}
.button_box small{font-size:13px; line-height:18px;}

.common_heading{font-size:29px; line-height:35px;}
.common_text{font-size:15px; line-height:22px; margin:15px 0 0;}

.pain_section{padding:30px 0 40px;}
.pain_section_grid{width:100%; grid-template-columns:1fr; gap:18px; margin:30px auto 0;}
.pain_section_card{border-radius:8px;}
.pain_section_image{height:200px;}
.pain_section_title{left:17px; top:16px;}
.pain_section_title h3{font-size:20px; line-height:23px;}
.pain_section_title span{width:35px; height:3px; margin-top:7px;}
.pain_section_card > p{padding:15px 17px; font-size:14px; line-height:20px;}

.meet_liftly_section{padding:35px 0 35px;}
.meet_liftly_section:before{top:-25px; height:50px;}
.meet_liftly_video{margin:30px auto 20px;}
.asset_video_player_button_wrapper{width:40px; height:40px;}
.asset_video_player_button svg{width:14px; height:14px;}
.meet_liftly_product{width:100%; margin-top:10px;}
.meet_liftly_product img{width:100%;height:auto;top:-10px;}
.meet_liftly_features{margin:15px auto 0;}
.meet_liftly_feature_icon{width:43px; height:43px;}
.meet_liftly_feature_icon img{width:26px;}
.meet_liftly_feature p{font-size:14px; line-height:18px;}
.meet_liftly_bottom_text{font-size:15px; line-height:22px; margin:20px 0 0;}

.pain_free_section{padding:24px 0 35px; overflow-x:clip;}
.pain_free_mob{display:flex; text-align:left; align-items:center; margin:-10px 0 -30px;}
.pain_free_mob_img{width:204px; margin:0 -55px 0 -20px;}
.pain_free_mob .common_heading {letter-spacing:-1px;}
.pain_free_section_content{width:100%; margin-top:12px;}
.pain_free_section_center{max-width:340px; margin:30px auto 70px;}
.pain_free_section_box{padding: 25px 20px 135px 20px;}
.pain_free_section_box h3{font-size:23px; line-height:30px; margin-bottom:10px;}
.pain_free_section_list{gap:10px 5px; grid-template-columns: 1fr;}
.pain_free_section_list div{height:20px; font-size:8px; line-height:10px; padding:0 7px;}
.pain_free_section_insole{width:calc(100% + 30px); margin-left:-15px; bottom:-73px;}
.pain_free_section_person{display:none;}

.engineered_section{padding:30px 0 35px;}
.engineered_section_product{max-width:320px;}
.engineered_section_product:before{width:224px; height:224px;}
.engineered_section_text.breathe, .engineered_section_text.comfort{font-size:16px; line-height:20px;}
.engineered_section_arrow.right{width:82px; right:-50px; top:-40px;}
.engineered_section_text.comfort{right:5px; top:55px;}
.engineered_section_arrow.left{width:82px; left:-40px; bottom:20px;}
.engineered_section_card_head{padding:10px 18px; gap:0 10px;}
.engineered_section_card_head h3{font-size:22px; line-height:26px;}
.engineered_section_card_head span{width:48px; height:48px; flex:0 0 48px;}
.engineered_section_card_head span img{width:32px;}
.engineered_section_card_body{padding: 15px 18px 30px;}
.engineered_section_card_body > p{font-size:15px; line-height:20px; max-width:230px;}
.engineered_section_card_body li{font-size:14px; line-height:19px; padding:2px 0 2px 12px;}
.engineered_section_label{font-size:12px; line-height:16px; min-width:100px; bottom:-5px; margin:20px 170px 0 0;}
.engineered_section_card_image{width:200px;}

.comfort_section{padding:30px 0 35px;}
.comfort_video{aspect-ratio: 350 / 278; width:100%; margin:30px auto 0;}

.comfort_content{width:100%; display:flex; flex-direction:column;}
.comfort_left{width:100%; padding:10px 0 0;}
.comfort_badge{margin:28px 0 7px;}
.comfort_badge strong,
.comfort_badge span{font-size:16px;}
.comfort_badge strong{padding: 1px 15px 2px;}
.comfort_insole{width:100%; height:auto; margin-top:5px;}
.comfort_insole img{width:100%; height:auto;}
.comfort_specs{width:100%; margin:28px auto 0;}
.comfort_specs:after{top:25px;}
.comfort_spec:after{top:15px; height:20px;}
.comfort_spec p{font-size:10px;line-height:10px; margin:0 0 25px;}
.comfort_spec strong{font-size:16px;}
.comfort_spec_icon{width:48px; margin:0 auto 4px;}

.support_system_section{padding:30px 0 35px;}
.support_system_video{aspect-ratio: 350 / 278; margin:30px auto 20px;}
.support_system_content{width:100%; display:flex; flex-direction:column; align-items:center;}
.support_system_right{width:100%; text-align:left;}
.foot_zone{margin:30px auto 0; width:350px;}
.foot_zone_image{width:150px;}
.foot_zone_labels{left:65px;}
.label_1{top:75px;}
.label_2{top:123px;}
.label_3{top:172px;}
.label_4{top:223px;}
.label_5{top:274px;}
.foot_label span{right:165px;}
.support_system_features{grid-template-columns: repeat(1, 1fr); gap:15px; margin: 30px auto 5px;}
.support_system_feature{padding:10px 15px;}
.support_system_feature p{font-size:15px; line-height:20px;}

.how_to_section{padding:30px 0 35px;}
.how_to_grid{width:100%; grid-template-columns:1fr; gap:35px; margin:35px auto 0;}
.how_to_number{width:30px; height:30px; font-size:15px;}
.how_to_image{height:auto; aspect-ratio:145/100;}
.how_to_item h3{font-size:24px; line-height:30px; margin:10px 0 4px;}
.how_to_item p{font-size:15px; line-height:20px;}

.explore_section{padding:30px 0 35px;}
.explore_slider_sec{margin:35px auto 0;}
.explore_slider .swiper-wrapper{align-items:flex-start;}
.explore_slider .swiper-slide{width:275px !important; border-radius:22px; overflow:hidden; flex-shrink:0;}
.explore_slider .swiper-slide > img{width:100%; height:100%; object-fit:cover; display:block;}
.explore_pagination .swiper-pagination-bullet{width:8px; height:8px;}

.compare_section{padding:30px 0 0;}
.compare_inner{flex-direction:column;}
.compare_left, .compare_box{width:100%;}
.compare_box{margin:150px auto 0;}
.compare_list li{font-size:12px; line-height:16px;}

.guarantee_section{padding:45px 0 0;}
.guarantee_box_top{padding: 30px 20px 90px;}
.guarantee_box_top_txt{font-size:14px; line-height:16px;}
.guarantee_box_top_hdng{font-size:30px; line-height:36px;}
.guarantee-seal{margin:-65px auto 0; width:138px;}

.reviews_section{padding:35px 0 35px;}
.reviews_top{flex-direction:column; margin:30px auto 0; gap:25px;}
.reviews_rating > strong{font-size:45px; line-height:45px;}
.reviews_stars{width:130px; margin:0 auto;}
.reviews_rating_right p{font-size:10px; line-height:10px; margin:3px 0 0;}
.reviews_breakdown{max-width:345px; width:100%;}
.s10_video_slider{width:calc(100% + 30px); margin: 0 0 0 -15px;}
.s10-mid-row{ margin:35px auto 0;}
.ugc-play{ width: 50px;  margin: -25px 0 0 -25px;}

.testimonial_box{row-gap: 22px;}
.testimonial_col{width:100%; padding: 18px 15px 20px;}

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

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