<b:if cond='data:blog.pageType == "index"'> <data:blog.pageTitle/> <b:else/> <b:if cond='data:blog.pageType != "error_page"'> <data:blog.pageName/> - <data:blog.title/> <b:else/> خطأ 404 - <data:blog.title/> </b:if> </b:if> /* Reset & Base Styles */ * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Cairo', sans-serif; line-height: 1.6; color: $(text.color); direction: rtl; overflow-x: hidden; background: #ffffff; } .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; } /* Header Styles */ #header-wrap { background: linear-gradient(135deg, $(main.color) 0%, #2c5282 100%); color: white; position: fixed; top: 0; left: 0; right: 0; z-index: 1000; box-shadow: 0 2px 10px rgba(0,0,0,0.1); transition: all 0.3s ease; } #header-wrap.scrolled { background: rgba(26, 54, 93, 0.95); backdrop-filter: blur(10px); } .header-top { background: rgba(255,255,255,0.1); padding: 10px 0; border-bottom: 1px solid rgba(255,255,255,0.1); } .header-info { display: flex; justify-content: space-between; align-items: center; font-size: 14px; } .contact-info span { margin: 0 15px; } .contact-info i { margin-left: 5px; color: $(accent.color); } .social-links a { color: white; margin: 0 5px; font-size: 16px; transition: color 0.3s ease; text-decoration: none; } .social-links a:hover { color: $(accent.color); } .header-main { padding: 15px 0; display: flex; justify-content: space-between; align-items: center; } .logo { font-size: 28px; font-weight: 700; color: white; text-decoration: none; font-family: 'Amiri', serif; } .logo span { color: $(accent.color); } /* Navigation Menu */ .main-nav ul { display: flex; list-style: none; margin: 0; padding: 0; } .main-nav li { position: relative; margin: 0 10px; } .main-nav a { color: white; text-decoration: none; padding: 10px 15px; display: block; font-weight: 500; transition: all 0.3s ease; border-radius: 5px; } .main-nav a:hover { background: $(accent.color); transform: translateY(-2px); } /* Mobile Menu */ .mobile-toggle { display: none; background: none; border: none; color: white; font-size: 24px; cursor: pointer; } .mobile-nav { display: none; position: absolute; top: 100%; left: 0; right: 0; background: $(main.color); box-shadow: 0 5px 15px rgba(0,0,0,0.2); } .mobile-nav ul { flex-direction: column; } .mobile-nav li { margin: 0; border-bottom: 1px solid rgba(255,255,255,0.1); } .mobile-nav a { padding: 15px 20px; border-radius: 0; } /* Hero Section */ .hero-section { background: linear-gradient(rgba(26, 54, 93, 0.8), rgba(44, 82, 130, 0.8)), url('data:image/svg+xml,'); background-size: cover; background-position: center; min-height: 100vh; display: flex; align-items: center; color: white; position: relative; overflow: hidden; } .hero-content { text-align: center; max-width: 800px; margin: 0 auto; padding: 0 20px; } .hero-title { font-size: 3.5rem; font-weight: 700; margin-bottom: 20px; font-family: 'Amiri', serif; line-height: 1.2; } .hero-subtitle { font-size: 1.3rem; margin-bottom: 30px; color: rgba(255,255,255,0.9); line-height: 1.4; } .hero-buttons { margin-top: 40px; } .btn { display: inline-block; padding: 15px 30px; margin: 10px; text-decoration: none; border-radius: 50px; font-weight: 600; transition: all 0.3s ease; border: 2px solid transparent; cursor: pointer; font-family: inherit; } .btn-primary { background: $(accent.color); color: white; } .btn-primary:hover { background: transparent; border-color: $(accent.color); color: $(accent.color); transform: translateY(-3px); box-shadow: 0 10px 25px rgba(201, 169, 97, 0.3); } .btn-outline { background: transparent; color: white; border-color: white; } .btn-outline:hover { background: white; color: $(main.color); } /* Services Section */ .services-section { padding: 100px 0; background: $(light.bg); } .section-title { text-align: center; margin-bottom: 60px; } .section-title h2 { font-size: 2.5rem; font-weight: 700; color: $(main.color); margin-bottom: 15px; font-family: 'Amiri', serif; } .section-title p { font-size: 1.1rem; color: $(gray.color); max-width: 600px; margin: 0 auto; } .services-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; margin-top: 50px; } .service-card { background: white; padding: 40px 30px; border-radius: 15px; text-align: center; box-shadow: 0 5px 20px rgba(0,0,0,0.08); transition: all 0.3s ease; border-top: 4px solid $(accent.color); } .service-card:hover { transform: translateY(-10px); box-shadow: 0 15px 40px rgba(0,0,0,0.15); } .service-icon { width: 80px; height: 80px; background: linear-gradient(135deg, $(main.color), $(accent.color)); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; font-size: 30px; color: white; } .service-card h3 { font-size: 1.4rem; font-weight: 600; margin-bottom: 15px; color: $(main.color); } .service-card p { color: $(gray.color); line-height: 1.6; } /* About Section */ .about-section { padding: 100px 0; background: white; } .about-content { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; } .about-text h2 { font-size: 2.5rem; font-weight: 700; color: $(main.color); margin-bottom: 20px; font-family: 'Amiri', serif; } .about-text p { color: $(gray.color); margin-bottom: 20px; line-height: 1.8; } .stats-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; margin-top: 40px; } .stat-item { text-align: center; padding: 20px; background: $(light.bg); border-radius: 10px; } .stat-number { font-size: 2rem; font-weight: 700; color: $(accent.color); display: block; } .stat-label { color: $(gray.color); font-size: 0.9rem; } .about-image { position: relative; } /* Team Section */ .team-section { padding: 100px 0; background: $(light.bg); } .team-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px; margin-top: 50px; } .team-card { background: white; border-radius: 15px; overflow: hidden; box-shadow: 0 5px 20px rgba(0,0,0,0.08); transition: all 0.3s ease; } .team-card:hover { transform: translateY(-5px); box-shadow: 0 15px 40px rgba(0,0,0,0.15); } .team-image { height: 250px; background: linear-gradient(45deg, $(main.color), $(accent.color)); position: relative; display: flex; align-items: flex-end; justify-content: center; padding: 20px; } .team-info { padding: 25px; text-align: center; } .team-info h3 { font-size: 1.3rem; font-weight: 600; color: $(main.color); margin-bottom: 5px; } .team-info .position { color: $(accent.color); font-size: 0.9rem; margin-bottom: 15px; } .team-info p { color: $(gray.color); font-size: 0.9rem; line-height: 1.5; } /* Blog Section */ .blog-section { padding: 100px 0; background: white; } .blog-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 30px; margin-top: 50px; } .blog-card { background: white; border-radius: 15px; overflow: hidden; box-shadow: 0 5px 20px rgba(0,0,0,0.08); transition: all 0.3s ease; } .blog-card:hover { transform: translateY(-5px); box-shadow: 0 15px 40px rgba(0,0,0,0.15); } .blog-image { height: 200px; background: linear-gradient(45deg, $(main.color), $(accent.color)); background-size: cover; background-position: center; position: relative; } .blog-content { padding: 25px; } .blog-meta { color: $(gray.color); font-size: 0.85rem; margin-bottom: 10px; } .blog-title { font-size: 1.2rem; font-weight: 600; color: $(main.color); margin-bottom: 15px; line-height: 1.4; } .blog-title a { color: inherit; text-decoration: none; transition: color 0.3s ease; } .blog-title a:hover { color: $(accent.color); } .blog-excerpt { color: $(gray.color); line-height: 1.6; margin-bottom: 20px; } .read-more { color: $(accent.color); text-decoration: none; font-weight: 600; transition: color 0.3s ease; } .read-more:hover { color: $(main.color); } /* Contact Section */ .contact-section { padding: 100px 0; background: $(main.color); color: white; } .contact-content { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: start; } .contact-info h2 { font-size: 2.5rem; margin-bottom: 20px; font-family: 'Amiri', serif; } .contact-info p { margin-bottom: 30px; color: rgba(255,255,255,0.9); } .contact-item { display: flex; align-items: flex-start; margin-bottom: 25px; } .contact-item i { width: 50px; height: 50px; background: $(accent.color); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-left: 20px; font-size: 18px; flex-shrink: 0; } .contact-item div h4 { margin-bottom: 5px; color: $(accent.color); } .contact-item div p { margin: 0; color: rgba(255,255,255,0.9); } .contact-form { background: white; padding: 40px; border-radius: 15px; } .contact-form h3 { color: $(main.color); margin-bottom: 20px; text-align: center; } .form-group { margin-bottom: 20px; } .form-group label { display: block; margin-bottom: 5px; color: $(main.color); font-weight: 600; } .form-group input, .form-group textarea, .form-group select { width: 100%; padding: 12px 15px; border: 2px solid #e2e8f0; border-radius: 8px; font-size: 16px; font-family: inherit; transition: border-color 0.3s ease; background: white; } .form-group input:focus, .form-group textarea:focus, .form-group select:focus { outline: none; border-color: $(accent.color); } /* Footer */ .footer { background: #1a202c; color: white; padding: 60px 0 20px; } .footer-content { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 40px; margin-bottom: 40px; } .footer-section h3 { font-size: 1.3rem; margin-bottom: 20px; color: $(accent.color); font-family: 'Amiri', serif; } .footer-section p, .footer-section li { color: #a0aec0; line-height: 1.6; margin-bottom: 10px; } .footer-section ul { list-style: none; padding: 0; } .footer-section a { color: #a0aec0; text-decoration: none; transition: color 0.3s ease; } .footer-section a:hover { color: $(accent.color); } .footer-bottom { border-top: 1px solid #2d3748; padding-top: 20px; text-align: center; color: #718096; } /* Content Layout */ #content-wrapper { padding: 120px 0 60px; min-height: 100vh; background: white; } .main-content { display: grid; grid-template-columns: 2fr 1fr; gap: 40px; max-width: 1200px; margin: 0 auto; padding: 0 20px; } /* Post Styles */ .post-content { background: white; padding: 40px; border-radius: 15px; box-shadow: 0 5px 20px rgba(0,0,0,0.08); margin: 20px 0; } .post-title { font-size: 2rem; font-weight: 700; color: $(main.color); margin-bottom: 20px; font-family: 'Amiri', serif; line-height: 1.3; } .post-meta { color: $(gray.color); margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #e2e8f0; font-size: 0.9rem; } .post-meta i { margin-left: 5px; color: $(accent.color); } .post-body { line-height: 1.8; color: $(text.color); } .post-body h1, .post-body h2, .post-body h3, .post-body h4, .post-body h5, .post-body h6 { color: $(main.color); margin: 30px 0 15px; font-family: 'Amiri', serif; font-weight: 600; } .post-body p { margin-bottom: 20px; } .post-body img { max-width: 100%; height: auto; border-radius: 10px; margin: 20px 0; } .post-body a { color: $(accent.color); text-decoration: none; border-bottom: 1px solid transparent; transition: all 0.3s ease; } .post-body a:hover { border-bottom-color: $(accent.color); } .post-body blockquote { border-right: 4px solid $(accent.color); padding: 20px; background: $(light.bg); margin: 20px 0; font-style: italic; border-radius: 5px; } .post-body ul, .post-body ol { padding-right: 20px; margin-bottom: 20px; } .post-body li { margin-bottom: 5px; } /* Sidebar */ .sidebar { padding: 20px 0; } .widget { background: white; padding: 30px; border-radius: 15px; box-shadow: 0 5px 20px rgba(0,0,0,0.08); margin-bottom: 30px; } .widget-title { font-size: 1.3rem; font-weight: 600; color: $(main.color); margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid $(accent.color); font-family: 'Amiri', serif; } .widget ul { list-style: none; padding: 0; } .widget li { padding: 10px 0; border-bottom: 1px solid #f0f0f0; } .widget li:last-child { border-bottom: none; } .widget a { color: $(gray.color); text-decoration: none; transition: color 0.3s ease; } .widget a:hover { color: $(accent.color); } .widget small { display: block; color: $(gray.color); margin-top: 5px; font-size: 0.85rem; } /* Search Form */ .search-form { position: relative; } .search-form input { width: 100%; padding: 12px 50px 12px 15px; border: 2px solid #e2e8f0; border-radius: 25px; font-size: 14px; transition: border-color 0.3s ease; } .search-form input:focus { outline: none; border-color: $(accent.color); } .search-form button { position: absolute; left: 5px; top: 50%; transform: translateY(-50%); background: $(accent.color); border: none; width: 35px; height: 35px; border-radius: 50%; color: white; cursor: pointer; transition: background 0.3s ease; } .search-form button:hover { background: $(main.color); } /* Comments */ .comments-section { background: white; padding: 40px; border-radius: 15px; box-shadow: 0 5px 20px rgba(0,0,0,0.08); margin-top: 30px; } .comments-title { font-size: 1.5rem; color: $(main.color); margin-bottom: 20px; font-family: 'Amiri', serif; } /* Error Page */ .error-page { text-align: center; padding: 100px 20px; background: $(light.bg); min-height: 60vh; } .error-page h1 { font-size: 8rem; color: $(accent.color); margin-bottom: 20px; font-weight: 700; } .error-page h2 { font-size: 2rem; color: $(main.color); margin-bottom: 20px; font-family: 'Amiri', serif; } .error-page p { color: $(gray.color); margin-bottom: 30px; } /* Responsive Design */ @media (max-width: 992px) { .about-content, .contact-content { grid-template-columns: 1fr; gap: 40px; } .main-content { grid-template-columns: 1fr; } .stats-grid { grid-template-columns: 1fr 1fr; } } @media (max-width: 768px) { .mobile-toggle { display: block; } .main-nav { display: none; } .header-info { flex-direction: column; gap: 10px; text-align: center; } .contact-info span { margin: 0 10px; font-size: 12px; } .hero-title { font-size: 2.5rem; } .hero-subtitle { font-size: 1.1rem; } .services-grid, .team-grid, .blog-grid { grid-template-columns: 1fr; } .stats-grid { grid-template-columns: 1fr; } .section-title h2 { font-size: 2rem; } .hero-buttons { flex-direction: column; align-items: center; } .btn { width: 200px; text-align: center; } .contact-form { padding: 20px; } .post-content { padding: 20px; } .widget { padding: 20px; } } @media (max-width: 480px) { .hero-title { font-size: 2rem; } .container { padding: 0 15px; } .services-section, .about-section, .team-section, .blog-section, .contact-section { padding: 60px 0; } .footer-content { grid-template-columns: 1fr; } } /* Animations */ @keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fade-in-up { animation: fadeInUp 0.8s ease forwards; } .fade-in { animation: fadeIn 0.6s ease forwards; } /* Utility Classes */ .text-center { text-align: center; } .text-right { text-align: right; } .text-left { text-align: left; } .mb-0 { margin-bottom: 0; } .mb-1 { margin-bottom: 10px; } .mb-2 { margin-bottom: 20px; } .mb-3 { margin-bottom: 30px; } .mt-0 { margin-top: 0; } .mt-1 { margin-top: 10px; } .mt-2 { margin-top: 20px; } .mt-3 { margin-top: 30px; } .hidden { display: none !important; } .visible { display: block !important; } /* Loading Animation */ .loading { display: inline-block; width: 20px; height: 20px; border: 3px solid rgba(255,255,255,.3); border-radius: 50%; border-top-color: #fff; animation: spin 1s ease-in-out infinite; } @keyframes spin { to { transform: rotate(360deg); } } ]]>
+966 11 123 4567 info@lawoffice.sa الرياض، المملكة العربية السعودية

خبرة قانونية موثوقة في خدمتكم

مكتب محاماة متخصص في جميع أنواع القضايا القانونية مع فريق من المحامين ذوي الخبرة العالية في المملكة العربية السعودية

خدماتنا القانونية

نقدم مجموعة شاملة من الخدمات القانونية المتخصصة لتلبية احتياجاتكم

القضايا المدنية

نمثلكم في جميع أنواع القضايا المدنية والعقود والنزاعات التجارية بأعلى مستوى من الاحترافية

القضايا الجنائية

دفاع قوي وتمثيل متميز في القضايا الجنائية مع ضمان حماية حقوقكم وحرياتكم

صياغة العقود

صياغة ومراجعة العقود بدقة متناهية لضمان حماية مصالحكم القانونية

قضايا الأحوال الشخصية

متخصصون في قضايا الطلاق والنفقة والحضانة وجميع مسائل الأحوال الشخصية

القضايا العقارية

استشارات ومتابعة قانونية شاملة للمعاملات العقارية والنزاعات المتعلقة بالعقارات

التحكيم والوساطة

حلول بديلة لفض النزاعات خارج المحاكم من خلال التحكيم والوساطة القانونية

لماذا تختار مكتب العدالة؟

مكتب العدالة للمحاماة هو مكتب قانوني رائد في المملكة العربية السعودية، يضم نخبة من المحامين المتخصصين والمرخصين من وزارة العدل السعودية.

نحن نلتزم بتقديم أفضل الخدمات القانونية لعملائنا من خلال الخبرة العملية والمعرفة العميقة بالقوانين واللوائح السعودية.

فريقنا يتمتع بخبرة واسعة في التعامل مع مختلف أنواع القضايا القانونية، ونحن ملتزمون بحماية حقوق عملائنا وتحقيق أفضل النتائج لهم.

0 قضية ناجحة
0 سنة خبرة
0 معدل النجاح %
0 عميل راضي

فريق المحامين

محامون متخصصون ومرخصون بخبرة عالية في مختلف المجالات القانونية

المحامي أحمد العبدالله

محامي أول - مؤسس المكتب

خبرة 20 عام في القانون المدني والتجاري، حاصل على ماجستير في القانون من جامعة الملك سعود

المحامية فاطمة الزهراني

محامية متخصصة في الأحوال الشخصية

خبرة 12 عام في قضايا الأسرة والأحوال الشخصية، معتمدة من المحكمة العليا

المحامي سعد المطيري

محامي متخصص في القضايا الجنائية

خبرة 15 عام في الدفاع الجنائي، حاصل على عدة شهادات تقدير من المحاكم

آخر المقالات القانونية

تابع آخر التطورات والأخبار القانونية والمقالات المتخصصة

404

الصفحة غير موجودة

عذراً، الصفحة التي تبحث عنها غير موجودة أو تم نقلها إلى مكان آخر

العودة للرئيسية

التعليقات

احجز استشارتك القانونية

تواصل معنا للحصول على استشارة قانونية متخصصة من فريق من أفضل المحامين في المملكة

العنوان

الرياض - حي الملز - شارع الملك فهد
المملكة العربية السعودية

الهاتف

+966 11 123 4567
+966 50 123 4567

البريد الإلكتروني

info@lawoffice.sa
consultation@lawoffice.sa

ساعات العمل

الأحد - الخميس: 9:00 ص - 6:00 م
السبت: 10:00 ص - 2:00 م

نموذج الاستشارة