@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
}
.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
    }
}
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:#231f20;
    background:#fff;
    margin: 0;
}
@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
    }
}
.site--container{
    width:100%;
    max-width:1440px;
    margin:0 auto;
    box-shadow:0 0 20px rgba(0,0,0,0.1);
    overflow-x:hidden
}
.floating-btn__container{
    position:fixed;
    bottom:5%;
    width:100%;
    z-index:9999
}
.floating-btn__wrapper{
    position:relative;
    max-width:1440px
}
a.floating-btn{
    text-align:center;
    color:none;
    background:none;
    position:absolute;
    right:0%;
    transform:translateY(-100%);
    box-shadow:none;
    padding:0px;
    border-radius:50%;
    transition:.2s all ease-in-out
}
a.floating-btn img{
    max-width:70%
}
@media (max-width: 767px){
    a.floating-btn{
        padding:20px;
        right:-13%
    }
    a.floating-btn img{
        max-width:60%
    }
}
@media (max-width: 479px){
    a.floating-btn{
        padding:20px;
        right:-23%
    }
    a.floating-btn img{
        max-width:60%
    }
}
a.floating-btn:hover{
    cursor:pointer
}
.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;
    margin-left: 7rem;
}
@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
}
@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
    }
}
.align__center{
    text-align:center
}
.align__left{
    text-align:left
}
.text__color--blue{
    color:#025fab
}
.text--31{
    font-size:27px;
    line-height:1.2
}
@media screen and (max-width: 991px){
    .text--31{
        font-size:25px;
        line-height:1.2
    }
}
@media screen and (max-width: 767px){
    .text--31{
        font-size:22px;
        line-height:1.2
    }
}
@media screen and (max-width: 479px){
    .text--31{
        font-size:18px;
        line-height:1.2
    }
}
.text--33{
    font-size:27px;
    line-height:1.2
}
@media screen and (max-width: 991px){
    .text--33{
        font-size:27px;
        line-height:1.2
    }
}
@media screen and (max-width: 767px){
    .text--33{
        font-size:22px;
        line-height:1.2
    }
}
@media screen and (max-width: 479px){
    .text--33{
        font-size:18px;
        line-height:1.2
    }
}
#banner img{
    width:100%
}
#intro{
    margin:97px 0
}
@media (max-width: 767px){
    #intro{
        margin:60px 0
    }
}
#intro .intro__title{
    margin:0 auto;
    max-width:1080px;
    font-size:30px;
    line-height:1.4;
    font-weight: 700;
    margin-bottom: 3rem;
    color: #0067b1;
}
#intro .intro__text{
    margin:0 auto;
    max-width:960px;
    font-size:24px;
    line-height:1.8
}
@media screen and (max-width: 991px){
    #intro .intro__text{
        font-size:22px;
        line-height:1.8
    }
}
@media screen and (max-width: 767px){
    #intro .intro__text{
        font-size:20px;
        line-height:1.7
    }
}
@media screen and (max-width: 479px){
    #intro .intro__text{
        font-size:18px;
        line-height:1.7
    }
}
#intro .intro__subtext{
    font-size:24px;
    line-height:1.8;
    font-weight:700;
    padding-top:5%
}
@media screen and (max-width: 991px){
    #intro .intro__subtext{
        font-size:22px;
        line-height:1.8
    }
}
@media screen and (max-width: 767px){
    #intro .intro__subtext{
        font-size:20px;
        line-height:1.7
    }
}
@media screen and (max-width: 479px){
    #intro .intro__subtext{
        font-size:18px;
        line-height:1.7
    }
}
#hero .hero__img img{
    margin:0 auto;
    margin-bottom: 5rem;
}
@media (max-width: 767px){
    #hero .hero__img img{
        max-width:600px;
        width:100%
    }
}
#hero .hero__period{
    margin-top:10px;
    margin-bottom:75px;
    font-size:30px;
    line-height:1.2
}
@media screen and (max-width: 991px){
    #hero .hero__period{
        font-size:24px;
        line-height:1.2
    }
}
@media screen and (max-width: 767px){
    #hero .hero__period{
        font-size:19px;
        line-height:1.2
    }
}
@media screen and (max-width: 479px){
    #hero .hero__period{
        font-size:14px;
        line-height:1.2
    }
}
@media (max-width: 767px){
    #hero .hero__period{
        margin-top:5px;
        margin-bottom:35px
    }
}
#info .info__table,#info .info__terms{
    margin:0 auto;
    max-width:940px;
    text-align: center;
}
#info .info__table{
    outline:3px solid #1F63AC;
    margin-bottom:14px;
    max-width:940px;
}
@media (max-width: 767px){
    #info .info__table{
        padding:0;
            overflow: auto;
    }
}
#info .info__terms{
    font-size:16px;
    line-height:1.6;
    margin-bottom:3rem;
}
@media screen and (max-width: 991px){
    #info .info__terms{
        font-size:14px;
        line-height:1.6
    }
}
@media screen and (max-width: 767px){
    #info .info__terms{
        font-size:12px;
        line-height:1.6
    }
}
@media screen and (max-width: 479px){
    #info .info__terms{
        font-size:11px;
        line-height:1.6
    }
}
@media (max-width: 767px){
    #info .info__terms{
        margin-bottom:40px
    }
}
#info .info__terms--link{
    text-align:right
}
@media (max-width: 767px){
    #info .info__terms--link{
        text-align:left;
        margin-top:5px
    }
}
td.table-style-1 {  padding: 2rem; background-color: rgba(93, 197, 237, 0.5);}
td.table-style-2 { padding: 2rem; background-color: rgba(93, 197, 237, 0.5); }


#news{
    padding-top:55px
}
#news .news__content{
    background: rgb(253,167,0);
	background: linear-gradient(90deg, rgba(253,167,0,1) 0%, rgba(255,103,4,1) 100%);
    padding: 4rem 4rem 4rem 25rem;
    position: relative;
    margin: 0 auto 80px;
    max-width: 940px;
    border-radius: 15rem 6rem 0 15rem;
    -webkit-box-shadow:10px 10px 30px -9px rgba(0,0,0,0.58);
    -moz-box-shadow:10px 10px 30px -9px rgba(0,0,0,0.58);
    box-shadow:10px 10px 30px -9px rgba(0,0,0,0.58)
}
@media (max-width: 479px){
    #news .news__content{
        padding:35px;
        margin:0 auto 50px;
        border-radius: 3rem;
    }
}
#news .news__content .news__head{
    background: url(../images/ribbon.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 180px;
    height: 180px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(20%, -50%);
}
@media (max-width: 991px){
    #news .news__content .news__head{
    width: 170px;
    height: 170px;
    transform: translate(35%, -50%);
    }
}
@media (max-width: 767px){
    #news .news__content .news__head{
        width:89px;
        height:89px;
        transform:translate(-47%, -79%)
    }
}
@media (max-width: 479px){
    #news .news__content .news__head{
        width:89px;
        height:89px;
        transform: translate(100%, -71%);
    	top: 0;
    }
}
#news .news__content .news__heading{
    font-size:2.5em;
    line-height:1em;
    color:#fff;
    position:absolute;
    padding:5rem 3.5rem;
    font-weight:700;
    text-align: center;
}
@media screen and (max-width: 991px){
    #news .news__content .news__heading{
            font-size: 34px;
	    line-height: 1.3em;
	    padding: 3.8rem;
    }
}
@media screen and (max-width: 767px){
    #news .news__content .news__heading{
        font-size:19px;
        line-height:1.2
    }
}
@media screen and (max-width: 479px){
    #news .news__content .news__heading{
        font-size:15px;
        line-height:1.2
    }
}
@media (max-width: 767px){
    #news .news__content .news__heading{
        padding:19px 19px
    }
}
@media (max-width: 479px){
    #news .news__content .news__heading{
        padding: 21px 18px!important;
    	font-size: 19px!important;
    }
}
#news .news__content .news__body{
    font-size:27px;
    line-height:1.2;
    color:#fff;
    text-align: center;
}
@media screen and (max-width: 991px){
    #news .news__content .news__body{
        font-size:25px;
        line-height:1.2
    }
}
@media screen and (max-width: 767px){
    #news .news__content .news__body{
        font-size:22px;
        line-height:1.2
    }
}
@media screen and (max-width: 479px){
    #news .news__content .news__body{
        font-size:18px;
        line-height:1.2
    }
}
#news .news__content .news__find{
    font-size:22px;
    line-height:1.3
}
@media screen and (max-width: 991px){
    #news .news__content .news__find{
        font-size:20px;
        line-height:1.3
    }
}
@media screen and (max-width: 767px){
    #news .news__content .news__find{
        font-size:18px;
        line-height:1.3
    }
}
@media screen and (max-width: 479px){
    #news .news__content .news__find{
        font-size:17px;
        line-height:1.3
    }
}
#how{
    padding-top:25px
}
@media (max-width: 767px){
    #how{
        padding-top:40px
    }
}
#hero .promo__heading{
    margin:0 auto;
    font-size:30px;
    line-height:1.3;
    margin-bottom: 5rem;
}
@media screen and (max-width: 991px){
    #hero .promo__heading{
        font-size:28px;
        line-height:1.3;
         margin-bottom: 3rem;
    }
}
@media screen and (max-width: 767px){
    #hero .promo__heading{
        font-size:24px;
        line-height:1.3;
        margin-bottom: 3rem;
    }
}
@media screen and (max-width: 479px){
    #hero .promo__heading{
        font-size:20px;
        line-height:1.3;
        margin-bottom: 3rem;
    }
}
#how .how__heading{
    margin:0 auto;
    font-size:26px;
    line-height:1.3
}
@media screen and (max-width: 991px){
    #how .how__heading{
        font-size:28px;
        line-height:1.3
    }
}
@media screen and (max-width: 767px){
    #how .how__heading{
        font-size:24px;
        line-height:1.3
    }
}
@media screen and (max-width: 479px){
    #how .how__heading{
        font-size:20px;
        line-height:1.3
    }
}
#how .how__cards{
    margin:80px auto 50px;
    max-width:940px
}
@media (max-width: 767px){
    #how .how__cards{
        margin:60px auto 20px
    }
}
.card{
    padding: 2.5rem;
    position: relative;
    margin: 0 auto 80px;
    max-width: 405px;
    border: 3px solid #1F63AC;
    border-radius: 2rem;
    min-height: 280px;
}
@media (max-width: 479px){
    .card{
        padding:35px;
        margin:0 auto 50px
    }
}
.card .card__head{
    background-color: #ffffff;
    width: 60px;
    height: 60px;
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(-50%, -50%);
    border: 3px solid #1F63AC;
    border-radius: 50%;
}
@media (max-width: 991px){
    .card .card__head{
        width:80px;
        height:80px
    }
}
@media (max-width: 767px){
    .card .card__head{
        width:70px;
        height:70px
    }
}
@media (max-width: 479px){
    .card .card__head{
        width:60px;
        height:60px
    }
}
.card .card__no{
	color: #1F63AC;
    font-size: 30px;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}
@media (max-width: 991px){
    .card .card__no{
        font-size:32px
    }
}
@media (max-width: 767px){
    .card .card__no{
        font-size:28px
    }
}
.card .card__desc{
    font-size:20px;
    line-height:1.3;
    text-align: center;
}
@media screen and (max-width: 991px){
    .card .card__desc{
        font-size:20px;
        line-height:1.3
    }
}
@media screen and (max-width: 767px){
    .card .card__desc{
        font-size:18px;
        line-height:1.3
    }
}
@media screen and (max-width: 479px){
    .card .card__desc{
        font-size:17px;
        line-height:1.3
    }
}
#locate{
    padding-bottom:100px
}
@media (max-width: 767px){
    #locate{
        padding-bottom:50px
    }
}
#locate .locate__heading{
    color:#000;
    margin-bottom:30px;
    font-size:32px;
    line-height:1.3
}
@media screen and (max-width: 991px){
    #locate .locate__heading{
        font-size:28px;
        line-height:1.3
    }
}
@media screen and (max-width: 767px){
    #locate .locate__heading{
        font-size:24px;
        line-height:1.3
    }
}
@media screen and (max-width: 479px){
    #locate .locate__heading{
        font-size:20px;
        line-height:1.3
    }
}
.button{
    background-color:#6CC24A;
    margin:0 auto;
    max-width: 210px;
}
@media (max-width: 479px){
    .button{
        width:160px
    }
}
.button a{
    color:#fff;
    display:block;
    padding:10px 15px 11px;
    text-align:center;
    font-size:26px;
    line-height:1.3
}
@media screen and (max-width: 991px){
    .button a{
        font-size:20px;
        line-height:1.3
    }
}
@media screen and (max-width: 767px){
    .button a{
        font-size:17px;
        line-height:1.3
    }
}
@media screen and (max-width: 479px){
    .button a{
        font-size:17px;
        line-height:1.3
    }
}
.button a:hover,.button a:active,.button a:focus{
    background:#004f88
}
table{
    width:100%
}
table td{
    padding:10px;
    position:relative;
    text-align: center;
}
@media (max-width: 767px){
    table td{
        padding:20px
    }
}
table .border--left{
    border-left:3px solid #0067B1
}
table .border--top{
    border-top:3px solid #0067B1
}
table .border__short--top-left::before,table .border__short--bottom-right::before{
    background:#0067B1;
    content:'';
    display:block;
    height:100%;
    position:absolute;
    width:1px;
    z-index:1
}
@media (max-width: 767px){
    table .border__short--top-left::before,table .border__short--bottom-right::before{
        width:100%;
        height:2px
    }
}
table .border__short--top-left::before{
    top:0;
    left:0
}
table .border__short--bottom-right::before{
    top:20%;
    left:0
}
@media (max-width: 767px){
    table .border__short--bottom-right::before{
        top:0;
        left:0%;
    }
}
table .v_align--top{
    vertical-align:top
}
table .v_align--bottom{
    vertical-align:bottom
}

ul li::before{
    content:"\2022";
    color:#58585A;
    display:inline-block;
    width:1.1em
}



.main-title {
    max-width:970px;
    margin: 0 auto;
    text-align: center;
    font-size:30px;
    line-height:1.5;
    font-weight: 700;
    color: #0067b1;

}
.table-box {
    padding: 5rem;
    background: #ebf6fc;
        padding-bottom: 7rem;
}
.table-wrapper {
  overflow: auto;
  border-radius: 2rem;
  border: 3px solid #1f63ac;
}
.table-style-1 {
    border-spacing: 0;
  border-collapse: collapse;
  border-style: hidden;

  width:100%;
  max-width: 100%;
}
.table-style-1 th {
    background: #1f63ac;
    color: #ffffff;
    text-align: center;
    width: 50%;
    font-size: 26px;
    padding: 2rem;
    font-weight: 700;
}
.table-style-1 td {
    text-align: center;
    width: 50%;
    font-size: 26px;
    line-height: 1.2;
    padding: 3rem;
    font-weight: 700;
    vertical-align: middle;
    background: #ffffff;
    border: 3px solid #1f63ac;
}

.table-grab-gift-img {
    width: 13rem;
    padding-bottom: 0.5rem;
    margin: 0 0.7rem;
    bottom: 0.25rem;
    position: relative;
}
.highlight-banner {
    background: linear-gradient(90deg, rgba(31,99,172,0) 0%, rgba(31,99,172,1) 10%, rgba(31,99,172,1) 90%, rgba(31,99,172,0) 100%);
    padding: 4rem;
    text-align: center;
}

.highlight-banner p {
    font-size: 28px;
    font-weight: 600;
    line-height: 1.3;
    color: #ffffff;
    max-width: 56%;
    margin: auto;
}
.highlight-banner span {
    font-size: 40px;
}
.example-box {
    background: #ebf6fc;
    padding: 10rem 0;
}

.prize-container {
    padding: 7rem;
    margin-top: 2rem;
    background: #f2f2f2;
}
.participating-top-title {
    padding: 5rem;
}
.single-insurance-box { margin-bottom:3rem;  }
.single-insurance-box .inner {
    max-width: 967px;
    margin: auto;
    display: block;
}
.insurance-icon {
    max-width: 18rem;
}
.insurance-type-title {
    font-size: 36px;
    font-weight: 700;
    color: #1f63ac;
}
.insurance-type-desc {
    font-size: 32px;
    line-height: 1.2;
}
.insurance-rebate-badge {
    max-width: 15rem;
    padding-bottom: 4rem;
    margin-left: 2rem;
}
.insurance-type-button {
    font-size: 26px;
    color: #ffffff;
    background: #025fab;
    padding: 0.5rem 3rem;
    border-radius: 1rem;
    margin-top: 1.4rem;
    display: inline-block;
}
.insurance-type-button:hover {
  color: #ffffff;  
}
.app-section {
    background-color: #f2f2f2;
    padding: 7rem;
    margin-top: 7rem;
}
.app-title {
    font-size: 36px;
    font-weight: 700;
    color: #58585A;
}
.app-text {
    font-size: 28px;
    line-height: 1.4;
    color: #58585A;
}
.phone {
    max-width: 26rem;
    margin: 5rem 0;
}
.download-box {
    max-width: 500px;
    margin: auto;
}
.app-but {
    max-height: 7rem;
    margin-bottom: 4rem;
}
.qrcode {
    max-width: 17rem;
}
.badge-in-mobile {
    display: none;
}

@media (min-width: 768px) and (max-width: 1024px) {
.highlight-banner p {
    max-width: 86%;
}
.single-insurance-box .inner {
    padding: 0 3rem;
}
.insurance-icon {
    max-width: 15rem;
}
.insurance-type-desc {
    font-size: 28px;
}
.insurance-type-title {
    font-size: 34px;
}
.insurance-rebate-badge {
    max-width: 12rem;
}
}


@media (max-width: 767px){
.main-title {
    font-size: 24px;
    line-height: 1.4;
}
#intro .intro__title {
    font-size: 24px;
}
.table-box {
    padding: 5rem 2rem;
}
.table-style-1 th {
    font-size: 20px;
}
.table-style-1 td {
    font-size: 20px;
    padding: 1rem;
}
.table-grab-gift-img {
    width: 12rem;
    padding-bottom: 0;
    margin: 1rem 0 0.25rem 0;
}
.highlight-banner p {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.3;
    color: #ffffff;
    max-width: 90%;
    margin: auto;
}
.highlight-banner span {
    font-size: 24px;
}
.example-box {
    padding: 6rem 2rem;
}
.prize-container {
    padding: 5rem;
}
.prize-container .main-title { margin-bottom:3rem;  }
.insurance-icon {
    max-width: 10rem;
    display: block;
    margin-bottom: 1rem;
}
.single-insurance-box .inner {
    padding: 5rem 3.5rem;
}
.insurance-rebate-badge {
    display: none;
}
.insurance-type-desc {
    font-size: 22px;
    line-height: 1.2;
}
.insurance-type-title {
    font-size: 26px;
    font-weight: 700;
    color: #1f63ac;
}
.insurance-type-button {
    font-size: 22px;
}
.badge-in-mobile {
    display: block;
    position: absolute;
    max-width: 10rem;
    top: -50px;
    right: 0;
}
.app-section {
    padding: 4rem;
}
.app-title {
    font-size: 28px;
    line-height: 1.3;
    margin: auto;
    margin-bottom: 1rem;
    max-width: 90%;
    display: block;
}
.app-text {
    font-size: 20px;
}
.phone {
    max-width: 18rem;
    margin: 5rem 0;
}
.app-but {
    max-width: initial;
    max-height: 4rem;
    margin-bottom: 2rem;
}
.qrcode {
    max-width: 12rem;
}
.footer__top .footer__tnc {
    padding: 22.64px 0 11px 0;
    margin-left: 30px;
}
}

._container_large { max-width: 1200px; margin: 0 auto;padding-right: 1rem; padding-left: 1rem;}
.overall-container {  padding-top:8rem; padding-bottom:8rem;  }
.title { 
    font-size:45px;
    line-height:1.5;
    font-weight: 700;
    color: #0067b1;
}
.desc{
   font-size:24px;
    line-height:1.2;
    font-weight: 500;
}
.top-intro { margin-bottom:5rem;  }
.contact-box-outer .contact-box-inner {
    padding: 2rem 2rem 1.5rem 2rem;
    background: #ffffff;
    border-radius: 1rem;
    box-shadow: 0px 10px 35px 0px #cbcaca;
    display: flex;
    align-items: center;
    margin-bottom: 2.6rem;
}
.logo-container {
    flex-basis: 20%;
}
.contact-details-container {
    flex-basis: 80%;
    padding-left: 6rem;
}
.contact-details-container .full-box {
    margin-bottom: 1rem;
}
.contact-details-container .half-box {
    display: flex;
    margin-bottom: 1rem;
}
.contact-details-container .half-box .left {
    flex-basis: 40%;
}
.contact-details-container .half-box .right {
    flex-basis: 60%;
}
.contact-details-inner { display: flex; align-items:center;  }
.contact-details-inner img {  width: 2em; margin-right: 1rem;}
.contact-box-title {
    font-size: 1.25em;
    font-weight: 600;
}
.contact-details { font-size: 1.25em; color: #1D1D1B; transition: .3s ease;}
.contact-link {  color: #1D1D1B; }
.contact-link:hover {color:#0460A9;}
.contact-box-inner.reflex { padding-top: 4rem;  padding-bottom: 4rem;  }


@media (min-width: 768px) and (max-width: 1024px) {
    ._container_large { padding-right: 2rem; padding-left: 2rem;}
    .contact-details-container { padding-left: 2rem;}
    .contact-link { font-size: 1em; color: #1D1D1B;}
    .contact-details-inner img { width: 1.5em; margin-right: 1rem;}
}

@media only screen and (max-width: 767px) {
    .title {font-size: 36px;}
    .desc { font-size: 20px;}
    .top-intro { margin-bottom: 5rem;}
    .contact-box-outer .contact-box-inner { padding: 1.6rem; display: block;}
    .contact-box-outer .contact-box-inner .logo-container img {  width:56%; }
    .contact-details-container { padding-left: 0;}
    .contact-details-container .half-box { display: block;}
    .contact-link { font-size: 1.15em;}
    .contact-details-container .half-box .left, .contact-details-container .half-box .right { margin-bottom: 1rem;}
    .contact-box-title {
        font-size: 1.5em;
        font-weight: 600;
        margin-top: 2rem;
        margin-bottom: 2rem;
    }
    .special-long-link { font-size: 0.66em; display: block; }
    .contact-details-container.reflex {  margin-top: 2rem; }
    .contact-box-inner.reflex { padding-top: 2rem;  padding-bottom: 2rem;  }
}