/*==================================================
SIDV SLIDER V2
==================================================*/

.sidv-slider{

    position:relative;

    width:100%;

}

.sidv-slider__viewport{

    overflow:hidden;

    width:100%;

}

.sidv-slider__track{

    display:flex;

    align-items:stretch;

    will-change:transform;

    transition:transform .55s cubic-bezier(.22,.61,.36,1);

}

.sidv-slider__slide{

    flex:0 0 auto;

    box-sizing:border-box;

}

/*==================================================
ARROWS
==================================================*/

.sidv-slider__arrow{

    position:absolute;

    top:50%;

    transform:translateY(-50%);

    width:52px;

    height:52px;

    border:none;

    border-radius:50%;

    background:#ffffff;

    color:#0D2137;

    font-size:22px;

    cursor:pointer;

    display:flex;

    justify-content:center;

    align-items:center;

    transition:.30s;

    box-shadow:0 15px 35px rgba(0,0,0,.15);

    z-index:50;

}

.sidv-slider__arrow:hover{

    background:#FF9800;

    color:#fff;

    transform:translateY(-50%) scale(1.08);

}

.sidv-slider__arrow--prev{

    left:-22px;

}

.sidv-slider__arrow--next{

    right:-22px;

}

/*==================================================
DOTS
==================================================*/

.sidv-slider__dots{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:10px;

    margin-top:35px;

}

.sidv-slider__dot{

    width:12px;

    height:12px;

    border-radius:50%;

    background:#D8DEE6;

    cursor:pointer;

    transition:.30s;

}

.sidv-slider__dot:hover{

    background:#FF9800;

}

.sidv-slider__dot.is-active{

    background:#FF9800;

    transform:scale(1.25);

}

/*==================================================
CURSOR
==================================================*/

.sidv-slider.is-draggable{

    cursor:grab;

}

.sidv-slider.is-dragging{

    cursor:grabbing;

}

.sidv-slider.is-dragging .sidv-slider__track{

    transition:none;

}

/*==================================================
RESPONSIVE
==================================================*/

@media(max-width:992px){

    .sidv-slider__arrow{

        width:46px;

        height:46px;

    }

}

@media(max-width:768px){

    .sidv-slider__arrow{

        display:none;

    }

}