@font-face {
    font-family:Poppins-Regular;
    src: url(../fonts/Poppins-Regular.ttf);
}
@font-face {
    font-family:Poppins-SemiBold;
    src: url(../fonts/Poppins-SemiBold.ttf);
}

@media (min-width: 767px) {
    .animate {
      animation-duration: 0.3s;
      -webkit-animation-duration: 0.3s;
      animation-fill-mode: both;
      -webkit-animation-fill-mode: both;
    }
    /* .dropdown:hover .dropdown-menu{
      display: block;
      margin-top: 0;
  } */
  }

  @media (min-width: 992px) {
    .animate {
      animation-duration: 0.3s;
      -webkit-animation-duration: 0.3s;
      animation-fill-mode: both;
      -webkit-animation-fill-mode: both;
    }
     .dropdown:hover .dropdown-menu{
      display: block;
      margin-top: 0;
  }
  
  }
  @keyframes slideIn {
    0% {
      transform: translateY(1rem);
      opacity: 0;
    }
  
    100% {
      transform: translateY(0rem);
      opacity: 1;
    }
  
    0% {
      transform: translateY(1rem);
      opacity: 0;
    }
  }
  
  @-webkit-keyframes slideIn {
    0% {
      -webkit-transform: transform;
      -webkit-opacity: 0;
    }
  
    100% {
      -webkit-transform: translateY(0);
      -webkit-opacity: 1;
    }
  
    0% {
      -webkit-transform: translateY(1rem);
      -webkit-opacity: 0;
    }
  }
  
  .slideIn {
    -webkit-animation-name: slideIn;
    animation-name: slideIn;
  }
  header{
    position: absolute;
    width: 100%;
    left: 0;
    z-index: 10;
    padding: 10px 0 0;
  }
  header .nav-item{
    margin-right: 0px;
  }
  header .nav-item .nav-link{
    color: #ffffff;
    font-weight: 600;
    
    
  }
  .nav-item::after{
    position: absolute;
    content: "";
    width: 0;
    height: 2px;
    background-color: #ffffff;
    bottom: 5px;
    left: 0;
    right: 0;
    transition: all .3s ease-in;
}
.nav-item:hover::after{
    width: 100%;
}
.nav-item:hover::after{
    width: 100%;
}
.nav-item:nth-child(3)::after, 
.nav-item:nth-child(5)::after,
.nav-item:nth-child(6)::after{
  
  width: 0;
}


.nav-item {
    margin: 0 14px;
    position: relative;
}

.nav-item:last-child{
    margin-right: 0;
}
header .nav-item .nav-link.active{
  padding: 8px 13px;
  color: #000000;
  background-color: #fff;
  border-radius: 8px 0 8px 0;

}

header .dropdown-item:focus,
 header .dropdown-item:hover {
  background-color: #3e3e3e;
  color: #fff;
  font-weight: 600;
}
header .dropdown-item{
  font-size: 14px;
  margin-bottom: 10px;
}
header .dropdown-item.active  {
  color: #fff;
  background-color: #3e3e3e;
}
header .dropdown-menu {
  border: 1px solid #eeeeee;
  padding: 8px 0;
}
#navbarSupportedContent{
  background-color:transparent;
  padding: 0px 0px;
}
.navbar-toggler-icon i{
  font-size: 27px;
}

  .header .navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: none;
}
 
/* header animation */
.header .navbar {
  transition: all 0.3s ease-in-out;
}

.sticky {
  position: fixed;
  top: -60px;
  left: 0;
  height: 79px;
  animation: goDown 0.5s ease-in-out forwards;
  width: 100%;
  background-color: #3e3e3e;
  z-index: 10;
  box-shadow: rgb(0 0 0 / 54%) 0px 3px 2px;
  
}

.sticky .navbar {
  max-height: 100%;
 
}


@keyframes goDown {
  0%{
    top:-60px;
  }
  100% {
    transform: translateY(60px);
  }
}

section .fx-header {
  height: 100%;
}
/* header animation */