header.fixed-top {
  background: #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);

  .navbar-nav {
    gap: 30px; /* horizontal gap between nav items */
  }
}

.header-spacer {
  height: 106px;
}

.navbar-nav > .menu-item > a {
    display: inline-block;
    color: black;
    transition: transform 0.3s ease, color 0.3s ease;

  &:hover {
    color: #30347e;
    transform: translateY(-5%);
    font-weight: inherit;
  }
}

.menu-item.mega-menu {
  position: static;

  .dropdown-menu.show {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 30px;
    width: 100%;
    padding: 2rem;
    background: #fff;
    border: none;
    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.25);
  }
}

.pencil-banner{
    background-color: #F2D300;
     a, span {
         font-size: 16px;
         font-weight: 600;
         line-height: 30px;
         color: #3C414D;
          @media only screen and (max-width: 991px){
              font-size: 12px;
          }
     }
}