{"id":7116,"date":"2023-05-02T08:26:00","date_gmt":"2023-05-02T08:26:00","guid":{"rendered":"https:\/\/numerique.vamtam.com\/?page_id=7116"},"modified":"2026-01-13T14:32:41","modified_gmt":"2026-01-13T14:32:41","slug":"marie-cross","status":"publish","type":"page","link":"https:\/\/winwin-press.com\/?page_id=7116","title":{"rendered":"\u0627\u0646\u062a\u0627\u062c \u0627\u0639\u0644\u0627\u0645\u064a"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7116\" class=\"elementor elementor-7116\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5538992 e-flex e-con-boxed e-con e-parent\" data-id=\"5538992\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f5b235f e-flex e-con-boxed e-con e-parent\" data-id=\"f5b235f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-25a6f84 elementor-widget elementor-widget-html\" data-id=\"25a6f84\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700;800;900&display=swap\" rel=\"stylesheet\">\n\n<style>\n    \/* 1. \u0627\u0644\u0623\u0646\u064a\u0645\u064a\u0634\u0646 \u0648\u0627\u0644\u062c\u0645\u0627\u0644\u064a\u0627\u062a \u0627\u0644\u0628\u0635\u0631\u064a\u0629 *\/\n    @keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }\n    @keyframes floatEffect { 0%, 100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-15px) rotate(1deg); } }\n    @keyframes glassShine { 100% { left: 150%; } }\n\n    .ww-production-section {\n        direction: rtl; font-family: 'Tajawal', sans-serif !important;\n        background: transparent !important; padding: 80px 20px;\n        animation: fadeInUp 1s ease-out; box-sizing: border-box;\n    }\n\n    .ww-production-section .ww-container {\n        max-width: 1100px; margin: 0 auto; display: flex; align-items: center; gap: 60px;\n    }\n\n    .ww-production-text { flex: 1.2; }\n\n    .ww-production-section .ww-badge {\n        display: inline-block; color: #6c5ce7; font-size: 14px; font-weight: 800;\n        margin-bottom: 15px; padding-right: 15px; border-right: 4px solid #6c5ce7;\n    }\n\n    .ww-production-section .ww-title {\n        font-weight: 900; font-size: 34px; line-height: 1.4; color: #2d3436;\n        margin-bottom: 25px; text-align: right;\n    }\n\n    .ww-production-section .ww-title span { color: #6c5ce7; }\n\n    .ww-production-section .ww-content-text {\n        font-size: 18px; line-height: 1.9; color: #4a4a4a; margin-bottom: 25px;\n        text-align: justify; text-justify: inter-word;\n    }\n\n    .ww-production-section .ww-highlight-box {\n        background-color: #f6f5ff; padding: 30px; border-radius: 20px;\n        color: #333; font-weight: 500; border-right: 6px solid #6c5ce7;\n        font-size: 17px; line-height: 1.8; text-align: justify; margin-bottom: 40px;\n    }\n\n    \/* 2. \u0645\u0646\u0637\u0642\u0629 \u0627\u0644\u0645\u064a\u062f\u064a\u0627 \u0627\u0644\u0645\u062d\u062f\u062b\u0629 (\u062a\u0623\u062b\u064a\u0631\u0627\u062a \u0643\u0633\u0645 \u0627\u0644\u0635\u0648\u0631\u0629) *\/\n    .ww-production-media { \n        flex: 1; \n        position: relative; \n        z-index: 1;\n        animation: floatEffect 6s ease-in-out infinite; \n    }\n\n    \/* \u0627\u0644\u062a\u0648\u0647\u062c \u0627\u0644\u0628\u0646\u0641\u0633\u062c\u064a \u062e\u0644\u0641 \u0627\u0644\u0635\u0648\u0631\u0629 *\/\n    .ww-production-media::before {\n        content: \"\";\n        position: absolute;\n        top: 50%; left: 50%;\n        width: 130%; height: 130%;\n        background: radial-gradient(circle, rgba(108, 92, 231, 0.18) 0%, transparent 70%);\n        transform: translate(-50%, -50%);\n        z-index: -1;\n    }\n\n    .ww-img-wrapper {\n        position: relative;\n        overflow: hidden;\n        border-radius: 80px 20px 80px 20px; \/* \u0627\u0646\u062d\u0646\u0627\u0621\u0627\u062a \"\u0643\u0633\u0645\" \u0641\u062e\u0645\u0629 *\/\n        box-shadow: 0 25px 50px rgba(0,0,0,0.15);\n        transition: 0.6s cubic-bezier(0.23, 1, 0.32, 1);\n        background: #000;\n    }\n\n    \/* \u062a\u0623\u062b\u064a\u0631 \u0644\u0645\u0639\u0627\u0646 \u0627\u0644\u0632\u062c\u0627\u062c (Glass Shine) *\/\n    .ww-img-wrapper::after {\n        content: \"\";\n        position: absolute;\n        top: 0; left: -100%;\n        width: 50%; height: 100%;\n        background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.25), transparent);\n        transform: skewX(-30deg);\n        animation: glassShine 4s infinite ease-in-out;\n    }\n\n    .ww-prod-img {\n        width: 100%; height: 480px;\n        object-fit: cover;\n        display: block;\n        transition: 0.8s ease;\n    }\n\n    \/* \u062a\u0641\u0627\u0639\u0644 \u0639\u0646\u062f \u0627\u0644\u062d\u0648\u0645 (Hover) *\/\n    .ww-production-media:hover .ww-img-wrapper {\n        border-radius: 20px 80px 20px 80px;\n        transform: scale(1.05) translateY(-5px);\n        box-shadow: 0 40px 80px rgba(108, 92, 231, 0.4);\n    }\n\n    .ww-production-media:hover .ww-prod-img {\n        transform: scale(1.15); \/* \u0632\u0648\u0648\u0645 \u062f\u0627\u062e\u0644\u064a \u0646\u0627\u0639\u0645 *\/\n    }\n\n    \/* 3. \u0627\u0644\u0632\u0631 \u0627\u0644\u0628\u0646\u0641\u0633\u062c\u064a \u0627\u0644\u0645\u0648\u062d\u062f *\/\n    .ww-btn-container { display: flex; justify-content: flex-start; margin-top: 10px; }\n    .ww-unified-btn {\n        background-color: #6c5ce7; color: #fff !important; padding: 18px 45px;\n        border-radius: 20px; font-weight: 800; font-size: 19px; border: none;\n        cursor: pointer; transition: 0.4s; box-shadow: 0 10px 25px rgba(108, 92, 231, 0.3);\n        display: inline-flex; align-items: center; gap: 15px; text-decoration: none;\n    }\n    .ww-unified-btn:hover { background-color: #5b4cc4; transform: translateY(-5px); }\n\n    \/* 4. \u0627\u0644\u0645\u0648\u062f\u0627\u0644 *\/\n    .ww-modal-overlay {\n        position: fixed; top: 0; left: 0; width: 100%; height: 100%;\n        background: rgba(0, 0, 0, 0.85); display: none; \n        justify-content: center; align-items: center; z-index: 99999;\n        backdrop-filter: blur(10px); padding: 15px;\n    }\n    .ww-modal-box {\n        background: #fff; width: 100%; max-width: 500px; padding: 50px 35px; \n        border-radius: 40px; position: relative; text-align: center;\n    }\n    .ww-input-group { text-align: right; margin-bottom: 20px; }\n    .ww-input-group label { display: block; font-weight: 800; margin-bottom: 8px; }\n    .ww-input-group input, .ww-input-group textarea {\n        width: 100%; padding: 16px; border: 2px solid #eee; border-radius: 20px; outline: none; font-family: 'Tajawal';\n    }\n\n    @media (max-width: 900px) {\n        .ww-production-section .ww-container { flex-direction: column; text-align: center; }\n        .ww-production-media { width: 100%; order: -1; margin-bottom: 30px; }\n        .ww-prod-img { height: 320px; }\n        .ww-btn-container { justify-content: center; }\n        .ww-unified-btn { width: 100%; justify-content: center; }\n    }\n<\/style>\n\n<div class=\"ww-production-section\">\n    <div class=\"ww-container\">\n        <div class=\"ww-production-text\">\n            <span class=\"ww-badge\">\u0627\u0644\u0625\u0646\u062a\u0627\u062c \u0627\u0644\u0625\u0639\u0644\u0627\u0645\u064a \u0627\u0644\u0631\u0642\u0645\u064a<\/span>\n            <h2 class=\"ww-title\">\u0646\u0635\u0646\u0639 \u0645\u062d\u062a\u0648\u0649\u064b <span>\u064a\u064f\u062d\u062f\u062b \u0623\u062b\u0631\u0627\u064b<\/span> \u0648\u064a\u0642\u0648\u062f \u0627\u0644\u062a\u0641\u0627\u0639\u0644<\/h2>\n            <div class=\"ww-content-text\">\n                \u0646\u062d\u0646 \u0641\u064a \"\u0648\u064a\u0646 \u0648\u064a\u0646\" \u0646\u0635\u0645\u0645 \u062a\u062c\u0627\u0631\u0628 \u0628\u0635\u0631\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u062a\u0646\u0627\u0633\u0628 \u0644\u063a\u0629 \u0627\u0644\u0645\u0646\u0635\u0627\u062a \u0627\u0644\u062d\u062f\u064a\u062b\u0629\u060c \u0645\u0646 \u0627\u0644\u0633\u0643\u0631\u064a\u0628\u062a \u0627\u0644\u0625\u0628\u062f\u0627\u0639\u064a \u0625\u0644\u0649 \u0627\u0644\u0645\u0648\u0646\u062a\u0627\u062c \u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u060c \u0646\u0636\u0645\u0646 \u0648\u0635\u0648\u0644 \u0631\u0633\u0627\u0644\u062a\u0643 \u0628\u0623\u0639\u0644\u0649 \u062c\u0648\u062f\u0629 \u062a\u0642\u0646\u064a\u0629 \u0648\u0623\u0630\u0643\u0649 \u0623\u0633\u0644\u0648\u0628 \u0633\u0631\u062f\u064a.\n            <\/div>\n            <div class=\"ww-highlight-box\">\n                \u0633\u0648\u0627\u0621 \u0643\u0646\u062a \u062a\u0628\u062d\u062b \u0639\u0646 \u0625\u0646\u062a\u0627\u062c \"\u0628\u0648\u062f\u0643\u0627\u0633\u062a\" \u0623\u0648 \u0641\u064a\u062f\u064a\u0648\u0647\u0627\u062a Reels\u061b \u0641\u0631\u064a\u0642\u0646\u0627 \u064a\u0645\u062a\u0644\u0643 \u0627\u0644\u0623\u062f\u0648\u0627\u062a \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0644\u062a\u062d\u0648\u064a\u0644 \u0641\u0643\u0631\u062a\u0643 \u0625\u0644\u0649 \u0648\u0627\u0642\u0639 \u0645\u0644\u0645\u0648\u0633.\n            <\/div>\n            <div class=\"ww-btn-container\">\n                <button class=\"ww-unified-btn\" onclick=\"openProdModal()\">\n                    \u0627\u0628\u062f\u0623 \u0645\u0634\u0631\u0648\u0639\u0643 \u0627\u0644\u0622\u0646\n                    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"19\" y1=\"12\" x2=\"5\" y2=\"12\"><\/line><polyline points=\"12 19 5 12 12 5\"><\/polyline><\/svg>\n                <\/button>\n            <\/div>\n        <\/div>\n\n        <div class=\"ww-production-media\">\n            <div class=\"ww-img-wrapper\">\n                <img decoding=\"async\" src=\"https:\/\/www.shutterstock.com\/shutterstock\/videos\/1105358107\/thumb\/12.jpg?ip=x480\" class=\"ww-prod-img\" alt=\"Video Editor Production\">\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<div class=\"ww-modal-overlay\" id=\"prodModal\">\n    <div class=\"ww-modal-box\">\n        <button onclick=\"closeProdModal()\" style=\"position:absolute; top:25px; left:25px; background:#000; color:#fff; border:none; width:40px; height:40px; border-radius:50%; cursor:pointer;\">\u2715<\/button>\n        <h3 style=\"color:#6c5ce7; font-weight:900; margin-bottom:30px; font-size:24px;\">\u0637\u0644\u0628 \u062e\u062f\u0645\u0629 \u0625\u0646\u062a\u0627\u062c \u0625\u0639\u0644\u0627\u0645\u064a<\/h3>\n        <div class=\"ww-input-group\">\n            <label>\u0627\u0633\u0645 \u0627\u0644\u062c\u0647\u0629 \/ \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/label>\n            <input type=\"text\" id=\"p_name\" placeholder=\"\u0623\u062f\u062e\u0644 \u0627\u0644\u0627\u0633\u0645\">\n        <\/div>\n        <div class=\"ww-input-group\">\n            <label>\u0648\u0635\u0641 \u0627\u0644\u0641\u0643\u0631\u0629<\/label>\n            <textarea id=\"p_desc\" rows=\"3\" placeholder=\"\u0627\u0634\u0631\u062d \u0641\u0643\u0631\u062a\u0643 \u0628\u0627\u062e\u062a\u0635\u0627\u0631\"><\/textarea>\n        <\/div>\n        <button onclick=\"sendProdOrder()\" style=\"background:#000; color:#fff; border:none; width:100%; padding:20px; border-radius:25px; font-weight:800; font-size:18px; cursor:pointer;\">\u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0637\u0644\u0628 \u0639\u0628\u0631 \u0648\u0627\u062a\u0633\u0627\u0628<\/button>\n    <\/div>\n<\/div>\n\n<script>\n    function openProdModal() { document.getElementById('prodModal').style.display = 'flex'; document.body.style.overflow = 'hidden'; }\n    function closeProdModal() { document.getElementById('prodModal').style.display = 'none'; document.body.style.overflow = 'auto'; }\n    function sendProdOrder() {\n        const name = document.getElementById('p_name').value;\n        const desc = document.getElementById('p_desc').value;\n        if(!name) { alert(\"\u0644\u0637\u0641\u0627\u064b \u0623\u062f\u062e\u0644 \u0627\u0633\u0645 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\"); return; }\n        window.location.href = `https:\/\/wa.me\/250791676004?text=*\u0637\u0644\u0628 \u0625\u0646\u062a\u0627\u062c \u0625\u0639\u0644\u0627\u0645\u064a*%0A*\u0627\u0644\u062c\u0647\u0629:* ${name}%0A*\u0627\u0644\u0648\u0635\u0641:* ${desc}`;\n    }\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4bfa971 e-flex e-con-boxed e-con e-parent\" data-id=\"4bfa971\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7c9f2bb e-flex e-con-boxed e-con e-parent\" data-id=\"7c9f2bb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f9de711 elementor-widget elementor-widget-html\" data-id=\"f9de711\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700;800;900&display=swap\" rel=\"stylesheet\">\n\n<style>\n    .ww-media-prod, .ww-media-prod * {\n        font-family: 'Tajawal', sans-serif !important;\n        direction: rtl !important;\n        box-sizing: border-box;\n    }\n\n    .ww-media-prod {\n        background: #0a0a0b; \n        padding: 100px 0;\n        color: #fff;\n    }\n\n    .ww-container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }\n\n    .ww-prod-grid {\n        display: flex;\n        align-items: center;\n        gap: 60px;\n        margin-bottom: 120px;\n    }\n\n    .ww-prod-grid:nth-child(even) { flex-direction: row-reverse; }\n\n    .ww-prod-info { flex: 1; }\n    \n    .ww-prod-info h2 {\n        font-weight: 900;\n        font-size: 38px;\n        color: #6c5ce7; \n        margin-bottom: 25px;\n        text-shadow: 0 0 20px rgba(108, 92, 231, 0.3);\n    }\n\n    .ww-prod-info p {\n        font-size: 18px;\n        line-height: 2.1;\n        color: #ccc;\n        text-align: justify !important;\n        text-justify: inter-word !important;\n    }\n\n    .ww-prod-visual {\n        flex: 1;\n        position: relative;\n        display: flex;\n        justify-content: center;\n    }\n\n    .ww-visual-frame {\n        position: relative;\n        padding: 15px;\n        border: 2px solid rgba(108, 92, 231, 0.3);\n        border-radius: 40px; \n    }\n\n    .ww-visual-frame::before {\n        content: '\u25cf REC';\n        position: absolute;\n        top: 30px; right: 40px;\n        color: #ff7675;\n        font-weight: bold;\n        font-size: 12px;\n        animation: blink 1s infinite;\n        z-index: 10;\n    }\n\n    @keyframes blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } }\n\n    .ww-main-img {\n        width: 100%;\n        max-width: 400px;\n        height: 550px; \n        object-fit: cover;\n        border-radius: 30px;\n        filter: brightness(0.9) contrast(1.1);\n        transition: 0.5s;\n    }\n\n    .ww-prod-grid:hover .ww-main-img {\n        filter: brightness(1);\n        transform: scale(1.02);\n    }\n\n    @media (max-width: 1000px) {\n        .ww-prod-grid { flex-direction: column !important; text-align: center; gap: 30px; }\n        .ww-prod-info h2 { font-size: 28px; text-align: center; order: 1; }\n        .ww-prod-visual { order: 2; width: 100%; }\n        .ww-main-img { height: 400px; max-width: 100%; }\n        .ww-prod-info p { \n            order: 3; \n            text-align-last: center !important; \n            font-size: 16px; \n            padding: 0 10px;\n        }\n        .ww-visual-frame { padding: 8px; border-radius: 25px; }\n    }\n<\/style>\n\n<div class=\"ww-media-prod\">\n    <div class=\"ww-container\">\n\n        <div class=\"ww-prod-grid\">\n            <div class=\"ww-prod-info\">\n                <h2>\u0625\u0646\u062a\u0627\u062c \u0627\u0644\u0641\u064a\u062f\u064a\u0648 <span>\u0627\u0644\u0633\u064a\u0646\u0645\u0627\u0626\u064a<\/span><\/h2>\n                <p>\u0646\u062d\u0646 \u0644\u0627 \u0646\u0635\u0648\u0631 \u0641\u0642\u0637\u060c \u0646\u062d\u0646 \u0646\u0635\u0646\u0639 \u062a\u062c\u0631\u0628\u0629 \u0628\u0635\u0631\u064a\u0629 \u062a\u062e\u0637\u0641 \u0627\u0644\u0623\u0646\u0641\u0627\u0633. \u0645\u0646 \u062e\u0644\u0627\u0644 \u0639\u062f\u0633\u0627\u062a\u0646\u0627\u060c \u062a\u062a\u062d\u0648\u0644 \u0623\u0641\u0643\u0627\u0631\u0643 \u0625\u0644\u0649 \u0645\u0634\u0627\u0647\u062f \u0633\u064a\u0646\u0645\u0627\u0626\u064a\u0629 \u062a\u062e\u0627\u0637\u0628 \u0627\u0644\u0645\u0634\u0627\u0639\u0631 \u0642\u0628\u0644 \u0627\u0644\u0639\u0642\u0648\u0644\u060c \u0645\u0639 \u0645\u0648\u0646\u062a\u0627\u062c \u0630\u0643\u064a \u064a\u0631\u0627\u0639\u064a \u0625\u064a\u0642\u0627\u0639 \u0627\u0644\u0645\u0646\u0635\u0627\u062a \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0627\u0644\u062d\u062f\u064a\u062b\u0629 \u0648\u0633\u0631\u0639\u0629 \u0627\u0646\u062a\u0634\u0627\u0631 \u0627\u0644\u0640 Reels.<\/p>\n            <\/div>\n            <div class=\"ww-prod-visual\">\n                <div class=\"ww-visual-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/d26oc3sg82pgk3.cloudfront.net\/files\/media\/edit\/image\/40177\/article_full%401x.jpg\" class=\"ww-main-img\">\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"ww-prod-grid\">\n            <div class=\"ww-prod-info\">\n                <h2>\u0627\u0633\u062a\u0648\u062f\u064a\u0648 <span>\u0627\u0644\u0628\u0648\u062f\u0643\u0627\u0633\u062a<\/span> \u0627\u0644\u0630\u0643\u064a<\/h2>\n                <p>\u0635\u0648\u062a\u0643 \u0647\u0648 \u0647\u0648\u064a\u062a\u0643. \u0646\u0648\u0641\u0631 \u0644\u0643 \u0628\u064a\u0626\u0629 \u0625\u0646\u062a\u0627\u062c \u0635\u0648\u062a\u064a \u0645\u0639\u0632\u0648\u0644\u0629 \u0628\u0623\u062d\u062f\u062b \u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a\u060c \u062d\u064a\u062b \u0646\u062f\u0645\u062c \u0627\u0644\u0647\u0646\u062f\u0633\u0629 \u0627\u0644\u0635\u0648\u062a\u064a\u0629 \u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0645\u0639 \u0627\u0644\u0625\u062e\u0631\u0627\u062c \u0627\u0644\u0645\u0631\u0626\u064a \u0644\u0644\u0628\u0648\u062f\u0643\u0627\u0633\u062a (Video Podcast) \u0644\u062a\u0643\u062a\u0633\u062d \u0627\u0644\u0645\u0646\u0635\u0627\u062a \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629 \u0628\u062d\u0636\u0648\u0631 \u0637\u0627\u063a\u064a.<\/p>\n            <\/div>\n            <div class=\"ww-prod-visual\">\n                <div class=\"ww-visual-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1478737270239-2f02b77fc618?q=80&w=800&auto=format&fit=crop\" class=\"ww-main-img\">\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"ww-prod-grid\">\n            <div class=\"ww-prod-info\">\n                <h2>\u062a\u0635\u0645\u064a\u0645 <span>\u0627\u0644\u0645\u0648\u0634\u0646 \u062c\u0631\u0627\u0641\u064a\u0643<\/span><\/h2>\n                <p>\u0646\u062d\u0631\u0643 \u0627\u0644\u062c\u0627\u0645\u062f \u0648\u0646\u0628\u062b \u0627\u0644\u0631\u0648\u062d \u0641\u064a \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a. \u0639\u0628\u0631 \u062a\u0635\u0627\u0645\u064a\u0645 \u0627\u0644\u0645\u0648\u0634\u0646 \u062c\u0631\u0627\u0641\u064a\u0643 \u0627\u0644\u0645\u062a\u0642\u062f\u0645\u0629\u060c \u0646\u0628\u0633\u0637 \u0623\u0639\u0642\u062f \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0644\u062c\u0645\u0647\u0648\u0631\u0643 \u0641\u064a \u062b\u0648\u0627\u0646\u064d \u0645\u0639\u062f\u0648\u062f\u0629\u060c \u0645\u0645\u0627 \u064a\u0636\u0645\u0646 \u0648\u0635\u0648\u0644 \u0631\u0633\u0627\u0644\u062a\u0643 \u0627\u0644\u0645\u0624\u0633\u0633\u064a\u0629 \u0628\u0648\u0636\u0648\u062d \u062a\u0627\u0645.<\/p>\n            <\/div>\n            <div class=\"ww-prod-visual\">\n                <div class=\"ww-visual-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1550745165-9bc0b252726f?q=80&w=800&auto=format&fit=crop\" class=\"ww-main-img\">\n                <\/div>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f777337 elementor-widget elementor-widget-html\" data-id=\"f777337\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700;800;900&display=swap\" rel=\"stylesheet\">\n\n<style>\n    .ww-impact-section {\n        background: transparent !important;\n        padding: 100px 20px;\n        font-family: 'Tajawal', sans-serif !important;\n        direction: rtl;\n        color: #fff;\n    }\n\n    .ww-impact-container {\n        max-width: 1100px;\n        margin: 0 auto;\n        display: grid;\n        grid-template-columns: 1fr 1.2fr;\n        gap: 60px;\n        align-items: center;\n    }\n\n    \/* \u0627\u0644\u0646\u0635\u0648\u0635 *\/\n    .ww-impact-content h2 {\n        color: #6c5ce7;\n        font-weight: 900;\n        font-size: clamp(28px, 4vw, 38px);\n        margin-bottom: 25px;\n        line-height: 1.3;\n    }\n\n    .ww-impact-content p {\n        font-size: 18px;\n        line-height: 2;\n        color: #4a4a4a; \/* \u0644\u0648\u0646 \u0646\u0635\u0648\u0635\u0643 \u0627\u0644\u0645\u0639\u062a\u0645\u062f *\/\n        text-align: justify !important;\n        text-justify: inter-word !important;\n        text-align-last: center !important;\n    }\n\n    \/* \u0645\u0646\u0637\u0642\u0629 \u0627\u0644\u0631\u0633\u0645 \u0627\u0644\u0628\u064a\u0627\u0646\u064a \u0627\u0644\u0640 WOW *\/\n    .ww-visual-data {\n        position: relative;\n        height: 400px;\n        background: rgba(108, 92, 231, 0.05);\n        border-radius: 80px 20px; \/* \u0627\u0644\u0640 Curves \u0627\u0644\u0644\u064a \u062a\u062d\u0628\u0647\u0627 *\/\n        border: 1px solid rgba(108, 92, 231, 0.1);\n        display: flex;\n        align-items: flex-end;\n        justify-content: space-around;\n        padding: 40px;\n        overflow: visible;\n    }\n\n    \/* \u0627\u0644\u0623\u0639\u0645\u062f\u0629 \u0627\u0644\u0646\u064a\u0648\u0646 *\/\n    .ww-data-bar {\n        width: 15%;\n        background: linear-gradient(to top, #6c5ce7, #a29bfe);\n        border-radius: 12px 12px 4px 4px;\n        position: relative;\n        z-index: 2;\n        animation: wwBarGrow 2s cubic-bezier(0.17, 0.67, 0.83, 0.67) forwards;\n        transform-origin: bottom;\n        box-shadow: 0 0 30px rgba(108, 92, 231, 0.3);\n    }\n\n    \/* \u0627\u0644\u0633\u0647\u0645 \u0627\u0644\u0645\u0646\u062d\u0646\u064a \u0627\u0644\u0630\u0647\u0628\u064a\/\u0627\u0644\u0646\u064a\u0648\u0646 *\/\n    .ww-growth-path {\n        position: absolute;\n        top: 0; left: 0;\n        width: 100%; height: 100%;\n        z-index: 3;\n        pointer-events: none;\n    }\n\n    .ww-path-stroke {\n        stroke-dasharray: 1000;\n        stroke-dashoffset: 1000;\n        animation: drawPath 2.5s ease-out forwards;\n        animation-delay: 0.5s;\n    }\n\n    @keyframes drawPath { to { stroke-dashoffset: 0; } }\n    @keyframes wwBarGrow { from { transform: scaleY(0); } to { transform: scaleY(1); } }\n\n    \/* \u0627\u0644\u062a\u0633\u0645\u064a\u0627\u062a *\/\n    .ww-data-bar::after {\n        content: attr(data-label);\n        position: absolute;\n        bottom: -40px; left: 50%;\n        transform: translateX(-50%);\n        font-size: 13px; color: #6c5ce7; font-weight: 700; white-space: nowrap;\n    }\n\n    .ww-data-bar::before {\n        content: attr(data-value);\n        position: absolute;\n        top: -35px; left: 50%;\n        transform: translateX(-50%);\n        font-weight: 900; color: #2d3436; font-size: 16px;\n    }\n\n    @media (max-width: 900px) {\n        .ww-impact-container { grid-template-columns: 1fr; text-align: center; }\n        .ww-visual-data { height: 300px; }\n    }\n<\/style>\n\n<div class=\"ww-impact-section\">\n    <div class=\"ww-impact-container\">\n        \n        <div class=\"ww-impact-content\">\n            <h2>\u062a\u0645\u064a\u0651\u064f\u0632 \u0627\u0644\u0645\u062d\u062a\u0648\u0649.. <span>\u0648\u0642\u0648\u062f\u064f \u0627\u0644\u0627\u0646\u062a\u0634\u0627\u0631<\/span><\/h2>\n            <p>\n                \u0641\u064a \u0639\u0627\u0644\u0645 \u064a\u0636\u062c \u0628\u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a\u060c \u0648\u062d\u062f\u0647\u0627 \"\u0627\u0644\u0628\u0635\u0645\u0629 \u0627\u0644\u0645\u0645\u064a\u0632\u0629\" \u0647\u064a \u0645\u0646 \u062a\u062e\u062a\u0631\u0642 \u0627\u0644\u062d\u0648\u0627\u062c\u0632. \u0646\u062d\u0646 \u0646\u0645\u0646\u062d \u0645\u062d\u062a\u0648\u0627\u0643 \u0627\u0644\u0647\u0648\u064a\u0629 \u0627\u0644\u062a\u064a \u062a\u0633\u062a\u062d\u0642\u060c \u0644\u0646\u062d\u0648\u0644 \u0627\u0644\u0623\u0631\u0642\u0627\u0645 \u0627\u0644\u0639\u0627\u062f\u064a\u0629 \u0625\u0644\u0649 \u0645\u0646\u062d\u0646\u064a\u0627\u062a \u0646\u0645\u0648 \u0634\u0627\u0647\u0642\u0629. \u0645\u0639 \"\u0648\u064a\u0646 \u0648\u064a\u0646\"\u060c \u0643\u0644\u0645\u0627 \u0632\u0627\u062f \u0627\u0644\u0625\u0628\u062f\u0627\u0639 \u0641\u064a \u0627\u0644\u0637\u0631\u062d\u060c \u0627\u062a\u0633\u0639\u062a \u062f\u0627\u0626\u0631\u0629 \u0627\u0644\u062a\u0623\u062b\u064a\u0631 \u0648\u062a\u0636\u0627\u0639\u0641\u062a \u0645\u0639\u062f\u0644\u0627\u062a \u0627\u0644\u0648\u0635\u0648\u0644 \u0644\u062c\u0645\u0647\u0648\u0631\u0643 \u0627\u0644\u0645\u0633\u062a\u0647\u062f\u0641.\n            <\/p>\n        <\/div>\n\n        <div class=\"ww-visual-data\">\n            <svg class=\"ww-growth-path\" viewBox=\"0 0 400 300\">\n                <path class=\"ww-path-stroke\" d=\"M40,260 Q120,240 200,150 T360,40\" \n                      fill=\"none\" stroke=\"#00cec9\" stroke-width=\"5\" stroke-linecap=\"round\" \/>\n                <circle cx=\"360\" cy=\"40\" r=\"6\" fill=\"#00cec9\">\n                    <animate attributeName=\"r\" values=\"6;9;6\" dur=\"1.5s\" repeatCount=\"indefinite\" \/>\n                <\/circle>\n            <\/svg>\n\n            <div class=\"ww-data-bar\" data-label=\"\u0627\u0644\u0628\u062f\u0627\u064a\u0629\" data-value=\"15%\" style=\"height: 25%;\"><\/div>\n            <div class=\"ww-data-bar\" data-label=\"\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0647\u0648\u064a\u0629\" data-value=\"45%\" style=\"height: 50%;\"><\/div>\n            <div class=\"ww-data-bar\" data-label=\"\u0645\u062d\u062a\u0648\u0649 \u0645\u0645\u064a\u0632\" data-value=\"75%\" style=\"height: 75%;\"><\/div>\n            <div class=\"ww-data-bar\" data-label=\"\u0627\u0644\u0633\u064a\u0627\u062f\u0629\" data-value=\"99%\" style=\"height: 95%;\"><\/div>\n        <\/div>\n\n    <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Head of Customer Success<\/p>\n","protected":false},"author":1,"featured_media":7117,"parent":92,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-7116","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/winwin-press.com\/index.php?rest_route=\/wp\/v2\/pages\/7116","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/winwin-press.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/winwin-press.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/winwin-press.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/winwin-press.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7116"}],"version-history":[{"count":7,"href":"https:\/\/winwin-press.com\/index.php?rest_route=\/wp\/v2\/pages\/7116\/revisions"}],"predecessor-version":[{"id":988100,"href":"https:\/\/winwin-press.com\/index.php?rest_route=\/wp\/v2\/pages\/7116\/revisions\/988100"}],"up":[{"embeddable":true,"href":"https:\/\/winwin-press.com\/index.php?rest_route=\/wp\/v2\/pages\/92"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/winwin-press.com\/index.php?rest_route=\/wp\/v2\/media\/7117"}],"wp:attachment":[{"href":"https:\/\/winwin-press.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7116"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}