.AZIndex-menu {
  display: flex;
  justify-content: space-between;
}@media (max-width: 1312px) {.AZIndex-menu {
    flex-wrap: wrap;
    justify-content: center;
}
  }

.AZIndexGroup {
  display: none;
}

.AZIndexGroup.is-active {
    display: block;
  }

.AZIndexGroup-handler {
  display: flex;
  margin-bottom: 0.5rem;
  padding: 1rem;
  font-weight: 700;
  background: var(--clr-primary-lighter);
  color: var(--clr-primary);
}

.AZIndexGroup-handler.is-inactive {
    font-weight: 400;
    cursor: not-allowed;
    background: white;
  }

.AZIndexGroup-handler.is-active,
  .AZIndexGroup-handler:hover {
    background: var(--clr-primary);
    color: var(--clr-grayLight);
  }

.AZIndexGroup-header {
  padding: 1rem;
  font-size: 2rem;
  font-weight: 700;
  text-transform: uppercase;
}

.AZIndex-item {
  display: flex;
}

.AZIndex-item:nth-child(even) {
    background: var(--clr-grayLight);
  }

.AZIndex-item:hover {
    font-weight: 700;
  }

.AZIndex-item {

  .arrow {
    display: inline-flex;
    margin-right: 0.5rem;
    border-top: 8px solid var(--clr-primary-lighter);
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    transform: rotate(-90deg);
    transform-origin: 50% 50%; /* Adjusted to account for the shape of the triangle */
    transition: transform 0.5s ease-in-out;
  }
}

.AZIndex-item a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 1rem;
  color: var(--font-primary);
}

.AZIndex-items--contacts .AZIndexGroup {

  grid-template-columns: repeat(4, minmax(1rem, 1fr));
  gap: 1rem;
}

.AZIndex-items--contacts .AZIndexGroup.is-active {
    display: grid;
  }

.AZIndex-items--contacts .AZIndexGroup {

  .AZIndexGroup-header {
    grid-column: 1/-1;
  }
}

@media screen and (max-width: 768px) {

.AZIndex-items--contacts .AZIndexGroup {
    grid-template-columns: repeat(1, 1fr);
}
  }

.AZIndex-item--contact {
  display: flex;
  flex-direction: row;
  gap: 10px;
  padding: 1rem 0;
  border-top: 2px solid var(--clr-primary-lighter);
}

.AZIndex-item--contact:hover {
    font-weight: 400;
  }

.AZIndex-item--contact:nth-child(even) {
    background: none;
  }

.AZIndex-item--contact {

  a {
    padding: 0 0 0 5px;
  }
}

.AZIndex-item--contactInfos {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.AZIndex-item--contactDepartment {
  color: var(--clr-primary);
}

.AZIndex-item--contactName {
  margin-right: 2rem;
}

.AZIndex-item--contactItem {
  display: flex;
  align-items: center;
}

.AZIndex-item--contactIcon {
  width: 28px;
  margin-right: 14px;
  fill: var(--clr-primary-lighter);
}

.AZIndex-item--contactImage {
  width: 80px;
}

.AZIndex-item--contactMailText {
  color: var(--clr-primary-lighter);
  transition: color 0.2s ease-in-out;
}

.AZIndex-item--contactMailText:hover {
    color: var(--clr-primary-lighter);
  }