.elementor-547 .elementor-element.elementor-element-ac5e195{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--z-index:99;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-a0a8391 *//* 1. تحديد حجم ومكان اللوجو وإضافة عمق 3D */
.elementor-547 .elementor-element.elementor-element-a0a8391 .spinning-logo-container {
    width: 100px; /* تقدر تكبر وتصغر الحجم من هنا */
    height: 100px;
    perspective: 1000px; /* بيدي عمق للـ 3D */
    margin: 0 auto; /* عشان يتوسط في مكانه */
    z-index: 9999;
}

/* 2. حاوية الصورتين اللي بتلف */
.elementor-547 .elementor-element.elementor-element-a0a8391 .spinning-logo-inner {
    width: 100%;
    height: 100%;
    position: relative;
    transform-style: preserve-3d;
    animation: spin-3d 6s linear infinite; /* 6s هي سرعة اللفة الكاملة */
}

/* 3. إعدادات الوش والضهر (مهم جداً عشان الصورة ماتبانش مقلوبة) */
.elementor-547 .elementor-element.elementor-element-a0a8391 .logo-front, 
.elementor-547 .elementor-element.elementor-element-a0a8391 .logo-back {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-backface-visibility: hidden; /* بيخفي ضهر الصورة عشان التانية تظهر */
    backface-visibility: hidden;
}

/* تظبيط مقاس الصور عشان تملا المربع بدون ما تتمط */
.elementor-547 .elementor-element.elementor-element-a0a8391 .logo-front img, 
.elementor-547 .elementor-element.elementor-element-a0a8391 .logo-back img {
    width: 100%;
    height: 100%;
    object-fit: contain; 
}

/* 4. لف الصورة التانية 180 درجة عشان تبقى في الضهر من البداية */
.elementor-547 .elementor-element.elementor-element-a0a8391 .logo-back {
    transform: rotateY(180deg);
}

/* 5. حركة اللف المستمرة 360 درجة */
@keyframes spin-3d {
    0% { transform: rotateY(0deg); }
    100% { transform: rotateY(360deg); }
}/* End custom CSS */