.brands-slider {
    display: flex;
    flex-direction: column;
}

.brands-slider-frame {
    display: flex;
    flex-direction: column;
    padding: 20px;
    border-radius: 5px;
    border: 1px solid rgba(135, 165, 192, 0.60);
}

.brands-slider__header {

}

.brands-slider .brands-slider__title {

}

.brands-slider-frame .brands-slider__title {
    
}

.brands-slider__description {
    color: var(--blue, #1E2353);
    font-family: var(--solomon);
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
}

.brands-slider__content {
    margin: 50px 0 0;
}

.brands-slider__items {
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.brands-slider-frame .brands-slider__items {
    width: calc(100% - 140px) !important;
    position: relative;
}

.brands-slider__item {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background-color: #fff;
}

.brands-slider__item-image {
    padding-bottom: 50%;
    width: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    filter: grayscale(1);
    transition: all .3s;
}

.brands-slider__item-image:hover {
    filter: grayscale(0);
}

.brands-slider__items.owl-carousel .owl-nav {
    position: absolute;
    top: 50%;
    left: -110px;
    right: -110px;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    pointer-events: none;
}

.brands-slider-frame .brands-slider__items.owl-carousel .owl-nav {
    left: -70px;
    right: -70px;
}

.brands-slider__items.owl-carousel .owl-nav button {
    transition: 0.4s;
    cursor: pointer !important;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    border: 1px solid #87A5C099 !important;
    background-color: #FFFFFF !important;
    display: flex;
    pointer-events: all;
}

.brands-slider__items.owl-carousel .owl-nav button.disabled {
    cursor: unset !important;
    opacity: .5;
}

.brands-slider__items.owl-carousel .owl-nav button:not(.disabled):hover {
    background: #FD0805 !important;
    border-color: #FD0805 !important;
}

.brands-slider__items.owl-carousel .owl-nav button path {
    transition: 0.4s;
}

.brands-slider__items.owl-carousel .owl-nav button.disabled path {
    opacity: .5;
}

.brands-slider__items.owl-carousel .owl-nav button:not(.disabled):hover path {
    stroke: #fff;
}


@media all and (max-width: 1750px) {
    .brands-slider__items.owl-carousel .owl-nav {
        left: 5px;
        right: 5px;
    }
}

@media all and (max-width: 768px) {
    .brands-slider-frame .brands-slider__items {
        width: 100% !important;
    }
}