@import "../settings/_mixins";
@import "../settings/_variables";

.dnetor-advanced-slider {
    height: 450px;

    .swiper {
        height: 100%;
    }
    .slide-bg-wrap {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;

        &:before {
            content: "";
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 2;
        }

        .slide-bg {
            transform: scale(1);
            transition: transform 1.3s cubic-bezier(0.34, 0.615, 0.4, 0.985)
                0.3s;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            background-size: cover;
            background-repeat: no-repeat;
        }
    }

    .container {
        margin-left: auto;
        margin-right: auto;
        height: 100%;
        .content-wrap {
            position: relative;
            min-height: 1px;
            width: 100%;
            height: 100%;
            display: flex;

            .slider-content {
                position: relative;
                z-index: 2;
                width: 100%;
                .slider-title {
                    width: 100%;
                    margin-top: 0;
                    margin-bottom: 0;

                    mark {
                        position: relative;
                        background: transparent;
                        padding: 0;
                        color: $accent_color;
                        &:before {
                            position: absolute;
                            bottom: 0;
                            width: 100%;
                            height: 3px;
                            left: 0;
                            background: #000;
                        }
                    }
                }
                .slider-description {
                    width: 100%;
                    margin-top: 12px;
                    p {
                        margin: 0;
                    }
                }
            }
        }
    }
}

.custom-box-slider-home3 {
    .dnetor-advanced-slider-image {
        background-color: #4b4b4b;
        clip-path: polygon(91% 0%, 100% 15%, 100% 100%, 0% 100%, 0% 0%);
    }
    .swiper-navigation-dot {
        display: none;
    }

    .custom-navigation-prev {
        background-color: #4b4b4b;
        padding: 15px;
        right: 130px;
    }
    .custom-navigation-next {
        background-color: #4b4b4b;
        padding: 15px;
        right: 65px;
        margin-right: 60px;
    }
}