.bannerimage{
    background: url('../imgaes/Homepagebanner.png') no-repeat center / cover;
    width: 100%;
    height: 100vh;
}
.banner-text{
    position: relative;
    padding-top: 10rem;
}
.bannerimage ul{
    display: inline-block;
}

.bannerimage ul li{
    font-size: 24px;
    line-height: 1.75;
    transition: all 200ms ease-in-out;
    font-weight: 200!important;
}
.bannerimage ul li:hover{
    font-size: 28px;
    font-weight: bold!important;
}
.heading{
    width: 681px;
    margin-bottom: 40px;
}

/************ABOUT*****************/
.about{
    position: relative;
    overflow-x: hidden;
}
.about:before{
    content: '';
    background: url('../imgaes/aftereffect.svg') no-repeat center / contain;
    width: 300px;
    height: 300px;
    position: absolute;
    top: -140px;
    left: -140px;
    z-index: -1;
}
.about .image{
    position: relative;
}
.about .image:after{
    content: '';
    background: url('../imgaes/aftereffect.svg') no-repeat center / contain;
    width: 300px;
    height: 300px;
    position: absolute;
    bottom: 0;
    right: -140px;
    z-index: -1;
}
.mission-image{
    width: 431px;
}

/*********TEAM**********/
.team{
    background: url('../imgaes/ManagementTeam.png') no-repeat center / cover;
    width: 100%;
    height: 1000px;
    padding-top: 7rem;
}
.team .section.text-white:before{
    background: #fff;
}

@media(min-width: 768px){
    .absolute-image{
        position: absolute;
        bottom: 3rem;
        right: 0;
    }
    /* .member{
        min-height: 524px;
    } */
}

@media (max-width: 767px){
    .bannerimage{
        height: auto;
    }
    .navbar{
        padding: .5rem 0;
    }
    .bannerimage ul li:hover,.bannerimage ul li{
        font-size: 1rem;
    }
    .mission-image{
        width: 100%;
    }
    .heading{
        width: 100%;
    }
    .banner-text{
        padding: 2rem 1rem;
    }
    .team{
        padding-top: 1.5rem;
        background: url(../imgaes/ManagementTeam.png);
        background-repeat: no-repeat;
        background-position: center left;
        background-size: cover;
        background-position-x: -99px;
        height: auto;
        padding-bottom: 3rem;
    }
    .about:before{
        display: none;
    }
    .about .image:after{
        display: none;
    }
    .avatar img{
        height: 100px;
        width: 100px;
        border: 2px solid #fff;
    }
    .members{
        margin-top: 20px;
        gap: 16px;
    }
    .member{
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 10px 20px;
        border-radius: 24px;
        gap: 20px;
    }
    .member-info{
        text-align: left;
    }
    .contact .section{
        margin-bottom: 1.75rem;
    }
    .contact-mode {
        display: flex;
        flex-direction: column;
        gap: .75rem;
        margin-bottom: 20px;
    }
    .brands {
        font-size: 1.5rem;
        gap: 1rem
    }
    .contact-mode i{
        width: 40px;
        height: 40px;
        padding: 13px;
        font-size: 13px;
    }
 
}