/*-- Generic --*/

             
/* --- Desktop Nav --- */
.desktop-nav{
  display: flex;
}
.desktop-nav ul {
  list-style: none;
  display: flex;
  gap: 1rem;
  margin: 0;
  padding: 0;
}

.desktop-nav a {
  text-decoration: none;
  color: #ffffff!important;
  font-size:16px;
}

.desktop-nav li:hover > a {
  color: #0073e6;
}

.desktop-nav .hs-item-has-children:hover{
  display:block;}
.desktop-nav .hs-menu-children-wrapper{
  flex-direction: column;
  background-color:#171b25!important;}
.desktop-nav .hs-menu-wrapper li:not(.hs-menu-depth-1):hover > a {
  background-color: #171b25;}

/* --- Mobile --- */
.mobile-toggle {
  display: none;
  flex-direction: column;
  gap: 4px;
  background: none;
  border: none;
  cursor: pointer;
}
.mobile-toggle span {
  display: block;
  width: 24px;
  height: 2px;
  background: #ffffff;
}
.mobile-nav {
  display: none;
}
.mobile-nav ul {
  list-style: none;
  margin: 0;
  padding: 1rem;
  text-align:center;
}
.mobile-nav li {
}
.mobile-nav a {
  text-decoration: none;
  color: #fff!important;
  font-size: 16px;
}




/* --- Responsive --- */
@media (max-width: 1200px) {
  .widget-type-menu{
    display: flex;
    justify-content: flex-end;}
   
  .desktop-nav {
    display: none;
  }

 .mobile-toggle {
  display: flex;
  flex-direction: column;
  gap: 4px;
  background: none;
  border: none;
  cursor: pointer;
}

.mobile-toggle span {
  display: block;
  width: 24px;
  height: 2px;
  background: #ffffff;
}

  .mobile-nav.active {
    display: block;
    width: 300px;
    position: absolute;
    z-index: 999999;
    background-color: #171b25;
    margin-top: 40px;
    height: auto;
    padding:40px;
  }
  .mobile-nav li:hover > a , .mobile-nav .hs-menu-children-wrapper li:hover{
  color: #0073e6;
}
  
  .mobile-nav.active ul li {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding:0;
    text-align:left;}
  
  .mobile-nav.active ul li a{
    padding:8px 0;}
  .mobile-nav .hs-menu-wrapper:not(.pwr-a11y-menu) li.hs-item-has-children>a:after{
    color:#ffffff;
    right:-20px;
  }
  
  .mobile-nav .hs-menu-wrapper.hs-menu-flow-horizontal ul.hs-menu-children-wrapper {
        opacity: 1 !important; 
        position: static !important;
        visibility: visible !important;
        flex-direction: column;
        background-color:#171b25!important;
        margin:0;
        padding:0;}
.mobile-nav .hs-menu-wrapper li:not(.hs-menu-depth-1):hover > a {
    background-color: #171b25;
    color: #0073e6;}
}

@media (max-width: 767px) {
  
  .mobile-nav.active {
    margin-top: 30px;
  }

    .mobile-toggle {
      margin-top:15px;
   display: inline-flex;
   width: 100%;
   align-items: center;
  }
}
  

}