.referrals-body{gap:150px}.referrals-section{justify-content:space-evenly;align-items:center;gap:50px;padding:20px;display:flex}.referrals-section-image{width:300px;height:auto}.referrals-section-text{flex-direction:column;justify-content:center;gap:20px;max-width:500px;display:flex}.referrals-section-text-header{align-items:center;gap:10px;font-size:14px;display:flex}.referrals-section-text-header p{color:var(--text-color)}.referrals-section-text-header svg{color:#3d3dff}.referrals-section-text-title{color:var(--primary-color);font-size:24px;font-weight:700}.referrals-section-text-subtitle{color:var(--text-color);font-size:12px}.referrals-section-text-feature{align-items:center;gap:10px;display:flex}.referrals-section-text-feature p{color:var(--text-color);font-size:14px}.referrals-section-text-feature svg{color:#3d3dff}.referrals-section-button{background-color:var(--primary-color);color:#fff;cursor:pointer;border-radius:5px;width:fit-content;padding:5px 7px;font-size:12px;font-weight:700;transition:background-color .3s}.referrals-section-button:hover{background-color:var(--secondary-color)}.referrals-step-number{background-color:#6596f02f;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:20px;display:flex;color:#00f!important}.referrals-section-cta{background-color:var(--primary-color);border-radius:15px;flex-wrap:wrap;justify-content:space-evenly;align-items:center;gap:50px;width:100%;padding:20px;display:flex}.referrals-section-cta-title{color:#fff;font-size:24px;font-weight:700}.referrals-section-cta-subtitle{color:#fff;font-size:16px}.referrals-section-cta-button{width:fit-content;color:var(--primary-color);cursor:pointer;background-color:#fff;border-radius:5px;padding:10px 20px;font-weight:700;transition:background-color .3s}.referrals-section-cta-button:hover{background-color:#c7c7c7}.referrals-manage-section{flex-direction:column;justify-content:start;align-items:center;gap:50px;width:100%;display:flex}.referral-code-section{background-color:var(--tertiary-color);border-radius:20px;justify-content:space-between;align-self:center;align-items:center;gap:10px;width:100%;max-width:600px;padding:10px 20px;display:flex}.referral-code-input{width:70%;color:var(--text-color);box-shadow:none;background-color:#0000;border:none;border-radius:5px;padding:10px;font-size:16px;transition:all .3s}.referral-code-input.editable{background-color:#ffffff41}.referral-code-input:focus{outline:none}.referral-error-msg{color:red;text-align:center;font-size:14px}.referrals-section-code-progress{justify-content:center;align-items:center;gap:10px;width:100%;display:flex}.referrals-section-code-progress-bar{background-color:var(--tertiary-color);border-radius:10px;align-self:center;width:70%;height:20px;position:relative;overflow:hidden}.referrals-section-code-progress-bar:after{content:"";background-color:var(--primary-color);height:100%;width:var(--progress-referral-width);border-radius:10px;transition:all .5s;display:block;position:absolute}.referral-withdrawal-section{z-index:1000;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.referral-withdrawal-overlay{z-index:-1;background-color:#0003;width:100%;height:100%;position:fixed;top:0;left:0}.referral-withdrawal-menu{background-color:#fff;border-radius:15px;flex-direction:column;align-items:start;gap:20px;width:700px;max-width:90%;padding:20px;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.referral-withdrawal-title{color:var(--primary-color);border-bottom:1px solid var(--primary-color);width:100%;font-size:24px;font-weight:700}.referral-withdrawal-method-radio{color:var(--primary-color);align-items:center;gap:10px;width:fit-content;font-size:14px;transition:color .3s;display:flex}.referral-withdrawal-method-radio svg{width:35px;font-size:20px}.referral-withdrawal-method-radio.disabled{color:var(--text-color)}.referral-withdrawal-input{width:100%;color:var(--text-color);box-shadow:none;border:1px solid #0000;border:1px solid var(--tertiary-color);background-color:#0000;border-radius:5px;padding:5px 10px;font-size:14px;transition:all .3s}.referral-withdrawal-input:focus{outline:none}.referral-withdrawal-record{border:1px solid var(--tertiary-color);border-radius:10px;flex-direction:column;gap:20px;padding:20px 30px;display:flex;position:relative}.referral-withdrawal-record-details{gap:50px;display:flex}.withdrawal-data-section{flex-direction:column;gap:5px;display:flex}.withdrawal-data-label{font-size:14px;font-weight:700}.withdrawal-data-text{align-items:center;gap:10px;font-size:14px;display:flex}.withdrawal-status{border-radius:5px;padding:5px 10px;font-size:14px;position:absolute;top:20px;right:30px}.withdrawal-status.sent{color:green;background-color:#00ff001a}.withdrawal-status.pending{color:var(--secondary-color);background-color:var(--tertiary-color)}.referrals-manage-sec-div{background-color:var(--quaternary-color);border-radius:20px;flex-direction:column;gap:30px;width:100%;max-width:700px;padding:10px 20px;display:flex}.referrals-manage-sec-row{justify-content:space-between;gap:10px;display:flex}.referrals-manage-sec-col{flex-direction:column;justify-content:space-between;gap:20px;display:flex}.referrals-manage-sec-container{background-color:var(--tertiary-color);border-radius:20px;flex-direction:column;justify-content:end;align-items:end;gap:5px;width:50%;padding:20px;display:flex}.referrals-manage-sec-container-title{color:var(--secondary-color);font-size:14px;font-weight:700}.referrals-manage-sec-container-subtitle{color:var(--primary-color);font-size:20px;font-weight:700}.referral-code-section-button{background-color:var(--secondary-color);color:var(--tertiary-color);border-radius:10px;justify-content:center;align-items:center;gap:5px;padding:5px 10px;font-size:12px;display:flex}.referral-code-section-code{color:var(--primary-color);font-weight:700}.referral-movement-container{background-color:var(--tertiary-color);border-radius:15px;justify-content:space-between;padding:10px 20px;display:flex}.referral-movement-container-text{color:var(--secondary-color);justify-content:center;align-items:center;gap:10px;font-size:14px;font-weight:700;display:flex}@media (max-width:989px){.referrals-section{flex-direction:column}.referrals-section-image{order:2}.referrals-section-text{order:1}}