/*** Navbar Start ***/
.navbar-dark {
    background-color: var(--dark) !important;
}

.navbar .navbar-nav .nav-link {
    /* padding: 5px; */
    color: #efefef;
    font-size: 16px;
}
.navbar {
/* position: relative; */
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
padding-top: .5rem;
padding-bottom: .5rem;
}
.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link.active,
.sticky-top.bg-white .navbar .navbar-nav .nav-link:hover,
.sticky-top.bg-white .navbar .navbar-nav .nav-link.active {
    color: var(--bs-primary);
}

.navbar .dropdown-toggle::after {
    border: none;
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    vertical-align: middle;
    margin-left: 2px;
}

/* @media (min-width: 1200px) { */
    .navbar .nav-item .dropdown-menu {
        display: none;
        top: 100%;
        font-weight: 400;
        transform: rotateX(-75deg);
        transform-origin: 0% 0%;
        border: 0;
        transition: .5s;
        opacity: 0;
    }
    /* @media (min-width: 1200px) {
        .navbar .nav-item .dropdown-menu {  display: block;}
} */

.dropdown .dropdown-menu a:hover {
    /* background: var(--bs-secondary); */
    color: var(--bs-primary);
}

.navbar .nav-item:hover .dropdown-menu {
    transform: rotateX(0deg);
    display:block;
    /* visibility: visible; */
    background: var(--bs-light) !important;
    border-radius: 10px !important;
    transition: .5s;
    opacity: 1;
}

@media (min-width: 1200px) {
    .navbar .navbar-collapse .border-top {
        border-top: none !important;
    }
}

#searchModal .modal-content {
    background: rgba(255, 255, 255, .8);
}

/*** Navbar End ***/
.dropdown-menu {
    min-width: 6rem !important;
}
.navbar .dropdown-toggle::after {
    border: none;
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    vertical-align: middle;
    margin-left: 2px;
}

/* @media (min-width: 1200px) { */
    .navbar .nav-item .dropdown-menu {
        display: none;
        top: 100%;
        font-weight: 400;
        transform: rotateX(-75deg);
        transform-origin: 0% 0%;
        border: 0;
        transition: .5s;
        opacity: 0;
    }
    /* @media (min-width: 1200px) {
        .navbar .nav-item .dropdown-menu {  display: block;}
} */

.dropdown .dropdown-menu a:hover {
    /* background: var(--bs-secondary); */
    color: var(--bs-primary);
}

.navbar .nav-item:hover .dropdown-menu {
    transform: rotateX(0deg);
    display:block;
    /* visibility: visible; */
    background: var(--bs-light) !important;
    border-radius: 10px !important;
    transition: .5s;
    opacity: 1;
}