.banner {
    background: var(--primary-blue);
}

    .banner.style-2 {
        padding: 2.125rem;
        padding-bottom: 2.125rem;
        padding-right: 2.125rem;
    }

    .banner .left-image {
        margin-right: 4.5rem;
        margin-left: 1.5rem;
    }

@media (min-width: 576px) {
    .banner .left-image {
        margin-right: 0rem;
        margin-left: 0rem;
    }
}

.banner ul {
    margin-top: 13px;
}

    .banner ul > li {
        font-family: var(--font-asap);
        display: inline-block;
        margin-right: 2.688rem;
        color: var(--base-white, #FFF);
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 16px;
    }

        .banner ul > li::before {
            content: "\2022";
            color: #fff;
            font-weight: bold;
            display: inline-block;
            width: 1rem;
            margin-left: -1em;
        }

.banner .title {
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
}

.banner .sub-title {
    color: #fff;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}


.banner.style-2 .sub-title {
    margin-top: 5px;
}

.banner.style-2 button {
    margin-top: 13px;
}