#menu-headermenu a { transition: all 250ms ease-in-out; font-weight: 400;}
.nav-toggle{display: none;}
#menu-headermenu li{padding: 0 25px;position: relative;}
/* #menu-headermenu li:after{content: '';width: 1px;height: 33px ;background:  radial-gradient(50% 2622049.89% at 50% 50.01%, #FF7C12 0%, rgba(255, 124, 18, 0) 100%);position: absolute; right: 0;top: 0;} */
/* #menu-headermenu li:last-child:after{display: none;} */
#menu-headermenu .current-menu-item,#menu-headermenu .current-menu-item a,#menu-headermenu a:hover { font-weight: 700; }

/* #menu-headermenu li:last-child {
    background: #FFFFFF;
border-radius: 17px;margin-left: 25px;
width: 120px;
min-height: 35px;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
  }
  #menu-headermenu li:last-child a{color: #000000;} */
  @media only screen and (min-width: 840px) {
    
    ul#menu-headermenu {
      margin-right: 0px;
    }
  }
  
  
  .hide-nav {
    transform: translateY(-120%) !important;
    -webkit-transform: translateY(-120%) !important;
  }
  
  ul#menu-headermenu {
    display: flex;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    z-index: 10;
    align-items: center;
  }
  @media only screen and (max-width: 850px) {
   ul#menu-headermenu{transition: all 450ms ease-in-out;display: flex;}
  ul#menu-headermenu.menushown {  width: 100%;   display: flex; flex-direction: column; position: absolute; left: 5px; right: 5px; top: 52px ; padding: 22px 0; bottom: 20px ; gap: 0; height: 100%; max-height: 208px;z-index: 99999;background: #FFFFFF; box-shadow: 0px 4px 10px rgb(0 0 0 / 50%); border-radius: 4.5px; width: calc(100% - 10px);}
    #menu-headermenu li{padding: 0 24px 0px 0px;}
    /* #menu-headermenu li:last-child{background-color: transparent;box-shadow: none;border-radius: none;margin-left: 0; width: auto;} */
    #menu-headermenu li a{display: flex;padding: 4px 0;color: white !important;font-weight: 400 !important; font-size: 13px !important; justify-content: center;align-items: center;line-height: 20px;font-size: 18px;}
  #menu-headermenu li:after{display: none;}
  #menu-headermenu li:nth-child(2) a{position: relative;padding: 22px 0;}
  #menu-headermenu li:nth-child(2) a:before,#menu-headermenu li:nth-child(2) a:after{content: '';height: 1px;width: 100%;background: radial-gradient(50% 2622049.89% at 50% 50.01%, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
    position: absolute;}
    #menu-headermenu li:nth-child(2) a:before{top: 0;left: 0;right: 0;}
    #menu-headermenu li:nth-child(2) a:after{bottom: 0;left: 0;right: 0;}
  #menu-headermenu .current-menu-item, #menu-headermenu .current-menu-item a, #menu-headermenu a:hover{color: #000;font-weight: 700;}
  .nav-toggle{display: block;}
  .nav-toggle {
    display: none;
    justify-content: center;
    align-items: flex-end;
    flex-direction: column; 
    background-color: transparent;
    height: 25px;
    width: 25px;
    cursor: pointer;
    position: relative;
    z-index: 2;
  }

  .nav-toggle.open span:first-child {
    transform:rotate(45deg) translate(3.5px, 3.5px);
  }
  
  .nav-toggle.open span:last-child {
    transform:rotate(-45deg) translate(1px, -1px);width: 20px;
  }
  .nav-toggle span {
    position: relative;
    display: block;
    height: 3px;
    width: 20px;
    margin: 3px 0 0;
    background-color: #fff;
    transition: all 0.25s;
    border-radius: 2px;
  }
  .nav-toggle span:first-child{margin-top: 0;}
  .nav-toggle span:last-child{width: 12px;}
  }
  .menu-headermenu-container:after{display: none;}
a.nav-toggle.open ~ .menu-headermenu-container:after {
  content: "";
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(4px);
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 1;
  top: 0;
  left: 0;
  display: block;
}