.navbar-wrapper {
    background-image      : url('../images/Page2/unsplash_WjK2_zZ8bRM.png');
    background-position   : center right;
    background-repeat     : no-repeat;
    background-size       : cover;
    /* padding-top        : 3.5rem; */

}


.members-hero {
    padding-top   : 15rem;
    padding-bottom: 17rem;
    max-width     : 63.8rem;
}

.members-hero h1 {
    font-weight   : bold;
    font-size     : 4.8rem;
    line-height   : 5.6rem;
    letter-spacing: -0.03em;
    color         : #E6EAF5;
    margin-bottom : 2rem;
}

.members-hero p {
    font-weight  : normal;
    font-size    : 1.7rem;
    line-height  : 3rem;
    color        : #E6EAF5;
    margin-bottom: 3rem;
}


.mobileMembersHero {
    display: none;
}

/* Member Details */


.membersTitle {
    font-weight   : bold;
    font-size     : 4.8rem;
    line-height   : 5.6rem;
    letter-spacing: -0.03em;
    color         : #E6EAF5;
}


.memberDetails {
    padding-top   : 10.1rem;
    padding-bottom: 25.9rem;
}

.btn-download {
    padding: 2.4rem;
    border : 2px solid rgba(187, 201, 237, 0.3);
}


.btn-download img {
    height: 2.4rem;
    width : 2.4rem;
}



.companyNameImg img {
    height         : 10rem;
    width          : 10rem;
    border-radius  : 50%;
    object-fit     : cover;
    object-position: center center;
    margin-bottom  : 1.6rem;
}

.companyNameImg h3 {
    font-weight   : bold;
    font-size     : 2.2rem;
    line-height   : 2.7rem;
    letter-spacing: -0.03em;
    color         : #E6EAF5;
    margin-bottom : .8rem;
}

.companyNameImg h6 {
    font-weight: normal;
    font-size  : 1.8rem;
    line-height: 2.2rem;
    color      : #BBC9ED;
}


.memberAddress {
    display      : flex;
    margin-bottom: 2.4rem;
}

.memberAddress img {
    height      : 2rem;
    width       : 2rem;
    margin-right: 1.6rem;
}

.memberAddress>div {
    font-weight: normal;
    font-size  : 1.6rem;
    line-height: 2.4rem;
    color      : #E6EAF5;
    max-width  : 26.4rem;
}


.memberNameImg img {
    height         : 5.2rem;
    width          : 5.2rem;
    border-radius  : 50%;
    object-fit     : contain;
    object-position: center center;
    margin-bottom  : 1.6rem;
}

.memberNameImg h3 {
    font-weight   : bold;
    font-size     : 1.8rem;
    line-height   : 2.2rem;
    letter-spacing: -0.03em;
    color         : #E6EAF5;
    margin-bottom : .8rem;
}

.memberNameImg h6 {
    font-weight: normal;
    font-size  : 1.6rem;
    line-height: 2.4rem;
    color      : #E6EAF5;
}

.memeberItem {
    padding-top   : 6.1rem;
    padding-bottom: 5.6rem;
    border-bottom : 1px solid rgba(187, 201, 237, 0.3);

}

.memeberItem:last-child {
    border-bottom : none;
    padding-bottom: 0;
}



/* `lg` applies to medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
    .membersTitle {
        font-size     : 25px;
        line-height   : 42px;
        letter-spacing: -0.03em;
        margin-bottom : 8px;
    }

    .form-control,
    .form-select {
        font-size     : 12px;
        line-height   : 24px;
        padding-top   : 6px;
        padding-bottom: 6px;
    }

    .btn-download {
        padding: 9px;
    }

    .btn-download img {
        height: 15px;
        width : 15px;
    }

    .form-select {
        background-size: 15px;
        padding-left   : 11px;
    }

    .searchMember {
        background-size: 15px;
        padding-left   : 11px;
        padding-right  : 4rem;
    }

    .companyNameImg {
        padding-bottom: 3.5rem;
    }

    .memberNameImg {
        padding-top: 4rem;
    }
}


/* `md` applies to small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
    .navbar-wrapper {
        background-image   : url('../images/Page2/unsplash_WjK2_zZ8bRM.svg');
        background-position: left center;
        height             : 419px;
    }


    .desktopMemberhero {
        display: none;
    }

    .mobileMembersHero {
        display       : block;
        padding-top   : 27px;
        padding-bottom: 79px;
    }

    .members-hero h1 {
        font-size     : 25px;
        line-height   : 35px;
        letter-spacing: -0.03em;
    }


    .members-hero p {
        font-weight  : normal;
        font-size    : 14px;
        line-height  : 25px;
        margin-bottom: 43px;
    }

    .memberDetails {
        padding-top: 0;
    }


}

@media (max-width: 575.98px) {
    .btn-download {
        width: 100%;
    }
}