Content Here

Sample body content here.

/* Main Footer Styling */ .ar-main-footer { background-color: #0f172a; color: #94a3b8; padding: 80px 0 32px 0; font-family: 'IBM Plex Sans Arabic', sans-serif; direction: rtl; position: relative; width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); overflow: hidden; }/* Gradient Accent Top Line */ .ar-main-footer::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 4px; background: linear-gradient(to right, #2563eb, #06b6d4); }.ar-footer-container { max-width: 1280px; margin: 0 auto; padding: 0 20px; }.ar-footer-grid { display: grid; grid-template-columns: 1.5fr 1fr 1.5fr; gap: 48px; margin-bottom: 64px; }/* Mobile Responsiveness */ @media (max-width: 1024px) { .ar-footer-grid { grid-template-columns: 1fr 1fr; } }@media (max-width: 640px) { .ar-footer-grid { grid-template-columns: 1fr; text-align: right; }.ar-social-links { justify-content: flex-start; }.ar-newsletter-form { flex-direction: column; } }/* Brand Section */ .ar-footer-logo { display: flex; align-items: center; gap: 2px; margin-bottom: 20px; font-weight: 900; font-size: 24px; color: #fff; }.logo-dot { color: #06b6d4; }.ar-footer-desc { font-size: 15px; line-height: 1.6; margin-bottom: 24px; }/* Links Section */ .ar-footer-title { color: #fff; font-size: 18px; font-weight: 700; margin-bottom: 24px; position: relative; }.ar-footer-links { list-style: none; padding: 0; margin: 0; }.ar-footer-links li { margin-bottom: 14px; }.ar-footer-links a { color: #94a3b8; text-decoration: none; transition: all 0.3s ease; font-size: 15px; }.ar-footer-links a:hover { color: #38bdf8; padding-right: 8px; }/* Social Icons */ .ar-social-links { display: flex; gap: 16px; }.social-icon { width: 40px; height: 40px; border-radius: 12px; background: #1e293b; color: #94a3b8; display: flex; align-items: center; justify-content: center; transition: all 0.3s; }.social-icon svg { width: 20px; height: 20px; }.social-icon:hover { background: #2563eb; color: #fff; transform: translateY(-3px); }/* Newsletter Form */ .ar-newsletter-form { display: flex; gap: 8px; background: #1e293b; padding: 6px; border-radius: 12px; border: 1px solid #334155; }.ar-newsletter-form input { background: transparent; border: none; padding: 10px 16px; color: #fff; flex: 1; outline: none; font-family: inherit; }.ar-newsletter-form button { background: linear-gradient(to right, #2563eb, #06b6d4); color: #fff; border: none; padding: 10px 24px; border-radius: 8px; font-weight: 700; cursor: pointer; transition: opacity 0.3s; display: flex; align-items: center; justify-content: center; line-height: 1; height: 100%; font-family: inherit; }.ar-newsletter-form button:hover { opacity: 0.9; }/* Newsletter Benefit Tags */ .ar-footer-tags { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 16px; }.footer-tag { display: flex; align-items: center; gap: 6px; }.footer-tag svg { width: 14px; height: 14px; color: #22d3ee; }.footer-tag span { font-size: 12px; color: #cbd5e1; font-weight: 500; }/* Bottom Bar & Disclaimer */ .ar-footer-bottom-container { border-top: 1px solid #1e293b; padding-top: 32px; }.ar-footer-disclaimer { background: rgba(255, 255, 255, 0.03); padding: 24px; border-radius: 16px; margin-bottom: 32px; border: 1px solid rgba(255, 255, 255, 0.05); }.ar-footer-disclaimer p { font-size: 13px; line-height: 1.8; color: #64748b; margin: 0; text-align: justify; }.ar-footer-disclaimer strong { color: #cbd5e1; }.ar-footer-bottom { display: flex; flex-direction: column; align-items: center; gap: 24px; text-align: center; font-size: 13px; }.ar-copyright { margin: 0; color: #64748b; }.ar-footer-links-bottom { display: flex; gap: 24px; }.ar-footer-links-bottom a { color: #64748b; text-decoration: none; transition: color 0.3s; }.ar-footer-links-bottom a:hover { color: #fff; }@media (max-width: 768px) { .ar-footer-bottom { flex-direction: column; gap: 16px; text-align: right; align-items: flex-start; }.ar-footer-links-bottom { justify-content: flex-start; flex-wrap: wrap; }.ar-copyright { width: 100%; text-align: right; } }document.getElementById('ar-year').textContent = new Date().getFullYear();