.desktop-nav li {
    cursor: pointer;
    position: relative;
    font-size: 1rem;
}

.desktop-nav li:last-of-type ul {
    right: 0;
}

.desktop-nav > ul > li {
    position: relative;
    display: inline-block;
}

.desktop-nav > ul > li ul {
    position: absolute;
    z-index: 999;
    display: none;
    list-style: none;
    padding-left: 10px;
    min-width: 230px;
}

.desktop-nav > ul > li > ul {
    padding-left: 0;
}

.desktop-nav > ul > li:hover > a svg {
    @apply scale-y-[-1];
}

.desktop-nav > ul li:hover > ul > li:hover > a svg {
    @apply rotate-[270deg];
}

.desktop-nav > ul li:hover > ul {
    position: absolute;
    display: block;
    padding: 0;
}

.desktop-nav > ul li:hover > ul > li:first-child {
    margin-top: 15px;
    @apply border-t-2 border-t-highlight;
}

.desktop-nav > ul li > ul > li > a {
    padding: 15px;
}

.desktop-nav > ul > li > ul li:hover > ul {
    position: absolute;
    top: 0;
    left: 100%;
    display: block;
}