@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital@0;1&family=Roboto+Condensed&display=swap');
		body{
			font-family: 'Open Sans', sans-serif;
		}
		.main {
				overflow-x: hidden;
				background-color:#fff5f5;
			}
			.contwidth
			{
				width: 45%;
			}
		
			.heirow
			{
				height: auto;
			}
			@media only screen and (max-width: 600px) {
				.contwidth
					{
						width: 90%;
					}
				.heirow
					{
						height: auto;
					}
				}
			@media only screen and (max-width: 600px) {
				.mainlink{
					gap:5px;
				}
				.ahead
					{
						font-size: 15px !important;
						color: #000;
						text-decoration: none;
						background-color: #fff;
						padding: 7px 14px;
						border: 1px solid black;
						border-radius: 5px;
						
					}
				.packahead
					{
						font-size: 15px !important;
						text-decoration: none;
						padding: 7px 14px;
						background-color: #d21849;
						color: #fff;
						border-radius: 5px;
						
					}
				}
			
			
			.maincontainer{
				background: #fff;    
				padding: 15px;
				margin: auto;
			    width: 65%;
			    transform: translate(0, 15%);
				box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
			}
			.box{
		    width: 320px;
			height: auto;
			background-color: white;
			margin: 0 auto;
			position: absolute;
			left: 50%;
			top: 50%;
			margin-top: -210px;
			margin-left: -160px;
			border-radius: 20px;
			box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
			padding: 1%;
			}
			.loginout{
				overflow: hidden;
				background: rgb(131,58,180);
				background: linear-gradient(to left, rgba(131,58,180,0.8) , rgba(253,29,29,0.8) , rgba(252,176,69,0.8));
			}
			.logo{
			text-align: center;
			}
			.logo img{
				max-width:140px;
				
			}
			.error > span 
			{
				color:red;
				text-align: center;
			}
			.messages{
				font-size: 13px;
				text-align:center;
			}
			.logocenter{
				width: 100%;
				display: flex;
				align-items: center;
				justify-content: center;
			}