:root{
    --color-1:#000804;
    --color-2: #03FD8E;
}

body::-webkit-scrollbar {
    width: 10px;
}


body::-webkit-scrollbar-track {
    background-color: var(--color-1);
}

body::-webkit-scrollbar-thumb {
    border-radius: 100px;
    border: 1px solid transparent;
    background-clip: content-box;
    background-color: var(--color-2);
}

.collapse-site-menu {
    background: url('/theme/img/bkg/hero-bg-mob-1.jpg');
    background-size: cover;
}

.collapse-site-menu .menu-top {
    width: 100%;
    display: block;
}

.collapse-site-menu .menu-top ul {
    display: block;
    margin-top: 3rem;
    width: 100%;
}

.collapse-site-menu .menu-top ul li {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-top: 0.8rem;
}

.collapse-site-menu .menu-top ul li a {
    font-family: var(--chakra-fonts-heading);
    font-size: 30px;
    font-weight: 300;
}

.collapse-site-menu .menu-footer {
    display: block;
    position: absolute;
    bottom: 0px;
}

.collapse-site-menu .menu-footer h3 {
    opacity: 50%;
    font-weight: 300;
}

.collapse-site-menu .menu-footer .menu-links {
    width: 100%;
    display: inline-block;
}

.collapse-site-menu .menu-footer ul {
    display: flex;
    justify-content: center;
    margin: 1rem 0 2rem 0;
    
}

.collapse-site-menu .menu-footer ul li {
    display: inline-block;
}