/*!******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[12].use[3]!./src/components/header/header.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************/
.header-nav .nav > li.active > Link {
    color: orangered !important; }
  .header-nav .nav > li:hover > Link {
    color: var(--primary); }
.ant-dropdown-menu {
  background-color: #FDF2ED !important;
}

.ant-dropdown-menu, .ant-dropdown-arrow{
  margin-top: 17px !important;
}

/* .nav_ham{
  display: none;
} */

@media (min-width: 768px){
  .nav_ham{
    display: none;
  } 
}
/* @media(max-width: 1280px){
  .logo_no_tab_header{
    display: none !important;
  }
} */

.nav_content{
  display: block;
} 
@media (max-width: 768px){
  .nav_content{
    display: none;
  } 
  .extra-nav{
    display: none !important;
  }
}

/* 
@media (max-width: 991px){
  
  .extra-nav{
    display: none !important;
  }
} */
.menu-item-has-children > a {
  position: relative;
}

.menu-item-has-children > a::after {
  position: absolute;
  content: "\f107";
  font-family: "FontAwesome";
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s;
}

.menu-item-has-children:hover > a::after,
.menu-item-has-children.open > a::after {
  transform: rotate(180deg);
}


@media (min-width: 992px) and (max-width: 1199px) {
  .menu-item-has-children > a::after {
    right: -1px !important;
    top: 9px;
  }
}

@media (min-width: 1200px) {
  .menu-item-has-children > a::after {
    right: 2px !important;
    top: 14px;
  }
}

.menu-item-has-children.megamenu {
  position: static;
}

.menu-item-has-children.megamenu .submenu {
  width: 100%;
}

.menu-item-has-children.megamenu .submenu li .home-showcase__buttons a span {
  color: #EB8153;
  font-weight: 500;
  font-size: 14px;
}

.menu-item-has-children.megamenu .submenu li .home-showcase__buttons a:hover {
  background-color: #EB8153;
}