/* Call to Action Section */
#call-to-action {
    padding: 100px 2rem;
    text-align: center;
    background-image: url('images/pattern.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 23px;
    margin: 50px auto;
    max-width: 1200px;
}

#call-to-action h2 {
    font-family: 'Inter', sans-serif;
    font-weight: 700; /* bold */
    font-size: 48px;
    color: #E4ECFF;
    max-width: 800px;
    margin: 0 auto 1rem auto;
}

#call-to-action h2 span {
    color: #CBACF9;
}

#call-to-action p {
    font-family: 'Inter', sans-serif;
    font-weight: 400; /* regular */
    font-size: 16px;
    color: #A9A9D0;
    max-width: 600px;
    margin: 0 auto 2rem auto;
}

#call-to-action-button:hover img {
    transform: scale(1.05);
}

@media (max-width: 768px) {
    #call-to-action h2 {
        font-size: 36px; /* Reduce font size for mobile */
    }

    #call-to-action p {
        font-size: 14px; /* Reduce font size for mobile */
    }

    #call-to-action-button {
        width: 239px;
        height: 59px; /* adjust if your PNG differs */
    }
}