:root {
  --dark-green:#2C3E50;
  --blue:#0052B4;
  --light-green: #3B5B62;
  --black:#000;
  --white:#fff;
  --off-white:#F4FFE6;
}
/* slider */
.slider-content img {
	width: 370px;
}
.slider-content {
	background: rgb(255 255 255 / 80%);
	padding: 40px;
	display: flex;
	flex-direction: column;
	gap: 20px;
	border-radius: 10px;
}
.slider-head {
	font-family: var(--font-two);
	font-weight: 700;
	font-size: 60px;
	line-height: 90px;
	color: var(--blue);
}
.slider-para {
	color: var(--dark-green);
	font-family: var(--font-one);
	font-size: 30px;
	line-height: 45px;
}
.feature-inner-content-box:hover{
	box-shadow: 1px 2px 28px -3px var(--black);
}
.feature-inner-content-box:hover img {
	transition: 1s;
	-webkit-transition: 0.70s;
	-moz-transition: 0.70s;
	-ms-transition: 0.70s;
	-o-transition: 0.70s;
	-webkit-transform: rotateY(360deg);
	-moz-transform: rotateY(360deg);
	-o-transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
	transform: rotateY(360deg);
}

/* features */
#feature {
	margin-bottom: 60px;
}

#feature {
	background: var(--dark-green);
	border-radius: 10px;
}

.feature-inner-content-box {
	border: 1px solid #FFFFFF;
	padding: 15px;
	border-radius: 5px;
	    margin: 5px;
}

.feature-inner-content-box h5,
.feature-text {
	color: var(--white);
}

#feature .owl-item:nth-child(odd) .feature-text {
	padding-left: 55px;
}

/* banner */
#banner {
	background: var(--white);
	border-radius: 10px;
}

.banner-feature-box {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	gap: 20px;
}
.banner-feature-wrap img{
	width: 60px;
    height: 70px;
}
.banner-feature-wrap {
	height: 160px;
	width: 160px;
	display: flex;
	flex-direction: column;
	align-items: f;
	align-items: center;
	justify-content: center;
	position: relative;
	padding: 6px;
	padding: 0 20px;
    z-index: 2;
}
.banner-feature-wrap::after{
	content: '';
	position: absolute;
	inset: 0;
	height: 100%;
	width: 100%;
	border-radius: 50%;
	border: 2px dashed #3B5B62;
	-webkit-animation: spins 20s linear infinite;
	animation: spins 20s linear infinite;
}
@-webkit-keyframes spins {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spins {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.try-content-wrap {
	background: #FFFFFF;
	padding: 20px 44px;
	position: relative;
	width: 635px;
	height: 450px;
	display: flex;
	flex-direction: column;
	gap: 20px;
	border-radius: 20px;
	justify-content: center;
	z-index: 2;
}

.try-content-wrap h3 {
	color: #0052B4;
	font-family: var(--font-two);
}
.try-it-img-wrap{
	position: relative;
    overflow: hidden;
	border-radius: 15px;
}
.try-it-img-wrap:before{
	content: '';
	background-color:var(--dark-green);
	opacity: 0.4;
	height: 100%;
	width: 100%;
	transform: translateY(-100%);
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	transition: all 0.3s;
}
.try-it-img-wrap:hover:before{
		transform: translateY(0);
}

/* .try-it-img-wrap:before, .try-it-img-wrap:after, .try-overlay:before, .try-overlay:after {
    content: '';
    background-color:var(--dark-green);
    opacity: 0.4;
    height: 100%;
    width: 25%;
    transform: translateY(-100%);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    transition: all 0.3s;
} */
/* .try-it-img-wrap:hover:before {
    transition-delay: 0.225s;
}
.try-it-img-wrap:hover .try-overlay:before {
    transition-delay: 0.15s;
}
.try-it-img-wrap:hover .try-overlay:after {
    transition-delay: 0s;
}
.try-it-img-wrap:hover:after {
    transition-delay: 0.05s;
}
.try-it-img-wrap:hover:before,
.try-it-img-wrap:hover .try-overlay:before,
.try-it-img-wrap:hover .try-overlay:after,
.try-it-img-wrap:hover:after {
	transform: translateY(0);
}
.try-it-img-wrap:before{
    left: 25% !important;
}
.try-overlay:before {
    left: 50%;
}
.try-overlay::after{
	    left: 75%;
} */
/* mattress */
#our-product .owl-carousel .owl-item .product-box {
	transition: transform 0.3s ease, z-index 0.3s ease;
	transform: scale(0.9);
}

#our-product .owl-item.active.is-center .product-box {
	transition: transform 0.3s ease, z-index 0.3s ease;
	transform: scale(1);
}
#our-product .owl-dots{
	display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
	    margin-top: 25px;
}
#our-product .owl-dot {
	background: #3B5B62 !important;
	width: 45px !important;
	height: 10px;
	opacity: 60%;
	border-radius: 10px;
	cursor: pointer;
	border: none;
}
#our-product .owl-item.active.is-center .product-button{
	background-color: #3B5B62;
}
#our-product .owl-dot {
    width: 50px !important;
	background: #2C3E50 !important;

}

#our-product button.owl-dot.active {
		background: #3B5B62;
		opacity: unset;
		width: 65px !important;
}
.product-box .pro-img,.new-product-box-main .new-pro-img {
  overflow: hidden;
  border-radius: 8px;
}

.product-box .pro-img img ,.new-product-box-main .new-pro-img img{
  transition: transform 0.5s ease;
  transform-origin: center center;
}

.product-box:hover .pro-img img,.new-product-box-main:hover .new-pro-img img {
  transform: scale(1.08) rotateZ(2deg);
}
.product-box:hover .pro-title  a,.new-product-box-main:hover .pro-title  a{
	color: var(--white);
    font-weight: 600;
}
.product-box:hover .product-desc,.product-box:hover .product-feature,.product-box:hover .product-price bdi{
	color: var(--white);
}
.product-box:hover .product-button{
	background: var(--black) !important;
}
.product-box:hover,.new-product-top:hover,.shop.shop-product .product-box:hover,.related.products .product-box:hover{
    background-color: #3B5B62;
}
.new-product-box-main:hover .new-product-top {
	background: #3B5B62;
}
/* new arrival */
#new-arrival .owl-stage-outer {
	padding-top: 2%;
}

#new-arrival .new-product-box-main:hover .new-product-box{
	margin-top: -25px;
	transition: 1s;
}

.new-product-top {
	background: #FFFFFF;
	padding: 20px;
	border-radius: 20px;
}

.new-pro-img {
	height: 211px;
}

.new-pro-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 15px;
}

.new-product-top a {
	font-family: var(--font-two);
	font-size: 20px;
}

#new-arrival .owl-item.active.center .new-product-top a {
	font-size: 24px;
}

.new-product-btm {
	width: 90%;
	margin: 0 auto;
}

.view-detail a {
	color: #0052B4;
	font-size: 16px;
	font-weight: 400;
	text-decoration: underline;
}

#new-arrival .product-price bdi {
	font-size: 30px;
}

/* testimonial */
.testimonial-box {
	box-shadow: 1px 1px 4px 0px #00000040 inset;
	border-radius: 5px;
	padding: 15px 25px;
	position: relative;
}

.testimonial-box img {
	transition: transform 0.4s ease;
	transform-origin: center;
}

.testimonial-box:hover img {
	transform: scale(1.05) rotate(5deg);
}

#testimonial {
	background: #FFFFFF;
	border-radius: 20px;
}

#testimonial .swiper-vertical {
	height: 535px !important;
}

#testimonial .swiper-vertical>.swiper-wrapper {
	width: 85%;
	margin-left: auto;
	/* padding-top: 15px; */
}

#testimonial .testi-box-wrap {
	display: flex;
	flex-direction: column;
	gap: 30px;
	width: 90%;
}

.text-inner {
	width: 67%;
}

.testi-box-wrap p {
	font-size: 18px;
}

.swiper-slide.swiper-slide-active {
	position: relative;
	left: -10%;
	animation-name: fadeInRight;
	animation-duration: 1s;
	transition: all 0.5s ease-in-out;
}

#testimonial .swiper-slide {
	position: relative;
}
.review-star{
	position: relative;
}
#testimonial .testimonial-box::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	height: 100%;
	width: 6px;
	transition: width 0.3s ease;
	background-color: #2C3E50;
	border-radius: 5px;
	transition: width 0.5s ease-in-out;
}
#testimonial .testimonial-box:hover::before{
	width: 100%;
}
#testimonial .testimonial-box:hover a,#testimonial .testimonial-box:hover span,#testimonial .testimonial-box:hover .test-desc{
	color: var(--white);
}
#testimonial .testimonial-box:hover svg path{
	fill: #fff;
}
.test-img {
	width: 100px;
	height: 100px;
}

.test-img img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
}

.review-star i {
	color: #FFDD03;
}

.test-title,
.test-title a {
	font-family: var(--font-two);
	color: var(--light-green);
	font-weight: 500;
}

.test-desc {
	font-weight: 300;
	font-size: 16px;
	line-height: 25px;
	padding: 5px 0;
	display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.rating-count {
	font-family: Inter;
	font-weight: 400;
}

.swiper-slide.swiper-slide-active svg path {
	fill: var(--blue)
}


/* faq */
#faq {
	background: #fff;
	border-radius: 10px;
}

.faq-inner {
	font-family: var(--font-two);
}

.faq-inner {
	width: 64%;
}

#faq  .accordion-item {
	border: none;
	margin-bottom: 20px;
	border-radius: 10px;
}

#faq  .accordion-button {
	box-shadow: 1px 1px 4px 0px #00000040 inset !important;
	background: transparent;
	padding: 17px 35px;
	border-radius: 10px !important;
	border: none;
}

#faq  .accordion-button {
	font-family: Inter;
	font-weight: 400;
	font-size: 19px;
	line-height: 20px;
	color: #2C3E50
}

#faq  .accordion-button:not(.collapsed) {
	background: #2C3E50;
	color: #fff;
}
#faq  .accordion-button:not(.collapsed)::after{
  content: '\f077';
  font-family: "font awesome 6 free";
  font-weight: 900;
font-size: 22px;
  background-image: unset !important;
  height: unset !important;
  width: unset !important;
  transition: unset;
  transform:unset !important;
  color: var(--pink);
}

#faq  .accordion-button::after{
  content: '\f078';
  font-family: "font awesome 6 free";
  font-weight: 900;
font-size: 22px;
  background-image: unset !important;
  height: unset !important;
  width: unset !important;
  transition: unset;
 }
#faq  .accordion-body {
	font-family: Inter;
	font-weight: 300;
	font-size: 18px;
	line-height: 20px;
}

.inspired-wrap h3,
#dream-unfold h3 {
	font-family: var(--font-two);
}
#faq h3,#dream-unfold h3{
   color: var(--blue);
}
/*  */

.inspired-wrap {
	display: grid;
	grid-template-columns: repeat(20, 1fr);
	grid-template-rows: repeat(10, 60px);
	grid-gap: 20px;
}

.inspired-box1 {
	grid-row-start: 1;
	grid-row-end: 6;
	grid-column-start: 1;
	grid-column-end: 9
}

.inspired-box2 {
	grid-row-start: 6;
	grid-row-end: 11;
	grid-column-start: 1;
	grid-column-end: 8;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 20px;
}

.inspired-box3 {
	grid-row-start: 1;
	grid-row-end: 11;
	grid-column-start: 9;
	grid-column-end: 16;
}

.inspired-box4 {
	grid-row-start: 1;
	grid-row-end: 6;
	grid-column-start: 16;
	grid-column-end: 22
}

.inspired-box5 {
	grid-row-start: 6;
	grid-row-end: 11;
	grid-column-start: 16;
	grid-column-end: 22;
}

.inspired-wrap img {
	object-fit: cover;
}

 .inspired-box{
    position: relative;
    z-index: 1;
 }
 .inspired-box::before{
	position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    /* background: #ffc22c; */
    background:var(--dark-green);
    border-radius: 7px;
    content: "";
      z-index: 0;
    transition: all 0.5s ease-in-out 0s;
    transform-style: preserve-3d;
    transform: perspective(1200px) rotateX(-30deg) translateZ(0px);
    opacity: 0;
 }
 .inspired-box:hover::before{
    opacity: 0.5;
    transform: perspective(1200px) rotateX(0deg) translateZ(0px);
    transition-delay: 0.1s;
 }
/* trust */
.big-number{
	    font-size: 64px;
}
.highlight{
	color: var(--blue);
}
#trust {
	background: #FFFFFF;
	border-radius: 20px;
}


.video-wrap {
	height: 600px;
	position: relative;
}

.video-card-inner {
	height: 100%;
}

.video-wrap img {
	height: 100%;
	width: 100%;
	border-radius: 20px;
	object-fit: cover;
}

.slider-video-wrap {
	height: 100%;
}

.video-card {
	position: absolute;
	top: 0;
	left: 0;
	width: 85%;
	height: 100%;
	border-radius: 20px;
	border: 1px solid #3B5B62;
	-webkit-transform-origin: center;
	transform-origin: center;
	transition: 0.5s ease-in-out;
	cursor: pointer;
}

.video-card {
	transition: all 0.5s ease;
	opacity: 1;
	transform: translateX(0);
}

.video-card.animating-out {
	opacity: 0;
	transform: translateX(-40px);
}

.video-card.animating-in {
	opacity: 0;
	transform: translateX(40px);
}

.video-card.animating-in {
	opacity: 1;
	transform: translateX(0);
}

.video-card:nth-child(1) {
	z-index: 10;
	opacity: 1;
}

.video-card:nth-child(2) {
	z-index: 9;
	left: unset;
	height: 95%;
	right: 10%;
	bottom: 0;
	top: unset;
}

.video-card:nth-child(3) {
	left: unset;
	height: 90%;
	right: 5%;
	bottom: 0;
	top: unset;
}

.video-card:nth-child(4) {
	left: unset;
	height: 84%;
	right: 0;
	bottom: 0;
	top: unset;
	z-index: -1;
}

.video-btn-main {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	z-index: 2;
	gap: 10px;
}

#customPlayBtn {
	color: #FFFFFF;
	background: transparent;
	border: 7px solid #fff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 80px;
	width: 80px;
	position: relative;
}

#customPlayBtn:after{
  content: '';
  display: block;
  position: absolute;
  top: 0; 
  right: 0; 
  bottom: 0; 
  left: 0;
  border: 1px solid #fff;
	border-radius: 50%;
}
#customPlayBtn:before {
  animation: ripple 2s linear infinite;
}

#customPlayBtn:after{
  animation: ripple 2s linear 1s infinite;
}
@keyframes ripple{
  0% { transform: scale(1); }
  50% { transform: scale(1.3); opacity:1; }
  100% { transform: scale(1.6); opacity:0; }
}
.customPlayBtn i {
	color: #fff;
	font-size: 25px;
}

.custom-video-wrapper p {
	color: #fff;
}

.custom-video-wrapper {
	position: relative;
	border-radius: 15px;
	overflow: hidden;
	margin: auto;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	height: 100%;
}

#customVideo {
	width: 100%;
	display: block;
	height: 100%;
	object-fit: cover;
	border-radius: 20px;
}


.video-controls {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
     padding: 8px 35px;
    z-index: 3;
    gap: 10px;
    align-items: center;
    width: 95%;
    margin: 0 auto;
}
.video-controls svg{
	    width: 25px;
}
#customProgress {
	width: 100%;
	cursor: pointer;
}

.video-controls button {
	background: transparent;
	border: none;
	color: #fff;
	font-size: 20px;
}

#customPlayBtn i {
	font-size: 25px;
}

.video-card-inner {
	position: relative;
}
  .video-card:nth-child(1) .video-overlay{
	position: absolute;
	inset: 0;
	height: 100%;
	width: 100%;
	background: #3B5B62;
	opacity: 0.8;
	z-index: 1;
	border-radius: 20px;
 }
.recrd_inner h3{
   font-family: var(--font-two);
   font-weight: 600;
}

.customProgress {
  -webkit-appearance: none; 
  appearance: none;
  /* /* width: 300px; */
	height: 4px;
  background:#FFFFFF;
  border-radius: 5px;
  outline: none;
}

.customProgress::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 10px;
  height: 10px;
  background: #D80027;
  border-radius: 50%;
  cursor: pointer;
}

.customProgress::-moz-range-thumb {
  width: 10px;
  height: 10px;
  background: #D80027;
  border-radius: 50%;
  cursor: pointer;
}

/* Track for Firefox */
.customProgress::-moz-range-track {
	height: 4px;
  background:#FFFFFF;
  border-radius: 5px;
}
/* trust */
.trusted-features-wrap{
	margin-left: auto;
	height: 580px;
	overflow: hidden;
	overflow-y: scroll;
	direction: rtl;
}
.trusted-features-wrap > * {
  direction: ltr;  /* Keeps inner content normal */
}
.trust-arrow{
    position: absolute;
    right: 7px;
    bottom: 15px;
    box-shadow: 1px 1px 4px 0px #00000040 inset;
    padding: 3px 10px;
    border-radius: 10px;
}
.trusted-desc{
	padding-left: 15px;
    font-size: 15px;
}
.trusted-features-wrap::-webkit-scrollbar {
  width: 10px; /* vertical scrollbar */
  height: 2px; /* horizontal scrollbar */
  border-radius: 20px;
}
.trusted-features-wrap::-webkit-scrollbar-thumb {
	background:#2C3E50;
	border-radius: 20px;
	min-height: 20px
}
.trusted-features-wrap::-webkit-scrollbar-track {
    background-color: #D8DBDE;
	  border-radius: 20px;
}
.trust-inner-content{
	position: relative;
padding: 8% 8% 5% 5%;
 transition: background-color 0.3s ease, color 0.3s ease;
}
.trust-box-main:hover .trust-inner-content{
	background-color: var(--dark-green);
}
.trust-box-main:hover .trust-arrow,.trust-box-main:hover  .trusted-img{
	background-color: var(--dark-green);
}
.trust-box-main:hover .trust-arrow svg path{
	fill: var(--white);
}
 .trusted-title{
	position: relative;
	left: 66px;
	top: -25px;
	width: max-content;
	margin-right: auto;
 }
.trusted-title a{
	color: #3B5B62;
	font-family: var(--font-two);
	position: relative;
}
.trusted-img{
	background: #2C3E50;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    position: absolute;
    left: 10px;
    top: 5px;
}
.trusted-img img{
	height: 100%;
	width: 100%;
	object-fit: contain;
    padding: 16px;
  	animation: spin 5s linear infinite;
}
.trust-arrow svg,.testimonial-box svg{
	    -webkit-animation: blink 0.7s infinite alternate;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.trust-content-wrap{
    width: 80%;
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.trust-inner-content:hover a,.trust-inner-content:hover .trusted-desc{
	color: var(--white);
}

/* newsletter */
#newsletter{
	background: #FFFFFF;
	margin-bottom: 60px;
}
.newsletter-content .news-form-wrap {
	display: flex;
	gap: 10px;
	justify-content: end;
}
.newsletter-content .news-form-wrap>p{
	    width: 100%;
}
.newsletter-content input[type="email"]{
    padding: 0px 3px 4px 20px;
    border: none;
    border-bottom: 2px dashed;
	width: 100%;
}
.newsletter-content input[type="submit"]{
    background: transparent;
    border: none;
    font-family: Inter;
    font-weight: 400;
    font-size: 22px;
    color: #3B5B62;
	position: relative;
    padding-bottom: 5px;
}
.news-btn{
	position: relative;
}
.newsletter-content .news-btn::after{
	content: '';
	position: absolute;
	/* bottom: -2px; */
	left: 0;
	right: 0;
    border-bottom: 2px solid #3B5B62; 
}

.newsletter-content input[type="email"]::placeholder{
    font-size: 14px;
	color: #2C3E50;
	font-weight: 300;
}
.newsletter-content form>p{
	    width: 100%;
}
.news-inner-para{
	font-family: Inter;
	font-weight: 300;
	text-align: end;
	font-size: 14px;
	line-height: 15px;
	margin-top: 5%;
}
.about_me{
	    display: flex;

}