header.site-header {
   font-family: var(--ff-red-hat-display);

   .container {
      border-bottom: 1px solid var(--primary);
   }

   .nav-item {
      padding-inline: 1rem;

      a,
      a:visited {
         color: var(--primary);
      }
   }

   @media screen and (max-width: 992px) {
      .offcanvas {
         z-index: 99999;
      }
   }
    .scroll-progress {
    position: absolute;
    top: 0;
    left: 0;
    height: 4px;
    width: 0%;
    background: #00b85c;
    transition: width 0.1s linear;
  }
}