@charset "utf-8";

.form-container { background-color: rgba(255, 255, 255, 0.83); border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 12px; padding: 20px; max-width: 420px; width: 100%; position: relative; overflow: hidden; border: 2px solid rgb(0, 51, 153); margin: 0px auto; }

.video-background { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: -1; }

.video-background video { width: 100%; height: 100%; object-fit: cover; }

.form-header { text-align: center; margin-bottom: 25px; position: relative; z-index: 1; }

.form-header h1 { font-size: 20px; color: rgb(0, 51, 153); margin: 0px 0px 8px; }

.form-header p { font-size: 14px; color: rgb(51, 51, 51); margin-bottom: 10px; }

input[type="text"], input[type="email"], input[type="tel"] { width: 100%; padding: 12px 10px; margin-bottom: 15px; border: 1px solid rgb(0, 32, 128); border-radius: 6px; font-size: 14px; position: relative; z-index: 1; background-color: rgba(255, 255, 255, 0.8); }

form button { width: 100%; padding: 12px; background-color: rgb(0, 51, 153); color: rgb(255, 255, 255); font-size: 15px; border: none; border-radius: 6px; cursor: pointer; transition: background-color 0.3s; position: relative; z-index: 1; }

form button:hover { background-color: rgb(0, 32, 128); }

.disclaimer { font-size: 12px; color: rgb(51, 51, 51); text-align: center; margin-top: 15px; position: relative; z-index: 1; }

.custom__country-select { position: relative; margin-top: -7px; margin-left: 3px; z-index: 100000000 !important; }

input.error { position: relative; margin-bottom: 5px !important; background: rgba(255, 0, 0, 0.125) !important; color: var(--valid-input-color) !important; }

input.error::placeholder { color: rgb(0, 0, 0); }

label.error { font-family: Arial; color: red; font-size: 14px; text-align: center; font-weight: 600; margin-bottom: 10px; display: block; }

.phone + label.error { margin: 5px 0px 0px !important; }

input.valid { background: rgba(0, 239, 0, 0.19) !important; color: var(--valid-input-color) !important; }

.iti--separate-dial-code { max-width: 100%; width: 100%; margin-bottom: 16px; padding: 0px !important; }

.iti__selected-country { padding-right: 13px; border-radius: 4px 0px 0px 3px; background: rgb(225, 225, 225) !important; height: 42px !important; }

.iti__selected-dial-code { color: rgb(0, 0, 0); }

.iti__country-container { pointer-events: none; }

.iti { width: 100%; margin-bottom: 20px; }

.iti__arrow { display: none; }