﻿.drag_slider { scroll-behavior: smooth; }
    .drag_slider.hover { scroll-behavior: initial; }
    .drag_slider.test_list > ul { flex-wrap: nowrap; }
    .drag_slider.product_list > ul { flex-wrap: nowrap; }
        .drag_slider.test_list > ul > li { flex-shrink: 0; margin-left: 20px; width: 316px; margin-bottom: 0; }
        .drag_slider.product_list > ul > li { flex-shrink: 0; margin-left: 20px; width: 316px; margin-bottom: 0; }


    .drag_slider.dragging_items { }
        .drag_slider.dragging_items > ul { overflow: initial !important; }

.drag_slide_conti { position: relative; }
    .drag_slide_conti .drag_slide_button { display: none; align-items: center; justify-content: center; position: absolute; top: 50%; transform: translateY(-50%); width: 32px; height: 100%; background-color: rgba(15, 14, 14, 0.1) ; opacity: 0.8; z-index: 5; transition: all 0.5s ease-in-out; }
        .drag_slide_conti .drag_slide_button.hover, .drag_slide_conti:hover .drag_slide_button { background-color: rgba(15, 14, 14, 1); }
    .drag_slide_conti .drag_slide_button_prev { right: 0;border-radius:0 10px 10px 0; }
    .drag_slide_conti .drag_slide_button_next { left: 0; border-radius:10px 0 0 10px; }
    .drag_slide_conti .drag_slide_button .arrow { border-color: #fff;position:relative; }
    .drag_slide_conti.has_buttons .drag_slide_button { display: flex;cursor:pointer; }
    .drag_slide_conti .drag_slide_button_prev .arrow { left: -2px; }
    .drag_slide_conti .drag_slide_button_next .arrow {right:-2px; }

@media only screen and (max-width : 1020px) {
    .drag_slider { overflow-x: auto !important; }
}