/* SMART_HOME_LATEST_FINAL_V2_3 */

.smart-home-latest-carousel {
    position: relative;
    display: block !important;
    margin-left: -6px;
    margin-right: -6px;
}

.smart-home-latest-carousel .slick-list {
    overflow: hidden;
}

.smart-home-latest-carousel .slick-track {
    display: flex !important;
    align-items: stretch;
}

.smart-home-latest-carousel .ds-module-col.slick-slide {
    flex: 0 0 auto !important;
    max-width: none !important;
    height: auto;
    padding-left: 6px;
    padding-right: 6px;
}

.smart-home-latest-carousel .ds-module-col.slick-slide > .content-block {
    height: 100%;
}

.smart-home-latest-arrow {
    position: absolute;
    top: 44%;
    z-index: 10;

    width: 42px;
    height: 42px;

    padding: 0;
    border: 0;
    border-radius: 50%;

    background: #fff;
    box-shadow: 0 3px 16px rgba(0, 0, 0, .14);

    font-size: 29px;
    line-height: 39px;
    text-align: center;
    cursor: pointer;
}

.smart-home-latest-arrow--prev {
    left: -21px;
}

.smart-home-latest-arrow--next {
    right: -21px;
}

.smart-home-latest-arrow.slick-disabled {
    opacity: .35;
    cursor: default;
}

.smart-home-latest-carousel .slick-dots {
    display: none !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 12px 0 0;
    padding: 0;
    list-style: none;
}

.smart-home-latest-carousel .slick-dots li {
    margin: 0;
    padding: 0;
    line-height: 0;
}

.smart-home-latest-carousel .slick-dots li button {
    width: 8px;
    height: 8px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    font-size: 0;
    line-height: 0;
    background: #b8c0c7;
    cursor: pointer;
}

.smart-home-latest-carousel .slick-dots li.slick-active button {
    background: #244a61;
}

@media (max-width: 767.98px) {
    .smart-home-latest-carousel {
        margin-left: -4px;
        margin-right: -4px;
    }

    .smart-home-latest-carousel .ds-module-col.slick-slide {
        padding-left: 4px;
        padding-right: 4px;
    }

    .smart-home-latest-arrow {
        display: none !important;
    }

    .smart-home-latest-carousel .slick-dots {
        display: flex !important;
    }
}