.mega-pd {
    position: absolute !important;
    top: 100%;
    background: #ffffff;
    display: none;
    z-index: 9999;
    box-shadow: 0 25px 50px rgba(0,0,0,.08);
    border-top: 1px solid #eee;
    left: 0;
    right: 0;
}


.mega-pd-root {
    position: static !important;
}



.mega-pd-right {
    background: #fafafa !important;
    border-left: 1px solid #eee;
}



.mega-pd-level2 {
    list-style: none;
    margin: 0;
    padding: 24px 0;
}

    .mega-pd-level2 li {
        padding: 14px 28px;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: 14px;
        font-weight: 500;
        color: #222;
        transition: all .25s ease;
        position: relative;
    }

        .mega-pd-level2 li i {
            font-size: 18px;
            opacity: .3;
            transition: all .25s ease;
        }

        .mega-pd-level2 li:hover {
            background: #ffffff;
        }

        .mega-pd-level2 li.active {
            background: #ffffff;
            color: #000;
            font-weight: 600;
        }

            .mega-pd-level2 li.active::before {
                content: "";
                position: absolute;
                right: 0;
                top: 50%;
                transform: translateY(-50%);
                height: 60%;
                width: 3px;
                background: #c9a24d;
            }

            .mega-pd-level2 li.active i {
                opacity: 1;
                color: #c9a24d;
            }

.mega-pd-left {
    padding: 40px 48px !important;
    background: #fff;
}

.mega-pd-pane {
    display: none;
    animation: pdFade .3s ease;
}

    .mega-pd-pane.active {
        display: block;
    }

.pd-title {
    font-size: 14px;
    font-weight: 600;
    border-bottom: 1px solid #c9a24d;
    padding-bottom: 2px;
    margin-bottom: 20px;
    color: #222;
}

    .pd-title:hover {
        color: #222;
    }

.pd-links {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .pd-links li a {
        display: block;
        padding: 6px 0;
        font-size: 13px;
        color: #555;
        text-decoration: none;
        transition: all .25s ease;
    }

        .pd-links li a:hover {
            color: #000;
            transform: translateX(-6px);
        }

@keyframes pdFade {
    from {
        opacity: 0;
        transform: translateY(12px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.mega-pd-left::before {
    content: "";
    position: absolute;
    right: 0;
    top: 40px;
    bottom: 40px;
    width: 1px;
    background: linear-gradient( to bottom, transparent, #c9a24d, transparent );
}

.mega-pd-pane-header {
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 500;
    color: #222;
}

    .mega-pd-pane-header a {
        color: #c9a24d;
    }

        .mega-pd-pane-header a:hover {
            color: #222;
        }

.mega-pd-level2 li a, mega-pd-level2 li a:hover {
    color: #222;
}

.mobile-item a {
    color: #222;
}

.products-category-arrow {
    position:relative !important;
    top:0 !important;
    transform: rotate(-180deg);
}

.nav-link i {
    position:relative;
   top: 1px;
}