/**
 * Theme Name:  Arbismart 4.0
 * Theme URI:   https://arbismart.com/
 * Author:      Andrey Andreevich
 * Author URI:  https://arbismart.com/
 * Description: Arbismart 4.0
 * License:     GNU General Public License v2 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * Tags:        arbismart, black, brown, orange, tan, white, yellow
 * Text Domain: arbismart
 * Version:     4.0
 */

@import url("https://fonts.googleapis.com/css2?family=Yeseva+One&display=swap");

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=DM%20Sans:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

* {
  padding: 0;
  margin: 0;
  box-sizing: content-box;
}
body {
  font-family: "DM Sans", sans-serif;
  font-size: 16px;
  line-height: 140%;
  background: #171717;
  color: #f7f7f7;
  -webkit-font-smoothing: antialiased;
}

/* COMMON */
#_page {
  transition: 0.5s;
  filter: opacity(0);
  -webkit-filter: opacity(0);
}
#_page main {
  overflow: hidden;
}
.l-mt-auto {
  margin-top: auto;
}
.l-mt-0 {
  margin-top: 0px;
}
.l-mt-5 {
  margin-top: 5px;
}
.l-mt-15 {
  margin-top: 15px;
}
.l-mt-20 {
  margin-top: 20px;
}
.l-mt-25 {
  margin-top: 25px;
}
.l-mt-30 {
  margin-top: 30px;
}
.l-mt-50 {
  margin-top: 50px;
}

.l-mb-auto {
  margin-bottom: auto;
}
.l-mb-0 {
  margin-bottom: 0px;
}
.l-mb-5 {
  margin-bottom: 5px;
}
.l-mb-15 {
  margin-bottom: 15px;
}
.l-mb-20 {
  margin-bottom: 20px;
}
.l-mb-25 {
  margin-bottom: 25px;
}
.l-mb-30 {
  margin-bottom: 30px;
}
.l-mb-40 {
  margin-bottom: 40px;
}
.l-mb-50 {
  margin-bottom: 50px;
}
.l-mb-100 {
  margin-bottom: 100px;
}

.l-ml-auto {
  margin-left: auto;
}
.l-ml-0 {
  margin-left: 0px;
}
.l-ml-5 {
  margin-left: 5px;
}
.l-ml-15 {
  margin-left: 15px;
}
.l-ml-20 {
  margin-left: 20px;
}
.l-ml-25 {
  margin-left: 25px;
}
.l-ml-30 {
  margin-left: 30px;
}
.l-ml-50 {
  margin-left: 50px;
}

.l-mr-auto {
  margin-right: auto;
}
.l-mr-0 {
  margin-right: 0px;
}
.l-mr-5 {
  margin-right: 5px;
}
.l-mr-15 {
  margin-right: 15px;
}
.l-mr-20 {
  margin-right: 20px;
}
.l-mr-25 {
  margin-right: 25px;
}
.l-mr-30 {
  margin-right: 30px;
}
.l-mr-50 {
  margin-right: 50px;
}

.l-pl-25 {
  padding-left: 25px !important;
}

.l-fs-16 {
  font-size: 16px;
  line-height: 140%;
}
.l-fs-20 {
  font-size: 20px;
}
.l-pb-0 {
  padding-bottom: 0 !important;
}
.text-white {
  color: white;
}
.text-center {
  text-align: center;
}
.l-fw-700 {
  font-weight: 700;
}
.flex-column {
  flex-direction: column;
}

.text-orange {
  color: #ffc200;
}

.ui-title--1 {
  font-family: "DM Sans";
  font-weight: 400;
  font-size: 20px;
  line-height: 23px;
}

.l-fs-12 {
  font-size: 12px;
}
.relative {
  position: relative;
}
.overflow-hidden {
  overflow: hidden;
}
.lm-show,
header > .wrapper > .col-right.lm-show {
  display: none;
}
.l-flex {
  display: flex;
}
.l-grid {
  display: grid;
}

.l-grid-3 {
  grid-template-columns: 33% 33% 33%;
}
.b-b {
  border-bottom: 2px solid black;
}
input,
textarea,
select {
  background: rgba(79, 89, 193, 0.08);
  border-radius: 8px;
  border: 1px solid transparent;
  min-height: 46px;
  outline: none;
  padding: 5px 24px;
  font-size: 16px;
  font-family: "DM Sans", sans-serif;
  color: #f7f7f7;
  cursor: pointer;
  width: calc(100% - 48px);
}

/* LINKS */

.ui-nav-link,
.ui-nav-link a {
  color: #f7f7f7;
  display: flex;
  align-items: center;
}
a {
  text-decoration: none;
}

/* HEADER */

header > .wrapper,
footer > .wrapper,
.container {
  max-width: 1230px;
  margin: 0 auto;
  padding: 0 15px;
  width: 100%;
}
header > .wrapper,
footer > .wrapper {
  display: flex;
}
header > .wrapper > .col-left,
header > .wrapper > .col-right {
  display: flex;
  align-items: baseline;
}
header > .wrapper > .col-right {
  margin-left: auto;
  -webkit-font-smoothing: auto;
}
header > .wrapper .item {
  padding: 10px;
  margin: 0 15px;
  position: relative;
}
header > .wrapper .item:first-child {
  padding-left: 0;
  margin-left: 0;
}
header > .wrapper .item:last-child {
  padding-right: 0;
  margin-left: 0;
}
header {
  height: 100px;
  display: flex;
  width: 100%;
  align-items: flex-end;
}
.ui-nav-link > .label + .icon {
  margin-left: 7px;
  position: relative;
  top: -1px;
}
.ui-logo {
  width: 183px;
  height: 56px;
  display: block;
  background: url("assets/images/logos/logo.11f3cb85fe6b.svg") no-repeat;
  background-size: contain;
  position: relative;
  top: -7px;
}
.ui-logo-eu {
  width: 57px;
  height: 56px;
  display: block;
  background: url("assets/images/logos/logo.11f3cb85fe6b.svg") no-repeat;
  background-size: contain;
  background-position: center;
}

/* FOOTER */

footer > .sub-footer {
  color: #575a7d;
  font-size: 11px;
  text-align: center;
  max-width: 906px;
  margin: auto;
  padding-bottom: 30px !important;
  padding: 10px;
}
footer > .wrapper .col-right {
  display: flex;
  margin-left: auto;
  justify-content: flex-end;
}
footer > .wrapper .col-right,
footer > .wrapper .col-left {
  width: 50%;
}
footer p {
  color: #575a7d;
  font-size: 14px;
}
footer > .wrapper {
  padding: 70px 15px;
}

footer > .wrapper .col-left {
  max-width: 540px;
}

footer > .wrapper .col-right {
}

footer > .wrapper .col-right > .ui-nav-menu {
  margin-left: auto;
}

footer .ui-logo {
  width: 265px;
  height: 80px;
}

footer .ui-logo-eu {
  width: 83px;
  height: 80px;
}

.ui-nav-menu {
  list-style: none;
  font-weight: 700;
}

.ui-nav-menu > .menu-item {
  margin-bottom: 20px;
}

.ui-nav-menu > .menu-item a {
  color: #f7f7f7;
}

/* TITLE */

.ui-title,
h1,
h2,
h3,
h4,
h5 {
  font-family: "Yeseva One";
  font-weight: 400;
}
.ui-title {
  font-size: 24px;
}
h1 {
  font-size: 48px;
  line-height: 55px;
}
h2 {
  font-size: 40px;
  line-height: 46px;
}
/* BUTTONS */
.ui-button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: max-content;
  background: #4f59c1;
  border-radius: 8px;
  color: white;
  padding: 14px 24px;
  border: none;
  font-family: "DM Sans", sans-serif;
  font-size: 16px;
  line-height: 1.1;
  white-space: nowrap;
  font-weight: 600;
  cursor: pointer;
  transition: 0.3s;
  position: relative;
  border: 2px solid #cb585800;
  transform: translateX(0px) translateY(0px);
  z-index: 1;
  min-height: auto;
}
.ui-button.ui-button--1 {
  background: #f4f8fe00;
  border-color: #4f59c1;
  color: #4f59c1;
}
.ui-button.ui-button--large {
  font-size: 18px;
  padding: 14px 32px;
}
.ui-button.ui-button--1:hover {
  transform: translateX(6px) translateY(-6px);
  background: #53599a;
  color: white;
}

.ui-button.ui-button--1:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #ffc20000;
  border-radius: 8px;
  width: 100%;
  height: 100%;
  z-index: -2;
  transition: 0.3s;
  transform: translateX(0px) translateY(0px);
}

.ui-button.ui-button--1:hover:after {
  transform: translateX(-6px) translateY(6px);
  background: #ffc200;
}

.ui-button.ui-button--1:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #f4f8fe00;
  border-radius: 8px;
  z-index: -1;
  transition: 0.3s;
}

.ui-button > .label {
  position: relative;
  z-index: 1;
  line-height: 1;
}

.ui-button.ui-button--1:hover:before {
  background: #4f59c1;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  left: -2px;
  top: -2px;
}

.ui-button.ui-button--1.ui-button--invert {
  border-color: white;
  background: transparent;
  color: white;
}

.ui-button.ui-button--1.ui-button--invert:before {
  background: transparent;
}

.ui-button.ui-button--1.ui-button--invert:after {
  background: transparent;
}

.ui-button.ui-button--1.ui-button--invert:hover:after {
  background: #ffc200;
}

.ui-button.ui-button--1.ui-button--invert:hover {
  color: #4f59c1;
}

.ui-button.ui-button--1.ui-button--invert:hover:before {
  background: white;
}

.ui-button.ui-button--2 {
  background: #ffc200;
}

.ui-button.ui-button--2:hover {
  color: white;
}

.ui-button.ui-button--small {
  font-size: 14px;
  padding: 10px 24px;
}

a.ui-button:hover {
  color: white;
}

/* FORMS */
.ui-fieldset {
  position: relative;
  cursor: pointer;
  width: 100%;
}
.ui-fieldset .field label {
  position: absolute;
  top: 18px;
  left: 24px;
  color: #757896;
}
.ui-form {
  width: 100%;
}
.ui-fieldset > .field {
  width: 100%;
}

/* ICONS */
[class^="icon--"] {
  display: block;
  background-position: center !important;
  background-size: contain !important;
}
.icon--lang {
  background: url("assets/icons/lang.91c8cef5f2ec.svg") no-repeat;
  width: 18px;
  height: 18px;
}

.icon--bitcoin {
  background: url("assets/icons/bitcoin.f84db0023e59.png") no-repeat;
  width: 18px;
  height: 18px;
}

.icon--ltc {
  background: url("assets/icons/ltc.e2f8dec58fb6.svg") no-repeat;
  width: 18px;
  height: 18px;
}

.icon--eth {
  background: url("assets/icons/eth.2098e6ea29c0.svg") no-repeat;
  width: 18px;
  height: 18px;
}

.icon--xrp {
  background: url("assets/icons/xrp.eea4ccb8f0bc.svg") no-repeat;
  width: 18px;
  height: 18px;
}

.icon--usdt {
  background: url("assets/icons/usdt.dd90d65e372d.svg") no-repeat;
  width: 18px;
  height: 18px;
}

.icon--rbis {
  background: url("assets/icons/rbis.53bd901f0ee8.svg") no-repeat;
  width: 18px;
  height: 18px;
}

.icon--bitcoin-alt {
  background: url("assets/icons/btc-alt.c6b70c583148.svg") no-repeat;
  width: 18px;
  height: 18px;
}

.icon--eth-alt {
  background: url("assets/icons/eth-alt.8fdc27a4a4e2.svg") no-repeat;
  width: 18px;
  height: 18px;
}

.icon--usdc-alt {
  background: url("assets/icons/usdc-alt.5c06ab4f49da.svg") no-repeat;
  width: 18px;
  height: 18px;
}
.icon--swiss-alt {
  background: url("assets/icons/swiss-alt.b7ba93d49baf.svg") no-repeat;
  width: 18px;
  height: 18px;
}

.icon--sol {
  background: url("assets/icons/sol.d751a4576a9a.png") no-repeat;
  width: 18px;
  height: 18px;
}

.icon--ada {
  background: url("assets/icons/ada.19f027fe457d.png") no-repeat;
  width: 18px;
  height: 18px;
}

.icon--dropdown {
  background: url("assets/icons/arrowDropdown.902c144be609.svg") no-repeat;
  width: 13px;
  height: 9px;
  margin-left: 7px;
  transition: 0.4s;
}

.icon--plan-beginner {
  width: 100%;
  height: 100%;
  background: url("assets/icons/levels/beginner.ec2b017fbb9b.svg") no-repeat;
  background-size: 110% !important;
  position: relative;
  top: 5px;
}

.icon--plan-advanced {
  width: 100%;
  height: 100%;
  background: url("assets/icons/levels/advanced.247fdbfb3914.svg") no-repeat;
  position: relative;
  top: 17px;
  background-size: 99% !important;
}

.icon--plan-expert {
  width: 100%;
  height: 100%;
  background: url("assets/icons/levels/expert.6ac490572d67.svg") no-repeat;
  background-size: 91% !important;
}

.icon--plan-elite {
  width: 100%;
  height: 100%;
  background: url("assets/icons/levels/elite.15790f845e71.svg") no-repeat;
  background-size: 110% !important;
}

.icon--coin-1 {
  background: url("assets/images/coin-1.5c8ce8e1da35.svg") no-repeat;
  width: 80px;
  height: 80px;
  -webkit-animation: rotating 10s linear infinite;
  -moz-animation: rotating 10s linear infinite;
  -ms-animation: rotating 10s linear infinite;
  -o-animation: rotating 10s linear infinite;
  animation: rotating 10s linear infinite;
}

.icon--coin-2 {
  background: url("assets/images/coin-2.c8ce47da22af.svg") no-repeat;
  width: 70px;
  height: 70px;
  -webkit-animation: rotating 20s linear infinite;
  -moz-animation: rotating 20s linear infinite;
  -ms-animation: rotating 20s linear infinite;
  -o-animation: rotating 20s linear infinite;
  animation: rotating 20s linear infinite;
}

.icon--coin-3 {
  background: url("assets/images/coin-3.03269b6a367f.svg") no-repeat;
  width: 50px;
  height: 50px;
  -webkit-animation: rotating 15s linear infinite;
  -moz-animation: rotating 15s linear infinite;
  -ms-animation: rotating 15s linear infinite;
  -o-animation: rotating 15s linear infinite;
  animation: rotating 15s linear infinite;
}

.icon--coin-4 {
  background: url("assets/images/coin-4.e8bbfb76b381.svg") no-repeat;
  width: 70px;
  height: 70px;
  -webkit-animation: rotating 30s linear infinite;
  -moz-animation: rotating 30s linear infinite;
  -ms-animation: rotating 30s linear infinite;
  -o-animation: rotating 30s linear infinite;
  animation: rotating 30s linear infinite;
}

.icon--eye {
  background: url("assets/icons/eye.ccef8e77bf79.svg") no-repeat;
  width: 24px;
  height: 24px;
}

.icon--eye.off {
  background: url("assets/icons/eye-off.1dba3e873bf0.svg") no-repeat;
  width: 24px;
  height: 24px;
}

/* SECTIONS */

section p a {
  color: #575a7d;
  border-bottom: 1px solid;
}

section p {
  color: #575a7d;
}

a:hover {
  color: #ffc200;
}

.ui-section--1 {
  font-size: 20px;
  line-height: 140%;
  padding: 115px 0;
}
.ui-section--1 .section--container {
  display: flex;
  align-items: center;
}
.ui-section--1 .section--container .col-right {
  width: 50%;
}
.ui-section--1.style--1 .col-right {
  width: 40%;
  margin-left: auto;
}
.ui-section--1 .section--container .col-left {
  width: 50%;
}
.ui-section--1.style--2 .col-left {
  border-left: 2px solid #181a2f;
  padding-left: 40px;
}
.ui-section--1 .section--container > .wrap {
  width: 100%;
}
section .section--container.small {
  max-width: 620px;
  margin: auto;
}
.ui-group-items {
  display: grid;
  margin: -10px;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  grid-template-columns: 25% 25% 25% 25%;
  text-align: center;
}
.ui-group-items > .item {
  margin: 10px;
}
.ui-section--2 {
  border-top: 1px solid #4f59c1;
  border-bottom: 1px solid #4f59c1;
  padding: 40px 0;
  margin-bottom: 100px;
}

.ui-logos--container img {
  max-height: 50px;
  max-width: 150px;
  margin: 0 40px;
}

.ui-section--3 {
  background: #4f59c1;
  color: white;
  padding: 115px 0;
  position: relative;
}
.ui-section--3.style--1,
.ui-section--3.style--2 {
  background: transparent;
  color: inherit;
  padding: 115px 0;
  position: relative;
}

.ui-section--3 .section--container,
.ui-section--6 .section--container {
  display: flex;
  align-items: center;
}
.ui-section--3 .ui-list.ui-list--1 {
  color: white;
}
.ui-section--3 .section--container .col-right,
.ui-section--6 .section--container .col-right {
  border-left: 1px solid white;
  padding-left: 42px;
  width: 345px;
  margin-left: auto;
}
.ui-section--3.style--1 .section--container .col-right,
.ui-section--3.style--2 .section--container .col-right {
  border-color: #f7f7f7;
}
.ui-section--3 p {
  color: white;
}
.ui-section--3.style--1 p,
.ui-section--3.style--2 p {
  color: inherit;
}
.ui-section--3.style--2 .section--container .col-left {
  width: calc(100% - 530px);
}
.ui-section--3.style--2 .col-right {
  width: 530px;
}

.ui-section--3.style--3 .section--container .col-left {
  width: 40%;
  padding-right: 50px;
}

.ui-section--3.style--3 .col-right {
  width: 50%;
  border: none;
}

.ui-section--3.style--4 .section--container > .col-left {
  border-left: 2px solid white;
  padding-left: 42px;
  width: calc(36% - 42px);
  padding-right: 0;
}

.ui-section--3.style--4 .section--container > .col-right {
  width: 50%;
  border: none;
  padding: 0;
}

.ui-section--4 {
  border: 2px solid #53599a;
  border-radius: 8px;
}

.ui-section--4 .wrapper {
  background: #4f59c1;
  border-radius: 6px;
  transition: 0.4s;
  transform: translateX(10px) translateY(-10px);
  padding: 80px;
  color: #c6c9ea;
}

.ui-section--4 .wrapper p {
  color: #c6c9ea;
}

.ui-section--4 .wrapper .section--header {
  color: white;
  margin-bottom: 16px;
}

.ui-section--4 .wrapper .section--container {
  display: flex;
}

.ui-section--4 .wrapper .section--container .col-left {
  width: calc(62% - 100px);
  padding-right: 100px;
}

.ui-section--4 .wrapper .section--container .col-right {
  width: 35%;
  margin-left: auto;
}

.ui-section--4.style--1 .wrapper .section--container .col-right {
  border-left: 1px solid white;
  padding-left: 40px;
  width: 40%;
}
.ui-section--4.style--1 .wrapper {
  padding: 20px 80px;
}
.ui-coin--card {
  display: flex;
  background: rgba(244, 248, 255, 0.03);
  border-radius: 16px;
  transition: 0.2s;
  padding: 16px 20px;
  align-items: center;
  cursor: pointer;
  transform: scale(1);
  font-weight: 600;
}

.ui-section--3 .section--container .col-left {
  width: calc(100% - 445px);
  padding-right: 100px;
}

.ui-section--5 {
  padding: 315px 0;
}
.ui-section--6 {
  background: #4f59c1;
  color: white;
  padding: 115px 0;
  position: relative;
}
.ui-section--6 .section--container .col-left {
  width: calc(100% - 450px);
}
.ui-section--6 .section--container .col-right {
  width: 400px;
}

.ui-section--6 .ui-list.ui-list--1 {
  color: white;
}

.ui-section--8 > .section--content {
  display: grid;
  grid-template-columns: 50% 50%;
  gap: 50px;
}

.ui-section--7 {
  position: relative;
  border: 2px solid #53599a;
  border-radius: 4px;
  margin: 20px 0;
}

.ui-section--7 > .wrapper {
  background: #ffffff;
  border-radius: 4px;
  transform: translate(-10px, -15px);
  padding: 80px 40px;
}

.ui-coin--card > .col:last-child {
  margin-left: auto;
  margin-right: 0;
}

.ui-coin--card > .col {
  margin-right: 30px;
  width: 14%;
}

.ui-coin--card .col.promise {
  text-align: center;
  color: #00b07a;
}

.ui-coin--card .col.price {
  text-align: center;
  white-space: nowrap;
}

.ui-coin--card:hover {
  background: #4049af;
  transform: scale(1.1);
}

.ui-coin--card .coin-name > .col-title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  line-height: 1.4;
}

.ui-coin--card .coin-name > .col-title span {
  color: #ffffff;
  opacity: 0.6;
  font-size: 12px;
}

.ui-coin--card .coin-name {
  display: flex;
}

.ui-coin--card .coin-name [class^="icon--"] {
  width: 40px;
  height: 40px;
}

.ui-coin--card .coin-name > .col-icon {
  margin-right: 12px;
}
.ui-coin--card > .col .down {
  color: #f33c3c;
}
.ui-coin--card > .col.change {
  color: #1da682;
}
.ui-coin--list > .item {
  margin: 14px 0;
}

.ui-coin--card.style--1 {
  border-bottom: 1px solid rgba(7, 7, 84, 0.12);
  border-radius: 0px;
  font-size: 18px;
  font-weight: 400;
  padding: 30px 0px;
}

.ui-coin--card.style--1:hover {
  background: transparent;
  transform: none;
}

.ui-coin--card.style--1 .col {
  text-align: right;
}

.header .ui-coin--card.style--1 .col {
  font-weight: 400 !important;
  color: #070754 !important;

  font-size: 16px;
  opacity: 0.6;
}

.ui-coin--list.style--1 > .item {
  margin: 0;
}

.ui-coin--card.style--1 .col:first-child {
  text-align: left;
  width: 28%;
}

.ui-coin--card.style--1 .col.change {
  color: #ff0000;
}

.ui-coin--card.style--1 .col:last-child {
  text-align: center;
}

.ui-coin--card.style--1 .coin-name > .col-title {
  flex-direction: row;
  align-items: center;
  color: #575a7d;
  white-space: nowrap;
}

.ui-coin--card.style--1 .coin-name > .col-title span {
  color: #070754;
  opacity: 1;
  font-size: 18px;
  margin-right: 10px;
  font-weight: 700;
}

.ui-coin--list.style--1 {
  box-shadow: 0px 0px 24px rgba(79, 89, 193, 0.18);
  border-radius: 20px;
  overflow: hidden;
  margin-bottom: 40px;
}

.ui-coin--list.style--1 .wrap {
  padding: 10px 42px;
}

.item:last-child > .ui-coin--card.style--1 {
  border-bottom: 0px;
}

.ui-coin--card.style--1 .col.category,
.ui-coin--card.style--1 .col:last-child {
  font-weight: 700;
}

.ui-coin--card.style--1 .col.market-cap {
  width: 20%;
}

/* ILLUSTRATIONS */

.ui-frame--1 {
  height: 720px;
  position: relative;
}
.ui-frame--2 {
  height: 500px;
  position: relative;
}
.ui-frame--3 {
  height: 652px;
  margin: -150px 0;
  position: relative;
  z-index: 1;
}
.ui-frame--4 {
  height: 522px;
  position: relative;
}
.ui-frame--6 {
  height: 500px;
  position: relative;
}
.ui-frame--5 {
  height: 730px;
  position: relative;
  margin: -100px 0;
}
.style--2.ui-frame--5 {
  height: 642px;
  margin: 0px;
}
.ui-frame--10 {
  height: 655px;
  position: relative;
}
.ui-frame--11 {
  height: 674px;
  position: relative;
}
.ui-frame--12 {
  height: 587px;
  position: relative;
}
.ui-frame--13 {
  height: 630px;
  position: relative;
  left: -300px;
}
.ui-frame--14 {
  height: 811px;
  position: relative;
}
.ui-frame--15 {
  height: 756px;
  position: relative;
  left: -300px;
}
.ui-frame--16 {
  height: 697px;
  position: relative;
  margin: -116px 0;
}
.ui-frame--18 {
  height: 555px;
  position: relative;
}
.ui-frame--19 {
  height: 508px;
  position: relative;
}
.ui-frame--20 {
  height: 500px;
  position: relative;
}
.ui-frame--21 {
  height: 729px;
  position: relative;
}
.ui-frame--22 {
  height: 600px;
  position: relative;
  margin: -225px 0;
}
.ui-frame--23 {
  height: 537px;
  position: relative;
}

.ui-frame--24 {
  height: 453.87px;
  position: relative;
}
.ui-frame--25 {
  height: 425px;
  position: relative;
}
.ui-frame--1 .frame {
  background: url("assets/images/8508.510dc15993f2.svg") no-repeat;
  width: 900px;
  height: 720px;
  position: absolute;
  left: 50px;
  background-size: contain;
  background-position: bottom right;
  top: 44px;
}
.ui-frame--2 .frame {
  background: url("assets/images/8494.d90b5abb547d.svg") no-repeat;
  width: 710px;
  height: 500px;
  position: absolute;
  left: 0;
  background-size: contain;
  background-position: center;
}
.ui-frame--3 .frame {
  background: url("assets/images/frame-target.818bea8c66ec.svg") no-repeat;
  width: 870px;
  height: 652px;
  position: absolute;
  right: 0;
  background-size: contain;
  background-position: center;
  margin-top: 20px;
}

.ui-frame--4 .frame {
  background: url("assets/images/safe.f6733cedd887.svg") no-repeat;
  width: 825px;
  height: 522px;
  position: absolute;
  right: 0;
  background-size: contain;
  background-position: center;
}
.ui-flower--1 {
  width: 283px;
  height: 353px;
  position: absolute;
  bottom: -29px;
  left: -40px;
  background: url("assets/images/flowers.872a4203c37c.svg") no-repeat;
  pointer-events: none;
  z-index: 0;
  background-size: cover;
}

.ui-frame--5 > .frame {
  position: absolute;
  left: -50px;
  width: 967px;
  height: 618px;
  pointer-events: none;
  bottom: 0;
  top: 50px;
  margin: auto;
}
.ui-frame--5 > .frame .placeholder {
  position: absolute;
  top: -11px;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("assets/images/placeholder.9402ace2d433.svg") no-repeat;
  background-position: center top;
  z-index: 0;
}
.ui-frame--5 > .frame .placeholder-4 {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("assets/images/placeholder-4.e7edc42c0cd8.svg") no-repeat;
  background-position: center top;
  z-index: 0;
}
.ui-frame--5 > .frame .flowers-1,
.ui-frame--5 > .frame .flowers-2 {
  width: 335px;
  height: 393px;
  position: absolute;
  background: url("assets/images/flowers.872a4203c37c.svg") no-repeat;
  background-size: contain;
}
.ui-frame--5 > .frame .flowers-2 {
  z-index: 1;
  left: 7px;
  bottom: 43px;
  transform: rotateY(190deg) rotateZ(15deg);
  height: 370px;
}
.ui-frame--5 > .frame .flowers-1 {
  right: 50px;
  z-index: 1;
  top: -228px;
  transform: rotate(-14deg);
}
.ui-frame--5 > .frame > .notebook {
  position: absolute;
  background: url("assets/images/Macbook.ade1e30d8eef.svg") no-repeat;
  width: 109%;
  height: 100%;
  z-index: 2;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background-position: center right;
}

.ui-frame--5 > .frame > .notebook .screen {
  position: absolute;
  background: url("assets/images/dashboard-screen.3610716dc4f7.png") no-repeat;
  width: 670.37px;
  height: 418.98px;
  background-size: cover;
  left: 172px;
  top: -22px;
  bottom: 0;
  right: 0;
  margin: auto;
  border-radius: 5px;
}

.ui-frame--5.style--1 > .frame {
  height: 662px;
  left: 0;
}

.ui-frame--5.style--1 {
  height: 663px;
  margin: 0;
}

.ui-frame--5.style--1 > .frame .flowers-2 {
  left: -100px;
  transform: rotateY(190deg) rotateZ(351deg);
  bottom: 90px;
}

.ui-frame--5.style--1 > .frame .notebook {
  background-position: center left;
}

.ui-frame--5.style--1 > .frame .notebook .screen {
  left: -175px;
}
.ui-frame--5.style--2 > .frame {
  left: inherit;
  right: 0;
  width: 944.94px;
  height: 672.41px;
}

.ui-frame--5.style--2 > .frame .notebook {
  width: 100%;
  background-position: center left;
}
.ui-frame--5.style--2 > .frame .notebook .screen {
  left: inherit;
  right: 67px;
}
.ui-frame--5.style--2 > .frame .placeholder-2 {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("assets/images/placeholder-2.79bc8f7539fd.svg") no-repeat;
  background-position: center top;
  z-index: 0;
}
.ui-frame--5.style--2 > .frame .flowers-1 {
  top: initial;
  bottom: 30px;
  right: -60px;
  transform: rotate(22deg);
}

.ui-frame--6 .frame {
  background: url("assets/images/8458.0605cd3f1d8c.svg") no-repeat;
  width: 600px;
  height: 500px;
  position: absolute;
  left: 0;
  background-size: contain;
  background-position: center;
}
.ui-frame--6 .wallet {
  background: url("assets/images/8510.ef73778e4157.svg") no-repeat;
  width: 260px;
  height: 295px;
  position: absolute;
  right: 121px;
  background-size: cover;
  background-position: center;
  top: -99px;
  z-index: 1;
}
.ui-frame--7,
.ui-frame--8,
.ui-frame--9 {
  width: 212px;
  height: 163px;
  margin: auto;
  background-position: center !important;
  background-size: contain !important;
}
.ui-frame--7 {
  background: url("assets/images/6446.aa670a33ae0c.svg") no-repeat;
}
.ui-frame--8 {
  background: url("assets/images/8475.0ca2d68b59dd.svg") no-repeat;
}
.ui-frame--9 {
  background: url("assets/images/8476.e5aef617c536.svg") no-repeat;
}
.ui-frame--10 .frame {
  background: url("assets/images/11592.bac893e5eccd.svg") no-repeat;
  width: 678px;
  height: 655px;
  position: absolute;
  left: 0;
  background-size: contain;
  background-position: center;
}
.ui-frame--11 .frame {
  background: url("assets/images/25.abe1c9936f95.svg") no-repeat;
  width: 589px;
  height: 674px;
  position: absolute;
  left: 0;
  background-size: contain;
  background-position: center;
}

.ui-frame--12 .frame {
  background: url("assets/images/11597.4fdcf3a578f9.svg") no-repeat;
  width: 732px;
  height: 587px;
  position: absolute;
  left: 0;
  background-size: contain;
  background-position: center;
}

.ui-frame--13 .frame {
  background: url("assets/images/exchange-screen.145aa1dba886.png") no-repeat;
  width: 873px;
  height: 630px;
  position: absolute;
  left: 0;
  background-size: contain;
  background-position: center;
}

.ui-frame--14 .frame {
  background: url("assets/images/11598.11742226b370.svg") no-repeat;
  width: 750px;
  height: 811px;
  position: absolute;
  left: 0;
  background-size: contain;
  background-position: center;
}

.ui-frame--15 .frame {
  background: url("assets/images/11608.6c91110bd4fd.png") no-repeat;
  width: 873px;
  height: 756px;
  position: absolute;
  left: 0;
  background-size: contain;
  background-position: center;
}

.ui-frame--16 .frame {
  background: url("assets/images/1159.40c7d189830a.svg") no-repeat;
  width: 720px;
  height: 627px;
  position: absolute;
  left: 0;
  background-size: cover;
  background-position: top;
  bottom: 0;
}

.ui-frame--17 .frame {
  display: grid;
  grid-template-columns: auto auto auto;
  align-items: flex-start;
}

.ui-frame--17 .frame img {
  width: 256px;
  height: 256px;
}

.ui-frame--17 .frame .item {
  line-height: 0;
  margin: 10px;
  position: relative;
}

.ui-frame--17 .frame .item:nth-child(3n-1) {
  top: 50px;
}

.ui-frame--18 .frame {
  background: url("assets/images/11610.748d5714b0ef.svg") no-repeat;
  width: 735px;
  height: 555px;
  position: absolute;
  left: -70px;
  background-size: cover;
  background-position: top;
  bottom: 0;
}
.ui-frame--19 .frame {
  background: url("assets/images/24.3a5755d29946.svg") no-repeat;
  width: 387px;
  height: 508px;
  position: absolute;
  background-size: cover;
  background-position: top;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
.ui-frame--20 .frame {
  background: url("assets/images/4133815.aaf33b64ecfc.svg") no-repeat;
  width: 500px;
  height: 500px;
  position: absolute;
  right: 0;
  background-size: cover;
  background-position: top;
  bottom: 0;
}

.ui-frame--21 .frame {
  background: url("assets/images/11594.a0aad1f6d91f.svg") no-repeat;
  width: 655px;
  height: 729px;
  position: absolute;
  right: 0;
  background-size: cover;
  background-position: top;
  bottom: 0;
}
.ui-frame--22 .frame {
  background: url("assets/images/11602.881bc6ccdb7a.svg") no-repeat;
  width: 681px;
  height: 700px;
  position: absolute;
  right: -90px;
  background-size: cover;
  background-position: top;
  bottom: 0;
}
.ui-frame--23 .frame {
  background: url("assets/images/11604.684445d635f5.svg") no-repeat;
  width: 491px;
  height: 538px;
  position: absolute;
  right: 0;
  background-size: cover;
  background-position: top;
  bottom: 0;
}

.ui-frame--24 > .frame {
  width: 598.28px;
  height: 453.87px;
  position: absolute;
  background: url("assets/images/11605.be1cdf3cdbd0.svg");
}

.ui-frame--24 > lottie-player {
  position: absolute;
  left: 0;
  height: 800px;
  top: -191px;
  mix-blend-mode: luminosity;
}

.ui-frame--25 > .frame {
  width: 581px;
  height: 425px;
  position: absolute;
  background: url("assets/images/8470.91812f33c0dd.svg") no-repeat;
  right: -50px;
  background-size: contain;
  background-position: center;
}

.bg-11606 {
  background: url("assets/images/11606.943df4ebf0cc.svg") no-repeat;
  background-position: center;
}

.bg-11685 {
  background: url("assets/images/11685.b95544d0296d.svg") no-repeat;
  background-position: center;
  padding-top: 100px;
  padding-bottom: 370px;
}
.ui-list > .item {
  display: flex;
  margin-bottom: 25px;
}
.ui-list > .item:before {
  content: "";
  min-width: 7px;
  height: 7px;
  background: #ffc200;
  border: 1px solid black;
  transform: rotate(45deg);
  position: relative;
  top: 6px;
  margin-right: 13px;
  margin-left: -21px;
  -webkit-animation: rotating 10s linear infinite;
  -moz-animation: rotating 10s linear infinite;
  -ms-animation: rotating 10s linear infinite;
  -o-animation: rotating 10s linear infinite;
  animation: rotating 10s linear infinite;
}
.ui-list.ui-list--1 > .item:before {
  background: url("assets/icons/nav.789442b48766.svg") repeat;
  border: 0px;
  min-width: 31px;
  height: 7px;
  transform: none;
  margin-left: 0;
  margin-right: 10px;
  animation: animatedBackground 500s linear infinite;
}
.ui-list.ui-list--1 {
  color: #575a7d;
  margin: 35px 0;
}

.ui-list > .item .small {
  font-size: 14px;
  color: rgba(87, 90, 125, 0.6);
  margin-top: 20px;
}

.ui-features-blocks {
  margin: -10px;
  width: 100%;
}
.ui-features-blocks.swiper {
  padding: 10px;
}
.ui-features-blocks .item {
  height: auto;
}

.ui-feature--card {
  background: transparent;
  border-radius: 8px;
  height: 100%;
  display: flex;
  transition: 0.3s;
}

.ui-feature--card:hover {
  background: #ffc200;
}

.ui-feature--card .wrapper {
  transition: 0.3s;
  background: #f4f8ff;
  border-radius: 7px;
  color: #f7f7f7;
  padding: 40px 20px;
  transform: translateY(0px) translateX(0px);
  height: auto;
}

.ui-feature--card .wrapper p {
  color: #575a7d;
  font-size: 14px;
  line-height: 1.4;
  margin-bottom: auto;
}

.ui-feature--card:hover .wrapper {
  transform: translateY(-7px) translateX(7px);
}
.ui-placeholder {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 968.32px;
  height: 648.3px;
  margin: auto;
  right: 0;
  bottom: 0;
}
.ui-placeholder .placeholder--1 {
  background: url("assets/images/placeholder-1.80ed784094df.svg") no-repeat;
  width: 100%;
  height: 100%;
  background-position: center;
  position: relative;
  z-index: 2;
}
.ui-placeholder .flowers-1,
.ui-placeholder .flowers-2 {
  width: 335px;
  height: 320px;
  position: absolute;
  background: url("assets/images/flowers.872a4203c37c.svg") no-repeat;
  background-size: contain;
}

.ui-placeholder .flowers-1 {
  z-index: 1;
  right: -100px;
  top: -65px;
  transform: rotate(-35deg);
}
.ui-placeholder .flowers-2 {
  bottom: 150px;
  left: -130px;
  z-index: 3;
  transform: rotate(5deg) rotateY(180deg);
}
.ui-flower--alt {
  position: absolute;
  width: 288px;
  height: 326px;
  background: url("assets/images/flowers-alt.30c65fb50baa.svg") no-repeat;
  bottom: -80px;
  left: -50px;
}

.right.ui-flower--alt {
  right: -50px;
  left: inherit;
  transform: rotateY(180deg);
}

.justify-content-center {
  justify-content: center;
}

.align-center {
  align-items: center;
}

.ui-list.ui-list--3 {
  padding-left: 26px;
  margin: 20px 0;
}

header > .wrapper .col-right .item:last-child {
  margin-right: auto;
}

.hamburger {
  padding: 0;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 10px 0;
  overflow: visible;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: auto;
}
.hamburger:hover {
  opacity: 0.7;
}
.hamburger.is-active:hover {
  opacity: 0.7;
}
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
  background-color: #fff;
}

.hamburger-box {
  width: 33px;
  height: 24px;
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
}
.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
  width: 33px;
  height: 2px;
  background-color: #fff;
  border-radius: 4px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}
.hamburger-inner::before,
.hamburger-inner::after {
  content: "";
  display: block;
}
.hamburger-inner::before {
  top: -10px;
}
.hamburger-inner::after {
  bottom: -10px;
}

/*
   * Spin
   */
.hamburger--spin .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin .hamburger-inner::before {
  transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.hamburger--spin .hamburger-inner::after {
  transition: bottom 0.1s 0.25s ease-in,
    transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin.is-active .hamburger-inner {
  transform: rotate(225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spin.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.hamburger--spin.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.1s ease-out,
    transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Spin Reverse
   */
.hamburger--spin-r .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin-r .hamburger-inner::before {
  transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.hamburger--spin-r .hamburger-inner::after {
  transition: bottom 0.1s 0.25s ease-in,
    transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin-r.is-active .hamburger-inner {
  transform: rotate(-225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spin-r.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.hamburger--spin-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(90deg);
  transition: bottom 0.1s ease-out,
    transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/* MOBILE MENU */

.ui-mobile-header--area {
  position: FIXED;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 3;
  visibility: hidden;
  filter: opacity(0);
  -webkit-filter: opacity(0);
  transition: 0.5s;
  -webkit-transition: 0.5s;
}

.ui-mobile-header--area > .wrapper {
  filter: opacity(0);
  transition: 0.6s;
  -webkit-filter: opacity(0);
  -webkit-transition: 0.6s;
  background: transparent;
  height: calc(100% - 26px);
  width: calc(87% - 30px);
  padding: 13px 15px;
  position: relative;
  z-index: 1;
  box-shadow: 3px 0px 10px 0px #0000000a;
  display: flex;
  flex-direction: column;
  max-width: 300px;
}
.ui-mobile-header--area.delay > .wrapper {
  transition-delay: 1s;
  -webkit-transition-delay: 1s;
}
.ui-mobile-header--area > .circle {
  position: absolute;
  top: 10px;
  right: 2px;
  width: 50px;
  height: 50px;
  background: #5b5d7f30;
  border-radius: 100px;
  transition: 1s;
  transition-timing-function: cubic-bezier(0.68, 0.04, 0.4, 1.01);
  transform: scale(1);
  -webkit-transition: 1s;
  -webkit-transition-timing-function: cubic-bezier(0.68, 0.04, 0.4, 1.01);
  -webkit-transform: scale(1);
  filter: opacity(1);
  -webkit-filter: opacity(1);
}

.mobile-menu--shown .ui-mobile-header--area > .circle {
  width: 50px;
  height: 50px;
  transform: scale(36);
  -webkit-transform: scale(36);
  filter: opacity(0.1);
  -webkit-filter: opacity(0.1);
}

.mobile-menu--shown .ui-mobile-header--area {
  visibility: visible;
  filter: opacity(1);
  -webkit-filter: opacity(1);
}

.mobile-menu--shown .ui-mobile-header--area > .wrapper {
  filter: opacity(1);
  -webkit-filter: opacity(1);
  background: #171717;
}

html.mobile-menu--shown {
  overflow: hidden;
}

.mobile-menu--shown main {
  filter: opacity(0.1);
  -webkit-filter: opacity(0.1);
}

.ui-mobile-menu--button {
  position: fixed;
  z-index: 8;
  right: 10px;
  top: 13px;
}

.ui-mobile-header--area > .wrapper .section {
  margin-bottom: 20px;
}

.ui-mobile-header--area > .wrapper .section.flex {
  display: flex;
  align-items: center;
}

.ui-mobile-header--area > .wrapper .section.flex .item:last-child {
  margin-left: auto;
}

.ui-mobile-header--area > .wrapper .section.flex .item:last-child:first-child {
  margin-left: 0;
}

.ui-mobile-header--area > .wrapper .section .item .ui-nav-link {
  margin: 20px 0;
}

.ui-mobile-header--area > .wrapper .section:last-child {
  margin-top: auto;
}

.ui-mobile-header--area > .wrapper .section:last-child {
  margin-bottom: 0px;
}

.ui-mobile-header--area > .wrapper .section:nth-child(2n) {
  margin: auto 0;
  overflow: auto;
  max-height: 76vh;
}

[data-opacity] {
  opacity: 0;
}

.item.dropdown:hover > a > .icon > .icon--dropdown {
  transform: rotateX(180deg);
  -webkit-transform: rotateX(180deg);
}

.ui-dropdown-menu,
header ul li > .sub-menu {
  position: absolute;
  top: 050px;
  background: #171717;
  list-style: none;
  z-index: 10;
  border-radius: 12px;
  transition: 0.3s;
  transform: translateY(10px) scale(0.9);
  filter: opacity(0);
  -webkit-filter: opacity(0);
  visibility: hidden;
  -webkit-transform: translateY(10px) scale(0.9);
  -webkit-transition: 0.3s;
  left: -4px;
  border: 2px solid #f1f3f8;
  padding: 9px 0;
}

.ui-dropdown-menu > .item {
  padding: 9px 15px !important;
  margin: 10px 0 !important;
  min-width: 60px;
}

.item.dropdown:hover > .ui-dropdown-menu,
header ul li:hover > .sub-menu {
  transform: translateY(0px) scale(1);
  filter: opacity(1);
  visibility: visible;
  -webkit-filter: opacity(1);
  -webkit-transform: translateY(0px) scale(1);
}

header ul {
  list-style: none;
  display: flex;
  position: relative;
}

header ul li {
  display: flex;
  align-items: center;
  justify-content: unset;
  padding: 12px 10px;
  margin: 0px 8px;
  position: relative;
  white-space: nowrap;
}

header ul li a {
  color: #f7f7f7;
}

header ul li > .sub-menu {
  position: absolute;
  flex-direction: column;
}

.ui-mobile-header--area .ui-dropdown-menu {
  transform: translateY(0px) scale(1);
  filter: opacity(1);
  visibility: visible;
  -webkit-filter: opacity(1);
  -webkit-transform: translateY(0px) scale(1);
  background: transparent;
  position: relative;
  top: 0;
  left: 0;
  margin-left: 20px;
  display: none;
}

.ui-mobile-header--area > .wrapper .ui-dropdown-menu > .item .ui-nav-link {
  margin: 0;
}

.ui-mobile-header--area ._open > .ui-dropdown-menu {
  display: block;
}

.ui-mobile-header--area .item.dropdown > .ui-nav-link > .icon {
  margin-left: auto;
  width: 50%;
  display: flex;
  justify-content: flex-end;
  height: 30px;
  align-items: center;
}

.item.dropdown._open > .ui-nav-link > .label {
  color: #4f59c2;
  font-weight: 900;
}

.ui-feature--card .wrapper > .image > img {
  height: 100px;
}

.ui-section--5.style--1 {
  padding: 100px 0;
}

.ui-features-blocks.swiper .swiper-wrapper {
  display: grid;
  grid-template-columns: auto auto;
}

.ui-features-blocks.swiper.swiper-initialized .swiper-wrapper {
  display: flex;
}

.ui-feature--card.style--1:hover .wrapper {
  background: white;
}

.ui-feature--card.style--1 .wrapper > .details {
  margin-left: 25px;
}

.ui-feature--card.style--1 .wrapper > .details p {
  font-size: 16px;
}
.ui-feature--card.style--1 .wrapper {
  display: flex;
}

/* LEVEL CARD */

.ui-plan--card {
  background: white;
  border-radius: 16px;
  overflow: hidden;
  font-family: "DM Sans";
  transition: 0.2s;
  cursor: pointer;
}

.ui-plan--card:hover {
  transform: scale(1.1);
}

.ui-plans-blocks .swiper-slide {
  max-width: 300px;
}

div#_levels_block {
  overflow: visible;
}

.ui-plan--card > .wrapper > .header {
  text-align: center;
  text-transform: uppercase;
  background: #4f59c1;
  border-radius: 16px 16px 0px 0px;
  font-weight: 500;
  font-size: 14px;
  color: white;
  font-family: "DM Sans";
  -webkit-font-smoothing: auto;
  letter-spacing: 0.3px;
  padding: 6px;
  margin: -25px;
}

.ui-plan--card > .wrapper > .preview {
  height: 175px;
  margin: 40px auto;
}

.ui-plan--card > .wrapper {
  padding: 25px;
  font-size: 16px;
}

.ui-plan--card > .wrapper > .levels {
  display: flex;
  margin: 0 -4px;
}

.ui-plan--card > .wrapper > .levels > .item {
  margin: 4px;
}

.ui-plan--card > .wrapper > .levels > .item > .level {
  border: 1px solid #e5e5e5;
  border-radius: 30px;
  font-family: "DM Sans";
  color: #242934;
  font-weight: 700;
  font-size: 11px;
  line-height: 14px;
  text-transform: uppercase;
  padding: 5px 16px;
  white-space: nowrap;
}

.ui-plan--card > .wrapper > .levels > .item > .level.active {
  background: #4f59c1;
  color: white;
  border-color: #4f59c1;
}

.ui-plan--card > .wrapper > .section {
  border-bottom: 1px solid #e4eeff;
  padding: 15px 0;
}

.ui-plan--card > .wrapper > .section:last-child {
  border-bottom: 0px;
  padding-bottom: 0px;
}

.ui-plan--card > .wrapper > .section .section--title {
  color: #4f59c1;
  font-size: 12px;
}

.ui-plan--card > .wrapper > .section > .params {
  display: grid;
  grid-template-columns: auto auto auto;
  font-weight: 500;
  text-align: center;
}

.ui-plan--card > .wrapper > .section > .params > .item:last-child {
  text-align: right;
}

.ui-plan--card > .wrapper > .section > .params > .item:last-child:first-child,
.ui-plan--card > .wrapper > .section > .params > .item:first-child {
  text-align: left;
}

.ui-plan--card.advanced > .wrapper > .header,
.ui-plan--card.advanced > .wrapper > .levels > .item > .level.active {
  background: #00b07a;
  border-color: #00b07a;
}

.ui-plan--card.expert > .wrapper > .header,
.ui-plan--card.expert > .wrapper > .levels > .item > .level.active {
  background: #ffc200;
  border-color: #ffc200;
}

.ui-plan--card.elite > .wrapper > .header,
.ui-plan--card.elite > .wrapper > .levels > .item > .level.active {
  background: #8b3bd3;
  border-color: #8b3bd3;
}

.ui-embed {
  height: 350px;
  width: calc(100% - 10px);
  border-radius: 8px;
  background: #ffc200;
}

.ui-embed.toggle > iframe {
  transform: translateY(10px) translateX(10px);
  -webkit-transform: translateY(10px) translateX(10px);
  -moz-transform: translateY(10px) translateX(10px);
}

.ui-embed > iframe {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  transition: 0.3s;
  transform: translateY(0px) translateX(0px);
  -webkit-transform: translateY(0px) translateX(0px);
  -moz-transform: translateY(0px) translateX(0px);
  background: black;
}

.style--1.ui-list {
  padding-left: 50px;
  font-size: 16px;
}
.align-flex-start {
  align-items: flex-start !important;
}

#_features_block_1.ui-features-blocks.swiper .swiper-wrapper {
  grid-template-columns: auto auto auto;
  margin: -20px;
}

.ui-feature--card.style--2 > .wrapper {
  background: transparent;
  color: white;
  padding: 20px;
}

.ui-feature--card.style--2:hover {
  background: transparent;
}

.ui-feature--card.style--2:hover > .wrapper {
  transform: none;
}

.ui-feature--card.style--2 .wrapper p {
  color: white;
}

.ui-feature--card.style--2 .image {
  margin-bottom: 18px;
}

.ui-feature--card.style--2 > .wrapper > .details {
  max-width: 300px;
}

.before-circle:before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: #f9be3d;
  border: 1.71128px solid #323433;
  border-radius: 100%;
  position: absolute;
  top: 12px;
  left: -35px;
}

.before-circle {
  position: relative;
}

.ui-hiw--steps > .wrapper > .item {
  display: flex;
  align-items: center;
  position: relative;
}

.ui-hiw--steps > .wrapper > .item.reverse {
  flex-direction: row-reverse;
}

.ui-hiw--steps > .wrapper > .item > .col {
  width: 50%;
}

.ui-hiw--steps > .wrapper > .item > .col img {
  width: 100%;
}

.ui-hiw--steps > .wrapper > .item > .col .icons > img {
  width: 140px;
  height: 140px;
}

.ui-hiw--steps > .wrapper > .item > .col .icons {
  margin-bottom: 15px;
}

.ui-hiw--steps > .wrapper > .item > .col .title {
  font-family: "DM Sans";
  font-size: 32px;
  line-height: 1.3;
}

.ui-hiw--steps > .wrapper > .item > .col .descriptions {
  margin-top: 16px;
  color: #575a7d;
}

.ui-hiw--steps > .wrapper > .item > .col .frame {
  left: inherit;
  right: 100px;
}

.image-preview > img {
  border-radius: 9px;
  max-height: 500px;
  object-fit: contain;
}

.image-preview {
  display: flex;
  align-items: center;
  justify-content: center;
}

.ui-accordion .accordion {
  position: relative;
  margin-bottom: 60px;
  cursor: pointer;
}

.ui-accordion .accordion .accordion--header {
  background: #e7ecf5;
  border-radius: 18px;
  position: relative;
  z-index: 1;
  transition: 0.4s;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
}

.ui-accordion .accordion .accordion--header > .accordion--header_wrap {
  padding: 25px;
  font-weight: 600;
  display: flex;
}

.ui-accordion .accordion .accordion--content_item {
  margin: 20px 0;
  background: #e7ecf5b3;
  border-radius: 18px;
  transition: 0.4s;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
}

.ui-accordion .accordion .accordion--content_item > .accordion-body {
  padding: 23px 25px;
  font-size: 18px;
  width: calc(100% - 50px);
}

.accordion--content_wrap {
  position: absolute;
  transition: 0.3s;
  filter: opacity(0);
  transform: scale(0.96) translateY(-50px);
  -webkit-transition: 0.3s;
  -webkit-filter: opacity(0);
  -webkit-transform: scale(0.96) translateY(-50px);
  -moz-transition: 0.3s;
  -moz-filter: opacity(0);
  -moz-transform: scale(0.96) translateY(-50px);
  width: 100%;
}

.ui-accordion .accordion._open .accordion--header {
  background: #d8e0ef;
}

._open .accordion--content_wrap {
  filter: opacity(1);
  transform: scale(1) translateY(0px);
  -webkit-filter: opacity(1);
  -webkit-transform: scale(1) translateY(0px);
  -moz-filter: opacity(1);
  -moz-transform: scale(1) translateY(0px);
}

.ui-accordion {
  width: 100%;
  max-width: 1000px;
  margin: auto;
}

.ui-accordion
  .accordion
  .accordion--header
  > .accordion--header_wrap
  > .action {
  height: 11px;
  background: url("assets/icons/arrow-bottom.6398728b710e.svg") no-repeat;
  background-size: contain;
  margin-left: auto;
  padding-left: 20px;
  position: relative;
  top: 8px;
  transition: 0.3s;
  -webkit-transition: 0.3s;
}

.ui-accordion
  .accordion._open
  .accordion--header
  > .accordion--header_wrap
  > .action {
  transform: rotate(180deg);
  filter: grayscale(1) opacity(0.3);
  -webkit-transform: rotate(180deg);
  -webkit-filter: grayscale(1) opacity(0.3);
  -moz-transform: rotate(180deg);
  -moz-filter: grayscale(1) opacity(0.3);
}

.ui-accordion .accordion .accordion--content {
  height: 0px;
}

.ui-accordion .accordion._open .accordion--content {
}

.accordion--folders {
  position: absolute;
  bottom: -7px;
  left: 0;
  width: 100%;
  height: 50px;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  filter: opacity(1);
  transition-delay: 0.1s;
  -webkit-filter: opacity(1);
  -webkit-transition-delay: 0.1s;
  -moz-filter: opacity(1);
  -moz-transition-delay: 0.1s;
}

.accordion--folders > .fold {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 97%;
  height: 100%;
  background: #d5dbe757;
  border-radius: 20px;
  transition: 2s;
  -webkit-transition: 2s;
  -moz-transition: 2s;
  margin: auto;
}

.accordion--folders > .fold.fold-1 {
  transform: translateY(8px);
  -webkit-transform: translateY(8px);
  width: 97%;
}

.accordion--folders > .fold.fold-2 {
  transform: translateY(16px);
  -webkit-transform: translateY(16px);
  width: 94%;
}

._open .accordion--folders {
  filter: opacity(0);
  transition-delay: 0s;
  -webkit-filter: opacity(0);
  -webkit-transition-delay: 0s;
  -moz-filter: opacity(0);
  -moztransition-delay: 0s;
}

._open .accordion--folders > .fold.fold-1 {
  transform: translateY(20px);
  -webkit-transform: translateY(20px);
}

._open .accordion--folders > .fold.fold-2 {
  transform: translateY(40px);
  -webkit-transform: translateY(40px);
}

.ui-accordion .accordion .accordion--content_item > .accordion-body img {
  max-width: 600px;
  border-radius: 16px;
  margin: auto;
  display: block;
  width: 100%;
}

.ui-posts--list > .wrapper {
  display: grid;
  grid-template-columns: 33% 33% 33%;
  gap: 30px;
  width: calc(100% - 30px);
}

.ui-post--card {
  position: relative;
  min-height: 230px;
  cursor: pointer;
  height: 100%;
  display: block;
  color: #f7f7f7;
}

.ui-post--card:hover {
  color: #f7f7f7;
}

.ui-post--card > .side.side--preview {
  position: absolute;
  z-index: 2;
}

.ui-post--card > .side {
  overflow: hidden;
  border-radius: 16px;
  width: 100%;
  height: 100%;
  background: #171717;
  position: relative;
  z-index: 1;
  transition: 0.3s;
  -webkit-transition: 0.3s;
}

.ui-post--card > .side .preview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ui-post--card > .side > .wrap {
  padding: 25px 30px;
  display: flex;
  flex-direction: column;
  height: calc(100% - 50px);
}

.ui-post--card > .side > .wrap > .preview {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-post--card > .side > .wrap > .footer {
  position: relative;
  z-index: 1;
  margin-top: auto;
  font-size: 14px;
  line-height: 1;
}

.ui-post--card > .side .title {
  font-family: "DM Sans";
  font-size: 27px;
  line-height: 1.1;
}

.ui-post--card > .side > .wrap .date {
  font-weight: 700;
  font-size: 14px;
  color: #00000066;
  margin-top: auto;
  line-height: 1;
}

.ui-post--card > .side:after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border: 2px solid #f7f7f7;
  border-radius: 16px;
  z-index: 0;
  transition: 0.3s;
  -webkit-transition: 0.3s;
}

.ui-post--card.with-image > .side:after {
  filter: opacity(0);
  -webkit-filter: opacity(0);
}

.ui-post--card:hover > .side:after {
  filter: opacity(1);
  -webkit-filter: opacity(1);
}

.ui-post--card:hover > .side.side--preview {
  filter: opacity(0);
  -webkit-filter: opacity(0);
}

.ui-tabs > .wrapper {
  display: flex;
  align-items: center;
}

.ui-tabs > .wrapper > .item {
  font-weight: 700;
  color: #9a9cb3;
  padding: 20px 10px;
  line-height: 1;
  margin: 0 15px;
  border-bottom: 4px solid transparent;
  letter-spacing: -0.2px;
  cursor: pointer;
}

.ui-tabs > .wrapper > .item.active {
  color: #f7f7f7;
  border-color: #f7f7f7;
}

.bg-white {
  background: white;
}

.ui-accordion.style--1 .accordion .accordion--header {
  background: #f4f8ff;
}

.ui-accordion.style--1 .accordion--folders > .fold {
  background: #a9b8d712;
}

.ui-accordion.style--1 .accordion .accordion--content_item {
  background: #f4f8ff;
}

.ui-accordion.style--1 .accordion._open {
}

.ui-accordion.style--1 .accordion._open .accordion--header {
  background: #e5e9f4;
}

.hide {
  display: none;
}
.ui-accordion .accordion .accordion--content_item.warning {
  background: #fff4f4;
}
.ui-post--card .caption {
  font-size: 16px;
  line-height: 1.6;
  margin-top: 15px;
}

.ui-post--card .actions {
  margin-top: auto;
  padding-top: 20px;
}

.swiper-slide-active > .ui-feature--card.style--2 .wrapper {
  transform: none;
}

.ui-page--classic {
  background: white;
  padding: 30px;
  line-height: 1.7;
  font-weight: 400;
  color: black;
}

.ui-page--classic p {
  margin-bottom: 15px;
  color: black;
  font-family: "DM Sans";
}

.ui-page--classic h2 {
  font-size: 22px;
  margin-bottom: 13px;
}

.ui-page--classic p:last-child {
  margin: 0;
}
.ui-page--classic ul {
  font-family: "DM Sans";
  padding-left: 20px;
  margin-bottom: 15px;
  line-height: 1.8;
}

.ui-post--card > .side > .wrap > .logo img {
  max-width: 100%;
  border-radius: 8px;
  min-height: 30px;
}

.ui--roadmap img {
  width: 100%;
}

.ui--roadmap {
  position: relative;
}
.ui-coin--card.style--1 .col.change .up {
  color: #1da682;
}

.ui-frame--2 lottie-player {
  position: absolute;
  width: 145%;
  height: 100%;
}

#menu-header-1 li a {
  color: #f7f7f7;
}

#menu-header-1 li {
  margin: 19px 0;
}

li > .sub-menu {
  padding-left: 21px;
  list-style: none;
}

li.menu-item-has-children:after {
  content: "";
  width: 25px;
  height: 20px;
  margin-left: 0;
  background: url("assets/icons/arrowDropdown.902c144be609.svg") no-repeat;
  background-position: right;
  background-size: 12px;
  position: absolute;
  top: 13px;
  right: 0;
}
#menu-headerlang li.menu-item-has-children:after {
  background: url("assets/icons/lang.91c8cef5f2ec.svg") no-repeat;
  top: 11px;
  background-position: right;
  background-size: 19px;
  right: -4px;
}
li.menu-item-has-children {
  display: flex;
  position: relative;
  padding-right: 23px !important;
}

#menu-header-1 {
  list-style: none;
}

.ui-page--classic.style--1 {
  padding: 50px 100px;
}

.ui-page--classic.style--1 img {
  width: 100%;
  height: auto;
}

.ui-frame--1 > lottie-player {
  position: absolute;
  z-index: 1;
  left: -185px;
  top: 0;
  height: 100%;
  width: 1000px;
}

.ui-frame--1 .coins {
  position: absolute;
  z-index: 9;
  right: 0;
}

.ui-frame--1 .coins .item:first-child {
  position: relative;
  left: -50px;
  top: 100px;
}

.ui-frame--1 .coins .item:nth-child(2n) {
  position: relative;
  left: 80px;
  top: -20px;
}

.ui-frame--1 .coins .item:nth-child(3n) {
  position: absolute;
  bottom: -150px;
  right: -150px;
}

.ui-frame--1 .coins .item:nth-child(5n) {
  right: -101px;
  position: relative;
  top: -60px;
}

.ui-frame--1 .coins .item:nth-child(4n) {
  top: 150px;
  left: 150px;
}

.ui--form-delimiter {
  margin: 80px 0;
}

.ui--form-delimiter > .line {
  width: 100%;
  height: 2px;
  background: #f7f7f7;
  max-width: 344px;
  margin: auto;
}
.ui-form a {
  color: #f7f7f7;
}

.ui-logotypes img {
  height: 70px;
  display: block;
  margin: auto;
  margin-bottom: 15px;
}

.ui-logotypes {
  font-size: 12px;
  color: #575a7d;
  line-height: 1.4;
  gap: 30px;
  width: calc(100% - 20px);
}

.ui_form__fieldset > .field > .icon {
  position: absolute;
  right: 17px;
  top: 17px;
}

.accordion--content_item ol {
  padding-left: 20px;
  line-height: 1.7;
  color: #575a7d;
  margin: 15px 0;
}

.accordion--content_item ol:last-child {
  margin-bottom: 0;
}

/* CALCULATE */

.ui-calculate {
  background: #f7f7fb;
  border-radius: 8px;
  margin-bottom: 100px;
  position: relative;
  font-size: 14px;
  color: #f7f7f7;
  box-shadow: 0px 0px 30px rgba(177, 186, 209, 0.3);
  width: 100%;
}

.ui-calculate {
}

.ui-calculate:after {
  content: "";
  background: rgba(255, 255, 255, 0.01);
  box-shadow: 0px 0px 30px rgba(177, 186, 209, 0.3);
  border-radius: 15px;
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
  margin: auto;
  height: 120px;
  width: 90%;
  z-index: 0;
}

.ui-calculate .calculate-body {
  background: #f7f7fb;
  position: relative;
  z-index: 1;
  border-radius: 0 0 8px 8px;
  display: grid;
  grid-template-columns: 150px auto;
  gap: 30px;
  padding: 30px;
  line-height: 1;
  padding-bottom: 30px;
}

.ui-calculate .calculate-body .col-left,
.ui-calculate .calculate-body .col-right {
  width: auto;
  padding-right: 0;
  margin: 0;
  padding-left: 0;
  border: none;
}

.ui-calculate > .header > .wrapper {
  display: flex;
  padding: 15px 30px;
  gap: 20px;
  align-items: center;
}

.ui-calculate > .header.plans {
  background: #90c34c;
  border-radius: 8px 8px 0 0;
  color: white;
}

.ui-calculate > .header {
  transition: 0.3s;
}

.ui-calculate > .header > .wrapper:before {
  content: "";
  height: 34px;
  width: 4px;
  /* background: #FFA24C; */
  position: absolute;
  left: 0;
  border-radius: 0px 3px 4px 0px;
}

.calculate--select {
  position: relative;
}

.calculate--select .selected {
  background: rgba(35, 41, 53, 0.2);
  border-radius: 50px;
  display: flex;
  align-items: center;
  padding-right: 15px;
}

.calculate--select .item {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 700;
  padding: 15px 17px;
  line-height: 1;
  padding-bottom: 13px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 10px;
}

.calculate--select > .select-list {
  position: absolute;
  background: #ffffff;
  color: black;
  z-index: 3;
  border-radius: 32px;
  padding: 4px 0;
  top: 50px;
  left: -5px;
  text-align: center;
  box-shadow: 0 3px 10px 0 #8080801c;
  transition: 0.2s;
  transform: translate3d(0px, 10px, 0px);
  opacity: 0;
  visibility: hidden;
  text-align: center;
}

.calculate--select.open > .select-list {
  transform: translate3d(0px, 0px, 0px);
  opacity: 1;
  visibility: visible;
}

.calculate--select > .select-list .item {
  border-bottom: 1px solid #efefef;
}

.calculate--select > .select-list .item:last-child {
  border-bottom: 0px;
}

.calculate--select > .select-list .item > .icon {
  border: none;
  margin: -8px -7px;
  margin-right: 0;
}

.ui--label {
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 30px;
  transition: 0.2s;
  padding: 14px 22px;
  line-height: 1;
  font-weight: 700;
  display: flex;
  gap: 10px;
  align-items: center;
  white-space: nowrap;
}

.active.ui--label {
  background: rgba(255, 255, 255, 0.3);
  border-color: transparent;
}

.ui-calculate .calculate-body .calculate-head {
  font-size: 16px;
  border: 1px solid #f0f2f9;
  border-radius: 5px;
  padding: 13px;
  line-height: 1;
  font-weight: 400;
  text-align: center;
  margin-top: -15px;
}

.ui-calculate .calculate-body table {
  width: 100%;
  border-spacing: 0px;
}

.ui-calculate .calculate-body table td {
  padding: 15px 17px;
}

.ui-calculate .calculate-body table tr:nth-child(2n) td {
  background: #f0f2f9;
}

.ui-calculate .calculate-body table tr:nth-child(2n) td:first-child {
  border-radius: 5px 0px 0px 5px;
}

.ui-calculate .calculate-body table tr:nth-child(2n) td:last-child {
  border-radius: 0px 5px 5px 0;
}

.icon--beginner {
  background: url("assets/icons/beginner.ceea9c9a7027.svg") no-repeat;
  width: 35px;
  height: 32px;
  position: relative;
  top: 2px;
}

.icon--advanced {
  background: url("assets/icons/advanced-1.ca3b65ec6835.svg") no-repeat;
  width: 35px;
  height: 32px;
  position: relative;
  top: 2px;
}

.icon--advanced-2 {
  background: url("assets/icons/advanced-2.a30f3de40fc6.svg") no-repeat;
  width: 35px;
  height: 32px;
  position: relative;
  top: 2px;
}

.icon--advanced-3 {
  background: url("assets/icons/advanced-3.77817e08f885.svg") no-repeat;
  width: 35px;
  height: 32px;
  position: relative;
  top: 2px;
}

.icon--elite {
  background: url("assets/icons/elite-1.c7c6d0df1ebd.svg") no-repeat;
  width: 35px;
  height: 32px;
  position: relative;
  top: 2px;
}

.icon--elite-2 {
  background: url("assets/icons/elite-2.d2ee17b43194.svg") no-repeat;
  width: 35px;
  height: 32px;
  position: relative;
  top: 2px;
}

.icon--elite-3 {
  background: url("assets/icons/elite-3.e37f599f5028.svg") no-repeat;
  width: 35px;
  height: 32px;
  position: relative;
  top: 2px;
}

.icon--expert {
  background: url("assets/icons/expert-1.9db2d8ca14ae.svg") no-repeat;
  width: 35px;
  height: 32px;
  position: relative;
  top: 2px;
}

.icon--expert-2 {
  background: url("assets/icons/expert-2.845931c9cd86.svg") no-repeat;
  width: 35px;
  height: 32px;
  position: relative;
  top: 2px;
}

.icon--expert-3 {
  background: url("assets/icons/expert-3.39c66fb81334.svg") no-repeat;
  width: 35px;
  height: 32px;
  position: relative;
  top: 2px;
}

.icon--info {
  background: url("assets/icons/info.3aa9c7c0a351.svg") no-repeat;
  width: 14px;
  height: 14px;
  display: inline-flex;
  position: relative;
  top: 2px;
  margin-left: 5px;
}

.icon--compare {
  background: url("assets/icons/compare.3ad53b954e3c.svg") no-repeat;
  width: 18px;
  height: 14px;
}

.calculate--select .item .icon {
  border: 2px solid #90c34c;
  border-radius: 30px;
  margin: -16px -18px;
  margin-right: 0;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  top: -1px;
  transition: 0.3s;
}

.calculate--select .selected:after {
  content: "";
  width: 8px;
  height: 4px;
  background: url("assets/icons/chevron.2c57c4a65431.svg");
  display: block;
  margin-left: -6px;
}

.ui_form__fieldset.middle span.select2-selection.select2-selection--single,
.ui_form__fieldset.middle
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  height: 44px;
}
.ui_form__fieldset.middle span.select2-selection.select2-selection--single {
  border: 1px solid rgba(177, 186, 209, 0.3);
  background: transparent;
  border-radius: 5px;
}
.l-ml-auto {
  margin-left: auto;
}

.ui-calculate .calculate-body.column {
  display: flex;
  flex-direction: column;
}

.ui-calculate .calculate-body > .wrap {
  display: flex;
  width: 100%;
  gap: 20px;
}

.ui-calculate .calculate-body > .wrap .col {
  width: 100%;
}

.calculate-result {
  background: rgba(0, 176, 122, 0.1);
  border-radius: 15px;
  text-align: center;
  padding: 20px;
  color: rgba(87, 90, 125, 0.5);
  font-size: 18px;
  line-height: 1.4;
}

.calculate-result #profit {
  color: #00b07a;
  font-weight: 800;
  margin: 0 7px;
}

.calculate--description {
  padding: 0px 30px;
  padding-bottom: 30px;
  line-height: 1.6;
}

.calculate--description p {
  color: #575a7d;
}

.ui-calculate > .header h2 {
  font-size: 24px;
}

.profit-calculate .calculate-body {
  padding-top: 22px;
  background: #f1f2fa;
}
.ui-calculate.profit-calculate {
  background: white;
}
.profit-calculate
  .calculate-body
  span.select2-selection.select2-selection--single {
  background: white;
  border: 0px solid rgba(177, 186, 209, 0.3);
  border-radius: 5px;
  color: #232935;
  font-weight: 600;
}

.profit-calculate .calculate-body:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 52px;
  background: #eaedf8;
  z-index: -1;
}

.profit-calculate .calculate-body .title {
  padding-bottom: 10px;
}

.profit-calculate .calculate-body input#profit_amount {
  min-height: 44px;
  background: white;
  border: 0px solid rgba(177, 186, 209, 0.3);
  border-radius: 5px;
  color: black;
  font-weight: 600;
  padding-right: 64px;
}

.ui_form__fieldset > .field > .caption {
  position: absolute;
  right: 20px;
  top: 34%;
  color: rgba(35, 41, 53, 0.5);
  font-size: 16px;
}

.ui-calculate .calculate-body .ui_form__fieldset {
  margin-bottom: -15px;
}

.ui-calculate > .header.plans.advanced {
  background: #0aa8ef;
}

.ui-calculate > .header.plans.advanced .icon {
  border-color: #0aa8ef;
}

.ui-calculate > .header.plans.elite {
  background: #f1635e;
}

.ui-calculate > .header.plans.elite .icon {
  border-color: #f1635e;
}

.ui-calculate > .header.plans.expert {
  background: #fea52c;
}

.ui-calculate > .header.plans.expert .icon {
  border-color: #fea52c;
}

.level--4 .header.plans.advanced {
  background: #0288cf;
}

.ui-calculate.level--4 .header.plans.advanced .icon {
  border-color: #0288cf;
}

.ui-calculate.level--5 .header.plans.advanced .icon {
  border-color: #015d9e;
}
.level--5 .header.plans.advanced {
  background: #015d9e;
}

.ui-calculate.level--7 .header.plans.expert .icon {
  border-color: #fa8804;
}
.level--7 .header.plans.expert {
  background: #fa8804;
}

.ui-calculate.level--8 .header.plans.expert .icon {
  border-color: #ee6902;
}
.level--8 .header.plans.expert {
  background: #ee6902;
}

.ui-calculate.level--10 .header.plans.elite .icon {
  border-color: #f24b43;
}
.level--10 .header.plans.elite {
  background: #f24b43;
}

.ui-calculate.level--11 .header.plans.elite .icon {
  border-color: #ce2f2b;
}
.level--11 .header.plans.elite {
  background: #ce2f2b;
}

.calculate--levels {
  display: flex;
  gap: 15px;
  text-transform: capitalize;
}

span.select2-container--default
  .select2-results__option--selectable.select2-results__option--selected {
  font-weight: 800;
  color: #f88853 !important;
}

.coin-caption {
  font-size: 12px;
  color: #b1b3b9;
  font-weight: 700;
  position: relative;
  top: 0px;
  margin-left: 5px;
}

.page-background {
  position: absolute;
  top: 60px;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  z-index: -1;
}

.ui-calculate.profit-calculate > .header > .wrapper:before {
}

.ui-calculate.profit-calculate > .header > .wrapper {
  /* padding: 30px; */
}

.text-black {
  color: #f7f7f7;
}
.color-default {
  color: #575a7d;
}

.l-grid {
  display: grid;
}

.grid-3 {
  grid-template-columns: 33.3% 33.3% 33.3%;
}
.gap-120 {
  gap: 120px;
}
.grid-3.gap-120 {
  width: calc(100% - 240px);
}

.grid-5 {
  grid-template-columns: 20% 20% 20% 20% 20%;
}
.gap-36 {
  gap: 36px;
}

.grid-5.gap-36 {
  width: calc(100% - 144px);
}

.features-number {
  display: flex;
  flex-direction: column;
  gap: 15px;
  font-size: 14px;
}

.features-number .title {
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 40px;
  line-height: 46px;
  color: #f7f7f7;
}

.icon--figure {
  background: #ff8233;
  border: 1.73295px solid #323433;
  transform: matrix(-0.71, -0.71, -0.71, 0.71, 0, 0);
  width: 13px;
  height: 13px;
  margin: auto;
}

.icon--figure-1 {
  background: #4f59c1;
  border: 1.73295px solid #323433;
  border-radius: 100px;
  width: 13px;
  height: 13px;
  margin: auto;
}

.icon--figure-2 {
  background: #f9c13d;
  border: 1.73295px solid #323433;
  width: 13px;
  height: 13px;
  margin: auto;
}

.icon--figure-3 {
  background: #00b07a;
  border: 1.73295px solid #323433;
  transform: matrix(-0.71, -0.71, -0.71, 0.71, 0, 0);
  width: 13px;
  height: 13px;
  margin: auto;
}

.icon--figure-4 {
  background: #ff4b55;
  border: 1.73295px solid #323433;
  border-radius: 100px;
  width: 13px;
  height: 13px;
  margin: auto;
}

.marquee {
  background: #ffc200;
  color: white;

  height: 20px;
  padding: 20px 0;
  line-height: 1.4;
  text-transform: uppercase;
  font-weight: 700;
}

.marquee span {
  position: relative;
  animation: marquee 65s infinite linear;
  white-space: nowrap;
  display: block;
}

.w-100 {
  width: 100%;
}

#lp-profit-table .ui-calculate {
  box-shadow: 0px 0px 30px rgb(0 0 0 / 30%);
  margin-bottom: 50px;
}

.ui-calculate .current--currency {
  border: 1px solid #f0f2f9;
  border-radius: 32px;
  width: 78px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 30px auto;
}

.select2-results__option--selectable .img-coin {
  width: 28px;
  height: 28px;
  position: relative;
  margin-right: 5px;
  margin-bottom: -7px;
}

/* Chrome, Safari, Edge, Opera */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}

.close {
  width: 40px;
  height: 40px;
  border: 1px solid #ffffff80;
  border-radius: 100px;
  position: relative;
  cursor: pointer;
}

.close:before,
.close:after {
  content: "";
  width: 55%;
  height: 2px;
  background: white;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 0;
  right: 0;
  transform: rotate(-45deg);
}

.close:before {
  transform: rotate(45deg);
}

@keyframes marquee {
  0% {
    transform: translate(0, 0);
  }

  100% {
    transform: translate(-160%, 0);
  }
}

@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes animatedBackground {
  from {
    background-position: 0 0;
  }
  /*use negative width if you want it to flow right to left else and positive for left to right*/
  to {
    background-position: -10000px 0;
  }
}

@media (max-width: 1024px) {
  #menu-headerlang-1 li._open > .sub-menu {
    display: block;
  }
  #menu-headerlang-1 ul {
    position: absolute;
    width: 100px;
    bottom: 25px;
    padding-left: 2px;
  }

  #menu-headerlang-1 a,
  #menu-headerlang-1 a span {
    color: #f7f7f7;
    text-transform: lowercase;
  }

  #menu-headerlang-1 li.menu-item-has-children:after {
    background: url("assets/icons/lang.91c8cef5f2ec.svg") no-repeat;
    top: 0px;
    background-position: right;
    background-size: 19px;
    right: -4px;
  }
}


body {
  top: 0px !important;
}
#google_translate_element select{
  background-color:#ffc200;
  color:#000;
  border:none;
  font-family:  "DM Sans", sans-serif;
  font-size:10px !important;
  font-weight:bold;
  height: 40px;
  /* -webkit-appearance:none; */
}

#google_translate_element2 select{
  background-color:#ffc200;
  color:#000;
  border:none;
  font-family:  "DM Sans", sans-serif;
  font-size:10px !important;
  font-weight:bold;
  height: 40px;
  /* -webkit-appearance:none; */
}

.goog-logo-link{
  display:none !important;
  padding: 0px !important;
  color:#c4d5f6 !important;
}

.goog-te-gadget {
  color: #c4d5f6 !important;
  height:20px !important;
  width: 0px !important;
}

#google_translate_element .goog-te-gadget{
  white-space: break-spaces !important;
  top: 12px !important;
  position: absolute !important;
}

#google_translate_element2 .goog-te-gadget{
  white-space: break-spaces !important;
  top: 12px !important;
  position: absolute !important;
}

.goog-te-banner-frame{
  display:none !important;
}
.goog-te-banner-frame.skiptranslate {
  display: none !important;
}
.goog-te-gadget{
  color:transparent!important;
}
#google_translate_element select{
  width: 100px;
}
#google_translate_element2 select{
  width: 100px;
}
@media (max-width: 767px) {
  #google_translate_element{
    left: 50px !important;
  }
  #google_translate_element2{
    left: 50px !important;
  }
}