/*
Theme Name: Bootstrap Basic4 Child
Theme URI: https://example.com/bootstrap-basic4-child
Description: Child theme of Bootstrap Basic4
Author: Your Name
Author URI: https://example.com
Template: bootstrap-basic4
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bootstrap-basic4-child
*/

/* Your custom CSS goes here */

@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@100;200;300;400;500;600;700&family=Quicksand:wght@300;400;500;600;700&display=swap');


/* CSS Document */
html {
	font-size: 100%
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section,
summary,
title {
	display: block
}

body {
	font-family: 'Josefin Sans', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 16px;
	line-height: 18px;
	-webkit-font-smoothing: antialiased;
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

fieldset,
img {
	border: 0
}

ol,
ul {
	list-style: none
}

sub,
sup {
	position: relative;
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline
}

sup {
	top: -0.5em
}

sub {
	bottom: -0.25em
}

h1,
h2,
h3,
h3,
h4,
h5,
h5 {
	font-family: 'Quicksand', sans-serif;
}

.form-control:focus {
	box-shadow: inherit;
}

/*section{ overflow: hidden;}*/
* {
	outline: none !important;
}

a:active,
a:focus,
a:hover,
input[type="image"],
select:focus,
input,
input[type="button"]:focus,
:focus {
	outline: 0;
	text-decoration: none;
}

.clearfix {
	*zoom: 1
}

.clearfix:before,
.clearfix:after {
	display: block;
	content: "";
	line-height: 0
}

.clearfix:after {
	clear: both
}

.clear {
	clear: both
}

.btn {
	outline: 0px;
}

.lists {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.mainpage {
	position: relative;
	overflow: hidden;
}

.container {
	max-width: 1366px;
}

a,
button {
	transition: all 0.5s ease-in-out;
}

.m-hide {
	display: block !important;
}

.d-hide {
	display: none !important;
}

.br30 {
	border-radius: 30px;
}

.mr15 {
	margin-right: 15px;
}


/* Button */
.btn-blue {
	background: #00AEEF;
	border: 0px;
	border-radius: 25px;
	padding: 12px 25px;
	color: #fff;
	font-size: 13px;
	font-weight: 600;
	transition: all 0.5s ease-in-out;
}

.btn-blue:hover {
	background: #16192C;
	color: #fff;
	transition: all 0.5s ease-in-out;
}


.btn-white {
	background: #fff;
	border: 0px;
	border-radius: 25px;
	padding: 12px 25px;
	color: #00AEEF;
	font-size: 16px;
	font-weight: 600;
	transition: all 0.5s ease-in-out;
}

.btn-white:hover {
	background: #16192C;
	color: #fff;
	transition: all 0.5s ease-in-out;
}

/* Title */
.maintitle {
	margin-bottom: 45px;
	width: 100%;
	text-align: center;
}

.maintitle h2 {
	color: #000;
	font-size: 40px;
	font-weight: 300;
	position: relative;
	display: inline-block;
}

.maintitle h2 span {
	position: relative;
	color: #00AEEF;
	font-weight: 600;
	z-index: 1;
}

/*.maintitle h2 span:before{ width: 125px; height: 15px; content: ''; position: absolute; z-index: -1; right: 5px; bottom: 4px; background: url(https://kleitmensleepsolutions.com/wp-content/uploads/2025/04/uiline.svg) left top no-repeat; background-size:cover;}*/
.slick-prev.slick-arrow {
	width: 32px;
	height: 32px;
	position: absolute;
	left: -20px;
	top: 47%;
	background: url("https://kleitmensleepsolutions.com/wp-content/uploads/2025/04/prev-arrow.svg") left top no-repeat;
	background-size: 100%;
	color: transparent;
	cursor: pointer;
}

.slick-next.slick-arrow {
	width: 32px;
	height: 32px;
	position: absolute;
	right: -20px;
	top: 47%;
	background: url("https://kleitmensleepsolutions.com/wp-content/uploads/2025/04/next-arrow.svg") left top no-repeat;
	background-size: 100%;
	color: transparent;
	cursor: pointer;
}

/* Slider */
.slick-slider { position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; }
.slick-track:before, .slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; margin: 0px; height: 100%; min-height: 1px; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display: block;}
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }
.slick-prev.slick-arrow { background: #ddd none repeat scroll 0 0; color: #fff; height: 50px; border: 0px; position: absolute; text-align: center; top: 50px; width: 100px; z-index: 9; }
.slick-next.slick-arrow { background: #ddd none repeat scroll 0 0; color: #fff; border: 0px; display: inline-block; height: 50px; position: absolute; right: 0; top: 50px; width: 100px; z-index: 9;}
.slick-dots { position: absolute; bottom: -45px; display: block; width: 100%; padding: 0; list-style: none; text-align: center; }
.slick-dots li { position: relative; display: inline-block; width: 30px; height: 10px; margin: 0; padding: 0; cursor: pointer; margin:0 10px;  }
.slick-dots li button { font-size: 0; line-height: 0; display: block; width: auto; height: auto; padding: 0; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; }
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before { background:#177ac3; }
.slick-dots li button:before { font-family: 'slick'; font-size: 0; line-height: 10px; position: absolute; top: 0; left: 0; width: 30px; height: 10px; content: '.'; text-align: center; opacity: 1; background:#D6EAFB; border-radius:5px; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { opacity:1; background: #177ac3; color: black; width: 30px; height: 10px;  border-radius: 5px; }





/*=========== HEROAREA CSS START ==========*/
header {
	width: 100%;
	box-shadow: 0px 1px 4.4px 0px rgba(0, 0, 0, 0.25);
	background: #fff;
	z-index: 999;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
}

header .navbar {
	padding: 15px 0;
}

header .navbar .navbar-brand {
	padding: 0px;
}

header .navbar-expand-md .navbar-nav .nav-link {
	padding: 20px 15px;
	font-size: 17.5px;
	font-weight: 600;
	color: #000;
	font-family: 'Quicksand', sans-serif;
	position: relative;
}

header .nav-item:hover .nav-link,
header .nav-item .nav-link.active {
	color: #177ac3;
}

header .nav-item:hover .dropdown-menu {
	display: block;
	transition: all 0.5s ease-in-out;
}

header .dropdown-menu {
	margin: 0px;
	border: 0px;
	border-radius: 0px;
	padding: 0px;
}

header .dropdown-menu .dropdown-item {
	padding: 16px 20px 16px 50px;
	color: #444;
	border-bottom: 1px solid rgb(0 0 0 / 20%);
	position: relative;
	font-weight: 600;
}

header .dropdown-menu .dropdown-item:hover {
	color: #00AEEF;
}

header .dropdown-menu .dropdown-item img {
	position: absolute;
	left: 15px;
	top: 17px;
	width: 16px;
}

header .dropdown-menu .dropdown-item.nobdr {
	border: 0px;
}

header .dropdown-item.active,
header .dropdown-item:active {
	color: #fff;
	text-decoration: none;
	background-color: #095672;
}

header .nav-item .nav-link.active:after {
	position: absolute;
	left: 15px;
	right: 15px;
	bottom: -13px;
	width: calc(100% - 30px);
	background: #00AEEF;
	height: 4px;
	content: '';
}

.wrap {
	position: absolute;
	top: 44%;
	right: 10px;
	transform: translate(0%, -44%);
	width: 0px;
	height: 42px;
	line-height: 40px;
	transition: all 0.5s ease;
}

.wrap .input {
	border: 0;
	background: transparent;
	width: 0%;
	outline: none;
	font-family: sans-serif;
	font-size: 18px;
	color: #000;
	font-style: italic;
	/*transition: all 0.3s ease;*/
	position: relative;
	padding-left: 15px;
	font-size: 14px;
}

.wrap .fa {
	color: #fff;
	position: absolute;
	right: 0;
	top: 13px;
	font-size: 22px;
	cursor: pointer;
}

.wrap.active {
	width: 250px;
	padding-left: 25px;
	transition: all 0.5s ease;
}

.wrap .input.active {
	width: 100%;
	padding-left: 12px;
	/*transition: all 0.5s 0.8s ease;*/
	background: #D6EAFB;
	border-radius: 5px;
	border-radius: 40px
}

.wrap input::placeholder {
	color: #1BB491;
}

.wrap.active .fa {
	color: #1BB491;
	margin-right: 13px;
	top: 10px;
}


/*=========== Hero Area ==========*/
.heroarea {
	width: 100%;
	position: relative;
	margin-top: 85px;
}

.heroarea .container,
.SleepApnea .container {
	padding: 0;
	max-width: 1440px;
}

.heroarea h1 {
	color: #fff;
	font-weight: 600;
	position: relative;
	margin-bottom: 30px;
	padding-bottom: 5px;
	line-height: 62px;
	font-size: 40px;
}

.heroarea h1:before {
	width: 250px;
	height: 4px;
	background: #fff;
	content: '';
	position: absolute;
	left: 0;
	bottom: -10px;
	border-radius: 5px;
}

.heroarea p {
	font-size: 26px;
	color: #fff;
	line-height: 34px;
	margin-bottom: 20px;
}

.heroarea p a {
	background: #fff;
	border-radius: 15px;
	padding: 10px 30px;
	color: #177ac3;
	display: inline-block;
	font-family: 'Quicksand', sans-serif;
	font-size: 22px;
	font-weight: 600;
	margin-top: 35px;
}

.heroarea p a:hover {
	background: #000;
	color: #fff;
}

.heroarea .slide1 {
	background: url("https://kleitmensleepsolutions.com/wp-content/uploads/2025/04/herobg-1.png") left top no-repeat;
	background-size: cover;
	position: relative;
	padding: 90px 0 90px 40px;
}

.heroarea .slide1 img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 760px;
}

.heroarea .slide2 {
	background: url("https://kleitmensleepsolutions.com/wp-content/uploads/2025/04/herobg-1.png") left top no-repeat;
	background-size: cover;
	position: relative;
	padding: 90px 0 90px 40px;
	overflow: hidden;
}

.heroarea .slide2 img {
	position: absolute;
	top: 0;
	right: -60px;
	bottom: 0;
	width: 760px;
}

.heroarea .slide3 {
	background: url("https://kleitmensleepsolutions.com/wp-content/uploads/2025/04/herobg-1.png") left top no-repeat;
	background-size: cover;
	position: relative;
	padding: 90px 0 90px 40px;
}

.heroarea .slide3 img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 70%;
}

/*=========== What is Sleep Apnea? ==========*/
.SleepApnea {
	width: 100%;
	padding: 0 30px;
}

.SleepApnea .container {
	background: url(https://kleitmensleepsolutions.com/wp-content/uploads/2025/04/journeymap.png) left top no-repeat;
	background-size: cover;
	margin-top: 20px;
}

.SleepApnea .card {
	padding: 150px 50px 50px;
	background: transparent;
	border: 0px;
}

.SleepApnea h2 {
	font-size: 45px;
	color: #232828;
	font-weight: 700;
	margin: 15px 0 35px;
	position: relative;
}

.SleepApnea h2 span {
	color: #177ac3;
}

.SleepApnea h2:before {
	width: 160px;
	height: 2px;
	background: #177ac3;
	content: '';
	position: absolute;
	left: 0;
	bottom: -10px;
}

.SleepApnea h3 {
	font-size: 32px;
	color: #232828;
	font-weight: 600;
	margin-bottom: 35px;
	position: relative;
}

.SleepApnea h3 span {
	color: #177ac3;
}

.SleepApnea h3:before {
	width: 160px;
	height: 2px;
	background: #177ac3;
	content: '';
	position: absolute;
	left: 0;
	bottom: -10px;
}

.SleepApnea p {
	margin-bottom: 40px;
	font-size: 20px;
	line-height: 32px;
	font-weight: 400;
}

.SleepApnea ul {
	margin-left: 35px;
	margin-bottom: 30px;
}

.SleepApnea li {
	font-size: 20px;
	line-height: 26px;
	margin-bottom: 12px;
	list-style: disc;
	font-weight: 300;
	font-weight: 400;
}

.SleepApnea p a.btn-call {
	margin: 0;
	display: inline-block;
	width: 35%;
}

/*=========== Trusted ==========*/
.exportmedical {
	padding: 90px 0 0;
	width: 100%;
}

.exportmedical .container .card {
	border: 1px solid #177ac3;
	padding: 25px;
	border-radius: 20px;
}

.exportmedical h2 {
	font-size: 42px;
	color: #232828;
	font-weight: 700;
	margin-bottom: 55px;
	text-align: center;
	position: relative;
}

.exportmedical h2 span {
	color: #177ac3;
}

.exportmedical .slick-slide {
	margin: 0 40px;
}

.exportmedical .slick-slide img {
	width: 100%;
	height: auto;
}

/*=========== Our Impact and Reach  ==========*/
.OurImpact {
	width: 100%;
	padding: 90px 0 0;
}

.OurImpact h2 {
	font-size: 42px;
	color: #232828;
	font-weight: 700;
	margin-bottom: 55px;
	text-align: center;
}

.OurImpact h2 span {
	color: #177ac3;
}

.OurImpact .reachwrap {
	width: 100%;
	background: url("https://kleitmensleepsolutions.com/wp-content/uploads/2025/04/reachbg-1.png") center top no-repeat;
	background-size: cover;
	height: 480px;
	border-radius: 20px;
}

.impactbox {
	padding: 75px 0 0;
}

.impactbox img {
	width: 120px;
	height: auto;
}

.impactbox h3 {
	color: #fff;
	font-size: 60px;
	font-weight: 700;
	margin: 45px 0 25px;
}

.impactbox p {
	color: #fff;
	font-size: 26px;
	font-weight: 500;
}

.ImpactIndent {
	text-align: center;
	padding: 25px 0;
}

.ImpactIndent h3 {
	font-size: 34px;
	color: #177ac3;
	font-weight: 700;
	margin: 25px 0 15px;
}

.ImpactIndent p {
	font-size: 20px;
	color: #177ac3;
	font-weight: 300;
}

/*=========== Cleint ==========*/
.ClientJourney {
	width: 100%;
	position: relative;
	padding: 90px 0 0;
}

.ClientJourney h2 {
	font-size: 42px;
	color: #232828;
	font-weight: 700;
	margin-bottom: 55px;
	text-align: center;
}

.ClientJourney h2 span {
	color: #177ac3;
}

.journeymap {
	width: 100%;
	background: url(https://kleitmensleepsolutions.com/wp-content/uploads/2025/04/journeymap.png) center top no-repeat;
	padding: 40px 0;
	background-size: cover;
}

/*=========== Hear from Our Valued Clients  Plans ==========*/
.valueclient {
	width: 100%;
	position: relative;
	padding: 90px 0 110px;
}

.valueclient h2 {
	font-size: 42px;
	color: #232828;
	font-weight: 700;
	margin-bottom: 55px;
	text-align: center;
}

.valueclient h2 span {
	color: #177ac3;
}

.valueclient .card {
	border-radius: 20px;
	background: #D6EAFB;
	box-shadow: 0px 7.11332px 16.00496px -1.77833px rgba(0, 0, 0, 0.11);
	border: 0px;
	padding: 30px;
	width: 90%;
	margin: 0 auto;
}

.valueclient h3 {
	margin-bottom: 20px;
	font-weight: 600;
	font-size: 20px;
	color: #177ac3;
}

.valueclient h4 {
	margin-bottom: 10px;
	font-weight: 600;
	padding-top: 5px;
}

.valueclient p {
	font-size: 15px;
	color: #177ac3;
	line-height: 27px;
	font-weight: 300;
}

.profile {
	position: relative;
	padding-left: 105px;
	margin-bottom: 15px;
	height: 75px;
}

.profile img {
	position: absolute;
	left: 0;
	top: 0;
	width: 80px;
	height: 80px;
}

.star-test {
	width: 100%;
	font-size: 18px;
	font-weight: 600;
	color: #177ac3;
}

.star-test span {
	margin-right: 2px;
}

.valueclient .slick-slide {
	margin: 55px 15px;
}

.valueclient .slick-slide.slick-current.slick-active.slick-center {
	margin: 0 15px 10px;
}

.valueclient .slick-slide.slick-current.slick-active.slick-center .card {
	padding: 70px 20px;
}

.valueclient .slick-slide.slick-current.slick-active.slick-center .card h3 {
	margin-bottom: 20px;
	font-weight: 700;
	font-size: 24px;
	color: #177ac3;
}

.valueclient .slick-slide.slick-current.slick-active.slick-center .card p {
	font-size: 16px;
	color: #177ac3;
	line-height: 27px;
	font-weight: 400;
}

/*=========== Sleep Apnea Diagnosis Plans ==========*/
.homeplan {
	width: 100%;
	padding: 50px 0;
	overflow: hidden;
	position: relative;
}

.homeplan:after {
	width: 100%;
	height: 600px;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 0;
	background: #D6EAFB;
	position: absolute;
}

.homeplan .container {
	position: relative;
	z-index: 9;
}

.homeplan h2 {
	font-size: 42px;
	color: #232828;
	font-weight: 700;
	margin-bottom: 75px;
	text-align: center;
}

.homeplan h2 span {
	color: #177ac3;
}

.homeplan h4 {
	font-size: 34px;
	color: #232828;
	font-weight: 700;
	margin-top: 70px;
	text-align: center;
	margin-bottom: 30px;
}

.homeplan h4 span {
	color: #177ac3;
}

.homeplan .card {
	border: 3px solid #177ac3;
	border-radius: 20px;
	padding: 15px 25px 5px;
	position: relative;
	overflow: hidden;
}

.homeplan .card.select {
	border: 2px solid #177ac3;
	background: #177ac3;
	border-radius: 20px;
	padding: 15px 25px;
}

.homeplan .card-header {
	background: transparent;
	border-bottom: 1px solid #ccc;
	text-align: center;
	padding: 25px 0 10px;
	z-index: 9;
	position: relative;
}

.homeplan .card-header h3 {
	font-size: 28px;
	color: #177ac3;
	font-weight: 600;
	margin-bottom: 15px;
}

.pricetag {
	color: #000;
	font-weight: 700;
	font-size: 28px;
	line-height: 42px;
	font-family: 'Quicksand', sans-serif;
}

.homeplan .card-body {
	padding: 20px 5px;
}

.homeplan .card-body ul {
	margin-left: 10px;
}

.homeplan .card-body li {
	font-size: 16px;
	line-height: 26px;
	margin-bottom: 15px;
	list-style: disc;
	font-weight: 300;
}

.homeplan .btn-more {
	border-radius: 10px;
	background: #D6EAFB;
	padding: 14px 30px 12px;
	color: #177ac3;
	font-size: 18px;
	font-weight: 700;
	width: 160px;
	margin: 25px auto 0;
	display: block;
}

.homeplan .btn-more:hover {
	background: #177ac3;
	color: #D6EAFB;
}

.homeplan .card.select:before {
	position: absolute;
	background: url(https://kleitmensleepsolutions.com/wp-content/uploads/2025/04/recbg.svg) center bottom no-repeat;
	width: 100%;
	height: 110px;
	left: 0;
	top: -15px;
	right: 0;
	content: '';
}

.homeplan .card.select .card-header .pricetag,
.homeplan .card.select .card-header h3 {
	color: #fff;
}

.title-reco {
	font-size: 28px;
	color: #fff;
	font-weight: 700;
	margin-bottom: 45px;
	padding: 10px 0 0;
	text-transform: uppercase;
	font-family: 'Quicksand', sans-serif;
}

.btn-call {
	border-radius: 10px;
	background: #177ac3;
	padding: 12px 30px 12px;
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	width: 45%;
	margin: 15px auto 0;
	display: block;
}

.btn-call:hover {
	background: #333;
	color: #fff;
}

.homeplan .card.select .card-body ul {

}

.homeplan .slick-slide {
	margin: 0 20px;
}

.homeplan .SlickActive .card-body li {
	font-size: 20px;
	line-height: 28px;
	margin-bottom: 15px;
	list-style: disc;
	font-weight: 400;
}

/*=========== Explore Our Sleep Apnea Health Solution ==========*/
.healthsolutioin {
	width: 100%;
	padding: 100px 0 90px;
	overflow: hidden;
}

.healthsolutioin .container {

}

.healthsolutioin h2 {
	font-size: 42px;
	color: #232828;
	font-weight: 700;
	margin-bottom: 55px;
	text-align: center;
}

.healthsolutioin h2 span {
	color: #177ac3;
}

.healthsolutioin .card {
	border-radius: 20px;
	border: 2px solid #177ac3;
	background: #FFF;
	box-shadow: 7.801px 5.20067px 5.20067px 0px rgba(0, 0, 0, 0.04);
	padding: 0px;
	margin: 15px 0;
}

.healthsolutioin .card-thumb {
	height: 180px;
	padding: 8.2% 20px 0;
	overflow: hidden;
}

.healthsolutioin .card-thumb img {
	width: 80%;
	height: auto;
}

.healthsolutioin .card-body {
	background: #D6EAFB;
	border-top: 2px solid #177ac3;
	border-radius: 0 0 20px 20px;
	padding-bottom: 10px;
}

.healthsolutioin h3 {
	font-size: 22px;
	color: #000;
	font-weight: 600;
	margin-bottom: 10px;
	line-height: 30px;
}

.healthsolutioin p {
	font-size: 16px;
	font-weight: 600;
	color: #696969;
	line-height: 24px;
	margin-bottom: 15px;
}

.healthsolutioin p span.rate__col {
	color: #fff;
	font-weight: 500;
	background: #177ac3;
	display: inline-block;
	padding: 2px 8px 1px;
	border-radius: 3px;
	margin-right: 5px;
}

.healthsolutioin p span.black-txt {
	display: inline-block;
}

.healthsolutioin p a {
	color: #fff;
	font-weight: 700;
	background: #177ac3;
	box-shadow: 0px 2.88496px 2.88496px 0px rgba(0, 0, 0, 0.08);
	display: inline-block;
	padding: 8px 15px;
	border-radius: 5px;
	width: 47%;
	text-align: center;
	margin: 0 2px;
	font-family: 'Quicksand', sans-serif;
}

.healthsolutioin p a:hover {
	background: #000;
	color: #fff;
}

.healthsolutioin .slick-slide {
	margin: 0 15px
}

.healthsolutioin .slick-list {
	padding-left: 0px !important;
}

.black-txt {
	color: #000 !important;
}

.mrp-txt {
	color: #AFB6BF;
	font-size: 17px;
	text-decoration: line-through;
	margin-right: 5px;
	display: inline-block;
}

.off-txt {
	color: #CC0C39;
	font-size: 17px;
	display: inline-block;
}

/*=========== Discover More Insights: Explore Our Blogs start ==========*/
.moreblog {
	width: 100%;
	padding: 35px 0 60px;
	overflow: hidden;
}

.moreblog .container {
	width: 94%;
	max-width: 100%;
	float: right;
	padding-right: 0;
}

.moreblog h2 {
	font-size: 36px;
	color: #232828;
	font-weight: 700;
	margin-bottom: 35px;
	text-align: center;
}

.moreblog h2 span {
	color: #177ac3;
}

.moreblog .card {
	border-radius: 20px;
	background: #D6EAFB;
	box-shadow: 0px 4px 9px 0px rgba(192, 189, 189, 0.23);
	border: 0px;
	padding: 0px;
	margin: 15px 0;
}

.moreblog .card-thumb {
	border-radius: 20px 20px 0 0;
	height: auto;
	overflow: hidden;
}

.moreblog h3 {
	font-size: 20px;
	color: #177ac3;
	font-weight: 600;
	margin-bottom: 15px;
	line-height: 30px;
}

.moreblog p {
	font-size: 16px;
	color: #696969;
	line-height: 24px;
	margin-bottom: 15px;
}

.moreblog p span {
	color: #177ac3;
	font-weight: 300;
}

.moreblog p a {
	float: right;
	color: #177ac3;
	font-weight: 700;
}

.moreblog .slick-slide {
	margin: 0 15px
}

.moreblog .slick-list {
	padding-left: 0px !important;
}

.assistenceFixed {
	background: #D6EAFB;
	width: 60px;
	position: fixed;
	right: 15px;
	bottom: 15px;
	padding: 5px 5px 0;
	border-radius: 45px;
	box-shadow: 0px 1px 4.4px 0px rgba(0, 0, 0, 0.25);
	z-index: 999;
}

.assistenceFixed a {
	display: inline-block;
	margin: 0 0 5px;
}

.assistenceFixed a svg {
	width: 50px;
	height: 50px;
}

/*=========== FOOTER CSS START ==========*/
footer {
	background: #1D2024;
	width: 100%;
	padding: 60px 0 10px;
}

.socialfooter {
	text-align: left;
}

.socialfooter a {
	display: inline-block;
	margin-left: 10px;
	font-size: 18px;
	width: 35px;
	height: 35px;
	background: #177ac3;
	border-radius: 35px;
	line-height: 40px;
	text-align: center;
	color: #000;
}

.socialfooter a:hover {
	background: #969696;
	color: #fff;
}

footer h2 {
	color: #fff;
	font-weight: 700;
	margin-bottom: 20px;
	font-size: 22px;
	position: relative;
	padding-bottom: 10px;
	text-transform: uppercase;
}

footer h2:before {
	width: 35px;
	height: 3px;
	background: #177ac3;
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
}

footer h3 {
	color: #fff;
	font-weight: 700;
	margin-top: 30px;
	font-size: 18px;
	padding-bottom: 10px;
}

footer h4 {
	color: #fff;
	font-weight: 700;
	margin-top: 30px;
	font-size: 18px;
	padding-bottom: 10px;
	text-transform: uppercase;
}

footer p {
	color: #ccc;
	line-height: 24px;
	padding: 8px 0
}

footer p a {
	color: #ccc;
	line-height: 24px;
	padding: 8px 0
}

footer p span.hours-txt {
	text-transform: uppercase;
}

footer p span.emcservice {
	display: block;
	border-top: 1px solid rgb(204 204 204 / 27%);
	border-bottom: 1px solid rgb(204 204 204 / 27%);
	padding: 15px 0;
}

footer li a {
	color: #ccc;
	display: inline-block;
	padding: 10px 0 10px 22px;
	background: url(https://kleitmensleepsolutions.com/wp-content/uploads/2025/04/arrow-right.svg) left 12px no-repeat;
}

footer li a:hover {
	color: #177ac3;
}

footer .foot-work {
	line-height: 26px;
	margin-bottom: 15px;
	color: #ccc;
	padding-left: 40px;
}

footer .foot-work a {
	color: #ccc;
}

footer .foot-work span {
	position: absolute;
	left: 0;
	top: 0;
	font-size: 22px;
	color: #177ac3;
}

footer .copyright {
	padding: 0 0 10px;
	font-size: 18px;
	margin-top: 30px;
	color: #fff;
}

footer .copytop {
	padding-top: 12px;
	padding-bottom: 10px;
}

/*=========== DEVICES CSS START ==========*/
.heroinner {
	width: 100%;
	position: relative;
	margin-top: 85px;
}

.heroinner .innerproduct {
	width: 100%;
	position: relative;
	background: url("https://kleitmensleepsolutions.com/wp-content/uploads/2025/04/innerbannerbg.png") center top no-repeat;
	background-size: cover;
}

.heroinner h1 {
	font-size: 80px;
	color: #fff;
	font-weight: 700;
	line-height: 80px;
	margin-bottom: 25px;
}

.heroinner h1 span {
	font-weight: 400;
	font-size: 55px;
}

.heroinner p {
	font-size: 40px;
	color: #fff;
	font-family: 'Quicksand', sans-serif;
}

.heroinner p span {
	display: inline-block;
	background: #fff;
	border-radius: 5px;
	padding: 6px 10px;
	color: #177ac3;
	line-height: 40px;
	font-weight: 600;
}

.heroleft {
	width: 60%;
	float: left;
	position: relative;
	padding: 10% 0 0 90px;
	height: 540px;
}

.heroleft:after {
	height: 540px;
	width: 140px;
	background: #fff;
	content: '';
	position: absolute;
	top: 0;
	right: -38px;
	bottom: 0;
	-webkit-clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 25%, 75% 0);
	clip-path: polygon(75px 0, 0 110%, 100% 100%, 80% 100%, 75% 0);
}

.heroright {
	width: 40%;
	background: #fff;
	height: 540px;
	float: left;
	padding: 6% 15px 0;
}

.devicewrap {
	width: 100%;
	padding: 50px 0 0;
}

.devicewrap .card {
	border-radius: 20px;
	border: 2px solid #177ac3;
	background: #FFF;
	box-shadow: 7.801px 5.20067px 5.20067px 0px rgba(0, 0, 0, 0.04);
	padding: 0px;
	margin: 15px 0;
}

.devicewrap .card-thumb {
	height: auto;
	padding: 15% 20px;
	overflow: hidden;
}

.devicewrap .card-thumb img {
	width: 80%;
	height: auto;    max-height: 160px;
    object-fit: contain;
}

.devicewrap .card-body {
	background: #D6EAFB;
	border-top: 2px solid #177ac3;
	border-radius: 0 0 20px 20px;
	padding-bottom: 10px;
	font-family: 'Quicksand', sans-serif;
}

.devicewrap h3 {
	font-size: 22px;
	color: #000;
	font-weight: 600;
	margin-bottom: 10px;
	line-height: 30px;
}

.devicewrap p {
	font-size: 16px;
	font-weight: 600;
	color: #696969;
	line-height: 24px;
	margin-bottom: 15px;
}

.devicewrap p span {
	color: #177ac3;
	font-weight: 300;
}

.devicewrap p span.rate__col {
	color: #fff;
	font-weight: 500;
	background: #177ac3;
	display: inline-block;
	padding: 2px 8px 1px;
	border-radius: 3px;
	margin-right: 5px;
}

.devicewrap p span.black-txt {
	font-weight: 600 !important;
	font-size: 18px;
}

.devicewrap p a {
	color: #fff;
	font-weight: 700;
	background: #177ac3;
	box-shadow: 0px 2.88496px 2.88496px 0px rgba(0, 0, 0, 0.08);
	display: inline-block;
	padding: 8px 15px;
	border-radius: 5px;
	width: 47%;
	text-align: center;
	margin: 0 2px;
	font-family: 'Quicksand', sans-serif;
	font-weight: 600;
}

.selectwrap {
	margin-bottom: 20px;
}

.selectwrap select.form-control:not([size]):not([multiple]) {
	color: #fff;
	font-family: 'Quicksand', sans-serif;
	height: 48px;
	border-radius: 8px;
	border: 0px;
	-webkit-appearance: none;
	-moz-appearance: none;
	text-indent: 1px;
	text-overflow: '';
	background: #177ac3 url(https://kleitmensleepsolutions.com/wp-content/uploads/2025/04/down-arrow.png) 90% 13px no-repeat;
	background-size: 20px;
}

.selectwrap select option {
	background: #177ac3;
	line-height: 22px;
	padding: 5px 0;
}

.selectwrap .form-control.w25 {
	width: 200px !important;
}

.devicebox {
	width: 100%;
	padding: 60px 0 0;
}

.devicebox h2 {
	font-size: 32px;
	color: #000;
	font-weight: 600;
	font-family: 'Quicksand', sans-serif;
	margin-bottom: 20px;
}

.devicebox h2 span {
	color: #177ac3;
}

.devicebox h3 {
	font-size: 24px;
	color: #000;
	font-weight: 600;
	font-family: 'Quicksand', sans-serif;
	margin-bottom: 20px;
}

.devicebox p {
	font-size: 16px;
	line-height: 26px;
	margin-bottom: 20px;
}

.devicebox ol {
	list-style: decimal;
	margin-left: 25px;
}

.devicebox li {
	font-size: 16px;
	line-height: 26px;
	margin-bottom: 10px;
}

.faqwrap {
	width: 100%;
	padding: 60px 0;
}

.faqwrap h2 {
	font-size: 32px;
	color: #000;
	font-weight: 600;
	font-family: 'Quicksand', sans-serif;
	margin-bottom: 20px;
}

.faqwrap h2 span {
	color: #177ac3;
}

.faqwrap .accordion .item {
	margin-bottom: 15px;
	border: 0px;
	border-radius: 8px;
	background: #D6EAFB;
	overflow: hidden;
}

.faqwrap .accordion .item .item-header h2 button.btn.btn-link {
	color: #177ac3;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.5;
	text-decoration: none;
	box-shadow: 0px 10.984px 10.984px 0px rgba(0, 0, 0, 0.04);
}

.faqwrap .accordion .item .item-header {
	border-bottom: none;
	background: transparent;
	padding: 0px;
}

.faqwrap .accordion .item .item-header h2 button {
	color: white;
	font-size: 20px;
	padding: 10px 20px;
	display: block;
	width: 100%;
	text-align: left;
	position: relative;
	font-weight: 700;
}

.faqwrap .accordion .item .item-header h2 i {
	float: right;
	font-size: 30px;
	color: #177ac3;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 14px;
	right: 18px;
}

.faqwrap .accordion .item .item-header h2 i img {
	width: 12px;
	height: auto;
}

.faqwrap button.btn.btn-link.collapsed i {
	transform: rotate(0deg);
}

.faqwrap button.btn.btn-link i {
	transform: rotate(90deg);
	transition: 0.5s;
}

.faqwrap .collapse {
	border-top: 0px;
}

.faqwrap .faq-txt {
	padding: 30px 20px 20px;
	line-height: 30px;
	color: #177ac3;
	font-size: 20px;
}

.productwrap {
	width: 100%;
	padding: 140px 0 0;
}

.productwrap .container {
	border-bottom: 1px solid #177ac3;
	padding-bottom: 60px
}

.rating {
	margin: 5px 0 25px;
	font-size: 18px;
	color: #101010;
}

.rating .fa {
	color: #177ac3;
	margin-left: 1px;
	display: inline-block;
}

.price__product {
	margin-bottom: 40px;
	margin-top: 40px;
}

.price-txt {
	font-size: 22px;
	font-weight: 600;
	color: #000;
	display: inline-block;
	margin-right: 5px;
}


/*USE CSS for Slider*/
.vehicle-detail-banner .car-slider-desc {
	max-width: 180px;
	margin: 0 auto;
}

.banner-slider .slider.slider-for {
	max-width: 90%;
	padding-left: 20px;
}

.banner-slider .slider.slider-nav {
	max-width: 10%;
}

.banner-slider .slider.slider-for,
.banner-slider .slider.slider-nav {
	width: 100%;
	float: left;
}

.banner-slider .slider.slider-nav {
	height: 380px;
	overflow: hidden;
}

.slider-banner-image {
	height: 460px;
}

.banner-slider .slider.slider-nav {
	padding: 0;
}

.vehicle-detail-banner .slider-nav .slick-slide.thumbnail-image .thumbImg {
	max-width: 178px;
	height: 68px;
	margin: 0 auto 10px;
	border: 1px solid #EBEBEB;
}

.slider-banner-image img,
.vehicle-detail-banner .slider-nav .slick-slide.thumbnail-image .thumbImg img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.vehicle-detail-banner .slick-vertical .slick-slide:active,
.vehicle-detail-banner .slick-vertical .slick-slide:focus,
.vehicle-detail-banner .slick-arrow:hover,
.vehicle-detail-banner .slick-arrow:focus {
	border: 0;
	outline: 0;
}

.vehicle-detail-banner .slider-nav .slick-slide.slick-current.thumbnail-image .thumbImg {
	border: 2px solid #196DB6;
}

.vehicle-detail-banner .slider-nav .slick-slide.slick-current span {
	color: #196DB6;
}

.vehicle-detail-banner .slider-nav .slick-slide {
	text-align: center;
}

.vehicle-detail-banner .slider-nav .slick-slide span {
	font-size: 14px;
	display: block;
	padding: 5px 0 15px;
}

.vehicle-detail-banner .slick-arrow {
	width: 100%;
	background-color: transparent;
	border: 0;
	background-position: center;
	background-repeat: no-repeat;
	font-size: 0;
	height: 18px;
	position: absolute;
	left: 0;
	right: 0;
	z-index: 99;
}

.vehicle-detail-banner .slick-prev {
	top: 0;
}

.vehicle-detail-banner .slick-next {
	bottom: 0;
	background-color: #fff;
}

.btn-now {
	border-radius: 50px;
	background: #177ac3;
	color: #fff;
	font-size: 16px;
	padding: 9px 15px;
	width: 100%;
	text-transform: uppercase;
	font-family: 'Quicksand', sans-serif;
	font-weight: 600;
}

.btn-now:hover {
	background: #177ac3;
}

.btn-now.dark-green {
	background: #177ac3;
}

.productdetail h2 {
	font-size: 28px;
	font-weight: 700;
	margin-bottom: 15px;
	color: #000;
}

.productdetail p {
	font-size: 14px;
	margin-bottom: 10px;
	color: #363636;
	line-height: 20px;
}

.productdetail p span {
	font-weight: 700;
}

/* Cart Page */
.cartwrap {
	width: 100%;
	padding: 40px 0 60px;
}

.cartwrap h1 {
	font-weight: 700;
	font-size: 32px;
	margin-bottom: 30px;
	color: #000;
}

.cartwrap h1 span {
	color: #177ac3;
}

.cartBox {
	border-radius: 20px;
	border: 1.355px solid #177ac3;
	background: #FFF;
	box-shadow: 5.286px 3.524px 3.524px 0px rgba(0, 0, 0, 0.04);
	padding: 25px 15px;
	position: relative;
	margin-bottom: 30px;
}

.cartBox .close {
	position: absolute;
	top: 20px;
	right: 25px;
	width: 25px;
	height: 25px;
	display: block;
	opacity: 1;
}

.cartBox h2 {
	font-size: 30px;
	color: #000;
	font-weight: 600;
	margin-bottom: 20px;
}

.star {
	font-size: 22px;
	color: #177ac3;
}

.star .black-txt {
	margin-left: 10px;
}

/* About Us */
.abouthero {
	width: 100%;
	padding: 115px 0;
	background: url("https://kleitmensleepsolutions.com/wp-content/uploads/2025/04/man-sleeping-comfortable-bed.png") center top no-repeat;
	background-size: cover;
	margin-top: 85px;
	position:relative;
}
.abouthero:before {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	left: 0;
	background: rgb(23 122 195 / 60%);
}
.abouthero h1 {
	color: #fff;
	font-weight: 700;
	font-size: 72px;
	text-align: center;
	line-height: 80px;
	position:relative;
}

.aboutwrap {
	width: 100%;
	padding: 0;
}

.aboutwrap .container {
	background: url(https://kleitmensleepsolutions.com/wp-content/uploads/2025/04/journeymap.png) center top no-repeat;
	padding: 40px 0;
	background-size: cover;
	text-align: center;
	border-radius: 0 0 20px 20px;
}

.aboutwrap h2 {
	font-size: 36px;
	color: #232828;
	font-weight: 700;
	margin-bottom: 35px;
	text-align: center;
}

.aboutwrap h2 span {
	color: #177ac3;
	display: block;
}

.aboutwrap p {
	font-size: 24px;
	line-height: 32px;
	padding: 0 50px;
	color: #000;
	font-weight: 300;
}

.aboutpage {
	width: 100%;
	padding: 0;
	margin-top: 60px;
}

.aboutpage .container {
	background: url(https://kleitmensleepsolutions.com/wp-content/uploads/2025/04/journeymap.png) center top no-repeat;
	padding: 40px 50px;
	background-size: cover;
	border-radius: 20px;
}

.aboutpage p {
	font-size: 26px;
	line-height: 42px;
	font-weight: 300;
}

.whatweoffer {
	width: 100%;
	padding: 45px 0 0;
}

.whatweoffer h2 {
	font-size: 36px;
	color: #232828;
	font-weight: 700;
	margin-bottom: 35px;
	text-align: center;
}

.whatweoffer h2 span {
	color: #177ac3;
	display: inline-block;
}

.whatweoffer p {
	font-size: 20px;
	line-height: 32px;
	padding: 0 0 25px;
	color: #000;
	font-weight: 300;
}

.whatweoffer p span {
	font-weight: 600;
}

.MeetVisionary {
	padding: 45px 0;
	width: 100%;
}

.MeetVisionary .container {
	background: url(https://kleitmensleepsolutions.com/wp-content/uploads/2025/04/innerbannerbg.png) center top no-repeat;
	padding: 40px 50px;
	background-size: cover;
	border-radius: 20px;
}

.meetprofile {
	width: 100%;
	border-radius: 20px;
	height: 280px;
	background: #D6EAFB;
	overflow: hidden;
	margin-bottom: 15px;
}

.MeetVisionary h2 {
	background: #177ac3;
	border-radius: 7px;
	margin-bottom: 15px;
	color: #fff;
	font-weight: 700;
	padding: 15px 5px;
	font-size: 26px;
}

.MeetVisionary h4 {
	margin-bottom: 10px;
	color: #fff;
	font-weight: 600;
	font-size: 24px;
}

.MeetVisionary h5 {
	margin-bottom: 10px;
	color: #fff;
	font-size: 18px;
}

.MeetVisionary p {
	color: #fff;
	font-size: 20px;
	line-height: 30px;
	margin-top: 80px;
	font-weight: 300;
}

.aboutpage .container img {
	width: 100%;
	height: auto;
}

/* Contact Us */
.contactbanner {
	width: 100%;
	padding: 155px 0;
	background: url(https://kleitmensleepsolutions.com/wp-content/uploads/2025/04/143725.jpg) center top no-repeat;
	background-size: cover;
	margin-top: 85px;
	position: relative;
}

.contactbanner h1 {
	color: #fff;
	font-weight: 700;
	font-size: 72px;
	text-align: center;
	line-height: 80px;
	position: relative;
}
section.contactbanner:before {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	left: 0;
	background: #177ac37a;
}
.contactbx {
	padding: 45px 0;
	width: 100%;
}

.contactbx .container {
	background: #177ac3;
	padding: 40px 50px;
	background-size: cover;
	border-radius: 20px;
}

.contactbx h2 {
	color: #fff;
	font-size: 42px;
	font-weight: 700;
	margin-bottom: 30px;
	padding-bottom: 25px;
	position: relative;
	line-height: 55px;
}

.contactbx h2:after {
	width: 250px;
	height: 3px;
	background: #fff;
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
}

.contactbx h3 {
	color: #fff;
	font-size: 32px;
	font-weight: 700;
	margin-bottom: 20px;
}

.contactbx p {
	color: #fff;
	font-size: 24px;
	line-height: 38px;
	font-weight: 300;
}

.contactbx .form-control {
	border-radius: 15px;
	border: 1px solid #177ac3;
	background: rgba(255, 255, 255, 0.83);
	box-shadow: 0px 4.386px 10.964px 0px rgba(0, 0, 0, 0.19);
	height: 55px;
	color: #34C8A7;
}

.contactbx .form-control.message {
	height: 100px;
}

.contactbx input::placeholder {
	color: #34C8A7;
	opacity: 1;
	/* Firefox */
}

.contactbx input::-ms-input-placeholder {
	color: #34C8A7;
}

.contactbx .btn-submit {
	border-radius: 15px;
	background: #fff;
	color: #177ac3;
	font-size: 18px;
	padding: 12px 35px;
	font-family: 'Quicksand', sans-serif;
	font-weight: 600;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.contactbx .btn-submit:hover {
	background: #177ac3;
	color: #fff;
}

.goodNight {
	width: 100%;
	padding: 0 0 60px;
}

.goodNight h2 {
	font-size: 36px;
	color: #000;
	font-weight: 700;
	margin-bottom: 20px;
}

.goodNight h2 span {
	color: #177ac3;
}

.goodNight p {
	color: #363636;
	font-size: 20px;
	line-height: 30px;
	margin-bottom: 25px;
}

/* Blog Page */
.blog-banner {
	width: 100%;
	position: relative;
	margin-top: 85px;
}

.blog-banner .blog-slide {
	background: url(https://kleitmensleepsolutions.com/wp-content/uploads/2025/04/blog-banner.png) center top no-repeat;
	padding: 260px 0 70px;
	background-size: cover;
}

.blog-banner h2 {
	color: #fff;
	font-size: 46px;
	font-weight: 700;
	line-height: 60px;
	margin-bottom: 20px;
}

.blog-banner p {
	font-size: 17px;
	color: #E5E5E5;
	line-height: 26px;
	padding-left: 170px;
	position: relative;
}

.blog-banner p span {
	position: absolute;
	left: 0;
	top: 0;
}

.blog-banner p:before {
	width: 45px;
	background: #E5E5E5;
	height: 4px;
	position: absolute;
	left: 100px;
	top: 7px;
	content: '';
}

.blog-banner .slick-dots {
	bottom: 30px;
}

.PopularTopics {
	width: 100%;
	padding: 50px 0 30px;
}

.PopularTopics h2 {
	font-size: 36px;
	color: #000;
	font-weight: 700;
	margin-bottom: 20px;
}

.PopularTopics h2 span {
	color: #177ac3;
}

.PopularTopics .card {
	border: 0px;
	background: #D6EAFB;
	padding: 0px;
	border-radius: 6px;
	margin-bottom: 30px;
}

.PopularTopics .card-thumb {
	padding: 0px;
	border-radius: 6px 6px 0 0;
	overflow: hidden;
}

.PopularTopics h3 {
	font-size: 18px;
	color: #495057;
	font-weight: 700;
	line-height: 26px;
	margin-bottom: 10px;
}

.PopularTopics h3 a {
	font-size: 18px;
	color: #495057;
	font-weight: 700;
	line-height: 26px;
	margin-bottom: 10px;
	display: inline-block;
}

.PopularTopics p {
	font-size: 15px;
	color: #6C757D;
	line-height: 22px;
	margin-bottom: 15px;
	font-weight: 300;
}

.date-txt {
	font-size: 14px;
	color: #6C757D;
	line-height: 22px;
	margin-bottom: 7px;
	font-weight: 400;
}

.journal-title {
	border-top: 1px solid #177ac3;
	padding: 15px 0 0;
	font-size: 16px;
}

.journal-title span {
	display: block;
	font-weight: 300;
	margin-top: 3px;
}

.blogdetail {
	width: 100%;
	padding: 40px 0;
}

.blogdetail p {
	font-size: 16px;
	color: #6C757D;
	line-height: 30px;
	margin-bottom: 25px;
	font-weight: 400;
}

.blogProfile {
	padding: 20px 0 0 85px;
	border-top: 1px solid #eee;
	position: relative;
}

.blogProfile span {
	display: block;
	margin-top: 6px;
	font-weight: 300;
}

.blogProfile img {
	position: absolute;
	left: 0;
	top: 10px;
	width: 70px;
	height: 70px;
}

/* Sign In Page */
.signinwrap {
	width: 100%;
	position: relative;
}

.signLeft {
	width: 50%;
	float: left;
	position: relative;
}

.signLeft .logo {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 30px;
	width: 300px;
	margin: 0 auto;
}

.signLeft .logo img {
	width: 100%;
	height: auto;
}

.signRight {
	width: 50%;
	float: left;
	padding: 6% 150px 20px;
}

.signRight h2 {
	font-size: 24px;
	color: #000;
	margin-bottom: 45px;
	font-weight: 600;
}

.signRight .form-group {
	margin-bottom: 40px;
}

.signRight label {
	margin: 0px;
}

.signRight .form-control {
	border: 0px;
	box-shadow: inherit;
	padding: 0;
	color: #333333;
	height: 44px;
	border-bottom: 1px solid #C4C4C4;
	border-radius: 0px;
}

.signRight .custom-control-label {
	vertical-align: -4px;
}

.signRight .custom-control a {
	color: #177ac3;
}

.signRight .btn-submit {
	background: #177ac3;
	color: #fff;
	border-radius: 15px;
	padding: 10px 15px 12px;
	width: 100%;
	font-size: 20px;
	font-family: 'Quicksand', sans-serif;
	font-weight: 600;
}

.signRight .btn-submit:hover {
	background: #177ac3;
	color: #fff;
}

.sign-txt {
	color: #333333;
	font-size: 16px;
}

.sign-txt a {
	color: #177ac3;
}

.signRight .checked {
	position: absolute;
	top: 26px;
	right: 0;
}

.signRight .checked img {
	width: 20px;
	height: auto;
}

/* Services page */
.SleepStudy {
	width: 100%;
	padding: 80px 0 30px;
	text-align: center;
}

.SleepStudy h2 {
	font-size: 36px;
	color: #000;
	font-weight: 700;
	margin-bottom: 30px;
}

.SleepStudy h2 span {
	color: #177ac3;
}

.SleepStudy p {
	font-size: 20px;
	color: #6C757D;
	line-height: 28px;
	margin-bottom: 10px;
	font-weight: 400;
}

.BenefitStudy {
	width: 100%;
	background: url(https://kleitmensleepsolutions.com/wp-content/uploads/2025/04/journeymap.png) center top no-repeat;
	padding: 60px 0;
	background-size: cover;
	margin-top: 90px
}

.BenefitStudy h2 {
	font-size: 36px;
	color: #000;
	font-weight: 700;
	margin-bottom: 30px;
}

.BenefitStudy h2 span {
	color: #177ac3;
}

.BenefitStudy p {
	font-size: 22px;
	color: #000;
	margin-bottom: 35px;
}

.BenefitStudy .card {
	position: relative;
	background: #D6EAFB;
	border-radius: 15px;
	border: 0px;
	height: 85px;
	padding: 15px 5px 10px 155px;
	text-align: left;
	font-size: 27px;
	color: #177ac3;
	line-height: 28px;
	margin: 15px 0;
}

.BenefitStudy .card img {
	position: absolute;
	left: 52px;
	top: 8px;
	width: auto;
	height: 62px;
}

.SymptomsHealthRisks {
	background: #D6EAFB;
	width: 100%;
	padding: 60px 0;
	margin-top: 30px
}

.SymptomsHealthRisks h3 {
	font-size: 26px;
	color: #177ac3;
	font-weight: 700;
	position: relative;
	padding-bottom: 10px;
	margin-bottom: 15px;
}

.SymptomsHealthRisks h3:before {
	background: #177ac3;
	width: 85px;
	height: 3px;
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
}

.SymptomsHealthRisks p {
	color: #232828;
	font-family: 'Quicksand', sans-serif;
	padding: 15px 0 15px 40px;
	position: relative;
	font-size: 20px;
}

.SymptomsHealthRisks p img {
	width: auto;
	height: 22px;
	position: absolute;
	left: 0;
	right: 0;
}

.PartnerFrequently {
	width: 100%;
	padding: 80px 0 0;
}

.PartnerFrequently h2 {
	font-size: 36px;
	color: #000;
	font-weight: 700;
	margin-bottom: 30px;
	text-align: center;
	line-height: 50px;
}

.PartnerFrequently h2 span {
	color: #177ac3;
}

.partnerform {
	background: url(https://kleitmensleepsolutions.com/wp-content/uploads/2025/04/innerbannerbg.png) center top no-repeat;
	padding: 50px 0;
	background-size: cover;
}

.partnerform h3 {
	background: #177ac3;
	color: #fff;
	font-size: 26px;
	font-weight: 600;
	padding: 10px 20px;
	width: auto;
	display: inline-block;
	border-radius: 8px;
	margin-bottom: 20px;
}

.partnerform .form-control {
	border-radius: 10px;
	border: 0px solid #177ac3;
	background: rgba(255, 255, 255, 0.83);
	box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.19);
	height: 50px;
	color: rgba(52, 200, 167, 0.41);
}

.partnerform .card {
	border-radius: 10px;
	border: 0px solid #177ac3;
	background: rgba(255, 255, 255, 0.83);
	box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.19);
	margin: 15px 0;
}

.partnerform .card li {
	float: left;
	height: 60px;
}

.partnerform .card li:first-child {
	width: 50px;
	border-right: 1px solid #177ac3;
	box-shadow: 2px 0px 4px 0px rgba(27, 153, 124, 0.50);
	background: #fff;
	border-radius: 10px 0 0 10px;
	text-align: center;
	line-height: 60px;
}

.partnerform .card li:nth-child(2) {
	padding: 22px 0 0 20px;
	color: #177ac3;
	font-size: 16px;
	word-break: break-all;
	width: 70%;
	line-height: 22px;
}

.partnerform .card li:last-child {
	width: 140px;
	float: right;
	padding: 9px 0 0;
}
.partnerform .card li img {
	height: 32px;
	width: 17px;
	object-fit: cover;
}
.partnerform .card li.pt15 {
	padding-top: 10px;
}

.partnerform .btn-submit {
	border-radius: 10px;
	background: #FFF;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	padding: 10px 40px;
	font-size: 22px;
	margin-top: 25px;
	width: 280px;
	display: inline-block;
	color: #177ac3;
}

.partnerform .btn-submit:hover {
	background: #177ac3;
	color: #fff;
}

.switch-field {
	display: flex;
}

.switch-field input {
	position: absolute !important;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	width: 1px;
	border: 0;
	overflow: hidden;
}

.switch-field label {
	background-color: #fff;
	color: rgba(0, 0, 0, 0.6);
	font-size: 14px;
	line-height: 17px;
	text-align: center;
	padding: 13px 16px 3px;
	margin-right: 0;
	transition: all 0.1s ease-in-out;
	height: 42px;
	margin: 0px;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
	border-radius: 10px;
}

.switch-field label:hover {
	cursor: pointer;
}

.switch-field input:checked+label {
	background: #177ac3;
	color: #fff;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.switch-field label:first-of-type {
	border-radius: 10px;
	margin: 0 15px;
}

.switch-field label:last-of-type {
	border-radius: 10px;
}

/* Review */
.customerReviews {
	padding: 0 0 60px;
	width: 100%;
}

.customerReviews h2 {
	font-size: 45px;
	color: #232828;
	font-weight: 700;
	margin-bottom: 55px;
}

.customerReviews h2 span {
	color: #177ac3;
}

.product__rating {
	margin-bottom: 45px;
	font-family: 'Quicksand', sans-serif;
}

.product__rating .card-body {
	border-radius: 15px;
	border: 1px solid #177ac3;
	padding: 70px 0;
}

.product__rating .card-body h3 {
	color: #177ac3;
	font-size: 75px;
	line-height: 75px;
	font-weight: 600;
	margin-bottom: 15px;
}

.product__rating .card-body p {
	color: #177ac3;
	font-size: 18px;
}

.rating__avarge {
	border-radius: 15px;
	border: 1px solid #177ac3;
	padding: 20px 30px;
}

.rating__avarge li {
	padding: 16px 0;
}

.progress {
	display: inline-block;
	width: 77%;
	height: 10px;
	margin-right: 15px;
}

.progress-bar {
	background: #177ac3;
	height: 10px;
}

.rating__persent {
	font-size: 18px;
	color: #177ac3;
	display: inline-block;
	width: 40px
}

.rating__star {
	display: inline-block;
	color: #177ac3;
	font-size: 16px;
	margin-left: 15px;
}

.more-review {
	width: 100%;
	padding: 45px 0 0
}

.more-review a {
	display: inline-block;
	font-size: 18px;
	color: #177ac3;
	font-weight: 600;
	text-decoration: underline;
}

.userFeedback {
	width: 100%;
}

.userFeedback li {
	position: relative;
	padding: 35px 0 35px 105px;
	border-bottom: 1px solid #177ac3;
}

.userFeedback li h3 {
	font-size: 24px;
	color: #177ac3;
	font-weight: 600;
	margin-bottom: 8px;
}

.userFeedback li h4 {
	font-size: 18px;
	color: #000;
	font-weight: 700;
	margin-bottom: 15px;
}

.userFeedback li .rating {
	margin-bottom: 15px;
}

.User-profile {
	width: 75px;
	height: 75px;
	border-radius: 50%;
	background: #177ac3;
	text-align: center;
	color: #fff;
	font-size: 28px;
	font-weight: 300;
	line-height: 75px;
	position: absolute;
	left: 0;
	top: 40px;
}

.userFeedback li p {
	color: #667085;
	font-size: 18px;
	font-weight: 400;
	line-height: 32px;
}

.price__details {
	border-radius: 20px;
	background: #D6EAFB;
	box-shadow: 0px 7.072px 7.072px 0px rgba(0, 0, 0, 0.05);
	padding: 20px;
}

.price__details h4 {
	color: #333;
	font-size: 24px;
	font-weight: 700;
	line-height: normal;
	padding-bottom: 15px;
	border-bottom: 1px solid #177ac3;
}

.price__details label {
	color: #000;
	font-size: 15px;
	font-weight: 400;
	font-family: 'Quicksand', sans-serif;
}

.PriceShow {
	width: 100%;
	margin: 0;
	font-family: 'Quicksand', sans-serif;
}

.PriceShow li {
	float: left;
	width: 50%;
	color: #000;
	font-size: 16px;
	padding: 10px 0;
}

.PriceShow li:last-child {
	text-align: right;
}

.PriceShow.totalprice {
	border-top: 1px dashed #177ac3;
	padding: 10px 0 0;
}

.makepayment {
	width: 100%;
	padding: 35px 0 0;
}

.makepayment a {
	border-radius: 10px;
	background: #177ac3;
	padding: 18px 10px;
	width: 100%;
	display: block;
	color: #fff;
	font-size: 22px;
	text-align: center;
	font-family: 'Quicksand', sans-serif;
	font-weight: 600
}

.makepayment a:hover {
	background: #177ac3;
}

/* Checkout Page */
.checkoutwrap {
	width: 100%;
	padding: 130px 0 50px
}

.Status__cart {
	position: relative;
	margin-bottom: 80px;
	background: #D6EAFB;
	border-radius: 15px;
	padding: 10px 20px;
}

.Status__cart li {
	position: relative;
	float: left;
	width: 25%;
	text-align: center;
}

.Status__cart li span.check {
	background: #BDBDBD;
	border-radius: 50%;
	width: 25px;
	height: 25px;
	color: #D6EAFB;
	font-size: 15px;
	line-height: 24px;
	padding-top: 3px;
	display: inline-block;
	position: relative;
	z-index: 99;
	text-align: center;
}

/*.Status__cart li:last-child{ text-align: right;}*/
.Status__cart li:after {
	width: 100%;
	height: 4px;
	background: #BDBDBD;
	position: absolute;
	left: auto;
	right: 0;
	top: 11.1px;
	content: '';
	z-index: 0;
}

.Status__cart li:first-child:after {
	width: 50%;
}

.Status__cart li:last-child:after {
	right: auto;
	left: 0;
	width: 50%;
}

/*.Status__cart li:last-ch:;ild:after{ display: none;}*/
.Status__cart li .cart-txt {
	position: absolute;
	left: 0;
	right: 0;
	bottom: -45px;
	font-size: 16px;
	color: #000;
	font-family: 'Quicksand', sans-serif;
	font-weight: 500;
}

.Status__cart li.active:after,
.Status__cart li.active span.check {
	background: #177ac3;
}

.checkout__data h2 {
	color: #333;
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 15px;
}

.checkout__data label {
	font-size: 16px;
	color: #333;
	margin-bottom: 10px;
	font-family: 'Quicksand', sans-serif;
	font-weight: 600;
}

.checkout__data .form-control {
	border: 2px solid #E0E0E0;
	border-radius: 15px;
	font-size: 16px;
	color: #333;
	height: 54px;
	font-family: 'Quicksand', sans-serif;
}

.checkout__data select.form-control:not([size]):not([multiple]) {
	height: 54px;
}

.custom-control label {
	margin: 5px 0 0px;
}

.custom-radio .custom-control-input:checked~.custom-control-label::before {
	background-color: #177ac3;
}

.cardProduct {
	border-bottom: 1px solid #177ac3;
	padding: 0 0 15px;
	margin-bottom: 20px;
}

.cardProduct h4 {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 15px;
	line-height: 28px;
}

.cardProduct p {
	font-size: 16px;
	margin-bottom: 10px;
	line-height: 22px;
}

.productcard {
	background: #fff;
	border-radius: 5px;
	padding: 8px;
}

.checkoutPayment {
	border-radius: 15px;
	background: #D6EAFB;
	box-shadow: 0px 7.072px 7.072px 0px rgba(0, 0, 0, 0.05);
	margin-bottom: 15px;
	padding: 15px;
}

.custom-control {
	margin-bottom: 10px;
}

.custom-control-label::before {
	top: .40rem;
}

.custom-control-label::after {
	top: .38rem;
}

.checkoutwrap .makepayment {
	padding: 8px 0 0;
}

/* Payment */
.payment__card {
	width: 60%;
	position: relative;
	padding-left: 50px;
}

.cartDetail {
	width: 100%;
	margin-bottom: 30px;
}

.card-pic {
	margin-bottom: 25px;
}

.card-pic img {
	border-radius: 6px;
}

.CardShow {
	margin-bottom: 25px;
	position: relative;
	border-top: 1px solid #555;
	padding-top: 30px;
}

.CardShow.nopadmar {
	border: 0;
	padding: 0;
}

.upi__data {
	padding: 0;
}

.upi__data p {
	font-size: 16px;
	color: #333;
	padding-bottom: 15px;
	font-family: 'Quicksand', sans-serif;
}

.upi__data li {
	display: inline-block;
	margin-right: 15px;
}

.upi__data img {
	margin-top: 20px;
}

/* Order */
.order__successfull {
	padding: 130px 0 50px;
}

.order__successfull h2 {
	color: #177ac3;
	font-size: 42px;
	font-weight: 700;
	margin: 35px 0 45px;
	text-align: center;
}

.nobdr {
	border: 0px !important;
}

.address_order {
	border-radius: 15px;
	background: #D6EAFB;
	box-shadow: 0px 7.072px 7.072px 0px rgba(0, 0, 0, 0.05);
	margin-bottom: 15px;
	padding: 25px 20px 15px 25px;
	margin-top: 35px;
}

.address_order .card-address {
	border-right: 1px solid #177ac3;
}

.address_order h3 {
	font-size: 20px;
	color: #383838;
	font-weight: 600;
	margin-bottom: 10px;
}

.address_order p {
	font-size: 16px;
	color: #383838;
	margin-bottom: 5px;
	line-height: 26px;
}

.address_order p span {
	font-weight: 600;
}

.no_order {
	width: 100%;
	padding: 130px 0 50px;
	font-family: 'Quicksand', sans-serif;
}

.no_order h2 {
	color: #1E2022;
	font-size: 32px;
	margin-bottom: 20px;
	font-weight: 700;
}

.no_order p {
	font-size: 20px;
	color: #383838;
	margin-bottom: 35px;
	line-height: 26px;
}

.write__review {
	width: 100%;
	padding: 130px 0 50px;
}

.write__review h2 {
	font-size: 35px;
	color: #232828;
	font-weight: 700;
	margin-bottom: 40px;
}

.write__review h2 span {
	color: #177ac3;
}

.write__review h6 {
	font-size: 22px;
	color: #101010;
	margin: 0 0 15px;
}

.write-rating {
	margin-bottom: 40px;
}

.write-rating a {
	font-size: 26px;
	color: #BDBDBD;
	margin-right: 5px;
}

.write__review .form-control {
	height: 56px;
	background: #D6EAFB;
	border-radius: 10px;
	font-size: 18px;
	font-weight: 500;
	border: 0;
}

.write__review .form-control.message {
	height: 150px;
}

.review-add {
	margin: 45px 0 20px;
}

.write__review .makepayment a {
	display: inline-block;
	width: auto;
	padding: 15px 45px 10px;
	font-size: 18px;
	border-radius: 5px;
}

.track__order {
	width: 100%;
	padding: 130px 0 50px;
}

.track__order h2 {
	font-size: 35px;
	color: #232828;
	font-weight: 700;
	margin-bottom: 40px;
}

.track__order h2 span {
	color: #177ac3;
}

.track__status {
	padding: 40px 0;
}

.track__status li {
	width: 23%;
	float: left;
	position: relative;
}

.track__status li h4 {
	font-size: 16px;
	color: #000;
	font-weight: 600;
	margin: 10px 0;
}

.track__status li p {
	color: #828282;
	font-size: 15px;
	line-height: 22px;
}

.track__status li .check {
	border-radius: 50%;
	z-index: 1;
	width: 30px;
	height: 30px;
	text-align: center;
	color: #fff;
	background: #BDBDBD;
	border: 3px solid #fff;
	line-height: 28px;
	font-size: 14px;
}

.track__status li:first-child {
	text-align: left;
	width: 31%
}

.track__status li:last-child {
	text-align: right;
}

.track__status li:last-child .check {
	float: right;
}

.track__status li:after {
	width: 100%;
	height: 6px;
	background: #BDBDBD;
	left: 0;
	top: 12px;
	position: absolute;
	content: '';
	z-index: -1
}

.track__status li.active:after {
	background: #177ac3;
}

.track__status li.active .check {
	background: #177ac3;
}

.rent-price {
	margin-bottom: 10px;
}

.rent-price h6 {
	font-size: 16px;
	color: #AFB6BF;
	margin-bottom: 10px;
	font-weight: 500
}

.rent-price p {
	font-size: 22px;
	color: #000;
	font-weight: 500
}

.rent-price p span {
	font-size: 16px;
	font-weight: 400;
	color: #000;
}

.rent__price {
	width: 100%;
	margin-bottom: 30px;
}

.rent__price li {
	padding: 8px 0;
	width: 100%;
	font-size: 18px;
	color: #333;
	font-weight: 700;
	font-family: 'Quicksand', sans-serif;
}

.rent__price li span {
	display: inline-block;
	width: 52%
}

.rent__price li:last-child {
	border-top: 2px dashed #000;
	margin-top: 8px;
	padding-top: 20px;
	color: #000;
	font-weight: 800;
}

.YourScore {
	width: 100%;
	padding: 55px 0;
	background: url(https://kleitmensleepsolutions.com/wp-content/uploads/2025/04/journeymap.png) center top no-repeat;
}

.YourScore h2 {
	margin-bottom: 40px;
}

.YourScore h2 span {
	display: inline-block;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	color: #F9FDFC;
	font-family: 'Quicksand', sans-serif;
	font-size: 26px;
	font-style: normal;
	font-weight: 700;
	line-height: 25px;
	/* 80.645% */
	background: #177ac3;
	border-radius: 20px;
	padding: 15px 30px;
}

.YourScore .SorceDetail li {
	padding: 20px 0;
	position: relative;
	color: #177ac3;
	font-size: 18px;
	font-weight: 500;
}

.YourScore .SorceDetail li span {
	display: inline-block;
}

.YourScore .SorceDetail li span.firstol {
	display: inline-block;
	width: 45%;
}

.YourScore .scoreb {
	border: 2px solid #177ac3;
	border-radius: 20px;
	padding: 35px 25px 45px;
}

.YourScore .scoreb ul {
	width: 100%;
	margin-bottom: 15px;
}

.YourScore .scoreb li {
	float: left;
	width: 33.33%;
	text-align: center;
	font-size: 18px;
	color: #177ac3;
	font-weight: 500;
}



.scoreLine {
	width: 100%;
	border-radius: 15px;
	border: 2px solid #fff;
	background: url(https://kleitmensleepsolutions.com/wp-content/uploads/2025/04/scoreline.png) left top no-repeat;
	height: 70px;
	position: relative
}

.scoreLine .pointer {
	position: absolute;
	left: 0;
	right: 0;
	width: 30px;
	height: auto;
	margin: 0 auto;
	top: 55px;
}

.YourScore .btn {
	display: inline-block;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	color: #F9FDFC;
	font-family: 'Quicksand', sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 25px;
	/* 80.645% */
	background: #177ac3;
	border-radius: 10px;
	padding: 10px 30px;
}

.pro-rent .makepayment {
	width: 100%;
}

.pro-rent .makepayment a {
	border-radius: 45px;
	text-transform: uppercase;
	font-size: 18px;
}

.pro-rent .rating {
	margin-top: 25px;
}

.order__successfull .cardProduct h4 {
	font-size: 20px;
	margin-bottom: 25px;
	font-weight: 700;
}

.order__successfull .cardProduct p {
	font-size: 22px;
	margin-bottom: 25px;
}

.order__successfull .productcard {
	width: 100%;
	padding: 12px 10px
}

.order__successfull .productcard img {
	width: 80%;
	margin-left: 10%;
}

.track__order .cardProduct h4 {
	font-size: 24px;
	margin: 25px 0 25px;
	font-weight: 700;
}

.track__order .cardProduct p {
	font-size: 22px;
	margin-bottom: 30px;
}

.track__order .productcard {
	width: 100%;
	padding: 12px 10px
}

.track__order .productcard img {
	width: 80%;
	margin-left: 10%;
}

.custom-section {
	color: #374151;
	font-family: 'Inter', sans-serif;
	min-height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	margin-top: 5rem;
}

.custom-heading {
	font-size: 2.25rem;
	font-weight: 700;
	margin-top: 1.5rem;
	margin-bottom: 1.25rem;
	text-align: center;
}

.custom-container {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 2rem;
	padding-right: 2rem;
	padding-top: 2rem;
	padding-bottom: 2rem;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1.25rem;
	align-items: center;
}

.custom-image {
	width: 100%;
	margin-bottom: 2.5rem;
}

.custom-image-inner {
	object-fit: cover;
	object-position: center;
	border-radius: 0.375rem;
	box-shadow: 0 0 0.625rem rgba(0, 0, 0, 0.1);
}

.custom-content {
	border-right: 1px solid #d1d5db;
	height: 100%;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	padding: 2rem;
}

.custom-subheading {
	font-size: 1.5rem;
	font-weight: 600;
	margin-bottom: 1rem;
}

.custom-form {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	width: 100%;
}

.custom-input {
	flex: 1;
	height: 2.5rem;
	width: 100%;
	border-radius: 0.375rem;
	border: 1px solid #d1d5db;
	background-color: #f3f4f6;
	padding: 0.75rem;
	font-size: 0.875rem;
	outline: none;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.custom-select {
	flex: 1;
	height: 2.5rem;
	width: 100%;
	border-radius: 0.375rem;
	border: 1px solid #d1d5db;
	background-color: #f3f4f6;
	padding: 0.75rem;
	font-size: 0.875rem;
	outline: none;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.custom-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	white-space: nowrap;
	border-radius: 0.375rem;
	font-size: 0.875rem;
	font-weight: 500;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
	height: 2.5rem;
	padding: 0.5rem 1rem;
	width: 100%;
	background-color: #177ac3;
	color: #ffffff;
	cursor: pointer;
	border: none;
}

.custom-button:hover {
	background-color: #007bff;
	color: #ffffff;
}

/* =====================pop up form
======================================= */

.bg-primary {
	background-color: #007bff !important;
}

.modal-body {
	padding: 0;
}


.btn-close {
	position: absolute;
	right: 0;
	padding: 1em;
	background-color: #007bff !important;
}
.form-area h1 {
	font-size: 2.3em;
	font-weight: bold;
}
.form-area {
	padding: 3em;
	max-width: 100%;
	color: #fff;
	box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.5);
}

.form-control {
	background-color: inherit;
	color: #fff;
	padding-left: 0;
	border: 1px solid #fff;
	border-radius: 0;
}
.form-area .btn {
	width: 100%;
	font-weight: 800;
	background-color: #fff;
	padding: 0.5em 0;
	border-radius: 50px;
}
.btn.btn-primary {
	padding: 15px 50px;
	font-family: alfa slab one;
	font-size: 20px;
	letter-spacing: 2px;
	border-radius: 50px;
}
.form-area .btn:hover {
	background-color: inherit;
	color: #fff;
	border-color: #fff;
}
.form-area p {
	text-align: center;
	padding-top: 2em;
	color: #fff;
}
.form-area p a {
	color: #e1e1e1;
	text-decoration: none;
}
.form-area p a:hover {
	color: #fff;
}

@media (max-width: 600px){
	.form-area{
		padding: 1.5em;
	}
	.form-area h1{
		font-size: 18px;
	}
}

.cust-sec{
	padding-top: 70px !important;
}



/* =====================Timed pop up form
======================================= */
#CustomModalForm input::placeholder {
	color: #fff;
	padding-left: 5px;
}


/* =====================Privacy Policy
======================================= */

.privacy-policy{
	padding-top: 200px;
	padding-left: 200px;
	padding-right: 200px;
	padding-bottom: 100px;
}

.privacypolicy h1{
	padding-top: 20px;
	padding-bottom: 40px;
	font-weight: 700;
	font-size: 48px;
	color: #007bff;
}

.privacypolicy ul {
	list-style-type: disc;
	margin: 10px 0;
	padding-left: 20px;
}

.privacypolicy ul li::marker {
	font-size: 1.2em;
	color: #007bff;
}

.privacypolicy p{
	font-size: 18px;
	padding-bottom: 20px;
	line-height: 24px;
}

.privacypolicy h2{
	font-weight: 600;
	padding-top: 20px;
	padding-bottom: 30px;
	font-size: 30px;
}





@media (max-width: 1200px) {
	.privacy-policy {
		padding-left: 100px;
		padding-right: 100px;
	}
}

@media (max-width: 768px) {
	.privacy-policy {
		padding-left: 50px;
		padding-right: 50px;
		padding-bottom: 50px;
	}
}




@media screen and (max-width:1367px) {
	.healthsolutioin .card-thumb {
		height: auto;
		padding: 9% 20px;
	}

}
@media screen and (max-width:1281px) {
	.heroarea h1 {
		font-size: 36px;
	}
	.heroarea p {
		font-size: 20px;
		line-height: 28px;
	}
	.heroarea .slide2 img {
		right: -90px;
	}
	.partnerform .card li:nth-child(2) {
		font-size: 16px;
		width: 66%;
		line-height: 20px;
	}


}
@media screen and (max-width:1169px) {

	.heroarea .slide1 img {
		width: 645px;
		right: -90px;
	}
	.heroarea .slide1, .heroarea .slide2, .heroarea .slide3 {
		padding: 20px 0 70px 20px;
	}
	.heroarea p {
		font-size: 22px;
		line-height: 32px;
	}
	.heroarea .slide2 img {
		right: -150px;
		width: 650px;
	}
	.heroarea .slide3 img {
		right: -120px;
		width: 845px;
	}
	.homeplan .card.select:before {
		height: 80px;
	}
	.SleepApnea .card {
		padding: 60px 15px 30px;
	}
	.SleepApnea h2 {
		font-size: 32px;
		margin: 0px 0 25px;
	}
	.SleepApnea p {
		margin-bottom: 20px;
		font-size: 16px;
		line-height: 27px;
	}
	.SleepApnea h3 {
		font-size: 22px;
		margin-bottom: 20px;
	}
	.SleepApnea ul {
		margin-left: 25px;
		margin-bottom: 20px;
	}
	.SleepApnea li {
		font-size: 16px;
		line-height: 20px;
		margin-bottom: 15px;
	}
	.exportmedical .slick-slide {
		margin: 0 20px;
	}
	.exportmedical, .OurImpact, .ClientJourney {
		padding: 40px 0 0;
	}
	.exportmedical h2, .OurImpact h2, .ClientJourney h2, .valueclient h2, .homeplan h2, .healthsolutioin h2 {
		font-size: 32px;
		margin-bottom: 25px;
	}
	.valueclient {
		padding: 40px 0 30px;
	}
	.valueclient .card {
		padding: 20px;
		width: 100%;
	}
	.valueclient .slick-slide.slick-current.slick-active.slick-center .card {
		padding: 50px 20px;
	}
	.valueclient h4 {
		font-size: 18px;
		padding-top: 0px;
	}
	.profile img {
		width: 60px;
		height: 60px;
	}
	.profile {
		padding-left: 75px;
	}
	.valueclient h3 {
		margin-bottom: 12px;
		font-size: 17px;
	}
	.valueclient .slick-slide.slick-current.slick-active.slick-center .card h3 {
		margin-bottom: 15px;
		font-size: 18px;
	}
	.homeplan .card-header h3 {
		font-size: 20px;
		margin-bottom: 10px;
	}
	.homeplan .card {
		border-radius: 20px;
		padding: 10px 10px 5px;
	}
	.homeplan .card-body {
		padding: 10px;
	}
	.homeplan .card-body li {
		font-size: 15px;
		line-height: 22px;
		margin-bottom: 10px;
	}
	.title-reco {
		font-size: 22px;
		margin-bottom: 25px;
		padding: 0;
	}
	.homeplan .card.select {
		padding: 10px;
	}
	.homeplan .SlickActive .card-body li {
		font-size: 16px;
		line-height: 25px;
		margin-bottom: 15px;
	}
	.homeplan h4 {
		font-size: 26px;
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.healthsolutioin {
		padding: 30px 0;
	}
	.healthsolutioin .card-thumb {
		padding: 20px 10px;
		height: auto;
	}
	.healthsolutioin h3 {
		font-size: 20px;
	}
	/*
	.healthsolutioin .card{
	margin: 0 20px
}
	*/
	.healthsolutioin .card-body {
		padding: 10px;
	}
	.healthsolutioin p a {
		padding: 8px 10px;
	}
	.healthsolutioin .container, .moreblog .container {
		width: 100%;
	}
	.moreblog h3 {
		font-size: 16px;
		margin-bottom: 10px;
		line-height: 24px;
	}
	.moreblog p {
		font-size: 12px;
		line-height: 22px;
	}

	.cartwrap {
		padding: 40px 0 20px;
	}

	.signLeft {
		width: 50%;
		height: 100vh;
	}
	.signLeft .logo {
		bottom: auto;
		top: 25px;
	}
	.signRight {
		padding: 25px 40px 20px;
	}
	.signLeft img.img-fluid{ height: 768px;}
	.signRight {
		padding: 75px 70px 20px;
	}
	.partnerform .card li:nth-child(2) {
		padding: 12px 0 0 20px;
		font-size: 16px;
		width: 57%;
		line-height: 22px;
	}



}

@media screen and (max-width:1023px) {
	.moreblog h2 {
		font-size: 26px;
		margin-bottom: 20px;
	}

	.heroarea .slide1 {
		padding: 30px 0 34px 20px;
		overflow: hidden;
	}
	.heroarea .slide1 img {
		width: 475px;
	}
	.heroarea h1 {
		margin-bottom: 20px;
		padding-bottom: 5px;
		line-height: 45px;
		font-size: 30px;
	}
	.heroarea h1 br{
		display: none;
	}
	.heroarea p {
		font-size: 20px;
		line-height: 24px;
		margin-bottom: 15px;
	}
	.heroarea .slide2 img {
		width: 481px;
		right: -110px;
	}
	.heroarea .slide2 {
		padding: 20px 0 20px 20px;
	}
	.heroarea .slide3 {
		padding: 40px 0 44px 20px;
	}
	.heroarea .slide3 img {
		right: -170px;
		width: 80.1%;
	}
	.SleepApnea {
		padding: 0 10px;
	}
	.SleepApnea .card {
		padding: 50px 20px 20px;
	}
	.SleepApnea h2 {
		font-size: 25px;
		margin: 0px 0 25px;
	}
	.SleepApnea p {
		margin-bottom: 10px;
		font-size: 16px;
		line-height: 24px;
	}
	.SleepApnea h3 {
		font-size: 18px;
		margin-bottom: 20px;
	}
	.SleepApnea li {
		font-size: 16px;
		line-height: 18px;
		margin-bottom: 10px;
	}
	.SleepApnea ul {
		margin-left: 25px;
		margin-bottom: 10px;
	}
	.exportmedical {
		padding: 20px 0 0;
	}
	.exportmedical h2 {
		font-size: 26px;
		margin-bottom: 30px;
	}
	.exportmedical .container .card {
		padding: 25px 10px;
	}
	.OurImpact {
		padding: 30px 0 0;
	}
	.OurImpact h2 {
		font-size: 26px;
		margin-bottom: 25px;
	}
	.OurImpact .reachwrap {
		height: 310px;
	}
	.impactbox {
		padding: 55px 0 0;
	}
	.impactbox img {
		width: 70px;
	}
	.impactbox h3 {
		font-size: 35px;
		margin: 10px 0;
	}
	.impactbox p {
		font-size: 23px;
		line-height: 32px;
	}
	.ImpactIndent {
		padding: 25px 0 10px;
	}
	.ImpactIndent h3 {
		font-size: 22px;
		margin: 10px 0;
	}
	.ImpactIndent img{
		height: 50px;
	}
	.ClientJourney h2 {
		font-size: 26px;
		margin-bottom: 15px;
	}
	.ClientJourney {
		padding: 40px 0 0;
	}
	.valueclient {
		padding: 40px 0;
	}
	.valueclient h2 {
		font-size: 26px;
		margin-bottom: 15px;
	}
	.valueclient .slick-slide {
		margin: 20px 15px;
	}
	.valueclient .slick-slide.slick-current.slick-active.slick-center .card {
		padding: 65px 15px;
	}
	.valueclient .slick-slide.slick-current.slick-active.slick-center .card h3 {
		font-size: 16px;
	}
	.homeplan h2 {
		font-size: 26PX;
		margin-bottom: 30px;
	}
	.homeplan .card-body {
		padding: 25px 0;
	}
	.homeplan .card-body li {
		font-size: 14px;
		line-height: 22px;
		margin-bottom: 8px;
	}
	.homeplan .card-body ul {
		height: 180px;
	}
	.title-reco {
		font-size: 22px;
		margin-bottom: 30px;
		padding: 0;
	}
	.homeplan .card.select:before {
		height: 86px;
	}
	.homeplan .card-header h3 {
		font-size: 22px;
	}
	.pricetag {
		font-size: 24px;
		line-height: 32px;
	}
	.homeplan .SlickActive .card-body li {
		font-size: 17px;
		line-height: 25px;
		margin-bottom: 10px;
	}
	.homeplan .card.select .card-body ul {
		height: 140px;
	}
	.homeplan h4 {
		font-size: 24px;
		margin-top: 40px;
		margin-bottom: 20px;
	}
	.healthsolutioin {
		padding: 30px 0;
	}
	.heroleft {
		padding: 10% 0 0 40px;
		height: 340px;
	}
	.heroinner h1 {
		font-size: 32px;
		line-height: 40px;
	}
	.heroinner h1 span {
		font-size: 32px;
	}
	.heroinner p {
		font-size: 28px;
	}
	.heroright {
		height: 340px;
	}
	.heroleft:after {
		height: 340px;
	}
	.healthsolutioin .card-thumb {
		height: auto;
		padding: 10px;
	}
	.healthsolutioin .card-body {
		padding: 10px;
	}
	.healthsolutioin h3 {
		font-size: 17px;
		margin-bottom: 10px;
		line-height: 20px;
	}
	.healthsolutioin p a {
		padding: 5px 5px;
		border-radius: 5px;
		width: 45%;
		text-align: center;
		margin: 0 2px;
		font-size: 11px;
	}
	.healthsolutioin h2 {
		font-size: 25px;
		margin-bottom: 35px;
	}
	.healthsolutioin .container {
		width: 100%;
		max-width: 100%;
	}
	.banner-slider .slider.slider-nav {
		height: 100px;
	}
	.vehicle-detail-banner{
		position: relative
	}
	.banner-slider .slider.slider-nav {
		max-width: 100%;
		position: absolute;
		z-index: 11;
		top: auto;
		bottom: 0;
		padding-left: 20px
	}
	.banner-slider .slider.slider-for {
		max-width: 100%;
		padding-left: 0;
	}
	.slider-banner-image {
		height: 310px;
	}
	.vehicle-detail-banner .slider-nav .slick-slide.thumbnail-image .thumbImg {
		max-width: 70px;
		height: 70px;
		margin: 0;
	}
	.productdetail h2 {
		font-size: 22px;
	}
	.productdetail p {
		font-size: 13px;
		margin-bottom: 5px;
	}
	.devicebox {
		padding: 30px 0 0;
	}
	.moreblog .container {
		width: 100%;
	}
	.moreblog h3 {
		font-size: 15px;
		margin-bottom: 5px;
		line-height: 24px;
	}

	.abouthero {
		padding: 50px 0;
		margin-top: 55px;
	}
	.abouthero h1 {
		font-size: 42px;
		line-height: 50px;
	}
	.aboutwrap h2 {
		font-size: 26px;
		margin-bottom: 15px;
	}
	.aboutwrap p {
		font-size: 18px;
		line-height: 28px;
		padding: 0 50px;
	}
	.aboutpage p {
		font-size: 18px;
		line-height: 30px;
	}
	.MeetVisionary {
		padding: 25px 15px;
	}
	.MeetVisionary .container {
		padding: 20px;
	}
	.MeetVisionary h2 {
		padding: 10px 5px;
		font-size: 20px;
	}
	.MeetVisionary p {
		font-size: 16px;
		line-height: 28px;
		margin-top: 0;
	}
	.whatweoffer {
		padding: 0;
	}
	.contactbanner {
		padding: 75px 0;
	}
	.contactbx h2 {
		font-size: 26px;
		margin-bottom: 20px;
		padding-bottom: 25px;
		line-height: 42px;
	}
	.signRight {
		padding: 75px 40px 20px;
	}
	.BenefitStudy .card img {
		left: 15px;
		height: 32px;
	}
	.BenefitStudy .card {
		padding: 15px 5px 10px 70px;
		font-size: 18px;
		line-height: 26px;
	}
	.SleepStudy {
		padding: 40px 0 20px;
	}
	.PartnerFrequently {
		padding: 20px 0 0;
	}
	.PartnerFrequently h2 {
		font-size: 30px;
		line-height: 42px;
	}
	.PartnerFrequently h2 br{ display: none;}

	.partnerform .card li:nth-child(2) {
		padding: 15px 0 10px 20px;
		width: 43%;
		line-height: 22px;
		height: auto;
	}


	header .navbar .navbar-brand img {
		width: 70px !important;
	}









}


@media screen and (max-width:767px) {
	.m-hide { display: none !important; }
	.d-hide { display: block !important; }
	.maintitle h2 {
		font-size: 24px;
	}
	header {
		width: 100%;
		box-shadow: 0px 1px 4.4px 0px rgba(0, 0, 0, 0.25);
		background: #FFF;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 999;
	}
	header .navbar {
		padding:9px 15px;
		height: 55px;
	}
	header .navbar .navbar-brand {
		padding: 0 0 0 45px;
	}
	header .navbar .navbar-brand img{
		width: auto !important;
		height: 40px;
		object-fit: contain;
	}
	header .navbar-toggler-icon {
		position: absolute;
		left: 12px;
		top: 16px;
		background: url(https://kleitmensleepsolutions.com/wp-content/uploads/2025/04/menu-b-1.svg) left top no-repeat;
		width: 26px;
		height: 24px;
		background-size: 100%;
	}
	header .navbar-collapse {
		width: 100%;
		left: 0;
		right: 0;
		top: 55px;
		position: absolute;
		z-index: 99;
		background: #D6EAFB;
		padding-bottom: 50px;
	}
	header .navbar-nav .dropdown-menu {
		position: static;
		float: none;
		background: #f3f3f3;
	}
	header .navbar-expand-md .navbar-nav .nav-link {
		padding: 18px 20px;
		font-size: 16.5px;
		color: #177ac3;
	}
	header .navbar-expand-md .navbar-nav .nav-link.active{
		color: #177ac3;
		font-weight: 700;
		border-bottom: 1px solid #177ac3;
	}



	.wrap .fa {
		top: 9px;
	}
	.mobileCart {
		width: 120px;
		position: absolute;
		right: 0;
		text-align: right;
	}
	.mobileCart li{
		float: inherit;
		margin: 0 8px;
		display: inline-block;
	}
	.mobileCart li img{
		width: 22px;
		height: auto;
	}
	.wrap {
		right: 92px;
	}


	.heroarea {
		padding: 0;
		margin-top: 54px;
		overflow: hidden;
	}

	.heroarea .slide1{ background: url("https://kleitmensleepsolutions.com/wp-content/uploads/2025/04/herobg-1.png") left top no-repeat; background-size: cover; position: relative; padding: 20px 15px 320px; overflow: hidden;}
	.heroarea .slide1 img{ position: absolute; top: auto; right: 0; bottom: 0; width: 100%;}
	.heroarea .slide2{ background: url("https://kleitmensleepsolutions.com/wp-content/uploads/2025/04/herobg-1.png") left top no-repeat; background-size: cover; position: relative; padding: 20px 15px 320px; overflow: hidden;}
	.heroarea .slide2 img{ position: absolute; top: auto; right: 0; bottom: 0; width: 100%;}
	.heroarea .slide3{ background: url("https://kleitmensleepsolutions.com/wp-content/uploads/2025/04/herobg-1.png") left top no-repeat; background-size: cover; position: relative; padding: 20px 15px 320px; overflow: hidden;}
	.heroarea .slide3 img{ position: absolute; top: auto; right: 0; bottom: 0; width:100%;}

	.heroarea h1 {
		margin-bottom: 20px;
		padding-bottom: 5px;
		line-height: 32px;
		font-size: 22px;
	}
	.heroarea h1:before {
		width: 170px;
		height: 2px;
		bottom: -10px;
	}
	.heroarea p {
		font-size: 16px;
		line-height: 22px;
		margin-bottom: 15px;
	}
	.heroarea p a {
		border-radius: 6px;
		padding: 8px 14px;
		font-size: 15px;
	}
	.SleepApnea .container {
		margin-top: 0;
		padding: 0 25px;
	}
	.SleepApnea {
		padding: 0;
		margin-top: 5px;
	}
	.SleepApnea h2 {
		font-size: 22px;
		text-align: center;
		margin: 15px 0 25px;
	}
	.SleepApnea h2:before, .SleepApnea h3:before{
		display: none;
	}
	.SleepApnea h3 {
		font-size: 16px;
		text-align: center;
		margin-top: 30px;
		margin-bottom: 10px;
	}
	.SleepApnea img{
		width: 75%;
		height: auto;
	}
	.SleepApnea .card {
		padding: 20px 0 20px;
		border: 0px;
	}
	.SleepApnea ul {
		margin: 35px 0 15px 0;
	}
	.SleepApnea li {
		line-height: 20px;
		display: initial;
		margin: 13px;
		text-align: center;
		font-size: 14px;
	}
	.SleepApnea p a.btn-call {
		width: auto;
	}
	.SleepApnea p {
		text-align: center;
		font-size: 15px;
		line-height: 24px;
		margin-top: 20px;
		margin-bottom: 0;
	}
	.exportmedical .container .card {
		border: 0;
		padding: 0;
		border-radius: 0;
	}
	.exportmedical {
		padding: 60px 0 0;
	}
	.exportmedical h2 {
		font-size: 20px;
		margin-bottom: 25px;
		max-width: 250px;
		margin: 0 auto 35px;
	}
	.exportmedical .slick-slide {
		margin: 0px 13px;
	}
	.OurImpact {
		padding: 60px 0;
	}
	.OurImpact h2 {
		font-size: 24px;
		margin-bottom: 25px;
	}
	.OurImpact .reachwrap {
		background: url("https://kleitmensleepsolutions.com/wp-content/uploads/2025/04/reachbg-mobile.png") center top no-repeat;
		background-size: cover;
		height: auto;
	}
	.impactbox {
		padding: 5px 0 20px 120px;
		background: #177ac3;
		border-radius: 0 0 20px 20px;
		position: relative;
	}
	.impactbox img {
		width: 64px;
		position: absolute;
		left: 30px;
		top: 20px;
	}
	.impactbox h3 {
		color: #fff;
		font-size: 40px;
		font-weight: 700;
		margin: 10px 0 10px;
		text-align: left;
	}
	.impactbox p {
		font-size: 18px;
		text-align: left;
	}
	.ImpactIndent img {
		width: auto;
		height: 30px;
	}
	.ImpactIndent h3 {
		font-size: 20px;
		margin: 10px 0 5px;
	}
	.ImpactIndent p {
		font-size: 14px;
		line-height: 20px;
		padding: 0 5px;
	}
	.ImpactIndent {
		padding: 15px 0 10px;
	}
	.journeymap .container{
		padding: 0 15px;
		overflow-x: scroll;
	}
	.journeymap .container img{
		width: 670px;
		max-width: inherit;
		height: auto;
	}

	.ClientJourney {
		padding: 0;
	}
	.ClientJourney h2 {
		font-size: 22px;
		max-width: 250px;
		margin: 0 auto 25px;
	}
	.valueclient {
		padding: 60px 0;
	}
	.valueclient .container{
		padding: 0px;
	}
	.valueclient .slick-slide.slick-current.slick-active.slick-center {
		margin: 0 10px 15px;
	}
	.valueclient .slick-slide.slick-current.slick-active.slick-center .card {
		padding: 20px 15px 15px;
	}
	.valueclient .slick-slide {
		margin: 0 10px 15px;
	}
	.valueclient .card {
		margin: 0 auto;
		width: 90%;
		padding: 20px;
	}
	.valueclient h4 {
		margin-bottom: 10px;
		padding-top: 0;
		font-size: 20px;
	}
	.valueclient p {
		font-size: 15px;
		line-height: 22px;
	}
	.valueclient h3 {
		margin-bottom: 10px;
		font-size: 16px;
	}
	.profile {
		padding-left: 80px;
		margin-bottom: 15px;
		height: 65px;
	}
	.profile img {
		width: 65px;
		height: 65px;
	}
	.valueclient h2 {
		font-size: 20px;
		margin-bottom: 25px;
		padding: 0 10px;
	}
	.homeplan h2 {
		font-size: 22px;
		margin-bottom: 40px;
	}
	.homeplan .container {
		padding: 0;
	}
	.homeplan .card.select {
		padding: 10px 15px;
	}
	.homeplan .card-body li {
		font-size: 14px;
		line-height: 20px;
		margin-bottom: 5px;
	}
	.homeplan .SlickActive .card-body li {
		font-size: 15px;
		line-height: 23px;
		margin-bottom: 10px;
	}
	.homeplan .card-body ul {
		height: 210px;
	}
	.homeplan .card.select .card-body ul {
		height: 170px;
	}
	.title-reco {
		font-size: 20px;
		margin-bottom: 35px;
		padding: 0 0 10px;
	}
	.homeplan .card.select:before {
		height: 92px;
	}
	.homeplan .slick-slide    {
		margin: 0 10px;
	}
	.homeplan .card-body {
		padding: 25px 10px 10px;
	}
	.homeplan .card-header h3 {
		font-size: 20px;
	}
	.homeplan {
		padding: 10px 0 40px;
		margin-top: 40px;
	}
	.homeplan h4 {
		font-size: 18px;
		margin-top: 20px;
		line-height: 26px;
		padding: 0 15px;
	}
	.btn-call {
		padding: 12px 30px 11px;
		font-size: 16px;
		width: 90%;
		margin: 12px auto 0;
	}
	.healthsolutioin h2 {
		font-size: 22px;
		margin-bottom: 25px;
	}
	.healthsolutioin .card-thumb {
		height: auto;
		padding: 10% 10px;
	}
	.healthsolutioin {
		padding: 50px 0;
	}
	.healthsolutioin .container {
		width: 100%;
		max-width: 100%;
	}
	.healthsolutioin .card {
		border-radius: 10px;
	}
	.healthsolutioin .card-body {
		padding: 10px 5px 20px;
		border-radius: 0 0 10px 10px;
	}
	.healthsolutioin .container h2 {
		padding: 0 15px;
		max-width: 280px;
		margin: 0 auto 25px;
		line-height: 28px;
	}
	.healthsolutioin h3 {
		font-size: 16px;
		text-align: left;
		padding-left: 7px;
	}
	.healthsolutioin p {
		font-size: 18px;
		line-height: 22px;
		margin-top: 10px;
		margin-bottom: 0;
		text-align: left;
		padding-left: 10px;
	}
	.healthsolutioin p span.rate__col {
		padding: 3px 8px 1px;
		font-size: 15px;
	}
	.healthsolutioin p a {
		padding: 6px 20px 7px;
		width: 45%;
		margin: 0 2px;
		font-family: 'Quicksand', sans-serif;
		font-size: 13px;
	}
	.moreblog {
		padding: 0 0 40px;
	}
	.moreblog .container {
		width: 100%;
	}
	.moreblog h2 {
		font-size: 22px;
		max-width: 300px;
		margin: 0 auto 25px;
	}
	footer {
		padding: 20px 0 10px;
	}
	footer .copyright {
		font-size: 16px;
		margin-top: 20px;
		text-align: center;
	}
	footer h2 {
		margin-top: 25px;
	}
	.socialfooter {
		text-align: left;
	}
	.socialfooter a {
		margin:0 10px 0 0;
	}
	footer .copytop {
		padding-top: 20px;
		text-align: left;
		font-family: 'Quicksand', sans-serif;
	}
	.moreblog h3 {
		font-size: 15px;
		line-height: 20px;
	}
	.moreblog .card-body {
		padding: 10px;
	}
	.moreblog p {
		font-size: 11px;
		line-height: 18px;
		margin-bottom: 10px;
	}
	.moreblog .card {
		border-radius: 10px;
	}
	.moreblog .card-thumb {
		border-radius: 10px 10px 0 0;
	}
	.assistenceFixed {
		width: 45px;
		right: 15px;
		bottom: 15px;
	}
	.assistenceFixed a svg {
		width: 35px;
		height: 35px;
	}
	.heroinner .container{
		padding: 0px;
		background: #177ac3;
	}
	.heroinner .innerproduct {
		background: none;
	}
	.heroleft:after{ display: none;}
	.heroinner {
		margin-top: 52px;
	}
	.heroinner h1 {
		font-size: 32px;
		line-height: 45px;
		margin-bottom: 10px;
	}
	.heroinner h1 span {
		font-size: 28px;
	}
	.heroinner p {
		font-size: 24px;
	}
	.heroinner p span {
		line-height: 28px;
		padding: 3px 8px
	}
	.heroleft {
		width: 100%;
		padding: 15px 20px;
		height: auto;
		text-align: center;
	}
	.heroright {
		width: 100%;
		background: #D6EAFB;
		height: auto;
		padding: 15px;
	}

	.selectwrap .form-control.w25 {
		width: 100% !important;
	}
	.devicewrap .card {
		border-radius: 10px;
		border: 1px solid #177ac3;
		margin: 10px 0;
		box-shadow: inherit;
	}
	.devicewrap .card-thumb {
		height: auto;
		padding: 20px 10px;
		overflow: hidden;
	}
	.devicewrap .card-body {
		border-top: 1px solid #177ac3;
		border-radius: 0 0 10px 10px;
		padding: 7px 7px 2px;
	}
	.devicewrap h3 {
		font-size: 16px;
		margin-bottom: 10px;
		line-height: 22px;
	}
	.devicewrap p {
		font-size: 14px;
		line-height: 20px;
		margin-bottom: 10px;
	}
	.devicewrap p a {
		padding: 6px 5px;
		width: 48%;
		margin: 6px 0;
		font-size: 11px;
		font-weight: 500;
	}
	.devicebox {
		padding: 30px 0 0;
	}
	.devicebox h2 {
		font-size: 24px;
	}
	.devicebox p {
		font-size: 14px;
		line-height: 22px;
		margin-bottom: 15px;
	}
	.devicebox h3 {
		font-size: 20px;
		margin-bottom: 12px;
	}
	.devicebox li {
		font-size: 14px;
		line-height: 22px;
		margin-bottom: 10px;
	}
	.faqwrap {
		padding: 20px 0;
	}
	.faqwrap h2 {
		font-size: 20px;
	}
	.faqwrap .accordion .item .item-header h2 button { white-space: inherit;}
	.vehicle-detail-banner .slick-next {
		display: none !important;
	}
	.vehicle-detail-banner {
		margin-bottom: 20px;
		padding-bottom: 65px;
		border-bottom: 1px solid rgba(30, 194, 157, 0.50);
	}
	.productdetail h2 {
		font-size: 22px;
		margin-top: 25px;
	}
	.productwrap {
		padding: 80px 0 20px;
	}
	.devicebox {
		padding: 20px 0 0;
	}
	.cartwrap {
		padding: 80px 0 20px;
	}
	.cartBox {
		padding: 10px 22px 10px 10px;
		margin-bottom: 20px;
		border-radius: 10px;
	}
	.btn-now {
		font-size: 14px;
		padding: 9px 10px;
		display: inline-block;
		width: 47%;
		vertical-align: top;
		margin: 15px 2px 0;
	}
	.cartBox h2 {
		font-size: 18px;
		margin-bottom: 7px;
	}
	.cartBox .close {
		top: 6px;
		right: 10px;
		width: 15px;
		height: 15px;
		z-index: 9;
	}
	.cartwrap h1 {
		font-size: 26px;
		margin-bottom: 15px;
	}
	.abouthero h1 {
		font-size: 26px;
		line-height: 35px;
	}
	.aboutwrap {
		padding: 0 15px;
	}
	.aboutwrap h2 {
		font-size: 20px;
		margin-bottom: 15px;
		line-height: 28px;
	}
	.aboutwrap p {
		font-size: 15px;
		line-height: 24px;
		padding: 0 12px;
	}
	.aboutpage {
		padding: 0 15px;
		margin-top: 0;
	}
	.aboutpage .container {
		padding: 30px 22px 5px;
	}
	.aboutpage .container img{ width: 120px; height: auto; margin: 0 auto 15px;}
	.aboutpage p {
		font-size: 18px;
		line-height: 30px;
		text-align: center;
		margin-bottom: 25px;
	}
	.MeetVisionary p {
		text-align: center;
	}
	.whatweoffer h2 {
		font-size: 26px;
	}
	.whatweoffer p {
		font-size: 16px;
		line-height: 25px;
		padding: 0 0 15px;
		text-align: center;
	}
	.contactbanner {
		padding: 85px 0;
		margin-top: 55px;
	}
	.contactbanner h1 {
		font-size: 26px;
		line-height: 40px;
	}
	.contactbx {
		padding: 15px;
	}
	.contactbx .container {
		padding: 20px 20px;
	}
	.goodNight h2 {
		font-size: 26px;
		line-height: 36px;
	}
	.goodNight p {
		font-size: 16px;
		line-height: 22px;
		margin-bottom: 25px;
	}
	.goodNight p br{ display: none;}

	.blog-banner .blog-slide {
		padding: 60px 0px 40px;
	}
	.blog-banner h2 {
		font-size: 25px;
		line-height: 35px;
	}
	.blog-banner p {
		font-size: 16px;
		line-height: 26px;
		padding-left: 0;
		padding-top: 32px;
	}
	.blogdetail {
		padding: 20px 0;
	}
	.blogdetail p {
		font-size: 14px;
		line-height: 24px;
		margin-bottom: 25px;
	}
	.PopularTopics {
		padding: 30px 0;
	}
	.PopularTopics h2 {
		font-size: 26px;
	}
	.PopularTopics .card-thumb {
		border-radius: 6px 0 0 6px;
		width: 40%;
		float: left;
	}
	.PopularTopics .card {
		margin-bottom: 15px;
		display: block;
	}
	.PopularTopics .card-body {
		float: right;
		width: 60%;
		display: inline-block;
		padding:10px 15px;
	}
	.PopularTopics h3, .PopularTopics p{
		display: none;
	}


	.signLeft {
		width: 100%;
		height: 280px;
		overflow: hidden;
	}
	.signLeft .logo {
		bottom: auto;
		width: 200px;
		margin: 0 auto;
		top: 25px;
	}
	.signLeft img.img-fluid {
		height: auto;
		margin-top: -50px;
	}
	.signRight {
		width: 100%;
		padding: 20px 25px 10px;
	}
	.signRight h2 {
		font-size: 22px;
		margin-bottom: 20px;
	}
	.signRight .form-group {
		margin-bottom: 20px;
	}
	.signRight .form-control {
		height: 40px;
	}
	.signRight .btn-submit {
		padding: 8px 15px 10px;
		font-size: 16px;
	}
	.SleepStudy h2, .BenefitStudy h2, .PartnerFrequently h2 {
		font-size: 22px;
		margin-bottom: 20px;
		line-height: 32px;
	}
	.SleepStudy p {
		font-size: 15px;
		line-height: 24px;
		margin-bottom: 12px;
	}
	.partnerform h3 {
		font-size: 20px;
		padding: 6px 12px;
		width: 80%;
		margin-bottom: 5px;
	}
	.partnerform {
		padding: 30px 0;
	}

	.partnerform .card {
		margin: 10px 0;
	}
	.partnerform .card li:last-child {
		width: 100px;
		padding: 9px 0 0;
	}
	.switch-field label {
		font-size: 13px;
		line-height: 15px;
		padding: 15px 10px 3px;
		height: 42px;
	}
	.switch-field label:first-of-type {
		margin: 0 5px;
	}
	.partnerform .card li:nth-child(2) {
		padding: 10px 0 10px 10px;
		width: 56%;
		font-size: 12px;
		line-height: 16px;
	}
	.partnerform .btn-submit {
		font-size: 22px;
		margin-top: 15px;
		width: 100%;
	}
	.SymptomsHealthRisks {
		padding: 10px 0;
	}
	.SymptomsHealthRisks h3 {
		font-size: 22px;
		padding-bottom: 10px;
		margin:15px 0;
	}
	.BenefitStudy p {
		font-size: 16px;
		margin-bottom: 25px;
		line-height: 24px;
	}
	.BenefitStudy {
		padding: 40px 0;
		margin-top: 20px;
	}
	.BenefitStudy .card {
		padding: 11px 5px 10px 140px;
		font-size: 22px;
		line-height: 30px;
		height: auto;
		margin: 5px 0;
	}
	.BenefitStudy .card img {
		left: 45px;
		height: 50px;
		top: 11px;
	}
	.BenefitStudy .card.mb-4{ margin-bottom: 15px !important}
	.blog-banner {
		margin-top: 55px;
	}
	header .nav-item .nav-link.active:after { display: none;}
	.star {
		font-size: 14px;
	}
	.faqwrap .accordion .item .item-header h2 button.btn.btn-link {
		font-size: 13px;
		line-height: 24px;
		padding: 10px 25px 10px 10px;
	}
	.faqwrap .faq-txt {
		padding: 15px;
		line-height: 28px;
		font-size: 15px;
	}
	.valueclient  .slick-dots {
		bottom: -40px;
	}
	.devicewrap {
		padding: 30px 0 0;
	}
	/* Update mobile view */
	.customerReviews h2 {
		font-size: 22px;
		margin-bottom: 5px;
	}
	.product__rating .card-body {
		padding: 15px 0;
		margin-bottom: 0;
		border: 0px;
	}
	.product__rating .card-body h3 {
		font-size: 45px;
		line-height: 60px;
		margin-bottom: 5px;
	}
	.rating {
		margin: 0 0 10px;
		font-size: 13px;
	}
	.product__rating .card-body p {
		font-size: 14px;
	}
	.rating__avarge {
		border-radius: 15px;
		padding: 10px 0;
		border: 0px;
	}
	.rating__avarge li {
		padding: 2px 0;
	}
	.progress {
		display: inline-block;
		width: 45%;
		height: 4px;
		margin-right: 5px;
	}
	.more-review {
		padding: 25px 0 0;
	}
	.rating__persent {
		font-size: 14px;
		color: #177ac3;
		display: inline-block;
		width: 40px;
		text-align: center;
	}
	.rating__star {
		font-size: 10px;
		margin-left: 0;
		margin-top: 0;
	}
	.product__rating {
		margin-bottom: 15px;
		border-bottom: 1px solid rgba(30, 194, 157, 0.50);
		padding-bottom: 10px;
	}
	.userFeedback li {
		padding: 10px 0 15px 65px;
	}
	.User-profile {
		width: 50px;
		height: 50px;
		font-size: 16px;
		font-weight: 600;
		line-height: 50px;
		top: 10px;
	}
	.userFeedback li h3 {
		font-size: 18px;
		font-weight: 600;
		margin-bottom: 10px;
	}
	.customerReviews {
		padding: 0 0 30px;
	}
	.userFeedback li .rating {
		margin-bottom: 12px;
	}
	.userFeedback li h4 {
		font-size: 13px;
		margin-bottom: 8px;
	}
	.userFeedback li p {
		font-size: 12px;
		line-height: 20px;
	}
	.checkoutwrap {
		padding: 80px 0 30px;
	}
	.Status__cart li .cart-txt{
		display: none;
	}
	.Status__cart {
		margin-bottom: 10px;
		border-radius: 5px;
		padding: 10px;
	}
	.checkoutPayment {
		border-radius: 5px;
		margin-bottom: 15px;
		padding: 15px;
		box-shadow: inherit;
	}
	.payment__card {
		width: 100%;
		padding-left: 0;
		padding: 10px 25px;
	}
	.sucess-pic{
		width: 65px;
		height: auto
	}
	.order__successfull h2 {
		font-size: 22px;
		margin: 25px 0 35px;
	}
	.address_order .card-address {
		border-right: 0;
		border-bottom: 1px solid #177ac3;
		padding: 15px 0;
	}
	.address_order {
		margin-bottom: 5px;
		padding: 15px 20px 0px;
		margin-top: 20px;
		border-radius: 5px;
	}
	.order__successfull {
		padding: 75px 0 40px;
	}
	.track__order {
		padding: 80px 0 30px;
	}
	.track__order h2 {
		font-size: 25px;
		margin-bottom: 20px;
	}
	.track__status {
		padding: 0 20px;
	}
	.track__status li {
		width: 100%;
		padding: 0 0 0 60px;
		height: 110px;
	}
	.track__status li:first-child {
		width: 100%;
	}
	.track__status li .check{
		position:absolute;
		left: 0;
		top: 5px;
	}
	.track__status li:after {
		width: 6px;
		height: 100%;
		left: 12px;
	}
	.track__status li .float-right{
		float: left !important;
	}
	.track__status li:last-child {
		text-align: left;
		height: auto
	}
	.track__status li:last-child br{
		display: none;
	}
	.track__status li:last-child:after{
		display: none
	}

	.productwrap h2{
		font-size: 16px;
		font-weight: 600;
		margin-bottom: 10px;
	}
	.mrp-txt {
		display: inline;
		margin-top: 9px;
		padding-left: 0;
		font-size: 12px;
		font-family: 'Quicksand', sans-serif;
	}
	.price__product {
		margin-bottom: 15px;
		padding-left: 10px;
		margin-top: 6px;
		font-family: 'Quicksand', sans-serif;
	}
	.price-txt {
		font-size: 28px;
		font-family: 'Quicksand', sans-serif;
	}
	.off-txt {
		font-size: 12px;
		display: inline-block;
		padding-left: 0px;
		margin-top: 3px;
		font-family: 'Quicksand', sans-serif;
	}
	.price__product .off-txt {
		font-size: 19px;
		margin-top: 0;
		vertical-align: 5px;
	}
	.price__product .mrp-txt{
		display: block;
		font-size: 18px;
		margin-bottom: 20px;
	}
	.productwrap .btn-now {
		font-size: 14px;
		padding: 9px 10px;
		display: block;
		width: 100%;
		margin: 0;
	}
	.productdetail p {
		margin-top: 15px;
	}
	.checkout__data .form-control, .checkout__data select.form-control:not([size]):not([multiple]) {
		border: 1px solid #E0E0E0;
		border-radius: 6px;
		font-size: 14px;
		color: #333;
		height: 40px;
	}
	.makepayment a {
		padding: 14px 10px;
		font-size: 16px;
	}
	.PriceShow li {
		font-size: 13px;
		padding: 6px 0;
	}
	.cardProduct h4 {
		font-size: 16px;
		margin-bottom: 8px;
		line-height: 20px;
		height:20px;
		text-overflow:ellipsis;
		overflow:hidden;
		white-space:nowrap;
	}
	.checkout__data h2 {
		font-size: 18px;
		margin-bottom: 25px;
	}
	.write__review {
		padding: 85px 0 30px;
	}
	.write__review h2 {
		font-size: 24px;
		margin-bottom: 15px;
	}
	.checkoutPayment.mb-5{
		margin-bottom: 25px !important
	}
	.write__review h6 {
		font-size: 16px;
		margin: 0 0 15px;
	}
	.write-rating {
		margin-bottom: 40px;
	}
	.review-add {
		margin: 25px 0 20px;
	}
	.write__review .form-control {
		height: 48px;
		font-size: 14px;
	}
	.write__review .form-control.message {
		height: 110px;
	}
	.write__review .makepayment a {
		display: block;
	}
	.CardShow {
		margin-bottom: 20px;
		/* border-top: 0; */
		padding-top: 15px;
	}
	.cartDetail {
		margin-bottom: 10px;
	}
	.devicewrap p span.rate__col{
		color: #fff;
		font-weight: 300;
		background: #177ac3;
		border-radius: 3px;
		display: inline-block;
		line-height: 24px;
		padding: 0 6px;
	}
	.devicewrap p span{
		font-weight: 700;
		font-size: 10px;
	}
	.devicewrap .col-md-6{
		padding-left: 8px;
		padding-right: 8px;
	}
	.devicewrap .col-6{
		padding-left: 8px;
		padding-right: 8px;
	}
	.devicewrap .card-thumb img {
		width: 70%;
		height: auto;
	}

	.scoreLine {
		border-radius: 8px;
		height: 36px;
		position: relative;
		background-size: 100%;
	}
	.scoreLine .pointer {
		top: 22px;
	}
	.YourScore .SorceDetail{
		padding: 25px 0 0
	}
	.YourScore .SorceDetail li {
		padding: 12px 0;
		position: relative;
		color: #177ac3;
		font-size: 13px;
		font-weight: 500;
	}
	.YourScore {
		padding: 40px 0;
	}
	.YourScore h2 span {
		font-size: 17px;
		line-height: 19px;
		border-radius: 10px;
		padding: 12px 20px;
	}
	.YourScore h2 {
		margin-bottom: 30px;
		text-align: center;
	}
	.SymptomsHealthRisks p {
		color: #232828;
		font-family: 'Quicksand', sans-serif;
		padding: 10px 0 10px 45px;
		position: relative;
		font-size: 18px;
	}
	.faqwrap .accordion .item .item-header h2 i {
		top: 13px;
		right: 12px;
	}
	.rent-price h6 {
		font-size: 14px;
		margin-bottom: 6px;
	}
	.mobileProduct{
		border-bottom: 1px solid #177ac3;
		padding: 0 0 25px;
		margin-bottom: 25px;
	}
	.productwrap .container {
		padding-bottom: 30px;
	}

	.cartwrap .price__product{
		padding: 0;
		margin: 0;
	}
	.cartwrap .price-txt{
		font-size: 17px;
	}
	.cartwrap .price__product .mrp-txt {
		display: inline-block;
		font-size: 15px;
		margin-bottom: 5px;
		margin-top: 0;
		padding-left: 0px;
	}
	.cartwrap .star {
		font-size: 15px;
		margin-bottom: 10px !important;
	}
	.cartwrap .col-5{ padding-right: 5px}
	.cartwrap .col-7{ padding-left: 5px; padding-right: 5px;}
	.cartwrap .price__product .off-txt { font-size: 16px;}
	.price__details {
		border-radius: 10px;
		padding: 15px;
	}
	.price__details h4 {
		font-size: 18px;
		padding-bottom: 12px;
	}
	.price__details .card-body    { padding: 0px;}
	.makepayment {
		padding: 15px 0 0;
	}
	.Status__cart li {
		width: 33.33%;
	}
	.Status__cart li:last-child{
		display: none
	}
	.Status__cart li span.check {
		width: 20px;
		height: 20px;
		font-size: 10px;
		line-height: 20px;
	}
	.Status__cart li:after {
		height: 3px;
		top: 9px;
	}
	.Status__cart li:first-child:after {
		width: 50%;
	}
	.Status__cart li:nth-child(3):after {
		width: 40%;
		right: auto;
		left: 0;
	}

	.checkout__data label {
		font-size: 14px;
	}
	.order__successfull .Status__cart{ margin-bottom: 35px;}
	.order__successfull .cardProduct h4{ word-wrap: normal; white-space: nowrap;        overflow: hidden; text-overflow: ellipsis;}

	.faqwrap .accordion .item .item-header h2 i img {
		width: 9px;
	}
	.meetprofile {
		width: 65%;
		height: 230px;
		margin: 0 auto 15px;
	}
	.MeetVisionary h5 {
		margin-bottom: 30px;
		font-size: 15px;
	}
	.MeetVisionary h4 {
		margin-bottom: 7px;
		font-size: 20px;
	}
	.contactbx .form-control {
		border-radius: 6px;
		height: 48px;
	}
	.contactbx .btn-submit {
		border-radius: 6px;
		width: 100%;
	}
	.contactbx h2 {
		font-size: 20px;
		margin-bottom: 20px;
		padding-bottom: 10px;
		line-height: 26px;
	}
	.contactbx h2:after {
		width: 140px;
		height: 2px;
	}
	.contactbx p {
		font-size: 16px;
		line-height: 24px;
		margin-bottom: 20px;
	}
	.contactbx h3 {
		font-size: 24px;
	}
	.no_order {
		padding: 100px 0 40px;
	}
	.no_order img{ width: 62%; margin-bottom: 25px;}
	.no_order h2 {
		font-size: 22px;
		margin-bottom: 8px;
	}
	.no_order p {
		font-size: 16px;
		margin-bottom: 20px;
		line-height: 24px;
	}
	.healthsolutioin .slick-slide .mrp-txt{ margin-left: 10px;}

	.track__order .cardProduct h4 {
		font-size: 17px;
		margin: 0 0 12px;
	}
	.track__order .cardProduct p {
		font-size: 16px;
		margin-bottom: 7px;
	}

	.custom-container{
		grid-template-columns: 1fr;
		padding: 10px;
	}

	.custom-image{
		width: 100%;
		object-fit: cover;
	}

	.custom-image img{
		width: 100%;
		object-fit: cover;
	}



}