@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Tangerine:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Charm&family=Sansita+Swashed&display=swap');

body{height:100%; font-family: 'Poppins', sans-serif; padding:0; margin:0;}
:focus{outline:none;}
.login-bg{background-image:url(../images/Login-page-background.png);background-size: cover;  height: auto;  background-attachment: fixed;}
.login-page{width:100%; margin:0 auto;  position: relative; padding:53px 0;  /*top: 60px;*/}
.login-bg .container{width:1000px;}
.login-bg1 {background-image: url(../images/Login-page-background1.png); background-size: cover; height: auto;    background-attachment: fixed;}
.login-bg1 .container{width:1000px;}
.login-bg1 .login-form { width: 100%; position: relative; background: #8ebb70; border-radius: 70px;}
.login-bg1 .logo-section-head h2 { font-weight: bold; text-transform: capitalize; font-size: 31px; margin: 0; margin-left: 0px;
    color: #fff;  text-shadow: 0px 1px 1px #fccf0b; margin-top: 0px;}

.login-form{width:100%; position:relative; background: #23456d; border-radius: 40px;/*animation: fadeInUp 1000ms;*/}
.login-page .animate__animated{animation-duration: 1.5s;}
.logo-section{ float: left;  width: 55%;  /*height: 361px;*/margin-top:55px;}
.form-login{float: right; border-top-right-radius: 40px; border-bottom-right-radius: 40px; border-left:8px solid #d8d6d6; width: 40%; padding:7% 4%;    background: rgba(254,254,254,1); position: relative;}
.form-login .user-icn{text-align:center;}
.form-login .user-icn img{width: 120px;
    width: 120px; margin:0 auto;}

.cl{clear:both;}

.logo-section-inner{ border: 6px solid #065695;
    border-radius: 50%;
    height: 136px;
    width: 136px;
    background: #fff;
    text-align: center;
    padding: 12px;
    margin: 0px auto;
    box-shadow: 2px 3px 13px #065695;
	overflow:hidden;    margin-top: 30px;}

.logo-section-inner img{width:100%; height:100%;}
.logo-section-head{text-align:center; padding: 10px 20px;}
.logo-section-img{/*padding-bottom: 50px;*/}
.logo-section-head h2{font-weight: bold;
    text-transform: capitalize;
    font-size: 31px;
    margin: 0;
    margin-left: 0px;
    color: #fccf0b;
    text-shadow: 0px 1px 1px #fccf0b;
    margin-top:0px;}
.logo-section-cont p{font-family: 'Tangerine', cursive;
    font-size: 50px;
    text-align: center;
    color: #000;
    line-height: 50px;
    margin-top: 50px;
	padding:20px 40px;}
.form-login h3{    /*background: #fcbd10;*/
    color: #065695;font-weight: bold;
    padding: 16px 15px;
    margin: 0px; font-size:22px;
	margin-bottom:10px;
    /*text-transform: uppercase;*/
    text-align: center;}
	
.rel-box{position:relative;     margin: 20px 0;}
.rel-box .fa{position: absolute;left:0px; line-height:45px; width:45px; font-size:18px; color:#fff; background:#065695; text-align:center;border-top-left-radius: 25px;border-bottom-left-radius: 25px;}

.same-input{padding: 0 15px; width: 100%; background: transparent;  min-height: 45px; border: 1px solid #605d5e; padding-left:50px; border-radius:20px;}
.form-lg{text-align:center;}
.rem-box{float: left;
    font-size: 14px; /*padding-top: 22px;*/}
.rem-box input{margin-left:0;     vertical-align: text-top; }
.forgot-box{float: right; font-size:13px;
    height: 31px;}
.lan-box{     float: left; font-size:13px;
    height: 31px;margin-top: -5px;}
.forgot-box a{color:#111; text-decoration:none;}	
.submit-btn{    background: #065695; border: 0;position:relative; color: #fff; padding: 12px 40px; border-radius:50px;  font-size: 16px; margin-top: 12px; cursor:pointer; transition:.5s; margin:0 auto;}
.submit-btn:hover{background:#06487c;}
.submit-btn:hover span, .submit-btn:hover span:nth-child(2){background:#06487c; cursor:pointer;}	
.subtext{text-align:center; font-size: 14px;     padding-top: 5px; position:relative;}
.subtext a{font-weight: bold;
    text-decoration: none;}
	
footer{position:fixed; background: #065695; color:#fff; bottom:0; left:0; right:0; margin:0 auto; font-size: 12px; font-weight:bold; padding:8px 20px;}
.footer-lft{float: left; padding:5px 0;}
.footer-rht{float: right; padding:5px 0;}
footer a{color:#eee; text-decoration:none;}
footer .icon {
        display: inline-block;
    width: 16px;
	color:#03c2f8;
    height: 16px;
    background-image: url(../image/icons16_130219.png);
    background-position: 0 20px;
    background-repeat: no-repeat;
    background-position: 0 -572px;
    background-color: #fff;
    border-radius: 3px;
    vertical-align: text-top;
    margin-right: 4px;    text-align: center;
    line-height: 18px;
    font-style: italic;
}
@media(max-width:1024px){
.logo-section {
    margin-top: 60px;
}
}
@media(max-width:998px){
.login-bg .container{width:inherit;}
.login-bg1 .container { width: inherit;}
.login-page{top:40px;     margin-bottom:66px;}
footer{position: relative;}
.form-login{padding-right: 16px;padding-left: 6%;}
.lan-box {margin-top: 0px; margin-left: -1px;}
.logo-section-cont p{ margin-top: 20px;font-size: 54px;}
.form-login{width:40%;}
.submit-btn span:nth-child(2){right: -38px;}
.logo-section{margin-top: 30px;}

}
	
@media(max-width:767px){
.login-page{top:20px; position:relative; margin-bottom:40px;}
.lan-box{margin-top:2px;  width: 100%;    margin-left: 2px;}	
.logo-section-cont p{margin-top:30px;}
.form-login{padding: 8% 6%;}
.forgot-box{margin-top: 20px;}
.submit-btn{width:100%;}
.rem-box{padding-top: 20px;}
.footer-lft, .footer-rht{width:100%; text-align:center;}
.submit-btn span{left: -60px;}
.submit-btn span:nth-child(2){right: -60px;
 /*height:inherit;*/}
 .logo-section{margin-top: 25px;}
	}
	
@media(max-width:667px){
.logo-section{width: 100%; height: initial; margin-top:5px;  background: #23456d; border-radius: 40px; margin-bottom: 20px;}
.login-bg1 .logo-section{background: #8ebb70;}
.login-bg1 .login-form{background: transparent;}
.form-login{width:100%;}
.login-form{ background: transparent; border-radius: 0;}
.logo-section-head {padding: 40px 20px;}
.logo-section-inner{  /*  border: 4px solid #065695;
    border-radius: 50%;
    height: 110px;
    width: 110px;  margin: 7px auto 7px;*/}	
.form-login h3{    font-size: 30px; /*padding:4px 15px 12px; */    margin: 0 -20px;}
.poweredbt{margin:20px -20px 0;}
.form-login{border-radius:10px;padding: 8% 6%;}
footer{padding: 8px 10px; margin-top: 10px;}
.login-page{top:5px; width: 90%; margin: 0 auto; }
.forgot-box{margin-top:15px;}
.lan-box { margin-left: 1px;margin-top: 1px;}
.submit-btn span{left: -50px;}
.submit-btn span:nth-child(2){right: -50px;}
.login-page { margin: 10px auto; padding-bottom: 80px;}
	}
@media (max-width: 640px){
.lan-box { margin-top: 3px; margin-left: 2px;}
.submit-btn span{left: -48px;}
}
@media (max-width: 568px){
.lan-box {margin-left: 1px; margin-top: 0px;}
.logo-section-head h2{font-size: 25px;}
}
@media(max-width:480px){
.logo-section-cont p{margin-top: 20px;  padding: 20px 15px; line-height: 50px;}
.lan-box{width:100%;margin-left: 1px; }
.form-login:before{display:none;}
.submit-btn{width:100%;}
}
@media(max-width:414px){
footer{position:relative;}	
.logo-section-inner{ /*height: 100px; width: 100px;*/}
.form-login h3{ font-size: 25px;}
.lan-box{ margin-top: 1px;}
.form-login{    margin: 20px auto;}
.login-page {width: 95%;}
.submit-btn span {left: -38px;}
.submit-btn span:nth-child(2) {
    right: -38px;
}
	}
@media (max-width: 411px){
.lan-box {
    margin-top: 2px;
    margin-left: 3px;}
}	
@media(max-width:360px){
.logo-section-head h2{font-size:25px; line-height:30px;}
.lan-box {margin-top: 2px; margin-left: 3px;}
.rem-box{padding-top: 13px;}
.logo-section-cont p {font-size:30px; margin-top: 10px; line-height: 30px;
}
}
@media (max-width: 320px){
.lan-box {margin-top: 1px;margin-left: 2px;}
}