.contact {
  width: 100%;
  background: #fff;
}

.contact * {
  margin: 0;
  padding: 0;
}

.contact .under-page_title > h1 {
  border-bottom: 2px solid #ea778e;
}

.contact > div {
  width: 1000px;
  margin: 0 auto;
  padding: 130px 0 230px;
  display: flex;
  flex-direction: column;
  row-gap: 70px;
}

.contact-wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 30px;
}

.contact-wrapper > p {
  color: #073763;
  font-size: 16px;
  line-height: 22px;
}

.contact-wrapper_list {
  width: 100%;
  padding: 40px;
  box-sizing: border-box;
  border: 1px solid rgba(14, 11, 32, 1);
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  row-gap: 25px;
}

.contact-wrapper_list .title {
  font-size: 16px;
  line-height: 20px;
  color: #000;
}

.contact-wrapper_list .title span {
  color: #ff0000;
}

.contact-wrapper_list input,
.contact-wrapper_list textarea {
  margin: 0 !important;
  border: 1px solid rgba(15, 76, 129, 30%) !important;
  padding: 10px !important;
  font-size: 14px !important;
  color: #073763 !important;
  -webkit-text-fill-color: #073763 !important;
  caret-color: #000 !important;
  width: 100%;
}

h3#ship-to-different-address label .input-checkbox,
input[type="radio"],
input[type="checkbox"],
.edd_price_options ul > li > label > input[type="radio"],
.edd_price_options ul > li > label > input[type="checkbox"],
.wpcf7-radio input[type="radio"],
.wpcf7-checkbox input[type="checkbox"],
.wpcf7-acceptance input[type="checkbox"] {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  margin: 0 !important;
  padding: 0 !important;
}

h3#ship-to-different-address label > span:before,
input[type="radio"] + label:before,
input[type="checkbox"] + label:before,
input[type="radio"] + .wpcf7-list-item-label:before,
input[type="checkbox"] + .wpcf7-list-item-label:before,
.wpcf7-list-item-label.wpcf7-list-item-right:before,
.edd_price_options ul > li > label > input[type="radio"] + span:before,
.edd_price_options ul > li > label > input[type="checkbox"] + span:before,
input[type="checkbox"] {
  content: " ";
  font-family: "fontello";
  font-size: 7px;
  font-weight: 400;
  letter-spacing: 0.7px;
  display: block;
  text-align: center;
  border: 1px solid #222;
  width: 16px;
  height: 16px;
  line-height: 15px;
  position: absolute;
  z-index: 1;
  top: 0.5em;
  left: 0;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  color: #222;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.contact-wrapper_list input::placeholder,
.contact-wrapper_list textarea::placeholder {
  color: #073763 !important;
}

.contact-wrapper_list > div {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}

.contact-wrapper_list--purpose > div > p {
  font-weight: bold;
}

.contact-wrapper_list--purpose .wpcf7-radio {
  display: flex;
  flex-direction: column;
  row-gap: 5px;
}

.contact-wrapper_list--purpose .wpcf7-list-item-label {
  color: #000;
  font-size: 12px !important;
  line-height: 22px !important;
}

.title-Message > p:last-of-type {
  color: #073763 !important;
  font-size: 13px;
  margin-top: 1em;
}

.contact-wrapper_list--delivery,
.contact-wrapper_list--rules {
  position: relative;
  height: 20px;
}

.contact-wrapper_list--delivery > p {
  color: #000;
  font-size: 14px;
  line-height: 20px;
  display: flex;
  align-items: center;
  column-gap: 10px;
  position: absolute;
  left: -50px;
}

.contact-wrapper_list--rules > p {
  color: #000;
  font-size: 14px;
  line-height: 20px;
  display: flex;
  align-items: center;
  position: absolute;
  justify-content: flex-start;
  left: -40px;
}

.contact-wrapper_list--rules .wpcf7-form-control-wrap {
  margin-right: 10px;
}

.contact-wrapper_list--delivery .wpcf7-list-item,
.contact-wrapper_list--rules .wpcf7-list-item {
  display: flex;
}

/* purpose */
.contact-wrapper_list--purpose
  input[type="radio"]
  + .wpcf7-list-item-label:before {
  border-radius: 20px !important;
}

.contact-wrapper_list--purpose input[type="radio"] + .wpcf7-list-item-label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 0 !important;
  column-gap: 10px;
}

.contact-wrapper_list--purpose
  input[type="radio"]
  + .wpcf7-list-item-label:before {
  position: static;
  line-height: 14px;
  font-size: 11px;
  width: 16px;
  height: 16px;
}

.contact-wrapper_list--purpose
  input[type="radio"]
  + .wpcf7-list-item-label:hover:before,
.contact-wrapper_list
  input[type="checkbox"]
  + .wpcf7-list-item-label:hover:before {
  border-color: #000 !important;
}

.contact-wrapper_list--purpose
  input[type="radio"]:checked
  + .wpcf7-list-item-label:before {
  content: "⚫︎" !important;
  color: #0077ff;
  border-color: #0077ff !important;
}

/* submit */
.contact-wrapper_list .wpcf7-submit {
  color: #fff !important;
  display: block !important;
  padding: 0 !important;
  width: 100% !important;
  font-size: 20px !important;
  -webkit-text-fill-color: #fff !important;
}

.contact-wrapper_list--submit > p {
  display: none !important;
}

.contact-wrapper_list--submit {
  row-gap: 30px !important;
}

.contact-wrapper_list--submit .wpcf7-response-output {
  margin: 0 !important;
}

.contact-wrapper_list--submit .wpcf7-submit-style {
  display: block !important;
}

.contact-wrapper_list--submit .submit-style-in {
  background-color: rgba(14, 11, 32, 1) !important;
}

.contact-wrapper_list--submit .wpcf7-spinner,
.contact-wrapper_list--submit .submit-style-in:before {
  display: none !important;
}

.contact-wrapper_list--submit br {
  display: none !important;
}

.wpcf7 form .trx_addons_message_box.wpcf7-response-output,
.wpcf7 div.wpcf7-response-output {
  color: #ff0000 !important;
  border: 1px solid #ff0000 !important;
}

.red-color {
  color: #ff0000 !important;
}

.contact-wrapper_list--rules a {
  color: #073763 !important;
  border-bottom: 1px solid #073763;
}

.wpcf7-acceptance input[type="checkbox"] {
  position: static !important;
}

.wpcf7 .wpcf7-not-valid + .wpcf7-not-valid-tip {
  margin: 1em 0;
}

.contact-wrapper_list--submit .wpcf7-submit {
  background-color: #0e0b21;
  padding: 10px 0 !important;
  border-radius: 5px;
}

.contact-wrapper_list input::placeholder,
.contact-wrapper_list textarea::placeholder {
  opacity: 0.5 !important;
}

.contact-wrapper_list input,
.contact-wrapper_list textarea {
  padding: 10px !important;
  font-size: 15px !important;
  box-sizing: border-box;
}

@media screen and (min-width: 836px) and (max-width: 1440px) {
  .contact {
    width: 100%;
  }

  .contact > div {
    width: 69.444vw;
    padding: 9.028vw 0 15.972vw;
    row-gap: 4.861vw;
  }

  .contact-wrapper {
    row-gap: 2.083vw;
  }

  .contact-wrapper > p {
    font-size: 1.111vw;
    line-height: 1.528vw;
  }

  .contact-wrapper_list {
    width: 100%;
    padding: 2.778vw;
    border-radius: 0.347vw;
    row-gap: 1.736vw;
  }

  .contact-wrapper_list .title {
    font-size: 1.111vw;
    line-height: 1.389vw;
  }

  .contact-wrapper_list input,
  .contact-wrapper_list textarea {
    padding: 0.69vw !important;
    font-size: 0.97vw !important;
  }

  .contact-wrapper_list > div {
    row-gap: 0.694vw;
  }

  .contact-wrapper_list--purpose .wpcf7-radio {
    row-gap: 0.347vw;
  }

  .contact-wrapper_list--purpose .wpcf7-list-item-label {
    font-size: 0.83vw !important;
    line-height: 1.53vw !important;
  }

  .title-Message > p:last-of-type {
    font-size: 0.903vw;
  }

  .contact-wrapper_list--delivery,
  .contact-wrapper_list--rules {
    height: 1.389vw;
  }

  .contact-wrapper_list--delivery > p {
    font-size: 0.972vw;
    line-height: 1.389vw;
    column-gap: 0.694vw;
    left: -3.472vw;
  }

  .contact-wrapper_list--rules > p {
    font-size: 0.972vw;
    line-height: 1.389vw;
    left: -2.778vw;
  }

  .contact-wrapper_list--rules .wpcf7-form-control-wrap {
    margin-right: 0.694vw;
  }

  /* purpose */
  .contact-wrapper_list--purpose
    input[type="radio"]
    + .wpcf7-list-item-label:before {
    border-radius: 1.39vw !important;
  }

  .contact-wrapper_list--purpose input[type="radio"] + .wpcf7-list-item-label {
    column-gap: 0.694vw;
  }

  .contact-wrapper_list--purpose
    input[type="radio"]
    + .wpcf7-list-item-label:before {
    line-height: 1vw;
    font-size: 0.694vw;
    width: 1.111vw;
    height: 1.111vw;
  }

  .contact-wrapper_list--purpose
    input[type="radio"]
    + .wpcf7-list-item-label:hover:before,
  .contact-wrapper_list
    input[type="checkbox"]
    + .wpcf7-list-item-label:hover:before {
    border-color: #000 !important;
  }

  .contact-wrapper_list--purpose
    input[type="radio"]:checked
    + .wpcf7-list-item-label:before {
    content: "⚫︎" !important;
    color: #0077ff;
    border-color: #0077ff !important;
  }

  /* submit */
  .contact-wrapper_list .wpcf7-submit {
    font-size: 1.39vw !important;
  }

  .contact-wrapper_list--submit {
    row-gap: 2.08vw !important;
  }

  .contact-wrapper_list--submit .wpcf7-submit {
    background-color: #0e0b21;
    padding: 0.69vw 0 !important;
    border-radius: 5px;
  }
}

@media screen and (max-width: 835px) {
  .contact > div {
    width: 89.744vw;
    padding: 20.513vw 0 25.641vw;
    row-gap: 12.821vw;
  }

  .contact-wrapper {
    row-gap: 7.692vw;
  }

  .contact-wrapper > p {
    font-size: 3.59vw;
    line-height: 5.128vw;
  }

  .contact-wrapper_list {
    padding: 10.256vw 3.128vw;
    border-radius: 1.282vw;
    row-gap: 5.128vw;
  }

  .contact-wrapper_list .title {
    font-size: 3.59vw;
    line-height: 5.128vw;
  }

  .contact-wrapper_list input,
  .contact-wrapper_list textarea {
    padding: 2.56vw !important;
    font-size: 3.33vw !important;
  }

  .contact-wrapper_list > div {
    row-gap: 2.564vw;
  }

  .contact-wrapper_list--purpose .wpcf7-radio {
    row-gap: 1.282vw;
  }

  .contact-wrapper_list--purpose .wpcf7-list-item-label {
    font-size: 3.59vw !important;
    line-height: 5.64vw !important;
  }

  .title-Message > p:last-of-type {
    font-size: 3.077vw;
    line-height: 4.103vw;
  }

  .contact-wrapper_list--delivery,
  .contact-wrapper_list--rules {
    height: 5.128vw;
  }

  .contact-wrapper_list--delivery > p {
    font-size: 3.077vw;
    line-height: 5.128vw;
    column-gap: 2.564vw;
    left: -12.821vw;
  }

  .contact-wrapper_list--rules > p {
    font-size: 3.077vw;
    line-height: 5.128vw;
    left: -10.256vw;
  }

  .contact-wrapper_list--rules .wpcf7-form-control-wrap {
    margin-right: 2.564vw;
  }

  /* purpose */
  .contact-wrapper_list--purpose
    input[type="radio"]
    + .wpcf7-list-item-label:before {
    border-radius: 5.13vw !important;
  }

  .contact-wrapper_list--purpose input[type="radio"] + .wpcf7-list-item-label {
    column-gap: 2.564vw;
  }

  .contact-wrapper_list--purpose
    input[type="radio"]
    + .wpcf7-list-item-label:before {
    line-height: 3.8vw;
    font-size: 2.9vw;
    width: 4.103vw;
    height: 4.103vw;
  }

  /* submit */
  .contact-wrapper_list .wpcf7-submit {
    font-size: 4.1vw !important;
  }

  .contact-wrapper_list--submit {
    row-gap: 3.85vw !important;
  }
}