@font-face {
    font-family: 'Manrope', sans-serif;
    src: url('/font/Manrope-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('/font/Manrope-ExtraBold.woff2') format('woff2'),
        url('/font/Manrope-ExtraBold.woff') format('woff'),
        url('/font/Manrope-ExtraBold.ttf') format('truetype'),
        url('/font/Manrope-ExtraBold.svg#Manrope-ExtraBold') format('svg');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'Manrope', sans-serif;
    src: url('/font/Manrope-Bold.eot?#iefix') format('embedded-opentype'),
        url('/font/Manrope-Bold.woff2') format('woff2'),
        url('/font/Manrope-Bold.woff') format('woff'),
        url('/font/Manrope-Bold.ttf') format('truetype'),
        url('/font/Manrope-Bold.svg#Manrope-Bold') format('svg');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Manrope', sans-serif;
    src: url('/font/Manrope-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('/font/Manrope-SemiBold.woff2') format('woff2'),
        url('/font/Manrope-SemiBold.woff') format('woff'),
        url('/font/Manrope-SemiBold.ttf') format('truetype'),
        url('/font/Manrope-SemiBold.svg#Manrope-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Manrope', sans-serif;
    src: url('/font/Manrope-Medium.eot?#iefix') format('embedded-opentype'),
        url('/font/Manrope-Medium.woff2') format('woff2'),
        url('/font/Manrope-Medium.woff') format('woff'),
        url('/font/Manrope-Medium.ttf') format('truetype'),
        url('/font/Manrope-Medium.svg#Manrope-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Manrope', sans-serif;
    src: url('/font/Manrope-Regular.eot?#iefix') format('embedded-opentype'),
        url('/font/Manrope-Regular.woff2') format('woff2'),
        url('/font/Manrope-Regular.woff') format('woff'),
        url('/font/Manrope-Regular.ttf') format('truetype'),
        url('/font/Manrope-Regular.svg#Manrope-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Manrope', sans-serif;
    src: url('/font/Manrope-Light.eot?#iefix') format('embedded-opentype'),
        url('/font/Manrope-Light.woff2') format('woff2'),
        url('/font/Manrope-Light.woff') format('woff'),
        url('/font/Manrope-Light.ttf') format('truetype'),
        url('/font/Manrope-Light.svg#Manrope-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}


:root, [data-theme="light"] {
    --primary-color: #fff;
    --secondary-color: #000;

    --theme-main: #3D158B;
    --color-none: transparent;
    --color-none-rgba: rgba(255, 255, 255, 0.00);
    --theme-color-1: #411D87;
    --theme-color-2: #F8F5FF;
    --theme-color-3: #212121;
    --theme-color-5: #381785;
    --theme-color-6: rgba(255, 255, 255, 0.7);
    --theme-color-7: #F3F1F8;
    --theme-color-8: #555555;
    --theme-color-9: #3A1B37;
    --theme-color-10: #FF6838;
    --theme-color-11: #8C2E2E;
    --theme-color-12: #EA3424;
    --theme-color-14: rgba(255, 255, 255, 0.1);
    --theme-color-15: #121214;
    --theme-color-16: #81858C;
    --theme-color-17: #E64D25;
    --theme-color-18: rgba(155, 137, 211, 0.7);
    --theme-color-19: rgba(8, 0, 90, 0.05);
    --theme-color-20: #62B38A;
    --theme-color-22: rgba(84, 84, 84, 0.10);
    --theme-color-23: rgba(255, 3, 3, 0.10);
    --theme-color-24: #F8FAFC;
    --theme-color-25: #20B26C;
    --theme-color-26: #F9F6FF;
    --theme-color-27: rgba(26, 30, 36, 0.05);
    --theme-color-28: rgba(252, 252, 253, 0.1);
    --theme-color-29: #44b344;
    --theme-color-30: #008000;
    --theme-color-31: #e5cd4b;
    --theme-color-32: #ffd700;
    --theme-color-33: #707070;
    --theme-color-34: #415e5a;
    --theme-color-35: rgba(0, 0, 0, 0.12);
    --theme-color-36: #140d1e;
    --theme-color-53: rgba(64, 5, 233, 0.30);
    --theme-color-54: rgba(72, 72, 72, 0.50);
    --theme-color-55: #3F3D56;
    --theme-color-56: rgba(24, 24, 24, 0.3);
    --theme-color-57: #4DBD7D;
    --theme-color-58: #AF4032;
    --theme-color-59: #3F4A4F;
    --theme-color-60: #343434;
    --theme-color-61: rgba(99, 77, 182, 0.00);
    --theme-color-62: #2C2C2C;
    --theme-color-63: #95D6BE;
    --theme-color-64: #26DA84;
    --theme-color-65: rgb(170 168 168 / 10%);
    --theme-color-66: #9FF1D1;
    --theme-color-67: #83F5C3;
    --theme-color-68: #7FDCC2;
    --theme-color-69: #78B2C1;
    --theme-color-70: #6F79BF;
    --theme-color-71: #6742BD;
    --theme-color-72: #3C148A;
    --theme-color-73: #e0edfb;
    --theme-color-74: rgba(2, 2, 4, 0.52);
    --theme-color-75: rgba(24, 32, 82, 0.05);
    --theme-color-76: #EF454A;
    --theme-color-77: rgba(187, 187, 187, 0.25);
    --theme-color-78: rgba(173, 173, 173, 0.10);
    --theme-color-79: #D1EAE8;
    --theme-color-80: #C1D6DF;
    --theme-color-81: #FF3D3D;
    --theme-color-82: #494949;
    --theme-color-83: #483272;
    --theme-color-84: #3D158A;
    --theme-color-85: rgba(20, 20, 22, 0.4);
    --theme-color-86: #636366;
    --theme-color-87: rgba(42, 191, 75, 0.20);
    --theme-color-88: #FF4D25;
    --theme-color-89: #3a3636;
    --theme-color-90: #656565;
    --theme-color-91: #EBE6FB;
    --theme-color-92: #4A1878;
    --theme-color-93: #85FFC4;
    --theme-color-94: rgba(203, 203, 203, 0.20);
    --theme-color-95: #efefef;
    --theme-color-96: #dfdfdf;
    --theme-color-97: #F4F0FD;
    --theme-color-98: #E0DAF0;
    --theme-color-99: #E8EEF6;
    --theme-color-100: #353638;
    --theme-color-101: #525354;
    --theme-color-102: #C5C8CD;
    --theme-color-103: rgba(0, 0, 0, 0.10);
    --theme-color-104: rgba(0, 0, 0, 0.09);
    --theme-color-105: rgba(0, 0, 0, 0.01);
    --theme-color-106: rgba(0, 0, 0, 0.00);
    --theme-color-107: rgba(61, 21, 139, 0.20);
    --theme-color-108: rgba(61, 21, 139, 0.6);
    --theme-color-109: rgba(103, 66, 189, 0.52);
    --theme-color-110: rgba(122, 119, 119, 0.40);
    --theme-color-111: rgba(62, 181, 135, 0.10);
    --theme-color-112: rgba(255, 255, 255, 0.2);
    --theme-color-113: rgba(255, 255, 255, 0.9);
    --theme-color-114: rgba(255, 255, 255, 0.8);
    --theme-color-116: rgba(255, 255, 255, 0.6);
    --theme-color-117: rgba(243, 241, 248, 0.30);
    --theme-color-119: rgba(255, 255, 255, 0.05);
    --theme-color-120: rgba(0, 0, 0, 0.4);
    --theme-color-121: rgba(0, 0, 0, 0.04);
    --theme-color-122: rgba(0, 0, 0, 0.05);
    --theme-color-123: rgba(0, 0, 0, 0.08);
    --theme-color-125: rgba(26, 30, 36, 0.35);
    --theme-color-126: rgba(0, 0, 0, 0.1);
    --theme-color-127: rgba(8, 0, 90, 0.00);
    --theme-color-128: rgba(8, 0, 90, 0.01);
    --theme-color-129: rgba(8, 0, 90, 0.09);
    --theme-color-130: rgba(8, 0, 90, 0.10);
    --theme-color-131: rgba(61, 21, 139, 0.2);
    --theme-color-132: rgba(65, 29, 135, 0.04);
    --theme-color-133: rgba(61, 21, 139, 0.09);
    --theme-color-134: rgba(61, 21, 139, 0.24);
    --theme-color-135: rgba(103, 66, 189, 0.10);
    --theme-color-136: rgba(84, 84, 84, 0.09);
    --theme-color-137: rgba(84, 84, 84, 0.05);
    --theme-color-138: rgba(84, 84, 84, 0.01);
    --theme-color-139: rgba(84, 84, 84, 0.00);

    --theme-gradient-bg: linear-gradient(180deg, var(--primary-color) 0%, var(--color-none-rgba) 100%);
    --theme-link-box-shadow: 0px 0px 0px 0px rgba(155, 137, 211, 0.10), 0px 5px 11px 0px rgba(155, 137, 211, 0.10), 0px 19px 19px 0px rgba(155, 137, 211, 0.09), 0px 43px 26px 0px rgba(155, 137, 211, 0.05), 0px 77px 31px 0px rgba(155, 137, 211, 0.01), 0px 120px 34px 0px rgba(155, 137, 211, 0.00);

    --bg: #f3f6ff;
    --bg-frames: #f7f9fb;
    --green-gdashboard: #3eb587;
    --text-color: #7a7777;
    --red: #ff0303;
    --secondary: #9ef1d1;
    --stroke: #f3f3f3;
    --text: #332f2f;

    --element-bg-10: rgba(61, 21, 139, 0.10);
    --element-bg-50: rgba(61, 21, 139, 0.50);
    --element-bg-60: rgba(61, 21, 139, 0.60);

    --scroll-bg: #E4E2F0;

    --border-color: rgba(61, 21, 139, 0.30);

    --btn-box-shadow: 0px 3px 7px 0px var(--theme-color-103), 0px 12px 12px 0px var(--theme-color-104), 0px 48px 19px 0px var(--theme-color-105), 0px 74px 21px 0px var(--theme-color-106);
    --btn-fill-color: var(--primary-color);
    --btn-fill-border-color: var(--theme-main);
    --btn-fill-bg: var(--theme-main);
    --btn-fill-hover-color: var(--theme-main);
    --btn-fill-hover-bg: var(--color-none);

    --btn-border-color: var(--theme-main);
    --btn-border-bg: var(--color-none);
    --btn-border-hover-color: var(--primary-color);
    --btn-border-hover-bg: var(--theme-main);

    --btn-arr_none-color: var(--theme-color-1);
    --btn-arr_none-hover-color: var(--primary-color);
    --btn-arr_none-hover-bg: var(--theme-color-1);

    --btn-arr_fill-color: var(--primary-color);
    --btn-arr_fill-bg: var(--theme-color-1);
    --btn-arr_fill-hover-color: var(--theme-color-1);
    --btn-arr_fill-hover-bg: var(--color-none);
    --lds-ring-color: var(--btn-border-color);
}

html[data-theme="dark"] {
    --primary-color: #140D1E;
    --secondary-color: #fff;

    --theme-main: #BFA3FF;
    --color-none: transparent;
    --color-none-rgba: rgba(255, 255, 255, 0.00);
    --theme-color-1: #411D87;

    --theme-gradient-bg: linear-gradient(180deg, rgba(160, 121, 249, 0.56) 0%, rgba(0, 0, 0, 0.00) 85%);
    --theme-link-box-shadow: 0px 0px 0px 0px rgba(155, 137, 211, 0.10), 0px 5px 11px 0px rgba(155, 137, 211, 0.10), 0px 19px 19px 0px rgba(155, 137, 211, 0.09), 0px 43px 26px 0px rgba(155, 137, 211, 0.05), 0px 77px 31px 0px rgba(155, 137, 211, 0.01), 0px 120px 34px 0px rgba(155, 137, 211, 0.00);

    --bg: #140D1E;
    --bg-frames: rgba(255, 255, 255, 0.05);
    --green-gdashboard: #3eb587; /* Y */
    --green-gdd: #bfa3ff;
    --text-color: #7a7777;

    --secondary: #9ef1d1;
    --stroke: #000;
    --text: #BDBDBD;

    --element-bg-10: rgba(61, 21, 139, 0.10);
    --element-bg-30: rgba(61, 21, 139, 0.30);
    --element-bg-60: rgba(61, 21, 139, 0.60);
    --scroll-bg: rgba(170, 170, 170, 1);

    --border-color: rgba(61, 21, 139, 0.30);

    --btn-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.10), 0px 12px 12px 0px rgba(0, 0, 0, 0.09), 0px 48px 19px 0px rgba(0, 0, 0, 0.01), 0px 74px 21px 0px rgba(0, 0, 0, 0.00);
    --btn-fill-color: var(--primary-color);
    --btn-fill-border-color: var(--theme-main);
    --btn-fill-bg: var(--theme-main);
    --btn-fill-hover-color: var(--theme-main);
    --btn-fill-hover-bg: var(--color-none);

    --btn-border-color: var(--theme-main);
    --btn-border-bg: var(--color-none);
    --btn-border-hover-color: var(--primary-color);
    --btn-border-hover-bg: var(--theme-main);

    --btn-arr_fill-color: var(--primary-color);
    --btn-arr_fill-bg: var(--theme-color-1);
    --btn-arr_fill-hover-color: var(--theme-color-1);
    --btn-arr_fill-hover-bg: var(--color-none);

    --theme-color-5: var(--theme-main);

    --theme-color-6: #717171;
    --theme-color-7: rgba(243, 241, 248, 0.05);
    --theme-color-8: #555555;
    --theme-color-9: #AAA; /* Y */

    --theme-color-10: #FF6868;
    --theme-color-11: #FF6868;
    --theme-color-12: #EA3424;
    --theme-color-14: rgba(255, 255, 255, 0.1);
    --theme-color-15: #fff;
    --theme-color-16: #aaa;
    --theme-color-17: #E64D25;
    --theme-color-18: rgba(155, 137, 211, 0.7);
    --theme-color-19: rgba(8, 0, 90, 0.05);
    --theme-color-20: #62B38A;
    --theme-color-22: rgba(84, 84, 84, 0.10);
    --theme-color-23: rgba(255, 3, 3, 0.10);
    --theme-color-24: #F8FAFC;
    --theme-color-25: #55BAB0; /* Y */
    --theme-color-26: #F9F6FF;
    --theme-color-27: rgba(26, 30, 36, 0.05);
    --theme-color-28: rgba(40, 12, 96, 0.60); /* Y */
    --theme-color-29: #44b344;
    --theme-color-30: #008000;
    --theme-color-31: #e5cd4b;
    --theme-color-32: #ffd700;
    --theme-color-33: #707070;
    --theme-color-34: #415e5a;
    --theme-color-35: rgba(0, 0, 0, 0.12);
    --theme-color-36: #140d1e;
    --theme-color-53: rgba(64, 5, 233, 0.30);
    --theme-color-54: rgba(72, 72, 72, 0.50);
    --theme-color-55: #3F3D56;
    --theme-color-56: #ffffff; /* Y */
    --theme-color-57: #4DBD7D;
    --theme-color-58: #AF4032;
    --theme-color-59: #3F4A4F;
    --theme-color-60: #343434;
    --theme-color-61: rgba(99, 77, 182, 0.00);
    --theme-color-62: #2C2C2C;
    --theme-color-63: #95D6BE;
    --theme-color-64: #26DA84;
    --theme-color-65: rgb(170 168 168 / 10%);
    --theme-color-66: #9FF1D1;
    --theme-color-67: #83F5C3;
    --theme-color-68: #7FDCC2;
    --theme-color-69: #78B2C1;
    --theme-color-70: #6F79BF;
    --theme-color-71: #6742BD;
    --theme-color-72: #3C148A;
    --theme-color-73: #e0edfb;
    --theme-color-74: rgba(2, 2, 4, 0.52);
    --theme-color-75: rgba(24, 32, 82, 0.05);
    --theme-color-76: #EF454A;
    --theme-color-77: rgba(187, 187, 187, 0.25);
    --theme-color-78: rgba(173, 173, 173, 0.10);
    --theme-color-79: #D1EAE8;
    --theme-color-80: #C1D6DF;
    --theme-color-81: #FF3D3D;
    --theme-color-82: #494949;
    --theme-color-83: #483272;
    --theme-color-84: #3D158A;
    --theme-color-85: rgba(20, 20, 22, 0.4);
    --theme-color-86: #636366;
    --theme-color-87: rgba(42, 191, 75, 0.20);
    --theme-color-88: #FF4D25;
    --theme-color-89: #3a3636;
    --theme-color-90: #656565;
    --theme-color-91: rgba(64, 5, 233, 0.10); /* Y */
    --theme-color-92: #BFA3FF; /* Y */
    --theme-color-93: #85FFC4;
    --theme-color-94: rgba(203, 203, 203, 0.20);
    --theme-color-95: #efefef;
    --theme-color-96: #dfdfdf;
    --theme-color-97: #F4F0FD;
    --theme-color-98: #E0DAF0;
    --theme-color-99: #E8EEF6;
    --theme-color-100: #353638;
    --theme-color-101: #525354;
    --theme-color-102: #525354; /* Y */
    --theme-color-103: rgba(0, 0, 0, 0.10);
    --theme-color-104: rgba(0, 0, 0, 0.09);
    --theme-color-105: rgba(0, 0, 0, 0.01);
    --theme-color-106: rgba(0, 0, 0, 0.00);
    --theme-color-107: rgba(61, 21, 139, 0.20);
    --theme-color-108: rgba(61, 21, 139, 0.6);
    --theme-color-109: rgba(103, 66, 189, 0.52);
    --theme-color-110: rgba(122, 119, 119, 0.40);
    --theme-color-111: rgba(62, 181, 135, 0.10);
    --theme-color-112: rgba(255, 255, 255, 0.2);
    --theme-color-113: rgba(255, 255, 255, 0.9);
    --theme-color-114: rgba(255, 255, 255, 0.8);
    --theme-color-116: rgba(255, 255, 255, 0.6);
    --theme-color-117: rgba(243, 241, 248, 0.30);
    --theme-color-119: rgba(158, 241, 209, 0.20); /* Y */
    --theme-color-120: rgba(0, 0, 0, 0.4);
    --theme-color-121: rgba(0, 0, 0, 0.04);
    --theme-color-122: rgba(0, 0, 0, 0.05);
    --theme-color-123: rgba(0, 0, 0, 0.08);
    --theme-color-125: rgba(26, 30, 36, 0.35);
    --theme-color-126: rgba(0, 0, 0, 0.1);
    --theme-color-127: rgba(8, 0, 90, 0.00);
    --theme-color-128: rgba(8, 0, 90, 0.01);
    --theme-color-129: rgba(8, 0, 90, 0.09);
    --theme-color-130: rgba(8, 0, 90, 0.10);
    --theme-color-131: rgba(61, 21, 139, 0.2);
    --theme-color-132: rgba(65, 29, 135, 0.04);
    --theme-color-133: rgba(61, 21, 139, 0.09);
    --theme-color-134: rgba(61, 21, 139, 0.24);
    --theme-color-135: rgba(103, 66, 189, 0.10);
    --theme-color-136: rgba(84, 84, 84, 0.09);
    --theme-color-137: rgba(84, 84, 84, 0.05);
    --theme-color-138: rgba(84, 84, 84, 0.01);
    --theme-color-139: rgba(84, 84, 84, 0.00);

    --theme-color-2: #411D87;
    --theme-color-3: #fff;
    --red: #ff0303;
    --red-light: #FF5757;

    --custom_ss: #1d0a41;

    --theme-dark-color: #280C60; /* Y */
    --theme-dark-border: rgba(191, 163, 255, 0.40); /* Y */
    --theme-dark-green: #20B26C; /* Y */

    --btn-arr_none-color: var(--theme-dark-color); /* Y */
    --btn-arr_none-hover-color: var(--primary-color); /* Y */
    --btn-arr_none-hover-bg: var(--theme-color-1); /* Y */
    --lds-ring-color: var(--theme-color-68);
}

html[data-theme="dark"] .header__logo-img, html[data-theme="dark"] .footer__logo-img {
    filter: brightness(0) saturate(100%) invert(62%) sepia(52%) saturate(372%) hue-rotate(212deg) brightness(101%) contrast(95%);
}
html[data-theme="dark"] .theme_switch__input:checked+.theme_switch__label .theme_moon_icon path {
    stroke: var(--secondary-color);
}
html[data-theme="dark"] .header__profile-link rect {
    stroke: var(--btn-fill-bg);
}
html[data-theme="dark"] .header__profile-link path {
    fill: var(--btn-fill-bg);
}
html[data-theme="dark"] .mbox_wrapper, html[data-theme="dark"] .section_2 .hero_crypto {
    box-shadow: none;
}
html[data-theme="dark"] .hero {
    padding-bottom: 40px;
    margin-bottom: -50px;
}
html[data-theme="dark"] .section_2 .box_wrapper {
    padding-top: 0;
}
html[data-theme="dark"] .hero_line, html[data-theme="dark"] .hero_line-w:after {
    height: 100%;
}
html[data-theme="dark"] .section_2 {
    position: relative;
    z-index: 2;
}
html[data-theme="dark"] .section_2 .box_wrapper {
    background: var(--color-none);
}
html[data-theme="dark"] .mbox_wrapper, html[data-theme="dark"] .box_swy {
    -webkit-backdrop-filter: blur(50px);
    -moz-backdrop-filter: blur(50px);
    -o-backdrop-filter: blur(50px);
    backdrop-filter: blur(50px);
    background: transparent;
}
html[data-theme="dark"] .s3_text, html[data-theme="dark"] .s4_slide-tag, html[data-theme="dark"] .s4_slide-title, html[data-theme="dark"] .s4_slide-subtitle,
html[data-theme="dark"] .cl_a_few, html[data-theme="dark"] .cl_count_m, html[data-theme="dark"] .reg_tx, html[data-theme="dark"] .tx_swy_text {
    color: var(--secondary-color);
}
html[data-theme="dark"] .s4_slide-bold::after, html[data-theme="dark"] .s4_slide-item::before {
    background: var(--secondary-color);
}
html[data-theme="dark"] .s4_slide-content::before {
    background: linear-gradient(110deg, rgba(103, 66, 189, 0.52) 11.92%, rgba(2, 2, 4, 0.52) 96.81%);
}
html[data-theme="dark"] .box_swy {
    border: 1px solid rgba(191, 163, 255, 0.30);
    background: rgba(255, 255, 255, 0.05);
    box-shadow: none;
}
html[data-theme="dark"] .section_6 {
    background-image: url(/img/temp_4/bg_vek-dark.svg);
    padding-bottom: 100px;
    background-position: unset;
}
html[data-theme="dark"] .section_6 .img_tel_l {
    content: url("/img/temp_4/img_mnb-min-dark.webp");
}
html[data-theme="dark"] .section_6 .s6_wrapper.box_wrapper {
    padding-bottom: 0;
}
html[data-theme="dark"] .s5_elem-title {
    margin: 0 -24px;
    padding-left: 24px;
    padding-right: 24px;
    padding-bottom: 6px;
    border-bottom: 1px solid var(--theme-dark-border);
}
html[data-theme="dark"] .s4_slide-content::before {
    opacity: 1;
}
html[data-theme="dark"] .s4_slide-tag {
    background-color: #3D158B;
}
html[data-theme="dark"] .s5_elem-item:nth-child(2) {
    color: var(--secondary-color);
}
html[data-theme="dark"] .s5_elem-item.change__up {
    color: var(--theme-dark-green);
}
html[data-theme="dark"] .s5_cleft,
html[data-theme="dark"] .s5_cright {
    -webkit-backdrop-filter: blur(25px);
    -moz-backdrop-filter: blur(25px);
    -o-backdrop-filter: blur(25px);
    backdrop-filter: blur(25px);
    background-color: var(--bg-frames);
}
html[data-theme="dark"] .crpt-link-border {
    color: var(--theme-main);
    border-color: var(--theme-main);
}
html[data-theme="dark"] .card-body {
    border: 1px solid var(--theme-main);
}
html[data-theme="dark"] .crpt-link-border:hover {
    color: var(--theme-dark-color);
    background-color: var(--theme-main);
}
html[data-theme="dark"] .box_fin_c,
html[data-theme="dark"] .cls_bx_bsh {
    -webkit-backdrop-filter: blur(25px);
    -moz-backdrop-filter: blur(25px);
    -o-backdrop-filter: blur(25px);
    backdrop-filter: blur(25px);
    background-color: var(--bg-frames);
}
html[data-theme="dark"] .bsh_img {
    filter: brightness(0) saturate(100%) invert(76%) sepia(30%) saturate(3983%) hue-rotate(203deg) brightness(100%) contrast(107%);
}
html[data-theme="dark"] .default__input::placeholder,
html[data-theme="dark"] .profile__user-field input::placeholder,
html[data-theme="dark"] .promo-code__input::placeholder,
html[data-theme="dark"] .stake-calc-days__text,
html[data-theme="dark"] .wallet__stake-calc__text,
html[data-theme="dark"] .overview-main__total-title,
html[data-theme="dark"] .staking-main__total-title,
html[data-theme="dark"] .roadmap__step-item,
html[data-theme="dark"] .s_about .article__text,
html[data-theme="dark"] .second_referral .article__text,
html[data-theme="dark"] .second_content-box .second_content-box-body,
html[data-theme="dark"] .second_content-wimg.header_bm .article__text,
html[data-theme="dark"] .second_content-wimg.header_bm .article__list {
    color: var(--theme-color-16);
}
html[data-theme="dark"] .profile__header-title,
html[data-theme="dark"] .convert-item__amount,
html[data-theme="dark"] .convert-item__title,
html[data-theme="dark"] .accordion__text,
html[data-theme="dark"] .roadmap__step-title,
html[data-theme="dark"] .second_content-box-title,
html[data-theme="dark"] .error_alternative_link,
html[data-theme="dark"] .header_bm .article__header,
html[data-theme="dark"] .box_for_cont .article__title,
html[data-theme="dark"] .trade-main__invite-text,
html[data-theme="dark"] .trade-main__header,
html[data-theme="dark"] .trade-sidebar__header-title,
html[data-theme="dark"] .trade-header__change-value,
html[data-theme="dark"] .trade-header__bottom-uptext,
html[data-theme="dark"] .fa2__box h5,
html[data-theme="dark"] .promo-code__form-title {
    color: #FFFDFD;
}
html[data-theme="dark"] .accordion__title,
html[data-theme="dark"] .s7_title,
html[data-theme="dark"] .bsh_title,
html[data-theme="dark"] .s8_counter,
html[data-theme="dark"] .cl_bnmx,
html[data-theme="dark"] .cl_vox_3,
html[data-theme="dark"] .vox_title {
    color: var(--secondary-color);
}
html[data-theme="dark"] .vox_link {
    background: var(--theme-gradient-bg);
}
html[data-theme="dark"] .vox_link svg path {
    fill: var(--theme-main);
}
html[data-theme="dark"] .rg_vox_c svg path {
    stroke: var(--theme-main);
}

html[data-theme="dark"] .btn-fill svg path,
html[data-theme="dark"] .link-fill svg path {
    transition: .3s;
    fill: var(--theme-main);
}

html[data-theme="dark"] .gl_2fa_btn:hover,
html[data-theme="dark"] .btn-fill:hover,
html[data-theme="dark"] .link-fill:hover {
    color: var(--theme-main);
    border-color: rgba(191, 163, 255, 0.10);
    background-color: var(--bg-frames);
}
html[data-theme="dark"] .btn-fill:hover svg path,
html[data-theme="dark"] .link-fill:hover svg path {
    fill: #3D158B;
}

html[data-theme="dark"] .btn-border,
html[data-theme="dark"] .link-border {
    color: var(--theme-main);
    border-color: rgba(191, 163, 255, 0.10);
    background-color: var(--bg-frames);
}
html[data-theme="dark"] .btn-border.btn-ticket {
    color: var(--theme-color-68);
    border-color: rgba(191, 163, 255, 0.10);
    background-color: var(--bg-frames);
    border: 1px solid var(--theme-color-68);
}
html[data-theme="dark"] .btn-border.btn-ticket:hover {
    background-color: var(--theme-color-68);
    color: var(--btn-border-hover-color);
}
html[data-theme="dark"] .btn-border svg,
html[data-theme="dark"] .link-border svg {
    filter: none !important;
}
html[data-theme="dark"] .btn-border svg path,
html[data-theme="dark"] .link-border svg path {
    transition: .3s;
    fill: var(--theme-main);
}
html[data-theme="dark"] .btn-border:hover svg path,
html[data-theme="dark"] .link-border:hover svg path {
    fill: var(--theme-dark-color);
}

html[data-theme="dark"] .link-arr_none {
    color: var(--btn-arr_none-color);
    background-color: var(--btn-fill-bg);
    border: 1px solid var(--btn-fill-border-color);
}
html[data-theme="dark"] .link-arr_none:hover {
    color: var(--btn-fill-hover-color);
    border-color: rgba(191, 163, 255, 0.10);
    background-color: var(--bg-frames);
}
html[data-theme="dark"] .link-arr_none svg,
html[data-theme="dark"] .link-arr_fill svg {
    filter: none;
}
html[data-theme="dark"] .link-arr_none svg path,
html[data-theme="dark"] .link-arr_fill svg path {
    transition: .3s;
    fill: var(--theme-dark-color);
}
html[data-theme="dark"] .wallet__box {
    border-color: var(--element-bg-50);
}
html[data-theme="dark"] .wallet__article-title {
    color: var(--secondary-color);
}
html[data-theme="dark"] .header__mobile-list .header__menu-link,
html[data-theme="dark"] .wallet__menu .wallet__menu-link {
    color: var(--theme-color-16);
}
html[data-theme="dark"] .wallet__menu .wallet__menu-link svg,
html[data-theme="dark"] .header__mobile-list .header__menu-link svg {
    filter: none;
}
html[data-theme="dark"] .header__mobile-list .header__menu-link svg path,
html[data-theme="dark"] .wallet__menu .wallet__menu-link svg path {
    fill: var(--theme-main);
}
html[data-theme="dark"] .header__mobile-list .header__menu-link:hover,
html[data-theme="dark"] .wallet__menu .wallet__menu-link:hover {
    color: var(--theme-main);
    background-color: var(--theme-color-1);
    box-shadow: 0px 4px 14px 0px rgba(66, 48, 122, 0.50);
}
html[data-theme="dark"] .header__mobile-list .header__menu-link:hover svg path,
html[data-theme="dark"] .wallet__menu .wallet__menu-link:hover svg path {
    fill: var(--theme-main);
}
html[data-theme="dark"] .ref__table-search-btn svg g,
html[data-theme="dark"] .overview-main__search-btn svg g {
    opacity: 1;
}
html[data-theme="dark"] .ref__table-search-btn svg g path,
html[data-theme="dark"] .overview-main__search-btn svg g path {
    fill: var(--theme-main);
}
html[data-theme="dark"] .ref__table-reload svg path {
    stroke: var(--theme-main)
}
html[data-theme="dark"] .asset-balance__table-head .asset-balance__table-item,
html[data-theme="dark"] .convert__table-head .asset-balance__table-item,
html[data-theme="dark"] .staking__table-head .staking__table-item,
html[data-theme="dark"] .session__table-head .session__table-item,
html[data-theme="dark"] .transaction__table-head .transaction__table-item,
html[data-theme="dark"] .session__table-item-title,
html[data-theme="dark"] .asset-balance__table-title,
html[data-theme="dark"] .staking__table-title,
html[data-theme="dark"] .transaction__table-title {
    opacity: 1;
    color: var(--secondary-color);
}
html[data-theme="dark"] .wallet__convert-drop__arrow svg path {
    fill: #A475FF;
}
html[data-theme="dark"] .convert-item {
    box-shadow: none;
    border-color: var(--element-bg-10);
    background-color: rgba(62, 181, 135, 0.20);
}
html[data-theme="dark"] .wallet__stake-calc__desc svg path {
    fill: var(--theme-main);
}
html[data-theme="dark"] .btn-calc svg path {
    stroke: var(--theme-color-16);
}
html[data-theme="dark"] .staking-table__message,
html[data-theme="dark"] .transaction-table__message {
    color: var(--theme-color-16);
}

html[data-theme="dark"] .header__profile-item:hover {
    background-color: var(--theme-color-7);
}
html[data-theme="dark"] .header__profile-list {
    border: 1px solid rgba(40, 12, 96, 0.40);
}

html[data-theme="dark"] .link-arr_none:hover svg path,
html[data-theme="dark"] .link-arr_fill:hover svg path {
    fill: var(--btn-fill-hover-color)
}
html[data-theme="dark"] .second_page-title {
    color: var(--secondary-color);
}
html[data-theme="dark"] .sm_privacy .article__text,
html[data-theme="dark"] .sm_terms .article__text {
    color: var(--theme-color-16);
}
html[data-theme="dark"] .box_for_cont {
    background-color: var(--bg-frames);
}
html[data-theme="dark"] .second_content-box-header svg path {
    fill: #A475FF;
}
html[data-theme="dark"] .error_alternative_link::after {
    background-color: #FFFDFD;
}
html[data-theme="dark"] .footer__link {
    color: var(--theme-color-6);
}
html[data-theme="dark"] .footer__link:hover {
    color: var(--theme-main);
}
html[data-theme="dark"] .footer__copyright {
    border-top: 1px solid rgba(122, 119, 119, 0.10);
}
html[data-theme="dark"] .roadmap__step-item::after {
    background-color: var(--theme-color-16);
}
html[data-theme="dark"] .article__text.lim {
    color: var(--secondary-color);
}
html[data-theme="dark"] .s_about .box_for_cont,
html[data-theme="dark"] .second-fees .box_for_cont,
html[data-theme="dark"] .second_referral .box_for_cont,
html[data-theme="dark"] .second_risk .box_for_cont.nw_bg {
    background: linear-gradient(180deg, rgba(160, 121, 249, 0.56) 0%, rgba(0, 0, 0, 0.00) 85%);
    box-shadow: 0px 687px 412px 0px rgba(8, 0, 90, 0.05), 0px 1221px 488px 0px rgba(8, 0, 90, 0.01), 0px 1907px 534px 0px rgba(8, 0, 90, 0.00);
}
html[data-theme="dark"] .second-fees .article__text,
html[data-theme="dark"] .s_about .article__address {
    color: var(--secondary-color);
}
html[data-theme="dark"] .roadmap__step_arrow svg path {
    fill: #A475FF;
}
html[data-theme="dark"] .trade__box {
    border-color: var(--element-bg-50);
}
html[data-theme="dark"] .blockchain__input,
html[data-theme="dark"] .default__input,
html[data-theme="dark"] .profile__user-field input,
html[data-theme="dark"] .promo-code__input,
html[data-theme="dark"] .trade-graphics__switch-title,
html[data-theme="dark"] .trade-graphics__header-caption,
html[data-theme="dark"] .trade-graphics__field-title,
html[data-theme="dark"] .trsb__content-sb .trade-sidebar__row-item:first-of-type,
html[data-theme="dark"] .trade-sidebar__row-item:nth-child(2),
html[data-theme="dark"] .trade-sidebar__row-item:nth-child(3) {
    color: #F1F1F1;
}
html[data-theme="dark"] .default__input,
html[data-theme="dark"] .profile__user-field input,
html[data-theme="dark"] .promo-code__input {
    background-color: rgba(186, 142, 206, 0.13);
}
html[data-theme="dark"] .profile__user-password input {
    background-color: transparent;
}
html[data-theme="dark"] .price {
    color: var(--text);
}
html[data-theme="dark"] .price.trade-header__up {
    color: var(--green-gdashboard);
}
html[data-theme="dark"] .trade-main__invite {
    background-color: #1F1734;
}
html[data-theme="dark"] .trade-main__invite svg path {
    stroke: var(--theme-main);
}
html[data-theme="dark"] .trade-main__invite svg path:nth-child(2) {
    stroke: none;
    fill: var(--theme-main);
}
html[data-theme="dark"] .trade-table__active,
html[data-theme="dark"] .trade-graphics__switch-active {
    color: var(--stroke);
}
html[data-theme="dark"] .trade-graphics__field-currency {
    color: var(--text);
}
html[data-theme="dark"] .trade-sidebar__search-input {
    border-color: rgba(62, 181, 135, 0.5);
    background-color: transparent;
    color: #F1F1F1;
}
html[data-theme="dark"] .trade-sidebar__search-input::placeholder {
    color: #F1F1F1;
}
html[data-theme="dark"] .trade-btn__sell {
    border-color: var(--red-light);
    background-color: var(--red-light);
}
html[data-theme="dark"] .btn-fill.trade-btn__sell:hover {
    border-color: var(--red-light);
    color: var(--red-light);
    background-color: transparent;
}
html[data-theme="dark"] .btn-fill.trade-btn__buy:hover {
    border-color: var(--green-gdashboard);
    color: var(--green-gdashboard);
    background-color: transparent;
}
html[data-theme="dark"] .lds-ellipsis div,
html[data-theme="dark"] .lds-spinner div:after {
    background: var(--theme-main);
}
html[data-theme="dark"] .overview-main__search-input {
    padding-top: 12px;
    padding-bottom: 12px;
    color: #AAAAAA;
    border-color: var(--element-bg-60);
    background-color: rgba(255, 255, 255, 0.13);
}
html[data-theme="dark"] .ref__table-search-input {
    padding-top: 12px;
    padding-bottom: 12px;
    color: #AAAAAA;
    border-color: var(--element-bg-60);
    background-color: rgba(255, 255, 255, 0.13);
}
html[data-theme="dark"] .ref__table-search-input::-webkit-input-placeholder,
html[data-theme="dark"] .overview-main__search-input::-webkit-input-placeholder {
   color: #AAAAAA;
}
html[data-theme="dark"] .ref__table-search-input:-moz-placeholder,
html[data-theme="dark"] .overview-main__search-input:-moz-placeholder {
   color: #AAAAAA;
}
html[data-theme="dark"] .ref__table-search-input::-moz-placeholder,
html[data-theme="dark"] .overview-main__search-input::-moz-placeholder {
   color: #AAAAAA;
}
html[data-theme="dark"] .ref__table-search-input:-ms-input-placeholder,
html[data-theme="dark"] .overview-main__search-input:-ms-input-placeholder {
   color: #AAAAAA;
}
html[data-theme="dark"] .wallet__title-min,
html[data-theme="dark"] .account-balance__value {
    color: var(--secondary-color);
}
html[data-theme="dark"] .account-balance__name-img path, html[data-theme="dark"] .deposit-copy svg path {
    fill: var(--theme-main);
}
html[data-theme="dark"] .shadow-vw:before,
html[data-theme="dark"] .body__shadow .wallet__wrapper::before,
html[data-theme="dark"] .body__shadow .profile__wrapper::before {
    background-color: rgba(21, 21, 21, 0.50);
}
html[data-theme="dark"] .wallet__gift .header__menu-link,
html[data-theme="dark"] .wallet__gift .wallet__menu-link {
    background: transparent !important;
    border: 1px solid var(--btn-fill-border-color);
    box-shadow: 0px 4px 14px 0px rgba(66, 48, 122, 0.50) !important;
    color: var(--btn-fill-border-color) !important;
}
html[data-theme="dark"] .wallet__gift .header__menu-link:hover,
html[data-theme="dark"] .wallet__gift .wallet__menu-link:hover {
    background-color: var(--btn-border-hover-bg) !important;
    color: var(--btn-border-hover-color) !important;
}
html[data-theme="dark"] .wallet__gift .header__menu-link:hover path,
html[data-theme="dark"] .wallet__gift .wallet__menu-link:hover path {
    fill: var(--btn-border-hover-color) !important;
}
html[data-theme="dark"] .alert-close {
    border-color: var(--bg-frames);
}
html[data-theme="dark"] .alert-close path {
    stroke: var(--theme-main);
}
html[data-theme="dark"] .alert.alert-danger {
    color: var(--red-light);
}
html[data-theme="dark"] .alert-danger .alert-line {
    background: var(--red-light);
}
html[data-theme="dark"] .alert.alert-success {
    color: var(--green-gdashboard);
}
html[data-theme="dark"] .alert-success .alert-line {
    background: var(--green-gdashboard);
}
html[data-theme="dark"] .wallet__poppup-head__close path, html[data-theme="dark"] .poppup__field-arrow path {
    stroke: var(--theme-main) !important;
}
html[data-theme="dark"] .wallet__poppup-wrapper {
    border: 1px solid var(--element-bg-50);
}
html[data-theme="dark"] .wallet__poppup-field__drop {
    border: 1px solid rgba(61, 21, 139, 0.60);
    background: #281E34;
    border-radius: 12px;
    margin-top: 12px;
}
html[data-theme="dark"] .wallet__poppup-field__drop.active {
    border-radius: 12px 12px 0 0;
}
html[data-theme="dark"] .poppup__field-box {
    background: #281E34;
    border-left: 1px solid rgba(61, 21, 139, 0.60);
    border-right: 1px solid rgba(61, 21, 139, 0.60);
    border-bottom: 1px solid rgba(61, 21, 139, 0.60);
}
html[data-theme="dark"] .wallet__convert-drop__list,
html[data-theme="dark"] .stake-drop__list {
    background: #281E34;
    border: 1px solid rgba(61, 21, 139, 0.60);
}
html[data-theme="dark"] .wallet__convert-drop__item:hover,
html[data-theme="dark"] .stake-drop__item:hover {
    background-color: rgba(191, 163, 255, 0.30);
}
html[data-theme="dark"] .poppup__field-input__text {
    color: #F1F1F1;
    font-size: 16px;
}
html[data-theme="dark"] .poppup__field-item:hover,
html[data-theme="dark"] .select_field-item:hover {
    background-color: rgba(191, 163, 255, 0.30);
}
html[data-theme="dark"] .poppup__field-box .overview-main__search-input {
    background: rgba(191, 163, 255, 0.30) !important;
    border: none;
    border-bottom: 1px solid rgba(61, 21, 139, 0.60);
}
html[data-theme="dark"] .poppup__field-list, html[data-theme="dark"] .poppup__field-box {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}
html[data-theme="dark"] .g2fa__form #one_time_password,
html[data-theme="dark"] .blockchain__input,
html[data-theme="dark"] .wallet__deposit-address__input,
html[data-theme="dark"] .poppup-field__parent-input,
html[data-theme="dark"] .fa2__input,
html[data-theme="dark"] .wrp_select_m {
    background-color: rgba(186, 142, 206, 0.13);
    border: 1px solid rgba(65, 29, 135, 0.50);
}
html[data-theme="dark"] .poppup-field__text,
html[data-theme="dark"] .poppup-field__parent-input,
html[data-theme="dark"] .wallet__poppup-balance,
html[data-theme="dark"] .fa2__input,
html[data-theme="dark"] .g2fa__form #one_time_password,
html[data-theme="dark"] .wrp_select_m,
html[data-theme="dark"] .t-ticket__date {
    color: #AAA;
}
html[data-theme="dark"] .poppup-field__max {
    background: var(--theme-main);
    color: var(--btn-fill-color) !important;
    border: 1px solid var(--theme-main);
}
html[data-theme="dark"] .header__menu-item.active .header__menu-link,
html[data-theme="dark"] .wallet__menu-item.active .wallet__menu-link,
html[data-theme="dark"] .profile__menu-item.active .profile__menu-link,
html[data-theme="dark"] .profile__menu-link:hover {
    box-shadow: 0px 4px 14px 0px rgba(66, 48, 122, 0.50);
}
html[data-theme="dark"] .header__profile-img path, html[data-theme="dark"] .profile__menu-link__icon path, html[data-theme="dark"] .select_field-arrow path {
    fill: var(--theme-main);
}
html[data-theme="dark"] .fa2-app_link svg path {
    fill: var(--btn-fill-color) !important;
}
html[data-theme="dark"] .fa2-app_link:hover svg path {
    fill: var(--theme-main) !important;
}
html[data-theme="dark"] .select_field-box {
    background: #32293E;
}
html[data-theme="dark"] .tickets__body .tickets__ticket {
    padding: 5px;
    border-radius: 8px;
    background-color: var(--bg-frames);
}
html[data-theme="dark"] .theme_switch__label .switch-theme_select {
    background-color: var(--theme-color-36);
    transform: translateX(calc(100% + 4px));
    box-shadow: 0px 10.76364px 21.52727px 0px var(--theme-color-35);
}
html[data-theme="dark"] .theme_switch__label {
    background-color: var(--theme-color-100);
}
html[data-theme="dark"] .theme_switch__input+.theme_switch__label .theme_moon_icon svg path {
    stroke: var(--secondary-color);
}
html[data-theme="dark"] .theme_switch__label .theme_sun_icon path {
    stroke: var(--theme-color-102);
}
html[data-theme="dark"] section.hero:before {
    content: "";
    position: absolute;
    height: 200px;
    width: 200px;
    background: url(/img/bg-min.webp);
}
html[data-theme="dark"] section.hero:before {
    content: "";
    position: absolute;
    height: 700px;
    width: 700px;
    background: url(/img/temp_4/bg-min.webp);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top left;
    top: 0;
    left: 0;
}
html[data-theme="dark"] .ticket__title, html[data-theme="dark"]  .t-ticket__title {
    color: var(--secondary-color);
}
html[data-theme="dark"] .ticket__close {
    filter: none;
}
html[data-theme="dark"] .ticket-send {
    background-image: url(/img/temp_4/send_l.svg);
}
html[data-theme="dark"] .ticket_field,
html[data-theme="dark"] .ticket-field__drop {
    background-color: rgba(186, 142, 206, 0.13);
}
html[data-theme="dark"] .hero__tickets {
    background-color: var(--custom_ss);
}
html[data-theme="dark"] .ticket_field {
    border: 1px solid var(--theme-color-68);
    background: transparent;
}
html[data-theme="dark"] .ticket__field-box {
    background-color: #2a1e34;
}
html[data-theme="dark"] .ticket__field-arrow {
    filter: invert(0);
}
html[data-theme="dark"] .blockchain__mobile-enter svg path {
    fill: var(--primary-color);
}
html[data-theme="dark"] .blockchain_btn.btn_disabled {
    background-color: #A475FF;
    border-color: unset;
}
html[data-theme="dark"] .blockchain__item-remove path {
    stroke: var(--primary-color);
}
html[data-theme="dark"] .referral__invite-block {
    background-color: rgba(186, 142, 206, 0.13);
    box-shadow: none;
}
html[data-theme="dark"] .referral__invite-copy svg path:first-of-type {
    stroke: var(--theme-main);
}
html[data-theme="dark"] .referral__invite-copy svg path:last-of-type {
    fill: var(--theme-main);
}
html[data-theme="dark"] .referral-item__value {
    color: var(--secondary-color);
}
html[data-theme="dark"] .tmessage__to .box-messg {
    background-color: var(--theme-color-14);
}
html[data-theme="dark"] .tmessage__from .box-messg {
    background-color: var(--theme-color-68);
}
html[data-theme="dark"] .ticket__message .tmessage_text {
    color: var(--secondary-color);
}
html[data-theme="dark"] .ticket__message.tmessage__from .tmessage_text {
    color: var(--stroke);
}
html[data-theme="dark"] .wallet__gift-label {
    color: var(--secondary-color);
}
html[data-theme="dark"] .header__burger-menu path {
    stroke: #FFFDFD;
}
html[data-theme="dark"] .card__else-link {
    color: var(--theme-main);
}
html[data-theme="dark"] .buy-crypto__text {
    color: var(--theme-color-16);
}
html[data-theme="dark"] .second_main.sm_bcrp.cl_bg_m {
    background-image: none;
}
html[data-theme="dark"] .g2fa__page {
    background-color: var(--primary-color);
}
html[data-theme="dark"] .g2fa__body {
    color: var(--theme-color-16);
}
html[data-theme="dark"] .body2.white.withdraw-info_w100.withdraw-print_text b:first-of-type {
    color: var(--secondary-color);
}
html[data-theme="dark"] .box-date {
    color: var(--secondary-color);
}
html[data-theme="dark"] .ticket-create_ticket .ticket-field__drop {
    border: 1px solid var(--theme-color-68);
    background: transparent;
}
html[data-theme="dark"] .btn-border.btn_ticket-send {
    color: var(--theme-color-68);
    border-color: 1px solid var(--theme-color-68);
    background-color: var(--bg-frames);
}
html[data-theme="dark"] .btn-border.btn_ticket-send:hover {
    color: var(--btn-border-hover-color);
    border-color: 1px solid var(--theme-color-68);
    background-color: var(--theme-color-68);
}
html[data-theme="dark"] .ticket-create_ticket .ticket__field-box {
    background-color: var(--theme-color-36);
    border-left: 1px solid var(--theme-color-68);
    border-right: 1px solid var(--theme-color-68);
    border-bottom: 1px solid var(--theme-color-68);
}


@media screen and (max-width: 800px) {
    html[data-theme="dark"] .link-arr_none {
        padding: 16px 24px;
    }
    html[data-theme="dark"] .section_4 {
        padding-bottom: 39px;
        margin-bottom: 0;
    }
    html[data-theme="dark"] .s5_header {
        gap: 10px;
    }
    html[data-theme="dark"] .s5_cright {
        overflow: hidden;
    }
    html[data-theme="dark"] .section_6 {
        margin-top: 20px;
        padding-bottom: 39px;
        background-position: 0% -200%;
    }
}

.ticket-create_ticket .ticket_field {
    margin: 0;
}

.page_is_loading:after {
    position: fixed;
    content: '';
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 100%;
    width: 100%;
    z-index: 1000;
    background-color: #F4F6FE;
}
html[data-theme="dark"] .page_is_loading:after {
    background-color: #000;
}
.page_main_loading {
    position: fixed;
    width: fit-content;
    z-index: 10001;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
@keyframes ldio-9i8at28fpcn {
    0% { transform: rotate(0) }
    100% { transform: rotate(360deg) }
}
.ldio-9i8at28fpcn div {
    box-sizing: border-box !important
}

.ldio-9i8at28fpcn>div {
    position: absolute;
    width: 144px;
    height: 144px;
    top: 28px;
    left: 28px;
    border-radius: 50%;
    border: 16px solid #F4F6FE;
    border-color: var(--theme-main) transparent var(--theme-main) transparent;
    animation: ldio-9i8at28fpcn 1s linear infinite;
}

html[data-theme="dark"] .ldio-9i8at28fpcn>div {
    border: 16px solid #000;
    border-color: var(--theme-color-1) transparent var(--theme-color-1) transparent;
}

.ldio-9i8at28fpcn>div:nth-child(2),
.ldio-9i8at28fpcn>div:nth-child(4) {
    width: 108px;
    height: 108px;
    top: 46px;
    left: 46px;
    animation: ldio-9i8at28fpcn 1s linear infinite reverse;
}
.ldio-9i8at28fpcn>div:nth-child(2) {
    border-color: transparent var(--theme-main) transparent var(--theme-main)
}
.ldio-9i8at28fpcn>div:nth-child(3) {
    border-color: transparent
}
.ldio-9i8at28fpcn>div:nth-child(3) div {
    position: absolute;
    width: 100%;
    height: 100%;
    transform: rotate(45deg);
}
.ldio-9i8at28fpcn>div:nth-child(3) div:before,
.ldio-9i8at28fpcn>div:nth-child(3) div:after {
    content: "";
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    top: -16px;
    left: 48px;
    background: var(--theme-color-1);
    border-radius: 50%;
    box-shadow: 0 128px 0 0 var(--theme-color-1);
}
.ldio-9i8at28fpcn>div:nth-child(3) div:after {
    left: -16px;
    top: 48px;
    box-shadow: 128px 0 0 0 var(--theme-color-1);
}
.ldio-9i8at28fpcn>div:nth-child(4) {
    border-color: transparent;
}
.ldio-9i8at28fpcn>div:nth-child(4) div {
    position: absolute;
    width: 100%;
    height: 100%;
    transform: rotate(45deg);
}
.ldio-9i8at28fpcn>div:nth-child(4) div:before,
.ldio-9i8at28fpcn>div:nth-child(4) div:after {
    content: "";
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    top: -16px;
    left: 30px;
    background: var(--theme-main);
    border-radius: 50%;
    box-shadow: 0 92px 0 0 var(--theme-main);
}
.ldio-9i8at28fpcn>div:nth-child(4) div:after {
    left: -16px;
    top: 30px;
    box-shadow: 92px 0 0 0 var(--theme-main);
}
.loadingio-spinner-double-ring-wv015q16wln {
    width: 200px;
    height: 200px;
    display: inline-block;
    overflow: hidden;
    /* background: #ffffff; */
}
.ldio-9i8at28fpcn {
    width: 100%;
    height: 100%;
    position: relative;
    transform: translateZ(0) scale(1);
    backface-visibility: hidden;
    transform-origin: 0 0;
    /* see note above */
}
.ldio-9i8at28fpcn div {
    box-sizing: content-box;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

ul,
ol {
    margin: 0;
    padding: 0;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
figure,
figcaption,
blockquote,
dl,
dd {
    margin: 0;
    font-family: 'Manrope', sans-serif;
}

li {
    list-style: none;
}

a {
    text-decoration: none;
}

.trade__page {
    width: 100%;
}

button {
    background-color: var(--color-none);
    outline: none;
    border: 0;
    cursor: pointer;
    font-family: 'Manrope', sans-serif;
}

input {
    outline: none;
    border: 0;
    font-family: 'Manrope', sans-serif;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

img {
    max-width: 100%;
    display: block;
}

p {
    font-size: 14px;
    line-height: 1.4em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Manrope', sans-serif;
    line-height: 1.2em;
}

a {
    line-height: 1em;
}

body {
    font-family: 'Manrope', sans-serif;
}

body::-webkit-scrollbar {
    width: 6px;
}

body::-webkit-scrollbar-track {
    background: var(--element-bg-10);
}

body::-webkit-scrollbar-thumb {
    background: var(--theme-color-107);
    border-radius: 20px;
    transition: .3s;
}

body::-webkit-scrollbar-thumb:hover {
    background: var(--border-color);
}

.second_page-title {
    text-align: center;
}

.page-bg {
    background-color: var(--bg);
    display: flex;
    flex-wrap: wrap;
    min-height: 100vh;
    align-content: space-between;
}

.container {
    margin: 0 auto;
    width: 100%;
    max-width: calc(1270px - 30px);
    padding-left: 20px;
    padding-right: 20px;
}

.footer__container {
    margin: 0 auto;
    width: 100%;
    max-width: calc(1376px - 30px);
    padding-left: 15px;
    padding-right: 15px;
}

.header__wrapper {
    background-color: var(--primary-color);
    transition: .3s;
    width: 100%;
    position: fixed;
    z-index: 900;
    top: 0;
}

.header__container {
    margin: 0 auto;
    width: 100%;
    max-width: calc(1376px - 30px);
    padding: 10px 15px;
    background-color: var(--primary-color);
    transition: .3s;
}

.header {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header__logo {
    z-index: 1000;
}

.header__logo,
.footer__logo {
    color: var(--primary-color);
    display: flex;
    align-items: center;
}

.header__logo-img,
.footer__logo-img {
    margin-right: 5px;
    width: 29px;
    height: 29px;
    filter: brightness(0) saturate(100%) invert(11%) sepia(35%) saturate(7499%) hue-rotate(259deg) brightness(97%) contrast(103%);
}

.header__logo-text,
.footer__logo-text {
    color: var(--theme-main);
    font-family: "Manrope", sans-serif;
    text-transform: uppercase;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
}

.header__menu-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}

.header__menu-link {
    cursor: pointer;
    color: var(--secondary-color);
    font-family: "Manrope", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
}

.header__menu-link.hero__chat {
    position: relative;
    z-index: 1;
    right: auto;
    bottom: auto;
    display: flex;
    align-items: center;
    width: auto;
    background: var(--color-none);
    color: var(--secondary-color);
    border-radius: 0px;
    padding: 0;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 1em;
    cursor: pointer;
}

.header__mobile-menu .header__menu-link {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 12px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 400;
}

.header__mobile-menu .header__menu-link:hover {
    background: var(--element-bg-10);
}

.wallet__menu .wallet__menu-link {
    transition: .3s;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 11px 15px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 400;
    color: var(--secondary-color);
    border: 1px solid var(--color-none);
}

.wallet__menu-link:hover {
    border-radius: 8px;
    border: 1px solid var(--element-bg-10);
    background: var(--theme-color-2);
    box-shadow: var(--theme-link-box-shadow);
}

.profile__menu .profile__menu-link {
    transition: .3s;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 15px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 400;
    color: var(--text);
    border: 1px solid var(--color-none);
}

.profile__menu-link:hover {
    border-radius: 8px;
    border: 1px solid var(--element-bg-10);
    background: var(--theme-color-2);
    box-shadow: var(--theme-link-box-shadow);
}

.profile__menu-space {
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--theme-color-53);
}

.profile__menu-link__icon.blch_conn {
    min-width: 24px;
    max-width: 24px;
}

.profile__menu-link__text.blch_conn {
    white-space: nowrap;
}

/* .profile__menu-item:last-of-type {
    margin-left: -30px;
    margin-right: -30px;
    padding-top: 10px;
    padding-left: 30px;
    padding-right: 30px;
    border-top: 1px solid var(--theme-color-53);
} */

.header__mobile-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.header__menu-nauth {
    display: flex;
    flex-direction: column;
    margin: 0 -14px;
}

.header__menu-nauth .header__menu-link {
    padding: 18px 0;
    display: block;
    text-align: center;
    border-bottom: 1px solid var(--element-bg-10);
}

.header__right {
    display: flex;
    align-items: center;
    gap: 15px;
}

.header__burger {
    display: none;
}

.header__mobile-menu {
    position: fixed;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: var(--primary-color);
    top: -130%;
    left: 0;
    width: 100%;
    z-index: -1;
    padding: 0 14px;
    padding-bottom: 30px;
    transition: all 0.3s ease-in-out;
}

.header__mobile-menu.active {
    top: 64px;
}

.header__mobile-btns {
    display: flex;
    gap: 8px;
    margin-top: 24px;
}

.mobile-btns_mt {
    margin-top: 16px;
}

.header__mobile-btns .btn,
.header__mobile-btns .link-border,
.header__mobile-btns .link-fill {
    padding: 12px 0;
    width: 100%;
}

.header__menu-img {
    width: 16px;
    height: 16px;
}

.shadow-vw {
    overflow: hidden !important;
}

.shadow-vw::before {
    content: "";
    position: fixed;
    z-index: 900;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--theme-color-54);
}

.header__profile {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    z-index: 1000;
}

.header__profile-link {
    cursor: pointer;
    height: 42px;
    width: 42px;
    display: flex;
    justify-content: center;
    position: relative;
}


.header__profile-box {
    display: none;
    position: absolute;
    z-index: 90;
    right: 0;
    top: calc(100% + 9px);
    width: 376px;
    max-width: 98%;
}

.header__profile-list {
    display: flex;
    flex-direction: column;
    border-radius: 12px;
    background-color: var(--primary-color);
    border: 1px solid var(--element-bg-10);
}

.header__profile-item {
    padding: 15px 28px;
    cursor: pointer;
    min-height: 35px;
    border-bottom: 1px solid var(--element-bg-10);
}

.header__profile-item:hover {
    background: var(--theme-color-117);
}

.header__profile-item:first-of-type:hover {
    border-top-right-radius: 12px;
    border-top-left-radius: 12px;
}

.header__profile-item:last-of-type:hover {
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
}

.header__profile-item.min-h-item .header-profile__content-title,
.header__profile-item.min-h-item .header-profile__content-title {
    display: flex;
    align-items: center;
    height: 50px;
}

.header__profile-top {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 12px;
}

.header-profile__content-title {
    font-family: "Manrope", sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: var(--secondary-color);
}

.header-profile__content-title::first-letter {
    text-transform: uppercase;
}

.header-profile__content-subtitle {
    color: var(--text);
    font-family: "Manrope", sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.header-profile_verified {
    color: var(--red);
}

.header_mrk-tools {
    position: relative;
}

.header_mrk-tools:hover .market_tools {
    display: block;
}

.market_tools {
    display: none;
    position: absolute;
    width: 463px;
    padding-top: 32px;
    left: -55px;
}

.market_tools-wrapper {
    border-radius: 12px;
    border: 1px solid var(--theme-color-119);
    background: var(--primary-color);
    box-shadow: 0px 0px 0px 0px var(--theme-color-22), 0px 7px 15px 0px var(--theme-color-22), 0px 28px 28px 0px var(--theme-color-136), 0px 62px 37px 0px var(--theme-color-137), 0px 110px 44px 0px var(--theme-color-138), 0px 172px 48px 0px var(--theme-color-139);
}

.market_tools-item {
    padding: 8px 14px;
}

.market_tools-link {
    color: var(--theme-main);
    font-size: 16px;
    font-weight: 700;
    display: block;
    width: fit-content;
    line-height: 26.5px;
    text-transform: capitalize;
    margin-bottom: 4px;
}

.market_tools-text {
    color: var(--text);
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
}

.market_tools-title {
    color: var(--theme-main);
    font-family: "Manrope", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1em;
    text-transform: capitalize;
}


.header .link-fill,
.header .link-border {
    font-family: 'Manrope', sans-serif;
}


.footer__wrapper {
    position: relative;
    background-color: var(--primary-color);
    width: 100%;
}

body {
    min-height: 100vh;
}

.footer {
    display: flex;
    align-items: flex-start;
    color: var(--theme-color-6);
    padding-top: 40px;
    padding-bottom: 30px;
    justify-content: space-between;
}

.footer__logo {
    color: var(--primary-color);
}

.footer__block {
    font-size: 14px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.footer__title {
    color: var(--theme-main);
    text-transform: capitalize;
    font-family: "Manrope", sans-serif;
    font-size: 16px;
    font-weight: 600;
}

.footer__link {
    color: var(--theme-color-55);
    font-family: "Manrope", sans-serif;
    font-size: 16px;
    font-weight: 400;
    transition: .3s;
}

.footer__link:hover {
    color: var(--theme-main);
}

.footer__link.footer__block-two {
    display: none;
}

.footer__link:last-of-type {
    margin-bottom: 0;
}

.footer__copyright {
    font-family: 'Manrope', sans-serif;
    font-size: 10px;
    font-weight: 400;
    padding: 20px 0;
    text-align: center;
    color: var(--theme-color-8);
    border-top: 1px solid var(--stroke);
}

.btn {
    text-transform: lowercase;
}

.btn:first-letter {
    text-transform: uppercase;
}

.link-arr_none,
.link-arr_fill {
    font-family: 'Manrope', sans-serif;
    display: flex;
    align-items: center;
    width: fit-content;
    gap: 4.5px;
    font-size: 16px;
    font-weight: 600;
    padding: 16px 24px;
    border-radius: 150px;
    transition: .3s;
}
.link-arr_none {
    color: var(--theme-color-1);
}
.link-arr_none:hover {
    color: var(--btn-arr_none-hover-color);
    background-color: var(--btn-arr_none-hover-bg);
}
.link-arr_none:hover svg {
    filter: brightness(0) saturate(100%) invert(98%) sepia(23%) saturate(238%) hue-rotate(273deg) brightness(125%) contrast(100%);
}

.link-arr_fill {
    color: var(--btn-arr_fill-color);
    background-color: var(--btn-arr_fill-bg);
}

.link-arr_fill:hover {
    color: var(--btn-arr_fill-hover-color);
    background-color: var(--btn-arr_fill-hover-bg);
}

.link-arr_fill:hover svg {
    filter: brightness(0) saturate(100%) invert(19%) sepia(28%) saturate(5601%) hue-rotate(249deg) brightness(79%) contrast(106%);
}


.link-fill,
.link-border,
.btn-fill,
.btn-border {
    font-family: 'Manrope', sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 21px;
    padding: 12px 25px;
    border: 1px solid var(--btn-fill-border-color);
    transition: .3s;
    display: block;
    text-align: center;
    /*align-items: center;*/
    /*justify-content: center;*/
    width: fit-content;
    border-radius: 50px;
}

.link-fill::first-letter,
.link-border::first-letter,
.btn-fill::first-letter,
.btn-border::first-letter {
    text-transform: uppercase;
}

.link-fill,
.btn-fill {
    color: var(--btn-fill-color);
    background-color: var(--btn-fill-bg);
    box-shadow: var(--btn-box-shadow);
}

.link-fill:hover,
.btn-fill:not([disabled]):hover {
    background-color: var(--btn-fill-hover-bg);
    color: var(--btn-fill-hover-color);
    box-shadow: none;
}

.link-border,
.btn-border {
    color: var(--btn-border-color);
}

.link-border:hover,
.btn-border:not([disabled]):hover {
    background-color: var(--btn-border-hover-bg);
    color: var(--btn-border-hover-color);
    box-shadow: var(--btn-box-shadow);
}

.btn-disabled {
    cursor: default;
    opacity: .6;
}

.fs-h1-64 {
    font-size: 64px;
}

.fs-h1-48 {
    font-size: 48px;
}

.fs-h2-40 {
    font-size: 40px;
}

.fs-h3-32 {
    font-size: 32px;
}

.fs-h4-20 {
    font-size: 20px;
}

.fs-h5-20 {
    font-size: 20px;
}

.fs-h5-18 {
    font-size: 18px;
}

.fs-h6-16 {
    font-size: 16px;
}

.fs-h6-14 {
    font-size: 14px;
}

.fs-24 {
    font-size: 24px;
}

.fs-20 {
    font-size: 20px;
}

.fs-18 {
    font-size: 18px;
}

.fs-16 {
    font-size: 16px;
}

.fs-14 {
    font-size: 14px;
}

.fs-12 {
    font-size: 12px;
}

.article__title {
    font-size: 20px;
}

@media screen and (max-width: 900px) {

    /* for title h1,h2,h3,h4,h5,h6 */
    .fs-h1-64 {
        font-size: min(32px, 64px);
    }

    /* .fs-h1-64 {
        font-size: calc(32px + 20 * ((100vw - 320px) / (1280 - 320)));
    } */
    .fs-h1-48 {
        font-size: 24px;
    }

    .fs-h2-40 {
        font-size: min(28px, 40px);
    }

    .fs-h3-32 {
        font-size: min(24px, 32px);
    }

    .fs-h4-24 {
        font-size: min(20px, 24px);
    }

    .fs-h4-20 {
        font-size: min(18px, 20px);
    }

    .fs-h5-20 {
        font-size: min(18px, 20px);
    }

    /* .fs-h4-24 {
        font-size: calc(20px + 3 * ((100vw - 320px) / (1280 - 320)));
    }

    .fs-h4-20 {
        font-size: 15px;
    }

    .fs-h5-20 {
        font-size: calc(18px + 4 * ((100vw - 320px) / (1280 - 320)));
    } */
    .fs-h5-18 {
        font-size: 16px;
    }

    .fs-h6-16 {
        font-size: calc(16px + 3 * ((100vw - 320px) / (1280 - 320)));
    }

    .fs-h6-16 {
        font-size: 13px;
    }

    .fs-24 {
        font-size: 18px;
    }

    .fs-20 {
        font-size: 16px;
    }

    .fs-18 {
        font-size: calc(16px + 3 * ((100vw - 320px) / (1280 - 320)));
    }

    .fs-16 {
        font-size: 14px;
    }

    .fs-14 {
        font-size: calc(12px + 3 * ((100vw - 320px) / (1280 - 320)));
    }

    .fs-12 {
        font-size: calc(10px + 3 * ((100vw - 320px) / (1280 - 320)));
    }
}

.s2_crypto-dollars {
    position: relative;
}

.s2_24hr {
    margin-left: 5px;
    position: relative;
}

.lds-ring {
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 20px;
    top: calc(50% - 12px);
    right: calc(50% - 80px);
}
.btn_ticket-send .lds-ring{
    position:relative;
    right:unset;
}
.card_content .btn-form {
    position: relative;
    transition: .3s;
}
.card_content .btn-form .lds-ring {
    position: relative;
    right: auto;
}
.lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    margin: 2px;
    border: 2px solid var(--theme-main);
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: var(--lds-ring-color) transparent transparent transparent;
}
.btn_ticket-send:hover .lds-ring div {
    border: 2px solid var(--primary-color);
    border-color: var(--primary-color) transparent transparent transparent;
}
.card_content .btn-form:hover .lds-ring div {
    border: 2px solid var(--primary-color);
    border-color: var(--theme-main) transparent transparent transparent;
}

.lds-ring div:nth-child(1) {
    animation-delay: -0.45s;
}

.lds-ring div:nth-child(2) {
    animation-delay: -0.3s;
}

.lds-ring div:nth-child(3) {
    animation-delay: -0.15s;
}

@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.s2_crypto .lds-ellipsis {
    width: 68px;
}

.s2_crypto .lds-ellipsis div {
    background: var(--theme-color-56) !important;
}

.s2_crypto-change {
    position: relative;
}

.lds-ellipsis {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 15px;
}

.lds-ellipsis div {
    position: absolute;
    top: calc(50% - 3px);
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--secondary-color);
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.lds-ellipsis div:nth-child(1) {
    left: 8px;
    animation: lds-ellipsis1 0.6s infinite;
}

.lds-ellipsis div:nth-child(2) {
    left: 8px;
    animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(3) {
    left: 32px;
    animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(4) {
    left: 56px;
    animation: lds-ellipsis3 0.6s infinite;
}

@keyframes lds-ellipsis1 {
    0% {
        transform: scale(0);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes lds-ellipsis3 {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(0);
    }
}

@keyframes lds-ellipsis2 {
    0% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(24px, 0);
    }
}

/* trade */
.trade__page {
    padding-top: 35px;
    margin-bottom: 64px;
}

.trade__page .container {
    width: 100%;
    max-width: 100%;
    padding-left: 30px;
    padding-right: 30px;
}

/* styles for new-trade */
.trade_notification {
    display: block;
    position: fixed;
    z-index: 1000;
    right: -100%;
    bottom: 30px;
    transition: .3s;
}

.trade_notification.active {
    right: 20px;
}

.trade_notification_wrapper {
    display: flex;
    background-color: var(--color-light-green);
    border-radius: 8px;
    box-shadow: 0px 0px 10px 0px var(--theme-color-120);
    background: var(--primary-color);
}

.trade_notification-flex {
    display: flex;
    align-items: center;
}

.trade_notification-img {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.trade_nms_success .trade_notification-img {
    background-color: var(--theme-color-57);
}

.trade_nms_error .trade_notification-img {
    background-color: var(--theme-color-58);
}

.trade_notification__svg {
    width: 40px;
    height: 40px;
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7480%) hue-rotate(36deg) brightness(106%) contrast(104%);
    border: 2px solid var(--primary-color);
    border-radius: 50%;
    padding: 2px;
}

.trade_notification-block {
    color: var(--secondary-color);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 5px 20px;
    height: 50px;
}

.trade_notification-text {
    opacity: .6;
}

.trade_notification-close {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: pointer;
}

.trade_notification-close::before {
    content: "";
    position: absolute;
    left: 0px;
    width: 1px;
    height: 80%;
    background-color: var(--secondary-color);
    opacity: .15;
}

.trade_notification-close_img {
    width: 20px;
    opacity: .5;
    filter: brightness(0) saturate(100%) invert(0%) sepia(9%) saturate(7366%) hue-rotate(126deg) brightness(92%) contrast(106%);
}

.trade__wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    /* display: grid;
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: .1fr repeat(6, 1fr);
    grid-column-gap: 16px;
    grid-row-gap: 16px; */
}

.trade-header {
    width: 100%;
    /* grid-area: 1 / 1 / 2 / 9; */
}

.trade-sidebars {
    display: flex;
    flex-direction: column;
    /* width: calc(20% - 8px); */
    width: calc(19.7% - 8px);
    gap: 16px;
    /* grid-area: 1 / 7 / 8 / 9;
    display: flex;
    flex-direction: column;
    gap: 16px; */
}

.trade-sidebars_right .trade-sidebar:first-of-type {
    max-height: fit-content;
}

.trade-sidebars_right .trade-sidebar:first-of-type .trade-sidebar__content-body {
    max-height: calc(466px - 80px);
}

.trade-main {
    display: flex;
    flex-direction: column;
    gap: 16px;
    /* width: calc(60% - 16px); */
    width: calc(60.6% - 16px);
    /* grid-area: 2 / 1 / 5 / 7; */
}

.new-trade-table {
    height: fit-content;
    grid-area: 5 / 1 / 7 / 7;
}

.trade__box {
    padding: 24px;
    border-radius: 16px;
    border: 1px solid var(--element-bg-10);
    background: var(--bg-frames);
}

.trade-switch__actions {
    display: none;
    align-items: center;
    gap: 10px;
}


.trade-switch__action {
    color: var(--theme-color-8);
}

.trade-switch__action.active {
    color: var(--primary-color);
    text-decoration: underline;
}

.trade-sidebar {
    max-height: 450px;
    overflow: hidden;
}

.trade-sidebar.trade__box {
    padding: 12px 8px;
}

.trade-header__items {
    display: flex;
    gap: 16px;
}

.trade-header__item {
    flex: 1 1 100%;
    display: flex;
    align-items: flex-end;
    position: relative;
    z-index: 1;
}

.trade-header__column {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.trade-header__img-coin {
    width: 32px;
    height: 32px;
    margin-right: 16px;
}

.trade-header__text {
    color: var(--text);
}

.trade-header__curr {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    gap: 10px;
}

.trade__box .price {
    font-weight: 600;
}

.trade-header__curr-name {
    color: var(--theme-color-8);
}

.trade-header__bottom h5,
.trade-header__change {
    font-family: 'Manrope', sans-serif;
}

.trade-header__bottom-uptext {
    text-transform: uppercase;
}

.trade-header__search {
    position: relative;
}

.trade-header__search-input {
    width: 100%;
    outline: none;
    background-color: var(--color-none);
    border: 1px solid var(--theme-color-59);
    border-radius: 10px;
    padding: 10px 20px;
    font-weight: 500;
    color: var(--theme-color-6);
}

.trade-header__search-btn {
    position: absolute;
    right: 10px;
    width: 18px;
    height: 18px;
    top: calc(50% - 9px);
    opacity: 0.21;
    padding: 0;
    background: var(--color-none);
}

.trade-header-drop__list {
    margin-top: 10px;
    margin-left: -8px;
    margin-right: -8px;
    max-height: 150px;
    overflow-y: auto;
}

.trade-header-drop__list::-webkit-scrollbar {
    width: 4px;
}

.trade-header-drop__list::-webkit-scrollbar-track {
    background: var(--color-none);
}

.trade-header-drop__list::-webkit-scrollbar-thumb {
    background: var(--scroll-bg);
    border-radius: 20px;
}

.trade-header-drop__item {
    cursor: pointer;
    font-weight: 500;
    color: var(--theme-color-6);
    text-transform: uppercase;
    margin-bottom: 2px;
    padding: 4px 8px;
    transition: .3s;
}
.agree_error {
    font-weight: 400;
}

.trade-header-drop__item:hover {
    color: var(--primary-color);
    background: var(--theme-color-60);
    border-radius: 8px;
}

.trade-header__change {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 5px;
}

.trade-header__change-value {
    margin: 0 8px;
    color: var(--color-light-green);
}

/* trade main */
.trade-main__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.trade-main__header-drops {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.trade-main__header-drop {
    position: relative;
}

.trade-main-drop__btn {
    padding: 8px 16px;
    border: 1px solid var(--primary-color);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.trade-main-drop__text {
    margin-right: 4px;
}


.trade-sidebar__btns {
    display: flex;
    gap: 20px;
    margin-bottom: 8px;
}

.trade-sidebar__btn {
    color: var(--text-color);
    font-size: 14px;
    font-weight: 400;
    cursor: pointer;
}

.trade-sidebar__btn.active {
    color: var(--secondary-color);
    text-decoration: underline;
}

.trade-sidebar__tab {
    display: none;
}

.trade-sidebar__tab.active {
    display: block;
}

.trade-main__invite {
    backdrop-filter: none;
    background: var(--theme-color-61);
}

.trade-main__invite-content {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.trade-main__invite-text {
    font-weight: 300;
}

/* end styles for new-trade */


.trade-table {
    margin-top: 16px;
    border-radius: 16px;
    border: 1px solid var(--element-bg-10);
    background: var(--bg-frames);
    padding: 10px;
}


.trade-header__up {
    color: var(--green-gdashboard);
}

.trade-header__down {
    background: linear-gradient(204.67deg, var(--theme-color-10) 2.38%, var(--theme-color-11) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: var(--color-none);
    background-clip: text;
    text-fill-color: var(--color-none);
}

.trade-graphics {
    width: 50%;
}

.trade-graphics__tab {
    display: none;
}

.trade-tab__active {
    display: block;
}

.trade-sidebar__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}

.trade-sidebar__header-btns {
    display: flex;
    align-items: center;
    gap: 6px;
}

.trade-sidebar__header-btn {
    outline: none;
    border: none;
    padding: 0;
    background-color: var(--color-none);
}

.trade-sidebar__header-btn:last-of-type {
    margin-right: 0;
}

.trade-sidebar__btn-svg {
    width: 15px;
}

.trade-sidebar__header-dropdown {
    position: relative;
    margin-left: auto;
}

.trade-sidebar__header-action {
    cursor: pointer;
    margin-left: 5px;
    width: 10px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.trade-sidebar__haimg {
    height: 15px;
}

.trade-sidebar__dropdown-tick {
    cursor: pointer;
    gap: 6px;
    display: flex;
    justify-content: space-between;
}

.trade-sidebar__tick-value {
    min-width: 20px;
    font-size: 14px;
    font-weight: 300;
}

.trade-sidebar__tick-arrow {
    width: 10px;
}

.open .trade-sidebar__tick-arrow {
    transform: rotate(180deg);
}
/*
.trade-sidebar__dropdown-box {
    display: none;
    position: absolute;
    z-index: 2;
    width: 100%;
    top: 100%;
    padding: 5px 0px;
    border-radius: 5px;
    background-color: var(--theme-color-62);
}

.trade-sidebar__dropdown-list {
    display: flex;
    flex-direction: column;
}

.show {
    display: block;
}

.trade-sidebar__dropdown-item {
    cursor: pointer;
    font-size: 14px;
    padding: 4px 10px;
    color: var(--theme-color-113);
}

.trade-sidebar__dropdown-item:hover {
    background-color: var(--theme-color-14);
}*/

.trade-sidebar__content {
    font-size: 12px;
    margin-left: -8px;
    margin-right: -8px;
}

.trade-sidebar__content-header {
    display: flex;
    padding-left: 8px;
    padding-right: 8px;
    margin-bottom: 10px;
}

.trade-sidebar__header-title {
    flex: 1 1 0%;
    text-align: right;
    color: var(--text);
    font-weight: 400;
}

.trade-sidebar__header-title:first-of-type {
    text-align: left;
}

.trade-sidebar__content-body {
    display: flex;
    flex-direction: column;
    height: 100%;
    max-height: calc(490px - 80px);
    overflow-y: auto;
}

.trsb__content-sb .trade-sidebar__content-body {
    min-height: 300px;
}

.trade-sidebar__content-body.market-trade {
    flex-direction: column-reverse;
}

.trade-sidebar__content-body::-webkit-scrollbar {
    width: 3px;
    margin-left: 3px;
}

.trade-sidebar__content-body::-webkit-scrollbar-track {
    background: var(--color-none);
}

.trade-sidebar__content-body::-webkit-scrollbar-thumb {
    background: var(--scroll-bg);
    border-radius: 20px;
}

.trade-sidebar__body-row {
    display: flex;
    position: relative;
    padding-left: 8px;
    padding-right: 8px;
}

.trade-sidebar__row-item {
    flex: 1 1 0%;
    text-align: right;
    padding: 2px 0;
    z-index: 1;
    font-weight: 400;
    text-transform: uppercase;
}

.trsb__content-sb .trade-sidebar__body-row {
    display: flex;
    align-items: center;
}

.trsb__content-sb .trade-sidebar__row-item:first-of-type {
    position: relative;
    display: flex;
    align-items: center;
    gap: 4px;
    cursor: pointer;
    color: var(--text-color);
    min-width: 96px;
}


.lds-spinner {
    margin: 20px auto;
    color: official;
    display: block;
    position: relative;
    width: 80px;
    height: 80px;
}

.lds-spinner div {
    transform-origin: 40px 40px;
    animation: lds-spinner 1.2s linear infinite;
}

.lds-spinner div:after {
    content: " ";
    display: block;
    position: absolute;
    top: 3px;
    left: 37px;
    width: 6px;
    height: 18px;
    border-radius: 20%;
    background: var(--border-color);
}

.lds-spinner div:nth-child(1) {
    transform: rotate(0deg);
    animation-delay: -1.1s;
}

.lds-spinner div:nth-child(2) {
    transform: rotate(30deg);
    animation-delay: -1s;
}

.lds-spinner div:nth-child(3) {
    transform: rotate(60deg);
    animation-delay: -0.9s;
}

.lds-spinner div:nth-child(4) {
    transform: rotate(90deg);
    animation-delay: -0.8s;
}

.lds-spinner div:nth-child(5) {
    transform: rotate(120deg);
    animation-delay: -0.7s;
}

.lds-spinner div:nth-child(6) {
    transform: rotate(150deg);
    animation-delay: -0.6s;
}

.lds-spinner div:nth-child(7) {
    transform: rotate(180deg);
    animation-delay: -0.5s;
}

.lds-spinner div:nth-child(8) {
    transform: rotate(210deg);
    animation-delay: -0.4s;
}

.lds-spinner div:nth-child(9) {
    transform: rotate(240deg);
    animation-delay: -0.3s;
}

.lds-spinner div:nth-child(10) {
    transform: rotate(270deg);
    animation-delay: -0.2s;
}

.lds-spinner div:nth-child(11) {
    transform: rotate(300deg);
    animation-delay: -0.1s;
}

.lds-spinner div:nth-child(12) {
    transform: rotate(330deg);
    animation-delay: 0s;
}

@keyframes lds-spinner {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}


.trade-sidebar__item-margin {
    text-transform: lowercase;
    color: var(--primary-color);
    font-size: 10px;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    height: 22px;
    background: var(--green-gdashboard);
    border-radius: 130px;
}

.tsi-mark_img,
.trade-sidebar__item-mark {
    width: 16px;
    height: 16px;
    filter: brightness(0) saturate(100%) invert(55%) sepia(99%) saturate(265%) hue-rotate(105deg) brightness(91%) contrast(88%);
}

.tsi-mark_fill {
    display: none;
}

.favorite .tsi-mark_fill {
    display: block;
}

.favorite .tsi-mark_bord {
    display: none;
}

.pair_hide {
    display: none !important;
}

.trade-sbar-item__down {
    color: var(--red);
}

.trade-sidebar__row-item:nth-child(2),
.trade-sidebar__row-item:nth-child(3) {
    color: var(--text-color);
}

.trade-sidebar__progress-bar {
    position: absolute;
    height: 100%;
    top: 0;
    right: 0;
    z-index: 0;
}

.progress-bar__up {
    background: var(--theme-color-111);
}

.progress-bar__down {
    background: var(--theme-color-23);
}

.trade-sidebar__row-item:first-of-type {
    text-align: left;
}

.trade-sidebar__search {
    position: relative;
    margin-bottom: 10px;
}

.trade-sidebar__search-input {
    width: 100%;
    outline: none;
    font-size: 16px;
    font-weight: 400;
    padding: 9px 16px;
    padding-right: 60px;
    background-color: var(--bg-frames);
    color: var(--text-color);
    border: 1px solid var(--theme-color-63);
    border-radius: 10px;
}

.opacity_0 {
    opacity: 0;
    visibility: hidden;
    z-index: -9999;
}

.trade-sidebar__search-input::-webkit-search-cancel-button {
    display: none;
}

.trade-sidebar__search-input::placeholder {
    color: var(--text-color);
    font-weight: 400;
}

.trade-sidebar__search-icon {
    position: absolute;
    right: 30px;
    top: calc(50% - 10.5px);
    cursor: pointer;
}

.trade-sidebar__search-close {
    display: none;
    position: absolute;
    right: 10px;
    top: calc(50% - 7px);
    border: 0;
    padding: 0;
    outline: none;
    background-color: var(--color-none);
}

.trade-sidebar__search-close svg {
    width: 14px;
    filter: brightness(0) saturate(100%) invert(55%) sepia(99%) saturate(265%) hue-rotate(105deg) brightness(91%) contrast(88%);
}

.trade-sidebar__item-slesh {
    margin: 0 -3px;
}

.trade-sidebar__sb-scroll {
    display: flex;
    align-items: center;
    gap: 8px;
    overflow-x: auto;
    margin-bottom: 12px;
}

.trade-sidebar__sb-scroll::-webkit-scrollbar {
    width: 3px;
}

.trade-sidebar__sb-scroll::-webkit-scrollbar-track {
    background: var(--color-none);
}

.trade-sidebar__sb-scroll::-webkit-scrollbar-thumb {
    background: var(--scroll-bg);
    border-radius: 20px;
}

.trade-sidebar__scroll-item {
    cursor: pointer;
    font-size: 14px;
    color: var(--text);
}

.trade-sidebar__scroll-item.favorite {
    font-weight: 500;
    color: var(--green-gdashboard);
}

.trade-sidebar__sb-items {
    display: flex;
    align-items: center;
    gap: 5px;
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
    margin: 0 -8px;
    margin-bottom: 12px;
    border-bottom: 1px solid var(--stroke);
}

.trade-sidebar__sb-item {
    color: var(--theme-color-8);
    font-size: 10px;
    font-weight: 300;
    cursor: pointer;
}

.trsb__content-sb .trade-sidebar__header-title {
    font-size: 10px;
}

.trade-graphics .trade__container {
    padding: 10px;
}

.trade-graphics__switch {
    margin-top: 5px;
}

.trade-graphics__graphics {
    position: relative;
}

.trade-graphics__switch-btns {
    display: flex;
    align-items: center;
    gap: 5px;
}

.trade-graphics__switch-btn {
    width: 110px;
}

.trade-graphics__switch-btn,
.trade-table__btn {
    color: var(--secondary-color);
    font-family: "Manrope", sans-serif;
    font-size: 16px;
    border: none;
    outline: none;
    border-radius: 31px;
    background-color: var(--color-none);
    padding: 12px 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
}

.trade-btn__buy,
.trade-btn__sell {
    width: 100%;
    padding: 14px 32px;
    color: var(--primary-color);
    font-family: "Manrope", sans-serif;
    font-size: 16px;
    font-weight: 600;
}

.trade-btn__buy {
    background-color: var(--green-gdashboard);
    border: 1px solid var(--green-gdashboard);
}

.btn-fill.trade-btn__buy:hover {
    background-color: var(--color-none);
    color: var(--green-gdashboard);
    border: 1px solid var(--green-gdashboard);
}

.trade-btn__sell {
    background-color: var(--red);
    border: 1px solid var(--red);
}

.btn-fill.trade-btn__sell:hover {
    background-color: var(--color-none);
    color: var(--red);
    border: 1px solid var(--red);
}

.trade-table__active,
.trade-graphics__switch-active {
    color: var(--primary-color);
    background: var(--theme-main);
}

.trade-graphics__switch-title {
    color: var(--text-color);
    font-size: 16px;
    font-style: normal;
    text-transform: uppercase;
}

.trade-graphics__switch-forms {
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
    margin: 0 -10px;
}

.trade-graphics__switch-form {
    width: 100%;
    max-width: calc(48% - 10px);
    margin: 0 10px;
    margin-top: 20px;
}

.trade-graphics__switch-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.trade-graphics__header-caption {
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 13px;
}

.trade-graphics__caption-value {
    margin: 0 5px;
}

.trade-graphics__caption-currency {
    text-transform: uppercase;
}

.trade-graphics__switch-body {
    display: flex;
    flex-direction: column;
    margin-top: 15px;
}

.trade-form__disabled {
    position: relative;
    z-index: 0;
}

.trade-form__disabled::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
}

.trade-graphics__links {
    position: relative;
    z-index: 4;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.trade-graphics__link {
    font-weight: 400;
}

.trade-link__login {
    color: var(--text);
    font-weight: 600;
    position: relative;
}

.trade-link__login::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0.6px;
    width: 100%;
    height: 0.2px;
    background-color: var(--text);
}

.trade-link__signup {
    color: var(--green-gdashboard);
}

.trade-graphics__field {
    font-size: 12px;
    width: 100%;
    padding: 14px 18px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: default;
    border-radius: 40px;
    border: 1px solid var(--border-color);
}

.trade-graphics__field.trade-field__focus {
    background-color: var(--theme-color-14);
}

.trade-graphics__field-input {
    border: none;
    outline: none;
    background-color: var(--color-none);
    text-align: right;
    margin: 0 5px;
    color: var(--text);
    font-weight: 400;
    font-family: 'Manrope', sans-serif;
    width: 100%;
    cursor: default;
}

.trade-graphics__field-input::-webkit-outer-spin-button,
.trade-graphics__field-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.trade-graphics__field-title {
    text-transform: capitalize;
    color: var(--text-color);
    font-size: 12px;
}

.trade-graphics__field-currency {
    text-transform: uppercase;
    color: var(--text);
}

.trade-graphics__btn {
    outline: none;
    border: none;
    height: 33.4px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: capitalize;
    border-radius: 5px;
    transition: .3s;
}

.trade-slider__wrapper {
    margin: 15px 0;
}

.trade-slider__wrapper .ui-widget-header {
    background-color: var(--theme-color-64);
}

.trade-slider__wrapper .ui-slider .ui-slider-handle {
    width: 20px;
    height: 20px;
    margin-top: -8px;
    margin-left: 0px;
    border-radius: 50%;
    border: 3px solid var(--color-none);
    outline: none;
}

.trade-slider__wrapper .ui-state-default,
.trade-slider__wrapper .ui-widget-content .ui-state-default {
    background: var(--green-gdashboard);
    position: relative;
}

.trade-slider__wrapper .ui-slider .ui-slider-range {
    display: none;
}

.trade-slider__wrapper .ui-slider-horizontal .ui-slider-handle {
    position: relative;
    display: block;
    top: -9px;
}

.trade-slider__wrapper .ui-widget.ui-widget-content {
    border: none;
}

.trade-slider__wrapper .ui-slider-horizontal {
    padding-right: 19px;
    height: 1px;
    background-color: var(--green-gdashboard);
}

.trade-slider__wrapper .ui-slider-horizontal .ui-slider-range {
    top: -1px;
    height: 100%;
}

.trade-table__btns {
    display: flex;
    align-items: center;
}

.trade-table__tabs {
    margin-top: 10px;
}

.trade-table__tab {
    display: none;
    font-size: 14px;
}

.trade-table__tab-body {
    overflow-y: auto;
    max-height: 250px;
}

.trade-table__tab-active {
    display: block;
}

.trade-table__tab-header {
    color: var(--theme-color-116);
    text-transform: capitalize;
}

.trade-table__currency {
    text-transform: uppercase;
}

.trade-table__row {
    display: flex;
    align-items: center;
    padding: 7px 0;
    border-bottom: 1px solid var(--theme-color-65);
}

.trade-table__item-title {
    display: none;
}

.trade__mobile-switch {
    display: none;
}

.trade__mobiles {
    display: flex;
    align-items: center;
    margin-left: -5px;
}

.trade__mobile {
    border-radius: 5px;
    background-color: var(--color-none);
    color: var(--theme-color-116);
    font-size: 14px;
    font-weight: 500;
    padding: 5px 10px;
    margin: 0 5px;
    text-transform: capitalize;
}

.trade-switch__active {
    background-color: var(--theme-color-14);
    color: var(--theme-color-114);
}

/* end trade */


.main-pt {
    padding-top: 67px;
    width: 100%;
}

.wallet__wrapper,
.profile__wrapper {
    width: 100%;
}


.hero {
    position: relative;
    padding-top: 10px;
    margin-bottom: 55px;
}

.hero__wrapper {
    display: flex;
    flex-wrap: wrap;
}

.hero__content {
    margin-top: 134px;
    flex: 50%;
}

.hero__right {
    flex: 50%;
}

.hero__img-right {
    height: 100%;
    max-height: 681px;
}

.hero__title {
    color: var(--theme-main);
    font-weight: 800;
    line-height: 117.1%;
    text-transform: capitalize;
}

.hero__subtitle {
    color: var(--secondary-color);
    font-family: "Manrope", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20.5px;
    max-width: 393px;
    margin-top: 20px;
    margin-bottom: 32px;
}

.hero .container {
    position: relative;
    z-index: 2;
}

.hero_line-w {
    width: 50%;
    position: absolute;
    top: 0;
    right: 0;
    overflow: hidden;
    height: 100%;
}

.hero_line-w:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: -58%;
    height: calc(100% - 14px);
    width: 100%;
    background-color: var(--theme-color-66);
}

.box_wrapper {
    padding: 48px 10px 127px 10px;
    border-radius: 24px;
    background: var(--theme-gradient-bg);
}

.mbox_wrapper {
    border-radius: 12px;
    border: 1px solid var(--theme-color-119);
    background: var(--primary-color);
    box-shadow: 0px 0px 0px 0px var(--theme-color-22), 0px 7px 15px 0px var(--theme-color-22), 0px 28px 28px 0px var(--theme-color-136), 0px 62px 37px 0px var(--theme-color-137), 0px 110px 44px 0px var(--theme-color-138), 0px 172px 48px 0px var(--theme-color-139);
}

.hero_crypto {
    display: flex;
    gap: 12px;
    margin-bottom: -21px;
}

.s2_crypto {
    flex: 1;
}

.crypto-table__row .lds-ellipsis {
    width: 73px !important;
}

.s2_crypto-header {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 20px;
    padding-bottom: 0px;
}

.s2_crypto-coin {
    height: 45px;
}

.s2_crypto-title {
    display: flex;
    flex-direction: column;
    padding-left: 5px;
}

.s2_crypto-name {
    color: var(--theme-color-3);
    font-family: "Manrope" , sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
}

.s2_crypto-fullname {
    color: var(--theme-color-3);
    font-family: "Manrope" , sans-serif;
    font-size: 16px;
    font-weight: 600;
}

.s2_crypto-stats {
    padding-left: 24px;
    padding-right: 29px;
    margin-top: 17px;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.s2_crypto-dollars {
    color: var(--theme-color-3);
    font-family: "Manrope" , sans-serif;
    font-size: 20px;
    font-weight: 700;
}

.s2_crypto-stat {
    display: flex;
    align-items: flex-end;
}

.s2_crypto-img {
    transform: scaleY(-1);
}

.change__down .s2_crypto-img {
    transform: none;
    filter: brightness(0) saturate(100%) invert(38%) sepia(13%) saturate(4019%) hue-rotate(315deg) brightness(103%) contrast(110%);
}

.s2_crypto-change {
    color: var(--theme-color-3);
    font-family: "Manrope" , sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1em;
}

.s2_crypto-footer {
    color: var(--theme-color-3);
    /* text-align: center; */
    font-family: "Manrope", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 20px;

    display: flex;
    align-items: center;
    justify-content: center;
}


.s3_wrapper {
    padding: 16px 0;
    background: linear-gradient(135deg, var(--theme-color-67) 6.00%, var(--theme-color-68) 16.00%, var(--theme-color-69) 29.00%, var(--theme-color-70) 44.00%, var(--theme-color-71) 57.00%, var(--theme-color-1) 87.00%, var(--theme-color-72) 99.00%);
}

.s3_text {
    display: block;
    text-align: center;
    color: var(--primary-color);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4em;
}


.section_4 {
    margin-top: 20px;
    margin-bottom: 100px;
}

.s4_slider-counter {
    visibility: hidden;

    color: var(--theme-color-3);
    font-size: 14px;
    font-weight: 400;
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}

.s4_slider-wrapper {
    position: relative;
    overflow: hidden;
}

.s4_slider-road {
    /*margin: 0 -6px;*/
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.s4_slide {
    /*margin: 0 6px;*/
    width: calc(25% - 9px);
}

.s4_slider-arrow {
    display: none;

    position: absolute;
    width: 40px;
    height: 40px;
    background-color: var(--theme-color-24);
    border-radius: 50%;
    top: calc(50% - 30px);
    /* on center */
    /* top: calc(50% - 20px); */
    z-index: 2;
    cursor: pointer;
    transition: .3s;
}

.s4_slider-arrow:hover {
    background-color: var(--theme-color-73);
    box-shadow: var(--btn-box-shadow);
}

.s4_slider-arrow svg {
    position: absolute;
    top: calc(50% - 6.75px);
}

/*.slider_shadow::before,*/
/*.slider_shadow::after {*/
/*    content: "";*/
/*    position: absolute;*/
/*    top: 0;*/
/*    height: 100%;*/
/*    width: 104px;*/
/*    z-index: -1;*/
/*}*/

/*.slider_shadow::before {*/
/*    left: 0;*/
/*}*/

/*.slider_shadow::after {*/
/*    right: 0;*/
/*}*/

/*.slider_shadow.slider_sh_left::before {*/
/*    background: linear-gradient(90deg, var(--bg) 0%, var(--color-none-rgba) 100%);*/
/*    left: -30px;*/
/*    z-index: 1;*/
/*}*/

/*.slider_shadow.slider_sh_right::after {*/
/*    background: linear-gradient(270deg, var(--bg) 0%, var(--color-none-rgba) 100%);*/
/*    right: -30px;*/
/*    z-index: 1;*/
/*}*/

.s4_slider-arrow.slick-disabled {
    display: none;
    z-index: -1;
}

.s4_slider-arrow-prev {
    left: 0;
}

.s4_slider-arrow-prev svg {
    transform: scaleX(-1);
    left: calc(20px - 6.75px);
}

.s4_slider-arrow-next {
    right: 0;
}

.s4_slider-arrow-next svg {
    right: calc(20px - 6.75px);
}

.s4_slide-content {
    display: block;
    padding: 16px 18px;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
    /*height: inherit;*/
    height: 100%;
    z-index: 0;
    background-repeat: no-repeat;
    background-size: cover;
}

.s4_slide-content::before {
    content: "";
    position: absolute;
    opacity: .5;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(144deg, var(--theme-color-109) 0%, var(--theme-color-74) 100%), var(--secondary-color);
}

.s4_slide-column {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    position: relative;
    z-index: 1;
    max-width: 95%;
}

.s4_slide-green {
    color: var(--secondary);
}

.s4_slide-boldes {
    margin-top: 8px;
    display: flex;
    align-items: center;
    gap: 9px;
}

.s4_slide-bold {
    position: relative;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

.s4_slide-bold::after {
    content: "";
    position: absolute;
    top: calc(50% - 5px);
    right: -5px;
    height: 70%;
    width: 1.5px;
    background-color: var(--stroke);
}

.s4_slide-bold:last-of-type::after {
    content: none;
}

.s4_slide-item {
    position: relative;
    padding-left: 20px;
}

.s4_slide-item::before {
    content: "";
    position: absolute;
    top: calc(50% - 2px);
    left: 8px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: var(--stroke);
}

.s4_slide-tag {
    display: block;
    text-align: center;
    width: fit-content;
    padding: 10px 12px;
    color: var(--stroke);
    font-size: 10px;
    font-weight: 700;
    border-radius: 11px;
    background-color: var(--theme-main);
}

.s4_slide-title {
    color: var(--primary-color);
    font-size: 16px;
    font-weight: 700;
    line-height: 26.5px;
}

.s4_slide-subtitle {
    color: var(--stroke);
    font-size: 13px;
    font-weight: 300;
}


.s5_wrapper.box_wrapper {
    padding: 39px 35px;
}

.s5_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 34px;
    color: var(--secondary-color);
}

.s5_content {
    display: flex;
    gap: 22px;
}

.s5_cleft,
.s5_cright {
    background-color: var(--primary-color);
    border-radius: 24px;
    padding: 22px 24px;
    box-shadow: 0px 2px 24px 0px var(--theme-color-75);
}

.s5_cleft {
    width: 60%;
}

.crypto-table__row {
    display: flex;
    align-items: center;
    padding: 16px;
}

.crypto-table__icon {
    width: 29px;
    height: 29px;
}

.crypto-table__element {
    flex: 1;
    display: flex;
    justify-content: flex-end;
    color: var(--theme-color-15);
    font-size: 16px;
    font-weight: 700;
}

.crypto-table__element:first-of-type {
    justify-content: flex-start;
    flex: 10%;
}

.crypto-table__mb-title {
    display: none;
}

.crypto-table__header .crypto-table__element {
    color: var(--theme-color-16);
    font-size: 12px;
    font-weight: 400;
}

.crypto-table__body .crypto-table__element:first-of-type .crypto-table__element-val {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
}

.crpt-link-border {
    display: block;
    text-align: center;
    width: fit-content;
    color: var(--theme-color-1);
    font-size: 12px;
    font-weight: 600;
    padding: 7px 12px;
    border-radius: 4px;
    border: 1px solid var(--theme-color-1);
    transition: .3s;
}

.crpt-link-border:hover {
    color: var(--primary-color);
    background-color: var(--theme-color-1);
    border: 1px solid var(--theme-color-1);
}

.crypto-table__change {
    color: var(--theme-color-25);
}

.s5_cright {
    width: 40%;
}

.s5_cright-column {
    display: flex;
    flex-direction: column;
    justify-content: space-between;

    height: 100%;
    gap: 20px;
}

.s5_elem-title {
    color: var(--theme-color-15);
    font-size: 18px;
    font-weight: 600;
}

.s5_elem-rows {
    display: flex;
    flex-direction: column;
}

.s5_elem-row {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px;
}

.s5_elem-item {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-weight: 600;
    color: var(--theme-color-25);
}
.crypto-table__element .change__up {
    color: var(--theme-color-25) !important;
}
.s5_elem-item:first-of-type {
    flex: 10%;
    justify-content: flex-start;
}

.lds-ellipsis.__w60{
    width: 60px !important;
}

.s5_elem-coin {
    margin-right: 8px;
    width: 28px;
    height: 28px;
}

.s5_elem-coin svg {
    width: 100%;
}

.s5_elem-name {
    color: var(--theme-color-15);
    font-size: 14px;
    text-transform: uppercase;
}

.change__down,
.s5_elem_down {
    color: var(--theme-color-76);
}

.s5_footer {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 20px;
}

.s5_footer-text {
    color: var(--secondary-color);
    font-size: 16px;
    font-weight: 600;
}


/* wallet and profile*/
.wallet,
.profile {
    display: flex;
    gap: 10px;
    color: var(--text);
    margin-top: 67px;
}

.profile__container,
.wallet__container {
    margin: 0 auto;
    width: 100%;
    /* max-width: calc(1730px - 30px); */
    padding-left: 15px;
    padding-right: 35px;
}

.profile__content {
    margin-top: 18px;
    margin-bottom: 100px;
    width: 100%;
}

.profile__main .header__container,
.profile__main .footer__container,
.wallet__main .header__container,
.wallet__main .footer__container {
    margin: 0 auto;
    width: 100%;
    max-width: 100%;
    padding-left: 30px;
    padding-right: 30px;
}

.wallet__box {
    border-radius: 16px;
    border: 1px solid var(--element-bg-10);
    background: var(--bg-frames);
    padding: 20px;
}

.profile__box {
    border-radius: 16px;
    border: 1px solid var(--element-bg-10);
    background: var(--bg-frames);
}

.profile__header {
    padding: 28px 32px;
    border-bottom: 1px solid var(--element-bg-10);
}

.profile__header-title {
    color: var(--secondary-color);
    font-weight: 700;
}

.profile__wcontent {
    padding: 20px 32px;
}

.profile__user-name {
    color: var(--text);
    font-size: 16px;
    font-weight: 600;
}


.wallet__menu,
.profile__menu {
    display: flex;
    position: sticky;
    top: 67px;
    margin-left: -15px;
    padding-top: 50px;
    padding-left: 30px;
    padding-right: 20px;
    height: fit-content;
    background-color: var(--primary-color);
    flex-direction: column;
    width: 100%;
    height: calc(100vh - 67px);
    max-width: 264px;
}

.profile__menu-list,
.wallet__menu-top {
    display: flex;
    flex-direction: column;
}

.profile__menu-list {
    gap: 10px;
}

.wallet__menu-bottom {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
}

.wallet__menu-bottom .wallet__deposit {
    margin-bottom: 8px;
}

.wallet__menu-item {
    margin-bottom: 5px;
}

.header__menu-item {
    margin-bottom: 0;
}

.wallet__menu-img,
.header__menu-img {
    width: 16px;
    height: 16px;
    margin-right: 10px;
}

.wallet__gift .wallet__menu-img,
.wallet__gift .header__menu-img {
    width: 24px;
    height: 24px;
}

.wallet__menu-item.active .wallet__menu-link {
    border-radius: 8px;
    border: 1px solid var(--element-bg-10);
    background: var(--theme-color-2);
    box-shadow: var(--theme-link-box-shadow);
}

.profile__menu-item.active .profile__menu-link {
    border-radius: 8px;
    border: 1px solid var(--element-bg-10);
    background: var(--theme-color-2);
    box-shadow: var(--theme-link-box-shadow);
}

.wallet__menu-item.wallet__gift .wallet__menu-link {
    color: var(--theme-main);
    max-height: 40px;
    border-radius: 8px;
    background: var(--theme-color-26);
    box-shadow: var(--theme-link-box-shadow);
    border: 1px solid var(--btn-fill-border-color);
}

.wallet__transfer button {
    background-color: var(--color-none);
    padding: 0;
}

.wallet__content {
    margin-top: 18px;
    margin-bottom: 25px;
    width: 100%;
    overflow: auto;
}

.wallet-title-srch {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
}

.wallet__article-title {
    font-size: 32px;
    font-weight: 700;
    text-transform: capitalize;
}

.overview-main__right {
    width: 100%;
    max-width: 300px;
}

.overview-main__total-title,
.staking-main__total-title {
    color: var(--text);
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
}

.overview-main__balance,
.staking-main__balance {
    margin: 6px 0;
    display: flex;
    align-items: center;
}

.overview-main__balance-value,
.staking-main__balance-value {
    font-size: 24px;
    font-weight: 600;
    line-height: 1em;
}

.overview-main__balance-currency,
.staking-main__balance-currency {
    margin-left: 20px;
    border-radius: 4px;
    color: var(--primary-color);
    font-size: 16px;
    font-weight: 600;
    line-height: 26.5px;
    background: var(--green-gdashboard) !important;
    padding: 0 5px;
    text-transform: uppercase;
}

.overview-main__total-value,
.staking-main__total-value {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: var(--color-light-white);
}

.overview-main__search {
    position: relative;
}

.overview-main__search-input {
    width: 100%;
    outline: none;
    border-radius: 10px;
    border: 1px solid var(--element-bg-10);
    box-shadow: 0px 4px 14px 0px var(--theme-color-27);
    color: var(--text-color);
    padding: 14px 20px;
    font-family: "Manrope", sans-serif;
    font-size: 16px;
    font-weight: 600;
}

.overview-main__search-input::placeholder {
    color: var(--text-color);
}

.overview-main__search-btn {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    padding: 0;
    background: var(--color-none);
}
.mob_item_m {
    display: none;
}


.asset-balances,
.account-balances__wrapper,
.wallet__convert,
.wallet__convert-history,
.locked-staking {
    margin-top: 24px;
}

.asset-balance__table,
.staking__table,
.wallet__convert-form,
.convert-items,
.account-balances {
    margin-top: 13px;
}

.wallet__title-min {
    margin-left: 20px;
    text-transform: capitalize;
    color: var(--text);
    font-size: 20px;
    font-weight: 700;
    line-height: normal;
}

.wallet__subtitle-min {
    color: var(--text-color);
    font-weight: 400;
    margin-left: 20px;
}


.wallet_ovr-n {
    overflow: unset;
}

.wallet__referral-invite {
    margin-top: 14px;
}

.referral__invite-row {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    width: 100%;
    margin-top: 14px;
}

.ref__invite-box {
    width: calc(50% - 6px);
    padding-bottom: 34px;
}

.referral-box__header-title {
    color: var(--secondary-color);
    font-weight: 700;
    text-transform: capitalize;
}

.referral__invite-block {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 22px;
    padding: 12px 20px;

    min-width: 309px;
    width: fit-content;
    max-width: 100%;

    border-radius: 10px;
    background: var(--theme-color-2);
    box-shadow: 0px 4px 20px 0px var(--theme-color-77);
}

.referral__invite-code {
    display: block;
    white-space: nowrap;
    max-width: calc(100% - 32px);
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--theme-main);
    font-size: 15px;
    font-weight: 700;
    line-height: 1em;
}

.referral__invite-copy {
    position: relative;
    cursor: pointer;
    width: 18px;
    height: 18px;
}

.temp-copy_message {
    cursor: default;
    position: absolute;
    display: flex;
    align-items: center;
    gap: 5px;
    background-color: var(--theme-main);
    padding: 5px 10px;
    color: var(--primary-color);
    border-radius: 10px;
    bottom: calc(100% + 10px);
    right: 50%;
    transform: translateX(50%);
    opacity: 0;
    visibility: hidden;
    transition: .3s;
}

.temp-copy_message::after {
    content: "";
    width: 0;
    height: 0;
    border-left: 5px solid var(--color-none);
    border-right: 5px solid var(--color-none);
    border-top: 5px solid var(--theme-main);
    top: 100%;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
}

.active_c .temp-copy_message {
    opacity: 1;
    visibility: visible;
}

.temp-copy_text {
    color: var(--primary-color);
    font-size: 12px;
    font-weight: 300;
}

.ref__activate-code {
    margin-top: 14px;
}

.ref__activate-code .ref__activate-form .profile__user-field {
    margin-top: 14px;
}

.ref__activate-code .ref__activate-form .profile__user-field input {
    width: 100%;
    max-width: 445px;
}

.wallet__referral-statistics {
    margin-top: 24px;
}

.referral__statistics-items {
    margin-top: 13px;
    display: flex;
    gap: 13px;
    flex-wrap: wrap;
    justify-content: space-between;
}

.referral__statistics-item {
    text-align: center;
    min-width: fit-content;
    width: calc(25% - 10px);
    flex: 1;
}

.referral-item__value {
    font-weight: 700;
    min-width: 100%;
}

.referral-item__text {
    margin-top: 7px;
    color: var(--text);
    font-weight: 400;
}

.wallet__referral-table {
    margin-top: 24px;
}

.ref-table {
    margin-top: 13px;
}

.ref__table-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.ref__table-items {
    display: flex;
    align-items: center;
    gap: 5px;
}

.ref-table .wrp_select_m {
    padding: 10px 12px;
    border-radius: 20px;
}

.ref-table .wrp_select_m.active {
    border-radius: 20px 20px 0 0;
}

.ref-table .select_field-box {
    padding: 5px 0 10px;
    border-radius: 0 0 20px 20px;
}

.ref-table .select_field-arrow {
    height: 16px;
}

.ref__table-reload {
    padding: 0;
    margin: 0;
}

.ref__table-search {
    position: relative;
}

.ref__table-search-input {
    width: 100%;
    outline: none;
    border-radius: 10px;
    border: 1px solid var(--element-bg-10);
    box-shadow: 0px 4px 14px 0px var(--theme-color-27);
    color: var(--text-color);
    padding: 11px 20px;
    font-family: "Manrope", sans-serif;
    font-size: 16px;
    font-weight: 600;
}

.ref__table-search-btn {
    position: absolute;
    right: 12px;
    top: calc(50% - 12px);
    padding: 0;
    background: var(--color-none);
}

.ref__table-body::-webkit-scrollbar {
    width: 4px;
}

.ref__table-body::-webkit-scrollbar-track {
    background: var(--color-none);
}

.ref__table-body::-webkit-scrollbar-thumb {
    background: var(--color-none);
}

.ref__table-head {
    font-weight: 500;
    text-transform: capitalize;
    pointer-events: none;
}

.ref__table-row {
    display: flex;
    align-items: center;
    margin-top: 12px;
    margin-bottom: 13px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: -20px;
    margin-right: -20px;
    gap: 5px;
}

.ref__table-body .ref__table-row {
    display: flex;
    align-items: center;
    margin: 0 -20px;
    padding: 14px 20px;
    gap: 5px;
    font-size: 14px;
    border-bottom: 1px solid var(--theme-color-78);
}

.ref__table-item {
    flex: 1;
    color: var(--text);
    font-size: 16px;
    font-weight: 600;
}

.ref__table-content_title {
    display: none;
}

.ref__table-content_value {
    color: var(--text-color);
    font-weight: 400;
}

.ref__table-link {
    color: var(--theme-main);
}

@media screen and (max-width: 1425px) {
    .referral-item__value {
        font-size: 26px;
    }
}

@media screen and (max-width: 900px) {
    .referral__invite-block {
        margin-top: 15px;
        padding: 10px 15px;
        min-width: auto;
        gap: 10px;
        width: 100%;
        max-width: 100%;
    }

    .ref__invite-box {
        padding-bottom: 20px;
    }

    .referral-item__value {
        font-size: 24px;
    }
}

@media screen and (max-width: 800px) {
    .ref__table-head {
        display: none;
    }

    .ref__table-body .ref__table-row {
        flex-direction: column;
    }

    .ref__table-item {
        width: 100%;
    }

    .ref__table-content {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .ref__table-content_title {
        display: block;
    }
}

@media screen and (max-width: 600px) {
    .ref__invite-box {
        width: 100%;
    }

    .referral__statistics-items {
        gap: 6px;
    }

    .referral__statistics-item {
        flex: unset;
        padding-top: 12px;
        padding-bottom: 12px;
        width: calc(50% - 3px);
    }

    .referral-item__text {
        margin-top: 0;
    }
}

@media screen and (max-width: 475px) {
    .referral__statistics-item {
        width: 100%;
    }
}


.account-balances__box {
    display: flex;
    justify-content: space-between;
}

.account-balance__name {
    display: flex;
    align-items: baseline;
}

.account-balance__name-img {
    margin-right: 10px;
}

.account-balance__name-c {
    display: flex;
    align-items: center;
}

.account-balance__content {
    line-height: 1em;
}

.account-balance__name-text {
    font-size: 20px;
    color: var(--text);
    font-weight: 700;
}

.account-balance__content {
    display: flex;
    flex-direction: column;
}

.account-balance__crypto {
    margin-bottom: 10px;
    color: var(--secondary-color);
    font-weight: 700;
    font-size: 20px;
    display: flex;
    align-items: center;
}

.account-balance__crypto-value {
    margin-right: 5px;
}

.account-balance__crypto-currency {
    text-transform: uppercase;
}

.account-balance__value {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 14px;
    font-weight: 400;
    color: var(--text-color);
}

.account-balances__body {
    display: flex;
    margin: 0 -20px;
    margin-top: 12px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 22px;
    border-top: 1px solid var(--element-bg-10);
}

.account-balance__btn {
    color: var(--secondary-color);
    font-family: 'Manrope', sans-serif;
    font-size: 16px;
    font-weight: 500;
    display: block;
    align-items: center;
    gap: 10px;
    padding: 15px 50px;
    margin-right: 10px;
    text-transform: capitalize;
    border-radius: 40px;
    /*border: 1px solid var(--element-bg-10;*/
    background: var(--primary-color);
    box-shadow: 0px 4px 10px 0px var(--theme-color-123);
}

.account-balance__btn:hover .account-btn__img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(306deg) brightness(104%) contrast(101%);
}

.account-btn__img {
    transition: .3s;
    margin-left: 10px;
}

.staking__table-content {
    display: flex;
    justify-content: flex-end;
}

.staking__table-item:first-of-type .staking__table-content {
    justify-content: flex-start;
}

.staking__table-icon {
    width: 40px;
    height: 40px;
}

.asset-balance__table,
.staking__table,
.session__table,
.convert-table,
.transaction__table {
    line-height: 1em;
}


.session__table-item__column {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.session__table-item-top {
    color: var(--secondary-color);
    font-size: 16px;
    font-weight: 600;
    line-height: 26px;
}

.session__table-item-bottom {
    color: var(--secondary-color);
    font-size: 14px;
    font-weight: 400;
}

.asset-balance__table {
    margin-top: 12px;
}

.asset-balance__table.wallet__box {
    padding-top: 0;
}

.staking__table {
    margin-top: 12px;
}

.transaction__table.wallet__box {
    padding-top: 0;
}

.staking__table.wallet__box {
    padding-top: 0;
    padding-bottom: 0;
}

.staking__table-body {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

.staking__table-body,
.transaction__table-body,
.asset-balance__table-body {
    margin-right: -20px;
    margin-left: -20px;
    padding-left: 20px;
    padding-right: 20px;
}

.staking__table-body::-webkit-scrollbar,
.transaction__table-body::-webkit-scrollbar,
.asset-balance__table-body::-webkit-scrollbar {
    width: 4px;
}

.staking__table-body::-webkit-scrollbar-track,
.transaction__table-body::-webkit-scrollbar-track,
.asset-balance__table-body::-webkit-scrollbar-track {
    background: var(--color-none);
}

.staking__table-body::-webkit-scrollbar-thumb,
.transaction__table-body::-webkit-scrollbar-thumb,
.asset-balance__table-body::-webkit-scrollbar-thumb {
    background: var(--scroll-bg);
    border-radius: 20px;
}


.asset-balance__table-head,
.convert__table-head,
.staking__table-head,
.session__table-head,
.transaction__table-head {
    font-weight: 500;
    text-transform: capitalize;
}

.asset-balance__table-head .asset-balance__table-row:hover,
.convert__table-head .convert__table-row:hover,
.staking__table-head .staking__table-row:hover,
.transaction__table-head .transaction__table-row:hover {
    background: none;
}

.asset-balance__table-row,
.staking__table-row,
.convert__table-row,
.transaction__table-row {
    display: flex;
    align-items: center;
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: -20px;
    margin-right: -20px;
    gap: 5px;
    font-size: 14px;
    border-bottom: 1px solid var(--theme-color-28);
}

.session__table-row {
    display: flex;
    padding: 24px 0;
    font-size: 14px;
}

.asset-balance__table-row:hover,
.staking__table-row:hover,
.convert__table-row:hover,
.transaction__table-row:hover {
    background-color: var(--theme-color-7);
}

.convert__table-body .convert__table-row:last-of-type,
.asset-balance__table-body .asset-balance__table-row:last-of-type,
.staking__table-body .staking__table-row:last-of-type,
.session__table-body .session__table-row:last-of-type,
.transaction__table-body .transaction__table-row:last-of-type {
    border-bottom: 0;
}

.convert__table-item,
.asset-balance__table-item,
.staking__table-item,
.session__table-item,
.transaction__table-item {
    flex: 1 1 0%;
    text-align: end;
}

.asset-balance__table-item {
    font-size: 14px;
    font-weight: 700;
    color: var(--text);
}

.asset-balance__table-item {
    font-size: 16px;
    font-weight: 600;
    color: var(--text);
}

.staking__table-head .staking__table-item {
    color: var(--text);
    font-size: 16px;
    font-weight: 600;
}

.staking__table-body .staking__table-content * {
    font-size: 16px;
}

.table__value-column__head,
.table__value-column__body {
    font-size: 14px;
}

.asset-balance__table-item:first-of-type,
.staking__table-item:first-of-type,
.convert__table-item:first-of-type,
.session__table-item:first-of-type,
.transaction__table-item:first-of-type {
    text-align: start;
}


.convert__table-item:first-of-type .table__value-column,
.asset-balance__table-item:first-of-type .table__value-column,
.staking__table-item:first-of-type .table__value-column,
.session__table-item:first-of-type .session__table-item-content,
.transaction__table-item:first-of-type .table__value-column {
    align-items: start;
}

.session__table-item-title,
.staking__table-title,
.asset-balance__table-title,
.transaction__table-title {
    display: none;
}

.transaction__table-val {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.transaction__table-val_curr {
    margin-left: 5px;
    text-transform: uppercase;
}

.table__value-asset {
    display: flex;
}

.table__value-asset__content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

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

.table__value-column__head,
.table__value-column__body {
    display: flex;
}

.table__value-asset__currency {
    font-size: 14px;
    text-transform: uppercase;
}

.table__value-asset__mark {
    margin-right: 8px;
}

.asset-balance__table-item:last-of-type {
    flex: 15%;
    text-align: end;
}

.asset-balance__table-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    min-width: fit-content;
    gap: 4px;
}

.asset-balance__table-actions .account-balance__btn {
    color: var(--theme-main);
    font-family: "Manrope", sans-serif;
    margin-right: 0;
    font-size: 12px;
    font-weight: 600;
    line-height: normal;
    padding: 8px;
    border-radius: 40px;
    background: var(--theme-color-2);
    box-shadow: 0px 2px 7px 0px var(--theme-color-135);
}

.asset-balance__table-actions .account-balance__btn:hover {
    color: var(--primary-color);
    background: var(--theme-main);
    box-shadow: var(--btn-box-shadow);
}

.asset__logo-img {
    margin-right: 5px;
    width: 100%;
    max-width: 40px;
    max-height: 40px;
}

.table__value-asset__name {
    text-transform: capitalize;
    margin-top: 4px;
}

.table__value-asset__name,
.table__value-column__body {
    color: var(--text-color);
    font-weight: 400;
    font-size: 13px;
}

.table__value-head__currency {
    margin-left: 5px;
    text-transform: uppercase;
}

.table__value-column__body {
    margin-top: 6px;
}


/* wallet - staking */
.stake-drop-parent {
    position: absolute;
    right: 0;
    top: calc(50% - 15px);
}

.wallet__convert-drop {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.wallet__convert-drop__coin,
.stake-drop__coin {
    position: absolute;
    left: -30px;
    width: 25px;
}

.stake-drop {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.wallet__convert-drop__value,
.stake-drop__value {
    font-size: 14px;
}

.wallet__convert-drop__arrow {
    margin-left: 10px;
}

.stake-drop__arrow {
    margin-left: 10px;
}

.wallet__convert-drop.active .wallet__convert-drop__arrow,
.stake-drop.active .stake-drop__arrow {
    transform: rotate(180deg);
}

.wallet__convert-drop__box,
.stake-drop__box {
    display: none;
    position: absolute;
    width: 110px;
    right: 0;
    top: calc(100% + 5px);
}

.stake-drop__text {
    font-size: 32px;
    text-transform: uppercase;
}

.wallet__convert-drop__list,
.stake-drop__list {
    max-height: 170px;
    min-width: fit-content;
    overflow-y: auto;
    border-radius: 12px;
    border: 1px solid var(--element-bg-10);
    background: var(--bg-frames);
}

.wallet__convert-drop__list::-webkit-scrollbar,
.stake-drop__list::-webkit-scrollbar {
    width: 4px;
}

.wallet__convert-drop__list::-webkit-scrollbar-track,
.stake-drop__list::-webkit-scrollbar-track {
    background: var(--color-none);
}

.wallet__convert-drop__list::-webkit-scrollbar-thumb,
.stake-drop__list::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: var(--scroll-bg);
}

.wallet__convert-drop__item,
.stake-drop__item {
    padding: 6px 8px;
    font-size: 14px;
    color: var(--theme-color-9);
    text-transform: uppercase;
    cursor: pointer;
    transition: .3s;
    display: flex;
    align-items: center;
    gap: 15px;
}

.wallet__convert-drop__item:hover,
.stake-drop__item:hover {
    color: var(--secondary-color);
}

.wallet__convert-drop__item:hover,
.stake-drop__item:hover {
    background-color: var(--theme-color-7);
}

.wallet__convert-drop__item-img,
.stake-drop__item-img {
    width: 25px;
    height: 25px;
    border-radius: 12px;
}

.wallet__stake {
    margin-top: 20px;
}

.wallet__stake-header {
    position: relative;
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 12px;
    margin-top: 10px;
}

.wallet__stake-box {
    /* padding: 35px 24px; */
    display: flex;
    flex-direction: column;
    width: calc(50% - 6px);
}

.stake-box__header,
.stake-box__body {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.stake-box__body {
    position: relative;
    height: 45px;
}

.stake-box__header-title {
    display: flex;
    align-items: center;
    text-transform: capitalize;
    font-size: 20px;
    font-weight: 700;
}

.stake-box__header-info {
    font-weight: 400;
    display: flex;
    align-items: center;
    text-transform: capitalize;
    color: var(--text);
    font-size: 16px;
}

.stale-box__header-val {
    margin-left: 4px;
}

.stake-box__body {
    margin-top: 20px;
}

.stake-box__body-crypto {
    display: flex;
    align-items: center;
}

.stake-box__body-crypto img {
    max-width: 25px;
    margin-right: 10px;
}

.stake-box__body-input {
    font-family: 'Manrope', sans-serif;
    color: var(--text);
    font-size: 32px;
    font-weight: 700;
    width: 100%;
    background-color: var(--color-none);
}

.stake-box-crypto__val {
    font-size: 32px;
}

.stake-box__body-input::placeholder {
    color: var(--text);
}

.stake-box-crypto__received {
    margin-left: 5px;
}

.stake-calc-days {
    display: flex;
    align-items: center;
    user-select: none;
}

.stake-calc-days__text {
    color: var(--text-color);
    font-weight: 400;
    margin-left: 12px;
}

.wallet__stake-calc__desc {
    display: flex;
    align-items: center;
    justify-content: center;
}

.wallet__stake-calc__text {
    margin-left: 5px;
    color: var(--text-color);
    font-size: 16px;
    font-weight: 400;
}

.btn-calc {
    cursor: pointer;
    width: 24px;
    height: 24px;
    padding: 0;
    font-size: 23px;
    line-height: 1em;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--theme-color-6);
    background-color: var(--color-none);
}

.stake-calc-val {
    margin: 0 5px;
    width: 32px;
    text-align: center;
    background-color: var(--color-none);
    max-width: fit-content;
    color: var(--text);
    font-family: "Manrope", sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize;
}

.wallet__stake-body {
    margin-top: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.btn-stake {
    text-transform: capitalize;
    font-weight: 600;
}

.staking-table__message,
.transaction-table__message {
    text-align: center;
    margin: 20px 0;
    color: var(--secondary-color);
    font-size: 16px;
    font-weight: 500;
}

.dsh_btn-cancel-staking{
    background-color: #A52A2A;
    padding: 5px 15px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.30em;
    border-radius: 65px;
    color: white;
    cursor: pointer;
}

.transaction__table {
    margin-top: 25px;
}

.trans__status-confirmed {
    color: var(--color-light-green);
}

.trans__status-unconfirmed {
    color: var(--theme-color-10);
}


/* wallet - convert */
.wallet__convert-form {
    width: 100%;
    margin-top: 16px;
}

.wallet__convert-fboxes {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 16px;
}

.wallet__convert-box {
    width: calc(50% - 6px);
    /* padding: 35px 24px; */
}

.wallet__convert-box:first-of-type {
    z-index: 2;
}

.wallet__convert-box:last-of-type {
    z-index: 1;
}

.wallet__convert-box__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.wallet__convert-box-parent {
    position: relative;
    margin-top: 35px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--stroke);
}

.wallet__convert-box__title {
    color: var(--text);
    font-size: 20px;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize;
}

.wallet__convert-box__balance {
    color: var(--text);
}

.wallet__convert-box__max {
    text-transform: capitalize;
    font-weight: 400;
    font-size: 16px;
    cursor: pointer;
}

.wallet__convert-box__value {
    font-family: 'Manrope', sans-serif;
    color: var(--text);
    width: 100%;
    background-color: var(--color-none);
    border: none;
    outline: none;
    margin-bottom: 5px;
    font-weight: 700;
}

.wallet__convert-box__value::placeholder {
    color: var(--text);
}

.wallet__convert-drop-parent {
    position: absolute;
    right: 0;
    top: calc(50% - 15px);
}

.convert__notifications {
    align-items: center;
    display: flex;
}

.convert__message {
    margin-top: 10px;
    margin-left: 20px;
    color: var(--theme-color-17);
    font-size: 14px;
    display: none;
}
.error_used_promo {
    margin-top: 5px;
    margin-bottom: 10px;
    color: var(--theme-color-17);
    font-size: 14px;
}

.convert-items {
    margin-top: 16px;
}

.convert-item {
    margin-bottom: 12px;
    display: flex;
    justify-content: space-between;
    border-radius: 12px;
    background: var(--theme-color-79);
    -webkit-backdrop-filter: blur(8px);
    -moz-backdrop-filter: blur(8px);
    -o-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    border: 1px solid var(--theme-color-80);
}

.convert-item:last-of-type {
    margin-bottom: 0;
}

.convert-status__abort {
    border-radius: 12px;
    border: 1px solid var(--element-bg-10);
    background: var(--theme-color-23);
}

.convert-item__line {
    content: "";
    margin: -10px 20px;
    width: 1px;
    height: auto;
    background-color: var(--green-gdashboard);
}

.convert-status__abort .convert-item__line {
    background-color: var(--red);
}

.convert-item__box {
    width: 50%;
}

.convert-item__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.convert-item__box:first-of-type .convert-item__status {
    display: none;
}

.convert-item__body {
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
}

.convert-item__token {
    display: flex;
    color: var(--text);
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}

.convert-item__title {
    color: var(--secondary-color);
    font-size: 20px;
    font-weight: 700;
}

.convert-item__icon {
    width: 40px;
    height: 40px;
}

.convert-item__amount {
    font-size: 20px;
    font-weight: 700;
}

.convert-item__column {
    margin-left: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.convert-item__fulltoken {
    text-transform: capitalize;
    color: var(--text);
    font-size: 14px;
    font-weight: 400;
}


.wallet__convert-btn {
    display: block;
    margin-left: auto;
    padding: 16px 80px;
    color: var(--primary-color);
    font-weight: 500;
    font-size: 16px;
    width: 100%;
    max-width: 270px;
}
.wallet__convert-btn:disabled,
.wallet__convert-btn.btn-disabled {
    pointer-events: none;
}

.convert-history-message {
    color: var(--text);
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1em;
}


.c-lrg-red {
    background: linear-gradient(180deg, var(--theme-color-10) 2.38%, var(--theme-color-11) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: var(--color-none);
    background-clip: text;
    text-fill-color: var(--color-none);
}

.profile__user-info {
    position: relative;
    display: flex;
    align-items: center;
    gap: 50px;
}

.profile__user-email {
    margin-top: 8px;
    color: var(--text);
    font-size: 16px;
    font-weight: 400;
}

.profile__user-verified {
    position: relative;
    padding: 10px 27px;
    z-index: 1;
}

.profile__user-verified:after {
    content: "";
    position: absolute;
    z-index: 0;
    inset: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 40px;
    padding: 1px;
    background: linear-gradient(223deg, var(--theme-color-81) 0%, var(--theme-color-82) 100%);
    -webkit-mask: linear-gradient(var(--primary-color) 0 0) content-box, linear-gradient(var(--primary-color) 0 0);
    -webkit-mask-composite: xor;
}

.profile__user-v-text {
    font-size: 16px;
    line-height: 26.5px;
    font-weight: 600;
    display: block;
    background: linear-gradient(180deg, var(--theme-color-10) 2.38%, var(--theme-color-11) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: var(--color-none);
    background-clip: text;
    text-fill-color: var(--color-none);
}

.profile__user-v-text::first-letter {
    text-transform: uppercase;
}

.Not.verified {
    background: linear-gradient(180deg, var(--theme-color-10) 2.38%, var(--theme-color-11) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: var(--color-none);
    background-clip: text;
    text-fill-color: var(--color-none);
}

.Verified {
    background: linear-gradient(180deg, var(--theme-color-29) 2.38%, var(--theme-color-30) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: var(--color-none);
    background-clip: text;
    text-fill-color: var(--color-none);
}

.Premium {
    background: linear-gradient(180deg, var(--theme-color-31) 2.38%, var(--theme-color-32) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: var(--color-none);
    background-clip: text;
    text-fill-color: var(--color-none);
}

.Not.verified .profile__user-v-text {
    display: block;
    background: linear-gradient(180deg, var(--theme-color-10) 2.38%, var(--theme-color-11) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: var(--color-none);
    background-clip: text;
    text-fill-color: var(--color-none);
}

.Verified .profile__user-v-text {
    display: block;
    background: linear-gradient(180deg, var(--theme-color-29) 2.38%, var(--theme-color-30) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: var(--color-none);
    background-clip: text;
    text-fill-color: var(--color-none);
}

.Premium .profile__user-v-text {
    display: block;
    background: linear-gradient(180deg, var(--theme-color-31) 2.38%, var(--theme-color-32) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: var(--color-none);
    background-clip: text;
    text-fill-color: var(--color-none);
}

.profile__user-verified.Not.verified:after {
    content: "";
    position: absolute;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    background: linear-gradient(204.67deg, var(--theme-color-10) 2.38%, var(--theme-color-11) 100%);
    top: -1px;
    left: -1px;
    z-index: 0;
    border-radius: 40px;
}

.profile__user-verified.Verified:after {
    content: "";
    position: absolute;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    background: linear-gradient(204.67deg, var(--theme-color-29) 2.38%, var(--theme-color-30) 100%);
    top: -1px;
    left: -1px;
    z-index: 0;
    border-radius: 40px;
}

.profile__user-verified.Premium:after {
    content: "";
    position: absolute;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    background: linear-gradient(204.67deg, var(--theme-color-31) 2.38%, var(--theme-color-32) 100%);
    top: -1px;
    left: -1px;
    z-index: 0;
    border-radius: 40px;
}

.profile__user-change {
    margin-top: 37px;
}

.profile__user-change-title {
    color: var(--text);
    font-size: 16px;
    font-weight: 600;
}

.profile__user-form {
    max-width: 445px;
}

.profile__user-field {
    margin-top: 17px;
    margin-bottom: 24px;
    display: flex;
    flex-direction: column;
}

.profile__label {
    color: var(--text);
    font-size: 16px;
    font-weight: 400;
    text-transform: lowercase;
    margin-bottom: 12px;
}

.control-label.profile__label {
    margin-bottom: 0;
}

.profile__label::first-letter {
    text-transform: uppercase;
}

.default__input,
.profile__user-field input,
.promo-code__input {
    color: var(--text-color);
    padding: 18px;
    border-radius: 40px;
    border: 1px solid var(--border-color);
    background-color: var(--color-none);
    transition: .2s;
    width: 100%;
}

.blockchain_m__form {
    /* max-width: 445px; */
}

/* .blockchain__field {
    width: 445px;
    max-width: 100%;
} */
.blockchain__parent {
    position: relative;
    width: fit-content;
}

.blockchain__mobile-enter {
    position: absolute;
    top: calc(50% - 20px);
    right: 5px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--theme-main);
    border-radius: 50%;
    cursor: pointer;
}

.blockchain__mobile-enter svg {
    width: 30px;
    height: 30px;
}

.blockchain__input {
    /* display: flex;
    align-items: center; */
    /* min-height: 57px;
    max-height: 57px; */


    color: var(--text-color);
    padding: 18px 18px;
    border-radius: 40px;
    border: 1px solid var(--border-color);
    background-color: var(--color-none);
    transition: .2s;

    width: 445px;
    max-width: 100%;
}

.blockchain_mess {
    font-size: 14px;
    margin-top: 10px;
    color: var(--theme-color-17);
}

.blockchain__list {
    margin-top: 10px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
}

.blockchain__item {
    padding: 4px 12px;
    padding-right: 8px;
    background-color: var(--theme-main);
    border-radius: 20px;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.blockchain__item-text {
    color: var(--primary-color);
    display: block;
    padding-right: 4px;
    margin-right: 3px;
    border-right: 1px solid var(--theme-color-6);
}

.blockchain__item-remove {
    width: 14px;
    height: 14px;
    cursor: pointer;
}

.blockchain__input {
    color: var(--text-color);
    background-color: var(--color-none);
}

.blockchain__input:focus {
    box-shadow: none;
}

.blockchain_btn.btn_disabled {
    pointer-events: none;
    cursor: default;
    background-color: var(--theme-color-83);
}


.invalid-feedback {
    color: var(--theme-color-12);
}

.invalid-feedback strong {
    font-weight: 400;
}

.poppup-field__parent-input:focus {
    border-color: var(--border-color);
}

.poppup-field__parent-input.withdraw_fee:focus,
.poppup-field__parent-input.withdraw_total:focus {
    border-color: var(--element-bg-10);
}

.poppup-field__parent-input,
.overview-main__search-input,
.fa2__input {
    transition: .2s;
}

.overview-main__search-input:focus {
    border-color: var(--border-color);
}

.default__input:focus,
.fa2__input:focus,
.promo-code__input:focus,
.profile__user-field input:focus {
    box-shadow: 0px 0px 10px -5px var(--theme-color-18);
    border-color: var(--theme-color-108);
}

.profile__user-field input::placeholder {
    color: var(--text-color);
    font-family: "Manrope", sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.profile__user-password {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 18px;
    border-radius: 40px;
    border: 1px solid var(--border-color);
    background-color: var(--bg-frames);
    position: relative;
    transition: .2s;
}

.profile__user-password:focus-within {
    /*border-radius: 40px;*/
    box-shadow: 0px 0px 10px -5px var(--theme-color-18);
    border-color: var(--theme-color-108);
}

.profile__user-password input {
    width: 100%;
    height: 100%;
    padding: 18px;
    border: 0;
    border-radius: 0;
    /*background-color: var(--bg-frames;*/
    box-shadow: none !important;
}

.user-password__visible {
    /*position: absolute;*/
    background-color: var(--color-none);
    /*top: calc(50% - 10px);*/
    /*right: 18px;*/
}

.user-password__visible svg {
    width: 20px;
}

.user-password__visible-hide {
    display: none;
    filter: brightness(0) saturate(100%) invert(78%) sepia(13%) saturate(5163%) hue-rotate(202deg) brightness(81%) contrast(88%);
}

.user-password__visible-show {
    filter: brightness(0) saturate(100%) invert(61%) sepia(4%) saturate(3024%) hue-rotate(218deg) brightness(92%) contrast(94%);
}

.caption__title {
    display: block;
    margin-top: 8px;
    color: var(--text);
    font-size: 14px;
    font-weight: 400;
    margin-bottom: -13px;
}

.blockchain_m {
    padding-bottom: 120px;
}

.promo-code {
    padding-bottom: 120px;
}

.promo-code__form {
    max-width: 445px;
}

.promo-code__field {
    margin-top: 22px;
    margin-bottom: 24px;
    display: flex;
    flex-direction: column;
}

.blockchain__field {
    margin-top: 22px;
    margin-bottom: 24px;
    display: flex;
    flex-direction: column;
}


.fa2 {
    padding-bottom: 40px;
}

.fa2__header {
    display: flex;
    align-items: center;
    gap: 24px;
}

.fa2__header-caption {
    margin-top: 16px;
    max-width: 500px;
    color: var(--text);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.fa2__title {
    margin-bottom: 20px;
}

.fa2__title-disabled {
    color: var(--theme-color-17);
}

.fa2__box {
    margin-bottom: 30px;
}

.fa2__box-caption {
    margin-top: 12px;
    margin-bottom: 8px;
    max-width: 500px;
    color: var(--text);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.fa2__email {
    display: flex;
    align-items: center;
}

.fa2__email-icon {
    margin-right: 6px;
}

.fa2__email-text {
    color: var(--text);
    font-size: 16px;
    font-weight: 600;
}

.fa2__qr {
    display: flex;
    align-items: center;
    gap: 50px;
    width: fit-content;
    padding: 50px;
    padding-right: 100px;
    border-radius: 12px;
    border: 1px solid var(--element-bg-10);
}

.fa2__qr-code img {
    filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(7500%) hue-rotate(209deg) brightness(89%) contrast(106%);
}

.fa2__qr-right {
    display: flex;
    flex-direction: column;
    gap: 27px;
}

.fa2__qr-right .link-border {
    color: var(--secondary-color);
    font-family: 'Manrope', sans-serif;
    font-size: 16px;
    font-weight: 500;
    padding: 15px 50px;
    border-radius: 40px;
    border: 1px solid var(--element-bg-10);
    background: var(--primary-color);
    box-shadow: 0px 2px 33px 0px var(--theme-color-123);
}

.fa2__qr-right .link-border:hover {
    background-color: var(--theme-main);
    border: 1px solid var(--theme-main);
    color: var(--primary-color);
    box-shadow: var(--btn-box-shadow);
}

.fa2__qr-right-code {
    color: var(--text);
    font-size: 20px;
}

.fa2-app_content {
    display: flex;
    align-items: center;
}

.fa2-app_text {
    display: block;
}

.fa2-app_text::first-letter {
    text-transform: uppercase;
}

.fa2-app_icon {
    margin-left: 8px;
    width: 20px;
    height: 20px;
    fill: var(--primary-color);
    transition: .3s;
}

.fa2-app_link:hover .fa2-app_icon {
    fill: var(--theme-color-84);
}

.fa2__form {
    margin-top: 20px;
    max-width: 445px;
}

.fa2 .form-horizontal {
    max-width: 445px;
}

.fa2__field {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 16px;
}

.fa2__field label {
    text-transform: uppercase;
}

.fa2__input {
    color: var(--text-color);
    padding: 18px;
    border-radius: 40px;
    border: 1px solid var(--element-bg-10);
    background-color: var(--color-none);
}

.profile__user-field input::placeholder {
    color: var(--text-color);
    font-family: "Manrope", sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.fa2__form .btn {
    padding: 12px 48px;
}


.kyc .convert__message {
    margin-top: 5px;
    margin-left: 0;
}

.kyc__wrapper {
    margin-bottom: 40px;
}

.kyc__wrapper:nth-child(3) {
    margin-bottom: 30px;
}

.kyc__form {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 24px;
}

.kyc__field {
    width: 100%;
    max-width: 380px;

    /* reset */
    margin: 0;
}

.kyc__form-input {
    width: 100%;
    background-color: var(--color-none);
    padding: 10px 20px;
    border-radius: 5px;
    color: var(--theme-color-6);
    border: 1px solid var(--theme-color-112);
}

.kyc__wrapper-title {
    font-size: 20px;
    font-weight: 700;
    color: var(--secondary-color);
    margin-bottom: 24px;
}


.body__shadow .wallet__wrapper,
.body__shadow .profile__wrapper {
    position: relative;
}

.body__shadow .wallet__wrapper::before,
.body__shadow .profile__wrapper::before {
    display: block;
    position: fixed;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--secondary-color);
    opacity: .5;
    z-index: 900;
}


/* tickets */
.hero__tickets {
    display: none;
    position: fixed;
    z-index: 801;
    padding: 24px 14px;
    right: 15px;
    bottom: 15px;
    width: 409px;
    max-width: 90%;
    height: 557px;
    max-height: calc(100vh - 90px);
    border-radius: 14px;
    border: 1px solid var(--custom_ss);
    background-color: var(--bg);
    background-image: url(/img/temp_4/bg_chat.webp);
    background-repeat: no-repeat;
    background-size: 100%;
    color: var(--text);
    box-shadow: 0px 4px 17px 0px var(--theme-color-122);
}
.ticket__title {
    color: var(--theme-main);
}

.hero__tickets-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.ticket__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    border-bottom: 1px solid var(--green-gdashboard);
    padding-bottom: 9px;
}

.tickets__body {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    height: 100%;
    overflow-y: auto;
    max-height: 100%;
    margin-right: -4px;
}

.ticket-msg_wrapper {
    height: 100%;
}

.ticket-msg_container {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.tickets__body .tickets__ticket {
    /*.tickets__body .ticket__messages,*/
    /*.tickets__body .ticket-send-message*/
    margin-right: 4px;
}

.tickets__ticket:hover {
    /*border-radius: 6px;*/
    /*background-color: var(--primary-color;*/
}

.tickets__body::-webkit-scrollbar {
    width: 4px;
}

.tickets__body::-webkit-scrollbar-track {
    background: var(--color-none);
}

.tickets__body::-webkit-scrollbar-thumb {
    background: var(--scroll-bg);
    border-radius: 20px;
}

.ticket__messages {
    overflow-y: auto;
    max-height: 400px;
    padding: 0 5px;
    margin-bottom: 5px;
}

.ticket__messages::-webkit-scrollbar {
    width: 4px;
}

.ticket__messages::-webkit-scrollbar-track {
    background: var(--color-none);
}

.ticket__messages::-webkit-scrollbar-thumb {
    background: var(--scroll-bg);
    border-radius: 20px;
}

.ticket__message {
    max-width: 90%;
    margin-bottom: 5px;
    width: fit-content;
}
.timestamp {
    font-size: 10px;
    padding: 5px 9px 2px;
    color: var(--theme-color-16);
}
.tmessage__to .timestamp {
    text-align: right;
}

.ticket__message .tmessage_author {
    font-size: 12px;
    font-weight: 500;
    opacity: var(--secondary-color);
    margin-bottom: 5px;
}

.ticket__message .tmessage_text {
    font-size: 13px;
    color: var(--theme-color-1);
    word-wrap: break-word;
    font-weight: 300;
    line-height: 1.3em;
}

.tmessage__to {
    margin-right: 4px;
    margin-left: auto;
}
.tmessage__to .box-messg {
    background-color: var(--primary-color);
    padding: 14px 12px;
    border-radius: 12px;
}
.tmessage_author {
    display: none;
}
.tmessage__from .box-messg {
    background-color: var(--theme-color-1);
    padding: 14px 15px;
    border-radius: 12px;
}
.ticket__message.tmessage__from .tmessage_text {
    color: var(--primary-color);
}

.tmessage__to .tmessage_author {
    text-align: right;
}

.ticket-create_ticket {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

@media screen and (max-height: 505px) {
    .ticket-create_ticket {
        min-height: calc(100vh - 220px);
        overflow-y: auto;
    }
}

.ticket-send-message {
    display: none;
    padding-top: 5px;
}

.ticket_send-group {
    display: flex;
    justify-content: space-between;
    gap: inherit;
    align-items: flex-start;
    padding-top: 0px;
    margin-top: auto;
    position: relative;
}

.tickets__form {
    display: none;
    height: 100%;
    gap: 10px;
    flex-direction: column;
}

.ticket__close {
    width: 24px;
    height: 24px;
    cursor: pointer;
    margin-right: 0px;
    filter: brightness(0) saturate(100%) invert(18%) sepia(40%) saturate(3568%) hue-rotate(246deg) brightness(88%) contrast(118%);
}
.box-date {
    text-align: center;
    color: var(--theme-color-1);
    font-size: 12px;
    font-weight: 300;
}

.tickets__ticket {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    cursor: pointer;
    transition: .3s;
    margin-bottom: 5px;
    align-items: center;
}
.create-ticket-error {
    color: var(--theme-color-12);
}

.tickets__ticket:last-of-type {
    margin-bottom: 0;
}

.ticket_field {
    outline: none;
    width: 100%;
    resize: none;
    font-family: var(--font-main);
    transition: .2s;
    font-size: 14px;
    border-radius: 12px;
    border: 1px solid var(--theme-main);
    box-shadow: 5px 4px 20px 0px rgba(0, 0, 0, 0.13);
    color: var(--secondary-color-4);
    padding: 15px 40px 15px 22px;
    background: var(--text-color-12);
    line-height: 1.2em;
    height: 47px;
    max-height: 97px;
}
.ticket_field::-webkit-scrollbar {
  width: 0px;
}
 
.ticket_field::-webkit-scrollbar-track {
  border-radius: 0px;
}
 
.ticket_field::-webkit-scrollbar-thumb {
  border-radius: 10px;
}
.tmessage__to .name_msg_pp {
    text-align: right;
}
.name_msg_pp {
    color: var(--theme-color-16);
    font-size: 10px;
    font-weight: 300;
    margin: 0 9px 4px;
}

.ticket_field:focus {
    border-color: var(--border-color);
}

.ticket_field::placeholder {
    color: var(--text-color);
    font-size: 12px;
    font-weight: 300;
    font-family: 'Manrope', sans-serif;

}

.btn_ticket-send {
    width: 100%;
    font-size: 20px;
    font-family: 'Manrope', sans-serif;
}

.ticket-create_ticket .ticket_field-textarea {
    min-height: 64px;
}

.tickets_sendbox {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    align-items: flex-start;
}

.ticket-send {
    height: 32px;
    width: 32px;
    border-radius: 50%;
    background-image: url(/img/temp_4/send_d.svg);
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .2s;
    position: absolute;
    top: 50%;
    transform: translate(0px, -50%);
    right: 15px;
}

.ticket-send:hover {
    background-color: var(--theme-color-131);
}

.ticket-send__img {
    opacity: 0;
    width: 24px;
    height: 24px;
    margin-right: 0;
    transition: .2s;
    /*filter: brightness(0) saturate(100%) invert(75%) sepia(29%) saturate(3284%) hue-rotate(203deg) brightness(83%) contrast(82%);*/
}

.ticket-send:hover .ticket-send__img {
    opacity: 1;
}


.t-ticket__left {
    display: flex;
    flex-direction: column;
}

.t-ticket__right {
    display: flex;
    align-items: center;
    height: 100%;
}

.t-ticket__title {
    margin-bottom: 7px;
}

.t-ticket__date {
    font-family: 'Manrope', sans-serif;
    font-size: 10px;
    font-weight: 400;
    color: var(--text-color);
}

.t-ticket__mark {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.btn-ticket {
    color: var(--text);
    font-family: 'Manrope', sans-serif;
    font-size: 20px;
    font-weight: 700;

    width: 100%;
    border-radius: 14px;
    border: 1px solid var(--theme-color-110);
}

.btn-ticket:hover {
    border-color: var(--color-none);
}


.hero__chat {
    position: fixed;
    z-index: 800;
    right: 15px;
    bottom: 15px;
    display: block;
    width: 120px;
}

/* poppups and notifications*/
.deposit_notifications {
    display: none;
}

.other_notification-danger,
.other_notification-success {
    position: fixed;
    z-index: 1003;
    right: -100%;
    bottom: 30px;
    transition: .6s;
    width: fit-content;
    padding: 10px 20px;
    border-radius: 10px;
    font-weight: 500;
    cursor: pointer;
}

.other_notification-danger.active,
.other_notification-success.active {
    right: 30px;
}

.alert-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: var(--primary-color);
    border-radius: 5px;
}

.alert-content {
    padding: 10px 40px;
}

.alert-line {
    position: absolute;
    left: 0px;
    top: 0;
    height: 100%;
    width: 5px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}

.alert-title {
    font-weight: 400;
    font-size: 20px;
    margin: 0;
}

.alert strong {
    margin-right: 23px;
    font-weight: 300;
    font-size: 14px;
}

.alert-close {
    height: 60px;
    width: 60px;
    display: block;
    position: relative;
    border-left: 1px solid var(--theme-color-85);
    cursor: pointer;
}

.alert-close svg {
    position: absolute;
    width: 40px;
    right: calc(50% - 20px);
    top: calc(50% - 22px);
}


.wallet__gift-poppup,
.wallet__withdraw-poppup,
.wallet__deposit-poppup,
.wallet__transfer-poppup {
    display: none;
    position: fixed;
    z-index: 1002;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.wallet__withdraw-poppup {
    max-height: none;
}

/*.wallet__deposit-poppup .wallet__poppup-form .wallet__poppup-field:last-of-type,
.wallet__withdraw-poppup .wallet__poppup-wrapper .wallet__poppup-form .wallet__poppup-field:last-of-type {
    visibility: hidden;
}*/

.wallet__gift-poppup .wallet__poppup-form,
.wallet__withdraw-poppup .wallet__poppup-form {
    margin-top: 15px;
}


.withdraw__radios {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.withdraw__radio {
    position: relative;
    padding-left: 30px;
    cursor: pointer;
}

.withdraw__radio ._checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    border: 2px solid var(--theme-color-86);
}

.withdraw_credit-form .wallet__poppup-field.error .poppup-field__parent-input,
.withdraw_credit-form .wallet__poppup-field.error .wallet__poppup-field__drop {
    border-color: var(--red);
}

.withdraw__radio.wth_active ._checkmark {
    border-color: var(--theme-color-1);
}

/* .withdraw__radio input:checked~._checkmark {
    border-color: var(--theme-color-1);
} */

._checkmark:after {
    content: "";
    position: absolute;
    top: calc(50% - 6px);
    left: calc(50% - 6px);
    display: none;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: var(--theme-color-1);
}

.withdraw__radio.wth_active ._checkmark:after {
    display: block;
}


.gift_subtitle.caption__title {
    margin-top: -5px;
    margin-bottom: 0;
}

@media screen and (max-width: 800px) {
    .gift_subtitle.caption__title {
        margin-top: 2px;
    }
}

.gift_content-text {
    margin-top: 10px;
}

.wallet__gift-column {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 10px;
}

.wallet__gift-row {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 6px;
}

.wallet__gift-label {
    color: var(--text-color);
    font-weight: 300;
    font-size: 16px;
    line-height: 1em;
}

.wallet__gift-promo {
    color: var(--green-gdashboard);
    font-weight: 700;
    font-size: 18px;
    line-height: 1em;
    display: block;
    text-align: center;
    margin: 8px auto;
    margin-bottom: 16px;
    width: 100%;
}

.wallet__gift-content-img {
    margin: -10px auto;
}

.wallet__gift-credit {
    color: var(--secondary-color);
    font-weight: 700;
    font-size: 18px;
}

.wallet__gift-form .poppup-field__parent-input {
    background-color: var(--primary-color);
}

.wallet__gift-poppup,
.wallet__withdraw-poppup,
.wallet__deposit-poppup {
    width: 95%;
    max-width: 580px;
}

.wallet__transfer-poppup {
    width: 95%;
    max-width: 516px;
}

.wallet-poppup.bline-parent {
    display: block !important;
}

.wallet__withdraw-poppup .wallet__poppup-body,
.wallet__deposit-poppup .wallet__poppup-body {
    position: relative;
    z-index: 3;
    /* height: 200px; */
}

.wallet__poppup-imgs {
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    bottom: 0;
}

.wallet__poppup-img2 {
    width: 87%;
    bottom: calc(-100% + -21px);
}

.wallet__poppup-img-abs {
    position: absolute;
    z-index: -1;
    width: 100%;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
}

.wallet__poppup-wrapper {
    position: relative;
    margin-bottom: 0;
    border-radius: 16px;
    border: 1px solid var(--theme-main);
    background: var(--primary-color);
    color: var(--secondary-color);
}

/* wallet withdraw */
.wallet__withdraw-wrapper {
    position: relative;
    margin-bottom: 0;
    border-radius: 16px;
    border: 1px solid var(--element-bg-10);
    background: var(--primary-color);
    color: var(--secondary-color);
}

.active .wallet__withdraw-wrapper {
    display: block;
}

.withdraw_credit_show .wallet__poppup-wrapper,
.active .wallet__poppup-wrapper {
    display: none;
}

.wallet__credit-wrapper {
    position: relative;
    margin-bottom: 0;
    border-radius: 16px;
    border: 1px solid var(--element-bg-10);
    background: var(--primary-color);
    color: var(--secondary-color);
}

.wallet__credit-wrapper .wallet__poppup-scroll {
    padding-bottom: 0;
}

.wallet__credit-wrapper .wallet__poppup-head {
    position: relative;
    padding-bottom: 20px;
}

.wallet__credit-wrapper .wallet__poppup-head::after {
    content: "";
    position: absolute;
    height: 1px;
    width: calc(100% + 30px);
    left: -15px;
    right: -15px;
    bottom: 0;
    background-color: var(--element-bg-10);
}

.withdraw_credit_show .wallet__credit-wrapper {
    display: block;
}

.wallet_crd-box {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 8px;
    padding: 14px;
    border-radius: 16px;
    background-color: var(--theme-color-132);
}

.wallet_crd-box .wallet__poppup-field {
    visibility: visible !important;
}

.wallet__withdraw-content {
    padding: 0px 15px;
    position: relative;
    z-index: 1;
    border-radius: 12px;
    padding-bottom: 30px;
}

.wallet__poppup-scroll {
    overflow-y: auto;
    max-height: calc(100vh - 150px);
    padding-bottom: 23px;
    max-width: 510px;
    margin: 0 auto;
}

.wallet__poppup-scroll::-webkit-scrollbar {
    width: 4px;
}

.wallet__poppup-scroll::-webkit-scrollbar-track {
    background: var(--color-none);
}

.wallet__poppup-scroll::-webkit-scrollbar-thumb {
    background: var(--scroll-bg);
    border-radius: 20px;
}

.withdraw_select_coin,
.withdraw_select_network {
    text-transform: uppercase;
}

.wallet__withdraw-content .wallet__poppup-body {
    padding-bottom: 0;
}

.poppup-field__text {
    color: var(--theme-color-8);
    margin-top: 10px;
    line-height: 1em;
}

.form-check-label {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
    width: fit-content;
    line-height: 1em;
    color: var(--theme-color-9);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.form-check-label .form-check-input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.agree_text {
    font-size: 12px;
    line-height: 1.2em;
    text-transform: initial;
}
.agree_link {
    color: var(--theme-main);
}

input[type="checkbox"]+.checkmark::before {
    content: "";
    position: absolute;
    top: calc(50% - 12px);
    left: 0;
    width: 24px;
    height: 24px;
    background-image: url('/img/temp_4/checkbox_v4.svg');
    background-size: cover;
    background-position: center;
}

input[type="checkbox"]+.checkmark::after {
    content: "";
    position: absolute;
    top: calc(50% - 3.5px);
    left: 7px;
    width: 10px;
    height: 7px;
    background-image: url('/img/temp_4/checked_v4.svg');
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
}

input[type="checkbox"]:checked+.checkmark::after {
    opacity: 1;
}

.wallet__withdraw-content input[type="checkbox"]+.checkmark::before {
    top: calc(50% - 8px);
    width: 16px;
    height: 16px;
}

.wallet__withdraw-content input[type="checkbox"]+.checkmark::after {
    left: 4px;
    width: 8px;
}

.wallet__withdraw-content .form-check-label {
    padding-left: 25px;
}

.withdraw_fee,
.withdraw_total {
    cursor: default;
}

/* end wallet withdraw */

.wallet__poppup-body {
    max-width: 450px;
    margin: 0 auto;
    padding-bottom: 40px;
}

.wallet__transfer-poppup .wallet__poppup-body {
    max-width: 400px;
    overflow-y: auto;
    max-height: 85vh;
    /* max-height: 550px;
    overflow-y: auto; */
}

.wallet__ppp-content {
    padding: 0px 15px;
    position: relative;
    z-index: 1;
    border-radius: 12px;
}

.wallet__gift-poppup .wallet__ppp-content,
/* .wallet__withdraw-poppup .wallet__ppp-content, */
.wallet__deposit-poppup .wallet__ppp-content {
    padding-bottom: 200px;
}

.wallet__withdraw-poppup .wallet__ppp-content {
    padding-bottom: 200px;
}

.wallet__deposit-qr_code {
    max-width: 190px;
    margin: 0 auto;
    border-radius: 10px;
    border: 1px dashed var(--secondary-color);
}

.wallet__poppup-form .btn_orange {
    width: 100%;
}

.wallet__poppup-head {
    padding-top: 35px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--secondary-color);
}

.wallet__deposit-m .wallet__ppp-content {
    padding-bottom: 0;
}

.wallet__deposit-m .wallet__poppup-head {
    padding-top: 20px;
}

.wallet__poppup-head__title {
    display: block;
    margin: 0 auto;
    font-size: 32px;
}

.wallet__poppup-head__close {
    cursor: pointer;
    position: absolute;
    z-index: 10;
    top: 30px;
    right: 30px;
    width: 32px;
    height: 32px;
}

.wallet__poppup-head__close svg {
    width: 20px;
    position: absolute;
    top: calc(50% - 10px);
    left: calc(50% - 10px);
    height: 20px;
    filter: brightness(0) saturate(100%) invert(99%) sepia(0%) saturate(6454%) hue-rotate(292deg) brightness(133%) contrast(81%);
}

.wallet__poppup-field {
    /* margin: 20px 0; */
    display: flex;
    flex-direction: column;
}

.poppup__switch {
    cursor: pointer;
    border-radius: 50%;
    background-color: var(--theme-color-112);
    height: 30px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.poppup__switch svg {
    width: 12px;
}

.wallet__poppup-field__label {
    color: var(--text);
    margin-bottom: 12px;
    font-weight: 400;
    font-size: 16px;
    text-transform: lowercase;
}

.wallet__poppup-field__label::first-letter {
    text-transform: uppercase;
}


.ticket-field__drop {
    min-height: 47px;
    height: 47px;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-transform: capitalize;
    width: 100%;
    color: var(--text-color);
    font-size: 16px;
    padding: 8px 13px;
    border: 1px solid var(--theme-main);
    border-radius: 12px;
}

.ticket-field__drop.active {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.active.ticket-field__drop::after {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.ticket__field-arrow {
    width: 10px;
    filter: invert(1);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.active .ticket__field-arrow {
    transform: rotate(180deg);
}

.ticket__field-box {
    position: absolute;
    display: none;
    z-index: 2;
    top: 100%;
    background: var(--primary-color);
    border-left: 1px solid var(--theme-main);
    border-right: 1px solid var(--theme-main);
    border-bottom: 1px solid var(--theme-main);
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    left: -1px;
    right: -2px;
    width: calc(100% + 2px);
    animation-name: slide-down;
    animation-duration: .1s;
    animation-timing-function: cubic-bezier(0.47, 1.08, 1, 0.97);
}

.ticket__field-list {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    max-height: 160px;
    /* border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px; */
    margin-bottom: 10px;
}

.ticket__field-list::-webkit-scrollbar {
    width: 4px;
}

.ticket__field-list::-webkit-scrollbar-track {
    background: var(--color-none);
}

.ticket__field-list::-webkit-scrollbar-thumb {
    background: var(--scroll-bg);
    border-radius: 20px;
}

.ticket__field-item {
    font-size: 12px;
    font-weight: 300;
    text-transform: lowercase;

    padding: 5px 20px;
    color: var(--theme-color-9);
}

.ticket__field-item::first-letter,
.ticket__field-input__text::first-letter {
    text-transform: uppercase;
}

.ticket__field-item:hover {
    background-color: var(--theme-color-7);
}

.ticket__field-input__text {
    color: var(--text-color);
    font-size: 12px;
    font-weight: 300;
    text-transform: lowercase;
}

.ticket_send-group .ticket__field-border {
    width: 100%;
}


.wallet__poppup-field__drop {
    min-height: 60px;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-transform: capitalize;

    width: 100%;
    background-color: var(--primary-color);
    color: var(--text-color);
    font-size: 16px;
    padding: 18px;
    border: 1px solid var(--element-bg-10);
    border-radius: 31px;
}

.wallet__poppup-field__drop.active {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.poppup-field__parent {
    position: relative;
}

.poppup__field-input {
    width: 100%;
    background-color: var(--color-none);
    padding: 18px;
    color: var(--text-color);
    border-radius: 31px;
    border: 1px solid var(--element-bg-10);
}

.active .poppup__field-arrow {
    transform: rotate(180deg);
}

.poppup__field-arrow svg {
    filter: brightness(0) saturate(100%) invert(99%) sepia(100%) saturate(0%) hue-rotate(185deg) brightness(106%) contrast(106%);
}

.poppup__field-box {
    position: absolute;
    display: none;
    z-index: 2;
    top: calc(100% + 1px);
    background: var(--primary-color);
    border-left: 1px solid var(--element-bg-10);
    border-right: 1px solid var(--element-bg-10);
    border-bottom: 1px solid var(--element-bg-10);
    border-bottom-left-radius: 31px;
    border-bottom-right-radius: 31px;
    left: -1px;
    right: -2px;
    width: calc(100% + 2px);
    animation-name: slide-down;
    animation-duration: .1s;
    animation-timing-function: cubic-bezier(0.47, 1.08, 1, 0.97);
}

@keyframes slide-down {
    0% {
        height: 0;
    }

    100% {
        height: auto;
    }
}

.poppup__field-box .overview-main__search-input {
    border-radius: 0;
    color: var(--text-color);
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
}

.poppup__field-list {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    max-height: 260px;
    border-bottom-left-radius: 31px;
    border-bottom-right-radius: 31px;
}

.poppup__nothing-found {
    cursor: default;
    padding: 15px 0;
    width: 100%;
    text-align: center;
    font-weight: 500;
}

.poppup__field-list::-webkit-scrollbar {
    width: 4px;
}

.poppup__field-list::-webkit-scrollbar-track {
    background: var(--color-none);
}

.poppup__field-list::-webkit-scrollbar-thumb {
    background: var(--scroll-bg);
    border-radius: 20px;
}

.poppup__field-item {
    display: flex;
    align-items: center;
    gap: 15px;
    text-transform: uppercase;
    padding: 5px 20px;
    color: var(--theme-color-9);
}

.poppup__field-item:hover {
    background-color: var(--theme-color-7);
}

.poppup__field-item-img {
    width: 25px;
    height: 25px;
    border-radius: 12px;
}

.poppup__field-input__text {
    color: var(--text-color);
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    text-transform: none;
}

.poppup__field-input::placeholder {
    text-transform: capitalize;
}

.poppup-field__parent {
    position: relative;
}

.poppup-field__max {
    color: var(--text-color);
    font-family: 'Manrope', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    cursor: pointer;
    position: absolute;
    right: 13px;
    height: auto;
    padding: 5px 10px;
    top: 50%;
    transform: translate(0px, -50%);
    background: var(--color-none);
    text-transform: lowercase;
    border: 1px solid var(--theme-color-28);
    border-radius: 8px;
}

.poppup-field__max::first-letter {
    text-transform: uppercase;
}

.poppup-field__parent-input {
    width: 100%;
    color: var(--text-color);
    min-height: 60px;
    text-align: left;
    background-color: var(--color-none);
    padding: 18px;
    border-radius: 50px;
    border: 1px solid var(--element-bg-10);
}

.wallet__poppup-balance {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--text-color);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    padding: 17px;
    text-transform: capitalize;
    border-radius: 40px;
    background: var(--theme-color-87);
}

.wallet__poppup-form {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 12px;
    height: 100%;
}

.wallet__poppup-form .btn {
    width: 100%;
}

.wallet__poppup-form .wallet__menu-btn {
    width: 100%;
}

.wallet__poppup-title {
    position: relative;
}

.wallet__deposit-poppup .wallet__poppup-title {
    display: none;
}

.wallet__poppup-head__subtitle {
    margin-top: 4px;
    color: var(--text);
    text-align: center;
    font-size: 14px;
}


.wallet__deposit-m .wallet__poppup-title {
    display: block;
    margin: 0 auto;
}

.wallet__deposit-body {
    display: none;
}

.wallet__deposit-m .wallet__deposit-body {
    display: block;
}

.wallet__deposit-m .wallet__poppup-form {
    display: none;
}

.wallet-head__title-caption {
    position: absolute;
    top: 100%;
    color: var(--text);
    right: 50%;
    transform: translate(50%, 0);
}

.wallet__deposit-m .wallet-head__title-caption {
    font-weight: 500;
}

.wallet__poppup-content__center {
    text-align: center;
    color: var(--text);
    /*margin-top: 50px;*/
    margin: 0 auto;
}

.wallet__deposit-content-title {
    font-size: 18px;
    font-weight: 500;

    display: none;
}

.wallet__deposit-content-img {
    margin: 21px auto;
    margin-top: 40px;
}

.wallet__withdraw-content-img {
    width: 150px;
    height: 138px;
    margin: 18px auto 25px;
}

.wallet__deposit-content-caption {
    font-size: 16px;
    margin-top: 15px;
    color: var(--text);
    font-weight: 500;
}

.wallet__deposit-error-minimal {
    margin-top: 10px;
    color: var(--theme-color-88);
    font-size: 14px;
    font-weight: 400;
    line-height: 1em;
}

.wallet__deposit-address {
    margin: 15px 0;
    position: relative;
}

.wallet__deposit-address__input {
    color: var(--text);
    font-size: 16px;
    min-height: 60px;
    width: 100%;
    padding: 12px 18px;
    border-radius: 31px;
    padding-right: 35px;
    text-overflow: ellipsis;
    background-color: var(--primary-color);
    border: 1px solid var(--element-bg-10);
}

/* Login */
.page_auth {
    padding: 50px 10px;
    /*position: relative;*/
    /*z-index: 0;*/
}

.page_auth_wrapper {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 580px;
    margin: 0 auto;
}

.card-header {
    display: block;
    text-align: center;
    color: var(--secondary-color);
    margin-bottom: 15px;
    margin-top: 40px;
}

.card-body {
    border-radius: 24px;
    border: 1px solid var(--stroke);
    background: var(--primary-color);
    padding: 21px 32px 35px;
}

.card_content {
    max-width: 400px;
    margin: 0 auto;
}

.card_content .profile__user-field {
    margin-top: 10px;
    margin-bottom: 15px;
}

.card-body__field {
    position: relative;
    margin-bottom: 15px;
}

.card-field__title {
    position: absolute;
    left: 15px;
    top: calc(50% - 3px);
    color: var(--theme-color-116);
    font-size: 12px;
    font-weight: 500;
    transition: .2s;
}

.card__else-box {
    margin-top: 10px;
    display: flex;
    ;
    align-items: center;
    justify-content: center;
    text-transform: capitalize;
    color: var(--secondary-color);
    font-size: 12px;
}

.card__else-link {
    margin-left: 8px;
    font-size: 14px;
    color: var(--green-gdashboard);
}

.card-body__field.card-field__focus .card-field__title {
    font-size: 10px;
    left: 10px;
    top: 0;
}

.card-body .profile__user-field:focus-within {
    border: none;
}

.card-body .card-field__input {
    width: 100%;
    transition: .2s;
}

.card-body .card-field__input:focus-within {
    box-shadow: 0px 0px 10px -5px var(--theme-color-18);
    border-color: var(--theme-color-108);
}

.btn-form {
    width: 100%;
    height: 53px;
}

.form-check-label {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-top: 8px;
    margin-bottom: 8px;
    cursor: pointer;
    font-size: 14px;
    width: fit-content;
    line-height: 1em;
    color: var(--secondary-color);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.form-check-label .form-check-input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.card-form__forgot {
    display: block;
    width: fit-content;
    margin-top: 10px;
    color: var(--text);
    font-weight: 600;
    font-size: 14px;
    position: relative;
}

.card-form__forgot::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0.6px;
    width: 100%;
    height: 0.2px;
    background-color: var(--text);
}

/* end Login */

.deposit-copy {
    position: absolute;
    top: calc(50% - 10px);
    right: 15px;
    padding: 0;
    margin: 0;
    width: 20px;
    background-color: var(--color-none);
}

.deposit-copy svg {
    opacity: .7;
    width: 18px;
    display: block;
}

.deposit-copy_success {
    cursor: default;
    position: absolute;
    display: flex;
    align-items: center;
    gap: 5px;
    background-color: var(--theme-main);
    padding: 5px 10px;
    color: var(--primary-color);
    border-radius: 10px;
    bottom: calc(100% + 5px);
    right: 50%;
    transform: translateX(50%);
    opacity: 0;
    visibility: hidden;
    transition: .3s;
}

.deposit-copy_success::after {
    content: "";
    width: 0;
    height: 0;
    border-left: 5px solid var(--color-none);
    border-right: 5px solid var(--color-none);
    border-top: 5px solid var(--theme-main);
    top: 100%;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
}

/*.deposit-copy_icon {*/
/*    width: 20px;*/
/*    height: 20px;*/
/*}*/
.deposit-copy_text {
    color: var(--primary-color);
    font-size: 12px;
    font-weight: 300;
}

.active_c .deposit-copy_success {
    opacity: 1;
    visibility: visible;
}

.second_main {
    padding: 112px 0px 65px;
    width: 100%;
}

.box_for_cont {
    border-radius: 24px;
    border: 1px solid var(--stroke);
    background: var(--primary-color);
    box-shadow: 0px 687px 412px 0px var(--theme-color-19), 0px 1221px 488px 0px var(--theme-color-128), 0px 1907px 534px 0px var(--theme-color-127);
    padding: 21px 32px 35px;
    margin-top: 23px;
}

.box_for_cont .article__title {
    margin: 12px 0 8px;
}

.cl_480_center {
    text-align: center;
    max-width: 480px;
    width: 100%;
    margin: 10px auto 0;
    color: var(--text);
}

.cl_750_center {
    text-align: center;
    max-width: 750px;
    width: 100%;
    margin: 10px auto 0;
    color: var(--text);
}

.article__text,
.article__list {
    color: var(--theme-color-33);
}

.sm_terms .article__text {
    font-size: 15px;
    color: var(--theme-color-89);
    line-height: 1.6em;
}

.article__list {
    margin-top: 10px;
}

.article__block_50 {
    border-radius: 24px;
    background: var(--theme-gradient-bg);
    box-shadow: 0px 687px 412px 0px var(--theme-color-19), 0px 1221px 488px 0px var(--theme-color-128), 0px 1907px 534px 0px var(--theme-color-127);
    width: calc(50% - 8px);
    margin-top: 11px;
    padding: 20px 33px 30px;
}


.second_m_error.second_main {
    padding-bottom: 0;
}

.second_error_wrapper .second_parent {
    border-radius: 24px;
    background: var(--theme-gradient-bg);
    box-shadow: 0px 687px 412px 0px var(--theme-color-19), 0px 1221px 488px 0px var(--theme-color-128), 0px 1907px 534px 0px var(--theme-color-127);
    display: flex;
    flex-direction: column;
}

.second_error_wrapper .second_error {
    opacity: .6;
}

.second_error_titles {
    padding-top: 110px;
    color: var(--theme-main);
    text-align: center;
    font-weight: 800;
    text-transform: uppercase;
}

.second_error-img_mb {
    display: none;
}

.second-error_alternative {
    text-align: center;
    color: var(--text);
    font-size: 14px;
    font-weight: 400;
    margin: 12px 0;
}

.second-error_alternative_links {
    margin-top: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
}

.error_alternative_link {
    color: var(--text);
    font-weight: 600;
    position: relative;
}

.error_alternative_link::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0.6px;
    width: 100%;
    height: 0.2px;
    background-color: var(--text);
}


.second_content-wimg.header_bm {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 13px;
}

.second_content-boxes {
    display: flex;
    gap: 16px;
}

.second_content-box-header {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 14px;
}

.second_about .article__text,
.second_content-box-body {
    font-size: 14px;
    color: var(--text);
}

.second_about {
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

.second_about .article__block {
    width: 50%;
}

.second_about .second_wimg {
    width: 100%;
    max-width: 467px;
}

.about_map {
    margin-top: 10px;
}

.sc_about_p80 {
    padding-bottom: 80px;
}

.article__roadmap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
}

.roadmap__step_arrow {
    width: 100%;
    max-width: 70px;
    display: flex;
}

.roadmap__step {
    display: flex;
    align-items: center;
    gap: 20px;
    transition: .6s;
    opacity: 0;
}

.roadmap__step-content {
    min-height: 100%;
}

.roadmap__step:first-child:nth-last-child(1) {
    width: 100%;
}

.roadmap__step:first-child:nth-last-child(2),
.roadmap__step:first-child:nth-last-child(2)~.roadmap__step {
    width: calc(50% - 10px);
}

.roadmap__step:first-child:nth-last-child(3),
.roadmap__step:first-child:nth-last-child(3)~.roadmap__step {
    width: calc(33.3333% - 15px);
}

.roadmap__step:first-child:nth-last-child(4),
.roadmap__step:first-child:nth-last-child(4)~.roadmap__step {
    width: calc(25% - 15px);
}

.roadmap__step:last-of-type .roadmap__step_arrow {
    display: none;
}

@media screen and (max-width: 1560px) {
    .roadmap__step:last-of-type {
        margin-right: auto;
    }
}

@media screen and (max-width: 1080px) {
    /* .roadmap__step {
        width: calc(50% - 20px);
        justify-content: space-between;
    }

    .roadmap__step:nth-child(2) .roadmap__step_arrow {
        display: none;
    }

    .roadmap__step:nth-child(3) .roadmap__step_arrow {
        display: block;
    }

    .roadmap__step:nth-child(4) .roadmap__step_arrow {
        display: none;
    }

    .roadmap__step:last-of-type {
        margin-right: 0;
    } */
}

@media screen and (max-width: 840px) {
    .article__roadmap {
        flex-direction: column;
    }

    .roadmap__step {
        width: 100% !important;
        align-items: flex-start;
        flex-direction: column;
        position: relative;
    }

    .roadmap__step:last-of-type {
        padding-bottom: 0;
    }

    .roadmap__step_arrow {
        display: none;
    }

    .roadmap__step-item {
        width: 100%;
    }
}

.roadmap__step-list {
    margin-top: 8px;
}

.roadmap__step-item {
    color: var(--text);
    position: relative;
    padding-left: 16px;
    font-size: 14px;
}

/*.roadmap__step-item::after {*/
/*    position: absolute;*/
/*    content: "";*/
/*    top: 10px;*/
/*    left: 7px;*/
/*    width: 3px;*/
/*    height: 3px;*/
/*    border-radius: 50%;*/
/*    background-color: var(--text);*/
/*}*/


.header_bm .article__header {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.header_bm .article__header .article__header-icon {
    height: 48px;
    width: 48px;
    margin-right: 5px;
}

.header_bm .article__header .article__header-icon.zm_svg {
    height: 74px;
    width: 74px;
    margin: -13px -8px -13px -13px;
}

.second_main.cl_bg_m {
    background-image: url(/img/bg_risk-min.png);
    background-repeat: no-repeat;
    background-size: 800px;
    background-position: left bottom;
}

.second_main.cl_bg_m1 {
    background-image: url(/img/bf_fee.png);
    background-size: 800px;
    background-repeat: no-repeat;
    background-position: bottom right;
}

.box_for_cont.nw_bg {
    background: var(--theme-gradient-bg);
    box-shadow: none;
    border: none;
}

.cl_flex_l {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.clb_50 {
    width: calc(50% - 18px);
}

.clb_50_1 {
    width: calc(50% - 40px);
}

.imgbk_m {
    display: none;
}

.imgbk_pk {
    position: relative;
    margin: -35px -32px -35px;
}

.article__text.lim {
    margin-top: 12px;
    padding-left: 18px;
    position: relative;
}

.article__text.lim:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 100px;
    background: var(--theme-main);
    left: 0px;
    top: 4px;
}

.mt_12 {
    margin-top: 12px;
}

.mb_12 {
    margin-bottom: 12px;
}

.clb_100 {
    width: 100%;
}

.img_fl_ref {
    margin: 20px auto -35px;
}


/* - wd - */
.withdraw-info_wrapper .withdraw-info_container img {
    margin-bottom: 20px;
}

.withdraw-info_w100 {
    display: block;
    width: 100%;
    text-align: center;
}

.withdraw_show_msg .withdraw-info_wrapper {
    display: block;
}

.withdraw_show_msg .withdraw__m-form {
    display: none !important;
}

/* .wallet__credit-wrapper .withdraw-info_wrapper {
    display: none;
} */

.withdraw_credit-form .btn-fill,
.withdraw_credit-form .blue-button {
    box-shadow: none;
}

.withdraw_credit-form .poppup__field-item {
    position: relative;
}

.credit_balance {
    position: absolute;
    font-size: 14px;
    font-weight: 500;
    height: 25px;
    right: 20px;
    top: calc(50% - 12.5px);
    display: flex;
    align-items: center;
}

.wallet__credit-wrapper .wallet__poppup-scroll.withdraw_show_msg .wallet__poppup-body {
    display: none;
}

.wallet__credit-wrapper .wallet__poppup-scroll.withdraw_show_msg .withdraw-info_wrapper {
    display: block;
}

.credit_head_modal {
    display: none;
}

.withd_head_sh .wallet__poppup-head {
    display: none;
}

.withd_head_sh .credit_head_modal {
    display: block;
}


.withdraw-info_wrapper .blue-button {
    width: 100%;
}

.withdraw_success .withdraw-print_status {
    color: var(--theme-color-20);
}

.error-withdraw {
    color: var(--theme-color-12);
}
.withdraw_error .withdraw-print_status {
    color: var(--theme-color-12);
}

.withdraw-info_img {
    margin: 25px auto 0;
    margin-bottom: 10px;
}
.withdraw-print_status.error {
    color: var(--red);
    font-weight: 600;
}

.withdraw_pending .withdraw-info__success,
.withdraw_success .withdraw-info__success {
    display: block;
}
.withdraw_pending b.withdraw_p_title {
    color: var(--green-gdashboard) !important;
}
.withdraw-print_status.success {
    color: var(--green-gdashboard);
    font-weight: 600;
}
.withdraw-print_status.pending {
    color: orange;
    font-weight: 600;
}
.withdraw_pending .withdraw-print_status {
    color: orange;
}

.withdraw_error .withdraw-info__error {
    display: block;
}
.withdraw_success .withdraw-print_status {
    font-size: 0;
}
.withdraw_success .withdraw-print_status:before {
    content: "Success";
    font-size: 14px;
    line-height: 1.1em;
}

/*.modal#withdraw .status-container .status-transaction div:first-child p:last-child:after {
    content: 'Confirmed';
    visibility: visible;
    font-size: 17px;
    line-height: 1.5em;

    font-weight: 600;
}

.modal#withdraw .status-container .status-transaction div:last-child p:last-child:after {
    content: '79123465';
    font-size: 17px;
    line-height: 1.5em;
    visibility: visible;
    font-size: initial;
}
.modal#withdraw .status-container p:last-child:after {
    content: 'Contact online support for additional information.';
    line-height: 1.4em;
    visibility: visible;
    font-size: initial;
}
*/
.status-transaction>div:last-of-type .caption-bold {
    color: var(--text);
}

.withdraw_success .status-transaction .caption-bold {
    font-weight: 500;
    color: var(--theme-color-20);
}

.withdraw_error .status-transaction .caption-bold.red {
    color: var(--theme-color-12);
    font-weight: 700;
}

.status-container {
    border: 1px solid var(--theme-color-34);
    border-radius: 6px;
    padding: 20px;
    margin-top: 25px;
    margin-bottom: 15px;
}

.wallet__poppup-body .modal {
    padding-top: 30px;
}

.status-transaction {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
}

.withdraw-info_container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
}

.status-transaction .caption.grey {
    color: var(--theme-color-90);
    font-size: 15px;
    margin-bottom: 5px;
}

.caption.white.text-center {
    text-align: center;
    color: var(--text);
}

button.blue-button.mt32 {
    font-weight: 500;
    color: var(--primary-color);
    background: var(--theme-color-5);
    box-shadow: 0px 3px 7px 0px var(--theme-color-103), 0px 12px 12px 0px var(--theme-color-104), 0px 48px 12px 0px var(--theme-color-105), 0px 74px 21px 0px var(--theme-color-106);
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    border: 1px solid var(--theme-color-5);
    text-transform: lowercase;
    position: relative;
    bottom: 0;
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    height: auto;
    padding: 15px 25px;
    border-radius: 100px;
    font-size: 16px;
    outline: none;
}

button.blue-button.mt32:first-letter {
    text-transform: uppercase;
}

button.blue-button.mt32:hover {
    color: var(--theme-color-5);
    background: var(--color-none);
}

.accordion__btns {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
    width: 35px;
    height: 35px;
    cursor: pointer;
    border: 2px solid var(--theme-color-5);
    border-radius: 100px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.accordion__header {
    position: relative;
    transition: margin-bottom .3s;
}
.accordion__block:not(.show__text) .accordion__header {
    margin-bottom: 20px;
}

.pl_mn_dv:before {
    content: "";
    position: absolute;
    width: 2px;
    height: 80%;
    left: calc(50% - 1px);
    top: 10%;
    background: var(--theme-color-5);
    border-radius: 10px;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    opacity: 0;
}

.pl_mn_dv:after {
    content: "";
    position: absolute;
    height: 2px;
    width: 80%;
    top: calc(50% - 1px);
    left: 10%;
    background: var(--theme-color-5);
    border-radius: 10px;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.show__text .pl_mn_dv:before {
    opacity: 1;
}

.accordion__title {
    font-size: 20px;
    padding-right: 45px;
}

.accordion__block.box_for_cont.nw_bg {
    margin-top: 5px;
    padding-bottom: 20px;
}

.faq__body-accordions {
    margin-top: 20px;
}

.fs-24.link-fill {
    padding: 18px 37px;
}

.s2_crypto-change {
    margin-left: 2px;
}

.bvb_flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.col_50_m {
    width: 47.5%;
}

.s6_wrapper.box_wrapper {
    padding-top: 34px;
    padding-bottom: 50px;
}

.cl_how_it {
    margin-top: 50px;
    color: var(--theme-main);
    text-transform: uppercase;
    margin-bottom: 8px;
}

.box_swy {
    border-radius: 12px;
    border: 1px solid var(--stroke);
    background: var(--primary-color);
    box-shadow: 0px 0px 0px 0px var(--theme-color-130), 0px 5px 12px 0px var(--theme-color-130), 2px 22px 22px 0px var(--theme-color-129), 4px 49px 29px 0px var(--theme-color-19), 7px 87px 35px 0px var(--theme-color-128), 11px 136px 38px 0px var(--theme-color-127);
    width: 100%;
    max-width: 478px;
    margin-top: 8px;
}

.box_swy-title {
    padding: 15px 15px 10px;
    border-bottom: 1px solid var(--theme-color-91);
    display: flex;
    align-items: center;
}

.box_swy-content {
    padding: 15px;
}

.section_6 {
    background-image: url(/img/temp_4/bg_vek.svg);
    background-repeat: no-repeat;
    background-size: 100% 110%;
    background-position: bottom;
}

.section_5 {
    padding-top: 20px;
}

.cl_count_m,
.reg_tx {
    font-family: "Manrope", sans-serif
}

.cl_count_m {
    font-weight: 700;
    width: 28px;
    height: 28px;
    border: 1px solid var(--theme-color-92);
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 12px;
}

.cl_a_few {
    margin-bottom: 20px;
}

.s7_wrapper.box_wrapper {
    padding: 35px 30px 40px;
}

.section_7 {
    padding: 70px 0;
}

.cls_bx_bsh {
    padding: 24px;
    background: var(--primary-color);
    border-radius: 16px;
    width: calc(33.333% - 8px);
}

.cls_bnx_flex {
    display: flex;
    flex-wrap: wrap;
    padding-top: 20px;
    gap: 12px;
}

.bsh_title {
    display: flex;
    align-items: center;
    padding-bottom: 10px;
}

.bsh_ttl_h {
    font-weight: 600;
}

.bsh_ttl_img {
    height: 58px;
    width: 54px;
    min-width: 54px;
    margin-right: 9%;
    display: flex;
    align-items: center;
}

.txt_bsh_box {
    color: var(--theme-color-16);
}

.cls_bx_bsh.non_bsh_bg {
    display: flex;
    align-items: center;
    background: var(--color-none);
}

.cl_bnmx {
    margin-bottom: 20px;
}

.hero_line {
    height: calc(100% - 14px);
    width: auto;
}

.section_8 {
    background: linear-gradient(131deg, var(--theme-color-93) 0%, var(--theme-color-67) 4.00%, var(--theme-color-68) 14.00%, var(--theme-color-69) 25.00%, var(--theme-color-70) 40.00%, var(--theme-color-71) 54.00%, var(--theme-color-1) 87.00%, var(--theme-color-72) 99.00%);
    padding: 38px 10px;
    color: var(--primary-color);
}

.conteiner_min_flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 703px;
    width: 100%;
    margin: 0 auto;
}

.mn_mfc,
.bg_mfc {
    text-align: center;
    position: relative;
}

.txt_ogr_115 {
    max-width: 115px;
    margin: 0 auto;
}

.txt_ogr_130 {
    max-width: 130px;
    margin: 0 auto;
}

.ln_rlx {
    background: var(--theme-color-94);
    width: 1px;
    margin-top: -20px;
    margin-bottom: -20px;
    position: relative;
}

.section_9 {
    padding: 40px 0px 90px;
}

.flx_class {
    display: flex;
    flex-wrap: wrap;
    gap: 21px;
}

.box_fin_c {
    width: calc(33.333% - 14px);
    border-radius: 16px;
    background: var(--primary-color);
    padding: 24px 24px 90px;
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.lf_vox_c {
    width: 60%;
}

.rg_vox_c {
    width: 40%;
    padding-left: 7%;
}
.rg_vox_c svg {
    width: 100%;
    max-height: 100%;
}

.vox_title {
    font-weight: 600;
    margin-bottom: 7px;
}

.vox_content {
    color: var(--theme-color-16);
}

.vox_link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: var(--theme-color-24);
    border-radius: 100px;
    position: absolute;
    bottom: 25px;
}

.full_vox {
    text-align: center;
    padding-top: 20px;
}

.full_vox .vox_btn {
    margin: 16px auto 0 auto;
}

.trade-table__row-item {
    color: var(--secondary-color);
}

.trade-table__item-value.SELL {
    color: var(--theme-color-20);
    font-weight: 600;
}

.trade-table__item-value.BUY {
    color: var(--theme-color-12);
    font-weight: 600;
}

.order_cancel {
    color: var(--theme-color-12);
    cursor: pointer;
}

.trade-table__item-value {
    font-size: 13px;
}

.trade-table__tab-header .trade-table__row {
    font-weight: 500;
}

.tbl_1 {
    width: 18%;
}

.tbl_2 {
    width: 15%;
}

.tbl_3 {
    width: 10%;
}

.tbl_4 {
    width: 15%;
}

.tbl_5 {
    width: 14%;
}

.tbl_6 {
    width: 15%;
}

.tbl_7 {
    width: 13%;
}

.hero__chat img {
    content: url(/img/temp_4/chat.svg);
}


.toolsTechnicalAnalysis .block {
    display: flex;
    flex-wrap: wrap;
    padding: 10px;
}

.toolsTechnicalAnalysis .analysis-box {
    min-width: 31%;
    margin: 10px 10px;
}

.wrp_select_m {
    color: var(--text-color);
    padding: 16px 18px;
    border-radius: 27px;
    border: 1px solid var(--border-color);
    background-color: var(--color-none);
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    position: relative;
}

.select_field-box {
    position: absolute;
    width: calc(100% + 2px);
    top: calc(100% + 1px);
    left: -1px;
    padding: 5px 0 18px;
    border-radius: 0 0 27px 27px;
    border: 1px solid var(--border-color);
    border-top-style: none;
    background-color: var(--color-none);
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    background: var(--bg-frames);
    opacity: 0;
    visibility: hidden;
}

.select_field-text {
    cursor: pointer;
    line-height: 1em;
}

.select_field-item {
    padding: 1px 18px;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}

.select_field-item:hover {
    background: var(--theme-color-95);
}

.select_field-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}

.wrp_select_m.active .select_field-arrow {
    transform: rotate(180deg);
}

.wrp_select_m.active {
    border-radius: 27px 27px 0 0;
    border-bottom: 1px solid var(--theme-color-96);
}

.wrp_select_m.active .select_field-box {
    opacity: 1;
    visibility: visible;
}

.select_field-arrow path {
    fill: var(--text-color);
}

.red_required {
    color: var(--theme-color-12);
}

.copied_label {
    position: absolute;
    bottom: calc(100% + 10px);
    left: 50%;
    transform: translate(-50%, 0);
    background: var(--theme-color-97);
    padding: 2px 10px;
    border-radius: 20px;
    box-shadow: 0 1px 10px var(--secondary-color);
    border: 1px solid var(--theme-color-98);
    color: var(--text);
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    visibility: hidden;
    opacity: 0;
}

.copied_label.active {
    visibility: visible;
    opacity: 1;
}

.copied_label::before,
.copied_label::after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translate(-50%, -0.1px);
    top: calc(100% - 0px);
    border: 7px solid var(--color-none);
    border-top: 7px solid var(--theme-color-98);
}

.copied_label::after {
    border: 6px solid var(--color-none);
    border-top: 6px solid var(--theme-color-97);
}

.header__menu-item.wallet__gift .wallet__menu-img {
    width: 20px;
    height: 20px;
    margin-right: 6px;
}

.header__menu-item.wallet__gift .header__menu-link {
    color: var(--theme-main);
    border-radius: 8px;
    background: var(--theme-color-26);
    box-shadow: var(--theme-link-box-shadow);
}

.list-inline-item .new-message.cursor-pointer {
    font-weight: 400;
}

.error_lb {
    color: var(--theme-color-12);
    font-size: 80%;
    margin: 5px 0 10px;
}

.profile__user-form .convert__notifications .message-profile__error,
.profile__user-form .convert__notifications .message-profile__succeed {
    margin: 10px 0 0;
}

.clm_klb {
    margin: 20px auto 10px;
    text-align: center;
}

.w_deposit-blink {
    text-transform: none;
    margin: 0 auto;
    width: 300px;
    max-width: 100%;
    margin-bottom: -180px;
}

.poppup__field-box .overview-main__search-input.clearable {
    border-left: none;
    border-right: none;
}

.hero__chat {
    position: fixed;
    z-index: 800;
    right: 20px;
    bottom: 0;
    display: flex;
    align-items: center;
    width: 190px;
    background: var(--theme-color-5);
    color: var(--primary-color);
    border-radius: 10px 10px 0 0;
    padding: 10px 25px;
    text-align: left;
    font-size: 15px;
}

.mtk_chat:after {
    content: "";
    position: absolute;
    background: var(--theme-color-25);
    width: 10px;
    height: 10px;
    border-radius: 50px;
    right: 25px;
    top: 50%;
    transform: translate(0, -50%);
}

.mtk_chat {
    display: flex;
    align-items: center;
}

.mtk_chat svg path {
    fill: var(--primary-color);
}

.mtk_chat svg {
    width: 23px;
    height: auto;
    margin-right: 10px;
}

.notification {
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 999;
    box-shadow: 1px 1px 10px var(--theme-color-126);
    border-radius: 5px;
}

.wallet__withdraw-wrapper .btn.btn-fill,
.withdraw-info_wrapper .blue-button {
    box-shadow: none;
}

.wallet__poppup-head.credit_head_modal:after {
    display: none;
}

.blue-button.hero__chat {
    text-transform: none !important;
    display: block;
    text-align: center;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    box-shadow: none !important;
}

.gl_2fa .control-label {
    width: 100%;
    display: block;
}

.gl_2fa .form-control {
    border-radius: 40px;
    border: 1px solid var(--border-color);
    height: 56px;
    width: 200px;
    max-width: 100%;
    margin: 5px 0px;
    padding: 10px 20px;
    font-size: 16px;
}

.gl_2fa_btn {
    border-radius: 100px;
    background: var(--theme-main);
    border: 1px solid var(--theme-main);
    color: var(--primary-color);
    height: 51px;
    width: 200px;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.gl_2fa_btn:hover {
    background: var(--color-none);
    color: var(--theme-main);
}

.alert.alert-danger {
    color: var(--red);
}

//.withdraw__radios {
//    display: none;
//}

.buy-crypto__list {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.buy-crypto__item {
    display: flex;
    align-items: center;
    gap: 24px;
}

.buy-crypto__logo {
    border-radius: 40px;
    overflow: hidden;
    width: 150px;
    height: 60px;

    min-width: 150px;
    min-height: 60px;
}

.buy-crypto__img {
    width: 100%;
    height: 100%;
    object-fit: fill;
}

.buy-crypto__text {
    font-size: 14px;
    color: var(--theme-color-33);
    max-width: 60%;
}

.buy-crypto__link {
    margin-left: auto;
    min-width: 195px;
}

.buy-crypto__list {
    margin-top: 20px;
}


.theme_switch__input {
    position: absolute;
    z-index: -1;
    visibility: hidden;
}

.theme_switch__label {
    display: block;
    position: relative;
    cursor: pointer;
    width: 70px;
    height: 36px;
    border-radius: 18px;
    background-color: var(--theme-color-99);
}

/*.dark_theme .theme_switch__label {*/
/*    background-color: var(--theme-color-100);*/
/*}*/
/*.light_theme .theme_switch__label {*/
/*    background-color: var(--theme-color-99);*/
/*}*/
.theme_checkbox {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.switch-theme_select {
    position: absolute;
    width: 32px;
    height: 32px;
    top: 2px;
    transform: translateX(2px);
    border-radius: 50%;
    background-color: var(--primary-color);
    box-shadow: 0px 10.76364px 21.52727px 0px var(--theme-color-35);
    transition: transform .3s;
}

.theme_switch__input:checked+.theme_switch__label .switch-theme_select {
    background-color: var(--theme-color-36);
    transform: translateX(calc(100% + 4px));
    box-shadow: 0px 10.76364px 21.52727px 0px var(--theme-color-35);
}

.theme_switch__input:checked+.theme_switch__label {
    background-color: var(--theme-color-100);
}

.theme_img {
    top: 2px;
    position: relative;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.theme_sun_icon {
    left: 2px;
}

.theme_moon_icon {
    right: 2px;
}

.theme_switch__input:checked+.theme_switch__label .theme_sun_icon path {
    stroke: var(--theme-color-101);
}

.theme_switch__input:checked+.theme_switch__label .theme_sun_icon path,
.theme_switch__input+.theme_switch__label .theme_moon_icon svg path {
    stroke: var(--theme-color-102);
}

.theme_switch__input:checked+.theme_switch__label .theme_moon_icon path {
    stroke: var(--primary-color);
}

.fs-h5-20.crypto-table__element:nth-child(4), .crypto-table__row .crypto-table__element:nth-child(4) {
    display: none;
}
.fs-h2-40.ticket__title {
    font-size: 25px;
}
.title_opn_ticket {
    font-size: 18px;
    padding: 0 0 10px;
}
.txt_capitalize {
    text-transform: capitalize;
}
.ssl_amount {
    display: flex;
    align-items: center;
}
.overview-main__balance {
    justify-content: space-between;
}
.mob_gift_link {
    display: none;
    margin: 0;
}
html[data-theme="dark"] .mob_gift_link path {
    fill: var(--btn-fill-border-color);
}
.mob_gift_link .wallet__menu-link {
    display: flex;
    align-items: center;
    padding: 10px 20px;
}

/* adaptation */

@media (max-height: 800px) {
    .wallet__deposit-poppup.pop_fin .wallet__poppup-wrapper {
        max-height: calc(100vh - 20px);
        overflow: auto;
        position: static;
    }

    .w_deposit-blink {
        margin-bottom: -220px;
    }
}

@media (min-width: 601px) and (max-width: 1024px) {
    .box_fin_c {
        flex-direction: column-reverse;
        justify-content: flex-end;
        width: calc(33.333% - 6px);
    }

    .lf_vox_c {
        width: 100%;
    }

    .rg_vox_c {
        width: 65px;
        height: 74px;
        padding-left: 0px;
        margin-bottom: 12px;
        display: flex;
        justify-content: flex-start;
    }
}

@media (min-width: 1920px) {
    .hero_line-w:after {
        width: 120%;
    }

    .section_6 {
        background-image: none;
    }

    .s6_wrapper.box_wrapper {
        padding-bottom: 60px;
    }

    .container,
    .footer__container {
        max-width: 1700px;
    }

    .header__container {
        max-width: 1680px;
    }

    .hero__content {
        margin-top: 170px;
    }

    .img_tel_l {
        max-width: 600px;
        width: 100%;
        margin: 0 auto;
    }

    .cl_how_it {
        margin-top: 90px;
    }

    .conteiner_min_flex {
        max-width: 900px;
    }
}

@media (min-width: 1600px) {
    .kyc__field {
        max-width: calc(33.333% - 16px);
    }
    html[data-theme="dark"] .section_6 {
        background-position: bottom;
    }
}

@media screen and (max-width: 1400px) {
    .trade__wrapper {
        zoom: .8;
    }
}

@media screen and (max-width: 1353px) {
    .asset-balance__table {
        zoom: .9;
    }
}

@media screen and (max-width: 1246px) {
    .asset-balance__table {
        zoom: .8;
    }

    .hero_crypto {
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 1240px) {
    .s5_content {
        flex-wrap: wrap;
    }

    .s5_cleft,
    .s5_cright {
        width: 100%;
    }
}

@media screen and (max-width: 1180px) {
    .s4_slide {
        min-width: 270px;
        width: calc(33% - 9px);
    }
}

@media screen and (max-width: 1134px) {
    .asset-balance__table {
        zoom: .7;
    }
}
@media screen and (max-width: 1024px) {
    .mob_item_m {
        display: block;
    }
    .header__profile-item {
        padding: 8px 28px;
    }

    .header__profile-top .header-profile__content-title {
        font-size: 14px;
    }

    .header__profile-top {
        margin-bottom: 5px;
    }

    .header__profile-top .header__profile-img {
        width: 16px;
        height: 16px;
    }

    .header__profile-item.min-h-item .header-profile__content-title,
    .header__profile-item.min-h-item .header-profile__content-title {
        font-size: 14px;
        height: 27px;
    }

    .header__profile-box {
        width: 230px;
    }

    .s5_wrapper.box_wrapper.flx_class {
        padding: 20px 10px 30px;
    }

    .box_fin_c {
        padding: 15px 10px 80px;
    }

    .flx_class {
        gap: 9px;
    }

    .fs-24.link-fill {
        padding: 11px 29px;
        font-size: 15px;
        font-weight: 600;
    }

    .box_wrapper {
        padding: 20px 10px 75px 10px;
    }

    .s2_crypto {
        flex: calc(50% - 5px);
    }

    .hero_crypto {
        gap: 10px;
    }

    .hero_crypto>.s2_crypto:last-of-type {
        display: none;
    }

    .hero__subtitle {
        font-size: 14px;
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .accordion__btns {
        width: 30px;
        height: 30px;
    }

    .main-pt {
        padding-top: 64px;
    }

    .hero_line-w:after {
        display: none;
    }

    .accordion__header {
        margin-bottom: 12px;
    }

    .accordion__block.box_for_cont {
        padding: 15px 12px 20px;
    }

    .accordion__title {
        font-size: 16px;
    }

    .header__container {
        max-width: calc(1376px - 28px);
        padding: 10px 14px;
    }

    .profile__main .header__container,
    .profile__main .footer__container,
    .wallet__main .header__container,
    .wallet__main .footer__container {
        padding-left: 10px;
        padding-right: 10px;
    }

    .profile__container,
    .wallet__container {
        padding-left: 10px;
        padding-right: 10px;
    }

    .container {
        max-width: calc(1270px - 28px);
        padding-left: 10px;
        padding-right: 10px;
    }
    .trade__page .container {
        padding-left: 10px;
        padding-right: 10px;
    }

    .box_for_cont {
        padding: 10px 12px 20px;
        margin-top: 12px;
    }

    .second_main {
        padding: 96px 0px 50px;
    }

    .header {
        min-height: 44px;
    }

    .header__profile-login,
    .header__wallet {
        display: none;
    }

    .header__mobile-btns .header__profile-login,
    .header__mobile-btns .header__wallet {
        display: flex;
        justify-content: center;
    }

    .header__menu-list {
        display: none;
    }

    .header__burger {
        display: block;
        width: 24px;
        height: 24px;
    }

    .header__profile {
        width: 30px;
        height: 30px;
    }

    .header__burger-close {
        display: none;
    }

    .header__burger.active .header__burger-menu {
        display: none;
    }

    .header__burger.active .header__burger-close {
        display: block;
    }

    .header__profile-link,
    .header__profile-img {
        height: 34px;
        width: 34px;
        display: flex;
        align-items: center;
    }

    .header__right {
        gap: 12px;
    }


    .wallet__menu {
        display: none;
    }

    .profile__menu {
        display: none;
    }

    .account-balance__btn:last-of-type {
        margin-right: 0;
    }

    .asset-balance__table {
        zoom: .8;
    }


    /* trade */
    .trade__box {
        padding: 12px;
    }

    .trade__wrapper {
        zoom: 1;
        display: flex;
        flex-direction: column;
    }

    .trade-header {
        width: 100%;
        order: 1;
        zoom: .85;
        margin-bottom: 0;
    }
    .trade-sidebar_prc {
        display: none;
    }

    .trade-main {
        width: 100%;
        order: 2;
    }
    .trade-graphics {
        width: 100%;
    }

    .trade-sidebars {
        height: calc(100% + 35px);
        width: 100%;
        order: 3;
        flex-direction: row;
    }

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

    .trade-sidebar__form {
        display: flex;
        flex-direction: column;
        height: 100%;
    }

    .trade-table {
        order: 4;
    }

    .trade-sidebars_right .trade-sidebar:last-of-type {
        max-height: 100%;
    }

    .trade-sidebar__tab .trade-sidebar__content-body {
        max-height: calc(550px - 80px);
    }

    .clb_50,
    .clb_50_1 {
        width: 100%;
    }

    .imgbk_pk {
        display: none;
    }

    .imgbk_m {
        display: block;
        margin: 0 auto;
    }

    .clb_r .second_wimg {
        margin-top: 30px;
    }

    .img_fl_ref {
        margin: 20px auto -20px;
    }

    .s2_crypto-header {
        padding: 10px 10px 0;
    }

    .s2_crypto-stats {
        padding-left: 15px;
        padding-right: 15px;
        margin-top: 12px;
    }

    .s2_crypto-footer {
        margin-bottom: 10px;
    }

    .s2_crypto-coin {
        height: 40px;
    }

    .cls_bx_bsh {
        padding: 12px;
        width: calc(50% - 8px);
    }

    .section_7 {
        padding: 30px 0;
    }

    .bsh_ttl_img {
        height: 45px;
        width: 40px;
        min-width: 40px;
        margin-right: 3%;
    }

    .s7_wrapper.box_wrapper {
        padding: 25px 10px 25px;
    }

    .full_vox {
        padding-top: 0px;
    }

    .section_9 {
        padding: 40px 0px 50px;
    }

    .s4_slide {
        width: calc(50% - 9px);
    }
    html[data-theme="dark"] section.hero:before {
        display: none;
    }
    .mob_gift_link {
        display: block;
    }
}

@media screen and (max-width: 920px) {
    .asset-balance__table {
        zoom: .7;
    }
}

@media screen and (max-width: 900px) {
    .header_bm.second_about {
        flex-direction: column;
    }

    .header_bm.second_about .second_wimg {
        margin: 0 auto;
        max-width: 400px;
    }

    .header_bm.second_about .article__block {
        width: 100%;
    }

    .buy-crypto__item {
        gap: 20px;
        row-gap: 10px;
        flex-wrap: wrap;
        align-items: flex-start;
    }

    .buy-crypto__logo {
        width: 125px;
        height: 50px;
        min-width: unset;
        min-height: unset;
    }

    .buy-crypto__text {
        max-width: calc(100% - 145px);
    }

    .buy-crypto__link {
        margin-left: 0;
    }

}

@media screen and (max-width: 850px) {
    .trade-header__items {
        flex-wrap: wrap;
    }

    .trade-header__item {
        flex: auto;
        max-width: calc(50% - 8px);
        width: 100%;
    }

    .trade-header__column {
        gap: 5px;
    }

    .trade-header {
        zoom: 1;
    }

    .hero__content {
        margin-top: 34px;
        flex: 100%;
    }

    .hero__right {
        flex: 100%;
        text-align: center;
    }

    .hero_line-w {
        display: none;
    }

    .hero__right {
        background-image: url(/img/temp_4/hero_line.svg);
        background-repeat: no-repeat;
        background-position: -150% 0%;
        background-size: 120%;
        margin: 0 -10px;
        padding: 20px 10px 10px;
    }

    .hero__img-right {
        margin: 0 auto;
        max-height: 440px;
    }
}

@media screen and (max-width: 800px) {
    .about_map {
        height: 150px;
    }

    .fa2__qr {
        gap: 20px;
        padding-right: 50px;
    }

    .article__block_50 {
        width: 100%;
        padding: 20px 16px 25px;
    }

    .crypto-table__mb-title {
        display: block;
        color: var(--theme-color-16);
        font-size: 12px;
        font-weight: 400;
    }

    .s5_cleft {
        padding: 0;
    }

    .s5_cright {
        padding: 10px;
    }

    .crypto-table__header {
        display: none;
    }

    .crypto-table__row {
        flex-direction: column;
        align-items: unset;
        gap: 8px;
    }

    .crypto-table__element {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .crypto-table__element:first-of-type {
        justify-content: space-between;
    }


    /* trade */

    .trade-header__items {
        gap: 8px;
    }

    .trade-main {
        gap: 8px;
    }

    .trade-header__item {
        max-width: calc(50% - 4px);
        /* reset trade__box */
        padding: 3px -2px;
    }

    .trade__wrapper {
        gap: 8px;
    }

    .trade-sidebars {
        gap: 8px;
    }

    .trade-table {
        margin-top: 8px;
    }

    .trade-main__invite-content svg {
        width: 20px;
        height: 20px;
    }

    .trade-main__invite-text {
        font-size: 14px;
    }

    .trade-graphics__switch-btn,
    .trade-table__btn {
        font-size: 14px;
        padding: 10px 12px;
        width: 105px;
        line-height: 1em;
    }

    .trade-graphics__switch-title {
        font-size: 14px;
    }

    .trade-graphics__switch-body {
        margin-top: 8px;
    }

    .trade-graphics__switch-header {
        flex-wrap: wrap;
        gap: 2px;
    }

    .trade-graphics__header-caption {
        font-size: 12px;
        font-weight: 400;
    }

    .trade-graphics__caption-value {
        margin: 0 2px;
    }

    .trade-graphics__switch-forms {
        margin-left: 0;
        margin-right: 0;
    }

    .trade-graphics__switch-form {
        margin: 0;
        gap: 5px;
        margin-top: 12px;
        max-width: calc(50% - 3px);
    }

    .trade-graphics__field-title {
        font-size: 10px;
    }

    .trade-graphics__field {
        padding: 10px 12px;
        margin-bottom: 8px;
    }

    .trade-slider__wrapper .ui-slider-horizontal .ui-slider-handle {
        top: -4.5px;
    }

    .trade-slider__wrapper {
        margin: 8px 0;
        margin-bottom: 0px;
    }

    .trade-graphics__field-input {
        font-size: 12px;
    }

    .trade-slider__wrapper .ui-slider .ui-slider-handle {
        height: 10px;
        width: 10px;
    }

    .trade-btn__buy,
    .trade-btn__sell {
        padding: 10px 0;
        font-size: 14px;
    }

    .s5_wrapper.box_wrapper {
        padding: 25px 10px;
    }

    .s5_elem-row {
        padding: 6px 0px;
    }

    .s5_elem-coin {
        width: 25px;
        height: 25px;
    }

    .s5_elem-name {
        font-size: 13px;
    }

    .s5_elem-item {
        font-size: 13px;
    }

    .s5_elem-item {
        flex: none;
    }

    .crypto-table__row {
        gap: 3px;
        padding: 10px;
    }

    .s5_header {
        gap: 0px;
        margin-bottom: 10px;
        flex-wrap: wrap;
    }

    .link-arr_none {
        padding: 16px 0px;
    }

    .col_50_m {
        width: 100%;
    }

    .img_tel_l {
        width: 340px;
        max-width: 100%;
        margin: 0 auto;
    }

    .cl_how_it {
        margin-top: 10px;
        margin-bottom: 4px;
    }

    .box_swy {
        width: 100%;
        max-width: 100%;
    }

    .section_6 {
        background-size: 100% 110%;
        background-position: 0% 250%;
    }
}

@media screen and (max-width: 700px) {

    .overview-main__search-input {
        border: 1px solid var(--element-bg-10);
        opacity: 0.5299999713897705;
        box-shadow: 0px 4px 14px -6px var(--theme-color-125);
    }

    .profile__content {
        margin-bottom: 68px;
    }

    .profile__user-field {
        margin-top: 12px;
        margin-bottom: 16px;
    }

    .profile__user-change-title {
        font-size: 14px;
    }

    .profile__label {
        font-size: 14px;
    }

    .blockchain__input,
    .profile__user-field input,
    .promo-code__input {
        padding: 16px 18px;
    }

    .btn,
    .btn-fill,
    .btn-border,
    .link-border,
    .link-fill,
    .link-arr_none,
    .link-arr_fill {
        font-size: 14px;
    }

    .account-balance__btn {
        padding: 10px 0;
        width: 50%;
    }

    .asset-balance__table-actions .account-balance__btn {
        padding: 10px 0;
        width: 100%;
        max-width: 106px;
    }

    .footer {
        padding-top: 20px;
        padding-bottom: 24px;
        flex-wrap: wrap;
        gap: 16px;
    }

    .footer__logo {
        width: 100%;
        flex: auto;
    }

    .footer .header__logo-img,
    .header .header__logo-img {
        max-width: 97px;

    }

    .footer__block {
        flex: auto;
        width: calc(50% - 8px);
    }

    .footer__block.footer__block-two {
        display: none;
    }

    .footer__link.footer__block-two {
        display: block;
    }

    .footer__link {
        font-size: 14px;
    }

    .footer__copyright {
        padding-top: 12px;
        padding-bottom: 17px;
    }

    .wallet__article-title {
        font-size: 24px;
    }

    .overview-main__search-input {
        padding: 10px;
        font-size: 14px;
    }

    .overview-main__search {
        width: 100%;
        max-width: 200px;
        margin-left: auto;
    }

    .overview-main__search-btn {
        right: 10px;
    }

    .overview-main__search-btn svg {
        width: 20px;
        height: 20px;
    }

    /* for tables */
    .asset-balance__table {
        zoom: 1;
    }

    .asset-balance__table-head,
    .convert__table-head,
    .staking__table-head,
    .session__table-head,
    .transaction__table-head {
        display: none;
    }

    .asset-balance__table-body {
        border-radius: 12px;
    }

    .staking__table-body {
        border-radius: 12px;
    }

    .transaction__table-body {
        border-radius: 12px;
    }

    .asset-balance__table-row,
    .staking__table-row,
    .session__table-row,
    .convert__table-row,
    .transaction__table-row {
        flex-direction: column;
        align-items: initial;
    }

    .session__table-item,
    .asset-balance__table-item,
    .transaction__table-item,
    .staking__table-item {
        padding: 10px 0;
        border-bottom: 1px solid var(--theme-color-121);
    }

    .asset-balance__table-item:first-of-type,
    .staking__table-item:first-of-type {
        padding-top: 0;
        padding-bottom: 6px;
    }

    .staking__table-item:first-of-type,
    .asset-balance__table-item:first-of-type,
    .transaction__table-item:first-of-type {
        border: 0;
    }

    .transaction__table-item:last-of-type,
    .staking__table-item:last-of-type,
    .session__table-item:last-of-type {
        border: 0;
    }

    .session__table-item-title,
    .asset-balance__table-title,
    .staking__table-title,
    .transaction__table-title {
        display: block;
        color: var(--text);
        font-family: "Manrope", sans-serif;
        font-size: 14px;
        font-weight: 400;
        opacity: .6;
    }

    .staking__table-content {
        font-size: 14px;
    }

    .staking__table-body .staking__table-content * {
        font-size: unset;
    }

    .staking__table-item:last-of-type .staking__table-content {
        font-size: 14px;
        font-weight: 400;
        color: var(--text-color);
    }

    .staking__table-item:first-of-type .staking__table-content {
        font-size: 16px;
    }

    .staking__table-item:first-of-type .table__value-asset__name {
        font-size: 14px;
    }

    .staking__table-wrapper {
        display: flex;
        justify-content: space-between;
    }

    .asset-balance__table-wrapper {
        display: flex;
        justify-content: space-between;
    }

    .transaction__table-wrapper {
        display: flex;
        justify-content: space-between;
    }

    .session__table-item__wrapper {
        display: flex;
        justify-content: space-between;
    }

    .session__table-item__column {
        gap: 4px;
    }

    .session__table-item-top {
        font-size: 15px;
    }

    .session__table-item-bottom {
        font-size: 14px;
    }

    .second_about .second_wimg {
        max-width: 300px;
        margin-left: auto;
    }

    .second_content-boxes {
        flex-wrap: wrap;
    }

    .second_content-box-header svg {
        width: 24px;
        height: 24px;
    }


    /* reset tables */
    .asset-balance__table-item:first-of-type .table__value-asset__name,
    .staking__table-item:first-of-type .table__value-asset__name {
        margin: 0;
    }

    .asset-balance__table-item:first-of-type .table__value-asset__content,
    .staking__table-item:first-of-type .table__value-asset__content {
        flex-direction: row;
        align-items: center;
        gap: 8px;
    }

    .asset-balance__table-item:last-of-type {
        justify-content: space-between;
    }

    .asset-balance__table.wallet__box,
    .staking__table.wallet__box {
        border: 0;
        background-color: var(--color-none);
        padding: 0;
    }

    .session__table-row,
    .asset-balance__table-row,
    .staking__table-row,
    .convert__table-row,
    .transaction__table-row {
        margin-left: 0;
        margin-right: 0;

        margin-bottom: 8px;

        padding-top: 18px;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 30px;

        border-radius: 16px;
        border: 1px solid var(--element-bg-10);
        background: var(--bg-frames);
    }

    .staking__table-row,
    .asset-balance__table-row {
        padding-bottom: 20px;
        gap: 0;
    }

    .asset-balance__table-item:nth-child(5) {
        padding-bottom: 0;
        border: 0;
    }

    .asset-balance__table-item:last-of-type {
        padding-top: 16px;
        padding-bottom: 0;
        border: 0;
    }

    .asset-balance__table-actions {
        justify-content: space-between;
    }

    .staking__table-icon,
    .asset__logo-img {
        width: 35px;
        height: 35px;
        margin-right: 0;
    }

    .table__value-asset__mark {
        margin-right: 12px;
    }

    .session__table-body,
    .staking__table-body,
    .transaction__table-body,
    .asset-balance__table-body {
        margin-left: 0;
        margin-right: 0;
        padding: 0;
    }

    .convert__table-body .convert__table-row:last-of-type,
    .asset-balance__table-body .asset-balance__table-row:last-of-type,
    .staking__table-body .staking__table-row:last-of-type,
    .session__table-body .session__table-row:last-of-type,
    .transaction__table-body .transaction__table-row:last-of-type {
        border-bottom: 1px solid var(--element-bg-10);
    }

    .session__table-row {
        margin-left: -33px;
        margin-right: -33px;
        border-radius: 12px;
        border: none;
        background-color: var(--primary-color);
    }

    .session__table-row:last-of-type {
        margin-bottom: 0;
    }

    .session__table .link-fill {
        display: none;
    }

    .profile_session-pb {
        padding-bottom: 0;
    }

    .kyc__field {
        max-width: 100%;
    }


    /* poppups */
    .wallet__poppup-head {
        padding-top: 24px;
    }

    .wallet__poppup-head__title {
        font-size: 20px;
    }

    .wallet__poppup-head__close {
        top: 14px;
        right: 16px;
        width: 20px;
        height: 20px;
    }

    .wallet__poppup-field__drop {
        min-height: auto;
        padding: 12px 18px;
    }

    .wallet__poppup-balance {
        padding: 12px 18px;
        font-size: 14px;
    }

    .poppup-field__parent-input {
        padding: 12px 18px;
        font-size: 14px;
        min-height: auto;
    }


    /* trade */
    .trade-header__text {
        font-size: 14px;
    }

    .trade-header__bottom h5,
    .trade-header__change,
    .trade-header__change-value,
    .trade__box .trade-header__curr .price {
        font-size: 14px;
    }

    .hero__chat {
        width: 165px;
        font-size: 13px;
        padding: 10px 20px;
    }

    .mtk_chat svg {
        width: 20px;
        margin-right: 8px;
    }

    .mtk_chat:after {
        right: 20px;
    }
}

@media screen and (max-width: 650px) {
    .s4_slide {
        width: 100%;
    }

    #trade__chart {
        margin: 0 -12px;
        width: calc(100% + 24px) !important;
        height: 300px !important;
    }

    .error_temp_4 .second_parent .second_error {
        display: none;
    }

    .second_error-img_mb {
        display: block;
        opacity: .6;
        margin-left: -10px;
        width: calc(100% + 20px);
        max-width: calc(100% + 20px);
        max-height: 372px;
    }

    .second_error_titles {
        padding-top: 60px;
    }

    .box_fin_c {
        width: 100%;
    }

    .wallet__stake-header {
        flex-direction: column;
    }

    .wallet__stake-body {
        flex-wrap: wrap-reverse;
    }

    .wallet__stake-box {
        width: 100%;
    }

    .wallet__stake-box:first-of-type {
        position: relative;
        z-index: 1;
    }

    .wallet__stake-calc__desc {
        margin-bottom: 15px;
        order: 1;
        width: 100%;
    }

    .wallet__convert-fboxes {
        flex-direction: column;
    }

    .wallet__convert-box {
        width: 100%;
    }

    .wallet__convert-btn {
        max-width: 100%;
    }

    .convert-item {
        flex-direction: column;
    }

    .convert-item__box {
        width: 100%;
    }

    .convert-item__body {
        margin-top: 10px;
        align-items: flex-end;
    }

    .convert-item__title {
        font-size: 14px;
        font-family: 'Manrope', sans-serif;
    }

    .convert-item__token {
        color: var(--text);
        font-family: 'Manrope', sans-serif;
        font-size: 14px;
    }

    .convert-item__line {
        margin: 13px 0;
        height: 1px;
        width: 100%;
    }

    .convert-item__amount {
        font-size: 18px;
        color: var(--secondary-color);
    }


    .profile__header {
        padding-top: 16px;
        padding-left: 12px;
        padding-bottom: 12px;
    }

    .profile__wcontent {
        padding: 12px;
        padding-bottom: 30px;
    }

    .profile__header-title {
        font-size: 24px;
    }

    .caption__title {
        margin-top: 6px;
        margin-bottom: 0;
    }

    .promo-code__field {
        margin-top: 12px;
        margin-bottom: 24px;
    }

    .profile__label {
        font-size: 14px;
    }

    .profile__user-info {
        position: relative;
        justify-content: space-between;
        gap: 10px;
    }

    .profile__user-name {
        font-size: 14px;
    }

    .profile__user-email {
        font-size: 14px;
        margin-top: 13px;
    }

    .profile__user-verified {
        padding: 8px 24px;
        position: absolute;
        top: -5px;
        right: -5px;
        zoom: .8;
    }

    .profile__user-v-text {
        font-size: 14px;
    }

    .profile__user-form {
        max-width: 100%;
    }

    .profile__user-change {
        margin-top: 20px;
    }

    .profile__user-change-title {
        font-size: 14px;
    }

    .profile__user-field {
        margin-top: 12px;
        margin-bottom: 16px;
    }

    .profile__wcontent .btn {
        width: 100%;
        max-width: 100%;
    }
    
    .blockchain__parent{
        width:100%;
    }
    
    .blockchain__input{
        width:100%;
    }
    
    .promo-code {
        padding-bottom: 0px;
    }

    .promo-code__form {
        max-width: 100%;
    }

    .fa2 {
        padding-bottom: 0;
    }

    .fa2__qr-right-code {
        font-size: 18px;
    }

    .fa2__header {
        gap: 15px;
    }

    .fa2__qr {
        width: 100%;
        padding: 30px;
        display: flex;
        flex-direction: column;
        gap: 24px;
    }

    .fa2__qr-right {
        display: flex;
        align-items: center;
        flex-direction: column;
        gap: 12px;
    }

    .fa2__box {
        margin-bottom: 11px;
    }

    .fa2__form {
        max-width: 100%;
    }

    .fa2__email-icon {
        width: 20px;
        height: 20px;
    }

    .fa2__email-text {
        font-size: 14px;
    }

    .kyc__field {
        margin: 0;
    }

    .kyc__wrapper {
        margin-bottom: 24px;
    }

    .kyc__wrapper-title {
        font-size: 18px;
    }

    .s2_crypto {
        flex: 100%;
    }

    .s5_footer {
        flex-wrap: wrap;
        flex-direction: column-reverse;
        align-items: baseline;
    }

    .cls_bx_bsh {
        width: 100%;
    }

    .cl_bnmx {
        margin-bottom: 10px;
    }

    .account-balance__name-text {
        font-size: 14px;
    }

    .account-balance__name-img {
        width: 20px;
        height: 20px;
        margin-right: 8px;
    }
}

@media (max-width: 600px) {
    .rg_vox_c {
        width: 95px;
        padding-left: 20px;
        height: 65px;
        display: flex;
        justify-content: center;
    }

    .lf_vox_c {
        width: calc(100% - 95px);
    }

    .vox_link {
        bottom: 15px;
    }

    .box_fin_c {
        padding: 15px 10px 65px;
    }

    .trade-table__item-value {
        font-size: 11px;
    }

    .trade-table__tab-header .trade-table__row {
        font-size: 12px;
    }

    .trade-table__row {
        min-width: 550px;
    }

    .tbl_1 {
        width: 17%;
        padding-right: 1%;
    }

    .tbl_2 {
        width: 16%;
    }

    .trade-table__tab-body {
        overflow-y: initial;
        max-height: none;
    }

    .trade-table__tab {
        overflow: auto;
        max-height: 280px;
    }
}


@media screen and (max-width: 500px) {
    .trade-sidebars {
        flex-direction: column;
    }

    .cups-data,
    .bids-data,
    .market-trade {
        position: relative;
        height: 200px;
    }

    .mn_mfc,
    .bg_mfc {
        width: 100%;
    }

    .txt_ogr_130,
    .txt_ogr_115 {
        max-width: 100%;
    }

    .ln_rlx {
        width: 130px;
        height: 1px;
        margin-top: 12px;
        margin-bottom: 12px;
        margin-left: 50%;
        transform: translate(-50%, 0);
    }

    .footer__copyright {
        padding-bottom: 43px;
    }

    .buy-crypto__text {
        max-width: 100%;
    }

    .buy-crypto__list {
        gap: 30px;
    }
}


@media screen and (max-width: 425px) {

    .header__logo-img,
    .footer__logo-img {
        width: 25px;
        height: 25px;
    }

    .header__logo-text,
    .footer__logo-text {
        font-size: 15px;
    }

    .second_error-img_mb {
        display: block;
        opacity: .6;
        margin-left: -10px;
        width: calc(100% + 20px);
        max-width: calc(100% + 20px);
        max-height: 255px;
    }

    .account-balances__body {
        margin-left: -12px;
        margin-right: -12px;
        padding-left: 12px;
        padding-right: 12px;
    }

    .wallet__title-min {
        font-size: 18px;
    }

    .stake-box__header-title {
        font-size: 14px;
    }

    .stake-box__body-input,
    .stake-box-crypto__val {
        font-size: 18px;
    }

    .stake-drop__text,
    .stake-box__body-received {
        font-size: 18px;
    }

    .stake-box__body {
        margin-top: 12px;
        height: auto;
    }

    .wallet__box {
        padding: 16px 12px;
    }

    .asset-balance__table-actions {
        zoom: .9;
        justify-content: space-between;
    }

    .asset-balance__table-actions .account-balance__btn {
        font-size: 11px;
        line-height: 1.29em;
    }

    .account-balance__btn {
        /* padding-left: 0;
        padding-right: 0; */
    }

    .asset-balances,
    .account-balances__wrapper {
        margin-top: 14px;
    }

    .asset-balance__table,
    .account-balances {
        margin-top: 12px;
    }

    .wallet__title-min {
        margin-left: 5px;
    }

    .wallet__subtitle-min {
        margin-left: 5px;
    }

    .card-body {
        padding: 20px 10px;
    }

    .profile__user-verified {
        padding: 3px 15px;
    }

    .overview-main__search {
        max-width: 159px;
    }

    .overview-main__search-input {
        padding: 6px 12px;
    }

    .wallet__stake-calc__desc svg {
        width: 20px;
        height: 20px;
    }

    .wallet__stake-calc__text {
        font-size: 14px;
    }
}

@media screen and (max-width: 374px) {
    .trade-graphics__switch-forms {
        flex-wrap: wrap;
    }

    .trade-graphics__switch-form {
        width: 100%;
        max-width: 100%;
    }

    .rg_vox_c {
        width: 75px;
        height: 50px;
    }

    .lf_vox_c {
        width: calc(100% - 75px);
    }

    .vox_title {
        margin-bottom: 4px;
    }

    #trade__chart {
        height: 227px !important;
    }
    .mob_gift_link .wallet__menu-link {
        font-size: 14px;
        padding: 10px 10px;
    }
    .overview-main__balance-currency {
        margin-left: 10px;
    }
    .overview-main__balance-value {
        font-size: 22px;
    }
}

@media screen and (max-width: 360px) {
    .account-balance__btn {
        padding: 12px 20px;
    }

    .account-btn__img {
        margin-left: 5px;
    }
    .trade_notification {
        right: -120%;
    }
}


/*STAKING MODAL CANCEL CONFIRMATION*/
.alert_cancel_staking04{
    display: flex;
    flex-direction: column;
    position: fixed;
    z-index: 910;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 14px;
    border: 1px solid var(--text-color-8);
    background-color: var(--primary-color   );
    backdrop-filter: blur(34px);
    -webkit-backdrop-filter: blur(34px);
    -moz-backdrop-filter: blur(34px);
    -o-backdrop-filter: blur(34px);
    /* width: 536px; */
    max-width: 95%;
    height: auto;
    max-height: 90vh;
    padding: 20px;
}
.modal_background{
    position: fixed;
    width: 100%;
    height: 100vh;
    display: block;
    z-index: 909;
    display: table-footer-group;
    background-color:#00000063;
    top: 0;
    left: 0;
}
.confirmation_cancel{
    padding: 10px;
    color: white;
    border: 1px solid #A52A2A;
    border-radius: 30px;
    cursor: pointer;
    background-color: #A52A2A;
}
.modal_cancel_btn, .modal_text {
    text-align: center;
    margin-top: 20px;
}
.modal_close{
    display: flex;
    justify-content: flex-end;
}
.error_staking_notif{
    color:red;
}
.reg_captcha_box{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
}
.reg_captcha{
    position:relative;
}
.reg_captcha span{
    display: block;
    color: var(--text);
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 12px;
    text-align: center;
}
.reg_captcha .captcha{
    width: 200px;
    height: 90px;
}
.captcha_verified img{
    height: 25px;
}
.reg_captcha .captcha_verified{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.reg_captcha_box input{
    color: var(--text-color);
    padding: 18px;
    border-radius: 40px;
    border: 1px solid var(--border-color);
    background-color: var(--color-none);
    transition: .2s;
    width:auto;
}
.modal-mask {
    position: fixed;
    z-index: 9998;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: table;
    transition: opacity 0.3s ease;
    backdrop-filter: blur(2px);
}
.poppup_promo-message {
    /* display: none; */
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 910;
    border-radius: 14px;
    border: 1px solid var(--theme-main);
    background: var(--primary-color);
    /*backdrop-filter: blur(34px);*/
    width: 536px;
    max-width: 95%;
    height: auto;
    overflow: auto;
    padding: 5px;
}
.poppup_promo-message .poppup_content {
    padding: 0;
    overflow: unset;
}
.poppup_promo-message .poppup_wrapper {
    padding: 15px;
    overflow: auto;
    max-height: calc(100vh - 20px);
    overflow:hidden;
}
.poppup_promo-message .poppup_body{
    height:auto;
}
.poppup_promo-message .poppup_head{
    justify-content: flex-end;
}
.promo-message-img_container{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.promo-message_container{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.promo-message_container h4{
    margin-bottom:20px;
}
.poppup_promo-message button.wallet__withdraw{
    margin: 0 auto;
    margin-top: 20px;
}
.ticket__delete{
    position: absolute;
    left: 0;
    right: 0;
    margin-inline: auto;
    width: fit-content;
    margin-top: -10px;
}
.ticket__delete button{
    background-color: #fff;
    padding: 2px 8px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    text-align: center;
    display: flex;
    align-items: center;
    color: #3D158B;
    font-weight: 700;
}
.ticket__delete button svg path{
    stroke: #3D158B;
}
html[data-theme="dark"] .ticket__delete button{
    background-color: #494974;
    color: #FFFFFF;
}
html[data-theme="dark"] .ticket__delete button svg path{
    stroke: #FFFFFF;
}
.ticket__close-alert{
    position: absolute;
    z-index: 9998;
    top: 11%;
    left: 0;
    width: 409px;
    height: 89%;
    /*background-color: rgba(0, 0, 0, 0.5);*/
    display: table;
    transition: opacity 0.3s ease;
    backdrop-filter: blur(10px);
    border-radius: 0px 0px 24px 24px;
}
.ticket__alert{
    height:100%;
}
.ticket__alert-body{
    text-align: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-start;
    gap: 20px;
    margin-top: 15%;
}
.alert-q{
    color: var(--text-color-dark-2);
}
.ticket__alert-message .ticket_field{
    width:80%;
    height:100%;
}
html[data-theme="dark"] .ticket__alert-message .ticket_field::placeholder{
    color:#FFFFFF;
}
.ticket__alert-button{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}
.ticket__alert-button button{
    width: calc(40% - 10px);
}
.star-rating {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.star {
    cursor: pointer;
    font-size: 2rem;
    color: #ccc;
}
.star svg path{
    fill: #ccc;
}
.star.filled svg path{
    fill:var(--btn-fill-bg);
}
