/* ========================================
   CTA SECTION
======================================== */
.cta-section {
    background: linear-gradient(135deg, #5AB9B5, #6DB5D8);
    padding: 80px 40px;
    text-align: center;
    color: white;
}

.cta-section h2 {
    font-size: 42px;
    margin-bottom: 20px;
    font-weight: bold;
}

.cta-section p {
    font-size: 20px;
    margin-bottom: 40px;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

.cta-section .hero-cta {
    background: #FFD93D;
    color: #2B3A42;
    font-size: 20px;
    padding: 20px 40px;
    border-radius: 12px;
    font-weight: bold;
}

.cta-button {
    padding: 10px 24px ;
    font-size: 18px ;
    font-weight: 600 ;
    color: white ;
    background: #5AB9B5 ;
    border: none ;
    border-radius: 8px ;
    cursor: pointer ;
    box-shadow: 0 6px 15px rgba(0,0,0,0.2) ;
    transition: all 0.3s ease-in-out ;
    text-decoration: none ;
    display: inline-block ;
}

.cta-button:hover {
    background: #4AA5A7 ;
    transform: translateY(-3px) scale(1.05) ;
    box-shadow: 0 10px 25px rgba(0,0,0,0.25) ;
}