/* CSS صفحات المقالات: الهيرو (بدون الهيدر والفوتر والأساس المشترك) */

.hero-section-wrapper {
            height: 70vh;
            min-height: 600px;
            position: relative;
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: var(--brand-header-dark);
            z-index: 1;
        }
        .hero-slides-images-container {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: -2;
        }
        .hero-slide-item-image {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            opacity: 0;
            transition: opacity 1.5s ease-in-out;
            transform: scale(1.05);
           
        }
        .hero-slide-item-image.active {
            opacity: 1;
        }
        @keyframes zoomEffect {
            0% { transform: scale(1.02); }
            100% { transform: scale(1.08); }
        }
        .hero-overlay-shadow-shield {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(180deg, 
                rgba(var(--rq-rgb-dark), 0.8) 0%, 
                rgba(var(--rq-rgb-primary), 0.4) 40%, 
                rgba(var(--rq-rgb-dark), 0.75) 100%
            );
            z-index: -1;
        }
        .about-us-badge-container {
            position: absolute;
            top: 50%; /* تموضع مثالي في المنتصف الرأسي */
            right: 11%; /* محاذاة متناسقة لليمين */
            transform: translateY(-50%); /* لضمان التوسيط الرأسي الدقيق */
            z-index: 10;
            display: inline-block;
        }
        .about-us-badge-link {
            color: var(--brand-header-white);
            text-decoration: none;
            font-size: 2.2rem; /* حجم خط بارز وأنيق يناسب الواجهة المفتوحة */
            font-weight: 800;
            letter-spacing: 0.5px;
            cursor: pointer;
            transition: var(--transition-header-fast);
            display: block; 
        }
        .about-us-reveal-up {
            opacity: 0;
            transform: translateY(60px);
            transition: opacity 1.4s cubic-bezier(0.165, 0.84, 0.44, 1), 
                        transform 1.4s cubic-bezier(0.165, 0.84, 0.44, 1);
            will-change: transform, opacity;
        }
        .about-us-active {
            opacity: 1 !important;
            transform: translateY(0) !important;
        }
        @keyframes about-us-bounce {
            0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
            40% { transform: translateY(-10px); }
            60% { transform: translateY(-5px); }
        }
        .hero-bottom-curve {
            position: absolute;
            bottom: -1px;
            left: 0;
            width: 100%;
            line-height: 0;
            z-index: 3;
        }
        .hero-bottom-curve svg {
            width: 100%;
            height: 100px;
        }
        @media (max-width: 768px) {
    .about-us-badge-container {
                top: 50%;
                right: 6%;
                transform: translateY(-50%);
            }

    .about-us-badge-link {
                font-size: 1.6rem; /* حجم أصغر متجاوب مع الجوال */
            }
}