{"id":1334,"date":"2026-06-03T08:15:44","date_gmt":"2026-06-03T08:15:44","guid":{"rendered":"https:\/\/almajdlawfirm.com\/?st-import=d0ff8aac267098373fb2c5a5cac3855e"},"modified":"2026-08-19T21:39:09","modified_gmt":"2026-08-19T21:39:09","slug":"home","status":"publish","type":"page","link":"https:\/\/almajdlawfirm.com\/en\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1334\" class=\"elementor elementor-1334\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-abc3c61 e-con-full e-flex e-con e-parent\" data-id=\"abc3c61\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;slideshow&quot;,&quot;background_slideshow_gallery&quot;:[],&quot;background_slideshow_loop&quot;:&quot;yes&quot;,&quot;background_slideshow_slide_duration&quot;:5000,&quot;background_slideshow_slide_transition&quot;:&quot;fade&quot;,&quot;background_slideshow_transition_duration&quot;:500}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-102ec99 elementor-widget elementor-widget-html\" data-id=\"102ec99\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Include Google Fonts for Tajawal -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@300;400;500;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<!-- Dynamic LTR\/RTL container -->\r\n<div class=\"legal-hero-slider-v3\">\r\n    <!-- Slides Track -->\r\n    <div class=\"slider-track-v3\">\r\n        \r\n        <!-- Slide 1 -->\r\n        <div class=\"hero-slide-v3 active\">\r\n            <div class=\"slide-bg\" style=\"background-image: url('https:\/\/www.image2url.com\/r2\/default\/images\/1784726656991-d8602831-4b85-40a8-91ba-d4600b74755d.jpg');\"><\/div>\r\n            <div class=\"slide-overlay\"><\/div>\r\n            <div class=\"slide-inner\">\r\n                <span class=\"slide-badge\">\u0627\u0644\u0645\u062c\u062f \u0644\u0644\u0645\u062d\u0627\u0645\u0627\u0629<\/span>\r\n                <h1 class=\"slide-title\">\r\n                    \u062a\u0645\u064a\u0632 \u0642\u0627\u0646\u0648\u0646\u064a \u0645\u0648\u062b\u0648\u0642. <span class=\"highlight\">\u0648\u0646\u062a\u0627\u0626\u062c \u0645\u062b\u0628\u062a\u0629.<\/span>\r\n                <\/h1>\r\n                <p class=\"slide-desc\">\r\n                    \u0646\u0642\u062f\u0645 \u062e\u062f\u0645\u0627\u062a \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0645\u062e\u0635\u0635\u0629 \u0644\u0644\u0634\u0631\u0643\u0627\u062a \u0648\u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a \u0648\u0627\u0644\u0623\u0641\u0631\u0627\u062f\u060c \u0645\u0642\u062f\u0645\u064b\u0627 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0648\u0627\u0644\u062a\u0645\u062b\u064a\u0644 \u0627\u0644\u0645\u0647\u0646\u064a \u0639\u0628\u0631 \u0645\u062c\u0645\u0648\u0639\u0629 \u0648\u0627\u0633\u0639\u0629 \u0645\u0646 \u0627\u0644\u0645\u0633\u0627\u0626\u0644 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0628\u062f\u0642\u0629 \u0648\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629.\r\n                <\/p>\r\n                <div class=\"slide-actions\">\r\n                    <a href=\"https:\/\/almajdlawfirm.com\/\u062a\u0648\u0627\u0635\u0644-\u0645\u0639\u0646\u0627\/\" class=\"btn-primary-v3\">\r\n                        <span>\u0627\u062d\u062c\u0632 \u0627\u0633\u062a\u0634\u0627\u0631\u062a\u0643 \u0627\u0644\u0622\u0646<\/span>\r\n                        <span class=\"arrow\">&larr;<\/span>\r\n                    <\/a>\r\n                    <a href=\"https:\/\/almajdlawfirm.com\/\u0645\u062c\u0627\u0644\u0627\u062a-\u0627\u0644\u0645\u0645\u0627\u0631\u0633\u0629\/\" class=\"btn-secondary-v3\">\r\n                        <span>\u0645\u062c\u0627\u0644\u0627\u062a \u0627\u0644\u0645\u0645\u0627\u0631\u0633\u0629<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Slide 2 -->\r\n        <div class=\"hero-slide-v3\">\r\n            <div class=\"slide-bg\" style=\"background-image: url('https:\/\/www.image2url.com\/r2\/default\/images\/1784726817357-8a94d0ec-f4ec-4fa6-ab58-8659964da02c.jpg');\"><\/div>\r\n            <div class=\"slide-overlay\"><\/div>\r\n            <div class=\"slide-inner\">\r\n                <span class=\"slide-badge\">\u0627\u0644\u0645\u0631\u0627\u0641\u0639\u0629 \u0644\u0644\u0634\u0631\u0643\u0627\u062a<\/span>\r\n                <h1 class=\"slide-title\">\r\n                    \u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 <span class=\"highlight\">\u0644\u0646\u062c\u0627\u062d \u0623\u0639\u0645\u0627\u0644\u0643.<\/span>\r\n                <\/h1>\r\n                <p class=\"slide-desc\">\r\n                    \u0646\u062d\u0645\u064a \u0623\u0635\u0648\u0644 \u0634\u0631\u0643\u062a\u0643 \u0628\u0647\u064a\u0627\u0643\u0644 \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0645\u062a\u062e\u0635\u0635\u0629\u060c \u0648\u0645\u0631\u0627\u0642\u0628\u0629 \u0627\u0644\u0627\u0645\u062a\u062b\u0627\u0644\u060c \u0648\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0627\u062a \u0627\u0644\u062a\u0641\u0627\u0648\u0636 \u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u0645\u062e\u0627\u0637\u0631 \u0627\u0644\u0645\u0635\u0645\u0645\u0629 \u062e\u0635\u064a\u0635\u064b\u0627 \u0644\u062a\u0644\u0628\u064a\u0629 \u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0633\u0648\u0642 \u0627\u0644\u062d\u062f\u064a\u062b.\r\n                <\/p>\r\n                <div class=\"slide-actions\">\r\n                    <a href=\"https:\/\/almajdlawfirm.com\/\u062a\u0648\u0627\u0635\u0644-\u0645\u0639\u0646\u0627\/\" class=\"btn-primary-v3\">\r\n                        <span>\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0634\u0631\u0643\u0627\u062a<\/span>\r\n                        <span class=\"arrow\">&larr;<\/span>\r\n                    <\/a>\r\n                    <a href=\"https:\/\/almajdlawfirm.com\/\u0645\u062c\u0627\u0644\u0627\u062a-\u0627\u0644\u0645\u0645\u0627\u0631\u0633\u0629\/\" class=\"btn-secondary-v3\">\r\n                        <span>\u0627\u0639\u0631\u0641 \u0627\u0644\u0645\u0632\u064a\u062f<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Slide 3 -->\r\n        <div class=\"hero-slide-v3\">\r\n            <div class=\"slide-bg\" style=\"background-image: url('https:\/\/www.image2url.com\/r2\/default\/images\/1784726850663-e020a88a-2c03-4ee0-adaa-74831fe6a361.jpg');\"><\/div>\r\n            <div class=\"slide-overlay\"><\/div>\r\n            <div class=\"slide-inner\">\r\n                <span class=\"slide-badge\">\u062e\u0628\u0631\u0629 \u0627\u0644\u062a\u0642\u0627\u0636\u064a<\/span>\r\n                <h1 class=\"slide-title\">\r\n                    \u062f\u0641\u0627\u0639 \u0644\u0627 \u064a\u0642\u0628\u0644 \u0627\u0644\u062a\u0646\u0627\u0632\u0644. <span class=\"highlight\">\u0648\u0645\u0631\u0627\u0641\u0639\u0629 \u0645\u0637\u0644\u0642\u0629.<\/span>\r\n                <\/h1>\r\n                <p class=\"slide-desc\">\r\n                    \u0646\u0642\u0641 \u0628\u062d\u0632\u0645 \u0625\u0644\u0649 \u062c\u0627\u0646\u0628 \u0645\u0648\u0643\u0644\u064a\u0646\u0627 \u062f\u0627\u062e\u0644 \u0642\u0627\u0639\u0627\u062a \u0627\u0644\u0645\u062d\u0627\u0643\u0645 \u0644\u0636\u0645\u0627\u0646 \u0627\u0644\u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0627\u0644\u0633\u0644\u064a\u0645\u0629\u060c \u0648\u062d\u0645\u0627\u064a\u0629 \u0627\u0644\u062d\u0642\u0648\u0642\u060c \u0648\u062a\u0623\u0645\u064a\u0646 \u0627\u0644\u0639\u062f\u0627\u0644\u0629 \u0627\u0644\u062a\u064a \u062a\u0633\u062a\u062d\u0642\u0647\u0627 \u0628\u062d\u0642.\r\n                <\/p>\r\n                <div class=\"slide-actions\">\r\n                    <a href=\"https:\/\/almajdlawfirm.com\/\u062a\u0648\u0627\u0635\u0644-\u0645\u0639\u0646\u0627\/\" class=\"btn-primary-v3\">\r\n                        <span>\u0627\u0637\u0644\u0628 \u062f\u0639\u0645 \u0627\u0644\u062a\u0642\u0627\u0636\u064a<\/span>\r\n                        <span class=\"arrow\">&larr;<\/span>\r\n                    <\/a>\r\n                    <a href=\"https:\/\/almajdlawfirm.com\/\u0645\u062c\u0627\u0644\u0627\u062a-\u0627\u0644\u0645\u0645\u0627\u0631\u0633\u0629\/\" class=\"btn-secondary-v3\">\r\n                        <span>\u0627\u0633\u062a\u0643\u0634\u0641 \u0627\u0644\u0645\u062c\u0627\u0644\u0627\u062a<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Slide 4 -->\r\n        <div class=\"hero-slide-v3\">\r\n            <div class=\"slide-bg\" style=\"background-image: url('https:\/\/www.image2url.com\/r2\/default\/images\/1784726934246-0fe2f11f-1f64-4a8d-a4c7-d3e9e0481a81.jpg');\"><\/div>\r\n            <div class=\"slide-overlay\"><\/div>\r\n            <div class=\"slide-inner\">\r\n                <span class=\"slide-badge\">\u0645\u0639\u0627\u064a\u064a\u0631 \u0639\u0627\u0644\u0645\u064a\u0629<\/span>\r\n                <h1 class=\"slide-title\">\r\n                    \u062d\u0644\u0648\u0644 \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0634\u0627\u0645\u0644\u0629 <span class=\"highlight\">\u0628\u0644\u0627 \u062d\u062f\u0648\u062f.<\/span>\r\n                <\/h1>\r\n                <p class=\"slide-desc\">\r\n                    \u0646\u0631\u0628\u0637 \u0628\u064a\u0646 \u0627\u0644\u0623\u0637\u0631 \u0627\u0644\u062a\u0646\u0638\u064a\u0645\u064a\u0629 \u0627\u0644\u0645\u062d\u0644\u064a\u0629 \u0648\u0627\u0644\u062f\u0648\u0644\u064a\u0629 \u0627\u0644\u0645\u0639\u0642\u062f\u0629 \u0644\u062a\u0642\u062f\u064a\u0645 \u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0633\u0644\u0633\u0629 \u0648\u0641\u0639\u0627\u0644\u0629 \u0644\u0643\u0644 \u0645\u0646 \u0627\u0644\u0643\u064a\u0627\u0646\u0627\u062a \u0645\u062a\u0639\u062f\u062f\u0629 \u0627\u0644\u062c\u0646\u0633\u064a\u0627\u062a \u0648\u0627\u0644\u0623\u0641\u0631\u0627\u062f \u0639\u0644\u0649 \u062d\u062f \u0633\u0648\u0627\u0621.\r\n                <\/p>\r\n                <div class=\"slide-actions\">\r\n                    <a href=\"https:\/\/almajdlawfirm.com\/\u062a\u0648\u0627\u0635\u0644-\u0645\u0639\u0646\u0627\/\" class=\"btn-primary-v3\">\r\n                        <span>\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/span>\r\n                        <span class=\"arrow\">&larr;<\/span>\r\n                    <\/a>\r\n                    <a href=\"https:\/\/almajdlawfirm.com\/\u0645\u062c\u0627\u0644\u0627\u062a-\u0627\u0644\u0645\u0645\u0627\u0631\u0633\u0629\/\" class=\"btn-secondary-v3\">\r\n                        <span>\u0639\u0631\u0636 \u0627\u0644\u062e\u062f\u0645\u0627\u062a<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- Centered Floating Navigation Hub -->\r\n    <div class=\"slider-nav-v3\">\r\n        <div class=\"nav-indicators-v3\">\r\n            <span class=\"ind active\" data-index=\"0\"><\/span>\r\n            <span class=\"ind\" data-index=\"1\"><\/span>\r\n            <span class=\"ind\" data-index=\"2\"><\/span>\r\n            <span class=\"ind\" data-index=\"3\"><\/span>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* --- \u062a\u0635\u0645\u064a\u0645 \u0645\u0631\u0643\u0632\u064a \u0641\u0627\u062e\u0631 \u0648\u0645\u062d\u0633\u0651\u0646 \u0644\u0633\u0637\u062d \u0627\u0644\u0645\u0643\u062a\u0628 --- *\/\r\n.legal-hero-slider-v3 {\r\n    position: relative;\r\n    width: 100%;\r\n    min-height: 100vh;\r\n    background-color: #0a0a0a;\r\n    overflow: hidden;\r\n    box-sizing: border-box;\r\n    font-family: 'Tajawal', sans-serif;\r\n    direction: rtl; \r\n    text-align: center; \/* \u062a\u062b\u0628\u064a\u062a \u0627\u0644\u0645\u062d\u0627\u0630\u0627\u0629 \u0641\u064a \u0627\u0644\u0645\u0646\u062a\u0635\u0641 \u062a\u0645\u0627\u0645\u0627\u064b *\/\r\n}\r\n\r\n\/* \u062f\u0639\u0645 \u0627\u0644\u062a\u0648\u062c\u064a\u0647 \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a \u0645\u0639 \u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0627\u0644\u0645\u0646\u062a\u0635\u0641 *\/\r\n.legal-hero-slider-v3[dir=\"ltr\"] {\r\n    direction: ltr;\r\n    text-align: center; \/* \u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0627\u0644\u0645\u0646\u062a\u0635\u0641 \u0644\u0644\u0640 LTR *\/\r\n}\r\n\r\n.legal-hero-slider-v3 *, \r\n.legal-hero-slider-v3 *::before, \r\n.legal-hero-slider-v3 *::after {\r\n    font-family: 'Tajawal', sans-serif;\r\n    box-sizing: border-box;\r\n}\r\n\r\n.slider-track-v3 {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 100vh;\r\n}\r\n\r\n.hero-slide-v3 {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    text-align: center; \/* \u0636\u0645\u0627\u0646 \u062a\u0648\u0633\u0637 \u0627\u0644\u0646\u0635\u0648\u0635 \u062f\u0627\u0626\u0645\u0627\u064b *\/\r\n    padding: 0 20px;\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    transition: opacity 1.2s cubic-bezier(0.4, 0, 0.2, 1), visibility 1.2s cubic-bezier(0.4, 0, 0.2, 1);\r\n    z-index: 1;\r\n}\r\n\r\n.hero-slide-v3.active {\r\n    opacity: 1;\r\n    visibility: visible;\r\n    z-index: 2;\r\n}\r\n\r\n\/* \u062e\u0644\u0641\u064a\u0629 \u0645\u0639 \u062a\u0623\u062b\u064a\u0631 \u062a\u0643\u0628\u064a\u0631 \u0633\u064a\u0646\u0645\u0627\u0626\u064a *\/\r\n.slide-bg {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background-size: cover;\r\n    background-position: center;\r\n    background-repeat: no-repeat;\r\n    transform: scale(1.1);\r\n    transition: transform 8s cubic-bezier(0.25, 1, 0.5, 1);\r\n    z-index: 1;\r\n}\r\n\r\n.hero-slide-v3.active .slide-bg {\r\n    transform: scale(1);\r\n}\r\n\r\n\/* \u062a\u062f\u0631\u062c \u0644\u0648\u0646\u064a \u062f\u0627\u0626\u0631\u064a \u0645\u0631\u0643\u0632\u064a \u0644\u062a\u062d\u0633\u064a\u0646 \u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u0646\u0635 *\/\r\n.slide-overlay {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: radial-gradient(circle at center, rgba(10, 10, 10, 0.5) 0%, rgba(10, 10, 10, 0.85) 60%, rgba(10, 10, 10, 0.95) 100%);\r\n    z-index: 2;\r\n}\r\n\r\n\/* \u062d\u0627\u0648\u064a\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0645\u0631\u0643\u0632\u064a *\/\r\n.slide-inner {\r\n    position: relative;\r\n    z-index: 3;\r\n    max-width: 900px;\r\n    width: 100%;\r\n    margin: 0 auto;\r\n    transform: translateY(40px);\r\n    opacity: 0;\r\n    transition: transform 1s cubic-bezier(0.16, 1, 0.3, 1) 0.3s, opacity 1s ease 0.3s;\r\n}\r\n\r\n.hero-slide-v3.active .slide-inner {\r\n    transform: translateY(0);\r\n    opacity: 1;\r\n}\r\n\r\n\/* \u0627\u0644\u0634\u0627\u0631\u0629 \u0627\u0644\u0639\u0644\u0648\u064a\u0629 *\/\r\n.slide-badge {\r\n    display: inline-block;\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    letter-spacing: 3px;\r\n    color: #bfa15f;\r\n    text-transform: uppercase;\r\n    margin-bottom: 24px;\r\n    padding-bottom: 8px;\r\n    border-bottom: 2px solid rgba(191, 161, 95, 0.4);\r\n    position: relative;\r\n}\r\n\r\n\/* \u062a\u0648\u0633\u064a\u0637 \u0648\u062a\u0645\u062f\u062f \u062e\u0637 \u0627\u0644\u0634\u0627\u0631\u0629 \u0627\u0644\u0639\u0644\u0648\u064a \u0628\u0627\u0644\u062a\u0633\u0627\u0648\u064a *\/\r\n.legal-hero-slider-v3 .slide-badge::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: -2px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    width: 0;\r\n    height: 2px;\r\n    background-color: #bfa15f;\r\n    transition: width 0.8s ease 0.8s;\r\n}\r\n.legal-hero-slider-v3 .hero-slide-v3.active .slide-badge::after {\r\n    width: 100%;\r\n}\r\n\r\n\/* \u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0631\u0626\u064a\u0633\u064a *\/\r\n.slide-title {\r\n    font-size: clamp(2.5rem, 5.5vw, 4.5rem);\r\n    line-height: 1.2;\r\n    font-weight: 800;\r\n    color: #ffffff;\r\n    margin: 0 0 24px 0;\r\n    text-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);\r\n}\r\n\r\n.slide-title .highlight {\r\n    color: #bfa15f;\r\n    font-weight: 800;\r\n    display: block; \r\n    margin-top: 8px;\r\n}\r\n\r\n\/* \u0627\u0644\u0648\u0635\u0641 *\/\r\n.slide-desc {\r\n    font-size: clamp(1.05rem, 1.5vw, 1.25rem);\r\n    line-height: 1.8;\r\n    color: rgba(255, 255, 255, 0.85);\r\n    margin: 0 auto 40px auto;\r\n    font-weight: 400;\r\n    max-width: 700px;\r\n    text-align: center;\r\n}\r\n\r\n\/* \u062d\u0627\u0648\u064a\u0629 \u0627\u0644\u0623\u0632\u0631\u0627\u0631 *\/\r\n.slide-actions {\r\n    display: flex;\r\n    gap: 20px;\r\n    justify-content: center;\r\n    flex-wrap: wrap;\r\n}\r\n\r\n\/* \u0627\u0644\u0632\u0631 \u0627\u0644\u0623\u0633\u0627\u0633\u064a *\/\r\n.btn-primary-v3 {\r\n    background-color: #1C321B;\r\n    color: #ffffff;\r\n    padding: 18px 36px;\r\n    font-size: 15px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.5px;\r\n    text-decoration: none;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    border-radius: 6px;\r\n    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);\r\n    box-shadow: 0 8px 25px rgba(28, 50, 27, 0.4);\r\n    border: 1px solid transparent;\r\n}\r\n\r\n.btn-primary-v3:hover {\r\n    background-color: #2a4a28;\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 12px 35px rgba(28, 50, 27, 0.6);\r\n    border-color: rgba(191, 161, 95, 0.3);\r\n}\r\n\r\n.btn-primary-v3 .arrow {\r\n    transition: transform 0.4s ease;\r\n    font-size: 18px;\r\n}\r\n\r\n\/* \u0627\u062a\u062c\u0627\u0647 \u062d\u0631\u0643\u0629 \u0627\u0644\u0633\u0647\u0645 \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0627\u0644\u0644\u063a\u0629 (LTR\/RTL) \u0645\u0639 \u0628\u0642\u0627\u0621 \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0645\u062a\u0645\u0631\u0643\u0632\u0627\u064b *\/\r\n.legal-hero-slider-v3[dir=\"rtl\"] .btn-primary-v3:hover .arrow {\r\n    transform: translateX(-6px);\r\n}\r\n.legal-hero-slider-v3[dir=\"ltr\"] .btn-primary-v3:hover .arrow {\r\n    transform: translateX(6px);\r\n}\r\n\r\n\/* \u0627\u0644\u0632\u0631 \u0627\u0644\u062b\u0627\u0646\u0648\u064a *\/\r\n.btn-secondary-v3 {\r\n    background-color: rgba(255, 255, 255, 0.05);\r\n    color: #ffffff;\r\n    border: 1px solid rgba(255, 255, 255, 0.25);\r\n    padding: 18px 36px;\r\n    font-size: 15px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.5px;\r\n    text-decoration: none;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border-radius: 6px;\r\n    backdrop-filter: blur(4px);\r\n    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);\r\n}\r\n\r\n.btn-secondary-v3:hover {\r\n    border-color: #bfa15f;\r\n    color: #bfa15f;\r\n    background-color: rgba(191, 161, 95, 0.1);\r\n    transform: translateY(-3px);\r\n}\r\n\r\n\/* --- \u0645\u0624\u0634\u0631\u0627\u062a \u0627\u0644\u062a\u0646\u0642\u0644 \u0627\u0644\u0645\u0631\u0643\u0632\u064a\u0629 --- *\/\r\n.slider-nav-v3 {\r\n    position: absolute;\r\n    bottom: 50px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    z-index: 10;\r\n    display: flex;\r\n    align-items: center;\r\n}\r\n\r\n.nav-indicators-v3 {\r\n    display: flex;\r\n    gap: 16px;\r\n    align-items: center;\r\n    padding: 12px 24px;\r\n    background: rgba(255, 255, 255, 0.05);\r\n    backdrop-filter: blur(10px);\r\n    border-radius: 30px;\r\n    border: 1px solid rgba(255, 255, 255, 0.1);\r\n}\r\n\r\n.nav-indicators-v3 .ind {\r\n    width: 10px;\r\n    height: 10px;\r\n    border-radius: 50%;\r\n    background-color: rgba(255, 255, 255, 0.3);\r\n    cursor: pointer;\r\n    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);\r\n}\r\n\r\n.nav-indicators-v3 .ind:hover {\r\n    background-color: rgba(255, 255, 255, 0.7);\r\n}\r\n\r\n.nav-indicators-v3 .ind.active {\r\n    background-color: #bfa15f;\r\n    width: 32px;\r\n    border-radius: 10px;\r\n    box-shadow: 0 0 15px rgba(191, 161, 95, 0.5);\r\n}\r\n\r\n\/* --- \u0627\u0644\u062a\u062c\u0627\u0648\u0628 \u0645\u0639 \u0627\u0644\u0634\u0627\u0634\u0627\u062a (Responsive) --- *\/\r\n@media (max-width: 1024px) {\r\n    .slide-title {\r\n        font-size: clamp(2.2rem, 6vw, 3.5rem);\r\n    }\r\n    .slide-desc {\r\n        max-width: 600px;\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .hero-slide-v3 {\r\n        justify-content: flex-end;\r\n        padding-bottom: 120px;\r\n        align-items: center;\r\n    }\r\n    \r\n    .slide-inner {\r\n        transform: translateY(30px);\r\n    }\r\n    \r\n    .slide-title {\r\n        font-size: 2rem;\r\n        margin-bottom: 16px;\r\n    }\r\n    \r\n    .slide-title .highlight {\r\n        display: inline; \r\n        margin-top: 0;\r\n    }\r\n    \r\n    .slide-desc {\r\n        font-size: 1rem;\r\n        margin-bottom: 30px;\r\n        padding: 0 10px;\r\n    }\r\n    \r\n    .slide-actions {\r\n        flex-direction: column;\r\n        width: 100%;\r\n        max-width: 320px;\r\n        margin: 0 auto;\r\n        gap: 14px;\r\n    }\r\n    \r\n    .btn-primary-v3, .btn-secondary-v3 {\r\n        width: 100%;\r\n        justify-content: center;\r\n        padding: 16px 24px;\r\n    }\r\n    \r\n    .slider-nav-v3 {\r\n        bottom: 35px;\r\n    }\r\n    \r\n    .nav-indicators-v3 {\r\n        padding: 10px 20px;\r\n        gap: 12px;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .slide-badge {\r\n        font-size: 12px;\r\n        letter-spacing: 2px;\r\n    }\r\n    .slide-title {\r\n        font-size: 1.75rem;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n    const sliderContainer = document.querySelector(\".legal-hero-slider-v3\");\r\n    \r\n    function detectDirection() {\r\n        const htmlLang = document.documentElement.getAttribute(\"lang\") || \"\";\r\n        const htmlDir = document.documentElement.getAttribute(\"dir\") || \"\";\r\n        \r\n        if (window.location.pathname.includes('\/en\/') || htmlLang.toLowerCase().startsWith('en') || htmlDir === 'ltr') {\r\n            sliderContainer.setAttribute(\"dir\", \"ltr\");\r\n        } else {\r\n            sliderContainer.setAttribute(\"dir\", \"rtl\");\r\n        }\r\n    }\r\n\r\n    detectDirection();\r\n\r\n    const slides = document.querySelectorAll(\".hero-slide-v3\");\r\n    const indicators = document.querySelectorAll(\".nav-indicators-v3 .ind\");\r\n    \r\n    let currentIndex = 0;\r\n    let autoPlayTimer;\r\n    const intervalTime = 6000; \r\n\r\n    function showSlide(index) {\r\n        slides[currentIndex].classList.remove(\"active\");\r\n        indicators[currentIndex].classList.remove(\"active\");\r\n        \r\n        currentIndex = (index + slides.length) % slides.length;\r\n        \r\n        slides[currentIndex].classList.add(\"active\");\r\n        indicators[currentIndex].classList.add(\"active\");\r\n    }\r\n\r\n    function nextSlide() {\r\n        showSlide(currentIndex + 1);\r\n    }\r\n\r\n    indicators.forEach((ind) => {\r\n        ind.addEventListener(\"click\", function() {\r\n            const idx = parseInt(this.getAttribute(\"data-index\"));\r\n            showSlide(idx);\r\n            restartTimer();\r\n        });\r\n    });\r\n\r\n    function startTimer() {\r\n        autoPlayTimer = setInterval(nextSlide, intervalTime);\r\n    }\r\n\r\n    function restartTimer() {\r\n        clearInterval(autoPlayTimer);\r\n        startTimer();\r\n    }\r\n\r\n    startTimer();\r\n    \r\n    sliderContainer.addEventListener(\"mouseenter\", () => clearInterval(autoPlayTimer));\r\n    sliderContainer.addEventListener(\"mouseleave\", startTimer);\r\n});\r\n<\/script>\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-3dafa68 e-con-full e-flex e-con e-parent\" data-id=\"3dafa68\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7b8f92a elementor-widget elementor-widget-html\" data-id=\"7b8f92a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Include Google Fonts for Tajawal -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@300;400;500;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<div class=\"why-us-section-v2\">\r\n    <!-- Section Header -->\r\n    <div class=\"why-us-header\">\r\n        <span class=\"why-us-subtitle\">\u0644\u0645\u0627\u0630\u0627 \u062a\u062e\u062a\u0627\u0631\u0646\u0627<\/span>\r\n        <h2 class=\"why-us-title\">\u0634\u0631\u0627\u0643\u0629 \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0639\u0644\u0649 \u0623\u0633\u0633 \u0645\u0646 \u0627\u0644\u062b\u0642\u0629 \u0648\u0627\u0644\u0643\u0641\u0627\u0621\u0629<\/h2>\r\n        <p class=\"why-us-desc\">\u0646\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u062e\u0628\u0631\u0629 \u0627\u0644\u0639\u0645\u064a\u0642\u0629 \u0641\u064a \u0627\u0644\u0642\u0627\u0646\u0648\u0646 \u0627\u0644\u062f\u0648\u0644\u064a \u0648\u0627\u0644\u0645\u0645\u0627\u0631\u0633\u0627\u062a \u0627\u0644\u0625\u0642\u0644\u064a\u0645\u064a\u0629 \u0641\u064a \u0627\u0644\u0623\u0631\u062f\u0646 \u0644\u062a\u0642\u062f\u064a\u0645 \u0623\u0641\u0636\u0644 \u0627\u0644\u062d\u0644\u0648\u0644 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0644\u0639\u0645\u0644\u0627\u0626\u0646\u0627.<\/p>\r\n    <\/div>\r\n\r\n    <!-- Cards Grid -->\r\n    <div class=\"why-us-grid\">\r\n        \r\n        <!-- Card 1: \u0641\u0631\u064a\u0642 \u0645\u062a\u0643\u0627\u0645\u0644 -->\r\n        <div class=\"why-us-card\" style=\"--card-index: 1;\">\r\n            <div class=\"icon-box\">\r\n                <svg class=\"feature-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                    <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path>\r\n                    <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\r\n                    <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path>\r\n                    <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path>\r\n                <\/svg>\r\n            <\/div>\r\n            <h3 class=\"card-title\">\u0641\u0631\u064a\u0642 \u0645\u062a\u0643\u0627\u0645\u0644<\/h3>\r\n            <p class=\"card-desc\">\u0641\u0631\u064a\u0642 \u0645\u0646 \u0627\u0644\u0645\u062d\u0627\u0645\u064a\u0646 \u0627\u0644\u0645\u062a\u062e\u0635\u0635\u064a\u0646 \u0641\u064a \u0645\u062e\u062a\u0644\u0641 \u0645\u062c\u0627\u0644\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646 \u0644\u062a\u063a\u0637\u064a\u0629 \u062c\u0645\u064a\u0639 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a\u0643\u0645.<\/p>\r\n        <\/div>\r\n\r\n        <!-- Card 2: \u062d\u0644\u0648\u0644 \u0645\u062e\u0635\u0635\u0629 -->\r\n        <div class=\"why-us-card\" style=\"--card-index: 2;\">\r\n            <div class=\"icon-box\">\r\n                <svg class=\"feature-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                    <polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"><\/polygon>\r\n                <\/svg>\r\n            <\/div>\r\n            <h3 class=\"card-title\">\u062d\u0644\u0648\u0644 \u0645\u062e\u0635\u0635\u0629<\/h3>\r\n            <p class=\"card-desc\">\u0646\u062f\u0631\u0633 \u0643\u0644 \u0642\u0636\u064a\u0629 \u0628\u0639\u0646\u0627\u064a\u0629 \u0648\u0646\u0642\u062f\u0645 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0645\u0635\u0645\u0645\u0629 \u062e\u0635\u064a\u0635\u0627\u064b \u0644\u062a\u062d\u0642\u064a\u0642 \u0623\u0647\u062f\u0627\u0641 \u0639\u0645\u064a\u0644\u0646\u0627.<\/p>\r\n        <\/div>\r\n\r\n        <!-- Card 3: \u0646\u0632\u0627\u0647\u0629 \u0645\u0647\u0646\u064a\u0629 -->\r\n        <div class=\"why-us-card\" style=\"--card-index: 3;\">\r\n            <div class=\"icon-box\">\r\n                <svg class=\"feature-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                    <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path>\r\n                <\/svg>\r\n            <\/div>\r\n            <h3 class=\"card-title\">\u0646\u0632\u0627\u0647\u0629 \u0645\u0647\u0646\u064a\u0629<\/h3>\r\n            <p class=\"card-desc\">\u0646\u0644\u062a\u0632\u0645 \u0628\u0623\u0639\u0644\u0649 \u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u0623\u062e\u0644\u0627\u0642\u064a\u0627\u062a \u0627\u0644\u0645\u0647\u0646\u064a\u0629 \u0648\u0627\u0644\u0634\u0641\u0627\u0641\u064a\u0629 \u0641\u064a \u062a\u0639\u0627\u0645\u0644\u0627\u062a\u0646\u0627 \u0645\u0639 \u0639\u0645\u0644\u0627\u0626\u0646\u0627.<\/p>\r\n        <\/div>\r\n\r\n        <!-- Card 4: \u062e\u0628\u0631\u0629 \u0639\u0645\u064a\u0642\u0629 -->\r\n        <div class=\"why-us-card\" style=\"--card-index: 4;\">\r\n            <div class=\"icon-box\">\r\n                <svg class=\"feature-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                    <path d=\"M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H20v20H6.5a2.5 2.5 0 0 1-2.5-2.5Z\"><\/path>\r\n                    <path d=\"M12 6v6\"><\/path>\r\n                    <path d=\"m9 9 3 3 3-3\"><\/path>\r\n                <\/svg>\r\n            <\/div>\r\n            <h3 class=\"card-title\">\u062e\u0628\u0631\u0629 \u0639\u0645\u064a\u0642\u0629<\/h3>\r\n            <p class=\"card-desc\">\u0623\u0643\u062b\u0631 \u0645\u0646 \u0639\u0634\u0631\u064a\u0646 \u0639\u0627\u0645\u0627\u064b \u0645\u0646 \u0627\u0644\u0645\u0645\u0627\u0631\u0633\u0629 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0641\u064a \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0623\u0631\u062f\u0646\u064a\u0629 \u0627\u0644\u0647\u0627\u0634\u0645\u064a\u0629 \u0648\u0627\u0644\u0645\u0646\u0637\u0642\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629.<\/p>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* --- Main Section Styles --- *\/\r\n.why-us-section-v2 {\r\n    width: 100%;\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n    padding: 80px 5%;\r\n    background-color: #faf9f6;\r\n    box-sizing: border-box;\r\n    font-family: 'Tajawal', sans-serif;\r\n    overflow: hidden;\r\n    direction: rtl;\r\n    text-align: right;\r\n}\r\n\r\n.why-us-section-v2[dir=\"ltr\"] {\r\n    direction: ltr;\r\n    text-align: left;\r\n}\r\n\r\n.why-us-section-v2 *, \r\n.why-us-section-v2 *::before, \r\n.why-us-section-v2 *::after {\r\n    font-family: 'Tajawal', sans-serif;\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* Header Layout *\/\r\n.why-us-header {\r\n    text-align: center;\r\n    max-width: 700px;\r\n    margin: 0 auto 60px auto;\r\n}\r\n\r\n.why-us-subtitle {\r\n    display: inline-block;\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    letter-spacing: 2px;\r\n    color: #bfa15f;\r\n    text-transform: uppercase;\r\n    margin-bottom: 12px;\r\n    padding-bottom: 4px;\r\n    border-bottom: 2px solid #bfa15f;\r\n}\r\n\r\n.why-us-title {\r\n    font-size: clamp(1.8rem, 3vw, 2.8rem);\r\n    font-weight: 800;\r\n    color: #111111;\r\n    line-height: 1.3;\r\n    margin: 0 0 15px 0;\r\n}\r\n\r\n.why-us-desc {\r\n    font-size: clamp(0.95rem, 1.2vw, 1.05rem);\r\n    color: #666666;\r\n    line-height: 1.7;\r\n    margin: 0;\r\n    font-weight: 400;\r\n}\r\n\r\n\/* Grid Layout *\/\r\n.why-us-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 25px;\r\n    width: 100%;\r\n}\r\n\r\n\/* Individual Card Styles *\/\r\n.why-us-card {\r\n    background-color: #ffffff;\r\n    border: 1px solid rgba(191, 161, 95, 0.2);\r\n    padding: 40px 30px;\r\n    border-radius: 6px;\r\n    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.02);\r\n    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-color 0.4s ease;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n    \r\n    \/* Entry Animation Initial State *\/\r\n    opacity: 0;\r\n    transform: translateY(30px);\r\n    animation: fadeInUpWhyUs 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;\r\n    animation-delay: calc(var(--card-index) * 0.15s);\r\n}\r\n\r\n.why-us-card:hover {\r\n    transform: translateY(-8px);\r\n    border-color: #bfa15f;\r\n    box-shadow: 0 15px 35px rgba(191, 161, 95, 0.12);\r\n}\r\n\r\n\/* Icon Container & Hover Effect *\/\r\n.icon-box {\r\n    width: 60px;\r\n    height: 60px;\r\n    background-color: rgba(191, 161, 95, 0.08);\r\n    border-radius: 12px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-bottom: 25px;\r\n    transition: background-color 0.4s ease, transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n}\r\n\r\n.feature-icon {\r\n    width: 28px;\r\n    height: 28px;\r\n    color: #bfa15f;\r\n    transition: color 0.3s ease, transform 0.3s ease;\r\n}\r\n\r\n.why-us-card:hover .icon-box {\r\n    background-color: #1C321B;\r\n    transform: scale(1.1) rotate(5deg);\r\n}\r\n\r\n.why-us-card:hover .feature-icon {\r\n    color: #bfa15f;\r\n}\r\n\r\n\/* Card Text Styles *\/\r\n.card-title {\r\n    font-size: 1.25rem;\r\n    font-weight: 700;\r\n    color: #111111;\r\n    margin: 0 0 12px 0;\r\n    transition: color 0.3s ease;\r\n}\r\n\r\n.why-us-card:hover .card-title {\r\n    color: #1C321B;\r\n}\r\n\r\n.card-desc {\r\n    font-size: 0.95rem;\r\n    color: #666666;\r\n    line-height: 1.7;\r\n    margin: 0;\r\n    font-weight: 400;\r\n}\r\n\r\n\/* Entry Animation Keyframes *\/\r\n@keyframes fadeInUpWhyUs {\r\n    to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n}\r\n\r\n\/* Responsive adjustments *\/\r\n@media (max-width: 1200px) {\r\n    .why-us-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .why-us-section-v2 {\r\n        padding: 50px 5%;\r\n    }\r\n    .why-us-grid {\r\n        grid-template-columns: 1fr;\r\n    }\r\n    .why-us-card {\r\n        padding: 30px 20px;\r\n    }\r\n    .why-us-header {\r\n        margin-bottom: 40px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n    const whyUsSection = document.querySelector(\".why-us-section-v2\");\r\n    \r\n    \/\/ Automatic LTR detection for TranslatePress English translation view\r\n    const htmlLang = document.documentElement.getAttribute(\"lang\") || \"\";\r\n    const htmlDir = document.documentElement.getAttribute(\"dir\") || \"\";\r\n    \r\n    if (window.location.pathname.includes('\/en\/') || htmlLang.toLowerCase().startsWith('en') || htmlDir === 'ltr') {\r\n        whyUsSection.setAttribute(\"dir\", \"ltr\");\r\n    } else {\r\n        whyUsSection.setAttribute(\"dir\", \"rtl\");\r\n    }\r\n});\r\n<\/script>\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-7d435bb e-con-full e-flex e-con e-parent\" data-id=\"7d435bb\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2d29be4 elementor-widget elementor-widget-html\" data-id=\"2d29be4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Google Font & FontAwesome for professional icons -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700;800&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<div class=\"law-services\">\r\n  <div class=\"section-header\">\r\n    <div class=\"header-left\">\r\n      <span class=\"subtitle\">\u062e\u0628\u0631\u0627\u062a\u0646\u0627<\/span>\r\n      <h2 class=\"section-title\">\u0645\u062c\u0627\u0644\u0627\u062a \u0645\u0645\u0627\u0631\u0633\u062a\u0646\u0627<\/h2>\r\n    <\/div>\r\n    <div class=\"header-right\">\r\n      <a href=\"https:\/\/almajdlawfirm.com\/\u0645\u062c\u0627\u0644\u0627\u062a-\u0627\u0644\u0645\u0645\u0627\u0631\u0633\u0629\/\" class=\"view-all\">\u0639\u0631\u0636 \u062c\u0645\u064a\u0639 \u0627\u0644\u0645\u062c\u0627\u0644\u0627\u062a <span class=\"arrow\">\u2190<\/span><\/a>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"practice-grid\">\r\n\r\n    <!-- 1. \u0642\u0627\u0646\u0648\u0646 \u0627\u0644\u0634\u0631\u0643\u0627\u062a -->\r\n    <div class=\"service-box\">\r\n      <div class=\"card-content-top\">\r\n        <div class=\"card-line\"><\/div>\r\n        <h3 class=\"card-title\">\u0642\u0627\u0646\u0648\u0646 \u0627\u0644\u0634\u0631\u0643\u0627\u062a<\/h3>\r\n        <p class=\"card-description\">\u0646\u0642\u062f\u0645 \u062e\u062f\u0645\u0627\u062a \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0644\u0644\u0634\u0631\u0643\u0627\u062a \u0648\u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a \u0628\u0645\u0627 \u064a\u0636\u0645\u0646 \u062d\u0645\u0627\u064a\u0629 \u0645\u0635\u0627\u0644\u062d\u0647\u0627 \u0648\u062d\u0644 \u0627\u0644\u0646\u0632\u0627\u0639\u0627\u062a.<\/p>\r\n        <a href=\"https:\/\/almajdlawfirm.com\/\u0645\u062c\u0627\u0644\u0627\u062a-\u0627\u0644\u0645\u0645\u0627\u0631\u0633\u0629\/\" class=\"card-link\">\u0625\u0642\u0631\u0623 \u0627\u0644\u0645\u0632\u064a\u062f <span class=\"arrow\">\u2190<\/span><\/a>\r\n      <\/div>\r\n      <div class=\"service-icon card-icon\">\r\n        <i class=\"fa-solid fa-building-columns\"><\/i>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- 2. \u0627\u0644\u062a\u0642\u0627\u0636\u064a \u0648\u062a\u0633\u0648\u064a\u0629 \u0627\u0644\u0646\u0632\u0627\u0639\u0627\u062a -->\r\n    <div class=\"service-box\">\r\n      <div class=\"card-content-top\">\r\n        <div class=\"card-line\"><\/div>\r\n        <h3 class=\"card-title\">\u0627\u0644\u062a\u0642\u0627\u0636\u064a \u0648\u062a\u0633\u0648\u064a\u0629 \u0627\u0644\u0646\u0632\u0627\u0639\u0627\u062a<\/h3>\r\n        <p class=\"card-description\">\u0646\u0645\u062b\u0644 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0623\u0645\u0627\u0645 \u0627\u0644\u0645\u062d\u0627\u0643\u0645 \u0641\u064a \u0645\u062e\u062a\u0644\u0641 \u0627\u0644\u0642\u0636\u0627\u064a\u0627 \u0648\u0646\u0642\u062f\u0645 \u062d\u0644\u0648\u0644\u0627\u064b \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0641\u0639\u0627\u0644\u0629.<\/p>\r\n        <a href=\"https:\/\/almajdlawfirm.com\/\u0645\u062c\u0627\u0644\u0627\u062a-\u0627\u0644\u0645\u0645\u0627\u0631\u0633\u0629\/\" class=\"card-link\">\u0625\u0642\u0631\u0623 \u0627\u0644\u0645\u0632\u064a\u062f <span class=\"arrow\">\u2190<\/span><\/a>\r\n      <\/div>\r\n      <div class=\"service-icon card-icon\">\r\n        <i class=\"fa-solid fa-scale-balanced\"><\/i>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- 3. \u0627\u0644\u062a\u062d\u0643\u064a\u0645 -->\r\n    <div class=\"service-box\">\r\n      <div class=\"card-content-top\">\r\n        <div class=\"card-line\"><\/div>\r\n        <h3 class=\"card-title\">\u0627\u0644\u062a\u062d\u0643\u064a\u0645<\/h3>\r\n        <p class=\"card-description\">\u062e\u0628\u0631\u0629 \u0648\u0627\u0633\u0639\u0629 \u0641\u064a \u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0627\u0644\u062a\u062d\u0643\u064a\u0645 \u0627\u0644\u0645\u062d\u0644\u064a\u0629 \u0648\u0627\u0644\u062f\u0648\u0644\u064a\u0629 \u0648\u062d\u0644 \u0627\u0644\u0646\u0632\u0627\u0639\u0627\u062a.<\/p>\r\n        <a href=\"https:\/\/almajdlawfirm.com\/\u0645\u062c\u0627\u0644\u0627\u062a-\u0627\u0644\u0645\u0645\u0627\u0631\u0633\u0629\/\" class=\"card-link\">\u0625\u0642\u0631\u0623 \u0627\u0644\u0645\u0632\u064a\u062f <span class=\"arrow\">\u2190<\/span><\/a>\r\n      <\/div>\r\n      <div class=\"service-icon card-icon\">\r\n        <i class=\"fa-solid fa-gavel\"><\/i>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- 4. \u0642\u0627\u0646\u0648\u0646 \u0627\u0644\u062a\u0623\u0645\u064a\u0646 -->\r\n    <div class=\"service-box\">\r\n      <div class=\"card-content-top\">\r\n        <div class=\"card-line\"><\/div>\r\n        <h3 class=\"card-title\">\u0642\u0627\u0646\u0648\u0646 \u0627\u0644\u062a\u0623\u0645\u064a\u0646<\/h3>\r\n        <p class=\"card-description\">\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0648\u062a\u0645\u062b\u064a\u0644 \u0645\u062a\u062e\u0635\u0635 \u0641\u064a \u0645\u0646\u0627\u0632\u0639\u0627\u062a \u0648\u0639\u0642\u0648\u062f \u0627\u0644\u062a\u0623\u0645\u064a\u0646 \u0648\u0627\u0644\u062a\u0639\u0648\u064a\u0636\u0627\u062a \u0644\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u062a\u0623\u0645\u064a\u0646 \u0648\u0627\u0644\u0623\u0641\u0631\u0627\u062f.<\/p>\r\n        <a href=\"https:\/\/almajdlawfirm.com\/\u0645\u062c\u0627\u0644\u0627\u062a-\u0627\u0644\u0645\u0645\u0627\u0631\u0633\u0629\/\" class=\"card-link\">\u0625\u0642\u0631\u0623 \u0627\u0644\u0645\u0632\u064a\u062f <span class=\"arrow\">\u2190<\/span><\/a>\r\n      <\/div>\r\n      <div class=\"service-icon card-icon\">\r\n        <i class=\"fa-solid fa-shield-halved\"><\/i>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- 5. \u0627\u0644\u0628\u0646\u0648\u0643 \u0648\u0627\u0644\u062a\u0645\u0648\u064a\u0644 -->\r\n    <div class=\"service-box\">\r\n      <div class=\"card-content-top\">\r\n        <div class=\"card-line\"><\/div>\r\n        <h3 class=\"card-title\">\u0627\u0644\u0628\u0646\u0648\u0643 \u0648\u0627\u0644\u062a\u0645\u0648\u064a\u0644<\/h3>\r\n        <p class=\"card-description\">\u062e\u062f\u0645\u0627\u062a \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0627\u0644\u062a\u0645\u0648\u064a\u0644 \u0648\u0627\u0644\u0645\u0639\u0627\u0645\u0644\u0627\u062a \u0627\u0644\u0628\u0646\u0643\u064a\u0629.<\/p>\r\n        <a href=\"https:\/\/almajdlawfirm.com\/\u0645\u062c\u0627\u0644\u0627\u062a-\u0627\u0644\u0645\u0645\u0627\u0631\u0633\u0629\/\" class=\"card-link\">\u0625\u0642\u0631\u0623 \u0627\u0644\u0645\u0632\u064a\u062f <span class=\"arrow\">\u2190<\/span><\/a>\r\n      <\/div>\r\n      <div class=\"service-icon card-icon\">\r\n        <i class=\"fa-solid fa-vault\"><\/i>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- 6. \u0627\u0644\u0639\u0645\u0644 \u0648\u0627\u0644\u062a\u0648\u0638\u064a\u0641 -->\r\n    <div class=\"service-box\">\r\n      <div class=\"card-content-top\">\r\n        <div class=\"card-line\"><\/div>\r\n        <h3 class=\"card-title\">\u0627\u0644\u0639\u0645\u0644 \u0648\u0627\u0644\u062a\u0648\u0638\u064a\u0641<\/h3>\r\n        <p class=\"card-description\">\u062d\u0644\u0648\u0644 \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0641\u064a \u0645\u062c\u0627\u0644 \u0627\u0644\u0639\u0645\u0644 \u0648\u0639\u0644\u0627\u0642\u0627\u062a \u0627\u0644\u0645\u0648\u0638\u0641\u064a\u0646.<\/p>\r\n        <a href=\"https:\/\/almajdlawfirm.com\/\u0645\u062c\u0627\u0644\u0627\u062a-\u0627\u0644\u0645\u0645\u0627\u0631\u0633\u0629\/\" class=\"card-link\">\u0625\u0642\u0631\u0623 \u0627\u0644\u0645\u0632\u064a\u062f <span class=\"arrow\">\u2190<\/span><\/a>\r\n      <\/div>\r\n      <div class=\"service-icon card-icon\">\r\n        <i class=\"fa-solid fa-users-gear\"><\/i>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  \/* Global Section Styles - Automatically detects document direction *\/\r\n  .law-services {\r\n    font-family: 'Cairo', 'Tajawal', sans-serif;\r\n    background-color: #FFFFFF;\r\n    padding: 60px 20px;\r\n    width: 100%;\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  \/* Dynamic Direction Fallback using HTML dir attribute *\/\r\n  .law-services[dir],\r\n  html[dir=\"rtl\"] .law-services,\r\n  :root:lang(ar) .law-services {\r\n    direction: rtl;\r\n    text-align: right;\r\n  }\r\n\r\n  html[dir=\"ltr\"] .law-services,\r\n  :root:lang(en) .law-services {\r\n    direction: ltr;\r\n    text-align: left;\r\n  }\r\n\r\n  \/* Header Layout *\/\r\n  .section-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: flex-end;\r\n    margin-bottom: 40px;\r\n    opacity: 0;\r\n    transform: translateY(30px);\r\n    animation: fadeInUp 0.8s ease forwards;\r\n  }\r\n\r\n  .subtitle {\r\n    font-family: 'Tajawal', sans-serif;\r\n    font-size: 11px;\r\n    letter-spacing: 2px;\r\n    color: #C19D65;\r\n    display: block;\r\n    margin-bottom: 10px;\r\n    position: relative;\r\n  }\r\n  \r\n  \/* Subtitle line adjustment for RTL\/LTR *\/\r\n  html[dir=\"rtl\"] .subtitle, :root:lang(ar) .subtitle {\r\n    padding-right: 30px;\r\n  }\r\n  html[dir=\"rtl\"] .subtitle::before, :root:lang(ar) .subtitle::before {\r\n    right: 0;\r\n    left: auto;\r\n  }\r\n\r\n  html[dir=\"ltr\"] .subtitle, :root:lang(en) .subtitle {\r\n    padding-left: 30px;\r\n  }\r\n  html[dir=\"ltr\"] .subtitle::before, :root:lang(en) .subtitle::before {\r\n    left: 0;\r\n    right: auto;\r\n    content: '';\r\n    position: absolute;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    width: 20px;\r\n    height: 1px;\r\n    background-color: #C19D65;\r\n  }\r\n\r\n  .section-title {\r\n    font-size: 36px;\r\n    font-weight: 700;\r\n    color: #111111;\r\n    margin: 0;\r\n  }\r\n\r\n  .view-all {\r\n    font-family: 'Tajawal', sans-serif;\r\n    font-size: 13px;\r\n    color: #666666;\r\n    text-decoration: none;\r\n    transition: color 0.3s;\r\n  }\r\n  \r\n  .view-all:hover {\r\n    color: #1C321B;\r\n  }\r\n\r\n  \/* Fully Responsive Grid System (3 Columns) *\/\r\n  .practice-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 30px;\r\n  }\r\n\r\n  \/* Card Default State *\/\r\n  .service-box {\r\n    background-color: #FFFFFF;\r\n    border: 1px solid #EAE4DC;\r\n    border-radius: 4px;\r\n    padding: 40px;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    position: relative;\r\n    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n    overflow: hidden;\r\n    opacity: 0;\r\n    transform: translateY(40px);\r\n    animation: fadeInUp 0.8s ease forwards;\r\n    box-sizing: border-box;\r\n    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);\r\n  }\r\n\r\n  \/* Staggered Animation Delays *\/\r\n  .service-box:nth-child(1) { animation-delay: 0.1s; }\r\n  .service-box:nth-child(2) { animation-delay: 0.2s; }\r\n  .service-box:nth-child(3) { animation-delay: 0.3s; }\r\n  .service-box:nth-child(4) { animation-delay: 0.4s; }\r\n  .service-box:nth-child(5) { animation-delay: 0.5s; }\r\n  .service-box:nth-child(6) { animation-delay: 0.6s; }\r\n\r\n  @keyframes fadeInUp {\r\n    to {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n    }\r\n  }\r\n\r\n  .card-content-top {\r\n    flex: 1;\r\n    z-index: 1;\r\n    min-width: 0;\r\n  }\r\n\r\n  \/* Icon Margins adapting to Language Direction *\/\r\n  html[dir=\"rtl\"] .service-icon, :root:lang(ar) .service-icon {\r\n    margin-right: 25px;\r\n    margin-left: 0;\r\n  }\r\n  html[dir=\"ltr\"] .service-icon, :root:lang(en) .service-icon {\r\n    margin-left: 25px;\r\n    margin-right: 0;\r\n  }\r\n\r\n  .service-icon {\r\n    z-index: 1;\r\n    transition: all 0.4s ease;\r\n    flex-shrink: 0;\r\n    font-size: 42px;\r\n    color: #1C321B;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n\r\n  .card-line {\r\n    width: 35px;\r\n    height: 2px;\r\n    background-color: #C19D65;\r\n    margin-bottom: 25px;\r\n    transition: background-color 0.4s ease, width 0.4s ease;\r\n  }\r\n\r\n  .card-title {\r\n    font-size: 22px;\r\n    font-weight: 600;\r\n    color: #111111;\r\n    margin: 0 0 15px 0;\r\n    transition: color 0.4s ease;\r\n  }\r\n\r\n  .card-description {\r\n    font-family: 'Tajawal', sans-serif;\r\n    font-size: 14px;\r\n    line-height: 1.6;\r\n    color: #666666;\r\n    margin: 0 0 30px 0;\r\n    transition: color 0.4s ease;\r\n  }\r\n\r\n  .card-link {\r\n    font-family: 'Tajawal', sans-serif;\r\n    font-size: 13px;\r\n    font-weight: 500;\r\n    color: #1C321B;\r\n    text-decoration: none;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    transition: color 0.4s ease;\r\n  }\r\n\r\n  \/* Arrow Direction Control for RTL vs LTR *\/\r\n  html[dir=\"rtl\"] .arrow, :root:lang(ar) .arrow {\r\n    margin-right: 6px;\r\n    margin-left: 0;\r\n    transform: rotate(180deg);\r\n  }\r\n  \r\n  html[dir=\"ltr\"] .arrow, :root:lang(en) .arrow {\r\n    margin-left: 6px;\r\n    margin-right: 0;\r\n    transform: rotate(0deg);\r\n  }\r\n  \r\n  .arrow {\r\n    display: inline-block;\r\n    transition: transform 0.3s;\r\n  }\r\n\r\n  \/* Hover States *\/\r\n  .service-box:hover {\r\n    background-color: #1C321B;\r\n    border-color: #1C321B;\r\n    transform: translateY(-6px);\r\n    box-shadow: 0 16px 32px rgba(28, 50, 27, 0.2);\r\n  }\r\n\r\n  .service-box:hover .card-title {\r\n    color: #FFFFFF;\r\n  }\r\n\r\n  .service-box:hover .card-description {\r\n    color: #E2E8E2;\r\n  }\r\n\r\n  .service-box:hover .card-link {\r\n    color: #C19D65;\r\n    font-weight: 600;\r\n  }\r\n\r\n  .service-box:hover .card-line {\r\n    background-color: #C19D65;\r\n    width: 50px;\r\n  }\r\n\r\n  .service-box:hover .service-icon {\r\n    color: #C19D65;\r\n    transform: scale(1.1);\r\n  }\r\n\r\n  \/* Hover Arrow Translation based on Language *\/\r\n  html[dir=\"rtl\"] .card-link:hover .arrow,\r\n  html[dir=\"rtl\"] .view-all:hover .arrow,\r\n  :root:lang(ar) .card-link:hover .arrow,\r\n  :root:lang(ar) .view-all:hover .arrow {\r\n    transform: rotate(180deg) translateX(-4px);\r\n  }\r\n\r\n  html[dir=\"ltr\"] .card-link:hover .arrow,\r\n  html[dir=\"ltr\"] .view-all:hover .arrow,\r\n  :root:lang(en) .card-link:hover .arrow,\r\n  :root:lang(en) .view-all:hover .arrow {\r\n    transform: rotate(0deg) translateX(4px);\r\n  }\r\n\r\n  \/* --- Enhanced Fluid Responsiveness --- *\/\r\n  @media (max-width: 1024px) {\r\n    .practice-grid {\r\n      grid-template-columns: repeat(2, 1fr);\r\n      gap: 20px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .section-header {\r\n      flex-direction: column;\r\n      align-items: flex-start;\r\n      gap: 15px;\r\n    }\r\n    .practice-grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n    .service-box {\r\n      padding: 30px 20px;\r\n      flex-direction: column-reverse;\r\n      align-items: flex-start;\r\n      gap: 20px;\r\n    }\r\n    html[dir=\"rtl\"] .service-icon, :root:lang(ar) .service-icon,\r\n    html[dir=\"ltr\"] .service-icon, :root:lang(en) .service-icon {\r\n      margin-right: 0;\r\n      margin-left: 0;\r\n    }\r\n  }\r\n<\/style>\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-54fd249 e-con e-atomic-element e-flexbox-base e-6f123d0 \" data-id=\"54fd249\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"54fd249\" data-e-type=\"e-flexbox\" data-id=\"54fd249\">\n    \t\t<div class=\"elementor-element elementor-element-09bd2eb elementor-widget elementor-widget-html\" data-id=\"09bd2eb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- \u062a\u0646\u0633\u064a\u0642\u0627\u062a \u0642\u0633\u0645 \u0622\u0631\u0627\u0621 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0627\u0644\u0645\u062d\u0633\u0651\u0646\u0629 \u0645\u0639 \u0625\u0635\u0644\u0627\u062d \u0645\u0634\u0643\u0644\u0629 \u0627\u0644\u062a\u0644\u0627\u0634\u064a -->\r\n<style>\r\n  .wp-testimonial-section {\r\n    background: #F8F7F3;\r\n    padding: 5rem 2rem;\r\n    font-family: 'Tajawal', sans-serif;\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  \/* Dynamic Direction Fallback using HTML dir and lang attributes *\/\r\n  .wp-testimonial-section[dir],\r\n  html[dir=\"rtl\"] .wp-testimonial-section,\r\n  :root:lang(ar) .wp-testimonial-section {\r\n    direction: rtl;\r\n    text-align: right;\r\n  }\r\n\r\n  html[dir=\"ltr\"] .wp-testimonial-section,\r\n  :root:lang(en) .wp-testimonial-section {\r\n    direction: ltr;\r\n    text-align: left;\r\n  }\r\n\r\n  .wp-testimonial-container {\r\n    max-width: 1000px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  .wp-testimonial-header {\r\n    text-align: center;\r\n    margin-bottom: 3rem;\r\n  }\r\n\r\n  .section-label {\r\n    color: #C8A14A;\r\n    font-weight: 700;\r\n    font-size: 0.95rem;\r\n    letter-spacing: 1px;\r\n    margin-bottom: 0.75rem;\r\n    display: block;\r\n  }\r\n\r\n  .wp-testimonial-line {\r\n    width: 50px;\r\n    height: 3px;\r\n    background: linear-gradient(90deg, transparent, #C8A14A, transparent);\r\n    margin: 0 auto 1.25rem;\r\n    border-radius: 2px;\r\n  }\r\n\r\n  .wp-testimonial-header h2 {\r\n    font-size: clamp(1.8rem, 3.5vw, 2.5rem);\r\n    font-weight: 800;\r\n    color: #111111;\r\n    margin: 0;\r\n    line-height: 1.3;\r\n  }\r\n\r\n  \/* \u062d\u0627\u0648\u064a\u0629 \u0627\u0644\u0628\u0637\u0627\u0642\u0629 \u0628\u0627\u0631\u062a\u0641\u0627\u0639 \u0645\u0636\u063a\u0648\u0637 \u0648\u0623\u0646\u064a\u0642 *\/\r\n  .wp-testimonial-wrapper {\r\n    position: relative;\r\n    max-width: 850px;\r\n    margin: 0 auto;\r\n    background: #ffffff;\r\n    border: 1px solid rgba(200, 161, 74, 0.15);\r\n    border-radius: 12px;\r\n    padding: 2.5rem 3rem;\r\n    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.04);\r\n    min-height: 280px;\r\n    overflow: hidden; \/* Prevent overflow during transitions *\/\r\n  }\r\n\r\n  \/* Quote mark position based on text direction *\/\r\n  html[dir=\"rtl\"] .wp-testimonial-wrapper::before,\r\n  :root:lang(ar) .wp-testimonial-wrapper::before {\r\n    content: '\"';\r\n    position: absolute;\r\n    top: 10px;\r\n    right: 25px;\r\n    left: auto;\r\n    font-size: 6rem;\r\n    font-family: serif;\r\n    color: rgba(200, 161, 74, 0.08);\r\n    line-height: 1;\r\n    pointer-events: none;\r\n    z-index: 0;\r\n  }\r\n\r\n  html[dir=\"ltr\"] .wp-testimonial-wrapper::before,\r\n  :root:lang(en) .wp-testimonial-wrapper::before {\r\n    content: '\"';\r\n    position: absolute;\r\n    top: 10px;\r\n    left: 25px;\r\n    right: auto;\r\n    font-size: 6rem;\r\n    font-family: serif;\r\n    color: rgba(200, 161, 74, 0.08);\r\n    line-height: 1;\r\n    pointer-events: none;\r\n    z-index: 0;\r\n  }\r\n\r\n  .testimonial-card {\r\n    position: absolute;\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    transition: opacity 0.6s ease-in-out, visibility 0.6s ease-in-out;\r\n    z-index: 1;\r\n  }\r\n\r\n  html[dir=\"rtl\"] .testimonial-card,\r\n  :root:lang(ar) .testimonial-card {\r\n    top: 2.5rem;\r\n    right: 3rem;\r\n    left: 3rem;\r\n  }\r\n\r\n  html[dir=\"ltr\"] .testimonial-card,\r\n  :root:lang(en) .testimonial-card {\r\n    top: 2.5rem;\r\n    left: 3rem;\r\n    right: 3rem;\r\n  }\r\n\r\n  .testimonial-card.active {\r\n    position: relative;\r\n    top: 0;\r\n    right: 0;\r\n    left: 0;\r\n    opacity: 1;\r\n    visibility: visible;\r\n    z-index: 2;\r\n  }\r\n\r\n  .wp-testimonial-text {\r\n    font-size: clamp(1.05rem, 1.6vw, 1.25rem);\r\n    line-height: 1.8;\r\n    color: #333333;\r\n    margin-bottom: 1.5rem;\r\n    position: relative;\r\n    z-index: 1;\r\n    font-weight: 500;\r\n  }\r\n\r\n  .wp-testimonial-author-row {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 1rem;\r\n    position: relative;\r\n    z-index: 1;\r\n  }\r\n\r\n  html[dir=\"rtl\"] .wp-testimonial-author-row::before,\r\n  :root:lang(ar) .wp-testimonial-author-row::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -15px;\r\n    right: 0;\r\n    left: auto;\r\n    width: 50px;\r\n    height: 2px;\r\n    background: #C8A14A;\r\n    opacity: 0.5;\r\n  }\r\n\r\n  html[dir=\"ltr\"] .wp-testimonial-author-row::before,\r\n  :root:lang(en) .wp-testimonial-author-row::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -15px;\r\n    left: 0;\r\n    right: auto;\r\n    width: 50px;\r\n    height: 2px;\r\n    background: #C8A14A;\r\n    opacity: 0.5;\r\n  }\r\n\r\n  .wp-testimonial-avatar {\r\n    width: 50px;\r\n    height: 50px;\r\n    border-radius: 50%;\r\n    background: linear-gradient(135deg, #C8A14A 0%, #B08D3E 100%);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    color: #FFFFFF;\r\n    font-weight: 800;\r\n    font-size: 1.2rem;\r\n    flex-shrink: 0;\r\n    box-shadow: 0 4px 12px rgba(200, 161, 74, 0.3);\r\n  }\r\n\r\n  html[dir=\"rtl\"] .wp-testimonial-info,\r\n  :root:lang(ar) .wp-testimonial-info {\r\n    text-align: right;\r\n  }\r\n\r\n  html[dir=\"ltr\"] .wp-testimonial-info,\r\n  :root:lang(en) .wp-testimonial-info {\r\n    text-align: left;\r\n  }\r\n\r\n  .wp-testimonial-name {\r\n    font-weight: 800;\r\n    color: #111111;\r\n    margin: 0 0 0.25rem 0;\r\n    font-size: 1.05rem;\r\n  }\r\n\r\n  .wp-testimonial-role {\r\n    color: #7a7a7a;\r\n    margin: 0;\r\n    font-size: 0.85rem;\r\n    font-weight: 500;\r\n  }\r\n\r\n  .wp-testimonial-dots {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    gap: 0.75rem;\r\n    margin-top: 2rem;\r\n  }\r\n\r\n  .wp-dot-btn {\r\n    height: 8px;\r\n    border-radius: 4px;\r\n    background: #E0D5B5;\r\n    border: none;\r\n    cursor: pointer;\r\n    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);\r\n    width: 8px;\r\n    padding: 0;\r\n  }\r\n\r\n  .wp-dot-btn:hover {\r\n    background: #C8A14A;\r\n  }\r\n\r\n  .wp-dot-btn.active {\r\n    width: 32px;\r\n    background: #C8A14A;\r\n    box-shadow: 0 2px 8px rgba(200, 161, 74, 0.4);\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .wp-testimonial-section {\r\n      padding: 3.5rem 1.5rem;\r\n    }\r\n    \r\n    .wp-testimonial-wrapper {\r\n      padding: 2rem 1.5rem;\r\n      min-height: 260px;\r\n    }\r\n    \r\n    html[dir=\"rtl\"] .testimonial-card,\r\n    :root:lang(ar) .testimonial-card {\r\n      top: 2rem;\r\n      right: 1.5rem;\r\n      left: 1.5rem;\r\n    }\r\n\r\n    html[dir=\"ltr\"] .testimonial-card,\r\n    :root:lang(en) .testimonial-card {\r\n      top: 2rem;\r\n      left: 1.5rem;\r\n      right: 1.5rem;\r\n    }\r\n    \r\n    html[dir=\"rtl\"] .wp-testimonial-wrapper::before,\r\n    :root:lang(ar) .wp-testimonial-wrapper::before {\r\n      font-size: 5rem;\r\n      top: 5px;\r\n      right: 15px;\r\n    }\r\n\r\n    html[dir=\"ltr\"] .wp-testimonial-wrapper::before,\r\n    :root:lang(en) .wp-testimonial-wrapper::before {\r\n      font-size: 5rem;\r\n      top: 5px;\r\n      left: 15px;\r\n    }\r\n    \r\n    .wp-testimonial-text {\r\n      font-size: 1rem;\r\n      margin-bottom: 1.25rem;\r\n    }\r\n    \r\n    .wp-testimonial-avatar {\r\n      width: 44px;\r\n      height: 44px;\r\n      font-size: 1.1rem;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .wp-testimonial-header h2 {\r\n      font-size: 1.6rem;\r\n    }\r\n    \r\n    .wp-testimonial-author-row {\r\n      flex-direction: column;\r\n      align-items: flex-start;\r\n      gap: 0.5rem;\r\n    }\r\n    \r\n    .wp-testimonial-author-row::before {\r\n      display: none;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<!-- \u0647\u064a\u0643\u0644 \u0642\u0633\u0645 \u0622\u0631\u0627\u0621 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 -->\r\n<section class=\"wp-testimonial-section\">\r\n  <div class=\"wp-testimonial-container\">\r\n    \r\n    <div class=\"wp-testimonial-header\">\r\n      <span class=\"section-label\">\u0622\u0631\u0627\u0621 \u0639\u0645\u0644\u0627\u0626\u0646\u0627<\/span>\r\n      <div class=\"wp-testimonial-line\"><\/div>\r\n      <h2>\u062b\u0642\u0629 \u0639\u0645\u0644\u0627\u0626\u0646\u0627 \u062a\u064f\u0644\u0647\u0645\u0646\u0627 \u0644\u0644\u062a\u0645\u064a\u0632<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"wp-testimonial-wrapper\">\r\n      \r\n      <!-- \u0627\u0644\u0631\u0623\u064a \u0627\u0644\u0623\u0648\u0644 -->\r\n      <div class=\"testimonial-card active\" data-index=\"0\">\r\n        <p class=\"wp-testimonial-text\">\r\n          \u0645\u0646\u0630 \u062a\u0639\u0627\u0645\u0644\u0646\u0627 \u0645\u0639 \u0634\u0631\u0643\u0629 \u0627\u0644\u0645\u062c\u062f\u060c \u0623\u0635\u0628\u062d \u0627\u0644\u0634\u0631\u064a\u0643 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a \u0627\u0644\u0623\u0645\u062b\u0644 \u0644\u0645\u062c\u0645\u0648\u0639\u062a\u0646\u0627. \u064a\u062a\u0645\u064a\u0632\u0648\u0646 \u0628\u0627\u0644\u0641\u0647\u0645 \u0627\u0644\u0639\u0645\u064a\u0642 \u0644\u0628\u064a\u0626\u0629 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0625\u0642\u0644\u064a\u0645\u064a\u0629\u060c \u0648\u062a\u0642\u062f\u064a\u0645 \u062d\u0644\u0648\u0644 \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0645\u0628\u062a\u0643\u0631\u0629 \u0648\u062f\u0642\u064a\u0642\u0629 \u062a\u062d\u0645\u064a \u0645\u0635\u0627\u0644\u062d\u0646\u0627.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- \u0627\u0644\u0631\u0623\u064a \u0627\u0644\u062b\u0627\u0646\u064a -->\r\n      <div class=\"testimonial-card\" data-index=\"1\">\r\n        <p class=\"wp-testimonial-text\">\r\n          \u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0648\u0627\u0644\u062a\u0641\u0627\u0646\u064a \u0644\u062f\u064a\u0647\u0645 \u0644\u0627 \u064a\u064f\u0639\u0644\u0649 \u0639\u0644\u064a\u0647. \u0644\u0642\u062f \u0633\u0627\u0639\u062f\u0648\u0646\u0627 \u0641\u064a \u062a\u062c\u0627\u0648\u0632 \u0627\u0644\u0639\u062f\u064a\u062f \u0645\u0646 \u0627\u0644\u062a\u062d\u062f\u064a\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0628\u0643\u0644 \u0633\u0644\u0627\u0633\u0629\u060c \u0645\u0645\u0627 \u064a\u0639\u0643\u0633 \u062e\u0628\u0631\u062a\u0647\u0645 \u0627\u0644\u0648\u0627\u0633\u0639\u0629 \u0648\u0641\u0631\u064a\u0642 \u0639\u0645\u0644\u0647\u0645 \u0627\u0644\u0627\u0633\u062a\u062b\u0646\u0627\u0626\u064a.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- \u0627\u0644\u0631\u0623\u064a \u0627\u0644\u062b\u0627\u0644\u062b -->\r\n      <div class=\"testimonial-card\" data-index=\"2\">\r\n        <p class=\"wp-testimonial-text\">\r\n          \u062e\u062f\u0645\u0629 \u0639\u0645\u0644\u0627\u0621 \u0627\u0633\u062a\u062b\u0646\u0627\u0626\u064a\u0629 \u0648\u0627\u0633\u062a\u062c\u0627\u0628\u0629 \u0633\u0631\u064a\u0639\u0629 \u0641\u064a \u0623\u064a \u0648\u0642\u062a. \u0623\u0646\u0635\u062d \u0628\u0634\u062f\u0629 \u0628\u0627\u0644\u062a\u0639\u0627\u0645\u0644 \u0645\u0639\u0647\u0645 \u0644\u0645\u0627 \u064a\u0642\u062f\u0645\u0648\u0646\u0647 \u0645\u0646 \u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u062f\u0642\u064a\u0642\u0629 \u0648\u0645\u0648\u062b\u0648\u0642\u0629\u060c \u0648\u0641\u0631\u064a\u0642 \u0639\u0645\u0644 \u064a\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u062e\u0628\u0631\u0629 \u0627\u0644\u0623\u0643\u0627\u062f\u064a\u0645\u064a\u0629 \u0648\u0627\u0644\u0645\u064a\u062f\u0627\u0646\u064a\u0629.\r\n        <\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- \u0623\u0632\u0631\u0627\u0631 \u0627\u0644\u062a\u0646\u0642\u0644 (\u0627\u0644\u0646\u0642\u0627\u0637) -->\r\n    <div class=\"wp-testimonial-dots\">\r\n      <button class=\"wp-dot-btn active\" data-index=\"0\" aria-label=\"\u0639\u0631\u0636 \u0627\u0644\u0631\u0623\u064a \u0627\u0644\u0623\u0648\u0644\"><\/button>\r\n      <button class=\"wp-dot-btn\" data-index=\"1\" aria-label=\"\u0639\u0631\u0636 \u0627\u0644\u0631\u0623\u064a \u0627\u0644\u062b\u0627\u0646\u064a\"><\/button>\r\n      <button class=\"wp-dot-btn\" data-index=\"2\" aria-label=\"\u0639\u0631\u0636 \u0627\u0644\u0631\u0623\u064a \u0627\u0644\u062b\u0627\u0644\u062b\"><\/button>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- \u0643\u0648\u062f \u0627\u0644\u0628\u0631\u0645\u062c\u0629 (JavaScript) \u0627\u0644\u0645\u064f\u062d\u0633\u0651\u0646 -->\r\n<script>\r\n  document.addEventListener('DOMContentLoaded', function () {\r\n    const cards = document.querySelectorAll('.testimonial-card');\r\n    const dots = document.querySelectorAll('.wp-dot-btn');\r\n    let currentIndex = 0;\r\n    let autoplayInterval;\r\n    let isTransitioning = false;\r\n    const intervalTime = 6000;\r\n\r\n    function showTestimonial(index) {\r\n      if (isTransitioning || index === currentIndex) return;\r\n      \r\n      isTransitioning = true;\r\n      \r\n      cards[currentIndex].classList.remove('active');\r\n      dots[currentIndex].classList.remove('active');\r\n      \r\n      currentIndex = index;\r\n      \r\n      setTimeout(() => {\r\n        cards[currentIndex].classList.add('active');\r\n        dots[currentIndex].classList.add('active');\r\n        isTransitioning = false;\r\n      }, 100);\r\n    }\r\n\r\n    function nextSlide() {\r\n      const nextIndex = (currentIndex + 1) % cards.length;\r\n      showTestimonial(nextIndex);\r\n    }\r\n\r\n    dots.forEach(dot => {\r\n      dot.addEventListener('click', function () {\r\n        const targetIndex = parseInt(this.getAttribute('data-index'));\r\n        showTestimonial(targetIndex);\r\n        resetAutoplay();\r\n      });\r\n    });\r\n\r\n    function startAutoplay() {\r\n      autoplayInterval = setInterval(nextSlide, intervalTime);\r\n    }\r\n\r\n    function resetAutoplay() {\r\n      clearInterval(autoplayInterval);\r\n      startAutoplay();\r\n    }\r\n\r\n    const wrapper = document.querySelector('.wp-testimonial-wrapper');\r\n    wrapper.addEventListener('mouseenter', () => clearInterval(autoplayInterval));\r\n    wrapper.addEventListener('mouseleave', startAutoplay);\r\n\r\n    startAutoplay();\r\n  });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-8676902 e-flex e-con-boxed e-con e-parent\" data-id=\"8676902\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-eeca609 e-con-full e-flex e-con e-child\" data-id=\"eeca609\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-058576e elementor-widget elementor-widget-html\" data-id=\"058576e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- \u062a\u0623\u0643\u062f \u0645\u0646 \u062a\u0636\u0645\u064a\u0646 \u062e\u0637 Tajawal \u0625\u0630\u0627 \u0644\u0645 \u064a\u0643\u0646 \u0645\u0636\u0645\u0651\u0646\u0627\u064b \u0645\u0633\u0628\u0642\u0627\u064b \u0641\u064a \u0627\u0644\u0635\u0641\u062d\u0629 -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@300;400;500;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<div class=\"cta-section-wrapper\">\r\n  <div class=\"cta-overlay\"><\/div>\r\n  <div class=\"cta-content-container\">\r\n    <div class=\"cta-gold-line\"><\/div>\r\n    <h2 class=\"cta-main-title\">\u0647\u0644 \u062a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0642\u0627\u0646\u0648\u0646\u064a\u0629\u061f<\/h2>\r\n    <p class=\"cta-description\">\r\n      \u0641\u0631\u064a\u0642\u0646\u0627 \u0645\u0646 \u0627\u0644\u0645\u062d\u0627\u0645\u064a\u0646 \u0627\u0644\u0645\u062a\u062e\u0635\u0635\u064a\u0646 \u062c\u0627\u0647\u0632 \u0644\u0645\u0633\u0627\u0639\u062f\u062a\u0643. \u0627\u062d\u062c\u0632 \u0627\u0633\u062a\u0634\u0627\u0631\u062a\u0643 \u0627\u0644\u0622\u0646 \u0648\u062f\u0639\u0646\u0627 \u0646\u062c\u062f \u0627\u0644\u062d\u0644 \u0627\u0644\u0623\u0645\u062b\u0644 \u0644\u0642\u0636\u064a\u062a\u0643 \u0628\u062f\u0642\u0629 \u0648\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629.\r\n    <\/p>\r\n    <div class=\"cta-button-wrapper\">\r\n      <a href=\"https:\/\/almajdlawfirm.com\/\u062a\u0648\u0627\u0635\u0644-\u0645\u0639\u0646\u0627\/\" class=\"cta-gold-btn\">\r\n        <span>\u0627\u062d\u062c\u0632 \u0627\u0633\u062a\u0634\u0627\u0631\u062a\u0643 \u0627\u0644\u0622\u0646<\/span>\r\n        <span class=\"btn-arrow\">&larr;<\/span>\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  \/* --- \u062a\u0635\u0645\u064a\u0645 \u0642\u0633\u0645 CTA \u0641\u0627\u062e\u0631 \u0648\u0645\u062d\u0633\u0651\u0646 \u0645\u0639 \u062f\u0639\u0645 \u0627\u0644\u0644\u063a\u062a\u064a\u0646 (RTL\/LTR) --- *\/\r\n  .cta-section-wrapper {\r\n    position: relative;\r\n    width: 100%;\r\n    min-height: 380px;\r\n    background-image: url('YOUR_BACKGROUND_IMAGE_URL_HERE'); \/* \u0627\u0633\u062a\u0628\u062f\u0644 \u0647\u0630\u0627 \u0628\u0631\u0627\u0628\u0637 \u0635\u0648\u0631\u062a\u0643 *\/\r\n    background-size: cover;\r\n    background-position: center;\r\n    background-attachment: fixed;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 6rem 2rem;\r\n    box-sizing: border-box;\r\n    font-family: 'Tajawal', sans-serif;\r\n    overflow: hidden;\r\n  }\r\n\r\n  \/* Dynamic Direction Fallback using HTML dir and lang attributes *\/\r\n  .cta-section-wrapper[dir],\r\n  html[dir=\"rtl\"] .cta-section-wrapper,\r\n  :root:lang(ar) .cta-section-wrapper {\r\n    direction: rtl;\r\n    text-align: right;\r\n  }\r\n\r\n  html[dir=\"ltr\"] .cta-section-wrapper,\r\n  :root:lang(en) .cta-section-wrapper {\r\n    direction: ltr;\r\n    text-align: left;\r\n  }\r\n\r\n  \/* \u0637\u0628\u0642\u0629 \u062a\u0631\u0627\u0643\u0628 \u0645\u062a\u062f\u0631\u062c\u0629 \u062f\u0627\u0643\u0646\u0629 \u0644\u0636\u0645\u0627\u0646 \u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u0646\u0635 \u0648\u0625\u0636\u0641\u0627\u0621 \u0637\u0627\u0628\u0639 \u0631\u0633\u0645\u064a *\/\r\n  .cta-overlay {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    \/* background: linear-gradient(135deg, rgba(15, 15, 15, 0.92) 0%, rgba(30, 30, 30, 0.88) 100%); *\/\r\n    z-index: 1;\r\n  }\r\n\r\n  \/* \u062a\u0648\u0647\u062c \u0630\u0647\u0628\u064a \u062e\u0641\u064a\u0641 \u062c\u062f\u0627\u064b \u0641\u064a \u0627\u0644\u062e\u0644\u0641\u064a\u0629 \u0644\u0625\u0636\u0627\u0641\u0629 \u0639\u0645\u0642 \u0628\u0635\u0631\u064a *\/\r\n  .cta-section-wrapper::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -50%;\r\n    left: -50%;\r\n    width: 200%;\r\n    height: 200%;\r\n    background: radial-gradient(circle, rgba(200, 161, 74, 0.06) 0%, transparent 60%);\r\n    z-index: 1;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .cta-content-container {\r\n    position: relative;\r\n    z-index: 2;\r\n    text-align: center;\r\n    max-width: 850px;\r\n    width: 100%;\r\n    margin: 0 auto;\r\n    animation: fadeInUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;\r\n  }\r\n\r\n  \/* \u062d\u0631\u0643\u0629 \u062f\u062e\u0648\u0644 \u0623\u0646\u064a\u0642\u0629 \u0644\u0644\u0645\u062d\u062a\u0648\u0649 *\/\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  .cta-gold-line {\r\n    width: 70px;\r\n    height: 3px;\r\n    background: linear-gradient(90deg, transparent, #C8A14A, transparent);\r\n    margin: 0 auto 1.5rem auto;\r\n    border-radius: 2px;\r\n  }\r\n\r\n  .cta-main-title {\r\n    font-size: clamp(2.2rem, 4.5vw, 3.5rem);\r\n    font-weight: 800;\r\n    color: #FFFFFF;\r\n    margin: 0 0 1.5rem 0;\r\n    line-height: 1.3;\r\n    text-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);\r\n  }\r\n\r\n  .cta-description {\r\n    font-size: clamp(1.05rem, 1.5vw, 1.25rem);\r\n    line-height: 1.8;\r\n    color: #CBD5E1;\r\n    margin: 0 auto 3rem auto;\r\n    max-width: 680px;\r\n    font-weight: 400;\r\n  }\r\n\r\n  .cta-button-wrapper {\r\n    display: flex;\r\n    justify-content: center;\r\n  }\r\n\r\n  .cta-gold-btn {\r\n    position: relative;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 12px;\r\n    background: linear-gradient(135deg, #C8A14A 0%, #B08D3E 100%);\r\n    color: #0F0F0F !important;\r\n    text-decoration: none;\r\n    font-size: 1.1rem;\r\n    font-weight: 700;\r\n    padding: 18px 48px;\r\n    border-radius: 6px;\r\n    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);\r\n    box-shadow: 0 8px 25px rgba(200, 161, 74, 0.25);\r\n    border: 1px solid rgba(255, 255, 255, 0.1);\r\n    overflow: hidden;\r\n  }\r\n\r\n  \/* \u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u0644\u0645\u0639\u0627\u0646 (Shine) \u0639\u0646\u062f \u0645\u0631\u0648\u0631 \u0627\u0644\u0645\u0627\u0648\u0633 *\/\r\n  .cta-gold-btn::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: -100%;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);\r\n    transition: left 0.6s ease;\r\n  }\r\n\r\n  .cta-gold-btn:hover {\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 12px 35px rgba(200, 161, 74, 0.4);\r\n    background: linear-gradient(135deg, #D4AF5A 0%, #C8A14A 100%);\r\n  }\r\n\r\n  .cta-gold-btn:hover::before {\r\n    left: 100%;\r\n  }\r\n\r\n  .cta-gold-btn:active {\r\n    transform: translateY(-1px);\r\n  }\r\n\r\n  \/* Arrow direction adaptation *\/\r\n  html[dir=\"rtl\"] .btn-arrow,\r\n  :root:lang(ar) .btn-arrow {\r\n    transform: rotate(0deg);\r\n  }\r\n\r\n  html[dir=\"ltr\"] .btn-arrow,\r\n  :root:lang(en) .btn-arrow {\r\n    transform: rotate(180deg);\r\n  }\r\n\r\n  .btn-arrow {\r\n    transition: transform 0.3s ease;\r\n    font-size: 1.2rem;\r\n    display: inline-block;\r\n  }\r\n\r\n  html[dir=\"rtl\"] .cta-gold-btn:hover .btn-arrow,\r\n  :root:lang(ar) .cta-gold-btn:hover .btn-arrow {\r\n    transform: translateX(-5px);\r\n  }\r\n\r\n  html[dir=\"ltr\"] .cta-gold-btn:hover .btn-arrow,\r\n  :root:lang(en) .cta-gold-btn:hover .btn-arrow {\r\n    transform: rotate(180deg) translateX(-5px);\r\n  }\r\n\r\n  \/* --- \u0627\u0644\u062a\u062c\u0627\u0648\u0628 \u0645\u0639 \u0627\u0644\u0634\u0627\u0634\u0627\u062a (Responsive) --- *\/\r\n  @media (max-width: 1024px) {\r\n    .cta-section-wrapper {\r\n      padding: 5rem 2rem;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .cta-section-wrapper {\r\n      padding: 4rem 1.5rem;\r\n      min-height: auto;\r\n      background-attachment: scroll;\r\n    }\r\n    \r\n    .cta-main-title {\r\n      font-size: 2rem;\r\n      margin-bottom: 1rem;\r\n    }\r\n    \r\n    .cta-description {\r\n      font-size: 1rem;\r\n      margin-bottom: 2rem;\r\n      padding: 0 10px;\r\n    }\r\n    \r\n    .cta-gold-btn {\r\n      width: 100%;\r\n      max-width: 320px;\r\n      padding: 16px 32px;\r\n      font-size: 1rem;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .cta-section-wrapper {\r\n      padding: 3.5rem 1rem;\r\n    }\r\n    \r\n    .cta-main-title {\r\n      font-size: 1.75rem;\r\n    }\r\n    \r\n    .cta-gold-line {\r\n      width: 50px;\r\n      margin-bottom: 1rem;\r\n    }\r\n  }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\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","protected":false},"excerpt":{"rendered":"<p>\u0627\u0644\u0645\u062c\u062f \u0644\u0644\u0645\u062d\u0627\u0645\u0627\u0629 \u062a\u0645\u064a\u0632 \u0642\u0627\u0646\u0648\u0646\u064a \u0645\u0648\u062b\u0648\u0642. \u0648\u0646\u062a\u0627\u0626\u062c \u0645\u062b\u0628\u062a\u0629. \u0646\u0642\u062f\u0645 \u062e\u062f\u0645\u0627\u062a \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0645\u062e\u0635\u0635\u0629 \u0644\u0644\u0634\u0631\u0643\u0627\u062a \u0648\u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a \u0648\u0627\u0644\u0623\u0641\u0631\u0627\u062f\u060c \u0645\u0642\u062f\u0645\u064b\u0627 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0648\u0627\u0644\u062a\u0645\u062b\u064a\u0644 \u0627\u0644\u0645\u0647\u0646\u064a \u0639\u0628\u0631 \u0645\u062c\u0645\u0648\u0639\u0629 \u0648\u0627\u0633\u0639\u0629 \u0645\u0646 \u0627\u0644\u0645\u0633\u0627\u0626\u0644 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0628\u062f\u0642\u0629 \u0648\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629. \u0627\u062d\u062c\u0632 \u0627\u0633\u062a\u0634\u0627\u0631\u062a\u0643 \u0627\u0644\u0622\u0646 &larr; \u0645\u062c\u0627\u0644\u0627\u062a \u0627\u0644\u0645\u0645\u0627\u0631\u0633\u0629 \u0627\u0644\u0645\u0631\u0627\u0641\u0639\u0629 \u0644\u0644\u0634\u0631\u0643\u0627\u062a \u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0644\u0646\u062c\u0627\u062d \u0623\u0639\u0645\u0627\u0644\u0643. \u0646\u062d\u0645\u064a \u0623\u0635\u0648\u0644 \u0634\u0631\u0643\u062a\u0643 \u0628\u0647\u064a\u0627\u0643\u0644 \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0645\u062a\u062e\u0635\u0635\u0629\u060c \u0648\u0645\u0631\u0627\u0642\u0628\u0629 \u0627\u0644\u0627\u0645\u062a\u062b\u0627\u0644\u060c \u0648\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0627\u062a \u0627\u0644\u062a\u0641\u0627\u0648\u0636 \u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u0645\u062e\u0627\u0637\u0631 \u0627\u0644\u0645\u0635\u0645\u0645\u0629 \u062e\u0635\u064a\u0635\u064b\u0627 \u0644\u062a\u0644\u0628\u064a\u0629 \u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0633\u0648\u0642 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"default","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":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","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":"","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-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":"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":""},"mobile":{"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":""}},"footnotes":""},"class_list":["post-1334","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/almajdlawfirm.com\/en\/wp-json\/wp\/v2\/pages\/1334","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/almajdlawfirm.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/almajdlawfirm.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/almajdlawfirm.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/almajdlawfirm.com\/en\/wp-json\/wp\/v2\/comments?post=1334"}],"version-history":[{"count":159,"href":"https:\/\/almajdlawfirm.com\/en\/wp-json\/wp\/v2\/pages\/1334\/revisions"}],"predecessor-version":[{"id":3083,"href":"https:\/\/almajdlawfirm.com\/en\/wp-json\/wp\/v2\/pages\/1334\/revisions\/3083"}],"wp:attachment":[{"href":"https:\/\/almajdlawfirm.com\/en\/wp-json\/wp\/v2\/media?parent=1334"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}