.examples-work-section {
	[data-examples-work-slider] {
		overflow: hidden;

		@include desktop {
			overflow: unset;
		}
	}

	@include desktop {
		gap: 24px;

		.custom-swiper-pagination {
			display: none !important;
		}
	}
}

.examples-work-section__wrapper {
	display: flex;
	flex-flow: column;
	gap: 16px;

	@include desktop {
		gap: 24px;
	}
}

.examples-work-section__tags {
	.swiper-slider {
		overflow: hidden;
		margin: 0 -16px;
		padding: 0 16px;
	}
}

.examples-work-section__tag {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0px 14px;
	width: auto !important;
	height: 36px !important;
	font-weight: 500;
	font-size: 14px;
	border-radius: 16px;
	border: 1px solid $color-border;
	box-sizing: border-box;

	&.active {
		color: $color-white;
		background-color: $color-green;
		border-color: $color-green;
	}

	@include desktop {
		height: 42px;
		font-size: 16px;
		border-radius: 16px;

		&:hover {
			border-color: $color-green;
		}
	}
}

.examples-work-section__slide {
	width: 100%;
	height: 268px !important;
	border-radius: 20px;
	overflow: hidden;

	img {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
		pointer-events: none;
	}
}