product-power .product-power-content {
    display: flex;
    margin-top: 40px;
    gap: 25px;
}

product-power .pp-slider-container {
    width: 50%;
    position: relative;
}

product-power .pp-content-container {
    width: 50%;
    display: grid;
    grid-template-columns: repeat(2, auto);
    gap: 10px;
}

product-power .pp-table-item {
    border-radius: 8px;
    background-color: rgba(var(--card-background-color));
}

product-power .pp-table-item .block-heading {
    color: rgba(var(--color-light-text));
}

product-power .pp-slider-item .pp-image img {
    border-radius: 8px;
}

product-power .pp-table-row>.pp-table-row-table-text {
    width: calc(50% - var(--s-column-gap));
}

product-power .slider-container-pagination {
    position: absolute;
    bottom: -60px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9;
}

product-power .swiper-horizontal>.swiper-pagination-bullets,
product-power .swiper-pagination-bullets.swiper-pagination-horizontal,
product-power .swiper-pagination-custom,
product-power .swiper-pagination-fraction {
    --swiper-pagination-bottom: -12px;
}

product-power .swiper-pagination .swiper-pagination-bullet,
product-power .swiper-pagination .swiper-pagination-bullet-active {
    --swiper-pagination-bullet-height: 30px;
    --swiper-pagination-bullet-width: 30px;
    --swiper-pagination-bullet-inactive-opacity: 0.5;
    background-clip: content-box !important;
    padding: 3px;
    border: 1px solid;
}

product-power .swiper-pagination .swiper-pagination-bullet-active {
    --swiper-pagination-bullet-inactive-opacity: 1;
}

product-power .swiper-pagination {
    position: relative;
    /* Ensure it is positioned in the stacking context */
    z-index: 10;
    --swiper-pagination-bullet-border-radius: 50%;
}

product-power .swiper-pagination-bullet {
    z-index: 10;
    /* Ensure the bullet is above other elements */
}

product-power .pp-table-item-heading {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
}

@media(max-width:959px) {
    product-power .product-power-content {
        flex-direction: column;
        gap: 110px;
    }

    product-power .pp-slider-container,
    product-power .pp-content-container {
        width: 100%;

    }

    product-power .pp-content-container {
        grid-template-columns: repeat(1, auto);
    }

    product-power .slider-container-pagination {
        bottom: -50px;
    }

    product-power .swiper-horizontal>.swiper-pagination-bullets,
    product-power .swiper-pagination-bullets.swiper-pagination-horizontal,
    product-power .swiper-pagination-custom,
    product-power .swiper-pagination-fraction {
        --swiper-pagination-bottom: -17px;
    }
}