تأثير التصغير عند مرور الماوس
   ========================================= */

/* خلفية البانر */
[section-id="f21a0298-f666-48b3-b64e-7f9673d4b1a2"] .embla__slide > .absolute.inset-0 {
    transition: transform 0.25s ease !important;
    transform: scale(1) !important;
}

/* عند وضع الماوس على البانر */
[section-id="f21a0298-f666-48b3-b64e-7f9673d4b1a2"] .embla__slide:hover > .absolute.inset-0 {
    transform: scale(0.985) !important;
}/* =========================================
   لمعة فخمة تمر على البانر كل 5 ثواني
   ========================================= */

[section-id="f21a0298-f666-48b3-b64e-7f9673d4b1a2"] .embla__slide > .absolute.inset-0::after {
    content: "";
    position: absolute;
    top: 0;
    left: -60%;
    width: 35%;
    height: 100%;

    background: linear-gradient(
        110deg,
        transparent 0%,
        rgba(255, 255, 255, 0.03) 35%,
        rgba(255, 255, 255, 0.35) 50%,
        rgba(255, 255, 255, 0.03) 65%,
        transparent 100%
    );

    transform: skewX(-18deg);
    pointer-events: none;

    animation: almnsourShine 5s ease-in-out infinite;
}


/* حركة اللمعة من اليمين إلى اليسار */
@keyframes almnsourShine {

    0% {
        left: 120%;
    }

    15% {
        left: -60%;
    }

    100% {
        left: -60%;
    }
}/* حواف دائرية للبانر */
[section-id="f21a0298-f666-48b3-b64e-7f9673d4b1a2"] {
    border-radius: 20px !important;
    overflow: hidden !important;
}

[section-id="f21a0298-f666-48b3-b64e-7f9673d4b1a2"] .embla {
    border-radius: 20px !important;
    overflow: hidden !important;
}

[section-id="f21a0298-f666-48b3-b64e-7f9673d4b1a2"] .embla__slide {
    border-radius: 20px !important;
    overflow: hidden !important;
@media screen and (max-width: 767px) {