#page-container #et-boc .technology-slider-row {
	max-width: 1520px;
}

#page-container #et-boc .technology-slider-row::before {
	left: 100px;
}

.technology-slider-container {
	background-color: var(--color-black);
	border-radius: var(--border-radius);
	padding: 50px;
}

.technology-slider-container .intro-container {
	display: flex;
	align-items: center;
	gap: 15px;
	margin-bottom: 60px;
}

.technology-slider-container .intro-container h2 {
	color: var(--color-red);
}

.technology-slider-container .intro-container span {
	flex-grow: 1;
	height: 3px;
	background-color: var(--color-off-white);
}

#page-container .technology-slider-container .intro-container a.aceart-button {
	border: 2px solid var(--color-grey);
	line-height: 1;
	padding: 9px 15px 9px 20px !important;
	color: var(--color-white) !important;
	display: flex;
	align-items: center;
	gap: 10px;
	height: fit-content;
	transition: 0.3s;
	white-space: nowrap;
}

#page-container .technology-slider-container .intro-container a.aceart-button:hover {
	border-color: var(--color-off-white);
	background-color: var(--color-off-white);
	color: var(--color-black) !important;
}

#page-container .technology-slider-container .intro-container a.aceart-button::after {
	content: '';
	background-image: url('/wp-content/uploads/2023/09/aceArt_Ace_Red-Heart.svg');
	transform: scaleX(-1);
	width: 15px;
	height: 15px;
	opacity: 1;
	transition: 0.3s;
}

#page-container .technology-slider-container .intro-container a.aceart-button:hover::after {
	/* content: url('/wp-content/uploads/2023/09/aceArt_Ace_Black-Heart.svg'); 
	filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(202deg) brightness(100%) contrast(102%);*/
	transform: scaleX(1);
}


/* #region Slider */

.technology-slider-container .technology-slider {
	margin-inline: 100px;
}

.technology-slider-container .technology-slider .tech-category-slide {
	display: flex;
	flex-direction: column;
	gap: 30px;
	height: auto;
	padding: 30px;
	color: var(--color-off-white);
	border: 2px solid var(--color-off-white);
	border-radius: var(--border-radius);
	font-size: var(--font-size-copy);
}

.technology-slider-container .technology-slider .tech-category-slide .category-wrapper {
	margin-inline: auto;
	text-align: center;
	font-family: var(--font-family-bold);
}

.technology-slider-container .technology-slider .tech-category-slide .technology-wrapper {
	display: flex;
	flex-wrap: wrap;
	gap: 15px 20px;
}

#page-container .technology-slider-container .technology-slider .tech-category-slide .technology-wrapper .single-tech {
	padding: 7px 20px;
	border: 2px solid var(--color-red);
	border-radius: 50px;
	color: var(--color-off-white);
	white-space: nowrap;
	text-align: center;
	font-family: var(--font-family-medium);
	transition: 0.3s;
}

#page-container .technology-slider-container .technology-slider .tech-category-slide .technology-wrapper .single-tech:hover {
	background-color: var(--color-red);
	color: var(--color-black);
}

@media only screen and (max-width: 980px) {
	.technology-slider-container .technology-slider {
		margin-inline: 50px;
	}


	.technology-slider-container .technology-slider .tech-category-slide {
		font-size: 20px;
	}

	.technology-slider-container .technology-slider .tech-category-slide .category-wrapper {
		font-family: var(--font-family-medium);
	}

	#page-container .technology-slider-container .technology-slider .tech-category-slide .technology-wrapper .single-tech {
		font-family: var(--font-family-medium);
	}
}

@media only screen and (max-width: 767px) {
	.technology-slider-container {
		background-color: var(--color-black);
		border-radius: var(--border-radius);
		padding: 40px;
	}

	.technology-slider-container .intro-container {
		flex-direction: column;
		align-items: flex-start;
		margin-bottom: 40px;
		gap: 10px;
	}

	.technology-slider-container .intro-container span.spacer {
		display: none;
	}

	.technology-slider-container .technology-slider {
		margin-inline: 0;
	}

	.technology-slider-container .technology-slider .tech-category-slide {
		padding: 20px;
	}
}

@media only screen and (max-width: 480px) {
	.technology-slider-container .technology-slider .tech-category-slide .technology-wrapper {
		grid-template-columns: 1fr;
		grid-gap: 15px;
	}
}

/* #endregion Slider */


/* #region slider arrows */

.technology-slider-container .swiper-button {
	display: none;
	position: absolute;
	top: calc(50% + 60px);
	transform: translate(-50%, -50%);
	height: 30px;
	aspect-ratio: 38 / 40;
	line-height: 1;
	cursor: pointer;
	transition: 0.2s;
	user-select: none;
	-webkit-user-select: none;
	background-repeat: no-repeat;
	background-image: url(/wp-content/themes/aceart/assets/black_heart_outline.svg);
	z-index: 10;
	-webkit-filter: invert(1);
	filter: invert(1);
}

.technology-slider-container .swiper-button:hover {
	background-image: url(/wp-content/uploads/2023/09/aceArt_Ace_Black-Heart.svg);
}

.technology-slider-container .swiper-button.active {
	display: block;
}

.technology-slider-container .swiper-button:active {
	scale: 0.95;
}

.technology-slider-container .swiper-button.prev {
	left: 20px;
	rotate: 180deg;
	transform-origin: top;
}

.technology-slider-container .swiper-button.next {
	right: 20px;
}

@media only screen and (max-width: 1400px) {
	.technology-slider-container .swiper-button.prev {
		left: 10px;
	}

	.technology-slider-container .swiper-button.next {
		right: 10px;
	}
}

@media only screen and (max-width: 980px) {
	.technology-slider-container .swiper-button {
		transform: translate(-30%, -50%);
		height: 25px;
	}
}

@media only screen and (max-width: 767px) {
	.technology-slider-container .swiper-button.prev {
		left: 0;
	}

	.technology-slider-container .swiper-button.next {
		right: 0;
	}
}

@media only screen and (max-width: 480px) {
	.technology-slider-container .swiper-button {
		top: calc(50% + 80px);
		height: 25px;
	}

}

/* #endregion slider arrows */