/* Billela registration form polish. Loaded before Fluent Forms' own CSS, so these use !important deliberately. */
.fluentform .ff-el-progress{height:28px!important;line-height:normal!important;background:#e9ebf1!important;border-radius:20px!important;overflow:hidden!important;font-size:12px!important;box-shadow:inset 0 1px 2px rgba(21,23,34,.06)}
.fluentform .ff-el-progress-bar{height:100%!important;background:linear-gradient(90deg,#1200cc,#3a2bff)!important;border-radius:20px!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;padding:0 12px!important;min-width:48px!important;text-align:right!important;box-sizing:border-box!important;transition:width .45s cubic-bezier(.2,.8,.2,1)!important}
.fluentform .ff-el-progress-bar span{display:inline-block!important;padding:0!important;color:#fff!important;font-size:12px!important;font-weight:700!important;line-height:1!important;white-space:nowrap!important}
.fluentform .ff-el-progress-status{font-size:12px!important;margin-bottom:10px!important}
/* Phone field: keep the number clear of the flag */
.fluentform .iti{width:100%!important;display:block!important;position:relative}
.fluentform .iti input,.fluentform .iti input[type=tel],.fluentform .iti input[type=text]{padding-left:58px!important;width:100%!important}
.fluentform .iti--separate-dial-code input,.fluentform .iti--separate-dial-code input[type=tel]{padding-left:96px!important}
.fluentform .iti__flag-container{z-index:3}
.fluentform .iti__selected-flag{padding:0 8px 0 12px!important}
.fluentform .iti__country-list{z-index:20;max-width:320px}
/* button radius */
.fluentform .ff-btn,.fluentform .ff-btn-submit,.fluentform .ff-btn-next,.fluentform .ff-btn-prev,.fluentform .ff-btn-secondary,.fluentform button[type=submit]{border-radius:5px!important}