﻿@import url('css2-Poppinsitalwght010002000300040005000600070008000900110012001300140015001600170018001900_swap.css');
*{margin: 0; padding: 0;}
html, body {margin: 0; padding: 0; box-sizing: border-box; scroll-behavior: smooth; overflow-x: hidden; font-weight: normal;font-family: "Poppins", sans-serif;font-weight: 400;}
ul {margin: 0; padding: 0; list-style-type: none;}
figure,figcaption {margin: 0; padding: 0;}
a:hover {text-decoration: none;}
img {max-width: 100% ;}
a {-webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }
footer.entry-footer.default-max-width {display: none; }
.vc_row-fluid {margin: 0 !important;}
.vc_column-inner {padding: 0 !important;}
h1, h2, h3, h4, h5, h6{font-family: "Poppins", sans-serif;margin:0}
p{margin:0;font-family: "Poppins", sans-serif;font-weight: 400;}
input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{transition:background-color 10000000s,color 10000000s ease-in-out 0s}



/*-------------------------------------------------------------------*/
/*Banner*/
/*-------------------------------------------------------------------*/
.reward-banner-section {background-image: url(../image/banner-image.webp); background-size: cover; background-repeat: no-repeat; background-position: center; padding: 135px 0 180px; text-align: center; }
.heading-h1 {font-size: 64px;letter-spacing: -1%; font-weight: 600; background: linear-gradient(91.87deg, #2FB36B 13.91%, #AEF5EE 53.86%, #FFFFFF 98.42%); color: transparent; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-fill-color: transparent; line-height:81px;padding-bottom:20px }
.banner-p {font-size: 36px; color: #FFF; font-weight: 600;letter-spacing: -1%; }
.reward-banner-content {max-width: 970px; margin: auto; }
/*-------------------------------------------------------------------*/
/*About*/
/*-------------------------------------------------------------------*/
.reward-about-section .reward-about-inner {max-width: 1180px; margin: auto; background: #2FB36B2B; box-shadow: 0px 34px 35px 0px #A0ABBF36; border-radius: 20px; padding: 63px 60px 125px; text-align: center; }
.about-heading {font-size: 40px; font-weight: 700; color: #030B15; padding-bottom: 45px;letter-spacing: -1%; }
.reward-about-section {position: relative;margin-top: -120px;}
.reward-about-inner p {font-size: 26px;font-weight: 600;letter-spacing: -1%;color: #030B15;line-height: 40px;}
.reward-about-section .reward-about-inner {max-width: 1180px;margin: auto;background: #DEF9EA;box-shadow: 0px 34px 35px 0px #A0ABBF36;border-radius: 20px;padding: 63px 60px 90px;text-align: center;}
/*-------------------------------------------------------------------*/
/*Earn*/
/*-------------------------------------------------------------------*/
.reward-earn-section {padding: 80px 0; }
.heading-h2-big {font-size: 64px; color: rgba(47, 179, 107, 1); font-weight: 600; position: relative; letter-spacing: -1%; padding-bottom: 17px; }
.small-heading {font-size: 45px; color: rgba(0, 0, 0, 1); font-weight: 600; letter-spacing: -1%; padding-bottom: 5px; line-height: normal; }
.title-border {background-image: url(../image/border-before.webp); max-width: 434px; width: 100%; position: absolute; bottom: 0; background-size: cover; background-repeat: no-repeat; background-position: center; height: 17px; left: 0; right: 0; margin: auto; }
.reward-earn-section .reward-earn-row .row {align-items: center; }
.reward-earn-section .earn-column-content p {text-align: center; color: rgba(0, 0, 0, 1); font-size: 23px; font-weight: 600; letter-spacing: -1%; line-height: 40px; }
.reward-earn-section .earn-column-img figure {display: flex; align-items: center; display: -webkit-flex; }
.reward-earn-section .earn-column-img figure img {max-width: 368px; margin: auto; width: 100%; }
.reward-earn-section .earn-column-img figure span {font-size: 26px; background: rgba(47, 179, 107, 1); height: 40px; display: inline-block; padding: 0 10px; border-radius: 10px; color: #FFF; line-height: 40px; font-weight: 600; }
.reward-earn-section .earn-column-img figure p {font-size: 18px; font-weight: 600; letter-spacing: -1%; padding-top: 10px; color: rgba(47, 179, 107, 1); }
.reward-earn-section .earn-column-img figure .earn-left, .reward-earn-section .earn-column-img figure .earn-right {width: 200px; text-align: center;position:relative; padding-top: 50px}
.reward-earn-section .earn-column-img figure .earn-left::before {content: ''; background-image: url(../image/image-left.webp); width: 166px; height: 64px; position: absolute; top: -20px; background-size: contain; background-repeat: no-repeat; background-position: center; left: 40px; }
.reward-earn-section .earn-column-img figure .earn-right::before {content: ''; background-image: url(../image/image-right.webp); width: 166px; height: 64px; position: absolute; top: -18px; background-size: contain; background-repeat: no-repeat; background-position: center; left: -90px; }
.reward-earn-section .earn-column-img figure img {max-width: 400px !important; margin: auto; width: 100%; padding: 0 25px; }
.reward-earn-section .reward-earn-row {position: relative; }
.reward-earn-section .reward-earn-row::before {content: ''; background-image: url(../image/image-left-eran.svg); position: absolute; bottom: 0; width: 80px; height: 75px; left: 0; background-size: cover; background-repeat: no-repeat; }
.reward-earn-section .reward-earn-row::after {content: ''; background-image: url(../image/image-right-eran.svg); position: absolute; bottom: 0; width: 59PX; height: 53PX; right: 0; background-size: contain; background-repeat: no-repeat; }
.reward-earn-section{position: relative;}
.reward-earn-section::before {content: ''; background-image: url(../image/queen-left.svg); position: absolute; top: -60px; width: 61px; height: 58px; left: 10px; background-size: cover; background-repeat: no-repeat; }
.reward-earn-section::after {content: ''; background-image: url(../image/queen-right.svg); position: absolute; top: -60px; width: 61px; height: 58px; right: 10px; background-size: cover; background-repeat: no-repeat; }
.reward-about-section::before {content: ''; background-image: url(../image/map-bg.svg); position: absolute; top: -60px; width: 100%; height: 800px; left: 10px; background-size: cover; background-repeat: no-repeat; z-index: -1; background-position: center; }
.reward-howwork-section {background-color: rgba(243, 252, 246, 1); background-image: url(../image/how-work-bg.webp); background-size: cover; background-repeat: no-repeat; background-position: center bottom; padding: 50px 0 130px; position: relative;overflow: hidden;}
.heading-h2-normal {font-size: 48px; color: rgba(0, 0, 0, 1); font-weight: 600; letter-spacing: -1%; padding-bottom: 13px; position: relative; }
.heading-h2-normal::before {content: ''; background-image: url(../image/border-heading.svg); width: 315px; height: 13px; position: absolute; left: 0; right: 0; bottom: 0; margin: auto; background-size: cover; background-repeat: no-repeat; background-position: center; }
.reward-howwork-section .heading-article {padding-bottom: 70px; }
.howwork-column.column-1 {background: rgba(242, 233, 250, 1); }
.howwork-column.column-2 {background: rgba(255, 255, 255, 1); }
.howwork-column.column-3 {background: rgba(254, 242, 232, 1); }
.howwork-column {height: 100%; border-radius: 20px;position: relative;padding-top: 30px; }
.reward-howwork-section::before {content: ''; background-image: url(../image/bggggg-2.svg); height: 25px; position: absolute; background-size: contain; background-repeat: no-repeat; width: 100%; top: -2px; }
.reward-howwork-section::after {content: ''; background-image: url(../image/bggggg-3.svg); height: 25px; position: absolute; background-size: contain; background-repeat: no-repeat; width: 100%; bottom: -6px; }
.reward-howwork-section .before {content: ''; background-image: url(../image/queen-right.svg); width: 92px; height: 90px; position: absolute; background-size: cover; background-repeat: no-repeat; background-position: center; top: 150px; }
.reward-howwork-section .after {content: ''; background-image: url(../image/queen-left.svg); width: 162px; height: 153px; position: absolute; background-size: cover; background-repeat: no-repeat; background-position: center; top: 150px; right: -40px; }
.howwork-column .content-text {padding: 22px; }
.howwork-column .content-text h3 {font-size: 24px; color: rgba(0, 0, 0, 1); font-weight: 600; padding-bottom: 30px; letter-spacing: -1%;}
.howwork-column .content-text p {font-size: 13px; color: rgba(0, 0, 0, 1); font-weight: 400; letter-spacing: -1%; line-height: 20px; max-width: 330px; }
.howwork-column span {font-size: 32px; font-weight: 700; letter-spacing: -1%; width: 77px; height: 77px; position: absolute; top: -40px; left: 20px; border-radius: 100px; display: flex; align-items: center; justify-content: center; }
.howwork-column.column-1 span {background: linear-gradient(180deg, #FFFFFF -18.9%, #E3C3F2 102.66%);color:rgba(171, 75, 255, 1) }
.howwork-column.column-2 span {background: linear-gradient(180deg, #FFFFFF 12.56%, #F2FAF8 25.77%, #D3F0E9 64.53%, #C7ECE3 85.67%);color:rgba(59, 178, 188, 1) }
.howwork-column.column-3 span {background: linear-gradient(180deg, #FFFFFF 12.56%, #F6EEE6 32.82%, #EAD5C1 67.17%, #E6CCB3 85.67%);color:rgba(201, 136, 71, 1) }
.reward-faq-section {background: rgba(243, 252, 246, 1); padding: 116px 0 64px; position: relative;z-index: 1; }
.reward-faq-section .bg-before {background-image: url(../image/how-work-bg.webp); position: absolute; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; background-position: bottom center; z-index: -1; background-size: cover; background-repeat: no-repeat; }
.reward-faq-section .heading-article {padding-bottom: 70px; }
.reward-faq-section .reward-faq-inner {max-width: 1212px;margin: auto;}
.reward-faq-section .reward-faq-inner .accordion-item {margin-bottom: 15px; }
.reward-faq-section .reward-faq-inner .accordion-item .accordion-button {background: transparent !important; border: 0 !important; box-shadow: none; outline: none; padding: 10px 0; font-size: 20px; font-weight: 500; color: rgba(3, 11, 21, 1); line-height: 30px; }
.reward-faq-section .reward-faq-inner .accordion-item {margin-bottom: 15px; padding: 27px 55px; border-radius: 100px; border: 0; }
.reward-faq-section .reward-faq-inner .accordion-item .accordion-body {padding-left: 0; padding-right: 0; padding-top: 10px; color: rgba(114, 120, 133, 1); font-size: 18px; font-weight: 400; }
.reward-faq-section .accordion-button::after {background-image: url(../image/arrow-down.svg); background-size: cover; background-repeat: no-repeat; opacity: 0.3; }
.reward-faq-section .accordion-button:not(.collapsed)::after{opacity: 1}
.reward-faq-section::before {content: ''; background-image: url(../image/queen-faq.svg); width: 107px; height: 87px; position: absolute; background-size: contain; background-repeat: no-repeat; background-position: center; top: 80px; left: -50px; }
.reward-faq-section::after {content: ''; background-image: url(../image/queen-faq.svg); width: 59px; height: 57px; position: absolute; background-size: contain; background-repeat: no-repeat; background-position: center; bottom: 20px; left: -30px; }
.reward-faq-section .bg-before::before {content: ''; background-image: url(../image/image-left-eran.svg); position: absolute; bottom: 40px; width: 80px; height: 75px; left: 220px; background-size: cover; background-repeat: no-repeat; }
.reward-faq-section .bg-before::after {content: ''; background-image: url(../image/queen-faq.svg); width: 162px; height: 133px; position: absolute; background-size: contain; background-repeat: no-repeat; background-position: center; top: 50%; right: -30px; transform: translateY(-50%); }
.reward-faq-section .reward-faq-inner{position: relative;}
.reward-faq-section .reward-faq-inner::before {content: ''; background-image: url(../image/image-right-eran.svg); position: absolute; top: 0; width: 59px; height: 53px; right: -90px; background-size: contain; background-repeat: no-repeat; transform: rotate(75deg); }
.reward-points-section {padding-top: 110px; position: relative; padding-bottom: 150px; }
.reward-points-section .heading-article {position: absolute; top: -55px; right: 0; margin: auto; display: block; width: 100%; }
.reward-points-section .heading-article .heading-h2-normal {padding: 0; }
.reward-points-section .heading-article .heading-h2-normal::before {display: none; }
.reward-points-section .heading-article .heading-h2-normal {display: inline-block; text-align: center; background: #FFF; border: 1px solid rgba(0, 147, 27, 1); box-shadow: -6px -1px 24.1px 0px rgba(47, 179, 107, 0.46); padding: 20px 50px; border-radius: 20px; font-size: 34px; }
.reward-points-section .reward-points-video {max-width: 616px; margin: auto; box-shadow: -6px -1px 24.1px 0px rgba(47, 179, 107, 0.46); border-radius: 20px; overflow: hidden; width: 100%; }
.reward-points-section .reward-points-video iframe {width: 100%; height: 375px; margin-bottom: -6px; }
.reward-points-section .reward-points-list {padding-top:70px; }
.reward-points-section .reward-points-list ul {display: flex; flex-wrap: wrap; display: -webkit-flex;margin: -20px -35px }
.reward-points-section .reward-points-list ul li {width: 50%; padding: 20px 35px; }
.reward-points-section .reward-points-list ul li .reward-points-button {padding: 30px 30px 30px 50px; position: relative; border-radius: 20px; background: #FFF; border: 1px solid rgba(0, 147, 27, 1); box-shadow: -6px -1px 24.1px 0px rgba(47, 179, 107, 0.46); height: 100%; }
.reward-points-section .reward-points-list ul li .reward-points-button strong {font-size: 20px; font-weight: 600; color: rgba(47, 179, 107, 1); display: block; padding-bottom: 10px; }
.reward-points-section .reward-points-list ul li .reward-points-button p {font-size: 14px; font-weight: 400; }
.reward-points-section .reward-points-list ul li .reward-points-button::before {content: ''; background-image: url(../image/list-icon.webp); width: 19px; height: 25px; position: absolute; left: 20px; top: 33px; filter: brightness(0) saturate(100%) invert(30%) sepia(89%) saturate(5040%) hue-rotate(133deg) brightness(99%) contrast(101%);}
.reward-slab-section .reward-slab-row {max-width: 1100px; margin: auto; background: linear-gradient(180deg, #2FB36B -219.97%, #FFFFFF 120.5%); box-shadow: 10px 15px 20px 0px rgba(47, 179, 107, 0.2); border-radius: 20px; position: relative;padding-top: 100px;padding-bottom: 40px;}
.reward-slab-section .reward-slab-row .heading-article {position: absolute; top: 0; left: 0; right: 0; width: 100%; text-align: center; }
.reward-slab-section .reward-slab-row .heading-article .heading-h2-big {background: rgba(47, 179, 107, 1); display: inline-block; padding: 15px 50px; border-radius: 16px; font-size: 34px; color: #FFF; top: -35px; }
.reward-slab-section .reward-slab-row table {width: 100%; }
.reward-slab-section .reward-slab-row table th, .reward-slab-section .reward-slab-row table td {padding: 15px 30px; color: rgba(0, 0, 0, 1); font-size: 18px; font-weight: 500;text-align: center; }
.reward-slab-section .reward-slab-row table th strong {display: inline-block; background: #FFF; backdrop-filter: blur(15px); border: 1px solid rgba(0, 147, 27, 1); box-shadow: -6px -1px 24.1px 0px rgba(47, 179, 107, 0.46); padding: 10px 25px; border-radius: 100px; font-size: 16px; font-weight: 600; }
.reward-slab-section .reward-slab-row table th:first-child, .reward-slab-section .reward-slab-row table td:first-child{text-align: left}
.reward-slab-section {padding-bottom: 60px; }
.reward-slab-section .bottom-button {padding-top: 90px; text-align: center; }
.big-button {background: linear-gradient(180deg, #D3B24C 0%, #EDD87B 97.06%); color: rgba(17, 17, 17, 1) !important; font-size: 18px; font-weight: 600; padding: 12px 65px; border-radius: 100px; text-decoration: none;display: inline-block; }
.referring-section .referring-images img {width: 100%; }
.referring-section .referring-images { margin: auto; }
.referring-section .referring-images figure {max-width: 420px; margin: auto; }

.referring-section .referring-images .referring-img-content {padding-top: 30px; }
.referring-img-content p {text-align: center; font-size: 16px; color: #0B0B0B; font-weight: 500; padding-bottom: 30px; }
.referring-img-content a {margin: 0 15px; }
.referring-img-content .d-flex {justify-content: center; }
.referring-section {position: relative; padding-bottom: 50px;padding-top: 60px; }
.referring-section .referring-list li {padding-bottom: 80px; position: relative; }
.referring-section .referring-list ul {position: relative; }
.referring-section .referring-list ul li:last-child{padding-bottom: 0}
.referring-section .referring-list ul::before{content: ''; position: absolute ; left:50px; top: 0; width: 2px; background: #0C9347; height: 100%}
.referring-section .referring-list li .referring-order {display: inline-block;border: 1px solid #2DD87770; box-shadow: 10px 15px 20px 0px #2FB36B33; border-radius: 100px; padding: 22px 50px 22px 100px;background: #FFF;position: relative; }
.referring-section .referring-list li span {background: #FFF; box-shadow: 0px 4px 4px 0px #00000040; width: 57px; height: 57px; position: absolute; left: 24px; top: 50%; transform: translateY(-50%); border-radius: 100px; display: flex; align-items: center; justify-content: center; font-size: 24px; color: #009245; font-weight: 700;margin-top: -2px; }
.referring-section .referring-list li .referring-order p {font-size: 20px; font-weight: 600; color: #000000; letter-spacing: -1%; }
.referring-section .referring-list {padding-top: 80px; padding-left: 85px; }
.referring-section .heading-article .heading-h2-normal::before{display: none}
.referring-section .heading-article .heading-h2-normal span{position: relative;color: #2FB36B}
.referring-section .heading-article .heading-h2-normal span::before {content: ''; background-image: url(../image/border-heading.svg); width: 315px; height: 13px; position: absolute; left: 0; right: 0; bottom: -6px; margin: auto; background-size: cover; background-repeat: no-repeat; background-position: center; }
.reward-points-section::before {content: ''; background-image: url(../image/queen-right.svg); width: 59px; height: 57px; position: absolute; background-size: cover; background-repeat: no-repeat; background-position: center; top: 60px; left: 15px; }
.reward-points-section::after {content: ''; background-image: url(../image/queen-right.svg); width: 59px; height: 57px; position: absolute; background-size: cover; background-repeat: no-repeat; background-position: center; top: 20px; right: 15px; }
.reward-slab-section {position: relative; }
.reward-slab-section::before {content: ''; background-image: url(../image/queen-faq.svg); width: 162px; height: 133px; position: absolute; background-size: contain; background-repeat: no-repeat; background-position: center; top: 0; left: -50px; }
.reward-slab-section::after {content: ''; background-image: url(../image/queen-faq.svg); width: 162px; height: 133px; position: absolute; background-size: contain; background-repeat: no-repeat; background-position: center; bottom: 0; right: -25px; }
.reward-slab-inner{position: relative;}
.reward-slab-inner::before{content: ''; background-image: url(../image/image-left-eran.svg); position: absolute; bottom: 40px; width: 80px; height: 75px; left:0px; background-size: cover; background-repeat: no-repeat;}
.reward-slab-inner::after{content: ''; background-image: url(../image/image-right-eran.svg); position: absolute; top: -50px; width: 59px; height: 53px; right: -90px; background-size: contain; background-repeat: no-repeat; transform: rotate(75deg);}
.referring-section::before {content: ''; background-image: url(../image/queen-right.svg); width: 92px; height: 90px; position: absolute; background-size: cover; background-repeat: no-repeat; background-position: center; top: 0; }
.referring-section::after {content: ''; background-image: url(../image/queen-right.svg); width: 59px; height: 57px; position: absolute; background-size: cover; background-repeat: no-repeat; background-position: center; bottom: 0; }
.leader-board-section .heading h2 {font-size: 42px; font-weight: 600; letter-spacing: -1%; padding-bottom: 13px; position: relative; background: #2FB36B; color: #FFF; text-align: center; display: inline-block; border-radius: 20px; padding: 10px 20px; }
.leader-board-section .heading {text-align: center; padding-bottom: 120px;}
.leader-board-section {padding: 89px 0 156px; }
.leader-board-section .left-content strong {width: 80px; margin: auto; height: 80px; display: flex; align-items: center; justify-content: center; background: #2BB96D; display: -webkit-flex; border-radius: 20px; box-shadow: 4px 2px 10px 0px #82828280; font-size: 28px; color: #FFF; font-weight: 500;position: relative; }
.leader-board-section .left-content strong span {position: absolute; left: -20px; background: #E8D48D; box-shadow: 0px 4px 4px 0px #00000040; width: 37px; height: 37px; border-radius: 100px; display: flex; align-items: center; justify-content: center; color: #694C00; font-size: 20px; font-weight: 700; bottom: 0; }
.leader-board-section .left-content .leader-name p {font-size: 20px; color: #000000; font-weight: 500; text-align: center; margin: 10px 0; }
.leader-column-content .leader-details {box-shadow: 7px 7px 20px 0px #2FB36B99; background: #FFF; margin-top:35px; position: relative; padding: 10px 25px 20px; text-align: center; }
.leader-column-content .leader-details::before {content: ''; box-shadow: 10px 15px 20px 0px #2FB36B33; background: #2BB96D; width: 100%; height: 40px; position: absolute; top: -40px; left: 0; clip-path: polygon(15.3% 40.8%, 87.4% 41%, 100% 100%, 0% 100%); }
.leader-column-content .leader-details p {padding: 0 0 20px; border-bottom: 1px solid #AFAEAE; margin-bottom: 20px; font-size: 13px; color: #585858; font-weight: 400; }
.leader-column-content .leader-details b {position: relative; padding: 0 15px; font-weight: 500; font-size: 12px; color: #4B4B4B; }
.leader-column-content .leader-details figure {width: 30px; height: 30px; background: #E8D48D; display: flex; align-items: center; justify-content: center; border-radius: 7px; margin: -25px auto 15px; position: relative; }
.leader-board-section .leader-column .center-column {margin-top: -45px; }
.leader-board-section .leader-column .center-column .leader-column-content .leader-name span{background: linear-gradient(180deg, #B2853B 0%, #453804 100%);color: #FFF}
.leader-board-section .leader-column .center-column .leader-column-content .leader-details figure{background: #D9AC62}
.leader-board-section .leader-column .center-column .leader-column-content .leader-name strong::before{content: '';background-image: url(../image/center-img.webp);}
.leader-board-section .leader-column .center-column .leader-column-content .leader-name strong::before {content: ''; background-image: url(../image/center-img.webp); width: 100%; height: 59px; position: absolute; top: -48px; left: 0; right: 0; background-size: contain; background-repeat: no-repeat; background-position: center; }
.leader-board-section .bottom-button {text-align: center; padding-top: 55px; }
.leader-column-content .leader-details b::before {content: ''; background-image: url(../image/congratulations-left.webp); width: 8px; height: 100%; position: absolute; left: 0; background-size: cover; background-repeat: no-repeat; background-position: center; bottom: 0; }
.leader-column-content .leader-details b::after {content: ''; background-image: url(../image/congratulations-right.webp); width: 8px; height: 100%; position: absolute; right: 0; background-size: cover; background-repeat: no-repeat; background-position: center; bottom: 0; }
.leader-board-section {background-image: url(../image/world-cup.webp); background-repeat: no-repeat; background-position: left center;position:relative; }
.leader-board-section::after{content: ''; background-image: url(../image/queen-right.svg); position: absolute; top: -60px; width: 61px; height: 58px; right: 10px; background-size: cover; background-repeat: no-repeat;}
.leader-board-inner .leader-board-row {align-items: flex-end; }
.leader-board-inner .leader-board-row .leader-table-column {max-width: 450px; margin-left: auto; }
.leader-board-inner .leader-board-row .leader-table-column table {width: 100%; }
.leader-table-row .table-header li strong {border: 1px solid #62CA90; backdrop-filter: blur(15px); color: rgba(0, 0, 0, 1); box-shadow: -6px -1px 24.1px 0px rgba(141, 223, 179, 0.46); display: inline-block; padding: 10px 15px; font-size: 20px; font-weight: 600; border-radius: 100px; }
.leader-table-row .table-header li span {display: inline-block; vertical-align: middle; margin-right: 5px; }
.leader-board-inner .leader-board-row .leader-table-column table tr {display: table; width: 100%; }
.leader-board-inner .leader-board-row .leader-table-column table{display: inline-grid;}
.leader-table-row .table-header ul{display: flex;}
.leader-table-row .table-header ul li{width: 33.33%}
.leader-table-row .table-body ul {box-shadow: -6px -1px 24.1px 0px rgba(237, 255, 245, 0.46); display: flex; display: -webkit-flex; border: 1px solid #62CA90; background: #FFF;margin-bottom: 15px; border-radius: 100px; overflow: hidden; }
.leader-table-row .table-body ul li {width: 33.33%; padding: 10px 15px; color: rgba(88, 88, 88, 1); font-size: 20px; font-weight: 400; display: flex; align-items: center; }
.leader-table-row .table-body ul li span {margin-right: 10px; }
.leader-table-row .table-body ul:nth-child(2n) {background: rgba(47, 179, 107, 0.22); }
.leader-table-row .table-header ul li:nth-child(2n), .leader-table-row .table-body ul li:nth-child(2n) {text-align: center; justify-content: center;}
.leader-table-row .table-header ul li:last-child, .leader-table-row .table-body ul li:last-child {text-align: right; justify-content: right;}
.leader-table-row .table-header {margin-bottom: -5px;position: relative; z-index: 1; }
.leader-table-row .table-body {position: relative; }
.leader-table-row .table-body::before {content: ''; background-image: url(../image/queen-faq.svg); width: 27px; height: 67px; position: absolute; background-size: contain; background-repeat: no-repeat; background-position: center; top: 20px; right: 110px; z-index: -1; }
.leader-table-row .table-body::after {content: ''; background-image: url(../image/queen-faq.svg); width: 37px; height: 77px; position: absolute; background-size: contain; background-repeat: no-repeat; background-position: center; top: 150px; left: 40px; z-index: -1; }
.leader-table-row {position: relative; }
.leader-table-row::before {content: ''; background-image: url(../image/queen-faq.svg); width: 67px; height: 107px; position: absolute; background-size: contain; background-repeat: no-repeat; background-position: center; bottom: -10px; right: 59px; z-index: -1;}
.leader-table-row::after {content: ''; background-image: url(../image/queen-faq.svg); width: 27px; height: 67px; position: absolute; background-size: contain; background-repeat: no-repeat; background-position: center; bottom: 20px; left: 60px; z-index: -1; }
.reward-howwork-row {display: none;}
.left.button-arrow{display: none;}

@media (max-width:1699px){
.reward-howwork-section::after {bottom: -14px;}
.heading-h1{font-size: 52px;line-height: 60px;}
.banner-p{font-size: 30px;}
.reward-banner-section{padding: 100px 0 150px;}
.about-heading{font-size: 35px;padding-bottom: 25px;}
.reward-about-section .reward-about-inner{padding: 53px 30px 70px;}
.reward-about-inner p{line-height: 35px;font-size: 22px;}
.reward-about-section{margin-top: -90px;}
.reward-earn-section::before, .reward-earn-section::after  {width: 51px;height: 48px;}
.reward-earn-section {padding: 60px 0;}
.small-heading{font-size: 38px}
.heading-h2-big{font-size: 52px;}
.title-border{max-width: 304px;background-size: contain;}
.heading-h2-big{  padding-bottom: 11px;}
.reward-earn-section .earn-column-content p{line-height: 30px;font-size: 18px;}
.reward-earn-section .earn-column-img figure span{line-height: 35px;height: 35px; font-size: 20px;}
.reward-earn-section .reward-earn-row::before{width: 40px;height: 55px;background-size: contain;}
.reward-earn-section .reward-earn-row::after {width: 39px; height: 33px;}
.heading-h2-normal{font-size: 38px;padding-bottom: 10px;}
.heading-h2-normal::before {width: 240px;height: 13px;background-size: contain;}
.reward-howwork-section .before{width: 72px;height: 70px;background-size: contain;}
.reward-howwork-section .after{width: 122px;height: 103px;background-size: contain;top: 120px;}
.reward-points-section .heading-article .heading-h2-normal{font-size: 26px;padding: 16px 40px;}
.reward-points-section .heading-article{top: -44px;}
.reward-points-section .reward-points-video iframe{height: 300px;}
.reward-points-section .reward-points-video{max-width: 506px;}
.reward-slab-section .reward-slab-row .heading-article .heading-h2-big{top: -31px;padding: 12px 44px;font-size: 28px;}
.reward-slab-section .reward-slab-row{padding-top: 60px;padding-bottom: 30px;}
.reward-slab-section .reward-slab-row table th, .reward-slab-section .reward-slab-row table td{font-size: 16px;}
.reward-slab-section .reward-slab-row table th strong{font-size: 16px;}
.reward-points-section{padding-top: 90px;padding-bottom: 110px;}
.reward-slab-section .bottom-button{padding-top: 70px;}
.reward-slab-inner::after {top: -30px; width: 49px;height: 33px; right: -70px;}
.reward-slab-inner::before {bottom: 40px; width: 60px; height: 55px; left: -50px;}
.reward-slab-section::before {width: 122px; height: 93px;}
.reward-slab-section::after {width: 102px; height: 80px;}
.referring-section .heading-article .heading-h2-normal span::before {background-size: contain;width: 245px;}
.referring-section .referring-list li .referring-order p{font-size: 16px}
.referring-section .referring-list li{padding-bottom: 50px;}
.referring-section .referring-list li span{width: 47px;height: 47px;font-size: 18px;}
.referring-section .referring-list li .referring-order{padding: 22px 50px 22px 89px;}
.referring-section .referring-images .referring-img-content {padding-top: 20px; }
.referring-img-content p{padding-bottom: 20px;font-size: 14px}
.referring-section .referring-images figure{max-width: 350px}
.leader-board-section .heading h2{font-size: 32px;}
.leader-board-section .left-content strong{height: 70px;width: 70px;}
.leader-board-section .left-content strong span{width: 30px;height: 30px;font-size: 15px;}
.leader-board-section .left-content .leader-name p{font-size: 16px}
.leader-column-content .leader-details p{margin-bottom: 15px;padding: 0 0 15px;}
.leader-board-section .heading{padding-bottom: 100px;}
.leader-table-row .table-header li strong{font-size: 18px;padding: 7px 15px;}
.leader-table-row .table-body ul li{font-size: 18px;padding: 7px 15px;}
.leader-board-section{background-size: contain;}
.leader-board-section {padding: 59px 0 86px; }
.reward-faq-section{padding: 56px 0 64px;}
.reward-faq-section .reward-faq-inner .accordion-item{padding: 17px 44px;}
.reward-faq-section .reward-faq-inner .accordion-item .accordion-button{font-size: 18px;}
.reward-faq-section .reward-faq-inner .accordion-item .accordion-body{font-size: 16px}
.reward-faq-section .heading-article {padding-bottom: 40px;}
.reward-faq-section::before {width: 103px; height: 57px;}
.reward-faq-section .reward-faq-inner::before {width: 39px;height: 33px;right: -70px;}
.reward-faq-section .bg-before::after {width: 102px;height: 83px;}
.reward-faq-section .bg-before::before {width: 60px;height: 55px;left: 40px;background-size: contain;}
.referring-img-content a{max-width: 110px;}
.big-button{padding: 10px 25px;font-size: 16px;}
.leader-column-content .leader-details{padding: 10px 15px 20px;}
.reward-points-section .reward-points-list ul li .reward-points-button strong{font-size: 18px;}
.reward-points-section .reward-points-list ul li .reward-points-button{padding: 20px 30px 20px 50px;}
.reward-points-section .reward-points-list ul li .reward-points-button::before {top: 21px;}
.reward-howwork-section .heading-article {padding-bottom: 30px;}

}
@media (max-width:1199px){
.heading-h1 {font-size: 42px; line-height: 50px; }
.banner-p {font-size: 23px; }
.reward-banner-section {padding: 40px 0 110px; }
.reward-about-section {margin-top: -60px;}
.about-heading {font-size: 28px; padding-bottom: 10px; }
.reward-about-inner p {line-height: 29px; font-size: 18px; }
.reward-about-section .reward-about-inner {padding: 33px 30px 40px; }
.reward-earn-section::before {top: 10px;}
.reward-earn-section::after {top: 20px;}
.reward-about-section::before {height: 490px;}
.small-heading{font-size: 32px;}
.heading-h2-big {font-size: 44px; }
.title-border {max-width: 244px; background-size: contain; }
.reward-earn-section .earn-column-content p {line-height: 22px; font-size: 14px; }
.reward-earn-section .earn-column-img figure span {line-height: 30px; height: 30px; font-size: 16px; }
.reward-earn-section .earn-column-img figure .earn-right::before {width: 126px;height: 64px;left: -72px;}
.reward-earn-section .earn-column-img figure .earn-left::before {width: 126px;height: 64px;left: 40px;}
.reward-earn-section .reward-earn-row::before {height: 35px;}
.reward-earn-section {padding: 50px 0; }
.reward-howwork-section{background-position: center top;}
.reward-howwork-section::after {bottom: -16px; }
.reward-howwork-section .before{width: 62px; height: 50px;}
.reward-howwork-section .after{width: 82px;height: 63px;}
.reward-points-section .heading-article .heading-h2-normal {font-size: 20px; padding: 15px 40px; }
.reward-points-section .heading-article {top: -34px; }
.reward-points-section {padding-top: 80px; padding-bottom: 80px; }
.reward-points-section .reward-points-video iframe {height: 240px; }
.reward-points-section .reward-points-video {max-width: 406px; }
.reward-points-section .reward-points-list {padding-top: 40px; }
.reward-points-section .reward-points-list ul li .reward-points-button::before {width: 15px;height: 20px;background-size: contain;top: 23px;}
.reward-points-section .reward-points-list ul li .reward-points-button {padding: 20px 30px 20px 45px; }
.reward-points-section .reward-points-list ul li{padding: 20px 25px;}
.reward-points-section .reward-points-list ul{margin: -20px -25px;}
.reward-slab-section .reward-slab-row .heading-article .heading-h2-big {top: -22px; padding: 10px 35px; font-size: 20px;}
.reward-slab-section .reward-slab-row {padding-top: 50px; padding-bottom: 20px; }
.reward-slab-section .reward-slab-row table th strong{padding: 10px 25px;}
.reward-slab-section .reward-slab-row table th, .reward-slab-section .reward-slab-row table td{padding: 12px 20px;}
.reward-slab-section::after {width: 82px; height: 60px; }
.referring-section::before {width: 62px; height: 60px;}
.heading-h2-normal {font-size: 30px; padding-bottom: 10px; } 
.referring-section .heading-article .heading-h2-normal span::before {background-size: contain; width: 195px; }
.referring-section .referring-list {padding-top: 50px; padding-left: 35px; }
.referring-section .referring-list li .referring-order p {font-size: 14px; }
.referring-section .referring-images figure {max-width: 270px; }
.leader-board-section .heading h2 {font-size: 22px; }
.leader-table-row .table-header li strong{font-size: 14px}
.leader-table-row .table-body ul li{font-size: 14px}
.leader-table-row::before {width: 37px; height: 77px;}
.leader-board-section .bottom-button{padding-top: 35px;}
.leader-board-section {padding: 59px 0 66px; }
.leader-board-section .left-content strong {height: 60px; width: 60px; font-size: 24px; }
.reward-faq-section {padding: 36px 0 44px; }
.reward-faq-section .reward-faq-inner .accordion-item .accordion-button {font-size: 16px; }
.reward-faq-section .reward-faq-inner .accordion-item .accordion-body {font-size: 14px; padding-top: 0;}
.reward-faq-section .bg-before::after {width: 72px; height: 53px; }
.reward-earn-section .earn-column-img figure img{    max-width: 260px !important;}
}
@media (max-width:991px){
.reward-banner-section {padding: 30px 0 80px;}
.heading-h1 {font-size: 30px; line-height: 38px;  padding-bottom: 10px; }
.banner-p {font-size: 20px; }
.about-heading {font-size: 22px; padding-bottom: 10px; }
.reward-about-inner p {line-height: 24px; font-size: 15px; }
.reward-about-section {margin-top: -50px; }
.reward-about-section::before {height: 440px; }
.small-heading {font-size: 24px; }
.heading-h2-big {font-size: 28px; }
.title-border {max-width: 204px; background-size: contain; }
.reward-earn-section .reward-earn-row .col-md-6 {width: 100%; }
.reward-earn-section .earn-column-content {padding: 30px 0 40px; }
.reward-earn-section .earn-column-img figure{max-width: 480px;margin: auto;}
.heading-h2-normal {font-size: 28px; padding-bottom: 10px; }
 .heading-h2-normal::before {width: 210px;}
.reward-howwork-section{padding: 50px 0 70px;}
.reward-points-section .reward-points-list ul li {padding: 15px 15px; width: 100%; }
.reward-points-section .reward-points-list ul {margin: 0 -15px; }
.reward-slab-section .reward-slab-row table th strong {padding: 8px 15px; font-size: 14px; }
.reward-slab-section .reward-slab-row table th, .reward-slab-section .reward-slab-row table td {padding: 12px 15px; }
.reward-slab-section .reward-slab-row table th, .reward-slab-section .reward-slab-row table td {font-size: 13px; }
.reward-slab-section .reward-slab-row {padding-top: 40px; padding-bottom: 20px; }
.reward-slab-section .bottom-button {padding-top: 40px; }
.reward-slab-inner::after {top: -30px; width: 49px; height: 33px; right: -40px;}
.reward-slab-inner::before {bottom: 40px; width: 40px; height: 45px; left: -50px;}
.reward-slab-section::before {width: 82px; height: 93px; }
.heading-h2-normal {font-size: 24px; padding-bottom: 10px; }
.referring-section .heading-article .heading-h2-normal span::before {background-size: contain; width: 155px; }
.referring-section .referring-list {padding-top: 50px; padding-left: 0; }
.referring-img-content a {margin: 0 5px; }
.leader-board-section .col-md-7, .leader-board-section .col-md-5 {width: 100%; }
.leader-board-inner .leader-board-row .leader-table-column {max-width: 100%; margin-left: auto; margin-top: 50px; }
.leader-board-section {padding: 50px 0 46px; }
.referring-section::after {width: 29px; height: 27px;}
.leader-board-section::after {width: 31px; height: 28px;}
.reward-faq-section .reward-faq-inner::before {width: 29px; height: 23px; right: 0; }
.reward-faq-section .bg-before::before {width: 30px; height: 25px; left: 40px; background-size: contain; }
.reward-faq-section .bg-before::after {width: 72px; height: 33px;}
.reward-faq-section::before {width: 73px; height: 47px; }
.reward-faq-section .reward-faq-inner .accordion-item {padding: 10px 35px; }
.reward-faq-section .accordion-button::after {background-size: 15px;}
.referring-section::before {width: 42px; height: 40px; }
.reward-slab-section::after {width: 52px; height: 30px;}
.reward-points-section::before {width: 29px;height: 27px;}
.reward-points-section::after {width: 19px; height: 17px;}
.reward-howwork-section .after {width: 52px; height: 43px; }
.reward-howwork-section .before {width: 32px; height: 30px; }
.reward-earn-section .earn-column-img figure img{    max-width: 260px !important;}

}
@media (max-width:767px){
.reward-earn-section::before, .reward-earn-section::after {width: 31px; height: 28px;}
.heading-h1 {font-size: 26px; line-height: 34px; padding-bottom: 10px; }
.about-heading {font-size: 20px; padding-bottom: 10px; }
.reward-about-inner p {line-height: 24px; font-size: 13px; }
.reward-about-section::before {height: 360px; top: 0; }
.reward-earn-section {padding: 50px 0 20px; }
.reward-earn-section .earn-column-img figure p{font-size: 14px}
.reward-earn-section .earn-column-img figure .earn-right::before {width: 96px; height: 44px; left: -52px; top: 0; }
.reward-earn-section .earn-column-img figure .earn-left::before {width: 96px; height: 44px; left: 40px; top: 0; }
.reward-points-section .reward-points-video iframe {height: 200px; }
.reward-points-section .reward-points-list {padding-top: 20px; }
.reward-points-section .reward-points-list ul li{padding: 10px 15px;}
.reward-points-section .reward-points-list ul li .reward-points-button{box-shadow: -6px -1px 8.1px 0px rgba(47, 179, 107, 0.46);}
.reward-points-section {padding-top: 80px; padding-bottom: 60px; }
.big-button {padding: 10px 25px; font-size: 14px; }
.reward-slab-section {padding-bottom: 0; }
.referring-section .referring-images{margin-bottom: 30px;}
.referring-section .referring-row.row {flex-direction: column-reverse; }
.referring-section .referring-list {padding-top: 30px; padding-left: 0; padding-bottom: 30px; }
.referring-section .referring-list li .referring-order {padding: 22px 20px 22px 79px;}
.referring-section .referring-list li {padding-bottom: 20px;}
.referring-section .referring-list li .referring-order p {font-size: 13px; }
.referring-section .referring-list li span{left: 14px;}
.referring-section .referring-list ul::before {left: 37px;}
.leader-board-section .heading {padding-bottom: 20px; }
.leader-board-section {padding: 0px 0 46px; }
.reward-faq-section .reward-faq-inner .accordion-item {padding: 10px 35px; border-radius: 20px; }
.reward-faq-section .reward-faq-inner .accordion-item .accordion-button{padding: 0}
.reward-faq-section .heading-article {padding-bottom: 30px;}
.reward-slab-table-row {overflow: hidden; overflow-x: auto;}
.reward-slab-section .reward-slab-row table{min-width:550px;}
.reward-slab-section .bottom-button {padding-top: 20px; }
.reward-faq-section .reward-faq-inner .accordion-item {padding: 10px 35px 10px 20px; border-radius: 20px; }
.referring-section .referring-list li span{width: 37px;height: 37px;}
.referring-section .referring-list li .referring-order {padding: 22px 20px 22px 69px; }
.referring-section .heading-article .heading-h2-normal span{display: inline-block;}
.reward-about-section .reward-about-inner {padding: 33px 20px 30px;}
section.leader-board-section .leader-column .row {flex-wrap: inherit;}
section.leader-board-section .leader-column .row .col-md-4 {width: 33.33%;padding: 0 6px;}
.leader-board-section .heading {padding-bottom: 90px;}
.leader-board-section .left-content strong {height: 40px;width: 40px;font-size: 20px;border-radius: 10px;}
.leader-board-section .leader-column .center-column .leader-column-content .leader-name strong::before {top: -38px;}
.leader-column-content .leader-details {padding: 10px 7px 10px;}
.leader-board-section .left-content .leader-name p {font-size: 12px;}
.leader-board-section .left-content strong span {width: 25px;height: 25px; font-size: 11px;}
.leader-column-content .leader-details p {margin-bottom: 5px;padding: 0px 0 5px;font-size: 10px;}
.leader-column-content .leader-details b{padding: 0 10px;font-size: 8px;}
.leader-column-content .leader-details{    margin-top: 30px;}
.leader-column-content .leader-details figure{width: 25px;height: 25px;}
.left.button-arrow{display: block;}
.left.button-arrow button {position: absolute;        z-index: 99;top: 50%;transform: translateY(-50%);width: 40px;height: 40px;border-radius: 100px;box-shadow: none;outline: none;border: 0;background: #2fb36b;color: #FFF;}
.left.button-arrow button#right-button {right: -10px;}
.left.button-arrow  button#left-button {left: -10px;}
.reward-earn-section .earn-column-img figure img{max-width: 230px !important;}
.reward-earn-section .earn-column-img figure p{font-size: 9px;}
.leader-table-row .table-header li:first-child strong img {height: 18px;}
.leader-table-row .table-body ul li:first-child span img{height: 18px;}
.reward-slab-section .reward-slab-row table th:first-child, .reward-slab-section .reward-slab-row table td:first-child {position: sticky; left: 0;top: 0;z-index: 1;width:200px;}
.reward-slab-section .reward-slab-row::before {content: '';position: absolute;left: 0; width: 210px;height:91%;top: 40px;background: linear-gradient(180deg, #2FB36B -219.97%, #FFFFFF 120.5%); z-index: 1;border-radius: 20px 0px 0px 20px;}
.reward-slab-section .reward-slab-row{position: relative;}
}

footer.footer_section {position: relative; padding-top: 80px; margin-top: -12px; z-index: 1;}
footer.footer_section::after {content: '';height:100%;position: absolute;width: 100%;top: 0;background: linear-gradient(0deg,rgba(18, 20, 19, 0) 39%, rgba(168, 220, 200, 1) 100%);}
.leader-table-row .table-body::before, .leader-table-row::after, .leader-table-row .table-body::after, .leader-table-row::before{opacity: 0.5;}  
.reward-points-section .reward-points-row {display: flex;flex-wrap: wrap; display: -webkit-flex;}
.reward-points-section .reward-points-row .reward-points-video {max-width: 550px;}
.reward-points-section .reward-points-row .reward-points-list {padding: 0;width: calc(100% - 550px);padding-left:50px;}
.reward-points-section .reward-points-list ul li .reward-points-button strong {font-size: 14px;color: #000;box-shadow: 10px 15px 20px 0px #2FB36B33;background: linear-gradient(180deg, #A2E6C1 0%, #FFFFFF 100%);border-radius: 100px;position: relative;padding: 10px 40px;}
.reward-points-section .reward-points-list ul li .reward-points-button strong::before {content: '';background-image: url(../image/list-icon.webp);width: 14px;height: 18px;position: absolute;left:15px;top: 50%;transform: translateY(-50%);background-size: contain;background-repeat: no-repeat;background-position: center;}
.reward-points-section .reward-points-list ul li .reward-points-button::before{display:none}
.reward-points-section .reward-points-list ul li .reward-points-button {padding: 0; position: relative; border-radius: 0; background: #FFF;border: 0;box-shadow: none;height: 100%;}
.reward-points-section .reward-points-list ul li .reward-points-button p {padding: 15px 25px;font-weight: 600;}
.reward-points-section .reward-points-list ul li {width: 50%; padding: 10px 15px;}
.reward-points-section .reward-points-list ul{margin: -10px -15px;}
.reward-points-section .reward-points-row{align-items: center;}
.reward-points-section .reward-points-video iframe{height: 300px;}
@media (max-width:1299px){
.reward-points-section .reward-points-list ul li{width: 100%;}
.reward-points-section .reward-points-row {align-items: self-start;}
.reward-points-section .reward-points-row .reward-points-video{margin-top: 0;}
}
@media (max-width:991px){
.reward-points-section .reward-points-row .reward-points-video{width: 100%;max-width: 100%;}
.reward-points-section .reward-points-row .reward-points-list{width: 100%;}
.reward-points-section .reward-points-row .reward-points-list { width: 100%;padding: 0;padding-top: 40px;}
.reward-points-section .reward-points-list ul li{padding: 4px 15px;}
.reward-points-section .reward-points-list ul { margin: -4px -15px;}
}
@media (max-width:767px){
.reward-points-section .reward-points-video iframe {height: 230px;}
}