.hasError .form-gfield-message{display: block !important;}

.grecaptcha-badge{opacity: 0 !important; z-index: -9999 !important;}
.form-template{position: relative;}

.gform_ajax_spinner,.gform-body .gfield--type-honeypot,.gform-body .gfield_description{display: none !important ;}

.form-template .form-loading{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; justify-content: center; align-items: center;}
.form-template .form-loading img{animation: rotate 2s infinite linear; display: block;}
@keyframes rotate {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}

.form-template .gform_heading{display: none;}
.form-template .ginput_counter {position: absolute;bottom: -30px;color: #ffffff;opacity: 0.7; display: none;}
html[lang='en-US'] .form-template .ginput_counter { display: block;}
.form-template .gform_validation_errors{display: none;}
.form-template .gfield_validation_message{display: none;}

.form-template .form-gfield .ginput_container{position: relative; background: #13192C; border-radius: 8px;}


.form-box .form-template .gform-body .gform_fields .form-phone-code .icons-box{display: none;}

.form-template .gfield_html.get-in-text p a{color: #2b6cff;text-decoration: underline; word-break: break-all;}
.form-template .gfield_html.get-in-text p{margin-bottom: 47px; font-size: var(--fs-22);color: #adb3c8;letter-spacing: -1px;text-align: center;}

.form-template .form-gfield {margin-bottom: 16px; position: relative;}
.form-template .form-gfield input{display: block; width: 100%;height: 50px;border-radius: 8px; padding: 15px 64px 15px 16px;transition: all .2s linear;background: #13192C; color: #fff; font-size: var(--fs-14);border: 1px solid #2E3C61; outline: none; cursor: text;}
.form-template .form-gfield input:focus::-webkit-contacts-auto-fill-button{opacity: 0;}
.form-template .form-gfield input::-webkit-credentials-auto-fill-button {display: none !important;visibility: hidden;pointer-events: none;position: absolute; right: 0;}

html[lang='ar-AE'] .form-template .form-gfield input,
html[lang='ar-AE'] .form-template .form-gfield select,
html[lang='ar-AE'] .form-template .form-gfield textarea
{padding-left: 64px;padding-right: 16px;text-align: right;}

html[lang='ar-AE'] .form-template .form-gfield .ginput_container .icons-box{left: 16px; right: auto;flex-direction: row-reverse;}

html[lang='ar-AE'] .form-template .form-gfield-message{right: 0;}
html[lang='ar-AE'] .form-template .ginput_counter{right: 0;}
html[lang='ar-AE'] .form-template .gform_button{margin: 0;}

html[lang='ar-AE'] .form-template .form-gfield.form-select .ginput_container::before{left: 8px; right: auto;}

html[lang='ar-AE'] .form-template .form-gfield.form-select-public .ginput_container .icons-box,
html[lang='ar-AE'] .form-template .form-gfield.form-country .ginput_container .icons-box, 
html[lang='ar-AE'] .form-template .form-gfield.form-select .ginput_container .icons-box
{left: 25px; right: auto;}

.form-template .form-gfield select{display: block; width: 100%;height: 50px;border-radius: 8px;padding: 15px 64px 15px 16px;transition: all .2s linear;background: #13192C; color: #fff; font-size: var(--fs-14);border: 1px solid #2E3C61; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.form-template .form-gfield select:focus::-webkit-contacts-auto-fill-button{opacity: 0;}
.form-template .form-gfield select::-webkit-credentials-auto-fill-button {display: none !important;visibility: hidden;pointer-events: none;position: absolute; right: 0;}



.form-template .form-password-eyes{position: absolute;right: 8px;top: 17px;width: 26px;height: 26px;}
.form-template .form-password-eyes img{position: absolute;top: 0;left: 0; display: none;}
.form-template .form-password-eyes img.form-password-eyes-close{display: block;}

html[lang='ar-AE']  .form-template .form-password-eyes{left: 8px; right: auto;}

.form-template .form-gfield textarea{display: block;width: 100%;height: 150px;border-radius: 8px;padding-top: 18px;resize:none;padding-left: 16px;padding-top: 15px;transition: all .2s linear;padding-right: 64px;background: #13192C; color: #fff; font-size: var(--fs-14);border: 1px solid #2E3C61; outline: none;}
.form-template .form-gfield textarea:focus::-webkit-contacts-auto-fill-button{opacity: 0;}
.form-template .form-gfield textarea::-webkit-credentials-auto-fill-button {display: none !important;visibility: hidden;pointer-events: none;position: absolute; right: 0;}


.form-template .form-gfield label{z-index: 9;font-size: 14px;color: #688AB7;  position: absolute;bottom: 16px;left: 7px; padding: 0 8px;pointer-events: none;transition: all .5s; margin-right: 1px;}
.form-template .form-gfield.label-extra-long label{bottom: 6px;}
.form-template .form-gfield label:after{  position: absolute;width: 100%;height: 1px;content: '';display: block;background: #13192C;bottom: 9px;left: 0;z-index: -1;}
.form-template .form-gfield.form-textarea label:after{top: 8px;}
.form-template .form-gfield label > span{ color: #C62400;transform: translate(4px,8%) scale(1.2);display: inline-block;}

html[lang='ar-AE']  .form-template .form-gfield label{left: auto;right: 15px;}
html[lang='ar-AE']  .form-template .form-gfield label > span{transform: translate(-4px,8%) scale(1.2);}


.form-template .form-password.form-gfield label::after{content:'*';color: #C62400;transform: translate(4px,17%) scale(1.4);display: inline-block;}

.form-template .form-gfield.form-textarea label{top: 16px;height: fit-content;}

.form-template .gchoice{line-height: 1;font-size: 12px;}
.form-template .form-checkboxes{border: none; position: relative; width: 100% !important;padding: 0;}
.form-template .form-checkboxes input{display: none;}
.form-template .form-checkboxes label{position: relative; padding: 0 0 0 35px; cursor: pointer; color: #688AB7; font-size: var(--fs-12); line-height: 20px;}
.form-template .form-checkboxes label::before{content: '';width: 20px;height: 20px;border-radius: 4px; border: 1px solid #8A92AB;position: absolute;left: 0;top: 0px;z-index: 99;transition: all .2s linear;box-shadow: 0px 1px 4px 0px #00000026;z-index: 1;}

.form-template .form-checkboxes label::after{content: ''; display: block; position: absolute; left: -10px; top: -10px; width: 40px; height: 40px; z-index: 2; border-radius: 50%; background: #688AB7; opacity: 0; transition: all 0.3s;}

.form-template .form-checkboxes label:hover:after{opacity: 0.3;}

.form-template .form-checkboxes label a{text-decoration: underline;}

.form-template .form-checkboxes input[type="checkbox"]:checked ~ label::after{background: #84C9FF;}
.form-template .form-checkboxes input[type="checkbox"]:checked ~ label::before{background:#84C9FF url(../images/checkbox-right%ef%b9%96v%3d1.svg); background-size: 100% 100%;}
.form-template .form-checkboxes input[type="checkbox"]:checked ~ label{color: #84C9FF;}

.form-template .form-checkboxes .gfield_label{display: none;}


.form-template .form-gfield .ginput_container .icons-box{display: flex;justify-content: flex-end;align-items: center;width: 56px;height: 26px;position: absolute;top: 10px; right: 16px;pointer-events: none;}
.form-template .form-gfield .ginput_container .error-icon{display: none;width: 26px;height: auto;cursor: pointer;}
.form-template .form-gfield .ginput_container .del-icon{display: none;width: 26px;height: auto;cursor: pointer;}

.form-template .form-gfield.form-select-public .ginput_container .icons-box,
.form-template .form-gfield.form-password .ginput_container .icons-box,
.form-template .form-gfield.form-country .ginput_container .icons-box,
.form-template .form-gfield.form-select .ginput_container .icons-box{right: 25px;}

.form-template .form-gfield-message{display: none; font-size: var(--fs-12); opacity: 0.8;color: #DB4C4A; font-weight: 500;padding: 0 ; margin: 0 0 -5px;position: absolute;top: 100%; padding: 2px 0;}


.form-template .form-textarea.hasInner label{top: -8px;}

.form-template .form-label-top label,
.form-template .hasInner label,
.form-template .hasFouns label{bottom: 40px !important;font-size: var(--fs-12) !important;}

.form-template .form-textarea.hasFouns label{top: -8px;}

.form-template .form-label-top label > span,
.form-template .hasInner label > span,
.form-template .hasFouns label > span{right: -8px !important;}


.form-template .form-gfield.hasError{margin-bottom:40px !important;}

.form-template .hasError .ginput_container .error{display: block;}
.form-template .hasError .ginput_container .error-icon{display: block;}

.form-template .has-required.hasError .ginput_container textarea,
.form-template .hasError .ginput_container select,
.form-template .hasError .ginput_container input{border-color: #DB4C4A;}
.form-template .hasError > label{color: #DB4C4A ;}
.form-template .hasInner .ginput_container .icons-box{pointer-events: unset;}
.form-template .hasInner .ginput_container .del-icon{display: flex !important; align-items: center; padding-top: 1px; justify-content: center;}

.form-template .password .ginput_container .error span{display: block;}
.form-template .password .ginput_container .error span.conform{color: #E35728;}


/* .form-template .form-gfield .ginput_container::after{content: '';display: block;width: 0;height: 2px;transition: all 0.4s;background-color: #E35728;position: absolute;bottom:0px;left: 0px;} */
.form-template .form-gfield.hasFouns .ginput_container::after{width: 100%;}

.form-template .form-gfield.form-select-public .ginput_container::before,
.form-template .form-gfield.form-select .ginput_container::before{content: ''; width: 10px; height: 6px; position: absolute;right: 10px;top: 24px; background: url(../images/live-form-down-arrow.svg) top center no-repeat;background-size: cover; pointer-events: none;}


html[lang='ar-AE']  .form-template .form-gfield.form-select-public .ginput_container::before{left: 10px; right: auto;}

.form-template .gform_button{z-index: 10; position: relative;background-color: #0c55fc;border-radius: 8px;border: none;display: block;text-shadow: 0px 0px 1px #FFF;padding: 13px 20px 12px 20px; font-size: var(--fs-18);color: #FFF;text-align: center;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s;cursor: pointer;margin: 0px;width: 100%;-webkit-box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.1);-moz-box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.1);box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.1);}

/* .form-template .gform_button:hover{box-shadow:0 0 0 0 rgba(0,0,0,0) ; background: #d53e14;} */


.form-upload {display: flex;gap: 2px 8px;justify-content: space-between; margin: 0 auto 24px; max-width: 500px; flex-wrap: wrap;}
.form-upload label{ border-radius: 8px;border: 1px dashed #2E3C61;font-size: 12px;line-height: 1.2;padding: 7px 16px;color: #688AB7;background: #13192C;    z-index: 1;width: calc(100% - 178px);cursor: pointer;}
.form-upload .gform_drop_instructions{display: none;}
.form-upload button.gform_button_select_files{border-radius: 5px;background: #0C55FC;font-size:var(--fs-18);text-align: center;padding: 12px 20px;color: #fff;outline: none; border: none;min-width: 170px;}
.form-upload .gfield_fileupload_cancel,.form-upload .ginput_preview{font-size: 12px; color: #f5f5f5;vertical-align: text-top;}
.form-upload .ginput_preview_list span:not(.dashicons){font-size: 12px; color: #9199AF;    vertical-align: text-top;}
.form-upload .gform_delete_file{background: none; border: none; outline: none; color: #9199AF;}

.form-template .form-radio{display: flex;flex-direction: column;justify-content: space-between;margin: 0 0 16px;min-height:61px;position: relative; border: none;}
.form-template .form-radio .gfield_radio{display: flex; gap: 40px;}
.form-template .form-radio .gchoice label{padding-left: 34px; position: relative; cursor: pointer; line-height: 24px;}
.form-template .form-radio .gchoice label::before{content: '';width: 24px;height: 24px;border-radius: 12px;background-color: #E8E9ED;position: absolute;left: 0;top: 0px;z-index: 99;transition: all .1s linear;}
.form-template .form-radio .gchoice input[type="radio"]:checked ~ label::before{content: url(../images/blue-dots.svg);background-color: var(--v-white);display: flex;justify-content: space-around;}

.form-template .form-radio > label{position: relative;}
.form-template .form-radio > label > span{ color: #C62400; display: inline-block; transform: translate(4px,5px) scale(1.4);}

.form-template .form-radio > legend{position: relative;}
.form-template .form-radio > legend > span{ color: #C62400; display: inline-block; transform: translate(4px,5px) scale(1.4);}

.form-country,.form-phone{position: relative;}
.phone-code{display: none;border-radius: 8px;overflow: hidden;padding: 12px;height: 306px;position: absolute;top: 61px;width: 204px;box-shadow: 0px 10px 14px #0000005E;background-color: var(--v-white);z-index: 999;}
.phone-code .phoneCode-results{height: 240px;overflow-y: scroll;padding-bottom: 20px;}
.phone-code .phoneCode-results::-webkit-scrollbar-thumb,
.country-code .results::-webkit-scrollbar-thumb{background-color: #4A5C73;width: 4px;}
.phone-code .phoneCode-results .phoneCode-results-option{padding-left: 8px;cursor: pointer;font-size: var(--fs-16);color: var(--v-black);min-height: 35px;display: flex;align-items: center;}
.phone-code .phoneCode-results .phoneCode-results-option span:nth-of-type(1){margin-right: 10px;color: var(--v-black);}
.phone-code .phoneCode-results .phoneCode-results-option span:nth-of-type(2){color:var(--v-grey);}
.phone-code .phoneCode-results .phoneCode-results-option:hover,
.country-code .results .results-option:hover,
.country-code .results .results-option.active,
.phone-code .phoneCode-results .phoneCode-results-option.active{background-color: #0F4667;}
.phone-code .phoneCode-search,
.country-code .country-search{width: 100% !important;height: 44px !important;outline: none !important; padding-right: 12px !important; margin-bottom: 12px !important;border: 2px solid #2E3C61 !important;border-radius: 8px !important;font-style: italic !important;background-color: #fff !important;color: #000 !important;position: relative;padding-left: 40px !important;}
.phone-code .phoneCode-search:hover,
.country-code .country-search:hover{background-color: #ECECEC !important;}
.phone-code .phoneCode-search:focus ~ .phoneCode-search-bottom,
.country-code .country-search:focus ~ .country-search-bottom{width: calc(100% - 24px) !important;}
.phone-code .phoneCode-search-bottom{display: block !important;width: 0 !important;height: 1px !important;transition: all 0.4s !important;background-color: var(--v-orange) !important;position: absolute !important;top: 56px !important;left: 12px !important;} 

.country-code{display: none;border-radius: 8px;overflow: hidden;padding: 12px;width: 100%;height: 309px;position: absolute;top: 62px;box-shadow: 0px 10px 14px #0000005E;background-color: #151827;z-index: 999;}
.country-code:after{content: '';width: 18px; height: 18px; background: url(../images/search-icon.svg) center center no-repeat; background-size: cover;position: absolute;top: 25px; left: 25px;}
.country-code .country-search-bottom{display: block;width: 0;height: 1px;transition: all 0.4s;background-color: var(--v-orange);position: absolute;top: 56px;left: 12px;} 
.country-code .results{height: calc(100% - 44px);overflow-y: scroll;padding-bottom: 10px;}
.country-code .results .results-option{padding-left: 8px;cursor: pointer;font-size: 15px;color: #C4CBD4;height: auto;white-space: break-spaces;padding: 6px 0 6px 8px;display: flex; align-items: center;}
.country-code .no-data{display: none;position: absolute;top: 70px;left: 50%; transform: translateX(-50%);color: var(--v-grey-dark);}


.gfield_visibility_hidden{display: none;}


@media (max-width: 768px) {
    .form-upload{ gap: 2px;position: relative;}
    .form-upload button.gform_button_select_files{ padding: 8px 10px;min-width: 150px;}
    .form-upload label{ width: 100%;padding-bottom: 60px; text-align: center;}
    .form-upload .ginput_container{ position: absolute; bottom: 15px;left: 50%;transform: translateX(-50%);z-index: 2;}
}