/* Add custom CSS styles below */ 
body {
background-color: #EDCFD3;
}.s-advertisement-content-main {
overflow: hidden;
white-space: nowrap;
width: 100%;
display: flex;
align-items: center;
}

.s-advertisement-content-main a {
display: inline-flex;
align-items: center;
width: max-content;
/* زدنا الوقت قليلاً ليكون أهدأ بما أن المسافة أصبحت أطول */
animation: marquee-jimmy 20s linear infinite;
}

@keyframes marquee-jimmy {
/* المرحلة الأولى: يبدأ من مكانه الطبيعي (النص باين كامل) */
0% {
transform: translateX(0%);
}
/* المرحلة الثانية: يخرج تماماً جهة اليسار */
45%, 50% {
transform: translateX(-100%);
}
/* المرحلة الثالثة: يقفز فجأة لجهة اليمين (خارج الشاشة) دون أن يراه أحد */
50.01% {
transform: translateX(100%);
}
/* المرحلة الرابعة: يعود للدخول من اليمين ليصل لمكانه أو يخرج مرة أخرى */
100% {
transform: translateX(-100%);
}
}[class*="slide--cat-entry"] {
border-radius: 50% !important;
aspect-ratio: 1 / 1 !important;
clip-path: circle(50%) !important;
width: 100px !important;
height: 100px !important;
min-width: 100px !important;
max-width: 100px !important;
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
align-items: center !important;
background-color: #fff !important;
margin: 0 auto !important;
}

/* تصغير المحتوى الداخلي ليناسب الدائرة */
[class*="slide--cat-entry"] img,
[class*="slide--cat-entry"] i {
max-width: 40% !important;
height: auto !important;
}

[class*="slide--cat-entry"] span {
font-size: 10px !important;
}[class*="slide--cat-entry"] {
border-radius: 50% !important;
aspect-ratio: 1 / 1 !important;
clip-path: circle(50%) !important;
width: 110px !important;
height: 110px !important;
min-width: 110px !important;
max-width: 110px !important;
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
align-items: center !important;
background-color: #fff !important;
margin: 0 auto !important;
/* إضافة الحدود البنفسجية */
border: 2px solid #470D40 !important;
}

/* لضمان تغيير لون أي حدود داخلية قد تكون موجودة */
.slide--cat-entry {
--tw-border-opacity: 1 !important;
border-color: #470D40 !important;
}