.topnav__menu {
    width: 50%;
}

.topnav__menu li span {
    display: inline-block;
    padding: 14px 0;
    color: #fff;
}

.topnav__menu li span:hover {
    color: #EF9200;
    cursor: default;
}

.topnav__parent {
    position: relative;
}

.topnav__menu .topnav__parent > a,
.topnav__menu .topnav__parent > span {
    display: flex;
    gap: 9px;
    align-items: center;
}

.topnav__parent svg {
    content: '';
    position: relative;
    display: inline-block;
    width: 8px;
    height: 8px;
    fill: white;
    opacity: 0.4;
    transition: rotate .2s ease-out;
    rotate: 180deg;
}

.topnav__parent:hover svg {
    rotate: 0deg;
}

.topnav__submenu {
    position: absolute;
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 10px 0;
    opacity: 0;
    visibility: hidden;
    z-index: 25;
    transform: translateY(10px);
    transition: opacity .2s ease-out, visibility .2s ease-out, transform .2s ease-out;
    background-color: white;
    border: 1px solid #E9E9E9;
    border-radius: 0 0 8px 8px;
}

.topnav__submenu li a,
.topnav__submenu li span {
    width: max-content;
    padding: 5px 20px;
    color: #535353;
}

.topnav__parent:hover .topnav__submenu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}