.alfa-gallery-carousel {
    display: flex;
    flex-flow: column nowrap;
    gap: 20px;
    background-color: #f7f7f7;
    padding: 20px;
    padding-right: 20px;
    position: relative;
    margin-bottom: 20px;
}


.alfa-gallery-item {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
}

.alfa-gallery-main img {
    height: 470px;
    object-fit: cover;
    border-radius: 10px;
    width: 920px!important;
}

.alfa-gallery-thumbs img {
    width: 150px!important;
    height: 100px;
    object-fit: cover;
    border-radius: 10px;
}

.alfa-gallery-carousel .prev, .alfa-gallery-carousel .next {
    position: absolute;
    left: 35px;
    top: 220px;
    z-index: 3;
}
.alfa-gallery-carousel .next {
    position: absolute;
    right: 35px;
    left: inherit;
    top: 220px;
}

.alfa-gallery-item.active {
    border: 2px solid var(--accent);
    border-radius: 13px;
}

.alfa-gallery-thumbs .alfa-gallery-item {
    width: 153px!important;
    height: 104px!important;
    cursor: pointer;
}

.alfa-gallery-thumbs .alfa-gallery-item:hover {
    filter: brightness(0.7);
}

.thumb-next, .thumb-prev {
    position: absolute;
    right: 0;
    top: 40px;
    z-index: 3;
    cursor: pointer;
}

.alfa-gallery-thumb-container {
    position: relative;
    padding: 0 30px;
}

.thumb-prev {
    left: 0;
    right: inherit;
}

.alfa-gallery-carousel .next:hover, .alfa-gallery-carousel .prev:hover {
    border-color: var(--accent);
}

.next:hover i,
.prev:hover i,
.thumb-next:hover i,
.thumb-prev:hover i{
    color: #00b217;
}



@media (max-width: 820px) {
    .alfa-gallery-main img {
        height: 200px;
        width: 100%;
    }
    
    .alfa-gallery-carousel .prev, .alfa-gallery-carousel .next {
        display: none;
    }
    .alfa-gallery-thumbs .alfa-gallery-item {
        width: inherit;
        height: inherit;
    }
}