/**** General Styles
  font-family: "Cinzel Decorative", serif;
  font-family: "Great Vibes", cursive;
****/
body{ font-family: "Inter", sans-serif; font-weight: 400; font-size: 20px; line-height: 32px; color: #000000; }
ul {padding:0px;margin:0px; list-style:none;}
li {padding:0px; margin:0px; list-style:none;}
a { outline:none;text-decoration: none;}
a img {border: 0;}
p { padding:0px; margin:0px;}
ol li {list-style:decimal inside; margin-left: 0; padding-left: 1.5em; text-indent: -1.5em;}
img { max-width:100%;}
b, strong{ font-weight:600; }

ul{padding: 0px; margin: 0px;}
a:hover{text-decoration: none;}
img{max-width: 100%;height: auto;}
@media (min-width: 1300px){.container{max-width: 1270px;}}

p{margin-bottom: 1em;}
p:last-child{margin-bottom: 0px;}

header { padding:32px 0px 28px 0px; text-align:center; background:#fff; border-bottom:1px solid rgba(0, 0, 0, 0.2); }
.account_page{ display:flex;  }
.account_page .account_banner{ order:1; width: 44.3%; }
.account_page .account_form{ order:2; width: 55.7%; }
.account_banner{ background:url(../images/login_banner.jpg) no-repeat; background-size:cover; padding-right:147px; text-align:right; padding-bottom: 199px;  padding-top:349px; }
.account_banner .inner_text{ text-align:left; max-width:445px; color:#fff;    display: inline-block; }
.account_banner .inner_text h2{ font-size: 50px; line-height: 125%; font-weight:600; margin-bottom: 20px; letter-spacing: 1px;}
.white_btn{ transition: all ease 0.3s; font-weight: 600; font-size: 18px;  color: #fff;padding: 9px 36px;border: 1px solid #fff; border-radius: 12px;display: inline-block; margin-top: 20px;}
.white_btn:hover{ background:#fff;color:#1E4AE9; }
.account_form{ padding-left:241px;padding-top:150px; padding-bottom:100px; }
.signup_page .account_form{ padding-left:245px;padding-top:100px; padding-bottom:100px; }
.form_inner{ max-width:408px; }
.form_inner label{font-size: 16px; color: #0C1421;display: block;}
.form_inner input{ border:1px solid #D4D7E3; background:#F7FBFF; border-radius:5px; margin-bottom:18px; padding: 7px 15px; width: 100%; }
.form_inner input:focus{ outline:none; border:1px solid #1E4AE9; }
.form_inner h3{font-size: 36px; font-weight: 600;margin-bottom: 36px; letter-spacing: 1.5px;line-height: 130%;}
.form_inner a{color: #1E4AE9;}
.form_inner .btn{ width:100%; background: #1E4AE9; border-radius:12px; padding:10px 24px; color:#fff; margin-bottom:28px; font-size:20px; }
.signup_page .form_inner input{ margin-bottom:18px; }
.signup_page .form_inner  input[type="checkbox" i] { vertical-align: middle; width: 20px;height: 20px; margin-bottom: 0px; margin-right: 7px;}
.agree_statement{ font-size:16px;color: #333333; cursor:pointer; }
.agree_statement a{color: #333333; text-decoration: underline;}
.agree_statement label{ display:inline; letter-spacing: 0px; }
.forget_password,.agree_statement{font-size: 16px;}
.agree_statement{font-family: "Poppins", sans-serif;}
.marginbottomlcsss{margin-bottom: 15px;}
.account_links{ font-size:18px; }
.form_inner form{ letter-spacing:1px; }
.footer{ background:#1A1A1A; color:#fff; padding:28px 0px; font-size:16px; }
.footer a{color: #fff;}

@media(min-width: 1500px){
.container{max-width: 1440px;}
.header_sub {height: 168px;}
}

@media(max-width: 1600px){
header {padding: 20px 0px 20px 0px; }
.account_banner { background-size: cover; padding-right: 126px; text-align: right; padding-bottom: 104px; padding-top: 291px; }
.account_banner .inner_text h2{ font-size:40px; }
.account_banner .inner_text{ max-width: 365px; font-size: 16px; line-height: 23px; }
.white_btn{margin-top: 0px; padding: 10px 24px;}


}

@media(max-width: 1500px){
body{font-size: 18px;line-height: 27px;}
 .account_page .account_form{ padding-left: 80px; width: 50%;padding-right: 40px;}
 .account_page .account_banner{ padding-left:70px; padding-right:40px;width: 50%; }
 .account_banner .inner_text h2{font-size: 40px;}

}

@media(max-width: 1199px){
 .account_page .account_form{padding-left: 40px;}
 .form_inner{max-width: 100%;}
 .account_banner .inner_text h2{font-size: 32px;}
}


@media(max-width: 767px){
  .account_page { flex-wrap: wrap; }
  .account_page .account_form,.account_page .account_banner{ width: 100%; }
  .account_page .account_banner{order: 2;}
  .account_page .account_form{order: 1;}
  .account_page .account_form{padding-top: 40px;}
  .account_page .account_banner{padding: 80px 30px; text-align: center;}
  header{padding: 15px 0px;}
  .footer{padding: 15px 0px;}
  .form_inner h3{font-size: 28px;margin-bottom: 15px;}
  .account_page .account_form{padding-bottom: 60px;text-align: center;}
  .form_inner {max-width: 100%; text-align: left; display: inline-block; width: 400px;}

}