.btn, .form-container .df__form-link, a {
  text-decoration: none; }

.qr, body, html {
  color: var(--c-font-1); }

.content, .how-to.updated .description, .how-to.updated .title, body, html {
  max-width: 100%; }

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

@font-face {
  font-family: Geologica;
  src: url(../fonts/Geologica/Geologica-Bold.woff) format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: Geologica;
  src: url(../fonts/Geologica/Geologica-SemiBold.woff) format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: Geologica;
  src: url(../fonts/Geologica/Geologica-Medium.woff) format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: Geologica;
  src: url(../fonts/Geologica/Geologica-Regular.woff) format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: Geologica;
  src: url(../fonts/Geologica/Geologica-Light.woff) format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap; }

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, main, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%; }

article, aside, details, figcaption, figure, footer, header, hgroup, img, main, menu, nav, section {
  display: block; }

blockquote, q {
  quotes: none; }

blockquote:after, blockquote:before, q:after, q:before {
  content: none; }

a, span {
  display: inline-block; }

table {
  border-collapse: collapse;
  border-width: 0;
  padding: 0;
  margin: 0; }

html {
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  text-size-adjust: none; }

input, textarea {
  color: #333;
  outline: 0;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: inherit; }

input[type=button], input[type=submit] {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: 0; }

input[type=search] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

button {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: 0;
  border: none;
  background: 0 0;
  padding: 0;
  font-family: inherit; }

form, td {
  margin: 0;
  padding: 0; }

a {
  outline: 0;
  color: inherit; }

ul {
  list-style: none; }

.clearfix:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

:root {
  --side-padding:100px;
  --c-main:rgba(27, 27, 27, 0.05);
  --c-main--rgb:245 248 254;
  --c-font-1:#1B1B1B;
  --c-font-1-hover:#2B2B2B;
  --c-font-2:#6A7181;
  --c-font-2-hover:#0F172A;
  --c-font-3:#FFF;
  --c-font-3--rgb:255 255 255;
  --c-font-4:#D0D0D0;
  --c-grey:#F9FAFA;
  --c-violet:#8434F4;
  --c-gold:#D8A600;
  --c-gold-2:#F5DB00;
  --c-orange:#ED8552;
  --c-border:#9EBDFA;
  --c-border-active:#304ABA;
  --indent:100px; }

@media screen and (max-width: 1200px) and (min-width: 769px) {
  :root {
    --side-padding:16px;
    --indent:60px; } }

body, html {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  scroll-behavior: smooth; }

body.is-locked, html.is-locked {
  overflow: hidden;
  height: 100%;
  -ms-scroll-chaining: none;
  overscroll-behavior: none; }

body {
  position: relative;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: Geologica,sans-serif; }

body.overflow {
  overflow: hidden; }

section {
  padding-block: var(--indent) !important; }

main {
  position: relative;
  z-index: 1;
  pointer-events: none; }

.popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(217, 217, 217, 0.501961);
  z-index: 10;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  -webkit-transition: .3s ease opacity,.3s ease visibility;
  transition: .3s ease opacity,.3s ease visibility;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center; }

.popup.active {
  visibility: visible;
  pointer-events: all;
  opacity: 1; }

.popup.open-deposit-popup, .popup.open-deposit-popup-done {
  padding: 0 40px; }

@media screen and (max-width: 768px) {
  :root {
    --side-padding:16px;
    --indent:48px; }
  .popup {
    background-color: rgba(0, 0, 0, 0.501961); }
  .popup.open-deposit-popup, .popup.open-deposit-popup-done {
    padding: 0 16px; } }

.popup.open-deposit-popup .popup__inner, .popup.open-deposit-popup-done .popup__inner {
  max-width: 558px; }

.popup .popup__inner {
  background-color: #fff;
  padding: 24px;
  border-radius: 24px;
  position: relative; }

@media screen and (max-width: 768px) {
  .popup .popup__inner {
    padding: 16px; } }

.popup .popup__inner .send-data {
  width: 100%;
  border-radius: 12px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 590;
  line-height: 20px;
  letter-spacing: 0;
  text-align: center;
  padding: 16px 0;
  margin-top: 32px;
  background: #F5DB00;
  color: #0F172A; }

.popup .popup__inner .send-data:disabled {
  background-color: #E6E7EA;
  color: #9DA3AF;
  cursor: not-allowed; }

.popup .popup__inner .close {
  position: absolute;
  bottom: 100%;
  left: 100%;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background-color: #fff; }

.popup .popup__inner .info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column; }

.popup .popup__inner .info.row {
  -ms-flex-direction: row;
  flex-direction: row; }

@media screen and (max-width: 768px) {
  .popup .popup__inner .send-data {
    font-size: 14px; }
  .popup .popup__inner .close {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: calc(100% + 17px); }
  .popup .popup__inner .info.row {
    -ms-flex-direction: column;
    flex-direction: column; } }

.popup .popup__inner .info .main-banner__info-bottom-text ul {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.popup .popup__inner .info .main-banner__info-bottom-text ul li {
  background-color: #F5F8FE; }

.popup .popup__inner .info .qr {
  background-color: #F5F8FE;
  margin-right: 10px; }

@media screen and (max-width: 768px) {
  .popup .popup__inner .info .qr {
    margin-bottom: 12px;
    margin-right: unset;
    width: 100%;
    max-width: 100%; } }

.popup .popup__inner .info strong {
  margin-bottom: 31px; }

.popup .popup__inner .info .input__wrapper {
  position: relative;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0;
  text-align: left;
  color: #9DA3AF; }

.popup .popup__inner .info input[type=checkbox] {
  display: none; }

.popup .popup__inner .info input[type=checkbox]:checked + label::before {
  background-color: #F5DB00;
  border-color: transparent;
  background-image: url(../../landings/img/svg-sprite/intermediate-svg/checked-arrow.svg);
  background-repeat: no-repeat;
  background-position: center; }

.popup .popup__inner .info input[type=checkbox] + label {
  margin-top: 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0;
  text-align: left;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer; }

.popup .popup__inner .info input[type=checkbox] + label a {
  color: #3867D6;
  text-decoration: underline; }

.popup .popup__inner .info input[type=checkbox] + label a, .popup .popup__inner .info input[type=checkbox] + label p {
  display: inline; }

.popup .popup__inner .info input[type=checkbox] + label::before {
  content: "";
  display: block;
  min-width: 24px;
  min-height: 24px;
  border: 1px solid #D2D5DA;
  background-color: #fff;
  border-radius: 8px;
  margin-right: 9px; }

.popup .popup__inner .info input[type=input] {
  padding: 36px 23px 12px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0;
  text-align: left;
  width: 100%;
  border: 1px solid #D2D5DA;
  border-radius: 12px; }

.popup .popup__inner .info input[type=input] + label {
  position: absolute;
  top: 12px;
  left: 23px;
  z-index: 1; }

.popup .popup__inner strong {
  font-size: 40px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: 0;
  text-align: center; }

@media screen and (max-width: 768px) {
  .popup .popup__inner strong {
    font-size: 26px;
    font-weight: 600;
    line-height: 30px; } }

.popup .web-version-popup__inner {
  margin: auto;
  background-color: #fff;
  padding: 16px;
  border-radius: 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  row-gap: 24px;
  max-width: 400px;
  width: 100%;
  text-align: center;
  position: relative; }

.popup .web-version-popup__inner img {
  width: 64px; }

.popup .web-version-popup__inner button {
  position: absolute;
  top: 16px;
  right: 16px;
  font-size: 22.67px;
  font-style: normal;
  font-weight: 700;
  line-height: 144%; }

.popup .web-version-popup__inner strong {
  display: inline-block;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.16667;
  margin-bottom: 6px;
  width: 100%; }

.popup .web-version-popup__inner span {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px; }

.popup .web-version-popup__inner span b {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px; }

.popup .web-version-popup__inner .buttons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 12px;
  width: 100%; }

.qr, .why-piraeus-item {
  -ms-flex-direction: column; }

.popup .web-version-popup__inner a {
  padding: 16px 0;
  width: 100%;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  border-radius: 12px;
  background: #F4F4F6; }

.qr, .why-piraeus .title {
  font-weight: 700;
  text-align: center; }

.content, .deposit-hero {
  border-radius: 0 0 56px 56px; }

.popup .web-version-popup__inner a.gold {
  position: relative;
  background: linear-gradient(271deg, #F5DB00 52.71%, #FBF340 100%);
  overflow: hidden; }

.popup .web-version-popup__inner a.gold svg {
  position: absolute;
  right: -5px;
  top: 0; }

.why-piraeus, .why-piraeus-item, .why-piraeus__wr {
  position: relative; }

.content {
  overflow: hidden;
  padding-bottom: 74px;
  background-color: #f5f5f5;
  -webkit-filter: drop-shadow(0 33px 101.3px rgba(0, 0, 0, 0.25));
  filter: drop-shadow(0 33px 101.3px rgba(0, 0, 0, 0.25));
  pointer-events: all; }

@media screen and (max-width: 960px) {
  .content {
    padding-bottom: 0;
    border-radius: 0 0 24px 24px; } }

@media screen and (max-width: 1200px) {
  .popup .web-version-popup__inner strong {
    margin-bottom: 4px; }
  .content.overflow {
    overflow: hidden; } }

.content-wrapper {
  max-width: 1440px;
  width: 100%;
  padding: 0 var(--side-padding);
  margin: 0 auto; }

.qr {
  background-color: var(--c-font-3);
  font-size: 12px;
  line-height: normal;
  max-width: 140px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding: 6px;
  border-radius: 6px; }

.qr img {
  margin-bottom: 8px; }

.download {
  display: -ms-flexbox;
  display: flex; }

.download a + a {
  margin-left: 8px; }

.download a {
  display: block;
  background-color: var(--c-font-1);
  padding: 10px;
  border-radius: 6px; }

.download a:hover {
  background-color: var(--c-font-1-hover); }

.why-piraeus .title {
  color: #002F30;
  font-size: 40px;
  font-style: normal;
  line-height: normal;
  margin-bottom: 50px; }

.why-piraeus__wr {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
  border-radius: 32px;
  padding: 16px;
  gap: 16px;
  background-color: #002F30; }

@media screen and (max-width: 1220px) {
  .why-piraeus__wr {
    grid-template-columns: 1fr; } }

@media screen and (max-width: 960px) {
  .why-piraeus .title {
    font-size: 28px;
    margin-bottom: 32px; }
  .why-piraeus__wr {
    padding: 10px;
    border-radius: 24px; } }

.why-piraeus__items {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: 1fr;
  gap: 16px; }

.why-piraeus-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 20px;
  border-radius: 24px;
  outline: rgba(27, 27, 27, 0.08) solid 1px;
  padding: 24px;
  background-color: #F5F5F5;
  -ms-flex: 1 0 calc(50% - 16px);
  flex: 1 0 calc(50% - 16px); }

@media screen and (max-width: 768px) {
  .why-piraeus__items {
    grid-template-columns: 1fr; }
  .why-piraeus-item {
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 16px;
    -ms-flex: unset;
    flex: unset;
    border-radius: 16px; } }

.advantages__wrapper, .why-piraeus__info-wr {
  position: relative;
  border-radius: 24px;
  display: -ms-flexbox; }

.why-piraeus-item > span {
  color: #1B1B1B;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal; }

.why-piraeus__info-wr {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  background-image: url(/themes/custom/piraeus/html/public/assets/ubn/img/why-piraeus.webp), linear-gradient(116deg, #334CB7 15.56%, #00205B 88.37%);
  background-size: 865.05px 852px;
  background-repeat: no-repeat;
  background-position: bottom center;
  -o-object-position: bottom;
  object-position: bottom;
  aspect-ratio: 594/707;
  height: 100%;
  overflow: hidden; }

@media screen and (max-width: 1220px) {
  .why-piraeus__info-wr {
    background-size: cover;
    height: 707px; } }

@media screen and (max-width: 450px) {
  .why-piraeus__info-wr {
    background-image: url(/themes/custom/piraeus/html/public/assets/ubn/img/why-piraeus.webp), linear-gradient(116deg, #334CB7 15.56%, #00205B 88.37%);
    background-size: 766px 754px;
    height: 600px; }
  .why-piraeus__info > svg {
    height: 32px; } }

.why-piraeus__info {
  margin-top: auto;
  background: rgba(0, 47, 48, 0.5);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  padding: 20px 32px;
  color: #fff;
  border-radius: 0 0 24px 24px; }

@media screen and (max-width: 960px) {
  .why-piraeus-item > span {
    font-size: 16px; } }

.why-piraeus__info > svg {
  margin-bottom: 20px; }

.why-piraeus__info > p {
  margin-bottom: 12px;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4; }

.why-piraeus__info > small {
  color: #FFF;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.71429; }

@media screen and (max-width: 960px) {
  .why-piraeus__info > p {
    font-size: 14px; }
  .why-piraeus__info > small {
    font-size: 12px;
    line-height: 1.4; }
  .why-piraeus__info {
    padding: 20px; } }

.advantages {
  overflow: hidden; }

.advantages__wrapper {
  min-height: 600px;
  background-color: var(--c-font-3);
  padding: 56px 132px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column; }

.advantages__phone {
  position: absolute;
  left: -55px;
  bottom: -259px; }

.advantages__phone img {
  width: 600px; }

.advantages__info {
  margin-left: 350px;
  max-width: 600px;
  -ms-flex-item-align: end;
  align-self: flex-end;
  z-index: 2;
  position: relative; }

@media screen and (max-width: 1200px) {
  .advantages__wrapper {
    padding: 16px; }
  .advantages__phone {
    display: none; }
  .advantages__info {
    margin-left: 0;
    max-width: 100%;
    width: 100%; } }

.advantages__info-title .title {
  font-size: 40px;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 6px;
  display: block; }

@media screen and (max-width: 1200px) {
  .advantages__info-title .title {
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 8px; } }

.advantages__info-title .description {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  max-width: 433px; }

.advantages__info ul {
  margin-top: 32px;
  display: grid;
  grid-template-columns: repeat(2, calc(50% - 4px));
  gap: 8px; }

@media screen and (max-width: 1380px) {
  .advantages__info ul {
    grid-template-columns: 100%; } }

@media screen and (max-width: 1200px) {
  .advantages__info-title .description {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; }
  .advantages__info ul {
    margin-top: 24px; } }

.advantages__info ul li {
  padding: 16px;
  background-color: var(--c-main);
  border-radius: 12px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; }

.advantages__info ul li img {
  margin-right: 8px; }

.advantages-card__wrapper {
  padding: 56px;
  background-color: var(--c-font-1);
  color: var(--c-font-3);
  display: -ms-flexbox;
  display: flex;
  border-radius: 24px; }

@media screen and (max-width: 1200px) {
  .advantages-card__wrapper {
    padding: 16px;
    -ms-flex-direction: column;
    flex-direction: column; } }

.advantages-card__info {
  padding-right: 83px;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column; }

@media screen and (max-width: 1200px) {
  .advantages-card__info {
    padding-right: unset; } }

.advantages-card__info .bar {
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  background-color: var(--c-violet);
  padding: 8px;
  border-radius: 14px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 9px; }

@media screen and (max-width: 1200px) {
  .advantages-card__info .bar {
    margin-bottom: 16px; } }

.advantages-card__info .title {
  font-size: 38px;
  font-weight: 700;
  line-height: 52px;
  margin-bottom: 32px; }

.advantages-card__info ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column; }

.advantages-card__info ul li + li {
  margin-top: 32px; }

.advantages-card__info ul li {
  display: -ms-flexbox;
  display: flex; }

@media screen and (max-width: 1200px) {
  .advantages-card__info .title {
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 24px; }
  .advantages-card__info ul li + li {
    margin-top: 24px; }
  .advantages-card__info ul li {
    -ms-flex-direction: column;
    flex-direction: column; } }

.advantages-card__info ul li .image {
  background-color: RGB(var(--c-main--rgb)/0.1);
  min-width: 40px;
  min-height: 40px;
  max-width: 40px;
  max-height: 40px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 100%; }

.advantages-card__info ul li .text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-left: 24px; }

.advantages-card__info ul li .title-inner {
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 7px; }

@media screen and (max-width: 1200px) {
  .advantages-card__info ul li .text {
    margin-top: 24px;
    margin-left: 0; }
  .advantages-card__info ul li .title-inner {
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 8px; } }

.advantages-card__info ul li .emphasis {
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  color: var(--c-gold);
  margin-bottom: 1px; }

.advantages-card__info ul li span {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  color: var(--c-font-4); }

.advantages-card__about .label, .advantages-card__about ul li, .advantages-card__about ul li span {
  font-weight: 600;
  line-height: normal;
  font-style: normal; }

.advantages-card__about {
  position: relative;
  margin-right: -32px;
  -webkit-transform: translate3d(0, 0, 0);
  min-width: 464px; }

.advantages-card__about .label {
  padding: 8px 16px;
  background-color: var(--c-orange);
  border-radius: 47px;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: -12px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content; }

.advantages-card__about .label svg {
  margin-right: 8px; }

@media screen and (max-width: 1200px) {
  .advantages-card__info ul li .emphasis {
    margin-bottom: 8px; }
  .advantages-card__about {
    min-width: 100%;
    padding: 16px;
    margin-right: unset;
    margin-top: 66px; } }

.advantages-card__about {
  background-color: var(--c-font-3);
  border-radius: 24px;
  padding: 32px; }

@-webkit-keyframes card {
  from {
    -webkit-transform: perspective(500px) rotateX(40deg);
    transform: perspective(500px) rotateX(40deg); }
  to {
    -webkit-transform: perspective(500px) rotateX(-40deg);
    transform: perspective(500px) rotateX(-40deg); } }

@keyframes card {
  from {
    -webkit-transform: perspective(500px) rotateX(40deg);
    transform: perspective(500px) rotateX(40deg); }
  to {
    -webkit-transform: perspective(500px) rotateX(-40deg);
    transform: perspective(500px) rotateX(-40deg); } }

.advantages-card__about .card {
  margin: 35px auto;
  height: 75px;
  -webkit-animation: 3s ease 0s infinite alternate card;
  animation: 3s ease 0s infinite alternate card;
  -webkit-filter: drop-shadow(0 0 30px #f1c73c);
  filter: drop-shadow(0 0 30px #f1c73c);
  -webkit-transform: perspective(500px) rotateX(40deg);
  transform: perspective(500px) rotateX(40deg); }

.advantages-card__about ul {
  z-index: 2;
  position: relative;
  color: var(--c-font-1);
  display: grid;
  grid-template-columns: repeat(2, calc(50% - 4px));
  gap: 8px;
  text-align: center; }

.advantages-card__about ul li {
  padding: 15px 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: var(--c-grey); }

.advantages-card__about ul li:last-of-type:nth-of-type(3n) {
  grid-column: 2 span; }

.advantages-card__about ul li.gold {
  background-color: var(--c-gold-2); }

.advantages-card__about ul li span {
  color: var(--c-font-1);
  text-align: center;
  font-size: 32px;
  margin-bottom: 6px; }

@media screen and (max-width: 1200px) {
  .advantages-card__about ul {
    grid-template-columns: 100%; }
  .advantages-card__about ul li:last-of-type:nth-of-type(3n) {
    grid-column: 1 span; }
  .advantages-card__about ul li span {
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal; } }

.advantages-card__about ul li {
  border-radius: 12px;
  color: rgba(27, 27, 27, 0.5);
  font-size: 14px; }

.how-to.updated .how-to__list ul li {
  -ms-flex-align: center;
  align-items: center; }

.how-to.updated .how-to__preview {
  min-height: 576px; }

@media screen and (max-width: 1200px) {
  .how-to.updated .how-to__preview {
    min-height: unset; }
  .how-to.updated .how-to__preview-item img {
    max-width: 350px; }
  .how-to.updated .how-to__preview-item {
    -webkit-transform: translate(calc(-50% - 10px), -50%);
    transform: translate(calc(-50% - 10px), -50%); }
  .how-to__wrapper {
    -ms-flex-direction: column;
    flex-direction: column; } }

.how-to.updated .how-to__preview-item:first-child:not(.top):not(.bottom) {
  top: 50%; }

.how-to.updated .how-to__preview-item:first-child {
  width: 100%;
  height: 100%; }

.how-to.updated .how-to__preview-item:first-child img {
  max-width: 100%; }

.how-to.updated .how-to__preview-item:not(:first-child):not(.top):not(.bottom) {
  top: calc(50% + 120px); }

.how-to__wrapper {
  display: -ms-flexbox;
  display: flex; }

.how-to__list, .how-to__preview {
  border-radius: 24px; }

.how-to__preview {
  min-width: 516px;
  background: linear-gradient(154deg, #304ABA 0, #1A2C79 100%);
  overflow: hidden;
  position: relative; }

.how-to__preview-item .phone {
  width: 650px; }

.how-to__preview-item {
  position: absolute;
  left: 50%;
  top: calc(50% + 170px);
  -webkit-transition: top .5s ease;
  transition: top .5s ease;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

@media screen and (max-width: 1200px) {
  .how-to__preview {
    -ms-flex-order: 1;
    order: 1;
    height: 443px;
    min-width: 100%; }
  .how-to__preview-item {
    top: calc(50% + 100px); }
  .how-to__preview-item .phone {
    max-width: 450px; }
  .how-to__preview-item.info .qr {
    display: none; } }

.how-to__preview-item.info {
  top: 50%; }

.how-to__preview-item.info .qr {
  max-width: 230px; }

.how-to__preview-item.info .qr span {
  font-size: 20px;
  font-weight: 700; }

.how-to__preview-item.info .qr img {
  margin: 0 auto 14px;
  width: 204px;
  height: 204px; }

.how-to__preview-item.info .download {
  margin-top: 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column; }

.how-to__preview-item.info .download a img {
  height: 50px; }

.how-to__preview-item.info .download a + a {
  margin-top: 16px;
  margin-left: 0; }

.how-to__preview-item.top {
  top: -100%; }

.how-to__preview-item.bottom {
  top: 200%; }

.how-to__list {
  margin-left: 24px;
  padding: 56px;
  background-color: var(--c-font-3);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column; }

@media screen and (max-width: 1200px) {
  .how-to__list {
    margin-left: 0;
    padding: 16px;
    margin-bottom: 16px; } }

.how-to__list .title {
  max-width: 458px;
  font-size: 45px;
  font-style: normal;
  font-weight: 700;
  line-height: 48px;
  margin-bottom: 8px; }

@media screen and (max-width: 1200px) {
  .how-to__list .title {
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal; } }

.how-to__list .description {
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  max-width: 480px; }

.how-to__list ul {
  margin-top: 16px;
  counter-reset: section; }

.how-to__list ul li + li {
  margin-top: 8px; }

.how-to__list ul li:not(.active) {
  cursor: pointer; }

.how-to__list ul li.active {
  border: 1px solid var(--c-border-active);
  background-color: var(--c-font-3); }

@media screen and (max-width: 1200px) {
  .how-to__list .description {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; }
  .how-to__list ul {
    margin-top: 8px;
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto; }
  .how-to__list ul::-webkit-scrollbar {
    height: 0; }
  .how-to__list ul li + li {
    margin-top: 0;
    margin-left: 8px; }
  .how-to__list ul li {
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 24px;
    min-height: 153px;
    min-width: 278px; }
  .how-to__list ul li::before {
    margin-bottom: 19px; } }

.how-to__list ul li::before {
  min-width: 36px;
  content: counter(section);
  padding-right: 5px;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  color: var(--c-border-active); }

.about__flag::before, .control-deposit__wrapper::after, .deposit-calc__results .results-summary-taxes label::before, .deposit-calc__results::before, .deposits__image-inner::before, .tariffs__content::after {
  content: ""; }

.how-to__list ul li {
  counter-increment: section;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid var(--c-border);
  background-color: var(--c-main);
  padding: 12px 25px;
  border-radius: 12px; }

.how-to__list ul li .text {
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; }

.how-to__list ul li .download {
  margin-top: 13px; }

@media screen and (max-width: 1200px) {
  .how-to__list ul li .download {
    display: none; } }

.deposits__wrapper {
  background-color: var(--c-font-3);
  padding: 92px 56px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  overflow: hidden; }

.deposits__image-inner::before, .deposits__info-facts li {
  background: linear-gradient(114deg, #304ABA 3.19%, #1A2C79 65.47%); }

@media screen and (max-width: 1200px) {
  .deposits__wrapper {
    padding: 16px;
    -ms-flex-direction: column;
    flex-direction: column; } }

.deposits__image {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  margin-left: 100px;
  position: relative; }

@media screen and (max-width: 1200px) {
  .deposits__image {
    margin-left: unset;
    height: 360px; } }

.deposits__image-inner {
  bottom: -92px;
  right: -56px;
  position: absolute; }

.deposits__image-inner::before {
  position: absolute;
  bottom: -178.33px;
  right: -107px;
  width: 535px;
  height: 535px;
  border-radius: 100%; }

.deposits__image-inner img {
  z-index: 1;
  position: relative; }

@media screen and (max-width: 1200px) {
  .deposits__image-inner::before {
    right: unset;
    bottom: -136px;
    height: 408px;
    width: 408px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%); }
  .deposits__image-inner img {
    max-width: 468px;
    -webkit-transform: translate(-36px, 10px);
    transform: translate(-36px, 10px); }
  .deposits__image-inner {
    bottom: unset;
    right: unset;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .deposits__info {
    z-index: 1;
    position: relative; } }

.deposits__info {
  max-width: 443px;
  width: 100%; }

.deposits__info-advantages {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 24px; }

.deposits__info-advantages li + li {
  margin-top: 12px; }

.deposits__info-advantages li {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px; }

.deposits__info-advantages li img {
  margin-right: 6px; }

.deposits__info-facts {
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  margin-top: 24px; }

@media screen and (max-width: 1200px) {
  .deposits__info-advantages li {
    font-weight: 500; }
  .deposits__info-advantages li img {
    max-width: 16px;
    max-height: 16px; }
  .deposits__info-facts {
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 10px; } }

.deposits__info-facts li img {
  margin-right: 8px; }

.deposits__info-facts li {
  padding: 16px;
  border-radius: 12px;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  color: var(--c-font-3);
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px; }

.deposits__info-facts li strong {
  margin-left: 5px;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px; }

.deposits__info-facts li:last-child {
  background: #FFF0E9;
  color: inherit; }

.deposits__info .title {
  font-size: 40px;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 8px;
  display: block; }

@media screen and (max-width: 1200px) {
  .deposits__info-facts li {
    -ms-flex-pack: center;
    justify-content: center; }
  .deposits__info .title {
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 8px; } }

.deposits__info .description {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  max-width: 433px; }

.tariffs__wrapper {
  --grid-columns:1fr 381px; }

.tariffs__content, .tariffs__item {
  display: grid;
  grid-template-columns: var(--grid-columns); }

@media screen and (max-width: 1200px) {
  .deposits__info .description {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; }
  .tariffs__content, .tariffs__item {
    grid-template-columns: 100%; } }

.tariffs__content .item, .tariffs__item .item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column; }

.tariffs__content .item .title, .tariffs__item .item .title {
  font-size: 45px;
  font-style: normal;
  font-weight: 700;
  line-height: 48px; }

@media screen and (max-width: 1200px) {
  .tariffs__content .item .title, .tariffs__item .item .title {
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal; } }

.tariffs__content .item .description, .tariffs__item .item .description {
  margin-top: 8px;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 16px; }

.tariffs__content .item.black, .tariffs__item .item.black {
  height: 100%;
  background-color: var(--c-font-1);
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  padding: 8px; }

@media screen and (max-width: 1200px) {
  .tariffs__content .item .description, .tariffs__item .item .description {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; }
  .tariffs__content .item.black, .tariffs__item .item.black {
    display: none; } }

.tariffs__content .item.black .logo, .tariffs__item .item.black .logo {
  width: 100%;
  height: 100%;
  background: linear-gradient(154deg, #304ABA 0, #1A2C79 100%);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  position: relative;
  overflow: hidden; }

.tariffs__content .item.black .logo .w, .tariffs__item .item.black .logo .w {
  position: absolute;
  right: 8px;
  top: 11px; }

.tariffs__list {
  --grid-columns:25% 1fr 381px;
  border-radius: 24px 0 24px 24px;
  overflow: hidden; }

@media screen and (max-width: 1200px) {
  .tariffs__list {
    border-radius: 24px; } }

.tariffs__content {
  position: relative; }

.tariffs__content::after {
  position: absolute;
  opacity: .2;
  bottom: 0;
  height: 1px;
  background-color: #D2D5DA;
  width: 100%; }

.tariffs__content .title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content; }

.tariffs__content .title div {
  margin-right: 12px;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center; }

.tariffs__content .title div.star {
  background-color: #F3ECFE; }

.tariffs__content .title div.card-receive {
  background-color: #FFF0E9; }

.tariffs__content .title div.sort {
  background-color: #E7E7FF; }

.tariffs__content .title div.cash-out {
  background-color: #D7FBFF; }

.tariffs__content {
  padding: 16px 24px;
  background-color: var(--c-font-3);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal; }

@media screen and (max-width: 1200px) {
  .tariffs__content {
    margin: unset;
    color: var(--c-font-2);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal; } }

.tariffs__content .info {
  background-color: var(--c-font-1);
  color: var(--c-font-3);
  margin: -16px -24px -16px 24px;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center; }

@media screen and (max-width: 1200px) {
  .tariffs__content .info {
    margin: unset;
    background-color: unset;
    color: var(--c-font-1);
    text-align: left;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-left: 52px;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal; } }

.tariffs__content.extended {
  --grid-columns:1fr 70%;
  padding: 16px 24px; }

.tariffs__content.extended .additive {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: -16px -24px; }

.tariffs__content.extended .additive .inner {
  display: grid;
  grid-template-columns: 1fr 381px; }

@media screen and (max-width: 1200px) {
  .tariffs__content.extended .additive {
    margin: unset; }
  .tariffs__content.extended .additive .inner {
    grid-template-columns: 100%;
    padding-top: 12px; } }

.tariffs__content.extended .additive .inner:first-of-type span {
  padding-top: 16px; }

.tariffs__content.extended .additive .inner:last-of-type span {
  padding-bottom: 16px; }

.tariffs__content.extended .additive .inner:hover span:first-child {
  background-color: #F4F4F6 !important; }

@media screen and (max-width: 1200px) {
  .tariffs__content.extended .additive .inner:hover span:first-child {
    background-color: unset !important; } }

.tariffs__content.extended .additive .inner:hover span:last-child {
  background-color: #3b3b3b !important; }

.tariffs__content.extended .additive .inner span {
  position: relative;
  padding: 8px 10px; }

.tariffs__content.extended .additive .inner span i {
  font-style: normal; }

@media screen and (max-width: 1200px) {
  .tariffs__content.extended .additive .inner:hover span:last-child {
    background-color: unset !important; }
  .tariffs__content.extended .additive .inner span {
    padding: 0 0 0 52px !important; } }

.tariffs__content.extended .additive .inner span:last-of-type {
  background-color: var(--c-font-1);
  color: var(--c-font-3);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  -ms-flex-pack: center;
  justify-content: center; }

@media screen and (max-width: 1200px) {
  .tariffs__content.extended .additive .inner span:last-of-type {
    color: var(--c-font-1);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    background-color: unset;
    -ms-flex-pack: start;
    justify-content: flex-start; }
  .info-details {
    display: none; } }

.info-details__wrapper {
  background: linear-gradient(154deg, #304ABA 0, #1A2C79 100%);
  padding: 40px;
  border-radius: 24px;
  display: -ms-flexbox;
  display: flex; }

.info-details .qr {
  max-width: 208px;
  padding: 10px;
  margin-right: 40px; }

.about.updated .about__last, .about__last {
  padding: 24px 41px; }

.info-details .qr span {
  margin-top: 4px;
  font-size: 18.35px;
  font-style: normal;
  font-weight: 600;
  line-height: 115.5%; }

.info-details .qr img {
  margin: 0 auto;
  width: 185px;
  height: 185px; }

.info-details__inner {
  color: var(--c-font-3);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.info-details__inner .info .title {
  display: block;
  max-width: 828px;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 48px;
  margin-bottom: 11px; }

.info-details__inner .info .description {
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  max-width: 627px; }

@media screen and (max-width: 1200px) {
  .about.updated .about__last {
    padding: 16px; } }

.about__wrapper {
  padding: 34px 64px 8px;
  border-radius: 24px;
  background-color: var(--c-font-3);
  display: grid;
  gap: 24px;
  grid-template-columns: 1fr 496px; }

.about__title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start; }

.about__title img {
  margin-right: 15px;
  width: 100px;
  height: 100px;
  -ms-flex-negative: 0;
  flex-shrink: 0; }

@media screen and (max-width: 400px) {
  .about__title {
    -ms-flex-direction: column;
    flex-direction: column; }
  .about__title img {
    margin-right: 0;
    margin-bottom: 12px; } }

.about__title strong {
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  display: block; }

@media screen and (max-width: 1200px) {
  .about__wrapper {
    padding: 16px;
    grid-template-columns: 100%;
    border-radius: 16px;
    border: 1px solid #E2ECFF; }
  .about__title img {
    width: 80px;
    height: 80px; }
  .about__title strong {
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 8px; } }

.about__another, .about__bank span b, .about__bank span strong, .about__flag span, .about__last {
  font-weight: 600; }

@media screen and (max-width: 400px) {
  .about__title strong br {
    display: none; } }

.about__another {
  max-width: 337px;
  margin: 0 0 0 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
  font-style: normal;
  line-height: normal;
  color: rgba(27, 27, 27, 0.5); }

.about__bank span, .about__last {
  font-size: 18px;
  font-style: normal; }

@media screen and (max-width: 1200px) {
  .about__another {
    -ms-flex-align: start;
    align-items: flex-start;
    margin-left: 0; }
  .about__another img {
    margin-bottom: 16px; } }

@media screen and (max-width: 400px) {
  .about__another {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
    max-width: 100%;
    color: #1b1b1b; } }

.about__another img {
  margin-right: 13px;
  -ms-flex-align: center;
  align-items: center; }

.about__bank {
  grid-row: 2 span;
  overflow: hidden;
  border-radius: 12px;
  background-color: var(--c-main); }

.about__bank img {
  width: 100%;
  height: 259px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center; }

.about__bank span {
  padding: 24px;
  line-height: 32px; }

@media screen and (max-width: 1200px) {
  .about__bank img {
    height: 181px; }
  .about__bank span {
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    padding: 16px; }
  .about__bank span br {
    display: none;
    margin-right: 2px; }
  .about__flag {
    min-height: 296px; } }

.about__flag, .about__last {
  display: -ms-flexbox;
  border-radius: 12px; }

.about__flag {
  overflow: hidden;
  background-color: #F5F8FE;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
  justify-content: flex-end;
  position: relative;
  padding: 24px; }

@media screen and (max-width: 400px) {
  .about__flag {
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 16px 0 16px 16px;
    aspect-ratio: 284/321; } }

.about__flag {
  min-height: 232px;
  height: 100%; }

.about__flag::before {
  position: absolute;
  width: 428px;
  height: 428px;
  background: linear-gradient(154deg, #304ABA 0, #1A2C79 100%);
  border-radius: 100%;
  bottom: -250px;
  left: -235px; }

.about__flag img {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 220px; }

.about__flag span {
  text-align: center;
  font-size: 24px;
  font-style: normal;
  line-height: 32px;
  position: relative;
  z-index: 2;
  max-width: 371px;
  margin-inline: auto 23px; }

@media screen and (max-width: 1200px) {
  .about__flag span {
    text-align: left;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    margin-inline: 0; }
  .about__flag span br {
    display: none; }
  .about__last {
    padding: 16px;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px; } }

.about__last {
  line-height: 32px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  background-color: #14387F;
  overflow: hidden;
  text-align: center;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  color: var(--c-font-3); }

.main-terms__wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: column;
  flex-direction: column; }

@media screen and (max-width: 1200px) {
  .main-terms__wrapper {
    padding: unset; } }

.main-terms__wrapper strong {
  font-size: 40px;
  font-weight: 700;
  line-height: 1.25;
  text-align: center;
  margin-bottom: 24px; }

.main-terms__wrapper .tabs {
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 578px;
  width: 100%;
  border-radius: 16px;
  border: 1px solid rgba(27, 27, 27, 0.08);
  background: #FFF;
  -webkit-box-shadow: 0 24px 32px -24px rgba(22, 28, 45, 0.06);
          box-shadow: 0 24px 32px -24px rgba(22, 28, 45, 0.06);
  margin-bottom: 48px; }

@media screen and (max-width: 1200px) {
  .main-terms__wrapper .tabs {
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 8px; } }

@media screen and (max-width: 960px) {
  .main-terms__wrapper .tabs {
    margin-bottom: 24px; } }

.main-terms__wrapper .tabs li {
  -ms-flex: 1 1 0px;
  flex: 1 1 0; }

.main-terms__wrapper .tabs li .tab {
  width: 100%;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 8px;
  padding: 12px;
  height: 48px;
  color: #1b1b1b; }

.main-terms__wrapper .tabs li .tab.active {
  background-color: #1B1B1B;
  border-radius: 12px;
  color: var(--c-font-3); }

.main-terms__wrapper .tabs li .tab.active img {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1); }

.main-terms__data[data-id=docs] .away {
  margin-top: 44px;
  -ms-flex-item-align: start;
  align-self: flex-start;
  display: -ms-flexbox;
  display: flex;
  padding: 12px 24px;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
  border-radius: 12px;
  border: 1px solid #1B1B1B;
  -webkit-backdrop-filter: blur(54.37px);
  backdrop-filter: blur(54.37px);
  -ms-flex-align: center;
  align-items: center;
  font-size: 16px;
  color: #1B1B1B;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  -webkit-transition: opacity .2s ease-out,background-color .2s ease-out;
  transition: opacity .2s ease-out,background-color .2s ease-out; }

.main-terms__data[data-id=docs] .away:hover {
  color: #fff;
  background-color: #1B1B1B; }

@media screen and (max-width: 768px) {
  .main-terms__data[data-id=docs] .away {
    padding: 12px;
    margin-top: 24px; } }

.main-terms__data[data-id=docs] .items {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column; }

.main-terms__data[data-id=docs] .items .item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 13px 0;
  gap: 8px;
  border-bottom: 1px solid rgba(27, 27, 27, 0.05);
  position: relative; }

.main-terms__data[data-id=docs] .items .item .info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  color: #1B1B1B;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5; }

.main-terms__data[data-id=docs] .items .item .info span {
  margin-left: 12px; }

.main-terms__data[data-id=docs] .items .item a[download] {
  height: 40px;
  width: 40px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: var(--c-main);
  border-radius: 12px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-transition: color .2s ease-out,background-color .2s ease-out;
  transition: color .2s ease-out,background-color .2s ease-out; }

.main-terms__data[data-id=docs] .items .item a[download]:hover {
  background-color: #1B1B1B; }

.main-terms__data[data-id=docs] .items .item a[download]:hover img {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1); }

@media screen and (max-width: 1200px) {
  .main-terms__data[data-id=info] {
    padding: 16px; } }

.main-terms__data[data-id=info] b {
  font-size: 16px;
  font-weight: 700;
  line-height: 32px;
  text-align: left; }

.main-terms__data[data-id=info] p {
  text-indent: 32px;
  font-size: 14px;
  font-weight: 500;
  line-height: 32px;
  text-align: left; }

.main-terms__data {
  display: none; }

.main-terms__data.active {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column; }

.main-terms__content {
  width: 100%; }

.control-deposit {
  padding-block: 12px; }

.control-deposit__outer {
  padding-right: 97px;
  position: relative; }

.control-deposit__outer .phone {
  position: absolute;
  bottom: 0;
  right: 0;
  max-width: 512px; }

@media screen and (max-width: 1200px) {
  .control-deposit {
    padding-block: 0; }
  .control-deposit__outer {
    padding-right: unset;
    overflow: hidden;
    border-radius: 24px; }
  .control-deposit__outer .phone {
    width: 387px;
    height: 331px;
    right: 11px; } }

.control-deposit__wrapper {
  padding: 50px;
  background-color: #14387F;
  border-radius: 24px;
  color: var(--c-font-3);
  overflow: hidden;
  position: relative; }

.control-deposit__wrapper::after {
  position: absolute;
  width: 668px;
  height: 668px;
  border-radius: 100%;
  border: 70px solid rgba(255, 255, 255, 0.1);
  right: -169px;
  bottom: -351px; }

.control-deposit__wrapper * {
  z-index: 1;
  position: relative; }

.control-deposit__wrapper strong {
  font-size: 45px;
  font-weight: 700;
  line-height: 48px;
  letter-spacing: 0;
  text-align: left;
  margin-bottom: 8px;
  display: block;
  max-width: 630px; }

@media screen and (max-width: 1200px) {
  .control-deposit__wrapper {
    padding: 24px 16px; }
  .control-deposit__wrapper::after {
    right: -162px;
    bottom: -429px; }
  .control-deposit__wrapper strong {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0;
    text-align: left; } }

.control-deposit__wrapper span {
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0;
  text-align: left;
  display: block;
  max-width: 630px; }

.control-deposit__wrapper ul {
  margin: 24px 0 40px;
  max-width: 319px;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.control-deposit__wrapper ul li {
  font-size: 14px;
  font-weight: 600;
  line-height: 17px;
  letter-spacing: 0;
  text-align: left;
  padding: 8px 12px;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 12px; }

.control-deposit__wrapper button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 100px;
  background-color: #F4F4F6;
  color: #304ABA;
  padding: 16px;
  text-align: center;
  height: 56px;
  width: 100%;
  max-width: 339px; }

.control-deposit__wrapper button > span {
  background: linear-gradient(114deg, #304ABA 3.19%, #1A2C79 65.47%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5; }

@media screen and (max-width: 1200px) {
  .control-deposit__wrapper ul {
    margin: 30px 0; }
  .control-deposit__wrapper button {
    margin-bottom: 377px;
    padding: 15px 0;
    width: 100%; } }

.deposit-calc__wrapper {
  --paddings:60px;
  margin-top: var(--paddings);
  border-radius: 16px;
  display: grid;
  width: 100%;
  grid-template-columns: calc(100% - 431px - 20px) 431px;
  gap: 20px; }

@media screen and (max-width: 960px) {
  .deposit-calc__wrapper {
    margin-top: 24px; } }

.deposit-calc__wrapper:has(.grabbed) {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.deposit-calc__results {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: var(--c-main);
  border-radius: 24px;
  position: relative;
  overflow: hidden;
  padding: 24px; }

@media screen and (max-width: 768px) {
  .deposit-calc__wrapper {
    grid-template-columns: 100%;
    --paddings:32px; }
  .deposit-calc__results {
    margin-top: 30px;
    padding: 16px; } }

.deposit-calc__results-title {
  z-index: 1;
  color: #000;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0;
  text-align: left; }

.deposit-calc__results .results-info {
  margin-top: 16px;
  border-top: 1px solid rgba(0, 32, 91, 0.15);
  padding-top: 18px;
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
  text-align: left;
  color: #9DA3AF; }

.deposit-calc__results .results-info span + span {
  margin-top: 4px; }

.deposit-calc__results .results-additive {
  z-index: 1;
  margin-top: 16px;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%; }

.deposit-calc__results .results-additive-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center; }

.deposit-calc__results .results-additive-item + .results-additive-item {
  margin-top: 4px; }

.deposit-calc__results .results-additive-item .title {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
  text-align: left;
  color: #6A7181; }

.deposit-calc__results .results-additive-item .value-wrapper {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: .2em;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0;
  text-align: right;
  opacity: 0; }

.deposit-calc__results .results-additive-item .value-wrapper.show {
  opacity: 1;
  -webkit-transition: opacity 1s ease;
  transition: opacity 1s ease; }

.deposit-calc__results .results-summary {
  margin-top: 8px;
  font-size: 45px;
  font-weight: 700;
  line-height: 48px;
  text-align: left;
  white-space: nowrap;
  z-index: 1; }

.deposit-calc__form-range.deposit-amount, .deposit-calc__results .results-summary-taxes {
  z-index: 2; }

@media screen and (max-width: 768px) {
  .deposit-calc__results .results-summary {
    font-size: 38px; } }

@media screen and (max-width: 485px) {
  .deposit-calc__results .results-summary {
    font-size: 28px; } }

.deposit-calc__results .results-summary .sign, .deposit-calc__results .results-summary-fractional, .deposit-calc__results .results-summary-integer {
  color: #1B1B1B; }

.deposit-calc__results .results-summary-taxes input[type=checkbox] {
  display: none; }

.deposit-calc__results .results-summary-taxes input[type=checkbox]:checked ~ label::before {
  background-color: #F5DB00;
  border-color: transparent;
  background-image: url(../../landings/img/svg-sprite/intermediate-svg/checked-arrow.svg);
  background-repeat: no-repeat;
  background-position: center; }

.deposit-calc__results .results-summary-taxes label {
  cursor: pointer;
  margin-top: 8px;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0;
  min-height: 17px;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }

.deposit-calc__results .results-summary-taxes label::before {
  display: block;
  min-width: 24px;
  min-height: 24px;
  border: 1px solid #D2D5DA;
  border-radius: 6px;
  background: #FFF;
  margin-right: 9px;
  -webkit-transition: border-color .2s ease-out;
  transition: border-color .2s ease-out; }

.deposit-calc__results .results-summary-taxes label:hover::before {
  border-color: #6A7181; }

.deposit-calc__results::before {
  position: absolute;
  width: 619px;
  top: -150px;
  height: 491px;
  right: -80px; }

.deposit-calc__form {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 20px; }

.deposit-calc__form-checkboxes, .deposit-calc__form-radios, .deposit-calc__form-range, .deposit-calc__form-tabs {
  width: 100%; }

.deposit-calc__form-tabs {
  display: none !important; }

.deposit-calc__form .title {
  position: absolute;
  color: #9DA3AF;
  left: 22px;
  top: 11px;
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 16px; }

.deposit-calc__form .triple-grid {
  display: grid;
  -webkit-column-gap: 16px;
  -moz-column-gap: 16px;
  column-gap: 16px;
  row-gap: 16px;
  --innerColumnWidth:calc((100% - 16px * 2) / 3);
  grid-template-columns: var(--innerColumnWidth) var(--innerColumnWidth) var(--innerColumnWidth); }

@media screen and (max-width: 1120px) {
  .deposit-calc__wrapper {
    --paddings:46px; }
  .deposit-calc__form .triple-grid {
    --innerColumnWidth:calc((100% - 16px * 1) / 2);
    grid-template-columns: var(--innerColumnWidth) var(--innerColumnWidth); } }

@media screen and (max-width: 768px) {
  .deposit-calc__form .triple-grid {
    --innerColumnWidth:100%;
    grid-template-columns: var(--innerColumnWidth); } }

.deposit-calc__form .triple-flex {
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 24px;
  -moz-column-gap: 24px;
  column-gap: 24px;
  row-gap: 24px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.deposit-calc__form-checkboxes .form-checkbox input[type=checkbox], .deposit-calc__form-checkboxes .form-checkbox input[type=checkbox]:not(.cant-switch):disabled ~ label::after, .deposit-calc__form-checkboxes .form-checkbox input[type=checkbox]:not(.cant-switch):disabled ~ label::before, .deposit-calc__form-checkboxes .form-checkbox.hide, .deposit-calc__form-checkboxes.hide {
  display: none; }

.deposit-calc__form-checkboxes .form-checkbox input[type=checkbox]:checked ~ label span::after {
  content: attr(data-yes); }

.deposit-calc__form-checkboxes .form-checkbox input[type=checkbox]:checked ~ label::after {
  background-color: #1b1b1b; }

.deposit-calc__form-checkboxes .form-checkbox input[type=checkbox]:checked ~ label::before {
  right: 14px;
  top: 14px; }

.deposit-calc__form-checkboxes .form-checkbox input[type=checkbox].cant-switch:disabled ~ label {
  cursor: not-allowed;
  opacity: .5; }

.deposit-calc__form-checkboxes .form-checkbox input[type=checkbox]:not(.cant-switch):disabled ~ label {
  cursor: not-allowed; }

.deposit-calc__form-checkboxes .form-checkbox input[type=checkbox]:not(.cant-switch):disabled ~ label span::after {
  content: attr(data-unavailable); }

.deposit-calc__form-checkboxes .form-checkbox label {
  cursor: pointer;
  padding: 12px;
  border: 1px solid #CCD2DE;
  border-radius: 12px;
  line-height: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative; }

.deposit-calc__form-checkboxes .form-checkbox label span::after {
  content: attr(data-no);
  font-weight: 400;
  font-size: 12px;
  line-height: 140%;
  color: rgba(0, 32, 91, 0.8); }

.deposit-calc__form-checkboxes .form-checkbox label::after {
  content: "";
  border-radius: 24px;
  background-color: rgba(27, 27, 27, 0.5);
  width: 34px;
  height: 20px;
  -webkit-transition: background-color .3s ease;
  transition: background-color .3s ease; }

.deposit-calc__form-checkboxes .form-checkbox label::before {
  position: absolute;
  content: "";
  right: 28px;
  top: 14px;
  width: 16px;
  height: 16px;
  border-radius: 24px;
  background: #fff;
  -webkit-transition: right .3s ease;
  transition: right .3s ease; }

.deposit-calc__form-info {
  -ms-flex: 1;
  flex: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
  align-items: flex-end; }

.deposit-calc__form-info span {
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
  text-align: left;
  color: #9DA3AF; }

.deposit-calc__form-radios .title {
  position: relative;
  top: unset;
  left: unset;
  color: #1B1B1B;
  margin-bottom: 16px; }

.deposit-calc__form-radios .form-radio input[type=radio], .deposit-calc__form-radios .form-radio.hide, .deposit-calc__form-radios.hide {
  display: none; }

.deposit-calc__form-radios .form-radio input[type=radio]:checked ~ label {
  cursor: default; }

.deposit-calc__form-radios .form-radio input[type=radio]:checked ~ label::after {
  opacity: 1; }

.deposit-calc__form-radios .form-radio input[type=radio]:checked ~ label::before {
  border-color: #1B1B1B; }

.deposit-calc__form-radios .form-radio label {
  cursor: pointer;
  position: relative; }

.deposit-calc__form-radios .form-radio label::after {
  opacity: 0;
  -webkit-transition: opacity .2s ease;
  transition: opacity .2s ease;
  content: "";
  width: 16px;
  height: 16px;
  border-radius: 100%;
  background: #1B1B1B;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 4px;
  position: absolute; }

.deposit-calc__form-radios .form-radio label::before {
  content: "";
  width: 24px;
  height: 24px;
  border: 1px solid #D2D5DA;
  border-radius: 100%;
  display: block;
  margin-right: 9px; }

.deposit-calc__form-radios .form-radio label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0;
  text-align: left; }

.deposit-calc__form-range {
  position: relative; }

.deposit-calc__form-range .input-tooltip {
  display: none;
  z-index: 3;
  opacity: 1;
  -webkit-transition: opacity .2s ease;
  transition: opacity .2s ease;
  position: relative;
  height: 0; }

.deposit-calc__form-range .input-tooltip.hide {
  opacity: 0; }

.deposit-calc__form-range .input-tooltip .icon {
  position: absolute;
  bottom: 20px;
  right: 12px;
  z-index: 2;
  width: 24px;
  height: 24px;
  display: block;
  cursor: pointer; }

.deposit-calc__form-range .input-tooltip .icon:hover .input-tooltip-text {
  opacity: 1;
  visibility: visible; }

.deposit-calc__form-range .input-tooltip .input-tooltip-text {
  visibility: hidden;
  position: absolute;
  top: calc(100% + 8px);
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  padding: 10px;
  border-radius: 8px;
  border: 1px solid #F1F4F9;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #1B1B1B;
  -webkit-box-shadow: 0 2px 10px #E1E5EA;
          box-shadow: 0 2px 10px #E1E5EA;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 200px;
  background-color: #fff;
  opacity: 0;
  -webkit-transition: visibility .2s ease,opacity .2s ease;
  transition: visibility .2s ease,opacity .2s ease; }

.deposit-calc__form-range .input-select {
  z-index: 10;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  position: absolute;
  background-color: #fff;
  opacity: 0;
  visibility: hidden;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  -webkit-transition: opacity,.2s ease,visibility .2s ease;
  transition: opacity,.2s ease,visibility .2s ease;
  max-height: 108px;
  border: 1px solid #CCD2DE;
  border-radius: 12px; }

.deposit-calc__form-range .input-select.show {
  opacity: 1;
  visibility: visible; }

.deposit-calc__form-range .input-select__item {
  padding: 6px;
  background-color: #FFF;
  color: #191818;
  font-size: 14px;
  width: 100%;
  -webkit-transition: background-color,.2s ease;
  transition: background-color,.2s ease;
  cursor: pointer; }

.deposit-calc__form-range .input-select__item:hover {
  background-color: #EEF1F6; }

.deposit-calc__form-range .input-wrapper {
  cursor: text;
  width: 100%;
  height: 72px;
  border: 1px solid #D2D5DA;
  -webkit-box-shadow: 0 5px 5px rgba(247, 249, 253, 0.9);
          box-shadow: 0 5px 5px rgba(247, 249, 253, 0.9);
  border-radius: 12px;
  padding: 0 22px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0;
  text-align: left; }

.deposit-calc__form-range .input-wrapper.select {
  position: relative; }

.deposit-calc__form-range .input-wrapper.select input, .deposit-calc__form-range .input-wrapper.select input:disabled {
  color: var(--c-font-1);
  -webkit-text-fill-color: var(--c-font-1);
  opacity: 1; }

.deposit-calc__form-range .input-wrapper.select::after {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 26px;
  background-image: url(../../landings/img/svg-sprite/intermediate-svg/arrow-deposit.svg);
  background-repeat: no-repeat;
  background-position: center; }

.deposit-calc__form-range .input-wrapper {
  position: relative; }

.deposit-calc__form-range .input-wrapper:has(input[type=text]:disabled):not(.select), .deposit-calc__form-range .input-wrapper:has(input[type=text]:disabled):not(.select) input[type=text] {
  cursor: not-allowed; }

.deposit-calc__form-range .input-wrapper.select, .deposit-calc__form-range .input-wrapper.select input[type=text] {
  cursor: pointer; }

.deposit-calc__form-range .input-wrapper .input-relative {
  position: relative;
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
  min-width: 0;
  height: 100%;
  -webkit-transform: translateY(15px);
  transform: translateY(15px); }

.deposit-calc__form-range .input-wrapper .input-relative .size-calibration {
  visibility: hidden; }

.deposit-calc__form-range .input-wrapper .input-relative::after {
  content: attr(data-sign);
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: calc(100% + 5px);
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0;
  text-align: left; }

.deposit-calc__form-range .input-wrapper .size-calibration, .deposit-calc__form-range .input-wrapper input[type=text] {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0;
  text-align: left;
  color: #000;
  white-space: nowrap; }

.deposit-calc__form-range .input-wrapper input[type=text] {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  color: #000;
  padding: unset;
  margin: unset;
  border: unset;
  outline: unset;
  background-color: transparent; }

.deposit-calc__form-range .input-wrapper input[type=text]:disabled {
  background-color: transparent; }

.deposit-calc__form-range .range-bottom {
  position: relative; }

.deposit-calc__form-range .range-bottom .range-swiper-wrapper.hide {
  opacity: 0; }

.deposit-calc__form-range .range-bottom .range-swiper-wrapper {
  -webkit-transition: opacity,.2s ease;
  transition: opacity,.2s ease;
  width: calc(100% - 24px);
  height: 25px;
  top: -12.5px;
  left: 12px;
  position: absolute;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer; }

.deposit-calc__form-range .range-bottom .range-swiper-wrapper:hover b {
  border-color: #ac861d; }

.deposit-calc__form-range .range-bottom .range-swiper-wrapper:hover i {
  background-color: #ac861d; }

.deposit-calc__form-range .range-bottom .range-swiper-wrapper i:not(.grabbed) {
  -webkit-transition: width .2s ease;
  transition: width .2s ease; }

.deposit-calc__form-range .range-bottom .range-swiper-wrapper i {
  height: 4px;
  background-color: #FA8231;
  z-index: 2;
  margin-bottom: 1px;
  position: relative;
  width: 0%;
  pointer-events: none;
  -webkit-transition: background-color .3s ease;
  transition: background-color .3s ease; }

.deposit-calc__form-range .range-bottom .range-swiper-wrapper i b {
  cursor: -webkit-grab;
  cursor: grab;
  display: block;
  border-radius: 100%;
  width: 15px;
  height: 15px;
  -webkit-transition: border-color .3s ease;
  transition: border-color .3s ease;
  pointer-events: none;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: -6.5px;
  position: absolute;
  background-color: #fff;
  border: 3px solid #FA8231; }

.deposit-calc__form-range .range-bottom .limits {
  display: none;
  width: 100%;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 10px;
  position: relative; }

.deposit-calc__form-range .range-bottom .limits .max-limit, .deposit-calc__form-range .range-bottom .limits .max-limit-label, .deposit-calc__form-range .range-bottom .limits .min-limit, .deposit-calc__form-range .range-bottom .limits .min-limit-label {
  font-weight: 300;
  font-size: 12px;
  line-height: 140%;
  color: rgba(25, 24, 24, 0.6); }

.deposit-calc__form-range .range-bottom .limits .max-limit-label, .deposit-calc__form-range .range-bottom .limits .min-limit-label {
  display: none; }

.deposit-calc__form-range .range-bottom .limits .max-limit-label.show, .deposit-calc__form-range .range-bottom .limits .min-limit-label.show {
  display: block;
  cursor: pointer; }

.deposit-calc__form-range .range-bottom .limits .max-limit-label.show + .min-limit, .deposit-calc__form-range .range-bottom .limits .min-limit-label.show + .min-limit {
  left: 0; }

.deposit-calc__form-range .range-bottom .limits .max-limit-label.show + .max-limit, .deposit-calc__form-range .range-bottom .limits .min-limit-label.show + .max-limit {
  right: 0; }

.deposit-calc__form-range .range-bottom .limits .max-limit-label.show + .max-limit, .deposit-calc__form-range .range-bottom .limits .max-limit-label.show + .min-limit, .deposit-calc__form-range .range-bottom .limits .min-limit-label.show + .max-limit, .deposit-calc__form-range .range-bottom .limits .min-limit-label.show + .min-limit {
  background-color: #fff;
  display: block;
  position: absolute;
  visibility: hidden;
  -webkit-transition: visibility .2s ease,opacity .2s ease;
  transition: visibility .2s ease,opacity .2s ease;
  opacity: 0;
  padding: 10px;
  top: 100%;
  border: 1px solid #F1F4F9;
  border-radius: 8px;
  -webkit-box-shadow: 0 5px 5px rgba(247, 249, 253, 0.9);
          box-shadow: 0 5px 5px rgba(247, 249, 253, 0.9);
  font-weight: 400;
  font-size: 14px;
  color: #1B1B1B; }

.deposit-info__single, .deposit-points .deposit-points-info {
  -webkit-box-shadow: 0 24px 32px -24px rgba(22, 28, 45, 0.06);
          box-shadow: 0 24px 32px -24px rgba(22, 28, 45, 0.06);
  position: relative; }

.deposit-calc__form-range .range-bottom .limits .max-limit-label.show:hover + .max-limit, .deposit-calc__form-range .range-bottom .limits .max-limit-label.show:hover + .min-limit, .deposit-calc__form-range .range-bottom .limits .min-limit-label.show:hover + .max-limit, .deposit-calc__form-range .range-bottom .limits .min-limit-label.show:hover + .min-limit {
  visibility: visible;
  opacity: 1; }

.deposit-calc__form-tab + .deposit-calc__form-tab {
  margin-left: 12px; }

.deposit-calc__form-tab {
  padding: 6px 24px;
  background-color: #1B1B1B;
  border-radius: 6px;
  font-weight: 700;
  font-size: 14px;
  line-height: 17px;
  text-transform: uppercase;
  color: #fff;
  -webkit-transition: color .3s ease,background-color .3s ease;
  transition: color .3s ease,background-color .3s ease; }

.deposit-calc__form-tab:not(.active) {
  cursor: pointer;
  color: #1B1B1B;
  background-color: grey; }

.deposit-info__wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center; }

.deposit-info__wrapper .main-title {
  font-size: 40px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: 0;
  text-align: center;
  margin-bottom: 16px; }

@media screen and (max-width: 960px) {
  .deposit-info {
    padding: unset; }
  .deposit-info__wrapper {
    padding: 0 16px;
    border-radius: unset; }
  .deposit-info__wrapper .main-title {
    font-size: 40px;
    font-weight: 700; }
  .deposit-info__single {
    position: relative; } }

@media screen and (min-width: 740px) {
  .deposit-info__wrapper .main-title br {
    display: none; } }

.deposit-info__wrapper .main-description {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: 50px; }

@media screen and (max-width: 739px) {
  .deposit-info__wrapper .main-description {
    text-align: center; } }

.deposit-info__single + .deposit-info__single {
  margin-top: 24px; }

.deposit-info__single {
  padding: 45px 40px 0;
  background-color: var(--c-font-3);
  border-radius: 32px;
  border: 1px solid #E2ECFF;
  overflow: hidden;
  width: 100%;
  -webkit-transition: padding .3s ease;
  transition: padding .3s ease; }

@media screen and (max-width: 960px) {
  .deposit-info__single {
    padding: 20px 16px 0; } }

.deposit-info__single.open {
  padding: 45px 40px 40px; }

.deposit-info__single.open .info-buttons .calculate-deposit {
  pointer-events: none;
  opacity: 0; }

@media screen and (max-width: 960px) {
  .deposit-info__single.open {
    padding: 20px 16px; }
  .deposit-info__single.open .info-buttons .calculate-deposit {
    height: 0;
    padding: 0;
    margin-top: 0; } }

.deposit-info__single.open .calculate-deposit-close {
  pointer-events: all;
  opacity: 1;
  padding: 8px;
  height: 33px; }

.deposit-info__single.open .deposit-info__single--collapse {
  grid-template-rows: 1fr; }

.deposit-info__single .calculate-deposit-close {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 8px;
  border-radius: 32px;
  margin-top: -17px;
  border: 1px solid #1B1B1B;
  background: #FFF;
  color: #1B1B1B;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  opacity: 0;
  pointer-events: none;
  height: 0;
  z-index: 1; }

.deposit-info__single--collapse {
  display: grid;
  grid-template-rows: 0fr;
  -webkit-transition: grid-template-rows .3s ease;
  transition: grid-template-rows .3s ease;
  transition: grid-template-rows .3s ease, -ms-grid-rows .3s ease;
  transition: grid-template-rows .3s ease,-ms-grid-rows .3s ease;
  overflow: hidden;
  position: relative; }

.btn--primary, .btn--secondary, .deposit-info__single .info-buttons .open-deposit {
  -webkit-transition: background-color .2s ease-out;
  transition: background-color .2s ease-out; }

.deposit-info__single--collapse-inner {
  min-height: 0; }

.deposit-info__single .info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: start;
  justify-content: flex-start;
  position: relative;
  padding-bottom: 45px;
  padding-left: 7px; }

.deposit-info__single .info::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: calc(100% + 96px);
  height: 1px;
  background-color: #E6E7EA; }

@media screen and (max-width: 960px) {
  .deposit-info__single .info::after {
    display: none; }
  .deposit-info__single .info {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    border-bottom: 1px solid #E6E7EA;
    padding-inline: 0;
    padding-bottom: 41px; } }

.deposit-info__single .info-top {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  max-width: 533px;
  padding-block: 8px;
  padding-right: 59px;
  margin-right: 41px;
  border-right: 1px solid #E6E7EA;
  z-index: 1; }

.deposit-info__single .info-title {
  font-size: 32px;
  font-weight: 700;
  line-height: 1.25;
  margin-bottom: 8px;
  z-index: 1; }

.deposit-info__single .info-description {
  color: #525969;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.71429;
  margin-bottom: 32px; }

.deposit-info__single .info-items {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-column-gap: 48px;
  -moz-column-gap: 48px;
  column-gap: 48px;
  row-gap: 24px;
  z-index: 1; }

@media screen and (max-width: 960px) {
  .deposit-info__single .info-top {
    padding-block: 0;
    padding-right: 0;
    margin-right: 0;
    border-right: none; }
  .deposit-info__single .info-description {
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0;
    text-align: left; }
  .deposit-info__single .info-items {
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px;
    row-gap: 16px;
    margin-bottom: 32px;
    max-width: 576px; } }

.deposit-info__single .info-items li {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column; }

.deposit-info__single .info-items li span:first-child {
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0;
  text-align: left;
  color: #525969; }

.deposit-info__single .info-items li span:last-child {
  margin-top: 4px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0;
  text-align: left;
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex; }

.deposit-info__single .info-items li span:last-child img {
  margin-right: 6px; }

.deposit-info__single .info-items li span:last-child.green {
  color: #20BF6B; }

.deposit-info__single .info-buttons {
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  z-index: 1; }

.deposit-info__single .info-buttons.mobile {
  display: none; }

@media screen and (max-width: 960px) {
  .deposit-info__single .info-buttons {
    margin-top: 0;
    -ms-flex-direction: column;
    flex-direction: column;
    display: none; }
  .deposit-info__single .info-buttons button {
    width: 100%; }
  .deposit-info__single .info-buttons.mobile {
    display: -ms-flexbox;
    display: flex;
    width: 100%; } }

.deposit-info__single .info-buttons .open-deposit {
  background: #1B1B1B;
  color: #FFF;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 590;
  line-height: 1.25;
  padding: 0 16px;
  height: 52px;
  border-radius: 100px;
  white-space: nowrap; }

.deposit-info__single .info-buttons .open-deposit:hover {
  background-color: #334CB7; }

.deposit-info__single .info-buttons .calculate-deposit {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 8px;
  height: 52px;
  padding: 0 16px;
  border-radius: 100px;
  border: 1px solid #1B1B1B;
  white-space: nowrap;
  color: #1B1B1B;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 590;
  line-height: 1.25;
  -webkit-transition: color .2s ease-out,background-color .2s ease-out;
  transition: color .2s ease-out,background-color .2s ease-out; }

.deposit-info__single .info-buttons .calculate-deposit:hover {
  background-color: #1B1B1B;
  color: #fff; }

.deposit-points {
  background-color: #fff; }

.deposit-points__wrapper {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 50px; }

.deposit-points__wrapper .description, .deposit-points__wrapper .title {
  width: 100%; }

.deposit-points__wrapper .title {
  font-size: 40px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: 0;
  text-align: center;
  max-width: 100%; }

@media screen and (max-width: 960px) {
  .deposit-points__wrapper .title {
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 0;
    text-align: center; }
  .deposit-points__wrapper {
    gap: 32px; } }

.deposit-points__wrapper > .btn.btn--secondary {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content; }

.deposit-points__content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column; }

.deposit-points__content .items {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: stretch;
  align-items: stretch;
  gap: 16px; }

@media screen and (max-width: 1200px) {
  .deposit-points__content {
    grid-template-columns: 100%; }
  .deposit-points__content .items {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; } }

.deposit-points__content .items li {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
  -ms-flex: 1 0 0px;
  flex: 1 0 0;
  padding: 24px;
  border-radius: 24px;
  border: 1px solid rgba(27, 27, 27, 0.08);
  background-color: #F5F5F5; }

@media screen and (max-width: 768px) {
  .deposit-points__content .items li {
    gap: 16px; } }

.deposit-points__content .items li > .icon {
  display: -ms-flexbox;
  display: flex; }

.deposit-points__content .items li > .icon > img {
  width: 48px;
  height: 48px; }

.deposit-points__content .items li > .item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4px; }

.deposit-points__content .items li > .item > strong {
  color: #002F30;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal; }

@media screen and (max-width: 768px) {
  .deposit-points__content .items li > .item > strong {
    font-size: 16px; } }

.deposit-points__content .items li > .item > span {
  color: rgba(0, 47, 48, 0.6);
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.42857; }

.deposit-points .deposit-points-info {
  display: grid;
  grid-template-columns: 64px auto;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
  padding: 8px 24px 8px 8px;
  width: 100%;
  max-width: 720px;
  margin-inline: auto;
  border-radius: 100px;
  background: #181823;
  color: #FFF;
  margin-top: 50px; }

.deposit-points .deposit-points-info__body {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4px; }

@media screen and (max-width: 960px) {
  .deposit-points .deposit-points-info {
    padding: 24px;
    grid-template-columns: 1fr;
    border-radius: 24px;
    margin-top: 16px; }
  .deposit-points .deposit-points-info__body {
    text-align: center; } }

.deposit-points .deposit-points-info__body > strong {
  color: #FFF;
  font-size: 20px;
  font-weight: 500;
  line-height: normal; }

.deposit-points .deposit-points-info__body > span {
  color: rgba(255, 255, 255, 0.8);
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.42857; }

.deposit-points .deposit-points-info__icon {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  aspect-ratio: 1/1;
  width: 100%;
  max-width: 64px;
  margin-inline: auto;
  border-radius: 100px;
  background: rgba(255, 255, 255, 0.09); }

.deposit-banner__wrapper {
  display: -ms-flexbox;
  display: flex;
  padding: 0; }

@media screen and (max-width: 1200px) {
  .deposit-banner__wrapper {
    -ms-flex-direction: column;
    flex-direction: column; }
  .deposit-banner__left {
    width: 100%; } }

.deposit-banner__left {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative; }

.deposit-banner__left::after, .deposit-banner__left::before {
  position: absolute;
  border-radius: 100%;
  content: ""; }

@-webkit-keyframes circlemove {
  from {
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%);
    @media screen and (max-width: 1200px) {
      .deposit-banner__left {
        -webkit-transform: translateY(-5%);
        transform: translateY(-5%); } } }
  to {
    -webkit-transform: translateY(10%);
    transform: translateY(10%);
    @media screen and (max-width: 1200px) {
      .deposit-banner__left {
        -webkit-transform: translateY(5%);
        transform: translateY(5%); } } } }

@keyframes circlemove {
  from {
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%);
    @media screen and (max-width: 1200px) {
      .deposit-banner__left {
        -webkit-transform: translateY(-5%);
        transform: translateY(-5%); } } }
  to {
    -webkit-transform: translateY(10%);
    transform: translateY(10%);
    @media screen and (max-width: 1200px) {
      .deposit-banner__left {
        -webkit-transform: translateY(5%);
        transform: translateY(5%); } } } }

@-webkit-keyframes circlemove2 {
  from {
    -webkit-transform: translateY(10%);
    transform: translateY(10%);
    @media screen and (max-width: 1200px) {
      .deposit-banner__left {
        -webkit-transform: translateY(5%);
        transform: translateY(5%); } } }
  to {
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%);
    @media screen and (max-width: 1200px) {
      .deposit-banner__left {
        -webkit-transform: translateY(-5%);
        transform: translateY(-5%); } } } }

@keyframes circlemove2 {
  from {
    -webkit-transform: translateY(10%);
    transform: translateY(10%);
    @media screen and (max-width: 1200px) {
      .deposit-banner__left {
        -webkit-transform: translateY(5%);
        transform: translateY(5%); } } }
  to {
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%);
    @media screen and (max-width: 1200px) {
      .deposit-banner__left {
        -webkit-transform: translateY(-5%);
        transform: translateY(-5%); } } } }

.deposit-banner__left::after {
  width: 138px;
  height: 138px;
  background: linear-gradient(70.79deg, #DB82E3 0, #4B27D9 98.42%);
  bottom: 30px;
  right: 75px;
  z-index: 2;
  -webkit-animation: 3s ease-in-out infinite alternate circlemove;
  animation: 3s ease-in-out infinite alternate circlemove; }

.deposit-banner__left img {
  z-index: 1;
  max-width: 520px; }

@media screen and (max-width: 1200px) {
  .deposit-banner__left::after {
    width: 92px;
    height: 92px;
    right: 20px;
    bottom: 20px; }
  .deposit-banner__left img {
    width: 100%; } }

.deposit-banner__left::before {
  width: 204px;
  height: 204px;
  top: 0;
  left: 0;
  background: linear-gradient(263.16deg, #130CB7 0, #529FE7 98.47%);
  -webkit-animation: 4s ease-in-out infinite alternate circlemove2;
  animation: 4s ease-in-out infinite alternate circlemove2; }

.deposit-banner__right {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center; }

.deposit-banner__right .title {
  font-size: 56px;
  font-weight: 400;
  line-height: 64px;
  letter-spacing: 0;
  text-align: left; }

@media screen and (max-width: 1200px) {
  .deposit-banner__left::before {
    width: 136px;
    height: 136px;
    top: 20px; }
  .deposit-banner__right .title {
    font-size: 32px;
    font-weight: 400;
    line-height: 40px;
    letter-spacing: 0;
    text-align: center; } }

.deposit-banner__right .title b {
  font-size: 56px;
  font-weight: 700;
  line-height: 64px;
  letter-spacing: 0;
  text-align: left; }

@media screen and (max-width: 1200px) {
  .deposit-banner__right .title b {
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: 0;
    text-align: center; } }

.deposit-banner__right .description {
  margin-top: 24px;
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: 0;
  text-align: left; }

@media screen and (max-width: 1200px) {
  .deposit-banner__right .description {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
    text-align: center; } }

.deposit-banner__right .description span {
  font-size: 20px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: 0;
  text-align: left;
  color: #130CB7; }

.deposit-banner__right ul {
  margin-top: 40px;
  max-width: 463px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 7px; }

@media screen and (max-width: 1200px) {
  .deposit-banner__right .description span {
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0;
    text-align: center; }
  .deposit-banner__right ul {
    margin-top: 24px;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-item-align: center;
    align-self: center; } }

.deposit-banner__right ul li {
  padding: 8px 12px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 600;
  line-height: 17px;
  letter-spacing: 0;
  text-align: left;
  background-color: #fff; }

.deposit-banner__right button {
  margin-top: 40px;
  -ms-flex-item-align: start;
  align-self: flex-start;
  font-size: 18px;
  font-weight: 590;
  line-height: 24px;
  letter-spacing: 0;
  text-align: center;
  background: linear-gradient(263.16deg, #130CB7 0, #529FE7 98.47%);
  color: #fff;
  padding: 20px 52px;
  border-radius: 12px; }

.btn, .btn--sm {
  font-weight: 600;
  text-align: center; }

@media screen and (max-width: 1200px) {
  .deposit-banner__right button {
    margin-top: 24px;
    width: 100%;
    padding: 20px 0; } }

.btn {
  width: 100%;
  height: 64px;
  border-radius: 16px;
  border: none;
  padding: 20px 24px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  z-index: 1;
  font-size: 18px;
  line-height: 1.33333;
  cursor: pointer; }

@media screen and (max-width: 960px) {
  .btn {
    height: 60px;
    padding: 18px 24px; } }

.btn--primary {
  border-radius: 100px;
  background-color: #FFD900;
  color: #002F30; }

.btn--primary:hover {
  background-color: rgba(255, 217, 0, 0.75); }

.btn--secondary {
  border-radius: 100px;
  background-color: #002F30;
  color: #FFF; }

.btn--secondary:hover {
  background-color: rgba(0, 47, 48, 0.75); }

.btn--sm {
  height: 52px;
  padding: 16px 24px;
  font-size: 16px;
  font-style: normal;
  line-height: 1.5; }

.btn--white {
  background-color: #fff;
  border-radius: 100px;
  border: 1px solid #1B1B1B;
  color: #1B1B1B;
  -webkit-transition: color .2s ease-out,background-color .2s ease-out;
  transition: color .2s ease-out,background-color .2s ease-out; }

.btn--white:hover {
  background-color: #1B1B1B;
  color: #fff; }

.btn--blue {
  background-color: #002059;
  color: #fff; }

.btn--blue:hover {
  background-color: #08327a; }

.pr {
  position: relative; }

.flex-x-center {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center; }

.section-divider {
  height: 1px;
  width: 100%;
  background-color: #E6E7EA; }

.checkbox-container {
  display: block;
  position: relative;
  padding-left: 33px;
  cursor: pointer;
  color: #002F30; }

.checkbox-container > input {
  position: absolute;
  opacity: 0;
  cursor: pointer; }

.checkbox-container .checkmark {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 24px;
  width: 24px;
  background-color: #fff;
  border: 1px solid #D2D5DA;
  border-radius: 6px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center; }

.checkbox-container .checkmark > img {
  display: none; }

.checkbox-container input:checked ~ .checkmark {
  background-color: #002F30; }

.checkbox-container input:checked ~ .checkmark > img {
  display: block; }

.container {
  width: 100%;
  max-width: 1440px;
  padding: 0 var(--side-padding);
  margin: 0 auto; }

.form-container {
  border-radius: 24px;
  -webkit-box-shadow: 0 24px 32px -24px rgba(22, 28, 45, 0.0588235);
          box-shadow: 0 24px 32px -24px rgba(22, 28, 45, 0.0588235);
  border: 1px solid #E2ECFF;
  overflow: hidden;
  max-width: 640px;
  margin-inline: auto; }

@media (min-width: 961px) {
  .form-container {
    display: -ms-flexbox;
    display: flex;
    max-width: unset; } }

.form-container .form-bg {
  height: 320px;
  background: url(https://piraeusbank.ua/themes/custom/piraeus/html/public/assets/ubn/img/portrait-of-middle-aged-woman-smiling-outdoors.png) center center no-repeat;
  background-size: cover; }

.form-container .df {
  padding: 32px;
  background-color: #fff;
  width: 100%;
  -ms-flex: 1 0 0px;
  flex: 1 0 0; }

@media (max-width: 768px) {
  .form-container .df {
    padding: 24px 16px; } }

.form-container .deposit-form__image {
  position: relative;
  aspect-ratio: 597/603;
  overflow: hidden;
  -ms-flex: 1.033 0 0px;
  flex: 1.033 0 0; }

.form-container .deposit-form__image > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -o-object-fit: cover;
  object-fit: cover; }

@media (max-width: 960px) {
  .form-container .deposit-form__image {
    aspect-ratio: 341/324;
    max-height: 324px;
    width: 100%; } }

.form-container .df__title {
  font-size: 32px;
  line-height: 1.25;
  font-weight: 700;
  margin-bottom: 24px; }

@media screen and (max-width: 1200px) {
  .form-container .df__title {
    font-size: 28px;
    line-height: normal; }
  .form-container .df__title > br {
    display: none; } }

@media (min-width: 744px) {
  .form-container .form-bg {
    display: none; }
  .form-container .df__title {
    font-size: 32px;
    margin-bottom: 32px; } }

.form-container .df__form-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px; }

@media screen and (max-width: 900px) {
  .form-container .df__form-row {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: stretch;
    align-items: stretch;
    gap: 12px; }
  .form-container .df__form-row > .df__form-group {
    margin-bottom: 0; }
  .form-container .df__form-row:not(:last-child) {
    margin-bottom: 12px; } }

.form-container .df__form-group {
  margin-bottom: 12px;
  border-radius: 12px;
  padding: 12px 30px;
  border: 1px solid #E6E7EA;
  -ms-flex: 1 0 0px;
  flex: 1 0 0; }

.form-container .df__form-group:not(:is(.df__form-group--textarea, .df__form-group--checkbox)) {
  height: 72px; }

.form-container .df__form-group.df__form-group--textarea {
  height: 100%;
  min-height: 107px; }

.form-container .df__form-group.df__form-group--textarea textarea {
  resize: none; }

.form-container .df__form-group--checkbox {
  border: none;
  padding-inline: 0;
  padding-block: 15px;
  height: unset; }

@media screen and (max-width: 1200px) {
  .form-container .df__form-group--checkbox {
    padding-block: 12px; } }

.form-container .df__form-group--checkbox .checkbox-container {
  font-weight: 400;
  line-height: 1.5; }

.form-container .df__form-group--checkbox .checkbox-container > a {
  font-weight: 700;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
  -webkit-text-decoration-style: solid;
  text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  color: #1B1B1B; }

.form-container .df__form-label {
  display: block;
  font-weight: 500;
  font-size: 14px;
  line-height: 1;
  color: #9DA3AF; }

.form-container .df__form-input {
  width: 100%;
  border: none;
  border-radius: 4px;
  font-weight: 600;
  padding: 0;
  font-size: 16px;
  line-height: 1.5; }

.form-container .df__form-input::-webkit-input-placeholder {
  color: #1B1B1B; }

.form-container .df__form-input::-moz-placeholder {
  color: #1B1B1B; }

.form-container .df__form-input:-ms-input-placeholder {
  color: #1B1B1B; }

.form-container .df__form-input::-ms-input-placeholder {
  color: #1B1B1B; }

.form-container .df__form-input::placeholder {
  color: #1B1B1B; }

.form-container .df__form-link {
  color: #06c; }

.deposit-main-nav > li > a:hover, .form-container .df__form-link:hover {
  text-decoration: underline; }

.form-container .df__form-error {
  color: red;
  font-size: 12px;
  margin-top: 5px; }

.form-container .df__form-buttons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 12px; }

@media (min-width: 1400px) {
  .form-container .df {
    background-position: unset; }
  .form-container .df__form-buttons {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap; } }

@media (min-width: 744px) {
  .form-container .df__form-buttons .btn {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding-inline: 56px; } }

.footer {
  padding: 69px 0 24px;
  background: linear-gradient(100.31deg, #233254 -4.01%, #0F172A 85.35%);
  margin-top: -35px;
  color: rgba(255, 255, 255, 0.5); }

@media (min-width: 744px) {
  .footer {
    padding: 69px 34px 32px 9px; }
  .footer-heading {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center; } }

.footer-heading {
  margin-bottom: 61px; }

.footer-heading-logo {
  margin-bottom: 25px; }

.footer-heading-links {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 18px; }

@media (min-width: 744px) {
  .footer-heading-links {
    gap: 24px; } }

@media (min-width: 961px) {
  .footer {
    padding-bottom: 55px; }
  .footer-heading-links {
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 30px; } }

.footer-heading-links__item {
  font-size: 14px;
  line-height: 17px; }

.footer-heading-links__item:hover {
  color: #fff; }

.footer .footer-description-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4px;
  font-size: 14px;
  line-height: 17px; }

.footer .footer-description-item__label {
  color: rgba(255, 255, 255, 0.5); }

.footer .footer-description-item__link {
  font-weight: 600;
  color: #fff; }

.footer-body {
  margin-bottom: 24px; }

.footer-bottom {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  gap: 24px; }

@media (min-width: 744px) {
  .footer-bottom {
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .footer-bottom .footer-description-item {
    -ms-flex: 1;
    flex: 1;
    width: 50%; }
  .footer-bottom .contact {
    margin-left: auto; } }

.footer-bottom .contact-icon {
  display: block; }

.footer-bottom .contact-icon:after {
  background-color: rgba(255, 255, 255, 0.3); }

.footer-bottom .contact-info__label {
  color: rgba(255, 255, 255, 0.5); }

.footer-bottom .contact-info__phone {
  color: #fff; }

.modal-info, .modal-success {
  background: rgba(0, 0, 0, 0.8);
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 16px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  display: none; }

.modal-info .modal-close, .modal-success .modal-close {
  background-color: #fff;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  position: absolute;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  top: -60px;
  right: 50%;
  -webkit-transform: translateX(50%);
  transform: translateX(50%); }

.modal-info .modal-close > img, .modal-success .modal-close > img {
  width: 24px;
  height: 24px; }

.modal-info .modal-content {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  gap: 37px;
  background-color: #fff;
  border-radius: 24px; }

.modal-info .modal-content .modal-bg {
  border-radius: 24px;
  overflow: hidden;
  background: 0 0;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content; }

@media (min-width: 744px) {
  .modal-info, .modal-success {
    padding: 82px; }
  .modal-info .modal-close, .modal-success .modal-close {
    top: -39px;
    right: -22px; }
  .modal-info .modal-content .modal-bg {
    background: url(/themes/custom/piraeus/html/public/assets/ubn/img/success-modal-bg.webp) left center no-repeat;
    background-size: contain;
    width: 580px;
    max-width: none;
    background-position-x: -140px; } }

@media (min-width: 961px) {
  .modal-info .modal-content .modal-bg {
    background-position-x: 0;
    width: 763px; } }

.modal-info .modal-content .modal-col {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column; }

@media (min-width: 744px) {
  .modal-info .modal-content .modal-col {
    width: 60%; } }

@media (min-width: 961px) {
  .modal-info .modal-content .modal-col {
    width: 50%; } }

.modal-info .modal-content .modal-col__content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 40px 16px 34px;
  margin-left: auto; }

.modal-info .modal-content .modal-content-header {
  display: -ms-flexbox;
  display: flex;
  gap: 11px;
  margin-bottom: 24px; }

@media (min-width: 744px) {
  .modal-info .modal-content .modal-content-header {
    margin-bottom: 40px; } }

.modal-info .modal-content .modal-content-header > img {
  width: 51px;
  height: 51px; }

.modal-info .modal-content .modal-content-header .modal-bank-description {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px; }

.modal-info .modal-content .modal-content-header .modal-bank-description__subtitle {
  color: #6A7181;
  font-weight: 600;
  font-family: Montserrat,sans-serif;
  font-size: 14px;
  line-height: 16px; }

.modal-info .modal-content .modal-content-body {
  margin-bottom: 24px; }

@media (min-width: 744px) {
  .modal-info .modal-content .modal-content-body {
    margin-bottom: 49px; } }

.modal-info .modal-content .modal-content-body__title {
  font-weight: 700;
  font-size: 32px;
  line-height: 38px;
  margin-bottom: 16px; }

.modal-info .modal-content .modal-content-body__subtitle {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400; }

.modal-info .modal-content .modal-content-footer {
  display: -ms-flexbox;
  display: flex;
  gap: 16px; }

.modal-info .modal-content .modal-content-footer .qr-code {
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 5px;
  background-color: #EEF1F6;
  width: 136px;
  border-radius: 12px;
  display: none;
  padding: 4px; }

@media (min-width: 744px) {
  .modal-info .modal-content .modal-content-footer .qr-code {
    display: -ms-flexbox;
    display: flex; } }

.modal-info .modal-content .modal-content-footer .qr-code__img {
  width: 100%; }

.modal-info .modal-content .modal-content-footer .qr-code__description {
  font-weight: 700;
  font-family: Montserrat,sans-serif;
  font-size: 12px;
  line-height: 14px;
  text-align: center; }

.modal-info .modal-content .modal-content-footer .app-links {
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -ms-flex-pack: end;
  justify-content: flex-end; }

@media (min-width: 744px) {
  .modal-info .modal-content .modal-content-footer .app-links {
    -ms-flex-direction: column;
    flex-direction: column; } }

.modal-info .modal-content .modal-content-footer .app-links img {
  width: 135px; }

@media (max-width: 744px) {
  .modal-info .modal-content .modal-content-footer .app-links img {
    width: auto;
    height: 100%; } }

.modal-success .modal-content {
  position: relative;
  background-color: #fff;
  width: 558px;
  padding-bottom: 24px;
  border-radius: 24px; }

.modal-success .modal-content .modal-header {
  padding-top: 30px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 23px; }

.modal-success .modal-content .modal-body {
  margin-bottom: 30px;
  padding: 0 16px; }

.modal-success .modal-content .modal-body__title {
  font-weight: 700;
  font-size: 32px;
  line-height: 38px;
  text-align: center;
  margin-bottom: 12px; }

.modal-success .modal-content .modal-body__subtitle {
  width: 100%;
  line-height: 26px;
  text-align: center; }

@media (min-width: 744px) {
  .modal-success .modal-content .modal-body__subtitle {
    width: 336px;
    margin: 0 auto; } }

.modal-success .modal-content .modal-footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 16px; }

.modal-success .modal-content .modal-footer .btn {
  max-width: 310px; }

.hidden {
  display: none !important; }

.deposit-header {
  position: relative;
  padding-block: 32px;
  background-color: #002F30;
  z-index: 1002; }

.deposit-header > .deposit-lg-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center; }

.deposit-lg-container {
  max-width: 1440px;
  margin-inline: auto;
  padding-inline: 50px; }

.burger {
  display: none; }

@media screen and (max-width: 960px) {
  .deposit-header {
    padding-block: 48px 30px; }
  .deposit-lg-container {
    padding-inline: 16px; }
  .burger {
    width: 32px;
    height: 32px;
    display: grid;
    place-content: center;
    gap: 6px;
    background: 0 0;
    cursor: pointer;
    color: #fff;
    z-index: 1001; }
  .burger.is-open {
    color: #000; }
  .burger span {
    width: 32px;
    height: 3px;
    background: currentColor;
    transition: opacity .2s ease,-webkit-transform .25s ease;
    -webkit-transition: opacity .2s ease,-webkit-transform .25s ease;
    transition: transform .25s ease,opacity .2s ease;
    transition: transform .25s ease,opacity .2s ease,-webkit-transform .25s ease; }
  .burger.is-open span:nth-child(1) {
    -webkit-transform: translateY(9px) rotate(45deg);
    transform: translateY(9px) rotate(45deg); }
  .burger.is-open span:nth-child(2) {
    opacity: 0; }
  .burger.is-open span:nth-child(3) {
    -webkit-transform: translateY(-9px) rotate(-45deg);
    transform: translateY(-9px) rotate(-45deg); } }

.deposit-header-logo {
  position: relative;
  width: 143.81px;
  height: 43.45px;
  -webkit-transition: opacity .2s ease-out,color .3s ease;
  transition: opacity .2s ease-out,color .3s ease;
  z-index: 1002;
  color: #fff; }

.deposit-header-logo.inverted {
  color: #002F30; }

.deposit-header-logo > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain; }

.deposit-header-logo:hover {
  opacity: .5; }

.deposit-main-nav {
  display: -ms-flexbox;
  display: flex;
  gap: 40px; }

@media screen and (max-width: 1080px) {
  .deposit-main-nav {
    gap: 14px; } }

.deposit-main-nav > li > a {
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: normal; }

@media screen and (max-width: 960px) {
  .deposit-main-nav > li > a {
    color: #002F30;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal; }
  .deposit-main-nav {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100dvh;
    padding: 140px 16px 48px;
    background: #fff;
    -webkit-box-shadow: -20px 0 40px rgba(0, 0, 0, 0.15);
            box-shadow: -20px 0 40px rgba(0, 0, 0, 0.15);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 32px;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    transition: -webkit-transform .3s ease;
    -webkit-transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
    transition: transform .3s ease,-webkit-transform .3s ease;
    z-index: 1000; }
  .deposit-main-nav.is-open {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  .deposit-hero {
    padding-top: 0;
    border-radius: 0 0 24px 24px; } }

.deposit-hero__row, .deposit-hero__wr {
  display: -ms-flexbox;
  position: relative; }

.deposit-hero {
  position: relative;
  background-color: #002F30; }

.deposit-hero__row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  gap: 50px; }

@media screen and (max-width: 960px) {
  .deposit-hero__row {
    gap: 24px; } }

.deposit-hero__wr {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 50px;
  padding-block: 24px 50px; }

.deposit-hero__title {
  color: #F5F5F5;
  font-size: 50px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  max-width: 764px; }

.deposit-hero__title strong {
  font-weight: 700; }

@media screen and (max-width: 1370px) {
  .deposit-hero__title {
    font-size: 38px; } }

@media screen and (max-width: 960px) {
  .deposit-hero__wr {
    gap: 24px;
    padding-block: 18px 16px; }
  .deposit-hero__title {
    font-size: 32px; } }

.deposit-hero__info {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 24px;
  max-width: 460px; }

.deposit-hero__info p {
  color: #FFF;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.4; }

.deposit-hero__info .btn.btn--primary {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content; }

.deposit-hero__image {
  position: relative;
  aspect-ratio: 1340/367;
  width: 100%;
  background-image: url(/themes/custom/piraeus/html/public/assets/ubn/img/hero-image.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center 66%;
  border-radius: 24px; }

.text-with-images {
  max-width: calc(1200px + var(--mainPadding) * 2);
  margin-inline: auto;
  padding-inline: var(--mainPadding);
  width: 100%; }

.text-with-images__title {
  color: #002F30;
  text-align: center;
  font-size: 40px;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 50px; }

.text-with-images__wr {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1.1fr;
  padding: 10px;
  border-radius: 16px;
  gap: 100px;
  background: #002F30; }

@media screen and (max-width: 1100px) {
  .text-with-images__wr {
    gap: 32px; } }

@media screen and (max-width: 960px) {
  .deposit-hero__info .btn.btn--primary {
    width: 100%; }
  .text-with-images__title {
    font-size: 28px;
    font-weight: 700;
    line-height: 1.14286;
    margin-bottom: 20px; }
  .text-with-images__wr {
    grid-template-columns: 1fr;
    gap: 24px;
    padding: 16px;
    border-radius: 24px; } }

.text-with-images__body {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  row-gap: 60px;
  padding-left: 93px; }

@media screen and (max-width: 960px) {
  .text-with-images__body {
    padding-bottom: 0;
    padding-top: 0;
    padding-left: 0;
    margin-left: unset;
    row-gap: 20px; } }

.text-with-images__content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 24px;
  color: #f5f5f5;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.57143; }

.text-with-images__content h2 {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.16667;
  color: #fff; }

.text-with-images__content ul {
  list-style: disc;
  padding-left: 1.2rem; }

.text-with-images__content ul li:not(:last-child) {
  margin-bottom: 12px; }

.text-with-images__quote {
  display: -ms-flexbox;
  display: flex;
  padding: 12px 20px;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  border-radius: 16px;
  background: #FFF;
  -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.06), 0 2px 20px 0 rgba(0, 32, 91, 0.06);
          box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.06), 0 2px 20px 0 rgba(0, 32, 91, 0.06); }

.text-with-images__quote img {
  width: 45px;
  height: auto;
  -ms-flex-negative: 0;
  flex-shrink: 0; }

@media screen and (max-width: 960px) {
  .text-with-images__content h2 {
    font-size: 20px;
    line-height: 1.2; }
  .text-with-images__quote {
    -ms-flex-align: start;
    align-items: flex-start; } }

.text-with-images__images {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  max-width: 100%;
  overflow: hidden; }

.text-with-images__image {
  position: relative;
  border-radius: 12px;
  overflow: hidden; }

.text-with-images__image::before {
  content: "";
  display: block;
  padding-bottom: 79.45%; }

.text-with-images__image > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover; }

.text-with-images__image:first-child {
  grid-column: span 2; }

.text-with-images__image:first-child::before {
  padding-bottom: 56.23%; }

@media screen and (max-width: 450px) {
  .deposit-hero__image {
    aspect-ratio: 344/224; }
  .text-with-images__images {
    grid-template-columns: 1fr; }
  .text-with-images__image::before {
    padding-bottom: 66.1%; }
  .text-with-images__image:first-child {
    grid-column: unset; }
  .text-with-images__image:first-child::before {
    padding-bottom: 56.27%; } }

.footer-filler {
  opacity: 0 !important;
  pointer-events: none;
  position: relative !important;
  margin-top: -120px; }

@media screen and (max-width: 1200px) {
  .footer-filler {
    margin-top: -12px; } }

@media screen and (max-width: 768px) {
  .text-with-images__image {
    border-radius: 16px; }
  .footer-filler {
    margin-top: 0; } }

footer.updated {
  overflow: hidden; }

footer.updated .footer-bg {
  position: absolute;
  width: 629.95px;
  height: 583.49px;
  top: -386px;
  left: -188px;
  background-image: url(/themes/custom/piraeus/html/public/assets/ubn/img/footer-bg.svg), linear-gradient(160deg, rgba(79, 99, 124, 0.7) 15.87%, rgba(53, 72, 95, 0.7) 86.88%);
  background-repeat: no-repeat;
  background-size: 100%;
  -webkit-filter: blur(92.5px);
  filter: blur(92.5px);
  pointer-events: none;
  z-index: 0; }

footer.updated .left {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 40px; }

@media screen and (max-width: 1200px) {
  footer.updated .left img {
    display: block;
    width: 144px;
    height: 43.2px; }
  footer.updated .middle {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-order: 3;
    order: 3;
    max-width: 100%;
    margin-top: 24px;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 32.25px; } }

footer.updated .middle {
  max-width: 584px;
  -ms-flex-align: end;
  align-items: flex-end; }

@media screen and (max-width: 1200px) {
  footer.updated .middle {
    -ms-flex-align: start;
    align-items: flex-start; }
  footer.updated .middle .site {
    margin-bottom: unset;
    -ms-flex-direction: column;
    flex-direction: column; } }

footer.updated .middle .site .info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column; }

footer.updated .middle .additive ul {
  display: -ms-flexbox;
  display: flex; }

footer.updated .middle .additive ul li + li {
  margin-left: 40px; }

@media screen and (max-width: 1200px) {
  footer.updated .middle .additive ul {
    -ms-flex-direction: column;
    flex-direction: column; }
  footer.updated .middle .additive ul li + li {
    margin-left: unset;
    margin-top: 24px; } }

footer.updated .middle .additive ul li {
  margin-top: unset;
  color: #FFF;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: normal; }

.footer-filler, footer {
  background-color: #002F30;
  width: 100%;
  position: fixed;
  bottom: 0;
  z-index: -1;
  padding: 156px 0 64px;
  color: var(--c-font-3); }

@media screen and (max-width: 1200px) {
  .footer-filler, footer {
    padding: 60px 0 40px; } }

.footer-filler .content-wrapper, footer .content-wrapper {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 100%;
  max-width: 1540px;
  padding-inline: 50px; }

@media screen and (max-width: 768px) {
  .footer-filler .content-wrapper, footer .content-wrapper {
    padding-inline: 16px; } }

.footer-filler .left, .footer-filler .middle, .footer-filler .right, footer .left, footer .middle, footer .right {
  display: -ms-flexbox;
  display: flex; }

.footer-filler .left, footer .left {
  position: relative; }

.footer-filler .left img, footer .left img {
  max-width: 179px; }

@media screen and (max-width: 1200px) {
  .footer-filler .content-wrapper, footer .content-wrapper {
    position: relative;
    z-index: 1;
    -ms-flex-direction: column;
    flex-direction: column; }
  .footer-filler .left img, footer .left img {
    display: none; }
  .footer-filler .left, footer .left {
    -ms-flex-order: 2;
    order: 2; } }

.footer-filler .left .info, footer .left .info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4px; }

.footer-filler .left .info span, footer .left .info span {
  color: rgba(255, 255, 255, 0.5);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal; }

.footer-filler .right .win, footer .right .win {
  display: none; }

@media screen and (max-width: 1200px) {
  .footer-filler .right .win, footer .right .win {
    display: block;
    max-width: 170px;
    margin-bottom: 24px; }
  .footer-filler .right, footer .right {
    -ms-flex-direction: column;
    flex-direction: column; }
  .footer-filler .right .download, footer .right .download {
    max-width: 135px;
    margin-bottom: 24px; } }

.footer-filler .right .download, footer .right .download {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: end;
  justify-content: flex-end; }

.footer-filler .right .download a, footer .right .download a {
  background-color: rgba(255, 255, 255, 0.1); }

.footer-filler .right .download a:hover, footer .right .download a:hover {
  background: rgba(255, 255, 255, 0.2); }

.footer-filler .right .download a:last-child, footer .right .download a:last-child {
  margin: 8px 0 0; }

.footer-filler .right .qr, footer .right .qr {
  margin-left: 8px; }

@media screen and (max-width: 1200px) {
  .footer-filler .right .qr, footer .right .qr {
    display: none; } }

.footer-filler .info.mobile, footer .info.mobile {
  display: none !important; }

.footer-filler .info.desktop, footer .info.desktop {
  display: -ms-flexbox !important;
  display: flex !important; }

.footer-filler .middle, footer .middle {
  max-width: 375px; }

@media screen and (max-width: 1200px) {
  .footer-filler .info.mobile, footer .info.mobile {
    display: -ms-flexbox !important;
    display: flex !important; }
  .footer-filler .info.desktop, footer .info.desktop {
    display: none !important; }
  .footer-filler .middle, footer .middle {
    -ms-flex-order: 1;
    order: 1; } }

.footer-filler .middle strong, footer .middle strong {
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 6px;
  display: block; }

.footer-filler .middle .additive .web-version, footer .middle .additive .web-version {
  display: none;
  font-size: 14px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  padding: 4px 8px;
  border-radius: 32px;
  background: rgba(255, 255, 255, 0.1); }

@media screen and (max-width: 1200px) {
  .footer-filler .middle strong, footer .middle strong {
    margin-bottom: 4px; }
  .footer-filler .middle .additive .web-version, footer .middle .additive .web-version {
    display: -ms-flexbox;
    display: flex; }
  .footer-filler .middle .site, footer .middle .site {
    margin-bottom: 32px;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 47px; } }

.footer-filler .middle .additive .web-version img, footer .middle .additive .web-version img {
  -webkit-filter: brightness(100);
  filter: brightness(100);
  margin-left: 4px; }

.footer-filler .middle .additive .web-version:hover, footer .middle .additive .web-version:hover {
  background: rgba(255, 255, 255, 0.5);
  color: var(--c-font-3); }

.footer-filler .middle ul, footer .middle ul {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal; }

@media screen and (max-width: 744px) {
  .footer-filler .middle ul, footer .middle ul {
    font-size: 16px; } }

.footer-filler .middle ul + strong, footer .middle ul + strong {
  margin-top: 32px; }

.footer-filler .middle ul li + li, footer .middle ul li + li {
  display: block;
  margin-top: 8px; }

.footer-filler .middle ul li a, footer .middle ul li a {
  color: #fff;
  white-space: nowrap;
  -webkit-transition: color .2s ease-out;
  transition: color .2s ease-out; }

.footer-filler .middle ul li a:hover, footer .middle ul li a:hover {
  color: rgba(255, 255, 255, 0.5); }

.footer-filler .middle .site, footer .middle .site {
  display: -ms-flexbox;
  display: flex; }

.footer-filler .middle .site img, footer .middle .site img {
  width: 40px;
  height: 40px; }

.footer-filler .middle .site .info, footer .middle .site .info {
  margin-left: 8px;
  display: block; }

.footer-filler .middle .site .info span, footer .middle .site .info span {
  color: rgba(255, 255, 255, 0.5);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-align: right;
  margin-bottom: 4px; }

@media screen and (max-width: 1200px) {
  .footer-filler .middle .site .info, footer .middle .site .info {
    margin-left: 0; }
  .footer-filler .middle .site .info span, footer .middle .site .info span {
    font-weight: 400;
    text-align: left; } }

.footer-filler .middle .site .info a, footer .middle .site .info a {
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal; }

.footer-filler .column, footer .column {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  justify-content: space-between; }

/*# sourceMappingURL=main.css.map */