@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-3ffd116ba16b5d4f43cec57b4dad21a2.ttf");
}
body header {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1em;
}
body header img {
  max-width: 200px;
}
@media (max-width: 400px) {
  body header img {
    max-width: 100px;
  }
}
@media (max-height: 760px) {
  body header img {
    max-width: 100px;
  }
}
body main {
  padding-inline: 2em;
  margin: 0 !important;
}
body main.center {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
body main.center p {
  text-align: center;
  font-weight: 600;
  font-size: 1.25em;
}
body main h1 {
  text-align: center;
  position: relative;
  font-size: 1.5em;
}
body main h1.underline::after {
  content: "";
  display: block;
  width: 40px;
  height: 5px;
  background: var(--color-primary);
  margin: 0.3em auto 0 auto;
  border-radius: 2px;
}
body main .options-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}
body main .options-wrapper a {
  padding: 1em;
  padding-right: 1.5em;
  background-color: #f7f7f7;
  border-radius: 2em;
  margin: 1em;
  width: 100%;
  max-width: 350px;
  display: flex;
  gap: 10px;
  flex-direction: column;
  align-items: center;
  color: #000;
  font-weight: 500;
  font-style: italic;
  text-decoration: none;
  box-shadow: 0px 0px 1px rgba(3, 7, 18, 0.02), 0px 2px 4px rgba(3, 7, 18, 0.03), 0px 4px 9px rgba(3, 7, 18, 0.05), 0px 6px 15px rgba(3, 7, 18, 0.06), 0px 10px 24px rgba(3, 7, 18, 0.08);
}
body main .options-wrapper a > svg {
  height: 4em;
  width: 4em;
}
body main .options-wrapper a > svg.icon-tabler-mood-smile {
  stroke: green;
}
body main .options-wrapper a > svg.icon-tabler-mood-sad {
  stroke: red;
}
body main .options-wrapper a ul {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
}
body main .options-wrapper a ul li svg {
  height: 1.5em;
  width: 1.5em;
}
body main .form-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
body main .form-wrapper form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 400px;
}
body main .form-wrapper form > div {
  width: 100%;
}
body main .form-wrapper form > div textarea {
  font-family: Montserrat;
  font-size: 0.875em;
  width: 100%;
  min-height: 250px;
  border: 0;
  border-radius: 2em;
  background-color: #f7f7f7;
  padding: 2em;
  box-shadow: 0px 0px 1px rgba(3, 7, 18, 0.02), 0px 2px 4px rgba(3, 7, 18, 0.03), 0px 4px 9px rgba(3, 7, 18, 0.05), 0px 6px 15px rgba(3, 7, 18, 0.06), 0px 10px 24px rgba(3, 7, 18, 0.08);
}
body main .form-wrapper form > div textarea::placeholder {
  font-style: italic;
}
body main .form-wrapper form > div button {
  font-size: 1.25em;
  margin-top: 1.5em;
  padding: 1em;
  width: 100%;
  background-color: var(--color-primary);
  font-weight: 600;
  color: #fff;
  border: none;
  border-radius: 0.5em;
  cursor: pointer;
}
body main .form-wrapper p {
  text-align: center;
}
body main .contact-validation-wrapper {
  border-radius: 2em;
  background-color: #f7f7f7;
  padding: 2em;
  box-shadow: 0px 0px 1px rgba(3, 7, 18, 0.02), 0px 2px 4px rgba(3, 7, 18, 0.03), 0px 4px 9px rgba(3, 7, 18, 0.05), 0px 6px 15px rgba(3, 7, 18, 0.06), 0px 10px 24px rgba(3, 7, 18, 0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1em;
}
body main .contact-validation-wrapper h1, body main .contact-validation-wrapper p {
  margin: 0;
}
body main .contact-validation-wrapper svg {
  height: 4em;
  width: 4em;
  fill: #00D34A;
}
body main .text-wrapper {
  padding: 2em 0;
}
body main .text-wrapper a {
  text-decoration: none;
  color: inherit;
}
body main .text-wrapper .phone {
  text-align: center;
  display: block;
}
body main .text-wrapper .phone > div {
  display: flex;
  gap: 0.5em;
  align-items: center;
  font-weight: 600;
  font-size: 1.2em;
  justify-content: center;
}
body main .text-wrapper .phone > p {
  margin: 0;
  font-size: 1.3em;
}
body main .footer-wrapper {
  position: fixed;
  bottom: 0px;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 100;
  background: rgba(255, 255, 255, 0.9);
  padding: 2em 0;
  border-top: 2px solid #f7f7f7;
}
body main .footer-wrapper .privacy-link {
  color: #000;
  font-size: 0.95em;
  text-decoration: underline;
  font-weight: 600;
}

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22../../assets/styles/_variables.scss%22,%22../../assets/styles/front.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%22AAAA;EACI;EACA;;ACCF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EAHF;IAII;;;AAGF;EAPF;IAQI;;;AAKN;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA,YDxCQ;ECyCR;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA,kBD1DU;EC2DV,eDnDY;ECoDZ;EACA;EACA;EACA;EACA;EACA;EACA;EACA,ODvEM;ECwEN;EACA;EACA;EACA;;AAIA;EACE;EACA;;AAEA;EACE;;AAGF;EACE;;AAIJ;EACE;EACA;EACA;EACA;;AAGE;EACE;EACA;;AAOV;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA,eDvHQ;ECwHR,kBDhIM;ECiIN;EACA;;AAIA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA,kBD9II;EC+IJ;EACA,ODrJE;ECsJF;EACA,eD7IU;EC8IV;;AAON;EACE;;AAIJ;EACI,eD1JY;EC2JZ,kBDnKU;ECoKV;EACA;EAGA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;EACA;EACA,MD/KI;;ACmLZ;EACI;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAKZ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE,ODpOM;ECqON;EACA;EACA%22,%22file%22:%22front.output.css%22%7D */