.junto-mega-menu{
    position: fixed;
    top: 100px;
    left: 50%;
    width: 90vw;
    max-width: 90vw;
    transform: translateX(-50%);
    background-color: #e6f6e8;
    border-radius: 1rem;
    z-index: 999;
    box-shadow: 0 0 0 1600px rgba(0,0,0,.4);
    display: none;
    pointer-events: none;
}
/* .junto-mega-menu-static{
    top: 70px !important;
} */

.junto-mega-menu.junto-mega-menu__smaller{
    width: 60vw;
    max-width: 60vw;
    transform: translateX(0);
    left: auto;
    right: 2rem;
}

.junto-mega-menu.active{
    display: block;
    pointer-events: auto;
}

/* small screens */
@media (max-width: 992px) {
    .junto-mega-menu{
        display: none !important;
    }
}


.junto-mega-menu .title{ font-weight: 600;}

.junto-mega-menu .toggle-box{ isolation: isolate; }
.junto-mega-menu .toggle-item{ width: 120px; cursor: pointer; }
.junto-mega-menu .toggle-item.active{ color: white}
.junto-mega-menu .toggle-indicator{ z-index: -1; width: 48%; left: 0; transition: all .2s ease-in-out;}
.junto-mega-menu .toggle-indicator.bedrijf{ z-index: -1; width: 56%; left: 45%; }
.junto-mega-menu .toggle-box-links .btn, .junto-mega-menu .button-links .btn{ font-weight: 500;}
.junto-mega-menu .toggle-box-links .btn:hover, .junto-mega-menu .button-links .btn:hover{ background-color: #EFEFEF;}
.junto-mega-menu .box-image{ border-bottom-left-radius: 1.5rem; width: 100%; height: 224px; object-fit: cover; }
.junto-mega-menu .box-image.box-image-center{ border-bottom-left-radius: 0; }
.junto-mega-menu .box-image.box-image-end{ border-bottom-left-radius: 0; border-bottom-right-radius: 1.5rem;}