@import url('//fonts.googleapis.com/css2?family=Bangers&display=swap');
@import url('//fonts.googleapis.com/css2?family=Josefin+Sans:wght@100;200;300;400;500;600;700&display=swap');
@import url('//fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap');
@import url('//fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('//fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap');
@import url('//fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap');
@import url('//fonts.googleapis.com/css2?family=Poiret+One&display=swap');
@import url('//fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap');
@import url('//fonts.googleapis.com/css2?family=Raleway:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('//fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&display=swap');
@import url('//fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
@import url('//fonts.googleapis.com/css2?family=Slabo+27px&display=swap');

.mm-menu.mm-menu_offcanvas.mm-menu_theme-white.mm-menu_opened{
    z-index:22;
}
.repeated-text {
    margin-right: 30px; /* adjust or remove this if you want no gaps */
    display: inline-block;
}

.marquee-infinity {
    overflow: hidden;
    position: relative;
    width: 100%;
    display: flex;
    white-space: nowrap;
}

.marquee {
    overflow: hidden;
    position: relative;
    width: 100%;
    display: block;
    white-space: nowrap;
}

.marquee-content {
    white-space: nowrap;
}

@keyframes marquee-infinity {
    0% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(-50%);
    }
}

@keyframes marquee {
    0% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(-100%);
    }
}

.sticky-announcement-banner-container {
    position: relative;
    width: 100%;
    z-index: 9999;
}

.whole-link {
    width: 100%;
}

@media screen and (max-width: 500px) {
    .hide-for-me {
        opacity:0;
    }
}


#sab-container {
    width: 100%;
    position: relative;
    z-index: 20 !important;
}

#sab-main-banner {
    position: fixed;
    width: 100%;
    overflow: hidden;
    min-height: auto !important;
}
#sab-main-banner p{
    display: contents !important;
    margin: 0 !important;
}

/* CarouselSlider.css */

.sab-carousel {
    width: 100%;
    overflow: hidden;
    display:flex;
    position: relative;
    align-items: center;
}
.sab-carousel .carousel-content {
    display: flex;
    width:100%;
    align-items: center;
}
.sab-carousel .carousel-item {
    min-width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.sab-carousel .prev,
.sab-carousel .next {
    position: absolute;
    border: none;
    background:transparent;
    display:flex;
    align-items: center;
    cursor: pointer;
    padding: 0;
    z-index: 10;
    transition: background-color 0.3s;
}
.sab-carousel .prev {
    left: 0;
}
.sab-carousel .next {
    right: 0;
}