.header-main_wrapper {
    padding: .3em 2.5em;
    background: transparent;
}
.header-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
/* logo  */
.header-logo a img {
    height: 70px !important;
    width: 100px;
    object-fit: cover;
}
/* menu */
.header-menu
{
  display: block;
}
.header-menu ul {
    display: flex;
    margin: 0;
}
.header-menu ul li::marker {
    font-size: 0px;
}
.header-menu ul li a {
    transition: color 0.3s ease;
    text-transform: uppercase;
    text-decoration: none;
}
.header-menu ul li.hs-menu-item.hs-item-has-children:after {
    content: '\f107';
    font-family: 'Fontawesome';
    font-weight: 400 !important;
    font-size: 9px;
    position: relative;
    top: -2px;
    left: -4px;
    opacity: 0.8;
}
ul.hs-menu-children-wrapper {
    display: none;
    position: absolute;
}
li.hs-menu-item.hs-menu-depth-1.hs-item-has-children:hover ul.hs-menu-children-wrapper {
    display: flex !Important;
}
li.hs-menu-item.hs-menu-depth-1.hs-item-has-children:hover ul.hs-menu-children-wrapper {
    display: flex ! Important;
    gap: 6px !important;
    font-size: .875em;
}
ul.hs-menu-children-wrapper::before {
    content: '';
    width: 15px;
    height: 15px;
    display: block;
    box-shadow: 0 2px 5px #0003;
    transform: rotate(45deg);
    z-index: -6;
    position: relative;
    left: 43%;
    top: -7px;
}
ul.hs-menu-children-wrapper {
    box-shadow: 0 2px 5px #0003;
/*     display: flex!important; */
    flex-direction: column!important;
    gap: .5em!important;
    left: -15px!important;
    position: absolute!important;
    top: 40px!important;
    min-width: 185px;
}
ul.hs-menu-children-wrapper li ,ul.hs-menu-children-wrapper li a
{
  text-align: center;
}
ul.hs-menu-children-wrapper li a {
    padding: 1em 0  !important;
}
.header-menu ul li ul li a {
    padding: 0em !important;
}


/* button  */

header.global-header-wrapper button {
    background: #FFFFFF;
    color: #000000 !important;
    padding: 1em;
    border-color: #FFFFFF;
    clip-path: polygon(1% 0, 100% 0, 99% 100%, 0 100%);
}
.header-button {
    transform: skew(-8deg);
  transition: 0s !important;
}
.header-button button div {
    transform: skew(8deg);
  transition: 0s !important;
}
.header-button:hover button {
/*     transform: scale(1.1) !important; */
  transition: 0s !important;
}
.header-button:hover {
    transform: skew(-8deg) !important;
  transition: 0s !important;
}
/* Sticky */

.header-main_wrapper.active .header-menu ul li.hs-menu-item.hs-item-has-children:after {=
    content: "\f107";
    font-family: Fontawesome;
    font-weight: 100;
}
.mobile-right
{
  display: none;
}




.mobile-menu {
  transition: 0.5s;
}
.mobile-menu button#close-menu-btn {
    opacity: 0;
  transition: 0.5s;
  transition-delay: 1s;
}
.mobile-menu.open button#close-menu-btn {
    opacity: 1;
  transition: 0.5s;
  transition-delay: 1s;
}
.hamburger {
  display: none;
  background: none;
  border: none;
  cursor: pointer;
  padding: 10px;
  z-index: 2;
}
.hamburger span {
  display: block;
  width: 25px;
  height: 1.5px;
  margin: 5px 0;
  transition: all 0.3s ease;
}

/* Overlay */
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #00000080; 
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease-in-out;
}
.overlay.show {
    opacity: 1;
    visibility: visible;
}

/* Mobile Menu */
/* .mobile-menu {
  background: ;
  z-index: 999; 
  position: fixed;
  top: 0;
  right: 0;
  width: 80%; 
  height: 100%;
  transition: transform 0.3s ease-in-out;
  transform: translateX(100%); 
} */

/* .mobile-menu.open {
  transform: translateX(0); 
}
 */
/* Close button */
.close-menu-btn {
  position: absolute;
  top: 25px;
  right: 6px;
  background: none;
  border: none;
  font-size: 24px;
  color: #000;
  cursor: pointer;
  font-weight: 300;
}
/* .mobile-menu {
    transform: translate3d(100%, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg) !important;
    transition: 1s !important;
}
.mobile-menu.open {
    transform: translate3d(0%, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg) !important;
    transition: 1s !important;
} */
/* Prevent background scrolling when mobile menu is open */
.no-scroll {
    overflow: hidden;
}



/* Overlay (Dim Background) */
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-in-out;
    z-index: 999;
}

/* Show overlay when menu is open */
.overlay.show {
    opacity: 1;
    visibility: visible;
}









@media only screen and (max-width:991px)
{
.header-menu, .header-button
{
  display: none;
}
.mobile-right, .hamburger
{
  display: block;
} 
.hs-menu-children-wrapper {
  display: none;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
ul.hs-menu-children-wrapper.open-menu-list {
    display: none !important;
}
  ul.hs-menu-children-wrapper.submenu-open {
    display: block!important;
    top: 0px !important;
    border: 1px solid #000 !important;
    display: flex !important;
}
  ul.hs-menu-children-wrapper.submenu-open {
    padding: 1em 2em !important;
}
.hs-menu-children-wrapper.submenu-open {
  display: block !important;
  opacity: 1;
}
  ul.hs-menu-children-wrapper li, ul.hs-menu-children-wrapper li a {
    color: #000!important;
    text-align: center;
}
.mobile-right ul {
    display: flex !important;
    flex-direction: column !important;
    gap: 1.1em !important;
    width: fit-content;
    margin: 0px auto;
}

.header-main_wrapper {
    background: #fff;
    padding: .8em 1em;
}

.mobile-menu {
    position: fixed;
    top: 0;
    right: -320px; 
    width: 80%;
    max-width: 300px;
    height: 100vh;
    background: ;
    transition: right 0.4s ease-in-out; 
    box-shadow: -2px 0px 10px rgba(0, 0, 0, 0.2);
    z-index: 1000;
}


.mobile-menu.open {
    right: 0; 
}

div#mobile-menu a {
    text-transform: uppercase;
    text-decoration: none;
    font-size: 1em !important;
}
.mobile-menu.open {
    display: block!important;
    position: fixed;
    transition: 0.5s;
    width: 320px!important;
    padding: 20px;
    text-align: center;
    align-content: center;
}
  button#close-menu-btn {
    font-weight: 300;
}
ul.hs-menu-children-wrapper {
    opacity: 0 !important;
}
ul.hs-menu-children-wrapper.submenu-open {
    background: #fff!important;
    height: auto!important;
    left: 0!important;
    position: relative!important;
    width: 100%!important;
    min-width: 0px !important;
    top: 20px !important;
    opacity: 1 !important;
} 

  ul.hs-menu-children-wrapper li a {
    padding: 0em 0!important;
}
.mobile-menu li.hs-menu-item.hs-menu-depth-1.hs-item-has-children:after {
    content: '\f107';
    font-family: 'Fontawesome';
    font-weight: 900;
}

  ul.hs-menu-children-wrapper:before {
    content: none;
}
.mobile-right .header-main_wrapper.active button {
    background: #fff !important;
    border-color: #fff !important;
    color: #000 !important;
}
.mobile-menu.open ul  {
  right: 0;
}
    .header-menu ul li.hs-menu-item.hs-item-has-children:after {
    top: -2px !important;
}
}



@media(min-width: 1000px) and (max-width:1918px) 
{
.header-menu ul {
    gap: 20px !important;
}
.header-menu ul li a {
    letter-spacing: -0.04em !important;
}
  .header-menu ul li.hs-menu-item.hs-item-has-children:after {
    top: -2px;
}
}