/* Add custom CSS styles below */ 
.s-product-card-props {
    display: none;
}



.flex.justify-start.relative.pe-8.container {
    background-color: #fff;
}



.flex.justify-start.relative.pe-8.container {
    display: flex
;
    justify-content: center;
}


.flex.flex-col.p-2.gap-1 {
    display: flex
;
    align-items: center;
    color: #5035cd;
}


p.da-tm.hidden.text-xl.md\:block.ms-1 {
    color: #5035cd;
}


i.sicon-search.text-base.text-black.da-tm {
    color: #5035cd;
}


i.sicon-user.text-base.text-black.da-tm {
    color: #5035cd;
}

i.sicon-shopping.text-base.text-black.da-tm {
    color: #5035cd;
}

.s-cart-summary-total {
    color: #5035cd;
}

.language-btn {
    color: #5035cd;
}

.currency-btn.ms-2 {
    color: #5035cd;
}

.language-btn {
    color: #5035cd;
}

.salla-advertisement.bottom-4.overflow-hidden.ease-out.duration-300.opacity-100.translate-y-0.sm\:scale-100 {
    background-color: #fff !important ; 
  
}

.inner.bg-white.da-bgm {
  box-shadow: 0 10px 10px rgb(80, 51, 210); /* ظل فقط أسفل العنصر */
}



img.logo-light {
  transition: transform 0.3s ease-in-out; /* تأثير زوم عند التمرير فوق الصورة */
}

img.logo-light:hover {
  transform: scale(1.2); /* تكبير الصورة عند المرور فوقها */
}

@keyframes zoomInOut {
  0% {
    transform: scale(1); /* الحجم الأصلي */
  }
  50% {
    transform: scale(1.2); /* التكبير */
  }
  100% {
    transform: scale(1); /* العودة إلى الحجم الأصلي */
  }
}

img.logo-light {
  animation: zoomInOut 3s ease-in-out infinite; /* تكرار الأنيميشن بشكل مستمر */
}

a.flex-center.h-12.w-12 {
    display: none;
}

h3.w-full.text-xs.md\:text-sm {
    display: flex
;
    justify-content: center;
}



























.container.flex.flex-col {
     background: linear-gradient(to top, #3c2693, #6a4fba); /* تدرج من اللون #3c2693 إلى لون آخر أفتح #6a4fba */
    color: #fff;
    padding: 20px;
    position: relative;
    border-top-left-radius: 116% 129px;
    border-top-right-radius: 117% 129px;
    transform: translateY(-10px);
}





/* استهداف العنصر الذي يحتوي على اللوجو */
.logo-light.foo {
  background-image: url('https://i.ibb.co/r0bb5WP/Untitled-design-3.png');
  background-size: contain; /* لضبط الصورة داخل العنصر */
  background-repeat: no-repeat; /* لتجنب التكرار */
  width: 1000px; /* تحديد عرض مناسب */
  height: 400px; /* تحديد ارتفاع مناسب */
}




h3.text-center.follow.mb-1.text-lg.da-cp.md\:\!mb-0 {
    color: #fff;
}

.menu-list h3 {
    color: white; /* تغيير اللون إلى الأبيض */
}



p.text-gray-400.mb-2\.5.md\:mb-0 {
    color: #fff;
}

h3.title {
    color: white !important; /* تطبيق اللون الأبيض مع استخدام !important لتأكيد التطبيق */
}


.sbc-certificate p {
    color: white; /* تغيير اللون إلى الأبيض */
    font-size: 14px; /* تغيير حجم الخط إذا رغبت */
    font-weight: bold; /* يمكنك إضافة سمك الخط إذا أردت */
}



.bg-gray-100 {

background-color: #ffffff;
}

@media (min-width: 1280px) {
    .ksa-national-day .container {
        max-width: 100%;
    }
}