/* -------------------------------------------------------------------------- */
/*                                                                            */
/*  Contacts Page                                                             */
/*                                                                            */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
.contactsCard {
  position: relative;
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  min-width: 100%;
  min-height: 100%;
  /* background-color: red; */
  align-items: center;

  padding-bottom: 2.5rem;
}

.contactsCard a {
  text-decoration: none;
}

.contactsCard h2 {
  color: var(--contacts-section-subtitle-color);
  font-weight: var(--contacts-section-subtitle-weight);
  font-size: var(--contacts-section-subtitle-size);
  margin-bottom: 1rem;
}

.contactsCard .itemsContainer {
  display: flex;

  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  align-content: center;
  gap: 1rem;
  height: 100%;
  font-size: var(--contacts-section-text-size);
  /* background-color: red;
}
.contactsCard .itemsContainer .svgIcon {
  /* display: none; */
}

.contactsCard .itemsContainer div {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.contactsCard .itemsContainer svg.svgIcon {
  --size: calc(var(--contacts-section-text-size) * 1.2);
  width: var(--size);
  height: var(--size);
  fill: var(--text-40);
}