/* Desktop styles for min 1280px */
@media screen and (min-width: 1280px) {
    /* Add your CSS rules here */
    .mobile-hamburger {
        display: none;
    }
    .logo {
        margin-right: auto;
    }
    .menubar {
        margin-left: auto;
    }
    .menubar {
        gap: 0 16px;
    }
    .menubar-item {
        gap: 0 8px;
        border: 1px solid var(--white-color);
        border-radius: 12px;
    }
    .menubar-item a {
        padding: 8px;
    }
    .shop-now-btn {
        margin-left: 20px;
        border: 1px solid var(--bg2-color);
        padding: 16px 32px;
        gap: 10px;
        border-radius: 30px;
        opacity: 0px;
        color: var(--white-color);

    }
    /* 
    .hero {
        padding: 100px 0;
    } */

    .how-it-works-image-img {
        padding: 100px;
    }
}