/* SEO service subpages — compact layout + alternating bands (On-Page, Copywriting, Technical) */

.seo-band-light,
.monthly-band-light {
    background: linear-gradient(135deg, #fff 0%, rgba(255, 255, 255, 0) 100%),
        linear-gradient(225deg, rgba(255, 255, 255, 0.5) 17.89%, rgba(255, 255, 255, 0) 100%);
}

.seo-band-dark,
.monthly-band-dark {
    background: #3b3c59;
}

.main-ticker.seo-ticker-band,
.main-ticker.monthly-ticker-band {
    background: #3b3c59;
    padding: 10px 0;
}

.main-ticker.seo-ticker-band .scroll div,
.main-ticker.monthly-ticker-band .scroll div {
    background: #4a4b6a;
}

.main-ticker.seo-ticker-band .h4,
.main-ticker.monthly-ticker-band .h4 {
    color: #efeff8;
}

.case-main.seo-sub-hero,
.case-main.monthly-hero {
    height: auto;
    min-height: 0;
    margin-top: 60px;
    padding: 72px 0 48px;
}

.case-main.seo-sub-hero .block-with-cols,
.case-main.monthly-hero .block-with-cols {
    align-items: flex-start;
    gap: 32px;
}

.case-main.seo-sub-hero .col-50:nth-child(1) > h1.h2,
.case-main.monthly-hero .col-50:nth-child(1) > h1.h2 {
    margin: 0;
}

.case-main.seo-sub-hero .col-50:nth-child(1) > h2.sub,
.case-main.monthly-hero .col-50:nth-child(1) > h2.sub {
    font-family: "Mulish", sans-serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 1.3;
    color: #67676d;
    margin: 12px 0 0;
    padding: 0;
}

.case-main.seo-sub-hero .col-50:nth-child(1) .btns,
.case-main.monthly-hero .col-50:nth-child(1) .btns {
    margin-top: 24px;
}

.case-main.seo-sub-hero .content-down,
.case-main.monthly-hero .content-down {
    padding: 20px 24px;
    gap: 0;
}

.seo-svc-page .case-streng.seo-band-dark,
.monthly-svc-page .case-streng.monthly-band-dark {
    padding: 56px 0;
}

.seo-svc-page .case-streng.seo-band-dark .h2,
.monthly-svc-page .case-streng.monthly-band-dark .h2 {
    color: #efeff8;
}

.seo-svc-page .case-streng.seo-band-dark .body-m,
.monthly-svc-page .case-streng.monthly-band-dark .body-m {
    color: #c1c1d1;
}

.seo-svc-page .case-streng .block-with-cols,
.monthly-svc-page .case-streng .block-with-cols {
    gap: 48px;
    align-items: center;
}

.seo-svc-page .case-streng .content,
.monthly-svc-page .case-streng .content {
    padding: 20px 24px;
    background: #4a4b6a;
}

.seo-svc-page .case-streng .content .h3,
.monthly-svc-page .case-streng .content .h3 {
    color: #efeff8;
}

.seo-svc-page .seo-sub-deliver.case-give-more.seo-band-light,
.monthly-svc-page .monthly-link-types.case-give-more.monthly-band-light {
    padding: 56px 0;
    background: linear-gradient(135deg, #fff 0%, rgba(255, 255, 255, 0) 100%),
        linear-gradient(225deg, rgba(255, 255, 255, 0.5) 17.89%, rgba(255, 255, 255, 0) 100%);
}

.seo-svc-page .seo-sub-deliver .col-50:nth-child(1) .h2,
.seo-svc-page .seo-sub-deliver .col-50:nth-child(1) .body-m,
.monthly-svc-page .monthly-link-types .col-50:nth-child(1) .h2,
.monthly-svc-page .monthly-link-types .col-50:nth-child(1) .body-m {
    color: #28282a;
}

.seo-svc-page .seo-sub-deliver .block-with-cols,
.monthly-svc-page .monthly-link-types .block-with-cols {
    gap: 48px;
    align-items: flex-start;
}

.seo-svc-page .seo-sub-deliver .seo-svc-tagline,
.monthly-svc-page .monthly-link-types .seo-svc-tagline {
    font-size: 20px;
    margin-bottom: 8px;
}

.seo-svc-page .seo-sub-deliver .seo-svc-desc,
.monthly-svc-page .monthly-link-types .seo-svc-desc {
    max-width: 440px;
}

.seo-svc-page .seo-sub-cards,
.monthly-svc-page .monthly-link-cards {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.seo-svc-page .seo-sub-cards > div,
.monthly-svc-page .monthly-link-cards > div {
    width: 100% !important;
    max-width: 100%;
    padding: 20px 24px;
}

.seo-svc-page .seo-sub-cards .seo-svc-list,
.monthly-svc-page .monthly-link-cards .seo-svc-list {
    gap: 8px;
}

.seo-svc-page .seo-sub-cards .seo-svc-list li,
.monthly-svc-page .monthly-link-cards .seo-svc-list li {
    font-size: 15px;
    line-height: 1.35;
}

.seo-svc-page .seo-sub-steps.how-we-provide.seo-band-dark,
.monthly-svc-page .monthly-steps.how-we-provide.monthly-band-dark {
    padding: 56px 0;
    background: #3b3c59;
}

.seo-svc-page .seo-sub-steps.seo-band-dark > .container > .h2,
.monthly-svc-page .monthly-steps.monthly-band-dark > .container > .h2 {
    color: #efeff8;
}

.seo-svc-page .seo-sub-steps .container,
.monthly-svc-page .monthly-steps .container {
    gap: 32px;
}

.seo-svc-page .seo-sub-steps .blocks,
.monthly-svc-page .monthly-steps .blocks {
    gap: 16px;
}

.seo-svc-page .seo-sub-steps .blocks .block,
.monthly-svc-page .monthly-steps .blocks .block {
    gap: 16px;
}

.seo-svc-page .seo-sub-steps .blocks .block .block-number,
.monthly-svc-page .monthly-steps .blocks .block .block-number {
    padding: 12px;
    gap: 16px;
    min-width: 120px;
    flex-shrink: 0;
}

.seo-svc-page .seo-sub-steps .blocks .block span,
.monthly-svc-page .monthly-steps .blocks .block span {
    font-size: 44px;
}

.seo-svc-page .seo-sub-steps .blocks .block img,
.monthly-svc-page .monthly-steps .blocks .block img {
    width: 112px;
    height: 112px;
}

.seo-svc-page .seo-sub-steps .blocks .block .block-text,
.monthly-svc-page .monthly-steps .blocks .block .block-text {
    padding: 20px 24px;
    gap: 12px;
    flex: 1;
}

.seo-svc-page .seo-sub-steps .blocks .block .block-text .body-m,
.monthly-svc-page .monthly-steps .blocks .block .block-text .body-m {
    font-size: 15px;
    line-height: 1.4;
}

@media (min-width: 1081px) {
    .seo-svc-page .seo-sub-steps .blocks,
    .monthly-svc-page .monthly-steps .blocks {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 16px;
    }

    .seo-svc-page .seo-sub-steps .blocks .block:nth-child(5),
    .monthly-svc-page .monthly-steps .blocks .block:nth-child(5) {
        grid-column: 1 / -1;
    }
}

.seo-svc-page .seo-sub-results.how-results.seo-band-light,
.monthly-svc-page .monthly-results.how-results.monthly-band-light {
    padding: 56px 0;
    background: linear-gradient(135deg, #fff 0%, rgba(255, 255, 255, 0) 100%),
        linear-gradient(225deg, rgba(255, 255, 255, 0.5) 17.89%, rgba(255, 255, 255, 0) 100%);
}

.seo-svc-page .seo-sub-results.seo-band-light .h2,
.monthly-svc-page .monthly-results.monthly-band-light .h2 {
    color: #28282a;
}

.seo-svc-page .seo-sub-results.seo-band-light .col-50:nth-child(1) .body-m,
.monthly-svc-page .monthly-results.monthly-band-light .col-50:nth-child(1) .body-m {
    color: #67676d;
}

.seo-svc-page .seo-sub-results.seo-band-light .col-50:nth-child(1) .body-m .h4,
.monthly-svc-page .monthly-results.monthly-band-light .col-50:nth-child(1) .body-m .h4 {
    color: #28282a;
}

.seo-svc-page .seo-sub-results-points .h3,
.monthly-svc-page .monthly-results-points .h3 {
    color: #28282a;
    background: linear-gradient(121deg, #e9e9f4 0%, rgba(233, 233, 244, 0.69) 100%),
        linear-gradient(218deg, #fff 36.93%, rgba(255, 255, 255, 0) 96.75%);
    padding: 12px 18px;
    font-size: 16px;
    line-height: 1.35;
}

.seo-svc-page .seo-sub-results-points .h3:hover,
.monthly-svc-page .monthly-results-points .h3:hover {
    background: #b0ee50;
}

.seo-svc-page .seo-sub-results.seo-band-light .overlay,
.monthly-svc-page .monthly-results.monthly-band-light .overlay {
    display: none;
}

.seo-svc-page .seo-sub-results .container,
.monthly-svc-page .monthly-results .container {
    gap: 20px;
}

.seo-svc-page .seo-sub-results .block-with-cols,
.monthly-svc-page .monthly-results .block-with-cols {
    gap: 40px;
    align-items: flex-start;
}

.seo-svc-page .seo-sub-results .col-50:nth-child(1) img,
.monthly-svc-page .monthly-results .col-50:nth-child(1) img {
    max-width: 280px;
    width: 100%;
    height: auto;
}

.seo-svc-page .seo-sub-results-points,
.monthly-svc-page .monthly-results-points {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
}

.seo-svc-page .seo-svc-faq.faq.seo-band-dark,
.monthly-svc-page .seo-svc-faq.faq.monthly-band-dark {
    padding: 48px 0;
    background: #3b3c59;
}

.seo-svc-page .seo-svc-faq .col-45,
.monthly-svc-page .seo-svc-faq .col-45 {
    gap: 8px;
}

.seo-svc-page .seo-svc-faq .col-45 .h2,
.monthly-svc-page .seo-svc-faq .col-45 .h2 {
    margin: 0;
}

.seo-svc-page .seo-svc-faq .sub,
.monthly-svc-page .seo-svc-faq .sub {
    font-size: 18px;
    line-height: 1.3;
    margin: 0;
}

.seo-svc-page .seo-svc-faq .faq-head,
.monthly-svc-page .seo-svc-faq .faq-head {
    padding: 8px 0;
    margin-bottom: 0;
    gap: 10px;
}

.seo-svc-page .seo-svc-faq .faq-question.active .faq-head,
.monthly-svc-page .seo-svc-faq .faq-question.active .faq-head {
    margin-bottom: 4px;
}

.seo-svc-page .seo-svc-faq .faq-content,
.monthly-svc-page .seo-svc-faq .faq-content {
    padding: 0 0 10px;
    gap: 8px;
}

.seo-svc-page .seo-svc-faq .faq-question p + p,
.monthly-svc-page .seo-svc-faq .faq-question p + p {
    margin-top: 10px;
}

.seo-svc-page .seo-svc-faq .faq-head .h3,
.monthly-svc-page .seo-svc-faq .faq-head .h3 {
    font-size: 20px;
    line-height: 1.35;
}

.seo-svc-page .seo-svc-faq .faq-content .body-m,
.monthly-svc-page .seo-svc-faq .faq-content .body-m {
    font-size: 15px;
    line-height: 1.5;
}

.seo-svc-page .seo-svc-cta.last.seo-band-light,
.monthly-svc-page .seo-svc-cta.last.monthly-band-light {
    padding: 56px 0;
    background: linear-gradient(135deg, #fff 0%, rgba(255, 255, 255, 0) 100%),
        linear-gradient(225deg, rgba(255, 255, 255, 0.5) 17.89%, rgba(255, 255, 255, 0) 100%);
}

.seo-svc-page .seo-svc-cta.seo-band-light .h3,
.seo-svc-page .seo-svc-cta.seo-band-light .body-m,
.monthly-svc-page .seo-svc-cta.monthly-band-light .h3,
.monthly-svc-page .seo-svc-cta.monthly-band-light .body-m {
    color: #28282a;
}

.seo-svc-page .seo-svc-cta .body-m,
.monthly-svc-page .seo-svc-cta .body-m {
    margin: 0 0 16px;
    font-size: 15px;
}

@media (max-width: 1080px) {
    .case-main.seo-sub-hero,
    .case-main.monthly-hero {
        padding: 56px 0 40px;
    }

    .seo-svc-page .case-streng.seo-band-dark,
    .seo-svc-page .seo-sub-deliver.seo-band-light,
    .seo-svc-page .seo-sub-steps.seo-band-dark,
    .seo-svc-page .seo-sub-results.seo-band-light,
    .seo-svc-page .seo-svc-faq.seo-band-dark,
    .seo-svc-page .seo-svc-cta.seo-band-light,
    .monthly-svc-page .case-streng.monthly-band-dark,
    .monthly-svc-page .monthly-link-types.monthly-band-light,
    .monthly-svc-page .monthly-steps.monthly-band-dark,
    .monthly-svc-page .monthly-results.monthly-band-light,
    .monthly-svc-page .seo-svc-faq.monthly-band-dark,
    .monthly-svc-page .seo-svc-cta.monthly-band-light {
        padding: 40px 0;
    }

    .seo-svc-page .seo-sub-steps .blocks,
    .monthly-svc-page .monthly-steps .blocks {
        display: flex;
        flex-direction: column;
    }

    .seo-svc-page .seo-sub-steps .blocks .block,
    .monthly-svc-page .monthly-steps .blocks .block {
        flex-direction: column;
    }

    .seo-svc-page .seo-sub-steps .blocks .block .block-number,
    .monthly-svc-page .monthly-steps .blocks .block .block-number {
        width: 100%;
        flex-direction: row;
        justify-content: flex-start;
    }
}