.navbar{
      padding: 10px;
}
.show_on_large{
      display: none;
}
.nav-item{
      text-align: center;
}
.nav_hover{
      font-weight: 600;
}
.nav_hover .nav-link{
      border: 1px solid var(--bg);
      border-radius: 30px;
      background: var(--bg);
      color: white !important;
}
.navbar_wrap{
      gap: 20px !important;
      border-radius: 10px;
      background: var(--bg_sec);
      padding: 10px;
}

@media screen and (min-width : 992px) {
      .show_on_large{
            display: block;
      }
      .hide_on_large{
            display: none;
      }
      .navbar_wrap{
            gap: 50px !important;
      }
      .nav_hover .nav-link{
            color: white !important;
      }
      .navbar-collapse .navbar-nav{
            width: 100%;
            display: flex;
            flex-flow: row;
            justify-content: space-between;
      }
      .navbar-collapse{
            padding: 10px;
            background: white;
            border-radius: 10px;
      }
}