.wcl-engagement-request {
  position: relative;
  width: 100%;
  max-width: 1920px;
  margin: -200px auto -100px;
  overflow: hidden;
}
.wcl-engagement-request__container {
  padding: 50px 0;
}
.wcl-engagement-request__bg-line {
  position: absolute;
  z-index: -1;
  top: 30%;
  left: 50%;
  width: 120%;
  height: 100%;
  transform: rotate(10deg) translateX(-50%);
}
.wcl-engagement-request__form {
  width: 100%;
  max-width: 746px;
  margin: 50px auto 0;
  padding: 40px 55px 55px;
  border-radius: 30px;
  background-color: var(--bg-main);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
}
.wcl-engagement-request .wpcf7 {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.wcl-engagement-request .wpcf7-form {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
}
.wcl-engagement-request .wpcf7-form label {
  width: 100%;
  color: #2F2F2F;
  font-size: 16px;
}
.wcl-engagement-request .wpcf7-form__title {
  color: var(--c-dark);
  text-align: center;
  font-weight: 500;
}
.wcl-engagement-request .wpcf7-form__row {
  width: 100%;
  display: flex;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.wcl-engagement-request .wpcf7-form__button.wpcf7-submit.wcl-button {
  border: none;
  text-align: center;
  width: 100%;
  max-width: 392px;
  font-size: 18px;
  font-weight: 700;
  border-radius: 30px;
  margin: 34px 0 0;
  padding: 15px;
}
.wcl-engagement-request .wpcf7-form-control-wrap {
  width: 100%;
}
.wcl-engagement-request .wpcf7-form-control {
  width: 100%;
  margin: 10px 0 20px;
}
.wcl-engagement-request .wpcf7-form-control:not(.wpcf7-form__button) {
  border: 1px solid #D1D5DB;
  border-radius: 15px;
  font-size: 18px;
  line-height: 1;
  color: #2F2F2F;
  padding: 18px 20px;
}
.wcl-engagement-request .wpcf7-form-control::-moz-placeholder {
  color: rgba(33, 33, 33, 0.5019607843);
  font-size: 16px;
}
.wcl-engagement-request .wpcf7-form-control::placeholder {
  color: rgba(33, 33, 33, 0.5019607843);
  font-size: 16px;
}
.wcl-engagement-request .wpcf7-form-control:focus::-moz-placeholder {
  color: transparent;
}
.wcl-engagement-request .wpcf7-form-control:focus::placeholder {
  color: transparent;
}
.wcl-engagement-request .wpcf7 form .wpcf7-response-output {
  margin: 0;
  padding: 0;
  text-align: center;
  border-color: transparent;
  border: none;
}
.wcl-engagement-request .wpcf7 form.invalid .wpcf7-response-output,
.wcl-engagement-request .wpcf7 form.failed .wpcf7-response-output,
.wcl-engagement-request .wpcf7 form.unaccepted .wpcf7-response-output,
.wcl-engagement-request .wpcf7 form.payment-required .wpcf7-response-output {
  border: none;
  color: #dc3232;
}
.wcl-engagement-request .wpcf7 form.sent .wpcf7-response-output {
  border: none;
  color: #46b450;
}
.wcl-engagement-request .wpcf7-not-valid-tip {
  margin-bottom: 10px;
}
.wcl-engagement-request .wpcf7-spinner {
  margin-top: 10px;
}
@media (min-width: 23.4375em) and (max-width: 81em) {
  @supports (padding-top: clamp( 5rem , 3.7276058632rem  +  5.4288816504vw , 8.125rem )) {
    .wcl-engagement-request {
      padding-top: clamp( 5rem , 3.7276058632rem  +  5.4288816504vw , 8.125rem );
    }
  }
  @supports not (padding-top: clamp( 5rem , 3.7276058632rem  +  5.4288816504vw , 8.125rem )) {
    .wcl-engagement-request {
      padding-top: calc(5rem + 3.125 * (100vw - 23.4375rem) / 57.5625);
    }
  }
  @supports (padding-bottom: clamp( 7.5rem , 6.2276058632rem  +  5.4288816504vw , 10.625rem )) {
    .wcl-engagement-request {
      padding-bottom: clamp( 7.5rem , 6.2276058632rem  +  5.4288816504vw , 10.625rem );
    }
  }
  @supports not (padding-bottom: clamp( 7.5rem , 6.2276058632rem  +  5.4288816504vw , 10.625rem )) {
    .wcl-engagement-request {
      padding-bottom: calc(7.5rem + 3.125 * (100vw - 23.4375rem) / 57.5625);
    }
  }
  @supports (font-size: clamp( 2rem , 1.7964169381rem  +  0.8686210641vw , 2.5rem )) {
    .wcl-engagement-request .wpcf7-form__title {
      font-size: clamp( 2rem , 1.7964169381rem  +  0.8686210641vw , 2.5rem );
    }
  }
  @supports not (font-size: clamp( 2rem , 1.7964169381rem  +  0.8686210641vw , 2.5rem )) {
    .wcl-engagement-request .wpcf7-form__title {
      font-size: calc(2rem + 0.5 * (100vw - 23.4375rem) / 57.5625);
    }
  }
  @supports (margin-bottom: clamp( 1.5625rem , 0.9263029316rem  +  2.7144408252vw , 3.125rem )) {
    .wcl-engagement-request .wpcf7-form__title {
      margin-bottom: clamp( 1.5625rem , 0.9263029316rem  +  2.7144408252vw , 3.125rem );
    }
  }
  @supports not (margin-bottom: clamp( 1.5625rem , 0.9263029316rem  +  2.7144408252vw , 3.125rem )) {
    .wcl-engagement-request .wpcf7-form__title {
      margin-bottom: calc(1.5625rem + 1.5625 * (100vw - 23.4375rem) / 57.5625);
    }
  }
}
@media (min-width: 81em) {
  .wcl-engagement-request {
    padding-top: 8.125rem;
  }
  .wcl-engagement-request {
    padding-bottom: 10.625rem;
  }
  .wcl-engagement-request .wpcf7-form__title {
    font-size: 2.5rem;
  }
  .wcl-engagement-request .wpcf7-form__title {
    margin-bottom: 3.125rem;
  }
}
@media screen and (max-width: 1280px) {
  .wcl-engagement-request__bg-line {
    top: 25%;
  }
}
@media screen and (max-width: 1024px) {
  .wcl-engagement-request__bg-line {
    top: 30%;
    transform: rotate(5deg) translateX(-52%);
  }
}
@media (max-width: 768px) {
  .wcl-engagement-request__form {
    padding: 30px;
  }
  .wcl-engagement-request .wpcf7-form__row {
    flex-direction: column;
  }
}
@media (max-width: 576px) {
  .wcl-engagement-request__form {
    padding: 30px 15px;
  }
}
@media (max-width: 23.4375em) {
  .wcl-engagement-request {
    padding-top: 5rem;
  }
  .wcl-engagement-request {
    padding-bottom: 7.5rem;
  }
  .wcl-engagement-request .wpcf7-form__title {
    font-size: 2rem;
  }
  .wcl-engagement-request .wpcf7-form__title {
    margin-bottom: 1.5625rem;
  }
}