.contact .section-headlines-container {
    grid-area: 1/3/1/span 10;
}

.contact .contact-container {
    grid-area: 2/3/2/span 10;
}

.contact .contact-container .contact-item {
    max-width: 24ch;
    line-height: 1.75;
}

.contact .arrow-btns-container {
    grid-area: 3/3/3/span 5;
}

.contact .btns-container {
    grid-area: 3/8/3/span 5;
}

@media (max-width: 1399.98px) {
    .contact .section-headlines-container {
        grid-area: 1/2/1/span 12;
    }

    .contact .contact-container {
        grid-area: 2/2/2/span 12;
    }

    .contact .arrow-btns-container {
        grid-area: 3/2/3/span 6;
    }

    .contact .btns-container {
        grid-area: 3/8/3/span 6;
    }
}

@media (max-width: 1199.98px) {
    .contact .contact-container {
        flex-wrap: wrap;
    }

    .contact .contact-container .contact-item {
        max-width: unset;
        width: calc(50% - var(--grid-gap) / 2);
    }

    .contact .contact-container .contact-item .contact-text {
        max-width: 24ch;
        text-wrap: balance;
    }
}

@media (max-width: 767.98px) {
    .contact .contact-container {
        justify-content: center;
        row-gap: var(--m-md);
    }

    .contact .contact-container .contact-item {
        width: 100%
    }

    .contact .arrow-btns-container {
        grid-area: 3/2/3/span 12;
        justify-self: center;
    }

    .contact .btns-container {
        grid-area: 4/2/4/span 12;
        justify-self: center;
    }
}