div.text-control {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
div.text-control > label {
  align-items: center;
  color: #666565;
  display: flex;
  font-family: "Galano", sans-serif;
  font-size: 12px;
  font-weight: 600;
  gap: 8px;
  line-height: 16px;
}
div.text-control > label > i {
  color: #666565;
  font-size: 16px;
}
div.text-control > input[type=text] {
  background-color: #ffffff;
  border: solid 2px #CCCAC9;
  border-radius: 4px;
  color: #1a1919;
  font-family: "Segoe UI", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  padding: 12px 16px;
}
div.text-control > input[type=text]:focus, div.text-control > input[type=text]:focus-visible {
  border-color: #171A88;
}
div.text-control > input[type=text]::placeholder {
  color: #CCCAC9;
  font-family: "Segoe UI", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}
div.text-control.has-error span {
  display: block;
}
div.text-control span {
  color: #CC1414;
  font-family: "Segoe UI", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  position: relative;
  padding-left: 24px;
  display: none;
}
div.text-control span::before {
  content: "\f06a";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  color: #CC1414;
  font-size: 18px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: -4px;
  margin: auto;
}

div.number-control {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
div.number-control > label {
  align-items: center;
  color: #666565;
  display: flex;
  font-family: "Galano", sans-serif;
  font-size: 12px;
  font-weight: 600;
  gap: 8px;
  line-height: 16px;
}
div.number-control > label > i {
  color: #666565;
  font-size: 16px;
}
div.number-control > input[type=number] {
  background-color: #ffffff;
  border: solid 2px #CCCAC9;
  border-radius: 4px;
  color: #1a1919;
  font-family: "Segoe UI", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  padding: 12px 16px;
}
div.number-control > input[type=number]:focus, div.number-control > input[type=number]:focus-visible {
  border-color: #171A88;
}
div.number-control > input[type=number]::placeholder {
  color: #CCCAC9;
  font-family: "Segoe UI", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}
div.number-control.has-error span {
  display: block;
}
div.number-control span {
  color: #CC1414;
  font-family: "Segoe UI", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  position: relative;
  padding-left: 24px;
  display: none;
}
div.number-control span::before {
  content: "\f06a";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  color: #CC1414;
  font-size: 18px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: -4px;
  margin: auto;
}

div.phone-control {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
div.phone-control > label {
  align-items: center;
  color: #666565;
  display: flex;
  font-family: "Galano", sans-serif;
  font-size: 12px;
  font-weight: 600;
  gap: 8px;
  line-height: 16px;
}
div.phone-control > label > i {
  color: #666565;
  font-size: 16px;
}
div.phone-control > input[type=tel] {
  background-color: #ffffff;
  border: solid 2px #CCCAC9;
  border-radius: 4px;
  color: #1a1919;
  font-family: "Segoe UI", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  padding: 12px 16px;
}
div.phone-control > input[type=tel]:focus, div.phone-control > input[type=tel]:focus-visible {
  border-color: #171A88;
}
div.phone-control > input[type=tel]::placeholder {
  color: #CCCAC9;
  font-family: "Segoe UI", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}
div.phone-control.has-error span {
  display: block;
}
div.phone-control span {
  color: #CC1414;
  font-family: "Segoe UI", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  position: relative;
  padding-left: 24px;
  display: none;
}
div.phone-control span::before {
  content: "\f06a";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  color: #CC1414;
  font-size: 18px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: -4px;
  margin: auto;
}

div.email-control {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
div.email-control > label {
  align-items: center;
  color: #666565;
  display: flex;
  font-family: "Galano", sans-serif;
  font-size: 12px;
  font-weight: 600;
  gap: 8px;
  line-height: 16px;
}
div.email-control > label > i {
  color: #666565;
  font-size: 16px;
}
div.email-control > input[type=email] {
  background-color: #ffffff;
  border: solid 2px #CCCAC9;
  border-radius: 4px;
  color: #1a1919;
  font-family: "Segoe UI", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  padding: 12px 16px;
}
div.email-control > input[type=email]:focus, div.email-control > input[type=email]:focus-visible {
  border-color: #171A88;
}
div.email-control > input[type=email]::placeholder {
  color: #CCCAC9;
  font-family: "Segoe UI", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}
div.email-control.has-error span {
  display: block;
}
div.email-control span {
  color: #CC1414;
  font-family: "Segoe UI", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  position: relative;
  padding-left: 24px;
  display: none;
}
div.email-control span::before {
  content: "\f06a";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  color: #CC1414;
  font-size: 18px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: -4px;
  margin: auto;
}

div.select-control {
  display: flex;
  flex-direction: column;
  gap: 8px;
  position: relative;
}
div.select-control.is-open div.options {
  display: block;
}
div.select-control.is-open::after {
  transform: rotate(180deg);
}
div.select-control::after {
  bottom: 12px;
  content: "\f107";
  color: #666565;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 18px;
  height: 24px;
  margin: auto;
  position: absolute;
  right: 8px;
  width: 24px;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
div.select-control label {
  align-items: center;
  color: #666565;
  display: flex;
  font-family: "Galano", sans-serif;
  font-size: 12px;
  font-weight: 600;
  gap: 8px;
  line-height: 16px;
}
div.select-control label > i {
  color: #666565;
  font-size: 16px;
}
div.select-control input[type=text] {
  background-color: #ffffff;
  border: solid 2px #CCCAC9;
  border-radius: 4px;
  color: #1a1919;
  font-family: "Segoe UI", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  padding: 12px 16px;
}
div.select-control input[type=text]:focus, div.select-control input[type=text]:focus-visible {
  border-color: #171A88;
}
div.select-control input[type=text]::placeholder {
  color: #CCCAC9;
  font-family: "Segoe UI", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}
div.select-control div.options {
  display: none;
  border: solid 2px #666565;
  border-radius: 0 0 8px 8px;
  background-color: #ffffff;
  position: absolute;
  top: calc(100% - 2px);
  width: calc(100% - 4px);
  z-index: 2;
  max-height: 250px;
  overflow-y: auto;
}
div.select-control div.options label {
  margin: 0;
  padding: 0;
  font-family: "Segoe UI", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  color: #1a1919;
  padding: 12px 16px;
}
div.select-control div.options label:has(input[type=radio]:checked), div.select-control div.options label:hover {
  background-color: #E5E6FF;
}
div.select-control div.options label input[type=radio] {
  display: none;
}
div.select-control.has-error span {
  display: block;
}
div.select-control span {
  color: #CC1414;
  font-family: "Segoe UI", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  position: relative;
  padding-left: 24px;
  display: none;
}
div.select-control span::before {
  content: "\f06a";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  color: #CC1414;
  font-size: 18px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: -4px;
  margin: auto;
}

.modal-dialog {
  display: none;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100dvw;
  height: 100dvh;
  z-index: 10;
  top: 0;
  left: 0;
  justify-content: center;
  align-items: center;
}
.modal-dialog.active {
  display: flex;
}

.modal__container {
  flex-direction: column;
  background-color: #ffffff;
  max-width: 326px;
  padding: 16px;
  display: flex;
  gap: 24px;
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.2509803922);
}

.modal__header {
  display: flex;
  gap: 8px;
  align-items: center;
}
.modal__header h4 {
  font-family: "Galano", sans-serif;
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
  color: #1a1919;
  margin: 0;
  padding: 0;
  flex-grow: 1;
}
.modal__header i.fa-xmark {
  font-size: 20px;
  cursor: pointer;
}
.modal__header i:not(.fa-xmark) {
  font-size: 22px;
}
.modal__header i.info {
  color: #008FCC;
  transform: rotate(180deg);
}
.modal__header i.success {
  color: #14CB2D;
}
.modal__header i.error {
  color: #CC1414;
}
.modal__header i.alert {
  color: #FFB61E;
}

.modal__content {
  display: flex;
  gap: 24px;
  flex-direction: column;
}
.modal__content p {
  font-family: "Segoe UI", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: #1a1919;
  margin: 0;
  padding: 0;
}
.modal__content .wp-block-buttons {
  width: 100%;
  gap: 8px;
  display: flex;
  flex-direction: column;
}
.modal__content .wp-block-buttons .wp-block-button {
  width: 100%;
}
.modal__content .wp-block-buttons .wp-block-button .wp-element-button {
  width: 100%;
}

/*# sourceMappingURL=component.css.map */