*{
	margin:0;
	padding:0;
}
body{
	background:#FFFFFF;
}
:root{
	--baseColor: #16ba2f;
	--secondaryColor: #ff3e05;
	--lightColor: #FFFFFF;
	--grayColor: #f4f4f4;
	--darkColor: #191919;
	--yellowColor: #fde75b;

	--baseFont: 'Poppins', sans-serif;
	--secondaryFont: 'Roboto', sans-serif;
}

/* ========== Custom CSS Starts ========== */

/* ===== CSS For "Common Cases" Starts Here ===== */
.grid_item{
    display: -ms-grid;
    display: grid;
    -ms-flex-line-pack: center;
	align-content: center;
}

/* ======================== */

.cta_btn_wrap{
	margin-top: 20px;
}
.cta_btn{
	color: var(--lightColor);
	background: var(--baseColor);
	font-family: var(--baseFont);
	font-weight: 500;
	font-size: 24px;
	text-shadow: 2px 2px #00000055;
	border-radius: 50px;
	box-shadow: 2px 2px 5px 0 rgba(0,0,0,.25);
	min-width: 200px;
	text-align: center;
	display: inline-block;
	padding: 10px 25px;
	text-decoration: none;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;	
}
.cta_btn:hover{
	color: var(--lightColor);
	text-decoration: none;
}

/* ======================== */

.cta_details_wrap{
	max-width: 420px;
	text-align: center;
}
.cta_details_wrap .sale_stock{
	margin-bottom: 5px;
}
.cta_details_wrap .sale_stock ul{
	margin-bottom: 0px;
	font-size: 0px;
	text-align: center;
}
.cta_details_wrap .sale_stock ul li{
	list-style: none;
	display: inline-block;
	margin-right: 15px;
	color: var(--darkColor);
	font-family: var(--baseFont);
	font-weight: 700;
	font-size: 16px;
}
.cta_details_wrap .sale_stock ul li:last-child{
	margin-right: 0px;
}
.cta_details_wrap .sale_stock ul li i{
	color: #36EE4E;
	font-size: 10px;
	margin-right: 2.5px;
	position: relative;
	top: -2.5px;
	-webkit-animation: fading 1s ease-in-out infinite;
	animation: fading 1s ease-in-out infinite;
}

.cta_details_wrap .sale_stock ul li img{
	display: inline-block;
	margin-right: 5px;
	position: relative;
	top: -1.5px;
	animation: rotating 2.5s ease-in-out forwards infinite;
}

.cta_details_wrap .cta_btn{
	min-width: 405px;
}

.cta_details_wrap .money_back{
	position: relative;
	z-index: 99;
}
.cta_details_wrap .money_back h6{
	color: var(--darkColor);
	background: var(--grayColor);
	font-family: var(--baseFont);
	font-weight: 600;
	font-size: 16px;
	margin-top: 5px;
	margin-bottom: 0px;
	display: inline-block;
	padding: 0px 10px;
	position: relative;
	z-index: 99;
}
.cta_details_wrap .money_back:before{
	content: "";
	background: #DDDDDD;
	width: 100%;
	height: 1px;
	position: absolute;
	left: 0px;
	right: 0px;
	top: 15px;
	z-index: 0;
}

@-webkit-keyframes fading{
	0% {
		opacity: 100%;
	}
	50% {
		opacity: 30%;
	}
	70% {
		opacity: 100%;
	}
	100% {
		opacity: 100%;
	}
}
@keyframes fading{
	0% {
		opacity: 100%;
	}
	50% {
		opacity: 30%;
	}
	70% {
		opacity: 100%;
	}
	100% {
		opacity: 100%;
	}
}

@-webkit-keyframes rotating{
	0% {
		-webkit-transform: rotate(0);
		-ms-transform: rotate(0);
		transform: rotate(0);
	}
	50% {
		-webkit-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		transform: rotate(180deg);
	}
	100% {
		-webkit-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		transform: rotate(180deg);
	}
}
@keyframes rotating{
	0% {
		-webkit-transform: rotate(0);
		-ms-transform: rotate(0);
		transform: rotate(0);
	}
	50% {
		-webkit-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		transform: rotate(180deg);
	}
	100% {
		-webkit-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		transform: rotate(180deg);
	}
}

/* ======================== */

.heading{
	margin-bottom: 15px;
}
.heading h2{
	color: var(--secondaryColor);
	font-family: var(--baseFont);
	font-weight: 600;
	font-size: 50px;
	margin-bottom: 0px;
}
.heading h3{
	color: var(--secondaryColor);
	font-family: var(--baseFont);
	font-weight: 600;
	font-size: 45px;
	margin-bottom: 0px;
}
.heading h4{
	color: var(--darkColor);
	font-family: var(--baseFont);
	font-weight: 600;
	font-size: 40px;
	margin-bottom: 0px;
}
.heading p{
	color: var(--darkColor);
	font-family: var(--baseFont);
	font-weight: 400;
	font-size: 18px;
	margin-top: 10px;
	margin-bottom: 0px;
}

/* ======================== */

.para_texts p{
	color: var(--darkColor);
	font-family: var(--baseFont);
	font-weight: 400;
	font-size: 18px;
	line-height: 1.5;
	margin-bottom: 20px;
}
.para_texts p:last-child{
	margin-bottom: 0px;
}
.para_texts p .bold_texts{
	font-weight: 700;
}
/* ===== CSS For "Common Cases" Ends Here ===== */


/* ============================== */
/* ============================== */
/* ============================== */


/* ===== CSS For "Sales Ends" Starts Here ===== */
.sale_ends{
	background: #262525;
	padding: 5px 0px;
	text-align: center;
}
.sale_ends p{
	color: var(--yellowColor);
	font-family: var(--baseFont);
	font-weight: 400;
	font-size: 14px;
	line-height: 1;
	margin-bottom: 0px;
}
.sale_ends p .bold_texts{
	font-weight: 700;
}
/* ===== CSS For "Sales Ends" Ends Here ===== */


/* ============================== */
/* ============================== */
/* ============================== */


/* ===== CSS For "Header" Starts Here ===== */
.header_wrap{
	background: var(--lightColor);
	padding: 10px 0px;
	box-shadow: 0 0 5px 0 rgba(0,0,0,.5);
}
.header{
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 280px 10px 1fr 10px 280px;
    grid-template-columns: 280px 1fr 280px;
    grid-auto-rows: auto;
    gap: 10px;
}
.header .logo img{
	max-width: 280px;
}
.header .cta_btn_wrap{
	text-align: right;
	margin-top: 0px;
}
.header .menu ul{
	text-align: center;
	margin-bottom: 0px;
	font-size: 0px;
}
.header .menu ul li{
	list-style: none;
	display: inline-block;
	margin: 0px 12.5px;
}
.header .menu ul li a{
	text-decoration: none;
	color: var(--darkColor);
	font-family: var(--baseFont);
	font-weight: 500;
	font-size: 17px;
	padding: 0px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.header .menu ul li a:hover,
.header .menu ul li a.active{
	color: var(--secondaryColor);
}
.header .cta_btn{
	font-size: 17px;
	text-shadow: none;
	box-shadow: none;
}
/* ===== CSS For "Header" Ends Here ===== */


/* ============================== */
/* ============================== */
/* ============================== */


/* ===== CSS For "Hero Banner" Starts Here ===== */
.hero_banner_wrap{
	background: var(--grayColor);
	padding-top: 30px;
	padding-bottom: 50px;
	position: relative;
	z-index: 99;
}

.hero_banner{
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 20px 1fr;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: auto;
    gap: 20px;
}

.hero_banner .customer_rated{
	margin-bottom: 5px;
}
.hero_banner .customer_rated i{
	color: #F0AD4E;
	font-size: 15px;
}
.hero_banner .customer_rated span{
	color: var(--darkColor);
	font-family: var(--baseFont);
	font-weight: 700;
	font-size: 16px;
	display: inline-block;
	margin-left: 5px;
}

.hero_banner .heading{
	margin-bottom: 5px;
}
.hero_banner .heading h2 a{
	text-decoration: none;
	color: var(--secondaryColor);
}

.hero_banner .save_big{
	background: var(--lightColor);
	padding: 10px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 45px 10px 1fr;
    grid-template-columns: 45px 1fr;
    grid-auto-rows: auto;
    gap: 10px;
}
.hero_banner .save_big h5{
	color: var(--darkColor);
	font-family: var(--secondaryFont);
	font-weight: 700;
	font-size: 22px;
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
.hero_banner .save_big p{
	color: var(--darkColor);
	font-family: var(--baseFont);
	font-weight: 400;
	font-size: 17px;
	margin-bottom: 0px;
}

.hero_banner .bullet_points{
	margin: 20px 0px;
}
.hero_banner .bullet_points ul{
	margin-bottom: 0px;
	font-size: 0px;
	padding-left: 35px;
}
.hero_banner .bullet_points ul li{
	list-style: none;
	color: var(--darkColor);
	font-family: var(--baseFont);
	font-weight: 600;
	font-size: 20px;
	margin-bottom: 5px;
	position: relative;
	padding-left: 30px;
}
.hero_banner .bullet_points ul li:last-child{
	margin-bottom: 0px;
}
.hero_banner .bullet_points ul li:before{
	content: "\f00c";
	color: var(--secondaryColor);
	font-family: "Font Awesome 5 Free";
	font-weight: 700;
	font-size: 18px;
	position: absolute;
	left: 0px;
	top: 1.5px;
}

.hero_banner .banner_product{
	position: relative;
}
.hero_banner .banner_product .money_back_seal{
	width: 120px;
	position: absolute;
	left: 0px;
	bottom: 60px;
}
/* ===== CSS For "Hero Banner" Ends Here ===== */


/* ============================== */
/* ============================== */
/* ============================== */


/* ===== CSS For "As Seen On" Starts Here ===== */
.as_seen_on{
	padding: 40px 0px;
	padding-top: 35px;
	border-bottom: 1px solid #DDDDDD;
}
.as_seen_on .sub_heading{
	text-align: center;
	margin-bottom: 20px;
}
.as_seen_on .sub_heading h5{
	color: var(--darkColor);
	font-family: var(--baseFont);
	font-weight: 600;
	font-size: 20px;
	margin-bottom: 0px;
}
.as_seen_on .media_logos{
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 0px 1fr 0px 1fr 0px 1fr 0px 1fr;
    grid-template-columns: repeat(5, 1fr);
    grid-auto-rows: auto;
    gap: 0px;
	max-width: 1030px;
	margin: 0px auto;
}
.as_seen_on .media_logos .single_logo{
	text-align: center;
}

/* ===== CSS For "As Seen On" Ends Here ===== */


/* ============================== */
/* ============================== */
/* ============================== */


/* ===== CSS For "Highlighted Quote" Starts Here ===== */
.highlighted_quote_wrap{
	background: var(--lightColor);
	padding: 75px 0px;
}
.highlighted_quote{
	max-width: 1000px;
	margin: 0px auto;
	box-shadow: 0 0 10px 0 rgba(0,0,0,.25);
	padding: 15px;
	padding-right: 50px;
	border-radius: 15px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 190px 30px 1fr;
    grid-template-columns: 190px 1fr;
    grid-auto-rows: auto;
    gap: 30px;
	position: relative;
}
.highlighted_quote .image img{
	border-radius: 15px;
}
.highlighted_quote .quote_icon{
	width: 44px;
	position: absolute;
	right: 85px;
	top: -22px;
}
.highlighted_quote .quote_icon img{
	width: 100%;
}

.highlighted_quote .star_ratings{
	margin-bottom: 15px;
}
.highlighted_quote .star_ratings i{
	color: #FFC400;
	font-size: 20px;
}

.highlighted_quote .texts h5{
	color: var(--secondaryColor);
	font-family: var(--baseFont);
	font-weight: 600;
	font-size: 23px;
	margin-bottom: 10px;
}
.highlighted_quote .texts p{
	color: var(--darkColor);
	font-family: var(--baseFont);
	font-weight: 500;
	font-size: 18px;
	font-style: italic;
	margin-bottom: 10px;
}
.highlighted_quote .texts h6{
	color: var(--secondaryColor);
	font-family: var(--baseFont);
	font-weight: 600;
	font-size: 20px;
	margin-bottom: 0px;
}
.highlighted_quote .texts h6 span{
	color: #666666;
	font-size: 15px;
}
/* ===== CSS For "Highlighted Quote" Ends Here ===== */


/* ============================== */
/* ============================== */
/* ============================== */


/* ===== CSS For "Meet HeatPal" Starts Here ===== */
.meet_heatpal_wrap{
	background: #f4f4f4;
	padding: 60px 0px;
}
.meet_heatpal{
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 50px 480px;
    grid-template-columns: 1fr 480px;
    grid-auto-rows: auto;
    gap: 50px;
}

.meet_heatpal .cta_details_wrap{
	margin: 0px auto;
	margin-top: 30px;
}
.meet_heatpal .cta_details_wrap .money_back h6{
	background: #f4f4f4;
}

.meet_carousel .single_image img{
	border-radius: 15px;
}

.owl_controls_outer .owl-carousel .owl-prev,
.owl_controls_outer .owl-carousel .owl-next {
	width: 45px;
	height: 45px;
	background: url(images/right_arrow.png) no-repeat !important;
	background-position: center center;
	background-size: 45px 45px !important;
	font-size: 0px !important;
	position: absolute;
	top: 50%;
	border-radius: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.owl_controls_outer .owl-carousel .owl-prev {
	left: 10px;
	background: url(images/left_arrow.png) no-repeat !important;
	background-position: center center;
	background-size: 45px 45px !important;

	background-color: transparent !important;
}
.owl_controls_outer .owl-carousel .owl-prev:hover{
	background-color: #000000 !important;
	opacity: 1;
}
.owl_controls_outer .owl-carousel .owl-next {
	right: 10px;
	background: url(images/right_arrow.png) no-repeat !important;
	background-position: center center;
	background-size: 45px 45px !important;

	background-color: transparent !important;
}
.owl_controls_outer .owl-carousel .owl-next:hover{
	background-color: #000000 !important;
	opacity: 1;
}
/* ===== CSS For "Meet HeatPal" Ends Here ===== */


/* ============================== */
/* ============================== */
/* ============================== */


/* ===== CSS For "Stay Warm" Starts Here ===== */
.stay_warm_wrap{
	background: #eaf8ff;
	padding: 60px 0px;
	padding-top: 50px;
}
.stay_warm_wrap .container{
	max-width: 1320px;
}
.stay_warm_wrap .heading{
	text-align: center;
	margin-bottom: 40px;
}
.stay_warm{
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1fr;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: auto;
    gap: 20px;
}
.stay_warm .single_box{
	text-align: center;
}
.stay_warm .single_box .image{
	margin-bottom: 10px;
}
.stay_warm .single_box .texts h5{
	color: var(--darkColor);
	font-family: var(--baseFont);
	font-weight: 600;
	font-size: 17px;
	margin-bottom: 0px;
}
/* ===== CSS For "Stay Warm" Ends Here ===== */


/* ============================== */
/* ============================== */
/* ============================== */


/* ===== CSS For "The Contents" Starts Here ===== */
.the_contents{
	background: var(--lightColor);
	padding: 60px 0px;
}
.the_contents .single_txts_img{
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 35px 1fr;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: auto;
    gap: 35px;
	margin-bottom: 60px;
}
.the_contents .single_txts_img:last-child{
	margin-bottom: 0px;
}
.the_contents .single_txts_img .contents_wrap{
    display: -ms-grid;
    display: grid;
    -ms-flex-line-pack: center;
    align-content: center;
}
.the_contents .single_txts_img .image_wrap{
    display: -ms-grid;
    display: grid;
    -ms-flex-line-pack: center;
    align-content: center;
}

.the_contents .image video{
	max-width: 100%;
}
/* ===== CSS For "The Contents" Ends Here ===== */


/* ============================== */
/* ============================== */
/* ============================== */


/* ===== CSS For "Colored Banner" Starts Here ===== */
.colored_banner{
	background: #262525;
	padding: 50px 0px;
	padding-top: 40px;
	text-align: center;
}
.colored_banner .heading h4{
	color: var(--lightColor);
	font-size: 39px;
}
.colored_banner .limited_discount h5{
	color: #ffcf11;
	font-family: var(--baseFont);
	font-weight: 500;
	font-size: 25px;
	margin-bottom: 0px;
}
.colored_banner .cta_btn{
	min-width: 315px;
}
.colored_banner .cta_btn i{
	font-size: 22px;
	margin-left: 10px;
}
/* ===== CSS For "Colored Banner" Ends Here ===== */


/* ============================== */
/* ============================== */
/* ============================== */


/* ===== CSS For "Features" Starts Here ===== */
.features_wrap{
	background: #eaf8ff;
	padding: 60px 0px;
}
.features_wrap .container{
	max-width: 1320px;
}
.features_wrap .heading{
	text-align: center;
	margin-bottom: 30px;
}
.features_wrap .heading h2{
	-webkit-text-stroke-color: #000;
	stroke: #000;
	text-shadow: 0 0 10px rgba(0,0,0,.3);
}
.features{
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 10px 460px 10px 1fr;
    grid-template-columns: 1fr 460px 1fr;
    grid-auto-rows: auto;
    gap: 10px;
}
.features .left_features .single_feature{
	text-align: right;
}
.features .single_feature{
	margin-bottom: 20px;
}
.features .single_feature:last-child{
	margin-bottom: 0px;
}
.features .single_feature h5{
	color: var(--darkColor);
	font-family: var(--baseFont);
	font-weight: 600;
	font-size: 24px;
	margin-bottom: 5px;
}
.features .single_feature p{
	color: var(--darkColor);
	font-family: var(--baseFont);
	font-weight: 400;
	font-size: 18px;
	margin-bottom: 0px;
}
.features .single_feature .line{
	margin-top: 15px;
}

.features_wrap .cta_details_wrap{
	margin: 0px auto;
	margin-top: 30px;
}
/* ===== CSS For "Features" Ends Here ===== */


/* ============================== */
/* ============================== */
/* ============================== */


/* ===== CSS For "How Works" Starts Here ===== */
.how_works{
	background: var(--lightColor);
	padding: 50px 0px;
}
.how_works .heading{
	text-align: center;
	margin-bottom: 40px;
}
.how_works .three_steps{
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 20px 1fr 20px 1fr;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: auto;
    gap: 20px;
}
.how_works .three_steps .single_step{
	text-align: center;
}
.how_works .three_steps .single_step .image{
	margin-bottom: 10px;
}
.how_works .three_steps .single_step .image img{
	border-radius: 10px;
}
.how_works .three_steps .single_step h5{
	color: var(--darkColor);
	font-family: var(--baseFont);
	font-weight: 600;
	font-size: 24px;
	margin-bottom: 5px;
}
.how_works .three_steps .single_step p{
	color: var(--darkColor);
	font-family: var(--baseFont);
	font-weight: 400;
	font-size: 18px;
	margin-bottom: 0px;
}

.how_works .info_texts{
	margin-top: 40px;
	text-align: center;
}
.how_works .info_texts p{
	color: var(--darkColor);
	font-family: var(--baseFont);
	font-weight: 400;
	font-size: 18px;
	margin-bottom: 0px;
}
/* ===== CSS For "How Works" Ends Here ===== */


/* ============================== */
/* ============================== */
/* ============================== */


/* ===== CSS For "Special Offer" Starts Here ===== */
.special_offer{
	background: var(--lightColor);
	padding-bottom: 50px;
}
.special_offer .container{
	max-width: 1170px;
}
.special_offer .offer_box{
	border: 2px dashed var(--secondaryColor);
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 0px 1fr;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: auto;
    gap: 0px;
}
.special_offer .left_contents{
	background: #FDF5E6;
	padding: 40px;
	text-align: center;
}
.special_offer .heading{
	margin-bottom: 0px;
}
.special_offer .heading h3{
	color: var(--darkColor);
}
.special_offer .heading p{
	margin-top: 15px;
}
.special_offer .heading p .bold_texts{
	font-weight: 700;
}

.special_offer .limited_time{
	margin: 20px 0px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 220px 15px 1fr;
    grid-template-columns: 220px 1fr;
    grid-auto-rows: auto;
    gap: 15px;
}
.special_offer .limited_time .limited_texts h5{
	color: var(--secondaryColor);
	font-family: var(--baseFont);
	font-weight: 700;
	font-size: 20px;
	margin-bottom: 0px;
	text-align: right;
}

.timeTo{
	height: inherit !important;
}
.timeTo figcaption{
	color: #839bb6;
	font-family: var(--baseFont);
	font-weight: 400;
	font-size: 13px !important;
	text-transform: capitalize;
}
.timeTo{
	height: 100px;
}
.timeTo.timeTo-black div{
	background: transparent;
}
.timeTo span{
	color: var(--secondaryColor);
	font-size: 40px;
	font-family: var(--baseFont);
	font-weight: 400;
	border-radius: 50%;
	line-height: 0.75;
	width: 30px;
	display: inline-block;
	text-align: center;
}
.timeTo div{
	border: none;
	width: 20px !important;
}
.timeTo div.first{
	border-left: none;
}
.timeTo ul li{
	color: var(--secondaryColor);
	font-family: var(--baseFont);
	font-weight: 500;
	font-size: 29px;
	width: 18px !important;
	margin-bottom:0px;	
}

.special_offer .special_limited{
	margin-bottom: 20px;
}
.special_offer .special_limited h5{
	color: var(--darkColor);
	font-family: var(--baseFont);
	font-weight: 600;
	font-size: 25px;
	line-height: 1.5;
	margin-bottom: 0px;
}
.special_offer .special_limited h5 .break{
	display: block;
}

.special_offer .bullet_points{
	max-width: 400px;
	margin: 0px auto;
}
.special_offer .bullet_points ul{
	margin-bottom: 0px;
}
.special_offer .bullet_points ul li{
	list-style: none;
	color: var(--darkColor);
	font-family: var(--baseFont);
	font-weight: 400;
	font-size: 16px;
	padding-left: 30px;
	margin-bottom: 10px;
	background: url('images/Check_Circle.png') no-repeat;
	background-position: left center;
	background-size: 24px 23px;
}
.special_offer .bullet_points ul li:last-child{
	margin-bottom: 0px;
}
.special_offer .bullet_points ul li .bold_texts{
	font-weight: 700;
}

.special_offer .cta_details_wrap{
	margin: 0px auto;
	margin-top: 30px;
}
.special_offer .cta_details_wrap .money_back h6 {
	background: #FDF5E6;
}

.special_offer .right_image .image{
	text-align: center;
	padding: 15px;
}
.special_offer .right_image .image img{
	max-width: 430px;
}
/* ===== CSS For "Special Offer" Ends Here ===== */


/* ============================== */
/* ============================== */
/* ============================== */


/* ===== CSS For "Customer Reviews" Starts Here ===== */
.customer_reviews{
	background: var(--grayColor);
	padding: 60px 0px;
}
.customer_reviews .heading{
	text-align: center;
	margin-bottom: 25px;
}

.ratings{
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 150px 30px 1fr;
    grid-template-columns: 150px 1fr;
    grid-auto-rows: auto;
    gap: 30px;
	max-width: 690px;
	margin: 0px auto;
	margin-bottom: 60px;
}
.ratings .summary{
	text-align: center;
}
.ratings .summary h1{
	color: var(--darkColor);
	font-family: var(--baseFont);
	font-weight: 600;
	font-size: 60px;
	margin-bottom: 0px;	
}
.ratings .summary .five_stars i{
	color: #F0AD4E;
	font-size: 20px;
}
.ratings .summary h6{
	color: var(--darkColor);
	font-family: var(--baseFont);
	font-weight: 600;
	font-size: 17px;
	margin-bottom: 0px;		
}
.ratings .single_bar{
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 25px 200px;
    grid-template-columns: 1fr 200px;
    grid-auto-rows: auto;
    gap: 25px;
	margin-bottom: 10px;
}
.ratings .single_bar:last-child{
	margin-bottom: 0px;
}

.the_progress .progress_bar{
	background: var(--lightColor);
	height: 15px;
	border-radius: 5px;
	position: relative;
	bottom: -7px;
	box-shadow: inset 0 0 5px #ccc;
}
.the_progress .progress_bar .filled{
	background: #F9C42D;
	height: 15px;
	border-radius: 5px 0px 0px 5px;
	transition: max-width 1s linear;
}
.the_progress .progress_bar .filled.eighty_eight{
	max-width: 0%;
}
.the_progress .progress_bar .filled.eighty_eight.active{
	max-width: 88%;
}
.the_progress .progress_bar .filled.tweleve{
	max-width: 0%;
}
.the_progress .progress_bar .filled.tweleve.active{
	max-width: 12%;
}
.the_progress .progress_bar .filled.zero{
	max-width: 0%;
}
.the_progress .info i{
	color: #FAB73C;
	font-size: 16px;	
}
.the_progress .info span{
	color: var(--darkColor);
	font-family: var(--baseFont);
	font-weight: 600;
	font-size: 15px;
	margin-left: 5px;
}


.all_reviews{
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 30px 1fr 30px 1fr 30px 1fr;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: auto;
    gap: 30px;
}
.all_reviews .box_inner{
	border-radius: 15px;
	box-shadow: 0 0 10px 0 rgba(0,0,0,.25);
	background: var(--lightColor);
}
.all_reviews .box_inner .image img{
	border-radius: 15px 15px 0px 0px;
}
.all_reviews .box_inner .texts{
	padding: 15px;
}
.all_reviews .box_inner .texts h6{
	color: var(--darkColor);
	font-family: var(--baseFont);
	font-weight: 600;
	font-size: 17px;
	margin-bottom: 0px;
}
.all_reviews .box_inner .texts h6 i{
	color: #6fb620;
	font-size: 15px;
	margin-right: 2px;
}

.all_reviews .box_inner .texts h6 .break {
	display: block;
}

.all_reviews .box_inner .texts h6 .verified{
	color: #6fb620;
	font-weight: 500;
	font-size: 15px;
}
.all_reviews .box_inner .five_stars{
	margin: 10px 0px;
}
.all_reviews .box_inner .five_stars i{
	color: #F0AD4E;
	font-size: 18px;
}

.all_reviews .box_inner p{
	color: var(--darkColor);
	font-family: var(--baseFont);
	font-weight: 400;
	font-size: 15px;
	margin-bottom: 0px;
}

.customer_reviews .cta_details_wrap{
	margin: 0px auto;
	margin-top: 30px;
}
/* ===== CSS For "Customer Reviews" Ends Here ===== */


/* ============================== */
/* ============================== */
/* ============================== */


/* ===== CSS For "Faq's" Starts Here ===== */
.faqs{
	background: var(--lightColor);
	padding: 60px 0px;
}
.faqs .heading{
	text-align: center;
	max-width: 750px;
	margin: 0px auto;
	margin-bottom: 25px;
}
.faqs .heading h3{
	color: var(--darkColor);
}
.faqs .accordion{
	max-width: 750px;
	margin: 0px auto;
}
.faqs .single_item{
	margin-bottom: 15px;
}
.faqs .single_item:last-child{
	margin-bottom: 0px;
}
.faqs .single_item .click_item a{
	color: #333333;
	font-family: var(--baseFont);
	font-weight: 600;
	font-size: 20px;
	display: block;
	border: 1px solid rgba(0,0,0,.02);
	box-shadow: 0 0 10px #ddd;
	border-radius: 5px;
	text-decoration: none;
	text-transform: capitalize;
	padding: 20px;
	position: relative;
	padding-left: 60px;
}
.faqs .single_item .click_item a:after{
	content: "\f068";
	font-family: "Font Awesome 5 Free";
	font-weight: 700;
	font-size: 20px;
	color: #333333;
	position: absolute;
	left: 20px;
	top: 50%;
	-webkit-transform: translateY(-50%);	
	-ms-transform: translateY(-50%);	
	transform: translateY(-50%);	
}
.faqs .single_item .click_item a.collapsed:after{
	content: "\f067";
	font-family: "Font Awesome 5 Free";
	font-weight: 700;
	font-size: 20px;
	color: #333333;
	position: absolute;
	left: 20px;
	top: 50%;
	-webkit-transform: translateY(-50%);	
	-ms-transform: translateY(-50%);	
	transform: translateY(-50%);
}
.faqs .contents{
	padding: 15px 20px;
}
.faqs .contents p{
	color: var(--blackColor);
	font-family: var(--baseFont);
	font-weight: 400;
	font-size: 18px;
	margin-bottom: 10px;
}
.faqs .contents p:last-child{
	margin-bottom: 15px;
}

.faqs .cta_btn_wrap{
	margin: 0px auto;
	margin-top: 50px;
}
/* ===== CSS For "Faq's" Ends Here ===== */


/* ============================== */
/* ============================== */
/* ============================== */


/* ===== CSS For "Claim Banner" Starts Here ===== */
.claim_banner{
	background: #eaf8ff;
	padding: 60px 0px;
	padding-top: 50px;
	text-align: center;
}

.claim_banner .heading{
	margin-bottom: 20px;
}
.claim_banner .heading h4{
	color: #fc0000;
	font-size: 35px;
}
.claim_banner .heading h4 img{
	width: 42px;
	position: relative;
	top: -3px;
}

.claim_banner .texts h5{
	color: var(--darkColor);
	font-family: var(--baseFont);
	font-weight: 600;
	font-size: 20px;
	margin-bottom: 15px;
}
.claim_banner .texts p{
	color: var(--darkColor);
	font-family: var(--baseFont);
	font-weight: 500;
	font-size: 17px;
	margin-bottom: 0px;
}

.claim_banner .cta_details_wrap{
	margin: 0px auto;
	margin-top: 30px;
}
.claim_banner .cta_details_wrap .money_back h6{
	background: #eaf8ff;
}
/* ===== CSS For "Claim Banner" Ends Here ===== */


/* ============================== */
/* ============================== */
/* ============================== */


/* ===== CSS For "Footer" Starts Here ===== */
.footer{
	background: var(--darkColor);
	padding: 40px 0px;
	text-align: center;
}
.footer .logo{
	max-width: 280px;
	margin: 0px auto;
	text-align: center;
}
.footer .site_links{
	margin: 30px 0px;
	margin-bottom: 20px;
}
.footer .site_links ul{
	text-align: center;
	margin-bottom: 0px;
	font-size: 0px;
}
.footer .site_links ul li{
	list-style: none;
	display: inline-block;
	line-height: 1;
}
.footer .site_links ul li a{
	color: var(--lightColor);
	font-family: var(--baseFont);
	font-weight: 400;
	font-size: 15px;
	line-height: 1;
	padding-right: 12.5px;
	margin-right: 12.5px;
	border-right: 1px solid #666666;
}
.footer .site_links ul li:last-child a{
	padding-right: 0px;
	margin-right: 0px;
	border-right: none;
}
.footer .copyright p{
	color: var(--lightColor);
	font-family: var(--baseFont);
	font-weight: 400;
	font-size: 15px;
	margin-bottom: 0px;
}
/* ===== CSS For "Footer" Ends Here ===== */


/* ============================== */
/* ============================== */
/* ============================== */