.anchors {
	padding-block: 50px;
	background-color: rgba(48, 70, 109, .05);
}

@media screen and (max-width: 768px) {
	.anchors {
		padding-block: 40px;
	}
}

.anchors .anchors-title {
	color: #30466d;
	margin-bottom: 16px;
}

.anchors .anchors-title span {
	font-weight: 600;
}

@media screen and (max-width: 768px) {
	.anchors .anchors-title {
		font-size: 32px;
	}
}

.anchors .anchors-descr {
	color: #30466d;
	margin-bottom: 32px;
	max-width: 600px;
}

@media screen and (max-width: 768px) {
	.anchors .anchors-descr {
		max-width: 100%;
	}
}

.anchors .anchors-list {
	-moz-column-count: 2;
	column-count: 2;
	-moz-column-gap: 48px;
	column-gap: 48px;
}

@media screen and (max-width: 992px) {
	.anchors .anchors-list {
		-moz-column-count: 1;
		column-count: 1;
	}
}

.anchors .anchors-item {
	margin-bottom: 24px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 16px;
}

.anchors .anchors-item img {
	width: 25px;
	height: 25px;
	transition: transform .3s ease-in-out;
}

.anchors .anchors-item:hover img {
	transform: rotate(-45deg);
}

.anchors .anchors-link {
	font-size: 24px;
	color: #30466d;
	text-decoration: underline;
	text-underline-offset: 7px;
	text-decoration-thickness: 1px;
	transition: opacity .3s ease-in-out;
}

.anchors .anchors-link:hover {
	opacity: 1;
}

@media screen and (max-width: 768px) {
	.anchors .anchors-link {
		font-size: 18px;
	}
}