/* devlope by kayan.dev 0543201512 */ 
/* تعديل لون الخلفية العام */
.bg-inherit ,.top-navbar,.s-button-btn,.s-advertisement{
    background-color: #11223a ;
}
h2.s-advertisement-content-mainو,.s-button-primary-outline{
        color:#EEEBDC!important;
}
#main-content,.top-navbar .s-search-input,section.s-block.s-block--logos-slid
.s-block--full-bg.bg-gray-100.pt-8.sm\:pt-12.pb-8.sm\:pb-20{
    background-color: #ffffff !important;
}
.header-buttons > button{
    background-color: #EEEBDC;
    color: #11223a;
}
#main-content > section:nth-child(1),.footer-is-light .store-footer {
    background-color: #11223a;
}
.header-btn__icon,.s-reviews-header{
 color: #11223a;
}
.header-btn__icon{
    border-color: #ffffff;
}
.s-product-card-vertical .s-product-card-image {
    background-color:transparent;
}

.s-reviews-testimonial{
    background-color: rgb(5 15 44);
    color: #ffffff;
}
/* نهاية تعديل لون الخلفية العام */

/*top navbar positon */
.main-nav-container {
    min-height: 66px;
}
/* نهاية تعديل top navbar positon */

/* top banner positon */
section.s-block.s-block--fixed-banner.wide-placeholder {
    margin-top: -0.07rem;

}
#main-content > section:nth-child(1) > div {
    padding-left: 0px;
    padding-right: 0px;
}
#main-content > section:nth-child(1) > div > a > img{
    border-radius: 0;}

/* نهاية تعديل top banner positon */

/* بداية توسيط نص القسم العلوية*/

#main-content > section:nth-child(2) > div.s-block__title,.s-block__title > div > h2,.s-block__title :not(.s-block__display-all){
    text-align: center;
align-items: center;
    justify-content: center;
    color: #11223a;

}
.s-block__title > .right-side h2{
    text-align: center;
    right: 6vw;
        padding-left: 0rem;
}
/* نهاية توسيط نص القسم العلوية*/

/*بداية تعديل قائمة الجانبية*/
.mm-spn ul,.mm-ocd__content{
    background-color: #ffffffa3 !important;
}
.mm-spn li{
color: #050f2c;

}
/*نهاية تعديل قائمة الجانبية*/

/* اضافة حواف حول المنتج */ 
.s-product-card-entry{
    border: 2px solid #11223a;
    animation: borderFlow 3s linear infinite;
}

/* أنيميشن تدفق البوردر */
@keyframes borderFlow {
    0%, 25% {
        border-top-color:#11223a;
        border-right-color: #11223a;
        border-bottom-color: #11223a;
        border-left-color: #11223a;
    }
    25%, 50% {
        border-top-color: #093471;
        border-right-color: #11223a;
        border-bottom-color: #11223a;
        border-left-color: #11223a;
    }
    50%, 75% {
        border-top-color: #11223a;
        border-right-color: #093471;
        border-bottom-color: #11223a;
        border-left-color: #11223a;
    }
    75%, 100% {
        border-top-color: #11223a;
        border-right-color: #11223a;
        border-bottom-color: #093471;
        border-left-color: #11223a;
    }
}
.s-block--features__item .feature-icon i{
    color: #EEEBDC;
}
.bg-gray-100{
    background-color: #ffffff !important;
}


/* قائمة تصنيفات الدائرية */ 
.s-block--banners .banner-entry.square-photos{

     background-color: transparent
}
    .s-block--banners .banner-entry.square-photos {
        flex: none !important;
        min-width: 130px !important;
    }
    .banner-entry.square-photos h3{
        height: auto !important;
    }
.s-block--banners .grid.md\:grid-cols-3.two-row {
     display: flex !important;
    flex-wrap: nowrap;
    overflow-x: auto !important;
    gap: 1px !important;
    scroll-behavior: smooth !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: thin !important;
    scrollbar-color: #c1c1c1 transparent !important;
    flex-direction: row;
}

.s-block--banners .grid.md\:grid-cols-3.two-row::-webkit-scrollbar {
    height: 6px !important;
}

.s-block--banners .grid.md\:grid-cols-3.two-row::-webkit-scrollbar-track {
    background: transparent !important;
    border-radius: 10px !important;
}

.s-block--banners .grid.md\:grid-cols-3.two-row::-webkit-scrollbar-thumb {
    background: #c1c1c1 !important;
    border-radius: 10px !important;
}

.s-block--banners .grid.md\:grid-cols-3.two-row::-webkit-scrollbar-thumb:hover {
    background: #a1a1a1 !important;
}



.s-block--banners .banner-entry .lazy__bg {
 width: 95px !important;
    height: 139px !important;
    background-position: center !important;
    align-items: center;
    transition: transform 0.5s 
ease !important;
    padding: 1px;

    
}

.s-block--banners .banner-entry:hover .lazy__bg {
    transform: scale(1.05) !important;
}






.lazy__bg.lazy.bg-no-repeat.entered.loaded {
    background-size: contain !important;
}
.s-block--banners+.s-block--banners {
    margin-top: 0rem !important;
}
.banner-entry h3.text-with-border {
    color: #11223a;
    font-size: 17px !important;
    bottom: 46px;
    padding: 2px;
    align-items: center;
    width: 130px;
    position: absolute;
}
/* انتهاء تعديل قائمة تصنيفات الدائرية */ 
/*بداية ترتيب قائمة ايقونات دائرية في المنيو */
@media only screen and (max-width: 1024px) {
    .main-menu li img {
        height: 100%;
        pointer-events: none;
        width: 45px;
        --tw-bg-opacity: 1;
        background-color: #f5f7f9;
        background-color: rgba(245, 247, 249, var(--tw-bg-opacity, 1));
        object-fit: contain;
    }
}
/* نهاية ترتيب قائمة ايقونات دائرية في المنيو */

/* تحسين وترتيب المنتجات  */
.swiper{
    margin-bottom: 10px;
}
/* bransd logos */
    .s-block--logos-slider .grid {
      display: flex !important;
    flex-wrap: nowrap;
    height: 150px;
    overflow-x: auto !important;
    gap: 1px !important;
    scroll-behavior: smooth !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: thin !important;
    scrollbar-color: #c1c1c1 transparent !important;
    padding: 8px 4px;
     
}
.s-block--logos-slider .grid {
    display: flex !important;
    flex-wrap: nowrap;
    overflow: hidden !important;
    gap: 16px !important;
    position: relative;
}

.s-block--logos-slider .brand-item {
    flex: 0 0 auto !important;
    min-width: 150px;
    animation: scrollLeftToRight 20s linear infinite;
}

.s-block--logos-slider .brand-item.sm\:row-span-2,
.s-block--logos-slider .brand-item.sm\:h-auto,
.s-block--logos-slider .brand-item {
    min-width: 150px !important;
    height: 127px !important;
}

.brand-item img {
    height: 163px;
    width: 100%;
    object-fit: contain;
}

@keyframes scrollLeftToRight {
    0% {
        transform: translateX(-10%);
    }
    100% {
        transform: translateX(300%);
    }
}

/* لإضافة تأثير pause عند hover */
/* إيقاف التحريك عند التفاعل */
.s-block--logos-slider .brand-item:hover,
.s-block--logos-slider .brand-item:active,
.s-block--logos-slider .brand-item:focus {
    animation-play-state: paused;
}
/* end bransd logos */
/* whatsapp button */
.wa-s-n {
    background: #050f2c !important;
    color: #91ff12 !important;
  
}

/* فوتر */ 
.footer-is-light .store-footer .store-footer__inner{
background-color:#050f2c;
}
.store-footer h3,footer a ,footer p{
    color:#EEEBDC

}
i.sicon-menu.text-primary.text-2xl,.sicon-user-circle:before,.sicon-shopping-bag:before,.s-cart-summary-total{
color:#eeebdc;
}
 footer > div.store-footer__inner > div,footer > div.store-footer__inner >
  div > div.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20 > a{
align-items: center;
    justify-content: center;
    text-align: center;


}
/* logo footer */
footer > div.store-footer__inner > div{

    margin-top: 45px;
}
a.flex.items-center.m-0:before {
    content: url(https://cdn.salla.sa/cdn-cgi/image/fit=scale-down,width=400,height=400,onerror=redirect,format=auto/xAbwDl/qZs7ZFg2aeyxg69cg4hLk4hWl5LBFVMxbirzVbNZ.png);
    transform: scale(0.15);
    position: absolute;
    margin-top: -95px;
}
.md\:flex.items-center.justify-between.py-4.container.text-center {
    background-color: #050f2c;
}
/* free lancer text footer */
.s-trust-badges-wrapper {
    align-items: center;
    display: flex;
    color: #fff;
    text-align: center;
    width: 100%;
    align-content: center;
    flex-wrap: nowrap;
    flex-direction: row-reverse;
    justify-content: center;
    margin-right: 44px;
}
/* end free lancer text footer  */

/* Copyright footer */
.copyright-text p,.copyright-text a {
    color: #ffffff00;
}
.copyright-text p:after {
color: #fff;
    content: "Devolpe By KAYAN Team" ! IMPORTANT;
    text-align: center;
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row-reverse;
    justify-content: center;
}
/* نهاية الفوتر */


/* Desktop size fixes */
@media (min-width: 1024px) {
   .main-menu {
     color: #EEEBDC;   
    }
    .sub-menu li a{
        color: #11223a;
    }

    .s-block--banners .grid.md\:grid-cols-3.two-row {
    display: flex !important;
    flex-wrap: wrap;
    overflow-x: auto !important;
    gap: 1px !important;
    scroll-behavior: smooth !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: thin !important;
    scrollbar-color: #c1c1c1 transparent !important;
    flex-direction: row;
    justify-content: space-evenly;
}
.s-block--banners .banner-entry.square-photos {
    flex: none !important;
    min-width: 130px !important;
    min-height: 130px;
}

.banner-entry h3.text-with-border span{
        display:flex;
    color: #11223a;
}
.has-overlay:hover:after {
    background-color: transparent;
}
}

/*
a.banner,.s-block--logos-slider .grid,.s-block--banners .grid.md\:grid-cols-3.two-row {
    display: none!important;
} */