.promo-list {
    margin:0;
    padding:0;
    list-style: none;
    margin:40px 0 90px 0;
}

.promo-list .owl-item {
    display: flex;
    flex-direction: row;
    text-align: center;
    color:rgb(29, 29, 29);
    align-items: center;
    font-size:clamp(16px, calc(28/1920 * 100vw), 28px);
    justify-content: center;
    align-items: center;
    border: 1px solid #b6b6b6;
    padding: 20px 50px;
    min-height: 300px !important;
    border-top-left-radius: 12px;
    border-bottom-right-radius: 24px;
    align-items: center;
    align-content: center;

    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.promo-list .owl-item.center-item {
    background-color: var(--theme-color-secondary);
    color:white;
}

.promo-list .owl-item:hover {
    background-color: var(--theme-color-secondary);
    color:white;
}

.owl-carousel .owl-nav button.owl-next, 
.owl-carousel .owl-nav button.owl-prev, 
.owl-carousel button.owl-dot {
    font-size: 50px !important;
    margin: 0 30px;
    color: var(--theme-color-primary) !important;
    transition:all 0.3s;
}

.owl-carousel .owl-nav button.owl-next:hover, 
.owl-carousel .owl-nav button.owl-prev:hover, 
.owl-carousel button.owl-dot:hover {
    color: var(--theme-color-secondary) !important;
}


@media screen and (max-width: 640px) {
    .promo-list {
        margin-bottom: 40px;
    }

    .promo-list .owl-item {
        height: 150px;
        width: 150px;
        margin: 0;
    }
}