.error_box {
	position: relative;
	text-align: center;
	box-sizing: border-box;
	background: color-mix(in srgb, var(--first_color) 10%, transparent);
	border: 1px solid color-mix(in srgb, var(--first_color) 20%, transparent);
	padding: 10px;
	margin-bottom: 20px;
}
@media screen and (min-width : 768px) {
	.error_box { margin-bottom: 30px; }
}

.error { border: 2px solid #FF0000 !important; }

	.fa-check-circle {
		display: inline-block;
		color: var(--first_color);
		font-size: 20px;
		margin-right: 10px;
	}

	.fa-exclamation-triangle {
		display: inline-block;
		color: #e84b2e;
		font-size: 20px;
		margin-right: 10px;
	}
	
	.close_box {
		display: inline-block;
		cursor: pointer;
		font-size: 20px;
		margin-left: 10px;
	}
	
		.close_box:hover {
			color: var(--first_color);
		}
		
.loader {
	text-align: center;
	margin: 25px 0;
}
	.loader_gif {
		display: inline-block;
	}