/* Common */

.bg-white .content-wrapper {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    max-width: 1220px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem
}

.bg-white .content-wrapper:after,
.bg-white .content-wrapper:before {
    content: " ";
    display: table
}

.bg-white .section {
    padding-top: 3.6rem;
    padding-bottom: 3.4rem
}

.bg-white .section__header {
    display: block;
    width: auto;
    margin-top: 3rem;
    margin-bottom: 2rem;
    padding-left: 1rem;
    padding-right: 1rem
}

.bg-white .section__title {
    display: inline;
    vertical-align: baseline;
    font-weight: 300;
    color: currentColor
}

.bg-white .section__desc {
    display: block;
    margin-top: 3rem;
    margin-bottom: 2rem;
    font-weight: 300;
    font-size: 1.8rem;
    line-height: 1.11111111;
    color: #697d8c
}

.bg-white .section__desc p {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.bg-white h3.payment-system__title,
.bg-white h3.section__title {
    font-size: 4rem;
    line-height: 1
}

@media (max-width: 680px) {
    .bg-white h3.payment-system__title,
.bg-white h3.section__title {
    font-size: 2.5rem;
    line-height: 1.2;
}
}


.bg-white .list-styled {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.bg-white .list-styled li {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 1rem 0;
    padding-left: 2rem;
    font-size: 1.8rem;
    line-height: 1.42857143
}

.bg-white .list-styled li:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 1rem;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #7fba2f;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.bg-white .button {
    display: inline-block;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 2rem;
    border: 0;
    border-radius: 4px;
    text-align: center;
    font-size: 1.8rem;
    line-height: 1.11111111;
    font-weight: 500;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 3px 0 rgba(0, 0, 0, 0.15);
    -webkit-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear
}

.bg-white .button:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: 1px;
    margin-right: -1px
}

.bg-white .button_big {
    font-size: 2.2rem;
    line-height: .90909091;
    font-weight: 500
}

.bg-white .button_green {
    color: #fff;
    background: #7fba2f;
    background-image: -webkit-gradient(linear, left top, right top, from(#7fba2f), color-stop(#98c838), to(#7fba2f));
    background-image: -webkit-linear-gradient(left, #7fba2f, #98c838, #7fba2f);
    background-image: -o-linear-gradient(left, #7fba2f, #98c838, #7fba2f);
    background-image: linear-gradient(90deg, #7fba2f, #98c838, #7fba2f)
}

.bg-white .button_blue {
    color: #fff;
    background: #1378bf;
    background-image: -webkit-gradient(linear, left top, right top, from(#1378bf), color-stop(#168ac9), to(#1378bf));
    background-image: -webkit-linear-gradient(left, #1378bf, #168ac9, #1378bf);
    background-image: -o-linear-gradient(left, #1378bf, #168ac9, #1378bf);
    background-image: linear-gradient(90deg, #1378bf, #168ac9, #1378bf)
}

.bg-white .accounts__btns {
    margin-top: 5rem;
    margin-bottom: 2.5rem;
    text-align: center;
    color: #1378bf
}

.bg-white .accounts__real {
    min-width: 32%;
    min-width: calc(23%);
    margin: 0 1rem
}

.bg-white .accounts__demo {
    min-width: 32%;
    min-width: calc(23%);
    margin: 0 1rem;
    font-size: 1.6rem;
    line-height: 1.25
}

.bg-white .enl_title_text {
    margin-bottom: 1rem;
    font-size: 5rem;
    line-height: .96
}

.bg-white .enl_desc_text {
    margin-top: 0;
    margin-bottom: 2rem;
    color: #ffffff;
    font-weight: 300;
    font-size: 2.2rem;
    line-height: 1
}

.bg-white .header-ctr {
    text-align: center
}

.bg-white .text-blue {
    color: #1378bf!important
}

.bg-white .text-green {
    color: #7fba2f!important
}

.bg-white .fl-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-content: space-around;
    -ms-flex-line-pack: distribute;
    align-content: space-around;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.bg-white .fl-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.bg-white .fl-col {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.bg-white .first-col {
    -webkit-flex-basis: 56.66666667%;
    -ms-flex-preferred-size: 56.66666667%;
    flex-basis: 56.66666667%;
    padding-right: 8.33333333%
}

.bg-white .sec-col {
    -webkit-flex-basis: 33.33333333%;
    -ms-flex-preferred-size: 33.33333333%;
    flex-basis: 33.33333333%
}

/* Education video */

.bg-white .education-video {
    position: relative;
    z-index: 0;
    color: #fff;
    background-color: #00183a;
    background-image: url(images/education-video-bg.jpg);
    background-position: 50% 50%;
    background-size: auto 100%;
    background-repeat: no-repeat;
    overflow: hidden;
    padding-top: 2rem;
    padding-bottom: 3rem;
}

@media (min-width: 768px) and (max-width: 980px) {
    .bg-white .education-video {
        background-position: 35% 50%;
    }
}

@media (max-width: 767px) {
    .bg-white .education-video {
        background-position: 0% 50%;
    }
}

.bg-white .education-video__title {
    display: block;
    vertical-align: middle;
    margin: 0;
    font-size: 0;
    line-height: 0;
    color: transparent;
}

.bg-white .education-video__img {
    display: block;
    width: 301px;
    height: 49px;
    background-image: url(images/clawsandhorns.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.bg-white .education-video__text {
    display: block;
    max-width: 66.666667%;
    margin-top: 3rem;
    margin-bottom: 2rem;
    padding-left: 1rem;
    padding-right: 1rem;
}

@media (max-width: 767px) {
    .bg-white .education-video__text {
        max-width: 100%;
    }
}

.bg-white .education-video__desc {
    max-width: 70%;
    padding-left: 1.0rem;
    padding-right: 1.0rem;
    margin-top: 3.0rem;
    margin-bottom: 5.0rem;
}

@media (min-width: 768px) and (max-width: 980px) {
    .bg-white .education-video__desc {
        max-width: 75%;
    }
}

@media (max-width: 767px) {
    .bg-white .education-video__desc {
        max-width: 100%;
    }
}

@media (max-width: 680px) {
    .bg-white .education-video__btns a {
        margin: 0 1.0rem 1.0rem;
    }
}

/* AE */

html[lang=ae] .bg-white .list-styled li {
    padding-left: 0;
    padding-right: 2rem
}

html[lang=ae] .bg-white .list-styled li:before {
    left: auto;
    right: 0
}

html[lang=ae] .bg-white .education-video {
    position: relative;
    color: #fff;
    /* background-color: #00183A; */
/*    background: -webkit-gradient(linear, left top, right top, color-stop(40%, #002969), color-stop(40%, #080B2A));
    background: -webkit-linear-gradient(left, #002969 40%, #080B2A 40%);
    background: -o-linear-gradient(left, #002969 40%, #080B2A 40%);
    background: linear-gradient(90deg, #002969 40%, #080B2A 40%);*/
    z-index: 0;
    padding-top: 7rem;
    padding-bottom: 9rem;
}

html[lang=ae] .bg-white .education-video:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-image: url(images/education-video-bg__ae.jpg);
    background-position: 50% 50%;
    background-size: auto 100%;
    background-repeat: no-repeat;
}

@media (min-width: 2190px) {
    html[lang=ae] .bg-white .education-video {
        padding-top: 11.0rem;
        padding-bottom: 13.0rem;
    }
    html[lang=ae] .bg-white .education-video:before {
        background-position: 100% 50%;
        background-size: contain;
    }
}

@media (max-width: 1580px) {
    html[lang=ae] .bg-white .education-video:before {
        background-size: auto 100%;
    }
}

@media (max-width: 767px) {
    html[lang=ae] .bg-white .education-video {
        padding-top: 3.6rem;
        padding-bottom: 3.4rem;
    }
    html[lang=ae] .bg-white .education-video:before {
        background-position: 40% 50%;
    }
}