.capabilities {
    border-left: 1px solid #879198;
    padding-left: 32px;
    height: fit-content;
}

.text-item {
    color: #879198;
    transition: color 0.3s ease-in-out;
    position: relative;
    cursor: pointer;
}

.text-item:last-child {
    margin-bottom: 0 !important;
}

.text-item.active {
    color: #05202E;
}

.text-item.active::before {
    content: "";
    position: absolute;
    left: -34px;
    border-left: 3px solid #E9A23E;
    height: 100%;
}


.image-box {
    aspect-ratio: 16/9;
    object-fit: cover;
    margin-bottom: 20px;
}

.media-wrapper,
.swiper-slide-image {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.popup-video-crousel {
    position: absolute;
}

/* tablet and below screen start*/
.swiper-slide {
    padding: 0 60px 30px;
}

.swiper-slide-image {
    height: 190px;
}

.swiper-button-prev:after {
    content: url('../../includes/assets/images/prev-arrow.svg');
}

.swiper-button-next:after {
    content: url('../../includes/assets/images/next-arrow.svg');
}

.swiper-scrollbar-drag {
    background: #E9A23E;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-size: inherit;
}

.swiper-button-prev {
    left: 0;
}

.swiper-button-next {
    right: 0;
}

.swiper-pagination-progressbar {
    top: auto !important;
    bottom: 0 !important;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: 1;
}

/* tablet and below screen end*/


@media (max-width: 1200px) {}

@media (max-width: 769px) {
    .section-spacing {
        padding: 40px 32px;
    }
}

@media (max-width: 767px) {

    .swiper-button-prev:after,
    .swiper-button-next:after {
        content: none;
    }

    .swiper-slide {
        padding: 0 0 30px;
    }

    .swiper-slide-image {
        margin-bottom: 20px;
    }

}

@media (max-width: 575px) {
    .section-spacing {
        padding: 40px 16px;
    }
}