body{
  background-color: #fff;
  color: #3D3938;
  font-family: 'Inter', sans-serif;
  overflow-x: hidden;
  scroll-behavior: smooth;
}
:root {
    overflow-x: hidden;
}
/*global attributes*/
figure, h1, h2, h3, h4, h5, h6, hr, pre {
 margin: 0px;
 margin-bottom: 1rem;
}
img, svg {
 width: 100%;
}
.center-t{
 text-align: center;
}
.align-c{
 align-items: center;
}
.just-c{
 justify-content: center;
}
a{
 text-decoration: none;
 cursor: pointer;
}
p{
 font-size: 20px;
 color: #041C17;
 line-height: 27px;
 margin-bottom: 0px;
}
.fs-58{
 font-size: 58px;
}
.fs-50{
 font-size: 50px;
}
.fs-45{
 font-size: 45px;
 line-height: 48px;
}
.fs-43{
 font-size: 43px;
 line-height: 45px;
}
.fs-40{
 font-size: 40px;
 line-height: 48px;
}
.fs-35{
 font-size: 35px;
 line-height: 40px;
}
.fs-38{
 font-size: 38px;
 line-height: 44px;
}
.fs-30{
 font-size: 30px;
 line-height: 38px;
}
.fs-26{
 font-size: 26px;
 line-height: 31px;
 letter-spacing: 1.3px;
}
.fs-25{
 font-size: 25px;
 line-height: 28px;
}
.fs-24{
 font-size: 24px;
 line-height: 28px;
}
.fs-20{
 font-size: 20px;
 line-height: 20px;
}
.fs-17 {
 font-size: 18px;
}
.fs-15 {
 font-size: 15px;
}
.fs-14 {
 font-size: 14px;
}
.fbold{
 font-weight: 700;
}
.mbold{
 font-weight: 600;
}
.bolder{
 font-weight: 800;
}
.bolder2{
 font-weight: 900;
}
.rad8{
 border-radius: 8px;
}
.rad10{
 border-radius: 10px;
}
.rad20{
 border-radius: 20px;
}
/*text styles*/
.upcase{
 text-transform: uppercase;
}
/*colors*/
.light-gray{
 background-color: #F5F5F3;
}
.black-fc{
 color: #000;
}
.orange-fc{
 color: #E37714;
}
.orange2-fc{
 color: #FFA048;
}
.white-fc{
 color: #fff;
}
.red-fc{
 color: #c50909;
}
.blueg-fc{
 color: #153E36;
}
.lightb-fc{
 color: #21B195;
}
.blue-bg{
 background-color: #BDDDD8;
}
.light-bg1{
 background-color: #EBF4F2;
}
.light-bg2{
 background-color: #f4f8f7;
}
.light-bg3{
 background-color: #e2efed;
}
.light-bg4{
 background-color: #d4e9e5;
}
.white-bg{
 background-color: #fff;
}
.white-bg2{
 background-color: #FBFBFB;
}
.dark-bg{
 background-color: #153E36;
}
.container{
 padding: 0px;
 max-width: 1140px;
 /*border: 1px red solid;*/
}
.wcont{
 width: 940px;
 margin: 0px auto;
}
.container-fluid{
 padding: 0px;
}
.relative-p{
 position: relative;
}
/*flex gaps*/
.gap-30{
 gap: 30px;
}
.gap-20{
 gap: 20px;
}
.gap-10{
 gap: 10px;
}
.gap-50{
 gap: 50px;
}
/*paddings*/
.inner-p1{
 padding: 50px;
}
.inner-p1-1{
 padding: 50px 0px;
}
.inner-p2{
 padding: 40px;
}
.inner-p3{
 padding: 30px;
}
.inner-p4{
 padding: 30px 0px;
}
.inner-p5{
 padding: 20px;
}
.cursor{
 cursor: pointer;
}

.m1{
 margin-top: 40px;
 margin-bottom: 40px;
}
.m2{
 margin-top: 30px;
}
.m3{
 margin: 10px auto 0px auto;
}
.m4{
 margin: 20px auto;
}
.mb1{
 padding-bottom: 60px;
}
.hide-desk{
 display: none !important;
}
.navbar-nav.me-auto.mb-lg-0
{
gap: 30px;
}
.top-p{
 padding: 9px;
}
#top-nav{
 border-bottom: 1px #e4e4e4 solid;
 padding: 20px 0px;
}
#top-nav div{
 justify-content: space-between;
}
#top-nav .navbar-brand img{
 max-width: 246px;
}
#top-nav .buy-btn{
 width: 251px;
}
#top-nav .nav-item::after {
 content: '';
 display: block;
 width: 0;
 height: 5px;
 background: #153E36;
 transition: width .2s;
}
#top-nav .nav-item:hover::after {
 width: 100%;
}
.buy-btn{
 max-width: 273px;
 width: 273px;
 color: #fff;
 font-size: 21px;
 background-image: linear-gradient(180deg, rgba(246,171,59,1) 50%, rgba(234,147,17,1) 100%);
 border-radius: 12px;
 padding: 10px;
 display: flex;
 justify-content: space-between;
 border: 4px solid rgb(255, 189, 49);
 align-items: center;
 cursor: pointer;
 text-transform: uppercase;
}
.buy-btn:hover{
 background-image: linear-gradient(180deg, rgba(234,147,17,1) 50%, rgba(246,171,59,1) 100%);
}
.reveal{
 max-width: 386px;
 width: 386px;
 letter-spacing: 1.1px;
 margin: 20px auto;
}
.cart-i{
 max-width: 45px;
}
.cart-arrow{
 max-width: 16px;
}

#top-menu {
 margin-left: 14%;
}
#top-nav .nav-link {
 color: black;
}

/*banner*/
#banner-img1{
 background-image: url(/assets/images/flexiease-bg13/human-bones.png);
 background-repeat: no-repeat;
 background-position-x: right;
 background-position-y: 50%;
}
.banner-img{
 max-width: 482px;
 width: 482px;
 margin-left: -5%;
}
.safe-cols{
 display: flex;
 gap: 20px;
 text-transform: uppercase;
 font-weight: 700;
}
.safe-cols img{
 max-width: 73px;
 width: 73px;
}
.brad-20{
 border-radius: 20px;
}
.brad-30{
 border-radius: 30px;
}
.brad-50{
 border-radius: 50px;
}
.icons-b{
 justify-content: space-between;
}
.benefits-icon{
 max-width: 62px;
 width: 62px;
}
#benefits{
 width: 50%;
}
.used{
 width: 50%;
}
.drjesse{
 max-width: 350px;
 width: 350px;
}
#natures-med{
 background-image: url(/assets/images/flexiease-bg13/leaves-bg.png);
 background-repeat: no-repeat;
 background-position: right top;
 padding-right: 30%;
 background-size: contain;
 border-end-end-radius: 30px;
}
.bones-bg{
 background-image: url(/assets/images/flexiease-bg13/human-bones.png);
 background-repeat: no-repeat;
 background-position: center center;
 background-size: contain;
}
.cbd{
 background-image: url(/assets/images/flexiease-bg13/leaves2.jpg);
 background-color: #EDF3F2;
 background-size: contain;
 background-position: right top;
 background-repeat: no-repeat;
}
.cooling{
 margin-top: -100px;
}
.cream{
 width: 70%;
 margin-right: auto;
 margin-bottom: 100px;
}

.tubs{
 max-width: 355px;
 width: 355px;
 position: absolute;
 bottom: 0px;
 right: 0px;
}
.chock{
 width: 60%;
}
.r-icons{
 max-width: 110px;
 width: 110px;
}
.flex-col-d{
 flex-direction: column;
}
.right-bone{
 position: absolute;
 top: 0px;
 right: -15%;
 max-width: 527px;
}
.left-bone{
 position: absolute;
 bottom: 0px;
 left: 5%;
 max-width: 547px;
}
.right-bone2{
 position: absolute;
 top: 10%;
 right: -5%;
 max-width: 300px;
}
.left-bone2{
 position: absolute;
 bottom: 5%;
 left: -5%;
 max-width: 300px;
}
.join{
 border-radius: 0px 0px 30px 30px;
}
.join img{
 max-width: 235px;
 width: 335px;
}
/*sales section*/
.prod-images{
 width: 50%;
}
.b1g3-free{
 border-radius: 50px;
 padding: 15px;
 max-width: 386px;
 width: 386px;
 margin: 0px auto;
}
.price{
 justify-content: space-between;
}
.price .buy-btn{
 padding: 20px 10px;
 border-radius: 50px;
 justify-content: center;
 gap:15px;
 max-width: 243px;
}
.reg-price{
 padding: 10px 15px;
}
.price sup
{
font-size: 25px;
}
.mbg1{
 max-width: 145px;
}
.tble{
 border: 2px #153E36 solid;
 overflow: hidden;
}
.w33{
 width: 33%;
}
.right-t{
 text-align: right;
}
.thumb{
 max-width: 175px;
 position: absolute;
 top: -50px;
 left: 0px;
}
.ocol{
 padding-left: 20%;
}
.afford{
 width: 87%;
 margin: 0px auto;
}
.mbg2{
 max-width: 180px;
 rotate: 15deg;
 position: absolute;
 right: 0px;
 top: 0%;
}
.customer-speaks img{
 max-width: 337px;
 width: 337px;
 margin: 0px auto;
 display: block;
}
#help-u{
 background-color: #F3F3F7;
}

.hhg p{
 width: 87%;
}
.faqs-det{
 max-width: 100%;
}
.prod-det{
 width: 50%;
}
.gbadge3{
 max-width: 245px;
 width: 245px;
}
.hpguarantee .fs-17{
 line-height: 27px;
}
.hphelp{
 background-color: #2B453B;
}
#help-u
{
width: 50%;
}
.call-btn{
 border-radius: 70px;
 background-color: #FFB648;
 max-width: 350;
 width: 350px;
 padding: 10px;
 justify-content: space-between;
 display: flex;
 align-items: center;
 margin: 0px auto;
}
.customer-speaks{
 width: 50%;
}
.email-us{
 border-radius: 70px;
 background-image: linear-gradient(#5e5e5e,#313131);
 max-width: 350;
 width: 350px;
 padding: 10px;
 justify-content: space-around;
 display: flex;
 align-items: center;
 margin: 0px auto;
}
.wbreak{
 word-wrap: break-word;
}
.how-may{
 justify-content: space-between;
}
.call-box{
 display: flex;
 align-items: end;
 flex-direction: column;
}

.border{
 height: 1.5px;
 background-color: #153E36;
 margin: 20px auto;
}

/*pop-up*/
#pop-up .modal-header{
 align-items: self-start;
}
#pop-up .modal-header .btn-close{
 margin-left: 0px;
}

#pop-up .modal-header div{
 width: 95%;
}
#pop-up .modal-dialog {
 max-width: 960px;
}
.special-offer{
 max-width: 340px;
 margin: 0px auto;
 padding: 10px;
 background-color: #21342D;
 color: white;
 border-radius: 50px;
 text-align: center;
}
.b2g4-sec{
 width: 60%;
}
.nty-btn{
 max-width: 250px;
 margin: 10px auto 0px auto;
 color: #ffff;
 padding: 15px 20px;
 border-radius: 12px;
 background: linear-gradient(138deg, rgba(185,185,185,1) 38%, rgba(165,165,165,1) 62%, rgba(145,145,145,1) 100%, rgba(0,212,255,1) 100%);
}
.nty-btn:hover{
 background: linear-gradient(138deg, rgba(165,165,165,1) 38%, rgba(145,145,145,1) 62%, rgba(185,185,185,1) 100%, rgba(0,212,255,1) 100%);
}
.cards-{
 max-width: 200px;
 margin: 20px auto;
}
.pbadge{
 max-width: 100px;
}
.yes-take{
 border-radius: 30px;
 padding: 20px;
 margin: 20px 0px;
}
.b2g4-sec img {
 max-width: 500px;
}

/*toggle sales section*/
.togll-sec{
 border-radius: 10px;
 overflow-x: hidden;
 background-color: #fff;
 margin-top: 5px;
}  

#sitefooter{
background-color: #153E36 !important;
}

img.splogo{
max-width: 350px;
}

#pop-up .buy-btn {
    max-width: 320px;
    width: 100%;
    border-radius: 12px;
}
.modal-backdrop{
  background-color: #1D1D1D !important;
  opacity: 1 !important;
}