.slider {
    @media (max-width: 991px) {
        padding-bottom: 120px;
    }

    &:not(.c_white) {
        .slider__basic {
            .splide__arrows {
                .splide__arrow {
                    border: 1.5px solid var(--white) !important;

                    &:after {
                        filter: brightness(100) !important;
                    }
                }
            }

            .splide__pagination {
                li button {
                    border: 1px solid var(--white) !important;
                    color: var(--white) !important;
                }
            }
        }
    }

    .container {

        .slider__basic:not(.slider__dates) {
            .splide__track {
                @media (min-width: 992px) {
                    overflow: visible !important;
                }

                .splide__slide {

                    &.is-prev,
                    &.is-next,
                    &.is-active {
                        transition: transform 0.3s ease, opacity 0.3s ease;
                    }

                    &.is-active {
                        transform: translate(0px) scale(1);
                    }

                    @media (min-width: 992px) {
                        &.is-prev {
                            opacity: 0.25;
                        }

                        &.is-next {
                            opacity: 0.25;
                        }
                    }

                    @media (min-width: 1200px) {
                        &.is-prev {
                        }

                        &.is-next {
                        }
                    }

                    @media (min-width: 1400px) {
                        &.is-prev {
                        }

                        &.is-next {
                        }
                    }
                }
            }
        }

        .slider__basic.slider__dates {
            .splide__slide {

                .slide__content {
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    align-items: center;

                    .slider__text {
                        text-align: center;

                        .date_dates {
                            font-size: 140px;
                            color: var(--blue);
                            text-shadow:
                                5px 0 var(--dark-blue2),
                                -5px 0 var(--dark-blue2),
                                0 5px var(--dark-blue2),
                                0 -5px var(--dark-blue2),
                                4px 4px var(--dark-blue2),
                                -4px 4px var(--dark-blue2),
                                4px -4px var(--dark-blue2),
                                -4px -4px var(--dark-blue2);
                            text-align: center;
                            font-weight: var(--bold);
                            line-height: 65px;
                        }

                        h3 {
                            margin-top: 30px;
                        }
                    }

                    img {
                        object-fit: cover;
                        border-radius: 16px;

                        @media (min-width: 992px) {
                            max-width: 800px;
                            max-height: 400px;
                        }
                    }
                }

            }

            .splide__pagination {
                display: flex;
                gap: 8px;
                justify-content: center;
                margin-top: 1rem;
                position: absolute;
                bottom: -50px;
            }

            .splide__pagination li {
                list-style: none;
            }

            .splide__pagination li button {
                font-size: 14px;
                border: 1px solid var(--dark-blue1);
                border-radius: 4px;
                background: transparent;
                padding: 4px 10px;
                color: var(--dark-blue1);
                cursor: pointer;
                transition: var(--transition);
                opacity: 0.3;
                width: 64px;
                height: 28px;
            }

            .splide__pagination li button:hover {
                background: var(--dark-blue1);
                color: #fff;
                opacity: 1;
            }

            .splide__pagination li button.is-active {
                background: transparent;
                font-weight: var(--regular);
                opacity: 1;
                transform: none;
            }

        }

        .splide__list {
            align-items: flex-start;

            .splide__slide {
                .slide__content:not(.dates) {
                    display: flex;
                    justify-content: end;

                    @media (max-width: 991px) {
                        justify-content: center;
                        flex-direction: column;
                        align-items: center;
                    }

                    img {
                        object-fit: contain;

                        @media (min-width: 992px) {
                            max-height: 480px;
                            max-width: 660px;
                            margin-right: 100px;
                        }

                        @media (min-width: 1200px) {
                            margin-right: 200px;
                        }
                    }

                    .slider__text {

                        h2,
                        h3,
                        h4 {
                            margin-bottom: 25px;
                        }

                        p,
                        li {
                            color: var(--dark-blue1) !important;
                        }

                        p {
                            font-weight: var(--light);
                        }
                    }
                }
            }
        }

        .splide__arrows {
            button {
                background: 0;
                border: 1.5px solid var(--red);
                width: 60px;
                height: 60px;
                opacity: 1;
                transition: var(--transition);

                @media (max-width: 991px) {
                    bottom: -80px;
                    top: unset !important;
                    width: 40px;
                    height: 40px;
                }

                &:after {
                    content: '';
                    background-image: url(../../img/red_arrow.svg);
                    width: 24px;
                    height: 15px;
                    background-size: contain;
                    background-repeat: no-repeat;
                    position: relative;
                }

                &.splide__arrow--next {
                    &:after {
                        transform: rotate(180deg);
                        left: -2px;
                    }
                }

                svg {
                    display: none;
                }

                &:hover {
                    opacity: 0.5;
                }
            }
        }

        &:not(.slider__dates) {
            .splide__pagination {
                bottom: -50px !important;
                height: 30px;

                li {
                    button {
                        border: 1px solid var(--blue);
                        background: none;
                        opacity: 1;
                        width: 12px;
                        height: 12px;
                        transition: var(--transition);

                        &.is-active {
                            width: 48px;
                            height: 12px;
                            color: transparent;
                            background: var(--blue);
                            border: 1px solid transparent;
                            border-radius: 6px;
                            transition: width 0.3s ease-in-out;
                            transform: none;
                            opacity: 1;
                        }
                    }
                }
            }
        }
    }
}



.slider.c_white {
    .container {
        .slider__basic {
            &.slider__dates {
                .splide__slide {
                    .slide__content {
                        .slider__text {
                            .date_dates {
                                text-shadow:
                                    5px 0 var(--clair),
                                    -5px 0 var(--clair),
                                    0 5px var(--clair),
                                    0 -5px var(--clair),
                                    4px 4px var(--clair),
                                    -4px 4px var(--clair),
                                    4px -4px var(--clair),
                                    -4px -4px var(--clair);
                            }
                        }
                    }
                }
            }
        }
    }
}



.slider.dark-blue2 {
    .container {
        .slider__basic {
            &.slider__dates {
                .splide__slide {
                    .slide__content {
                        .slider__text {
                            .date_dates {
                                text-shadow:
                                    5px 0 var(--dark-blue2),
                                    -5px 0 var(--dark-blue2),
                                    0 5px var(--dark-blue2),
                                    0 -5px var(--dark-blue2),
                                    4px 4px var(--dark-blue2),
                                    -4px 4px var(--dark-blue2),
                                    4px -4px var(--dark-blue2),
                                    -4px -4px var(--dark-blue2);
                            }
                        }
                    }
                }
            }
        }
    }
}



.slider.dark-blue3 {
    .container {
        .slider__basic {
            &.slider__dates {
                .splide__slide {
                    .slide__content {
                        .slider__text {
                            .date_dates {
                                text-shadow:
                                    5px 0 var(--dark-blue3),
                                    -5px 0 var(--dark-blue3),
                                    0 5px var(--dark-blue3),
                                    0 -5px var(--dark-blue3),
                                    4px 4px var(--dark-blue3),
                                    -4px 4px var(--dark-blue3),
                                    4px -4px var(--dark-blue3),
                                    -4px -4px var(--dark-blue3);
                            }
                        }
                    }
                }
            }
        }
    }
}



.slider.dark {
    .container {
        .slider__basic {
            &.slider__dates {
                .splide__slide {
                    .slide__content {
                        .slider__text {
                            .date_dates {
                                text-shadow:
                                    5px 0 var(--dark),
                                    -5px 0 var(--dark),
                                    0 5px var(--dark),
                                    0 -5px var(--dark),
                                    4px 4px var(--dark),
                                    -4px 4px var(--dark),
                                    4px -4px var(--dark),
                                    -4px -4px var(--dark);
                            }
                        }
                    }
                }
            }
        }
    }
}



@media (max-width: 991px) {

    .splide__slide:not(.is-active) {
        height: 0;
    }
}