.product-carousel-slice-container {
    @include media-breakpoint-up(lg) {
        .slick-dots {
            bottom: 1%;
            left: -12%;
        }
    }

    .slick-dots {
        li {
            button {
                padding: 0;

                &::before {
                    font-size: 12px;
                    opacity: .9;
                    color: white;
                }
            }
        }

        .slick-active button::before {
            color: #507CFF;
        }
    }

    // hide arrows
    .slick-prev:before,
    .slick-next:before {
        opacity: 0;
    }

    .products {
        .product-slide {
            .g-sky-border {
                // position: absolute;
            }

            .product-image {
                img {
                    width: 100%;
                    background: white;
                    border-radius: 16px;
                }
            }

            .title {
                color: $blue;
            }
        }
    }
}