@import url('https://fonts.googleapis.com/css2?family=Spline+Sans:wght@300..700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');



/* font-family: "Oswald", sans-serif; */



*{

    font-family: "Spline Sans", sans-serif;

    box-sizing: border-box;

    margin: 0px;

    padding: 0px;

}





/* common-css  */

.ptb-70{

    padding-top: 70px;

    padding-bottom: 70px;

}

.pb-70{

    padding-bottom: 70px;

}

.pt-70{

    padding-top: 70px;

}

.ptb-40{

    padding-top: 40px;

    padding-bottom: 40px;

}

.ptb-30{

    padding-top: 30px;

    padding-bottom: 30px;

}

.pb-40{

    padding-bottom: 40px;

}

.pt-60{

    padding-top: 60px;

}

.section-title{

    margin-bottom: 20px;

}

.section-title h2{

    font-family: "Oswald", sans-serif;

    font-size: 36px;

    /* line-height: 62.24px; */

    font-weight: 700;

    text-align: center;

    text-transform: uppercase;

    margin-bottom: 30px;

}

.para{

    font-family: "Spline Sans", sans-serif;

    font-size: 20px;

    font-weight: 400;

    line-height: 28.6px;

}

/* common-css end  */



.header{

    /* padding-block: 15px; */

    box-shadow: 0px 4px 30px 0px #10387626;

    position: fixed;

    top: -1px;

    width: 100%;

    z-index: 100;

    background:#f9c73c;

    /* background-color: #ffff; */

}

.logo img{

    cursor: pointer;

    position: relative;

    top: 24px;

}

.sidenav .logo img {

    position: relative;

}

/* responsive menu  */

.menu ul{

    display: flex;

    justify-content: start;

    align-items: center;

    /* gap: 20px; */

    gap: 25px;

    margin-bottom: 0px;

    padding: 0px;

}

.menu ul li{

    list-style-type: none;

    padding-block: 15px;

}

.dropdown-content li{

    padding-block: 0px !important;

}

.menu ul li a{

    text-decoration: none;

    /* color: #103876; */

    color: #ffff;

    font-weight: 600;

    text-transform: uppercase;

    font-size: 16px;

}

.menu ul .active a{

    color: #cb1876;

}

.menu .dropdown-content li a {

    color: #103876;

}

.menu .dropdown-content {

    display: none;

    position: absolute;

    background-color: #ffff;

    min-width: 300px;

    padding: 10px;

    box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05),

    -2px 0px 5px 1px rgba(0, 0, 0, 0.05);

    z-index: 1;

    top: 50px;

}

.menu .dropdown-content li {

    display: block;

    /* line-height: 30px; */

    position: relative;

    /* border-bottom: 1px solid #ffff; */

}

.menu .dropdown-content li a{

    padding: 10px 15px;

    display: block;

}

.menu .dropdown-content li:hover>a{

    color: #cb1876 !important;

}

.menu .dropdown-content li{

    font-size: 14px;

    color: #103876;

}

.menu .dropdown:hover .dropdown-content {

    display: block;

}

.dropdown-content .active a{

    color: #cb1876 !important;

}

.sidenav {

    height: 100%;

    width: 0;

    position: fixed;

    z-index: 1;

    top: 0;

    right: 0;

    background-color: #ffff;

    overflow-x: hidden;

    transition: 0.5s;

    /* padding-top: 50px; */

}

.sidenav .logo img{

    width: 180px;

    padding-block: 10px;

    padding-inline: 10px;

}

.sidenav ul{

    padding-left: 10px;

    padding-top: 10px;

}



.sidenav a {

    font-family: "Spline Sans", sans-serif;

    padding: 10px 8px 10px 8px;

    text-decoration: none;

    font-size: 18px;

    color: #103876;

    display: block;

    font-weight: 600;

    text-transform: uppercase;

    transition: 0.3s;

}

.sidenav a:hover {

    color: #103876;

}

.sidenav .closebtn {

    position: absolute;

    top: 42px;

    right: 25px;

    font-size: 70px;

    font-weight: 300;

    margin-left: 50px;

    color: #103876;

    line-height: 0px;

}

.sidenav li {

    list-style-type: none;

}

.sidenav ul .active a{

    color: #cb1876;

}

.hamburger span{

    font-size:40px;

    cursor:pointer;

    float: right;

    line-height: 0px;

}

.sidenav .dropdown-content {

    display: none;

    position: relative;

    min-width: 210px;

    z-index: 1;

}

.sidenav .dropdown-content li {

    display: block;

    /* line-height: 30px;

    padding: 10px 15px; */

    padding-left: 15px;

}

.sidenav .dropdown-content li a{

    font-size: 16px;

    color: #103876;

    display: block;

    font-weight: 700;

}

.sidenav .dropdown-content li a:hover{

    color: #103876;

}

.sidenav .dropdown:hover .dropdown-content {

    display: block;

}

/* responsive end  */



.contact-button{

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 10px;

}

.contact-button .orange-border-btn {

    border: 1px solid #ffff;

}

.contact-button .orange-border-btn a{

    color: #ffff;

}

.contact-button .orange-btn {

    background-color: #ffff;

    border: 1px solid #ffff;

}

.contact-button .orange-btn a{

    color: #f9c73c;

}

.orange-border-btn{

    border: 1px solid #cb1876;

    border-radius: 12px;

    width: fit-content;

    height: 47px;

    line-height: 47px;

}

.orange-border-btn a{

    color: #cb1876;

    padding: 15px 18px;

    list-style-type: none;

    text-decoration: none;

    text-transform: uppercase;

    font-size: 15px;

    font-weight: 600;

}

.orange-btn{

    background-color: #cb1876;

    border: 1px solid #cb1876;

    border-radius: 12px;

    height: 47px;

    line-height: 47px;

    width: fit-content;

}

.orange-btn a{

    color: #FFFF;

    list-style-type: none;

    text-decoration: none;

    text-transform: capitalize;

    font-size: 14px;

    padding: 15px 14px;

    font-weight: 500;

}



/* banner section start  */

.banner-img{

    position: relative;

    /* margin-top: 85px; */

    margin-top: 65px;

    cursor: pointer;

}

/* banner section end  */



/* industry facts start  */



.industry-facts {

    position: relative;

    background: url(../images/section-2-bg.jpg);

    background-repeat: no-repeat;

    background-size: cover;

    background-position: top;

}

.industry-overlay{

    position: relative;

    z-index: 2;

}



.industry-facts .section-title h2{

    color: #ffff;

    margin-bottom: 20px;

}

.all-facts{

    display: flex;

    align-items: center;

    gap: 20px;

    background-color: #ffff;

    padding: 25px;

    border-radius: 32px;

    margin-bottom: 30px;

    box-shadow: 0px 30px 50px 0px #00000026;



}

.fact-count h1{

    font-size: 80px;

    font-weight: 700;

    color: #103876;

    margin-bottom: 0px;

}

.fact-count h1 span{

    font-weight: 400;

}

.fact-content p{

    color: #3B4357;

    font-size: 16px;

    line-height: 21.33px;

    font-weight: 400;

    margin-bottom: 0px;

}

.indus-content p{

    padding-bottom: 20px;

}

.trusted-img{

    position: absolute;

    top: -72px;

    left: 45%;

    z-index: 20;

}



/* industry facts End  */





/* complete-solution start  */

.complete-solution .section-title h2{

    color: #cb1876;

}

.solution-content p{

    margin-bottom: 20px;

}

.solution-cards{

    display: flex;

    align-items: center;

    /* justify-content: space-between; */

    border-radius: 22px;

    background: #F2F5F8;

    padding: 10px;

    margin-bottom: 15px !important;

    width: max-content !important;

}

.solution-cards:hover{

    background: #FFFF;

    box-shadow: 0px 8px 25px 0px #00000033;

}

.solution-cards:hover .solution-name h6{

    color: #cb1876;

}

.product-list:hover{

    background: #FFFF;

    box-shadow: 0px 8px 25px 0px #00000033;

}

.product-list:hover .product-list-name h6{

    color: #cb1876;

}

.slick-carousel{

    display: flex;

}

.solution-img img{

    width: 90px !important;

    height: 90px;

    border: 5px solid #fff;

    border-radius: 11px;

}

.complete-solution .owl-nav{

    display: none;

}

.solution-name{

    margin-left: 10px;

    padding-right: 70px;

}

.solution-name h6{

    font-size: 22px;

    font-weight: 600;

    text-align: left;

    color: #000;

}

.solution-name p{

    font-size: 17px;

    text-align: left;

    color: #828282;

    margin-bottom: 0px;

}

.product-carousel{

    margin-top: -70px;

}

.splide{

    cursor: pointer;

}

/* complete-solution end  */



/* call-to-action1 start  */

.call-action-div{

    border-radius: 22px;

    border: 1px solid #B4B4B4;

    padding: 25px;

}

.call-action-div p{

    font-size: 17px;

    color: #828282;

}

.call-action-div h4{

    color: #3B4357;

    font-weight: 600;

    margin-bottom: 3px;

}

.pr-0{

    padding-right: 0px;

}

.call-to-action1{

    padding-top: 20px;

}

/* call-to-action1 end  */



/* why-pacca-pro start  */

.why-content .section-title h2{

color: #cb1876;

}

.why-cards {

    position: relative;

    overflow: hidden;

    border-radius: 20px;

    margin-top: 20px;

    margin-inline: 5px;

    cursor: pointer;

  }



  .why-cards:hover {

    transition: all 800ms ease-in-out;

  }



  .why-cards:hover .whycard-content {

    bottom: 0px;

    transition: all 700ms ease-in-out;

  }



  .why-cards:hover .whycard-overlay {

    opacity: 1;

    transform: translateY(0px);

    display: block;

    transition: all 550ms ease-in-out;

  }



  .whycard-content {

    position: absolute;

    background: #cb1876;

    left: 0;

    z-index: 10;

    padding: 20px 20px 20px 20px;

    width: 100%;

    bottom: -115px;

    border-radius: 0 0 20px 20px;

    transition: all 700ms ease-in-out;

  }



  .whycard-content h2 {

    font-size: 23px;

    font-weight: 600;

    text-transform: uppercase;

    color: #ffffff;

    margin-bottom: 0;

  }



  .whycard-overlay {

    font-size: 16px;

    color: #ffffff;

    opacity: 0;

    text-align: center;

    margin-top: 15px;

    transform: translateY(30px);

    transition: all 550ms ease-in-out;

  }

  .whycard-content img{

    width: 55px !important;

    padding: 10px;

    border-radius: 50px;

    background-color: #cb1876;

    margin-top: -40px;

  }

  #why-carousel .owl-nav button{

    border: none;

    background-color: #ffff;

    padding: 10px 12px;

    font-size: 20px;

    border-radius: 20px;

    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

    line-height: 0px;

  }

  #splide-whycaro .splide__arrow--prev{

    left: -45px;

    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

    width: 40px;

    height: 40px;

    opacity: 1;

    background-color: #fff;

  }

  #splide-whycaro .splide__arrow--next{

    right: -45px;

    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

    width: 40px;

    height: 40px;

    opacity: 1;

    background-color: #fff;

  }

  .whycard-overlay p{

    font-size: 15px;

  }

  #why-carousel .owl-prev{

    position: absolute;

    top: 50%;

    left: -25px;

  }

  #why-carousel .owl-next{

    position: absolute;

    top: 50%;

    right: -25px;

  }

/* why-pacca-pro End  */



/* research-and-development start  */

.research-and-development{

    background: #103876;

}

.research-img img{

    border-radius: 24px;

}

.research-content h2{

    font-family: "Oswald", sans-serif;

    font-size: 36px;

    line-height: 62.24px;

    font-weight: 700;

    text-transform: uppercase;

    color: #ffff;

}

.research-content p{

    font-size: 15px;

    color: #ffff;

    font-weight: 400;

    line-height: 23.4px;

}

/* research-and-development end  */



/* facts-div start  */

.facts{

    background: url(../images/facts-bg.jpg);

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

}

.facts-div img{

    width: 80px;

    margin-bottom: 25px;

}

.facts-div h1{

    font-family: "Oswald", sans-serif;

    font-size: 85px;

    color: #ffff;

    font-weight: 600;

}

.facts-div h6{

    font-family: "Oswald", sans-serif;

    font-size: 20px;

    color: #ffff;

    text-transform: uppercase;

    font-weight: 400;

}

/* facts-div end  */



/* products section start  */

.products{

    height: 510px;

}

.product-img-size{

    background: #B2B2AC;

    height: 485px;

}

.products .section-title h2{

    line-height: 50px;

    color: #FFFF;

}

.product-img {

    margin-block: 60px;

}

.call-back-title .section-title h2{

    color: #cb1876;

    margin-bottom: 40px;

}

#splide-product .splide__arrow--prev{

    top: 40%;

    left: -15px;

    background: #ffff;

    opacity: 1;

}

#splide-product .splide__arrow--next{

    top: 40%;

    right: -15px;

    background: #ffff;

    opacity: 1;

}

/* products section end  */



/* home-call-back start  */

.video-div img{

    border-radius: 16px;

}

.video-div{

    position: relative;

    background: #F2F6F8;

    border-radius: 16px;

}

.name{

    position: absolute;

    bottom: 90px;

    left: 25px;

}

.name h6{

    color: #ffff;

    font-size: 18px;

    font-weight: 600;

    margin-bottom: 3px;

}

.name p{

    color: #ffff;

    font-size: 15px;

    font-weight: 400;

}

.video-content{

    padding: 15px;

}

.video-content p{

    color: #3B4357;

    margin-bottom: 0px;

    font-size: 18px;

    font-weight: 600;

}

.form-group input, .form-group select{

    height: 65px;

    margin-bottom: 15px;

    background: #F4F4F4 !important;

    color: #5d5d5d !important;

    border-radius: 6px;

    border: 1px solid #CECECE !important;

    width: 100%;

}

.form-group select{

    padding-left: 8px;

}

.form-group::placeholder{

    color: #000;

}

.orange-btn button{

    color: #FFFF;

    text-transform: capitalize;

    font-size: 15px;

    font-weight: 600;

    /* line-height: 0px; */

}

.orange-btn button:hover, .orange-btn button:active{

    /* border: none !important; */

    color: #ffff !important;

}

/* home-call-back end  */



/* footer-links start  */

.footer-links{

    background: #103876;

}

.social-links a{

    color: #103876;

    padding: 10px 9px;

    background-color: #ffff;

    border-radius: 22px;

    font-size: 20px;

    margin-inline: 7px;

}

.footer-logo img{

    width: 260px;

    margin-bottom: 60px;

}

.footer-content h6{

    text-transform: uppercase;

    color: #ffff;

    font-size: 18px;

    font-weight: 500;

}

.footer-content p{

    font-size: 15px;

    color: #ffff;

    font-weight: 300;

}

.footer-url{

    display: flex;

    align-items: center;

    gap: 20px;

}

.footer-url h6 a{

    text-decoration: none;

    color: #ffff;

    text-transform: uppercase;

    font-size: 18px;

    font-weight: 500;

}

.freeconsul{

    color: #ffff;

    font-weight: 400;

}

/* footer-links end  */



/* footer-contact start  */

.footer-contact-div{

    display: flex;

    align-items: center;

    justify-content: center;

}

.footer-contact{

    background: #08285C;

}

.footer-con-content h6{

    font-size: 13px;

    text-transform: uppercase;

    color: #ffff;

    font-weight: 300;

    margin-bottom: 0px;

}

.footer-con-content h4 a{

    text-decoration: none;

    color: #ffff;

    font-weight: 600;

}

.footer-con-content h4{

    margin-bottom: 0px;



}

.footer-con-icon i{

    font-size: 40px;

    color: #ffff;

    margin-right: 10px;

}

.copy-rights{

    background: #103876;

}

.copyright-text p{

    color: #ffff;

    margin-bottom: 0px;

    font-weight: 300;

    font-size: 15px;

}

.copyright-text p a{

    text-decoration: none;

    color: #ffff;

}

/* footer-contact end  */



.slick-slider .slick-slide{

    margin-inline: 10px;

}

.slick-slider{

    margin-bottom: 0px !important;

}

.complete-solution {

    overflow-x: clip;

}

.marquee {

    overflow: hidden;

    position: relative;

    width: 100%;

}



.slider {

    will-change: transform;

    animation: marquee 250s linear infinite;

    align-items: center;

    display: flex;

    width: max-content;

}



.slider-2 {

    will-change: transform;

    animation: marquee-2 100s linear infinite;

    align-items: center;

    display: flex;

    width: max-content;

}

.slider-3 {

    will-change: transform;

    animation: marquee 300s linear infinite;

    align-items: center;

    display: flex;

    width: max-content;

}



@keyframes marquee {

    0% {

        transform: translateX(0%);

    }

    100% {

        transform: translateX(-100%);

    }

}



@keyframes marquee-2 {

    0% {

        transform: translateX(-50%);

    }

    100% {

        transform: translateX(0%);

    }

}



#slide-1:hover, #slide-2:hover, #slide-3:hover {

    animation-play-state: paused;

}



.solution-cards {

    margin-right: 15px !important;

}





/* solution-section start  */

.solution-banner {

    margin-top: 0px;

    height: 410px;

    background: url(../images/solution-banner.png);

    background-repeat: no-repeat;

    background-position: 10% 65%;

    background-size: cover;

    display: flex;

    justify-content: center;

    align-items: center;

}

.product-banner .solution-tit{

    position: absolute;

    bottom: 170px;

    text-align: center;

    width: 100%;

    color: #FFF;

}

.solution-tit h2{

    font-family: "Oswald", sans-serif;

    font-weight: 700;

    color: #ffff;

    font-size: 50px;

    text-transform: uppercase;

}

.construction-problems{

    background: #103876;

    position: relative;

}

.solution-all{

    background-color: #F2F5F8;

    display: flex;

    border-radius: 16px;

    align-items: center;

    gap: 15px;

    padding: 5px;

    position: relative;

    margin-block: 50px;

}

.kavach-icons img{

    position: absolute;

    bottom: 0px;

    right: 0px;

    width: 130px;

}

.constpro-img img{

    width: 120px;

    height: 110px;

    border-radius: 16px;

    object-fit: cover;

    border: 5px solid #fff;

}

.constpro-img{

    width: 30%;

}

.constpro-div{

    width: 70%;

}

.constpro-div h4{

    color: #103876;

    font-weight: 700;

    font-size: 20px;

    margin-bottom: 0px;

}

.construction-problems a{

    text-decoration: none;

}

.constpro-div p{

    color: #828282;

    font-weight: 400;

    font-size: 16px;

    margin-bottom: 0px;

}

.tab-content{

    margin-top: 30px    ;

}

.recommend-sec .section-title h4 {

    color: #cb1876;

    text-align: center;

    font-weight: 400;

}

.recommend-slider{

    margin-top: 40px;

}

.recommend-div{

    background: #F2F6F8;

    padding: 30px 10px 30px 20px;

    border-radius: 24px;

    margin-bottom: 15px;

    margin-right: 15px;

}

.recommend-div h6{

    font-weight: 400;

}

.recommend-div h5{

    margin-bottom: 0px;

}

.recommend-div p{

    font-weight: 400;

    margin-bottom: 0px;

}

.build-homes img{

    border-radius: 20px;

}

.section-title .orange{

    color: #cb1876;

}

.faq-section .accordion-item{

    border: 1px solid #D4D9DF;

    margin-bottom: 15px;

    border-radius: 0px !important;

}

.faq-section .accordion-item button{

    border-radius: 0px !important;

    font-size: 18px;

    font-weight: 500;

    color: #3B4357;

    padding-block: 25px;

}

.faq-section .accordion-button:not(.collapsed){

    background: none;

    box-shadow: none;

}

.faq-section .accordion-body{

    padding: 0px 20px 20px 20px;

}

.faq-section .accordion-body p{

    margin-bottom: 0px;

}

.faq-all{

    margin-top: 30px;

}

/* solution-section end  */



/* product page start  */



.foundation-img img{

    border-radius: 24px;

}

.foundation-text h2{

    font-family: "Oswald", sans-serif;

    font-size: 36px;

    line-height: 62.24px;

    font-weight: 700;

    color: #cb1876;

    text-transform: uppercase;

}

.foundation-text p{

    font-size: 16px;

}

.foundation-products{

    margin-bottom: 70px;

}

.foundation-products .section-title{

    margin-bottom: 20px;

}

.product-list{

    display: flex;

    align-items: center;

    border-radius: 22px;

    background: #F2F5F8;

    padding: 10px;

    margin-bottom: 15px;

}

.product-itm{

    cursor: pointer;

}

.pro-overview-2{

    cursor: pointer;

}

.app-videos{

    margin-inline: 6px;



}

.product-list-1{

    display: flex;

    align-items: center;

    border-radius: 22px;

    background: #ffff;

    box-shadow: 0px 20px 30px 0px #0000004D;

    padding: 15px;

    margin-bottom: 15px;

}

.product-list-2{

    display: flex;

    align-items: center;

    border-radius: 22px;

    background: #F2F6F8;

    padding: 15px;

    margin-bottom: 15px;

}

.product-list-img img{

    width: 90px !important;

    height: 90px;

    border: 5px solid #fff;

    border-radius: 11px;

}

.product-list-name {

    margin-left: 10px;

}

.product-list-name h6 {

    font-size: 22px;

    font-weight: 600;

    text-align: left;

}

.product-list-name p {

    font-size: 17px;

    text-align: left;

    color: #828282;

    margin-bottom: 0px;

}

.product-list-name-1 {

    margin-left: 10px;

    width: fit-content;

}

.product-list-name-1 h6 {

    font-size: 20px;

    font-weight: 600;

    text-align: left;

}

.product-list-name-1 p {

    font-size: 15px;

    text-align: left;

    color: #828282;

    margin-bottom: 0px;

}

.first-product{

    background: #103876;

}

.product-details{

    border-radius: 22px;

    background: #ffff;

    padding: 20px;

    margin-bottom: 15px;

}

.product-details h3{

    color: #103876;

    font-size: 19px;

    font-weight: 400;

    text-transform: uppercase;

}

.product-details h4{

    color: #103876;

    font-weight: 700;

}

.product-details p{

    font-size: 15px;

}

.product-details-2{

    border-radius: 22px;

    background: #F2F6F8;

    padding: 20px;

    margin-bottom: 15px;

}

.product-details-2 h3{

    color: #103876;

    font-size: 19px;

    font-weight: 400;

    text-transform: uppercase;

}

.product-details-2 h4{

    color: #103876;

    font-weight: 700;

}

.product-details-2 p{

    font-size: 15px;

}

.pro-overview-2{

    border-radius: 22px;

    background: #F2F6F8;

}

.pro-overview-2 h6{

    padding: 20px;

    color: #103876;

    margin-bottom: 0px;

}

.pro-overview-2 i{

    background: #103876;

    color: #ffff;

    border-radius: 30px;

}

.pro-overview{

    border-radius: 22px;

    background: #ffff;

    cursor: pointer;

}

.pro-overview h6{

    padding: 20px;

    color: #103876;

    margin-bottom: 0px;

}

.pro-overview i{

    background: #103876;

    color: #ffff;

    border-radius: 30px;

}

.prm-0{

    padding-right: 0px;

}

.application-videos{

    background: #fff1e9;

}

.app-videos img{

    border-radius: 11px;

    margin-bottom: 10px;

}

.app-videos p{

    color: #103876;

    font-weight: 600;

    font-size: 16px;

}

.product-videos{

    margin-bottom: 30px;

}

.application-videos .section-title{

    margin-bottom: 20px;

}

#product-carousel .owl-nav button{

    border: none;

    background-color: #ffff;

    padding: 10px 12px;

    font-size: 20px;

    border-radius: 20px;

    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

    line-height: 0px;

}

#product-carousel .owl-prev{

    position: absolute;

    top: 31%;

    left: -25px;

}

#product-carousel .owl-next{

    position: absolute;

    top: 31%;

    right: -25px;

}

.modalclose-btn{

    background: none;

    border: none;

    font-weight: 100;

    font-size: 25px;

    top: -8px;

    right: -30px;

    position: absolute;

    color: #ffff;

}

.modal-dialog {

    max-width: 700px;

}

.third-product {

    background: #103876;

}

.fifth-product {

    background: #103876;

}

.seventh-product {

    background: #103876;

}

/* product page end */



/* contact page start  */



.contact-banner {

    margin-top: 65px;

    height: 410px;

    background: url(../images/contact-banner.png);

    background-repeat: no-repeat;

    background-position: 10% 40%;

    background-size: cover;

    display: flex;

    justify-content: center;

    align-items: center;

}

.contact-section {

    background: #103876;

    border-bottom: 1px solid #ffff;

}

.call-icon i{

    color: #ffff;

    font-size: 28px;

    padding: 22px 23px;

    background: #082A5F;

    border-radius: 50px;

}

.contact-info p{

    color: #ffff;

    font-weight: 300;

    margin-bottom: 0px;

    font-size: 15px;

    margin-top: 10px;

}

.contact-info h5{

    color: #ffff;

    margin-bottom: 0px;

}

.form-floating .form-select{

    background-color: #f4f4f4;

    height: 65px;

    background-size: 22px 18px;

    border: 1px solid #3B4357;

}

.form-floating label::after{

    background: #f4f4f4 !important;

}

.form-select:focus {

    border-color: #3B4357;

    outline: 0;

    box-shadow: none;

}

.search-btn{

    background-color: #cb1876;

    border: 1px solid #cb1876;

    border-radius: 12px;

    width: fit-content;

}

.search-btn button{

    color: #ffff !important;

    font-size: 17px;

    font-weight: 500;

    padding: 18px 24px;

}

.btn:first-child:active{

    color: #ffff;

    background-color: #cb1876;

    border-color: #cb1876;

}

.dealer-address{

    /* border: 1px solid #D4D9DF;

    border-radius: 16px;

    padding: 25px; */



    border: 1px solid #D4D9DF;

    border-radius: 16px;

    padding: 25px;

    display: inline-block;

    width: 100%;

    margin-bottom: 20px;

}

.dealer-address h5{

    font-weight: 600;

    color: #3B4357;

}

.dealer-address p{

    margin-bottom: 0px;

}

.dealer-location{

    margin-top: 20px;

}

.dealer-grid {

  column-count: 3;

  /* display: grid;

  grid-template-columns: repeat(3, 1fr);

  gap: 20px; */

}

.pacca-address{

    padding-top: 40px;

    padding-bottom: 80px;

    background: url(../images/loaction-bg.jpg);

    background-position: center;

    background-size: contain;

}

.address-content h5{

    font-weight: 500;

    color: #ffff;

    font-size: 23px;

}

.address-content p{

    color: #ffff;

    font-weight: 300;

    font-size: 15px;

}

/* contact page end  */



/* about page start  */



.about-banner {

    margin-top: 65px;

    height: 410px;

    background: url(../images/about-banner.jpg);

    background-repeat: no-repeat;

    background-position: bottom;

    background-size: cover;

    display: flex;

    justify-content: center;

    align-items: center;

}

.unique-section{

    background: #103876;

}

.unique-section h2{

    color: #ffff;

}

.unique-content h6{

    font-family: "Spline Sans", sans-serif;

    font-size: 19px;

    color: #ffff;

    font-weight: 300;

    line-height: 27px;

}

.unique-content p{

    font-size: 15px;

    color: #ffff;

    font-weight: 300;

    line-height: 23.4px;

}

.leader-content h3{

    font-size: 30px;

    font-weight: 700;

    color: #3B4357;

    margin-bottom: 0px;

}

.leader-content h6{

    font-size: 22px;

    font-weight: 500;

    color: #3B4357;

}

.leader-content p{

    font-size: 15px;

    font-weight: 400;

    line-height: 23.4px;

}

.leadership-img img{

    box-shadow: 0px 8px 25px 0px #00000021;

}

.chairman{

    margin-bottom: 35px;

}

/* about page end  */



.fir-product-content .product-list-img img{

    width: 100px !important;

}

.navmenu{

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin-left: 8%;

}





/* New product Page Start */

.product-section{

    padding-top: 70px;

    padding-bottom: 10px;

}

.productdet-section{

    padding-top: 70px;

    padding-bottom: 70px;

}

.all-products{

    position: relative;

    max-width: 390px;

    margin-bottom: 60px;

}

.all-products a{

    text-decoration: none;

}

.product-name{

    position: absolute;

    bottom: 0px;

    background: #103876;

    border-radius: 0px 0px 15px 15px;

    width: 100%;

}

.product-name h5{

    color: #ffff;

    text-transform: uppercase;

    margin-bottom: 0px;

    font-size: 18px;

    padding-block: 20px;

}

.all-products img{

    border-radius: 15px;

}

.all-product-det{

    position: relative;

    width: 368px;

    border-radius: 15px;

    background: #ffff;

    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;

    margin: 0px auto 60px auto;

}

.all-product-det a{

    text-decoration: none;

}

.all-product-det img{

    padding-inline: 30px;

}

.product-view-more{

    background: #cb1876;

    border-radius: 0px 0px 15px 15px;

}

.product-view-more h5{

    color: #ffff;

    margin-bottom: 0px;

    padding-block: 20px;

    font-size: 18px;

}

.filter-product {

    position: relative;

    margin-bottom: 20px;

}

.product-view-more a{

    text-decoration: none;

}

.product-subname p{

    color: #cb1876;

    margin-bottom: 5px;

    font-weight: 600;

}

.product-subname h6{

    font-size: 19px;

    font-weight: 600;

    color: #000;

}

.singpro-details h4{

    font-weight: 600;

    margin-bottom: 5px;

    color: #cb1876;

}

.singpro-details p{

    font-size: 17px;

    line-height: 27px;

}

.singlepro-img{

    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;

    border-radius: 12px;

}

.avail-size{

    display: flex;

    align-items: center;

    border-radius: 10px;

    width: fit-content;

    border: 1.6px solid #e5e2e3;

    margin-bottom: 22px;

}

.avail-size h5{

    margin-bottom: 0px;

    color: #575757;

    font-weight: 600;

    padding: 12px 14px;

    border-right: 1.6px solid #e5e2e3;

}

.avail-size p{

    margin-bottom: 0px;

    color: #4d4b4c;

    font-style: italic;

    font-size: 17px;

    padding: 12px 16px;

    border-right: 1.6px solid #e5e2e3;

}

.pro-feature{

    margin-bottom: 20px;

}

.pro-feature h5{

    margin-bottom: 15px;

    font-weight: 600;

}

.pro-feature ul li{

    list-style-type: none;

    padding-left: 35px;

}

.pro-feature ul{

    padding: 0px;

    margin-bottom: 0px;

}

.pro-feature ul li{

    background: url(../images/check-box.png);

    background-repeat: no-repeat;

    background-size: 22px;

    background-repeat: no-repeat;

    background-position: center left;

}

.pro-feature ul li p{

    font-size: 17px;

}

.pro-btn{

    display: flex;

    align-items: center;

    gap: 20px;

}

.pro-btn .orange-border-btn a{

    text-transform: capitalize;

    font-size: 17px;

}

.pro-btn .orange-border-btn img{

    width: 26px;

    margin-right: 10px;

}

.pro-btn .orange-btn a{

    text-transform: capitalize;

    font-size: 17px;

}

.pro-btn .orange-btn img{

    width: 26px;

    margin-right: 10px;

}

.product-video{

    background: #cb1876;

}

.relatable-products{

    background: #103876;

    padding-top: 60px;

    padding-bottom: 20px;

}

.modal-form{

    padding: 20px;

}

#enquiryForm .modal-dialog{

    max-width: 500px;

}

#enquiryForm .form-group .form-control , #enquiryForm .form-group select {

    height: 50px;

    margin-bottom: 20px;

}

#popupform h4{

    margin-bottom: 20px;

}

.pacca-video img {

    border-radius: 12px;

    border: 4px solid #fff;

}

.solution-name a{

    text-decoration: none;

}

/* New product Page End */





/* new css  */

.filter-product .form-group select{

    width: 100%;

    color: #cb1876 !important;

    padding: 15px 18px;

    height: 50px;

    background: #ffff !important;

    border: 1px solid #cb1876 !important;

    border-radius: 12px;

}

.Productfilter{

    background-color: #ffffff;

    border: 1px solid #cb1876;

    color: #cb1876;

    padding: 6px 15px;

    margin-bottom: 4px;

    margin-inline: 1px;

}

.Productfilter.active{
    background-color: #cb1876;
    border: 1px solid #cb1876;
    color: #ffff;
}
.Productfilter:hover, .Productfilter:active{
    background-color: #cb1876 !important;
    border: 1px solid #cb1876 !important;
    color: #ffff !important;
}
.fliter-buttons{
    padding-bottom: 50px;
}
.product-banner{
    margin-top: 65px;
    position: relative;
}
.whatsapp-icon {
    position: fixed;
    bottom: 25px;
    right: 20px;
    height: 50px;
    width: 50px;
    z-index: 1000;
}
#deskbanner-slider .owl-nav{
    display: none;
}
.grecaptcha-badge{
    display: none;
}

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

    .product-img-size {

        background: #B2B2AC;

        height: 445px;

    }

    .products {

        height: 445px;

    }

    .menu ul li a{

        font-size: 14px;

    }

    .call-action-div h4 {

        font-size: 20px;

    }

    .all-product-det {

        max-width: 90%;

    }

    .constpro-div h4{

        font-size: 16px;

    }

    .banner-img {

        margin-top: 55px;

    }

    .solution-banner {

        margin-top: 55px;

    }

    .contact-banner {

        margin-top: 55px;

    }

    .about-banner {

        margin-top: 55px;

    }

    .product-banner{

        margin-top: 55px;

    }

}



@media(max-width:798px){
    .dealer-grid {
    column-count: 1;
  }
    .owl-nav{
        display: none;
    }
    .relatable-products{

        padding-top: 40px;

        padding-bottom: 20px;

    }

    .header {

        padding-block: 10px;

    }

    .section-title h2 {
        font-size: 24px;
        line-height: 33px;
    }

    .banner-img {
        position: relative;
        margin-top: 50px;
    }

    .trusted-img img{

        width: 60px;

    }

    .product-carousel{
        margin-top: 0px;
    }

    .product-banner{
        margin-top: 50px;
    }

    .product-banner .solution-tit {

        position: absolute;

        bottom: 85px;

    }

    .trusted-img {

        position: absolute;

        top: -30px;

        left: 42%;

    }

    .ptb-70 {

        padding-top: 40px;

        padding-bottom: 40px;

    }

    .fact-count h1 {

        font-size: 50px;

    }

    .all-facts {

        min-height: 135px;

    }

    .para {

        font-size: 17px;

        line-height: 22.6px;

    }

    .indus-content p {

        padding-bottom: 10px;

    }

    .complete-solution .section-title h2 {

        margin-bottom: 20px;

    }

    .solution-slide {

        margin-top: -20px;

    }

    .call-action-div {

        padding: 20px;

        margin-bottom: 25px;

    }

    .all-product-det{

        max-width: 100%;

        margin-bottom: 40px;

    }

    .call-action-div p {

        font-size: 15px;

    }

    .pr-0 {

        padding-right: 15px;

    }

    .prm-0{

        padding-right: 12px;

    }

    .pro-overview {

        margin-bottom: 15px;

    }

    .call-action-div h4 {

        font-size: 19px;

    }

    .solution-name h6 {

        font-size: 18px;

    }

    .solution-name p {

        font-size: 15px;

        color: #828282;

    }

    .whycard-content h2 {

        font-size: 18px;

    }

    .whycard-overlay p {

        font-size: 15px;

    }

    .facts-div h1 {

        font-size: 50px;

    }

    .facts-div h6 {

        font-size: 18px;

    }

    .products .section-title h2 {

        line-height: 33px;

    }

    .product-img {

        margin-block: 10px;

    }

    .products {

        height: auto;

    }

    .research-content h2 {

        font-size: 24px;

    }

    .research-content p {

        font-size: 15px;

    }

    .fact-content p {

        font-size: 15px;

    }

    .product-img-size {

        background: #B2B2AC;

        height: auto;

    }

    .name {

        position: absolute;

        bottom: 70px;

        left: 15px;

    }

    .video-div {

        margin-bottom: 25px;

    }

    .video-content p {

        font-size: 15px;

    }

    .footer-logo img {

        width: 162px;

        margin-bottom: 40px;

    }

    .social-links{

        margin-bottom: 40px;

    }

    .footer-url {

        display: flex;

        align-items: center;

        gap: 15px;

        margin-bottom: 20px;

    }

    .footer-url h6 a {

        font-size: 14px;

    }

    .footer-contact-div {

        margin-bottom: 25px;

    }

    .facts-div{

        margin-bottom: 30px;

    }

    .footer-con-content{

        min-width: 230px;

    }

    .footer-con-icon{

        min-width: 50px;

    }

    .product-img img{

        margin-bottom: 20px;

        width: 350px;

    }

    .solution-banner {

        margin-top: 50px;

        background-position: center;

    }

    .pacca-address {

        padding-top: 40px;

        padding-bottom: 40px;

        background-position: center;

        background-size: cover;

        background-repeat: no-repeat;

    }

    .address-map{

        margin-bottom: 20px;

    }

    .nav-pills {

        position: relative;

        top: 0px;

        left: 0px;

        margin-bottom: 30px;

    }

    .contact-banner {

        margin-top: 50px;

    }

    .dealer-section {

        padding-top: 40px;

    }

    .splide__arrows{

        display: none;

    }

    .contact-info {

        margin-bottom: 30px;

    }

    .save-text h2 {

        font-size: 30px;

        line-height: 30px;

    }

    .save-text .tit-2 {

        font-size: 16px;

    }

    .save-con p {

        font-size: 15px;

    }

    .constpro-div h4 {

        font-size: 15px;

    }

    .constpro-div p {

        font-size: 15px;

    }

    .p-2{

        padding-inline: 15px !important;

    }

    .recommend-sec .section-title h4 {

        font-size: 17px;

    }

    .recommend-div p{

        font-size: 15px;

    }

    .recommend-div h6{

        font-size: 18px;

    }

    .constpro-img img{

        width: 110px;

        height: 100px;

    }

    .recommend-div h5{

        font-size: 17px;

    }

    .faq-section .accordion-item button{

        font-size: 16px;

    }

    .accordion-button{

        gap: 11px;

    }

    .foundation-img img {

        margin-bottom: 20px;

    }

    .foundation-text p {

        font-size: 15px;

    }

    .product-list-name h6 {

        font-size: 18px;

    }

    .product-list-name p {

        font-size: 15px;

    }

    .fir-product-img img{

        margin-bottom: 20px;

    }

    .product-list-1{

        display: block;

    }

    /* .product-list-img img{

        margin-bottom: 20px;

    } */

    .product-details h3 {

        font-size: 17px;

    }

    .product-list-2{

        display: block;

    }

    .product-details-2 h3{

        font-size: 17px;

    }

    .pro-overview-2{

        margin-bottom: 15px;

    }

    .product-list-name-1 {

        margin-left: 0px;

    }

    .product-list{

        margin-bottom: 15px;

    }

    .product-list-1 .product-list-img img{

        margin-bottom: 15px;

    }

    .foundation-products {

        margin-bottom: 40px;

    }

    .modalclose-btn {

        top: -30px;

        right: 0px;

        position: absolute;

        color: #ffff;

    }

    .about-banner {

        margin-top: 50px;

    }

    #mySidenav .logo img{

        position: relative;

        top: 0px;

    }

    #mySidenav .logo{

        background: #000;

    }

    .sidenav .closebtn {

        position: absolute;

        top: 26px;

        color: #fff;

    }

    .logo img {

        position: absolute;

        top: 19px;

        width: 250px;

        left: 0px;

    }

    .leadership-img{

        margin-bottom: 25px;

    }

    .leader-content h6{

        margin-bottom: 15px;

    }

    .sidenav .dropdown-content li a {

        font-size: 18px;

        color: #103876;

        display: block;

        font-weight: 600;

    }

    .sidenav ul{

        padding-top: 0px;

    }

    .foundation-text h2 {

        font-size: 24px;

        text-align: center;

    }

    .product-list-img{

        margin-bottom: 15px;

    }

    .all-products {

        max-width: 100%;

        margin-bottom: 30px;

    }

    .product-section{

        padding-top: 40px;

    }

    .singlepro-img{

        margin-bottom: 30px;

    }

    .solution-tit h2 {

        font-size: 33px;

        text-align: center;

    }

    .pro-btn {

        display: grid;

        align-items: center;

        gap: 20px;

        /* grid-template-columns: 1fr; */

    }

    .pro-btn .orange-border-btn{

        padding-inline: 12px;

        text-align: center;

    }

    .pro-btn .orange-btn{

        padding-inline: 12px;

        text-align: center;

    }

    .order1{

        order: 1;

        width: 100%;

        /* grid-column-start: 1;

        grid-column-end: 4; */

    }

    .order2{

        order: 2;

        width: 100%;

        /* grid-column-start: 1;

        grid-column-end: 2; */

    }

    .order3{

        order: 3;

        width: 100%;

        /* grid-column-start: 2;

        grid-column-end: 4; */

    }

    .avail-size p {

        flex-shrink: 0;

        font-size: 17px;

        padding: 12px 25px;

        border-right: 1.6px solid #e5e2e3;

    }

    .avail-size h5 {

        margin-bottom: 0px;

        color: #575757;

        font-weight: 600;

        padding: 12px 14px;

        width: 100%;

        border-bottom: 1.6px solid #e5e2e3;

        border-right: 0px;

    }

    .avail-size {

        display: flex;

        align-items: center;

        flex-wrap: wrap;

        border-radius: 10px;

        width: fit-content;

        border: 1.6px solid #e5e2e3;

        margin-bottom: 22px;

    }

    .modal-form {

        padding: 50px 30px;

    }

    .fliter-buttons {

        padding-bottom: 30px;

        /* display: flex;

        align-items: center; */

        overflow-x: scroll;

    }

    .kavach-icons img {

        width: 115px;

    }

    .solution-all {

        margin-block: 35px;

    }
}