html{
    font-family: "DM Sans", sans-serif;
}

.menu-nav li{
    border:1px solid #000F1D;
    width:100%;
    padding:1rem 0;
    transition:.2s ease-in-out;
}

.menu-nav li:hover{
    background-color: #4DA2FF;
}

#menu-item-15{
    background-color: #B35042;
    position:relative;
}
#menu-item-15::after {
    content: "\ea24";
    position: absolute;
    font-size: 2rem;
    top: 0;
    right: 0;
    font-family: 'tabler-icons';
    background-color: #4DA2FF;
    padding: 0.3rem 0.6rem;
}

.panel{
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.revealed-element {
    max-height: 500px; /* Or a sufficiently large value */
}

.hidden-element {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease-in-out; /* Adjust duration and easing as needed */
}