@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Regular.woff2') format('woff2'),
        url('../fonts/Lato-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Lato-light';
    src: url('../fonts/Lato-Light.woff2') format('woff2'),
        url('../fonts/Lato-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
.container_12 {
    min-width: 1230px;
}
.landing img {
    max-width: 100% !important;
    height: auto !important;
    vertical-align: top;
    display: inline-block;
}
.reward-content { text-align: center; padding: 60px;}
.reward-content p{font-size: 35px; line-height: 45px; color: #606366;}

.engaged-sec, .earn-points{ position: relative; }
.engaged-sec h2{ position: absolute; z-index: 1; color: #fff; font-size: 105px; text-align: right; max-width: 35%; top: 85px;  }
.highly-content{position: absolute; z-index: 1; bottom: 50px; max-width:80%; text-align: center; left: 0; right: 0; margin: auto; color: #fff;}
.highly-content p{font-size: 44px; line-height: normal;}
.highly-content p small{font-size: 28px;}

.earn-content{position: absolute; z-index: 1; text-align: right; right: 50px; top: 5%; max-width: 60%; color: #fff;}
.earn-content h2{font-size: 130px; line-height: 123px; padding-top: 60px; font-weight: 400;}
.earn-content p{font-size: 36px; line-height: 45px; max-width:75%; display:inline-block; letter-spacing: -1px; padding-top: 30px; }


.bronze-membership { padding: 60px 0;}
.bronze-membership .member-head{text-align: center; padding-top: 120px;}
.bronze-membership h3{color: #161515; font-size: 60px;}
.bronze-membership h5{color: #161515; font-size: 32px;}
.bronze-membership ul {padding-top: 40px;}
.bronze-membership ul li {color: #111; font-size: 22px; line-height: normal; padding-bottom: 25px; padding-right: 40px;}

.reward-points{padding: 70px 80px 50px;}

.reward-points ul li{ display: inline-block; width: 49.5%; text-align: center; padding-top: 50px; }
.reward-points p{ color: #6d6d6d; font-size: 24px; padding-top: 20px; line-height: normal;}
.pt-50{padding-top: 50px;}

.note{ font-size: 20px; color: #262728; line-height: 28px; border: 2px dashed #6a7a89; margin: 20px; text-align: center; padding: 15px 20px; }

.checkpoint-sec{ position: relative;}
.checkpoints{position: absolute; right: 40px; top: 60px; color: #fff; max-width: 35%;}
.checkpoints h2{font-size: 80px; line-height: 80px; padding-top: 10px; font-weight: 400;}
.checkpoints p{font-size: 26px; line-height: 30px; display:inline-block; letter-spacing: -1px; padding-top: 30px; }

.register-sec{text-align: center; padding: 70px 0;}
.register-sec p{font-weight: 800; font-size: 26px; color: #111; margin-bottom: 30px; line-height: 30px;}
.register-sec a{ background: #ed8406; color: #fff; text-transform: uppercase; font-size: 18px; font-weight: 800; padding: 25px 65px; display: inline-block; border-radius: 50px; }
.register-sec a:hover{ background: #111;}
/*========== Responsive ========= */

@media(max-width: 1180px){
    .engaged-sec h2, .earn-content h2{font-size: 86px;}
    .earn-content h2{ line-height: 90px; padding-top: 30px; }
    .earn-content p{font-size: 34px; max-width: 80%;}
    .checkpoints{right: 20px; top: 20px;}
    .checkpoints h2{font-size: 60px; line-height: 60px; padding-top: 0;}
}
	
@media(max-width: 1025px){
	
}
@media(max-width: 992px){
    .engaged-sec h2{font-size: 64px; max-width: 36%; top: 50px;}
    .highly-content{bottom: 40px; max-width: 90%;}
    .highly-content p{font-size: 40px;}
    .earn-content h2{    line-height: 62px; padding-top: 0px; font-size: 65px;}
    .earn-content p {   font-size: 30px;   max-width: 80%;   line-height: 34px;}
    .checkpoints{    right: 10px;  top: 10px;max-width: 38%;}
     .checkpoints h2{  font-size: 40px; line-height: 44px;}
     .checkpoints p{padding-top: 10px;font-size: 24px; line-height: 26px;}
}
@media(max-width: 767px){
    .reward-content{padding: 40px;}
    .engaged-sec h2{    font-size: 46px;  max-width: 38%;  top: 10px;}
    .highly-content p { font-size: 26px;}
    .highly-content p small { font-size: 18px;}
    .bronze-membership .member-head{padding-top: 0; padding-bottom: 30px;}
    .earn-content{top: 0; right: 10px;}
    .earn-content h2 { line-height: 44px;  padding-top: 10px;  font-size: 48px;}
    .earn-content p { font-size: 20px; max-width: 90%;line-height: 24px;}
	.reward-points { padding: 50px 20px 40px;}
    .checkpoints{right: 0; top: -2px; position: relative;
    max-width: 100%;  margin: auto; background: #000; padding:20px ;}
    .register-sec p{padding: 0 20px;}
}
@media(max-width: 480px){
    .reward-content{padding: 40px 20px;}
    .reward-content p { font-size: 28px;  line-height: 35px;}
    .engaged-sec h2 { font-size: 40px; max-width: 42%;  }
    .highly-content { bottom: 10px; max-width: 95%;}
    .highly-content p{font-size: 20px;}
    .highly-content p small {  font-size: 14px;}
    .earn-content h2 {line-height: 38px; padding-top: 5px; font-size: 40px;}
    .earn-content p { font-size: 18px; max-width: 96%;line-height: 20px; padding-top: 10px;}
    .reward-points ul li{display: block; width: 100%;}
    .bronze-membership ul li{padding-right: 0;}
}
@media(max-width: 380px){
    .engaged-sec h2 {
    font-size: 30px;
    max-width: 40%;
}
    .earn-content{position: relative; top: -5px; right: 0; max-width: 100%; padding: 20px; background: #1460f4; text-align: center;}

}