{"id":719,"date":"2026-08-11T13:03:18","date_gmt":"2026-08-11T13:03:18","guid":{"rendered":"https:\/\/cosmora-sa.com\/?page_id=719"},"modified":"2026-08-12T08:27:24","modified_gmt":"2026-08-12T08:27:24","slug":"%d8%a7%d9%84%d9%85%d8%b3%d8%aa%d9%86%d8%af%d8%a7%d8%aa","status":"publish","type":"page","link":"https:\/\/cosmora-sa.com\/?page_id=719&lang=ar","title":{"rendered":"\u0627\u0644\u0645\u0633\u062a\u0646\u062f\u0627\u062a"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"719\" class=\"elementor elementor-719\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7a015a40 cosmora-page-hero e-flex e-con-boxed e-con e-parent\" data-id=\"7a015a40\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-2abbe2a3 e-con-full e-flex e-con e-child\" data-id=\"2abbe2a3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-13f8db15 e-con-full e-flex e-con e-child\" data-id=\"13f8db15\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-6616612c e-con-full e-flex e-con e-child\" data-id=\"6616612c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5faa94f9 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"5faa94f9\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u0627\u0644\u0645\u0633\u062a\u0646\u062f\u0627\u062a<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6405a3c e-flex e-con-boxed e-con e-parent\" data-id=\"6405a3c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-238a589 elementor-widget elementor-widget-shortcode\" data-id=\"238a589\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\r\n\r\n    <section\r\n        id=\"cosmora-documents-230684\"\r\n        class=\"\r\n            cosmora-documents-library\r\n            is-ltr        \"\r\n        dir=\"ltr\"\r\n        lang=\"en\"\r\n    >\r\n\r\n\r\n        \r\n        <div class=\"cdl-toolbar\">\r\n\r\n\r\n            <!-- SEARCH -->\r\n            \r\n            <div class=\"cdl-search\">\r\n\r\n                <svg\r\n                    viewBox=\"0 0 24 24\"\r\n                    aria-hidden=\"true\"\r\n                >\r\n\r\n                    <circle\r\n                        cx=\"11\"\r\n                        cy=\"11\"\r\n                        r=\"7\"\r\n                    ><\/circle>\r\n\r\n                    <path\r\n                        d=\"m20 20-4-4\"\r\n                    ><\/path>\r\n\r\n                <\/svg>\r\n\r\n\r\n                <input\r\n                    type=\"search\"\r\n                    class=\"cdl-search-input\"\r\n                    placeholder=\"Search documents...\"\r\n                    aria-label=\"Search documents\"\r\n                >\r\n\r\n            <\/div>\r\n\r\n            \r\n\r\n            <!-- FILTERS -->\r\n            \r\n\r\n        <\/div>\r\n\r\n        \r\n\r\n        <!-- DOCUMENTS GRID -->\r\n        <div class=\"cdl-grid\">\r\n\r\n\r\n            \r\n\r\n                <article\r\n                    class=\"cdl-card\"\r\n                    data-title=\"Previous Projects\"\r\n                    data-description=\"our Previous Projects gallery\"\r\n                    data-category=\"\"\r\n                >\r\n\r\n\r\n                    <div class=\"cdl-card-top\">\r\n\r\n\r\n                        <div class=\"cdl-file-icon\">\r\n\r\n                            <svg\r\n                                viewBox=\"0 0 24 24\"\r\n                                aria-hidden=\"true\"\r\n                            >\r\n\r\n                                <path\r\n                                    d=\"M6 2h8l4 4v16H6z\"\r\n                                ><\/path>\r\n\r\n                                <path\r\n                                    d=\"M14 2v5h5\"\r\n                                ><\/path>\r\n\r\n                                <path\r\n                                    d=\"M8.5 15.5h7\"\r\n                                ><\/path>\r\n\r\n                                <path\r\n                                    d=\"M8.5 18.5h5\"\r\n                                ><\/path>\r\n\r\n                            <\/svg>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div class=\"cdl-file-type\">\r\n                            PDF\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"cdl-category\">\r\n\r\n                        Document\r\n                    <\/div>\r\n\r\n\r\n                    <h3>\r\n\r\n                        Previous Projects\r\n                    <\/h3>\r\n\r\n\r\n                    \r\n                    <p class=\"cdl-description\">\r\n\r\n                        our Previous Projects gallery\r\n                    <\/p>\r\n\r\n                    \r\n\r\n                    <div class=\"cdl-card-footer\">\r\n\r\n\r\n                        <div class=\"cdl-file-meta\">\r\n\r\n                            <span>\r\n                                PDF Document                            <\/span>\r\n\r\n\r\n                            \r\n                                <i><\/i>\r\n\r\n                                <span class=\"cdl-ltr\">\r\n                                    2.2 MB                                <\/span>\r\n\r\n                            \r\n                        <\/div>\r\n\r\n\r\n                        <a\r\n                            class=\"cdl-download\"\r\n                            href=\"https:\/\/cosmora-sa.com\/wp-content\/uploads\/2026\/08\/COSMORA-CP-SP.pdf\"\r\n                            download\r\n                        >\r\n\r\n                            <span>\r\n\r\n                                Download PDF\r\n                            <\/span>\r\n\r\n\r\n                            <svg\r\n                                viewBox=\"0 0 24 24\"\r\n                                aria-hidden=\"true\"\r\n                            >\r\n\r\n                                <path\r\n                                    d=\"M12 3v12\"\r\n                                ><\/path>\r\n\r\n                                <path\r\n                                    d=\"m7 10 5 5 5-5\"\r\n                                ><\/path>\r\n\r\n                                <path\r\n                                    d=\"M5 21h14\"\r\n                                ><\/path>\r\n\r\n                            <\/svg>\r\n\r\n                        <\/a>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div\r\n                        class=\"cdl-card-watermark\"\r\n                        aria-hidden=\"true\"\r\n                    >\r\n                        PDF\r\n                    <\/div>\r\n\r\n\r\n                <\/article>\r\n\r\n\r\n            \r\n\r\n                <article\r\n                    class=\"cdl-card\"\r\n                    data-title=\"Company profile\"\r\n                    data-description=\"our company profile pdf\"\r\n                    data-category=\"\"\r\n                >\r\n\r\n\r\n                    <div class=\"cdl-card-top\">\r\n\r\n\r\n                        <div class=\"cdl-file-icon\">\r\n\r\n                            <svg\r\n                                viewBox=\"0 0 24 24\"\r\n                                aria-hidden=\"true\"\r\n                            >\r\n\r\n                                <path\r\n                                    d=\"M6 2h8l4 4v16H6z\"\r\n                                ><\/path>\r\n\r\n                                <path\r\n                                    d=\"M14 2v5h5\"\r\n                                ><\/path>\r\n\r\n                                <path\r\n                                    d=\"M8.5 15.5h7\"\r\n                                ><\/path>\r\n\r\n                                <path\r\n                                    d=\"M8.5 18.5h5\"\r\n                                ><\/path>\r\n\r\n                            <\/svg>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div class=\"cdl-file-type\">\r\n                            PDF\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"cdl-category\">\r\n\r\n                        Document\r\n                    <\/div>\r\n\r\n\r\n                    <h3>\r\n\r\n                        Company profile\r\n                    <\/h3>\r\n\r\n\r\n                    \r\n                    <p class=\"cdl-description\">\r\n\r\n                        our company profile pdf\r\n                    <\/p>\r\n\r\n                    \r\n\r\n                    <div class=\"cdl-card-footer\">\r\n\r\n\r\n                        <div class=\"cdl-file-meta\">\r\n\r\n                            <span>\r\n                                PDF Document                            <\/span>\r\n\r\n\r\n                            \r\n                                <i><\/i>\r\n\r\n                                <span class=\"cdl-ltr\">\r\n                                    2.2 MB                                <\/span>\r\n\r\n                            \r\n                        <\/div>\r\n\r\n\r\n                        <a\r\n                            class=\"cdl-download\"\r\n                            href=\"https:\/\/cosmora-sa.com\/wp-content\/uploads\/2026\/08\/COSMORA-CP-SP.pdf\"\r\n                            download\r\n                        >\r\n\r\n                            <span>\r\n\r\n                                Download PDF\r\n                            <\/span>\r\n\r\n\r\n                            <svg\r\n                                viewBox=\"0 0 24 24\"\r\n                                aria-hidden=\"true\"\r\n                            >\r\n\r\n                                <path\r\n                                    d=\"M12 3v12\"\r\n                                ><\/path>\r\n\r\n                                <path\r\n                                    d=\"m7 10 5 5 5-5\"\r\n                                ><\/path>\r\n\r\n                                <path\r\n                                    d=\"M5 21h14\"\r\n                                ><\/path>\r\n\r\n                            <\/svg>\r\n\r\n                        <\/a>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div\r\n                        class=\"cdl-card-watermark\"\r\n                        aria-hidden=\"true\"\r\n                    >\r\n                        PDF\r\n                    <\/div>\r\n\r\n\r\n                <\/article>\r\n\r\n\r\n            \r\n\r\n        <\/div>\r\n\r\n\r\n        <div\r\n            class=\"cdl-no-results\"\r\n            hidden\r\n        >\r\n\r\n            No documents match your search.\r\n        <\/div>\r\n\r\n\r\n    <\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   COSMORA DOCUMENT LIBRARY\r\n========================================================= *\/\r\n\r\n.cosmora-documents-library{\r\n\r\n    --cdl-dark:#042431;\r\n    --cdl-dark-2:#073643;\r\n\r\n    --cdl-green:#3fb291;\r\n    --cdl-green-light:#79d5ba;\r\n\r\n    --cdl-white:#ffffff;\r\n    --cdl-light:#f4f7f6;\r\n\r\n    --cdl-muted:#617780;\r\n\r\n    --cdl-border:\r\n        rgba(\r\n            4,\r\n            36,\r\n            49,\r\n            .11\r\n        );\r\n\r\n\r\n    --cdl-font-en:\r\n        Arial,\r\n        \"Helvetica Neue\",\r\n        Helvetica,\r\n        sans-serif;\r\n\r\n\r\n    \/*\r\n     * Arabic readable font.\r\n     * No condensed Elementor font.\r\n     *\/\r\n    --cdl-font-ar:\r\n        Tahoma,\r\n        Arial,\r\n        sans-serif;\r\n\r\n\r\n    --cdl-font:\r\n        var(--cdl-font-en);\r\n\r\n\r\n    width:100%;\r\n\r\n    color:\r\n        var(--cdl-dark);\r\n\r\n    font-family:\r\n        var(--cdl-font) !important;\r\n}\r\n\r\n\r\n\/* Arabic typography *\/\r\n.cosmora-documents-library.is-rtl{\r\n\r\n    --cdl-font:\r\n        var(--cdl-font-ar);\r\n\r\n    direction:rtl;\r\n\r\n    text-align:right;\r\n}\r\n\r\n\r\n.cosmora-documents-library,\r\n.cosmora-documents-library *,\r\n.cosmora-documents-library *::before,\r\n.cosmora-documents-library *::after{\r\n\r\n    box-sizing:\r\n        border-box;\r\n}\r\n\r\n\r\n\/* Keep Latin content correct *\/\r\n.cdl-ltr{\r\n\r\n    direction:ltr;\r\n\r\n    unicode-bidi:embed;\r\n\r\n    font-family:\r\n        var(--cdl-font-en) !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TOOLBAR\r\n========================================================= *\/\r\n\r\n.cdl-toolbar{\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    justify-content:\r\n        space-between;\r\n\r\n    gap:25px;\r\n\r\n    width:100%;\r\n\r\n    margin-bottom:36px;\r\n\r\n    padding-bottom:22px;\r\n\r\n    border-bottom:\r\n        1px solid\r\n        var(--cdl-border);\r\n}\r\n\r\n\r\n.is-rtl .cdl-toolbar{\r\n    direction:rtl;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SEARCH\r\n========================================================= *\/\r\n\r\n.cdl-search{\r\n\r\n    position:relative;\r\n\r\n    width:\r\n        min(\r\n            100%,\r\n            360px\r\n        );\r\n}\r\n\r\n\r\n.cdl-search svg{\r\n\r\n    position:absolute;\r\n\r\n    left:17px;\r\n\r\n    top:50%;\r\n\r\n    width:17px;\r\n    height:17px;\r\n\r\n    fill:none;\r\n\r\n    stroke:\r\n        var(--cdl-dark);\r\n\r\n    stroke-width:1.6;\r\n\r\n    stroke-linecap:round;\r\n    stroke-linejoin:round;\r\n\r\n    transform:\r\n        translateY(-50%);\r\n\r\n    pointer-events:none;\r\n}\r\n\r\n\r\n.cdl-search-input{\r\n\r\n    width:100% !important;\r\n\r\n    height:50px !important;\r\n\r\n    margin:0 !important;\r\n\r\n    padding:\r\n        0\r\n        17px\r\n        0\r\n        48px !important;\r\n\r\n    border:\r\n        1px solid\r\n        var(--cdl-border) !important;\r\n\r\n    border-radius:\r\n        0 !important;\r\n\r\n    outline:\r\n        0 !important;\r\n\r\n    background:\r\n        #ffffff !important;\r\n\r\n    color:\r\n        var(--cdl-dark) !important;\r\n\r\n    font-family:\r\n        var(--cdl-font) !important;\r\n\r\n    font-size:\r\n        13px !important;\r\n\r\n    line-height:\r\n        1.2 !important;\r\n\r\n    font-weight:\r\n        400 !important;\r\n\r\n    letter-spacing:\r\n        0 !important;\r\n\r\n    text-transform:\r\n        none !important;\r\n\r\n    box-shadow:\r\n        none !important;\r\n\r\n    transition:\r\n        border-color .25s ease,\r\n        box-shadow .25s ease;\r\n}\r\n\r\n\r\n.cdl-search-input::placeholder{\r\n\r\n    color:\r\n        #82939a !important;\r\n\r\n    font-family:\r\n        var(--cdl-font) !important;\r\n\r\n    font-size:\r\n        13px !important;\r\n\r\n    font-weight:\r\n        400 !important;\r\n\r\n    letter-spacing:\r\n        0 !important;\r\n\r\n    text-transform:\r\n        none !important;\r\n\r\n    opacity:1;\r\n}\r\n\r\n\r\n.cdl-search-input:focus{\r\n\r\n    border-color:\r\n        var(--cdl-green) !important;\r\n\r\n    box-shadow:\r\n        0 0 0 3px\r\n        rgba(\r\n            63,\r\n            178,\r\n            145,\r\n            .08\r\n        ) !important;\r\n}\r\n\r\n\r\n\/* RTL Search *\/\r\n.is-rtl .cdl-search svg{\r\n\r\n    left:auto;\r\n\r\n    right:17px;\r\n}\r\n\r\n\r\n.is-rtl .cdl-search-input{\r\n\r\n    padding:\r\n        0\r\n        48px\r\n        0\r\n        17px !important;\r\n\r\n    direction:rtl;\r\n\r\n    text-align:right;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FILTERS\r\n========================================================= *\/\r\n\r\n.cdl-filters{\r\n\r\n    display:flex;\r\n\r\n    flex-wrap:wrap;\r\n\r\n    justify-content:\r\n        flex-end;\r\n\r\n    gap:7px;\r\n}\r\n\r\n\r\n.is-rtl .cdl-filters{\r\n\r\n    direction:rtl;\r\n}\r\n\r\n\r\n.cdl-filter{\r\n\r\n    min-height:40px;\r\n\r\n    padding:\r\n        0\r\n        17px;\r\n\r\n    border:\r\n        1px solid\r\n        var(--cdl-border);\r\n\r\n    border-radius:0;\r\n\r\n    background:#ffffff;\r\n\r\n    color:\r\n        var(--cdl-dark);\r\n\r\n    font-family:\r\n        var(--cdl-font) !important;\r\n\r\n    font-size:\r\n        11px !important;\r\n\r\n    line-height:\r\n        1 !important;\r\n\r\n    font-weight:\r\n        600 !important;\r\n\r\n    letter-spacing:\r\n        .025em !important;\r\n\r\n    text-transform:\r\n        uppercase;\r\n\r\n    cursor:pointer;\r\n\r\n    transition:\r\n        color .25s ease,\r\n        background-color .25s ease,\r\n        border-color .25s ease;\r\n}\r\n\r\n\r\n.is-rtl .cdl-filter{\r\n\r\n    font-size:\r\n        12px !important;\r\n\r\n    line-height:\r\n        1.4 !important;\r\n\r\n    letter-spacing:\r\n        0 !important;\r\n\r\n    text-transform:\r\n        none;\r\n}\r\n\r\n\r\n.cdl-filter.is-active{\r\n\r\n    border-color:\r\n        var(--cdl-dark);\r\n\r\n    background:\r\n        var(--cdl-dark);\r\n\r\n    color:#ffffff;\r\n}\r\n\r\n\r\n.cdl-filter:hover{\r\n\r\n    border-color:\r\n        var(--cdl-green);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GRID\r\n========================================================= *\/\r\n\r\n.cdl-grid{\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        repeat(\r\n            3,\r\n            minmax(0,1fr)\r\n        );\r\n\r\n    gap:\r\n        clamp(\r\n            18px,\r\n            2vw,\r\n            28px\r\n        );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD\r\n========================================================= *\/\r\n\r\n.cdl-card{\r\n\r\n    position:relative;\r\n\r\n    isolation:isolate;\r\n\r\n    display:flex;\r\n\r\n    flex-direction:column;\r\n\r\n    min-width:0;\r\n\r\n    min-height:360px;\r\n\r\n    padding:\r\n        clamp(\r\n            26px,\r\n            2.8vw,\r\n            38px\r\n        );\r\n\r\n    overflow:hidden;\r\n\r\n    border:\r\n        1px solid\r\n        var(--cdl-border);\r\n\r\n    background:#ffffff;\r\n\r\n    box-shadow:\r\n        0 14px 35px\r\n        rgba(\r\n            4,\r\n            36,\r\n            49,\r\n            .055\r\n        );\r\n\r\n    transition:\r\n        transform\r\n        .45s\r\n        cubic-bezier(.16,1,.3,1),\r\n\r\n        box-shadow\r\n        .4s ease,\r\n\r\n        border-color\r\n        .35s ease,\r\n\r\n        background-color\r\n        .35s ease;\r\n}\r\n\r\n\r\n.cdl-card::before{\r\n\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    left:0;\r\n    top:0;\r\n\r\n    width:3px;\r\n    height:0;\r\n\r\n    background:\r\n        var(--cdl-green);\r\n\r\n    transition:\r\n        height\r\n        .5s\r\n        cubic-bezier(.16,1,.3,1);\r\n}\r\n\r\n\r\n\/* RTL green line *\/\r\n.is-rtl .cdl-card::before{\r\n\r\n    left:auto;\r\n\r\n    right:0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD TOP\r\n========================================================= *\/\r\n\r\n.cdl-card-top{\r\n\r\n    display:flex;\r\n\r\n    align-items:flex-start;\r\n\r\n    justify-content:\r\n        space-between;\r\n\r\n    margin-bottom:\r\n        clamp(\r\n            35px,\r\n            4vw,\r\n            60px\r\n        );\r\n}\r\n\r\n\r\n.cdl-file-icon{\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    justify-content:center;\r\n\r\n    width:53px;\r\n    height:53px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(\r\n            4,\r\n            36,\r\n            49,\r\n            .10\r\n        );\r\n\r\n    background:\r\n        var(--cdl-light);\r\n\r\n    transition:\r\n        background-color\r\n        .3s ease,\r\n\r\n        border-color\r\n        .3s ease;\r\n}\r\n\r\n\r\n.cdl-file-icon svg{\r\n\r\n    width:23px;\r\n    height:23px;\r\n\r\n    fill:none;\r\n\r\n    stroke:\r\n        var(--cdl-dark);\r\n\r\n    stroke-width:1.5;\r\n\r\n    stroke-linecap:round;\r\n\r\n    stroke-linejoin:round;\r\n}\r\n\r\n\r\n.cdl-file-type{\r\n\r\n    color:\r\n        var(--cdl-green);\r\n\r\n    font-family:\r\n        var(--cdl-font-en) !important;\r\n\r\n    font-size:\r\n        16px !important;\r\n\r\n    line-height:\r\n        1 !important;\r\n\r\n    font-weight:\r\n        700 !important;\r\n\r\n    letter-spacing:\r\n        .02em !important;\r\n\r\n    direction:ltr;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CATEGORY\r\n========================================================= *\/\r\n\r\n.cdl-category{\r\n\r\n    margin-bottom:12px;\r\n\r\n    color:\r\n        var(--cdl-green);\r\n\r\n    font-family:\r\n        var(--cdl-font) !important;\r\n\r\n    font-size:\r\n        9px !important;\r\n\r\n    line-height:\r\n        1.2 !important;\r\n\r\n    font-weight:\r\n        700 !important;\r\n\r\n    letter-spacing:\r\n        .10em !important;\r\n\r\n    text-transform:\r\n        uppercase;\r\n}\r\n\r\n\r\n.is-rtl .cdl-category{\r\n\r\n    font-size:\r\n        11px !important;\r\n\r\n    line-height:\r\n        1.5 !important;\r\n\r\n    letter-spacing:\r\n        0 !important;\r\n\r\n    text-transform:\r\n        none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TITLE\r\n========================================================= *\/\r\n\r\n.cdl-card h3{\r\n\r\n    position:relative;\r\n\r\n    z-index:2;\r\n\r\n    max-width:92%;\r\n\r\n    margin:\r\n        0\r\n        0\r\n        15px;\r\n\r\n    color:\r\n        var(--cdl-dark);\r\n\r\n    font-family:\r\n        var(--cdl-font) !important;\r\n\r\n    font-size:\r\n        clamp(\r\n            24px,\r\n            1.75vw,\r\n            31px\r\n        ) !important;\r\n\r\n    line-height:\r\n        1.10 !important;\r\n\r\n    font-weight:\r\n        700 !important;\r\n\r\n    letter-spacing:\r\n        -.025em !important;\r\n\r\n    text-transform:\r\n        uppercase;\r\n}\r\n\r\n\r\n\/*\r\n * Arabic titles:\r\n * readable line-height,\r\n * no condensed font,\r\n * no uppercase spacing.\r\n *\/\r\n.is-rtl .cdl-card h3{\r\n\r\n    line-height:\r\n        1.5 !important;\r\n\r\n    letter-spacing:\r\n        0 !important;\r\n\r\n    text-transform:\r\n        none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESCRIPTION\r\n========================================================= *\/\r\n\r\n.cdl-description{\r\n\r\n    position:relative;\r\n\r\n    z-index:2;\r\n\r\n    max-width:92%;\r\n\r\n    margin:0;\r\n\r\n    color:\r\n        var(--cdl-muted);\r\n\r\n    font-family:\r\n        var(--cdl-font) !important;\r\n\r\n    font-size:\r\n        14px !important;\r\n\r\n    line-height:\r\n        1.65 !important;\r\n\r\n    font-weight:\r\n        400 !important;\r\n\r\n    letter-spacing:\r\n        0 !important;\r\n\r\n    word-spacing:\r\n        normal !important;\r\n\r\n    text-transform:\r\n        none !important;\r\n}\r\n\r\n\r\n.is-rtl .cdl-description{\r\n\r\n    line-height:\r\n        1.9 !important;\r\n\r\n    text-align:right;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD FOOTER\r\n========================================================= *\/\r\n\r\n.cdl-card-footer{\r\n\r\n    position:relative;\r\n\r\n    z-index:2;\r\n\r\n    margin-top:auto;\r\n\r\n    padding-top:30px;\r\n}\r\n\r\n\r\n.cdl-file-meta{\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    gap:8px;\r\n\r\n    margin-bottom:15px;\r\n\r\n    color:\r\n        var(--cdl-muted);\r\n\r\n    font-family:\r\n        var(--cdl-font) !important;\r\n\r\n    font-size:\r\n        9px !important;\r\n\r\n    line-height:\r\n        1.2 !important;\r\n\r\n    font-weight:\r\n        600 !important;\r\n\r\n    letter-spacing:\r\n        .06em !important;\r\n\r\n    text-transform:\r\n        uppercase;\r\n}\r\n\r\n\r\n.is-rtl .cdl-file-meta{\r\n\r\n    direction:rtl;\r\n\r\n    font-size:\r\n        10px !important;\r\n\r\n    line-height:\r\n        1.5 !important;\r\n\r\n    letter-spacing:\r\n        0 !important;\r\n\r\n    text-transform:\r\n        none;\r\n}\r\n\r\n\r\n.cdl-file-meta i{\r\n\r\n    width:3px;\r\n    height:3px;\r\n\r\n    flex:\r\n        0\r\n        0\r\n        3px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:\r\n        var(--cdl-green);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DOWNLOAD BUTTON\r\n========================================================= *\/\r\n\r\n.cdl-download{\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    justify-content:\r\n        space-between;\r\n\r\n    width:100%;\r\n\r\n    min-height:52px;\r\n\r\n    padding:\r\n        0\r\n        17px;\r\n\r\n    border:\r\n        1px solid\r\n        var(--cdl-dark);\r\n\r\n    background:\r\n        var(--cdl-dark);\r\n\r\n    color:\r\n        #ffffff !important;\r\n\r\n    text-decoration:\r\n        none !important;\r\n\r\n    transition:\r\n        background-color\r\n        .3s ease,\r\n\r\n        border-color\r\n        .3s ease,\r\n\r\n        color\r\n        .3s ease;\r\n}\r\n\r\n\r\n.is-rtl .cdl-download{\r\n\r\n    direction:rtl;\r\n}\r\n\r\n\r\n.cdl-download span{\r\n\r\n    font-family:\r\n        var(--cdl-font) !important;\r\n\r\n    font-size:\r\n        11px !important;\r\n\r\n    line-height:\r\n        1 !important;\r\n\r\n    font-weight:\r\n        700 !important;\r\n\r\n    letter-spacing:\r\n        .035em !important;\r\n\r\n    text-transform:\r\n        uppercase;\r\n}\r\n\r\n\r\n.is-rtl .cdl-download span{\r\n\r\n    font-size:\r\n        12px !important;\r\n\r\n    line-height:\r\n        1.5 !important;\r\n\r\n    letter-spacing:\r\n        0 !important;\r\n\r\n    text-transform:\r\n        none;\r\n}\r\n\r\n\r\n.cdl-download svg{\r\n\r\n    width:18px;\r\n    height:18px;\r\n\r\n    fill:none;\r\n\r\n    stroke:\r\n        var(--cdl-green);\r\n\r\n    stroke-width:1.5;\r\n\r\n    stroke-linecap:round;\r\n\r\n    stroke-linejoin:round;\r\n\r\n    transition:\r\n        stroke .3s ease,\r\n        transform .3s ease;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   WATERMARK\r\n========================================================= *\/\r\n\r\n.cdl-card-watermark{\r\n\r\n    position:absolute;\r\n\r\n    z-index:0;\r\n\r\n    right:-10px;\r\n\r\n    top:82px;\r\n\r\n    color:\r\n        rgba(\r\n            4,\r\n            36,\r\n            49,\r\n            .025\r\n        );\r\n\r\n    font-family:\r\n        Arial,\r\n        Helvetica,\r\n        sans-serif !important;\r\n\r\n    font-size:\r\n        clamp(\r\n            100px,\r\n            10vw,\r\n            155px\r\n        );\r\n\r\n    line-height:1;\r\n\r\n    font-weight:800;\r\n\r\n    letter-spacing:-.07em;\r\n\r\n    direction:ltr;\r\n\r\n    pointer-events:none;\r\n}\r\n\r\n\r\n.is-rtl .cdl-card-watermark{\r\n\r\n    right:auto;\r\n\r\n    left:-10px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HOVER\r\n========================================================= *\/\r\n\r\n@media(hover:hover){\r\n\r\n    .cdl-card:hover{\r\n\r\n        border-color:\r\n            rgba(\r\n                63,\r\n                178,\r\n                145,\r\n                .45\r\n            );\r\n\r\n        box-shadow:\r\n            0 27px 65px\r\n            rgba(\r\n                4,\r\n                36,\r\n                49,\r\n                .12\r\n            );\r\n\r\n        transform:\r\n            translateY(-7px);\r\n    }\r\n\r\n\r\n    .cdl-card:hover::before{\r\n\r\n        height:100%;\r\n    }\r\n\r\n\r\n    .cdl-download:hover{\r\n\r\n        border-color:\r\n            var(--cdl-green);\r\n\r\n        background:\r\n            var(--cdl-green);\r\n\r\n        color:\r\n            var(--cdl-dark) !important;\r\n    }\r\n\r\n\r\n    .cdl-download:hover svg{\r\n\r\n        stroke:\r\n            var(--cdl-dark);\r\n\r\n        transform:\r\n            translateY(3px);\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   EMPTY \/ NO RESULTS\r\n========================================================= *\/\r\n\r\n.cdl-no-results,\r\n.cdl-empty{\r\n\r\n    padding:\r\n        60px\r\n        20px;\r\n\r\n    border:\r\n        1px solid\r\n        var(--cdl-border);\r\n\r\n    background:\r\n        var(--cdl-light);\r\n\r\n    color:\r\n        var(--cdl-muted);\r\n\r\n    font-family:\r\n        var(--cdl-font) !important;\r\n\r\n    text-align:center;\r\n\r\n    font-size:14px;\r\n\r\n    line-height:1.7;\r\n}\r\n\r\n\r\n.is-rtl .cdl-no-results{\r\n\r\n    font-family:\r\n        var(--cdl-font-ar) !important;\r\n\r\n    line-height:1.9;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:1024px){\r\n\r\n    .cdl-grid{\r\n\r\n        grid-template-columns:\r\n            repeat(\r\n                2,\r\n                minmax(0,1fr)\r\n            );\r\n    }\r\n\r\n\r\n    .cdl-toolbar{\r\n\r\n        align-items:flex-start;\r\n\r\n        flex-direction:column;\r\n    }\r\n\r\n\r\n    .cdl-filters{\r\n\r\n        justify-content:\r\n            flex-start;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:767px){\r\n\r\n    .cdl-grid{\r\n\r\n        grid-template-columns:\r\n            1fr;\r\n    }\r\n\r\n\r\n    .cdl-search{\r\n\r\n        width:100%;\r\n    }\r\n\r\n\r\n    .cdl-filters{\r\n\r\n        width:100%;\r\n\r\n        flex-wrap:nowrap;\r\n\r\n        overflow-x:auto;\r\n\r\n        padding-bottom:5px;\r\n    }\r\n\r\n\r\n    .cdl-filter{\r\n\r\n        flex:\r\n            0\r\n            0\r\n            auto;\r\n    }\r\n\r\n\r\n    .cdl-card{\r\n\r\n        min-height:330px;\r\n\r\n        padding:\r\n            26px\r\n            22px;\r\n    }\r\n\r\n\r\n    .cdl-card h3{\r\n\r\n        font-size:\r\n            25px !important;\r\n\r\n        line-height:\r\n            1.12 !important;\r\n    }\r\n\r\n\r\n    .is-rtl .cdl-card h3{\r\n\r\n        line-height:\r\n            1.5 !important;\r\n    }\r\n\r\n\r\n    .cdl-description{\r\n\r\n        font-size:\r\n            14px !important;\r\n    }\r\n\r\n\r\n    .is-rtl .cdl-description{\r\n\r\n        line-height:\r\n            1.9 !important;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n\r\n(function(){\r\n\r\n    \"use strict\";\r\n\r\n\r\n    const wrapper =\r\n        document.getElementById(\r\n            \"cosmora-documents-230684\"        );\r\n\r\n\r\n    if(!wrapper){\r\n        return;\r\n    }\r\n\r\n\r\n    const cards =\r\n        Array.from(\r\n            wrapper.querySelectorAll(\r\n                '.cdl-card'\r\n            )\r\n        );\r\n\r\n\r\n    const search =\r\n        wrapper.querySelector(\r\n            '.cdl-search-input'\r\n        );\r\n\r\n\r\n    const filters =\r\n        Array.from(\r\n            wrapper.querySelectorAll(\r\n                '.cdl-filter'\r\n            )\r\n        );\r\n\r\n\r\n    const noResults =\r\n        wrapper.querySelector(\r\n            '.cdl-no-results'\r\n        );\r\n\r\n\r\n    let activeFilter =\r\n        'all';\r\n\r\n\r\n    function normalize(value){\r\n\r\n        return (\r\n            value || ''\r\n        )\r\n        .toLocaleLowerCase()\r\n        .trim();\r\n\r\n    }\r\n\r\n\r\n    function update(){\r\n\r\n        const searchValue =\r\n            search\r\n                ? normalize(\r\n                    search.value\r\n                )\r\n                : '';\r\n\r\n\r\n        let visibleCount =\r\n            0;\r\n\r\n\r\n        cards.forEach(\r\n            function(card){\r\n\r\n\r\n                const title =\r\n                    normalize(\r\n                        card.dataset.title\r\n                    );\r\n\r\n\r\n                const description =\r\n                    normalize(\r\n                        card.dataset.description\r\n                    );\r\n\r\n\r\n                const categories =\r\n                    normalize(\r\n                        card.dataset.category\r\n                    )\r\n                    .split(\/\\s+\/)\r\n                    .filter(Boolean);\r\n\r\n\r\n                const matchesSearch =\r\n\r\n                    !searchValue ||\r\n\r\n                    title.includes(\r\n                        searchValue\r\n                    ) ||\r\n\r\n                    description.includes(\r\n                        searchValue\r\n                    );\r\n\r\n\r\n                const matchesFilter =\r\n\r\n                    activeFilter\r\n                        === 'all' ||\r\n\r\n                    categories.includes(\r\n                        activeFilter\r\n                    );\r\n\r\n\r\n                const show =\r\n\r\n                    matchesSearch &&\r\n                    matchesFilter;\r\n\r\n\r\n                card.style.display =\r\n                    show\r\n                        ? ''\r\n                        : 'none';\r\n\r\n\r\n                if(show){\r\n\r\n                    visibleCount++;\r\n\r\n                }\r\n\r\n            }\r\n        );\r\n\r\n\r\n        if(noResults){\r\n\r\n            noResults.hidden =\r\n                visibleCount !== 0;\r\n\r\n        }\r\n\r\n    }\r\n\r\n\r\n    if(search){\r\n\r\n        search.addEventListener(\r\n            'input',\r\n            update\r\n        );\r\n\r\n    }\r\n\r\n\r\n    filters.forEach(\r\n        function(button){\r\n\r\n\r\n            button.addEventListener(\r\n                'click',\r\n                function(){\r\n\r\n\r\n                    activeFilter =\r\n                        button.dataset.filter\r\n                        || 'all';\r\n\r\n\r\n                    filters.forEach(\r\n                        function(item){\r\n\r\n                            item.classList.remove(\r\n                                'is-active'\r\n                            );\r\n\r\n                        }\r\n                    );\r\n\r\n\r\n                    button.classList.add(\r\n                        'is-active'\r\n                    );\r\n\r\n\r\n                    update();\r\n\r\n                }\r\n            );\r\n\r\n        }\r\n    );\r\n\r\n\r\n    update();\r\n\r\n})();\r\n\r\n<\/script>\r\n\r\n\r\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0627\u0644\u0645\u0633\u062a\u0646\u062f\u0627\u062a<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"postBodyCss":"","postBodyMargin":[],"postBodyPadding":[],"postBodyBackground":{"backgroundType":"classic","gradient":""},"footnotes":""},"class_list":["post-719","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/cosmora-sa.com\/index.php?rest_route=\/wp\/v2\/pages\/719","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cosmora-sa.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cosmora-sa.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cosmora-sa.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cosmora-sa.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=719"}],"version-history":[{"count":4,"href":"https:\/\/cosmora-sa.com\/index.php?rest_route=\/wp\/v2\/pages\/719\/revisions"}],"predecessor-version":[{"id":804,"href":"https:\/\/cosmora-sa.com\/index.php?rest_route=\/wp\/v2\/pages\/719\/revisions\/804"}],"wp:attachment":[{"href":"https:\/\/cosmora-sa.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=719"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}