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

body {
    font-family: 'PT Sans', sans-serif;
    font-size: 16px;
    background: #FFFFFF;
    webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

input::-webkit-input-placeholder {
    color: #12333C;
    margin-bottom: 5px;
}

input::-moz-placeholder {
    color: #12333C;
    opacity: 1;
    margin-bottom: 5px;
}

input::placeholder {
    color: #12333C;
}

input[type=range] {
    position: relative;
    margin: 10px 0;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
    width: 100%;
}

input[type=range]:focus {
    outline: none;
}

input[type=range]::-webkit-slider-runnable-track {
    height: 8px;
}

input[type=range]::-moz-range-track {
    height: 8px;
    background: #F3F4F5;
}

input[type="range"]::-moz-range-progress {
    background: linear-gradient(315deg, #D39433 0%, #FDE47F 100%);
    height: 8px;
}

.swiper {
    width: 700px;
    height: 100%;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.mt-44 {
    margin-top: 44px;
}

.ml-50 {
    margin-left: 50px;
}

.swiper-button-prev {
    background: url("../img/slider-prev.png");
}

.swiper-button-next, .swiper-button-prev {
    width: 24px !important;
    height: 24px !important;
}

.swiper-button-next {
    left: 275px !important;
}

.swiper-button-prev {
    left: 113px !important;
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    content: '' !important;
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    content: '' !important;
}

.swiper-nav {
    position: relative;
    margin-top: 32px;
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    left: -145px !important;
    bottom: 4px !important;
}

.swiper-pagination-bullet {
    background: #F3F4F5 !important;
    opacity: 1 !important;
    width: 8px !important;
    height: 8px !important;
    -webkit-clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);
    clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);
}

.swiper-pagination-bullet-active {
    background: linear-gradient(315deg, #D39433 0%, #FDE47F 100%) !important;
    width: 12px !important;
    height: 12px !important;
    position: relative !important;
    top: 3px !important;
}

.swiper-button-next {
    background: url("../img/slider-next.png");
}

input[type=range]::-moz-range-thumb {
    -webkit-appearance: none;
    appearance: none;
    margin-top: -9px; /* Centers thumb on the track */
    height: 26px;
    width: 27px;
    background: url("../img/input-thumb.svg") center no-repeat, transparent;
    border: none;
}

input[type=range]::-ms-thumb {
    -webkit-appearance: none;
    appearance: none;
    margin-top: -9px;
    height: 26px;
    width: 26px;
    background: linear-gradient(315deg, #D39433 0%, #FDE47F 100%);
    border: 8px solid #1D2228;
    border-radius: 12px;
    -webkit-clip-path: polygon(92.32051% 40%, 93.79385% 43.1596%, 94.69616% 46.52704%, 95% 50%, 94.69616% 53.47296%, 93.79385% 56.8404%, 92.32051% 60%, 79.82051% 81.65064%, 77.82089% 84.50639%, 75.35575% 86.97152%, 72.5% 88.97114%, 69.3404% 90.44449%, 65.97296% 91.34679%, 62.5% 91.65064%, 37.5% 91.65064%, 34.02704% 91.34679%, 30.6596% 90.44449%, 27.5% 88.97114%, 24.64425% 86.97152%, 22.17911% 84.50639%, 20.17949% 81.65064%, 7.67949% 60%, 6.20615% 56.8404%, 5.30384% 53.47296%, 5% 50%, 5.30384% 46.52704%, 6.20615% 43.1596%, 7.67949% 40%, 20.17949% 18.34936%, 22.17911% 15.49361%, 24.64425% 13.02848%, 27.5% 11.02886%, 30.6596% 9.55551%, 34.02704% 8.65321%, 37.5% 8.34936%, 62.5% 8.34936%, 65.97296% 8.65321%, 69.3404% 9.55551%, 72.5% 11.02886%, 75.35575% 13.02848%, 77.82089% 15.49361%, 79.82051% 18.34936%);
    clip-path: polygon(92.32051% 40%, 93.79385% 43.1596%, 94.69616% 46.52704%, 95% 50%, 94.69616% 53.47296%, 93.79385% 56.8404%, 92.32051% 60%, 79.82051% 81.65064%, 77.82089% 84.50639%, 75.35575% 86.97152%, 72.5% 88.97114%, 69.3404% 90.44449%, 65.97296% 91.34679%, 62.5% 91.65064%, 37.5% 91.65064%, 34.02704% 91.34679%, 30.6596% 90.44449%, 27.5% 88.97114%, 24.64425% 86.97152%, 22.17911% 84.50639%, 20.17949% 81.65064%, 7.67949% 60%, 6.20615% 56.8404%, 5.30384% 53.47296%, 5% 50%, 5.30384% 46.52704%, 6.20615% 43.1596%, 7.67949% 40%, 20.17949% 18.34936%, 22.17911% 15.49361%, 24.64425% 13.02848%, 27.5% 11.02886%, 30.6596% 9.55551%, 34.02704% 8.65321%, 37.5% 8.34936%, 62.5% 8.34936%, 65.97296% 8.65321%, 69.3404% 9.55551%, 72.5% 11.02886%, 75.35575% 13.02848%, 77.82089% 15.49361%, 79.82051% 18.34936%);
}

/*input[type=range]::-webkit-slider-thumb {*/
/*    -webkit-appearance: none; !* Override default look *!*/
/*    appearance: none;*/
/*    margin-top: -9px; !* Centers thumb on the track *!*/
/*    height: 26px;*/
/*    width: 27px;*/
/*    background: url("../img/input-thumb.svg") center no-repeat, transparent;*/
/*    border: none;*/
/*}*/

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    margin-top: -9px;
    height: 26px;
    width: 26px;
    background: linear-gradient(315deg, #D39433 0%, #FDE47F 100%);
    border: 8px solid #1D2228;
    border-radius: 12px;
    -webkit-clip-path: polygon(92.32051% 40%, 93.79385% 43.1596%, 94.69616% 46.52704%, 95% 50%, 94.69616% 53.47296%, 93.79385% 56.8404%, 92.32051% 60%, 79.82051% 81.65064%, 77.82089% 84.50639%, 75.35575% 86.97152%, 72.5% 88.97114%, 69.3404% 90.44449%, 65.97296% 91.34679%, 62.5% 91.65064%, 37.5% 91.65064%, 34.02704% 91.34679%, 30.6596% 90.44449%, 27.5% 88.97114%, 24.64425% 86.97152%, 22.17911% 84.50639%, 20.17949% 81.65064%, 7.67949% 60%, 6.20615% 56.8404%, 5.30384% 53.47296%, 5% 50%, 5.30384% 46.52704%, 6.20615% 43.1596%, 7.67949% 40%, 20.17949% 18.34936%, 22.17911% 15.49361%, 24.64425% 13.02848%, 27.5% 11.02886%, 30.6596% 9.55551%, 34.02704% 8.65321%, 37.5% 8.34936%, 62.5% 8.34936%, 65.97296% 8.65321%, 69.3404% 9.55551%, 72.5% 11.02886%, 75.35575% 13.02848%, 77.82089% 15.49361%, 79.82051% 18.34936%);
    clip-path: polygon(92.32051% 40%, 93.79385% 43.1596%, 94.69616% 46.52704%, 95% 50%, 94.69616% 53.47296%, 93.79385% 56.8404%, 92.32051% 60%, 79.82051% 81.65064%, 77.82089% 84.50639%, 75.35575% 86.97152%, 72.5% 88.97114%, 69.3404% 90.44449%, 65.97296% 91.34679%, 62.5% 91.65064%, 37.5% 91.65064%, 34.02704% 91.34679%, 30.6596% 90.44449%, 27.5% 88.97114%, 24.64425% 86.97152%, 22.17911% 84.50639%, 20.17949% 81.65064%, 7.67949% 60%, 6.20615% 56.8404%, 5.30384% 53.47296%, 5% 50%, 5.30384% 46.52704%, 6.20615% 43.1596%, 7.67949% 40%, 20.17949% 18.34936%, 22.17911% 15.49361%, 24.64425% 13.02848%, 27.5% 11.02886%, 30.6596% 9.55551%, 34.02704% 8.65321%, 37.5% 8.34936%, 62.5% 8.34936%, 65.97296% 8.65321%, 69.3404% 9.55551%, 72.5% 11.02886%, 75.35575% 13.02848%, 77.82089% 15.49361%, 79.82051% 18.34936%);
}

.calculator .sum_up .input__wrapper input {
    border-radius: 48px;
    border: 1px solid #F3F4F5;
    width: 100px;
    height: 35px;
    font-family: 'PT Sans', sans-serif;
    color: #1D2228;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 900;
    line-height: 120%;
}

.media-1024-flex {
    display: none !important;
}

.calculator .sum_up .input__wrapper input::placeholder {
    color: #1D2228;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 900;
    line-height: 120%;
}

.container {
    max-width: 1290px;
    margin: 0 auto;
    padding: 0 30px;
}

.fw-400 {
    font-weight: 400 !important;
}

.text {
    color: #4F5D6D;
    font-size: 18px;
    font-weight: 700;
    line-height: 25.20px;
    word-wrap: break-word
}

.gold-bg-text {
    background: linear-gradient(311deg, #D39433 0%, #FDE47F 100%);
    border-radius: 8px;
    height: 34px;
    padding: 2px;
}

.btn {
    font-family: 'PT Sans', sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(315deg, #D39433 0%, #FDE47F 100%);
    color: #1D2228;
    text-align: center;
    font-size: 10px;
    font-weight: 700;
    width: 100%;
    text-transform: uppercase;
    border: none;
    cursor: pointer;
    border-radius: 8px;
    transition: .3s all linear;
}

.btn-black {
    background: #1D2228;
    color: #FDE47F;
}

.btn:hover {
    transform: scale(1.05);
}

.btn-sm {
    width: 88px;
    height: 28px;
}

.btn-md {
    max-width: 220px;
    height: 51px;
    font-size: 16px;
}

.btn-lg {
    max-width: 342px;
    height: 51px;
    font-size: 16px;
}

h1 {
    font-size: 48px;
    font-weight: 700;
    line-height: 120%;
}

h2 {
    color: #1C1C1C;
    text-align: center;
    font-size: 28px;
    font-weight: 700;
    line-height: 120%;
}

h3 {
    color: #1D2228;
    font-size: 16px;
    line-height: 140%;
}

.fw-700 {
    font-weight: 700 !important;
}

/* header */
header {
    background: #1D2228;
    height: 70px;
    position: fixed;
    width: 100%;
    padding-top: 14px;
    z-index: 998;
    border-bottom: 2px solid #D39433;
}

header .header__wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.nav-list {
    display: flex;
    gap: 16px;
}

.nav-list li a {
    color: #FFF;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

.nav-list li {
    transition: .3s all linear;
}

.nav-list li:hover {
    transform: scale(1.05);
}

header .header__wrapper .header-btns {
    display: flex;
    align-items: center;
    gap: 12px;
}

/* first screen */

section.first-screen {
    padding-top: 182px;
    min-height: 900px;
    background: url("../img/first-screen-bg.png") no-repeat, #1D2228;
    position: relative;
    background-position-y: 310px;
}

section.first-screen .first-screen__wrapper {
    display: flex;
    justify-content: space-between;
}

section.first-screen .more {
    color: #FFF;
    font-size: 14px;
    font-weight: 400;
    opacity: .4;
    line-height: 140%;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 10px;
    margin-top: 70px;
}

section.first-screen h1 {
    color: #FFFFFF;
    max-width: 438px;
    margin-bottom: 24px;
}

section.first-screen span.h1 {
    display: block;
    color: #FFFFFF;
    max-width: 438px;
    margin: 0 0 24px;
    font-size: 48px;
    font-weight: 700;
    line-height: 120%;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    text-decoration: none;
}

section.first-screen .text {
    color: #FFFFFF !important;
    font-size: 20px;
    line-height: 140%;
    font-weight: 400;
}

section.first-screen .first-screen__wrapper .get-loan__wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
}

section.first-screen .first-screen__wrapper .get-loan__wrapper h3 {
    text-align: center;
    color: #1D2228;
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    line-height: 24.765px;
}

section.first-screen .first-screen__wrapper .change-loan {
    display: flex;
    margin: 10px auto 28px auto;
    gap: 10px;
}

section.first-screen .first-screen__wrapper .change-loan .dot {
    width: 8px;
    height: 8px;
    transform: rotate(90deg);
    background: linear-gradient(315deg, #D39433 0%, #FDE47F 100%);
}

.get-loan-left-btn {
    display: flex;
    align-items: flex-start;
    transform: rotate(180deg);
    background: transparent;
    border: none;
    cursor: pointer;
}

.get-loan-right-btn {
    background: transparent;
    border: none;
    cursor: pointer;
}

.get-loan-left-btn:hover {
    transform: rotate(180deg) scale(1.05);
}

.get-loan-right-btn:hover {
    transform: scale(1.05);
}

.calculator {
    display: flex;
    max-width: 410px;
    width: 100%;
    min-height: 543px;
    flex-direction: column;
    padding: 28px 24px 36px 24px;
    border-radius: 41px;
    background: #FFF;
    box-shadow: 0px 17.666162490844727px 15.310673713684082px 0px rgba(0, 0, 0, 0.15);
    border: 7px solid #4F5D6D;
}

::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background-color: #F3F4F5;
}

::-webkit-scrollbar-thumb {
    background-color: #FDE47F;
}

#dec-btn-sum, #dec-btn-date {
    position: relative;
    left: 3px;
    z-index: 5;
    top: -0.5px;
}

#inc-btn-date, #inc-btn-sum {
    position: relative;
    right: 3px;
    z-index: 5;
    top: -0.5px;
}

.calculator .sum_up {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.calculator .sum_up .input__wrapper {
    display: flex;
    align-items: center;
    column-gap: 8px;
}

.calculator .indicators {
    display: flex;
    justify-content: space-between;
    margin-top: 8px;
    margin-bottom: 16px;
}

.calculator .indicators p {
    color: #4F5D6D;
    font-size: 14px;
    line-height: 140%;
}

.calculator .btn {
    height: 51px;
    width: 100%;
    max-width: 400px;
}

.calculator .range-input__wrapper {
    display: flex;
    margin-top: 12px;
    margin-bottom: 12px;
}

.calculator .range-input__wrapper img {
    cursor: pointer;
}

.calculator .calc_info {
    margin-top: 28px;
    border-radius: 8px;
    background: #F3F4F5;
    padding: 12px;
    max-width: 346px;
    min-height: 100px;
}

.calculator .calc_info .calc_info__up {
    display: flex;
    flex-direction: column;
    row-gap: 8px;
}

.calculator .calc_info .calc_info__up_item {
    display: flex;
    justify-content: space-between;
}

.calculator .calc_info .calc_info__up_item p {
    color: #1D2228;
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
    opacity: 0.7;
}

/* footer */

footer {
    background: #1D2228;
    min-height: 373px;
    padding-top: 84px;
}

footer .footer__wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

footer .footer__wrapper .logo-text {
    color: #4F5D6D;
    font-size: 12px;
    margin-top: 20px;
    max-width: 284px;
}

footer .footer__wrapper .footer-nav {
    align-items: flex-start;
    column-gap: 30px;
    row-gap: 16px;
    width: 390px;
    flex-wrap: wrap;
    flex-direction: column;
    max-height: 110px;
}

footer .footer__wrapper .support {
    display: flex;
    flex-direction: column;
}

footer .footer__wrapper .support h5 {
    color: #F3F4F5;
    font-size: 18px;
    font-weight: 700;
    line-height: 27px;
    text-transform: uppercase;
    margin-bottom: 18px;
}

.tel {
    cursor: pointer;
    transition: .3s all linear;
    display: flex;
    column-gap: 12px;
    align-items: center;
    margin-bottom: 20px;
}

.tel:hover {
    transform: scale(1.05);
}

.tel a {
    color: #FDE47F;
}

.tel .tel-text {
    font-size: 24px;
    line-height: 120%;
}

footer .footer__wrapper .footer-text {
    color: #F3F4F5;
    font-size: 16px;
    line-height: 110%;
    margin-bottom: 10px;
}

footer .all-rights-reserved {
    color: #4F5D6D;
    text-align: center;
    font-size: 12px;
    font-weight: 300;
    margin-top: 22px;
    line-height: 120%;
}

/* licence */
section.license {
    background: #1D2228;
    min-height: 373px;
    padding: 84px 0px;
}

section.license h3, section.license span.h3 {
    text-align: center;
    color: #1D2228;
    font-size: 28px;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 32px;
}

section.license .text {
    text-align: center;
    color: #FFF;
    font-size: 16px;
    line-height: 140%;
    font-weight: 400;
    max-width: 1018px;
    margin: 0 auto;
}

.gold-color-text {
    color: #FDE47F;
}

/* sales */
section.sales {
    padding: 84px 0;
    min-height: 753px;
    background: url("../img/bg-sales-advantages.png") center no-repeat, #fcfaf7;
}

section.sales h2, section.sales span.h2 {
    margin-bottom: 44px;
}

section.sales .sales-list {
    display: flex;
    column-gap: 30px;
    margin-bottom: 44px;
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 32px;
}

section.sales .sales-list img {
    border-radius: 24px 24px 0 0;
    height: auto;
}

section.sales .sales-list li {
    display: flex;
    flex-direction: column;
    border-radius: 24px;
    background: #FFFFFF;
    max-width: 390px;
    width: 100%;
}

section.sales .sales-list li .sales-list-item__wrapper {
    display: flex;
    flex-direction: column;
    padding: 24px 24px 32px 24px;
}

section.sales .sales-list li .sales-list-item__wrapper h4, section.sales .sales-list li .sales-list-item__wrapper span.h4 {
    line-height: 150%;
}

section.sales .sales-list li .sales-list-item__wrapper .time__wrapper .indicator {
    padding: 10px 8px;
    border-radius: 4px;
    column-gap: 10px;
    display: flex;
    align-items: center;
}

section.sales .sales-list li .sales-list-item__wrapper .time__wrapper .indicator .dot {
    width: 6px;
    height: 6px;
    border-radius: 6px;
}

section.sales .sales-list li .sales-list-item__wrapper .time__wrapper .indicator .dot-red {
    background: #C05D02;
}

section.sales .sales-list li .sales-list-item__wrapper .time__wrapper .indicator .dot-green {
    background: #02C076;
}

section.sales .sales-list li .sales-list-item__wrapper .time__wrapper .indicator .dot-blue {
    background: #0294C0;
}

section.sales .sales-list li .sales-list-item__wrapper .time__wrapper .indicator .time-left {
    font-size: 12px;
    line-height: 120%;
}

section.sales .sales-list li .sales-list-item__wrapper .time__wrapper .indicator-green .time-left {
    color: #02C076;
}

section.sales .sales-list li .sales-list-item__wrapper .time__wrapper .indicator-red .time-left {
    color: #C05D02;
}

section.sales .sales-list li .sales-list-item__wrapper .time__wrapper .indicator-blue .time-left {
    color: #0294C0;
}

section.sales .sales-list li .sales-list-item__wrapper .time__wrapper .indicator-green {
    background: #CCF2E4;
}

section.sales .sales-list li .sales-list-item__wrapper .time__wrapper .indicator-red {
    background: #F2DACC;
}

section.sales .sales-list li .sales-list-item__wrapper .time__wrapper .indicator-blue {
    background: #CCE9F2;
}

section.sales .sales-list li .sales-list-item__wrapper .time__wrapper {
    display: flex;
    column-gap: 16px;
    margin-top: 20px;
    margin-bottom: 44px;
    align-items: center;
}

section.sales .sales-list li .sales-list-item__wrapper .more {
    color: #D39433;
    text-align: left;
    font-size: 18px;
    line-height: 140%;
    transition: .3s all linear;
}

section.sales .sales-list li .sales-list-item__wrapper .more:hover {
    transform: scale(1.05);
}

section.sales .sales-list li .sales-list-item__wrapper .time__wrapper .date {
    color: #8399AE;
    font-size: 14px;
    font-weight: 300;
    line-height: 140%;
    display: flex;
    align-items: center;
    column-gap: 8px;
}

.center {
    margin: 0 auto;
    text-align: center;
}


/* get loan */
section.get-loan {
    min-height: 778px;
    padding: 84px 0;
}

section.get-loan h2, section.get-loan span.h2 {
    margin-bottom: 24px;
}

section.get-loan .text {
    margin-bottom: 44px;
    color: #4F5D6D;
    text-align: center;
    font-size: 18px;
    line-height: 27px;
    font-weight: 400;
}

section.get-loan button {
    margin-top: 44px;
}

/* we always in touch */
section.we-always-in-touch {
    padding: 84px 0;
    min-height: 695px;
}

section.we-always-in-touch .we-always-in-touch__wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    column-gap: 134px;
}

section.we-always-in-touch .we-always-in-touch__wrapper h2, section.we-always-in-touch .we-always-in-touch__wrapper span.h2 {
    margin-bottom: 30px;
}

section.we-always-in-touch .we-always-in-touch__wrapper .text {
    color: #4F5D6D;
    max-width: 388px;
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 44px;
    font-weight: 400;
}

section.we-always-in-touch .we-always-in-touch__wrapper .we-always-in-touch {
    display: flex;
    flex-direction: column;
    row-gap: 24px;
}

section.we-always-in-touch .we-always-in-touch__wrapper .we-always-in-touch .item__wrapper {
    display: flex;
    padding: 20px 24px;
    column-gap: 12px;
    justify-content: space-between;
    align-items: center;
    max-width: 390px;
    width: 100%;
    min-height: 72px;
    border-radius: 10px;
    border: 1px solid #F3F4F5;
    background: #FFF;
    box-shadow: 1px 3px 7px 0px rgba(23, 46, 60, 0.10);
    cursor: pointer;
    transition: .5s linear all;
}

section.we-always-in-touch .we-always-in-touch__wrapper .we-always-in-touch li .item-to-show {
    max-width: 390px;
    min-height: 163px;
    padding: 20px 24px;
    display: none;
    flex-direction: column;
    row-gap: 16px;
    background: #FFF;
    border-top: 1px solid #FDE47F;
    box-shadow: 1px 3px 7px 0px rgba(23, 46, 60, 0.10);
    position: relative;
}

section.we-always-in-touch .we-always-in-touch__wrapper .we-always-in-touch li .item-to-show .item-to-show__wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    column-gap: 12px;
    transition: .3s all linear;
    cursor: pointer;
}

section.we-always-in-touch .we-always-in-touch__wrapper .we-always-in-touch li .item-to-show .item-to-show__wrapper:hover {
    transform: scale(1.05);
}

section.we-always-in-touch .we-always-in-touch__wrapper .we-always-in-touch li .item-to-show .item-to-show__wrapper .text {
    color: #1D2228;
    font-size: 16px;
    line-height: 140%;
    margin: 0;
}

section.we-always-in-touch .we-always-in-touch__wrapper .we-always-in-touch li .item-to-show .item-to-show__wrapper .telegram-text {
    color: #29A9EA;
}

section.we-always-in-touch .we-always-in-touch__wrapper .we-always-in-touch li .item-to-show .item-to-show__wrapper .viber-text {
    color: #665CA7;
}

input[type="text"] {
    width: 100%;
    min-height: 48px;
    font-weight: 700;
    font-family: "PT Sans", sans-serif;
    color: #1D2228;
    font-size: 16px;
    line-height: 140%;
    padding: 0 20px;
    border: 1px solid #8399AE;
    border-radius: 16px;
    background: #F9F9FA;
}

input[type="text"]:focus {
    border: 1px solid #D39433;
    background: #F9F9FA;
    outline: none;
}

input::placeholder {
    color: #8399AE;
    font-size: 16px;
    line-height: 140%;
}

input:focus::placeholder {
    color: #D39433;
}

.input-complete {
    border: 1px solid #8399AE !important;
    background: #FFF !important;
    outline: none !important;
}

.floating-label {
    position: absolute;
    color: #8399AE;
    font-family: 'PT Sans', sans-serif;
    pointer-events: none;
    top: 34px;
    left: 44px;
    transition: 0.2s ease all;
    font-size: 16px;
}

.label-valid {
    color: #8399AE !important;
}

section.we-always-in-touch .we-always-in-touch__wrapper .we-always-in-touch li .item-to-show input[type="text"]:focus ~ .floating-label,
section.we-always-in-touch .we-always-in-touch__wrapper .we-always-in-touch li .item-to-show input[type="text"]:not(:focus):valid ~ .floating-label {
    top: 25px;
    left: 44px;
    font-size: 14px;
    opacity: 1;
    color: #D39433;
}

section.we-always-in-touch .we-always-in-touch__wrapper .we-always-in-touch li .wrapper {
    display: flex;
    column-gap: 12px;
    justify-content: flex-start;
    align-items: center;
}

section.we-always-in-touch .we-always-in-touch__wrapper .we-always-in-touch li h4, section.we-always-in-touch .we-always-in-touch__wrapper .we-always-in-touch li span.h4 {
    color: #4F5D6D;
    font-size: 18px;
    line-height: 27px;
    font-weight: 400;
}

section.we-always-in-touch .we-always-in-touch__wrapper .we-always-in-touch li .item__wrapper:hover {
    transform: scale(1.05);
}

section.we-always-in-touch .we-always-in-touch__wrapper .left-side .social-media {
    margin-top: 40px;
    display: flex;
    column-gap: 16px;
    align-items: center;
    justify-content: center;
}

section.we-always-in-touch .we-always-in-touch__wrapper .left-side .social-media .text {
    color: #4F5D6D;
    text-align: center;
    font-size: 16px;
    line-height: 140%;
    margin-bottom: 0;
    font-weight: 400;
}

/* advantages */
section.advantages {
    padding: 84px 0;
    min-height: 1706px;
    background: url("../img/bg-sales-advantages.png") center no-repeat, #fcfaf7;
}

section.advantages h2, section.advantages span.h2 {
    margin-bottom: 32px;
}

section.advantages .text {
    margin-bottom: 32px;
    font-weight: 400;
}

section.advantages .advantages-list {
    display: flex;
    flex-direction: column;
    max-height: 870px;
    flex-wrap: wrap;
    max-width: 1018px;
    align-items: center;
    margin: 0 auto;
    margin-bottom: 44px;
    row-gap: 30px;
}

section.advantages .advantages-list li .text {
    margin-bottom: 0;
    color: #4F5D6D;
    font-size: 18px;
    line-height: 140%;
    max-width: 494px;
}

section.advantages .advantages-list li {
    display: flex;
    flex-direction: column;
    column-gap: 30px;
    row-gap: 12px;
    max-width: 494px;
}

section.advantages .advantages-list li h4, section.advantages .advantages-list li span.h4 {
    line-height: 150%;
    font-size: 24px;
}

section.advantages .advantages-list li .h4__wrapper {
    display: flex;
    column-gap: 12px;
    justify-content: flex-start;
    align-items: center;
}

section.how-to-create-wallet {
    padding: 84px 0;
    min-height: 1415px;
    background: url('../img/first-page/line-bg-top.png') top no-repeat, url('../img/first-page/line-bg-bottom.png') bottom no-repeat;
}

section.how-to-create-wallet .guide {
    display: flex;
    flex-direction: column;
    row-gap: 32px;
    margin-bottom: 159px;
    align-items: center;
}

section.how-to-create-wallet .guide .text {
    color: #4F5D6D;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    line-height: 140%;
    max-width: 918px;
}

section.how-to-create-wallet .guide .guide-list {
    display: flex;
    column-gap: 30px;
}

section.how-to-create-wallet .guide .guide-list li {
    border-radius: 20px;
    display: flex;
    padding: 24px;
    align-items: center;
    gap: 10px;
    max-width: 286px;
    width: 100%;
    border: 1px solid #FDE47F;
}

section.how-to-create-wallet .guide .guide-list li h3 {
    font-weight: 400;
    max-width: 156px;
}

section.how-to-create-wallet .how-to-exchange-list {
    display: flex;
    column-gap: 32px;
    justify-content: center;
    flex-wrap: wrap;
    row-gap: 40px;
}

section.how-to-create-wallet .how-to-exchange-list li {
    display: flex;
    align-items: center;
    column-gap: 12px;
}

section.how-to-create-wallet .how-to-exchange-list li h4, section.how-to-create-wallet .how-to-exchange-list li span.h4 {
    color: #1D2228;
    font-size: 24px;
    font-weight: 700;
    line-height: 120%;
}

.mt-32 {
    margin-top: 32px;
}

.mt-35 {
    margin-bottom: 35px !important;
}

.media-1024 {
    display: none !important;
}

.media-1024-hide {
    display: block;
}

.burger {
    border: none;
    background: transparent;
    cursor: pointer;
    transition: .3s all linear;
}

.burger:hover {
    transform: scale(1.05);
}

.dec-btn {
    width: 21px;
    height: 21px;
    border: none;
    position: relative;
    right: 5px;
    top: 3px;
    background: transparent;
}

.where {
    display: flex;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 32px;
    column-gap: 4px;
    color: #4F5D6D;
    text-align: center;
    font-size: 14px;
    line-height: 140%;
}

.selected {
    color: #FDE47F !important;
}

.media-1024-list-hide {
    display: flex !important;
}

.media-1024-list {
    display: none !important;
}

.side-menu {
    position: fixed;
    z-index: 25;
    margin-top: 65px;
    top: -8px;
    right: -100%;
    height: 100vh;
    background: #1D2228;
    padding: 32px 24px 0 24px;
    width: 241px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    transition: right 0.5s ease;
}

body.android-only .side-menu {
    margin-top: 100px;
}

.side-menu ul {
    display: flex;
    flex-direction: column;
    row-gap: 32px;
    margin-bottom: 32px;
}

.side-menu ul li {
    transition: .3s all linear;
    cursor: pointer;
    max-width: 193px;
}

.side-menu ul li a {
    color: #FFF;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}

.side-menu ul li:hover {
    transform: scale(1.05);
}

.backdrop {
    background: rgba(0, 0, 0, 0.7);
    height: 100vh;
    width: 100%;
    position: fixed;
    z-index: 20;
    top: 0;
}

.hide {
    display: none !important;
}

.show {
    display: block !important;
}

.side-menu.open {
    right: 0;
}

.disable-body {
    overflow: hidden;
}

#burger {
    width: 25px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}

#burger span {
    display: block;
    position: absolute;
    height: 3px;
    width: 25px;
    border-radius: 6px;
    background: linear-gradient(315deg, #D39433 0%, #FDE47F 100%);
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

#burger span:nth-child(1) {
    top: -10px;
}

#burger span:nth-child(2) {
    top: -1px;
}

#burger span:nth-child(3) {
    top: 8px;
}

#burger.open span:nth-child(1) {
    top: 0px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}

#burger.open span:nth-child(2) {
    opacity: 0;
    left: -60px;
}

#burger.open span:nth-child(3) {
    top: 0px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

section.we-always-in-touch .we-always-in-touch__wrapper .we-always-in-touch li .more {
    transition: .4s all linear;
}

.more-btn-open {
    transform: rotate(180deg);
}

.show-flex {
    display: flex !important;
}

/* feedback */

section.feedback {
    padding-top: 94px;
    padding-bottom: 84px;
    background: url("../img/bg-sales-advantages.png") center no-repeat, #fcfaf7;
}

section.feedback h2, section.feedback span.h2 {
    margin-bottom: 32px;
}

section.feedback .text {
    color: #4F5D6D;
    text-align: center;
    font-size: 18px;
    line-height: 140%;
    font-weight: 400;
    max-width: 918px;
    margin: 0 auto;
    margin-bottom: 44px;
}

section.feedback .feedback-list {
    display: flex;
    justify-content: center;
    column-gap: 30px;
    flex-wrap: wrap;
}

section.feedback .feedback-list li {
    display: flex;
    max-width: 496px;
    padding: 32px 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
    border-radius: 24px;
    background: #FFF;
}

section.feedback .feedback-list li .text {
    color: #1D2228;
    font-size: 16px;
    font-weight: 300;
    line-height: 140%;
    margin: 0;
    opacity: .8;
}

section.feedback .feedback-list li h3 {
    color: #1D2228;
    font-size: 24px;
    line-height: 120%;
    font-weight: 400;
    margin-bottom: 24px;
}

section.feedback .feedback-list li h3:nth-child(2) {
    margin-bottom: 0;
}

section.feedback .feedback-list li .left-item__wrapper {
    margin-top: 24px;
    padding: 24px 0;
    display: flex;
    flex-direction: column;
    row-gap: 24px;
    border-bottom: 1px solid #D39433;
    border-top: 1px solid #D39433;
    width: 100%;
}

section.feedback .feedback-list li .left-item__wrapper .item__wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

section.feedback .feedback-list li .left-item__wrapper .item__wrapper .text {
    color: #4F5D6D;
    font-size: 18px;
    font-weight: 300;
    line-height: 140%;
    opacity: .8;
}

section.feedback .feedback-list li .left-item__wrapper .item__wrapper .info {
    color: #1D2228;
    font-size: 18px;
    text-align: left;
    line-height: 140%;
    max-width: 270px;
    width: 100%;
}

section.feedback .feedback-list li .right-item-wrapper {
    padding-bottom: 24px;
    border-bottom: 1px solid #D39433;
    width: 100%;
}

section.feedback .feedback-list li .right-item-wrapper .text {
    color: #1D2228;
    font-size: 16px;
    font-weight: 300;
    line-height: 140%;
    text-align: left;
    margin-bottom: 10px;
    margin-top: 14px;
    opacity: .8;
}

section.feedback .feedback-list li .right-item-wrapper h4, section.feedback .feedback-list li .right-item-wrapper span.h4 {
    color: #1D2228;
    font-size: 24px;
    line-height: 120%;
    font-weight: 400;

}

section.feedback .feedback-list li .right-item-wrapper .tel {
    color: #1D2228;
    font-size: 24px;
    line-height: 120%;
    margin-bottom: 10px;
}

section.feedback .feedback-list li .right-item-wrapper .free-in-ukraine {
    color: #1D2228;
    font-size: 14px;
    font-weight: 300;
    line-height: 140%;
    opacity: .8;
}

.media-650 {
    display: none;
}

.media-650-hide {
    display: block;
}

section.we-always-in-touch .we-always-in-touch__wrapper .left-side .social-media img {
    cursor: pointer;
}


/*About us*/

section.about-us {
    background: url("../img/bg-sales-advantages.png") center no-repeat, #fcfaf7;
    padding: 84px 0;
}

section.about-us .where {
    margin-bottom: 50px;
}

section.about-us .about-us__wrapper {
    display: flex;
    justify-content: space-between;
    margin-bottom: 168px;
}

section.about-us .about-us__wrapper .about-us-left-side {
    max-width: 522px;
}

section.about-us .about-us__wrapper .about-us-left-side h2, section.about-us .about-us__wrapper .about-us-left-side span.h2 {
    text-align: left;
    margin-bottom: 32px;
}

section.about-us .about-us__wrapper .about-us-left-side .about-us-text {
    margin-bottom: 12px;
    color: #4F5D6D;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
}

section.about-us .text {
    color: #4F5D6D;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

section.about-us .about-us-first-text {
    margin-bottom: 67px;
}

.about-us-first-img {
    width: 599px;
    height: 482px;
}

section.about-us h2, section.about-us span.h2 {
    margin-bottom: 32px;
}

section.about-us .second-part .text {
    color: #4F5D6D;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    max-width: 918px;
    margin-bottom: 38px;
}

section.about-us .advantages-list {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: wrap;
    gap: 30px;
    max-height: 360px;
    margin-bottom: 44px;
    row-gap: 24px;
}

section.about-us .advantages-list li {
    display: flex;
    flex-direction: column;
    row-gap: 12px;
}

section.about-us .advantages-list .h4__wrapper {
    display: flex;
    align-items: center;
    column-gap: 12px;
}

section.about-us .advantages-list .h4__wrapper h4, section.about-us .advantages-list .h4__wrapper span.h4 {
    font-size: 24px;
}

section.about-us .advantages-list .text {
    color: #4F5D6D;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    max-width: 494px;
}

section.about-us .third-part .text-why__wrapper {
    display: flex;
    flex-direction: column;
    row-gap: 24px;
}

section.about-us .third-part .text-why__wrapper .text {
    color: #1D2228;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
}

.media-1250-hide {
    display: block;
}

.media-1250 {
    display: none;
}

/* news card open */
section.news-card-open .card-img {
    width: 100%;
    border-radius: 24px;
    margin-bottom: 40px;
}

section.news-card-open .social-media {
    display: flex;
    list-style: none;
    column-gap: 15px;
    flex-direction: row;
    margin-top: 12px;
    padding-left: 0;
}

section.news-card-open .social-media li {
    cursor: pointer;
}

section.news-card-open .text-end {
    margin: 22px 0;
}

section.news-card-open .text__wrapper {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-bottom: 44px;
    list-style: inherit;
}

section.news-card-open ul {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-bottom: 44px;
    list-style: inherit;
    padding-left: 20px;
}

section.news-card-open .text {
    color: #4F5D6D;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
}

section.news-card-open h3 {
    color: #1D2228;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 12px;
}

section.news-card-open .time__wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 16px;
    margin-top: 24px;
    margin-bottom: 37px;
}

section.news-card-open .indicator {
    padding: 10px 8px;
    border-radius: 4px;
    column-gap: 10px;
    display: flex;
    align-items: center;
    min-height: 30px;
}

section.news-card-open .indicator .dot {
    width: 6px;
    height: 6px;
    border-radius: 6px;
}

section.news-card-open .indicator .dot-red {
    background: #C05D02;
}

section.news-card-open .indicator .dot-green {
    background: #02C076;
}

section.news-card-open .indicator .dot-blue {
    background: #0294C0;
}

section.news-card-open .indicator .time-left {
    font-size: 12px;
    line-height: 120%;
}

section.news-card-open .indicator-green .time-left {
    color: #02C076;
}

section.news-card-open.indicator-red .time-left {
    color: #C05D02;
}

section.news-card-open .indicator-blue .time-left {
    color: #0294C0;
}

section.news-card-open .indicator-green {
    background: #CCF2E4;
}

section.news-card-open .indicator-red {
    background: #F2DACC;
}

section.news-card-open .indicator-blue {
    background: #CCE9F2;
}

section.news-card-open {
    padding: 84px 0;
}

section.news-card-open .news-card-img {
    border-radius: 20px;
    margin: 0 auto;
    margin-bottom: 44px;
}

.card-container {
    max-width: 1020px;
    margin: 0 auto;
    line-height: 1.38;
    margin-top: 16px;
    margin-bottom: 16px;
}

section.QA {
    padding: 84px 0;
    background: url("../img/bg-sales-advantages.png") center no-repeat, #fcfaf7;
    background-attachment: fixed;
}

section.QA h2, section.QA span.h2 {
    margin-bottom: 32px;
}

section.QA .text {
    color: #4F5D6D;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    margin-bottom: 44px;
}

section.QA .questions-list {
    display: flex;
    gap: 16px;
    align-items: center;
    justify-content: center;
    margin-bottom: 44px;
    flex-wrap: wrap;
}

section.QA .questions-list li {
    border-radius: 16px;
    border: 1px solid #8399AE;
    display: flex;
    align-items: center;
    justify-content: center;

    color: #8399AE;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    height: 45px;
    padding: 0 16px;
    cursor: pointer;
    transition: .3s all linear;
}

section.QA .questions-list li:hover {
    transform: scale(1.03);
}

section.QA .questions-list li.question-active {
    color: #1D2228;
    border: none;
    background: linear-gradient(315deg, #D39433 0%, #FDE47F 100%);
}

section.QA h3 {
    color: #1D2228;
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 24px;
}

section.QA .qa-list {
    display: flex;
    flex-direction: column;
    row-gap: 24px;
    justify-content: center;
    align-items: center;
}

section.QA .qa-list li {
    max-width: 1019px;
    width: 100%;
}

section.QA .qa-list li .item__wrapper {
    padding: 24px 32px;
    display: flex;
    justify-content: space-between;
    border-radius: 8px 8px 0px 0px;
    background: #FFF;
    cursor: pointer;
    transition: .3s all linear;
    margin: 0 auto;
}

section.QA .qa-list li .item__wrapper:hover {
    transform: scale(1.01);
}

section.QA .qa-list li .item__wrapper .text {
    text-align: left;
    color: #1D2228;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

section.QA .qa-list li .item__wrapper img {
    width: 32px;
    height: 32px;
    transform: rotate(180deg);
    transition: .3s all linear;
}

section.QA .qa-list .text {
    margin-bottom: 0;
}

section.QA .qa-list li .text__wrapper-to-open {
    padding: 24px 32px;
    display: none;
    flex-direction: column;
    row-gap: 24px;
    justify-content: center;
    align-items: center;
}

section.QA .qa-list li .text__wrapper-to-open .text {
    color: #4F5D6D;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    max-width: 955px;
    text-align: left;
    opacity: .9;
}

.qa-more-btn-open {
    transform: rotate(360deg) !important;
}

video {
    max-width: 810px;
    width: 100%;
    height: auto;
    min-height: 170px;
}


/* sales card open*/
.mb-44 {
    margin-bottom: 44px;
}

section.sales-card-open h3 {
    margin-bottom: 24px;
}

section.sales-card-open ol {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 24px;
    list-style: decimal;
    padding-left: 20px;
}

section.sales-card-open ol li {
    padding-left: 5px;
}

section.sales-card-open ul {
    list-style: none;
    padding-left: 0;
}

section.sales-card-open .calculator {
    margin: 44px auto 0 auto;
}

section.sales-card-open .calculator h3 {
    text-align: center;
    color: #1D2228;
    font-size: 24px;
    font-weight: 700;
    line-height: 24.765px;
}

/* inversing page */
main.investing .text {
    color: #4F5D6D;
    font-family: PT Sans, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px; /* 150% */
}

main.investing section {
    padding: 84px 0;
}

main.investing section .wrapper {
    display: flex;
    justify-content: space-between;
}

main.investing section h2, main.investing section span.h2 {
    margin-bottom: 32px;
}

main.investing section .text-wrapper {
    display: flex;
    flex-direction: column;
    gap: 32px;
    max-width: 522px;

}

main.investing section .advantages-list {
    gap: 32px;
    display: flex;
    flex-direction: column;
    margin-top: 32px;
    margin-bottom: 44px;
}

main.investing section .advantages-list .text {
    max-width: 1018px;
}

main.investing section .h4__wrapper {
    display: flex;
    gap: 12px;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 12px;
}

main.investing section .h4__wrapper h4, main.investing section .h4__wrapper span.h4 {
    color: #1D2228;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 28.8px */
}

main.investing section.earn-ways .text-wrapper {
    margin-top: 44px;
}

section.what-cryptocurrency-is {
    background: url('../img/bg-sales-advantages.png') center, #fcfaf7;
}

section.what-need-to-earn {
    background: url('../img/bg-sales-advantages.png') center, #fcfaf7;
}

section.how-does-price-grow {
    background: url('../img/bg-sales-advantages.png') center, #fcfaf7;
}

section.earn-ways {
    background: url('../img/bg-sales-advantages.png') center, #fcfaf7;
    display: flex;
    justify-content: center;
}

.text-left {
    text-align: left;
}

.disabled-btn {
    cursor: initial !important;
    opacity: .8 !important;
}

.disabled-btn:hover {
    transform: scale(1) !important;
}

.hexagon {
    cursor: pointer;
    position: relative;
    width: 27px;
    height: 15.588457268119896px;
    background-color: #f4d452;
    margin: 7.794228634059948px auto 0 auto;
    box-shadow: 0 0 50px rgba(0, 255, 255, 0);
    border-left: solid 7.5px #1d2228;
    border-right: solid 7.5px #1d2228;
    transform: rotate(90deg);
    display: grid;
    transition: 0s;
}

.hexagon:before, .hexagon:after {
    content: "";
    position: absolute;
    z-index: 1;
    width: 19.09188309203678px;
    height: 19.09188309203678px;
    transform: scaleY(0.5774) rotate(-45deg);
    background-color: inherit;
    left: -3.5459415460183905px;
    box-shadow: 0 0 50px rgba(0, 255, 255, 0);
    transition: 0s;
}

.hexagon:before {
    top: -9.54594154601839px;
    border-top: solid 10.606601717798213px #1d2228;
    border-right: solid 10.606601717798213px #1d2228;
}

.hexagon:after {
    bottom: -9.54594154601839px;
    border-bottom: solid 10.606601717798213px #1d2228;
    border-left: solid 10.606601717798213px #1d2228;
}

/*#languageSelect {*/
/*    width: 83px;*/
/*    height: 24px;*/
/*    padding: 4px 8px;*/
/*    color: #FFF;*/
/*    font-size: 16px;*/
/*    font-style: normal;*/
/*    font-weight: 400;*/
/*    line-height: normal;*/
/*    border: none;*/

/*    appearance: none; !* Remove default arrow *!*/
/*    -webkit-appearance: none; !* For Safari *!*/
/*    -moz-appearance: none; !* For Firefox *!*/
/*    background: url('/img/select-arrow.svg') no-repeat right center transparent;*/
/*}*/
/*#languageSelect:nth-child(1) {*/
/*    background: url('/img/ua-flag.svg') no-repeat left center;*/
/*}*/
/*#languageSelect:focus {*/
/*    border-radius: 8px 8px 0 0;*/
/*    outline: 1px solid #4F5D6D;*/
/*}*/
/*#languageSelect option {*/
/*    border: none;*/
/*    background: #1D2228;*/
/*    width: 83px;*/
/*    height: 24px;*/
/*    padding: 4px 8px;*/
/*}*/

.select-dropdown {
    display: flex;
    gap: 8px;
    position: relative;
    color: #53565a;
    border-radius: 4px;
}

.select-dropdown * {
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -khtml-user-select: none;
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
}

.select-dropdown.is-active {
    border-radius: 8px 8px 0 0;
    border: 1px solid #4F5D6D;
}

.select-dropdown.is-active input[type="text"] {
    border-color: #00aeef;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select-dropdown .dropdown-img {
    transition: .3s all linear;
}

.select-dropdown.is-active .dropdown-img {
    top: 6px;
    transform: rotate(180deg);
}

.select-dropdown.is-active ul {
    display: block;
}

.select-dropdown #js-ddInput {
    display: flex;
    border-radius: 8px 0 0 0;
    gap: 8px;
    align-items: center;
    position: relative;
    z-index: 1;
    color: #FFF;
    border: none;
    padding: 4px 8px;
    font-size: 16px;
    text-overflow: ellipsis;
    width: 67px;
    height: 32px;
    background: #1D2228;
    cursor: pointer;
    user-select: none !important;
}

.select-dropdown i {
    position: absolute;
    top: 6.5px;
    right: 5px;
}

.select-dropdown ul {
    display: none;
    top: 32px;
    position: absolute;
    z-index: 999;
    background: #1D2228;
    color: #FFF;
    width: 102px;
    right: -1px;
    list-style: none;
    -webkit-border-radius: 0 0 8px 8px;
    -moz-border-radius: 0 0 8px 8px;
    border-radius: 0 0 8px 8px;
    padding: 0;
    margin: 0;
    border: 1px solid #4F5D6D;
}

.select-dropdown ul li {
    cursor: pointer;
    border-radius: 8px;
    padding: 6px 8px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    background: #1D2228;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/*.select-dropdown ul li:hover {*/
/*    background-color: #effbff;*/
/*}*/
.select-dropdown ul li * {
    pointer-events: none;
}

.pagination-container {
    display: flex;
    justify-content: center;
}

.pagination-container #prev-button, .pagination-container #next-button {
    border-radius: 10px;
    background: transparent;
    height: 65px;
    border: none;
    cursor: pointer;
}

#pagination-numbers {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    gap: 32px;
    margin: 0 20px;
    margin-top: 5px;
}

#pagination-numbers button {
    background: none;
    border: none;
    color: #8399AE;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 16px */
    cursor: pointer;
}

.active-pagination-number {
    color: #FDE47F !important;
}

section.feedback-form {
    padding: 84px 0;
}

section.feedback-form h2, section.feedback-form span.h2 {
    text-align: center;
    margin-bottom: 24px;
}

section.feedback-form .text {
    text-align: center;
    font-weight: 400;
}

section.feedback-form form {
    margin-top: 44px;
}

section.feedback-form form .wrapper {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 32px;
    margin-bottom: 32px;
    flex-wrap: wrap;
}

section.feedback-form form .wrapper .left-side, section.feedback-form form .wrapper .right-side {
    display: flex;
    flex-direction: column;
    gap: 24px;
    max-width: 390px;
    width: 100%;
}

section.feedback-form form input[type=text] {
    background: #FFFFFF;
}

section.feedback-form form .file-input {
    border-radius: 16px;
    border: 1px solid #8399AE;
    background: #FFF;
    height: 84px;
    max-width: 390px;
    width: 100%;
    padding-inline: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

section.feedback-form form .file-input .left-side {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

section.feedback-form form .file-input .left-side .wrapper {
    color: #1D2228;
    font-family: PT Sans, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
    gap: 4px;
    justify-content: flex-start;
    margin-bottom: 0;
}

section.feedback-form form .file-input .left-side .wrapper svg {
    cursor: pointer;
}

section.feedback-form form .file-input .left-side a {
    color: #D39433;
    font-family: PT Sans, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 124%; /* 17.36px */
    text-decoration-line: underline;
}

section.feedback-form form .file-input .right-side {
    display: flex;
    align-items: flex-end;
    cursor: pointer;
    width: 64px;
}

section.feedback-form form .file-input .right-side label {
    background: url("../img/file-input.svg") center center/cover no-repeat;
    width: 64px;
    height: 64px;
    cursor: pointer;
}

section.feedback-form form .file-input .left-side input[type=file] {
    display: none;
}

section.feedback-form form button {
    border-radius: 8px;
    background: linear-gradient(308deg, #D39433 -33.34%, #FDE47F 92.09%);
}

section.feedback-form form button:disabled {
    background: linear-gradient(315deg, #ab7c32 0%, #a48e36 100%);
    cursor: initial;
}

section.feedback-form form button:disabled:hover {
    transform: scale(1);
}

section.feedback-form form .file-input .left-side label {
    color: #D39433;
    font-family: PT Sans, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 124%; /* 17.36px */
    text-decoration-line: underline;
    cursor: pointer;
}

section.feedback-form form .file-input .right-side input[type=file] {
    display: none;
}

section.feedback-form form select {
    height: 48px;
    max-width: 390px;
    width: 100%;
    border-radius: 16px;
    border: 1px solid #8399AE;
    background: #FFF;
    outline: none;
    padding-inline: 12px;

    color: #8399AE;
    font-family: PT Sans, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 124%; /* 19.84px */

    -moz-appearance: none; /* Firefox */
    -webkit-appearance: none; /* Safari and Chrome */
    appearance: none;
    background: url("../img/select-arrow-down.svg") no-repeat;
    background-position-x: 95%;
    background-position-y: 12px;
}

section.feedback-form form select:focus {
    border-radius: 16px 16px 0 0;
}

section.feedback-form form select * {
    padding: 10px 0;
}

section.feedback-form form textarea {
    height: 84px;
    max-width: 390px;
    width: 100%;
    border-radius: 16px;
    border: 1px solid #8399AE;
    background: #FFF;
    outline: none;
    padding: 14px 16px;
    color: #1D2228;
    font-size: 16px;
    line-height: 140%;
}

section.feedback-form form textarea::placeholder {
    color: #8399AE;
    font-size: 16px;
    line-height: 140%;
}

/* modal */
.close-modal-btn {
    position: absolute;
    top: 15px;
    cursor: pointer;
    right: 15px;
}

.modal {
    height: auto;
    padding-bottom: 90px;
    background: url("../img/bg-sales-advantages.png"), center no-repeat, #fcfaf7;
    display: flex;
    justify-content: center;
    padding-top: 154px;
}

.modal .modal-content {
    position: relative;
    max-width: 390px;
    width: 100%;
    border-radius: 24px;
    background: #FFF;
    box-shadow: 0px 15px 13px 0px rgba(0, 0, 0, 0.15);
    padding: 32px;
}

.modal .modal-content .modal-footer {
    max-width: 326px;
    padding: 20px;
    border-radius: 8px;
    background: #1D2228;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-top: 32px;
}

.modal .modal-content .modal-footer h4, .modal .modal-content .modal-footer span.h4 {
    color: #F3F4F5;
    font-family: PT Sans, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
    margin-bottom: 12px;
}

.modal .modal-content .modal-footer .text {
    color: #4F5D6D;
    font-family: PT Sans, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 14.4px */
    text-align: left;
}

.modal .modal-content input {
    margin-top: 32px;
    padding-top: 10px;
}

.modal .modal-content .label {
    color: #8399AE;
    font-family: PT Sans, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
}

.modal .modal-content .btn {
    height: 53px;
    max-width: 326px;
    width: 100%;

    color: #1D2228;
    text-align: center;
    font-family: PT Sans, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin-top: 32px;
}

.modal .modal-content .modal-footer .tel {
    margin: 8px 0;
}

.modal .modal-content .modal-footer .tel .tel-text {
    font-family: PT Sans, sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 33.6px */
    background: linear-gradient(308deg, #D39433 -33.34%, #FDE47F 92.09%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.modal .modal-content .modal-footer .tel a {
    margin: 0;
}

.modal .modal-content .modal-footer .tel:hover {
    transform: scale(1.01);
}

.modal .modal-content h2, .modal .modal-content span.h2 {
    color: #1D2228;
    text-align: center;
    font-family: PT Sans, sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 33.6px */
    margin-bottom: 12px;
}

.modal .modal-content .text {
    color: #4F5D6D;
    text-align: center;
    font-family: PT Sans, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
    max-width: 311px;
}

.modal .modal-content .input-wrapper {
    position: relative;
}

.modal .modal-content .input-wrapper input:focus ~ label, .modal .modal-content .input-wrapper input:not(:placeholder-shown) ~ label {
    top: 36px;
    font-size: 14px;
    color: #D39433;
}

.modal .modal-content .input-wrapper label {
    position: absolute;
    top: 45px;
    left: 21px;

    color: #858A92;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
    transition: .1s all linear;
}

.modal .modal-content .credit-details {
    margin: 32px 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: center;
    justify-content: center;
}

.modal .modal-content .credit-details .credit-detail {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #D39433;
    padding-bottom: 3px;
}

.modal .modal-content .credit-details .credit-detail .text, .modal .modal-content .credit-details .credit-detail .detail-information {
    color: #4F5D6D;
    font-family: PT Sans, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
}

.modal .modal-content .credit-details .credit-detail .detail-information {
    color: #1D2228;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 22.4px */
}

.modal .modal-content .requisites {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
}

.modal .modal-content .requisites .crypto-wallet-wrapper {
    display: flex;
    gap: 16px;
    border-bottom: 1px solid #D39433;
    padding-bottom: 3px;
    max-width: 326px;
    width: 100%;
    cursor: pointer;
}

.modal .modal-content .requisites .crypto-wallet-wrapper .wallet-number {
    color: #1D2228;
    max-width: 286px;
    width: 100%;
    font-family: PT Sans, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 22.4px */
    overflow-wrap: anywhere;
}

.modal .modal-content .payment-method-wrapper {
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: center;
    align-items: center;
    margin: 32px 0 8px 0
}

.modal .modal-content .payment-method-wrapper .payment-method {
    display: flex;
    gap: 16px;
    padding: 24px;
    border-radius: 20px;
    border: 1px solid #D39433;
    align-items: center;
    cursor: pointer;
    width: 100%;
}

.modal .modal-content .payment-method-wrapper .payment-method .text {
    color: #1D2228;
    text-align: left;
    font-family: PT Sans, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
}

.modal .modal-content .text-small {
    color: #8399AE;
    text-align: center;
    font-family: PT Sans, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 14.4px */
}

.modal .modal-content .btn-wrapper {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 32px;
}

.modal .modal-content .btn-wrapper .btn {
    margin: 0;
}

.modal .modal-content .btn-transparent {
    border-radius: 8px;
    border: 0.607px solid #8399AE;
    background: transparent;

    color: #8399AE;
    text-align: center;
    font-family: PT Sans, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
}
.modal .modal-content .payment-via-card .requisites {
    margin-top: 32px;
}

.modal .modal-content ol.text-wrapper {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: flex-start;
    list-style-type: decimal;
    margin-left: 20px;
}

.modal .modal-content .text-wrapper .text {
    text-align: left;
}

.modal .modal-content .payment-qr-code {
    display: block;
    margin: 32px auto;
}

section.feedback-form input[type=text] {
    font-weight: 400;
}

ul.feedback-type-choose {
    display: flex;
    max-width: 390px;
    width: 100%;
    border-radius: 20px;
    border: 1px solid #D39433;
    padding: 4px;
    height: 54px;
    margin: 44px auto;
}
ul.feedback-type-choose li {
    max-width: 191px;
    width: 100%;
}
ul.feedback-type-choose li button {
    cursor: pointer;
    border-radius: 20px;
    background: transparent;
    width: 100%;
    height: 46px;
    color: #8399AE;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    border: none;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
    transition: .2s all linear;
}

ul.feedback-type-choose li.active button {
    background: linear-gradient(308deg, #D39433 -33.34%, #FDE47F 92.09%);
    color: #1D2228;
}

/* Socials */

section.socials {
    background: #fcfaf7;
    padding: 84px 0;
}

section.socials .text, section.earning-on-invitation .text {
    color: #4F5D6D;
    font-weight: 400;
    text-align: center;
    margin: 32px 0;
}

section.socials ul.socials-list {
    display: flex;
    gap: 53px;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

section.socials ul.socials-list li {
    cursor: pointer;
}

.more_text__btn {
    text-align: center;
    width: 100%;
    display: flex;
    justify-content: center;
    cursor: pointer;
    margin-top: 25px;
}

.calc_info__desc {
    display: none;
    text-align: justify;
    overflow: hidden;
    color: #1D2228;
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
    opacity: 0.7;
}

/* convert-steps */
section.convert-steps .container {
    padding: 0px;
}

section.convert-steps {
    padding: 84px 0;
    background: url("../img/bg-sales-advantages.png") center no-repeat, #fcfaf7;
    background-size: cover;
}

section.convert-steps .text {
    color: #4F5D6D;
    font-weight: 400;
    text-align: center;
    margin: 32px 0 0 0;
}

section.convert-steps img {
    max-width: 100%;
    margin: 0 auto;
}

section.download-app {
    background: transparent;
    margin-top: -32px;
    margin-bottom: -72px;
    position: relative;
    z-index: 997;
}

section.download-app .block-bg {
    max-width: 100%;
}

section.download-app .block-m-bg {
    width: 100%;
}

section.download-app a {
    display: block;
    width: 100%;
    text-align: center;
}

.sum_up .grn {
    min-width: 44px;
}

section.first-screen span.banner-header {
    display: block;
    font-size: 48px;
    font-weight: 700;
    line-height: 120%;
    color: #FFFFFF;
    max-width: 438px;
    margin-bottom: 24px;
}

span.h2 {
    display: block;
    color: #1C1C1C;
    text-align: center;
    font-size: 28px;
    font-weight: 700;
    line-height: 120%;
}

span.h3 {
    display: block;
    unicode-bidi: isolate;
    color: #1D2228;
    font-size: 16px;
    line-height: 140%;
}

span.h4 {
    display: block;
    unicode-bidi: isolate;
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    text-decoration: none;
    font-weight: bold;
}

section.first-screen .first-screen__wrapper .get-loan__wrapper span.h3 {
    color: #1D2228;
    font-size: 24px;
    font-weight: 700;
    line-height: 24.765px;
}

section.how-to-create-wallet .guide .guide-list li span.h3 {
    font-weight: 400;
    max-width: 156px;
}

.color-white {
    color: #FFFFFF !important;
}

.line-height-130-p {
    line-height: 130% !important;
}

.change-language-modal-backdrop {
    background: rgba(0, 0, 0, 0.72);
    mix-blend-mode: multiply;
    height: 100vh;
    width: 100%;
    position: fixed;
    z-index: 26;
    top: 0;
}

.overflow-hidden {
    overflow: hidden !important;
}

.change-language-modal {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 30;

    max-width: 390px;
    width: 100%;
    background: #FFF;
    border-radius: 24px;
    padding: 14px 32px 64px 32px;
}

.change-language-modal .modal-close-btn {
    width: 32px;
    height: 32px;
    position: relative;
    right: -95%;
    cursor: pointer;
}

.change-language-modal .wrapper {
    display: flex;
    flex-direction: column;
    gap: 32px;
    justify-content: center;
    align-items: center;
}

.change-language-modal h3 {
    text-align: center;
    font-size: 28px;
    font-family: "PT Sans", sans-serif;
    font-weight: 700;
    line-height: 33.6px;
    color: #1D2228;
}

.change-language-modal .wrapper .text-content {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.change-language-modal .text {
    font-size: 16px;
    font-weight: 400;
    font-family: "PT Sans", sans-serif;
    line-height: 22.4px;
    text-align: center;
}

.change-language-modal .wrapper > img {
    max-width: 200px;
    width: 100%;
}

.change-language-modal .wrapper .btn-wrapper {
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-width: 326px;
    width: 100%;
}

.change-language-modal .wrapper .btn-wrapper .btn {
    width: 100%;
    height: 53px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: linear-gradient(307.86deg, #D39433 -33.34%, #FDE47F 92.09%);
    font-family: "PT Sans", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 20.7px;
    text-align: center;
}

.change-language-modal .wrapper .btn-wrapper .btn.btn-transparent {
    background: transparent;
    color: #8399AE;
    border: 1px solid #8399AE
}

.qr-code {
    border: 1.5px solid #e5c962;
    height: 204px;
    background: #FFFFFF;
    border-radius: 0px 12px 12px 0px;
    bottom: 40px;
    padding: 20px;
    z-index: 9898;
    position: fixed;
}

section.first-screen .qr-code .text {
    font-family: "PT Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 22.4px;
    text-align: center;
    color: #4F5D6D !important;

}

.qr-code .hide-qr-code {
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
}

.qr-code .show-qr-code {
    cursor: pointer;
}

.qr-code .opened {
    width: 158px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px;
}

.qr-code .closed {
    width: 15px;
    display: flex;
    align-items: center;
    height: 100%;
}

.qr-code .qr-code-img {
    width: 100px;
    height: 100px;
}

.qr-code .show-qr-code {
    transform: rotate(180deg);
}

.media-1024-btn {
    display: none !important;
}

.media-1024-hide-btn {
    display: flex !important;
}

#kwizbot_widget .block-chats .list{display: flex; flex-direction: column;}
#kwizbot_widget .block-chats .list .messengers__logo:nth-child(2) {order: -1;}

.application-modal {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1001;

    max-width: 460px;
    width: 100%;
    background: #FFF;
    border-radius: 24px;
    padding: 0;
    box-shadow: 0px 15px 13px 0px #00000026;
}

.application-modal::-webkit-scrollbar {
    display: none;
}

.application-modal .mobile {
    display: none;
    overflow-y: scroll;
}

.application-modal .mobile::-webkit-scrollbar {
    display: none;
}

.application-modal .modal-close-btn {
    width: 24px;
    height: 24px;
    position: fixed;
    right: 12px;
    top: 14px;
    cursor: pointer;
}

.application-modal > .desktop > .wrapper {
    padding: 16px 32px 64px 32px;
}

.application-modal h3 {
    font-size: 28px;
    font-weight: 700;
    line-height: 33.6px;
    text-align: center;
    color: #1D2228;
    margin: 16px 0;
}

.application-modal .text {
    font-size: 16px;
    font-weight: 400;
    line-height: 22.4px;
    text-align: center;
    color: #4F5D6D;
    margin-bottom: 16px;
}

.application-modal .qr-code-wrapper {
    max-width: 370px;
    width: 100%;
    display: flex;
    padding: 16px 20px;
    border-radius: 16px;
    border: 1px solid #8399AE;
    align-items: center;
    margin: 0 auto;
    margin-top: 32px;
    gap: 0;
}

.application-modal .qr-code-wrapper .text {
    font-size: 16px;
    font-weight: 400;
    line-height: 22.4px;
    text-align: left;
    color: #4F5D6D;
    margin: 0;
}

.modal-backdrop {
    background: rgba(0, 0, 0, 0.72);
    mix-blend-mode: multiply;
    height: 100vh;
    width: 100%;
    position: fixed;
    z-index: 1000;
    top: 0;
}

section.first-screen button.btn-more, section.first-screen a.btn-more {
    display: flex;
    max-width: 150px;
    gap: 8px;
    align-items: center;
    justify-content: center;
    height: 46px;
    padding-inline: 24px;
    border: 1px solid #D39433;
    background: transparent;
    font-size: 14px;
    font-weight: 700;
    line-height: 18.12px;
    text-align: center;
    color: #D39433;
    border-radius: 8px;
    margin: 24px 0;
    cursor: pointer;
}

.calculator .change-loan-type-wrapper {
    display: flex;
    background: #F3F4F5;
    border-radius: 7px;
}

.calculator .change-loan-type-wrapper button {
    background: #F3F4F5;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    text-align: left;
    color: #8399AE;
    border: none;
    border-radius: 7px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 6px;
    padding: 10px 12px;
    height: 48px;
    cursor: pointer;
    width: 172px;
}

.calculator .change-loan-type-wrapper button svg {
    max-width: 17px;
    width: 100%;
    height: 17px;
}

.calculator .change-loan-type-wrapper button.active svg {
    max-width: 21px;
    width: 100%;
    height: 21px;
}

.calculator .change-loan-type-wrapper button.active .fw700-active {
    font-weight: 700;
}

.calculator .change-loan-type-wrapper button.active {
    background: linear-gradient(307.86deg, #D39433 -33.34%, #FDE47F 92.09%);
    color: #000000;
    font-size: 16px;
}

section.google-play-app {
    padding: 48px 0 0 0;
    background: #F3F4F5;
}

section.google-play-app .wrapper {
    display: flex;
    justify-content: space-between;
}

section.google-play-app .content {
    max-width: 601px;
    width: 100%;
    margin-top: 64px;
}

section.google-play-app .content .text {
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    text-align: left;
    color: #4F5D6D;
    margin: 32px 0;
}

section.google-play-app .content .google-play-wrapper {
    display: flex;
    max-width: 556px;
    width: 100%;
    border: 1px solid #1D2228;
    padding: 12px;
    border-radius: 16px;
    gap: 24px;
}

section.google-play-app .content .google-play-wrapper .left-side {
    padding: 12px 0 12px 12px;
}

section.google-play-app .content .google-play-wrapper .text {
    font-size: 16px;
    font-weight: 400;
    line-height: 22.4px;
    text-align: left;
    color: #1D2228;
    margin: 0;
    margin-top: 12px;
}

section.google-play-app .download-app-mobile {
    border: 1px solid #1D2228;
    max-width: 345px;
    width: 100%;
    border-radius: 16px;
    padding: 24px;
    display: none;
}

section.google-play-app .download-app-mobile img {
    display: flex;
    margin: 0 auto;
}

section.google-play-app .download-app-mobile .text {
    font-size: 16px;
    font-weight: 400;
    line-height: 22.4px;
    text-align: center;
    margin-top: 12px;
}

section.google-play-app .download-app-mobile .btn {
    font-size: 14px;
    font-weight: 700;
    line-height: 18.12px;
    text-align: center;
    height: 46px;
    margin-top: 24px;
}

section.google-play-app h3 {
    font-size: 28px;
    font-weight: 400;
    line-height: 33.6px;
    text-align: left;
    color: #1C1C1C;
}

section.first-crypto-loan {
    padding: 64px 0;
}

section.first-crypto-loan h2 {
    font-size: 48px;
    font-weight: 700;
    line-height: 57.6px;
    text-align: center;
    color: #1C1C1C;
    margin-bottom: 32px;
}

section.first-crypto-loan .text {
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    text-align: center;
    color: #4F5D6D;
    max-width: 918px;
    margin: 0 auto;
}

section.how-to-get-loan, section.earning-on-invitation {
    padding: 64px 0;
}

section.how-to-get-loan h3, section.earning-on-invitation h3 {
    font-size: 28px;
    font-weight: 700;
    line-height: 33.6px;
    text-align: center;
    color: #1C1C1C;
}

section.how-to-get-loan .wrapper, section.earning-on-invitation .wrapper {
    margin-top: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
}

section.how-to-get-loan .wrapper > img {
    margin-inline: -150px;
}

ul.guide-list {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    margin-top: 32px;
}

ul.guide-list li {
    min-height: 159px;
    background: #F3F4F5;
    padding: 32px 20px;
    border-radius: 16px;
    width: 100%;
}

ul.guide-list li.download-app {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

ul.guide-list li.download-app .text {
    margin: 0;
}

ul.guide-list li.download-app button {
    background: transparent;
    border: none;
    cursor: pointer;
}

ul.guide-list li .name {
    font-size: 24px;
    font-weight: 700;
    line-height: 28.8px;
    color: #1C1C1C;
}

ul.guide-list li .text {
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    text-align: left;
    color: #4F5D6D;
    margin-top: 12px;
}

section.fast-exchange {
    padding: 64px 0;
}

section.fast-exchange > .container > .wrapper > img {
    margin-top: 28px;
}

section.fast-exchange h3 {
    font-size: 28px;
    font-weight: 700;
    line-height: 33.6px;
    text-align: center;
    color: #1C1C1C;
    margin-bottom: 32px;
}

section.fast-exchange > .container > .wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 32px;
}

section.how-to-pay-loan {
    padding: 64px 0;
    background: #F3F4F5;
}

section.how-to-pay-loan h3 {
    font-size: 28px;
    font-weight: 700;
    line-height: 33.6px;
    text-align: center;
    color: #1C1C1C;
    margin-bottom: 64px;
}

section.how-to-pay-loan .desktop {
    padding-bottom: 20px;
}

section.how-to-pay-loan .mobile, section.how-to-pay-loan .desktop {
    display: flex;
    gap: 20px;
    overflow: auto;
}

section.how-to-pay-loan .mobile::-webkit-scrollbar {
    display: none;
}

section.how-to-pay-loan .desktop::-webkit-scrollbar {
    height: 7px;
}

section.how-to-pay-loan .mobile {
    display: none;
}

section.socials {
    padding-top: 64px;
    padding-bottom: 0;
    background: #FFFFFF;
    overflow: hidden;
}

section.socials h3 {
    font-size: 28px;
    font-weight: 700;
    line-height: 33.6px;
    text-align: center;
    color: #1C1C1C;
    margin-bottom: 32px;
}

section.socials .text, section.earning-on-invitation .text {
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    text-align: center;
    color: #4F5D6D;
}

.pagination-container {
    display: flex;
    gap: 40px;
    justify-content: center;
    margin-top: 32px;
    align-items: center;
}

#pagination-list-buttons {
    display: flex;
    gap: 8px;
}

.pagination-button {
    width: 9px;
    height: 9px;
    background: #8399AE;
    -webkit-clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);
    clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);
    cursor: pointer;
    border: none;
    padding: 0;
    opacity: .5;
}

.pagination-button.active-pagination-button {
    background: linear-gradient(308deg, #D39433 -33.34%, #FDE47F 92.09%);
    z-index: 1;
    opacity: 1;
    width: 12px;
    height: 12px;
    top: 5px;
}

.pagination-list-button-prev {
    transform: rotate(180deg);
}

.pagination-list-button-prev, .pagination-list-button-next {
    border: none;
    cursor: pointer;
    background: transparent;
}

section.socials {
    padding-top: 64px;
    padding-bottom: 0;
    background: #FFFFFF;
    overflow: hidden;
}

section.socials h3 {
    font-size: 28px;
    font-weight: 700;
    line-height: 33.6px;
    text-align: center;
    color: #1C1C1C;
    margin-bottom: 32px;
}

section.socials .text, section.earning-on-invitation .text {
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    text-align: center;
    color: #4F5D6D;
}

.swiper-carousel-container {
    width: 932px;
    height: 580px;
    left: 50%;
    transform: translateX(-50%);
    overflow: hidden;
    position: relative;
}

.swiper-carousel-container .swiper-slide {
    text-align: center;
    font-size: 18px;
    height: 100%;
    /*  transform: scale(0.8); */
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    transition: 0.3s all;

    border-radius: 10px;
}

.swiper-carousel-container .swiper-slide.swiper-slide-active .phone-img {
    display: initial;
}

.swiper-carousel-container .swiper-slide .phone-img {
    position: absolute;
    z-index: 1;
    display: none;
}


.swiper-carousel-container .swiper-slide .content-img {
    position: relative;
    z-index: 2;
}

.swiper-carousel-container .swiper-slide:not(.swiper-slide-prev):not(.swiper-slide-active):not(.swiper-slide-next) {
    opacity: 0;
}

.swiper-carousel-container .swiper-slide-prev,
.swiper-carousel-container .swiper-slide-next {
    opacity: 0.3;
}

.swiper-carousel-container .swiper-slide-active {
    transition: 0.3s all;
    opacity: 1;
}

section.socials .pagination-socials {
    position: absolute;
    bottom: 50px;
    left: 170px;
    display: flex;
    gap: 32px;
    z-index: 10;
    height: 94px;
    background: #FFFFFF;
    box-shadow: 0px 10.55px 26.37px 0px #00000040;
    border: 1.17px solid #DADADA;
    border-radius: 16px;
    padding: 16px 24px 16px 24px;
}

section.socials {
    position: relative;
}

.swiper-carousel-container .swiper-socials-carousel-pagination {
    position: absolute;
    background: #FFFFFF;
    height: 94px;
    max-width: 600px;
    align-items: center;
    width: 100%;
    box-shadow: 0px 10.55px 26.37px 0px #00000040;
    border: 1.17px solid #DADADA;
    border-radius: 16px;
    z-index: 10;
    bottom: 50px !important;
    left: 163px !important;
    display: flex;
    justify-content: center;
    gap: 24px;
}

.swiper-socials-pagination-bullet {
    opacity: .6;
    transform: scale(.8);
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    font-family: PT Sans, sans-serif;
    font-size: 23px;
    font-weight: 400;
    line-height: 30.53px;
    text-align: center;
    color: #4F5D6D;
}

.swiper-socials-pagination-bullet-active {
    opacity: 1;
    transform: scale(1);  color: #4F5D6D;
    font-size: 26px;
}

.swiper-socials-carousel-button-prev, .swiper-socials-carousel-button-next {
    cursor: pointer;
    position: absolute;
    top: 440px;
}

.swiper-socials-carousel-button-prev {
}

.swiper-socials-carousel-button-next {
    margin-left: 1180px;
}

section.main-page-feedback {
    padding: 64px 0;
    background: #F3F4F5;
}

section.main-page-feedback h3 {
    font-size: 28px;
    font-weight: 700;
    line-height: 33.6px;
    text-align: center;
}

section.main-page-feedback ul {
    display: flex;
    gap: 30px;
    align-items: center;
    justify-content: center;
    margin-top: 48px;
    overflow: auto;
    padding-bottom: 12px;
}

section.main-page-feedback ul::-webkit-scrollbar {
    height: 7px;
}

section.main-page-feedback ul li {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

section.main-page-feedback ul li .feedback-content {
    width: 285px;
    padding: 24px;
    border-radius: 24px;
    background: #FFFFFF;
}

section.main-page-feedback ul li .feedback-content .date {
    font-size: 14px;
    font-weight: 400;
    line-height: 19.6px;
    text-align: left;
    color: #8399AE;
}

section.main-page-feedback ul li .feedback-content .text {
    font-size: 14px;
    font-weight: 400;
    line-height: 19.6px;
    text-align: left;
    color: #1D2228;
    margin-top: 12px;
}

section.main-page-feedback ul li .feedback-content img {
    position: relative;
    bottom: -48px;
    left: 14px;
}

section.main-page-feedback ul li .feedback-author {
    display: flex;
    gap: 16px;
    align-items: center;
}

/* licence */
section.license {
    background: #1D2228;
    min-height: 373px;
    padding: 84px 0px;
}

section.license ul.info-links-btn {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 64px;
    justify-content: center;
}

section.license ul.info-links-btn li {
    padding: 10px;
    padding-top: 8px;
    border: 1px solid #FDE47F;
    min-height: 42px;
    border-radius: 4px;

    font-family: PT Sans, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 22.4px;
    text-align: center;
    color: #FFFFFF;
}


section.license h3 {
    text-align: center;
    color: #1D2228;
    font-size: 28px;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 32px;
}

section.license .text {
    text-align: center;
    color: #FFF;
    font-size: 16px;
    line-height: 140%;
    font-weight: 400;
    max-width: 1018px;
    margin: 0 auto;
}

section.earning-on-invitation .wrapper ul li {
    max-width: calc(25% - 24px);
}

section.earning-on-invitation .wrapper ul li .name {
    background: linear-gradient(112.98deg, #1D2228 -38%, #4F5D6D 96.29%);
    border: 1px solid;
    border-image-source: linear-gradient(307.86deg, #D39433 -33.34%, #FDE47F 92.09%);
    border-image-slice: 1;
    padding: 0 10px;
    gap: 10px;
    border-radius: 5px;
    color: rgba(253, 228, 127, 1);
    font-family: PT Sans, serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 27px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

.invitation-title {
    display: flex;
    margin-top: 10px;
    margin-bottom: 10px;
}

.invitation-title span {
    color: rgba(29, 34, 40, 1);
    font-family: PT Sans, serif;
    font-size: 36px;
    font-weight: 700;
    line-height: 36px;
    align-self: center;
    width: 143px;
}

.invitation-content {
    font-family: PT Sans, serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 25.2px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: rgba(79, 93, 109, 1);
}

.close-android-download-app {
    position: absolute;
    width: 24px;
    height: 24px;
    top: 8.5px;
    left: 15px;
    gap: 0px;
    opacity: 0px;
}
.android-download-app-btn {
    position: absolute;
    left: 252px;
    top: 8px;
    display: block;
    width: 108px;
    height: 28px;
    gap: 0px;
    opacity: 0px;
    angle: 0 deg;
}
.android-download-app-btn button {
    height: 28px;
    text-transform: none;
    font-family: PT Sans;
    font-size: 10px;
    font-weight: 700;
    line-height: 12px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #000000;
}

.mobile-hide {
    display: block;
}
.mobile-show {
    display: none;
}

section.feedback .feedback-list li .contact-items-wrapper {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    flex-wrap: wrap;

}

section.feedback .feedback-list li .contact-items-wrapper .text {
    color: #4F5D6D;
}

section.feedback .feedback-list li .contact-items-wrapper .text a {
    cursor: pointer;
}

section.feedback .feedback-list li .contact-items-wrapper .contact-item-wrapper {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

section.feedback .feedback-list li .contact-items-wrapper .contact-item-wrapper .wrapper {
    display: flex;
    flex-direction: column;
    gap: 4px;
    justify-content: flex-start;
    align-items: flex-start;
}

footer .footer__wrapper .support .footer-contacts-wrapper {
    display: flex;
    gap: 20px;
    margin: 8px 0 20px 0;
}

footer .footer__wrapper .support .footer-contacts-wrapper .footer-contact-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

footer .footer__wrapper .support .footer-contacts-wrapper .footer-contact-item .text {
    font-family: PT Sans, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0;
    color: #FDE47F;
}

footer .footer__wrapper .support .footer-contacts-wrapper .footer-contact-item a.text {
    text-decoration: underline;
}

footer .footer__wrapper .support h5 {
    color: #F3F4F5;
    font-size: 18px;
    font-weight: 700;
    line-height: 27px;
    text-transform: uppercase;
    margin-bottom: 18px;
}

.tel {
    cursor: pointer;
    transition: .3s all linear;
    display: flex;
    column-gap: 12px;
    align-items: center;
    margin-bottom: 20px;
}

.tel:hover {
    transform: scale(1.05);
}

.tel a {
    color: #FDE47F;
}

.tel .tel-text {
    font-size: 24px;
    line-height: 120%;
}

footer .footer__wrapper .footer-text {
    color: #F3F4F5;
    font-size: 16px;
    line-height: 110%;
    margin-bottom: 10px;
}