@import url('https://fonts.cdnfonts.com/css/barlow');
@import url('https://fonts.cdnfonts.com/css/inter');
button:focus {
    outline: 0px;
}
:root {
    --white: #fff;
    --black: #000;
    --graybg: #090809;
}
a {
    text-decoration: none;
}
p,h1,h2,h3,h4,h5{
    margin: 0;
    padding: 0;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
form.form-center-reset-code-email {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
button.btn-md.cmn-btn.w-100 {
    border-radius: 45px;
    padding: 14px 20px;
    width: 100%;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    gap: 10px;
    background: #70eabc;
    outline: none;
    border: none;
    color: #000;
}
a.forget-pass.base--color {
    color: #70eabc !important;
}

input[type="number"] {
    -moz-appearance: textfield;
  }
  input[type="number"]:hover,
  input[type="number"]:focus {
    -moz-appearance: number-input;
  }
  input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
body {
    font-family: Barlow, sans-serif;
    background-color: var(--graybg);
    color: #fff;
    margin: 0;
    padding: 0;
}

/* Header */
.header {
    display: flex;
    justify-content: space-between;
    padding: 20px;
    background-color: transparent;
    position: absolute;
    width: 100%;
    max-width: 1399px;
    align-items: center;
    margin: 0 auto;
    left: 0;
    right: 0;
    z-index: 9;
}
.dashboard__header-mobile-contaner{
    display: none;
}


.header__logo {
    font-size: 24px;
}
nav.header__nav {
    display: inline-flex;
    padding: 0px 20px;
    align-items: center;
    gap: 10px;
    border-radius: 50px;
    border: 1px solid #FFF;
    background: rgba(9, 8, 9, 0.20);
    backdrop-filter: blur(5px);
}
.header__nav, .header__buttons {
    display: flex;

}
.header__nav > .header__link, .header__button {
    text-decoration: none;
    color: #FFF;
    display: flex;
    padding: 12px 0px;
    align-items: flex-start;
    gap: 10px;
    font-family: Barlow;
    font-size: 14px;
    font-style: normal; 
    font-weight: 500;
    line-height: 150%;
}
.header__nav > .header__link{
    padding: 12px 10px;
    border-radius: 50px;
    transition: all .3s ease;
}

.header__nav > .header__link:hover{
    background-color: #fff;
    color: #000;
}
.header__button--language{
    border-radius: 36px;
    border: 1px solid #FFF;
    background: rgba(9, 8, 9, 0.60);
    backdrop-filter: blur(5px);
    padding: 12px 18px;
    align-items: center;
    gap: 8px;
}
.header__button--login{
    margin-left: 10px;
    border-radius: 36px;
    background: #FFF;
    display: inline-flex;
    padding: 12px 18px;
    align-items: center;
    gap: 8px;
    border: none;
    color: #090809;
    font-family: Barlow;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}
.header__link, .header__button {
    color: #fff;
    text-decoration: none;
    color: #FFF;
    font-family: Barlow;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}
.header__link.active{
    color: #70E9BD;
    font-family: Barlow;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}

button.header__button.header__button--login {
    display: inline-flex;
    padding: 12px 18px;
    align-items: center;
    color: #090809;
    font-family: Barlow;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    gap: 8px;
}
button.header__button.header__button--login:hover{
    color: #000;
    background: linear-gradient(155deg, #70e9bd 38.24%, #fff 100%), linear-gradient(157deg, #70e9bd 16.94%, #147c56 100%);
}
button.header__button.header__button--language:hover{
    border: none;
    color: #000;
    background: linear-gradient(155deg, #70e9bd 38.24%, #fff 100%), linear-gradient(157deg, #70e9bd 16.94%, #147c56 100%);
}
/* Hero */
.hero {
    position: relative;
    text-align: center;
    padding: 80px 20px;
    background: linear-gradient(180deg, rgb(6 4 18) 0%, #060412 100%);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 1;
    overflow: hidden;
}

.hero-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}

.hero-video__main{
    left: -180px;
}

@media screen and (max-width: 920px){
    .hero-video__main{
    left: 0px;
}
}
p.hero__subtitle {
    margin-top: 10px;
    margin-bottom: 40px;
    color: #FFF;
    text-align: center;
    font-family: Barlow;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}
.hero__title {
    margin-top: 150px;
    font-size: 36px;
    margin-bottom: 20px;
}
.hero__socials {
    margin-top: 8.313rem;
    margin-bottom: 8.7rem;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 16px;
}
.hero__cta {
    padding: 10px 20px;
    
    background-color: transparent;
    border: none;
    color: #fff;
    cursor: pointer;
    border-radius: 48px;
    border: 1px solid #FFF;
    font-family: Barlow;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    transition: all .3s ease;

    &:hover{
        background-color: #00ffcc;
        color: #000;
    }
}

/* Features */
.features {
    display: flex;
    position: relative;
    top: -226px;
    justify-content: center;
    padding: 40px 80px;
    border-radius: 15px;
    max-width: 1200px;
    width: 100%;
    z-index: 2;
    margin: 0 auto;
}

.features__border {
    padding: 20px;
    border-radius: 30px;
    border: 1px solid rgba(255, 255, 255, 0.70);
    background: rgba(9, 8, 9, 0.60);
    backdrop-filter: blur(15px);
}
.features__container {
    display: flex;
    background: linear-gradient(109deg, #1F5D58 -42.23%, #000100 117.71%);
    border-radius: 30px;
}

.feature {
    flex: 1;
    padding: 20px;
    color: #ffffff;
    padding: 70px 40px 70px 40px;
    border-right: 1px solid #FFFFFF29;
    border-right-style: dashed;
}
.feature:nth-child(3) {
    border: none;
}

.feature__title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 14px;
}

.feature__text {
    margin-bottom: 44px;
    color: #E6E6E6;
    font-family: Barlow;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}
.feature__link {
    color: #70E9BD;
    font-family: Barlow;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 171.429% */
    letter-spacing: -0.084px;
    text-transform: uppercase;
}


/* Companies */
.companies {
    text-align: center;
    padding: 30px 0;
}

.companies__logo {
    display: flex;
    padding: 16px 30px;
    justify-content: center;
    align-items: center;
    gap: 30px;
    flex: 1 0 0;
}

.companies__logo img{
    object-fit: contain;
    max-width: 180px !important;
}
.companies__logos.step{
    margin-left: 30px;
}
.companies__logos {
    display: flex;
    justify-content: center;
    gap: 20px;
}
h2.companies__title {
    color: #FFF;
    text-align: center;
    font-family: Barlow;
    font-size: 38px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 40px;
}
/* Plans */
.plans {
    text-align: center;
    padding: 50px 0;
    
}

.plans__title {
    color: #FFF;
    text-align: center;
    font-family: Barlow;
    font-size: 38px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
p.plan__rate {
    color: #FFF;
    text-align: center;
    font-family: Inter;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
}
p.plan__data{
    color: #EBEBEB;
    text-align: center;
    font-family: Barlow;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}
p.plan__duration{
    color: #EBEBEB;
    font-family: Barlow;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}
.plan__duration > span{
    color: #EBEBEB;
    text-align: center;
    font-family: Barlow;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
}
.plan__amount > span{
    color: #EBEBEB;
    text-align: center;
    font-family: Barlow;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
}
.plan__withdrawal > span{
    color: #EBEBEB;
    text-align: center;
    font-family: Barlow;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
}
.plans__subtitle {
    color: #E6E6E6;
    text-align: center;
    font-family: Barlow;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; 
}
.plans__container {
    display: inline-flex;
    height: 45px;
    padding: 0px 4px;
    margin-top: 40px;
    margin-bottom: 40px;
    align-items: center;
    gap: 4px;
    border-radius: 50px;
    border: 1px solid #FFF;
    background: rgba(9, 8, 9, 0.60);
}
.getstarted__button{
    display: flex;
    padding: 12px 20px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    border-radius: 58px;
    border: 1px solid #FFF;
    background: #70E9BD;
}

.getstarted__button:hover{
    text-decoration: none;
    color: #000;
}

.plans__tab {
    transition: all 0.3s ease;
}

.plan__row {
    display: flex;
    gap: 40px;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.plan__box {
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 20px;
    background: #11322F;
    align-content: center;
    flex-wrap: nowrap;
    padding: 16px;
    justify-content: center;
    width: 100%;
}
.plan__onebox {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    gap: 8px;
    align-items: center;
    margin-bottom: 32px;
}
.plan__stepbox {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    gap: 16px;
    align-items: center;
    margin-bottom: 48px;
}
.plans__tab.plans__tab--active{
    border-radius: 26px;
    border: 1px solid #FFF;
    padding: 8px 10px;
    background: #FFF;
    color: var(--black);
}
button.plans__tab {
    color: #FFF;
    font-family: Barlow;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    background: none;
    border: none;
}
.plans__tabs {
    margin-bottom: 44px;
}
.plan {
    display: inline-block;
    padding: 20px;
    margin: 10px;
    border-radius: 30px;
    border: 1px solid rgba(255, 255, 255, 0.70);
    background: rgba(9, 8, 9, 0.40);
}
.plan__header {
    display: flex;
    padding-bottom: 8px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    min-width: 160px;
}
.plan__curreny{
    display: flex;
    padding: 4px 12px;
    align-items: center;
    border-radius: 16px;
    border: 1px solid #FFF;
    color: #FFF;
    text-align: center;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    text-transform: uppercase;
}
/* .plans::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1066px;
    height: 553px;
    transform: translate(-50%, -50%);
    border-radius: 1066px;
    background: rgba(22, 67, 63, 0.80);
    filter: blur(160px);
    z-index: -1;
} */
h3.plan__title {
    color: #8F8F93;
    text-align: center;
    font-family: Barlow;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
}
.plan__button {
    padding: 10px;
    background-color: #70e9bd;
    border: none;
    cursor: pointer;
    text-decoration: none;
    color: #000;
}

/* Calculator */
.calculator {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.calculator::before {
    content: '';
    position: absolute;
    top: auto;
    left: 58%;
    transform: translate(-50%, -50%);
    width: 1066px;
    height: 553px;
    border-radius: 1066px;
    background: rgba(22, 67, 63, 0.80);
    filter: blur(160px);
    z-index: -1;
}

.calculator__title {
    color: #FFF;
    text-align: center;
    font-family: Barlow;
    font-size: 38px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.calculator__subtitle {
    color: #E6E6E6;
    text-align: center;
    font-family: Barlow;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}

.calculator__form {
    display: flex;
    flex-direction: column;
    min-width: 620px;
    gap: 60px;
    margin-bottom: 20px;
}

.calculator__field {
    position: relative;
    display: flex;
    flex-direction: column;
}

.calculator__label {
    color: #FFF;
    font-family: Barlow;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
}

.calculator__select, .calculator__input {
    padding: 12px;
    font-size: 16px;
    border: 1px solid #333;
    border-radius: 8px;
    background-color: #1b1b1b;
    color: #fff;
    outline: none;
    appearance: none;
}

.calculator__select {
    background-image: url('data:image/svg+xml;base64,...'); /* Custom dropdown icon */
    background-repeat: no-repeat;
    background-position: right 10px center;
}

.calculator__container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
    gap: 40px;
}

.calculator__currency {
    position: absolute;
    right: 12px;
    top: 61%;
    transform: translateY(-50%);
    color: #FFF;
    font-family: Barlow;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.calculator__button {
    padding: 15px;
    font-size: 16px;
    background-color: #70E9BD;
    border: none;
    border-radius: 25px;
    cursor: pointer;
    color: #000;
    text-align: center;
}
.calculator__rowfield {
    display: flex;
    margin-top: 47px;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
}
.calculator__rowstats {
    display: flex;
    gap: 8px;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
}
.calculator__result {
    width: 620px;
    height: 314px;
    flex-shrink: 0;
    text-align: center;
    padding: 40px 24px 40px 24px;
    background-color: #1b1b1b;
    border-radius: 12px;
    background: url('./imgs/calculator-bg.png');
    background-position: center center;
    background-repeat: no-repeat;
    box-sizing: border-box;
}
p.calculator__totalearn {
    color: #FFF;
    font-family: Barlow;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    text-align: start;
}
.calculator__result-text {
    font-size: 14px;
    color: #aaa;
}
span.calculator__profit{
    font-family: Inter;
    font-size: 76px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 91.2px */
    background: linear-gradient(145deg, #D8DADB 3.56%, #70E9BD 74.61%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.calculator__result-value {
    font-size: 32px;
    color: #32de84;
}

.calculator__result-currency {
    font-size: 18px;
    color: #aaa;
}

.calculator__details {
    margin-top: 15px;
}

.calculator__detail {
    font-size: 14px;
    color: #aaa;
    display: flex;
    justify-content: space-between;
}

.calculator__pricebox {
    display: flex;
}
p.calculator__result__currency {
    color: #FFF;
    margin-left: 20px;
    font-family: Barlow;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: flex-end;
    align-content: flex-end;
}
/* Footer */
.footer {
    background-color: #232626;
    padding: 40px 80px;
    color: #b0b0b0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 120px;
}

.footer__logo {
    display: flex;
    align-items: center;
    font-size: 24px;
    color: #ffffff;
}

.footer__nav {
    display: flex;
    gap: 8px;
}

.button__login{
    color: #FFF;
    font-family: Barlow;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    display: flex;
    padding: 12px 18px;
    align-items: center;
    gap: 8px;
    border-radius: 36px;
    border: 1px solid #FFF;
}
.login__form__tworows{
    display: flex;
    align-items: flex-start;
    gap: 20px;
    align-self: stretch;
}
.login__form__tworows__onerow {
    gap: 12px;
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: flex-start;
}
.footer__link.button__register{
    display: flex;
    padding: 12px 18px;
    align-items: center;
    gap: 8px;
    border-radius: 36px;
    background: #FDFDFD;
    color: #090809;
    font-family: Barlow;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 21px */
}

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

.footer__link {
    color: #E6E6E6;
    font-family: Barlow;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}

.footer__link:hover {
    color: #ffffff;
}

.footer__buttons {
    display: flex;
    gap: 10px;
}

.footer__button {
    padding: 10px 20px;
    border: 1px solid #ffffff;
    border-radius: 20px;
    font-size: 14px;
    cursor: pointer;
    color: #ffffff;
    background: transparent;
    transition: background-color 0.3s, color 0.3s;
}

.footer__button--register {
    background-color: #ffffff;
    color: #232626;
}

.footer__button:hover {
    background-color: #00ffcc;
    color: #232626;
}

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

.footer__social-link {
    color: #b0b0b0;
    font-size: 16px;
    text-decoration: none;
}

.footer__social-link:hover {
    color: #ffffff;
}

.footer__copyright {
    font-size: 12px;
    color: #666666;
    text-align: center;
    padding-top: 10px;
}
nav.footer__nav {
    display: flex;
    flex-direction: column;
}
.footer__step {
    padding: 24px 80px 24px 80px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
p.footer__company{
    color: #8F8F93;
font-family: Barlow;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 150%; 
}
p.footer__stay{
    color: #8F8F93;
font-family: Barlow;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 150%; 
}
p.footer.stay__text{
    color: #E6E6E6;
font-family: Barlow;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 150%; 
}
 /* custom SELECT */
 .select {
    position: relative;
    display: flex;
    width: 100%;
    font-family: Arial, sans-serif;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    border: 1px solid #1C1A1D;
    background: #202324;
}
  .select__options {
    display: none;
  }
  
  .select__options--open {
    display: block;
  }
  
  
  .select__button {
    margin-top: 6px;
    width: 100%;
    padding: 12px 14px;
    color: #fff;
    border: none;
    cursor: pointer;
    text-align: left;
    border-radius: 8px;
    border: none;
    background: transparent;
}
  
.select__options {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    max-height: 150px;
    margin-top: 8px;
    overflow-y: auto;
    border-radius: 8px;
    border: 1px solid #ffffff24;
    background: #202324;
    z-index: 9999999;
}
  
  .select__option {
    padding: 10px;
    color: #fff;
    cursor: pointer;
  }
  
  .select__option:hover, .select__option--selected {
    background-color: #70E9BD;
    border-radius: 6px 0px 0px 6px;
    margin-left: 6px;
    color: #090809;
    font-family: Barlow;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}
  
  
  .select__options::-webkit-scrollbar {
    width: 8px;
  }
  
  .select__options::-webkit-scrollbar-thumb {
    background-color: #555;
    border-radius: 4px;
  }
  
  /* Breadcrumbs  */

  .breadcrumbs {
    display: flex;
    width: 100%;
    padding-top: 10vw;
    padding-bottom: 10vw;
    flex-direction: column;
    align-items: center;
    flex-shrink: 0;
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgb(9 8 9)), url(./imgs/breadcrumbs-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
}

.breadcrumbs__title{
    color: var(--Absolute-White, #FFF);
    text-align: center;
    font-family: Barlow;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.breadcrumbs__subtitle{
    color: var(--Grey-90, #E6E6E6);
    text-align: center;
    font-family: Barlow;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    margin-top: 30px;
}

/* Login */

section.login {
    display: flex;
    padding-top: 204px;
    padding-bottom: 204px;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.login__form {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    align-self: stretch;
}
.login__btn{
    display: flex;
    padding: 12px 20px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    border-radius: 58px;
    border: 1px solid #8F8F93;
    background: #70E9BD;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    color: #090809;
    font-family: Barlow;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; 
}
img.auth__bg{
    width: 100%;
    height: auto;
    flex-shrink: 0;
    background-image: url(./imgs/circle-login.png) lightgray -179.399px 166.346px / 130.038% 77.804% no-repeat;
}
.login__labelright {
    display: flex;
    flex-direction: row;
    width: 100%;
    flex-wrap: nowrap;
    align-content: flex-end;
    justify-content: flex-end;
    align-items: flex-end;
}
.login__labelcenter {
    display: flex;
    flex-direction: row;
    width: 100%;
    gap: 4px;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
label.login__account {
    color: #FFF;
    font-family: Barlow;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}
label.login__forgotpassword{
    color: #70E9BD;
    font-family: Barlow;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px; /* 125% */
}

body.login {
    font-family: Barlow, sans-serif;
    color: #fff;
    margin: 0;
    padding: 0;
    background-color: var(--black);
    background-image: url('./imgs/circle-login.png');
    background-repeat: no-repeat;
    background-position: center bottom 150%;
}
.login__container{
    display: flex;
    width: 420px;
    flex-direction: column;
    align-items: center;
    gap: 32px;
}
.login__header{
    margin-bottom: 32px;
}

h2.login__title{
    color: var(--Absolute-White, #FFF);
    text-align: center;
    font-family: Barlow;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%; /* 36px */
}
h3.login__subtitle{
    color: #FFF;
    text-align: center;
    font-family: Barlow;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}
label.login__label{
    color: #FFF;
    leading-trim: both;
    text-edge: cap;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Barlow;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 125% */
}
input.login__input {
    color: #FFF;
    display: flex;
    height: 8px;
    padding: 18px 16px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 10px;
    flex-shrink: 0;
    align-self: stretch;
    border-radius: 8px;
    border: 1px solid #FFF;
    background: #202324;
}

/* Calculator  */

section.about {
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.about__grid {
    display: flex;
    flex-direction: column;
    padding: 80px 80px 100px 80px;
    align-items: flex-start;
    align-self: stretch;
}
.about__column{
    display: flex;
    align-items: center;
    gap: 80px;
    align-self: stretch;
}
.about__container{
    display: flex;
flex-direction: column;
align-items: flex-start;
gap: 10px;
flex: 1 0 0;
}
.about__row{
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1 0 0;
}
h3.about__text{
    color: var(--Absolute-White, #FFF);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Barlow;
    font-size: 38px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
p.about__subtitle{
    color: var(--Grey-90, #E6E6E6);
font-feature-settings: 'liga' off, 'clig' off;
font-family: Barlow;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
}
img.about__eth {
    border-radius: 33px;
    background: #343434;
}

/* Our mission */
section.our_mission {
    display: flex;
    padding: 80px;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 40px;
}
.our_mission::before {
    content: '';
    position: absolute;
    top: auto;
    left: 58%;
    transform: translate(-50%, -50%);
    width: 1066px;
    height: 553px;
    border-radius: 1066px;
    background: rgba(22, 67, 63, 0.80);
    filter: blur(160px);
    z-index: -1;
}
.our_mission__container{
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    gap: 40px;
}
h3.title{
    color: var(--Absolute-White, #FFF);
text-align: center;
font-feature-settings: 'liga' off, 'clig' off;
font-family: Barlow;
font-size: 38px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
h3.subtitle{
    color: var(--Grey-90, #E6E6E6);
text-align: center;
font-feature-settings: 'liga' off, 'clig' off;
font-family: Barlow;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
}
.our_mission_card__container{
    display: flex;
    align-items: flex-start;
    gap: 40px;
    align-self: stretch;
}
.our_mission__card__container {
    height: 140px;
    display: flex;
    padding: 34px 26px;
    align-items: flex-start;
    gap: 10px;
    max-width: 620px;
    flex: 1 0 0;
    border-radius: 30px;
    border: 1px solid rgba(255, 255, 255, 0.70);
    background: rgba(9, 8, 9, 0.40);
    backdrop-filter: blur(15px);
}
@media screen and (max-width:968px){
    .our_mission__card__container {
        height: auto;
        display: flex;
        padding: 34px 26px;
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        max-width: 620px;
        flex: 1 0 0;
        border-radius: 30px;
        border: 1px solid rgba(255, 255, 255, 0.70);
        background: rgba(9, 8, 9, 0.40);
        backdrop-filter: blur(15px);
    }
}
.our_mission__card{
    display: flex;
    align-items: center;
    gap: 24px;
    align-self: stretch;
}
.our_mission__card__textcontainer{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    flex: 1 0 0;
}
h3.our_mission__card__title{
    color: var(--Absolute-White, #FFF);
    font-family: Barlow;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%; /* 36px */
    letter-spacing: -0.144px;
}
p.our_mission__card__subtitle{
    color: var(--Grey-90, #E6E6E6);
    font-family: Barlow;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
}
.our_mission__card__row {
    display: flex;
    align-items: center;
    gap: 40px;
    align-self: stretch;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
}
button.our_mission__calltoaction__btn{
    color: #090809;
    font-family: Barlow;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: flex;
    height: 48px;
    padding: 15px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 48px;
    background: #70EABC;
}

/* How we make Money */
section.howwemakemoney {
    padding: 80px;
    display: flex;
    gap: 40px;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.howwemakemoney__container{
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 40px;
    align-self: stretch;
}
h3.howwemakemoney__title{
    color: var(--Absolute-White, #FFF);
    text-align: center;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Barlow;
    font-size: 38px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
h3.howwemakemoney__subtitle{
    color: var(--Grey-90, #E6E6E6);
text-align: center;
font-feature-settings: 'liga' off, 'clig' off;
font-family: Barlow;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
}
.howwemakemoney__container__leftrow{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    flex: 1 0 0;
}
.howwemakemoney__container__rightrow{

}
.howewemakemoney__firstcontainer{
    border-radius: 30px;
    border: 1px solid rgba(255, 255, 255, 0.70);
    background: rgba(9, 8, 9, 0.40);
    display: flex;
    padding: 20px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
}
.howwemakemoney__separator__row{
    display: flex;
    padding-right: 20px;
    align-items: center;
    gap: 34px;
    align-self: stretch;
    border-radius: 20px;
    background: linear-gradient(109deg, #1F5D58 -42.12%, #000100 104.81%);
}
.howwemakemoney__left__img{
    display: flex;
    padding-top: 19px;
    justify-content: center;
    align-items: center;
    flex: 1 0 0;
    border-radius: 0px 20px 20px 20px;
}
.howwemakemoney__right__text{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    flex: 1 0 0;
}
h3.howwemakemoney__title {
    color: var(--Absolute-White, #FFF);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    max-width: 427px;
    font-weight: 800;
    line-height: 28px;
    text-align: start;
}
.howwemakemoney__text {
    color: var(--Grey-90, #E6E6E6);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Barlow;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    max-width: 427px;
    line-height: 150%;
}
.howwemakemoney__container__rightrow {
    display: flex;
    width: 291px;
    padding: 20px 0px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
    border-radius: 30px;
    border: 1px solid rgba(255, 255, 255, 0.70);
    background: rgba(9, 8, 9, 0.40);
}
.howwemakemoney__container__rightrow_box{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    flex: 1 0 0;
    align-self: stretch;
    border-radius: 20px;
}
.howwemakemoney__container__rightrow_box__text{
    display: flex;
    padding: 0px 14px;
    justify-content: space-between;
    align-items: flex-start;
    align-self: stretch;
    border-radius: 20px;
}
.howwemakemoney__container__rightrow_box__text__content{
    display: flex;
    padding: 20px 20px 0px 20px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    flex: 1 0 0;
    border-radius: 20px;
    background: linear-gradient(196deg, #1F5D58 -48.31%, #000100 97.34%);
}
.howwemakemoney__container__rightrow_box__image{
    display: flex;
    padding-bottom: 66px;
    flex-direction: column;
    align-items: center;
    align-self: stretch;
    border-radius: 0px 0px 20px 20px;
}
.titleseparator {
    display: flex;
    gap: 10px;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.howewemakemoney__twocontainers{
    display: flex;
    align-items: flex-start;
    gap: 40px;
    align-self: stretch;
}
.howewemakemoney__twocontainers__first{
    display: flex;
    width: 620px;
    padding: 20px;
    align-items: flex-start;
    gap: 10px;
    border-radius: 30px;
    border: 1px solid rgba(255, 255, 255, 0.70);
    background: rgba(9, 8, 9, 0.40);
}
.howewemakemoney__twocontainers__first__content{
    display: flex;
    align-items: flex-end;
    flex: 1 0 0;
    border-radius: 20px;
    background: linear-gradient(73deg, #1F5D58 -36.46%, #000100 63.48%);
}
.howewemakemoney__twocontainers__first__content__text{
    display: flex;
    padding: 0px 20px 20px 20px;
    align-items: flex-start;
    gap: 10px;
    flex: 1 0 0;
}
.howewemakemoney__twocontainers__first__content__text__container{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    flex: 1 0 0;
}
h3.howwemakemoney__title__twocontainer{
    color: var(--Absolute-White, #FFF);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 800;
    line-height: 28px; /* 140% */
}
h3.howwemakemoney__subtitle__twocontainer{
    color: var(--Grey-90, #E6E6E6);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Barlow;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
}
.howewemakemoney__twocontainers__first__content__image{
    display: flex;
    height: 287px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 0px 20px 20px 0px;
}
.howewemakemoney__twocontainers__step {
    display: flex;
    max-width: 289px;
    padding: 20px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 10px;
    flex: 1 0 0;
    align-self: stretch;
    border-radius: 30px;
    border: 1px solid rgba(255, 255, 255, 0.70);
    background: rgba(9, 8, 9, 0.40);
}
.howewemakemoney__twocontainers__step__text__content{
    display: flex;
    padding: 20px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
    border-radius: 20px;
    background: linear-gradient(324deg, #1F5D58 -52.12%, #000100 84.47%);
}
h3.howewemakemoney__twocontainers__step__title {
    color: var(--Absolute-White, #FFF);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Inter;
    font-size: 20px;
    align-self: stretch;
    font-style: normal;
    font-weight: 800;
    line-height: 28px;
}
p.howewemakemoney__twocontainers__step__subtitle{
    color: var(--Grey-90, #E6E6E6);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Barlow;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
}

/* Our Values */
section.ourvalues{
    position: relative;
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 40px;
}

.ourvalues-bg{
    position: absolute;
    width: 100%;
    height: 100%;
}

.ourvalues-bg__video{
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}

.ourvalues__text__container{
    display: flex;
}
.ourvalues__text__container {
    display: flex;
    padding-top: 187px;
    padding-bottom: 187px;
    max-width: 600px;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}


/* Meet Our SEO */
section.meet-our-seo{

}
.meet-our-seo__container {
    display: flex;
    align-items: center;
    gap: 80px;
    padding: 80px;
    align-self: stretch;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
}
.meet-our-seo__container__left{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 31px;
    align-self: stretch;
}
h3.meet-our-seo__title{
    color: var(--Absolute-White, #FFF);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Barlow;
    font-size: 38px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
p.meet-our-seo__text {
    color: var(--Grey-90, #E6E6E6);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Barlow;
    font-size: 16px;
    font-style: normal;
    max-width: 600px;
    font-weight: 400;
    line-height: 150%;
}
img.meet-our-seo-right{
    border-radius: 30px;
}
p.meet-our-seo__subtext{
    color: var(--Absolute-White, #FFF);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 137.5% */
}
span.meet-our-seo__span{
    color: #FFF;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Barlow;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    background: linear-gradient(90deg, #D8DADB 0%, #70E9BD 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
button.meet-our-seo-click{
    display: flex;
    height: 48px;
    padding: 15px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 48px;
    background: #70EABC;
    color: #090809;
    font-family: Barlow;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border: none;
}

/* Why Chose Us */
.whychoseus::before {
    content: '';
    position: absolute;
    top: auto;
    left: 58%;
    transform: translate(-50%, -50%);
    width: 1066px;
    height: 553px;
    border-radius: 1066px;
    background: rgba(22, 67, 63, 0.80);
    filter: blur(160px);
    z-index: -1;
}
.whychoseus__container{
    padding: 80px;
}
.whychoseus__title{
    color: var(--Absolute-White, #FFF);
    text-align: center;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Barlow;
    font-size: 38px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.whychoseus__container{
    display: flex;
    align-items: center;
    gap: 80px;
    align-self: stretch;
}
.whychoseus__container__twocolumn {
    display: flex;
    align-items: center;
    gap: 40px;
    flex: 1 0 0;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
}
.whychoseus__container__column {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 40px;
    flex: 1 0 0;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
}
.whychoseus__container__column__box{
    max-width: 568px;
    display: flex;
    padding: 34px 26px;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
    border-radius: 30px;
    border: 1px solid rgba(255, 255, 255, 0.70);
    background: rgba(9, 8, 9, 0.40);
}
.whychoseus__container__column__box__card{
    
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 24px;
    flex: 1 0 0;
    border-radius: 20px;
}
span.whychoseus__container__column__box__card__number{
    color: #FFF;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Barlow;
    font-size: 60px;
    font-style: normal;
    font-weight: 600;
    line-height: 60px; /* 100% */
    background: linear-gradient(90deg, #D8DADB 0%, #70E9BD 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

}

h3.whycoseus__text__card{
    color: var(--Absolute-White, #FFF);
    font-family: Barlow;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%; /* 36px */
    letter-spacing: -0.144px;
}
p.whychoseus__text{
    color: var(--Grey-90, #E6E6E6);
    font-family: Barlow;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
}
/* Separator */
.separator{
    margin-top: 120px;
}

/* WantToLearn */
section.wanttolearn {
    background: url('./imgs/wanttolearn-bg.png') left bottom no-repeat;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.wanttolearn__container {
    padding: 80px;
    display: flex;
    gap: 80px;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: flex-start;
}

.wanttolearn__form{
    border-radius: 30px;
    border: 1px solid rgba(255, 255, 255, 0.70);
    background: rgba(9, 8, 9, 0.40);
    display: flex;
    padding: 20px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    flex: 1 0 0;
}
.wanttolearn__textcontainer {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 1 0 0;
    max-width: 600px;
}
h3.wanttolearn__text{
    color: var(--Absolute-White, #FFF);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Barlow;
    font-size: 38px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
p.wanttolearn__text{

}
.wanttolearn__form__container{
    display: flex;
    padding: 20px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
    border-radius: 20px;
background: linear-gradient(187deg, #1F5D58 -50.68%, #000100 167.27%);
}
.wanttolearn__form__container__column{
    display: flex;
    align-items: center;
    gap: 32px;
    align-self: stretch;
}
.wanttolearn__form__container__row{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    flex: 1 0 0;
}
.wanttolearn__form__container__row {
    display: flex;
    flex-direction: column;
    gap: 12px;
    flex: 1 0 0;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
}
.wanttolearn__form__container__input{
    display: flex;
    height: auto;
    padding: 18px 16px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 10px;
    color: #FFF;
    leading-trim: both;
    text-edge: cap;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Barlow;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    align-self: stretch;
    border-radius: 8px;
    border: 1px solid #FFF;
    background: #202324;
}
input.wanttolearn__form__container__input__message{
    display: flex;
height: 92px;
padding: 16px;
flex-direction: column;
align-items: flex-start;
gap: 10px;
align-self: stretch;
border-radius: 8px;
border: 1px solid #FFF;
color: #FFF;
leading-trim: both;
text-edge: cap;
font-feature-settings: 'liga' off, 'clig' off;
font-family: Barlow;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 150% */
background: #202324;
}

section.privacy {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.privacy__container {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    width: 75%;
    gap: 10px;
    align-items: flex-start;
}

button.wanttolearn__form__submit{
    border-radius: 58px;
    border: 1px solid #8F8F93;
    background: #70E9BD;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    display: flex;
    width: 150px;
    padding: 12px 20px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border: none;
}
form.wanttolearn {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 24px;
}

/* Contact */
section.contact {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
}
.contact__container{
    padding: 80px;
}
.contact__container__row{
    display: flex;
    align-items: flex-start;
    align-self: stretch;
}
.contact__container__row__adresscontainer{
    display: flex;
    align-items: flex-start;
    gap: 24px;
    flex: 1 0 0;
}
.contact__container__row__adresscontainer__block{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    flex: 1 0 0;
}
h3.contact__title{
    color: #FFF;
    text-align: center;
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
}
p.contact__subtext{
    color: #FFF;
    text-align: center;
    font-family: Barlow;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}
p.contact__subtext__bold{
    color: #FFF;
    text-align: center;
    font-family: Barlow;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 150% */
}
.contact__maps__board{
    display: flex;
    margin-top: 40px;
width: 100%;
height: 400px;
padding: 20px;
flex-direction: column;
align-items: flex-start;
gap: 10px;
border-radius: 30px;
border: 1px solid rgba(255, 255, 255, 0.70);
background: rgba(9, 8, 9, 0.60);
backdrop-filter: blur(15px);
}

/* Rank Achivement */
.rank__achivment__container {
    display: flex;
    padding: 80px;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    gap: 30px;
    align-items: center;
}
h3.rank__achivment__title{
    color: #FFF;
    text-align: center;
    font-family: Barlow;
    font-size: 38px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
}
p.rank__achivment__text{
    color: #E6E6E6;
text-align: center;
font-family: Barlow;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 150% */
}
.rank__achivment__container__column{
    display: inline-flex;
    align-items: center;
    gap: 40px;
}
.rank__achivment__container__column__box{
    display: flex;
    width: 180px;
    padding: 20px 0px;
    flex-direction: column;
    align-items: flex-start;
    border-radius: 30px;
    border: 1px solid rgba(255, 255, 255, 0.70);
    background: rgba(9, 8, 9, 0.40);
}
.rank__achivment__container__column__box__content{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    border-radius: 20px;
}
.rank__achivment__container__column__box__content__header{
    display: flex;
    padding: 0px 16px;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
}
.rank__achivment__container__column__box__content__header__content{
    display: flex;
    flex-direction: column;
    align-items: center;
    align-self: stretch;
}
.impact-on-turnover-mobile{
    display: none;
}
.rank__achivment__container__column__box__content__header__content__text {
    display: flex;
    padding-bottom: 8px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    flex-direction: column;
}
h3.heading__rank__achivment__container{
    text-align: center;
    font-family: Barlow;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px; /* 150% */
    background: linear-gradient(90deg, #D8DADB 0%, #70E9BD 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.heading__rank__achivment__container__counter{
    color: #FFF;
    text-align: center;
    font-family: Inter;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 57.6px */
}
p.heading__rank__achivment__container__teamstatus{
    color: #EBEBEB;
    text-align: center;
    font-family: Barlow;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 171.429% */
}
section.rank__percentage:before{
        content: '';
        position: absolute;
        top: auto;
        left: 58%;
        transform: translate(-50%, -50%);
        width: 1066px;
        height: 553px;
        border-radius: 1066px;
        background: rgba(22, 67, 63, 0.80);
        filter: blur(160px);
        z-index: -1;
}

.rank__percentage__container {
    padding: 80px;
    display: flex;
    gap: 30px;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.rank__percentage__button__container{
    border-radius: 50px;
    border: 1px solid #FFF;
    background: rgba(9, 8, 9, 0.60);
    display: inline-flex;
    height: 45px;
    padding: 0px 4px;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
}

button.rank__percentage__button__container {
    display: flex;
    padding: 10px 10px;
    align-items: flex-start;
    gap: 10px;
    color: #FFF;
    background: transparent;
    font-family: Barlow;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    border-radius: 26px;
    border: none;
}

button.rank__percentage__button__container.active {
    display: flex;
    padding: 8px 10px;
    align-items: flex-start;
    gap: 10px;
    border-radius: 26px;
    background: #FFF;
    color: #090809;
    font-family: Barlow;
    font-size: 14px;
    font-style: normal;
    height: 80%;
    font-weight: 600;
    line-height: 150%;
}
.rank__percentage__twocolumns {
    display: flex;
    flex-direction: row;
    gap: 10%;
}
h3.rank__percentage__text__main{
    color: var(--Absolute-White, #FFF);
    font-family: Barlow;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%; /* 36px */
    letter-spacing: -0.144px;
}
.rank__percentage__text {
    max-width: 494px;
}
p.rank__percentage__text__description{
    color: var(--Grey-90, #E6E6E6);
    font-family: Barlow;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
}
.rank__percentage__counter {
    min-width: 674px;
    display: flex;
    flex-direction: column;
    gap: 0px;
    height: auto;
    flex-shrink: 0;
}
.rank__percentage__counter__numbers{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
.rank__percentage__counter__numbers__num{
    margin-bottom: 5px;
    width:27px;
    height: 27px;
    border-radius: 40px;
    border: 1px solid rgba(255, 255, 255, 0.70);
    background: #205E59;
}
.rank__percentage__counter__numbers__num__separator{
    margin-top: 43px;
}
p.rank__percentage__counter__numbers__num {
    color: #FFF;
    text-align: center;
    font-family: Barlow;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    border: none;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
h3.rank__percentage__counter__name {
    color: #EBEBEB;
    text-align: center;
    margin-bottom: 10px;
    font-family: Barlow;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 81%;
    text-transform: capitalize;
}
.rank__percentage__counter__progress {
    margin-bottom: 5px;
    width: 100%;
    height: 27px;
    border-radius: 8px;
    display: flex;
    border: 1px solid rgba(255, 255, 255, 0.70);
    background: transperent;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.rank__percentage__counter__container {
    display: flex;
    gap: 14px;
}
.rank__percentage__counter__progress__percent{
    color: #FFF;
    text-align: center;
    font-family: Barlow;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%; /* 17.6px */
}
.black__rank{
    background: #030706;
}
.greenlight__rank{
    background: #194A45;
}
.greengray__rank{
    background: #143A37;
}
.greendark__rank{
    background: #11312E;;
}
.greendarkest__rank{
    background: #0B1F1D;
}
.rank__percentage__counter__progress__container {
    width: 100%;
}
h3.rank__percentage__counter__container__level__text{
    color: #EBEBEB;
    text-align: center;
    font-family: Barlow;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 81%; /* 11.34px */
    text-transform: capitalize;
    width: 100%;
    transform: rotate(-90deg);
    flex-shrink: 0;
    align-self: stretch;
}
.rank__percentage__counter__container__level {
    display: flex;
    width: auto;
    align-items: center;
    gap: 10px;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
}

/* Linear Team */

section.linear__team {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    background: url('./imgs/right-ref-bg.png') right top no-repeat,
                url('./imgs/left-ref-bg.png') left bottom no-repeat;
}


.linear__team__container{
    padding: 80px;
}
h3.linear__team__title{
    color: #FFF;
    text-align: center;
    font-family: Barlow;
    font-size: 38px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
}
p.linear__team__text{
    color: #E6E6E6;
    text-align: center;
    font-family: Barlow;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}
.linear__team__container__textcontainer{
    max-width: 780px;
}
object.linear-team{
    max-width: 780px;
}

/* Impact on Turnover */
section.impact-on-turnover {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.impact-on-turnover__container{
    padding: 80px;
}
h3.impact-on-turnover__title{
    color: #FFF;
    text-align: center;
    font-family: Barlow;
    font-size: 38px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
}
p.impact-on-turnover__text{
    color: #E6E6E6;
    text-align: center;
    font-family: Barlow;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}
.open__rank__percentage__alllevels{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    gap: 0px;
    max-width: 100%;
    max-height: 44px;
    margin-top: 10px;
}
p.open__rank__percentage__alllevels__text{
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 14px;
    line-height: 171%;
    letter-spacing: -0.01em;
    text-transform: uppercase;
    text-align: center;
    color: #70eabc;
}
.iti__country-list{
    background-color: #232626 !important;
}
.iti__country-list::-webkit-scrollbar {
    width: 8px;
    border-radius: 23px;
    background-color: #232626 !important;
    overflow-y: hidden;
}
#phoneInput .letter {
    border: 1px solid #70eabc !important;
}
button.cmn-btn.reset {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    gap: 10px;
    border-radius: 45px;
    padding: 14px 20px;
    width: 100%;
    height: 45px;
    background: #70eabc;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 14px;
    color: #262626;
    border: none;
}
.form-control.reset-email {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 14px;
    color: #262626;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
    border-radius: 8px;
    padding: 18px 16px;
    width: 100%;
    height: 44px;
    color: #fff;
    background: #202324;
}
.footer__nav-container {
    display: flex;
    flex-direction: row;
    width: 50%;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-content: center;
    align-items: center;
}
.footer__link.button__register:hover{
    color: #000;
}
section.roadmap {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.roadmap__container__firstrow__roadmapcontainer {
    display: flex;
    flex-direction: column;
}
.roadmap__container {
    display: flex;
}
span.roadmap__container__firstrow__year {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 60px;
    /* line-height: 60px; */
    display: flex;
    line-height: 100%;
    /* text-align: end; */
    background: linear-gradient(180deg, #d8dadb 0%, #70e9bd 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
}
p.roadmap__container__firstrow__greenbox__text {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    /* line-height: 24px; */
    line-height: 150%;
    text-align: right;
    color: #e6e6e6;
}
.roadmap__container__firstrow__greenbox {
    /* background: #fff; */
    background: linear-gradient(143deg, #1f5d58 0%, #000100 100%);
    border-radius: 10px;
    padding: 16px;
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    gap: 10px;
}
.roadmap__container__firstrow__roadmapcontainer.right {
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 256px;
    margin-left: 32px;
}
.roadmap__container__firstrow__roadmapcontainer {
    display: flex;
    gap: 10px;
    flex-direction: column;
}
.roadmap__container__firstrow__roadmapcontainer {
    display: flex;
    gap: 10px;
    margin-top: 315px;
    flex-direction: column;
    margin-right: 35px;
}
.roadmap__container__firstrow__roadmapcontainer.right > span.roadmap__container__firstrow__year{
    display: flex;
    align-items: flex-start;
}
@media screen and (max-width: 920px) {
    header.header {
        display: none;
    }
}
@media screen and (max-width: 920px) {
    body{
        background:#050411;
    }
    body.login {
        background-color: #050411;
        background-image: url(./imgs/circle-login.png);
        background-repeat: no-repeat;
        background-position: center bottom 139%;
    }

}
@media screen and (max-width: 920px) {
    .login__container {
        display: flex;
        width: 100%;
        flex-direction: column;
        align-items: center;
        margin-left: 16px;
        gap: 32px;
        padding-right: 16px;
        padding-left: 16px;
    }
}
@media screen and (max-width: 920px) {

    p.rank__percentage__text__main{
        margin-bottom: 24px;
    }
    .rank__percentage__button__container{
        overflow-y: hidden;
    }

    .rank__percentage__container,
    .linear__team__container {
        padding: 16px;
    }

    .features {
        display: flex;
        position: relative;
        top: -226px;
        justify-content: center;
        padding: 40px 16px;
        border-radius: 15px;
        max-width: 1200px;
        width: 100%;
        z-index: 2;
        margin: 0 auto;
    }
    .features__container {
        display: flex;
        background: linear-gradient(109deg, #1F5D58 -42.23%, #000100 117.71%);
        border-radius: 30px;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
    }
}
@media screen and (max-width: 920px) {
    .calculator__container {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        margin-top: 40px;
        gap: 40px;
    }
}
@media screen and (max-width: 920px) {
    .plan__row {
        display: flex;
        gap: 40px;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
    }
}
@media screen and (max-width: 920px) {
    .footer {
        background-color: #232626;
        padding: 40px 16px;
        color: #b0b0b0;
        display: flex;
        align-items: flex-start;
        margin-top: 120px;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
    }
}
@media screen and (max-width: 920px) {
    .footer__nav-container {
        display: flex;
        flex-direction: row;
        width: 50%;
        flex-wrap: nowrap;
        justify-content: space-around;
        margin-top: 38px;
        margin-bottom: 38px;
        align-content: center;
        align-items: center;
        width: 100%;
    }
}
@media screen and (max-width: 920px) {
    .footer__buttons {
        display: flex;
        gap: 10px;
        width: 100%;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
    }
}
@media screen and (max-width: 920px) {
    .footer__link.button__register {
        display: flex;
        padding: 12px 18px;
        align-items: center;
        gap: 8px;
        border-radius: 36px;
        background: #FDFDFD;
        color: #090809;
        font-family: Barlow;
        font-size: 14px;
        text-align: center;
        width: 100%;
        font-style: normal;
        font-weight: 500;
        line-height: 150%;
        justify-content: center;
        align-content: center;
    }
}
@media screen and (max-width: 920px) {
    a.footer__link.button__login {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        align-content: center;
    }
}
@media screen and (max-width: 920px) {
    p.footer_stay {
        display: none;
    }
}
@media screen and (max-width: 920px) {
    .footer__step {
        padding: 16px;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: space-between;
        align-items: center;
    }
}
@media screen and (max-width: 920px) {
    .login__form {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
        width: 100%;
        transform: scale(1);
        align-self: stretch;
        padding-left: 16px;
        /* margin-left: 0px; */
        padding-right: 16px;
    }
}
@media screen and (max-width: 920px) {
    .login__form {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
        width: 100%;
        align-self: stretch;
        padding-left: 16px;
        /* margin-left: 0px; */
        padding-right: 16px;
    }
    .login__form.register {
        transform: scale(0.7);
    }
}
@media screen and (max-width: 920px) {
    .companies__logos {
        display: flex;
        justify-content: center;
        gap: 20px;
        flex-wrap: nowrap;
        overflow-x: auto;
        max-width: 400px;
    }
    .companies__logos {
        display: flex;
        margin-left: 30px;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: flex-start;
        align-items: center;
    }
}
@media screen and (max-width: 920px) {
    .calculator::before {
        content: '';
        position: absolute;
        top: auto;
        left: 58%;
        transform: translate(-50%, -50%);
        width: 100%;
        height: 553px;
        border-radius: 1066px;
        background: rgba(22, 67, 63, 0.80);
        filter: blur(160px);
        z-index: -1;
    }
}
@media screen and (max-width: 920px) {
    .calculator__form {
        display: flex;
        flex-direction: column;
        min-width: 50%;
        gap: 60px;
        margin-bottom: 20px;
        width: 100%;
    }
}
@media screen and (max-width: 920px) {
    .calculator__result {
        width: 100%;
        height: 314px;
        flex-shrink: 0;
        text-align: center;
        padding: 40px 24px 40px 24px;
        background-color: #1b1b1b;
        border-radius: 35px;
        background: url('./imgs/calculator-bg.png');
        background-position: center center;
        background-repeat: no-repeat;
        box-sizing: border-box;
    }
}
@media screen and (max-width: 920px) {
    .calculator::before{
        display: none;
    }
}
@media screen and (max-width: 920px) {
    .calculator {
        display: flex;
        flex-wrap: nowrap;
        width: 100%;
        padding: 16px;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
}
@media screen and (max-width: 920px) {
    .dashboard__header-mobile-contaner {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: space-between;
        width: 100%;
        padding: 16px;
        align-items: center;
    }
}
@media screen and (max-width: 920px) {
    a.dashboard__leftmenu__link__active {
        white-space: nowrap;
    }
}
@media screen and (max-width: 920px) {
    section.dashboard__mainsection {
        padding: 0px;
    }
}
@media screen and (max-width: 920px) {
    .mydeposit__container {
        min-width: 97%;


    }
}
@media screen and (max-width: 920px) {
    label.dashboard__mainaccount__row__container__left__head__history__rightside__filtertag{
        display: none;
    }
}
@media screen and (max-width: 920px) {
    div#openheadermobile {
        /* background: black; */
        border-radius: 6px;
        /* padding: 6px; */
        width: 46px;
        height: 46px;
        background: rgba(9, 8, 9, 0.6);
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: row;
        gap: 8px;
        align-content: center;
    }
}
@media screen and (max-width: 920px) {
    .dashboard__mainaccount {
        display: flex;
        width: 100%;
        height: auto;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
    }
}
@media screen and (max-width: 920px) {
    .dashboard__mainaccount__row__container__left__container {
        display: flex;
        flex-direction: column;
        gap: 16px;
        align-content: center;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
    }
}
@media screen and (max-width: 920px) {
    .dashboard__mystats {
        margin-left: 16px;
        margin-right: 16px;
        margin-bottom: 32px;
    }
}
@media screen and (max-width: 920px) {
    .dashboard__mainaccount__row__container__left {
        width: 100%;
        margin-left: 16px;
        margin-right: 16px;
    }
}
@media screen and (max-width: 920px) {
    .dashboard__mainaccount__row__container__left__depositcontainer {
        margin-bottom: 32px;
    }
}
@media screen and (max-width: 920px) {
    .dashboard__opendeposit__modal__container {
        width: 90%;
        height: 596px;
        backdrop-filter: blur(30px);
        background: url('./imgs/modal-deposit-bg.png') no-repeat center center;
        border-radius: 30px;
    }
}
@media screen and (max-width: 920px) {
    span.dashboard__mainaccount__row__container__left__depositcontainer__depositbox__from__span {
        font-family: var(--font-family);
        font-weight: 400;
        font-size: 16px;
        /* line-height: 24px; */
        line-height: 150%;
        color: #fff;
        display: flex;
        position: absolute;
        right: 25px;
        top: 45.5%;
        transform: translateY(-50%);
        flex-direction: row;
        flex-wrap: nowrap;
        gap: 16px;
        align-content: center;
        justify-content: center;
        align-items: center;
    }
}
@media screen and (max-width: 920px) {
    label.dashboard__mainaccount__row__container__left__depositcontainer__depositbox__from__form__label {
        font-family: var(--font-family);
        font-weight: 500;
        font-size: 13px;
        /* line-height: 20px; */
        line-height: 125%;
        color: #fff;
    }
}
@media screen and (max-width: 920px) {
    .dropdown-menu {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        font-family: var(--font-family);
        font-weight: 400;
        font-size: 16px;
        /* line-height: 24px; */
        line-height: 150%;
        color: #fff;
        position: absolute;
        right: 15px;
        gap: 11px;
        top: 62.5%;
        transform: translateY(-50%);
        background: #202324;
        padding: 12px;
        border-radius: 18px;
        border: 1px solid #ffffff34;
    }
}
@media screen and (max-width: 920px) {
    .dashboard__mainaccount__row__container__left__depositcontainer__depositbox__from__cryptoplan {
        display: flex;
        flex-direction: column;
        gap: 8px;
        align-items: flex-start;
    }
}
@media screen and (max-width: 920px) {
    span.dashboard__mainaccount__row__container__left__depositcontainer__depositbox__percent__value {
        font-family: var(--font-family);
        font-weight: 600;
        font-size: 32px;
        /* line-height: 58px; */
        line-height: 120%;
        color: #fff;
    }
}
@media screen and (max-width: 920px) {
    .mydeposit__container__aboutplan__leftsideplaninfo__onerow {
        display: flex;
        flex-direction: column;
        gap: 8px;
        justify-content: center;
        align-content: center;
        align-items: flex-start;
        flex-wrap: nowrap;
    }
}
@media screen and (max-width: 920px) {
    p.dashboard__header__mobile__step-avatarcontainer__fullnamed {
        font-family: var(--font-family);
        font-weight: 600;
        font-size: 20px;
        /* line-height: 24px; */
        line-height: 120%;
        color: #fff;
    }
}
@media screen and (max-width: 920px) {
    .dashboard__header__mobile__step {
        display: flex;
        width: 100%;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: space-around;
        height: 100%;
        align-items: center;
    }
}
@media screen and (max-width: 920px) {
    .dashboard__header__mobile__step-avatarcontainer {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        gap: 14px;
        align-items: center;
        margin-bottom: 16px;
    }
}
@media screen and (max-width: 920px) {
    .dashboard__mainaccount__row__container__history__container {
        display: flex;
        border-radius: 10px;
        width: 100%;
        /* margin-left: 16px; */
        box-sizing: border-box;
        /* margin-right: 16px; */
        height: 64px;
        background: rgba(237, 234, 239, 0.05);
        background: linear-gradient(143deg, #1f5d58 0%, #000100 100%);
        padding: 8px;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: flex-start;
        align-items: center;
        overflow-x: hidden;
        overflow: hidden;
    }
}
@media screen and (max-width: 920px) {
    a.mobile-step-link {
        font-family: var(--font-family);
        font-weight: 600;
        font-size: 20px;
        /* line-height: 30px; */
        line-height: 150%;
        color: #fff;
    }
}
@media screen and (max-width: 920px) {
    .dashboard__header__mobile__step-navcontainer {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        gap: 38px;
    }
}
@media screen and (max-width: 920px) {
    .dashboard__header__mobile__step-twobtns__navcontainer {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        gap: 16px;
        margin-top: 16px;
    }
}
@media screen and (max-width: 920px) {
    a.dashboard__header__mobile__step-twobtns__navcontainer__link {
        border: 1px solid #ffffff34;
        font-family: var(--font-family);
        font-weight: 500;
        font-size: 22px;
        /* line-height: 21px; */
        line-height: 150%;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: row;
        border-radius: 36px;
        padding: 12px 18px;
        width: 343px;
        height: 45px;
        gap: 8px;
        border-radius: 36px;
        padding: 12px 18px;
        width: 343px;
        height: 45px;
    }
}
@media screen and (max-width: 920px) {
    a.dashboard__header__mobile__step-twobtns__navcontainer__link.logout{
        background: #fdfdfd;
        font-family: var(--font-family);
        font-weight: 500;
        font-size: 14px;

        /* line-height: 21px; */
        line-height: 150%;
        color: #090809;
    }
}
@media screen and (max-width: 920px) {
    .about__grid {
        display: flex;
        flex-direction: column;
        padding: 16px;
        align-items: flex-start;
        align-self: stretch;
    }
}
@media screen and (max-width: 920px) {
    .about__column {
        display: flex;
        align-items: center;
        gap: 80px;
        align-self: stretch;
        flex-direction: column;
    }
}
@media screen and (max-width: 920px) {
    .our_mission__card__row {
        display: flex;
        align-items: center;
        gap: 40px;
        align-self: stretch;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
    }
}
@media screen and (max-width: 920px) {
    .howwemakemoney__separator__row {
        display: flex;
        padding-right: 20px;
        align-items: center;
        gap: 34px;
        align-self: stretch;
        border-radius: 20px;
        background: linear-gradient(109deg, #1F5D58 -42.12%, #000100 104.81%);
        flex-direction: column;
    }
}
@media screen and (max-width: 920px) {
    .howwemakemoney__container {
        display: flex;
        align-items: center;
        width: 100%;
        gap: 40px;
        align-self: stretch;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
    }
    .howewemakemoney__twocontainers {
        display: flex;
        align-items: center;
        gap: 40px;
        align-self: stretch;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
    }
    .whychoseus__container__column {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 40px;
        flex: 1 0 0;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
    }
    .whychoseus::before{
        display: none;
    }
    img.about__eth {
        width: 100%;
    }
    img.resource__img__about {
        width: 100%;
    }
    .howewemakemoney__twocontainers__first__content {
        display: flex;
        align-items: flex-end;
        flex: 1 0 0;
        border-radius: 20px;
        background: linear-gradient(73deg, #1F5D58 -36.46%, #000100 63.48%);
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
    }
    .meet-our-seo__container {
        display: flex;
        align-items: center;
        gap: 80px;
        padding: 80px;
        width: 100%;
        align-self: stretch;
        flex-direction: column;
        height: auto;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
    }
    .howewemakemoney__twocontainers__first {
        display: flex;
        width: 100%;
        padding: 20px;
        align-items: flex-start;
        gap: 10px;
        border-radius: 30px;
        border: 1px solid rgba(255, 255, 255, 0.70);
        background: rgba(9, 8, 9, 0.40);
    }
    .wanttolearn__container {
        padding: 16px;
        display: flex;
        /* gap: 80px; */
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
    }
}
@media screen and (max-width: 920px) {
    .dashboard__header__mobile__step-linkcontainer {
        display: flex;
        gap: 16px;
        width: 100%;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
    }
}
@media screen and (max-width: 920px) {
    .plan {
        display: inline-block;
        padding: 20px;
        margin: 10px;
        width: 90%;
        border-radius: 30px;
        border: 1px solid rgba(255, 255, 255, 0.70);
        background: rgba(9, 8, 9, 0.40);
    }
}
@media screen and (max-width: 920px) {
    .about__column:nth-child(2) {
        display: flex;
        flex-direction: column-reverse;
    }
}
@media screen and (max-width: 920px) {
    .our_mission::before {
        display: none;
    }
}
@media screen and (max-width: 920px) {
    .wanttolearn__form__container__input {
        display: flex;
        height: auto;
        padding: 18px 16px;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: 10px;
        color: #FFF;
        leading-trim: both;
        text-edge: cap;
        font-feature-settings: 'liga' off, 'clig' off;
        font-family: Barlow;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        align-self: stretch;
        width: 100%;
        border-radius: 8px;
        border: 1px solid #FFF;
        background: #202324;
    }
}
@media screen and (max-width: 920px) {
    .ourvalues__text__container {
        display: flex;
        padding-top: 187px;
        padding-bottom: 187px;
        max-width: 100%;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
    }
}
@media screen and (max-width: 920px) {
    .meet-our-seo__container__right {
        width: 100%;
    }
    .meet-our-seo__container__left {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 31px;
        align-self: stretch;
        width: 100%;
    }

}
@media screen and (max-width: 920px) {
    img.meet-our-seo-right {
        width: 100%;
        border-radius: 30px;
    }
}
@media screen and (max-width: 920px) {
    .rank__achivment__container {
        display: flex;
        padding: 16px;
        flex-direction: column;
        flex-wrap: wrap;
        align-content: center;
        justify-content: center;
        gap: 30px;
        align-items: center;
    }
}
@media screen and (max-width: 920px) {
    .rank__percentage__button__container {
        border-radius: 50px;
        border: 1px solid #FFF;
        background: rgba(9, 8, 9, 0.60);
        display: inline-flex;
        height: 45px;
        padding: 0px 4px;
        align-items: center;
        gap: 4px;
        flex-shrink: 0;
        max-width: 300px;
        overflow-x: auto;
    }
}
@media screen and (max-width: 920px) {
    .rank__achivment__container__column {
        display: inline-flex;
        align-items: center;
        gap: 40px;
        width: 100%;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: center;
        justify-content: center;
    }
}
@media screen and (max-width: 920px) {
    .rank__achivment__container__column__box {
        display: flex;
        width: 25%;
        padding: 20px 0px;
        flex-direction: column;
        align-items: flex-start;
        border-radius: 30px;
        border: 1px solid rgba(255, 255, 255, 0.70);
        background: rgba(9, 8, 9, 0.40);
    }
}
@media screen and (max-width: 920px) {
    .heading__rank__achivment__container__counter {
        color: #FFF;
        text-align: center;
        font-family: Inter;
        font-size: 30px;
        font-style: normal;
        font-weight: 600;
        white-space: nowrap;
        line-height: 120%;
    }
    h3.heading__rank__achivment__container {
        text-align: center;
        font-family: Barlow;
        font-size: 16px;
        white-space: nowrap;
        font-style: normal;
        font-weight: 600;
        line-height: 30px;
        background: linear-gradient(90deg, #D8DADB 0%, #70E9BD 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
}
@media screen and (max-width: 920px) {
    .rank__percentage__twocolumns {
        display: flex;
        flex-direction: column;
        gap: 10%;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
    }
}
@media screen and (max-width: 920px) {
    .rank__percentage__counter {
        min-width: 100%;
        display: flex;
        flex-direction: column;
        gap: 0px;
        height: auto;
        flex-shrink: 0;
    }
}
@media screen and (max-width: 920px) {
    .linear__team__container__textcontainer {
        max-width: 100%;
    }
}
@media screen and (max-width: 920px) {
    .impact-on-turnover__container {
        padding: 16px;
        /* width: 100%; */
        transform: scale(0.3);
    }
    object.linear-team {
        max-width: 100%;
    }
}
@media screen and (max-width: 920px) {
    section.rank__percentage:before{
        display: none;
    }
}
@media screen and (max-width: 920px) {
    .impact-on-turnover-mobile{
        display: flex;
    }
    object.impact-on-turnover {
        display: none;
    }
    .impact-on-turnover__container {
        padding: 16px;
        /* width: 100%; */
        transform: scale(1);
    }
}
@media screen and (max-width: 920px) {
    .contact__container {
        padding: 16px;
    }
}
@media screen and (max-width: 920px) {
    .roadmap__container__firstrow__roadmapcontainer {
        display: flex;
        gap: 10px;
        margin-top: 100px;
        flex-direction: column;
        margin-right: 4px;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
    }
}
@media screen and (max-width: 920px) {
    .roadmap__container__firstrow__roadmapcontainer.right {
        margin-top: 40px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: 10px;
        margin-bottom: 40px;
        margin-left: 0px;
    }
    .roadmap__container__firstrow__greenbox {
        /* background: #fff; */
        background: linear-gradient(143deg, #1f5d58 0%, #000100 100%);
        border-radius: 10px;
        padding: 16px;
        width: 90%;
        height: auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: row;
        gap: 10px;
    }
}
@media screen and (max-width: 920px) {
    p.roadmap__container__firstrow__greenbox__text {
        font-family: var(--font-family);
        font-weight: 400;
        font-size: 16px;
        /* line-height: 24px; */
        /* text-align: left; */
        line-height: 150%;
        text-align: center;
        color: #e6e6e6;
    }
}
@media screen and (max-width: 920px) {
    span.calculator__profit {
        font-size: 38px;
    }
}
@media screen and (max-width: 920px) {

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

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

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

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

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

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

}

.breadcrumbs__title-p{
    max-width: 700px;
    text-align: center;
    margin-top: 10px
}