@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap');
body > div.wp-site-blocks > div:nth-child(1) {position:sticky;top:0;z-index:15000;background-color:#000;}
header {    z-index: 1500000;height:64px;position:sticky;top:0;display:flex;justify-content: space-between;    max-width: 1440px;margin:auto;background-color:#000;    font-family: "Roboto Mono";font-size: 16px; font-style: normal; font-weight: 400;
 border-bottom: 2px solid transparent;
    border-image: linear-gradient(0.25turn, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
    border-image-slice: 1;

}
header * {color:#fff;font-family: 'Switzer-Regular', sans-serif;}
.nButton {
text-transform: uppercase;
    display: inline-block;
    padding: 12px 24px;
    border-radius: 6px;
    font-family: "Roboto Mono";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    text-decoration: none;
    border: 1px solid #01EB9C;
    background: linear-gradient(180deg, rgba(1, 235, 156, 0.40) 0%, rgba(1, 235, 156, 0.16) 100%);
    color: #FFF;
}
.nButton:hover {
    background: linear-gradient(180deg, rgba(1, 235, 156, 0.60) 0%, rgba(1, 235, 156, 0.23) 100%);
}
.itemNav {display:flex;gap: 24px;}  
.ParentItem {position:relative;text-transform: uppercase;height: 100%;}
.ParentItem * {text-transform:none;}
.ParentItem .pic {display:flex;height:100%;align-items:anchor-center;text-transform:uppercase;    font-size: 18px;
    font-weight: 400;
    font-family: "Roboto Mono";}
.Subitem  p {
font-family: 'Switzer-Regular';
    margin: 0 0 12px;
    max-width: 270px;
    color: rgba(255, 255, 255, 0.70);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}
.Subitem h3 svg {    margin-right: 12px;
    margin-bottom: -5px;
    max-width: 270px;}
.SubitemContaner {display:none;width:fit-content;}
.ParentItem:hover .SubitemContaner {display:flex;}

.SubitemContaner {top:60px;border:1px solid rgba(255, 255, 255, 0.3);position:absolute;left:0;width: max-content; transform: translate(-50%, 0);background: linear-gradient(335deg, rgba(0,0,0,0.3) 83%, #01EB9C 171%);border-radius: 16px;background-repeat: no-repeat;backdrop-filter: blur(10px);}
.Subitem {padding:10px 23px;max-width: 300px;border-right:2px solid transparent;
 
    border-image: linear-gradient(0turn, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
    border-image-slice: 1;
}
.Subitem dl dt ,.Subitem dl dt a{  font-size: 16px; font-style: normal; font-weight: 500; line-height: 150%; color: #fff; text-decoration:none;}
.Subitem dl dt  a svg {margin-right: 12px;margin-bottom: -5px;}
.Subitem dl dt a{padding: 8px;display: inline-block;}
.Subitem dl dt a:hover{border-radius: 6px;background: rgba(255, 255, 255, 0.06);opacity: 1;text-decoration: underline;display: inline-block;padding: 8px;}
.navButtonContaner {margin:auto 0;}

.LogoNav {display:flex;justify-content: space-between;}
.LogoNav a  {display:flex;}
.LogoNav a img {margin:auto}

#nav-icon3 {display:none;}
 #nav-icon3 {width:30px;height: 30px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer;margin-top: 8px;}
 #nav-icon3 span {display: block;position: absolute;height: 4px;width: 100%;background: #fff;border-radius: 9px;opacity: 1;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
#nav-icon3 span:nth-child(1) {top: 0px;}
#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {top: 10px;}
#nav-icon3 span:nth-child(4) {top: 20px;}
#nav-icon3.open span:nth-child(1) {top: 18px;width: 0%;left: 50%;}
#nav-icon3.open span:nth-child(2) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
#nav-icon3.open span:nth-child(3) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
#nav-icon3.open span:nth-child(4) {top:18px;width:0%;left:50%;}




@media (max-width: 990px){ 
  header {border:none;background-color:#000;} 
  .LogoNav                           {min-height:64px;
 border-bottom: 2px solid transparent;
    border-image: linear-gradient(0.25turn, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
    border-image-slice: 1;
padding-bottom:16px;background: #000;
}
 .LogoNav #nav-icon3                 {margin: auto 0;}
 .LogoNav a                          {margin: auto 0;}
  header,.itemNav                    {flex-direction: column; }
  #nav-icon3                         {display:block;}
  .itemNav ,.navButtonContaner                          {margin:0;background: #000;}
   .ParentItem{ height: inherit;  text-align:center;
    border-bottom: 2px solid transparent;
    border-image: linear-gradient(0.25turn, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.1));
    border-image-slice: 1;
    width:100%;}
  .ParentItem:hover .SubitemContaner {display:none;}
  .ParentItem .pic {display:flex;height: 51px;align-items: anchor-center;font-size:18px;}
  .SubitemContaner                   {top: inherit;display:none;position: relative;transform: translate(0, 0);border:1px solid rgba(255, 255, 255, 0.3);width: 100%;}
  .SubitemContaner .Subitem {width:100%;max-width:100%;text-align:left;        box-sizing: border-box;}   
.ParentItem.open .SubitemContaner {display:block;}
  .itemNav,.navButtonContaner        {display:none;}
  .navButtonContaner {padding:50px 0;  box-sizing: border-box;}
  .navButtonContaner .nButton {width:100%;box-sizing: border-box;text-align:center;}
}