#referral-page{display:grid;grid-row-gap:16px;row-gap:16px}#referral-page .row{display:flex;gap:16px;flex-direction:row}#referral-page .row .left-col{display:flex;flex-direction:column;gap:16px;width:100%;max-width:568px}#referral-page .row .left-col .referral-section .content #ReferallProgram-section{padding:24px;border-radius:8px;background:#edfff2}#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 #e8e8e8;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}#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}#referral-page .row .left-col .purchase-section .content{width:100%}#referral-page .row .left-col .referral-section{height:auto}#referral-page .row .right-col{width:100%;max-width:568px;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 #e8e8e8;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 #e8e8e8;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}#referral-page .row .right-col #rewards{display:flex;gap:16px}#referral-page .row .right-col #rewards>.card{flex:1 1}#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 .content #instruction .ref_how-steps-block{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px}#referral-page .row>.card .content #instruction .ref_how-steps-block .ref-img{width:100%;height:120px;position:relative}#referral-page .row>.card .content #instruction .ref_how-steps-block .ref-img img{object-fit:contain}#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 #e8e8e8;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:18px;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:16px;line-height:140%;letter-spacing:-.045em;font-weight:400;color:#000}@media screen and (max-width:1400px){#referral-page .row .left-col{max-width:540px}}@media screen and (max-width:1330px){#referral-page .row .left-col{max-width:480px}#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:450px}}@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 .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:130px}}@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}}