.refer-grid{max-width:92rem;position:relative;z-index:1;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (max-width:1440px){.refer-grid{width:93%}}.refer-banner{background-image:var(--refer-desktop-bg);background-position:top;background-repeat:no-repeat;background-size:cover;margin-top:0;height:498px;position:relative}.refer-banner-content{display:grid;justify-items:center;transform:translateY(30%);letter-spacing:normal}.refer-banner-content h1{text-shadow:4px 4px 3px rgba(0,0,0,.2);font-size:96px;line-height:.52;color:#fff;margin:0;font-weight:700}.refer-banner-content h2{font-size:33.9px;line-height:1.67;color:#ffbd00;margin:20px 0 0;font-weight:700}.refer-banner-amount{display:flex;align-items:center}.refer-banner-amount span{font-size:112px;font-weight:700;color:#fff;line-height:1}.refer-banner-amount span:first-child{font-size:40px}.refer-banner-note{margin:0 0 0 10px;font-size:26px;color:#fff}.refer-page-title{margin:0 0 80px;color:#383838;font-size:28px;font-weight:600;line-height:1.22;text-align:center}.refer-page-title:after{display:block;content:"";width:62px;height:4px;margin:5px auto 38px;background-color:#fdb515;border-radius:2px}.refer-about{margin:0 0 30px;text-align:center}.refer-about-row{display:flex;justify-content:space-around;width:80%;margin:auto}.refer-about-image{width:100%}.refer-section-title{margin:0 0 26px;color:#383838;font-size:26px;font-weight:600;line-height:1.22;text-align:center}.refer-about-copy{margin:0 0 1rem;font-size:18px}.refer-about-list{display:inline-block;margin:0;padding:10px 40px;border:2px solid #ffbd00;border-radius:10px;background-color:#fff;list-style:none;text-align:center}.refer-about-list li{padding:5px;font-size:18px;font-weight:500}.refer-steps-wrap{background:#f9fbfc}.refer-steps{width:80%;margin:0 auto;padding:30px 0;text-align:center}@media (max-width:1660px){.refer-steps{width:90%}}.refer-steps .slick-list,.refer-steps .slick-slider{width:100%}.refer-steps .product-slider{margin:0 auto 30px}.refer-step{position:relative;display:flex;flex-direction:column;align-items:center;margin-bottom:1.5px}.refer-step:not(.noSteper):not(.firstChild):after,.refer-step:not(.noSteperLast):before{content:"";position:absolute;top:16px;display:block;width:calc(50% - 10px);height:1px;margin-left:17px;border-bottom:1px dashed #ffbd00}.refer-step:not(.noSteperLast):before{left:calc(100% - 53%)}.refer-step:not(.noSteper):not(.firstChild):after{right:calc(100% - 46%)}.refer-steps .slick-active:first-child .refer-step:after,.refer-steps .slick-active:last-child .refer-step:before{display:none}.refer-step-number{z-index:1;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:none;border-radius:50%;background-color:#191919;color:#ffbd00;font-size:14px}.refer-step-title{max-width:300px;margin-top:14px;margin-bottom:8px;color:#191919;font-size:18px;font-weight:500;line-height:1.5}.refer-arrow{position:absolute;top:45%;z-index:2;display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:0;background:transparent;cursor:pointer}.refer-arrow-prev{left:-25px}.refer-arrow-next{right:-25px}.refer-arrow svg{width:16px;height:28px}.refer-arrow-next svg{transform:rotate(180deg)}.refer-steps button.slick-arrow:not(.refer-arrow){display:none!important}.refer-steps .slick-dots{right:0;bottom:-30px;left:0;display:flex!important;align-items:center;width:fit-content;margin:0 auto;border-radius:20px;background:#898989}.refer-steps .slick-dots li{margin:1px 0 0}.refer-steps .slick-dots li button:before{top:0!important;left:0;color:#fff!important;font-size:6px!important}.refer-benefits{margin:30px 0 0}.refer-benefit-row{display:flex;gap:30px;justify-content:center;width:100%}.refer-benefit-card{position:relative;width:35%;margin:36px 0 0;padding:0;border:2px solid #ffbd00;border-radius:10px;font-weight:500}.refer-benefit-tag{width:fit-content;max-width:100%;padding:10px;border-top-left-radius:10px;border-bottom-right-radius:10px;background-color:#191919;color:#fff}.refer-benefit-list{margin:0;padding:15px 15px 15px 50px;list-style:none}.refer-benefit-list li{position:relative;margin-bottom:8px;line-height:1.4}.refer-benefit-list li:after{content:"";position:absolute;top:-2px;left:-28px;display:block;width:17px;height:17px;border-radius:50%;background-color:#ffbd00}.refer-howto{margin:30px 0}.refer-howto-block{padding:30px 0}.refer-howto-block:nth-child(odd){background-color:#f9f9f9}.refer-howto-row{display:flex;align-items:center;justify-content:center;width:100%}.refer-howto-block:nth-child(2n) .refer-howto-row{flex-direction:row-reverse}.refer-howto-image{display:flex;justify-content:space-around}.refer-howto-image img{width:230px}.refer-howto-copy{display:flex;justify-content:space-around;width:25%;padding:0 24px;color:#191919;font-size:16px;font-weight:500;line-height:1.63}.refer-howto-copy ul{margin:0;list-style:disc inside}@media (max-width:1705px){.refer-howto-copy{width:30%}}@media (max-width:1430px){.refer-howto-copy{width:35%}}@media (max-width:1400px){.refer-banner{height:460px}}@media (max-width:1350px){.refer-banner{height:430px}}@media (max-width:1280px){.refer-banner{height:410px}.refer-banner-content{transform:translateY(15%)}}@media (max-width:1230px){.refer-howto-copy{width:40%}}@media (max-width:1220px){.refer-banner{height:385px}}@media (max-width:1199px){.refer-page-title{margin-bottom:20px}}@media (max-width:1170px) and (min-width:992px){.refer-step-title{max-width:200px}}@media (max-width:1150px){.refer-banner{height:350px}.refer-banner-content{transform:translateY(5%)}}@media (max-width:1130px){main[aria-label="Refer and Earn"]{padding-top:0}}@media (max-width:1100px) and (min-width:992px){.refer-page-title{font-size:17px}}@media (max-width:1070px){.refer-howto-copy{width:50%}}@media (max-width:992px){.refer-banner{height:300px}.refer-banner-content h1{font-size:60px}.refer-banner-content h2{font-size:21px}.refer-banner-amount span{font-size:75px}.refer-banner-amount span:first-child{font-size:20px}.refer-banner-note{font-size:18px}.refer-about-row,.refer-steps{width:100%}.refer-about-image{display:none}.refer-section-title{padding:0 24px}.refer-steps .refer-section-title{padding:0}.refer-steps .slick-slider{padding:0 5%}.refer-benefit-card{width:40%}}@media (max-width:991px){.refer-page-title{font-size:24px}.refer-steps{padding-bottom:10px}}@media (max-width:855px){.refer-howto-copy{width:57%}}@media (max-width:820px){.refer-arrow,.refer-step:not(.noSteper):not(.firstChild):after,.refer-step:not(.noSteperLast):before{display:none}}@media (max-width:768px){.refer-section-title{font-size:21px;line-height:1.38}.refer-page-title{margin-bottom:10px;font-size:24px!important}.refer-benefit-list{padding-left:30px}.refer-benefit-list li:after{top:0;left:-20px;width:10px;height:10px}.refer-steps .product-slider{margin-bottom:75px}.refer-steps .slick-dots{bottom:-40px;justify-content:space-around;width:90px;padding-right:10px}.refer-steps .slick-dots li{width:10px;height:15px;margin:0 4px}}@media (max-width:767px){.refer-banner{height:498px;margin-bottom:0;padding:76px 16px;background-image:var(--refer-mobile-bg)}.refer-banner-content{transform:translateY(50%);padding:40px 10px;background-color:rgba(8,4,38,.6)}.refer-banner-content h1{font-size:43px}.refer-banner-content h2{margin-top:20px;font-size:18px}.refer-banner-amount span{font-size:60px}.refer-banner-amount span:first-child,.refer-banner-note{font-size:14px}.refer-banner-amount span:first-child{font-size:20px}.refer-about{margin:30px 0}.refer-about-copy,.refer-about-list li,.refer-benefit-card,.refer-howto-copy{font-size:14px}.refer-benefit-row,.refer-howto-block:nth-child(2n) .refer-howto-row,.refer-howto-row{flex-direction:column}.refer-benefit-card{width:100%;margin-top:0}.refer-howto-image img{width:156px}.refer-howto-copy{width:100%}.refer-howto-copy ul{padding:0}}@media (max-width:480px){.refer-banner{padding:44px 16px}}@media (max-width:600px){.refer-steps .product-slider{margin-bottom:60px}}@media (max-width:425px){.refer-steps{width:80%}}@media (max-width:350px){.refer-banner-content h1{font-size:35px;line-height:1}.refer-banner-content h2{font-size:16px}.refer-banner-amount span{font-size:45px}.refer-banner-amount span:first-child{font-size:18px}}@media (max-width:275px){.refer-banner-content{transform:translateY(30%)}}