.contact-blocks {
    display: flex;
    gap: 2.4rem;

    .contact-blocks__item {
        flex: 0 1 50%;
        padding: 4rem;
        background: white;
        border-radius: 1.6rem;

        &:last-of-type {
            background: var(--color-deep-ink);
            color: white;

            h1,h2,h3,h4,h5,h6 {
                color: white;
            }

            p {
                color: white;
            }
        }

        h1,h2,h3,h4,h5,h6 {
            font-weight: 500;
            font-size: 2.4rem;
            line-height: 100%;
            margin-bottom: 4rem;
        }

        p {
            font-size: 1.6rem;
            line-height: 160%;
            font-weight: 400;
            color: rgba(23, 26, 33, 0.7);
            margin-bottom: 3.2rem;

            strong {
                font-weight: 600;
                color: var(--color-deep-ink);
                font-size: 1.8rem;
                line-height: 120%;
                margin-bottom: 1.6rem;
            }
        }
    }
}

@media(max-width: 1024px) {
    .contact-blocks {
        flex-direction: column;

        .contact-blocks__item {
            flex: 1 1 auto;
        }
    }
}

@media(max-width: 767px) {
    .contact-blocks {

        .contact-blocks__item {
            padding: 2.4rem;
        }
    }
}