.seo {
    position: relative;
    z-index: 10;

    padding-top: 57px;
    padding-bottom: 55px;
    text-align: center;

    background: linear-gradient(90deg, transparent, #f6f8fc, #f6f8fc, transparent), url("/images/partials/seo/seo.png"), white;
    background-size: cover;
}

.seo__title {
    color: #222d4c;
    font-size: 20px;
    font-weight: 700;
}

.seo__content {
    margin-top: 9px;
    padding: 0 70px;

    color: #222d4c;
    font-size: 12px;
    font-weight: 400;
}

.seo__paragraph:not(:first-child) {
    margin-top: 15px;
}

@media (max-width: 1279px) {
    .seo {
        padding-top: 42px;
        padding-bottom: 39px;
    }

    .seo__content {
        padding: 0;
    }
}

@media (max-width: 1023px) {
    .seo {
        padding-top: 55px;
        padding-bottom: 25px;
    }
}

@media (max-width: 768px) {
    .seo {
        padding-top: 23px;

        text-align: left;
    }

    .seo__title {
        line-height: 1.2;
    }

    .seo__content {
        margin-top: 18px;
        line-height: 1.25;
    }
}