@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
body {font-family: "Roboto", sans-serif; overflow: hidden;}
*{margin: 0;padding: 0;box-sizing: border-box;}
a { text-decoration:none; color:#4052B0; transition:all ease 0.3s; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -o-transition:all ease 0.3s; }
.set-bg, .bg{ background-size:cover; background-position:center; position:relative; }
.overlay{ position: relative;  }
.overlay:before { content:'';  top:0; left:0; width:100%; height:100%; z-index:1; position:absolute; background: rgba(0, 0, 0, 0.4);}
.overlay > * { position:relative; z-index:2; }

h3 {font-weight: 700;text-decoration: none;color: #111928;font-size: 28px;line-height: 1.4;}
h4 {font-weight: 400;text-decoration: none;color: #111928;font-size: 22px;line-height: 1.4;}
* + h4 {margin-top: 20px;}
img {max-width: 100%;height: auto;vertical-align: middle;object-fit: cover;object-position: center;}
.text-right {text-align: right;}
/* display classes */
.d_flex {display: flex;}
.w50 {width: 50%;}
.w30 {width: 30%;}
.w40 {width: 40%;}
.w60 {width: 60%;}
.w65 {width: 65%;}
.w75 {width: 75%;}
.w100 {width: 100%;}
.align_center{align-items: center;}
.d_none{display: none;}
.flex_center {justify-content: center;}
.pt15, .p15_0 {padding-top: max(10px, 0.75vw);}
.pb15, .p15_0 {padding-bottom: max(10px, 0.75vw);}
.pl15 {padding-left: max(10px, 0.75vw);}
.pr15 {padding-right: max(10px, 0.75vw);}
.primary_btn {background-color: #4052B0;color: #fff;padding: 14px 25px;cursor: pointer;border: none;}
.br5 {border-radius: 5px;}
.font22, .font22 p, .font22 h1, .font22 h2, .font22 h3, .font22 h4, .font22 h5, .font22 h6, .font22 a {font-size: clamp(18px, 1.14vw + 1px, 1.3541vw + 0px);}
.pt20, .p20_0 {padding-top: max(10px, 1vw);}
.pt30, .p30_0 {padding-top: max(15px, 1.5vw);}
.background_primary {background-color: #4052B0;}

.right_login_logo,.footer {width: 100%;margin: 0 auto;background: #4052B0;padding: 20px 25px;position: absolute;left: 0;top: 0;text-align: center;}
.footer {top: inherit;bottom: 0;color: #000;font-weight: 500;background-color: #fff;border-top: 1px solid #4052B0;}
.footer p {margin-bottom: 0;font-size: 14px;}
.right_login_logo_form_part {position: relative;}
.right_login_logo a {display: block;max-width: 300px;width: 100%;margin: 0 auto;}
.login_page_inner {width: 100%;height: 100vh;}
.left_login_image_part {height: 100vh;}
.left_login_image_part_inner {width: calc(50vw - 30px);}

.login_form form input[type=email],
.login_form form input[type=text],
.login_form form input[type=password] {border: 1px solid #4052B0;width: 100%;background-color: #4053b01e;padding: 18px 30px;border-radius: 8px;}
.login_form form input[type=email],
.login_form form input[type=password],
.login_form form input[type=text],
.login_form form input[type=email]::placeholder,
.login_form form input[type=text]::placeholder,
.login_form form input[type=password]::placeholder {font-size: 18px;font-weight: 500;color: #4052B0; background-color: #eff2f5;}
.right_login_logo_form_part {padding-top: 100px;padding-bottom: 100px;}
.right_logo_form_inner {width: 25vw;}
.submit {padding-top: 30px;max-width: 220px; margin: 0 auto;}
.right_login_form_heading {padding-bottom: 30px;}
.password_input_icon {margin-left: -50px;}
.form_title h1{color:#4052B0}
.form-group{position: relative;}
input:focus + label,
input:not(:placeholder-shown) + label {font-size: 16px;top: -10px;left: 15px;background: #eff2f5;padding: 0px 5px;transition: 0.2s ease all;}
.form-group label {font-size: 18px;font-weight: 500;color: #4052B0;position: absolute;top: 0px;left: 0px;padding: 18px 30px;transition: 0.2s ease all;-moz-transition: 0.2s ease all;-webkit-transition: 0.2s ease all;pointer-events: none;}


/*-=-=-  Tablet Portrait and Smaller Devices -=-=-*/
@media (max-width: 1440px) {
  .right_logo_form_inner {width: 30vw;}
}


@media (max-width:991px ) {
  .login_page_inner {flex-wrap: wrap;}
  .tabw100 { width: 100% }
  .right_login_logo_form_part {padding-top: 130px;padding-bottom: 100px;}
  .left_login_image_part {position: absolute;z-index: 0;height: 100%;width: 100%;left: 0;top: 0;}

.overlay:before {background: rgba(255, 255, 255, 0.9);}
.right_login_logo_form_part {z-index: 1;}
.right_logo_form_inner {width: 100%;max-width: 600px; margin: 0 auto;}
.MainFormPart {width: 100%;}
.pt15, .p15_0 {padding-top: 15px;}
.pb15, .p15_0 {padding-bottom: 15px}
.pl15 {padding-left:15px;}
.pr15 {padding-right: 15px;}
.form-group label {font-size: 16px;padding: 12px 20px;}
.login_form form input[type=email], .login_form form input[type=text], .login_form form input[type=password] {padding: 12px 20px;}
.login_form form input[type=email], .login_form form input[type=password], .login_form form input[type=text], .login_form form input[type=email]::placeholder, .login_form form input[type=text]::placeholder, .login_form form input[type=password]::placeholder {font-size: 16px;}
.password_input_icon div {line-height: 0;}
.password_input_icon div svg {width: 20px;height: 20px;}
.password_input_icon {margin-left: -40px;}
.submit {padding-top: 20px;}
.footer {font-size: 14px;}
.right_login_form_heading {
  padding-bottom: 20px;
}
h3 {font-size: 24px;}
h4 {font-size: 18px;;}
* + h4 {margin-top: 15px;}

}


.input-group input { width: 100%; padding: 0.781vw; border: 1px solid #ddd; border-radius: 4px; font-family: "Roboto", sans-serif;}