.fc_sectors_slider {
	overflow: hidden;
}
.intro_controls_container {
	display: flex;
	align-items: center;
	gap: 20px;
	justify-content: space-between;
	position: relative;
	z-index: 2;
}
.intro_controls_container .controls {
	display: flex;
	align-items: center;
	gap: 20px;
	margin-left: auto;
}
.intro_controls_container .controls > div {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' fill='none'%3E%3Ccircle cx='30' cy='30' r='29' stroke='%2300B3BA' stroke-width='2' transform='matrix(-1 0 0 1 60 0)'/%3E%3Cpath fill='%2300B3BA' d='M41.25 29a1 1 0 1 1 0 2v-2Zm-23.207 1.707a1 1 0 0 1 0-1.414l6.364-6.364a1 1 0 0 1 1.414 1.414L20.164 30l5.657 5.657a1 1 0 0 1-1.414 1.414l-6.364-6.364ZM41.25 31h-22.5v-2h22.5v2Z'/%3E%3C/svg%3E");
	display: block;
	cursor: pointer;
	width: 60px;
	height: 60px;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	transition: all .3s ease-in-out;
}
.intro_controls_container .controls > div.next {
	transform: rotate(180deg);
}
.intro_controls_container .controls > div:hover {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' fill='none'%3E%3Ccircle cx='30' cy='30' r='30' fill='%2300B3BA' transform='rotate(180 30 30)'/%3E%3Cpath fill='%23fff' d='M41.25 31a1 1 0 1 0 0-2v2Zm-23.207-1.707a1 1 0 0 0 0 1.414l6.364 6.364a1 1 0 0 0 1.414-1.414L20.164 30l5.657-5.657a1 1 0 0 0-1.414-1.414l-6.364 6.364ZM41.25 29h-22.5v2h22.5v-2Z'/%3E%3C/svg%3E");
	transition: all .3s ease-in-out;
}
.intro_controls_container .intro {
	max-width: 800px;
	width: 100%;
}
.sectors-slider {
	display: flex;
	gap: 40px;
}
.sectors-slider.grid {
	display: grid;
	gap: 20px;
	grid-template-columns: repeat(3, 1fr);
}
.sectors-slider .sector {
	position: relative;
	padding: var(--padding-m) var(--padding-s);
	font-size: 18px;
	font-family: "Josefin Sans", sans-serif;
	font-weight: 400;
	line-height: 20px;
	box-sizing: border-box;
	text-decoration: none;
	border-radius: 10px;
	overflow: hidden;
	aspect-ratio: 40 / 47;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}
.sectors-slider .sector .background_image {
	position: absolute;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	left: 0;
	top: 0;
	z-index: 0;
}
.sectors-slider .sector .background_image::after {
	background-image: linear-gradient(180deg, rgba(0, 179, 186, 0.00) 33.4%, rgba(0, 179, 186, 0.7) 83.51%), linear-gradient(180deg, rgba(0, 179, 186, 0.7) 0%, #00A7AD 100%);
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	opacity: 1;
	transition: all .3s ease-in-out;
}
.sectors-slider .sector .background_image::before {
	background-image: linear-gradient(180deg, rgba(0, 179, 186, 0.00) 33.4%, #00A7AD 83.51%), linear-gradient(180deg, #00A7AD 0%, #00A7AD 100%);
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	transition: all .3s ease-in-out;
}
.sectors-slider .sector:hover .background_image::before ,
.sectors-slider div.sector .background_image::before {
	opacity: 0;
	transition: all .3s ease-in-out;
}
.sectors-slider .sector:nth-child(2n) .background_image::before {
	background-image: linear-gradient(180deg, rgba(0, 179, 186, 0.00) 33.4%, #ED6E59 83.51%), linear-gradient(180deg, #ED6E59 0%, #ED6E59 100%);
}
.sectors-slider .sector:nth-child(2n) .background_image::after {
	background-image: linear-gradient(180deg, rgba(0, 179, 186, 0.00) 33.4%, rgba(237, 110, 89, 0.7) 83.51%), linear-gradient(180deg, rgba(237, 110, 89, 0.7) 0%, #ED6E59 100%);
}
.sectors-slider .sector:nth-child(3n) .background_image::before {
	background-image: linear-gradient(180deg, rgba(0, 179, 186, 0.00) 33.4%, #4FB480 83.51%), linear-gradient(180deg, #4FB480 0%, #4FB480 100%);
}
.sectors-slider .sector:nth-child(3n) .background_image::after {
	background-image: linear-gradient(180deg, rgba(0, 179, 186, 0.00) 33.4%, rgba(79, 180, 128, 0.7) 83.51%), linear-gradient(180deg, rgba(79, 180, 128, 0.7) 0%, #4FB480 100%);
}
.sectors-slider .sector:nth-child(4n) .background_image::before {
	background-image: linear-gradient(180deg, rgba(0, 179, 186, 0.00) 33.4%, #B91781 83.51%), linear-gradient(180deg, #B91781 0%, #B91781 100%);
}
.sectors-slider .sector:nth-child(4n) .background_image::after {
	background-image: linear-gradient(180deg, rgba(0, 179, 186, 0.00) 33.4%, rgba(185, 23, 129, 0.7) 83.51%), linear-gradient(180deg, rgba(185, 23, 129, 0.7) 0%, #B91781 100%);
}
.sectors-slider .sector:nth-child(5n) .background_image::before {
	background-image: linear-gradient(180deg, rgba(0, 179, 186, 0.00) 33.4%, #74C9BA 83.51%), linear-gradient(180deg, #74C9BA 0%, #74C9BA 100%);
}
.sectors-slider .sector:nth-child(5n) .background_image::after {
	background-image: linear-gradient(180deg, rgba(0, 179, 186, 0.00) 33.4%, rgba(116, 201, 186, 0.7) 83.51%), linear-gradient(180deg, rgba(116, 201, 186, 0.7) 0%, #74C9BA 100%);
}
.sectors-slider .sector:nth-child(6n) .background_image::before {
	background-image: linear-gradient(180deg, rgba(0, 179, 186, 0.00) 33.4%, #1059A9 83.51%), linear-gradient(180deg, #1059A9 0%, #1059A9 100%);
}
.sectors-slider .sector:nth-child(6n) .background_image::after {
	background-image: linear-gradient(180deg, rgba(0, 179, 186, 0.00) 33.4%, rgba(16, 89, 169, 0.7) 83.51%), linear-gradient(180deg, rgba(16, 89, 169, 0.7) 0%, #1059A9 100%);
}
.sectors-slider .sector .icon {
	height: 75px;
	width: 85px;
	background-size: contain;
	margin-bottom: 30px;
	position: relative;
	z-index: 2;
}
.sectors-slider .sector .content {
	position: relative;
	z-index: 2;
}
.sectors-slider .sector::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='41' height='41' fill='none'%3E%3Cpath fill='%23fff' d='M1.232 36.232a2.5 2.5 0 0 0 3.536 3.536l-3.536-3.536ZM40.855 2.645a2.5 2.5 0 0 0-2.5-2.5h-22.5a2.5 2.5 0 0 0 0 5h20v20a2.5 2.5 0 0 0 5 0v-22.5ZM4.768 39.768 40.123 4.412 36.588.877 1.232 36.232l3.536 3.536Z'/%3E%3C/svg%3E");
	max-width: 41px;
	width: 2.5vw;
	aspect-ratio: 1 / 1;
	content: '';
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	display: block;
	position: absolute;
	top: 10px;
	right: 10px;
	opacity: 0;
	transition: all .3s ease-in-out;
}
.sectors-slider .sector:hover::after {
	opacity: 1;
	transition: all .3s ease-in-out;
}

@media (max-width: 1250px) {

	.sectors-slider.grid {
		grid-template-columns: repeat(2, 1fr);
	}

}
@media (max-width: 1024px) {
	.sectors-slider .sector::after {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' fill='none'%3E%3Cpath fill='%23fff' d='M.586 21.941a2 2 0 0 0 2.828 2.829L.586 21.94ZM25.213 2.142a2 2 0 0 0-2-2h-18a2 2 0 0 0 0 4h16v16a2 2 0 1 0 4 0v-18ZM3.414 24.77 24.627 3.556 21.8.728.586 21.94l2.828 2.829Z'/%3E%3C/svg%3E");
		width: 26px;
		height: 26px;
	}
}
@media (max-width: 850px) {
	.intro_controls_container {
		flex-wrap: wrap;
	}
	.intro_controls_container .controls {
		justify-content: center;
		width: 100%;
	}
	.intro_controls_container .intro {
		max-width: unset;
		min-width: 100%;
	}
}

@media (max-width: 750px) {

	.sectors-slider.grid {
		grid-template-columns: repeat(1, 1fr);
	}

}
