/* Navbar  */
.navbar-toggler {
    /* border-radius: 10px; */
    border: 2px solid;
    background-color: transparent;
    margin-top: -10px;
}

.navbar-collapse {
    z-index: 5;
    border-radius: 20px;
}

@media (max-width: 576px) {
.navbar-collapse {
        /* backdrop-filter: blur(10px); */
        z-index: 5;
        border-radius: 20px;
        /* padding: 10px; */
    }

}

@media (max-width: 768px) {
.navbar-collapse {
        background-color: #121212 !important;
        z-index: 5;
        border-radius: 20px;
        border: #5cd2fd solid 2px;
        padding: 10px;
    }
}

.navbar-toggler-icon {
    color: #ffffff;
    font-size: 1rem;
}

.navbar {
    position: sticky;
    top: 0;
    z-index: 1000;
        width: 100%;
    background: linear-gradient(to left, #5cd2fd, #000000 40%);
    /* background-color: #121212; */
    height: 60px;
    padding: 0 45px;
    border: none;
    /* border:2px solid  */
    border-bottom:1.5px solid #5cd2fd;;
}

.nav-item a {
    color: white;
}

.nav-item {
    border: 1.5px solid transparent;
    border-top: none;
    border-right: none;
    border-left: none;
}

.nav-item.active {
    border: #5cd2fd solid 1.5px;
    border-top: none;
    border-right: none;
    border-left: none;
    height: 50px;
    color: #5cd2fd;
}

.nav-item.active .nav-icon path {
    stroke: #5cd2fd;
}

.nav-item.active .nav-text {
    color: #5cd2fd;
}

.nav-item:hover {
    /* border: #5cd2fd solid 2px; */
    border: #5cd2fd solid 1.5px;
    border-top: none;
    border-right: none;
    border-left: none;
    align-items: center;
    color: #5cd2fd;
}

.nav-item:hover .nav-icon path {
    stroke: #5cd2fd;
}

.nav-item:hover .nav-text {
    /* color: #5cd2fd; */
}

.nav-link {
    display: flex;
    align-items: center;
    text-decoration: none;
}

.nav-icon {
    margin-right: 10px;
}

.nav-text {
    color: white;
}


/* End Of Navbar */