.error_box {
	position: relative;
	text-align: center;
	box-sizing: border-box;
	background: rgba(var(--first_rgb), 0.1);
	border: 1px solid rgba(var(--first_rgb), 0.2);
	padding: 10px;
	margin-top: 20px;
	margin-bottom: 15px;
	cursor: pointer;
}
@media screen and (min-width : 480px) and (max-width : 767px) {
	.error_box { }
}
@media screen and (min-width : 768px) and (max-width : 1009px) {
	.error_box { padding: 20px; margin-top: 25px; }
}
@media screen and (min-width : 1010px) and (max-width : 1259px) {
	.error_box { padding: 20px; margin-top: 25px; }
}
@media screen and (min-width : 1260px) {
	.error_box { padding: 20px; margin-top: 25px; }
}

.error_box.error_box_red {
	background: rgb(220 0 0 / 10%);
	border: 1px solid rgb(220 0 0 / 50%);
}

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


	.fa-check-circle {
		display: block;
		color: var(--first_color);
		font-size: 22px;
	}

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