/** Shopify CDN: Minification failed

Line 867:10 Expected ":"

**/
@import url('https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap');
:root{
--p14:1.4rem;
--p16:1.6rem;
--p20:2.0rem;
--p24:2.4rem;
--p32:3.2rem;
--p40:4.0rem;
--p48:4.8rem;
--pad72:7.2rem;
--body-font: "Urbanist", sans-serif;
--nwfont-body-family: "Urbanist", sans-serif;
--font-heading-family: "Urbanist", sans-serif;
--Poppins-Font: "Poppins", sans-serif;
}
.pgg--smart-toilet{
}
.pgg--smart-toilet .index_banner_sec{
    max-width:123.0rem;
    width:100%;
    margin:0 auto;
    padding:0 1.5rem;
    margin-top:4.0rem;
}
.toiletBannerWrap{
position:relative;
width:100%;
}
.toiletBannerWrap .mediaWrap{
    position:relative;
    overflow: hidden;
border-radius: 3.2rem;
}
.toiletBannerWrap .mediaWrap::before{
    content:"";
    width:100%;
    display:block;
    padding-bottom: 52.8%;
}
.toiletBannerWrap .mediaWrap img{
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    object-fit:cover;
}
.toiletBannerMain{
position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    display: flex;
    align-items: center;
    height: 100%;
    padding:4.0rem;
}
.toiletBannerMain{
max-width:63.6rem;
width:100%;
}
.toiletBannerMain .page-width{
    padding: 0 !important;
}
.toiletBannerMain .heading h1{
font-size:var(--p32);
color:#fff;
font-weight:600;
font-family: var(--Poppins-Font);
margin:0 0 1.6rem 0;
}
.toiletBannerMain .banner-content{
    font-size:var(--p20);
    font-weight:500;
    font-family: var(--Poppins-Font);
        letter-spacing: 0.2px;
        line-height:140%;
        color:#fff;
        margin:0 0 2.5rem 0;

}
.toiletBannerMain .banner_buttons{
    display:flex;
    gap:0.8rem;
    flex-wrap:wrap;
}
.toiletBannerMain .btn{
font-size: var(--p16);
    font-weight: 600;
    font-family: var(--Poppins-Font);
    letter-spacing: .2px;
    color: #fff;
    display: flex;
    padding: 1rem 15px;
    border-radius: 72px;
    min-width: 20rem;
    justify-content: center;
    align-items: center;
    height:5.4rem;
}
.toiletBannerMain .primary_btn {
    background: #6179FA;
}
.toiletBannerMain .primary_btn:hover {
    background: var(--theme-blue);
}
.toiletBannerMain .secondary_btn {
  border:2px solid #fff;

}
.toiletBannerMain .secondary_btn:hover {
        background: var(--theme-blue);
         border:2px solid var(--theme-blue);
}

.img-video-text{
    padding:7.2rem 0;
}
.img-video-text .image-with-text__grid{
    align-items:center;
}
.img-video-text .image-with-text__grid .image-with-text__media{
border:0;
    height: auto;
        border-radius: 2.4rem;
}
.img-video-text .image-with-text__grid .video-wrapper{
    width:100%;
    overflow:hidden;
    border-radius:2.4rem;
}
.img-video-text .image-with-text__grid .video-wrapper:before{
    content:"";
    width:100%;
display:block;
padding-bottom:100%;
}
.img-video-text .image-with-text__grid .video-wrapper video,
.img-video-text .image-with-text__grid .video-wrapper img{
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    object-fit:cover;
}
.img-video-text .image-with-text__grid .image-with-text__media-item{
    max-width: 48.334%;
    width:100%;
}
.img-video-text .image-with-text__grid .image-with-text__text-item{
     max-width: 45%;
    width:100%;
    margin-left:auto;
}
.img-video-text .image-with-text__grid .image-with-text__text-item .image-with-text__content{
    padding:0;
}
.img-video-text .image-with-text__grid .image-with-text__text-item .image-with-text__content h2{
font-family: var(--Poppins-Font);
font-weight: 700;
font-size: var(--p40);
line-height: 130%;
color:#6179FA;
margin-bottom: 2.4rem;
}
.img-video-text .image-with-text__grid .image-with-text__text-item .image-with-text__content h2 br{
    display:none;
}
.img-video-text .image-with-text__grid .image-with-text__text-item .image-with-text__content h2 strong{
    font-weight: 700;
    color: #001B4B;
        display: block;
}
.img-video-text .image-with-text__grid .image-with-text__text-item .image-with-text__content .image-with-text__text{
font-family: var(--Poppins-Font);
font-weight: 500;
font-size:  var(--p24);
line-height: 130%;
color: #001B4B;
    margin: 0;
}
.img-video-text .image-with-text__content--desktop-left>* {
width: 100%;
}

.key-features-section{
background-color:#000E25;
padding:7.2rem 0;
}
.key-features-section .key-features-heading{
font-weight: 700;
font-size: var(--p32);
line-height: 130%;
text-align: center;
color: #FFFFFF;
margin-bottom:4.0rem;
}
.key-features-section .key-features-list{
    display:flex;
    justify-content:center;
    gap:1.6rem;
    flex-wrap:wrap;
    margin-bottom: 4.0rem;
}
.key-features-section .key-features-list div{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 1.6rem 3.2rem;
    height: 6.3rem;
    border-radius: 10rem;
    font-weight: 500;
    font-size: var(--p24);
    line-height: 130%;
    color: #fff;
    /* box-shadow: inset 2px -4px 11px #1c3051;
    border: 1px solid rgba(255, 255, 255, 0.25);
    position:relative;

  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px); */
  position:relative;
  display:flex;
  /* background-image:url(/cdn/shop/files/btn-mid.png?v=1766469643); */
      background-position: right top;
    background-repeat: repeat;
    background-size: auto 100%;
    background-image:url(/cdn/shop/files/btn-bg-right.png?v=1766484333)
  
}
.key-features-section .key-features-list div::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:40%;
   pointer-events: none;
   background-image:url(/cdn/shop/files/btn-bg-left.png?v=1766484334);
   height:100%;
      background-repeat: no-repeat;
      background-size: auto 100%;
}
.key-features-section .key-features-list div span{
    position:relative;
    z-index:1;
            display: flex;
        align-items: center;
}
/* .key-features-section .key-features-list div span{
    flex-shrink:0;
    width: 5.8rem;
    height: 6.3rem;
        display: block;
        background-repeat:no-repeat;
    background-size: auto 100%;



}
.key-features-section .key-features-list div .btn-left{
    background-image:url(/cdn/shop/files/btn-left.png?v=1766469643);
        background-position: left top;
}
.key-features-section .key-features-list div .btn-right{
    background-image:url(/cdn/shop/files/btn-right.png?v=1766469644);
      background-position: right top;
} */
/* .key-features-section .key-features-list span:before{
content:"";
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
box-shadow: inset 2px -4px 11px #1c3051;
} */
.key-features-section .key-features-media{

}
.key-features-section .key-features-media .iframe-wrap{
    position:relative;
}
.key-features-section .key-features-media .iframe-wrap::before{
    content:"";
    width:100%;
    padding-bottom:48.34%;
    display: block;
}
.key-features-section .key-features-media .iframe-wrap iframe{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
    background-color: transparent;
}
.key-features-section .key-features-media video{
width:100%;
height:auto;
display: block;
}


.build-with-care{
    padding:7.2rem 0;
    background-color:#F9FAFF;
}
.build-with-care .build-with-care__heading{
font-weight: 700;
font-size: var(--p32);
line-height: 130%;
text-align: center;
color: #001B4B;
margin-bottom:2.4rem;
}
.build-with-care .build-with-care__subheading{
font-weight: 500;
font-size: var(--p24);
line-height: 130%;
text-align: center;
color: #001B4B;
margin-bottom:7.2rem;
}

.build-with-care .build-with-care__grid{
    display:flex;
    gap:3.2rem;

}
.build-with-care .build-with-care__grid .feature-card{
    position:relative;
    width:100%;
overflow:hidden;
border-radius:2.4rem;
}
.build-with-care .build-with-care__grid .feature-card::before{


}
.build-with-care .build-with-care__grid .feature-card .feature-card__media{
position: absolute;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    left: 0;
    top: 0;
    height: 100%;
    flex-direction: column;
    padding:4.4rem 2.3rem 5.7rem 4.4rem;
}
.build-with-care .build-with-care__grid .feature-card:before{
        content:"";
    display:block;
    width:100%;
    padding-bottom: 124.67%;
}
.build-with-care .build-with-care__grid .feature-card .feature-card__media{

}
.build-with-care .build-with-care__grid .feature-card .feature-card__media img{
    width:100%;
    height:100%;
    object-fit:cover;
    display: block;
    position:absolute;
    left:0;
    top:0;
}
.build-with-care .build-with-care__grid .feature-card h3,
.build-with-care .build-with-care__grid .feature-card .build__content,
.build-with-care .build-with-care__grid .feature-card .feature-card__note{
    position:relative;
}
.build-with-care .build-with-care__grid .feature-card h3{
font-family: var(--Poppins-Font);
font-weight: 600;
font-size: var(--p32);
line-height: 140%;
letter-spacing: 0.269847px;
color: #FFFFFF;
margin-bottom:1.1rem;
}
.build-with-care .build-with-care__grid .feature-card .build__content{
font-family: var(--Poppins-Font);
font-weight: 500;
font-size: 2.4rem;
line-height: 1.5;
letter-spacing: 0.269847px;
color: #E7EBFF;
    padding-right: 2.0rem;
}
.build-with-care .build-with-care__grid .feature-card .feature-card__note{
font-family: var(--Poppins-Font);
font-weight: 500;
font-size: var(--p20);
line-height: 1.5;
letter-spacing: 0.269847px;
color: #E7EBFF;
display:flex;
gap:1.6rem;
position:absolute;
left:0;
bottom:0;
  padding:4.4rem 4.4rem 5.7rem 4.4rem;
}
.build-with-care .build-with-care__grid .feature-card .feature-card__note span{
    display: block;
    flex-shrink: 0;
    margin-top: 1.3rem;
}

.toilet-take-control{
padding:7.2rem 0 7.2rem 0;
}
.toilet-take-control .common-heading{
font-family: var(--Poppins-Font);
font-weight: 700;
font-size: var(--p40);
line-height: 130%;
color: #001B4B;
}
.toilet-take-control .text{
font-family: var(--Poppins-Font);
font-weight: 500;
font-size:var(--p24);
line-height: 130%;
color: #001B4B;
}

.toilet-take-control .toilet-block{
padding-top:7.2rem;
display:flex;
flex-wrap:wrap;
justify-content: space-between;
}
.toilet-take-control .toilet-block .lft-wrapper{
width:32%;
}
.toilet-take-control .toilet-block .rgt-wrapper{
width:66%;
display:flex;
flex-wrap:wrap;
justify-content: space-between;
row-gap:2.4rem;
}
.toilet-take-control .toilet-block .rgt-wrapper .item{
    width: 48.486%;
}
.toilet-take-control .toilet-block .item{
    position:relative;
}
.toilet-take-control .toilet-block .item .img-sec{
     position:relative;
     width:100%;
     overflow:hidden;
     border-radius:2.4rem;
}
.toilet-take-control .toilet-block .item .img-sec::before{
    content:"";
    width:100%;
    display:block;
    padding-bottom:100.265%;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 60.01%, rgba(255, 255, 255, 0.95) 100%);
        z-index: 1;
    position: relative;

    opacity: 0.5;
}
.toilet-take-control .toilet-block .item .img-sec img{
    width:100%;
    height:100%;
    left:0;
    top:0;
    position:absolute;
    object-fit:cover;
}
.toilet-take-control .toilet-block .item .info{
    padding:2.4rem 1.6rem;
font-weight: 500;
font-size: var(--p20);
line-height: 1.5;
letter-spacing: 0.269847px;
color: #33496F;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index:2;
}
.toilet-take-control .toilet-block .item .info h4{
    font-family: var(--Poppins-Font);
font-weight: 600;
font-size: var(--p24);
line-height: 140%;
letter-spacing: 0.269847px;
color: #001B4B;
margin-bottom:1.1rem;
}
.toilet-take-control .toilet-block .lft-wrapper .item .img-sec::before{
padding-bottom: 206.78%;
}

.toilet-faq-wrap{
    padding:7.2rem 0 19.1rem;
}
.toilet-faq-wrap .toilet-faq-inner{
    max-width:91.2rem;
    width:100%;
    margin:0 auto;
}
.toilet-faq-wrap .toilet-faq-inner .common-heading{
text-align:center;
font-weight: 700;
font-size: var(--p40);
line-height: 140%;
color: #001B4B;
}
.faq-block{
}
.faq-block .faq-item{
    border-bottom:1px solid #EEEEEE;
    padding:2.4rem 0;
}
.faq-block .faq-item .question{

}
.faq-block .faq-item .question h4{
font-weight: 700;
font-size: var(--p16);
line-height: 150% ;
color: #001B4B;
display:flex;
    justify-content: space-between;
    gap:1.5rem;
    cursor:pointer;
}
.faq-block .faq-item .question h4 span{
    flex-shrink:0;
}
.faq-block .faq-item .question h4 span svg{
transition: all .45s ease;
}
.faq-block .faq-item.active .question h4 span svg{
transform: scaleY(-1);
}
.faq-block .faq-item .answer{
}
.faq-block .faq-item .answer .txt{
font-weight: 400;
font-size: var(--p14);
line-height: 157%;
color: #33496F;
padding-top:1.6rem;
}
/* product page css */
.sub_details_wrap {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}



/* PAD PAGE */
.product_sec.toilet_product_sec .toilet-pdp--sec{
    padding:4rem 0 0rem !important;
}

.product_sec .toilet-pdp--sec .product .toilet__media-wrapper{
    max-width:48% !important;
    width:100% !important;
    padding:0;
    background-color:transparent;
}
.product_sec .product .toilet__media-wrapper ul.product__media-list{
    row-gap:1.0rem;
    column-gap:0.8rem;
}
.product_sec .product .toilet__media-wrapper ul.product__media-list li{
    padding:0;
    margin:0;
}
.product_sec .product .toilet__media-wrapper ul.product__media-list li .product-media-container{
    border:0;
    width: 100%;
}
.product_sec .product .toilet__media-wrapper ul.product__media-list li .product__media{
    border-radius:1.68rem;
}
.product_sec 
.product 
.toilet__media-wrapper 
ul.product__media-list 
li:first-of-type .product__media {
  border-radius: 2.4rem;
}
.product_sec .product .toilet__media-wrapper ul.product__media-list li:nth-last-child(1) {
        max-width:100%;
} 
.product_sec .toilet-pdp--sec .product .product__info-wrapper.toilet__prd-info{
    max-width:48% !important;
    width:100% !important;
    padding:6rem 0 0 0 !important;
    margin-left:auto;
    position:static;
}
.product_sec .product .product__info-wrapper.toilet__prd-info .product__info-container{
    max-width:100%;
    padding:0;
}
.product .toilet__prd-info .product__title{
    margin-bottom:1.6rem;
}
.product_sec .product .product__info-wrapper.toilet__prd-info .product__info-container .product__title h1{
font-weight: 700;
font-size: 3rem;
line-height: 1.5;
align-items: center;
color: #001B4B;
text-align:left;
margin:0;

}
.product_sec .product .product__info-wrapper.toilet__prd-info .product__info-container .product__description{
font-size:2.0rem;
font-weight: 500;
line-height: 1.5;
/* letter-spacing: -0.374px; */
color: #667693;
margin-bottom:4.0rem;
}
.product_sec .product .product__info-wrapper.toilet__prd-info .product__info-container .product__description span{
font-size: 1.7rem !important;
color: #33496F !important;

}
.toilet__prd-info .subscription-widget-inner{
    display:flex;
    flex-direction:column;
    gap:1.8rem;
}
.toilet__prd-info .subscription-widget-inner .product-form{
    margin:0 0 1.6rem 0;
}
.toilet__prd-info .subscription-widget-inner .product-form__buttons {
    max-width: 100%;
}
.toilet__prd-info .suboption{
padding: 1.6rem 2.9rem 1.6rem 1.6rem;
background: #F9FAFF;
border: 1px solid #E7EBFF;
border-radius: 1.6rem;
margin:0 0 1.6rem!important;
    background-color:#fff;
}

.toilet__prd-info .suboption .sellingPlan_discountText{
padding: .4rem 1.6rem;
/* width: 14.0rem; */
/* height: 3.4rem; */
background: #8194FB;
border-radius: 1.6rem;
font-weight: 600;
font-size: 1.3rem;
line-height: 162%;
color: #FFFFFF;
}
.toilet__prd-info .suboption .sub_content_wrap {
    width: 55%;
    padding-left: 1rem;
}
.toilet__prd-info .suboption .sub_content_wrap .selling-plan-name-wrapper strong{
 font-weight: 600;
font-size: 1.9rem;
line-height: 1.5;
letter-spacing: -0.374px;
color: #001B4B;
margin:0 0 0.8rem 0;
display: block;
font-family: var(--Poppins-Font);
}
.toilet__prd-info .suboption .sub_price_wrap{
    width:142px;
    margin-left:auto;
        text-align: right;
}
.toilet__prd-info .suboption .sub_additional_infor .metafield-rich_text_field{
}

.toilet__prd-info .suboption .sub_additional_infor ul{
padding:0;
margin:0;
list-style: none;
}
.toilet__prd-info .suboption .sub_additional_infor ul li{
    font-weight: 600;
    font-size: 1.4rem;
    line-height: 162%;
    color: #33496F;
    display: flex;
    gap: 7px;
    font-family: var(--Poppins-Font);
}
.toilet__prd-info .suboption .sub_additional_infor ul li::before{
    width:4px;
    height:4px;
    content:"";
    border-radius:100%;
flex-shrink:0;
    margin-top: 11px;
    background-color:#667693;
}

.toilet__prd-info .suboption .selling-plan-detail-wrapper{
    text-align:right;
}

.toilet__prd-info .suboption .selling-plan-detail-wrapper span,
.toilet__prd-info .suboption .plain_text span{
font-family: var(--Poppins-Font);
font-weight: 700;
font-size: 1.9rem;
line-height: 108% ;
color: #667693;
}

.mb_border {
    margin-top: 1rem;
}

.product_sec .product__info-wrapper.toilet__prd-info .subscription-widget-inner .product-form__submit{
padding: 1.6rem;
gap: 10px;
width: 100%;
height: 54px;
background: #E7EBFF;
border: 3px solid #E7EBFF;
border-radius: 3.2rem;
text-align: center;
justify-content: center;
font-weight: 600;
font-size: 2rem;
line-height: 1.5;
letter-spacing: -0.374px;
color: #6179FA;
transition:all 0.45s ease-in-out;
text-transform: none;
}
.product_sec .product__info-wrapper.toilet__prd-info .subscription-widget-inner .product-form__submit:hover{
    background-color:#ccc;
}





.toilet__prd-info .suboption.activatedOption{
border: 1px solid #8194FB;
background-color:#F9FAFF;
}
.toilet__prd-info .suboption.activatedOption .sub_content_wrap .selling-plan-name-wrapper strong{
    color:#6179FA;
}
.toilet__prd-info .suboption.activatedOption .selling-plan-detail-wrapper span, 
.toilet__prd-info .suboption.activatedOption .plain_text span{
    color:#6179FA;
}
.toilet__prd-info .suboption.activatedOption .sellingPlan_discountText{
    background-color:#8194FB;
}



.product_sec .product__info-wrapper.toilet__prd-info .subscription-widget-inner .product-form .product-form__submit{
        background-color:#6179FA;
        color:#fff;
        border: 3px solid #6179FA;

}


.technical-specs{
    padding:4.8rem 0 6.4rem;
}

.technical-specs .technical__wrap{
    display:flex;
    flex-wrap:wrap;
}
.technical-specs .technical__wrap .technical-specs-data{
    width:58%;
}
.main_dimention_wrap{
    padding:1.7rem 0;
        position:relative;
    
}
.main_dimention_wrap::before {
    content: "";
    width: calc(100% - 1rem);
    height: 1px;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    position: absolute;
    border-bottom: 1.8px solid #99a4b74d;
}
/* .main_dimention_wrap:last-child:after{
        content:"";
    width:calc(100% - 5.6rem);
    height:1px;
    left:50%;
    bottom:0;

    transform: translateX(-50%);
    position:absolute;
       border-bottom:1px solid #99A4B7;
} */
.technical-specs .technical__wrap .heading-number{
    display:flex;
    gap:0.8rem;
}

.technical-specs .technical__wrap .heading-number h3{
    margin:0;
    padding:0;
    width:49%;
    flex-shrink:0;
    font-weight: 600;
    font-size: 2rem;
    line-height: 1.5;
    color: #001B4B;
    white-space: nowrap;
}
.technical-specs .technical__wrap .heading-number p {
    width: 51%;
    font-weight: 500;
    font-size: 1.7rem;
    line-height: 162%;
    text-align: right;
    color: #33496F;
}
.technical-specs .dimension-row{
    display:flex;
    padding-top:0.8rem;
}
.technical-specs .dimension-row span{
    width:50%;
    font-weight: 400;
font-size: 1.6rem;
line-height: 162%;

color: #667693;
}
.technical-specs .dimension-row ul{
    list-style:none;
    padding:0;
    margin:0;
        width: 100%;
        pa
}
.technical-specs .dimension-row ul li {
    font-weight: 500;
    font-size: 1.7rem;
    line-height: 162%;
    color: #33496F;
    display: flex;
    gap: 0.8rem;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 1rem;
}
.technical-specs .dimension-row ul li:last-child {
    margin-bottom: 0;
}
.technical-specs .dimension-row ul li strong {
    font-weight: 500;
    color: #001B4B;
}
.technical-specs .dimension-row span:last-child{
text-align: right;
}
.technical-specs .technical__wrap .right-image{
    width:35%;
    margin-left:auto;
}
.technical-specs .technical__wrap .right-image img{
    width: 100%;
    border-radius: 3.2rem;
    object-fit:cover;
}

.technical-specs-data .heading h2{
font-weight: 700;
font-size: 3.2rem;
line-height: 1.5;
letter-spacing: -0.374px;
color: #001B4B;
margin:0 0 1.6rem 0;
}
.main_featured_coverage_wrap{
    padding:9.6rem 0 4.8rem;
}
.main_featured_coverage_wrap .heading h2{
    margin-bottom:2.4rem;
font-weight: 700;
font-size: 4.0rem;
line-height: 130%;
color: #001B4B;
}
.featured-coverage-item{

border: 1px solid #001B4B;
border-radius: 32px;
position:relative;
}

.featured-coverage-content{
font-weight: 300;
font-size: 2.0rem;
line-height: 180%;
color: #001B4B;
min-height:20.4rem;
padding:1.2rem 1.6rem;
}
.featured-coverage-logo{
    height:11.4rem;
    width:100%;
    display:flex;
    align-items:center;
    padding:1.2rem 1.6rem;
}
.featured-coverage-logo img{
    max-width:100%;
    width:auto;
}
.main_featured_coverage_wrap ul.splide__pagination{
    display:flex;
    justify-content:center;
    position:static;
    gap:0.8rem;
    padding:2.4rem 0 0 0;
    margin:0;
        transform: none;
}
.main_featured_coverage_wrap ul.splide__pagination li{
    margin:0;
}
.main_featured_coverage_wrap ul.splide__pagination li button{
    transform: none;
    margin: 0;
width: 10px;
height: 10px;
background: #E7EBFF;
opacity: 0.8;
border-radius:100%;
transition:all 0.45s ease-in-out;
}
.main_featured_coverage_wrap ul.splide__pagination li button.is-active{
width: 24px;
background: #6179FA;
border-radius: 24px;

}
.receive-sec{
}
.simple-receive{
   padding:6.4rem 0;
   background-color:#E7EBFF; 
}
.simple-receive .receive-heading h2{
font-weight: 700;
font-size: 32px;
line-height: 130%;
text-align: center;
margin:0 0 2.4rem 0;
color: #001B4B;
}
.receive-grid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    row-gap:3.2rem;
    column-gap:2.4rem
}

.rec-item-1 {
    grid-row: span 2 / span 2;
}

.rec-item-2 {
    grid-row: span 2 / span 2;
}


.rec-item-4 {
    grid-column-start: 3;
}
  
  

.receive-item{
}
.receive-item .imgbox{
    position:relative;
    width:100%;
    margin-bottom:2.4rem;
    margin-top:6.3rem;
}
.receive-item .imgbox::before{
    content:"";
    width:100%;
    padding-bottom:134%;
    display:block;
}
.receive-item.rec-item-3 .imgbox::before,
.receive-item.rec-item-4 .imgbox::before{
    padding-bottom:42%;
}
.receive-item .imgbox img{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    object-fit:cover;
}
.receive-item .item-title{
    padding:1.2rem 1.6rem;
font-weight: 600;
font-size: 2rem;
line-height: 200%;
text-align: center;
color: #001B4B;
}

  
.product_sec.toilet_product_sec .toilet-pdp--sec{
    border-top:1px solid #eeeeee;
    
}
.prd--smart-toilet .toilet-faq-wrap {
    padding: 0 0 9.6rem;
}

/* pdp page banner css */
.prd--smart-toilet .index_banner_sec {
    max-width: 123.0rem;
    width: 100%;
    margin: 0 auto;
    padding: 5.2rem 1.5rem;
}
.prd--smart-toilet .sub_additional_infor {
    padding-left: 1rem;
}
.prd--smart-toilet span.active-product {
   font-family: var(--nwfont-body-family);
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #BBBBBB!important;
}
.prd--smart-toilet.product_sec .product__media-wrapper .breadcrumb span, .product_sec .product__media-wrapper .breadcrumb a {
    color: #1d1d1d;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    font-family: var(--nwfont-body-family);
}
.prd--smart-toilet .product_sec .product__media-wrapper .breadcrumb {
    margin-bottom: 4.2rem!important;
}
.prd--smart-toilet .toiletBannerMain {
    max-width: 90.6rem;
    width: 100%;
}
.prd--smart-toilet .toiletBannerMain .banner-content {
    font-size: var(--p16);
    font-weight: 600;
    font-family: var(--Poppins-Font);
    letter-spacing: 0.2px;
    line-height: 140%;
    color: #fff;
    margin: 0 0 2.5rem 0;
    line-height: 130%;
    color: #FFFFFF;
}
.feature-item h4.feature-title {
    font-family: var(--Poppins-Font);
    font-style: normal;
    font-weight: 600;
    font-size: var(--p20);
    line-height: 130%;
    color: rgba(255, 255, 255, 0.25);
    margin-bottom: 1.6rem;
}
.feature-item.is-active  h4.feature-title {
    font-family: var(--Poppins-Font);
    font-style: normal;
    font-weight: 600;
    font-size: var(--p24);
    line-height: 130%;
    color: #FFFFFF;
}
.feature-item .feature-content p {
    font-family: var(--Poppins-Font);
    font-style: normal;
    font-weight: 600;
    font-size: var(--p16);
    line-height: 130%;
    color: rgba(255, 255, 255, 0.25);
}
.feature-item.is-active p {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: var(--p16);
    line-height: 130%;
    color: #FFFFFF;
}

.feature-item {
    position: relative;
    margin-bottom: 3rem;
    padding-left: 1.8rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    cursor:pointer;
}
.feature-item:before {
    position: absolute;
    content: "";
    width: .2rem;
    left: 0;
    height: 8rem;
    background: rgba(255, 255, 255, 0.25);
}
.feature-item.is-active:before {
    background: #FFFFFF;
}
.banner-feature-list {
    margin: 5.7rem 0;
}
 /* ================ :: RESPONSIVE START :: ================ */
@media only screen and (max-width:1199px) {
/*========================1199PX===========================*/   
}
@media only screen and (max-width:989px) {
.toiletBannerMain .heading h1,
.key-features-section .key-features-heading,
.build-with-care .build-with-care__heading,
.build-with-care .build-with-care__grid .feature-card h3,
.toilet-take-control .common-heading,
.product_sec .product .product__info-wrapper.toilet__prd-info .product__info-container .product__title h1,
.simple-receive .receive-heading h2,
.main_featured_coverage_wrap .heading h2 {
font-size: 2.4rem;
}
.toiletBannerMain .banner-content,
.key-features-section .key-features-list div,
.build-with-care .build-with-care__grid .feature-card .build__content,
.toilet__prd-info .suboption .sub_content_wrap .selling-plan-name-wrapper strong,
.technical-specs .technical__wrap .heading-number h3{
font-size:1.2rem;
}
.build-with-care .build-with-care__grid .feature-card .feature-card__note,
.featured-coverage-content,
.technical-specs .dimension-row ul li,
.technical-specs .technical__wrap .heading-number p{
      font-size:1.6rem;
}
.img-video-text .image-with-text__grid .image-with-text__text-item .image-with-text__content .image-with-text__text,
.toilet-faq-wrap .toilet-faq-inner .common-heading,
.toilet-take-control .text,
.toilet-take-control .toilet-block .item .info h4,
.build-with-care .build-with-care__subheading,
.receive-item .item-title{
    font-size:2.0rem;
}
.img-video-text .image-with-text__grid .image-with-text__text-item .image-with-text__content h2{
      font-size: 3.2rem; 
}
.toilet__prd-info .suboption .sub_additional_infor ul li,
.product_sec .product__info-wrapper.toilet__prd-info .subscription-widget-inner .product-form__submit {
 font-size:1.8rem;   
}
.toilet__prd-info .suboption .selling-plan-detail-wrapper span, .toilet__prd-info .suboption .plain_text span{
    font-size:1.1rem;
}
.technical-specs-data .heading h2{
    font-size:2.5rem;
}
/* ++++++++++++++++ */
.technical-specs-data .heading h2 {
    margin: 0 0 0.8rem 0;
    text-align: left;
}
.main_dimention_wrap{
padding: 0.8rem 0;
}
.technical-specs .technical__wrap .heading-number p br{
    display:none;
}
.technical-specs .dimension-row {
    padding-top: 0.4rem;
}
.toilet__prd-info .suboption.activatedOption .selling-plan-detail-wrapper span, .toilet__prd-info .suboption.activatedOption .plain_text span {
    color: #001B4B;
}
/* .technical-specs .technical__wrap .heading-number{
    flex-direction:column;
} */
.technical-specs .technical__wrap .heading-number h3,
.technical-specs .technical__wrap .heading-number p{
    /* width:100%; */
    text-align:left;
}
.technical-specs .technical__wrap .heading-number p{
    text-align:right;
}
.sub_details_wrap{
    flex-wrap:wrap;
}
.toilet__prd-info .suboption .sub_content_wrap {
    width: 100%;
}
.toilet__prd-info .suboption .sub_price_wrap {
    width:100%;
    display: flex;
    gap: 0.3rem;
    margin-top:0.6rem;
    margin-bottom:0.6rem;
}
.toilet__prd-info .suboption .sub_content_wrap .selling-plan-name-wrapper strong {
    margin: 0 0 0.6rem 0;

}
.product_sec .product__info-wrapper.toilet__prd-info .subscription-widget-inner .product-form__submit {
    border: 1px solid #667693;
    min-height: 3.1rem;
    height:3.1rem;
    justify-content: center;
    padding: 2rem 2rem;
}
.product_sec .product .product__info-wrapper.toilet__prd-info .product__info-container .product__title h1 {
    text-align: left;
    letter-spacing:0;
    font-size:2.2rem;
}
.technical-specs .technical__wrap .right-image img {
    height: auto;
    object-fit: contain;
}
/* .technical-specs .technical__wrap .right-image {
    display: flex;
    align-items: flex-end;
} */
.toilet__prd-info .suboption {
    padding: 1.2rem 0.9rem 1.2rem 0.9rem;
    background: #FFFFFF;
    border: 1px solid #E7EBFF;
    border-radius: 1.6rem;
    /* margin: 0 0!important; */

}
.product_sec .product .product__info-wrapper.toilet__prd-info .product__info-container .product__description {
    letter-spacing: -0.44px;

}


.pgg--smart-toilet .index_banner_sec{
    margin-top:2.4rem;
}
.toiletBannerMain {
    max-width: 43.6rem;
}
.build-with-care .build-with-care__grid .feature-card .feature-card__note span svg{
width: 2.4rem;
        height: auto;
        display: block;
        position: relative;
        left: 1px;
}
.build-with-care .build-with-care__grid .feature-card .feature-card__note{
    gap:0.8rem;
}
.build-with-care .build-with-care__grid .feature-card .feature-card__media ,
.build-with-care .build-with-care__grid .feature-card .feature-card__note{
    padding: 2.4rem;
}

.build-with-care .build-with-care__subheading{
    margin-bottom:3.2rem;
}
.toilet-take-control .toilet-block .item .info{
    font-size:1.696rem;
}
.build-with-care .build-with-care__heading{
    margin-bottom:1.6rem;
}
.build-with-care {
    padding: 3.2rem 0;
}
.toilet-take-control .toilet-block .item .info {
    padding: 2.4rem 1.6rem;
}
.toilet-take-control .toilet-block .item .info h4{
    margin-bottom:0.7rem;
}
.toilet-take-control{
    padding-bottom:3.2rem;
}

.toiletBannerMain {
    padding: 4rem 2.4rem;
}
.prd--smart-toilet .toiletBannerMain {
    padding: 3rem 2.4rem;
}
.banner-feature-list {
    margin: 2.4rem 0;
}
.feature-item h4.feature-title {
    font-size: var(--p20);
}
.feature-item.is-active  h4.feature-title {
    font-size: var(--p20);
}
.feature-item h4.feature-title {
    margin-bottom: 2rem;
    color: rgba(255, 255, 255, 0.74);
}
.prd--smart-toilet .toiletBannerMain .banner-content {
    display: none;
}

.img-video-text {
    padding: 3.2rem 0;
}
.feature-item {
    margin-bottom: 2.6rem;
}


.toilet-take-control .toilet-block {
    padding-top: 3.2rem;
}

.key-features-section .key-features-list div{
    height:5.3rem;
}
.key-features-section .key-features-list {
    gap: 0.8rem;
}
.key-features-section {
    padding: 3.2rem 0;
}
.key-features-section .key-features-heading{
    margin-bottom:2.4rem;
}
.key-features-section .key-features-list{
      margin-bottom:2.4rem;  
}
.toilet-faq-wrap .toilet-faq-inner .common-heading{
    margin:0;
}
.faq-block .faq-item {
    padding: 1.6rem 0;
}
.build-with-care .build-with-care__grid .feature-card .build__content {
    padding-right: 0;
    font-size:1.5rem;
}
.build-with-care .build-with-care__grid .feature-card .feature-card__note span {
    margin-top: 7px;
}
.toilet-take-control .toilet-block .item .info h4{
    font-size:1.7rem;
}
    .toilet-take-control .toilet-block .item .info {
        font-size: 1.3rem;
        line-height: 1.3;
    }

    .product_sec .toilet-pdp--sec .product .toilet__media-wrapper,
    .product_sec .toilet-pdp--sec .product .product__info-wrapper.toilet__prd-info {
    max-width: 100% !important;
}
 .product_sec .toilet-pdp--sec .product .product__info-wrapper.toilet__prd-info {
    padding:0 !important;
    margin:0  !important;
 }
.receive-item .item-title {
    line-height: 1.5;

}
.subscription-widget-wrap.is-main-product{
    margin-bottom:0;
}
.product_sec.toilet_product_sec .toilet-pdp--sec {
    padding-bottom: 5.0rem !important;
}
.simple-receive {
    padding: 2.4rem 0;
}
.simple-receive .receive-heading h2{
    margin-bottom:3.2rem;
}
.main_featured_coverage_wrap{
    padding:3.2rem 0 1.6rem;
}
.featured-coverage-content{
    height:23rem;
}

.main_featured_coverage_wrap ul.splide__pagination {
    padding: 1.2rem 0 0 0;
}
.technical-specs {
    padding: 1.6rem 0 1.6rem;
}
.prd--smart-toilet .toilet-faq-wrap {
    padding: 1.6rem 0 6.3rem;
}

.prd--smart-toilet .product .toilet__prd-info .product__title {
    margin-bottom: 2.4rem;
}
.product_sec .product .product__info-wrapper.toilet__prd-info .product__info-container .product__description {
    margin-bottom: 3.2rem;
}
.product_sec .product .toilet__media-wrapper ul.product__media-list li .product-media-container {
    width: 100%;
}

/* .mb_border,
.mb_border_disable{
        padding: 1.2rem 0.9rem 1.2rem 0.9rem;
        background: #F9FAFF;
        border: 1px solid #667693;
        border-radius: 1.6rem;
        margin: 0 !important;
}
.mb_border .suboption,
.mb_border_disable .suboption{
    border:0;
    padding:0;

} */
/* .toilet__prd-info .suboption.activatedOption {
    border: 0px solid #8194FB;
    background-color: #F9FAFF;
} */
/* .toilet__prd-info .mb_border{
       border: 1px solid #8194FB;
    background-color: #F9FAFF;
} */
.toilet__prd-info .subscription-widget-inner .product-form {
    margin: 0;
}
.toilet__prd-info .subscription-widget-inner {
    display: flex;
    flex-direction: column;
    gap: 3.2rem;
}
.toilet__prd-info .suboption .sellingPlan_discountText {
    top: -18px;
}
.mb_border_disable span.price-item.price-item--regular .money {
color:#6179FA;
}
.mb_border {
    margin-bottom: 1rem;
}
.feature-item:before {
    height: 8rem;
}
/*========================989PX===========================*/    
}
@media (min-width: 1130px) {
  .prd--smart-toilet .toiletBannerMain .banner-content {
    position: relative;
    top: 30px;
  }
}

@media only screen and (max-width:767px) {
/*========================767PX===========================*/    
}
@media only screen and (max-width:749px) {
    .build-with-care .build-with-care__grid .feature-card .build__content {
    font-size:1.6rem;
}
.toiletBannerWrap .mediaWrap:before {
    padding-bottom: 192.47%;
}
.product_sec .product__info-wrapper .product-form__submit .price-item {
    font-size: 17px!important;
}
.img-video-text .image-with-text__grid{
    flex-direction: column-reverse;
    gap:3.2rem;
}
.img-video-text .image-with-text__grid .image-with-text__media-item,
.img-video-text .image-with-text__grid .image-with-text__text-item{
    max-width:100%;
}
.toilet-take-control .top-wrapper{
    text-align:center;
}
.toilet-take-control .toilet-block {
gap:1.357rem;
flex-wrap: nowrap;
overflow: auto;
scrollbar-width: none;
}
.toilet-take-control .toilet-block .lft-wrapper{
    flex-shrink:0;
}
.toilet-take-control .toilet-block .lft-wrapper,
.toilet-take-control .toilet-block .rgt-wrapper .item {
    width: 290px;
}
.toilet-take-control .toilet-block .rgt-wrapper {
    width: auto;
    flex-wrap: nowrap;
 gap:1.357rem;
}
.toilet-take-control .toilet-block .lft-wrapper .item .img-sec:before {
padding-bottom: 112.415%;
opacity: 0;
}
.toilet-take-control .toilet-block .item .img-sec:before{
padding-bottom: 112.415%;
}
.toilet-take-control .toilet-block .lft-wrapper .item .info:after {
    content:"";
    width:100%;
    display:block;
    height:124%;
    background: linear-gradient(180deg,rgba(247, 249, 253, 0.0) 0%, rgba(247, 249, 253, 1) 39%, rgba(247, 249, 253, 1) 100%);
    z-index: -1;
    position: absolute;
    left:0;
    bottom:0;
    opacity:0;
}
.toilet-take-control .toilet-block .item {
    overflow: hidden;
    border-radius: 2.4rem;
}
.key-features-section .key-features-list div{
    padding:1.6rem;
}

.key-features-section .key-features-list {
gap: .8rem ;
order:3;
margin:2.4rem 0 0 0;
}

.key-features-section .key-features-media{
   order:2; 
}
.key-features-section .page-width{
    display:flex;
    flex-direction:column;
}
.build-with-care .build-with-care__grid{
flex-wrap:wrap;
}
.build-with-care .build-with-care__grid .feature-card::before{
content:normal;
}
.build-with-care .build-with-care__grid .feature-card .feature-card__media{
position:relative;
}
.build-with-care .build-with-care__grid .feature-card .feature-card__media img{
position: static;
    height: auto;
    border-radius:2.4rem;
}
.build-with-care .build-with-care__grid .feature-card .feature-card__media, 
.build-with-care .build-with-care__grid .feature-card .feature-card__note {
padding: 0;
}
.build-with-care .build-with-care__grid .feature-card h3 {
    position: absolute;
    width:100%;
    padding:2.4rem;
}
.build-with-care .build-with-care__grid .feature-card .build__content{
    padding:1.6rem 0 0 0;
color: #33496F;
}
.build-with-care .build-with-care__grid .feature-card .feature-card__note{
position: static;
color: #33496F;
padding-top:3.2rem;
}
.build-with-care .build-with-care__grid .feature-card .feature-card__note svg path{
    fill:#33496F;
}
.toiletBannerMain .banner_buttons {
    flex-direction: column-reverse;
    max-width:20rem;
    width:100%;
}
.toiletBannerMain{
    align-items:flex-start;
}
.toilet-faq-wrap{
    padding-bottom:13.0rem;
}
.build-with-care .build-with-care__grid .feature-card .feature-card__note span {
    margin-top: 10px;
}
.key-features-section .key-features-media .iframe-wrap:before {
    padding-bottom: 60.34%;
}
.faq-block .faq-item .question h4{
 font-weight: 600;   
}
.toilet-take-control .toilet-block .item .info h4{
    font-size:2rem;
}
    .toilet-take-control .toilet-block .item .info {
        font-size: 1.696rem;
        line-height: 1.5;
    }

    .build__content p {
        margin: 7px 10px 0;

}
.receive-grid {
    display: flex;
    column-gap:1.4rem;
    overflow: auto;
            scrollbar-width: none;
}
.receive-item {
        min-width: 31rem;
}
.receive-item .imgbox::before {
    padding-bottom: 100% !important;

}
.receive-item .imgbox img {
    object-fit: contain;
}
.receive-item .imgbox {
    margin-bottom: 0;
    margin-top: 0;
}
.receive-item.rec-item-3 .imgbox {
  margin-top: 30px;
}

.featured-coverage-logo img{
    width:auto;
    height:15px;
}
.main_featured_coverage_wrap .heading h2 {
    display:none;
}
.featured-coverage-logo{
    height:5.4rem;
}
.technical-specs .technical__wrap .technical-specs-data,
.technical-specs .technical__wrap .right-image {
    width: 100%;
}
.technical-specs .technical__wrap .right-image{
    order:-1;
}
.technical-specs .technical__wrap {
    gap: 2.6rem;
}


.product_sec .toilet-pdp--sec .product .toilet__media-wrapper .slider-button,
.product_sec .toilet-pdp--sec .product .toilet__media-wrapper .slider-counter{
display:none;
}
.product_sec .toilet-pdp--sec .product .toilet__media-wrapper .slider-buttons{

}
.product_sec .toilet-pdp--sec .product .toilet__media-wrapper .slider-dots{
    display:flex;
    justify-content:center;
    gap:0.8rem;
}
.product_sec .toilet-pdp--sec .product .toilet__media-wrapper .slider-dots button{
    width:10px;
    height:10px;
    border-radius:100%;
    border:0;
    padding:0;
    margin:0;
    box-shadow:none;
    outline:none;
    background: #E7EBFF;
opacity: 0.8;
transition:all 0.45s ease-in-out;

}
.product_sec .toilet-pdp--sec .product .toilet__media-wrapper .slider-dots button.is-active{
width: 24px;
background: #6179FA;
border-radius: 24px;
opacity:1;

}
.product_sec .product .toilet__media-wrapper ul.product__media-list {
    margin:0;
    scroll-padding-left: 0;
    margin-bottom: 1.2rem;
}
.product_sec .product .toilet__media-wrapper ul.product__media-list li .product__media{
    padding-top: 97%;
}
.product_sec .product .toilet__media-wrapper ul.product__media-list li{
    width:90%;
}
.product_sec .product .subscription-widget-wrap.is-main-product {
        margin-top: 3.2rem;
    }
.product_sec .product .product__media-wrapper slider-component:not(.thumbnail-slider--no-slide) {
        margin-left: 0;
        margin-right: 0;
    }
        .technical-specs .technical__wrap .heading-number p br {
        display: block;
    }
    .technical-specs .technical__wrap .heading-number h3{
        font-weight:600;
    }
    .featured-coverage-content{
        font-weight:500;
        
    }
    .prd--smart-toilet .toiletBannerWrap .mediaWrap:before {
    padding-bottom: 226.47%;
}
.product_sec .product__info-wrapper.toilet__prd-info .subscription-widget-inner .product-form .product-form__submit {
    justify-content: space-between;
    padding: 2rem 2rem;
}
.mb_border {
    margin-bottom: 1rem;
}
span.price_amt {
    font-size: 1.2rem;
}
.mb_border .sub_additional_infor ul li{
    font-size:1.4rem!important;
}
.mb_border_disable .sub_additional_infor ul li {
    font-size:1.4rem!important;
}
.mb_border_disable span.btnTxt {
    font-size: 1.6rem;
}

.technical-specs .technical__wrap {
    flex-direction: column-reverse;
}
.prd--smart-toilet .index_banner_sec {
    max-width: 123.0rem;
    width: 100%;
    margin: 0 auto;
    padding: 4.4rem 1.5rem;
}
.simple-receive {
    background-color: #F7F8FF;
}
.receive-item {
    background: #E7EBFF;
    border-radius: 16px;
}
.selling-plan-name-wrapper strong {
    font-size: 1.7rem!important;
}
.product_sec .product__info-wrapper.toilet__prd-info .subscription-widget-inner .product-form__submit {

    justify-content: space-between;

}
.slider-mobile-gutter {
    margin-bottom: 3rem;
}
.feature-item:before {
    height: 9rem;
}
.prd--smart-toilet .toiletBannerMain .heading h1 {
    font-size: 2rem!important;
}
.toiletBannerMain{
    top: 0;

}
.product_sec .product .product__info-wrapper.toilet__prd-info .product__info-container .product__description span {
    font-size: 1.5rem !important;
    color: #33496F !important;
    line-height: 1.2!important;
}
/*========================749PX===========================*/    
}
 /* ================ :: RESPONSIVE END :: ================ */



 .mb_border_disable {
    pointer-events: none;
 }