/* banner */

.banner_box picture:after{display: none;}
.product-banner .banner_content{transform: translate(0, 0); top: initial; left: initial; bottom: 70px; right: 60px; width: 350px; text-align: initial;}
.product-banner .banner_title{font-size: 42px; line-height: 1.2;}

/* showroom */
.showroom-section{padding-bottom: 24px;}
.dessign-every-section{overflow: hidden;}
.design-text-wrapper{display: flex; gap: 40px;}
.left-design-text{max-width: 300px; width: 100%;}
.right-design-text{max-width: 700px; width: 100%;}
.right-design-text p{font-size: 16px; line-height: 1.5;}
.design-text-wrapper .section_title{line-height: 1.3;}

.showroom-card{margin-top: 60px;}
.showroom-wrapper{position: relative;}
.showroom-bg-img img{width: 100%; height: 100%; display: block;}
.showrrom-text-wrapper{position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; padding: 20px;}
.showroom-card-text{background: #0000004D; border: 1px solid #FFFFFF99; text-align: center; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 30px; max-width: 500px; margin: 0 auto; width: 100%; height: 100%;}
.showroom-heading{font-size: 36px; font-weight: 400; line-height: 1.2; color: #fff;}
.showroom-line{width: 1px; height: 76px; border-right: 1px solid #fff; margin: 0 auto;}
.showroom-card-text p{font-size: 16px; font-weight: 300; line-height: 1.5; color: #FFFFFF; text-transform: capitalize;}



/* feature collection */
.feature-coll-section{padding-bottom: 40px;}
.feature-coll-wrapper{position: relative;}
.feature-bg-img img{display: block; width: 100%; height: auto;}
.feature-text-main-wrapper{position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 20px; overflow: hidden;}
.feature-coll-text-wrapper{border: 1px solid #FFFFFF; width: 100%; height: 100%; overflow: hidden;}
.feature-coll-text-inner-wrapper{background-color: #fff; padding: 40px 30px; width: 100%; max-width: 480px; text-align: center; margin: auto; position: absolute; bottom: -100%; transition: all 0.9s; left: 50%; transform: translateX(-50%);}
.feature-coll-wrapper:hover .feature-coll-text-inner-wrapper{bottom: 20px;}
.feature-para p{font-size: 16px; font-weight: 400; color: #333333; line-height: 1.4; padding: 20px 0;}


/* online planner */
.online-planner-section{padding-bottom: 40px;}
.online-planner-section .online-planner-text{bottom: initial !important; left: -100%; top: 50%; transform: translateY(-50%); max-width: 540px; text-align: left;}
.online-planner-section .online-planner-text.active{left: 20px;}

/* customer */
.customer-section{background-color: #F7F4EB;}
.customer-section .container{position: relative;}
.customer-section .section_title{text-align: center;}
.customer-wrapper .common_slider_btn{position: absolute; right: 38px; top: 0px; z-index: 4;}
.customer-wrapper{margin-top: 40px;}
.customer-slide{height: auto !important;}
.customer-slide-img{background-color: #AFAFAF; position: relative; padding-top: 30px; height: 100%; position: relative;}
.customer-slide-img .cross-icon{background-color: #fff; font-size: 30px; font-weight: 400; color: #333333; border-radius: 50%; padding: 10px; display: flex; align-items: center; justify-content: center; position: absolute; top: 5px; right: 5px; transform: rotate(45deg); z-index: 999; width: 30px; height: 30px; cursor: pointer;}
.video-active .cross-icon{display: flex !important;}
.customer-slide-img::before{content: ""; display: block; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 37.83%, rgba(0, 0, 0, 0.64) 100%); position: absolute; bottom: 0; left: 0;} 
.customer-slide-img img{max-width: 90%; width: 100%; height: fit-content; display: block; margin: auto; object-fit: cover; }
.customer-slide-img iframe{display: block; height: 100%; width: 100%;}
.customer-slide-wrapper{position: relative; height: 100%;}
.customer-slide-wrapper .play-btn{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 9; cursor: pointer;}
.play-btn img{width: 80px; height: 80px; display: block;}
.customer-name{font-size: 16px; line-height: 1.1; font-weight: 500; color: #FFFFFF;}
.customer-des{font-size: 14px; font-weight: 300; color: #FFFFFF; opacity: 80%; line-height: 1.1; padding-top: 5px;}
.customer-text{position: absolute; bottom: 30px; left: 20px; z-index: 9;}
.customer-slide.video-active .customer-slide-img{padding-top: 0;}
.video-active .customer-slide-img::before{display: none;}

.customer-slider{overflow: hidden;}
.customer_pagination{display: none;}



@media screen and (min-width:1699px) {

    /* showroom */
    .right-design-text{max-width: 900px;}

}



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

    /* banner */
    .product-banner .banner_title{font-size: 38px;}
    .right-design-text p{font-size: 14px;}

    /* showroom */
    .design-text-heading{font-size: 16px; padding-bottom: 15px;}
    .design-text-des p{margin-top: 15px;}
    .design-text-btn{padding-top: 10px;}
    
    .showroom-heading{font-size: 32px;}
    .showroom-line{height: 70px;}
    .showroom-card-text p{font-size: 15px;}

    /* feature collection */
    .feature-para p{font-size: 15px;}

}

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


}

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


    /* showroom */

    .showroom-card-text{max-width: 400px;}
    .showroom-card{margin-top: 50px;}

    /* customer */
    .play-btn img{width: 70px; height: 70px;}

}

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


    /* featurte collection */
    .feature-coll-text-inner-wrapper{bottom: 20px; padding: 20px;}
    .online-planner-section .online-planner-text{left: 20px;}

}

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


    /* showroom */
    .showroom-heading{font-size: 28px;}
    .showroom-card-text{gap: 20px;}
    .showroom-line{height: 50px;}
    .showroom-card{margin-top: 40px;}

}


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

    /* showroom */
    .design-text-wrapper{flex-direction: column; gap: 30px;}
    .right-design-text{max-width: 100%;}
    .showroom-section .section_title br{display: none;}
    .left-design-text{max-width: 100%;}
    .design-text-wrapper{gap: 20px;}
    .showroom-heading{font-size: 24px;}
    .showroom-line{height: 40px;}
    .showroom-card-text p{font-size: 14px;}

    /* feature section */
    .feature-para p{font-size: 14px; padding: 15px 0;}
    .feature-bg-img img{height: 400px; object-fit: cover;}
    .feature-text-main-wrapper{padding: 15px;}
    .feature-coll-text-inner-wrapper{max-width: 400px; bottom: 15px;}


    /* online planner */
    .online-planner-section .online-planner-text{left: 15px;}

    /* customer */
    .customer-wrapper .common_slider_btn{display: none;}
    .customer_pagination{display: block;}

}


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

    /* banner */
    .product-banner .banner_title{font-size: 30px;}

    /* showroom */
    .showrrom-text-wrapper{position: static; padding: 0;}
    .showroom-card-text{padding: 20px; background-color: #fff; margin-top: -100px; position: relative; z-index: 1; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
    .showroom-heading{color: #000000; font-size: 20px;}
    .showroom-line{border: 1px solid #000000;}
    .showroom-card-text p{color: #000000;}
    .showroom-bg-img img{height: 350px; object-fit: cover;}
    .showroom-card{margin-top: 30px;}

    /* feature collection */
    .feature-coll-text-inner-wrapper{position: relative; bottom: initial; left: initial; transform: initial; margin-top: -100px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
    .feature-coll-text-wrapper{border: 0;}
    .feature-text-main-wrapper{position: static; overflow: initial; padding: 0;}
    .feature-coll-text-wrapper{overflow: initial;}

    /* online planner */
    .online-planner-section .online-planner-text{top: initial; transform: initial; left: initial; max-width: 480px;}

    /* customer */
    .customer-text{bottom: 20px;}
    .customer-name{font-size: 15px;}
    .customer-des{padding-top: 3px;}



}


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

    /* banner */
    .product-banner .banner_content{width: 100%; padding: 40px 15px;}

    /* showroom */
    .design-text-wrapper{gap: 20px;}
    .showroom-card-text{max-width: 95%; gap: 10px;}
    .showroom-line{height: 30px;}

    /* feature collection */
    .feature-coll-text-inner-wrapper{max-width: 95%;}

    /* online planner */
    .online-planner-section .online-planner-text{max-width: 95%;}

}