.logo-img{
    background-image: url(/Ab.jpg);
    height: 3.9vw;
    width: 3.9vw;
    margin-top: 5px;
    background-size: contain;
    border-radius: 50px;
}
.curs{
    display: none;
}
nav{
    height: 12vw;
}
.nav1{
    width: 22vw;
    height: 5vw;
    margin-left: 1vw;
    /* background-color: #b43c57; */
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}
.logo-text a{
    font-size: 4.5vw;
    font-weight: 800;
}
.nav2{
width: 65vw;
}
.nav3{
    display: none;
}
.nav4{
    width:7vw ;
    height: 5vw;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 2px;
}
.nav4 i{
    font-size: 5.5vw;
    color: #7dea47;
}



.hero{
    background-image: url(/hero2.jpg);
    height: 135vw;
    width: 100vw;
    background-size: cover;
    background-position: center;
    /* margin-left: 4vw; */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.hero-p{
    width: 100vw;
    display:flex;
    justify-content: center;
    align-items: center;
    font-size: 5vw;
    margin-bottom: 2vw;
}
.hero-h{
    font-size: 15vw;
    width: 100vw;
    display:flex;
    justify-content: center;
    align-items: center;
    color: var(--text2);
    /* margin-top: -3vw; */
    font-weight: 700;
}
.container{
    font-size:5vw;
    font-weight:600;
    display: flex;
    align-self: center;
    justify-content: center;
    margin-top: -2vw;

}

.about-us{
    background-color: var(--secondary);
    height: 140vw;
    width: 100vw;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: -16vw;
}

.about-img{
    display: none;
}
.about-main{
    /* background-color: aqua; */
    height: 137vw;
    width: 90vw;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-around;
    /* background-color: aqua; */
}
.about-main2{
    height:130vw ;
    margin-top: -10vw;
    width: 90vw;
    justify-content: center;
    align-items: center;
}
.about-h{
    /* background-color: red; */
    height: 20vw;
    width: 90vw;
    text-align: start;
    color: var(--text);
    font-size: 2.5vw;
    display: flex;
    align-items: center;
    justify-content: center;
}
.about-h h1{
    text-align: center;
    font-weight: 900;
    font-size: 11vw;
}
.about-text{
    height: 109vw;
    /* background-color: red; */
    width: 80vw;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.about-text p{
    text-align: center;
    font-size: 3.2vw;
}
.about-text button{
    height: 9vw;
    width: 28vw;
    background-color: var(--text2);
    border-radius: 1.1vw;
    font-size: 3.2vw;
    color: var(--primary);
    border: transparent;
    filter: drop-shadow(10px 10px 20px #1f1f1f);
    transition: ease-in-out 0.2s;
    }
    .about-text button:hover{
        height: 8vw;
        width: 27vw;
    border-radius: 3.5vw;
    color: var(--text2);
    border:1px solid var(--text2);
    background-color: transparent; 
    }
.about-button{
    width: 80vw;
    display: flex;
    align-items: center;
    height: 5vw;
    justify-content: center;
}
.services{
    height: 205vw;
    flex-wrap: wrap;
    
}
.services-h{
    height: 18vw;
    /* background-color: red; */
    width: 100vw;
    color: white;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    font-size: 4vw;
    font-weight: 800;
}
.services-main{
   height: 177vw;
   /* background-color: red; */
   width: 50vw;
   flex-wrap: wrap;
}
.service{
    background-color: var(--secondary);
    height: 52vw;
    width: 44vw;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
flex-wrap: wrap;
}
.service p{
    width: 42vw;
    display: flex;
    justify-content: center;
    align-items: center;
    /* background-color: #ffffff; */
    /* margin-top: -3vw; */
    font-size: 4.5vw;
    /* color: red; */
}

.service i{
    height: 22vw;
    width: 50vw;
    display: flex;
    align-items: center;
    justify-content: center;
    /* background-color: #7dea47; */
    color: var(--text2);
    font-size: 18vw;
}


.service button{
    height: 6.5vw;
    width: 25vw;
    background-color: var(--text2);
    border-radius: 1.1vw;
    font-size: 2.5vw;
    font-weight: 800;
    color: var(--primary);
    border: transparent;
    /* background-color: #ffffff; */
transition: ease-in-out 0.2s;
}
.service button:hover{
    width: 24.1vw;
    border-radius: 1.5vw;
    color: var(--text2);
    border: 1px solid var(--text2);
    background-color: transparent; 
}







.projects{
    background-color: var(--secondary);
    width: 100vw;
    height: 120vw;
    flex-wrap: wrap;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}


.projects-h{
    height: 13vw;
    width: 100vw;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}
.projects-h h1{
    font-size: 6.5vw;
}
.projects-main{
    width: 95vw;
    height: 100vw;
    display: flex;
    flex-wrap: wrap;
    /* background-color: red; */
    align-items: center;
    justify-content: space-evenly;
}
.project{
    height: 25.9vw ;
    width: 45.9vw;
    border-radius: 5px;
}
.proj-bu{
    width: 100vw;
    height: 6vw;
    display: flex;
    align-items: center;
    justify-content: center;
}
.projects-main button{
height: 5.5vw;
width: 25vw;
background-color: var(--text2);
border-radius: 1.1vw;
font-size: 2.6vw;
color: var(--primary);
filter: drop-shadow(10px 10px 20px #1f1f1f);
border: transparent;
/* background-color: #ffffff; */
transition: ease-in-out 0.2s;
}
.projects-main button:hover{
width: 24.1vw;
border-radius: 1.5vw;
color: var(--text2);
border: solid var(--text2);
background-color: transparent; 
}





#customer{
    display: none;
}

.customers{
    background-color: var(--primary);
    height: 61vw;
    width: 100vw;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
}
.customer-h{
    height: 12vw;
    width: 100vw;
    color: white;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    font-size: 2.7vw;
}
.customer-main{
    height: 45vw;
    width: 85vw;
    display: flex;
    /* background-color: aqua; */
    justify-content: space-evenly;
    align-items: center;
    flex-wrap: wrap;
}
.customer{
    background-color: var(--secondary);
    height: 40vw;
    width: 32vw;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.customer i{
    height: 10vw;
    width: 20vw;
    display: flex;
    align-items: center;
    justify-content: center;
    /* background-color: #ffffff; */
    color: var(--text2);
    font-size: 7vw;
}
.customer p{
    width: 25vw;
    height: 23.5vw;
    display: flex;
    justify-content: center;
    align-items: center;
    /* background-color: #ffffff; */
    margin-top: -3vw;
    font-size: 1.45vw;
    /* background-color: red; */
    text-align: center;
    font-weight: 400;
}

.lala p{
    color: var(--text2);
    font-size: 3.2vw;
    height: 3vw;
    font-weight: 800;
}




.links{
    width: 100vw;
    height: 4vw;
    display: flex;
    align-items: center;
    justify-content: center;
}

.links1{
    width: 50vw;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    font-size: 1.6vw;
}
.links2{
    display: none;
}
.sticky {
    display: none;
}