element.style {
}

.sm\:py-8 {
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-right: 4rem;
}

.sicon-dress-long-sleeve:before {
    content: "\eb6d";
    color: #000000;
    padding-right: 0.6rem;
    
}
.more-link {
    display: flex;
    cursor: pointer;
    align-items: center;
    gap: 0.625rem;
    font-weight: 500;
    color: inherit;
    text-decoration-line: none;
    color: white;
}
.floating-contacts__trigger {
    opacity: 0%;

}

.sicon-shipping-fast:before {
    content: "\ef31";
    color: #000000;
    padding-right: 0.6rem;    
}    
    
.sicon-fire:before {
    content: "\ebf7";    
    color: #000000;
    padding-right: 0.6rem;     
    
}    
    
.header--boxed #main-nav:not(.fixed-pinned) {
    background-image: linear-gradient(45deg, #d8d9d8, #d8d9d8); 
 
}    
 .header--mini .main-nav__content {
    align-items: center;
    justify-content: space-between;
    background-image: linear-gradient(45deg, #d8d9d8, #d8d9d8);
}    
/* ==========
   .dark *.store-footer {
     background-image: linear-gradient(120deg, #d8d9d8, #d8d9d8);  
    
 }  
============= */

 
 
.text-gray-400 {
   color: #ffffff;
 }
.sm\:text-3xl {
        font-size: 2.5rem;
        line-height: 4rem;
 }
 
.max-w-lg {
    max-width: 32rem;
    padding-top: 5rem; 
} 
 
 
.opacity-80 {
        opacity: 100;
 }
 .mb-5 {
    margin-bottom: 1.25rem;
    color: black;
}

.lg\:pt-6 {
        padding-top: 1.5rem;
        color: black;
}
.text-gray-400 {
    color: #000000;
}

.sm\:w-\[33\.333\%\] {
        width: 12rem;
}

.mainmenu--sidepanel .storemenu-panel .main-menu li>a {
        padding-top: .75rem;
        padding-bottom: 1.75rem;
        font-size: 22px;
}

.leading-6 {
    line-height: 1.5rem;
    color: black;
}
.center-block-title .s-block__title, .center-block-title .s-slider-block__title {
    flex-direction: column;
    justify-content: center;
    gap: 1.25rem;
    text-align: center;

}
.center-block-title .s-block__title h2, .center-block-title .s-slider-block__title h2 {
        color: var(--title-size);
        font-size: 2rem;
        background-color: rgb(216 217 216);
}

.store-footer .social-link:is(.dark *) {
    border-color: rgba(14, 15, 15, 1);
}
.store-footer .social-link {
    display: flex;
    height: 4rem;
    width: 4rem;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: #d1d5db;
    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
    font-size: 1.5rem;
    line-height: 1.25rem;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: 300ms;
    background-color: white;
}    
.pt-24 {
    padding-top: 3rem;
}

.pb-10 {
    padding-bottom: 1rem;

}
.lg\:pt-6 {
    padding-top: 1.5rem;
    color: black;
    PADDING-RIGHT: 1REM;
}
.leading-6 {
    line-height: 2rem;
    color: #000;
}
.gap-5 {
    gap: 1rem;
}
span.copyrights:after {
    content: "تم التصميم بواسطة royyh.com";
    color: #ffffff;
    font-family: 'sky';
    padding-right: 2rem;

}
.lg\:text-5xl {
    font-size: 3rem;
}

.space-y-4>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: .8rem;

}
.salla-slider.has-scrollbar .s-slider-container {
     padding-bottom: 0rem;
     padding-top: 0rem;

}     
.s-block--gaming salla-slider.s-slider-v-centered .s-slider-container {
        padding-top: 0rem;

}
.gap-5 {
    gap: 2rem;
}

.lg\:text-5xl {
    font-size: 2.5rem;
}

/* media query for mobile view */

@media only screen and (max-width: 767px) {
}

.sm\:w-\[33\.333\%\] {
    vertical-align: middle;
    width: 12rem;
    margin-right: 80px;
}    
.xl\:px-0 {
        padding-left: 0;
        padding-right: 1REM;
}
.swiper {
  
    background-color: white;
}
.swiper.s-slider-container.swiper-horizontal {
    background-color: white;
}
.anime-item {
    background-color: white;

}
.space-y-4>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: .8rem;
}

.lg\:pt-6 {
    padding-top: 1.5rem;
    color: black;
    PADDING-RIGHT: 1REM;
}
.more-link {
    display: none;
    cursor: none;
    align-items: center;
    gap: 0.625rem;
    font-weight: 500;
    color: inherit;
    text-decoration-line: none;
    color: white;
}

.text-center {
    text-align: center;



}

/* =============================== */


#products-slider-and-fixedarea-1 > div {
    margin-right: 12px; 
     overflow: visible  ;
    }
@media (min-width: 1024px) {
  
#products-slider-and-fixedarea-1 > div {
    transform: scale(0.94);
    margin: 0 auto;
}
} 



.store-footer__inner {
    background-color: #000; 
    color: #fff;
}

.store-footer__inner * {
    color: inherit;
}
.container.xl\:px-0.flex.flex-col.lg\:flex-row.gap-5.items-center.justify-between.pb-6.lg\:pt-6.text-center {
    background-color: #000; 
    color: #ffff; 
}

.container.xl\:px-0.flex.flex-col.lg\:flex-row.gap-5.items-center.justify-between.pb-6.lg\:pt-6.text-center * {
    color: inherit; 
}
#app > div.app-inner.flex.flex-col.min-h-full > footer > div > div.container.xl\:px-0.flex.flex-col.lg\:flex-row.gap-5.items-center.justify-between.pb-6.lg\:pt-6.text-center > ul:nth-child(1) {
    background-color: transparent; 
    color: #000; 
    }
    
#app > div.app-inner.flex.flex-col.min-h-full > footer > div > div.container.xl\:px-0.flex.flex-col.lg\:flex-row.gap-5.items-center.justify-between.py-6.border-t.border-gray-200.dark\:border-white\/10 {
    color: #fff; 
}

#app > div.app-inner.flex.flex-col.min-h-full > footer > div > div.container.xl\:px-0.flex.flex-col.lg\:flex-row.gap-5.items-center.justify-between.py-6.border-t.border-gray-200.dark\:border-white\/10 * {
    color: inherit;
}
.progress-wrap{
background-color: #d4d5d5 ;
--tw-shadow-colored: inset 0 0 0 2px #b9b8b7;
}