@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500&display=swap');

html {width: 100%;height: 100%;}
body {background: url(/assets/img/LoginBg.jpg) no-repeat center center;background-size: cover;font-family: 'Montserrat', sans-serif;width: 100%;height: 100%; }
.loginbox {background-color: #fff;border-radius: 30px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);display: flex;max-width: 1029px;height: 622px;width: 100%;margin: 0 auto;overflow: hidden;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;}
.loginbox .login-left {width: 539px;position: relative;}
.SocialIcon {background-image: linear-gradient(to right, #45a344, #50ad4a, #5bb84f, #66c255, #71cd5b);width: 75px;height: 100%;float: left;}
.login-left-wrap {padding: 0 25px;width: calc(100% - 75px);float: left;}
.profile-views {position: absolute;right: 22px;top: 44px;transform: translateY(-50%);}
.logo_name {text-align: center;margin: 25px 0 20px;}
.welcomeLogin {text-align: center;color: #606060;font-size: 25px;margin-bottom: 20px;}
.form-group input{font-size:13px;}
.loginLable {font-size: 11px;text-transform: uppercase;margin-bottom:5px;}
.forPass a {font-size: 11px;text-transform: uppercase;text-decoration: none;color: #596fd1;}
.m-t-5 {margin-top: 5px;}
.text-right {text-align: right;}
.login_bx {text-align: center;margin-top: 20px;}
.login {width: 110px;height: 37px;outline: none;border: none;display: inline-block;text-transform: uppercase;font-size: 13px;color: #fff;text-align: center;text-decoration: none;vertical-align: middle;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;user-select: none;border-radius: 0.25rem;background-image: linear-gradient(to right, #d14c51, #db5359, #e55b60, #f06268, #fa6a70);transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.login:hover {background-image: linear-gradient(to right, #45a344, #50ad4a, #5bb84f, #66c255, #71cd5b);}
.contactLogin {width: 282px;margin: 0 auto;margin-top: 80px;}
.redbdr {width: 100%;border: 2px solid #d84242;border-radius: 10px;float: left;position: relative;margin-bottom: 20px;}
.ccn {width: 100%;position: absolute;left: 0;top: -64px;text-align: center;}
.ccn span {display: inline-block;background: #fff;padding: 5px 19px;text-transform: uppercase;color: #707070;font-size: 14px;font-weight: bold;}
.pnumber a {font-size: 23px;font-weight: 600;letter-spacing: 0px;color: #D84242;text-decoration: none;}
.pnumber a span {font-size: 28px;}
.ccnleft {text-align: left;border-right: 0;float: left;padding: 0;margin: 18px 0;text-align: center;width: 100%;margin-bottom: 0;}
.ccnright1 {padding: 0 30px;}
.pnumber {margin-bottom: 10px;}
.pnumber img {margin-right: 4px;margin-top: -5px;}
.time1 {font-size: 12.25px;}
.time1 span.fleft {border-right: 1px solid #bababa;line-height: 21px;padding-right: 10px;float: none;}
.time1 span.fright {padding-left: 10px;}
.pressHelp {font-size: 16px;color: #5a5a5a;margin-bottom: 5px;}
.pressHelp span {color: #fff;background: #5a5a5a;width: 29px;height: 29px;display: inline-block;border-radius: 50%;line-height: 29px;}
.login-right {float: right;max-width: 100%;background: #eeeeee;width: 490px;}
.mobilebox {background: url(/assets/img/mobile.png) top center no-repeat;min-height: 330px;width: 100%;}
.mobileimg {margin-top: 30px;width: 148px;}
.codeh {font-size: 15px;color: #323243;text-transform: uppercase;}
.schoolcode {font-size: 15px;font-weight: 600;position: relative;letter-spacing: 0px;color: #323243;}
.rightWelcome {text-align: center;font-size: 18px;color: #52ac3e;margin: 20px 0;text-transform: uppercase;}
.copyright {font-size: 9px;color: #323243;margin-top: 11px;font-weight: 400;line-height: 9px; margin-bottom:15px;}
.Social_Icon {display: inline-block;margin: 5px 0;margin-top: 173px;}
.Social_Icon a {display: inline-block;width: 26px;height: 26px;background-image: url(/assets/img/SocialIcons.png);background-repeat: no-repeat;margin: 0 25px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;transition: all 0.5s ease;margin-top: 2px;}
.Social_Icon a:hover {-ms-transform: rotate(360deg); /* IE 9 */transform: rotate(360deg);}
.Social_Icon a.fb {background-position: 0 -68px;}
.Social_Icon a.twitter {background-position: 0 -136px;}
.Social_Icon a.youtube {background-position: 0 -102px;}
.Social_Icon a.instr {background-position: 0 0;}
.Social_Icon a.whatsapp {background-position: 0 -34px;}
.Social_Icon a.linkden {background-position: 0 -170px;}


.EnterSchoolCode {text-transform: uppercase;font-weight: 700;font-size: 13px;margin-top: 25px;text-align: center;color: #606060;margin-bottom:10px;}
.inputCode{width:200px; height:38px; display:inline-block;}
.login2{width:90px;}
.powredby {text-align: center;margin-top: 50px;}
.powredbyTxt {display: inline-block;}
.powredbyimg {display: inline-block;border-left: 1px solid #d5d5d5;padding: 6px 0 6px 19px;margin-left: 19px;}
.noteLogin {font-size: 11px;color: #5a5a5a;text-align: center;margin: 15px 0;}
.copyrightLogin {background-image: linear-gradient(to right, #45a344, #50ad4a, #5bb84f, #66c255, #71cd5b);font-size: 10px;text-align: center;color: #fff;height: 48px;padding-top: 9px;}


@media only screen and (max-width: 991px) {
    .loginbox {display: block;margin-top:0;overflow: auto;position:relative; height:auto;}
.loginbox .login-left {width: 100%;position: relative;}
.login-right {width: 100%;}
.login-left-wrap {padding: 0 25px;width: 100%;float: left;}
.SocialIcon {background-image: linear-gradient(to right, #45a344, #50ad4a, #5bb84f, #66c255, #71cd5b);width: 100%;height: 100%;float: left;}
.Social_Icon {margin-top: 0;text-align: center;width: 100%;padding: 10px 0 0 0;}
.Social_Icon a {margin: 0 7px}
.logo_name {text-align: center;margin: 25px 0 0;}
.logo_name img{max-width:100%;}

}