.loginRegMainSec{background: #F6F6F6;}
.loginPageLeftSide{background-color: #fff; padding: 50px 250px 20px 50px; border-radius: 10px; position: relative; left: 200px; box-shadow: 0px 0px 25px -3px #ddd;}
.loginPageLeftSide h2{font-size: 24px; color: #000; font-weight: 700; margin-bottom: 25px; line-height: 35px;}
.loginPageLeftSide p{color:#646464; font-size: 24px; font-weight: 400; margin-bottom: 35px; line-height: 35px;}
.loginPageLeftSide form label{font-size: 18px; font-weight: 500; line-height: 20px; color: #333; margin-bottom: 10px;}
.loginPageLeftSide form input{font-size: 18px; height: 50px; width: 100%; border-radius: 25px; border:1px solid #F6F6F6; box-shadow: 2px 2px 20px 0px #0000000D; padding: 0 20px}
.loginPageLeftSide form input::placeholder {font-size: 14px;}
.loginPageLeftSide form .inputLogin {margin-bottom: 50px;}
.loginPageLeftSide form .checkBoxLogin{margin-top: 30px;}
.loginPageLeftSide form input[type=checkbox]{width: 20px; height: 20px; border-color: #ddd; padding: 0;}
.loginPageLeftSide .form-password-toggle span.input-group-text{height: 30px; background: #fff!important; border-radius: 0 25px 25px 0; height: 50px; border-color: #F6F6F6;}
.loginPageLeftSide .myBtns{background: #FFDE59; box-shadow: 2px 2px 20px 0px #0000000D; display: block; padding: 12px 0; color: #333333; height: 50px; border-radius: 25px;
  margin-top: 80px; margin-bottom: 10px; font-size: 18px; font-weight: 600;}
.loginPageLeftSide p.footerText{color: #000; font-size: 16px; font-weight: 500;}



.loginPageRightSide{min-height: 100vh; background-image: url('../../images/logo/rectangle.png'); background-position: center right; background-repeat: no-repeat;
  background-size: cover; padding: 280px 150px 50px 200px; z-index: 999999; position: relative; }

.loginPageRightSide .rightSideLogo{display: flex; align-items: center; margin-bottom: 30px; width: 100%;}
.loginPageRightSide .rightSideLogo img{margin-right: 15px;}
.loginPageRightSide .rightSideLogo h3{color: #000; font-size: 32px; font-weight: 700; line-height: 35px; text-transform: uppercase;}

.loginPageRightSide  .rightSideInfo{width: 100%;}
.loginPageRightSide .rightSideInfo h3{font-size: 32px; font-weight: 700; color: #000; line-height: 35px; margin-bottom: 20px;}
.loginPageRightSide .rightSideInfo p{font-size: 24px; font-weight: 600; color: #000; line-height: 35px; margin-bottom: 50px;}

.rightSideInfo .auth-footer-btn a{width: 50px; height: 55px; border-radius: 5px; padding: 15px;}
.rightSideInfo .auth-footer-btn a i{font-size: 24px; line-height: 28px;}
.rightSideInfo .auth-footer-btn a:first-child{margin-right: 15px;}



@media screen and (min-width: 280px) and (max-width: 767px) {
  .loginPageLeftSide{left:0; padding: 20px; margin: 20px;}
  .loginPageRightSide{padding: 20px; margin: 20px; min-height: 100%; background-size: auto;}
}


@media screen and (min-width: 768px) and (max-width: 991px) {
  .loginPageLeftSide{left:50px; padding: 20px; margin: 20px;}
  .loginPageRightSide{padding: 150px 20px 20px; margin: 20px; background-size: cover; position: absolute; top: 0;}
}


@media screen and (min-width: 992px) and (max-width: 1024px) {
  .loginPageLeftSide{left:50px; padding: 20px; margin: 20px;}
  .loginPageRightSide{padding: 150px 20px 20px; margin: 20px; background-size: cover; position: absolute; top: 0;}
}