*{ margin: 0; padding: 0; box-sizing: border-box; }
body{font-family: Open Sans; overflow-x: hidden; }
h1 h2 h3 h4 h5 h6 p{ font-family:Open Sans;}

.back
{
    /* background-image: url(../images/backall.png); */
    background-repeat: no-repeat;
}
.container-fluid{padding: 0px;}
.main-content{
    width: 100%;
}
.navbar{
    z-index: 999 !important;
    position: absolute;
}
.padding-top-110{
    padding-top: 110px;
}
/* Navbar css */
.banner-img{
background-image: url(../images/web/home/banner-img.jpg);
background-repeat: no-repeat;
background-size:100% 100%;
min-height: 657px;
}
.height-600{
    height: 600px;
}
.westicologo{
padding-left: 7rem;
}
.westico-nav ul li a{
color: white;
font-weight: bold;
}
.contact-us-btn{
background-color:#ffff;
color:#0a89cb  !important;
margin-right: 60px;
padding: 3px 21px;
font-size: 14px;
}
.contact-us-btn:hover{
color: #0a89cb;
background-color:#ffff;
}
.banner-heading-toilet{height: 560px}
.banner-heading-text h1{
padding-left: 7rem;
font-weight: bold;
color: white;
padding-right: 13rem;
margin-top: 9rem;
line-height: 1.43;
font-size: 48px;
}
.h1-changed h4{
    padding-left: 7rem;
    font-weight: bold;
    color: white;
    padding-right: 7rem;
    margin-top: 9rem;
    line-height: 1.43; 
    }

.banner-heading-text h1 {    
    animation-name: fade-in;
    animation-duration: 5s;
  }
  .banner-heading-text h1{
    animation-name: fade-in;
    animation-duration: 5s;
  }
  /* .h1-changed h1 {    
    animation-name: fade-in;
    animation-duration: 5s;
  }
  .h1-changed h1{
    animation-name: fade-in;
    animation-duration: 5s;
  } */
  @keyframes fade-in {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }  

.form-get-in-touch .col-lg-9{
margin-left: 2.3rem;
}
.get-touch-header{
color: white;
background-color: #057eb1;
}
.get-touch-header h2{
    font-weight: bold !important;
    font-size: 24px;
}
.speakbtn{
color: white;
background-color: #0057b8;
font-weight: bold;
font-size: 15px;
}
.speakbtn:hover{
color: white;
background-color: #0057b8;
}
.footer-img{
background-image: url(../images/web/home/form-abstract.png);
background-repeat: no-repeat;
background-size: 100% 100%;
position: relative;
background-color: white;
}
.form-body .wrap-input100{
border-bottom: 0.8px solid lightgrey;
}
.input100 {
outline: none;
color: #0a89cb !important;
font-weight: bold;
font-size: 13px;
}
.wrap-input100 ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #0a89cb;
    opacity: 1; /* Firefox */
  }
.icon-background{
background-color: #49a7d8;
border-radius: 50%;
padding: 7px 8px 7px 10px;
font-size: 10px;
color: white;
position: absolute;
margin-top: 3px;
}
/* #recaptcha_response_form {
    transform: scale(1.05) !important;
    -webkit-transform: scale(1.12) !important;
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
} */

.nav-tabs-custom .nav-item .nav-link {
    border: none;
    color: #FFF;
}
.nav-tabs-custom {
    border-bottom: 0px;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link:hover{
    color: white;
} 
.nav-tabs .nav-item .nav-link:hover{
    color: white;
}
.westico-nav .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
background-color: none !important;
--bs-nav-tabs-link-active-bg: none !important;
border-bottom: 2px solid white;
color: white;
}
.nav-justified .nav-item, .nav-justified>.nav-link{
    flex-basis: auto;
}
.nav-tabs-custom .nav-item .nav-link{
    display: -webkit-box;
}



/* why westico css*/
.why-westico-1{
    padding-left: 5rem;
}
.why-westico h3{
 font-size: 33px ;
 color: #02a0cc;
 font-weight: bold;
 letter-spacing: 0.6px;
}
.why-westico h5{
font-size: 22px ;
color: #03a0cc;
font-weight: 600;
padding-right: 3em;
}
.why-westico p{
font-size: 17px ;
padding-right:8em;
color: #03a0cc;
font-weight: 600;
}
.learn-btn-home{
background-color: #0057b8;
color: white;
font-weight: bold;
font-size: 17px;
border-radius: 5px;
padding: 0.4rem 2.4rem;
border: 1px solid #0057b8;
}
.why-westico-img {
margin-top: 3.6rem;
}
/* product range part */
.product-range h3{
color: #02a0cc;
font-size: 30px;
font-weight: bold;
}
.font-weight-color{
color:#403f3f;
font-weight: bold;
}
.product-range-div{
    padding: 1em 8em;
}
.falcon-water-free-img{
background: linear-gradient(#ddf0fe 50%, #e7e7e7 50%);
}
.falcon-water-free-img {
    position: relative;
}  
  .overlay {
    position: absolute; 
    bottom: 0; 
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.5); /* Black see-through */
    color: #f1f1f1; 
    width: 100%;
    height: 100%;
    transition: .5s ease;
    opacity:0;
    color: white;
    padding: 20px;
    text-align: center;
  }
  .overlay .falwater-img-hover{
    font-size: 40px;
    font-weight: bold;
    line-height: 1.2;
    letter-spacing: 2.1px;
    margin-top: 15rem;
  }
  .overlay .singlet-img-hover{
    font-size: 40px;
    font-weight: bold;
    line-height: 1.2;
    letter-spacing: 2.1px;
    margin-top: 13rem;
  }
  .overlay .retro-img-hover{
    font-size: 34px;
    font-weight: bold;
    line-height: 2.1px;
    letter-spacing: 2px;
    margin-top: 13rem;
    margin-bottom: 2rem;
  }

  .overlay .fabrication-img-hover{
    font-size: 36px;
    font-weight: bold;
    line-height: 1.2;
    letter-spacing: 2.1px;
    margin-top: 11rem;
  }
 
  .overlay .frp-img-hover{
    font-size: 34px;
    font-weight: bold;
    line-height: 1.2;
    letter-spacing: 2.1px;
    margin-top: 10rem;
  }

  .overlay a{
    font-size: 16px;
    line-height: 1.2;
    color: white;
    /* margin-top: 15rem; */
  }
  .falcon-water-free-img:hover .overlay {
    opacity: 1;
  }
/* dynamic approach part  */
.dynamic-approch h5{
    color: #03a0cc;
    font-weight: bold;
    font-size: 23px;
    padding: 1em 8em;
}
.dynamic-approch-1{padding: 2em 14em;}
.brand-plus{
color: #03a0cc;
font-size: 50px;
font-weight: bold;
}
.fa-sharp{
color: #03a0cc;
font-size: 34px;
padding-top: 1.4rem;
}
.brand-plus-1 p{
color: #03a0cc;
font-size: 23px;
font-weight: bold;
}
/* Brands Who Trust part start  */
.brand-trust{
height:auto ;
/* background-image: radial-gradient(to right,  #83D8F7, #9CDCF8, #83D8F7 ); */
background: radial-gradient(ellipse at center,#e3f4fb,#e3f4fb,#bde8fb, #83D8F7 );

}   
.brand-trust-1 h3{
 color: white;
 font-weight: bold;
 line-height: 1.4;
 font-size: 48px;
 margin-top: 9rem;
} 
.brand-img-center {
    align-items: center;
}
/* KEY PRODUCT part */
.key-hilight h4{
color: #02a0cc;
font-weight: bold;
font-size: 32px;
}
.key-hilight h5{
color: #02a0cc;
font-weight: bold;
line-height: 1.5;
font-size: 22px;
padding: 1em 12.6em;
}
.key-data h6{
color: #55bedc; 
font-weight: bold;   
font-size: 22px;
}
.key-data p{
color: #82cfe5;
font-size: 15px;
font-weight: bold;
}
.key-highlight-img{
 padding: 1em 10em;
}
.videoimg{
    border-radius: 10px;
    cursor: pointer;
    /* position: absolute; */
    /* background-position-x: 0px; */
    /* background-position-y: 0px; */

}
.cursorp{cursor: pointer;}
.video {
    opacity: 0;
    transition: 1s;
    border-radius: 10px;
    z-index: -1;
    box-shadow: 1px 3px 6px 1px rgb(1 0 0 / 16%);
    /* background-position-x: -40px; */
    /* background-position-y: -40px; */
}
/* Westico Footer part */
.footer {
    height: auto;
    width: 100%;
    margin-top: 50px;
    background-color:#68c2ed;
}
.flink h3 {
    margin-top: 60px;
    font-weight: bold;
    font-size: 20px;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 0.9px;
    text-align: left;
    padding-bottom: 5px;
    border-bottom-style: solid;
    border-bottom-width: 100%;
    width: fit-content;
    color: #fff;
}
.flink p {
    margin-bottom: 5px;
}
.copyright {
    padding-bottom: 1.5%;
    margin-left: 8.4%;
    font-weight: 500;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    text-align: left;
    color: #fff;
}
.flink p a {
    font-weight: 600;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    text-align: left;
    color: #fff;
    text-decoration-line: none;
}
.mxfooter {
    margin-right: 0.2rem!important;
    margin-left: 0.2rem!important;
}
.foot-head{
    font-size: 14px;
    color: white;
    font-weight: bold;
}
.flink p{
    font-size: 14px;
    color: white;
    margin-bottom: 5px;
}
.fa-facebook-f {
    color: #fff;
    padding: 0.5rem 0;
    font-size: 18px;
    border: 1.5px solid #fff;
    height: 35px;
    width: 35px;
    border-radius: 50%;
}
.fa-instagram {
    color: #fff;
    padding: 0.5rem 0;
    font-size: 18px;
    border: 1.5px solid #fff;
    height: 35px;
    width: 35px;
    border-radius: 50%;
}

.fa-linkedin-in {
    color: #fff;
    padding: 0.5rem 0;
    font-size: 18px;
    border: 1.5px solid #fff;
    height: 35px;
    width: 35px;
    border-radius: 50%;
}
.fa-facebook-f:hover {
    background-color: #4267B2;
}
.fa-instagram:hover {
    background: radial-gradient(circle at 33% 100%, #fed373 4%,
     #f15245 30%, #d92e7f 62%, #9b36b7 85%, #515ecf);
}

.fa-linkedin-in:hover {
    background-color: #0072b1;
}
.row-padding {--bs-gutter-x:0px !important}
.solmob{vertical-align: middle;} 
.mystyle{width: 100%;
height: 100%;
}
/* **********************************
Media Query Start Rina for home page
************************************* */
@media screen and (min-width: 992px){
.cover .videoimgmob{display: none;}
.key-highlight-imgmob{display: none;}
.brand-logos-mob{display: none;}
.falcon-watermob{display: none;}
.brand-logos-mob{display: none;}
.why-westico-imgmob{display: none;}
.banner-img-mob{display: none;}
.banner-img-mob-frp{display: none;}
.banner-img-mob-falcon{display: none;}
.banner-img-mob-retrofitting{display: none;}
#myNav{display: none;}
.toggle-mbl-view{display: none;}
.toggle-mbl-view
{
  display: none !important;
}

}


@media screen and (max-width: 991px){
    /* .westicologo{display: none;} */
    .footer {
        height: auto;
    }
    .footer {
        height: auto;
        width: 100%;
        margin-top: 50px;
        background-color: #68c2ed;
    }
    .flink p a {font-size: 12px;}
    .flink p a {
        font-weight: 600;
        font-size: 14px;
        font-stretch: normal;
        font-style: normal;
        text-align: left;
        color: #fff;
        text-decoration-line: none;
    }
    .flink h3 {font-size: 15px;}
    .flink h3 {
        margin-top: 60px;
        font-weight: 600;
        font-size: 20px;
        font-stretch: normal;
        font-style: normal;
        letter-spacing: 0.9px;
        text-align: left;
        padding-bottom: 5px;
        border-bottom-style: solid;
        border-bottom-width: 100%;
        width: fit-content;
        color: #fff;
    }
    .mblleft-padding{padding-left: 0px !important;}
    .padding-mb-prod{padding-left: 14%;}
    .copyright{margin-left: 12%;}
    .padding-mb-prod-1{padding-right: 2em;padding-left: 10%;}
    .cover .videoimg{height:200px ;display: none;cursor:pointer}
    .cover video {height: 180px;box-shadow: 1px 3px 6px 1px rgb(1 0 0 / 16%);
    }
    .product-range-div { padding: 1% 10%;}
    /* .videoimgmob{position: absolute;} */
    .video {position: relative;}
    .key-hilight h5{padding: 3% 13%;font-size: 15px;}
    .key-hilight h4{font-size: 23px;}
    .key-highlight-img{display: none;}
    .key-data h6{font-size: 20px;}
    .key-data p{font-size: 13px;}
    .brand-trust-1 h3{
        font-size: 25px;
        margin-top: 1em;
        text-align: center;
    }    
    .brand-logos-web{display: none;}
    .dynamic-approch h5 {
        color: #03a0cc;
        font-weight: bold;
        font-size: 15px;
        letter-spacing: 0.5px;
        line-height: 1.4;
        padding: 1em 3em;
    }
    .dynamic-approch-1 {
        padding: 1em 1.5em;
    }
    .brand-plus{font-size: 32px;}
    .brand-plus-1 p{font-size: 15px;}
    .product-range h3{font-size: 27px;}
    .falcon-water-img{display: none;}    
    .padding-top-retro{padding: 1em 0em 0em 0em;}
    .overlay .falwater-img-hover {
        font-size: 30px;       
        margin-top: 10rem;
        margin-bottom: 2%;
    }
    .metismenu li{list-style-type: none;padding: 5px 0px;}
    .metismenu li a:hover{color: white;}
    .metismenu li a{
          text-decoration: none;    
          color: white;
          font-weight: bold;
        }

    .overlay .singlet-img-hover{ font-size: 30px;margin-top: 10rem;margin-bottom: 2%;
    }
    .overlay .retro-img-hover{
      font-size: 30px;
      margin-top: 10rem;
      margin-bottom: 10%;
      line-height: normal !important;
      letter-spacing: normal !important;
    }   
    .overlay a {font-size: 13px;}
    .overlay .fabrication-img-hover {
        font-size: 30px;      
        margin-top: 4rem;
        margin-bottom: 2%;
    }
    .overlay .frp-img-hover {
        font-size: 30px;
        margin-top: 7rem;
        margin-bottom: 2%;
    }
    .falcon-water {
        display: block;
    }
    .margin-mb-head{margin-top: 3rem;}
    .why-westico-img{display: none;}
    .why-westico-2 img{text-align: center;}
    .why-westico{text-align: center;padding: 0px;margin: 12% 0px 0px 0px;padding-top: 1% !important;}
    .why-westico h5{padding-right: 0px;font-size: 20px;}
    .why-westico p{padding-right: 0px;font-size: 16px;}
    .why-westico h3{font-size: 31px;}
    .why-westico-1{padding-left: 0px;}
    .westico-mob-p{display: none;}
    .form-get-in-touch{display: none;}
    .banner-img{display: none;}
    /* .westicologo{display: none;} */
    .westicologo{height: 70px;padding-left: 5rem;}

    .banner-img-mob{
    background-image: url(../images/mob/home/banner-img.jpg);
    background-repeat: no-repeat;
    background-size:100% 100% ;    
    min-height: 470px;
    }  

    .banner-heading-text h3{
    padding-left: 16%;
    padding-right: 16%;
    margin-top: 9rem;
    font-size: 36px;
    font-weight: bold;
    color: white;
    line-height: 1.3;
    }    
  .banner-heading-text h3 {    
    animation-name: fade-in;
    animation-duration: 5s;
    min-height: 240px;   
    }
    .speakbtn-mob{
        background-color: #ffff;
        color: #0d2b64;
        border-radius: 22px;
        font-weight: bold;
        line-height: 1.3;
        margin-bottom: 5rem;
    }
    .speakbtn-mob:hover{
        background-color: white;
        color:#0d2b64 ;
    }
    .banner-img-falcon{display: none;}
    .banner-img-retrofitting{display: none;}




/* .frp-security-carousel-height { min-height: 350px;} */
.single-t-carousel-height{height: 350px;}
.community-details-div-mbl{height: 400px;}
.shower-details-div-mbl{height: 350px;}
.shower-details-div-mbl .carousel-caption{position: inherit !important;}
.frp-security-carousel-height .carousel-caption{position: inherit !important;}
.single-t-carousel-height .carousel-caption{position: inherit;}
/* community-details-div-mbl  */
.carousel-caption{position: inherit;}
.namma-details-div-mbl{height: 350px;}
.bio-details-div-mbl{height: 350px;}


    }


   .drop-nav > ul {
    display: none;
  }
  
  .drop-nav.active > ul {
    display: block;
  }
  .close{
    color: white;
    background-color: transparent;
    border: none;
    font-size: 30px;
  }
  .positionsticky{position: sticky;}
  .overflowscroll{
    height: 90vh;
    overflow: scroll;
    align-items: start !important;
  }
  .menubarmbl{
    color: white;
    font-size: 20px;
  }

/* *******************************************

Falcon Water free Urinal

********************************************/
.banner-img-falcon{
background-image: url(../images/web/falcon_waterfree_urinal/falcon_banner_img1.jpg);
background-repeat: no-repeat;
background-size:100% 100% ;
max-height: 661px;
}
.falcon-zindex{
    font-weight: bold;
    font-size: 48px;
    line-height: 1.35;
    color: white;
    position: absolute;
    padding: 14.5rem 0rem 0 7rem;
}  

.falcon-category img{
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    border: solid 1px #eeeaea;
}
.get-call-btn .btn{
    width: 50%;
    background-color: #0057b8;
    color: #fff;
    padding: 5px 50px;
}
.description-heading h4{
    color: #403f3f;
    font-weight: bold;
}
.product_details
 {
    margin: 4rem 0 0 2rem;
 }
 .product_details h3{
    color: #403f3f;
    font-size: 28px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    letter-spacing: normal;
 }
 .product_details h6{
    color: #403f3f;
    font-size: 16px; 
    font-weight:bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    letter-spacing: normal;
    margin-top: 10px;
 }
 .product-details-table
 {
    background-color: #fff;
    width: 85%; 
    margin-top:1rem;  
 }
 .product-details-tbody tr td
 {
    border-bottom: solid 1px #e4e2e2;  height: 50px; width: 60%;
 }
 .product-details-tbody tr .prdetails-td {font-weight: bold !important;width: 40%;}
 .height-carousel-item .carousel-item{
    height: 500px;
 }
 .height-carousel-item-falcon .carousel-item{
    height: 320px;
 }
 /* .height-carousel-item-falcon-vd .carousel-item{
    height: 300px;
 } */
 .height-carousel-item-falcon .carousel-indicators [data-bs-target]{
    background-color: #333434;
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 10px;
    height:10px;
    border-radius: 50%;
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-clip: padding-box;
    border: 0;
    border-top: 0px solid transparent;
    border-bottom: 0px solid transparent;
    opacity: .5;
    transition: opacity .6s ease;
 }
 .carousel-indicators .active{
    opacity: 1 !important;
 }
 .w-30{
    width: 30%;
 }
 .w-20{
    width: 20%;
 }
 .modal-heading{
    background-color: #29abe2;
    color: #fff;
    display: flex;
    justify-content: center;
 }
 .modal-heading h5{
    font-weight: bold;
 }
 
 .modal_form .wrap-input100 {
    border-bottom: 0.8px solid lightgrey;
}
.modal-sm.modal-class-sm{
    --bs-modal-width: 390px!important;
}


/* ************************************

FRP and MS 

************************************/
.banner-img-mob-frp{
    background-image: url(../images/mob/home/banner-img.jpg);
    background-repeat: no-repeat;
    background-size:100% 100% ;    
    min-height: 550px;
    } 


    .banner-heading-text-frp h1{
        padding-left: 7rem;
        color: white;
        padding-right: 7rem;
        margin-top: 9rem;
        line-height: 1.43;
        font-size: 30px;
        }
    .banner-heading-text-frp h3{
        padding-left: 10%;
        padding-right: 10%;
        margin-top: 9rem;
        font-size: 25px;
        margin-top: 6.8rem;
        font-weight: bold;
        color: white;
        line-height: 1.3;
        }    
      .banner-heading-text-frp h3 {    
        animation-name: fade-in;
        animation-duration: 5s;
        height: 120px;
        }
        .carousel-items .carousel-item{
            height: 350px;
        }
        .product-range h4{
            color: #02a0cc;
            text-align: center;
            font-size: 25px;
        }
        .overlay .fabrication-img-hover1{
            font-size: 30px;
    font-weight: bold;
    line-height: 1.2;
    letter-spacing: 2.1px;
    margin-top: 5rem;
        }
        .overlay .fabrication-img-hover2{
            font-size: 30px;
    font-weight: bold;
    line-height: 1.2;
    letter-spacing: 2.1px;
    margin-top: 8rem;
        }
        .w-80{
            width: 80%;
            margin-left: 20%;
        }
        .banner-img-mob-falcon{
            background-image: url(../images/mob/falcon_water_free_urinal/falcon_bg_mob.jpg);
            background-repeat: no-repeat;
            background-size:100% 100% ;    
            min-height: 650px;
            } 
            .banner-img-mob-retrofitting{
                background-image: url(../images/mob/retrofittingkit/retromob.png);
                background-repeat: no-repeat;
                background-size:100% 100% ;    
                min-height: 570px;
                } 
/* **********************************
Single Toilet START (pradnya)
************************************* */
.head-single_toilet h1
{
    font-size:24px !important ;
    padding-left: 7rem;
font-weight: bold;
color: white;
margin-top: 9rem;
line-height: 1.43;
    padding-right: 5rem; letter-spacing: normal; color: white;
}
.navbar-right span{font-size: 34px; font-weight: bolder;}
.product-description {margin-top: 3rem;}
.product-description h5{margin-left: 5rem;
    color: #403f3f;
   font-size: 22px;
   font-weight: bolder;}
.product-description p{
   margin: 2rem 7rem 0 5rem;
        color: #403f3f;
       font-size: 18px;
       font-weight: bolder;}
.product-description h6{margin: 2rem 7rem 0 5rem;
           color: #403f3f;
          font-size: 22px;
          font-weight: bolder;}
.bio-toilet h4{margin: 2rem 7rem 0 5rem;
    color: #403f3f;
    font-size: 20px;
    font-weight: bolder;
}  
.bio-toilet p{
    margin: 2rem 7rem 0 5rem;
    color: #403f3f;
   font-size: 16px !important; 
}   
.features
{
   margin: 0.5rem 0 0 3rem;
}
.single_table {
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
 border: solid 1px #e4e2e2;
 background-color: #fff;
 width: 85%; 
 margin: 2rem 0 0 5rem; text-align: center;
 }
 .single_table .single_table_thead tr th{
   border: solid 1px #e4e2e2;  padding: 12px;
 }
 .single_table .single_table_tbody tr td{
   border: solid 1px #e4e2e2;  padding: 12px;
 }
 .product_details
 {
    margin: 3rem 0 0 2rem;
 }
 .product_details h5{margin: 2rem 7rem 0 0;
    color: #403f3f;
   font-size: 20px;
   font-weight: bolder;} 
   .features1
{
   margin-top: 1rem; padding-left: 0px!important;
}  
 .product_details p{
    margin: 2rem 7rem 0 0;
        color: #403f3f;
       font-size: 16px;
       font-weight: bolder;
 }
 .product_details h3{
    color: #403f3f;
    font-size: 28px;
    font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.36;
  letter-spacing: normal;
 }
 .product_details h6{
    color: #403f3f;
    font-size: 16px; font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.36;
  letter-spacing: normal;
 }
 .product-details-table
 {
    background-color: #fff;
    width: 85%; 
    margin-top: 1rem;  
 }
 .product-details-tbody tr td
 {
    border-bottom: solid 1px #e4e2e2;  height: 50px; width: 60%
 }
 .product-details-tbody tr .prdetails-td {font-weight: bold !important; width: 40%;}

 /* ****************************************
 Retrofitting kit details 
 ****************************************** */
 .banner-img-retrofitting{
    background-image: url(../images/web/retrofitting_kit/retrofitting_kit_banner.png);
    background-repeat: no-repeat;
    background-size:100% 657px ;
    }

.shower-room
{
    margin-top: 7rem;
}
 /* hover dropdown  */
.dropbtn {
  color: white;
  font-size: 16px;
  border: none;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #fff;
  min-width: 50em;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}
.dropdown-content .heading {
    color: #008feb !important;
    font-size: 17px;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    font-weight: bold;
  }
  .dropdown-content .sub-heading {
    color: #008feb !important;
    font-size: 15px;
    padding: 5px 26px;
    text-decoration: none;
    display: block;
    font-weight: bold;
  }
  .dropdown-content .menus {
    color: #008feb !important;
    font-size: 13px;
    padding: 5px 35px;

    text-decoration: none;
    display: block;
    font-weight: 500 !important;
  }
  .div-border-right{
    border-right: 1.8px solid #008feb;
  }

  .nav-tabs-custom li .nav-link:focus{
    border-bottom: 2px solid #FFF;
    color: #fff;
  }

  
#shopping_button {
    display: block;
    background-color: transparent;
}
#shopping_cart {
    display: block;
    background-color: #fff;
    width: 300px;
    display: none;
}
.dropdown-content .heading:active,.dropdown-content .menus:active{
    background-color: #e9ecef !important;
}

/* .dropdown-content a:hover {background-color: #ddd;} */

.dropdown:hover .dropdown-content {display: block;position: absolute;
    left: -100%;
    border-radius: 5px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    padding: 30px 20px 40px 20px;
}
.dropdown-content .menus::before{
content: '\25CF';
}
.dropdown-content .sub-heading::before{
    content: '\25CF';
    }
/*  */

/* **********************************
Single Toilet END (pradnya)
************************************* */
 .product-description h5{
    margin-left: 5rem;
      color: #403f3f;
     font-size: 22px;
     font-weight: bolder;}
    .product-description p{
     margin: 1.5rem 7rem 0 5rem;
        color: #403f3f;
       font-size: 18px;
       font-weight: bolder;
    line-height: 1.7;
    }
    .product-description h6{margin: 2rem 7rem 0 5rem;
         color: #403f3f;
         font-size: 22px;
         font-weight: bolder;}  

    .single_table {
     box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    border: solid 1px #e4e2e2;
    background-color: #fff;
    width: 85%; 
    margin: 2rem 0 0 5rem; text-align: center;
    }
    .single_table .single_table_thead tr th{
     border: solid 1px #e4e2e2; padding: 12px;
    }
    .single_table .single_table_tbody tr td{
     border: solid 1px #e4e2e2; padding: 12px;
    }
    .single_table_horizontal{
        margin: auto;
        width: 100%;
        display: none;
    }
       .single_table_horizontal .single_table_tbody tr td{
        border: solid 1px #e4e2e2; padding: 12px;
       }
    .table-th
    {
        font-weight: bold;
    }
    .falcon-details-div-mbl{
        display: none;
        height: 550px;
    }
    .retro-details-div-mbl{
        display: none;
        height: 330px;
    }
    .falcon-details-div-office-mbl{
        display: none;
        /* height: 400px; */
    }
/* #single_toi .carousel-control-prev{
    display: none;
} */
#single_toi .carousel-control-next,#single_toi .carousel-indicators,#single_toi .carousel-control-prev{
    display: none;
}
@media screen and (max-width: 992px){
.row {--bs-gutter-x:0px !important}
.falcon-details-div{
    display: none;
}
.get-call-btn .btn{
    width: 100%;
}
.product_details{
    padding: auto !important;
}
.product-details-table{
    width: 100%;
}
.product-description{
    padding: 0 2rem;
}
.product-description h5{
    margin-left: auto;
}
.product-description p{
    margin: 20px auto;
}
.product-description h6{
    margin: auto;
}
.single_table{
    display: none;
}
.single_table_horizontal,.falcon-details-div-mbl,.falcon-details-div-office-mbl{
    display: block;
}
.features-mob
{
   margin:1rem 0 1rem 0; padding-left: 0px!important; font-size: 18px;
}  
.navbar-right .span-single{font-size: 28px;}
.head-single_toilet h6
{
    font-size: 22px;
    color: white;
    margin-top: 7rem;
    font-weight: bold;
color: white;
line-height: 1.43;
}
.mbolie-toilet-van
{
    height: 350px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  background-color: #fff;
}
.product_details p
{
    font-size: 19px;
}

.w-80{
    width: 100%;
    margin-left: 0%;
}
.bio-toilet h4{margin: 0px;}
.product_details_mob p{margin: 0px;}
}
/* **********************************
PRODUCT CATEGORY//Retrofitting Kit START (RINA)
************************************* */
.product-range-retro h3{
color: #02a0cc;
font-size: 37px;
font-weight: bold;
letter-spacing: 2px;
}
.retro-font-h1{font-size: 1.75em ;}

.retro-heading h2{
line-height: 1.38;
font-size: 27px;
}
.retro-heading h1{
font-weight: bold;
font-size: 48px;
line-height: 1.25;
}
.retro-heading h4{
    font-weight: bold;
    font-size: 48px;
    line-height: 1.25;
    }
.retro-heading {padding: 0 6rem 0 8rem;color: white;}
.bold-heding-words{font-weight: bold;}
.retro-web-carousel .carousel .carousel-control-prev{display: none;}
.retro-web-carousel .carousel .carousel-control-next{display: none;}
.banner-heading-retro .carousel-indicators{display: none;}
@media screen and (max-width: 991px){  
.prod-category-banner-img-mob{
background-image: url(../images/mob/home/banner-img.jpg);
background-repeat: no-repeat;
background-size:100% 100% ;    
min-height: 600px;
}  

.product-range-retro h3{font-size: 27px;letter-spacing: 1.5px;}
.retro-heading{padding: 0;}
.retro-heading h2{font-size: 19px;font-weight: bold;}
.retro-heading h3{font-size: 28px;font-weight: bold;}
.img-carousel-retro{height: 240px; margin-top: 5rem;}
.img-carousel-retro .carousel .carousel-control-prev{display: none;}
.img-carousel-retro .carousel .carousel-control-next{display: none;}
.banner-heading-retro .carousel-indicators{display: none;}
.falcon-details-div-mbl{
    /* display: none; */
    height: auto;
}
.falcon-toilet-box-shadow{
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}
}

/* **********************************
Retrofitting Kit END (RINA)
************************************* */
/* **********************************
FRP TOILETS START (RINA)
************************************* */

.frptoilet-heading h1{
line-height: 1.38;
font-size: 30px;
}  
.frptoilet-heading {padding: 0 0rem 0 8rem;color: white;}
.bold-heding-words{font-weight: bold;}
.product-category2{width: 30%;}
/* .frp-range-div */
.product-range-div-frp{padding: 0 8rem 0 8rem;}
.product-range-div-van{padding: 0.7rem 5rem 0 5rem;}
.product-range-div-namma{padding: 0.7rem 7rem 0 7rem;}
.overlay .singlet-img-hover {
    font-size: 35px;
    font-weight: bold;
    line-height: 1.2;
    letter-spacing: 2.1px;
    margin-top: 15rem;
}
.cummunity-img-hover{
    font-size: 35px;
    font-weight: bold;
    line-height: 1.2;
    letter-spacing: 2.1px;
    margin-top: 14rem;  
}
.bio-img-hover{
    font-size: 25px;
    font-weight: bold;
    line-height: 1.2;
    letter-spacing: 2.1px;
    margin-top: 7rem;  
}
.namma-img-hover{
    font-size: 35px;
    font-weight: bold;
    line-height: 1.2;
    letter-spacing: 2.1px;
    margin-top: 12rem;  
}
.shower-img-hover{
    font-size: 35px;
    font-weight: bold;
    line-height: 1.2;
    letter-spacing: 2.1px;
    margin-top: 14rem;  
}
.mobilet-img-hover{
    font-size: 35px;
    font-weight: bold;
    line-height: 1.2;
    letter-spacing: 2.1px;
    margin-top: 16rem; 
}
.executive-img-hover{
    font-size: 35px;
    font-weight: bold;
    line-height: 1.2;
    letter-spacing: 2.1px;
    margin-top: 13rem;  
}
@media screen and (min-width: 992px){
.frp-toilet-banner-img-mob
{display: none;}

.banner-heading-retro-mob{display: none;}
}
@media screen and (max-width: 991px){  
.frp-toilet-banner-img-mob{
background-image: url(../images/mob/home/banner-img.jpg);
background-repeat: no-repeat;
background-size:100% 100% ;    
min-height: 530px;
}  
.frptoilet-heading {padding: 0;}
.frptoilet-heading h2{font-size: 22px;margin-top: 6rem;}  
.product-range-div-frp{padding: 0% 10%;}
.product-range-div-van{padding: 3% 10%;}
.product-range-div-van-px{padding-left: 0%;padding-right: 0%;}
.product-range-div-namma {padding: 3% 10%;}
.overlay .singlet-img-hover {
    font-size: 20px; 
    margin-top: 10rem;
}
.cummunity-img-hover{
    font-size: 20px; 
    margin-top: 10rem;
}
.bio-img-hover{
    font-size: 20px; 
    margin-top: 5rem;
}
.namma-img-hover{
    font-size: 20px; 
    margin-top: 8rem;
}
.shower-img-hover{
    font-size: 20px; 
    margin-top: 10rem;  
}
.mobilet-img-hover{
    font-size: 20px; 
    margin-top: 5rem;
}
.executive-img-hover{
    font-size: 20px; 
    margin-top: 8rem; 
}
}        

/* **********************************
FRP TOILETS END (RINA)
************************************* */


/* **********************************
CUSTOMSED SOLUTION START (RINA)
************************************* */
.banner-img-customised{
background-image: url(../images/web/custom-sol/custom-banner.jpg);
background-repeat: no-repeat;
background-size:100% 100%;
min-height: 657px;
}
.customised-heading h1 {
    font-weight: bold;
    font-size: 48px;
    line-height: 1.35;
}
.customised-heading {padding: 0 6rem 0 8rem;color: white;}
.custom-process h2{
color: #02a0cc;
font-weight: bold;
font-size: 35px;
}
.ship-2-div {
    display: flex;
    justify-content: center;
}
.ship-2-div h6{
 color: #03a0cc;
 font-weight: bold;
 font-size: 22px;
 line-height: 1.36;
}
.padding-right-mobimg{
    padding-right: 3rem;
}
/* arrow right */
.div-arrow {   
    width: 269px;
    height: 212px;
    border-right: 5px dotted #03a0cc;
    border-top-right-radius: 225px;
    position: relative;
}
.arrow-triangle.right {
    transform: rotate(-240deg) skewX(-30deg) scale(1,.866);
}

.arrow-triangle, .arrow-triangle:before, .arrow-triangle:after {
    width: 0.7em;
    height: 0.7em;
    border-top-right-radius: 30%;
}
.arrow-triangle {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #03a0cc;
    margin-right: -9px;
}
.arrow-triangle:before {
    transform: rotate(-135deg) skewX(-45deg) scale(1.414,.707) translate(0,-50%);
}

.arrow-triangle:before, .arrow-triangle:after {
    content: '';
    position: absolute;
    background-color: inherit;
}
.arrow-triangle, .arrow-triangle:before, .arrow-triangle:after {
    width: 0.7em;
    height: 0.7em;
    border-top-right-radius: 30%;
}
.arrow-triangle::after{
    transform:rotate(135deg) skewY(-45deg) scale(.707,1.414) translate(50%);
}
/* arrow left */
.div-arrow-left {
    width: 269px;
    height: 212px;
    border-left: 5px dotted #03a0cc;
    border-top-left-radius: 225px;
    position: relative;
    margin-left: 52%;
}
.arrow-triangle1.right {
    transform: rotate(-240deg) skewX(-30deg) scale(1,.866);
}

.arrow-triangle1, .arrow-triangle1:before, .arrow-triangle1:after {
    width: 0.7em;
    height: 0.7em;
    border-top-right-radius: 30%;
}
.arrow-triangle1 {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #03a0cc;
    margin-left: -9px;
}
.arrow-triangle1:before {
    transform: rotate(-135deg) skewX(-45deg) scale(1.414,.707) translate(0,-50%);
}
.arrow-triangle1:before, .arrow-triangle1:after {
    content: '';
    position: absolute;
    background-color: inherit;
}
.arrow-triangle1:after {
    transform: rotate(135deg) skewY(-45deg) scale(.707,1.414) translate(50%);
}
.arrow-triangle1, .arrow-triangle1:before, .arrow-triangle1:after {
    width: 0.7em;
    height: 0.7em;
    border-top-right-radius: 30%;
}
.arrow-triangle1:before, .arrow-triangle1:after {
    content: '';
    position: absolute;
    background-color: inherit;
}

@media screen and (min-width: 992px){
.banner-img-mob-customised{display: none;}
.process-includes-img-mob{display: none;}
}

@media screen and (max-width: 991px){  
.banner-img-customised{display: none;}
.banner-img-mob-customised{
background-image: url(../images/mob/custom-sol/custom-banner.jpg);
background-repeat: no-repeat;
background-size:100% 100% ;    
min-height: 560px;
}
.customised-heading {padding: 0;}
.customised-heading h3{
 font-size: 30px;
 line-height: 1.35;
 font-weight: bold;
 margin-top: 5rem;
}
.custom-process h2{font-size: 25px;}
.ship-2-div h6{font-size: 15px;}
.process-includes-img-web{display: none;}
.ship-2-div{padding-left: 0px !important;}
.div-arrow-left {
    width: 86px;
    height: 100px;
    border-left: 5px dotted #03a0cc;
    border-top-left-radius: 225px;
    position: relative;
    margin-left: 52%;
}
.div-arrow {
    width: 90px;
    height: 100px;
    border-right: 5px dotted #03a0cc;
    border-top-right-radius: 225px;
    position: relative;
}
.arrow-triangle1 {   
    margin-left: -8px;
}
.arrow-triangle{ 
    margin-right: -8px;
}
.padding-right-mobimg{
    padding-right: 1rem ;
    margin-top: 1rem;
}
}

/* **********************************
CUSTOMSED SOLUTION  END (RINA)
************************************* */
/* **********************************
ABOUT US START (RINA)
************************************* */
.banner-img-about{
background-image: url(../images/web/aboutus/about-banner.jpg);
background-repeat: no-repeat;
background-size:100% 100%;
min-height: 657px;
}
.about-heading h1 {
font-weight: bold;
font-size: 48px;
line-height: 1.35;
}
.about-heading {padding: 0 0rem 0 8rem;color: white;}
.legacy h2{
color: #02a0cc;
font-weight: bold;
font-size: 38px;
}
.legacy{padding: 0 8rem 0 8rem;}
.legacy p{
color: #02a0cc;
font-size: 21px;
line-height: 1.38;
}
.innovation-data h6{
font-size: 20px;
color: #55bedc;
font-weight: bold;
}
.overlay p{color: #ffff;}
.counslation-water-free-img {
position: relative; 
}
.overlay {
    position: absolute; 
    bottom: 0; 
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.5); /* Black see-through */
    color: #f1f1f1; 
    width: 100%;
    height: 100%;
    transition: .5s ease;
    opacity:0;
    color: white;
    padding: 20px;
    text-align: center;
  }
  .overlay .consultation-img-hover{
    font-size: 35px;
    font-weight: bold;
    line-height: 1.2;
    letter-spacing: 2.1px;
    margin-top: 12rem;
  }
  .overlay .design-img-hover{
    font-size: 35px;
    font-weight: bold;
    line-height: 1.2;
    letter-spacing: 2.1px;
    margin-top: 4rem;
  }
  .overlay .install-img-hover{
    font-size: 35px;
    font-weight: bold;
    line-height: 1.2;
    letter-spacing: 2.1px;
    margin-top: 4rem;
  }
  .overlay .service-img-hover{
    font-size: 35px;
    font-weight: bold;
    line-height: 1.2;
    letter-spacing: 2.1px;
    margin-top: 6rem;
  }
  .counslation-water-free-img:hover .overlay {
    opacity: 1;
  }
  .img-div-ins{width: 49%;float: right;}
  .img-div-ins1{width: 49%;}
  .img-div-ins2{width: 100%;margin-top: 0.6rem;}

  .videoimg,.iframevideo{
    height: 550px;
}

@media screen and (min-width: 992px){
.banner-img-mob-about{display: none;}
.tect-innovaton-mob{display: none;}
.counslationmob{display: none;}
}

@media screen and (max-width: 991px){  
    
.videoimg,.iframevideo{
    height: 160px;
}
.banner-img-about{display: none;}
.banner-img-mob-about{
background-image: url(../images/mob/aboutus/about-banner.jpg);
background-repeat: no-repeat;
background-size:100% 100% ;    
min-height: 560px;
}
.about-heading {padding: 0;}
.about-heading h3{font-size: 33px;font-weight: bold;line-height: 1.34;margin-top: 6rem;}
.legacy h2{font-size: 28px;letter-spacing: 1.3px;}
.legacy{padding: 0 10% 0 10%;text-align: center;}
.legacy p{font-size: 20px;font-weight: bold;}
.tect-innovaton{display: none;}
.counslationweb{display: none;}
.overlay .consultation-img-hover{
margin-top: 7rem;
font-size: 20px;
}
.overlay .installation-img-hover{
margin-top: 4rem;
font-size: 20px;
}
.overlay .service-img-hover{
    margin-top: 2rem;
    font-size: 20px;
    }

}
/* **********************************
ABOUT US END (RINA)
************************************* */
.wp{
    background-color: #25D366;
    color: white;
    font-size: 16px;
}
/* .navbar-padding{
    position: fixed;
    width: 100%;
    z-index: 999;
    background-color: blue;
} */
.nav-div{
    opacity: 1;
    background-color: #50caf1;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}
.btn-close-white{
    position: absolute;
    right: 10%;
    top: 30%;
    color: #FFFF;
    opacity: 1;
}
.overflowscroll {
    background-color: #50caf1;
}
.collapse-body{
    background: transparent !important;
    border: none !important;
}