body {
    margin: 0;
    padding: 0
}

.header-about .nav-info,
.nav-info {
    border-radius: 6px;
    margin-top: 0;
    width: auto;
    font-size: 16px;
    border-radius: 6px
}

.step-head {
    flex-direction: row;
    gap: 60px
}

.container {
    padding: 20px
}

.header-about .main-text span,
.main-text span {
    font-size: clamp(36px, 2.8vw + 20px, 88px)
}

.header-about .main-text,
.main-text {
    text-align: start;
    margin-bottom: 0;
    font-size: clamp(30px, 2vw + 14px, 60px)
}

.header-about .left h2,
.left h2 {
    font-size: 24px
}

.testimonial-photo img,
.testimonial-photo-reverse img {
    max-width: 100%;
    margin: 0
}

.sub-text {
    gap: 20px;
    justify-content: start;
    margin-bottom: 40px
}

.hero-wrap .right {
    margin-left: auto;
    max-width: 490px;
    margin-right: 0
}

.leadform {
    padding: 0;
    z-index: 2
}

.left,
.right {
    width: 50%
}

.left,
.right {
    width: 50%
}

.left {
    padding: 70px 0 !important
}

.columns {
    flex-direction: row !important
}

.hero-wrap .left p {
    text-align: start;
    font-size: 18px
}

.logo,
.logo-link {
    order: inherit
}

.nav-links {
    order: inherit;
    margin-bottom: 0
}

.input-wrapper {
    padding-top: 20px
}

.form-bg {
    left: auto;
    top: -60px;
    right: 0;
    width: 100%;
    transform: none
}

.leadform input:not(.iti__search-input) {
    font-size: 16px
}

.cer {
    width: 300px
}

.crypto img:not(:last-child) {
    width: 35px
}

@media (min-width:1280px) {
    section.hero {
        background-size: cover;
        background-position: center
    }
}

section.hero {
    background-image: url(../images/header-bg.webp)
}

.testimonials {
    padding: 50px 0 0 0
}

.testimonial-photo img,
.testimonial-photo-reverse img {
    border-radius: 12px 12px 12px 0
}

.testimonial-photo-reverse {
    margin-right: auto;
    margin-left: -40px;
    margin-top: -40px;
    transform: translateY(-40px)
}

.testimonial-photo {
    transform: translateY(40px);
    margin-left: auto;
    margin-right: -40px;
    margin-bottom: -40px
}

.testimonial-photo,
.testimonial-photo-reverse {
    width: auto
}

.testimonial-card {
    gap: 40px;
    align-items: center;
    padding: 10px 40px 40px 40px;
    margin-bottom: 120px;
    overflow: visible;
    flex-direction: row
}

.testimonial-name {
    font-size: 24px
}

.testimonial-text {
    font-size: 18px
}

.quote-icon {
    width: auto
}

.info {
    gap: 20px
}

.testimonial-content,
.testimonial-content-reverse {
    order: inherit;
    text-align: start
}

.step-title {
    font-size: 24px
}

.info img {
    width: auto
}

.advantage-wrapper {
    flex-direction: row
}

.advantage-item h3 {
    max-width: none;
    text-transform: none
}

.footer-top {
    flex-direction: row;
    gap: 20px
}

.footer-disclaimer {
    text-align: start
}

.copyright-page header,
.other-page header {
    padding-bottom: 0
}

.market {
    padding: 40px 0 20px 0
}

nav,
.footer-nav {
    flex-direction: row;
    gap: 10px
}

.footer-nav {
    gap: 40px
}

@media (min-width:876px) {
    .nav-info {
        padding: 10px 20px
    }

    nav {
        gap: 0
    }
}

@media (min-width:941px) {
    .nav-links {
        gap: 50px;
        order: inherit
    }
}

@media (min-width:1025px) {
    .nav-links a {
        font-size: 16px
    }
}

@media (min-width:1056px) {
    .market .step-head {
        flex-direction: row;
        gap: 60px
    }
}

@media (max-width:875px) {
    .nav-info {
        width: 40%
    }
}

@media (max-width:905px) {
    .nav-info {
        font-size: 14px
    }
}

@media (max-width:1055px) {
    .footer-nav {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, auto);
        gap: 20px
    }
}

@media (max-width:1315px) {
    .info {
        gap: 5px
    }

    .info img {
        width: 60px
    }
}