body {
  margin: 0;
  padding: 0;
  font-family: "DM Sans", sans-serif;
}

a.primary-button {
  display: inline-block;
  font-size: 18px;
  font-weight: 500;
  background-color: #F5F5F5;
  color: #101010;
  margin: 0;
  padding: 12px 24px;
  border: 2px solid #F5F5F5;
  border-radius: 25px;
  text-decoration: none;
  transition: 0.15s linear all;
}
a.primary-button:hover {
  color: #F5F5F5;
  background-color: #101010;
  border-color: #101010;
}
a.secondary-button {
  display: inline-block;
  font-size: 18px;
  font-weight: 500;
  background-color: #101010;
  color: #F5F5F5;
  margin: 0;
  padding: 12px 24px;
  border: 2px solid #101010;
  border-radius: 25px;
  text-decoration: none;
  transition: 0.15s linear all;
}
a.secondary-button:hover {
  color: #101010;
  background-color: #F5F5F5;
  border-color: #F5F5F5;
}

/* ---- float in animation ---- */
.hidden {
  opacity: 0;
  filter: blur(5px);
  transform: translateY(-100px);
  transition: all 1s;
}
.show {
  opacity: 1;
  filter: blur(0);
  transform: translateY(0);
  transition: all 1s;
}
@media (prefers-reduced-motion: no-preference) {
  /* .hidden {
    transition: none;
  } */
}


.form-wrapper {
  max-width: 820px;
  width: 100%;
  padding: 25px;
  margin: 0 auto;
  border-radius: 20px;
  background-color: #EFF1ED;
  position: relative;
  z-index: 5;
}
.form-wrapper input {
  width: 100%;
  background-color: #FFFFFF;
  font-family: "Rubik", sans-serif;
  font-size: 14px;
  color: #888888;
  padding: 14px 20px;
  border: 0;
  border-radius: 10px;
  margin: 0 0 16px 0;
  overflow: hidden;
}
.form-wrapper input:focus,
.form-wrapper input:active,
.form-wrapper input:focus {

}
.form-wrapper textarea {
  width: 100%;
  background-color: #FFFFFF;
  font-family: "Rubik", sans-serif;
  font-size: 14px;
  color: #888888;
  padding: 14px 20px;
  border: 0;
  border-radius: 10px;
  margin: 0 0 16px 0;
  overflow: hidden;
}
.form-wrapper textarea:focus,
.form-wrapper textarea:active,
.form-wrapper textarea:focus {

}
.form-wrapper input:focus-visible,
.form-wrapper textarea:focus-visible {
  outline: none;
}
.form-wrapper .wpcf7-submit {
  display: flex;
  align-items: center;
  font-size: 18px;
  font-weight: 500;
  background-color: #101010;
  color: #F5F5F5;
  margin: 0;
  padding: 12px 24px;
  border: 2px solid #101010;
  border-radius: 25px;
  margin: 0 0 0 auto;
  cursor: pointer;
  transition: 0.15s linear all;
}
.form-wrapper .wpcf7-submit:hover {
  background-color: #F5F5F5;
  color: #101010;
}
.form-wrapper .wpcf7-submit svg {
  display: block;
  transition: 0.2s linear all;
}
.form-wrapper .wpcf7-submit:hover svg {
  fill: #101010;
}