.affiliate_dashboard_theme_mod .invite .table_body_row td:first-child span { background-color: #DEEFFD; border-radius: 50%; width: 35px; height: 35px; display: inline-flex; align-items: center; justify-content: center; }

.affiliate_dashboard_theme_mod .invite .share_process { display: flex; flex-direction: column; gap: 20px; padding-top: 20px; box-sizing: border-box; }

.affiliate_dashboard_theme_mod .invite .share_process .check_value { display: flex; align-items: center; gap: 7px; }

.affiliate_dashboard_theme_mod .invite .social_link { margin-top: 20px; }

.affiliate_dashboard_theme_mod .invite .social_link .heading { font-size: 17px; font-weight: 500; line-height: 26px; color: #8b8b8b; }

.affiliate_dashboard_theme_mod .invite .social_link .social_images { margin-top: 15px; display: flex; gap: 15px; align-items: center; }

.affiliate_dashboard_theme_mod .invite .discount .heading { margin-bottom: 7px; }

.affiliate_dashboard_theme_mod .invite .voucher { display: flex; gap: 30px; justify-content: space-between; align-items: flex-start; border: 1px solid #F7B500; padding: 20px 30px; border-radius: 5px; border-left: 5px solid #F7B500; margin-bottom: 30px; }

.affiliate_dashboard_theme_mod .invite .voucher .referral_text { font-size: 20px !important; font-weight: 500; line-height: 30px; color: #8b8b8b !important; }

.affiliate_dashboard_theme_mod .invite .voucher .referral_text .referral_code { display: flex; gap: 30px; align-items: center; }

.affiliate_dashboard_theme_mod .invite .voucher .referral_text .referral_code strong { color: #F7B500; }

.affiliate_dashboard_theme_mod .invite .voucher .referral_text .referral_code .code { color: #474747; font-weight: bold; }

.affiliate_dashboard_theme_mod .invite .voucher .referral_text .text { font-size: 18px; }

.affiliate_dashboard_theme_mod .invite .invitation { display: flex; justify-content: flex-end; gap: 30px; align-items: center; margin-left: auto;}

.affiliate_dashboard_theme_mod .invite .invitation .toggle_btn { background-color: #F7F5FE; display: flex; gap: 25px; border: 1px solid #9677EF; border-radius: 50px; padding: 12px 20px; align-items: center; justify-content: center; }

.affiliate_dashboard_theme_mod .invite .invitation .toggle_btn .mius, .invitation .toggle_btn .plus { height: 30px; width: 30px; }

.affiliate_dashboard_theme_mod .invite .terms { padding-top: 15px; box-sizing: border-box; }

.affiliate_dashboard_theme_mod .invite .terms .check_value { display: flex; gap: 7px; align-items: center; }

.affiliate_dashboard_theme_mod .invite .action_btn { display: flex; justify-content: end; gap: 15px; align-items: center; padding-top: 30px; box-sizing: border-box; }

.affiliate_dashboard_theme_mod .affiliate_referral_container{
    display: flex; flex-wrap: wrap; gap: 25px; position: relative;
}


@media (min-width: 320px) and (max-width: 767px) {
.affiliate_dashboard_theme_mod    .invite .voucher { flex-direction: column; gap: 15px; }

.affiliate_dashboard_theme_mod .invite .voucher .referral_text .referral_code { flex-direction: column; align-items: flex-start; gap: 10px; margin-bottom: 10px; }

.affiliate_dashboard_theme_mod .invite .voucher .referral_text { font-size: 16px; line-height: 22px; }

.affiliate_dashboard_theme_mod .invite .voucher .referral_text .text { font-size: 16px; }
}