.navbar a {
    transition: all .3s;
}

.dropdown-menu-end {
    right: auto;
    left: 50%;
}

.animate {
    animation-duration: .3s;
}

@keyframes slideIn {
    0% {
        transform: translateY(1rem);
        opacity: 0;
    }

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

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

.slideIn {
    animation-name: slideIn;
}

@media all and (min-width: 992px) {
    .navbar .dropstart .dropdown-menu {
        top: 0;
        right: 100%;
        left: auto;
        margin-top: 0;
        margin-right: 0;
    }

    /* .navbar-nav li>.dropdown-menu {
        display: none;
        box-shadow: 0 5px 10px rgba(0, 0, 0, .3);
    }

    .navbar-nav li:hover>.dropdown-menu {
        display: block;
    } */
}

@media all and (max-width: 991px) {
    .dropstart .dropdown-toggle::before {
        display: none;
    }

    .dropstart .dropdown-toggle::after {
        display: inline-block;
        margin-left: .255em;
        vertical-align: .255em;
        content: "";
        border-top: .3em solid;
        border-right: .3em solid transparent;
        border-bottom: 0;
        border-left: .3em solid transparent;
    }

    .navbar-nav .dropdown-menu {
        padding-left: 20px;
    }
}