section {
    color: var(--color-brand-Auxiliary)
}

h2 {
    font-size: 28px;
    font-weight: 400;
    line-height: 38px
}

h3 {
    font-size: 20px;
    font-weight: 700;
    line-height: 26px
}

a {
    color: var(--color-brand-Auxiliary)
}

a:hover {
    color: var(--color-brand-standard)
}

@media screen and (min-width:1025px) {
    h2 {
        font-size: 48px;
        font-weight: 300;
        line-height: 64px
    }

    h3 {
        font-size: 28px;
        line-height: 42px
    }
}

@media screen and (max-width:834px) {
    h2 {
        text-align: center
    }
}

#compliance-disclosure {
    margin: 44px 0 80px
}

#compliance-disclosure h2 {
    text-align: left;
    margin-bottom: 8px
}

#compliance-disclosure .ip-detection {
    color: var(--color-brand-standard);
    border-bottom: 1px solid var(--color-brand-Auxiliary);
    margin: 0 0 32px;
    padding: 0 0 20px
}

#compliance-disclosure ul li {
    margin-bottom: 40px
}

#compliance-disclosure ul li h3 {
    margin-bottom: 24px
}

#compliance-disclosure ul li p {
    margin-bottom: 24px
}

@media screen and (min-width:835px) {
    #compliance-disclosure {
        margin: 84px 0 108px
    }

    #compliance-disclosure h2 {
        margin-bottom: 20px
    }

    #compliance-disclosure .ip-detection {
        margin: 0 0 40px;
        padding: 0 0 32px
    }

    #compliance-disclosure ul li {
        margin-bottom: 48px
    }

    #compliance-disclosure ul li h3 {
        margin-bottom: 16px
    }

    #compliance-disclosure ul li p {
        margin-bottom: 20px
    }
}

#terms-and-conditions {
    margin-bottom: 80px
}

#terms-and-conditions h2 {
    margin-bottom: 24px
}

#terms-and-conditions li {
    text-align: center
}

#terms-and-conditions a {
    display: block;
    border: 1px solid #e4e4e4;
    padding: 12px 0
}

#terms-and-conditions a:hover {
    box-shadow: 0 2px 12px 0 rgba(185, 185, 185, .5)
}

@media screen and (min-width:835px) {
    #terms-and-conditions {
        margin-bottom: 136px
    }

    #terms-and-conditions h2 {
        margin-bottom: 28px
    }

    #terms-and-conditions a {
        padding: 24px 0
    }
}

@media screen and (max-width:834px) {
    #terms-and-conditions .columns {
        margin: 0
    }

    #terms-and-conditions .column {
        margin-bottom: 16px;
        padding: 0
    }

    #terms-and-conditions a {
        max-width: 255px;
        margin: 0 auto
    }
}

#regulatory-qualifications {
    margin-bottom: 40px
}

#regulatory-qualifications .columns {
    padding: 40px 0
}

#regulatory-qualifications .columns:not(:last-child) {
    border-bottom: 1px solid #e4e4e4
}

#regulatory-qualifications img {
    width: 270px
}

#regulatory-qualifications h3,
#regulatory-qualifications p {
    margin-bottom: 16px
}

@media screen and (min-width:835px) {
    #regulatory-qualifications {
        margin-bottom: 120px
    }

    #regulatory-qualifications h2 {
        margin-bottom: 24px
    }

    #regulatory-qualifications .columns {
        padding: 46px 0 28px
    }

    #regulatory-qualifications img {
        width: 378px
    }
}

@media screen and (min-width:1245px) {
    #regulatory-qualifications img {
        margin-left: 12%
    }
}

@media screen and (max-width:834px) {
    #regulatory-qualifications .columns {
        margin: 0
    }

    #regulatory-qualifications .column {
        padding: 0
    }

    #regulatory-qualifications .column:first-child {
        text-align: center
    }

    #regulatory-qualifications img {
        margin-bottom: 32px
    }
}

#others {
    margin-bottom: 52px
}

#others h2 {
    margin-bottom: 16px
}

#others .columns:not(:last-child) {
    border-bottom: 1px solid #e4e4e4
}

#others .column {
    height: fit-content
}

#others img,
#others h3,
#others p {
    margin-bottom: 16px
}

@media screen and (min-width:835px) {
    #others {
        margin-bottom: 80px
    }

    #others h2 {
        margin-bottom: 28px
    }

    #others .columns {
        min-height: 400px
    }
}

@media screen and (max-width:834px) {
    #others .columns {
        margin: 0;
        padding: 40px 0
    }

    #others .column {
        padding: 0
    }
}

html[lang="ar"] .not-ar {
    display: none!important;
}