@font-face {
    font-family: "Montserrat-Arabic";
    src: url("../lib/fonts/arabic/Montserrat-Arabic-Regular/Montserrat-Arabic-Regular.ttf") format("truetype");
}

@font-face {
    font-family: "Montserrat-Arabic-medium";
    src: url("../lib/fonts/arabic/Montserrat-Arabic Medium 500.otf") format("opentype");
}

@font-face {
    font-family: "Montserrat-Arabic-bold";
    src: url("../lib/fonts/arabic/Montserrat-Arabic Bold 700.otf") format("opentype");
}

@font-face {
    font-family: "Montserrat-Arabic-light";
    src: url("../lib/fonts/arabic/Montserrat-Arabic Bold 700.otf") format("opentype");
}

@font-face {
    font-family: "Montserrat-Arabic-extra-bold";
    src: url("../lib/fonts/arabic/Montserrat-Arabic Light 300.otf") format("opentype");
}

@font-face {
    font-family: "Montserrat-Arabic-semi-bold";
    src: url("../lib/fonts/arabic/Montserrat-Arabic SemiBold 600.otf") format("opentype");
}

@font-face {
    font-family: "Montserrat-Arabic-light";
    src: url("../lib/fonts/arabic/Montserrat-Arabic Light 300.otf") format("truetype");
}

.fs-medium {
    font-family: "Montserrat-Arabic-medium" !important;
    font-weight: 500 !important;
}

.fs-bold {
    font-family: "Montserrat-Arabic-bold" !important;
    font-weight: 700 !important;
}

.fs-extra-bold {
    font-family: "Montserrat-Arabic-extra-bold" !important;
    font-weight: 900 !important;
}

.fs-semi-bold {
    font-family: "Montserrat-Arabic-semi-bold" !important;
    font-weight: 600 !important;
}

.fs-normal {
    font-family: "Montserrat-Arabic" !important;
}

.fs-light {
    font-family: "Montserrat-Arabic-light" !important;
    font-weight: 200 !important;
}

* {
    font: normal normal 15px/19px Montserrat-Arabic !important;
}

.welcome-page li {
    list-style: none;
    padding: 4px;
}

.logged-out-page iframe {
    display: none;
    width: 0;
    height: 0;
}

.grants-page .card {
    margin-top: 20px;
    border-bottom: 1px solid lightgray;
}

.grants-page .card .card-title {
    font-size: 120%;
    font-weight: bold;
}

.grants-page .card .card-title img {
    width: 100px;
    height: 100px;
}

.grants-page .card label {
    font-weight: bold;
}

.lang-switch {
    background: #F8F9FA 0% 0% no-repeat padding-box;
    box-shadow: inset 0px 3px 6px #00000029;
    border-radius: 20px;
    opacity: 1;
    width: 90px;
    height: 39px;
}

.nob {
    width: 30px;
    height: 31px;
    background: #4C86F9;
    border-radius: 15px;
    opacity: 1;
}

.form-item {
    width: 330px;
    height: 50px;
}

.input-group {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.input-group:focus-within {
    box-shadow: 4px 4px 6px #00000029;
    border: 1px solid #4C86F9;
    background: #FFFFFF 0% 0% no-repeat padding-box;
}



.form-input {
    background: #F5F5F5 0% 0% no-repeat padding-box;
    box-shadow: inset 4px 4px 6px #00000029;
    border-radius: 34px;
    opacity: 1;
}

.action-button {
    box-shadow: 4px 4px 6px #00000029;
    border-radius: 34px;
    opacity: 1;
}

.disabled-color {
    background: #A5A5A5 0% 0% no-repeat padding-box;
}

.input-icon {
    width: 15px;
    height: 21px;
}

.hidden-form-control {
    border: none !important;
    /* if you want to remove borders at all*/
    outline: none !important;
    box-shadow: none !important;
    background-color: transparent !important;
    max-width: 260px;
}


.ole5-footer {
    position: absolute;
    bottom: 0;
    z-index: -999;
    width: 100%;
    height: 463px;
    background: transparent url('/lib/images/login-footer-1920.svg') 0% 0%;
    opacity: 1;
    border: 0;
}

.logo-img {
    max-height: 58px;
}

.otp-cell {
    display: inline-block;
    background: #F5F5F5 0% 0% no-repeat padding-box;
    box-shadow: inset 4px 4px 6px #00000029;
    border-radius: 25px;
    opacity: 1;
    margin-right: 0.5rem;
    text-align: center;
    width: 70px;
    height: 70px;
}

.otp-cell-filled {
    display: inline-block;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 6px #00000029;
    border: 1px solid #3F80FF;
    border-radius: 25px;
    opacity: 1;
    margin-right: 0.5rem;
    text-align: center;
    width: 70px;
    height: 70px;
}

.otp-button {
    width: 330px;
    height: 67px;
}


.action-button-wide {
    width: 330px;
    height: 50px;
    background: #4C86F9 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 6px #00000029;
    border-radius: 34px;
    opacity: 1;
}

.mail-image {
    width: 133px;
    height: 115px;
    background: transparent url('img/Group 1691.png') 0% 0% no-repeat padding-box;
    opacity: 1;
}

.error-image {
    width: 68px;
    height: 68px;
    /* UI Properties */
    background: transparent url('img/plus-circle.png') 0% 0% no-repeat padding-box;
    opacity: 1;
}



.header {
    display: flex;
    align-items: center;
    margin-inline: 3rem;
    margin-top: 3rem;
}

@media(max-width: 575px) {
    .header {
        margin-inline: 0.5rem;
    }

    .ole5-footer {
        height: 375px;
        background: transparent url('/lib/images/login-footer-1920.svg') 15% 0%;
    }
}