body {
    #wrap {
        overflow-x: unset;
    }
}
header {
    &.main-header {
        position: sticky;
        top: 0;

        .is-stuck {
            position: unset;
            transform: unset !important;
            transition: ease-in-out .3s;
        }
    }

    .lqd-sticky-placeholder {
        display: none !important;
    }

    .main-header-overlay {
        position: sticky;
        top: 0;
    }

    .is-stuck .navbar-brand {
        padding-top: 14px;
        padding-bottom: 14px;
    }

    .navbar-brand {
        transition: ease-in-out .3s;
    }

    .mobile-marquee {
        display: none;
        --gap: 1rem;
        overflow: hidden;
        user-select: none;
        gap: var(--gap);

        .marquee__content {
            flex-shrink: 0;
            display: flex;
            justify-content: space-around;
            min-width: 100%;
            gap: var(--gap);
            animation: scroll 15s linear infinite;
            -webkit-animation: scroll 15s linear infinite;
            
            .flex-class {
                display: flex;
                gap: 10px;
                align-items: center;
                color: #a3816a;
            }
        }

        @media screen and (max-width: 1199px) {
                display: flex;
        }
    }
}

@keyframes scroll {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(calc(-100% - var(--gap)));
    }
}