@charset "UTF-8";

/* Contact page. */

.renewal-form { max-width: 1040px; margin: auto; padding: 32px 48px; background: #fff; border: 1px solid var(--line); border-radius: 14px; box-shadow: 0 10px 30px rgb(38 27 110 / 4%); }

.renewal-form__row { display: grid; grid-template-columns: 250px 1fr; gap: 30px; align-items: start; padding: 22px 0; border-bottom: 1px solid var(--line); }

.renewal-form__row > label { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-top: 10px; font-weight: 700; font-size: 14px; }

.renewal-required { padding: 2px 8px; background: #f0e9ff; color: var(--purple); font-size: 10px; border-radius: 3px; }

.renewal-form :is(input:not([type=checkbox]),textarea) { width: 100%; min-height: 48px; padding: 12px 14px; border: 1px solid #d9d7e5; border-radius: 5px; color: var(--navy); background: white; font-size: 16px; }

.renewal-form textarea.form__textarea { min-height: 180px; resize: vertical; }

.renewal-consent { text-align: center; margin: 30px 0; font-size: 13px; }

.renewal-consent input { accent-color: var(--purple); width: 18px; height: 18px; vertical-align: middle; }

.renewal-consent label { display: inline-flex; gap: 10px; align-items: center; cursor: pointer; }

.renewal-form .renewal-button { display: flex; margin: 0 auto; }

@media (max-width: 767px) {
  .renewal-form { padding: 12px 22px 30px; }
  .renewal-form__row { grid-template-columns: 1fr; gap: 14px; }
  .renewal-form__row > label { justify-content: flex-start; padding: 0; }
}