.sff-header-section.scroll {
  box-shadow: -2px 3px 5px rgba(0,0,0,.1);
  background-color:#141414;
}
.sff-header-section .sff-header-inner {
  justify-content:space-between;
}
.sff-header-section .sff-header-inner,
.sff-header-section .sff-header-desktop-menu-box {
  display:flex;
  align-items:center;
}
.sff-header-section .sff-header-desktop-menu-box  {
  gap:40px;
}
.sff-header-section .sff-header-menu .hs-menu-wrapper > ul {
  display:flex;
  align-items:center;  
}
.sff-header-section .sff-header-menu .hs-menu-wrapper ul {
  list-style:none;
  padding:0;
  margin:0;
}
.sff-header-section .sff-header-menu .hs-menu-wrapper > ul > li > a {
  padding: 25px 25px 25px 0;
  display:block;
  position:relative;
  transition:all .5s ease;
}
.sff-header-section .sff-header-menu .hs-menu-wrapper > ul > li > a:hover {
  color:#fff;
  opacity:0.66;
}
.sff-header-section .sff-header-menu ul li a {
  font-size:13px;
  line-height:13px;
  font-weight:700;
  text-transform:uppercase;
}
.sff-header-section .sff-header-menu ul li:before {
  content:none;
}
.sff-header-section .sff-header-menu ul li.hs-item-has-children > a:after {
  box-shadow: inset -2px 2px 0 0;
  color: #fff;
  content: "";
  display: block;
  height: 7px;
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-5px) rotate(135deg);
  transform: translateY(-5px) rotate(135deg);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  width: 7px;
}
.sff-header-section .sff-header-menu ul li ul.hs-menu-children-wrapper {
  opacity: 0;
  position: absolute;
  visibility: hidden;
  z-index: 10;
  transition:all .5s ease;
}
.sff-header-section .sff-header-menu ul li.hs-item-has-children {
  position:relative;
}
.sff-header-section .sff-header-menu ul li.hs-item-has-children ul li > a {
  transition:all .5s ease;
  margin: 0!important;
  padding: 12px 15px;
  display:block;
}
.sff-header-section .sff-header-menu ul li.hs-item-has-children ul li > a:hover {
  background-color: #fcb316;
  color:#fff;
}
.sff-header-section .sff-header-mobile-menu-box {
  display: flex;
  position: fixed;
  top: 0;
  left: -925px;
  width: 100%;
  height: 100%;
  z-index: 300;
}
.sff-header-section .sff-header-mobile-menu-box .drawer {
  box-shadow: 2px 0 12px rgb(0 0 0 / 40%);
  top: 0;
  bottom:0;
  height: 100%;
  max-width: 100vw;
  width: 400px;
  background: #141414;
  flex-direction: column;
  position: fixed;
  right:-100%;
  transition: all 200ms linear;
  overflow: auto;
  display: flex;
  flex-direction: column;
}
.sff-header-section .sff-header-mobile-menu-box .drawer-visible {
  right:0;
}
.sff-header-section .sff-header-mobile-menu-box .drawer .close-btn {
  display: block;
  font-size: 15px;
  margin: 30px 30px 0;
  padding-left: 0;
  position: relative;
  text-transform: none;
  display: flex;
  align-items: center;
  gap: 5px;
  font-weight:800;
}
.sff-header-section .sff-header-mobile-menu-box .drawer .close-btn ,
.sff-header-section .sff-header-mobile-menu-box .drawer .close-btn svg {
  color:#fff;
  fill:currentcolor;
  transition:all .5s ease;
}
.sff-header-section .sff-header-mobile-menu-box .drawer .close-btn:hover svg {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.sff-header-section .sff-header-desktop-menu-box .menu-btn svg {
  color:#000;
  fill:currentcolor;
}
.sff-header-section .sff-header-desktop-menu-box .menu-btn {
  background: #fcb316;
  border-radius: 6px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  width: 50px;
  line-height: 50px;
  justify-content: center;
  align-items: center;
  display: flex;
}
.sff-header-section .sff-header-desktop-menu-box .sff-header-menu ul li.hs-item-has-children:hover>ul.hs-menu-children-wrapper {
  opacity: 1;
  visibility: visible;
}
@media(min-width:1201px) {
  .sff-header-section .sff-header-desktop-menu-box .menu-btn,
  .sff-header-section .sff-header-mobile-menu-box {
    display:none;
  }
  .sff-header-section .sff-header-menu ul li.hs-item-has-children  ul.hs-menu-children-wrapper {
    padding: 20px;
    width: max-content;
    display: flex;
    flex-direction: column;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: calc(100% + 4px);
    background-color:#141414;
    box-shadow: 0 15px 30px rgba(0,0,0,.05);
    border-radius:6px;
  }
}
@media(max-width:1200px) {
  .sff-header-section .sff-header-desktop-menu-box .sff-header-menu {
    display:none;
  }
  .sff-header-section .sff-header-menu .hs-menu-wrapper > ul {
    display:block;
  } 
  .sff-header-section  .sff-header-menu {
    min-height:340px;
    overflow-y:scroll;
    overscroll-behavior-inline: contain;
    -webkit-overflow-scrolling: touch;
    margin: 28px 30px;
  }
  .sff-header-section .sff-header-menu .hs-menu-wrapper>ul>li>a {
    padding: 8px 37px 6px 15px ;
  }
  .sff-header-section .sff-header-menu ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    background-color: transparent;
    box-shadow: none;
    display: none!important;
    left: 0!important;
    min-width: 0;
    overflow: hidden;
    position: relative;
    top: 0!important;
    padding: 0 0 0 15px;
    transition: opacity 0s linear .2s,visibility 0s linear .2s;
  }
  .sff-header-section .sff-header-menu ul li.hs-item-has-children>a.selected+ul.hs-menu-children-wrapper {
    opacity: 1;
    visibility: visible;
    display:block!important;
  }
  .sff-header-section .sff-header-mobile-menu-box .sff-btn {
    padding: 30px;
  }
  .sff-header-section .sff-header-menu .hs-menu-wrapper>ul>li>a:hover,
  .sff-header-section .sff-header-menu ul li.hs-item-has-children ul li>a:hover {
    background-color: transparent;
    opacity: 1;
  }
  .sff-header-section .sff-header-desktop-menu-box {
    gap:10px;
  }
}
@media(max-width:575px) {
  .sff-header-section:not(.scroll) .sff-header-desktop-menu-box .sff-btn {
    display:none;
  }
  .sff-header-section .sff-header-desktop-menu-box .sff-btn a {
    padding: 15px 17px;
  }
  .sff-header-section.scroll .sff-header-logo {
    width:0;
    height:68px;
  }
}