.carousel-inner {
    padding: 2rem 0;
    margin: auto;
}

.carousel-indicators {
    margin-bottom: 0;
}

.carousel-control-next, .carousel-control-prev {
    width: 2rem;
}


#HotCarousel {
    padding: 0 40px;
}

    #HotCarousel .slick-prev {
        left: 2px;
    }

    #HotCarousel .slick-next {
        right: 1px;
    }

    #HotCarousel .item:not(:last-child) {
        margin-right: 4px;
    }

    #HotCarousel a.slick-next.slick-arrow:focus {
        outline: unset !important;
    }

    #HotCarousel a.slick-prev.slick-arrow:focus {
        outline: unset !important;
    }

    #HotCarousel a.slick-prev:focus:before {
        outline: #FA8000 dashed 2px;
    }

    #HotCarousel a.slick-next:focus:before {
        outline: #FA8000 dashed 2px;
    }

    #HotCarousel a:focus > img {
        border: #FA8000 dashed 2px;
    }