.gabarit-slider {
    background-color: var(--blue-middle);
}

.gabarit-slider--container {
    max-width: 1440px;
    margin: auto;
}

.gabarit-slider--container img {
    object-fit: cover;
    object-position: top;
    opacity: 0.2;
    transition: opacity 0.3s ease-in-out;
}

.gabarit-slider--container.desktop img {
    height: 200px;
}

@media screen and (min-width: 768px) {
    .gabarit-slider--container.desktop img {
        height: 375px;
    }
}

@media screen and (min-width: 1281px) {
    .gabarit-slider--container.desktop img {
        height: 560px;
    }
}

.gabarit-slider--container.mobile img {
    height: 520px;
}

@media screen and (min-width: 768px) {
    .gabarit-slider--container.mobile img {
        height: 560px;
    }
}

@media screen and (min-width: 768px) {
    .gabarit-slider--container.mobile .center img {
        height: 660px;
    }
}

.gabarit-slider--container.mobile .owl-stage {
    display: flex;
    align-items: center;
}

.gabarit-slider--container .center img {
    opacity: 1;
}

.gabarit-slider--container .owl-dots {
    margin: 32px auto 0 auto;
    padding: 0 24px;
    display: flex;
    justify-content: center;
    max-width: 960px;
}

@media screen and (min-width: 768px) {
    .gabarit-slider--container .owl-dots {
        margin: 56px auto 0 auto;
    }
}

@media screen and (min-width: 1024px) {
    .gabarit-slider--container .owl-dots {
        padding: 0;
    }
}

.gabarit-slider--container .owl-dots .owl-dot {
    background-color: var(--blue-light);
    width: 100%;
    height: 1px;
    transition: backgrouns-color 0.3s ease;
}

.gabarit-slider--container .owl-dots .owl-dot.active {
    background-color: var(--white);
}