@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&display=swap');
h1, h2, h3, h4, h5, h6, p, hr { margin: 0; padding: 0; }
body { margin: 0; padding: 0; background: #000; font-family: 'Open Sans', sans-serif; }
.sign_in_section { width: 100%; }
.min_h { min-height: 100vh;}
.left_section { background: #009c4e; position: relative; }
.left_section .logo_circle { position: absolute; bottom: 0; left: 0; width: 320px; max-width: 100; z-index: 0; }
.left_content { width: 100%; color: #fff; padding-left: 15px; padding-right: 15px; position: relative; z-index: 2; }
.left_content h2,h3,h6{ color:#fff; }
.left_logo { max-width: 250px; display: block; }
.soft_indutries { font-size: 18px;font-weight: 600; text-transform: uppercase; margin-top: 30px; margin-bottom: 30px; }
.quality_box { width: 100%; margin-bottom: 20px; }
.quality_box h3 { font-size: 18px; font-weight: 600; }
.quality_box h3 span { font-size: 18px; font-weight: 700; }
.quality_box h6 { font-size: 15px; font-weight: 400; }
.hr_white { width: 290px; max-width: 100%; height: 1px; background: #fff; margin-top: 40px; margin-bottom: 40px; }
.white_content { font-size: 12px; color: #fff; font-weight: 600; line-height: 20px; max-width: 329px; margin: 0 auto; }
.right_section { background: #ffffff }
.right_content { text-align: right; padding-top: 20px; padding-bottom: 20px; padding-right: 100px; }
.right_logo { max-width: 125px; display: inline-block; }
h1.sign_in { font-size: 30px; font-weight: 400; color: #000; display: inline-block; border-bottom: 2px solid #009c4e; padding-bottom: 7px; }
.login_form { background: #fff; border-radius: 7px; padding: 15px; box-shadow: 0 0 7px rgba(0,0,0,.25); max-width: 350px; margin: 35px auto; }
.login_form form { text-align: left; }
.login_form .heading_sign { font-size: 25px; font-weight: 400; color: #6b6a6a; text-align: left; margin-bottom: 25px; }
.login_form label { font-size: 16px; color: #6b6a6a; font-weight: 400; margin-bottom: 0; }
.login_form .custom_input { border:0; border-bottom: 1px solid #f1f1f1; font-size: 16px; color: #6b6a6a; font-weight: 400; }
.login_form .select-style { padding: 0; border: 0; border-bottom: 0; border-radius: 0; overflow: hidden; background: #fafafa url(../images/down_icon.png) no-repeat 99% 50%; }
.login_form .select-style select { padding: 0; width: 100%; border: none; box-shadow: none; background: transparent; background-image: none; -webkit-appearance: none; border-bottom: 1px solid #f1f1f1; font-size: 16px; color: #6b6a6a; font-weight: 400; height: calc(2.25rem + 2px); padding: .375rem .75rem; }
.login_form .select-style select:focus { outline: none; }
.login_form a.forgot_box {  font-size: 14px; color: #6b6a6a; font-weight: 600; text-decoration: none; }
.button_signup { background: #009c50; box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.24); height: 37px; line-height: 37px; border-radius: 5px; border: 0; padding: 0; font-size: 20px; color: #ffffff; margin-top: 15px; font-weight: 500; text-transform: uppercase; display: block; width: 100%; transition: all ease-in-out 300ms; }
.button_signup:hover { box-shadow: none; }
.growth_box { font-size: 13px; font-weight: 700; color: #019b4d; text-transform: uppercase; }
a.app_link { display: block; width: 100%; color: #000; text-decoration: none; font-weight: 600; font-size: 12px; }
.mt_15 { margin: 15px 0 }

@media screen and (max-width:991px)
{
	.right_content { padding-left: 15px; padding-right: 15px; }
}

@media screen and (max-width:767px)
{
	.min_h { height: auto; padding-top: 50px; padding-bottom: 50px; }
	
}
@media screen and (max-width:575px)
{
	.right_content { text-align: center; }
	.right_logo { margin-bottom: 25px; }
}
}