.form-member-container {
	position: relative;
	max-width: 1300px;
	height: 495px;
	background: #fff;
	margin: 20px auto;
	/* border-radius: 20px; */
	box-shadow: 0 0 30px rgba(0, 0, 0, .2);
	overflow: hidden;
}

.form-member-container form {
	width: 100%;
}

.form-box {
	position: absolute;
	right: 0;
	width: 40%;
	height: 100%;
	background: #fff;
	display: flex;
	align-items: center;
	text-align: center;
	padding: 20px;
	z-index: 1;
	transition: .6s ease-in-out 1.2s, visibility 0s 1s;
}

.form-member-container.active .form-box {
	right: 50%;
}

.input-box {
	position: relative;
	margin: 25px 0;
	text-align: left;
}

.input-box input {
	margin-top: 5px;
}

.input-box input {
	width: 100%;
	padding: 13px 50px 13px 20px;
	border: 1px solid #122E87;
	background: #fff;
	/* border-radius: 8px; */
	outline: none;
	font-size: 16px;
	font-weight: 500;
}

.input-box input::placeholder {
	font-weight: 400;
}

.input-box i {
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 20px;
}

.login-btn {
	width: 100%;
	height: 48px;
	background: #122E87;
	border-radius: 8px;
	box-shadow: 0 0 10px rgba(0, 0, 0, .1);
	border: none;
	cursor: pointer;
	font-size: 16px;
	font-weight: 600;
}

.toggle-box {
	position: absolute;
	width: 100%;
	height: 100%;
	padding-top: 20px;
}

.toggle-box::before {
	content: '';
	position: absolute;
	left: -250%;
	width: 300%;
	height: 100%;
	/* background: #122E87; */
	border-radius: 0px;
	z-index: 2;
	transition: .8s ease-in-out;
}

.form-member-container.active .toggle-box::before {
	left: 50%;
}

.toggle-panel {
	position: absolute;
	width: 60%;
	height: 100%;
	color: #fff;
	/* display: flex; */
	flex-direction: column;
	justify-content: center;
	align-items: center;
	z-index: 2;
	transition: .6s ease-in-out;
}

.toggle-panel.toggle-left {
	left: 0;
	transition-delay: 1.2s;
	z-index: 4;
	text-align: center;
}

.form-member-container.active .toggle-panel.toggle-left {
	left: -50%;
	transition-delay: .6s;
}

.toggle-panel p {
	margin-bottom: 20px;
}

.toggle-panel .login-btn {
	width: 160px;
	height: 46px;
	background: transparent;
	border: 2px solid #fff;
	box-shadow: none;
}
.slick-slider
{
	margin: 0px 50px;
}
.slick-prev {
    margin-left: -47px;
}
.slick-next {
    margin-right: -47px;
}
@media screen and (max-width: 650px) {
	.form-member-container {
		height: 620px;
	}

	.form-box {
		bottom: 0;
		width: 100%;
		height: 65%;
		/* max-height: 400px; */
		/* padding-top: 0; */
	}

	.form-member-container.active .form-box {
		right: 0;
		bottom: 30%;
	}

	.toggle-box::before {
		left: 0;
		top: -269%;
		width: 100%;
		height: 300%;
		border-radius: 20vw;
	}

	.form-member-container.active .toggle-box::before {
		left: 0;
		top: 70%;
	}

	.form-member-container.active .toggle-panel.toggle-left {
		left: 0;
		top: -30%;
	}

	.toggle-panel {
		width: 100%;
		height: 33%;
	}

	.toggle-panel.toggle-left {
		
	}

	.overlay {
		display: none;
	}
}

@media screen and (max-width: 400px) {
	.form-box {
		padding: 20px;
	}

	.toggle-panel h1 {
		font-size: 30px;
	}
}

.overlay {
	background-size: 255% 107% !important;
	background-color: #122E87 !important;
	width: 92px;
	height: 100%;
	z-index: 3;
	position: absolute;
	right: 50%;
}

.form-member-container .slick-initialized .slick-slide {
	display: flex;
	justify-content: center;
	align-items: center;
}

.slick-arrow, .slick-arrow:hover  {
	border: 1px solid white;
}

#primary .post .entry-title, #primary .page .entry-title {
	font-size: 24px !important;
}