@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css');
*{padding: 0px; margin: 0px;}
html{font-size: 62.5%;}
body{padding: 0px; margin: 0px; font-family: 'Montserrat', sans-serif ;}
h1,h2,h3,h4,h5,h6{font-family: 'Montserrat', sans-serif;}
ul{margin:0px; padding: 0px; list-style: none;}
a{transition: ease-in-out .5s;}
h3{font-size: 3.6rem; line-height: 4.6rem;}
h4{font-size: 2rem; line-height: 3rem;}
p{font-size: 1.8rem; line-height: 2.8rem; font-weight: 400; color: #3f3f3f;}
.custom-container{width: 100%; max-width: 1620px; margin: 0 auto; padding: 0 15px;}
.container-middle{width: 100%; max-width: 1464px; margin: 0 auto; padding: 0 15px;}
.container-miles{width: 100%; max-width: 1366px; margin: 0 auto; padding: 0 15px;}
.container-clients{width: 100%; max-width: 1300px; margin: 0 auto; padding: 0 15px;}
.container {max-width: 1170px;}
.main-header{background: #fff; padding: 1.5rem 0;}
.mainlogo img{width: 100%; max-width: 766px;}
.desktop-menu{position: relative;}
.desktop-ul{display: flex; justify-content: end; margin-top: 1.4rem;}
.desktop-ul li{padding: 1rem 2rem;}
.desktop-ul li:last-child{padding-right: 0;}
.desktop-ul li a{font-size: 1.8rem; line-height: 2.8rem; font-weight: 500; color: #162a44;  text-transform: uppercase;}
.desktop-ul li a:hover{text-decoration: none; color: #369cd2;}
.desktop-ul li:last-child a{background: #369cd2; color: #fff;  padding: .8rem 2.5rem;   border-radius: 30px;  display: block;   margin-top: -9px;}
.desktop-ul .active{color: #369cd2; border-bottom: 2px solid#369cd2;}
.desktop-ul li:last-child a:hover{background: #162a44;}
.inner-menu{position: absolute; left: 0; background: #fff; z-index: 99; width: 100%; top: 45px; display: none;}
.inner-container{display: flex; padding: 5rem 2rem; width: 100%;}
.inner-container ul{margin: 0 1.5rem; width: 50%;}
.inner-container ul li{border-bottom: 1px solid#eee; padding: .4rem 2rem .4rem 0;}
.inner-container ul li a{font-size: 1.4rem; text-transform: capitalize;}
.inner-container li:last-child a{background: none; color: #162a44; padding: 0; border-radius: 0; margin: 0;}
.inner-container li:last-child a:hover{text-decoration: none; color: #369cd2; background: none;}
.inner-container .ph{font-size: 1.6rem;line-height: 2.6rem;   font-weight: 500;   color: #369cd2; border-bottom: 0;}
.inner-container li:last-child{border-bottom: 0;}
.desktop-ul li:hover .inner-menu{ display: block; transition: ease-in-out .5s;}
.header{display: none;}
/* #cssmenu ul{display: flex; justify-content: end; margin-top: 2rem;}
#cssmenu > ul > li:hover > a {color: #369cd2; }
#cssmenu > ul > li { padding: 15px 32px; }
#cssmenu > ul > li .active {border-bottom: .2rem solid #369cd2; color: #369cd2;  }
#cssmenu > ul > li:last-child{padding-right: 0;}
#cssmenu > ul > li:last-child a { background: #369cd2;  color: #fff;  padding: 12px 30px;   border-radius: 30px;  margin-top: -7px;}
#cssmenu > ul > li:last-child a:hover{background: #162a44;} */
.aboutus{padding: 7rem 0 9rem;}
.about-indicators{bottom: -4rem;}
.about-indicators li{width: 1.4rem; height: 1.4rem; border-radius: 50%; background: #162a44;}
.about-indicators .active { background-color: #369cd2;  }
.aboutright{padding-left: 5rem;display: flex; flex-direction: column;  justify-content: center;  height: 100%;}
.aboutright h4{color: #4d6179; font-weight: 400;}
.aboutright h3{color: #003380; font-weight: 400; text-transform:  uppercase;  margin-bottom: 2rem;}
.aboutright p{margin-bottom: 4rem; padding-right: 3rem;}
.btn{padding: .6rem 2.5rem;  border-radius: 36px;  font-size: 1.8rem; line-height: 2.8rem;}
.btn-primary {color: #fff; background-color: #369cd2;  border-color: #369cd2; }
.btn-primary:hover {color: #fff; background-color: #162a44; border-color: #162a44; }
.aboutright .btn{max-width: 157px;}
.scs{background: url(../images/scs-bg.webp) no-repeat; background-size: cover; padding: 7rem 0;}
.main-heading{text-align: center;}
.main-heading h3{color: #fff; text-transform: uppercase; position: relative;}
.main-heading h3:after{content: ''; width: 81px; height: 3px; background: #fff; margin: 1.5rem auto; display: block;}
.scsbox{text-align: center; transition: ease-in-out .5s;}
.scsbox:hover{transform: translate(0,-10px);}
.scsbox h2{font-size: 8rem; line-height: 9rem; font-weight: 400; color: #fff; margin: 1.5rem 0 0;}
.scsrow{margin-top: 5rem;}
.scsbox p{color: #fff; font-weight: 600; margin-bottom: 0; }
.product{padding: 7rem 0;}
.main-heading .blue{color: #003380;}
.main-heading .blue:after{background: #003380;}
.prod-bg{background: #f7f9fa; border-radius: 10px; padding: 5rem 0 2rem; margin-top: 3rem;}
.main-heading h4{font-size: 2.8rem; line-height: 3.8rem; font-weight: 600; color: #003380; margin-bottom: 5rem;}
.nvhpro-box{text-align: center; transition: ease-in-out .5s;}
.nvhpro-box:hover {transform: translate(0,-10px);  }
.nvhpro-box img{width: 100%; max-width: 265px;}
.nvhpro-box a:hover {text-decoration: none; transition: ease-in-out .5s;}
.nvhpro-box a:hover p{color: #003380; font-weight: 500; }
.nvhpro-box p{margin: 2rem 0 3rem;}
.intertor-heading{margin: 6rem 0 0;}
.intertor-heading h4{margin-bottom: 3rem;}
/* slider */
.wrapper {height: 95%; padding: 0;  display: flex;  justify-content: center;  align-items: center;}
@media (max-width: 767px) {
.wrapper {padding: 20px 0;}  
 }
.slick-slider {min-width: 0;}
.homeslider01 .slick-list { overflow: hidden;}
.homeslider01 .slick-track {  display: flex; align-items: flex-start;}
.homeslider01 {position: relative; padding: 0px 6.4rem 4rem;}
 @media (max-width: 767px) {
.homeslider01 {padding: 0px 40px;}
    }
.homeslider01{text-align: center;}
.homeslider01 p{margin: 1rem 3rem;}
.homeslider01 .slick-arrow {  position: absolute;  top: 50%;  margin: -20px 0px 0px 0px;  z-index: 10;  font-size: 0;  width: 30px;  height: 30px;}
.homeslider01 .slick-arrow.slick-prev {left: 0;  background: url("../images/leftarrow01.webp") 0   0 / 50% no-repeat; border: none;}
.homeslider01 .slick-arrow.slick-next { right: 0;  background: url("../images/rightarrow01.webp") 0 0 / 50% no-repeat; border: none;}
.homeslider01 .slick-arrow.slick-disabled { opacity: 0.2;}
.homeslider01 .slider__item { padding: 0 40px; display: block; text-align: center;}
.homeslider01 .slider__item img { max-width: 100%;}
.homeslider01 .slider__item a:hover{text-decoration: none; }
.homeslider01 .slider__item a:hover p{color: #003380; font-weight: 500; }
/* end */
.certfication{background: url(../images/certfication-bg.webp) no-repeat; background-size: cover; padding: 6rem 0;}
.certificaations-cont{margin-top: 6rem;}
.certificaations-cont ul{display: flex;}
.certificaations-cont ul li{text-align: center; padding: 0 1.3rem; font-size: 2.4rem; font-weight: 600; color: #fff;}
.certificaations-cont ul li img{width: 100%; max-width: 305px;}
.certificaations-cont ul li span{display: block; margin: 3rem 0;}
.clients{padding: 6rem 0;}
.mb-50{margin-bottom: 5rem;}
.homeslider02{text-align: center;}
.homeslider02 p{margin: 1rem 3rem;}
.homeslider02 .slick-arrow {  position: absolute;  top: 50%;  margin: -20px 0px 0px 0px;  z-index: 10;  font-size: 0;  width: 30px;  height: 30px;}
.homeslider02 .slick-arrow.slick-prev {left: 0;  background: url("../images/leftarrow01.webp") 0   0 / 50% no-repeat; border: none;}
.homeslider02 .slick-arrow.slick-next { right: 0;  background: url("../images/rightarrow01.webp") 0 0 / 50% no-repeat; border: none;}
.homeslider02 .slick-arrow.slick-disabled { opacity: 0.2;}
.homeslider02 .slider__item { padding: 0 10px; display: block; text-align: center; border-right: 1px solid#c9cacb;}
.homeslider02 .slider__item img { max-width: 100%;}
.view-btn{text-align: center; margin-top: 5rem;}
footer{background: #162a44; padding: 6rem 0 5rem;}
.footerlogo-col p{color: #fff; font-size: 1.4rem; font-weight: 400; line-height: 2.4rem; margin: 2rem 0;}
.footerlogo-col img{width: 100%; max-width: 300px;}
.footerlink h5{font-size: 1.6rem; line-height: 2.6rem; color: #fff; font-weight: 700; text-transform: uppercase; margin-bottom: 1.5rem;}
.footerul li{position: relative; padding: 0 0 8px 15px;}
.footerul li:after{content: ''; width: 5px; height: 5px; background-color: #fff; position: absolute; left: 0; top: 10px; border-radius: 50%;}
.footerul li a{font-size: 1.4rem; line-height: 2.4rem; font-weight: 500; color: #fff; }
.footerlink02{margin-left: -15px;}
.bottom-footer{display: flex; flex-wrap: wrap;justify-content: space-between; border-top: 1px solid #505f73; margin-top: 6rem;}
.bottom-footer p{font-size: 1.2rem; line-height: 2.4rem; font-weight: 400; color: #fff; margin: 1.5rem 0 0;}
.bottom-footer p a{color: #fff;}
.footerul li a:hover, .bottom-footer p a:hover{color: #369cd2; text-decoration: none;}
.aboheader{background: url(../images/about-bg.webp) no-repeat; background-size: cover; padding: 19rem 0;}
.about-headingtext h4{font-size: 2.8rem; line-height: 3.8rem; font-weight: 500; color: #fff; position: relative; padding-bottom: 1rem;}
.about-headingtext h4:after{content: ''; width: 114px; height: 2px; background: #fff; position: absolute; left: 0 ;bottom: 0; }
.about-headingtext h3{font-size: 4rem; line-height: 4.8rem; font-weight: 500; color: #fff;  text-transform: uppercase; margin: 3rem 0;}
.inner-aboutus{padding: 6rem 0;}
.inner-aboutright p{margin-bottom: 1.5rem; padding-right: 0;}
.inner-aboutright p:last-child{margin-bottom: 0;}
.ourvalues{background: url(../images/ourvalues-bg.webp) no-repeat; background-size: cover; padding: 6rem 0 30rem;}
.service-box{background: #fff; padding: 4rem; text-align: center; border-radius: 1rem; height: 100%;}
.service-box h3{font-size: 3.2rem; line-height: 4.2rem; font-weight: 600; color: #003380; margin: 1rem 0; }
.service-box p{margin-bottom: 0;}
.vision-sec{padding: 0 0 6rem;}
.groupvision-box{background: url(../images/groupvision-bg.webp) no-repeat; background-size: cover; padding: 9rem 6rem 10rem 69rem;  margin-top: -17rem; margin-bottom: 6rem;}
.groupvision-box h3{font-size: 3.6rem; line-height: 4.6rem; font-weight: 400; color: #fff;  text-transform: uppercase; position: relative; padding-bottom: 1rem; margin-bottom: 2rem;}
.groupvision-box h3:after{content: ''; width: 81px; height: 2px; background: #fff; position: absolute; left: 0 ;bottom: 0; }
.groupvision-box p{font-weight: 600; color: #fff;}
.main-heading .panindia{width: 100%; max-width: 1117px; margin-bottom: 5rem;}
.milestones-cont{display: flex;}
.stones-box {text-align: center;}
.stones-box h4{background: #223650; color: #fff; width: 75px; height: 75px;border-radius: 50%;  line-height: 75px;   display: flex;    justify-content: center; margin: 0 auto;} 
.stones-box p{height: 84px;}
.stones-box02{margin-top: 10rem;}
.stones-box02 h4{margin-bottom: 1rem; background: #369cd2;}
.stones-box02 p{height: auto;}
.milestones-slider p{margin: 0 0 1rem;}
.milestones-slider .slider__item{padding: 0 10px;}
.milestones-slider .slick-arrow.slick-prev {left: 0; top: 36%;  background: url("../images/mleftarrow01.webp") 0   0 / 100% no-repeat; border: none;}
.milestones-slider .slick-arrow.slick-next { right: 0; top: 36%;  background: url("../images/mrightarrow01.webp") 0 0 / 100% no-repeat; border: none;}
.milestones-slider{padding: 0px 6rem 2rem;}
.product-sec{background: url(../images/product01-bg.webp) no-repeat; background-size: cover; padding: 5rem 0; }
.product-htext h3{margin: 1rem 0;}
.product-htext h3 span{font-size: 3rem; line-height: 4.8rem; font-weight: 500; }
.airfilter{padding: 6rem 0;}
.airimg img{width: 100%; max-width: 443px;}
.airfilter-text{padding-left: 2rem;}
.airfilter-text h5{font-size: 1.8rem; line-height: 2.8rem; color: #3f3f3f; font-weight: 600; margin: 2rem 0 0;}
.contact-header{background: url(../images/contact-bg.webp) no-repeat; background-size: cover; padding: 24rem 0;}
.address-sec{background: url(../images/address-bg.webp) no-repeat; background-size: cover; padding: 15rem 0;}
.address-box{background: #fff; border-radius: 1rem; padding: 4rem; margin-bottom: 3rem; }
.address-box h3{font-size: 3.6rem; line-height: 4.6rem; font-weight: 400; color: #003380; margin-bottom: 1.3rem;}
.address-box  p span{font-weight: 600;}
.address-box  p a{color: #3f3f3f;}
.address-box  p a:hover{text-decoration: none; color: #369cd2;}
.address-box  p:last-child{margin-bottom: 0;}
.writetous{padding: 6rem 0; background-color: #f7f9fa;}
.write-heeading{text-align: center; }
.write-heeading h3{font-size: 3.6rem; line-height: 4.6rem; font-weight: 400; color: #003380; text-transform: uppercase;}
.write-from{background: #fff; padding: 10rem; border-radius: 1rem; margin-top: 5rem; box-shadow: 0 4px 8px 0 rgba(191, 191, 191, 0.2), 0 6px 20px 0 rgba(164, 164, 164, 0.19); }
.enquiry{max-width: 796px; margin: 0 auto;}
.custom-group .form-control {border: none;  border-bottom: 1px solid #bfbfbf;  border-radius: 0;  padding: 10px 10px 10px 0;  color: #3f3f3f;   font-size: 1.6rem;   background: none;  box-shadow: none; }
.custom-group p{margin-bottom: 3rem;}
.form-control::placeholder{color: #3f3f3f;}
.apply-btn{margin-top: 3rem;}
.apply-btn .btn{width: 150px; margin: 0 2rem 0 0;}
.custom-group .form-img{margin-bottom: 1.5rem;}
.felt-filter p{margin-bottom: 1.8rem;}
.properties{margin: 3rem 0;}
.table{border-collapse: separate !important;  border-spacing: 0;width: 100%;}
.table-responsive .class-table{border: solid #000 2px;  -moz-border-radius: 6px;  -webkit-border-radius: 6px; border-radius: 8px; -webkit-box-shadow: 0 1px 1px #ccc;  -moz-box-shadow: 0 1px 1px #ccc; box-shadow: 0 1px 1px #ccc;}
.class-table, .class-table th { border-left: 1px solid #ccc;  border-top: 1px solid #ccc; text-align: left;}
.class-table th {background-color: #ECECEC; background-image: -webkit-gradient(linear, left top, left bottom, from(#F8F8F8), to(#ECECEC)); background-image: -webkit-linear-gradient(top, #F8F8F8, #ECECEC); background-image: -moz-linear-gradient(top, #F8F8F8, #ECECEC); background-image: linear-gradient(top, #F8F8F8, #ECECEC); -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;  -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;     border-top: none;   text-shadow: 0 1px 0 rgba(255,255,255,.5); }
.class-table td:first-child, .class-table th:first-child {  border-left: none; border-top: 0; border-bottom: 2px solid #fff;}
.class-table th:first-child {-moz-border-radius: 6px 0 0 0;  -webkit-border-radius: 6px 0 0 0; border-radius: 6px 0 0 0; }
.class-table th:last-child { -moz-border-radius: 0 6px 0 0;   -webkit-border-radius: 0 6px 0 0;     border-radius: 0 6px 0 0;}
.class-table th:only-child{   -moz-border-radius: 6px 6px 0 0;   -webkit-border-radius: 6px 6px 0 0;    border-radius: 6px 6px 0 0; }
.class-table tr:last-child td:first-child { -moz-border-radius: 0 0 0 6px;  -webkit-border-radius: 0 0 0 6px;    border-radius: 0 0 0 6px; }
.class-table tr:last-child td:last-child { -moz-border-radius: 0 0 6px 0;   -webkit-border-radius: 0 0 6px 0;     border-radius: 0 0 6px 0; } 
.table-responsive .class-table th {background: #f3eccf; font-size: 1.8rem; font-weight: 600; text-transform: uppercase; text-align: center; vertical-align: middle; border: 0; border-right: 2px solid;  border-bottom: 2px solid;}
.class-table td{border: 2px solid #fff;font-size: 2.2rem; font-weight: 600;background: #e4f4cc;text-align: center;  vertical-align: middle; border-bottom: 0; border-right: 2px solid;}
.class-table th:first-child{border-radius: 0;}
.class-table  tr th:nth-child(1), .class-table  tr th:nth-child(2){background: #d29cc0;}
.class-table tr th:last-child{border-right: 0;}
.class-table tr .expansive{background: #faf8f5 !important; border-top: 2px solid #fff;}
.class-table .cpink{background: #e9d5e4;text-align: left; padding-left: 2rem; border-right: 2px solid !important;}
.class-table .cgery{background: #faf8f5;}
.product-table tr th:nth-child(1), .product-table tr th:nth-child(2) {  background: #f3eccf;  }
.product-table tr td{text-align: left; padding-left: 2rem; font-size: 2.1rem; line-height: 3.1rem; border-right: 2px solid;}
.product-table tr td:last-child{border-right: 0;}
.product-table .color-wp{background: #d29cc0 !important;}
.product-header{background: url(../images/product-bg.webp) no-repeat; background-size: cover; padding: 22rem 0;}
.wheeler-sec{padding: 6rem 0;}
.wheeler-img img{width: 100%; max-width: 443px;}
.wheeler-text h3{font-size: 3.6rem; line-height: 4.6rem; font-weight: 400; color: #003380; text-transform: uppercase; margin-bottom: 1rem;}
.wheeler-text {padding-left: 2rem;display: flex;  flex-direction: column;  height: 100%;  justify-content: center;}
.mt-50{padding-top: 5rem;}
.wheeler-two{padding: 0 2rem 0 0;}
.wheelertwo-img{float: right;}
.wheeler-text p a{color: #3f3f3f; text-decoration: underline;}
.wheeler-text p a:hover{color: #369cd2;}
.interior-sec{padding: 6rem 0;}
.door-box{background: #f7f9fa; height: 100%;border-radius: 10px;  display: flex; justify-content: flex-start;  align-items: center; padding: 5rem;}
.door-box h3{font-size: 2.8rem; line-height: 3.8rem; font-weight: 600; color: #3f3f3f; }
.interiorimg-mp{margin-top: 3rem;}
.interior-img img{width: 100%; max-width: 345px;}
.mt-60{margin-top: 6rem;}
.airfilter-text h3{font-size: 3.6rem; line-height: 4.6rem; font-weight: 400; color: #003380; margin-bottom: 1rem;}
.mt-70{margin-top: 7rem;}
.properties-table tr td{text-align: center;}
.techno-header{background: url(../images/techno-header.webp) no-repeat; background-size: cover; padding: 19rem 0;}
.injection-box{padding-left: 0;}
.injection-box h3{margin-bottom: 1.5rem;}
.injection-box p{margin-bottom: 2.5rem;}
.injection-box p:last-child{margin-bottom: 0;}
.csrpolicy{padding: 6rem 0;}
.csr-ul{margin-bottom: 1.5rem;}
.csr-ul li{font-size: 1.6rem; line-height: 2.6rem; font-weight: 400; color: #3f3f3f; position: relative; padding-left: 2rem; padding-bottom: .7rem;}
.csr-ul li:after{content: ''; width: 7px; height: 7px; border-radius: 50%; background: #3f3f3f; position: absolute; left: 0; top: 10px;}
.csr-ulul{padding-top: 1rem;}
.csrintro-box h3{text-transform: capitalize;}
.thankyou h4{font-size: 2.5rem; line-height: 3rem;}