:root {
    --bs-body-font-family:'Oswald', sans-serif;
}

.blbg{background: #1D6577;}
.homemain{height: 100vh;}
.top-svg{position: absolute;width:27rem;}
.nav-link{font-weight: 500 !important;color: #fff !important;}
.navbar-brand img {
    max-width: 80px;
    padding: 2px 10px;
}
.hex2{margin-left: 17rem;}
.hex3{    position: relative;
    top: 10rem;
    left: -2rem;

}
.hex4{position: relative;
    left: 20rem;
    top: -3rem;width: 20rem;z-index: -1;}

.aboutx .hex4 {
        position: absolute;
        left: 20rem;
        top: 3rem;
        width: 20rem;z-index: -1;
    }
.right-img{    position: absolute;
    top: 0;
    max-height: 100vh;
    right: 0;
}
.white{color: #fff;}
.blogo{max-width: 80px;}
.navbar-light .navbar-toggler {
    border-color: rgb(255 255 255);
}
.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.about{font-size: 1.8rem;
    font-weight: 500;
    font-family: 'Oswald';
    color: #fff;
    text-align: justify;}
    .about div{text-align: center;margin-top: -4rem;}
    .about div img{max-width: 400px;}
.servc{text-align: center;}
.servc h2{    font-size: 1.6rem;
    }
    .servc img{   max-width: 120px;}
.about_home{margin: 2rem 0;
    max-width: 640px;
    color: #fff;
    font-size: 1.2rem;}
@media screen and (max-width: 480px)  {
.about_home{text-align:center;font-size:1rem;}
    .top-svg{position: absolute;width:8rem;}  
    .right-img {
        max-height: 28vh;
    }
    .aboutx .hex4,
    .hex4 {
        position: relative;
        left: 5rem;
        top: -5rem;
        width: 6rem;
    }
    .hex3 {
        position: relative;
        top: 0rem;
        left: -2rem;
        width: 3rem;
    } 
    .about{font-size: 1rem;
        font-weight: 500;
        font-family: 'Oswald';
        color: #fff;
        margin-top: 2rem;text-align: justify;} 

.about div{margin-top: -10rem;margin-bottom: 2rem;}
.about div img{max-width: 320px;}
.servc h2{    font-size: 1.4rem;
}
}