.dic-carousel-wrapper {
    width: 100%;
    overflow: hidden;
}

.dic-carousel {
    display: flex;
    gap: var(--dic-gap, 0px);
}

.dic-slide {
    flex-shrink: 0;
    overflow: hidden;
    box-sizing: border-box;
}

.dic-slide img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    border-radius: inherit;
}


.dic-slide:last-child {
    margin-right: 0 !important;
}


.dic-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    z-index: 10;
}

.dic-prev { left: 10px; }
.dic-next { right: 10px; }

.dic-dots {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 15px;
}

.dic-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    cursor: pointer;
}