.region-secondary-menu {
  margin-block-start: 0;
}

.lgd-region__inner--secondary-menu {
  padding: 1.875rem 1.375rem;
}

.menu--localgov_services_menu {
  display: grid;
  gap: 0.4375rem;
  margin-bottom: 0;
}

.lgd-region__inner--secondary-menu .block-menu > h2 {
  color: var(--color-accent-2);
  font-size: 1.5rem;
  margin-bottom: 1.1875rem;
  padding-inline-start: 0;
}

.region-secondary-menu .menu {
  list-style: none;
  padding: 0;
}

.region-secondary-menu .menu-item {
  display: flex;
  gap: 0.4375rem;
  margin-bottom: 0;
}

.region-secondary-menu .menu-item > a {
  color: var(--color-link);
  font-size: 1rem;
  line-height: 1.125rem;
  text-decoration: none;
}

.region-secondary-menu .menu-item > a:hover,
.region-secondary-menu .menu-item > a:focus {
  color: var(--color-accent);
  text-decoration: underline;
  text-decoration-thickness: unset;
  text-underline-offset: 0.25rem;
}

.region-secondary-menu .menu-item::before {
  background: url("../../assets/images/site/icons/chevron.svg");
  background-size: cover;
  content: "";
  display: block;
  flex-shrink: 0;
  height: 0.375rem;
  margin-top: 0.41875rem;
  transform: rotate(-90deg);
  width: 0.625rem;
}

@media screen and (min-width: 48rem) {
  .region-secondary-menu .menu {
    column-count: unset;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    max-height: none;
    overflow-y: initial;
  }

  .lgd-region__inner--secondary-menu {
    padding: 3.125rem 4.6875rem;
  }

  .region-secondary-menu .menu-item:nth-child(2n) {
    justify-self: end;
  }

  .lgd-region__inner--secondary-menu .block-menu > h2 {
    font-size: 2.5rem;
    margin-bottom: 1.875rem;
  }

  .region-secondary-menu .menu {
    list-style: none;
    padding: 0.625rem;
  }

  .region-secondary-menu .menu-item > a {
    font-size: var(--font-size-medium);
    line-height: 1.4375rem;
  }

  .region-secondary-menu .menu-item::before {
    height: 0.625rem;
    width: 1.125rem;
  }
}

@media screen and (min-width: 64rem) {
  .region-secondary-menu .menu {
    grid-template-columns: repeat(3, 1fr);
  }

  .region-secondary-menu .menu-item:nth-child(2n) {
    justify-self: center;
  }

  .region-secondary-menu .menu-item:nth-child(3n) {
    justify-self: end;
  }
}