.jet-carousel { .jet-carousel__item { &-title { margin: 0; padding: 0; } .jet-carousel__item-button { background-color: #6ec1e4; } } .jet-arrow { width: 36px; height: 36px; border-radius: 18px; margin-top: -18px; color: #fff; font-size: 23px; &.prev-arrow { @include start(20px); } &.next-arrow { @include end(20px); } } .jet-slick-dots { li { &.slick-active { span { background-color: #61ce70; } } &:hover { span { background-color: #6ec1e4; } } span { background-color: #7a7a7a; } } } }