@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

    :root {

        --primary-clr: #0B2B4C;
        --heading-primary-color: #000000;
        --heading-second-clr: #0B2B4C;
        --text-color: #000000;
        --heading-secondary: #212529;
        --heading-text: #0B2B4C;
        --paragraph: #6E7990;
        --placeholder-clr: #383838;
        --checkbox-clr: #6C737F;
        --text-hover: #fff;
        --input-border-clr: #E0E0E9;
        --text-other-clr: #212529;
        --secondry-text-clr: #fff;
    }

    * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        font-family: "Poppins", sans-serif;
    }

    a {
        text-decoration: none;
    }

    .login-page {
        width: 100%;
        height: calc(100vh - 70px);
        display: inline-block;
        display: flex;
        align-items: center;
        /* background-image: url(../img/login_bg.png); */
        background-image: url(../img/loginbg.png);
        background-size: cover;
        background-repeat: no-repeat;
    }

    .login-page .loginHeading {
        color: var(--primary-clr);
        font-size: 34px;
        font-weight: 500;
    }

    .form-right i {
        font-size: 100px;
    }

    .login-title {
        font-size: 50px;
        font-weight: 800;
        color: var(--heading-primary-color);
    }

    .text-title-color {
        color: var(--heading-second-clr);
    }

    span.login-title-secondary {
        font-weight: 600;
        font-size: 60px;
        color: var(--heading-primary-color);
    }

    p.paratext {
        /* color: var(--text-color); */
        padding: 10px 0;
        color: #5B5B5B;
        font-size: 18px;
        font-weight: 400;
    }

    .border-radius {
        border-radius: 15px;
        box-shadow: 0 0 20px 5px rgba(5, 23, 34, 0.15);
        height: 100%;
    }

    /* .login-custom-css {
        max-width: 480px;
    } */

    .custom-css-btn {
        background: var(--primary-clr);
        width: 100%;
        border: 0;
        border-radius: 30px;
        text-align: center;
        font-family: Poppins;
        font-size: 18px;
        font-style: normal;
        line-height: 140%;
        padding: 15px;
        color: var(--secondry-text-clr);
    }

    .custom-css-btn :hover {
        background: var(--primary-clr);
        border: 0;
        outline: 0;
    }

    .btn:hover {
        color: var(--text-hover);
    }

    .form-left h1 {
        font-size: 32px;
        color: var(--heading-secondary);
        padding: 11px 0;
        line-height: 1.4;
    }

    .form-left h4 {
        font-size: 28px;
        color: var(--heading-second-clr);
        line-height: 1.7;
    }

    p.text-paragraph {
        color: var(--paragraph);
        font-size: 18px;
        font-weight: 400;
    }

    .login-page .loginCheckbox {
        border-radius: 2px;
    }

    input::placeholder {
        font-size: 14px;
        color: var(--placeholder-clr);
    }

    .signup-form input::placeholder {
        font-weight: 500;
    }

    .form-left input.form-control {
        padding: 16px;
        border-radius: 8px;
        border: 1px solid var(--input-border-clr);
        color: var(--placeholder-clr) !important;

    }

    .signup-form label.form-label {
        font-size: 16px;
        font-weight: 500;
    }

    .buttom-text {
        color: var(--text-other-clr);
        font-size: 16px;
    }

    .form-left {
        padding: 30px;
    }

    label.form-check-label {
        color: var(--checkbox-clr);
    }

    .forgot-text {
        color: var(--checkbox-clr);
    }

    a.signup {
        color: var(--primary-clr);
    }

    .input-box {
        position: relative;
    }

    .eye-open {
        position: absolute;
        top: 50%;
        right: 18px;
        transform: translateY(-50%);
        font-size: 18px;
    }

    .forgot-box {
        display: flex;
        align-items: center;
        justify-content: end;
    }

    .container.custom-container {
       max-width: 85%;
    }

    .signup-form .form-select {
        font-weight: 500;
        padding: 18px 14px;
        font-size: 14px;
        border-radius: 8px;
        border: 1px solid var(--input-border-clr);
        color: var(--placeholder-clr);
    }

    img.img-custom-css {
        width: 100%;
    }

    .form-control:focus {
        outline: 0;
        box-shadow: none;
    }

    .form-select:focus {
        outline: 0;
        box-shadow: none;
    }

    a.privacy-text {
        color: var(--primary-clr);
        color: rgba(255, 255, 255, 0.50);
        font-size: 15.375px;
        font-weight: 400;
        line-height: 30px;
    }

    footer.footer{
        padding: 20px 0;
    }
    /* new login */