/*.welcomCIR .favLogo {
    width: 51px;
    height: 52px;
}*/

    .welcomCIR .favLogo img {
        width: 100%;
    }

.welcomCIR h2.logoText {
    color: #fff;
    font-weight: 700;
}

.ESGlogin{height:100vh; overflow:auto;}
.ESGlogin .loginHeader{height:20vh;}
.ESGlogin .loginBody{min-height: 60vh; max-height: fit-content;}
.ESGlogin .loginFooter{height:20vh;}


.ESGlogin .loginLeft, .ESGlogin .loginRight{}

.ESGlogin .loginLeft{background: #fff;
    padding-left: 104px;
    padding-right: 204px;}
.ESGlogin .loginLeft .LogoBox{height: 25vh;}
.ESGlogin .loginLeft .logo{margin-top: 15%;} /*width: 164px; height: 38px;*/
.ESGlogin .loginLeft .loginBody {
    display: inline-flex;
    align-items: center;
    align-content: center;
}

.ESGlogin .loginLeft .loginHeading{color: var(--primary-dark-500);font-family: Inter; font-size: 58px;
font-style: normal;
font-weight: 600;
line-height: 68px; /* 117.241% */
letter-spacing: -1.16px;
margin: 0px;
}
.ESGlogin .loginLeft .loginSubHeading{
	    color: var(--primary-dark-500);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0px;
    margin-top: 15px;
}
.ESGlogin .loginLeft .myPassBox {position:relative;}
.ESGlogin .loginLeft .myPassBox input{padding-right: 50px;}
.ESGlogin .loginLeft .myPassBox a{position: absolute;     top: 11px;
    right: 14px;}
.ESGlogin .loginLeft .myPassBox a img{width:18px; height:18px;}
.ESGlogin .loginLeft .forgotPass{text-align:center; margin-top: 28px; font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 20px; /* 142.857% */}
.ESGlogin .loginLeft .forgotPass a{color: var(--primary-dark-500);}
.ESGlogin .loginLeft .login-button{width: 100%;
    border-radius: 16px;
    background: var(--primary-dark-500);
    box-shadow: 0px 7px 14px -1px rgba(16, 55, 85, 0.17);
    color: var(--base-white, #FFF);
    font-family: Inter;
    font-weight: 400;/*600;*/
    margin-top: 44px;
    display: flex;
    height: 48px;
    padding: 10px 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;}
	
.ESGlogin .loginLeft .login-button:focus, .ESGlogin .loginLeft .login-button.active{background: var(--primary-dark-400); box-shadow: 0px 7px 14px -1px rgba(16, 55, 85, 0.17);}
.ESGlogin .loginLeft .login-button:hover{background: var(--primary-light-300); box-shadow: 0px 0px 14px -1px var(--primary-light-300);}
.ESGlogin .loginLeft .login-button:disabled{background: var(--grey-neutral-100); box-shadow: 0px 0px;}
	
.ESGlogin .loginLeft .loginfoot p{height: 20vh;
    display: flex;
    align-items: flex-end;
    color: var(--primary-dark-500);
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    padding-bottom: 36px;
	margin:0px;
}
.ESGlogin .loginLeft .loginfoot p strong{margin: 0px 2px;}

.ESGlogin .loginLeft .CRpass{color: var(--grey-neutral-600); font-family: Inter; font-size: 12px; font-style: normal;font-weight: 500; line-height: 18px; margin:0px; margin-top:9px; padding-left: 15px;}

.ESGlogin .loginLeft .CRpass.active {color: var(--states-success-500);}
/* .ESGlogin .loginLeft .CRpass.active li::marker {content: '✔'; font-variant: all-petite-caps;} */
.ESGlogin .loginLeft .CRpass.active {list-style-image: url("../../assets/images/icons/checkSuccess.svg");}


.ESGlogin .loginRight{background:#F2F4F7;}
.ESGlogin .loginRight .topIMG {text-align: right; height: 20vh;}
.ESGlogin .loginRight .topIMG img{height: 20vh;}
.ESGlogin .loginRight .midIMG {text-align:right; padding-right:0px; padding-left: 10%;	height: 60vh;}
.ESGlogin .loginRight .midIMG img{
	width:100%;
	height: -webkit-fill-available;
    border-radius: 25px 0px 0px 25px;
    border: 5px #000 solid;
    border-right: 0px;
	}
.ESGlogin .loginRight .bottomIMG {height:19vh;}
.ESGlogin .loginRight .bottomIMG img{height: 19vh;}
.ESGlogin .loginRight .bottomLink{
	text-align: right;
    font-family: Inter;
    font-size: 12px;
    line-height: 18px;
    padding-right: 40px;
    padding-bottom: 36px;
    height: 20vh;
    display: inline-flex;
    align-items: flex-end;
    justify-content: flex-end;
	font-weight: 700;
}
.ESGlogin .loginRight .bottomLink a{color: var(--primary-dark-500);}




/*==================== Welcome ======================*/
.ESGWelcome {background: var(--primary-light-500);height: 100vh; overflow:auto;}
.ESGWelcome .welcomeHeader{height: 25vh;}
.ESGWelcome .welcomelogo{margin-left: 73px; margin-top: 5vh; width: 164px;
height: 40px;}
.ESGWelcome .welcomerightdot{width: 242.103px;
    height: 160.156px; margin-top: 25px; margin-right: 25px;}
.ESGWelcome .WelcomeBody{padding-left: 138px; min-height: 65vh;}
    .ESGWelcome .WelcomeBody .welcomCIR {
        height: 57px;
        display: flex;
        gap: 15px;
        align-items: center;
        margin-bottom: 40px;
    }
        .ESGWelcome .WelcomeBody .welcomCIR .logo1 {
            /*width: 147.313px;*/
            height: 52.25px;
            margin-right: 15.842px;
        }
.ESGWelcome .WelcomeBody .welcomCIR .logo2{width: 147.313px; height: 24.239px;}




.ESGWelcome .WelcomeBody h6{color: var(--base-white); font-family: Inter; font-family: Inter;
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: normal; margin-top: 40px;}
.ESGWelcome .WelcomeBody p{color: var(--base-white);font-family: Inter;
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: normal; margin:0px; 
/*margin-top:37px !important;*/

}



.ESGWelcome .WelcomeBody .welcomeBTN{
	display: flex;
	padding: 10px 16px;
	justify-content: center;
	align-items: center;
	gap: 8px;
	border-radius: 16px;
	background: var(--primary-dark-500);
	color: var(--base-white);
	font-family: Inter;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 28px;
	margin-top:60px;
}

.ESGWelcome .WelcomeBody .welcomeBTN:focus, .ESGWelcome .WelcomeBody .welcomeBTN.active{border: 1px solid var(--primary-dark-400); background: var(--primary-dark-400); box-shadow: 0px 7px 14px -1px rgba(16, 55, 85, 0.17);color: var(--base-white);}
.ESGWelcome .WelcomeBody .welcomeBTN:hover{background: var(--primary-light-300); border-color: var(--primary-light-300); box-shadow: 0px 0px 5px -1px var(--primary-light-300); color: var(--base-white);}
.ESGWelcome .WelcomeBody .welcomeBTN:disabled{background: var(--grey-neutral-100) !important; border: 1px solid var(--grey-neutral-100); }


.ESGWelcome .welcomeskip{text-align: right; font-family: Inter;
font-size: 18px;
line-height: normal; padding-right: 73px;}
.ESGWelcome .welcomeskip a{color: var(--base-white);}


.gif_cls {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.62);
    z-index: 9999;
}

    .gif_cls svg {
        position: absolute;
        margin: 22% auto;
        display: block;
        z-index: 9999;
        left: 0;
        right: 0;
    }