#security-banner {
    position: relative;
    padding-top: 8rem;
    padding-bottom: 4rem;
    color: #fff;
    background-color: #03599d;
    overflow: hidden
}

#security-banner::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    font-size: 10px;
    width: 64.1em;
    height: 58em;
    background-repeat: no-repeat;
    background-position: -3px -2px;
    -webkit-transform: translate(111px);
    -ms-transform: translate(111px);
    transform: translate(111px)
}

#security-banner::before {
    background-image: url("../img/security-bg.jpeg")
}

#security-banner .security-holder {
    max-width: 66%;
}

#security-banner .header h2 {
    margin: 0 0 1.8rem 0;
    font-size: 4rem;
    line-height: 1;
    font-weight: 300;
    color: #fff;
}

#security-banner .header p {
    opacity: .75;
    font-weight: 300;
    font-size: 1.8rem;
}

#security-banner ul {
    list-style: none;
    margin: 35px 0 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}

#security-banner ul li {
    min-width: 280px;
    flex-basis: 50%;
    flex-grow: 1;
    padding: 0;
}

#security-banner ul li a {
    margin: 20px 0;
    text-decoration: none;
    display: flex;
    align-items: center;
    color: #fff;
}

#security-banner li span:hover {
    text-decoration: underline;
}

#security-banner ul li span {
    max-width: 75%;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 1.6rem;
    line-height: 1.25;
    text-align: initial;
}

#security-banner ul i {
    flex: 0 0 10rem;
    height: 100%;
    min-height: 80px;
    background-position: 0% 50%;
    background-repeat: no-repeat;
}

#security-banner .security__license {
    background-image: url("../img/license.svg")
}

#security-banner .security__protection {
    background-image: url("../img/protection.svg")
}

#security-banner .security__fund {
    background-image: url("../img/icon__compensation-fund__white.svg")
}

#security-banner .security__verify {
    background-image: url("../img/icon_Verify-white.svg")
}

#security-banner .securit__segregated-accounts {
    background-image: url("../img/segregated-accounts.svg")
}

#security-banner .security__insurance {
    background-image: url("../img/security__insurance.svg")
}

@media screen and (orientation: portrait),
all and (max-width: 991px) {
    #security-banner ul li {
        min-width: auto;
        flex-basis: 48%;
    }
    #security-banner:before {
        content: none
    }
    #security-banner .security-holder {
        max-width: none;
    }
    #security-banner ul li span {
        width: 66.66666667%;
    }
}

@media (max-width: 575px) {
    #security-banner ul li {
        flex-basis: 100%;
    }
}