@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Prompt: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&family=Raleway:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url("https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css");


p,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Prompt", sans-serif;
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

@media (min-width: 1200px) {
    body {
        font-size: 1vw;
    }

    .container {
        /* padding: 0 .85vw !important; */
        width: 75vw !important;
        margin: 0 auto;
        max-width: 65vw !important;
    }

    .justify-content-between {
        justify-content: space-around;
    }
    .row {
        margin: 0 -.9vw !important;
    }
}



/*--clean-room-panels-page--*/

/*navbar*/

.main_nav{
    background-color: #0062a6 ;
}

.header_logo img
{
    width: 9vw;
}

ul .ph_nmbr {
    color: #fff;
    margin-left: 2vw;
}

ul li .link-body-emphasis{
    color: #fff !important;
    font-size: 1vw;
    font-family: "Prompt", sans-serif;
}

/* sub-nav */



.navbar .container {
    padding: 0vw !important;
    width: 75vw !important;
    margin: 0 auto;
    max-width: 65vw !important;
}

.navbar {
    padding: 0.2vw 0 !important;
    background: #e0e3ebcf;
    /* position: absolute !important; */
    z-index: 99;
    width: 100%;
    height: 4.5vw;
}

.nav-sec {
    background: #fff;
    box-shadow: 1px 3px 20px 0px rgba(216, 216, 216, 0.43);
}


.navbar .navbar-nav .nav-item .nav-link {
    font-family: "Prompt", sans-serif;
    font-weight: 600;
    font-style: normal;
    color: #000;
    font-size: 0.915vw;
    padding-left: 1.4vw;
    padding-right: 0;
    text-transform: uppercase;
}

.dropdown-toggle::after {
    display: none !important;
}

.dropdown-menu.show {
    overflow-y: scroll;
    height: 28vh
}


.dropdown-menu.show {
    overflow-y: scroll;
    height: 28vh
}


nav ul.megamenu {
    position: absolute;
    display: flex;
    width: 30vw;
    top: 93%;
    left: 0;
    padding: 0;
    background: #BBDEFB;
    text-align: left;
    z-index: 1;
    height: auto;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}


nav ul.megamenu .mega_right .content-list {
    display: none;
}

nav ul.megamenu .mega_right .content-list.active {
    display: block;
}

nav ul .menu_services{
    width: 15vw;
}


nav li:hover>ul.megamenu {
    visibility: visible;
    opacity: 1;
}


nav ul.megamenu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

nav ul.megamenu ul li {
    margin-bottom: 0;
    font-size: 0.91vw;
    font-family: "Prompt", sans-serif;
    font-weight: 300;
    color: #000;
    padding: 0.75vw 1vw;
    border-bottom: 0.1vw solid #333;
}


nav ul.megamenu ul li a {
    color: #000;
    text-decoration: none;
    display: flex;
    justify-content: space-between;
    /* border-bottom: 0.1vw solid #000; */
}


nav ul.megamenu ul li a:hover {
    color: #fff;  
    background: #0062a6;
    border-bottom: none;
}

nav ul.megamenu ul li:hover {
    color: #fff;
    background: #0062a6;
}


.navbar .navbar-nav {
    align-items: center;
}




/*banner*/

.banner_sec{
    background-image: url('../img/banner_img.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 48vh;
}

.banner_sec .text{
    padding-top: 8.8vw;
}

.banner_sec .text h2{
    font-weight: 400;
    color: #fff;
    font-size: 2.5vw;
    text-align: center;
    font-family: "Prompt", sans-serif;
    /* letter-spacing: 0.04vw; */
}


/*content*/
.content
{
    padding: 3vw 0;
    background-color: #f6f6f6;
}

.content img{
    width: 20vw;
}

.content .types ul
{
    margin: 1.5vw 0 0 0;
    padding: 0;
}
.content .types .types_list li{
    list-style: none;
    background-color: #fff;
    color: #000;
    margin-top: 0.5vw;
    font-family: "Prompt", sans-serif;
    font-size: 0.7vw;
    font-weight: 600;
    text-transform: uppercase;
}

.content .types .types_list li a{
    text-decoration: none;
    color: #000;
    justify-content: space-between;
    display: flex;
    padding: 0.8vw 0.5vw;
}

.content .types .types_list li a:hover {
    color: #fff;
    background: #005088;
    padding: 0.8vw 0.5vw;
}

.content .text{
    padding-top: 1vw;
    font-family: "Prompt", sans-serif;
    /* color: rgb(51 51 51 / 90%); */
}

.content .text h5{
    color: #0062a6;
    font-weight: 400;
    font-size: 1.7vw;
}

.content .text p{
    font-size: 0.9vw;
    line-height: 1.5vw;
    color: #000;
}

.content .text .specifications
{
    padding: 0 0;
    margin: 0;
}

.content .text .specifications h6
{
    font-size: 1vw;
    font-weight: 500;
    padding: 1vw 0;
    margin: 0;
}

.content .text .specifications li
{
    list-style: none;
    color: #000;
    font-size: 0.9vw;
    letter-spacing: 0.01vw;
    padding: 0 0 0.5vw 0 ;
    line-height: 1.6vw;
}

.content .text .specifications li span{
    /* font-size: 0.913vw; */
    font-size: 12.2px;
    font-weight: 600;
    font-family: "Prompt", sans-serif;
}

.content .text .specifications li :before{
    transform: rotate(90deg);
    color: #8dba4e;
    margin-right: 0.5vw;
}

/*footer*/
footer {
    background: #0062a6;
}

footer .logo img{
    padding: 3vw 5vw 0.7vw 0vw;
    width: 19vw;
}

footer .footer_nav {
    margin-top: 0.5vw;
}


footer p {
    font-size: 0.8vw;
    font-weight: 400;
    line-height: 1.5vw;
    font-family: "Prompt", sans-serif;
    color: #fff;
    margin-bottom: 0;
    margin-top: 0;
}


footer h5 {
    position: relative;
    color: #fff;
    font-family: "Prompt", sans-serif;
    font-weight: 400;
    font-size: 1.3vw;
    line-height: 1.5vw;
    text-transform: uppercase;
    padding-top: 2vw;
    padding-bottom: 1.5vw;
}

footer ul {
    margin: 0px;
    padding: 0px;
}

footer ul li {
    margin: 0.8vw 0;
    padding: 0;
    color: #fff;
    list-style: none;
    font-family: "Prompt", sans-serif;
    font-weight: 400;
    font-size: 0.85vw;
    line-height: 1.3vw;
    align-items: flex-start;
    cursor: pointer;

}

footer ul li a{
    text-decoration: none;
    color: #fff;
}

footer ul li a h6 {
    margin: 0;
    padding: 0;
    color: #fff;
    list-style: none;
    font-family: "Prompt", sans-serif;
    font-size: 0.78vw;
    font-weight: 400;
    line-height: 1.7vw;
    text-align: left;
    cursor: pointer;
}

footer .addressborder ul li i {
    font-size: 1vw;  
    margin-right: 0.7vw;
    margin-top: 0.3vw;
}
  
footer .copyright {
    padding: 1.5vw 0;
    border-top: 0.01vw solid rgb(141 186 78 / 20%);
}

footer .copyright h6 {
    margin: 0;
    padding: 0;
    font-family: "Prompt", sans-serif;
    font-size: 0.91vw;
    font-weight: 400;
    color: #fff;
    text-align: center;

    span{
        color: #8dba4e;
        cursor: pointer;
    }

    a{
        text-decoration: none;
        color: #8dba4e;
    }

}
    


/*about-us-page*/
.about_content
{
    padding: 3vw 0;
    background-color: #fff ;
}

.about_content .text{
    position: relative;
    padding-top: 1vw;
}

.about_content .text1{
    padding: 0;
}

.about_content .text h1{
    font-size: 1.9vw;
    font-weight: normal;
    color: #333;
    font-family: "Prompt", sans-serif;
    padding-bottom: 1vw;
}

.about_content .text h1::before{
    content: "";
    position: absolute;
    top: 3.8vw;
    right: unset;
    left: 0;
    bottom: 0vw;
    background: #0062a6;
    height: 0.05vw;
    width: 4.2vw;
}

.about_content .text h1 span{
    color: #8dba4e;
}

.about_content .image img{
    width: 19vw;
    position: relative;
    top: 4.3vw;
    right: 1vw;
}

.about_content .text p{
    font-size: 0.9vw;
    padding-left: 1vw;
    line-height: 1.7vw;
    font-family: "Prompt", sans-serif;
    margin-bottom: 0.5vw;
}

.about_content .text p span{
    font-weight: 600;
}

/* affiliations*/

.affiliations
{
    background-color: #f6f6f6;
    padding: 4vw;
}

.affiliations .text{
    position: relative;
}

.affiliations .text h1{
    font-size: 1.9vw;
    font-weight: normal;
    color: #8dba4e;
    font-family: "Prompt", sans-serif;
    padding-bottom: 3vw;
}

.affiliations .text h1::before{
    content: "";
    position: absolute;
    top: 2.9vw;
    right: unset;
    left: 0.9vw;
    bottom: 0vw;
    background: #0062a6;
    height: 0.14vw;
    width: 4.3vw;
}

.affiliations .company
{
    padding: 1vw;
}

.affiliations .company img
{
    width: 14.5vw;
    background-color: #fff;
}

/*clients*/

.about_content .clients{
    position: relative;
}

.about_content .clients h1{
    font-size: 1.9vw;
    font-weight: normal;
    color: #333;
    font-family: "Prompt", sans-serif;
    padding-bottom: 3vw;
}

.about_content .clients h1 span{
    color: #8dba4e;
}

.about_content .clients h1 ::before{
    content: "";
    position: absolute;
    top: 3vw;
    right: unset;
    left: 0.9vw;
    bottom: 0vw;
    background: #0062a6;
    height: 0.14vw;
    width: 4.2vw;
}

/*clean-room-equipment*/

.crm_equipment
{
    padding: 3vw 0 0 0;
    background-color: #f6f6f6;
}

.crm_equipment .info1 h1
{
    color: #0162a6;
    font-size: 1.85vw;
    font-weight: 400;
    font-family: "Prompt", sans-serif;
    padding: 1vw 0;
}

.crm_equipment .info1 p{
    font-size: 0.905vw;
    font-family: "Prompt", sans-serif;
    line-height: 1.65vw;
    color: #000;
    margin: 0.6vw;
}

.crm_equipment .info1 h2{
    color: #0162a6;
    font-size: 1.65vw;
    font-weight: 400;
    font-family: "Prompt", sans-serif;
    padding: 1vw 0;
}

.crm_equipment .image img{
    width: 18.5vw;
}

.features{
    background-color: #f6f6f6;
    padding: 1.5vw 0 3vw 0;
}


.features .points .specifications{
    padding:  0;
    margin: 0;
}

.features .points .specifications h6
{
    font-size: 1.3vw;
    font-weight: 400;
    font-family: "Prompt", sans-serif;
    padding: 0.5vw 0.4vw;
    margin: 0;
    color: #0162a6;
}

.features .points .specifications{
    list-style: none;
    color: #000;
    font-size: 0.918vw;
    letter-spacing: 0.01vw;
    font-family: "Prompt", sans-serif;
}

.features .points .specifications li span{
    /* font-size: 0.913vw; */
    font-size: 12.2px;
    font-weight: 600;
    font-family: "Prompt", sans-serif;
}

.features .points .specifications li :before{
    color: #0162a6;
    /* margin-right: 0.5vw; */
    position: relative;
    top: 0.3vw;
    font-size: 1.7vw;
    font-weight: 600 !important;
}

.features .types .types_list
{
    margin: 0;
    padding: 0;
}

.features .types .types_list li{
    list-style: none;
    background-color: #fff;
    color: #000;
    margin-top: 0.5vw;
    font-family: "Prompt", sans-serif;
    font-size: 0.7vw;
    font-weight: 600;
    text-transform: uppercase;
}

.features .types .types_list li a{
    text-decoration: none;
    color: #000;
    justify-content: space-between;
    display: flex;
    padding: 0.8vw 0.5vw;
}

.features .types .types_list li a:hover {
    color: #fff;
    background: #005088;
    padding: 0.8vw 0.5vw;
}

/*hvac-services*/

.hvac_servcices{
    position: relative;
}

.hvac_servcices .info1 h2{
    font-size: 2vw ;
}

.hvac_servcices .image img{
    width: 19.5vw;
    position: absolute;
    top: 7.5vw;
    right: 19vw;
}

.retrofit
{
    background-color: #fff;
    padding: 2vw;
}

/*mepcontractors*/

.mepcontractors{
    position: relative;
}

.mepcontractors .image img{
    width: 29vw;
    position: absolute;
    top: 8vw;
}

.mepcontractors .info1 h2{
    font-size: 2vw ;
}

.features .points .services_list{
    padding: 0 0 2vw 0;
}

.features .points .specifications h3{
    font-size: 1.5vw;
    font-weight: 400;
    font-family: "Prompt", sans-serif;
    padding: 0.5vw 0.4vw;
    margin: 0;
    color: #0162a6;
}

.features .sub_text p
{
    font-size: 0.905vw;
    font-family: "Prompt", sans-serif;
    line-height: 2vw;
    color: #000;
    margin: 0vw;
}

.mep_features
{
    padding: 4vw 0;
}

/*validations*/

.validations .image img{
    width: 27vw;
}

.validations_features
{
    position: relative;
}

.validations_features .points{
    position: absolute;
    bottom: 10vw;
}

.validations_features .points .specifications h6{
    font-size: 1vw;
    font-weight: 400;
    font-family: "Prompt", sans-serif;
    padding: 0.5vw 0.4vw;
    margin: 0;
    color: #333;
}


/*facility-Eng-services*/

.facility .image img{
    width: 30vw;
}

/*galavnized-iron-CR*/

.content .text .galvanized li ::before{
    transform: rotate(0deg);
    color: #8dba4e;
    margin-right: 0.5vw;
}

.content .galv_image{
    padding-top: 2vw;
}

.content .galv_image img{
    width: 41vw;
}

.content .sub_text h6{
    font-size: 1vw;
    font-family: "Prompt", sans-serif;
    font-weight: 400;
}

.content .sub_text p{
    font-size: 0.9vw;
    font-family: "Prompt", sans-serif;

}

.content .sub_text span{
    font-size: 1vw;
    font-weight: normal;
    line-height: 3vw;
}

/*-horizontal-LAFU-*/

.content .text h6{
    font-size: 1vw;
    font-family: "Prompt", sans-serif;
    font-weight: 400;
    padding-top: 1vw;
}

.content .text table{
    margin: 1vw 0;
}

tbody tr:nth-child(odd) {
    background: #eee !important;
}

th{
    padding: 0.5vw !important;
    text-align: left;
    border: 1px solid #000;
    font-size: 0.7vw;
    text-transform: uppercase;
    font-family: "Prompt", sans-serif;
    width: 20%;
}

td {
    padding: 0.35vw !important;
    text-align: left !important;
    border: 1px solid #000;
    font-size: 0.7vw;
    text-transform: uppercase;
    font-family: "Prompt", sans-serif;
}

/*hvac-systems*/

.content .hvac_image{
    padding: 1.5vw 0;
}

.content .hvac_image img
{
   width: 25vw !important;
}

/*--ss-furnitures--*/

.about_content .ss_furnitures h1{
    color: #0062a6;
    font-size: 1.7vw;
}

.affiliations  p
{
    font-size: 1vw;

}

/*--contact-us--*/

.about_content .contact_info{
    padding-top: 0;
}

.about_content .contact_info p
{
    padding: 0 !important;
    font-size: 1vw !important;
}

.about_content .contact_info .contact-box .mail-box .call-icon i:before{
    color: #0062a6;
    margin-right: 1vw;
    font-size: 1.5vw;
}

.about_content .contact_info .contact-box .mail-box .call-text a{   
    text-decoration: none;
    color: #000 !important;
}

.about_content .contact_info .contact-box .mail-box .call-text a h6{
    font-weight: normal;
    font-size: 1vw;
    line-height: 1.7vw;
}


.contact_us .image img{
    width: 100%;
    position: relative;
    top: 0.5vw;
    right: 5vw;

}


/*--homepage--*/


.partner-img1 {
    width: 10vw;
    margin-right: 1vw;
}

.partner-img1 img {
    width: 100%;

}

.home_clients{
    background-color: #fff;
}

.home_before .text h1{
    color: #333;
}

.home_before .text h1 span{
    color: #8dba4e;
}

.home_before .text h1::before{
    display: none;
}

.home_affiliations {
    background-color: #f6f6f6;
}

.home_affiliations .text h1::before{
    display: none;
}

.home_affiliations .company img{
    background-color: #f6f6f6;
} 

.home_products .card
{
    border: none;
    text-align: center;
    background-color: #fff;
    height: 350px;
    min-height: 350px;
}

.home_products .card .card-body{
    padding: 2vw 0.5vw 0.5vw;
}

.home_products .card .card-body .card-title
{
    color: #8dba4e;
    font-weight: normal;
    font-size: 1.1vw;
}

.home_products .card .card-body .card-text
{
    color: #333;
    font-weight: normal;
    font-size: 0.85vw;
}

.home_products .card .card-body a{
    background-color: #fff;
    border: 0.05vw solid #333;
    font-size: 0.8vw;
    color: #000;
    border-radius: 0.2vw;
    font-weight: 600;
}

.vision_mission{
    overflow: hidden;
    position: relative;
}

.vision_mission .image img{
    width: 100%;
}

.vision_mission .vision_mission_bg{
   
    background-image: url('../img/vision-mission-bg.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 26.5vw;
    padding: 5vw 13vw 5vw 5vw;
}


.vision_mission .vision_mission_bg h6{
    font-size: 1.25vw;
    color: #fff;
}


.vision_mission .vision_mission_bg p{
    font-size: 0.99vw;
    color: #fff;
}

.welcome{
    padding: 7vw;
    position: relative;
    background-color: #f6f6f6;
}

.welcome .text h5{
    font-size: 1.9vw;
    font-weight: normal;
    color: #333;
    font-family: "Prompt", sans-serif;
    padding-bottom: 1vw;
}

.welcome .text h5 span{
    color: #8dba4e;
}

.welcome .text h5 ::before{
    content: "";
    position: absolute;
    top: 10vw;
    right: 0;
    left: 20.3vw;
    bottom: 0vw;
    background: #0062a6;
    height: 0.10vw;
    width: 4.2vw;
}

.welcome .text p{
    font-size: 0.89vw;
    font-family: "Prompt", sans-serif;
    line-height: 1.6vw;
}

.welcome .text button{
    font-size: 0.77vw;
    font-weight: 600;
    color: #fff;
    background-color: #0062a6;
    border: none;
    padding: 0.5vw 1vw;
    border-radius: 0.3vw;
}

.welcome .text button:hover{
    background-color: #fff;
    color: #0062a6;
    border: 0.05vw solid #0062a6;
}


.welcome .images{
    position: absolute;
    margin-top: 4vw;
}

.welcome .images img{
    width: 13vw;
    border: 0.05vw solid #fff;
    box-shadow: 0 0 50px 0 #999999;
}
.welcome .images .img1{
    position: absolute;
    left: 5vw;
    bottom: 0;
    z-index: 999999999;
    top: 0;
}

.welcome .images .img2{
    position: absolute;
    left: 14vw;
    z-index: 99999999;
    top: -7vw;
}

.welcome .images .img3{
    position: absolute;
    left: 17vw;
    top: 3vw;
}

.homepage_banner
{
    padding-bottom: 3vw;
}

.homepage_banner .homepage-slider .main1{
    background-image: url('../img/banner1.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 35vw;
}

.homepage_banner .homepage-slider .main2{
    background-image: url('../img/banner2.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 35vw;
}

.homepage_banner .homepage-slider .main3{
    background-image: url('../img/banner3.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 35vw;
}

.homepage_banner .homepage-slider .banner_text .head h1{
    font-size: 3.25vw;
    color: #fff;
    font-weight: normal;
    font-family: "Prompt", sans-serif;
    text-align: center;
    padding-top: 15vw;

}

/* .main-products{
    position: relative;
} */


/* .main-products .product-images{
    position: relative;
    left: 3vw;
} */

.main-products .product-images .product img{
    width: 15vw;
    border-radius: 8vw;
    border: 0.2vw solid #fff;
    /* position: absolute;
    bottom: 10vw; */
}

.main-products .product-images .product p {
    font-size: 1vw;
    font-family: "Prompt", sans-serif;
    color: #8dba4e;
    text-align: center;
    padding-top: 2vw;
    text-decoration: none;
}

.main-products .product-images .product p a{
    color: #8dba4e;
    text-decoration: none;
}



.previous{
    content: "\f284";
    color: #fff;
    background-color: transparent;
    border: 0.05vw solid #fff;
    position: absolute;
    top: 15vw;
    left: 1vw;
    z-index: 9;
    padding: 0.35vw;
    border-radius: 2vw;
    width: 2.3vw;
}

.next {
    content: "\f284";
    color: #fff;
    background-color: transparent;
    border: 0.05vw solid #fff;
    position: absolute;
    top: 15vw;
    right: 1vw;
    z-index: 9;
    padding: 0.35vw;
    border-radius: 2vw;
    width: 2.3vw;
}

/*--services*/

.sec1{
    background-color: #f6f6f6;
    padding-bottom: 3vw;
}

.sec2{
    background-color: #fff;
    padding-bottom: 3vw;
}

.sec1 .text p{
    font-size: 1vw;
}

.sec2 .text p{
    font-size: 1vw;
}

.sec1 .specifications p {
    font-size: 1.2vw;
    font-weight: 500;
    font-family: "Prompt", sans-serif;
    margin-top: 1vw;
}

.specifications p i{
    color: #8dba4e;
    margin-right: 0.5vw;
}