.loginContentWrapper{
	position: absolute;
	width: 100%;
	height: 100%;
	display: grid;
	padding: 40px;
	grid-template-columns: 45% auto;
	.loginWrapper{
		width:100%;
		height: 100%;
		display:flex;
		flex-direction: column;
		justify-content: flex-start;
		align-content: flex-start;
		align-items: flex-start;
		padding-left: 80px;
		.Login {
			flex-grow: 1;
			display:flex;
			flex-direction: column;
			justify-content: center;
			align-items: flex-start;
			width: 100%;
			max-width: 390px;
			height: 100%;
			max-height: 844px;
			font-family: var(--primary-font-family);
			font-size: var(--primary-font-size);
			color: var(--primary-text-color);
			gap: 24px;
			img.Logo{
				width: 80%;
			}
			h1{
				font-size: 20px;
				font-weight: bold;
				line-height: 1.2;
				color: var(--primary-text-color);
			}
			button, span{
				width:320px;
			}
		}
		.Info {
			display: flex;
			width: 100%;
			justify-content: space-between;
			max-width: 390px;		
			font-family: var(--primary-font-family);
			a{
				color: var(--primary-text-color);
				font-weight: normal;
			}
		}
	}
	.infoBlock{
		width:100%;
		height: 100%;
		border-radius: 8px;
		box-shadow: 0 8px 12px 6px rgba(0, 0, 0, 0.04);
		background-image: linear-gradient(to bottom, #413fdd, #02014d);		
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: flex-end;	
		font-family: var(--primary-font-family);
		text-align: right;
		font-weight: bold;
		gap: 36px;
		line-height: 1.19;
		h2{
			width: 360px;
			margin: 0 58px 0 0;
			font-size: 32px;
			color: #FFF;
		}
		span{
			width: 306px;
			margin: 0 58px 0 0;			
			display: inline-block;
			font-size: 20px;
			color: var(--primary-text-color);
		}
		div {
			position: relative;
			width:367px;
			height:305px;
			img{
				position: absolute;
				right:-21px;
				top:0;
				width:367px;
			}
			img:nth-child(2){
				top: 26px;
				right:-39px;
			}
		}
	}
	.loginWrapper{}
}
.TFA{
	width: 170px;
	position: relative;
	left: 50%;
	transform: translate(-50%,0);	
}
/*** Responsive ***/
@media only screen and (max-width: 950px) {
	.loginContentWrapper{
		padding: 10px;
		.infoBlock{
			h2, span{
				margin: 0 38px 0 0;
				width: 70%;
			}
			h2{font-size: 24px;}
			span{font-size: 16px;}
			div{
				height: 215px;
				img{
					width:250px;
				}
				img:nth-child(1){
					right: -15px;
				}
				img:nth-child(2){
					right: -27px;
				}
			}
		}
		.loginWrapper{
			padding-left: 30px;
		}		
	}
}
@media only screen and (max-width: 700px) {
	.loginContentWrapper{
		display:flex;
		justify-content:center;
		padding: 20px;
		.infoBlock {display: none;}
		.loginWrapper {
			padding:0;
			max-width: 390px;
			.Login{
				button, span{
					width:100%;
				}				
			}
		}
	}
}