@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins-Regular.eot");
  src: url("../fonts/Poppins-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Poppins-Regular.woff2") format("woff2"), url("../fonts/Poppins-Regular.woff") format("woff"), url("../fonts/Poppins-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins-Bold.eot");
  src: url("../fonts/Poppins-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Poppins-Bold.woff2") format("woff2"), url("../fonts/Poppins-Bold.woff") format("woff"), url("../fonts/Poppins-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
.contacto {
  position: relative;
}
.contacto .contact-offices {
  width: 50%;
  display: flex;
  flex-direction: column;
}
.contacto .contact-offices img {
  width: 100%;
  object-fit: contain;
}
.contacto .contact-offices-list {
  display: flex;
  gap: 2em;
  width: fit-content;
  margin: 0 auto;
}
.contacto .contact-offices-list ul {
  list-style-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='9' viewBox='0 0 11 11'%3E%3Ccircle id='Elipse_65' data-name='Elipse 65' cx='5.5' cy='5.5' r='5.5' fill='%230b386f'/%3E%3C/svg%3E%0A");
}
.contacto .contact-form {
  width: 50%;
}
.contacto .contact-directory {
  display: flex;
  flex-direction: column;
  gap: 2em;
  z-index: 1;
}
.contacto .contact-directory-card {
  background-color: transparent;
  min-height: 60vh;
  max-height: calc(70vh - 1em);
  padding-bottom: 2.5em;
  perspective: 500px;
  width: auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.contacto .contact-directory-card strong {
  font-weight: bold;
  color: #0A386E;
}
.contacto .contact-directory-card p {
  color: #0A386E;
}
.contacto .contact-directory-card a {
  color: #0A386E;
  word-wrap: break-word;
}
.contacto .contact-directory-card img {
  max-height: 50%;
  object-fit: contain;
}
.contacto .contact-directory-carousel {
  margin: 0 auto;
  height: 70vh;
}
.contacto .contact-directory-carousel .splide__arrow {
  background: #0A386E;
  bottom: 0.5vh;
  top: auto;
}
.contacto .contact-directory-carousel .splide__arrow svg {
  fill: white;
}
.contacto .contact-directory-carousel .splide__arrow--prev {
  left: calc(50% - 2.5em);
}
.contacto .contact-directory-carousel .splide__arrow--next {
  right: calc(50% - 2.5em);
}
.contacto .contact-directory-text {
  text-align: center;
}
.contacto .contact-directory-text img {
  width: 200px;
}
@media screen and (max-width: 993px) {
  .contacto .contact-form {
    width: 100%;
  }
  .contacto .contact-form .lbl {
    width: 90%;
  }
  .contacto .contact-offices {
    width: 100%;
  }
}