/* ============================================
   BUSINESS PAGE THEME
   ============================================ */

/* Hero Section with Background Image */
.hero {
    background-image:
        linear-gradient(135deg, rgba(30, 58, 95, 0.85), rgba(45, 90, 140, 0.75), rgba(80, 150, 180, 0.70)),
        url('../assets/business-hero.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

/* Adjust the overlay pattern to work with background image */
.hero::before {
    background: none;
    background-color: rgba(30, 58, 95, 0.15);
}

/* Mobile Responsive Adjustments */
@media (max-width: 768px) {
    .hero {
        background-attachment: scroll;
        background-size: cover;
        background-position: center center;
    }

    .hero::before {
        background-color: rgba(30, 58, 95, 0.25);
    }
}

/* Tablet Adjustments */
@media (max-width: 1024px) and (min-width: 769px) {
    .hero {
        background-attachment: scroll;
    }
}

/* Small Mobile Devices */
@media (max-width: 480px) {
    .hero {
        background-position: 60% center;
    }

    .hero::before {
        background-color: rgba(30, 58, 95, 0.30);
    }
}