/* Add custom CSS styles below */ 
/* 1. توسيط حاوية الشعار  */
.header-main .logo, 
.header-main .logo-container {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    margin: 0 auto !important;
}

/* 2. تطبيق حركة النبض على صورة الشعار */
.header-main .logo img {
    animation: pulseAnimation 3s infinite ease-in-out !important;
    will-change: transform;
    transition: all 0.3s ease-in-out;
}

/* 3. تعريف حركة النبض */
@keyframes pulseAnimation {
    0% { transform: scale(1); }
    50% { transform: scale(1.06); } 
    100% { transform: scale(1); }
}

/* 4. إعدادات للموبايل لضمان التوافق */
@media (max-width: 768px) {
    .header-main .logo img {
        max-height: 55px !important; 
    }
}