/*
========================================
CTA Section
========================================
*/


.cta-section {

    padding:
    var(--space-2xl) 0;

    background:
    var(--medipro-primary);

}



.cta-content {

    text-align:center;

    max-width:800px;

    margin:0 auto;

}



.cta-content h2 {

    color:
    var(--medipro-white);
    font-size: var(--text-4xl);
    margin-bottom:20px;

}



.cta-content p {

    color:
    var(--medipro-white);

    opacity:.9;

    margin-bottom: var(--space-lg);

    line-height:1.7;

}



.cta-content .btn {

    background:
    var(--medipro-white);

    color:
    var(--medipro-primary);

}



.cta-content .btn:hover {

    filter: brightness(0.9);

}


/*
========================================
CTA Background Image
========================================
*/


.cta-section {

    position: relative;

    overflow:hidden;

    background-size:cover;

    background-position:center;

    transition:background-size .5s ease;

}



.cta-section:hover {

    background-size:110%;

}



.cta-overlay {

    position:absolute;

    inset:0;

    z-index:1;

}



.cta-section .container {

    position:relative;

    z-index:2;

}



.cta-content {

    position:relative;

    z-index:2;

}