.contact-page .contact-section .container .headings {
  text-align: center;
  margin-bottom: 2rem;
}
.contact-page .contact-section .container .headings h5 {
  font-size: 1rem;
}
.contact-page .contact-section .container .headings h3 {
  font-size: 2rem;
  margin-bottom: 0.5rem;
}
.contact-page .contact-section .container .cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(1, 1fr);
  gap: 2rem;
  margin-bottom: 2.5rem;
}
.contact-page .contact-section .container .cards .card-single {
  position: relative;
  border-radius: 20px 0 20px 0;
  padding: 2rem;
  color: var(--white);
}
.contact-page .contact-section .container .cards .card-single .icon {
  display: flex;
  justify-content: flex-end;
}
.contact-page .contact-section .container .cards .card-single .icon #icon {
  height: 3rem;
  width: 3rem;
  fill: var(--white);
}
.contact-page .contact-section .container .cards .card-single .title {
  margin-bottom: 0.5rem;
}
.contact-page .contact-section .container .cards .card-single .val {
  font-size: 1rem;
}
.contact-page .contact-section .container .cards .bg-green {
  background: rgb(1, 203, 147);
}
.contact-page .contact-section .container .cards .bg-blue {
  background: rgb(1, 112, 203);
}
.contact-page .contact-section .container .cards .bg-grey {
  background: rgb(85, 85, 85);
}
.contact-page .contact-section .container .contact-form {
  display: flex;
  gap: 2rem;
  margin-bottom: 1rem;
}
.contact-page .contact-section .container .contact-form .form {
  width: 50%;
}
.contact-page .contact-section .container .contact-form .form .two-inputs {
  display: flex;
  gap: 1rem;
}
.contact-page .contact-section .container .contact-form .form .two-inputs .input {
  width: 50%;
  margin-bottom: 1rem;
}
.contact-page .contact-section .container .contact-form .form .two-inputs .input input {
  width: 100%;
}
.contact-page .contact-section .container .contact-form .form .send-btn {
  margin-top: 1.5rem;
}
.contact-page .contact-section .container .contact-form .form .send-btn .btn {
  width: 100%;
}
.contact-page .contact-section .container .contact-form .map {
  width: 50%;
  height: 18.5rem;
}
.contact-page .contact-section .container .contact-form .map iframe {
  height: 100%;
  width: 100%;
  border-radius: 10px;
}

@media (max-width: 560px) {
  .contact-page .contact-section .container .cards {
    grid-template-columns: repeat(1, 1fr);
  }
  .contact-page .contact-section .container .contact-form {
    flex-direction: column;
  }
  .contact-page .contact-section .container .contact-form .form {
    width: 100%;
  }
  .contact-page .contact-section .container .contact-form .form .send-btn {
    margin-top: 0.5rem;
  }
  .contact-page .contact-section .container .contact-form .map {
    width: 100%;
  }
}/*# sourceMappingURL=contact.css.map */