@php
$header = 'on';
$footer = 'on';
$dahboardStyle = 'off';
@endphp
@extends('layouts.wallet')
@section('title' , 'Settings')
@section('css')

<style>
 .icon-anchor a, .icon-anchor a:visited, .icon-anchor a:hover, .icon-anchor a:visited{
     color:#000 !important;
 }   
 
</style>
<style>

</style>

<style>

    .fiqVSc {
    box-sizing: border-box;
    position: relative;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: start;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    max-width: 100%;
    background-color: #181A20;
    padding: 1rem 1rem 0.5rem 1rem;
}
.ggDMnH {
    position: relative;
    display: flex;
    flex-direction: row;
    -webkit-box-pack: start;
    justify-content: flex-start;
    align-items: flex-start;
    height: auto;
    width: 100%;
    overflow-y: auto;
        overflow-x: hidden;
} 
.ggDMnH > div {
    box-sizing: border-box;
}
.cRIOJo {
    display: flex;
    flex-direction: column;
    margin-bottom: 1.5rem;
}
.eUbNLQ {
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
    font-weight: 600;
    font-size: 26px;
    line-height: inherit;
    text-transform: none;
    font-style: normal;
    color: #eaecef;
    cursor: inherit;
    display: block;
    opacity: 1;
}

.bqejvM {
    margin: 4px 0px;
}
.dfGJAG {
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: inherit;
    text-transform: none;
    font-style: normal;
    color: #eaecef;
    cursor: inherit;
    display: block;
    opacity: 1;
}



.foNkDZ {
    width: 100%;
    display: flex;
    position: relative;
    flex-direction: column;
    -webkit-box-pack: start;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 10px 0px;
    border-bottom: 1px solid #474d57;
}

.bSkPBJ {
    display: flex;
    flex-direction: column;
    -webkit-box-pack: start;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    padding: 10px 0px;
    box-sizing: border-box;
}
.cZEEvZ {
    display: flex;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
    font-weight: 500;
    font-size: 17px;
    color: #eaecef;
    margin-bottom: 3px;
}
.cZEEvZx {
    display: flex;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
    font-weight: 500;
    font-size: 13px;
    color: #eaecef;
    margin-bottom: 3px;
}
.cnSvpp {
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
    font-weight: 500;
    font-size: 13px;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #eaecef;
}

.kamgnT {
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
    font-weight: 600;
    font-size: 13px;
    line-height: inherit;
    text-transform: none;
    font-style: normal;
    color: rgb(217, 59, 48);
    cursor: inherit;
    display: block;
    opacity: 1;
}
.cnSvpp > * {
    display: inline;
    margin-right: 5px;
}

.bIuyxI {
    display: flex;
    flex-direction: column;
    -webkit-box-pack: start;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    padding: 1rem 0px;
    box-sizing: border-box;
}
.oUlUJ {
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: inherit;
    text-transform: none;
    font-style: normal;
    color: #eaecef;
    cursor: inherit;
    display: block;
    opacity: 1;
}

.eLDZqW {
    width: 100%;
    display: flex;
    position: relative;
    flex-direction: column;
    -webkit-box-pack: start;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 10px 0px;
    border-bottom: none;
}
.fhcXTi {
    display: flex;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
    font-weight: 500;
    font-size: 17px;
    color: #eaecef;
    margin-bottom: 18px;
}
.jsDkvv {
    display: grid;
    grid-template-columns: 430px;
    row-gap: 1rem;
}
.ibORxV {
    cursor: pointer;
}
.ibORxV > div {
    transition: transform 0.05s;
}
.fdhAMF {
    display: flex;
    gap: 16px;
    -webkit-box-pack: justify;
    justify-content: space-between;
}
.htWdST {
    display: flex;
    flex-direction: row;
    gap: 16px;
}
.hxMvdw {
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
}
.NFOuH {
    display: flex;
    flex-direction: column;
    gap: 1px;
}
.PLiLN {
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: inherit;
    text-transform: none;
    font-style: normal;
    color: #eaecef;
    cursor: inherit;
    display: block;
    opacity: 1;
}
.hVILYu {
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: inherit;
    text-transform: none;
    font-style: normal;
    color: rgb(103, 113, 132);
    cursor: inherit;
    display: block;
    opacity: 1;
}
.fINtqS {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    gap: 1px;
    -webkit-box-pack: center;
    justify-content: center;
}
.ckNCAC {
    width: 100%;
    display: flex;
    position: relative;
    flex-direction: column;
    -webkit-box-pack: start;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 10px 0px;
    border-bottom: 1px solid #474d57;
}
.fdhAMF {
    display: flex;
    gap: 16px;
    -webkit-box-pack: justify;
    justify-content: space-between;
}
.fbeiut {
    display: flex;
    flex-direction: column;
    -webkit-box-pack: start;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    padding: 1rem 0px;
    box-sizing: border-box;
    margin-top: 36px;
}
.izVKOh {
    display: flex;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    width: auto;
    min-width: 140px;
    height: 40px;
    padding: 10px 15px;
    box-sizing: border-box;
    user-select: none;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    letter-spacing: normal;
    transition: 0.2s ease-in-out;
    white-space: nowrap;
    line-height: 1;
    text-transform: none;
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    opacity: 1;
    color: #202630;
    background-color: #f36a3d;
    border-radius: 8px;
    border-style: solid;
    border-width: 1px;
    border-color: #f36a3d;
}
.bzateK {
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: rgb(12, 108, 242);
    text-transform: none;
    text-decoration: none;
    cursor: pointer;
}
.flDBNY {
    display: flex;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    width: auto;
    min-width: 140px;
    height: 40px;
    padding: 10px 15px;
    box-sizing: border-box;
    user-select: none;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    letter-spacing: normal;
    transition: 0.2s ease-in-out;
    white-space: nowrap;
    line-height: 1;
    text-transform: none;
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    opacity: 1;
    color: rgb(12, 108, 242);
    background-color: rgb(255, 255, 255);
    border-radius: 8px;
    border-style: solid;
    border-width: 1px;
    border-color: rgb(223, 227, 235);
}
.fZsXUY {
    -webkit-font-smoothing: antialiased;
    cursor: inherit;
    display: flex;
}
.fZsXUY::before {
    font-family: icomoon, sans-serif;
    content: "";
}
@media (min-width: 993px) {
    .foNkDZ {
        flex-direction: row;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        justify-content: space-between;
    }
    .bSkPBJ {
        width: 50%;
    }
    .bIuyxI {
        align-items: flex-end;
    }
    .eLDZqW {
        flex-direction: row;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        justify-content: space-between;
    }
    .ckNCAC {
        flex-direction: row;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        justify-content: space-between;
    }
        .fbeiut {
        align-items: flex-end;
    }
}

</style>
<style>
    .css-tq0shg {
    box-sizing: border-box;
    margin: 0px;
    min-width: 0px;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}
.css-1wr4jig {
    box-sizing: border-box;
    margin: 0px;
    min-width: 0px;
    display: flex;
    flex-direction: column;
    flex: 1 1 0%;
}

.css-v6nrnm {
    box-sizing: border-box;
    margin: 0px;
    min-width: 0px;
    display: flex;
    min-height: 600px;
    flex: 1 1 0%;
    background-color: rgb(24, 26, 32);
    flex-direction: column;
}

.css-15owl46 {
    box-sizing: border-box;
    margin: 0px;
    min-width: 0px;
    position: relative;
}
.css-ebf0ty {
    box-sizing: border-box;
    margin: 40px 57px 0px 32px;
    min-width: 0px;
}
.css-4cffwv {
    box-sizing: border-box;
    margin: 0px;
    min-width: 0px;
    display: flex;
}
.css-gy98st {
    box-sizing: border-box;
    margin: 0px;
    min-width: 0px;
    display: flex;
    border-bottom: 1px solid rgb(71, 77, 87);
    flex: 1 1 0%;
    padding-bottom: 40px;
}
.css-15owl46 {
    box-sizing: border-box;
    margin: 0px;
    min-width: 0px;
    position: relative;
}
.css-rvluuh {
    box-sizing: border-box;
    margin: 0px 16px 0px 0px;
    min-width: 0px;
    max-width: 100%;
    border-radius: 99999px;
    background-color: rgb(43, 49, 57);
    width: 64px;
    height: 64px;
}
.css-1hythwr {
    box-sizing: border-box;
    margin: 0px;
    min-width: 0px;
    display: flex;
    flex: 1 1 0%;
    flex-direction: column;
}
.css-r2uu7z {
    box-sizing: border-box;
    margin: 0px;
    min-width: 0px;
    color: rgb(234, 236, 239);
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
}
.css-1wpeod4 {
    box-sizing: border-box;
    margin: 4px 0px 0px;
    min-width: 0px;
    display: flex;
    gap: 4px;
}
.css-1yh9dl1 {
    box-sizing: border-box;
    margin: 0px;
    min-width: 0px;
    width: fit-content;
    background-color: rgb(16, 40, 33);
    border-radius: 4px;
    padding: 4px 8px;
}
.css-f5h6sg {
    box-sizing: border-box;
    margin: 0px;
    min-width: 0px;
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
}
.css-ujzvcj {
    box-sizing: border-box;
    margin: 0px 4px 0px 0px;
    min-width: 0px;
    color: rgb(14, 203, 129);
    font-size: 24px;
    fill: rgb(14, 203, 129);
    width: 16px;
    height: 16px;
}
.css-a5k0hn {
    box-sizing: border-box;
    margin: 0px;
    min-width: 0px;
    color: rgb(14, 203, 129);
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
}

.binance-row {
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: wrap;
}
.css-104886h {
    box-sizing: border-box;
    margin: 0px;
    min-width: 0px;
    max-width: 1600px;
    width: 100%;
}
.css-vurnku {
    box-sizing: border-box;
    margin: 0px;
    min-width: 0px;
}
.css-fuohh3 {
    box-sizing: border-box;
    min-width: 0px;
    border-radius: 4px;
    box-shadow: none;
    margin: 32px 0px;
    padding: 24px;
    background-color: rgb(43, 49, 57);
}
.css-4cffwv {
    box-sizing: border-box;
    margin: 0px;
    min-width: 0px;
    display: flex;
}
.css-rpnt7k {
    box-sizing: border-box;
    margin: 0px;
    min-width: 0px;
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    color: rgb(234, 236, 239);
    padding-bottom: 16px;
}
.css-1dua0gy {
    box-sizing: border-box;
    margin: 0px;
    min-width: 0px;
    padding-bottom: 24px;
}
.css-15u79n8 {
    box-sizing: border-box;
    margin: 0px;
    min-width: 0px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: rgb(183, 189, 198);
}
.css-h21u74 {
    box-sizing: border-box;
    margin: 0px;
    min-width: 0px;
    display: flex;
    flex-direction: row;
}

.css-12yej13 {
    box-sizing: border-box;
    margin: 17px 0px 0px;
    min-width: 0px;
}
.css-h21u74 div {
    color: rgb(183, 189, 198);
    padding-top: 0px;
    margin-left: 3px;
}

.css-4xllew {
    box-sizing: border-box;
    margin: 0px;
    min-width: 0px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: rgb(132, 142, 156);
    padding-top: 16px;
}
.css-h21u74 div:nth-child(2)::before {
    content: "•";
}

.css-16umrcl {
    margin: 0px 12px 12px 0px;
    appearance: none;
    user-select: none;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    box-sizing: border-box;
    font-size: 14px;
    font-family: inherit;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    outline: none;
    padding: 10px 16px;
    line-height: 20px;
    min-width: 60px;
    word-break: keep-all;
    color: rgb(24, 26, 32);
    min-height: 24px;
    border: none;
    background-image: none;
    background-color: rgb(252, 213, 53);
    border-radius: 4px;
    height: 36px;
    width: 100%;
}
.css-8oj9i9 {
    box-sizing: border-box;
    margin: 0px 0px 16px;
    min-width: 0px;
    display: flex;
    border-top: 1px solid rgb(71, 77, 87);
    border-right-color: rgb(71, 77, 87);
    border-bottom-color: rgb(71, 77, 87);
    border-left-color: rgb(71, 77, 87);
    padding-top: 32px;
}
.css-v9337m {
    box-sizing: border-box;
    margin: 0px;
    min-width: 0px;
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    color: rgb(234, 236, 239);
}
.css-nga4y6 {
    box-sizing: border-box;
    margin: 0px 0px 24px;
    min-width: 0px;
    display: flex;
    width: 100%;
    flex-direction: column;
}
.css-ep3co8 {
    box-sizing: border-box;
    margin: 0px 0px 12px;
    min-width: 0px;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
}
.css-10nf7hq {
    box-sizing: border-box;
    margin: 0px;
    min-width: 0px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}
.css-18kqmhp {
    box-sizing: border-box;
    margin: 0px;
    min-width: 0px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: rgb(132, 142, 156);
}
.css-11wo3c7 {
    box-sizing: border-box;
    margin: 0px;
    min-width: 0px;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: rgb(183, 189, 198);
}
.css-1bowk {
    box-sizing: border-box;
    margin: 0px 0px 12px;
    min-width: 0px;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    flex-direction: row;
}

.css-ob3xmf {
    box-sizing: border-box;
    margin: 12px 0px 24px;
    min-width: 0px;
    display: flex;
    background-color: rgb(60, 38, 1);
    border-radius: 4px;
    padding: 12px 16px;
}
.css-geni0p {
    box-sizing: border-box;
    margin: 0px;
    min-width: 0px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: rgb(234, 236, 239);
}
.css-1msuext {
    box-sizing: border-box;
    margin: 0px;
    min-width: 0px;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
    cursor: pointer;
    color: rgb(240, 185, 11);
    display: inline-block;
}
.css-1d6nk9p {
    box-sizing: border-box;
    margin: 0px 0px 16px;
    min-width: 0px;
    display: flex;
    border-top: 0px rgb(71, 77, 87);
    border-right-color: rgb(71, 77, 87);
    border-bottom-color: rgb(71, 77, 87);
    border-left-color: rgb(71, 77, 87);
    padding-top: 32px;
}
.css-1xtcpig {
    box-sizing: border-box;
    margin: 0px 11px 0px 0px;
    display: flex;
    min-width: 22px;
    flex-direction: column;
}
.css-1sfcq68 {
    box-sizing: border-box;
    margin: 7px 0px;
    min-width: 0px;
    width: 52%;
    height: 100%;
    border-right: 2px solid rgb(71, 77, 87);
    border-top-color: rgb(71, 77, 87);
    border-bottom-color: rgb(71, 77, 87);
    border-left-color: rgb(71, 77, 87);
}
.css-79z9c8 {
    box-sizing: border-box;
    margin: 0px;
    min-width: 0px;
    color: rgb(14, 203, 129);
    font-size: 24px;
    fill: rgb(14, 203, 129);
    width: 1em;
    height: 1em;
}
.css-1nkwd9v {
    box-sizing: border-box;
    margin: 0px 0px 32px;
    min-width: 0px;
    display: flex;
    flex-direction: column;
}
.css-yf6v6g {
    box-sizing: border-box;
    margin: 0px 0px 2px;
    min-width: 0px;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: rgb(14, 203, 129);
}
.css-14zn9b2 {
    box-sizing: border-box;
    margin: 0px 0px 8px;
    min-width: 0px;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: rgb(234, 236, 239);
}
.css-15u79n8 {
    box-sizing: border-box;
    margin: 0px;
    min-width: 0px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: rgb(183, 189, 198);
}
.css-h21u74 {
    box-sizing: border-box;
    margin: 0px;
    min-width: 0px;
    display: flex;
    flex-direction: row;
}
.css-5fichw {
    box-sizing: border-box;
    margin: 0px;
    min-width: 0px;
    color: rgb(71, 77, 87);
    font-size: 24px;
    fill: rgb(71, 77, 87);
    width: 1em;
    height: 1em;
}
@media screen and (min-width: 768px) {
    .css-v6nrnm {
        flex-direction: row;
    }
	.css-16umrcl {
        width: 214px;
    }
	.css-ob3xmf {
        margin-bottom: 0px;
    }
}
</style>
<style>
@media screen and (min-width: 808px) {
    .ggDMnH{
        display:block;
    }
    .ckNCAC{
       display:block; 
    }
    .css-v6nrnm{
      display:block;  
    }
} 
@media (max-width:800px){
    .css-ebf0ty {
    margin:1rem 1rem;
    }
}
</style>
@endsection
@section('content')
<div class="hmp2182kj1" style="flex-grow: 1;">
<div class="cointainer-fluid">
    <div class="row" >
                   <div class="col-md-12">
                     <div data-e2e="page-settings-general" class="sc-cpmKsF fiqVSc">
    <div class="sc-kQsIoO ggDMnH">
        <section>
            <div class="sc-idjmjb cRIOJo">
                <div class="row pt-3">
        <div class="col">
            <h3 class="fs-2 icon-anchor sc-dnqmqq eUbNLQ sc-ijhsb bqejvM" ><a href="{{route('user.settings')}}" ><i class="bi bi-arrow-left" style="color:#eaecef"></i></a></h3>
        </div>
        <div class="col text-center fs-4 fw-normal"><div color="black" class="sc-dnqmqq eUbNLQ sc-ijhsb bqejvM" cursor="inherit" opacity="1">Account</div></div>
        <div class="col">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>
    </div>
                
            </div>
           
          
            <div class="sc-iKpIOp sc-kAKrxA ckNCAC">
               <div id="__APP" style="height: auto; width: auto;">
    <div style="position: relative;"></div>
    <div
        class="theme-root dark"
        style="
            --color-sell: #f6465d;
            --color-textSell: #f6465d;
            --color-sellHover: #ff707e;
            --color-depthSellBg: #35141d;
            --color-buy: #0ecb81;
            --color-textBuy: #0ecb81;
            --color-buyHover: #32d993;
            --color-depthBuyBg: #102821;
            --color-line: #2b3139;
            --color-outlineHover: #6a4403;
            --color-primary: #f36a3d;
            --color-primaryHover: #f0b90b;
            --color-error: #f6465d;
            --color-errorBg: #35141d;
            --color-success: #0ecb81;
            --color-successBg: #102821;
            --color-disable: #474d57;
            --color-iconNormal: #848e9c;
            --color-textWhite: #ffffff;
            --color-textGray: #eaecef;
            --color-textBlack: #0b0e11;
            --color-textPrimary: #eaecef;
            --color-textSecondary: #b7bdc6;
            --color-textThird: #848e9c;
            --color-textDisabled: #5e6673;
            --color-textBrand: #f0b90b;
            --color-textToast: #a37200;
            --color-bg: #181a20;
            --color-bg1: #181a20;
            --color-bg2: #0b0e11;
            --color-bg3: #2b3139;
            --color-bg4: #5e6673;
            --color-bg6: #202630;
            --color-bg7: #191a1f;
            --color-popupBg: #1e2329;
            --color-badgeBg: #2d2a20;
            --color-selectedBg: #1e2026;
            --color-gradientBrand: linear-gradient(180deg, #f8d12f 0%, #f0b90b 100%);
            --color-gradientPrimary: linear-gradient(295.27deg, #15141a 0%, #474d57 84.52%);
            --color-BasicBg: #181a20;
            --color-SecondaryBg: #0b0e11;
            --color-Input: #2b3139;
            --color-InputLine: #474d57;
            --color-CardBg: #1e2329;
            --color-Vessel: #1e2329;
            --color-Line: #2b3139;
            --color-DisableBtn: #2b3139;
            --color-DisabledText: #5e6673;
            --color-DisableText: #5e6673;
            --color-TertiaryText: #848e9c;
            --color-SecondaryText: #b7bdc6;
            --color-PrimaryText: #eaecef;
            --color-RedGreenBgText: #ffffff;
            --color-EmphasizeText: #ff693d;
            --color-TextOnGray: #eaecef;
            --color-TextOnYellow: #202630;
            --color-IconNormal: #848e9c;
            --color-LiteBg1: #202630;
            --color-LiteBg2: #191a1f;
            --color-BtnBg: #f36a3d;
            --color-PrimaryYellow: #f0b90b;
            --color-TextLink: #f0b90b;
            --color-TextToast: #a37200;
            --color-DepthSellBg: #35141d;
            --color-SellHover: #ff707e;
            --color-Sell: #f6465d;
            --color-TextSell: #f6465d;
            --color-DepthBuyBg: #102821;
            --color-BuyHover: #32d993;
            --color-Buy: #2ebd85;
            --color-TextBuy: #2ebd85;
            --color-Error: #f6465d;
            --color-SuccessBg: #102821;
            --color-Success: #2ebd85;
            --color-TagBg: #474d57;
            --color-Grid: #2b3139;
            --color-Placeholder: #474d57;
            --color-ToastBg: #707a8a;
            --color-TwoColorIcon: #caced3;
            --color-ErrorBg: rgba(246, 70, 93, 0.1);
            --color-BadgeBg: rgba(240, 185, 11, 0.1);
        "
    >
        <div class="css-tq0shg">
            <main class="css-1wr4jig">
                <main class="css-v6nrnm">
               
                    <div id="verification_center_page_exposure" class="css-s6j70d">
                        <div id="kyc-widget-portal-id"></div>
                        <div id="verification-levels-mobile"></div>
                   
                        <div class="css-15owl46">
                            <div class="css-1kjfh0o">
                                <div class="css-vxvh74">
                                    <div class="css-2bc2yz"></div>
                                    <div class="css-i6pav4"></div>
                                    <div class="css-o1uf9l"></div>
                                    <div class="css-14jhrrk"></div>
                                </div>
                            </div>
                            <div class="css-ebf0ty">
                                <div class="css-4cffwv">
                                    <div class="css-gy98st">
                                        <div class="css-15owl46">
                                            <img src="https://public.nftstatic.com/static/nft/res/nft-cex/S3/1695716378565_p7gg128kqzin6mp0ezo3tlwjbbmqblp9.png" class="css-rvluuh" />
                                        
                                        </div>
                                        <div class="css-1hythwr">
                                            <div data-bn-type="text" class="css-r2uu7z">{{$user->username}}&nbsp;</div>
                                            <div class="css-1wpeod4">
                                                <div class="css-1yh9dl1">
                                                    <div class="css-f5h6sg">
                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="css-ujzvcj">
                                                            <path
                                                                fill-rule="evenodd"
                                                                clip-rule="evenodd"
                                                                d="M7.035 16.812l-.001.002 2.121 2.121.002-.002 2.121-2.12 9.19-9.192-2.12-2.121-9.191 9.19-3.536-3.534-2.121 2.12 3.535 3.536z"
                                                                fill="currentColor"
                                                            ></path>
                                                        </svg>
                                                        <div data-bn-type="text" class="css-a5k0hn">Verified</div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="binance-row css-104886h">
                                    <div class=" col-md-7 col-xs-7 col-lg-7 css-vurnku">
                                        <div class="css-vurnku">
                                            <div class="css-vurnku">
                                                <div class="css-fuohh3">
                                                    <div class="css-4cffwv">
                                                        <div class="css-vurnku">
                                                            <div data-bn-type="text" class="css-rpnt7k">Upgrade to increase your fiat limits to 2M USD Daily.</div>
                                                            <div class="css-1dua0gy">
                                                                <div class="css-vurnku">
                                                                    <div class="css-vurnku">
                                                                        <div data-bn-type="text" class="css-15u79n8">Required:</div>
                                                                        <div class="css-vurnku">
                                                                            <div class="css-h21u74">
                                                                                
                                                                                <div data-bn-type="text" class="css-4xllew">&nbsp;&nbsp;Proof of address</div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="css-4cffwv"><button data-bn-type="button" class="kyc-dialog-trigger css-16umrcl">Get Verified Plus</button></div>
                                                </div>
                                            </div>
                                            <div class="css-vurnku">
                                                <div class="css-8oj9i9"><div data-bn-type="text" class="css-v9337m">Account Limits</div></div>
                                                <div class="css-nga4y6">
                                              
                                                    <div class="css-ep3co8">
                                                        <div class="css-10nf7hq"><div data-bn-type="text" class="css-18kqmhp">Crypto Deposit Limit</div></div>
                                                        <div data-bn-type="text" class="css-11wo3c7">Unlimited</div>
                                                    </div>
                                                    <div class="css-ep3co8">
                                                        <div class="css-10nf7hq"><div data-bn-type="text" class="css-18kqmhp">Crypto Withdrawal Limit</div></div>
                                                        <div data-bn-type="text" class="css-11wo3c7">8M USDT Daily</div>
                                                    </div>
                                                   
                                                </div>
                                            </div>
                                            <div class="css-vurnku">
                                                <div class="css-8oj9i9"><div data-bn-type="text" class="css-v9337m">Personal information</div></div>
                                                <div class="css-nga4y6">
                                                    <div class="css-1bowk">
                                                        <div data-bn-type="text" class="css-18kqmhp">Legal Name</div>
                                                        <div data-bn-type="text" class="css-11wo3c7">{{strtoupper($user->name)}} </div>
                                                    </div>
                                                    <div class="css-1bowk">
                                                        <div data-bn-type="text" class="css-18kqmhp">Date of Birth</div>
                                                        <div data-bn-type="text" class="css-11wo3c7">{{__get_date($user->dob)}}</div>
                                                    </div>
                                                    <div class="css-1bowk">
                                                        <div data-bn-type="text" class="css-18kqmhp">Address</div>
                                                        <div class="css-uliqdc"><div data-bn-type="text" class="css-14tcjvv">{{__get_profile_address($user->state , $user->country)}}</div></div>
                                                    </div>
                                                    <div class="css-1bowk">
                                                        <div data-bn-type="text" class="css-18kqmhp">Identification Documents</div>
                                                        <div data-bn-type="text" class="css-11wo3c7">{{__get_verification_doc($user->document_type  ,$user->document_number)}}</div>
                                                    </div>
                                                    <div class="css-1bowk">
                                                        <div data-bn-type="text" class="css-18kqmhp">Email Address</div>
                                                        <div data-bn-type="text" class="css-11wo3c7">{{__mask_email($user->email)}}</div>
                                                    </div>
                                                    <div class="css-ob3xmf">
                                                        <div data-bn-type="text" class="css-geni0p">If you have questions for Customer Support, please click <a data-bn-type="text" class="css-1msuext" href="{{route('user.support.index')}}" style="color:rgb(240, 185, 11)">Customer Support</a></div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class=" col-md-2 col-sm-2 col-xs-2 col-lg-2 css-vurnku"></div>
                                    <div class=" col-md-3 col-sm-3 col-xs-3 col-lg-3 css-vurnku">
                                        <div class="css-vurnku">
                                            <div class="css-vurnku">
                                                <div class="css-1d6nk9p"><div data-bn-type="text" class="css-v9337m">Verification Levels</div></div>
                                                <div class="css-nga4y6">
                                                    <div class="css-4cffwv">
                                                        <div class="css-1xtcpig">
                                                            <div class="css-vurnku">
                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="css-79z9c8">
                                                                    <path
                                                                        fill-rule="evenodd"
                                                                        clip-rule="evenodd"
                                                                        d="M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-4.934-4.483L10.2 13.383l-2.716-2.716-1.768 1.767 4.484 4.484 7.634-7.634-1.768-1.767z"
                                                                        fill="currentColor"
                                                                    ></path>
                                                                </svg>
                                                            </div>
                                                            <div class="css-1sfcq68"></div>
                                                        </div>
                                                        <div class="css-1nkwd9v">
                                                            <div data-bn-type="text" class="css-yf6v6g">Verified</div>
                                                            <div data-bn-type="text" class="css-14zn9b2">Fiat Limit of 50K USD Daily</div>
                                                            <div data-bn-type="text" class="css-15u79n8">Verified:</div>
                                                            <div class="css-h21u74">
                                                                <div class="css-12yej13">
                                                                   
                                                                </div>
                                                                <div data-bn-type="text" class="css-4xllew">&nbsp;&nbsp;Personal information</div>
                                                            </div>
                                                            <div class="css-h21u74">
                                                           
                                                                <div data-bn-type="text" class="css-4xllew">&nbsp;&nbsp;Government-issued ID</div>
                                                            </div>
                                                            <div class="css-h21u74">
                                                             
                                                                <div data-bn-type="text" class="css-4xllew">&nbsp;&nbsp;Facial recognition</div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    
                                                </div>
                                            </div>
                                            
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </main>
            </main>
        </div>
    </div>
</div>


            </div>
           
        </section>
    </div>
</div>

                   </div>
    </div>

</div>
</div>
@endsection

@section('script')
@endsection