.attention-block {
	padding: 20px;
	margin: 16px 0;
	border-radius: 4px;
	/* background-color: #eee; */
	border: 2px solid #ccc;
	/* font-size: 14px; */
	display: flex;
	column-gap: 40px;
	align-items: center;
}
@media (max-width: 992px){
	  .attention-block {
			padding: 10px;
			column-gap: 20px;

			flex-direction: column;
      row-gap: 10px;
      align-items: flex-start;
		}
}

.attention-block-icon {
	display: block;
	width: 64px;
	height: 64px;
	/* margin-right: 8px; */

}

@media (max-width: 1440px){
	.attention-block-icon {
		display: block;
		width: 56px;
		height: 56px;
	}
}
@media (max-width: 992px){
	.attention-block-icon {
		display: block;
		width: 40px;
		height: 40px;
	}
}


.attention-block-title {
	display: block;
	font-weight: 700;
	font-size: 16px;
	margin-bottom: 8px;
}
.attention-block-text {
	display: block;
	/* font-weight: 400;
	font-size: 15px; */
}

.attention-block-info {
	/* background-color: #e1eafa; */
	border-color: #8AA9DD;
}

.attention-block-warning {
	/* background-color: #fff8db; */
	border-color: rgba(255, 122, 0, 0.3);
	background-color: rgba(255, 122, 0, 0.1);
	color: rgba(255, 122, 0, 1);
}

.attention-block-danger {
	/* background-color: #ffefe7; */
	border-color: rgba(255, 0, 0, 0.3);
	background-color: rgba(255, 0, 0, 0.1);
	color: rgba(255, 0, 0, 1);
}

.attention-block-success {
	/* background-color: #eaffe5; */
	border-color: rgba(1, 178, 29, 0.3);
	background-color: rgba(1, 178, 29, 0.1);
	color: rgba(1, 178, 29, 1);
}

.attention-block-neutral {
	border-color: rgba(212, 219, 242, 1);
	background-color: rgba(234, 239, 255, 1);
	color: rgba(39, 59, 152, 1);
}