.page-sticky-sub-nav {
    max-width: 100% !important;
    top: calc(100px + var(--wp-admin--admin-bar--height, 0px));
    position: sticky;
    z-index: 10;
}

@media screen and (max-width: 1024px) {

    .page-sticky-sub-nav {
        max-width: 100% !important;
        top: calc(80px + var(--wp-admin--admin-bar--height, 0px))
    }
}

.sticky-sub-nav-ul {
    max-width: 90%;
    margin: 0 auto !important;
    padding: 2rem 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    list-style: none;
    gap: 2rem;
}

.sticky-sub-nav-li a {
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    text-decoration: none;
    animation: fadeInTop 2s ease 0s 1 normal forwards;
}

.white-btn,
.sticky-sub-nav-ul .white-btn {
    font-size: 17px;
    background: #eee;
    font-weight: 600;
    margin-top: 0 !important;
}

@keyframes fadeInTop {
    0% {
        opacity: 0;
        transform: translateY(-50px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}