{"id":10,"date":"2025-12-29T18:25:58","date_gmt":"2025-12-29T18:25:58","guid":{"rendered":"https:\/\/consultiva.sa\/?page_id=10"},"modified":"2026-02-01T00:23:34","modified_gmt":"2026-01-31T21:23:34","slug":"%d9%85%d9%86-%d9%86%d8%ad%d9%86","status":"publish","type":"page","link":"https:\/\/consultiva.sa\/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=\"10\" class=\"elementor elementor-10\">\n\t\t\t\t<div class=\"elementor-element elementor-element-78896e6 e-con-full e-flex e-con e-parent\" data-id=\"78896e6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7e5d3df elementor-widget elementor-widget-html\" data-id=\"7e5d3df\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* --- Hero Section - \u0635\u0641\u062d\u0629 \u0645\u0646 \u0646\u062d\u0646 --- *\/\r\n    .hero-about {\r\n        position: relative;\r\n        height: 70vh; \/* \u0627\u0644\u0637\u0648\u0644 \u0627\u0644\u0630\u064a \u0627\u0639\u062a\u0645\u062f\u0646\u0627\u0647 \u0623\u062e\u064a\u0631\u0627\u064b *\/\r\n        min-height: 500px;\r\n        \/* \u0635\u0648\u0631\u0629 \u062a\u0639\u0628\u0631 \u0639\u0646 \u0627\u0644\u0641\u0631\u064a\u0642 \u0623\u0648 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u062c\u0645\u0627\u0639\u064a \u0627\u0644\u0645\u0624\u0633\u0633\u064a *\/\r\n        background-image: url('http:\/\/consultiva.sa\/wp-content\/uploads\/2025\/12\/\u0647\u064a\u062f\u0631-\u0645\u0646-\u0646\u062d\u0646.webp');\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        text-align: center;\r\n        color: var(--white);\r\n    }\r\n\r\n    .hero-about::after {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0; left: 0; width: 100%; height: 100%;\r\n        \/* \u0627\u0644\u062a\u062f\u0631\u062c \u0627\u0644\u0623\u0633\u0648\u062f \u0627\u0644\u0641\u062e\u0645 \u0627\u0644\u0630\u064a \u0637\u0644\u0628\u062a\u0647 *\/\r\n        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.6));\r\n        z-index: 1;\r\n    }\r\n\r\n    .hero-content {\r\n        position: relative;\r\n        z-index: 2;\r\n        max-width: 900px;\r\n        padding: 0 20px;\r\n    }\r\n\r\n    .hero-content h1 {\r\n        font-size: 4rem;\r\n        font-weight: 800;\r\n        color: var(--accent); \/* \u0627\u0644\u0644\u0648\u0646 \u0627\u0644\u0630\u0647\u0628\u064a *\/\r\n        margin-bottom: 25px;\r\n        text-shadow: 0 5px 15px rgba(0,0,0,0.5);\r\n    }\r\n\r\n    .hero-content p {\r\n        font-size: 1.4rem;\r\n        line-height: 1.9;\r\n        color: #f0f0f0;\r\n        font-weight: 300;\r\n        max-width: 800px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* \u0627\u0644\u062a\u062c\u0627\u0648\u0628 \u0645\u0639 \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 \u0644\u0636\u0645\u0627\u0646 \u0638\u0647\u0648\u0631 \u0627\u0644\u0639\u0646\u0627\u0648\u064a\u0646 \u0628\u0634\u0643\u0644 \u0645\u062b\u0627\u0644\u064a *\/\r\n    @media (max-width: 768px) {\r\n        .hero-content h1 { font-size: 2.5rem; }\r\n        .hero-content p { font-size: 1.1rem; }\r\n        .hero-about { height: 60vh; min-height: 400px; }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"hero-about\">\r\n    <div class=\"hero-content\">\r\n        <h1>About us<\/h1>\r\n        <p>We are partners of success, combining deep experience and innovative vision to shape a pioneering future for business in the region through exceptional consulting solutions.<\/p>\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-68c4929 elementor-widget elementor-widget-html\" data-id=\"68c4929\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html>\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Almarai:wght@300;400;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    <style>\r\n        :root {\r\n            --primary: #2C7581;\r\n            --accent: #C1A15F;\r\n            --white: #ffffff;\r\n            --bg-soft: #fcfcfc;\r\n            --text-main: #2c3e50;\r\n        }\r\n\r\n        * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Almarai', sans-serif; }\r\n\r\n        .about-section {\r\n            display: flex;\r\n            min-height: 100vh;\r\n            background-color: var(--white);\r\n            align-items: stretch;\r\n        }\r\n\r\n        .content-side {\r\n            flex: 1.2;\r\n            padding-block: 60px;\r\n            padding-inline: 8% 4%;\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: center;\r\n            background-color: var(--bg-soft);\r\n        }\r\n\r\n        .inner-content { max-width: 650px; }\r\n\r\n        .top-accent {\r\n            width: 120px;\r\n            height: 35px;\r\n            background-color: var(--primary);\r\n            border-radius: 0 0 12px 12px;\r\n            margin-bottom: 40px;\r\n        }\r\n\r\n        .title-group h2 {\r\n            font-size: 2.2rem;\r\n            color: var(--accent);\r\n            font-weight: 800;\r\n            margin-bottom: 8px;\r\n        }\r\n\r\n        .title-group h3 {\r\n            font-size: 1.8rem;\r\n            color: var(--primary);\r\n            font-weight: 400;\r\n            margin-bottom: 35px;\r\n        }\r\n\r\n        .text-paragraph {\r\n            font-size: 0.95rem;\r\n            color: var(--text-main);\r\n            line-height: 2;\r\n            text-align: justify;\r\n            margin-bottom: 25px;\r\n        }\r\n\r\n        .vision-card {\r\n            background: var(--white);\r\n            padding: 30px;\r\n\r\n            \/* \u0628\u062f\u0644 border-right *\/\r\n            border-inline-start: 4px solid var(--accent);\r\n\r\n            box-shadow: 0 10px 30px rgba(0,0,0,0.05);\r\n\r\n            \/* \u0628\u062f\u0644 0 8px 8px 0 *\/\r\n            border-start-start-radius: 0;\r\n            border-end-start-radius: 0;\r\n            border-start-end-radius: 8px;\r\n            border-end-end-radius: 8px;\r\n\r\n            font-size: 0.95rem;\r\n            line-height: 2;\r\n            color: #444;\r\n            margin-bottom: 40px;\r\n            text-align: justify;\r\n        }\r\n\r\n        .highlight {\r\n            color: var(--primary);\r\n            font-weight: 700;\r\n        }\r\n\r\n        .cta-container {\r\n            display: flex;\r\n            justify-content: flex-start;\r\n        }\r\n\r\n        .btn-more {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            padding: 12px 40px;\r\n            background-color: var(--primary);\r\n            color: var(--white);\r\n            text-decoration: none;\r\n            border-radius: 5px;\r\n            font-weight: 700;\r\n            font-size: 0.9rem;\r\n            transition: all 0.4s ease;\r\n            box-shadow: 0 4px 15px rgba(44, 117, 129, 0.2);\r\n            border: 2px solid var(--primary);\r\n        }\r\n\r\n        .btn-more i {\r\n            margin-inline-end: 12px;\r\n            font-size: 0.9rem;\r\n            transition: transform 0.4s ease;\r\n        }\r\n\r\n        .btn-more:hover {\r\n            background-color: transparent;\r\n            color: var(--primary);\r\n        }\r\n\r\n        \/* \u062d\u0631\u0643\u0629 \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0629 \u062d\u0633\u0628 \u0627\u0644\u0627\u062a\u062c\u0627\u0647 *\/\r\n        html[dir=\"rtl\"] .btn-more:hover i { transform: translateX(-5px); }\r\n        html[dir=\"ltr\"] .btn-more:hover i { transform: translateX(5px); }\r\n\r\n        .image-side {\r\n            flex: 1;\r\n            position: relative;\r\n            min-height: 500px;\r\n        }\r\n\r\n        .image-side img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n        }\r\n\r\n        .image-side::after {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            inset-inline-start: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n        }\r\n\r\n        \/* \u0627\u0644\u062c\u0631\u064a\u062f\u064a\u0646\u062a \u062d\u0633\u0628 \u0627\u062a\u062c\u0627\u0647 \u0627\u0644\u0635\u0641\u062d\u0629 *\/\r\n        html[dir=\"rtl\"] .image-side::after {\r\n            background: linear-gradient(to left, rgba(44, 117, 129, 0.15), transparent);\r\n        }\r\n        html[dir=\"ltr\"] .image-side::after {\r\n            background: linear-gradient(to right, rgba(44, 117, 129, 0.15), transparent);\r\n        }\r\n\r\n        @media (max-width: 992px) {\r\n            .about-section { flex-direction: column; }\r\n            .content-side { padding: 50px 25px; order: 1; }\r\n            .image-side { height: 400px; order: 2; }\r\n            .cta-container { justify-content: center; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"about-section\">\r\n    <div class=\"content-side\">\r\n        <div class=\"top-accent\"><\/div>\r\n        <div class=\"inner-content\">\r\n            <div class=\"title-group\">\r\n                <h2>About<\/h2>\r\n                <h3>CONSULTIVA<\/h3>\r\n            <\/div>\r\n            \r\n            <p class=\"text-paragraph translation-block\"><span class=\"highlight\">Consultiva<\/span> Business Solutions was established to be a reliable strategic partner in supporting institutional transformation and sustainable development in the Kingdom of Saudi Arabia, by providing integrated business solutions and consulting in accordance with the highest global professional standards, and with innovative methodologies based on a deep knowledge of the local regulatory and economic environment.<\/p>\r\n\r\n            <div class=\"vision-card\">\r\n                <p class=\"translation-block\">Consultiva is based on a firm belief that achieving the goals of <span class=\"highlight\">The Kingdom's Vision 2030<\/span> requires flexible operating models, effective governance, and advanced institutional capabilities, which the company works to empower its clients in the governmental, private, and non-profit sectors, through comprehensive strategic and executive solutions that focus on raising efficiency, maximizing impact, and enhancing sustainability.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"cta-container\">\r\n                <a href=\"https:\/\/consultiva.sa\/en\/%d9%85%d9%86-%d9%86%d8%ad%d9%86\/\" class=\"btn-more\">\r\n                    <span>Get to know us more<\/span>\r\n                    <i class=\"fas fa-chevron-left\"><\/i>\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"image-side\">\r\n        <img decoding=\"async\" src=\"http:\/\/consultiva.sa\/wp-content\/uploads\/2025\/12\/\u0645\u0646-\u0646\u062d\u0646-4.webp\" alt=\"Consultiva Strategy\">\r\n    <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-eac059b elementor-widget elementor-widget-html\" data-id=\"eac059b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html>\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Almarai:wght@300;400;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    <style>\r\n        :root {\r\n            --primary: #2C7581;\r\n            --accent: #C1A15F;\r\n            --white: #ffffff;\r\n            --bg-dark: #e5ebec;\r\n        }\r\n\r\n        * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Almarai', sans-serif; }\r\n\r\n        .strategy-section-compact {\r\n            position: relative;\r\n            padding: 80px 2%;\r\n            background: var(--bg-dark);\r\n            min-height: auto;\r\n            overflow: hidden;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            width: 100%;\r\n        }\r\n\r\n        \/* \u0623\u064a\u0642\u0648\u0646\u0627\u062a \u0627\u0644\u062e\u0644\u0641\u064a\u0629 *\/\r\n        .bg-icons-fade i {\r\n            position: absolute;\r\n            color: var(--primary);\r\n            opacity: 0.03;\r\n            animation: moveSlow 30s infinite alternate ease-in-out;\r\n            pointer-events: none;\r\n            z-index: 1;\r\n        }\r\n\r\n        @keyframes moveSlow {\r\n            0% { transform: translate(0, 0) rotate(0deg); }\r\n            100% { transform: translate(50px, 30px) rotate(15deg); }\r\n        }\r\n\r\n        .section-header {\r\n            text-align: center;\r\n            z-index: 10;\r\n            margin-bottom: 50px;\r\n        }\r\n\r\n        .section-header h2 {\r\n            font-size: 2.8rem;\r\n            color: var(--accent);\r\n            font-weight: 800;\r\n            margin-bottom: 15px;\r\n        }\r\n\r\n        \/* \u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0648\u0635\u0641 \u0627\u0644\u0645\u0636\u0627\u0641 *\/\r\n        .section-header p {\r\n            font-size: 1.1rem;\r\n            color: var(--primary);\r\n            max-width: 750px;\r\n            margin: 0 auto;\r\n            line-height: 1.6;\r\n            font-weight: 400;\r\n        }\r\n\r\n        \/* \u0627\u0644\u0623\u0631\u0628\u0639\u0629 \u0641\u064a \u0635\u0641 \u0648\u0627\u062d\u062f *\/\r\n        .flow-container {\r\n            position: relative;\r\n            z-index: 10;\r\n            display: flex;\r\n            justify-content: center;\r\n            gap: 15px;\r\n            width: 90%;\r\n            max-width: 1400px;\r\n        }\r\n\r\n        .strategy-card {\r\n            position: relative;\r\n            flex: 1;\r\n            transition: 0.4s ease;\r\n        }\r\n\r\n        .icon-circle {\r\n            width: 70px;\r\n            height: 70px;\r\n            background: var(--white);\r\n            border: 2px solid var(--accent);\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 1.6rem;\r\n            color: var(--primary);\r\n            margin: 0 auto 15px;\r\n            position: relative;\r\n            z-index: 2;\r\n            transition: 0.4s;\r\n            box-shadow: 0 5px 15px rgba(0,0,0,0.05);\r\n        }\r\n\r\n        \/* \u062a\u0642\u0644\u064a\u0644 \u0637\u0648\u0644 \u0627\u0644\u0640 Box *\/\r\n        .content-box {\r\n            background: rgba(255, 255, 255, 0.9);\r\n            backdrop-filter: blur(10px);\r\n            padding: 25px 20px;\r\n\r\n            \/* \u0628\u062f\u0644 25px 0 25px 0 (\u0639\u0634\u0627\u0646 \u064a\u0628\u0642\u0649 \u0646\u0641\u0633 \u0627\u0644\u0634\u0643\u0644 \u0645\u0639 \u0642\u0644\u0628 \u0627\u0644\u0627\u062a\u062c\u0627\u0647) *\/\r\n            border-start-start-radius: 25px;\r\n            border-start-end-radius: 0;\r\n            border-end-start-radius: 0;\r\n            border-end-end-radius: 25px;\r\n\r\n            border-inline-start: 5px solid var(--primary);\r\n            box-shadow: 10px 10px 0px var(--accent); \/* \u0638\u0644 \u0635\u0644\u0628 *\/\r\n            min-height: 280px; \/* \u0637\u0648\u0644 \u0645\u062e\u062a\u0635\u0631 \u0648\u0645\u0631\u0646 *\/\r\n            display: flex;\r\n            flex-direction: column;\r\n            transition: 0.4s;\r\n        }\r\n\r\n        \/* \u0646\u0633\u062e\u0629 \u0628\u062d\u062f \u0630\u0647\u0628\u064a \u0628\u062f\u0644 \u0627\u0644\u0632\u064a\u062a\u064a *\/\r\n        .content-box.accent-border {\r\n            border-inline-start-color: var(--accent);\r\n        }\r\n\r\n        \/* \u062d\u0631\u0643\u0629 \u0627\u0644\u0647\u0648\u0641\u0631 \u062d\u0633\u0628 \u0627\u062a\u062c\u0627\u0647 \u0627\u0644\u0635\u0641\u062d\u0629 *\/\r\n        html[dir=\"rtl\"] .strategy-card:hover .content-box { transform: translate(-5px, -5px); }\r\n        html[dir=\"ltr\"] .strategy-card:hover .content-box { transform: translate(5px, -5px); }\r\n\r\n        .strategy-card:hover .content-box {\r\n            box-shadow: 15px 15px 0px var(--primary);\r\n            background: var(--white);\r\n        }\r\n\r\n        .strategy-card:hover .icon-circle {\r\n            background: var(--primary);\r\n            color: var(--white);\r\n        }\r\n\r\n        .content-box h4 {\r\n            font-size: 1.1rem;\r\n            color: var(--primary);\r\n            margin-bottom: 12px;\r\n            font-weight: 800;\r\n            line-height: 1.4;\r\n        }\r\n\r\n        .content-box p {\r\n            font-size: 0.85rem;\r\n            color: #444;\r\n            line-height: 1.7;\r\n            text-align: justify;\r\n        }\r\n\r\n        .num-watermark {\r\n            position: absolute;\r\n            top: -10px;\r\n            inset-inline-end: 0;\r\n            font-size: 3.5rem;\r\n            font-weight: 900;\r\n            color: #C1A15F38;\r\n            z-index: 1;\r\n        }\r\n\r\n        @media (max-width: 1200px) {\r\n            .flow-container { flex-wrap: wrap; }\r\n            .strategy-card { flex: 1 1 45%; max-width: 45%; margin-bottom: 30px; }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .strategy-card { flex: 1 1 100%; max-width: 100%; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"strategy-section-compact\">\r\n    <div class=\"bg-icons-fade\">\r\n        <i class=\"fas fa-brain\" style=\"top: 10%; inset-inline-start: 5%; font-size: 10rem;\"><\/i>\r\n        <i class=\"fas fa-chess-knight\" style=\"top: 40%; inset-inline-end: 5%; font-size: 8rem;\"><\/i>\r\n        <i class=\"fas fa-microchip\" style=\"bottom: 10%; inset-inline-start: 15%; font-size: 12rem;\"><\/i>\r\n    <\/div>\r\n\r\n    <div class=\"section-header\">\r\n        <h2>Our strategy<\/h2>\r\n        <p>We work according to an ambitious vision based on innovation and empowerment, to be the primary driver of our partners\u2019 success through four integrated strategic axes.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"flow-container\">\r\n        <div class=\"strategy-card\">\r\n            <span class=\"num-watermark\">01<\/span>\r\n            <div class=\"icon-circle\"><i class=\"fas fa-robot\"><\/i><\/div>\r\n            <div class=\"content-box\">\r\n                <h4>Digital transformation and innovation<\/h4>\r\n                <p>Developing digital solutions that support businesses, supporting smart transformation, and employing artificial intelligence and data analysis techniques, which contribute to improving decision quality, raising operational efficiency, and enhancing competitiveness.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"strategy-card\">\r\n            <span class=\"num-watermark\">02<\/span>\r\n            <div class=\"icon-circle\"><i class=\"fas fa-shield-halved\"><\/i><\/div>\r\n            <div class=\"content-box accent-border\">\r\n                <h4>Institutional empowerment and governance<\/h4>\r\n                <p>Raising the level of institutional maturity through restructuring operations, developing policies and procedures, and applying governance, risk management and compliance frameworks, in accordance with national and international standards.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"strategy-card\">\r\n            <span class=\"num-watermark\">03<\/span>\r\n            <div class=\"icon-circle\"><i class=\"fas fa-user-tie\"><\/i><\/div>\r\n            <div class=\"content-box\">\r\n                <h4>Human capital development<\/h4>\r\n                <p>Building national capabilities, empowering leaders and cadres, and supporting the non-profit sector, business incubators and accelerators, in a way that enhances sustainable social and economic development.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"strategy-card\">\r\n            <span class=\"num-watermark\">04<\/span>\r\n            <div class=\"icon-circle\"><i class=\"fas fa-chart-line\"><\/i><\/div>\r\n            <div class=\"content-box accent-border\">\r\n                <h4>Sustainability and growth<\/h4>\r\n                <p>Design sustainable business models, improve resource management, enhance financial efficiency, and link performance to effective measurement indicators that contribute to achieving long-term growth.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5152dbb elementor-widget elementor-widget-html\" data-id=\"5152dbb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html>\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>\u0647\u0648\u064a\u062a\u0646\u0627 - \u0643\u0648\u0646\u0633\u0648\u0644\u062a\u064a\u0641\u0627<\/title>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Almarai:wght@300;400;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    <style>\r\n        :root {\r\n            --ab-primary: #2C7581; \r\n            --ab-accent: #C1A15F;  \r\n            --ab-white: #ffffff;\r\n            --ab-text-p: #555555;\r\n            --ab-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n        }\r\n\r\n        \/* \u062d\u0627\u0648\u064a\u0629 \u0627\u0644\u0642\u0633\u0645 \u0644\u0636\u0645\u0627\u0646 \u0627\u0644\u0639\u0632\u0644 *\/\r\n        .ab-identity-wrapper {\r\n            width: 100%;\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: 60px 20px;\r\n        }\r\n\r\n        \/* \u0627\u0644\u0645\u062b\u0644\u062b\u0627\u062a \u0627\u0644\u0639\u0644\u0648\u064a\u0629 \u0627\u0644\u0635\u063a\u064a\u0631\u0629 *\/\r\n        .ab-decor-group {\r\n            display: flex;\r\n            gap: 8px;\r\n            margin-bottom: 40px;\r\n            justify-content: center;\r\n        }\r\n\r\n        .ab-tri-shape {\r\n            width: 0; height: 0;\r\n            border-left: 10px solid transparent;\r\n            border-right: 10px solid transparent;\r\n            border-bottom: 18px solid var(--ab-accent);\r\n            transform: rotate(-90deg);\r\n        }\r\n\r\n        \/* \u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0635\u0641\u0648\u0641 *\/\r\n        .ab-row-item {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 50px;\r\n            margin-bottom: 80px;\r\n        }\r\n\r\n        .ab-row-item.ab-reverse {\r\n            flex-direction: row-reverse;\r\n        }\r\n\r\n        \/* \u0645\u0646\u0637\u0642\u0629 \u0627\u0644\u0623\u0634\u0643\u0627\u0644 *\/\r\n        .ab-visual-container {\r\n            flex: 1;\r\n            position: relative;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            min-height: 300px;\r\n        }\r\n\r\n        .ab-shape-bg {\r\n            position: absolute;\r\n            width: 240px;\r\n            height: 240px;\r\n            background: var(--ab-primary);\r\n            border-radius: 40px;\r\n            transform: rotate(15deg);\r\n            opacity: 0.06;\r\n        }\r\n\r\n        .ab-shape-border {\r\n            position: absolute;\r\n            width: 200px;\r\n            height: 200px;\r\n            border: 2px solid var(--ab-accent);\r\n            border-radius: 35px;\r\n            transform: rotate(-10deg);\r\n            z-index: 2;\r\n        }\r\n\r\n        .ab-main-icon {\r\n            font-size: 3.5rem; \/* \u062a\u0645 \u062a\u0635\u063a\u064a\u0631\u0647 *\/\r\n            color: var(--ab-primary);\r\n            z-index: 3;\r\n            filter: drop-shadow(0 10px 10px rgba(0,0,0,0.05));\r\n        }\r\n\r\n        \/* \u0645\u0646\u0637\u0642\u0629 \u0627\u0644\u0646\u0635 *\/\r\n        .ab-content-box {\r\n            flex: 1.3;\r\n            padding: 40px;\r\n            background: rgba(255, 255, 255, 0.5);\r\n            backdrop-filter: blur(10px);\r\n            border-radius: 20px;\r\n            box-shadow: 0 15px 35px rgba(0,0,0,0.03);\r\n            border: 1px solid rgba(255,255,255,0.6);\r\n        }\r\n\r\n        \/* --------------------------------------------\r\n           \u0627\u0644\u062e\u0637 \u0627\u0644\u062c\u0627\u0646\u0628\u064a: \u064a\u062a\u0642\u0644\u0628 \u062a\u0644\u0642\u0627\u0626\u064a\u0627\u064b \u062d\u0633\u0628 \u0627\u062a\u062c\u0627\u0647 \u0627\u0644\u0635\u0641\u062d\u0629\r\n           - \u0627\u0644\u0635\u0641 \u0627\u0644\u0639\u0627\u062f\u064a: Accent\r\n           - \u0627\u0644\u0635\u0641 reverse: Primary\r\n        -------------------------------------------- *\/\r\n\r\n        \/* RTL *\/\r\n        html[dir=\"rtl\"] .ab-row-item:not(.ab-reverse) .ab-content-box {\r\n            border-inline-start: 6px solid var(--ab-accent);\r\n        }\r\n        html[dir=\"rtl\"] .ab-row-item.ab-reverse .ab-content-box {\r\n            border-inline-start: 6px solid var(--ab-primary);\r\n        }\r\n\r\n        \/* LTR *\/\r\n        html[dir=\"ltr\"] .ab-row-item:not(.ab-reverse) .ab-content-box {\r\n            border-inline-start: 6px solid var(--ab-accent);\r\n        }\r\n        html[dir=\"ltr\"] .ab-row-item.ab-reverse .ab-content-box {\r\n            border-inline-start: 6px solid var(--ab-primary);\r\n        }\r\n\r\n        \/* (\u0645\u0644\u0627\u062d\u0638\u0629) \u0627\u0633\u062a\u062e\u062f\u0645\u0646\u0627 border-inline-start \u0644\u0644\u062c\u0645\u064a\u0639\u060c \u0648\u0647\u0648 \u062a\u0644\u0642\u0627\u0626\u064a\u0627\u064b:\r\n           RTL = \u064a\u0645\u064a\u0646\u060c LTR = \u064a\u0633\u0627\u0631 *\/\r\n\r\n        .ab-content-box h2 {\r\n            font-size: 1.8rem; \/* \u062a\u0645 \u062a\u0635\u063a\u064a\u0631\u0647 \u0645\u0646 2.5 *\/\r\n            color: var(--ab-primary);\r\n            margin-bottom: 15px;\r\n            font-weight: 800;\r\n        }\r\n\r\n        .ab-content-box p {\r\n            font-size: 1.05rem; \/* \u062d\u062c\u0645 \u062e\u0637 \u0645\u062b\u0627\u0644\u064a \u0644\u0644\u0642\u0631\u0627\u0621\u0629 \u0648\u0645\u0648\u062f\u0631\u0646 *\/\r\n            color: var(--ab-text-p);\r\n            line-height: 1.8;\r\n            text-align: justify;\r\n        }\r\n\r\n        \/* --- \u0627\u0644\u062a\u062c\u0627\u0648\u0628 (Mobile Responsive) --- *\/\r\n        @media (max-width: 992px) {\r\n            .ab-row-item, .ab-row-item.ab-reverse {\r\n                flex-direction: column;\r\n                gap: 20px;\r\n                text-align: center;\r\n            }\r\n\r\n            .ab-content-box {\r\n                padding: 30px;\r\n                border-inline-start: none !important; \/* \u0628\u062f\u0644 right\/left *\/\r\n                border-top: 5px solid var(--ab-accent);\r\n            }\r\n\r\n            .ab-row-item.ab-reverse .ab-content-box {\r\n                border-top: 5px solid var(--ab-primary);\r\n            }\r\n\r\n            .ab-visual-container {\r\n                min-height: 220px;\r\n            }\r\n\r\n            .ab-shape-bg { width: 180px; height: 180px; }\r\n            .ab-shape-border { width: 150px; height: 150px; }\r\n            .ab-main-icon { font-size: 2.8rem; }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .ab-content-box h2 { font-size: 1.5rem; }\r\n            .ab-content-box p { font-size: 0.95rem; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <section class=\"ab-identity-wrapper\">\r\n        \r\n        <div class=\"ab-decor-group\">\r\n            <div class=\"ab-tri-shape\"><\/div>\r\n            <div class=\"ab-tri-shape\" style=\"opacity: 0.5;\"><\/div>\r\n            <div class=\"ab-tri-shape\" style=\"opacity: 0.2;\"><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"ab-main-rows-container\">\r\n            \r\n            <div class=\"ab-row-item\">\r\n                <div class=\"ab-visual-container\">\r\n                    <div class=\"ab-shape-bg\"><\/div>\r\n                    <div class=\"ab-shape-border\"><\/div>\r\n                    <i class=\"fas fa-eye ab-main-icon\"><\/i>\r\n                <\/div>\r\n                <div class=\"ab-content-box\">\r\n                    <h2>Our vision<\/h2>\r\n                    <p>\r\n                        To be the first consulting partner locally and regionally in enabling institutional transformation, and actively contributing to achieving the goals of the Kingdom\u2019s Vision 2030, through innovative, sustainable, and scalable solutions.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"ab-row-item ab-reverse\">\r\n                <div class=\"ab-visual-container\">\r\n                    <div class=\"ab-shape-bg\" style=\"background: var(--ab-accent);\"><\/div>\r\n                    <div class=\"ab-shape-border\" style=\"border-color: var(--ab-primary);\"><\/div>\r\n                    <i class=\"fas fa-paper-plane ab-main-icon\" style=\"color: var(--ab-accent);\"><\/i>\r\n                <\/div>\r\n                <div class=\"ab-content-box\">\r\n                    <h2>Our message<\/h2>\r\n                    <p>\r\n                        Providing integrated consulting and implementation services that enhance operational and financial efficiency, support institutional and digital transformation, and enable our clients to achieve institutional excellence and sustainability, in line with the objectives of the Kingdom\u2019s Vision 2030.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/section>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a52aeb2 elementor-widget elementor-widget-html\" data-id=\"a52aeb2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html>\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Almarai:wght@300;400;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    <style>\r\n        :root {\r\n            --p-gold: #C1A15F;\r\n            --p-teal: #2C7581;\r\n            --p-white: #ffffff;\r\n            --p-dark: #121516;\r\n        }\r\n\r\n        .premium-values-section {\r\n            background-color: var(--p-white);\r\n            min-height: 100vh;\r\n            display: flex;\r\n            align-items: stretch;\r\n            font-family: 'Almarai', sans-serif;\r\n            overflow: hidden;\r\n        }\r\n\r\n        \/* \u0627\u0644\u062c\u0632\u0621 \u0627\u0644\u0623\u064a\u0645\u0646: \u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0636\u062e\u0645 *\/\r\n        .values-side-title {\r\n            flex: 0.4;\r\n            background-color: var(--p-teal);\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: center;\r\n            padding: 60px;\r\n            position: relative;\r\n            color: var(--p-white);\r\n        }\r\n\r\n        .values-side-title h2 {\r\n            font-size: 5rem;\r\n            line-height: 1;\r\n            font-weight: 800;\r\n            z-index: 2;\r\n            color: white;\r\n        }\r\n\r\n        .values-side-title span {\r\n            font-size: 1.5rem;\r\n            color: var(--p-gold);\r\n            margin-bottom: 20px;\r\n            display: block;\r\n            font-weight: 300;\r\n        }\r\n\r\n        .values-side-title::after {\r\n            content: 'VALUES';\r\n            position: absolute;\r\n            bottom: -20px;\r\n            inset-inline-start: -20px;\r\n            font-size: 10rem;\r\n            font-weight: 900;\r\n            color: rgba(255, 255, 255, 0.05);\r\n            z-index: 1;\r\n        }\r\n\r\n        \/* \u0627\u0644\u062c\u0632\u0621 \u0627\u0644\u0623\u064a\u0633\u0631: \u0627\u0644\u0642\u064a\u0645 \u0628\u0646\u0638\u0627\u0645 \u0627\u0644\u0640 Linear flow *\/\r\n        .values-main-content {\r\n            flex: 0.6;\r\n            display: grid;\r\n            grid-template-columns: 1fr;\r\n            background: #fdfdfd;\r\n        }\r\n\r\n        .value-strip {\r\n            display: flex;\r\n            align-items: center;\r\n            padding: 0 60px;\r\n            border-bottom: 1px solid #eee;\r\n            transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);\r\n            position: relative;\r\n            overflow: hidden;\r\n            cursor: pointer;\r\n        }\r\n\r\n        .value-strip:last-child { border-bottom: none; }\r\n\r\n        .value-number {\r\n            font-size: 1rem;\r\n            font-weight: 800;\r\n            color: #ddd;\r\n            margin-inline-end: 40px; \/* \u0628\u062f\u0644 margin-left *\/\r\n            transition: 0.4s;\r\n        }\r\n\r\n        .value-icon-box {\r\n            width: 50px;\r\n            height: 50px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: var(--p-teal);\r\n            font-size: 1.8rem;\r\n            transition: 0.4s;\r\n        }\r\n\r\n        .value-label {\r\n            font-size: 1.6rem;\r\n            font-weight: 700;\r\n            color: var(--p-teal);\r\n            margin-inline-start: 30px; \/* \u0628\u062f\u0644 margin-right *\/\r\n            transition: 0.4s;\r\n        }\r\n\r\n        \/* \u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u062d\u0631\u0643\u0629 \u0627\u0644\u0633\u0627\u0626\u0644 \u0639\u0646\u062f \u0627\u0644\u0640 Hover *\/\r\n        .value-strip::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            inset-inline-end: 0; \/* \u0628\u062f\u0644 right *\/\r\n            width: 0;\r\n            height: 100%;\r\n            background: var(--p-gold);\r\n            transition: all 0.5s ease;\r\n            z-index: 0;\r\n        }\r\n\r\n        .value-strip:hover::before {\r\n            width: 100%;\r\n        }\r\n\r\n        .value-strip:hover .value-label,\r\n        .value-strip:hover .value-icon-box,\r\n        .value-strip:hover .value-number {\r\n            color: var(--p-white);\r\n            z-index: 1;\r\n        }\r\n\r\n        \/* \u062d\u0631\u0643\u0629 \u0627\u0644\u0647\u0648\u0641\u0631 \u062d\u0633\u0628 \u0627\u0644\u0627\u062a\u062c\u0627\u0647 *\/\r\n        html[dir=\"rtl\"] .value-strip:hover .value-label,\r\n        html[dir=\"rtl\"] .value-strip:hover .value-icon-box,\r\n        html[dir=\"rtl\"] .value-strip:hover .value-number {\r\n            transform: translateX(-20px);\r\n        }\r\n\r\n        html[dir=\"ltr\"] .value-strip:hover .value-label,\r\n        html[dir=\"ltr\"] .value-strip:hover .value-icon-box,\r\n        html[dir=\"ltr\"] .value-strip:hover .value-number {\r\n            transform: translateX(20px);\r\n        }\r\n\r\n        \/* \u0627\u0644\u062a\u062c\u0627\u0648\u0628 \u0645\u0639 \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 *\/\r\n        @media (max-width: 992px) {\r\n            .premium-values-section { flex-direction: column; }\r\n            .values-side-title { padding: 40px; flex: none; }\r\n            .values-side-title h2 { font-size: 3rem; }\r\n            .value-strip { padding: 30px 20px; }\r\n            .value-label { font-size: 1.3rem; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <section class=\"premium-values-section\">\r\n        \r\n        <div class=\"values-side-title\">\r\n            <span>Our firm principles<\/span>\r\n            <h2>\u0642\u064a\u0645\u0646\u0627<br>\u0627\u0644\u0645\u0624\u0633\u0633\u064a\u0629<\/h2>\r\n        <\/div>\r\n\r\n        <div class=\"values-main-content\">\r\n            \r\n            <div class=\"value-strip\">\r\n                <div class=\"value-number\">01<\/div>\r\n                <div class=\"value-icon-box\"><i class=\"fas fa-handshake\"><\/i><\/div>\r\n                <div class=\"value-label\">Partnership<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"value-strip\">\r\n                <div class=\"value-number\">02<\/div>\r\n                <div class=\"value-icon-box\"><i class=\"fas fa-eye\"><\/i><\/div>\r\n                <div class=\"value-label\">Transparency<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"value-strip\">\r\n                <div class=\"value-number\">03<\/div>\r\n                <div class=\"value-icon-box\"><i class=\"fas fa-user-check\"><\/i><\/div>\r\n                <div class=\"value-label\">Professionalism<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"value-strip\">\r\n                <div class=\"value-number\">04<\/div>\r\n                <div class=\"value-icon-box\"><i class=\"fas fa-leaf\"><\/i><\/div>\r\n                <div class=\"value-label\">Sustainability<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"value-strip\">\r\n                <div class=\"value-number\">05<\/div>\r\n                <div class=\"value-icon-box\"><i class=\"fas fa-lightbulb\"><\/i><\/div>\r\n                <div class=\"value-label\">Innovation<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"value-strip\">\r\n                <div class=\"value-number\">06<\/div>\r\n                <div class=\"value-icon-box\"><i class=\"fas fa-balance-scale\"><\/i><\/div>\r\n                <div class=\"value-label\">Integrity<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"value-strip\">\r\n                <div class=\"value-number\">07<\/div>\r\n                <div class=\"value-icon-box\"><i class=\"fas fa-award\"><\/i><\/div>\r\n                <div class=\"value-label\">Institutional excellence<\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/section>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c878912 elementor-widget elementor-widget-html\" data-id=\"c878912\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html>\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Almarai:wght@400;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    <style>\r\n        :root {\r\n            --cn-teal: #2C7581;      \r\n            --cn-gold: #C1A15F;      \r\n            --cn-white: #ffffff;\r\n            --cn-text: #333333;      \r\n        }\r\n\r\n        \/* \u062c\u0639\u0644 \u062e\u0644\u0641\u064a\u0629 \u0627\u0644\u0633\u0643\u0634\u0646 \u0628\u0627\u0644\u0643\u0627\u0645\u0644 \u0635\u0648\u0631\u0629 \u0645\u0639 \u0637\u0628\u0642\u0629 \u062a\u063a\u0637\u064a\u0629 \u062f\u0627\u0643\u0646\u0629 *\/\r\n        .partners-full-bg-section {\r\n            min-height: 100vh;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            position: relative;\r\n            overflow: hidden;\r\n            font-family: 'Almarai', sans-serif;\r\n            padding: 80px 5%;\r\n            \/* \u0627\u0633\u062a\u0628\u062f\u0644 \u0627\u0644\u0631\u0627\u0628\u0637 \u0623\u062f\u0646\u0627\u0647 \u0628\u0631\u0627\u0628\u0637 \u0627\u0644\u0635\u0648\u0631\u0629 \u0627\u0644\u062e\u0627\u0635 \u0628\u0634\u0631\u0643\u0627\u0621 \u0627\u0644\u0646\u062c\u0627\u062d *\/\r\n            background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), \r\n                        url('http:\/\/consultiva.sa\/wp-content\/uploads\/2025\/12\/\u0634\u0631\u0643\u0627\u0621.webp');\r\n            background-size: cover;\r\n            background-position: center;\r\n            background-attachment: fixed;\r\n        }\r\n\r\n        .str-content-container {\r\n            position: relative;\r\n            z-index: 5;\r\n            max-width: 1000px;\r\n            display: flex;\r\n            width: 100%;\r\n            background: rgba(255, 255, 255, 0.95); \/* \u062e\u0644\u0641\u064a\u0629 \u0628\u064a\u0636\u0627\u0621 \u0634\u0628\u0647 \u0634\u0641\u0627\u0641\u0629 \u0644\u0644\u0646\u0635 *\/\r\n            box-shadow: 0 50px 100px rgba(0,0,0,0.3);\r\n            border-right: 1px solid var(--cn-gold);\r\n            border-left: 1px solid var(--cn-gold);\r\n        }\r\n\r\n        .str-vertical-header {\r\n            writing-mode: vertical-rl;\r\n            text-orientation: mixed;\r\n            background: var(--cn-teal); \r\n            padding: 50px 25px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            transform: rotate(180deg);\r\n        }\r\n\r\n        .str-vertical-header h2 {\r\n            font-size: 2.8rem;\r\n            color: var(--cn-gold); \r\n            font-weight: 800;\r\n            margin: 0;\r\n            white-space: nowrap;\r\n        }\r\n\r\n        .str-text-area {\r\n            padding: 80px 70px;\r\n            flex-grow: 1;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        \/* \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0629 \u0627\u0644\u0634\u0641\u0627\u0641\u0629 \u0641\u064a \u062e\u0644\u0641\u064a\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 (\u062a\u0645 \u062a\u063a\u064a\u064a\u0631\u0647\u0627 \u0644\u062a\u0646\u0627\u0633\u0628 \u0627\u0644\u0634\u0631\u0643\u0627\u0621) *\/\r\n        .bg-icon-watermark {\r\n            position: absolute;\r\n            bottom: -30px;\r\n            left: -30px;\r\n            font-size: 22rem;\r\n            color: var(--cn-teal);\r\n            opacity: 0.05; \r\n            z-index: 0;\r\n            transform: rotate(-15deg);\r\n        }\r\n\r\n        .content-wrap {\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .str-text-area p {\r\n            font-size: 1.6rem;\r\n            color: var(--cn-text);\r\n            line-height: 2.2;\r\n            text-align: justify;\r\n            margin: 0;\r\n        }\r\n\r\n        .cn-highlight {\r\n            color: var(--cn-teal);\r\n            font-weight: 800;\r\n            border-bottom: 2px solid var(--cn-gold);\r\n        }\r\n\r\n        @media (max-width: 992px) {\r\n            .str-content-container { flex-direction: column; }\r\n            .str-vertical-header { writing-mode: horizontal-tb; transform: none; width: auto; padding: 30px; }\r\n            .str-text-area { padding: 40px 25px; }\r\n            .str-text-area p { font-size: 1.3rem; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <section class=\"partners-full-bg-section\">\r\n        <div class=\"str-content-container\">\r\n            <div class=\"str-vertical-header\">\r\n                <h2>Partners<\/h2>\r\n            <\/div>\r\n\r\n            <div class=\"str-text-area\">\r\n                <i class=\"fas fa-handshake bg-icon-watermark\"><\/i>\r\n                \r\n                <div class=\"content-wrap\">\r\n                    <p>\r\n                        \u062a\u0628\u0646\u064a \u0643\u0648\u0646\u0633\u0648\u0644\u062a\u064a\u0641\u0627 <span class=\"cn-highlight\">CONSULTIVA<\/span> \u0634\u0631\u0627\u0643\u0627\u062a \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0645\u0639 \u0627\u0644\u062c\u0647\u0627\u062a \u0627\u0644\u062d\u0643\u0648\u0645\u064a\u0629\u060c \u0648\u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u0643\u0628\u0631\u0649\u060c \u0648\u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a \u063a\u064a\u0631 \u0627\u0644\u0631\u0628\u062d\u064a\u0629\u060c \u0648\u0628\u064a\u0648\u062a \u0627\u0644\u062e\u0628\u0631\u0629 \u0627\u0644\u062f\u0648\u0644\u064a\u0629\u060c \u0648\u0627\u0644\u062c\u0647\u0627\u062a \u0627\u0644\u0623\u0643\u0627\u062f\u064a\u0645\u064a\u0629 \u0648\u0627\u0644\u062a\u0642\u0646\u064a\u0629\u060c \u0628\u0645\u0627 \u064a\u0636\u0645\u0646 \u062a\u0642\u062f\u064a\u0645 \u062d\u0644\u0648\u0644 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0630\u0627\u062a \u0623\u062b\u0631 \u0645\u0633\u062a\u062f\u0627\u0645.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-db175c6 elementor-widget elementor-widget-html\" data-id=\"db175c6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html>\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Almarai:wght@300;400;700;800&display=swap\" rel=\"stylesheet\">\r\n    \r\n    <style>\r\n        :root {\r\n            --primary: #2C7581; \/* \u0627\u0644\u0632\u064a\u062a\u064a *\/\r\n            --accent: #C1A15F;  \/* \u0627\u0644\u0630\u0647\u0628\u064a *\/\r\n            --text-dark: #2d3436;\r\n            --soft-bg: #F8F9FA; \/* \u062e\u0644\u0641\u064a\u0629 \u0641\u0627\u062a\u062d\u0629 \u0648\u0645\u0645\u064a\u0632\u0629 *\/\r\n            --white: #ffffff;\r\n        }\r\n\r\n        * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Almarai', sans-serif; }\r\n\r\n        .board-section {\r\n            padding: 120px 8%;\r\n            background-color: var(--soft-bg);\r\n            \/* \u0625\u0636\u0627\u0641\u0629 \u0646\u0642\u0634\u0629 \u0647\u0646\u062f\u0633\u064a\u0629 \u062e\u0641\u064a\u0641\u0629 \u062c\u062f\u0627\u064b \u0641\u064a \u0627\u0644\u062e\u0644\u0641\u064a\u0629 *\/\r\n            background-image: radial-gradient(#2c758110 1px, transparent 1px);\r\n            background-size: 30px 30px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 80px;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        \/* \u0644\u0645\u0633\u0629 \u0641\u0646\u064a\u0629 \u0641\u064a \u0632\u0627\u0648\u064a\u0629 \u0627\u0644\u0633\u0643\u0634\u0646 *\/\r\n        .board-section::after {\r\n            content: '';\r\n            position: absolute;\r\n            top: -50px;\r\n            left: -50px;\r\n            width: 200px;\r\n            height: 200px;\r\n            background: var(--primary);\r\n            opacity: 0.03;\r\n            border-radius: 50%;\r\n        }\r\n\r\n        \/* \u062d\u0627\u0648\u064a\u0629 \u0627\u0644\u0635\u0648\u0631\u0629 \u0627\u0644\u0645\u062d\u062f\u062b\u0629 *\/\r\n        .image-container {\r\n            flex: 1;\r\n            position: relative;\r\n            z-index: 2;\r\n            max-width: 480px;\r\n        }\r\n\r\n        .main-img-frame {\r\n            position: relative;\r\n            z-index: 2;\r\n            border-radius: 30px 5px 30px 5px; \/* \u062d\u0648\u0627\u0641 \u0645\u0639\u0645\u0627\u0631\u064a\u0629 \u0645\u0645\u064a\u0632\u0629 *\/\r\n            overflow: hidden;\r\n            box-shadow: 20px 20px 60px rgba(0,0,0,0.1);\r\n            border: 8px solid var(--white);\r\n        }\r\n\r\n        .main-img-frame img {\r\n            width: 100%;\r\n            height: auto;\r\n            display: block;\r\n            transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);\r\n        }\r\n\r\n        .main-img-frame:hover img {\r\n            transform: scale(1.1);\r\n        }\r\n\r\n        \/* \u0627\u0644\u0625\u0637\u0627\u0631 \u0627\u0644\u062e\u0644\u0641\u064a \u0627\u0644\u0630\u0647\u0628\u064a *\/\r\n        .decoration-box {\r\n            position: absolute;\r\n            top: -20px;\r\n            left: -20px;\r\n            width: 100%;\r\n            height: 100%;\r\n            border: 2px solid var(--accent);\r\n            border-radius: 30px 5px 30px 5px;\r\n            z-index: 1;\r\n            opacity: 0.4;\r\n        }\r\n\r\n        \/* \u062d\u0627\u0648\u064a\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0646\u0635\u064a *\/\r\n        .content-container {\r\n            flex: 1.2;\r\n            z-index: 2;\r\n        }\r\n\r\n        .content-container h2 {\r\n            font-size: 3rem;\r\n            color: var(--primary);\r\n            font-weight: 800;\r\n            margin-bottom: 25px;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 15px;\r\n        }\r\n\r\n        \/* \u0627\u0644\u062e\u0637 \u0627\u0644\u0635\u063a\u064a\u0631 \u0642\u0628\u0644 \u0627\u0644\u0639\u0646\u0648\u0627\u0646 *\/\r\n        .content-container h2::before {\r\n            content: '';\r\n            width: 40px;\r\n            height: 4px;\r\n            background: var(--accent);\r\n            display: inline-block;\r\n        }\r\n\r\n        .content-container p {\r\n            font-size: 1.2rem;\r\n            line-height: 2;\r\n            color: var(--text-dark);\r\n            text-align: justify;\r\n            font-weight: 400;\r\n            opacity: 0.9;\r\n        }\r\n\r\n        .highlight {\r\n            color: var(--primary);\r\n            font-weight: 800;\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n\r\n        \/* \u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u062a\u0638\u0644\u064a\u0644 \u0644\u0644\u0643\u0644\u0645\u0627\u062a \u0627\u0644\u0645\u0647\u0645\u0629 *\/\r\n        .highlight::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: 2px;\r\n            right: 0;\r\n            width: 100%;\r\n            height: 8px;\r\n            background: var(--accent);\r\n            opacity: 0.2;\r\n            z-index: -1;\r\n        }\r\n\r\n        \/* \u0627\u0633\u062a\u062c\u0627\u0628\u0629 \u0627\u0644\u0634\u0627\u0634\u0627\u062a *\/\r\n        @media (max-width: 1024px) {\r\n            .board-section { \r\n                flex-direction: column-reverse; \/* \u0627\u0644\u0635\u0648\u0631\u0629 \u062a\u062d\u062a \u0627\u0644\u0646\u0635 \u0641\u064a \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 *\/\r\n                padding: 80px 5%; \r\n                gap: 50px;\r\n            }\r\n            .content-container h2 { font-size: 2.5rem; justify-content: center; }\r\n            .content-container h2::before { display: none; }\r\n            .image-container { max-width: 90%; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"board-section\">\r\n    <div class=\"image-container\">\r\n        <div class=\"main-img-frame\">\r\n            <img decoding=\"async\" src=\"http:\/\/consultiva.sa\/wp-content\/uploads\/2025\/12\/\u0645\u062c\u0644\u0633-\u0627\u0644\u0627\u062f\u0627\u0631\u0629.webp\" alt=\"Board Member\">\r\n        <\/div>\r\n        <div class=\"decoration-box\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"content-container\">\r\n        <h2>Board of Directors<\/h2>\r\n        <p>\r\n            \u064a\u062a\u0643\u0648\u0646 \u0645\u062c\u0644\u0633 \u0625\u062f\u0627\u0631\u0629 \u0643\u0648\u0646\u0633\u0648\u0644\u062a\u064a\u0641\u0627 <span class=\"highlight\">Consultiva<\/span> \u0645\u0646 \u0646\u062e\u0628\u0629 \u0645\u0646 \u0627\u0644\u0642\u064a\u0627\u062f\u0627\u062a \u0648\u0627\u0644\u062e\u0628\u0631\u0627\u0621 \u0630\u0648\u064a \u062e\u0628\u0631\u0627\u062a \u0646\u0648\u0639\u064a\u0629 \u0641\u064a \u0645\u062c\u0627\u0644\u0627\u062a \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0625\u062f\u0627\u0631\u064a\u0629 \u0648\u0627\u0644\u0645\u0627\u0644\u064a\u0629\u060c \u0648\u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u0624\u0633\u0633\u064a. \u064a\u0636\u0637\u0644\u0639 \u0627\u0644\u0645\u062c\u0644\u0633 \u0628\u062f\u0648\u0631 \u0645\u062d\u0648\u0631\u064a \u0641\u064a \u0631\u0633\u0645 \u0627\u0644\u062a\u0648\u062c\u0647 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u060c \u0648\u062a\u0639\u0632\u064a\u0632 \u0627\u0644\u062d\u0648\u0643\u0645\u0629\u060c \u0648\u0636\u0645\u0627\u0646 \u0627\u0644\u0627\u0645\u062a\u062b\u0627\u0644\u060c \u0645\u0639 \u062f\u0645\u062c \u0645\u0633\u062a\u0647\u062f\u0641\u0627\u062a <span class=\"highlight\">\u0631\u0624\u064a\u0629 \u0627\u0644\u0645\u0645\u0644\u0643\u0629 2030<\/span> \u0641\u064a \u062c\u0648\u0647\u0631 \u0643\u0627\u0641\u0629 \u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0634\u0631\u0643\u0629 \u0644\u0636\u0645\u0627\u0646 \u062a\u062d\u0642\u064a\u0642 \u0631\u064a\u0627\u062f\u0629 \u0648\u0637\u0646\u064a\u0629 \u0628\u0645\u0639\u0627\u064a\u064a\u0631 \u0639\u0627\u0644\u0645\u064a\u0629.\r\n        <\/p>\r\n    <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-820cce9 elementor-widget elementor-widget-html\" data-id=\"820cce9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html>\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Almarai:wght@400;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    <style>\r\n        :root {\r\n            --cn-teal: #2C7581;      \r\n            --cn-gold: #C1A15F;      \r\n            --cn-white: #ffffff;\r\n            --cn-text: #333333;      \r\n        }\r\n\r\n        \/* \u062c\u0639\u0644 \u062e\u0644\u0641\u064a\u0629 \u0627\u0644\u0633\u0643\u0634\u0646 \u0628\u0627\u0644\u0643\u0627\u0645\u0644 \u0635\u0648\u0631\u0629 \u0645\u0639 \u0637\u0628\u0642\u0629 \u062a\u063a\u0637\u064a\u0629 *\/\r\n        .team-full-bg-section {\r\n            min-height: 100vh;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            position: relative;\r\n            overflow: hidden;\r\n            font-family: 'Almarai', sans-serif;\r\n            padding: 80px 5%;\r\n            \/* \u0627\u0633\u062a\u0628\u062f\u0644 \u0627\u0644\u0631\u0627\u0628\u0637 \u0623\u062f\u0646\u0627\u0647 \u0628\u0631\u0627\u0628\u0637 \u0627\u0644\u0635\u0648\u0631\u0629 \u0627\u0644\u062d\u0642\u064a\u0642\u064a *\/\r\n            background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), \r\n                        url('http:\/\/consultiva.sa\/wp-content\/uploads\/2025\/12\/\u0641\u0631\u064a\u0642.webp');\r\n            background-size: cover;\r\n            background-position: center;\r\n            background-attachment: fixed; \/* \u064a\u0639\u0637\u064a \u062a\u0623\u062b\u064a\u0631 \u0628\u0627\u0631\u0627\u0644\u0627\u0643\u0633 \u0641\u062e\u0645 *\/\r\n        }\r\n\r\n        .str-content-container {\r\n            position: relative;\r\n            z-index: 5;\r\n            max-width: 1000px;\r\n            display: flex;\r\n            width: 100%;\r\n            background: rgba(255, 255, 255, 0.95); \/* \u062e\u0644\u0641\u064a\u0629 \u0628\u064a\u0636\u0627\u0621 \u0634\u0628\u0647 \u0634\u0641\u0627\u0641\u0629 \u0644\u0644\u0646\u0635 *\/\r\n            box-shadow: 0 50px 100px rgba(0,0,0,0.3);\r\n            border-right: 1px solid var(--cn-gold);\r\n            border-left: 1px solid var(--cn-gold);\r\n        }\r\n\r\n        .str-vertical-header {\r\n            writing-mode: vertical-rl;\r\n            text-orientation: mixed;\r\n            background: var(--cn-teal); \r\n            padding: 50px 25px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            transform: rotate(180deg);\r\n        }\r\n\r\n        .str-vertical-header h2 {\r\n            font-size: 2.8rem;\r\n            color: var(--cn-gold); \r\n            font-weight: 800;\r\n            margin: 0;\r\n            white-space: nowrap;\r\n        }\r\n\r\n        .str-text-area {\r\n            padding: 80px 70px;\r\n            flex-grow: 1;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        \/* \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0629 \u0627\u0644\u0634\u0641\u0627\u0641\u0629 \u0641\u064a \u062e\u0644\u0641\u064a\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 *\/\r\n        .bg-icon-watermark {\r\n            position: absolute;\r\n            bottom: -30px;\r\n            left: -30px;\r\n            font-size: 22rem;\r\n            color: var(--cn-teal);\r\n            opacity: 0.05; \r\n            z-index: 0;\r\n            transform: rotate(-15deg);\r\n        }\r\n\r\n        .content-wrap {\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .str-text-area p {\r\n            font-size: 1.6rem;\r\n            color: var(--cn-text);\r\n            line-height: 2.2;\r\n            text-align: justify;\r\n            margin: 0;\r\n        }\r\n\r\n        .cn-highlight {\r\n            color: var(--cn-teal);\r\n            font-weight: 800;\r\n            border-bottom: 2px solid var(--cn-gold);\r\n        }\r\n\r\n        @media (max-width: 992px) {\r\n            .str-content-container { flex-direction: column; }\r\n            .str-vertical-header { writing-mode: horizontal-tb; transform: none; width: auto; padding: 30px; }\r\n            .str-text-area { padding: 40px 25px; }\r\n            .str-text-area p { font-size: 1.3rem; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <section class=\"team-full-bg-section\">\r\n        <div class=\"str-content-container\">\r\n            <div class=\"str-vertical-header\">\r\n                <h2>Our team<\/h2>\r\n            <\/div>\r\n\r\n            <div class=\"str-text-area\">\r\n                <i class=\"fas fa-users-cog bg-icon-watermark\"><\/i>\r\n                \r\n                <div class=\"content-wrap\">\r\n                    <p>\r\n                        \u064a\u0636\u0645 \u0641\u0631\u064a\u0642 \u0643\u0648\u0646\u0633\u0648\u0644\u062a\u064a\u0641\u0627 <span class=\"cn-highlight\">Consultiva<\/span> \u062e\u0628\u0631\u0627\u062a \u0645\u062a\u0639\u062f\u062f\u0629 \u0627\u0644\u062a\u062e\u0635\u0635\u0627\u062a \u062a\u0634\u0645\u0644 \u0627\u0644\u0625\u062f\u0627\u0631\u0629\u060c \u0627\u0644\u0645\u0627\u0644\u064a\u0629\u060c \u0627\u0644\u0645\u0648\u0627\u0631\u062f \u0627\u0644\u0628\u0634\u0631\u064a\u0629\u060c \u0627\u0644\u062a\u0633\u0648\u064a\u0642\u060c \u0627\u0644\u0639\u0644\u0627\u0642\u0627\u062a \u0627\u0644\u0639\u0627\u0645\u0629\u060c \u062a\u0642\u0646\u064a\u0629 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a\u060c \u0648\u0623\u0628\u062d\u0627\u062b \u0627\u0644\u0633\u0648\u0642\u060c \u0648\u064a\u0639\u062a\u0645\u062f \u0639\u0644\u0649 \u0643\u0648\u0627\u062f\u0631 \u0648\u0637\u0646\u064a\u0629 \u0648\u0639\u0627\u0644\u0645\u064a\u0629 \u0645\u0624\u0647\u0644\u0629\u060c \u062a\u0639\u0645\u0644 \u0648\u0641\u0642 \u0645\u0646\u0647\u062c\u064a\u0627\u062a \u0648\u0645\u0639\u0627\u064a\u064a\u0631 \u0645\u0647\u0646\u064a\u0629 \u062f\u0648\u0644\u064a\u0629 \u0645\u062b\u0644 <b>ISO<\/b> \u0648 <b>PMI<\/b> \u0648 <b>PRINCE2<\/b> \u0648 <b>CIPD<\/b>.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1e8267c elementor-widget elementor-widget-html\" data-id=\"1e8267c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html>\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Almarai:wght@400;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    <style>\r\n        :root {\r\n            --cn-teal: #2C7581;      \r\n            --cn-gold: #C1A15F;      \r\n            --cn-saudi-green: #006C35; \/* \u0627\u0644\u0644\u0648\u0646 \u0627\u0644\u0633\u0639\u0648\u062f\u064a \u0627\u0644\u0631\u0633\u0645\u064a *\/\r\n            --cn-cream: #f9f9f9;\r\n            --cn-text: #333333;      \r\n        }\r\n\r\n        .commitment-fluid-section {\r\n            min-height: 90vh;\r\n            background-color: var(--cn-cream);\r\n            font-family: 'Almarai', sans-serif;\r\n            position: relative;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            overflow: hidden;\r\n            padding: 100px 5%;\r\n        }\r\n\r\n        \/* \u0646\u0635 \u062e\u0644\u0641\u064a \u0639\u0645\u0644\u0627\u0642 \"\u0645\u0642\u0637\u0648\u0639\" \u064a\u0639\u0637\u064a \u0639\u0645\u0642 \u0641\u0646\u064a *\/\r\n        .giant-stroke-text {\r\n            position: absolute;\r\n            font-size: 20vw;\r\n            font-weight: 800;\r\n            color: transparent;\r\n            -webkit-text-stroke: 1px rgba(44, 117, 129, 0.1);\r\n            top: 50%;\r\n            left: 50%;\r\n            transform: translate(-50%, -50%);\r\n            white-space: nowrap;\r\n            z-index: 1;\r\n            user-select: none;\r\n        }\r\n\r\n        .fluid-layout {\r\n            position: relative;\r\n            z-index: 5;\r\n            width: 100%;\r\n            max-width: 1200px;\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 40px;\r\n        }\r\n\r\n        \/* \u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0628\u062a\u0635\u0645\u064a\u0645 \"\u0627\u0644\u062e\u0644\u0641\u064a\u0629 \u0627\u0644\u0645\u0645\u062a\u062f\u0629\" *\/\r\n        .title-wrapper {\r\n            position: relative;\r\n            display: inline-block;\r\n        }\r\n\r\n        .title-wrapper h2 {\r\n            font-size: 5rem;\r\n            color: var(--cn-teal);\r\n            font-weight: 800;\r\n            margin: 0;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .title-wrapper::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: 15px;\r\n            right: -100px;\r\n            width: 1000px;\r\n            height: 35px;\r\n            background: var(--cn-gold);\r\n            opacity: 0.2;\r\n            z-index: 1;\r\n        }\r\n\r\n        \/* \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0645\u0648\u0632\u0639 \u0628\u0634\u0643\u0644 \u0627\u0646\u0633\u064a\u0627\u0628\u064a *\/\r\n        .content-flex {\r\n            display: flex;\r\n            align-items: flex-start;\r\n            gap: 60px;\r\n        }\r\n\r\n        \/* \u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0623\u0633\u0647\u0645 \u0627\u0644\u062b\u0644\u0627\u062b\u0629 \u0628\u0634\u0643\u0644 \u0645\u0648\u062f\u0631\u0646 *\/\r\n        .visual-arrows {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 15px;\r\n            padding-top: 20px;\r\n        }\r\n\r\n        .arrow-item {\r\n            width: 80px;\r\n            height: 80px;\r\n            background: var(--cn-teal);\r\n            clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            transition: 0.5s;\r\n        }\r\n\r\n        .arrow-item:nth-child(2) { opacity: 0.7; transform: translateX(-20px); }\r\n        .arrow-item:nth-child(3) { opacity: 0.4; transform: translateX(-40px); }\r\n\r\n        .text-box-limitless {\r\n            flex: 1;\r\n            max-width: 800px;\r\n        }\r\n\r\n        .text-box-limitless p {\r\n            font-size: 2.2rem;\r\n            color: var(--cn-text);\r\n            line-height: 1.8;\r\n            font-weight: 400;\r\n            margin: 0;\r\n            text-align: justify;\r\n        }\r\n\r\n        .text-box-limitless b {\r\n            color: var(--cn-teal);\r\n            position: relative;\r\n            font-weight: 800;\r\n        }\r\n\r\n        \/* \u062a\u0623\u062b\u064a\u0631 \u0631\u0642\u0645 2030 \u0627\u0644\u0639\u0627\u0626\u0645 \u0628\u0627\u0644\u0644\u0648\u0646 \u0627\u0644\u0633\u0639\u0648\u062f\u064a *\/\r\n        .vision-tag {\r\n            margin-top: 50px;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 20px;\r\n        }\r\n\r\n        .vision-tag .year {\r\n            font-size: 4rem;\r\n            font-weight: 800;\r\n            color: var(--cn-saudi-green); \/* \u062a\u063a\u064a\u064a\u0631 \u0644\u0644\u0648\u0646 \u0627\u0644\u0633\u0639\u0648\u062f\u064a *\/\r\n            border-left: 4px solid #006C35;\r\n            padding-left: 20px;\r\n            line-height: 1;\r\n            font-size:40px;\r\n        }\r\n\r\n        .vision-tag .label {\r\n            font-size: 1.2rem;\r\n            color: var(--cn-saudi-green); \/* \u062a\u063a\u064a\u064a\u0631 \u0644\u0644\u0648\u0646 \u0627\u0644\u0633\u0639\u0648\u062f\u064a *\/\r\n            letter-spacing: 2px;\r\n            font-weight: 700;\r\n            line-height: 1.4;\r\n            font-size:15px;\r\n\r\n            \r\n        }\r\n\r\n        \/* \u0623\u064a\u0642\u0648\u0646\u0629 \u0627\u0644\u0634\u0641\u0627\u0641\u064a\u0629 \u0627\u0644\u062a\u064a \u0637\u0644\u0628\u062a\u0647\u0627 \u0641\u064a \u0627\u0644\u062e\u0644\u0641\u064a\u0629 *\/\r\n        .bg-icon-fade {\r\n            position: absolute;\r\n            right: 5%;\r\n            bottom: 5%;\r\n            font-size: 25rem;\r\n            color: var(--cn-teal);\r\n            opacity: 0.02;\r\n            transform: rotate(10deg);\r\n            pointer-events: none;\r\n        }\r\n\r\n        @media (max-width: 992px) {\r\n            .content-flex { flex-direction: column; gap: 30px; }\r\n            .title-wrapper h2 { font-size: 3rem; }\r\n            .text-box-limitless p { font-size: 1.5rem; }\r\n            .visual-arrows { flex-direction: row; }\r\n            .arrow-item { width: 50px; height: 50px; }\r\n            .giant-stroke-text { font-size: 30vw; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <section class=\"commitment-fluid-section\">\r\n        <div class=\"giant-stroke-text\">COMMITMENT<\/div>\r\n\r\n        <i class=\"fas fa-shield-alt bg-icon-fade\"><\/i>\r\n\r\n        <div class=\"fluid-layout\">\r\n            <div class=\"title-wrapper\">\r\n                <h2>Our commitment<\/h2>\r\n            <\/div>\r\n\r\n            <div class=\"content-flex\">\r\n                <div class=\"visual-arrows\">\r\n                    <div class=\"arrow-item\"><\/div>\r\n                    <div class=\"arrow-item\"><\/div>\r\n                    <div class=\"arrow-item\"><\/div>\r\n                <\/div>\r\n\r\n                <div class=\"text-box-limitless\">\r\n                    <p>\r\n                        \u0646\u0644\u062a\u0632\u0645 \u0641\u064a \u0643\u0648\u0646\u0633\u0648\u0644\u062a\u064a\u0641\u0627 <b>CONSULTIVA<\/b> \u0628\u062a\u0642\u062f\u064a\u0645 \u062e\u062f\u0645\u0627\u062a \u0630\u0627\u062a \u062c\u0648\u062f\u0629 \u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u0642\u064a\u0627\u0633\u060c \u0648\u0623\u062b\u0631 \u0645\u0644\u0645\u0648\u0633\u060c \u0648\u0641\u0642 \u0623\u0639\u0644\u0649 \u0627\u0644\u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u0645\u0647\u0646\u064a\u0629\u060c \u0648\u0628\u0645\u0631\u0648\u0646\u0629 \u062a\u0648\u0627\u0643\u0628 \u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u062a\u062d\u0648\u0644 \u0627\u0644\u0648\u0637\u0646\u064a\u060c \u062f\u0639\u0645\u0627\u064b \u0644\u062a\u062d\u0642\u064a\u0642 \u0645\u0633\u062a\u0647\u062f\u0641\u0627\u062a \u0631\u0624\u064a\u0629 \u0627\u0644\u0645\u0645\u0644\u0643\u0629.\r\n                    <\/p>\r\n\r\n                    <div class=\"vision-tag\">\r\n                        <span class=\"year\">2030<\/span>\r\n                        <span class=\"label\">Kingdom Vision<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>\u0645\u0646 \u0646\u062d\u0646 \u0646\u062d\u0646 \u0634\u0631\u0643\u0627\u0621 \u0627\u0644\u0646\u062c\u0627\u062d\u060c \u0646\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u062e\u0628\u0631\u0629 \u0627\u0644\u0639\u0645\u064a\u0642\u0629 \u0648\u0627\u0644\u0631\u0624\u064a\u0629 \u0627\u0644\u0645\u0628\u062a\u0643\u0631\u0629 \u0644\u0646\u0635\u064a\u063a \u0645\u0633\u062a\u0642\u0628\u0644\u0627\u064b \u0631\u064a\u0627\u062f\u064a\u0627\u064b \u0644\u0644\u0623\u0639\u0645\u0627\u0644 \u0641\u064a \u0627\u0644\u0645\u0646\u0637\u0642\u0629 \u0645\u0646 \u062e\u0644\u0627\u0644 \u062d\u0644\u0648\u0644 \u0627\u0633\u062a\u0634\u0627\u0631\u064a\u0629 \u0627\u0633\u062a\u062b\u0646\u0627\u0626\u064a\u0629. \u0639\u0646 \u0643\u0648\u0646\u0633\u0648\u0644\u062a\u064a\u0641\u0627 CONSULTIVA \u062a\u0623\u0633\u0633\u062a \u0643\u0648\u0646\u0633\u0648\u0644\u062a\u064a\u0641\u0627 \u0644\u062d\u0644\u0648\u0644 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0644\u062a\u0643\u0648\u0646 \u0634\u0631\u064a\u0643\u0627\u064b \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0627\u064b \u0645\u0648\u062b\u0648\u0642\u0627\u064b \u0641\u064a \u062f\u0639\u0645 \u0627\u0644\u062a\u062d\u0648\u0644 \u0627\u0644\u0645\u0624\u0633\u0633\u064a \u0648\u0627\u0644\u062a\u0646\u0645\u064a\u0629 \u0627\u0644\u0645\u0633\u062a\u062f\u0627\u0645\u0629 \u0641\u064a \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629\u060c \u0645\u0646 \u062e\u0644\u0627\u0644 \u062a\u0642\u062f\u064a\u0645 \u062d\u0644\u0648\u0644 \u0623\u0639\u0645\u0627\u0644 \u0648\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0648\u0641\u0642 \u0623\u0639\u0644\u0649 \u0627\u0644\u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u0645\u0647\u0646\u064a\u0629 \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629\u060c [&hellip;]<\/p>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"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-10","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/consultiva.sa\/en\/wp-json\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/consultiva.sa\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/consultiva.sa\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/consultiva.sa\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/consultiva.sa\/en\/wp-json\/wp\/v2\/comments?post=10"}],"version-history":[{"count":52,"href":"https:\/\/consultiva.sa\/en\/wp-json\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":455,"href":"https:\/\/consultiva.sa\/en\/wp-json\/wp\/v2\/pages\/10\/revisions\/455"}],"wp:attachment":[{"href":"https:\/\/consultiva.sa\/en\/wp-json\/wp\/v2\/media?parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}