.title {
    margin: 0 0 10px;
    font-size: 28px;
    font-weight: 600;
}

.subtitle {
    font-size: 16px;
    color: #748A96;
}

.profile_page_wrap {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 30px 0;
    gap: 20px;
}

.profile_page_wrap > .left_block {
    max-width: 810px;
    background: none;
    border: none;
    min-height: auto;
}

.profile_wrap {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.profile_block {
    background: linear-gradient(180deg, rgba(16, 18, 33, 1) 0%, rgba(10, 11, 20, 1) 100%);
    background-clip: content-box;
    border-radius: 16px;
    padding: 1px;
    display: flex;
    position: relative;
}

.profile_block::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(221deg, rgba(25, 36, 51, 1) 0%, rgb(57 123 193) 50%, rgba(21, 44, 69, 1) 100%);
    border-radius: inherit;
    z-index: -1;
    padding: 1px;
    box-sizing: border-box;
}

.profile_block_content {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 25px 15px;
}

.prof_info_block {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 15px;
}

.avatar_profile {
    background: linear-gradient(180deg, rgba(16, 18, 33, 1) 0%, rgba(10, 11, 20, 1) 100%);
    border: 1px solid #2c5b8d;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.avatar_profile > svg {
    padding: 10px;
}

.nickname {
    font-size: 24px;
    font-weight: 500;
}

.id {
    margin: 5px 0;
    font-size: 16px;
    font-weight: 400;
    color: #a1a1a1;
}

.setting_profile_btn {
    background: linear-gradient(180deg, rgba(16, 18, 33, 1) 0%, rgba(10, 11, 20, 1) 100%);
    border: 1px solid #2c5b8d;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.setting_profile_btn > svg {
    padding: 10px 5px;
}

.balance_profile_block {
    margin: 20px 0;
    background: linear-gradient(180deg, rgba(16, 18, 33, 1) 0%, rgba(10, 11, 20, 1) 100%);
    background-clip: content-box;
    border-radius: 16px;
    padding: 1px;
    display: flex;
    position: relative;
}

.balance_profile_block::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(221deg, rgba(25, 36, 51, 1) 0%, rgb(57 123 193) 50%, rgba(21, 44, 69, 1) 100%);
    border-radius: inherit;
    z-index: -1;
    padding: 1px;
    box-sizing: border-box;
}

.content_profile_balance {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 25px 15px;
}

.balance_value_block {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 15px;
    width: 100%;
    max-width: 230px;
}

.ico_balance_prof {
    background: linear-gradient(180deg, rgba(16, 18, 33, 1) 0%, rgba(10, 11, 20, 1) 100%);
    border: 1px solid #2c5b8d;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ico_balance_prof > svg {
    padding: 8px
}

.miners_value_span {
}

.miners_value_span > span {
    font-size: 18px;
    color: #6B7280;
}

.total_amount {
    margin: 5px 0;
    font-size: 25px;
    font-weight: 500;
    color: #3195FF;
}

.hr_block {
    width: 1px;
    height: 100%;
    background: linear-gradient(221deg, rgba(25, 36, 51, 1) 0%, rgb(57 123 193) 50%, rgba(21, 44, 69, 1) 100%);
}

.hr_block::before {
}

.world_ranking_block {
    background: linear-gradient(180deg, rgba(16, 18, 33, 1) 0%, rgba(10, 11, 20, 1) 100%);
    background-clip: content-box;
    border-radius: 16px;
    padding: 1px;
    display: flex;
    position: relative;
}

.world_ranking_block::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(221deg,rgba(51, 37, 25, 1) 0%, rgba(255, 210, 46, 1) 54%, rgba(51, 43, 25, 1) 100%);
    border-radius: inherit;
    z-index: -1;
    padding: 1px;
    box-sizing: border-box;
}

.none {
    width: 100%;
    text-decoration: none;
    color: #fff;
}

.w_r_content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 25px 15px;
}

.w_r_b {
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 15px;
}

.ico_w_r {
    background: linear-gradient(180deg, rgba(16, 18, 33, 1) 0%, rgba(10, 11, 20, 1) 100%);
    border: 1px solid #b7993e;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ico_w_r > svg {
    padding: 10px;
}

.w_r_t_b {
}

.w_r_t {
    margin: 5px 0;
    font-size: 19px;
}

.rank {
    margin: 8px 0;
    color: #6B7280;
    font-size: 17px;
}

.dop_text {
    margin: 5px 0;
    color: #FFCF40;
}

.icon_block_next {
}

.profile_page_wrap > .right_block {
    max-width: 370px;
}

.referal_wrap {
    display: flex;
    flex-direction: column;
}

.referal_block {
    background: linear-gradient(33.7deg, #000101 20.01%, #0D1024 81.43%);
    background-clip: content-box;
    border-radius: 16px;
    padding: 1px;
    display: flex;
    position: relative;
    margin-bottom: 20px;
}

.referal_block::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(221deg, rgba(25, 36, 51, 1) 0%, rgb(57 123 193) 50%, rgba(21, 44, 69, 1) 100%);
    border-radius: inherit;
    z-index: -1;
    padding: 1px;
    box-sizing: border-box;
}

.referal_block_content {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 25px 15px;
}

.ref_header_block {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

.icon_ref {
    background: linear-gradient(180deg, rgba(16, 18, 33, 1) 0%, rgba(10, 11, 20, 1) 100%);
    border: 1px solid #2c5b8d;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.icon_ref > svg {
    padding: 8px
}

.ref_title_block {
}

.ref_title_block > span {
    font-size: 20px;
    font-weight: 500;
}

.ref_title_block > p {
    margin: 5px 0;
    color: #6B7280;
    font-size: 14px;
}

.ref_text {
    font-size: 14px;
    color: #6A78FE;
    text-decoration: none;
    margin-left: auto;
}

.ref_info_wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    margin: 20px 0 0;
}

.ref_info_block {
    background: linear-gradient(180deg, #101221 -2.63%, #0A0B14 100%);
    border: 1px solid #2c5b8d;
    border-radius: 16px;
    width: 50%;
}

.ref_info_content {
    padding: 15px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.ref_info_content > span {
    color: #6B7280;
    font-size: 16px;
}

.ref_info_text {
    margin: 5px 0;
    font-size: 20px;
    color: #3195FF;
    font-weight: 600;
}

.recent_block {
    background: linear-gradient(33.7deg, #000101 20.01%, #0D1024 81.43%);
    background-clip: content-box;
    border-radius: 16px;
    padding: 1px;
    display: flex;
    position: relative;
}

.recent_block::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(221deg, rgba(25, 36, 51, 1) 0%, rgb(57 123 193) 50%, rgba(21, 44, 69, 1) 100%);
    border-radius: inherit;
    z-index: -1;
    padding: 1px;
    box-sizing: border-box;
}

.recent_content {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 25px 15px;
}

.recent_header {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 20px;
}

.title_recent_header {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

.title_recent_header > svg {
    background: linear-gradient(180deg, rgba(16, 18, 33, 1) 0%, rgba(10, 11, 20, 1) 100%);
    border: 1px solid #2c5b8d;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
}

.title_recent {
}

.recent_wrap {
    display: flex;
    flex-direction: column;
}

.recent_activity_block {
    background: linear-gradient(180deg, #101221 -2.63%, #0A0B14 100%);
    border: 1px solid #2c5b8d;
    border-radius: 16px;
    margin: 5px 0;
}

.recent_activity_content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 10px;
}

.r_a_head {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

.r_a_icon {
    background: linear-gradient(180deg, rgba(16, 18, 33, 1) 0%, rgba(10, 11, 20, 1) 100%);
    border: 1px solid #2c5b8d;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.r_a_icon > svg {
    padding: 8px;
}

.r_a_title {
}

.r_a_title > span {
    font-size: 16px;
    color: #fff;
}

.r_a_title > p {
    margin: 5px 0;
    color: #6B7280;
    font-size: 14px;
}

.r_a_amount_block {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.r_a_amount_block > span {
    color: #00D0FF;
}

.r_a_amount_block > p {
    margin: 5px 0;
    color: #6B7280;
    font-size: 14px;
}

#withdrawal_activity > .recent_activity_content > .r_a_amount_block > span {
    color: #F59E0B;
}


@media screen and (max-width: 860px) {
  .profile_page_wrap {
            display: flex;
        flex-direction: column;
        margin: 30px 0 90px;
        gap: 20px;
}

.profile_page_wrap > .right_block {
    max-width: -webkit-fill-available;
}

.ico_balance_prof > svg {
    width: 20px;
    height: 20px;
}

.miners_value_span > span {
    font-size: 15px;
}

.miners_value_span > p {
    font-size: 16px;
}

.hr_block {
    margin-right: 10px;
}

}