.elementor-363 .elementor-element.elementor-element-5090559{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;overflow:visible;}.elementor-363 .elementor-element.elementor-element-fe8bf9e{background-color:#F9FAFB;}@media(min-width:768px){.elementor-363 .elementor-element.elementor-element-5090559{--content-width:1500px;}}/* Start custom CSS for html, class: .elementor-element-fe8bf9e *//* تنسيق العنوان */
.custom-title {
    text-align: center;
    font-size: 33px;
    line-height: 33px;
    font-weight: bold;
    color: #1486C2; /* أزرق هويتك */
    margin-bottom: 40px;
    font-family: sans-serif;
    padding: 40px 20px 0px 20px;
}
.custom-title .highlight {
    color: #F89920; /* برتقالي هويتك */
}

/* الحاوية الأساسية */
.marquee-container {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 20px 20px 80px 0px;
    background: #f9fafb;
}

/* تأثير التلاشي من الجوانب (مثل المنافس) */
.side-overlay {
    position: absolute;
    top: 0;
    width: 150px;
    height: 100%;
    z-index: 2;
    pointer-events: none;
}
.left {
    left: 0;
    background: linear-gradient(to right, white, transparent);
}
.right {
    right: 0;
    background: linear-gradient(to left, white, transparent);
}

/* محتوى الحركة */
.marquee-content {
    display: flex !important;
    width: max-content;
    /* السرعة هنا 40 ثانية لتكون أهدأ من السابق */
    animation: smooth-scroll 80s linear infinite;
}

/* الكروت */
.logo-item {
    flex-shrink: 0;
    width: 160px;
    height: 160px;
    margin: 0 30px;
    background: #fff;
    border-radius: 12px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 15px rgba(0,0,0,0.05);
    border: 1px solid #f0f0f0;
    transition: transform 0.3s ease;
}

.logo-item img {
    max-width: 75%;
    max-height: 75%;
    object-fit: contain;
    filter: grayscale(20%); /* تقليل حدة الألوان قليلاً لراحة العين */
}

.logo-item:hover {
    transform: scale(1.1);
    border-color: #F89920;
}

/* الأنميشن */
@keyframes smooth-scroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

/* إيقاف الحركة عند الوقوف بالماوس */
.marquee-container:hover .marquee-content {
    animation-play-state: paused;
}/* End custom CSS */