.yg-slider-container {
    display: flex;
    overflow: hidden;
    flex-direction: column;
}

.yg-slider-container .yg-slider-inner {
    position: relative;
}

.yg-slider-container .yg-slider-content-container {
    display: flex;
    overflow: hidden;
}

.yg-slider-container .yg-slider-content-container img {
    transition: transform 0.5s ease-in-out;
    border-radius: 12px;
}

.yg-slider-container .yg-slider-content-container:hover img {
    transform: scale(1.1);
}

.yg-slider-container .yg-slider-navigation {
    position: relative;
    width: 100%;
    height: auto;
}

.yg-slider-navigation .yg-slider-progress {
    height: 4px;
    background: rgba(26, 26, 26, 0.10);
}

.yg-slider-progress .swiper-scrollbar-drag {
    background: #12DAFE;
}

.yg-slider-prev {
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translate(-20px, -50%);
    display: flex;
    z-index: 20;
    cursor: pointer;
}

.yg-slider-next {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translate(20px, -50%);
    display: flex;
    z-index: 20;
    cursor: pointer;
}

.yg-slider-prev svg,
.yg-slider-next svg {
    color: #F4F6F8;
    transition: all 0.3s ease-in-out;
}

.yg-slider-next svg path:last-child,
.yg-slider-prev svg path:last-child {
    color: #141414;
}

.yg-slider-next.swiper-button-disabled svg path:last-child,
.yg-slider-prev.swiper-button-disabled svg path:last-child {
    color: #B9C0CB;
}

.yg-slider-next.swiper-button-disabled svg,
.yg-slider-prev.swiper-button-disabled svg {
    color: #E8EBEF;
}

.yg-slider-prev:hover svg,
.yg-slider-next:hover svg {
    color: #E8EBEF;
}

.yg-slider-prev:active svg,
.yg-slider-next:active svg {
    color: #D0D6DE;
}

@media (max-width: 768px) {
    .yg-slider-arrows {
        display: none;
    }
}