.navbar-wrapper {
    background-position: center right;
    background-repeat  : no-repeat;
    background-size    : cover;
}

.pageTitle {
    font-weight   : bold;
    font-size     : 5.2rem;
    line-height   : 6.2rem;
    text-align    : center;
    letter-spacing: -0.03em;
    color         : #E6EAF5;
    padding-top   : 17.6rem;
    padding-bottom: 17.6rem;
}


/* Circular List */
.circularList {
    padding-top   : 5rem;
    padding-bottom: 35.7rem;
}


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



.circularListContainer {
    margin-top: 8.8rem;

}

.listItem {
    display        : flex;
    justify-content: space-between;
    padding-bottom : 5.6rem;
    padding-top    : 5.6rem;
    border-bottom  : 1px solid rgba(187, 201, 237, 0.3);

}

.listItem:last-child {
    border-bottom: none;
}


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


.listItem h6 span {
    font-weight: bold;
    font-size  : 1.6rem;
    line-height: 2.4rem;
    color      : #BBC9ED;
}

.listItem h1 {
    max-width     : 81.2rem;
    font-weight   : bold;
    font-size     : 2.4rem;
    line-height   : 3.6rem;
    letter-spacing: -0.02em;
    color         : #E6EAF5;
    margin-top    : 2.4rem;
}


.listItem .btn {
    font-weight: bold;
    font-size  : 1.6rem;
    line-height: 2.4rem;
    color      : #BBC9ED;
}

.listItem .btn img {
    height      : 2rem;
    width       : 2rem;
    margin-right: 1rem;
    margin-top  : -.4rem;
}

.mobileCircularList {
    display   : none;
    margin-top: 35px;
}


.mobileList {
    background   : rgba(56, 95, 142, .16);
    border-radius: 10px;
    padding      : 24px;
    margin-bottom: 15px;
}

.mobileList h3 {
    font-weight   : 600;
    font-size     : 16px;
    line-height   : 19px;
    letter-spacing: -0.02em;
    color         : #BBC9ED;
    margin-bottom : 32px;
}

.mobileList>div {
    display        : flex;
    justify-content: space-between;
    align-items    : center;
}


.mobileList h6 {
    font-weight   : normal;
    font-size     : 12px;
    line-height   : 15px;
    letter-spacing: -0.02em;
    color         : #BBC9ED;
    opacity       : 0.6;
}

.mobileList h6 span {
    font-weight   : bold;
    font-size     : 12px;
    line-height   : 15px;
    letter-spacing: -0.02em;
    color         : #BBC9ED;
    opacity       : 0.8;
}


/* `lg` applies to medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
    .circularList h3 {
        margin-bottom : 2rem;
        font-weight   : 600;
        font-size     : 16px;
        line-height   : 19px;
        letter-spacing: -0.02em;
    }

    .circularList .form-control {
        padding    : 6px 12px;
        font-size  : 12px;
        line-height: 24px;
    }


}


/* `md` applies to small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
    .circularListContainer {
        display: none;
    }

    .mobileCircularList {
        display: block;
    }

    .circularList {
        padding-top   : 28px;
        padding-bottom: 37px;
    }
}