/* =========================================
   🏢 التنسيقات المستقلة لبلوك من نحن
   ========================================= */

.premium-about-section { padding: 10px 0 100px 0; background: linear-gradient(135deg, #ffffff 0%, #f4fcfd 100%); position: relative; overflow: hidden; direction: rtl; }
.premium-about-section .fas, .premium-about-section .fa-play, .premium-about-section .fa-check, .premium-about-section .fa-arrow-left, .premium-about-section .fa-building { font-family: 'Font Awesome 5 Free' !important; font-weight: 900 !important; }

.magic-white-card { position: absolute; background: rgba(255, 255, 255, 0.05); backdrop-filter: blur(4px); border: 1px solid rgba(var(--about-primary-rgb), 0.15); border-radius: 20px; z-index: 0; display: flex; align-items: center; justify-content: center; }
.magic-arch-arrow { position: absolute; width: 150px; height: 150px; border: 2px dashed rgba(var(--about-primary-rgb), 0.5); border-radius: 50%; clip-path: polygon(50% 0, 100% 0, 100% 50%, 50% 50%); animation: spinArch 8s linear infinite; }
.magic-arch-arrow::after { content: '\f0d9'; font-family: 'Font Awesome 5 Free' !important; font-weight: 900 !important; color: var(--about-primary); position: absolute; top: -8px; left: 50%; transform: translateX(-50%); font-size: 18px; }
@keyframes spinArch { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
.magic-white-card.card-1 { width: 200px; height: 200px; top: 10%; left: -50px; animation: floatY 6s ease-in-out infinite; }
.magic-white-card.card-2 { width: 120px; height: 120px; bottom: 15%; right: 45%; animation: floatY 8s ease-in-out infinite reverse; }
@keyframes floatY { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-20px); } }

.about-top-bar { display: flex; flex-direction: column; align-items: flex-start; text-align: right; margin-bottom: 25px; position: relative; z-index: 2; width: 100%; }
.about-titles { text-align: right; width: 100%; }
.about-badge { display: inline-flex; align-items: center; background: rgba(var(--about-primary-rgb), 0.1); color: var(--about-primary); padding: 8px 25px; border-radius: 30px; font-weight: 800; font-size: 14px; margin-bottom: 15px; border: 1px solid rgba(var(--about-primary-rgb), 0.2); }
.about-titles h2 { color: #1a1a1a; font-size: 35px; font-weight: 900; margin: 0; font-family: 'Tajawal', sans-serif; line-height: 1.4; text-align: right; }

.premium-features-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin: 30px 0; position: relative; z-index: 2; }
.premium-vm-card { display: flex; align-items: flex-start; gap: 15px; padding: 20px; background: #ffffff; border-radius: 16px; border: 1px solid rgba(var(--about-primary-rgb), 0.1); box-shadow: 0 10px 30px rgba(0,0,0,0.03); transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); height: 100%; }
.premium-vm-card:hover { transform: translateY(-8px); box-shadow: 0 20px 40px rgba(var(--about-primary-rgb), 0.12); border-color: var(--about-primary); }
.premium-vm-icon { flex-shrink: 0; width: 55px; height: 55px; background: rgba(var(--about-primary-rgb), 0.08); border-radius: 50%; display: flex; justify-content: center; align-items: center; position: relative; z-index: 1; transition: all 0.5s ease; }
.premium-vm-icon i { font-size: 22px; color: var(--about-primary); transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
.premium-vm-icon::before { content: ''; position: absolute; inset: -4px; border-radius: 50%; border: 2px dashed var(--about-primary); opacity: 0; transition: all 0.5s ease; animation: spin-dashed 10s linear infinite; z-index: -1; }
.premium-vm-card:hover .premium-vm-icon { background: var(--about-primary) !important; }
.premium-vm-card:hover .premium-vm-icon i { color: #ffffff !important; transform: scale(1.1) rotateY(360deg); }
.premium-vm-card:hover .premium-vm-icon::before { opacity: 1; inset: -6px; border-color: var(--about-primary) !important; } 

.premium-vm-content h4 { font-size: 16px; font-weight: 800; color: #1a1a1a; margin-bottom: 8px; transition: color 0.3s ease; }
.premium-vm-card:hover .premium-vm-content h4 { color: var(--about-primary); }
.premium-vm-content p { color: #666; font-size: 13px; line-height: 1.6; margin: 0; }

.premium-check-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; list-style: none; padding: 0; margin-bottom: 30px; }
.premium-check-list li { display: flex; align-items: center; justify-content: flex-start; font-size: 14px; font-weight: 600; color: #1a1a1a; }
.premium-check-list li i { color: var(--about-primary); background: rgba(var(--about-primary-rgb), 0.1); width: 25px; height: 25px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-left: 10px; font-size: 12px; }

.about-one__img { position: relative; z-index: 1; }
html[dir="rtl"] .about-one__shape-1 { right: auto !important; transform: scaleX(1) !important; }
html[dir="rtl"] .about-one__video-link { right: auto !important; z-index: 3; }

.about-one__img-box { position: relative !important; padding-bottom: 20px !important; z-index: 1 !important; }
.about-one__img { width: 100% !important; position: relative !important; z-index: 1 !important; }
.about-one__img img { width: 100% !important; height: 490px !important; object-fit: cover !important; border-radius: 20px !important; border: 5px solid #ffffff !important; box-shadow: 0 10px 30px rgba(0,0,0,0.05) !important; display: block !important; }

.about-one__img-2 { position: absolute !important; bottom: -155px !important; left: -160px !important; width: 80% !important; z-index: 3 !important; border: none !important; }
.about-one__img-2 img { width: 100% !important; height: 510px !important; object-fit: cover !important; border: 0px solid #ffffff !important; border-radius: 20px !important; box-shadow: 0 15px 40px rgba(0,0,0,0.15) !important; }

html[dir="rtl"] .about-one__video-link { position: absolute !important; top: 20px !important; left: -120px !important; right: auto !important; z-index: 20 !important; display: block !important; }
html[dir="rtl"] .about-one__video-icon { position: relative !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 85px !important; height: 85px !important; background-color: var(--about-primary) !important; border-radius: 15px !important; z-index: 5 !important; box-shadow: 0 10px 25px rgba(var(--about-primary-rgb), 0.4) !important; transition: all 0.3s ease !important; }
html[dir="rtl"] .about-one__video-icon:hover { background-color: var(--about-secondary) !important; transform: scale(1.1) !important; }
html[dir="rtl"] .about-one__video-icon span { font-size: 22px !important; color: #ffffff !important; position: relative !important; z-index: 6 !important; margin-left: 4px !important; }

.about-one__shape-1 { position: absolute !important; width: 140px !important; height: 140px !important; background-color: var(--about-primary) !important; opacity: 1 !important; left: -30px !important; top: -15px !important; z-index: -1 !important; display: block !important; }

html[dir="rtl"] .about-one__video-icon::before { content: '' !important; position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; border-radius: inherit !important; background: rgba(var(--about-primary-rgb), 0.7) !important; z-index: -2 !important; animation: premiumPulse 2s ease-out infinite !important; }
html[dir="rtl"] .about-one__video-icon::after { content: '' !important; position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; border-radius: inherit !important; background: rgba(var(--about-primary-rgb), 0.4) !important; z-index: -2 !important; animation: premiumPulse 2s ease-out infinite 1s !important; }

@keyframes premiumPulse { 0% { transform: scale(1); opacity: 1; } 100% { transform: scale(1.7); opacity: 0; } }

html[dir="rtl"] .about-one__video-link, html[dir="rtl"] .about-one__video-link a { background: transparent !important; border: none !important; box-shadow: none !important; }
html[dir="rtl"] .about-one__video-link a::before, html[dir="rtl"] .about-one__video-link a::after, .about-one__video-icon .ripple, .about-one__video-icon .ripple::before, .about-one__video-icon .ripple::after { display: none !important; content: none !important; }

.premium-stats-box { position: absolute !important; bottom: -180px !important; right: 80px !important; background-color: var(--about-primary) !important; padding: 20px 35px !important; border-radius: 15px !important; text-align: center !important; min-width: 160px !important; z-index: 10 !important; box-shadow: 0 15px 35px rgba(var(--about-primary-rgb), 0.3) !important; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; }
.premium-stats-box:hover { transform: translateY(-10px) !important; box-shadow: 0 20px 40px rgba(var(--about-primary-rgb), 0.4) !important; }
.premium-stats-box .stats-icon i { font-size: 35px !important; color: #ffffff !important; margin-bottom: 12px !important; display: block !important; }
.premium-stats-box .stats-number { display: flex !important; align-items: center !important; justify-content: center !important; line-height: 1 !important; direction: ltr !important; }
.premium-stats-box .stats-number h3 { font-size: 38px !important; font-weight: 800 !important; color: #ffffff !important; margin: 0 !important; direction: ltr !important; }
.premium-stats-box .stats-number .plus { font-size: 28px !important; font-weight: 800 !important; color: #ffffff !important; margin-left: 5px !important; margin-right: 0 !important; }
.premium-stats-box .stats-text { font-size: 16px !important; font-weight: 700 !important; color: #ffffff !important; margin: 8px 0 0 0 !important; opacity: 0.9 !important; }

.home-custom-rating-box { display: flex !important; flex-direction: column !important; align-items: flex-start !important; margin-top: 10px !important; margin-right: -50px !important; margin-bottom: 20px !important; }
.home-custom-rating-box .customer-avatars-dynamic { display: flex !important; direction: ltr !important; margin-bottom: 12px !important; }
.home-custom-rating-box .customer-avatars-dynamic img { width: 55px !important; height: 55px !important; border-radius: 50% !important; border: 3px solid #ffffff !important; object-fit: cover !important; margin-left: -18px !important; box-shadow: 0 5px 15px rgba(0,0,0,0.1) !important; transition: all 0.3s ease !important; position: relative; }
.home-custom-rating-box .customer-avatars-dynamic img:first-child { margin-left: 0 !important; }
.home-custom-rating-box .customer-avatars-dynamic img:hover { transform: translateY(-5px) scale(1.1) !important; z-index: 10 !important; box-shadow: 0 10px 20px rgba(0,0,0,0.2) !important; }
.home-custom-rating-box .review-stars { color: #ffb400 !important; font-size: 16px !important; margin-bottom: 8px !important; letter-spacing: 2px !important; }
.home-custom-rating-box .review-text { font-size: 18px !important; font-weight: 800 !important; color: var(--about-primary) !important; margin: 0 !important; }

.premium-about-text { font-size: 16px; line-height: 1.8; color: #555; margin-bottom: 20px; text-align: justify; }
.premium-counter-fix { direction: ltr !important; display: flex; align-items: center; justify-content: center; }
.premium-counter-fix .odometer { font-family: 'Arial', sans-serif !important; line-height: 1.2 !important; }
.premium-counter-fix .odometer-digit { height: auto !important; }
html[dir="rtl"] .about-one__right { padding-right: 40px !important; }