@import '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
}
.col-xs-15,.col-sm-15,.col-md-15,.col-lg-15{
    position:relative;
    min-height:1px;
    padding-right:15px;
    padding-left:15px
}
.col-xs-15{
    width:20%;
    float:left
}
@media(min-width:768px){
    .col-sm-15{
        width:20%;
        float:left
    }
}
@media(min-width:992px){
    .col-md-15{
        width:20%;
        float:left
    }
}
@media(min-width:1200px){
    .col-lg-15{
        width:20%;
        float:left
    }
}
.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
    }
}
@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
    }
}
@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
    }
}
@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
    }
}
@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--tableb-lg{
    margin-right:0;
    margin-left:0
}
@media(min-width:1200px){
    .row--tableb-lg{
        display:table;
        width:100%;
        table-layout:fixed;
        margin:0 auto
    }
}
.row--tableb-lg>[class*=col-]{
    padding-right:0;
    padding-left:0
}
@media(min-width:1200px){
    .row--tableb-lg>[class*=col-]{
        display:table-cell;
        float:none;
        vertical-align:middle
    }
}
.row--tableb-md{
    margin-right:0;
    margin-left:0
}
@media(min-width:992px){
    .row--tableb-md{
        display:table;
        width:100%;
        table-layout:fixed;
        margin:0 auto
    }
}
.row--tableb-md>[class*=col-]{
    padding-right:0;
    padding-left:0
}
@media(min-width:992px){
    .row--tableb-md>[class*=col-]{
        display:table-cell;
        float:none;
        vertical-align:middle
    }
}
.row--tableb-sm{
    margin-right:0;
    margin-left:0
}
@media(min-width:768px){
    .row--tableb-sm{
        display:table;
        width:100%;
        table-layout:fixed;
        margin:0 auto
    }
}
.row--tableb-sm>[class*=col-]{
    padding-right:0;
    padding-left:0
}
@media(min-width:768px){
    .row--tableb-sm>[class*=col-]{
        display:table-cell;
        float:none;
        vertical-align:middle
    }
}
.row--tableb-xs{
    margin-right:0;
    margin-left:0
}
@media(min-width:480px){
    .row--tableb-xs{
        display:table;
        width:100%;
        table-layout:fixed;
        margin:0 auto
    }
}
.row--tableb-xs>[class*=col-]{
    padding-right:0;
    padding-left:0
}
@media(min-width:480px){
    .row--tableb-xs>[class*=col-]{
        display:table-cell;
        float:none;
        vertical-align:middle
    }
}
.row--tableb-xsm{
    margin-right:0;
    margin-left:0
}
.row--tableb-xsm>[class*=col-]{
    padding-right:0;
    padding-left:0
}
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 .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
}
body{
    font-size:16px;
    line-height:1.6;
    font-family:lato,open sans,sans-serif;
    color:#484848;
    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:#0067b1
}
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,.1);
    overflow-x:hidden
}
.form{
    text-align:center;
    background:#e9f2e5;
    padding:70px 0
}
@media(max-width:767px){
    .form{
        padding:50px 0
    }
}
@media(max-width:479px){
    .form{
        padding:40px 0
    }
}
.form__inner{
    max-width:820px;
    width:100%;
    margin:0 auto
}
.form--heading{
    color:#0067b1;
    font-weight:300;
    font-size:32px;
    line-height:1.3
}
@media screen and (max-width:991px){
    .form--heading{
        font-size:32px;
        line-height:1.3
    }
}
@media screen and (max-width:767px){
    .form--heading{
        font-size:28px;
        line-height:1.3
    }
}
@media screen and (max-width:479px){
    .form--heading{
        font-size:22px;
        line-height:1.3
    }
}
.form--subheading{
    font-size:18px;
    color:#404040;
    font-weight:300;
    padding-top:5px
}
@media(max-width:767px){
    .form--subheading{
        font-size:15px
    }
}
.form--form{
    text-align:left;
    padding-top:30px
}
@media(max-width:991px){
    .form--form{
        padding-top:15px
    }
}
@media(max-width:767px){
    .form--form{
        padding-top:5px
    }
    .form-checkbox{
        padding-left:8px
    }
}
.form--control{
    padding-top:30px
}
.form-checkbox .form--label{
    font-size:17px;
    padding-left:0;
    font-weight:400
}
.form-checkbox .form-check-label{
    font-weight:400
}
.input[type=radio],input[type=checkbox]{
    width:16px;
    height:16px;
    margin-right:8px
}
@media(max-width:767px){
    .form--control{
        padding-top:25px
    }
}
.form--label{
    color:#404040;
    padding:0 0 5px 10px
}
.form--input,.form--select,.form--textarea{
    display:block;
    width:100%;
    border:0
}
.form--input::-webkit-input-placeholder,.form--select::-webkit-input-placeholder,.form--textarea::-webkit-input-placeholder{
    color:#818a91
}
.form--input::-moz-placeholder,.form--select::-moz-placeholder,.form--textarea::-moz-placeholder{
    color:#818a91
}
.form--input:-ms-input-placeholder,.form--select:-ms-input-placeholder,.form--textarea:-ms-input-placeholder{
    color:#818a91
}
.form--input:-moz-placeholder,.form--select:-moz-placeholder,.form--textarea:-moz-placeholder{
    color:#818a91
}
@media(max-width:767px){
    .form--input,.form--select,.form--textarea{
        background:#fff;
        border-radius:4px
    }
}
.form--input{
    height:50px;
    line-height:50px;
    padding:0 15px
}
.form--input.form--input-special{
    padding:0 0 0 100px
}
.form--error{
    color:#c0392b;
    font-size:70%;
    text-transform:uppercase;
    padding-top:10px;
    font-weight:400
}
.form--customer-label{
    text-align:center;
    padding-top:10px
}
@media(max-width:767px){
    .form--customer-label{
        padding-top:0
    }
}
.form--customer-label span{
    margin-right:40px
}
@media(max-width:767px){
    .form--customer-label span{
        display:block;
        margin:0 0 10px
    }
}
.form--customer-label label{
    font-weight:400
}
.form--customer-label label+label{
    margin-left:20px
}
.form--customer-label input{
    margin-right:10px
}
.form--tnc-container{
    margin:0 0 10px
}
.form--tnc-input{
    vertical-align:top;
    float:left;
    width:20px;
    line-height:1.4
}
@media(max-width:767px){
    .form--tnc-input{
        width:15px
    }
}
.form--tnc-label{
    padding-left:10px;
    float:right;
    width:calc(100% - 20px)
}
.form--tnc-label p+p{
    padding-top:20px
}
@media(max-width:767px){
    .form--tnc-label{
        width:calc(100% - 15px)
    }
}
.form--tnc-label-text{
    color:#818a91;
    font-size:14px;
    font-weight:300
}
.form--tnc-label-text a{
    color:#818a91;
    text-decoration:underline
}
@media(max-width:767px){
    .form--tnc-label-text{
        font-size:81.25%
    }
}
@media(max-width:479px){
    .form--tnc-label-text{
        font-size:75%
    }
}
.form--submit{
    text-align:center
}
.form--submit-btn{
    font-weight:700;
    display:inline-block;
    padding:0 98px;
    background:#ef3e42;
    color:#fff;
    margin:40px auto 0;
    border:none;
    font-size:18px;
    line-height:1.3;
    border-radius:10px;
    height:60px
}
@media screen and (max-width:991px){
    .form--submit-btn{
        font-size:17px;
        line-height:1.3
    }
}
@media screen and (max-width:767px){
    .form--submit-btn{
        font-size:17px;
        line-height:1.3
    }
}
@media screen and (max-width:479px){
    .form--submit-btn{
        font-size:16px;
        line-height:1.3
    }
}
@media(max-width:767px){
    .form--submit-btn{
        padding:0 70px;
        display:inline-block
    }
}
.form--submit-btn:hover{
    background:#0067b1
}
.form--disclaimer-wrrapper{
    width:100%;
    margin:40px auto 0
}
.form--disclaimer-wrrapper .form--disclaimer{
    font-size:12px;
    font-weight:300;
    text-align:center
}
.form--disclaimer-wrrapper .form--disclaimer+.form--disclaimer{
    margin-top:20px
}
.form--input-wrapper{
    height:54px;
    line-height:54px;
    background:#fff;
    border-radius:8px;
    position:relative;
    overflow:hidden
}
.form--input-wrapper select{
    background:#fff
}
.form--input-wrapper label{
    font-weight:400
}
.form--input-wrapper label+label{
    margin-left:20px
}
.form--input-wrapper input{
    margin-right:10px
}
.footer{
    color:#818a91;
    font-size:14px;
    line-height:1.3;
    padding:40px 0 80px
}
@media(max-width:991px){
    .footer{
        font-size:12px
    }
}
@media(max-width:620px){
    .footer{
        padding:0 0 20.58px
    }
}
.footer__top{
    margin:0 68.38px
}
@media(max-width:620px){
    .footer__top{
        margin:0 30.38px
    }
}
.footer__top .footer__tnc{
    color:#404040;
    padding:45.28px 0 22.64px;
    font-size:15px;
    line-height:1.3
}
.footer__top .footer__tnc a{
}
@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
    }
}
.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;
    border-left:none;
    border-right:none
}
.footer__top .footer__tnc a:nth-child(2){
    padding:0 10px 0 0;
    border-left:none;
    border-right:none
}
.footer__top .footer__box{
    background:#5bc2e7;
    color:#fff;
    font-weight:700;
    padding:45px 70px
}
.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:#fff
}
.footer__top .footer__box .footer__box-subheading .text--light{
    font-weight:300
}
.footer__top .footer__box .footer__box-subheading .footer--number{
    color:#fff;
    text-decoration:none
}
@media(max-width:767px){
    .footer__mid.footer__mid-long{
        margin:0 0 22.64px
    }
}
.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:#404040
}
.footer__btm .footer__btm-text a.underline{
    text-decoration:underline
}
.footer__btm .footer__btm-text:last-child{
    margin-top:30px
}
@media(max-width:479px){
    .hide--xs{
        display:none
    }
}
@media(max-width:767px){
    .hide--sm{
        display:none
    }
}
@media(max-width:991px){
    .hide--md{
        display:none
    }
}
@media(max-width:1199px){
    .hide--lg{
        display:none
    }
}
#banner img{
    width:100%
}
#intro{
    text-align:center;
    padding:48px 0 0;
    background: #ffffff;
}
@media(min-width:768px){
    #intro{
        padding:60px 0 30px
    }
}
.intro__heading,#intro .prize__heading{
    color:#0d5fa8;
    margin:0 auto;
    font-size:32px;
    line-height:1.3
}
@media screen and (max-width:991px){
    .intro__heading,#intro .prize__heading{
        font-size:32px;
        line-height:1.3
    }
}
@media screen and (max-width:767px){
    .intro__heading,#intro .prize__heading{
        font-size:26px;
        line-height:1.3
    }
}
@media screen and (max-width:479px){
    .intro__heading,#intro .prize__heading{
        font-size:26px;
        line-height:1.3
    }
}
#benefits .intro__heading{
    color:#fff;
}
#benefits h3{
    color:#FFDC00;
}
#intro .intro__desc,#intro .prize__desc,#benefits .benefits__desc{
    color:#0067b1;
    font-size:18px;
    margin:0 auto;
    line-height:1.5
}
.intro__heading{
    max-width:490px;
    margin-bottom:36px
}
@media(min-width:768px){
    .intro__heading{
        max-width:820px
    }
    #intro .intro__desc,#intro .prize__desc,#benefits .benefits__desc{
        font-size:22px
    }
}
#intro .intro__desc,#benefits .benefits__desc{
    max-width:542px;
    margin-bottom:48px
}
@media(min-width:768px){
    #intro .intro__desc,#benefits .benefits__desc{
        max-width:820px;
        margin-bottom:48px
    }
}
#intro .prize__heading{
    max-width:542px;
    margin-bottom:70px
}
@media(min-width:768px){
    #intro .prize__heading{
        max-width:611px
    }
}
#intro .prize__heading .logo{
    padding-top:15px;
    width:110px;
    margin:0 auto
}
@media(min-width:768px){
    #intro .prize__heading .logo{
        width:148px
    }
}
#intro .prize__desc{
    max-width:560px
}
@media(min-width:768px){
    #intro .prize__desc{
        max-width:622px
    }
}
#intro .intro__period{
    font-weight:300;
    font-size:22px;
    line-height:1.7;
    margin-top:50px
}
@media(min-width:480px){
    #intro .intro__period{
        font-size:25px
    }
}
#intro .intro__period strong{
    background-image:url(../images/line.png);
    background-position:0 1.4em;
    background-size:9px 6px;
    background-repeat:repeat-x;
    padding-bottom:10px
}
#intro .prize__cards{
    position:relative
}
@media(min-width:992px){
    #intro .prize__cards{
        display:flex;
        flex-wrap:wrap;
        justify-content:center;
        margin-bottom:10px
    }
}
#intro .bg--swirl{
    background-image:url(../images/bg--swirl.png);
    background-repeat:no-repeat;
    background-position:top;
    background-size:cover;
    position:absolute;
    left:-15px;
    width:calc(100% + 30px);
    height:253px;
    z-index:1
}
.card--prize{
    position:relative;
    z-index:2;
    border-radius:20px;
    box-shadow:0 2px 5px 0 rgba(0,0,0,.1);
    margin:0 auto 47px;
    max-width:482px;
    overflow:hidden
}
@media(min-width:992px){
    .card--prize{
        margin:0 11px 47px;
        width:100%
    }
}
.card--prize .card__head{
    padding:22px 4%
}
.card--prize .card__title{
    margin:0 auto 14px
}
.card--prize .card__subtitle{
    display:inline-block;
    position:relative;
    font-weight:300;
    font-size:21px;
    line-height:1.2;
    padding:0 15px
}
@media(min-width:480px){
    .card--prize .card__subtitle{
        font-size:25px;
        padding:0 25px
    }
}
.card--prize .card__subtitle::before,.card--prize .card__subtitle::after{
    position:absolute;
    background-color:#707070;
    content:'';
    height:1px;
    width:10%;
    top:50%
}
@media(min-width:480px){
    .card--prize .card__subtitle::before,.card--prize .card__subtitle::after{
        width:18%
    }
}
.card--prize .card__subtitle::before{
    left:0;
    transform:translateX(-100%)
}
.card--prize .card__subtitle::after{
    right:0;
    transform:translateX(100%)
}
.card--prize .card__body{
    background-color:#f5f8fa;
    padding:10px 4% 15px
}
.card--prize .card__desc{
    color:#0067b1;
    font-size:16px;
    line-height:1.3
}
@media(min-width:480px){
    .card--prize .card__desc{
        font-size:18px
    }
}
.card--prize .card__note{
    color:#8b8b8b;
    font-weight:300;
    font-size:13px;
    line-height:1.3;
    margin-top:5px
}
@media(min-width:480px){
    .card--prize .card__note{
        font-size:15px
    }
}
#benefits{
    text-align:center;
    padding:60px 16px 40px
}
@media(min-width:768px){
    #benefits{
        padding:100px 32px;
        background-size:100% 100%;
        background: #0d5fa8;
    }
}
#benefits p {
    color: #fff;
}
#benefits .benefits__heading{
    margin:30px auto 48px;
    max-width:322px;
    font-size:40px;
    line-height:1.3;
    color:#0067b1;
    text-align:left
}
.green_pillars{
    text-align:left
}
.green_pillars h4{
    font-size:20px;
    line-height:1.2;
    margin-top:8px;
    color:#fff
}
.pt-20{
    padding-top:20px
}
@media(max-width:767px){
    .pt-20{
        padding-top:unset
    }
}
@media(max-width:991px){
    .pt-20{
        padding-top:unset
    }
    #benefits{
        background-color:#020c01
    }
    .green_pillars{
        text-align:center
    }
    .green_pillars img{
        margin:auto
    }
}
@media(min-width:480px){
    #benefits .benefits__heading{
        max-width:100%
    }
}
@media(min-width:768px){
    #benefits .benefits__heading{
        margin-bottom:52px;
        max-width:100%
    }
}
#benefits .benefits__heading .logo img{
    padding-top:10px;
    width:84px;
    height:100px
}
@media(min-width:480px){
    #benefits .benefits__heading .logo img{
        width:104px;
        height:120px
    }
}
@media(min-width:768px){
    #benefits .benefits__heading .logo img{
        padding-top:0;
        width:119px;
        height:130px;
        transform:translateY(-24%);
        padding-left:5px
    }
}
#benefits2{
    background-color:#020c01;
    text-align:center;
    padding:40px 16px
}
@media(min-width:768px){
    #benefits2{
        padding:60px 32px;
        background-size:100% 100%
    }
}
.title_slick_card{
    background:#70cce2!important;
    color:#fff
}
#benefits2 .benefits2__heading{
    margin:30px auto 48px;
    max-width:322px;
    font-size:35px;
    line-height:1.3;
    color:#0067b1
}
@media screen and (max-width:991px){
    #benefits2 .benefits2__heading{
        font-size:35px;
        line-height:1.3
    }
}
@media screen and (max-width:767px){
    #benefits2 .benefits2__heading{
        font-size:33px;
        line-height:1.3
    }
}
@media screen and (max-width:479px){
    #benefits2 .benefits2__heading{
        font-size:26px;
        line-height:1.3
    }
}
@media(min-width:480px){
    #benefits2 .benefits2__heading{
        max-width:100%
    }
}
@media(min-width:768px){
    #benefits2 .benefits2__heading{
        margin-bottom:52px;
        max-width:100%
    }
}
#benefits2 .benefits2__heading .logo img{
    padding-top:10px;
    width:84px;
    height:100px
}
@media(min-width:480px){
    #benefits2 .benefits2__heading .logo img{
        width:104px;
        height:120px
    }
}
@media(min-width:768px){
    #benefits2 .benefits2__heading .logo img{
        padding-top:0;
        width:119px;
        height:130px;
        transform:translateY(-24%);
        padding-left:5px
    }
}
.card--benefit{
    padding-bottom:40px
}
.card--benefit .card__icon img{
    margin:0 auto;
    transform:translateX(-19px)
}
.card--benefit .card__desc{
    font-weight:300;
    font-size:18px;
    line-height:1.3;
    margin:10px auto 0;
    max-width:249px
}
@media(min-width:768px){
    .card--benefit .card__desc{
        margin-top:5px
    }
}
#register{
    background:linear-gradient(to right,#90bbd8 0%,#f9fbfd 55%,#fff 100%);
    padding:120px 0
}
@media(max-width:767px){
    #register{
        padding:70px 0
    }
}
#register .register__heading{
    color:#0067b1;
    margin:0 auto;
    max-width:566px;
    text-align:center;
    font-size:35px;
    line-height:1.3
}
@media screen and (max-width:991px){
    #register .register__heading{
        font-size:35px;
        line-height:1.3
    }
}
@media screen and (max-width:767px){
    #register .register__heading{
        font-size:33px;
        line-height:1.3
    }
}
@media screen and (max-width:479px){
    #register .register__heading{
        font-size:26px;
        line-height:1.3
    }
}
@media(min-width:768px){
    #register .register__heading{
        max-width:523px
    }
}
.register__tab-content{
    padding:80px 0 0
}
@media(max-width:767px){
    .register__tab-content{
        padding:60px 0 0
    }
}
@media(max-width:991px){
    .register__slick-tab-mobile-wrapper{
        max-width:211px;
        margin:0 auto;
        overflow:hidden;
        position:relative;
        top:-4px
    }
}
.register__slick-mobile{
    margin-right:20px
}
@media(max-width:991px){
    .register__slick-mobile{
        margin-right:0
    }
}
.register__phone{
    position:absolute;
    top:50%;
    right:15px;
    transform:translateY(-46%);
    width:223.5px
}
@media(max-width:991px){
    .register__phone{
        top:50%;
        left:50%;
        transform:translate(-50%,-47%)
    }
}
@media(max-width:479px){
    .register__phone{
        width:201.5px
    }
}
@media(max-width:991px){
    .register__phone img{
        margin:0 auto
    }
}
.register__slick-img-mobile{
    width:211px;
    opacity:.78
}
@media(max-width:991px){
    .register__slick-img-mobile{
        opacity:0
    }
}
@media(max-width:767px){
    .register__slick-img-mobile{
        margin:0 auto;
        overflow:hidden;
        position:relative
    }
}
@media(max-width:479px){
    .register__slick-img-mobile{
        width:190px
    }
}
.register__slick-img-mobile.slick-slide,.register__slick-img-mobile.slick-cloned{
    margin:0 50px
}
@media(max-width:991px){
    .register__slick-img-mobile.slick-slide,.register__slick-img-mobile.slick-cloned{
        margin:0 50px
    }
}
.register__slick-img-mobile.slick-active{
    opacity:.41
}
.register__slick-img-mobile.slick-current+.register__slick-img-mobile.slick-active{
    opacity:.78
}
.register__slick-img-mobile.slick-current{
    opacity:1
}
.register__tab-content-right{
    margin:0 auto 12px
}
@media(max-width:991px){
    .register__tab-content-right{
    }
}
@media(max-width:767px){
    .register__tab-content-right{
    }
}
.register__slick-text-step{
    font-weight:300;
    font-size:18px;
    line-height:1.3;
    margin-bottom:8px
}
.register__slick-text-heading{
    font-size:19px;
    line-height:1.3;
    margin-bottom:13px
}
.register__slick-text-subheading{
    font-weight:300;
    font-size:17px;
    line-height:1.3
}
.register__arrow-wrapper{
    position:relative;
    margin-top:20px
}
.register__arrow-wrapper table{
    max-width:100px;
    width:100%
}
@media(max-width:991px){
    .register__arrow-wrapper table{
        margin:0 auto
    }
}
@media(max-width:991px){
    .register__arrow-wrapper table td img{
        margin:0 auto
    }
}
#payment{
    text-align:center;
    padding:60px 32px
}
#payment a{
    text-decoration:underline;
    text-decoration-color:#000
}
#payment ul{
    margin-top:6px
}
#payment ul li::before{
    content:'\2022';
    width:1em;
    margin-left:-1em;
    display:inline-block;
    line-height:1.3
}
#payment ul li{
    margin-left:1em
}
@media(min-width:768px){
    #payment{
        padding:102px 124px;
        background-size:100% 100%
    }
}
#payment .payment__heading{
    color:#0067b1;
    margin:0 auto;
    max-width:900px;
    font-size:35px;
    line-height:1.3
}
@media screen and (max-width:991px){
    #payment .payment__heading{
        font-size:35px;
        line-height:1.3
    }
}
@media screen and (max-width:767px){
    #payment .payment__heading{
        font-size:33px;
        line-height:1.3
    }
}
@media screen and (max-width:479px){
    #payment .payment__heading{
        font-size:26px;
        line-height:1.3
    }
}
#payment .payment__text{
    color:#404040;
    margin:15px auto;
    max-width:744px;
    font-size:22px;
    line-height:1.6
}
#payment .payment__hero{
    margin:0 auto 0;
    max-width:600px
}
@media(min-width:768px){
    #payment .payment__hero{
        max-width:100%
    }
}
#payment .payment__hero img{
    margin:0 auto
}
#payment .payment__desc{
    color:#8b8b8b;
    font-size:18px;
    line-height:1.6;
    margin:0 auto;
    max-width:541px
}
@media(min-width:768px){
    #payment .payment__desc{
        max-width:600px
    }
}
#download{
    background-color:#fff;
    padding:0 0 90px;
    text-align:center
}
@media(min-width:480px){
    #download{
        padding:0 0 121px
    }
}
@media(min-width:768px){
    #download{
        padding:0 0 91px
    }
}
#download .download__box{
    text-align:center;
    margin-bottom:30px
}
@media(min-width:480px){
    #download .download__box{
        margin-bottom:55px
    }
}
@media(min-width:768px){
    #download .download__box{
        text-align:left;
        margin-bottom:0
    }
}
@media(min-width:1200px){
    #download .download__box{
        padding-left:40px
    }
}
#download .download__heading{
    color:#0067b1;
    margin-bottom:50px;
    font-size:35px;
    line-height:1.3
}
@media screen and (max-width:991px){
    #download .download__heading{
        font-size:35px;
        line-height:1.3
    }
}
@media screen and (max-width:767px){
    #download .download__heading{
        font-size:33px;
        line-height:1.3
    }
}
@media screen and (max-width:479px){
    #download .download__heading{
        font-size:26px;
        line-height:1.3
    }
}
#download .download__desc{
    font-weight:300;
    font-size:15px;
    line-height:1.2;
    margin:0 auto;
    max-width:426px
}
@media(min-width:768px){
    #download .download__desc{
        max-width:278px;
        margin:0
    }
}
#download .download__buttons a{
    display:inline-block;
    max-width:227px
}
#download .download__buttons a:hover{
    opacity:.8
}
#download .download__buttons .download__ios{
    text-align:right
}
@media(min-width:768px){
    #download .download__buttons .download__ios{
        text-align:right;
        margin-right:8.33%
    }
    #download .download__buttons .download__android{
        text-align:left
    }
}
.category__table{
    width:100%;
    border-radius:10px;
    border-collapse:collapse;
    overflow:hidden;
    border-style:unset;
    box-shadow:0 0 20px rgba(0,0,0,.12);
    padding-bottom:30px
}
.category__table th,.category__table td{
    padding:12px 36px;
    border:2px solid #186aa5;
    text-align:center;
    font-size:20px;
    font-weight:700px
}
.category__table th,.category__table-highlight{
    color:#fff;
    background-color:#0067b1;
    border:2px solid #fff!important;
    font-size:24px
}
.category__table-head{
    background-color:#d7f0f8
}
.category__table td{
    background-color:#f5f5f5;
    color:#0067b1;
    line-height:1.2
}
.table-bordered{
    border:2px solid #fff
}
.table-bordered>thead>tr>th,.table-bordered>thead>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tbody>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>tfoot>tr>td{
    border:1px solid #fff
}
.category__table-body b{
    font-size:38px
}
.benefits__desc{
    color:#404040
}
.steps{
    border:1px solid #404040;
    width:inherit;
    margin:0 auto 18px;
    padding:6px 0;
    border-radius:8px;
    font-weight:600;
    color:#404040
}
.steps_img{
    height:136px
}
.steps_desc{
    padding:18px 0;
    line-height:1.3;
    font-size:18px
}
.steps_container{
    border-left:1px solid #707070
}
.steps_question{
    background-color:#fff;
    border-radius:12px;
    box-shadow:0 0 20px rgb(0 0 0/10%);
    text-align:left;
    padding:8px 24px;
    margin-top:40px
}
.blue_text{
    color:#0067b1
}
#benefits ul{
    margin-top:10px;
    margin-left:1em
}
.services{
    font-size:20px
}
.services_info{
    font-size:18px
}
.services_info a{
    text-decoration:underline
}
#benefits ul li::before{
    color:#0067b1;
    content:'\2022';
    width:1em;
    margin-left:-1em;
    display:inline-block
}
.benefit_container{
    background:#fff;
    border-radius:24px;
    padding:0;
    max-width:308px;
    margin:12px 6px;
    box-shadow:0 0 4px 2px rgb(0 0 0/15%)
}
.benefit_container ul{
    list-style-type:disc;
    padding-left:18px
}
.sme_slick .benefit_container{
    max-width:276px
}
.benefit_container p{
    text-align:left;
    font-size:12px
}
.benefit_container p a{
    text-decoration:underline
}
.benefit_container img{
}
#benefits2 h1{
    color:#fff;
    font-size:28px;
    font-weight:600;
    line-height:1.3
}
.benefit_body{
    padding:24px 18px
}
#benefits2 h3{
    margin:6px 0;
    line-height:1.3;
    text-align:left;
    font-size:22px
}
#benefits2 h4{
    line-height:1.3;
    text-align:left
}
.benefits_arrow-wrapper{
    margin:0 auto 0;
    display:flex;
    justify-content:space-between;
    position:absolute;
    width:100%;
    margin-top:-350px
}
.benefits_arrow-left,.benefits_arrow-right{
    cursor:pointer
}
.smile_container{
    border-radius:15px;
    background:#fff;
    box-shadow:0 0 12px 2px rgb(0 0 0/12%);
    display:flex
}
.smile_container_right{
    padding:18px 24px;
    text-align:left
}
.smile_container h2{
    font-size:26px;
    line-height:1.3
}
.smile_container h4{
    line-height:1.3
}
.styleSelect select{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    background:url(../images/downArrow.png) no-repeat right #fff;
    background-size:.6em;
    background-position-x:95%
}
.branchSelect select{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    background:url(../images/downArrow.png) no-repeat right #fff;
    background-size:.6em;
    background-position-x:95%
}
.alpha_logo{
    max-width:255px;
    max-height:245px;
    width:100%;
    height:100%
}
.retail_slick{
    max-width:75%
}
.sme_slick{
    max-width:90%
}
#banner{
    height: 54vw;
}
@media(max-width:479px){
    #benefits{
        background:#020c01
    }
}
@media(max-width:768px){
    #benefits2 h4{
        font-size:16px
    }
    .benefits_arrow-wrapper{
        margin-top:-325px
    }
    .benefits_arrow-left,.benefits_arrow-right{
        transform:scale(.7)
    }
    .benefits_arrow-left{
        margin-left:-30px
    }
    .benefits_arrow-right{
        margin-right:-30px
    }
    .category__table th{
        padding:12px 24px;
        font-size:18px
    }
    .category__table td{
        padding:12px 24px;
        font-size:16px
    }
    .category__table-body b{
        font-size:32px
    }
    .dotted_lines{
        width:100%
    }
    .services{
        font-size:16px
    }
    .services_info{
        font-size:16px
    }
    .styleSelect select,.branchSelect select{
        background-position-x:95%
    }
}
@media(max-width:991px){
    .benefit_container{
        min-width:unset
    }
    #benefits2 h1{
        font-size:26px;
        text-align:center
    }
}
@media(max-width:1199px){
    .retail_slick{
        max-width:100%
    }
    .sme_slick{
        max-width:100%
    }
    .steps_container{
        border-left:unset
    }
    .steps{
        margin:24px auto;
        width:fit-content;
        padding:8px 24px
    }
    .smile_container{
        display:block
    }
    .smile_container_right{
        padding:24px 12px 36px;
        text-align:left
    }
    .smile_container h2{
        font-size:22px
    }
    .smile_container ul li{
        font-size:14px;
        line-height:1.5
    }
    .smile_container{
        max-width:395px;
        margin:auto
    }
}
.slick-dots li button{
    font-size:0;
    margin:0 4px;
    padding:6px;
    padding:6px;
    border-radius:8px;
    border:1px solid #707070;
    background:#c9c9c9
}
.slick-dots .slick-active button{
    background:#fff
}
.slick-dots{
    display:flex;
    justify-content:center;
    margin-top:12px
}
.btn-default:focus,.btn-default:focus-visible{
    box-shadow:none!important;
    outline:none!important
}
.btn-default{
    padding:16px 32px!important;
    color:#0067b1;
    font-size:22px!important;
    border:unset!important
}
.btn-group{
    box-shadow:0 0 2px 0 rgb(0 0 0/16%);
    border-color:unset
}
.active-btn{
    background-color:#0067b1;
    color:#fff
}
.btn-default:focus,.btn-default.focus{
    background-color:#0067b1;
    color:#fff
}
.btn-default:active:hover,.btn-default:active:focus,.btn-default:active.focus,.btn-default.active:hover,.btn-default.active:focus,.btn-default.active.focus,.open>.btn-default.dropdown-toggle:hover,.open>.btn-default.dropdown-toggle:focus,.open>.btn-default.dropdown-toggle.focus{
    background-color:#0067b1;
    color:#fff
}
.btn-default:hover{
    background-color:#0067b1;
    color:#fff;
    border-color:#adadad
}
@media(max-width:767px){
    .btn-default{
        padding:16px 18px!important;
        font-size:18px!important
    }
}
.floating-btn__container{
    position:fixed;
    margin-top:-40vw;
    width:100%;
    z-index:9999
}
.stay_bottom{
    bottom:5%
}
.floating-btn__wrapper{
    position:relative;
    max-width:1440px;
    text-align:right
}
a.floating-btn{
    text-align:center;
    color:#fff;
    background:#0067b1;
    position:absolute;
    right:4%;
    transform:translateY(-100%);
    box-shadow:0 3px 30px rgba(45,132,195,.6);
    font-size:22px;
    line-height:1.2;
    padding:30px;
    border-radius:50%;
    transition:.2s all ease-in-out
}
a.floating-btn:hover{
    cursor:pointer
}
a.floating__btn img{
    margin-right:30px
}
.banner_image{
    background-image:url(../images/banner-SP-clientfrontend-v2.jpg);
    background-repeat:no-repeat;
    background-size:100%
}
@media(max-width:767px){
    .banner_image{
        background-image:url(../images/banner-mobile.jpg)
    }
    a.floating__btn img{
        margin-right:0;
        transform:scale(.8)
    }
    .floating-btn__container{
        margin-top:-120px
    }
    .floating-btn__container{
        width:unset;
        right:0
    }
}
@media(min-width:1440px){
    #banner{
        height:750px
    }
    .floating-btn__container{
        margin-top:-130px
    }
}