/* Add custom CSS styles below */ 


.fbanner-star-btn {
    background: #ffffff !important; /* تغيير الخلفية إلى اللون الأبيض */
    color: #000000 !important; /* تغيير لون النص إلى الأسود (اختياري) */
}
@media (max-width: 767px) {
  #contact-slot, .contact-custom {
    background: green;
  }
}
.banner--fixed img{

background: transparent;
border-radius:30px;

}


.footer-is-light .store-footer .store-footer__inner:before {
    text-align: center;
    content: "";
    display: block;
    height: 110px;
    width: 140px;
    margin: auto auto 20px;
    background-image: url(https://cdn.salla.sa/form-builder/unTpz3UBjH60hIU1HMmmBS07rSvk6KCuV3rId9fx.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    animation: sigal 1200ms linear infinite;
    animation:slide 4s linear infinite}/* تعريف الحركة بواسطة keyframes */
@keyframes slide {
  0% {
    transform: translateX(0); /* لا يتحرك */
  }
  50% {
    transform: translateX(100%); /* يتحرك إلى اليمين */
  }
  100% {
    transform: translateX(0); /* يعود إلى الوضع الأصلي */
  }
}

/* تطبيق الحركة على العنصر */
.element {
  animation: slide 4s linear infinite; /* اسم الحركة, المدة, نمط التسارع, تكرار */
  width: 100px; /* العرض لغرض التوضيح */
  height: 100px; /* الطول لغرض التوضيح */
  background-color: blue; /* اللون لغرض التوضيح */
}