/* 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: linear-gradient(to right, #5d2c91, #a886cd );
height: 46px !important;
  display: none !important;

}
.navbar-light .navbar-nav .nav-link {
    color:#eee !important;
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link.active {
    color: #fff;
}
.navbar-light .navbar-brand, .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
    color: rgb(255 255 255 / 90%);
    font-weight: 500;
    
}

.navbar-brand img {
   
    
    max-height: 35px !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: 150px !important;
    max-height: 50px !important;

}

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

}

/*Body*/
body{
    
 font-family: Cairo;
    background: #f4f5f6;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    overflow: hidden;
   

}


/*Footer*/
.web-footer {
    padding: 1rem 0 !important;
    bottom:0 !important;
    width:100%;
    border-top: 0px !important;
    background: linear-gradient(to right, #5d2c91, #a886cd);
    height: 195px !important;
    min-height: 0px !important;
 display: none !important;
}
.footer-info {
    border-top: none;
    color: #cecece;
}
.text-muted {
    color: #d6d6d6!important;
}

/*Page Card*/
.page-card {
    
    padding: 25px !important;
    background-color: #ffffff !important;
    box-shadow: 0px 3px 11px 0px #E8EAFC, 0 3px 3px -2px #B2B2B21A, 0 1px 8px 0 #9A9A9A1A !important;
    border: 1px solid #ad96d88f !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;

}

.btn.btn-primary {
background-color: #5d2c91 !important;

}
.btn-primary:hover, .btn-primary:active, btn-primary:focus {
    background-color: #6a1552;
    border-color:#6a1552;
}
.btn-login:active, .btn-login:focus {
    background-color: #6a1552;
    border-color:#6a1552;
}

/*Form*/
.form-control{
    border: 1px solid #dcdcdc !important;
    border-radius: 2px !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: #5d2c91 !important;

}


.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 {
     
    color: darkgray !important;
    font-family: 'Cairo',sans-serif;
    src: local('Cairo'), url(https://fonts.googleapis.com/css2?family=Cairo:wght@700&display=swap);
    font-size: 1.25rem !important;
    margin-bottom: 15px !important;
    margin-top: -15px !important;

}

@media (min-width: 1200px)
h3 {
    font-size: 1.25rem !important;
   margin-top: -15px !important;
}

@media (min-width: 576px)
h3 {
    font-size: 1.25rem !important;
    margin-top: -15px !important;
}


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


p {
    color: black !important;
}

.navbar-light .navbar-toggler {
       display: none !important;
}

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



.navbar-light .navbar-brand, .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand {
 display: none !important;
}


.navbar-light .navbar-nav .nav-link {
display: none !important;

}


.for-login .page-card .page-card-body .email-field .toggle-password, .for-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-with-email-link .page-card .page-card-body .email-field .toggle-password, .for-login-with-email-link .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, .for-email-login .page-card .page-card-body .email-field .toggle-password, .for-email-login .page-card .page-card-body .password-field .toggle-password {
     right: 35px !important;
    left: 235px !important;
    
}