.elementor-22607 .elementor-element.elementor-element-1648985{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-ab13da4 *//* Ruqyah Header Fixes - Specific to /online-ruqyah-services/ */
.ruqyah-header-fixed {
    background: linear-gradient(135deg, #1a3c34 0%, #2a6f5e 100%) !important; /* Theme green gradient */
    color: white !important;
    text-align: center !important;
    padding: 2rem 1rem !important;
    position: relative !important; /* Avoid fixed overlap with theme header */
    z-index: 10 !important; /* Below theme nav (z=1000) */
    margin-top: 0 !important; /* Flush with theme header */
}

.urgency-banner-fixed {
    background: #f4b400 !important; /* Yellow urgency */
    color: #333 !important;
    padding: 0.75rem !important;
    text-align: center !important;
    font-weight: bold !important;
    border-radius: 5px !important;
    margin-bottom: 1rem !important;
    position: relative !important;
    z-index: 11 !important;
    font-size: 1rem !important;
}

.social-proof-fixed {
    background: rgba(255, 255, 255, 0.1) !important; /* Semi-transparent white for contrast */
    color: white !important;
    padding: 0.5rem !important;
    border-radius: 5px !important;
    margin-bottom: 1rem !important;
    font-size: 0.9rem !important;
    position: relative !important;
    z-index: 11 !important;
}

.header-content-fixed {
    max-width: 1200px;
    margin: 0 auto;
}

.ruqyah-h1 {
    font-size: 2.5rem !important;
    margin-bottom: 0.5rem !important;
    color: white !important;
    line-height: 1.2 !important;
}

.ruqyah-subtitle {
    font-size: 1.2rem !important;
    margin-bottom: 1.5rem !important;
    color: rgba(255, 255, 255, 0.9) !important;
}

.features-list-fixed {
    list-style: none !important;
    display: flex !important;
    justify-content: center !important;
    gap: 1rem !important;
    margin-bottom: 1.5rem !important;
    flex-wrap: wrap !important; /* Key fix: Wrap on mobile */
    padding: 0 !important;
}

.features-list-fixed li {
    padding: 0.5rem 1rem !important;
    background: rgba(255, 255, 255, 0.1) !important;
    border-radius: 5px !important;
    font-size: 1rem !important;
    display: flex !important;
    align-items: center !important;
    min-width: 200px !important; /* Prevent squeeze */
}

.features-list-fixed i {
    margin-right: 0.5rem !important;
    color: #f4b400 !important; /* Yellow icons */
}

.cta-button-fixed {
    background-color: #f4b400 !important;
    color: #333 !important;
    border: none !important;
    padding: 0.75rem 1.5rem !important;
    font-size: 1.1rem !important;
    cursor: pointer !important;
    border-radius: 5px !important;
    min-height: 48px !important;
    transition: background-color 0.3s ease !important;
    margin-bottom: 1.5rem !important;
}

.cta-button-fixed:hover {
    background-color: #e0a800 !important; /* Darker yellow on hover */
}

.flags-fixed {
    display: flex !important;
    justify-content: center !important;
    gap: 1rem !important;
    font-size: 1.2rem !important;
    flex-wrap: wrap !important; /* Mobile wrap */
}

/* Responsive Fixes (Target Mobile Overlaps) */
@media (max-width: 768px) {
    .ruqyah-header-fixed {
        padding: 1rem 0.5rem !important;
    }
    
    .ruqyah-h1 {
        font-size: 1.8rem !important;
    }
    
    .ruqyah-subtitle {
        font-size: 1rem !important;
    }
    
    .features-list-fixed {
        flex-direction: column !important;
        align-items: center !important;
        gap: 0.5rem !important;
    }
    
    .features-list-fixed li {
        width: 100% !important;
        max-width: 300px !important;
        justify-content: center !important;
    }
    
    .urgency-banner-fixed, .social-proof-fixed {
        font-size: 0.85rem !important;
        padding: 0.5rem !important;
    }
    
    .flags-fixed {
        font-size: 1rem !important;
        gap: 0.5rem !important;
    }
    
    /* Fix Theme Nav Overlap on Mobile */
    .ruqyah-header-fixed + nav {
        margin-top: 1rem !important; /* Space from custom header */
    }
}

/* Theme-Specific Overrides (Adjust if using Astra/GeneratePress) */
.site-header, .ast-primary-header-bar {
    z-index: 1000 !important; /* Ensure theme nav stays on top */
}

.ruqyah-header-fixed {
    margin-top: 0 !important; /* No gap above theme header */
}

/* Ruqyah Header Fixes - Specific to /online-ruqyah-services/ */
.ruqyah-header-fixed {
    background: linear-gradient(135deg, #1a3c34 0%, #2a6f5e 100%) !important; /* Theme green gradient */
    color: white !important;
    text-align: center !important;
    padding: 2rem 1rem !important;
    position: relative !important; /* Avoid fixed overlap with theme header */
    z-index: 10 !important; /* Below theme nav (z=1000) */
    margin-top: 0 !important; /* Flush with theme header */
}

.urgency-banner-fixed {
    background: #f4b400 !important; /* Yellow urgency */
    color: #333 !important;
    padding: 0.75rem !important;
    text-align: center !important;
    font-weight: bold !important;
    border-radius: 5px !important;
    margin-bottom: 1rem !important;
    position: relative !important;
    z-index: 11 !important;
    font-size: 1rem !important;
}

.social-proof-fixed {
    background: rgba(255, 255, 255, 0.1) !important; /* Semi-transparent white for contrast */
    color: white !important;
    padding: 0.5rem !important;
    border-radius: 5px !important;
    margin-bottom: 1rem !important;
    font-size: 0.9rem !important;
    position: relative !important;
    z-index: 11 !important;
}

.header-content-fixed {
    max-width: 1200px;
    margin: 0 auto;
}

.ruqyah-h1 {
    font-size: 2.5rem !important;
    margin-bottom: 0.5rem !important;
    color: white !important;
    line-height: 1.2 !important;
}

.ruqyah-subtitle {
    font-size: 1.2rem !important;
    margin-bottom: 1.5rem !important;
    color: rgba(255, 255, 255, 0.9) !important;
}

.features-list-fixed {
    list-style: none !important;
    display: flex !important;
    justify-content: center !important;
    gap: 1rem !important;
    margin-bottom: 1.5rem !important;
    flex-wrap: wrap !important; /* Key fix: Wrap on mobile */
    padding: 0 !important;
}

.features-list-fixed li {
    padding: 0.5rem 1rem !important;
    background: rgba(255, 255, 255, 0.1) !important;
    border-radius: 5px !important;
    font-size: 1rem !important;
    display: flex !important;
    align-items: center !important;
    min-width: 200px !important; /* Prevent squeeze */
}

.features-list-fixed i {
    margin-right: 0.5rem !important;
    color: #f4b400 !important; /* Yellow icons */
}

.cta-button-fixed {
    background-color: #f4b400 !important;
    color: #333 !important;
    border: none !important;
    padding: 0.75rem 1.5rem !important;
    font-size: 1.1rem !important;
    cursor: pointer !important;
    border-radius: 5px !important;
    min-height: 48px !important;
    transition: background-color 0.3s ease !important;
    margin-bottom: 1.5rem !important;
}

.cta-button-fixed:hover {
    background-color: #e0a800 !important; /* Darker yellow on hover */
}

.flags-fixed {
    display: flex !important;
    justify-content: center !important;
    gap: 1rem !important;
    font-size: 1.2rem !important;
    flex-wrap: wrap !important; /* Mobile wrap */
}

/* Responsive Fixes (Target Mobile Overlaps) */
@media (max-width: 768px) {
    .ruqyah-header-fixed {
        padding: 1rem 0.5rem !important;
    }
    
    .ruqyah-h1 {
        font-size: 1.8rem !important;
    }
    
    .ruqyah-subtitle {
        font-size: 1rem !important;
    }
    
    .features-list-fixed {
        flex-direction: column !important;
        align-items: center !important;
        gap: 0.5rem !important;
    }
    
    .features-list-fixed li {
        width: 100% !important;
        max-width: 300px !important;
        justify-content: center !important;
    }
    
    .urgency-banner-fixed, .social-proof-fixed {
        font-size: 0.85rem !important;
        padding: 0.5rem !important;
    }
    
    .flags-fixed {
        font-size: 1rem !important;
        gap: 0.5rem !important;
    }
    
    /* Fix Theme Nav Overlap on Mobile */
    .ruqyah-header-fixed + nav {
        margin-top: 1rem !important; /* Space from custom header */
    }
}

/* Theme-Specific Overrides (Adjust if using Astra/GeneratePress) */
.site-header, .ast-primary-header-bar {
    z-index: 1000 !important; /* Ensure theme nav stays on top */
}

.ruqyah-header-fixed {
    margin-top: 0 !important; /* No gap above theme header */
}/* End custom CSS */