@import url("https://fonts.googleapis.com/css?family=Lato:300,400,600,700,900");

.row.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.row.no-gutters>[class^="col-"],
.row.no-gutters>[class*=" col-"] {
    padding-right: 0;
    padding-left: 0
}

.row--table-lg {
    margin-right: 0;
    margin-left: 0
}

@media (min-width: 1200px) {
    .row--table-lg {
        display: table;
        width: 100%;
        table-layout: fixed;
        margin: 0 auto
    }
}

.row--table-lg>[class*="col-"] {
    padding-right: 0px;
    padding-left: 0px
}

@media (min-width: 1200px) {
    .row--table-lg>[class*="col-"] {
        display: table-cell;
        float: none;
        vertical-align: middle
    }
}

.row--table-md {
    margin-right: 0;
    margin-left: 0
}

@media (min-width: 992px) {
    .row--table-md {
        display: table;
        width: 100%;
        table-layout: fixed;
        margin: 0 auto
    }
}

.row--table-md>[class*="col-"] {
    padding-right: 0px;
    padding-left: 0px
}

@media (min-width: 992px) {
    .row--table-md>[class*="col-"] {
        display: table-cell;
        float: none;
        vertical-align: middle
    }
}

.row--table-sm {
    margin-right: 0;
    margin-left: 0
}

@media (min-width: 768px) {
    .row--table-sm {
        display: table;
        width: 100%;
        table-layout: fixed;
        margin: 0 auto
    }
}

.row--table-sm>[class*="col-"] {
    padding-right: 0px;
    padding-left: 0px
}

@media (min-width: 768px) {
    .row--table-sm>[class*="col-"] {
        display: table-cell;
        float: none;
        vertical-align: middle
    }
}

.row--table-xs {
    margin-right: 0;
    margin-left: 0
}

@media (min-width: 480px) {
    .row--table-xs {
        display: table;
        width: 100%;
        table-layout: fixed;
        margin: 0 auto
    }
}

.row--table-xs>[class*="col-"] {
    padding-right: 0px;
    padding-left: 0px
}

@media (min-width: 480px) {
    .row--table-xs>[class*="col-"] {
        display: table-cell;
        float: none;
        vertical-align: middle
    }
}

.row--table-xsm {
    margin-right: 0;
    margin-left: 0
}

.row--table-xsm>[class*="col-"] {
    padding-right: 0px;
    padding-left: 0px
}

a,
a:hover,
a:active,
a:focus {
    text-decoration: none
}

input,
textarea,
select,
button {
    box-sizing: border-box
}

input:focus,
textarea:focus,
select:focus,
button:focus {
    outline: none
}

a,
input {
    transition: all 0.3s ease
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0
}

img {
    max-width: 100%;
    height: auto
}

ul,
ol {
    margin: 0;
    padding: 0;
    list-style-type: none
}

p {
    margin: 0 0 0
}

body {
    font-size: 16px;
    line-height: 1.6;
    font-family: 'Lato', 'Open Sans', sans-serif;
    color: #000;
    background: #fff
}

@media screen and (max-width: 991px) {
    body {
        font-size: 16px;
        line-height: 1.6
    }
}

@media screen and (max-width: 767px) {
    body {
        font-size: 15px;
        line-height: 1.6
    }
}

@media screen and (max-width: 479px) {
    body {
        font-size: 15px;
        line-height: 1.6
    }
}

a {
    color: #025fab
}

a:hover,
a:active,
a:focus {
    color: #000
}

.site--container {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    overflow-x: hidden
}

.footer {
    color: #818A91;
    font-size: 14px;
    line-height: 1.3;
    padding: 0 0 45.28px 0
}

@media (max-width: 991px) {
    .footer {
        font-size: 12px
    }
}

@media (max-width: 620px) {
    .footer {
        padding: 0 0 20.58px 0
    }
}

.footer__top {
    margin: 0 68.38px
}

@media (max-width: 620px) {
    .footer__top {
        margin: 0 30.38px
    }
}

.footer__top .footer__tnc {
    color: #0667B0;
    padding: 45.28px 0 22.64px;
    font-size: 15px;
    line-height: 1.3
}

@media screen and (max-width: 991px) {
    .footer__top .footer__tnc {
        font-size: 15px;
        line-height: 1.3
    }
}

@media screen and (max-width: 767px) {
    .footer__top .footer__tnc {
        font-size: 14px;
        line-height: 1.3
    }
}

@media screen and (max-width: 479px) {
    .footer__top .footer__tnc {
        font-size: 12px;
        line-height: 1.3
    }
}

@media (max-width: 767px) {
    .footer__top .footer__tnc {
        padding: 22.64px 0
    }
}

@media (max-width: 620px) {
    .footer__top .footer__tnc {
        padding: 22.64px 0 11px 0
    }
}

.footer__top .footer__tnc.footer__tnc-premier a {
    color: #002F65
}

.footer__top .footer__tnc a {
    color: #0667B0;
    padding: 0 10px;
    border-left: 1px solid #0667B0;
    font-size: 15px;
    line-height: 1.3
}

@media screen and (max-width: 991px) {
    .footer__top .footer__tnc a {
        font-size: 15px;
        line-height: 1.3
    }
}

@media screen and (max-width: 767px) {
    .footer__top .footer__tnc a {
        font-size: 14px;
        line-height: 1.3
    }
}

@media screen and (max-width: 479px) {
    .footer__top .footer__tnc a {
        font-size: 12px;
        line-height: 1.3
    }
}

.footer__top .footer__tnc a:first-child {
    padding: 0 10px 0 0;
    border-left: none;
    border-right: none
}

.footer__top .footer__box {
    background: #5BC2E7;
    color: #ffffff;
    font-weight: bold;
    padding: 45.28px 68.38px
}

.footer__top .footer__box.footer__box-premier {
    background: #002F65
}

.footer__top .footer__box.footer__box-premier .footer__box-heading {
    font-size: 40px;
    line-height: 1.3
}

@media screen and (max-width: 991px) {
    .footer__top .footer__box.footer__box-premier .footer__box-heading {
        font-size: 36px;
        line-height: 1.3
    }
}

@media screen and (max-width: 767px) {
    .footer__top .footer__box.footer__box-premier .footer__box-heading {
        font-size: 32px;
        line-height: 1.3
    }
}

@media screen and (max-width: 600px) {
    .footer__top .footer__box.footer__box-premier .footer__box-heading {
        font-size: 20px;
        line-height: 1.3
    }
}

@media screen and (max-width: 479px) {
    .footer__top .footer__box.footer__box-premier .footer__box-heading {
        font-size: 16px;
        line-height: 1.3
    }
}

.footer__top .footer__box.footer__box-premier .footer__box-subheading {
    font-size: 30px;
    line-height: 1.3
}

@media screen and (max-width: 991px) {
    .footer__top .footer__box.footer__box-premier .footer__box-subheading {
        font-size: 26px;
        line-height: 1.3
    }
}

@media screen and (max-width: 767px) {
    .footer__top .footer__box.footer__box-premier .footer__box-subheading {
        font-size: 24px;
        line-height: 1.3
    }
}

@media screen and (max-width: 600px) {
    .footer__top .footer__box.footer__box-premier .footer__box-subheading {
        font-size: 18px;
        line-height: 1.3
    }
}

@media screen and (max-width: 479px) {
    .footer__top .footer__box.footer__box-premier .footer__box-subheading {
        font-size: 12px;
        line-height: 1.3
    }
}

@media (max-width: 767px) {
    .footer__top .footer__box {
        padding: 22.64px 68.38px
    }
}

@media (max-width: 620px) {
    .footer__top .footer__box {
        padding: 20.58px 30.38px
    }
}

.footer__top .footer__box .footer__box-heading {
    font-size: 40px;
    line-height: 1.3
}

@media screen and (max-width: 991px) {
    .footer__top .footer__box .footer__box-heading {
        font-size: 34px;
        line-height: 1.3
    }
}

@media screen and (max-width: 767px) {
    .footer__top .footer__box .footer__box-heading {
        font-size: 32px;
        line-height: 1.3
    }
}

@media screen and (max-width: 600px) {
    .footer__top .footer__box .footer__box-heading {
        font-size: 26px;
        line-height: 1.3
    }
}

@media screen and (max-width: 479px) {
    .footer__top .footer__box .footer__box-heading {
        font-size: 18px;
        line-height: 1.3
    }
}

.footer__top .footer__box .footer__box-subheading {
    font-size: 30px;
    line-height: 1.3
}

@media screen and (max-width: 991px) {
    .footer__top .footer__box .footer__box-subheading {
        font-size: 26px;
        line-height: 1.3
    }
}

@media screen and (max-width: 767px) {
    .footer__top .footer__box .footer__box-subheading {
        font-size: 24px;
        line-height: 1.3
    }
}

@media screen and (max-width: 600px) {
    .footer__top .footer__box .footer__box-subheading {
        font-size: 22px;
        line-height: 1.3
    }
}

@media screen and (max-width: 479px) {
    .footer__top .footer__box .footer__box-subheading {
        font-size: 13px;
        line-height: 1.3
    }
}

.footer__top .footer__box .footer__box-subheading a {
    color: #ffffff
}

.footer__top .footer__box .footer__box-subheading .text--light {
    font-weight: 300
}

.footer__top .footer__box .footer__box-subheading .footer--number {
    color: #ffffff;
    text-decoration: none
}

@media (max-width: 767px) {
    .footer__mid.footer__mid-long {
        margin: 0 0 22.64px 0
    }
}

.footer__mid .footer__mid-left,
.footer__mid .footer__mid-right {
    display: table-cell;
    vertical-align: middle
}

.footer__mid .footer__mid-left {
    background: #5BC2E7;
    width: 270px;
    padding: 0 45.28px 0 68.38px
}

@media (max-width: 620px) {
    .footer__mid .footer__mid-left {
        padding: 0 20.75px 0 30.38px;
        width: 170px
    }
}

@media (max-width: 479px) {
    .footer__mid .footer__mid-left {
        width: 122.74px;
        padding: 3px 20.75px 3px 30.38px
    }
}

.footer__mid .footer__mid-left.footer__mid-left-premier {
    background: #002F65;
    padding: 28.7px 22.9px 28.7px 68.38px
}

@media (max-width: 620px) {
    .footer__mid .footer__mid-left.footer__mid-left-premier {
        width: 140.46px;
        padding: 22.9px 20.75px 22.9px 30.38px
    }

    .footer__mid .footer__mid-left.footer__mid-left-premier img {
        width: 97.35px
    }
}

@media (max-width: 620px) {
    .footer__mid .footer__mid-left img {
        width: 106px
    }
}

@media (max-width: 479px) {
    .footer__mid .footer__mid-left img {
        width: 74px
    }
}

.footer__mid .footer__mid-right {
    padding: 22.64px 0 0 22.82px
}

@media (max-width: 991px) {
    .footer__mid .footer__mid-right {
        display: block;
        padding: 22.64px 0 0 68.38px
    }
}

@media (max-width: 767px) {
    .footer__mid .footer__mid-right {
        display: block;
        padding: 22.64px 0 0 68.38px
    }
}

@media (max-width: 620px) {
    .footer__mid .footer__mid-right {
        padding: 16px 0 0 30.38px
    }
}

@media (max-width: 479px) {
    .footer__mid .footer__mid-right {
        padding: 10px 0 0 30.38px
    }
}

.footer__mid .footer__mid-right.mid-right-short {
    vertical-align: bottom
}

@media (max-width: 767px) {
    .footer__mid .footer__mid-right.mid-right-short {
        display: table-cell;
        padding: 0
    }
}

.footer__mid .footer__mid-right .islam__logo,
.footer__mid .footer__mid-right .footer__mid-right-text {
    display: table-cell;
    vertical-align: middle
}

@media (max-width: 767px) {

    .footer__mid .footer__mid-right .islam__logo,
    .footer__mid .footer__mid-right .footer__mid-right-text {
        vertical-align: middle
    }
}

.footer__mid .footer__mid-right .islam__logo {
    width: 42px
}

@media (max-width: 620px) {
    .footer__mid .footer__mid-right .islam__logo {
        width: 36px;
        display: block;
        float: left;
        margin: 0 12px 4px 0
    }
}

@media (max-width: 479px) {
    .footer__mid .footer__mid-right .islam__logo {
        width: 30px;
        margin: 2px 12px 1px 0
    }
}

.footer__mid .footer__mid-right .islam__logo img {
    width: 100%
}

.footer__mid .footer__mid-right .footer__mid-right-text {
    padding: 0 68.38px 0 22.82px;
    text-align: justify
}

@media (max-width: 1199px) {
    .footer__mid .footer__mid-right .footer__mid-right-text {
        font-size: 12px
    }
}

@media (max-width: 620px) {
    .footer__mid .footer__mid-right .footer__mid-right-text {
        padding: 0 30.38px 0 0;
        display: block
    }
}

@media (max-width: 479px) {
    .footer__mid .footer__mid-right .footer__mid-right-text {
        padding: 0 30.38px 0 0
    }
}

.footer__mid .footer__mid-right .footer__mid-right-copyright {
    margin-top: 24.64px;
    text-align: justify
}

@media (max-width: 1199px) {
    .footer__mid .footer__mid-right .footer__mid-right-copyright {
        font-size: 12px
    }
}

@media (max-width: 479px) {
    .footer__mid .footer__mid-right .footer__mid-right-copyright {
        margin-top: 20.58px;
        padding-right: 30.38px
    }
}

.footer__btm {
    margin: 45.28px 68.38px 0
}

@media (max-width: 991px) {
    .footer__btm {
        margin: 22.64px 68.38px 0
    }
}

@media (max-width: 620px) {
    .footer__btm {
        margin: 20.58px 30.38px 0
    }
}

.footer__btm .footer__btm-text {
    margin-top: 20px;
    text-align: justify
}

.footer__btm .footer__btm-text a {
    color: #818A91
}

.footer__btm .footer__btm-text a.underline {
    text-decoration: underline
}

.footer__btm .footer__btm-text:last-child {
    margin-top: 30px
}

.banner img {
    width: 100%
}

.intro {
    background-color: #F4F4F4;
    padding: 40px 0 63px;
    text-align: center
}

.intro__heading {
    font-weight: 300;
    margin: 0 auto;
    max-width: 628px;
    font-size: 30px;
    line-height: 1.3
}

@media screen and (max-width: 991px) {
    .intro__heading {
        font-size: 30px;
        line-height: 1.3
    }
}

@media screen and (max-width: 767px) {
    .intro__heading {
        font-size: 28px;
        line-height: 1.3
    }
}

@media screen and (max-width: 479px) {
    .intro__heading {
        font-size: 26px;
        line-height: 1.3
    }
}

.intro__subheading {
    font-weight: 300;
    margin: 15px auto 0;
    max-width: 600px;
    font-size: 22px;
    line-height: 1.3
}

@media screen and (max-width: 991px) {
    .intro__subheading {
        font-size: 22px;
        line-height: 1.3
    }
}

@media screen and (max-width: 767px) {
    .intro__subheading {
        font-size: 20px;
        line-height: 1.3
    }
}

@media screen and (max-width: 479px) {
    .intro__subheading {
        font-size: 18px;
        line-height: 1.3
    }
}

@media (min-width: 992px) {
    .intro__subheading {
        max-width: 920px
    }
}

.features {
    padding: 47px 0 70px
}

@media (min-width: 992px) {
    .features {
        padding: 0 0 45px
    }
}

.features__image {
    margin-top: -30px
}

@media (min-width: 992px) {
    .features__content--left {
        margin-right: 20px
    }
}

@media (min-width: 1200px) {
    .features__content--left {
        margin-right: 0
    }
}

@media (min-width: 992px) {
    .features__content--right {
        margin-top: 40px
    }
}

@media (min-width: 1200px) {
    .features__content--right {
        margin-top: 0;
        margin-left: 40px
    }
}

.features__desc {
    font-weight: 300;
    margin: 0 auto;
    max-width: 592px;
    font-size: 24px;
    line-height: 1.3
}

@media screen and (max-width: 991px) {
    .features__desc {
        font-size: 24px;
        line-height: 1.3
    }
}

@media screen and (max-width: 767px) {
    .features__desc {
        font-size: 22px;
        line-height: 1.3
    }
}

@media screen and (max-width: 479px) {
    .features__desc {
        font-size: 20px;
        line-height: 1.3
    }
}

@media (min-width: 992px) {
    .features__desc {
        margin-left: 0
    }
}

.features__card-wrapper {
    margin-top: 53px
}

@media (min-width: 992px) {
    .features__card-wrapper {
        display: flex;
        margin-top: 40px
    }
}

.features__card {
    text-align: center
}

@media (min-width: 992px) {
    .features__card {
        text-align: left
    }
}

.features__card--heading {
    font-size: 25px;
    line-height: 1.2
}

@media screen and (max-width: 991px) {
    .features__card--heading {
        font-size: 40px;
        line-height: 1.2
    }
}

@media screen and (max-width: 767px) {
    .features__card--heading {
        font-size: 40px;
        line-height: 1.2
    }
}

@media screen and (max-width: 479px) {
    .features__card--heading {
        font-size: 30px;
        line-height: 1.2
    }
}

.features__card--desc {
    margin-top: 10px;
    font-size: 23px;
    line-height: 1.2
}

@media screen and (max-width: 991px) {
    .features__card--desc {
        font-size: 35px;
        line-height: 1.2
    }
}

@media screen and (max-width: 767px) {
    .features__card--desc {
        font-size: 35px;
        line-height: 1.2
    }
}

@media screen and (max-width: 479px) {
    .features__card--desc {
        font-size: 25px;
        line-height: 1.2
    }
}

.features__line {
    background-color: #707070;
    margin: 40px auto;
    max-width: 487px;
    position: relative;
    height: 1px;
    width: 100%
}

@media (min-width: 992px) {
    .features__line {
        margin: auto 38px;
        height: 138px;
        width: 1px
    }
}

.features span.or--black {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 0;
    left: 50%
}

@media (min-width: 992px) {
    .features span.or--black {
        top: 50%;
        left: 0
    }
}

.how {
    background-color: #F7F7F7;
    padding: 70px 0 66px
}

@media (max-width: 767px) {
    .how {
        padding: 70px 0 59px
    }
}

.how__heading {
    text-align: center;
    font-size: 30px;
    line-height: 1.3
}

@media screen and (max-width: 991px) {
    .how__heading {
        font-size: 30px;
        line-height: 1.3
    }
}

@media screen and (max-width: 767px) {
    .how__heading {
        font-size: 28px;
        line-height: 1.3
    }
}

@media screen and (max-width: 479px) {
    .how__heading {
        font-size: 26px;
        line-height: 1.3
    }
}

.how__content {
    padding: 62px 0 0
}

@media (max-width: 991px) {
    .how__content {
        max-width: 768px;
        margin: 0 auto
    }
}

@media (max-width: 767px) {
    .how__content {
        padding: 69px 0 0
    }
}

.how__slick-image-wrapper {
    margin-right: 20px
}

@media (max-width: 991px) {
    .how__slick-image-wrapper {
        max-width: 200px;
        margin: 0 auto;
        overflow: hidden;
        position: relative;
        top: -4px
    }
}

@media (max-width: 479px) {
    .how__slick-image-wrapper {
        max-width: 170px
    }
}

.how__phone {
    position: absolute;
    top: 50%;
    right: 4px;
    transform: translateY(-50%);
    width: 232px;
    z-index: 10
}

@media (max-width: 991px) {
    .how__phone {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50.8%)
    }
}

@media (max-width: 479px) {
    .how__phone {
        width: 198px
    }
}

@media (max-width: 991px) {
    .how__phone img {
        margin: 0 auto
    }
}

.how__slick-image {
    width: 200px;
    opacity: 0.78;
    transition: opacity 0.5s ease-in
}

@media (max-width: 991px) {
    .how__slick-image {
        margin: 0 auto;
        overflow: hidden;
        position: relative
    }
}

@media (max-width: 479px) {
    .how__slick-image {
        width: 170px
    }
}

.how__slick-image.slick-slide,
.how__slick-image.slick-cloned {
    margin: 0 50px
}

.how__slick-image.slick-active {
    opacity: 0.41
}

.how__slick-image.slick-current+.how__slick-image.slick-active {
    opacity: 0.78
}

.how__slick-image.slick-current {
    opacity: 1
}

.how__content--right {
    max-width: 300px;
    margin: 0 auto
}

@media (max-width: 767px) {
    .how__content--right {
        margin-top: 40px
    }
}

.how__slick-text--step {
    font-weight: 300;
    margin-bottom: 8px;
    font-size: 18px;
    line-height: 1.3
}

@media screen and (max-width: 991px) {
    .how__slick-text--step {
        font-size: 18px;
        line-height: 1.3
    }
}

@media screen and (max-width: 767px) {
    .how__slick-text--step {
        font-size: 16px;
        line-height: 1.3
    }
}

@media screen and (max-width: 479px) {
    .how__slick-text--step {
        font-size: 16px;
        line-height: 1.3
    }
}

.how__slick-text--heading {
    font-size: 20px;
    line-height: 1.3
}

@media screen and (max-width: 991px) {
    .how__slick-text--heading {
        font-size: 20px;
        line-height: 1.3
    }
}

@media screen and (max-width: 767px) {
    .how__slick-text--heading {
        font-size: 18px;
        line-height: 1.3
    }
}

@media screen and (max-width: 479px) {
    .how__slick-text--heading {
        font-size: 18px;
        line-height: 1.3
    }
}

.how__slick-text--subheading {
    font-weight: 300;
    font-size: 17px;
    line-height: 1.3
}

@media screen and (max-width: 991px) {
    .how__slick-text--subheading {
        font-size: 17px;
        line-height: 1.3
    }
}

@media screen and (max-width: 767px) {
    .how__slick-text--subheading {
        font-size: 15px;
        line-height: 1.3
    }
}

@media screen and (max-width: 479px) {
    .how__slick-text--subheading {
        font-size: 15px;
        line-height: 1.3
    }
}

.how__arrow-wrapper {
    position: relative;
    margin-top: 20px
}

.how__arrow-wrapper table {
    max-width: 75px;
    width: 100%
}

@media (max-width: 767px) {
    .how__arrow-wrapper table {
        margin: 0 auto
    }
}

@media (max-width: 767px) {
    .how__arrow-wrapper table td img {
        margin: 0 auto
    }
}

.how__arrow {
    background-image: url(../images/icon-arrow.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 29px;
    width: 24px
}

.how__arrow:hover {
    cursor: pointer
}

.how__arrow--right {
    transform: rotate(180deg)
}

.options {
    background-color: #E2F7FF;
    padding: 40px 0 63px
}

@media (min-width: 768px) {
    .options {
        padding: 112px 0 56px
    }
}

.options__container {
    margin: 0 auto;
    max-width: 1060px;
    padding: 0 15px
}

@media (min-width: 992px) {
    .options__container {
        width: 90%
    }
}

.options__heading {
    text-align: center;
    margin: 0 auto;
    max-width: 385px;
    font-size: 30px;
    line-height: 1.3
}

@media screen and (max-width: 991px) {
    .options__heading {
        font-size: 30px;
        line-height: 1.3
    }
}

@media screen and (max-width: 767px) {
    .options__heading {
        font-size: 28px;
        line-height: 1.3
    }
}

@media screen and (max-width: 479px) {
    .options__heading {
        font-size: 26px;
        line-height: 1.3
    }
}

@media (min-width: 992px) {
    .options__heading {
        text-align: left;
        max-width: 100%
    }
}

.options__card-wrapper {
    margin: 60px 0
}

@media (min-width: 992px) {
    .options__card-wrapper {
        margin: 37px 0 31px;
        display: flex
    }
}

.options__card {
    background-color: #5BC2E7;
    border-radius: 10px;
    box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.16);
    color: #fff;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    max-width: 340px;
    font-size: 20px;
    line-height: 1.3
}

@media screen and (max-width: 991px) {
    .options__card {
        font-size: 20px;
        line-height: 1.3
    }
}

@media screen and (max-width: 767px) {
    .options__card {
        font-size: 18px;
        line-height: 1.3
    }
}

@media screen and (max-width: 479px) {
    .options__card {
        font-size: 18px;
        line-height: 1.3
    }
}

.options__card:nth-child(even) {
    margin: 43px auto
}

@media (min-width: 992px) {
    .options__card:nth-child(even) {
        margin: 0 19px
    }
}

.options__card--heading {
    background-color: rgba(255, 255, 255, 0.14);
    padding: 22px 0 11px
}

.options__card--content {
    padding: 17px 0
}

.options__disclaimer {
    text-align: center;
    font-size: 14px;
    line-height: 1.3
}

@media screen and (max-width: 991px) {
    .options__disclaimer {
        font-size: 14px;
        line-height: 1.3
    }
}

@media screen and (max-width: 767px) {
    .options__disclaimer {
        font-size: 12px;
        line-height: 1.3
    }
}

@media screen and (max-width: 479px) {
    .options__disclaimer {
        font-size: 12px;
        line-height: 1.3
    }
}

@media (min-width: 992px) {
    .options__disclaimer {
        text-align: left
    }
}

.download {
    padding: 75px 0 44px
}

@media (min-width: 768px) {
    .download {
        padding-bottom: 80px
    }
}

.download__container {
    margin: 0 auto;
    max-width: 1060px;
    padding: 0 15px
}

@media (min-width: 992px) {
    .download__container {
        width: 90%
    }
}

.download__heading {
    margin: 0 auto 70px;
    max-width: 440px;
    text-align: center;
    font-size: 30px;
    line-height: 1.3
}

@media screen and (max-width: 991px) {
    .download__heading {
        font-size: 30px;
        line-height: 1.3
    }
}

@media screen and (max-width: 767px) {
    .download__heading {
        font-size: 28px;
        line-height: 1.3
    }
}

@media screen and (max-width: 479px) {
    .download__heading {
        font-size: 26px;
        line-height: 1.3
    }
}

@media (min-width: 992px) {
    .download__heading {
        max-width: 100%
    }
}

.download__logo {
    text-align: right
}

.download__content--right {
    margin-left: 17px
}

.download__text {
    font-size: 24px;
    line-height: 1.0;
    width: 100%;
    margin-bottom: 20px
}

@media (min-width: 992px) {
    .download__button-wrapper {
        display: inline-flex;
        max-width: 47%
    }
}

.download__button-wrapper:last-child {
    margin-top: 16%
}

@media (min-width: 480px) {
    .download__button-wrapper:last-child {
        margin-top: 20px
    }
}

@media (min-width: 992px) {
    .download__button-wrapper:last-child {
        margin-top: 0;
        margin-left: 5%
    }
}

@media (min-width: 992px) {

    .download__qr,
    .download__button {
        display: inline-block
    }
}

.download__qr {
    margin-right: 12px
}

.text--43 {
    font-size: 43px;
    line-height: 1.2
}

@media screen and (max-width: 991px) {
    .text--43 {
        font-size: 58px;
        line-height: 1.2
    }
}

@media screen and (max-width: 767px) {
    .text--43 {
        font-size: 58px;
        line-height: 1.2
    }
}

@media screen and (max-width: 479px) {
    .text--43 {
        font-size: 43px;
        line-height: 1.2
    }
}

.text--40 {
    font-size: 40px;
    line-height: 1
}

@media screen and (max-width: 991px) {
    .text--40 {
        font-size: 40px;
        line-height: 1
    }
}

@media screen and (max-width: 767px) {
    .text--40 {
        font-size: 36px;
        line-height: 1
    }
}

@media screen and (max-width: 479px) {
    .text--40 {
        font-size: 36px;
        line-height: 1.1
    }
}

span.dollar,
span.tick,
span.or--black,
span.or--white {
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    vertical-align: bottom
}

span.dollar,
span.tick {
    margin-right: 10px;
    height: 35px;
    width: 35px;
    vertical-align: top
}

@media (min-width: 480px) {

    span.dollar,
    span.tick {
        margin-right: 16px;
        height: 52px;
        width: 52px
    }
}

@media (min-width: 992px) {

    span.dollar,
    span.tick {
        vertical-align: middle
    }
}

span.dollar {
    background-image: url(../images/icon-dollar.png)
}

span.tick {
    background-image: url(../images/icon-tick.png)
}

span.or--black {
    background-image: url(../images/icon-or--black.png);
    height: 42px;
    width: 42px
}

span.or--white {
    background-image: url(../images/icon-or--white.png);
    height: 29px;
    width: 29px;
    vertical-align: bottom
}

@media (min-width: 480px) {
    span.or--white {
        height: 31px;
        width: 31px
    }
}

@media (min-width: 768px) {
    span.or--white {
        height: 34px;
        width: 34px
    }
}