@import url("mobile_profile.css");
@import url("tablet_profile.css");
@media only screen and (min-width: 1025px) {
    .user-profile-page{
        width: 100%;
        min-height: 100vh;
        margin: 0 auto;
    }
    .user-profile-page > .user-profile-general-extra span svg{
        width: 20px;
        height: 20px;
        color: #737373;
        fill: #737373;
        margin-right: 3px;
    }
    .user-profile-page > .my-user-followers-check-in{
        position: relative;
        display: flex;
        align-items: center;
        margin-bottom: 0px;
        padding: 15px;
        flex-wrap: wrap;
        margin-top: -15px;
    }
    .user-profile-page > .user-profile-following-info{
        position: relative;
        display: flex;
        padding: 15px;
        margin-bottom: -0px;
        margin-top: -13px;
    }
    .user-profile-page > .user-profile-following-info a{
        text-decoration: none;
    }
    .user-profile-page > .user-profile-following-info span{
        font-size: 14px;
        font-weight: 400;
        line-height: 16px;
        color: #737373;
        margin-right: 10px;
    }
    .user-profile-page > .user-profile-following-info span:hover{
        text-decoration: underline;
    }
    .user-profile-page > .user-profile-following-info span strong{
        color: #0f1419;
    }
    .user-profile-page > .user-profile-bot-menu{
        position: relative;
        display: flex;
        align-items: center;
        justify-items: center;
        justify-content: center;
        margin-bottom: 5px;
        border-top: 1px solid #EFF3F4;
    }
    .user-profile-page > .user-profile-bot-menu a{
        font-size: 12px;
        font-weight: 600;
        line-height: 14px;
        color: #737373;
        padding: 13px 25px;
        border-top: 2px solid transparent;
        text-decoration: none !important;
        margin-bottom: -17px;
        text-transform: uppercase;
        margin-right: 15px;
        letter-spacing: 2.5px;
    }
    .user-profile-page > .user-profile-bot-menu a i{
        font-size: 12px;
    }
    .user-profile-page > .user-profile-bot-menu a:hover{
        border-top: 2px solid #0f1419;
    }
    .user-profile-page > .user-profile-bot-menu .active{
        font-weight: 700;
        border-top: 2px solid #188CD8 !important;
        color: #0f1419;
    }
    .getprofile-user-info{
        border-right: 1px solid #EFF3F4;
    }
    .getprofile-user-info > .user-avatar-pic {
        position: relative;
        padding-left: 15px;
        padding-right: 15px;
        top: -70px;
    }
    .getprofile-user-info > .user-avatar-pic img{
        width: 138px;
        height: 138px;
        cursor: pointer;
        border-radius: 999px;
        z-index: 9999;
        border: 3px solid #fff;
        object-fit: contain;
        background-color: #fff;
        padding: 1px;
    }
    #circleAvatarVeriy{
        border-radius: 8px !important;
    }
    .user-general-profile-info{
        display:flex;
        align-items:center;
        justify-items:center;
    }
    .user-general-profile-info h5{
        margin-left: 20px;
        top: 0;
    }
    .user-general-profile-info h5{
        font-size: 20px;
        font-weight: 600;
        line-height: 25px;
        color: #0f1419;
        display:flex;
        align-items:center;
        cursor: pointer;
    }
    .user-general-profile-info h5 svg{
        width: 19px;
        height: 19px;
        margin-left: 3px;
        cursor: pointer !important;
    }
    .user-general-profile-button-selection{
        position: absolute;
        right: 0;
        top: 275px;
        user-select: none;
    }
    html[dir="rtl"] .user-general-profile-button-selection{
        right: auto;
        left: 0;
    }
    .user-general-profile-button-selection button{
        padding: 9px 16px;
        border-radius: 999px;
        background: #0f1419;
        color: #fff;
        border:none;
        outline:none;
        font-size: 15px;
        font-weight: 700;
        line-height: 20px;
        user-select: none;
        transition-duration: 0.3s;
        margin-right: 15px;
        margin-left: 5px;
    }
    html[dir="rtl"] .user-general-profile-button-selection button{
        margin-right: 0;
        margin-left: 15px;
    }
    
    .user-general-profile-button-selection button:hover{
        background-color: #2d353e;
    }
    .user-general-profile-button-selection #profile-sent-message-btn:hover{
        transition-duration: 0.2s;
        background-color: #E7E7E8;
        border: 1px solid #CFD9DD;
    }
    .user-general-profile-button-selection #edit-my-profile-btn{
        background: #EFEFEF;
        color: #0f1419;
    }
    .user-general-profile-button-selection #edit-my-profile-btn{
        background: transparent;
        color: #0f1419;
        padding: 9px 16px;
        border-radius: 999px;
        border:none;
        outline:none;
        font-size: 15px;
        font-weight: 700;
        line-height: 20px;
        user-select: none;
        margin-right: 15px;
        border: 1px solid #CFD9DD;
        top: 5px;
        position: relative;
    }
    html[dir="rtl"] .user-general-profile-button-selection #edit-my-profile-btn{
        margin-right: 0;
        margin-left: 15px;
    }
    .user-general-profile-button-selection #edit-my-profile-btn:hover{
        transition-duration: 0.2s;
        background: #EFF3F4;
    }
    .user-general-profile-button-selection a{
        text-decoration: none;
    }
    .user-general-profile-button-selection a span i{
        font-size: 20px;
        padding: 5px 7px;
        border: 1px solid #CFD9DC;
        border-radius: 50%;
        color: #0f1419;
        cursor: pointer;
        top: 3px;
        position: relative;
    }
    .user-general-profile-button-selection a span i:hover{
        transition-duration: 0.2s;
        background-color: #E7E7E8;
        border: 1px solid #CFD9DD;
    }
    .user-getprofile-next-information{
        position: relative; 
        margin-left: 20px;
        margin-top: -60px;
        margin-bottom: 25px;
    }
    html[dir="rtl"] .user-getprofile-next-information{
        margin-left: 0;
        margin-right: 20px;
    }
    .user-getprofile-next-information > .user-getprofile-follow-following-info{
        display: flex;
        align-items:center;
        justify-items:center;
        margin-top: 10px;
    }
    .user-getprofile-next-information a{
        text-decoration: none;
        color: #536471;
        font-size: 14px;
        line-height: 16px;
        font-weight: 400;
        margin-right: 15px;
        &:hover{
            text-decoration: underline;
        }
    }
    .user-getprofile-next-information a strong{
        color: #0f1419;
    }
    .user-getprofile-next-information > .getuser-profile-other-information{
        display: flex;
        flex-direction: column;
    }
    .user-getprofile-next-information > .getuser-profile-other-information h6{
        font-size: 20px;
        line-height: 24px;
        font-weight: 800;
        color: #0f1419;
        display: flex;
        align-items: center;
        margin-bottom: -0px;
        cursor: pointer;
    }
    .user-getprofile-next-information > .getuser-profile-other-information .textForUsernameProfile{
        font-size: 15px;
        font-weight: 400;
        line-height: 20px;
        color: #536471;
        margin-bottom: 5px;
    }
    .user-getprofile-next-information > .getuser-profile-other-information h6 svg{
        width: 20px;
        height: 20px;
        margin-left: 0px;
        margin-right: 2px;
        position: relative;
        top: 1px;
    }
    .user-getprofile-next-information > .getuser-profile-other-information span{
        font-size: 15px;
        line-height: 20px;
        font-weight: 400;
        overflow-wrap: break-word;
        white-space: pre-wrap;
        color: #0f1419;
    }
    .user-getprofile-next-information > .getuser-profile-other-information span a{
        color: #1C9BEF;
        margin-right: -0px;
        &:hover{
            text-decoration: underline;
        }
    }
    .userprofile-nexting-menu-select{
        display: flex;
        align-items: center;
        justify-items: center;
        justify-content: space-between;
        width: 100%;
        position: relative;
        padding-bottom: 17px;
        padding-left: 25px;
        padding-right: 25px;
        border-bottom: 1px solid #EFF3F4;
        overflow-x: auto;
        scrollbar-width: none; 
    }
    html[dir="rtl"] .userprofile-nexting-menu-select{
        padding-right: 0;
    }
    .userprofile-nexting-menu-select::-webkit-scrollbar {
        display: none; 
    }
    .userprofile-nexting-menu-select a{
        font-size: 15px;
        font-weight: 500;
        line-height: 20px;
        color: #536471;
        border-bottom: 3px solid transparent;
        text-decoration: none !important;
        margin-bottom: -17px;
        margin-right: 20px;
        display: flex;
        align-items: center;
        padding-bottom: 10px;
    }
    .userprofile-nexting-menu-select a i{
        font-size: 12px;
        display: none;
    }
    .userprofile-nexting-menu-select a:hover{
        border-bottom: 3px solid #0f1419;
    }
    .userprofile-nexting-menu-select .active{
        font-weight: 700;
        border-bottom: 3px solid #1C9BEF;
        color: #0f1419;
    }
    .userprofile-nexting-menu-select a:last-child{
        margin-right: 0px;
    }
    .getuser-profile-other-two-information{
        position: relative;
        display: flex;
        align-items: center;
        justify-items: center;
        flex-wrap: wrap;
        padding-bottom: 0px;
        margin-top: 8px;
    }
    .getuser-profile-other-two-information span{
        font-size: 15px;
        font-weight: 400;
        line-height: 20px;
        color: #737373;
        margin-bottom: 1px;
        margin-right: 10px;
    }
    .getuser-profile-other-two-information span a{
        font-size: 15px;
        line-height: 20px;
        color: #1d9bf0;
        margin-right: -0px;
    }
    .getuser-profile-other-two-information span a:hover{
        text-decoration: underline !important;
    }
    .getuser-profile-other-two-information span i{
        font-size: 14px;
        color: #737373;
        fill: #737373;
        margin-right: 3px;
    }
    html[dir="rtl"] .getuser-profile-other-two-information span i{
        margin-right: 0;
        margin-left: 3px;
    }
    #follow-status{
        padding: 2.5px 6px;
        font-size: 10px;
        font-weight: 500;
        line-height: 13px;
        background: rgb(239, 243, 244);
        color: rgb(83, 100, 113);
        border-radius: 3px;
        cursor: default;
        margin-left: 2px;
        position: relative;
        top: 1px;
        user-select: none;
    }
    .user-profile-quote-title{
        display: none;
    }
    .account-settings-page-for-users-page{
        position: relative;
        width: 100%;
        margin: 0 auto;
        min-height: 100vh;
        border-radius: 0;
    }
    .account-settings-page-for-users-page > .settings-page-top-title{
        margin-top: 35px;
        margin-bottom: 35px;
    }
    .account-settings-page-for-users-page > .settings-page-top-title h5{
        font-size: 20px;
        font-weight: 600;
        line-height: 20px;
        color: #0f1419;
        display: flex;
        align-items: center;
        justify-items: center;
        margin-bottom: -10px;
    }
    .account-settings-page-for-users-page > .settings-page-top-title h5 svg{
        width: 24px;
        height: 24px;
        margin-right: 15px;
        cursor: pointer;
    }
    .account-settings-page-for-users-page > .settings-page-top-title h5 svg:hover{
        opacity: 0.6;
    }
    .account-settings-page-for-users-page > .settings-page-content-full{
        border-bottom: 1px solid #EFF3F4;
        width: 100%;
        margin: 0 auto;
        display: flex;
        align-items: center;
    }
    .account-settings-page-for-users-page > .settings-page-content-full > .settings-page-content-user-menu{
        width: 100%;
        box-sizing: border-box;
        min-height: 100vh;
    }
    .menu-content-user-selection{
        padding: 15px;
        padding-bottom: 5px;
        text-decoration: none !important;
        user-select: none;
    }
    .menu-content-user-selection a{
        text-decoration: none;
    }
    .menu-content-user-selection a h5{
        font-size: 15px;
        font-weight: 400;
        line-height: 18px;
        color: #0f1419;
        display: flex;
        align-items: center;
    }
    .menu-content-user-selection a h5 i{
        margin-right: 15px;
        font-size: 16px;
    }
    html[dir="rtl"] .menu-content-user-selection a h5 i{
        margin-right: 0;
        margin-left: 15px;
    }
    .menu-content-user-selection:hover{
        background: rgba(0, 0, 0, 0.025);
    }
    #active-menu-settings-menu{
        font-weight: 600;
    }
    #delete-account-settings-menu{
        color: #1C9BEF;
        font-weight: 600;
    }
    .settings-edit-profile-right-zone{
        padding: 25px;
        margin: 0 auto;
        display: flex;
        justify-content: center;
    }
    .settings-page-content-full > .settings-edit-profile-right-zone > .edit-profile-right-zone-title{
        margin-bottom: 20px;
    }
    .settings-page-content-full > .settings-edit-profile-right-zone > .edit-profile-right-zone-title h5{
        font-size: 24px;
        font-weight: 400;
        line-height: 27px;
        color: #0f1419;
    }
    .settings-page-content-full > .settings-edit-profile-right-zone > .edit-profile-right-zone-title small{
        font-size: 13px;
        font-weight: 400;
        line-height: 15px;
        color: #8e8e8e;
        letter-spacing: 1.1;
    }
    .settings-page-content-full > .settings-edit-profile-right-zone > .user-profile-edit-form-content-full #change-avatar{
        display: flex;
        align-items: center;
        justify-items: center;
    }
    .settings-page-content-full > .settings-edit-profile-right-zone > .user-profile-edit-form-content-full #change-avatar > #changeAvatar img{
        width: 50px;
        height: 50px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-items: center;
        cursor: pointer;
    }
    .settings-page-content-full > .settings-edit-profile-right-zone > .user-profile-edit-form-content-full #change-avatar h5{
        font-size: 16px;
        font-weight: 400;
        line-height: 20px;
        color: #0f1419;
        display: flex;
        flex-direction: column;
        margin-bottom: 0;
        margin-left: 63px;
        top: -43px;
        position: relative;
    }
    html[dir="rtl"] .settings-page-content-full > .settings-edit-profile-right-zone > .user-profile-edit-form-content-full #change-avatar h5{
        margin-left: 0;
        margin-right: 63px;
    }
    .settings-page-content-full > .settings-edit-profile-right-zone > .user-profile-edit-form-content-full #change-avatar h5 span{
        color: #00376b;
        font-weight: 600;
        font-size: 14px;
        line-height: 18px;
        user-select: none;
    }
    .settings-page-content-full > .settings-edit-profile-right-zone > .user-profile-edit-form-content-full #change-avatar h5 span:hover{
        text-decoration: underline;
        cursor: pointer;
    }
    .edit-input-profile{
        position: relative;
        display: flex;
        flex-direction: column;
        margin-bottom: 20px;
        box-sizing: border-box;
        width: 100%;
    }
    .edit-input-profile label{
        font-size: 14px;
        font-weight: 600;
        line-height: 16px;
        color: #0f1419;
        margin-bottom: 5px;
    }
    .edit-input-profile input{
        padding: 10px;
        border-radius: 6px;
        border: 1px solid #EFF3F4;
        outline: none;
        font-size: 14px;
        box-sizing: border-box !important;
    }
    .edit-input-profile input:focus{
        outline: 2px solid #1C9BEE;
    }
    .edit-input-profile select{
        padding: 8px;
        border-radius: 4px;
        border: 1px solid #EFF3F4;
        outline: none;
        font-size: 14px;
        box-sizing: border-box !important;
        outline: none;
        margin-bottom: 20px;
    }
    .edit-input-profile textarea{
        padding: 8px;
        border-radius: 4px;
        border: 1px solid #EFF3F4;
        outline: none;
        font-size: 14px;
        box-sizing: border-box !important;
        min-height: 80px;
        max-height: 130px;
    }
    .edit-input-profile small{
        font-size: 12px;
        line-height: 16px;
        font-weight: 400;
        color: #737373;
        margin-top: 5px;
    }
    .maxlenght-textarea-in-input-400{
        width: 400px !important;
    }
    .edit-input-profile button{
        padding: 8px 20px;
        font-size: 14px;
        font-weight: 600;
        line-height: 16px;
        color: #fff;
        background: #1C9BEF;
        border: none;
        outline: none;
        border-radius: 999px;
        transition-duration: 0.2s;
        display: inline-block;
        align-items: center;
        box-sizing: border-box;
        margin-bottom: 10px;
    }
    .edit-input-profile button i{
        margin-right: 5px;
    }
    .edit-input-profile button img{
        width: 40px;
        height: 50px;
        object-fit: contain;
        margin-right: 10px;
        position: absolute;
        left: 20px;
        margin-top: -16px;
    }
    .edit-input-profile button:hover{
        background-color: #1da0f1cd;
    }
    .edit-input-profile > .user-switch-container-change{
        display: flex;
        align-items: center;
        justify-items: center;
    }
    .edit-input-profile > .user-switch-container-change input[type="radio"] {
        width: 33px;
        height: 33px;
        border-radius: 50%;
        background-color: transparent;
        margin-right: 10px;
        border: 1px solid #EFF3F4;
        margin-left: 50px;
    }  
    .edit-input-profile > .user-switch-container-change span{
        font-size: 14px;
        font-weight: 400;
        line-height: 18px;
        color: #0f1419;
    }
    #settings-label-title{
        font-size: 16px;
        font-weight: 700;
        line-height: 23px;
        color: #262626;
        margin-bottom: 15px;
    }
    #email-notifications-info-text-small{
        font-size: 12px;
        line-height: 16px;
        font-weight: 400;
        color: #8e8e8e;
        border-bottom: 1px solid #EFF3F4;
        padding-bottom: 6px;
        width: 100%;
    }
    .next-settings-page-container{
        position: relative;
        width: 100%;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
    }
    .user-verified-page-in-status-account{
        width: 100%;
        height: 100%;
        position: relative;
        text-align: center;
        justify-content: center;
        justify-items: center;
        text-align: center;
    }
    .user-verified-page-in-status-account small{
        font-size: 13px;
        font-weight: 400;
        line-height: 16px;
        color: #536371;
    }
    .user-verified-page-in-status-account span{
        display: flex;
        align-items: center;
        justify-items: center;
        font-size: 14px;
        font-weight: 600;
        line-height: 17px;
        color: #0f1419;
        user-select: none;
        position: relative;
        justify-content: center;
    }
    .user-verified-page-in-status-account span svg{
        fill: #1C9BEF;
        width: 16px;
        height: 16px;
        margin-left: 3px;
    }
    .user-verified-page-in-status-account svg{
        width: 80px;
        height: 80px;
    }
    .custom-radio {
        display: flex;
        flex-direction: column;
        margin-left: 50px;
    }
    
    .custom-radio input[type="radio"] {
        display: none;
    }
    .custom-radio label {
        display: flex;
        align-items: center;
        cursor: pointer;
        margin-bottom: 10px;
        position: relative;
    }
    .custom-radio-icon {
        width: 22px;
        height: 22px;
        border: 2px solid #536371;
        border-radius: 5px;
        background-color: #fff;
        margin-right: 10px;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .custom-radio input[type="radio"]:checked + label .custom-radio-icon {
        background-color: #1C9BEF;
        border: none;
    }
    .custom-radio input[type="radio"]:checked + label .custom-radio-icon::before {
        content: '✓';
        color: #fff;
        font-size: 13px;
        position: absolute;
    }
    #userProfileDropContent {
        position: absolute;
        right: 20px;
        background-color: #fff;
        width: 300px;
        z-index: 9999;
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.231);
        border-radius: 13px;
        border: 1px solid #EFF3F4;
        user-select: none;
    }
    #userProfileDropContent ul{
        border: none;
        width: 100%;
        padding: 0;
        margin: 0;
        user-select: none;
    }
    #userProfileDropContent ul li,
    #userProfileDropContent ul li button{
        border: none;
        width: 100%;
        padding: 12px 16px;
        cursor: pointer;
        color: #0f1419;
        user-select: none;
    }
    #userProfileDropContent ul li:hover{
        transition-duration: 0.2s;
        background-color: #F6F9F9;
    }
    #userProfileDropContent ul li a{
        border: none;
        width: 100%;
        padding: 0;
        margin: 0;
        background-color: transparent !important;
        font-size: 14px;
        line-height: 18px;
        font-weight: 700;
        align-items: center;
        display: flex;
    }
    #userProfileDropContent ul li a i{
        font-size: 16px;
        margin-right: 13px;
        left: 0;
    }
    html[dir="rtl"] #userProfileDropContent ul li a i{
        margin-right: 0;
        margin-left: 13px;
        left: auto;
        right: 0;
    }
    
    #userProfileDropContent ul li button{
        border: none;
        width: 100%;
        padding: 0;
        margin: 0;
        background-color: transparent !important;
        font-size: 15px;
        font-weight: 700;
        align-items: center;
        justify-items: center;
        display: flex;
    }
    #userProfileDropContent ul li button svg{
        width: 19px;
        height: 19px;
        margin-right: 10px;
        left: 0;
    }
    .verifiedInfoDropdownContent {
        display: none; 
        position: absolute;
        background: #fff;
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.212);
        width: 360px;
        z-index: 1;
        top: 25px;
        border-radius: 12px;
        left: 0;
        user-select: none;
    }
    .verifiedInfoDropdownContent > .infoContentDropdown{
        display: flex;
        flex-direction: column;
        padding: 22px;
        padding-bottom: 18px;
    }
    .verifiedInfoDropdownContent > .infoContentDropdown h3{
        font-size: 20px;
        font-weight: 700;
        line-height: 20px;
        color: #0f1419;
        margin-bottom: 20px;
    }
    .infoVerify{
        margin-bottom: -25px;
    }
    .infoVerify blockquote{
        display: inline-block;
    }
    .infoVerify blockquote p{
        font-size: 15px;
        font-weight: 400;
        line-height: 20px;
        color: #536471;
        margin-left: 25px;
        margin-top: -20px;
    }
    .infoVerify blockquote svg{
        left: 0;
        right: -4px;
    }
    html[dir="rtl"] .infoVerify blockquote p{
        margin-left: 0;
        margin-right: 25px;
    }
    .infoVerify blockquote i{
        font-size: 15px;
        margin-right: 16px;
        color: #536471;
    }
    html[dir="rtl"] .infoVerify blockquote i{
        margin-right: 0;
        margin-left: 16px;
    }
    .infoVerify blockquote p a {
        color: #1C9BEF;
        &:hover{
            text-decoration: underline;
        }
    }
    .infoVerify > .userVerifiedEstablishment{
        width: 40px !important;
        height: 40px !important;
        margin-right: 10px !important;
        margin-left: -3px !important;
        padding: 0 !important;
        position: relative !important;
        top: -8px;
    }
    .infoVerify > .userVerifiedBlue{
        width: 22px !important;
        height: 22px !important;
        margin-right: 10px !important;
        margin-left: -3px !important;
        padding: 0 !important;
        position: relative !important;
        top: -1px;
    }
    .infoVerify > .grayVerifiedBadge{
        width: 60px !important;
        height: 60px !important;
        margin-right: 10px !important;
        margin-left: -3px !important;
        padding: 0 !important;
        position: relative !important;
        top: -17px;
    }
    .verifiedInfoDropdownContent > .infoContentDropdown > .infoVerify .verifyDropdownBtn{
        background-color: #0f1419;
        color: #fff;
        padding: 7px 15px;
        text-align: center;
        font-size: 14px;
        font-weight: 700;
        line-height: 20px;
        border-radius: 999px;
        width: 100%;
        display: block;
        text-decoration: none;
        transition-duration: 0.2s;
        margin-bottom: 25px;
        margin-top: 10px;
    }
    .verifiedInfoDropdownContent > .infoContentDropdown > .infoVerify .verifyDropdownBtn:hover{
        background-color: #0f1419d6;
    }
    .privateProfileLocked{
        position: relative;
        padding: 100px;
        margin-top: 70px;
        padding-right: 40px;
        cursor: default;
    }
    .privateProfileLocked h3{
        font-size: 31px;
        font-weight: 800;
        line-height: 36px;
        color: #0f1419;
        margin-bottom: 10px;
    }
    .privateProfileLocked span{
        font-size: 15px;
        font-weight: 400;
        line-height: 20px;
        color: #536471;
    }
    .linkedAccount{
        width: 17px;
        height: 17px;
        border: 1px solid #CFD9DD;
        margin-top: 1px;
        margin-left: 2px;
        margin-right: -8px;
        border-radius: 2px;
        user-select: none;
    }

    .userWalletInfoCard{
        position: relative;
        width: 100%;
        display: flex;
        flex-direction: column;
        margin-top: 20px;
        border: 1px solid #EFF3F4;
        border-radius: 12px;
    }
    .userWalletInfoCard > h3{
        font-size: 17px;
        font-weight: 800;
        line-height: 20px;
        color: #0f1419;
        padding: 13px;
        text-transform: uppercase;
    }
    .userWalletInfoCard > .validWalletUser > span{
        font-size: 30px;
        font-weight: 400;
        line-height: 30px;
        color: #0f1419;
        padding: 13px;
        padding-top: 25px;
        padding-bottom: 25px;
        background-color: #F1FCF8;
        width: 100%;
        display: flex;
        flex-direction: column;
        border-top: 1px solid #EFF3F4;
        border-bottom: 1px solid #EFF3F4;
    }
    .userWalletInfoCard > .validWalletUser > span > small{
        font-size: 13px !important;
        font-weight: 400;
        line-height: 16px;
        color: #536371;
        margin-top: 5px;
    }
    .userWalletInfoCard > .validWalletUser > i{
        position: absolute;
        right: 20px;
        top: 87px;
        font-size: 42px;
        opacity: .50;
        color: #0f1419;
    }
    html[dir="rtl"] .userWalletInfoCard > .validWalletUser > i{
        right: auto;
        left: 20px;
    }
    .userWalletInfoCard > .otherWalletUserSelect{
        padding: 13px;
        position: relative;
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    .userWalletInfoCard > .otherWalletUserSelect > p{
        font-size: 13px;
        font-weight: 400;
        line-height: 16px;
        color: #536371;
    }
    .userWalletInfoCard > .otherWalletUserSelect > a{
        background-color: #0f1419;
        color: #fff;
        font-size: 13px;
        font-weight: 700;
        line-height: 15px;
        border-radius: 999px;
        border: none;
        outline: none;
        text-decoration: none !important;
        padding: 12px 20px;
        transition-duration: 0.2s;
        margin-bottom: 7px;
        text-align: center;
        width: max-content;
    }
    .userWalletInfoCard > .otherWalletUserSelect > a:hover{
        background-color: #131e28;
    }
    
    .withdrawalInstructionsCard{
        margin-top: 8px;
        margin-bottom: 13px;
    }
    .paymentTableOnly{
        position: relative;
        width: 100%;
        margin-top: 20px;
        border-top: 1px solid #EFF3F4;
    }
    .paymentTableOnly > .tablePaymentTitle{
        padding-top: 15px;
        padding-bottom: 5px;
        padding-left: 15px;
        padding-right: 15px;
        background-color: #F6F9F9;
        border-top: 1px solid #EFF3F4;
        border-bottom: 1px solid #EFF3F4;
    }
    .paymentTableOnly > .tablePaymentTitle h3{
        font-size: 15px;
        font-weight: 600;
        line-height: 20px;
        color: #0f1419;
    }
    .paymentTableOnly > .tablePaymentUserMethod {
        width: 100%;
        position: relative;
        display: flex;
        flex-direction: column;
        cursor: pointer;
        scroll-behavior: smooth;
    }
    
    .paymentTableOnly > .tablePaymentUserMethod > .paymentSuccessInfo{
        position: relative;
        display: flex;
        align-items: center;
        padding-top: 13px;
        padding-bottom: 13px;
        padding-left: 15px;
        padding-right: 15px;
        border-bottom: 1px solid #EFF3F4;
        transition-duration: 0.3s;
    }
    .paymentTableOnly > .tablePaymentUserMethod > .paymentSuccessInfo:hover{
        background-color: #F1FCF8;
    }
    .paymentTableOnly > .tablePaymentUserMethod > .paymentSuccessInfo i{
        font-size: 25px;
        padding: 10px;
        background-color: #6c76e621;
        color: #6C76E6;
        border-radius: 999px;
        margin-right: 13px;
    }
    html[dir="rtl"] .paymentTableOnly > .tablePaymentUserMethod > .paymentSuccessInfo i{
        margin-right: 0;
        margin-left: 13px;
    }
    .paymentTableOnly > .tablePaymentUserMethod > .paymentSuccessInfo img{
        width: 50px;
        height: 50px;
        object-fit: contain;
        margin-right: 13px;
    }
    html[dir="rtl"] .paymentTableOnly > .tablePaymentUserMethod > .paymentSuccessInfo img{
        margin-right: 0;
        margin-left: 13px;   
    }
    .paymentTableOnly > .tablePaymentUserMethod > .paymentSuccessInfo > .paymentInfoCarding{
        position: relative;
        width: 100%;
    }
    .paymentTableOnly > .tablePaymentUserMethod > .paymentSuccessInfo > .paymentInfoCarding h6{
        font-size: 15px;
        font-weight: 600;
        line-height: 20px;
        color: #0f1419;
        margin-bottom: -0px;
    }
    .paymentTableOnly > .tablePaymentUserMethod > .paymentSuccessInfo > .paymentInfoCarding span{
        font-size: 13px;
        font-weight: 400;
        line-height: 16px;
        color: #536371;
    }
    .paymentTableOnly > .tablePaymentUserMethod > .paymentSuccessInfo > .paymentInfoCarding span b{
        font-size: 12px;
        font-weight: 500;
        color: #28AB64;
    }
    .paymentTableOnly > .tablePaymentUserMethod > .paymentSuccessInfo > small{
        position: absolute;
        right: 10px;
        top: 10px;
        font-size: 11px;
        font-weight: 400;
        line-height: 13px;
        color: #536371;
    }
    html[dir="rtl"] .paymentTableOnly > .tablePaymentUserMethod > .paymentSuccessInfo > small{
        right: auto;
        left: 10px;
    }
    .paymentBtn-Btn{
        background-color: #0f1419 !important;
        border: 1px solid #EFF3F4 !important;
        border-radius: 4px !important;
        color: #fff !important;
        padding: 13px 20px !important;
    }
    .paymentBtn-Btn:hover{
        transition-duration: 0.2s !important; 
        background-color: #182e43 !important;
        color: #fff !important;
    }
    #razorPayImg{
        width: 70px;
        height: 47px;
        object-fit: contain;
    }
    .paymentBtn-Btn:disabled{
        opacity: .45;
    }
    #userList{
        width: 100%;
        padding: 0;
        border-radius: 4px;
        background-color: #fff;
        border: 1px solid #EFF3F4;
        margin-top: 1px;
        max-height: 300px;
        overflow-y: scroll;
    }
    #userList li{
        padding: 10px;
        display: flex;
        align-items: center;
        cursor: pointer;
        transition-duration: 0.2s;
    } 
    #userList li:hover{
        background-color: #0f14190f;
    }
    #userList li:hover:last-child{
        border-radius: 0 0 2px 2px;
    }
    #userList li img{
        width: 37px;
        height: 37px;
        border-radius: 999px;
        object-fit: contain;
        margin-right: 10px;
    }
    #userList li h5{
        display: flex;
        flex-direction: column;
        width: 100%;

        font-size: 15px;
        font-weight: 700;
        line-height: 20px;
        color: #0f1419;
        margin-bottom: 0;
    }
    #userList li h5 span{
        font-weight: 400;
        color: #536371;
        margin-top: -2px;
    }
    .alert-withdrawal-card {
        display: flex;
        align-items: center;
        background-color: #FEF9F3;
        border: 1px solid #F9A926;
        border-radius: 4px;
        margin: 20px 0;
    }

    .alert-withdrawal-card > .alert-icon {
        background-color: #0f141919; 
        border-radius: 999px;
        padding: 13px 14px;
        color: #0f1419;
        margin-right: 10px;
        font-size: 20px;
    }
    html[dir="rtl"] .alert-withdrawal-card > .alert-icon{
        margin-right: 0;
        margin-left: 10px;
    }
    .alert-withdrawal-card > .alert-content {
        color: #0f1419;
        font-size: 13px;
        font-weight: 400;
        line-height: 16px;
    }
    .partnershipBtnBtn{
        background-color: #1C9BEE !important;
        border-radius: 4px !important;
        width: 100% !important;
        color: #fff !important;
        display: flex !important;
        align-items: center !important;
        text-align: center !important;
        justify-items: center !important;
        justify-content: center !important;
        font-size: 14px !important;
        margin-top: -10px !important;
    }
    .partnershipBtnBtn i{
        margin-right: 10px;
        font-size: 17px;
    }
    .partnershipBtnBtn:hover{
        background-color: #0e7dc7 !important;
    }
    .settingsSwitchContainer{
        display:flex; 
        align-items:center; 
        justify-content:space-between;
    }
    .settingsSwitchContainer > label{
        font-size: 15px;
        font-weight: 400;
        line-height: 20px;
        color: #0f1419;
    }
    .settingsSwitchContainer > label small{
        font-size: 13px;
        font-weight: 400;
        line-height: 16px;
        color: #536471;
        width: 100%;
        margin-top: 5px;
    }
    .switch-container {
        display: flex;
        align-items: center;
        gap: 10px;
    }
    
    .switch {
        position: relative;
        display: inline-block;
        width: 58px;
        height: 33px;
        transition: .4s;
        border-radius: 34px;
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
        cursor: pointer;
    }
    
    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }
    
    .slider {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #be3e44;
        transition: .4s;
        border-radius: 34px;
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    }
    
    .slider-icon {
        position: absolute;
        content: "";
        height: 23px;
        width: 23px;
        left: 3px;
        bottom: 5px;
        background-color: #1abc9c;
        transition: .4s;
        border-radius: 50%;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .slider-icon::before {
        content: "\2716"; 
        color: #fff;
        font-size: 14px;
    }
    
    input:checked + .slider {
        background-color: #16a085;
    }
    
    input:checked + .slider .slider-icon {
        transform: translateX(26px);
    }
    
    input:checked + .slider .slider-icon::before {
        content: "\2714";
        color: #fff;
    }
    
    input:not(:checked) + .slider .slider-icon {
        background-color: #ce464a;
    }
    
    #switchStatusText {
        display:none;
        font-size: 14px;
        font-weight: bold;
        color: #333;
    }
    .getprofile-user-coverCard{
        width: 100%;
    }
    .getprofile-user-coverCard a img{
        width: 100%;
        height: 199.33px;
        background-color: #fff;
        object-fit: cover;
    }
    .userChangeForCover{
        width: 100%;
        margin-bottom: 15px;
    }
    .userChangeForCover > label > img{
        width: 566px !important;
        height: 190px !important;
        object-fit: contain;
        margin-bottom: 10px;
        cursor: pointer;
        border: 1px solid #EFF3F4;
    }
    .userChangeForCover > label > small{
        text-align: center;
        font-size: 14px;
        font-weight: 600;
        line-height: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #00376b;
        margin-bottom: 10px;
    }
    .userChangeForCover > label > small:hover{
        text-decoration: underline;
        cursor: pointer;
    }
    .deleteCoverSpan{
        font-size: 14px;
        font-weight: 400;
        line-height: 17px;
        color: #F9197E;
        display: flex;
        align-items: center;
        justify-content: center;
        justify-items: center;
    }
    .deleteCoverSpan i{
        padding: 7px 9px;
        font-size: 13px;
        background-color: #f9197e19;
        border-radius: 999px;
        margin-right: 7px;
    }
    .deleteCoverSpan:hover{
        text-decoration: underline;
        cursor: pointer;
    }
    .switchUserInfo{
        width: 100%;
        display: flex;
        align-items: center;
        box-sizing: border-box;
        margin-bottom: 7px;
        border: none !important;
    }
    .switchUserInfo:last-child{
        margin-bottom: 25px;
    }
    .switchUserInfo img{
        width: 40px;
        height: 40px;
        border-radius: 999px;
        object-fit: contain;
        margin-right: 10px;
        border: none !important;
    }
    html[dir="rtl"] .switchUserInfo img{
        margin-right: 0;
        margin-left: 10px;
    }
    .switchUserInfo h5{
        display: inline-flex;
        flex-direction: column;
        font-size: 15px;
        font-weight: 600;
        line-height: 20px;
        margin-top: 7px;
    }
    .switchUserInfo h5 b{
        display: flex;
        align-items: center;
    }
    .switchUserInfo h5 b svg{
        width: 15px;
        height: 15px;
        margin-left: 2px;
    }
    .switchUserInfo h5 small{
        font-size: 15px;
        font-weight: 400;
        line-height: 20px;
    }
    .switchAccountDel{
        position: absolute;
        right: 40px;
        font-size: 12px;
        font-weight: 600;
        line-height: 14px;
        background-color: #F4212D;
        color: #fff;
        border-radius: 999px;
        padding: 5px 6px;
        z-index: 999;
    }
    html[dir="rtl"] .switchAccountDel{
        right: auto;
        left: 40px;
    }
    .switchAccountDel:hover{
        transition-duration: 0.2s;
        opacity: .75;
    }
    .just-empty-archur-profile-text{
        width: 100%;
        margin: 0 auto;
        padding: 30px;
        text-align: center;
    }
    .just-empty-archur-profile-text h5{
        font-size: 31px;
        line-height: 36px;
        font-weight: 800;
    }
    .just-empty-archur-profile-text span{
        font-size: 15px;
        font-weight: 400;
        line-height: 20px;
    }
    .user-social-links-or-account{
        position: relative;
        width: 100%;
        margin-top: 7px;
        margin-bottom: 0px;
        user-select: none;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }
    .user-social-links-or-account > a{
        text-decoration: none !important;
        padding: 4px 6px;
        text-align: center;
        display: flex;
        border-radius: 4px;
        font-size: 12px;
        margin-right: 7px;
        transition-duration: 0.2s;
        cursor: pointer;
    }
    .access-applications-for-me{
        width: 100%;
        position: relative;
        padding: 30px;
        padding-bottom: 30px;
        border-radius: 13px;
        display: flex;
        flex-direction: column;
        cursor: default;
        margin-bottom: 10px;
    }
    .access-applications-for-me small{
        font-size: 10px;
        font-weight: 600;
        line-height: 13px;
        text-transform: uppercase;
        margin-bottom: 20px;
        letter-spacing: -0.50px;
    }
    .access-applications-for-me > .project-app-container{
        padding: 15px;
        border-radius: 12px;
        width: 100%;
        margin-bottom: 10px;
        display: flex;
        align-items: center;
    }
    .access-applications-for-me > .project-app-container img{
        width: 30px;
        height: 30px;
        margin-right: 15px;
        border-radius: 4px;
        object-fit: cover;
    }
    html[dir="rtl"] .access-applications-for-me > .project-app-container img{
        margin-right: 0;
        margin-left: 15px;
    }
    .app-name-content{
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        position: relative;
        top: 4px;
    }
    .access-applications-for-me > .project-app-container a{
        position: absolute;
        right: 50px;
        padding: 10px 11px;
        border-radius: 999px;
        font-size: 21px;
        margin-top: 2px;
    }
    html[dir="rtl"] .access-applications-for-me > .project-app-container a{
        right: auto;
        left: 50px;   
    }
    .access-applications-for-me > .project-app-container small{
        position: absolute;
        right: 50px;
        padding: 4px 5px;
        border-radius: 3px;
        font-size: 10px;
        line-height: 12px;
        font-weight: 600 !important;
        margin-top: 21px;
        text-transform: uppercase;
        user-select: none;
    }
    .acceptForWebsiteInfo{
        width: 100%;
        position: relative;
        display: flex;
        flex-direction: column;
        cursor: default;
    }
    .acceptForWebsiteInfo > blockquote{
        display: flex;
        align-items: center;
    }
    .acceptForWebsiteInfo > blockquote img{
        width: 53px;
        height: 53px;
        border-radius: 4px;
        margin-right: 15px;
        pointer-events: none;
        user-select: none;
    }
    html[dir="rtl"] .acceptForWebsiteInfo > blockquote img{
        margin-right: 0;
        margin-left: 15px;
    }
    .acceptForWebsiteInfo > blockquote h5{
        display: flex;
        flex-direction: column;
        font-size: 15px;
        font-weight: 400;
        line-height: 20px;
        top: 12px;
    }
    .acceptForWebsiteInfo > blockquote h5 p{
        font-size: 13px;
        font-weight: 400;
        line-height: 20px;
        margin-top: -3px;
    }
    .acceptForWebsiteInfo > .acceptForAppSelection{
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    .acceptForWebsiteInfo > .acceptForAppSelection > span{
        padding-bottom: 13px;
        margin-bottom: 13px;
        width: 100%;
        display: block;
        font-size: 13px;
        font-weight: 400;
        line-height: 16px;
    }
    .acceptForWebsiteInfo > .acceptForAppSelection h6{
        font-size: 20px;
        font-weight: 800;
        line-height: 24px;
        margin-bottom: 25px;
        margin-top: 5px;
    }
    .acceptForWebsiteInfo > .acceptForAppSelection h3{
        font-size: 15px;
        font-weight: 400;
        line-height: 20px;
        margin-bottom: 10px;
        padding-bottom: 10px;
    }
    .acceptForWebsiteInfo > .acceptForAppSelection small{
        font-size: 15px;
        font-weight: 400;
        line-height: 20px;
        text-align: center;
        padding: 15px;
        transition-duration: 0.2s;
        cursor: pointer;
        user-select: none;
    }
    .tokensSpan{
        font-weight: 400;
        word-wrap: break-word;
    }
    .newApiAppContent{
        position: absolute;
        top: 240px;
        border-radius: 13px 0px 13px 13px;
        z-index: 9;
        display: flex;
        flex-direction: column;
        width: 300px;
        right: 520px;
    }
    .newApiAppContent > span{
        font-size: 14px;
        font-weight: 400;
        line-height: 17px;
        padding: 15px 20px;
        display: flex;
        align-items: center;
        cursor: pointer !important;
        margin-bottom: 0;
    }
    .newApiAppContent > span img{
        width: 21px;
        height: 21px;
        margin-right: 10px;
        border-radius: 4px;
    }
    html[dir="rtl"] .newApiAppContent > span img{
        margin-right: 0;
        margin-left: 10px;
    }
    .newApiAppContent > span:first-child{
        border-radius: 13px 13px 0 0;
    }
    .newApiAppContent > span:last-child{
        border-radius: 0 0 13px 13px;
    }
    .newApiAppContent > span i{
        margin-right: 12px;
        margin-left: 4px;
    }
    html[dir="rtl"] .newApiAppContent > span i{
        margin-right: 0;
        margin-right: 4px;
    }
    #Google2FASet{
        width: 100%;
    }
    #Google2FASet > .checkForContent{
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    #Google2FASet > .checkForContent h5{
        font-size: 15px;
        font-weight: 700;
        line-height: 16px;
    }
    #Google2FASet > .checkForContent p{
        font-size: 13px;
        font-weight: 400;
        line-height: 16px;
        margin-bottom: 15px;
    }
    #Google2FASet > .checkForContent > .flexForCodeCheck{
        display: flex;
        align-items: flex-start;
        width: 100%;
    }
    #Google2FASet > .checkForContent > .flexForCodeCheck img{
        width: 130px;
        height: 130px;
        border-radius: 0px;
        user-select: none;
        pointer-events: none;
        margin-right: 10px;
    }
    html[dir="rtl"] #Google2FASet > .checkForContent > .flexForCodeCheck img{
        margin-right: 0;
        margin-left: 10px;
    }
    #Google2FASet > .checkForContent > .flexForCodeCheck > p{
        font-size: 14px;
        font-weight: 400;
        line-height: 17px;
        display: flex;
        flex-direction: column;
    }
    #Google2FASet > .checkForContent > .flexForCodeCheck > p b{
        font-size: 14px;
        font-weight: 700;
        line-height: 17px;
        margin-top: 7px;
        margin-bottom: 7px;
    }
    #Google2FASet > .checkForContent > .flexForCodeCheck > p small{
        font-size: 12px;
        font-weight: 400;
        line-height: 13px;
    }
    .formSaveCode{
        display: flex;
        flex-direction: column;
        padding: 10px;
        margin-top: 10px;
        width: 100%;
        border-radius: 13px;
        cursor: default;
    }
    .formSaveCode > form > h5{
        font-size: 15px;
        font-weight: 600;
        line-height: 20px;
        margin-bottom: -0px;
    }
    .formSaveCode > form > span{
        font-size: 13px;
        font-weight: 400;
        line-height: 16px;
    }
    .formSaveCode > form button{
        background-color: #1C9BEE;
        border: none;
        outline: none;
        color: #fff;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
        margin-top: 15px;
        margin-bottom: 15px;
        padding: 9px 16px;
        border-radius: 999px;
        transition-duration: 0.3s;
    }
    .formSaveCode > form button:hover{
        background-color: #0c7bc5;
    }
    #subscription-btn{
        padding: 9px 16px;
        border-radius: 999px;
        border-color: rgb(201, 54, 204);
        background-color: rgb(201, 54, 204);
        color: #fff;
        border: none;
        outline: none;
        font-size: 15px;
        font-weight: 700;
        line-height: 20px;
        user-select: none;
        transition-duration: 0.3s;
        margin-right: 15px;
        margin-left: -10px;
        cursor: pointer;
        transition-duration: 0.2s;
    }
    #subscription-btn svg{
        fill: #fff;
        width: 18px;
        height: 18px;
        margin-right: 0px;
        position: relative;
        top: -1px;
    }
    #subscription-btn:hover{
        background-color: #B531B8;
        border-color: #B531B8;
    }
    .profile-header-box-cxls01{
        display: flex;
        flex-direction: column;
    }
    .profile-header-box-cxls01 small{
        font-size: 13px;
        font-weight: 400;
        line-height: 16px;
        top: -3px;
        margin-bottom: -13px;
        position: relative;
    }
    .custom-radio-group{
        width: 100%;
        display: flex;
        align-items: center;
        gap: 10px;
    }
    .custom-radio-group > .theme-option {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 20px;
        border-radius: 10px;
        width: 100%;
        cursor: pointer;
        text-align: center;
    }
    .custom-radio-group > input[type="radio"] {
        display: none;
    }
    .custom-radio-group > .theme-option span{
        font-size: 15px;
        font-weight: 700;
        line-height: 20px;
    }
    #white-theme + .theme-option {
        background-color: #ffffff;
        color: #0f1419;
    }
    
    #dark-theme + .theme-option {
        background-color: #1c1c1c;
        color: #ffffff !important;
    }
    
    #undark-theme + .theme-option {
        background-color: #0d0d0d;
        color: #ffffff !important;
    }
    .graph-options-background-display{
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    .graph-options-background-display h3{
        font-size: 20px;
        font-weight: 800;
        line-height: 24px;
        margin-bottom: 15px;
    }
    .users-clx021-subscribe-profile{
        position: relative;
        position: fixed;
        z-index: 100;
        border-radius: 16px;
        width: 600px;
        height: 550px;
        overflow-y: auto;
        margin-top: -250px;
        margin-left: 30px;
        cursor: default;
        z-index: 999999;
    }
    .users-clx021-subscribe-profile > .subscribe-title-header-box{
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-radius: 16px 16px 0 0;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 13px;
        padding-right: 13px;
        position: sticky;
        top: 0;
        z-index: 10;
        height: 50px;
    }
    .users-clx021-subscribe-profile > .subscribe-title-header-box > .left-sbsc-xdl1{
        display: flex;
        align-items: center;
    }
    .users-clx021-subscribe-profile > .subscribe-title-header-box > .left-sbsc-xdl1 svg{
        width: 34px;
        height: 34px;
        padding: 7px;
        border-radius: 999px;
        transition-duration: 0.3s;
        cursor: pointer;
        margin-right: 5px;
    }
    .users-clx021-subscribe-profile > .subscribe-title-header-box > .right-plan-for-subsc-pay span{
        padding: 8px 20px;
        border-radius: 999px;
        outline: none;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
        cursor: pointer;
        transition-duration: 0.3s;
    }
    .subscribe-profile-account-xl10s{
        background-image: linear-gradient(225deg, rgba(171, 43, 174, 0) 0%, rgba(171, 43, 174, 0.6) 100%), linear-gradient(225deg, rgba(212, 92, 214, 0.4) 0%, rgba(212, 92, 214, 0) 100%), linear-gradient(135deg, rgb(249, 24, 128) 0%, rgba(249, 24, 128, 0) 100%), linear-gradient(135deg, rgba(246, 75, 92, 0) 0%, rgb(246, 75, 92) 100%), linear-gradient(0deg, rgb(255, 122, 0) 0%, rgb(255, 122, 0) 100%);
        clip-path: ellipse(100% 100% at 38% 0%);
    }
    .subscribe-profile-account-xl10s > .subsc-dynamic-texting-clx04xa{
        padding: 40px;
    }
    .subscribe-profile-account-xl10s > .subsc-dynamic-texting-clx04xa h1{
        color: #fff;
        font-size: 26px;
        font-weight: 800;
        line-height: 28px;
    }
    .subscribe-profile-account-xl10s > .subsc-dynamic-texting-clx04xa span{
        color: #fff;
        font-size: 15px;
        font-weight: 400;
        line-height: 20px;
    }
    .subscriptions-info-wrapper{
        width: 100%;
        padding-top: 40px;
        padding-bottom: 40px;
        padding-left: 40px;
        padding-right: 40px;
        display: flex;
        flex-direction: column;
    }
    .subscriptions-info-wrapper > .carding-subs-info-card{
        width: 100%;
        display: inline-flex;
        flex-direction: column;
        margin-bottom: 30px;
    }
    .subscriptions-info-wrapper > .carding-subs-info-card:last-child{
        margin-bottom: -0px !important;
    }
    .subscriptions-info-wrapper > .carding-subs-info-card h3{
        font-size: 22px;
        font-weight: 800;
        line-height: 26px;
        color: #0f1419;
        margin-bottom: 7px;
    }
    .subscriptions-info-wrapper > .carding-subs-info-card span{
        font-size: 15px;
        font-weight: 400;
        line-height: 20px;
        color: #536471;
    }
    .my-user-carding-subscriptions-layer{
        box-shadow: rgba(101, 119, 134, 0.2) 0px 0px 15px, rgba(101, 119, 134, 0.15) 0px 0px 3px 1px;
        padding: 16px;
        border-radius: 16px;
        width: 350px;
        margin: 0 auto;
        margin-top: 0px;
        margin-bottom: 30px;
    }
    .user-card-my-subs {
        display: flex;
        align-items: center;
        width: 100%;
    }
    .user-card-my-subs img{
        width: 40px;
        height: 40px;
        object-fit: cover;
        margin-right: 7px;
        border-radius: 999px;
    }
    .user-card-my-subs h3{
        display: flex;
        align-items: center;
        font-size: 15px;
        font-weight: 700;
        line-height: 20px;
        color: #0f1419;
    }
    .user-card-my-subs h3 svg{
        margin-left: 3px;
        width: 17px;
        height: 17px;
    }
    .user-card-my-subs > h4{
        font-size: 15px;
        font-weight: 400;
        line-height: 20px;
        color: #536471;
        margin-left: 4px;
    }
    .content-subs-carding{
        margin-left: 47px;
        position: relative;
        margin-top: -12px;
    }
    .content-subs-carding span{
        font-size: 11px;
        font-weight: 400;
        padding: 2px 4px;
        border-radius: 3px;
        text-overflow: unset;
        color: rgb(141, 32, 144);
        background-color: rgb(255, 239, 255);
        align-self: flex-start;
    }
    .dx0f1-span-subs-user{
        display: flex;
        align-items: center;
        margin-top: 7px;
    }
    .dx0f1-span-subs-user img{
        width: 25px;
        height: 25px;
        border-radius: 999px;
        object-fit: cover;
        margin-left: 7px;
    }
    .subs-month-pay-just-now{
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    .subs-month-pay-just-now span{
        font-size: 15px;
        font-weight: 400;
        line-height: 20px;
        color: #536471;
        margin-bottom: 30px;
    }
    .subs-month-pay-just-now .pay-btn-subs-month-bottom{
        padding: 16px;
        align-items: center;
        text-align: center;
        border-radius: 999px;
        font-size: 16px;
        font-weight: 700;
        line-height: 20px;
        background-color: #C835CC !important;
        color: #fff !important;
        margin-bottom: -0px;
        cursor: pointer;
        transition-duration: 0.3s;
        user-select: none;
        &:hover{
            background-color: #B531B8 !important;
        }
    }
    .user-subs-message-private{
        width: 100%;
        display: flex;
        align-items: center;
        position: relative;
        top: 20px;
    }
    .user-subs-message-private img{
        width: 55px;
        height: 55px;
        object-fit: cover;
        margin-right: 10px;
        border-radius: 999px;
        user-select: none;
    }
    .user-subs-message-private article{
        padding: 24px;
        text-align: left;
        background-color: #fff;
        font-size: 15px;
        font-weight: 400;
        line-height: 20px;
        color: #0f1419;
        word-wrap: break-word;
        border-top-right-radius: 12px;
        border-bottom-left-radius: 12px;
        border-bottom-right-radius: 12px;
        width: 100%;
    }
    .alert-verified-account-info-data{
        padding: 13px;
        margin-bottom: 20px;
        cursor: default;
    }
    .alert-verified-account-info-data > h5,
    .alert-verified-account-info-data > a{
        font-size: 14px;
        font-weight: 400;
        line-height: 16px;
    }
    .subscriptions-all-users-listing-premium{
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    .subscriptions-all-users-listing-premium article{
        width: 100%;
        padding-top: 7px;
        padding-bottom: 7px;
        cursor: pointer;
    }
    .subscriptions-all-users-listing-premium article img{
        width: 45px;
        height: 45px;
        border-radius: 50%;
        user-select: none;
    }
    .subscriptions-all-users-listing-premium article h3{
        position: relative;
        margin-left: 53px;
        display: flex;
        flex-direction: column;
        margin-top: -43px;
        font-size: 15px;
        font-weight: 400;
        line-height: 20px;
    }
    html[dir="rtl"] .subscriptions-all-users-listing-premium article h3{
        margin-left: 0;
        margin-right: 53px;
    }
    .subscriptions-all-users-listing-premium article h3 b{
        font-weight: 600;
        display: flex;
        align-items: center;
        cursor: pointer;
        margin-bottom: -0px;
        &:hover{
            text-decoration: underline;
        }
    }
    .subscriptions-all-users-listing-premium article h3 b svg{
        width: 18px;
        height: 18px;
        margin-left: 2px;
    }
    .subscriptions-all-users-listing-premium article h3 span{
        font-size: 15px;
        font-weight: 400;
        line-height: 20px;
    }
    .subscriptions-all-users-listing-premium article .date-subs-joined{
        font-size: 13px;
        position: absolute;
        margin-top: -35px;
        right: 25px;
    }
    html[dir="rtl"] .subscriptions-all-users-listing-premium article .date-subs-joined{
        right: auto;
        left: 25px;
    }
    .subscriptions-all-users-listing-premium p{
        text-align: center;
        margin-top: 70px;
        font-size: 22px;
        font-weight: 800;
        line-height: 30px;
    }
    .subscriptions-all-users-listing-premium form{
        margin-bottom: 15px;
    }
    .subscriptions-all-users-listing-premium form button{
        padding: 13px 20px;
        font-size: 15px;
        font-weight: 400;
        line-height: 20px;
        outline: none;
        border: none;
        background-color: transparent;
        transition-duration: 0.2s;
        width: 100%;
    }
    .static-wrapper-container{
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    .static-wrapper-container > .title-static-wrapper{
        display: flex;
        align-items: center;
        width: 100%;
        justify-content: space-between;
        margin-bottom: 15px;
    }
    .static-wrapper-container > .title-static-wrapper > .left-title-carding h3{
        font-size: 20px;
        font-weight: 700;
        line-height: 24px;
    }
    .static-wrapper-container > .title-static-wrapper > .left-title-carding select{
        border-radius: 5px !important;
        padding: 8px;
        font-weight: 700;
        font-size: 14px;
        line-height: 16px;
        background-color: transparent;
        outline: none !important;
        cursor: pointer;
    }
    .premium-stats-card{
        width: 100%;
        padding: 15px;
        border-radius: 16px;
        margin-bottom: 13px;
    }
    .premium-stats-card > .flex-account-details-title{
        width: 100%;
        display: flex;
        align-items: center;
        margin-bottom: 10px;
    }
    .premium-stats-card > .flex-account-details-title select{
        border-radius: 5px !important;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 4px;
        padding-right: 12px;
        font-weight: 700;
        font-size: 14px;
        line-height: 16px;
        background-color: transparent;
        outline: none !important;
        cursor: pointer;
    }
    .other-stats-for-account-flexing {
        width: 100%;
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 10px;
        margin-bottom: 15px;
    }
    
    .other-stats-for-account-flexing > .carding-statics-boxliner {
        width: calc(50% - 10px);
        padding: 16px;
        display: flex;
        flex-direction: column;
        border-radius: 13px;
        box-sizing: border-box;
    }
    
    .other-stats-for-account-flexing > .carding-statics-boxliner > .boxliner-title{
        display: flex;
        align-items: center;
        margin-bottom: 7px;
    }
    .other-stats-for-account-flexing > .carding-statics-boxliner > .boxliner-title h6{
        font-size: 15px;
        font-weight: 500;
        line-height: 20px;
        display: flex;
        align-items: center;
    }
    .other-stats-for-account-flexing > .carding-statics-boxliner > .boxliner-title h6 svg{
        margin-left: 6px;
        width: 18px;
        height: 18px;
    }
    .other-stats-for-account-flexing > .carding-statics-boxliner > h4{
        font-size: 31px;
        font-weight: 700;
        line-height: 31px;
        margin-bottom: -0px;
    }
    .info-statics-page-bottom p{
        font-size: 13px;
        font-weight: 400;
        line-height: 17px;
    }
    #loading-indicator {
        width: 100% !important;
        display: none;
        justify-content: center !important;
        justify-items: center !important;
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .spinner {
        width: 35px;
        height: 35px;
        border-radius: 50%;
        animation: spin 1s infinite linear;
    }
    @keyframes spin {
        to {
            transform: rotate(360deg);
        }
    }
    .switch-account-info-text{
        font-size: 15px;
        font-weight: 400;
        line-height: 20px;
    }
    #addnew-switchaccount{
        padding: 45px;
        border-radius: 13px;
    }
    .notifs-permission-browser{
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    .notifs-permission-browser h3{
        font-size: 31px;
        font-weight: 800;
        line-height: 36px;
        margin-bottom: 7px;
    }
    .notifs-permission-browser p{
        font-size: 15px;
        font-weight: 400;
        line-height: 20px;
    }
    .radio-container{
        padding-bottom: 10px;
        margin-top: 10px;
    }
    .radio-container > label{
        margin-bottom: 7px;
        font-size: 14px;
        font-weight: 400;
        line-height: 18px;
    }
    .radio-container label:has([type=radio]) {
        display: inline-flex;
        align-items: center;
        gap: 5px;
        border: 1px solid #aaa;
        padding: 6px 10px;
        border-radius: 3rem;
        transition: background-color 0.3s;
    }
    
    .radio-container label:has([type=radio]:not(:disabled)) {
    cursor: pointer;
    }
    
    .radio-container [type=radio] {
    appearance: none;
    width: 21px;
    height: 21px;
    flex: 0 0 auto;
    border: inherit;
    border-radius: inherit;
    }
    
    .radio-container label:has([type=radio]:checked) {
    border-color: #1C9BEE;
    background-color: #1C9BEE;
    color: #fff;
    }
    
    [type=radio]:checked {
    border-color: transparent;
    background: #fff url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1 1"><polyline points="0.15,0.5 0.4,0.75 0.85,0.25" style="fill:none;stroke:%2314bf8b;stroke-linecap:round;stroke-width:0.15;"/></svg>') no-repeat 50% / 1rem;
    }
    .deleteAccountBtn{
        padding: 8px;
        background-color: #1da1f1;
        color: #fff;
        font-size: 14px;
        font-weight: 700;
        line-height: 17px;
        border-radius: 999px;
        border: none;
        outline: none;
        width: 100%;
        transition-duration: 0.2s;
        &:hover{
            opacity: .65;
        }
    }
}