.btn-outline-primary {
    border-color: var(--bs-primary-op035);
    color: #ffffff;
    background: var(--bs-primary);
}

/* Default state (desktop-first) */
.mobile-banner {
    display: none;
}
.desktop-banner {
    display: block;
}

/* Mobile styles */
@media only screen and (max-width: 600px) {
    
    .mobile-banner {
        display: block;
        height: 800px;
    }
    .heroSwiper{
        max-height: 800px !important;
    }
    .desktop-banner{
        display: none;
    }
}