/*
 * Colors
 */
/*
 * Breakpoints
 */
.subscribe {
  background-color: var(--accent);
  padding: 30px 10px 35px;
}
@media (min-width: 768px) {
  .subscribe {
    padding: 40px 20px;
  }
}
@media (min-width: 1440px) {
  .subscribe {
    padding: 54px 0;
  }
}
.subscribe .wrapper {
  display: flex;
  flex-direction: column;
}
@media (min-width: 992px) {
  .subscribe .wrapper {
    flex-direction: row;
    align-items: center;
    gap: 65px;
  }
}
@media (min-width: 1440px) {
  .subscribe .wrapper {
    gap: 101px;
  }
}
@media (min-width: 992px) {
  .subscribe .wpcf7 {
    width: 100%;
    max-width: 548px;
  }
}
@media (min-width: 1440px) {
  .subscribe .wpcf7 {
    width: 100%;
    max-width: 600px;
    margin-left: auto;
  }
}
.subscribe form {
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 992px) {
  .subscribe form {
    margin-top: 0;
  }
}
.subscribe form .cf7-cf-turnstile {
  order: 100;
  width: 100%;
}
.subscribe form > p {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
}
@media (min-width: 1440px) {
  .subscribe form > p {
    width: calc(100% - 122px);
  }
}
.subscribe form > p input {
  height: 40px;
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.3);
  padding: 12px 10px 12px 20px;
  font-family: var(--font-family-base);
  color: #5e6265;
  font-size: 14px;
  background-color: #ffffff;
  font-weight: 400;
}
.subscribe form > p input::-moz-placeholder {
  font-family: var(--font-family-base);
  color: #5e6265;
  font-size: 14px;
  text-transform: capitalize;
}
.subscribe form > p input::placeholder {
  font-family: var(--font-family-base);
  color: #5e6265;
  font-size: 14px;
  text-transform: capitalize;
}
.subscribe form > p span.wpcf7-form-control-wrap {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.subscribe form > p span.wpcf7-not-valid-tip {
  color: #ffffff;
  font-size: 13px;
}
.subscribe form button,
.subscribe form .btn {
  height: 40px;
  padding: 8px 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  margin: 0;
  background: #191e22;
  color: #ffffff;
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
  min-width: 113px;
}
.subscribe form.wpcf7-form .wpcf7-response-output {
  margin: 10px 0 0;
  padding: 10px 16px;
  border: 1px solid #ffffff;
  font-size: 14px;
  color: #ffffff;
  line-height: 18px;
  border-color: #ffffff;
  width: 100%;
}
.subscribe form.wpcf7-form.invalid .wpcf7-response-output, .subscribe form.wpcf7-form.failed .wpcf7-response-output {
  border-color: #ffffff;
}
.subscribe form.wpcf7-form.submitting button,
.subscribe form.wpcf7-form.submitting .btn {
  font-size: 0;
  position: relative;
}
.subscribe form.wpcf7-form.submitting button::after,
.subscribe form.wpcf7-form.submitting .btn::after {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12.5' r='10' stroke='white' stroke-opacity='0.4' stroke-width='4'/%3E%3Cmask id='path-2-inside-1_9826_249930' fill='white'%3E%3Cpath d='M3.51472 20.9853C1.53585 19.0064 0.310841 16.3981 0.0515982 13.6116C-0.207645 10.8251 0.51518 8.03561 2.09504 5.72565C3.6749 3.41569 6.01243 1.73056 8.7033 0.961726C11.3942 0.192895 14.2691 0.388727 16.8309 1.51535L15.1558 5.32429C13.4823 4.58833 11.6042 4.4604 9.84644 4.96264C8.08863 5.46487 6.56164 6.56569 5.5296 8.07467C4.49756 9.58364 4.02537 11.4059 4.19472 13.2262C4.36407 15.0464 5.16431 16.7503 6.457 18.043L3.51472 20.9853Z'/%3E%3C/mask%3E%3Cpath d='M3.51472 20.9853C1.53585 19.0064 0.310841 16.3981 0.0515982 13.6116C-0.207645 10.8251 0.51518 8.03561 2.09504 5.72565C3.6749 3.41569 6.01243 1.73056 8.7033 0.961726C11.3942 0.192895 14.2691 0.388727 16.8309 1.51535L15.1558 5.32429C13.4823 4.58833 11.6042 4.4604 9.84644 4.96264C8.08863 5.46487 6.56164 6.56569 5.5296 8.07467C4.49756 9.58364 4.02537 11.4059 4.19472 13.2262C4.36407 15.0464 5.16431 16.7503 6.457 18.043L3.51472 20.9853Z' stroke='white' stroke-width='8' mask='url(%23path-2-inside-1_9826_249930)'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12.5' to='360 12 12.5' dur='1s' repeatCount='indefinite' /%3E%3C/path%3E%3C/svg%3E%0A");
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  left: 0;
  top: 0;
  background-position: center;
}
.subscribe form.wpcf7-form.sent > p {
  display: none;
}
.subscribe form.wpcf7-form.sent button,
.subscribe form.wpcf7-form.sent .btn {
  display: none;
}
.subscribe form.wpcf7-form.sent .wpcf7-response-output {
  border-radius: 2px;
  border: 1px solid #76a575;
  background: #e5fde5;
  color: #191e22;
}
.subscribe h4.white {
  color: var(--accent-color);
}
.subscribe .btn + p {
  width: 100%;
}
