/* Submenu umum */
.main-header .main-nav ul ul.sub-menu {
    text-align: left;
    position: absolute;
    width: 170px;
    background: #fff;
    left: 0;
    top: 120%;
    visibility: hidden;
    opacity: 0;
    box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.05);
    padding: 17px 0;
    border-top: 2px solid;
    transition: all 0.2s ease-out;
}

/* Submenu item */
.main-header .main-nav ul ul.sub-menu > li {
    margin-left: 7px;
    display: block;
}

.main-header .main-nav ul ul.sub-menu > li > a {
    padding: 10px !important;
    font-size: 14px;
    color: #0b1c39;
    text-transform: capitalize;
}

.main-header .main-nav ul ul.sub-menu > li > a:hover {
    background: none;
}

/* Tampilkan submenu saat hover */
.main-header ul > li:hover > ul.sub-menu {
    visibility: visible;
    opacity: 1;
    top: 100%;
}

/* Submenu level kedua */
.main-header .main-nav ul ul.sub-menu ul.sub-menu {
    left: 100%; /* Pindahkan ke kanan submenu sebelumnya */
    top: 0; /* Tetap di level yang sama */
    visibility: hidden;
    opacity: 0;
    transition: all 0.2s ease-out;
}

/* Tampilkan submenu level kedua saat hover */
.main-header .main-nav ul ul.sub-menu > li:hover > ul.sub-menu {
    visibility: visible;
    opacity: 1;
    left: 100%;
}

/* Tambahan: Ikon panah berubah arah hanya pada submenu */

/* Panah default untuk submenu */
.main-header .main-nav ul ul.sub-menu > li.menu-item-has-children > a::after {
    content: "\e64b"; /* Panah bawah */
    font-family: "themify";
    font-size: 8px;
    display: inline-block;
    padding-left: 5px;
    transition: transform 0.3s ease; /* Tambahkan transisi untuk animasi halus */
    transform: rotate(0deg); /* Default panah ke bawah */
}

/* Ubah panah menjadi ke kanan hanya saat hover pada submenu */
.main-header .main-nav ul ul.sub-menu > li:hover > a::after {
    transform: rotate(-90deg); /* Putar ikon 90 derajat ke kanan */
}