body,
html {
  min-height: 100vh;
}
body {
  color: #1c1c1e;
  display: flex;
  flex-direction: column;
}
body,
body * {
  font-family: "Inter", sans-serif;
}
img {
  height: auto;
  max-width: 100%;
}
p {
  font-weight: 500;
}
a,
h2,
label,
span {
  font-weight: 400;
}
.container {
  margin: 0 auto;
  max-width: 1142px;
  padding: 0 40px;
  width: 100%;
}
@media only screen and (max-width: 1200px) {
  .container {
    padding: 0 24px;
  }
}
@media only screen and (max-width: 667px) {
  .container {
    padding: 0 16px;
  }
}
.container-sm {
  max-width: 765px;
}
.container-lg {
  max-width: 1360px;
}
a {
  color: inherit;
  -webkit-text-decoration: none;
  text-decoration: none;
}
@media only screen and (min-width: 813px) {
  a,
  a:after,
  a:before,
  button,
  button:after,
  button:before {
    transition: 0.2s ease;
  }
}
a,
button,
div,
h1,
h2,
h3,
li,
p,
ul {
  margin: 0;
  padding: 0;
}
h4 {
  font-size: 36px;
}
h5 {
  font-size: 13px;
}
h6 {
  font-size: 11px;
}
h3 {
  color: #1c1c1e;
  font-size: 16px;
}
h2 {
  font-size: 42px;
  font-weight: 700;
  letter-spacing: -1.96px;
  line-height: 1.1;
  text-align: center;
}
@media only screen and (max-width: 667px) {
  h2 {
    font-size: 24px;
  }
}
h1 {
  font-size: 52px;
  font-weight: 700;
  letter-spacing: -1.96px;
  line-height: 1.1;
  text-align: center;
}
@media only screen and (max-width: 667px) {
  h1 {
    font-size: 32px;
  }
}
p {
  color: #1c1c1e;
  line-height: 16.41px;
}
.title,
p {
  font-weight: 400;
}
.title {
  font-size: 36px;
  text-transform: none;
}
@media only screen and (max-width: 667px) {
  .title {
    font-size: 1.5rem;
    text-align: center;
  }
}
ol,
ul {
  list-style-type: none;
  padding: 0;
}
b {
  font-weight: 700;
}
input,
select,
textarea {
  width: 100%;
}
.text-center {
  text-align: center;
}
.text-center p b {
  color: #1c1c1e;
  font-size: 18px;
  line-height: 25.45px;
}
@media only screen and (max-width: 667px) {
  .dn-mob {
    display: none;
  }
}
.page-main .title {
  font-size: 13px !important;
}
.loader-container {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 0 auto;
  padding: 150px 0;
  width: 100%;
}
.error {
  color: #fd827a !important;
}
.invalid {
  border-color: #fd827a !important;
}
@media only screen and (min-width: 667px) {
  .phone-only {
    display: none !important;
  }
}
.btn {
  align-items: center;
  background: transparent;
  border: none;
  border-radius: 8px;
  color: #1c1c1e;
  cursor: pointer;
  display: flex;
  font-weight: 600;
  gap: 5px;
  height: 42px;
  justify-content: center;
  margin: 0;
  outline: none;
  padding: 12px 20px;
  -webkit-text-decoration: none;
  text-decoration: none;
  transition: all 0.2s ease;
  white-space: nowrap;
}
.btn,
.btn * {
  line-height: 1;
}
.btn * {
  font-weight: inherit;
}
.btn-login {
  background-color: transparent;
  border-radius: 8px;
  color: rgba(28, 28, 30, 0.8);
  font-size: 15px;
  font-weight: 600;
  height: 42px;
  padding: 0 15px;
}
.btn-login:active,
.btn-login:focus,
.btn-login:hover {
  background-color: #fff;
}
.btn-login > * {
  font-size: 15px;
  font-weight: 600;
}
@media only screen and (max-width: 1200px) {
  .btn-login {
    background-color: #fff;
  }
}
.btn-reg {
  background-color: #e6e7ed;
  font-size: 15px;
  font-weight: 700;
  height: 42px;
  padding: 0 20px;
}
.btn-reg:active,
.btn-reg:focus,
.btn-reg:hover {
  background-color: #4876ff;
  color: #fff;
}
.btn-outline {
  background-color: #fff;
  border-radius: 99px;
  color: #4876ff;
  font-size: 16px;
  font-weight: 600;
  height: 50px;
  padding: 0 40px;
  position: relative;
}
.btn-outline:before {
  border-radius: 99px;
  bottom: 0;
  content: "";
  left: 0;
  -webkit-mask: linear-gradient(#fff, #fff) content-box,
    linear-gradient(#fff, #fff);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  padding: 2px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
}
.btn-outline:before,
.btn-outline:hover {
  background: linear-gradient(
    93deg,
    #4876ff 15.91%,
    rgba(99, 138, 255, 0.82) 96.19%
  );
}
.btn-outline:hover {
  color: #fff;
}
.btn-outline:hover:before {
  display: none;
}
.btn-outline-contrast {
  background-color: transparent;
  border: 2px solid #fff;
  border-radius: 99px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  height: 50px;
  padding: 0 20px;
  position: relative;
}
.btn-outline-contrast:hover {
  color: #1c1c1e;
}
.btn-outline-white {
  background-color: transparent;
  border: 1px solid #fff;
  border-radius: 24px;
  box-shadow: 0 2px 20px -12px rgba(0, 0, 0, 0.1);
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  height: 50px;
  letter-spacing: -1.963px;
  padding: 0 20px;
}
.btn-outline-white:hover {
  background-color: #fff;
  color: #4876ff;
}
@media only screen and (max-width: 667px) {
  .btn-outline-white {
    font-weight: 16px;
    letter-spacing: -1.7px;
  }
}
.btn-round-blue {
  background: linear-gradient(
    93deg,
    #4876ff 15.91%,
    rgba(99, 138, 255, 0.82) 96.19%
  );
  border-radius: 24px;
  box-shadow: 0 2px 20px -12px rgba(0, 0, 0, 0.1);
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  height: 50px;
  padding: 0 20px;
}
.btn-round-blue--light {
  background: #c0ccf7;
}
.btn-round-blue:hover {
  color: #1c1c1e;
}
.btn-round-outline {
  border: 1px solid #4876ff;
  border-radius: 24px;
  box-shadow: 0 2px 20px -12px rgba(0, 0, 0, 0.1);
  color: #1c1c1e;
  font-size: 16px;
  font-weight: 600;
  height: 50px;
  padding: 0 20px;
}
.btn-round-outline:hover {
  background: linear-gradient(
    93deg,
    #4876ff 15.91%,
    rgba(99, 138, 255, 0.82) 96.19%
  );
  color: #fff;
}
.btn-contrast {
  background-color: transparent;
  background-color: #fff;
  border: 2px solid #fff;
  border-radius: 99px;
  color: #4876ff;
  font-size: 16px;
  font-weight: 600;
  height: 50px;
  padding: 0 20px;
  position: relative;
}
.btn-contrast:hover {
  color: #1c1c1e;
}
.btn-exchange {
  background-color: #1c1c1e;
  border-radius: 12px;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  height: 56px;
  letter-spacing: -0.3px;
  width: 100%;
}
.btn-exchange span {
  font-weight: inherit;
}
.btn-exchange:hover {
  background-color: #fff;
  color: #4876ff;
}
@media only screen and (max-width: 667px) {
  .btn-exchange {
    font-size: 14px;
    height: 50px;
  }
}
.btn-white-sm {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 20px -12px rgba(0, 0, 0, 0.1);
  color: rgba(28, 28, 30, 0.8);
  font-size: 16px;
  font-weight: 500;
  gap: 6px;
  height: 36px;
  padding: 0 10px;
}
.btn-white-sm:hover {
  color: #4876ff;
}
.btn-icon {
  background-color: transparent;
  border: none;
  height: -moz-fit-content;
  height: fit-content;
  padding: 0;
  width: -moz-fit-content;
  width: fit-content;
}
.btn-filter {
  background: transparent;
  border: none;
  color: #1c1c1e;
  cursor: pointer;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  margin: 0;
  padding: 0;
  text-transform: capitalize;
  white-space: normal;
}
@media only screen and (max-width: 667px) {
  .btn-filter {
    font-size: 12px;
  }
}
.btn-filter-blue,
.btn-filter:hover {
  color: #4876ff;
}
.btn-blue {
  background-color: #619420;
  line-height: 3.1666666667;
}
.btn-blue:hover {
  background: #88cf2d;
}
.btn-submit {
  background: #619420;
  box-shadow: 0 20px 40px 0 rgba(23, 22, 37, 0.15);
  font-size: 15px;
  line-height: 3;
  padding-left: 30px;
  padding-right: 30px;
}
.btn-submit:hover {
  background: #88cf2d;
  color: #fff;
}
.btn-plain {
  background: #f0f1f4;
  border: 1px solid #f0f1f4;
  border-radius: 20px;
  color: #9f9f9f;
  font-size: 11px;
  margin-bottom: 0.94rem;
  margin-top: 0.94rem;
  padding: 10px 30px;
  text-transform: uppercase;
}
.btn-plain:hover {
  background: transparent;
}
.btn-log-in {
  align-items: center;
  background: #5e5f61;
  border: 1px solid #f0f1f4;
  color: #282e38;
  display: flex;
  flex-direction: row;
  justify-content: center;
  line-height: normal;
  padding: 6px 12px;
  width: inherit;
}
.btn-log-in img {
  border-radius: 50%;
  height: 20px;
  margin: 3px;
  width: 20px;
}
.btn-log-in:hover {
  background: transparent;
}
.btn-look {
  background: #e1e7ed;
  color: rgba(28, 28, 30, 0.8);
  font-size: 15px;
  font-weight: 400;
  line-height: 3;
  min-width: 104px;
  padding-left: 50px;
  padding-right: 50px;
}
.btn-look:hover {
  background: #e6e9f5;
}
.btn-select {
  margin: 15px 30px;
  max-width: 22.5rem;
  position: relative;
  width: 100%;
}
.btn-select:after {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #212121;
  box-sizing: border-box;
  content: "";
  pointer-events: none;
  position: absolute;
  right: 20px;
  text-align: center;
  top: 18px;
  transform: rotate(0);
  transition: all 0.35s;
  z-index: 1;
}
@media only screen and (max-width: 667px) {
  .btn-select:after {
    top: 12px;
  }
}
.btn-select select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #f4f5f7;
  border: 1px solid #e6e6e6;
  border-radius: 20px;
  box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  color: #9f9f9f;
  line-height: 2.375;
  padding: 0 25px;
  width: 100%;
}
.btn-select.selected:after {
  top: 16px;
  transform: rotate(180deg);
}
@media only screen and (max-width: 667px) {
  .btn-select.selected:after {
    top: 12px;
  }
}
.btn-bord {
  background: transparent;
  border: 2px solid #f0f1f2;
  color: #619420;
  line-height: 2.7;
}
.btn-bord:hover {
  background: #619420;
  border-color: #619420;
  color: #fff;
}
.btn-copy {
  background: transparent;
  border: 2px solid #f0f1f2;
  color: #619420;
  line-height: 1.75;
  margin-left: 15px;
  margin-top: -20px;
  padding: 2px 15px;
}
.btn-copy:hover {
  background: #619420;
  border-color: #619420;
  color: #fff;
}
.dropper img {
  height: 25px;
  margin: 5px;
  width: 25px;
}
.dropper li {
  align-items: center;
  cursor: pointer;
  display: flex;
  font-size: 15px;
}
.dropper li:hover {
  background: rgba(0, 150, 255, 0.1);
}
.dropper {
  width: 100%;
}
.dropper .bp-dropdown__btn {
  border: none;
  width: 100%;
}
.dropper .bp-dropdown__body {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 0 0 5px 5px;
  border-top: none;
  box-shadow: none;
  left: auto !important;
  margin-top: 0;
  position: absolute;
  top: auto !important;
}
.checkbox {
  position: relative;
}
.checkbox input {
  left: -10000px;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 20px;
  z-index: -1;
}
.checkbox input:checked + label:after {
  background: #619420;
  border-radius: 2px;
  box-sizing: border-box;
  content: "";
  height: 14px;
  left: 4px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 14px;
}
.checkbox input:checked + label:before {
  border-color: #619420;
}
.checkbox label {
  align-items: center;
  color: #1c1c1e;
  cursor: pointer;
  display: flex;
  font: 500 14px/1.2 Roboto-Regular, sans-serif;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
@media (max-width: 1200px) {
  .checkbox label {
    font: 500 12px/18px Roboto-Regular, sans-serif;
  }
}
.checkbox label a {
  color: #26d3f8;
  display: inline;
}
.checkbox label:before {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 50% 50%;
  border: 1px solid #b9b9b9;
  border-radius: 3px;
  content: "";
  display: inline-block;
  flex-grow: 0;
  flex-shrink: 0;
  height: 20px;
  margin-right: 10px;
  width: 20px;
}
.checkbox-list .checkbox {
  margin-bottom: 16px;
}
.checkbox-list .checkbox:last-child {
  margin-bottom: 0;
}
.preloader {
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
}
.loader {
  animation: spin 2s linear infinite;
  border: 3px solid transparent;
  border-radius: 50%;
  border-top-color: #1c1c1e;
  display: block;
  height: 150px;
  left: 50%;
  margin: -75px 0 0 -75px;
  position: relative;
  top: 50%;
  width: 150px;
}
.loader:before {
  animation: spin 3s linear infinite;
  bottom: 5px;
  left: 5px;
  right: 5px;
  top: 5px;
}
.loader:after,
.loader:before {
  border: 3px solid transparent;
  border-radius: 50%;
  border-top-color: #1c1c1e;
  content: "";
  position: absolute;
}
.loader:after {
  animation: spin 1.5s linear infinite;
  bottom: 15px;
  left: 15px;
  right: 15px;
  top: 15px;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
.preloader.loader-single .loader {
  border-width: 2px;
}
.preloader.loader-single .loader:after,
.preloader.loader-single .loader:before {
  display: none;
}
.preloader.loader-contrast .loader,
.preloader.loader-contrast .loader:after,
.preloader.loader-contrast .loader:before {
  border-top-color: #fff;
}
.preloader.loader-responsive {
  align-items: center;
  display: flex;
  justify-content: center;
  position: relative;
}
.form-control {
  position: relative;
}
.form-control__wrapper {
  display: flex;
  flex-direction: column;
}
.form-control__wrapper label {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 5px;
}
@media only screen and (max-width: 667px) {
  .form-control__wrapper label {
    font-size: 12px;
  }
}
.form-control__wrapper .error {
  margin-top: 5px;
}
.form-control input,
.form-control textarea {
  background-color: #f5f6fd;
  border: 1px solid #4876ff;
  border-radius: 24px;
  box-shadow: 0 2px 20px -12px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  height: 50px;
  line-height: 1.5;
  padding: 0 30px;
}
.form-control input::-moz-placeholder,
.form-control textarea::-moz-placeholder {
  color: #47474b;
}
.form-control input::placeholder,
.form-control textarea::placeholder {
  color: #47474b;
}
@media only screen and (max-width: 667px) {
  .form-control input,
  .form-control textarea {
    font-size: 12px;
  }
}
.form-control input:disabled,
.form-control textarea:disabled {
  color: inherit;
}
.form-control textarea {
  height: auto;
  padding: 13px 30px;
}
.form-control--gradient input {
  background: linear-gradient(
    93deg,
    #4876ff 15.91%,
    rgba(99, 138, 255, 0.82) 96.19%
  );
  border-color: transparent;
}
.form-control--icon .form-control__icon {
  left: 20px;
  position: absolute;
  top: 15px;
}
.form-control--icon input {
  padding-left: 54px;
}
.form-control--icon--right .form-control__icon {
  position: absolute;
  right: 20px;
  top: 15px;
}
.form-control--icon--right input {
  padding-right: 54px;
}
.form-control--error input {
  border-color: #fd827a;
}
* {
  box-sizing: border-box;
  outline: none;
}
input:invalid {
  box-shadow: none;
}
.course {
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  padding: 8px 0;
}
@media only screen and (max-width: 667px) {
  .course {
    display: none;
  }
}
.course ul {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  overflow: hidden;
  white-space: nowrap;
}
.course li {
  border-left: 2px solid #e6e6e6;
  min-width: 300px;
}
.course li:first-child {
  border-left: none;
}
.course div {
  padding: 3px 25px 5px;
}
.course p {
  color: #282e38;
  text-transform: uppercase;
}
.course .green {
  color: #619420;
}
.course .green em {
  border-color: #619420;
  transform: rotate(-45deg);
}
.course .red {
  color: #e02626;
}
.course .red em {
  border-color: #e02626;
  margin-bottom: 5px;
  transform: rotate(135deg);
}
.course-header {
  display: flex;
  justify-content: space-between;
}
.course-footer {
  display: block;
  font-size: 12px;
  font-weight: 900;
  margin-top: 10px;
}
.course-footer span {
  font-size: 18px;
  margin-right: 10px;
}
.course em {
  border-style: solid;
  border-width: 2px;
  border-bottom: 0;
  border-left: 0;
  display: inline-block;
  height: 10px;
  margin-left: -2px;
  margin-right: 10px;
  width: 10px;
}
.support-wrapper {
  align-items: center;
  display: flex;
  gap: 110px;
  margin-bottom: 80px;
  margin-top: 80px;
}
@media only screen and (max-width: 1200px) {
  .support-wrapper {
    flex-direction: column-reverse;
    gap: 50px;
    margin-bottom: 50px;
    margin-top: 50px;
  }
}
@media only screen and (max-width: 667px) {
  .support-wrapper {
    gap: 30px;
    margin-bottom: 30px;
    margin-top: 30px;
  }
}
.support-form {
  align-items: stretch;
  background-color: #fff;
  border-radius: 24px;
  box-shadow: 0 2px 20px -12px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 30px;
}
@media only screen and (max-width: 667px) {
  .support-form {
    padding: 10px;
    width: 100%;
  }
}
.support-form__footer {
  align-items: center;
  display: flex;
  gap: 16px;
  justify-content: space-between;
}
@media only screen and (max-width: 667px) {
  .support-form__footer {
    flex-direction: column-reverse;
    gap: 5px;
    justify-content: center;
    padding: 0 26px;
  }
}
.support-form__footer .btn {
  width: 218px;
}
.support-form__rules {
  color: rgba(28, 28, 30, 0.7);
  font-size: 12px;
  line-height: 1.5;
  margin: 5px auto 0;
  max-width: 200px;
  text-align: left;
}
.support-form__rules a {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  text-decoration-style: solid;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
.support-info {
  align-items: start;
  display: flex;
  flex-direction: column;
  max-width: 437px;
  width: 100%;
}
.support-info h4 {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -1.963px;
  line-height: 1.1;
  margin: 30px 0 20px;
  text-align: left;
}
@media only screen and (max-width: 667px) {
  .support-info h4 {
    margin: 20px 0 10px;
  }
}
.support-details {
  display: flex;
  flex-direction: column;
  gap: 10px;
  list-style-type: disc;
  margin: 0 0 0 25px;
}
.support-details li {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}
@media only screen and (max-width: 667px) {
  .support-details li {
    font-size: 12px;
  }
}
.support-contacts {
  grid-gap: 38px;
  display: grid;
  gap: 38px;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
}
@media only screen and (max-width: 667px) {
  .support-contacts {
    gap: 20px;
  }
}
.support-link {
  align-items: center;
  background-color: #fff;
  border: 0;
  border-radius: 24px;
  box-shadow: 0 2px 20px -12px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  padding: 10px;
  text-align: center;
}
.support-link:hover {
  color: #4876ff;
}
@media only screen and (max-width: 667px) {
  .support-link {
    font-size: 12px;
    padding: 10px 5px;
  }
  .support-link img {
    height: 40px;
    width: 40px;
  }
}
.about {
  align-items: center;
  display: flex;
  flex-direction: column;
  padding-bottom: 80px;
}
@media only screen and (max-width: 1200px) {
  .about {
    padding-bottom: 50px;
  }
}
@media only screen and (max-width: 667px) {
  .about {
    padding-bottom: 30px;
  }
}
.about-loader {
  justify-content: center;
  margin: 100px auto;
}
.about-loader,
.about-top {
  align-items: center;
  display: flex;
}
.about-top {
  background-image: url(../img/about-top-bg.7a52eac.svg);
  background-position: 100%;
  background-repeat: no-repeat;
  gap: 110px;
  margin-bottom: 44px;
  margin-top: 20px;
  padding: 78px 140px 84px 80px;
}
@media only screen and (max-width: 1200px) {
  .about-top {
    background-position: bottom;
    flex-direction: column;
    gap: 90px;
    margin-bottom: 0;
    margin-top: 50px;
    max-width: 706px;
    padding: 0 80px 130px;
  }
}
@media only screen and (max-width: 667px) {
  .about-top {
    background-image: none;
    gap: 10px;
    margin-bottom: 30px;
    margin-top: 30px;
    padding: 0;
  }
}
.about-top__col-image {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  gap: 24px;
  max-width: 546px;
}
@media only screen and (max-width: 667px) {
  .about-top__col-image {
    gap: 10px;
    max-width: none;
  }
}
.about-top__col-image h4 {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -1.96px;
  line-height: 1.1;
  margin: 0;
}
.about-top__image {
  background-image: url(../img/about-top.f0cfa9b.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 196px;
  width: 546px;
}
@media only screen and (max-width: 667px) {
  .about-top__image {
    align-items: center;
    display: flex;
    height: 107px;
    overflow: hidden;
    width: 100%;
  }
}
.about-top__col-text {
  max-width: 407px;
}
@media only screen and (max-width: 1200px) {
  .about-top__col-text {
    max-width: none;
  }
}
.about-top__col-text p {
  font-size: 16px;
  font-weight: 400;
  font-weight: 500;
  line-height: 1.5;
}
@media only screen and (max-width: 667px) {
  .about-top__col-text p {
    font-size: 12px;
  }
}
.about-bottom {
  align-items: center;
  background-image: url(../img/about-bottom-bg.1983cf3.svg);
  background-position: 0;
  background-repeat: no-repeat;
  display: flex;
  gap: 80px;
  padding: 70px 0 80px 80px;
}
@media only screen and (max-width: 1200px) {
  .about-bottom {
    background-position: 0 0;
    flex-direction: column;
    gap: 50px;
    max-width: 706px;
    padding: 27px 80px 0;
  }
}
@media only screen and (max-width: 667px) {
  .about-bottom {
    background-image: none;
    gap: 30px;
    max-width: none;
    padding: 0;
  }
}
.about-bottom__main {
  display: flex;
  flex-direction: column;
}
.about-bottom__main .img {
  background-image: url(../img/logo-color.028da70.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  height: 67px;
  margin-bottom: 70px;
  width: 232px;
}
@media only screen and (max-width: 1200px) {
  .about-bottom__main .img {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 667px) {
  .about-bottom__main .img {
    margin-bottom: 10px;
  }
}
.about-bottom__main + .img {
  background-image: url(../img/about-bottom.5267df3.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-shrink: 0;
  height: 407px;
  width: 407px;
}
@media only screen and (max-width: 667px) {
  .about-bottom__main + .img {
    height: 248px;
    width: 248px;
  }
}
.about-bottom__text {
  font-size: 16px;
  font-weight: 400;
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: 80px;
}
@media only screen and (max-width: 667px) {
  .about-bottom__text {
    font-size: 12px;
  }
}
@media only screen and (max-width: 1200px) {
  .about-bottom__text {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 667px) {
  .about-bottom__text {
    margin-bottom: 20px;
  }
}
.about-stats {
  align-items: center;
  -moz-column-gap: 30px;
  column-gap: 30px;
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 1200px) {
  .about-stats {
    -moz-column-gap: 30px;
    column-gap: 30px;
    flex-wrap: wrap;
    row-gap: 10px;
  }
}
@media only screen and (max-width: 667px) {
  .about-stats {
    flex-direction: column;
    justify-items: start;
    row-gap: 20px;
  }
}
.about-stat {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 10px;
  text-align: center;
}
@media only screen and (max-width: 667px) {
  .about-stat {
    gap: 5px;
  }
}
@media only screen and (max-width: 1200px) {
  .about-stat:last-child {
    margin: 0 auto;
  }
}
.about-stat__value {
  font-size: 36px;
  font-weight: 700;
  letter-spacing: -1.963px;
  line-height: 1.1;
}
@media only screen and (max-width: 667px) {
  .about-stat__value {
    font-size: 32px;
  }
}
.about-stat__name {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5;
  margin: 0;
}
@media only screen and (max-width: 1200px) {
  .about-stat__name {
    margin: 0;
  }
}
@media only screen and (max-width: 667px) {
  .about-stat__name {
    font-size: 16px;
    margin: 0;
  }
}
.about .btn {
  margin-top: 90px;
}
@media only screen and (max-width: 1200px) {
  .about .btn {
    margin-top: 50px;
  }
}
@media only screen and (max-width: 667px) {
  .about .btn {
    margin-top: 30px;
  }
}
.referral {
  align-items: center;
  display: flex;
  flex-direction: column;
}
.referral h1 {
  margin-bottom: 30px;
}
@media only screen and (max-width: 1200px) {
  .referral h1 {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 667px) {
  .referral h1 {
    margin-bottom: 10px;
  }
}
.referral-desc {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
}
@media only screen and (max-width: 667px) {
  .referral-desc {
    font-size: 12px;
  }
}
.referral-desc--bold {
  font-weight: 600;
  margin: 10px auto 80px;
}
@media only screen and (max-width: 1200px) {
  .referral-desc--bold {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 667px) {
  .referral-desc--bold {
    margin-bottom: 30px;
  }
}
.referral-desc--bold a {
  color: #4876ff;
  font-weight: inherit;
}
.referral-subtitle {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -1.96px;
  line-height: 1.1;
  margin: 80px auto 30px;
}
@media only screen and (max-width: 1200px) {
  .referral-subtitle {
    margin: 50px auto 20px;
  }
}
@media only screen and (max-width: 667px) {
  .referral-subtitle {
    margin: 40px auto 20px;
  }
}
.referral-levels {
  align-items: stretch;
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 30px;
  width: 100%;
}
@media only screen and (max-width: 1200px) {
  .referral-levels {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 667px) {
  .referral-levels {
    gap: 5px;
  }
}
.referral-level {
  align-items: center;
  display: flex;
  gap: 30px;
  height: 50px;
}
@media only screen and (max-width: 667px) {
  .referral-level {
    gap: 10px;
  }
}
.referral-level__desc,
.referral-level__value {
  align-items: center;
  border: 1px solid transparent;
  border-radius: 99px;
  display: flex;
  font-size: 16px;
  font-weight: 400;
  height: 100%;
  line-height: 1.5;
  overflow: hidden;
  padding: 0 30px;
}
@media only screen and (max-width: 667px) {
  .referral-level__desc,
  .referral-level__value {
    font-size: 12px;
    padding: 0 18px;
  }
}
.referral-level__value {
  flex-shrink: 0;
  font-weight: 600;
}
@media only screen and (max-width: 667px) {
  .referral-level__value {
    font-size: 16px;
  }
}
.referral-level__desc {
  flex-grow: 1;
}
.referral-level--low .referral-level__value {
  background-color: #c0ccf7;
  border-color: #c0ccf7;
  flex-basis: 110px;
}
@media only screen and (max-width: 667px) {
  .referral-level--low .referral-level__value {
    flex-basis: 60px;
  }
}
.referral-level--low .referral-level__desc {
  border-color: #c0ccf7;
}
.referral-level--medium .referral-level__value {
  background-color: #638bff;
  border-color: #638bff;
  flex-basis: 150px;
}
@media only screen and (max-width: 667px) {
  .referral-level--medium .referral-level__value {
    flex-basis: 80px;
  }
}
.referral-level--medium .referral-level__desc {
  border-color: #638bff;
}
.referral-level--high .referral-level__value {
  background-color: #4876ff;
  border-color: #4876ff;
  flex-basis: 190px;
}
@media only screen and (max-width: 667px) {
  .referral-level--high .referral-level__value {
    flex-basis: 100px;
  }
}
.referral-level--high .referral-level__desc {
  border-color: #4876ff;
}
.alerts {
  align-items: stretch;
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 20px;
  margin-top: -60px;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 1200px) {
  .alerts {
    margin-bottom: 10px;
    margin-top: -20px;
  }
}
.alerts-item {
  border-radius: 24px;
  box-shadow: 0 2px 20px -12px rgba(0, 0, 0, 0.1);
  padding: 10px 40px;
  text-align: center;
}
.alerts-item p {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}
@media only screen and (max-width: 667px) {
  .alerts-item p {
    font-size: 12px;
  }
  .alerts-item {
    padding: 8px;
  }
}
.alerts-item.low {
  background-color: #fff;
}
.alerts-item.medium {
  background-color: #c0ccf7;
}
.alerts-item.high {
  background-color: #fd827a;
  font-weight: 600;
}
.alerts-item.high * {
  font-weight: inherit;
}
.order-page {
  margin-top: -50px;
  padding-bottom: 50px;
}
@media only screen and (max-width: 1200px) {
  .order-page {
    margin-top: -10px;
  }
}
@media only screen and (max-width: 667px) {
  .order-page {
    padding-bottom: 30px;
  }
}
.order-headings {
  display: grid;
  grid-template-columns: 1fr 380px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 1200px) {
  .order-headings {
    align-items: center;
    display: flex;
    justify-content: space-between;
  }
}
@media only screen and (max-width: 667px) {
  .order-headings {
    margin-bottom: 10px;
  }
}
.order-headings h2 {
  -webkit-text-fill-color: transparent;
  background: linear-gradient(
    93deg,
    #4876ff 15.91%,
    rgba(99, 138, 255, 0.82) 96.19%
  );
  background-clip: text;
  -webkit-background-clip: text;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -1.963px;
  line-height: 110%;
  padding: 0 30px;
  text-align: left;
}
.order-headings h2:first-child {
  text-align: center;
}
@media only screen and (max-width: 667px) {
  .order-headings h2 {
    font-size: 16px;
    letter-spacing: -1px;
    padding: 0 20px;
  }
}
.order-card {
  background-color: #fff;
  border-radius: 24px;
  box-shadow: 0 2px 20px -12px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.order-card__wrapper {
  display: grid;
  grid-template-columns: 1fr 380px;
  min-height: 648px;
}
@media only screen and (max-width: 1200px) {
  .order-card__wrapper {
    grid-template-columns: 1fr;
    min-height: 0;
  }
}
.order-card__main {
  overflow: hidden;
  padding: 30px 60px;
}
@media only screen and (max-width: 1200px) {
  .order-card__main {
    padding: 30px;
  }
}
@media only screen and (max-width: 667px) {
  .order-card__main {
    padding: 20px;
  }
}
.order-card__details {
  background-color: #c0ccf7;
  display: flex;
  flex-direction: column;
  gap: 36px;
  padding: 30px;
}
@media only screen and (max-width: 667px) {
  .order-card__details {
    gap: 20px;
    padding: 20px;
  }
}
.order-card__details > ul > li:not(:last-child) {
  margin-bottom: 10px;
}
@media only screen and (max-width: 667px) {
  .order-card__details > ul > li:not(:last-child) {
    margin-bottom: 5px;
  }
}
.order-card__details > ul > li:nth-child(2) {
  margin-bottom: 30px;
}
@media only screen and (max-width: 667px) {
  .order-card__details > ul > li:nth-child(2) {
    margin-bottom: 20px;
  }
}
.order-card__details .btn {
  margin: auto auto 0;
  max-width: 318px;
  width: 100%;
}
.order-card__loader {
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: 648px;
}
.order-steps {
  display: flex;
  flex-direction: column;
  gap: 10px;
  overflow: hidden;
}
.order-steps p {
  word-wrap: break-word;
  color: rgba(28, 28, 30, 0.32);
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  text-transform: uppercase;
}
.order-steps p.active-step {
  color: #1c1c1e;
}
@media only screen and (max-width: 667px) {
  .order-steps p {
    font-size: 12px;
  }
}
.order-amount {
  align-items: start;
  display: flex;
  flex-direction: column;
}
.order-amount__label {
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
}
@media only screen and (max-width: 667px) {
  .order-amount__label {
    font-size: 12px;
  }
}
.order-amount__value {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  margin-top: 0.5rem;
}
@media only screen and (max-width: 667px) {
  .order-amount__value {
    font-size: 12px;
  }
}
.order-detail {
  align-items: start;
  display: flex;
  flex-direction: column;
}
.order-detail__label,
.order-detail__value {
  word-wrap: anywhere;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  margin-top: 0.5rem;
}
@media only screen and (max-width: 667px) {
  .order-detail__label,
  .order-detail__value {
    font-size: 12px;
  }
}
.order-content {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.order-content .lottie {
  height: 200px;
}
.order-content__instructions {
  background-color: #f5f6fd;
  border: 1px solid #4876ff;
  border-radius: 24px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 30px;
  overflow: hidden;
  padding: 30px 36px;
  width: 100%;
}
@media only screen and (max-width: 667px) {
  .order-content__instructions {
    margin-bottom: 20px;
    padding: 20px;
  }
}
.order-content__instructions + .order-status {
  margin-top: 50px;
}
@media only screen and (max-width: 1200px) {
  .order-content__instructions + .order-status {
    margin-top: 0;
  }
}
.order-content__instructions a {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.order-content__instructions p {
  word-wrap: break-word;
  font-size: 16px;
  font-weight: 400;
  margin: 0;
}
@media only screen and (max-width: 667px) {
  .order-content__instructions p {
    font-size: 12px;
  }
}
.order-content .title,
.order-content__title {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  margin: 0 0 10px;
  text-align: center;
}
@media only screen and (max-width: 667px) {
  .order-content .title,
  .order-content__title {
    font-size: 12px;
    margin-bottom: 20px;
  }
}
.order-content__desc {
  font-size: 16px;
  text-align: center;
}
@media only screen and (max-width: 667px) {
  .order-content__desc {
    font-size: 12px;
  }
}
.order-content__qr {
  width: 100%;
}
.order-content .merchant-qrcode {
  margin-bottom: 75px;
  margin-top: 20px;
}
@media only screen and (max-width: 1200px) {
  .order-content .merchant-qrcode {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 667px) {
  .order-content .merchant-qrcode {
    margin-bottom: 20px;
    margin-top: 10px;
  }
}
.order-content .btn-round-blue {
  margin-top: 30px;
  width: 190px;
}
@media only screen and (max-width: 667px) {
  .order-content .btn-round-blue {
    margin-top: 20px;
  }
}
.order-content__block {
  align-items: center;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: space-between;
  width: 100%;
}
.order-content__block .btn-round-blue--light {
  margin: 0;
  width: 100%;
}
.order-status {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 50px;
  justify-content: center;
  margin-bottom: 80px;
  margin-top: 183px;
}
.order-status .order-content__title {
  margin-bottom: 0;
}
@media only screen and (max-width: 1200px) {
  .order-status {
    gap: 30px;
    margin-bottom: 50px;
    margin-top: 50px;
  }
}
@media only screen and (max-width: 667px) {
  .order-status {
    gap: 20px;
    margin-bottom: 20px;
    margin-top: 20px;
  }
}
.order-status__buttons {
  align-items: center;
  display: flex;
  gap: 65px;
  justify-content: center;
  margin-bottom: 50px;
  width: 100%;
}
.order-status__buttons .btn-round-blue {
  flex-grow: 1;
  flex-shrink: 0;
  margin: 0;
}
@media only screen and (max-width: 1200px) {
  .order-status__buttons .btn-round-blue {
    max-width: 240px;
  }
}
@media only screen and (max-width: 667px) {
  .order-status__buttons .btn-round-blue {
    max-width: none;
    width: 100%;
  }
}
@media only screen and (max-width: 1200px) {
  .order-status__buttons {
    gap: 30px;
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 667px) {
  .order-status__buttons {
    flex-direction: column;
    gap: 10px;
    margin-bottom: 20px;
  }
}
.order ol,
.order-values {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0;
  width: 100%;
}
@media only screen and (max-width: 667px) {
  .order ol,
  .order-values {
    gap: 5px;
  }
}
.order ol > li > div,
.order-value {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media only screen and (max-width: 667px) {
  .order ol > li > div,
  .order-value {
    gap: 5px;
  }
}
.order ol > li > div > p,
.order ol > li > div__label,
.order-value > p,
.order-value__label {
  font-size: 16px;
  font-weight: 400;
  text-align: left;
}
@media only screen and (max-width: 667px) {
  .order ol > li > div > p,
  .order ol > li > div__label,
  .order-value > p,
  .order-value__label {
    font-size: 12px;
  }
}
.order ol > li > div .form-manual-must_txt,
.order ol > li > div__field,
.order-value .form-manual-must_txt,
.order-value__field {
  word-wrap: anywhere;
  align-items: center;
  background-color: #f5f6fd;
  border: 1px solid #4876ff;
  border-radius: 99px;
  box-shadow: 0 2px 20px -12px rgba(0, 0, 0, 0.1);
  display: flex;
  font-size: 16px !important;
  font-weight: 400;
  gap: 12px;
  justify-content: space-between;
  line-height: 1.5;
  min-height: 50px;
  padding: 9px 30px;
  width: 100%;
}
.order ol > li > div .form-manual-must_txt span,
.order ol > li > div__field span,
.order-value .form-manual-must_txt span,
.order-value__field span {
  word-wrap: anywhere;
}
@media only screen and (max-width: 667px) {
  .order ol > li > div .form-manual-must_txt,
  .order ol > li > div__field,
  .order-value .form-manual-must_txt,
  .order-value__field {
    font-size: 12px !important;
    padding: 9px 20px;
  }
}
.order ol > li > div .form-manual-must_txt {
  justify-content: start;
  padding-right: 66px;
  position: relative;
  text-align: left;
  -webkit-text-decoration: none !important;
  text-decoration: none !important;
}
.order ol > li > div .form-manual-must_txt:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIj48cGF0aCBkPSJNMTMuMzM0LjgzMmgtMTBjLS45MjEgMC0xLjY2Ny43NDYtMS42NjcgMS42Njd2MTEuNjY2aDEuNjY3VjIuNWgxMFYuODMyWm0yLjUgMy4zMzNINi42NjdDNS43NDcgNC4xNjUgNSA0LjkxMSA1IDUuODMydjExLjY2N2MwIC45Mi43NDYgMS42NjYgMS42NjcgMS42NjZoOS4xNjdjLjkyIDAgMS42NjYtLjc0NSAxLjY2Ni0xLjY2NlY1LjgzMmMwLS45Mi0uNzQ1LTEuNjY3LTEuNjY2LTEuNjY3Wm0wIDEzLjMzNEg2LjY2N1Y1LjgzMmg5LjE2N3YxMS42NjdaIiBmaWxsPSIjNDg3NkZGIi8+PC9nPjxkZWZzPjxjbGlwUGF0aCBpZD0iYSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTAgMGgyMHYyMEgweiIvPjwvY2xpcFBhdGg+PC9kZWZzPjwvc3ZnPg==);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  height: 20px;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
}
@media only screen and (max-width: 667px) {
  .order ol > li > div .form-manual-must_txt {
    padding: 9px 66px 9px 20px;
  }
}
.order-verification {
  margin-top: 10px;
  width: 100%;
}
@media only screen and (max-width: 667px) {
  .order-verification {
    margin-top: 5px;
  }
}
.order-verification__title {
  font-size: 16px;
  font-weight: 400;
}
@media only screen and (max-width: 667px) {
  .order-verification__title {
    font-size: 12px;
  }
}
.order-verification__item {
  align-items: center;
  border: 1px dashed #4876ff;
  border-radius: 99px;
  box-shadow: 0 2px 20px -12px rgba(0, 0, 0, 0.1);
  color: #4876ff;
  display: flex;
  gap: 16px;
  height: 50px;
  justify-content: space-between;
  margin-top: 10px;
  padding: 0 30px;
}
@media only screen and (max-width: 667px) {
  .order-verification__item {
    margin-top: 5px;
    padding: 0 20px;
  }
  .order-verification__item img {
    max-width: 22px;
  }
}
.order-verification__item span {
  color: inherit;
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
}
@media only screen and (max-width: 667px) {
  .order-verification__item span {
    font-size: 12px;
  }
}
.order-verification__item button {
  background-color: transparent;
  border: none;
  color: #4876ff;
  cursor: pointer;
  font-size: 16px;
  font-weight: 500;
  margin: 0;
  padding: 0;
  text-decoration-line: underline;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  text-decoration-style: solid;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
@media only screen and (max-width: 667px) {
  .order-verification__item button {
    font-size: 12px;
  }
}
.order-verification__item p {
  align-items: center;
  color: #4876ff;
  display: flex;
  font-size: 16px;
  font-weight: 500;
  gap: 10px;
}
.order-verification__item p span {
  font-weight: inherit;
  text-transform: none;
  white-space: normal;
}
@media only screen and (max-width: 667px) {
  .order-verification__item p {
    font-size: 12px;
    gap: 5px;
  }
}
.order-verification__item--rejected {
  border-color: #fd827a;
  color: #fd827a;
}
.order-verification__item--rejected p {
  color: #fd827a;
}
.review-bonus {
  align-items: center;
  display: flex;
  flex-direction: column;
  padding-bottom: 188px;
}
@media only screen and (max-width: 1200px) {
  .review-bonus {
    padding-bottom: 110px;
  }
}
.review-bonus-wrapper {
  background-image: url(../img/review-bonus-bg.c1e6f80.svg);
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: contain;
}
@media only screen and (max-width: 667px) {
  .review-bonus-wrapper {
    background-position-y: 100px;
  }
}
.review-bonus__top {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-top: 167px;
}
@media only screen and (max-width: 667px) {
  .review-bonus__top {
    margin-top: 50px;
  }
}
.review-bonus__top a {
  padding-left: 40px;
  padding-right: 40px;
}
@media only screen and (max-width: 667px) {
  .review-bonus__top a {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.review-bonus__top h1 {
  margin-bottom: 20px;
}
.review-bonus__top p {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 40px;
  text-align: center;
}
@media only screen and (max-width: 667px) {
  .review-bonus__top p {
    font-size: 12px;
  }
}
.review-bonus__steps {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-top: 322px;
}
@media only screen and (max-width: 1200px) {
  .review-bonus__steps {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 40px;
    margin-top: 200px;
  }
}
@media only screen and (max-width: 667px) {
  .review-bonus__steps {
    margin-top: 100px;
  }
}
.review-bonus__steps h2 {
  max-width: 412px;
  text-align: left;
}
@media only screen and (max-width: 1200px) {
  .review-bonus__steps h2 {
    text-align: center;
  }
}
.review-bonus__steps ul {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media only screen and (max-width: 667px) {
  .review-bonus__steps ul {
    gap: 20px;
  }
}
.review-bonus__steps li {
  align-items: center;
  background-color: #fff;
  border-radius: 24px;
  display: flex;
  gap: 22px;
  max-width: 562px;
  width: 100%;
}
@media only screen and (max-width: 1200px) {
  .review-bonus__steps li {
    align-items: stretch;
  }
}
@media only screen and (max-width: 667px) {
  .review-bonus__steps li {
    gap: 10px;
  }
}
.review-bonus__steps li .index {
  align-items: center;
  background-color: #638bff;
  border-radius: 24px;
  display: flex;
  flex-shrink: 0;
  height: 100%;
  justify-content: center;
  width: 86px;
}
@media only screen and (max-width: 1200px) {
  .review-bonus__steps li .index {
    height: auto;
  }
}
@media only screen and (max-width: 667px) {
  .review-bonus__steps li .index {
    width: 60px;
  }
}
.review-bonus__steps li .step-text {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 20px 20px 20px 0;
}
@media only screen and (max-width: 667px) {
  .review-bonus__steps li .step-text {
    gap: 5px;
    padding: 10px 10px 10px 0;
  }
}
.review-bonus__steps li .title {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -1.96px;
  line-height: 1.1;
}
@media only screen and (max-width: 667px) {
  .review-bonus__steps li .title {
    font-size: 20px;
    letter-spacing: -1.1px;
    text-align: left;
  }
}
.review-bonus__steps li .desc {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}
@media only screen and (max-width: 667px) {
  .review-bonus__steps li .desc {
    font-size: 12px;
  }
}
.review-bonus__faq {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-bottom: 152px;
  margin-top: 110px;
  width: 100%;
}
@media only screen and (max-width: 1200px) {
  .review-bonus__faq {
    margin-bottom: 100px;
  }
}
@media only screen and (max-width: 667px) {
  .review-bonus__faq {
    margin-bottom: 80px;
    margin-top: 80px;
  }
}
.review-bonus__faq .faq-list {
  width: 100%;
}
.review-bonus-link {
  margin: 0 auto 60px;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
}
.auth .popup-wr-item {
  max-width: 470px;
}
.auth-reg .popup-wr-item {
  max-width: 580px;
}
.auth-reg__form {
  grid-gap: 10px 35px;
  display: grid;
  gap: 10px 35px;
  grid-template-columns: 1fr 1fr;
}
@media only screen and (max-width: 667px) {
  .auth-reg__form {
    grid-template-columns: 1fr;
  }
}
.auth-reg__form .form-control:first-child {
  grid-column: span 2;
}
@media only screen and (max-width: 667px) {
  .auth-reg__form .form-control:first-child {
    grid-column: auto;
  }
}
.auth-login h5.title {
  margin-left: auto;
  margin-right: auto;
  max-width: 292px;
}
@media only screen and (max-width: 667px) {
  .auth-login h5.title {
    max-width: 212px;
  }
}
.auth-error {
  color: #fd827a;
  margin-bottom: 10px;
}
.auth-form {
  grid-gap: 10px;
  display: grid;
  gap: 10px;
  grid-template-columns: 1fr;
}
.auth-links {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  justify-content: space-between;
  margin-top: 30px;
}
.auth-links a {
  color: #4876ff;
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  text-decoration-line: underline;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  text-decoration-style: solid;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
@media only screen and (max-width: 667px) {
  .auth-links {
    margin-top: 20px;
  }
  .auth-links a {
    font-size: 12px;
  }
}
.auth .btn-round-blue {
  margin: 30px auto 0;
  min-width: 242px;
  width: auto;
}
@media only screen and (max-width: 667px) {
  .auth .btn-round-blue {
    margin-top: 20px;
  }
}
.auth .auth-rules {
  color: rgba(28, 28, 30, 0.7);
  font-size: 12px;
  line-height: 1.5;
  margin: 5px auto 0;
  max-width: 230px;
  text-align: center;
}
.auth .auth-rules a {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  text-decoration-style: solid;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
.news-list {
  display: flex;
  flex-direction: column;
  gap: 30px;
  margin-top: 80px;
}
@media only screen and (max-width: 1200px) {
  .news-list {
    gap: 10px;
    margin-top: 50px;
  }
}
@media only screen and (max-width: 667px) {
  .news-list {
    margin-top: 30px;
  }
}
.news-item {
  align-items: center;
  background-color: #fff;
  border-radius: 24px;
  box-shadow: 0 2px 20px -12px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  display: flex;
  gap: 30px;
  padding: 30px;
}
@media only screen and (max-width: 1200px) {
  .news-item {
    gap: 20px;
    padding: 15px;
  }
}
@media only screen and (max-width: 667px) {
  .news-item {
    align-items: stretch;
    flex-direction: column;
    gap: 10px;
    padding: 10px;
  }
}
.news-item__image {
  align-items: center;
  border-radius: 24px;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  overflow: hidden;
  width: 298px;
}
.news-item__image img {
  min-height: 100%;
  min-width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
@media only screen and (max-width: 667px) {
  .news-item__image {
    height: 130px;
    width: 100%;
  }
}
.news-item__content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 10px;
  min-height: 124px;
}
@media only screen and (max-width: 667px) {
  .news-item__content {
    gap: 5px;
  }
}
.news-item__title {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  margin: 0;
  text-decoration-line: underline;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  text-decoration-style: solid;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
@media only screen and (max-width: 667px) {
  .news-item__title {
    font-size: 12px;
  }
}
.news-item__text {
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media only screen and (max-width: 1200px) {
  .news-item__text {
    -webkit-line-clamp: 6;
    line-clamp: 6;
  }
}
@media only screen and (max-width: 667px) {
  .news-item__text {
    -webkit-line-clamp: 3;
    line-clamp: 3;
    font-size: 12px;
  }
}
.news-item__text * {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1.5;
  text-align: left;
}
@media only screen and (max-width: 667px) {
  .news-item__text * {
    font-size: 12px;
  }
}
.news-item__date {
  color: rgba(28, 28, 30, 0.8);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  margin-left: auto;
  margin-top: auto;
}
@media only screen and (max-width: 667px) {
  .news-item__date {
    font-size: 12px;
    margin-left: auto;
    margin-right: auto;
  }
}
.news-loader {
  align-items: center;
  display: flex;
  margin: 100px 0;
}
.news-empty-msg {
  font-size: 16px;
  font-weight: 400;
  margin: 100px 0;
  text-align: center;
}
@media only screen and (max-width: 667px) {
  .news-empty-msg {
    font-size: 12px;
  }
}
.news-preview {
  margin-bottom: 100px;
}
@media only screen and (max-width: 667px) {
  .news-preview {
    margin-bottom: 50px;
  }
}
.news-preview .news-list {
  grid-gap: 30px;
  display: grid;
  gap: 30px;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 50px;
}
@media only screen and (max-width: 1200px) {
  .news-preview .news-list {
    align-items: center;
    display: flex;
    flex-direction: column;
  }
}
@media only screen and (max-width: 667px) {
  .news-preview .news-list {
    margin-top: 30px;
  }
}
.news-preview .news-item {
  flex-direction: column;
  padding: 20px;
}
@media only screen and (max-width: 1200px) {
  .news-preview .news-item {
    max-width: 338px;
  }
}
@media only screen and (max-width: 667px) {
  .news-preview .news-item {
    padding: 10px;
  }
}
.news-preview .news-item__content {
  min-height: auto;
}
.news-preview .news-item__text {
  display: none;
}
.news-preview .news-button-more {
  margin: 30px auto;
  width: -moz-fit-content;
  width: fit-content;
  z-index: 1;
}
.news-article {
  align-items: start;
  background-image: url(../img/news-article-bg.748440c.svg);
  background-position: 100% 0;
  background-repeat: no-repeat;
  display: flex;
  gap: 110px;
  margin-top: -60px;
  min-height: 640px;
  padding-right: 80px;
  padding-top: 60px;
}
@media only screen and (max-width: 1200px) {
  .news-article {
    background-image: none;
    gap: 30px;
    margin-top: 0;
    min-height: 0;
    padding-right: 0;
    padding-top: 0;
  }
}
@media only screen and (max-width: 667px) {
  .news-article {
    flex-direction: column;
    gap: 20px;
  }
}
.news-article__left {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  gap: 56px;
  max-width: 437px;
}
@media only screen and (max-width: 1200px) {
  .news-article__left {
    gap: 50px;
    width: 255px;
  }
}
@media only screen and (max-width: 667px) {
  .news-article__left {
    max-width: none;
    width: 100%;
  }
  .news-article__left .news-related {
    display: none;
  }
}
.news-article__right {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 30px;
  padding-top: 10px;
  z-index: 1;
}
@media only screen and (max-width: 1200px) {
  .news-article__right {
    gap: 15px;
    padding-top: 0;
  }
}
@media only screen and (max-width: 667px) {
  .news-article__right {
    gap: 10px;
  }
}
.news-article__image {
  align-items: center;
  border-radius: 24px;
  display: flex;
  height: 289px;
  justify-content: center;
  overflow: hidden;
  width: 100%;
}
.news-article__image img {
  min-height: 100%;
  min-width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
@media only screen and (max-width: 1200px) {
  .news-article__image {
    height: 169px;
  }
}
@media only screen and (max-width: 667px) {
  .news-article__image {
    height: 192px;
  }
}
.news-article__title {
  text-align: left;
}
.news-article__content {
  margin: 0 !important;
}
.news-article__content img {
  border-radius: 24px;
}
.news-related {
  display: flex;
  flex-direction: column;
  gap: 30px;
  position: relative;
}
@media only screen and (max-width: 667px) {
  .news-related {
    gap: 20px;
  }
}
.news-related__bg {
  left: 0;
  max-width: none;
  position: absolute;
  top: 0;
  z-index: 0;
}
@media only screen and (max-width: 1200px) {
  .news-related__bg {
    display: none;
  }
}
.news-related__title {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -1.963px;
  line-height: 1.1;
  margin: 0;
  z-index: 1;
}
.news-related__list {
  display: flex;
  flex-direction: column;
  gap: 30px;
  z-index: 1;
}
@media only screen and (max-width: 1200px) {
  .news-related__list {
    gap: 6px;
  }
}
.news-related__item {
  align-items: start;
  cursor: pointer;
  display: flex;
  flex-direction: column;
}
.news-related__item img {
  border-radius: 24px;
}
.news-related__item p {
  color: rgba(28, 28, 30, 0.8);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  text-decoration-line: underline;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  text-decoration-style: solid;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
.news-button-back {
  margin: 80px auto;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  z-index: 1;
}
@media only screen and (max-width: 1200px) {
  .news-button-back {
    margin: 50px auto;
  }
}
@media only screen and (max-width: 667px) {
  .news-button-back {
    margin: 20px auto 30px;
  }
}
.news > .news-related {
  margin: 0 auto 40px;
  width: 218px;
}
.partners-marquee {
  padding-bottom: 76px;
  position: relative;
}
@media only screen and (max-width: 1200px) {
  .partners-marquee {
    padding-bottom: 56px;
  }
}
@media only screen and (max-width: 667px) {
  .partners-marquee {
    padding-bottom: 48px;
  }
}
.partners-marquee__content {
  color: #47474b;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 100dvw;
}
.partners-marquee__content:hover {
  color: #4876ff;
}
.partners-marquee__row {
  align-items: center;
  animation: scrollPartners 20s linear infinite;
  display: flex;
  flex-shrink: 0;
  min-width: 100%;
}
@media only screen and (max-width: 1200px) {
  .partners-marquee__row {
    animation: scrollPartnersTablet 20s linear infinite;
    gap: 80px;
  }
}
@media only screen and (max-width: 667px) {
  .partners-marquee__row {
    animation: scrollPartnersPhone 20s linear infinite;
    gap: 40px;
  }
}
.partners-marquee__row-wrapper {
  align-items: center;
  display: flex;
  justify-content: space-between;
  overflow: hidden;
  width: 100%;
}
@media only screen and (max-width: 1200px) {
  .partners-marquee__row-wrapper {
    gap: 80px;
  }
}
@media only screen and (max-width: 667px) {
  .partners-marquee__row-wrapper {
    gap: 40px;
  }
}
.partners-marquee__item {
  display: flex;
  height: 36px;
  justify-content: center;
  width: 20%;
}
.partners-marquee__item svg {
  height: 100%;
  transition: color 0.2s ease;
}
@media only screen and (max-width: 1200px) {
  .partners-marquee__item {
    width: auto;
  }
}
@media only screen and (max-width: 667px) {
  .partners-marquee__item {
    height: 28px;
  }
}
@keyframes scrollPartners {
  0% {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes scrollPartnersTablet {
  0% {
    transform: translateX(calc(-100% - 80px));
  }
  to {
    transform: translateX(0);
  }
}
@keyframes scrollPartnersPhone {
  0% {
    transform: translateX(calc(-100% - 40px));
  }
  to {
    transform: translateX(0);
  }
}
.last-orders {
  padding-bottom: 146px;
  position: relative;
}
@media only screen and (max-width: 1200px) {
  .last-orders {
    padding-bottom: 116px;
  }
}
@media only screen and (max-width: 667px) {
  .last-orders {
    padding-bottom: 88px;
  }
}
.last-orders__content {
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 100dvw;
}
.last-orders__content:hover .last-orders__row {
  animation-play-state: paused;
}
.last-orders__row {
  align-items: center;
  animation: scroll 40s linear infinite;
  display: flex;
  flex-shrink: 0;
  gap: 12px;
  min-width: 100%;
  padding-top: 14px;
}
@media only screen and (max-width: 667px) {
  .last-orders__row {
    animation: scrollPhone 40s linear infinite;
    gap: 10px;
  }
}
.last-orders__row-wrapper {
  align-items: center;
  display: flex;
  gap: 12px;
  overflow: hidden;
  width: 100%;
}
@media only screen and (max-width: 667px) {
  .last-orders__row-wrapper {
    gap: 10px;
  }
}
.last-orders__item {
  align-items: center;
  background-color: #fff;
  border-radius: 12px;
  display: flex;
  flex-shrink: 0;
  gap: 12px;
  padding: 12px;
  position: relative;
  width: 248px;
}
@media only screen and (max-width: 667px) {
  .last-orders__item {
    gap: 8px;
    padding: 10px;
    width: 210px;
  }
}
.last-orders__item-index {
  background-color: #4caf50;
  border-radius: 12px;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  left: 12px;
  line-height: 1;
  padding: 4px 8px;
  position: absolute;
  text-transform: uppercase;
  top: -14px;
}
.last-orders__item-arrow {
  color: #4876ff;
  flex-shrink: 0;
  height: 20px;
  width: 20px;
}
.last-orders__item-from,
.last-orders__item-to {
  align-items: center;
  display: flex;
  flex-basis: calc(50% - 22px);
  flex-shrink: 0;
  gap: 8px;
  overflow: hidden;
}
@media only screen and (max-width: 667px) {
  .last-orders__item-from,
  .last-orders__item-to {
    flex-basis: calc(50% - 18px);
  }
}
.last-orders__item-content {
  overflow: hidden;
}
.last-orders__item-img {
  height: 28px;
  width: 28px;
}
@media only screen and (max-width: 667px) {
  .last-orders__item-img {
    height: 24px;
    width: 24px;
  }
}
.last-orders__item-name {
  color: #888989;
  font-weight: 500;
}
.last-orders__item-name,
.last-orders__item-value {
  font-size: 12px;
  letter-spacing: -0.42px;
  line-height: 1;
}
.last-orders__item-value {
  font-weight: 700;
  margin-bottom: 4px;
}
.last-orders__item-name,
.last-orders__item-value {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media only screen and (max-width: 667px) {
  .last-orders__item-name,
  .last-orders__item-value {
    font-size: 10px;
  }
}
@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(calc(-100% - 12px));
  }
}
@keyframes scrollPhone {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(calc(-100% - 10px));
  }
}
.exchange {
  padding-bottom: 80px;
  position: relative;
}
@media only screen and (max-width: 1200px) {
  .exchange {
    padding-bottom: 50px;
  }
}
@media only screen and (max-width: 667px) {
  .exchange {
    padding-bottom: 30px;
  }
}
.exchange-seo h1 {
  margin-bottom: 20px;
}
.exchange-seo h2 {
  font-size: 24px;
  font-weight: 700;
  font-weight: 500;
  letter-spacing: -1.96px;
  line-height: 1.1;
  margin-bottom: 50px;
}
@media only screen and (max-width: 667px) {
  .exchange-seo h2 {
    margin-bottom: 30px;
  }
}
.exchange-seo .exchange-block {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.exchange-seo__block {
  background-color: #fff;
  border-radius: 0 0 24px 24px;
  padding: 32px;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 667px) {
  .exchange-seo__block {
    padding: 20px 10px;
  }
}
.exchange-seo__block h3 {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -1.96px;
  line-height: 1.1;
  margin-bottom: 20px;
}
@media only screen and (max-width: 667px) {
  .exchange-seo__block h3 {
    margin-bottom: 10px;
  }
}
.exchange-seo__block p {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 20px;
}
@media only screen and (max-width: 667px) {
  .exchange-seo__block p {
    font-size: 12px;
    margin-bottom: 10px;
  }
}
.exchange-seo__block ol {
  display: flex;
  flex-direction: column;
  font-size: 16px;
  font-weight: 400;
  gap: 5px;
  line-height: 1.5;
  list-style: disc;
  margin: 0 0 0 15px;
}
@media only screen and (max-width: 667px) {
  .exchange-seo__block ol {
    font-size: 12px;
  }
}
.exchange-seo__block ol a {
  color: #4876ff;
}
@media only screen and (max-width: 1200px) {
  .exchange.container {
    max-width: 573px;
  }
}
.exchange-ornament {
  position: absolute;
  top: -40px;
}
.exchange-ornament--left {
  left: -110px;
}
.exchange-ornament--right {
  right: -110px;
}
@media only screen and (max-width: 1200px) {
  .exchange-ornament {
    display: none;
  }
}
.exchange-block {
  background-color: #4876ff;
  border-radius: 24px;
  color: #fff;
  padding: 32px;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 667px) {
  .exchange-block {
    padding: 20px 16px;
  }
}
.exchange-block__grid {
  grid-column-gap: 76px;
  -moz-column-gap: 76px;
  column-gap: 76px;
  display: grid;
  grid-template-areas: "inputs inputs" "info buttons";
  grid-template-columns: 1fr 1fr;
}
.exchange-block__grid .exchange-inputs {
  grid-area: inputs;
}
.exchange-block__grid .exchange-info {
  grid-area: info;
}
.exchange-block__grid .exchange-buttons {
  grid-area: buttons;
}
.exchange-block__grid--long-instructions {
  grid-template-areas: "info inputs" "info buttons";
}
.exchange-block__grid--long-instructions .exchange-info {
  justify-content: start;
  margin-top: 0;
  padding: 18px;
}
@media only screen and (max-width: 1200px) {
  .exchange-block__grid--long-instructions .exchange-info {
    margin-top: 52px;
  }
}
@media only screen and (max-width: 667px) {
  .exchange-block__grid--long-instructions .exchange-info {
    margin-top: 20px;
    padding: 7px 10px;
  }
}
.exchange-block__grid--long-instructions .exchange-inputs {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media only screen and (max-width: 1200px) {
  .exchange-block__grid {
    grid-template-areas: "inputs inputs" "info info" "buttons buttons";
    row-gap: 16px;
  }
}
.exchange-block__row {
  grid-gap: 76px;
  display: grid;
  gap: 76px;
  grid-template-columns: 1fr 1fr;
  position: relative;
}
@media only screen and (max-width: 1200px) {
  .exchange-block__row {
    gap: 0;
    grid-template-columns: 1fr;
  }
}
.exchange-block__col {
  display: flex;
  flex-direction: column;
  height: 100%;
}
@media only screen and (max-width: 1200px) {
  .exchange-block__col {
    height: -moz-fit-content;
    height: fit-content;
  }
}
.exchange-block__status {
  align-items: center;
  color: #fff;
  display: flex;
  flex-direction: column;
  padding: 50px 0;
}
.exchange-block__status h3 {
  color: inherit;
  font-size: 20px;
  margin-bottom: 16px;
}
.exchange-block__status p {
  color: inherit;
  font-size: 16px;
  margin-bottom: 4px;
}
.exchange-block__status-loader {
  margin-bottom: 40px;
}
.exchange-block__loader {
  padding: 120px 0;
}
.exchange-input {
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 12px;
  color: #1c1c1e;
  font-size: 16px;
  font-weight: 400;
  height: 56px;
  line-height: 1.5;
  padding: 0 18px;
}
@media only screen and (max-width: 667px) {
  .exchange-input {
    font-size: 12px;
  }
}
.exchange-input:last-child {
  grid-column: 2;
}
.exchange-input::-moz-placeholder {
  color: #9f9fa8;
}
.exchange-input::placeholder {
  color: #9f9fa8;
}
@media only screen and (max-width: 1200px) {
  .exchange-input:last-child {
    grid-column: 1;
  }
}
@media only screen and (max-width: 667px) {
  .exchange-input {
    font-size: 14px;
    height: 50px;
    padding: 0 10px;
  }
}
.exchange-header {
  align-items: center;
  display: flex;
  gap: 12px;
  margin-bottom: 20px;
}
.exchange-header h4 {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.5px;
  line-height: 1;
  margin: 0;
}
@media only screen and (max-width: 667px) {
  .exchange-header h4 {
    font-size: 16px;
  }
  .exchange-header {
    gap: 10px;
  }
  .exchange-header img {
    height: 24px;
    width: 24px;
  }
}
.exchange-rate {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.1px;
  line-height: 1.5;
  margin-left: auto;
  text-transform: uppercase;
}
.exchange-rate span {
  font-weight: inherit;
}
.exchange-currency {
  align-items: center;
  display: flex;
  gap: 12px;
  position: relative;
}
.exchange-select {
  position: relative;
}
.exchange-select__toggle {
  align-items: center;
  background-color: #fff;
  border-radius: 12px;
  display: flex;
  flex-shrink: 0;
  font-size: 16px;
  font-weight: 400;
  height: 56px;
  justify-content: start;
  line-height: 1.5;
  line-height: 1;
  max-width: 140px;
  overflow: hidden;
  padding: 0 10px 0 16px;
  position: relative;
}
@media only screen and (max-width: 667px) {
  .exchange-select__toggle {
    font-size: 12px;
    font-size: 14px;
    height: 50px;
    padding: 0 4px 0 10px;
  }
}
.exchange-select__toggle * {
  flex-shrink: 0;
  max-width: none;
}
.exchange-select__toggle span {
  flex-shrink: 1;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.exchange-select__toggle:disabled {
  cursor: auto;
  padding: 0 16px;
}
@media only screen and (max-width: 667px) {
  .exchange-select__toggle:disabled {
    padding: 0 10px;
  }
}
.exchange-select__caret {
  transition: transform 0.2s ease, color 0.2s ease;
}
.exchange-select--open .exchange-select__toggle {
  z-index: 5;
}
.exchange-select--open .exchange-select__caret {
  color: #4876ff;
  transform: rotate(180deg);
}
.exchange-select__list {
  display: flex;
  flex-direction: column;
  max-height: 128px;
  overflow: auto;
  z-index: 1;
}
.exchange-select__list-wrapper {
  background-color: #fff;
  border: 1px solid #e4e5ed;
  border-radius: 12px;
  min-width: 100%;
  padding: 10px 0;
  position: absolute;
  right: 0;
  top: 50px;
  z-index: 1;
}
.exchange-select__list li {
  color: #5e5f61;
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  font-weight: 600;
  line-height: 1.5;
  line-height: 1;
  padding: 8px 18px;
}
@media only screen and (max-width: 667px) {
  .exchange-select__list li {
    font-size: 12px;
  }
}
.exchange-select__list li.selected,
.exchange-select__list li:hover {
  color: #1c1c1e;
}
.exchange-combined-input {
  align-items: center;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 12px;
  display: flex;
  flex-grow: 1;
  transition: width 0.2s ease;
}
.exchange-combined-input--elevated {
  z-index: 5;
}
.exchange-direction-details {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.5px;
  line-height: 1;
  margin-top: 12px;
}
.exchange-direction-details span {
  font-weight: inherit;
}
@media only screen and (max-width: 667px) {
  .exchange-direction-details {
    font-size: 12px;
    letter-spacing: 0.2px;
    margin-top: 10px;
  }
}
.exchange hr {
  border: 0;
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.25);
  margin: 16px 0;
  width: 100%;
}
@media only screen and (max-width: 667px) {
  .exchange hr {
    margin: 10px 0;
  }
}
.exchange-inputs {
  row-gap: 16px;
}
@media only screen and (max-width: 667px) {
  .exchange-inputs {
    row-gap: 10px;
  }
}
.exchange-info {
  background-color: #638bff;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 52px;
  min-height: 56px;
  padding: 6px 18px;
}
@media only screen and (max-width: 667px) {
  .exchange-info {
    margin-top: 20px;
    min-height: 50px;
    padding: 7px 10px;
  }
}
.exchange-info p {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.1px;
  line-height: 1.5;
}
@media only screen and (max-width: 667px) {
  .exchange-info p {
    font-size: 12px;
  }
}
.exchange-info a {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}
.exchange-checkbox {
  margin: 16px 0;
}
@media only screen and (max-width: 667px) {
  .exchange-checkbox {
    margin: 10px 0 20px;
  }
}
.exchange-checkbox input[type="checkbox"] {
  display: none;
}
.exchange-checkbox label {
  align-items: center;
  color: #fff;
  cursor: pointer;
  display: flex;
  font-size: 12px;
  font-weight: 500;
  gap: 3px;
  letter-spacing: -0.1px;
  line-height: 1;
  padding-left: 28px;
  position: relative;
}
.exchange-checkbox label p {
  color: inherit;
  line-height: 20px;
}
.exchange-checkbox label a {
  color: inherit;
  font-weight: 600;
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.exchange-checkbox label:before {
  background-color: #fff;
  border: 0;
  border-radius: 5px;
  content: "";
  height: 20px;
  left: 0;
  margin-right: 8px;
  position: absolute;
  top: 0;
  width: 20px;
}
.exchange-checkbox input:checked + label:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTYgMTMgMiA4LjYyNWwxLjE0My0xLjI1TDYgMTAuNDk4di4wMDFMMTIuODU2IDMgMTQgNC4yNSA3LjE0MyAxMS43NSA2LjAwMSAxM1oiIGZpbGw9IiM0ODc2RkYiLz48L3N2Zz4=);
  background-position: 50%;
  background-repeat: no-repeat;
}
.exchange-btn-reverse {
  background-color: #1c1c1e;
  border-radius: 20px;
  color: #fff;
  height: 40px;
  justify-content: center;
  left: 50%;
  padding: 0;
  position: absolute;
  top: 125px;
  transform: translateX(-50%);
  width: 40px;
  pointer-events: none;
}
.exchange-btn-reverse:hover {
  background-color: #fff;
  color: #4876ff;
}
.exchange-btn-reverse:disabled {
  opacity: 0;
  pointer-events: none;
}
@media only screen and (max-width: 1200px) {
  .exchange-btn-reverse {
    left: auto;
    margin: 4px auto 20px;
    position: relative;
    top: auto;
    transform: none;
  }
}
@media only screen and (max-width: 667px) {
  .exchange-btn-reverse {
    height: 34px;
    margin: 10px auto 20px;
    width: 34px;
  }
}
.currency-menu {
  left: 0;
  position: absolute;
  top: 66px;
  z-index: 1;
}
.currency-menu--left,
.currency-menu--left .currency-menu__block {
  left: 0;
  right: auto;
}
.currency-menu--right,
.currency-menu--right .currency-menu__block {
  left: auto;
  right: 0;
}
@media only screen and (max-width: 1200px) {
  .currency-menu {
    left: -32px;
    right: -32px;
  }
}
@media only screen and (max-width: 667px) {
  .currency-menu {
    left: -10px;
    right: -10px;
    top: 55px;
  }
}
.currency-menu__overlay {
  background-color: rgba(28, 28, 30, 0.15);
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 3;
}
.currency-menu__block {
  background-color: #fff;
  border: 1px solid #e4e5ed;
  border-radius: 12px;
  box-shadow: 0 2px 20px -12px rgba(0, 0, 0, 0.1);
  color: #1c1c1e;
  display: flex;
  flex-direction: column;
  max-height: 437px;
  padding: 18px 24px 32px;
  position: absolute;
  width: 880px;
  z-index: 999;
}
@media only screen and (max-width: 1200px) {
  .currency-menu__block {
    max-height: 727px;
    padding: 18px 32px 32px;
    width: 100%;
  }
}
@media only screen and (max-width: 667px) {
  .currency-menu__block {
    max-height: 417px;
    padding: 10px 10px 20px;
  }
}
.currency-menu__header {
  grid-gap: 10px 16px;
  display: grid;
  gap: 10px 16px;
  grid-template-columns: 1fr 1fr;
}
@media only screen and (max-width: 1200px) {
  .currency-menu__header {
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 667px) {
  .currency-menu__header {
    row-gap: 5px;
  }
}
.currency-menu__search {
  background-image: url(../img/search-icon.cf6aea6.svg);
  background-position-x: 16px;
  background-position-y: center;
  background-repeat: no-repeat;
  background-size: 28px;
  border: 1px solid #e4e5ed;
  border-radius: 12px;
  font-size: 16px;
  font-weight: 400;
  height: 56px;
  line-height: 1.5;
  padding: 0 16px 0 54px;
}
@media only screen and (max-width: 667px) {
  .currency-menu__search {
    font-size: 12px;
  }
}
@media only screen and (max-width: 1200px) {
  .currency-menu__search {
    width: 100%;
  }
}
@media only screen and (max-width: 667px) {
  .currency-menu__search {
    background-size: 20px;
    height: 40px;
    padding: 0 16px 0 42px;
  }
}
.currency-menu__search::-moz-placeholder {
  color: #9f9fa8;
}
.currency-menu__search::placeholder {
  color: #9f9fa8;
}
.currency-menu__filters {
  grid-gap: 8px;
  display: grid;
  gap: 8px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
@media only screen and (max-width: 1200px) {
  .currency-menu__filters {
    gap: 12px;
  }
}
@media only screen and (max-width: 667px) {
  .currency-menu__filters {
    gap: 6px;
  }
}
.currency-menu__button {
  background-color: #f5f6fd;
  border-radius: 12px;
  color: #1c1c1e;
  font-size: 16px;
  font-weight: 400;
  font-weight: 500;
  height: 56px;
  line-height: 1.5;
  line-height: 1;
}
@media only screen and (max-width: 667px) {
  .currency-menu__button {
    font-size: 12px;
  }
}
.currency-menu__button:hover:not(.currency-menu__button--active) {
  color: #4876ff;
}
.currency-menu__button--active {
  background-color: #1c1c1e;
  color: #fff;
  font-weight: 700;
}
@media only screen and (max-width: 667px) {
  .currency-menu__button {
    height: 40px;
    padding: 0;
  }
}
.currency-menu__category {
  display: flex;
  justify-content: center;
  margin: 32px 0 24px;
  position: relative;
}
.currency-menu__category h4 {
  background-color: #fff;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.5px;
  line-height: 1;
  margin: 0;
  padding: 0 24px;
  text-align: center;
  z-index: 1;
}
.currency-menu__category:before {
  background-color: #e4e5ed;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  top: 8px;
  width: 100%;
}
@media only screen and (max-width: 667px) {
  .currency-menu__category {
    margin: 20px 0 10px;
  }
  .currency-menu__category h4 {
    font-size: 12px;
    padding: 0 10px;
  }
  .currency-menu__category:before {
    top: 6px;
  }
}
.currency-menu__grid {
  grid-gap: 20px 32px;
  display: grid;
  gap: 20px 32px;
  grid-template-columns: 1fr 1fr 1fr;
  margin: -8px -24px;
  overflow: auto;
  padding: 8px 24px;
}
@media only screen and (max-width: 1200px) {
  .currency-menu__grid {
    grid-template-columns: 1fr 1fr;
    margin: -8px -32px;
    padding: 8px 32px;
  }
}
@media only screen and (max-width: 667px) {
  .currency-menu__grid {
    gap: 10px 30px;
    margin: -6px -10px;
    padding: 6px 18px;
  }
}
.currency-menu__item {
  align-items: center;
  cursor: pointer;
  display: flex;
  gap: 10px;
  max-width: 256px;
  position: relative;
}
.currency-menu__item:hover .currency-menu__item-name,
.currency-menu__item:hover .currency-menu__item-symbol {
  color: #4876ff;
}
.currency-menu__item--selected:before {
  background-color: #f5f6fd;
  border-radius: 12px;
  bottom: -8px;
  content: "";
  left: -14px;
  position: absolute;
  right: -14px;
  top: -8px;
}
@media only screen and (max-width: 667px) {
  .currency-menu__item--selected:before {
    bottom: -6px;
    left: -8px;
    right: -8px;
    top: -6px;
  }
}
.currency-menu__item--selected .currency-menu__item-name,
.currency-menu__item--selected .currency-menu__item-symbol {
  color: #4876ff;
}
.currency-menu__item-logo,
.currency-menu__item-name,
.currency-menu__item-symbol {
  z-index: 1;
}
@media only screen and (max-width: 667px) {
  .currency-menu__item {
    gap: 5px;
  }
  .currency-menu__item-logo {
    height: 20px;
    width: 20px;
  }
}
.currency-menu__item-name {
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
}
@media only screen and (max-width: 667px) {
  .currency-menu__item-name {
    font-size: 12px;
  }
}
.currency-menu__item-symbol {
  color: #5e5f61;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.1px;
  line-height: 1;
  margin-left: auto;
}
@media only screen and (max-width: 667px) {
  .currency-menu__item-symbol {
    font-size: 10px;
  }
}
.tech-works {
  align-items: center;
  display: flex;
  flex-direction: column;
  padding: 50px 32px;
}
.tech-works__title {
  font-size: 56px;
  font-weight: 800;
  letter-spacing: -1.96px;
  line-height: 1.1;
  margin-bottom: 20px;
  text-align: center;
}
@media only screen and (max-width: 667px) {
  .tech-works__title {
    font-size: 40px;
  }
}
.tech-works__text {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 40px;
  text-align: center;
}
@media only screen and (max-width: 667px) {
  .tech-works__text {
    font-size: 16px;
  }
}
.tech-works .btn {
  width: -moz-fit-content;
  width: fit-content;
}
nav {
  align-self: center;
  position: relative;
}
.menu {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: 40px;
}
@media screen and (max-width: 1350px) {
  .menu {
    gap: 16px;
  }
}
@media only screen and (max-width: 1200px) {
  .menu {
    background: #fff;
    border-radius: 0 24px 24px 24px;
    box-shadow: 0 2px 20px -12px rgba(0, 0, 0, 0.1);
    display: block;
    left: -100%;
    margin: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    top: calc(100% + 14px);
    transition: left 0.2s ease, visibility 0.2s ease, opacity 0.2s ease;
    visibility: hidden;
  }
}
@media only screen and (max-width: 667px) {
  .menu {
    overflow: visible;
    top: calc(100% + 11px);
  }
}
.menu.menu-open {
  left: 23px;
  opacity: 1;
  visibility: visible;
  z-index: 2;
}
@media only screen and (max-width: 667px) {
  .menu.menu-open {
    left: 15px;
  }
}
.menu > li {
  align-items: center;
  display: flex;
  justify-content: center;
  padding: 10px 14px;
  transition: background-color 0.2s ease;
}
@media only screen and (max-width: 1200px) {
  .menu > li {
    padding: 0;
  }
  .menu > li:active,
  .menu > li:hover {
    background-color: #f9faff;
  }
}
@media only screen and (max-width: 667px) {
  .menu > li:first-child {
    border-radius: 0 24px 0 0;
  }
  .menu > li:last-child {
    border-radius: 0 0 24px 24px;
  }
}
.menu > li > a {
  color: rgba(28, 28, 30, 0.8);
  display: block;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
  white-space: nowrap;
}
.menu > li > a.nuxt-link-active,
.menu > li > a:active,
.menu > li > a:focus,
.menu > li > a:hover {
  color: #4876ff;
}
@media only screen and (max-width: 1200px) {
  .menu > li > a {
    padding: 15px 30px;
    width: 100%;
  }
  .menu > li > a,
  .menu > li > a.nuxt-link-active,
  .menu > li > a:active,
  .menu > li > a:focus,
  .menu > li > a:hover {
    color: #1c1c1e;
  }
}
@media only screen and (max-width: 667px) {
  .menu > li > a {
    font-size: 12px;
    padding: 11px 20px;
  }
}
.menu > li.menu-lang-select {
  display: none;
}
@media only screen and (max-width: 667px) {
  .menu > li.menu-lang-select {
    display: flex;
    padding: 0;
  }
  .menu > li.menu-lang-select .dropdown-lang {
    margin: 0;
    padding: 11px 20px;
    width: 100%;
  }
  .menu > li.menu-lang-select .dropdown-lang p {
    font-size: 12px;
    line-height: 1;
  }
  .menu > li.menu-lang-select .dropdown-lang ul {
    border-radius: 0 0 12px 12px;
    left: 16px;
    right: 16px;
    top: 33px;
    width: auto;
  }
  .menu > li.menu-lang-select .dropdown-lang ul .dropdown-lang-inner-img {
    font-size: 12px;
    justify-content: center;
  }
}
.burger {
  cursor: pointer;
  display: none;
  position: relative;
}
.burger img {
  height: 30px;
}
@media only screen and (max-width: 1200px) {
  .burger {
    display: flex;
  }
}
@media only screen and (max-width: 667px) {
  .burger img {
    height: 20px;
  }
}
.user-block {
  cursor: pointer;
  position: relative;
  width: 100%;
}
.user-block-info {
  align-items: center;
  background-color: #fff;
  border-radius: 8px;
  display: flex;
  gap: 14px;
  max-width: 153px;
  overflow: hidden;
  padding: 6px 14px;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
}
.user-block-info:active p,
.user-block-info:hover p {
  color: #4876ff;
}
@media only screen and (max-width: 1200px) {
  .user-block-info {
    border-radius: 99px;
    padding: 6px;
    width: auto;
  }
  .user-block-info p {
    display: none;
  }
}
@media only screen and (max-width: 667px) {
  .user-block-info {
    padding: 4px;
  }
}
.user-block-info p {
  font-size: 15px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: capitalize;
  transition: color 0.2s ease;
  white-space: nowrap;
}
.user-block ul {
  background: #fff;
  border-radius: 24px 0 24px 24px;
  box-shadow: 0 2px 20px -12px rgba(0, 0, 0, 0.1);
  min-width: 270px;
  opacity: 0;
  position: absolute;
  right: 0;
  top: calc(100% + 8px);
  transition: all 0.2s ease;
  visibility: hidden;
  width: 100%;
  z-index: 0;
}
@media only screen and (max-width: 667px) {
  .user-block ul {
    min-width: 234px;
  }
}
.user-block .user-block-list-open {
  opacity: 1;
  right: 20px;
  visibility: visible;
  z-index: 11;
}
.user-block li {
  overflow: hidden;
}
.user-block li:first-child a {
  border-top-left-radius: 24px;
  border-top-right-radius: 0;
}
.user-block li:last-child {
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
}
.user-block li a {
  align-items: center;
  display: flex;
  font-size: 16px;
  font-weight: 500;
  height: 55px;
  padding: 0 14px;
}
@media only screen and (max-width: 667px) {
  .user-block li a {
    font-size: 12px;
    height: 45px;
    padding: 0 10px;
  }
}
.user-block li a:hover {
  background: #f9faff;
  transition: all 0.2s ease;
}
.user-block li .img-wrapper {
  align-items: center;
  display: flex;
  padding-right: 12px;
  width: 40px;
}
@media only screen and (max-width: 667px) {
  .user-block li .img-wrapper {
    width: 30px;
  }
}
.faq-top {
  margin-top: 2.5rem;
}
.faq-top ul {
  display: flex;
  flex-wrap: wrap;
  padding: 9px;
}
@media only screen and (max-width: 1200px) {
  .faq-top ul {
    justify-content: space-between;
  }
}
.faq-top li {
  margin: 0.43rem;
  padding: 0.43rem;
}
.faq-top li:after {
  border-right: 1px solid #f3f3f3;
  content: "";
  margin: 0 28px;
}
@media only screen and (max-width: 1200px) {
  .faq-top li:after {
    border: none;
  }
}
.faq-top li:last-child:after {
  border: none;
  margin: 0;
}
@media only screen and (max-width: 1200px) {
  .faq-top li {
    width: 40%;
  }
}
.faq-top a {
  align-items: center;
  color: #282e38;
  display: flex;
  font-size: 15px;
}
.faq-top a img {
  flex: 0 0 auto;
}
.faq-top a.profile-nav-active,
.faq-top a:hover {
  color: #619420;
}
.faq-top img {
  margin-right: 10px;
  max-width: 21px;
  width: 100%;
}
.profile-nav ul {
  display: flex;
  gap: 44px;
  justify-content: center;
}
@media only screen and (max-width: 1200px) {
  .profile-nav ul {
    -moz-column-gap: 3px;
    column-gap: 3px;
    flex-wrap: wrap;
    row-gap: 10px;
  }
}
.profile-nav li {
  display: flex;
}
.profile-nav a {
  align-items: center;
  border-radius: 99px;
  color: #1c1c1e;
  display: flex;
  font-size: 32px;
  font-weight: 600;
  letter-spacing: -1.96px;
  line-height: 1.1;
  padding: 8px 25px;
}
@media only screen and (max-width: 667px) {
  .profile-nav a {
    font-size: 24px;
  }
}
.profile-nav a.profile-nav-active,
.profile-nav a:hover {
  background-color: #fff;
  box-shadow: 0 2px 20px -12px rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width: 1200px) {
  .profile-nav a {
    font-size: 24px;
  }
}
.faq-top ul {
  margin: 0 -0.94rem;
}
.faq-top li {
  flex: 1 1;
  flex-basis: 25%;
  flex-grow: 0;
  flex-shrink: 0;
  margin: 0.45rem 0.94rem 0.45rem 0;
  max-width: 25%;
  min-width: 250px;
  padding: 0;
}
.faq-top img {
  max-width: 27px;
}
.faq-top .form-faq-search {
  margin-top: 1.25rem;
  position: relative;
}
.faq-top .form-faq-search input[type="search"] {
  border: 1px solid #619420;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  font-size: 1rem;
  line-height: 1.3;
  margin: 10px 0;
  padding: 10px 35px 10px 55px;
  width: 100%;
}
.faq-top .form-faq-search input[type="search"]::-webkit-input-placeholder {
  color: #9f9f9f;
  font-style: italic;
}
.faq-top .form-faq-search input[type="search"]::-moz-placeholder {
  color: #9f9f9f;
  font-style: italic;
}
.faq-top .form-faq-search input[type="search"]:-ms-input-placeholder {
  color: #9f9f9f;
  font-style: italic;
}
.faq-top .form-faq-search input[type="search"]:-moz-placeholder {
  color: #9f9f9f;
  font-style: italic;
}
.faq-top .form-faq-search input[type="submit"] {
  background-color: transparent;
  background-image: url(../img/search.4495ab5.svg);
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
  height: 20px;
  left: 1.25rem;
  position: absolute;
  top: 20px;
  width: 20px;
  z-index: 2;
}
.affiliate {
  margin: 80px 0;
}
@media only screen and (max-width: 1200px) {
  .affiliate {
    margin: 50px 0;
  }
}
@media only screen and (max-width: 667px) {
  .affiliate {
    margin: 30px 0;
  }
}
.affiliate-cards {
  grid-gap: 84px;
  display: grid;
  gap: 84px;
  grid-template-columns: 1fr 1fr 1fr;
}
@media only screen and (max-width: 1200px) {
  .affiliate-cards {
    gap: 30px;
  }
}
@media only screen and (max-width: 667px) {
  .affiliate-cards {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
}
.affiliate-card {
  align-items: center;
  border: 1px solid #4876ff;
  border-radius: 24px;
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding: 30px;
  text-align: center;
}
@media only screen and (max-width: 1200px) {
  .affiliate-card {
    padding: 30px 8px;
  }
}
@media only screen and (max-width: 667px) {
  .affiliate-card {
    padding: 20px 8px;
    width: 210px;
  }
}
.affiliate-card h4 {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  margin: 0;
  text-align: center;
}
.affiliate-card__values {
  align-items: baseline;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  text-transform: uppercase;
}
.affiliate-card__values b {
  font-size: 52px;
  font-weight: 700;
  letter-spacing: -1.96px;
  line-height: 1.1;
  text-align: center;
}
@media only screen and (max-width: 667px) {
  .affiliate-card__values b {
    font-size: 32px;
  }
}
.affiliate-card__values p {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}
@media only screen and (max-width: 667px) {
  .affiliate-card__values p {
    font-size: 12px;
    font-size: 16px;
  }
}
.affiliate-card__buttons {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 30px;
  margin-top: auto;
  width: 100%;
}
@media only screen and (max-width: 667px) {
  .affiliate-card__buttons {
    gap: 20px;
  }
}
.affiliate-card__buttons .btn {
  max-width: 190px;
  width: 100%;
}
.refs {
  margin: 0 auto;
  max-width: 446px;
}
.refs h2 {
  font-size: 32px;
  font-weight: 600;
  letter-spacing: -1.96px;
  line-height: 1.1;
  margin-bottom: 10px;
  text-align: center;
}
@media only screen and (max-width: 667px) {
  .refs h2 {
    font-size: 24px;
  }
}
.refs h2 + p {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 40px;
  text-align: center;
}
@media only screen and (max-width: 667px) {
  .refs h2 + p {
    font-size: 12px;
    margin-bottom: 20px;
  }
}
.refs-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.refs-list label {
  display: block;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 8px;
}
@media only screen and (max-width: 667px) {
  .refs-list label {
    font-size: 12px;
  }
}
.refs-list .form-control__icon {
  cursor: pointer;
}
.profile-nav {
  margin-top: 30px;
}
.profile-main__item {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 30px;
  height: 100%;
  justify-content: end;
  padding: 20px 0;
}
@media only screen and (max-width: 667px) {
  .profile-main__item {
    gap: 10px;
    padding: 10px 0;
  }
}
.profile-main__item--card {
  border: 1px solid #4876ff;
  border-radius: 24px;
  justify-content: space-between;
}
.profile-main__item h4 {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  margin: 0;
}
.profile-main__item .btn {
  min-width: 190px;
}
.profile-main__item-checkboxes {
  display: flex;
  flex-direction: column;
  gap: 2px;
  height: 50px;
}
.profile-main__checkbox {
  align-items: start;
  display: flex;
}
.profile-main__checkbox input[type="checkbox"] {
  display: none;
}
.profile-main__checkbox label {
  cursor: pointer;
  font-size: 16px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  line-height: 24px;
  padding-left: 30px;
  position: relative;
  white-space: nowrap;
}
@media only screen and (max-width: 667px) {
  .profile-main__checkbox label {
    font-size: 12px;
  }
}
.profile-main__checkbox label:before {
  background-color: #638bff;
  border: 0;
  border-radius: 6px;
  content: "";
  height: 20px;
  left: 0;
  position: absolute;
  top: 2px;
  width: 20px;
}
.profile-main__checkbox input:checked + label:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTYgMTMgMiA4LjYyNWwxLjE0My0xLjI1TDYgMTAuNDk4di4wMDFMMTIuODU2IDMgMTQgNC4yNSA3LjE0MyAxMS43NSA2LjAwMSAxM1oiIGZpbGw9IiNmZmYiLz48L3N2Zz4=);
  background-position: 50%;
  background-repeat: no-repeat;
}
.profile-grid {
  grid-column-gap: 78px;
  background-color: #fff;
  border-radius: 24px;
  -moz-column-gap: 78px;
  column-gap: 78px;
  display: grid;
  grid-template-areas: "contacts password auth" "email notifications actions";
  grid-template-columns: repeat(3, 1fr);
  margin: 80px 0;
  padding: 10px 80px;
}
@media only screen and (max-width: 1200px) {
  .profile-grid {
    grid-template-areas: "contacts password" "email notifications" "auth actions";
    grid-template-columns: repeat(2, 1fr);
    margin: 50px 0;
    padding: 10px 70px;
    row-gap: 10px;
  }
}
@media only screen and (max-width: 667px) {
  .profile-grid {
    grid-template-areas: "contacts" "password" "email" "notifications" "auth" "actions";
    grid-template-columns: 1fr;
    margin: 30px 0;
    padding: 10px 20px;
  }
}
.profile-grid__col:first-child {
  grid-area: contacts;
}
.profile-grid__col:nth-child(2) {
  grid-area: password;
}
.profile-grid__col:nth-child(3) {
  grid-area: auth;
}
@media only screen and (max-width: 1200px) {
  .profile-grid__col:nth-child(3) {
    margin-bottom: 10px;
    margin-top: 10px;
  }
}
.profile-grid__col:nth-child(4) {
  grid-area: email;
}
.profile-grid__col:nth-child(5) {
  grid-area: notifications;
}
.profile-grid__col:nth-child(6) {
  grid-area: actions;
}
.registration li {
  margin: 0 6px 0 0;
}
.registration li:last-child {
  margin-right: 0;
}
.registration li .btn-login img {
  display: none;
}
@media only screen and (max-width: 1200px) {
  .registration li {
    margin: 0;
  }
  .registration li:last-child {
    display: none;
  }
}
@media only screen and (max-width: 667px) {
  .registration li .btn-login {
    height: 38px;
    padding: 4px;
    width: 38px;
  }
  .registration li .btn-login img {
    display: block;
  }
  .registration li .btn-login span {
    display: none;
  }
}
.registration a {
  cursor: pointer;
}
.languages a {
  text-transform: uppercase;
}
.languages a:hover {
  color: #18829c;
}
.languages a.active-lang-link {
  color: #1ac1de;
}
@media only screen and (max-width: 550px) {
  .under-header {
    background-position-y: 0;
  }
}
.left-bg {
  background-image: url(../img/bg-t.e733ef4.svg);
  padding-bottom: 5rem;
}
.left-bg,
.right-bg {
  background-repeat: no-repeat;
  background-size: 620px;
}
.right-bg {
  background-image: url(../img/bg-t-2.f1509bf.svg);
  background-position: 100%;
}
@media only screen and (max-width: 1200px) {
  .left-bg,
  .right-bg {
    background-image: none;
  }
}
.header {
  border-bottom: 1px solid #eaeaea;
  height: 84px;
  position: relative;
}
@media only screen and (max-width: 1200px) {
  .header {
    height: 82px;
  }
  .header .logo {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
  }
}
@media only screen and (max-width: 667px) {
  .header {
    height: 58px;
  }
}
.header .logo {
  flex-shrink: 0;
  transition: transform 0.2s ease;
}
@media screen and (min-width: 1200px) {
  .header .logo:hover {
    transform: scale(1.05);
  }
}
.header .logo a {
  display: flex;
  text-transform: uppercase;
  color: #1c1c1e;
  font-weight: 700;
  font-size: 19px;
  transition: 0.3s;
}
.header .logo img {
  height: 36px;
}
.header > .container-lg {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: space-between;
}
@media only screen and (max-width: 1200px) {
  .header > .container-lg {
    padding: 0 40px;
  }
}
@media only screen and (max-width: 667px) {
  .header > .container-lg {
    padding: 0 16px;
  }
}
.header .right-block {
  align-items: center;
  display: flex;
  justify-content: center;
}
@media only screen and (max-width: 667px) {
  .header .right-block .dropdown-lang {
    display: none;
  }
}
.header .dropdown-lang {
  cursor: pointer;
  flex-shrink: 0;
  margin-right: 14px;
  padding: 10px 15px;
  position: relative;
}
.header .dropdown-lang .inner_dropdown {
  display: flex;
  opacity: 0.8;
}
.header .dropdown-lang ul {
  background-color: #fff;
  border-radius: 12px 0 12px 12px;
  box-shadow: 0 2px 20px -12px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  position: absolute;
  top: 40px;
  width: -moz-max-content;
  width: max-content;
  z-index: 9;
}
.header .dropdown-lang ul li {
  padding: 10px 20px;
  text-align: center;
  transition: background-color 0.2s ease;
}
.header .dropdown-lang ul li a {
  color: rgba(28, 28, 30, 0.8);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}
.header .dropdown-lang ul li:hover {
  background-color: rgba(192, 204, 247, 0.5);
}
.header .dropdown-lang-img-arrow {
  display: flex;
  margin-left: 6px;
}
.header .dropdown-lang-inner-img {
  align-items: center;
  display: flex;
  gap: 3px;
}
.header .dropdown-lang-inner-img p {
  color: #1c1c1e;
  font-size: 16px;
  font-weight: 500;
}
.registration ul {
  align-items: center;
  display: flex;
}
/* .registration a {
  color: #fff;
  font-size: 12px;
  text-transform: uppercase;
} */
.about-us {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 2rem;
  margin-top: 1rem;
}
.about-us > div {
  flex: 1 1;
}
.about-us-top {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-top: 0;
}
@media only screen and (max-width: 667px) {
  .about-us-top {
    justify-content: center;
    padding-bottom: 2.25rem;
  }
}
.about-us-top .btn {
  padding-left: 3.75rem;
  padding-right: 3.75rem;
}
.about-us-info {
  min-width: 60%;
}
.about-us-info .title {
  margin-bottom: 1.875rem;
  margin-top: 1rem;
}
.about-us-info p {
  font-size: 1rem;
  line-height: 1.5;
  margin-bottom: 1.5rem;
}
.about-us-img {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px;
}
@media only screen and (max-width: 667px) {
  .about-us-img {
    display: none;
  }
}
.about-us-img img {
  max-width: 440px;
  width: 100%;
}
.choose {
  margin-bottom: 2rem;
}
.choose ul {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 -0.74rem;
}
.choose li {
  flex-basis: 31.25%;
  flex-grow: 0;
  flex-shrink: 0;
  margin: 0.45rem 0.74rem;
  max-width: 31.25%;
  min-width: 300px;
  padding: 0;
}
.choose a {
  background: transparent;
  border: 1px solid #b6b6b6;
  box-shadow: none;
  display: block;
  line-height: normal;
  padding: 20px;
}
.choose a:hover {
  box-shadow: 0 20px 40px 0 rgba(23, 22, 37, 0.15);
}
.choose a:hover p,
.choose a:hover span {
  color: #fff;
}
.choose a p {
  color: #212121;
  font-size: 16px;
  margin-bottom: 10px;
}
.choose a span {
  color: #b6b6b6;
  font-size: 12px;
}
.choose p,
.choose span {
  transition: all 0s;
}
.form-v2--input-order-form {
  margin: 0 0 20px;
  position: relative;
}
.form-v2--input-order-form p {
  margin-bottom: 9px;
}
.form-v2--input-order-form-btn {
  align-items: center;
  display: flex;
  justify-content: center;
}
.form-v2--input-order-form-btn .btn-submit-order {
  background: #619420;
  box-shadow: 0 20px 40px 0 rgba(23, 22, 37, 0.15);
  font-size: 20px;
  height: 64px;
  padding: 23px 77px !important;
  width: 56.4%;
}
.form-v2--input-order-form-btn .btn-submit-order:hover {
  background: #88cf2d;
  color: #fff;
}
@media only screen and (max-width: 667px) {
  .form-v2--input-order-form-btn .btn-submit-order {
    height: auto;
    padding: 16px 44px !important;
    width: auto;
  }
}
.form-v2--input-order-form .receive {
  align-items: center;
  background: #5e5f61;
  border-radius: 8px;
  color: rgba(28, 28, 30, 0.8);
  display: flex;
  font-size: 20px;
  height: 64px;
  justify-content: space-between;
  line-height: 23.44px;
  padding: 24px 26px;
  text-align: left;
  width: 100%;
}
@media only screen and (max-width: 667px) {
  .form-v2--input-order-form .receive {
    font-size: 15px;
    padding: 24px 15px;
  }
}
.form-v2--input-order-form .receive div {
  align-items: center;
  display: flex;
}
.form-v2--input-order-form .receive div > span {
  margin: 42px;
}
@media only screen and (max-width: 667px) {
  .form-v2--input-order-form .receive div > span {
    margin: 0;
  }
}
.form-v2--input-order-form .other {
  align-items: center;
  background: #5e5f61;
  border-radius: 8px;
  color: rgba(28, 28, 30, 0.8);
  display: flex;
  height: 48px;
  padding: 22px 18px;
  text-align: left;
  width: 100%;
}
.form-v2--input-order-form img {
  max-width: 32px;
  position: absolute;
  top: 57px;
  transform: translateY(-50%);
}
@media only screen and (max-width: 667px) {
  .form-v2--input-order-form img {
    margin-right: 8px;
    max-width: 24px;
    position: static;
    transform: none;
  }
}
.order-footer-block {
  align-items: center;
  border-top: 1px solid #f1f1f2;
  display: flex;
  justify-content: space-between;
  padding: 24px;
}
@media only screen and (max-width: 667px) {
  .order-footer-block {
    flex-direction: column;
  }
}
.order-footer-block p {
  color: rgba(28, 28, 30, 0.8);
}
@media only screen and (max-width: 667px) {
  .order-footer-block p {
    margin-bottom: 15px;
  }
}
.order-footer-block .btn {
  border-radius: 25px;
  display: inline-flex;
  font-size: 15px;
  padding: 11px 24px;
}
.order-footer-block .btn-transparent {
  border: 1px solid #e1e7ed;
  color: rgba(28, 28, 30, 0.8);
}
.order-main-block {
  display: flex;
}
@media only screen and (max-width: 667px) {
  .order-main-block {
    flex-direction: column;
  }
}
.order-main-block .padding-block-order {
  padding: 32px;
}
.order-main-block .payment-data {
  background-color: #fff;
  display: flex;
  flex-direction: column;
}
.order-main-block .payment-data .title-text {
  color: #282e38;
}
.order-main-block .payment-data_date span {
  color: rgba(28, 28, 30, 0.8);
}
.order-main-block .payment-data_header {
  border-bottom: 1px solid #f0f1f6;
  display: flex;
  justify-content: space-between;
  padding: 22px 32px;
}
.order-main-block .payment-data_content {
  display: flex;
  justify-content: center;
  padding: 24px 32px;
}
.order-main-block .payment-data_content_header {
  padding-bottom: 12px;
  text-align: center;
}
.order-main-block .payment-data_content_header p {
  color: #282e38;
  font-size: 24px;
}
.order-main-block .payment-data_content .details-confirm-order {
  padding-top: 26px;
}
.order-main-block .payment-data_content .form-attention {
  margin-bottom: 24px;
}
.order-main-block .payment-data_content .form-attention h4 {
  font-size: 18px;
  margin: 8px 0;
}
.order-main-block .payment-data_content > div {
  flex: 0.72;
}
@media only screen and (max-width: 1200px) {
  .order-main-block .payment-data_content > div {
    flex: 1;
  }
}
.order-main-block .form-left-block {
  background-color: #fbfbfc;
  border-right: 1px solid #f0f1f6;
  flex: 0.4;
}
.order-main-block .form-left-block_header {
  background-color: #f0f1f6;
  border-bottom: 1px solid #f0f1f6;
  padding: 24px;
  text-align: center;
}
.order-main-block .form-left-block_header p {
  color: #282e38;
  font-size: 24px;
  line-height: 28px;
}
.order-main-block .form-left-block_item {
  padding: 24px 32px;
}
.order-main-block .form-left-block_item ul {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.order-main-block .form-left-block_item li {
  margin: 0 0 26px;
}
.order-main-block .form-left-block_item li:last-child {
  margin: 0;
}
.order-main-block .form-left-block .detail-id {
  font-size: 16px;
}
.order-main-block .form-left-block .detail-id p {
  color: rgba(28, 28, 30, 0.8);
  margin: 0 0 12px;
}
.order-main-block .form-left-block .details-currency {
  display: flex;
  justify-content: space-between;
}
.order-main-block .form-left-block .details-currency-from {
  color: rgba(28, 28, 30, 0.8);
}
.order-main-block .form-left-block .details-currency:first-child {
  border-bottom: 1px solid #cdd0d8;
}
.order-main-block .form-left-block .details-currency span,
.order-main-block .form-left-block .details-currency > p {
  color: #282e38;
}
.order-main-block .form-left-block .details-currency span {
  font-size: 16px;
  word-break: break-all;
}
.order-main-block .form-left-block .details-currency_logo img {
  width: 32px;
}
.order-main-block .form-payment-block {
  flex: 1;
}
.order-main-block .form-order-time-left {
  display: flex;
}
.order-main-block .form-order-time-left div {
  margin-left: 12px;
}
.order-main-block .form-order-time-left span {
  color: #619420;
}
.container--form {
  margin-left: auto;
  margin-right: auto;
  max-width: 1170px;
}
.container--form .title-text {
  margin-bottom: 98px;
}
.container--form .title-text h1 {
  color: #282e38;
}
.container--form .title-text h1 span {
  color: #619420;
}
.container--form .title-text > p {
  color: #72819f;
  font-size: 18px;
  font-weight: 300;
  margin-top: 12px;
}
.form {
  background: #fff;
  border-radius: 30px;
  box-shadow: 0 25px 50px 0 rgba(23, 22, 37, 0.15);
  margin: 2.25rem auto 3.75em;
  overflow: hidden;
  width: 97.5%;
}
@media screen and (max-width: 1024px) {
  .form {
    width: 97%;
  }
}
.form-wr {
  padding: 1.25em 1.8em;
}
.form-container-padding {
  padding-left: 70px;
  padding-right: 70px;
}
.form-ruls {
  background: #f4f5f7;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  padding-bottom: 10px;
  padding-top: 10px;
}
.form-ruls p {
  font-size: 15px;
}
@media only screen and (max-width: 667px) {
  .form-ruls p {
    font-size: 13px;
  }
}
.form-ruls a {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}
.form-attention {
  background: #5e5f61;
  border-radius: 6px;
  color: rgba(28, 28, 30, 0.8);
  font-size: 15px;
  line-height: 18px;
  margin-bottom: 15px;
  padding: 21px 30px;
  text-align: left;
  word-break: break-word;
}
.form-attention .ql-align-center {
  text-align: center;
}
.form-attention .ql-align-right {
  text-align: right;
}
.form-attention.promo-monitor {
  font-weight: 700;
}
.form-attention a {
  color: #619420;
  cursor: pointer;
  text-decoration: none;
  -webkit-text-decoration: none solid currentColor;
  text-decoration: none solid currentColor;
  -webkit-text-decoration: auto;
  text-decoration: auto;
  text-decoration-thickness: auto;
}
.form-attention a:hover {
  color: #88cf2d;
  -webkit-text-decoration: underline;
  text-decoration: underline;
}
.form h3 {
  font-size: 1.3em;
}
.form-submit {
  margin-bottom: 1.5em;
  margin-top: 0;
  position: relative;
}
.ordered .under-header,
.payment-wait .under-header {
  background: none;
}
.ordered .form,
.payment-wait .form {
  margin-bottom: 0;
}
.form-confirmation__up {
  background: #fff;
  border-radius: 6px;
  margin-left: auto;
  margin-right: auto;
  max-width: 624px;
  padding: 40px 26px;
}
@media only screen and (max-width: 550px) {
  .form-confirmation__up {
    padding: 20px 10px;
  }
}
.form-confirmation__up h1 {
  color: #000;
  font-size: 20px;
  font-weight: 900;
  line-height: 140%;
  margin-top: 34px;
}
.form-confirmation__up .form-confirmation-manual-number > p,
.form-confirmation__up p {
  color: #333;
  font-size: 20px;
}
.form-confirmation__up .form-confirmation-manual-actual-info p,
.form-confirmation__up .form-confirmation-manual-number .actual-time {
  color: #333;
  font-size: 14px;
}
.form-confirmation__up .form-confirmation-manual-actual-info {
  text-align: center;
  width: 100px;
}
.form-confirmation__up .form-confirmation-manual-actual-info p {
  color: #787878;
  font-size: 12px;
  line-height: 140%;
}
.form-confirmation__up .form-confirmation-manual-actual-info p b {
  color: #333;
  display: inline-block;
  font-size: 36px;
  line-height: 140%;
  margin-top: 2px;
}
.form-confirmation__up .form-confirmation-manual-bloc {
  padding-left: 14px;
  padding-right: 14px;
}
.form-confirmation__up .form-confirmation__get,
.form-confirmation__up .form-confirmation__give,
.form-confirmation__up .form-confirmation__ref {
  margin-left: 0;
  margin-right: 0;
}
@media screen and (max-width: 1024px) {
  .form-confirmation__up .form-confirmation__give {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
.form-confirmation__up .form-wr {
  padding: 1.25em 14px !important;
}
.form-confirmation__up .form-manual-must .title {
  display: none;
}
.payment-wait {
  min-height: 100vh;
}
.payment-wait .form {
  box-shadow: none;
  margin: 0;
  width: 100%;
}
.merchant-form {
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
}
.merchant-form label {
  color: #212121;
  display: block;
  font-size: 16px;
  font-weight: 600;
  line-height: 19px;
  margin: 0 0 12px;
  text-align: left;
}
.merchant-form input {
  background: #fff;
  border: 1px solid #dedede;
  border-radius: 14px;
  font-size: 16px;
  padding: 14px 61px 15px 22px;
  width: 100%;
}
.merchant-form .btn {
  font-size: 20px;
  margin-top: 16px;
}
.form,
.form-index {
  position: relative;
}
.form-index img {
  width: 50px;
}
.form-index input,
.form-index select {
  background: transparent;
  color: rgba(28, 28, 30, 0.8);
}
.form-index label {
  align-items: center;
  display: flex;
}
.form-index label span {
  cursor: pointer;
  font-size: 14px;
  padding: 0 15px;
}
.form-index .container > p {
  color: #fff;
  font-size: 1.5em;
  margin-top: 0.5rem;
  padding-bottom: 1.25rem;
}
.form-index-top {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.6em;
}
.form-index-item {
  flex: 1 0;
}
@media only screen and (max-width: 1200px) {
  .form-index-item {
    flex: 1 1 auto;
    width: 100%;
  }
}
.form-index-item > p {
  font-size: 1em;
  margin-bottom: 5px;
  margin-top: 5px;
}
.form-index-bottom {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 -15px;
}
.form-index-bottom p {
  cursor: pointer;
}
.form-index-bottom .form-index-bloc {
  flex: 1 0;
  margin: 20px 15px;
}
.form-index-bloc {
  margin: 25px 0;
  min-width: 320px;
}
@media only screen and (max-width: 1200px) {
  .form-index-bloc {
    min-width: 100%;
  }
}
.form-index-bloc-item {
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 10px;
}
.form-index-bloc p {
  color: #9f9f9f;
  font-size: 14px;
  margin-top: 5px;
}
.form-exchange {
  flex: 0.3 0;
  margin: 95px auto auto;
  min-width: 135px;
}
.form-v2 {
  align-items: stretch;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}
@media screen and (max-width: 720px) {
  .form-v2 {
    flex-wrap: wrap;
  }
}
.form-v2 .receive {
  flex-basis: 33.33%;
  padding: 24px 0;
  position: relative;
  z-index: 3;
}
@media screen and (max-width: 860px) {
  .form-v2 .receive {
    flex: 1;
  }
}
.form-v2 .padding-block {
  padding: 0 32px;
}
.form-v2 .give {
  border-left: 1px solid #d0d2db;
  border-right: 1px solid #d0d2db;
  flex-basis: 33.33%;
  padding: 24px 0;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 860px) {
  .form-v2 .give {
    border-left: none;
    border-right: none;
    flex: 1;
  }
}
.form-v2 .btn-reverse {
  align-items: center;
  background-color: #fff;
  border: 1px solid #619420;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  height: 36px;
  justify-content: center;
  overflow: hidden;
  padding: 0;
  position: absolute;
  right: -1px;
  top: 50%;
  transform: translate(50%, -50%);
  transition: all 0.2s ease-in-out;
  width: 36px;
  z-index: 10;
}
.form-v2 .btn-reverse svg {
  fill: #619420;
  stroke: #619420;
  transform: rotate(90deg);
  transition: all 0.2s ease-in-out;
}
.form-v2 .btn-reverse:active,
.form-v2 .btn-reverse:hover {
  background: #88cf2d;
  border: 1px solid #88cf2d;
}
.form-v2 .btn-reverse:active svg,
.form-v2 .btn-reverse:hover svg {
  fill: #fff;
  stroke: #fff;
}
.form-v2 .btn-reverse:disabled {
  background: #e2e3e8;
  border: 1px solid #e2e3e8;
}
@media (max-width: 640px) {
  .form-v2 .btn-reverse {
    display: none;
    height: 32px;
    width: 32px;
  }
  .form-v2 .btn-reverse svg {
    height: 12px;
    width: 12px;
  }
}
.form-v2 .dataInput {
  flex-basis: 33.33%;
  padding: 24px 32px;
}
@media screen and (max-width: 860px) {
  .form-v2 .dataInput {
    flex: 1;
  }
  .form-v2 .dataInput,
  .form-v2 .give,
  .form-v2 .receive {
    padding: 8px !important;
  }
}
@media screen and (max-width: 720px) {
  .form-v2 .dataInput,
  .form-v2 .give,
  .form-v2 .receive {
    min-width: 300px;
  }
}
.form-v2 .give .form--title img {
  transform: scaleX(-1) rotate(180deg);
}
.form-v2 .dataInput .form--title img {
  transform: scaleX(-1) rotate(140deg);
}
.form-v2 .receive .form-v2__currency--list a.active span.cur--logo {
  background: #fff;
  border-radius: 6px;
}
.form-v2 .receive .form-v2__currency--list a.active img {
  opacity: 1;
}
.form-v2 .receive .form-v2__currency--list {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}
.form-v2 .give {
  background: #fff;
}
.form-v2 .give .form-v2__currency--list a.active img {
  opacity: 1;
}
.form-v2__currency--list {
  overflow-x: hidden;
}
.form-v2__currency--list ul {
  margin: 0;
  padding: 0;
}
.form-v2__currency--list li {
  border-top: 1px solid #dedede;
}
.form-v2__currency--list li:last-child a {
  border-bottom: none;
}
.form-v2__currency--list li:first-child {
  border-top: none;
}
.form-v2__currency--list a {
  border-left: 3px solid transparent;
  color: #000;
  flex-direction: row;
  font-size: 14px;
  min-height: 56px;
  padding: 7px 0;
}
.form-v2__currency--list a,
.form-v2__currency--list a p {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.form-v2__currency--list a p {
  flex: 1;
  flex-direction: row;
  flex-wrap: wrap;
  line-height: 30px;
  padding: 0 12px;
  text-align: left;
}
.form-v2__currency--list a span {
  align-items: center;
  display: inline-flex;
  flex: none;
  flex-direction: column;
  justify-content: center;
}
.dataInput--info {
  border: 2px dashed #9fcc66;
  border-radius: 12px;
  margin-bottom: 22px;
  overflow: hidden;
}
.dataInput--info__item {
  flex-direction: row;
  font-size: 14px;
  padding: 8px 10px;
}
.dataInput--info__item,
.dataInput--info__item p {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.dataInput--info__item p {
  flex: 1;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 0 11px;
}
.dataInput--info__item span {
  flex: none;
}
.dataInput--info__item span.data--logo {
  max-width: 44px;
  padding: 0 7px;
  width: 44px;
}
.dataInput--info__item span.data--img {
  max-width: 22px;
  padding: 0 3px;
}
.dataInput--info li:last-child {
  border-top: 1px dashed #d0d2db;
}
.dataInput--titleSub {
  color: #282e38;
  font-size: 18px;
  font-weight: 700;
  margin: 0 0 16px;
  text-align: center;
}
.dataInput--inputs .form-v2--input {
  color: #282e38;
  margin-bottom: 15px;
}
.dataInput--inputs .form-v2--input img {
  max-width: 20px;
  right: 22px;
  top: 50%;
}
.dataInput--inputs .btn {
  font-size: 20px;
  margin-top: 1rem;
  min-height: 56px;
  width: 100%;
}
@media screen and (max-width: 860px) {
  .dataInput--inputs .btn {
    font-size: 14px;
    min-height: 40px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
.dataInput--label {
  height: 40px;
}
.dataInput--label input[type="checkbox"] {
  height: 0;
  opacity: 0;
  position: absolute;
  width: 0;
}
.dataInput--label label {
  align-items: center;
  color: rgba(28, 28, 30, 0.8);
  display: flex;
  flex-wrap: wrap;
}
.dataInput--label label a {
  color: #619420;
  margin: 0;
  padding: 0;
  -webkit-text-decoration: underline;
  text-decoration: underline;
}
.dataInput--label label a:hover {
  -webkit-text-decoration: none;
  text-decoration: none;
}
.dataInput--label input[type="checkbox"] + label {
  cursor: pointer;
  font-size: 14px;
  margin: 0 10px 0 0;
  padding: 0 40px 0 0;
  position: relative;
}
.dataInput--label input[type="checkbox"] + label:before {
  background: #f7fafc;
  border: 1px solid #6fa628;
  border-radius: 6px;
  box-shadow: inset 0 0.8px 0.6px rgba(55, 67, 99, 0.25);
  content: " ";
  display: block;
  height: 24px;
  position: absolute;
  right: -8px;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
}
.dataInput--label input[type="checkbox"] + label:after {
  border-bottom: 2px solid #619420;
  border-right: 2px solid #619420;
  content: " ";
  display: block;
  height: 11px;
  margin-top: -3px;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 50%;
  transform: scale(0) translateY(-50%) rotate(45deg);
  transition: all 0.3s ease;
  width: 8px;
  z-index: 1;
}
.dataInput--label input[type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1) translateY(-50%) rotate(45deg);
}
.cur--logo,
.data--logo {
  align-items: center;
  display: inline-flex;
  flex-direction: column;
  height: 42px;
  justify-content: center;
  padding: 0 5px;
  width: 42px;
}
.cur--logo__wr,
.data--logo__wr {
  flex: none;
  max-height: 42px;
  max-width: 61px;
  padding: 0 15px;
  text-align: center;
}
.cur--logo img,
.data--logo img {
  width: 100%;
}
.cur--txt,
.data--txt {
  flex: 1;
  margin: 0 5px;
  padding: 0;
}
.cur--sum,
.data--sum {
  color: rgba(28, 28, 30, 0.8);
  font-size: 14px;
  margin-right: 5px;
  max-width: none !important;
}
.cur--order,
.data--order {
  background: #f0f1f4;
  border-radius: 6px;
  color: #28bab7;
  display: inline-block;
  font-size: 14px;
  margin: 0 6px;
  max-width: none !important;
  padding: 4px 14px;
  -webkit-text-decoration: underline;
  text-decoration: underline;
}
.cur--check,
.cur--img,
.data--check,
.data--img {
  flex: none;
  padding: 0 15px;
  text-align: center;
}
.cur--check img,
.cur--img img,
.data--check img,
.data--img img {
  width: 16px;
}
.data--logo {
  border-right: none;
}
.data--img {
  border-left: none;
}
.data--img img {
  height: 14px;
}
.data-down img {
  height: 14px;
  transform: scaleX(-1) rotate(180deg);
}
.form--title {
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 24px;
}
.form--title,
.form--title p {
  align-items: center;
  display: flex;
}
.form--title p {
  color: rgba(28, 28, 30, 0.8);
  font-size: 13px;
  font-weight: 400;
  justify-content: flex-start;
  letter-spacing: 0.5px;
  margin: 0 5px;
  max-width: 310px;
}
.form--title div {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.form--title h4,
.form--title h5,
.form--title h6 {
  font-size: 24px;
  font-weight: 700;
  margin: 0;
  padding: 0;
}
.form--title img {
  width: 11px;
}
.form-v2--input {
  margin: 0 0 20px;
  position: relative;
}
.form-v2--input input {
  background: #5e5f61;
  border-radius: 6px;
  color: #282e38;
  font-size: 20px;
  height: 64px;
  line-height: 18px;
  padding: 21px 30px;
  text-align: left;
  width: 100%;
}
.form-v2--input input:disabled {
  background: #eee;
}
.form-v2--input img {
  max-width: 35px;
  position: absolute;
  right: 20px;
  top: 32px;
  transform: translateY(-50%);
}
.form-v2--input-enter-form {
  margin: 0 0 20px;
  position: relative;
}
.form-v2--input-enter-form input,
.form-v2--input-enter-form select {
  background: #5e5f61;
  border-radius: 6px;
  color: rgba(28, 28, 30, 0.8);
  font-size: 15px;
  height: 64px;
  line-height: 18px;
  padding: 21px 30px;
  text-align: left;
  width: 100%;
}
.form-v2--input-enter-form input:disabled,
.form-v2--input-enter-form select:disabled {
  background: #eee;
}
.form-v2--input-enter-form img {
  max-width: 35px;
  position: absolute;
  right: 20px;
  top: 32px;
  transform: translateY(-50%);
}
.currency--choice {
  align-items: center;
  background: #f7fafc;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.currency--choice p {
  color: #9f9f9f;
  font-size: 13px;
  margin-right: 6px;
  max-width: 60px;
}
.currency--choice ul {
  align-items: center;
  border-top: 1px solid #d0d2db;
  display: flex;
  flex: 1;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  padding: 14px 30px;
  position: relative;
}
.currency--choice ul li {
  display: flex;
  flex: 1;
  margin: 5px 2px;
}
.currency--choice ul li:after {
  border-right: 1px solid #d0d2db;
  content: "";
  margin-left: 5px;
}
.currency--choice ul li:last-child:after {
  border: none;
}
.currency--choice ul a {
  border-radius: 4px;
  box-shadow: none;
  color: #619420;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  line-height: 16.41px;
  padding: 8px 1px;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}
.currency--choice ul a:hover {
  opacity: 0.9;
}
.currency--choice ul a.active,
.currency--choice ul a:hover {
  background: #619420;
  color: #fff;
}
.form-v2__currency--list li {
  cursor: pointer;
}
.form-v2__currency--list li:hover {
  background: #ededed;
}
.services.container {
  margin-bottom: 80px;
  overflow-x: visible;
}
@media only screen and (max-width: 1200px) {
  .services.container {
    margin-bottom: 50px;
    padding: 0 40px;
  }
}
@media only screen and (max-width: 667px) {
  .services.container {
    margin-bottom: 30px;
    padding: 0 16px;
  }
}
.services h1 {
  margin-bottom: 20px;
}
@media only screen and (max-width: 1200px) {
  .services h1 {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 667px) {
  .services h1 {
    margin-bottom: 30px;
  }
}
.services-wrapper {
  border-top: 1px solid #e4e5ed;
  padding-top: 160px;
}
@media only screen and (max-width: 1200px) {
  .services-wrapper {
    padding-top: 100px;
  }
}
@media only screen and (max-width: 667px) {
  .services-wrapper {
    padding-top: 30px;
  }
}
.services-rows {
  align-items: stretch;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 667px) {
  .services-rows {
    gap: 44px;
  }
}
.services-row {
  align-items: center;
  background-position-y: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: flex;
  gap: 60px;
  height: 643px;
  justify-content: center;
}
@media only screen and (max-width: 1200px) {
  .services-row {
    gap: 30px;
    height: 475px;
  }
}
@media only screen and (max-width: 667px) {
  .services-row {
    gap: 20px;
    height: auto;
  }
}
.services-row:nth-child(odd) {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQzIiBoZWlnaHQ9IjY0MyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIzMjEuNSIgY3k9IjMyMS41IiByPSIzMjEuNSIgdHJhbnNmb3JtPSJtYXRyaXgoMCAxIDEgMCAwIDApIiBmaWxsPSJ1cmwoI2EpIi8+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJhIiB4MT0iMzIxLjUiIHkxPSIwIiB4Mj0iMzIxLjUiIHkyPSI2NDMiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBzdG9wLWNvbG9yPSIjZmZmIi8+PHN0b3Agb2Zmc2V0PSIuNDU5IiBzdG9wLWNvbG9yPSIjRjVGNkZEIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRjVGNkZEIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PC9zdmc+);
  background-position-x: calc(100% + 80px);
}
@media only screen and (max-width: 1200px) {
  .services-row:nth-child(odd) {
    background-position-x: calc(100% + 145px);
  }
}
.services-row:nth-child(2n) {
  background-image: url(../img/circle-left.e871b3d.svg);
  background-position-x: -80px;
  flex-direction: row-reverse;
}
@media only screen and (max-width: 1200px) {
  .services-row:nth-child(2n) {
    background-position-x: -145px;
  }
}
@media only screen and (max-width: 667px) {
  .services-row:nth-child(2n),
  .services-row:nth-child(odd) {
    background-position: center 100%;
    background-size: 290px 290px;
    flex-direction: column;
    padding-bottom: 25px;
  }
}
.services-row:not(:first-child) {
  margin-top: -130px;
}
@media only screen and (max-width: 1200px) {
  .services-row:not(:first-child) {
    margin-top: 0;
  }
  .services-img {
    height: auto;
    width: 330px;
  }
}
@media only screen and (max-width: 667px) {
  .services-img {
    width: 290px;
  }
}
.services-text {
  align-items: start;
  display: flex;
  flex-direction: column;
  max-width: 380px;
}
@media only screen and (max-width: 1200px) {
  .services-text {
    max-width: 300px;
  }
}
@media only screen and (max-width: 667px) {
  .services-text {
    max-width: 380px;
  }
}
.services-text h2 {
  margin-bottom: 16px;
  text-align: left;
}
@media only screen and (max-width: 667px) {
  .services-text h2 {
    margin-bottom: 10px;
  }
}
.services-text p {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}
@media only screen and (max-width: 667px) {
  .services-text p {
    font-size: 12px;
  }
}
.services-text p:not(:first-of-type) {
  margin-top: 8px;
}
@media only screen and (max-width: 667px) {
  .services-text p:not(:first-of-type) {
    margin-top: 4px;
  }
}
.form-confirmation-manual-bloc {
  align-items: center;
  display: flex;
  flex-direction: column;
  padding-bottom: 0.8em;
}
.form-confirmation-manual-number {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.form-confirmation-manual-number > p {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -1.96px;
  line-height: 1.1;
}
.form-confirmation-manual-overtime {
  padding: 0 30px;
}
@media only screen and (max-width: 550px) {
  .form-confirmation-manual-overtime {
    padding: 0 5px;
  }
}
.form-confirmation-manual-overtime img {
  max-width: 88px;
  width: 100%;
}
.form-confirmation-manual-actual {
  align-items: center;
  display: flex;
  flex-direction: row;
}
@media only screen and (max-width: 1200px) {
  .form-confirmation-manual-actual {
    margin-top: 0.5rem;
  }
}
.form-confirmation-manual-actual-info p {
  color: #fff;
  font-size: 15px;
  line-height: 1.3;
}
@media only screen and (max-width: 550px) {
  .form-confirmation-manual-actual-info p {
    font-size: 12px;
  }
}
.form-confirmation-manual-actual-info p b {
  font-size: 2.68rem;
}
.form-information .form-wr {
  padding-top: 2em;
}
.form-information-sent-received {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0 -0.9375rem;
}
@media only screen and (max-width: 667px) {
  .form-information-sent-received {
    margin: 0;
  }
}
.form-information-sent-received-wr {
  align-items: center;
  border: 1px solid #e6e6e6;
  display: flex;
  flex: 1 1;
  flex-direction: row;
  margin: 1.895rem 0.9375rem;
  min-width: 320px;
  padding: 1.5rem 0.94rem;
}
@media only screen and (max-width: 667px) {
  .form-information-sent-received-wr {
    flex-wrap: wrap;
    justify-content: center;
    margin: 0.5rem 0;
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (max-width: 550px) {
  .form-information-sent-received-wr {
    flex-wrap: wrap;
    justify-content: center;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    min-width: 100%;
    text-align: center;
  }
}
.form-information-sent-received_img {
  padding: 0 1.65rem;
}
@media only screen and (max-width: 550px) {
  .form-information-sent-received_img {
    margin-bottom: 0.5rem;
  }
}
.form-information-sent-received_img img {
  max-width: 100px;
  width: 100%;
}
.form-information-sent-received_info {
  flex: 1 0 auto;
  padding: 0 0.94rem;
}
@media only screen and (max-width: 667px) {
  .form-information-sent-received_info {
    width: 100%;
  }
}
.form-information-sent-received_info span {
  font-size: 1.125rem;
}
@media only screen and (max-width: 667px) {
  .form-information-sent-received_info span {
    display: block;
    margin-top: 0.5rem;
    width: 100%;
  }
}
.form-information-sent-received_info .title {
  align-items: center;
  display: flex;
  font-size: 1.875rem;
  justify-content: space-between;
}
@media only screen and (max-width: 667px) {
  .form-information-sent-received_info .title {
    flex-wrap: wrap;
    font-size: 1.2rem;
    justify-content: center;
  }
}
.form-information-sent-received_info .title span {
  font-size: 1.875rem;
}
@media only screen and (max-width: 667px) {
  .form-information-sent-received_info .title span {
    display: block;
    font-size: 1.2rem;
    margin: auto;
    width: 100%;
  }
}
.form-information-sent-received_info div {
  align-items: center;
  border-top: 1px solid #80d41e;
  display: flex;
  justify-content: space-between;
  padding-top: 12px;
}
.form-information-sent-received ul {
  margin-bottom: 10px;
  margin-top: 10px;
  width: 100%;
}
.form-information-sent-received li {
  align-items: center;
  display: flex;
  font-size: 1rem;
  justify-content: space-between;
  padding: 5px 10px;
}
.form-information-sent-received li:nth-child(odd) {
  background: #f4f5f7;
}
@media only screen and (max-width: 667px) {
  .form-information-sent-received li {
    flex-wrap: wrap;
    justify-content: center;
  }
}
.form-information_contact ul {
  margin: 0 -2.4rem;
}
@media only screen and (max-width: 667px) {
  .form-information_contact ul {
    margin: 0;
  }
}
.form-information_contact span {
  color: #9f9f9f;
  font-size: 14px;
}
@media only screen and (max-width: 667px) {
  .form-information_contact .btn-plain {
    margin-left: auto;
    margin-right: auto;
  }
}
.form-information_contact,
.form-information_contact ul {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.form-information_contact .contact,
.form-information_contact ul .contact {
  margin: 1.75rem 2.4rem;
}
@media only screen and (max-width: 667px) {
  .form-information_contact .contact,
  .form-information_contact ul .contact {
    margin: 0.5rem 0;
  }
}
.form-information_contact .contact p,
.form-information_contact ul .contact p {
  font-size: 20px;
  margin-top: 10px;
}
@media only screen and (max-width: 667px) {
  .form-information_contact .contact p,
  .form-information_contact ul .contact p {
    font-size: 14px;
    margin-top: 5px;
  }
}
.form-information .form-submit {
  margin-top: 0.94rem;
}
.form_reviews-new {
  box-shadow: 0 5px 30px 0 #e3e3e4;
  margin-top: 4rem;
  width: 100%;
}
.form_reviews-new .title {
  margin-bottom: 0.9rem;
}
.form_reviews-new_wr {
  overflow: hidden;
  padding-bottom: 2.4rem;
  position: relative;
}
@media only screen and (max-width: 550px) {
  .form_reviews-new_wr {
    padding: 0 1rem 1rem;
  }
}
.form_reviews-new_wr:after,
.form_reviews-new_wr:before {
  opacity: 0.1;
  position: absolute;
  z-index: 0;
}
.form_reviews-new_wr:after {
  content: url(../img/001.f83ed95.svg);
  right: -18rem;
  top: -5.5rem;
  width: 46rem;
}
.form_reviews-new_wr:before {
  bottom: -13.3rem;
  content: url(../img/002.ebb3754.svg);
  left: -18.5rem;
  width: 46rem;
}
.form_reviews-new_base {
  margin: auto;
  max-width: 35rem;
  position: relative;
  z-index: 1;
}
.form_reviews-new input,
.form_reviews-new textarea {
  background-color: #f4f5f7;
  border: 1px solid #eee;
  border-radius: 20px;
  font-size: 1rem;
  margin: 10px 0 0;
  padding: 10px 35px 10px 15px;
  width: 100%;
}
.form_reviews-new input::-webkit-input-placeholder,
.form_reviews-new textarea::-webkit-input-placeholder {
  color: #9f9f9f;
  font-style: italic;
}
.form_reviews-new input::-moz-placeholder,
.form_reviews-new textarea::-moz-placeholder {
  color: #9f9f9f;
  font-style: italic;
}
.form_reviews-new input:-ms-input-placeholder,
.form_reviews-new textarea:-ms-input-placeholder {
  color: #9f9f9f;
  font-style: italic;
}
.form_reviews-new input:-moz-placeholder,
.form_reviews-new textarea:-moz-placeholder {
  color: #9f9f9f;
  font-style: italic;
}
.form_reviews-new textarea {
  height: 4.875rem;
  min-height: 3rem;
  resize: vertical;
}
.form_reviews-new .btn {
  margin-top: 1.5rem;
}
.form-order-header {
  margin: 70px 0;
  text-align: center;
}
@media only screen and (max-width: 667px) {
  .form-order-header {
    margin: 50px 0;
  }
}
.form-order-header h1 {
  color: #282e38;
}
.form-order-header h1 span {
  color: #619420;
}
.form-confirmation {
  padding-bottom: 5.5em;
}
@media only screen and (max-width: 667px) {
  .form-confirmation {
    padding-bottom: 0.5em;
  }
}
@media screen and (max-width: 1200px) {
  .form-confirmation .form-wr {
    padding: 1.25em 0;
  }
}
@media screen and (max-width: 1024px) {
  .form-confirmation .form-wr {
    padding: 1.25em 0 0;
  }
}
.form-confirmation__main {
  align-items: stretch;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .form-confirmation__main {
    align-items: inherit;
    flex-direction: column;
  }
}
.form-confirmation__main--top {
  background: #f3f3f7;
  border-radius: 10px;
  margin-bottom: 1.5em;
  padding: 1em 1.125em;
}
.form-confirmation__main--title {
  color: #212121;
  font-size: 16px;
  line-height: 19px;
  margin: 0 0 12px;
}
.form-confirmation__main--currency {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.form-confirmation__main--currency__name {
  align-items: center;
  display: flex;
  justify-content: flex-start;
}
.form-confirmation__main--currency__name img {
  margin-right: 12px;
  width: 36px;
}
.form-confirmation__main--currency__name span {
  color: #212121;
  font-size: 2rem;
  line-height: 2.375rem;
}
@media screen and (max-width: 1024px) {
  .form-confirmation__main--currency__name span {
    font-size: 1rem;
  }
}
.form-confirmation__main--currency__amount {
  color: #9f9f9f;
  font-size: 1.25rem;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .form-confirmation__main--currency__amount {
    font-size: 1rem;
  }
}
.form-confirmation__main--address__title {
  align-items: center;
  display: flex;
  justify-content: flex-start;
  margin-bottom: 8px;
}
.form-confirmation__main--address__title img {
  margin-right: 6px;
  max-width: 16px;
}
.form-confirmation__main--address__title span {
  color: #212121;
  font-size: 14px;
  line-height: 17px;
}
.form-confirmation__main--address > p {
  color: #9f9f9f;
  font-size: 12px;
  line-height: 14px;
}
.form-confirmation__main--bottom {
  align-items: center;
  border-top: 1px solid #dedede;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 20px;
  padding-top: 12px;
}
.form-confirmation__main--bottom p,
.form-confirmation__main--bottom span {
  font-size: 16px;
  line-height: 19px;
}
.form-confirmation__main--bottom span {
  color: #212121;
}
.form-confirmation__main--bottom p {
  color: #9f9f9f;
}
.form-confirmation--order .form-confirmation__get,
.form-confirmation--order .form-confirmation__give,
.form-confirmation--order .form-confirmation__ref {
  margin-bottom: 0;
  margin-top: 0;
}
@media screen and (max-width: 1024px) {
  .form-confirmation--order .form-confirmation__get,
  .form-confirmation--order .form-confirmation__give,
  .form-confirmation--order .form-confirmation__ref {
    margin: 1.5em 2.585em;
  }
}
@media screen and (max-width: 767px) {
  .form-confirmation--order .form-confirmation__give {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 1024px) {
  .form-confirmation--order .form-confirmation__ref {
    margin: 0;
  }
}
.form-confirmation--order .btn-log-in {
  line-height: normal;
  padding-bottom: 4px;
  padding-top: 4px;
}
.form-confirmation--order .btn-log-in img {
  height: 21px;
  width: 21px;
}
.form-confirmation--order .form-submit {
  margin-top: 0;
}
@media only screen and (min-width: 1026px) {
  .form-confirmation--order .form-submit {
    margin-bottom: 0;
  }
}
.form-confirmation__ref {
  align-items: center;
  display: flex;
  flex: none;
  margin-left: 0;
  margin-right: 0;
  position: relative;
}
@media screen and (max-width: 767px) {
  .form-confirmation__ref {
    justify-content: center;
    margin-bottom: 0;
    margin-top: 0;
  }
}
.form-confirmation__ref:after {
  background: #efefef;
  content: "";
  height: 100%;
  left: 16px;
  position: absolute;
  width: 1px;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .form-confirmation__ref:after {
    height: 1px;
    left: 0;
    width: 100%;
  }
}
.form-confirmation__ref span {
  cursor: pointer;
  display: inline-flex;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .form-confirmation__ref span {
    transform: rotate(90deg);
  }
}
.form-confirmation__contact {
  margin: 0.85em 2.585em 0.75em;
}
@media screen and (max-width: 1024px) {
  .form-confirmation__contact {
    margin: 0.85em 1.585em 0.75em;
  }
}
@media screen and (max-width: 767px) {
  .form-confirmation__contact {
    margin-bottom: 0;
  }
}
.form-confirmation__contact > p {
  color: #212121;
  font-size: 16px;
  line-height: 19px;
  margin-bottom: 12px;
}
.form-confirmation__contact ul {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.form-confirmation__contact li {
  color: #9f9f9f;
  font-size: 12px;
  line-height: 14px;
  margin-bottom: 10px;
  margin-right: 2.5rem;
}
.form-confirmation__contact li span {
  color: #212121;
  display: inline-block;
  margin-right: 6px;
}
.form-confirmation__bottom {
  align-items: center;
  background: #fafafc;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  padding: 1.125em 4.385em 1.25em;
}
@media screen and (max-width: 1200px) {
  .form-confirmation__bottom {
    padding: 1.125em 2.385em 1.25em;
  }
}
@media screen and (max-width: 1024px) {
  .form-confirmation__bottom {
    padding: 1.125em 1.385em 1.25em;
  }
}
@media screen and (max-width: 767px) {
  .form-confirmation__bottom {
    flex-direction: column;
  }
}
.form-confirmation__bottom--verification {
  flex: 1;
  margin-bottom: 15px;
}
.form-confirmation__bottom--verification > p {
  margin-bottom: 11px;
}
@media screen and (max-width: 767px) {
  .form-confirmation__bottom--verification {
    width: 100%;
  }
}
.form-confirmation__bottom--verification__item {
  align-items: center;
  border: 1px dashed #e1e4ed;
  border-radius: 5px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 0 0 14px;
  padding: 18px 25px;
}
@media screen and (max-width: 414px) {
  .form-confirmation__bottom--verification__item {
    flex-wrap: wrap;
    justify-content: center;
  }
}
.form-confirmation__bottom--verification__item:last-child {
  margin-bottom: 0;
}
.form-confirmation__bottom--verification__item.go-to-verif a {
  color: #619420;
}
.form-confirmation__bottom--verification__item.success-verif {
  border-color: #69c036;
  color: #69c036;
}
.form-confirmation__bottom--verification__item.success-verif a,
.form-confirmation__bottom--verification__item.success-verif p,
.form-confirmation__bottom--verification__item.success-verif span {
  color: #69c036;
}
.form-confirmation__bottom--verification__item div {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.form-confirmation__bottom--verification__item div img {
  margin-right: 6px;
  max-width: 10px;
}
.form-confirmation__bottom--verification__item div p {
  color: #9f9f9f;
  margin-right: 8px;
}
.form-confirmation__bottom--verification__item div span {
  color: #282e38;
}
.form-confirmation__bottom--verification__item a,
.form-confirmation__bottom--verification__item p,
.form-confirmation__bottom--verification__item span {
  font-size: 14px;
  line-height: 17px;
}
@media screen and (max-width: 414px) {
  .form-confirmation__bottom--verification__item a,
  .form-confirmation__bottom--verification__item p,
  .form-confirmation__bottom--verification__item span {
    font-size: 13px;
    white-space: nowrap;
  }
}
@media screen and (max-width: 340px) {
  .form-confirmation__bottom--verification__item a,
  .form-confirmation__bottom--verification__item p,
  .form-confirmation__bottom--verification__item span {
    font-size: 12px;
  }
}
.form-confirmation__bottom--verification__item a {
  cursor: pointer;
}
.form-confirmation__bottom--verification__item a:hover {
  -webkit-text-decoration: none;
  text-decoration: none;
}
.form-confirmation__bottom--verification__item > p {
  align-items: center;
  display: flex;
  justify-content: flex-end;
}
.form-confirmation__bottom--verification__item > p a {
  color: #212121;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.form-confirmation__bottom--verification__item > p img {
  margin-left: 8px;
  max-width: 10px;
}
.form-confirmation__bottom--btns {
  align-items: center;
  border-left: 1px solid #dedede;
  display: flex;
  flex: 1;
  justify-content: center;
  margin-left: 2.9375rem;
  max-width: 365px;
  padding: 1rem 0 1rem 2.75rem;
}
@media screen and (max-width: 1200px) {
  .form-confirmation__bottom--btns {
    margin-left: 1.9375rem;
    max-width: 300px;
    padding: 1.75rem 0 1.75rem 1.75rem;
  }
}
@media screen and (max-width: 1024px) {
  .form-confirmation__bottom--btns {
    flex: none;
    flex-direction: column-reverse;
    margin-left: 1.5rem;
    max-width: none;
    padding: 1.75rem 0 0.75rem 1rem;
  }
}
@media screen and (max-width: 767px) {
  .form-confirmation__bottom--btns {
    border-left: none;
    border-top: 1px solid #dedede;
    flex: 1;
    flex-direction: row;
    margin-left: 0;
    margin-top: 1.5rem;
    padding-left: 0;
    padding-top: 1.5rem;
    width: 100%;
  }
}
.form-confirmation__bottom--btns .btn {
  min-width: 100px;
}
.form-confirmation .btn-reject {
  color: #a0a0a0;
  font-size: 14px;
  line-height: 17px;
  margin-right: 2em;
  padding-left: 0;
  padding-right: 0;
  -webkit-text-decoration: underline;
  text-decoration: underline;
}
@media screen and (max-width: 1200px) {
  .form-confirmation .btn-reject {
    margin-right: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .form-confirmation .btn-reject {
    margin-right: 0;
    margin-top: 18px;
  }
}
.form-confirmation .btn-reject:hover {
  -webkit-text-decoration: none;
  text-decoration: none;
}
.copy-icon-profile {
  background: #fff;
  height: 40px;
  line-height: 44px;
  padding: 0;
  position: relative;
  right: -20px;
  top: 2px;
  width: 20px;
}
.copy-icon-profile span {
  cursor: pointer;
  display: inline-block;
  height: inherit;
  text-indent: -12px;
  width: 18px;
}
.copy-icon-profile img {
  width: 100%;
}
.copy-icon {
  height: 40px;
  position: absolute;
  width: 18px;
}
.copy-icon img {
  width: 100%;
}
.form-payment-condition {
  border-radius: 24px;
  max-width: 512px;
}
.form-payment-condition .form-wr {
  padding: 0;
}
.form-payment-condition--top {
  background: #c0ccf7;
  padding: 10px 30px;
}
@media only screen and (max-width: 667px) {
  .form-payment-condition--top {
    padding: 15px 10px;
  }
}
.form-payment-condition--top p {
  align-items: center;
  background-position: 0;
  background-repeat: no-repeat;
  background-size: 50px;
  display: inline-flex;
  font-size: 16px;
  font-weight: 400;
  font-weight: 600;
  justify-content: center;
  line-height: 1.5;
  line-height: 28px;
  padding-bottom: 11px;
  padding-left: 66px;
  padding-top: 11px;
}
@media only screen and (max-width: 667px) {
  .form-payment-condition--top p {
    background-size: 36px !important;
    font-size: 12px;
    font-size: 16px;
    padding-bottom: 5px;
    padding-left: 50px;
    padding-top: 5px;
  }
}
.form-payment-condition--top.success p {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iMjUiIGN5PSIyNSIgcj0iMjUiIGZpbGw9IiNmZmYiIGZpbGwtb3BhY2l0eT0iLjUiLz48Y2lyY2xlIGN4PSIyNC45NDkiIGN5PSIyNC45NDkiIHI9IjE3Ljk0OSIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0zMS4zNzMgMTkuMyAyMS42MSAyOS4zMDRsLTMuOTM0LTQuMDE3YS45NS45NSAwIDAgMC0xLjM4NSAwIDEuMDEzIDEuMDEzIDAgMCAwIDAgMS40MjJsNC42MTUgNC43NGMuMTk0LjIuNDM3LjMuNjguMy4yNDMgMCAuNDg1LS4xLjY4LS4zbDEwLjQ0My0xMC43MjhjLjM4OC0uNC4zODgtMS4wMjMgMC0xLjQyMy0uMzQtLjM5OS0uOTcyLS4zOTktMS4zMzYgMFoiIGZpbGw9IiMxQzFDMUUiLz48L3N2Zz4=);
  background-position: 0;
  background-repeat: no-repeat;
  background-size: 50px;
}
.form-payment-condition--top.processing p {
  background: url(../img/payment-processing.b8cf369.png);
  background-position: 0;
  background-repeat: no-repeat;
  background-size: 50px;
  color: #9f9f9f;
}
.form-payment-condition--top.refunded p {
  background: url(../img/payment-refunded.0446c6f.png);
  background-position: 0;
  background-repeat: no-repeat;
  background-size: 50px;
}
.form-payment-condition--top.deleted p {
  background: url(../img/payment-deleted.93c3d47.png);
  background-position: 0;
  background-repeat: no-repeat;
  background-size: 50px;
}
.form-payment-condition--main {
  padding: 30px;
}
@media only screen and (max-width: 667px) {
  .form-payment-condition--main {
    padding: 20px 10px;
  }
}
.form-payment-condition--main__top {
  align-items: center;
  background: #f5f6fd;
  border: 1px solid #4876ff;
  border-radius: 18px;
  box-shadow: 0 2px 20px -12px rgba(0, 0, 0, 0.1);
  display: flex;
  gap: 10px;
  justify-content: space-between;
  padding: 20px;
}
.form-payment-condition--main__top .title {
  align-items: center;
  display: flex;
  font-size: 24px;
  font-weight: 700;
  gap: 12px;
  justify-content: flex-start;
  letter-spacing: -1.96px;
  line-height: 1.1;
}
@media only screen and (max-width: 667px) {
  .form-payment-condition--main__top .title {
    font-size: 20px;
    gap: 5px;
    width: 100%;
  }
}
.form-payment-condition--main__top .title img {
  flex: none;
  height: 44px;
  width: 44px;
}
@media only screen and (max-width: 667px) {
  .form-payment-condition--main__top ul {
    width: 100%;
  }
}
.form-payment-condition--main__top li {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  margin: 0;
  padding: 0;
  text-align: right;
}
@media only screen and (max-width: 667px) {
  .form-payment-condition--main__top li {
    font-size: 12px;
  }
}
.form-payment-condition--main__top li b {
  display: inline-block;
  font-weight: 600;
}
.form-payment-condition--main__data {
  padding-bottom: 30px;
  padding-top: 30px;
}
.form-payment-condition--main__data ul {
  align-items: stretch;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.form-payment-condition--main__data li,
.form-payment-condition--main__data li p {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.form-payment-condition--main__data li p {
  color: #5e5f61;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  line-height: 1;
  width: 100%;
}
@media only screen and (max-width: 667px) {
  .form-payment-condition--main__data li p {
    font-size: 12px;
  }
}
.form-payment-condition--main__data li p span {
  color: #1c1c1e;
}
.form-payment-condition--main__data li.total {
  border-top: 1px solid #eaeaea;
  padding: 10px 0 0;
}
.form-payment-condition--main__data li.total p {
  color: #1c1c1e;
}
.form-payment-condition--main__data li.total span {
  font-weight: 600;
}
.form-payment-condition--main .partner-margin {
  display: flex;
  justify-content: center;
  margin: 0 auto;
}
.partner-block {
  overflow: hidden;
  position: relative;
}
.partner-block .container-dashed {
  border-top: 1px dashed #ced3e6;
}
.partner-block .our-partner {
  margin: 0;
}
.partner-block .our-partner .title {
  font-size: 1.875rem;
  margin-bottom: 0.5rem;
}
.partner-block .our-partner ul {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media only screen and (max-width: 667px) {
  .partner-block .our-partner ul {
    flex-direction: column;
  }
}
.partner-block .our-partner li {
  flex: 1 1;
  margin: 10px;
  min-width: 200px;
  padding: 10px 15px;
}
.partner-block .our-partner li a {
  border-left: 1px solid #dedede;
}
.partner-block .our-partner li a:first-child {
  border-left: none;
}
.partner-block .our-partner img {
  max-width: 140px;
}
@media only screen and (max-width: 667px) {
  .partner-block .our-partner img {
    max-width: 240px;
  }
}
.partner-page {
  margin-bottom: 80px;
}
@media only screen and (max-width: 1200px) {
  .partner-page {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 667px) {
  .partner-page {
    margin-bottom: 30px;
  }
}
.partner-page h1 {
  margin-bottom: 30px;
}
.partner-offers {
  align-items: start;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media only screen and (max-width: 1200px) {
  .partner-offers {
    gap: 20px;
  }
}
.partner-offers li {
  background-color: #fff;
  border-radius: 24px;
  box-shadow: 0 2px 20px -12px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding: 30px;
}
@media only screen and (max-width: 667px) {
  .partner-offers li {
    gap: 20px;
    padding: 20px;
  }
}
.partner-offers__top {
  align-items: center;
  display: flex;
  gap: 30px;
}
@media only screen and (max-width: 667px) {
  .partner-offers__top {
    gap: 20px;
  }
}
.partner-offers__title {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -1.96px;
  line-height: 1.1;
}
.partner-offers__text {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}
@media only screen and (max-width: 667px) {
  .partner-offers__text {
    font-size: 12px;
  }
}
.partner-offers a {
  width: -moz-fit-content;
  width: fit-content;
}
@media only screen and (max-width: 667px) {
  .partner-offers a {
    margin: 0 auto;
  }
}
.merchant-docs {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-bottom: 80px;
}
@media only screen and (max-width: 1200px) {
  .merchant-docs {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 667px) {
  .merchant-docs {
    margin-bottom: 30px;
  }
}
.merchant-docs__card {
  background-color: #fff;
  border-radius: 24px;
  box-shadow: 0 2px 20px -12px rgba(0, 0, 0, 0.1);
  padding: 30px;
  width: -moz-fit-content;
  width: fit-content;
}
@media only screen and (max-width: 667px) {
  .merchant-docs__card {
    padding: 10px;
  }
  .merchant-docs__card code,
  .merchant-docs__card ol,
  .merchant-docs__card p {
    word-break: break-word;
  }
}
.merchant-docs__card + p {
  margin-top: 10px;
}
.merchant-docs h1 {
  margin-bottom: 30px;
}
.merchant-docs h1 + p {
  margin-bottom: 20px;
}
@media only screen and (max-width: 667px) {
  .merchant-docs h1 + p {
    margin-bottom: 10px;
  }
}
.merchant-docs h3 {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -1.96px;
  line-height: 1.1;
  margin-bottom: 30px;
  margin-top: 80px;
  text-align: center;
}
@media only screen and (max-width: 1200px) {
  .merchant-docs h3 {
    margin-bottom: 20px;
    margin-top: 30px;
  }
}
.merchant-docs h3 + p {
  margin-bottom: 10px;
}
.merchant-docs ol {
  margin: 0;
}
.monitors {
  margin-bottom: 80px;
}
@media only screen and (max-width: 1200px) {
  .monitors {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 667px) {
  .monitors {
    margin-bottom: 30px;
  }
}
.monitors h1 {
  margin-bottom: 80px;
}
@media only screen and (max-width: 1200px) {
  .monitors h1 {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 667px) {
  .monitors h1 {
    margin-bottom: 30px;
  }
}
.monitors-wrapper {
  align-items: center;
  display: flex;
  gap: 80px;
}
@media only screen and (max-width: 1200px) {
  .monitors-wrapper {
    flex-direction: column;
    gap: 50px;
  }
}
@media only screen and (max-width: 667px) {
  .monitors-wrapper {
    gap: 30px;
  }
}
.monitors-desc {
  flex-grow: 1;
}
.monitors-desc p {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}
@media only screen and (max-width: 667px) {
  .monitors-desc p {
    font-size: 12px;
  }
}
.monitors-desc p a {
  color: #4876ff;
}
.monitors-export {
  align-items: center;
  border: 1px solid #4876ff;
  border-radius: 24px;
  display: flex;
  height: 50px;
  justify-content: space-between;
  margin: 30px 0;
  padding-left: 15px;
  width: 100%;
}
@media only screen and (max-width: 667px) {
  .monitors-export {
    margin: 20px 0;
  }
}
.monitors-export p {
  font-weight: 600;
}
.monitors-export .btn {
  min-width: 170px;
}
@media only screen and (max-width: 667px) {
  .monitors-export .btn {
    min-width: 120px;
  }
}
.monitors-card {
  align-items: center;
  background-color: #fff;
  border-radius: 24px;
  box-shadow: 0 2px 20px -12px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  max-width: 468px;
  padding: 30px;
  width: 100%;
}
@media only screen and (max-width: 667px) {
  .monitors-card {
    padding: 30px 20px;
  }
}
.monitors-card h2 {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -1.96px;
  line-height: 1.1;
  margin-bottom: 30px;
}
.monitors-card .btn {
  margin-left: auto;
  margin-right: auto;
  min-width: 180px;
}
.monitors-card .btn:first-of-type {
  margin-top: 10px;
}
.monitors-card .btn:last-of-type {
  margin-bottom: 10px;
}
.monitors-card p {
  color: #5e5f61;
  margin: 20px;
  text-align: center;
}
.container-aff {
  display: flex;
  flex-direction: column;
  margin-top: 50px;
}
@media only screen and (max-width: 667px) {
  .container-aff {
    margin-top: 30px;
  }
}
.requisites-main-block {
  margin-top: 50px;
}
@media only screen and (max-width: 667px) {
  .requisites-main-block {
    margin-top: 30px;
  }
}
.partners-program .container-api,
.requisites-main-block .container-api {
  display: flex;
  flex-direction: column;
}
.partners-program__main,
.requisites-main-block__main {
  border-radius: 24px;
  display: flex;
  flex-direction: column;
  margin-bottom: 80px;
}
@media only screen and (max-width: 1200px) {
  .partners-program__main,
  .requisites-main-block__main {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 667px) {
  .partners-program__main,
  .requisites-main-block__main {
    margin-bottom: 30px;
  }
}
.partners-program h2,
.requisites-main-block h2 {
  margin-left: 52px;
}
@media only screen and (max-width: 667px) {
  .partners-program h2,
  .requisites-main-block h2 {
    margin-left: 0;
  }
}
.partners-program .bp-dropdown__body ul,
.requisites-main-block .bp-dropdown__body ul {
  margin: 0;
}
.partners-program .bp-dropdown__body ul .element-currency-pr,
.requisites-main-block .bp-dropdown__body ul .element-currency-pr {
  margin: 0;
  max-width: 100%;
  min-width: 100%;
  padding: 0;
  width: 100%;
}
.partners-program .modal-body .form-index-bloc-item label,
.requisites-main-block .modal-body .form-index-bloc-item label {
  display: inline-block;
  font-size: 18px;
  font-weight: 600;
  padding: 5px;
  text-align: left;
  width: 50%;
}
.partners-program .modal-body .form-index-bloc-item input,
.requisites-main-block .modal-body .form-index-bloc-item input {
  display: inline-block;
  font-size: 18px;
  font-weight: 600;
  padding: 5px;
  text-align: right;
  width: 40%;
}
.partners-program-title,
.requisites-main-block-title {
  color: #9f9f9f;
  font-size: 15px;
  margin-bottom: 1.875rem;
  text-transform: uppercase;
}
.partners-program-cost,
.requisites-main-block-cost {
  font-size: 52px;
  margin-bottom: 1.875rem;
}
.partners-program-cost span,
.requisites-main-block-cost span {
  font-size: 1rem;
  font-weight: 400;
}
.partners-program .btn-submit,
.requisites-main-block .btn-submit {
  padding-left: 50px;
  padding-right: 50px;
}
.personal-room {
  margin-top: 3rem;
}
.personal-room-top-wr {
  background-position-y: -0.5rem;
}
.personal-room .title {
  margin-bottom: 2.1875rem;
}
.statistic {
  padding-bottom: 4rem;
  padding-top: 4rem;
}
.statistic-ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0.94rem -1.875rem;
}
@media only screen and (max-width: 667px) {
  .statistic-ul {
    margin-left: 0;
    margin-right: 0;
  }
}
.statistic-ul > li {
  flex: 1 1;
  flex-basis: 46.25%;
  flex-grow: 0;
  flex-shrink: 0;
  margin: 0.45rem 0.94rem;
  max-width: 46.25%;
  min-width: 320px;
  padding: 1.875rem;
}
.statistic-ul > li.statistic-get-li {
  padding: 0;
}
@media only screen and (max-width: 667px) {
  .statistic-ul > li {
    min-width: 300px;
  }
}
.statistic-graphic {
  border: 1px solid #e6e6e6;
}
.statistic-get-title {
  background: #f4f5f7;
  padding: 1.25rem 1.875rem;
}
.statistic-get-title > b,
.statistic-get-title > span {
  font-size: 1.5rem;
}
.statistic-get-li li {
  border-bottom: 1px solid #e6e6e6;
  justify-content: space-between;
  padding: 10px 1.25rem;
}
.statistic-get-li li p {
  font-size: 1.25rem;
}
.statistic-get-li li img {
  margin-right: 1.25rem;
  max-width: 30px;
}
.statistic-get-li li > div b {
  font-size: 1.125rem;
  margin-right: 1.875rem;
}
.statistic-get-li li > div span {
  color: #b2adad;
  font-size: 14px;
}
.statistic-get-li li,
.statistic-get-li li div {
  align-items: center;
  display: flex;
  flex-direction: row;
}
.statistic-history {
  margin-left: 1.25rem;
  margin-top: 1.25rem;
}
.statistic-history a {
  color: #9f9f9f;
  font-size: 11px;
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-transform: uppercase;
}
.news-bloc,
.reserves,
.reviews-bloc {
  overflow: hidden;
  padding-bottom: 4rem;
  padding-top: 4rem;
  position: relative;
}
@media only screen and (max-width: 667px) {
  .news-bloc,
  .reserves,
  .reviews-bloc {
    margin-top: 0;
  }
}
.news-bloc:after,
.news-bloc:before,
.reserves:after,
.reserves:before,
.reviews-bloc:after,
.reviews-bloc:before {
  position: absolute;
  z-index: 0;
}
.news-bloc div,
.reserves div,
.reviews-bloc div {
  border-radius: 8px 8px 0 0;
  position: relative;
  z-index: 1;
}
.news-bloc .title,
.reserves .title,
.reviews-bloc .title {
  align-items: center;
  color: #282e38;
  display: flex;
  justify-content: center;
  margin-bottom: 25px;
}
.news-bloc .title-other,
.reserves .title-other,
.reviews-bloc .title-other {
  align-items: center;
  display: flex;
  font-size: 36px;
  font-weight: 400;
  justify-content: space-between;
}
.news-bloc ul,
.reserves ul,
.reviews-bloc ul {
  align-items: stretch;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 23px -1% 0;
}
@media only screen and (max-width: 667px) {
  .news-bloc ul,
  .reserves ul,
  .reviews-bloc ul {
    justify-content: center;
  }
}
.news-bloc li,
.reserves li,
.reviews-bloc li {
  flex: 1 0;
  margin: 0.45rem 1%;
  max-width: 31.2%;
  min-width: 300px;
  position: relative;
  width: 31.2%;
}
@media only screen and (max-width: 1200px) {
  .news-bloc li,
  .reserves li,
  .reviews-bloc li {
    max-width: 48%;
  }
}
.reserves {
  background: #f8fafb;
}
.reserves h3 {
  font-size: 36px;
}
.reserves li {
  align-items: center;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 25px 50px 0 hsla(0, 0%, 45%, 0.04);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  overflow: hidden;
  padding: 1.7rem;
}
.reserves li:hover .reserves-cost b,
.reserves li:hover .reserves-cost span {
  top: -15px;
  transition: all 0.35s;
}
.reserves li:hover .reserves-cost .order-reserves {
  bottom: -2px;
  right: -14px;
}
.reserves li:hover .reserves-cost .btn {
  opacity: 1;
  visibility: visible;
}
.reserves img {
  height: 22px;
  margin-right: 10px;
  width: 22px;
}
.reserves p {
  color: rgba(28, 28, 30, 0.8);
  font-size: 14px;
}
.reserves span {
  color: #282e38;
  font-size: 14px;
}
.reserves-icon {
  align-items: center;
  display: flex;
  flex-direction: row;
  height: 32px;
  width: 32px;
}
.reserves-icon span {
  color: #282e38;
  font-size: 14px;
}
.reserves-cost {
  min-width: 130px;
  text-align: right;
}
.reserves-cost p {
  font-size: 14px;
  font-weight: 400;
}
.reserves-cost span {
  position: relative;
  text-transform: uppercase;
  transition: all 0.35s;
}
.reserves-cost .order-reserves {
  bottom: -30px;
  position: absolute;
  right: 0;
  transition: all 0.35s;
}
.reserves-cost .btn {
  line-height: 2.2;
  opacity: 0;
  padding-left: 15px;
  padding-right: 15px;
  position: absolute;
  right: 0;
  transition: all 0.35s;
  visibility: hidden;
}
.news-page-top {
  padding-bottom: 3.3rem;
}
.news-page-top-wr {
  background-position-y: -0.5rem;
}
.news-page-top h1 {
  margin-bottom: 1.875rem;
}
.news-page-top p {
  color: #fff;
  font-size: 1.15rem;
}
.news-bloc {
  background: transparent;
  padding-top: 0;
}
.news-bloc:after {
  bottom: 0;
  content: url(../img/top-waves.42fec65.svg);
  right: 0;
  top: 0;
}
.news-bloc:before {
  bottom: -59.9%;
  content: url(../img/right-waves.5b26573.svg);
  left: 0;
}
.news-bloc span {
  color: #b6b6b6;
  font-size: 12px;
  text-transform: uppercase;
}
.news-bloc-img {
  font-size: 0;
  height: 100%;
  overflow: hidden;
}
.news-bloc-img img {
  width: 100%;
}
.news-bloc li {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 25px 50px 0 hsla(0, 0%, 44%, 0.07);
  display: flex;
  flex-direction: column;
}
.news-bloc-title {
  color: #50535a;
  font-size: 18px;
  font-weight: 400;
  line-height: 21.09px;
}
.news-bloc-info {
  background-color: #fff;
  border-radius: 8px !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px 24px;
}
.news-bloc-info_item {
  display: flex;
  flex-direction: column;
  margin-top: 24px;
}
.news-bloc-info_item:before {
  align-self: center;
  content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzY4IiBoZWlnaHQ9IjIxIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIHN0cm9rZT0iI0QwRDJEQiIgZD0iTTI0IDEwaDEyOSIgb3BhY2l0eT0iLjc1Ii8+PHBhdGggZD0iTTE2NiAxMC41aDEiIHN0cm9rZT0iI0QwRDJEQiIgc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz48cGF0aCBkPSJNMTgwIDEwLjVoOCIgc3Ryb2tlPSIjRDBEMkRCIiBzdHJva2Utd2lkdGg9IjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjxwYXRoIGQ9Ik0yMDEgMTAuNWgxIiBzdHJva2U9IiNEMEQyREIiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PHBhdGggc3Ryb2tlPSIjRDBEMkRCIiBkPSJNMjE1IDEwaDEyOSIgb3BhY2l0eT0iLjc1Ii8+PC9zdmc+);
  left: 0;
  margin-bottom: 3px;
  right: 0;
}
.news-bloc-info_item-name {
  margin-left: 10px;
}
.news-bloc-info_item-name p {
  font-size: 14px;
}
.news-bloc-info_item-photo-name {
  display: flex;
}
.news-bloc-info_item-photo img {
  height: 32px;
  width: 32px;
}
.news-bloc-info_item-data {
  align-self: center;
  margin-left: auto;
}
.news-bloc-info_item-data span {
  align-items: center;
  display: flex;
}
.news-bloc-info_item-data span span {
  font-size: 14px;
  margin-left: 7px;
}
.news-bloc-info_item-data img {
  height: 20px;
  margin-left: 20px;
  width: 20px;
}
.reviews-bloc:after {
  bottom: 31.4%;
  content: url(../img/right-waves.5b26573.svg);
  left: 0;
}
@media only screen and (max-width: 1200px) {
  .reviews-bloc:after {
    bottom: 26.4%;
  }
}
.reviews-bloc li {
  border-radius: 8px;
}
@media only screen and (max-width: 667px) {
  .reviews-bloc {
    display: none;
  }
}
.reviews-bloc-txt {
  align-items: center;
  background-color: #f4f7f9;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 18px 25px;
}
.reviews-bloc-txt:after {
  border-right: 25px solid transparent;
  border-top: 25px solid #f4f7f9;
  bottom: -25px;
  content: "";
  height: 0;
  position: absolute;
  width: 0;
}
.reviews-bloc-txt p {
  color: #50535a;
  font-size: 14px;
  line-height: 16.41px;
  position: relative;
  text-align: left;
  z-index: 1;
}
.reviews-bloc-txt p.reviews-bloc-date {
  font-size: 12px;
  text-align: center;
}
.reviews-bloc__ {
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  height: 70px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.reviews-bloc-date {
  color: rgba(28, 28, 30, 0.8);
  text-transform: uppercase;
}
.reviews-bloc-date:before {
  content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzY4IiBoZWlnaHQ9IjIxIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIHN0cm9rZT0iI0QwRDJEQiIgZD0iTTI0IDEwaDEyOSIgb3BhY2l0eT0iLjc1Ii8+PHBhdGggZD0iTTE2NiAxMC41aDEiIHN0cm9rZT0iI0QwRDJEQiIgc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz48cGF0aCBkPSJNMTgwIDEwLjVoOCIgc3Ryb2tlPSIjRDBEMkRCIiBzdHJva2Utd2lkdGg9IjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjxwYXRoIGQ9Ik0yMDEgMTAuNWgxIiBzdHJva2U9IiNEMEQyREIiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PHBhdGggc3Ryb2tlPSIjRDBEMkRCIiBkPSJNMjE1IDEwaDEyOSIgb3BhY2l0eT0iLjc1Ii8+PC9zdmc+);
  width: 167px;
}
.reviews-bloc-client {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-top: 41px;
}
.reviews-bloc-client p {
  font-size: 1rem;
  margin-bottom: 10px;
}
.reviews-bloc-client span {
  color: #fac917;
  margin-right: 3px;
}
.reviews-bloc-photo {
  margin-left: 8px;
  margin-right: 17px;
  overflow: hidden;
  padding: 3px;
  text-align: center;
}
.reviews-bloc-photo p {
  color: #50535a;
  font-size: 14px;
}
.reviews-bloc-photo img {
  height: 32px;
  width: 32px;
}
.form-footer input,
.form-footer textarea {
  background: rgba(58, 48, 99, 0.5);
  border-radius: 20px;
  padding: 10px 20px;
}
.form-footer input::-webkit-input-placeholder,
.form-footer textarea::-webkit-input-placeholder {
  color: #9f9f9f;
  font-style: italic;
}
.form-footer input:-moz-placeholder,
.form-footer input::-moz-placeholder,
.form-footer textarea:-moz-placeholder,
.form-footer textarea::-moz-placeholder {
  color: #9f9f9f;
  font-style: italic;
}
.form-footer input:-ms-input-placeholder,
.form-footer textarea:-ms-input-placeholder {
  color: #9f9f9f;
  font-style: italic;
}
.form-footer textarea {
  height: 85px;
  min-height: 85px;
  resize: vertical;
}
.content {
  flex-basis: 65.8333333333%;
  flex-grow: 0;
  flex-shrink: 0;
  margin: 15rem;
  max-width: 65.8333333333%;
  min-width: 0;
  padding: 15rem;
}
@media only screen and (max-width: 1200px) {
  .content {
    flex-basis: 56.6666666667%;
    flex-grow: 0;
    flex-shrink: 0;
    margin: 15rem;
    max-width: 56.6666666667%;
    min-width: 0;
    padding: 15rem;
  }
}
@media only screen and (max-width: 667px) {
  .content {
    flex-basis: 100%;
    flex-grow: 0;
    flex-shrink: 0;
    margin: 20px 15rem 15rem;
    max-width: 100%;
    min-width: 0;
    padding: 15rem;
  }
}
.verification {
  font-size: 16px;
  margin-top: 20px;
}
.verification__item {
  align-items: center;
  display: flex;
  margin: 10px 10px 0 0;
}
.verification__item--email:before,
.verification__item--facebook:before,
.verification__item--passport:before,
.verification__item--phone:before {
  content: "";
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}
.verification__items {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.verification__items :last-child {
  margin-right: 0;
}
.reviews-page {
  margin-bottom: 110px;
}
@media only screen and (max-width: 1200px) {
  .reviews-page {
    margin-bottom: 0;
  }
}
.partner-reviews {
  grid-gap: 92px 40px;
  display: grid;
  gap: 92px 40px;
  grid-template-columns: 300px 300px;
  justify-content: center;
  margin-bottom: 80px;
  margin-top: 92px;
  padding-bottom: 80px;
  position: relative;
}
@media only screen and (max-width: 1200px) {
  .partner-reviews {
    display: flex;
    flex-direction: column;
    gap: 42px 30px;
    margin: 62px auto 50px;
    max-width: 300px;
    padding-bottom: 50px;
    width: 100%;
  }
}
@media only screen and (max-width: 667px) {
  .partner-reviews {
    gap: 16px 30px;
    margin-bottom: 30px;
    margin-top: 35px;
    padding-bottom: 30px;
    width: -moz-fit-content;
    width: fit-content;
  }
}
.partner-reviews:before {
  background-color: #eaeaea;
  bottom: 0;
  content: "";
  height: 1px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 100dvw;
}
.partner-reviews__counter {
  align-items: center;
  background-color: #4876ff;
  border-radius: 24px;
  box-shadow: 0 2px 20px -12px rgba(0, 0, 0, 0.1);
  color: #fff;
  display: flex;
  font-size: 15px;
  font-weight: 600;
  height: 24px;
  line-height: 1;
  padding: 0 15px;
  position: absolute;
  right: 20px;
  top: -12px;
  transition: background-color 0.2s ease, color 0.2s ease;
  z-index: 1;
}
@media only screen and (max-width: 667px) {
  .partner-reviews__counter {
    font-size: 8px;
    height: 10px;
    padding: 0 6px;
    right: 10px;
    top: -6px;
  }
}
.partner-reviews__link {
  align-items: center;
  background: #fff;
  border-radius: 24px;
  box-shadow: 0 2px 20px -12px rgba(0, 0, 0, 0.1);
  display: flex;
  height: 85px;
  justify-content: center;
  padding: 0 20px;
  position: relative;
}
@media only screen and (max-width: 667px) {
  .partner-reviews__link {
    height: 50px;
  }
}
.partner-reviews__link:before {
  background: linear-gradient(
    93deg,
    #4876ff 15.91%,
    rgba(99, 138, 255, 0.82) 96.19%
  );
  border-radius: inherit;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 0.2s ease;
}
.partner-reviews__link:active,
.partner-reviews__link:hover {
  color: #fff;
}
.partner-reviews__link:active:before,
.partner-reviews__link:hover:before {
  opacity: 1;
}
.partner-reviews__link:active .partner-reviews__counter,
.partner-reviews__link:hover .partner-reviews__counter {
  background-color: #fff;
  color: #4876ff;
}
.partner-reviews__link:active svg,
.partner-reviews__link:hover svg {
  color: #fff;
}
.partner-reviews__link span {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -1.96px;
  line-height: 1.1;
  z-index: 1;
}
.partner-reviews__link svg {
  height: 40px;
  width: auto;
  z-index: 1;
}
@media only screen and (max-width: 667px) {
  .partner-reviews__link svg {
    height: 30px;
  }
}
.partner-reviews__link svg {
  color: #1c1c1e;
}
.reviews-list {
  align-items: stretch;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media only screen and (max-width: 1200px) {
  .reviews-list {
    gap: 10px;
  }
}
@media only screen and (max-width: 667px) {
  .reviews-list {
    gap: 8px;
  }
}
.reviews-list-title {
  margin-bottom: 50px;
}
@media only screen and (max-width: 1200px) {
  .reviews-list-title {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 667px) {
  .reviews-list-title {
    margin-bottom: 30px;
  }
}
.reviews-list-title + .partner-reviews__link {
  margin: 0 auto 30px;
  max-width: 300px;
}
@media only screen and (max-width: 1200px) {
  .reviews-list-title + .partner-reviews__link {
    margin-bottom: 20px;
  }
}
.reviews-item {
  align-items: stretch;
  background-color: #fff;
  border-radius: 24px;
  box-shadow: 0 2px 20px -12px rgba(0, 0, 0, 0.1);
  display: flex;
  overflow: hidden;
}
@media only screen and (max-width: 667px) {
  .reviews-item {
    align-items: start;
    flex-direction: column;
  }
}
.reviews-item__person {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  gap: 30px;
  padding: 0 30px;
}
@media only screen and (max-width: 667px) {
  .reviews-item__person {
    gap: 5px;
    padding: 16px 16px 0;
  }
}
.reviews-item__avatar {
  height: 78px;
  width: 78px;
}
@media only screen and (max-width: 667px) {
  .reviews-item__avatar {
    height: 45px;
    width: 45px;
  }
}
.reviews-item__name-wr {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
@media only screen and (max-width: 667px) {
  .reviews-item__name-wr {
    gap: 5px;
  }
  .reviews-item__name-wr img {
    height: 10px;
    width: 58px;
  }
}
.reviews-item__name {
  font-size: 24px;
  font-weight: 500;
  line-height: 1;
}
@media only screen and (max-width: 667px) {
  .reviews-item__name {
    font-size: 12px;
  }
}
.reviews-item__text-wr {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 20px;
  padding: 30px;
}
@media only screen and (max-width: 667px) {
  .reviews-item__text-wr {
    gap: 5px;
    padding: 16px;
  }
}
.reviews-item__text {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}
@media only screen and (max-width: 667px) {
  .reviews-item__text {
    font-size: 10px;
  }
}
.one-new-top-wr {
  background-position-y: -0.5rem;
}
.one-new-top-back {
  margin-bottom: 3rem;
  margin-top: 1.1rem;
}
.one-new-top-back a {
  color: #fff;
  font-size: 13px;
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-transform: uppercase;
}
.one-new-top-date {
  color: #9f9f9f;
  margin-top: 1.56rem;
  padding-bottom: 5.25rem;
}
.one-new-top-date img {
  margin-right: 10px;
  width: 17px;
}
.one-new-info {
  margin-bottom: 4rem;
  margin-top: 3rem;
}
.one-new-info p {
  color: #6a6f76;
  line-height: 24px;
  margin-bottom: 15px;
}
.one-new-info li {
  color: #6a6f76;
  margin-bottom: 7px;
}
.one-new-info-item {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -13px;
}
.one-new-info-item > div {
  flex: 1 1;
  margin: 0 13px;
}
@media only screen and (max-width: 550px) {
  .one-new-info-item > div {
    flex: 1 1 auto;
  }
}
.one-new-info-right img {
  width: 100%;
}
.one-new-info .title {
  margin-bottom: 1.6rem;
  margin-top: 2.25rem;
}
.one-new-info ul {
  list-style-type: disc;
  margin-top: 15px;
  padding-left: 20px;
}
.one-new-info h3.title {
  font-size: 1.5rem;
}
.one-new_bg {
  background: #f4f5f7;
  padding-bottom: 5rem;
  padding-top: 4rem;
}
.one-new_comments {
  margin-bottom: 2.2rem;
}
.one-new_comments li {
  padding-top: 15px;
}
.one-new_comments li > ul {
  padding-left: 6rem;
}
@media only screen and (max-width: 550px) {
  .one-new_comments li > ul {
    padding-left: 3rem;
  }
}
.one-new_comments li > ul li {
  position: relative;
}
.one-new_comments li > ul li:before {
  content: url(../img/synchronization.3d30b54.svg);
  height: 2.4rem;
  left: -5rem;
  position: absolute;
  top: 0;
  width: 3.5rem;
}
@media only screen and (max-width: 550px) {
  .one-new_comments li > ul li:before {
    left: -4rem;
    width: 2.5rem;
  }
}
.one-new_comments_bloc {
  border-bottom: 1px solid #e6e6e6;
  display: flex;
  padding-bottom: 20px;
  position: relative;
}
.one-new_comments_bloc-photo {
  background-color: #969593;
  border-radius: 50%;
  height: 50px;
  margin-right: 17px;
  overflow: hidden;
  padding: 3px;
  text-align: center;
  width: 50px;
}
.one-new_comments_bloc-photo img {
  width: 100%;
}
.one-new_comments_bloc-main {
  flex: 1 1;
  padding-right: 2rem;
}
.one-new_comments_bloc-name {
  margin-bottom: 10px;
}
.one-new_comments_bloc-name b {
  margin-right: 12px;
}
.one-new_comments_bloc-name span {
  color: #fac917;
  margin-left: 3px;
}
.one-new_comments_bloc-txt {
  margin-bottom: 15px;
}
.one-new_comments_bloc-btn a {
  color: #1ac1de;
  font-size: 13px;
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-transform: uppercase;
}
.one-new_comments_bloc-date {
  text-align: right;
}
@media only screen and (max-width: 550px) {
  .one-new_comments_bloc-date {
    position: absolute;
    right: 0;
    top: -15px;
  }
}
.one-new_comments_bloc-date span {
  color: rgba(28, 28, 30, 0.8);
  font-size: 12px;
  text-transform: uppercase;
}
@media only screen and (max-width: 550px) {
  .one-new_comments_bloc-date span {
    font-size: 10px;
  }
}
.transaction__table {
  font-size: 16px;
}
@media only screen and (max-width: 1200px) {
  .transaction__table {
    font-size: 13px;
  }
}
@media only screen and (max-width: 550px) {
  .transaction__table {
    font-size: 11.5px;
  }
}
.transaction__title {
  margin: 25px 0 20px;
}
.transaction__row {
  border-bottom: 1px solid #9b9b9b;
  display: flex;
  padding: 10px 0;
}
.transaction__row--title {
  background-color: #ebebeb;
  border: none;
  color: #0595c5;
  padding: 14px 0;
}
.transaction__dies,
.transaction__plus {
  flex-basis: 8.3333333333%;
  max-width: 8.3333333333%;
  text-align: center;
}
.transaction__date,
.transaction__dies,
.transaction__plus {
  flex-grow: 0;
  flex-shrink: 0;
  margin: 15rem;
  min-width: 5px;
  padding: 15rem;
}
.transaction__date {
  flex-basis: 20.8333333333%;
  max-width: 20.8333333333%;
}
@media only screen and (max-width: 550px) {
  .transaction__date {
    flex-basis: 25%;
    flex-grow: 0;
    flex-shrink: 0;
    margin: 15rem;
    max-width: 25%;
    min-width: 5px;
    padding: 15rem;
  }
}
.transaction__description {
  flex-basis: 50%;
  flex-grow: 0;
  flex-shrink: 0;
  margin: 15rem;
  max-width: 50%;
  min-width: 5px;
  padding: 15rem;
}
@media only screen and (max-width: 1200px) {
  .transaction__description {
    flex-basis: 45.8333333333%;
    flex-grow: 0;
    flex-shrink: 0;
    margin: 15rem;
    max-width: 45.8333333333%;
    min-width: 5px;
    padding: 15rem;
  }
}
@media only screen and (max-width: 550px) {
  .transaction__description {
    flex-basis: 41.6666666667%;
    flex-grow: 0;
    flex-shrink: 0;
    margin: 15rem;
    max-width: 41.6666666667%;
    min-width: 5px;
    padding: 15rem;
  }
}
.transaction__amount {
  flex-basis: 12.5%;
  flex-grow: 0;
  flex-shrink: 0;
  margin: 15rem;
  max-width: 12.5%;
  min-width: 5px;
  padding: 15rem;
}
@media only screen and (max-width: 1200px) {
  .transaction__amount {
    flex-basis: 16.6666666667%;
    flex-grow: 0;
    flex-shrink: 0;
    margin: 15rem;
    max-width: 16.6666666667%;
    min-width: 5px;
    padding: 15rem;
  }
}
@media only screen and (max-width: 550px) {
  .transaction__amount {
    flex-basis: 16.6666666667%;
    flex-grow: 0;
    flex-shrink: 0;
    margin: 15rem;
    max-width: 16.6666666667%;
    min-width: 0;
    padding: 15rem;
  }
}
.specification {
  margin-bottom: 4rem;
}
.specification-top .specification-controls {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
  justify-content: center;
  margin: 80px 0;
}
@media only screen and (max-width: 1200px) {
  .specification-top .specification-controls {
    gap: 26px;
    margin: 50px 0;
  }
}
@media only screen and (max-width: 667px) {
  .specification-top .specification-controls {
    gap: 10px;
    margin: 30px 0;
  }
}
.specification-top .specification-control {
  align-items: center;
  background-color: transparent;
  border: 0;
  border-radius: 99px;
  color: #1c1c1e;
  cursor: pointer;
  display: flex;
  font-size: 32px;
  font-weight: 600;
  line-height: 1;
  margin: 0 auto;
  min-height: 49px;
  padding: 7px 25px;
  text-transform: uppercase;
}
.specification-top .specification-control.active,
.specification-top .specification-control:hover {
  background-color: #fff;
}
@media only screen and (max-width: 667px) {
  .specification-top .specification-control {
    font-size: 24px;
    min-height: 40px;
  }
}
.specification li {
  font-size: 1rem;
  margin-top: 1.25rem;
}
.specification-news-bloc,
.specification-news-bloc .news-bloc {
  padding-bottom: 2rem;
  padding-top: 2rem;
}
.one-new-info-item,
.specification-info {
  color: #1c1c1e;
  font-size: 16px;
  line-height: 24px;
}
.one-new-info-item div,
.one-new-info-item p,
.specification-info div,
.specification-info p {
  font-size: 16px;
  line-height: 24px;
  margin: 0;
  padding: 8px 0;
}
.one-new-info-item div:empty,
.one-new-info-item p:empty,
.specification-info div:empty,
.specification-info p:empty {
  height: 0;
}
.one-new-info-item div:has(> .ProseMirror-trailingBreak),
.one-new-info-item p:has(> .ProseMirror-trailingBreak),
.specification-info div:has(> .ProseMirror-trailingBreak),
.specification-info p:has(> .ProseMirror-trailingBreak) {
  padding: 0;
}
.one-new-info-item div:last-child,
.one-new-info-item p:last-child,
.specification-info div:last-child,
.specification-info p:last-child {
  padding-bottom: 0;
}
.one-new-info-item strong,
.specification-info strong {
  font-weight: 700;
}
.one-new-info-item em,
.specification-info em {
  font-style: italic;
}
.one-new-info-item s,
.specification-info s {
  -webkit-text-decoration: line-through;
  text-decoration: line-through;
}
.one-new-info-item ol,
.one-new-info-item ul,
.specification-info ol,
.specification-info ul {
  margin: 0;
  padding: 2px 0 2px 16px;
}
.one-new-info-item ol:last-child,
.one-new-info-item ul:last-child,
.specification-info ol:last-child,
.specification-info ul:last-child {
  margin-bottom: 0;
}
.one-new-info-item ol li,
.one-new-info-item ul li,
.specification-info ol li,
.specification-info ul li {
  line-height: 24px;
}
.one-new-info-item ol li div,
.one-new-info-item ol li p,
.one-new-info-item ul li div,
.one-new-info-item ul li p,
.specification-info ol li div,
.specification-info ol li p,
.specification-info ul li div,
.specification-info ul li p {
  margin: 0;
  padding: 0;
}
.one-new-info-item ul,
.specification-info ul {
  list-style: none;
  padding: 2px 0 2px 16px;
}
.one-new-info-item ul li,
.specification-info ul li {
  display: flex;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 0;
  padding: 6px 0;
}
.one-new-info-item ul li:last-child,
.specification-info ul li:last-child {
  margin-bottom: 0;
}
.one-new-info-item ul li:before,
.specification-info ul li:before {
  color: #1c1c1e;
  content: "•";
  font-size: 24px;
  margin-right: 10px;
}
.one-new-info-item ol,
.specification-info ol {
  list-style-type: auto;
  padding: 2px 0 2px 30px;
}
.one-new-info-item ol li,
.specification-info ol li {
  padding: 6px 0;
}
.one-new-info-item img,
.specification-info img {
  margin-bottom: 24px;
  margin-top: 32px;
}
.one-new-info-item h1,
.one-new-info-item h2,
.one-new-info-item h3,
.one-new-info-item h4,
.one-new-info-item h5,
.one-new-info-item h6,
.specification-info h1,
.specification-info h2,
.specification-info h3,
.specification-info h4,
.specification-info h5,
.specification-info h6 {
  color: #1c1c1e;
  font-weight: 600;
  line-height: 1.2;
  margin: 0;
  padding: 32px 0 8px;
  text-align: left;
  text-transform: none;
}
.one-new-info-item h1:first-child,
.one-new-info-item h2:first-child,
.one-new-info-item h3:first-child,
.one-new-info-item h4:first-child,
.one-new-info-item h5:first-child,
.one-new-info-item h6:first-child,
.specification-info h1:first-child,
.specification-info h2:first-child,
.specification-info h3:first-child,
.specification-info h4:first-child,
.specification-info h5:first-child,
.specification-info h6:first-child {
  padding-top: 16px;
}
.one-new-info-item h1,
.specification-info h1 {
  font-size: 40px;
  line-height: 48px;
  padding: 32px 0 8px;
}
.one-new-info-item h2,
.specification-info h2 {
  font-size: 30px;
  line-height: 36px;
}
.one-new-info-item h3,
.specification-info h3 {
  font-size: 24px;
  line-height: 32px;
}
.one-new-info-item h4,
.specification-info h4 {
  font-size: 20px;
  line-height: 24px;
  padding-top: 28px;
}
.one-new-info-item h5,
.specification-info h5 {
  font-size: 16px;
  line-height: 19px;
  padding-top: 20px;
}
.one-new-info-item h6,
.specification-info h6 {
  font-size: 12px;
  line-height: 16px;
  padding-top: 8px;
}
.one-new-info-item hr,
.specification-info hr {
  background: #d9d9d9;
  border: 0;
  display: block;
  height: 1px;
  margin: 8px 0;
  width: 100%;
}
.one-new-info-item a,
.specification-info a {
  color: #4876ff;
  -webkit-text-decoration: underline;
  text-decoration: underline;
}
.one-new-info-item code,
.specification-info code {
  background: #efefef;
  border-radius: 6px;
  color: #1c1c1e;
  margin: 16px 0;
  padding: 16px;
}
.one-new-info-item pre,
.specification-info pre {
  background: #fff;
  border-radius: 6px;
  color: #1c1c1e;
  margin: 0;
  padding: 38px 16px 16px;
}
.one-new-info-item pre code,
.specification-info pre code {
  background: none;
  color: inherit;
  margin: 0;
  padding: 0;
}
.one-new-info-item pre .hljs-attribute,
.one-new-info-item pre .hljs-built_in,
.one-new-info-item pre .hljs-builtin-name,
.one-new-info-item pre .hljs-bullet,
.one-new-info-item pre .hljs-comment,
.one-new-info-item pre .hljs-keyword,
.one-new-info-item pre .hljs-link,
.one-new-info-item pre .hljs-literal,
.one-new-info-item pre .hljs-meta,
.one-new-info-item pre .hljs-name,
.one-new-info-item pre .hljs-number,
.one-new-info-item pre .hljs-params,
.one-new-info-item pre .hljs-quote,
.one-new-info-item pre .hljs-regexp,
.one-new-info-item pre .hljs-section,
.one-new-info-item pre .hljs-selector-class,
.one-new-info-item pre .hljs-selector-id,
.one-new-info-item pre .hljs-selector-tag,
.one-new-info-item pre .hljs-string,
.one-new-info-item pre .hljs-symbol,
.one-new-info-item pre .hljs-tag,
.one-new-info-item pre .hljs-template-variable,
.one-new-info-item pre .hljs-title,
.one-new-info-item pre .hljs-type,
.one-new-info-item pre .hljs-variable,
.specification-info pre .hljs-attribute,
.specification-info pre .hljs-built_in,
.specification-info pre .hljs-builtin-name,
.specification-info pre .hljs-bullet,
.specification-info pre .hljs-comment,
.specification-info pre .hljs-keyword,
.specification-info pre .hljs-link,
.specification-info pre .hljs-literal,
.specification-info pre .hljs-meta,
.specification-info pre .hljs-name,
.specification-info pre .hljs-number,
.specification-info pre .hljs-params,
.specification-info pre .hljs-quote,
.specification-info pre .hljs-regexp,
.specification-info pre .hljs-section,
.specification-info pre .hljs-selector-class,
.specification-info pre .hljs-selector-id,
.specification-info pre .hljs-selector-tag,
.specification-info pre .hljs-string,
.specification-info pre .hljs-symbol,
.specification-info pre .hljs-tag,
.specification-info pre .hljs-template-variable,
.specification-info pre .hljs-title,
.specification-info pre .hljs-type,
.specification-info pre .hljs-variable {
  color: #1c1c1e;
}
.one-new-info-item pre .hljs-emphasis,
.specification-info pre .hljs-emphasis {
  font-style: italic;
}
.one-new-info-item pre .hljs-strong,
.specification-info pre .hljs-strong {
  font-weight: 700;
}
.one-new-info-item img,
.specification-info img {
  display: block;
  height: auto;
  max-width: 100%;
  width: auto;
}
.one-new-info-item blockquote,
.specification-info blockquote {
  border-left: 4px solid #e2e4e4;
  margin: 0 0 24px;
  padding-left: 16px;
}
.faq-links {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 80px;
}
@media only screen and (max-width: 1200px) {
  .faq-links {
    margin-top: 50px;
  }
}
@media only screen and (max-width: 667px) {
  .faq-links {
    flex-direction: column;
    gap: 10px;
    margin-top: 30px;
  }
}
.faq-links a {
  border-radius: 99px;
  cursor: pointer;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  padding: 5px 10px;
}
.faq-links a.active,
.faq-links a:hover {
  background-color: #fff;
}
.faq-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 30px;
}
@media only screen and (max-width: 1200px) {
  .faq-list {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 667px) {
  .faq-list {
    gap: 10px;
    margin-top: 30px;
  }
}
.faq-empty-msg {
  font-size: 16px;
  font-weight: 400;
  margin: 100px 0;
  text-align: center;
}
@media only screen and (max-width: 667px) {
  .faq-empty-msg {
    font-size: 12px;
  }
}
.faq-loader {
  align-items: center;
  display: flex;
  margin: 100px 0;
}
.faq-item {
  border-radius: 24px;
  display: grid;
  grid-template-rows: min-content 0fr;
  overflow: hidden;
  position: relative;
  transition: grid-template-rows 0.2s ease;
}
.faq-item__trigger {
  align-items: center;
  background-color: #fff;
  background-position: 100%;
  background-repeat: no-repeat;
  border: none;
  color: #1c1c1e;
  cursor: pointer;
  display: flex;
  font-size: 16px;
  font-weight: 600;
  gap: 10px;
  justify-content: space-between;
  min-height: 50px;
  padding: 13px 30px;
  text-align: left;
  transition: background-image 0.2s ease, padding 0.2s ease;
}
.faq-item__trigger span {
  font-weight: inherit;
}
@media only screen and (max-width: 667px) {
  .faq-item__trigger {
    font-size: 12px;
    padding: 7px 20px;
  }
}
.faq-item__arrow {
  transition: transform 0.4s ease;
}
.faq-item__content {
  background-color: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  overflow: hidden;
  visibility: hidden;
}
.faq-item__content p {
  line-height: inherit;
}
@media only screen and (max-width: 667px) {
  .faq-item__content {
    font-size: 12px;
  }
}
.faq-item.open {
  grid-template-rows: min-content 1fr;
}
.faq-item.open .faq-item__trigger {
  background-color: #4876ff;
  color: #fff;
}
.faq-item.open .faq-item__arrow {
  transform: rotate(180deg);
}
.faq-item.open .faq-item__content {
  padding: 15px 30px;
  visibility: visible;
}
@media only screen and (max-width: 667px) {
  .faq-item.open .faq-item__content {
    padding: 7px 20px;
  }
}
.pagination {
  margin-bottom: 50px;
  margin-top: 50px;
}
@media only screen and (max-width: 667px) {
  .pagination {
    margin-bottom: 30px;
    margin-top: 30px;
  }
}
.pagination ul {
  align-items: center;
  display: flex;
  gap: 8px;
  justify-content: center;
}
.pagination li {
  background: none;
  border: none;
  box-shadow: none;
  flex-basis: auto;
  flex: 0 0 auto;
  min-width: auto;
  width: auto;
}
.pagination a {
  background-color: transparent;
  border-radius: 7px;
  color: #47474b;
  display: block;
  font-size: 16px;
  line-height: 40px;
  padding: 0 6px;
  text-align: center;
}
@media only screen and (max-width: 667px) {
  .pagination a {
    font-size: 12px;
    line-height: 30px;
  }
}
.pagination a:hover {
  color: #1c1c1e;
}
.pagination a.pagination-current {
  background-color: #fff;
  color: #47474b;
  height: 40px;
  padding: 0;
  width: 40px;
}
@media only screen and (max-width: 667px) {
  .pagination a.pagination-current {
    height: 30px;
    width: 30px;
  }
}
.pagination a.pagination-ban {
  cursor: default;
  opacity: 0.8;
}
.footer {
  border-top: 1px solid #eaeaea;
  color: #1c1c1e;
  padding: 30px 0 10px;
}
.footer .container {
  align-items: stretch;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.footer-rows {
  align-items: start;
  display: flex;
  gap: 20px;
  justify-content: space-between;
}
@media only screen and (max-width: 667px) {
  .footer-rows {
    align-items: start;
    flex-direction: column;
    gap: 20px;
    padding: 0 40px;
  }
}
.footer-info {
  align-items: start;
  display: flex;
  flex-direction: column;
}
.footer-info .footer-logo {
  flex-shrink: 0;
  margin-bottom: 30px;
}
@media only screen and (max-width: 1200px) {
  .footer-info .footer-logo {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 667px) {
  .footer-info .footer-logo {
    margin-bottom: 15px;
  }
}
.footer-info .footer-subtitle,
.footer-info .footer-title {
  color: #1c1c1e;
  line-height: 1.6;
  margin-bottom: 10px;
}
@media only screen and (max-width: 1200px) {
  .footer-info .footer-subtitle,
  .footer-info .footer-title {
    line-height: 1.3;
  }
}
.footer-info .footer-title {
  font-size: 16px;
  font-weight: 600;
}
.footer-info .footer-subtitle {
  font-size: 12px;
  font-weight: 500;
}
.footer-left-cols {
  align-items: start;
  display: flex;
  gap: max(20px, min(10vw, 122px));
  justify-content: space-between;
}
@media only screen and (max-width: 1200px) {
  .footer-left-cols {
    gap: 20px;
  }
}
@media only screen and (max-width: 667px) {
  .footer-left-cols {
    align-items: start;
    flex-direction: column;
    gap: 20px;
  }
}
.footer-links {
  align-items: start;
  display: flex;
  flex-direction: column;
  gap: 22px;
  width: -moz-fit-content;
  width: fit-content;
}
@media only screen and (max-width: 667px) {
  .footer-links {
    gap: 15px;
  }
}
.footer-links .links-title {
  color: #1c1c1e;
  font-size: 16px;
  font-weight: 700;
  line-height: normal;
  text-transform: capitalize;
}
.footer-links .links-list {
  align-items: start;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
@media only screen and (max-width: 667px) {
  .footer-links .links-list {
    gap: 8px;
  }
}
.footer-links .links-list a {
  color: #878792;
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
}
.footer-links .links-list a:hover {
  color: #1c1c1e;
}
.footer-terms {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: space-between;
}
@media only screen and (max-width: 667px) {
  .footer-terms {
    -moz-column-gap: 24px;
    column-gap: 24px;
    flex-direction: column-reverse;
    row-gap: 10px;
  }
}
.footer-terms .footer-copyright,
.footer-terms a {
  color: #878792;
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
}
.footer-terms-links {
  align-items: center;
  -moz-column-gap: 24px;
  column-gap: 24px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  row-gap: 10px;
}
.footer-terms a {
  text-decoration-line: underline;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  text-decoration-style: solid;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
}
.footer-terms a:hover {
  color: #1c1c1e;
}
.contact-block {
  align-items: center;
  display: flex;
  margin-bottom: 164px;
  position: relative;
}
@media only screen and (max-width: 1200px) {
  .contact-block {
    margin-bottom: 50px;
  }
}
.contact-bg {
  left: 0;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.contact-bg--blended {
  mix-blend-mode: color-dodge;
}
@media only screen and (max-width: 1200px) {
  .contact-bg {
    display: none;
  }
}
.contact-card {
  align-items: center;
  background-color: #4876ff;
  border-radius: 24px;
  display: flex;
  flex-direction: column;
  padding: 72px;
}
.contact-card > * {
  z-index: 2;
}
@media only screen and (max-width: 1200px) {
  .contact-card {
    box-shadow: 0 2px 20px -12px rgba(0, 0, 0, 0.1);
  }
}
@media only screen and (max-width: 667px) {
  .contact-card {
    padding: 30px;
  }
}
.contact-heading {
  color: #fff;
  font-size: 42px;
  font-weight: 700;
  letter-spacing: -1.96px;
  line-height: 1.1;
  margin-bottom: 20px;
  margin-top: 10px;
  text-align: center;
}
@media only screen and (max-width: 667px) {
  .contact-heading {
    font-size: 24px;
    font-size: 52px;
    font-weight: 700;
    letter-spacing: -1.96px;
    line-height: 1.1;
    margin-bottom: 10px;
    margin-top: 0;
    text-align: center;
  }
}
@media only screen and (max-width: 667px) and (max-width: 667px) {
  .contact-heading {
    font-size: 32px;
  }
}
.contact-text {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  line-height: 1.6;
  max-width: 592px;
  text-align: center;
}
@media only screen and (max-width: 667px) {
  .contact-text {
    font-size: 12px;
  }
}
.contact-buttons {
  grid-gap: 30px;
  display: grid;
  gap: 30px;
  grid-template-columns: 1fr 1fr;
  margin-bottom: 10px;
  margin-top: 50px;
}
@media only screen and (max-width: 667px) {
  .contact-buttons {
    gap: 10px;
    grid-template-columns: 1fr;
    margin-bottom: 0;
    margin-top: 20px;
  }
}
.contact-buttons button {
  min-width: 190px;
}
.contact-main-form {
  padding: 2.8rem 4rem 2.2rem;
}
@media only screen and (max-width: 1200px) {
  .contact-main-form {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media only screen and (max-width: 667px) {
  .contact-main-form {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.contact-main-form .title {
  margin-bottom: 0.875rem;
  margin-top: 0;
}
.contact-main-form input,
.contact-main-form textarea {
  background-color: #f4f5f7;
  border: 1px solid #eee;
  border-radius: 20px;
  font-size: 1rem;
  margin: 10px 0 0;
  padding: 10px 35px 10px 15px;
  width: 100%;
}
.contact-main-form textarea {
  height: 5rem;
  min-height: 2.5rem;
  resize: vertical;
}
.contact-main-form > div {
  margin-top: 1.625rem;
}
.error-page {
  background-image: url(../img/error-bg.d3fe7df.svg),
    linear-gradient(
      180deg,
      hsla(0, 0%, 100%, 0),
      rgba(129, 152, 238, 0.2) 86.57%
    );
  background-position: -110px -258px, 0 0;
  background-repeat: no-repeat, no-repeat;
  background-size: auto, cover;
  display: flex;
  flex-direction: column;
  height: 100vh;
  overflow: hidden;
}
@media only screen and (max-width: 1200px) {
  .error-page {
    background-image: url(../img/error-bg-tablet.ac491ff.svg),
      linear-gradient(
        180deg,
        hsla(0, 0%, 100%, 0),
        rgba(129, 152, 238, 0.2) 86.57%
      );
    background-position: 0 -96px, 0 0;
    background-size: 663px 663px, cover;
  }
}
@media only screen and (max-width: 667px) {
  .error-page {
    background-image: url(../img/error-bg-phone.51e8b45.svg),
      linear-gradient(
        180deg,
        hsla(0, 0%, 100%, 0),
        rgba(129, 152, 238, 0.2) 86.57%
      );
    background-position: -106px 0, 0 0;
    background-size: 416px 416px, cover;
  }
}
.error-page__top {
  align-items: start;
  display: flex;
  flex-direction: column;
  margin-left: 80px;
  margin-top: 170px;
}
@media only screen and (max-width: 1200px) {
  .error-page__top {
    margin-left: 40px;
    margin-top: 150px;
  }
}
@media only screen and (max-width: 667px) {
  .error-page__top {
    margin-left: 15px;
    margin-top: 144px;
  }
}
.error-page__top h2 {
  font-size: 64px;
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 20px;
}
@media only screen and (max-width: 667px) {
  .error-page__top h2 {
    font-size: 40px;
  }
}
.error-page__top p {
  color: #5e5f61;
  font-size: 24px;
  line-height: 1.5;
  margin-bottom: 40px;
}
@media only screen and (max-width: 667px) {
  .error-page__top p {
    font-size: 16px;
    margin-bottom: 30px;
  }
}
.error-page__top .btn {
  min-width: 282px;
}
@media only screen and (max-width: 667px) {
  .error-page__top .btn {
    min-width: 190px;
  }
}
.error-page h1 {
  color: #4876ff;
  font-size: 383px;
  font-weight: 600;
  line-height: 390px;
  margin-left: auto;
  margin-right: 60px;
  margin-top: auto;
  position: relative;
}
@media only screen and (max-width: 1200px) {
  .error-page h1 {
    font-size: 362px;
    line-height: 1.5;
    margin: auto auto -47px;
  }
}
@media only screen and (max-width: 667px) {
  .error-page h1 {
    font-size: 152px;
    margin: auto auto 20px;
  }
}
.error-page h1 img {
  position: absolute;
  right: 183px;
  top: 10px;
}
@media only screen and (max-width: 1200px) {
  .error-page h1 img {
    right: 160px;
    top: 100px;
  }
}
@media only screen and (max-width: 667px) {
  .error-page h1 img {
    height: 45px;
    right: 65px;
    top: 38px;
    width: 45px;
  }
}
.error-block {
  align-items: center;
  background-color: #fff;
  border-radius: 42px;
  box-shadow: 0 2px 20px -12px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  margin-bottom: 80px;
  max-width: 600px;
  padding: 50px 30px 30px;
}
@media only screen and (max-width: 1200px) {
  .error-block {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 667px) {
  .error-block {
    margin-bottom: 30px;
    padding: 30px 20px 20px;
  }
}
.error-block__img {
  margin-bottom: 50px;
}
@media only screen and (max-width: 667px) {
  .error-block__img {
    margin-bottom: 20px;
  }
}
.error-block__title {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -1.96px;
  line-height: 1.1;
  margin-bottom: 5px;
  text-align: center;
}
@media only screen and (max-width: 667px) {
  .error-block__title {
    margin-bottom: 10px;
  }
}
.error-block__message {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 30px;
  text-align: center;
}
@media only screen and (max-width: 667px) {
  .error-block__message {
    font-size: 12px;
  }
}
.zayvki-filter--top {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 0 0 15px;
}
@media only screen and (max-width: 1200px) {
  .zayvki-filter--top {
    margin-top: 10px;
  }
}
@media only screen and (max-width: 667px) {
  .zayvki-filter--top {
    margin-top: 5px;
  }
}
.zayvki-filter--top h2 {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -1.96px;
  line-height: 1.1;
  margin: 0 auto;
}
.zayvki-filter--top__btn-group {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  justify-content: center;
  margin: 0 auto;
}
@media only screen and (max-width: 667px) {
  .zayvki-filter--top__btn-group {
    gap: 20px;
  }
}
.zayvki-item {
  display: flex;
}
.zayvki-border {
  border-top: 1px solid #f3f3f3;
}
.zayvki-main {
  display: flex;
  flex-direction: column;
  margin-bottom: 80px;
}
.zayvki-main .pagination {
  margin-bottom: 30px;
  margin-top: 15px;
}
@media only screen and (max-width: 667px) {
  .zayvki-main .pagination {
    left: 0;
    margin-bottom: 15px;
    margin-top: 5px;
    position: sticky;
  }
}
.zayvki-table {
  align-self: center;
  background-color: #fff;
  border: 1px solid #c0ccf7;
  border-radius: 24px;
  overflow: auto;
  width: 100%;
}
.zayvki-table .state-block {
  color: #5e5f61;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  margin: 30px auto;
  text-align: center;
}
@media only screen and (max-width: 667px) {
  .zayvki-table .state-block {
    font-size: 12px;
  }
}
.zayvki-table .state-block--large {
  margin: 100px auto;
}
.zayvki-table.scrollable table {
  min-width: 800px;
}
.zayvki-table table {
  border-collapse: collapse;
  color: #1c1c1e;
  width: 100%;
}
.zayvki-table td,
.zayvki-table th {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
}
@media only screen and (max-width: 667px) {
  .zayvki-table td,
  .zayvki-table th {
    font-size: 12px;
  }
}
.zayvki-table td:first-child,
.zayvki-table th:first-child {
  padding-left: 80px;
}
@media only screen and (max-width: 1200px) {
  .zayvki-table td:first-child,
  .zayvki-table th:first-child {
    padding-left: 12px;
  }
}
.zayvki-table td:last-child,
.zayvki-table th:last-child {
  padding-right: 80px;
}
@media only screen and (max-width: 1200px) {
  .zayvki-table td:last-child,
  .zayvki-table th:last-child {
    padding-right: 12px;
  }
}
.zayvki-table td:not(:last-child):not(:first-child),
.zayvki-table th:not(:last-child):not(:first-child) {
  padding-left: 8px;
  padding-right: 8px;
}
.zayvki-table--gutter-sm td:first-child,
.zayvki-table--gutter-sm th:first-child {
  padding-left: 35px;
}
@media only screen and (max-width: 1200px) {
  .zayvki-table--gutter-sm td:first-child,
  .zayvki-table--gutter-sm th:first-child {
    padding-left: 12px;
  }
}
.zayvki-table--gutter-sm td:last-child,
.zayvki-table--gutter-sm th:last-child {
  padding-right: 35px;
}
@media only screen and (max-width: 1200px) {
  .zayvki-table--gutter-sm td:last-child,
  .zayvki-table--gutter-sm th:last-child {
    padding-right: 12px;
  }
}
.zayvki-table th {
  background: #c0ccf7;
  padding-bottom: 12px;
  padding-top: 12px;
}
.zayvki-table td {
  padding-bottom: 15px;
  padding-top: 15px;
  position: relative;
}
@media only screen and (max-width: 667px) {
  .zayvki-table td {
    padding-bottom: 10px;
    padding-top: 10px;
  }
}
.zayvki-table tbody tr {
  border-bottom: 1px solid #eaeaea;
}
.zayvki-table tbody tr:last-child {
  border-bottom: none;
}
.zayvki-table tbody tr:hover {
  background: #f7f7f7;
}
.zayvki-table .table--row {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
@media only screen and (max-width: 1200px) {
  .zayvki-table .table--row {
    flex-wrap: wrap;
  }
}
.zayvki-table .table--row .table--row {
  flex: 1;
}
.zayvki-table .table--row p span {
  display: block;
}
.zayvki-table dd {
  font-size: 0;
  margin: 0 1rem;
  width: 12px;
}
@media only screen and (max-width: 1200px) {
  .zayvki-table dd {
    margin: 0 0.35rem;
  }
}
.zayvki-table .cur-icon {
  height: 28px;
  margin-right: 8px;
  width: 28px;
}
.zayvki-table .order-arrow {
  margin-right: 26px;
}
.zayvki-table .text-secondary {
  color: #5e5f61;
}
.zayvki-table .qt {
  color: #212121;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: -0.42px;
  line-height: 1;
  margin-bottom: 4px;
  text-transform: uppercase;
}
@media only screen and (max-width: 667px) {
  .zayvki-table .qt {
    font-size: 10px;
  }
}
.zayvki-table .currency {
  color: #9a9a9a;
  font-size: 12px;
  letter-spacing: -0.42px;
  line-height: 1;
  white-space: nowrap;
}
@media only screen and (max-width: 667px) {
  .zayvki-table .currency {
    font-size: 10px;
    white-space: normal;
  }
}
.zayvki-table span.status {
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media only screen and (max-width: 667px) {
  .zayvki-table span.status {
    font-size: 12px;
  }
}
.zayvki-table span.status.new-zayvka--marker {
  border-radius: 50%;
  display: inline-block;
  height: 20px;
  margin-right: 10px;
  padding: 0;
  width: 20px;
}
@media only screen and (max-width: 667px) {
  .zayvki-table span.status.new-zayvka--marker {
    margin-right: 5px;
  }
}
.zayvki-table .status--row {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.zayvki-table button {
  background-color: transparent;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 90%;
  border: none;
  cursor: pointer;
  display: block;
  height: 20px;
  width: 28px;
}
.zayvki-table button:hover {
  background-size: 100%;
}
.zayvki-table button.view {
  background-image: url(../img/view.745910e.svg);
  height: 18px;
  width: 28px;
}
.zayvki-table button.delete {
  background-image: url(../img/delete-blue.a2b51b3.svg);
  height: 19px;
  width: 19px;
}
@media only screen and (max-width: 1200px) {
  .requisites-bg {
    background-position-y: 0;
  }
}
.requisites--top {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 0 0 15px;
}
@media only screen and (max-width: 1200px) {
  .requisites--top {
    margin-top: 10px;
  }
}
@media only screen and (max-width: 667px) {
  .requisites--top {
    margin-top: 5px;
  }
}
.requisites--top h2 {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -1.96px;
  line-height: 1.1;
}
.requisites--top__btn-group {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  justify-content: center;
  margin: 0 auto;
}
@media only screen and (max-width: 667px) {
  .requisites--top__btn-group {
    gap: 20px;
  }
}
.wallets-main ul {
  justify-content: left;
}
.wallets-main ul li {
  display: flex;
  flex: 1 0 auto;
  padding: 10px;
}
.wallets-main ul li img {
  display: flex;
  flex-direction: column;
  height: 50px;
  justify-content: center;
  padding: 5px;
  width: 50px;
}
.requisites-main {
  background-color: #fff;
  border-radius: 24px;
  min-height: 180px;
  padding: 30px 80px;
}
@media only screen and (max-width: 667px) {
  .requisites-main {
    padding: 30px 50px;
  }
}
.requisites-main ul {
  grid-gap: 30px 80px;
  display: grid;
  gap: 30px 80px;
  grid-template-columns: 1fr 1fr 1fr;
}
@media only screen and (max-width: 1200px) {
  .requisites-main ul {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (max-width: 667px) {
  .requisites-main ul {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
}
.requisites-main li {
  align-items: center;
  border: 1px solid #4876ff;
  border-radius: 24px;
  display: flex;
  flex-direction: column;
  justify-content: end;
  min-height: 420px;
  padding: 30px;
}
@media only screen and (max-width: 667px) {
  .requisites-main li {
    max-width: 180px;
    min-height: 300px;
    padding: 20px;
  }
}
.requisites-main--txt,
.requisites-main--txt__ {
  color: rgba(28, 28, 30, 0.8);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 20px;
  margin-top: 30px;
  text-align: center;
  text-transform: uppercase;
}
@media only screen and (max-width: 667px) {
  .requisites-main--txt,
  .requisites-main--txt__ {
    font-size: 12px;
    margin-bottom: 10px;
    margin-top: 10px;
  }
}
.requisites-main img {
  margin: auto 0;
}
.requisites-main p {
  align-items: center;
  display: flex;
  font-size: 16px;
  font-weight: 400;
  gap: 4px;
  line-height: 1.5;
}
@media only screen and (max-width: 667px) {
  .requisites-main p {
    font-size: 12px;
  }
}
.requisites-main span {
  display: inline-block;
  width: 100%;
}
.requisites-main__empty {
  color: rgba(28, 28, 30, 0.8);
  font-size: 16px;
  font-weight: 400;
  justify-content: center;
  line-height: 1.5;
  margin: 50px auto;
  text-align: center;
}
@media only screen and (max-width: 667px) {
  .requisites-main__empty {
    font-size: 12px;
  }
}
.requisites-select-block .form {
  padding: 2.8rem 0;
  position: relative;
  width: 100%;
}
.requisites-select-block .form:after,
.requisites-select-block .form:before {
  opacity: 0.1;
  position: absolute;
  z-index: 0;
}
.requisites-select-block .form:after {
  content: url(../img/001.f83ed95.svg);
  right: -18rem;
  top: -5.5rem;
  width: 46rem;
}
.requisites-select-block .form:before {
  bottom: -24rem;
  content: url(../img/002.ebb3754.svg);
  left: -18.5rem;
  width: 46rem;
}
.requisites-select-block--btn-group {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
  z-index: 1;
}
.requisites-select-block p {
  margin-top: 10px;
}
.api {
  align-items: stretch;
  display: flex;
  flex-direction: column;
  padding-top: 80px;
}
@media only screen and (max-width: 1200px) {
  .api {
    padding-top: 50px;
  }
}
@media only screen and (max-width: 667px) {
  .api {
    padding-top: 30px;
  }
}
.api-hero {
  grid-gap: 120px;
  align-items: center;
  display: grid;
  gap: 120px;
  grid-template-columns: 400px 1fr;
  margin-bottom: 40px;
  padding-left: 25px;
}
@media only screen and (max-width: 1200px) {
  .api-hero {
    gap: 60px;
    grid-template-columns: 300px 1fr;
    padding-left: 15px;
  }
}
@media only screen and (max-width: 667px) {
  .api-hero {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 30px;
    padding-left: 0;
  }
  .api-hero img {
    max-width: 290px;
  }
}
.api-hero__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media only screen and (max-width: 667px) {
  .api-hero__content {
    align-items: center;
  }
}
.api-hero__content h2 {
  font-size: 32px;
  font-weight: 600;
  letter-spacing: -1.96px;
  line-height: 1.1;
  margin-bottom: 20px;
}
@media only screen and (max-width: 667px) {
  .api-hero__content h2 {
    font-size: 24px;
  }
}
@media only screen and (max-width: 1200px) {
  .api-hero__content h2 {
    font-size: 32px;
    margin-bottom: 10px;
    text-align: left;
  }
}
@media only screen and (max-width: 667px) {
  .api-hero__content h2 {
    text-align: center;
  }
}
.api-hero__content p {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}
@media only screen and (max-width: 667px) {
  .api-hero__content p {
    font-size: 12px;
  }
}
.api-hero__buttons {
  grid-gap: 30px;
  align-items: center;
  display: grid;
  gap: 30px;
  grid-template-columns: 1fr 1fr;
  padding-top: 60px;
  width: -moz-fit-content;
  width: fit-content;
}
@media only screen and (max-width: 1200px) {
  .api-hero__buttons {
    align-items: start;
    gap: 10px;
    grid-template-columns: 1fr;
    padding-top: 30px;
  }
}
@media only screen and (max-width: 667px) {
  .api-hero__buttons {
    align-items: center;
    padding-top: 20px;
  }
}
.api-access {
  align-items: center;
  background-color: #fff;
  border-radius: 24px;
  display: flex;
  gap: 56px;
  margin-bottom: 20px;
  padding: 22px 80px;
}
@media only screen and (max-width: 1200px) {
  .api-access {
    gap: 30px;
    justify-content: space-between;
    margin-bottom: 10px;
    padding: 30px 45px;
  }
}
@media only screen and (max-width: 667px) {
  .api-access {
    align-items: center;
    flex-direction: column;
    gap: 20px;
    padding: 10px;
  }
}
.api-access__values {
  grid-gap: 10px;
  display: grid;
  flex-grow: 1;
  gap: 10px;
  grid-template-columns: 1fr;
}
@media only screen and (max-width: 667px) {
  .api-access__values {
    gap: 5px;
  }
}
.api-access__values h4 {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.5;
  margin: 0;
}
.api-access__field {
  align-items: center;
  display: flex;
  gap: 10px;
  justify-content: space-between;
}
.api-access__field p {
  align-items: center;
  display: flex;
  font-size: 16px;
  font-weight: 400;
  gap: 5px;
  line-height: 1.5;
  white-space: nowrap;
}
@media only screen and (max-width: 667px) {
  .api-access__field p {
    font-size: 12px;
    font-size: 10px;
  }
}
.api-access__field p span {
  white-space: wrap;
  word-break: break-all;
}
.api-access__field p span:first-child {
  white-space: nowrap;
}
.api-access__checkbox {
  align-items: center;
  display: flex;
  font-size: 16px;
  font-weight: 400;
  gap: 10px;
  line-height: 1.5;
}
@media only screen and (max-width: 667px) {
  .api-access__checkbox {
    font-size: 12px;
    font-size: 10px;
  }
}
.api-access__checkbox-indicator {
  background-color: #c0ccf7;
  border-radius: 10px;
  height: 20px;
  position: relative;
  width: 20px;
}
.api-access__checkbox
  input[type="checkbox"]:checked
  + .api-access__checkbox-indicator:after {
  background-color: #4876ff;
  border-radius: 6px;
  content: "";
  height: 12px;
  left: 4px;
  position: absolute;
  top: 4px;
  width: 12px;
}
.api-access__checkbox input {
  display: none;
}
.api-access__checkbox-fields {
  align-items: center;
  display: flex;
  flex-grow: 1;
  gap: 28px;
  justify-content: center;
}
@media only screen and (max-width: 667px) {
  .api-access__checkbox-fields {
    gap: 10px;
  }
}
.api-access__left {
  align-items: center;
  display: flex;
  gap: 56px;
}
@media only screen and (max-width: 1200px) {
  .api-access__left .api-access__qr canvas {
    max-height: 110px;
    max-width: 110px;
  }
  .api-access__left {
    align-items: center;
    flex-direction: column;
    gap: 10px;
  }
}
.api-access .btn {
  box-shadow: none;
}
.api .zayvki-table {
  margin-bottom: 80px;
}
@media only screen and (max-width: 1200px) {
  .api .zayvki-table {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 667px) {
  .api .zayvki-table {
    margin-bottom: 30px;
  }
}
.api .api-code {
  align-items: stretch;
  display: flex;
  flex-direction: column;
  gap: 80px;
}
@media only screen and (max-width: 1200px) {
  .api .api-code {
    gap: 50px;
  }
}
@media only screen and (max-width: 667px) {
  .api .api-code {
    gap: 30px;
  }
}
.api .api-code * {
  word-break: break-all;
}
.api .api-code h3 {
  word-break: normal;
}
.api h3 {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -1.96px;
  line-height: 1.1;
  margin-bottom: 20px;
  text-align: center;
}
@media only screen and (max-width: 667px) {
  .api h3 {
    margin-bottom: 10px;
  }
}
.api .highlight {
  color: #4876ff;
}
.api .underline {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}
.api-code-block {
  background-color: #fff;
  border-radius: 24px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  margin: 0 auto;
  max-width: 840px;
  padding: 30px;
  width: 100%;
}
@media only screen and (max-width: 667px) {
  .api-code-block {
    font-size: 12px;
    padding: 10px;
  }
}
.footer-support {
  background-color: #282e39;
  color: #fff;
  margin-top: 0;
}
.footer-support h4 {
  font-size: 36px;
}
.footer-support span {
  color: #9f9f9f;
  display: inline-block;
  font-size: 1.125em;
  margin-bottom: 5px;
}
.footer-support p {
  font-size: 1.125em;
}
.footer-support .container {
  align-items: center;
  border-bottom: 1px dashed #ced3e6;
  display: flex;
  flex-wrap: wrap;
}
.footer-support .container > div:last-child {
  flex: 1 0;
  justify-content: center;
}
@media only screen and (max-width: 667px) {
  .footer-support .container > div:last-child {
    padding: 0 15px;
  }
}
.footer-support .btn-submit {
  box-shadow: none;
  line-height: 3.8;
  margin-top: 20px;
  min-width: 15rem;
}
.popup {
  background-color: rgba(28, 28, 30, 0.15) !important;
  display: table;
  flex-direction: column;
  height: 100%;
  left: 0;
  margin-top: 0 !important;
  opacity: 0;
  position: fixed;
  transition: all 0.35s;
  visibility: hidden;
  width: 100%;
  z-index: 9998;
}
.popup,
.popup-open {
  align-items: center;
  justify-content: center;
  top: 0;
}
.popup-open {
  display: flex;
  opacity: 1;
  visibility: visible;
}
.popup .title {
  font-size: 42px;
  font-weight: 700;
  letter-spacing: -1.963px;
  line-height: 1.1;
  margin: 0 0 30px;
  padding: 0 10px;
  text-align: center;
}
@media only screen and (max-width: 667px) {
  .popup .title {
    font-size: 32px;
    margin-bottom: 20px;
  }
}
.popup .modal-header {
  padding: 0 14px;
}
.popup-wr {
  align-items: stretch;
  display: flex;
  flex-direction: column;
  height: 100%;
  margin: 0;
  max-height: 90%;
  overflow: auto;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10;
}
@media only screen and (max-width: 1200px) {
  .popup-wr {
    max-width: 79%;
  }
}
.popup-wr-item {
  background: #fff;
  border-radius: 24px;
  margin: 1rem auto;
  max-height: 98dvh;
  max-width: 580px;
  overflow: auto;
  padding: 30px 35px;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  z-index: 10;
}
@media only screen and (max-width: 667px) {
  .popup-wr-item {
    padding: 20px;
  }
}
.popup-wr .title {
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  margin: 0;
  padding: 1.5rem 3rem;
}
@media only screen and (max-width: 550px) {
  .popup-wr .title {
    font-size: 1.2rem;
  }
}
.popup-close-bloc {
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9;
}
.popup-close-btn {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgc3Ryb2tlPSIjMUMxQzFFIiBzdHJva2UtbGluZWNhcD0icm91bmQiPjxwYXRoIGQ9Ik0xNCAxNCA3LjUgNy41IDEgMU0xIDE0bDYuNS02LjVMMTQgMSIvPjwvZz48L3N2Zz4=);
  background-position: 50%;
  background-repeat: no-repeat;
  cursor: pointer;
  height: 13px;
  position: absolute;
  right: 25px;
  top: 25px;
  width: 13px;
}
@media only screen and (max-width: 667px) {
  .popup-close-btn {
    right: 15px;
    top: 15px;
  }
}
.popup-top {
  background: #fff;
  padding: 1.5rem 14px 1rem;
}
.popup-top .title {
  margin: 0 0 0.5rem;
  padding: 0 0 0.5rem;
}
@media only screen and (max-width: 550px) {
  .popup-top {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 0.5rem;
  }
}
.popup-top .form-information-sent-received-wr {
  margin: 1rem 0 2rem;
  padding: 1.25rem 2rem;
}
@media only screen and (max-width: 550px) {
  .popup-top .form-information-sent-received-wr {
    margin-bottom: 0.5rem;
    padding-bottom: 0;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.popup-top
  .form-information-sent-received-wr
  .form-information-sent-received_img {
  padding: 0 0.93rem;
}
.popup-top .form-information-sent-received-wr p.title {
  border-bottom: none;
  font-size: 1.5rem;
  margin-bottom: 0;
}
@media only screen and (max-width: 1200px) {
  .popup-top .form-information-sent-received-wr p.title {
    font-size: 1.1rem;
    justify-content: center;
    margin: 0 auto;
  }
}
.popup label {
  display: inline-block;
  margin-bottom: 1.3rem;
  position: relative;
  width: 100%;
}
.popup label span {
  color: #9f9f9f;
  cursor: pointer;
  font-size: 0.875rem;
  line-height: 1.29;
  position: relative;
  z-index: 1;
}
.popup label.popup-succes input {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIj48cGF0aCBkPSJNNTA1Ljk0MyA3OS41OTRjLTguMDc3LTguMDc3LTIxLjE3Mi04LjA3Ny0yOS4yNDkgMEwxNjcuNzU1IDM4OC41MzIgMzUuMzA2IDI1Ni4wODNjLTguMDc2LTguMDc3LTIxLjE3Mi04LjA3Ny0yOS4yNDggMC04LjA3NyA4LjA3Ny04LjA3NyAyMS4xNzIgMCAyOS4yNDlsMTQ3LjA3NCAxNDcuMDc0YTIwLjYxNiAyMC42MTYgMCAwIDAgMTQuNjI1IDYuMDU4IDIwLjYxMyAyMC42MTMgMCAwIDAgMTQuNjI1LTYuMDU5bDMyMy41NjItMzIzLjU2MmM4LjA3NS04LjA3NiA4LjA3NS0yMS4xNzEtLjAwMS0yOS4yNDl6IiBmaWxsPSIjNzljODFjIi8+PC9zdmc+);
  border-top-color: green;
}
.popup label.popup-error input {
  background-image: url(../img/close.d2b0c26.svg);
  border-top-color: red;
}
.popup label.margin-b-0 {
  margin-bottom: 0;
}
.popup-registration_passwords-bloc {
  display: flex;
  margin: 0 -10px;
}
.popup-registration_passwords-bloc > div {
  flex: 1 1;
  margin-left: 10px;
  margin-right: 10px;
}
@media only screen and (max-width: 667px) {
  .popup-registration_passwords-bloc {
    flex-wrap: wrap;
    margin: 0;
  }
  .popup-registration_passwords-bloc > div {
    margin: 0 0 1rem;
    min-width: 200px;
  }
}
.popup-personal-date p {
  font-size: 15px;
  line-height: 20px;
}
.popup-personal-date a {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}
.popup .d-flex {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.popup .d-flex.d-email {
  margin-bottom: -14px;
}
.popup .d-flex.d-email label p.input-img {
  margin-top: 0 !important;
}
.popup .d-flex__col {
  align-items: stretch;
  margin: 0 -14px;
  width: auto;
}
@media only screen and (max-width: 667px) {
  .popup .d-flex__col {
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
  }
}
.popup .d-flex__col > div {
  margin: 0 14px;
}
.popup .d-flex__col > div p {
  margin: 0;
}
.popup .d-flex__col > div label {
  margin-bottom: 15px;
  margin-top: 0;
}
.popup .d-flex a {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}
.popup .d-flex a:hover {
  color: #a5a7a5;
}
.popup .flex-start {
  flex-direction: row;
  justify-content: center;
}
.popup .flex-start img {
  margin-right: 15px;
  max-width: 24px;
}
.popup .flex-row {
  margin: 0 -7.5px;
  width: auto;
}
.popup .flex-row input {
  margin: 1.875rem 7.5px 0.5rem;
  min-width: 3rem;
  padding: 15px 10px;
  text-align: center;
  text-indent: 0;
}
@media only screen and (max-width: 650px) {
  .popup .flex-row input {
    margin: 1.875rem 5px 0.5rem;
    min-width: 2rem;
    padding: 10px;
  }
}
.input-img {
  align-items: center;
  display: flex;
  margin-top: 10px;
  position: relative;
}
.input-img img {
  left: 1.25rem;
  margin: 0;
  position: absolute;
  top: 0.9rem;
  width: 1.5rem;
}
.input-img input {
  margin: 0;
  padding-left: 4rem;
}
.modal-header {
  position: relative;
}
.popup-personal-room__bot {
  border-top: 1px solid #e6e6e6;
  margin: 0 -14px;
  width: auto;
}
@media only screen and (max-width: 650px) {
  .popup-personal-room__bot {
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
  }
}
.popup-personal-room__bot > div {
  flex: 1 1;
  margin: 0 14px;
}
.popup-personal-room__bot > div .btn {
  margin-top: 0;
}
@media only screen and (max-width: 650px) {
  .popup-personal-room__bot > div .btn {
    margin-top: 15px;
  }
}
.popup-bottom {
  background: #f4f5f7;
  padding: 0.7rem 1.43rem 1rem;
}
.popup-bottom__ {
  padding: 0.7rem 14px 1rem;
}
@media only screen and (max-width: 650px) {
  .popup-bottom__ {
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
  }
}
.popup-bottom__ > p,
.popup-bottom__ > ul {
  flex: 1 1;
  line-height: normal;
  white-space: normal;
}
@media only screen and (max-width: 650px) {
  .popup-bottom__ > ul {
    margin-top: 15px !important;
  }
}
.popup-bottom__ > p img {
  margin-right: 20px;
  max-width: 70px;
  width: 100%;
}
@media only screen and (max-width: 650px) {
  .popup-bottom__ > p img {
    max-width: 40px;
  }
}
.popup-bottom-title {
  font-size: 18px;
  line-height: 1.82;
  white-space: nowrap;
}
.popup-bottom ul {
  display: flex;
  justify-content: center;
  margin-top: 0;
}
.popup-bottom li {
  margin: 5px;
}
@media only screen and (max-width: 1200px) {
  .popup-bottom li {
    margin: 0;
  }
}
.popup-bottom a {
  margin: 5px;
  opacity: 0.7;
}
.popup-bottom a:hover {
  opacity: 1;
}
@media only screen and (max-width: 550px) {
  .popup-bottom a {
    display: inline-block;
    width: 35px;
  }
}
.popup-bottom img {
  max-width: 40px;
  width: 100%;
}
@media only screen and (max-width: 550px) {
  .popup-bottom.d-flex {
    flex-wrap: wrap;
    justify-content: center;
  }
}
.modal-mask {
  background-color: rgba(28, 28, 30, 0.15);
  display: table;
  height: 100%;
  left: 0;
  margin-top: 0 !important;
  position: fixed;
  top: 0;
  transition: opacity 0.3s ease;
  width: 100%;
  z-index: 9998;
}
.modal-mask .modal-wrapper {
  align-items: center;
  display: flex;
  height: 100%;
  margin: 0;
  overflow: auto;
  position: absolute;
  top: 0;
  width: 100%;
}
.modal-mask .modal-wrapper .modal-container {
  background-color: #fff;
  border-radius: 24px;
  margin: 1rem auto;
  max-height: 90vh;
  max-width: 580px;
  overflow: auto;
  padding: 30px 55px;
  position: relative;
  transition: all 0.3s ease;
  width: 94%;
}
.modal-mask .modal-wrapper .modal-container .referral-levels {
  margin: 0;
}
.modal-mask .modal-wrapper .modal-container h3 {
  text-align: center;
}
@media only screen and (max-width: 667px) {
  .modal-mask .modal-wrapper .modal-container h3 {
    font-size: 12px;
  }
}
.modal-mask .modal-wrapper .modal-container .btn {
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 667px) {
  .modal-mask .modal-wrapper .modal-container > div,
  .modal-mask .modal-wrapper .modal-container > div p {
    padding-left: 0;
    padding-right: 0;
  }
}
.modal-mask .modal-wrapper .modal-container .modal-header h3 {
  font-size: 32px;
  font-weight: 600;
  letter-spacing: -1.96px;
  line-height: 1.1;
  margin-bottom: 30px;
}
@media only screen and (max-width: 667px) {
  .modal-mask .modal-wrapper .modal-container .modal-header h3 {
    font-size: 24px;
  }
}
.modal-mask .modal-wrapper .modal-container .btn_close {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgc3Ryb2tlPSIjMUMxQzFFIiBzdHJva2UtbGluZWNhcD0icm91bmQiPjxwYXRoIGQ9Ik0xNCAxNCA3LjUgNy41IDEgMU0xIDE0bDYuNS02LjVMMTQgMSIvPjwvZz48L3N2Zz4=);
  background-position: 50%;
  background-repeat: no-repeat;
  cursor: pointer;
  height: 13px;
  position: absolute;
  right: 25px;
  top: 25px;
  width: 13px;
  z-index: 2;
}
@media only screen and (max-width: 667px) {
  .modal-mask .modal-wrapper .modal-container .btn_close {
    right: 15px;
    top: 15px;
  }
}
.modal-mask .modal-wrapper .modal-container .vue-dropzone {
  border: 1px solid #4876ff;
  border-radius: 24px;
  display: flex;
  justify-content: center;
  letter-spacing: normal;
  min-height: 0 !important;
  padding: 10px 68px;
}
@media only screen and (max-width: 667px) {
  .modal-mask .modal-wrapper .modal-container .vue-dropzone {
    padding: 10px 30px;
  }
}
.modal-mask .modal-wrapper .modal-container .vue-dropzone .dz-message {
  margin: 0 !important;
}
.modal-mask
  .modal-wrapper
  .modal-container
  .vue-dropzone
  .dropzone-custom-content {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.modal-mask
  .modal-wrapper
  .modal-container
  .vue-dropzone
  .dropzone-custom-content
  .dropzone-custom-title {
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
}
@media only screen and (max-width: 667px) {
  .modal-mask
    .modal-wrapper
    .modal-container
    .vue-dropzone
    .dropzone-custom-content
    .dropzone-custom-title {
    font-size: 10px;
  }
}
.modal-mask
  .modal-wrapper
  .modal-container
  .vue-dropzone
  .dropzone-custom-content
  .subtitle {
  color: rgba(28, 28, 30, 0.8);
  font-size: 16px;
  font-weight: 500;
}
@media only screen and (max-width: 667px) {
  .modal-mask
    .modal-wrapper
    .modal-container
    .vue-dropzone
    .dropzone-custom-content
    .subtitle {
    font-size: 10px;
  }
}
.modal-mask .modal-wrapper .modal-container .modal-header {
  margin-top: 0 !important;
  position: relative;
}
@media screen and (max-width: 824px) {
  .modal-mask .modal-wrapper .modal-container .modal-header {
    padding: 8px 0 0;
  }
}
.modal-mask .modal-wrapper .modal-container .modal-body__txt {
  margin-bottom: 30px;
}
@media only screen and (max-width: 667px) {
  .modal-mask .modal-wrapper .modal-container .modal-body__txt {
    margin-bottom: 20px;
  }
}
.modal-mask .modal-wrapper .modal-container .modal-body__txt * {
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  text-align: left !important;
}
@media only screen and (max-width: 667px) {
  .modal-mask .modal-wrapper .modal-container .modal-body__txt * {
    font-size: 12px !important;
  }
}
.modal-mask .modal-wrapper .modal-container .modal-body .about_description {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}
@media only screen and (max-width: 667px) {
  .modal-mask .modal-wrapper .modal-container .modal-body .about_description {
    font-size: 12px;
  }
}
.modal-mask .modal-wrapper .modal-container .modal-body p {
  border: none;
}
.modal-mask .modal-wrapper .modal-container .modal-default-button {
  float: right;
}
.modal-mask .modal-wrapper .modal-container .modal-footer {
  margin-top: 30px;
}
.modal-mask .modal-wrapper .modal-container .modal-footer .btn_position {
  align-items: center;
  display: flex;
  justify-content: center;
  text-align: center;
}
.modal-mask .modal-wrapper .modal-container .modal-footer .btn_position .btn {
  min-width: 180px;
}
.modal-mask
  .modal-wrapper
  .modal-container
  .modal-footer
  .btn_position
  .ok_btn {
  align-items: center;
  background-color: #e5e7ea;
  border: 1px solid #e5e7ea;
  border-radius: 10px;
  color: #9f9f9f;
  cursor: pointer;
  display: flex;
  height: 30px;
  justify-content: center;
  letter-spacing: 1px;
  width: 100px;
}
.modal-mask
  .modal-wrapper
  .modal-container
  .modal-footer
  .btn_position
  .ok_btn:hover {
  background-color: #dadce0;
}
.modal-mask .modal-wrapper .modal-container .btn {
  min-width: 180px;
}
@media only screen and (max-width: 667px) {
  .modal-mask .modal-wrapper .modal-container {
    padding: 30px 10px;
  }
}
.modal-mask .form-ruls {
  background: transparent;
  margin-top: 5px;
  padding-bottom: 0;
  padding-top: 0;
}
.modal-mask .form-ruls p {
  border: none !important;
  color: #5e5f61;
  font-size: 12px;
  font-weight: 400;
  justify-content: center;
  line-height: 14px;
  line-height: 1.5;
  padding-bottom: 0;
  padding-top: 0;
}
.modals-block-inputs {
  align-items: stretch;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.modals-block-inputs--item {
  margin-top: 1.5rem;
  position: relative;
  text-align: left;
}
.modals-block-inputs--item:first-child {
  margin-top: 0 !important;
}
.modals-block-inputs--item p {
  padding: 0 !important;
}
.modals-block-inputs--item .error {
  bottom: -14px;
  color: rgba(28, 28, 30, 0.8);
  font-size: 12px;
  font-weight: 300;
  left: 4px;
  line-height: 14px;
  position: absolute;
}
.modals-block-inputs--item label {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
}
.modals-block-inputs--item label .card {
  bottom: 16px;
  left: 21px;
  position: absolute;
  width: 23px;
}
.modals-block-inputs--item .label {
  display: inline-block;
  font-size: 16px;
  font-weight: 300;
  line-height: 19px;
  margin-bottom: 12px;
}
.modals-block-inputs--item input {
  background: #fff;
  border: 1px solid #dedede;
  border-radius: 13px;
  box-sizing: border-box;
  font-size: 16px;
  font-weight: 300;
  line-height: 20px;
  padding: 16px 20px;
}
.modals-block-inputs--item input.input-card {
  padding: 14px 20px 14px 52px;
}
.modals-block-inputs .bp-dropdown__btn {
  background-color: #f5f6fd;
  border: 1px solid #4876ff;
  border-radius: 24px;
  box-shadow: 0 2px 20px -12px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  height: 50px;
  line-height: 1.5;
  padding: 0 30px;
  position: relative;
}
.modals-block-inputs .bp-dropdown__icon {
  margin-top: -7px;
  position: absolute;
  right: 30px;
  top: 50%;
  z-index: 2;
}
.modals-block-inputs .dropper img {
  margin-left: 0;
  margin-right: 10px;
}
.modals-block-inputs .bp-dropdown__body {
  border: none;
  border-radius: 24px;
  box-shadow: 0 2px 20px -12px rgba(0, 0, 0, 0.1);
  margin-top: 5px;
  padding: 10px 30px;
}
.modals-block-inputs .bp-dropdown__body ul {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.modals-block-inputs .bp-dropdown__body ul li {
  border: none;
}
.modals-block-inputs .bp-dropdown__body ul li:hover {
  background-color: transparent;
}
.modals-block-data {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-bottom: 30px !important;
  margin-top: 30px !important;
}
@media only screen and (max-width: 667px) {
  .modals-block-data {
    gap: 10px;
  }
}
.modals-block-data > p {
  align-items: center;
  display: flex;
  font-size: 16px;
  font-weight: 400;
  justify-content: space-between;
  line-height: 1.5;
  width: 100%;
}
@media only screen and (max-width: 667px) {
  .modals-block-data > p {
    font-size: 12px;
  }
}
.modals-block-data > p b,
.modals-block-data > p input {
  color: #4876ff;
}
.modals-block-data > p label {
  white-space: nowrap;
}
.modals-block-data > p input {
  max-width: 130px;
  text-align: right;
  width: auto;
}
.modal-enter,
.modal-leave-active {
  opacity: 0;
}
.modal-enter .modal-container,
.modal-leave-active .modal-container {
  transform: scale(1.1);
}
@media only screen and (max-width: 667px) {
  .modal-mask .modal-wrapper .modal-container .modal-body {
    margin-bottom: 6px;
    margin-top: 6px;
  }
}
.modal-body__txt h3 {
  border-bottom: 1px solid #dedede;
  color: #212121;
  font-size: 1.75rem;
  line-height: normal;
  margin-bottom: 14px;
  padding-bottom: 14px;
  text-align: center;
}
@media only screen and (max-width: 667px) {
  .modal-body__txt h3 {
    font-size: 16px;
    margin-bottom: 4px;
    padding-bottom: 4px;
  }
}
.modal-body__txt div {
  font-size: 1rem;
  margin-bottom: 8px;
}
.modal-body__txt div:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 667px) {
  .modal-body__txt div {
    font-size: 12px;
    margin-bottom: 4px;
  }
}
.modal-verif .dropzone .dz-message {
  margin: 0.5rem 0 0;
}
.popup-wr {
  border-radius: 5px;
  height: 575px;
  padding: 0;
  width: 475px;
}
.error-box {
  color: #4584f6;
}
.error-box,
.success-box {
  align-items: center;
  display: flex;
  flex-direction: column;
  font-size: 225px;
}
.success-box {
  color: #d52b1e;
}
.qr-block .btn {
  margin-top: 30px;
  width: 213px;
}
.qr-block {
  align-items: center;
  background: #fff;
  color: #1c1c1e;
  display: flex;
  flex-direction: column;
  font-size: 20px;
  padding: 30px 65px 0;
}
@media only screen and (max-width: 667px) {
  .qr-block {
    padding: 0;
  }
}
.qrcode-image {
  padding: 20px;
}
.qr-block-title {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 5px;
}
.hide {
  position: absolute;
  top: -999px;
}
.blurred {
  color: #9899a0;
}
.small-text {
  color: #47474b;
  font-size: 12px;
  line-height: 1.5;
  margin: 0;
}
.number-wr {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 213px;
}
.number {
  align-items: center;
  border: 1px solid #c0ccf7;
  border-radius: 5px;
  font-size: 18px;
  height: 34px;
  width: 24px;
}
.mobile-bar,
.number {
  display: flex;
  justify-content: center;
}
.mobile-bar {
  flex-direction: row;
}
.flick {
  font-size: 0;
}
.hide:focus + .number-wr .flick {
  animation: flick 1s step-end infinite;
  font-size: 18px;
}
.mobile {
  font-size: 20px;
}
.helper-token-text {
  margin-bottom: 5px;
  margin-top: 20px;
}
.app-links-block {
  margin-top: 20px;
}
.app-link {
  margin: 0 5px;
  opacity: 0.7;
}
.app-link:hover {
  opacity: 0.9;
}
.copied-text-2fa {
  color: #2c921b;
}
.app-link img {
  height: 20px;
  width: 20px;
}
.p-input-secter {
  padding: 10px 15px;
}
.p-input-secter p {
  align-items: center;
  display: flex;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
}
.p-input-secter i.fal.fa-copy {
  color: #9899a0;
  font-size: 20px;
  padding: 5px;
}
@keyframes flick {
  0% {
    color: auto;
  }
  50% {
    color: #fff;
  }
}
.notification-box {
  border: 1px solid;
  border-radius: 10px;
  color: #fff;
  margin: 25px;
  padding: 20px;
}
.notification-box img {
  width: 100%;
}
.notification-box .time {
  color: #bbb;
  font-size: 12px;
  font-style: italic;
  margin-left: 35px;
  margin-top: -45px;
}
.notification-box.high {
  background: #d85b5b;
  border-color: #d85b5b;
}
.notification-box.medium {
  background-color: #fff3cd;
  border-color: #ffeeba;
  color: #856404;
}
.notification-box.low {
  background-color: #cce5ff;
  border-color: #b8daff;
  color: #004085;
}
.deposit-modal__title {
  margin-bottom: 24px;
  text-align: center;
}
.deposit-modal__subtitle {
  margin-bottom: 16px;
  text-align: center;
}
.deposit-modal__buttons {
  display: flex;
  justify-content: center;
  margin: 0 -10px;
}
.deposit-modal__buttons:last-child {
  margin-bottom: -20px;
}
.deposit-modal__btn {
  margin: 0 10px 20px;
  min-width: 120px;
}
.deposit-modal__btn--submit {
  display: block;
  flex: 0 0 calc(100% - 20px);
  font-size: 16px;
  padding: 8px 36px;
}
.deposit-modal__tabs {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 -5px;
}
.deposit-modal__tabs:last-child {
  margin-bottom: -10px;
}
.deposit-modal__tab {
  background: #fff;
  border: 1px solid #eee;
  color: #111;
  line-height: 24px !important;
  margin: 0 5px 10px;
  padding: 5px 15px;
}
.deposit-modal__tab.is-active,
.deposit-modal__tab:hover {
  background: #4070f4;
  color: #fff;
}
.deposit-modal__body {
  margin-top: 24px;
}
.deposit-modal__balance {
  align-items: center;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 6px;
  color: #000;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin: 0 0 24px;
  padding: 16px 24px;
}
.deposit-modal__balance-logo {
  flex: 0 0 50px;
  margin-right: 16px;
  max-width: 50px;
}
.deposit-modal__balance-logo img {
  display: block;
  height: 50px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
.deposit-modal__balance-wrap {
  flex: 1 1 auto;
}
.deposit-modal__balance-name {
  color: #111;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 4px;
}
.deposit-modal__balance-symbol {
  color: #111;
  font-size: 16px;
  font-weight: 500;
}
.deposit-modal__balance-right {
  text-align: right;
}
.deposit-modal__balance-label {
  color: #111;
  margin-bottom: 4px;
}
.deposit-modal__balance-value {
  color: #4070f4;
  font-size: 18px;
  font-weight: 800;
}
.deposit-modal__alert {
  background: #fff4d2;
  border: 1px solid #ddc06a;
  border-radius: 5px;
  color: #b78f18;
  margin: 0 0 24px;
  padding: 10px;
}
.deposit-modal__label {
  align-items: flex-end;
  display: flex;
  font-weight: 500;
  justify-content: space-between;
  margin-bottom: 8px;
}
.deposit-modal__max {
  text-align: right;
}
.deposit-modal__max p {
  margin-bottom: 4px;
}
.deposit-modal__max p:last-child {
  margin-bottom: 0;
}
.deposit-modal__input {
  background: #f3f6f8;
  border-radius: 6px;
  border-radius: 4px;
  color: #96989c;
  font-size: 14px;
  height: 64px;
  line-height: 18px;
  padding: 10px 20px;
  text-align: left;
  width: 100%;
}
.deposit-modal__address,
.deposit-modal__count,
.deposit-modal__group,
.deposit-modal__tag {
  margin-bottom: 24px;
}
.deposit-modal__data {
  border: 2px solid #4070f4;
  border-radius: 6px;
  margin-bottom: 24px;
  padding: 8px 16px;
}
.deposit-modal__data-row {
  align-items: center;
  border-bottom: 1px solid #eee;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.deposit-modal__data-row:last-child {
  border-bottom: 0;
}
.deposit-modal__data-logo {
  flex: 0 0 50px;
  margin-right: 16px;
  max-width: 50px;
}
.deposit-modal__data-name {
  flex: 1 1 auto;
  font-size: 14px;
  font-weight: 500;
  text-align: left;
}
.deposit-modal__data-sum {
  float: right;
  font-size: 16px;
  font-weight: 600;
  margin-left: 24px;
}
.deposit-modal__data-img {
  margin-left: 16px;
}
.deposit-modal__data-img--reverse {
  transform: rotate(180deg);
}
.deposit-modal__rate {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
}
.done-banner-block {
  margin-top: 24px;
}
.done-banner-block__text {
  border: 1px solid #b9b9b9;
  border-radius: 5px;
  padding: 16px;
}
.done-banner-block__text p {
  margin-bottom: 16px;
}
.done-banner-block__text p:last-child {
  margin-bottom: 0;
}
.done-banner-block__text a {
  color: #619420;
  -webkit-text-decoration: underline;
  text-decoration: underline;
}
.m-top-18 {
  margin-top: 18px;
}
.p-top-16 {
  padding-top: 16px;
}
.exchangeform__date {
  align-items: center;
  background: #fff;
  border: 1px solid #dedede;
  border-radius: 14px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  min-height: 50px;
  padding: 8px 22px 10px 6px;
}
.exchangeform__date p,
.exchangeform__date span {
  margin: 0 6px;
}
.exchangeform__date-icon {
  align-items: center;
  display: inline-flex;
  flex: none;
  flex-direction: column;
  justify-content: center;
  padding: 0;
}
.exchangeform__date-icon img {
  height: auto;
  max-width: 30px;
  position: static;
  transform: none;
  width: 100%;
}
.exchangeform__date-name {
  color: #212121 !important;
  display: block !important;
  flex: 1;
  font-size: 16px !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.exchangeform-step-2-page .container--form h2 {
  font-size: 1.5em;
  font-weight: 100;
  margin-top: 20px;
  text-transform: none;
}
.exchangeform-step-2-page .form {
  max-width: 714px;
}
.exchangeform-step-2-page .form-v2 {
  flex-direction: column;
}
@media screen and (min-width: 861px) {
  .exchangeform-step-2-page .form-v2 {
    padding-bottom: 0;
  }
}
.exchangeform-step-2-page .form-v2 > div {
  padding: 40px 36px;
}
.exchangeform-step-2-page .form--title {
  margin-bottom: 0;
}
.dataInput .exchangeform-step-2-page .form--title {
  margin-bottom: 24px;
}
.exchangeform-step-2-page .form-v2--input {
  flex: 1;
  min-width: calc(50% - 20px);
}
.exchangeform-step-2-page .form-v2--input input {
  max-width: 448px;
  padding-top: 15px;
}
.exchangeform-step-2-page .form-v2--number {
  max-width: 448px;
  position: relative;
}
.exchangeform-step-2-page .give {
  background: #f9fbfd;
}
.exchangeform-step-2-page .btn-submitForm {
  font-size: 20px;
  font-weight: 500;
  line-height: 23.44px;
}
.exchangeform-step-2-page .info-title {
  color: #191d26;
  font-size: 1.5rem;
  letter-spacing: 0.2px;
  line-height: 28px;
  margin-bottom: 12px;
}
.exchangeform-step-2-page .form-v2--number .currency--symbol {
  align-items: center;
  color: rgba(28, 28, 30, 0.8);
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  right: 20px;
  text-transform: uppercase;
  top: 50%;
  transform: translateY(-50%);
}
.exchangeform-step-2-page .form-v2--number .currency--symbol img {
  height: auto;
  max-width: 30px;
  position: static;
  transform: none;
  width: 100%;
}
.exchangeform-step-2--info {
  padding: 8px;
}
@media screen and (min-width: 861px) {
  .exchangeform-step-2--info {
    padding: 40px 36px;
  }
}
.exchangeform-step-2--info p {
  color: rgba(28, 28, 30, 0.8);
  font-size: 1rem;
  letter-spacing: 0.2px;
  line-height: 28px;
}
.exchangeform-step-2--info ol {
  list-style-type: decimal;
  margin-top: 12px;
  padding-left: 20px;
}
.exchangeform-step-2--info li {
  font-size: 1rem;
  margin-bottom: 12px;
}
.exchangeform-step-2--info li:last-child {
  margin-bottom: 0;
}
.exchangeform-step-2--info li span {
  color: #191d26;
  font-size: 1rem;
  letter-spacing: 0.2px;
  line-height: 24px;
}
.exchangeform-step-2--info li a {
  color: #3daea4;
}
.exchangeform-step-2--info li a:hover {
  color: #017cd1;
}
.form-v2--group {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
  margin: 0 -10px;
}
@media screen and (max-width: 767px) {
  .form-v2--group {
    margin: 0 -5px;
  }
}
.form-v2--group .form-v2--input {
  margin: 0 10px;
}
@media screen and (max-width: 767px) {
  .form-v2--group .form-v2--input {
    margin: 0 5px;
  }
}
.label {
  color: rgba(28, 28, 30, 0.8);
  display: block;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0.2px;
  line-height: 28px;
  margin-bottom: 4px;
  min-height: 28px;
}
.contact-main-icon {
  flex: none;
}
.contact-main-icon p {
  font-size: 15px;
}
.popup .d-flex__col > div {
  flex: 1 0 auto;
  min-width: 200px;
}
.item-page {
  color: #4e5155;
  font-size: 16px;
  line-height: 24px;
}
.item-page
  > div:not(.widget):not(.news-bloc):not(.reviews-bloc):not(.partner-block):not(
    .choose
  ):not(.reserves),
.item-page
  > p:not(.widget):not(.news-bloc):not(.reviews-bloc):not(.partner-block):not(
    .choose
  ):not(.reserves) {
  font-size: 16px;
  line-height: 24px;
  margin: 0;
  padding: 8px 0;
}
.item-page
  > div:not(.widget):not(.news-bloc):not(.reviews-bloc):not(.partner-block):not(
    .choose
  ):not(.reserves):empty,
.item-page
  > p:not(.widget):not(.news-bloc):not(.reviews-bloc):not(.partner-block):not(
    .choose
  ):not(.reserves):empty {
  height: 0;
}
.item-page
  > div:not(.widget):not(.news-bloc):not(.reviews-bloc):not(.partner-block):not(
    .choose
  ):not(.reserves):has(> .ProseMirror-trailingBreak),
.item-page
  > p:not(.widget):not(.news-bloc):not(.reviews-bloc):not(.partner-block):not(
    .choose
  ):not(.reserves):has(> .ProseMirror-trailingBreak) {
  padding: 0;
}
.item-page
  > div:not(.widget):not(.news-bloc):not(.reviews-bloc):not(.partner-block):not(
    .choose
  ):not(.reserves):last-child,
.item-page
  > p:not(.widget):not(.news-bloc):not(.reviews-bloc):not(.partner-block):not(
    .choose
  ):not(.reserves):last-child {
  padding-bottom: 0;
}
.item-page > ol,
.item-page > ul {
  margin: 0;
  padding: 2px 0 2px 16px;
}
.item-page > ol:last-child,
.item-page > ul:last-child {
  margin-bottom: 0;
}
.item-page > ol li,
.item-page > ul li {
  line-height: 24px;
}
.item-page > ol li div,
.item-page > ol li p,
.item-page > ul li div,
.item-page > ul li p {
  margin: 0;
  padding: 0;
}
.item-page > ul {
  list-style: none;
  padding: 2px 0 2px 16px;
}
.item-page > ul li {
  display: flex;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 0;
  padding: 6px 0;
}
.item-page > ul li:last-child {
  margin-bottom: 0;
}
.item-page > ul li:before {
  color: #619420;
  content: "•";
  font-size: 24px;
  margin-right: 10px;
}
.item-page > ol {
  list-style-type: auto;
  padding: 2px 0 2px 30px;
}
.item-page > ol li {
  padding: 6px 0;
}
.item-page
  > :not(.widget):not(.news-bloc):not(.reviews-bloc):not(.partner-block):not(
    .choose
  ):not(.reserves)
  strong {
  font-weight: 700;
}
.item-page
  > :not(.widget):not(.news-bloc):not(.reviews-bloc):not(.partner-block):not(
    .choose
  ):not(.reserves)
  em {
  font-style: italic;
}
.item-page
  > :not(.widget):not(.news-bloc):not(.reviews-bloc):not(.partner-block):not(
    .choose
  ):not(.reserves)
  s {
  -webkit-text-decoration: line-through;
  text-decoration: line-through;
}
.item-page
  > :not(.widget):not(.news-bloc):not(.reviews-bloc):not(.partner-block):not(
    .choose
  ):not(.reserves)
  img {
  display: block;
  height: auto;
  margin-bottom: 24px;
  margin-top: 32px;
  max-width: 100%;
  width: auto;
}
.item-page
  > :not(.widget):not(.news-bloc):not(.reviews-bloc):not(.partner-block):not(
    .choose
  ):not(.reserves)
  hr {
  background: #d9d9d9;
  border: 0;
  display: block;
  height: 1px;
  margin: 8px 0;
  width: 100%;
}
.item-page
  > :not(.widget):not(.news-bloc):not(.reviews-bloc):not(.partner-block):not(
    .choose
  ):not(.reserves)
  a {
  color: #0081eb;
  -webkit-text-decoration: underline;
  text-decoration: underline;
}
.item-page
  > :not(.widget):not(.news-bloc):not(.reviews-bloc):not(.partner-block):not(
    .choose
  ):not(.reserves)
  code {
  background: #efefef;
  border-radius: 6px;
  color: #616161;
  color: #3b454e;
  margin: 16px 0;
  padding: 16px;
}
.item-page
  > :not(.widget):not(.news-bloc):not(.reviews-bloc):not(.partner-block):not(
    .choose
  ):not(.reserves)
  blockquote {
  border-left: 4px solid #e2e4e4;
  margin: 0 0 24px;
  padding-left: 16px;
}
.item-page h1:not(.title),
.item-page h2:not(.title),
.item-page h3:not(.title),
.item-page h4:not(.title),
.item-page h5:not(.title),
.item-page h6:not(.title) {
  color: #1d1d26;
  font-weight: 600;
  line-height: 1.2;
  margin: 0;
  padding: 32px 0 8px;
  text-transform: none;
}
.item-page h1:not(.title):first-child,
.item-page h2:not(.title):first-child,
.item-page h3:not(.title):first-child,
.item-page h4:not(.title):first-child,
.item-page h5:not(.title):first-child,
.item-page h6:not(.title):first-child {
  padding-top: 16px;
}
.item-page h1:not(.title) {
  font-size: 40px;
  line-height: 48px;
  padding: 32px 0 8px;
}
.item-page h2:not(.title) {
  font-size: 30px;
  line-height: 36px;
}
.item-page h3:not(.title) {
  font-size: 24px;
  line-height: 32px;
}
.item-page h4:not(.title) {
  font-size: 20px;
  line-height: 24px;
  padding-top: 28px;
}
.item-page h5:not(.title) {
  font-size: 16px;
  line-height: 19px;
  padding-top: 20px;
}
.item-page h6:not(.title) {
  font-size: 12px;
  line-height: 16px;
  padding-top: 8px;
}
.item-page pre {
  background: #efefef;
  border-radius: 6px;
  color: #616161;
  color: #3b454e;
  margin: 0;
  padding: 38px 16px 16px;
}
.item-page pre code {
  background: none;
  color: inherit;
  margin: 0;
  padding: 0;
}
.item-page pre .hljs-comment,
.item-page pre .hljs-quote {
  color: #616161;
}
.item-page pre .hljs-attribute,
.item-page pre .hljs-link,
.item-page pre .hljs-name,
.item-page pre .hljs-regexp,
.item-page pre .hljs-selector-class,
.item-page pre .hljs-selector-id,
.item-page pre .hljs-tag,
.item-page pre .hljs-template-variable,
.item-page pre .hljs-variable {
  color: #f98181;
}
.item-page pre .hljs-built_in,
.item-page pre .hljs-builtin-name,
.item-page pre .hljs-literal,
.item-page pre .hljs-meta,
.item-page pre .hljs-number,
.item-page pre .hljs-params,
.item-page pre .hljs-type {
  color: #fbbc88;
}
.item-page pre .hljs-bullet,
.item-page pre .hljs-string,
.item-page pre .hljs-symbol {
  color: #b9f18d;
}
.item-page pre .hljs-section,
.item-page pre .hljs-title {
  color: #faf594;
}
.item-page pre .hljs-keyword,
.item-page pre .hljs-selector-tag {
  color: #70cff8;
}
.item-page pre .hljs-emphasis {
  font-style: italic;
}
.item-page pre .hljs-strong {
  font-weight: 700;
}
.item-page .widget h1,
.item-page .widget h2,
.item-page .widget h3,
.item-page .widget h4,
.item-page .widget h5,
.item-page .widget h6 {
  padding: 0;
}
.item-page .widget h1:first-child,
.item-page .widget h2:first-child,
.item-page .widget h3:first-child,
.item-page .widget h4:first-child,
.item-page .widget h5:first-child,
.item-page .widget h6:first-child {
  padding-top: 0;
}
.tooltip {
  display: block !important;
  margin-top: 9px;
  z-index: 10000;
}
.tooltip .tooltip-inner {
  background: #000;
  border-radius: 16px;
  color: #fff;
  padding: 5px 10px 4px;
}
.tooltip .tooltip-arrow {
  border-color: #000;
  border-style: solid;
  height: 0;
  margin: 5px;
  position: absolute;
  width: 0;
  z-index: 1;
}
.tooltip[x-placement^="top"] {
  margin-bottom: 5px;
}
.tooltip[x-placement^="top"] .tooltip-arrow {
  border-bottom-color: transparent !important;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-width: 5px 5px 0;
  bottom: -5px;
  left: calc(50% - 5px);
  margin-bottom: 0;
  margin-top: 0;
}
.tooltip[x-placement^="bottom"] {
  margin-top: 5px;
}
.tooltip[x-placement^="bottom"] .tooltip-arrow {
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-top-color: transparent !important;
  border-width: 0 5px 5px;
  left: calc(50% - 5px);
  margin-bottom: 0;
  margin-top: 0;
  top: -5px;
}
.tooltip[x-placement^="right"] .tooltip-arrow {
  border-bottom-color: transparent !important;
  border-left-color: transparent !important;
  border-top-color: transparent !important;
  border-width: 5px 5px 5px 0;
  left: -5px;
  margin-left: 0;
  margin-right: 0;
  top: calc(50% - 5px);
}
.tooltip[x-placement^="left"] .tooltip-arrow {
  border-bottom-color: transparent !important;
  border-right-color: transparent !important;
  border-top-color: transparent !important;
  border-width: 5px 0 5px 5px;
  margin-left: 0;
  margin-right: 0;
  right: -5px;
  top: calc(50% - 5px);
}
.tooltip.popover .wrapper {
  max-width: 315px;
}
@media screen and (max-width: 619px) {
  .tooltip.popover .wrapper {
    margin-left: 45px;
    margin-right: 45px;
    max-width: 100%;
  }
}
.tooltip.popover .popover__content-title {
  border-bottom: 1px solid rgba(99, 97, 97, 0.6);
  margin-bottom: 5px;
}
.tooltip.popover .popover-inner {
  background: #def4c2;
  border: 1px solid #85c534;
  border-radius: 5px;
  box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
  padding: 10px 8px;
}
.tooltip.popover .popover-inner p {
  color: #313131;
}
.tooltip.popover .popover-arrow {
  border-color: #f9f9f9;
}
.tooltip[aria-hidden="true"] {
  opacity: 0;
  transition: opacity 0.15s, visibility 0.15s;
  visibility: hidden;
}
.tooltip[aria-hidden="false"] {
  opacity: 1;
  transition: opacity 0.15s;
  visibility: visible;
}
.trigger .popover__img {
  cursor: pointer;
  height: 25px;
  right: 56px;
  width: 25px;
}
.pointer {
  cursor: pointer;
}
.transs {
  background: #f5f6fd;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  transition: all 0.2s;
}
.main {
  flex: 1;
}
.main-wr {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding-top: 80px;
  position: relative;
}
@media only screen and (max-width: 1200px) {
  .main-wr {
    padding-top: 50px;
  }
}
@media only screen and (max-width: 667px) {
  .main-wr {
    padding-top: 30px;
  }
}
body {
  background: #f5f6fd;
  margin: 0 auto;
  overflow-x: hidden;
}
.popup-close-bloc {
  background: rgba(0, 0, 0, 0.2);
}
.under-header {
  min-height: 100px;
}
.faded-down-enter-active,
.faded-down-leave-active {
  transition: all 0.3s ease;
}
.faded-down-enter,
.faded-down-leave-to {
  opacity: 0;
  position: absolute;
  transform: translateY(-20px);
}
.faded-enter-active,
.faded-leave-active {
  transition: all 0.3s ease;
}
.faded-enter,
.faded-leave-to {
  opacity: 0;
  transform: translateY(20px);
}
.slide-enter-active,
.slide-leave-active {
  transition: all 0.5s ease;
}
.slide-enter,
.slide-leave-to {
  opacity: 0;
  transform: translateX(1550px);
}
.swal2-popup.swal2-toast {
  background: #fff;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.075), 0 1px 2px rgba(0, 0, 0, 0.075),
    1px 2px 4px rgba(0, 0, 0, 0.075), 1px 3px 8px rgba(0, 0, 0, 0.075),
    2px 4px 16px rgba(0, 0, 0, 0.075);
  box-sizing: border-box;
  grid-column: 1/4 !important;
  grid-row: 1/4 !important;
  grid-template-columns: 1fr 99fr 1fr;
  overflow-y: hidden;
  padding: 1em;
  pointer-events: all;
}
.swal2-popup.swal2-toast > * {
  grid-column: 2;
}
.swal2-popup.swal2-toast .swal2-title {
  font-size: 1em;
  margin: 0.5em 1em;
  padding: 0;
  text-align: left;
  text-align: initial;
}
.swal2-popup.swal2-toast .swal2-loading {
  justify-content: center;
}
.swal2-popup.swal2-toast .swal2-input {
  font-size: 1em;
  height: 2em;
  margin: 0.5em;
}
.swal2-popup.swal2-toast .swal2-validation-message {
  font-size: 1em;
}
.swal2-popup.swal2-toast .swal2-footer {
  font-size: 0.8em;
  margin: 0.5em 0 0;
  padding: 0.5em 0 0;
}
.swal2-popup.swal2-toast .swal2-close {
  align-self: center;
  font-size: 2em;
  grid-column: 3/3;
  grid-row: 1/99;
  height: 0.8em;
  margin: 0;
  width: 0.8em;
}
.swal2-popup.swal2-toast .swal2-html-container {
  font-size: 1em;
  margin: 0.5em 1em;
  overflow: visible;
  overflow: initial;
  padding: 0;
  text-align: left;
  text-align: initial;
}
.swal2-popup.swal2-toast .swal2-html-container:empty {
  padding: 0;
}
.swal2-popup.swal2-toast .swal2-loader {
  align-self: center;
  grid-column: 1;
  grid-row: 1/99;
  height: 2em;
  margin: 0.25em;
  width: 2em;
}
.swal2-popup.swal2-toast .swal2-icon {
  align-self: center;
  grid-column: 1;
  grid-row: 1/99;
  height: 2em;
  margin: 0 0.5em 0 0;
  min-width: 2em;
  width: 2em;
}
.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content {
  align-items: center;
  display: flex;
  font-size: 1.8em;
  font-weight: 700;
}
.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring {
  height: 2em;
  width: 2em;
}
.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^="swal2-x-mark-line"] {
  top: 0.875em;
  width: 1.375em;
}
.swal2-popup.swal2-toast
  .swal2-icon.swal2-error
  [class^="swal2-x-mark-line"][class$="left"] {
  left: 0.3125em;
}
.swal2-popup.swal2-toast
  .swal2-icon.swal2-error
  [class^="swal2-x-mark-line"][class$="right"] {
  right: 0.3125em;
}
.swal2-popup.swal2-toast .swal2-actions {
  height: auto;
  justify-content: flex-start;
  margin: 0.5em 0 0;
  padding: 0 0.5em;
}
.swal2-popup.swal2-toast .swal2-styled {
  font-size: 1em;
  margin: 0.25em 0.5em;
  padding: 0.4em 0.6em;
}
.swal2-popup.swal2-toast .swal2-success {
  border-color: #a5dc86;
}
.swal2-popup.swal2-toast .swal2-success [class^="swal2-success-circular-line"] {
  border-radius: 50%;
  height: 3em;
  position: absolute;
  transform: rotate(45deg);
  width: 1.6em;
}
.swal2-popup.swal2-toast
  .swal2-success
  [class^="swal2-success-circular-line"][class$="left"] {
  border-radius: 4em 0 0 4em;
  left: -0.5em;
  top: -0.8em;
  transform: rotate(-45deg);
  transform-origin: 2em 2em;
}
.swal2-popup.swal2-toast
  .swal2-success
  [class^="swal2-success-circular-line"][class$="right"] {
  border-radius: 0 4em 4em 0;
  left: 0.9375em;
  top: -0.25em;
  transform-origin: 0 1.5em;
}
.swal2-popup.swal2-toast .swal2-success .swal2-success-ring {
  height: 2em;
  width: 2em;
}
.swal2-popup.swal2-toast .swal2-success .swal2-success-fix {
  height: 2.6875em;
  left: 0.4375em;
  top: 0;
  width: 0.4375em;
}
.swal2-popup.swal2-toast .swal2-success [class^="swal2-success-line"] {
  height: 0.3125em;
}
.swal2-popup.swal2-toast
  .swal2-success
  [class^="swal2-success-line"][class$="tip"] {
  left: 0.1875em;
  top: 1.125em;
  width: 0.75em;
}
.swal2-popup.swal2-toast
  .swal2-success
  [class^="swal2-success-line"][class$="long"] {
  right: 0.1875em;
  top: 0.9375em;
  width: 1.375em;
}
.swal2-popup.swal2-toast
  .swal2-success.swal2-icon-show
  .swal2-success-line-tip {
  animation: swal2-toast-animate-success-line-tip 0.75s;
}
.swal2-popup.swal2-toast
  .swal2-success.swal2-icon-show
  .swal2-success-line-long {
  animation: swal2-toast-animate-success-line-long 0.75s;
}
.swal2-popup.swal2-toast.swal2-show {
  animation: swal2-toast-show 0.5s;
}
.swal2-popup.swal2-toast.swal2-hide {
  animation: swal2-toast-hide 0.1s forwards;
}
.swal2-container {
  -webkit-overflow-scrolling: touch;
  bottom: 0;
  box-sizing: border-box;
  display: grid;
  grid-template-areas: "top-start     top            top-end" "center-start  center         center-end" "bottom-start  bottom-center  bottom-end";
  grid-template-rows: minmax(min-content, auto) minmax(min-content, auto) minmax(
      min-content,
      auto
    );
  height: 100%;
  left: 0;
  overflow-x: hidden;
  padding: 0.625em;
  position: fixed;
  right: 0;
  top: 0;
  transition: background-color 0.1s;
  z-index: 1060;
}
.swal2-container.swal2-backdrop-show,
.swal2-container.swal2-noanimation {
  background: rgba(0, 0, 0, 0.4);
}
.swal2-container.swal2-backdrop-hide {
  background: transparent !important;
}
.swal2-container.swal2-bottom-start,
.swal2-container.swal2-center-start,
.swal2-container.swal2-top-start {
  grid-template-columns: minmax(0, 1fr) auto auto;
}
.swal2-container.swal2-bottom,
.swal2-container.swal2-center,
.swal2-container.swal2-top {
  grid-template-columns: auto minmax(0, 1fr) auto;
}
.swal2-container.swal2-bottom-end,
.swal2-container.swal2-center-end,
.swal2-container.swal2-top-end {
  grid-template-columns: auto auto minmax(0, 1fr);
}
.swal2-container.swal2-top-start > .swal2-popup {
  align-self: start;
}
.swal2-container.swal2-top > .swal2-popup {
  align-self: start;
  grid-column: 2;
  justify-self: center;
}
.swal2-container.swal2-top-end > .swal2-popup,
.swal2-container.swal2-top-right > .swal2-popup {
  align-self: start;
  grid-column: 3;
  justify-self: end;
}
.swal2-container.swal2-center-left > .swal2-popup,
.swal2-container.swal2-center-start > .swal2-popup {
  align-self: center;
  grid-row: 2;
}
.swal2-container.swal2-center > .swal2-popup {
  align-self: center;
  grid-column: 2;
  grid-row: 2;
  justify-self: center;
}
.swal2-container.swal2-center-end > .swal2-popup,
.swal2-container.swal2-center-right > .swal2-popup {
  align-self: center;
  grid-column: 3;
  grid-row: 2;
  justify-self: end;
}
.swal2-container.swal2-bottom-left > .swal2-popup,
.swal2-container.swal2-bottom-start > .swal2-popup {
  align-self: end;
  grid-column: 1;
  grid-row: 3;
}
.swal2-container.swal2-bottom > .swal2-popup {
  align-self: end;
  grid-column: 2;
  grid-row: 3;
  justify-self: center;
}
.swal2-container.swal2-bottom-end > .swal2-popup,
.swal2-container.swal2-bottom-right > .swal2-popup {
  align-self: end;
  grid-column: 3;
  grid-row: 3;
  justify-self: end;
}
.swal2-container.swal2-grow-fullscreen > .swal2-popup,
.swal2-container.swal2-grow-row > .swal2-popup {
  grid-column: 1/4;
  width: 100%;
}
.swal2-container.swal2-grow-column > .swal2-popup,
.swal2-container.swal2-grow-fullscreen > .swal2-popup {
  align-self: stretch;
  grid-row: 1/4;
}
.swal2-container.swal2-no-transition {
  transition: none !important;
}
.swal2-popup {
  background: #fff;
  border: none;
  border-radius: 5px;
  box-sizing: border-box;
  color: #545454;
  display: none;
  font-family: inherit;
  font-size: 1rem;
  grid-template-columns: minmax(0, 100%);
  max-width: 100%;
  padding: 0 0 1.25em;
  position: relative;
  width: 32em;
}
.swal2-popup:focus {
  outline: none;
}
.swal2-popup.swal2-loading {
  overflow-y: hidden;
}
.swal2-title {
  word-wrap: break-word;
  color: inherit;
  font-size: 1.875em;
  font-weight: 600;
  margin: 0;
  max-width: 100%;
  padding: 0.8em 1em 0;
  position: relative;
  text-align: center;
  text-transform: none;
}
.swal2-actions {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 1.25em auto 0;
  padding: 0;
  width: auto;
  z-index: 1;
}
.swal2-actions:not(.swal2-loading) .swal2-styled[disabled] {
  opacity: 0.4;
}
.swal2-actions:not(.swal2-loading) .swal2-styled:hover {
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
}
.swal2-actions:not(.swal2-loading) .swal2-styled:active {
  background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
}
.swal2-loader {
  align-items: center;
  animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
  border-color: #2778c4 transparent;
  border-radius: 100%;
  border-style: solid;
  border-width: 0.25em;
  display: none;
  height: 2.2em;
  justify-content: center;
  margin: 0 1.875em;
  width: 2.2em;
}
.swal2-styled {
  box-shadow: 0 0 0 3px transparent;
  font-weight: 500;
  margin: 0.3125em;
  padding: 0.625em 1.1em;
  transition: box-shadow 0.1s;
}
.swal2-styled:not([disabled]) {
  cursor: pointer;
}
.swal2-styled.swal2-confirm {
  background: transparent none repeat 0 0 / auto auto padding-box border-box
    scroll;
  background: initial;
  background-color: #7066e0;
  border: 0;
  border-radius: 0.25em;
  color: #fff;
  font-size: 1em;
}
.swal2-styled.swal2-confirm:focus {
  box-shadow: 0 0 0 3px rgba(112, 102, 224, 0.5);
}
.swal2-styled.swal2-deny {
  background: transparent none repeat 0 0 / auto auto padding-box border-box
    scroll;
  background: initial;
  background-color: #dc3741;
  border: 0;
  border-radius: 0.25em;
  color: #fff;
  font-size: 1em;
}
.swal2-styled.swal2-deny:focus {
  box-shadow: 0 0 0 3px rgba(220, 55, 65, 0.5);
}
.swal2-styled.swal2-cancel {
  background: transparent none repeat 0 0 / auto auto padding-box border-box
    scroll;
  background: initial;
  background-color: #6e7881;
  border: 0;
  border-radius: 0.25em;
  color: #fff;
  font-size: 1em;
}
.swal2-styled.swal2-cancel:focus {
  box-shadow: 0 0 0 3px hsla(208, 8%, 47%, 0.5);
}
.swal2-styled.swal2-default-outline:focus {
  box-shadow: 0 0 0 3px rgba(100, 150, 200, 0.5);
}
.swal2-styled:focus {
  outline: none;
}
.swal2-styled::-moz-focus-inner {
  border: 0;
}
.swal2-footer {
  border-top: 1px solid #eee;
  color: inherit;
  font-size: 1em;
  justify-content: center;
  margin: 1em 0 0;
  padding: 1em 1em 0;
}
.swal2-timer-progress-bar-container {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  bottom: 0;
  grid-column: auto !important;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
}
.swal2-timer-progress-bar {
  background: rgba(0, 0, 0, 0.2);
  height: 0.25em;
  width: 100%;
}
.swal2-image {
  margin: 2em auto 1em;
  max-width: 100%;
}
.swal2-close {
  align-items: center;
  background: transparent;
  border: none;
  border-radius: 5px;
  color: #ccc;
  cursor: pointer;
  font-family: serif;
  font-family: monospace;
  font-size: 2.5em;
  height: 1.2em;
  justify-content: center;
  justify-self: end;
  margin-bottom: -1.2em;
  margin-right: 0;
  margin-top: 0;
  overflow: hidden;
  padding: 0;
  transition: color 0.1s, box-shadow 0.1s;
  width: 1.2em;
  z-index: 2;
}
.swal2-close:hover {
  background: transparent;
  color: #f27474;
  transform: none;
}
.swal2-close:focus {
  box-shadow: inset 0 0 0 3px rgba(100, 150, 200, 0.5);
  outline: none;
}
.swal2-close::-moz-focus-inner {
  border: 0;
}
.swal2-html-container {
  word-wrap: break-word;
  color: inherit;
  font-size: 1.125em;
  font-weight: 400;
  justify-content: center;
  line-height: normal;
  margin: 1em 1.6em 0.3em;
  overflow: auto;
  padding: 0;
  text-align: center;
  word-break: break-word;
  z-index: 1;
}
.swal2-checkbox,
.swal2-file,
.swal2-input,
.swal2-radio,
.swal2-select,
.swal2-textarea {
  margin: 1em 2em 3px;
}
.swal2-file,
.swal2-input,
.swal2-textarea {
  background: transparent;
  border: 1px solid #d9d9d9;
  border-radius: 0.1875em;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px transparent;
  box-sizing: border-box;
  color: inherit;
  font-size: 1.125em;
  transition: border-color 0.1s, box-shadow 0.1s;
  width: auto;
}
.swal2-file.swal2-inputerror,
.swal2-input.swal2-inputerror,
.swal2-textarea.swal2-inputerror {
  border-color: #f27474 !important;
  box-shadow: 0 0 2px #f27474 !important;
}
.swal2-file:focus,
.swal2-input:focus,
.swal2-textarea:focus {
  border: 1px solid #b4dbed;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06),
    0 0 0 3px rgba(100, 150, 200, 0.5);
  outline: none;
}
.swal2-file::-moz-placeholder,
.swal2-input::-moz-placeholder,
.swal2-textarea::-moz-placeholder {
  color: #ccc;
}
.swal2-file::placeholder,
.swal2-input::placeholder,
.swal2-textarea::placeholder {
  color: #ccc;
}
.swal2-range {
  background: #fff;
  margin: 1em 2em 3px;
}
.swal2-range input {
  width: 80%;
}
.swal2-range output {
  color: inherit;
  font-weight: 600;
  text-align: center;
  width: 20%;
}
.swal2-range input,
.swal2-range output {
  font-size: 1.125em;
  height: 2.625em;
  line-height: 2.625em;
  padding: 0;
}
.swal2-input {
  height: 2.625em;
  padding: 0 0.75em;
}
.swal2-file {
  background: transparent;
  font-size: 1.125em;
  margin-left: auto;
  margin-right: auto;
  width: 75%;
}
.swal2-textarea {
  height: 6.75em;
  padding: 0.75em;
}
.swal2-select {
  background: transparent;
  color: inherit;
  font-size: 1.125em;
  max-width: 100%;
  min-width: 50%;
  padding: 0.375em 0.625em;
}
.swal2-checkbox,
.swal2-radio {
  align-items: center;
  background: #fff;
  color: inherit;
  justify-content: center;
}
.swal2-checkbox label,
.swal2-radio label {
  font-size: 1.125em;
  margin: 0 0.6em;
}
.swal2-checkbox input,
.swal2-radio input {
  flex-shrink: 0;
  margin: 0 0.4em;
}
.swal2-input-label {
  display: flex;
  justify-content: center;
  margin: 1em auto 0;
}
.swal2-validation-message {
  align-items: center;
  background: #f0f0f0;
  color: #666;
  font-size: 1em;
  font-weight: 300;
  justify-content: center;
  margin: 1em 0 0;
  overflow: hidden;
  padding: 0.625em;
}
.swal2-validation-message:before {
  background-color: #f27474;
  border-radius: 50%;
  color: #fff;
  content: "!";
  display: inline-block;
  font-weight: 600;
  height: 1.5em;
  line-height: 1.5em;
  margin: 0 0.625em;
  min-width: 1.5em;
  text-align: center;
  width: 1.5em;
}
.swal2-icon {
  border: 0.25em solid #000;
  border-radius: 50%;
  box-sizing: content-box;
  cursor: default;
  font-family: inherit;
  height: 5em;
  justify-content: center;
  line-height: 5em;
  margin: 2.5em auto 0.6em;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 5em;
}
.swal2-icon .swal2-icon-content {
  align-items: center;
  display: flex;
  font-size: 3.75em;
}
.swal2-icon.swal2-error {
  border-color: #f27474;
  color: #f27474;
}
.swal2-icon.swal2-error .swal2-x-mark {
  flex-grow: 1;
  position: relative;
}
.swal2-icon.swal2-error [class^="swal2-x-mark-line"] {
  background-color: #f27474;
  border-radius: 0.125em;
  display: block;
  height: 0.3125em;
  position: absolute;
  top: 2.3125em;
  width: 2.9375em;
}
.swal2-icon.swal2-error [class^="swal2-x-mark-line"][class$="left"] {
  left: 1.0625em;
  transform: rotate(45deg);
}
.swal2-icon.swal2-error [class^="swal2-x-mark-line"][class$="right"] {
  right: 1em;
  transform: rotate(-45deg);
}
.swal2-icon.swal2-error.swal2-icon-show {
  animation: swal2-animate-error-icon 0.5s;
}
.swal2-icon.swal2-error.swal2-icon-show .swal2-x-mark {
  animation: swal2-animate-error-x-mark 0.5s;
}
.swal2-icon.swal2-warning {
  border-color: #facea8;
  color: #f8bb86;
}
.swal2-icon.swal2-warning.swal2-icon-show {
  animation: swal2-animate-error-icon 0.5s;
}
.swal2-icon.swal2-warning.swal2-icon-show .swal2-icon-content {
  animation: swal2-animate-i-mark 0.5s;
}
.swal2-icon.swal2-info {
  border-color: #9de0f6;
  color: #3fc3ee;
}
.swal2-icon.swal2-info.swal2-icon-show {
  animation: swal2-animate-error-icon 0.5s;
}
.swal2-icon.swal2-info.swal2-icon-show .swal2-icon-content {
  animation: swal2-animate-i-mark 0.8s;
}
.swal2-icon.swal2-question {
  border-color: #c9dae1;
  color: #87adbd;
}
.swal2-icon.swal2-question.swal2-icon-show {
  animation: swal2-animate-error-icon 0.5s;
}
.swal2-icon.swal2-question.swal2-icon-show .swal2-icon-content {
  animation: swal2-animate-question-mark 0.8s;
}
.swal2-icon.swal2-success {
  border-color: #a5dc86;
  color: #a5dc86;
}
.swal2-icon.swal2-success [class^="swal2-success-circular-line"] {
  border-radius: 50%;
  height: 7.5em;
  position: absolute;
  transform: rotate(45deg);
  width: 3.75em;
}
.swal2-icon.swal2-success
  [class^="swal2-success-circular-line"][class$="left"] {
  border-radius: 7.5em 0 0 7.5em;
  left: -2.0635em;
  top: -0.4375em;
  transform: rotate(-45deg);
  transform-origin: 3.75em 3.75em;
}
.swal2-icon.swal2-success
  [class^="swal2-success-circular-line"][class$="right"] {
  border-radius: 0 7.5em 7.5em 0;
  left: 1.875em;
  top: -0.6875em;
  transform: rotate(-45deg);
  transform-origin: 0 3.75em;
}
.swal2-icon.swal2-success .swal2-success-ring {
  border: 0.25em solid hsla(98, 55%, 69%, 0.3);
  border-radius: 50%;
  box-sizing: content-box;
  height: 100%;
  left: -0.25em;
  position: absolute;
  top: -0.25em;
  width: 100%;
  z-index: 2;
}
.swal2-icon.swal2-success .swal2-success-fix {
  height: 5.625em;
  left: 1.625em;
  position: absolute;
  top: 0.5em;
  transform: rotate(-45deg);
  width: 0.4375em;
  z-index: 1;
}
.swal2-icon.swal2-success [class^="swal2-success-line"] {
  background-color: #a5dc86;
  border-radius: 0.125em;
  display: block;
  height: 0.3125em;
  position: absolute;
  z-index: 2;
}
.swal2-icon.swal2-success [class^="swal2-success-line"][class$="tip"] {
  left: 0.8125em;
  top: 2.875em;
  transform: rotate(45deg);
  width: 1.5625em;
}
.swal2-icon.swal2-success [class^="swal2-success-line"][class$="long"] {
  right: 0.5em;
  top: 2.375em;
  transform: rotate(-45deg);
  width: 2.9375em;
}
.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-tip {
  animation: swal2-animate-success-line-tip 0.75s;
}
.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-long {
  animation: swal2-animate-success-line-long 0.75s;
}
.swal2-icon.swal2-success.swal2-icon-show .swal2-success-circular-line-right {
  animation: swal2-rotate-success-circular-line 4.25s ease-in;
}
.swal2-progress-steps {
  align-items: center;
  background: transparent;
  flex-wrap: wrap;
  font-weight: 600;
  margin: 1.25em auto;
  max-width: 100%;
  padding: 0;
}
.swal2-progress-steps li {
  display: inline-block;
  position: relative;
}
.swal2-progress-steps .swal2-progress-step {
  background: #2778c4;
  border-radius: 2em;
  color: #fff;
  flex-shrink: 0;
  height: 2em;
  line-height: 2em;
  text-align: center;
  width: 2em;
  z-index: 20;
}
.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {
  background: #2778c4;
}
.swal2-progress-steps
  .swal2-progress-step.swal2-active-progress-step
  ~ .swal2-progress-step {
  background: #add8e6;
  color: #fff;
}
.swal2-progress-steps
  .swal2-progress-step.swal2-active-progress-step
  ~ .swal2-progress-step-line {
  background: #add8e6;
}
.swal2-progress-steps .swal2-progress-step-line {
  background: #2778c4;
  flex-shrink: 0;
  height: 0.4em;
  margin: 0 -1px;
  width: 2.5em;
  z-index: 10;
}
[class^="swal2"] {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.swal2-show {
  animation: swal2-show 0.3s;
}
.swal2-hide {
  animation: swal2-hide 0.15s forwards;
}
.swal2-noanimation {
  transition: none;
}
.swal2-scrollbar-measure {
  height: 50px;
  overflow: scroll;
  position: absolute;
  top: -9999px;
  width: 50px;
}
.swal2-rtl .swal2-close {
  margin-left: 0;
  margin-right: 0;
}
.swal2-rtl .swal2-timer-progress-bar {
  left: auto;
  right: 0;
}
.leave-russia-now-and-apply-your-skills-to-the-world {
  align-items: center;
  background: #20232a;
  bottom: 0;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  left: 0;
  padding: 25px 0 20px;
  position: fixed;
  right: 0;
  text-align: center;
  top: 0;
  z-index: 1939;
}
.leave-russia-now-and-apply-your-skills-to-the-world div {
  line-height: 146%;
  margin: 10px;
  max-width: 560px;
}
.leave-russia-now-and-apply-your-skills-to-the-world iframe {
  margin: 16px auto;
  max-height: 55.5555555556vmin;
  max-width: 100%;
}
.leave-russia-now-and-apply-your-skills-to-the-world strong {
  border-bottom: 2px dashed #fff;
}
.leave-russia-now-and-apply-your-skills-to-the-world button {
  align-items: center;
  background: transparent;
  border: none;
  color: #aaa;
  cursor: pointer;
  display: flex;
  font-size: 48px;
  font-weight: 700;
  height: 48px;
  justify-content: center;
  margin-bottom: -10px;
  margin-right: 10px;
  position: fixed;
  right: 0;
  top: 0;
  width: 48px;
  z-index: 1940;
}
.leave-russia-now-and-apply-your-skills-to-the-world button:hover {
  color: #fff;
}
@keyframes swal2-toast-show {
  0% {
    transform: translateY(-0.625em) rotate(2deg);
  }
  33% {
    transform: translateY(0) rotate(-2deg);
  }
  66% {
    transform: translateY(0.3125em) rotate(2deg);
  }
  to {
    transform: translateY(0) rotate(0deg);
  }
}
@keyframes swal2-toast-hide {
  to {
    opacity: 0;
    transform: rotate(1deg);
  }
}
@keyframes swal2-toast-animate-success-line-tip {
  0% {
    left: 0.0625em;
    top: 0.5625em;
    width: 0;
  }
  54% {
    left: 0.125em;
    top: 0.125em;
    width: 0;
  }
  70% {
    left: -0.25em;
    top: 0.625em;
    width: 1.625em;
  }
  84% {
    left: 0.75em;
    top: 1.0625em;
    width: 0.5em;
  }
  to {
    left: 0.1875em;
    top: 1.125em;
    width: 0.75em;
  }
}
@keyframes swal2-toast-animate-success-line-long {
  0% {
    right: 1.375em;
    top: 1.625em;
    width: 0;
  }
  65% {
    right: 0.9375em;
    top: 1.25em;
    width: 0;
  }
  84% {
    right: 0;
    top: 0.9375em;
    width: 1.125em;
  }
  to {
    right: 0.1875em;
    top: 0.9375em;
    width: 1.375em;
  }
}
@keyframes swal2-show {
  0% {
    transform: scale(0.7);
  }
  45% {
    transform: scale(1.05);
  }
  80% {
    transform: scale(0.95);
  }
  to {
    transform: scale(1);
  }
}
@keyframes swal2-hide {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(0.5);
  }
}
@keyframes swal2-animate-success-line-tip {
  0% {
    left: 0.0625em;
    top: 1.1875em;
    width: 0;
  }
  54% {
    left: 0.125em;
    top: 1.0625em;
    width: 0;
  }
  70% {
    left: -0.375em;
    top: 2.1875em;
    width: 3.125em;
  }
  84% {
    left: 1.3125em;
    top: 3em;
    width: 1.0625em;
  }
  to {
    left: 0.8125em;
    top: 2.8125em;
    width: 1.5625em;
  }
}
@keyframes swal2-animate-success-line-long {
  0% {
    right: 2.875em;
    top: 3.375em;
    width: 0;
  }
  65% {
    right: 2.875em;
    top: 3.375em;
    width: 0;
  }
  84% {
    right: 0;
    top: 2.1875em;
    width: 3.4375em;
  }
  to {
    right: 0.5em;
    top: 2.375em;
    width: 2.9375em;
  }
}
@keyframes swal2-rotate-success-circular-line {
  0% {
    transform: rotate(-45deg);
  }
  5% {
    transform: rotate(-45deg);
  }
  12% {
    transform: rotate(-405deg);
  }
  to {
    transform: rotate(-405deg);
  }
}
@keyframes swal2-animate-error-x-mark {
  0% {
    margin-top: 1.625em;
    opacity: 0;
    transform: scale(0.4);
  }
  50% {
    margin-top: 1.625em;
    opacity: 0;
    transform: scale(0.4);
  }
  80% {
    margin-top: -0.375em;
    transform: scale(1.15);
  }
  to {
    margin-top: 0;
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes swal2-animate-error-icon {
  0% {
    opacity: 0;
    transform: rotateX(100deg);
  }
  to {
    opacity: 1;
    transform: rotateX(0deg);
  }
}
@keyframes swal2-rotate-loading {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
@keyframes swal2-animate-question-mark {
  0% {
    transform: rotateY(-1turn);
  }
  to {
    transform: rotateY(0);
  }
}
@keyframes swal2-animate-i-mark {
  0% {
    opacity: 0;
    transform: rotate(45deg);
  }
  25% {
    opacity: 0.4;
    transform: rotate(-25deg);
  }
  50% {
    opacity: 0.8;
    transform: rotate(15deg);
  }
  75% {
    opacity: 1;
    transform: rotate(-5deg);
  }
  to {
    opacity: 1;
    transform: rotateX(0);
  }
}
body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
  overflow: hidden;
}
body.swal2-height-auto {
  height: auto !important;
}
body.swal2-no-backdrop .swal2-container {
  background-color: transparent !important;
  pointer-events: none;
}
body.swal2-no-backdrop .swal2-container .swal2-popup {
  pointer-events: all;
}
body.swal2-no-backdrop .swal2-container .swal2-modal {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}
@media print {
  body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
    overflow-y: scroll !important;
  }
  body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown)
    > [aria-hidden="true"] {
    display: none;
  }
  body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown)
    .swal2-container {
    position: static !important;
  }
}
body.swal2-toast-shown .swal2-container {
  background-color: transparent;
  box-sizing: border-box;
  max-width: 100%;
  pointer-events: none;
  width: 360px;
}
body.swal2-toast-shown .swal2-container.swal2-top {
  bottom: auto;
  left: 50%;
  right: auto;
  top: 0;
  transform: translateX(-50%);
}
body.swal2-toast-shown .swal2-container.swal2-top-end,
body.swal2-toast-shown .swal2-container.swal2-top-right {
  bottom: auto;
  left: auto;
  right: 0;
  top: 0;
}
body.swal2-toast-shown .swal2-container.swal2-top-left,
body.swal2-toast-shown .swal2-container.swal2-top-start {
  bottom: auto;
  left: 0;
  right: auto;
  top: 0;
}
body.swal2-toast-shown .swal2-container.swal2-center-left,
body.swal2-toast-shown .swal2-container.swal2-center-start {
  bottom: auto;
  left: 0;
  right: auto;
  top: 50%;
  transform: translateY(-50%);
}
body.swal2-toast-shown .swal2-container.swal2-center {
  bottom: auto;
  left: 50%;
  right: auto;
  top: 50%;
  transform: translate(-50%, -50%);
}
body.swal2-toast-shown .swal2-container.swal2-center-end,
body.swal2-toast-shown .swal2-container.swal2-center-right {
  bottom: auto;
  left: auto;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
body.swal2-toast-shown .swal2-container.swal2-bottom-left,
body.swal2-toast-shown .swal2-container.swal2-bottom-start {
  bottom: 0;
  left: 0;
  right: auto;
  top: auto;
}
body.swal2-toast-shown .swal2-container.swal2-bottom {
  bottom: 0;
  left: 50%;
  right: auto;
  top: auto;
  transform: translateX(-50%);
}
body.swal2-toast-shown .swal2-container.swal2-bottom-end,
body.swal2-toast-shown .swal2-container.swal2-bottom-right {
  bottom: 0;
  left: auto;
  right: 0;
  top: auto;
}
.swal2-container {
  z-index: 9999 !important;
}
.swal2-container.swal2-shown {
  z-index: 9998;
}
.swal2-actions .swal2-cancel.swal2-styled,
.swal2-actions .swal2-confirm.swal2-styled,
.swal2-actions .swal2-deny.swal2-styled {
  background: linear-gradient(
    93deg,
    #4876ff 15.91%,
    rgba(99, 138, 255, 0.82) 96.19%
  );
  border: none;
  border-radius: 24px;
  box-shadow: 0 20px 50px -12px rgba(0, 0, 0, 0.1);
  color: #1c1c1e;
  font-size: 16px;
  font-weight: 600;
  height: 50px;
  padding: 0 10px;
  transition: background 0.2s ease;
}
.swal2-actions .swal2-cancel.swal2-styled:hover,
.swal2-actions .swal2-confirm.swal2-styled:hover,
.swal2-actions .swal2-deny.swal2-styled:hover {
  background: linear-gradient(
    93deg,
    #6e92ff 15.91%,
    rgba(146, 173, 255, 0.82) 96.19%
  ) !important;
}
.swal2-actions .swal2-cancel.swal2-styled {
  background: #f5f6fd !important;
  border: 1px solid #4876ff !important;
}
.swal2-actions .swal2-cancel.swal2-styled:hover {
  background: #f5f6fd !important;
}
.swal2-html-container {
  color: #1c1c1e !important;
  font-size: 16px !important;
  font-weight: 700 !important;
}
@media only screen and (max-width: 667px) {
  .swal2-html-container {
    font-size: 12px !important;
  }
}
.swal2-popup {
  border-radius: 24px !important;
}
.swal2-icon.swal2-question.swal2-icon-show {
  animation: none !important;
  background-image: url(../img/modal-confirm.e429f89.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  border: none;
  height: 188px;
  margin: 0 auto 15px;
  width: 314px;
}
.swal2-icon.swal2-question.swal2-icon-show .swal2-icon-content {
  display: none;
}
.swal2-close {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgc3Ryb2tlPSIjMUMxQzFFIiBzdHJva2UtbGluZWNhcD0icm91bmQiPjxwYXRoIGQ9Ik0xNCAxNCA3LjUgNy41IDEgMU0xIDE0bDYuNS02LjVMMTQgMSIvPjwvZz48L3N2Zz4=) !important;
  background-position: 50% !important;
  background-repeat: no-repeat !important;
  color: transparent !important;
  cursor: pointer !important;
  height: 13px !important;
  position: absolute !important;
  right: 25px !important;
  top: 25px !important;
  width: 13px !important;
  z-index: 2 !important;
}
.swal2-close:focus {
  box-shadow: none !important;
}
.swal2-title {
  color: #1c1c1e !important;
  font-size: 42px !important;
  font-weight: 700 !important;
  letter-spacing: -1.963px !important;
  line-height: 1.1 !important;
  padding-top: 0 !important;
}
@media only screen and (max-width: 667px) {
  .swal2-title {
    font-size: 24px !important;
  }
}
.swal2-actions {
  gap: 30px !important;
  margin-top: 30px !important;
}
@media only screen and (max-width: 667px) {
  .swal2-actions {
    flex-direction: column !important;
    gap: 10px !important;
    margin-top: 10px !important;
  }
}
.swal2-actions .swal2-styled {
  margin: 0 !important;
  width: 144px !important;
}
input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"] {
  -moz-appearance: textfield;
}
.stop-scrolling {
  height: 100%;
  overflow: hidden;
}
.p20 {
  padding: 20px;
}
.exchangeform-step-2-page .container--form h2 {
  color: #000;
}
@media screen and (min-width: 1200px) {
  .only-mobile {
    display: none !important;
  }
}
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
::-webkit-scrollbar {
  border-radius: 2px;
  height: 4px;
  width: 4px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: #4876ff;
  border-radius: 2px;
}
input[data-v-ff655f22],
textarea[data-v-ff655f22] {
  color: #fff;
}
.notify[data-v-7d5b2f10] {
  @include p-reg();
  border-radius: 24px;
  color: $black;
  font-weight: 600;
  margin: 20px;
  max-width: 400px;
  padding: 20px;
}
.top-left[data-v-7d5b2f10] {
  align-items: center;
  display: flex;
  left: 0;
  margin: 20px;
  position: fixed;
  top: 0;
  transform: translateX(-420px);
  z-index: 1000;
}
.top-left.do-show[data-v-7d5b2f10] {
  animation: slide-in-left 1s ease-in-out forwards,
    slide-in-left 1s ease-in-out 5s reverse forwards;
}
.top-left[data-notification-status="notice"][data-v-7d5b2f10] {
  background-color: #c0ccf7;
}
.top-left[data-notification-status="warning"][data-v-7d5b2f10] {
  background-color: #ffe3a3;
}
.top-left[data-notification-status="error"][data-v-7d5b2f10] {
  background-color: #fd827a;
}
.top-left[data-notification-status="success"][data-v-7d5b2f10] {
  background-color: #b2e2c0;
}
.top-left[data-notification-status="question"][data-v-7d5b2f10] {
  background-color: #8d6e63;
}
.top-left[data-notification-status="plain"][data-v-7d5b2f10] {
  background-color: #333;
}
.top-right[data-v-7d5b2f10] {
  align-items: center;
  display: flex;
  margin: 20px;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 9000;
}
.top-right.do-show[data-v-7d5b2f10] {
  animation: fade-in 1s ease-in-out forwards,
    fade-in 1s ease-in-out 3s reverse forwards;
}
.top-right[data-notification-status="notice"][data-v-7d5b2f10] {
  background-color: #c0ccf7;
}
.top-right[data-notification-status="warning"][data-v-7d5b2f10] {
  background-color: #ffe3a3;
}
.top-right[data-notification-status="error"][data-v-7d5b2f10] {
  background-color: #fd827a;
}
.top-right[data-notification-status="success"][data-v-7d5b2f10] {
  background-color: #b2e2c0;
}
.top-right[data-notification-status="question"][data-v-7d5b2f10] {
  background-color: #8d6e63;
}
.top-right[data-notification-status="plain"][data-v-7d5b2f10] {
  background-color: #333;
}
.bottom-right[data-v-7d5b2f10] {
  align-items: center;
  bottom: 0;
  display: flex;
  margin: 20px;
  position: fixed;
  right: 0;
  transform: translateX(420px);
  z-index: 1000;
}
@keyframes slide-in-right-7d5b2f10 {
  to {
    transform: translateX(0);
  }
}
.bottom-right.do-show[data-v-7d5b2f10] {
  animation: slide-in-right-7d5b2f10 1s ease-in-out forwards,
    slide-in-right-7d5b2f10 1s ease-in-out 3s reverse forwards;
}
.bottom-right[data-notification-status="notice"][data-v-7d5b2f10] {
  background-color: #c0ccf7;
}
.bottom-right[data-notification-status="warning"][data-v-7d5b2f10] {
  background-color: #ffe3a3;
}
.bottom-right[data-notification-status="error"][data-v-7d5b2f10] {
  background-color: #fd827a;
}
.bottom-right[data-notification-status="success"][data-v-7d5b2f10] {
  background-color: #b2e2c0;
}
.bottom-right[data-notification-status="question"][data-v-7d5b2f10] {
  background-color: #8d6e63;
}
.bottom-right[data-notification-status="plain"][data-v-7d5b2f10] {
  background-color: #333;
}
.bottom-left[data-v-7d5b2f10] {
  align-items: center;
  bottom: 0;
  display: flex;
  left: 0;
  margin: 20px;
  position: fixed;
  z-index: 1000;
}
.bottom-left.do-show[data-v-7d5b2f10] {
  animation: fade-in 1s ease-in-out forwards,
    fade-in 1s ease-in-out 3s reverse forwards;
}
.bottom-left[data-notification-status="notice"][data-v-7d5b2f10] {
  background-color: #c0ccf7;
}
.bottom-left[data-notification-status="warning"][data-v-7d5b2f10] {
  background-color: #ffe3a3;
}
.bottom-left[data-notification-status="error"][data-v-7d5b2f10] {
  background-color: #fd827a;
}
.bottom-left[data-notification-status="success"][data-v-7d5b2f10] {
  background-color: #b2e2c0;
}
.bottom-left[data-notification-status="question"][data-v-7d5b2f10] {
  background-color: #8d6e63;
}
.bottom-left[data-notification-status="plain"][data-v-7d5b2f10] {
  background-color: #333;
}
.bar-top[data-v-7d5b2f10] {
  align-items: center;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.35);
  color: #fff;
  display: flex;
  left: 0;
  line-height: 1.3;
  padding: 20px;
  position: fixed;
  right: 0;
  top: 0;
  transform: translateY(-100%);
  width: 100%;
  z-index: 1000;
}
.bar-top.do-show[data-v-7d5b2f10] {
  animation: slide-show 1s forwards, slide-show 1s 3s reverse forwards;
}
.bar-top[data-notification-status="notice"][data-v-7d5b2f10] {
  background-color: #c0ccf7;
}
.bar-top[data-notification-status="warning"][data-v-7d5b2f10] {
  background-color: #ffe3a3;
}
.bar-top[data-notification-status="error"][data-v-7d5b2f10] {
  background-color: #fd827a;
}
.bar-top[data-notification-status="success"][data-v-7d5b2f10] {
  background-color: #b2e2c0;
}
.bar-top[data-notification-status="question"][data-v-7d5b2f10] {
  background-color: #8d6e63;
}
.bar-top[data-notification-status="plain"][data-v-7d5b2f10] {
  background-color: #333;
}
.bar-bottom[data-v-7d5b2f10] {
  align-items: center;
  bottom: 0;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.35);
  color: #fff;
  display: flex;
  left: 0;
  line-height: 1.3;
  padding: 20px;
  position: fixed;
  right: 0;
  width: 100%;
  z-index: 1000;
}
.bar-bottom.do-show[data-v-7d5b2f10] {
  animation: fade-in 1s ease-in-out forwards,
    fade-in 1s ease-in-out 3s reverse forwards;
}
.bar-bottom[data-notification-status="notice"][data-v-7d5b2f10] {
  background-color: #c0ccf7;
}
.bar-bottom[data-notification-status="warning"][data-v-7d5b2f10] {
  background-color: #ffe3a3;
}
.bar-bottom[data-notification-status="error"][data-v-7d5b2f10] {
  background-color: #fd827a;
}
.bar-bottom[data-notification-status="success"][data-v-7d5b2f10] {
  background-color: #b2e2c0;
}
.bar-bottom[data-notification-status="question"][data-v-7d5b2f10] {
  background-color: #8d6e63;
}
.bar-bottom[data-notification-status="plain"][data-v-7d5b2f10] {
  background-color: #333;
}
.ie_block[data-v-9109eb26] {
  align-items: center;
  background: #aaa;
  border-radius: 20px;
  color: #111;
  display: flex;
  flex-direction: column;
  font-size: 25px;
  justify-content: center;
  margin: 0 auto;
  padding: 15px;
  text-align: center;
  width: 50%;
}
.ie_block > div[data-v-9109eb26] {
  color: #333;
  display: flex;
  font-weight: 700;
  margin-top: 20px;
}
.ie_block a[data-v-9109eb26]:hover {
  color: #0ab;
}
.ie_block img[data-v-9109eb26] {
  height: 30px;
  margin-right: 15px;
  width: 30px;
}
.footer .logo {
  display: flex;
  text-transform: uppercase;
  color: #1c1c1e;
  font-weight: 700;
  font-size: 19px;
  transition: 0.3s;
  margin-bottom: 0.75rem;
}

.hidden {
  display: none;
}
