body {
			background: #fff;
			font-size: 13px;
		}

		.auth {
			width: 450px;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%,-50%);
		}

		.auth-container {
			background: #f7f7f7;
			box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
		}
		
		.display-none {
			display:none;
		}


		@supports (display: grid) {
		  .auth-container .auth-title {
				display: grid;
				grid-template-columns: 140px auto;
				color: #fff;
			}
		}


		.auth-container .auth-title {
			color: #fff;
			position: relative;
		}


		.auth-title-sec1 {
			position: relative;
			left: 0px;
			width: 140px;
		}

		.auth-title-sec2 {
			position: absolute;
			right: 0px;
			top: 0px;
			height: 48px;
			z-index: 4000;
		}

		.auth-container .auth-title div,
		.auth-container .form {
			padding: 10px 20px;
			font-weight: 600;
		}

		.auth-title-sec2 {
			/*background: #2c3e50;*/
		}


		.auth-title-sec1 {
			background: #27ae60;
		}


		.hero__div {
			margin-top: -35px;
			width: 100%;
		}

		.blue_bg {
			background-color: #306ffd;
			background-image: linear-gradient(60deg,#306efe,#003ab7);
			height: 300px;
		}

		.loader,
		.login_btn_sm {
		    display: none;
		}
		
		
		.text-span {
        	display: inline-block;
        	border-radius: 50%;
        	border: 2px solid white;
        	position: relative;
        	width: 28px;
        	height: 28px;
        	padding: 0px 2px;
        	padding-top: 3px;
        	font-family: Arial;
        }
		
		@media only screen and (max-width: 768px) {
		    .login_btn_sm {
		        display: block;
		    }
		    
		    .login_btn {
		        display: none;
		    }
		    .auth {
    			width: 100%;
    			position: relative;
    			top: 0px;
    			transform: none;
    			left: 0px;
    		}
    		
    		.blue_bg,
    		.svg_image {
    		    display: none;
    		}
    		
    		.auth-container {
    		    box-shadow: none !important;
    		}
		}