.slider-card-style-one {
    content-visibility: auto;
    contain-intrinsic-size: 500px;
}

/* Slider */

.slider-card-style-one .container-fluid .container-slider {
    z-index: 2;

}

.slider-card-style-one .container-fluid .container-slider .slick-list {
    overflow: visible;
    padding:0 10% 0 0 !important;
}

.slider-card-style-one .container-fluid .container-slider .slick-list .card {
    height: 450px;
}

/* Arrows & Dots */

.slider-card-style-one .container-fluid .container-slider .slick-arrow {
    top: auto;
    bottom: -62px;
    z-index: 2;
    width: 24px;
    height: 24px;
}

.slider-card-style-one .container-fluid .container-slider .slick-arrow.slick-prev {
    left: 16px;
}

.slider-card-style-one .container-fluid .container-slider .slick-arrow.slick-prev:before {
    content: url('../../../../src/assets/ico-arrow-black-slider.svg');
    display: block;
    line-height: 0px;
}

.slider-card-style-one .container-fluid .container-slider .slick-arrow.slick-next {
    left: 36px;
}

.slider-card-style-one .container-fluid .container-slider .slick-arrow.slick-next:before {
    content: url('../../../../src/assets/ico-arrow-black-slider.svg');
    transform: rotate(180deg) !important;
    display: block;
    line-height: 0px;
}

.slider-card-style-one .container-fluid .container-slider .slick-dots {
    width: auto;
    right: 30px;
}

.slider-card-style-one .container-fluid .container-slider .slick-dots li.slick-active button:before {
    color: transparent;
    width: 16px;
    height: 6px;
    background-color: #000;
    border-radius: 100px;
    top: calc(50% - 4px);
}

@media screen and (min-width:1024px) {

    /* Arrows */
    .slider-card-style-one .container-fluid .container-slider .slick-arrow.slick-prev {
        left: 130px;
    }

    .slider-card-style-one .container-fluid .container-slider .slick-arrow.slick-next {
        left: 150px;
    }
}


@media screen and (min-width:1600px) {
    /* Arrows */
    .slider-card-style-one .container-fluid .container-slider .slick-arrow.slick-prev {
        left: 45px;
    }
    
    .slider-card-style-one .container-fluid .container-slider .slick-arrow.slick-next {
        left: 65px;
    }
}

@media screen and (min-width:1800px) {
    .slider-card-style-one .wrap-img img {
        width: 100%;
    }
}

