/**
 * Services Content Block Styles
 */

.scb-section {
    padding: 80px 0 250px 0;
}

/* Two-column layout */
.scb-layout {
    display: flex;
    align-items: flex-start;
    gap: 60px;
}

/* ── Left column ── */
.scb-main {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 48px;
}

/* Content typography */
.scb-content {
    font-family: var(--font-content);
    font-size: 16px;
    font-weight: 400;
    color: var(--color-white);
    line-height: 1.75;
}

.scb-content p {
    font-family: var(--font-content);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.75;
    margin: 0 0 16px;
    color: var(--color-white);
}

.scb-content p:last-child {
    margin-bottom: 0;
}

.scb-content h1,
.scb-content h2,
.scb-content h3 {
    font-family: var(--font-heading);
    font-size: 48px;
    font-weight: 400;
    color: var(--color-white);
    margin: 0 0 20px;
    line-height: 1.1;
}

.scb-content h4,
.scb-content h5,
.scb-content h6 {
    font-family: var(--font-heading);
    font-size: 32px;
    font-weight: 400;
    color: var(--color-white);
    margin: 0 0 16px;
    line-height: 1.15;
}

.scb-content ul,
.scb-content ol {
    padding-left: 22px;
    margin: 0 0 16px;
}

.scb-content li {
    margin-bottom: 8px;
    line-height: 1.75;
}

.scb-content a {
    color: var(--color-gray);
    text-decoration: underline;
}

/* Blockquote */
.scb-content blockquote {
    position: relative;
    margin: 32px 0;
    padding: 0;
    border: none;
    background: transparent;
    font-family: var(--font-heading);
    font-size: 35px;
    font-weight: 400;
    color: var(--color-white);
    line-height: 1.2;
    text-transform: uppercase;
    padding-left: 25px;
}

.scb-content blockquote::before {
    content: '';
    display: block;
    width: 44px;
    height: 35px;
    margin-bottom: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='35' viewBox='0 0 44 35' fill='none'%3E%3Cpath d='M0 35V17.6471C0 11.1111 1.07795 6.53594 3.23385 3.92156C5.45509 1.30719 9.27691 0 14.6993 0H18.9131V8.62745C16.5612 8.62745 14.9933 9.01961 14.2094 9.80392C13.4907 10.5229 13.1314 12.0261 13.1314 14.3137V16.9608H18.9131V35H0ZM25.0869 35V17.6471C25.0869 11.1111 26.1648 6.53594 28.3207 3.92156C30.5419 1.30719 34.3638 0 39.7862 0H44V8.62745C41.6481 8.62745 40.0802 9.01961 39.2962 9.80392C38.5776 10.5229 38.2183 12.0261 38.2183 14.3137V16.9608H44V35H25.0869Z' fill='%23DC4233'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
}

.scb-content blockquote p {
    font-family: var(--font-heading);
    font-size: 35px;
    font-weight: 400;
    color: var(--color-white);
    line-height: 1.2;
    text-transform: uppercase;
    margin: 0;
}

/* CTA box — same outer/inner style as financing */
.scb-cta-box {
    background-color: var(--color-dark-blue);
    border: 10px solid var(--color-white);
    border-radius: 10px;
    padding: 8px;
    width: 100%;
}

.scb-cta-box-inner {
    border-radius: 6px;
    border: 2px solid var(--color-primary-red);
    padding: 28px 36px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.scb-cta-title {
    font-family: var(--font-heading);
    font-size: 35px;
    font-weight: 400;
    color: var(--color-white);
    line-height: 1.2;
    text-transform: uppercase;
    flex: 1;
}

/* ── Right column: sidebar ── */
.scb-sidebar {
    flex: 0 0 280px;
    max-width: 280px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* Each sidebar card */
.scb-sidebar-card {
    border-radius: 24px;
    border: 6px solid #FDF3CB;
    background: #22386B;
    padding: 48px 19px;
}

.scb-sidebar-title {
    font-family: var(--font-heading);
    font-size: 32px;
    font-weight: 400;
    color: var(--color-white);
    margin: 0 0 12px;
    padding-bottom: 12px;
}

/* Nav menu list */
.scb-sidebar-menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

.scb-sidebar-menu li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.scb-sidebar-menu li:last-child {
    border-bottom: none;
}

.scb-sidebar-menu li a {
    display: block;
    padding: 11px 4px;
    color: var(--color-white);
    font-family: var(--font-heading);
    font-size: 24px;
    font-weight: 400;
    text-decoration: none;
    transition: color 0.2s ease;
}

.scb-sidebar-menu li a:hover,
.scb-sidebar-menu li.current-menu-item > a {
    color: #DC4233;
}

/* Responsive */
@media (max-width: 991px) {
    .scb-layout {
        gap: 40px;
    }

    .scb-sidebar {
        flex: 0 0 220px;
        max-width: 220px;
    }
}

@media (max-width: 768px) {
    .scb-section {
        padding: 60px 0;
    }

    .scb-layout {
        flex-direction: column;
        gap: 48px;
    }

    .scb-sidebar {
        flex: 1 1 100%;
        max-width: 100%;
        width: 100%;
    }

    .scb-content h1,
    .scb-content h2,
    .scb-content h3 {
        font-size: 34px;
    }

    .scb-content h4,
    .scb-content h5,
    .scb-content h6 {
        font-size: 24px;
    }

    .scb-cta-box-inner {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
        padding: 24px 20px;
    }

    .scb-cta-title {
        font-size: 22px;
    }
}