{"id":799,"date":"2026-04-18T02:05:37","date_gmt":"2026-04-18T02:05:37","guid":{"rendered":"http:\/\/kanate-honaalmghrib.net\/?page_id=799"},"modified":"2026-04-18T02:52:09","modified_gmt":"2026-04-18T02:52:09","slug":"%d8%a7%d9%84%d8%b1%d8%a6%d9%8a%d8%b3%d9%8a%d8%a9","status":"publish","type":"page","link":"https:\/\/kanate-honaalmghrib.net\/","title":{"rendered":"\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629"},"content":{"rendered":"<div class=\"hona-maghrib-vision\" dir=\"rtl\">\n<style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@300;400;700;800;900&display=swap');<\/p>\n<p>    .hona-maghrib-vision {\n        font-family: 'Tajawal', sans-serif;\n        color: #1a1a1a;\n        line-height: 1.8;\n        background-color: #f7f9fa;\n        overflow-x: hidden;\n    }<\/p>\n<p>    \/* Hero Section *\/\n    .vision-hero {\n        position: relative;\n        height: 80vh;\n        min-height: 500px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        text-align: center;\n        color: #fff;\n        background-image: url('https:\/\/images.unsplash.com\/photo-1553524913-68d71249b6b7?ixlib=rb-1.2.1&auto=format&fit=crop&w=1920&q=80');\n        background-size: cover;\n        background-position: center;\n        background-attachment: fixed;\n    }<\/p>\n<p>    .vision-hero::before {\n        content: '';\n        position: absolute;\n        top: 0; left: 0; right: 0; bottom: 0;\n        background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%, rgba(139, 15, 30, 0.8) 100%);\n    }<\/p>\n<p>    .hero-content {\n        position: relative;\n        z-index: 1;\n        max-width: 900px;\n        padding: 0 20px;\n        animation: fadeInDown 1.2s ease-out;\n    }<\/p>\n<p>    .hero-content h1 {\n        font-size: 5rem;\n        font-weight: 900;\n        margin-bottom: 20px;\n        text-shadow: 0 4px 15px rgba(0,0,0,0.5);\n        letter-spacing: -1px;\n    }<\/p>\n<p>    .hero-content p {\n        font-size: 2.2rem;\n        font-weight: 400;\n        text-shadow: 0 2px 10px rgba(0,0,0,0.5);\n    }<\/p>\n<p>    \/* Layout Containers *\/\n    .container {\n        max-width: 1200px;\n        margin: 0 auto;\n        padding: 80px 20px;\n    }<\/p>\n<p>    .section-header {\n        text-align: center;\n        margin-bottom: 60px;\n    }<\/p>\n<p>    .section-header h2 {\n        font-size: 3rem;\n        color: #b01c2e;\n        font-weight: 800;\n        display: inline-block;\n        position: relative;\n    }<\/p>\n<p>    .section-header h2::after {\n        content: '';\n        position: absolute;\n        bottom: -15px;\n        left: 50%;\n        transform: translateX(-50%);\n        width: 80px;\n        height: 6px;\n        background: #d82b40;\n        border-radius: 4px;\n    }<\/p>\n<p>    \/* Info Grid (Editorial Identity, Vision, Mission) *\/\n    .info-grid {\n        display: grid;\n        grid-template-columns: 1fr;\n        gap: 40px;\n        margin-bottom: 80px;\n    }<\/p>\n<p>    @media (min-width: 992px) {\n        .info-grid {\n            grid-template-columns: 1fr 1fr 1fr;\n        }\n    }<\/p>\n<p>    .info-card {\n        background: #fff;\n        padding: 50px 30px;\n        border-radius: 20px;\n        box-shadow: 0 10px 40px rgba(0,0,0,0.05);\n        transition: transform 0.4s ease, box-shadow 0.4s ease;\n        text-align: center;\n        position: relative;\n        overflow: hidden;\n    }<\/p>\n<p>    .info-card::before {\n        content: '';\n        position: absolute;\n        top: 0; left: 0; right: 0;\n        height: 6px;\n        background: linear-gradient(90deg, #b01c2e, #ff4d64);\n    }<\/p>\n<p>    .info-card:hover {\n        transform: translateY(-10px);\n        box-shadow: 0 15px 50px rgba(176, 28, 46, 0.15);\n    }<\/p>\n<p>    .info-card h3 {\n        font-size: 2rem;\n        color: #222;\n        margin-bottom: 20px;\n        font-weight: 700;\n    }<\/p>\n<p>    .info-card p {\n        font-size: 1.2rem;\n        color: #555;\n    }<\/p>\n<p>    \/* Image Cards for Main Axes *\/\n    .axes-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n        gap: 30px;\n        margin-bottom: 80px;\n    }<\/p>\n<p>    .axis-card {\n        position: relative;\n        border-radius: 16px;\n        overflow: hidden;\n        height: 350px;\n        color: #fff;\n        box-shadow: 0 8px 30px rgba(0,0,0,0.1);\n        group: hover;\n    }<\/p>\n<p>    .axis-card img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        transition: transform 0.6s ease;\n    }<\/p>\n<p>    .axis-overlay {\n        position: absolute;\n        bottom: 0; left: 0; right: 0;\n        background: linear-gradient(transparent, rgba(0,0,0,0.9));\n        padding: 30px 20px;\n        transition: padding-bottom 0.4s ease;\n    }<\/p>\n<p>    .axis-card:hover img {\n        transform: scale(1.1);\n    }<\/p>\n<p>    .axis-card:hover .axis-overlay {\n        padding-bottom: 40px;\n    }<\/p>\n<p>    .axis-overlay h3 {\n        font-size: 1.8rem;\n        margin: 0 0 10px 0;\n        font-weight: 700;\n        text-shadow: 0 2px 4px rgba(0,0,0,0.5);\n    }<\/p>\n<p>    .axis-overlay p {\n        font-size: 1.1rem;\n        margin: 0;\n        opacity: 0.9;\n        text-shadow: 0 1px 3px rgba(0,0,0,0.5);\n    }<\/p>\n<p>    \/* Cinematic Quote Block *\/\n    .quote-block {\n        background-image: url('https:\/\/images.unsplash.com\/photo-1548013146-72479768bada?ixlib=rb-1.2.1&auto=format&fit=crop&w=1920&q=80');\n        background-size: cover;\n        background-position: center;\n        background-attachment: fixed;\n        position: relative;\n        border-radius: 20px;\n        padding: 100px 40px;\n        text-align: center;\n        color: #fff;\n        box-shadow: 0 15px 40px rgba(0,0,0,0.2);\n    }<\/p>\n<p>    .quote-block::before {\n        content: '';\n        position: absolute;\n        top: 0; left: 0; right: 0; bottom: 0;\n        background: rgba(15, 15, 15, 0.85);\n        border-radius: 20px;\n    }<\/p>\n<p>    .quote-content {\n        position: relative;\n        z-index: 1;\n        max-width: 900px;\n        margin: 0 auto;\n    }<\/p>\n<p>    .quote-content blockquote {\n        font-size: 2.5rem;\n        font-weight: 300;\n        font-style: italic;\n        line-height: 1.6;\n        margin: 0 0 30px 0;\n    }<\/p>\n<p>    .quote-content cite {\n        display: block;\n        font-size: 1.4rem;\n        font-weight: 700;\n        color: #ff4d64;\n        font-style: normal;\n        text-transform: uppercase;\n        letter-spacing: 1px;\n    }<\/p>\n<p>    @keyframes fadeInDown {\n        from { opacity: 0; transform: translateY(-30px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n  <\/style>\n<div class=\"vision-hero\">\n<div class=\"hero-content\">\n<h1>\u0647\u0646\u0627 \u0627\u0644\u0645\u063a\u0631\u0628<\/h1>\n<p>\u0631\u0624\u064a\u0629 \u0627\u0644\u064a\u0648\u0645\u2026 \u0635\u0648\u062a \u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"container\">\n<div class=\"info-grid\">\n<div class=\"info-card\">\n<h3>\u0627\u0644\u0647\u0648\u064a\u0629 \u0627\u0644\u062a\u062d\u0631\u064a\u0631\u064a\u0629<\/h3>\n<p>\u0645\u0646\u0635\u0629 \u062d\u0648\u0627\u0631\u064a\u0629 \u0648\u0637\u0646\u064a\u0629 \u062a\u064f\u0633\u0644\u0651\u0637 \u0627\u0644\u0636\u0648\u0621 \u0639\u0644\u0649 \u0627\u0644\u0645\u063a\u0631\u0628 \u0628\u0643\u0644 \u0623\u0628\u0639\u0627\u062f\u0647: \u0625\u0646\u0633\u0627\u0646\u064b\u0627\u060c \u062a\u0631\u0627\u062b\u064b\u0627\u060c \u062a\u0646\u0645\u064a\u0629\u064b\u060c \u0633\u064a\u0627\u062d\u0629\u064b\u060c \u0648\u0641\u0643\u0631\u064b\u0627. \u0646\u062d\u0627\u0648\u0631\u060c \u0646\u0633\u062a\u0643\u0634\u0641\u060c \u0648\u0646\u0648\u062b\u0651\u0642\u2026 \u0644\u0646\u064f\u0628\u0631\u0632 \u0645\u063a\u0631\u0628 \u0627\u0644\u0625\u0646\u062c\u0627\u0632\u0627\u062a\u060c \u0648\u0646\u0633\u062a\u0634\u0631\u0641 \u0645\u063a\u0631\u0628 \u0627\u0644\u0622\u0641\u0627\u0642.<\/p>\n<\/p><\/div>\n<div class=\"info-card\">\n<h3>\u0627\u0644\u0631\u0624\u064a\u0629<\/h3>\n<p>\u0625\u0628\u0631\u0627\u0632 \u0635\u0648\u0631\u0629 \u0645\u063a\u0631\u0628 \u0645\u062a\u062c\u062f\u062f\u060c \u0645\u062a\u0646\u0648\u0639\u060c \u063a\u0646\u064a \u0628\u062a\u0631\u0627\u062b\u0647\u060c \u0637\u0645\u0648\u062d \u0641\u064a \u0625\u0646\u062c\u0627\u0632\u0627\u062a\u0647\u060c \u0648\u0648\u0627\u062b\u0642 \u0641\u064a \u0645\u0633\u062a\u0642\u0628\u0644\u0647.<\/p>\n<\/p><\/div>\n<div class=\"info-card\">\n<h3>\u0627\u0644\u0631\u0633\u0627\u0644\u0629<\/h3>\n<p>\u062a\u0642\u062f\u064a\u0645 \u0645\u062d\u062a\u0648\u0649 \u062d\u0648\u0627\u0631\u064a \u0631\u0627\u0642\u064d \u064a\u064f\u0639\u0631\u0651\u0641 \u0628\u0627\u0644\u0645\u0624\u0647\u0644\u0627\u062a \u0627\u0644\u0633\u064a\u0627\u062d\u064a\u0629 \u0648\u0627\u0644\u062b\u0642\u0627\u0641\u064a\u0629\u060c \u064a\u0648\u0627\u0643\u0628 \u0627\u0644\u062a\u062d\u0648\u0644\u0627\u062a \u0627\u0644\u062a\u0646\u0645\u0648\u064a\u0629\u060c \u0648\u064a\u0645\u0646\u062d \u0627\u0644\u0643\u0644\u0645\u0629 \u0644\u0644\u0641\u0627\u0639\u0644\u064a\u0646 \u0648\u0635\u0646\u0627\u0639 \u0627\u0644\u0645\u0628\u0627\u062f\u0631\u0627\u062a \u0641\u064a \u0645\u062e\u062a\u0644\u0641 \u0627\u0644\u0645\u062c\u0627\u0644\u0627\u062a.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"section-header\">\n<h2>\u0645\u062d\u0627\u0648\u0631 \u0627\u0644\u0642\u0646\u0627\u0629 \u0627\u0644\u0643\u0628\u0631\u0649<\/h2>\n<\/p><\/div>\n<div class=\"axes-grid\">\n<div class=\"axis-card\">\n              <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1541432901042-2d8bd64b4a9b?ixlib=rb-1.2.1&#038;auto=format&#038;fit=crop&#038;w=800&#038;q=80\" alt=\"\u0645\u063a\u0631\u0628 \u0627\u0644\u062a\u0631\u0627\u062b\"><\/p>\n<div class=\"axis-overlay\">\n<h3>\u0645\u063a\u0631\u0628 \u0627\u0644\u062a\u0631\u0627\u062b<\/h3>\n<p>\u0645\u062f\u0646 \u0639\u062a\u064a\u0642\u0629\u060c \u062d\u0631\u0641 \u062a\u0642\u0644\u064a\u062f\u064a\u0629\u060c \u0641\u0646\u0648\u0646\u060c \u0630\u0627\u0643\u0631\u0629 \u062a\u0627\u0631\u064a\u062e\u064a\u0629.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"axis-card\">\n              <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1539020140153-e479b8c22e70?ixlib=rb-1.2.1&#038;auto=format&#038;fit=crop&#038;w=800&#038;q=80\" alt=\"\u0645\u063a\u0631\u0628 \u0627\u0644\u0633\u064a\u0627\u062d\u0629\"><\/p>\n<div class=\"axis-overlay\">\n<h3>\u0645\u063a\u0631\u0628 \u0627\u0644\u0633\u064a\u0627\u062d\u0629<\/h3>\n<p>\u0645\u0624\u0647\u0644\u0627\u062a \u0637\u0628\u064a\u0639\u064a\u0629\u060c \u0627\u0633\u062a\u062b\u0645\u0627\u0631\u0627\u062a \u0633\u064a\u0627\u062d\u064a\u0629\u060c \u062a\u062c\u0627\u0631\u0628 \u0645\u0644\u0647\u0645\u0629.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"axis-card\">\n              <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1588698188168-b391d17aff1c?ixlib=rb-1.2.1&#038;auto=format&#038;fit=crop&#038;w=800&#038;q=80\" alt=\"\u0645\u063a\u0631\u0628 \u0627\u0644\u0625\u0646\u062c\u0627\u0632\u0627\u062a\"><\/p>\n<div class=\"axis-overlay\">\n<h3>\u0645\u063a\u0631\u0628 \u0627\u0644\u0625\u0646\u062c\u0627\u0632\u0627\u062a<\/h3>\n<p>\u0645\u0634\u0627\u0631\u064a\u0639 \u0643\u0628\u0631\u0649\u060c \u0642\u0635\u0635 \u0646\u062c\u0627\u062d\u060c \u0645\u0628\u0627\u062f\u0631\u0627\u062a \u0634\u0628\u0627\u0628\u064a\u0629.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"axis-card\">\n              <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1497435334941-8c899ee9e8e9?ixlib=rb-1.2.1&#038;auto=format&#038;fit=crop&#038;w=800&#038;q=80\" alt=\"\u0645\u063a\u0631\u0628 \u0627\u0644\u0622\u0641\u0627\u0642\"><\/p>\n<div class=\"axis-overlay\">\n<h3>\u0645\u063a\u0631\u0628 \u0627\u0644\u0622\u0641\u0627\u0642<\/h3>\n<p>\u0627\u0644\u0631\u0642\u0645\u0646\u0629\u060c \u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631\u060c \u0627\u0644\u0637\u0627\u0642\u0627\u062a \u0627\u0644\u0645\u062a\u062c\u062f\u062f\u0629\u060c \u0645\u0633\u062a\u0642\u0628\u0644 \u0627\u0644\u0634\u0628\u0627\u0628.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"quote-block\">\n<div class=\"quote-content\">\n<blockquote><p>&#8220;\u0645\u0646 \u0639\u0645\u0642 \u0627\u0644\u062a\u0627\u0631\u064a\u062e \u0625\u0644\u0649 \u0631\u062d\u0627\u0628\u0629 \u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644\u2026 \u0647\u0646\u0627 \u0627\u0644\u0645\u063a\u0631\u0628\u060c \u0631\u0624\u064a\u0629 \u0627\u0644\u064a\u0648\u0645 \u0648\u0635\u0648\u062a \u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644. \u0647\u0646\u0627 \u0627\u0644\u0645\u063a\u0631\u0628\u2026 \u062d\u064a\u062b \u0646\u062d\u0643\u064a \u0642\u0635\u0629 \u0648\u0637\u0646\u060c \u0648\u0646\u0635\u0646\u0639 \u0623\u0641\u0642 \u0627\u0644\u063a\u062f.&#8221;<\/p><\/blockquote>\n<p>              <cite>\u0642\u0646\u0627\u0629 \u062d\u0648\u0627\u0631\u064a\u0629 \u0645\u063a\u0631\u0628\u064a\u0629 \u0634\u0627\u0645\u0644\u0629 \u062a\u064f\u0639\u0631\u0651\u0641 \u0628\u0645\u0624\u0647\u0644\u0627\u062a \u0627\u0644\u0648\u0637\u0646\u060c \u062a\u0631\u0627\u062b\u0647\u060c \u0625\u0646\u062c\u0627\u0632\u0627\u062a\u0647\u060c \u0648\u0622\u0641\u0627\u0642\u0647\u2026 \u0644\u0623\u0646 \u0627\u0644\u0645\u063a\u0631\u0628 \u0642\u0635\u0629 \u062a\u064f\u0631\u0648\u0649 \u0643\u0644 \u064a\u0648\u0645.<\/cite>\n          <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p class=\"tx-excerpt\">\u0647\u0646\u0627 \u0627\u0644\u0645\u063a\u0631\u0628 \u0631\u0624\u064a\u0629 \u0627\u0644\u064a\u0648\u0645\u2026 \u0635\u0648\u062a \u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644 \u0627\u0644\u0647\u0648\u064a\u0629 \u0627\u0644\u062a\u062d\u0631\u064a\u0631\u064a\u0629 \u0645\u0646\u0635\u0629 \u062d\u0648\u0627\u0631\u064a\u0629 \u0648\u0637\u0646\u064a\u0629 \u062a\u064f\u0633\u0644\u0651\u0637 \u0627\u0644\u0636\u0648\u0621 \u0639\u0644\u0649 \u0627\u0644\u0645\u063a\u0631\u0628 \u0628\u0643\u0644 \u0623\u0628\u0639\u0627\u062f\u0647: \u0625\u0646\u0633\u0627\u0646\u064b\u0627\u060c \u062a\u0631\u0627\u062b\u064b\u0627\u060c \u062a\u0646\u0645\u064a\u0629\u064b\u060c \u0633\u064a\u0627\u062d\u0629\u064b\u060c \u0648\u0641\u0643\u0631\u064b\u0627. \u0646\u062d\u0627\u0648\u0631\u060c \u0646\u0633\u062a\u0643\u0634\u0641\u060c \u0648\u0646\u0648\u062b\u0651\u0642\u2026...<\/p>","protected":false},"author":0,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-799","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kanate-honaalmghrib.net\/index.php?rest_route=\/wp\/v2\/pages\/799","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kanate-honaalmghrib.net\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kanate-honaalmghrib.net\/index.php?rest_route=\/wp\/v2\/types\/page"}],"replies":[{"embeddable":true,"href":"https:\/\/kanate-honaalmghrib.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=799"}],"version-history":[{"count":1,"href":"https:\/\/kanate-honaalmghrib.net\/index.php?rest_route=\/wp\/v2\/pages\/799\/revisions"}],"predecessor-version":[{"id":805,"href":"https:\/\/kanate-honaalmghrib.net\/index.php?rest_route=\/wp\/v2\/pages\/799\/revisions\/805"}],"wp:attachment":[{"href":"https:\/\/kanate-honaalmghrib.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=799"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}