body {
    &.home {
        section.homeslider {
            .splide__slide {

                height: 580px !important;

                @media (max-width: 900px) {
                    height: 380px !important;
                }

                @media (max-width: 560px) {
                    height: 300px !important;
                }
            }
        }
    }
}

section.homeslider {
    .hdp__slider {

        .homeslider__slide {

            height: 470px;

            @media (max-width: 900px) {
                height: 360px;
            }

            @media (max-width: 560px) {
                height: 280px;
            }

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

            .homeslider__content {
                position: absolute;
                bottom: 30px;
                max-width: 560px;

                h1 {
                    color: var(--white);
                    font-size: 45px;
                    line-height: 1.1;
                    text-shadow: 2px 1px rgba(0, 0, 0, 0.4);

                    @media (max-width: 900px) {
                        font-size: 32px;
                    }

                    @media (max-width: 560px) {
                        font-size: 24px;
                    }
                }
            }
        }
    }

    .wrapper_slider {
        .splide__pagination {
            bottom: 10px !important;

            li {
                .splide__pagination__page {
                    &:not(.is-active),
                    &:not(:hover) {
                        background: var(--transparent) !important;
                        opacity: 1;
                    }

                    &.is-active,
                    &:hover {
                        background: var(--white) !important;
                    }
                }
            }
        }
    }
}