﻿.contactsComponent .twoColumns {
  display: flex;
  flex-direction: row;
  gap: 0 30px;
  flex-wrap: wrap;
}
.contactsComponent .twoColumns li {
  flex: 0 1 calc(50% - 15px);
  padding-bottom: 12px;
  padding-top: 12px;
}
.contactsComponent .twoColumns li:nth-child(n+3) {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}
.contactsComponent .twoColumns li a {
  color: var(--linkColor);
  display: flex;
  gap: 10px;
  align-items: center;
}
.contactsComponent .threeColumns {
  display: flex;
  flex-direction: row;
  gap: 0 30px;
  flex-wrap: wrap;
}
.contactsComponent .threeColumns li {
  flex: 0 1 calc(33% - 17px);
  padding-bottom: 12px;
  padding-top: 12px;
}
.contactsComponent .threeColumns li:nth-child(n+4) {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}
.contactsComponent .threeColumns li a {
  color: var(--linkColor);
  display: flex;
  gap: 10px;
  align-items: center;
}
.contactsComponent .oneColumn {
  display: flex;
  flex-direction: row;
  gap: 0 30px;
  flex-wrap: wrap;
}
.contactsComponent .oneColumn li {
  flex: 0 1 100%;
  padding-bottom: 12px;
  padding-top: 12px;
}
.contactsComponent .oneColumn li:nth-child(n+2) {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}
.contactsComponent .oneColumn li a {
  color: var(--linkColor);
  display: flex;
  gap: 10px;
  align-items: center;
}

@media screen and (max-width: 1199px) {
  .contactsComponent .twoColumns {
    display: flex;
    flex-direction: column;
    gap: 0 30px;
    flex-wrap: wrap;
  }
  .contactsComponent .twoColumns li {
    flex: 0 1 calc(50% - 15px);
    padding-bottom: 12px;
    padding-top: 12px;
  }
  .contactsComponent .twoColumns li:nth-child(n+0) {
    border-top: 1px solid rgba(0, 0, 0, 0.2);
  }
  .contactsComponent .twoColumns li a {
    color: var(--linkColor);
    display: flex;
    gap: 10px;
    align-items: center;
  }
  .contactsComponent .threeColumns {
    display: flex;
    flex-direction: column;
    gap: 0 30px;
    flex-wrap: wrap;
  }
  .contactsComponent .threeColumns li {
    flex: 0 1 calc(33% - 17px);
    padding-bottom: 12px;
    padding-top: 12px;
  }
  .contactsComponent .threeColumns li:nth-child(n+0) {
    border-top: 1px solid rgba(0, 0, 0, 0.2);
  }
  .contactsComponent .threeColumns li a {
    color: var(--linkColor);
    display: flex;
    gap: 10px;
    align-items: center;
  }
  .contactsComponent .oneColumn {
    display: flex;
    flex-direction: row;
    gap: 0 30px;
    flex-wrap: wrap;
  }
  .contactsComponent .oneColumn li {
    flex: 0 1 100%;
    padding-bottom: 12px;
    padding-top: 12px;
  }
  .contactsComponent .oneColumn li:nth-child(n+0) {
    border-top: 1px solid rgba(0, 0, 0, 0.2);
  }
  .contactsComponent .oneColumn li a {
    color: var(--linkColor);
    display: flex;
    gap: 10px;
    align-items: center;
  }
}
.contactsComponent .contact-title {
  font-size: 22px;
  color: #465D78;
  font-weight: 500;
}
