\u0639\u0644\u064a \u0627\u0644\u0645\u063a\u0627\u0645\u0631 \u0644\u0644\u0645\u062d\u0627\u0645\u0627\u0629<\/title>\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n:root{\r\n --primary:#0f2747;\r\n --gold:#c8a25d;\r\n --gold-light:#ead6ab;\r\n --white:#fff;\r\n --shadow:0 18px 45px rgba(0,0,0,.22);\r\n}\r\n\r\n*{\r\n margin:0;\r\n padding:0;\r\n box-sizing:border-box;\r\n}\r\n\r\nbody{\r\n font-family:\"Cairo\",sans-serif;\r\n background:#f5f7fa;\r\n}\r\n\r\na{\r\n text-decoration:none;\r\n color:inherit;\r\n}\r\n\r\n\/* animations *\/\r\n@keyframes fadeInDown{\r\n from{\r\n opacity:0;\r\n transform:translateY(-80px);\r\n }\r\n to{\r\n opacity:1;\r\n transform:translateY(0);\r\n }\r\n}\r\n\r\n@keyframes fadeInUp{\r\n from{\r\n opacity:0;\r\n transform:translateY(80px);\r\n }\r\n to{\r\n opacity:1;\r\n transform:translateY(0);\r\n }\r\n}\r\n\r\n@keyframes buttonPulse{\r\n 0%{transform:scale(1);}\r\n 50%{transform:scale(1.05);}\r\n 100%{transform:scale(1);}\r\n}\r\n\r\n.hero{\r\n min-height:100vh;\r\n display:flex;\r\n align-items:center;\r\n background:\r\n linear-gradient(rgba(15,39,71,.8),rgba(15,39,71,.9)),\r\n url(\"https:\/\/lawyeralim-m.sa\/wp-content\/uploads\/2026\/03\/background_1-1.jpg\") center\/cover;\r\n overflow:hidden;\r\n animation:fadeInDown 1.4s ease;\r\n}\r\n\r\n.container{\r\n width:min(1180px, calc(100% - 40px));\r\n margin:auto;\r\n}\r\n\r\n.hero-grid{\r\n display:grid;\r\n grid-template-columns:1.2fr 1fr;\r\n gap:40px;\r\n align-items:center;\r\n padding:80px 0;\r\n}\r\n\r\n\/* text *\/\r\n.hero-content{\r\n color:#fff;\r\n animation:fadeInUp 1.4s ease;\r\n}\r\n\r\n.top-line{\r\n font-weight:700;\r\n margin-bottom:12px;\r\n animation:fadeInDown 1.2s ease;\r\n}\r\n\r\n.hero-title{\r\n font-size:2.4rem;\r\n font-weight:800;\r\n margin-bottom:18px;\r\n line-height:1.3;\r\n animation:fadeInDown 1.4s ease;\r\n animation-delay:.2s;\r\n color:var(--white);\r\n}\r\n\r\n.hero-title span{\r\n color:var(--gold);\r\n}\r\n\r\n.hero-text{\r\n font-size:1.05rem;\r\n line-height:1.9;\r\n margin-bottom:28px;\r\n animation:fadeInUp 1.6s ease;\r\n animation-delay:.3s;\r\n}\r\n\r\n\/* buttons *\/\r\n.hero-actions{\r\n display:flex;\r\n gap:14px;\r\n flex-wrap:wrap;\r\n animation:fadeInUp 1.8s ease;\r\n animation-delay:.5s;\r\n}\r\n\r\n.btn{\r\n min-height:52px;\r\n padding:0 28px;\r\n border-radius:999px;\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n font-weight:700;\r\n font-size:1rem;\r\n position:relative;\r\n overflow:hidden;\r\n transition:.35s;\r\n text-decoration:none !important;\r\n}\r\n\r\n.btn-primary{\r\n background:linear-gradient(135deg,var(--gold),#b88a44);\r\n color:#fff;\r\n}\r\n\r\n.btn-outline{\r\n border:1px solid rgba(255,255,255,.4);\r\n color:#fff;\r\n backdrop-filter:blur(6px);\r\n}\r\n\r\n\/* hover effects *\/\r\n.btn:hover{\r\n transform:translateY(-4px) scale(1.05);\r\n box-shadow:0 16px 35px rgba(0,0,0,.3);\r\n animation:buttonPulse 1.4s infinite;\r\n}\r\n\r\n.btn-primary:hover{\r\n background:#fff;\r\n color:#000;\r\n}\r\n\r\n.btn-outline:hover{\r\n background:#fff;\r\n color:#000;\r\n}\r\n\r\n\/* side card *\/\r\n.hero-side{\r\n display:flex;\r\n animation:fadeInUp 1.8s ease;\r\n}\r\n\r\n.side-card{\r\n width:360px;\r\n padding:32px;\r\n border-radius:26px;\r\n background:rgba(255,255,255,.1);\r\n border:1px solid rgba(255,255,255,.15);\r\n backdrop-filter:blur(12px);\r\n box-shadow:var(--shadow);\r\n color:#fff;\r\n transition:.4s;\r\n}\r\n\r\n.side-card:hover{\r\n transform:translateY(-10px);\r\n}\r\n\r\n.side-icon{\r\n width:80px;\r\n height:80px;\r\n border-radius:22px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n margin-bottom:18px;\r\n background:rgba(200,162,93,.15);\r\n color:var(--gold-light);\r\n}\r\n\r\n.side-icon svg{\r\n width:40px;\r\n height:40px;\r\n stroke:currentColor;\r\n fill:none;\r\n stroke-width:2;\r\n}\r\n\r\n.side-card h3{\r\n font-size:1.6rem;\r\n margin-bottom:12px;\r\n color:var(--gold-light);\r\n}\r\n\r\n.side-card p{\r\n color:#ffffff;\r\n line-height:1.9;\r\n}\r\n\r\n\/* RTL \/ LTR support *\/\r\nhtml[dir=\"rtl\"] .hero{\r\n direction:rtl;\r\n}\r\n\r\nhtml[dir=\"ltr\"] .hero{\r\n direction:ltr;\r\n}\r\n\r\nhtml[dir=\"rtl\"] .hero-content,\r\nhtml[dir=\"rtl\"] .top-line,\r\nhtml[dir=\"rtl\"] .hero-title,\r\nhtml[dir=\"rtl\"] .hero-text,\r\nhtml[dir=\"rtl\"] .side-card{\r\n text-align:right;\r\n}\r\n\r\nhtml[dir=\"ltr\"] .hero-content,\r\nhtml[dir=\"ltr\"] .top-line,\r\nhtml[dir=\"ltr\"] .hero-title,\r\nhtml[dir=\"ltr\"] .hero-text,\r\nhtml[dir=\"ltr\"] .side-card{\r\n text-align:left;\r\n}\r\n\r\nhtml[dir=\"rtl\"] .hero-side{\r\n justify-content:flex-end;\r\n}\r\n\r\nhtml[dir=\"ltr\"] .hero-side{\r\n justify-content:flex-start;\r\n}\r\n\r\nhtml[dir=\"rtl\"] .side-icon{\r\n margin-right:auto;\r\n margin-left:0;\r\n}\r\n\r\nhtml[dir=\"ltr\"] .side-icon{\r\n margin-left:auto;\r\n margin-right:0;\r\n}\r\n\r\nhtml[dir=\"rtl\"] .hero-actions{\r\n justify-content:flex-start;\r\n}\r\n\r\nhtml[dir=\"ltr\"] .hero-actions{\r\n justify-content:flex-start;\r\n}\r\n\r\n\/* responsive *\/\r\n@media (max-width:992px){\r\n .hero-grid{\r\n grid-template-columns:1fr;\r\n }\r\n\r\n html[dir=\"rtl\"] .hero-side,\r\n html[dir=\"ltr\"] .hero-side{\r\n justify-content:flex-start;\r\n }\r\n\r\n .side-card{\r\n width:100%;\r\n max-width:420px;\r\n }\r\n}\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<section class=\"hero\">\r\n <div class=\"container\">\r\n <div class=\"hero-grid\">\r\n\r\n <div class=\"hero-content\">\r\n <div class=\"top-line\">\r\n \u0639\u0644\u064a \u0627\u0644\u0645\u063a\u0627\u0645\u0631 \u0644\u0644\u0645\u062d\u0627\u0645\u0627\u0629 \u0648\u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629\r\n <\/div>\r\n\r\n <h1 class=\"hero-title\">\r\n <span>\u062e\u0628\u0631\u0629 \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0631\u0627\u0633\u062e\u0629<\/span> \u0648\u062d\u0644\u0648\u0644 \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0645\u0648\u062b\u0648\u0642\u0629\r\n <\/h1>\r\n\r\n <p class=\"hero-text\">\r\n \u0646\u0642\u062f\u0645 \u062e\u062f\u0645\u0627\u062a \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0645\u0628\u0646\u064a\u0629 \u0639\u0644\u0649 \u0627\u0644\u0645\u0639\u0631\u0641\u0629 \u0627\u0644\u0639\u0645\u064a\u0642\u0629 \u0628\u0627\u0644\u0623\u0646\u0638\u0645\u0629 \u0648\u0627\u0644\u062a\u0634\u0631\u064a\u0639\u0627\u062a\u060c\r\n \u0645\u0639 \u0627\u0644\u062a\u0632\u0627\u0645 \u0643\u0627\u0645\u0644 \u0628\u062d\u0645\u0627\u064a\u0629 \u062d\u0642\u0648\u0642 \u0639\u0645\u0644\u0627\u0626\u0646\u0627 \u0648\u062a\u0645\u062b\u064a\u0644\u0647\u0645 \u0628\u0623\u0639\u0644\u0649 \u062f\u0631\u062c\u0627\u062a \u0627\u0644\u0645\u0647\u0646\u064a\u0629 \u0623\u0645\u0627\u0645 \u0627\u0644\u062c\u0647\u0627\u062a \u0627\u0644\u0642\u0636\u0627\u0626\u064a\u0629.\r\n <\/p>\r\n\r\n <div class=\"hero-actions\">\r\n <a href=\"#\" class=\"btn btn-primary\">\r\n \u0627\u0637\u0644\u0628 \u0627\u0633\u062a\u0634\u0627\u0631\u0629\r\n <\/a>\r\n\r\n <a href=\"#\" class=\"btn btn-outline\">\r\n \u062a\u0639\u0631\u0641 \u0639\u0644\u0649 \u0627\u0644\u0645\u0643\u062a\u0628\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"hero-side\">\r\n <div class=\"side-card\">\r\n <div class=\"side-icon\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 3l7 3v5c0 5-3.5 8.5-7 10-3.5-1.5-7-5-7-10V6l7-3z\"\/>\r\n <path d=\"M9.5 12.5l1.7 1.7 3.8-4\"\/>\r\n <\/svg>\r\n <\/div>\r\n\r\n <h3>\u062f\u0639\u0645 \u0642\u0627\u0646\u0648\u0646\u064a \u0645\u0648\u062b\u0648\u0642<\/h3>\r\n\r\n <p>\r\n \u0646\u0633\u0639\u0649 \u0641\u064a \u0645\u0643\u062a\u0628 \u0639\u0644\u064a \u0627\u0644\u0645\u063a\u0627\u0645\u0631 \u0644\u0644\u0645\u062d\u0627\u0645\u0627\u0629 \u0648\u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0625\u0644\u0649 \u062a\u0642\u062f\u064a\u0645 \u062e\u062f\u0645\u0627\u062a \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0644\u0644\u0623\u0641\u0631\u0627\u062f \u0648\u0627\u0644\u0634\u0631\u0643\u0627\u062a\u060c \u0645\u0639 \u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u062d\u0644\u0648\u0644 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0627\u0644\u0641\u0639\u0627\u0644\u0629 \u0644\u062a\u062d\u0642\u064a\u0642 \u0623\u0641\u0636\u0644 \u0627\u0644\u0646\u062a\u0627\u0626\u062c \u0644\u0639\u0645\u0644\u0627\u0626\u0646\u0627.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1e5287b e-con-full e-flex e-con e-parent\" data-id=\"1e5287b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-322d5d4 e-flex e-con-boxed e-con e-child\" data-id=\"322d5d4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5590e37 elementor-widget elementor-widget-html\" data-id=\"5590e37\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css\">\r\n\r\n<style>\r\n :root{\r\n --primary:#0f2747;\r\n --primary2:#163a6b;\r\n --gold:#c8a25d;\r\n --gold-light:#ead6ab;\r\n --white:#ffffff;\r\n\r\n --text:#28415f;\r\n --text-soft:#5f7591;\r\n\r\n --hero-overlay:rgba(15,39,71,.58);\r\n --hero-overlay-2:rgba(10,28,52,.72);\r\n\r\n --card-blue:#e2edf9;\r\n --card-blue-2:#d6e5f6;\r\n --card-blue-3:#cfe0f4;\r\n --card-border:#b9cde5;\r\n\r\n --value-card:#edf5ff;\r\n --value-border:#c5d7eb;\r\n\r\n --shadow:0 18px 45px rgba(15,39,71,.10);\r\n --shadow-soft:0 10px 30px rgba(15,39,71,.08);\r\n }\r\n\r\n *{\r\n box-sizing:border-box;\r\n }\r\n\r\n .about-wrap{\r\n width:100%;\r\n max-width:1280px;\r\n margin:0 auto;\r\n padding:0 18px;\r\n }\r\n\r\n .about-hero{\r\n display:grid;\r\n grid-template-columns:1.02fr .98fr;\r\n gap:46px;\r\n align-items:center;\r\n margin-bottom:42px;\r\n }\r\n\r\n .about-hero-content{\r\n position:relative;\r\n z-index:2;\r\n }\r\n\r\n .about-hero-content h2{\r\n margin:0 0 14px;\r\n font-size:clamp(25px,3.1vw,38px);\r\n line-height:1.6;\r\n color:var(--primary);\r\n font-weight:900;\r\n max-width:720px;\r\n }\r\n\r\n .accent-line{\r\n width:90px;\r\n height:6px;\r\n border-radius:30px;\r\n background:var(--gold);\r\n margin:0 0 24px;\r\n }\r\n\r\n .about-hero-content p{\r\n margin:0 0 14px;\r\n color:var(--text);\r\n font-size:18px;\r\n line-height:2.05;\r\n }\r\n\r\n .about-actions{\r\n margin-top:26px;\r\n display:flex;\r\n gap:14px;\r\n flex-wrap:wrap;\r\n }\r\n\r\n .about-btn{\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n min-width:150px;\r\n height:56px;\r\n padding:0 26px;\r\n text-decoration:none;\r\n border-radius:999px;\r\n font-size:17px;\r\n font-weight:800;\r\n transition:.25s ease;\r\n text-decoration:none !important;\r\n }\r\n\r\n .about-btn.primary{\r\n background:var(--gold);\r\n color:var(--white);\r\n box-shadow:0 12px 28px rgba(200,162,93,.28);\r\n }\r\n\r\n .about-btn.primary:hover{\r\n transform:translateY(-2px);\r\n background:#b9924d;\r\n color:var(--white);\r\n }\r\n\r\n .about-btn.secondary{\r\n background:transparent;\r\n color:var(--primary);\r\n border:1px solid rgba(15,39,71,.20);\r\n }\r\n\r\n .about-btn.secondary:hover{\r\n background:rgba(15,39,71,.04);\r\n }\r\n\r\n .about-hero-visual{\r\n position:relative;\r\n }\r\n\r\n .hero-frame{\r\n position:relative;\r\n border-radius:34px;\r\n overflow:hidden;\r\n box-shadow:var(--shadow);\r\n min-height:560px;\r\n background:#cfd8e3;\r\n }\r\n\r\n .hero-frame img{\r\n position:absolute;\r\n inset:0;\r\n width:100%;\r\n height:100%;\r\n object-fit:cover;\r\n display:block;\r\n }\r\n\r\n .hero-frame::after{\r\n content:\"\";\r\n position:absolute;\r\n inset:0;\r\n background:\r\n linear-gradient(to top, var(--hero-overlay-2), rgba(15,39,71,.18)),\r\n linear-gradient(to left, rgba(15,39,71,.20), rgba(15,39,71,.06));\r\n }\r\n\r\n .hero-badge{\r\n position:absolute;\r\n top:24px;\r\n z-index:3;\r\n padding:12px 18px;\r\n border-radius:999px;\r\n background:rgba(255,255,255,.12);\r\n border:1px solid rgba(255,255,255,.18);\r\n color:var(--white);\r\n font-size:14px;\r\n font-weight:700;\r\n backdrop-filter:blur(8px);\r\n }\r\n\r\n .hero-bottom-card{\r\n position:absolute;\r\n bottom:24px;\r\n z-index:3;\r\n background:rgba(15,39,71,.55);\r\n border:1px solid rgba(255,255,255,.14);\r\n border-radius:24px;\r\n padding:22px 20px;\r\n backdrop-filter:blur(10px);\r\n color:var(--white);\r\n }\r\n\r\n .hero-bottom-card h3{\r\n margin:0 0 8px;\r\n font-size:24px;\r\n line-height:1.6;\r\n font-weight:800;\r\n color:var(--gold) !important;\r\n }\r\n\r\n .hero-bottom-card p{\r\n margin:0;\r\n font-size:15px;\r\n line-height:1.9;\r\n color:rgba(255,255,255,.88);\r\n }\r\n\r\n .floating-badge{\r\n position:absolute;\r\n bottom:40%;\r\n z-index:4;\r\n width:118px;\r\n height:118px;\r\n border-radius:50%;\r\n background:var(--white);\r\n border:8px solid rgba(255,255,255,.75);\r\n box-shadow:var(--shadow);\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n }\r\n\r\n .floating-badge .inner{\r\n width:76px;\r\n height:76px;\r\n border-radius:50%;\r\n background:rgba(200,162,93,.14);\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n color:var(--primary);\r\n font-size:34px;\r\n font-weight:900;\r\n }\r\n\r\n .about-details{\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:22px;\r\n margin-top:18px;\r\n }\r\n\r\n .detail-card{\r\n background:var(--card-blue);\r\n border:1px solid var(--card-border);\r\n border-radius:28px;\r\n padding:28px 24px;\r\n box-shadow:var(--shadow-soft);\r\n transition:.25s ease;\r\n position:relative;\r\n overflow:hidden;\r\n }\r\n\r\n .detail-card:nth-child(2){\r\n background:var(--card-blue-2);\r\n }\r\n\r\n .detail-card:nth-child(3){\r\n background:var(--card-blue-3);\r\n }\r\n\r\n .detail-card::before{\r\n content:\"\";\r\n position:absolute;\r\n top:0;\r\n width:100%;\r\n height:5px;\r\n background:var(--primary2);\r\n opacity:.95;\r\n }\r\n\r\n .detail-card:hover{\r\n transform:translateY(-5px);\r\n box-shadow:0 22px 40px rgba(15,39,71,.12);\r\n }\r\n\r\n .detail-icon{\r\n width:68px;\r\n height:68px;\r\n border-radius:20px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n background:rgba(15,39,71,.08);\r\n color:var(--primary);\r\n border:1px solid rgba(15,39,71,.09);\r\n margin-bottom:18px;\r\n }\r\n\r\n .detail-card h3{\r\n margin:0 0 12px;\r\n color:var(--primary);\r\n font-size:28px;\r\n font-weight:900;\r\n }\r\n\r\n .detail-card p{\r\n margin:0;\r\n color:var(--text);\r\n font-size:16px;\r\n line-height:2;\r\n }\r\n\r\n .values-section{\r\n margin-top:50px;\r\n background:#e6f0fb;\r\n border:1px solid var(--card-border);\r\n border-radius:30px;\r\n padding:36px 28px;\r\n }\r\n\r\n .section-head{\r\n text-align:center;\r\n margin-bottom:30px;\r\n }\r\n\r\n .section-head span{\r\n display:inline-block;\r\n margin-bottom:10px;\r\n color:var(--gold);\r\n font-size:16px;\r\n font-weight:800;\r\n }\r\n\r\n .section-head h3{\r\n margin:0;\r\n color:var(--primary);\r\n font-size:34px;\r\n font-weight:900;\r\n }\r\n\r\n .values-grid{\r\n display:grid;\r\n grid-template-columns:repeat(4,1fr);\r\n gap:18px;\r\n }\r\n\r\n .value-box{\r\n background:var(--value-card);\r\n border:1px solid var(--value-border);\r\n border-radius:22px;\r\n padding:24px 18px;\r\n text-align:center;\r\n transition:.25s ease;\r\n }\r\n\r\n .value-box:hover{\r\n transform:translateY(-4px);\r\n border-color:#9ab6d5;\r\n }\r\n\r\n .value-number{\r\n width:52px;\r\n height:52px;\r\n border-radius:50%;\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n background:rgba(15,39,71,.08);\r\n color:var(--primary);\r\n font-size:18px;\r\n font-weight:900;\r\n margin-bottom:14px;\r\n }\r\n\r\n .value-box h4{\r\n margin:0 0 10px;\r\n color:var(--primary);\r\n font-size:20px;\r\n font-weight:800;\r\n }\r\n\r\n .value-box p{\r\n margin:0;\r\n color:var(--text-soft);\r\n font-size:15px;\r\n line-height:1.9;\r\n }\r\n\r\n \/* ===== RTL \/ LTR support for TranslatePress ===== *\/\r\n\r\n html[dir=\"rtl\"] .about-wrap,\r\n html[dir=\"rtl\"] .about-hero,\r\n html[dir=\"rtl\"] .about-hero-content,\r\n html[dir=\"rtl\"] .detail-card,\r\n html[dir=\"rtl\"] .hero-bottom-card{\r\n direction:rtl;\r\n }\r\n\r\n html[dir=\"ltr\"] .about-wrap,\r\n html[dir=\"ltr\"] .about-hero,\r\n html[dir=\"ltr\"] .about-hero-content,\r\n html[dir=\"ltr\"] .detail-card,\r\n html[dir=\"ltr\"] .hero-bottom-card{\r\n direction:ltr;\r\n }\r\n\r\n html[dir=\"rtl\"] .about-hero-content,\r\n html[dir=\"rtl\"] .about-hero-content h2,\r\n html[dir=\"rtl\"] .about-hero-content p,\r\n html[dir=\"rtl\"] .detail-card,\r\n html[dir=\"rtl\"] .detail-card h3,\r\n html[dir=\"rtl\"] .detail-card p,\r\n html[dir=\"rtl\"] .hero-bottom-card,\r\n html[dir=\"rtl\"] .hero-bottom-card h3,\r\n html[dir=\"rtl\"] .hero-bottom-card p{\r\n text-align:right;\r\n }\r\n\r\n html[dir=\"ltr\"] .about-hero-content,\r\n html[dir=\"ltr\"] .about-hero-content h2,\r\n html[dir=\"ltr\"] .about-hero-content p,\r\n html[dir=\"ltr\"] .detail-card,\r\n html[dir=\"ltr\"] .detail-card h3,\r\n html[dir=\"ltr\"] .detail-card p,\r\n html[dir=\"ltr\"] .hero-bottom-card,\r\n html[dir=\"ltr\"] .hero-bottom-card h3,\r\n html[dir=\"ltr\"] .hero-bottom-card p{\r\n text-align:left;\r\n }\r\n\r\n html[dir=\"rtl\"] .accent-line{\r\n margin-right:0;\r\n margin-left:auto;\r\n }\r\n\r\n html[dir=\"ltr\"] .accent-line{\r\n margin-left:0;\r\n margin-right:auto;\r\n }\r\n\r\n html[dir=\"rtl\"] .about-actions{\r\n justify-content:flex-start;\r\n }\r\n\r\n html[dir=\"ltr\"] .about-actions{\r\n justify-content:flex-start;\r\n }\r\n\r\n html[dir=\"rtl\"] .hero-badge{\r\n right:24px;\r\n left:auto;\r\n }\r\n\r\n html[dir=\"ltr\"] .hero-badge{\r\n left:24px;\r\n right:auto;\r\n }\r\n\r\n html[dir=\"rtl\"] .hero-bottom-card{\r\n right:24px;\r\n left:24px;\r\n }\r\n\r\n html[dir=\"ltr\"] .hero-bottom-card{\r\n left:24px;\r\n right:24px;\r\n }\r\n\r\n html[dir=\"rtl\"] .floating-badge{\r\n right:-30px;\r\n left:auto;\r\n }\r\n\r\n html[dir=\"ltr\"] .floating-badge{\r\n left:-30px;\r\n right:auto;\r\n }\r\n\r\n html[dir=\"rtl\"] .detail-card::before{\r\n right:0;\r\n left:auto;\r\n }\r\n\r\n html[dir=\"ltr\"] .detail-card::before{\r\n left:0;\r\n right:auto;\r\n }\r\n\r\n @media (max-width:1100px){\r\n .about-wrap{\r\n padding:0 16px;\r\n }\r\n\r\n .about-hero{\r\n grid-template-columns:1fr;\r\n gap:30px;\r\n }\r\n\r\n .about-details{\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .values-grid{\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .hero-frame{\r\n min-height:440px;\r\n }\r\n\r\n html[dir=\"rtl\"] .floating-badge{\r\n right:-10px;\r\n left:auto;\r\n bottom:20%;\r\n width:102px;\r\n height:102px;\r\n }\r\n\r\n html[dir=\"ltr\"] .floating-badge{\r\n left:-10px;\r\n right:auto;\r\n bottom:20%;\r\n width:102px;\r\n height:102px;\r\n }\r\n\r\n .floating-badge .inner{\r\n width:66px;\r\n height:66px;\r\n font-size:30px;\r\n }\r\n }\r\n\r\n @media (max-width:768px){\r\n .about-wrap{\r\n padding:0 14px;\r\n }\r\n\r\n .floating-badge{\r\n display:none;\r\n }\r\n\r\n .about-hero{\r\n gap:24px;\r\n margin-bottom:30px;\r\n }\r\n\r\n .about-hero-content h2{\r\n font-size:29px;\r\n line-height:1.55;\r\n }\r\n\r\n .about-hero-content p{\r\n font-size:16px;\r\n line-height:1.95;\r\n }\r\n\r\n .accent-line{\r\n margin-bottom:18px;\r\n }\r\n\r\n .hero-frame{\r\n min-height:360px;\r\n border-radius:26px;\r\n }\r\n\r\n html[dir=\"rtl\"] .hero-badge{\r\n top:16px;\r\n right:16px;\r\n left:auto;\r\n }\r\n\r\n html[dir=\"ltr\"] .hero-badge{\r\n top:16px;\r\n left:16px;\r\n right:auto;\r\n }\r\n\r\n html[dir=\"rtl\"] .hero-bottom-card{\r\n right:16px;\r\n left:16px;\r\n bottom:16px;\r\n padding:18px;\r\n border-radius:20px;\r\n }\r\n\r\n html[dir=\"ltr\"] .hero-bottom-card{\r\n left:16px;\r\n right:16px;\r\n bottom:16px;\r\n padding:18px;\r\n border-radius:20px;\r\n }\r\n\r\n .hero-bottom-card h3{\r\n font-size:20px;\r\n }\r\n\r\n .detail-card{\r\n padding:24px 18px;\r\n border-radius:22px;\r\n }\r\n\r\n .detail-card h3{\r\n font-size:24px;\r\n }\r\n\r\n .detail-card p{\r\n font-size:15px;\r\n line-height:1.9;\r\n }\r\n\r\n .detail-icon{\r\n width:60px;\r\n height:60px;\r\n border-radius:18px;\r\n margin-bottom:16px;\r\n }\r\n\r\n .values-section{\r\n padding:28px 18px;\r\n border-radius:24px;\r\n }\r\n\r\n .values-grid{\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .section-head h3{\r\n font-size:28px;\r\n }\r\n }\r\n\r\n @media (max-width:480px){\r\n .about-wrap{\r\n padding:0 12px;\r\n }\r\n\r\n .about-hero-content h2{\r\n font-size:24px;\r\n line-height:1.5;\r\n }\r\n\r\n .about-hero-content p{\r\n font-size:15px;\r\n line-height:1.9;\r\n }\r\n\r\n .about-actions{\r\n flex-direction:column;\r\n }\r\n\r\n .about-btn{\r\n width:100%;\r\n min-width:100%;\r\n height:52px;\r\n font-size:15px;\r\n }\r\n\r\n .hero-frame{\r\n min-height:300px;\r\n border-radius:22px;\r\n }\r\n\r\n html[dir=\"rtl\"] .hero-badge{\r\n font-size:12px;\r\n padding:9px 12px;\r\n top:12px;\r\n right:12px;\r\n left:auto;\r\n }\r\n\r\n html[dir=\"ltr\"] .hero-badge{\r\n font-size:12px;\r\n padding:9px 12px;\r\n top:12px;\r\n left:12px;\r\n right:auto;\r\n }\r\n\r\n html[dir=\"rtl\"] .hero-bottom-card{\r\n right:12px;\r\n left:12px;\r\n bottom:12px;\r\n padding:14px;\r\n border-radius:16px;\r\n }\r\n\r\n html[dir=\"ltr\"] .hero-bottom-card{\r\n left:12px;\r\n right:12px;\r\n bottom:12px;\r\n padding:14px;\r\n border-radius:16px;\r\n }\r\n\r\n .hero-bottom-card h3{\r\n font-size:16px;\r\n line-height:1.5;\r\n margin-bottom:6px;\r\n }\r\n\r\n .hero-bottom-card p{\r\n font-size:12px;\r\n line-height:1.8;\r\n }\r\n\r\n .detail-card{\r\n padding:20px 16px;\r\n }\r\n\r\n .detail-card h3{\r\n font-size:21px;\r\n }\r\n\r\n .detail-card p{\r\n font-size:14px;\r\n line-height:1.85;\r\n }\r\n\r\n .detail-icon{\r\n width:54px;\r\n height:54px;\r\n }\r\n }\r\n<\/style>\r\n\r\n<div class=\"about-wrap\">\r\n\r\n <div class=\"about-hero\">\r\n <div class=\"about-hero-content\">\r\n <h2>\u0645\u0643\u062a\u0628 \u0639\u0644\u064a \u0627\u0644\u0645\u063a\u0627\u0645\u0631 \u0644\u0644\u0645\u062d\u0627\u0645\u0627\u0629 \u0648\u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629<\/h2>\r\n <div class=\"accent-line\"><\/div>\r\n\r\n <p>\r\n \u064a\u064f\u0639\u062f \u0645\u0643\u062a\u0628 \u0639\u0644\u064a \u0627\u0644\u0645\u063a\u0627\u0645\u0631 \u0644\u0644\u0645\u062d\u0627\u0645\u0627\u0629 \u0648\u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0623\u062d\u062f \u0627\u0644\u0645\u0643\u0627\u062a\u0628 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629\r\n \u0627\u0644\u062a\u064a \u062a\u0642\u062f\u0645 \u062e\u062f\u0645\u0627\u062a \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0645\u062a\u062e\u0635\u0635\u0629 \u0644\u0644\u0623\u0641\u0631\u0627\u062f \u0648\u0627\u0644\u0642\u0637\u0627\u0639\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0648\u0627\u0644\u062c\u0647\u0627\u062a \u0627\u0644\u0645\u062e\u062a\u0644\u0641\u0629\u060c\r\n \u062d\u064a\u062b \u064a\u062c\u0645\u0639 \u0627\u0644\u0645\u0643\u062a\u0628 \u0628\u064a\u0646 \u0627\u0644\u062e\u0628\u0631\u0629 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0627\u0644\u0639\u0645\u064a\u0642\u0629 \u0648\u0627\u0644\u0641\u0647\u0645 \u0627\u0644\u0639\u0645\u0644\u064a \u0644\u0644\u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0627\u0644\u0646\u0638\u0627\u0645\u064a\u0629.\r\n <\/p>\r\n\r\n <p>\r\n \u064a\u0645\u062a\u0644\u0643 \u0627\u0644\u0623\u0633\u062a\u0627\u0630 \u0639\u0644\u064a \u0627\u0644\u0645\u063a\u0627\u0645\u0631 \u062e\u0628\u0631\u0629 \u0648\u0627\u0633\u0639\u0629 \u0641\u064a \u0627\u0644\u062a\u0639\u0627\u0645\u0644 \u0645\u0639 \u0645\u062e\u062a\u0644\u0641 \u0627\u0644\u0642\u0636\u0627\u064a\u0627 \u0648\u0627\u0644\u0645\u0639\u0627\u0645\u0644\u0627\u062a\r\n \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629\u060c \u0625\u0644\u0649 \u062c\u0627\u0646\u0628 \u062e\u0628\u0631\u062a\u0647 \u0641\u064a \u062a\u0645\u062b\u064a\u0644 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0623\u0645\u0627\u0645 \u0627\u0644\u062c\u0647\u0627\u062a \u0627\u0644\u0642\u0636\u0627\u0626\u064a\u0629 \u0648\u0627\u0644\u0625\u062f\u0627\u0631\u064a\u0629\u060c\r\n \u0648\u0627\u0644\u062a\u0639\u0627\u0645\u0644 \u0627\u0644\u0645\u0628\u0627\u0634\u0631 \u0645\u0639 \u0627\u0644\u062c\u0647\u0627\u062a \u0627\u0644\u062d\u0643\u0648\u0645\u064a\u0629 \u0648\u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a \u0627\u0644\u0631\u0633\u0645\u064a\u0629.\r\n <\/p>\r\n\r\n <p>\r\n \u0648\u0642\u062f \u0639\u0645\u0644 \u0627\u0644\u0645\u0643\u062a\u0628 \u0639\u0644\u0649 \u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0648\u0627\u0644\u062a\u0645\u062b\u064a\u0644 \u0627\u0644\u0642\u0636\u0627\u0626\u064a \u0644\u0639\u062f\u062f \u0645\u0646 \u0627\u0644\u0639\u0645\u0644\u0627\u0621\r\n \u0645\u0646 \u0645\u062e\u062a\u0644\u0641 \u0627\u0644\u0642\u0637\u0627\u0639\u0627\u062a\u060c \u0645\u0639 \u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645 \u0628\u0623\u0639\u0644\u0649 \u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u0645\u0647\u0646\u064a\u0629 \u0648\u0627\u0644\u0633\u0631\u064a\u0629 \u0648\u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629.\r\n <\/p>\r\n\r\n <div class=\"about-actions\">\r\n <a href=\"https:\/\/lawyeralim-m.sa\/%d9%85%d9%86-%d9%86%d8%ad%d9%86\/\" class=\"about-btn primary\">\u0627\u0644\u0645\u0632\u064a\u062f<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"about-hero-visual\">\r\n <div class=\"hero-frame\">\r\n <img decoding=\"async\" src=\"https:\/\/lawyeralim-m.sa\/wp-content\/uploads\/2026\/03\/\u0645\u0646-\u0646\u062d\u0646-\u0639\u0644\u064a-\u0627\u0644\u0645\u063a\u0627\u0645\u0631.webp\" alt=\"\u0635\u0648\u0631\u0629 \u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0627\u0644\u0645\u062d\u0627\u0645\u0627\u0629\">\r\n \r\n <div class=\"hero-badge\">\u062d\u0644\u0648\u0644 \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0645\u0648\u062b\u0648\u0642\u0629<\/div>\r\n\r\n <div class=\"hero-bottom-card\">\r\n <h3>\u062e\u0628\u0631\u0629 \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0645\u062a\u062e\u0635\u0635\u0629 \u0648\u062a\u0645\u062b\u064a\u0644 \u0627\u062d\u062a\u0631\u0627\u0641\u064a<\/h3>\r\n <p>\r\n \u0646\u0642\u062f\u0645 \u062e\u062f\u0645\u0627\u062a \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u062f\u0642\u064a\u0642\u0629 \u062a\u0639\u062a\u0645\u062f \u0639\u0644\u0649 \u0627\u0644\u062e\u0628\u0631\u0629 \u0648\u0627\u0644\u0645\u0639\u0631\u0641\u0629 \u0627\u0644\u0646\u0638\u0627\u0645\u064a\u0629\r\n \u0645\u0639 \u0627\u0644\u062a\u0632\u0627\u0645 \u0643\u0627\u0645\u0644 \u0628\u062d\u0645\u0627\u064a\u0629 \u0645\u0635\u0627\u0644\u062d \u0627\u0644\u0639\u0645\u0644\u0627\u0621.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"floating-badge\">\r\n <div class=\"inner\"><i class=\"fa-solid fa-scale-balanced\"><\/i><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"about-details\">\r\n <div class=\"detail-card\">\r\n <div class=\"detail-icon\">\r\n <svg width=\"30\" height=\"30\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n <path d=\"M12 3L19 7V12C19 16.5 15.9 20.74 12 21.5C8.1 20.74 5 16.5 5 12V7L12 3Z\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\r\n <path d=\"M9.5 11.8L11.2 13.5L14.8 9.8\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h3>\u0631\u0624\u064a\u062a\u0646\u0627<\/h3>\r\n <p>\r\n \u0623\u0646 \u0646\u0643\u0648\u0646 \u0645\u0646 \u0627\u0644\u0645\u0643\u0627\u062a\u0628 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0627\u0644\u0631\u0627\u0626\u062f\u0629 \u0641\u064a \u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0627\u0644\u0645\u062a\u062e\u0635\u0635\u0629\u060c\r\n \u0645\u0646 \u062e\u0644\u0627\u0644 \u0628\u0646\u0627\u0621 \u0639\u0644\u0627\u0642\u0627\u062a \u0637\u0648\u064a\u0644\u0629 \u0627\u0644\u0623\u0645\u062f \u0645\u0639 \u0639\u0645\u0644\u0627\u0626\u0646\u0627 \u0642\u0627\u0626\u0645\u0629 \u0639\u0644\u0649 \u0627\u0644\u062b\u0642\u0629 \u0648\u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629\r\n \u0648\u0627\u0644\u0646\u062a\u0627\u0626\u062c \u0627\u0644\u0645\u0644\u0645\u0648\u0633\u0629.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"detail-card\">\r\n <div class=\"detail-icon\">\r\n <svg width=\"30\" height=\"30\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n <path d=\"M12 6V12L16 14\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\r\n <circle cx=\"12\" cy=\"12\" r=\"8\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h3>\u0631\u0633\u0627\u0644\u062a\u0646\u0627<\/h3>\r\n <p>\r\n \u062a\u0642\u062f\u064a\u0645 \u062e\u062f\u0645\u0627\u062a \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0645\u062a\u0645\u064a\u0632\u0629 \u062a\u0639\u062a\u0645\u062f \u0639\u0644\u0649 \u0627\u0644\u0641\u0647\u0645 \u0627\u0644\u0639\u0645\u064a\u0642 \u0644\u0644\u0623\u0646\u0638\u0645\u0629 \u0648\u0627\u0644\u062a\u0634\u0631\u064a\u0639\u0627\u062a\u060c\r\n \u0645\u0639 \u062a\u0648\u0641\u064a\u0631 \u062d\u0644\u0648\u0644 \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0641\u0639\u0651\u0627\u0644\u0629 \u062a\u0636\u0645\u0646 \u062d\u0645\u0627\u064a\u0629 \u0645\u0635\u0627\u0644\u062d \u0639\u0645\u0644\u0627\u0626\u0646\u0627 \u0648\u062a\u062d\u0642\u064a\u0642 \u0623\u0641\u0636\u0644 \u0627\u0644\u0646\u062a\u0627\u0626\u062c \u0644\u0647\u0645.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"detail-card\">\r\n <div class=\"detail-icon\">\r\n <svg width=\"30\" height=\"30\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n <path d=\"M4 19H20\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\r\n <path d=\"M7 19V10\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\r\n <path d=\"M12 19V5\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\r\n <path d=\"M17 19V8\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h3>\u062e\u0628\u0631\u062a\u0646\u0627<\/h3>\r\n <p>\r\n \u0646\u0645\u062a\u0644\u0643 \u062e\u0628\u0631\u0629 \u0648\u0627\u0633\u0639\u0629 \u0641\u064a \u0627\u0644\u062a\u0639\u0627\u0645\u0644 \u0645\u0639 \u0627\u0644\u0642\u0636\u0627\u064a\u0627 \u0648\u0627\u0644\u0645\u0639\u0627\u0645\u0644\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0627\u0644\u0645\u062a\u0646\u0648\u0639\u0629\u060c\r\n \u0645\u0639 \u0642\u062f\u0631\u0629 \u0639\u0645\u0644\u064a\u0629 \u0639\u0644\u0649 \u0627\u0644\u062a\u0631\u0627\u0641\u0639 \u0648\u0635\u064a\u0627\u063a\u0629 \u0627\u0644\u0639\u0642\u0648\u062f \u0648\u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0648\u0645\u062a\u0627\u0628\u0639\u0629\r\n \u0627\u0644\u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0623\u0645\u0627\u0645 \u0627\u0644\u062c\u0647\u0627\u062a \u0627\u0644\u0642\u0636\u0627\u0626\u064a\u0629 \u0648\u0627\u0644\u0625\u062f\u0627\u0631\u064a\u0629.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-73f1da0 e-con-full e-flex e-con e-parent\" data-id=\"73f1da0\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t<div class=\"elementor-element elementor-element-6c1f535 e-flex e-con-boxed e-con e-child\" data-id=\"6c1f535\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4a0586a elementor-widget elementor-widget-html\" data-id=\"4a0586a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\"\/>\r\n\r\n<style>\r\n .home-main-service-section{\r\n --primary:#0f2747;\r\n --primary2:#163a6b;\r\n --gold:#c8a25d;\r\n --gold-dark:#b88e45;\r\n --white:#ffffff;\r\n --text:#28415f;\r\n --text-soft:#5f7591;\r\n --shadow:0 18px 45px rgba(15,39,71,.10);\r\n --shadow-soft:0 10px 30px rgba(15,39,71,.08);\r\n --radius:28px;\r\n\r\n overflow:hidden;\r\n }\r\n\r\n .home-main-service-section *{\r\n box-sizing:border-box;\r\n }\r\n\r\n .home-main-service-section .home-main-service-container{\r\n max-width:1300px;\r\n margin:0 auto;\r\n }\r\n\r\n .home-main-service-section .home-main-service-header{\r\n max-width:780px;\r\n margin:0 auto 55px;\r\n text-align:center;\r\n }\r\n\r\n .home-main-service-section .home-main-service-badge{\r\n display:inline-block;\r\n padding:10px 18px;\r\n border-radius:999px;\r\n background:rgba(200,162,93,.10);\r\n border:1px solid rgba(200,162,93,.28);\r\n color:var(--gold);\r\n font-size:14px;\r\n font-weight:800;\r\n margin-bottom:18px;\r\n }\r\n\r\n .home-main-service-section .home-main-service-header h2{\r\n margin:0 0 14px;\r\n color:var(--primary);\r\n font-size:clamp(30px,5vw,46px);\r\n line-height:1.2;\r\n font-weight:900;\r\n }\r\n\r\n .home-main-service-section .home-main-service-header p{\r\n margin:0;\r\n color:var(--text-soft);\r\n font-size:17px;\r\n line-height:1.9;\r\n }\r\n\r\n .home-main-service-section .home-main-service-grid{\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:24px;\r\n }\r\n\r\n .home-main-service-section .home-main-service-card{\r\n position:relative;\r\n min-height:460px;\r\n border-radius:30px;\r\n overflow:hidden;\r\n box-shadow:var(--shadow-soft);\r\n isolation:isolate;\r\n transition:transform .45s ease, box-shadow .45s ease, opacity .8s ease;\r\n background:#d9e1ea;\r\n }\r\n\r\n .home-main-service-section .home-main-service-card:hover{\r\n transform:translateY(-8px);\r\n box-shadow:0 24px 50px rgba(15,39,71,.18);\r\n }\r\n\r\n .home-main-service-section .home-main-service-card img{\r\n position:absolute;\r\n inset:0;\r\n width:100%;\r\n height:100%;\r\n object-fit:cover;\r\n transition:transform 1.1s ease;\r\n }\r\n\r\n .home-main-service-section .home-main-service-card:hover img{\r\n transform:scale(1.08);\r\n }\r\n\r\n .home-main-service-section .home-main-service-card::before{\r\n content:\"\";\r\n position:absolute;\r\n inset:0;\r\n z-index:1;\r\n background:\r\n linear-gradient(to top, rgba(7,15,29,.92) 8%, rgba(7,15,29,.72) 42%, rgba(7,15,29,.30) 100%),\r\n linear-gradient(to left, rgba(200,162,93,.16), transparent 40%);\r\n }\r\n\r\n .home-main-service-section .home-main-service-card::after{\r\n content:\"\";\r\n position:absolute;\r\n inset:0;\r\n z-index:1;\r\n border:1px solid rgba(255,255,255,.08);\r\n border-radius:30px;\r\n pointer-events:none;\r\n }\r\n\r\n .home-main-service-section .home-main-service-content{\r\n position:relative;\r\n z-index:2;\r\n height:100%;\r\n display:flex;\r\n flex-direction:column;\r\n justify-content:flex-end;\r\n padding:28px 24px 26px;\r\n color:var(--white);\r\n }\r\n\r\n .home-main-service-section .home-main-service-icon{\r\n width:74px;\r\n height:74px;\r\n border-radius:22px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n margin-bottom:20px;\r\n background:rgba(255,255,255,.08);\r\n border:1px solid rgba(255,255,255,.14);\r\n color:var(--gold);\r\n font-size:30px;\r\n backdrop-filter:blur(10px);\r\n transition:all .35s ease;\r\n }\r\n\r\n .home-main-service-section .home-main-service-card:hover .home-main-service-icon{\r\n transform:translateY(-4px) scale(1.06);\r\n background:rgba(200,162,93,.15);\r\n border-color:rgba(200,162,93,.35);\r\n box-shadow:0 14px 30px rgba(0,0,0,.18);\r\n }\r\n\r\n .home-main-service-section .home-main-service-line{\r\n width:72px;\r\n height:3px;\r\n border-radius:20px;\r\n background:linear-gradient(90deg,var(--gold),transparent);\r\n margin:0 0 18px;\r\n }\r\n\r\n .home-main-service-section .home-main-service-card h3{\r\n margin:0 0 14px;\r\n color:var(--white);\r\n font-size:28px;\r\n line-height:1.45;\r\n font-weight:900;\r\n }\r\n\r\n .home-main-service-section .home-main-service-card p{\r\n margin:0;\r\n color:rgba(255,255,255,.88);\r\n font-size:14px;\r\n line-height:2;\r\n }\r\n\r\n .home-main-service-section .home-main-service-btn-wrap{\r\n text-align:center;\r\n margin-top:50px;\r\n }\r\n\r\n .home-main-service-section .home-main-service-btn-wrap a{\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:10px;\r\n padding:15px 34px;\r\n background:linear-gradient(135deg,var(--primary),var(--primary2));\r\n color:#fff;\r\n font-size:16px;\r\n font-weight:800;\r\n border-radius:999px;\r\n text-decoration:none !important;\r\n transition:all .35s ease;\r\n box-shadow:var(--shadow-soft);\r\n position:relative;\r\n overflow:hidden;\r\n }\r\n\r\n .home-main-service-section .home-main-service-btn-wrap a::before{\r\n content:\"\";\r\n position:absolute;\r\n inset:0;\r\n background:linear-gradient(135deg, rgba(255,255,255,.16), transparent 55%);\r\n opacity:0;\r\n transition:.35s ease;\r\n }\r\n\r\n .home-main-service-section .home-main-service-btn-wrap a:hover{\r\n transform:translateY(-4px);\r\n box-shadow:0 18px 34px rgba(15,39,71,.20);\r\n }\r\n\r\n .home-main-service-section .home-main-service-btn-wrap a:hover::before{\r\n opacity:1;\r\n }\r\n\r\n .home-main-service-section .home-main-service-btn-wrap a i{\r\n font-size:14px;\r\n }\r\n\r\n .home-main-service-fade-item{\r\n opacity:0;\r\n transform:translateY(35px);\r\n transition:opacity .8s ease, transform .8s ease;\r\n }\r\n\r\n .home-main-service-fade-item.show{\r\n opacity:1;\r\n transform:translateY(0);\r\n }\r\n\r\n .home-main-service-delay-1{ transition-delay:.1s; }\r\n .home-main-service-delay-2{ transition-delay:.25s; }\r\n .home-main-service-delay-3{ transition-delay:.4s; }\r\n .home-main-service-delay-4{ transition-delay:.55s; }\r\n .home-main-service-delay-5{ transition-delay:.7s; }\r\n .home-main-service-delay-6{ transition-delay:.85s; }\r\n\r\n \/* RTL \/ LTR support *\/\r\n html[dir=\"rtl\"] .home-main-service-section{\r\n direction:rtl;\r\n }\r\n\r\n html[dir=\"ltr\"] .home-main-service-section{\r\n direction:ltr;\r\n }\r\n\r\n html[dir=\"rtl\"] .home-main-service-section .home-main-service-content{\r\n text-align:right;\r\n }\r\n\r\n html[dir=\"ltr\"] .home-main-service-section .home-main-service-content{\r\n text-align:left;\r\n }\r\n\r\n html[dir=\"rtl\"] .home-main-service-section .home-main-service-line{\r\n background:linear-gradient(90deg,var(--gold),transparent);\r\n margin:0 0 18px;\r\n }\r\n\r\n html[dir=\"ltr\"] .home-main-service-section .home-main-service-line{\r\n background:linear-gradient(270deg,var(--gold),transparent);\r\n margin:0 0 18px;\r\n }\r\n\r\n html[dir=\"rtl\"] .home-main-service-section .home-main-service-btn-wrap a{\r\n flex-direction:row;\r\n }\r\n\r\n html[dir=\"ltr\"] .home-main-service-section .home-main-service-btn-wrap a{\r\n flex-direction:row-reverse;\r\n }\r\n\r\n @media (max-width:1100px){\r\n .home-main-service-section .home-main-service-grid{\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n }\r\n }\r\n\r\n @media (max-width:767px){\r\n .home-main-service-section .home-main-service-header{\r\n margin-bottom:38px;\r\n }\r\n\r\n .home-main-service-section .home-main-service-header p{\r\n font-size:15px;\r\n }\r\n\r\n .home-main-service-section .home-main-service-grid{\r\n grid-template-columns:1fr;\r\n gap:18px;\r\n }\r\n\r\n .home-main-service-section .home-main-service-card{\r\n min-height:400px;\r\n border-radius:24px;\r\n }\r\n\r\n .home-main-service-section .home-main-service-card::after{\r\n border-radius:24px;\r\n }\r\n\r\n .home-main-service-section .home-main-service-content{\r\n padding:22px 18px 20px;\r\n }\r\n\r\n .home-main-service-section .home-main-service-card h3{\r\n font-size:23px;\r\n }\r\n\r\n .home-main-service-section .home-main-service-card p{\r\n font-size:15px;\r\n line-height:1.9;\r\n }\r\n\r\n .home-main-service-section .home-main-service-icon{\r\n width:62px;\r\n height:62px;\r\n font-size:24px;\r\n border-radius:18px;\r\n margin-bottom:16px;\r\n }\r\n }\r\n<\/style>\r\n\r\n<section class=\"home-main-service-section\">\r\n <div class=\"home-main-service-container\">\r\n\r\n <div class=\"home-main-service-header home-main-service-fade-item\">\r\n <span class=\"home-main-service-badge\">\u062e\u062f\u0645\u0627\u062a \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0645\u062a\u062e\u0635\u0635\u0629<\/span>\r\n <h2>\u062e\u062f\u0645\u0627\u062a\u0646\u0627 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629<\/h2>\r\n <p>\r\n \u0646\u0642\u062f\u0645 \u0645\u062c\u0645\u0648\u0639\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0645\u0646 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0644\u0644\u0623\u0641\u0631\u0627\u062f \u0648\u0627\u0644\u0634\u0631\u0643\u0627\u062a\u060c \u0628\u062e\u0628\u0631\u0629 \u0639\u0645\u064a\u0642\u0629\r\n \u0648\u0641\u0647\u0645 \u062f\u0642\u064a\u0642 \u0644\u0644\u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0627\u0644\u0646\u0638\u0627\u0645\u064a\u0629 \u0648\u062a\u0645\u062b\u064a\u0644 \u0627\u062d\u062a\u0631\u0627\u0641\u064a \u064a\u062d\u0641\u0638 \u062d\u0642\u0648\u0642 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0648\u064a\u0639\u0632\u0632 \u0645\u0635\u0627\u0644\u062d\u0647\u0645.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"home-main-service-grid\">\r\n\r\n <div class=\"home-main-service-card home-main-service-fade-item home-main-service-delay-1\">\r\n <img decoding=\"async\" src=\"https:\/\/lawyeralim-m.sa\/wp-content\/uploads\/2026\/03\/\u0627\u0644\u0645\u0633\u062a\u0634\u0627\u0631\u0648\u0646.webp\" alt=\"\u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629\">\r\n <div class=\"home-main-service-content\">\r\n <div class=\"home-main-service-icon\"><i class=\"fa-solid fa-scale-balanced\"><\/i><\/div>\r\n <div class=\"home-main-service-line\"><\/div>\r\n <h3>\u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629<\/h3>\r\n <p>\r\n \u062a\u0642\u062f\u064a\u0645 \u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0645\u062a\u062e\u0635\u0635\u0629 \u0644\u0644\u0623\u0641\u0631\u0627\u062f \u0648\u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0641\u064a \u0645\u062e\u062a\u0644\u0641 \u0627\u0644\u0645\u062c\u0627\u0644\u0627\u062a\u060c\r\n \u0645\u0639 \u062f\u0631\u0627\u0633\u0629 \u0627\u0644\u0648\u0642\u0627\u0626\u0639 \u0648\u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u062c\u0648\u0627\u0646\u0628 \u0627\u0644\u0646\u0638\u0627\u0645\u064a\u0629 \u0648\u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u0631\u0623\u064a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a \u0627\u0644\u0645\u0646\u0627\u0633\u0628.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"home-main-service-card home-main-service-fade-item home-main-service-delay-2\">\r\n <img decoding=\"async\" src=\"https:\/\/lawyeralim-m.sa\/wp-content\/uploads\/2026\/03\/\u0627\u0644\u0645\u062d\u0627\u0645\u0648\u0646.webp\" alt=\"\u0627\u0644\u062a\u0631\u0627\u0641\u0639 \u0648\u062a\u0645\u062b\u064a\u0644 \u0627\u0644\u0639\u0645\u0644\u0627\u0621\">\r\n <div class=\"home-main-service-content\">\r\n <div class=\"home-main-service-icon\"><i class=\"fa-solid fa-gavel\"><\/i><\/div>\r\n <div class=\"home-main-service-line\"><\/div>\r\n <h3>\u0627\u0644\u062a\u0631\u0627\u0641\u0639 \u0648\u062a\u0645\u062b\u064a\u0644 \u0627\u0644\u0639\u0645\u0644\u0627\u0621<\/h3>\r\n <p>\r\n \u062a\u0645\u062b\u064a\u0644 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0623\u0645\u0627\u0645 \u0627\u0644\u0645\u062d\u0627\u0643\u0645 \u0648\u0627\u0644\u062c\u0647\u0627\u062a \u0627\u0644\u0642\u0636\u0627\u0626\u064a\u0629 \u0627\u0644\u0645\u062e\u062a\u0635\u0629\u060c \u0648\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0642\u0636\u0627\u064a\u0627\r\n \u0628\u0645\u062e\u062a\u0644\u0641 \u0623\u0646\u0648\u0627\u0639\u0647\u0627 \u0645\u0639 \u0625\u0639\u062f\u0627\u062f \u0627\u0644\u0645\u0630\u0643\u0631\u0627\u062a \u0648\u0627\u0644\u062f\u0641\u0648\u0639 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0627\u0644\u0644\u0627\u0632\u0645\u0629.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"home-main-service-card home-main-service-fade-item home-main-service-delay-3\">\r\n <img decoding=\"async\" src=\"https:\/\/lawyeralim-m.sa\/wp-content\/uploads\/2026\/03\/\u0627\u0644\u0642\u0636\u0627\u064a\u0627-\u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629.webp\" alt=\"\u0627\u0644\u0642\u0636\u0627\u064a\u0627 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629\">\r\n <div class=\"home-main-service-content\">\r\n <div class=\"home-main-service-icon\"><i class=\"fa-solid fa-briefcase\"><\/i><\/div>\r\n <div class=\"home-main-service-line\"><\/div>\r\n <h3>\u0627\u0644\u0642\u0636\u0627\u064a\u0627 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629<\/h3>\r\n <p>\r\n \u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u062f\u0639\u0645 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a \u0644\u0644\u0634\u0631\u0643\u0627\u062a \u0648\u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a \u0641\u064a \u0627\u0644\u0646\u0632\u0627\u0639\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629\u060c\r\n \u0648\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0642\u0636\u0627\u064a\u0627 \u0648\u0635\u064a\u0627\u063a\u0629 \u0627\u0644\u0627\u062a\u0641\u0627\u0642\u064a\u0627\u062a \u0648\u0627\u0644\u0639\u0642\u0648\u062f \u0628\u0645\u0627 \u064a\u062d\u0641\u0638 \u0627\u0644\u062d\u0642\u0648\u0642 \u0648\u064a\u0642\u0644\u0644 \u0627\u0644\u0645\u062e\u0627\u0637\u0631.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"home-main-service-card home-main-service-fade-item home-main-service-delay-4\">\r\n <img decoding=\"async\" src=\"https:\/\/lawyeralim-m.sa\/wp-content\/uploads\/2026\/03\/Whisk_2ffc954ade2bae5991645a4e1eef979fdr.webp\" alt=\"\u0627\u0644\u0642\u0636\u0627\u064a\u0627 \u0627\u0644\u0645\u062f\u0646\u064a\u0629\">\r\n <div class=\"home-main-service-content\">\r\n <div class=\"home-main-service-icon\"><i class=\"fa-solid fa-file-lines\"><\/i><\/div>\r\n <div class=\"home-main-service-line\"><\/div>\r\n <h3>\u0627\u0644\u0642\u0636\u0627\u064a\u0627 \u0627\u0644\u0645\u062f\u0646\u064a\u0629<\/h3>\r\n <p>\r\n \u0627\u0644\u062a\u0639\u0627\u0645\u0644 \u0645\u0639 \u0627\u0644\u0642\u0636\u0627\u064a\u0627 \u0627\u0644\u0645\u062f\u0646\u064a\u0629 \u0627\u0644\u0645\u062e\u062a\u0644\u0641\u0629 \u0645\u062b\u0644 \u0627\u0644\u0645\u0637\u0627\u0644\u0628\u0627\u062a \u0627\u0644\u0645\u0627\u0644\u064a\u0629\u060c\r\n \u0648\u0627\u0644\u0646\u0632\u0627\u0639\u0627\u062a \u0627\u0644\u062a\u0639\u0627\u0642\u062f\u064a\u0629\u060c \u0648\u0642\u0636\u0627\u064a\u0627 \u0627\u0644\u062a\u0639\u0648\u064a\u0636\u0627\u062a \u0648\u0645\u062a\u0627\u0628\u0639\u0629 \u0625\u062c\u0631\u0627\u0621\u0627\u062a\u0647\u0627 \u0627\u0644\u0646\u0638\u0627\u0645\u064a\u0629.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"home-main-service-card home-main-service-fade-item home-main-service-delay-5\">\r\n <img decoding=\"async\" src=\"https:\/\/lawyeralim-m.sa\/wp-content\/uploads\/2026\/03\/\u0627\u0644\u0642\u0636\u0627\u064a\u0627-\u0627\u0644\u0627\u062f\u0627\u0631\u064a\u0629.webp\" alt=\"\u0627\u0644\u0642\u0636\u0627\u064a\u0627 \u0627\u0644\u0625\u062f\u0627\u0631\u064a\u0629\">\r\n <div class=\"home-main-service-content\">\r\n <div class=\"home-main-service-icon\"><i class=\"fa-solid fa-building-shield\"><\/i><\/div>\r\n <div class=\"home-main-service-line\"><\/div>\r\n <h3>\u0627\u0644\u0642\u0636\u0627\u064a\u0627 \u0627\u0644\u0625\u062f\u0627\u0631\u064a\u0629<\/h3>\r\n <p>\r\n \u062a\u0645\u062b\u064a\u0644 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0641\u064a \u0627\u0644\u0642\u0636\u0627\u064a\u0627 \u0627\u0644\u0625\u062f\u0627\u0631\u064a\u0629 \u0648\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0627\u0639\u062a\u0631\u0627\u0636\u0627\u062a \u0648\u0627\u0644\u0625\u062c\u0631\u0627\u0621\u0627\u062a\r\n \u0627\u0644\u0645\u062a\u0639\u0644\u0642\u0629 \u0628\u0627\u0644\u062c\u0647\u0627\u062a \u0627\u0644\u062d\u0643\u0648\u0645\u064a\u0629 \u0648\u0627\u0644\u0642\u0631\u0627\u0631\u0627\u062a \u0627\u0644\u0625\u062f\u0627\u0631\u064a\u0629 \u0648\u0627\u0644\u0646\u0632\u0627\u0639\u0627\u062a \u0627\u0644\u0646\u0638\u0627\u0645\u064a\u0629.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"home-main-service-card home-main-service-fade-item home-main-service-delay-6\">\r\n <img decoding=\"async\" src=\"https:\/\/lawyeralim-m.sa\/wp-content\/uploads\/2026\/03\/\u0625\u0639\u062f\u0627\u062f-\u0639\u0642\u0648\u062f-\u0627\u0644\u0639\u0645\u0644.webp\" alt=\"\u0635\u064a\u0627\u063a\u0629 \u0627\u0644\u0639\u0642\u0648\u062f \u0648\u0627\u0644\u0627\u062a\u0641\u0627\u0642\u064a\u0627\u062a\">\r\n <div class=\"home-main-service-content\">\r\n <div class=\"home-main-service-icon\"><i class=\"fa-solid fa-file-signature\"><\/i><\/div>\r\n <div class=\"home-main-service-line\"><\/div>\r\n <h3>\u0635\u064a\u0627\u063a\u0629 \u0627\u0644\u0639\u0642\u0648\u062f \u0648\u0627\u0644\u0627\u062a\u0641\u0627\u0642\u064a\u0627\u062a<\/h3>\r\n <p>\r\n \u0625\u0639\u062f\u0627\u062f \u0648\u0635\u064a\u0627\u063a\u0629 \u0648\u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u0639\u0642\u0648\u062f \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0628\u0645\u062e\u062a\u0644\u0641 \u0623\u0646\u0648\u0627\u0639\u0647\u0627 \u0628\u0635\u0648\u0631\u0629 \u062f\u0642\u064a\u0642\u0629\u060c\r\n \u0644\u0636\u0645\u0627\u0646 \u062d\u0645\u0627\u064a\u0629 \u0627\u0644\u062d\u0642\u0648\u0642 \u0648\u062a\u0648\u0636\u064a\u062d \u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645\u0627\u062a \u0648\u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u0646\u0632\u0627\u0639\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644\u064a\u0629.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"home-main-service-btn-wrap home-main-service-fade-item home-main-service-delay-3\">\r\n <a href=\"https:\/\/lawyeralim-m.sa\/%d8%a7%d9%84%d8%ae%d8%af%d9%85%d8%a7%d8%aa\/\">\r\n \u0627\u0644\u062e\u062f\u0645\u0627\u062a\r\n <i class=\"fa-solid fa-arrow-left-long\"><\/i>\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n const homeMainServiceFadeItems = document.querySelectorAll('.home-main-service-fade-item');\r\n\r\n const homeMainServiceFadeObserver = new IntersectionObserver((entries, observer) => {\r\n entries.forEach(entry => {\r\n if(entry.isIntersecting){\r\n entry.target.classList.add('show');\r\n observer.unobserve(entry.target);\r\n }\r\n });\r\n }, {\r\n threshold: 0.15\r\n });\r\n\r\n homeMainServiceFadeItems.forEach(item => {\r\n homeMainServiceFadeObserver.observe(item);\r\n });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b06df09 e-con-full e-flex e-con e-parent\" data-id=\"b06df09\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-b14c3aa e-flex e-con-boxed e-con e-child\" data-id=\"b14c3aa\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b3ed2b6 elementor-widget elementor-widget-html\" data-id=\"b3ed2b6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css\">\r\n\r\n<style>\r\n:root{\r\n --primary:#0f2747;\r\n --primary2:#163a6b;\r\n --gold:#c8a25d;\r\n --gold-light:#ead6ab;\r\n --white:#ffffff;\r\n\r\n --bg:#f2f5fa;\r\n --text:#28415f;\r\n --text-soft:#5f7591;\r\n\r\n --shadow:0 18px 45px rgba(15,39,71,.10);\r\n --shadow-soft:0 10px 30px rgba(15,39,71,.08);\r\n --radius:26px;\r\n}\r\n\r\n\/* =========================\r\n Animations\r\n========================= *\/\r\n@keyframes fadeInDown {\r\n from{\r\n opacity:0;\r\n transform:translateY(-30px);\r\n }\r\n to{\r\n opacity:1;\r\n transform:translateY(0);\r\n }\r\n}\r\n\r\n@keyframes fadeInUp {\r\n from{\r\n opacity:0;\r\n transform:translateY(30px);\r\n }\r\n to{\r\n opacity:1;\r\n transform:translateY(0);\r\n }\r\n}\r\n\r\n@keyframes zoomIn {\r\n from{\r\n opacity:0;\r\n transform:scale(.85);\r\n }\r\n to{\r\n opacity:1;\r\n transform:scale(1);\r\n }\r\n}\r\n\r\n@keyframes floatIcon {\r\n 0%,100%{\r\n transform:translateY(0);\r\n }\r\n 50%{\r\n transform:translateY(-8px);\r\n }\r\n}\r\n\r\n\/* =========================\r\n Main Section\r\n========================= *\/\r\n.law-promo-banner{\r\n background:transparent;\r\n}\r\n\r\n.law-promo-banner .law-promo-wrap{\r\n background-image:url('https:\/\/lawyeralim-m.sa\/wp-content\/uploads\/2026\/03\/\u0645\u0646-\u0646\u062d\u0646-\u0639\u0644\u064a-\u0627\u0644\u0645\u063a\u0627\u0645\u0631.webp');\r\n background-attachment:fixed;\r\n background-position:center;\r\n background-size:cover;\r\n background-repeat:no-repeat;\r\n border-radius:24px;\r\n overflow:hidden;\r\n position:relative;\r\n box-shadow:var(--shadow);\r\n}\r\n \r\n.law-promo-banner .law-promo-wrap::before{\r\n content:\"\";\r\n position:absolute;\r\n inset:0;\r\n background:linear-gradient(\r\n 90deg,\r\n rgba(8, 25, 55, 0.8) 0%,\r\n rgba(8, 25, 55, 0.1) 100%\r\n );\r\n pointer-events:none;\r\n}\r\n\r\n.law-promo-banner .law-promo-content{\r\n display:grid;\r\n grid-template-columns:1.1fr .9fr;\r\n align-items:center;\r\n min-height:330px;\r\n padding:34px 45px;\r\n gap:20px;\r\n position:relative;\r\n z-index:1;\r\n}\r\n\r\n.law-promo-banner .law-promo-text{\r\n position:relative;\r\n z-index:2;\r\n}\r\n\r\n.law-promo-banner .law-promo-title{\r\n margin:0 0 14px;\r\n color:var(--white);\r\n font-size:clamp(24px, 3vw, 42px);\r\n line-height:1.5;\r\n font-weight:800;\r\n animation:fadeInDown 1s ease both;\r\n}\r\n\r\n.law-promo-banner .law-promo-desc{\r\n margin:0 0 28px;\r\n color:rgba(255,255,255,.82);\r\n font-size:18px;\r\n line-height:1.9;\r\n font-weight:500;\r\n animation:fadeInUp 1s ease both;\r\n animation-delay:.2s;\r\n}\r\n\r\n.law-promo-banner .law-promo-desc span{\r\n color:var(--gold-light);\r\n font-weight:700;\r\n}\r\n\r\n.law-promo-banner .law-promo-btn{\r\n display:inline-block;\r\n min-width:180px;\r\n text-align:center;\r\n padding:15px 28px;\r\n background:linear-gradient(135deg, var(--gold), #b88f4c);\r\n color:var(--white);\r\n text-decoration:none;\r\n border-radius:14px;\r\n font-size:16px;\r\n font-weight:700;\r\n transition:.3s ease;\r\n box-shadow:0 12px 24px rgba(0,0,0,.12);\r\n animation:zoomIn .9s ease both;\r\n animation-delay:.4s;\r\n position:relative;\r\n z-index:5;\r\n text-decoration:none !important;\r\n}\r\n\r\n.law-promo-banner .law-promo-btn:hover{\r\n transform:translateY(-2px);\r\n box-shadow:0 16px 28px rgba(0,0,0,.16);\r\n color:var(--white);\r\n}\r\n\r\n.law-promo-banner .law-promo-visual{\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n position:relative;\r\n min-height:270px;\r\n}\r\n\r\n.law-promo-banner .law-promo-icon-box{\r\n width:260px;\r\n height:260px;\r\n border-radius:50%;\r\n background:rgba(255,255,255,.08);\r\n border:1px solid rgba(255,255,255,.12);\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n position:relative;\r\n box-shadow:inset 0 0 0 10px rgba(255,255,255,.02);\r\n animation:zoomIn 1s ease both;\r\n}\r\n\r\n.law-promo-banner .law-promo-icon-box::before{\r\n content:\"\";\r\n position:absolute;\r\n inset:18px;\r\n border-radius:50%;\r\n border:1px dashed rgba(200,162,93,.28);\r\n}\r\n\r\n.law-promo-banner .law-promo-icon{\r\n font-size:110px;\r\n line-height:1;\r\n color:var(--gold-light);\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n animation:floatIcon 3s ease-in-out infinite;\r\n filter:drop-shadow(0 10px 25px rgba(0,0,0,.18));\r\n}\r\n\r\n\/* Fallback \u0644\u0648 \u0641\u0648\u0646\u062a \u0627\u0648\u0633\u0645 \u0645\u0627 \u0638\u0647\u0631\u0634 *\/\r\n.law-promo-banner .law-promo-icon-fallback{\r\n font-size:110px;\r\n line-height:1;\r\n color:var(--gold-light);\r\n display:none;\r\n}\r\n\r\n\/* RTL \/ LTR support *\/\r\nhtml[dir=\"rtl\"] .law-promo-banner{\r\n direction:rtl;\r\n}\r\n\r\nhtml[dir=\"ltr\"] .law-promo-banner{\r\n direction:ltr;\r\n}\r\n\r\nhtml[dir=\"rtl\"] .law-promo-banner .law-promo-text{\r\n text-align:right;\r\n}\r\n\r\nhtml[dir=\"ltr\"] .law-promo-banner .law-promo-text{\r\n text-align:left;\r\n}\r\n\r\nhtml[dir=\"rtl\"] .law-promo-banner .law-promo-wrap::before{\r\n background:linear-gradient(\r\n 90deg,\r\n rgba(8, 25, 55, 0.8) 0%,\r\n rgba(8, 25, 55, 0.1) 100%\r\n );\r\n}\r\n\r\nhtml[dir=\"ltr\"] .law-promo-banner .law-promo-wrap::before{\r\n background:linear-gradient(\r\n 270deg,\r\n rgba(8, 25, 55, 0.8) 0%,\r\n rgba(8, 25, 55, 0.1) 100%\r\n );\r\n}\r\n\r\n@media (max-width:991px){\r\n .law-promo-banner .law-promo-content{\r\n grid-template-columns:1fr;\r\n text-align:center;\r\n padding:35px 24px;\r\n }\r\n\r\n .law-promo-banner .law-promo-text{\r\n text-align:center !important;\r\n }\r\n\r\n .law-promo-banner .law-promo-visual{\r\n order:-1;\r\n min-height:auto;\r\n }\r\n\r\n .law-promo-banner .law-promo-icon-box{\r\n width:200px;\r\n height:200px;\r\n }\r\n\r\n .law-promo-banner .law-promo-icon,\r\n .law-promo-banner .law-promo-icon-fallback{\r\n font-size:85px;\r\n }\r\n}\r\n\r\n@media (max-width:767px){\r\n .law-promo-banner .law-promo-wrap{\r\n border-radius:18px;\r\n }\r\n\r\n .law-promo-banner .law-promo-content{\r\n min-height:auto;\r\n padding:28px 18px;\r\n }\r\n\r\n .law-promo-banner .law-promo-title{\r\n font-size:22px;\r\n }\r\n\r\n .law-promo-banner .law-promo-desc{\r\n font-size:12px;\r\n }\r\n\r\n .law-promo-banner .law-promo-btn{\r\n width:100%;\r\n }\r\n}\r\n<\/style>\r\n\r\n<div class=\"law-promo-banner\">\r\n <div class=\"law-promo-wrap\">\r\n <div class=\"law-promo-content\">\r\n\r\n <div class=\"law-promo-text\">\r\n <h2 class=\"law-promo-title\">\r\n \u0639\u0644\u064a \u0627\u0644\u0645\u063a\u0627\u0645\u0631 \u0644\u0644\u0645\u062d\u0627\u0645\u0627\u0629 \u0648\u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629\r\n <\/h2>\r\n <p class=\"law-promo-desc\">\r\n \u062e\u0628\u0631\u0629 \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0631\u0627\u0633\u062e\u0629\u2026 <span>\u0648\u062d\u0644\u0648\u0644 \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0645\u0648\u062b\u0648\u0642\u0629<\/span>\r\n <\/p>\r\n <a href=\"https:\/\/lawyeralim-m.sa\/%d8%aa%d9%88%d8%a7%d8%b5%d9%84-%d9%85%d8%b9%d9%86%d8%a7\/\" class=\"law-promo-btn\">\r\n \u062d\u062c\u0632 \u0627\u0633\u062a\u0634\u0627\u0631\u0629\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-194b58b e-con-full e-flex e-con e-parent\" data-id=\"194b58b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t<div class=\"elementor-element elementor-element-2cbd0f0 e-flex e-con-boxed e-con e-child\" data-id=\"2cbd0f0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6697582 elementor-widget elementor-widget-html\" data-id=\"6697582\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css\"\/>\r\n\r\n<style>\r\n.notarization-services{\r\n overflow: hidden;\r\n padding: 40px 16px;\r\n}\r\n\r\n.notarization-services *{\r\n box-sizing: border-box;\r\n}\r\n\r\n.notarization-services .container{\r\n max-width: 1280px;\r\n margin: 0 auto;\r\n}\r\n\r\n.notarization-services .section-heading{\r\n max-width: 980px;\r\n margin: 0 auto 42px;\r\n text-align: center;\r\n}\r\n\r\n.notarization-services .section-tag{\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n min-height: 46px;\r\n padding: 10px 22px;\r\n border-radius: 999px;\r\n border: 1px solid rgba(200,162,93,.28);\r\n background: rgba(200,162,93,.08);\r\n color: var(--gold, #c8a25d);\r\n font-size: 15px;\r\n font-weight: 800;\r\n margin-bottom: 18px;\r\n}\r\n\r\n.notarization-services .section-heading h2{\r\n margin: 0 0 16px;\r\n color: var(--primary, #0f2747);\r\n font-size: clamp(32px, 5vw, 58px);\r\n line-height: 1.15;\r\n font-weight: 900;\r\n}\r\n\r\n.notarization-services .section-heading p{\r\n margin: 0 auto;\r\n max-width: 980px;\r\n color: var(--text-soft, #5f7591);\r\n font-size: 18px;\r\n line-height: 1.95;\r\n}\r\n\r\n.notarization-services .services-grid{\r\n display: grid;\r\n grid-template-columns: repeat(4, minmax(0, 1fr));\r\n gap: 20px;\r\n}\r\n\r\n\/* CARD *\/\r\n.notarization-services .service-card{\r\n position: relative;\r\n background: #ffffff;\r\n border: 1px solid rgba(185,205,229,.7);\r\n border-radius: 28px;\r\n padding: 26px 22px;\r\n transition: transform .45s cubic-bezier(.22,1,.36,1),\r\n box-shadow .45s ease,\r\n border-color .35s ease;\r\n overflow: hidden;\r\n min-height: 120px;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.notarization-services .service-card::before{\r\n content: \"\";\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n width: 100%;\r\n height: 5px;\r\n background: linear-gradient(90deg, var(--gold, #c8a25d), var(--gold-light, #ead6ab));\r\n transition: height .35s ease;\r\n}\r\n\r\n.notarization-services .service-card:hover{\r\n transform: translateY(-10px) scale(1.02);\r\n box-shadow: 0 14px 28px rgba(15,39,71,.08);\r\n border-color: rgba(200,162,93,.38);\r\n}\r\n\r\n.notarization-services .service-top{\r\n display: flex;\r\n align-items: center;\r\n gap: 14px;\r\n width: 100%;\r\n}\r\n\r\n.notarization-services .service-icon{\r\n width: 62px;\r\n height: 62px;\r\n min-width: 62px;\r\n border-radius: 18px;\r\n background: linear-gradient(180deg, rgba(15,39,71,.08), rgba(22,58,107,.04));\r\n border: 1px solid rgba(185,205,229,.75);\r\n color: var(--primary2, #163a6b);\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 24px;\r\n transition: all .4s ease;\r\n}\r\n\r\n.notarization-services .service-card:hover .service-icon{\r\n transform: scale(1.12) rotate(-4deg);\r\n background: rgba(200,162,93,.16);\r\n color: var(--gold, #c8a25d);\r\n border-color: rgba(200,162,93,.35);\r\n}\r\n\r\n.notarization-services .service-top h3{\r\n font-size: 16px;\r\n margin: 0 !important;\r\n color: var(--primary, #0f2747);\r\n font-weight: 800;\r\n line-height: 1.7;\r\n}\r\n\r\n\/* BUTTON *\/\r\n.more-btn-wrap{\r\n display: flex;\r\n justify-content: center;\r\n margin-top: 40px;\r\n}\r\n\r\n.more-btn{\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n background: #163a6b;\r\n color: #fff;\r\n padding: 14px 32px;\r\n border-radius: 999px;\r\n text-decoration: none !important;\r\n font-size: 16px;\r\n font-weight: 700;\r\n transition: all .3s ease;\r\n min-width: 180px;\r\n}\r\n\r\n.more-btn:hover{\r\n background: #0f2747;\r\n transform: translateY(-2px);\r\n color: #fff;\r\n}\r\n\r\n\/* ANIMATION *\/\r\n.fade-item{\r\n opacity: 0;\r\n transform: translateY(40px);\r\n transition: all .8s ease;\r\n}\r\n\r\n.fade-item.show{\r\n opacity: 1;\r\n transform: translateY(0);\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media (max-width: 1200px){\r\n .notarization-services .services-grid{\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n }\r\n}\r\n\r\n@media (max-width: 992px){\r\n .notarization-services{\r\n padding: 36px 14px;\r\n }\r\n\r\n .notarization-services .section-heading{\r\n margin-bottom: 34px;\r\n }\r\n\r\n .notarization-services .section-heading h2{\r\n font-size: clamp(28px, 5vw, 44px);\r\n }\r\n\r\n .notarization-services .section-heading p{\r\n font-size: 16px;\r\n line-height: 1.9;\r\n }\r\n\r\n .notarization-services .services-grid{\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 16px;\r\n }\r\n\r\n .notarization-services .service-card{\r\n padding: 22px 18px;\r\n min-height: 108px;\r\n border-radius: 24px;\r\n }\r\n\r\n .notarization-services .service-icon{\r\n width: 56px;\r\n height: 56px;\r\n min-width: 56px;\r\n font-size: 22px;\r\n border-radius: 16px;\r\n }\r\n\r\n .notarization-services .service-top h3{\r\n font-size: 15px;\r\n line-height: 1.6;\r\n }\r\n}\r\n\r\n@media (max-width: 640px){\r\n .notarization-services{\r\n padding: 30px 12px;\r\n }\r\n\r\n .notarization-services .section-heading{\r\n margin-bottom: 28px;\r\n }\r\n\r\n .notarization-services .section-tag{\r\n font-size: 13px;\r\n min-height: 40px;\r\n padding: 8px 18px;\r\n margin-bottom: 14px;\r\n }\r\n\r\n .notarization-services .section-heading h2{\r\n font-size: 28px;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .notarization-services .section-heading p{\r\n font-size: 15px;\r\n line-height: 1.85;\r\n }\r\n\r\n .notarization-services .services-grid{\r\n grid-template-columns: 1fr;\r\n gap: 14px;\r\n }\r\n\r\n .notarization-services .service-card{\r\n padding: 18px 16px;\r\n min-height: 96px;\r\n border-radius: 20px;\r\n }\r\n\r\n .notarization-services .service-top{\r\n gap: 12px;\r\n }\r\n\r\n .notarization-services .service-icon{\r\n width: 50px;\r\n height: 50px;\r\n min-width: 50px;\r\n font-size: 20px;\r\n border-radius: 14px;\r\n }\r\n\r\n .notarization-services .service-top h3{\r\n font-size: 15px;\r\n line-height: 1.6;\r\n }\r\n\r\n .more-btn-wrap{\r\n margin-top: 28px;\r\n }\r\n\r\n .more-btn{\r\n width: 100%;\r\n max-width: 220px;\r\n padding: 13px 24px;\r\n font-size: 15px;\r\n }\r\n}\r\n\r\n@media (max-width: 400px){\r\n .notarization-services .section-heading h2{\r\n font-size: 24px;\r\n }\r\n\r\n .notarization-services .section-heading p{\r\n font-size: 14px;\r\n }\r\n\r\n .notarization-services .service-card{\r\n padding: 16px 14px;\r\n }\r\n\r\n .notarization-services .service-icon{\r\n width: 46px;\r\n height: 46px;\r\n min-width: 46px;\r\n font-size: 18px;\r\n }\r\n\r\n .notarization-services .service-top h3{\r\n font-size: 14px;\r\n }\r\n}\r\n<\/style>\r\n\r\n<section class=\"notarization-services\">\r\n <div class=\"container\">\r\n\r\n <div class=\"section-heading fade-item\">\r\n <span class=\"section-tag\">\u062e\u062f\u0645\u0627\u062a \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0645\u0648\u062b\u0642\u0629<\/span>\r\n <h2>\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u062a\u0648\u062b\u064a\u0642<\/h2>\r\n <p>\r\n \u064a\u0642\u062f\u0645 \u0645\u0643\u062a\u0628 \u0639\u0644\u064a \u0627\u0644\u0645\u063a\u0627\u0645\u0631 \u0644\u0644\u0645\u062d\u0627\u0645\u0627\u0629 \u0648\u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u062a\u0648\u062b\u064a\u0642\r\n \u0648\u0641\u0642 \u0627\u0644\u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u0645\u0639\u062a\u0645\u062f\u0629 \u0628\u0645\u0627 \u064a\u0636\u0645\u0646 \u062d\u0641\u0638 \u0627\u0644\u062d\u0642\u0648\u0642.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"services-grid\">\r\n\r\n <article class=\"service-card fade-item\">\r\n <div class=\"service-top\">\r\n <span class=\"service-icon\"><i class=\"fa-solid fa-file-signature\"><\/i><\/span>\r\n <h3>\u062a\u0648\u062b\u064a\u0642 \u0627\u0644\u0648\u0643\u0627\u0644\u0627\u062a<\/h3>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"service-card fade-item\">\r\n <div class=\"service-top\">\r\n <span class=\"service-icon\"><i class=\"fa-solid fa-file-circle-check\"><\/i><\/span>\r\n <h3>\u062a\u0648\u062b\u064a\u0642 \u0627\u0644\u0625\u0642\u0631\u0627\u0631\u0627\u062a<\/h3>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"service-card fade-item\">\r\n <div class=\"service-top\">\r\n <span class=\"service-icon\"><i class=\"fa-solid fa-building\"><\/i><\/span>\r\n <h3>\u062a\u0648\u062b\u064a\u0642 \u0639\u0642\u0648\u062f \u0627\u0644\u0634\u0631\u0643\u0627\u062a<\/h3>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"service-card fade-item\">\r\n <div class=\"service-top\">\r\n <span class=\"service-icon\"><i class=\"fa-solid fa-handshake\"><\/i><\/span>\r\n <h3>\u062a\u0648\u062b\u064a\u0642 \u0639\u0642\u0648\u062f \u0627\u0644\u0628\u064a\u0639<\/h3>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"service-card fade-item\">\r\n <div class=\"service-top\">\r\n <span class=\"service-icon\"><i class=\"fa-solid fa-shield-halved\"><\/i><\/span>\r\n <h3>\u062a\u0648\u062b\u064a\u0642 \u0627\u0644\u0631\u0647\u0648\u0646\u0627\u062a<\/h3>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"service-card fade-item\">\r\n <div class=\"service-top\">\r\n <span class=\"service-icon\"><i class=\"fa-solid fa-scale-balanced\"><\/i><\/span>\r\n <h3>\u062a\u0648\u062b\u064a\u0642 \u0639\u0642\u0648\u062f \u0627\u0644\u0635\u0644\u062d<\/h3>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"service-card fade-item\">\r\n <div class=\"service-top\">\r\n <span class=\"service-icon\"><i class=\"fa-solid fa-scroll\"><\/i><\/span>\r\n <h3>\u062a\u0648\u062b\u064a\u0642 \u0627\u0644\u0648\u0635\u0627\u064a\u0627<\/h3>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"service-card fade-item\">\r\n <div class=\"service-top\">\r\n <span class=\"service-icon\"><i class=\"fa-solid fa-city\"><\/i><\/span>\r\n <h3>\u062a\u0648\u062b\u064a\u0642 \u0627\u0644\u0625\u0641\u0631\u0627\u063a\u0627\u062a \u0627\u0644\u0639\u0642\u0627\u0631\u064a\u0629<\/h3>\r\n <\/div>\r\n <\/article>\r\n\r\n <\/div>\r\n\r\n <div class=\"more-btn-wrap fade-item\">\r\n <a href=\"https:\/\/lawyeralim-m.sa\/%d8%ae%d8%af%d9%85%d8%a7%d8%aa-%d8%a7%d9%84%d8%aa%d9%88%d8%ab%d9%8a%d9%82\/\" class=\"more-btn\">\r\n \u0627\u0644\u0645\u0632\u064a\u062f\r\n <i class=\"fa-solid fa-arrow-left\"><\/i>\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\nconst items = document.querySelectorAll('.fade-item');\r\n\r\nconst observer = new IntersectionObserver((entries, observer)=>{\r\n entries.forEach(entry=>{\r\n if(entry.isIntersecting){\r\n entry.target.classList.add('show');\r\n observer.unobserve(entry.target);\r\n }\r\n });\r\n},{\r\n threshold: 0.1\r\n});\r\n\r\nitems.forEach(el => observer.observe(el));\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-887cc01 e-con-full e-flex e-con e-parent\" data-id=\"887cc01\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-3568a91 e-flex e-con-boxed e-con e-child\" data-id=\"3568a91\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b840dbd elementor-widget elementor-widget-html\" data-id=\"b840dbd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html>\r\n<head>\r\n<meta charset=\"UTF-8\" \/>\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n<title>\u0639\u0645\u0644\u0627\u0624\u0646\u0627<\/title>\r\n\r\n\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\r\n\r\n<style>\r\n:root{\r\n --primary:#0f2747;\r\n --primary2:#163a6b;\r\n --gold:#c8a25d;\r\n --gold-light:#ead6ab;\r\n --white:#ffffff;\r\n\r\n --text:#28415f;\r\n --text-soft:#5f7591;\r\n\r\n --value-card:#edf5ff;\r\n --value-border:#c5d7eb;\r\n\r\n --shadow-soft:0 10px 30px rgba(15,39,71,.08);\r\n --shadow-hover:0 18px 35px rgba(15,39,71,.12);\r\n\r\n --transition:.35s ease;\r\n}\r\n\r\n\/* reset *\/\r\n*{\r\n box-sizing:border-box;\r\n margin:0;\r\n padding:0;\r\n}\r\n\r\n\/* section *\/\r\n.clients-section{\r\n padding:0;\r\n}\r\n\r\n\/* header *\/\r\n.clients-header{\r\n text-align:center;\r\n margin-bottom:40px;\r\n\r\n opacity:0;\r\n transform:translateY(20px);\r\n animation:headerReveal .8s ease forwards;\r\n}\r\n\r\n.clients-tag{\r\n display:inline-block;\r\n padding:11px 24px;\r\n border:1px solid var(--gold-light);\r\n border-radius:999px;\r\n color:var(--gold);\r\n font-size:15px;\r\n font-weight:700;\r\n background:transparent;\r\n margin-bottom:18px;\r\n}\r\n\r\n.clients-title{\r\n margin:0 0 18px;\r\n font-size:clamp(32px,4vw,48px);\r\n line-height:1.2;\r\n color:var(--primary);\r\n font-weight:800;\r\n}\r\n\r\n.clients-text{\r\n margin:0;\r\n color:var(--text-soft);\r\n font-size:17px;\r\n line-height:1.9;\r\n}\r\n\r\n\/* grid *\/\r\n.clients-grid{\r\n display:grid;\r\n grid-template-columns:repeat(5, minmax(0,1fr));\r\n gap:18px;\r\n}\r\n\r\n\/* card *\/\r\n.client-card{\r\n background:linear-gradient(180deg, #ffffff 0%, #f9fbfe 100%);\r\n border:1px solid var(--value-border);\r\n border-radius:20px;\r\n padding:26px 16px;\r\n text-align:center;\r\n box-shadow:var(--shadow-soft);\r\n transition:all var(--transition);\r\n position:relative;\r\n overflow:hidden;\r\n\r\n opacity:0;\r\n transform:translateY(35px) scale(.96);\r\n animation:cardReveal .75s cubic-bezier(.22,1,.36,1) forwards;\r\n}\r\n\r\n\/* stagger animation *\/\r\n.client-card:nth-child(1){ animation-delay:.15s; }\r\n.client-card:nth-child(2){ animation-delay:.30s; }\r\n.client-card:nth-child(3){ animation-delay:.45s; }\r\n.client-card:nth-child(4){ animation-delay:.60s; }\r\n.client-card:nth-child(5){ animation-delay:.75s; }\r\n\r\n\/* subtle hover *\/\r\n.client-card:hover{\r\n transform:translateY(-6px);\r\n box-shadow:var(--shadow-hover);\r\n border-color:var(--gold-light);\r\n}\r\n\r\n\/* icon *\/\r\n.client-icon{\r\n width:56px;\r\n height:56px;\r\n margin:0 auto 14px;\r\n border-radius:16px;\r\n background:linear-gradient(135deg, var(--primary2), var(--primary));\r\n color:#fff;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n font-size:22px;\r\n box-shadow:0 10px 22px rgba(15,39,71,.14);\r\n transition:transform var(--transition), box-shadow var(--transition);\r\n}\r\n\r\n.client-card:hover .client-icon{\r\n transform:translateY(-2px) scale(1.05);\r\n box-shadow:0 14px 26px rgba(15,39,71,.18);\r\n}\r\n\r\n\/* title *\/\r\n.client-card h3{\r\n margin:0;\r\n color:var(--primary);\r\n font-size:18px;\r\n font-weight:800;\r\n line-height:1.6;\r\n}\r\n\r\n\/* keyframes *\/\r\n@keyframes headerReveal{\r\n to{\r\n opacity:1;\r\n transform:translateY(0);\r\n }\r\n}\r\n\r\n@keyframes cardReveal{\r\n 0%{\r\n opacity:0;\r\n transform:translateY(35px) scale(.96);\r\n }\r\n 60%{\r\n opacity:1;\r\n transform:translateY(-4px) scale(1.01);\r\n }\r\n 100%{\r\n opacity:1;\r\n transform:translateY(0) scale(1);\r\n }\r\n}\r\n\r\n\/* responsive *\/\r\n@media (max-width:1100px){\r\n .clients-grid{\r\n grid-template-columns:repeat(3,1fr);\r\n }\r\n}\r\n\r\n@media (max-width:768px){\r\n .clients-grid{\r\n grid-template-columns:repeat(2,1fr);\r\n gap:14px;\r\n }\r\n\r\n .client-card{\r\n padding:22px 14px;\r\n }\r\n\r\n .client-icon{\r\n width:50px;\r\n height:50px;\r\n font-size:20px;\r\n }\r\n}\r\n\r\n@media (max-width:520px){\r\n .clients-grid{\r\n grid-template-columns:1fr;\r\n }\r\n}\r\n\r\n\/* optional: reduce motion *\/\r\n@media (prefers-reduced-motion: reduce){\r\n .clients-header,\r\n .client-card{\r\n animation:none;\r\n opacity:1;\r\n transform:none;\r\n }\r\n}\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<section class=\"clients-section\">\r\n\r\n <div class=\"clients-header\">\r\n <span class=\"clients-tag\">\u0642\u0637\u0627\u0639\u0627\u062a \u0646\u062e\u062f\u0645\u0647\u0627<\/span>\r\n <h2 class=\"clients-title\">\u0639\u0645\u0644\u0627\u0624\u0646\u0627<\/h2>\r\n <p class=\"clients-text\">\r\n \u0646\u0641\u062e\u0631 \u0628\u062b\u0642\u0629 \u0639\u0645\u0644\u0627\u0626\u0646\u0627 \u0645\u0646 \u0645\u062e\u062a\u0644\u0641 \u0627\u0644\u0642\u0637\u0627\u0639\u0627\u062a\u060c \u062d\u064a\u062b \u064a\u0642\u062f\u0645 \u0627\u0644\u0645\u0643\u062a\u0628 \u062e\u062f\u0645\u0627\u062a\u0647 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0625\u0644\u0649:\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"clients-grid\">\r\n\r\n <div class=\"client-card\">\r\n <div class=\"client-icon\"><i class=\"fa-solid fa-building-columns\"><\/i><\/div>\r\n <h3>\u0627\u0644\u062c\u0647\u0627\u062a \u0627\u0644\u062d\u0643\u0648\u0645\u064a\u0629<\/h3>\r\n <\/div>\r\n\r\n <div class=\"client-card\">\r\n <div class=\"client-icon\"><i class=\"fa-solid fa-building\"><\/i><\/div>\r\n <h3>\u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0648\u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a<\/h3>\r\n <\/div>\r\n\r\n <div class=\"client-card\">\r\n <div class=\"client-icon\"><i class=\"fa-solid fa-chart-line\"><\/i><\/div>\r\n <h3>\u0627\u0644\u0645\u0633\u062a\u062b\u0645\u0631\u064a\u0646<\/h3>\r\n <\/div>\r\n\r\n <div class=\"client-card\">\r\n <div class=\"client-icon\"><i class=\"fa-solid fa-briefcase\"><\/i><\/div>\r\n <h3>\u0631\u062c\u0627\u0644 \u0627\u0644\u0623\u0639\u0645\u0627\u0644<\/h3>\r\n <\/div>\r\n\r\n <div class=\"client-card\">\r\n <div class=\"client-icon\"><i class=\"fa-solid fa-user\"><\/i><\/div>\r\n <h3>\u0627\u0644\u0623\u0641\u0631\u0627\u062f<\/h3>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e51d0c4 e-con-full e-flex e-con e-parent\" data-id=\"e51d0c4\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t<div class=\"elementor-element elementor-element-43cd901 e-flex e-con-boxed e-con e-child\" data-id=\"43cd901\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-71ad71c elementor-widget elementor-widget-html\" data-id=\"71ad71c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html>\r\n<head>\r\n <meta charset=\"UTF-8\" \/>\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n <title>\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/title>\r\n\r\n \r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\r\n\r\n <style>\r\n :root{\r\n --primary:#0f2747;\r\n --primary2:#163a6b;\r\n --gold:#c8a25d;\r\n --gold-light:#ead6ab;\r\n --white:#ffffff;\r\n\r\n --text:#28415f;\r\n --text-soft:#5f7591;\r\n\r\n --value-card:#edf5ff;\r\n --value-border:#c5d7eb;\r\n\r\n --shadow-soft:0 10px 30px rgba(15,39,71,.08);\r\n --shadow-hover:0 18px 40px rgba(15,39,71,.14);\r\n\r\n --radius:26px;\r\n --transition:.35s ease;\r\n }\r\n\r\n *{\r\n box-sizing:border-box;\r\n margin:0;\r\n padding:0;\r\n }\r\n\r\n body{\r\n font-family:\"Tajawal\", sans-serif;\r\n color:var(--text);\r\n }\r\n\r\n .contact-section{\r\n padding:0;\r\n background:none;\r\n }\r\n\r\n .contact-box{\r\n display:grid;\r\n grid-template-columns:1fr 1.05fr;\r\n gap:28px;\r\n align-items:stretch;\r\n }\r\n\r\n .contact-info,\r\n .contact-form-wrap{\r\n background:linear-gradient(180deg, #ffffff 0%, #f9fbfe 100%);\r\n border:1px solid var(--value-border);\r\n border-radius:30px;\r\n box-shadow:var(--shadow-soft);\r\n overflow:hidden;\r\n opacity:0;\r\n transform:translateY(40px);\r\n animation:fadeUpSoft .8s cubic-bezier(.22,1,.36,1) forwards;\r\n }\r\n\r\n .contact-info{\r\n padding:38px 34px;\r\n position:relative;\r\n animation-delay:.12s;\r\n }\r\n\r\n .contact-form-wrap{\r\n padding:34px 30px;\r\n animation-delay:.32s;\r\n }\r\n\r\n .contact-info::before{\r\n content:\"\";\r\n position:absolute;\r\n top:0;\r\n width:140px;\r\n height:140px;\r\n background:radial-gradient(circle, rgba(45,111,183,.10) 0%, transparent 70%);\r\n pointer-events:none;\r\n }\r\n\r\n .contact-tag{\r\n display:inline-block;\r\n padding:10px 22px;\r\n border:1px solid var(--gold-light);\r\n border-radius:999px;\r\n color:var(--gold);\r\n font-size:15px;\r\n font-weight:700;\r\n margin-bottom:18px;\r\n background:rgba(255,255,255,.7);\r\n opacity:0;\r\n transform:translateY(10px);\r\n animation:fadeInUp .6s ease forwards;\r\n animation-delay:.45s;\r\n }\r\n\r\n .contact-title{\r\n margin:0 0 18px;\r\n color:var(--primary);\r\n font-size:clamp(32px,4vw,48px);\r\n line-height:1.2;\r\n font-weight:800;\r\n opacity:0;\r\n transform:translateY(14px);\r\n animation:fadeInUp .7s ease forwards;\r\n animation-delay:.58s;\r\n }\r\n\r\n .contact-text{\r\n margin:0 0 28px;\r\n color:var(--text-soft);\r\n font-size:17px;\r\n line-height:1.95;\r\n max-width:95%;\r\n opacity:0;\r\n transform:translateY(14px);\r\n animation:fadeInUp .7s ease forwards;\r\n animation-delay:.72s;\r\n }\r\n\r\n .contact-list{\r\n display:grid;\r\n gap:16px;\r\n }\r\n\r\n .contact-item{\r\n display:flex;\r\n align-items:flex-start;\r\n gap:14px;\r\n padding:16px 18px;\r\n background:var(--value-card);\r\n border:1px solid var(--value-border);\r\n border-radius:18px;\r\n transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;\r\n opacity:0;\r\n transform:translateY(22px);\r\n animation:cardReveal .65s cubic-bezier(.22,1,.36,1) forwards;\r\n }\r\n\r\n .contact-item:nth-child(1){ animation-delay:.9s; }\r\n .contact-item:nth-child(2){ animation-delay:1.05s; }\r\n .contact-item:nth-child(3){ animation-delay:1.2s; }\r\n .contact-item:nth-child(4){ animation-delay:1.35s; }\r\n\r\n .contact-item:hover{\r\n transform:translateY(-4px);\r\n box-shadow:0 12px 25px rgba(15,39,71,.08);\r\n border-color:var(--gold-light);\r\n }\r\n\r\n .contact-icon{\r\n width:46px;\r\n height:46px;\r\n min-width:46px;\r\n border-radius:14px;\r\n background:linear-gradient(135deg, var(--primary2), var(--primary));\r\n color:var(--white);\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n font-size:18px;\r\n box-shadow:0 10px 22px rgba(15,39,71,.14);\r\n transition:transform var(--transition), box-shadow var(--transition);\r\n }\r\n\r\n .contact-item:hover .contact-icon{\r\n transform:scale(1.06) translateY(-2px);\r\n box-shadow:0 14px 28px rgba(15,39,71,.18);\r\n }\r\n\r\n .contact-item-content h3{\r\n margin:0 0 6px;\r\n color:var(--primary);\r\n font-size:18px;\r\n font-weight:800;\r\n }\r\n\r\n .contact-item-content p,\r\n .contact-item-content a{\r\n margin:0;\r\n color:var(--text-soft);\r\n font-size:16px;\r\n line-height:1.8;\r\n text-decoration:none;\r\n word-break:break-word;\r\n }\r\n\r\n .contact-item-content a:hover{\r\n color:var(--primary2);\r\n }\r\n\r\n .contact-form-head{\r\n margin-bottom:20px;\r\n padding-bottom:16px;\r\n border-bottom:1px solid rgba(185,205,229,.55);\r\n opacity:0;\r\n transform:translateY(14px);\r\n animation:fadeInUp .7s ease forwards;\r\n animation-delay:.55s;\r\n }\r\n\r\n .contact-form-head h3{\r\n margin:0 0 8px;\r\n color:var(--primary);\r\n font-size:26px;\r\n font-weight:800;\r\n }\r\n\r\n .contact-form-head p{\r\n margin:0;\r\n color:var(--text-soft);\r\n font-size:15px;\r\n line-height:1.8;\r\n }\r\n\r\n .contact-form-wrap .wpforms-container{\r\n margin:0 !important;\r\n opacity:0;\r\n transform:translateY(18px);\r\n animation:fadeInUp .75s ease forwards;\r\n animation-delay:.75s;\r\n }\r\n\r\n .contact-form-wrap .wpforms-form input,\r\n .contact-form-wrap .wpforms-form textarea,\r\n .contact-form-wrap .wpforms-form select{\r\n border:1px solid var(--value-border) !important;\r\n border-radius:16px !important;\r\n background:#fff !important;\r\n color:var(--text) !important;\r\n padding:14px 16px !important;\r\n font-family:\"Tajawal\", sans-serif !important;\r\n transition:border-color .25s ease, box-shadow .25s ease, transform .25s ease !important;\r\n }\r\n\r\n .contact-form-wrap .wpforms-form input:focus,\r\n .contact-form-wrap .wpforms-form textarea:focus,\r\n .contact-form-wrap .wpforms-form select:focus{\r\n border-color:var(--gold) !important;\r\n box-shadow:0 0 0 3px rgba(200,162,93,.12) !important;\r\n transform:translateY(-1px);\r\n }\r\n\r\n .contact-form-wrap .wpforms-form textarea{\r\n min-height:140px !important;\r\n }\r\n\r\n .contact-form-wrap .wpforms-form button[type=\"submit\"]{\r\n background:linear-gradient(135deg, var(--primary2), var(--primary)) !important;\r\n color:#fff !important;\r\n border:none !important;\r\n border-radius:16px !important;\r\n padding:14px 26px !important;\r\n font-size:16px !important;\r\n font-weight:700 !important;\r\n font-family:\"Tajawal\", sans-serif !important;\r\n box-shadow:0 12px 25px rgba(15,39,71,.14) !important;\r\n transition:transform .25s ease, opacity .25s ease, box-shadow .25s ease !important;\r\n }\r\n\r\n .contact-form-wrap .wpforms-form button[type=\"submit\"]:hover{\r\n transform:translateY(-2px);\r\n opacity:.96;\r\n box-shadow:0 16px 30px rgba(15,39,71,.18) !important;\r\n }\r\n\r\n html[dir=\"rtl\"] .contact-section{\r\n direction:rtl;\r\n }\r\n\r\n html[dir=\"ltr\"] .contact-section{\r\n direction:ltr;\r\n }\r\n\r\n html[dir=\"rtl\"] .contact-info,\r\n html[dir=\"rtl\"] .contact-form-wrap,\r\n html[dir=\"rtl\"] .contact-title,\r\n html[dir=\"rtl\"] .contact-text,\r\n html[dir=\"rtl\"] .contact-item-content,\r\n html[dir=\"rtl\"] .contact-form-head{\r\n text-align:right;\r\n }\r\n\r\n html[dir=\"ltr\"] .contact-info,\r\n html[dir=\"ltr\"] .contact-form-wrap,\r\n html[dir=\"ltr\"] .contact-title,\r\n html[dir=\"ltr\"] .contact-text,\r\n html[dir=\"ltr\"] .contact-item-content,\r\n html[dir=\"ltr\"] .contact-form-head{\r\n text-align:left;\r\n }\r\n\r\n html[dir=\"rtl\"] .contact-info::before{\r\n left:0;\r\n right:auto;\r\n }\r\n\r\n html[dir=\"ltr\"] .contact-info::before{\r\n right:0;\r\n left:auto;\r\n }\r\n\r\n html[dir=\"rtl\"] .contact-form-wrap .wpforms-form input,\r\n html[dir=\"rtl\"] .contact-form-wrap .wpforms-form textarea,\r\n html[dir=\"rtl\"] .contact-form-wrap .wpforms-form select{\r\n text-align:right !important;\r\n direction:rtl !important;\r\n }\r\n\r\n html[dir=\"ltr\"] .contact-form-wrap .wpforms-form input,\r\n html[dir=\"ltr\"] .contact-form-wrap .wpforms-form textarea,\r\n html[dir=\"ltr\"] .contact-form-wrap .wpforms-form select{\r\n text-align:left !important;\r\n direction:ltr !important;\r\n }\r\n\r\n html[dir=\"rtl\"] .contact-form-wrap .wpforms-field-label,\r\n html[dir=\"rtl\"] .contact-form-wrap .wpforms-field-sublabel,\r\n html[dir=\"rtl\"] .contact-form-wrap .wpforms-confirmation-container,\r\n html[dir=\"rtl\"] .contact-form-wrap .wpforms-error{\r\n text-align:right !important;\r\n }\r\n\r\n html[dir=\"ltr\"] .contact-form-wrap .wpforms-field-label,\r\n html[dir=\"ltr\"] .contact-form-wrap .wpforms-field-sublabel,\r\n html[dir=\"ltr\"] .contact-form-wrap .wpforms-confirmation-container,\r\n html[dir=\"ltr\"] .contact-form-wrap .wpforms-error{\r\n text-align:left !important;\r\n }\r\n\r\n @keyframes fadeUpSoft{\r\n from{\r\n opacity:0;\r\n transform:translateY(40px);\r\n }\r\n to{\r\n opacity:1;\r\n transform:translateY(0);\r\n }\r\n }\r\n\r\n @keyframes fadeInUp{\r\n from{\r\n opacity:0;\r\n transform:translateY(14px);\r\n }\r\n to{\r\n opacity:1;\r\n transform:translateY(0);\r\n }\r\n }\r\n\r\n @keyframes cardReveal{\r\n 0%{\r\n opacity:0;\r\n transform:translateY(22px) scale(.97);\r\n }\r\n 60%{\r\n opacity:1;\r\n transform:translateY(-2px) scale(1.01);\r\n }\r\n 100%{\r\n opacity:1;\r\n transform:translateY(0) scale(1);\r\n }\r\n }\r\n\r\n @media (max-width: 992px){\r\n .contact-box{\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .contact-text{\r\n max-width:100%;\r\n }\r\n }\r\n\r\n @media (max-width: 576px){\r\n .contact-info,\r\n .contact-form-wrap{\r\n border-radius:22px;\r\n }\r\n\r\n .contact-info{\r\n padding:28px 20px;\r\n }\r\n\r\n .contact-form-wrap{\r\n padding:26px 18px;\r\n }\r\n\r\n .contact-item{\r\n padding:14px;\r\n }\r\n\r\n .contact-icon{\r\n width:42px;\r\n height:42px;\r\n min-width:42px;\r\n font-size:16px;\r\n }\r\n\r\n .contact-item-content h3{\r\n font-size:17px;\r\n }\r\n\r\n .contact-item-content p,\r\n .contact-item-content a{\r\n font-size:15px;\r\n }\r\n\r\n .contact-form-head h3{\r\n font-size:22px;\r\n }\r\n }\r\n\r\n @media (prefers-reduced-motion: reduce){\r\n .contact-info,\r\n .contact-form-wrap,\r\n .contact-tag,\r\n .contact-title,\r\n .contact-text,\r\n .contact-item,\r\n .contact-form-head,\r\n .contact-form-wrap .wpforms-container{\r\n animation:none !important;\r\n opacity:1 !important;\r\n transform:none !important;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section class=\"contact-section\">\r\n\r\n <div class=\"contact-box\">\r\n\r\n <div class=\"contact-info\">\r\n <span class=\"contact-tag\">\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/span>\r\n\r\n <h2 class=\"contact-title\">\u0646\u0631\u062d\u0628 \u0628\u062a\u0648\u0627\u0635\u0644\u0643\u0645<\/h2>\r\n\r\n <p class=\"contact-text\">\r\n \u0646\u0631\u062d\u0628 \u0628\u062a\u0648\u0627\u0635\u0644\u0643\u0645 \u0644\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0623\u0648 \u0644\u0637\u0644\u0628 \u062e\u062f\u0645\u0627\u062a\u0646\u0627 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629.\r\n <\/p>\r\n\r\n <div class=\"contact-list\">\r\n\r\n <div class=\"contact-item\">\r\n <div class=\"contact-icon\">\r\n <i class=\"fa-solid fa-phone\"><\/i>\r\n <\/div>\r\n <div class=\"contact-item-content\">\r\n <h3>\u0631\u0642\u0645 \u0627\u0644\u062c\u0648\u0627\u0644<\/h3>\r\n <a href=\"tel:0503078486\">0503078486<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact-item\">\r\n <div class=\"contact-icon\">\r\n <i class=\"fa-brands fa-whatsapp\"><\/i>\r\n <\/div>\r\n <div class=\"contact-item-content\">\r\n <h3>\u0648\u0627\u062a\u0633\u0627\u0628<\/h3>\r\n <a href=\"https:\/\/wa.me\/966503078486\" target=\"_blank\" rel=\"noopener noreferrer\">0503078486<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact-item\">\r\n <div class=\"contact-icon\">\r\n <i class=\"fa-solid fa-envelope\"><\/i>\r\n <\/div>\r\n <div class=\"contact-item-content\">\r\n <h3>\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a<\/h3>\r\n <a href=\"mailto:info@lawyeralim-m.sa\">info@lawyeralim-m.sa<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact-item\">\r\n <div class=\"contact-icon\">\r\n <i class=\"fa-solid fa-location-dot\"><\/i>\r\n <\/div>\r\n <div class=\"contact-item-content\">\r\n <h3>\u0627\u0644\u0639\u0646\u0648\u0627\u0646<\/h3>\r\n <a href=\"https:\/\/www.google.com\/maps\/place\/%D8%A7%D9%84%D9%85%D9%88%D8%AB%D9%82+%D9%88%D8%A7%D9%84%D9%85%D8%AD%D8%A7%D9%85%D9%8A+%D8%B9%D9%84%D9%8A+%D8%A2%D9%84+%D9%85%D8%BA%D8%A7%D9%85%D8%B1%E2%80%AD\/@18.3189025,42.6959739,17z\/data=!3m1!4b1!4m6!3m5!1s0x15fb5bb22e2902c3:0xe43eaa3e700cc86!8m2!3d18.3189025!4d42.6959739!16s%2Fg%2F11wy21ghzd!18m1!1e1?entry=ttu&g_ep=EgoyMDI2MDMzMC4wIKXMDSoASAFQAw%3D%3D\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n \u062c\u0648\u0627\u0631 \u0627\u0644\u0645\u062d\u0643\u0645\u0629 \u0627\u0644\u0639\u0627\u0645\u0629 \u0645\u0646 \u0627\u0644\u062c\u0647\u0629 \u0627\u0644\u062c\u0646\u0648\u0628\u064a\u0629\u060c \u062d\u064a \u0627\u0644\u0642\u0627\u0641\u0644\u0629\u060c \u062e\u0645\u064a\u0633 \u0645\u0634\u064a\u0637\u060c \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact-form-wrap\">\r\n <div class=\"contact-form-head\">\r\n <h3>\u0623\u0631\u0633\u0644 \u0644\u0646\u0627 \u0631\u0633\u0627\u0644\u062a\u0643<\/h3>\r\n <p>\u064a\u0633\u0639\u062f\u0646\u0627 \u0627\u0633\u062a\u0642\u0628\u0627\u0644 \u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0627\u062a\u0643\u0645 \u0648\u0633\u0646\u0642\u0648\u0645 \u0628\u0627\u0644\u0631\u062f \u0639\u0644\u064a\u0643\u0645 \u0641\u064a \u0623\u0642\u0631\u0628 \u0648\u0642\u062a \u0645\u0645\u0643\u0646.<\/p>\r\n <\/div>\r\n\r\n <style id=\"wpforms-css-vars-198\">\n\t\t\t\t#wpforms-198 {\n\t\t\t\t--wpforms-container-padding: 0px;\n--wpforms-container-border-width: 1px;\n--wpforms-container-border-radius: 3px;\n--wpforms-background-color: rgba(0, 0, 0, 0);\n--wpforms-field-size-input-height: 43px;\n--wpforms-field-size-input-spacing: 15px;\n--wpforms-field-size-font-size: 16px;\n--wpforms-field-size-line-height: 19px;\n--wpforms-field-size-padding-h: 14px;\n--wpforms-field-size-checkbox-size: 16px;\n--wpforms-field-size-sublabel-spacing: 5px;\n--wpforms-field-size-icon-size: 1;\n--wpforms-label-size-font-size: 16px;\n--wpforms-label-size-line-height: 19px;\n--wpforms-label-size-sublabel-font-size: 14px;\n--wpforms-label-size-sublabel-line-height: 17px;\n--wpforms-button-size-font-size: 17px;\n--wpforms-button-size-height: 41px;\n--wpforms-button-size-padding-h: 15px;\n--wpforms-button-size-margin-top: 10px;\n--wpforms-container-shadow-size-box-shadow: none;\n\t\t\t}\n\t\t\t<\/style><div class=\"wpforms-container wpforms-container-full wpforms-render-modern\" id=\"wpforms-198\"><form id=\"wpforms-form-198\" class=\"wpforms-validate wpforms-form wpforms-ajax-form\" data-formid=\"198\" method=\"post\" enctype=\"multipart\/form-data\" action=\"\/en\/wp-json\/wp\/v2\/pages\/8\" data-token=\"4105589d9573df274682ff0ad7566645\" data-token-time=\"1778180254\"><noscript class=\"wpforms-error-noscript\">Please enable JavaScript in your browser to complete this form.<\/noscript><div id=\"wpforms-error-noscript\" style=\"display: none;\">Please enable JavaScript in your browser to complete this form.<\/div><div class=\"wpforms-field-container\"><div id=\"wpforms-198-field_1-container\" class=\"wpforms-field wpforms-field-name\" data-field-id=\"1\"><label class=\"wpforms-field-label\" for=\"wpforms-198-field_1\">\u0627\u0644\u0627\u0633\u0645<\/label><input type=\"text\" id=\"wpforms-198-field_1\" class=\"wpforms-field-large\" name=\"wpforms[fields][1]\" aria-errormessage=\"wpforms-198-field_1-error\" ><\/div>\t\t<div id=\"wpforms-198-field_5-container\"\n\t\t\tclass=\"wpforms-field wpforms-field-text\"\n\t\t\tdata-field-type=\"text\"\n\t\t\tdata-field-id=\"5\"\n\t\t\t>\n\t\t\t<label class=\"wpforms-field-label\" for=\"wpforms-198-field_5\" >\u0627\u0644\u062c\u0648\u0627\u0644 \u0631\u0642\u0645 \u0627\u0644\u0628\u0631\u064a\u062f<\/label>\n\t\t\t<input type=\"text\" id=\"wpforms-198-field_5\" class=\"wpforms-field-medium\" name=\"wpforms[fields][5]\" >\n\t\t<\/div>\n\t\t<div id=\"wpforms-198-field_4-container\" class=\"wpforms-field wpforms-field-number\" data-field-id=\"4\"><label class=\"wpforms-field-label\" for=\"wpforms-198-field_4\">\u0631\u0642\u0645 \u0627\u0644\u062c\u0648\u0627\u0644<\/label><input type=\"number\" id=\"wpforms-198-field_4\" class=\"wpforms-field-large\" name=\"wpforms[fields][4]\" step=\"any\" aria-errormessage=\"wpforms-198-field_4-error\" ><\/div><div id=\"wpforms-198-field_2-container\" class=\"wpforms-field wpforms-field-email\" data-field-id=\"2\"><label class=\"wpforms-field-label\" for=\"wpforms-198-field_2\">\u0627\u0644\u0628\u0631\u064a\u062f<\/label><input type=\"email\" id=\"wpforms-198-field_2\" class=\"wpforms-field-large\" name=\"wpforms[fields][2]\" spellcheck=\"false\" aria-errormessage=\"wpforms-198-field_2-error\" ><\/div><div id=\"wpforms-198-field_3-container\" class=\"wpforms-field wpforms-field-textarea\" data-field-id=\"3\"><label class=\"wpforms-field-label\" for=\"wpforms-198-field_3\">\u0631\u0633\u0627\u0644\u062a\u0643<\/label><textarea id=\"wpforms-198-field_3\" class=\"wpforms-field-medium\" name=\"wpforms[fields][3]\" aria-errormessage=\"wpforms-198-field_3-error\" ><\/textarea><\/div><script>\n\t\t\t\t( function() {\n\t\t\t\t\tconst style = document.createElement( 'style' );\n\t\t\t\t\tstyle.appendChild( document.createTextNode( '#wpforms-198-field_5-container { position: absolute !important; overflow: hidden !important; display: inline !important; height: 1px !important; width: 1px !important; z-index: -1000 !important; padding: 0 !important; } #wpforms-198-field_5-container input { visibility: hidden; } #wpforms-conversational-form-page #wpforms-198-field_5-container label { counter-increment: none; }' ) );\n\t\t\t\t\tdocument.head.appendChild( style );\n\t\t\t\t\tdocument.currentScript?.remove();\n\t\t\t\t} )();\n\t\t\t<\/script><\/div><div class=\"wpforms-submit-container\" ><input type=\"hidden\" name=\"wpforms[id]\" value=\"198\"><input type=\"hidden\" name=\"page_title\" value=\"\"><input type=\"hidden\" name=\"page_url\" value=\"https:\/\/lawyeralim-m.sa\/en\/wp-json\/wp\/v2\/pages\/8\"><input type=\"hidden\" name=\"url_referer\" value=\"\"><button type=\"submit\" name=\"wpforms[submit]\" id=\"wpforms-submit-198\" class=\"wpforms-submit\" data-alt-text=\"\u0627\u0631\u0633\u0627\u0644 ...\" data-submit-text=\"\u0627\u0631\u0633\u0644\" aria-live=\"assertive\" value=\"wpforms-submit\">\u0627\u0631\u0633\u0644<\/button><img decoding=\"async\" src=\"https:\/\/lawyeralim-m.sa\/wp-content\/plugins\/wpforms-lite\/assets\/images\/submit-spin.svg\" class=\"wpforms-submit-spinner\" style=\"display: none;\" width=\"26\" height=\"26\" alt=\"Loading\"><\/div><\/form><\/div> \r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0639\u0644\u064a \u0627\u0644\u0645\u063a\u0627\u0645\u0631 \u0644\u0644\u0645\u062d\u0627\u0645\u0627\u0629 \u0639\u0644\u064a \u0627\u0644\u0645\u063a\u0627\u0645\u0631 \u0644\u0644\u0645\u062d\u0627\u0645\u0627\u0629 \u0648\u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u062e\u0628\u0631\u0629 \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0631\u0627\u0633\u062e\u0629 \u0648\u062d\u0644\u0648\u0644 \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0645\u0648\u062b\u0648\u0642\u0629 \u0646\u0642\u062f\u0645 \u062e\u062f\u0645\u0627\u062a \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0645\u0628\u0646\u064a\u0629 \u0639\u0644\u0649 […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"plain-container","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"enabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lawyeralim-m.sa\/en\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lawyeralim-m.sa\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lawyeralim-m.sa\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lawyeralim-m.sa\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/lawyeralim-m.sa\/en\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":337,"href":"https:\/\/lawyeralim-m.sa\/en\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":674,"href":"https:\/\/lawyeralim-m.sa\/en\/wp-json\/wp\/v2\/pages\/8\/revisions\/674"}],"wp:attachment":[{"href":"https:\/\/lawyeralim-m.sa\/en\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\n\u0639\u0644\u064a \u0627\u0644\u0645\u063a\u0627\u0645\u0631 \u0644\u0644\u0645\u062d\u0627\u0645\u0627\u0629<\/title>\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n:root{\r\n --primary:#0f2747;\r\n --gold:#c8a25d;\r\n --gold-light:#ead6ab;\r\n --white:#fff;\r\n --shadow:0 18px 45px rgba(0,0,0,.22);\r\n}\r\n\r\n*{\r\n margin:0;\r\n padding:0;\r\n box-sizing:border-box;\r\n}\r\n\r\nbody{\r\n font-family:\"Cairo\",sans-serif;\r\n background:#f5f7fa;\r\n}\r\n\r\na{\r\n text-decoration:none;\r\n color:inherit;\r\n}\r\n\r\n\/* animations *\/\r\n@keyframes fadeInDown{\r\n from{\r\n opacity:0;\r\n transform:translateY(-80px);\r\n }\r\n to{\r\n opacity:1;\r\n transform:translateY(0);\r\n }\r\n}\r\n\r\n@keyframes fadeInUp{\r\n from{\r\n opacity:0;\r\n transform:translateY(80px);\r\n }\r\n to{\r\n opacity:1;\r\n transform:translateY(0);\r\n }\r\n}\r\n\r\n@keyframes buttonPulse{\r\n 0%{transform:scale(1);}\r\n 50%{transform:scale(1.05);}\r\n 100%{transform:scale(1);}\r\n}\r\n\r\n.hero{\r\n min-height:100vh;\r\n display:flex;\r\n align-items:center;\r\n background:\r\n linear-gradient(rgba(15,39,71,.8),rgba(15,39,71,.9)),\r\n url(\"https:\/\/lawyeralim-m.sa\/wp-content\/uploads\/2026\/03\/background_1-1.jpg\") center\/cover;\r\n overflow:hidden;\r\n animation:fadeInDown 1.4s ease;\r\n}\r\n\r\n.container{\r\n width:min(1180px, calc(100% - 40px));\r\n margin:auto;\r\n}\r\n\r\n.hero-grid{\r\n display:grid;\r\n grid-template-columns:1.2fr 1fr;\r\n gap:40px;\r\n align-items:center;\r\n padding:80px 0;\r\n}\r\n\r\n\/* text *\/\r\n.hero-content{\r\n color:#fff;\r\n animation:fadeInUp 1.4s ease;\r\n}\r\n\r\n.top-line{\r\n font-weight:700;\r\n margin-bottom:12px;\r\n animation:fadeInDown 1.2s ease;\r\n}\r\n\r\n.hero-title{\r\n font-size:2.4rem;\r\n font-weight:800;\r\n margin-bottom:18px;\r\n line-height:1.3;\r\n animation:fadeInDown 1.4s ease;\r\n animation-delay:.2s;\r\n color:var(--white);\r\n}\r\n\r\n.hero-title span{\r\n color:var(--gold);\r\n}\r\n\r\n.hero-text{\r\n font-size:1.05rem;\r\n line-height:1.9;\r\n margin-bottom:28px;\r\n animation:fadeInUp 1.6s ease;\r\n animation-delay:.3s;\r\n}\r\n\r\n\/* buttons *\/\r\n.hero-actions{\r\n display:flex;\r\n gap:14px;\r\n flex-wrap:wrap;\r\n animation:fadeInUp 1.8s ease;\r\n animation-delay:.5s;\r\n}\r\n\r\n.btn{\r\n min-height:52px;\r\n padding:0 28px;\r\n border-radius:999px;\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n font-weight:700;\r\n font-size:1rem;\r\n position:relative;\r\n overflow:hidden;\r\n transition:.35s;\r\n text-decoration:none !important;\r\n}\r\n\r\n.btn-primary{\r\n background:linear-gradient(135deg,var(--gold),#b88a44);\r\n color:#fff;\r\n}\r\n\r\n.btn-outline{\r\n border:1px solid rgba(255,255,255,.4);\r\n color:#fff;\r\n backdrop-filter:blur(6px);\r\n}\r\n\r\n\/* hover effects *\/\r\n.btn:hover{\r\n transform:translateY(-4px) scale(1.05);\r\n box-shadow:0 16px 35px rgba(0,0,0,.3);\r\n animation:buttonPulse 1.4s infinite;\r\n}\r\n\r\n.btn-primary:hover{\r\n background:#fff;\r\n color:#000;\r\n}\r\n\r\n.btn-outline:hover{\r\n background:#fff;\r\n color:#000;\r\n}\r\n\r\n\/* side card *\/\r\n.hero-side{\r\n display:flex;\r\n animation:fadeInUp 1.8s ease;\r\n}\r\n\r\n.side-card{\r\n width:360px;\r\n padding:32px;\r\n border-radius:26px;\r\n background:rgba(255,255,255,.1);\r\n border:1px solid rgba(255,255,255,.15);\r\n backdrop-filter:blur(12px);\r\n box-shadow:var(--shadow);\r\n color:#fff;\r\n transition:.4s;\r\n}\r\n\r\n.side-card:hover{\r\n transform:translateY(-10px);\r\n}\r\n\r\n.side-icon{\r\n width:80px;\r\n height:80px;\r\n border-radius:22px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n margin-bottom:18px;\r\n background:rgba(200,162,93,.15);\r\n color:var(--gold-light);\r\n}\r\n\r\n.side-icon svg{\r\n width:40px;\r\n height:40px;\r\n stroke:currentColor;\r\n fill:none;\r\n stroke-width:2;\r\n}\r\n\r\n.side-card h3{\r\n font-size:1.6rem;\r\n margin-bottom:12px;\r\n color:var(--gold-light);\r\n}\r\n\r\n.side-card p{\r\n color:#ffffff;\r\n line-height:1.9;\r\n}\r\n\r\n\/* RTL \/ LTR support *\/\r\nhtml[dir=\"rtl\"] .hero{\r\n direction:rtl;\r\n}\r\n\r\nhtml[dir=\"ltr\"] .hero{\r\n direction:ltr;\r\n}\r\n\r\nhtml[dir=\"rtl\"] .hero-content,\r\nhtml[dir=\"rtl\"] .top-line,\r\nhtml[dir=\"rtl\"] .hero-title,\r\nhtml[dir=\"rtl\"] .hero-text,\r\nhtml[dir=\"rtl\"] .side-card{\r\n text-align:right;\r\n}\r\n\r\nhtml[dir=\"ltr\"] .hero-content,\r\nhtml[dir=\"ltr\"] .top-line,\r\nhtml[dir=\"ltr\"] .hero-title,\r\nhtml[dir=\"ltr\"] .hero-text,\r\nhtml[dir=\"ltr\"] .side-card{\r\n text-align:left;\r\n}\r\n\r\nhtml[dir=\"rtl\"] .hero-side{\r\n justify-content:flex-end;\r\n}\r\n\r\nhtml[dir=\"ltr\"] .hero-side{\r\n justify-content:flex-start;\r\n}\r\n\r\nhtml[dir=\"rtl\"] .side-icon{\r\n margin-right:auto;\r\n margin-left:0;\r\n}\r\n\r\nhtml[dir=\"ltr\"] .side-icon{\r\n margin-left:auto;\r\n margin-right:0;\r\n}\r\n\r\nhtml[dir=\"rtl\"] .hero-actions{\r\n justify-content:flex-start;\r\n}\r\n\r\nhtml[dir=\"ltr\"] .hero-actions{\r\n justify-content:flex-start;\r\n}\r\n\r\n\/* responsive *\/\r\n@media (max-width:992px){\r\n .hero-grid{\r\n grid-template-columns:1fr;\r\n }\r\n\r\n html[dir=\"rtl\"] .hero-side,\r\n html[dir=\"ltr\"] .hero-side{\r\n justify-content:flex-start;\r\n }\r\n\r\n .side-card{\r\n width:100%;\r\n max-width:420px;\r\n }\r\n}\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<section class=\"hero\">\r\n <div class=\"container\">\r\n <div class=\"hero-grid\">\r\n\r\n <div class=\"hero-content\">\r\n <div class=\"top-line\">\r\n \u0639\u0644\u064a \u0627\u0644\u0645\u063a\u0627\u0645\u0631 \u0644\u0644\u0645\u062d\u0627\u0645\u0627\u0629 \u0648\u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629\r\n <\/div>\r\n\r\n <h1 class=\"hero-title\">\r\n <span>\u062e\u0628\u0631\u0629 \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0631\u0627\u0633\u062e\u0629<\/span> \u0648\u062d\u0644\u0648\u0644 \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0645\u0648\u062b\u0648\u0642\u0629\r\n <\/h1>\r\n\r\n <p class=\"hero-text\">\r\n \u0646\u0642\u062f\u0645 \u062e\u062f\u0645\u0627\u062a \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0645\u0628\u0646\u064a\u0629 \u0639\u0644\u0649 \u0627\u0644\u0645\u0639\u0631\u0641\u0629 \u0627\u0644\u0639\u0645\u064a\u0642\u0629 \u0628\u0627\u0644\u0623\u0646\u0638\u0645\u0629 \u0648\u0627\u0644\u062a\u0634\u0631\u064a\u0639\u0627\u062a\u060c\r\n \u0645\u0639 \u0627\u0644\u062a\u0632\u0627\u0645 \u0643\u0627\u0645\u0644 \u0628\u062d\u0645\u0627\u064a\u0629 \u062d\u0642\u0648\u0642 \u0639\u0645\u0644\u0627\u0626\u0646\u0627 \u0648\u062a\u0645\u062b\u064a\u0644\u0647\u0645 \u0628\u0623\u0639\u0644\u0649 \u062f\u0631\u062c\u0627\u062a \u0627\u0644\u0645\u0647\u0646\u064a\u0629 \u0623\u0645\u0627\u0645 \u0627\u0644\u062c\u0647\u0627\u062a \u0627\u0644\u0642\u0636\u0627\u0626\u064a\u0629.\r\n <\/p>\r\n\r\n <div class=\"hero-actions\">\r\n <a href=\"#\" class=\"btn btn-primary\">\r\n \u0627\u0637\u0644\u0628 \u0627\u0633\u062a\u0634\u0627\u0631\u0629\r\n <\/a>\r\n\r\n <a href=\"#\" class=\"btn btn-outline\">\r\n \u062a\u0639\u0631\u0641 \u0639\u0644\u0649 \u0627\u0644\u0645\u0643\u062a\u0628\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"hero-side\">\r\n <div class=\"side-card\">\r\n <div class=\"side-icon\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 3l7 3v5c0 5-3.5 8.5-7 10-3.5-1.5-7-5-7-10V6l7-3z\"\/>\r\n <path d=\"M9.5 12.5l1.7 1.7 3.8-4\"\/>\r\n <\/svg>\r\n <\/div>\r\n\r\n <h3>\u062f\u0639\u0645 \u0642\u0627\u0646\u0648\u0646\u064a \u0645\u0648\u062b\u0648\u0642<\/h3>\r\n\r\n <p>\r\n \u0646\u0633\u0639\u0649 \u0641\u064a \u0645\u0643\u062a\u0628 \u0639\u0644\u064a \u0627\u0644\u0645\u063a\u0627\u0645\u0631 \u0644\u0644\u0645\u062d\u0627\u0645\u0627\u0629 \u0648\u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0625\u0644\u0649 \u062a\u0642\u062f\u064a\u0645 \u062e\u062f\u0645\u0627\u062a \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0644\u0644\u0623\u0641\u0631\u0627\u062f \u0648\u0627\u0644\u0634\u0631\u0643\u0627\u062a\u060c \u0645\u0639 \u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u062d\u0644\u0648\u0644 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0627\u0644\u0641\u0639\u0627\u0644\u0629 \u0644\u062a\u062d\u0642\u064a\u0642 \u0623\u0641\u0636\u0644 \u0627\u0644\u0646\u062a\u0627\u0626\u062c \u0644\u0639\u0645\u0644\u0627\u0626\u0646\u0627.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1e5287b e-con-full e-flex e-con e-parent\" data-id=\"1e5287b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-322d5d4 e-flex e-con-boxed e-con e-child\" data-id=\"322d5d4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5590e37 elementor-widget elementor-widget-html\" data-id=\"5590e37\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css\">\r\n\r\n<style>\r\n :root{\r\n --primary:#0f2747;\r\n --primary2:#163a6b;\r\n --gold:#c8a25d;\r\n --gold-light:#ead6ab;\r\n --white:#ffffff;\r\n\r\n --text:#28415f;\r\n --text-soft:#5f7591;\r\n\r\n --hero-overlay:rgba(15,39,71,.58);\r\n --hero-overlay-2:rgba(10,28,52,.72);\r\n\r\n --card-blue:#e2edf9;\r\n --card-blue-2:#d6e5f6;\r\n --card-blue-3:#cfe0f4;\r\n --card-border:#b9cde5;\r\n\r\n --value-card:#edf5ff;\r\n --value-border:#c5d7eb;\r\n\r\n --shadow:0 18px 45px rgba(15,39,71,.10);\r\n --shadow-soft:0 10px 30px rgba(15,39,71,.08);\r\n }\r\n\r\n *{\r\n box-sizing:border-box;\r\n }\r\n\r\n .about-wrap{\r\n width:100%;\r\n max-width:1280px;\r\n margin:0 auto;\r\n padding:0 18px;\r\n }\r\n\r\n .about-hero{\r\n display:grid;\r\n grid-template-columns:1.02fr .98fr;\r\n gap:46px;\r\n align-items:center;\r\n margin-bottom:42px;\r\n }\r\n\r\n .about-hero-content{\r\n position:relative;\r\n z-index:2;\r\n }\r\n\r\n .about-hero-content h2{\r\n margin:0 0 14px;\r\n font-size:clamp(25px,3.1vw,38px);\r\n line-height:1.6;\r\n color:var(--primary);\r\n font-weight:900;\r\n max-width:720px;\r\n }\r\n\r\n .accent-line{\r\n width:90px;\r\n height:6px;\r\n border-radius:30px;\r\n background:var(--gold);\r\n margin:0 0 24px;\r\n }\r\n\r\n .about-hero-content p{\r\n margin:0 0 14px;\r\n color:var(--text);\r\n font-size:18px;\r\n line-height:2.05;\r\n }\r\n\r\n .about-actions{\r\n margin-top:26px;\r\n display:flex;\r\n gap:14px;\r\n flex-wrap:wrap;\r\n }\r\n\r\n .about-btn{\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n min-width:150px;\r\n height:56px;\r\n padding:0 26px;\r\n text-decoration:none;\r\n border-radius:999px;\r\n font-size:17px;\r\n font-weight:800;\r\n transition:.25s ease;\r\n text-decoration:none !important;\r\n }\r\n\r\n .about-btn.primary{\r\n background:var(--gold);\r\n color:var(--white);\r\n box-shadow:0 12px 28px rgba(200,162,93,.28);\r\n }\r\n\r\n .about-btn.primary:hover{\r\n transform:translateY(-2px);\r\n background:#b9924d;\r\n color:var(--white);\r\n }\r\n\r\n .about-btn.secondary{\r\n background:transparent;\r\n color:var(--primary);\r\n border:1px solid rgba(15,39,71,.20);\r\n }\r\n\r\n .about-btn.secondary:hover{\r\n background:rgba(15,39,71,.04);\r\n }\r\n\r\n .about-hero-visual{\r\n position:relative;\r\n }\r\n\r\n .hero-frame{\r\n position:relative;\r\n border-radius:34px;\r\n overflow:hidden;\r\n box-shadow:var(--shadow);\r\n min-height:560px;\r\n background:#cfd8e3;\r\n }\r\n\r\n .hero-frame img{\r\n position:absolute;\r\n inset:0;\r\n width:100%;\r\n height:100%;\r\n object-fit:cover;\r\n display:block;\r\n }\r\n\r\n .hero-frame::after{\r\n content:\"\";\r\n position:absolute;\r\n inset:0;\r\n background:\r\n linear-gradient(to top, var(--hero-overlay-2), rgba(15,39,71,.18)),\r\n linear-gradient(to left, rgba(15,39,71,.20), rgba(15,39,71,.06));\r\n }\r\n\r\n .hero-badge{\r\n position:absolute;\r\n top:24px;\r\n z-index:3;\r\n padding:12px 18px;\r\n border-radius:999px;\r\n background:rgba(255,255,255,.12);\r\n border:1px solid rgba(255,255,255,.18);\r\n color:var(--white);\r\n font-size:14px;\r\n font-weight:700;\r\n backdrop-filter:blur(8px);\r\n }\r\n\r\n .hero-bottom-card{\r\n position:absolute;\r\n bottom:24px;\r\n z-index:3;\r\n background:rgba(15,39,71,.55);\r\n border:1px solid rgba(255,255,255,.14);\r\n border-radius:24px;\r\n padding:22px 20px;\r\n backdrop-filter:blur(10px);\r\n color:var(--white);\r\n }\r\n\r\n .hero-bottom-card h3{\r\n margin:0 0 8px;\r\n font-size:24px;\r\n line-height:1.6;\r\n font-weight:800;\r\n color:var(--gold) !important;\r\n }\r\n\r\n .hero-bottom-card p{\r\n margin:0;\r\n font-size:15px;\r\n line-height:1.9;\r\n color:rgba(255,255,255,.88);\r\n }\r\n\r\n .floating-badge{\r\n position:absolute;\r\n bottom:40%;\r\n z-index:4;\r\n width:118px;\r\n height:118px;\r\n border-radius:50%;\r\n background:var(--white);\r\n border:8px solid rgba(255,255,255,.75);\r\n box-shadow:var(--shadow);\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n }\r\n\r\n .floating-badge .inner{\r\n width:76px;\r\n height:76px;\r\n border-radius:50%;\r\n background:rgba(200,162,93,.14);\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n color:var(--primary);\r\n font-size:34px;\r\n font-weight:900;\r\n }\r\n\r\n .about-details{\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:22px;\r\n margin-top:18px;\r\n }\r\n\r\n .detail-card{\r\n background:var(--card-blue);\r\n border:1px solid var(--card-border);\r\n border-radius:28px;\r\n padding:28px 24px;\r\n box-shadow:var(--shadow-soft);\r\n transition:.25s ease;\r\n position:relative;\r\n overflow:hidden;\r\n }\r\n\r\n .detail-card:nth-child(2){\r\n background:var(--card-blue-2);\r\n }\r\n\r\n .detail-card:nth-child(3){\r\n background:var(--card-blue-3);\r\n }\r\n\r\n .detail-card::before{\r\n content:\"\";\r\n position:absolute;\r\n top:0;\r\n width:100%;\r\n height:5px;\r\n background:var(--primary2);\r\n opacity:.95;\r\n }\r\n\r\n .detail-card:hover{\r\n transform:translateY(-5px);\r\n box-shadow:0 22px 40px rgba(15,39,71,.12);\r\n }\r\n\r\n .detail-icon{\r\n width:68px;\r\n height:68px;\r\n border-radius:20px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n background:rgba(15,39,71,.08);\r\n color:var(--primary);\r\n border:1px solid rgba(15,39,71,.09);\r\n margin-bottom:18px;\r\n }\r\n\r\n .detail-card h3{\r\n margin:0 0 12px;\r\n color:var(--primary);\r\n font-size:28px;\r\n font-weight:900;\r\n }\r\n\r\n .detail-card p{\r\n margin:0;\r\n color:var(--text);\r\n font-size:16px;\r\n line-height:2;\r\n }\r\n\r\n .values-section{\r\n margin-top:50px;\r\n background:#e6f0fb;\r\n border:1px solid var(--card-border);\r\n border-radius:30px;\r\n padding:36px 28px;\r\n }\r\n\r\n .section-head{\r\n text-align:center;\r\n margin-bottom:30px;\r\n }\r\n\r\n .section-head span{\r\n display:inline-block;\r\n margin-bottom:10px;\r\n color:var(--gold);\r\n font-size:16px;\r\n font-weight:800;\r\n }\r\n\r\n .section-head h3{\r\n margin:0;\r\n color:var(--primary);\r\n font-size:34px;\r\n font-weight:900;\r\n }\r\n\r\n .values-grid{\r\n display:grid;\r\n grid-template-columns:repeat(4,1fr);\r\n gap:18px;\r\n }\r\n\r\n .value-box{\r\n background:var(--value-card);\r\n border:1px solid var(--value-border);\r\n border-radius:22px;\r\n padding:24px 18px;\r\n text-align:center;\r\n transition:.25s ease;\r\n }\r\n\r\n .value-box:hover{\r\n transform:translateY(-4px);\r\n border-color:#9ab6d5;\r\n }\r\n\r\n .value-number{\r\n width:52px;\r\n height:52px;\r\n border-radius:50%;\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n background:rgba(15,39,71,.08);\r\n color:var(--primary);\r\n font-size:18px;\r\n font-weight:900;\r\n margin-bottom:14px;\r\n }\r\n\r\n .value-box h4{\r\n margin:0 0 10px;\r\n color:var(--primary);\r\n font-size:20px;\r\n font-weight:800;\r\n }\r\n\r\n .value-box p{\r\n margin:0;\r\n color:var(--text-soft);\r\n font-size:15px;\r\n line-height:1.9;\r\n }\r\n\r\n \/* ===== RTL \/ LTR support for TranslatePress ===== *\/\r\n\r\n html[dir=\"rtl\"] .about-wrap,\r\n html[dir=\"rtl\"] .about-hero,\r\n html[dir=\"rtl\"] .about-hero-content,\r\n html[dir=\"rtl\"] .detail-card,\r\n html[dir=\"rtl\"] .hero-bottom-card{\r\n direction:rtl;\r\n }\r\n\r\n html[dir=\"ltr\"] .about-wrap,\r\n html[dir=\"ltr\"] .about-hero,\r\n html[dir=\"ltr\"] .about-hero-content,\r\n html[dir=\"ltr\"] .detail-card,\r\n html[dir=\"ltr\"] .hero-bottom-card{\r\n direction:ltr;\r\n }\r\n\r\n html[dir=\"rtl\"] .about-hero-content,\r\n html[dir=\"rtl\"] .about-hero-content h2,\r\n html[dir=\"rtl\"] .about-hero-content p,\r\n html[dir=\"rtl\"] .detail-card,\r\n html[dir=\"rtl\"] .detail-card h3,\r\n html[dir=\"rtl\"] .detail-card p,\r\n html[dir=\"rtl\"] .hero-bottom-card,\r\n html[dir=\"rtl\"] .hero-bottom-card h3,\r\n html[dir=\"rtl\"] .hero-bottom-card p{\r\n text-align:right;\r\n }\r\n\r\n html[dir=\"ltr\"] .about-hero-content,\r\n html[dir=\"ltr\"] .about-hero-content h2,\r\n html[dir=\"ltr\"] .about-hero-content p,\r\n html[dir=\"ltr\"] .detail-card,\r\n html[dir=\"ltr\"] .detail-card h3,\r\n html[dir=\"ltr\"] .detail-card p,\r\n html[dir=\"ltr\"] .hero-bottom-card,\r\n html[dir=\"ltr\"] .hero-bottom-card h3,\r\n html[dir=\"ltr\"] .hero-bottom-card p{\r\n text-align:left;\r\n }\r\n\r\n html[dir=\"rtl\"] .accent-line{\r\n margin-right:0;\r\n margin-left:auto;\r\n }\r\n\r\n html[dir=\"ltr\"] .accent-line{\r\n margin-left:0;\r\n margin-right:auto;\r\n }\r\n\r\n html[dir=\"rtl\"] .about-actions{\r\n justify-content:flex-start;\r\n }\r\n\r\n html[dir=\"ltr\"] .about-actions{\r\n justify-content:flex-start;\r\n }\r\n\r\n html[dir=\"rtl\"] .hero-badge{\r\n right:24px;\r\n left:auto;\r\n }\r\n\r\n html[dir=\"ltr\"] .hero-badge{\r\n left:24px;\r\n right:auto;\r\n }\r\n\r\n html[dir=\"rtl\"] .hero-bottom-card{\r\n right:24px;\r\n left:24px;\r\n }\r\n\r\n html[dir=\"ltr\"] .hero-bottom-card{\r\n left:24px;\r\n right:24px;\r\n }\r\n\r\n html[dir=\"rtl\"] .floating-badge{\r\n right:-30px;\r\n left:auto;\r\n }\r\n\r\n html[dir=\"ltr\"] .floating-badge{\r\n left:-30px;\r\n right:auto;\r\n }\r\n\r\n html[dir=\"rtl\"] .detail-card::before{\r\n right:0;\r\n left:auto;\r\n }\r\n\r\n html[dir=\"ltr\"] .detail-card::before{\r\n left:0;\r\n right:auto;\r\n }\r\n\r\n @media (max-width:1100px){\r\n .about-wrap{\r\n padding:0 16px;\r\n }\r\n\r\n .about-hero{\r\n grid-template-columns:1fr;\r\n gap:30px;\r\n }\r\n\r\n .about-details{\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .values-grid{\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .hero-frame{\r\n min-height:440px;\r\n }\r\n\r\n html[dir=\"rtl\"] .floating-badge{\r\n right:-10px;\r\n left:auto;\r\n bottom:20%;\r\n width:102px;\r\n height:102px;\r\n }\r\n\r\n html[dir=\"ltr\"] .floating-badge{\r\n left:-10px;\r\n right:auto;\r\n bottom:20%;\r\n width:102px;\r\n height:102px;\r\n }\r\n\r\n .floating-badge .inner{\r\n width:66px;\r\n height:66px;\r\n font-size:30px;\r\n }\r\n }\r\n\r\n @media (max-width:768px){\r\n .about-wrap{\r\n padding:0 14px;\r\n }\r\n\r\n .floating-badge{\r\n display:none;\r\n }\r\n\r\n .about-hero{\r\n gap:24px;\r\n margin-bottom:30px;\r\n }\r\n\r\n .about-hero-content h2{\r\n font-size:29px;\r\n line-height:1.55;\r\n }\r\n\r\n .about-hero-content p{\r\n font-size:16px;\r\n line-height:1.95;\r\n }\r\n\r\n .accent-line{\r\n margin-bottom:18px;\r\n }\r\n\r\n .hero-frame{\r\n min-height:360px;\r\n border-radius:26px;\r\n }\r\n\r\n html[dir=\"rtl\"] .hero-badge{\r\n top:16px;\r\n right:16px;\r\n left:auto;\r\n }\r\n\r\n html[dir=\"ltr\"] .hero-badge{\r\n top:16px;\r\n left:16px;\r\n right:auto;\r\n }\r\n\r\n html[dir=\"rtl\"] .hero-bottom-card{\r\n right:16px;\r\n left:16px;\r\n bottom:16px;\r\n padding:18px;\r\n border-radius:20px;\r\n }\r\n\r\n html[dir=\"ltr\"] .hero-bottom-card{\r\n left:16px;\r\n right:16px;\r\n bottom:16px;\r\n padding:18px;\r\n border-radius:20px;\r\n }\r\n\r\n .hero-bottom-card h3{\r\n font-size:20px;\r\n }\r\n\r\n .detail-card{\r\n padding:24px 18px;\r\n border-radius:22px;\r\n }\r\n\r\n .detail-card h3{\r\n font-size:24px;\r\n }\r\n\r\n .detail-card p{\r\n font-size:15px;\r\n line-height:1.9;\r\n }\r\n\r\n .detail-icon{\r\n width:60px;\r\n height:60px;\r\n border-radius:18px;\r\n margin-bottom:16px;\r\n }\r\n\r\n .values-section{\r\n padding:28px 18px;\r\n border-radius:24px;\r\n }\r\n\r\n .values-grid{\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .section-head h3{\r\n font-size:28px;\r\n }\r\n }\r\n\r\n @media (max-width:480px){\r\n .about-wrap{\r\n padding:0 12px;\r\n }\r\n\r\n .about-hero-content h2{\r\n font-size:24px;\r\n line-height:1.5;\r\n }\r\n\r\n .about-hero-content p{\r\n font-size:15px;\r\n line-height:1.9;\r\n }\r\n\r\n .about-actions{\r\n flex-direction:column;\r\n }\r\n\r\n .about-btn{\r\n width:100%;\r\n min-width:100%;\r\n height:52px;\r\n font-size:15px;\r\n }\r\n\r\n .hero-frame{\r\n min-height:300px;\r\n border-radius:22px;\r\n }\r\n\r\n html[dir=\"rtl\"] .hero-badge{\r\n font-size:12px;\r\n padding:9px 12px;\r\n top:12px;\r\n right:12px;\r\n left:auto;\r\n }\r\n\r\n html[dir=\"ltr\"] .hero-badge{\r\n font-size:12px;\r\n padding:9px 12px;\r\n top:12px;\r\n left:12px;\r\n right:auto;\r\n }\r\n\r\n html[dir=\"rtl\"] .hero-bottom-card{\r\n right:12px;\r\n left:12px;\r\n bottom:12px;\r\n padding:14px;\r\n border-radius:16px;\r\n }\r\n\r\n html[dir=\"ltr\"] .hero-bottom-card{\r\n left:12px;\r\n right:12px;\r\n bottom:12px;\r\n padding:14px;\r\n border-radius:16px;\r\n }\r\n\r\n .hero-bottom-card h3{\r\n font-size:16px;\r\n line-height:1.5;\r\n margin-bottom:6px;\r\n }\r\n\r\n .hero-bottom-card p{\r\n font-size:12px;\r\n line-height:1.8;\r\n }\r\n\r\n .detail-card{\r\n padding:20px 16px;\r\n }\r\n\r\n .detail-card h3{\r\n font-size:21px;\r\n }\r\n\r\n .detail-card p{\r\n font-size:14px;\r\n line-height:1.85;\r\n }\r\n\r\n .detail-icon{\r\n width:54px;\r\n height:54px;\r\n }\r\n }\r\n<\/style>\r\n\r\n<div class=\"about-wrap\">\r\n\r\n <div class=\"about-hero\">\r\n <div class=\"about-hero-content\">\r\n <h2>\u0645\u0643\u062a\u0628 \u0639\u0644\u064a \u0627\u0644\u0645\u063a\u0627\u0645\u0631 \u0644\u0644\u0645\u062d\u0627\u0645\u0627\u0629 \u0648\u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629<\/h2>\r\n <div class=\"accent-line\"><\/div>\r\n\r\n <p>\r\n \u064a\u064f\u0639\u062f \u0645\u0643\u062a\u0628 \u0639\u0644\u064a \u0627\u0644\u0645\u063a\u0627\u0645\u0631 \u0644\u0644\u0645\u062d\u0627\u0645\u0627\u0629 \u0648\u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0623\u062d\u062f \u0627\u0644\u0645\u0643\u0627\u062a\u0628 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629\r\n \u0627\u0644\u062a\u064a \u062a\u0642\u062f\u0645 \u062e\u062f\u0645\u0627\u062a \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0645\u062a\u062e\u0635\u0635\u0629 \u0644\u0644\u0623\u0641\u0631\u0627\u062f \u0648\u0627\u0644\u0642\u0637\u0627\u0639\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0648\u0627\u0644\u062c\u0647\u0627\u062a \u0627\u0644\u0645\u062e\u062a\u0644\u0641\u0629\u060c\r\n \u062d\u064a\u062b \u064a\u062c\u0645\u0639 \u0627\u0644\u0645\u0643\u062a\u0628 \u0628\u064a\u0646 \u0627\u0644\u062e\u0628\u0631\u0629 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0627\u0644\u0639\u0645\u064a\u0642\u0629 \u0648\u0627\u0644\u0641\u0647\u0645 \u0627\u0644\u0639\u0645\u0644\u064a \u0644\u0644\u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0627\u0644\u0646\u0638\u0627\u0645\u064a\u0629.\r\n <\/p>\r\n\r\n <p>\r\n \u064a\u0645\u062a\u0644\u0643 \u0627\u0644\u0623\u0633\u062a\u0627\u0630 \u0639\u0644\u064a \u0627\u0644\u0645\u063a\u0627\u0645\u0631 \u062e\u0628\u0631\u0629 \u0648\u0627\u0633\u0639\u0629 \u0641\u064a \u0627\u0644\u062a\u0639\u0627\u0645\u0644 \u0645\u0639 \u0645\u062e\u062a\u0644\u0641 \u0627\u0644\u0642\u0636\u0627\u064a\u0627 \u0648\u0627\u0644\u0645\u0639\u0627\u0645\u0644\u0627\u062a\r\n \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629\u060c \u0625\u0644\u0649 \u062c\u0627\u0646\u0628 \u062e\u0628\u0631\u062a\u0647 \u0641\u064a \u062a\u0645\u062b\u064a\u0644 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0623\u0645\u0627\u0645 \u0627\u0644\u062c\u0647\u0627\u062a \u0627\u0644\u0642\u0636\u0627\u0626\u064a\u0629 \u0648\u0627\u0644\u0625\u062f\u0627\u0631\u064a\u0629\u060c\r\n \u0648\u0627\u0644\u062a\u0639\u0627\u0645\u0644 \u0627\u0644\u0645\u0628\u0627\u0634\u0631 \u0645\u0639 \u0627\u0644\u062c\u0647\u0627\u062a \u0627\u0644\u062d\u0643\u0648\u0645\u064a\u0629 \u0648\u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a \u0627\u0644\u0631\u0633\u0645\u064a\u0629.\r\n <\/p>\r\n\r\n <p>\r\n \u0648\u0642\u062f \u0639\u0645\u0644 \u0627\u0644\u0645\u0643\u062a\u0628 \u0639\u0644\u0649 \u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0648\u0627\u0644\u062a\u0645\u062b\u064a\u0644 \u0627\u0644\u0642\u0636\u0627\u0626\u064a \u0644\u0639\u062f\u062f \u0645\u0646 \u0627\u0644\u0639\u0645\u0644\u0627\u0621\r\n \u0645\u0646 \u0645\u062e\u062a\u0644\u0641 \u0627\u0644\u0642\u0637\u0627\u0639\u0627\u062a\u060c \u0645\u0639 \u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645 \u0628\u0623\u0639\u0644\u0649 \u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u0645\u0647\u0646\u064a\u0629 \u0648\u0627\u0644\u0633\u0631\u064a\u0629 \u0648\u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629.\r\n <\/p>\r\n\r\n <div class=\"about-actions\">\r\n <a href=\"https:\/\/lawyeralim-m.sa\/%d9%85%d9%86-%d9%86%d8%ad%d9%86\/\" class=\"about-btn primary\">\u0627\u0644\u0645\u0632\u064a\u062f<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"about-hero-visual\">\r\n <div class=\"hero-frame\">\r\n <img decoding=\"async\" src=\"https:\/\/lawyeralim-m.sa\/wp-content\/uploads\/2026\/03\/\u0645\u0646-\u0646\u062d\u0646-\u0639\u0644\u064a-\u0627\u0644\u0645\u063a\u0627\u0645\u0631.webp\" alt=\"\u0635\u0648\u0631\u0629 \u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0627\u0644\u0645\u062d\u0627\u0645\u0627\u0629\">\r\n \r\n <div class=\"hero-badge\">\u062d\u0644\u0648\u0644 \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0645\u0648\u062b\u0648\u0642\u0629<\/div>\r\n\r\n <div class=\"hero-bottom-card\">\r\n <h3>\u062e\u0628\u0631\u0629 \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0645\u062a\u062e\u0635\u0635\u0629 \u0648\u062a\u0645\u062b\u064a\u0644 \u0627\u062d\u062a\u0631\u0627\u0641\u064a<\/h3>\r\n <p>\r\n \u0646\u0642\u062f\u0645 \u062e\u062f\u0645\u0627\u062a \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u062f\u0642\u064a\u0642\u0629 \u062a\u0639\u062a\u0645\u062f \u0639\u0644\u0649 \u0627\u0644\u062e\u0628\u0631\u0629 \u0648\u0627\u0644\u0645\u0639\u0631\u0641\u0629 \u0627\u0644\u0646\u0638\u0627\u0645\u064a\u0629\r\n \u0645\u0639 \u0627\u0644\u062a\u0632\u0627\u0645 \u0643\u0627\u0645\u0644 \u0628\u062d\u0645\u0627\u064a\u0629 \u0645\u0635\u0627\u0644\u062d \u0627\u0644\u0639\u0645\u0644\u0627\u0621.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"floating-badge\">\r\n <div class=\"inner\"><i class=\"fa-solid fa-scale-balanced\"><\/i><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"about-details\">\r\n <div class=\"detail-card\">\r\n <div class=\"detail-icon\">\r\n <svg width=\"30\" height=\"30\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n <path d=\"M12 3L19 7V12C19 16.5 15.9 20.74 12 21.5C8.1 20.74 5 16.5 5 12V7L12 3Z\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\r\n <path d=\"M9.5 11.8L11.2 13.5L14.8 9.8\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h3>\u0631\u0624\u064a\u062a\u0646\u0627<\/h3>\r\n <p>\r\n \u0623\u0646 \u0646\u0643\u0648\u0646 \u0645\u0646 \u0627\u0644\u0645\u0643\u0627\u062a\u0628 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0627\u0644\u0631\u0627\u0626\u062f\u0629 \u0641\u064a \u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0627\u0644\u0645\u062a\u062e\u0635\u0635\u0629\u060c\r\n \u0645\u0646 \u062e\u0644\u0627\u0644 \u0628\u0646\u0627\u0621 \u0639\u0644\u0627\u0642\u0627\u062a \u0637\u0648\u064a\u0644\u0629 \u0627\u0644\u0623\u0645\u062f \u0645\u0639 \u0639\u0645\u0644\u0627\u0626\u0646\u0627 \u0642\u0627\u0626\u0645\u0629 \u0639\u0644\u0649 \u0627\u0644\u062b\u0642\u0629 \u0648\u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629\r\n \u0648\u0627\u0644\u0646\u062a\u0627\u0626\u062c \u0627\u0644\u0645\u0644\u0645\u0648\u0633\u0629.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"detail-card\">\r\n <div class=\"detail-icon\">\r\n <svg width=\"30\" height=\"30\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n <path d=\"M12 6V12L16 14\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\r\n <circle cx=\"12\" cy=\"12\" r=\"8\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h3>\u0631\u0633\u0627\u0644\u062a\u0646\u0627<\/h3>\r\n <p>\r\n \u062a\u0642\u062f\u064a\u0645 \u062e\u062f\u0645\u0627\u062a \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0645\u062a\u0645\u064a\u0632\u0629 \u062a\u0639\u062a\u0645\u062f \u0639\u0644\u0649 \u0627\u0644\u0641\u0647\u0645 \u0627\u0644\u0639\u0645\u064a\u0642 \u0644\u0644\u0623\u0646\u0638\u0645\u0629 \u0648\u0627\u0644\u062a\u0634\u0631\u064a\u0639\u0627\u062a\u060c\r\n \u0645\u0639 \u062a\u0648\u0641\u064a\u0631 \u062d\u0644\u0648\u0644 \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0641\u0639\u0651\u0627\u0644\u0629 \u062a\u0636\u0645\u0646 \u062d\u0645\u0627\u064a\u0629 \u0645\u0635\u0627\u0644\u062d \u0639\u0645\u0644\u0627\u0626\u0646\u0627 \u0648\u062a\u062d\u0642\u064a\u0642 \u0623\u0641\u0636\u0644 \u0627\u0644\u0646\u062a\u0627\u0626\u062c \u0644\u0647\u0645.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"detail-card\">\r\n <div class=\"detail-icon\">\r\n <svg width=\"30\" height=\"30\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n <path d=\"M4 19H20\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\r\n <path d=\"M7 19V10\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\r\n <path d=\"M12 19V5\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\r\n <path d=\"M17 19V8\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h3>\u062e\u0628\u0631\u062a\u0646\u0627<\/h3>\r\n <p>\r\n \u0646\u0645\u062a\u0644\u0643 \u062e\u0628\u0631\u0629 \u0648\u0627\u0633\u0639\u0629 \u0641\u064a \u0627\u0644\u062a\u0639\u0627\u0645\u0644 \u0645\u0639 \u0627\u0644\u0642\u0636\u0627\u064a\u0627 \u0648\u0627\u0644\u0645\u0639\u0627\u0645\u0644\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0627\u0644\u0645\u062a\u0646\u0648\u0639\u0629\u060c\r\n \u0645\u0639 \u0642\u062f\u0631\u0629 \u0639\u0645\u0644\u064a\u0629 \u0639\u0644\u0649 \u0627\u0644\u062a\u0631\u0627\u0641\u0639 \u0648\u0635\u064a\u0627\u063a\u0629 \u0627\u0644\u0639\u0642\u0648\u062f \u0648\u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0648\u0645\u062a\u0627\u0628\u0639\u0629\r\n \u0627\u0644\u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0623\u0645\u0627\u0645 \u0627\u0644\u062c\u0647\u0627\u062a \u0627\u0644\u0642\u0636\u0627\u0626\u064a\u0629 \u0648\u0627\u0644\u0625\u062f\u0627\u0631\u064a\u0629.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-73f1da0 e-con-full e-flex e-con e-parent\" data-id=\"73f1da0\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t<div class=\"elementor-element elementor-element-6c1f535 e-flex e-con-boxed e-con e-child\" data-id=\"6c1f535\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4a0586a elementor-widget elementor-widget-html\" data-id=\"4a0586a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\"\/>\r\n\r\n<style>\r\n .home-main-service-section{\r\n --primary:#0f2747;\r\n --primary2:#163a6b;\r\n --gold:#c8a25d;\r\n --gold-dark:#b88e45;\r\n --white:#ffffff;\r\n --text:#28415f;\r\n --text-soft:#5f7591;\r\n --shadow:0 18px 45px rgba(15,39,71,.10);\r\n --shadow-soft:0 10px 30px rgba(15,39,71,.08);\r\n --radius:28px;\r\n\r\n overflow:hidden;\r\n }\r\n\r\n .home-main-service-section *{\r\n box-sizing:border-box;\r\n }\r\n\r\n .home-main-service-section .home-main-service-container{\r\n max-width:1300px;\r\n margin:0 auto;\r\n }\r\n\r\n .home-main-service-section .home-main-service-header{\r\n max-width:780px;\r\n margin:0 auto 55px;\r\n text-align:center;\r\n }\r\n\r\n .home-main-service-section .home-main-service-badge{\r\n display:inline-block;\r\n padding:10px 18px;\r\n border-radius:999px;\r\n background:rgba(200,162,93,.10);\r\n border:1px solid rgba(200,162,93,.28);\r\n color:var(--gold);\r\n font-size:14px;\r\n font-weight:800;\r\n margin-bottom:18px;\r\n }\r\n\r\n .home-main-service-section .home-main-service-header h2{\r\n margin:0 0 14px;\r\n color:var(--primary);\r\n font-size:clamp(30px,5vw,46px);\r\n line-height:1.2;\r\n font-weight:900;\r\n }\r\n\r\n .home-main-service-section .home-main-service-header p{\r\n margin:0;\r\n color:var(--text-soft);\r\n font-size:17px;\r\n line-height:1.9;\r\n }\r\n\r\n .home-main-service-section .home-main-service-grid{\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:24px;\r\n }\r\n\r\n .home-main-service-section .home-main-service-card{\r\n position:relative;\r\n min-height:460px;\r\n border-radius:30px;\r\n overflow:hidden;\r\n box-shadow:var(--shadow-soft);\r\n isolation:isolate;\r\n transition:transform .45s ease, box-shadow .45s ease, opacity .8s ease;\r\n background:#d9e1ea;\r\n }\r\n\r\n .home-main-service-section .home-main-service-card:hover{\r\n transform:translateY(-8px);\r\n box-shadow:0 24px 50px rgba(15,39,71,.18);\r\n }\r\n\r\n .home-main-service-section .home-main-service-card img{\r\n position:absolute;\r\n inset:0;\r\n width:100%;\r\n height:100%;\r\n object-fit:cover;\r\n transition:transform 1.1s ease;\r\n }\r\n\r\n .home-main-service-section .home-main-service-card:hover img{\r\n transform:scale(1.08);\r\n }\r\n\r\n .home-main-service-section .home-main-service-card::before{\r\n content:\"\";\r\n position:absolute;\r\n inset:0;\r\n z-index:1;\r\n background:\r\n linear-gradient(to top, rgba(7,15,29,.92) 8%, rgba(7,15,29,.72) 42%, rgba(7,15,29,.30) 100%),\r\n linear-gradient(to left, rgba(200,162,93,.16), transparent 40%);\r\n }\r\n\r\n .home-main-service-section .home-main-service-card::after{\r\n content:\"\";\r\n position:absolute;\r\n inset:0;\r\n z-index:1;\r\n border:1px solid rgba(255,255,255,.08);\r\n border-radius:30px;\r\n pointer-events:none;\r\n }\r\n\r\n .home-main-service-section .home-main-service-content{\r\n position:relative;\r\n z-index:2;\r\n height:100%;\r\n display:flex;\r\n flex-direction:column;\r\n justify-content:flex-end;\r\n padding:28px 24px 26px;\r\n color:var(--white);\r\n }\r\n\r\n .home-main-service-section .home-main-service-icon{\r\n width:74px;\r\n height:74px;\r\n border-radius:22px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n margin-bottom:20px;\r\n background:rgba(255,255,255,.08);\r\n border:1px solid rgba(255,255,255,.14);\r\n color:var(--gold);\r\n font-size:30px;\r\n backdrop-filter:blur(10px);\r\n transition:all .35s ease;\r\n }\r\n\r\n .home-main-service-section .home-main-service-card:hover .home-main-service-icon{\r\n transform:translateY(-4px) scale(1.06);\r\n background:rgba(200,162,93,.15);\r\n border-color:rgba(200,162,93,.35);\r\n box-shadow:0 14px 30px rgba(0,0,0,.18);\r\n }\r\n\r\n .home-main-service-section .home-main-service-line{\r\n width:72px;\r\n height:3px;\r\n border-radius:20px;\r\n background:linear-gradient(90deg,var(--gold),transparent);\r\n margin:0 0 18px;\r\n }\r\n\r\n .home-main-service-section .home-main-service-card h3{\r\n margin:0 0 14px;\r\n color:var(--white);\r\n font-size:28px;\r\n line-height:1.45;\r\n font-weight:900;\r\n }\r\n\r\n .home-main-service-section .home-main-service-card p{\r\n margin:0;\r\n color:rgba(255,255,255,.88);\r\n font-size:14px;\r\n line-height:2;\r\n }\r\n\r\n .home-main-service-section .home-main-service-btn-wrap{\r\n text-align:center;\r\n margin-top:50px;\r\n }\r\n\r\n .home-main-service-section .home-main-service-btn-wrap a{\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:10px;\r\n padding:15px 34px;\r\n background:linear-gradient(135deg,var(--primary),var(--primary2));\r\n color:#fff;\r\n font-size:16px;\r\n font-weight:800;\r\n border-radius:999px;\r\n text-decoration:none !important;\r\n transition:all .35s ease;\r\n box-shadow:var(--shadow-soft);\r\n position:relative;\r\n overflow:hidden;\r\n }\r\n\r\n .home-main-service-section .home-main-service-btn-wrap a::before{\r\n content:\"\";\r\n position:absolute;\r\n inset:0;\r\n background:linear-gradient(135deg, rgba(255,255,255,.16), transparent 55%);\r\n opacity:0;\r\n transition:.35s ease;\r\n }\r\n\r\n .home-main-service-section .home-main-service-btn-wrap a:hover{\r\n transform:translateY(-4px);\r\n box-shadow:0 18px 34px rgba(15,39,71,.20);\r\n }\r\n\r\n .home-main-service-section .home-main-service-btn-wrap a:hover::before{\r\n opacity:1;\r\n }\r\n\r\n .home-main-service-section .home-main-service-btn-wrap a i{\r\n font-size:14px;\r\n }\r\n\r\n .home-main-service-fade-item{\r\n opacity:0;\r\n transform:translateY(35px);\r\n transition:opacity .8s ease, transform .8s ease;\r\n }\r\n\r\n .home-main-service-fade-item.show{\r\n opacity:1;\r\n transform:translateY(0);\r\n }\r\n\r\n .home-main-service-delay-1{ transition-delay:.1s; }\r\n .home-main-service-delay-2{ transition-delay:.25s; }\r\n .home-main-service-delay-3{ transition-delay:.4s; }\r\n .home-main-service-delay-4{ transition-delay:.55s; }\r\n .home-main-service-delay-5{ transition-delay:.7s; }\r\n .home-main-service-delay-6{ transition-delay:.85s; }\r\n\r\n \/* RTL \/ LTR support *\/\r\n html[dir=\"rtl\"] .home-main-service-section{\r\n direction:rtl;\r\n }\r\n\r\n html[dir=\"ltr\"] .home-main-service-section{\r\n direction:ltr;\r\n }\r\n\r\n html[dir=\"rtl\"] .home-main-service-section .home-main-service-content{\r\n text-align:right;\r\n }\r\n\r\n html[dir=\"ltr\"] .home-main-service-section .home-main-service-content{\r\n text-align:left;\r\n }\r\n\r\n html[dir=\"rtl\"] .home-main-service-section .home-main-service-line{\r\n background:linear-gradient(90deg,var(--gold),transparent);\r\n margin:0 0 18px;\r\n }\r\n\r\n html[dir=\"ltr\"] .home-main-service-section .home-main-service-line{\r\n background:linear-gradient(270deg,var(--gold),transparent);\r\n margin:0 0 18px;\r\n }\r\n\r\n html[dir=\"rtl\"] .home-main-service-section .home-main-service-btn-wrap a{\r\n flex-direction:row;\r\n }\r\n\r\n html[dir=\"ltr\"] .home-main-service-section .home-main-service-btn-wrap a{\r\n flex-direction:row-reverse;\r\n }\r\n\r\n @media (max-width:1100px){\r\n .home-main-service-section .home-main-service-grid{\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n }\r\n }\r\n\r\n @media (max-width:767px){\r\n .home-main-service-section .home-main-service-header{\r\n margin-bottom:38px;\r\n }\r\n\r\n .home-main-service-section .home-main-service-header p{\r\n font-size:15px;\r\n }\r\n\r\n .home-main-service-section .home-main-service-grid{\r\n grid-template-columns:1fr;\r\n gap:18px;\r\n }\r\n\r\n .home-main-service-section .home-main-service-card{\r\n min-height:400px;\r\n border-radius:24px;\r\n }\r\n\r\n .home-main-service-section .home-main-service-card::after{\r\n border-radius:24px;\r\n }\r\n\r\n .home-main-service-section .home-main-service-content{\r\n padding:22px 18px 20px;\r\n }\r\n\r\n .home-main-service-section .home-main-service-card h3{\r\n font-size:23px;\r\n }\r\n\r\n .home-main-service-section .home-main-service-card p{\r\n font-size:15px;\r\n line-height:1.9;\r\n }\r\n\r\n .home-main-service-section .home-main-service-icon{\r\n width:62px;\r\n height:62px;\r\n font-size:24px;\r\n border-radius:18px;\r\n margin-bottom:16px;\r\n }\r\n }\r\n<\/style>\r\n\r\n<section class=\"home-main-service-section\">\r\n <div class=\"home-main-service-container\">\r\n\r\n <div class=\"home-main-service-header home-main-service-fade-item\">\r\n <span class=\"home-main-service-badge\">\u062e\u062f\u0645\u0627\u062a \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0645\u062a\u062e\u0635\u0635\u0629<\/span>\r\n <h2>\u062e\u062f\u0645\u0627\u062a\u0646\u0627 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629<\/h2>\r\n <p>\r\n \u0646\u0642\u062f\u0645 \u0645\u062c\u0645\u0648\u0639\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0645\u0646 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0644\u0644\u0623\u0641\u0631\u0627\u062f \u0648\u0627\u0644\u0634\u0631\u0643\u0627\u062a\u060c \u0628\u062e\u0628\u0631\u0629 \u0639\u0645\u064a\u0642\u0629\r\n \u0648\u0641\u0647\u0645 \u062f\u0642\u064a\u0642 \u0644\u0644\u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0627\u0644\u0646\u0638\u0627\u0645\u064a\u0629 \u0648\u062a\u0645\u062b\u064a\u0644 \u0627\u062d\u062a\u0631\u0627\u0641\u064a \u064a\u062d\u0641\u0638 \u062d\u0642\u0648\u0642 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0648\u064a\u0639\u0632\u0632 \u0645\u0635\u0627\u0644\u062d\u0647\u0645.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"home-main-service-grid\">\r\n\r\n <div class=\"home-main-service-card home-main-service-fade-item home-main-service-delay-1\">\r\n <img decoding=\"async\" src=\"https:\/\/lawyeralim-m.sa\/wp-content\/uploads\/2026\/03\/\u0627\u0644\u0645\u0633\u062a\u0634\u0627\u0631\u0648\u0646.webp\" alt=\"\u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629\">\r\n <div class=\"home-main-service-content\">\r\n <div class=\"home-main-service-icon\"><i class=\"fa-solid fa-scale-balanced\"><\/i><\/div>\r\n <div class=\"home-main-service-line\"><\/div>\r\n <h3>\u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629<\/h3>\r\n <p>\r\n \u062a\u0642\u062f\u064a\u0645 \u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0645\u062a\u062e\u0635\u0635\u0629 \u0644\u0644\u0623\u0641\u0631\u0627\u062f \u0648\u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0641\u064a \u0645\u062e\u062a\u0644\u0641 \u0627\u0644\u0645\u062c\u0627\u0644\u0627\u062a\u060c\r\n \u0645\u0639 \u062f\u0631\u0627\u0633\u0629 \u0627\u0644\u0648\u0642\u0627\u0626\u0639 \u0648\u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u062c\u0648\u0627\u0646\u0628 \u0627\u0644\u0646\u0638\u0627\u0645\u064a\u0629 \u0648\u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u0631\u0623\u064a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a \u0627\u0644\u0645\u0646\u0627\u0633\u0628.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"home-main-service-card home-main-service-fade-item home-main-service-delay-2\">\r\n <img decoding=\"async\" src=\"https:\/\/lawyeralim-m.sa\/wp-content\/uploads\/2026\/03\/\u0627\u0644\u0645\u062d\u0627\u0645\u0648\u0646.webp\" alt=\"\u0627\u0644\u062a\u0631\u0627\u0641\u0639 \u0648\u062a\u0645\u062b\u064a\u0644 \u0627\u0644\u0639\u0645\u0644\u0627\u0621\">\r\n <div class=\"home-main-service-content\">\r\n <div class=\"home-main-service-icon\"><i class=\"fa-solid fa-gavel\"><\/i><\/div>\r\n <div class=\"home-main-service-line\"><\/div>\r\n <h3>\u0627\u0644\u062a\u0631\u0627\u0641\u0639 \u0648\u062a\u0645\u062b\u064a\u0644 \u0627\u0644\u0639\u0645\u0644\u0627\u0621<\/h3>\r\n <p>\r\n \u062a\u0645\u062b\u064a\u0644 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0623\u0645\u0627\u0645 \u0627\u0644\u0645\u062d\u0627\u0643\u0645 \u0648\u0627\u0644\u062c\u0647\u0627\u062a \u0627\u0644\u0642\u0636\u0627\u0626\u064a\u0629 \u0627\u0644\u0645\u062e\u062a\u0635\u0629\u060c \u0648\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0642\u0636\u0627\u064a\u0627\r\n \u0628\u0645\u062e\u062a\u0644\u0641 \u0623\u0646\u0648\u0627\u0639\u0647\u0627 \u0645\u0639 \u0625\u0639\u062f\u0627\u062f \u0627\u0644\u0645\u0630\u0643\u0631\u0627\u062a \u0648\u0627\u0644\u062f\u0641\u0648\u0639 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0627\u0644\u0644\u0627\u0632\u0645\u0629.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"home-main-service-card home-main-service-fade-item home-main-service-delay-3\">\r\n <img decoding=\"async\" src=\"https:\/\/lawyeralim-m.sa\/wp-content\/uploads\/2026\/03\/\u0627\u0644\u0642\u0636\u0627\u064a\u0627-\u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629.webp\" alt=\"\u0627\u0644\u0642\u0636\u0627\u064a\u0627 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629\">\r\n <div class=\"home-main-service-content\">\r\n <div class=\"home-main-service-icon\"><i class=\"fa-solid fa-briefcase\"><\/i><\/div>\r\n <div class=\"home-main-service-line\"><\/div>\r\n <h3>\u0627\u0644\u0642\u0636\u0627\u064a\u0627 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629<\/h3>\r\n <p>\r\n \u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u062f\u0639\u0645 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a \u0644\u0644\u0634\u0631\u0643\u0627\u062a \u0648\u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a \u0641\u064a \u0627\u0644\u0646\u0632\u0627\u0639\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629\u060c\r\n \u0648\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0642\u0636\u0627\u064a\u0627 \u0648\u0635\u064a\u0627\u063a\u0629 \u0627\u0644\u0627\u062a\u0641\u0627\u0642\u064a\u0627\u062a \u0648\u0627\u0644\u0639\u0642\u0648\u062f \u0628\u0645\u0627 \u064a\u062d\u0641\u0638 \u0627\u0644\u062d\u0642\u0648\u0642 \u0648\u064a\u0642\u0644\u0644 \u0627\u0644\u0645\u062e\u0627\u0637\u0631.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"home-main-service-card home-main-service-fade-item home-main-service-delay-4\">\r\n <img decoding=\"async\" src=\"https:\/\/lawyeralim-m.sa\/wp-content\/uploads\/2026\/03\/Whisk_2ffc954ade2bae5991645a4e1eef979fdr.webp\" alt=\"\u0627\u0644\u0642\u0636\u0627\u064a\u0627 \u0627\u0644\u0645\u062f\u0646\u064a\u0629\">\r\n <div class=\"home-main-service-content\">\r\n <div class=\"home-main-service-icon\"><i class=\"fa-solid fa-file-lines\"><\/i><\/div>\r\n <div class=\"home-main-service-line\"><\/div>\r\n <h3>\u0627\u0644\u0642\u0636\u0627\u064a\u0627 \u0627\u0644\u0645\u062f\u0646\u064a\u0629<\/h3>\r\n <p>\r\n \u0627\u0644\u062a\u0639\u0627\u0645\u0644 \u0645\u0639 \u0627\u0644\u0642\u0636\u0627\u064a\u0627 \u0627\u0644\u0645\u062f\u0646\u064a\u0629 \u0627\u0644\u0645\u062e\u062a\u0644\u0641\u0629 \u0645\u062b\u0644 \u0627\u0644\u0645\u0637\u0627\u0644\u0628\u0627\u062a \u0627\u0644\u0645\u0627\u0644\u064a\u0629\u060c\r\n \u0648\u0627\u0644\u0646\u0632\u0627\u0639\u0627\u062a \u0627\u0644\u062a\u0639\u0627\u0642\u062f\u064a\u0629\u060c \u0648\u0642\u0636\u0627\u064a\u0627 \u0627\u0644\u062a\u0639\u0648\u064a\u0636\u0627\u062a \u0648\u0645\u062a\u0627\u0628\u0639\u0629 \u0625\u062c\u0631\u0627\u0621\u0627\u062a\u0647\u0627 \u0627\u0644\u0646\u0638\u0627\u0645\u064a\u0629.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"home-main-service-card home-main-service-fade-item home-main-service-delay-5\">\r\n <img decoding=\"async\" src=\"https:\/\/lawyeralim-m.sa\/wp-content\/uploads\/2026\/03\/\u0627\u0644\u0642\u0636\u0627\u064a\u0627-\u0627\u0644\u0627\u062f\u0627\u0631\u064a\u0629.webp\" alt=\"\u0627\u0644\u0642\u0636\u0627\u064a\u0627 \u0627\u0644\u0625\u062f\u0627\u0631\u064a\u0629\">\r\n <div class=\"home-main-service-content\">\r\n <div class=\"home-main-service-icon\"><i class=\"fa-solid fa-building-shield\"><\/i><\/div>\r\n <div class=\"home-main-service-line\"><\/div>\r\n <h3>\u0627\u0644\u0642\u0636\u0627\u064a\u0627 \u0627\u0644\u0625\u062f\u0627\u0631\u064a\u0629<\/h3>\r\n <p>\r\n \u062a\u0645\u062b\u064a\u0644 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0641\u064a \u0627\u0644\u0642\u0636\u0627\u064a\u0627 \u0627\u0644\u0625\u062f\u0627\u0631\u064a\u0629 \u0648\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0627\u0639\u062a\u0631\u0627\u0636\u0627\u062a \u0648\u0627\u0644\u0625\u062c\u0631\u0627\u0621\u0627\u062a\r\n \u0627\u0644\u0645\u062a\u0639\u0644\u0642\u0629 \u0628\u0627\u0644\u062c\u0647\u0627\u062a \u0627\u0644\u062d\u0643\u0648\u0645\u064a\u0629 \u0648\u0627\u0644\u0642\u0631\u0627\u0631\u0627\u062a \u0627\u0644\u0625\u062f\u0627\u0631\u064a\u0629 \u0648\u0627\u0644\u0646\u0632\u0627\u0639\u0627\u062a \u0627\u0644\u0646\u0638\u0627\u0645\u064a\u0629.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"home-main-service-card home-main-service-fade-item home-main-service-delay-6\">\r\n <img decoding=\"async\" src=\"https:\/\/lawyeralim-m.sa\/wp-content\/uploads\/2026\/03\/\u0625\u0639\u062f\u0627\u062f-\u0639\u0642\u0648\u062f-\u0627\u0644\u0639\u0645\u0644.webp\" alt=\"\u0635\u064a\u0627\u063a\u0629 \u0627\u0644\u0639\u0642\u0648\u062f \u0648\u0627\u0644\u0627\u062a\u0641\u0627\u0642\u064a\u0627\u062a\">\r\n <div class=\"home-main-service-content\">\r\n <div class=\"home-main-service-icon\"><i class=\"fa-solid fa-file-signature\"><\/i><\/div>\r\n <div class=\"home-main-service-line\"><\/div>\r\n <h3>\u0635\u064a\u0627\u063a\u0629 \u0627\u0644\u0639\u0642\u0648\u062f \u0648\u0627\u0644\u0627\u062a\u0641\u0627\u0642\u064a\u0627\u062a<\/h3>\r\n <p>\r\n \u0625\u0639\u062f\u0627\u062f \u0648\u0635\u064a\u0627\u063a\u0629 \u0648\u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u0639\u0642\u0648\u062f \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0628\u0645\u062e\u062a\u0644\u0641 \u0623\u0646\u0648\u0627\u0639\u0647\u0627 \u0628\u0635\u0648\u0631\u0629 \u062f\u0642\u064a\u0642\u0629\u060c\r\n \u0644\u0636\u0645\u0627\u0646 \u062d\u0645\u0627\u064a\u0629 \u0627\u0644\u062d\u0642\u0648\u0642 \u0648\u062a\u0648\u0636\u064a\u062d \u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645\u0627\u062a \u0648\u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u0646\u0632\u0627\u0639\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644\u064a\u0629.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"home-main-service-btn-wrap home-main-service-fade-item home-main-service-delay-3\">\r\n <a href=\"https:\/\/lawyeralim-m.sa\/%d8%a7%d9%84%d8%ae%d8%af%d9%85%d8%a7%d8%aa\/\">\r\n \u0627\u0644\u062e\u062f\u0645\u0627\u062a\r\n <i class=\"fa-solid fa-arrow-left-long\"><\/i>\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n const homeMainServiceFadeItems = document.querySelectorAll('.home-main-service-fade-item');\r\n\r\n const homeMainServiceFadeObserver = new IntersectionObserver((entries, observer) => {\r\n entries.forEach(entry => {\r\n if(entry.isIntersecting){\r\n entry.target.classList.add('show');\r\n observer.unobserve(entry.target);\r\n }\r\n });\r\n }, {\r\n threshold: 0.15\r\n });\r\n\r\n homeMainServiceFadeItems.forEach(item => {\r\n homeMainServiceFadeObserver.observe(item);\r\n });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b06df09 e-con-full e-flex e-con e-parent\" data-id=\"b06df09\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-b14c3aa e-flex e-con-boxed e-con e-child\" data-id=\"b14c3aa\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b3ed2b6 elementor-widget elementor-widget-html\" data-id=\"b3ed2b6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css\">\r\n\r\n<style>\r\n:root{\r\n --primary:#0f2747;\r\n --primary2:#163a6b;\r\n --gold:#c8a25d;\r\n --gold-light:#ead6ab;\r\n --white:#ffffff;\r\n\r\n --bg:#f2f5fa;\r\n --text:#28415f;\r\n --text-soft:#5f7591;\r\n\r\n --shadow:0 18px 45px rgba(15,39,71,.10);\r\n --shadow-soft:0 10px 30px rgba(15,39,71,.08);\r\n --radius:26px;\r\n}\r\n\r\n\/* =========================\r\n Animations\r\n========================= *\/\r\n@keyframes fadeInDown {\r\n from{\r\n opacity:0;\r\n transform:translateY(-30px);\r\n }\r\n to{\r\n opacity:1;\r\n transform:translateY(0);\r\n }\r\n}\r\n\r\n@keyframes fadeInUp {\r\n from{\r\n opacity:0;\r\n transform:translateY(30px);\r\n }\r\n to{\r\n opacity:1;\r\n transform:translateY(0);\r\n }\r\n}\r\n\r\n@keyframes zoomIn {\r\n from{\r\n opacity:0;\r\n transform:scale(.85);\r\n }\r\n to{\r\n opacity:1;\r\n transform:scale(1);\r\n }\r\n}\r\n\r\n@keyframes floatIcon {\r\n 0%,100%{\r\n transform:translateY(0);\r\n }\r\n 50%{\r\n transform:translateY(-8px);\r\n }\r\n}\r\n\r\n\/* =========================\r\n Main Section\r\n========================= *\/\r\n.law-promo-banner{\r\n background:transparent;\r\n}\r\n\r\n.law-promo-banner .law-promo-wrap{\r\n background-image:url('https:\/\/lawyeralim-m.sa\/wp-content\/uploads\/2026\/03\/\u0645\u0646-\u0646\u062d\u0646-\u0639\u0644\u064a-\u0627\u0644\u0645\u063a\u0627\u0645\u0631.webp');\r\n background-attachment:fixed;\r\n background-position:center;\r\n background-size:cover;\r\n background-repeat:no-repeat;\r\n border-radius:24px;\r\n overflow:hidden;\r\n position:relative;\r\n box-shadow:var(--shadow);\r\n}\r\n \r\n.law-promo-banner .law-promo-wrap::before{\r\n content:\"\";\r\n position:absolute;\r\n inset:0;\r\n background:linear-gradient(\r\n 90deg,\r\n rgba(8, 25, 55, 0.8) 0%,\r\n rgba(8, 25, 55, 0.1) 100%\r\n );\r\n pointer-events:none;\r\n}\r\n\r\n.law-promo-banner .law-promo-content{\r\n display:grid;\r\n grid-template-columns:1.1fr .9fr;\r\n align-items:center;\r\n min-height:330px;\r\n padding:34px 45px;\r\n gap:20px;\r\n position:relative;\r\n z-index:1;\r\n}\r\n\r\n.law-promo-banner .law-promo-text{\r\n position:relative;\r\n z-index:2;\r\n}\r\n\r\n.law-promo-banner .law-promo-title{\r\n margin:0 0 14px;\r\n color:var(--white);\r\n font-size:clamp(24px, 3vw, 42px);\r\n line-height:1.5;\r\n font-weight:800;\r\n animation:fadeInDown 1s ease both;\r\n}\r\n\r\n.law-promo-banner .law-promo-desc{\r\n margin:0 0 28px;\r\n color:rgba(255,255,255,.82);\r\n font-size:18px;\r\n line-height:1.9;\r\n font-weight:500;\r\n animation:fadeInUp 1s ease both;\r\n animation-delay:.2s;\r\n}\r\n\r\n.law-promo-banner .law-promo-desc span{\r\n color:var(--gold-light);\r\n font-weight:700;\r\n}\r\n\r\n.law-promo-banner .law-promo-btn{\r\n display:inline-block;\r\n min-width:180px;\r\n text-align:center;\r\n padding:15px 28px;\r\n background:linear-gradient(135deg, var(--gold), #b88f4c);\r\n color:var(--white);\r\n text-decoration:none;\r\n border-radius:14px;\r\n font-size:16px;\r\n font-weight:700;\r\n transition:.3s ease;\r\n box-shadow:0 12px 24px rgba(0,0,0,.12);\r\n animation:zoomIn .9s ease both;\r\n animation-delay:.4s;\r\n position:relative;\r\n z-index:5;\r\n text-decoration:none !important;\r\n}\r\n\r\n.law-promo-banner .law-promo-btn:hover{\r\n transform:translateY(-2px);\r\n box-shadow:0 16px 28px rgba(0,0,0,.16);\r\n color:var(--white);\r\n}\r\n\r\n.law-promo-banner .law-promo-visual{\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n position:relative;\r\n min-height:270px;\r\n}\r\n\r\n.law-promo-banner .law-promo-icon-box{\r\n width:260px;\r\n height:260px;\r\n border-radius:50%;\r\n background:rgba(255,255,255,.08);\r\n border:1px solid rgba(255,255,255,.12);\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n position:relative;\r\n box-shadow:inset 0 0 0 10px rgba(255,255,255,.02);\r\n animation:zoomIn 1s ease both;\r\n}\r\n\r\n.law-promo-banner .law-promo-icon-box::before{\r\n content:\"\";\r\n position:absolute;\r\n inset:18px;\r\n border-radius:50%;\r\n border:1px dashed rgba(200,162,93,.28);\r\n}\r\n\r\n.law-promo-banner .law-promo-icon{\r\n font-size:110px;\r\n line-height:1;\r\n color:var(--gold-light);\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n animation:floatIcon 3s ease-in-out infinite;\r\n filter:drop-shadow(0 10px 25px rgba(0,0,0,.18));\r\n}\r\n\r\n\/* Fallback \u0644\u0648 \u0641\u0648\u0646\u062a \u0627\u0648\u0633\u0645 \u0645\u0627 \u0638\u0647\u0631\u0634 *\/\r\n.law-promo-banner .law-promo-icon-fallback{\r\n font-size:110px;\r\n line-height:1;\r\n color:var(--gold-light);\r\n display:none;\r\n}\r\n\r\n\/* RTL \/ LTR support *\/\r\nhtml[dir=\"rtl\"] .law-promo-banner{\r\n direction:rtl;\r\n}\r\n\r\nhtml[dir=\"ltr\"] .law-promo-banner{\r\n direction:ltr;\r\n}\r\n\r\nhtml[dir=\"rtl\"] .law-promo-banner .law-promo-text{\r\n text-align:right;\r\n}\r\n\r\nhtml[dir=\"ltr\"] .law-promo-banner .law-promo-text{\r\n text-align:left;\r\n}\r\n\r\nhtml[dir=\"rtl\"] .law-promo-banner .law-promo-wrap::before{\r\n background:linear-gradient(\r\n 90deg,\r\n rgba(8, 25, 55, 0.8) 0%,\r\n rgba(8, 25, 55, 0.1) 100%\r\n );\r\n}\r\n\r\nhtml[dir=\"ltr\"] .law-promo-banner .law-promo-wrap::before{\r\n background:linear-gradient(\r\n 270deg,\r\n rgba(8, 25, 55, 0.8) 0%,\r\n rgba(8, 25, 55, 0.1) 100%\r\n );\r\n}\r\n\r\n@media (max-width:991px){\r\n .law-promo-banner .law-promo-content{\r\n grid-template-columns:1fr;\r\n text-align:center;\r\n padding:35px 24px;\r\n }\r\n\r\n .law-promo-banner .law-promo-text{\r\n text-align:center !important;\r\n }\r\n\r\n .law-promo-banner .law-promo-visual{\r\n order:-1;\r\n min-height:auto;\r\n }\r\n\r\n .law-promo-banner .law-promo-icon-box{\r\n width:200px;\r\n height:200px;\r\n }\r\n\r\n .law-promo-banner .law-promo-icon,\r\n .law-promo-banner .law-promo-icon-fallback{\r\n font-size:85px;\r\n }\r\n}\r\n\r\n@media (max-width:767px){\r\n .law-promo-banner .law-promo-wrap{\r\n border-radius:18px;\r\n }\r\n\r\n .law-promo-banner .law-promo-content{\r\n min-height:auto;\r\n padding:28px 18px;\r\n }\r\n\r\n .law-promo-banner .law-promo-title{\r\n font-size:22px;\r\n }\r\n\r\n .law-promo-banner .law-promo-desc{\r\n font-size:12px;\r\n }\r\n\r\n .law-promo-banner .law-promo-btn{\r\n width:100%;\r\n }\r\n}\r\n<\/style>\r\n\r\n<div class=\"law-promo-banner\">\r\n <div class=\"law-promo-wrap\">\r\n <div class=\"law-promo-content\">\r\n\r\n <div class=\"law-promo-text\">\r\n <h2 class=\"law-promo-title\">\r\n \u0639\u0644\u064a \u0627\u0644\u0645\u063a\u0627\u0645\u0631 \u0644\u0644\u0645\u062d\u0627\u0645\u0627\u0629 \u0648\u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629\r\n <\/h2>\r\n <p class=\"law-promo-desc\">\r\n \u062e\u0628\u0631\u0629 \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0631\u0627\u0633\u062e\u0629\u2026 <span>\u0648\u062d\u0644\u0648\u0644 \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0645\u0648\u062b\u0648\u0642\u0629<\/span>\r\n <\/p>\r\n <a href=\"https:\/\/lawyeralim-m.sa\/%d8%aa%d9%88%d8%a7%d8%b5%d9%84-%d9%85%d8%b9%d9%86%d8%a7\/\" class=\"law-promo-btn\">\r\n \u062d\u062c\u0632 \u0627\u0633\u062a\u0634\u0627\u0631\u0629\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-194b58b e-con-full e-flex e-con e-parent\" data-id=\"194b58b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t<div class=\"elementor-element elementor-element-2cbd0f0 e-flex e-con-boxed e-con e-child\" data-id=\"2cbd0f0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6697582 elementor-widget elementor-widget-html\" data-id=\"6697582\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css\"\/>\r\n\r\n<style>\r\n.notarization-services{\r\n overflow: hidden;\r\n padding: 40px 16px;\r\n}\r\n\r\n.notarization-services *{\r\n box-sizing: border-box;\r\n}\r\n\r\n.notarization-services .container{\r\n max-width: 1280px;\r\n margin: 0 auto;\r\n}\r\n\r\n.notarization-services .section-heading{\r\n max-width: 980px;\r\n margin: 0 auto 42px;\r\n text-align: center;\r\n}\r\n\r\n.notarization-services .section-tag{\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n min-height: 46px;\r\n padding: 10px 22px;\r\n border-radius: 999px;\r\n border: 1px solid rgba(200,162,93,.28);\r\n background: rgba(200,162,93,.08);\r\n color: var(--gold, #c8a25d);\r\n font-size: 15px;\r\n font-weight: 800;\r\n margin-bottom: 18px;\r\n}\r\n\r\n.notarization-services .section-heading h2{\r\n margin: 0 0 16px;\r\n color: var(--primary, #0f2747);\r\n font-size: clamp(32px, 5vw, 58px);\r\n line-height: 1.15;\r\n font-weight: 900;\r\n}\r\n\r\n.notarization-services .section-heading p{\r\n margin: 0 auto;\r\n max-width: 980px;\r\n color: var(--text-soft, #5f7591);\r\n font-size: 18px;\r\n line-height: 1.95;\r\n}\r\n\r\n.notarization-services .services-grid{\r\n display: grid;\r\n grid-template-columns: repeat(4, minmax(0, 1fr));\r\n gap: 20px;\r\n}\r\n\r\n\/* CARD *\/\r\n.notarization-services .service-card{\r\n position: relative;\r\n background: #ffffff;\r\n border: 1px solid rgba(185,205,229,.7);\r\n border-radius: 28px;\r\n padding: 26px 22px;\r\n transition: transform .45s cubic-bezier(.22,1,.36,1),\r\n box-shadow .45s ease,\r\n border-color .35s ease;\r\n overflow: hidden;\r\n min-height: 120px;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.notarization-services .service-card::before{\r\n content: \"\";\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n width: 100%;\r\n height: 5px;\r\n background: linear-gradient(90deg, var(--gold, #c8a25d), var(--gold-light, #ead6ab));\r\n transition: height .35s ease;\r\n}\r\n\r\n.notarization-services .service-card:hover{\r\n transform: translateY(-10px) scale(1.02);\r\n box-shadow: 0 14px 28px rgba(15,39,71,.08);\r\n border-color: rgba(200,162,93,.38);\r\n}\r\n\r\n.notarization-services .service-top{\r\n display: flex;\r\n align-items: center;\r\n gap: 14px;\r\n width: 100%;\r\n}\r\n\r\n.notarization-services .service-icon{\r\n width: 62px;\r\n height: 62px;\r\n min-width: 62px;\r\n border-radius: 18px;\r\n background: linear-gradient(180deg, rgba(15,39,71,.08), rgba(22,58,107,.04));\r\n border: 1px solid rgba(185,205,229,.75);\r\n color: var(--primary2, #163a6b);\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 24px;\r\n transition: all .4s ease;\r\n}\r\n\r\n.notarization-services .service-card:hover .service-icon{\r\n transform: scale(1.12) rotate(-4deg);\r\n background: rgba(200,162,93,.16);\r\n color: var(--gold, #c8a25d);\r\n border-color: rgba(200,162,93,.35);\r\n}\r\n\r\n.notarization-services .service-top h3{\r\n font-size: 16px;\r\n margin: 0 !important;\r\n color: var(--primary, #0f2747);\r\n font-weight: 800;\r\n line-height: 1.7;\r\n}\r\n\r\n\/* BUTTON *\/\r\n.more-btn-wrap{\r\n display: flex;\r\n justify-content: center;\r\n margin-top: 40px;\r\n}\r\n\r\n.more-btn{\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n background: #163a6b;\r\n color: #fff;\r\n padding: 14px 32px;\r\n border-radius: 999px;\r\n text-decoration: none !important;\r\n font-size: 16px;\r\n font-weight: 700;\r\n transition: all .3s ease;\r\n min-width: 180px;\r\n}\r\n\r\n.more-btn:hover{\r\n background: #0f2747;\r\n transform: translateY(-2px);\r\n color: #fff;\r\n}\r\n\r\n\/* ANIMATION *\/\r\n.fade-item{\r\n opacity: 0;\r\n transform: translateY(40px);\r\n transition: all .8s ease;\r\n}\r\n\r\n.fade-item.show{\r\n opacity: 1;\r\n transform: translateY(0);\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media (max-width: 1200px){\r\n .notarization-services .services-grid{\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n }\r\n}\r\n\r\n@media (max-width: 992px){\r\n .notarization-services{\r\n padding: 36px 14px;\r\n }\r\n\r\n .notarization-services .section-heading{\r\n margin-bottom: 34px;\r\n }\r\n\r\n .notarization-services .section-heading h2{\r\n font-size: clamp(28px, 5vw, 44px);\r\n }\r\n\r\n .notarization-services .section-heading p{\r\n font-size: 16px;\r\n line-height: 1.9;\r\n }\r\n\r\n .notarization-services .services-grid{\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 16px;\r\n }\r\n\r\n .notarization-services .service-card{\r\n padding: 22px 18px;\r\n min-height: 108px;\r\n border-radius: 24px;\r\n }\r\n\r\n .notarization-services .service-icon{\r\n width: 56px;\r\n height: 56px;\r\n min-width: 56px;\r\n font-size: 22px;\r\n border-radius: 16px;\r\n }\r\n\r\n .notarization-services .service-top h3{\r\n font-size: 15px;\r\n line-height: 1.6;\r\n }\r\n}\r\n\r\n@media (max-width: 640px){\r\n .notarization-services{\r\n padding: 30px 12px;\r\n }\r\n\r\n .notarization-services .section-heading{\r\n margin-bottom: 28px;\r\n }\r\n\r\n .notarization-services .section-tag{\r\n font-size: 13px;\r\n min-height: 40px;\r\n padding: 8px 18px;\r\n margin-bottom: 14px;\r\n }\r\n\r\n .notarization-services .section-heading h2{\r\n font-size: 28px;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .notarization-services .section-heading p{\r\n font-size: 15px;\r\n line-height: 1.85;\r\n }\r\n\r\n .notarization-services .services-grid{\r\n grid-template-columns: 1fr;\r\n gap: 14px;\r\n }\r\n\r\n .notarization-services .service-card{\r\n padding: 18px 16px;\r\n min-height: 96px;\r\n border-radius: 20px;\r\n }\r\n\r\n .notarization-services .service-top{\r\n gap: 12px;\r\n }\r\n\r\n .notarization-services .service-icon{\r\n width: 50px;\r\n height: 50px;\r\n min-width: 50px;\r\n font-size: 20px;\r\n border-radius: 14px;\r\n }\r\n\r\n .notarization-services .service-top h3{\r\n font-size: 15px;\r\n line-height: 1.6;\r\n }\r\n\r\n .more-btn-wrap{\r\n margin-top: 28px;\r\n }\r\n\r\n .more-btn{\r\n width: 100%;\r\n max-width: 220px;\r\n padding: 13px 24px;\r\n font-size: 15px;\r\n }\r\n}\r\n\r\n@media (max-width: 400px){\r\n .notarization-services .section-heading h2{\r\n font-size: 24px;\r\n }\r\n\r\n .notarization-services .section-heading p{\r\n font-size: 14px;\r\n }\r\n\r\n .notarization-services .service-card{\r\n padding: 16px 14px;\r\n }\r\n\r\n .notarization-services .service-icon{\r\n width: 46px;\r\n height: 46px;\r\n min-width: 46px;\r\n font-size: 18px;\r\n }\r\n\r\n .notarization-services .service-top h3{\r\n font-size: 14px;\r\n }\r\n}\r\n<\/style>\r\n\r\n<section class=\"notarization-services\">\r\n <div class=\"container\">\r\n\r\n <div class=\"section-heading fade-item\">\r\n <span class=\"section-tag\">\u062e\u062f\u0645\u0627\u062a \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0645\u0648\u062b\u0642\u0629<\/span>\r\n <h2>\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u062a\u0648\u062b\u064a\u0642<\/h2>\r\n <p>\r\n \u064a\u0642\u062f\u0645 \u0645\u0643\u062a\u0628 \u0639\u0644\u064a \u0627\u0644\u0645\u063a\u0627\u0645\u0631 \u0644\u0644\u0645\u062d\u0627\u0645\u0627\u0629 \u0648\u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u062a\u0648\u062b\u064a\u0642\r\n \u0648\u0641\u0642 \u0627\u0644\u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u0645\u0639\u062a\u0645\u062f\u0629 \u0628\u0645\u0627 \u064a\u0636\u0645\u0646 \u062d\u0641\u0638 \u0627\u0644\u062d\u0642\u0648\u0642.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"services-grid\">\r\n\r\n <article class=\"service-card fade-item\">\r\n <div class=\"service-top\">\r\n <span class=\"service-icon\"><i class=\"fa-solid fa-file-signature\"><\/i><\/span>\r\n <h3>\u062a\u0648\u062b\u064a\u0642 \u0627\u0644\u0648\u0643\u0627\u0644\u0627\u062a<\/h3>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"service-card fade-item\">\r\n <div class=\"service-top\">\r\n <span class=\"service-icon\"><i class=\"fa-solid fa-file-circle-check\"><\/i><\/span>\r\n <h3>\u062a\u0648\u062b\u064a\u0642 \u0627\u0644\u0625\u0642\u0631\u0627\u0631\u0627\u062a<\/h3>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"service-card fade-item\">\r\n <div class=\"service-top\">\r\n <span class=\"service-icon\"><i class=\"fa-solid fa-building\"><\/i><\/span>\r\n <h3>\u062a\u0648\u062b\u064a\u0642 \u0639\u0642\u0648\u062f \u0627\u0644\u0634\u0631\u0643\u0627\u062a<\/h3>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"service-card fade-item\">\r\n <div class=\"service-top\">\r\n <span class=\"service-icon\"><i class=\"fa-solid fa-handshake\"><\/i><\/span>\r\n <h3>\u062a\u0648\u062b\u064a\u0642 \u0639\u0642\u0648\u062f \u0627\u0644\u0628\u064a\u0639<\/h3>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"service-card fade-item\">\r\n <div class=\"service-top\">\r\n <span class=\"service-icon\"><i class=\"fa-solid fa-shield-halved\"><\/i><\/span>\r\n <h3>\u062a\u0648\u062b\u064a\u0642 \u0627\u0644\u0631\u0647\u0648\u0646\u0627\u062a<\/h3>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"service-card fade-item\">\r\n <div class=\"service-top\">\r\n <span class=\"service-icon\"><i class=\"fa-solid fa-scale-balanced\"><\/i><\/span>\r\n <h3>\u062a\u0648\u062b\u064a\u0642 \u0639\u0642\u0648\u062f \u0627\u0644\u0635\u0644\u062d<\/h3>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"service-card fade-item\">\r\n <div class=\"service-top\">\r\n <span class=\"service-icon\"><i class=\"fa-solid fa-scroll\"><\/i><\/span>\r\n <h3>\u062a\u0648\u062b\u064a\u0642 \u0627\u0644\u0648\u0635\u0627\u064a\u0627<\/h3>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"service-card fade-item\">\r\n <div class=\"service-top\">\r\n <span class=\"service-icon\"><i class=\"fa-solid fa-city\"><\/i><\/span>\r\n <h3>\u062a\u0648\u062b\u064a\u0642 \u0627\u0644\u0625\u0641\u0631\u0627\u063a\u0627\u062a \u0627\u0644\u0639\u0642\u0627\u0631\u064a\u0629<\/h3>\r\n <\/div>\r\n <\/article>\r\n\r\n <\/div>\r\n\r\n <div class=\"more-btn-wrap fade-item\">\r\n <a href=\"https:\/\/lawyeralim-m.sa\/%d8%ae%d8%af%d9%85%d8%a7%d8%aa-%d8%a7%d9%84%d8%aa%d9%88%d8%ab%d9%8a%d9%82\/\" class=\"more-btn\">\r\n \u0627\u0644\u0645\u0632\u064a\u062f\r\n <i class=\"fa-solid fa-arrow-left\"><\/i>\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\nconst items = document.querySelectorAll('.fade-item');\r\n\r\nconst observer = new IntersectionObserver((entries, observer)=>{\r\n entries.forEach(entry=>{\r\n if(entry.isIntersecting){\r\n entry.target.classList.add('show');\r\n observer.unobserve(entry.target);\r\n }\r\n });\r\n},{\r\n threshold: 0.1\r\n});\r\n\r\nitems.forEach(el => observer.observe(el));\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-887cc01 e-con-full e-flex e-con e-parent\" data-id=\"887cc01\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-3568a91 e-flex e-con-boxed e-con e-child\" data-id=\"3568a91\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b840dbd elementor-widget elementor-widget-html\" data-id=\"b840dbd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html>\r\n<head>\r\n<meta charset=\"UTF-8\" \/>\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n<title>\u0639\u0645\u0644\u0627\u0624\u0646\u0627<\/title>\r\n\r\n\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\r\n\r\n<style>\r\n:root{\r\n --primary:#0f2747;\r\n --primary2:#163a6b;\r\n --gold:#c8a25d;\r\n --gold-light:#ead6ab;\r\n --white:#ffffff;\r\n\r\n --text:#28415f;\r\n --text-soft:#5f7591;\r\n\r\n --value-card:#edf5ff;\r\n --value-border:#c5d7eb;\r\n\r\n --shadow-soft:0 10px 30px rgba(15,39,71,.08);\r\n --shadow-hover:0 18px 35px rgba(15,39,71,.12);\r\n\r\n --transition:.35s ease;\r\n}\r\n\r\n\/* reset *\/\r\n*{\r\n box-sizing:border-box;\r\n margin:0;\r\n padding:0;\r\n}\r\n\r\n\/* section *\/\r\n.clients-section{\r\n padding:0;\r\n}\r\n\r\n\/* header *\/\r\n.clients-header{\r\n text-align:center;\r\n margin-bottom:40px;\r\n\r\n opacity:0;\r\n transform:translateY(20px);\r\n animation:headerReveal .8s ease forwards;\r\n}\r\n\r\n.clients-tag{\r\n display:inline-block;\r\n padding:11px 24px;\r\n border:1px solid var(--gold-light);\r\n border-radius:999px;\r\n color:var(--gold);\r\n font-size:15px;\r\n font-weight:700;\r\n background:transparent;\r\n margin-bottom:18px;\r\n}\r\n\r\n.clients-title{\r\n margin:0 0 18px;\r\n font-size:clamp(32px,4vw,48px);\r\n line-height:1.2;\r\n color:var(--primary);\r\n font-weight:800;\r\n}\r\n\r\n.clients-text{\r\n margin:0;\r\n color:var(--text-soft);\r\n font-size:17px;\r\n line-height:1.9;\r\n}\r\n\r\n\/* grid *\/\r\n.clients-grid{\r\n display:grid;\r\n grid-template-columns:repeat(5, minmax(0,1fr));\r\n gap:18px;\r\n}\r\n\r\n\/* card *\/\r\n.client-card{\r\n background:linear-gradient(180deg, #ffffff 0%, #f9fbfe 100%);\r\n border:1px solid var(--value-border);\r\n border-radius:20px;\r\n padding:26px 16px;\r\n text-align:center;\r\n box-shadow:var(--shadow-soft);\r\n transition:all var(--transition);\r\n position:relative;\r\n overflow:hidden;\r\n\r\n opacity:0;\r\n transform:translateY(35px) scale(.96);\r\n animation:cardReveal .75s cubic-bezier(.22,1,.36,1) forwards;\r\n}\r\n\r\n\/* stagger animation *\/\r\n.client-card:nth-child(1){ animation-delay:.15s; }\r\n.client-card:nth-child(2){ animation-delay:.30s; }\r\n.client-card:nth-child(3){ animation-delay:.45s; }\r\n.client-card:nth-child(4){ animation-delay:.60s; }\r\n.client-card:nth-child(5){ animation-delay:.75s; }\r\n\r\n\/* subtle hover *\/\r\n.client-card:hover{\r\n transform:translateY(-6px);\r\n box-shadow:var(--shadow-hover);\r\n border-color:var(--gold-light);\r\n}\r\n\r\n\/* icon *\/\r\n.client-icon{\r\n width:56px;\r\n height:56px;\r\n margin:0 auto 14px;\r\n border-radius:16px;\r\n background:linear-gradient(135deg, var(--primary2), var(--primary));\r\n color:#fff;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n font-size:22px;\r\n box-shadow:0 10px 22px rgba(15,39,71,.14);\r\n transition:transform var(--transition), box-shadow var(--transition);\r\n}\r\n\r\n.client-card:hover .client-icon{\r\n transform:translateY(-2px) scale(1.05);\r\n box-shadow:0 14px 26px rgba(15,39,71,.18);\r\n}\r\n\r\n\/* title *\/\r\n.client-card h3{\r\n margin:0;\r\n color:var(--primary);\r\n font-size:18px;\r\n font-weight:800;\r\n line-height:1.6;\r\n}\r\n\r\n\/* keyframes *\/\r\n@keyframes headerReveal{\r\n to{\r\n opacity:1;\r\n transform:translateY(0);\r\n }\r\n}\r\n\r\n@keyframes cardReveal{\r\n 0%{\r\n opacity:0;\r\n transform:translateY(35px) scale(.96);\r\n }\r\n 60%{\r\n opacity:1;\r\n transform:translateY(-4px) scale(1.01);\r\n }\r\n 100%{\r\n opacity:1;\r\n transform:translateY(0) scale(1);\r\n }\r\n}\r\n\r\n\/* responsive *\/\r\n@media (max-width:1100px){\r\n .clients-grid{\r\n grid-template-columns:repeat(3,1fr);\r\n }\r\n}\r\n\r\n@media (max-width:768px){\r\n .clients-grid{\r\n grid-template-columns:repeat(2,1fr);\r\n gap:14px;\r\n }\r\n\r\n .client-card{\r\n padding:22px 14px;\r\n }\r\n\r\n .client-icon{\r\n width:50px;\r\n height:50px;\r\n font-size:20px;\r\n }\r\n}\r\n\r\n@media (max-width:520px){\r\n .clients-grid{\r\n grid-template-columns:1fr;\r\n }\r\n}\r\n\r\n\/* optional: reduce motion *\/\r\n@media (prefers-reduced-motion: reduce){\r\n .clients-header,\r\n .client-card{\r\n animation:none;\r\n opacity:1;\r\n transform:none;\r\n }\r\n}\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<section class=\"clients-section\">\r\n\r\n <div class=\"clients-header\">\r\n <span class=\"clients-tag\">\u0642\u0637\u0627\u0639\u0627\u062a \u0646\u062e\u062f\u0645\u0647\u0627<\/span>\r\n <h2 class=\"clients-title\">\u0639\u0645\u0644\u0627\u0624\u0646\u0627<\/h2>\r\n <p class=\"clients-text\">\r\n \u0646\u0641\u062e\u0631 \u0628\u062b\u0642\u0629 \u0639\u0645\u0644\u0627\u0626\u0646\u0627 \u0645\u0646 \u0645\u062e\u062a\u0644\u0641 \u0627\u0644\u0642\u0637\u0627\u0639\u0627\u062a\u060c \u062d\u064a\u062b \u064a\u0642\u062f\u0645 \u0627\u0644\u0645\u0643\u062a\u0628 \u062e\u062f\u0645\u0627\u062a\u0647 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0625\u0644\u0649:\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"clients-grid\">\r\n\r\n <div class=\"client-card\">\r\n <div class=\"client-icon\"><i class=\"fa-solid fa-building-columns\"><\/i><\/div>\r\n <h3>\u0627\u0644\u062c\u0647\u0627\u062a \u0627\u0644\u062d\u0643\u0648\u0645\u064a\u0629<\/h3>\r\n <\/div>\r\n\r\n <div class=\"client-card\">\r\n <div class=\"client-icon\"><i class=\"fa-solid fa-building\"><\/i><\/div>\r\n <h3>\u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0648\u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a<\/h3>\r\n <\/div>\r\n\r\n <div class=\"client-card\">\r\n <div class=\"client-icon\"><i class=\"fa-solid fa-chart-line\"><\/i><\/div>\r\n <h3>\u0627\u0644\u0645\u0633\u062a\u062b\u0645\u0631\u064a\u0646<\/h3>\r\n <\/div>\r\n\r\n <div class=\"client-card\">\r\n <div class=\"client-icon\"><i class=\"fa-solid fa-briefcase\"><\/i><\/div>\r\n <h3>\u0631\u062c\u0627\u0644 \u0627\u0644\u0623\u0639\u0645\u0627\u0644<\/h3>\r\n <\/div>\r\n\r\n <div class=\"client-card\">\r\n <div class=\"client-icon\"><i class=\"fa-solid fa-user\"><\/i><\/div>\r\n <h3>\u0627\u0644\u0623\u0641\u0631\u0627\u062f<\/h3>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e51d0c4 e-con-full e-flex e-con e-parent\" data-id=\"e51d0c4\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t<div class=\"elementor-element elementor-element-43cd901 e-flex e-con-boxed e-con e-child\" data-id=\"43cd901\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-71ad71c elementor-widget elementor-widget-html\" data-id=\"71ad71c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html>\r\n<head>\r\n <meta charset=\"UTF-8\" \/>\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n <title>\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/title>\r\n\r\n \r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\r\n\r\n <style>\r\n :root{\r\n --primary:#0f2747;\r\n --primary2:#163a6b;\r\n --gold:#c8a25d;\r\n --gold-light:#ead6ab;\r\n --white:#ffffff;\r\n\r\n --text:#28415f;\r\n --text-soft:#5f7591;\r\n\r\n --value-card:#edf5ff;\r\n --value-border:#c5d7eb;\r\n\r\n --shadow-soft:0 10px 30px rgba(15,39,71,.08);\r\n --shadow-hover:0 18px 40px rgba(15,39,71,.14);\r\n\r\n --radius:26px;\r\n --transition:.35s ease;\r\n }\r\n\r\n *{\r\n box-sizing:border-box;\r\n margin:0;\r\n padding:0;\r\n }\r\n\r\n body{\r\n font-family:\"Tajawal\", sans-serif;\r\n color:var(--text);\r\n }\r\n\r\n .contact-section{\r\n padding:0;\r\n background:none;\r\n }\r\n\r\n .contact-box{\r\n display:grid;\r\n grid-template-columns:1fr 1.05fr;\r\n gap:28px;\r\n align-items:stretch;\r\n }\r\n\r\n .contact-info,\r\n .contact-form-wrap{\r\n background:linear-gradient(180deg, #ffffff 0%, #f9fbfe 100%);\r\n border:1px solid var(--value-border);\r\n border-radius:30px;\r\n box-shadow:var(--shadow-soft);\r\n overflow:hidden;\r\n opacity:0;\r\n transform:translateY(40px);\r\n animation:fadeUpSoft .8s cubic-bezier(.22,1,.36,1) forwards;\r\n }\r\n\r\n .contact-info{\r\n padding:38px 34px;\r\n position:relative;\r\n animation-delay:.12s;\r\n }\r\n\r\n .contact-form-wrap{\r\n padding:34px 30px;\r\n animation-delay:.32s;\r\n }\r\n\r\n .contact-info::before{\r\n content:\"\";\r\n position:absolute;\r\n top:0;\r\n width:140px;\r\n height:140px;\r\n background:radial-gradient(circle, rgba(45,111,183,.10) 0%, transparent 70%);\r\n pointer-events:none;\r\n }\r\n\r\n .contact-tag{\r\n display:inline-block;\r\n padding:10px 22px;\r\n border:1px solid var(--gold-light);\r\n border-radius:999px;\r\n color:var(--gold);\r\n font-size:15px;\r\n font-weight:700;\r\n margin-bottom:18px;\r\n background:rgba(255,255,255,.7);\r\n opacity:0;\r\n transform:translateY(10px);\r\n animation:fadeInUp .6s ease forwards;\r\n animation-delay:.45s;\r\n }\r\n\r\n .contact-title{\r\n margin:0 0 18px;\r\n color:var(--primary);\r\n font-size:clamp(32px,4vw,48px);\r\n line-height:1.2;\r\n font-weight:800;\r\n opacity:0;\r\n transform:translateY(14px);\r\n animation:fadeInUp .7s ease forwards;\r\n animation-delay:.58s;\r\n }\r\n\r\n .contact-text{\r\n margin:0 0 28px;\r\n color:var(--text-soft);\r\n font-size:17px;\r\n line-height:1.95;\r\n max-width:95%;\r\n opacity:0;\r\n transform:translateY(14px);\r\n animation:fadeInUp .7s ease forwards;\r\n animation-delay:.72s;\r\n }\r\n\r\n .contact-list{\r\n display:grid;\r\n gap:16px;\r\n }\r\n\r\n .contact-item{\r\n display:flex;\r\n align-items:flex-start;\r\n gap:14px;\r\n padding:16px 18px;\r\n background:var(--value-card);\r\n border:1px solid var(--value-border);\r\n border-radius:18px;\r\n transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;\r\n opacity:0;\r\n transform:translateY(22px);\r\n animation:cardReveal .65s cubic-bezier(.22,1,.36,1) forwards;\r\n }\r\n\r\n .contact-item:nth-child(1){ animation-delay:.9s; }\r\n .contact-item:nth-child(2){ animation-delay:1.05s; }\r\n .contact-item:nth-child(3){ animation-delay:1.2s; }\r\n .contact-item:nth-child(4){ animation-delay:1.35s; }\r\n\r\n .contact-item:hover{\r\n transform:translateY(-4px);\r\n box-shadow:0 12px 25px rgba(15,39,71,.08);\r\n border-color:var(--gold-light);\r\n }\r\n\r\n .contact-icon{\r\n width:46px;\r\n height:46px;\r\n min-width:46px;\r\n border-radius:14px;\r\n background:linear-gradient(135deg, var(--primary2), var(--primary));\r\n color:var(--white);\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n font-size:18px;\r\n box-shadow:0 10px 22px rgba(15,39,71,.14);\r\n transition:transform var(--transition), box-shadow var(--transition);\r\n }\r\n\r\n .contact-item:hover .contact-icon{\r\n transform:scale(1.06) translateY(-2px);\r\n box-shadow:0 14px 28px rgba(15,39,71,.18);\r\n }\r\n\r\n .contact-item-content h3{\r\n margin:0 0 6px;\r\n color:var(--primary);\r\n font-size:18px;\r\n font-weight:800;\r\n }\r\n\r\n .contact-item-content p,\r\n .contact-item-content a{\r\n margin:0;\r\n color:var(--text-soft);\r\n font-size:16px;\r\n line-height:1.8;\r\n text-decoration:none;\r\n word-break:break-word;\r\n }\r\n\r\n .contact-item-content a:hover{\r\n color:var(--primary2);\r\n }\r\n\r\n .contact-form-head{\r\n margin-bottom:20px;\r\n padding-bottom:16px;\r\n border-bottom:1px solid rgba(185,205,229,.55);\r\n opacity:0;\r\n transform:translateY(14px);\r\n animation:fadeInUp .7s ease forwards;\r\n animation-delay:.55s;\r\n }\r\n\r\n .contact-form-head h3{\r\n margin:0 0 8px;\r\n color:var(--primary);\r\n font-size:26px;\r\n font-weight:800;\r\n }\r\n\r\n .contact-form-head p{\r\n margin:0;\r\n color:var(--text-soft);\r\n font-size:15px;\r\n line-height:1.8;\r\n }\r\n\r\n .contact-form-wrap .wpforms-container{\r\n margin:0 !important;\r\n opacity:0;\r\n transform:translateY(18px);\r\n animation:fadeInUp .75s ease forwards;\r\n animation-delay:.75s;\r\n }\r\n\r\n .contact-form-wrap .wpforms-form input,\r\n .contact-form-wrap .wpforms-form textarea,\r\n .contact-form-wrap .wpforms-form select{\r\n border:1px solid var(--value-border) !important;\r\n border-radius:16px !important;\r\n background:#fff !important;\r\n color:var(--text) !important;\r\n padding:14px 16px !important;\r\n font-family:\"Tajawal\", sans-serif !important;\r\n transition:border-color .25s ease, box-shadow .25s ease, transform .25s ease !important;\r\n }\r\n\r\n .contact-form-wrap .wpforms-form input:focus,\r\n .contact-form-wrap .wpforms-form textarea:focus,\r\n .contact-form-wrap .wpforms-form select:focus{\r\n border-color:var(--gold) !important;\r\n box-shadow:0 0 0 3px rgba(200,162,93,.12) !important;\r\n transform:translateY(-1px);\r\n }\r\n\r\n .contact-form-wrap .wpforms-form textarea{\r\n min-height:140px !important;\r\n }\r\n\r\n .contact-form-wrap .wpforms-form button[type=\"submit\"]{\r\n background:linear-gradient(135deg, var(--primary2), var(--primary)) !important;\r\n color:#fff !important;\r\n border:none !important;\r\n border-radius:16px !important;\r\n padding:14px 26px !important;\r\n font-size:16px !important;\r\n font-weight:700 !important;\r\n font-family:\"Tajawal\", sans-serif !important;\r\n box-shadow:0 12px 25px rgba(15,39,71,.14) !important;\r\n transition:transform .25s ease, opacity .25s ease, box-shadow .25s ease !important;\r\n }\r\n\r\n .contact-form-wrap .wpforms-form button[type=\"submit\"]:hover{\r\n transform:translateY(-2px);\r\n opacity:.96;\r\n box-shadow:0 16px 30px rgba(15,39,71,.18) !important;\r\n }\r\n\r\n html[dir=\"rtl\"] .contact-section{\r\n direction:rtl;\r\n }\r\n\r\n html[dir=\"ltr\"] .contact-section{\r\n direction:ltr;\r\n }\r\n\r\n html[dir=\"rtl\"] .contact-info,\r\n html[dir=\"rtl\"] .contact-form-wrap,\r\n html[dir=\"rtl\"] .contact-title,\r\n html[dir=\"rtl\"] .contact-text,\r\n html[dir=\"rtl\"] .contact-item-content,\r\n html[dir=\"rtl\"] .contact-form-head{\r\n text-align:right;\r\n }\r\n\r\n html[dir=\"ltr\"] .contact-info,\r\n html[dir=\"ltr\"] .contact-form-wrap,\r\n html[dir=\"ltr\"] .contact-title,\r\n html[dir=\"ltr\"] .contact-text,\r\n html[dir=\"ltr\"] .contact-item-content,\r\n html[dir=\"ltr\"] .contact-form-head{\r\n text-align:left;\r\n }\r\n\r\n html[dir=\"rtl\"] .contact-info::before{\r\n left:0;\r\n right:auto;\r\n }\r\n\r\n html[dir=\"ltr\"] .contact-info::before{\r\n right:0;\r\n left:auto;\r\n }\r\n\r\n html[dir=\"rtl\"] .contact-form-wrap .wpforms-form input,\r\n html[dir=\"rtl\"] .contact-form-wrap .wpforms-form textarea,\r\n html[dir=\"rtl\"] .contact-form-wrap .wpforms-form select{\r\n text-align:right !important;\r\n direction:rtl !important;\r\n }\r\n\r\n html[dir=\"ltr\"] .contact-form-wrap .wpforms-form input,\r\n html[dir=\"ltr\"] .contact-form-wrap .wpforms-form textarea,\r\n html[dir=\"ltr\"] .contact-form-wrap .wpforms-form select{\r\n text-align:left !important;\r\n direction:ltr !important;\r\n }\r\n\r\n html[dir=\"rtl\"] .contact-form-wrap .wpforms-field-label,\r\n html[dir=\"rtl\"] .contact-form-wrap .wpforms-field-sublabel,\r\n html[dir=\"rtl\"] .contact-form-wrap .wpforms-confirmation-container,\r\n html[dir=\"rtl\"] .contact-form-wrap .wpforms-error{\r\n text-align:right !important;\r\n }\r\n\r\n html[dir=\"ltr\"] .contact-form-wrap .wpforms-field-label,\r\n html[dir=\"ltr\"] .contact-form-wrap .wpforms-field-sublabel,\r\n html[dir=\"ltr\"] .contact-form-wrap .wpforms-confirmation-container,\r\n html[dir=\"ltr\"] .contact-form-wrap .wpforms-error{\r\n text-align:left !important;\r\n }\r\n\r\n @keyframes fadeUpSoft{\r\n from{\r\n opacity:0;\r\n transform:translateY(40px);\r\n }\r\n to{\r\n opacity:1;\r\n transform:translateY(0);\r\n }\r\n }\r\n\r\n @keyframes fadeInUp{\r\n from{\r\n opacity:0;\r\n transform:translateY(14px);\r\n }\r\n to{\r\n opacity:1;\r\n transform:translateY(0);\r\n }\r\n }\r\n\r\n @keyframes cardReveal{\r\n 0%{\r\n opacity:0;\r\n transform:translateY(22px) scale(.97);\r\n }\r\n 60%{\r\n opacity:1;\r\n transform:translateY(-2px) scale(1.01);\r\n }\r\n 100%{\r\n opacity:1;\r\n transform:translateY(0) scale(1);\r\n }\r\n }\r\n\r\n @media (max-width: 992px){\r\n .contact-box{\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .contact-text{\r\n max-width:100%;\r\n }\r\n }\r\n\r\n @media (max-width: 576px){\r\n .contact-info,\r\n .contact-form-wrap{\r\n border-radius:22px;\r\n }\r\n\r\n .contact-info{\r\n padding:28px 20px;\r\n }\r\n\r\n .contact-form-wrap{\r\n padding:26px 18px;\r\n }\r\n\r\n .contact-item{\r\n padding:14px;\r\n }\r\n\r\n .contact-icon{\r\n width:42px;\r\n height:42px;\r\n min-width:42px;\r\n font-size:16px;\r\n }\r\n\r\n .contact-item-content h3{\r\n font-size:17px;\r\n }\r\n\r\n .contact-item-content p,\r\n .contact-item-content a{\r\n font-size:15px;\r\n }\r\n\r\n .contact-form-head h3{\r\n font-size:22px;\r\n }\r\n }\r\n\r\n @media (prefers-reduced-motion: reduce){\r\n .contact-info,\r\n .contact-form-wrap,\r\n .contact-tag,\r\n .contact-title,\r\n .contact-text,\r\n .contact-item,\r\n .contact-form-head,\r\n .contact-form-wrap .wpforms-container{\r\n animation:none !important;\r\n opacity:1 !important;\r\n transform:none !important;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section class=\"contact-section\">\r\n\r\n <div class=\"contact-box\">\r\n\r\n <div class=\"contact-info\">\r\n <span class=\"contact-tag\">\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/span>\r\n\r\n <h2 class=\"contact-title\">\u0646\u0631\u062d\u0628 \u0628\u062a\u0648\u0627\u0635\u0644\u0643\u0645<\/h2>\r\n\r\n <p class=\"contact-text\">\r\n \u0646\u0631\u062d\u0628 \u0628\u062a\u0648\u0627\u0635\u0644\u0643\u0645 \u0644\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0623\u0648 \u0644\u0637\u0644\u0628 \u062e\u062f\u0645\u0627\u062a\u0646\u0627 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629.\r\n <\/p>\r\n\r\n <div class=\"contact-list\">\r\n\r\n <div class=\"contact-item\">\r\n <div class=\"contact-icon\">\r\n <i class=\"fa-solid fa-phone\"><\/i>\r\n <\/div>\r\n <div class=\"contact-item-content\">\r\n <h3>\u0631\u0642\u0645 \u0627\u0644\u062c\u0648\u0627\u0644<\/h3>\r\n <a href=\"tel:0503078486\">0503078486<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact-item\">\r\n <div class=\"contact-icon\">\r\n <i class=\"fa-brands fa-whatsapp\"><\/i>\r\n <\/div>\r\n <div class=\"contact-item-content\">\r\n <h3>\u0648\u0627\u062a\u0633\u0627\u0628<\/h3>\r\n <a href=\"https:\/\/wa.me\/966503078486\" target=\"_blank\" rel=\"noopener noreferrer\">0503078486<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact-item\">\r\n <div class=\"contact-icon\">\r\n <i class=\"fa-solid fa-envelope\"><\/i>\r\n <\/div>\r\n <div class=\"contact-item-content\">\r\n <h3>\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a<\/h3>\r\n <a href=\"mailto:info@lawyeralim-m.sa\">info@lawyeralim-m.sa<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact-item\">\r\n <div class=\"contact-icon\">\r\n <i class=\"fa-solid fa-location-dot\"><\/i>\r\n <\/div>\r\n <div class=\"contact-item-content\">\r\n <h3>\u0627\u0644\u0639\u0646\u0648\u0627\u0646<\/h3>\r\n <a href=\"https:\/\/www.google.com\/maps\/place\/%D8%A7%D9%84%D9%85%D9%88%D8%AB%D9%82+%D9%88%D8%A7%D9%84%D9%85%D8%AD%D8%A7%D9%85%D9%8A+%D8%B9%D9%84%D9%8A+%D8%A2%D9%84+%D9%85%D8%BA%D8%A7%D9%85%D8%B1%E2%80%AD\/@18.3189025,42.6959739,17z\/data=!3m1!4b1!4m6!3m5!1s0x15fb5bb22e2902c3:0xe43eaa3e700cc86!8m2!3d18.3189025!4d42.6959739!16s%2Fg%2F11wy21ghzd!18m1!1e1?entry=ttu&g_ep=EgoyMDI2MDMzMC4wIKXMDSoASAFQAw%3D%3D\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n \u062c\u0648\u0627\u0631 \u0627\u0644\u0645\u062d\u0643\u0645\u0629 \u0627\u0644\u0639\u0627\u0645\u0629 \u0645\u0646 \u0627\u0644\u062c\u0647\u0629 \u0627\u0644\u062c\u0646\u0648\u0628\u064a\u0629\u060c \u062d\u064a \u0627\u0644\u0642\u0627\u0641\u0644\u0629\u060c \u062e\u0645\u064a\u0633 \u0645\u0634\u064a\u0637\u060c \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact-form-wrap\">\r\n <div class=\"contact-form-head\">\r\n <h3>\u0623\u0631\u0633\u0644 \u0644\u0646\u0627 \u0631\u0633\u0627\u0644\u062a\u0643<\/h3>\r\n <p>\u064a\u0633\u0639\u062f\u0646\u0627 \u0627\u0633\u062a\u0642\u0628\u0627\u0644 \u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0627\u062a\u0643\u0645 \u0648\u0633\u0646\u0642\u0648\u0645 \u0628\u0627\u0644\u0631\u062f \u0639\u0644\u064a\u0643\u0645 \u0641\u064a \u0623\u0642\u0631\u0628 \u0648\u0642\u062a \u0645\u0645\u0643\u0646.<\/p>\r\n <\/div>\r\n\r\n <style id=\"wpforms-css-vars-198\">\n\t\t\t\t#wpforms-198 {\n\t\t\t\t--wpforms-container-padding: 0px;\n--wpforms-container-border-width: 1px;\n--wpforms-container-border-radius: 3px;\n--wpforms-background-color: rgba(0, 0, 0, 0);\n--wpforms-field-size-input-height: 43px;\n--wpforms-field-size-input-spacing: 15px;\n--wpforms-field-size-font-size: 16px;\n--wpforms-field-size-line-height: 19px;\n--wpforms-field-size-padding-h: 14px;\n--wpforms-field-size-checkbox-size: 16px;\n--wpforms-field-size-sublabel-spacing: 5px;\n--wpforms-field-size-icon-size: 1;\n--wpforms-label-size-font-size: 16px;\n--wpforms-label-size-line-height: 19px;\n--wpforms-label-size-sublabel-font-size: 14px;\n--wpforms-label-size-sublabel-line-height: 17px;\n--wpforms-button-size-font-size: 17px;\n--wpforms-button-size-height: 41px;\n--wpforms-button-size-padding-h: 15px;\n--wpforms-button-size-margin-top: 10px;\n--wpforms-container-shadow-size-box-shadow: none;\n\t\t\t}\n\t\t\t<\/style><div class=\"wpforms-container wpforms-container-full wpforms-render-modern\" id=\"wpforms-198\"><form id=\"wpforms-form-198\" class=\"wpforms-validate wpforms-form wpforms-ajax-form\" data-formid=\"198\" method=\"post\" enctype=\"multipart\/form-data\" action=\"\/en\/wp-json\/wp\/v2\/pages\/8\" data-token=\"4105589d9573df274682ff0ad7566645\" data-token-time=\"1778180254\"><noscript class=\"wpforms-error-noscript\">Please enable JavaScript in your browser to complete this form.<\/noscript><div id=\"wpforms-error-noscript\" style=\"display: none;\">Please enable JavaScript in your browser to complete this form.<\/div><div class=\"wpforms-field-container\"><div id=\"wpforms-198-field_1-container\" class=\"wpforms-field wpforms-field-name\" data-field-id=\"1\"><label class=\"wpforms-field-label\" for=\"wpforms-198-field_1\">\u0627\u0644\u0627\u0633\u0645<\/label><input type=\"text\" id=\"wpforms-198-field_1\" class=\"wpforms-field-large\" name=\"wpforms[fields][1]\" aria-errormessage=\"wpforms-198-field_1-error\" ><\/div>\t\t<div id=\"wpforms-198-field_5-container\"\n\t\t\tclass=\"wpforms-field wpforms-field-text\"\n\t\t\tdata-field-type=\"text\"\n\t\t\tdata-field-id=\"5\"\n\t\t\t>\n\t\t\t<label class=\"wpforms-field-label\" for=\"wpforms-198-field_5\" >\u0627\u0644\u062c\u0648\u0627\u0644 \u0631\u0642\u0645 \u0627\u0644\u0628\u0631\u064a\u062f<\/label>\n\t\t\t<input type=\"text\" id=\"wpforms-198-field_5\" class=\"wpforms-field-medium\" name=\"wpforms[fields][5]\" >\n\t\t<\/div>\n\t\t<div id=\"wpforms-198-field_4-container\" class=\"wpforms-field wpforms-field-number\" data-field-id=\"4\"><label class=\"wpforms-field-label\" for=\"wpforms-198-field_4\">\u0631\u0642\u0645 \u0627\u0644\u062c\u0648\u0627\u0644<\/label><input type=\"number\" id=\"wpforms-198-field_4\" class=\"wpforms-field-large\" name=\"wpforms[fields][4]\" step=\"any\" aria-errormessage=\"wpforms-198-field_4-error\" ><\/div><div id=\"wpforms-198-field_2-container\" class=\"wpforms-field wpforms-field-email\" data-field-id=\"2\"><label class=\"wpforms-field-label\" for=\"wpforms-198-field_2\">\u0627\u0644\u0628\u0631\u064a\u062f<\/label><input type=\"email\" id=\"wpforms-198-field_2\" class=\"wpforms-field-large\" name=\"wpforms[fields][2]\" spellcheck=\"false\" aria-errormessage=\"wpforms-198-field_2-error\" ><\/div><div id=\"wpforms-198-field_3-container\" class=\"wpforms-field wpforms-field-textarea\" data-field-id=\"3\"><label class=\"wpforms-field-label\" for=\"wpforms-198-field_3\">\u0631\u0633\u0627\u0644\u062a\u0643<\/label><textarea id=\"wpforms-198-field_3\" class=\"wpforms-field-medium\" name=\"wpforms[fields][3]\" aria-errormessage=\"wpforms-198-field_3-error\" ><\/textarea><\/div><script>\n\t\t\t\t( function() {\n\t\t\t\t\tconst style = document.createElement( 'style' );\n\t\t\t\t\tstyle.appendChild( document.createTextNode( '#wpforms-198-field_5-container { position: absolute !important; overflow: hidden !important; display: inline !important; height: 1px !important; width: 1px !important; z-index: -1000 !important; padding: 0 !important; } #wpforms-198-field_5-container input { visibility: hidden; } #wpforms-conversational-form-page #wpforms-198-field_5-container label { counter-increment: none; }' ) );\n\t\t\t\t\tdocument.head.appendChild( style );\n\t\t\t\t\tdocument.currentScript?.remove();\n\t\t\t\t} )();\n\t\t\t<\/script><\/div><div class=\"wpforms-submit-container\" ><input type=\"hidden\" name=\"wpforms[id]\" value=\"198\"><input type=\"hidden\" name=\"page_title\" value=\"\"><input type=\"hidden\" name=\"page_url\" value=\"https:\/\/lawyeralim-m.sa\/en\/wp-json\/wp\/v2\/pages\/8\"><input type=\"hidden\" name=\"url_referer\" value=\"\"><button type=\"submit\" name=\"wpforms[submit]\" id=\"wpforms-submit-198\" class=\"wpforms-submit\" data-alt-text=\"\u0627\u0631\u0633\u0627\u0644 ...\" data-submit-text=\"\u0627\u0631\u0633\u0644\" aria-live=\"assertive\" value=\"wpforms-submit\">\u0627\u0631\u0633\u0644<\/button><img decoding=\"async\" src=\"https:\/\/lawyeralim-m.sa\/wp-content\/plugins\/wpforms-lite\/assets\/images\/submit-spin.svg\" class=\"wpforms-submit-spinner\" style=\"display: none;\" width=\"26\" height=\"26\" alt=\"Loading\"><\/div><\/form><\/div> \r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0639\u0644\u064a \u0627\u0644\u0645\u063a\u0627\u0645\u0631 \u0644\u0644\u0645\u062d\u0627\u0645\u0627\u0629 \u0639\u0644\u064a \u0627\u0644\u0645\u063a\u0627\u0645\u0631 \u0644\u0644\u0645\u062d\u0627\u0645\u0627\u0629 \u0648\u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u062e\u0628\u0631\u0629 \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0631\u0627\u0633\u062e\u0629 \u0648\u062d\u0644\u0648\u0644 \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0645\u0648\u062b\u0648\u0642\u0629 \u0646\u0642\u062f\u0645 \u062e\u062f\u0645\u0627\u062a \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0645\u0628\u0646\u064a\u0629 \u0639\u0644\u0649 […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"plain-container","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"enabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lawyeralim-m.sa\/en\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lawyeralim-m.sa\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lawyeralim-m.sa\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lawyeralim-m.sa\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/lawyeralim-m.sa\/en\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":337,"href":"https:\/\/lawyeralim-m.sa\/en\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":674,"href":"https:\/\/lawyeralim-m.sa\/en\/wp-json\/wp\/v2\/pages\/8\/revisions\/674"}],"wp:attachment":[{"href":"https:\/\/lawyeralim-m.sa\/en\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}