#maincontent{max-width: none;padding-left: 0px;padding-right:0px;}
.login-sec .left figure {height:100%;}
.login-sec .left figure img {height:100%; object-fit:cover;}
.login-sec .right .innerbox {padding:60px 100px 60px 30px;}
.login-sec .right .innerbox picture img{width: 217px;}
.login-sec .right .innerbox  .section-ttl h2 span {color:var(--bs-success);}
.password span.show_password {position:absolute; top:6px; right:10px; /*display:flex; align-items:center; justify-content:center;*/ height:100%; cursor:pointer;}
.password input {padding-right:50px;}
.forgot a {color:var(--bs-success); font-size:16px; font-weight:600;}
.login-sec .right button.common-btn-anim {width:100%;}
.login-sec .right button.common-btn-anim:hover img {left:90%;}
.login-sec .right button.common-btn-anim:hover {}
.social-login {position:relative; margin-top:24px;}
.social-login span {display:block; text-align:center; font-size:14px;}
.social-login span:before {
    content: "";
    display: block;
    width: 180px;
    height: 1px;
    background:rgba(17, 17, 17, 0.2);
    left: 0;
    top:11px;
    position: absolute;
}
.social-login span:after {
    content: "";
    display: block;
    width: 180px;
    height:1px;
    background:rgba(17, 17, 17, 0.2);
    right: 0;
    top: 11px;
    position: absolute;
}

.social-login ul li a.btn-info {color:var(--bs-body-color) !important; border-color:rgba(17, 17, 17, 0.12) !important;}
.social-login ul li a svg {margin-right:12px;}
.social-login ul li a.btn-info:hover,   .social-login ul li a.btn-info:focus {background:none; border-color:var(--bs-secondary) !important;}
.signup-link a {font-weight:700; color:var(--bs-success);}
label {color:rgba(17, 17, 17, 0.8);}


@media all and (max-width:768px){
    .login-sec .right .innerbox picture img{width: 154px;}
}
@media all and (max-width:575px){
    .password span.show_password {height:auto; top:6px;}
}