.main-title h1 {
            color: var(--main-color)
        }

        .category-page {
            margin-top: 60px
        }

        .category-page .category-block {
            border-bottom: 1px solid #eee;
            padding-bottom: 1.5rem;
        }

        .category-page .category-header {
            column-gap: 0.5rem;
            row-gap: 0;
            flex-wrap: nowrap;
        }

        .category-page .category-desc {
            margin-bottom: 2rem !important;
        }

        .category-page .category-header .category-title {
            margin-top: 20px;
            color: var(--main-color);
        }

        .category-page .services-swiper {
            padding-bottom: 1.25rem;
        }

        .category-page .services-swiper .swiper-slide {
            width: 82vw;
        }

        @media (min-width: 576px) {
            .category-page .services-swiper .swiper-slide {
                width: 320px;
            }
        }

        .category-page .swiper-nav {
            display: inline-flex;
            flex-direction: row-reverse;
            gap: 0.35rem;
        }

        .category-page .swiper-nav .swiper-button-prev,
        .category-page .swiper-nav .swiper-button-next {
            position: static;
            width: 34px;
            height: 34px;
            border-radius: 50%;
            background: var(--main-color);
            color: var(--white-color);
            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
            transition: background 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease;
        }

        .category-page .swiper-nav .swiper-button-prev::after,
        .category-page .swiper-nav .swiper-button-next::after {
            font-size: 16px;
        }

        .category-page .swiper-nav .swiper-button-prev:hover,
        .category-page .swiper-nav .swiper-button-next:hover {
            background: var(--sec-color);
            color: #fff;
            transform: translateY(-1px);
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
        }

        @media (max-width: 575.98px) {
            .category-page .category-header {
                flex-wrap: nowrap;
            }

            .category-page .category-header .category-title {
                font-size: 1.1rem;

            }
        }