
.ultimate-slider {position: relative; z-index: 10; width: 100%; padding-top: 30px; background: #000;}
.ultimate-slider h2 {color: #FFF; margin-bottom: 30px}
.ultimate-slider .slick-slider {position: relative;}

.ultimate-slider-slide .media-container video,
.ultimate-slider-slide .media-container img {aspect-ratio: 16 / 9; width: 100%; object-fit: cover; display: block; margin-bottom: 20px}
.ultimate-slider-slide h4 {color: #FFF;}

.ultimate-slider-slide .inner {padding: 0 60px 60px;}

.ultimate-slider .slick-arrow {position: absolute; height: 30px; color: transparent; top: 38%; background-image: url(../../../img/icon-chevron-right-sm.svg); background-size: contain; background-repeat: no-repeat; background-position: center; z-index: 10;}
.ultimate-slider .slick-arrow::before {display: none}
.ultimate-slider .slick-prev {left: 17.2%; transform: rotate(180deg) translateY(15px);}
.ultimate-slider .slick-next {right: 17.5%;}
/* .ultimate-panel {transition: height 0.3s ease-in-out;} */

@media only screen and (max-width:768px) {
    .carousel-item-description {height: auto}
    .ultimate-slider-slide .inner {padding: 0 60px 20px;}
    .ultimate-slider {padding-top: 60px;}
    .ultimate-slider-slide h4 {text-align: center;}
    .ultimate-slider p {text-align: center;}
    .ultimate-slider h2 {padding: 0 10px; text-align: center;}
    .ultimate-slider .slick-prev {left: 15px; }
    .ultimate-slider .slick-next {right: 15px;}
    .ultimate-slider .slick-arrow {top: 27%;}
    }