:root {
    --menu-width: 47.5em; /* Width of menu */
    --menu-width2: 27.5em; /* Width of menu */
    --items: 6; /* Number of items you have */
    --item-width: calc(var(--menu-width) / var(--items));
}

/* custom andre */
    .sub-menu.show {
    display: flex;
    }

#menu, #menu2 {
    display: flex;
    position: relative;
    z-index: 2;
    margin: 0px auto;
    flex-wrap: wrap;
    width: 100vw;
    justify-content: center;
    padding-inline: 5%; 
}
.menu-conteiner {
    width: var(--menu-width);
    display: flex;
    transform-style: preserve-3d;
    justify-content: space-evenly;
    position: relative;
    z-index: 2;
    margin: 0px auto;
    perspective: 2000px;
    flex-wrap: wrap;
    padding-top: 30px;
    padding-bottom: 40px;
  }

/*#menu2 {
    width: var(--menu-width2);
    display: flex;
    transform-style: preserve-3d;
    justify-content: space-evenly;
    position: relative;
    z-index: 2;
    margin: 0px auto;
    perspective: 2000px;
    flex-wrap: wrap;
}*/

nav .menu-item {
    color: white;
    background: white;
    padding-block: calc(2vw + 2.1vh) !important;
    padding-inline: unset !important;
    width: auto;
    border: unset !important;
}
nav .menu-text a:hover{
    color: black;
    font-weight:700;
}
nav .sub-menu2 a:hover {
    color: #ed1c24;
}
.sub-menu-list {
    padding-top: 1.5em;
    width: 90%;
    border-top: solid 1px black;
}
nav .menu-text, nav .menu-text a {
    color: black;
    text-decoration: none;
    transition: color 0.1s ease-out;
    text-align: center;
    display: flex;
    width: auto;
    z-index: 999;
    align-items: center;
    margin-top: unset !important;
    position: relative;
}
nav .menu-text {
    padding-inline: calc(2vw + 2.1vh) !important;
    border-right: solid black 1px;
    }
    .menu-item:last-child .menu-text {
        border-right: unset !important;
        }

.menu-item .sub-menu {
    width: 100vw;
    left: 0;
    top: 0;
    z-index: -4;
    padding-bottom: calc(1.5vw + 1.6vh) !important;
    display: none;
    background: #fff;
    padding-top: calc(5.4vw + 5.5vh + 2px) !important;
    justify-content: center;
    margin-left: unset !important;
    position: absolute;
}
.menu-item .sub-menu.show {
    display: flex;
    }
.menu-item .sub-menu2 {
    position: absolute;
    width: 100vw;
    left: 0;
    top: 0;
    z-index: -4;
    background: white;
    padding-bottom: calc(1.5vw + 1.6vh) !important;
    display: none;
    background: #fff;
    padding-top: calc(5.4vw + 5.5vh + 2px) !important;
    justify-content: center;
    display: none;
}
.sub-menu2.show {
    display: flex;
    }
.menu-item:hover .sub-menu {
    pointer-events: all;
    clip-path: inset(0 0 0 0);
}

.menu-item:hover .sub-menu {
    opacity: 1;
    margin-left: 0;
}

.menu-item:hover .sub-menu2 {
    pointer-events: all;
    clip-path: inset(0 0 0 0);
}

.menu-item:hover .sub-menu2 {
    opacity: 1;
    margin-left: 0;
}

@keyframes clipPath {
    0% {
        opacity: 0;
    }
    100% {
        transform: rotateX(0deg) scale(1);
        top: 4.5em;
        opacity: 1;        
    }
}
nav .menu-item.highlight:hover ~ #sub-menu-container #sub-menu-holder #sub-menu-bottom { opacity: 1; }