body { font-family: 'Poppins', sans-serif; }
.form_section { width: 100%; height: 100vh;  background-color: #b7b7b7; position: relative; background: url("../../img/image4/login-nandvanshi.png") center no-repeat; background-size: cover; }
.form_section .overlay { width: 100%; height: 100%; background: rgb(245, 197, 109, 0.8); }
.form_section a.back_btn { font-size: 15px; color: #fff; background: #257140; border-radius: 4px; display: inline-block; padding: 8px 15px; position: absolute; top: 20px; left: 20px; }
.form_section a.back_btn .fa { padding-right: 5px; font-size: 20px; vertical-align: text-top; }
.form_section a.back_btn:hover { color: #fff; text-decoration: none; background: #257140; }
.form_section .form_mid { max-width: 500px; padding: 50px 40px 40px; background: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22); }
.form_section img.login_img { margin: 0 auto; display: block; width: 205px; position: absolute; top: 40px; right: 20px; }
.form_section .form-inner { padding-top: 30px; }
.form_section ul { list-style: none; margin: 0; padding: 0; }
.form_section li { padding-bottom: 20px; }
.form_section li:nth-child(3) { display: flex; }
.form_section input { width: 100%; height: 40px; border-radius: 0; border: solid 1px #c9c6c6; }
.form_section .text h2 { font-size: 30px; margin: 0; font-weight: 700; color: #257140; padding-bottom: 40px; }
.form_section .text h3 { font-size: 18px; margin: 0; padding-bottom: 8px; font-weight: 600; color: #524a4a; }
.form_section .text h4 { font-size: 18px; margin: 0; font-weight: 600; color: #524a4a; }
.form_section .text a.recaptcha { padding: 5px 10px; background: #475b5a; line-height: 30px; color: #fff; }
.form_section .log_img { width: 20px; }
.form_section li:last-child .social-login-buttons { float: left; }
.form_section li:last-child button { float: left; background: #257140; padding: 8px 25px; color: #fff; border: solid 2px #257140; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; }
.form_section li:last-child button:hover { border: solid 2px #257140; color: #257140; background: #fff; }
.form_section .social-login-buttons a { font-size: 15px; color: #fff; background: #959595; border-radius: 4px; display: inline-block; padding: 8px 12px; }
.form_section .social-login-buttons a:hover { background: #787777; }
.form_section a.recaptcha { padding: 10px; background: #787777; color: #fff; border-radius: 4px;}



@media only screen and (min-width: 320px) and (max-width: 768px)  {

	.form_section .form_mid { max-width: 100%; width: 90%; padding: 25px; }
	.form_section .form-inner { padding-top: 20px; }
	.form_section .text h2 { font-size: 28px; padding-bottom: 15px; }
	.form_section .text h3, .form_section .text h4 { font-size: 16px; }
	.form_section li:last-child button { width: 100%; }
	.form_section a.back_btn { font-size: 15px; padding: 5px 10px; }

	.form_section img.login_img { width: 150px; top: 20px; }


}