.mq-sticky-nav {
   background-color: var(--theme-color);
   width: 100%; 
   padding: 10px;
   position: sticky;
   left: 0;
   z-index: 100;
}
.mq-sticky-nav ul {
   justify-content: center;
   gap: 40px;
}
@supports not (gap:10px;) and not (display:flex;) {
   html:not(.hs-inline-edit) .mq-sticky-nav ul li{
      margin:  0 20px;
   }
}
.mq-sticky-nav li {
   position: relative;

}
.mq-sticky-nav ul li a {
   color: white;
   text-decoration: none;
   font-size: 14px;
   font-weight: bold;
   text-transform: uppercase;
}
.mq-sticky-nav ul li a:hover {
   color: #4d4d4d;
}

.em-template .mq-sticky-nav ul li a {
   color: white;
   }
.em-template .mq-sticky-nav ul li a:hover {
   color: #f8d8d8;
}
.mq-sticky-nav ul li:before {
   content:'';
   display: block;
   position: absolute;
   top: 50%;
   left: -18px;
   transform: translateY(-50%);
   background-image: url('https://f.hubspotusercontent10.net/hubfs/19583065/Global%20Web%20Image%20Assets/arrow.svg');
   background-position: center;
   background-size:contain;
   width: 10px;
   height: 8px;
}
.em-template .mq-sticky-nav ul li:before {
  background-image: url('https://f.hubspotusercontent10.net/hubfs/19583065/Global%20Web%20Image%20Assets/arrow-white.svg')
}
@media(max-width: 768px) {
   body .mq-sticky-nav .hs-menu-flow-horizontal ul {
      gap: 10px;
      flex-direction: row;
      flex-wrap: nowrap;
   }
   .mq-sticky-nav ul li { 
      margin-left: 20px;
      line-height: 1;
   }
   .mq-sticky-nav ul li a {
      font-size: 13px;
   }
}