/* 
 * Placeholder CSS for background images
 * This file provides CSS-based backgrounds for sections that would normally use images
 */

/* Hero background placeholder */
.hero {
    background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), 
                linear-gradient(135deg, #6a11cb 0%, #2575fc 100%) !important;
    background-size: cover !important;
    background-position: center !important;
}

/* About image placeholder 
.about-image::before {
    content: "";
    display: block;
    padding-top: 75%; 
    background: linear-gradient(45deg, var(--primary-color) 0%, #f3d2c1 100%);
    border-radius: var(--border-radius);
}
*/

.about-image img {
    /* display: none; */
    display: block;
    border-radius: var(--border-radius);
    background: linear-gradient(45deg, var(--primary-color) 0%, #f3d2c1 100%);
}

/* CTA background placeholder */
.cta-section {
    background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),
                linear-gradient(to right, #141e30, #243b55) !important;
    background-size: cover !important;
    background-position: center !important;
}