{"id":9,"date":"2026-02-08T08:36:52","date_gmt":"2026-02-08T08:36:52","guid":{"rendered":"https:\/\/maqamalinsaf.com\/?page_id=9"},"modified":"2026-03-30T12:54:24","modified_gmt":"2026-03-30T12:54:24","slug":"%d9%85%d9%86-%d9%86%d8%ad%d9%86","status":"publish","type":"page","link":"https:\/\/maqamalinsaf.com\/en\/%d9%85%d9%86-%d9%86%d8%ad%d9%86\/","title":{"rendered":"About us"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"9\" class=\"elementor elementor-9\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4f8ae83 e-con-full e-flex e-con e-parent\" data-id=\"4f8ae83\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fbbfc47 elementor-widget elementor-widget-html\" data-id=\"fbbfc47\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"premium-hero\">\r\n    <div class=\"hero-bg-parallax\"><\/div>\r\n    <div class=\"hero-mask\"><\/div>\r\n\r\n    <div class=\"hero-inner\">\r\n        <div class=\"hero-content-wrapper\">\r\n            <div class=\"hero-top-tag\">\r\n                <span class=\"tag-line\"><\/span>\r\n                <span class=\"tag-text\">Maqam Al Insaf law firm<\/span>\r\n            <\/div>\r\n\r\n            <h1 class=\"hero-title-refined translation-block\">We protect rights with a vision <br>\n<span class=\"highlight-gold\">Solid legality<\/span><\/h1>\r\n\r\n            <p class=\"hero-para-refined\">\r\n                We are not just a law firm, we are your success partners. We combine originality in legal tradition and innovation in modern solutions, to provide you with legal protection that exceeds expectations.\r\n            <\/p>\r\n            \r\n            <div class=\"hero-action-group\">\r\n                <a href=\"https:\/\/maqamalinsaf.com\/en\/%d8%aa%d9%88%d8%a7%d8%b5%d9%84-%d9%85%d8%b9%d9%86%d8%a7\/\" class=\"btn-solid-gold\">\r\n                    Request a consultation\r\n                <\/a>\r\n                <a href=\"#1\" class=\"btn-glass-white\">\r\n                    Read more\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n    \/* \u0627\u0644\u062d\u0627\u0648\u064a\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 *\/\r\n    .premium-hero {\r\n        position: relative;\r\n        height: 100vh; \/* \u0627\u0631\u062a\u0641\u0627\u0639 \u0645\u062a\u0632\u0646 *\/\r\n        width: 100%;\r\n        display: flex;\r\n        align-items: center;\r\n        overflow: hidden;\r\n        background-color: #08090A;\r\n    }\r\n\r\n    \/* \u062e\u0644\u0641\u064a\u0629 \u0627\u0644\u0635\u0648\u0631\u0629 \u0645\u0639 \u062a\u0623\u062b\u064a\u0631 \u0632\u0648\u0648\u0645 \u062e\u0641\u064a\u0641 *\/\r\n    .hero-bg-parallax {\r\n        position: absolute;\r\n        inset: 0;\r\n        background-image: url('https:\/\/maqamalinsaf.com\/wp-content\/uploads\/2026\/02\/\u062e\u0644\u0641\u064a\u0629.webp'); \r\n        background-size: cover;\r\n        background-position: center;\r\n        z-index: 1;\r\n        animation: subtleZoom 20s infinite alternate ease-in-out;\r\n    }\r\n\r\n    @keyframes subtleZoom {\r\n        from { transform: scale(1); }\r\n        to { transform: scale(1.1); }\r\n    }\r\n\r\n    \/* \u0637\u0628\u0642\u0629 \u062a\u0639\u062a\u064a\u0645 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 (Gradient Mask) *\/\r\n    .hero-mask {\r\n        position: absolute;\r\n        inset: 0;\r\n        background: linear-gradient(to left, \r\n            rgba(8, 9, 10, 1) 0%, \r\n            rgba(8, 9, 10, 0.8) 30%, \r\n            rgba(8, 9, 10, 0.2) 100%);\r\n        z-index: 2;\r\n    }\r\n\r\n    \/* \u0645\u062d\u0627\u0630\u0627\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 *\/\r\n    .hero-inner {\r\n        position: relative;\r\n        z-index: 10;\r\n        width: 100%;\r\n        max-width: 1300px;\r\n        margin: 0 auto;\r\n        padding: 0 5%;\r\n    }\r\n\r\n    .hero-content-wrapper {\r\n        max-width: 650px;\r\n        text-align: right;\r\n    }\r\n\r\n    \/* \u0627\u0644\u062a\u0627\u062c \u0627\u0644\u0639\u0644\u0648\u064a *\/\r\n    .hero-top-tag {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 12px;\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .tag-line {\r\n        width: 40px;\r\n        height: 2px;\r\n        background-color: #B79044;\r\n    }\r\n\r\n    .tag-text {\r\n        color: #B79044;\r\n        font-size: 15px;\r\n        font-weight: 600;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    \/* \u0627\u0644\u0639\u0646\u0648\u0627\u0646 (\u062a\u0635\u063a\u064a\u0631 \u0627\u0644\u062d\u062c\u0645 \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0637\u0644\u0628\u0643) *\/\r\n    .hero-title-refined {\r\n        color: #FFFFFF;\r\n        font-size: 48px; \/* \u062d\u062c\u0645 \u0623\u0635\u063a\u0631 \u0648\u0623\u0643\u062b\u0631 \u0623\u0646\u0627\u0642\u0629 *\/\r\n        font-weight: 800;\r\n        line-height: 1.25;\r\n        margin-bottom: 25px;\r\n    }\r\n\r\n    .highlight-gold {\r\n        color: #B79044;\r\n    }\r\n\r\n    \/* \u0627\u0644\u0648\u0635\u0641 *\/\r\n    .hero-para-refined {\r\n        color: rgba(255, 255, 255, 0.7);\r\n        font-size: 18px;\r\n        line-height: 1.8;\r\n        margin-bottom: 35px;\r\n        font-weight: 300;\r\n    }\r\n\r\n    \/* \u0627\u0644\u0623\u0632\u0631\u0627\u0631 \u0648\u062a\u062d\u0643\u0645 \u0627\u0644\u0623\u0644\u0648\u0627\u0646 *\/\r\n    .hero-action-group {\r\n        display: flex;\r\n        gap: 15px;\r\n    }\r\n\r\n    \/* \u0627\u0644\u0632\u0631 \u0627\u0644\u0630\u0647\u0628\u064a *\/\r\n    .btn-solid-gold {\r\n        background-color: #B79044;\r\n        color: #08090A !important;\r\n        padding: 14px 32px;\r\n        font-size: 15px;\r\n        font-weight: 700;\r\n        text-decoration: none;\r\n        border-radius: 4px;\r\n        border: 2px solid #B79044;\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    \/* \u0647\u0648\u0641\u0631 \u0627\u0644\u0632\u0631 \u0627\u0644\u0630\u0647\u0628\u064a *\/\r\n    .btn-solid-gold:hover {\r\n        background-color: transparent; \/* \u064a\u062a\u062d\u0648\u0644 \u0644\u0634\u0641\u0627\u0641 *\/\r\n        color: #B79044 !important; \/* \u0627\u0644\u0646\u0635 \u064a\u0635\u0628\u062d \u0630\u0647\u0628\u064a *\/\r\n        box-shadow: 0 8px 20px rgba(183, 144, 68, 0.3);\r\n        transform: translateY(-2px);\r\n    }\r\n\r\n    \/* \u0627\u0644\u0632\u0631 \u0627\u0644\u0632\u062c\u0627\u062c\u064a *\/\r\n    .btn-glass-white {\r\n        background-color: rgba(255, 255, 255, 0.05);\r\n        color: #FFFFFF !important;\r\n        padding: 14px 32px;\r\n        font-size: 15px;\r\n        font-weight: 700;\r\n        text-decoration: none;\r\n        border-radius: 4px;\r\n        border: 2px solid rgba(255, 255, 255, 0.2);\r\n        backdrop-filter: blur(5px);\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    \/* \u0647\u0648\u0641\u0631 \u0627\u0644\u0632\u0631 \u0627\u0644\u0632\u062c\u0627\u062c\u064a *\/\r\n    .btn-glass-white:hover {\r\n        background-color: #FFFFFF; \/* \u064a\u0645\u062a\u0644\u0626 \u0628\u0627\u0644\u0623\u0628\u064a\u0636 *\/\r\n        color: #08090A !important; \/* \u0627\u0644\u0646\u0635 \u064a\u0635\u0628\u062d \u0623\u0633\u0648\u062f *\/\r\n        border-color: #FFFFFF;\r\n        transform: translateY(-2px);\r\n    }\r\n\r\n    \/* \u0627\u0644\u062a\u062c\u0627\u0648\u0628 *\/\r\n    @media (max-width: 768px) {\r\n        .hero-title-refined { font-size: 34px; }\r\n        .hero-para-refined { font-size: 16px; }\r\n        .hero-action-group { flex-direction: column; }\r\n        .btn-solid-gold, .btn-glass-white { text-align: center; }\r\n        .hero-mask { background: rgba(8, 9, 10, 0.7); } \/* \u062a\u0639\u062a\u064a\u0645 \u0623\u0642\u0648\u0649 \u0644\u0644\u0645\u0648\u0628\u0627\u064a\u0644 *\/\r\n    }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fe4d08a elementor-widget elementor-widget-html\" data-id=\"fe4d08a\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"1\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"premium-about\">\r\n    <div class=\"about-grid-container\">\r\n        \r\n        <div class=\"visual-stack\">\r\n            <div class=\"decorative-outline\"><\/div>\r\n            <div class=\"main-img-holder\">\r\n                <img decoding=\"async\" src=\"https:\/\/maqamalinsaf.com\/wp-content\/uploads\/2026\/02\/\u0645\u0646-\u0646\u062d\u0646-\u0645\u0642\u0627\u0645-\u0627\u0644\u0627\u0646\u0635\u0627\u0641.webp\" alt=\"\u0645\u0643\u062a\u0628 \u0645\u062d\u0627\u0645\u0627\u0629\">\r\n            <\/div>\r\n            <div class=\"sub-img-holder\">\r\n                <img decoding=\"async\" src=\"https:\/\/maqamalinsaf.com\/wp-content\/uploads\/2026\/02\/\u0627\u0644\u0645\u0646\u0627\u0632\u0639\u0627\u062a-\u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629.webp\" alt=\"\u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0642\u0627\u0646\u0648\u0646\u064a\u0629\">\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"text-block\">\r\n            <div class=\"upper-label\">\r\n                <span class=\"label-line\"><\/span>\r\n                <span class=\"label-txt\" style=\"color: #B79044; font-size: 16px; font-weight: 700;\">About us<\/span>\r\n            <\/div>\r\n\r\n            <h2 class=\"title-large\" style=\"color: #2F3437; font-size: clamp(30px, 5vw, 52px); font-weight: 900; line-height: 1.2; margin: 20px 0;\">\r\n                Maqam Al Insaf <br>\r\n                <span style=\"color: #B79044; font-size: clamp(24px, 4vw, 44px); font-weight: 500;\">Law firm and consulting<\/span>\r\n            <\/h2>\r\n\r\n            <div class=\"desc-card\">\r\n                <p class=\"highlight-p\" style=\"color: #2F3437; font-size: clamp(17px, 2vw, 20px); font-weight: 700; line-height: 1.6; margin-bottom: 20px;\">\r\n                    A company specialized in providing legal solutions to individuals and companies within the Kingdom of Saudi Arabia, in full compliance with the laws and regulations.\r\n                <\/p>\r\n                <p class=\"main-p\" style=\"color: #555555; font-size: 16px; line-height: 1.8; font-weight: 400;\">\r\n                    We work with a clear legal vision, and an approach based on accuracy, integrity, and organization in case management and consultations, which ensures the protection of rights and the achievement of the best results.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"features-list\">\r\n                <div class=\"feat-item\">\r\n                    <span class=\"feat-icon\" style=\"color: #B79044; font-size: 18px;\">\u2726<\/span>\r\n                    <span class=\"feat-name\" style=\"color: #2F3437; font-size: 15px; font-weight: 700;\">Extreme precision<\/span>\r\n                <\/div>\r\n                <div class=\"feat-item\">\r\n                    <span class=\"feat-icon\" style=\"color: #B79044; font-size: 18px;\">\u2726<\/span>\r\n                    <span class=\"feat-name\" style=\"color: #2F3437; font-size: 15px; font-weight: 700;\">Professional integrity<\/span>\r\n                <\/div>\r\n                <div class=\"feat-item\">\r\n                    <span class=\"feat-icon\" style=\"color: #B79044; font-size: 18px;\">\u2726<\/span>\r\n                    <span class=\"feat-name\" style=\"color: #2F3437; font-size: 15px; font-weight: 700;\">Complete confidentiality<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n    \/* \u0627\u0644\u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0639\u0627\u0645 \u0648\u0627\u0644\u062a\u062d\u0643\u0645 \u0627\u0644\u0643\u0627\u0645\u0644 *\/\r\n    .premium-about {\r\n        background-color: #FDFDFD;\r\n        padding: clamp(80px, 10vw, 140px) 5%;\r\n        direction: rtl;\r\n    }\r\n\r\n    .about-grid-container {\r\n        max-width: 1300px;\r\n        margin: 0 auto;\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: clamp(60px, 8vw, 100px);\r\n        align-items: center;\r\n    }\r\n\r\n    \/* --- \u0633\u062a\u0627\u064a\u0644 \u0627\u0644\u0635\u0648\u0631 (\u062b\u0627\u0628\u062a \u0641\u064a \u0627\u0644\u062c\u0648\u0627\u0644 \u0648\u0627\u0644\u0644\u0627\u0628\u062a\u0648\u0628) --- *\/\r\n    .visual-stack {\r\n        position: relative;\r\n        \/* \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0640 aspect-ratio \u0644\u0636\u0645\u0627\u0646 \u0628\u0642\u0627\u0621 \u0627\u0644\u062a\u0643\u0648\u064a\u0646 \u0645\u062a\u0646\u0627\u0633\u0642\u0627\u064b *\/\r\n        aspect-ratio: 1 \/ 1; \r\n        width: 100%;\r\n        max-width: 550px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .main-img-holder {\r\n        position: absolute;\r\n        width: 80%;\r\n        height: 80%;\r\n        top: 0;\r\n        left: 5%; \/* \u062a\u0645 \u062a\u062d\u0631\u064a\u0643\u0647\u0627 \u0644\u0644\u064a\u0633\u0627\u0631 \u0644\u062a\u0631\u0643 \u0645\u0633\u0627\u062d\u0629 \u0644\u0644\u0625\u0637\u0627\u0631 *\/\r\n        z-index: 2;\r\n        box-shadow: 20px 20px 50px rgba(0,0,0,0.1);\r\n    }\r\n\r\n    .main-img-holder img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        border: 1px solid rgba(183, 144, 68, 0.2);\r\n    }\r\n\r\n    .sub-img-holder {\r\n        position: absolute;\r\n        width: 50%;\r\n        height: 45%;\r\n        bottom: 5%;\r\n        right: 0;\r\n        z-index: 3;\r\n        border: 6px solid #FDFDFD;\r\n        box-shadow: 0 15px 30px rgba(0,0,0,0.15);\r\n    }\r\n\r\n    .sub-img-holder img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n    }\r\n\r\n    .decorative-outline {\r\n        position: absolute;\r\n        width: 80%;\r\n        height: 80%;\r\n        top: 40px;\r\n        left: 0;\r\n        border: 2px solid #B79044;\r\n        z-index: 1;\r\n    }\r\n\r\n    \/* --- \u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0646\u0635\u0648\u0635 \u0648\u0627\u0644\u0628\u0637\u0627\u0642\u0629 --- *\/\r\n    .upper-label { display: flex; align-items: center; gap: 12px; }\r\n    .label-line { width: 40px; height: 2px; background-color: #B79044; }\r\n\r\n    .desc-card {\r\n        margin: 30px 0;\r\n        padding-right: 20px;\r\n        border-right: 4px solid #B79044;\r\n    }\r\n\r\n    .features-list {\r\n        display: flex;\r\n        gap: 20px;\r\n        flex-wrap: wrap;\r\n        margin-top: 35px;\r\n    }\r\n\r\n    .feat-item { display: flex; align-items: center; gap: 8px; }\r\n\r\n    \/* --- \u0627\u0644\u062a\u062c\u0627\u0648\u0628 (Responsive) --- *\/\r\n    @media (max-width: 1024px) {\r\n        .about-grid-container {\r\n            grid-template-columns: 1fr;\r\n            text-align: center;\r\n        }\r\n\r\n        .visual-stack {\r\n            order: -1;\r\n            width: 85%; \/* \u062a\u0635\u063a\u064a\u0631 \u0627\u0644\u0645\u0633\u0627\u062d\u0629 \u0642\u0644\u064a\u0644\u0627\u064b \u0641\u064a \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 \u0644\u0639\u062f\u0645 \u0627\u0644\u062e\u0631\u0648\u062c \u0639\u0646 \u0627\u0644\u0634\u0627\u0634\u0629 *\/\r\n            margin-bottom: 40px;\r\n        }\r\n\r\n        .upper-label { justify-content: center; }\r\n        \r\n        .desc-card {\r\n            border-right: none;\r\n            border-bottom: 3px solid #B79044;\r\n            padding-right: 0;\r\n            padding-bottom: 25px;\r\n        }\r\n\r\n        .features-list { justify-content: center; }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        \/* \u062a\u0639\u062f\u064a\u0644 \u0637\u0641\u064a\u0641 \u0644\u0644\u0645\u0648\u0628\u0627\u064a\u0644\u0627\u062a \u0627\u0644\u0635\u063a\u064a\u0631\u0629 \u062c\u062f\u0627\u064b \u0644\u0636\u0645\u0627\u0646 \u0639\u062f\u0645 \u062a\u062f\u0627\u062e\u0644 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0645\u0639 \u062d\u0648\u0627\u0641 \u0627\u0644\u0634\u0627\u0634\u0629 *\/\r\n        .decorative-outline { top: 20px; left: -10px; }\r\n        .visual-stack { width: 95%; }\r\n    }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1b7c7b5 elementor-widget elementor-widget-html\" data-id=\"1b7c7b5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"numbers-ribbon-section\">\r\n    <div class=\"ribbon-wrapper\">\r\n        \r\n        <div class=\"side-title-box\">\r\n            <h2 style=\"color: #B79044; font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 5px; writing-mode: vertical-rl; transform: rotate(180deg); margin: 0;\">\r\n                Our Integrity\r\n            <\/h2>\r\n        <\/div>\r\n\r\n        <div class=\"main-stats-row\">\r\n            <div class=\"stat-box-flat reveal-in\">\r\n                <span class=\"num-big\" style=\"color: #B79044; font-weight: 900; line-height: 1;\">100%<\/span>\r\n                <div class=\"stat-info\">\r\n                    <h4 class=\"stat-h4\" style=\"color: #FFFFFF; font-weight: 700;\">Compliance<\/h4>\r\n                    <p class=\"stat-p\" style=\"color: #A0A0A0; line-height: 1.4;\">For regulations and rules<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"stat-divider\"><\/div>\r\n\r\n            <div class=\"stat-box-flat reveal-in\">\r\n                <span class=\"num-big\" style=\"color: #B79044; font-weight: 900; line-height: 1;\">0<\/span>\r\n                <div class=\"stat-info\">\r\n                    <h4 class=\"stat-h4\" style=\"color: #FFFFFF; font-weight: 700;\">Violations<\/h4>\r\n                    <p class=\"stat-p\" style=\"color: #A0A0A0; line-height: 1.4;\">Registered professional<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"stat-divider\"><\/div>\r\n\r\n            <div class=\"stat-box-flat reveal-in\">\r\n                <span class=\"num-icon\" style=\"color: #B79044; font-size: 40px;\">\u2726<\/span>\r\n                <div class=\"stat-info\">\r\n                    <h4 class=\"stat-h4\" style=\"color: #FFFFFF; font-weight: 700;\">Procedures<\/h4>\r\n                    <p class=\"stat-p\" style=\"color: #A0A0A0; line-height: 1.4;\">Documented and organized<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"stat-divider\"><\/div>\r\n\r\n            <div class=\"stat-box-flat reveal-in\">\r\n                <span class=\"num-icon\" style=\"color: #B79044; font-size: 40px;\">\u2726<\/span>\r\n                <div class=\"stat-info\">\r\n                    <h4 class=\"stat-h4\" style=\"color: #FFFFFF; font-weight: 700;\">Checking<\/h4>\r\n                    <p class=\"stat-p\" style=\"color: #A0A0A0; line-height: 1.4;\">Accurate legality<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"stat-divider\"><\/div>\r\n\r\n            <div class=\"stat-box-flat reveal-in\">\r\n                <span class=\"num-icon\" style=\"color: #B79044; font-size: 40px;\">\u2726<\/span>\r\n                <div class=\"stat-info\">\r\n                    <h4 class=\"stat-h4\" style=\"color: #FFFFFF; font-weight: 700;\">Secrecy<\/h4>\r\n                    <p class=\"stat-p\" style=\"color: #A0A0A0; line-height: 1.4;\">Absolute professionalism<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n    .numbers-ribbon-section {\r\n        background-color: #2F3437;\r\n        padding: 40px 5%;\r\n        border-top: 1px solid rgba(183, 144, 68, 0.2);\r\n        border-bottom: 1px solid rgba(183, 144, 68, 0.2);\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .ribbon-wrapper {\r\n        display: flex;\r\n        align-items: center;\r\n        max-width: 1400px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .main-stats-row {\r\n        display: flex;\r\n        justify-content: space-around;\r\n        align-items: center;\r\n        flex: 1;\r\n        gap: 15px;\r\n    }\r\n\r\n    \/* \u0627\u0644\u062a\u062d\u0643\u0645 \u0641\u064a \u0623\u062d\u062c\u0627\u0645 \u0627\u0644\u0646\u0635\u0648\u0635 \u064a\u062f\u0648\u064a\u064b\u0627 *\/\r\n    .num-big { font-size: clamp(40px, 5vw, 60px); }\r\n    .stat-h4 { font-size: clamp(16px, 2vw, 18px); margin-bottom: 5px; }\r\n    .stat-p { font-size: clamp(12px, 1.5vw, 13px); }\r\n\r\n    .stat-box-flat {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 15px;\r\n        cursor: default;\r\n        padding: 10px;\r\n        transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n    }\r\n\r\n    \/* \u0627\u0644\u0647\u0648\u0641\u0631 \u0627\u0644\u0645\u0637\u0644\u0648\u0628 *\/\r\n    .stat-box-flat:hover {\r\n        transform: translateY(-8px);\r\n        background: rgba(183, 144, 68, 0.05);\r\n    }\r\n    .stat-box-flat:hover .num-big, \r\n    .stat-box-flat:hover .num-icon { text-shadow: 0 0 15px rgba(183, 144, 68, 0.5); }\r\n    .stat-box-flat:hover .num-icon { transform: rotate(90deg); }\r\n    .stat-box-flat .num-icon { transition: transform 0.6s ease; display: inline-block; }\r\n    .stat-box-flat:hover h4 { color: #B79044 !important; }\r\n\r\n    .stat-divider {\r\n        width: 1px;\r\n        height: 50px;\r\n        background: linear-gradient(to bottom, transparent, #B79044, transparent);\r\n        opacity: 0.3;\r\n    }\r\n\r\n    \/* \u0627\u0644\u0623\u0646\u064a\u0645\u064a\u0634\u0646 \u0627\u0644\u0623\u0635\u0644\u064a *\/\r\n    .reveal-in {\r\n        opacity: 0;\r\n        transform: translateX(30px);\r\n        transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1);\r\n    }\r\n    .reveal-in.active { opacity: 1; transform: translateX(0); }\r\n\r\n    \/* \u0627\u0644\u062a\u062c\u0627\u0648\u0628 (Media Queries) *\/\r\n    @media (max-width: 1100px) {\r\n        .main-stats-row { flex-wrap: wrap; justify-content: center; gap: 30px; }\r\n        .stat-divider { display: none; }\r\n        .side-title-box { display: none; } \/* \u0625\u062e\u0641\u0627\u0621 \u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u062c\u0627\u0646\u0628\u064a \u0641\u064a \u0627\u0644\u0634\u0627\u0634\u0627\u062a \u0627\u0644\u0645\u062a\u0648\u0633\u0637\u0629 *\/\r\n    }\r\n\r\n    @media (max-width: 600px) {\r\n        .numbers-ribbon-section { padding: 50px 5%; }\r\n        .main-stats-row { flex-direction: column; gap: 40px; }\r\n        .stat-box-flat { width: 100%; justify-content: flex-start; padding-right: 20%; }\r\n        .num-big { min-width: 100px; } \/* \u0644\u0636\u0645\u0627\u0646 \u0645\u062d\u0627\u0630\u0627\u0629 \u0627\u0644\u0623\u0631\u0642\u0627\u0645 *\/\r\n    }\r\n\r\n    \/* \u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u062c\u0627\u0646\u0628\u064a *\/\r\n    .side-title-box {\r\n        padding-left: 30px;\r\n        border-left: 1px solid rgba(183, 144, 68, 0.3);\r\n        margin-left: 30px;\r\n    }\r\n<\/style>\r\n\r\n<script>\r\n    const observer = new IntersectionObserver((entries) => {\r\n        entries.forEach(entry => {\r\n            if (entry.isIntersecting) entry.target.classList.add('active');\r\n        });\r\n    }, { threshold: 0.1 });\r\n    document.querySelectorAll('.reveal-in').forEach(el => observer.observe(el));\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-807cfe0 elementor-widget elementor-widget-html\" data-id=\"807cfe0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"creative-concept-section\">\r\n    <div class=\"concept-container\">\r\n        \r\n        <div class=\"vision-box-wrapper\">\r\n            <div class=\"abstract-shape\"><\/div>\r\n            <div class=\"vision-content\">\r\n                <h3 class=\"concept-label\">01. Our vision<\/h3>\r\n                <h2 class=\"concept-main-title translation-block\">Leadership according to <span class=\"gold-accent\">Vision 2030<\/span><\/h2>\r\n                <p class=\"concept-paragraph translation-block\">To be <strong>Maqam Al Insaf Law Firm and Legal Consultations<\/strong> a reliable and major legal destination in the Kingdom of Saudi Arabia, by providing professional legal services that keep pace with the Kingdom\u2019s Vision 2030, and contribute to developing the legal sector, supporting the business environment, and promoting justice in accordance with the highest professional standards.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"mission-box-wrapper\">\r\n            <div class=\"mission-card\">\r\n                <h3 class=\"concept-label\">02. Our message<\/h3>\r\n                <h2 class=\"concept-main-title translation-block\">Protecting <span class=\"gold-accent\">the interests of our customers<\/span><\/h2>\r\n                <p class=\"concept-paragraph\">\r\n                    Providing high-quality legal services, based on careful legal analysis and professional commitment, with effective legal representation that achieves fairness and protects the interests of our clients.\r\n                <\/p>\r\n                <div class=\"mission-footer-line\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n    \/* \u0627\u0644\u0625\u0639\u062f\u0627\u062f\u0627\u062a \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 - \u062e\u0644\u0641\u064a\u0629 \u0641\u0627\u062a\u062d\u0629 *\/\r\n    .creative-concept-section {\r\n        padding: 120px 0;\r\n        background-color: #F9F9F9; \/* \u0623\u0648\u0641 \u0648\u0627\u064a\u062a \u0641\u0627\u062e\u0631 *\/\r\n        overflow: hidden;\r\n    }\r\n\r\n    .concept-container {\r\n        max-width: 1300px;\r\n        margin: 0 auto;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 60px;\r\n        padding: 0 5%;\r\n    }\r\n\r\n    \/* \u0642\u0633\u0645 \u0627\u0644\u0631\u0624\u064a\u0629 - \u062a\u062d\u0643\u0645 \u0643\u0627\u0645\u0644 \u0641\u064a \u0627\u0644\u0639\u0646\u0627\u0635\u0631 *\/\r\n    .vision-box-wrapper {\r\n        flex: 1.2;\r\n        position: relative;\r\n    }\r\n\r\n    .abstract-shape {\r\n        position: absolute;\r\n        top: -40px;\r\n        right: -40px;\r\n        width: 150px;\r\n        height: 150px;\r\n        background-color: rgba(183, 144, 68, 0.05);\r\n        border-radius: 30% 70% 70% 30% \/ 30% 30% 70% 70%;\r\n        z-index: 1;\r\n    }\r\n\r\n    .vision-content {\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    .concept-label {\r\n        font-size: 14px;\r\n        color: #B79044;\r\n        font-weight: 800;\r\n        margin-bottom: 15px;\r\n        letter-spacing: 2px;\r\n        display: block;\r\n    }\r\n\r\n    .concept-main-title {\r\n        font-size: 36px; \/* \u062d\u062c\u0645 \u0645\u0631\u064a\u062d \u0648\u0645\u0628\u062f\u0639 *\/\r\n        color: #1A1A1A;\r\n        font-weight: 900;\r\n        line-height: 1.3;\r\n        margin-bottom: 25px;\r\n    }\r\n\r\n    .gold-accent {\r\n        color: #B79044;\r\n    }\r\n\r\n    .concept-paragraph {\r\n        font-size: 18px; \/* \u062d\u062c\u0645 \u064a\u062f\u0648\u064a *\/\r\n        color: #555;\r\n        line-height: 1.9;\r\n        text-align: justify;\r\n    }\r\n\r\n    \/* \u0642\u0633\u0645 \u0627\u0644\u0631\u0633\u0627\u0644\u0629 - \u0627\u0644\u0628\u0637\u0627\u0642\u0629 \u0627\u0644\u0645\u062a\u062f\u0627\u062e\u0644\u0629 *\/\r\n    .mission-box-wrapper {\r\n        flex: 1;\r\n    }\r\n\r\n    .mission-card {\r\n        background-color: #FFFFFF;\r\n        padding: 60px;\r\n        border-radius: 0;\r\n        box-shadow: 30px 30px 80px rgba(0, 0, 0, 0.05);\r\n        border-right: 5px solid #B79044;\r\n        transition: all 0.5s ease;\r\n    }\r\n\r\n    .mission-card:hover {\r\n        transform: scale(1.02);\r\n        box-shadow: 10px 10px 50px rgba(183, 144, 68, 0.1);\r\n    }\r\n\r\n    .mission-footer-line {\r\n        width: 60px;\r\n        height: 3px;\r\n        background-color: #B79044;\r\n        margin-top: 30px;\r\n        transition: 0.4s;\r\n    }\r\n\r\n    .mission-card:hover .mission-footer-line {\r\n        width: 120px;\r\n    }\r\n\r\n    \/* \u062a\u062d\u0643\u0645 \u0647\u0648\u0641\u0631 \u0627\u0644\u0623\u0644\u0648\u0627\u0646 *\/\r\n    .mission-card:hover .concept-label {\r\n        color: #1A1A1A;\r\n    }\r\n\r\n    \/* \u0627\u0644\u062a\u062c\u0627\u0648\u0628 *\/\r\n    @media (max-width: 991px) {\r\n        .concept-container {\r\n            flex-direction: column;\r\n            text-align: center;\r\n        }\r\n        .concept-paragraph {\r\n            text-align: center;\r\n        }\r\n        .mission-card {\r\n            padding: 40px;\r\n        }\r\n        .concept-main-title {\r\n            font-size: 28px;\r\n        }\r\n    }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-304fdd5 elementor-widget elementor-widget-html\" data-id=\"304fdd5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"ultra-modern-values\">\r\n    <div class=\"values-wrapper\">\r\n        \r\n        <div class=\"side-title\">Our Core Values <\/div>\r\n\r\n        <div class=\"values-flex-container\">\r\n            \r\n            <div class=\"fluid-value-card\" style=\"--order: 1;\">\r\n                <div class=\"value-number\">01<\/div>\r\n                <div class=\"value-content-box\">\r\n                    <h3 class=\"v-title\">Fairness<\/h3>\r\n                    <p class=\"v-desc\">We place achieving justice and preserving rights at the heart of all our work, so that our balance is always the word of truth.<\/p>\r\n                <\/div>\r\n                <div class=\"v-hover-bg\"><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"fluid-value-card\" style=\"--order: 2;\">\r\n                <div class=\"value-number\">02<\/div>\r\n                <div class=\"value-content-box\">\r\n                    <h3 class=\"v-title\">Confidentiality<\/h3>\r\n                    <p class=\"v-desc\">We maintain customer privacy and data as a sacred, non-negotiable professional trust.<\/p>\r\n                <\/div>\r\n                <div class=\"v-hover-bg\"><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"fluid-value-card\" style=\"--order: 3;\">\r\n                <div class=\"value-number\">03<\/div>\r\n                <div class=\"value-content-box\">\r\n                    <h3 class=\"v-title\">Professionalism and accuracy<\/h3>\r\n                    <p class=\"v-desc\">The quality of legal work starts from the smallest details, where accuracy is the standard and professionalism is the style.<\/p>\r\n                <\/div>\r\n                <div class=\"v-hover-bg\"><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"fluid-value-card\" style=\"--order: 4;\">\r\n                <div class=\"value-number\">04<\/div>\r\n                <div class=\"value-content-box\">\r\n                    <h3 class=\"v-title\">Transparency<\/h3>\r\n                    <p class=\"v-desc\">Complete clarity with the customer at every step is the bridge of trust that we build in all sincerity.<\/p>\r\n                <\/div>\r\n                <div class=\"v-hover-bg\"><\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n    \/* \u0627\u0644\u062d\u0627\u0648\u064a\u0629 \u0627\u0644\u0643\u0628\u0631\u0649 \u0628\u0627\u0644\u0644\u0648\u0646 \u0627\u0644\u0645\u062d\u062f\u062f *\/\r\n    .ultra-modern-values {\r\n        background-color: #2F3437;\r\n        padding: 140px 0;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .values-wrapper {\r\n        max-width: 1400px;\r\n        margin: 0 auto;\r\n        display: flex;\r\n        padding: 0 5%;\r\n    }\r\n\r\n    \/* \u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u062c\u0627\u0646\u0628\u064a \u0627\u0644\u0645\u0648\u062f\u0631\u0646 *\/\r\n    .side-title {\r\n        writing-mode: vertical-rl;\r\n        transform: rotate(180deg);\r\n        color: rgba(183, 144, 68, 0.2);\r\n        font-size: 80px;\r\n        font-weight: 900;\r\n        letter-spacing: 0px;\r\n        line-height: 1;\r\n        user-select: none;\r\n    }\r\n\r\n    .values-flex-container {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 20px;\r\n        flex: 1;\r\n        padding-right: 60px;\r\n    }\r\n\r\n    \/* \u0643\u0627\u0631\u062a \u0627\u0644\u0642\u064a\u0645\u0629 \u0627\u0644\u0627\u0646\u0633\u064a\u0627\u0628\u064a *\/\r\n    .fluid-value-card {\r\n        position: relative;\r\n        display: flex;\r\n        align-items: center;\r\n        padding: 40px;\r\n        background: rgba(255, 255, 255, 0.02);\r\n        border-right: 2px solid rgba(183, 144, 68, 0.1);\r\n        transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);\r\n        cursor: pointer;\r\n    }\r\n\r\n    \/* \u0627\u0644\u0623\u0631\u0642\u0627\u0645 \u0627\u0644\u0636\u062e\u0645\u0629 \u0627\u0644\u062e\u0644\u0641\u064a\u0629 *\/\r\n    .value-number {\r\n        font-size: 100px;\r\n        font-weight: 900;\r\n        color: rgba(255, 255, 255, 0.03);\r\n        position: absolute;\r\n        left: 40px;\r\n        transition: 0.5s;\r\n        font-family: sans-serif;\r\n    }\r\n\r\n    .value-content-box {\r\n        position: relative;\r\n        z-index: 5;\r\n    }\r\n\r\n    .v-title {\r\n        color: #FFFFFF;\r\n        font-size: 26px; \/* \u062d\u062c\u0645 \u064a\u062f\u0648\u064a *\/\r\n        font-weight: 800;\r\n        margin-bottom: 10px;\r\n        transition: 0.4s;\r\n    }\r\n\r\n    .v-desc {\r\n        color: rgba(255, 255, 255, 0.5);\r\n        font-size: 17px; \/* \u062d\u062c\u0645 \u064a\u062f\u0648\u064a *\/\r\n        max-width: 600px;\r\n        line-height: 1.6;\r\n        transition: 0.4s;\r\n    }\r\n\r\n    \/* \u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u0647\u0648\u0641\u0631 \u0627\u0644\u0645\u0630\u0647\u0644 *\/\r\n    .v-hover-bg {\r\n        position: absolute;\r\n        inset: 0;\r\n        background: linear-gradient(90deg, rgba(183, 144, 68, 0.15), transparent);\r\n        width: 0;\r\n        transition: 0.6s cubic-bezier(0.23, 1, 0.32, 1);\r\n        z-index: 1;\r\n    }\r\n\r\n    .fluid-value-card:hover {\r\n        padding-right: 80px; \/* \u062a\u0645\u062f\u062f \u0644\u0644\u064a\u0645\u064a\u0646 *\/\r\n        border-right-color: #B79044;\r\n    }\r\n\r\n    .fluid-value-card:hover .v-hover-bg {\r\n        width: 100%;\r\n    }\r\n\r\n    .fluid-value-card:hover .v-title {\r\n        color: #B79044;\r\n        transform: translateX(-10px);\r\n    }\r\n\r\n    .fluid-value-card:hover .v-desc {\r\n        color: #FFFFFF;\r\n        transform: translateX(-10px);\r\n    }\r\n\r\n    .fluid-value-card:hover .value-number {\r\n        color: rgba(183, 144, 68, 0.1);\r\n        left: 20px;\r\n        transform: scale(1.2);\r\n    }\r\n\r\n    \/* \u0627\u0644\u062a\u062c\u0627\u0648\u0628 *\/\r\n    @media (max-width: 991px) {\r\n        .side-title { display: none; }\r\n        .values-flex-container { padding-right: 0; }\r\n        .v-title { font-size: 22px; }\r\n        .value-number { font-size: 60px; }\r\n    }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>\u0645\u0642\u0627\u0645 \u0627\u0644\u0625\u0646\u0635\u0627\u0641 \u0644\u0644\u0645\u062d\u0627\u0645\u0627\u0629 \u0646\u0635\u0648\u0646 \u0627\u0644\u062d\u0642\u0648\u0642 \u0628\u0631\u0624\u064a\u0629 \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0631\u0627\u0633\u062e\u0629 \u0646\u062d\u0646 \u0644\u0633\u0646\u0627 \u0645\u062c\u0631\u062f \u0645\u0643\u062a\u0628 \u0645\u062d\u0627\u0645\u0627\u0629\u060c \u0628\u0644 \u0646\u062d\u0646 \u0634\u0631\u0643\u0627\u0621 \u0646\u062c\u0627\u062d\u0643\u0645. \u0646\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u0623\u0635\u0627\u0644\u0629 [&hellip;]<\/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":"","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":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","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-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/maqamalinsaf.com\/en\/wp-json\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/maqamalinsaf.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/maqamalinsaf.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/maqamalinsaf.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/maqamalinsaf.com\/en\/wp-json\/wp\/v2\/comments?post=9"}],"version-history":[{"count":16,"href":"https:\/\/maqamalinsaf.com\/en\/wp-json\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":272,"href":"https:\/\/maqamalinsaf.com\/en\/wp-json\/wp\/v2\/pages\/9\/revisions\/272"}],"wp:attachment":[{"href":"https:\/\/maqamalinsaf.com\/en\/wp-json\/wp\/v2\/media?parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}