.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: #7a7a7a; }

.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 #c4a975; padding: 20px 30px; border-radius: 5px; border-left: 5px solid #c4a975; margin-bottom: 30px; }

.affiliate_dashboard_theme_mod .invite .voucher .referral_text { font-size: 20px !important; font-weight: 500; line-height: 30px; color: #7a7a7a !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: #c4a975; }

.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: #f6f6f6; display: flex; gap: 25px; border: 1px solid #E3E3E3; 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: 1049px) {
    .affiliate_dashboard_theme_mod .invite .invitation,
    .affiliate_dashboard_theme_mod .invite .action_btn {
        flex-wrap: wrap;
        justify-content: center;
        gap: 12px;
    }

    .affiliate_dashboard_theme_mod .invite .invitation .toggle_btn,
    .affiliate_dashboard_theme_mod .invite .invitation .primary_cta,
    .affiliate_dashboard_theme_mod .invite .action_btn .cta {
        width: 100%;
        text-align: center;
    }

    .affiliate_dashboard_theme_mod .affiliate_referral_container .form_field {
        width: 100%;
    }
}


@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; }
}