/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 22 2025 | 06:31:22 */
.best-services {
	--animation-speed: 0.3s;
	
	counter-reset: section;
}

.best-services__sections-list {
	margin-top: -100vh;
}

.best-services__item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    pointer-events: none;
	
	transition: opacity var(--animation-speed) ease-in-out;
}

.best-services__item--active {
	opacity: 1;
}

.best-services__title-box {
	transition: opacity var(--animation-speed) ease-in-out;
}

.best-services--active .best-services__title-box:not(.best-services__title-box--active) {
	opacity: 0.05 !important;
}

.best-services .kb-query-item:nth-child(2) .best-services__item {
	background-color: #F78D2D;
}

.best-services .kb-query-item:nth-child(3) .best-services__item {
	background-color: #EEC15E;
}

.best-services__image.best-services__image.best-services__image {
	max-width: 68vh;
}

.best-services__title {
	position: relative;
	padding-left: 70px;
}

.best-services__title::before {
	position: absolute;
	top: 10px; left: 0;
	
	counter-increment: section;
	content: "0" counter(section);
	font-size: 20px;
	margin-right: 40px;
} 

.best-services__text {
	position: absolute;
	opacity: 0;
	left: 70px; top: 80px;
	transform: translateY(100px);
	transition: opacity var(--animation-speed) ease-in-out, transform var(--animation-speed) ease-in-out;
}

.best-services__title-box--active .best-services__text {
	opacity: 1;
	transform: translateY(0);
}