@charset "UTF-8";
/* poppins-devanagari-400-normal */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-display: var(--fontsource-display, swap);
  font-weight: 400;
  src: url(/build/woff2/poppins-devanagari-400-normal.DXhQFdtL.woff2) format('woff2'), url(/build/woff/poppins-devanagari-400-normal.C8-_4xxD.woff) format('woff');
  unicode-range: U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FF;
}
/* poppins-latin-ext-400-normal */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-display: var(--fontsource-display, swap);
  font-weight: 400;
  src: url(/build/woff2/poppins-latin-ext-400-normal.CZnfsGfc.woff2) format('woff2'), url(/build/woff/poppins-latin-ext-400-normal.DdMv8PPD.woff) format('woff');
  unicode-range: U+0100-02AF,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
/* poppins-latin-400-normal */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-display: var(--fontsource-display, swap);
  font-weight: 400;
  src: url(/build/woff2/poppins-latin-400-normal.cpxAROuN.woff2) format('woff2'), url(/build/woff/poppins-latin-400-normal.B_rUbtde.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* poppins-devanagari-500-normal */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-display: var(--fontsource-display, swap);
  font-weight: 500;
  src: url(/build/woff2/poppins-devanagari-500-normal.CedCftIp.woff2) format('woff2'), url(/build/woff/poppins-devanagari-500-normal.BroQQ6xd.woff) format('woff');
  unicode-range: U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FF;
}
/* poppins-latin-ext-500-normal */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-display: var(--fontsource-display, swap);
  font-weight: 500;
  src: url(/build/woff2/poppins-latin-ext-500-normal.CkbSfFoM.woff2) format('woff2'), url(/build/woff/poppins-latin-ext-500-normal.CHw6h0fi.woff) format('woff');
  unicode-range: U+0100-02AF,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
/* poppins-latin-500-normal */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-display: var(--fontsource-display, swap);
  font-weight: 500;
  src: url(/build/woff2/poppins-latin-500-normal.C8OXljZJ.woff2) format('woff2'), url(/build/woff/poppins-latin-500-normal.DYKS35CB.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* poppins-devanagari-600-normal */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-display: var(--fontsource-display, swap);
  font-weight: 600;
  src: url(/build/woff2/poppins-devanagari-600-normal.B64POISR.woff2) format('woff2'), url(/build/woff/poppins-devanagari-600-normal.D_hkOiD3.woff) format('woff');
  unicode-range: U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FF;
}
/* poppins-latin-ext-600-normal */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-display: var(--fontsource-display, swap);
  font-weight: 600;
  src: url(/build/woff2/poppins-latin-ext-600-normal.CjZjQJk3.woff2) format('woff2'), url(/build/woff/poppins-latin-ext-600-normal.Bw2Y7KI9.woff) format('woff');
  unicode-range: U+0100-02AF,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
/* poppins-latin-600-normal */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-display: var(--fontsource-display, swap);
  font-weight: 600;
  src: url(/build/woff2/poppins-latin-600-normal.zEkxB9Mr.woff2) format('woff2'), url(/build/woff/poppins-latin-600-normal.DYo_fp3E.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* poppins-devanagari-700-normal */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-display: var(--fontsource-display, swap);
  font-weight: 700;
  src: url(/build/woff2/poppins-devanagari-700-normal.x1FzP7sX.woff2) format('woff2'), url(/build/woff/poppins-devanagari-700-normal.BAn-kOyM.woff) format('woff');
  unicode-range: U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FF;
}
/* poppins-latin-ext-700-normal */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-display: var(--fontsource-display, swap);
  font-weight: 700;
  src: url(/build/woff2/poppins-latin-ext-700-normal.j1no4XVB.woff2) format('woff2'), url(/build/woff/poppins-latin-ext-700-normal.DP68CcFE.woff) format('woff');
  unicode-range: U+0100-02AF,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
/* poppins-latin-700-normal */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-display: var(--fontsource-display, swap);
  font-weight: 700;
  src: url(/build/woff2/poppins-latin-700-normal.Qrb0O0WB.woff2) format('woff2'), url(/build/woff/poppins-latin-700-normal.CAvHRXwD.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* dm-sans-latin-ext-400-normal*/
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url('/build/woff2/dm-sans-latin-ext-400-normal.Dsb_lGS8.woff2') format('woff2'), url('/build/woff/dm-sans-all-400-normal.UgJQP8Gv.woff') format('woff');
  unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
/* dm-sans-latin-400-normal*/
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url('/build/woff2/dm-sans-latin-400-normal.Ryn7VuCb.woff2') format('woff2'), url('/build/woff/dm-sans-all-400-normal.UgJQP8Gv.woff') format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* dm-sans-latin-ext-500-normal*/
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url('/build/woff2/dm-sans-latin-ext-500-normal.CmbAvfYB.woff2') format('woff2'), url('/build/woff/dm-sans-all-500-normal.bjEDh1Zl.woff') format('woff');
  unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
/* dm-sans-latin-500-normal*/
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url('/build/woff2/dm-sans-latin-500-normal.0zH4wDKe.woff2') format('woff2'), url('/build/woff/dm-sans-all-500-normal.bjEDh1Zl.woff') format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* dm-sans-latin-ext-700-normal*/
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url('/build/woff2/dm-sans-latin-ext-700-normal.D66MVXwN.woff2') format('woff2'), url('/build/woff/dm-sans-all-700-normal.BbGS9O8I.woff') format('woff');
  unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
/* dm-sans-latin-700-normal*/
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url('/build/woff2/dm-sans-latin-700-normal.BU1huWnE.woff2') format('woff2'), url('/build/woff/dm-sans-all-700-normal.BbGS9O8I.woff') format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/**
  Offset
 */
/**
  Colors
 */
/**
  Fonts
 */
*,
::after,
::before {
  box-sizing: border-box;
}
html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}
article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block;
}
body {
  margin: 0;
  font-family: "Poppins", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #777E90;
  text-align: left;
  background-color: #fff;
}
[tabindex="-1"]:focus {
  outline: 0 !important;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}
p {
  margin-top: 0;
  margin-bottom: 1rem;
}
abbr[data-original-title],
abbr[title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
}
address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}
dl,
ol,
ul {
  margin-top: 0;
  margin-bottom: 0;
}
ol ol,
ol ul,
ul ol,
ul ul {
  margin-bottom: 0;
}
dt {
  font-weight: 700;
}
dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}
blockquote {
  margin: 0 0 1rem;
}
b,
strong {
  font-weight: bolder;
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent;
}
a:hover {
  text-decoration: none;
}
a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([tabindex]):focus,
a:not([href]):not([tabindex]):hover {
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([tabindex]):focus {
  outline: 0;
}
code,
kbd,
pre,
samp {
  font-family: "Poppins", sans-serif;
  font-size: 1em;
}
pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
}
figure {
  margin: 0 0 1rem;
}
img {
  vertical-align: middle;
  border-style: none;
}
svg {
  overflow: hidden;
  vertical-align: middle;
}
table {
  border-collapse: collapse;
}
caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom;
}
th {
  text-align: inherit;
}
label {
  display: inline-block;
  margin-bottom: 0.5rem;
}
button {
  border-radius: 0;
}
button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}
button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  resize: none;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
select {
  word-wrap: normal;
}
[type=button],
[type=reset],
[type=submit],
button {
  -webkit-appearance: button;
}
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
  cursor: pointer;
}
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}
textarea {
  overflow: auto;
}
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}
[type=search] {
  outline-offset: -2px;
  -webkit-appearance: none;
}
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}
output {
  display: inline-block;
}
summary {
  display: list-item;
  cursor: pointer;
}
template {
  display: none;
}
[hidden] {
  display: none !important;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
body {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  color: #777E91;
}
.body-fixed {
  overflow: hidden;
  height: 100vh;
}
.heading-line {
  height: 104px;
  background: #FCFCFD;
}
.heading-line .heading-text {
  display: flex;
  gap: 12px;
}
.header-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 20px 160px;
  width: 100%;
  height: 80px;
  background: #FCFCFD;
  border-bottom: 1px solid #E6E8EC;
  position: relative;
  z-index: 99;
}
.header-wrapper .burger-menu {
  display: none;
}
.header-wrapper .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header-wrapper .header-logo {
  width: 173px;
  height: 32px;
}
.header-wrapper .header-logo a {
  height: 100%;
  width: auto;
}
.header-wrapper .header-logo img {
  height: 100%;
  width: auto;
}
.header-wrapper .header-delimiter {
  height: 40px;
  width: 1px;
  background-color: #E6E8EC;
}
.header-wrapper .header-menu {
  display: flex;
  align-items: center;
  padding: 0 40px;
}
.header-wrapper .header-menu ul {
  display: flex;
  list-style: none;
}
.header-wrapper .header-menu ul a {
  padding: 0 24px;
  color: #777E90;
}
.header-wrapper .menu-wrap {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.header-wrapper .header-action-button {
  display: flex;
}
.header-wrapper .header-action-button a {
  margin-left: 16px;
}
.header .menu-wrap-mobile {
  display: none;
}
.btn {
  height: 40px;
  min-width: 120px;
  font-family: "DM Sans", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  border-radius: 90px;
}
.btn:disabled {
  opacity: 0.5;
  cursor: default;
}
.primary-btn {
  color: #FCFCFD;
  background-color: #3772FF;
  border: none;
}
.primary-btn:hover:enabled {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), #3772FF;
}
a.primary-btn:hover {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), #3772FF;
}
a.border-btn:hover {
  background: rgba(255, 255, 255, 0.1);
  border: 2px solid #CFD1D4;
}
.border-btn {
  color: #23262F;
  background-color: transparent;
  border: 2px solid #E6E8EC;
  transition: all 100ms ease-in;
}
.border-btn:hover:enabled {
  /*    background: $btn;
      border: 2px solid $btn;*/
  background: rgba(255, 255, 255, 0.1);
  border: 2px solid #CFD1D4;
  color: #23262F;
}
.white-btn {
  color: #ffffff;
  background-color: transparent;
  border: 2px solid #ffffff;
  transition: all 100ms ease-in;
}
.white-btn:hover:enabled {
  background: #23262F;
  border: 2px solid #23262F;
  color: #FCFCFD;
}
.container {
  width: 100%;
  max-width: 1120px;
  margin: 0 auto;
}
.main-section {
  background: #ffffff;
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: space-between;
  padding-bottom: 80px;
}
.main-section .section-content {
  padding: 140px 0;
}
.section-content {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.section-title {
  width: 100%;
  display: flex;
  justify-content: center;
  color: #141416;
  font-size: 64px;
  font-family: "DM Sans", sans-serif;
  font-weight: 500;
  line-height: 70px;
  text-align: center;
  letter-spacing: -0.02em;
}
.section-text {
  width: 100%;
  display: flex;
  justify-content: center;
  color: #777E90;
  font-size: 16px;
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
  padding: 24px 0;
}
.section-btn {
  position: relative;
  z-index: 3;
}
.coinPriceBlock-footer {
  display: none;
}
.coinPriceBlock-container {
  overflow-x: hidden !important;
  display: flex;
  justify-content: space-between;
}
.coinPriceBlock {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 16px;
  width: 23.25% !important;
  height: 168px;
  border: 1px solid #E6E8EC;
  border-radius: 16px;
}
.list-coins {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.list-coins-item {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 16px;
  width: 23.25%;
  height: 168px;
  border: 1px solid #E6E8EC;
  border-radius: 16px;
}
.list-coins-item-icon {
  width: 40px;
  height: 40px;
  margin-bottom: 12px;
}
.list-coins-item-icon img {
  width: 100%;
  height: 100%;
}
.list-coins-item-title {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  display: flex;
  align-items: center;
  color: #313C50;
}
.list-coins-item-price {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  display: flex;
  align-items: center;
  color: #777E91;
}
.list-coins-item-percent {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 20px;
  color: #ffffff;
  border-radius: 24px;
  padding: 2px 8px;
}
.list-coins-item-percent.increse {
  background-color: #58BD7D;
}
.list-coins-item-percent.decrese {
  background-color: #FF4438;
}
.bg-coins {
  position: absolute;
  width: 100%;
  height: 100%;
}
.bg-coins-icon {
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
}
.btc-icon {
  width: 120px;
  height: 120px;
  top: 35%;
  left: 1%;
  background-image: url("/build/svg/btc.Durnr6la.svg");
}
.eth-icon {
  width: 100px;
  height: 100px;
  top: 75%;
  right: 11%;
  background-image: url("/build/svg/eth.2jgAXCbe.svg");
}
.usdt-icon {
  width: 70px;
  height: 70px;
  top: 70%;
  left: 11%;
  background-image: url("/build/svg/USDT.clskQerx.svg");
}
.bnb-icon {
  width: 80px;
  height: 80px;
  top: 45%;
  right: 1%;
  background-image: url("/build/svg/bnb.CAxntvtZ.svg");
}
.bg-grey {
  background-color: #FCFCFD;
}
.section.bg-grey {
  background-color: #F4F5F6;
}
.section-content {
  padding: 120px 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: center;
  align-items: center;
}
.features {
  display: flex;
  flex-direction: column;
}
.features-item {
  display: flex;
  margin-bottom: 80px;
}
.features-item-content {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.features-item-title {
  max-width: 400px;
  font-family: "DM Sans", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 40px;
  line-height: 48px;
  letter-spacing: -0.01em;
  color: #23262F;
  margin-bottom: 20px;
}
.features-item-text {
  max-width: 400px;
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #777E91;
}
.features-item-image {
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.features-item-image-block {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.feature-bg-1 {
  background-image: url("/build/svg/bg1.CMEoz77O.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center right;
  width: 180px;
  height: 360px;
  position: absolute;
  right: -180px;
}
.feature-bg-2 {
  background-image: url("/build/svg/bg2.ByijC1lD.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center left;
  width: 180px;
  height: 360px;
  position: absolute;
  left: -180px;
}
.feature-bg-3 {
  background-image: url("/build/svg/bg3.D4fzgpwf.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center right;
  width: 180px;
  height: 360px;
  position: absolute;
  right: -180px;
}
.step-arrow-down {
  display: none;
}
.step-arrow {
  display: block;
  width: 100px;
  height: 10px;
  background-image: url("/build/svg/arrow.Cii4Nujn.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.steps {
  display: flex;
  width: 100%;
  padding-bottom: 180px;
}
.steps .step-item {
  display: flex;
  width: 33.3333333333%;
  flex-direction: column;
}
.steps .step-icon {
  display: flex;
  align-items: center;
}
.steps .step-icon img {
  margin-right: 40px;
  width: 40px;
  height: 40px;
  background: #3772FF;
  border-radius: 50%;
}
.steps .step-title {
  margin: 30px 0 20px;
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  color: #23262F;
}
.steps .step-text {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #777E91;
}
.pt-120 {
  padding: 120px 0 0;
}
.blue-block {
  height: 558px;
  background: #3772FF;
  border-radius: 40px;
  padding: 80px;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #ffffff;
}
.blue-block .section-title {
  color: #ffffff;
}
.blue-block .section-text {
  color: #ffffff;
  max-width: 620px;
}
.blue-block .currency-list {
  display: flex;
  margin-top: 60px;
}
.blue-block .currency-list ul {
  padding: 0;
  display: flex;
  list-style: none;
}
.blue-block .currency-list ul .currency-list-icon {
  width: 40px;
  height: 40px;
  margin: 0 12px;
  background-size: contain;
}
.support-form {
  width: 544px;
}
.support-form .form-control:not(:focus):not(:placeholder-shown):invalid {
  outline: 2px solid #DA3831;
}
.support-form .form-control:not(:focus):not(:placeholder-shown):invalid + .validate-error {
  display: flex;
}
.default-block {
  padding-bottom: 60px;
}
.default-form .form-group {
  display: flex;
  flex-direction: column;
  padding-bottom: 40px;
  position: relative;
}
.default-form .form-group label {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 12px;
  text-transform: uppercase;
  color: #B1B5C4;
}
.default-form .form-group.required label:after {
  content: "*";
  color: #FF4438;
  margin-left: 4px;
}
.default-form .form-group.error .form-control {
  outline: 2px solid #FF4438;
}
.default-form .form-group.error .form-control:focus {
  outline-color: #FF4438 !important;
}
.default-form .form-group.error .text-error {
  display: block;
}
.default-form .validate-error,
.default-form .text-error {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #FF4438;
  position: absolute;
  bottom: 15px;
  display: none;
}
.default-form .text-error-line, .default-form .text-info {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
}
.default-form .text-error-line {
  color: #FF4438;
}
.default-form .form-control {
  height: 48px;
  width: 100%;
  background: #ffffff;
  border: none;
  outline: 2px solid #E6E8EC;
  transition: all ease-in-out 0.2s;
  border-radius: 12px;
  padding: 12px 16px;
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  display: flex;
  align-items: center;
  color: #23262F;
}
.default-form .form-control:focus {
  outline-color: #3772FF !important;
}
.default-form .form-control:hover {
  outline: 2px solid #B1B5C3;
}
.default-form .form-control::placeholder {
  font-weight: 500;
  font-size: 14px;
  color: #B1B5C4;
}
.default-form select {
  line-height: 20px !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background: transparent !important;
  background-image: url("/build/svg/select-down.BKiVucJq.svg") !important;
  background-repeat: no-repeat !important;
  background-position-x: 95% !important;
  background-position-y: 20px !important;
  background-size: 10px 6px !important;
}
.default-form select:invalid {
  color: #B1B5C4;
}
.default-form .form-control-area {
  width: 100%;
  background: #ffffff;
  border: none;
  outline: 2px solid #E6E8EC;
  border-radius: 12px;
  padding: 12px 16px;
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  display: flex;
  align-items: center;
  color: #23262F;
}
.default-form .form-control-area:focus {
  outline-color: #3772FF !important;
}
.default-form .form-control-area:hover {
  outline: 2px solid #B1B5C3;
}
.default-form .form-control-area::placeholder {
  font-weight: 500;
  font-size: 14px;
  color: #B1B5C4;
}
.default-form .form-button {
  display: flex;
  justify-content: flex-end;
}
.modal .text-error {
  bottom: 15px !important;
}
.modal-exchange .text-error {
  bottom: -50px !important;
}
.withdraw-modal .text-error {
  bottom: -10px !important;
}
.withdraw-modal .form-button {
  margin-top: 30px;
}
.footer {
  border-top: 1px solid #E6E8EC;
  background-color: #FCFCFD;
}
.footer-content {
  display: flex;
  justify-content: space-between;
  height: 392px;
}
.footer-col {
  width: 33.3333333333%;
}
.footer-col-border {
  border-right: 1px solid #E6E8EC;
  border-left: 1px solid #E6E8EC;
}
.footer-logo {
  margin-top: 80px;
  width: 173px;
  height: 32px;
}
.footer-list {
  margin: 80px 0 0 32px;
  padding: 0;
  list-style: none;
}
.footer-list li {
  padding-bottom: 24px;
}
.footer-list a {
  font-family: "DM Sans", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  color: #777E91;
}
.footer .contact-info {
  margin: 80px 0 0 32px;
  padding-bottom: 0px;
  color: #23262F;
  display: flex;
  flex-direction: column;
}
.footer .contact-info a {
  color: #23262F;
}
.footer .contact-info .info-email,
.footer .contact-info .info-phone {
  padding-bottom: 16px;
}
.footer .license-number {
  margin-left: 32px;
  margin-top: 24px;
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #777E91;
}
.footer .license-number a {
  color: #3772FF;
  margin-left: 8px;
}
.footer .payment-type {
  margin-left: 32px;
  margin-top: 24px;
  display: flex;
}
.footer .payment-type .payment-type-item {
  width: 58.34px;
  height: 40px;
  margin-right: 8px;
}
.footer-copyright {
  border-top: 1px solid #E6E8EC;
  height: 64px;
  display: flex;
  align-items: center;
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  color: #777E91;
}
.heading {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 32px 0;
}
.heading-title {
  font-family: "DM Sans", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 40px;
  text-align: center;
  letter-spacing: -0.01em;
  color: #23262F;
}
.heading-text {
  font-family: "DM Sans", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  color: #23262F;
}
.heading-text a:not(.btn) {
  color: #3772FF;
}
.page-content {
  padding: 0 0 120px 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: center;
  align-items: center;
}
.page-title {
  font-family: "DM Sans", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 40px;
  line-height: 48px;
  text-align: center;
  letter-spacing: -0.01em;
  color: #23262F;
}
.page-text {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  color: #777E91;
  padding-top: 32px;
}
.delimiter-h {
  border-top: 1px solid #E6E8EC;
  width: 100%;
  margin: 32px 0;
}
.login-form {
  width: 470px;
  /* Customize the label (the container) */
  /* Hide the browser's default checkbox */
  /* Create a custom checkbox */
  /* On mouse-over, add a grey background color */
  /* When the checkbox is checked, add a blue background */
  /* Create the checkmark/indicator (hidden when not checked) */
  /* Show the checkmark when checked */
  /* Style the checkmark/indicator */
}
.login-form .forgot-password-wrap {
  text-align: right;
}
.login-form .form-control {
  outline: 2px solid #E6E8EC;
}
.login-form .page-text {
  max-width: 352px;
  margin: 24px auto;
}
.login-form .login-block {
  max-width: 352px;
  margin: 0px auto;
}
.login-form .delimiter-h {
  max-width: 352px;
  margin: 32px auto;
}
.login-form .btn {
  width: 100%;
  height: 48px;
  font-size: 16px;
}
.login-form .btn.inactive {
  opacity: 0.25;
}
.login-form .form-group {
  position: relative;
}
.login-form .show-password {
  position: absolute;
  right: 16px;
  top: 33px;
  width: 24px;
  height: 24px;
  background-image: url("/build/svg/eye.DEbKasP0.svg");
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 1;
  cursor: pointer;
}
.login-form .mobile-show {
  display: none !important;
}
.login-form .sub-text {
  display: flex;
  font-family: "DM Sans", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  color: #23262F;
  width: 100%;
  padding-top: 24px;
  justify-content: center;
}
.login-form .sub-text a {
  margin-left: 8px;
  color: #23262F;
}
.login-form .success-image {
  background-image: url("/build/png/success.B_4CHlBa.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 200px;
  height: 160px;
  margin: 0 auto;
}
.login-form.success-block .page-title {
  padding-bottom: 32px;
}
.login-form .checkbox-block {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}
.login-form .checkbox-block a,
.login-form .checkbox-block label {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #777E91;
  text-transform: initial;
}
.login-form .checkbox-block a {
  color: #23262F;
}
.login-form .checkbox-block input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.login-form .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  background: #ffffff;
  border: 1px solid #E6E8EC;
  border-radius: 4px;
}
.login-form .checkbox-block:hover input ~ .checkmark {
  background-color: #ccc;
}
.login-form .checkbox-block input:checked ~ .checkmark {
  background-color: #3772FF;
}
.login-form .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.login-form .checkbox-block input:checked ~ .checkmark:after {
  display: block;
}
.login-form .checkbox-block .checkmark:after {
  left: 7px;
  top: 3px;
  width: 8px;
  height: 12px;
  border: solid #E6E8EC;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.header-auth .menu-wrap {
  justify-content: flex-end;
}
.header-profile {
  display: flex;
  align-items: center;
}
.header-profile a {
  display: flex;
  align-items: center;
}
.header-profile-name {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #777E90;
}
.header-profile-avatar {
  width: 40px;
  height: 40px;
  overflow: hidden;
  margin: 0 26px 0 16px;
}
.header-profile-avatar img {
  width: 100%;
  height: auto;
}
.header-profile h2 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #777E90;
  display: flex;
  align-items: center;
  height: 80px;
  margin-bottom: 0;
}
.header-profile h2 .icon {
  width: 40px;
  height: 40px;
  margin-left: 16px;
  background-repeat: no-repeat;
  background-image: url("/build/svg/avatar.BnPeKJX8.svg");
  position: relative;
}
.header-profile h2.verified .icon:before {
  content: "";
  position: absolute;
  right: -1px;
  bottom: -2px;
  z-index: 9;
  background-repeat: no-repeat;
  background-image: url("/build/svg/checkbox.DWn9tUK1.svg");
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-size: contain;
}
.header-profile .dropdown {
  position: relative;
  overflow: initial;
}
.header-profile .dropdown .menu {
  position: absolute;
  display: flex;
  top: 75px;
  right: -25px;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  padding: 0 16px;
  width: 256px;
  height: 227px;
  background: #FCFCFD;
  box-shadow: 0px 16px 64px -30px rgba(31, 47, 70, 0.45);
  border-radius: 12px;
  margin: 0;
  list-style: none;
}
.header-profile .dropdown .menu:before {
  content: "";
  position: absolute;
  top: -10px;
  right: 35px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 12px 12px 12px;
  border-color: transparent transparent #fcfcfd transparent;
}
.header-profile .dropdown .menu li {
  border-bottom: 1px solid #E6E8EC;
  width: 100%;
  padding: 16px 0;
}
.header-profile .dropdown .menu li:last-child {
  border: none;
}
.header-profile .dropdown .menu li a {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #141416;
  padding-left: 35px;
  width: 100%;
}
.header-profile .dropdown .menu li a.icon-account {
  background-repeat: no-repeat;
  background-image: url("/build/svg/card-send.BO44KIlm.svg");
  height: 24px;
  background-size: contain;
}
.header-profile .dropdown .menu li a.icon-activity {
  background-repeat: no-repeat;
  background-image: url("/build/svg/activity.BGtz_ivn.svg");
  height: 24px;
  background-size: contain;
}
.header-profile .dropdown .menu li a.icon-profile {
  background-repeat: no-repeat;
  background-image: url("/build/svg/user-profile.DOeThUHF.svg");
  height: 24px;
  background-size: contain;
}
.header-profile .dropdown .menu li .icon-exit {
  background-repeat: no-repeat;
  background-image: url("/build/svg/logout.BtPAUEfP.svg");
  width: 100%;
  text-align: left;
  height: 24px;
  background-size: contain;
  color: #FF4438;
  border: none;
  outline: none;
  background-color: initial;
  padding-left: 35px;
}
.header-profile .dropdown.closed {
  overflow: hidden;
}
.header-profile .dropdown.closed .menu {
  display: none;
  position: absolute;
  top: 80px;
}
.balance-page {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.balance-page .block-title {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
  color: #777E91;
  padding: 20px 0 8px 30px;
}
.balance-page .block-content {
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 20px 30px 0;
  min-height: 360px;
}
.balance-page .block-footer {
  display: flex;
  width: 100%;
  padding: 20px;
  justify-content: center;
}
.balance-page .exchange-block {
  display: flex;
  width: 100%;
  justify-content: space-between;
  gap: 4px;
}
.balance-page .exchange-block .fiat-block {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.balance-page .exchange-block .crypto-block {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.balance-page .exchange-block .exchange-currency-list {
  display: flex;
  width: 100%;
  flex-direction: column;
}
.balance-page .exchange-block .exchange-currency-item {
  display: flex;
  width: 100%;
  padding-bottom: 20px;
}
.balance-page .exchange-block .exchange-currency-item:hover .exchange-currency-item-icon {
  border-radius: 50%;
  position: relative;
}
.balance-page .exchange-block .exchange-currency-item:hover .exchange-currency-item-icon:after {
  position: absolute;
  border-radius: 50%;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1);
  z-index: 9;
}
.balance-page .exchange-block .exchange-currency-item .currency-code {
  font-family: "DM Sans", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 24px;
  text-transform: uppercase;
  color: #777E90;
}
.balance-page .exchange-block .exchange-currency-item-icon {
  width: 40px;
  height: 40px;
  min-width: 40px;
  overflow: hidden;
}
.balance-page .exchange-block .exchange-currency-item-icon img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.balance-page .exchange-block .exchange-currency-item-title {
  font-family: "DM Sans", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  text-transform: capitalize;
  color: #23262F;
  margin-left: 16px;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.balance-page .exchange-block .exchange-currency-item-value {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #23262F;
  display: flex;
  text-transform: uppercase;
  min-width: 150px;
  justify-content: flex-start;
  align-items: flex-end;
  flex-direction: column;
}
.balance-page .exchange-block .exchange-currency-item-value div {
  white-space: nowrap;
}
.balance-page .exchange-block .exchange-currency-item-value span {
  color: #777E91;
  white-space: nowrap;
}
.balance-page .exchange-block .exchange-button {
  display: flex;
  width: 100%;
  justify-content: flex-start;
}
.balance-page .exchange-block .exchange-button .btn {
  margin-right: 8px;
}
.balance-page .exchange-block .cryptocurrencies-list .exchange-currency-item {
  border-bottom: 1px solid #E6E8EC;
  margin-bottom: 20px;
}
.balance-page .exchange-block .cryptocurrencies-list .exchange-currency-item:last-child {
  border-bottom: none;
  margin-bottom: 0px;
}
.balance-page .activity-block {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding-top: 24px;
}
.balance-page .activity-block .block-content {
  padding: 0;
}
.balance-page .activity-table {
  width: 100%;
}
.balance-page .activity-table thead {
  border-bottom: 1px solid #F4F5F6;
}
.balance-page .activity-table thead th {
  font-family: "DM Sans", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 20px;
  color: #353945;
  padding: 26px 32px;
}
.balance-page .activity-table tbody tr {
  border-bottom: 1px solid #F4F5F6;
  transition: background-color 200ms ease-in;
}
.balance-page .activity-table tbody tr:hover {
  background-color: #F4F5F6;
}
.balance-page .activity-table tbody td {
  padding: 16px 32px;
  vertical-align: center;
  font-family: "DM Sans", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #777E91;
}
.balance-page .activity-table tbody td strong {
  font-weight: 700;
  color: #23262F;
  white-space: nowrap;
}
.balance-page .activity-table .badge {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px 16px 6px;
  gap: 10px;
  width: 88px;
  height: 26px;
  background: rgba(88, 189, 125, 0.1);
  border-radius: 4px;
  font-family: "DM Sans", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 12px;
  text-transform: uppercase;
}
.balance-page .activity-table .badge.blue-badge {
  color: #3772FF;
  background: rgba(55, 114, 255, 0.1);
}
.balance-page .activity-table .badge.green-badge {
  color: #58BD7D;
  background: rgba(88, 189, 125, 0.1);
}
.balance-page .activity-table .transaction-id {
  max-width: 180px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.balance-page .activity-table .card-info {
  white-space: nowrap;
}
.balance-page .activity-table .data-not-found {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  text-align: center;
  letter-spacing: -0.01em;
  color: #B1B5C4;
  padding: 56px;
}
.balance-page .activity-table .exchange-currency-list {
  display: flex;
  width: 100%;
  flex-direction: column;
}
.balance-page .activity-table .exchange-currency-item {
  display: flex;
  width: 100%;
}
.balance-page .activity-table .exchange-currency-item .currency-code {
  font-family: "DM Sans", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 24px;
  text-transform: uppercase;
  color: #777E90;
}
.balance-page .activity-table .exchange-currency-item-icon {
  width: 40px;
  height: 40px;
  overflow: hidden;
}
.balance-page .activity-table .exchange-currency-item-icon img {
  width: 100%;
  height: 100%;
}
.balance-page .activity-table .exchange-currency-item-title {
  font-family: "DM Sans", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  text-transform: capitalize;
  color: #23262F;
  margin-left: 16px;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  list-style: none;
  padding: 0;
  gap: 12px;
}
.pagination .page {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  display: flex;
  align-items: center;
  text-align: center;
  width: 40px;
  height: 40px;
  color: #23262F;
  justify-content: center;
}
.pagination .page.active {
  background: #E6E8EC;
  border-radius: 8px;
}
.pagination .prev-page {
  display: block;
  width: 9px;
  height: 18px;
  background-image: url("/build/svg/prev-arrow.COZPNWjB.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
.pagination .next-page {
  display: block;
  width: 9px;
  height: 18px;
  background-image: url("/build/svg/next-arrow.BOfYYYH_.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
.cc-group {
  position: relative;
}
.cc-group .form-control {
  font-family: monospace;
}
.cc-group .cc-icon {
  position: absolute;
  width: 48px;
  height: 24px;
  background-repeat: no-repeat;
  right: 5px;
  top: 12px;
  background-image: url("/build/svg/card.CE0N7ALD.svg");
  background-size: contain;
}
.cc-group .cc-icon.cc-visa {
  background-image: url("/build/svg/visa.DS3B3I1A.svg");
}
.cc-group .cc-icon.cc-mastercard {
  background-image: url("/build/svg/mastercard.CENMZqJ9.svg");
}
.cc-group .cc-icon.cc-maestro {
  background-image: url("/build/svg/maestro.D-G1EfIN.svg");
}
.text-page .container {
  max-width: 880px;
}
.text-page .section-content {
  padding: 120px 0 80px;
}
.text-page .divider {
  width: 100%;
  height: 80px;
}
.text-page-image {
  width: 100%;
  max-height: 480px;
  overflow: hidden;
}
.text-page-image img {
  width: 100%;
}
.text-page-content {
  padding: 80px 76px 120px;
}
.text-page-content h2 {
  font-family: "DM Sans", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 40px;
  line-height: 48px;
  letter-spacing: -0.01em;
  color: #23262F;
  padding-bottom: 20px;
}
.text-page-content h3 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #141416;
  padding-bottom: 8px;
}
.text-page-content p {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #777E91;
  padding-bottom: 20px;
  margin-bottom: 0;
}
.contact-page .section-content {
  padding: 120px 0 80px;
}
.contact-page .section-text {
  padding: 80px 0 0px;
}
.contact-page .section-text.pb-120 {
  padding-bottom: 120px;
}
.contact-page .section-text.pb-80 {
  padding-bottom: 80px;
}
.contact-info {
  display: grid;
  grid-template-columns: 300px 405px;
  grid-column-gap: 60px;
  justify-content: center;
  padding-bottom: 80px;
}
.contact-info-item {
  justify-content: flex-start;
  flex-direction: column;
  align-items: center;
  display: grid;
  grid-template-columns: 56px 1fr;
  grid-template-rows: 28px 28px;
  grid-column-gap: 16px;
  grid-row-gap: 0px;
}
.contact-info-title {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  text-align: center;
  color: #23262F;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  grid-area: 1/2/2/3;
}
.contact-info .contact-icon {
  width: 56px;
  height: 56px;
  min-width: 56px;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 16px;
  grid-area: 1/1/3/2;
}
.contact-info .email-icon {
  background-image: url("/build/svg/email.BTUJkiDk.svg");
}
.contact-info .phone-icon {
  background-image: url("/build/svg/phone.B-7yx2PZ.svg");
}
.contact-info .place-icon {
  background-image: url("/build/svg/place.xSSVskPR.svg");
}
.contact-info-value {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 32px;
  text-align: left;
  color: #23262F;
  padding-top: 16px;
  grid-area: 2/2/3/3;
}
.contact-info-value a {
  color: #23262F;
}
.contact-form-wrap {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 120px 288px;
  gap: 10px;
  background: #FFFFFF;
  border-radius: 40px;
}
.contact-form-wrap form {
  width: 100%;
}
.contact-form-wrap form .btn {
  padding: 16px 24px;
  height: auto;
}
.terms-page.text-page-content {
  padding: 0px 76px 120px;
}
.terms-page p {
  padding-bottom: 40px;
}
.pt-80 {
  padding-top: 80px;
}
.pt-24 {
  padding-top: 24px;
}
.pb-40 {
  padding-bottom: 40px;
}
.nativeDatePicker label {
  display: flex;
  align-items: center;
}
.nativeDatePicker span::after {
  padding-left: 5px;
}
.nativeDatePicker input:invalid + span::after {
  content: "✖";
}
.nativeDatePicker input:valid + span::after {
  content: "✓";
}
.filter-select {
  position: relative;
}
.filter-select .native-select {
  display: block !important;
  border: none;
  background: transparent;
}
.filter-select .native-select:focus-visible {
  border: none;
  outline: none;
}
.profile-page {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  padding: 44px 0;
  gap: 60px;
}
.profile-page .profile-sidebar {
  display: flex;
  max-width: 292px;
  width: 292px;
}
.profile-page .profile-sidebar ul {
  list-style: none;
  padding: 0;
  width: 100%;
}
.profile-page .profile-sidebar ul li {
  width: 100%;
  padding: 18px 0;
}
.profile-page .profile-sidebar ul li.delimiter-h {
  padding: 0;
  margin: 0;
}
.profile-page .profile-sidebar ul li.active a {
  color: #3772FF;
}
.profile-page .profile-sidebar ul li button,
.profile-page .profile-sidebar ul li a {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #141416;
  border: none;
  outline: none;
  background-color: initial;
  padding: 0 0 0 32px;
}
.profile-page .profile-sidebar ul li button.icon-profile,
.profile-page .profile-sidebar ul li a.icon-profile {
  background-repeat: no-repeat;
  background-image: url("/build/svg/user-profile-b.pZgEoMHV.svg");
  height: 24px;
  background-size: contain;
}
.profile-page .profile-sidebar ul li button.icon-password,
.profile-page .profile-sidebar ul li a.icon-password {
  background-repeat: no-repeat;
  background-image: url("/build/svg/security-safe.DNsAv4yj.svg");
  height: 24px;
  background-size: contain;
}
.profile-page .profile-sidebar ul li button.icon-exit,
.profile-page .profile-sidebar ul li a.icon-exit {
  background-repeat: no-repeat;
  background-image: url("/build/svg/logout-g.B3n1bnIE.svg");
  height: 24px;
  background-size: contain;
}
.profile-page .desktop-hidden {
  display: none;
}
.profile-page .profile-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 40px;
  gap: 40px;
  width: 100%;
  min-height: 705px;
  background: #FCFCFD;
  border-radius: 4px;
}
.profile-page .profile-content .login-form {
  width: 100%;
}
.profile-page .profile-content .login-form .profile-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.profile-page .profile-content .login-form .profile-info .icon {
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-image: url("/build/svg/avatar.BnPeKJX8.svg");
  position: relative;
}
.profile-page .profile-content .login-form .profile-info .verified .icon:before {
  content: "";
  position: absolute;
  right: -1px;
  bottom: -2px;
  z-index: 1;
  background-repeat: no-repeat;
  background-image: url("/build/svg/checkbox.DWn9tUK1.svg");
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-size: contain;
}
.profile-page .profile-content .login-form .profile-info-data {
  display: grid;
  grid-template-columns: 56px 1fr;
  grid-template-rows: 22px 22px;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}
.profile-page .profile-content .login-form .profile-info-data .icon {
  grid-area: 1/1/3/2;
}
.profile-page .profile-content .login-form .profile-info-data .verify-text {
  color: #58BD7D;
  grid-area: 1/2/2/3;
}
.profile-page .profile-content .login-form .profile-info-data .email-text {
  grid-area: 2/2/3/3;
}
.profile-page .profile-content .login-form .delimiter-h {
  width: 100%;
  max-width: 100%;
}
.profile-page .profile-content .login-form .login-block {
  margin: 0;
  max-width: 352px;
}
.profile-page .profile-content .login-form .login-block .form-button {
  justify-content: flex-start;
}
.profile-page .profile-content .login-form .login-block .form-button .btn {
  min-width: 154px;
  width: auto;
}
.profile-page .profile-content .login-form.success-block .login-block {
  margin: 0 auto;
}
.user-profile-block {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 404px;
  background: #FCFCFD;
  border-radius: 4px;
  padding: 60px 40px;
  margin-top: 44px;
}
.user-profile-row {
  display: flex;
  width: 100%;
  align-items: center;
  padding-bottom: 40px;
}
.user-profile-data {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.user-profile-name {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  color: #141416;
}
.user-profile-email {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #777E91;
}
.user-profile-address {
  display: flex;
  flex-direction: column;
}
.user-profile-address .address-item {
  display: flex;
  padding-bottom: 10px;
}
.user-profile-address .address-heading {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #141416;
  width: 100px;
}
.user-profile-address .address-value {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #777E91;
}
.success-block {
  width: 370px;
  max-width: 100%;
}
.dropdown {
  transition: all 0.2s ease-in-out;
  overflow: hidden;
  cursor: pointer;
}
.dropdown.closed .menu {
  height: 0;
}
.modal {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  height: 100%;
  min-height: 100vh;
  display: none;
  justify-content: center;
  align-items: flex-start;
  overflow: auto;
  padding: 50px 10px;
  scrollbar-width: thin;
}
.modal ::-webkit-scrollbar {
  width: 10px;
}
.modal.active {
  display: flex;
}
.modal.fade {
  background: rgba(20, 20, 22, 0.3);
}
.modal-dialog {
  background: #FCFCFD;
  box-shadow: 0px 64px 64px -48px rgba(15, 15, 15, 0.1);
  border-radius: 16px;
  width: 736px;
  padding: 44px 40px 40px 40px;
}
.modal-dialog.modal-exchange {
  width: 820px;
}
.modal-header {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.modal-title {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  color: #23262F;
}
.modal .form-group label {
  font-family: "DM Sans", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  text-transform: capitalize;
  color: #23262F;
}
.modal-close {
  display: block;
  width: 40px;
  height: 40px;
  background-image: url("/build/svg/close-r.kYCwn7p0.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
.modal-close:hover {
  background-image: url("/build/svg/share.B5RcpWRc.svg");
}
.modal.topup-modal .currency-data img {
  margin-right: 8px;
}
.modal .balance-data-line {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  display: flex;
  align-items: center;
  color: #777E91;
  margin-right: 16px;
}
.modal .balance-data-line span {
  font-weight: 500;
  color: #3772FF;
  margin-left: 4px;
}
.modal-content {
  padding: 44px 0 0;
}
.modal-content .form-group-inline {
  display: flex;
  position: relative;
  align-items: center;
}
.modal-content .form-group-inline .form-control {
  font-family: "DM Sans", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  display: flex;
  align-items: center;
  color: #23262F;
}
.modal-content .form-group-inline .currency-data {
  position: absolute;
  top: 0px;
  right: 0px;
  height: 100%;
  display: flex;
  align-items: center;
}
.modal-content .form-group-inline .currency-data img {
  width: 32px;
  height: 32px;
}
.modal-content .form-group-inline .currency-data .code {
  font-family: "DM Sans", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  color: #23262F;
  margin-left: 8px;
  text-transform: uppercase;
}
.modal-content .form-group-inline .exchange-currency-data {
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  align-items: center;
  height: 100%;
}
.modal-content .form-group-inline .exchange-currency-data .balance-data {
  margin-right: 110px;
}
.modal-content .form-group-inline .balance-data {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  display: flex;
  align-items: center;
  color: #777E91;
  margin-right: 16px;
}
.modal-content .form-group-inline .balance-data span {
  font-weight: 500;
  color: #3772FF;
  margin-left: 4px;
}
.modal-content .form-group-inline .balance-data .balance-currency {
  display: none;
}
.modal-content .form-group-inline .balance-data .balance-currency.active {
  display: block;
}
.modal-content .sub-text {
  font-family: "DM Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  text-transform: capitalize;
  color: #777E90;
  padding: 0px 0 80px;
  width: 100%;
}
.modal-content .sub-text.error {
  color: #FF4438;
}
.modal-content .sub-text-reference {
  font-family: "DM Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  text-transform: capitalize;
  color: #777E90;
  padding: 0px 0 16px;
  width: 100%;
  margin-top: 75px;
}
.modal-content .form-button {
  display: flex;
  justify-content: center;
}
.modal-content .form-button .btn {
  min-width: 184px;
}
.modal .exchange-modal {
  width: 820px;
}
.modal .alert-dialog {
  height: auto;
  width: 448px;
}
.modal .success-block {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.modal .success-title {
  font-family: "DM Sans", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 48px;
  line-height: 56px;
  text-align: center;
  letter-spacing: -0.02em;
  color: #23262F;
  padding-bottom: 32px;
}
.modal .success-text {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #23262F;
  padding-bottom: 32px;
}
.modal .success-text span {
  color: #3772FF;
}
.modal .result-table {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px;
  gap: 16px;
  border: 1px solid #E6E8EC;
  border-radius: 12px;
}
.modal .result-table-head {
  display: flex;
  width: 100%;
}
.modal .result-table-head div {
  width: 50%;
}
.modal .result-table-body {
  display: flex;
  width: 100%;
}
.modal .result-table-body div {
  width: 50%;
  color: #23262F;
}
.modal .text-green {
  color: #58BD7D !important;
}
.modal .text-red {
  color: #FF4438 !important;
}
.modal .text-blue {
  color: #3772FF !important;
}
.modal .exchange-wrap {
  display: flex;
  align-items: flex-end;
  padding-bottom: 40px;
}
.modal .exchange-wrap .form-group {
  width: 100%;
  padding-bottom: 0;
}
.modal .exchange-wrap .form-group label {
  font-family: "DM Sans", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  text-transform: capitalize;
  color: #23262F;
}
.modal .exchange-wrap .exchange-icon {
  display: block;
  min-width: 24px;
  width: 24px;
  height: 24px;
  background-image: url("/build/svg/exchange.BsbpXFxT.svg");
  background-repeat: no-repeat;
  background-size: contain;
  margin: 0 17px 12px;
}
.mobile-balance-data {
  position: absolute;
  bottom: -28px;
  display: flex !important;
}
/* The container must be positioned relative: */
.option-wrap {
  display: flex;
}
.option-wrap img {
  width: 32px;
  height: 32px;
  margin-right: 8px;
}
.option-wrap .code {
  font-family: "DM Sans", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  color: #23262F;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  margin-left: 8px;
}
.custom-selector,
.custom-select {
  position: absolute;
  top: 2px;
  right: 0px;
  max-width: 120px;
  display: flex;
  align-items: center;
  font-family: "Poppins", sans-serif;
  color: #777E91;
}
.custom-selector select,
.custom-select select {
  display: none; /*hide original SELECT element: */
}
.select-selected {
  background-color: #ffffff;
}
.select-option-disabled {
  opacity: 0.5;
}
.select-option-disabled img {
  filter: grayscale(1);
}
.select-option-disabled .option-wrap {
  cursor: default;
}
/* Style the arrow inside the select element: */
.select-selected:after {
  position: absolute;
  content: "";
  right: 16px;
  top: 20px;
  width: 10px;
  height: 5px;
  background-image: url("/build/svg/angle-down.BjiemMnw.svg");
  background-repeat: no-repeat;
  background-size: cover;
}
/* Point the arrow upwards when the select box is open (active): */
/* style the items (options), including the selected item: */
.select-items .option-wrap {
  color: #23262F;
  cursor: pointer;
  padding: 5px 12px;
}
.select-items .option-wrap:hover {
  background: #F4F5F6;
}
.select-selected {
  color: #23262F;
  padding: 6px;
  cursor: pointer;
}
/* Style items (options): */
.select-items {
  position: absolute;
  background-color: #ffffff;
  top: 100%;
  left: -7px;
  right: 0;
  z-index: 99;
  border: 1px solid #E6E8EC;
  overflow: hidden;
  overflow-y: auto;
  max-height: 210px;
  padding: 0;
  box-shadow: 0 16px 40px -20px rgba(31, 47, 70, 0.15);
  border-radius: 12px;
}
/* Hide the items when the select box is closed: */
.select-hide {
  display: none;
}
.filter-form {
  width: 100%;
}
@media (max-width: 769px) {
  .balance-page .activity-block {
    padding-top: 0;
  }
}
.filter-wrap {
  display: flex;
  justify-content: space-between;
  padding: 16px 0 20px;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
@media (max-width: 769px) {
  .filter-wrap {
    flex-direction: column;
  }
}
.filter-wrap .date-wrap {
  display: flex;
}
@media (max-width: 769px) {
  .filter-wrap .date-wrap {
    gap: 8px;
    margin-bottom: 8px;
  }
}
.filter-wrap .nativeDatePicker {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-right: 10px;
}
@media (max-width: 769px) {
  .filter-wrap .nativeDatePicker {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    gap: 0;
    margin-right: 0;
  }
  .filter-wrap .nativeDatePicker input[type=date] {
    position: relative;
    width: 100% !important;
  }
}
.filter-wrap .nativeDatePicker label {
  margin: 0;
}
.filter-wrap .nativeDatePicker input[type=date] {
  position: relative;
  width: 160px;
  height: 48px;
  background-color: transparent;
  border-radius: 14px;
  border: 1px solid #E6E8EC;
  display: flex;
  align-items: center;
  color: #777E90;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}
.filter-wrap .nativeDatePicker input[type=date]:focus-visible, .filter-wrap .nativeDatePicker input[type=date]:focus {
  border: 1px solid #3772FF;
  outline: none;
}
.filter-wrap .nativeDatePicker input[type=date].error {
  border: 1px solid #FF4438;
}
.filter-wrap .nativeDatePicker input:after {
  padding: 0 16px;
  content: attr(data-date);
  display: inline-block;
  color: #777E90;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}
.filter-wrap .nativeDatePicker input::-webkit-datetime-edit,
.filter-wrap .nativeDatePicker input::-webkit-inner-spin-button,
.filter-wrap .nativeDatePicker input::-webkit-clear-button {
  display: none;
  width: 100%;
}
.filter-wrap .nativeDatePicker input[type=date]::-webkit-calendar-picker-indicator {
  color: transparent;
  background: none;
  z-index: 1;
  position: absolute;
  top: 12px;
  right: 6px;
  cursor: pointer;
}
.filter-wrap .nativeDatePicker input[type=date]:before {
  content: "";
  display: block;
  background-image: url("/build/svg/datepicker.1HxWUTho.svg");
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 16px;
  right: 16px;
}
.filter-wrap .select-wrap {
  display: flex;
  gap: 40px;
}
@media (max-width: 769px) {
  .filter-wrap .select-wrap {
    gap: 8px;
  }
}
.filter-wrap .filter-select {
  width: 160px;
}
@media (max-width: 769px) {
  .filter-wrap .filter-select {
    width: 100%;
  }
}
.filter-wrap .filter-select .custom-selector,
.filter-wrap .filter-select .custom-select {
  position: relative;
  max-width: initial;
}
.filter-wrap .filter-select .select-items {
  padding: 20px 0;
  left: 0px;
}
.filter-wrap .filter-select .select-items .option-wrap {
  color: #23262F;
  cursor: pointer;
  padding: 12px 12px;
}
.filter-wrap .filter-select .select-selected {
  display: flex;
  height: 48px;
  width: 100%;
  background-color: transparent;
  border: 1px solid #E6E8EC;
  border-radius: 14px;
}
.filter-wrap .filter-select .select-selected.select-arrow-active {
  border: 1px solid #3772FF;
}
.filter-wrap .filter-select .select-selected.select-arrow-active:after {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.filter-wrap .filter-select .select-selected:after {
  position: absolute;
  content: "";
  right: 8px;
  top: 8px;
  width: 30px;
  height: 30px;
  background-image: url("/build/svg/arr_select.CuIbXNdO.svg");
  background-repeat: no-repeat;
  background-size: cover;
}
.filter-wrap .filter-select .option-wrap .code {
  text-transform: initial;
  color: #353945;
}
.filter-wrap .filter-select .option-wrap:hover .code {
  color: #3772FF;
}
.filter-wrap ::-webkit-scrollbar {
  width: 5px;
}
.filter-wrap ::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.filter-wrap ::-webkit-scrollbar-thumb {
  background: #888;
}
.filter-wrap ::-webkit-scrollbar-thumb:hover {
  background: #666666;
}
.container {
  max-width: 1120px;
}
/**
  Small desktop
 */
/**
  Table horizontally
 */
@media screen and (max-width: 1279px) {
  .container {
    max-width: 100%;
  }
}
/**
  Table vertically
 */
/**
  mobile devices
 */
/**
  Мобильные устройства
 */
@media screen and (max-width: 767px) {
  .bg-coins {
    display: none;
  }
  .header-wrapper {
    padding: 24px 32px 24px;
  }
  .header-wrapper .header-menu,
  .header-wrapper .header-action-button {
    display: none;
  }
  .header-wrapper .menu-wrap {
    width: auto;
  }
  .header-wrapper .burger-menu {
    display: flex;
    align-items: center;
  }
  .header-wrapper .burger-menu .burger-icon {
    display: block;
    width: 32px;
    height: 32px;
    background-image: url("/build/svg/burger.CZwWMWpd.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }
  .heading-line .heading-title {
    display: flex !important;
  }
  .profile-page-wrap {
    padding: 20px;
  }
  .profile-page {
    flex-direction: column;
  }
  .profile-page .mobile-hidden {
    display: none !important;
  }
  .profile-page .desktop-hidden {
    display: flex;
  }
  .profile-page .profile-content {
    padding: 24px 16px;
  }
  .profile-page .profile-info {
    flex-direction: column;
    align-items: flex-start !important;
  }
  .profile-page .profile-info-data {
    padding-bottom: 24px;
  }
  .profile-page .profile-footer {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .profile-page .profile-footer-inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 40px 16px;
    gap: 40px;
    width: 100%;
    height: 128px;
    background: #FFFFFF;
    border-radius: 4px;
  }
  .profile-page .profile-footer-inner .btn {
    width: 100%;
  }
  .profile-page .profile-footer-text {
    font-family: "Poppins", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    color: #777E91;
    padding: 8px 16px;
  }
  .header-profile {
    display: none;
  }
  .heading-line {
    height: auto;
  }
  .heading-line .heading {
    flex-direction: column;
    align-items: flex-start;
  }
  .heading-line .heading .heading-title {
    padding-bottom: 16px;
  }
  .header.menu-active .burger-icon {
    background-image: url("/build/svg/close.D0AowPY8.svg");
  }
  .header.menu-active .header-wrapper {
    position: relative;
    z-index: 5;
    background: #FCFCFD;
    border-bottom: 1px solid #F4F5F6;
  }
  .header.menu-active .menu-wrap-mobile {
    display: flex;
    position: absolute;
    background: #FCFCFD;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    flex-direction: column;
    justify-content: flex-start;
    z-index: 4;
    padding: 180px 32px 40px;
    overflow-y: auto;
  }
  .header.menu-active .menu-wrap-mobile .mobile-menu {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
    list-style: none;
    padding: 0 0 24px 0;
  }
  .header.menu-active .menu-wrap-mobile .mobile-menu li {
    padding-bottom: 16px;
  }
  .header.menu-active .menu-wrap-mobile .mobile-menu li a {
    font-family: "Poppins", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 32px;
    text-align: center;
    color: #777E90;
  }
  .header.menu-active .menu-wrap-mobile .customer-menu {
    border-top: 1px solid #E6E8EC;
    width: 100%;
    list-style: none;
    padding: 24px 0;
  }
  .header.menu-active .menu-wrap-mobile .customer-menu li {
    padding: 20px;
    text-align: center;
  }
  .header.menu-active .menu-wrap-mobile .customer-menu li a {
    font-family: "Poppins", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    color: #777E91;
  }
  .header.menu-active .menu-wrap-mobile .profile-valid {
    display: flex;
    justify-content: center;
    padding: 0 0 24px 0;
  }
  .header.menu-active .menu-wrap-mobile .profile-valid.verified {
    position: relative;
  }
  .header.menu-active .menu-wrap-mobile .profile-valid.verified:after {
    content: "";
    position: relative;
    right: 0;
    width: 16px;
    height: 16px;
    background-image: url("/build/svg/checkbox.DWn9tUK1.svg");
    background-repeat: no-repeat;
    background-size: contain;
    top: 3px;
    margin: 0 0 0 8px;
  }
  .header.menu-active .menu-wrap-mobile .action-button-mobile .btn {
    margin-bottom: 16px;
    width: 100%;
  }
  .main-section .section-content,
  .section-content {
    padding: 80px 32px;
  }
  .section-title {
    font-size: 32px;
    line-height: 40px;
    font-weight: 700;
    color: #23262F;
  }
  .coinPriceBlock-container {
    overflow-x: scroll !important;
  }
  .section-intro {
    padding-top: 0;
  }
  .section-intro .section-text {
    padding: 0;
  }
  .coinPriceBlock {
    min-width: 231px;
  }
  .features {
    padding: 0px 32px 0px;
  }
  .features-item {
    flex-direction: column;
  }
  .features-item.mobile-reverse {
    flex-direction: column-reverse;
  }
  .features-item-content {
    width: 100%;
    justify-content: center;
    text-align: center;
    align-items: center;
  }
  .features-item-image {
    width: 100%;
    justify-content: center;
    text-align: center;
  }
  .features-item-image-block {
    padding-top: 100px;
    width: 100%;
    height: auto;
    overflow: hidden;
  }
  .features-item-image img {
    position: relative;
    z-index: 1;
    width: 100%;
  }
  .features .feature-bg-1 {
    background-position: center top;
    width: 360px;
    height: 360px;
    position: absolute;
    top: 35px;
    right: initial;
  }
  .features .feature-bg-2 {
    background-position: center top;
    width: 260px;
    height: 360px;
    position: absolute;
    top: 35px;
    left: initial;
    background-image: url("/build/svg/bg4.Rg6ujxpd.svg");
  }
  .features .feature-bg-3 {
    background-position: center top;
    width: 360px;
    height: 360px;
    position: absolute;
    top: 35px;
    right: initial;
  }
  .steps {
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding-bottom: 80px;
  }
  .steps .step-item {
    width: 100%;
    align-items: center;
    text-align: center;
  }
  .steps .step-item .step-icon img {
    margin-right: 0;
  }
  .steps .step-item .step-icon .step-arrow {
    display: none;
  }
  .step-arrow-down {
    display: block;
    width: 10px;
    height: 24px;
    background-image: url("/build/svg/arrow-down.BTfHVQk4.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 40px 0;
  }
  .pt-120 {
    padding-top: 0;
  }
  .blue-block {
    border-radius: 0;
    padding: 80px 32px;
    height: auto;
  }
  .blue-block .section-text {
    padding-bottom: 80px;
  }
  .blue-block .section-btn {
    width: 100%;
  }
  .blue-block .border-btn {
    width: 100%;
  }
  .support-block {
    width: 100%;
  }
  .support-block .support-form {
    width: 100%;
  }
  .support-block .form-button {
    width: 100%;
  }
  .support-block .form-button .btn {
    width: 100%;
  }
  .btn {
    height: 48px;
  }
  .footer {
    padding: 80px 32px 60px;
  }
  .footer-content {
    flex-direction: column;
    height: auto;
  }
  .footer-col {
    width: 100%;
  }
  .footer-copyright {
    height: auto;
    padding-top: 32px;
  }
  .footer-logo {
    margin-top: 0px;
    width: 100%;
    margin-bottom: 24px;
  }
  .footer .info-address {
    line-height: 46px;
  }
  .footer-col-border {
    border-top: 1px solid #E6E8EC;
    border-bottom: 1px solid #E6E8EC;
    border-right: none;
    border-left: none;
  }
  .footer-list {
    margin: 32px 0 0 0px;
    padding: 0;
  }
  .footer .contact-info {
    margin: 32px 0 0 0px;
    padding: 0;
  }
  .footer .license-number {
    margin: 32px 0 0 0px;
  }
  .footer .payment-type {
    margin: 32px 0px;
  }
  .login-page {
    padding: 0 32px;
  }
  .login-page .heading-title {
    display: none;
  }
  .login-page .heading-text {
    text-align: center;
    justify-content: center;
    width: 100%;
  }
  .login-page .login-form {
    width: 100%;
  }
  .login-page .mobile-show {
    display: flex !important;
  }
  .login-page .page-title {
    font-size: 32px;
  }
  .login-page .default-form .form-group {
    padding-bottom: 32px;
  }
  .header-auth .header-wrapper {
    height: 104px;
  }
  .header-auth .menu-wrap {
    flex-direction: row-reverse;
  }
  .header-profile-name {
    display: none;
  }
  .page-content {
    padding: 0 0px 80px;
  }
  .heading {
    padding: 32px 16px;
  }
  .balance-page .exchange-block {
    flex-direction: column;
  }
  .balance-page .block-content {
    max-width: 100%;
    overflow: hidden;
    min-height: auto;
    padding: 20px 16px 0;
  }
  .balance-page .fiat-block .block-content {
    padding-bottom: 20px;
  }
  .balance-page .page-content {
    padding: 0 16px;
  }
  .balance-page .activity-table thead {
    display: none;
  }
  .balance-page .activity-table tr {
    display: flex;
    flex-direction: revert;
    width: 100%;
    flex-wrap: wrap;
  }
  .balance-page .activity-table tr > td {
    font-family: "DM Sans", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    text-align: right;
    color: #777E91;
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 4px 16px;
  }
  .balance-page .activity-table tr > td::before {
    content: attr(title);
    font-family: "DM Sans", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 20px;
    color: #353945;
    text-align: left;
    display: flex;
    width: 50%;
  }
  .balance-page .activity-table tbody > tr td:nth-child(1) {
    order: 3;
  }
  .balance-page .activity-table tbody > tr td:nth-child(2) {
    order: 1;
    width: 50%;
    padding-top: 12px;
  }
  .balance-page .activity-table tbody > tr td:nth-child(2):before {
    display: none;
  }
  .balance-page .activity-table tbody > tr td:nth-child(3) {
    order: 2;
    width: 50%;
    padding-top: 12px;
  }
  .balance-page .activity-table tbody > tr td:nth-child(3):before {
    display: none;
  }
  .balance-page .activity-table tbody > tr td:nth-child(4) {
    order: 4;
  }
  .balance-page .activity-table tbody > tr td:nth-child(4) strong {
    font-weight: 500;
    color: #777E91;
  }
  .balance-page .activity-table tbody > tr td:nth-child(5) {
    order: 5;
  }
  .balance-page .activity-table tbody > tr td:nth-child(6) {
    order: 6;
    padding-bottom: 12px;
  }
  .balance-page .activity-table .exchange-currency-item-title {
    width: auto;
    white-space: nowrap;
  }
  .balance-page .activity-table .exchange-currency-item {
    justify-content: flex-end;
  }
  .balance-page .activity-table .transaction-id {
    width: auto;
  }
  .balance-page .activity-table .data-not-found:before {
    display: none;
  }
  .currency-data .balance-data {
    display: none !important;
  }
  .mobile-balance-data {
    position: absolute;
    bottom: -28px;
  }
  .withdraw-modal .default-form .form-group {
    padding-bottom: 40px;
  }
  .modal-dialog {
    padding: 44px 32px 40px 32px;
  }
  .modal .alert-dialog {
    height: auto;
    width: 100%;
  }
  .modal .result-table-body div:first-child,
  .modal .result-table-head div:first-child {
    width: 40%;
  }
  .modal-content .sub-text-reference {
    margin-top: 25px;
  }
  .modal-content .sub-text {
    padding: 0px 0 40px !important;
  }
  .modal-exchange .exchange-icon {
    display: none !important;
  }
  .modal-exchange .option-wrap .code {
    margin-left: 8px;
  }
  .modal-exchange .exchange-wrap {
    flex-direction: column;
  }
  .modal-exchange .exchange-wrap .form-group:first-child {
    margin-bottom: 70px;
  }
  .modal-exchange .exchange-currency-data .balance-data {
    display: none;
  }
  .modal-exchange .form-group-inline .mobile-balance-data {
    display: flex !important;
  }
  .user-profile-block {
    padding: 20px 16px;
  }
  .user-profile-block .user-profile-row {
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
  }
  .user-profile-block .user-profile-data {
    padding-bottom: 24px;
  }
  .user-profile-block .user-profile-address .address-item {
    flex-direction: column;
    padding-bottom: 20px;
  }
  .text-page .section-content {
    padding: 80px 32px 80px;
  }
  .text-page .text-page-content {
    padding: 80px 32px 120px;
  }
  .text-page .text-page-content h2 {
    font-size: 24px;
    padding-bottom: 24px;
  }
  .text-page .text-page-content h3 {
    font-size: 16px;
  }
  .text-page .text-page-content p {
    font-size: 16px;
  }
  .pt-80 {
    padding-top: 80px;
  }
  .pt-24 {
    padding-top: 24px;
  }
  .pb-40 {
    padding-bottom: 40px;
  }
  .contact-page .section-content {
    padding: 80px 32px 80px;
  }
  .contact-page .section-text {
    padding: 24px 0px 0px;
  }
  .contact-info {
    display: grid;
    grid-template-columns: 1fr;
    justify-content: center;
    grid-auto-flow: row;
    padding: 0 32px;
  }
  .contact-info .contact-info-title {
    padding-bottom: 8px;
  }
  .contact-info-item {
    padding-bottom: 80px;
  }
  .contact-info-value {
    line-height: 20px;
  }
  .contact-form-wrap {
    padding: 0 32px;
    background-color: transparent;
  }
  .contact-form-wrap .btn {
    width: 100%;
  }
  .default-form .validate-error, .default-form .text-error {
    bottom: 5px;
  }
  .terms-page.text-page-content {
    padding: 0px 32px 120px;
  }
  .terms-page p {
    padding-bottom: 40px;
  }
}
.loader {
  background: #000;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.5;
  z-index: 1000;
  text-align: center;
  display: none;
}
.has-loader .loader {
  display: block;
}
.spinner {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
  top: calc(50% - 40px);
}
.spinner div {
  position: absolute;
  border: 4px solid #fff;
  opacity: 1;
  border-radius: 50%;
  animation: spinner 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.spinner div:nth-child(2) {
  animation-delay: -0.5s;
}
@keyframes spinner {
  0% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 0;
  }
  4.9% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 0;
  }
  5% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: 0;
    left: 0;
    width: 72px;
    height: 72px;
    opacity: 0;
  }
}
.toast-title {
  font-weight: bold;
}
.toast-message {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.toast-message a,
.toast-message label {
  color: #ffffff;
}
.toast-message a:hover {
  color: #cccccc;
  text-decoration: none;
}
.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #ffffff;
  -webkit-text-shadow: 0 1px 0 #ffffff;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
}
.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}
/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-left {
  top: 12px;
  left: 12px;
}
.toast-top-right {
  top: 12px;
  right: 12px;
}
.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}
.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}
#toast-container {
  position: fixed;
  z-index: 999999;
  /*overrides*/
}
#toast-container * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#toast-container > div {
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  -moz-box-shadow: 0 0 12px #999999;
  -webkit-box-shadow: 0 0 12px #999999;
  box-shadow: 0 0 12px #999999;
  color: #ffffff;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
}
#toast-container > div:hover {
  -moz-box-shadow: 0 0 12px #000000;
  -webkit-box-shadow: 0 0 12px #000000;
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  cursor: pointer;
}
#toast-container > .toast-info {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
}
#toast-container > .toast-error {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
}
#toast-container > .toast-success {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
}
#toast-container > .toast-warning {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
}
#toast-container.toast-top-center > div,
#toast-container.toast-bottom-center > div {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}
#toast-container.toast-top-full-width > div,
#toast-container.toast-bottom-full-width > div {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}
.toast {
  background-color: #030303;
}
.toast-success {
  background-color: #51a351;
}
.toast-error {
  background-color: #bd362f;
}
.toast-info {
  background-color: #2f96b4;
}
.toast-warning {
  background-color: #f89406;
}
.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}
/*Responsive Design*/
@media all and (max-width: 240px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  #toast-container > div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}