@import url('https://fonts.googleapis.com/css2?family=Cabin:ital,wght@0,400..700;1,400..700&display=swap');

.header-2 .header-holder{
  background-color: var(--primary-color);
}
.header-2 .main-navigation.navbar-right > li > a{
color: var(--tertiary-color);
font-size: 14px;
font-weight: 800;
}
.header-2 .main-navigation.navbar-right > li > a:hover{
  color: var(--seconary-color);
  }

.header-2 #nav {
padding-top: 30px;
  }
  .header-2 .main-navigation.navbar-right > li.active{
    border: 3px solid var(--tertiary-color);
   }

   .header-2 .main-navigation.navbar-right > li {
    padding: 5px 8px;

   }

   @media (max-width: 768px) {
    .header-2 #nav{
      padding-top: 0px;
    }
    .navbar-default .navbar-toggle{
      border-color:var(--tertiary-color)!important;
     }
     .navbar-default .navbar-toggle .icon-bar {
      background-color: var(--tertiary-color)!important;
  }
  #nav .navbar-collapse {
    background-color: var(--primary-color)!important;
  }
  .header-2 .main-navigation.navbar-right > li > a :hover{
    color: black;
  }
  .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{
    color: #fff;
    background-color: #951e60!important;
  }



  }