{"id":3965,"date":"2026-04-12T03:15:40","date_gmt":"2026-04-12T03:15:40","guid":{"rendered":"https:\/\/kokoands.net\/?page_id=3965"},"modified":"2026-05-04T12:35:10","modified_gmt":"2026-05-04T12:35:10","slug":"shipping-companies","status":"publish","type":"page","link":"https:\/\/kokoands.net\/index.php\/shipping-companies\/","title":{"rendered":"\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u0634\u062d\u0646"},"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 fusion-animated\" style=\"--awb-bg-position:center bottom;--awb-bg-size:;--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%;\" data-animationType=\"fadeInUp\" data-animationDuration=\"1.5\" data-animationOffset=\"top-into-view\"><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-shipping-hero {\n        font-family: 'Tajawal', sans-serif;\n        direction: rtl;\n        width: 100%;\n        background: #ffffff;\n        padding: 80px 0;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .koko-shipping-container {\n        width: 95%;\n        display: flex;\n        flex-wrap: wrap;\n        align-items: center;\n        gap: 50px;\n    }\n\n    .shipping-text {\n        flex: 1.2;\n        min-width: 350px;\n    }\n\n    .shipping-badge {\n        background: #fff0f0;\n        color: #e31e24;\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    .shipping-h1 {\n        font-size: 50px;\n        font-weight: 900;\n        color: #2d2d2d;\n        line-height: 1.2;\n        margin-bottom: 25px;\n    }\n\n    .shipping-h1 span {\n        color: #e31e24;\n    }\n\n    .shipping-p {\n        font-size: 20px;\n        color: #555;\n        line-height: 1.8;\n        margin-bottom: 40px;\n    }\n\n    \/* \u0643\u0627\u0631\u062a \u0627\u0644\u0627\u0646\u0636\u0645\u0627\u0645 \u0627\u0644\u0633\u0631\u064a\u0639 *\/\n    .shipping-card {\n        flex: 0.8;\n        background: #fff;\n        padding: 50px;\n        border-radius: 40px;\n        box-shadow: 0 30px 60px rgba(0,0,0,0.1);\n        border: 1px solid #eee;\n        text-align: center;\n        position: relative;\n    }\n\n    .shipping-card::after {\n        content: '\u0623\u0633\u0627\u0637\u064a\u0644 \u0648\u0645\u0643\u0627\u062a\u0628';\n        position: absolute;\n        top: 20px;\n        left: 20px;\n        font-size: 12px;\n        font-weight: 800;\n        color: #bbb;\n        text-transform: uppercase;\n    }\n\n    .shipping-icon {\n        font-size: 60px;\n        margin-bottom: 20px;\n    }\n\n    .shipping-btn {\n        display: block;\n        width: 100%;\n        background: #e31e24;\n        color: #fff;\n        padding: 20px;\n        border-radius: 15px;\n        font-size: 22px;\n        font-weight: 800;\n        text-decoration: none;\n        transition: 0.3s;\n        margin-top: 30px;\n    }\n\n    .shipping-btn:hover {\n        background: #2d2d2d;\n        transform: translateY(-5px);\n    }\n\n    .shipping-points {\n        text-align: right;\n        margin-top: 30px;\n        list-style: none;\n        padding: 0;\n    }\n\n    .shipping-points li {\n        margin-bottom: 12px;\n        font-weight: 700;\n        color: #444;\n        display: flex;\n        align-items: center;\n        gap: 10px;\n    }\n\n    .shipping-points li::before {\n        content: '\u2713';\n        color: #e31e24;\n        font-weight: 900;\n    }\n\n    @media (max-width: 992px) {\n        .koko-shipping-container { flex-direction: column; text-align: center; }\n        .shipping-points li { justify-content: center; }\n    }\n<\/style>\n\n<div class=\"koko-shipping-hero\">\n    <div class=\"koko-shipping-container\">\n        <!-- \u0627\u0644\u0646\u0635 -->\n        <div class=\"shipping-text\">\n            <div class=\"shipping-badge\">\u0634\u0631\u0643\u0627\u0621 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a\u0629<\/div>\n            <h1 class=\"shipping-h1\">\u0634\u063a\u0651\u0644 \u0623\u0633\u0637\u0648\u0644\u0643.. <br>\u0645\u0639 <span>\u0623\u0643\u0628\u0631 \u0634\u0628\u0643\u0629 \u062a\u062c\u0627\u0631\u064a\u0629<\/span><\/h1>\n            <p class=\"shipping-p\">\n                \u0641\u064a \u0645\u0646\u0635\u0629 \u0643\u0648\u0643\u0648 \u0622\u0646\u062f \u0625\u0633\u060c \u0628\u0646\u0631\u0628\u0637 \u0623\u0633\u0637\u0648\u0644 \u0645\u0646\u0627\u062f\u064a\u0628\u0643 \u0628\u0622\u0644\u0627\u0641 \u0627\u0644\u0623\u0648\u0631\u062f\u0631\u0627\u062a \u0627\u0644\u064a\u0648\u0645\u064a\u0629 \u0645\u0646 \u0627\u0644\u0633\u0648\u0628\u0631 \u0645\u0627\u0631\u0643\u062a \u0648\u0627\u0644\u0645\u062d\u0644\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629. \u0648\u0641\u0631\u0646\u0627 \u0644\u0643 \u0627\u0644\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0627\u0644\u0644\u064a \u062a\u0636\u0645\u0646 \u0644\u0643 \u0625\u062f\u0627\u0631\u0629 \u0630\u0643\u064a\u0629 \u0648\u062d\u0633\u0627\u0628\u0627\u062a \u062f\u0642\u064a\u0642\u0629 \u0644\u0643\u0644 \u0634\u062d\u0646\u0629.\n            <\/p>\n            \n            <div style=\"display: flex; gap: 20px; flex-wrap: wrap;\">\n                <div style=\"background: #f9f9f9; padding: 20px; border-radius: 15px; border-right: 4px solid #e31e24;\">\n                    <strong>\u0623\u0648\u0631\u062f\u0631\u0627\u062a \u0645\u0633\u062a\u0645\u0631\u0629<\/strong>\n                    <p style=\"font-size: 14px; color: #777; margin: 5px 0 0;\">\u062a\u063a\u0637\u064a\u0629 \u062c\u063a\u0631\u0627\u0641\u064a\u0629 \u0648\u0627\u0633\u0639\u0629 \u0648\u0634\u063a\u0644 \u0645\u0628\u064a\u062e\u0644\u0635\u0634<\/p>\n                <\/div>\n                <div style=\"background: #f9f9f9; padding: 20px; border-radius: 15px; border-right: 4px solid #2d2d2d;\">\n                    <strong>\u062a\u062d\u0635\u064a\u0644 \u0641\u0648\u0631\u064a<\/strong>\n                    <p style=\"font-size: 14px; color: #777; margin: 5px 0 0;\">\u062f\u0648\u0631\u0629 \u0631\u0623\u0633 \u0645\u0627\u0644 \u0633\u0631\u064a\u0639\u0629 \u0648\u062a\u0633\u0648\u064a\u0627\u062a \u0623\u0633\u0628\u0648\u0639\u064a\u0629<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- \u0643\u0627\u0631\u062a \u0627\u0644\u0641\u0639\u0644 -->\n        <div class=\"shipping-card\">\n            <div class=\"shipping-icon\">\ud83d\ude9a<\/div>\n            <h2 style=\"font-size: 28px; font-weight: 800; color: #2d2d2d; margin-bottom: 10px;\">\u0627\u0646\u0636\u0645 \u0644\u0623\u0633\u0637\u0648\u0644\u0646\u0627<\/h2>\n            <p style=\"color: #666;\">\u0627\u0628\u062f\u0623 \u0631\u062d\u0644\u062a\u0643 \u0643\u0634\u0631\u064a\u0643 \u0644\u0648\u062c\u0633\u062a\u064a \u0631\u0633\u0645\u064a<\/p>\n            \n            <ul class=\"shipping-points\">\n                <li>\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0646\u0627\u062f\u064a\u0628 \u0639\u0628\u0631 \u0627\u0644\u0623\u0628\u0644\u0643\u064a\u0634\u0646<\/li>\n                <li>\u062a\u062a\u0628\u0639 \u062d\u064a \u0644\u0644\u0634\u062d\u0646\u0627\u062a (Real-time GPS)<\/li>\n                <li>\u0646\u0638\u0627\u0645 \u0639\u0645\u0648\u0644\u0627\u062a \u0645\u062d\u0641\u0632 \u0648\u0645\u062c\u0632\u064a<\/li>\n                <li>\u062f\u0639\u0645 \u0641\u0646\u064a \u0645\u062e\u0635\u0635 \u0645\u0646 \u0645\u0627\u0646\u062f\u0648\u0632 \u0633\u062a\u0648\u062f\u064a\u0648<\/li>\n            <\/ul>\n\n            <a href=\"#register-shipping\" class=\"shipping-btn\">\u0633\u062c\u0644 \u0623\u0633\u0637\u0648\u0644\u0643 \u0627\u0644\u0622\u0646<\/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 fusion-animated\" style=\"--awb-bg-position:center bottom;--awb-bg-size:;--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%;\" data-animationType=\"fadeInUp\" data-animationDuration=\"1.5\" data-animationOffset=\"top-into-view\"><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-logistics-features {\n        font-family: 'Tajawal', sans-serif;\n        direction: rtl;\n        width: 100%;\n        background: #ffffff;\n        padding: 100px 0;\n        border-top: 1px solid #f0f0f0;\n    }\n\n    .koko-fluid-shipping-grid {\n        width: 95%;\n        margin: 0 auto;\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n        gap: 30px;\n    }\n\n    .shipping-feature-card {\n        padding: 40px;\n        background: #fff;\n        border-radius: 25px;\n        border: 1px solid #eee;\n        transition: 0.3s ease-in-out;\n        text-align: right;\n    }\n\n    .shipping-feature-card:hover {\n        border-color: #e31e24;\n        box-shadow: 0 20px 40px rgba(0,0,0,0.05);\n        transform: translateY(-10px);\n    }\n\n    .shipping-icon-wrap {\n        width: 70px;\n        height: 70px;\n        background: #f9f9f9;\n        border-radius: 15px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 32px;\n        margin-bottom: 25px;\n        color: #e31e24;\n    }\n\n    .shipping-feature-card h3 {\n        font-size: 24px;\n        font-weight: 800;\n        color: #2d2d2d;\n        margin-bottom: 15px;\n    }\n\n    .shipping-feature-card p {\n        font-size: 16px;\n        color: #666;\n        line-height: 1.7;\n    }\n\n    .shipping-section-title {\n        width: 95%;\n        margin: 0 auto 60px;\n        text-align: center;\n    }\n\n    .shipping-section-title h2 {\n        font-size: 40px;\n        font-weight: 900;\n        color: #2d2d2d;\n    }\n<\/style>\n\n<div class=\"koko-logistics-features\">\n    <div class=\"shipping-section-title\">\n        <h2>\u0644\u064a\u0647 \u0634\u0631\u0643\u0627\u062a \u0627\u0644\u0634\u062d\u0646 \u0628\u062a\u062e\u062a\u0627\u0631 <span>KOKO&S<\/span>\u061f<\/h2>\n    <\/div>\n\n    <div class=\"koko-fluid-shipping-grid\">\n        <!-- \u0627\u0644\u0645\u064a\u0632\u0629 1 -->\n        <div class=\"shipping-feature-card\">\n            <div class=\"shipping-icon-wrap\">\ud83d\udcca<\/div>\n            <h3>\u0643\u062b\u0627\u0641\u0629 \u0623\u0648\u0631\u062f\u0631\u0627\u062a \u064a\u0648\u0645\u064a\u0629<\/h3>\n            <p>\u0645\u0646 \u0627\u0644\u0633\u0648\u0628\u0631 \u0645\u0627\u0631\u0643\u062a \u0644\u0644\u0645\u0648\u0636\u0629 \u0648\u0627\u0644\u0623\u062c\u0647\u0632\u0629\u060c \u0628\u0646\u0636\u0645\u0646 \u0644\u0623\u0633\u0637\u0648\u0644\u0643 \u062a\u062f\u0641\u0642 \u0645\u0633\u062a\u0645\u0631 \u0645\u0646 \u0627\u0644\u0623\u0648\u0631\u062f\u0631\u0627\u062a \u0641\u064a \u062c\u0645\u064a\u0639 \u0627\u0644\u0645\u0646\u0627\u0637\u0642 \u0627\u0644\u0645\u063a\u0637\u0627\u0629.<\/p>\n        <\/div>\n\n        <!-- \u0627\u0644\u0645\u064a\u0632\u0629 2 -->\n        <div class=\"shipping-feature-card\">\n            <div class=\"shipping-icon-wrap\">\ud83d\udcf1<\/div>\n            <h3>\u062a\u0637\u0628\u064a\u0642 \u0645\u062e\u0635\u0635 \u0644\u0644\u0645\u0646\u0627\u062f\u064a\u0628<\/h3>\n            <p>\u0625\u062f\u0627\u0631\u0629 \u0643\u0627\u0645\u0644\u0629 \u0644\u062e\u0637\u0648\u0637 \u0627\u0644\u0633\u064a\u0631\u060c \u062a\u062d\u062f\u064a\u062b \u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0627\u0633\u062a\u0644\u0627\u0645 \u0648\u0627\u0644\u062a\u0633\u0644\u064a\u0645 \u0644\u062d\u0638\u064a\u0627\u064b\u060c \u0648\u062a\u062a\u0628\u0639 GPS \u062f\u0642\u064a\u0642 \u0644\u0643\u0644 \u0645\u0646\u062f\u0648\u0628.<\/p>\n        <\/div>\n\n        <!-- \u0627\u0644\u0645\u064a\u0632\u0629 3 -->\n        <div class=\"shipping-feature-card\">\n            <div class=\"shipping-icon-wrap\">\ud83d\udd04<\/div>\n            <h3>\u0625\u062f\u0627\u0631\u0629 \u0630\u0643\u064a\u0629 \u0644\u0644\u0645\u0631\u062a\u062c\u0639\u0627\u062a<\/h3>\n            <p>\u0633\u064a\u0633\u062a\u0645 \u0645\u062a\u0637\u0648\u0631 \u0645\u0646 Mandoz Studio \u0628\u064a\u0633\u0647\u0644 \u0639\u0645\u0644\u064a\u0629 \u0625\u0639\u0627\u062f\u0629 \u0627\u0644\u0645\u0631\u062a\u062c\u0639\u0627\u062a \u0644\u0644\u0645\u062e\u0627\u0632\u0646 \u0648\u062a\u0635\u0646\u064a\u0641\u0647\u0627 \u0628\u062f\u0642\u0629.<\/p>\n        <\/div>\n\n        <!-- \u0627\u0644\u0645\u064a\u0632\u0629 4 -->\n        <div class=\"shipping-feature-card\">\n            <div class=\"shipping-icon-wrap\">\ud83c\udfe6<\/div>\n            <h3>\u062a\u0633\u0648\u064a\u0627\u062a \u0645\u0627\u0644\u064a\u0629 \u0634\u0641\u0627\u0641\u0629<\/h3>\n            <p>\u0646\u0638\u0627\u0645 \u0645\u062d\u0627\u0633\u0628\u064a \u0622\u0644\u064a \u0628\u064a\u062d\u0633\u0628 \u0639\u0645\u0648\u0644\u0627\u062a \u0627\u0644\u062a\u0648\u0635\u064a\u0644 \u0648\u0627\u0644\u062a\u062d\u0635\u064a\u0644\u0627\u062a \u0628\u062f\u0642\u0629 \u0645\u062a\u0646\u0627\u0647\u064a\u0629\u060c \u0645\u0639 \u062a\u0642\u0627\u0631\u064a\u0631 \u0645\u0627\u0644\u064a\u0629 \u064a\u0648\u0645\u064a\u0629 \u0648\u0623\u0633\u0628\u0648\u0639\u064a\u0629.<\/p>\n        <\/div>\n    <\/div>\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 fusion-animated\" style=\"--awb-bg-position:center bottom;--awb-bg-size:;--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%;\" data-animationType=\"fadeInUp\" data-animationDuration=\"1.5\" data-animationOffset=\"top-into-view\"><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-shipping-steps {\n        font-family: 'Tajawal', sans-serif;\n        direction: rtl;\n        width: 100%;\n        background: #ffffff;\n        padding: 100px 0;\n    }\n\n    .koko-steps-wrapper {\n        width: 95%;\n        margin: 0 auto;\n    }\n\n    .steps-header {\n        text-align: center;\n        margin-bottom: 80px;\n    }\n\n    .steps-header h2 {\n        font-size: 42px;\n        font-weight: 900;\n        color: #2d2d2d;\n    }\n\n    .steps-header span {\n        color: #e31e24;\n    }\n\n    .shipping-flow {\n        display: flex;\n        justify-content: space-around;\n        gap: 40px;\n        position: relative;\n    }\n\n    \/* \u0627\u0644\u062e\u0637 \u0627\u0644\u0645\u0648\u0635\u0644 *\/\n    .shipping-flow::after {\n        content: '';\n        position: absolute;\n        top: 60px;\n        left: 15%;\n        right: 15%;\n        height: 2px;\n        background: #f0f0f0;\n        z-index: 1;\n    }\n\n    .flow-item {\n        flex: 1;\n        text-align: center;\n        z-index: 2;\n        background: #fff;\n    }\n\n    .flow-icon-circle {\n        width: 120px;\n        height: 120px;\n        background: #fff;\n        border: 2px solid #e31e24;\n        color: #e31e24;\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 40px;\n        margin: 0 auto 30px;\n        transition: 0.4s ease;\n        box-shadow: 0 10px 20px rgba(227, 30, 36, 0.05);\n    }\n\n    .flow-item:hover .flow-icon-circle {\n        background: #e31e24;\n        color: #fff;\n        transform: scale(1.1);\n    }\n\n    .flow-item h3 {\n        font-size: 24px;\n        font-weight: 800;\n        color: #2d2d2d;\n        margin-bottom: 15px;\n    }\n\n    .flow-item p {\n        font-size: 17px;\n        color: #666;\n        line-height: 1.8;\n        max-width: 300px;\n        margin: 0 auto;\n    }\n\n    @media (max-width: 992px) {\n        .shipping-flow { flex-direction: column; gap: 60px; }\n        .shipping-flow::after { display: none; }\n    }\n<\/style>\n\n<div class=\"koko-shipping-steps\">\n    <div class=\"koko-steps-wrapper\">\n        <div class=\"steps-header\">\n            <h2>\u062f\u0648\u0631\u0629 \u0627\u0644\u0639\u0645\u0644.. <span>\u0628\u0645\u0646\u062a\u0647\u0649 \u0627\u0644\u062f\u0642\u0629<\/span><\/h2>\n            <p style=\"font-size: 22px; color: #777; margin-top: 10px;\">\u0625\u0632\u0627\u064a \u0628\u0646\u0631\u0628\u0637 \u0623\u0633\u0637\u0648\u0644\u0643 \u0628\u0645\u0646\u0635\u0629 \u0643\u0648\u0643\u0648 \u0622\u0646\u062f \u0625\u0633\u061f<\/p>\n        <\/div>\n\n        <div class=\"shipping-flow\">\n            <!-- \u0627\u0644\u062e\u0637\u0648\u0629 1 -->\n            <div class=\"flow-item\">\n                <div class=\"flow-icon-circle\">\ud83d\udd17<\/div>\n                <h3>\u0627\u0644\u0631\u0628\u0637 \u0627\u0644\u062a\u0642\u0646\u064a<\/h3>\n                <p>\u0633\u0648\u0627\u0621 \u0643\u0646\u062a \u062a\u0645\u0644\u0643 \u0646\u0638\u0627\u0645\u0627\u064b \u062e\u0627\u0635\u0627\u064b \u0623\u0648 \u0633\u062a\u062d\u0635\u0644 \u0639\u0644\u0649 \u0644\u0648\u062d\u0629 \u062a\u062d\u0643\u0645\u0646\u0627\u060c \u0628\u0646\u0648\u0641\u0631\u0644\u0643 \u0631\u0628\u0637 \u062a\u0642\u0646\u064a \u0643\u0627\u0645\u0644 (API) \u0644\u0645\u0632\u0627\u0645\u0646\u0629 \u0627\u0644\u0623\u0648\u0631\u062f\u0631\u0627\u062a \u0644\u062d\u0638\u064a\u0627\u064b.<\/p>\n            <\/div>\n\n            <!-- \u0627\u0644\u062e\u0637\u0648\u0629 2 -->\n            <div class=\"flow-item\">\n                <div class=\"flow-icon-circle\">\ud83d\udccb<\/div>\n                <h3>\u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u0645\u0647\u0627\u0645<\/h3>\n                <p>\u0627\u0644\u0623\u0648\u0631\u062f\u0631\u0627\u062a \u0628\u062a\u0638\u0647\u0631 \u0641\u0648\u0631\u0627\u064b \u0644\u0634\u0631\u0643\u0629 \u0627\u0644\u0634\u062d\u0646\u060c \u0648\u0628\u0636\u063a\u0637\u0629 \u0632\u0631\u0627\u0631 \u0628\u064a\u062a\u0645 \u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0645\u0647\u0645\u0629 \u0644\u0623\u0642\u0631\u0628 \u0645\u0646\u062f\u0648\u0628 \u0645\u062a\u0627\u062d \u0641\u064a \u0645\u0646\u0637\u0642\u0629 \u0627\u0644\u0623\u0648\u0631\u062f\u0631.<\/p>\n            <\/div>\n\n            <!-- \u0627\u0644\u062e\u0637\u0648\u0629 3 -->\n            <div class=\"flow-item\">\n                <h3>\u0627\u0644\u062a\u0633\u0644\u064a\u0645 \u0648\u0627\u0644\u062a\u062d\u0635\u064a\u0644<\/h3>\n                <div class=\"flow-icon-circle\">\ud83d\udcb0<\/div>\n                <p>\u0628\u0645\u062c\u0631\u062f \u0627\u0644\u062a\u0633\u0644\u064a\u0645\u060c \u0628\u064a\u062a\u0645 \u062a\u062d\u062f\u064a\u062b \u062d\u0627\u0644\u0629 \u0627\u0644\u0623\u0648\u0631\u062f\u0631 \u0648\u062a\u0633\u0648\u064a\u0629 \u0642\u064a\u0645\u0629 \u0627\u0644\u0634\u062d\u0646 \u0648\u0627\u0644\u062a\u062d\u0635\u064a\u0644\u0627\u062a \u0641\u064a \u062d\u0633\u0627\u0628 \u0634\u0631\u0643\u062a\u0643 \u0623\u0633\u0628\u0648\u0639\u064a\u0627\u064b.<\/p>\n            <\/div>\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 fusion-animated\" style=\"--awb-bg-position:center bottom;--awb-bg-size:;--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%;\" data-animationType=\"fadeInUp\" data-animationDuration=\"1.5\" data-animationOffset=\"top-into-view\"><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-shipping-final {\n        font-family: 'Tajawal', sans-serif;\n        direction: rtl;\n        width: 100%;\n        background: #ffffff;\n        padding: 80px 0;\n    }\n\n    .koko-shipping-inner {\n        width: 95%;\n        margin: 0 auto;\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 60px;\n        align-items: start;\n    }\n\n    \/* \u0642\u0633\u0645 \u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u0634\u0627\u0626\u0639\u0629 *\/\n    .shipping-faq-side h2 {\n        font-size: 36px;\n        font-weight: 900;\n        color: #2d2d2d;\n        margin-bottom: 40px;\n    }\n\n    .shipping-faq-item {\n        margin-bottom: 25px;\n        padding-bottom: 20px;\n        border-bottom: 1px solid #eee;\n    }\n\n    .shipping-faq-item h4 {\n        font-size: 20px;\n        font-weight: 800;\n        color: #e31e24;\n        margin-bottom: 10px;\n    }\n\n    .shipping-faq-item p {\n        font-size: 16px;\n        color: #666;\n        line-height: 1.7;\n    }\n\n    \/* \u0643\u0627\u0631\u062a \u0646\u0645\u0648\u0630\u062c \u0627\u0644\u062a\u0633\u062c\u064a\u0644 *\/\n    .shipping-form-card {\n        background: #fff;\n        padding: 50px;\n        border-radius: 40px;\n        box-shadow: 0 20px 60px rgba(0,0,0,0.08);\n        border: 1px solid #f0f0f0;\n        border-top: 12px solid #e31e24;\n    }\n\n    .shipping-form-card h3 {\n        font-size: 28px;\n        font-weight: 900;\n        margin-bottom: 15px;\n        text-align: center;\n    }\n\n    .shipping-form-card p {\n        text-align: center;\n        color: #888;\n        margin-bottom: 35px;\n    }\n\n    .ship-input-grid {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 20px;\n    }\n\n    .ship-group { margin-bottom: 20px; text-align: right; }\n\n    .ship-group label {\n        display: block;\n        font-weight: 700;\n        margin-bottom: 8px;\n        color: #444;\n    }\n\n    .ship-group input, .ship-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        background: #fdfdfd;\n    }\n\n    .ship-group input:focus { border-color: #e31e24; outline: none; background: #fff; }\n\n    .ship-full { grid-column: span 2; }\n\n    .ship-submit {\n        width: 100%;\n        padding: 20px;\n        background: #e31e24;\n        color: #fff;\n        border: none;\n        border-radius: 15px;\n        font-size: 22px;\n        font-weight: 800;\n        cursor: pointer;\n        transition: 0.3s;\n        margin-top: 10px;\n    }\n\n    .ship-submit:hover { background: #2d2d2d; transform: translateY(-5px); }\n\n    @media (max-width: 992px) {\n        .koko-shipping-inner { grid-template-columns: 1fr; }\n        .ship-input-grid { grid-template-columns: 1fr; }\n        .ship-full { grid-column: span 1; }\n    }\n<\/style>\n\n<div class=\"koko-shipping-final\" id=\"register-shipping\">\n    <div class=\"koko-shipping-inner\">\n        <!-- \u0627\u0644\u062c\u0627\u0646\u0628 \u0627\u0644\u0623\u064a\u0645\u0646: \u0627\u0644\u0623\u0633\u0626\u0644\u0629 -->\n        <div class=\"shipping-faq-side\">\n            <h2>\u0623\u0633\u0626\u0644\u0629 \u062a\u0647\u0645 \u0634\u0631\u0643\u0627\u0621 \u0627\u0644\u0634\u062d\u0646<\/h2>\n            \n            <div class=\"shipping-faq-item\">\n                <h4>\u0643\u064a\u0641 \u064a\u062a\u0645 \u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u0623\u0648\u0631\u062f\u0631\u0627\u062a \u0639\u0644\u0649 \u0627\u0644\u0645\u0646\u0627\u062f\u064a\u0628\u061f<\/h4>\n                <p>\u0627\u0644\u0633\u064a\u0633\u062a\u0645 \u0628\u064a\u062d\u062f\u062f \u0627\u0644\u0623\u0648\u0631\u062f\u0631\u0627\u062a \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0627\u0644\u0646\u0637\u0627\u0642 \u0627\u0644\u062c\u063a\u0631\u0627\u0641\u064a \u0644\u0634\u0631\u0643\u0629 \u0627\u0644\u0634\u062d\u0646\u060c \u0648\u0628\u064a\u062a\u0645 \u0625\u0631\u0633\u0627\u0644 \u062a\u0646\u0628\u064a\u0647 \u0644\u0644\u0645\u0646\u062f\u0648\u0628 \u0627\u0644\u0623\u0642\u0631\u0628 \u0644\u0645\u0643\u0627\u0646 \u0627\u0644\u0627\u0633\u062a\u0644\u0627\u0645 \u0644\u0636\u0645\u0627\u0646 \u0627\u0644\u0633\u0631\u0639\u0629.<\/p>\n            <\/div>\n\n            <div class=\"shipping-faq-item\">\n                <h4>\u0645\u0627 \u0647\u064a \u062f\u0648\u0631\u0629 \u062a\u062d\u0635\u064a\u0644 \u0645\u0628\u0627\u0644\u063a \u0627\u0644\u0634\u062d\u0646\u061f<\/h4>\n                <p>\u0628\u064a\u062a\u0645 \u0639\u0645\u0644 \u062a\u0633\u0648\u064a\u0629 \u0645\u0627\u0644\u064a\u0629 \u0634\u0627\u0645\u0644\u0629 \u0644\u0643\u0644 \u0623\u0648\u0631\u062f\u0631\u0627\u062a \u0627\u0644\u0623\u0633\u0628\u0648\u0639 \u064a\u0648\u0645 (\u0627\u0644\u062e\u0645\u064a\u0633)\u060c \u0648\u0628\u064a\u062a\u0645 \u062a\u062d\u0648\u064a\u0644 \u0645\u0628\u0627\u0644\u063a \u0627\u0644\u0634\u062d\u0646 \u0627\u0644\u0645\u0633\u062a\u062d\u0642\u0629 \u0644\u0634\u0631\u0643\u062a\u0643\u0645 \u0628\u062d\u062f \u0623\u0642\u0635\u0649 \u064a\u0648\u0645 (\u0627\u0644\u0623\u062d\u062f) \u0645\u0646 \u0643\u0644 \u0623\u0633\u0628\u0648\u0639.<\/p>\n            <\/div>\n\n            <div class=\"shipping-faq-item\">\n                <h4>\u0647\u0644 \u062a\u0648\u0641\u0631 \u0627\u0644\u0645\u0646\u0635\u0629 \u062f\u0639\u0645\u0627\u064b \u0641\u0646\u064a\u0627\u064b \u0644\u0644\u0645\u0646\u0627\u062f\u064a\u0628\u061f<\/h4>\n                <p>\u0646\u0639\u0645\u060c \u064a\u0648\u062c\u062f \u062e\u0637 \u0633\u0627\u062e\u0646 \u0648\u0641\u0631\u064a\u0642 \u062f\u0639\u0645 \u0641\u0646\u064a \u0645\u062e\u0635\u0635 \u0645\u0646 \u0645\u0627\u0646\u062f\u0648\u0632 \u0633\u062a\u0648\u062f\u064a\u0648 \u0644\u0645\u0633\u0627\u0639\u062f\u0629 \u0627\u0644\u0645\u0646\u0627\u062f\u064a\u0628 \u0641\u064a \u062d\u0627\u0644\u0629 \u0648\u062c\u0648\u062f \u0645\u0634\u0627\u0643\u0644 \u062a\u0642\u0646\u064a\u0629 \u0628\u0627\u0644\u0623\u0628\u0644\u0643\u064a\u0634\u0646 \u0623\u0648 \u0641\u064a \u0627\u0644\u0648\u0635\u0648\u0644 \u0644\u0644\u0639\u0645\u0644\u0627\u0621.<\/p>\n            <\/div>\n        <\/div>\n\n        <!-- \u0627\u0644\u062c\u0627\u0646\u0628 \u0627\u0644\u0623\u064a\u0633\u0631: \u0627\u0644\u0641\u0648\u0631\u0645 -->\n        <div class=\"shipping-form-card\">\n            <h3>\u0633\u062c\u0644 \u0623\u0633\u0637\u0648\u0644\u0643 \u0627\u0644\u0622\u0646<\/h3>\n            <p>\u0627\u0646\u0636\u0645 \u0644\u0634\u0628\u0643\u0629 \u0627\u0644\u062a\u0648\u0635\u064a\u0644 \u0627\u0644\u0623\u0633\u0631\u0639 \u0646\u0645\u0648\u0627\u064b \u0641\u064a \u0645\u0635\u0631<\/p>\n            \n            <form action=\"#\">\n                <div class=\"ship-input-grid\">\n                    <div class=\"ship-group\">\n                        <label>\u0627\u0633\u0645 \u0627\u0644\u0634\u0631\u0643\u0629 \/ \u0627\u0644\u0645\u0643\u062a\u0628<\/label>\n                        <input type=\"text\" placeholder=\"\u0645\u062b\u0627\u0644: \u0634\u0631\u0643\u0629 \u0627\u0644\u0646\u064a\u0644 \u0644\u0644\u0634\u062d\u0646\" required>\n                    <\/div>\n                    <div class=\"ship-group\">\n                        <label>\u062d\u062c\u0645 \u0627\u0644\u0623\u0633\u0637\u0648\u0644 \u0627\u0644\u062a\u0642\u0631\u064a\u0628\u064a<\/label>\n                        <select required>\n                            <option value=\"\">\u0627\u062e\u062a\u0631 \u0627\u0644\u0639\u062f\u062f<\/option>\n                            <option value=\"1-10\">\u0645\u0646 1 \u0644\u0640 10 \u0645\u0646\u0627\u062f\u064a\u0628<\/option>\n                            <option value=\"11-50\">\u0645\u0646 11 \u0644\u0640 50 \u0645\u0646\u062f\u0648\u0628<\/option>\n                            <option value=\"50+\">\u0623\u0643\u062b\u0631 \u0645\u0646 50 \u0645\u0646\u062f\u0648\u0628<\/option>\n                        <\/select>\n                    <\/div>\n                    <div class=\"ship-group\">\n                        <label>\u0631\u0642\u0645 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 (\u0648\u0627\u062a\u0633\u0627\u0628)<\/label>\n                        <input type=\"tel\" placeholder=\"01xxxxxxxxx\" required>\n                    <\/div>\n                    <div class=\"ship-group\">\n                        <label>\u0645\u0646\u0627\u0637\u0642 \u0627\u0644\u062a\u063a\u0637\u064a\u0629 \u0627\u0644\u062d\u0627\u0644\u064a\u0629<\/label>\n                        <input type=\"text\" placeholder=\"\u0645\u062b\u0627\u0644: \u0627\u0644\u0642\u0627\u0647\u0631\u0629 \u0648\u0627\u0644\u062c\u064a\u0632\u0629\" required>\n                    <\/div>\n                    <div class=\"ship-group ship-full\">\n                        <label>\u0647\u0644 \u0644\u062f\u064a\u0643\u0645 \u0646\u0638\u0627\u0645 \u062a\u0642\u0646\u064a \u062e\u0627\u0635 (API)\u061f<\/label>\n                        <select required>\n                            <option value=\"no\">\u0644\u0627\u060c \u0646\u062d\u062a\u0627\u062c \u0644\u0644\u0648\u062d\u0629 \u062a\u062d\u0643\u0645 \u0643\u0648\u0643\u0648 \u0622\u0646\u062f \u0625\u0633<\/option>\n                            <option value=\"yes\">\u0646\u0639\u0645\u060c \u0646\u0648\u062f \u0627\u0644\u0631\u0628\u0637 \u0645\u0639 \u0627\u0644\u0633\u064a\u0633\u062a\u0645 \u0627\u0644\u062e\u0627\u0635 \u0628\u0646\u0627<\/option>\n                        <\/select>\n                    <\/div>\n                <\/div>\n                <button type=\"submit\" class=\"ship-submit\">\u0625\u0631\u0633\u0627\u0644 \u0637\u0644\u0628 \u0627\u0644\u0634\u0631\u0627\u0643\u0629<\/button>\n            <\/form>\n        <\/div>\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-3965","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kokoands.net\/index.php\/wp-json\/wp\/v2\/pages\/3965","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=3965"}],"version-history":[{"count":9,"href":"https:\/\/kokoands.net\/index.php\/wp-json\/wp\/v2\/pages\/3965\/revisions"}],"predecessor-version":[{"id":4311,"href":"https:\/\/kokoands.net\/index.php\/wp-json\/wp\/v2\/pages\/3965\/revisions\/4311"}],"wp:attachment":[{"href":"https:\/\/kokoands.net\/index.php\/wp-json\/wp\/v2\/media?parent=3965"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}