:root {
    --primary: #3E97FF;
    --primary-linear-gradient: #3E97FF;
    --primary-background: #3E97FF;
    --hover-primary-background: #367CFF;
    
    --primary-2: #3E97FF;
    --primary-2-background: #3E97FF;
    --primary-text: #ffffff;
    --primary-2-secondary-background: #3E97FF;
    --primary-2-secondary-text: #ffffff;
    --hover-primary-2-secondary-background: #367cff;
    --hover-primary-2-background: #367cff;
    --primary-2-tertiary-background: #367cff;
    --hover-primary-2-tertiary-background: #367cff;
    --primary-2-tertiary-text: #ffffff;

    --primary-icon-color: var(--primary);
    --counter-background: #282B37;
    --primary-border-color: #282B37;
}

.referral-content .arrow i {
    filter: unset !important;
    background-color: #ffffff !important;
}

.profile-banner .avatar-container h4,
.profile-banner div:last-child div h3,
.mobile-profile-banner .profile-content .text-xl,
.mobile-profile-banner .profile-content h4,
.mobile-profile-banner .profile-content h3,
.mobile-profile-banner .profile-content div,
.mobile-profile-banner .profile-content div h4  {
    color: var(--primary-text);
}

.profile-banner::before {
    background: url('/ratunaga/img/profile-bg.png') !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
    mix-blend-mode: normal !important;
    opacity: 1 !important;
}

.mobile-profile-banner::before {
    background: url('/ratunaga/img/profile-mobile.png') !important;
    background-size: cover !important;
}