.nav-item::after {
    content: '';
    display: block;
    width: 0px;
    height: 2px;
    background: #F8CC26;
    transition: 0.2s;
}

.nav-item:hover::after {
    width: 100%;
}

.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show>.nav-link,
.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
    color: #F8CC26;
}

.dropdown-item:focus,
.dropdown-item:hover {
    background: #F8CC26;
}

.navbar {
    background-color:  #F4F4F4 !important;
    font-family: 'Roboto', sans-serif;
}
.navbar-brand{
    font-weight: bold;
}

.nav-link {
    font-size: 17px !important;
    color: black !important;
}

.nav-link:hover {
    color: #F8CC26 !important;
}

.nav-link {
    padding: 15px 5px;
    transition: 0.2s;
}
.connect-responsive{
    display: none !important;
}
.navbar-toggler{
border: none;
cursor: pointer;
color: black;
font-size: 25px;
}
.insc1{
    display: none;
}

@media (max-width: 991px) {
    .icone{
        display:none !important;
    }
    .connect-responsive{
        display: block !important;
        color: black;
    }
    .connect-responsive:hover{
        color:black;
    }
}
@media (max-width: 768px) {
    .insc{
        display: none;
    }
}
@media (max-width: 768px) {
    .insc1{
        display: block;
    }
}