{"id":1642,"date":"2021-12-21T09:46:38","date_gmt":"2021-12-21T09:46:38","guid":{"rendered":"https:\/\/startersites.io\/elementor\/homi\/?page_id=6"},"modified":"2025-12-30T14:41:52","modified_gmt":"2025-12-30T14:41:52","slug":"home","status":"publish","type":"page","link":"https:\/\/qeratalmas.ajlan.group\/ar\/","title":{"rendered":"\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"1642\" class=\"elementor elementor-1642\">\n\t\t\t\t            <style>\n                .elementor-element-100beeff.exad-particles-section > canvas{\n                    z-index: 0;\n                    position: absolute;\n                    top:0;\n                }\n            <\/style>\n            \t\t<section data-exad-particle-enable=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-bf922a4 ct-section-stretched elementor-section-full_width exad-background-color-change-yes exad-color-1#F5F7FA exad-color-2#C3CFE2 exad-color-3#8C979C exad-color-4#C8D8E9 exad-color-5#E0F7FA exad-color-6#FFFFFF exad-glass-effect-yes elementor-section-height-default elementor-section-height-default exwb-magnet-no exad-sticky-section-no\" data-id=\"bf922a4\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/qeratalmas.ajlan.group\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/v3-1.mp4&quot;}\" data-no-translation=\"\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-background-video-container elementor-hidden-mobile\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted\" autoplay muted playsinline loop><\/video>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-2a8e8f0 exad-glass-effect-no exwb-magnet-no exad-sticky-section-no\" data-id=\"2a8e8f0\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c0c6214 exwb-magnet-no exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-text-editor\" data-id=\"c0c6214\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>\u0645\u0631\u062d\u0628\u0627\u064b \u0628\u0643\u0645\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8ebe0d3 exwb-magnet-no exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-heading\" data-id=\"8ebe0d3\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u0634\u0631\u0643\u0629 \u0642\u064a\u0631\u0627\u0637 \u0627\u0644\u0645\u0627\u0633 \u0644\u0644\u062a\u062c\u0627\u0631\u0629 \u0627\u0644\u0639\u0627\u0645\u0629 \u0648\u0627\u0644\u0648\u0643\u0627\u0644\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0627\u0644\u0645\u062d\u062f\u0648\u062f\u0629<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fdbe1b6 exwb-magnet-no exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-text-editor\" data-id=\"fdbe1b6\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">\u062a\u064f\u0639\u062f \u0634\u0631\u0643\u0629 \u0642\u064a\u0631\u0627\u0637 \u0627\u0644\u0645\u0627\u0633 \u0648\u0627\u062d\u062f\u0629 \u0645\u0646 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u0639\u0631\u0627\u0642\u064a\u0629 \u0627\u0644\u0631\u0627\u0626\u062f\u0629 \u0641\u064a \u0645\u062c\u0627\u0644 \u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u0633\u0644\u0639 \u0627\u0644\u0627\u0633\u062a\u0647\u0644\u0627\u0643\u064a\u0629 \u0648\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0648\u0643\u0627\u0644\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629\u060c \u062d\u064a\u062b \u0627\u0633\u062a\u0637\u0627\u0639\u062a \u0639\u0628\u0631 \u0633\u0646\u0648\u0627\u062a \u0645\u0646 \u0627\u0644\u0639\u0645\u0644 \u0648\u0627\u0644\u062e\u0628\u0631\u0629 \u0623\u0646 \u062a\u0628\u0646\u064a \u0645\u0646\u0638\u0648\u0645\u0629 \u062a\u0634\u063a\u064a\u0644\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u062a\u062e\u062f\u0645 \u0627\u0644\u0633\u0648\u0642 \u0627\u0644\u0639\u0631\u0627\u0642\u064a \u0628\u0643\u0641\u0627\u0621\u0629 \u0639\u0627\u0644\u064a\u0629\u060c \u0648\u062a\u0631\u0628\u0637 \u0627\u0644\u0639\u0644\u0627\u0645\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629 \u0648\u0627\u0644\u0625\u0642\u0644\u064a\u0645\u064a\u0629 \u0628\u0634\u0628\u0643\u0629 \u062a\u0648\u0632\u064a\u0639 \u0642\u0648\u064a\u0629 \u0648\u0645\u0646\u0638\u0645\u0629.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e90e993 exwb-magnet-no exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-exad-exclusive-button\" data-id=\"e90e993\" data-element_type=\"widget\" data-widget_type=\"exad-exclusive-button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n\t\t<div class=\"exad-button-wrapper effect-12 exad-button-incon-after-text exad-button-fixed-height-no\">\r\n\r\n\t\t\t\r\n\t\t\t<a href=\"#\" class=\"exad-button-action\">\r\n\t\t\t\t<span>\u0627\u0644\u0645\u0632\u064a\u062f<\/span><span class=\"exad-button-icon-wrapper\"><svg class=\"e-font-icon-svg e-fas-arrow-left\" viewbox=\"0 0 448 512\"><path d=\"M257.5 445.1l-22.2 22.2c-9.4 9.4-24.6 9.4-33.9 0L7 273c-9.4-9.4-9.4-24.6 0-33.9L201.4 44.7c9.4-9.4 24.6-9.4 33.9 0l22.2 22.2c9.5 9.5 9.3 25-.4 34.3L136.6 216H424c13.3 0 24 10.7 24 24v32c0 13.3-10.7 24-24 24H136.6l120.5 114.8c9.8 9.3 10 24.8.4 34.3z\"><\/path><\/svg><\/span>\r\n\t\t\t\t\t\t\t\t<\/a>\r\n\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-d353789 exad-glass-effect-no exwb-magnet-no exad-sticky-section-no\" data-id=\"d353789\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b1f8fc4 exwb-magnet-no exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-image\" data-id=\"b1f8fc4\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/qeratalmas.ajlan.group\/wp-content\/uploads\/2025\/12\/Ertikaz.svg\" class=\"attachment-large size-large wp-image-1689\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section data-exad-particle-enable=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-cd2ea2e elementor-section-boxed elementor-section-height-default elementor-section-height-default exad-parallax-effect-no exad-background-color-change-no exad-glass-effect-no exwb-magnet-no exad-sticky-section-no\" data-id=\"cd2ea2e\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f16f928 exad-glass-effect-no exwb-magnet-no exad-sticky-section-no\" data-id=\"f16f928\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-883b5c3 exwb-magnet-no exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-html\" data-id=\"883b5c3\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"corporate-winter-theme-geo\">\n    <style>\n        \/* 1. \u0625\u0639\u062f\u0627\u062f\u0627\u062a \u0627\u0644\u062d\u0627\u0648\u064a\u0629 *\/\n        #corporate-winter-theme-geo {\n            position: fixed;\n            top: 0; left: 0; width: 100%; height: 100%;\n            pointer-events: none;\n            z-index: 999999;\n            overflow: hidden;\n            font-family: sans-serif;\n        }\n\n        \/* 2. \u0627\u0644\u0634\u0631\u064a\u0637 \u0627\u0644\u0630\u0647\u0628\u064a \u0627\u0644\u0639\u0644\u0648\u064a *\/\n        .luxury-top-bar {\n            position: absolute;\n            top: 0; left: 0; width: 100%; height: 3px;\n            background: linear-gradient(90deg, #1a2a3a, #c5a059, #1a2a3a);\n            box-shadow: 0 0 10px rgba(197, 160, 89, 0.5);\n            z-index: 1000;\n        }\n\n        \/* --- \u062a\u0639\u062f\u064a\u0644 \u062c\u062f\u064a\u062f: \u062d\u0628\u0627\u062a \u0627\u0644\u062b\u0644\u062c \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629 (Crystalline Shapes) --- *\/\n        .geo-snowflake {\n            position: absolute;\n            \/* \u0646\u0635\u0646\u0639 \u0627\u0644\u0634\u0643\u0644 \u0627\u0644\u0623\u0633\u0627\u0633\u064a \u0643\u062e\u0637 \u0639\u0645\u0648\u062f\u064a \u0631\u0641\u064a\u0639 *\/\n            width: 2px;\n            \/* \u0627\u0644\u0627\u0631\u062a\u0641\u0627\u0639 \u0633\u064a\u062d\u062f\u062f \u0628\u0627\u0644\u062c\u0627\u0641\u0627\u0633\u0643\u0631\u0628\u062a \u0644\u064a\u0643\u0648\u0646 \u0645\u062a\u063a\u064a\u0631\u0627\u064b *\/\n            background: #fff;\n            opacity: 0;\n            \/* \u0625\u0636\u0627\u0641\u0629 \u0627\u0644\u062f\u0648\u0631\u0627\u0646 \u0644\u0644\u062d\u0631\u0643\u0629 *\/\n            animation: driftRotate 15s linear infinite;\n        }\n\n        \/* \u0627\u0633\u062a\u062e\u062f\u0627\u0645 pseudo-element \u0644\u0635\u0646\u0639 \u0627\u0644\u062e\u0637 \u0627\u0644\u0623\u0641\u0642\u064a \u0627\u0644\u0645\u062a\u0642\u0627\u0637\u0639 *\/\n        .geo-snowflake::after {\n            content: '';\n            position: absolute;\n            top: 50%; left: 50%;\n            width: 100%; height: 100%; \/* \u0646\u0641\u0633 \u062d\u062c\u0645 \u0627\u0644\u0639\u0646\u0635\u0631 \u0627\u0644\u0623\u0645 *\/\n            background: inherit; \/* \u064a\u0631\u062b \u0646\u0641\u0633 \u0627\u0644\u0644\u0648\u0646 *\/\n            \/* \u062a\u062f\u0648\u064a\u0631 90 \u062f\u0631\u062c\u0629 \u0644\u062a\u0634\u0643\u064a\u0644 \u0639\u0644\u0627\u0645\u0629 + *\/\n            transform: translate(-50%, -50%) rotate(90deg);\n        }\n        \n        \/* \u0623\u0644\u0648\u0627\u0646 \u0627\u0644\u0628\u0644\u0648\u0631\u0627\u062a (\u062a\u0637\u0628\u0642 \u0639\u0644\u0649 \u0627\u0644\u0639\u0646\u0635\u0631 \u0627\u0644\u0623\u0633\u0627\u0633\u064a \u0648\u0627\u0644\u0641\u0631\u0639\u064a) *\/\n        .geo-snowflake.gold, .geo-snowflake.gold::after { background: #c5a059; box-shadow: 0 0 2px #c5a059; }\n        .geo-snowflake.silver, .geo-snowflake.silver::after { background: #e0e0e0; box-shadow: 0 0 2px #fff; }\n\n        \/* \u062a\u062d\u062f\u064a\u062b \u0627\u0644\u062d\u0631\u0643\u0629 \u0644\u062a\u0634\u0645\u0644 \u0627\u0644\u062f\u0648\u0631\u0627\u0646 *\/\n        @keyframes driftRotate {\n            0% { transform: translateY(-10vh) translateX(0) rotate(0deg); opacity: 0; }\n            20% { opacity: 0.9; }\n            80% { opacity: 0.9; }\n            \/* \u062f\u0648\u0631\u0627\u0646 \u0643\u0627\u0645\u0644 360 \u062f\u0631\u062c\u0629 \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u0647\u0637\u0648\u0644 *\/\n            100% { transform: translateY(110vh) translateX(20px) rotate(360deg); opacity: 0; }\n        }\n        \/* --------------------------------------------------------- *\/\n\n        \/* 4. \u0627\u0644\u0645\u0634\u0647\u062f \u0627\u0644\u0633\u0641\u0644\u064a (\u0647\u0646\u062f\u0633\u064a \u0648\u0645\u062c\u0631\u062f) *\/\n        .corporate-footer-scene {\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 100%;\n            height: 250px;\n            display: flex;\n            justify-content: flex-end;\n            align-items: flex-end;\n            transform: translateY(60%);\n            transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);\n            opacity: 0.9;\n        }\n\n        .corporate-footer-scene.active { transform: translateY(0%); }\n\n        .abstract-snow-curve {\n            position: absolute;\n            bottom: 0; left: 0; width: 100%; height: 100%;\n            z-index: 1;\n        }\n        \n        .abstract-snow-curve path {\n            fill: #ffffff;\n            fill-opacity: 0.9;\n            filter: drop-shadow(0 -5px 15px rgba(0,0,0,0.05));\n        }\n\n        .geo-tree-container {\n            position: relative;\n            z-index: 2;\n            width: 180px; height: 220px;\n            margin-right: 5%; margin-bottom: 20px;\n            opacity: 0.3;\n            transition: opacity 1s 0.5s;\n        }\n        \n        .corporate-footer-scene.active .geo-tree-container { opacity: 1; }\n\n        .geo-tree path {\n            fill: none;\n            stroke: #c5a059;\n            stroke-width: 1.5;\n            vector-effect: non-scaling-stroke;\n        }\n        \n        .geo-star {\n            fill: #c5a059;\n            animation: starPulse 3s infinite alternate;\n        }\n        \n        @keyframes starPulse { from { opacity: 0.6; } to { opacity: 1; transform: scale(1.1); transform-origin: center; } }\n\n    <\/style>\n\n    <div class=\"luxury-top-bar\"><\/div>\n\n    <div class=\"corporate-footer-scene\" id=\"corp-footer-geo\">\n        <svg class=\"abstract-snow-curve\" viewbox=\"0 0 1440 320\" preserveaspectratio=\"none\">\n            <path d=\"M0,256L60,245.3C120,235,240,213,360,208C480,203,600,213,720,229.3C840,245,960,267,1080,261.3C1200,256,1320,224,1380,208L1440,192L1440,320L1380,320C1320,320,1200,320,1080,320C960,320,840,320,720,320C600,320,480,320,360,320C240,320,120,320,60,320L0,320Z\"><\/path>\n        <\/svg>\n        <div class=\"geo-tree-container\">\n            <svg class=\"geo-tree\" viewbox=\"0 0 100 150\">\n                <path d=\"M50,10 L20,130 L80,130 Z\" \/>\n                <path d=\"M50,10 L30,130\" opacity=\"0.5\" \/>\n                <path d=\"M50,10 L70,130\" opacity=\"0.5\" \/>\n                <path d=\"M20,130 L80,130 L50,150 Z\" fill=\"rgba(197, 160, 89, 0.1)\" stroke=\"none\" \/>\n                <circle cx=\"35\" cy=\"90\" r=\"1.5\" fill=\"#c5a059\" \/>\n                <circle cx=\"65\" cy=\"90\" r=\"1.5\" fill=\"#c5a059\" \/>\n                <circle cx=\"50\" cy=\"50\" r=\"1.5\" fill=\"#c5a059\" \/>\n                <circle cx=\"40\" cy=\"120\" r=\"1.5\" fill=\"#c5a059\" \/>\n                <circle cx=\"60\" cy=\"120\" r=\"1.5\" fill=\"#c5a059\" \/>\n                <path class=\"geo-star\" d=\"M50,0 L53,7 L60,7 L55,11 L57,18 L50,14 L43,18 L45,11 L40,7 L47,7 Z\" \/>\n            <\/svg>\n        <\/div>\n    <\/div>\n\n    <script>\n        (function() {\n            \/\/ 1. \u062a\u0648\u0644\u064a\u062f \u0627\u0644\u0628\u0644\u0648\u0631\u0627\u062a \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629\n            const container = document.getElementById('corporate-winter-theme-geo');\n            \/\/ \u0632\u064a\u0627\u062f\u0629 \u0627\u0644\u0639\u062f\u062f \u0642\u0644\u064a\u0644\u0627\u064b \u0644\u0623\u0646 \u0627\u0644\u0623\u0634\u0643\u0627\u0644 \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629 \u062a\u062d\u062a\u0627\u062c \u0643\u062b\u0627\u0641\u0629 \u0623\u0639\u0644\u0649 \u0644\u062a\u0638\u0647\u0631 \u0628\u0648\u0636\u0648\u062d\n            const particleCount = 40; \n\n            for (let i = 0; i < particleCount; i++) {\n                let p = document.createElement('div');\n                \/\/ \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0643\u0644\u0627\u0633 \u0627\u0644\u062c\u062f\u064a\u062f\n                p.className = Math.random() > 0.5 ? 'geo-snowflake gold' : 'geo-snowflake silver';\n                \n                \/\/ --- \u062a\u0639\u062f\u064a\u0644 \u0627\u0644\u0623\u062d\u062c\u0627\u0645 \u0644\u062a\u0646\u0627\u0633\u0628 \u0627\u0644\u0623\u0634\u0643\u0627\u0644 \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629 ---\n                \/\/ \u0646\u062d\u062a\u0627\u062c \u062d\u062c\u0645 \u0623\u0643\u0628\u0631 \u0642\u0644\u064a\u0644\u0627\u064b \u0645\u0646 \"\u0627\u0644\u063a\u0628\u0627\u0631\" \u0627\u0644\u0633\u0627\u0628\u0642 \u0644\u062a\u0638\u0647\u0631 \u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0634\u0643\u0644\n                let size = Math.random() * 10 + 5 + 'px'; \/\/ \u0627\u0644\u0627\u0631\u062a\u0641\u0627\u0639 \u0628\u064a\u0646 5 \u0648 15 \u0628\u0643\u0633\u0644\n                p.style.height = size;\n                \/\/ \u0627\u0644\u0639\u0631\u0636 \u064a\u0643\u0648\u0646 \u0631\u0628\u0639 \u0627\u0644\u0627\u0631\u062a\u0641\u0627\u0639 \u062a\u0642\u0631\u064a\u0628\u0627\u064b \u0644\u0635\u0646\u0639 \u0634\u0643\u0644 \u0645\u062a\u0646\u0627\u0633\u0642\n                p.style.width = (parseFloat(size) \/ 4) + 'px'; \n                \n                p.style.left = Math.random() * 100 + '%';\n                \n                \/\/ \u062d\u0631\u0643\u0629 \u0628\u0637\u064a\u0626\u0629 \u0645\u0639 \u062f\u0648\u0631\u0627\u0646\n                p.style.animationDuration = (Math.random() * 10 + 8) + 's'; \n                p.style.animationDelay = (Math.random() * 5) + 's';\n                \n                container.appendChild(p);\n            }\n\n            \/\/ 2. \u0645\u0646\u0637\u0642 \u0638\u0647\u0648\u0631 \u0627\u0644\u0641\u0648\u062a\u0631\n            const footerScene = document.getElementById('corp-footer-geo');\n            window.addEventListener('scroll', function() {\n                const scrollPos = window.scrollY + window.innerHeight;\n                const docHeight = document.body.offsetHeight;\n                if (scrollPos >= docHeight - 100) {\n                    footerScene.classList.add('active');\n                } else {\n                    footerScene.classList.remove('active');\n                }\n            });\n        })();\n    <\/script>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section data-exad-particle-enable=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-bf21a91 ct-section-stretched elementor-section-full_width elementor-section-height-default elementor-section-height-default exad-parallax-effect-no exad-background-color-change-no exad-glass-effect-no exwb-magnet-no exad-sticky-section-no\" data-id=\"bf21a91\" data-element_type=\"section\" id=\"about\" data-no-translation=\"\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-cfad9d4 exad-glass-effect-no exwb-magnet-no exad-sticky-section-no\" data-id=\"cfad9d4\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-170162f exwb-magnet-no exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-html\" data-id=\"170162f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"qirat-creative-container\">\n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@300;600;800&display=swap');\n\n        .qirat-creative-container {\n            --c-dark: #2062a9;\n            --c-light: #24a3dd;\n            --c-yellow: #fff400;\n            --c-text: #1a2a3a;\n            --c-bg: #f4f7fa;\n            font-family: 'Cairo', sans-serif;\n            direction: rtl;\n            background-color: var(--c-bg);\n            padding: 60px 20px;\n            overflow: hidden;\n            position: relative;\n            border-radius: 20px;\n        }\n\n        \/* \u062e\u0644\u0641\u064a\u0629 \u062c\u0645\u0627\u0644\u064a\u0629 \u0645\u062a\u062d\u0631\u0643\u0629 *\/\n        .qirat-bg-shape {\n            position: absolute;\n            border-radius: 50%;\n            filter: blur(80px);\n            opacity: 0.4;\n            z-index: 0;\n            animation: floatShape 10s infinite ease-in-out alternate;\n        }\n        .shape-1 { top: -100px; right: -100px; width: 400px; height: 400px; background: var(--c-light); }\n        .shape-2 { bottom: -50px; left: -50px; width: 300px; height: 300px; background: var(--c-yellow); animation-delay: -5s; }\n\n        @keyframes floatShape { from { transform: translate(0, 0); } to { transform: translate(20px, 40px); } }\n\n        .qirat-content-wrapper { position: relative; z-index: 2; max-width: 1100px; margin: 0 auto; }\n\n        \/* 1. \u0631\u0623\u0633 \u0627\u0644\u0635\u0641\u062d\u0629: \u062a\u0627\u064a\u0642\u0648\u063a\u0631\u0627\u0641\u064a\u0627 \u0636\u062e\u0645\u0629 *\/\n        .qirat-hero {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            margin-bottom: 60px;\n            flex-wrap: wrap;\n        }\n        .qirat-hero-text h2 {\n            font-size: 3.5rem;\n            line-height: 1.1;\n            color: var(--c-dark);\n            margin: 0;\n            font-weight: 800;\n        }\n        .qirat-hero-text span {\n            color: transparent;\n            -webkit-text-stroke: 2px var(--c-light);\n            display: block;\n        }\n        .qirat-hero-desc {\n            max-width: 400px;\n            font-size: 1.1rem;\n            color: var(--c-text);\n            padding-right: 20px;\n            border-right: 5px solid var(--c-yellow);\n        }\n\n        \/* 2. \u0642\u0633\u0645 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u0639\u0627\u0626\u0645\u0629 (Glassmorphism) *\/\n        .qirat-info-glass {\n            background: rgba(255, 255, 255, 0.7);\n            backdrop-filter: blur(10px);\n            border: 1px solid rgba(255, 255, 255, 0.5);\n            border-radius: 20px;\n            padding: 30px;\n            margin-bottom: 60px;\n            box-shadow: 0 20px 40px rgba(0,0,0,0.05);\n            display: flex;\n            flex-wrap: wrap;\n            gap: 20px;\n            justify-content: space-around;\n        }\n        .qirat-info-item { text-align: center; flex: 1; min-width: 200px; }\n        .qirat-info-item h4 { color: var(--c-light); font-size: 0.9rem; margin: 0 0 5px; text-transform: uppercase; letter-spacing: 1px; }\n        .qirat-info-item p { color: var(--c-dark); font-weight: 700; font-size: 1.2rem; margin: 0; }\n\n        \/* 3. \u0627\u0644\u0623\u0643\u0648\u0631\u062f\u064a\u0648\u0646 \u0627\u0644\u0623\u0641\u0642\u064a (\u0628\u062f\u064a\u0644 \u0627\u0644\u0628\u0637\u0627\u0642\u0627\u062a) *\/\n        .qirat-accordion {\n            display: flex;\n            height: 350px;\n            gap: 10px;\n            margin-bottom: 60px;\n        }\n        .qirat-panel {\n            flex: 1;\n            background: var(--c-dark);\n            border-radius: 15px;\n            position: relative;\n            overflow: hidden;\n            transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            cursor: pointer;\n            display: flex;\n            flex-direction: column;\n            justify-content: flex-end;\n            padding: 20px;\n        }\n        \n        \/* \u062a\u0644\u0648\u064a\u0646 \u0627\u0644\u0634\u0631\u0627\u0626\u062d *\/\n        .qirat-panel:nth-child(1) { background: var(--c-dark); }\n        .qirat-panel:nth-child(2) { background: var(--c-light); }\n        .qirat-panel:nth-child(3) { background: #1a2a3a; } \/* \u0644\u0648\u0646 \u062f\u0627\u0643\u0646 \u0644\u0644\u062a\u0628\u0627\u064a\u0646 *\/\n\n        .qirat-panel:hover, .qirat-panel.active { flex: 4; } \/* \u0627\u0644\u062a\u0648\u0633\u0639 \u0639\u0646\u062f \u0627\u0644\u062a\u062d\u0648\u064a\u0645 *\/\n\n        .qirat-panel h3 {\n            color: #fff;\n            font-size: 1.8rem;\n            margin: 0;\n            transform: rotate(0);\n            white-space: nowrap;\n            transition: 0.3s;\n        }\n        \n        .qirat-panel-content {\n            color: rgba(255,255,255,0.9);\n            opacity: 0;\n            max-height: 0;\n            transition: 0.5s;\n            transform: translateY(20px);\n            font-size: 1.1rem;\n            margin-top: 10px;\n        }\n\n        .qirat-panel:hover .qirat-panel-content, \n        .qirat-panel.active .qirat-panel-content {\n            opacity: 1;\n            max-height: 200px;\n            transform: translateY(0);\n        }\n        \n        \/* \u0623\u064a\u0642\u0648\u0646\u0629 \u062a\u0639\u0628\u064a\u0631\u064a\u0629 \u0641\u064a \u0627\u0644\u062e\u0644\u0641\u064a\u0629 *\/\n        .panel-icon {\n            position: absolute;\n            top: 20px;\n            left: 20px;\n            font-size: 4rem;\n            opacity: 0.1;\n            color: #fff;\n        }\n\n        \/* 4. \u0633\u062d\u0627\u0628\u0629 \u0645\u062c\u0627\u0644\u0627\u062a \u0627\u0644\u0639\u0645\u0644 *\/\n        .qirat-fields-modern { text-align: left; }\n        .qirat-fields-title {\n            font-size: 2rem;\n            color: var(--c-dark);\n            margin-bottom: 20px;\n            display: inline-block;\n            background: linear-gradient(120deg, transparent 0%, transparent 60%, var(--c-yellow) 60%, var(--c-yellow) 100%);\n            padding-left: 10px;\n        }\n        \n        .qirat-tags-cloud { display: flex; flex-wrap: wrap; gap: 15px; }\n        .qirat-pill {\n            padding: 12px 24px;\n            background: #fff;\n            color: var(--c-dark);\n            font-weight: 600;\n            border-radius: 12px 0 12px 0; \/* \u062d\u0648\u0627\u0641 \u063a\u064a\u0631 \u0645\u062a\u0645\u0627\u062b\u0644\u0629 *\/\n            box-shadow: 5px 5px 0px var(--c-yellow); \/* \u0638\u0644 \u0635\u0644\u0628 *\/\n            border: 1px solid var(--c-dark);\n            transition: 0.2s;\n        }\n        .qirat-pill:hover {\n            transform: translate(-3px, -3px);\n            box-shadow: 8px 8px 0px var(--c-light);\n        }\n\n        \/* Responsive *\/\n        @media (max-width: 768px) {\n            .qirat-hero { text-align: center; justify-content: center; }\n            .qirat-hero-desc { border-right: none; border-top: 5px solid var(--c-yellow); padding-top: 20px; margin-top: 20px; padding-right: 0; }\n            .qirat-accordion { flex-direction: column; height: auto; }\n            .qirat-panel { min-height: 80px; }\n            .qirat-panel:hover { min-height: 250px; }\n        }\n    <\/style>\n\n    <div class=\"qirat-bg-shape shape-1\"><\/div>\n    <div class=\"qirat-bg-shape shape-2\"><\/div>\n\n    <div class=\"qirat-content-wrapper\">\n        \n        <div class=\"qirat-hero\">\n            <div class=\"qirat-hero-text\">\n                <h2>\u0642\u064a\u0631\u0627\u0637 \u0627\u0644\u0645\u0627\u0633<\/h2>\n                <span>\u0644\u0644\u062a\u0645\u064a\u0632 \u0639\u0646\u0648\u0627\u0646<\/span>\n            <\/div>\n            <div class=\"qirat-hero-desc\">\n                \u062d\u0644\u0642\u0629 \u0627\u0644\u0648\u0635\u0644 \u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0628\u064a\u0646 \u0627\u0644\u0645\u0646\u062a\u062c \u0627\u0644\u0639\u0627\u0644\u0645\u064a \u0648\u0627\u0644\u0645\u0633\u062a\u0647\u0644\u0643 \u0627\u0644\u0639\u0631\u0627\u0642\u064a\u060c \u0646\u0639\u064a\u062f \u062a\u0639\u0631\u064a\u0641 \u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u062c\u0648\u062f\u0629 \u0648\u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645 \u0641\u064a \u0627\u0644\u0633\u0648\u0642 \u0627\u0644\u0645\u062d\u0644\u064a.\n            <\/div>\n        <\/div>\n\n        <div class=\"qirat-info-glass\">\n            <div class=\"qirat-info-item\">\n                <h4>\u0627\u0644\u062a\u0623\u0633\u064a\u0633<\/h4>\n                <p>\u0627\u0644\u0639\u0631\u0627\u0642<\/p>\n            <\/div>\n            <div class=\"qirat-info-item\">\n                <h4>\u0627\u0644\u0627\u0646\u062a\u0645\u0627\u0621<\/h4>\n                <p>\u0645\u062c\u0645\u0648\u0639\u0629 \u0646\u0648\u0631 \u0627\u0644\u0642\u0627\u0628\u0636\u0629<\/p>\n            <\/div>\n            <div class=\"qirat-info-item\">\n                <h4>\u0627\u0644\u062a\u062e\u0635\u0635<\/h4>\n                <p>\u062a\u062c\u0627\u0631\u0629 \u0648\u062a\u0648\u0632\u064a\u0639<\/p>\n            <\/div>\n        <\/div>\n\n        <div class=\"qirat-accordion\">\n            <div class=\"qirat-panel\">\n                <div class=\"panel-icon\">\ud83d\udc41\ufe0f<\/div>\n                <h3>\u0627\u0644\u0631\u0624\u064a\u0629<\/h3>\n                <div class=\"qirat-panel-content\">\n                    \u0623\u0646 \u0646\u0643\u0648\u0646 \u0627\u0644\u0634\u0631\u064a\u0643 \u0627\u0644\u0645\u0641\u0636\u0644 \u0644\u0644\u0639\u0644\u0627\u0645\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629\u060c \u0648\u0646\u0642\u0648\u062f \u0627\u0644\u062a\u062d\u0648\u0644 \u0646\u062d\u0648 \u062a\u0648\u0632\u064a\u0639 \u062d\u062f\u064a\u062b \u0648\u0630\u0643\u064a \u0641\u064a \u0627\u0644\u0633\u0648\u0642 \u0627\u0644\u0639\u0631\u0627\u0642\u064a.\n                <\/div>\n            <\/div>\n            <div class=\"qirat-panel\">\n                <div class=\"panel-icon\">\ud83d\ude80<\/div>\n                <h3>\u0627\u0644\u0631\u0633\u0627\u0644\u0629<\/h3>\n                <div class=\"qirat-panel-content\">\n                    \u062a\u0642\u062f\u064a\u0645 \u062d\u0644\u0648\u0644 \u062a\u062c\u0627\u0631\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u062a\u0636\u0645\u0646 \u062a\u062f\u0641\u0642 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u0628\u0633\u0644\u0627\u0633\u0629 \u0648\u062c\u0648\u062f\u0629 \u0639\u0627\u0644\u064a\u0629\u060c \u0645\u0645\u0627 \u064a\u0639\u0632\u0632 \u0627\u0644\u062b\u0642\u0629 \u0628\u064a\u0646 \u0627\u0644\u0645\u0646\u062a\u062c \u0648\u0627\u0644\u0645\u0633\u062a\u0647\u0644\u0643.\n                <\/div>\n            <\/div>\n            <div class=\"qirat-panel\">\n                <div class=\"panel-icon\">\ud83d\udc8e<\/div>\n                <h3>\u0627\u0644\u0642\u064a\u0645<\/h3>\n                <div class=\"qirat-panel-content\">\n                    \u2022 \u0627\u0644\u0645\u0635\u062f\u0627\u0642\u064a\u0629 \u0648\u0627\u0644\u0634\u0641\u0627\u0641\u064a\u0629<br>\n                    \u2022 \u0627\u0644\u0634\u0631\u0627\u0643\u0629 \u0637\u0648\u064a\u0644\u0629 \u0627\u0644\u0623\u0645\u062f<br>\n                    \u2022 \u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631 \u0648\u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u0633\u062a\u0645\u0631\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"qirat-fields-modern\">\n            <div class=\"qirat-fields-title\">\u0645\u0627\u0630\u0627 \u0646\u0642\u062f\u0645\u061f<\/div>\n            <div class=\"qirat-tags-cloud\">\n                <div class=\"qirat-pill\">\u0627\u0644\u062a\u062c\u0627\u0631\u0629 \u0627\u0644\u0639\u0627\u0645\u0629<\/div>\n                <div class=\"qirat-pill\">\u0627\u0644\u0648\u0643\u0627\u0644\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629<\/div>\n                <div class=\"qirat-pill\">\u062a\u0648\u0632\u064a\u0639 FMCG<\/div>\n                <div class=\"qirat-pill\">\u0633\u0644\u0627\u0633\u0644 \u0627\u0644\u062a\u0628\u0631\u064a\u062f<\/div>\n                <div class=\"qirat-pill\">\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u062e\u0632\u0648\u0646<\/div>\n                <div class=\"qirat-pill\">\u062d\u0644\u0648\u0644 \u0627\u0644\u062a\u0633\u0648\u064a\u0642<\/div>\n            <\/div>\n        <\/div>\n\n    <\/div>\n\n    <script>\n        \/\/ \u062a\u0641\u0639\u064a\u0644 \u0627\u0644\u0623\u0643\u0648\u0631\u062f\u064a\u0648\u0646 \u0639\u0644\u0649 \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 \u0639\u0646\u062f \u0627\u0644\u0646\u0642\u0631\n        const panels = document.querySelectorAll('.qirat-panel');\n        panels.forEach(panel => {\n            panel.addEventListener('click', () => {\n                panels.forEach(p => p.classList.remove('active'));\n                panel.classList.add('active');\n            });\n        });\n    <\/script>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section data-exad-particle-enable=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-fe232a1 ct-section-stretched elementor-section-full_width elementor-section-height-default elementor-section-height-default exad-parallax-effect-no exad-background-color-change-no exad-glass-effect-no exwb-magnet-no exad-sticky-section-no\" data-id=\"fe232a1\" data-element_type=\"section\" id=\"#portfolio\" data-no-translation=\"\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-11057ed exad-glass-effect-no exwb-magnet-no exad-sticky-section-no\" data-id=\"11057ed\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c7402b2 exwb-magnet-no exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-html\" data-id=\"c7402b2\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"qirat-portfolio-ar-fixed-wrapper\">\n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@300;600;800&display=swap');\n\n        .qirat-portfolio-ar-fixed-wrapper {\n            --qp-blue: #2062a9;\n            --qp-lightblue: #24a3dd;\n            --qp-yellow: #fff400;\n            --qp-dark: #1a2a3a;\n            --qp-bg: #f8f9fa;\n            font-family: 'Cairo', sans-serif;\n            direction: rtl;\n            text-align: right;\n            background-color: var(--qp-bg);\n            padding: 80px 20px;\n            overflow: hidden;\n            position: relative;\n        }\n\n        .qirat-portfolio-ar-fixed-wrapper * { box-sizing: border-box; transition: all 0.4s ease; }\n\n        \/* \u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0631\u0626\u064a\u0633\u064a *\/\n        .qp-header {\n            text-align: center;\n            margin-bottom: 80px;\n            position: relative;\n            z-index: 2;\n        }\n        .qp-header h2 { font-size: 3rem; color: var(--qp-blue); font-weight: 800; margin: 0; line-height: 1.2; }\n        .qp-header p { max-width: 750px; margin: 20px auto 0; color: #666; font-size: 1.1rem; line-height: 1.6; }\n        .qp-header::after { content: ''; display: block; width: 100px; height: 6px; background: var(--qp-yellow); margin: 20px auto; border-radius: 10px; }\n\n        \/* \u062a\u0646\u0633\u064a\u0642 \u0642\u0633\u0645 \u0627\u0644\u0639\u0644\u0627\u0645\u0629 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 *\/\n        .qp-brand-section {\n            display: flex;\n            align-items: center;\n            margin-bottom: 100px;\n            position: relative;\n        }\n        .qp-brand-section.reverse { flex-direction: row-reverse; }\n\n        \/* --- \u062a\u0639\u062f\u064a\u0644 \u062c\u0630\u0631\u064a \u0644\u062d\u0627\u0648\u064a\u0629 \u0627\u0644\u0634\u0639\u0627\u0631 --- *\/\n        .qp-img-container {\n            flex: 1;\n            position: relative;\n            z-index: 1;\n            border-radius: 30px;\n            overflow: hidden;\n            box-shadow: 0 20px 40px rgba(0,0,0,0.08);\n            transform: scale(0.95);\n            \/* \u0627\u0644\u0625\u0636\u0627\u0641\u0627\u062a \u0627\u0644\u062c\u062f\u064a\u062f\u0629 \u0644\u0636\u0628\u0637 \u0627\u0644\u0634\u0639\u0627\u0631\u0627\u062a *\/\n            background: #ffffff; \/* \u062e\u0644\u0641\u064a\u0629 \u0628\u064a\u0636\u0627\u0621 \u0646\u0642\u064a\u0629 \u0644\u0644\u0634\u0639\u0627\u0631 *\/\n            height: 400px; \/* \u0627\u0631\u062a\u0641\u0627\u0639 \u062b\u0627\u0628\u062a \u0644\u062a\u0648\u062d\u064a\u062f \u0627\u0644\u0634\u0643\u0644 *\/\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            padding: 40px; \/* \u0645\u0633\u0627\u0641\u0629 \u062f\u0627\u062e\u0644\u064a\u0629 \u062d\u062a\u0649 \u0644\u0627 \u064a\u0644\u062a\u0635\u0642 \u0627\u0644\u0634\u0639\u0627\u0631 \u0628\u0627\u0644\u062d\u0648\u0627\u0641 *\/\n            border: 1px solid #eee;\n        }\n\n        .qp-img-container img {\n            width: 100%;\n            height: 100%;\n            \/* \u0647\u0630\u0627 \u0647\u0648 \u0627\u0644\u0633\u0637\u0631 \u0627\u0644\u0623\u0647\u0645: \u064a\u0636\u0645\u0646 \u0638\u0647\u0648\u0631 \u0627\u0644\u0634\u0639\u0627\u0631 \u0643\u0627\u0645\u0644\u0627\u064b \u062f\u0627\u062e\u0644 \u0627\u0644\u062d\u0627\u0648\u064a\u0629 \u062f\u0648\u0646 \u0642\u0635 *\/\n            object-fit: contain; \n            display: block;\n            transition: transform 0.6s ease;\n        }\n        .qp-brand-section:hover .qp-img-container img { transform: scale(1.08); }\n        \/* -------------------------------- *\/\n\n        \/* \u0635\u0646\u062f\u0648\u0642 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0632\u062c\u0627\u062c\u064a *\/\n        .qp-content-box {\n            flex: 1;\n            background: rgba(255, 255, 255, 0.95); \/* \u0632\u064a\u0627\u062f\u0629 \u0627\u0644\u062a\u0639\u062a\u064a\u0645 \u0642\u0644\u064a\u0644\u0627\u064b \u0644\u0648\u0636\u0648\u062d \u0627\u0644\u0646\u0635 *\/\n            backdrop-filter: blur(15px);\n            padding: 40px;\n            border-radius: 20px;\n            border: 1px solid rgba(255,255,255,0.6);\n            box-shadow: 0 15px 35px rgba(32, 98, 169, 0.1);\n            margin-right: -80px; \n            z-index: 2;\n            position: relative;\n        }\n        .qp-brand-section.reverse .qp-content-box { margin-right: 0; margin-left: -80px; }\n\n        \/* \u0627\u0644\u0646\u0635\u0648\u0635 *\/\n        .qp-subtitle { color: var(--qp-lightblue); font-weight: 700; text-transform: uppercase; font-size: 0.9rem; display: block; margin-bottom: 10px; }\n        .qp-title { color: var(--qp-blue); font-size: 2.2rem; margin: 0 0 20px; font-weight: 800; }\n        .qp-desc { color: #555; line-height: 1.8; font-size: 1.05rem; margin-bottom: 25px; }\n\n        \/* \u0643\u0628\u0633\u0648\u0644\u0627\u062a \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a *\/\n        .qp-products-grid { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 20px; }\n        .qp-pill {\n            background: #fff; border: 1px solid #eee; color: var(--qp-dark); padding: 8px 16px; border-radius: 50px; font-size: 0.9rem; font-weight: 700;\n            box-shadow: 0 2px 5px rgba(0,0,0,0.05); display: flex; align-items: center;\n        }\n        .qp-pill:hover { background: var(--qp-blue); color: #fff; transform: translateY(-3px); border-color: var(--qp-blue); }\n        .qp-pill::before { content: '\u2022'; color: var(--qp-yellow); margin-left: 8px; font-size: 1.2rem; line-height: 0; }\n\n        \/* \u0634\u0628\u0643\u0629 \u0627\u0644\u0639\u0644\u0627\u0645\u0627\u062a \u0627\u0644\u0623\u062e\u0631\u0649 *\/\n        .qp-others-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px; max-width: 1000px; margin: 0 auto; }\n        .qp-other-card {\n            background: #fff; padding: 30px; border-radius: 15px; text-align: center; border-top: 4px solid var(--qp-yellow); box-shadow: 0 10px 20px rgba(0,0,0,0.05);\n        }\n        .qp-other-card:hover { transform: translateY(-10px); }\n        .qp-icon-circle { width: 70px; height: 70px; background: var(--qp-bg); border-radius: 50%; margin: 0 auto 20px; display: flex; align-items: center; justify-content: center; font-size: 1.8rem; color: var(--qp-blue); }\n\n        \/* \u0627\u0644\u062a\u062c\u0627\u0648\u0628 *\/\n        @media (max-width: 900px) {\n            .qp-brand-section, .qp-brand-section.reverse { flex-direction: column; margin-bottom: 60px; }\n            .qp-content-box { margin: -50px 20px 0; width: calc(100% - 40px); }\n            .qp-brand-section.reverse .qp-content-box { margin: -50px 20px 0; }\n            .qp-header h2 { font-size: 2.2rem; }\n            \/* \u062a\u0639\u062f\u064a\u0644 \u0627\u0631\u062a\u0641\u0627\u0639 \u062d\u0627\u0648\u064a\u0629 \u0627\u0644\u0634\u0639\u0627\u0631 \u0639\u0644\u0649 \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 *\/\n            .qp-img-container { height: 300px; padding: 30px; } \n        }\n    <\/style>\n\n    <div class=\"qp-header\">\n        <h2>\u0645\u062d\u0641\u0638\u0629 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0648\u0627\u0644\u0639\u0644\u0627\u0645\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629<\/h2>\n        <p>\u062a\u0639\u062a\u0645\u062f \u0642\u0648\u0629 \u0634\u0631\u0643\u0629 \u0642\u064a\u0631\u0627\u0637 \u0627\u0644\u0645\u0627\u0633 \u0639\u0644\u0649 \u0625\u062f\u0627\u0631\u062a\u0647\u0627 \u0644\u0645\u062d\u0641\u0638\u0629 \u0645\u062a\u0646\u0648\u0639\u0629 \u0645\u0646 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0648\u0627\u0644\u0639\u0644\u0627\u0645\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629\u060c \u062d\u064a\u062b \u064a\u0634\u0645\u0644 \u062f\u0648\u0631\u0647\u0627 \u0628\u0646\u0627\u0621 \u0627\u0644\u0639\u0644\u0627\u0645\u0629 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629\u060c \u062a\u0639\u0632\u064a\u0632 \u062d\u0636\u0648\u0631\u0647\u0627 \u0641\u064a \u0627\u0644\u0633\u0648\u0642\u060c \u0648\u0636\u0645\u0627\u0646 \u0627\u0633\u062a\u062f\u0627\u0645\u0629 \u0646\u0645\u0648\u0647\u0627.<\/p>\n    <\/div>\n\n    <div class=\"qp-brand-section\">\n        <div class=\"qp-img-container\">\n            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/12\/Almarai_Corporate_Logo.svg.png\" alt=\"\u0634\u0639\u0627\u0631 \u0627\u0644\u0645\u0631\u0627\u0639\u064a\">\n        <\/div>\n        <div class=\"qp-content-box\">\n            <span class=\"qp-subtitle\">\u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629<\/span>\n            <h3 class=\"qp-title\">\u0627\u0644\u0645\u0631\u0627\u0639\u064a (Almarai)<\/h3>\n            <p class=\"qp-desc\">\n                \u0634\u0631\u0643\u0629 \u0627\u0644\u0645\u0631\u0627\u0639\u064a \u0647\u064a \u0627\u0644\u0634\u0631\u064a\u0643 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a \u0627\u0644\u0623\u0628\u0631\u0632\u060c \u0648\u062a\u0645\u062b\u0644 \u0642\u064a\u0631\u0627\u0637 \u0627\u0644\u0645\u0627\u0633 \u0627\u0644\u0648\u0643\u064a\u0644 \u0648\u0627\u0644\u0645\u0648\u0632\u0639 \u0627\u0644\u0631\u0626\u064a\u0633\u064a \u0644\u0645\u0646\u062a\u062c\u0627\u062a\u0647\u0627 \u062f\u0627\u062e\u0644 \u0627\u0644\u0639\u0631\u0627\u0642. \u0646\u062a\u0648\u0644\u0649 \u0625\u062f\u0627\u0631\u0629 \u0633\u0644\u0633\u0644\u0629 \u0627\u0644\u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u0643\u0627\u0645\u0644\u0629 \u0645\u0646 \u0627\u0644\u062a\u062e\u0632\u064a\u0646 \u0625\u0644\u0649 \u0627\u0644\u062a\u0648\u0632\u064a\u0639 \u0648\u0646\u0642\u0627\u0637 \u0627\u0644\u0628\u064a\u0639.\n            <\/p>\n            <h4 style=\"font-size: 1rem; color: var(--qp-blue); margin-bottom: 10px;\">\u0623\u0628\u0631\u0632 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a:<\/h4>\n            <div class=\"qp-products-grid\">\n                <div class=\"qp-pill\">\u0627\u0644\u062d\u0644\u064a\u0628 \u0627\u0644\u0637\u0627\u0632\u062c \u0648\u0637\u0648\u064a\u0644 \u0627\u0644\u0623\u0645\u062f<\/div>\n                <div class=\"qp-pill\">\u0627\u0644\u0632\u0628\u0627\u062f\u064a \u0648\u0627\u0644\u0642\u0634\u0637\u0629<\/div>\n                <div class=\"qp-pill\">\u0627\u0644\u0623\u062c\u0628\u0627\u0646<\/div>\n                <div class=\"qp-pill\">\u0627\u0644\u0639\u0635\u0627\u0626\u0631 \u0627\u0644\u0637\u0628\u064a\u0639\u064a\u0629<\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"qp-brand-section reverse\">\n        <div class=\"qp-img-container\">\n            <img decoding=\"async\" src=\"wp-content\/uploads\/2025\/12\/Unilever.svg\" alt=\"\u0634\u0639\u0627\u0631 \u064a\u0648\u0646\u064a\u0644\u064a\u0641\u0631\">\n        <\/div>\n        <div class=\"qp-content-box\">\n            <span class=\"qp-subtitle\">\u0634\u0631\u0643\u0629 \u0639\u0627\u0644\u0645\u064a\u0629 \u0645\u062a\u0639\u062f\u062f\u0629 \u0627\u0644\u062c\u0646\u0633\u064a\u0627\u062a<\/span>\n            <h3 class=\"qp-title\">\u064a\u0648\u0646\u064a\u0644\u064a\u0641\u0631 (Unilever)<\/h3>\n            <p class=\"qp-desc\">\n                \u0648\u0627\u062d\u062f\u0629 \u0645\u0646 \u0623\u0643\u0628\u0631 \u0634\u0631\u0643\u0627\u062a \u0627\u0644\u0633\u0644\u0639 \u0627\u0644\u0627\u0633\u062a\u0647\u0644\u0627\u0643\u064a\u0629 \u0641\u064a \u0627\u0644\u0639\u0627\u0644\u0645. \u062a\u0642\u0648\u0645 \u0642\u064a\u0631\u0627\u0637 \u0627\u0644\u0645\u0627\u0633 \u0628\u062a\u0648\u0632\u064a\u0639 \u0648\u0625\u062f\u0627\u0631\u0629 \u0645\u062c\u0645\u0648\u0639\u0629 \u0645\u0646 \u0639\u0644\u0627\u0645\u0627\u062a\u0647\u0627 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u062f\u0627\u062e\u0644 \u0627\u0644\u0639\u0631\u0627\u0642\u060c \u0645\u0639 \u0636\u0645\u0627\u0646 \u0627\u0644\u062a\u0648\u0627\u0641\u0631 \u0627\u0644\u0645\u0633\u062a\u0642\u0631 \u0641\u064a \u0627\u0644\u0623\u0633\u0648\u0627\u0642.\n            <\/p>\n            <h4 style=\"font-size: 1rem; color: var(--qp-blue); margin-bottom: 10px;\">\u0627\u0644\u0642\u0637\u0627\u0639\u0627\u062a \u0648\u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a:<\/h4>\n            <div class=\"qp-products-grid\">\n                <div class=\"qp-pill\">\u0627\u0644\u0639\u0646\u0627\u064a\u0629 \u0627\u0644\u0634\u062e\u0635\u064a\u0629 (\u062f\u0648\u0641\u060c \u0644\u0648\u0643\u0633)<\/div>\n                <div class=\"qp-pill\">\u0627\u0644\u0639\u0646\u0627\u064a\u0629 \u0627\u0644\u0645\u0646\u0632\u0644\u064a\u0629 (\u0623\u0648\u0645\u0648\u060c \u0643\u0648\u0645\u0641\u0648\u0631\u062a)<\/div>\n                <div class=\"qp-pill\">\u0627\u0644\u0623\u063a\u0630\u064a\u0629 (\u0643\u0646\u0648\u0631\u060c \u0644\u064a\u0628\u062a\u0648\u0646)<\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"qp-header\" style=\"margin-bottom: 40px; margin-top: 80px;\">\n        <h3 style=\"color: var(--qp-dark); font-size: 2rem;\">\u0639\u0644\u0627\u0645\u0627\u062a \u062a\u062c\u0627\u0631\u064a\u0629 \u0623\u062e\u0631\u0649<\/h3>\n        <p style=\"font-size: 1rem;\">\u064a\u062a\u0645 \u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0639\u0644\u0627\u0645\u0627\u062a \u0648\u0641\u0642 \u062f\u0631\u0627\u0633\u0627\u062a \u0633\u0648\u0642 \u062f\u0642\u064a\u0642\u0629 \u0644\u0636\u0645\u0627\u0646 \u0646\u062c\u0627\u062d\u0647\u0627 \u0648\u0627\u0633\u062a\u062f\u0627\u0645\u062a\u0647\u0627.<\/p>\n    <\/div>\n\n    <div class=\"qp-others-grid\">\n        <div class=\"qp-other-card\">\n            <div class=\"qp-icon-circle\">\ud83c\udf4f<\/div>\n            <h4>\u0627\u0644\u0623\u063a\u0630\u064a\u0629 \u0648\u0627\u0644\u0645\u0634\u0631\u0648\u0628\u0627\u062a<\/h4>\n        <\/div>\n        <div class=\"qp-other-card\">\n            <div class=\"qp-icon-circle\">\u2728<\/div>\n            <h4>\u0627\u0644\u0639\u0646\u0627\u064a\u0629 \u0627\u0644\u0634\u062e\u0635\u064a\u0629<\/h4>\n        <\/div>\n        <div class=\"qp-other-card\">\n            <div class=\"qp-icon-circle\">\ud83c\udfe0<\/div>\n            <h4>\u0627\u0644\u0639\u0646\u0627\u064a\u0629 \u0627\u0644\u0645\u0646\u0632\u0644\u064a\u0629<\/h4>\n        <\/div>\n    <\/div>\n\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section data-exad-particle-enable=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-7d93138 ct-section-stretched elementor-section-full_width elementor-section-height-default elementor-section-height-default exad-parallax-effect-no exad-background-color-change-no exad-glass-effect-no exwb-magnet-no exad-sticky-section-no\" data-id=\"7d93138\" data-element_type=\"section\" id=\"#services\" data-no-translation=\"\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f174de8 exad-glass-effect-no exwb-magnet-no exad-sticky-section-no\" data-id=\"f174de8\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b6e2e91 exwb-magnet-no exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-html\" data-id=\"b6e2e91\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"qirat-services-dynamic-wrapper\">\n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@300;600;800&display=swap');\n\n        .qirat-services-dynamic-wrapper {\n            --qs-dark: #2062a9;\n            --qs-light: #24a3dd;\n            --qs-gold: #fff400;\n            --qs-text: #fff;\n            --qs-bg: #f0f4f8;\n            font-family: 'Cairo', sans-serif;\n            direction: rtl;\n            text-align: right;\n            background-color: var(--qs-bg);\n            padding: 80px 20px;\n            overflow: hidden;\n            position: relative;\n        }\n\n        \/* \u062e\u0644\u0641\u064a\u0629 \u0645\u062a\u062d\u0631\u0643\u0629 \u062e\u0641\u064a\u0641\u0629 *\/\n        .qs-bg-anim {\n            position: absolute;\n            width: 600px; height: 600px;\n            background: radial-gradient(circle, rgba(36, 163, 221, 0.1) 0%, rgba(255,255,255,0) 70%);\n            border-radius: 50%;\n            top: -200px; left: -200px;\n            animation: pulse-bg 10s infinite alternate;\n            z-index: 0;\n        }\n        @keyframes pulse-bg { 0% { transform: scale(1); } 100% { transform: scale(1.2); } }\n\n        \/* \u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0631\u0626\u064a\u0633\u064a *\/\n        .qs-header {\n            text-align: center;\n            margin-bottom: 60px;\n            position: relative;\n            z-index: 2;\n        }\n        .qs-header h2 {\n            font-size: 3rem;\n            color: var(--qs-dark);\n            font-weight: 800;\n            margin: 0;\n            position: relative;\n            display: inline-block;\n        }\n        \/* \u062e\u0637 \u0645\u062a\u062d\u0631\u0643 \u062a\u062d\u062a \u0627\u0644\u0639\u0646\u0648\u0627\u0646 *\/\n        .qs-header h2::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            right: 0;\n            width: 0%;\n            height: 5px;\n            background: var(--qs-gold);\n            border-radius: 5px;\n            animation: line-slide 2s cubic-bezier(0.22, 0.61, 0.36, 1) forwards;\n            animation-delay: 0.5s;\n        }\n        @keyframes line-slide { to { width: 100%; } }\n\n        \/* \u062d\u0627\u0648\u064a\u0629 \u0627\u0644\u0628\u0637\u0627\u0642\u0627\u062a \u0627\u0644\u0645\u062a\u0645\u062f\u062f\u0629 *\/\n        .qs-cards-container {\n            display: flex;\n            gap: 15px;\n            height: 500px; \/* \u0627\u0631\u062a\u0641\u0627\u0639 \u0627\u0644\u0642\u0633\u0645 *\/\n            max-width: 1200px;\n            margin: 0 auto;\n            position: relative;\n            z-index: 2;\n        }\n\n        \/* \u0627\u0644\u0628\u0637\u0627\u0642\u0629 \u0627\u0644\u0641\u0631\u062f\u064a\u0629 *\/\n        .qs-card {\n            flex: 1; \/* \u0627\u0644\u062d\u062c\u0645 \u0627\u0644\u0627\u0641\u062a\u0631\u0627\u0636\u064a \u0645\u062a\u0633\u0627\u0648\u064a *\/\n            position: relative;\n            border-radius: 25px;\n            overflow: hidden;\n            cursor: pointer;\n            transition: all 0.7s cubic-bezier(0.25, 0.8, 0.25, 1);\n            background-size: cover;\n            background-position: center;\n            box-shadow: 0 10px 20px rgba(0,0,0,0.1);\n            display: flex;\n            flex-direction: column;\n            justify-content: flex-end;\n            padding: 20px;\n            background: linear-gradient(135deg, var(--qs-dark) 0%, #154375 100%);\n        }\n\n        \/* \u062a\u0644\u0648\u064a\u0646 \u0627\u0644\u0628\u0637\u0627\u0642\u0627\u062a *\/\n        .qs-card:nth-child(even) { background: linear-gradient(135deg, var(--qs-light) 0%, var(--qs-dark) 100%); }\n        .qs-card:nth-child(odd) { background: linear-gradient(135deg, var(--qs-dark) 0%, #0d2a4a 100%); }\n\n        \/* \u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u062a\u062d\u0648\u064a\u0645 (\u0627\u0644\u062a\u0645\u062f\u062f) *\/\n        .qs-card:hover {\n            flex: 3.5; \/* \u062a\u0643\u0628\u064a\u0631 \u0627\u0644\u0628\u0637\u0627\u0642\u0629 \u0639\u0646\u062f \u0627\u0644\u062a\u062d\u0648\u064a\u0645 *\/\n        }\n        \n        \/* \u062c\u0639\u0644 \u0627\u0644\u0628\u0637\u0627\u0642\u0627\u062a \u063a\u064a\u0631 \u0627\u0644\u0645\u062d\u0648\u0645\u0629 \u0628\u0627\u0647\u062a\u0629 \u0642\u0644\u064a\u0644\u0627\u064b \u0644\u0644\u062a\u0631\u0643\u064a\u0632 *\/\n        .qs-cards-container:hover .qs-card:not(:hover) {\n            filter: grayscale(0.6) brightness(0.8);\n        }\n\n        \/* \u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0628\u0637\u0627\u0642\u0629 *\/\n        .qs-content {\n            position: relative;\n            z-index: 2;\n            color: #fff;\n            transition: all 0.5s ease;\n            bottom: 20px;\n            white-space: nowrap; \/* \u0645\u0646\u0639 \u0627\u0644\u0646\u0635 \u0645\u0646 \u0627\u0644\u0627\u0644\u062a\u0641\u0627\u0641 \u0641\u064a \u0627\u0644\u0648\u0636\u0639 \u0627\u0644\u0636\u064a\u0642 *\/\n        }\n\n        \/* \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0629 \u0648\u0627\u0644\u0631\u0642\u0645 *\/\n        .qs-icon {\n            font-size: 2.5rem;\n            margin-bottom: 10px;\n            color: var(--qs-gold);\n            text-shadow: 0 2px 5px rgba(0,0,0,0.2);\n            transition: 0.5s;\n        }\n\n        \/* \u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u062f\u0627\u062e\u0644 \u0627\u0644\u0628\u0637\u0627\u0642\u0629 *\/\n        .qs-card h3 {\n            font-size: 1.5rem;\n            margin: 0;\n            font-weight: 700;\n            transform-origin: right bottom;\n            transition: 0.5s;\n        }\n        \n        \/* \u062a\u062f\u0648\u064a\u0631 \u0627\u0644\u0646\u0635 \u0639\u0646\u062f\u0645\u0627 \u062a\u0643\u0648\u0646 \u0627\u0644\u0628\u0637\u0627\u0642\u0629 \u0645\u063a\u0644\u0642\u0629 *\/\n        .qs-card:not(:hover) h3 {\n            font-size: 1.2rem;\n            opacity: 0.8;\n        }\n\n        \/* \u0627\u0644\u0642\u0627\u0626\u0645\u0629 \u0627\u0644\u062a\u0641\u0635\u064a\u0644\u064a\u0629 (\u0645\u062e\u0641\u064a\u0629 \u0627\u0641\u062a\u0631\u0627\u0636\u064a\u0627\u064b) *\/\n        .qs-details {\n            max-height: 0;\n            opacity: 0;\n            overflow: hidden;\n            transition: all 0.6s ease 0.1s; \/* \u062a\u0623\u062e\u064a\u0631 \u0628\u0633\u064a\u0637 *\/\n            margin-top: 10px;\n            border-top: 2px solid rgba(255, 244, 0, 0.3);\n            padding-top: 10px;\n        }\n\n        \/* \u0625\u0638\u0647\u0627\u0631 \u0627\u0644\u0642\u0627\u0626\u0645\u0629 \u0639\u0646\u062f \u0627\u0644\u062a\u062d\u0648\u064a\u0645 *\/\n        .qs-card:hover .qs-details {\n            max-height: 300px;\n            opacity: 1;\n            white-space: normal; \/* \u0627\u0644\u0633\u0645\u0627\u062d \u0628\u0627\u0644\u062a\u0641\u0627\u0641 \u0627\u0644\u0646\u0635 \u0639\u0646\u062f \u0627\u0644\u062a\u0648\u0633\u064a\u0639 *\/\n        }\n\n        .qs-details ul {\n            list-style: none;\n            padding: 0;\n            margin: 0;\n        }\n\n        .qs-details li {\n            padding: 5px 0;\n            font-size: 1rem;\n            position: relative;\n            padding-right: 20px;\n            opacity: 0;\n            transform: translateX(-20px);\n            transition: 0.5s;\n        }\n\n        .qs-details li::before {\n            content: '\u2666';\n            color: var(--qs-gold);\n            position: absolute;\n            right: 0;\n            top: 5px;\n            font-size: 0.8rem;\n        }\n\n        \/* \u062d\u0631\u0643\u0629 \u0638\u0647\u0648\u0631 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0639\u0646\u062f \u0627\u0644\u062a\u062d\u0648\u064a\u0645 *\/\n        .qs-card:hover li:nth-child(1) { opacity: 1; transform: translateX(0); transition-delay: 0.1s; }\n        .qs-card:hover li:nth-child(2) { opacity: 1; transform: translateX(0); transition-delay: 0.2s; }\n        .qs-card:hover li:nth-child(3) { opacity: 1; transform: translateX(0); transition-delay: 0.3s; }\n        .qs-card:hover li:nth-child(4) { opacity: 1; transform: translateX(0); transition-delay: 0.4s; }\n\n        \/* Responsive Design *\/\n        @media (max-width: 900px) {\n            .qs-cards-container {\n                flex-direction: column; \/* \u062a\u062d\u0648\u064a\u0644 \u0644\u0644\u0639\u0631\u0636 \u0627\u0644\u0639\u0645\u0648\u062f\u064a *\/\n                height: auto;\n            }\n            .qs-card {\n                flex: none; \/* \u0625\u0644\u063a\u0627\u0621 \u062e\u0627\u0635\u064a\u0629 \u0627\u0644\u0641\u0644\u064a\u0643\u0633 *\/\n                height: 80px; \/* \u0627\u0631\u062a\u0641\u0627\u0639 \u0635\u063a\u064a\u0631 \u0627\u0641\u062a\u0631\u0627\u0636\u064a *\/\n                transition: height 0.5s ease;\n                justify-content: center;\n            }\n            .qs-card:hover, .qs-card.active {\n                flex: none;\n                height: 350px; \/* \u062a\u0645\u062f\u062f \u0641\u064a \u0627\u0644\u0627\u0631\u062a\u0641\u0627\u0639 *\/\n                justify-content: flex-end;\n            }\n            .qs-card:hover .qs-details { opacity: 1; max-height: 500px; }\n            .qs-content { bottom: 0; }\n        }\n    <\/style>\n\n    <div class=\"qs-bg-anim\"><\/div>\n\n    <div class=\"qs-header\">\n        <h2>\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0634\u0631\u0643\u0629<\/h2>\n        <p style=\"color: #666; font-size: 1.1rem; margin-top: 10px;\">\u062d\u0644\u0648\u0644 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u062a\u064f\u062f\u064a\u0631 \u0623\u0639\u0645\u0627\u0644\u0643 \u0628\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629<\/p>\n    <\/div>\n\n    <div class=\"qs-cards-container\">\n        \n        <div class=\"qs-card\">\n            <div class=\"qs-content\">\n                <div class=\"qs-icon\">\ud83d\ude9a<\/div>\n                <h3>\u0627\u0644\u062a\u0648\u0632\u064a\u0639<\/h3>\n                <div class=\"qs-details\">\n                    <ul>\n                        <li>\u062a\u0648\u0632\u064a\u0639 \u0645\u0628\u0627\u0634\u0631 \u0625\u0644\u0649 \u062c\u0645\u064a\u0639 \u0646\u0642\u0627\u0637 \u0627\u0644\u0628\u064a\u0639<\/li>\n                        <li>\u062a\u063a\u0637\u064a\u0629 \u062c\u063a\u0631\u0627\u0641\u064a\u0629 \u0648\u0627\u0633\u0639\u0629 \u0648\u0634\u0627\u0645\u0644\u0629<\/li>\n                        <li>\u062c\u062f\u0648\u0644 \u062a\u0648\u0632\u064a\u0639 \u0645\u0646\u062a\u0638\u0645 \u0648\u062f\u0642\u064a\u0642<\/li>\n                        <li>\u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u062c\u0648\u062f\u0629 \u0648\u0633\u0644\u0627\u0645\u0629 \u0627\u0644\u0645\u0646\u062a\u062c<\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"qs-card\">\n            <div class=\"qs-content\">\n                <div class=\"qs-icon\">\ud83e\udd1d<\/div>\n                <h3>\u0627\u0644\u0648\u0643\u0627\u0644\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629<\/h3>\n                <div class=\"qs-details\">\n                    <ul>\n                        <li>\u062a\u0645\u062b\u064a\u0644 \u0627\u0644\u0639\u0644\u0627\u0645\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0639\u0627\u0644\u0645\u064a\u0627\u064b<\/li>\n                        <li>\u0625\u062f\u0627\u0631\u0629 \u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u0627\u0633\u062a\u064a\u0631\u0627\u062f \u0648\u0627\u0644\u062a\u062e\u0644\u064a\u0635<\/li>\n                        <li>\u062d\u0644\u0648\u0644 \u0627\u0644\u062a\u062e\u0632\u064a\u0646 \u0648\u0627\u0644\u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u0645\u062a\u0643\u0627\u0645\u0644\u0629<\/li>\n                        <li>\u0628\u0646\u0627\u0621 \u0647\u0648\u064a\u0629 \u0627\u0644\u0639\u0644\u0627\u0645\u0629 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0645\u062d\u0644\u064a\u0627\u064b<\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"qs-card\">\n            <div class=\"qs-content\">\n                <div class=\"qs-icon\">\u2744\ufe0f<\/div>\n                <h3>\u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a\u0627\u062a \u0648\u0627\u0644\u062a\u0628\u0631\u064a\u062f<\/h3>\n                <div class=\"qs-details\">\n                    <ul>\n                        <li>\u0623\u0633\u0637\u0648\u0644 \u0646\u0642\u0644 \u0645\u0628\u0631\u062f \u0648\u062d\u062f\u064a\u062b<\/li>\n                        <li>\u0645\u0633\u062a\u0648\u062f\u0639\u0627\u062a \u0645\u0628\u0631\u062f\u0629 \u0648\u062c\u0627\u0641\u0629<\/li>\n                        <li>\u0625\u062f\u0627\u0631\u0629 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0644\u0633\u0644\u0633\u0644\u0629 \u0627\u0644\u062a\u0628\u0631\u064a\u062f<\/li>\n                        <li>\u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645 \u0628\u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u0633\u0644\u0627\u0645\u0629 \u0627\u0644\u063a\u0630\u0627\u0626\u064a\u0629<\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"qs-card\">\n            <div class=\"qs-content\">\n                <div class=\"qs-icon\">\ud83d\udcc8<\/div>\n                <h3>\u0627\u0644\u0645\u0628\u064a\u0639\u0627\u062a \u0648\u0627\u0644\u062a\u0633\u0648\u064a\u0642<\/h3>\n                <div class=\"qs-details\">\n                    <ul>\n                        <li>\u0641\u0631\u0642 \u0645\u0628\u064a\u0639\u0627\u062a \u0645\u064a\u062f\u0627\u0646\u064a\u0629 \u0645\u062d\u062a\u0631\u0641\u0629<\/li>\n                        <li>\u062a\u0641\u0639\u064a\u0644 \u0648\u062a\u0646\u0634\u064a\u0637 \u0646\u0642\u0627\u0637 \u0627\u0644\u0628\u064a\u0639<\/li>\n                        <li>\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0639\u0631\u0648\u0636 \u0627\u0644\u062a\u0631\u0648\u064a\u062c\u064a\u0629<\/li>\n                        <li>\u062a\u062d\u0644\u064a\u0644 \u062f\u0642\u064a\u0642 \u0644\u0623\u062f\u0627\u0621 \u0627\u0644\u0633\u0648\u0642<\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"qs-card\">\n            <div class=\"qs-content\">\n                <div class=\"qs-icon\">\ud83c\udfa7<\/div>\n                <h3>\u062f\u0639\u0645 \u0627\u0644\u0634\u0631\u0643\u0627\u0621 \u0648\u0627\u0644\u0639\u0645\u0644\u0627\u0621<\/h3>\n                <div class=\"qs-details\">\n                    <ul>\n                        <li>\u062f\u0639\u0645 \u0641\u0646\u064a \u0648\u0644\u0648\u062c\u0633\u062a\u064a \u0645\u0627 \u0628\u0639\u062f \u0627\u0644\u0628\u064a\u0639<\/li>\n                        <li>\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0631\u062a\u062c\u0639\u0627\u062a \u0628\u0643\u0641\u0627\u0621\u0629<\/li>\n                        <li>\u0628\u0646\u0627\u0621 \u0639\u0644\u0627\u0642\u0627\u062a \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0637\u0648\u064a\u0644\u0629 \u0627\u0644\u0623\u0645\u062f<\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n        <\/div>\n\n    <\/div>\n\n    <script>\n        \/\/ \u0633\u0643\u0631\u064a\u0628\u062a \u0628\u0633\u064a\u0637 \u0644\u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u062a\u062c\u0631\u0628\u0629 \u0639\u0644\u0649 \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644\n        \/\/ \u0639\u0646\u062f \u0627\u0644\u0646\u0642\u0631 \u0639\u0644\u0649 \u0628\u0637\u0627\u0642\u0629 \u0641\u064a \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644\u060c \u062a\u063a\u0644\u0642 \u0627\u0644\u0628\u0627\u0642\u064a \u0648\u062a\u0641\u062a\u062d \u0627\u0644\u0645\u062e\u062a\u0627\u0631\u0629\n        document.addEventListener(\"DOMContentLoaded\", function() {\n            if (window.innerWidth <= 900) {\n                const cards = document.querySelectorAll('.qs-card');\n                cards.forEach(card => {\n                    card.addEventListener('click', () => {\n                        \/\/ \u0625\u0632\u0627\u0644\u0629 \u0627\u0644\u0643\u0644\u0627\u0633 \u0627\u0644\u0646\u0634\u0637 \u0645\u0646 \u0627\u0644\u062c\u0645\u064a\u0639\n                        cards.forEach(c => c.classList.remove('active'));\n                        \/\/ \u0625\u0636\u0627\u0641\u062a\u0647 \u0644\u0644\u0628\u0637\u0627\u0642\u0629 \u0627\u0644\u0645\u0646\u0642\u0648\u0631\u0629\n                        card.classList.add('active');\n                    });\n                });\n            }\n        });\n    <\/script>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section data-exad-particle-enable=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-6631817 ct-section-stretched elementor-section-full_width elementor-section-height-default elementor-section-height-default exad-parallax-effect-no exad-background-color-change-no exad-glass-effect-no exwb-magnet-no exad-sticky-section-no\" data-id=\"6631817\" data-element_type=\"section\" data-no-translation=\"\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b8fa06a exad-glass-effect-no exwb-magnet-no exad-sticky-section-no\" data-id=\"b8fa06a\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-33f2598 exwb-magnet-no exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-html\" data-id=\"33f2598\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"qirat-clean-wrapper\">\n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@300;600;800&display=swap');\n\n        .qirat-clean-wrapper {\n            \/* \u0623\u0644\u0648\u0627\u0646 \u0635\u0631\u064a\u062d\u0629 \u0628\u062f\u0648\u0646 \u062a\u062f\u0631\u062c\u0627\u062a *\/\n            --qc-blue: #2062a9;       \/* \u0623\u0632\u0631\u0642 \u0627\u0644\u0647\u0648\u064a\u0629 *\/\n            --qc-gold: #fff400;       \/* \u0623\u0635\u0641\u0631 \u0627\u0644\u0647\u0648\u064a\u0629 *\/\n            --qc-dark: #1a2a3a;       \/* \u0644\u0648\u0646 \u0627\u0644\u0646\u0635\u0648\u0635 *\/\n            --qc-gray: #f8f9fa;       \/* \u062e\u0644\u0641\u064a\u0629 \u0641\u0627\u062a\u062d\u0629 \u062c\u062f\u0627\u064b *\/\n            --qc-white: #ffffff;\n            \n            font-family: 'Cairo', sans-serif;\n            direction: rtl;\n            text-align: right;\n            background-color: var(--qc-gray);\n            padding: 80px 20px;\n            box-sizing: border-box;\n        }\n\n        .qirat-clean-wrapper * { box-sizing: border-box; transition: all 0.3s ease-in-out; }\n\n        \/* \u062d\u0627\u0648\u064a\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 *\/\n        .qc-container {\n            max-width: 1000px;\n            margin: 0 auto;\n            display: flex;\n            flex-direction: column;\n            gap: 20px;\n        }\n\n        \/* \u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0642\u0633\u0645 *\/\n        .qc-section-title {\n            text-align: center;\n            margin-bottom: 50px;\n        }\n        .qc-section-title h2 {\n            color: var(--qc-blue);\n            font-size: 2.2rem;\n            font-weight: 800;\n            margin: 0;\n            display: inline-block;\n            border-bottom: 4px solid var(--qc-gold);\n            padding-bottom: 10px;\n        }\n\n        \/* \u0627\u0644\u0628\u0637\u0627\u0642\u0629 (\u062a\u0635\u0645\u064a\u0645 \u0646\u0638\u064a\u0641) *\/\n        .qc-card {\n            background: var(--qc-white);\n            padding: 30px;\n            border-radius: 12px;\n            border-right: 6px solid var(--qc-blue); \/* \u0627\u0644\u062e\u0637 \u0627\u0644\u0623\u0632\u0631\u0642 \u0627\u0644\u062c\u0627\u0646\u0628\u064a *\/\n            box-shadow: 0 5px 15px rgba(0,0,0,0.03); \/* \u0638\u0644 \u062e\u0641\u064a\u0641 \u062c\u062f\u0627\u064b *\/\n            display: flex;\n            align-items: flex-start;\n            gap: 25px;\n            position: relative;\n            overflow: hidden;\n        }\n\n        \/* \u062d\u0631\u0643\u0629 \u0639\u0646\u062f \u0627\u0644\u062a\u062d\u0648\u064a\u0645: \u062a\u063a\u064a\u064a\u0631 \u0644\u0648\u0646 \u0627\u0644\u062e\u0637 \u0627\u0644\u062c\u0627\u0646\u0628\u064a + \u0631\u0641\u0639 \u0627\u0644\u0628\u0637\u0627\u0642\u0629 *\/\n        .qc-card:hover {\n            border-right-color: var(--qc-gold);\n            transform: translateY(-5px);\n            box-shadow: 0 15px 30px rgba(32, 98, 169, 0.1);\n        }\n\n        \/* \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0629 *\/\n        .qc-icon {\n            font-size: 2.5rem;\n            color: var(--qc-blue);\n            background: #eef4fa; \/* \u062e\u0644\u0641\u064a\u0629 \u0623\u064a\u0642\u0648\u0646\u0629 \u0641\u0627\u062a\u062d\u0629 \u062c\u062f\u0627\u064b *\/\n            min-width: 70px;\n            height: 70px;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        .qc-card:hover .qc-icon {\n            background: var(--qc-blue);\n            color: var(--qc-white);\n            transform: rotate(360deg); \/* \u062d\u0631\u0643\u0629 \u062f\u0648\u0631\u0627\u0646 \u0643\u0627\u0645\u0644\u0629 *\/\n        }\n\n        \/* \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0646\u0635\u064a *\/\n        .qc-content { width: 100%; }\n        \n        .qc-content h3 {\n            margin: 0 0 15px;\n            color: var(--qc-dark);\n            font-size: 1.4rem;\n            font-weight: 700;\n        }\n\n        \/* \u0627\u0644\u0642\u0627\u0626\u0645\u0629 \u0627\u0644\u0646\u0642\u0637\u064a\u0629 *\/\n        .qc-list {\n            list-style: none;\n            padding: 0;\n            margin: 0;\n            display: flex;\n            flex-wrap: wrap;\n            gap: 15px;\n        }\n\n        .qc-list li {\n            background: #fcfcfc;\n            border: 1px solid #eee;\n            padding: 8px 15px;\n            border-radius: 6px;\n            font-size: 0.95rem;\n            color: #555;\n            display: flex;\n            align-items: center;\n        }\n\n        \/* \u0646\u0642\u0637\u0629 \u0635\u0641\u0631\u0627\u0621 \u0635\u063a\u064a\u0631\u0629 *\/\n        .qc-list li::before {\n            content: '';\n            width: 8px; height: 8px;\n            background: var(--qc-gold);\n            border-radius: 50%;\n            margin-left: 10px;\n        }\n        \n        .qc-card:hover .qc-list li {\n            border-color: #dbeafe; \/* \u062a\u0644\u0645\u064a\u062d \u0623\u0632\u0631\u0642 \u062e\u0641\u064a\u0641 \u062c\u062f\u0627\u064b \u0639\u0646\u062f \u0627\u0644\u062a\u062d\u0648\u064a\u0645 *\/\n            background: #fff;\n        }\n\n        \/* \u0642\u0633\u0645 \u0627\u0644\u0645\u0633\u0624\u0648\u0644\u064a\u0629 \u0627\u0644\u0645\u0624\u0633\u0633\u064a\u0629 (\u062a\u0635\u0645\u064a\u0645 \u0645\u0645\u064a\u0632 \u0641\u064a \u0627\u0644\u0623\u0633\u0641\u0644) *\/\n        .qc-responsibility {\n            margin-top: 40px;\n            background: var(--qc-white);\n            border: 2px dashed var(--qc-blue); \/* \u0625\u0637\u0627\u0631 \u0645\u062a\u0642\u0637\u0639 *\/\n            border-radius: 15px;\n            padding: 40px;\n            text-align: center;\n            position: relative;\n        }\n\n        .qc-responsibility:hover {\n            background: #fdfdfd;\n            border-color: var(--qc-gold);\n            border-style: solid; \/* \u064a\u062a\u062d\u0648\u0644 \u0644\u062e\u0637 \u0645\u062a\u0635\u0644 \u0639\u0646\u062f \u0627\u0644\u062a\u062d\u0648\u064a\u0645 *\/\n        }\n\n        .qc-resp-icon {\n            font-size: 3rem;\n            color: var(--qc-gold);\n            margin-bottom: 15px;\n            display: inline-block;\n        }\n        \n        .qc-responsibility h3 {\n            color: var(--qc-blue);\n            font-size: 1.6rem;\n            margin-bottom: 15px;\n        }\n\n        .qc-responsibility p {\n            color: #666;\n            font-size: 1.1rem;\n            line-height: 1.7;\n            max-width: 800px;\n            margin: 0 auto;\n        }\n\n        \/* \u0627\u0644\u062a\u062c\u0627\u0648\u0628 (Responsive) *\/\n        @media (max-width: 768px) {\n            .qc-card { flex-direction: column; text-align: center; align-items: center; padding: 25px; border-right: none; border-top: 6px solid var(--qc-blue); }\n            .qc-card:hover { border-top-color: var(--qc-gold); }\n            .qc-list { justify-content: center; }\n        }\n    <\/style>\n\n    <div class=\"qc-container\">\n        \n        <div class=\"qc-section-title\">\n            <h2>\u0627\u0644\u0642\u062f\u0631\u0627\u062a \u0627\u0644\u062a\u0634\u063a\u064a\u0644\u064a\u0629 \u0648\u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645<\/h2>\n        <\/div>\n\n        <div class=\"qc-card\">\n            <div class=\"qc-icon\">\ud83e\udd1d<\/div>\n            <div class=\"qc-content\">\n                <h3>\u062e\u062f\u0645\u0629 \u0627\u0644\u0634\u0631\u0643\u0627\u0621 \u0648\u0627\u0644\u0639\u0645\u0644\u0627\u0621<\/h3>\n                <ul class=\"qc-list\">\n                    <li>\u062f\u0639\u0645 \u0645\u0627 \u0628\u0639\u062f \u0627\u0644\u062a\u0648\u0632\u064a\u0639<\/li>\n                    <li>\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0631\u062a\u062c\u0639\u0627\u062a<\/li>\n                    <li>\u0628\u0646\u0627\u0621 \u0639\u0644\u0627\u0642\u0627\u062a \u0637\u0648\u064a\u0644\u0629 \u0627\u0644\u0623\u0645\u062f<\/li>\n                <\/ul>\n            <\/div>\n        <\/div>\n\n        <div class=\"qc-card\">\n            <div class=\"qc-icon\">\ud83c\udfd7\ufe0f<\/div>\n            <div class=\"qc-content\">\n                <h3>\u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u062a\u062d\u062a\u064a\u0629 \u0648\u0627\u0644\u0642\u062f\u0631\u0627\u062a \u0627\u0644\u062a\u0634\u063a\u064a\u0644\u064a\u0629<\/h3>\n                <ul class=\"qc-list\">\n                    <li>\u0645\u0633\u062a\u0648\u062f\u0639\u0627\u062a \u0645\u062c\u0647\u0632\u0629<\/li>\n                    <li>\u0623\u0646\u0638\u0645\u0629 \u0625\u062f\u0627\u0631\u0629 \u0645\u062e\u0632\u0648\u0646 \u062d\u062f\u064a\u062b\u0629<\/li>\n                    <li>\u0643\u0648\u0627\u062f\u0631 \u0645\u0624\u0647\u0644\u0629<\/li>\n                    <li>\u0628\u0646\u064a\u0629 \u0644\u0648\u062c\u0633\u062a\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629<\/li>\n                <\/ul>\n            <\/div>\n        <\/div>\n\n        <div class=\"qc-card\">\n            <div class=\"qc-icon\">\ud83d\udee1\ufe0f<\/div>\n            <div class=\"qc-content\">\n                <h3>\u0627\u0644\u062c\u0648\u062f\u0629 \u0648\u0627\u0644\u0627\u0645\u062a\u062b\u0627\u0644<\/h3>\n                <ul class=\"qc-list\">\n                    <li>\u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645 \u0628\u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u062c\u0648\u062f\u0629<\/li>\n                    <li>\u0623\u0646\u0638\u0645\u0629 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u062c\u0648\u062f\u0629<\/li>\n                    <li>\u0636\u0645\u0627\u0646 \u0633\u0644\u0627\u0645\u0629 \u0627\u0644\u063a\u0630\u0627\u0621<\/li>\n                    <li>\u0627\u0644\u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u0645\u0633\u062a\u0645\u0631<\/li>\n                <\/ul>\n            <\/div>\n        <\/div>\n\n        <div class=\"qc-responsibility\">\n            <div class=\"qc-resp-icon\">\ud83c\udf31<\/div>\n            <h3>\u0627\u0644\u0645\u0633\u0624\u0648\u0644\u064a\u0629 \u0627\u0644\u0645\u0624\u0633\u0633\u064a\u0629<\/h3>\n            <p>\n                \u062a\u0644\u062a\u0632\u0645 \u0634\u0631\u0643\u0629 \u0642\u064a\u0631\u0627\u0637 \u0627\u0644\u0645\u0627\u0633 \u0628\u062f\u0648\u0631\u0647\u0627 \u0641\u064a \u062f\u0639\u0645 \u0627\u0644\u0633\u0648\u0642 \u0627\u0644\u0645\u062d\u0644\u064a\u060c \u0648\u062a\u0648\u0641\u064a\u0631 \u0641\u0631\u0635 \u0627\u0644\u0639\u0645\u0644\u060c \u0648\u0627\u0644\u0645\u0633\u0627\u0647\u0645\u0629 \u0641\u064a \u0627\u0633\u062a\u0642\u0631\u0627\u0631 \u0633\u0644\u0633\u0644\u0629 \u0627\u0644\u0625\u0645\u062f\u0627\u062f \u0627\u0644\u063a\u0630\u0627\u0626\u064a.\n            <\/p>\n        <\/div>\n\n    <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"exad-section-particles-37dc9b5 elementor-section elementor-top-section elementor-element elementor-element-37dc9b5 ct-section-stretched elementor-section-full_width elementor-section-height-default elementor-section-height-default exad-parallax-effect-no exad-background-color-change-no exad-glass-effect-no exwb-magnet-no exad-sticky-section-no\" data-exad-particle-enable=\"true\" data-exad-particle-color=\"#EAF027\" data-exad-particle-number=\"40\" data-exad-theme-source=\"presets\" data-exad-preset-theme=\"nasa\" data-exad-custom-style=\"\" data-exad-line-link-color=\"#F6EA00\" data-exad-line-link-distance=\"300\" data-exad-particle-size=\"5\" data-exad-particle-move-direction=\"none\" data-exad-particle-move-speed=\"5\" data-exad-particle-interactivity-enable-hover=\"1\" data-exad-particle-interactivity-enable-click=\"1\" data-exad-particle-interactivity-hover-mode=\"repulse\" data-exad-particle-interactivity-click-mode=\"repulse\" data-id=\"37dc9b5\" data-element_type=\"section\" data-no-translation=\"\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-abec9a9 exad-glass-effect-no exwb-magnet-no exad-sticky-section-no\" data-id=\"abec9a9\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-765b496 exwb-magnet-no exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-html\" data-id=\"765b496\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"qirat-clean-en-wrapper\">\n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;600;800&display=swap');\n\n        .qirat-clean-en-wrapper {\n            \/* Solid Colors - No Gradients *\/\n            --qc-blue: #2062a9;       \/* Brand Blue *\/\n            --qc-gold: #fff400;       \/* Brand Yellow *\/\n            --qc-dark: #1a2a3a;       \/* Text Color *\/\n            --qc-gray: #f8f9fa;       \/* Light Background *\/\n            --qc-white: #ffffff;\n            \n            font-family: 'Montserrat', sans-serif;\n            direction: ltr; \/* Left to Right *\/\n            text-align: left; \/* Align Left *\/\n            background-color: var(--qc-gray);\n            padding: 80px 20px;\n            box-sizing: border-box;\n        }\n\n        .qirat-clean-en-wrapper * { box-sizing: border-box; transition: all 0.3s ease-in-out; }\n\n        \/* Container *\/\n        .qc-container {\n            max-width: 1000px;\n            margin: 0 auto;\n            display: flex;\n            flex-direction: column;\n            gap: 20px;\n        }\n\n        \/* Section Title *\/\n        .qc-section-title {\n            text-align: center;\n            margin-bottom: 50px;\n        }\n        .qc-section-title h2 {\n            color: var(--qc-blue);\n            font-size: 2.2rem;\n            font-weight: 800;\n            margin: 0;\n            display: inline-block;\n            border-bottom: 4px solid var(--qc-gold);\n            padding-bottom: 10px;\n            text-transform: uppercase;\n        }\n\n        \/* Card Design *\/\n        .qc-card {\n            background: var(--qc-white);\n            padding: 30px;\n            border-radius: 12px;\n            border-left: 6px solid var(--qc-blue); \/* Left Border for English *\/\n            box-shadow: 0 5px 15px rgba(0,0,0,0.03);\n            display: flex;\n            align-items: flex-start;\n            gap: 25px;\n            position: relative;\n            overflow: hidden;\n        }\n\n        \/* Hover Effect: Change border color + Lift *\/\n        .qc-card:hover {\n            border-left-color: var(--qc-gold);\n            transform: translateY(-5px);\n            box-shadow: 0 15px 30px rgba(32, 98, 169, 0.1);\n        }\n\n        \/* Icon *\/\n        .qc-icon {\n            font-size: 2.5rem;\n            color: var(--qc-blue);\n            background: #eef4fa;\n            min-width: 70px;\n            height: 70px;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        .qc-card:hover .qc-icon {\n            background: var(--qc-blue);\n            color: var(--qc-white);\n            transform: rotate(360deg); \/* Full rotation *\/\n        }\n\n        \/* Content Text *\/\n        .qc-content { width: 100%; }\n        \n        .qc-content h3 {\n            margin: 0 0 15px;\n            color: var(--qc-dark);\n            font-size: 1.3rem;\n            font-weight: 700;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n        }\n\n        \/* List *\/\n        .qc-list {\n            list-style: none;\n            padding: 0;\n            margin: 0;\n            display: flex;\n            flex-wrap: wrap;\n            gap: 15px;\n        }\n\n        .qc-list li {\n            background: #fcfcfc;\n            border: 1px solid #eee;\n            padding: 8px 15px;\n            border-radius: 6px;\n            font-size: 0.9rem;\n            color: #555;\n            display: flex;\n            align-items: center;\n        }\n\n        \/* Small Yellow Dot (Left side) *\/\n        .qc-list li::before {\n            content: '';\n            width: 8px; height: 8px;\n            background: var(--qc-gold);\n            border-radius: 50%;\n            margin-right: 10px; \/* Margin Right for English *\/\n        }\n        \n        .qc-card:hover .qc-list li {\n            border-color: #dbeafe;\n            background: #fff;\n        }\n\n        \/* Corporate Responsibility Section *\/\n        .qc-responsibility {\n            margin-top: 40px;\n            background: var(--qc-white);\n            border: 2px dashed var(--qc-blue);\n            border-radius: 15px;\n            padding: 40px;\n            text-align: center;\n            position: relative;\n        }\n\n        .qc-responsibility:hover {\n            background: #fdfdfd;\n            border-color: var(--qc-gold);\n            border-style: solid;\n        }\n\n        .qc-resp-icon {\n            font-size: 3rem;\n            color: var(--qc-gold);\n            margin-bottom: 15px;\n            display: inline-block;\n        }\n        \n        .qc-responsibility h3 {\n            color: var(--qc-blue);\n            font-size: 1.6rem;\n            margin-bottom: 15px;\n            text-transform: uppercase;\n            font-weight: 700;\n        }\n\n        .qc-responsibility p {\n            color: #666;\n            font-size: 1.1rem;\n            line-height: 1.7;\n            max-width: 800px;\n            margin: 0 auto;\n        }\n\n        \/* Responsive *\/\n        @media (max-width: 768px) {\n            .qc-card { flex-direction: column; text-align: center; align-items: center; padding: 25px; border-left: none; border-top: 6px solid var(--qc-blue); }\n            .qc-card:hover { border-top-color: var(--qc-gold); }\n            .qc-list { justify-content: center; }\n        }\n    <\/style>\n\n    <div class=\"qc-container\">\n        \n        <div class=\"qc-section-title\">\n            <h2>Operational Capabilities & Compliance<\/h2>\n        <\/div>\n\n        <div class=\"qc-card\">\n            <div class=\"qc-icon\">\ud83e\udd1d<\/div>\n            <div class=\"qc-content\">\n                <h3>Partner & Customer Support<\/h3>\n                <ul class=\"qc-list\">\n                    <li>After-sales support<\/li>\n                    <li>Returns management<\/li>\n                    <li>Long-term relationship building<\/li>\n                <\/ul>\n            <\/div>\n        <\/div>\n\n        <div class=\"qc-card\">\n            <div class=\"qc-icon\">\ud83c\udfd7\ufe0f<\/div>\n            <div class=\"qc-content\">\n                <h3>Infrastructure & Capabilities<\/h3>\n                <ul class=\"qc-list\">\n                    <li>Equipped warehouses<\/li>\n                    <li>Modern inventory systems<\/li>\n                    <li>Qualified staff<\/li>\n                    <li>Integrated logistics network<\/li>\n                <\/ul>\n            <\/div>\n        <\/div>\n\n        <div class=\"qc-card\">\n            <div class=\"qc-icon\">\ud83d\udee1\ufe0f<\/div>\n            <div class=\"qc-content\">\n                <h3>Quality & Compliance<\/h3>\n                <ul class=\"qc-list\">\n                    <li>Commitment to quality standards<\/li>\n                    <li>Quality management systems<\/li>\n                    <li>Food safety assurance<\/li>\n                    <li>Continuous improvement<\/li>\n                <\/ul>\n            <\/div>\n        <\/div>\n\n        <div class=\"qc-responsibility\">\n            <div class=\"qc-resp-icon\">\ud83c\udf31<\/div>\n            <h3>Corporate Responsibility<\/h3>\n            <p>\n                Qirat Al-Mas is committed to supporting the local market, providing employment opportunities, and contributing to the stability of the food supply chain.\n            <\/p>\n        <\/div>\n\n    <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-522dd88e elementor-hidden-phone exwb-magnet-no exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-exad-blob-maker\" data-id=\"522dd88e\" data-element_type=\"widget\" data-widget_type=\"exad-blob-maker.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t    <div class=\"exad-blob-maker no\">\n\t\t\t\t\t\t\t<div class=\"exad-blob-shape exad-blob-shape-current-position-yes elementor-repeater-item-2e0a855\" id=\"exad-blob-2e0a855\" data-id=\"2e0a855\" data-translate_x_from=\"-10\" data-translate_x_to=\"20\" data-rotate_z=\"-14\" data-translate_x_duration=\"2000\" >\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"350\" height=\"350\" src=\"https:\/\/qeratalmas.ajlan.group\/wp-content\/uploads\/2025\/12\/sparkling-cut-diamond-illustration-with-transparent-background-png.png\" class=\"attachment-large size-large wp-image-1844\" alt=\"\" srcset=\"https:\/\/qeratalmas.ajlan.group\/wp-content\/uploads\/2025\/12\/sparkling-cut-diamond-illustration-with-transparent-background-png.png 350w, https:\/\/qeratalmas.ajlan.group\/wp-content\/uploads\/2025\/12\/sparkling-cut-diamond-illustration-with-transparent-background-png-300x300.png 300w, https:\/\/qeratalmas.ajlan.group\/wp-content\/uploads\/2025\/12\/sparkling-cut-diamond-illustration-with-transparent-background-png-150x150.png 150w, https:\/\/qeratalmas.ajlan.group\/wp-content\/uploads\/2025\/12\/sparkling-cut-diamond-illustration-with-transparent-background-png-100x100.png 100w\" sizes=\"(max-width: 350px) 100vw, 350px\" \/>\t\t\t\t<\/div>\n\t\t\t\t    <\/div>\n\n    \t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c8af81e exwb-magnet-no exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-html\" data-id=\"c8af81e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"qirat-final-ar-wrapper\">\n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@300;600;800&display=swap');\n\n        .qirat-final-ar-wrapper {\n            --qf-dark: #0f2c4c;  \/* \u062e\u0644\u0641\u064a\u0629 \u0643\u062d\u0644\u064a\u0629 \u0639\u0645\u064a\u0642\u0629 *\/\n            --qf-gold: #fff400;  \/* \u0625\u0636\u0627\u0621\u0629 \u0630\u0647\u0628\u064a\u0629 *\/\n            --qf-blue: #24a3dd;  \/* \u0625\u0636\u0627\u0621\u0629 \u0632\u0631\u0642\u0627\u0621 *\/\n            --qf-text: #ffffff;\n            \n            font-family: 'Cairo', sans-serif;\n            direction: rtl;\n            text-align: center;\n            background-color: var(--qf-dark);\n            padding: 100px 20px;\n            position: relative;\n            overflow: hidden;\n            color: var(--qf-text);\n            \/* \u0632\u062e\u0631\u0641\u0629 \u062e\u0644\u0641\u064a\u0629 \u0646\u0627\u0639\u0645\u0629 *\/\n            background-image: radial-gradient(circle at 10% 20%, rgba(36, 163, 221, 0.1) 0%, transparent 20%),\n                              radial-gradient(circle at 90% 80%, rgba(255, 244, 0, 0.05) 0%, transparent 20%);\n        }\n\n        \/* \u0627\u0644\u062c\u0632\u064a\u0626\u0627\u062a \u0627\u0644\u0639\u0627\u0626\u0645\u0629 \u0641\u064a \u0627\u0644\u062e\u0644\u0641\u064a\u0629 *\/\n        .qf-orb {\n            position: absolute;\n            border-radius: 50%;\n            filter: blur(40px);\n            opacity: 0.6;\n            animation: floatOrb 10s infinite ease-in-out alternate;\n            z-index: 1;\n        }\n        .qf-orb-1 { width: 200px; height: 200px; background: var(--qf-blue); top: -50px; left: -50px; animation-duration: 12s; }\n        .qf-orb-2 { width: 150px; height: 150px; background: var(--qf-gold); bottom: -30px; right: -30px; animation-duration: 9s; opacity: 0.4; }\n\n        @keyframes floatOrb {\n            0% { transform: translate(0, 0); }\n            100% { transform: translate(30px, 50px); }\n        }\n\n        \/* \u062d\u0627\u0648\u064a\u0629 \u0627\u0644\u0646\u0635 \u0627\u0644\u0632\u062c\u0627\u062c\u064a\u0629 *\/\n        .qf-glass-card {\n            position: relative;\n            z-index: 2;\n            max-width: 850px;\n            margin: 0 auto;\n            background: rgba(255, 255, 255, 0.05); \/* \u0634\u0641\u0627\u0641\u064a\u0629 \u0639\u0627\u0644\u064a\u0629 *\/\n            backdrop-filter: blur(10px); \/* \u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u0636\u0628\u0627\u0628 *\/\n            padding: 60px 40px;\n            border-radius: 30px;\n            border: 1px solid rgba(255, 255, 255, 0.1); \/* \u062d\u062f\u0648\u062f \u062e\u0641\u064a\u0641\u0629 \u062c\u062f\u0627\u064b *\/\n            box-shadow: 0 25px 50px rgba(0,0,0,0.3);\n            transition: transform 0.5s ease;\n        }\n\n        .qf-glass-card:hover {\n            transform: scale(1.02);\n            background: rgba(255, 255, 255, 0.08);\n            border-color: rgba(255, 255, 255, 0.2);\n        }\n\n        \/* \u0627\u0644\u0639\u0646\u0648\u0627\u0646 *\/\n        .qf-glass-card h2 {\n            font-size: 3rem;\n            margin: 0 0 30px;\n            font-weight: 800;\n            background: linear-gradient(45deg, #fff, var(--qf-gold));\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            display: inline-block;\n        }\n\n        \/* \u0627\u0644\u0646\u0635 *\/\n        .qf-glass-card p {\n            font-size: 1.3rem;\n            line-height: 1.8;\n            color: rgba(255, 255, 255, 0.9);\n            margin: 0;\n            font-weight: 300;\n        }\n\n        \/* \u0639\u0644\u0627\u0645\u0629 \u0627\u0642\u062a\u0628\u0627\u0633 \u062c\u0645\u0627\u0644\u064a\u0629 *\/\n        .qf-quote-icon {\n            font-size: 4rem;\n            color: var(--qf-gold);\n            opacity: 0.2;\n            position: absolute;\n            top: 20px;\n            right: 30px;\n            font-family: serif;\n        }\n\n        \/* \u062e\u0637 \u062c\u0645\u0627\u0644\u064a \u0623\u0633\u0641\u0644 \u0627\u0644\u0628\u0637\u0627\u0642\u0629 *\/\n        .qf-line {\n            width: 60px;\n            height: 4px;\n            background: var(--qf-gold);\n            margin: 30px auto 0;\n            border-radius: 2px;\n            box-shadow: 0 0 10px var(--qf-gold);\n        }\n\n        @media (max-width: 768px) {\n            .qf-glass-card h2 { font-size: 2.2rem; }\n            .qf-glass-card p { font-size: 1.1rem; }\n            .qf-glass-card { padding: 40px 20px; }\n        }\n    <\/style>\n\n    <div class=\"qf-orb qf-orb-1\"><\/div>\n    <div class=\"qf-orb qf-orb-2\"><\/div>\n\n    <div class=\"qf-glass-card\">\n        <div class=\"qf-quote-icon\">\u275d<\/div>\n        <h2>\u0627\u0644\u062e\u0627\u062a\u0645\u0629<\/h2>\n        <p>\n            \u062a\u0645\u062b\u0644 \u0634\u0631\u0643\u0629 \u0642\u064a\u0631\u0627\u0637 \u0627\u0644\u0645\u0627\u0633 \u0646\u0645\u0648\u0630\u062c\u0627\u064b \u0645\u062a\u0643\u0627\u0645\u0644\u0627\u064b \u0644\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u062d\u062f\u064a\u062b\u0629 \u0641\u064a \u0627\u0644\u0639\u0631\u0627\u0642. \u0628\u0641\u0636\u0644 \u062e\u0628\u0631\u062a\u0646\u0627 \u0627\u0644\u0639\u0645\u064a\u0642\u0629\u060c \u0648\u062a\u0646\u0648\u0639 \u0645\u062d\u0641\u0638\u062a\u0646\u0627\u060c \u0648\u0634\u0631\u0627\u0643\u0627\u062a\u0646\u0627 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0645\u0639 \u0643\u0628\u0631\u0649 \u0627\u0644\u0639\u0644\u0627\u0645\u0627\u062a \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629\u060c \u0646\u062d\u0646 \u0627\u0644\u064a\u0648\u0645 \u0627\u0644\u0634\u0631\u064a\u0643 \u0627\u0644\u0645\u0648\u062b\u0648\u0642 \u0627\u0644\u0642\u0627\u062f\u0631 \u0639\u0644\u0649 \u0635\u0646\u0639 \u0645\u0633\u062a\u0642\u0628\u0644 \u0645\u0633\u062a\u062f\u0627\u0645.\n        <\/p>\n        <div class=\"qf-line\"><\/div>\n    <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t            <style>\n                .elementor-element-37dc9b5.exad-particles-section > canvas{\n                    z-index: 0;\n                    position: absolute;\n                    top:0;\n                }\n            <\/style>\n                        <style>\n                .elementor-element-6c8b285.exad-particles-section > canvas{\n                    z-index: 0;\n                    position: absolute;\n                    top:0;\n                }\n            <\/style>\n            \t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Welcome To Qirat Al-Mas for General Trading &amp; Commercial Agencies Ltd Qirat Al-Mas is one of Iraq&#8217;s leading companies in the distribution of consumer goods and management of commercial agencies. Over years of experience, the company has built an integrated operational system that efficiently serves the Iraqi market and connects global and regional brands with [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1642","page","type-page","status-publish","hentry"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6},"has_hero_section":"disabled","vertical_spacing_source":"custom","content_area_spacing":"none"},"_links":{"self":[{"href":"https:\/\/qeratalmas.ajlan.group\/ar\/wp-json\/wp\/v2\/pages\/1642","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/qeratalmas.ajlan.group\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/qeratalmas.ajlan.group\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/qeratalmas.ajlan.group\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/qeratalmas.ajlan.group\/ar\/wp-json\/wp\/v2\/comments?post=1642"}],"version-history":[{"count":246,"href":"https:\/\/qeratalmas.ajlan.group\/ar\/wp-json\/wp\/v2\/pages\/1642\/revisions"}],"predecessor-version":[{"id":2067,"href":"https:\/\/qeratalmas.ajlan.group\/ar\/wp-json\/wp\/v2\/pages\/1642\/revisions\/2067"}],"wp:attachment":[{"href":"https:\/\/qeratalmas.ajlan.group\/ar\/wp-json\/wp\/v2\/media?parent=1642"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}