.slider-gallery {
    .slide-content {
        position: absolute;
        left: 50%;
        translate: -50% 0;
    }

    .splide__pagination__page {
        height: auto;
        background: none !important;
        border: none;
        width: auto;
    }

    :is(.img-box, .bp-multimedia, #important) {
        width: 100%;
        height: 100%;
    }

    .splide__arrows {
        display: none;
    }

    .splide__pagination {
        flex-wrap: nowrap;
    }

    .splide__pagination {
        --pagination-color: var(--white);
    }

    .splide__pagination::before {
        background: var(--pagination-color);
    }

    .slide-page-icon {
        background: var(--pagination-color);
        opacity: var(--page-icon-opacity);
    }

    .slide-page-label {
        color: var(--pagination-color);
    }

    .splide__track::after {
        position: absolute;
        inset: 0;
        content: '';
        background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
        opacity: 0.5;
        pointer-events: none;
    }
}

@media only screen and (min-width : 961px) {
    .slider-gallery {
        .slide-content {
            width: 76rem;
            bottom: 14.5rem;
        }

        .splide__pagination {
            padding: 0;
            width: auto;
        }

        .splide__pagination::before {
            content: '';
            position: absolute;
            top: 0;
            inset-inline: 0;

            height: 1px;
        }

        .slide-page-icon {
            width: 100%;
            display: block;
            height: .3rem;
            transition: 0.5s;
        }

        .splide__pagination {
            width: 90%;
        }


        .splide__pagination__page {
            width: 100%;
            max-width: 27rem;
            padding-inline: 2rem;
        }

        .splide__pagination__page {
            --page-icon-opacity: 0;
        }

        .splide__pagination__page:is(.is-active, :hover) {
            --page-icon-opacity: 1;
        }

        .splide__pagination li {
            flex: 1 0 auto;
        }

        .slide-page-label {
            margin-top: 1.2rem;
            font-weight: var(--fw);
            font-size: var(--fs) !important;
            line-height: var(--lh);
            letter-spacing: var(--ls);
            font-family: var(--ff);

            --ff: var(--font-minion);
            --fw: 500;
            --fs: 1.6rem;
            --fs-xs: var(--fs);
            --lh: 112.5%;
            --ls: 0;
        }
    }
}


@media only screen and (min-width : 0) and (max-width : 960px) {
    .slider-gallery {
        .slide-content {
            padding-inline: 2rem;
            bottom: 8rem;
            width: 100%;
        }

        .slide-page-icon {
            --_size: .8rem;
            width: var(--_size);
            height: var(--_size);
            display: block;
            transition: 0.5s;
            display: block;
            margin-inline: auto;
            border-radius: 100%;
            overflow: hidden;
        }

        .slide-page-label {
            display: none;
        }

        .splide__pagination__page .slide-page-icon {
            --page-icon-opacity: 0.5;
        }

        .splide__pagination__page:is(.is-active, :hover) .slide-page-icon {
            --page-icon-opacity: 1;
        }
    }
}