.s-installment-mispay-wrapper{
	background-color: var(--bg-secondary) !important;
	border-color: var(--color-primary) !important;
}

.hero-banner {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    aspect-ratio: 16/9;
    max-height: 100%;
}

img {
    display: block;
    max-width: 100%;
    height: auto;
}

img.lazy-load {
    width: 100%;
    min-height: 400px;
    display: block;
    object-fit: contain; /* تأكد من أن الصورة لا تسبب تمدد */
}

img.lazy-load {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

img.lazy-load.loaded {
    opacity: 1;
}

.animated, .fade-in, .slide-up {
    animation: none !important;
    transition: none !important;
}

@font-face {
    font-family: 'CustomFont';
    src: url('custom-font.woff2') format('woff2');
    font-display: swap;
}



button, a {
    transition: none !important;
    font-display: swap;
}

@media (max-width: 768px) {
    .hero-banner {
        min-height: 300px;
    }

    .s-block--hero-slider {
        min-height: 250px;
      
       
    }
}

/* Add custom CSS styles below */ 
.inner.bg-white.da-bgm {
    background-color: #092b40;
    z-index: 999;
    top: -10px;
    ox-shadow: 0 -6px 10px 5px rgba(0,0,0,0.5);
    box-shadow: 0 -6px 10px 5px rgba(0,0,0,0.5);
}

.dark .sidebar salla-button.btn--wishlist .btn--wishlist {
    background: linear-gradient(to right, #ffb703, #fb8500); 
    color: #fff; 
    border: 2px solid #023047; 
}

/* إضافة تأثير الهوفر */
.dark .sidebar salla-button.btn--wishlist .btn--wishlist:hover {
    transform: rotate(360deg); 
    transition: transform 0.5s; 
    box-shadow: 0 0 10px #8ecae6; 
}

button.s-social-share-btn.s-button-element.s-button-icon.s-button-outline.s-button-light-outline.s-button-loader-center{    background: linear-gradient(to right, #ffb703, #fb8500); 
    color: #fff; 
    border: 2px solid #023047; 
}
button.s-social-share-btn.s-button-element.s-button-icon.s-button-outline.s-button-light-outline.s-button-loader-center:hover{
  transform: rotate(360deg); 
    transition: transform 0.5s; 
    box-shadow: 0 0 10px #8ecae6; 
    }
.s-cart-summary-count {
    background: linear-gradient(to right, #8ecae6, #219ebc); 
    color: #fff; 
    border-radius: 10px; 
    padding: 5px 10px; 
}

/* إضافة تأثير الهوفر */
.s-cart-summary-count:hover {
    transform: scale(1.1); 
    transition: transform 0.3s; 
    box-shadow: 0 0 5px #023047; 
}

/* تحديد خلفية القائمة */
.dark .mm-spn.mm-spn--light {
    background: linear-gradient(to right, #092B40, #166870) !important; 
    opacity: 0.8; 
}

/* تحديد خلفية النص */
.dark .mm-spn.mm-spn--light ul li a {
    color: #fff; 
    background: linear-gradient(to right, #8ecae6, #219ebc); 
    background-clip: text; 
    list-style-image: url (\"images/bullet.png\"); 
    list-style-position: inside; 
}

/* إضافة تأثير الهوفر للنص */
.dark .mm-spn.mm-spn--light ul li a:hover {
    text-shadow: 0 0 10px #8ecae6, 0 0 20px #8ecae6, 0 0 30px #8ecae6, 0 0 40px #8ecae6; 
    animation: pulse 1s infinite; 
}

/* تعريف تأثير الحركة */
@keyframes pulse {
    0% {
        transform: scale(1); 
    }
    50% {
        transform: scale(1.1); 
    }
    100% {
        transform: scale(1); 
    }
}
/* تحديد صورة العلامة */
.dark .mm-spn.mm-spn--light ul li a {
    list-style-image: url (\"^1^\"); 
}

/* تحديد موضع العلامة */
.dark .mm-spn.mm-spn--light ul li a {
    list-style-position: inside; 
}
/*
.dark .s-block__title h2:nth-of-type(1) {
    font-size: 36px;
    font-weight: bold;
    color: #023047;
    background-color: #ffb703;
    padding: 10px;
    border-radius: 20px;
    text-shadow: 2px 2px 4px #fb8500;
}
*/
/*
.dark h2:nth-of-type(1) {
    font-size: 36px;
    font-weight: bold;
    color: #023047;
    background-color: #ffb703;
    padding: 10px;
    border-radius: 20px;
    text-shadow: 2px 2px 4px #fb8500;
}
*/


/* يستخدم الفاصلة لتطبيق نفس الأنماط على محددين مختلفين */
#app > div.app-inner.flex.flex-col.min-h-full > section.s-block.s-block--banners.\31  > div > div > div > h2, #app > div.app-inner.flex.flex-col.min-h-full > section:nth-child(6) > div > div > div > h2, #app > div.app-inner.flex.flex-col.min-h-full > section:nth-child(7) > div > div > div > h2 {
    font-size: 26px;
    font-weight: bold;
    color: #023047; 
  background-image: linear-gradient(to right, #8ecae6, #219ebc, #023047, #ffb703, #fb8500);    padding: 10px;
    border-radius: 20px;
    text-shadow: 2px 2px 4px #fb8500;
    text-align: center;
    background-size: 100%; 
    transition: background-size 0.5s;
       background-size: 300% 300%; 
    animation: rainbow 2s ease-in-out infinite; 
        padding: .25rem;
}


#app > div.app-inner.flex.flex-col.min-h-full > section.s-block.s-block--banners.\31  > div > div > div > h2:hover, #app > div.app-inner.flex.flex-col.min-h-full > section:nth-child(6) > div > div > div > h2:hover, #app > div.app-inner.flex.flex-col.min-h-full > section:nth-child(7) > div > div > div > h2:hover {
    background-size: 150%;
}

#best-offers-9-slider > div > div > h2,
#best-offers-11-slider > div > div > h2,
#best-offers-6-slider > div > div > h2,
#best-offers-8-slider > div > div > h2{
   font-size: 26px;
    font-weight: bold;
    color: #023047;
     background-image: linear-gradient(to right, #8ecae6, #219ebc, #023047, #ffb703, #fb8500);
    border-radius: 20px;
    text-shadow: 2px 2px 4px #fb8500;
    text-align: center;
     background-size: 300% 300%; 
    animation: rainbow 2s ease-in-out infinite; 
        padding: .25rem;
 }
    /* يستخدم الـ @keyframes لإنشاء تأثير الحركة */
@keyframes rainbow {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

/* يستخدم الفاصلة لتطبيق نفس الأنماط على محددين مختلفين */
button.undefined.s-button-element.s-button-btn.s-button-fill.s-button-wide.s-button-primary.s-button-loader-center {
    padding: .25rem;
    background-image: linear-gradient(to right, #8ecae6, #219ebc, #023047, #ffb703, #fb8500); 
    color: white; 
    background-size: 300% 300%; 
    animation: rainbow 2s ease-in-out infinite; 
}

button.undefined.s-button-element.s-button-btn.s-button-fill.s-button-wide.s-button-primary.s-button-loader-center:hover {
    background-image: linear-gradient(to left, #8ecae6, #219ebc, #023047, #ffb703, #fb8500); 
    color: white; 
}
/* يستخدم الـ @keyframes لإنشاء تأثير الحركة */
@keyframes rainbow {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

/* يستخدم الفاصلة لتطبيق نفس الأنماط على محددين مختلفين */
.dark .s-block__display-all, .dark .s-slider-block__display-all {
    color: var(--dark-text-main); /* هذا السطر يحدد لون النص باستخدام متغير CSS */
    background-image: linear-gradient(to right, #8ecae6, #219ebc, #023047, #ffb703, #fb8500); /* هذا السطر يضيف تدرج لوني بين الألوان التي تحددها */
    background-size: 300% 300%; /* هذا السطر يضيف حجم كبير للخلفية لإنشاء تأثير الوميض */
    animation: rainbow 2s ease-in-out infinite; /* هذا السطر يضيف تأثير الحركة باستخدام الـ @keyframes ويحدد المدة والسرعة والتكرار */
}
.border-primary {
    border-color: #ff6767;
    /* border-color: var(--color-primary); */
    border-right-style: dashed;
}
.s-block--banners+.s-block--banners,
.s-block--features+.s-block--features,
.s-block--fixed-banner+.s-block--fixed-banner {
  margin-top:-1rem;
}

.dark .da-cp{
  color: #fff !important;
}

.rounded-full{
  border-radius:0px;
}

.dark .product-entry{
  background-color: #19123e;
}

.product-entry__image
{
box-shadow: rgb(0, 0, 0) 0px 25px 20px -20px;
}

.dark button.s-social-share-btn {
  background-color:transparent;
  color:transparent;
}

.dark .sidebar salla-button.btn--wishlist .btn--wishlist{
  background-color:transparent;
  color:transparent;
}
.s-block--slider-with-bg .slider-bg::before {
  background-color:#00000070;
}
.-mt-32 {
  margin-top:-10rem;
}



.flex .h-full .transition-shadow .duration-500 hover:shadow-default .bg-white .da-bgg .rounded-lg .relative{
  background-color:#19123e;!important;
}

.dark .s-slider-block__title h2{
  color: #fff;
}

.s-slider-block__title {
  justify-content: center;

}

@media(min-width:768px) {
  .s-slider-block__title {
    margin-bottom:2rem
  }
}
[dir=ltr] .s-slider-block__title-right {
  padding-right:0.1rem
}
[dir=rtl] .s-slider-block__title-right {
  padding-left:0.1rem
}
.s-slider-block__title-left {
  align-items:center;
  display:flex;
  justify-content:flex-end
}
.s-slider-block__title-left>:not([hidden])~:not([hidden]) {
  --tw-space-x-reverse:0;
  margin-left:calc(1.5rem*(1 - var(--tw-space-x-reverse)));
  margin-right:calc(1.5rem*var(--tw-space-x-reverse))
}
[dir=rtl] .s-slider-block__title-left>:not([hidden])~:not([hidden]) {
  --tw-space-x-reverse:1
}
.s-slider-block__title h2 {
  font-size:1.5rem;
  font-weight:700;
  line-height:1.75rem;
  line-height:1.2;
  position:relative
}
[dir=ltr] .s-slider-block__title h2 {
  padding-right:0.1rem
}
[dir=rtl] .s-slider-block__title h2 {
  padding-left:0.1rem
}
.s-slider-block__title p {
  font-size:.875rem;
  line-height:1.25rem;
  margin-top:.5rem;
  opacity:.6
}
@media(min-width:768px) {
  [dir=ltr] .s-slider-block__title p {
    padding-right:0.1rem
  }
  [dir=rtl] .s-slider-block__title p {
    padding-left:0.1rem
  }
}
.s-slider-block__title-nav {
  display:flex
  }}
  .angel-ad.overflow-hidden{display:none}
  .mask-block{display:none}
  
  /*قسم التسويق*/
  section.s-block.s-block--slider-with-bg.s-block--full-bg.angel_anime.animate__.animate__fadeIn {
    padding-top: 94px;
}
h3.text-2xl.md\:text-4xl.text-white.leading-12.md\:leading-16 {
    margin-top: -143pxpx;
}
h3.text-2xl.md\:text-4xl.text-white.leading-12.md\:leading-16,
.dark .sidebar salla-button.btn--wishlist .btn--wishlis{
display: flex;
    border-right: 13px solid #00f6f7;
    width: 191px;
    height: 40px;
    text-align: center;
    margin: -151px auto;
    font-size: 20px;
    border-radius: 10px;
    align-items: center;
    border-left: 13px solid #00f6f7;
    padding: 8px;
    justify-content: center;
}
h2.w-full.da-cp{
display: flex;
    border-right: 13px solid #00f6f7;
    width: 191px;
    height: 40px;
    text-align: center;
   margin: auto;
   border-radius: 10px !important;
    align-items: center;
    border-left: 13px solid #00f6f7;
    padding: 8px;
    justify-content: center;
    background-image: none !important;
    text-shadow: none !important;
    font-size: 21px !important;

}
.swiper.s-slider-container.swiper-initialized.swiper-horizontal.swiper-pointer-events.swiper-rtl.swiper-backface-hidden {
    margin-top: 99px;
}
/*منصات العاب*/
img.w-full.object-contain.lazy.loaded {
    cursor: pointer;
}
/*بطاقات التسويق*/
img.lazy.loaded {
    border-radius: 23px;
}
/*منتجات*/
img.s-product-card-image-contain.lazy__bg.lazy_img.lazy.loaded {
border-radius: 0px;
}
span#edit-970795810{
cursor: pointer;
}
img.w-full.object-contain.lazy.loaded{
    border-radius: 0;
}
.swiper.s-slider-container.swiper-fade.swiper-initialized.swiper-horizontal.swiper-pointer-events.swiper-rtl.swiper-watch-progress.swiper-backface-hidden{
margin-top: 0px;
}
.s-block--slider-with-bg .slider-bg::before {
    background-color: #00000000;
}
.slider-bg.transition-opacity.bg-center.bg-cover.relative {
    background-position: right;
}
/*mobail proudect*/
@media(max-width: 985px){
div#swiper-wrapper-25b0910fe610a3d9b{
width: 199px;
}
.swiper.s-slider-container.swiper-initialized.swiper-horizontal.swiper-pointer-events.swiper-rtl.swiper-backface-hidden {
    margin-top:130px;
}
h3.text-2xl.md\:text-4xl.text-white.leading-12.md\:leading-16 {
    margin-top: -110px;
    font-size: 17px;
}

}