.section-service {
	background: var(--gradient-service);
}

.section-service > .container {
	padding-block: var(--size-v-pad-md) var(--size-v-pad-sm);
}

.section-service .section-content > .desc {
	margin-top: var(--size-section-title-mb);
}

.section-service .service-slider-track {
	margin-top: var(--size-section-block-mt);
}

.section-service .service {
	border-radius: 1.2rem;
	background: var(--color-overlay-light-10);
	backdrop-filter: blur(2px);
	padding: 6.5rem 4.5rem 4.5rem 4.5rem;
	transition: var(--transition-fast);
}

.section-service .service .service-icon {
	width: 6.8rem;
	height: 6.8rem;
}

.section-service .service .service-title {
	margin-top: var(--size-card-title-mt);
}

.section-service .service .service-desc {
	margin-top: var(--size-card-body-mt);
}

@media (hover: hover) {
    .section-service .service:hover {
        background: var(--color-overlay-light-20);
    }
}

@media only screen and (max-width: 991.98px) {

	.section-service .swiper-button-next,
	.section-service .swiper-button-prev {
		position: unset;
		margin-top: 5rem;
	}

	.section-service .service {
		padding: var(--size-pad-lg) var(--size-pad-xs) var(--size-pad-xs);
	}

	.section-service .service .service-icon {
		width: 3rem;
		height: 3rem;
	}

	.section-service .service .service-icon img {
		width: 100%;
		height: 100%;
	}
}