.header2025 .container{max-width:1342px}
.header2025 .inner{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}
.header2025 .logo{max-width:186px; font-size:0; }
.header2025 .right-part{display:flex;flex-wrap:wrap;align-items:center}
.header2025 li.hs-menu-depth-1{padding-right:32px}
.header2025 .button{border-radius:0;padding:7px 19px;font-size:16px;line-height:1.25;font-family:"Instrument Sans",sans-serif; background:#262626; }
.header2025 li.hs-menu-depth-1 a{line-height:1.25;font-family:"Instrument Sans",sans-serif;color:#404040}
.header2025 li.hs-menu-depth-1>a{padding:26px 0;display:inline-block} 
.header2025 li.hs-menu-depth-1.active > a{font-weight:600;}
/*.header2025 li.hs-menu-depth-1:hover > a{font-weight:600;}
.header2025 .button:hover { color: #fff; }
.megamenu{position:absolute;left:0;top:100%;width:100%;/*background:#f8f6f2;*/ opacity: 0; visibility: hidden; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.header2025 {background:#f8f6f2; position: fixed; z-index: 999; left: 0; top: 0; width: 100%;  z-index:999; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; }
.has-bg{background:#f8f6f2 !important;}
.header2025 .list{display:flex;flex-wrap:wrap;padding:12px 0 24px;row-gap:16px; }
.header2025 .item{width:33.33%}
.header2025 .item-inner{display:inline-flex;flex-wrap:wrap;align-items:center;padding:12px 0}
.header2025 .right-text{padding-left:15px; transition:all .4s}
.header2025 .icon{width:30px;font-size:0}
.header2025 .icon svg { width:100%; height:100%; object-fit:contain; }
.header2025 .item a{font-size:20px;opacity:.75}
.header2025 .icon>a{display:inline-block;font-size:0}
.header2025 .item a:hover svg path{fill:#3EC247}
.header2025 .item a:hover .right-text{color:#262626;font-weight:500}
.header2025 .item svg path{transition:all .4s}
.header2025 .hs-menu-depth-1.hs-item-has-children > a[href="javascript:;"]{transition: none;position:relative;padding-right:20px!important}
.header2025 .hs-menu-depth-1.hs-item-has-children > a[href="javascript:;"]:before{content:"";position:absolute;right:0;top:50%;min-width:14px;height:7px;background:url(https://skupreme.com/hubfs/dropdown-icon.svg);transform:translateY(-50%)}
.header2025 .hs-menu-depth-1.hs-item-has-children.activeMenu .megamenu{opacity:1;visibility:visible}
.header2025 .hs-menu-depth-1.hs-item-has-children.activeMenu>a:before{background: url(https://skupreme.com/hubfs/up-arrow.svg); height: 9px;}
.header2025 .hs-menu-depth-1.hs-item-has-children.activeMenu>a{color:#404040;font-weight:600}
.header2025 .hs-menu-depth-1.hs-item-has-children.activeMenu > a:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 5px; background: #3EC247; } 
body.menu-active { position: relative; } body.menu-active:before { position: absolute; content: ''; left: 0; right: 0; top: 0; bottom: 0; background: #000; z-index: 11; opacity: 0.3;  }

@media ( max-width:991px ){
  .header2025 .container{padding:0 24px}
  .header2025{padding:22px 0}
  .header2025 .right-part{position:absolute;left:0;top:100%;width:100%;background:#f8f6f2;height:100vh;display:block;padding:160px 0; transform:translateX(-100%); transition: all .3s;}
  .header2025 .mobile-menu-icon{display:flex!important;width:24px;height:18px;flex-direction:column;justify-content:space-between}
  .header2025 .mobile-menu-icon>span{width:100%;height:1px;background:#262626;border-radius:2px;position: relative; transition: all .3s;}
  .header2025 .hs-menu-wrapper ul{flex-direction:column;align-items:center;row-gap:48px}
  .header2025 li.hs-menu-depth-1{padding:0}
  .header2025 .hs-menu-depth-1.hs-item-has-children.activeMenu>a:after{display:none}
  .header2025 .hs-menu-depth-1.hs-item-has-children>a[href="javascript:;"]:before{background:url(https://skupreme.com/hubfs/right-arrow.svg)!important;width:24px;height:20px!important}
  .header2025 .hs-menu-depth-1 a{padding:0!important;font-size:32px}
  .header2025 .button-wrap{text-align:center;margin-top:48px}
  .header2025 .button{background:0 0;border:none;font-size:32px;color:#3ec247;padding:0}
  .header2025 .hs-menu-depth-1.hs-item-has-children>a[href="javascript:;"]{padding-right:36px!important}
  .header2025 .logo a{display:inline-block;font-size:0}

  body.menu-open .header2025 .right-part{transform:translateX(0); overflow-y:auto; }
  .menu-open .mobile-menu-icon span:first-child{transform:rotate(-45deg);top:9px}
  .menu-open .mobile-menu-icon span:last-child{transform:rotate(45deg);top:-8px}
  .menu-open .mobile-menu-icon span:nth-child(2){opacity:0}
  body.menu-open{overflow:hidden}
  .megamenu{top:0;height:100vh;transform:translateX(-100%)}
  .header2025 .activeMenu .megamenu{transform:translateX(0)}
  .header2025 .list{flex-direction:column;padding:160px 0}
  .header2025 .item{width:100%;text-align:center}
  .header2025 .icon{max-width:36px}
}

@media (min-width:992px){ 
  .navbar-new .hs-menu-depth-1.hs-item-has-children{
    position:relative;
  }
  .navbar-new .megamenu{
    width: 325px;
    left: -100%;
    top:100%;
    padding-top:18px;
  }
  .navbar-new .megamenu-wrapper{
    position:relative;
    background:#f8f6f2;
    border-bottom: #3ec247 4px solid;    
    padding: 10px 10px;
  }
  .navbar-new .megamenu-wrapper::before{
    position:absolute;
    content:"";
    background: #f8f6f2;
    width: 18px;
    height: 18px;
    left: 0;
    right: 0;
    margin: auto;
    top: -8px;
    transform: rotate(45deg);
  }
  .navbar-new .list{
    flex-direction: column;
    row-gap:5px;
    padding:12px 0;
  }
  .navbar-new .megamenu-inner .item{
    position:relative;
    width: 100%;
  }
  .navbar-new .megamenu a{
    display:block
  }
  .navbar-new .item-inner .icon{
    min-width:26px;
    width:26px;
  }   
  .navbar-new .megamenu-inner .item:nth-of-type(5)::before{
    position:absolute;
    content:"";
    background:#F0F0EB;
    width: 100%;
    height:1px;
    left:0;
    top:50%;
  }
}

@media (max-width:991px){ 
  .navbar-new .hs-menu-wrapper ul {
    align-items: center;
    flex-direction: column;
    row-gap: 20px;
  }
  .navbar-new .megamenu-inner .item{
    position:relative;
    width: 100%;
  }
  .navbar-new .item-inner{
    padding:clamp(0.3125rem, 0.1226rem + 1.013vw, 0.75rem) 0;
    /*5px to 12px ==> 300px to 991px*/
  }
  .navbar-new .hs-menu-depth-1 a{
    font-size: 25px;
  }
  .navbar-new .item-inner .icon{
    min-width:26px;
    width:26px;
  }    
  .navbar-new .megamenu-inner .item:nth-of-type(5)::before{
    position:absolute;
    content:"";
    background:#F0F0EB;
    width: 100%;
    height:1px;
    left:0;
    top:50%;
  }
}

@media (min-width:1025px){
  .header2025 .hs-menu-depth-1.hs-item-has-children>a:hover > .megamenu{
    opacity: 1;
    visibility: visible;
  }
}

@media ( max-width:375px ){
  .header2025 .hs-menu-depth-1 a { font-size:18px !important; }
  .header2025 .button { font-size:20px; }
  .header2025 .button-wrap { margin-top:20px; }
  .header2025 .hs-menu-wrapper ul { row-gap:20px; }
}