header.header {
background: #fff;
padding:23px 0;
transition: .5s;
}
.header .container-fluid { 
  padding: 0px 20px;
}
header.header .header-logo {
  max-width:30%;
  width:100%;
}
header.header .custom-menu-primary  {
  max-width:70%;align-items: center;
  width:100%;display: flex;
  justify-content: space-between;
}
header.header .menu_header{
  display: flex;
  gap: 15px;
}
header.header .menu_header li {
  list-style:none;
}
header.header .menu_header li a {
  border-radius: 12px;color:#0F0F14;
  font-size: 16px;text-decoration: none;
  padding: 12px 26px;transition: 0.3s;
}
header.header .menu_header li:last-child a {
  background: #0f0f14;
  color:#fff;  font-weight: 600;
}
header.header .menu_header li a:hover {
  color: #712fff;transition: 0.3s;
}
header.header .menu_header li:last-child a:hover {
  background: #712fff;
  color:#fff; 
}
.header.fixed{
  position: fixed;
  width: 100%;padding:18px 0;
  background: #fff;
  z-index: 999;
  transition: 0.5s; 
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
header.header .header-logo img {
  max-width: 140px;
}

.custom-menu-primary .hs-menu-wrapper > ul{
  padding: 0;
  margin: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-align: center;
  align-items: center;
}

.custom-menu-primary .hs-menu-wrapper > ul > li > a{
  color: #0F0F14;
  display: table;
  font-size: 15px;
  font-weight: 400;
  padding: 9px 0px;
  text-decoration: none;
}

.custom-menu-primary .hs-menu-wrapper > ul > li.hs-item-has-children > a:after{
  position: absolute;
  content: "\f107";
  font-family: FontAwesome;
  right:10px;
  top: 10px;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}
.custom-menu-primary .hs-menu-wrapper > ul > li.hs-item-has-children > a:hover:after{
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}
.custom-menu-primary .hs-menu-wrapper > ul > li > a:hover{
  color: #712FFF;
  text-decoration:none;
}
header .custom-menu-primary .hs-menu-wrapper > ul ul li a {
  color: #fff;font-size: 14px;
  text-decoration: none;
  padding: 10px 15px;
  display: table;
}
.custom-menu-primary .hs-menu-wrapper > ul > li {
  position: relative;  margin: 0px 18px;
}

@media (max-width:991.98px){
header.header {
  padding: 25px 0;
  transition: .5s;
}
  header.header .menu_header {
  display: flex;
  gap: 5px;
  margin-right: 65px;
}
  header.header .menu_header li a {
  font-size: 14px;
  padding: 12px 18px;
}
  .child-trigger.nav_act i::after {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  .custom-menu-primary .hs-menu-wrapper > ul li a, .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
    line-height: normal;
  }
  .custom-menu-primary .hs-menu-wrapper > ul ul li a{
    padding: 10px 10px !important;
  }
  .custom-menu-primary .hs-menu-wrapper > ul > li.hs-item-has-children > a:hover {
    background: transparent;
  }
  .header .container {
    max-width: 100%;
  }
  .header {
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
  }
  .header.fixed {
    position: relative;
  }
  .header .no-padding-mb{
    padding:0; 
  }
  .custom-menu-primary .hs-menu-wrapper ul li .child-trigger.child-open + ul.hs-menu-children-wrapper { 
    display: block !important;
    height: 100% !important;
  }
  .custom-menu-primary .hs-menu-wrapper ul li.hs-menu-depth-1.hs-item-has-children ul.hs-menu-children-wrapper {
    width: 100% !important;
    -webkit-transform: translateY(0px) !important;
    -ms-transform: translateY(0px) !important;
    transform: translateY(0px) !important;

  }
  .custom-menu-primary .hs-menu-wrapper ul li.hs-menu-depth-1.hs-item-has-children:hover ul.hs-menu-children-wrapper {
    padding: 0px 0!important;
  }
  header{padding: 15px 0px; position: static;}
  .custom-menu-primary.js-enabled{padding: 0px !important;margin: 0!important;}
  .custom-menu-primary .mobile-trigger{
 top: -14px;
    width: 47px;
    height: 47px;border:0px;right: 0;padding: 0;
  }
  .custom-menu-primary .hs-menu-wrapper > ul ul li {
    float: none;
    width: 100%;
    height: auto;
    display: block;
    align-items: center;
  }
  .custom-menu-primary .hs-menu-wrapper ul li.hs-menu-depth-1.hs-item-has-children ul.hs-menu-children-wrapper {
    background: transparent!important;
    height: 100% !important;
    padding: 0!important;
    left: 0;
  }
  .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a:hover {
    transform: translateX(0px)!important;
    transition: all .3s ease-in;

  }


  .custom-menu-primary .mobile-trigger:after{
    bottom:10px;
    top:unset;
  }
  .mobile-open .custom-menu-primary .mobile-trigger:before{
    top: 13px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    transition:0.3s;
  }
  .mobile-open .custom-menu-primary .mobile-trigger:after{
    bottom: 15px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    transition:0.3s;
  }
  .custom-menu-primary.js-enabled .hs-menu-wrapper{
    padding: 15px !important;
    background: #712fff;
  }

  .custom-menu-primary .hs-menu-wrapper > ul > li.hs-item-has-children > a::after {
    display: none;

  }
  .custom-menu-primary .hs-menu-wrapper > ul > li a{
    color: #fff !important;
    font-size: 14px !important;
    padding: 0 !important;
  }
  header .custom-menu-primary .hs-menu-wrapper > ul ul li a {
    letter-spacing: 0px!important;
  }
  #stick-here{
    height: auto !important;
  }
  header.stick {
    position: relative;
  }
}


@media (min-width:768px) and (max-width:991px){


}


@media (min-width:991px) and (max-width:1199px) { 
  .menu_new_header .custom-menu-primary .hs-menu-wrapper > ul > li > a {
    font-size: 11px;
  }
  .menu_new_header .custom-menu-primary .hs-menu-wrapper > ul > li > a {
    padding: 9px 19px 9px 5px;
  }
  .custom-menu-primary .hs-menu-wrapper > ul > li > a {
    font-size: 12px;
  }
  header .custom-menu-primary .hs-menu-wrapper > ul ul li a {
    font-size: 12px;
  }

}


  @media (max-width:991.98px){
    .header .container {
    max-width: 740px;
}
    header.header .row {
        position: relative;
    }
    
    .custom-menu-primary.js-enabled .hs-menu-wrapper {
    position: absolute;
       top: 60px;
      left:0;
      background-color:#712fff;
      color:#ffffff;
    width: 100%;
    z-index: 10;
    }
    
    .custom-menu-primary .hs-menu-wrapper > ul {
    display:block;
    }
    
    .custom-menu-primary .hs-menu-wrapper > ul > li {
    position: relative;
    margin: 0px 0px 25px;
}
    
    .custom-menu-primary .hs-menu-wrapper > ul > li:last-child{
    margin-bottom:0px;
    }
    
    .custom-menu-primary.js-enabled .hs-menu-wrapper{
    padding: 35px 10px !important;
    }
    
    .custom-menu-primary .hs-menu-wrapper > ul > li > a{
        text-align: center;
        font-size:16px !important;
    }

    
    .custom-menu-primary .hs-menu-wrapper > ul > li > a {
    color:#ffffff;
      font-size:0;
      padding:0;
    }
    
    .custom-menu-primary .mobile-trigger  {
    top: 0px;
    right: 5px;
    }
    
    header.header .custom-menu-primary {
      max-width: 68%;
    }
    
    header.header .menu_header li a {
    font-size: 16px;
    padding: 12px 20px;
}
  
  }

  @media (max-width:767.98px){
    .header .container {
    max-width: 540px;
}
  
   @media (max-width:424.98px) {

     header.header .header-logo img {
     min-width: 95px;
       width:100%;
       max-width: 130px;
     }
         header.header .menu_header {
    margin-right:53px;
    }
  header.header .menu_header li a {
    font-size: 13px;
    padding: 12px 10px;
}
     .custom-menu-primary .mobile-trigger {
     top:-5px;
       height:40px;
     }
     
     .mobile-trigger i {
     top:-8px;
     }
     
  }