@font-face {
 font-family: "Encode Sans Expanded";
 font-style: normal;
 font-weight: 100;
 src: url("EncodeSansExpanded-Thin.ttf") format("truetype");
}
@keyframes rf-spin {
 from {
  transform: rotate(0deg);
 }
 to {
  transform: rotate(360deg);
 }
}

.header-mobile {
 padding-bottom: 48px;
}

/* ================= FORM BASE ================= */

.rf-form {
 margin: 0 auto;
 --rf-input-text-color: #0f172a;
 --rf-input-placeholder-color: #6b7280;
 --rf-input-border-color: #e5e7eb;
 --rf-input-background-color: #ffffff;
 --rf-input-focus-ring-color: #3b82f6;
 --rf-input-font-size: 14px;
 --rf-input-radius: 6px;
 --rf-field-error-color: #ef4444;

 width: 100%;
 max-width: 328px;
 box-sizing: border-box;
}

.rf-form * {
 box-sizing: border-box;
}

.rf-form__content:empty {
 display: none;
}

@media screen and (max-width: 475px) {
 .rf-form,
 .payment-methods {
  max-width: 80%;
 }
}

/* ================= SPACING ================= */

.rf-form > .rf-form-input,
.rf-form > .iti,
.rf-form > #buttonSbmt {
 display: block;
 width: 100%;
 margin-top: 16px;
 margin-bottom: 16px;
}

.rf-form > .rf-form-input:first-of-type {
 margin-top: 0;
}

/* ================= INPUTS ================= */

.rf-form-input,
.rf-form .iti__tel-input {
 width: 100%;
 min-height: 42px;
 font-size: var(--rf-input-font-size);
 line-height: 24px;
 padding: 8px 12px;
 color: var(--rf-input-text-color);
 background: var(--rf-input-background-color);
 border: 1px solid var(--rf-input-border-color);
 border-radius: var(--rf-input-radius);
 outline: none;
 appearance: none;
}

.rf-form-input::placeholder,
.rf-form .iti__tel-input::placeholder {
 color: var(--rf-input-placeholder-color);
 opacity: 1;
}

.rf-form-input:focus,
.rf-form .iti__tel-input:focus {
 border-color: var(--rf-input-focus-ring-color);
 box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.25);
}

/* ================= PHONE FIELD ================= */

.rf-form > .iti {
 width: 100%;
}

.rf-form .iti__tel-input {
 width: 100% !important;
 /* padding-left: 130px !important; */
}

.rf-form .iti__country-container {
 height: 100%;
}

.rf-form .iti__selected-country {
 height: 100%;
 padding: 0 10px;
 background: #f3f4f6;
 border: 0;
 border-radius: 6px 0 0 6px;
 display: flex;
 align-items: center;
 pointer-events: none;
}

.rf-form .iti__selected-country-primary {
 display: flex;
 align-items: center;
 gap: 6px;
}

.rf-form .iti__selected-dial-code {
 margin-left: 8px;
 font-size: var(--rf-input-font-size);
 color: var(--rf-input-text-color);
}

.rf-form .iti__arrow {
 margin-left: 0;
}

/* ================= BUTTON ================= */

.rf-form > #buttonSbmt {
 min-height: 48px;
 padding: 12px 16px;
 color: #ffffff;
 background: #f59e0b;
 border: 0;
 border-radius: 6px;
 font-size: 16px;
 font-weight: 800;
 text-align: center;
 cursor: pointer;
 font-family: "Encode Sans Expanded", sans-serif;
 font-weight: 900;
}

.rf-form > #buttonSbmt:hover {
 filter: brightness(1.05);
}

.rf-form > #buttonSbmt:active {
 filter: brightness(0.95);
}

/* ================= VALIDATION ERRORS ================= */

.rf-form label.error {
 display: block;
 width: 100%;
 margin-top: 6px;
 color: var(--rf-field-error-color);
 font-size: 13px;
 line-height: 1.25;
 text-align: left;
}

.rf-form-input.error,
.rf-form .iti__tel-input.error {
 border-color: var(--rf-field-error-color);
}

/* ================= ALERTS / LOADER ================= */

.rf-form__loader {
 position: absolute;
 z-index: 1;
 top: -2px;
 right: -2px;
 bottom: -2px;
 left: -2px;
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
 color: #ffffff;
 background: rgb(43 44 51 / 75%);
 border-radius: 8px;
}

.rf-form__loader::before {
 content: "";
 display: block;
 width: 46px;
 height: 46px;
 margin-bottom: 16px;
 border-radius: 50%;
 border: 5px solid currentColor;
 border-color: currentColor transparent currentColor transparent;
 animation: rf-spin 1.2s linear infinite;
}

.rf-alert {
 display: flex;
 align-items: flex-start;
 box-sizing: border-box;
 padding: 8px 12px;
 border-radius: 6px;
}

.rf-alert_error {
 color: #ffffff;
 background: #ef4444;
}

.rf-alert_success {
 color: #ffffff;
 background: #22c55e;
}

.rf-alert__icon {
 flex-shrink: 0;
 width: auto;
}

.rf-alert__content {
 font-size: 14px;
 line-height: 1.25;
 padding-left: 12px;
}

.rf-alert__content > * {
 margin: 0;
 padding: 0;
}

.rf-alert__content > * + * {
 margin-top: 0.5em;
}
/* .rf-form-input.iti__tel-input {
    padding-left: 117px !important;

} */

.rf-form .iti__country-container {
 max-height: 42px;
}
.reg-text {
 font-family: "Encode Sans Expanded", sans-serif;
 text-align: center;
 font-size: 1.2rem;
 font-weight: 900;
 line-height: 2rem;
 margin-top: 0.25rem;
}