/* OX Smart House — Modules Slider */
.ar-project-marque.ox-modules-marquee-slider {
    --ox-slide-width: 525px;
    --ox-slide-gap: 150px;
    --ox-image-height: 400px;
    position: relative;
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    overflow: hidden;
}
.ar-project-marque.ox-modules-marquee-slider .ox-modules-swiper {
    width: 100%;
    overflow: hidden;
    position: relative;
    padding: 0 0 48px;
}
.ar-project-marque.ox-modules-marquee-slider .ox-modules-track {
    display: flex;
    align-items: flex-start;
    gap: var(--ox-slide-gap);
    will-change: transform;
}
.ar-project-marque.ox-modules-marquee-slider .ox-modules-slide {
    width: var(--ox-slide-width);
    height: auto;
    flex: 0 0 var(--ox-slide-width);
    display: flex;
}
.ar-project-marque.ox-modules-marquee-slider .ar-project-item-2 {
    width: 100%;
    max-width: 525px;
    margin: 0;
    overflow: hidden;
    display: block;
}
.ar-project-marque.ox-modules-marquee-slider .ar-project-item-2 .project-img {
    width: 100%;
    height: var(--ox-image-height);
    overflow: hidden;
    margin-bottom: 20px;
}
.ar-project-marque.ox-modules-marquee-slider .ar-project-item-2 .project-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.ar-project-marque.ox-modules-marquee-slider .ox-modules-prev,
.ar-project-marque.ox-modules-marquee-slider .ox-modules-next {
    width: 48px;
    height: 48px;
    background: #C0E259;
    border: 0;
    border-radius: 50%;
    top: calc(var(--ox-image-height) / 2);
    bottom: auto;
    margin-top: -24px;
    opacity: 0;
    visibility: hidden;
    transition: opacity .25s ease, visibility .25s ease, background .25s ease, transform .25s ease;
    display: flex !important;
    align-items: center;
    justify-content: center;
    z-index: 10;
    cursor: pointer;
}
.ar-project-marque.ox-modules-marquee-slider .ox-modules-prev { left: 50px; right: auto; }
.ar-project-marque.ox-modules-marquee-slider .ox-modules-next { right: 50px; left: auto; }
.ar-project-marque.ox-modules-marquee-slider:hover .ox-modules-prev,
.ar-project-marque.ox-modules-marquee-slider:hover .ox-modules-next,
.ar-project-marque.ox-modules-marquee-slider:focus-within .ox-modules-prev,
.ar-project-marque.ox-modules-marquee-slider:focus-within .ox-modules-next {
    opacity: 1;
    visibility: visible;
}
.ar-project-marque.ox-modules-marquee-slider .ox-modules-prev:hover,
.ar-project-marque.ox-modules-marquee-slider .ox-modules-next:hover {
    background: #010101;
    transform: scale(1.08);
}
.ar-project-marque.ox-modules-marquee-slider .ox-modules-prev::after,
.ar-project-marque.ox-modules-marquee-slider .ox-modules-next::after {
    font-size: 14px;
    font-weight: 700;
    color: #010101;
}
.ar-project-marque.ox-modules-marquee-slider .ox-modules-prev:hover::after,
.ar-project-marque.ox-modules-marquee-slider .ox-modules-next:hover::after {
    color: #C0E259;
}
.ar-project-marque.ox-modules-marquee-slider[data-ox-show-arrows="no"] .ox-modules-prev,
.ar-project-marque.ox-modules-marquee-slider[data-ox-show-arrows="no"] .ox-modules-next {
    display: none !important;
}

.ar-project-marque.ox-modules-marquee-slider .ox-modules-pagination {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 8px;
    z-index: 5;
    display: flex;
    justify-content: center;
    gap: 10px;
}
.ar-project-marque.ox-modules-marquee-slider .ox-modules-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #BDBDBE;
    opacity: 1;
    cursor: pointer;
    transition: background .25s ease, transform .25s ease;
}
.ar-project-marque.ox-modules-marquee-slider .ox-modules-pagination .swiper-pagination-bullet-active {
    background: #C0E259;
    transform: scale(1.4);
}
.ar-project-marque.ox-modules-marquee-slider[data-ox-show-dots="no"] .ox-modules-pagination {
    display: none !important;
}
@media (max-width: 1199px) {
    .ar-project-marque.ox-modules-marquee-slider:not(.ox-has-custom-slider-size) {
        --ox-slide-width: min(525px, calc(100vw - 96px));
        --ox-slide-gap: 32px;
        --ox-image-height: calc(var(--ox-slide-width) * 400 / 525);
    }
}
@media (max-width: 767px) {
    .ar-project-marque.ox-modules-marquee-slider:not(.ox-has-custom-slider-size) {
        --ox-slide-width: calc(100vw - 40px);
        --ox-slide-gap: 20px;
    }
    .ar-project-marque.ox-modules-marquee-slider .ox-modules-prev,
    .ar-project-marque.ox-modules-marquee-slider .ox-modules-next {
        display: none !important;
    }
}