.logincontainer{padding: 0px; position: relative; overflow: hidden; background: var(--primary-light); border-top: 1px solid rgba(100, 100, 100, 0.20);}
.logincontainer .loginouter{float: left; width: 100%; background: #fff; padding: 0px; overflow: hidden; -webkit-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: 0 2px 13px rgb(0, 0, 0, 0.17); box-shadow: 0 2px 13px rgb(0, 0, 0, 0.17);}
.logincontainer .logininner{width: 100%; position: relative; z-index: 1; padding: 40px 0px 40px 0px;}
.logincontainer .logintextbox{float: left; width: 100%;  justify-content: center; text-align: center; display: flex; align-items: center; height: 100%; padding: 20px 40px; background: var(--theme-gradient-hover);}
.logincontainer .logintextbox .loginheading{display: block; line-height: 100%; color: var(--theme-white); font-size: 32px; text-transform: capitalize; font-weight: 600; margin: 0px 0px 20px 0px;}
.logincontainer .logintextbox p{color: #bee2ff; font-size: 16px; line-height: 20px; margin: 0px 0px 25px 0px;}
.logincontainer .logintextbox .loginlogo{display: block; margin: 0px 0px 30px 0px;}
.logincontainer .logintextbox .loginlogo img{max-width: 100%; max-height: 100%;}

.logincontainer .loginbox{float: left; width: 100%; padding: 70px 50px;}
.logincontainer .loginbox .loginlogo{display: block; text-align: center; margin: 0px 0px 30px 0px;}
.logincontainer .loginbox .loginlogo img{max-width: 100%; max-height: 100%;}
.logincontainer .loginbox .loginheading{display: block; line-height: 100%; text-align: center; color: var(--primary); font-size: 32px; text-transform: capitalize; font-weight: 600; margin: 0px 0px 15px 0px;}
.logincontainer .loginbox p{color: #333; font-size: 15px; line-height: 20px; text-align: center; margin: 0px 0px 20px 0px;}
.logincontainer .loginbox p a{color: var(--primary); text-decoration: underline; font-weight: 600;}

.logincontainer .loginbox .form-group{position: relative; margin-bottom: 20px;}
.logincontainer .loginbox .form-group label{text-align: left; margin: 0px; color: #333; font-size: 18px; display: block; letter-spacing: 2px;}
.logincontainer .loginbox .form-group .formgroupinner{display: block; position: relative;}
.logincontainer .loginbox .form-group .formgroupinner i{position: absolute; right: 15px; top: 50%; pointer-events: none; font-size: 1.4em; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.logincontainer .loginbox .form-group .formgroupinner .btn{position: absolute; right: 15px; top: 50%; line-height: 100%; padding: 0px; background: none; outline: none; border: none; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.logincontainer .loginbox .form-group .formgroupinner .btn:hover{color: var(--primary);}
.logincontainer .loginbox .form-group .formgroupinner i.fa-mobile{font-size: 1.2em;}
.logincontainer .loginbox .form-group .formgroupinner .btn i{position: static; pointer-events: all; transform: none; -webkit-transform: none; }
.logincontainer .loginbox .form-group .form-control{background: #f9f9f9; border: 1px solid #dbdbdb; height: 44px; color: #202020; font-size: 15px; padding: 6px 40px 6px 15px; -webkit-border-radius: 9px; border-radius: 9px;}
.logincontainer .loginbox .form-group .form-control:focus{border-color: var(--primary); box-shadow: 0 0 0 .25rem rgba(var(--primary-rgb), 0.25);}
.logincontainer .loginbox .form-group .form-control.error{border-color: red;}
.logincontainer .loginbox .form-group [type="file"].form-control{padding: 10px 15px;}
.logincontainer .loginbox .checkbox{padding: 0px; padding-left: 0px; margin-top: 0px; margin-bottom: 0px; display: block; position: relative; margin-right: 0px;}
.logincontainer .loginbox .checkbox + .checkbox{margin-top: 0px;}
.logincontainer .loginbox .checkbox label{display: block; padding-left: 30px; text-align: left; position: relative; margin: 0px; color: #333; font-size: 14px; min-height: 0px; font-weight: 500; line-height: 26px;}
.logincontainer .loginbox .checkbox label a{color: var(--secondary); text-decoration: none;}
.logincontainer .loginbox .checkbox label a:hover{text-decoration: underline;}
.logincontainer .loginbox .checkbox label::before{content: ""; display: inline-block; position: absolute; width: 20px; height: 22px; left: 0; top: 2px; margin-left: 0; border: 1px solid var(--primary); -webkit-border-radius: 6px; border-radius: 6px; background: transparent; -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;-o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;transition: border 0.15s ease-in-out, color 0.15s ease-in-out;}
.logincontainer .loginbox .checkbox label::after{display: inline-block; position: absolute; width: 20px; height: 22px; left: 0; top: 2px; margin-left: 0; padding-left: 5px; padding-top: 4px; font-size: 11px; color: var(--primary); background: transparent; border-radius: 0px; line-height: 15px;}
.logincontainer .loginbox .checkbox input[type="checkbox"]{opacity: 0; position: absolute;left: 0px; top: 0px;}
.logincontainer .loginbox .checkbox input[type="checkbox"]:focus + label::before{outline: thin dotted;outline: 0px auto -webkit-focus-ring-color; outline-offset: 0px;}
.logincontainer .loginbox .checkbox input[type="checkbox"]:checked + label::after{font-family: 'FontAwesome'; content: "\f00c"; color: var(--primary);}
.logincontainer .loginbox .checkbox input[type="checkbox"]:disabled + label{opacity: 0.65;}
.logincontainer .loginbox .checkbox input[type="checkbox"]:disabled + label::before{background-color: #eeeeee; cursor: not-allowed; }
.logincontainer .loginbox .checkbox input[type="checkbox"]:checked + label::before{background: transparent; border-color: var(--primary);}
.logincontainer .loginbox .text-danger{font-weight: 400; font-size: 14px;}
.logincontainer .loginbox .text-danger strong{font-weight: 400;}
.logincontainer .loginbox .forgotbox{display: block; text-align: right; margin: 0px 0px 0px 0px;}
.logincontainer .loginbox .forgotbox a{text-decoration: none; color: #333; font-size: 14px; font-weight: 500; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
.logincontainer .loginbox .forgotbox a:hover{text-decoration: underline;}

.registersection .loginbox p{margin: 0px 0px 20px 0px;}
.registersection .loginbox .form-group{margin: 0px 0px 20px 0px;}
.registersection .loginbox{padding: 60px 50px;}
.logincontainer .loginbox .loginheading.forgotheading{font-size: 26px;}

@media (min-width: 1700px) {
.logincontainer .logintextbox .loginheading{font-size: 42px;}
.logincontainer .logintextbox p{font-size: 19px; line-height: 26px;}
.logincontainer .loginbox .loginheading{font-size: 42px;}
.logincontainer .loginbox p{font-size: 19px; line-height: 26px;}
.logincontainer .loginbox .form-group .form-control{height: 58px; font-size: 18px;}
.logincontainer .loginbox .checkbox label{font-size: 18px;}
.logincontainer .loginbox .forgotbox a{font-size: 18px;}
.logincontainer .loginbox{padding: 80px 70px;}
.logincontainer .logininner{padding: 50px 0px 50px 0px;}
.logincontainer .loginbox .text-danger{font-size: 15px;}
}
@media (min-width: 1920px) {

}
@media (max-width: 991px) {
.logincontainer .loginbox{padding: 30px;}
.logincontainer .logintextbox .loginheading{font-size: 22px;}
.logincontainer .logintextbox p{font-size: 14px; margin: 0px 0px 15px 0px;}
}
@media (max-width: 767px) {
.logincontainer .logintextbox{text-align: center; padding: 40px 20px 30px 20px;}
.logincontainer .logintextbox .loginlogo{display: none;}
.logincontainer .logintextbox .loginheading{text-align: center; margin: 0px 0px 10px 0px;}
.logincontainer .logintextbox p{text-align: center;}
.logincontainer .loginbox p{margin: 0px 0px 10px 0px;}
.logincontainer .logininner{padding: 20px 0px 20px 0px;}
.logincontainer .loginbox .loginheading{font-size: 28px;}
.logincontainer .loginbox .form-group .form-control{height: 44px;}
}
@media (max-width: 575px) {
.logincontainer .loginbox{padding: 30px 20px;}
.logincontainer .loginbox .checkbox label{font-size: 13px;}
.logincontainer .loginbox .forgotbox a{font-size: 13px;}
}