@media (max-width: 540px) {
    header img {
        width: 160px;
    }

    .section-1 .title {
        width: 100%;
        bottom: -140px;
    }

    .section-1 .title h1 {
        font-size: 24px;
        letter-spacing: 0;
    }

    .flechas {
        display: none;
    }

    .section-2 h2 {
        width: 100%;
        text-align: center;
    }

    .section-2 .item {
        flex-direction: column;
    }

    .section-3 article {
        padding: 0;
    }

    .section-4 article {
        padding: 50px 0;
        text-align: center;
    }

    .section-4 .title h2 {
        font-size: 34px;
        letter-spacing: 0;
    }

    .section-5 {
        margin-bottom: 60px;
    }

    .section-5 img {
        max-width: 100%;
    }

    .section-5 .item {
        flex-direction: column;
        margin-bottom: 20px;
    }

    .group-form input,
    .group-form select,
    .group-form textarea {
        width: 100%;
    }

    .group-form.select::before,
    .group-form.select::after {
        top: calc(50% + 39px);
    }

    .section-6 .form {
        padding: 16px 10px;
    }

    .buttons .submit {
        width: 100%;
    }

    .section-6 article .title h2 {
        font-size: 24px;
        letter-spacing: 0;
    }

    .section-6 article .title-2 h2 {
        font-size: 24px;
        letter-spacing: 0;
    }

    .section-7 article {
        padding-bottom: 0;
    }

    .section-7 .item {
        flex-direction: column;
        height: 300px;
        margin-bottom: 60px;
        background: none;
    }

    .section-7 .item::after {
        content: "";
        background-color: var(--primary);
        width: 100%;
        bottom: 0;
        height: 190px;
        position: absolute;
    }

    .section-7 .item h3 {
        font-size: 22px;
        letter-spacing: 0;
        z-index: 1;
    }

    .section-7 img {
        margin-bottom: 8px;
        z-index: 1;
    }

    .footer .items {
        flex-direction: column;
    }

    .footer .logo {
        max-width: 90%;
    }
}

@media (max-width: 423px) {
    .section-1 .title {
        bottom: -161px;
    }
}

@media (max-width: 410px) {
    .section-1 .title {
        bottom: -182px;
    }
}