.btn.btn-primary/* arabic */
@font-face {
    font-family: 'Cairo';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/cairo/v10/SLXLc1nY6Hkvalqaa46O59ZMaA.woff2) format('woff2');
    unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE80-FEFC;
}

/* latin-ext */
@font-face {
    font-family: 'Cairo';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/cairo/v10/SLXLc1nY6Hkvalqaa46F59ZMaA.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Cairo';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/cairo/v10/SLXLc1nY6Hkvalqaa46L59Y.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Navigation Bar */
.navbar {
    padding: 0.1rem 1rem;
}

.navbar-light {

    background-color: #ffffff !important;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 50%) !important;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s !important;
    height: 55px !important;
    

}


.navbar-brand img {

    width: 170px !important;
    max-height: 40px !important;
}


.for-email-login .page-card-head img,
.for-forgot .page-card-head img,
.for-login .page-card-head img,
.for-signup .page-card-head img {

    max-width: 200px !important;
    max-height: 60px !important;

}

.footer-logo {
    min-width: 5rem !important;
    height: 35px !important;

}

/*Body*/
body {

    font-family: Cairo;
        
}


/*Footer*/
.web-footer {
    padding: 1rem 0 !important;
    bottom: 0 !important;
    width: 100%;
    border-top: 0px !important;
    background: #ededed !important;
    height: 195px !important;
    min-height: 0px !important;
    display: none !important;
}

.footer-info {
    border-top: none;
    color: #cecece;
}

.text-muted {
    color: #0464a4 !important;
}

/*Page Card*/
.page-card {

    padding: 25px !important;
    background-color: #ffffff !important;
    border: 1px solid #0464a4 !important;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 50%) !important;
}


}

.page-card .page-card-head {
    border-bottom: none !important;
}

.card {
    background-color: white;
    box-shadow: 0px 3px 12px 0px #e8eafcad, 0 3px 3px -2px #461a7714;
}

/*Buttons*/
.btn-primary {
    background-color: #8d2a71;
    border-color: #8d2a71;

}




/*Form*/
.form-control {
    border: 1px solid #f6d35c !important;
}

.form-footer,
.form-footer a,
.form-footer h6 {
    font-size: 14px;
    font-weight: 500;
}

.indicator-right.blue:after,
.indicator.blue:before {
    background: #8d2a71;
}

.for-email-login .page-card-head h4,
.for-forgot .page-card-head h4,
.for-login .page-card-head h4,
.for-signup .page-card-head h4 {

    color: #0064a5 !important;
    margin-top: 35px;
    margin-bottom: -15px;
}

.for-email-login .sign-up-message,
.for-forgot .sign-up-message,
.for-login .sign-up-message,
.for-signup .sign-up-message {
    display: none !important;
}

.for-email-login .page-card .page-card-body .forgot-password-message,
.for-forgot .page-card .page-card-body .forgot-password-message,
.for-login .page-card .page-card-body .forgot-password-message,
.for-signup .page-card .page-card-body .forgot-password-message {
    display: none !important;

}




.h3,
h3 {
    margin-bottom: .5rem;
    color: #0464a4 !important;

    font-size: 16px !important;

    font-family: 'Cairo', sans-serif;
    src: local('Cairo'), url(https://fonts.googleapis.com/css2?family=Cairo:wght@700&display=swap);

}

.for-email-login,
.for-forgot,
.for-login,
.for-signup {
    margin: 5px 0 !important;
}


p {
    color: lightgray !important;
}


.for-email-login,
.for-forgot,
.for-login,
.for-signup {
    padding: Max(8vh, 45px) 0 !important;
}

.for-email-login .page-card .page-card-body .email-field .toggle-password,
.for-email-login .page-card .page-card-body .password-field .toggle-password,
.for-forgot .page-card .page-card-body .email-field .toggle-password,
.for-forgot .page-card .page-card-body .password-field .toggle-password,
.for-login .page-card .page-card-body .email-field .toggle-password,
.for-login .page-card .page-card-body .password-field .toggle-password,
.for-signup .page-card .page-card-body .email-field .toggle-password,
.for-signup .page-card .page-card-body .password-field .toggle-password {
    right: 35px !important;
}

.footer-col-left,
.footer-col-right {
    margin-top: -30px !important;
    display: none !important;

}