@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500&display=swap');

    body{
        background-image: url(https://staging-rhk-hc.inventiproptech.com/assets/img/login/login-bg.png) !important;
        background-size: cover !important;
        background-position: center center !important;
    }



    .secondary-color{
        color: var(--primary-500) !important;
    }

    .btn-primary {
		background-color: var(--primary-500) !important;
		border-color: var(--primary-500) !important;
		color: #fff;
	}


    .container-fluid{
        /* background-color: rgba(0, 0, 0, 0.4) !important; */
    }

    .left-content {
        height: 100vh;
        display: flex;
        flex-direction: column;
        justify-content: center;
        /* align-items: center; */
        padding-left: 48px;
    }

    .left-content .description{ 
        color: #FFFDF8;
        font-family: Montserrat;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        /* line-height: 80px; */
        /* position: absolute;
        left: 80px;
        top: 247px;
        width: 750px; */
    }

    .left-content .title{ 
        font-size: 96px;
        font-style: normal;
        font-weight: 700;
        line-height: 80px; /* 83.333% */
        /* position: absolute;
        left: 72px;
        top: 310px;
        width: 750px; */
    }

    .right-content {
        height: 100vh;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        /* padding-top: 36px;
        padding-bottom: 25px;
        padding-right: 61px; */
        padding-top: 48px;
        padding-bottom: 48px;
        padding-right: 0;
        padding-left: 48px;
        width: 100%;
        max-width: 700px;
    }
    
    .right-content .sub-login-form{
        /* background: #6A7682; */
        width: 100%;
        border-radius: 30px;
        padding-top: 24px;
        padding-bottom: 24px;
        padding-right: 24px;
        padding-left: 24px;
    }

    .right-content .sub-login-form input{
        background: #f5f2eb;
    }

    .right-content .sub-login-form .header-container{
        margin-bottom: 5px;
    }

    .right-content .sub-login-form .header-container .account-logo{
        width: 240px;
    }

    .right-content .sub-login-form .title-container{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        gap: 4px;
        align-self: stretch;
    }

    .right-content .sub-login-form .title-container .title-text span{
        text-align: center;
        font-size: 22px;
        font-style: normal;
        font-weight: 500;
        line-height: 18px; /* 60% */
        letter-spacing: 0.03px;
    }

    .right-content .sub-login-form .title-container .login-pls-signin-text span{
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 18px; /* 125% */
        letter-spacing: 0.024px;
    }

    .form-group {
        margin-bottom: 20px;
    }

    .btn-login{
        display: flex;
        padding: 7px;
        justify-content: center;
        align-items: flex-end;
        gap: 8px;
        align-self: stretch;
        width: 100%;
    }

    .btn-forgot-password{
        display: flex;
        padding: 0px 0px;
        align-items: center;
        gap: 8px;
        text-decoration: none !important;
    }



    .right-content .sub-login-form .footer-container{
        text-align: center;
        margin-top: 50px;
        gap: 12px;
    }
    
    .right-content .sub-login-form .footer-container .powered-by-logo{
        width: 113px;
        height: 43.561px;
    }

    /* Media query for screens with a maximum width of 768px (mobile devices) */
    /* @media only screen and (max-width: 768px) {
        .main-container{
            margin-left: 0px !important;
        }

        .main-container .main-content .content-header{
            padding-left: 20px !important;
        }
    } */

    @media only screen and (max-width: 768px) {
        /* body{
            background-image: url(https://staging-rhk-hc.inventiproptech.com/assets/img/login/login-image-mobilev2.png) !important;
        } */

        .left-content {
            display: none;
        }

        .right-content {
            /* margin-top: 50px; */
            padding-top: unset;
            padding-bottom: unset;
            padding-right: unset;
            padding-left: unset;
        }

        .right-content .sub-login-form{
       
        }

        .right-content .sub-login-form .title-container .title-text span{
            line-height: 30px;
        }
    }