/* Slider */
[data-gsap-slider-init] {
    --slider-status: on;
    /* Turn slider on/off */
    --slider-spv: 3.25;
    /* Slides per view */
    --slider-gap: 1.15rem;
    /* Slides Gap */
}

@media screen and (max-width: 991px) {
    [data-gsap-slider-init] {
        --slider-status: on;
        /* Turn slider on/off */
        --slider-spv: 1.5;
        /* Slides per view */
        --slider-gap: 1.5em;
        /* Slides Gap */
    }
}

@media screen and (max-width: 767px) {
    [data-gsap-slider-init] {
        --slider-status: on;
        /* Turn slider on/off */
        --slider-spv: 1.1;
        /* Slides per view */
        --slider-gap: 1em;
        /* Gap */
    }
}

/* Controls */
[data-gsap-slider-status="not-active"] [data-gsap-slider-controls] {
    display: none;
}

[data-gsap-slider-control-status="not-active"] {
    opacity: 0.2;
    pointer-events: none;
}

/* Customization */

.gsap-slider__control {
    transition: opacity 0.3s ease;
}

.demo-card {
    transition: all 0.3s ease;
}

[data-gsap-slider-item-status="not-active"] .demo-card {
    background-color: #131313;
}

.demo-card__tag {
    transition: all 0.3s ease;
}

/** ACTIVE SLIDER CARD */
[data-gsap-slider-item-status="active"]>div,
[data-gsap-slider-item-status="inview"]>div {
    background: white;
    color: #23265c;
}

[data-gsap-slider-item-status="active"]>div p:last-child,
[data-gsap-slider-item-status="inview"]>div p:last-child {
    color: #3e498b;
}

[data-gsap-slider-item-status="active"]>div p,
[data-gsap-slider-item-status="inview"]>div p {
    color: inherit;
}