.outerHe,
.outerEn {
	display       : flex;
	flex-direction: row;
	align-content : center;

	max-width       : 100%;
	background-color: var(--white);
	min-height      : 95vh;
}

.grid {
	display: grid;
}

.flex {
	display: flex;
}

#api {
	display: none;
}

.hide {
	display: none;
}

.footer {
	/* margin-right: clamp(21px, 182px, 182px);
	position    : relative;
	top         : 144px; */

	display            : flex;
	flex               : 1;
	align-items        : flex-end;
	margin-inline-start: 182px;
}

.footer .disclaimer {
	padding-top: 10px;
}

.outerEn .footer {
	margin-inline-start: 0;
}

/* ---------------------------- hebrew right side --------------------------- */
.outerHe #rightSideHe {
	text-align: right;
	display   : flex;
	flex      : 1;
}

.outerEn #leftSideEn {
	display: flex;
	flex   : 1;
}


.content {
	display       : flex;
	flex-direction: column;
	flex          : 1;
}

#rightSideHe #logoTop {
	padding-top   : 3.0625rem;
	margin-right  : 182px;
	padding-bottom: 13.25%;
}

.homeForm,
.otpForm {
	margin-right: 182px;
}

.formTitle,
.otpForm .formTitle {
	/* padding-bottom: h; */
	margin-top: -1.125rem;
}

/* ---------------------------- hebrew left side --------------------------- */
.outerHe #leftSideHe {
	flex   : 1;
	display: flex;
}

.outerHe #leftSideHe .content {
	flex-direction : column;
	justify-content: space-between;
}

/* --------------------------------- english left side -------------------------------- */

.outerEn #leftSideEn {
	text-align      : left;
	background-color: var(--white);
	flex            : 1;
}

.outerEn #leftSideEn #slogan {
	font-size : 1rem;
	margin-top: -2rem;
}

#leftSideEn .content {
	margin-left   : 9.46875rem;
	display       : flex;
	flex-direction: column;
	align-items   : start;
}

#leftSideEn #logoTop {
	padding: 3.0625rem 0 5.9375rem 10px;

}

/* --------------------------------- english right side -------------------------------- */

.outerEn #rightSideEn {
	/* flex: 1; */
}

#rightSideEn .content {
	display       : flex;
	flex-direction: column;
	align-items   : center;
	justify-items : center;
}

#rightSideEn #logoBottom {
	padding-top: 1.3125rem;
	align-self : flex-end;
}

/* -------------------------------------------------------------------------- */
/*                                tablet design                               */
/* -------------------------------------------------------------------------- */
@media screen and (min-device-width: 541px) and (max-device-width: 1179px) {

	/* ------------------------------- hebrew right side ------------------------------- */
	.outerHe,
	.outerEn {
		flex-direction: column;
	}

	#rightSideHe {
		padding-bottom: 2.625rem;
	}

	#rightSideHe #logoTop {
		padding-top   : 3.0625rem;
		padding-bottom: 4rem;
		width         : 81%;
		margin        : 0 auto;
	}

	#rightSideHe #logoTop img {
		/* height: 1.75rem;
		width : 10.5625rem; */
	}

	#slogan {
		display: none;
	}

	.outerHe #rightSideHe .content {
		display       : flex;
		flex-direction: column;
		align-items   : center;
	}

	/* --------------------------------hebrew left side ------------------------------- */
	.outerHe #leftSideHe .content {
		padding: 0 7.625rem;
	}

	/* --------------------------------english left side ------------------------------- */
	#leftSideEn .content {
		margin-bottom: 2.625rem;
	}

	#leftSideEn #logoTop {
		padding-bottom: 1.375rem;
	}

	#leftSideEn #logoTop img {
		/* width: 11.25rem; */
	}

	#rightSideEn .content {
		padding: 0 7.625rem;
	}

	#logoBottom {
		width       : 100%;
		order       : 2;
		margin-top  : -1.375rem;
		margin-left : -5.0625rem;
		padding-left: 0;
		padding-top : 0;
	}

	.footer {
		margin-inline-start: 0;
	}
}



/* -------------------------------------------------------------------------- */
/*                                mobile design                               */
/* -------------------------------------------------------------------------- */
@media screen and (max-device-width: 540px) and (orientation: portrait) {

	.outerHe,
	.outerEn {
		flex-direction: column;
		align-items   : center;
		justify-items : center;
	}

	/* ------------------------------- hebrew right side ------------------------------- */
	#rightSideHe {
		padding-bottom: 2.375rem;
	}

	#rightSideHe #logoTop {
		padding-top   : 3.0625rem;
		margin-right  : 20px;
		padding-bottom: 4rem;
	}

	#rightSideHe #logoTop img {
		/* height: 1.75rem;
		width : 10.5625rem; */
	}

	/* .outerHe #rightSideHe .content {
		padding-right: 18px;
	} */

	.homeForm {
		margin-right: 0;
		width       : 19.8125rem;
	}

	/* ------------------------------- hebrew left side ------------------------------- */
	.outerHe #leftSideHe .content {
		flex-direction: row;
		flex-wrap     : wrap;
	}

	#logoBottom {
		width         : 100%;
		padding-bottom: 2rem;
		padding-left  : 0 !important;
	}

	/* #logoBottom img {
		width: 51.5%;
	} */

	.footer {
		margin-right: 0;
		top         : 22px;
	}

	.footer .disclaimer {
		width: 80%;
	}

	/* --------------------------------english left side ------------------------------- */
	#leftSideEn .content {
		margin       : 0;
		margin-bottom: 2.625rem;
	}

	#leftSideEn #logoTop {
		padding: 3.0625rem 0 4.7rem 10px;
	}

	#leftSideEn #logoTop img {
		/* width: 11.25rem; */
	}

	#rightSideEn .content {
		padding       : 10% 7.5% 3% 8%;
		flex-direction: row;
		flex-wrap     : wrap;
		align-items   : flex-start;
		justify-items : flex-start;
	}

	.footer .disclaimer {
		padding-inline-start: 18px;
	}
}