/* Add custom CSS styles below */ 
/*headers width*/
#app > div.app-inner.flex.flex-col.min-h-full > section > div{
  max-width: 100%;
}

/*Quick links bg color*/
 div.swiper-slide > div > a{
  background-color: #61B3E5;
  border-radius: 20px;
}

.slide--cat-entry h4 {
  color: #fff
}

@media (min-width: 1480px) {
#app > div.app-inner.flex.flex-col.min-h-full > section.s-block.s-block--categories.s-block--live-editor > div  .swiper-wrapper {
    box-sizing: content-box;
    display: flex;
  width: calc((100% - 500px) / 9); /* 3 أعمدة مع حساب الـ gap */
    gap: 10px; /* مسافة بين العناصر */
    flex-wrap: wrap;
  justify-content: center;

    height: 100%;
    position: relative;
    transition-property: transform;
    width: 100%;
    z-index: 1;
}
}


.s-product-card-entry {
  
    border-width: 0px ;
   border-color: #CDE5F3;
    display: flex;
    flex-direction: column;
  padding: 5px;
    height: 100%;
    overflow: hidden;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: #CDE5F3;
}

.s-product-card-entry span {

color: white;
}

.bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: #CDE5F3;
    
}

.faqs-list .cursor-pointer i{
  color: #fff;
  background-color: #61B3E5;
}


.s-product-card-rating {
background-color: #61B3E5;
}