.bg-hero {
    background: #f8faff;
}

.bg-zm-blue {
    background-color: #1a56a4;
}

.h-zm-screen {
    height: 40vh;
}


@media (min-width: 1024px) { 
    .h-zm-screen {
        height: 66vh;
    }
 }


html, body {
    scroll-behavior: smooth;
}

::-webkit-scrollbar {
    height: 0;
    width: 0;
    color: transparent;
}

body.menu-open {
    overflow: hidden;
}

body.menu-close {
    overflow-y: scroll;
}

.max-w-8xl {
    max-width: 80rem;
}

.max-w-9xl {
    max-width: 90rem;
}

.menu__navigation::after {
    background-color: #fff;
    content: " ";
    display: block;
    height: 22px;
    position: absolute;
    left: 59%;
    top: 0px;
    -webkit-transform: rotate(45deg) translate(-50%);
        -ms-transform: rotate(45deg) translate(-50%);
            transform: rotate(45deg) translate(-50%);
    width: 22px;
    border-radius: 3px;
    z-index: 30;
}

.font-null {
    font-size: 0;
}