.slick-active {
    opacity: 1;
}

.slick-current {
    opacity: 1;
}

.arrow-left {
    width: 48px;
    height: 48px;
    text-align: center;
    position: absolute;
    z-index: 99;
    top: 22%;
    background: transparent;
    left: 1px;
    cursor: pointer;
    background: rgba(220, 220, 220, 0.6);
    color: #2e2e2e;
    font-size: 24px;
}

.arrow-left:hover {
    background: rgba(220, 220, 220, 0.8);
}

.arrow-right {
    width: 48px;
    height: 48px;
    text-align: center;
    position: absolute;
    z-index: 99;
    top: 22%;
    background: rgba(220, 220, 220, 0.6);
    right: 2px;
    cursor: pointer;
    color: #2e2e2e;
    font-size: 24px;
}

.arrow-right:hover {
    background: rgba(220, 220, 220, 0.8);
}

.promotions .icon-arrow {
    position: relative;
    top: 15%;
    transform: translateY(-50%);
}

.slick-disabled {
    opacity: 0;
    pointer-events: none;
}