.contactinfoPage {
  gap: 20px;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: space-between;
}
.contactinfoPage .group {
  width: 40%;
  flex: auto;
  border: 1px solid var(--dark);
  border-radius: 15px;
  padding: 40px;
  max-width: 600px;
  display: flex;
  flex-direction: column;
  align-self: stretch;
  max-width: calc(50% - 90px);
}
.contactinfoPage .group h2 {
  width: 100%;
  color: var(--dark);
  margin-bottom: 15px;
  font-size: 1.5em;
  font-weight: 700;
  margin-top: 0;
}
.contactinfoPage .group .items {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  height: 100%;
  flex-wrap: wrap;
  align-items: flex-start;
}
.contactinfoPage .group .item {
  display: flex;
  align-self: stretch;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex: 1 1 200px;
  padding: 20px 15px;
  border: 1px solid var(--grey);
  border-radius: 15px;
  gap: 10px;
  min-height: 150px;
}
.contactinfoPage .group .item .contact-icon {
  font-size: 22px;
  min-width: 50px;
  border: 1px solid var(--main-color);
  height: 50px;
  border-radius: 10px;
  color: var(--white);
  background-color: var(--main-color);
  justify-content: center;
  display: flex;
  align-items: center;
}
.contactinfoPage .group .item .value {
  font-size: 18px;
  color: var(--dark);
  text-decoration: none;
  font-weight: 700;
  margin: 4px 0 0 0;
}
.contactinfoPage .group .item .value a {
  text-decoration: none;
  text-align: center;
  display: block;
}
.contactinfoPage .group .item .extrainfo {
  font-size: 15px;
  color: var(--dark);
  margin-top: -8px;
  opacity: 0.7;
}

body.dContrast > *:not(.item a):not(.bigger):not(iframe):not([tabindex="0"]):not(.break):not(.ba-phone-selected-country):not(.grid-item):not(.slick-slide):not(.slick-slide .item):not(.slick-dots):not(.infoItem a) .contactinfoPage .item > .contact-icon, body.yContrast > *:not(.item a):not(.bigger):not(iframe):not([tabindex="0"]):not(.break):not(.ba-phone-selected-country):not(.grid-item):not(.slick-slide):not(.slick-slide .item):not(.slick-dots):not(.infoItem a) .contactinfoPage .item > .contact-icon {
  background: var(--dark) !important;
}
body.dContrast > *:not(.item a):not(.bigger):not(iframe):not([tabindex="0"]):not(.break):not(.ba-phone-selected-country):not(.grid-item):not(.slick-slide):not(.slick-slide .item):not(.slick-dots):not(.infoItem a) .contactinfoPage .item > .contact-icon i, body.dContrast > *:not(.item a):not(.bigger):not(iframe):not([tabindex="0"]):not(.break):not(.ba-phone-selected-country):not(.grid-item):not(.slick-slide):not(.slick-slide .item):not(.slick-dots):not(.infoItem a) .contactinfoPage .item > .contact-icon i:before, body.yContrast > *:not(.item a):not(.bigger):not(iframe):not([tabindex="0"]):not(.break):not(.ba-phone-selected-country):not(.grid-item):not(.slick-slide):not(.slick-slide .item):not(.slick-dots):not(.infoItem a) .contactinfoPage .item > .contact-icon i, body.yContrast > *:not(.item a):not(.bigger):not(iframe):not([tabindex="0"]):not(.break):not(.ba-phone-selected-country):not(.grid-item):not(.slick-slide):not(.slick-slide .item):not(.slick-dots):not(.infoItem a) .contactinfoPage .item > .contact-icon i:before {
  background: transparent !important;
  color: var(--white) !important;
}

@media (max-width: 1000px) {
  .contactinfoPage .group {
    width: auto;
    flex: 1 1 390px;
    max-width: 100%;
  }
}
@media (max-width: 578px) {
  .contactinfoPage .group {
    padding: 30px 20px 20px;
  }
}/*# sourceMappingURL=contactinfo.css.map */