/* Add custom CSS styles below */ 
}
@font-face {
    font-family: theMixArab;
    src: url(TheMixArab-Regular.ttf);

}
.app-inner {
    position: relative;
    min-height: 100vh;}
.banner--fixed img{--tw-bg-opacity: 0;}
body {background-color: #f9f5eb;}
.store-footer__inner{background-color: #976a4c;}
.topnav-is-dark .top-navbar{background-color: #976a4c;
color:white;
}
#wa_btn-content {
;
    padding: 3px 0px
}


/* General styling for the marquee */
@keyframes marquee {
  0% {
    transform: translateX(250%);
  }
  100% {
    transform: translateX(0%);
  }
}

.marquee {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  overflow: hidden;
  padding-bottom: 16px;
  gap: 25px;
 span {
 width: 33%;
    text-transform: uppercase;
    will-change: transform;
    transform: translateX(250%);
    white-space: nowrap;
    animation: marquee 24s linear infinite;

    // Extra Styling
    font-size: 60px;
    font-family: var(--font-main), -apple-system, BlinkMacSystemFont;
    font-weight: 900;
    color: #fff;
  }
}





.top-navbar{
flex-direction:column-reverse;
}
salla-advertisement.hydrated {
    display: none;
}
@media(max-width:776px){
.marquee {
    justify-content: center;
    gap: 15px;
    span {
 width: 100%;}
 
}
.s-block__title {
    justify-content: center;
}
.s-block__title .right-side:where([dir="rtl"], [dir="rtl"] *) {
    padding-left: 0;
}
}