@font-face {
    font-family: 'Avenir-Book';
    src: url('../fonts/Avenir-Book.woff2') format('woff2'),
         url('../fonts/Avenir-Book.woff') format('woff'),
         url('../fonts/Avenir-Medium.woff2') format('woff2'),
         url('../fonts/Avenir-Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Avenir-Medium';
    src: url('../fonts/Avenir-Medium.woff2') format('woff2'),
         url('../fonts/Avenir-Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

* {
    line-height: normal !important;
    letter-spacing: normal !important;
    font-family: 'Avenir-Book' !important; /* Added fallback */
}

body{
    margin: 0px;
    padding: 0px;
}
a{
    text-decoration: none;
}
section{
    margin-top: 5%;
    margin-bottom: 5%;
}

h4{
    font-family: 'Avenir-Book' !important;
    font-size: 30px !important;
    line-height: 45px !important;
    font-weight: normal !important;
    margin-bottom: 0;
    color: #2381DA;
}
h2{
    font-family: 'Avenir-Book' !important;
    font-size: 30px !important;
    line-height: 45px !important;
    font-weight: normal !important;
    /* margin-bottom: 0; */


    /* font-size: 28px;
    font-weight: 600; */
    /* line-height: 79.63px; */
    color: #0C0C0C;
}
p{
    font-family: 'Avenir-Book';
    font-size: 20px !important;
    font-weight: 400;
    text-align: left;
    color: #646464 !important; 
    margin-top: 0;
    line-height: normal;
    letter-spacing: normal;
    margin-bottom: 0 !important;
}

.bgGray{
    background: #EFEFEF;
    padding: 15px;
    border-radius: 20px;
    height: 275px;
}

.bgGray:hover,
.bgGray:hover h4,
.bgGray:hover p{
    background: #2381DA;
    color: White !important;
    cursor: pointer;
}
.bgGray p{
    color: #464646 !important;
    font-size: 18px;
}
.bgGray h4,
.bgBlue h4{
    font-size: 25px !important
}

.bgGray2{
    height: 135px !important;
}
.safetyQuality p{
    font-family: Avenir-Book;
    font-size: 20px !important;
    font-weight: 400;
    text-align: left;
    color: #464646 !important;
    margin-bottom: 1rem !important;
}
/* .row>*{
    padding-right: 0px !important;
    padding-left: 0px !important;
} */
.active{
    color:#2381DA !important;
}
hr{
    border-top: 1px solid rgb(0 0 0 / 94%);
}
a{
    text-decoration: none !important;
}
/******************** navbar *****************/
.nav-link{
    font-family: 'Avenir-Book';
    font-size: 18px;
}
.navbar-light .navbar-nav .nav-link {
    color: #0C0C0C;
    font-family: 'Avenir-Book' !important;
    font-size: 20px !important;
    line-height: 45px !important;
    font-weight: normal !important;
}
.header .headDiv {
    height: 92px;
    align-items: center;
    z-index: 2;
}
.header li {
    list-style: none !important;
    color:black;
}
.header li a{
    color:black;
    font-weight: 500;
    font-size: 20px;
}
main{
    margin-top: 92px;
}
.fixed-top {
    background: white;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.navmenu ul {
    margin: 0;
    padding: 0;
    display: flex;
    list-style: none;
    align-items: center;
    align-items: baseline;
    gap: 25px;
    
}
.header .logo img {
    width: 75%;
    margin-top: 3px;
}
.seemoreBtn a{
    color:#000;
}
.seemoreBtn{
    transition-property: width, background, color;
    transition-duration: 1s;
}
.seemoreBtn:hover{
    width: 165px;
    background: #2381da;
    color: white;
}
.seemoreBtn:hover img{
    margin-right: 20%;
    transition: margin-right 2s;
}

.enqBtn {
    background: #2381DA;
    color: #ffffff !important;
    padding: 8px 15px 8px 15px;
    border-radius: 50px;
    border: none;
    font-size: 20px;
}

button{
    width: Hug (156px)px;
    height: Hug (48px)px;
    padding: 10px 20px 10px 10px;
    gap: 10px;
    border-radius: 50px;
    opacity: 0px;
    border: none;
    font-family: 'Avenir-Book';
    font-size: 17px;
    font-weight: 400;
    line-height: 26.04px;
    text-align: left;
}


.blockOne{
    padding: 35px;
    height: 395px;
    border-radius: 20px;
    opacity: 0px;
    background: #2381DA;
    margin-bottom: 15%;
}


.blockTwo{
    padding: 25px;
    height: 350px;
    border-radius: 20px;
    opacity: 0px;
    background: #F1F1F1;
    margin-bottom: 1rem;
}

.blockTwo:hover,
.blockTwo:hover h5,
.blockTwo:hover p{
    color: white !important;
    background: #007bff;
    cursor: pointer;
}

.blockTwo h5,
.blockTwo p{
    color:black !important;
    text-align: left;
}

.blockOne div,
.blockTwo div{
    background: rgb(255, 255, 255);
    padding: 18px;
    width: 75px;
    height: 75px;
    border-radius: 50%;
    margin-bottom: 10px;
}


.blockTwo h5,
.blockOne h5{
    font-family: 'Avenir-Book';
    font-size: 20px;
    font-weight: 700;
    line-height: normal;
}

.blockTwo p,
.blockOne p{
    font-family: 'Avenir-Book';
    font-size: 18px !important;
    font-weight: 400;
    text-align: left;
    line-height: normal;
}
.boxVectgor1{
    background: url(../img/boxVectgor1.png);
    background-size: contain;
    height: 225px;
    background-repeat: no-repeat;
    width: 100%;
}

.boxVectgor2{
    background: url(../img/boxVectgor2.png);
    background-size: contain;
    height: 225px;
    background-repeat: no-repeat;
    width: 100%;
}

.boxVectgor3{
    background: url(../img/boxVectgor3.png);
    background-size: contain;
    height: 225px;
    background-repeat: no-repeat;
    width: 100%;
}
.boxVectgor4{
    background: url(../img/boxVectgor4.png);
    background-size: contain;
    height: 225px;
    background-repeat: no-repeat;
    width: 100%;
}
.boxVectgor5{
    background: url(../img/boxVectgor5.png);
    background-size: contain;
    height: 225px;
    background-repeat: no-repeat;
    width: 100%;
}
.processTopDiv{
    width: 20%;
}
.processTopDiv h6{
    font-size: 25px;
    font-weight: 600;
    text-align: center;   
    margin-bottom: 0px;
    margin-left: -30px;
}
.boxVectgor1 p,
.boxVectgor2 p,
.boxVectgor3 p,
.boxVectgor4 p,
.boxVectgor5 p{
    position: relative;
    top: 35px;
    padding: 0px 25px;
    font-size: 16px;
    font-weight: 400;
    padding: 30px 40px 0px 21px;
    color: #0C0C0CE5 !important;
}
.brandLogo img{
    width: 10%;
}
/************* Home page *******************/
.heroBanner {
    background: url(../img/homebanner.jpg);
    background-size: cover;
    height: 550px;
    background-repeat: no-repeat;
    width: 100%;
}
.heroBanner h2{
    font-family: 'Avenir-Book';
    font-size: 40px;
    font-weight: normal;
    line-height: 45px !important;
    color: white;
    text-align: center;
    padding: 0 211px;
}
.heroBanner p{
    font-family: 'Avenir-Book';
    font-size: 20px;
    font-weight: 400;
    color: white !important;
    letter-spacing: 0.04em;
    text-align: center;
    padding: 0 351px;
}
.layout{
    top: 240px;
    position: absolute;
    text-align: center;
    width: 100%;
    padding: 14px 0px 14px 0px;
    gap: 7px;
    opacity: 0px;
}

.counterDiv{
    display: flex;
    justify-content: center;
}
/* .processDiv h6{
    display: none;
} */
/********************* footer **************/
footer{
    /* margin-top: 10%; */
    padding-bottom: 1%;
}
footer h4{
    color:black;
    font-family: 'Avenir-Book';
    font-size: 20px;
    font-weight: 600;
    line-height: 23.42px;
    text-align: left;
}

footer li{
    list-style: none;
    margin-bottom: 2%;
}

footer li a{
    color:rgb(49, 49, 49);
    font-family: 'Avenir-Book';
    font-size: 20px;
}

footer ul {
    padding-left: 0rem;
}
footer input{
    border: none;
    background: none;
    color: white;
}
footer input::placeholder{
    color:white;
}
.footerSocialMedia{
    gap:22px;
}
footer .form-control{
    display: unset;
    width: unset;
    height: unset;
    padding: unset;
}
.subscribeDiv{
    background: #292B2B;
    color: white;
    padding: 5px;
    width: 85%;
    border-radius: 50px;
    text-align: center;
}
.subscribeDiv .form-control{
    border-bottom: none !important;
}
.subscribeDiv .form-control:focus {
    color: rgb(255, 255, 255) !important;
}
.subscribeDiv input[type="submit"] {
    background: white;
    color: black;
    padding: 8px;
    width: 30%;
    border-radius: 50px;
}

footer hr{
    border-top: 1px solid rgb(9 135 0) !important;
    margin-top: 0%;
    margin-bottom: 2%;
}
footer h6 b{
    font-family: 'Avenir-Book';
    font-size: 18px;
    font-weight: 600;
    text-align: left;
    color: #292B2B;
}
.copyright p{
    font-family: 'Avenir-Book';
    font-size: 16px;
    font-weight: 400;
    line-height: 20.83px;
    letter-spacing: 0.03em;
    text-align: left;
    color: #292B2B;

}
/******************** about page  *******************/
.abtpagesecTwo h4 {
    font-family: 'Avenir-Book';
    font-size: 30px;
    font-weight: 600;
}
.abtpagesecTwo img{
    border-radius: 15px;
}
.abtHeroBanner {
    background: url(../img/aboutus.png);
    background-size: cover;
    height: 590px;
    background-repeat: no-repeat;
    width: 100%;
}
.abtHeroBanner h2{
    font-family: 'Avenir-Book';
    font-size: 40px;
    font-weight: 600;
    color: white;
    text-align: center;
}
.abtHeroBanner h4{
    font-family: 'Avenir-Book';
    font-size: 25px;
    color: white !important;
    font-weight: 400;
}
.abtHeroBanner p{
    font-family: 'Avenir-Book';
    font-size: 20px;
    font-weight: 300;
    color: white !important;
    letter-spacing: 0.04em;
    text-align: center;
}

.abtsection p{
    margin-bottom: 1rem !important;
}
.ZenithHistoryMobileView{
    display: none;
}
.abtpagesecTwo{
    margin-top: 5%;
}
.abtpagesecTwo p{
    font-family: 'Avenir-Book';
    font-size: 18px;
    font-weight: 400;
    text-align: left;
    color: #585858 !important;
    margin-bottom: 1rem !important;
}
.abtpagesecTwo div{
    margin-bottom: 5%;
}
/* .ourProcessDiv{

} */
.abtpagesecThreeBg{
    background-color: #2381DA !important;
    height: auto;
    padding: 30px;
    border-radius: 20px;
}
.abtpagesecThree div p{
    color: white !important;
    font-family: 'Avenir-Book';
    font-size: 18px;
    font-weight: normal;
    line-height: 30px;
    text-align: left;
}
.abtpagesecThreeBg h6{
    font-family: 'Avenir-Book';
    font-size: 25px;
    font-weight: normal;
    text-align: left;
    /* margin-bottom: 5%; */
    color: white;
}
.abtpagesecThree h2{
    font-size: 25px;
    margin-bottom: 1rem;
    font-weight: 600;
    font-family: 'Avenir-Book';
}
.abtpagesecThreeDiv{
    width: 70%;
}
.abtpagesecFour h4{
    margin-bottom: 3%;
}
.horizontalLine{
    width: 0px;
    height: 175px;
    opacity: 0px;
    border-right: 1px solid #DEDEDE;
    align-self: unset !important;
}
.abtpagesecFourBg{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
}
.abtpageheading{
    position: absolute;
    margin-top: -100px;
    margin-left: 105px;
}
.abtpagesecFourBg div p{
    color: #585858 !important;
    font-family: 'Avenir-Book';
    font-size: 18px;
    font-weight: 400;
    text-align: left;
    margin-top: 20px;
}
.abtpagesecFourBg div h6{
    font-family: 'Avenir-Book';
    font-size: 20px;
    font-weight: 500;
    line-height: 29.28px;
    text-align: left;
    color: #4D9A44;
}
.abtpagesecFourBg div{
    align-self: start;
}
.abtPageendtext{
    font-size: 18px;
    font-weight: 400;
    color: #585858 !important;
}
.abtpageheading1{
    color: #4D9A44 !important;
}
.abtpageheading2{
    color: #2381DA !important;
}
.ourProcess{
    display: flex;
    justify-content: center; 
    gap: 55px;
}
.ourProcess div{
    width: 33%;
    margin-top: -25px;
}
.ourProcess div img{
    position: relative;
    top: 25px;
    left: 210px;
}
.ourProcessDiv{
    background: #EFEFEF;
    border-radius: 30px;
    float: left;
    padding: 10%;
    width: 100% !important;
    height: 575px;
}
.ourProcessDiv h4{
    color: black;
    font-family: 'Avenir-Book';
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 0;
    text-align: left;
}

.ourProcessDiv h6{
    color: black;
    font-family: 'Avenir-Book';
    font-size: 19px;
    font-weight: normal;
    text-align: left;
}
.weAreInSec .card{
    border: none;
    padding: 0px 15px;
}
.weAreInSec .card h5{
    font-family: 'Avenir-Book';
    font-size: 30px;
    font-weight: normal;
    line-height: 35.13px;
    color: #2381DA;
}
/* .abtbrandLogo img{    
    width: 11%;
} */
.abtbrandLogo2 img{    
    width: 13%;
}
.abtbrandLogo3{
    gap: 20px;
    justify-content: center;
}
.abtbrandLogo3 img{    
    width: 8%;
}
.abtBrands h5{
    font-family: 'Avenir-Book';
    font-size:35px;
    margin-bottom: 2%;
    font-weight: normal;
}
.Verticalintegration p{
    font-family: 'Avenir-Book';
    font-weight: 400;
    text-align: left;
    color: #5e5e5e !important;
    margin-bottom: 1rem !important;

    line-height: normal;
    letter-spacing: normal;
}
.verticalIntegration p{
    font-family: 'Avenir-Book';
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 1rem !important;
}
.Verticalintegration h6{
    font-family: 'Avenir-Book';
    font-size: 22px !important;
    font-weight: 600;
    text-align: left;
    color: #2381DA;
}
.weAreInSec div p b{
    font-family: 'Avenir-Book';
    font-size: 20px;
    font-weight: 700;
    text-align: left;
    color: #252525 !important;
}

/***************************** Furniture ************************/
/* .f_inhouseTestingImgOverly{
    background: #54a3ed;
    height: inherit;    
    border-radius: 15px;
    height: 75px;
}
.f_inhouseTestingImgOverly p{
    font-family: 'Avenir-Book';
    font-size: 18px;
    font-weight: 500;
    text-align:  center !important;
    color: white !important;
    letter-spacing: normal;
    padding: 7%;
    line-height: normal;
}
.f_inhouseTestingHigherDiv{
    display: flex;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 3%;
}
.f_inhouseTestingHigherDiv div{
    width: 100%;
} */
.f_inhouseTesting h5{
    font-family: 'Avenir-Book';
    font-size: 40px;
    font-weight: normal;
    line-height: 45px;
    text-align: center;
    color: #2381DA;
    margin-top: 5%;
} 
.FurnitureDivOne{
    margin-top:10% !important
}
.FurnitureDivOne h4{
    font-family: 'Avenir-Book';
    font-size: 40px;
    font-weight: 600;
    line-height: 55px !important;
    text-align: left;
}
.FurnitureDivOne p{
    font-family: 'Avenir-Book';
    font-size: 18px;
    font-weight: 400;
    text-align: left;
    margin-bottom: 1rem !important;
    color: #A0A0A0;
}
.sector h6{
    font-family: 'Avenir-Book';
    font-size: 40px;
    font-weight: normal;
    line-height: 40.99px;
    text-align: center;
    color:#2381DA;
    margin-bottom: 2%;
}
.materialWeWorkInto .card img{
    border-radius: 15px;
}
.sector .card{
    border:none;
    margin-top: 5%;
}
.sector img{
    height: 330px;
    border-radius: 15px;
}
.sector .card h5{
    font-family: 'Avenir-Book';
    font-size: 20px;
    font-weight: 700;
    line-height: 28.64px;
    letter-spacing: 0.03em;
    color: #2381DA;
    text-transform: uppercase;
}
.sector .card p{
    font-family: 'Avenir-Book';
    font-size: 18px;
    font-weight: 400;
    text-align: left;
    color: #A0A0A0;
}
.verticalIntegration h4{
    font-family: 'Avenir-Book';
    font-size: 40px;
    font-weight: 600;
    line-height: 45.55px;
    text-align: center;
    color: #2381DA;
}

.verticalIntegration .row{
    align-items: center;
}
.verticalIntegrationBg{
    color: rgb(0, 0, 0);
    padding: 5%;
   
    height: 300px;
    margin-top: 5%;

    background: #ffffff;
    padding: 5%;
    border-radius: 20px;
    box-shadow: 0px 1px 5px 0px #0000004D;
}
.verticalIntegrationBg h6{
    font-family: 'Avenir-Book';
    font-size: 25px;
    font-weight: normal;
    line-height: 39.06px;
    text-align: center;
    color:#2381DA;    
}
.verticalIntegrationBg p{
    font-family: 'Avenir-Book';
    font-size: 18px;
    font-weight: 400;
    text-align: left;
    color: rgb(0, 0, 0) !important;
}
.benefitsVerticalIntegration h5{
    font-family: 'Roboto Serif';
    font-size: 40px;
    font-weight: normal;
    line-height: 45px;
    text-align: center;
    color: #2381DA;
    margin-top: 5%;
}
.benefitsVerticalIntegrationBg{
    background: #ffffff;
    padding: 5%;
    border-radius: 20px;
    height: 205px;
    margin-top: 5%;
    box-shadow: 0px 1px 5px 0px #0000004D;
}
.benefitsVerticalIntegrationBg2{
    height: 120px !important;
    margin-top: 3% !important;
    padding: 2% 5% !important;
}
.benefitsVerticalIntegrationBg h6{
    font-family: DM Sans;
    font-size: 20px;
    font-weight: normal;
    line-height: 28.64px;
    text-align: center;
    color: #2381DA;
}
.materialWeWorkInto h5{
    font-family: 'Avenir-Book';
    font-size: 40px;
    font-weight: normal;
    line-height: 40.99px;
    text-align: left;
    color: #2381DA;
    margin-bottom: 3%;
}
.materialWeWorkInto .card{
    border:none;
}
.materialWeWorkInto .card h6{
    font-family: 'Avenir-Book';
    font-size: 18px;
    font-weight: normal;
    text-align: center;
    color: #0C0C0C;
    margin-top: 5%;
    margin-bottom: 18%;
}
.inHouseTestingLab p{
    font-family: 'Avenir-Book';
    font-size: 20px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #A0A0A0;
}
.inhouseTesting h5{
    font-family: 'Avenir-Book';
    font-size: 40px;
    font-weight: normal;
    line-height: 40.99px;
    text-align: left;
    color: #2381DA;
    margin-top: 8%;
}
.heightBg{
    height: 85px;
}
.heightBg2{
    height: 120px;
}
/* 
.inhouseTestingImg1{
    background: url(../img/inhouseTestingImg1.png);
    height: 115px;
    border-radius: 15px;
    background-size: cover;
}
.inhouseTestingImg2{
    background: url(../img/inhouseTestingImg2.png);
    height: 115px;
    border-radius: 15px;
    background-size: cover;
}
.inhouseTestingImg3{
    background: url(../img/inhouseTestingImg3.png);
    height: 115px;
    border-radius: 15px;
    background-size: cover;
}
.inhouseTestingImg4{
    background: url(../img/inhouseTestingImg4.png);
    height: 115px;
    border-radius: 15px;
    background-size: cover;
}
.inhouseTestingImg5{
    background: url(../img/inhouseTestingImg5.png);
    height: 115px;
    border-radius: 15px;
    background-size: cover;
}
.inhouseTestingImg6{
    background: url(../img/inhouseTestingImg6.png);
    height: 115px;
    border-radius: 15px;
    background-size: cover;
}
.inhouseTestingImg7{
    background: url(../img/inhouseTestingImg7.png);
    height: 115px;
    border-radius: 15px;
    background-size: cover;
}
.inhouseTestingImg8{
    background: url(../img/inhouseTestingImg8.png);
    height: 115px;
    border-radius: 15px;
    background-size: cover;
}
.inhouseTestingImgOverly{
    background: #2381daa1;
    height: inherit;    
    border-radius: 15px;
} */
/* .inhouseTestingImgOverly p{
    font-family: 'Avenir-Book';
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    color: white !important;
    letter-spacing: normal;
    padding: 7%;
    line-height: normal;
} */
/* .inhouseTestingHigherDiv{
    display: flex;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 3%;
}
.inhouseTestingHigherDiv div{
    width: 100%;
}    */
.clients h6{
    font-family: 'Avenir-Book';
    font-size: 40px;
    font-weight: normal;
    line-height: 40.99px;
    text-align: left;
    color: #2381DA !important;
}
/* .abtbrandLogo,
.abtbrandLogo2,
.abtbrandLogo3{
    margin-bottom: 4%;
    filter: grayscale(100%);
    padding: 0 10%;
    gap:52px;
}  */
.clientbrandLogo,
.clientbrandLogo2,
.clientbrandLogo3{
    margin-bottom: 4%;
    padding: 0 10%;
    gap:115px !important;
    justify-content: center;
} 
/* .abtbrandLogo,
.abtbrandLogo2,
.abtbrandLogo3{
    margin-bottom: 4%;
    filter: grayscale(0%);
    cursor: pointer;
}  */
.clientbrandLogo img,
.clientbrandLogo2 img,
.clientbrandLogo3 img{
    filter: grayscale(100%);
    cursor: pointer;
} 
/* .logoImages img{
    filter: unset !important;
} */
.clientbrandLogo img:hover,
.clientbrandLogo2 img:hover,
.clientbrandLogo3 img:hover{
    filter: grayscale(0%) !important;
} 
.clients img{
    width: 15%;
}

.clientHeroBanner {
    background: url(../img/clientBanner.png);
    background-size: cover;
    height: 550px;
    background-repeat: no-repeat;
    width: 100%;
}
.clientHeroBanner h2{
    font-family: 'Avenir-Book';
    font-size: 40px;
    font-weight: 600;
    color: white;
    text-align: center;
}
.clientHeroBanner p{
    font-family: 'Avenir-Book';
    font-size: 20px;
    font-weight: 400;
    color: white !important;
    letter-spacing: 0.04em;
    text-align: center;
}
/************** Contact Page  *************/
.contactDiv{
    margin-top: 10%;
}
.contactDiv label,
.contactDiv3 label{
    font-size: 20px;
}
.contactDiv3 h6{
    font-family: 'Avenir-Book';
    font-size: 45px;
    font-weight: 600;
    line-height: 74.94px;
    text-align: left;
    color: #2381DA !important;
}
.conpatPageAddressInfo h6{
    font-family: 'Avenir-Book';
    font-size: 45px;
    font-weight: 600;
    line-height: 74.94px;
    text-align: left;
    color: #2381DA !important;
}
.conpatPageAddressInfo p{
    font-family: 'Avenir-Book';
    font-size: 18px;
    font-weight: 400;
    text-align: left;
    margin-bottom: 5% !important;
    color: #525252e5 !important;
}
.contactDiv form{
    background: #F4F4F4;
    padding: 5% 7%;
    border-radius: 20px;
}
.form-control{
    border: none;
    background: none;
    border-bottom:1px solid #80808059;
}
.contactDiv h6{
    font-family: 'Avenir-Book';
    font-size: 40px;
    font-weight: normal;
    line-height: 45px;
    text-align: left;
    color: #2381DA !important;
}
.contactDiv2 div{
    font-family: 'Avenir-Book';
    font-size: 20px;
    font-weight: normal;
    text-align: left;
    color: #0C0C0CE5 !important;
    margin-bottom: 1rem;
}
.contactDiv p{
    font-family: 'Avenir-Book';
    font-size: 18px;
    font-weight: 400;
    text-align: left;
    margin-top: 2%;
    color: #0C0C0CE5 !important;
}
.contactFormContactInfo h6{
    font-family: 'Avenir-Book';
    font-size: 20px;
    font-weight: 600;
    line-height: 23.42px;
    text-align: left;
    color: #0C0C0C;
    margin-bottom: 0;
}
.contactFormContactInfo a{
    font-family: 'Avenir-Book';
    font-size: 18px;
    font-weight: 400;
    line-height: 20.83px;
    letter-spacing: 0.03em;
    text-align: left;
    color: #0C0C0CE5 !important;
}
.contactFormContactInfo img{
    width: 50px;
    height:50px;
}
.contactFormContactInfo{
    display: flex;
    gap: 20px;
    margin-bottom: 3%;
}
.contactFormContactInfo div h6{
    color:black !important;
}
.contactDiv hr{
    width: 65%;
    margin: 25px 0%;
    border-top: 1px solid rgb(0 0 0 / 64%) !important;
}
.socialIcons img{
    width: auto;
    height: 25px;
}
.contactDiv2 h6{
    font-family: 'Avenir-Book';
    font-size: 34px;
    font-weight: normal;
    line-height: 39.81px;
    text-align: left;
}
.contactDiv2 .contactFormContactInfo h6{
    font-family: 'Avenir-Book';
    font-size: 20px;
    font-weight: 600;
    line-height: 23.42px;
    text-align: left;
    color: #0C0C0C;
}
.form-control:focus {
    color: var(--bs-body-color);
    background-color: #fafafa00;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgb(13 110 253 / 1%);
}
.contactDiv3 form {
    background: #F4F4F4;
    padding: 5% 30% !important;
    border-radius: 20px;
    margin-top: 2%;
}
/*********** Career Page *******************/

.careerHeroBanner {
    background: url(../img/careerBanner.jpg);
    background-size: cover;
    height: 500px;
    background-repeat: no-repeat;
    width: 100%;
}
.careerHeroBannerlayout{
    background-color: #00000087;
    height: inherit;
    width: 100%;
    top: 0px;
}
.joinTeamDiv{ 
    background: white;
    height: auto;
    padding-bottom: 5%;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    margin: -100px 100px;
}
.joinTeamDiv .card-title{
    font-size: 25px;
    font-family: 'Avenir-Book' !important;
    font-weight: 600;
}
.joinTeamDiv .row{
    justify-content: center;
}
.joinTeamDiv button{
text-align: right;
}
.joinTeamDiv .card{
    border: none;
    width: 95%;
    margin-top: 3%;
    box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;

}
.joinTeamDiv .card-body{
    border: none;
}
.joinTeamDiv h6{
    font-size: 40px;
    font-weight: normal;
    text-align: center;
    color: #2381DA !important;
    padding-top: 3%;
}
.modal .form-group label{
    font-size: 20px;
}
.modal-title{
    text-align: center;
    font-size: 25px;
}
.careerHeroBanner h2{
    font-family: 'Avenir-Book';
    font-size: 40px;
    font-weight: 600;
    color: white;
    text-align: center;
}
.careerHeroBanner p{
    font-family: 'Avenir-Book';
    font-size: 20px;
    font-weight: 400;
    color: white !important;
    letter-spacing: 0.04em;
    text-align: center;
}
/************* certification **************/
.ZenithCertificationOurProcessMobileview{
    display:none;
}
.certificateTimeLine{
    display: block;
}
.certificationDiv h6{
    font-family: 'Avenir-Book';
    font-size: 40px;
    font-weight: normal;
    line-height: 40.99px;
    text-align: left;
    color: #2381DA;
}
.certificationDivHeading{
    align-items: center;
    gap: 20px;
    margin-bottom: 2%;
}
.certificationDivHeading img{
    height: 30px;
    width: 30px;
}
.certificationImg{
    gap: 26px;
    display: flex;
}
.certificationImg img{
    width: 170px;
    height: 195px;
    margin-bottom: 2%;
}


.portfolio-menu{
	text-align:center;
}
.portfolio-menu ul li{
	display:inline-block;
	margin:0;
	list-style:none;
	padding:10px 15px;
	cursor:pointer;
	-webkit-transition:all 05s ease;
	-moz-transition:all 05s ease;
	-ms-transition:all 05s ease;
	-o-transition:all 05s ease;
	transition:all .5s ease;
}

.portfolio-item .item{
	float:left;
	margin-bottom:10px;
}
/******************* Fabrication ****************/
.qualityControl h6{
    font-family: 'Avenir-Book';
    font-size: 40px;
    font-weight: normal;
    line-height: 40.99px;
    text-align: left;   
    margin-bottom: 1rem;
    color: #2381DA;
}
.subTitle{
    font-family: 'Avenir-Book';
    font-size: 20px;
    font-weight: normal;
    line-height: 23.44px;
    letter-spacing: 0.03em;
    text-align: left;
    margin-bottom: 1% !important;
    color: #2381DA !important;
}
.qualityControl p{
    color: #646464 !important;
    font-family: 'Avenir-Book';
    font-size: 18px;
    font-weight: 400;
    text-align: left;
    margin-bottom: 1rem !important;
}
.qualityControl ul li{
    color: #646464 !important;
    font-family: 'Avenir-Book';
    font-size: 18px;
    font-weight: 400;
    text-align: left;
}
.productImgSectionDiv{
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    border-radius: 20px;
    height: 170px;
    margin-bottom: 10%;
}
.productImgSectionDiv p{
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
    height: inherit;
    font-family: 'Avenir-Book';
    font-size: 18px;
}
.productImgSectionDiv img{
    border-radius: 15px;
}
.productImgSectionDiv .card{
    border-radius: 15px;
}
.qualityControl{
    align-items: center;
    display: flex;
}
.bg-blue{
    background: #2381DA !important;
}
.bg-blue p{
    color:white !important;
}
.bg-white{
    background: white !important;
}
.bg-white p{
    color:#2381DA !important;
}

.leftbgelement{
    width: 546px;
    height: 523px;
    left: -60px;
    /* top: 625px; */
    gap: 0px;
    /* opacity: 0.5; */
    position: absolute;
}
.rightbgelement{
    width: 546px;
    height: 523px;
    right: -104px;
    margin-right: 0px;
    gap: 0px;
    /* opacity: 0.5; */
    position: absolute;
}

/********************* counter ****************/
.count-number{
    font-family: 'Avenir-Book';
    font-size: 65px;
    font-weight: 600;
    text-align: left;
    margin-bottom: 0;
    color: #2381DA;
}
.counter{
    margin-bottom: 2rem;
}
.counter p{
    font-family: 'Avenir-Book';
    font-size: 20px;
    font-weight: 400;
    text-align: center;
    color: #A0A0A0;
    margin-bottom: 0px !important;
}
.counter div{
    justify-content: center;
}
/* Navbar styling */


.nav-link {
    color: #000; /* Black text for links */
    font-weight: bold;
}

.nav-link.active {
    color: #007bff; /* Active link color */
}

/* Dropdown styling */
.dropdown-menu {
    background-color: #f8f9fa; /* Same as navbar background */
}
.navbar-nav .dropdown-menu{
    border:none;
    background: white;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.dropdown-item{
    font-size: 18px;
}
.dropdown-item.active {
    background-color: #007bff;
    color: #fff !important;
    font-size: 18px;
}

/* Navbar toggler customization */
.navbar-toggler {
    border: none; /* Remove border from toggler */
}

/* Custom toggler icon - changing default icon to 'X' when expanded */
.navbar-toggler-icon {
    position: relative;
    width: 24px;
    height: 2px;
    background-color: #000;
}

.navbar-toggler-icon::before, 
.navbar-toggler-icon::after {
    content: '';
    position: absolute;
    width: 24px;
    height: 2px;
    background-color: #000;
    left: 0;
}

.navbar-toggler-icon::before {
    top: -8px;
}

.navbar-toggler-icon::after {
    top: 8px;
}

/* Transform the toggler icon into an 'X' when navbar is collapsed */
.navbar-toggler.collapsed .navbar-toggler-icon {
    background-color: transparent;
}

.navbar-toggler.collapsed .navbar-toggler-icon::before {
    transform: rotate(45deg);
    top: 0;
}

.navbar-toggler.collapsed .navbar-toggler-icon::after {
    transform: rotate(-45deg);
    top: 0;
}

/* Responsive styling */
@media (max-width: 991.98px) {
    .navbar-collapse {
        position: absolute;
        top: 56px;
        left: 0;
        right: 0;
        background-color: #f8f9fa;
        z-index: 1000;
        border-bottom: 1px solid #ddd;
        width: 515%;
    }

    .nav-link {
        padding: 10px 15px;
        width: 100%; /* Make links full width */
        text-align: left;
    }

    .dropdown-menu {
        width: 100%;
    }
}


/********************************************************************
Responsive design
********************************************************************/
 /* Media Query for Mobile Devices */
 @media (max-width: 480px) {
    .joinTeamDiv {
        margin: -100px 0px;
    }
    header .enqBtn{
        display: none;
    }
    main {
        margin-top: 93px;
    }
    .navbar-nav{
        padding: 0 30px;
    }
    .counterDiv{
        width: 50%;
    }
    .count-number {
        font-family: 'Avenir-Book';
        font-size: 40px;
    }
    .counter{
        margin-bottom: 1rem !important;
    }
    .counter p {
        text-align: center;
        font-size: 18px;
    }
    .blockTwo {
        margin-bottom: 15%;
    }
    .processDiv{
        display: block !important;
    }
    .boxVectgor1,.boxVectgor2, .boxVectgor3, .boxVectgor4, .boxVectgor5 {
        width: 100%;
    } 
    .blockOne div,
    .blockTwo div{
        width: 100% !important;
        background: none !important;
    }   
    .blockOne,
    .blockTwo {
        height: auto;
    }
    .blockOne div img,
    .blockTwo div img{
        background: rgb(255, 255, 255);
        padding: 18px;
        width: 75px;
        height: 75px;
        border-radius: 50%;
        margin-bottom: 30px;
    }
    .brandLogo {
        gap: 40px;
        flex-wrap: wrap;
        justify-content: center !important;
        text-align: center;
    }
    .brandLogo img {
        width: 20%;
        margin-bottom: 0%;
    }
    .footer-links img{
        margin: 0 auto;
        display: flex;
        width: 50%;
    }
    .ZenithHistoryMobileView{
        display: block;
        margin-top: 5% !important;
    }
    .ZenithHistory{
        display: none;
    }
    footer h4 {
        margin-top:20px;   
        margin-bottom:20px;   
        font-size: 25px;
    }
    footer li a {
        font-size:22px;
    }
    .subscribeDiv {
        margin: 0 auto;
    }
    .copyright{
        text-align: center;
    }
    .copyright p {
        text-align: center;
    }
    .footerSocialMedia {
        gap: 22px;
        margin: 10px 0 12px 0;
        justify-content: center !important;
    }
    footer hr{
        margin-top: 6%;
        margin-bottom: 5%;
    }
    .navbar-collapse {
        width: 515%;
        left: -305px !important;
        padding: 5%;
        padding: 45%;
        position: absolute;
    }
    .nav-item a{
        font-size: 22px;
    }
    .fixed-top {
        width: 100%;
    }
    .heroBanner{
        background: url(../img/home_banner_Mobile_View.png);
        background-size: cover;
        background-repeat: no-repeat;
        width: 100%;
        height: 385px;
    }
    .heroBanner h2 {
        font-size: 30px;
        padding: 0 0px;
        text-align: left;
    }
    .heroBanner p {
        font-family: 'Avenir-Book';
        font-size: 15px;
        text-align: left;
        padding: 0 0px;
    }
    .abtHeroBanner {
        background: url(../img/aboutHeroBanner.png);
        background-size: cover;
        height: 444px;
        background-repeat: no-repeat;
        width: 100%;
    }
    .abtHeroBanner h2{
        text-align: left;
        font-size: 30px;
    }
    .abtHeroBanner h4{
        text-align: left;
        font-size: 16px;
        line-height: 20px;
    }
    .abtHeroBanner p{
        font-family: 'Avenir-Book';
        font-size: 15px;
        text-align: left;
    }
    .abtHeroBanner .layout {
        top: 160px !important; 
        left: 0;
        padding: 0 34px;
    }
    .clientHeroBanner {
        background: url(../img/clientBanner.png);
        background-size: cover;
        height: 444px;
        background-repeat: no-repeat;
        width: 100%;
    }
    .clientHeroBanner h2{
        font-size: 30px;
        text-align: left;
    }
    .clientHeroBanner p{
        font-family: 'Avenir-Book';
        font-size: 15px;
        text-align: left;
    }
    .seemoreBtn{
        display: none;
    }
   
    .layout {
        top: 170px;
        left: 0;
        padding: 0 34px;
    }

    h2 {
        font-size: 20px;
    }
    h4 {
        font-size: 30px;
    }
    .counter div{
        justify-content: center;
    }
    .removePt{
        padding-top: 0px !important;
    }
    .abtpagesecThree h2 {
        font-size: 18px;
    }
    .abtpagesecThree div p {
        font-size: 18px;
        text-align: center;
        line-height: normal;
        font-weight: 400;
    }
    .abtpagesecThreeBg h6 {
        font-size: 20px;
        text-align: center;
    }
    .abtpagesecThreeBg {
        margin-bottom: 0%;
        height: auto;
    }
    .abtpagesecFour h4 {
        margin-bottom: 3%;
        text-align: center;
    }
    .abtpagesecTwo h4{
        text-align: center;
    }
    .Verticalintegration h4{
        text-align: center;
    }
    .abtpagesecThree h4,
    .abtpagesecThree h2{
        text-align: center;
    }
    .horizontalLine{
        display: none;
    }
    .abtPageabtSection{
        width: 100%;
        text-align: center;
        overflow-y: auto;
    }
    .abtPageabtSection h2{
        font-size: 20px;
        text-align: center;
        padding: 0 20px;
    }
    /* .abtPageabtSection img{
        width: 250%;
    } */
    .abtpagesecTwo p {
        margin-bottom: 1rem !important;
        height: auto;
    }
    .abtpagesecFourBg div {
        align-self: start;
        width: 85%;
        float: left;
        box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
        padding: 5%;
    }
    .abtpagesecFourBg {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 25px;
        flex-wrap: wrap;
    }
    .abtPageendtext{
        margin-top:10px !important;
        text-align: center;
    }
    section {
        margin-top: 12%;
        margin-bottom: 12%;
    }
    .conceptReality{
        display: none;
    }
    .conceptRealityResponsive{
        display: block !important;
        margin-top: 0 !important;
    }
    .bgGray2 {
        height: 245px !important;
    }
    .bgBlue p {
        color: white !important;
        font-size: 18px;
    }
    .bgGray p {
        color: rgb(0, 0, 0) !important;
        font-size: 18px;
    }
    .materialWeWorkInto h5 {
        font-size: 30px;
        margin-bottom: 1rem !important;
        text-align: center !important;
    }
    .inHouseTestingLab h4{
        font-size: 25px;
        text-align: center !important;        
    }
    .verticalIntegration h4 {
        font-size: 30px;
        text-align: center !important;
    }
    .benefitsVerticalIntegration h5 {
        font-size: 30px;
        line-height: normal;
        text-align: center;
        margin-top: 3rem;
    }
    .bgGray h4, .bgBlue h4 {
        font-size: 20px !important;
        line-height: normal;
    }
    .Verticalintegration p {
        margin-bottom: 1rem !important;
    }
    .bgBlue {
        height: auto;
        align-content: center;
        padding: 30px;
    }
    .bgGray {
        height: auto;
        align-content: center;
        padding: 30px;
    }
    .safetyQuality h4{
        text-align: center;        
        margin-bottom: 1rem;
        font-size: 30px;
    }
    /* .f_inhouseTestingHigherDiv {
        flex-wrap: wrap;
    } */
    .safetyQuality p {
        font-size: 18px !important;
        margin-bottom: 1rem !important;
        text-align: center;
    }
    .safetyQuality img{
        margin-bottom: 5%;
    }
    .abtProcess{
        margin-bottom: 1rem !important;
    }
    .ourProcessDiv h4 {
        margin-top: 1rem;
    }
    .ourProcess {
        flex-wrap: wrap;
    }
   
    .ourProcess div {
        width: 100%;
        height: auto;
        margin-top: -44px;
    }
    .ourProcess div img {
        top: 45px;
    }
    .ZenithCertificationOurProcessMobileview{
        display:block;
    }
    .certificateTimeLine{
        display: none;
    }
    .ourProcessDiv h6 {
        font-size: 20px;
        text-align: center;
    }
    /* .abtbrandLogo, .abtbrandLogo2 {
        gap: 15px !important;
        flex-wrap: wrap;
    }
    .abtbrandLogo img {
        width: 40%;
    } */
    .abtbrandLogo2 img {
        width: 40%;
        margin-top: 3%;
    }
    .abtbrandLogo3 img {
        width: 35%;
    }
    .abtbrandLogo3 {
        gap: 55px !important;
        flex-wrap: wrap;
    }
    .abtBrands h5 {
        font-size: 20px;
        margin-bottom: 6%;
    }
    .leftbgelement{
        display: none;
    }
    .FurnitureDivOne h4 {
        font-size: 30px;
        margin-top: 0;
        margin-bottom: 5%;
        text-align: center;
        line-height: normal !important;
    }
    .FurnitureDivOne p {
        font-size: 18px;
        margin-bottom: 1rem !important;
    }
    .sector h6 {
        font-size: 30px;
        margin-bottom: 0%;
        text-align: center;
    }
    .sector .card p {
        font-size: 18px;
    }
    .verticalIntegration p {
        font-size: 18px;
    }
    .verticalIntegrationBg {
        height: auto;
    }
    .benefitsVerticalIntegrationBg2 {
        height: 220px !important;
        margin-top: 5% !important;
    }
    .benefitsVerticalIntegrationBg {
        height: auto;
    }
    .benefitsVerticalIntegrationBg h6 {
        line-height: normal;
        font-size: 20px;
    }
    .materialWeWorkInto .card h6 {
        margin-bottom: 5%;
        margin-top: 0%;
    }
    .subTitle {
        font-size: 20px;
    }
    .addPt{
        margin-top: 1rem;
    }
    .qualityControl{
        margin-top: 0% !important;
        margin-bottom: 0% !important;
    }
    .productImgSection {
        margin-top: 3rem;
        margin-bottom: 0rem !important;
    }
    .qualityControl p {
        font-size: 18px;
        margin-top: 3%;
        margin-bottom: 1rem !important;
    }
    .qualityControl h6 {
        font-size: 30px;
        text-align: center;
        margin-bottom: 1rem !important;
    }
    .qualityControl ul {
        margin-top: 25px;
    }
    .qualityControl ul li {
        margin-bottom: 2%;
    }
    .heightBg {
        height: auto;
        align-items: center;
        display: flex;
    }
    .inhouseTesting h5 {
        font-size: 30px;
        text-align: center !important;
    }
    .item img {
        width: 100%;
        height: 230px !important;
    }
    .inhouseTesting p{
        margin-bottom: 1rem !important;
    }
    .heightBg2 {
        height: 145px;
    }
    /* .inhouseTestingHigherDiv {
        flex-wrap: wrap;
    } */
    .certificationImg {
        flex-wrap: wrap;
    }
    .certificationImg {
        gap: 42px;
        justify-content: center;
    }
    .ourProcess{
        width: 100%;
        /* overflow-y: auto; */
        /* padding-left: 5%;
        padding-right: 5%; */
    }
    .ourProcess img{
        width: 25%;
        padding-bottom: 5%;
    }
    .certificateOurProcess{
        width: 100%;
        overflow-y: auto;
        padding-left: 5%;
        padding-right: 5%;
    }
    .certificateOurProcess img{
        width: 100%;
        padding-bottom: 0;
    }
    .removePb{
        padding-bottom: 0 !important;
    }
    /* .abtBrands h4{
        text-align: center !important;
    } */
    .clientbrandLogo, .clientbrandLogo2, .clientbrandLogo3 {
        flex-wrap: wrap;
        gap: 20px !important;
    }
    .clients img {
        width: 45%;
        margin-bottom: 15%;
    }
    .contactDiv {
        margin-top: 30%;
    }
    .contactDiv p {
        font-size: 18px;
        text-align: center;
    }
    .contactFormContactInfo div h6 {
        color: black !important;
        text-align: left;
        font-size: 20px;
    }
    .contactFormContactInfo a {
        font-size: 18px;
    }
    .contactDiv form{
        margin-top: 5%;
    }
    .contactDiv2 h6 {
        font-size: 30px;
        margin-top: 5%;
        text-align: center;
    }
    .conpatPageAddressInfo p {
        font-size: 18px;
    }
    .removeMt{
        margin-top: 0px !important;
    }
    .contactDiv2 div {
        align-items: center;
        margin-bottom: 5px;
    }
    .contactDiv3 form {
        padding: 5% 5% !important;
    }
    .contactDiv form div,
    .contactDiv3 form div{
        display: block !important;
    }
    .boxVectgor1,.boxVectgor2, .boxVectgor3, .boxVectgor4, .boxVectgor5 {
        height: 300px;
        top: 80px;
    }
    .boxVectgor1 p, .boxVectgor2 p, .boxVectgor3 p, .boxVectgor4 p, .boxVectgor5 p {
        position: relative;
        top: 60px;
        font-size: 20px !important;
        text-align: center;
        padding: 0 30px;
    }
    .subscribeDiv {
        width: 100%;
    }
   
    .removePb{
        padding-bottom: 0px !important;
        text-align: center;
        margin-bottom: 1rem;
    }
    .clients h6 {
        font-size: 30px;
        text-align: center !important;
    }
    .contactDiv h6 {
        font-size: 30px;
        line-height: normal;
        text-align: center;
    }
    .seemoreBtn{
        margin-top: 1rem;
    }
    .blockTwo h5, .blockOne h5 {
        text-align: center;
        font-size: 20px;
    }
    .blockTwo p, .blockOne p {
        text-align: center !important;
        font-size: 16px;
    }
    .rightbgelement {
        width: 546px;
        height: 523px;
        right: 0;
        margin-right: 0px;
        gap: 0px;
        /* opacity: 0.5; */
        position: absolute;
    }
    .abtpagesecThreeDiv {
        width: 100%;
    }
    .abtpagesecFourBg div p {
        margin-top: 0;
    }
    .verticalintegrationImg{
        margin-bottom: 1rem !important;
    }
    .productImgSectionDiv img{
        height: inherit;
    }
    
    .boxVectgor1{
        background: url(../img/Mobile1.png);
        background-size: contain;
        background-repeat: no-repeat;
        width: 72%;
        height: 270px;
        display: flex;
        margin: 0 auto;
    }

    .boxVectgor2{
        background: url(../img/Mobile2.png);
        background-size: contain;
        background-repeat: no-repeat;
        width: 72%;
        height: 270px;
        display: flex;
        margin: 0 auto;
    }

    .boxVectgor3{
        background: url(../img/Mobile3.png);
        background-size: contain;
        background-repeat: no-repeat;
        width: 72%;
        height: 270px;
        display: flex;
        margin: 0 auto;
    }
    .boxVectgor4{
        background: url(../img/Mobile4.png);
        background-size: contain;
        background-repeat: no-repeat;
        width: 72%;
        height: 270px;
        display: flex;
        margin: 0 auto;
    }
    .boxVectgor5{
        background: url(../img/Mobile5.png);
        background-size: contain;
        background-repeat: no-repeat;
        width: 72%;
        height: 270px;
        display: flex;
        margin: 0 auto;
    }
    .processDiv h6{
        margin-top: 1rem;
        font-size: 25px;
        font-weight: 600;
        display: block;
    }
    .processTopDiv {
        width: 100%;
    }
    .processTopDiv h6 {
        margin-bottom: 5px;
        margin-left: 0;
    }
 }

/* Media Query for low resolution  Tablets, Ipads */
@media (min-width: 481px) and (max-width: 767px) {
    .joinTeamDiv {
        margin: -100px 0px;
    }
    header .enqBtn{
        display: none;
    }
    .processTopDiv {
        width: 100%;
    }
    .verticalintegrationImg{
        margin-bottom: 1rem !important;
    }
    .processTopDiv h6 {
        margin-bottom: 5px;
        margin-left: 0;
    }
    /* .f_inhouseTestingHigherDiv {
        flex-wrap: wrap;
    } */
    .blockTwo h5, .blockOne h5 {
        text-align: center;
    }
    .blockTwo p, .blockOne p {
        text-align: center !important;
    }
    .blockOne div,
    .blockTwo div{
        width: 100% !important;
        background: none !important;
    }
    .blockOne div img,
    .blockTwo div img{
        background: rgb(255, 255, 255);
        padding: 18px;
        width: 75px;
        height: 75px;
        border-radius: 50%;
        margin-bottom: 30px;
    }
    main {
        margin-top: 93px;
    }
    .navbar-nav{
        padding: 0 30px;
    }
    .counterDiv{
        width: 50%;
    }
    .count-number {
        font-family: 'Avenir-Book';
        font-size: 50px;
    }
    .counter {
        margin-bottom: 1rem;
        margin-top: 1rem;
    }
    .counter p {
        margin-top: -25px;
    }
    .blockTwo {
        margin-bottom: 15%;
    }
    .processDiv{
        flex-wrap: wrap;
    }
    .boxVectgor1,.boxVectgor2, .boxVectgor3, .boxVectgor4, .boxVectgor5 {
        width: 100%;
    }    
    .brandLogo {
        gap: 40px;
        flex-wrap: wrap;
        justify-content: center !important;
        text-align: center;
    }
    .brandLogo img {
        width: 20%;
        margin-bottom: 10%;
    }
    .footer-links img{
        margin: 0 auto;
        display: flex;
    }
    
    footer h4 {
        margin-top:20px;   
        margin-bottom:20px;   
        font-size: 25px;
    }
    footer li a {
        font-size:22px;
    }
    .subscribeDiv {
        margin: 0 auto;
    }
    .copyright{
        text-align: center;
    }
    .copyright p {
        text-align: center;
    }
    .footerSocialMedia {
        gap: 22px;
        margin: 0 0 12px 0;
        justify-content: center;
    }
    .navbar-collapse {
        width: 515%;
        left: -305px !important;
        padding: 5%;
        padding: 45%;
        position: absolute;
    }
    .nav-item a{
        font-size: 22px;
    }
    .fixed-top {
        width: 100%;
    }
    .heroBanner{
        margin-top: -27px;
    }
    h2 {
        font-size: 35px;
    }
    h4 {
        font-size: 25px;
    }
    .removePt{
        padding-top: 0px !important;
    }
    .abtpagesecThree h2 {
        font-size: 35px;
    }
    .abtpagesecThree div p {
        font-size: 25px;
        line-height: 40px;
    }
    .abtpagesecThreeBg {
        margin-bottom: 0%;
        height: auto;
    }
    .horizontalLine{
        display: none;
    }
    .abtpagesecFourBg div {
        align-self: start;
        width: 85%;
        float: left;
        box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
        padding: 5%;
    }
    .abtpagesecFourBg {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 25px;
        flex-wrap: wrap;
    }
    .abtPageendtext{
        margin-top:10px !important;
        text-align: center;
    }
    .productImgSection {
        margin-top: 3rem;
    }
    .abtpagesecThreeDiv {
        width: 100%;
    }
    section {
        margin-top: 12%;
        margin-bottom: 12%;
    }
    .conceptReality{
        display: none;
    }
    .conceptRealityResponsive{
        display: block !important;
        margin-top: 0 !important;
    }
    .bgGray2 {
        height: 245px !important;
    }
    .bgBlue p {
        color: white !important;
        font-size: 18px;
    }
    .bgGray p {
        color: rgb(0, 0, 0) !important;
        font-size: 18px;
    }
    .bgGray h4, .bgBlue h4 {
        font-size: 24px !important;
    }
    .bgBlue {
        height: 245px;
    }
    .bgGray {
        height: 225px;
    }
    .safetyQuality p {
        font-size: 18px !important;
    }
    .safetyQuality img{
        margin-bottom: 5%;
    }
    .ourProcess {
        flex-wrap: wrap;
    }
    .ourProcess div {
        width: 100%;
        margin-top: -44px;
    }
    .ourProcess div img {
        top: 45px;
        left: 195px;
    }
    .certificateOurProcess{
        width: 100%;
        overflow-y: auto;
        padding-left: 5%;
        padding-right: 5%;
    }
    .certificateOurProcess img{
        width: 100%;
        padding-bottom: 0;
    }
    /* .abtbrandLogo, .abtbrandLogo2 {
        gap: 15px !important;
        flex-wrap: wrap;
    }
    .abtbrandLogo img {
        width: 40%;
    } */
    .abtbrandLogo2 img {
        width: 40%;
        margin-top: 3%;
    }
    .abtbrandLogo3 img {
        width: 40%;
    }
    .abtbrandLogo3 {
        gap: 55px !important;
        flex-wrap: wrap;
    }
    .abtBrands h5 {
        font-size: 30px;
        margin-bottom: 6%;
    }
    .leftbgelement{
        display: none;
    }
    .FurnitureDivOne h4 {
        font-size: 35px;
        line-height: 40px;
        margin-top: 5%;
    }
    .FurnitureDivOne p {
        font-size: 18px;
        margin-bottom: 1rem !important;
    }
    .sector h6 {
        font-size: 30px;
        margin-bottom: 0%;
    }
    .sector .card p {
        font-size: 18px;
    }
    .verticalIntegration p {
        font-size: 18px;
    }
    .verticalIntegrationBg {
        height: 405px;
    }
    .benefitsVerticalIntegrationBg2 {
        height: 195px !important;
        margin-top: 5% !important;
    }
    .materialWeWorkInto .card h6 {
        margin-bottom: 5%;
        margin-top: 0%;
    }
    .subTitle {
        font-size: 20px;
    }
    .addPt{
        margin-top: 2rem;
    }
    .qualityControl p {
        font-size: 18px;
        margin-top: 3%;
        margin-bottom: 1rem !important;
    }
    .qualityControl h6 {
        font-size: 28px;
    }
    .qualityControl ul {
        margin-top: 25px;
    }
    .heightBg2 {
        height: 145px;
    }
    /* .inhouseTestingHigherDiv {
        flex-wrap: wrap;
    } */
    .certificationImg {
        flex-wrap: wrap;
    }
    .certificationImg {
        gap: 42px;
    }
    .ourProcess{
        width: 100%;
        /* overflow-y: auto;
        padding-left: 5%;
        padding-right: 5%; */
    }
    .ourProcess img{
        width: 30%;
        padding-bottom: 5%;
    }
    .certificateOurProcess{
        width: 100%;
        overflow-y: auto;
        padding-left: 5%;
        padding-right: 5%;
    }
    .certificateOurProcess img{
        width: 100%;
        padding-bottom: 0;
    }
    .removePb{
        padding-bottom: 0 !important;
    }
    .clientbrandLogo, .clientbrandLogo2, .clientbrandLogo3 {
        flex-wrap: wrap;
        gap: 20px !important;
    }
    .clients img {
        width: 45%;
        margin-bottom: 15%;
    }
    .contactDiv {
        margin-top: 30%;
    }
    .contactDiv p {
        font-size: 18px;
    }
    .contactFormContactInfo a {
        font-size: 18px;
    }
    .contactDiv form{
        margin-top: 5%;
    }
    .contactDiv2 h6 {
        font-size: 30px;
        margin-top: 5%;
    }
    .conpatPageAddressInfo p {
        font-size: 18px;
    }
    .contactDiv2 div {
        align-items: center;
    }
    .contactDiv3 form {
        padding: 5% 5% !important;
    }
    .contactDiv form div,
    .contactDiv3 form div{
        display: block !important;
    }
    .boxVectgor1,.boxVectgor2, .boxVectgor3, .boxVectgor4, .boxVectgor5 {
        height: 300px;
        top: 80px;
    }
    .boxVectgor1 p, .boxVectgor2 p, .boxVectgor3 p, .boxVectgor4 p, .boxVectgor5 p {
        position: relative;
        top: 95px;
        padding-right: 110px !important;
        font-size: 20px;
    }
    .subscribeDiv {
        width: 100%;
    }
    .removePb{
        padding-bottom: 0px !important;
    }
    .contactDiv h6 {
        font-size: 35px;
        line-height: normal;
    }
    .rightbgelement {
        width: 546px;
        height: 523px;
        right: 0;
        margin-right: 0px;
        gap: 0px;
        /* opacity: 0.5; */
        position: absolute;
    }
    .abtpagesecFourBg div p {
        margin-top: 0;
    }
    .productImgSectionDiv img{
        height: inherit;
    }
    .processDiv h6{
        display: none;
    }
}
/* Media Query for Tablets Ipads portrait mode */
@media (min-width: 768px) and (max-width: 1024px) {
    .processTopDiv {
        width: 50%;
    }
    .joinTeamDiv {
        margin: -100px 0px;
    }
    .processTopDiv h6 {
        margin-bottom: 5px;
        margin-left: 0;
    }
    header .enqBtn{
        display: none;
    }
    .blockTwo h5, .blockOne h5 {
        text-align: center;
    }
    .blockTwo p, .blockOne p {
        text-align: center !important;
    }
    main {
        margin-top: 93px;
    }
    .navbar-nav{
        padding: 0 30px;
    }
    .counterDiv{
        width: 50%;
    }
    .abtpagesecThreeDiv {
        width: 100%;
    }
    .counter {
        margin-bottom: 1rem;
        margin-top: 1rem;
    }
    .count-number {
        font-family: 'Avenir-Book';
        font-size: 50px;
    }
    .counter p {
        margin-top: 0px;
    }
    .blockTwo {
        margin-bottom: 15%;
    }
    .processDiv{
        flex-wrap: wrap;
        justify-content: center;
    }
    .abtHeroBanner p {
        padding: 0 45px !important;
    }
    .blockOne,
    .blockTwo {
        width: 100%;
    }
    .boxVectgor1,.boxVectgor2, .boxVectgor3, .boxVectgor4, .boxVectgor5 {
        width: 100%;
    }    
    .brandLogo {
        gap: 50px;
        flex-wrap: wrap;
        justify-content: center !important;
        text-align: center;
    }
    .heroBanner h2 {
        font-size: 40px;
        text-align: left;
        padding: 0px 105px;
    }
    .heroBanner p {
        font-size: 25px;
        padding: 0px 105px;
        text-align: left;
    }
    .brandLogo img{
        margin-bottom: 10%;
        width: 20%;
    }
    .footer-links img{
        margin: 0 auto;
        width: 80%;
        display: unset;
    }
    footer h4 {
        margin-top:20px;   
        margin-bottom:20px;   
        font-size: 25px;
    }
    footer .form-control {
        width: 78%;
    }
    .subscribeDiv {
        width: 100%;
    }
    footer li a {
        font-size:22px;
    }
    .subscribeDiv {
        margin: 0 auto;
        justify-content: space-around;
        display: flex;
    }
    .subscribeDiv input[type="submit"] {
        width: 43%;
        font-size: 12px;
    }
    .copyright {
        text-align: left;
    }
    .copyright p {
        text-align: left;
    }
    .footerSocialMedia {
        gap: 15px;
        margin: 0 0 12px -55px;
        justify-content: center;
    }
    .clientHeroBanner .layout{
        padding: 0 28px;
    }
    .navbar-collapse {
        width: 1028%;
        left: -612px !important;
        padding: 5%;
        padding: 45%;
        position: absolute;
    }
    .nav-item a{
        font-size: 22px;
    }
    .fixed-top {
        width: 100%;
    }
    .heroBanner{
        margin-top: -60px;
    }
    h2 {
        font-size: 20px;
    }
    h4 {
        font-size: 30px;
    }
    .abtpagesecTwo h4 {
        font-family: 'Avenir-Book';
        font-size: 25px;
        font-weight: 600;
        line-height: normal;
    }
    .abtpagesecThreeBg h6 {
        font-size: 25px;
    }
    .Verticalintegration h6 {
        font-size: 28px !important;
    }
    .abtpagesecTwo p {
        margin-bottom: 1rem !important;
        height: auto;
    }
    .removePt{
        padding-top: 0px !important;
    }
    .abtpagesecThree h2 {
        font-size: 20px;
    }
    .abtpagesecThree div p {
        font-size: 20px;
        line-height: normal;
    }
    .abtpagesecThreeBg {
        margin-bottom: 0%;
        height: auto;
    }
    .horizontalLine{
        display: none;
    }
    .abtpagesecFourBg div {
        align-self: start;
        width: 45%;
        height: 250px;
        float: left;
        box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
        padding: 5%;
    }
    .removeMt{
        margin-top: 0px !important;
    }
    .abtpagesecFourBg {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 25px;
        flex-wrap: wrap;
    }
    .abtPageendtext{
        margin-top:10px !important;
        text-align: center;
    }
    section {
        margin-top: 5%;
        margin-bottom: 5%;
    }
    .conceptReality{
        display: none;
    }
    .conceptRealityResponsive{
        display: block !important;
        margin-top: 0 !important;
    }
    .bgGray2 {
        height: 215px !important;
    }
    .bgBlue p {
        color: white !important;
        font-size: 18px;
    }
    .bgGray p {
        color: rgb(0, 0, 0) !important;
        font-size: 18px;
    }
    .bgGray h4, .bgBlue h4 {
        font-size: 24px !important;
        line-height: normal;
    }
    .bgBlue {
        height: 476px;
    }
    .bgGray {
        height: 476px;
    }
    .safetyQuality p {
        font-size: 18px !important;
    }
    .safetyQuality img{
        margin-bottom: 5%;
    }
    .ourProcess {
        flex-wrap: wrap;
    }
    .ourProcess div {
        width: 100%;
        margin-top: -75px;
        margin-bottom: -18px;
        height: auto;
    }
    .ourProcess div img {
        top: 60px;
        left: 255px;
    }
    .certificateOurProcess{
        width: 100%;
        overflow-y: auto;
        padding-left: 5%;
        padding-right: 5%;
    }
    .certificateOurProcess img{
        width: 100%;
        padding-bottom: 0;
    }
    /* .abtbrandLogo, .abtbrandLogo2 {
        gap: 70px !important;
        flex-wrap: wrap;
        justify-content: center !important;
    }
    .abtbrandLogo img {
        width: 20%;
        justify-content: center;
    } */
    .abtbrandLogo2 img {
        width: 20%;
        margin-top: 3%;
    }
    .abtbrandLogo3 img {
        width: 20%;
    }
    .abtbrandLogo3 {
        gap: 55px !important;
        flex-wrap: wrap;
    }
    .abtBrands h5 {
        font-size: 30px;
        margin-bottom: 6%;
    }
    .leftbgelement{
        display: none;
    }
    .FurnitureDivOne h4 {
        font-size: 35px;
        margin-top: 1rem !important;
        line-height: 0px;
    }
    .weAreInSec .card h5 {
        margin-bottom: 8px !important;
    }
    .verticalIntegrationBg {
        height: 675px !important;
    }
    .FurnitureDivOne p {
        font-size: 18px;
        margin-bottom: 1rem !important;
    }
    /* .f_inhouseTestingImgOverly {
        height: 105px;
    } */
    .productImgSectionDiv {
        height: 220px;
    }
    .sector h6 {
        font-size: 40px;
        margin-bottom: 0%;
    }
    .sector .card p {
        font-size: 18px;
    }
    .verticalIntegration p {
        font-size: 18px;
        margin-bottom: 1rem !important;
    }
    .verticalIntegrationBg {
        height: 405px;
    }
    .benefitsVerticalIntegrationBg2 {
        height: 225px !important;
        margin-top: 5% !important;
    }
    .verticalIntegration .row {
        align-items: center;
        justify-content: center;
    }
    .materialWeWorkInto .card h6 {
        margin-bottom: 5%;
        margin-top: 0%;
    }
    
    .subTitle {
        font-size: 25px;
    }
    .qualityControl p {
        font-size: 18px;
        margin-top: 3%;
        margin-bottom: 1rem !important;
    }
    .qualityControl h6 {
        font-size: 40px;
        margin-top: 1rem !important;
    }
    .qualityControl ul li {
        margin-bottom: 4%;
    }
    .qualityControl ul {
        margin-top: 25px;
    }
    .heightBg2 {
        height: 150px;
    }
    .certificateTimeLine{
        display: none;
    }
    .ZenithCertificationOurProcessMobileview{
        display: block;
    }
    .heightBg {
        height: 164px;
    }
    /* .inhouseTestingHigherDiv div {
        width: 45%;
    } */
    .inhouseTestingImgOverly {
        width: 100% !important;
    }
    /* .inhouseTestingHigherDiv {
        flex-wrap: wrap;
        justify-content: center;
    } */
    .certificationImg {
        flex-wrap: wrap;
        justify-content: center;
    }
    .contactpageimg{
        display: none;
    }
    .certificationImg {
        gap: 25px;
    }
    .ourProcess{
        width: 100%;
        /* overflow-y: auto;
        padding-left: 5%;
        padding-right: 5%; */
    }
    .ourProcess img{
        width: 20%;
        padding-bottom: 5%;
    }
    .certificateOurProcess{
        width: 100%;
        overflow-y: auto;
        padding-left: 5%;
        padding-right: 5%;
    }
    .certificateOurProcess img{
        width: 100%;
        padding-bottom: 0;
    }
    .certificationImg img {
        width: 155px;
    }
    .removePb{
        padding-bottom: 0 !important;
    }
    .clientbrandLogo, .clientbrandLogo2, .clientbrandLogo3 {
        flex-wrap: wrap;
        gap: 20px !important;
    }
    .clients img {
        width: 31%;
        margin-bottom: 15%;
    }
    .contactDiv {
        margin-top: 15%;
    }
    .contactDiv p {
        font-size: 18px;
    }
    .contactFormContactInfo a {
        font-size: 18px;
    }
    .contactDiv form{
        margin-top: 5%;
    }
    .contactDiv2 h6 {
        font-size: 30px;
        margin-top: 5%;
    }
    .conpatPageAddressInfo p {
        font-size: 18px;
        margin-bottom: 0% !important;
    }
    .contactDiv2 div {
        align-items: center;
        margin-bottom: 5px;
    }
    .contactDiv2 p{
        margin-bottom: 1rem !important;
    }
    .conpatPageAddressInfo hr{
        margin-bottom: 5% !important;
    }
    .contactDiv3 form {
        padding: 5% 5% !important;
    }
    .contactDiv form div,
    .contactDiv3 form div{
        display: block !important;
    }
    .boxVectgor1,.boxVectgor2, .boxVectgor3, .boxVectgor4, .boxVectgor5 {
        height: 300px;
        top: 80px;
    }
    .rightbgelement {
        display: none;
    }
    .boxVectgor1 p, .boxVectgor2 p, .boxVectgor3 p, .boxVectgor4 p, .boxVectgor5 p {
        position: relative;
        top: 100px;
        padding: 0 155px 0 40px !important;
    }
    .contactDiv h6 {
        font-size: 40px;
        line-height: normal;
    }
    .contactFormContactInfo h6{
        font-size: 20px;
    }
    .blockOne div,
    .blockTwo div{
        width: 100% !important;
        background: none !important;
    }
    .blockOne div img,
    .blockTwo div img{
        background: rgb(255, 255, 255);
        padding: 18px;
        width: 75px;
        height: 75px;
        border-radius: 50%;
        margin-bottom: 30px;
        text-align: center;
    }
    .rightbgelement {
        width: 546px;
        height: 523px;
        right: 0;
        margin-right: 0px;
        gap: 0px;
        /* opacity: 0.5; */
        position: absolute;
    }
    .abtpagesecFourBg div p {
        margin-top: 0;
    }
    .processDiv h6{
        display: none;
    }
}
/* Media Query for Laptops and Desktops */
@media (min-width: 1025px) and (max-width: 1280px) {
    /* .heroBanner {
        background: url(../img/homebanner.jpg);
        background-size: cover;
        height: 550px;
        background-repeat: no-repeat;
        width: 100%;
    } */
    .processDiv h6{
        display: none;
    }
}

/* Media Query for Large screens */
@media (min-width: 1680px) {
  .main {
    margin-top: 0px;
  }
  .heroBanner {
    height: 705px;
  }
  .layout {
    top: 355px;
    padding: 14px 150px;
  }
  .abtHeroBanner {
    height: 724px;
  }
  .clientHeroBanner {
    height: 800px;
  }
  .processDiv h6{
    display: none;
    }
}