/*=====================
 slick slider css start
==========================*/

.slick-slider {
    overflow: hidden;

    &.slick-slider {
        overflow: visible;
    }
}

.no-arrow {

    .slick-next,
    .slick-prev {
        display: none !important;
    }
}


.theme-dots {
    .slick-dots {
        bottom: 10px;

        li {
            button {
                &:before {
                    font-size: 12px;
                }
            }

            &.slick-active {
                button {
                    &:before {
                        color: var(--theme-color);
                    }
                }
            }
        }
    }

    &.slick-dotted {
        &.slick-slider {
            margin-bottom: 0;
        }
    }
}

.slick-sm-margin {
    .slick-list {
        margin-left: -8px;
        margin-right: -8px;
    }

    .slick-slide {
        >div {
            margin-left: 8px;
            margin-right: 8px;
        }
    }
}