{"id":4106,"date":"2026-04-22T04:40:40","date_gmt":"2026-04-22T04:40:40","guid":{"rendered":"https:\/\/kokoands.net\/?page_id=4106"},"modified":"2026-05-04T12:55:15","modified_gmt":"2026-05-04T12:55:15","slug":"super-market","status":"publish","type":"page","link":"https:\/\/kokoands.net\/index.php\/super-market\/","title":{"rendered":"\u0627\u0635\u062d\u0627\u0628 \u0627\u0644\u0633\u0648\u0628\u0631 \u0645\u0627\u0631\u0643\u062a"},"content":{"rendered":"<div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-1 fusion-flex-container has-pattern-background has-mask-background nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-sizes-top:0;--awb-border-sizes-bottom:0;--awb-border-sizes-left:0;--awb-border-sizes-right:0;--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-top:0px;--awb-padding-bottom:0px;--awb-margin-top:0px;--awb-margin-bottom:0px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"max-width:1386px;margin-left: calc(-5% \/ 2 );margin-right: calc(-5% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-0 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-padding-right:20px;--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:2.375%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:2.375%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:2.375%;--awb-spacing-left-medium:2.375%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:2.375%;--awb-margin-bottom-small:60px;--awb-spacing-left-small:2.375%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;700;800&display=swap');\n\n    .koko-market-section {\n        font-family: 'Tajawal', sans-serif;\n        direction: rtl;\n        width: 100%;\n        background: #ffffff;\n        padding: 100px 0;\n        border-bottom: 1px solid #f0f0f0;\n    }\n\n    .koko-market-container {\n        width: 95%;\n        margin: 0 auto;\n        display: flex;\n        align-items: center;\n        gap: 60px;\n        flex-wrap: wrap;\n    }\n\n    .market-content {\n        flex: 1.2;\n    }\n\n    .market-badge {\n        background: #e31e24;\n        color: #fff;\n        padding: 8px 20px;\n        border-radius: 50px;\n        font-weight: 800;\n        font-size: 14px;\n        display: inline-block;\n        margin-bottom: 20px;\n    }\n\n    .market-h2 {\n        font-size: 48px;\n        font-weight: 900;\n        color: #2d2d2d;\n        line-height: 1.3;\n        margin-bottom: 25px;\n    }\n\n    .market-h2 span {\n        color: #e31e24;\n    }\n\n    .market-p {\n        font-size: 20px;\n        color: #555;\n        line-height: 1.8;\n        margin-bottom: 40px;\n    }\n\n    \/* \u0643\u0627\u0631\u062a \u0646\u0638\u0627\u0645 \u0627\u0644\u0639\u0645\u0648\u0644\u0627\u062a *\/\n    .market-pricing-card {\n        flex: 0.8;\n        background: #fff;\n        padding: 50px;\n        border-radius: 40px;\n        box-shadow: 0 30px 80px rgba(0,0,0,0.06);\n        border: 1px solid #f0f0f0;\n        text-align: center;\n    }\n\n    .commission-box {\n        background: #fdfdfd;\n        border: 2px dashed #e31e24;\n        padding: 30px;\n        border-radius: 25px;\n        margin-bottom: 30px;\n    }\n\n    .commission-rate {\n        font-size: 65px;\n        font-weight: 900;\n        color: #e31e24;\n        display: block;\n    }\n\n    .market-list {\n        text-align: right;\n        list-style: none;\n        padding: 0;\n        margin: 30px 0;\n    }\n\n    .market-list li {\n        margin-bottom: 15px;\n        font-size: 18px;\n        font-weight: 700;\n        color: #444;\n        display: flex;\n        align-items: center;\n        gap: 12px;\n    }\n\n    .market-list li::before {\n        content: '\ud83d\uded2';\n    }\n\n    .market-btn {\n        display: block;\n        width: 100%;\n        background: #2d2d2d;\n        color: #fff;\n        padding: 20px;\n        border-radius: 15px;\n        font-size: 20px;\n        font-weight: 800;\n        text-decoration: none;\n        transition: 0.3s;\n    }\n\n    .market-btn:hover {\n        background: #e31e24;\n        transform: translateY(-5px);\n    }\n\n    @media (max-width: 992px) {\n        .koko-market-container { flex-direction: column; text-align: center; }\n        .market-list li { justify-content: center; }\n    }\n<\/style>\n\n<div class=\"koko-market-section\">\n    <div class=\"koko-market-container\">\n        <!-- \u0627\u0644\u0645\u062d\u062a\u0648\u0649 -->\n        <div class=\"market-content\">\n            <div class=\"market-badge\">\u0642\u0637\u0627\u0639 \u0627\u0644\u0633\u0648\u0628\u0631 \u0645\u0627\u0631\u0643\u062a \u0648\u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u063a\u0630\u0627\u0626\u064a\u0629<\/div>\n            <h2 class=\"market-h2\">\u0648\u0635\u0644 \u0645\u0646\u062a\u062c\u0627\u062a\u0643.. <br>\u0644\u0623\u0643\u0628\u0631 <span>\u0642\u0627\u0639\u062f\u0629 \u0639\u0645\u0644\u0627\u0621 \u064a\u0648\u0645\u064a\u0629<\/span><\/h2>\n            <p class=\"market-p\">\n                \u0641\u064a \u0643\u0648\u0643\u0648 \u0622\u0646\u062f \u0625\u0633\u060c \u0628\u0646\u0648\u0641\u0631 \u0644\u0623\u0635\u062d\u0627\u0628 \u0627\u0644\u0633\u0648\u0628\u0631 \u0645\u0627\u0631\u0643\u062a \u0648\u0627\u0644\u0645\u0648\u0631\u062f\u064a\u0646 \u0645\u0646\u0635\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0644\u0639\u0631\u0636 \u0627\u0644\u0633\u0644\u0639 \u0627\u0644\u0627\u0633\u062a\u0647\u0644\u0627\u0643\u064a\u0629. \u0628\u0646\u0636\u0645\u0646 \u0644\u0643 \u0633\u0631\u0639\u0629 \u0641\u064a \u0627\u0633\u062a\u0644\u0627\u0645 \u0627\u0644\u0623\u0648\u0631\u062f\u0631\u0627\u062a \u0648\u062a\u0648\u0635\u064a\u0644\u0647\u0627\u060c \u0645\u0639 \u0646\u0638\u0627\u0645 \u062c\u0631\u062f \u0630\u0643\u064a \u0628\u064a\u062d\u062f\u062b \u0645\u062e\u0632\u0648\u0646\u0643 \u0644\u062d\u0638\u0629 \u0628\u0644\u062d\u0638\u0629.\n            <\/p>\n            \n            <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 20px;\">\n                <div style=\"padding: 20px; background: #fafafa; border-radius: 15px;\">\n                    <h4 style=\"margin: 0 0 10px; color: #e31e24;\">\u062a\u0648\u0635\u064a\u0644 \u0641\u0627\u0626\u0642 \u0627\u0644\u0633\u0631\u0639\u0629<\/h4>\n                    <p style=\"margin: 0; font-size: 14px; color: #777;\">\u0646\u0638\u0627\u0645 \u062a\u0648\u0632\u064a\u0639 \u064a\u0639\u062a\u0645\u062f \u0639\u0644\u0649 \u0623\u0642\u0631\u0628 \u0637\u064a\u0627\u0631 \u0644\u0645\u0646\u0637\u0642\u0629 \u0627\u0644\u0645\u062a\u062c\u0631.<\/p>\n                <\/div>\n                <div style=\"padding: 20px; background: #fafafa; border-radius: 15px;\">\n                    <h4 style=\"margin: 0 0 10px; color: #2d2d2d;\">\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u062e\u0632\u0648\u0646<\/h4>\n                    <p style=\"margin: 0; font-size: 14px; color: #777;\">\u062a\u0646\u0628\u064a\u0647\u0627\u062a \u0630\u0643\u064a\u0629 \u0639\u0646\u062f \u0646\u0642\u0635 \u0627\u0644\u0633\u0644\u0639 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0641\u064a \u0645\u062a\u062c\u0631\u0643.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- \u0643\u0627\u0631\u062a \u0627\u0644\u0639\u0645\u0648\u0644\u0627\u062a -->\n        <div class=\"market-pricing-card\">\n            <div class=\"commission-box\">\n                <span style=\"font-weight: 800; color: #666; font-size: 18px;\">\u0639\u0645\u0648\u0644\u0629 \u062a\u0646\u0627\u0641\u0633\u064a\u0629 \u0645\u0648\u062d\u062f\u0629<\/span>\n                <span class=\"commission-rate\">8%<\/span>\n                <span style=\"color: #999;\">\u0639\u0644\u0649 \u0625\u062c\u0645\u0627\u0644\u064a \u0645\u0628\u064a\u0639\u0627\u062a \u0627\u0644\u0633\u0648\u0628\u0631 \u0645\u0627\u0631\u0643\u062a<\/span>\n            <\/div>\n            \n            <ul class=\"market-list\">\n                <li>\u062a\u0633\u0648\u064a\u0627\u062a \u0645\u0627\u0644\u064a\u0629 \u0646\u0635\u0641 \u0623\u0633\u0628\u0648\u0639\u064a\u0629<\/li>\n                <li>\u062f\u0639\u0645 \u062e\u0627\u0635 \u0644\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u0627\u0644\u0637\u0627\u0632\u062c\u0629<\/li>\n                <li>\u0638\u0647\u0648\u0631 \u0645\u0645\u064a\u0632 \u0641\u064a \u0642\u0633\u0645 \"\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u064a\u0648\u0645\"<\/li>\n                <li>\u0631\u0628\u0637 \u062a\u0642\u0646\u064a \u0645\u0639 \u0645\u0627\u0643\u064a\u0646\u0627\u062a \u0627\u0644\u0640 POS<\/li>\n            <\/ul>\n\n            <a href=\"#register\" class=\"market-btn\">\u0627\u0646\u0636\u0645 \u0643\u0634\u0631\u064a\u0643 \u062a\u0648\u0631\u064a\u062f<\/a>\n        <\/div>\n    <\/div>\n<\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-1 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-padding-top:60px;--awb-padding-bottom:80px;--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:2.375%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:2.375%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:2.375%;--awb-spacing-left-medium:2.375%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:2.375%;--awb-spacing-left-small:2.375%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><a class=\"fb-icon-element-1 fb-icon-element fontawesome-icon awb-business-play-solid circle-yes fusion-link lightbox-link\" style=\"--awb-iconcolor:var(--awb-color5);--awb-iconcolor-hover:var(--awb-color5);--awb-circlecolor:hsla(var(--awb-color1-h),var(--awb-color1-s),var(--awb-color1-l),calc(var(--awb-color1-a) - 100%));--awb-circlecolor-hover:hsla(var(--awb-color1-h),var(--awb-color1-s),var(--awb-color1-l),calc(var(--awb-color1-a) - 100%));--awb-circlebordercolor:var(--awb-color1);--awb-circlebordercolor-hover:var(--awb-color1);--awb-circlebordersize:0px;--awb-font-size:109px;--awb-width:142px;--awb-height:142px;--awb-line-height:142px;--awb-align-self:center;--awb-margin-top:0px;--awb-margin-right:0px;--awb-margin-bottom:20px;--awb-margin-left:0px;\" href=\"https:\/\/www.youtube.com\/watch?v=nt_ifA0dblg?autoplay=1\" aria-label=\"Link to https:\/\/www.youtube.com\/watch?v=nt_ifA0dblg?autoplay=1\" target=\"_self\"><\/a><div class=\"fusion-text fusion-text-1 fusion-text-no-margin\" style=\"--awb-content-alignment:center;--awb-font-size:25px;--awb-text-transform:capitalize;--awb-text-color:var(--awb-color5);--awb-margin-bottom:0px;\"><p>Discover Our Capabilities In A Minute<\/p>\n<\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-2 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-padding-right:20px;--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:2.375%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:2.375%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:2.375%;--awb-spacing-left-medium:2.375%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:2.375%;--awb-margin-bottom-small:60px;--awb-spacing-left-small:2.375%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;700;800&display=swap');\n\n    .koko-s2-wrapper {\n        font-family: 'Tajawal', sans-serif;\n        direction: rtl;\n        background-color: #fcfcfc;\n        padding: 80px 20px;\n        text-align: center;\n    }\n\n    .koko-s2-header {\n        margin-bottom: 50px;\n    }\n\n    .koko-s2-header h2 {\n        font-size: 34px;\n        font-weight: 800;\n        color: #2d2d2d;\n        margin-bottom: 15px;\n    }\n\n    .koko-s2-header p {\n        font-size: 18px;\n        color: #666;\n        max-width: 700px;\n        margin: 0 auto;\n        line-height: 1.6;\n    }\n\n    .koko-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n        gap: 30px;\n        max-width: 1200px;\n        margin: 0 auto;\n    }\n\n    .koko-solution-card {\n        background: #fff;\n        padding: 40px 30px;\n        border-radius: 25px;\n        box-shadow: 0 10px 25px rgba(0,0,0,0.03);\n        border: 1px solid #f0f0f0;\n        transition: all 0.3s ease;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .koko-solution-card:hover {\n        transform: translateY(-10px);\n        box-shadow: 0 15px 35px rgba(227, 30, 36, 0.1);\n        border-color: #e31e24;\n    }\n\n    .koko-solution-card::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 5px;\n        background: #e31e24;\n        opacity: 0;\n        transition: 0.3s;\n    }\n\n    .koko-solution-card:hover::before {\n        opacity: 1;\n    }\n\n    .sol-icon {\n        font-size: 40px;\n        margin-bottom: 20px;\n        display: inline-block;\n    }\n\n    .sol-title {\n        font-size: 22px;\n        font-weight: 700;\n        color: #2d2d2d;\n        margin-bottom: 15px;\n    }\n\n    .sol-desc {\n        font-size: 16px;\n        color: #777;\n        line-height: 1.7;\n    }\n\n    \/* \u0639\u0644\u0627\u0645\u0629 \u0627\u0644\u062a\u0645\u064a\u0632 *\/\n    .koko-badge {\n        background: #e31e24;\n        color: #fff;\n        padding: 5px 15px;\n        border-radius: 50px;\n        font-size: 12px;\n        font-weight: 700;\n        display: inline-block;\n        margin-bottom: 10px;\n    }\n<\/style>\n\n<div class=\"koko-s2-wrapper\">\n    <div class=\"koko-s2-header\">\n        <div class=\"koko-badge\">\u0645\u0645\u064a\u0632\u0627\u062a \u0634\u0631\u0643\u0627\u0621 \u0643\u0648\u0643\u0648 \u0622\u0646\u062f \u0625\u0633<\/div>\n        <h2>\u0634\u064a\u0644\u0646\u0627 \u0639\u0646\u0643 \u0647\u0645 \u0627\u0644\u0625\u062f\u0627\u0631\u0629 \u0648\u0627\u0644\u062a\u0648\u0635\u064a\u0644<\/h2>\n        <p>\u0625\u062d\u0646\u0627 \u0645\u0634 \u0645\u062c\u0631\u062f \u0623\u0628\u0644\u0643\u064a\u0634\u0646\u060c \u0625\u062d\u0646\u0627 \u0634\u0631\u064a\u0643\u0643 \u0627\u0644\u062a\u0642\u0646\u064a \u0627\u0644\u0644\u064a \u0628\u064a\u0648\u0641\u0631\u0644\u0643 \u0643\u0644 \u0627\u0644\u062d\u0644\u0648\u0644 \u0639\u0634\u0627\u0646 \u062a\u0631\u0643\u0632 \u0641\u064a \u0628\u0636\u0627\u0639\u062a\u0643 \u0648\u0628\u0633.<\/p>\n    <\/div>\n\n    <div class=\"koko-grid\">\n        <!-- \u0627\u0644\u0643\u0627\u0631\u062a \u0627\u0644\u0623\u0648\u0644 -->\n        <div class=\"koko-solution-card\">\n            <div class=\"sol-icon\">\ud83d\udcd1<\/div>\n            <h3 class=\"sol-title\">\u0645\u0641\u064a\u0634 \u0648\u062c\u0639 \u062f\u0645\u0627\u063a \u062f\u0627\u062a\u0627<\/h3>\n            <p class=\"sol-desc\">\n                \u0648\u0641\u0631\u0646\u0627 \u0644\u0643 \u0643\u062a\u0627\u0644\u0648\u062c \u0643\u0627\u0645\u0644 \u0628\u0640 5000 \u0645\u0646\u062a\u062c \u0633\u0648\u0628\u0631 \u0645\u0627\u0631\u0643\u062a \u062c\u0627\u0647\u0632 \u0628\u0627\u0644\u0635\u0648\u0631 \u0648\u0627\u0644\u0648\u0635\u0641 \u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a. \u0627\u062e\u062a\u0627\u0631 \u0627\u0644\u0645\u062a\u0627\u062d \u0639\u0646\u062f\u0643 \u0648\u0627\u0628\u062f\u0623 \u0628\u064a\u0639 \u0641\u0648\u0631\u0627\u064b.\n            <\/p>\n        <\/div>\n\n        <!-- \u0627\u0644\u0643\u0627\u0631\u062a \u0627\u0644\u062b\u0627\u0646\u064a -->\n        <div class=\"koko-solution-card\">\n            <div class=\"sol-icon\">\ud83d\udef5<\/div>\n            <h3 class=\"sol-title\">\u062a\u0648\u0635\u064a\u0644\u0643 \u0639\u0644\u064a\u0646\u0627 \u0628\u0627\u0644\u0645\u0644\u0651\u064a<\/h3>\n            <p class=\"sol-desc\">\n                \u0645\u0634 \u0645\u062d\u062a\u0627\u062c \u062a\u0648\u0641\u0631 \u0637\u064a\u0627\u0631\u064a\u0646 \u0648\u0644\u0627 \u0645\u0648\u062a\u0648\u0633\u064a\u0643\u0644\u0627\u062a. \u0623\u0633\u0637\u0648\u0644 \u0643\u0648\u0643\u0648 \u0622\u0646\u062f \u0625\u0633 \u0628\u064a\u0633\u062a\u0644\u0645 \u0627\u0644\u0623\u0648\u0631\u062f\u0631 \u0645\u0646 \u0645\u062d\u0644\u0643 \u0648\u064a\u0648\u0635\u0644\u0647 \u0644\u0628\u0627\u0628 \u0627\u0644\u0639\u0645\u064a\u0644 \u0641\u064a \u062f\u0642\u0627\u064a\u0642.\n            <\/p>\n        <\/div>\n\n        <!-- \u0627\u0644\u0643\u0627\u0631\u062a \u0627\u0644\u062b\u0627\u0644\u062b -->\n        <div class=\"koko-solution-card\">\n            <div class=\"sol-icon\">\ud83d\udcb0<\/div>\n            <h3 class=\"sol-title\">\u0639\u0645\u0648\u0644\u0629 \u0639\u0627\u062f\u0644\u0629 \u0648\u0648\u0627\u0636\u062d\u0629<\/h3>\n            <p class=\"sol-desc\">\n                \u0645\u0641\u064a\u0634 \u0645\u0635\u0627\u0631\u064a\u0641 \u062e\u0641\u064a\u0629 \u0648\u0644\u0627 \u0627\u0634\u062a\u0631\u0627\u0643\u0627\u062a \u0634\u0647\u0631\u064a\u0629. \u0625\u062d\u0646\u0627 \u0628\u0646\u0643\u0633\u0628 \u0644\u0645\u0627 \u0623\u0646\u062a \u062a\u0628\u064a\u0639\u061b \u0639\u0645\u0648\u0644\u0629 8% \u0641\u0642\u0637 \u0634\u0627\u0645\u0644\u0629 \u0627\u0644\u062a\u0648\u0635\u064a\u0644 \u0648\u0627\u0644\u0633\u064a\u0633\u062a\u0645.\n            <\/p>\n        <\/div>\n    <\/div>\n<\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-3 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-padding-right:20px;--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:2.375%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:2.375%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:2.375%;--awb-spacing-left-medium:2.375%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:2.375%;--awb-margin-bottom-small:60px;--awb-spacing-left-small:2.375%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;700;800&display=swap');\n\n    .koko-s3-container {\n        font-family: 'Tajawal', sans-serif;\n        direction: rtl;\n        padding: 80px 20px;\n        background: #fff;\n        text-align: center;\n    }\n\n    .koko-s3-header {\n        margin-bottom: 60px;\n    }\n\n    .koko-s3-header h2 {\n        font-size: 34px;\n        font-weight: 800;\n        color: #2d2d2d;\n    }\n\n    .koko-steps-flex {\n        display: flex;\n        justify-content: center;\n        gap: 20px;\n        max-width: 1200px;\n        margin: 0 auto;\n        flex-wrap: wrap;\n    }\n\n    .step-card {\n        flex: 1;\n        min-width: 280px;\n        background: #fff;\n        padding: 40px 30px;\n        border-radius: 20px;\n        border: 1px solid #eee;\n        position: relative;\n        transition: 0.3s;\n    }\n\n    .step-card:hover {\n        border-color: #e31e24;\n        box-shadow: 0 10px 30px rgba(227, 30, 36, 0.08);\n    }\n\n    .step-number {\n        width: 60px;\n        height: 60px;\n        background: #e31e24;\n        color: #fff;\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 24px;\n        font-weight: 800;\n        margin: 0 auto 25px;\n        box-shadow: 0 5px 15px rgba(227, 30, 36, 0.3);\n    }\n\n    .step-title {\n        font-size: 22px;\n        font-weight: 700;\n        color: #2d2d2d;\n        margin-bottom: 15px;\n    }\n\n    .step-desc {\n        font-size: 16px;\n        color: #666;\n        line-height: 1.7;\n    }\n\n    \/* \u0633\u0647\u0645 \u0627\u0644\u0631\u0628\u0637 \u0628\u064a\u0646 \u0627\u0644\u062e\u0637\u0648\u0627\u062a \u0644\u0644\u062f\u064a\u0633\u0643 \u062a\u0648\u0628 *\/\n    @media (min-width: 992px) {\n        .step-card:not(:last-child)::after {\n            content: '\u2190';\n            position: absolute;\n            top: 50%;\n            left: -20px;\n            transform: translateY(-50%);\n            font-size: 30px;\n            color: #ccc;\n        }\n    }\n\n    @media (max-width: 768px) {\n        .koko-steps-flex { flex-direction: column; }\n        .step-card:not(:last-child)::after { content: '\u2193'; top: auto; bottom: -25px; left: 50%; transform: translateX(-50%); }\n    }\n<\/style>\n\n<div class=\"koko-s3-container\">\n    <div class=\"koko-s3-header\">\n        <h2 style=\"color: #e31e24; font-size: 18px; margin-bottom: 10px;\">\u0631\u062d\u0644\u062a\u0643 \u0643\u0634\u0631\u064a\u0643<\/h2>\n        <h2>\u0625\u0632\u0627\u064a \u0628\u0646\u0634\u062a\u063a\u0644 \u0641\u064a 3 \u062e\u0637\u0648\u0627\u062a\u061f<\/h2>\n    <\/div>\n\n    <div class=\"koko-steps-flex\">\n        <!-- \u0627\u0644\u062e\u0637\u0648\u0629 \u0627\u0644\u0623\u0648\u0644\u0649 -->\n        <div class=\"step-card\">\n            <div class=\"step-number\">1<\/div>\n            <h3 class=\"step-title\">\u0633\u062c\u0644 \u0628\u064a\u0627\u0646\u0627\u062a \u0645\u062d\u0644\u0643<\/h3>\n            <p class=\"step-desc\">\n                \u0627\u0645\u0644\u0623 \u0627\u0633\u062a\u0645\u0627\u0631\u0629 \u0627\u0644\u0634\u0631\u0627\u0643\u0629 \u0641\u064a \u062f\u0642\u064a\u0642\u0629 \u0648\u0627\u062d\u062f\u0629 \u0628\u0628\u064a\u0627\u0646\u0627\u062a\u0643 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629. \u0641\u0631\u064a\u0642\u0646\u0627 \u0647\u064a\u0631\u0627\u062c\u0639 \u0627\u0644\u0637\u0644\u0628 \u0648\u064a\u0641\u0639\u0644\u0643 \u0627\u0644\u062d\u0633\u0627\u0628 \u0641\u0648\u0631\u0627\u064b.\n            <\/p>\n        <\/div>\n\n        <!-- \u0627\u0644\u062e\u0637\u0648\u0629 \u0627\u0644\u062b\u0627\u0646\u064a\u0629 -->\n        <div class=\"step-card\">\n            <div class=\"step-number\">2<\/div>\n            <h3 class=\"step-title\">\u0641\u0639\u0651\u0644 \u0645\u0646\u062a\u062c\u0627\u062a\u0643<\/h3>\n            <p class=\"step-desc\">\n                \u0627\u062e\u062a\u0627\u0631 \u0627\u0644\u0623\u0635\u0646\u0627\u0641 \u0627\u0644\u0644\u064a \u0639\u0646\u062f\u0643 \u0645\u0646 \u0627\u0644\u0643\u062a\u0627\u0644\u0648\u062c \u0627\u0644\u062c\u0627\u0647\u0632 (5000 \u0635\u0646\u0641). \u0645\u0634 \u0647\u062a\u062d\u062a\u0627\u062c \u062a\u0631\u0641\u0639 \u0635\u0648\u0631 \u0648\u0644\u0627 \u062a\u0643\u062a\u0628 \u0648\u0635\u0641\u060c \u0627\u0644\u062f\u0627\u062a\u0627 \u062c\u0627\u0647\u0632\u0629 \u0628\u0627\u0644\u0643\u0627\u0645\u0644.\n            <\/p>\n        <\/div>\n\n        <!-- \u0627\u0644\u062e\u0637\u0648\u0629 \u0627\u0644\u062b\u0627\u0644\u062b\u0629 -->\n        <div class=\"step-card\">\n            <div class=\"step-number\">3<\/div>\n            <h3 class=\"step-title\">\u0627\u0633\u062a\u0644\u0645 \u0648\u0627\u062f\u0631\u062c \u0627\u0644\u0631\u0628\u062d<\/h3>\n            <p class=\"step-desc\">\n                \u0627\u0644\u0623\u0648\u0631\u062f\u0631 \u0647\u064a\u062c\u064a\u0644\u0643 \u0639\u0644\u0649 \u0627\u0644\u0623\u0628\u0644\u0643\u064a\u0634\u0646\u060c \u062c\u0647\u0632\u0647 \u0648\u0627\u0644\u0637\u064a\u0627\u0631 \u0647\u064a\u0633\u062a\u0644\u0645 \u0641\u0648\u0631\u0627\u064b. \u062a\u0627\u0628\u0639 \u0645\u0628\u064a\u0639\u0627\u062a\u0643 \u0648\u0623\u0631\u0628\u0627\u062d\u0643 \u0644\u062d\u0638\u0629 \u0628\u0644\u062d\u0638\u0629 \u0645\u0646 \u0644\u0648\u062d\u0629 \u062a\u062d\u0643\u0645\u0643.\n            <\/p>\n        <\/div>\n    <\/div>\n<\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-4 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-padding-right:20px;--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:2.375%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:2.375%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:2.375%;--awb-spacing-left-medium:2.375%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:2.375%;--awb-margin-bottom-small:60px;--awb-spacing-left-small:2.375%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;700;800&display=swap');\n\n    .koko-s4-container {\n        font-family: 'Tajawal', sans-serif;\n        direction: rtl;\n        padding: 100px 20px;\n        background: linear-gradient(135deg, #2d2d2d 0%, #1a1a1a 100%);\n        color: #fff;\n        overflow: hidden;\n    }\n\n    .koko-s4-flex {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        max-width: 1200px;\n        margin: 0 auto;\n        gap: 60px;\n    }\n\n    .koko-s4-text {\n        flex: 1;\n    }\n\n    .koko-s4-text h2 {\n        font-size: 40px;\n        font-weight: 800;\n        margin-bottom: 25px;\n        line-height: 1.3;\n        color: #fff;\n    }\n\n    .koko-s4-text h2 span {\n        color: #e31e24;\n    }\n\n    .koko-s4-text p {\n        font-size: 18px;\n        color: #ccc;\n        line-height: 1.8;\n        margin-bottom: 30px;\n    }\n\n    .koko-catalog-features {\n        list-style: none;\n        padding: 0;\n    }\n\n    .koko-catalog-features li {\n        display: flex;\n        align-items: center;\n        gap: 15px;\n        margin-bottom: 20px;\n        font-size: 18px;\n        font-weight: 700;\n    }\n\n    .koko-catalog-features li i {\n        color: #e31e24;\n        font-size: 24px;\n    }\n\n    \/* \u0646\u0645\u0648\u0630\u062c \u0645\u0635\u063a\u0631 \u0644\u0644\u0643\u0627\u0631\u062a \u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a *\/\n    .koko-s4-visual {\n        flex: 1;\n        display: flex;\n        justify-content: center;\n        position: relative;\n    }\n\n    .product-mockup {\n        background: #fff;\n        width: 320px;\n        border-radius: 25px;\n        padding: 15px;\n        box-shadow: 0 20px 50px rgba(0,0,0,0.5);\n        color: #2d2d2d;\n        transform: rotate(-5deg);\n        transition: 0.5s;\n    }\n\n    .product-mockup:hover {\n        transform: rotate(0deg) scale(1.05);\n    }\n\n    .mockup-img {\n        width: 100%;\n        height: 200px;\n        background: #f0f0f0;\n        border-radius: 15px;\n        margin-bottom: 15px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 50px;\n    }\n\n    .mockup-info h4 { margin: 0 0 10px; font-size: 20px; }\n    .mockup-info p { margin: 0; font-size: 14px; color: #777; line-height: 1.4; }\n    .mockup-price { \n        display: block; \n        margin-top: 15px; \n        font-size: 22px; \n        font-weight: 800; \n        color: #e31e24; \n    }\n\n    @media (max-width: 992px) {\n        .koko-s4-flex { flex-direction: column; text-align: center; }\n        .koko-catalog-features li { justify-content: center; }\n        .product-mockup { transform: rotate(0); margin-top: 40px; }\n    }\n<\/style>\n\n<div class=\"koko-s4-container\">\n    <div class=\"koko-s4-flex\">\n        <!-- \u0627\u0644\u0646\u0635 \u0648\u0627\u0644\u0645\u0645\u064a\u0632\u0627\u062a -->\n        <div class=\"koko-s4-text\">\n            <h2>\u0628\u064a\u0627\u0646\u0627\u062a\u0643 \u062c\u0627\u0647\u0632\u0629.. <span>\u0628\u0645\u0633\u062a\u0648\u0649 \u0639\u0627\u0644\u0645\u064a<\/span><\/h2>\n            <p>\n                \u0641\u064a \u0645\u0646\u0635\u0629 \u0643\u0648\u0643\u0648 \u0622\u0646\u062f \u0625\u0633\u060c \u0645\u0634 \u0628\u0646\u0639\u0631\u0636 \u0645\u062c\u0631\u062f \u0627\u0633\u0645 \u0645\u0646\u062a\u062c. \u0625\u062d\u0646\u0627 \u0628\u0646\u0642\u062f\u0645 \u062a\u062c\u0631\u0628\u0629 \u062a\u0633\u0648\u0642 \u0643\u0627\u0645\u0644\u0629 \u0644\u0639\u0645\u0644\u0627\u0626\u0643 \u062a\u062e\u0644\u064a \u0645\u062d\u0644\u0643 \u0647\u0648 \u0627\u0644\u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0623\u0648\u0644 \u0641\u064a \u0627\u0644\u0645\u0646\u0637\u0642\u0629.\n            <\/p>\n            \n            <ul class=\"koko-catalog-features\">\n                <li><span>\u2714<\/span> \u062a\u0635\u0648\u064a\u0631 \u0641\u0648\u062a\u0648\u063a\u0631\u0627\u0641\u064a \u0627\u062d\u062a\u0631\u0627\u0641\u064a \u0639\u0627\u0644\u064a \u0627\u0644\u062c\u0648\u062f\u0629.<\/li>\n                <li><span>\u2714<\/span> \u0648\u0635\u0641 \u062a\u0641\u0635\u064a\u0644\u064a \u062f\u0642\u064a\u0642 \u0644\u0643\u0644 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a.<\/li>\n                <li><span>\u2714<\/span> \u0643\u062a\u0627\u0644\u0648\u062c \u0639\u0645\u0644\u0627\u0642 \u064a\u0636\u0645 \u0623\u0643\u062b\u0631 \u0645\u0646 5000 \u0635\u0646\u0641 \u0633\u0648\u0628\u0631 \u0645\u0627\u0631\u0643\u062a.<\/li>\n                <li><span>\u2714<\/span> \u062a\u062d\u062f\u064a\u062b \u062a\u0644\u0642\u0627\u0626\u064a \u0644\u0644\u0623\u0633\u0639\u0627\u0631 \u0648\u0627\u0644\u0645\u062e\u0632\u0648\u0646.<\/li>\n            <\/ul>\n        <\/div>\n\n        <!-- \u0627\u0644\u0639\u0631\u0636 \u0627\u0644\u0628\u0635\u0631\u064a (\u0643\u0627\u0631\u062a \u0645\u0646\u062a\u062c \u0643\u0645\u062b\u0627\u0644) -->\n        <div class=\"koko-s4-visual\">\n            <div class=\"product-mockup\">\n                <div class=\"mockup-img\">\ud83e\uddc0<\/div>\n                <div class=\"mockup-info\">\n                    <h4>\u062c\u0628\u0646\u0629 \u0641\u064a\u062a\u0627 \u0637\u0628\u064a\u0639\u064a 500 \u062c\u0645<\/h4>\n                    <p>\u0645\u0635\u0646\u0639\u0629 \u0645\u0646 \u062d\u0644\u064a\u0628 \u0637\u0628\u064a\u0639\u064a 100%\u060c \u063a\u0646\u064a\u0629 \u0628\u0627\u0644\u0643\u0627\u0644\u0633\u064a\u0648\u0645\u060c \u0637\u0639\u0645 \u0643\u0631\u064a\u0645\u064a \u0644\u0627 \u064a\u0642\u0627\u0648\u0645.<\/p>\n                    <span class=\"mockup-price\">45.00 \u062c.\u0645<\/span>\n                <\/div>\n                <div style=\"margin-top: 15px; background: #e31e24; color: #fff; padding: 10px; border-radius: 10px; font-weight: 700; font-size: 14px;\">\n                    \u0623\u0636\u0641 \u0644\u0644\u0633\u0644\u0629\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-5 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-padding-right:20px;--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:2.375%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:2.375%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:2.375%;--awb-spacing-left-medium:2.375%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:2.375%;--awb-margin-bottom-small:60px;--awb-spacing-left-small:2.375%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><style>\n    .koko-s5-container {\n        font-family: 'Tajawal', sans-serif;\n        direction: rtl;\n        padding: 80px 20px;\n        background: #fdfdfd;\n        text-align: center;\n    }\n\n    .koko-s5-grid {\n        display: flex;\n        justify-content: center;\n        gap: 30px;\n        flex-wrap: wrap;\n        max-width: 1100px;\n        margin: 0 auto;\n    }\n\n    .koko-stat-card {\n        flex: 1;\n        min-width: 250px;\n        background: #fff;\n        padding: 30px;\n        border-radius: 20px;\n        box-shadow: 0 5px 20px rgba(0,0,0,0.05);\n        border-bottom: 5px solid #eee;\n        transition: 0.3s;\n    }\n\n    .koko-stat-card:hover {\n        border-bottom-color: #e31e24;\n        transform: translateY(-5px);\n    }\n\n    .koko-stat-card h3 {\n        font-size: 40px;\n        font-weight: 800;\n        color: #e31e24;\n        margin-bottom: 10px;\n    }\n\n    .koko-stat-card p {\n        font-size: 18px;\n        font-weight: 700;\n        color: #2d2d2d;\n        margin-bottom: 5px;\n    }\n\n    .koko-stat-card span {\n        font-size: 14px;\n        color: #777;\n    }\n<\/style>\n\n<div class=\"koko-s5-container\">\n    <div style=\"margin-bottom: 50px;\">\n        <h2 style=\"font-size: 32px; font-weight: 800; color: #2d2d2d;\">\u062d\u0633\u0627\u0628\u0627\u062a\u0643 \u0628\u0627\u0644\u0645\u0644\u0651\u064a.. \u0645\u0641\u064a\u0634 \u0645\u0635\u0627\u0631\u064a\u0641 \u0645\u062e\u0641\u064a\u0629<\/h2>\n    <\/div>\n\n    <div class=\"koko-s5-grid\">\n        <div class=\"koko-stat-card\">\n            <h3>%8<\/h3>\n            <p>\u0639\u0645\u0648\u0644\u0629 \u062b\u0627\u0628\u062a\u0629<\/p>\n            <span>\u0634\u0627\u0645\u0644\u0629 \u0627\u0644\u062a\u0648\u0635\u064a\u0644 \u0648\u0627\u0644\u0633\u064a\u0633\u062a\u0645 \u0648\u0627\u0644\u062a\u062d\u0635\u064a\u0644<\/span>\n        <\/div>\n        <div class=\"koko-stat-card\">\n            <h3>0 \u062c.\u0645<\/h3>\n            <p>\u0627\u0634\u062a\u0631\u0627\u0643 \u0634\u0647\u0631\u064a<\/p>\n            <span>\u0645\u0634 \u0647\u062a\u062f\u0641\u0639 \u0645\u0644\u064a\u0645 \u0625\u0644\u0627 \u0644\u0645\u0627 \u062a\u0628\u064a\u0639 \u0648\u062a\u0643\u0633\u0628 \u0641\u0639\u0644\u064a\u0627\u064b<\/span>\n        <\/div>\n        <div class=\"koko-stat-card\">\n            <h3>24\/7<\/h3>\n            <p>\u062f\u0639\u0645 \u0641\u0646\u064a<\/p>\n            <span>\u0641\u0631\u064a\u0642 \u0645\u0627\u0646\u062f\u0648\u0632 \u0633\u062a\u0648\u062f\u064a\u0648 \u0645\u0639\u0627\u0643 \u0644\u062d\u0638\u0629 \u0628\u0644\u062d\u0638\u0629<\/span>\n        <\/div>\n    <\/div>\n<\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-6 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-padding-right:20px;--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:2.375%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:2.375%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:2.375%;--awb-spacing-left-medium:2.375%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:2.375%;--awb-margin-bottom-small:60px;--awb-spacing-left-small:2.375%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><style>\n    .koko-faq-wrapper {\n        font-family: 'Tajawal', sans-serif;\n        direction: rtl;\n        padding: 80px 20px;\n        background: #fff;\n        max-width: 900px;\n        margin: 0 auto;\n    }\n\n    .faq-item {\n        border-bottom: 1px solid #eee;\n        padding: 20px 0;\n    }\n\n    .faq-question {\n        font-size: 20px;\n        font-weight: 700;\n        color: #2d2d2d;\n        margin-bottom: 10px;\n        display: flex;\n        align-items: center;\n        gap: 10px;\n    }\n\n    .faq-question::before {\n        content: '\u061f';\n        color: #e31e24;\n        font-weight: 800;\n    }\n\n    .faq-answer {\n        font-size: 16px;\n        color: #666;\n        line-height: 1.7;\n    }\n<\/style>\n\n<div class=\"koko-faq-wrapper\">\n    <h2 style=\"text-align: center; margin-bottom: 40px; font-weight: 800;\">\u0623\u0633\u0626\u0644\u0629 \u0628\u062a\u062f\u0648\u0631 \u0641\u064a \u0628\u0627\u0644\u0643<\/h2>\n    \n    <div class=\"faq-item\">\n        <div class=\"faq-question\">\u0625\u0632\u0627\u064a \u0647\u0633\u062a\u0644\u0645 \u0641\u0644\u0648\u0633 \u0645\u0628\u064a\u0639\u0627\u062a\u064a\u061f<\/div>\n        <div class=\"faq-answer\">\u0628\u064a\u062a\u0645 \u062a\u062d\u0635\u064a\u0644 \u0627\u0644\u0641\u0644\u0648\u0633 \u0643\u0627\u0634 \u0623\u0648 \u0641\u064a\u0632\u0627 \u0639\u0646\u062f \u0627\u0644\u062a\u0633\u0644\u064a\u0645\u060c \u0648\u0627\u0644\u0645\u0646\u0635\u0629 \u0628\u062a\u0639\u0645\u0644 \u062a\u0633\u0648\u064a\u0629 \u062f\u0648\u0631\u064a\u0629 \u0644\u0644\u0623\u0631\u0628\u0627\u062d \u0648\u0628\u062a\u062d\u0648\u0644\u0647\u0627 \u0644\u0643 \u0639\u0644\u0649 \u062d\u0633\u0627\u0628\u0643 \u0627\u0644\u0628\u0646\u0643\u064a \u0623\u0648 \u0627\u0644\u0645\u062d\u0641\u0638\u0629 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629 \u0623\u0633\u0628\u0648\u0639\u064a\u0627\u064b.<\/div>\n    <\/div>\n\n    <div class=\"faq-item\">\n        <div class=\"faq-question\">\u0644\u0648 \u0627\u0644\u0645\u0646\u062a\u062c \u062e\u0644\u0635 \u0645\u0646 \u0639\u0646\u062f\u064a \u0641\u062c\u0623\u0629 \u0623\u0639\u0645\u0644 \u0625\u064a\u0647\u061f<\/div>\n        <div class=\"faq-answer\">\u0645\u0646 \u0644\u0648\u062d\u0629 \u062a\u062d\u0643\u0645 \u0627\u0644\u062a\u0627\u062c\u0631 \u0627\u0644\u0628\u0633\u064a\u0637\u0629\u060c \u062a\u0642\u062f\u0631 \u0628\u0636\u063a\u0637\u0629 \u0648\u0627\u062d\u062f\u0629 \u062a\u062d\u0648\u0644 \u062d\u0627\u0644\u0629 \u0627\u0644\u0645\u0646\u062a\u062c \u0644\u0640 \"\u063a\u064a\u0631 \u0645\u062a\u0648\u0641\u0631\" \u0639\u0634\u0627\u0646 \u0645\u064a\u062c\u064a\u0634 \u0639\u0644\u064a\u0647 \u0623\u0648\u0631\u062f\u0631\u0627\u062a.<\/div>\n    <\/div>\n\n    <div class=\"faq-item\">\n        <div class=\"faq-question\">\u0645\u064a\u0646 \u0627\u0644\u0645\u0633\u0624\u0648\u0644 \u0639\u0646 \u0627\u0644\u0645\u0631\u062a\u062c\u0639\u0627\u062a\u061f<\/div>\n        <div class=\"faq-answer\">\u0637\u064a\u0627\u0631 \u0643\u0648\u0643\u0648 \u0622\u0646\u062f \u0625\u0633 \u0628\u064a\u0641\u062d\u0635 \u0627\u0644\u0623\u0648\u0631\u062f\u0631 \u0645\u0639 \u0627\u0644\u0639\u0645\u064a\u0644 \u0648\u0642\u062a \u0627\u0644\u062a\u0633\u0644\u064a\u0645\u061b \u0644\u0648 \u0641\u064a\u0647 \u0623\u064a \u0645\u0634\u0643\u0644\u0629 \u0641\u064a \u0627\u0644\u062c\u0648\u062f\u0629 \u0628\u0646\u062a\u0639\u0627\u0645\u0644 \u0645\u0639 \u0627\u0644\u0639\u0645\u064a\u0644 \u0641\u0648\u0631\u0627\u064b \u0648\u0628\u0646\u0636\u0645\u0646 \u062d\u0642\u0643 \u0648\u062d\u0642 \u0627\u0644\u0632\u0628\u0648\u0646.<\/div>\n    <\/div>\n<\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-7 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-padding-right:20px;--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:2.375%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:2.375%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:2.375%;--awb-spacing-left-medium:2.375%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:2.375%;--awb-margin-bottom-small:60px;--awb-spacing-left-small:2.375%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><style>\n    .koko-form-section {\n        font-family: 'Tajawal', sans-serif;\n        direction: rtl;\n        padding: 100px 20px;\n        background: #f8f9fa;\n        text-align: center;\n    }\n\n    .koko-form-card {\n        background: #fff;\n        max-width: 600px;\n        margin: 0 auto;\n        padding: 40px;\n        border-radius: 30px;\n        box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n        border-top: 10px solid #e31e24;\n    }\n\n    .koko-input-group {\n        text-align: right;\n        margin-bottom: 20px;\n    }\n\n    .koko-input-group label {\n        display: block;\n        margin-bottom: 8px;\n        font-weight: 700;\n        color: #444;\n    }\n\n    .koko-input-group input, .koko-input-group select {\n        width: 100%;\n        padding: 15px;\n        border: 1px solid #ddd;\n        border-radius: 12px;\n        font-family: 'Tajawal';\n        font-size: 16px;\n    }\n\n    .koko-input-group input:focus {\n        border-color: #e31e24;\n        outline: none;\n    }\n\n    .submit-btn {\n        width: 100%;\n        padding: 18px;\n        background: #e31e24;\n        color: #fff;\n        border: none;\n        border-radius: 12px;\n        font-size: 20px;\n        font-weight: 800;\n        cursor: pointer;\n        transition: 0.3s;\n    }\n\n    .submit-btn:hover {\n        background: #2d2d2d;\n    }\n<\/style>\n\n<div class=\"koko-form-section\" id=\"register-form\">\n    <div class=\"koko-form-card\">\n        <h2 style=\"margin-bottom: 30px;\">\u0633\u062c\u0644 \u0628\u064a\u0627\u0646\u0627\u062a \u0645\u062d\u0644\u0643 \u0627\u0644\u0622\u0646<\/h2>\n        <form action=\"#\" method=\"POST\">\n            <div class=\"koko-input-group\">\n                <label>\u0627\u0633\u0645 \u0627\u0644\u0633\u0648\u0628\u0631 \u0645\u0627\u0631\u0643\u062a<\/label>\n                <input type=\"text\" placeholder=\"\u0645\u062b\u0627\u0644: \u0633\u0648\u0628\u0631 \u0645\u0627\u0631\u0643\u062a \u0627\u0644\u0623\u0645\u0627\u0646\u0629\" required>\n            <\/div>\n            <div class=\"koko-input-group\">\n                <label>\u0627\u0633\u0645 \u0627\u0644\u0645\u0627\u0644\u0643<\/label>\n                <input type=\"text\" placeholder=\"\u0627\u0644\u0627\u0633\u0645 \u0628\u0627\u0644\u0643\u0627\u0645\u0644\" required>\n            <\/div>\n            <div class=\"koko-input-group\">\n                <label>\u0631\u0642\u0645 \u0627\u0644\u0648\u0627\u062a\u0633\u0627\u0628<\/label>\n                <input type=\"tel\" placeholder=\"01xxxxxxxxx\" required>\n            <\/div>\n            <div class=\"koko-input-group\">\n                <label>\u0627\u0644\u0645\u0646\u0637\u0642\u0629 \/ \u0627\u0644\u0639\u0646\u0648\u0627\u0646<\/label>\n                <input type=\"text\" placeholder=\"\u0645\u062b\u0627\u0644: \u0627\u0644\u0647\u0631\u0645\u060c \u0627\u0644\u062c\u064a\u0632\u0629\" required>\n            <\/div>\n            <button type=\"submit\" class=\"submit-btn\">\u0625\u0631\u0633\u0627\u0644 \u0637\u0644\u0628 \u0627\u0644\u0627\u0646\u0636\u0645\u0627\u0645<\/button>\n        <\/form>\n    <\/div>\n<\/div><\/div><\/div><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"100-width.php","meta":{"footnotes":""},"class_list":["post-4106","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kokoands.net\/index.php\/wp-json\/wp\/v2\/pages\/4106","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kokoands.net\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kokoands.net\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kokoands.net\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kokoands.net\/index.php\/wp-json\/wp\/v2\/comments?post=4106"}],"version-history":[{"count":18,"href":"https:\/\/kokoands.net\/index.php\/wp-json\/wp\/v2\/pages\/4106\/revisions"}],"predecessor-version":[{"id":4322,"href":"https:\/\/kokoands.net\/index.php\/wp-json\/wp\/v2\/pages\/4106\/revisions\/4322"}],"wp:attachment":[{"href":"https:\/\/kokoands.net\/index.php\/wp-json\/wp\/v2\/media?parent=4106"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}