.service-grid_wrapper .service-title a:focus-visible {
    color: #fff;
}

.service-grid_wrapper .service-title a:hover {
    color: #fff;
}

.service-grid_wrapper .service-title a:active {
    color: #fff;
}

.service-grid__btn-wrapper {
    display: flex;
    justify-content: center !important;
    align-items: center !important;
    padding: 20px 0;
}

.carousel-control-next, .carousel-control-prev {
	z-index: 3 !important;
	opacity: 1 !important;
}

.mobile-left, .mobile-right {
	font-size: 27px !important;
    color: #04542a !important;
}

.mobile-control-next, .mobile-control-prev {
    top: 72% !important;
}

.mobile-control-next {
    right: -12px !important;
}

.mobile-control-prev {
    left: -17px !important;
}

.tablet-control-next, .tablet-control-prev {
    top: 75% !important;
}

.tablet-control-next {
    right: -50px !important;
}

.tablet-control-prev {
    left: -56px !important;
}

/* При наведении на блок #blog-sec стрелки становятся видимыми */
#service-sec:hover .prev-left {
    left: var(--pos-x, -120px);
    opacity: 1; /* Полная видимость */
}

#service-sec:hover .prev-right {
    right: -100px;
    opacity: 1; /* Полная видимость */
}

.service-grid_img img {
	width: 100% !important;
    height: 100% !important;
}

.service-grid_img {
    position: absolute !important;
    bottom: 0 !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    -webkit-transition: all 0.4s ease-in-out !important;
    transition: all 0.4s ease-in-out !important;
	width: 300px;
}

/* Скрываем все карусели по умолчанию */
.carousel-desktop,
.carousel-tablet,
.carousel-mobile {
    display: none;
}

/* Показываем карусель для десктопов (ширина > 1280px) */
@media (min-width: 1280px) {
    .carousel-desktop {
        display: block;
    }
	.service-grid_img {
		width: 270px;
	}
}

/* Показываем карусель для планшетов (ширина 768px - 1280px) */
@media (min-width: 768px) and (max-width: 1280px) {
    .carousel-tablet {
        display: block;
    }
}

/* Показываем карусель для мобильных устройств (ширина < 768px) */
@media (max-width: 768px) {
    .carousel-mobile {
        display: block;
    }
}