@font-face {
    font-family: 'ABeeZee';
    font-style: normal;
    font-weight: 400;
    /* Font sits next to this stylesheet under vendor/webkul/ui/assets/css/ */
    src: url('ABeeZee.ttf') format('truetype');
    font-display: swap;
}

/* RTL: match company layout (master loads droid @font-face when rtl) */
body.rtl .register-bg,
body.rtl .register-bg input,
body.rtl .register-bg textarea,
body.rtl .register-bg select,
body.rtl .register-bg button,
body.rtl .register-bg .btn,
body.rtl .register-bg label,
body.rtl .register-bg .form-control,
body.rtl .register-bg .iti input,
html[dir='rtl'] .register-bg,
html[dir='rtl'] .register-bg input,
html[dir='rtl'] .register-bg textarea,
html[dir='rtl'] .register-bg select,
html[dir='rtl'] .register-bg button,
html[dir='rtl'] .register-bg .btn,
html[dir='rtl'] .register-bg label,
html[dir='rtl'] .register-bg .form-control,
html[dir='rtl'] .register-bg .iti input {
    font-family: 'Droid Arabic Kufi', 'droid', sans-serif !important;
}

/* LTR: any locale — do not rely on html:lang(en) only */
body:not(.rtl) .register-bg,
body:not(.rtl) .register-bg input,
body:not(.rtl) .register-bg textarea,
body:not(.rtl) .register-bg select,
body:not(.rtl) .register-bg button,
body:not(.rtl) .register-bg .btn,
body:not(.rtl) .register-bg label,
body:not(.rtl) .register-bg .form-control,
body:not(.rtl) .register-bg .iti input {
    font-family: 'ABeeZee', sans-serif !important;
}

.iti {
    width: 100%;
}

.rtl .iti--separate-dial-code .iti__flag-container {
    right: auto !important;
    left: 0 !important;
}

.form-container-footer {
    width: 52% !important;
}

.main-container-wrapper .content-container .company-content .form-container .step-one .control-group:last-child,
.main-container-wrapper .content-container .company-content .form-container .step-three .control-group:last-child,
.main-container-wrapper .content-container .company-content .form-container .step-two .control-group:last-child {
    text-align: center;
    padding-right: 0;
    padding-left: 0;
}

.company-content .form-container-reg {
    background-color: #ffffff;
    padding: 10px;
    width: 55% !important;
    float: left;
    min-height: 100vh;
    position: relative;
}

.company-content .form-container-footer p,
.company-content .form-container-footer a {
    float: left;
    color: #475467;
    font-weight: 400;
    font-size: 16px;
    margin: 0 0.4em;
}

#form_step_1 .col-12 p {
    margin-bottom: 5px !important;
}

.control-group.col-12:last-child {
    margin-bottom: 5px !important;
}