/* Advert Banner Specific Styles - Only applies to advert page */
.advert #owl-shopping.home-shopping {
    position: relative;
}

.advert #owl-shopping.home-shopping .owl-nav {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    pointer-events: none;
}

.advert #owl-shopping.home-shopping .owl-nav .owl-prev,
.advert #owl-shopping.home-shopping .owl-nav .owl-next {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    pointer-events: auto;
    z-index: 2;
}

.advert #owl-shopping.home-shopping .owl-nav .owl-prev {
    left: -1rem !important;
}

.advert #owl-shopping.home-shopping .owl-nav .owl-next {
    right: -1rem !important;
}

.advert #owl-shopping.home-shopping .owl-nav .owl-prev svg,
.advert #owl-shopping.home-shopping .owl-nav .owl-next svg {
    filter: brightness(0) saturate(100%) !important;
}

.advert #owl-shopping.home-shopping .owl-dot.active:before,
.advert #owl-shopping.home-shopping .owl-dots:after {
    display: none !important;
}

.advert #owl-shopping {
    max-width: 1200px !important;
    max-height: 300px !important;
    margin: 2rem auto 0 auto !important;
}

@media (max-width: 768px) {
    .advert #owl-shopping.home-shopping .owl-nav {
        display: none !important;
    }
}