.home-cat-section {
    .cat-item {
        display: block;
        border-radius: 15px;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        -ms-border-radius: 15px;
        -o-border-radius: 15px;
        overflow: hidden;

        img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    }

    .swiper-pagination {

        position: relative;
        bottom: 0;
        padding: 1rem;

        .swiper-pagination-bullet {
            position: relative;
            width: 8px;
            height: 8px;
            margin: 0px 2px;
            background-color: var(--button-hover-color);
            border-radius: 4px;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            -ms-border-radius: 4px;
            -o-border-radius: 4px;
            transition: all 0.3s ease;
            opacity: 0.5;

            &.swiper-pagination-bullet-active {
                width: 25px;
                background-color: #00578C;
                opacity: 1;
            }
        }
    }
}