body{
    margin: 0;
    top: 0;
    font-style: normal;
    font-weight: 400;
    font-family: "Inter", serif;
    background: #0C0A0D;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: top center;
    min-height: 100vh;
    user-select: text;
}
.background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: url('../image/shum.gif') no-repeat center center fixed;
    background-size: cover;
    pointer-events: none;
    opacity: 0.008;
}
html {
    scroll-behavior: smooth;
}
h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-size: 100%;
    font-family: inherit;
    line-height: inherit;
    text-transform: none;
    text-decoration: none;
    letter-spacing: normal;
    border: 0;
    vertical-align: baseline;
}
button{
    outline: none;
    border: none;
}
.flex{
    display: flex;
}
.jflex{ 
    display: flex;
    justify-content: center;
}
.aflex{
    display: flex;
    align-items: center;
}
.tflex{
    text-align: center;
}
.sflex{
    display: flex;
    justify-content: space-between;
}
.rel{
    position: relative;
}
.hidden{
    display: none;
}
p{
    margin: 0;
}
img{
    pointer-events: none;
    -webkit-touch-callout: none; 
    -webkit-user-select: none; 
    -khtml-user-select: none;
    -moz-user-select: none; 
    -ms-user-select: none;
    user-select: none;
}
a{
    cursor: pointer;
    text-decoration: none;
}
::-webkit-scrollbar {
    border-radius: 5px;
    width: 8px;
    height: 100%;
  }
::-webkit-scrollbar-track {
    background: transparent;
}
::-webkit-scrollbar-thumb {
    background: #E1E1E3;
    border-radius: 5px;
    border-radius: 20px;
}
::selection {
    background-color: #E7EBFA; 
    color: #1A1D2B; 
}
#warning{
    margin-top: 12px;
}
.header{
    display: flex;
    justify-content: center;
    height: 72px;
    align-items: center;
    background-color: #ffffff00;
    width: 100%;
    position: fixed;
    top: 0px;
    z-index: 100;
    transition: .3s all;
}
.header_active{
    background-color: #000000;
    transition: .3s all;
}
.header-content{
    width: 1220px;
    margin: 0px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header-content > .aflex{
    display: flex;
    gap: 12px;
}
.header-content .aflex .line{
    width: 2px;
    background-color: rgba(26, 29, 42, 0.08);
    height: 22px;
}
.header-content .aflex .swith-dark{
    border-radius: 50px;
    background: #FFF;
    box-shadow: 0px 0px 1px 0.5px rgba(150, 150, 150, 0.35);
    padding: 8px;
    gap: 6px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
}
.header-content .aflex .swith-dark p{
    color: #1A1D2A;
    text-align: center;
    font-size: 14.5px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%; 
}

.toggle-switch:checked ~ .switch-label {
    background-color: #1A1D2B;
}

.toggle-switch:checked ~ .switch-label .switch-inner {
    transform: translateX(12px);
}
.switch-label.active .switch-label{
    background-color: #1A1D2B;
}
.switch-label.active .switch-label .switch-inner{
    transform: translateX(12px);
}
.switch-label.active .icon-light{
    display: none;
}
.switch-label.active .icon-dark{
    display: block!important;
}
.header-nav{
    display: flex;
    align-items: center;
    gap: 20px;
}
.header-nav .line{
    width: 1px;
    height: 16px;
    background: #464446;
}
.header-nav a{
    color: #FDFBFE;
    font-family: 'Inter';
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 16.5px */
    letter-spacing: -0.45px;
    transition: 0.4s ease-in-out;
}
.header-nav a:hover{
    opacity: 1;
}
.dark{
    transition: .3s all;
}
.dark.rotate{
    transform: rotate(180deg);
    transition: .3s all;
}
.contactPopup{
    border-radius: 48px;
    background: #FDFBFE;
    box-shadow: 0px 1px 4px 0px rgba(252, 224, 124, 0.25) inset, 0px 5px 48px 0px rgba(253, 251, 254, 0.16), 0px 1.926px 15.289px 0px rgba(253, 251, 254, 0.10), 0px 1px 7.8px 0px rgba(253, 251, 254, 0.08), 0px 0.407px 3.911px 0px rgba(253, 251, 254, 0.06), 0px 0.093px 1.889px 0px rgba(253, 251, 254, 0.04);
    display: flex;
    padding: var(--gaps-8, 8px) 14px;
    align-items: center;
    gap: var(--gaps-8, 8px);
    cursor: pointer;
    color: #0C0A0D;
    font-family: "Inter";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 16.5px */
    text-transform: uppercase;
}
.contactPopup-arround{
    border-radius: 64px;
    border: 1px solid rgba(253, 251, 254, 0.56);
    padding: 3px;
    width: fit-content;
}
.header-nav div.contactPopup:hover{
    opacity: 1;
}
.header-nav .newBot{
    display: flex;
    align-items: center;
    border-left: 2px solid rgba(26, 29, 42, 0.08);
    border-right: 2px solid rgba(26, 29, 42, 0.08);
    padding: 0px 12px;
    box-sizing: border-box;
}
.header-nav .newBot span{
    color: #F7931A;
    text-align: right;
    font-feature-settings: 'clig' off, 'liga' off;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    padding: 2px 4px;
    box-sizing: border-box;
    border-radius: 4px;
    background: rgba(247, 147, 26, 0.12);
}
.language{  
    border-radius: 48px;
    background: rgba(255, 255, 255, 0.08);
    box-sizing: border-box;
    padding: 8px 14px;
    cursor: pointer;
    transition: 0.4s ease-in-out;
}
.language:hover{
    background: rgba(255, 255, 255, 0.31);
}
.language-name{
    color: #FDFBFE;
    font-family: "Inter";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 16.5px */
    text-transform: uppercase;
    margin: 0px 8px 0px 6px;
}
.flag{
    border-radius: 2px;
}
.header .headerChangeLang{
    position: absolute;
    margin-top: 10px;
    border-radius: 7px;
    background: rgb(24, 24, 24);
    box-sizing: border-box;
    padding: 5px;
    width: 150px;
    right: 0px;
    display: none;
}
.headerChangeLang{
    position: absolute;
    margin-top: 10px;
    border-radius: 7px;
    background: rgba(255, 255, 255, 0.08);
    box-sizing: border-box;
    padding: 10px;
    width: 150px;
    right: -7px;
    flex-direction: column;
    gap: 5px;
    display: none;
}
.burger-boks{
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
}
.header .headerChangeLang .flag{
    height: 15px;
}
.header .headerChangeLang .rowlang{
    display: flex;
    padding: 7px;
    box-sizing: border-box;
    transition: 0.4s ease-in-out;
    border-radius: 5px;
    cursor: pointer;
}
.header .headerChangeLang .rowlang:hover{
    background: rgba(255, 255, 255, 0.07);
}
.header .headerChangeLang .rowlang p{
    margin: 0px;
    margin-left: 8px;
}
.header-right{
    display: flex;
    align-items: center;
    gap: 8px;
}
.content .w1220{
    display: flex !important;
    flex-direction: column-reverse;
}
.w1220{
    width: 1220px;
    margin: 0px 16px;
}
.content{
    display: flex;
    justify-content: center;
    align-items: flex-end;
    width: 100%;
    padding-top: 72px;
    height: 728px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-image: url(../image/bg-blok.svg);
}

.exchange-content {
    max-width: 740px;
    width: 100%;
    margin-top: 84px;
    padding: 16px;
    border-radius: 36px;
    border: 1px solid rgba(253, 251, 254, 0.10);
    background: rgba(60, 51, 65, 0.48);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    margin-bottom: 160px;
}
.exchange-content .title-row{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.exchange-content .title-row .title{
    font-weight: 600;
    font-size: 21px;
    line-height: 120%;
    color: #1A1D2B;
}
.exchange-content .title-row .currency-block{ 
    background: #FFFFFF;
    box-shadow: 0px 0px 1px 0.5px rgba(150, 150, 150, 0.35);
    border-radius: 15px;
    padding: 6px 10px;
    box-sizing: border-box;
}
.exchange-content .title-row .currency-block p{
    font-weight: 400;
    font-size: 14px;
    line-height: 120%;
    display: flex;
    align-items: center;
    color: #5A5C66;

}
.exchange-content .title-row .currency-block span{
    font-weight: 500;
    opacity: 1;
    color: #4F515C;
}
.exchange-content .exchange-block{
    display: flex;
    align-items: center;
    gap: 8px;
}
.switch-block{
    margin-top: 22px;
    display: flex;
    align-items: center;
}
.switch-container {
    position: relative;
}
.toggle-switch {
    position: absolute;
    cursor: pointer;
    height: 0;
    width: 0;
}
.switch-label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    width: 30px;
    height: 18px;
    background-color: #C8D1DA;
    border-radius: 34px;
    position: relative;
    transition: background-color 0.2s;
}
.big-title{
    margin-top: 144px;
    display: flex;
    align-items: center;
    gap: 0px 8px;
    max-width: 664px;
    flex-wrap: wrap;
}
.statistical-container {
    display:flex ;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    margin-top: 72px;
}
.statistik {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.statistik div{
    color: rgba(12, 10, 13, 0.96);
    text-align: center;
    font-family: "Inter";
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 90%; /* 28.8px */
    letter-spacing: -0.96px;
    margin-top: 24px;
}
.statistik p{
    color: rgba(12, 10, 13, 0.56);
    text-align: center;
    margin-top: 12px;
    max-width: 184px;
    font-family: "Inter";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 126%; /* 25.2px */
    letter-spacing: -0.6px;
}
.statistik .info{
    color: rgba(12, 10, 13, 0.96);
    text-align: center;
    font-family: "Inter";
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 90%; /* 28.8px */
    letter-spacing: -0.96px;
    margin-top: 0 !important;
}
.big-title p{
    text-align: center;
    font-family: "Inter";
    font-size: 56px;
    font-style: normal;
    font-weight: 400;
    line-height: 101%; /* 47.6px */
    letter-spacing: -2.8px;
    background: linear-gradient(92deg, #6A5873 -15.61%, #0C0A0D 4.26%, #241E27 65.2%, #6A5873 117.28%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.switch-inner {
    position: absolute;
    left: 2px;
    width: 14px;
    height: 14px;
    background-color: white;
    border-radius: 50%;
    transition: transform 0.2s;
}
.toggle-switch:checked + .switch-label {
    background-color: #1A1D2B;
}
.toggle-switch:checked + .switch-label .switch-inner {
    transform: translateX(12px);
}
.switch-label.block{
    background-color: #C8D1DA!important;
}
.switch-label.block .switch-inner{
    transform: translateX(0px)!important;
}
.exchange-content .exchange-block .exchange-row{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 16px;
    position: relative;
    z-index: 1;
    max-width: 320px;
    width: 100%;
    transition: .4s ease-in-out;
}


.exchange-content .exchange-block .exchange-row .title{
    color: rgba(253, 251, 254, 0.56);
    font-family: "Inter";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 16.5px */
    letter-spacing: -0.45px;
}
.exchange-content .exchange-block .exchange-row .input {
    border: none;
    width: 136px;
    outline: none;
    color: #FDFBFE;
    font-family: "Inter";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 126%; /* 25.2px */
    letter-spacing: -0.6px;
    background-color: transparent;
    text-transform: uppercase;
    user-select: auto;
    -webkit-touch-callout: auto;
    -webkit-user-select: auto;
    -khtml-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    border-radius: 8px;
    padding: 1px 2px;
    height: 31px;
}
.exchange-content .exchange-block .exchange-row .input:focus {
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.08);
}

.how-it-work{
    background-image: url(../image/how-it-work.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 96px;
    margin: 0 4px;
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 144px;
}
.how-it-work-wrap{
    padding: 144px;
    width: 100%;
}
.how-it-work-wrap h2{
    font-family: "Inter";
    font-size: 56px;
    font-style: normal;
    font-weight: 400;
    line-height: 85%; /* 47.6px */
    letter-spacing: -2.8px;
    max-width: 663px;
}
.how-it-work-wrap h4{
    color: rgba(12, 10, 13, 0.56);
    font-family: "Inter";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 126%; /* 25.2px */
    letter-spacing: -0.6px;
    max-width: 465px;
    width: 100%;
    margin-top: 24px;
    text-align: left;
}
.exchange-content .exchange-block .exchange-row .select-coin{
    padding: 8px 10px;
    border-radius: 48px;
    background: rgba(255, 255, 255, 0.08);
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: 0.4s ease-in-out;
}
.exchange-content .exchange-block .exchange-row .select-coin:hover{
    background: rgba(255, 255, 255, 0.188);
}
.work-table{
    border-radius: var(--rounds-24, 24px);
    background: #FDFBFE;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    padding: 20px;
    max-width: 376px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 405px;
    justify-content: space-between;
}
.how-it-work-table{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-top: 73px;
}
.blur-border{
    border-radius: 20.241px;
    border: 2px solid #FFF;
    padding: 2.175px;
    margin-top: 73px;
}
.blur-wrap{
    display: flex;
    align-items: center;
    gap: 8px;
    flex-direction: column;
    border-radius: 17.205px;
    background: #FDFBFE;
    box-shadow: 0px 16px 56px 0px rgba(13, 11, 14, 0.06);
    padding: 12.145px;
}
.aflex-blur{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 15px;
    gap: 8px;
    width: 100%;
}
.aflex-blur .left p{
    color: rgba(12, 10, 13, 0.56);
    font-family: "Inter";
    font-size: 10.873px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 11.96px */
    letter-spacing: -0.326px;
}
.aflex-blur .left div{
    background: rgba(246, 244, 248, 0.63);
    filter: blur(2.0240964889526367px);
    backdrop-filter: blur(0.556626558303833px);
    -webkit-backdrop-filter: blur(0.5px);
    font-size: 14px;
}
.aflex-blur button{
    color: #222230;
    font-family: "Inter";
    font-size: 10.873px;
    font-style: normal;
    font-weight: 700;
    line-height: 110%; /* 11.96px */
    text-transform: uppercase;
    border-radius: 12.145px;
    border: 0.725px solid rgba(253, 251, 254, 0.10);
    background: rgba(112, 112, 112, 0.08);
    backdrop-filter: blur(14.496906280517578px);
    -webkit-backdrop-filter: blur(15px);
    padding: 11.133px 11.598px 11.598px 11.598px;
}
.work-table .top {
    display: flex;
    align-items: flex-start;
    gap: 2px;
    justify-content: space-between;
    width: 100%;
}
.work-table .top div{
    color: rgba(12, 10, 13, 0.96);
    font-family: "Inter";
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 90%; /* 28.8px */
    letter-spacing: -0.96px;
}
.work-table .top p{
    color: #0C0A0D;
    font-family: "Inter";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 16.5px */
    text-transform: uppercase;
}
.midl-wrap {
    max-width: 282px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-top: 73px;
}
.midl-content {
    border-radius: 17.189px;
    border: 0.716px solid rgba(253, 251, 254, 0.10);
    background: var(--colors-surface-surface-1, #FFF);
    backdrop-filter: blur(14.324323654174805px);
    -webkit-backdrop-filter: blur(15px);
    padding: 11.459px;
}
.midl-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 8.6px;
}
.astart{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
    width: 100%;
}
.toggle-container {
    width: 80px;
    height: 45px;
    background-color: rgba(112, 112, 112, 0.08);
    backdrop-filter: blur(14.496906280517578px);
    -webkit-backdrop-filter: blur(15px);
    border-radius: 45px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    transition: background-color 0.3s;
    cursor: pointer;
}

.toggle-switch {
    width: 35px;
    height: 35px;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    cursor: pointer;
    top: 5px;
    left: 5px;
    transition: transform 0.3s;
    filter: drop-shadow(0px 4px 12px rgba(0, 0, 0, 0.12));
}

.toggle-container.on  {
    background-color: #0f0;
}

.on .toggle-switch {
    transform: translateX(35px);
}
.astart .left div{
    color: #0C0A0D;
    font-family: "Inter";
    font-size: 14.169px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 15.586px */
    letter-spacing: -0.425px;
}
.astart .left p{
    color: rgba(12, 10, 13, 0.56);
    font-family: "Inter";
    font-size: 10.873px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 11.96px */
    letter-spacing: -0.326px;
    margin-top: 6px;
}
.work-txt {
    color: rgba(12, 10, 13, 0.56);
    font-family: "Inter";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 131%; /* 19.65px */
    letter-spacing: -0.3px;
    margin-top: 63px;
}
.midl p{
    color: rgba(12, 10, 13, 0.56);
    font-family: "Inter";
    font-size: 10.743px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 11.818px */
    letter-spacing: -0.322px;
}

.coin-list{
    border-radius: 16px;
    border-radius: 20px;
    border: 1px solid rgba(253, 251, 254, 0.10);
    background: rgb(60, 51, 65);
    backdrop-filter: blur(56px);
    -webkit-backdrop-filter: blur(56px);
    width: 333px;
    height: auto;
    min-height: 275px;
    padding: 4px;
    position: absolute;
    z-index: 50;
    right: 0px;
    top: 77px;
    box-sizing: border-box;
}
.search-wrap-flex{
    display: flex;
    align-items: center;
    gap: 5px;
}
.marg-indi{
    margin-right: 0 !important;
    border: none !important;
}
.coin-list-bar{
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.08);
    padding: 1px; 
    display: flex;
    align-items: center;
}
.coin-list-bar>p{
    color: #FDFBFE;
    font-family: "Inter";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 13.2px */
    letter-spacing: -0.36px;
    padding: 6px 5px;
    border-radius: 48px;
    opacity: 0.56;
    transition: .3s ease-in;
    cursor: pointer;
    text-wrap: nowrap;
    user-select: none;
    transition: .3s ease-in;
}
.coin-list-bar>p.activ{
    background: #FDFBFE;
    color: #0C0A0D;
    opacity: 1;
    transition: .3s ease-in;
}
.coin-list .search-coin{
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 6px 0px 10px 0px;
    margin: 12px 20px 0px 15px;
    border-bottom: 1px solid #4B454F;
}
.coin-list .search-coin input{
    width: 100%;
    color: #ffffff;
    font-size: 14px;
    font-family: 'Inter';
    margin-left: 8px;
    border: none;
    outline: none;
    background-color: transparent;
}
.coin-list .search-coin input::placeholder{
    color: #ffffffba;
}
.coin-list .coin-list-header{
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 15px 16px 7px;
}
.coin-list .coin-list-header p{
    font-size: 13px;
    line-height: 17px;
    color: rgba(26, 29, 43, 0.5);
}
.coin-list .coin-list-header .network{
    width: 82px;
}
.coin-list-scroll{
    overflow-y: scroll;
    height: 225px;
    margin-right: 3px;
    box-sizing: border-box;
}
.coin-list-scroll::-webkit-scrollbar {
    border-radius: 5px;
    width: 3px;
    height: 100%;
}
.select-exchange-coin{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0px;
    box-sizing: border-box;
    transition: 0.4s ease-in-out;
    border-bottom: 1px solid #4B454F;
    margin: 0 14px;
    cursor: pointer;
}

.exchange-coin p{
    margin-left: 6px;
    color: var(--colors-text-text-high-invert, #FFF);
    text-align: center;
    font-family: "Inter";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px; /* 121.429% */
    letter-spacing: -0.5px;
}
.exchange-coin span{
    color: rgba(255, 255, 255, 0.50);
    text-align: center;
    font-family: "Inter";
    font-size: 13.5px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.25px;
}
.coin-network{
    padding: 5px 8px;
    box-sizing: border-box;
    justify-content: space-between;
    flex-direction: column;
    display: none;
    transition: 0.4s ease-in-out;
}
.coin-network.active {
    display: flex; 

}
.coin-network-number>p{
    color: #FDFBFE;
    font-family: "Inter";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 13.2px */
    letter-spacing: -0.36px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.08);
    padding: 4px 6px;
}
.coin-network p{
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--colors-text-text-high-invert, #FFF);
    text-align: center;
    font-family: Inter;
    font-size: 13.5px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px; /* 125.926% */
    letter-spacing: -0.5px;
}
.network-item{
    display: flex;
    align-items: center;
    padding: 0px 14px 12px 14px;
    justify-content: space-between;
    cursor: pointer;
    transition: transform 0.3s ease;
}
.network-item:hover{
    transform: translateX(10px); 
    transition: transform 0.3s ease;
}
.network-item-txt{
    color: #FDFBFE;
    font-family: "Inter";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 16.5px */
    letter-spacing: -0.45px;
}
.network-item-txt>span{
    color: rgba(253, 251, 254, 0.40);
}
.network-item-img-net{
    margin-left: -4px;
    border: 1px solid #332E38;
    border-radius: 50%;
}
.network-item-flex{
    display: flex;
    align-items: center;
}
.checkmark-network{
    margin-right: 8px;
}
.all-network-coin{
    z-index: 3;
    position: absolute;
    background: rgb(18, 14, 14);
    border-radius: 7px;
    padding: 4px;
    width: 100%;
    box-sizing: border-box;
}
.select-exchange-coin.active .coin-network {
    display: flex;
}
.network-item-network{
    color: #FDFBFE;
    font-family: "Inter";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 13.2px */
    letter-spacing: -0.36px;
}
.all-network-coin p{
    padding: 6px 7px;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 5px;
    margin-top: 3px;
    transition: 0.4s ease-in-out;
    display: block;
    overflow: hidden;
    color: var(--colors-text-text-high-invert, #FFF);
    text-align: center;
    font-family: Inter;
    font-size: 13.5px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px; /* 125.926% */
    letter-spacing: -0.5px;
}

.all-network-coin p:first-child{
    margin-top: 0px;
}
.all-network-coin {
    display: none;
}


.coin-list.send {
    display: none;
}
.coin-list.receive{
    display: none;
}
.exchange-content .exchange-block .exchange-row .select-coin p{
    margin: 0px 8px;
    color: #FDFBFE;
    font-family: "Inter";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 16.5px */
    text-transform: uppercase;
    white-space: nowrap;
}
.exchange-content .exchange-block .exchange-row .select-coin p span{
    color: rgba(253, 251, 254, 0.40);
}
.exchange-content .exchange-block .line{
    margin: 16px 0px;
    height: 1px;
    width: 100%;
    background: #EDEDEE;
}
.exchange-text-block{
    margin-top: 48px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.login{
    border-radius: 10px;
    background: #1A1D2A;
    box-shadow: 0px 0px 1px 0.5px rgba(150, 150, 150, 0.35);
    align-items: center;
    display: flex;
    gap: 8px;
    padding: 10px 12px;
    box-sizing: border-box;
    color: #FFF;
    text-align: center;
    font-size: 14.5px;
    font-weight: 500;
    transition: 0.4s ease-in-out;
    cursor: pointer;
}
.login:hover{
    background: #2A2F43;
}
.opacity1{
    opacity: 1!important;
    display: block!important;
}
.menu a{
    display: block!important;
}
.open-menu{
    margin-left: 6px;
    cursor: pointer;
    transform: rotate(180deg);
    transition: 0.4s ease-in-out;   
}
.open-menu-rotated {
    transform: rotate(0deg) !important;
}
.menu{
    position: fixed;
    margin-top: 10px;
    border-radius: 12px;
    background: #FFF;
    box-shadow: 0px 15px 60px 0px rgba(82, 95, 122, 0.10), 0px 0px 35px 0px rgba(82, 95, 122, 0.05);
    width: 200px;
    margin-left: -153px;
}
.menu .username {
    padding: 13px 16px;
    color: #1A1D2A;
    max-width: 144px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14.5px;
    font-weight: 500;
}
.menu .line{
    height: 2px;
    width: 100%;
    background: #F0F0F0;
}
.menu p{
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    padding: 13px 16px;
}
.padding-bottom0{
    padding-bottom: 0px!important;
}
.exchange-text-block .title{
    text-align: center;
    font-family: "Inter";
    font-size: 56px;
    font-style: normal;
    font-weight: 400;
    line-height: 85%; /* 47.6px */
    letter-spacing: -2.8px;
    background: linear-gradient(91deg, rgba(253, 251, 254, 0.92) 2.95%, #FDFBFE 51.19%, rgba(253, 251, 254, 0.90) 93.91%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    width: 621px;
}
.exchange-text-block .subtitle{
    color: rgba(253, 251, 254, 0.56);
    text-align: center;
    width: 313px;
    font-family: "Inter";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 126%; /* 25.2px */
    letter-spacing: -0.6px;
    margin-top: 28px;
}
h3{
    text-align: center;
    font-family: "Inter";
    font-size: 56px;
    font-style: normal;
    font-weight: 400;
    line-height: 85%; /* 47.6px */
    letter-spacing: -2.8px;
    background: linear-gradient(91deg, rgba(253, 251, 254, 0.92) 2.95%, #FDFBFE 51.19%, rgba(253, 251, 254, 0.90) 93.91%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    width: 621px;
}
h4{
    color: rgba(253, 251, 254, 0.56);
    text-align: center;
    font-family: "Inter";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 126%; /* 25.2px */
    letter-spacing: -0.6px;
    max-width: 465px;
    width: 100%;
    margin-top: 24px;
}
.mt112{
    margin-top: 112px;
}
.slider-blok{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 72px;
}
.custom-bank-selector {
    margin-top: 15px;
    position: relative;
    max-width: 200px;
    width: 100%;
}
.gap15-flex-aflex{
    display: flex;
    align-items: center;
    gap: 15px;
}
.bank-selector-header {
    display: flex;
    align-items: center;
    padding: 5px 10px;
    background: rgba(255, 255, 255, 0.08);
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s;
    justify-content: space-between;
}
.arrow-bank-selector{
    transition: 0.2s ease-in-out;
    width: 15px !important;
    height: 20px !important;
    margin-right: 0px !important;
}
.arrow-bank-selector.rotate{
    transform: rotate(180deg);
    transition: 0.2s ease-in-out;
}
.bank-selector-header:hover {
    background: rgba(255, 255, 255, 0.164);
}

.bank-selector-header img {
    width: 30px;
    height: 30px;
}

.bank-selector-header span {
    font-size: 14px;
    color: #fff;
}

.bank-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #1E1E1E;
    border-radius: 8px;
    border: 1px solid #333;
    margin-top: 5px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
    z-index: 100;
}

.bank-dropdown.active {
    max-height: 200px;
}

.bank-list {
    display: none;
    flex-direction: column;
    gap: 5px;
    padding: 5px;
    max-height: 200px;
    width: 200px;
    overflow-y: auto;
    position: absolute;
    top: 55px;
    border-radius: 10px;
    border: 1px solid rgba(253, 251, 254, 0.10);
    background: rgb(60, 51, 65);
    backdrop-filter: blur(56px);
    -webkit-backdrop-filter: blur(56px);
    box-sizing: border-box;
}
.bank-list.active{
    display: flex;
}
.bank-item {
    display: flex;
    align-items: center;
    padding: 5px 10px;
    cursor: pointer;
    transition: background 0.2s;
    border-radius: 8px;
}

.bank-item:hover {
    background: #2A2A2A;
}

.bank-item img {
    width: 25px;
    height: 25px;
    margin-right: 10px;
}

.bank-item span {
    font-size: 13px;
    color: #fff;
}

/* Scrollbar styling */
.bank-list::-webkit-scrollbar {
    width: 0px;
}

.bank-list::-webkit-scrollbar-track {
    background: #1a1a1a;
}

.bank-list::-webkit-scrollbar-thumb {
    background: #444;
    border-radius: 3px;
}
.fcolum-center{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.right-slider{
    width: 720px;
    height: 568px;
    background-image: url(../image/area-bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    border-radius: 40px;
}
.video-anim{
    position: absolute;
    width: 450px;
    height: 450px;
    z-index: 0;
    mix-blend-mode: color-dodge;
    filter: blur(22px);
}
.video-anim-main{
    position: absolute;
    width: 750px;
    height: 750px;
    mix-blend-mode: plus-lighter;
    filter: blur(21px);
    z-index: -1;
    top: 367px;
}
.shield-area{
    position: relative;
    z-index: 1;
    display: block;
    mix-blend-mode: plus-lighter;
    filter: drop-shadow(0px 0.093px 1.889px rgba(253, 251, 254, 0.04)) drop-shadow(0px 0.407px 3.911px rgba(253, 251, 254, 0.06)) drop-shadow(0px 1px 7.8px rgba(253, 251, 254, 0.08));
}
.statistics-block{
    border-radius: 14px;
    background: #FFF;
    margin-top: 65px;
    padding: 24px;
    box-sizing: border-box;
}
.slider-title{
    font-family: "Inter";
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 90%; /* 28.8px */
    letter-spacing: -0.96px;
    background: linear-gradient(91deg, rgba(253, 251, 254, 0.92) 2.95%, #FDFBFE 51.19%, rgba(253, 251, 254, 0.90) 93.91%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.slider-subtitle{
    color: rgba(253, 251, 254, 0.56);
    font-family: "Inter";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 131%; /* 19.65px */
    letter-spacing: -0.3px;
    margin-top: 16px;
}
.slider-txt-blok{
    display: flex;
    align-items: flex-start;
    gap: 20px;
    max-width: 376px;
}
.left-slider{
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.slider-bar {
    border-radius: 16px;
    background: #3E3A41;
    width: 2px; 
    height: 45px; 
    transition: height 0.3s ease-in-out; 
    position: relative;
}

.inner-bar {
    background-color: #fff; 
    width: 2px;
    position: absolute;
    top: 0;
    height: 45px; 
    transition: height 0.2s ease-in-out; 
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
}
.slider-subtitle {
    display: none;
}

.slider-bar.active::after {
    width: 100%;
}

.slider-subtitle.active {
    display: block;
}

.shield-area {
    display: none;
}

.shield-area.active {
    display: block;
}

.bg-ex{
    background-image: url(../image/bg-ex.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.statistics-block .title{
    color: #1A1D2B;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: 98%; /* 25.48px */
}
.statistics-block .statistics-row{
    margin-top: 24px;
    display: flex;
    width: 100%;
    gap: 12px;
}
.statistics-block .statistics-row .statistic-info{
    width: 100%;
    border-radius: 12px;
    background: #FAFAFA;
    padding: 18px;
    height: 105px;
    display: flex;
    align-items: center;
    background-position: right;
    background-size: cover;
    background-repeat: no-repeat;
    box-sizing: border-box;
}
.statistics-block .statistics-row .statistic-info.orderinfo{
    background-image: url('../image/orderinfo.svg');
}
.statistics-block .statistics-row .statistic-info.turnoverinfo{
    background-image: url('../image/turnoverinfo.svg');
}
.statistics-block .statistics-row .statistic-info.timeinfo{
    background-image: url('../image/timeinfo.svg');
}
.statistics-block .statistics-row .statistic-info.directionsinfo{
    background-image: url('../image/directionsinfo.svg');
}
.statistics-block .statistics-row .statistic-info .text{
    color: #1A1D2B;
    font-size: 14.5px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    max-width: 120px;
    opacity: 0.75;
}
.statistics-block .statistics-row .statistic-info .info{
    color: #1A1D2B;
    font-size: 21px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-top: 10px;
}
.statistics-block .statistics-row .statistic-info .info span{
    color: #8A8B92;
}
.crypto-conditions-title{
    color: #1A1D2B;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: 98%;
    margin-top: 120px;
}
.crypto-row {
    display: flex;
    gap: 12px;
    margin-top: 30px;
    overflow-x: scroll;
    white-space: nowrap;
    border-radius: 12px;
}
.crypto-block {
    min-width: 196px;
    height: 140px;
    background: #FFFFFF;
    border-radius: 12px;
    cursor: grab;
    box-sizing: border-box;
    padding: 20px;
    align-items: center;
}
.coin-info{
    margin-left: 10px;
}
.coin-name{
    font-weight: 500;
    color: #1A1D2B;
    line-height: 19px;
}
.coin-name span{
    font-weight: 400;
    color: #1A1D2B80;
}
.coin-price-block{
    margin-top: 7px;
}
.coin-price{
    font-size: 14.5px;
    line-height: 120%;
    color: #1A1D2B;
    opacity: 0.75;
}
.percent-block{
    background: rgba(9, 189, 107, 0.12);
    border-radius: 4px;
    margin-left: 4px;
    padding: 0.5px 3px;
    line-height: 130%;
    color: #09BD6B;
    font-size: 12px;
}
.percent-block.negative{
    background: rgba(236, 45, 45, 0.08);
    color: #EC2D2D;
}
.percent-block .aflex{
    margin-left: 2px;
}
.price-chart-coin{
    margin-top: 30px;
}
.client-conditions{
    margin-top: 160px;
}
.client-conditions-title{
    font-weight: 600;
    font-size: 28px;
    line-height: 98%;
    color: #1A1D2B;
}
.client-conditions-row{
    display: flex;
    gap: 16px;
    justify-content: space-between;
    margin-top: 40px;
}
.client-conditions-block{
    background: #FAFAFA;
    box-shadow: 0px 0px 1px 0.5px rgba(150, 150, 150, 0.35);
    border-radius: 10px;
    width: 396px;
    box-shadow: 0px 37.7143px 75.4286px -23.5714px rgba(82, 95, 122, 0.1);
    transition: 0.4s ease-in-out;
}
.conditions{
    border-radius: 10px;
    height: 260px;
    position: relative;
}
.conditions.commissions{
    background: conic-gradient(from 0deg at 0% 100%, #FF9900 -232.5deg, #FFD46B 54.38deg, #FF9900 127.5deg, #FFD46B 414.37deg);
    box-shadow: 0px 9px 96px -20px rgba(112, 67, 0, 0.15);
    display: flex;
    justify-content: center;
    align-items: center;
}
.conditions.commissions .content-commissions{
    background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0.8) 100%);
    border: 1.06699px solid rgba(255, 255, 255, 0.15);
    border-radius: 12.8038px;
    width: 209.13px;
    height: 223px;
    box-sizing: border-box;
    padding: 17px;
}
.conditions.commissions .coin{
    padding: 11.7368px 13.8708px;
    background: #FFFFFF;
    box-shadow: 0px 4.26794px 17.0718px rgba(102, 106, 112, 0.08), 0px 17.0718px 25.6077px -12.8038px rgba(102, 106, 112, 0.04);
    border-radius: 8.53588px;
    height: 61.81px;
    box-sizing: border-box;
    display: flex;
}
.conditions.commissions .coin .info{
    margin-left: 9.6px;
}
.conditions.commissions .coin .info .info-coin-name{
    font-weight: 500;
    font-size: 14.4043px;
    line-height: 17px;
    display: flex;
    align-items: center;
    color: #1A1D2B;
}
.conditions.commissions .coin .info .subinfo-coin{
    margin-top: 5.3px;
    font-weight: 400;
    font-size: 13.3373px;
    line-height: 120%;
    display: flex;
    align-items: center;
    color: #1A1D2B
}
.conditions.commissions .coin .info .subinfo-coin span{
    opacity: 0.5;
}
.swap{
    border-radius: 48px;
    border: 1px solid rgba(253, 251, 254, 0.16);
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    width: 64px;
    height: 40px;
}
.swap-block{
    background: #FFFFFF;
    border: 1.06699px solid rgba(26, 29, 43, 0.08);
    box-shadow: 0px 2.13397px 19.2057px rgba(0, 0, 0, 0.08);
    width: 30.94px;
    height: 30.94px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 2;
    margin: -10px 0px;
}
.switch-block .title{
    margin: 0px 9px 0px 6px;
    font-weight: 500;
    font-size: 14.5px;
    line-height: 120%;
    color: #232633;
    opacity: 0.8;
}
.switch-block p a{
    color: #1A1D2A;
    text-decoration: underline;
}
.switch-block .image{
    cursor: pointer;
    position: relative;
}
.switch-block .image .tooltip {
    display: none;
    position: absolute;
    top: -90px; 
    transform: translateX(-10px);
    background: #FFFFFF;
    box-shadow: -4px 14px 75.4286px -23.5714px rgba(82, 95, 122, 0.32);
    border-radius: 7px;
    padding: 12px;
    box-sizing: border-box;
    width: 328px;
    z-index: 1;
}
.switch-block .image .tooltip p{
    margin-left: 8px;
    font-size: 13.5px;
    line-height: 140%;
    color: #1A1D2B;
}
.switch-block .image:hover .tooltip {
    display: block;
}
.exchange-block .row-btn{
    display: flex;
    justify-content: end;
    margin-top: 16px;
    width: 100%;
    border-radius: 22px;
    border: 1px solid rgba(253, 251, 254, 0.56);
    padding: 3px;
    box-sizing: border-box;
    cursor: pointer;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}
.status-order-radio{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}
.status-order-radio .line{
    background: rgba(253, 251, 254, 0.16);
    width: 1px;
}
.status-order-radio  .activ{
    background: linear-gradient(180deg, #FDFBFE 0%, #FDFBFE 25%, #FDFBFE 38.07%, #F2D8FD 56.27%, #C6BAEC 71.52%, #FDFBFE 100%);
}
.im-pay-wrap{
    border-radius: 22px;
    border: 1px solid rgba(253, 251, 254, 0.56);
    padding: 3px;
    margin-top: 32px;
}
.im-pay{
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    border-radius: 20px;
    background: #FDFBFE;
    mix-blend-mode: plus-lighter;
    box-shadow: 0px 1px 4px 0px rgba(252, 224, 124, 0.25) inset, 0px 5px 48px 0px rgba(253, 251, 254, 0.16), 0px 1.926px 15.289px 0px rgba(253, 251, 254, 0.10), 0px 1px 7.8px 0px rgba(253, 251, 254, 0.08), 0px 0.407px 3.911px 0px rgba(253, 251, 254, 0.06), 0px 0.093px 1.889px 0px rgba(253, 251, 254, 0.04);
    padding: var(--gaps-20, 20px) 16px;
    color: #0C0A0D;
    font-family: "Inter";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 19.8px */
    text-transform: uppercase;
}
.h47{
    height: 47px;
}
.h32{
    height: 32px;
}
.row-status-order-wrap{
    display: flex;
    gap: 16px;
}
.exchange-block .row-btn .btn{
    border-radius: 20px;
    background: #FDFBFE;
    mix-blend-mode: plus-lighter;
    box-shadow: 0px 1px 4px 0px rgba(252, 224, 124, 0.25) inset, 0px 5px 48px 0px rgba(253, 251, 254, 0.16), 0px 1.926px 15.289px 0px rgba(253, 251, 254, 0.10), 0px 1px 7.8px 0px rgba(253, 251, 254, 0.08), 0px 0.407px 3.911px 0px rgba(253, 251, 254, 0.06), 0px 0.093px 1.889px 0px rgba(253, 251, 254, 0.04);
    padding: var(--gaps-20, 20px) 16px;
    cursor: pointer;
    transition: 0.4s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    color: #0C0A0D;
    font-family: "Inter";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 19.8px */
    text-transform: uppercase;
}
.centered {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.back-website{
    border-radius: 48px;
    background: rgba(255, 255, 255, 0.08);
    display: flex !important;
    padding: var(--gaps-8, 8px) 14px;
    align-items: center;
    gap: var(--gaps-8, 8px);
}
.back-website p{
    color: #FDFBFE;
    font-family: "Inter";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 16.5px */
    text-transform: uppercase;
}
.exchange-block .row-btn .btn svg{
    transition: 0.4s ease-in-out;
    fill: #fff;
}
.exchange-block .row-btn:hover .btn.startEX {
    background: transparent;
    transition: .3s all;
    color: #FFF;
    box-shadow: none;
}

.exchange-block .row-btn:hover .btn.startEX svg{
    transition: 0.4s ease-in-out;
    fill: #fff;
}
.exchange-block .row-btn:hover .btn.startEX svg path{
    transition: 0.4s ease-in-out;
    fill: #fff;
}
.conditions.commissions .button{
    margin-top: 15px;
    background: linear-gradient(180deg, #252939 0%, #1A1D2B 100%);
    box-shadow: 0px 8.53588px 21.3397px -2.13397px rgba(26, 29, 43, 0.15);
    border-radius: 8.53588px;
    padding: 11.2033px 16.0048px;
    box-sizing: border-box;
}
.conditions.commissions .button p{
    color: #C7C8CC;
    font-size: 13.8708px;
    line-height: 120%;
    display: flex;
    justify-content: space-between;
}
.conditions.commissions .button p span{
    font-weight: 500;
    font-size: 13.8708px;
    line-height: 120%;
    display: flex;
    align-items: center;
    color: #FFFFFF;
}
.conditions.time{
    background: conic-gradient(from 0deg at 0% 100%, #0047FF -232.5deg, #6BC1FF 54.38deg, #0047FF 127.5deg, #6BC1FF 414.37deg);
    box-shadow: 0px 9px 96px -20px rgba(0, 114, 179, 0.15);
    position: relative;
}
.conditions.time .orderId-block{
    background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0.8) 100%);
    border: 1.12453px solid rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(56.2265px);
    -webkit-backdrop-filter: blur(56px);
    border-radius: 13.4944px  13.4944px 0px 0px;
    width: 220.41px;
    height: 212px;
    position: absolute;
    z-index: 1;
    bottom: 0px;
    left: 33px;
}
.conditions.time .orderId-block .head{
    padding: 17px 18px;
    box-sizing: border-box;
    border-bottom: 1.12453px solid #EDEDEE;
}
.conditions.time .orderId-block .head p{
    font-weight: 500;
    font-size: 15.5px;
    line-height: 19px;
    color: #1A1D2B;
}
.conditions.time .orderId-block .orderId-block-info{
    padding: 12.3698px 14.6189px;
    box-sizing: border-box;
    width: 100%;
    max-width: 184.42px;
    margin: 12px;
    height: 131.73px;
    background: #FFFFFF;
    box-shadow: 0px 4.49812px 17.9925px rgba(102, 106, 112, 0.08), 0px 17.9925px 26.9887px -13.4944px rgba(102, 106, 112, 0.04);
    border-radius: 8.99624px;
}
.conditions.time .orderId-coin .title{
    font-size: 13.5px;
    line-height: 120%;
    display: flex;
    align-items: center;
    color: #1A1D2B;
    opacity: 0.75;
}
.conditions.time .orderId-coin .orderId-coin-row{
    margin-top: 6px;
    display: flex;
    align-items: center;
}
.conditions.time .orderId-coin .orderId-coin-row p{
    margin-left: 6px;
    font-weight: 500;
    font-size: 15.1812px;
    line-height: 18px;
    color: #1A1D2B;
}
.conditions.time .orderId-coin .orderId-coin-row p span{
    color: #1A1D2B80;
    font-weight: 400;
}
.conditions.time .line{
    width: 100%;
    height: 1px;
    background: #EDEDEE;
    margin: 12px 0px;
}
.marginMb{
    max-width: 472px;
    width: 100%;
}
.exchangeinfo{
    margin-top: 150px;
    max-width: 710px;
    border-radius: 12px;
    background: linear-gradient(90deg, #FE937B 0%, #FE8176 43.3%, #FB7474 62.3%);
    box-sizing: border-box;
    min-height: 160px;
    width: 100%;
    background-image: url('/assets/image/articleimage.svg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left;
    padding: 20px;
}
.exchangeinfo p{
    color: #FFF;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: 108%; 
    max-width: 450px;
}
.exchangeinfo button{
    margin-top: 24px;
    display: flex;
    padding: 8px 12px;
    align-items: center;
    gap: 10px;
    display: flex;
    align-items: center;
    border-radius: 8px;
    background: #FFF;
    cursor: pointer;
    transition: 0.4s ease-in-out;
    color: #FE937B;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
}
.exchangeinfo button svg{
    border-radius: 4px;
    background: #FE937B;
    box-shadow: 0px 10px 20px -23.5714px rgba(0, 0, 0, 0.03);
    padding: 5px;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
}
.exchangeinfo button:hover{
    background: rgba(255, 255, 255, 0.80);
}
.exchangeinfo button:active{
    background: rgba(255, 255, 255, 0.80);
}
.exchangeinfo button:active svg{
    background: #FFFFFF;
    fill: #FE937B;
}
.exchangeinfo button:active svg path{
    stroke: #FE937B;
}
.conditions.time .time-block{
    width: 210px;
    height: 164px;
    background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0.8) 100%);
    border: 1.07638px solid rgba(255, 255, 255, 0.15);
    box-shadow: -7.94402px 16.881px 29.7901px rgba(0, 0, 0, 0.15);
    backdrop-filter: blur(55.1116px);
    -webkit-backdrop-filter: blur(55px);
    border-radius: 0px 0px 12.9166px 12.9166px;
    position: absolute;
    right: 33px;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
}
.conditions.time .time-block .commissions{
    background: #FFFFFF;
    box-shadow: 0px 4.30554px 17.2221px rgba(102, 106, 112, 0.08), 0px 17.2221px 25.8332px -12.9166px rgba(102, 106, 112, 0.04);
    border-radius: 8.61107px;
    box-sizing: border-box;
    padding: 12px 13px;
    min-width: 160px;
}
.conditions.time .time-block .commissions .title{
    font-size: 13.4548px;
    line-height: 120%;
    display: flex;
    align-items: center;
    color: #1A1D2B;
    opacity: 0.75;
}
.conditions.time .time-block .commissions .subtitle{
    font-weight: 500;
    font-size: 14.5312px;
    line-height: 18px;
    color: #1A1D2B;
    margin-top: 5px;
}
.conditions.time .time-block .commissions .subtitle span{
    opacity: 0.5;
}
.conditions.time .time-block .time{
    background: linear-gradient(180deg, #252939 0%, #1A1D2B 100%);
    box-shadow: 0px 8.61107px 21.5277px -2.15277px rgba(26, 29, 43, 0.15);
    border-radius: 8.61107px;
    box-sizing: border-box;
    padding: 12px 13px;
    margin-top: 10px;
}
.conditions.time .time-block .time .title{
    font-size: 13.4548px;
    line-height: 120%;
    display: flex;
    align-items: center;
    color: #FFFFFF;
    opacity: 0.75;
}
.conditions.time .time-block .time .subtitle{
    font-weight: 500;
    font-size: 14.5312px;
    line-height: 18px;
    color: #FFFFFF;
    margin-top: 5px;
}
.conditions.security{
    background: conic-gradient(from 0deg at 0% 100%, #69FFBB -232.5deg, #4EEBA3 54.38deg, #69FFBB 127.5deg, #4EEBA3 414.37deg);
    box-shadow: 0px 9px 96px -20px rgba(0, 80, 27, 0.1);
    background-image: url('../image/safeback.svg');
    background-size: cover;
}
.conditions-info{
    padding: 18px;
    box-sizing: border-box;
}
.conditions-info-title{
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    display: flex;
    align-items: center;
    color: #1A1D2B;
}
.conditions-info-subtitle{
    font-size: 15.5px;
    line-height: 145%;
    display: flex;
    align-items: center;
    margin-top: 7px;
    color: #1A1D2B;
    opacity: 0.75;
}
.advantage{
    border-radius: 4px;
    padding: 2px 4px;
    box-sizing: border-box;
    font-size: 13px;
    line-height: 130%;
    margin-left: 6px;
}
.advantage.commissions{
    color: #FC7900;
    background: rgba(252, 121, 0, 0.12);
}
.advantage.time{
    color: #3068F8;
    background: rgba(48, 104, 248, 0.12);
}
.advantage.security{
    color: #00C26A;
    background: rgba(0, 194, 106, 0.12);
}
.safe-block{
    margin-top: 152px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.safe-block .text{
    margin-right: 30px;
}
.safe-block .text .prefix{
    font-size: 16px;
    line-height: 130%;
    color: #09BD6B;
    background: rgba(9, 189, 107, 0.12);
    border-radius: 4px;
    padding: 3px 6px;
    box-sizing: border-box;
    width: max-content;
}
.safe-block .text .title{
    max-width: 560px;
    font-weight: 600;
    font-size: 33px;
    line-height: 110%;
    color: #1A1D2B;
    margin-top: 15px;
}
.safe-block .text .subtitle{
    max-width: 570px;
    font-size: 17px;
    line-height: 145%;
    color: #1A1D2B;
    opacity: 0.75;
    margin-top: 15px;
}
.safe-block .line{
    margin: 22px 0px;
    max-width: 487px;
    height: 1px;
    width: 100%;
    background: #DFDFE1;
}
.safe-block .important{
    margin-left: 8px;
    background: rgba(236, 45, 45, 0.12);
    padding: 6px 8px;
    border-radius: 5px;
    font-size: 15.5px;
    line-height: 135%;
    color: #EC2D2D;
    max-width: 450px;
}
.safe-block .video{
    max-height: 471px;
    border-radius: 10px;
}
.warranty-block{
    margin-top: 110px;
    box-sizing: border-box;
    background: linear-gradient(225.0deg, #99D4FF -25.69%, #6BC1FF 20.9%, rgba(0, 0, 0, 0) 20.91%), linear-gradient(295.25deg, #92FECD -66.03%, #4EEBA3 36.76%, rgba(0, 0, 0, 0) 36.76%), #1A1D2A;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.02), 0px 0px 1px 0.5px rgba(150, 150, 150, 0.35);
    border-radius: 14px;
    padding: 50px;
    width: 100%;
    height: 333px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.warranty-block .prefix{
    font-weight: 400;
    font-size: 15px;
    line-height: 130%;
    text-align: right;
    color: #09BD6B;  
    background: rgba(9, 189, 107, 0.12);
    border: 1px solid rgba(9, 189, 107, 0.12);
    box-shadow: 0px 8px 14px rgba(0, 50, 27, 0.15);
    border-radius: 4px;
    padding: 3px 6px;
    width: max-content;
    box-sizing: border-box;
}
.warranty-block .title{
    font-weight: 600;
    font-size: 33px;
    line-height: 110%;
    display: flex;
    align-items: center;
    color: #FFFFFF;
    max-width: 370px;
    margin-top: 12px;
}
.warranty-block .subtitle{
    margin-top: 14px;
    font-size: 15px;
    line-height: 145%;
    color: rgba(255, 255, 255, 0.75);
    max-width: 345px;
}
.warranty-block .subtitle a{
    color: #fff;
    font-weight: 500;
}
.warranty-block .logo-lzt{
    margin-right: 50px;
}
.link-btn{
    margin-top: 26px;
    padding: 10px 14px;
    box-sizing: border-box;
    background: #09BD6B;
    border-radius: 8px;
    font-weight: 500;
    font-size: 15px;
    line-height: 120%;
    color: #FFFFFF;
    width: max-content;
    display: flex;
    align-items: center;
    transition: 0.4s ease-in-out;
}
.link-btn svg{
    padding: 5px;
    margin-left: 10px;
    background: rgba(0, 0, 0, 0.15);
    box-shadow: 0px 10px 20px -23.5714px rgba(0, 0, 0, 0.03);
    border-radius: 4px;
    transition: 0.4s ease-in-out;
}
.link-btn:hover{
    background: #007E45;
}
.link-btn:active{
    background: #09BD6B;
}
.link-btn:active svg{  
    background: #FFFFFF;
    box-shadow: 0px 10px 20px -23.5714px rgba(0, 0, 0, 0.03);
    border-radius: 4px;
}
.link-btn:active svg path{
    stroke: #09BD6B;
}
.footer{
    margin-top: 160px;
    margin-bottom: 30px;
}

.footer-nav{
    display: flex;
    align-items: center;
    gap: 20px;
}
.footer-nav a{
    color: #FDFBFE;
    font-family: "Inter";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 16.5px */
    letter-spacing: -0.45px;
    transition: 0.4s ease-in-out;
}
.footer-nav .line{
    width: 1px;
    height: 16px;
    background: #464446;
}
.forum-logo{
    display: flex;
    gap: 12px;
}
.forum-logo .trustpolot{
    display: flex;
    align-items: center;
    border-right: 2px solid rgba(26, 29, 42, 0.08);
    box-sizing: border-box;
    padding-right: 12px;
}
.forum-logo .trustpolot p{
    margin-right: 8px;
    color: #1F2022;
    font-size: 14.5px;
    font-style: normal;
    font-weight: 400;
}
.footer-nav a:hover{
    opacity: 1;
}
.forun-logo a{
    display: flex;
    align-items: center;
    transition: 0.4s ease-in-out;
}
.forun-logo a:hover{
    transform: translateY(-3px);
}
.popup-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1000;
}
.popup-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #1d1d1d;
    border-bottom: 1px solid #1d1d1d;
    border-radius: 14px 14px;
    box-sizing: border-box;
}
.popup-content .contact-link{
    padding: 30px;
    box-sizing: border-box;
}
.popup-content .contact-link .title{
    font-weight: 600;
    font-size: 18px;
    line-height: 98%;
    color: #ffffff;
}
.popup-content .contact-link .row-link {
    margin-top: 22px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
}
.row-link a{
    border: 1px solid rgba(253, 251, 254, 0.00);
    background: rgba(100, 91, 105, 0.12);
    box-shadow: 0px 8px 48px 0px rgba(13, 11, 14, 0.12);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-radius: 6px;
    padding: 10px 12px;
    gap: 10px;
    width: 160px;
    display: flex;
    align-items: center;
    transition: 0.4s;
}
.row-link a:active{
    transform: translateY(-3px);
}
.row-link a p{
    font-weight: 500;
    font-size: 14.5px;
    line-height: 110%;
    color: #cecece;
    opacity: 0.5;
    transition: 0.4s;
}
.row-link a svg g{
    transition: 0.4s;
    fill: #fff;
}

.row-link a:hover{
    border: 1px solid rgba(26, 29, 42, 0.06);
}
.row-link a:hover p{
    opacity: 0.75;
}
.row-link a:hover svg g{
    opacity: 0.75;
}

.popup-content .line{
    width: 100%;
    height: 1px;
    background: #EEEEEF;
}
.pageExchange-content{
    margin-top: 103px;
}
.row-status-order{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    gap: 28px;
}
.dnone-im{
    display: none !important;
}
.header-anim{
    position: fixed;
    width: 887px;
    height: 887px;
    left: 50%;
    transform: translateX(-50%);
    top: -90%;
    z-index: 0;
    mix-blend-mode: plus-lighter;
    filter: blur(22px);
}
.video-content{
    mix-blend-mode: plus-lighter;
    background-color: transparent;
    display: flex;
}
.video-content>img{
    mix-blend-mode: plus-lighter;
}
.row-status-order .status-order{
    box-sizing: border-box;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    min-width: 232px;
    transition: 0.4s ease-in-out;
}
.row-status-order .line{
    height: 1px;
    width: 100%;
    background: rgba(26, 29, 43, 0.15);
}
.mt8{
    margin-top: 8px;
}
.row-status-order .status-order p{
    color: #FDFBFE;
    font-family: "Inter";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 16.5px */
    letter-spacing: -0.45px;
    transition: 0.4s ease-in-out;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
}
.row-status-order .status-order p span{
    color: rgba(253, 251, 254, 0.56);
    font-family: "Inter";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 15.4px */
    letter-spacing: -0.42px;
    transition: 0.4s ease-in-out;
    max-width: 232px;
}
.row-status-order .status-order1.active{
    background: #1A1D2B;
    border: 1px solid #1A1D2B;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.02), 0px 0px 1px 0.5px rgba(150, 150, 150, 0.35);
}
.row-status-order .status-order1.active p{
    color: #FFFFFF;
}
.row-status-order .status-order1.active p span{
    background: #FFFFFF;
    border: 1px solid #fff;
    color: #1A1D2B;
}
.row-status-order .status-order2.active{
    background: #FC9700;
    border: 1px solid #FC9700;
}
.row-status-order .status-order2.active p{
    color: #FFFFFF;
}
.row-status-order .status-order2.active p span{
    background: #FFFFFF;
    border: 1px solid #fff;
    color: #FC9700;
}
.row-status-order .status-order3.active{
    background: #3068F8;
    border: 1px solid #3068F8;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.02), 0px 0px 1px 0.5px rgba(150, 150, 150, 0.35);
}
.row-status-order .status-order3.active p{
    color: #FFFFFF;
}
.row-status-order .status-order3.active p span{
    background: #FFFFFF;
    border: 1px solid #fff;
    color: #3068F8;
}
.row-status-order .status-order4.active{
    background: #00C26A;
    border: 1px solid#00C26A;
}
.row-status-order .status-order4.active p{
    color: #FFFFFF;
}
.row-status-order .status-order4.active p span{
    background: #FFFFFF;
    border: 1px solid #fff;
    color: #00C26A;
}
.exchange-contentStatusOne{
    display: flex;
    gap: 110px;
    z-index: 50;
    position: relative;
    margin-top: 50px;
}
.exchange-contentStatusOne .exchange-info{
    width: 100%;
    height: 309px;
}
.exchange-contentStatusOne .exchange-info .exchange-info-row{
    display: flex;
    gap: 12px;
}
.exchange-contentStatusOne .exchange-info .exchange-info-row div{
    padding: 14px;
    box-sizing: border-box;
    box-shadow: 0px 0px 1px 0.5px rgba(150, 150, 150, 0.35);
    border-radius: 7px;
    width: 100%;
    background: #FFFFFF;
}
.exchange-contentStatusOne .exchange-info .exchange-info-row div .title{
    font-weight: 400;
    font-size: 13.5px;
    line-height: 120%;
    color: #1A1D2B;
    white-space: nowrap;
    opacity: 0.5;
}
.exchange-contentStatusOne .exchange-info .exchange-info-row div .subtitle{
    margin-top: 7px;
    font-weight: 500;
    font-size: 16px;
    line-height: 110%;
    display: flex;
    align-items: center;
    color: #1A1D2A;
}
.exchange-contentStatusOne .exchange-more-info{
    margin-top: 14px;
    background: #FFFFFF;
    border: 1px solid #FFFFFF;
    padding: 30px;
    box-sizing: border-box;
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.05), 0px 0px 1px #BDBDBD;
    border-radius: 14px;
    height: 226px;
}
.exchange-contentStatusOne .exchange-more-info .title{
    font-weight: 600;
    font-size: 21px;
    line-height: 120%;
    display: flex;
    align-items: center;
    color: #1A1D2B;
}
.exchange-contentStatusOne .exchange-more-info .exchange-more-info-row{
    margin-top: 28px;
}
.exchange-contentStatusOne .exchange-more-info .exchange-more-info-row .sflex{
    margin-top: 15px;
}
.exchange-contentStatusOne .exchange-more-info .exchange-more-info-row .sflex .text{
    font-weight: 400;
    font-size: 14px;
    line-height: 110%;
    color: #1A1D2A;
    opacity: 0.75;
}
.exchange-contentStatusOne .exchange-more-info .exchange-more-info-row .sflex .info{
    font-weight: 500;
    font-size: 14px;
    line-height: 110%;
    color: #1A1D2A;
}
.exchange-contentStatusOne .exchange-content{
    width: 100%;
    max-width: 472px;
}
.exchange-block-alt{
    border-radius: 14px;
    border-radius: var(--rounds-24, 24px);
    border: 1px solid rgba(253, 251, 254, 0.00);
    background: rgba(100, 91, 105, 0.12);
    box-shadow: 0px 8px 48px 0px rgba(13, 11, 14, 0.12);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    height: fit-content;
    padding: 4px;
}
.pageExchange-content .exchange-addresses{
    margin-top: 32px;
    width: 100%;
    box-sizing: border-box;
}
.pageExchange-content .exchange-addresses .title{
    font-weight: 600;
    font-size: 21px;
    line-height: 120%;
    display: flex;
    align-items: center;
    color: #1A1D2B;
}
.pageExchange-content .exchange-addresses .subtitle{
    color: #FDFBFE;
    font-family: "Inter";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 16.5px */
    letter-spacing: -0.45px;
}
.pageExchange-content .exchange-addresses .flex{
    margin-top: 13px;
    gap: 12px;
}
.pageExchange-content .exchange-addresses .flex input{
    width: 100%;
    box-sizing: border-box;
    border-radius: 16px;
    border: 1px solid rgba(253, 251, 254, 0.00);
    background: rgba(100, 91, 105, 0.12);
    box-shadow: 0px 8px 48px 0px rgba(13, 11, 14, 0.12);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    color: #FDFBFE;
    padding: 16px;
    font-family: "Inter";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 16.5px */
    letter-spacing: -0.45px;
    outline: none;
}
.pageExchange-content .exchange-phone{
    margin-top: 32px;
    width: 100%;
    box-sizing: border-box;
}
.pageExchange-content .exchange-phone .title{
    font-weight: 600;
    font-size: 21px;
    line-height: 120%;
    display: flex;
    align-items: center;
    color: #1A1D2B;
}
.pageExchange-content .exchange-phone .subtitle{
    color: #FDFBFE;
    font-family: "Inter";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 16.5px */
    letter-spacing: -0.45px;
}
.pageExchange-content .exchange-phone .flex{
    margin-top: 13px;
    gap: 12px;
}
.pageExchange-content .exchange-phone .flex input{
    width: 100%;
    box-sizing: border-box;
    border-radius: 16px;
    border: 1px solid rgba(253, 251, 254, 0.00);
    background: rgba(100, 91, 105, 0.12);
    box-shadow: 0px 8px 48px 0px rgba(13, 11, 14, 0.12);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    color: #FDFBFE;
    padding: 16px;
    font-family: "Inter";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 16.5px */
    letter-spacing: -0.45px;
    outline: none;
}
.createOrder-wrap{
    margin-top: 32px;
    border-radius: 22px;
    border: 1.6px solid rgba(253, 251, 254, 0.16);
    padding: 3px;
    transition: .4s ease-in-out;
    box-sizing: border-box;
    width: 100%;
}
.createOrder{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    color: #0C0A0D;
    font-family: "Inter";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 19.8px */
    text-transform: uppercase;
    padding: var(--gaps-20, 20px) 16px;
    border-radius: 20px;
    background-color: #FDFBFE;
    box-shadow: 0px 1px 4px 0px rgba(252, 224, 124, 0.25) inset, 0px 5px 48px 0px rgba(253, 251, 254, 0.16), 0px 1.926px 15.289px 0px rgba(253, 251, 254, 0.10), 0px 1px 7.8px 0px rgba(253, 251, 254, 0.08), 0px 0.407px 3.911px 0px rgba(253, 251, 254, 0.06), 0px 0.093px 1.889px 0px rgba(253, 251, 254, 0.04);
    cursor: pointer;
    transition: .4s ease-in-out;
    
}
.load-wrap{
    position: fixed;
    top: 0;
    z-index: 2000;
    display: none;
    align-items: center;
    justify-content: center;
    background: rgba(100, 91, 105, 0.12);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    width: 100%;
    height: 100%;
}
.loader-ex {
    width: 50px;
    padding: 8px;
    aspect-ratio: 1;
    border-radius: 50%;
    background: #ffffff;
    --_m: 
    conic-gradient(#0000 10%,#000),
    linear-gradient(#000 0 0) content-box;
    -webkit-mask: var(--_m);
            mask: var(--_m);
    -webkit-mask-composite: source-out;
            mask-composite: subtract;
    animation: l3 1s infinite linear;
  }
  @keyframes l3 {to{transform: rotate(1turn)}}
.createOrder:disabled{
    border: 1.6px solid rgba(253, 251, 254, 0.16);
    opacity: 0.48;
    box-shadow: none;
    background-color: transparent;
    border: none;
    cursor: default;
    transition: .4s ease-in-out;
    color: var(--colors-text-text-high-invert, #FFF);
}
.createOrder:disabled svg path{
    transition: 0.4s ease-in-out;
    fill: #ffffff;
    transition: .4s ease-in-out;
}
.createOrder  svg{
    transition: 0.4s ease-in-out;
    fill: #fff;
}
.createOrder  svg path{
    transition: 0.4s ease-in-out;
    fill: #000000;
}
.createOrder:disabled 
.pageExchange-content .exchange-addresses .flex button{
    padding: 13px 20px;
    white-space: nowrap;
    background: #1A1D2B;
    border-radius: 7px;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    text-align: right;
    transition: 0.4s ease-in-out;
    color: #FFFFFF;
    cursor: pointer;
}
.mail-input{
    margin-top: 32px;
    width: 100%;
    box-sizing: border-box;
}

.mail-input>p{
    color: #FDFBFE;
    font-family: "Inter";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 16.5px */
    letter-spacing: -0.45px;
}
.mail-input>input{
    width: 100%;
    box-sizing: border-box;
    border-radius: 16px;
    border: 1px solid rgba(253, 251, 254, 0.00);
    background: rgba(100, 91, 105, 0.12);
    box-shadow: 0px 8px 48px 0px rgba(13, 11, 14, 0.12);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    color: #FDFBFE;
    padding: 16px;
    font-family: "Inter";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
    letter-spacing: -0.45px;
    outline: none;
    margin-top: 13px;
    transition: .4s ease-in-out;
}
#email-input{
    border: 1px solid rgba(255, 0, 0, 0);
    transition: .4s ease-in-out;
}
.pageExchange-content .exchange-addresses .flex button:hover{
    background: #2A2F43;
}
.pageExchange-content .exchange-addresses .flex button:active{
    background: #1A1D2B;
}
.exchange-contentStatusTwo{
    display: flex;
    gap: 20px;
    margin-top: 40px;
}
.exchange-contentStatusTwo .exchange-deposit{
    width: 100%;
}

.exchange-contentStatusTwo .exchange-deposit .order-rules.none{
    display: none;
}

.exchange-contentStatusTwo .exchange-deposit .order-pay-block .head{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.exchange-contentStatusTwo .exchange-deposit .order-pay-block .head .loader {
    animation: spin 3s linear infinite;
}
.exchange-contentStatusTwo .exchange-deposit .order-pay-block .head .loader.stop{
    animation: none;
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.exchange-contentStatusTwo .exchange-deposit .order-pay-block .head .title{
    margin-left: 10px;
    font-weight: 600;
    font-size: 20px;
    line-height: 120%;
    display: flex;
    align-items: center;
    color: #1A1D2B;
}
.exchange-contentStatusTwo .exchange-deposit .order-pay-block .head .row-idOrder{
    background: #FFFFFF;
    box-shadow: 0px 0px 1px 0.5px rgba(150, 150, 150, 0.35);
    border-radius: 50px;
    padding: 6px 10px;
    box-sizing: border-box;
}
.exchange-contentStatusTwo .exchange-deposit .order-pay-block .head .row-idOrder p{
    display: flex;
}
.exchange-contentStatusTwo .exchange-deposit .order-pay-block .head .row-idOrder .text{
    font-weight: 400;
    font-size: 14px;
    line-height: 120%;
    display: flex;
    align-items: center;
    color: #232633;
    opacity: 0.75;
}
.exchange-contentStatusTwo .exchange-deposit .order-pay-block .head .row-idOrder .idOrder{
    font-weight: 500;
    font-size: 14px;
    line-height: 120%;
    display: flex;
    align-items: center;
    color: #232633;
    opacity: 0.85;
    margin-left: 6px;
}
.exchange-contentStatusTwo .exchange-deposit .order-pay-block .subtitle{
    color: rgba(253, 251, 254, 0.56);
    font-family: "Inter";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 15.4px */
    letter-spacing: -0.42px;
}
.text{
    color: #FDFBFE;
    font-family: "Inter";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 16.5px */
    letter-spacing: -0.45px;
}
.exchange-contentStatusTwo .title{
    color: #FDFBFE;
    font-family: "Inter";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 16.5px */
    letter-spacing: -0.45px;
}
.exchange-contentStatusTwo .exchange-deposit .order-pay-block .flex{
    margin-top: 13px;
    gap: 12px;
}
.exchange-contentStatusTwo .exchange-deposit .order-pay-block .flex input{
    width: 100%;
    box-sizing: border-box;
    border-radius: 16px;
    border: 1px solid rgba(253, 251, 254, 0.00);
    background: rgba(100, 91, 105, 0.12);
    box-shadow: 0px 8px 48px 0px rgba(13, 11, 14, 0.12);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    padding: 16px;
    color: #FDFBFE;
    font-family: "Inter";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 16.5px */
    letter-spacing: -0.45px;
    outline: none;
}
.exchange-contentStatusTwo .exchange-deposit .order-pay-block .flex button{
    padding: 13px 20px;
    white-space: nowrap;
    background: #ffffff;
    border-radius: 7px;
    color: #0C0A0D;
    font-family: "Inter";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 19.8px */
    text-transform: uppercase;
    text-align: right;
    transition: 0.4s ease-in-out;
    cursor: pointer;
    border: 1px solid #fff;
}
.exchange-contentStatusTwo .exchange-deposit .order-pay-block .flex button:hover{
    background: rgba(42, 47, 67, 0);
    color: #ffffff;
}
.exchange-contentStatusTwo .exchange-deposit .order-pay-block .flex button:active{
    background: rgba(42, 47, 67, 0);
    color: #ffffff;
}
.exchange-contentStatusTwo .exchange-deposit .order-rules{
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    margin: 0 10px;
}
.exchange-contentStatusTwo .exchange-deposit .order-rules .title{
    font-weight: 500;
    font-size: 15.5px;
    line-height: 140%;
    color: #1A1D2A;
}
.gap8{
    gap: 8px;
}
.ruls-order {
    animation: rotate 2s linear infinite;
}

@keyframes rotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
.subtitle2{
    color: #FDFBFE;
    font-family: "Inter";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 16.5px */
    letter-spacing: -0.45px;
}
.exchange-contentStatusTwo .exchange-deposit .order-rules .block-rules{
    margin-top: 15px;
}
.exchange-row-alt{
    background: transparent !important;
    border: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 7px !important;
    backdrop-filter: none !important;
}
.select-coin-alt{
    padding: 0 !important;
}
.flex-alt{
    display: flex;
    align-items: center;
    gap: 8px;
}
.confiti{
    position: absolute;
    top: 0;
    mix-blend-mode: exclusion;
    overflow: hidden;
    width: 100%;
    height: 100%;
}
.confiti>img{
    mix-blend-mode: exclusion;
    height: 100%;
    width: 100%;
}
.confiti.centered {
    opacity: 1;
    transition: opacity 2s ease;
}
.confiti.centered.anim {
    animation: fadeOut 2s forwards; 
}

/* Анимация для плавного исчезновения */
@keyframes fadeOut {
0% {
    opacity: 1;
}
100% {
    opacity: 0;
    display: none;
}
}
.m0{
    margin: 0 !important;
}
.exchange-contentStatusTwo .exchange-deposit .order-rules .block-rules .text-rules{
    margin-top: 10px;
    color: rgba(253, 251, 254, 0.56);
    font-family: "Inter";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 16.5px */
    letter-spacing: -0.45px;
}
.exchange-contentStatusTwo .exchange-deposit .order-rules .block-rules .text-rules a{
    color: #196DEA;
    transition: 0.4s ease-in-out;
}
.exchange-contentStatusTwo .exchange-deposit .order-rules .block-rules .text-rules a:hover{
    text-decoration: underline;
}
.exchange-contentStatusTwo .exchange-qr{
    border-radius: 14px;
    box-sizing: border-box;
    height: fit-content;
    position: absolute;
    right: 6px;
    top: -115px;
    opacity: 0;
    display: none;
    transition: opacity 0.3s ease;
}

.exchange-contentStatusTwo .exchange-qr .qradress{
    border-radius: 8px;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    filter: drop-shadow(0px 8px 24px #0D0B0E) drop-shadow(0px 8px 24px #0D0B0E);
    padding: 10px;
}
.qrbtn{
    display: flex;
    justify-content: space-between;
}
.authentication{
    border-radius: 14px;
    border: 1px solid #FFF;
    background: #FFF;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.02);
    padding: 30px;
    box-sizing: border-box;
    max-width: 460px;
    width: 100%;
}
.auth-header{
    display: flex;
    align-items: center;
}
.auth-header .line{
    height: 22px;
    width: 2px;
    background: #D6D6D7;
    margin: 0px 12px;
}
.auth-header .title{
    padding: 8px 10px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    background: #F1EFFF;
    border-radius: 50px;
}
.auth-header .title p{
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
    color: #7E7CFF;
    margin-left: 5px;
}
.authentication .prefix{
    margin-top: 35px;
    color: #222230;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}
.authentication-input{
    margin-top: 14px;
    width: 100%;
    border: none;
    box-sizing: border-box;
    border-radius: 8px;
    color: #1A1D2A;
    font-family: 'Inter';
    font-size: 15px;
    background: #FFF;
    border: 1px solid #dfdfdf;
    padding: 14px;
    outline: none;
    color: #222230;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"] {
  -moz-appearance: textfield;
  appearance: textfield;
}
input[type="number"]:hover,
input[type="number"]:focus {
  -moz-appearance: number-input;
  appearance: number-input;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.authentication-btn{
    margin-top: 28px;
    width: 100%;
    border-radius: 8px;
    background: #1A1D2B;
    cursor: pointer;
    transition: 0.4s ease-in-out;
    padding: 12px 15px;
    box-sizing: border-box;
    color: #FFF;
    text-align: center;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
}
.authentication-btn:hover{
    background: #2A2F43;
}
.qrbtn button{
    border-radius: 0px 0px 12px 0px;
    background: #FAFAFA;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.02) inset;
    width: 100%;
    height: 37px;
    color: rgba(26, 29, 42, 0.50);
    text-align: center;
    font-weight: 600;
    font-size: 13.5px;
    cursor: pointer;
}
.onlyadress{
    border-radius: 0px 0px 0px 12px!important;
}
.qrbtn button.active{
    background: #FFF;
    color: #1A1D2A;
}
.exchange-contentStatusTwo .exchange-qr img{
    width: 90px;
    height: 90px;
}
.order-info{
    width: 100%;
    box-sizing: border-box;
    border-radius: var(--rounds-24, 24px);
    border: 1px solid rgba(253, 251, 254, 0.00);
    background: rgba(100, 91, 105, 0.12);
    box-shadow: 0px 8px 48px 0px rgba(13, 11, 14, 0.12);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    height: fit-content;
    padding: 4px;
}
.wrap-input-adr{
    border-radius: 16px;
    border: 1px solid rgba(253, 251, 254, 0.00);
    background: rgba(100, 91, 105, 0.12);
    box-shadow: 0px 8px 48px 0px rgba(13, 11, 14, 0.12);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    padding: 16px;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 9px;
    position: relative;
}
.copy-pop {
    position: absolute;
    color: #FDFBFE;
    font-family: "Inter";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%; 
    letter-spacing: -0.42px;
    top: -25px;
    right: -45px;
    border-radius: 8px;
    border: 1px solid rgba(253, 251, 254, 0.00);
    background: rgba(36, 34, 38, 0.597);
    box-shadow: 0px 8px 48px 0px rgba(13, 11, 14, 0.12);
    padding: 7px 10px;
    display: none; 
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    transform: translateX(-50%);
}
.exchange-row-alt .aflex{
    align-items: flex-end !important;
}

.copy-pop.jump {
    animation: jumpAnimation 0.5s ease;
}

@keyframes jumpAnimation {
    0% {
        transform: translateX(-50%) translateY(0);
    }
    50% {
        transform: translateX(-50%) translateY(-10px);
    }
    100% {
        transform: translateX(-50%) translateY(0);
    }
}
.wrap-input-adr input{
    color: #FDFBFE;
    font-family: "Inter";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 16.5px */
    letter-spacing: -0.45px;
    border: none;
    background-color: transparent;
    width: 100%;
    outline: none;
}
.wrap-input-adr button{
    background-color: transparent;
    outline: none;
    border: none;
    margin: 0;
    padding: 0;
    cursor: pointer;
    opacity: 0.64;
    transition: .3s all;
}
.wrap-input-adr button:hover{
    opacity: 1;
}
.wrap-input-adr .line{
    background: #464446;
    height: 17px;
    width: 1px;
}
.partner-row{
    gap: 5px;
    justify-content: end;
    margin-top: 20px!important;
    flex-wrap: wrap;
}
.partner-row a{
    line-height: 1px;
}
.partner{
    font-size: 14px;
    font-weight: 500;
    opacity: 0.75;
    color: #1A1D2A;
}
.clients__partners__img {
    width: 92px;
    height: 19px;
}
.order-info .prefix{
    font-weight: 600;
    font-size: 20px;
    line-height: 120%;
    display: flex;
    align-items: center;
    color: #1A1D2B;
}
.order-info .OrderinfoEX {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    border-radius: var(--rounds-24, 24px);
    padding: 16px;
    position: relative;
    max-width: 292px;
    width: 100%;
}
.flex-starts{
    display: flex;
    align-items: flex-start;
    gap: 60px;
}
.order-info .OrderinfoEX .title{
    color: rgba(253, 251, 254, 0.56);
    font-family: "Inter";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 16.5px */
    letter-spacing: -0.45px;
}
.order-info .OrderinfoEX .input {
    border: none;
    font-weight: 500;
    width: 100px;
    outline: none;
    color: #FDFBFE;
    font-family: "Inter";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 126%; /* 25.2px */
    letter-spacing: -0.6px;
    text-transform: uppercase;
    user-select: auto;
    -webkit-touch-callout: auto;
    -webkit-user-select: auto;
    -khtml-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    background-color: transparent;
}

.order-info .OrderinfoEX .select-coin p{
    font-weight: 600;
    font-size: 15px;
    line-height: 17px;
    color: #1A1D2B;
    display: none;
}
.order-info .OrderinfoEX .select-coin p span{
    color: #1A1D2B80;
    font-weight: 500;
}
.order-info .row{
    display: flex;
    width: 100%;
    gap: 40px;
    align-items: center;
    justify-content: center;
}

.w100{
    width: 100%;
}
.order-info .row .subtitle{
    margin-top: 20px;
    font-size: 13.5px;
    line-height: 120%;
    color: #1A1D2B;
    opacity: 0.5;
}
.order-info .row .address{
    font-weight: 500;
    margin-top: 8px;
    word-break: break-all;
    font-size: 15px;
    line-height: 110%;
    display: flex;
    align-items: center;
    color: #1A1D2A;
}
.exchange-contentStatusTwo.statThree .exchange-qr{
    display: none;
}
.exchange-contentStatusTwo.statThree.statFour .order-pay-block .title,
#status-title.green{
    color: #00C26A;
}
.exchange-contentStatusTwo.statThree .order-pay-block .subtitle , .exchange-contentStatusTwo.statThree .order-pay-block .subtitle .flex{
    display: block;
}
.exchange-contentStatusTwo.statThree .order-pay-block .flex button{
    display: none;
}
.w760{
    max-width: 760px;
    width: 100%;
}
.faq{
    margin: 0 6px;
    margin-top: 172px;
}
.faq .question-row {
    padding: 22px 4px;
}
.faq .title{
    text-align: center;
    font-family: "Inter";
    font-size: 56px;
    font-style: normal;
    font-weight: 400;
    line-height: 85%; /* 47.6px */
    letter-spacing: -2.8px;
    background: linear-gradient(91deg, rgba(253, 251, 254, 0.92) 2.95%, #FDFBFE 51.19%, rgba(253, 251, 254, 0.90) 93.91%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    max-width: 568px;
}
.faq .question-row{
    padding: 22px 18px;
    box-sizing: border-box;
    border-bottom: 1px solid rgba(26, 29, 42, 0.08);
    cursor: pointer;
}
.faq .question-row.first{
    margin-top: 50px;
    border-top: 1px solid rgba(26, 29, 42, 0.08);
}
.faq .question-row .question-title{
    color: #FDFBFE;
    font-family: "Inter";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 126%; /* 25.2px */
    letter-spacing: -0.6px;
}
.slider-container {
    display: flex;
    height: 100vh;
}
.presenter {
    margin: 0;
    width: 100%;
    scroll-snap-type: y mandatory;
    overflow-y: scroll;
    display: flex;
    flex-direction: column;
    scroll-behavior: smooth;
    transition-duration: 0.5s; 
}
.presenter > .slide {
    width: 100vw;
    min-height: 100vh;
    font-size: 5em;
    color: black;
    scroll-snap-align: start;
    transition: transform 0.5s ease;
}
.scroll-indicator {
    position: fixed;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
}
.scroll-indicator > .circle {
    width: 5px;
    height: 100px;
    margin: 5px 0;
    background-color: #1A1D2B;
    border-radius: 50px;
}
.slide .prefix{
    color: #09BD6B;
    font-size: 16px;
    text-align: center;
    width: fit-content;
    padding: 3px 6px;
    font-weight: 400;
    border-radius: 4px;
    border: 1px solid rgba(9, 189, 107, 0.00);
    background: rgba(9, 189, 107, 0.12);
    margin-top: 140px;
}
.slide .title{
    color: #1A1D2B;
    font-size: 33px;
    font-weight: 600;
    text-align: center;
    margin-top: 14px;
}
.slide .subtitle{
    margin-top: 14px;
    text-align: center;
    font-size: 17px;
    max-width: 750px;
    color: #1A1D2B;
}
.slide .image{
    margin-top: 35px;
}
.slide .image.mb{
    display: none;
}
.mail-aml{
    opacity: 0.75;
    color: rgba(253, 251, 254, 0.88);
    font-family: "Inter";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 145%;
    letter-spacing: -0.5px;
    width: 99%;
    margin-top: 20px;
    transition: 0.4s ease-in-out;
    display: block;
}
.mail-aml:hover{
    opacity: 1;
    transition: 0.4s ease-in-out;
}
.exchange-stule-none{
    padding: 0 !important;
    border-radius: 0 !important;
    border: 0 !important;
    background: none !important;
}
@media(max-width: 1600px){
    .slide .image{
        height: 400px;
        width: auto;
    }
    .slide .prefix{
        margin-top: 110px;
    }
}
@media(max-width: 1000px){
    .scroll-indicator{
        display: none;
    }
    .slide .image{
        display: none;
    }
    .slide .image.mb{
        display: block;
        width: 100%;
        height: auto;
    }
    .slide .title{
        font-size: 26px;
    }
    .slide .subtitle{
        font-size: 15px;
    }
}
.faq .question-row .image{
    border: 1px solid rgba(26, 29, 42, 0.15);
    border-radius: 66px;
    width: 28px;
    height: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.faq .question-row .text{
    color: rgba(253, 251, 254, 0.56);
    font-family: "Inter";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 131%; /* 19.65px */
    letter-spacing: -0.15px;
    margin-top: 16px;
    display: none;
}
.faq .question-row .text a{
    color: #196DEA;
    transition: 0.4s ease-in-out;
}
.faq .question-row .text a:hover{
    text-decoration: underline;
}
.open {
    transition: transform 0.3s ease-in-out;
}
.rotate {
    transform: rotate(180deg);
}
.news-row{
    margin-top: 100px;
}
.news-row .title{
    color: #121417;
    font-size: 33px;
    font-style: normal;
    font-weight: 600;
}
.news-row .crypto-row p{
    white-space: normal;
}
.news-row .client-conditions-block{
    box-shadow: none;
    background-color: #fff;
    min-width: 400px;
}
.news-row .client-conditions-block .conditions img{
    width: 100%;
    max-height: 260px;
    object-fit: cover;
    border-radius: 10px;
}
.partner-row img{
    object-fit: cover;
    width: 77px;
}
.news-row  .conditions-info-title{
    margin-top: 10px;
    font-size: 16px;
}
.news-row  .conditions-info-subtitle{
    margin-top: 10px;
    font-size: 14px;
    line-height: 140%;
}
.article-title{
    font-weight: 600;
    font-size: 40px;
    line-height: 120%;
}
.article-block{
    border-radius: 10px;
    padding: 20px;
    margin-top: 28px;
    box-sizing: border-box;
    background: #fff;
    max-width: 710px;
}
.articleimage{
    margin-top: 15px;
    width: 100%;
}
.article-subtitle{
    margin-top: 0px;
    font-size: 20px;
    line-height: 130%;
    font-weight: 500;
}
.more-article{
    margin-top: 8px;
    font-size: 16px;
    line-height: 120%;
    font-weight: 500;
    margin-bottom: 8px;
}
.article-content{
    font-weight: 400;
    font-size: 16px;
    opacity: 0.75;
    margin-top: 5px;
    line-height: 130%;
}
.article-content-block p{
    margin: 10px 0px;
}
.link-article{
    line-height: normal;
    font-weight: 400;
    font-size: 16px;
    opacity: 0.75;
    color: #11131D;
    transition: 0.4s ease-in-out;
    margin-top: 2px;
}
.link-article:hover{
    opacity: 1;
}
.article-date{
    font-weight: 400;
    font-size: 14px;
    opacity: 0.75;
    margin-top: 8px;
    text-align: right;
}
.Customer-feedback{
    margin-top: 150px;
}
.Customer-feedback .title{
    color: #121417;
    font-size: 33px;
    font-style: normal;
    font-weight: 600;
}
.feedback-block{
    border-radius: 14px;
    background: #FFF;
    box-sizing: border-box;
    padding: 18px;
    min-width: 396px;
    height: fit-content;
    cursor: grab;
}
.logofeedback{
    height: 40px;
    width: 40px;
    border-radius: 50%;
}
.Customer-info{
    margin-left: 10px;
}
.Name-curtomer{
    color: #1C1C1C;
    margin-bottom: 3px;
    font-weight: 600;
    line-height: 140%;
    font-size: 15px;
}
.link-feedback{
    color: #00B67A;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    margin-right: 6px;
}
.feedback-content{
    margin-top: 20px;
}
.feedback-content .title{
    color: #1C1C1C;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%; /* 23.8px */
    white-space: normal;
}
.feedback-content .subtitle{
    color: #1C1C1C;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 145%; /* 21.75px */
    margin-top: 7px;
    white-space: normal;
}
.time-feedback{
    color: #696A6A;
    margin-left: 4px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 19.6px */
    letter-spacing: -0.5px;
}
.footer-end{
    display: flex;
    justify-content: end;
    margin-top: 12px;
}
.rules{
    margin-top: 172px;
}
.rules .title{
    font-family: "Inter";
    font-size: 56px;
    font-style: normal;
    font-weight: 400;
    line-height: 85%; /* 47.6px */
    letter-spacing: -2.8px;
    background: linear-gradient(91deg, rgba(253, 251, 254, 0.92) 2.95%, #FDFBFE 51.19%, rgba(253, 251, 254, 0.90) 93.91%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.rules .text{
    opacity: 0.75;
    color: rgba(253, 251, 254, 0.88);
    font-family: Inter;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 145%; /* 21.75px */
    letter-spacing: -0.5px;
    width: 99%;
}
.rules-flex>svg{
    margin-top: 7px;
    width: 20px;
}
.rules .prefix{
    margin-top: 32px;
    font-family: "Inter";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 90%; /* 21.6px */
    letter-spacing: -0.72px;
    background: linear-gradient(91deg, rgba(253, 251, 254, 0.92) 2.95%, #FDFBFE 51.19%, rgba(253, 251, 254, 0.90) 93.91%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.input-container {
    position: relative;
}

.amount-loader-rec {
    position: absolute;
    top: 65%;
    left: 23px;
    transform: translateY(-50%);
    transition: opacity 0.3s ease-in-out;
}

.loader1, .loader2 , .loader3  {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-top: 5px;
    border-radius: 50%;
    background-color: #333;
    animation: bounce 1.5s infinite ease-in-out;
}

.loader2 {
    margin-left: 5px;
    animation-delay: 0.3s;
}
.loader3 {
    margin-left: 5px;
    animation-delay: 0.5s;
}
@keyframes bounce {
    0%, 80%, 100% {
        transform: scale(0);
    }
    40% {
        transform: scale(1);
    }
}
.safe-block .line.mb{
    display: none;
}
.safe-block .flex.mb{
    display: none;
}
.Review{
    border-radius: 14px;
    background: linear-gradient(45deg, #6767FF 0%, #7474FF 25.40%, #E28EFF 100%);
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.05) inset;
    padding: 30px;
    width: 100%;
    box-sizing: border-box;
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.Review.none{
    display: none;
}
.Review .title{
    color: #FFF;
    font-size: 20px;
    font-weight: 600;
    line-height: 120%;
}
.Review .title p{
    margin-left: 8px;
}
.Review .subtitle{
    margin-top: 13px;
    color: #FFF;
    font-size: 16px;
    line-height: 140%;
    max-width: 300px;
}
.Review .row-link{
    display: flex;
    gap: 10px;
}
.Review .row-link a{
    background: rgba(255, 255, 255, 0.90);
    border: 1px solid #fff;
    transition: 0.4s;
}
.Review .row-link a p{
    color: #AD6DFE;
    opacity: 1;
}
.Review .row-link a svg path{
    fill: #AD6DFE;
    opacity: 1;
}
.Review .row-link a svg g{
    opacity: 1;
}
.Review .row-link a:hover{
    background-color: #fff;
}
.memoteg{
    color: #ffffff;
    font-family: "Inter";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 16.5px */
    text-transform: uppercase;
}
.rules-flex{
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-top: 10px;
}
.mt10{
    margin-top: 10px;
}
.z51{
    z-index: 51 !important;
}
.memoinp{
    width: 100%;
    box-sizing: border-box;
    background: #FAFAFA;
    transition: 0.4s ease-in-out;
    border: 1px solid #E6E6E6;
    border-radius: 7px;
    padding: 14px;
    font-family: 'Inter';
    font-weight: 400;
    font-size: 15px;
    line-height: 100%;
    color: #1A1D2B;
    outline: none;
}

.McButton {
    display: none;
    flex-direction: column;
    justify-content: space-between;
    width: 30px;
    height: 20px;
    cursor: pointer;
    position: fixed;
    z-index: 101;
    right: 20px;
    top: 25px;
}

.McButton b {
display: block;
width: 100%;
height: 2px;
background-color: white;
transition: all 0.4s ease;
}

.McButton.active b:nth-child(1) {
transform: rotate(45deg) translateY(12px);
}

.McButton.active b:nth-child(2) {
opacity: 0;
}

.McButton.active b:nth-child(3) {
transform: rotate(-45deg) translateY(-12px);
}

.menu-overlay {
position: fixed;
top: 72px;
right: -100%;
width: 100%;
height: 100vh;
background: rgba(51, 51, 51, 0.458);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
color: white;
transition: right 0.4s ease;
z-index: 101;
}

.menu-overlay ul {
list-style: none;
padding: 50px 20px 20px;
margin: 0;
}

.menu-overlay ul li {
margin: 20px 0;
}

.menu-overlay ul li a {
color: white;
font-size: 24px;
text-decoration: none;
}

.menu-overlay.active {
right: 0;
}

@media(max-width: 1501px){
    .how-it-work-wrap{
        padding: 80px 40px;
    }
}
@media(max-width: 1250px){
    .client-conditions-row{
        justify-content: start;
        flex-wrap: wrap;
    }
    .header-content .aflex .swith-dark p{
        display: none;
    }
    .Customer-feedback > .title{
        margin: 0px 16px;
    }
    .news-row > .title{
        margin: 0px 16px;
    }
    .content .w1220{
        display: block;
        padding: 60px 6px;
        margin: 0px;
        width: auto;
    }
    .crypto-conditions-title{
        margin: 120px 16px 0px;
    }
    .crypto-row{
        margin: 30px 16px 0px;
    }
    .w1220{
        width: 100%;
    }
    .content{
        height: auto;
        display: flex;
        justify-content: center;
    }
    .exchange-text-block{
        margin-top: 65px;
        text-align: center;
    }
    .exchange-text-block .subtitle{
        max-width: none;
    }
    .exchange-block.main{
        padding: 0px;
        background-image: none;
        display: flex;
        justify-content: center;
        width: 100%;
    }
    .safe-block{
        display: block;
    }
    .safe-block .text .title{
        max-width: none;
    }
    .safe-block .text .subtitle{
        max-width: none;
    }
    .safe-block .video{
        margin-top: 22px;
        width: 100%;
        max-height: 600px;
    }
    .safe-block .line.pc{
        display: none;
    }
    .safe-block .flex.pc{
        display: none;
    }
    .safe-block .line.mb{
        display: block;
        max-width: none;
    }
    .safe-block .flex.mb{
        display: flex;
    }
    .safe-block .important{
        max-width: none;
    }
    .exchange-text-block{
        max-width: none;
   }
   .client-conditions-block{
        width: 100%;
        height: 100%;
    }
    .conditions.security{
        background-position: center;
    }
    .statistics-row {
        flex-wrap: wrap;    
    }
    .statistics-block .statistics-row .statistic-info{
        width: 49.2%;
    }
    .exchange-contentStatusOne{
        gap: 1px;
        justify-content: space-evenly;
    }
}
@media(max-width: 981px){
    .right-slider{
        width: 520px;
        height: 368px;
    }
    .dnone1000{
        display: none;
    }
    .McButton{
        display: flex;
    }
    .how-it-work-table{
        flex-wrap: wrap;
        justify-content: space-evenly;
    }
    .blur-border{
        margin-top: 20px;
    }
    .midl-wrap{
        margin-top: 20px;
    }
    .work-txt{
        margin-top: 0;
    }
    .work-table {
        height: 300px;
    }
    .header-nav a{
        display: none;
    }
    .header-nav div{
        display: none;
    }
    .footer{
        margin-top: 130px;
    }
    .header-right{
        margin-right: 70px;
    }
    .footer .sflex{
        display: flex;
        flex-direction: column;
        gap: 40px;
    }
    .footer .mbfooter{
        display: block;
    }
    .forum-logo{
        display: flex;
        justify-content: center;
        gap: 12px;
    }
    .footer .logo{
        display: flex;
        justify-content: center;
    }
    .footer-nav{
        justify-content: center;
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
        margin: 20px 0px;
    }
    .header-nav div.contactPopup{
        display: none;
    }
    .header-nav .newBot{
        display: none;
    }
}
@media(max-width: 900px){
    .warranty-block .logo-lzt{
        display: none;
    }
}
@media(max-width: 850px){
    .statistics-block .statistics-row .statistic-info{
        width: 48.8%;
    }
    .how-it-work-wrap h2 {
        font-size: 35px;
    }
    .how-it-work {
        border-radius: 25px;
        margin: 0 10px;
        margin-top: 80px;
    }
    .how-it-work-wrap{
        padding: 40px 20px;
    }
    .left-slider{
        padding: 50px;
        position: absolute;
        z-index: 2;
        border-radius: 30px;
        border: 1px solid rgba(253, 251, 254, 0);
        background: rgba(100, 91, 105, 0.16);
        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);
    }
    .statistik .info {
        font-size: 25px;
    }
    .statistik div{
        font-size: 25px;
    }
    .video-anim-main {
        width: 100%;
    }
    .exchange-contentStatusOne {
        gap: 1px;
    }
}
@media(max-width: 700px){
    .rules{
        margin-top: 100px !important; 
    }
    .statistical-container{
        flex-wrap: wrap;
        gap: 20px;
    }
    .exchange-content .exchange-block .exchange-row{
        max-width: 100%;
        box-sizing: border-box;
    }
    .big-title p {
        font-size: 35px;
    }
    .big-title{
        justify-content: center;
    }
    .exchange-text-block .title {
        max-width: 500px;
        width: 100%;
    }
    h3 {
        font-size: 35px;
        max-width: 400px;
        width: 100%;
    }
    .w1220{
        margin: 0 6px;
    }
    .exchange-contentStatusOne{
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
        gap: 30px;
    }
    .flex-starts{
        display: flex;
        flex-direction: column-reverse !important;
        align-items: center !important;
        gap: 30px;
    }
    .row-status-order-wrap{
        margin-bottom: 50px;
    }
}
@media(max-width: 600px){
    .statistics-block .statistics-row .statistic-info{
        width: 100%;
    }
    .bank-selector-header img {
        width: 20px;
    }
    .exchange-block-alt{
        flex-direction: row !important;
    }
    .createOrder-wrap {
        width: 93%;
    }
    .big-title {
        margin-top: 50px;
    }
    .header-right {
        margin-right: 50px;
    }
    .gap15-flex-aflex{
        flex-direction: column-reverse;
        align-items: flex-end;
        gap: 0px;
    }
    .mail-input{
        padding: 13px;
        margin-top: 0;
    }
    .order-info .row {
        gap: 0px;
    }
    .order-info {
        margin: 20px auto;
        width: 95%;
    }
    .faq .title {
        font-size: 30px;
    }
    .big-title p {
        font-size: 30px;
    }
    .toggle-switch {
        width: 20px;
        height: 20px;
    }
    .how-it-work-wrap h2 {
        font-size: 30px;
    }
    .how-it-work-wrap h4{
        font-size: 16px;
    }
    .left-slider{
        padding: 35px 15px;
    }
    .toggle-container {
        width: 60px;
        height: 30px;
    }
    .exchange-block .row-btn{
        margin-bottom: 0 !important;
    }
    .how-it-work-wrap {
        padding: 40px 5px;
    }
    .on .toggle-switch {
        transform: translateX(30px);
    }
    .exchange-text-block .title {
        font-size: 30px;
    }
    .video-anim-main {
        top: 180px;
    }
    h4 {
        font-size: 16px;
    }
    .statistik p {
        font-size: 16px;
        max-width: 150px;
    }
    .statistik div {
        font-size: 20px;
    }
    .exchange-content .exchange-block{
        flex-direction: column;
        width: 93%;
    }
    .footer-nav{
        flex-wrap: nowrap;
        position: relative;
    }
    .footer .sflex {
        gap: 10px;
    }
    .dn600{
        display: none;
    }
    .right-slider{
        width: 100%;
        display: none;
    }
    .content .w1220{
        padding: 0;
        margin: 0 6px;
    }
    .how-it-work{
        margin-top: 80px;
    }
    .slider-blok{
        width: 100%;
        position: relative;
        height: 300px;
    }
    .w100-600{
        width: 100% !important;
    }
    .warranty-block{
        padding: 25px;
        margin-top: 80px;
        background: linear-gradient(193deg, rgba(153, 212, 255, 0.10) 0%, rgba(107, 193, 255, 0.10) 73.93%, rgba(0, 0, 0, 0.00) 73.94%), linear-gradient(330deg, rgba(146, 254, 205, 0.10) 0%, rgba(78, 235, 163, 0.10) 73.94%, rgba(0, 0, 0, 0.00) 73.94%), #1A1D2A; 
        box-shadow: 0px 0px 1px 0.5px rgba(150, 150, 150, 0.35), 0px 4px 8px 0px rgba(0, 0, 0, 0.02);
    }
    .feedback-block{
        max-width: 330px;
    }
    .warranty-block .subtitle{
        max-width: 290px;
    }
    .exchange-text-block{
        padding: 0px 0px;
   }
    .exchange-text-block .title{
        font-size: 30px;
    }
    .exchange-text-block .subtitle{
        font-size: 15.5px;
    }
    .client-conditions-title{
        font-size: 22px;
    }
    .crypto-conditions-title{
        font-size: 22px;
        display: flex;
        align-items: center;
    }
    .crypto-conditions-title svg{
        display: flex;
        align-items: center;
        margin-right: 4px;
    }
    .safe-block .text .title{
        font-size: 22px;
    }
    .safe-block .text .subtitle{
        font-size: 15px;
    }
    .warranty-block .title{
        font-size: 26px;
    }
    .exchange-content{
        width: 100%;
        height: 100%;
    }
    .createOrder-wrap{
        margin:  0 20px;
    }
    .exchange-text-block svg{
        width: 25px;
        height: 25px;
    }
    .exchange-block{
        width: 100%;
        box-sizing: border-box;
    }
    .exchange-content .title-row{
        display: block;
    }
    .exchange-content .title-row .currency-block{
        width: min-content;
        margin-top: 20px;
    }
    .safe-block{
        margin-top: 120px;
    }
    .client-conditions{
        margin-top: 120px;
    }
    .exchange-content .exchange-block .exchange-row .select-coin p{
        display: flex;
    }
    .row-link a{
        width: auto;
    }
    .popup-content{
        width: 96%;
    }
    .popup-content .contact-link{
        padding: 20px;
    }
}
@media(max-width: 1250px){
    .pageExchange-content{
        margin: 0px 16px;
        margin-top: 103px;
        width: 100%;
    }
    .pageExchange-content .w1220{
        margin: 0px ;
    }
    .faq .question-row .image{
        min-width: 28px;
    }

}
@media(max-width: 1150px){
    .exchange-contentStatusOne{
    }
    .exchange-contentStatusOne .exchange-content{
    }
    .marginMb{
        margin: 0px 6px;
    }
    .pageExchange-content{
        margin: 0px;
        margin-top: 122px;
    }
    .order-info .OrderinfoEX .select-coin p{
        display: none;
    }
    .exchange-contentStatusTwo .exchange-deposit .order-pay-block .head{
        display: block;
    }
    .exchange-contentStatusTwo .exchange-deposit .order-pay-block .head .row-idOrder{
        margin-top: 20px;
        width: max-content;
    }
    .exchange-contentStatusTwo .exchange-deposit .order-pay-block{
        margin: 0 10px;
    }
    .order-info{
        margin-top: 20px;
    }
    .switch-block .image .tooltip{
        z-index: 30;
        left: -120px;
        top: -115px;
        width: 280px;
    }
    .Customer-feedback{
        margin-top: 120px;
    }
}
@media(max-width: 601px){
    .exchange-contentStatusOne .exchange-content{
        height: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .exchange-phone{
        padding: 13px;
    }
    .pageExchange-content .exchange-addresses .flex{
        display: block;
    }
    .pageExchange-content .exchange-addresses .flex button{
        width: 100%;
        margin-top: 20px;
        text-align: center;
    }
    .exchange-row-alt{
        padding: 6px !important;
    }
    .rules .title{
        font-size: 40px;
    }
    .language {
        padding: 8px 6px;
    }
    .exchange-info-row{
        flex-wrap: wrap;
    }
    .exchange-contentStatusOne .exchange-more-info .title{
        font-size: 18px;
    }
    .exchange-contentStatusOne .exchange-info{
        height: 100%;
    }
    .exchange-contentStatusOne .exchange-info .exchange-info-row div{
        width: auto;
    }
    .exchange-content .exchange-block .exchange-row .input{
        font-size: 17px;
    }
    .exchange-contentStatusOne .exchange-more-info{
        padding: 20px;
    }
    .exchange-contentStatusOne{
        margin-top: 40px;
    }
    .pageExchange-content .exchange-addresses{
        padding: 13px;
    }
    .exchange-contentStatusTwo .exchange-deposit .order-pay-block .flex{
        display: block;
    }
    .exchange-contentStatusTwo .exchange-deposit .order-pay-block .flex button{
        width: 100%;
        margin-top: 20px;
        text-align: center;
    }
    .exchange-contentStatusTwo{
        margin-top: 40px;
    }
}
@media(max-width: 801px){
    .exchange-contentStatusTwo{
        display: block;
    }
    .exchange-contentStatusTwo .exchange-qr{
        margin-top: 20px;
    }
    .auth-header img{
        display: none;
    }
    .exchangeinfo{
        min-height: auto;
    }
    .exchangeinfo p{
        font-size: 22px;
    }
    .exchangeinfo button {
        margin-top: 12px;
    }
    .exchangeinfo{
        margin-top: 120px;
    }
    body{
    }
     .auth-header .line{
        display: none;
    }
    .order-info .row{
        
    }
    .order-info .swap{
        margin: 20px auto;
        width: fit-content;
    }
    .news-row{
        margin-top: 35px;
    }
    .exchange-contentStatusTwo .exchange-deposit .order-pay-block .head .title{
        font-size: 18px;
    }

    .Review{
        display: block;
    }
    .Review .row-link{
        margin-top: 20px;
    }
    .order-info .swap img{
        transform: rotate(0deg);
    }
    .exchange-content .exchange-block .exchange-row .input{
        width: 95%;
    }
    .article-title{
        font-size: 26px;
    }
    .partner{
        width: 100%;
    }
    .partner-row{
        justify-content: start;
    }   
}
.workdesk{
    max-width: 900px;
    width: 97%;
    border-radius: 7px;
    display: flex;
    align-items: center;
    position: fixed;
    margin: 0px 10px;
    margin-top: 150px;
    z-index: 100;
}
.workdesk span{
    height: 100%;
    min-height: 40px;
    background: linear-gradient(90deg, #7B7BFE 0%, #DC7BFE 100%);
    backdrop-filter: blur(50px);
    -webkit-backdrop-filter: blur(50px);
    border-radius: 0px 7px 7px 0px;
    padding: 0px 14px 0px 12px;
}
.workdesk div{
    padding: 0px 10px;
    border-radius: 7px 0px 0px 7px;
    background: #F2F2FF;
    box-shadow: 0px 18px 24px 0px rgba(0, 0, 0, 0.00);
    backdrop-filter: blur(50px);
    -webkit-backdrop-filter: blur(50px);
    box-sizing: border-box;
    display: flex;
    align-items: center;
    height: 40px;
}
.workdesk p{
    box-sizing: border-box;
    color: #fff;
}
.workdesk p a{
    color: #fff;
    text-decoration: underline;
}
.footer-nav div.contactPopup{
    color: #1A1D2B;
    transition: 0.4s ease-in-out;
    opacity: 0.75;
}
.footer-nav div.contactPopup:hover{
    opacity: 1;
    cursor: pointer;
}
@media(max-width: 500px){
    .workdesk div{
        height: 67px;
    }
    .workdesk span{
        height: 67px;
    }
}