.owl-carousel .owl-nav button.owl-prev, 
.owl-carousel .owl-nav button.owl-next {
    position:absolute;
    top:50%;
    transform: translateY(-50%);
    background-color: var(--e-global-color-55b5e98);
    border-radius: 50%;
    display:flex;
    justify-content:center;
    align-items:center;
    border:0;
    width:50px;
    height:50px;
    transition: all 0.3s ease;
}
.owl-carousel .owl-nav button.owl-prev {
    left:-21px;
}
.owl-carousel .owl-nav button.owl-next {
    right:-21px;
}
.owl-carousel .owl-nav button.owl-prev svg 
.owl-carousel .owl-nav button.owl-next svg {
    fill: var(--e-global-color-text);
    width: 13px;
    height:22px;
}
.owl-carousel .owl-nav button.owl-prev:hover,
.owl-carousel .owl-nav button.owl-next:hover {
    box-shadow: 0px 0px 12px 0px #00000029;
}
.owl-carousel .owl-dots {
    text-align:center;
    display:flex;
    justify-content:center;
    align-items:center;
    margin-top:46px;
    gap: 16px;
}
.owl-carousel button.owl-dot {
    width:8px;
    height:8px;
    border-radius:50%;
    background-color: var(--e-global-color-c01fb4e);
    transition: all 0.3s ease;
}
.owl-carousel button.owl-dot.active {
    background-color: var(--e-global-color-primary);
}

@media screen and (max-width:1320px) {
    .owl-carousel .owl-nav button.owl-prev {
        left:10px;
    }
    .owl-carousel .owl-nav button.owl-next {
        right:10px;
    }
}