#referral-page{display:grid;grid-row-gap:16px;row-gap:16px}#referral-page .row{display:flex;gap:16px;flex-direction:row;align-items:stretch}#referral-page .row .left-col{display:flex;flex-direction:column;gap:16px;width:100%;flex:1 1;max-width:none}#referral-page .row .left-col .referral-section .content #ReferallProgram-section{padding:24px;border-radius:8px}#referral-page .row .left-col .referral-section .content #ReferallProgram-section .ref_link-block .ref_link-line{display:flex;justify-content:space-between;gap:24px;padding:8px 8px 8px 24px;border-radius:100px;border:1px solid rgba(207,207,207,.2);background:#fff;align-items:center;margin-bottom:32px}#referral-page .row .left-col .referral-section .content #ReferallProgram-section .ref_link-block .ref_link-line b{font-size:16px;line-height:140%;letter-spacing:-.045em;font-weight:400;color:#07130c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#referral-page .row .left-col .referral-section .content #ReferallProgram-section .ref_text-block{align-items:center;display:flex;gap:40px;margin-bottom:14px}#referral-page .row .left-col .referral-section .content #ReferallProgram-section .ref_text-block p{margin:0;font-size:18px;line-height:150%;letter-spacing:-.045em;font-weight:400;color:#959595}#referral-page .row .left-col .referral-section .content #ReferallProgram-section .ref_text-block p b{font-size:18px;line-height:140%;letter-spacing:-.045em;font-weight:500;display:inline;color:#000}#referral-page .row .left-col .purchase-section .content{width:100%}#referral-page .row .left-col .referral-section{height:100%}#referral-page .row .right-col{width:100%;flex:1 1;max-width:none;gap:16px;display:flex;flex-direction:column}#referral-page .row .right-col .card{height:auto}#referral-page .row .right-col .card .content #earningForm label{margin-bottom:16px}#referral-page .row .right-col .card .content #earningForm .select-wrap{background-color:#fff;border:1px solid rgba(207,207,207,.2);padding:14px 16px;display:flex;justify-content:space-between;border-radius:8px;box-sizing:border-box;gap:24px;margin-bottom:24px;align-items:center}#referral-page .row .right-col .card .content #earningForm .select-wrap .min{color:#4d544f;font-size:12px;line-height:140%;letter-spacing:-.045em;font-weight:500;text-transform:uppercase;padding:7px 12px;background:#fff;border:1px solid rgba(207,207,207,.2);border-radius:8px}#referral-page .row .right-col .card .content #earningForm .buttons{display:flex;gap:16px;justify-content:space-around}#referral-page .row .right-col .card .content #earningForm .buttons button{flex:1 1;justify-content:center;border-radius:10px;height:48px}#referral-page .row .right-col #rewards{display:flex;gap:16px;align-items:stretch}#referral-page .row .right-col #rewards>.card{flex:1 1;min-height:94px;padding:24px;align-items:flex-start;position:relative}#referral-page .row .right-col #rewards>.card .card-icon{width:14px;height:14px;flex:0 0 14px;border:none;border-radius:0;background-color:rgba(0,0,0,0);background-size:14px 14px;opacity:.5;position:absolute;top:28px;left:24px}#referral-page .row .right-col #rewards>.card .content{width:100%;gap:10px}#referral-page .row .right-col #rewards>.card .content label{font-size:16px;line-height:140%;letter-spacing:-.045em;font-weight:400;font-size:14px;color:#a5a5a5;padding-left:24px;text-transform:uppercase}#referral-page .row .right-col #rewards>.card .content b{font-size:32px;line-height:140%;letter-spacing:-.045em;font-weight:500;font-size:26px;line-height:110%;color:#07130c}#referral-page .row .right-col .wallet-section{box-sizing:border-box}#referral-page .row .right-col .wallet-section .content,#referral-page .row>.card{width:100%}#referral-page .row>.card.instruction-section{padding:20px 24px}#referral-page .row>.card .content #instruction h2{display:none;font-size:16px;line-height:140%;letter-spacing:-.045em;font-weight:500;margin:0 0 16px;color:#000}#referral-page .row>.card .content #instruction .ref_how-steps-block{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}#referral-page .row>.card .content #instruction .ref_how-steps-block .ref-img{width:100%;height:198px;position:relative}#referral-page .row>.card .content #instruction .ref_how-steps-block .ref-img img{object-fit:cover;border-radius:8px}#referral-page .row>.card .content #instruction .ref_how-steps-block .ref_how-step{display:flex;padding:24px;flex-direction:column;align-items:flex-start;gap:16px;align-self:stretch;border-radius:8px;border:1px solid rgba(207,207,207,.2);background:#fff}#referral-page .row>.card .content #instruction .ref_how-steps-block .ref_how-step .ref_how-step-text-block .ref_how-step-title{font-size:16px;line-height:140%;letter-spacing:-.045em;font-weight:500;color:#000;margin-bottom:8px}#referral-page .row>.card .content #instruction .ref_how-steps-block .ref_how-step .ref_how-step-text-block .ref_how-step-text{font-size:14px;line-height:140%;letter-spacing:-.045em;font-weight:400;color:#959595}@media screen and (max-width:1400px){#referral-page .row .left-col{max-width:none}}@media screen and (max-width:1330px){#referral-page .row .left-col{max-width:none}#referral-page .row .left-col .referral-section .content #ReferallProgram-section .ref_link-block .ref_link-line{margin-bottom:38px}#referral-page .row .left-col .referral-section .content #ReferallProgram-section .ref_text-block{gap:24px}#referral-page .row .left-col .referral-section .content #ReferallProgram-section .ref_text-block .right img{width:68px;height:64px}}@media screen and (max-width:1270px){#referral-page .row .left-col{max-width:none}}@media screen and (max-width:1200px){#referral-page .row .card .content #instruction .ref_how-steps-block .ref_how-step .ref-img{height:100px}}@media screen and (max-width:1150px){#referral-page .row{flex-direction:column}#referral-page .row .left-col{max-width:100%}#referral-page .row .left-col .referral-section .content #ReferallProgram-section .ref_link-block .ref_link-line{margin-bottom:24px}#referral-page .row .left-col .referral-section .content #ReferallProgram-section .ref_text-block .right img{width:108px;height:108px}#referral-page .row .right-col{max-width:100%}}@media screen and (max-width:1100px){#referral-page .row .card .content #instruction h2{display:block}#referral-page .row .card .content #instruction .ref_how-steps-block{grid-template-columns:1fr}#referral-page .row .card .content #instruction .ref_how-steps-block .ref_how-step{max-width:450px;margin:auto;gap:16px}#referral-page .row .card .content #instruction .ref_how-steps-block .ref_how-step .ref-img{height:180px}}@media screen and (max-width:1000px){#referral-page .row .left-col .referral-section .content #ReferallProgram-section .ref_link-block .ref_link-line b{max-width:300px}}@media screen and (max-width:600px){#referral-page .row .left-col .referral-section .content #ReferallProgram-section .ref_link-block .ref_link-line b{max-width:220px}#referral-page .row .right-col #rewards{flex-direction:column}#referral-page .row .right-col .card .content #earningForm .buttons{flex-direction:column;gap:8px}}@media screen and (max-width:500px){#referral-page .row .left-col .referral-section .content #ReferallProgram-section .ref_link-block .ref_link-line{gap:12px}#referral-page .row .left-col .referral-section .content #ReferallProgram-section .ref_link-block .ref_link-line b{max-width:160px}#referral-page .row .left-col .referral-section .content #ReferallProgram-section{padding:16px}#referral-page .row .left-col .referral-section .content #ReferallProgram-section .ref_link-block{max-width:100%;overflow:unset}#referral-page .row .left-col .referral-section .content #ReferallProgram-section .ref_text-block .right img{width:68px;height:64px}#referral-page .row .right-col .card .content #earningForm label{margin-bottom:12px}#referral-page .row .card .content #instruction .ref_how-steps-block .ref_how-step{padding:16px}#referral-page .row .card .content #instruction .ref_how-steps-block .ref_how-step .ref-img{height:140px}}@media screen and (max-width:400px){#referral-page .row .left-col .referral-section .content #ReferallProgram-section .ref_link-block .ref_link-line b{max-width:140px}#referral-page .row .card .content #instruction .ref_how-steps-block .ref_how-step .ref-img{height:110px}}