/* Hero Section Fix for Hostinger Deployment */
/* This file ensures hero background images load correctly */

.hero-section {
    position: relative !important;
    min-height: 100vh !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('https://herorumoh.com/wp-content/uploads/2025/10/Gemini_Generated_Image_7ujod87ujod87ujo.png'), linear-gradient(135deg, #FF8C42 0%, #FF6B35 100%) !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
    padding-top: 120px !important;
    color: white !important;
}

.hero-section-plan {
    position: relative !important;
    min-height: 100vh !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('https://herorumoh.com/wp-content/uploads/2025/10/Gemini_Generated_Image_vgzizovgzizovgzi.png'), linear-gradient(135deg, #FF8C42 0%, #FF6B35 100%) !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
    padding: 100px 0 !important;
    color: white !important;
}

/* Fallback for mobile devices where background-attachment: fixed might not work */
@media (max-width: 768px) {
    .hero-section,
    .hero-section-plan {
        background-attachment: scroll !important;
    }
}