.carousel {
    margin-bottom: 1.5rem
}

.carousel .direction {
    z-index: auto
}

.carousel .carousel-inner {
    height: 340px
}

.carousel .carousel-item {
    height: 100%
}

.carousel .carousel-item img {
    width: 100%;
    max-width: 100%;
    height: auto
}

.carousel .carousel-item .caption {
    position: absolute;
    bottom: 28px;
    left: 90px;
    max-width: 340px;
    color: var(--text)
}

.carousel .carousel-item .caption .caption-description .page-content.page-cms ul,
.carousel .carousel-item .caption .caption-description p,
.page-content.page-cms .carousel .carousel-item .caption .caption-description ul {
    font-size: 1rem;
    color: var(--text)
}

.carousel .carousel-item .caption .caption-description h3 {
    font-size: 1.25rem;
    font-weight: 600
}

.carousel .carousel-item .caption .display-1 {
    font-size: 3rem;
    font-weight: 700
}

.carousel .carousel-item figure {
    display: inline-block;
    margin: 0
}

.carousel .carousel-control {
    opacity: 1
}

.lang-rtl #products .all-product-link .material-icons,
.lang-rtl .carousel .carousel-control .icon-next .material-icons,
.lang-rtl .carousel .carousel-control .icon-prev .material-icons,
.lang-rtl .featured-products .all-product-link .material-icons,
.lang-rtl .product-accessories .all-product-link .material-icons {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.carousel .carousel-control .icon-next::before,
.carousel .carousel-control .icon-prev::before {
    content: ""
}

.carousel .carousel-control .icon-next i,
.carousel .carousel-control .icon-prev i {
    font-size: 3.125rem;
    color: var(--text)
}

.carousel .carousel-control .icon-prev {
    left: 1rem
}

.carousel .carousel-control .icon-next {
    right: 2rem
}

.carousel .carousel-control.left,
.carousel .carousel-control.right {
    background: 0 0
}

.carousel-indicators .active {
    background-color: var(--accent)
}