/* Add custom CSS styles below */ 

[dir="ltr"] .concept-faq .concept-faq-accordion  button  span{
text-align: left !important;
}
.coountdown-countdown  > div > div > div  > div > salla-count-down > ul > li:nth-child(1){
border-right: 0 !important;
}
.coountdown-countdown > div > div > div.container > div > salla-count-down > ul > li:nth-child(3){
border-left: 1px solid var(--color-primary) !important;
}
#featured-products-style2-2 > div > div.tabs.hide-scroll{
padding-top: 2rem !important;
}
[dir="ltr"] .slide-brand , [dir="ltr"] .concept-text ,[dir="ltr"]  .concept-top-navbar  span {
direction: ltr  ;
text-align: left  ;
margin-right: auto  ;
}
.marquee__content {
direction: ltr !important;
display: flex;
flex-direction: row-reverse;  
}

.marquee {
overflow: hidden !important;
position: relative !important;
}

.marquee__content {
display: flex !important;
width: max-content !important;
white-space: nowrap !important;
}

.marquee:hover .marquee__content {
animation-play-state: running !important;
}

@keyframes marqueeMove {
from {
transform: translateX(-50%);
}

to {
transform: translateX(0%);
}
}

.coountdown-countdown > div > div > div.container  > div > salla-count-down > ul > li:nth-child(4){
border-right: 1px solid var(--color-header-main) !important; 
}

#app > div.app-inner.flex.flex-col.min-h-full.overflow-x-hidden > section.s-block.s-block--testimonials.s-block--custom-testimonials.container.overflow-hidden > div > div > h1 ,
section.s-block .s-block__title .right-side{
margin: auto !important ;
text-align: center !important;
}
#app > div.app-inner.flex.flex-col.min-h-full.overflow-x-hidden > section.coountdown-countdown.md\:max-h-\[700px\].max-h-\[450px\].block.block > div > div > div.container.mx-auto > div > h2{
  margin: unset !important;
  text-align: unset !important;
}
#app > div.app-inner.flex.flex-col.min-h-full.overflow-x-hidden > section.coountdown-countdown.md\:max-h-\[700px\].max-h-\[450px\].block.block > div > div > div.container.mx-auto > div > salla-count-down > ul > li{
  padding: 0.2rem !important;
}

/* *** */

#mainnav  a  img{
width: 9rem !important;
max-width: 9rem !important;
height: 6rem !important;
max-height: 6rem !important;
overflow: hidden !important;
}
 
 
.tabs.hide-scroll > salla-button.tab-trigger.is-active.s-button-wrap.hydrated > button ,
nav ,
body ,
.s-product-card-content  .s-product-card-content-main h3 a {
color: var(--color-header-text) !important;	
}

@media (max-width: 768px){
body::after{
background-size:60% !important;
}
}

/*  *** */

[dir="rtl"] .slide-brand, [dir="rtl"] .concept-text, [dir="rtl"] .concept-top-navbar span {
direction: rtl  ;
text-align: right  ;
margin-left: auto  ;
}
[dir="ltr"] .slide-brand, [dir="ltr"] .concept-text, [dir="ltr"] .concept-top-navbar span {
direction: ltr !important ;
text-align: left  !important;
margin-right: auto !important ;
}

[dir="rtl"] salla-advertisement a {
    direction: rtl !important;
    text-align: right !important;
    unicode-bidi: plaintext !important;
    visibility: hidden;
    position: relative;
}

[dir="rtl"] salla-advertisement a::after {
    content: "بمناسبة الافتتاح: خصم 15%. استخدم الكود.";
    visibility: visible;
    position: absolute;
    right: 0;
    top: 0;
}


/* ******* */
/* ******* */


[dir="ltr"] .concept-text .marquee__content {
  flex-direction: row;
  animation-name: marqueeMoveLTR;
  animation-duration: 20000s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

[dir="rtl"] .concept-text .marquee__content {
  flex-direction: row-reverse;
  animation-name: marqueeMoveRTL;
  animation-duration: 20000s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes marqueeMoveLTR {
  from { transform: translateX(-50%); }
  to { transform: translateX(0%); }
}

@keyframes marqueeMoveRTL {
  from { transform: translateX(50%); }
  to { transform: translateX(0%); }
}

.concept-text .marquee__content {
  display: flex;
  width: max-content;
  white-space: nowrap;
}

.concept-text .marquee {
  overflow: hidden;
  position: relative;
}
/* *** */

[dir="rtl"] footer > div.store-footer__inner > div > div > div > p:nth-child(5) {
  font-size: 0 !important;
  position: relative;
}

[dir="rtl"] footer > div.store-footer__inner > div > div > div > p:nth-child(5)::after {
content: "نجمع بين الموضة والجمال وأسلوب الحياة والفنون.";
font-size: 14px !important;
color: inherit;
max-width: 19rem !important;
width: 18rem !important;
position: absolute;
transform: translateX(-50%);
left: 50% !important;
top: 0rem !important;
/* height: 0.8rem !important; */
/* display: flex !important; */
}
/* *** */
.app-inner.flex.flex-col.min-h-full.overflow-x-hidden > footer > div.store-footer__inner > div > div > div  > p:nth-child(4) 
{
display : none !important;
}
[dir="rtl"]  .coountdown-countdown > div > div > div.container.mx-auto > div > salla-count-down > ul > li:nth-child(4){
border-right: 0 !important;
}
/* [dir="rtl"]  .coountdown-countdown  > div > div > div.container.mx-auto > div > salla-count-down > ul > li:nth-child(1){
border-right: 1px soild white !important;
} */
[dir="rtl"] .coountdown-countdown > div > div > div.container.mx-auto > div > salla-count-down > ul > li:nth-child(2){
border-left: 1px solid white !important;
}