/* Call to action section styles */
.cta-section {
    background: linear-gradient(135deg, var(--primary-blue) 0%, #005ba3 100%);
    padding: 6rem 0;
    position: relative;
}

.cta-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 200" fill="%23ffffff" opacity="0.05"><polygon points="0,0 1000,50 1000,150 0,200"/></svg>')
        no-repeat;
    background-size: cover;
}

.cta-content {
    position: relative;
    z-index: 2;
}

.cta-section h2 {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--white);
    margin-bottom: 1.5rem;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}

.lead-cta {
    color: var(--white);
}

.cta-section .lead-cta {
    font-size: 1.2rem;
    color: var(--white);
    margin-bottom: 3rem;
}

/* Responsive design for CTA section */
@media (max-width: 768px) {
    .cta-section {
        padding: 4rem 0;
    }

    .cta-section h2 {
        font-size: 2rem;
    }
}

@media (max-width: 576px) {
    .cta-section h2 {
        font-size: 1.8rem;
    }
}