/* Mobile Responsive Fixes */
@media (max-width: 768px) {

    /* Prevent horizontal scrolling on mobile */
    html,
    body {
        overflow-x: hidden !important;
        max-width: 100% !important;
    }

    /* Reduce font size and padding for hero heading to prevent text cutoff */
    .hero h1 {
        font-size: 29px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}