/*----------------- HEADER ICONS -------------*/

#header-icons {
  align-items: start;
}

#header-icons,
#header-icons-mobile {
  z-index: 100;
  display: flex;
  pointer-events: all;
  position: absolute;
  top: var(--nav-icon-padding-Y);
  right: var(--nav-icon-padding-X);
  gap: 1.8rem;
}

#header-icons img {
  display: block;
  max-width: 27px !important;
}

.icon {
  display: flex;
  text-align: center;
  vertical-align: top;
  transition: all 0.3s ease 0s;
}

.icon a {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  width: 100%;
}
@media (min-width: 1024px) {
  #header-icons-mobile {
    display: none;
  }
}

@media (max-width: 1024px) {
  #header-icons {
    display: none;
  }

  #header-icons-mobile {
    top: 5%;
    right: 10%;
    position: absolute;
    gap: 1em;
  }
}