@font-face {
	font-family: "Open Sans";
	src: url("../fonts/OpenSans-Regular.woff2") format("woff2"),
	     url("../fonts/OpenSans-Regular.woff") format("woff"),
	     url("../fonts/OpenSans-Regular.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

html {
	scroll-behavior: smooth;
}

body {
	overflow: hidden !important;
}


#login-box {
	background: url("../images/aramex.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	height: 100vh;
	margin-left: -20px;
}


.form-section {
	position: relative;
	left: 166px;
	top: 30%;
	transform: translate(0%, -50%);
	width: 259px;
	background: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 16px;
	padding: 48px 48px;
}

.action .button.button-primary {
	background: #dc291e !important;
	border: 0 !important;
	color: #fff !important;
	border-radius: 8px;
	font-weight: 500;
	font-size: 16px;
	font-family: "Open Sans";
	cursor: pointer;
	width: 250px;
}
.action .button.button-primary:hover {
	background: #BC0B0E !important;
}