@font-face {
  font-family: Poppins;
  src: url("../fonts/Poppins/Poppins-Regular.ttf");
}
@font-face {
  font-family: PoppinsLight;
  src: url("../fonts/Poppins/Poppins-Light.ttf");
}
@font-face {
  font-family: PoppinsSemiBold;
  src: url("../fonts/Poppins/Poppins-SemiBold.ttf");
}
@font-face {
  font-family: PoppinsMedium;
  src: url("../fonts/Poppins/Poppins-Medium.ttf");
}

html,
body {
    min-height: 100vh;
    font-family: "Inter", sans-serif;
    color: #001127;
}

.navbar {
  padding: 0;
}

.login-container 
{
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    max-width: 1440px;
    margin: 0 auto;
    
    .login-wrapper
    {
        width: 100%;
        max-width: 1440px;
        display: grid !important;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr;

        .r-side 
        {
            display: flex;
            align-items: center;
            justify-content: center;

            .r-side-wrapper 
            {
                text-align: center;
                padding: 2rem;
            }
        }
    }
}

.login-container .login-wrapper .r-side .r-side-wrapper form {
    width: 22.5rem;
}

/*.login-container .login-wrapper {
    width: 100%;
    max-width: 1440px;
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
}
*/
/*
  .login-container .login-wrapper .r-side {
    display: flex;
    align-items: center;
    justify-content: center;
}
*/
/*.login-container .login-wrapper .r-side .r-side-wrapper {
    text-align: center;
    padding: 2rem;
}*/

.login-title {
    color: #101828;
    /* Display sm/Semibold */
    font-family: "Inter", sans-serif;
    font-size: 1.875rem;
    font-style: normal;
    font-weight: 600;
    line-height: 2.375rem; /* 126.667% */
}

.l-side {
    padding: 2rem;
    max-height: 100vh;
}

.l-side img.bg-img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 1.5rem;
    max-height: calc(100vh - 4rem);
}


.r-side .logo {
    width: 17.25rem;
    margin-bottom: 3rem;
}

.login-form {
    text-align: left;
}

.login-form div.form-group > label {
    font-size: 0.875rem;
    color: #344054 !important;
    font-weight: 500;
}

.login-btn {
    margin: 3rem 0;
}

.login-form .forgot-link {
    margin-top: 1.5rem;
    font-size: 0.875rem;
    text-align: center;
}

.r-side h1 {
    font-size: 1.875rem;
    /*  font-family: "PoppinsSemiBold";*/
    font-family: "Inter", sans-serif;
    font-weight: 600;
}

.r-side .login-card-description {
    margin-bottom: 3rem;
    font-family: "Inter", sans-serif;
    font-weight: 500;
}

    .r-side .login-card-description b {
        font-family: "Inter", sans-serif;
        font-weight: 600;
    }

.r-side input {
  font-size: 16px;
  background-color: #f8fafc;
  border: 0;
}

.r-side button {
    color: #ffffff;
    font-size: 18px;
    /*  font-family: "PoppinsMedium";*/
    font-family: "Inter", sans-serif;
}

.r-side a {
    font-size: 14px;
    width: fit-content;
    margin: auto;
    color: #005fed !important;
    /*    font-family: "PoppinsMedium";*/
    font-family: "Inter", sans-serif;
    font-weight: 500;
}

@media (max-width: 767.98px) {
  .l-side {
    display: none;
  }

  .r-side {
    padding: 40px 20px;
    font-size: 16px;
  }

  .r-side h1 {
    font-size: 26px;
  }
}