/* Start Form */

.register-form {
 background-color: rgb(255, 255, 255, 1);
 max-width: 416px;
 margin: 0 auto;
 border-radius: 15px;
 margin-top: 40px;
}

.form-input-main {
 margin-bottom: 12px;
}

.form-input-main input,
.form-input-main select {
 font-family: "Inter", sans-serif;
 background-color: rgba(255, 255, 255, 1);
 height: 51px;
 width: 100%;
 padding-left: 14px;
 border: 1px solid #c5c5c5;
 border-radius: 9px;
 font-weight: 400;
 font-size: 20px;
 color: #000;
}

.form-input-main select {
 margin: 0;
 width: 100%;
}

.form-input-main input::placeholder,
.form-input-main select::placeholder {
 color: rgb(20, 20, 20) !important;
}

button[name="submitBtn"] {
 font-family: "Inter", sans-serif;
 width: 100%;
 height: 56px;
 background: #4d90fe;
 border: 2px solid rgba(0, 0, 0, 0.47);
 border-radius: 13px;
 text-align: center;
 letter-spacing: -0.03em;
 color: #ffffff;
 font-size: 24px;
 cursor: pointer;
}

.form-header-text,
.form-footer-text {
 color: #000;
 font-size: 14px;
 text-align: center;
}

.form-header-text {
 margin-bottom: 20px;
 font-weight: 500;
 font-size: 24px;
 line-height: 100%;
 text-align: center;
 letter-spacing: -0.03em;
 color: #313132;
}

.form-footer-text {
 margin-top: 20px;
}

.form-input-main label[for="nationality"] {
 width: 100%;
 display: flex;
 flex-direction: column;
 align-items: flex-start;
 gap: 10px;
 color: #000;
}

.form-input-main label[for="policy"],
.form-input-main label[for="policy2"] {
 display: flex;
 align-items: flex-start;
 gap: 5px;
 color: #000;
}

.form-input-main label[for="age"],
.form-input-main label[for="age2"] {
 font-size: 14px;
 display: flex;
 gap: 10px;
 flex-direction: column-reverse;
 align-items: flex-start;
 color: #000;
}

.form-input-main input[name="policy"],
.form-input-main input[name="policy2"] {
 width: 20px;
 height: 20px;
 padding: 0;
 margin: 0;
}

.iti__selected-dial-code,
.iti__arrow {
 color: #000 !important;
 border-top-color: #000 !important;
}

.iti {
 width: 100% !important;
}

.iti__country {
 color: #000 !important;
}

/* Hide arrows */

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
 -webkit-appearance: none;
 margin: 0;
}

input[type="number"] {
 -moz-appearance: textfield;
}

@media screen and (max-width: 768px) {
 button[name="submitBtn"] {
  width: 100%;
 }
}

/* End Form */

.contact_form {
 display: flex;
 flex-direction: column;
 gap: 15px;
}

.form-input {
 border: none;
 border-bottom: 2px solid #c2c2c2;
 background: transparent;
 padding: 5px 0;
 font-size: 20px;
}

.submit {
 width: 100%;
 height: 62px;
 background-color: #1974d2;
 border: none;
 margin-top: 25.5px;
 font-weight: 600;
 line-height: 15px;
 font-size: 19px;
 text-align: center;
 cursor: pointer;
 transition: 0.3s;
 color: #fff;
 border-radius: 12px;
}
