@charset "utf-8";

.domain-purchase-billing { min-height: 450px; overflow: auto; }

.domain-purchase-billing .panel-name { margin-top: 30px; font-size: 15px; margin-bottom: 10px; font-weight: bold; }

.domain-purchase-billing .s-form { border: 1px solid rgb(198, 201, 205); border-radius: 5px; padding: 30px; display: flex; align-items: flex-start; gap: 15px 30px; }

.domain-purchase-billing .s-form .left-form, .domain-purchase-billing .s-form .right-form { display: grid; grid-template-columns: 1fr; row-gap: 20px; flex: 1 1 0%; width: 100%; }

.domain-purchase-billing .s-form .s-form-field { display: flex; flex-wrap: wrap; align-items: start; margin-bottom: 0px; }

.domain-purchase-billing .s-form .s-form-field .form-title { margin-bottom: 15px; text-transform: uppercase; color: rgb(169, 174, 178); font-family: brandon-grotesque, brandon, martel-sans, sans-serif; }

.domain-purchase-billing .s-form .s-form-field.select-field .s-kit-select-wrapper { width: 100%; height: 34px; }

.domain-purchase-billing .s-form .s-form-field.select-field .s-kit-select { text-overflow: ellipsis; white-space: nowrap; width: 100%; display: inline-block; padding-right: 15px; }

.domain-purchase-billing .s-form .s-form-field.select-field .s-kit-select[disabled] { cursor: not-allowed; }

.domain-purchase-billing .s-form .s-form-field input, .domain-purchase-billing .s-form .s-form-field textarea, .domain-purchase-billing .s-form .s-form-field select, .domain-purchase-billing .s-form .s-form-field .input { width: 100%; box-sizing: border-box; }

.domain-purchase-billing .s-form .s-form-field textarea { resize: none; }

.domain-purchase-billing .s-form .s-form-field label, .domain-purchase-billing .s-form .s-form-field .label { width: 100%; display: inline-block; text-align: start; vertical-align: top; padding: 0px 0px 5px; word-break: break-word; margin: 0px; }

.domain-purchase-billing .s-form .s-form-field input.country-code { width: 45px; margin-right: 5px; }

.domain-purchase-billing .s-form .s-form-field input.phone { width: calc(100% - 50px); }

.domain-purchase-billing .s-form .s-form-field.email .s-form-field-hint { margin-top: 5px; color: rgb(251, 125, 43); line-height: 1.5; }

.domain-purchase-billing .s-form .s-form-field.email .s-form-field-hint i.fa-info-circle { margin-inline-end: 10px; }

.domain-purchase-billing .s-form .s-form-field.accept { gap: 10px; align-items: center; }

.domain-purchase-billing .s-form .s-form-field.accept .label { flex: 1 1 0%; text-align: right; padding: 0px; }

.domain-purchase-billing .s-form .s-form-field.accept input { width: auto; vertical-align: top; }

.domain-purchase-billing .s-form .s-form-field.accept .s-form-field-hint { display: inline-block; width: calc(100% - 25px); }

.domain-purchase-billing .s-form .s-form-field.accept .s-form-field-hint a { color: inherit; text-decoration: underline; }

.domain-purchase-billing .s-form .s-form-field-error { font-size: 14px; margin-top: 5px; }

@media screen and (max-width: 727px) {
  .domain-purchase-billing .s-form { flex-direction: column; }
  .domain-purchase-billing .s-form .s-form-field label, .domain-purchase-billing .s-form .s-form-field .label { flex: 1 1 auto; width: 100%; margin-bottom: 5px; text-align: start; }
  .domain-purchase-billing .s-form .s-form-field input, .domain-purchase-billing .s-form .s-form-field textarea, .domain-purchase-billing .s-form .s-form-field select, .domain-purchase-billing .s-form .s-form-field .input { width: 100%; }
  .domain-purchase-billing .s-form .s-form-field input.phone { width: calc(100% - 50px); }
  .domain-purchase-billing .s-form .s-form-field.accept label, .domain-purchase-billing .s-form .s-form-field.accept .label { width: auto; }
  .domain-purchase-billing .s-form .s-form-field.select-field .s-kit-select-wrapper { width: 100%; }
  .domain-purchase-billing .s-form .s-form-field.accept .label { text-align: left; }
  .domain-purchase-billing .s-form .s-form-field.email .s-form-field-hint { margin-left: 0px; }
  .domain-purchase-billing .s-form .s-form-field .s-form-field-error { margin-left: 0px; }
}