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

body {
    font-family: 'SF Pro Display Regular', sans-serif;
    font-size: 18px;
    background: #F7F9FD;
}

h1 {
    font-family: 'SF Pro Display Medium', sans-serif;
    font-weight: 600;
    font-size: 72px;
    line-height: 120%;
    letter-spacing: 0%;
    background: linear-gradient(145.92deg, #03D9FF 9.35%, #A5DE07 81.45%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

h2 {
    font-family: 'SF Pro Display', sans-serif;
    font-weight: 600;
    font-size: 56px;
    line-height: 120%;
    letter-spacing: 0;
    text-align: center;
    color: #101C40;
    max-width: 670px;
    margin: 0 auto;
}

h3 {
    font-family: 'SF Pro Display Medium', sans-serif;
    font-weight: 600;
    font-size: 28px;
    line-height: 140%;
    letter-spacing: 0%;
    color: #000000;
}

h4 {
    font-family: 'SF Pro Display Medium', sans-serif;
    font-weight: 600;
    font-size: 24px;
    line-height: 140%;
    letter-spacing: 0%;
    color: #101C40;
}

.subtitle {
    font-family: 'SF Pro Display', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    letter-spacing: 0;
    text-align: center;
    color: #4A4B50;
    margin-top: 16px;
}

.text {
    font-family: 'SF Pro Display Regular', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    letter-spacing: 0%;
    color: #4A4B50;
}

.text.gray {
    color: #76777C;
}

span.bold {
    font-weight: 700;
}

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

.hide {
    display: none !important;
}

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

}

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

#burger {
    width: 25px;
    height: 22px;
    position: relative;
    z-index: 30;
    -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;
    background: #FFFFFF;
    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.open span {
    background: #FFFFFF;
}

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

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

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

#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);
}

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

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

.mobile-header-pay {
    display: none;
}

span.green-color {
    color: #A5DE07;
}

header {
    height: 70px;
    position: absolute;
    z-index: 15;
    background: transparent;
    width: 100%;
    display: flex;
    align-items: center;
}

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

header.blue-header {
    background: #101C40;
}

header ul {
    display: flex;
    gap: 56px;
    align-items: center;
}

header ul li {
    transition: .1s all linear;
}

header ul li:hover {
    transform: scale(1.01);
}

header ul a {
    font-family: 'SF Pro Display Regular', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    letter-spacing: 0%;
    color: #FFFFFF;
}

.btns-wrapper {
    display: flex;
    align-items: center;
    gap: 24px;
}

.btn {
    background: linear-gradient(145.92deg, #03D9FF 9.35%, #A5DE07 81.45%);
    height: 46px;
    border-radius: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px;
    transition: .1s all linear;
    border: none;
    font-family: 'SF Pro Display Medium', sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0%;
    color: #FFFFFF;
    cursor: pointer;
}

section.calculation-explain .btn.btn-black.mobile {
    display: none;
}

.btn.btn-black {
    background: #101C40;
    color: #FFFFFF;
    max-width: 491px;
    width: 100%;
    margin-top: 16px;
}

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

.btn.btn-transparent {
    background: #FFFFFF;
    border: none;
    position: relative;
    color: #101C40;
}

.btn.btn-transparent::after {
    content: '';
    position: absolute;
    height: 107%;
    width: 103%;
    background-image: linear-gradient(145.92deg, #03D9FF 9.35%, #A5DE07 81.45%);;
    border-radius: 32px;
    z-index: -1;
    left: -2px;
}

.btn.btn-transparent:hover {
    transform: none;
}

header .btn {
    width: 120px;
    color: #101C40;
}

header .header-transparent-btn {
    border: 2px solid;
    background: transparent;
    border-radius: 32px;
    cursor: pointer;
    position: relative;
    height: 46px;
    width: 120px;
    font-family: 'SF Pro Display', sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0;
    color: #A5DE07;
    padding: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

header .header-transparent-btn:before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 32px;
    background: linear-gradient(145.92deg, #03D9FF 9.35%, #A5DE07 81.45%);
    mask: linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
    mask-composite: exclude;
}

section {
    padding: 64px 0;
}

section.first-screen {
    background: url("../img/first-screen-bg-1.png") center center/cover no-repeat, #101C40;
    padding-top: 143px;
    padding-bottom: 84px;
    position: relative;
    font-family: 'SF Pro Display', sans-serif;
}

section.first-screen .first-screen-bg-img {
    position: absolute;
    left: 43%;
    top: 32%;
}

section.first-screen .first-screen-bg-img-mobile {
    display: none;
}

.gradient-text {
    background: linear-gradient(152.95deg, #00DAF5 20.7%, #01496B 109.39%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

h1 {
    font-weight: 600;
    font-size: 72px;
    line-height: 120%;
    letter-spacing: 0;
    background: linear-gradient(152.95deg, #00DAF5 20.7%, #01496B 109.39%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}


section.first-screen .info-wrapper {
    max-width: 615px;
    width: 100%;
}

section.first-screen .first-screen-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 44px;
}

section.first-screen .subtitle-wrapper {
    border-radius: 6px;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: transparent;
    font-weight: 400;
    font-size: 28px;
    line-height: 140%;
    letter-spacing: 0;
    text-transform: uppercase;
    color: #FFFFFF;
    position: relative;
    text-align: center;
}

section.first-screen .title-wrapper {
    background: linear-gradient(213.09deg, rgba(4, 95, 138, 0.3) 12.41%, rgba(17, 29, 66, 0.3) 39.88%, rgba(17, 29, 66, 0.3) 66.01%, rgba(11, 85, 120, 0.3) 90.62%);
    border-radius: 32px;
    border: 1px solid #111D42;
    padding: 10px;
    margin-bottom: 18px;
    margin-top: 24px;
}

section.first-screen .text {
    font-weight: 600;
    font-size: 24px;
    line-height: 140%;
    letter-spacing: 0;
    color: #03D9FF;
}

section.advantages h5 {
    font-size: 24px;
    color: #101C40;
}

ul.advantages-content-wrapper {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

ul.advantages-content-wrapper li {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}

ul.advantages-content-wrapper li .text-wrapper {
    display: flex;
    gap: 8px;
    flex-direction: column;
}

ul.advantages-list {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
    margin-top: 32px;
}

ul.advantages-list li.advantages-list__item {
    max-width: 600px;
    width: 100%;
    min-height: 616px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    padding: 32px;
    border-radius: 24px;
    box-shadow: 0px 10px 30px 0px #0000000F;
    background: #FFFFFF;
    flex-shrink: 0;
}

ul.advantages-list p, ul.advantages-list .bold {
    margin: 0 !important;
}

section.about-us {
    padding-bottom: 64px;
}

section.about-us .text {
    font-family: 'SF Pro Display', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    letter-spacing: 0;
    color: #76777C;
}

section.about-us .text-wrapper {
    display: flex;
    flex-direction: column;
    gap: 16px;

}

section.about-us h2 {
    margin-bottom: 12px;
}

section.about-us.single-section-page h2 {
    max-width: 900px;
}

section.about-us .advantages-list .application-item {
    background: transparent;
    padding: 0;
    box-shadow: none;
    border: none;
}

section.about-us .advantages-list .application-item.mobile {
    display: none;
}

section.about-us .btn-black {
    max-width: 391px;
    width: 100%;
    background: #101C40;
    height: 48px;
    color: #FFFFFF;
}

.list-pagination-btns {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: 32px;
    gap: 8px;
    user-select: none;
}

.list-pagination-btns button img.active {
    display: none;
}

.list-pagination-btns button.active img.active {
    display: block;
}

.list-pagination-btns button.active img {
    display: none;
}

.list-pagination-btns button {
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background: #DEDFE2;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.list-pagination-btns button.active {
    background: #FFFFFF;
}

section.registration {
    background: #FFFFFF;
}

section.registration .wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 64px;
}

.text.grey {
    color: #76777C;
}

section.registration .content-wrapper {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: flex-start;
    justify-content: center;
    max-width: 473px;
}

section.registration .btn {
    height: 48px;
    width: 300px;
    padding: 12px 48px;
    margin-top: 12px;
}

.btn.black {
    background: #101C40;
    font-family: 'SF Pro Display Medium', sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 140%;
    letter-spacing: 0%;
    color: #FFFFFF;
}

section.fast-exchange {
    padding-bottom: 120px;
}

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

section.fast-exchange .text-wrapper {
    position: relative;
    max-width: 509px;
    width: 100%;
}

section.fast-exchange .text-wrapper img {
    position: absolute;
    top: 1px;
    right: 115px;
}

section.fast-exchange h2 {
    max-width: 509px;
}

section.fast-exchange .text-wrapper .text {
    width: 205px;
    margin-top: 12px;
}

section.fast-exchange ul {
    display: flex;
    flex-wrap: wrap;
    gap: 32px;
    max-width: 905px;
}

section.fast-exchange ul li {
    max-width: 285px;
    width: 100%;
    min-height: 239px;
    box-shadow: 0px 10px 30px 0px #0000000F;
    background: #FFFFFF;
    border-radius: 24px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    padding: 0 32px 32px 0;

}

section.fast-exchange ul li .text {
    padding-left: 32px;
    margin-top: -16px;
}

section.socials {
    text-align: center;
    padding: 120px 0;
}

section.socials .wrapper {
    max-width: 832px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 24px;
    margin: 0 auto;
}

section.socials ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 88px;
    margin-top: 65px;
}

section.socials ul li {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

section.socials h3 {
    margin-top: 12px;
}

section.socials ul li a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

section.feedback {
    padding: 120px 0;
}

section.feedback .text {
    margin-bottom: 24px;
    max-width: 442px;
}

section.feedback ul {
    display: flex;
    gap: 32px;
    justify-content: center;
    align-items: center;
    margin-top: 32px;
}

section.feedback ul li {
    max-width: 390px;
    width: 100%;
    min-height: 188px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    gap: 24px;
    padding: 27px;
    border-radius: 24px;
    background: #FFFFFF;
    box-shadow: 0px 10px 30px 0px #0000000F;
}

section.feedback ul li .text {
    margin: 0;
    max-width: inherit;
}

section.feedback ul li .wrapper {
    display: flex;
    gap: 16px;
    align-items: center;
    justify-content: space-between;
}

section.feedback ul li .wrapper .name {
    font-family: 'SF Pro Display Medium', sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 140%;
    letter-spacing: 0%;
    color: #4A4B50;
}

section.feedback ul li .wrapper .date {
    font-family: 'SF Pro Display Regular', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0%;
    color: #97989A;
}

section.calculator-section {
    background: #FFFFFF;
}

.calculator-wrapper {
    background: #F7F9FD1A;
    border-radius: 40px;
    padding: 16px;
}

section.first-screen .text.desktop {
    display: block;
}

section.first-screen .text.mobile {
    display: none;
    margin-top: 12px;
}

.calculator {
    width: 343px;
    border-radius: 40px;
    background: linear-gradient(175.19deg, #111D42 23.35%, #083c55 97.68%);
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: center;
    position: relative;
}

.calculator .btn {
    font-family: 'SF Pro Display', sans-serif;
    width: 100%;
    max-width: 280px;
    margin: 8px 0;
    font-weight: 600;
    font-size: 18px;
    line-height: 140%;
    letter-spacing: 0;
    color: #101C40;
    height: 48px;
    margin-top: -12px;
}

.calculator .sum-input-wrapper {
    position: absolute;
    background: rgba(3, 217, 255, 0.3);
    border-radius: 50%;
    width: 108px;
    height: 108px;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 130px;
}

.calculator .sum-input-wrapper .sum-input-content {
    background: linear-gradient(163.69deg, #111D42 11.32%, #273F85 95.31%);
    border: 3px solid #03D9FF;
    border-radius: 50%;
    width: 82px;
    height: 82px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 8px 0;
}

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

.calculator .sum-input-wrapper .sum-input-content .text {
    font-family: 'SF Pro Display', sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 140%;
    letter-spacing: 0;
    text-align: center;
    color: #A5DE07;
}

.calculator .sum-input-wrapper .sum-input-content .calculator-current-value {
    font-size: 22px;
    line-height: 1;
    color: #03D9FF;
}

.calculator .input-sum-control {
    position: absolute;
    top: 0;
}

.calculator .condition-blue-wrapper {
    width: 100%;
    height: 110px;
    padding: 5px;
    position: relative;
    background: url("../img/calculator-control-bg.png") no-repeat;
    background-size: 102% 100%;
    background-position: -3px -3px;
    border-radius: 16px;
    margin-top: -12px;
}

/*.calculator .condition-blue-wrapper::before {*/
/*    content: '';*/
/*    background: url("../img/control-wrapper-blur.png") center center no-repeat;*/
/*    right: -1px;*/
/*    top: 1px;*/
/*    position: absolute;*/
/*    width: 320px;*/
/*    height: 103px;*/
/*    border-radius: 16px;*/
/*}*/

.calculator .condition-wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
    /*background: #101C40;*/
    /*border: 1px solid #03D9FF;*/
    padding: 10px 20px;
    position: relative;
    top: 4px;
}

.calculator .condition-wrapper .jcsb-wrapper {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.calculator .condition-wrapper .jcsb-wrapper.relative {
    position: relative;
    top: -3px;
}

.calculator .condition-wrapper .jcsb-wrapper .condition-name {
    font-family: 'SF Pro Display', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0;
    color: #03D9FF;
}

.calculator .condition-wrapper .value-text {
    font-family: 'SF Pro Display', sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 140%;
    letter-spacing: 0;
    color: #03D9FF;
}

.calculator input[type=text] {
    height: 38px;
    width: 110px;
    border: 1px solid #03D9FF;
    background: #F7F9FD;
    border-radius: 32px;
    padding: 8px;

    font-family: 'SF Pro Display Medium', sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0%;
    color: #4A4B50;

    text-align: center;
}

.calculator input[type=text]::placeholder {
    font-family: 'SF Pro Display Medium', sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0%;
    color: #4A4B50;
}

.calculator input[type=range] {
    width: 100%;
    -webkit-appearance: none;
    appearance: none;

}

.calculator .exchange-rate {
    display: flex;
    gap: 8px;
    font-family: 'SF Pro Display', sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 140%;
    letter-spacing: 0;
    color: #A5DE07;
    align-items: center;
    margin-top: -50px;
}

.calculator .exchange-rate.usdt-rate {
    margin-top: -18px;
}

.calculator .exchange-rate .usdt-rate-wrapper {
    width: 99px;
    background: #101C40;
    border: 1px solid #0DB3D1;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    padding: 10px;
}

.calculator .exchange-rate .usdt-rate-wrapper span {
    margin-right: 4px;
}

.calculator input[type=range]::-webkit-slider-runnable-track {
    height: 8px;
    border-radius: 24px;
    background: linear-gradient(to right, #03D9FF 0%, #03D9FF var(--fill-percent), #1D3478 var(--fill-percent), #1D3478 100%);
}

.calculator input[type=range]::-moz-range-track {
    background: linear-gradient(to right, #03D9FF 0%, #03D9FF var(--fill-percent), #1D3478 var(--fill-percent), #1D3478 100%);
    height: 8px;
    border-radius: 24px;
}

.calculator {
    user-select: none;
}

.calculator input[type=range]::-moz-range-progress {
    background: linear-gradient(to right, #03D9FF 0%, #03D9FF var(--fill-percent), #1D3478 var(--fill-percent), #1D3478 100%);
    height: 8px;
    border-radius: 24px;
}

.calculator input[type=range]::-ms-thumb {
    -webkit-appearance: none;
    appearance: none;
    background: url("../img/conrol-date-thumb.png") center center no-repeat;
    background-position-y: -15px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    position: relative;
    transform: scale(.9);
    top: -13px;
    cursor: pointer;
}

.calculator input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    background: url("../img/conrol-date-thumb.png") center center no-repeat;
    background-position-y: -15px;
    width: 36px;
    transform: scale(.9);
    height: 36px;
    border-radius: 50%;
    position: relative;
    top: -13px;
    cursor: pointer;
}

.calculator input[type=range]::-moz-range-thumb {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    transform: scale(.9);
    background: url("../img/conrol-date-thumb.png") center center no-repeat;
    background-position-y: -15px;
}

.calculator .application-info {
    display: flex;
    justify-content: flex-end;
    text-align: right;
    gap: 12px;
}

.calculator .application-info .text {
    font-family: 'SF Pro Display Medium', sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 140%;
    letter-spacing: 0%;
    text-align: right;
    color: #4A4B50;
}

section.calculator-section .wrapper {
    display: flex;
    align-items: center;
    gap: 104px;
    padding-inline: 104px;
    margin-bottom: 48px;
}

section.calculator-section .wrapper .text-wrapper {
    max-width: 400px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

section.calculator-section .btn {
    max-width: 300px;
    width: 100%;
    height: 48px;
    font-size: 18px;
}

section.calculator-section .container > .btn {
    margin: 0 auto;
}


footer {
    background: #101C40;
    padding-top: 64px;
}

footer .footer-wrapper {
    display: flex;
    justify-content: space-between;
    padding-bottom: 64px;
}

footer .footer-wrapper .wrapper {
    max-width: 289px;
    width: 100%;
    font-family: 'SF Pro Display Regular', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0%;
    color: #FFFFFF;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

footer .footer-wrapper .wrapper .icon-wrapper {
    display: flex;
    align-items: center;
    gap: 16px;
    color: #03D9FF;
}

footer .footer-wrapper .footer-text-green a,
footer .footer-wrapper .footer-text-green {
    font-family: 'SF Pro Display Medium', sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 140%;
    letter-spacing: 0;
    color: #A5DE07;
}

footer ul {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

footer ul li {
    max-width: 185px;
}

footer ul a {
    font-family: 'SF Pro Display Regular', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0%;
    color: #F7F9FD;
}

footer ul.social-list {
    flex-direction: row;
}

footer .all-rights {
    background: #090F24;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-inline: 12px;
    font-family: 'SF Pro Display Regular', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    color: #FFFFFF;
    flex-direction: column;
    gap: 20px;
    padding: 40px 0 45px 0;
}

footer .all-rights span {
    display: block;
}

.side-menu {
    position: fixed;
    z-index: 25;
    right: -100%;
    background: #101C40;
    width: auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    transition: right 0.5s ease;
}

.side-menu .side-menu-header {
    background: #090F24;
    height: 5vh;
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 59px;
    padding: 21px;
}

.side-menu .side-menu-header .menu-name {
    font-family: 'SF Pro Display Medium', sans-serif;
    font-weight: 600;
    font-size: 22px;
    line-height: 140%;
    letter-spacing: 0%;
    color: #FFFFFF;
}

.side-menu .side-menu__wrapper {
    padding: 32px;
    padding-left: 68px;
}

.side-menu .side-menu__wrapper ul {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    gap: 16px;
}

.side-menu .side-menu__wrapper ul li {
    text-align: right;
}

.side-menu .side-menu__wrapper ul a {
    font-family: 'SF Pro Display Medium', sans-serif;
    font-weight: 600;
    font-size: 22px;
    line-height: 140%;
    letter-spacing: 0;
    text-align: right;
    color: #FFFFFF;
    max-width: 180px;
    width: 100%;
    display: block;
}

.side-menu .side-menu__wrapper .btns-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 24px;
    margin-top: 32px;
}

.side-menu .side-menu__wrapper .btns-wrapper .btn {
    background: #101C40;
    height: 48px;
    max-width: 345px;
    width: 100%;
    background: linear-gradient(145.92deg, #03D9FF 9.35%, #A5DE07 81.45%);

    font-family: 'SF Pro Display Medium', sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0;
    color: #101C40;
}

.side-menu .side-menu__wrapper .btns-wrapper .btn.btn-transparent {
    background: transparent;
    border: 2px solid #A5DE07;
    position: relative;
    color: #A5DE07;
}

.side-menu .side-menu__wrapper .btns-wrapper .btn.btn-transparent::after {
    content: '';
    width: auto;
    height: auto;
    position: inherit;
}

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

.disable-body {
    overflow: hidden;
}

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

header.dark-blue {
    background: #101C40;
}

header.dark-blue #burger span {
    background: #FFFFFF;
}

header.dark-blue ul a {
    color: #FFFFFF;
}

header.dark-blue .btn {
    color: #101C40;
}

header.dark-blue .btn.btn-transparent {
    background: #101C40;
    color: #A5DE07;
}

.single-section-page {
    padding-top: 90px;
    min-height: calc(100vh - 70px - 287px);
}

.single-section-page .page-nav {
    display: flex;
    gap: 4px;
    align-items: center;
    margin-bottom: 64px;

}

.single-section-page .page-nav .text {
    font-family: 'SF Pro Display Regular', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0%;
    color: #97C614;
}

.single-section-page .page-nav a {
    font-family: 'SF Pro Display Regular', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0%;
    color: #76777C;
}

.single-section-page h2 {
    text-align: center;
    margin-bottom: 48px;
}

section.contacts .container .contacts-wrapper > .wrapper {
    display: flex;
    justify-content: space-between;
    max-width: 707px;
    width: 100%;
    margin: 0 auto;
    gap: 32px;
}

section.contacts .wrapper .contacts-details {
    max-width: 390px;
    width: 100%;
    background: #FFFFFF;
    border: 1px solid #DEDFE2;
    border-radius: 24px;
    padding: 32px;
}

section.contacts .wrapper ul {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

section.contacts .wrapper ul li {
    display: flex;
    justify-content: flex-start;
    gap: 16px;
    color: #4A4B50;
}

section.contacts .wrapper ul li .value {
    font-weight: 600;
}

section.contacts .wrapper ul li .wrapper {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

section.contacts .input-wrapper .content-wrapper {
    display: flex;
    justify-content: space-between;
    max-width: 707px;
    width: 100%;

    gap: 32px;
    align-items: center;
}

section.contacts .input-wrapper {
    max-width: 707px;
    display: flex;
    flex-direction: column;
    gap: 32px;
    align-items: flex-end;
    width: 100%;
    margin: 48px auto 32px auto;
}

section.contacts .input-wrapper .text-wrapper {
    display: flex;
    gap: 24px;
}

section.contacts .input-wrapper .text-wrapper .text {
    max-width: 220px;
    width: 100%;
    font-family: 'SF Pro Display Medium', sans-serif;
    font-weight: 600;
    font-size: 24px;
    line-height: 140%;
    letter-spacing: 0%;
    color: #101C40;
}

section.contacts .input-wrapper input {
    max-width: 390px;
    width: 100%;
    height: 48px;
    padding: 13px 16px;
    border-radius: 6px;
    border: 1px solid #C7C7C7;
    background: #FFFFFF;

    font-family: 'SF Pro Display Regular', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    letter-spacing: 0%;
    color: #4A4B50;
}

section.contacts .input-wrapper input::placeholder {
    font-family: 'SF Pro Display Regular', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    letter-spacing: 0%;
    color: #4A4B50;
}

section.contacts .btn {
    max-width: 390px;
    width: 100%;
    font-size: 18px;
}

section.contacts .contacts-wrapper {
    position: relative;
}

section.blog-open {
    text-align: center;
    padding-bottom: 160px;
}

section.blog-open .wrapper {
    max-width: 810px;
    width: 100%;
    margin: 0 auto;
}

section.blog-open .date {
    font-family: 'SF Pro Display Regular', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0%;
    color: #97989A;
    margin: 16px 0 32px 0;
}

section.blog-open .text-wrapper {
    display: flex;
    flex-direction: column;
    gap: 64px;

    font-family: 'SF Pro Display Regular', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    letter-spacing: 0%;
    color: #76777C;
}

section.sales-open {
    text-align: left;
    padding-bottom: 180px;
}


section.sales-open .container > .wrapper {
    display: flex;
    gap: 48px;
    align-items: flex-start;
    justify-content: center;
}

section.sales-open .container .text-wrapper {
    max-width: 790px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

section.sales-open .date {
    font-family: 'SF Pro Display Regular', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0%;
    color: #97989A;
}

section.sales-open h5 {
    font-family: 'SF Pro Display Medium', sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 140%;
    letter-spacing: 0%;
    color: #76777C;
}

section.sales-open .text {
    font-family: 'SF Pro Display Regular', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    letter-spacing: 0%;
    color: #76777C;
}

section.sales-open ul.text-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
    list-style: disc;
    padding-left: 32px;
}

section.sales-open ul.text-list.numbered {
    list-style: decimal;
}

section.sales-open ul.text-list.numbered li {
    font-weight: 600;
}

section.sales-open ul.text-list li {
    font-family: 'SF Pro Display Regular', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    letter-spacing: 0%;
    color: #76777C;
}

section.sales-blog {

}

section.sales-blog ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    gap: 64px 30px;
    padding-bottom: 120px;
}

section.sales-blog ul li {
    width: 100%;
    height: 100%;
}

section.sales-blog ul li .mobile {
    display: none;
}

section.sales-blog ul li {
    max-width: 390px;
    width: 100%;
    cursor: pointer;
}

section.sales-blog ul li .name {
    font-family: 'SF Pro Display Medium', sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 140%;
    letter-spacing: 0%;
    color: #000000;
    margin-top: 24px;
}

section.sales-blog ul li .date {
    font-family: 'SF Pro Display Regular', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0%;
    color: #97989A;
}

section.sales-blog ul li .wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-top: 12px;
}

section.sales-blog ul li .wrapper .text {
    font-family: 'SF Pro Display Regular', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    letter-spacing: 0%;
    color: #76777C;
}

section.faq .change-faq-list-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 32px;
    align-items: center;
}

section.faq .change-faq-list-wrapper button {
    max-width: 390px;
    width: 100%;
    border-radius: 24px;
    padding: 24px;
    background: #76777C;
    border: 2px solid #FFFFFF;
    position: relative;
    text-align: left;
    cursor: pointer;
    transition: .2s all linear;
}

section.faq .change-faq-list-wrapper button.active {
    background: #101C40;

}

section.faq .change-faq-list-wrapper button .name {
    font-family: 'SF Pro Display Medium', sans-serif;
    font-weight: 600;
    font-size: 28px;
    line-height: 140%;
    letter-spacing: 0%;
    color: #FFFFFF;
    margin-bottom: 12px;
}

section.faq .change-faq-list-wrapper button .text {
    font-family: 'SF Pro Display Regular', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    letter-spacing: 0%;
    color: #DEDFE2;
    max-width: 280px;
}

section.faq .change-faq-list-wrapper button .img-wrapper {
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 41px;
    height: 41px;
    background: transparent;
    border-radius: 50%;
    border: 2px solid #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
}

section.faq ul.faq-list {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 32px;
    margin-top: 48px;
}

section.faq ul.faq-list li {
    padding: 32px;
    border-radius: 24px;
    border: 1px solid #DEDFE2;
    background: #FFFFFF;
    max-width: 809px;
    width: 100%;
    cursor: pointer;
}

section.faq ul.faq-list li .wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    cursor: pointer;
    gap: 12px;

}

section.faq ul.faq-list li .wrapper .name {
    font-family: 'SF Pro Display Medium', sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 140%;
    letter-spacing: 0%;
    color: #4A4B50;
}

section.faq ul.faq-list li .wrapper button {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #DEDFE2;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    flex-shrink: 0;
}

section.faq ul.faq-list li .content-to-show {
    display: none;
}

section.faq ul.faq-list li .content-to-show .text {
    font-family: 'SF Pro Display Regular', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    letter-spacing: 0%;
    color: #76777C;
    margin-top: 24px;
}

.plusminus {
    user-select: none;
    position: relative;
    width: 13px;
    height: 13px;
    cursor: pointer;
}

.plusminus.active:before {
    transform: translatey(-50%) rotate(-90deg);
    opacity: 0;
}

.plusminus.active:after {
    transform: translatey(-50%) rotate(0);
}

.plusminus:before, .plusminus:after {
    content: "";
    display: block;
    background-color: #97989A;
    position: absolute;
    top: 50%;
    left: 0;
    transition: 0.35s;
    width: 100%;
    height: 3px;
}

.plusminus:before {
    transform: translatey(-50%);
}

.plusminus:after {
    transform: translatey(-50%) rotate(90deg);
}


section.payment {
}

section.payment .payment-wrapper {
    margin: 120px auto 0 auto;
    max-width: 390px;
    border-radius: 24px;
    position: relative;
}

section.payment .payment-wrapper .payment-header {
    border-radius: 32px 32px 0 0;
    background: #101C40;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    padding: 32px;
    padding-bottom: 50px;
    max-width: 388px;
}

section.payment .payment-wrapper .payment-header .text-wrapper .text {
    font-family: 'SF Pro Display Medium', sans-serif;
    font-weight: 600;
    font-size: 22px;
    line-height: 140%;
    letter-spacing: 0%;
    color: #FFFFFF;
}

section.payment .payment-wrapper .payment-header .text-wrapper .tel {
    font-family: 'SF Pro Display Medium', sans-serif;
    font-weight: 600;
    font-size: 24px;
    line-height: 140%;
    letter-spacing: 0%;
    color: #A5DE07;
}

section.payment .payment-wrapper .payment-content {
    background: #FFFFFF;
    padding: 32px;
    border-radius: 32px;
    border: 1px solid #DEDFE2;
    position: relative;
    z-index: 5;
    top: -26px;
    left: -1px;
}

section.payment .payment-wrapper .payment-content h4 {
    font-family: 'SF Pro Display Medium', sans-serif;
    font-weight: 600;
    font-size: 24px;
    line-height: 140%;
    letter-spacing: 0%;
    color: #4A4B50;
    margin-bottom: 12px;
}

section.payment .payment-wrapper .payment-content .text {
    font-family: 'SF Pro Display Regular', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0%;
    vertical-align: middle;
    color: #4A4B50;
    margin-bottom: 24px;
}

section.payment .payment-wrapper .payment-content .text.grey {
    color: #76777C;
}

section.payment .payment-wrapper .payment-content .input-wrapper {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

section.payment .payment-wrapper .payment-content .input-wrapper .error-text {
    font-family: 'SF Pro Display Regular', sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 140%;
    letter-spacing: 0%;
    color: #E4513D;
    display: none;
}

section.payment .btn {
    max-width: 326px;
    width: 100%;
    height: 48px;
    border-radius: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 48px;
    font-family: 'SF Pro Display Medium', sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 140%;
    letter-spacing: 0%;
    color: #FFFFFF;
    margin-top: 24px;
    background: #101C40;
}

section.payment input {
    max-width: 326px;
    width: 100%;
    height: 48px;
    padding: 12px 16px;
    border-radius: 6px;
    border: 1px solid #C7C7C7;
    background: #FFFFFF;

    font-family: 'SF Pro Display Regular', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0%;
    color: #4A4B50;
    text-align: left;
}

section.payment input.error {
    border: 1px solid #E4513D;
    color: #E4513D;
}

section.payment input::placeholder {
    font-family: 'SF Pro Display Regular', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0%;
    text-align: left;
    color: #76777C;
}

section.payment .payment-wrapper .error-text {
    font-family: 'SF Pro Display Regular', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0%;
    vertical-align: middle;
    color: #E4513D;
}

section.payment .payment-wrapper .inputs-wrapper {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

section.payment .payment-method-choose-wrapper {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

section.payment .payment-method-choose-wrapper .wrapper {
    /*display: flex;*/
    gap: 12px;
    align-items: center;
    user-select: none;
}

section.payment .payment-method-choose-wrapper button.active {
    width: stretch;
    background: Black 300;
    border-radius: 10px ;
    padding: 10px;
}

section.payment .payment-method-choose-wrapper button.not-active {
    width: stretch;
    /*background: Black 300;*/
    border-radius: 10px;
    padding: 10px;
    background-color: light-dark(rgba(239, 239, 239, 0.3), rgba(19, 1, 1, 0.3));
    color: light-dark(rgba(16, 16, 16, 0.3), rgba(255, 255, 255, 0.3));
    border-color: light-dark(rgba(118, 118, 118, 0.3), rgba(195, 195, 195, 0.3));
    cursor: pointer;
}

section.payment .payment-method-choose-wrapper .wrapper .text {
    margin: 0;
    font-family: 'SF Pro Display Regular', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0%;
    color: #4A4B50;
}

/* Hide the default checkbox */
.round-checkbox input[type="checkbox"] {
    display: none;
    user-select: none;
}

/* Create the custom checkbox */
.round-checkbox label {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-color: #03D9FF;
    border-radius: 50%;
    position: relative;
    cursor: pointer;
}

/* Style for when checkbox is checked */
.round-checkbox input[type="checkbox"]:checked + label {
    background-color: white;
    border: 5px solid #0DB3D1;
}

/* Create the checkmark (hidden when not checked) */
.round-checkbox label:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.round-checkbox input[type="checkbox"]:checked + label:after {
    display: none;
}

section.payment .payment-by-card-wrapper {
    margin: 120px auto 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

section.payment .payment-by-card-wrapper .header-wrapper {
    max-width: 810px;
    width: 100%;
    padding: 32px;
    border-radius: 24px;
    background: #101C40;
    border: 1px solid #DEDFE2;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 24px;
}

section.payment .payment-by-card-wrapper .header-wrapper .text {
    font-family: 'SF Pro Display Regular', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0%;
    vertical-align: middle;
    color: #FFFFFF;
}

section.payment .payment-by-card-wrapper .header-wrapper .text.white {
    font-family: 'SF Pro Display Medium', sans-serif;
    font-weight: 600;
}

section.payment .payment-by-card-wrapper .header-wrapper .amount {
    font-family: 'SF Pro Display Medium', sans-serif;
    font-weight: 600;
    font-size: 24px;
    line-height: 140%;
    letter-spacing: 0%;
    color: #03D9FF;
}

section.payment .payment-by-card-wrapper #payment-by-card-first-step ul {
    display: flex;
    gap: 32px;
    flex-wrap: wrap;
    max-width: 810px;
    width: 100%;
    margin-top: 48px;
    justify-content: center;
    margin-bottom: 80px;

}

section.payment .payment-by-card-wrapper #payment-by-card-first-step ul li {
    border-radius: 24px;
    background: #FFFFFF;
    border: 1px solid #DEDFE2;
}

section.payment .payment-by-card-wrapper .step-wrapper {
    max-width: 810px;
    width: 100%;
}

section.payment .payment-by-card-wrapper #payment-by-card-first-step ul li a {
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 16px;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 32px;
    border-radius: 24px;

}

section.payment .payment-by-card-wrapper #payment-by-card-first-step ul li .name {
    font-family: 'SF Pro Display Medium', sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 140%;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    color: #4A4B50;
}

#payment-by-card-how-to-pay-step {
    max-width: 810px;
    width: 100%;
}

#payment-by-card-how-to-pay-step h4 {
    text-align: left;
    margin-top: 24px;
}

#payment-by-card-how-to-pay-step ul {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 48px;
    margin-top: 24px;
    gap: 30px;
    justify-content: center;
}

#payment-by-card-how-to-pay-step ul li {
    max-width: 230px;
    width: 100%;
    background: #FFFFFF;
    border: 1px solid #DEDFE2;
    border-radius: 24px;
    height: fit-content;
}

#payment-by-card-how-to-pay-step ul li.big {
    max-width: 260px;
}

#payment-by-card-how-to-pay-step ul li img {
    border-radius: 24px 0 0 0;
}

#payment-by-card-how-to-pay-step ul li .text {
    font-family: 'SF Pro Display Medium', sans-serif;
    font-weight: 600;
    padding: 0 24px 24px 24px;
    margin-top: -16px;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0%;
    color: #4A4B50;
}

#payment-by-card-how-to-pay-step .attention-text {
    font-family: 'SF Pro Display Medium', sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    color: #E4513D;
    max-width: 466px;
    margin: 12px auto 32px auto;
}

#payment-by-card-how-to-pay-step .card {
    max-width: 532px;
    width: 100%;
    margin: 0 auto;
    background: #03D9FF;
    border-radius: 32px;
    padding: 64px 0 32px 0;
}

#payment-by-card-how-to-pay-step .card .card-number-wrapper {
    background: #FFFFFF;
    padding: 24px 32px;
}

#payment-by-card-how-to-pay-step .card .card-number-wrapper .text {
    font-family: 'SF Pro Display Regular', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0%;
    vertical-align: middle;
    color: #4A4B50;
}

#payment-by-card-how-to-pay-step .card .card-number-wrapper .card-number {
    font-family: 'SF Pro Display Medium', sans-serif;
    font-weight: 600;
    font-size: 24px;
    line-height: 140%;
    letter-spacing: 0%;
    color: #4A4B50;
    display: flex;
    align-items: center;
    gap: 8px;
}

#payment-by-card-how-to-pay-step .card .card-number-wrapper .card-number img {
    cursor: pointer;
}

#payment-by-card-how-to-pay-step .card .amount-to-pay-wrapper {
    padding: 32px 32px 0 32px;
}

#payment-by-card-how-to-pay-step .card .amount-to-pay-wrapper .text {
    font-family: 'SF Pro Display Regular', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0%;
    vertical-align: middle;
    color: #4A4B50;
}

#payment-by-card-how-to-pay-step .card .amount-second-wrapper {
    display: flex;
    gap: 8px;

    font-family: 'SF Pro Display Medium', sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 140%;
    letter-spacing: 0%;
    vertical-align: middle;
    color: #4A4B50;
}

#payment-by-card-how-to-pay-step .card .amount-second-wrapper img {
    cursor: pointer;
}

#payment-by-card-how-to-pay-step .card .amount-to-pay-wrapper > .wrapper {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 32px;
}

#payment-by-card-how-to-pay-step .input-checkbox-wrapper {
    max-width: 350px;
    display: flex;
    gap: 12px;
    align-items: center;
    justify-content: center;
    margin: 48px auto 32px auto;
}

#payment-by-card-how-to-pay-step .input-checkbox-wrapper input {
    width: 18px;
    height: 18px;
    border: 1px solid #03D9FF;
    background: #FFFFFF;
}

#payment-by-card-how-to-pay-step .btn {
    margin: 0 auto;
}

#payment-by-card-waiting .text {
    font-family: 'SF Pro Display Regular', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    color: #E4513D;
    margin: 32px auto 32px auto;
}

#payment-by-card-waiting h4 {
    text-align: center;
}

/* Exchange */

section.exchange {

}

section.exchange h2 {
    font-family: 'SF Pro Display', sans-serif;
    text-align: left;
    margin: 0;
    font-weight: 600;
    font-size: 48px;
    line-height: 120%;
    letter-spacing: 0;
    color: #03D9FF;
}

section.exchange .exchange-rate-wrapper {
    display: flex;
    gap: 30px;
    align-items: center;
    margin-bottom: 38px;
}

section.exchange .exchange-rate-wrapper .exchange-item {
    max-width: 220px;
    width: 100%;
    border-radius: 6px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'SF Pro Display', sans-serif;
    font-weight: 600;
    font-size: 24px;
    line-height: 140%;
    letter-spacing: 0;
    color: #FFFFFF;
    border: 1px solid #12e1d9;
}

section.exchange .exchange-rate-wrapper .exchange-text {
    font-family: 'SF Pro Display', sans-serif;
    font-weight: 600;
    font-size: 48px;
    line-height: 120%;
    letter-spacing: 0;
    color: #FFFFFF;
}

section.exchange .exchange-wrapper {
    background: url("../img/exchange-bg.png") no-repeat, #00192F;
    border-radius: 24px;
    padding: 60px;
}

section.exchange .exchange-wrapper .mobile {
    display: none;
}

section.privacy-policy h2 {
    font-size: 24px;
}

section.privacy-policy .privacy-policy-wrapper {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

section.privacy-policy .text-wrapper {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

section.privacy-policy h3.title {
    font-family: 'SF Pro Display', sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 140%;
    letter-spacing: 0;
    color: #4A4B50;
}

section.privacy-policy h4.subtitle {
    font-family: 'SF Pro Display', sans-serif;
    font-weight: 600;
    text-align: left;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0;
    color: #76777C;
}

section.privacy-policy .text {
    font-family: 'SF Pro Display', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0;
    color: #76777C;
}

section.privacy-policy ul.text-list {
    display: flex;
    flex-direction: column;
    list-style: disc;
    padding-left: 26px;
    font-family: 'SF Pro Display', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0;
    color: #76777C;
}

.pie-slider-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 30px 0;
    position: relative;
}

/* Custom indicators styling */
.rs-tick {
    border-radius: 50%;
}

.rs-tick-inner {
    background-color: #444;
    border-radius: 50%;
}

.rs-tick-major .rs-tick-inner {
    background-color: #2575fc;
    width: 8px;
    height: 8px;
}

.rs-tick-minor .rs-tick-inner {
    background-color: #999;
    width: 4px;
    height: 4px;
}

.rs-tick-value {
    font-size: 10px;
    color: #666;
    margin-top: 5px;
}

.indicator-label {
    position: absolute;
    font-size: 10px;
    color: #666;
    transform: translate(-50%, -50%);
    pointer-events: none;
}

.indicator-line {
    position: absolute;
    background-color: #999;
    transform-origin: center;
    pointer-events: none;
}

.indicator-container {
    position: absolute;
    width: 260px;
    height: 260px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
}


.value-display {
    font-size: 28px;
    font-weight: bold;
    color: #2575fc;
    margin-top: 20px;
    padding: 10px 20px;
    background-color: #f0f7ff;
    border-radius: 10px;
    display: inline-block;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.slider-info {
    margin-top: 30px;
    color: #555;
    font-size: 14px;
}

.min-max {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    color: #777;
    font-size: 14px;
}

.slider-stats {
    display: flex;
    justify-content: space-around;
    margin-top: 20px;
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 10px;
    padding: 15px;
}

.stat-item {
    text-align: center;
}

.stat-value {
    font-size: 24px;
    font-weight: bold;
    color: #2575fc;
}

.stat-label {
    font-size: 12px;
    color: #666;
    margin-top: 5px;
}

/* Border radius for the slider */
.rs-control {
    border-radius: 30px !important;
}

.rs-range-color {
    background: transparent !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}

.rs-path-color {
    background-color: transparent !important;
}

.rs-border {
    border-color: transparent !important;
}

.rs-block {
    cursor: pointer;
}

.rs-path-color {
    background-color: transparent !important;
}

.rs-border {
    border-color: transparent !important;
}

.rs-bg-color {
    background: transparent;
}

.rs-overlay, .rs-overlay1, .rs-overlay2 {
    background: transparent;
}

.rs-full .rs-tooltip {
    font-family: 'SF Pro Display', sans-serif;
    font-weight: 600;
    font-size: 24px;
    line-height: 140%;
    letter-spacing: 0;
    text-align: center;
    vertical-align: middle;
    background: linear-gradient(145.92deg, #03D9FF 9.35%, #A5DE07 81.45%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    top: 123px;
    cursor: pointer;
}

.rs-full .rs-tooltip.rs-hover {
    transform: scale(1.65);
    font-weight: 600 !important;
    user-select: initial;
    caret-color: white;
    top: 122px;
    outline: none;
    border: none;
}

/* Custom thumb styles */
.rs-control .rs-handle {
    background: url("../img/calculator-sum-input-thumb.png") no-repeat center center !important;
}

#pieSlider {
    top: 21px;
}

/* ABOUT US */

section.about-us {
    background-color: #FFFFFF;
    position: relative;
}

section.about-us .about-us__wrapper {
    display: flex;
    justify-content: space-between;
    gap: 32px;
}

section.about-us .content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 16px;
    max-width: 715px;
    width: 100%;
}

section.about-us h2 {
    text-align: left;
    margin: 0;
}

section.about-us img {
}

section.about-us .bold {
    margin-bottom: 16px;
}

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

/* CALCULATION EXPLAIN */

section.calculation-explain .calculation-explain__wrapper {
    background: #FFFFFF;
    border-radius: 16px;
    border: 1px solid #DEDFE2;
    padding: 32px;
    display: flex;
    flex-direction: column;
}

section.calculation-explain .btn-black {
    max-width: 390px;
    margin-top: 0;
}

section.calculation-explain .calculation-explain__wrapper .wrapper {
    display: flex;
    justify-content: space-between;
    gap: 32px;
}

section.calculation-explain .calculation-explain__wrapper .wrapper .left {
    max-width: 500px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

section.calculation-explain .calculation-explain__wrapper .wrapper .right {
    max-width: 500px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

section.calculation-explain .title {
    font-size: 24px;
    line-height: 1.4;
    color: #101C40;
}

section.calculation-explain .calculation-explain__wrapper #up-btn {
    margin-top: 48px;
    margin-inline: auto;
    width: 46px;
    height: 46px;
    background: transparent;
    border: none;
    cursor: pointer;
}

section.advantages h2 {
    max-width: 1024px;
}

section.safety h2 {
    max-width: 1024px;
}

section.safety ul {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-top: 32px;
}

section.safety ul li {
    padding: 32px;
    border-radius: 24px;
    background: #FFFFFF;
    box-shadow: 0px 10px 30px 0px #0000000F;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    max-width: 285px;
    width: 100%;
    min-height: 342px;
}

.main-wrapper {
    display: flex;
    gap: 90px;
}

section.about-us h2 {
    text-align: center;
    margin-inline: auto;
}

section.about-us.main h2 {
    text-align: left !important;
    margin: 0 !important;
}

section.about-us .main-img {
    border-radius: 24px;
}

section.about-us .main-wrapper {
    margin-top: 32px;
}

.get-loan-list {
    display: flex;
    gap: 30px;
    align-items: center;
    margin-top: 32px;
}

.get-loan-list li {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: center;
    max-width: 285px;
    width: 100%;
    min-height: 150px;
    padding-top: 20px;
    gap: 8px;
    box-shadow: 0px 10px 30px 0px #0000000F;
    background: #FFFFFF;
    border-radius: 24px;
}

.get-loan-list li p {
    padding-inline: 12px;
    font-size: 17px !important;
    text-align: center;
    margin-top: 12px !important;
}

.get-loan-list li .item-footer {
    background: linear-gradient(145.92deg, #03D9FF 9.35%, #A5DE07 81.45%);
    width: 100%;
    height: 27px;
    border-radius: 0 0 24px 24px;
}

section.help .help__wrapper {
    background: #101C40;
    border-radius: 24px;
    display: flex;
    padding: 4px 0 4px 52px;

}

section.help h3 {
    color: #03D9FF;
    text-align: left;
}

section.help .wrapper {
    padding: 48px 75px 32px 75px;
}

section.help .btn {
    max-width: 390px;
    width: 100%;
    color: #101C40;
    margin-top: 25px;
}

.side-up-btn {
    background: transparent;
    border: none;
    cursor: pointer;
    position: fixed;
    z-index: 20;
    top: 85%;
    right: 5vw
}

.footer-email-link {
    color: #fff;
    text-decoration: none;
}

.footer-manager-title {
    color: #fff;
    line-height: 1.4;
}

.footer-manager-link {
    display: flex;
    align-items: center;
    gap: 14px;
    color: #fff;
    text-decoration: none;
}

.footer-manager-link img {
    width: 28px;
    height: 28px;
    object-fit: contain;
    flex-shrink: 0;
}

.sales-blog-list img {
    max-width: 350px;
}

/* Keeps the round slider inside the calculator card after local asset restore. */
.calculator-wrapper {
    flex: 0 0 375px;
    max-width: 100%;
}

.calculator {
    overflow: hidden;
    isolation: isolate;
}

.calculator .input-sum-control {
    width: 100%;
    height: auto;
    pointer-events: none;
    z-index: 0;
}

.calculator .pie-slider-wrapper,
.calculator .exchange-rate,
.calculator .btn {
    position: relative;
    z-index: 1;
}

.calculator .sum-input-wrapper {
    z-index: 2;
    pointer-events: none;
}

.calculator .pie-slider-wrapper {
    width: 100%;
    min-height: 245px;
    margin: 8px 0 0;
}

.calculator .exchange-rate {
    margin-top: -24px;
}

.calculator .exchange-rate.usdt-rate,
.calculator .btn {
    margin-top: 0;
}

.calculator-fallback-range {
    width: 100%;
    margin: 96px 0 80px;
    accent-color: #03D9FF;
}

.calculator .rs-control .rs-bg-color,
.calculator .rs-control .rs-overlay,
.calculator .rs-control .rs-overlay1,
.calculator .rs-control .rs-overlay2,
.calculator .rs-control .rs-inner {
    background: transparent !important;
    background-color: transparent !important;
}

.calculator .rs-control .rs-inner-container {
    background: transparent !important;
}

section.about-us img {
    max-width: 702px;
    width: min(55vw, 702px);
    height: auto;
    object-fit: contain;
}