{"id":580,"date":"2025-03-19T08:05:55","date_gmt":"2025-03-19T08:05:55","guid":{"rendered":"https:\/\/webangon.com\/sites\/educash\/tutor\/?page_id=580"},"modified":"2025-12-10T03:23:35","modified_gmt":"2025-12-10T00:23:35","slug":"courses-1","status":"publish","type":"page","link":"https:\/\/dat-center.com\/en\/courses-1\/","title":{"rendered":"1-courses"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"580\" class=\"elementor elementor-580\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8ce825f e-con-full e-flex e-con e-parent\" data-id=\"8ce825f\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ece8c1c elementor-widget elementor-widget-shortcode\" data-id=\"ece8c1c\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    \n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@700;800&display=swap\" rel=\"stylesheet\">\n\n    <section class=\"dat-pro-hero\" dir=\"ltr\">\n        \n        <!-- \u0627\u0644\u062d\u0627\u0648\u064a\u0629 \u0639\u0631\u064a\u0636\u0629 \u062c\u062f\u0627\u064b \u0644\u0645\u0644\u0621 \u0627\u0644\u0634\u0627\u0634\u0629 -->\n        <div class=\"dat-fluid-container\">\n            \n            <!-- 1. \u0642\u0633\u0645 \u0627\u0644\u0646\u0635 -->\n            <div class=\"dat-content-side\">\n                <h1 class=\"dat-big-title\">Our Courses<\/h1>\n                <div class=\"dat-accent-dash\"><\/div>\n            <\/div>\n\n            <!-- 2. \u0642\u0633\u0645 \u0627\u0644\u0635\u0648\u0631\u0629 (\u0641\u064a \u0627\u0644\u0637\u0631\u0641 \u0627\u0644\u0623\u0642\u0635\u0649) -->\n            <div class=\"dat-image-side\">\n                <img decoding=\"async\" src=\"http:\/\/dat-center.com\/wp-content\/uploads\/2025\/12\/dat.png\" alt=\"Our Courses\" class=\"dat-edge-img\">\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n    <style>\n        \/* \u0625\u0639\u062f\u0627\u062f\u0627\u062a \u0627\u0644\u0642\u0633\u0645 \u0648\u0627\u0644\u062e\u0644\u0641\u064a\u0629 (\u0646\u0641\u0633 \u062a\u062f\u0631\u062c \u0627\u0644\u0635\u0648\u0631\u0629 \u0627\u0644\u0645\u0631\u0641\u0642\u0629) *\/\n        .dat-pro-hero {\n            position: relative;\n            \/* \u0627\u0644\u062a\u062f\u0631\u062c \u0627\u0644\u0644\u0648\u0646\u064a: \u0623\u0632\u0631\u0642 \u0633\u0645\u0627\u0648\u064a \u0646\u0627\u0639\u0645 \u0625\u0644\u0649 \u0648\u0631\u062f\u064a \u0641\u0627\u062a\u062d *\/\n            background: linear-gradient(90deg, #cdecf9 0%, #fcddec 100%);\n            \/* \u0641\u064a \u062d\u0627\u0644\u0629 \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a \u0646\u0639\u0643\u0633 \u0627\u062a\u062c\u0627\u0647 \u0627\u0644\u062a\u062f\u0631\u062c \u0644\u064a\u0646\u0627\u0633\u0628 \u0627\u062a\u062c\u0627\u0647 \u0627\u0644\u0642\u0631\u0627\u0621\u0629 *\/\n                        background: linear-gradient(-90deg, #cdecf9 0%, #fcddec 100%);\n                        \n            min-height: 350px; \/* \u0627\u0631\u062a\u0641\u0627\u0639 \u0627\u062d\u062a\u0631\u0627\u0641\u064a *\/\n            display: flex;\n            align-items: center;\n            overflow: hidden;\n            font-family: 'Tajawal', sans-serif;\n            padding: 0; \/* \u0625\u0644\u063a\u0627\u0621 \u0627\u0644\u062d\u0648\u0627\u0641 \u0627\u0644\u062c\u0627\u0646\u0628\u064a\u0629 *\/\n        }\n\n        .dat-fluid-container {\n            width: 100%;\n            max-width: 100%;\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            padding-left: 8%; \/* \u0645\u0633\u0627\u0641\u0629 \u0644\u0644\u0646\u0635 \u0645\u0646 \u0627\u0644\u062c\u0627\u0646\u0628 *\/\n        }\n\n        \/* --- \u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0646\u0635 --- *\/\n        .dat-content-side {\n            flex: 0 0 40%; \/* \u0627\u0644\u0646\u0635 \u064a\u0623\u062e\u0630 40% \u0645\u0646 \u0627\u0644\u0645\u0633\u0627\u062d\u0629 *\/\n            z-index: 2;\n        }\n\n        .dat-big-title {\n            font-size: 70px; \/* \u062e\u0637 \u0636\u062e\u0645 \u0648\u062c\u0631\u064a\u0621 *\/\n            font-weight: 900;\n            color: #2c3e50;\n            margin: 0;\n            line-height: 1;\n            text-transform: uppercase;\n        }\n\n        .dat-accent-dash {\n            width: 100px;\n            height: 8px;\n            background: #66498F; \/* \u0627\u0644\u0644\u0648\u0646 \u0627\u0644\u0628\u0646\u0641\u0633\u062c\u064a \u0644\u0644\u0647\u0648\u064a\u0629 *\/\n            margin-top: 20px;\n            border-radius: 4px;\n        }\n\n        \/* --- \u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0635\u0648\u0631\u0629 --- *\/\n        .dat-image-side {\n            flex: 0 0 55%; \/* \u0627\u0644\u0635\u0648\u0631\u0629 \u062a\u0623\u062e\u0630 \u0645\u0633\u0627\u062d\u0629 \u0623\u0643\u0628\u0631 *\/\n            display: flex;\n            \/* \u062a\u0648\u062c\u064a\u0647 \u0627\u0644\u0635\u0648\u0631\u0629 \u0644\u0623\u0642\u0635\u0649 \u0627\u0644\u0637\u0631\u0641 *\/\n            justify-content: flex-end; \n            \/* \u0641\u064a \u0627\u0644\u0639\u0631\u0628\u064a\u0629 flex-end \u064a\u0639\u0646\u064a \u0627\u0644\u064a\u0633\u0627\u0631 \u0644\u0623\u0646 \u0627\u0644\u0640 container direction: rtl *\/\n        }\n\n        .dat-edge-img {\n            width: auto;\n            max-width: 100%;\n            height: 450px; \/* \u062d\u062c\u0645 \u0643\u0628\u064a\u0631 \u0644\u0644\u0635\u0648\u0631\u0629 *\/\n            object-fit: contain;\n            \n            \/* \u062d\u0631\u0643\u0629 \u0627\u0644\u0637\u0641\u0648 *\/\n            animation: datEdgeFloat 5s ease-in-out infinite;\n            filter: drop-shadow(-10px 20px 30px rgba(0,0,0,0.15));\n            \n            \/* \u0644\u0625\u0644\u0635\u0627\u0642 \u0627\u0644\u0635\u0648\u0631\u0629 \u0628\u0627\u0644\u062d\u0627\u0641\u0629 \u062a\u0645\u0627\u0645\u0627\u064b *\/\n            display: block;\n        }\n\n        \/* Animation *\/\n        @keyframes datEdgeFloat {\n            0%, 100% { transform: translateY(0) scale(1); }\n            50% { transform: translateY(-20px) scale(1.02); }\n        }\n\n        \/* --- \u062a\u062c\u0627\u0648\u0628 \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 (Responsive) --- *\/\n        @media (max-width: 992px) {\n            .dat-pro-hero {\n                min-height: auto;\n                padding: 40px 20px;\n                text-align: center;\n                background: linear-gradient(180deg, #cdecf9 0%, #fcddec 100%); \/* \u0627\u0644\u062a\u062f\u0631\u062c \u0639\u0645\u0648\u062f\u064a \u0641\u064a \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 *\/\n            }\n            \n            .dat-fluid-container {\n                flex-direction: column-reverse; \/* \u0627\u0644\u0635\u0648\u0631\u0629 \u0641\u0648\u0642 \u0648\u0627\u0644\u0646\u0635 \u062a\u062d\u062a *\/\n                padding: 0;\n            }\n\n            .dat-content-side {\n                width: 100%;\n                margin-top: 30px;\n            }\n\n            .dat-big-title { font-size: 45px; }\n            .dat-accent-dash { margin: 15px auto; }\n\n            .dat-image-side {\n                width: 100%;\n                justify-content: center; \/* \u062a\u0648\u0633\u064a\u0637 \u0627\u0644\u0635\u0648\u0631\u0629 \u0641\u064a \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 *\/\n            }\n            .dat-edge-img {\n                height: auto;\n                width: 80%;\n                max-width: 350px;\n            }\n        }\n    <\/style>\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4a666f2 e-flex e-con-boxed e-con e-parent\" data-id=\"4a666f2\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a3caeab elementor-widget elementor-widget-shortcode\" data-id=\"a3caeab\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <!-- \u062a\u062d\u0645\u064a\u0644 \u0645\u0643\u062a\u0628\u0627\u062a \u0627\u0644\u062e\u0637\u0648\u0637 \u0648\u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0627\u062a -->\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n            <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600;700;800;900&display=swap\" rel=\"stylesheet\">\n    \n    <!-- \u0627\u0644\u0648\u0639\u0627\u0621 \u0627\u0644\u0631\u0626\u064a\u0633\u064a \u0645\u0639 \u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0627\u062a\u062c\u0627\u0647 \u062f\u064a\u0646\u0627\u0645\u064a\u0643\u064a\u0627\u064b -->\n    <div class=\"dat-wrapper\" dir=\"ltr\">\n        \n        <!-- Search & Filter -->\n        <div class=\"dat-top-bar\">\n            <form id=\"dat-filter-form\" action=\"\">\n                <div class=\"dat-select-box\">\n                    <select id=\"dat-cat\">\n                        <option value=\"\">All Categories<\/option>\n                        <option value='ai'>AI<\/option><option value='cyber-security'>Cyber Security<\/option><option value='editing'>Editing<\/option><option value='graphic'>Graphic<\/option><option value='marketing'>Marketing<\/option><option value='math'>Math<\/option><option value='photography'>Photography<\/option><option value='programming'>Programming<\/option>                    <\/select>\n                    <!-- \u0623\u064a\u0642\u0648\u0646\u0629 \u0627\u0644\u0633\u0647\u0645 -->\n                    <i class=\"fa-solid fa-chevron-down\"><\/i>\n                <\/div>\n                <div class=\"dat-search-box\">\n                    <input type=\"text\" id=\"dat-search\" placeholder=\"Search courses...\">\n                    <button type=\"submit\"><i class=\"fa-solid fa-magnifying-glass\"><\/i><\/button>\n                <\/div>\n            <input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form>\n        <\/div>\n\n        <!-- Grid -->\n        <div id=\"dat-grid\" class=\"dat-grid\"><\/div>\n\n        <!-- Load More -->\n        <div class=\"dat-more-area\">\n            <button id=\"dat-more-btn\" data-page=\"1\" style=\"display:none;\">\n                <span>Load More<\/span>\n                <!-- \u0639\u0643\u0633 \u0627\u0644\u0633\u0647\u0645 \u0641\u064a \u062d\u0627\u0644\u0629 \u0627\u0644\u062a\u062d\u0645\u064a\u0644 -->\n            <\/button>\n            <p id=\"dat-end-msg\" style=\"display:none;\">All courses loaded<\/p>\n            <div id=\"dat-loader\" style=\"display:none;\"><div class=\"spinner\"><\/div><\/div>\n        <\/div>\n    <\/div>\n\n    <style>\n        :root {\n            --dat-blue: #0A2647; \n            --dat-accent: #66498F;\n            --dat-success: #10b981;\n            --dat-danger: #ef4444;\n            --dat-price-old: #94a3b8;\n            --dat-price-new: #0A2647;\n            --font-main: 'Poppins', sans-serif; \/* \u0627\u0644\u062e\u0637 \u062f\u064a\u0646\u0627\u0645\u064a\u0643\u064a *\/\n        }\n\n        .dat-wrapper { \n            font-family: var(--font-main); \n            max-width: 1200px; \n            margin: 0 auto; \n            padding: 20px; \n            width: 100%;\n        }\n\n        \/* Top Bar *\/\n        .dat-top-bar { \n            background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);\n            border: 1px solid #e2e8f0; \n            border-radius: 16px; \n            padding: 12px; \n            margin-bottom: 40px; \n            box-shadow: 0 10px 30px rgba(10, 38, 71, 0.08);\n            max-width: 900px; \/* \u062a\u0645 \u0627\u0644\u062a\u0639\u062f\u064a\u0644 \u0642\u0644\u064a\u0644\u0627\u064b *\/\n            margin-left: auto; \n            margin-right: auto;\n        }\n        #dat-filter-form { display: flex; gap: 15px; }\n        \n        .dat-select-box { \n            position: relative; \n            flex: 1; \n            border-right: 2px solid #e2e8f0; \n            padding-right: 12px; \n        }\n        .dat-select-box select { \n            width: 100%; border: none; background: transparent; outline: none; \n            font-family: var(--font-main); font-size: 15px; cursor: pointer; \n            padding: 12px; color: #334155; font-weight: 700;\n        }\n        \/* \u0623\u064a\u0642\u0648\u0646\u0629 \u0627\u0644\u0642\u0627\u0626\u0645\u0629 *\/\n        .dat-select-box i { \n            position: absolute; \n            right: 12px; \n            top: 50%; transform: translateY(-50%); \n            color: #64748b; font-size: 12px; pointer-events: none; \n        }\n\n        .dat-search-box { flex: 2; display: flex; align-items: center; gap: 10px; }\n        .dat-search-box input { \n            width: 100%; border: none; outline: none; padding: 10px 15px; \n            font-family: var(--font-main); font-size: 15px; \n            background: transparent; color: #1e293b;\n        }\n        .dat-search-box button { \n            background: linear-gradient(135deg, var(--dat-blue) 0%, #164070 100%);\n            color: #fff; width: 45px; height: 45px; border-radius: 12px; \n            border: none; cursor: pointer; transition: all 0.3s ease;\n            display: flex; align-items: center; justify-content: center;\n        }\n        .dat-search-box button:hover { \n            transform: scale(1.05); \n            box-shadow: 0 5px 15px rgba(10, 38, 71, 0.3);\n        }\n\n        \/* Grid *\/\n        .dat-grid { \n            display: grid; \n            grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); \n            gap: 30px; \n        }\n\n        \/* Card Design - \u062a\u0645 \u0636\u0628\u0637 \u0627\u0644\u0623\u062d\u062c\u0627\u0645 \u0644\u062a\u0637\u0627\u0628\u0642 V28 *\/\n        .dat-card {\n            background: #fff; \n            border-radius: 20px; \n            overflow: hidden;\n            border: 1px solid #e2e8f0; \n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n            display: flex; \n            flex-direction: column;\n            position: relative;\n        }\n        .dat-card:hover { \n            transform: translateY(-8px); \n            box-shadow: 0 20px 40px rgba(10, 38, 71, 0.12);\n            border-color: var(--dat-blue);\n        }\n\n        \/* Image *\/\n        .dat-thumb { \n            height: 220px; \n            position: relative; \n            overflow: hidden;\n            background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%);\n        }\n        .dat-thumb img { \n            width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s ease;\n        }\n        .dat-card:hover .dat-thumb img { transform: scale(1.12); }\n        \n        \/* Badges - \u062f\u064a\u0646\u0627\u0645\u064a\u0643\u064a\u0629 \u062d\u0633\u0628 \u0627\u0644\u0644\u063a\u0629 *\/\n        .dat-cat { \n            position: absolute; \n            top: 15px; \n            right: 15px; \/* \u0639\u0643\u0633 \u0627\u0644\u0627\u062a\u062c\u0627\u0647 \u0644\u0644\u063a\u0629 *\/\n            background: rgba(255,255,255,0.95);\n            backdrop-filter: blur(5px);\n            color: var(--dat-blue); \n            padding: 5px 12px; \n            border-radius: 20px; \n            font-size: 11px; \n            font-weight: 700;\n            box-shadow: 0 2px 8px rgba(0,0,0,0.1);\n        }\n\n        .dat-free-badge {\n            position: absolute;\n            top: 15px;\n            left: 15px; \/* \u0639\u0643\u0633 \u0627\u0644\u0627\u062a\u062c\u0627\u0647 \u0644\u0644\u063a\u0629 *\/\n            background: linear-gradient(135deg, var(--dat-success) 0%, #059669 100%);\n            color: #fff;\n            padding: 6px 12px;\n            border-radius: 20px;\n            font-size: 11px;\n            font-weight: 800;\n            display: flex; align-items: center; gap: 5px;\n            box-shadow: 0 4px 12px rgba(16, 185, 129, 0.4);\n            animation: pulse 2s infinite;\n        }\n        @keyframes pulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.05); } }\n\n        \/* Body & Typography - \u0645\u0637\u0627\u0628\u0642 \u0644\u0640 V28 *\/\n        .dat-body { \n            padding: 24px; \n            flex: 1; \n            display: flex; flex-direction: column; \n        }\n        \n        .dat-title { \n            font-size: 18px; \/* \u0645\u0637\u0627\u0628\u0642 \u0644\u0640 V28 *\/\n            font-weight: 800; \n            margin: 0 0 10px; \n            line-height: 1.5; \n            min-height: 54px;\n        }\n        .dat-title a { \n            color: #1e293b; text-decoration: none; transition: 0.3s;\n            display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;\n        }\n        .dat-title a:hover { color: var(--dat-blue); }\n\n        .dat-excerpt { \n            font-size: 14px; \/* \u0645\u0637\u0627\u0628\u0642 \u0644\u0640 V28 *\/\n            color: #64748b; \n            margin-bottom: 15px; \n            line-height: 1.6; \n            height: 45px; \n            overflow: hidden; \n            display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; \n        }\n\n        .dat-meta { \n            display: flex; align-items: center; margin-bottom: 20px; \n            color: #64748b; font-size: 13px; font-weight: 600;\n        }\n        .dat-meta i { color: #facc15; margin-right: 5px; }\n\n        \/* Footer *\/\n        .dat-footer { \n            margin-top: auto; \n            padding-top: 18px; \n            border-top: 2px solid #f1f5f9;\n            display: flex; justify-content: space-between; align-items: center; \n        }\n\n        .dat-price-wrap { display: flex; flex-direction: column; align-items: flex-start; }\n        \n        .dat-price-old { \n            font-size: 14px; \n            color: var(--dat-price-old); \n            text-decoration: line-through; \n            font-weight: 600;\n        }\n        \n        .dat-price-new { \n            font-size: 20px; \/* \u062a\u0645 \u0627\u0644\u062a\u0639\u062f\u064a\u0644 \u0644\u064a\u0637\u0627\u0628\u0642 V28 (\u0643\u0627\u0646 24) *\/\n            font-weight: 900; \n            background: linear-gradient(135deg, var(--dat-blue) 0%, #164070 100%);\n            -webkit-background-clip: text; -webkit-text-fill-color: transparent;\n        }\n        \n        .dat-free-price {\n            display: flex; align-items: center; gap: 5px;\n            color: var(--dat-success); font-weight: 800; font-size: 18px;\n        }\n\n        .dat-discount-badge {\n            background: linear-gradient(135deg, var(--dat-danger) 0%, #dc2626 100%);\n            color: #fff; padding: 3px 8px; border-radius: 12px;\n            font-size: 10px; font-weight: 800; margin-bottom: 4px; display: inline-block;\n        }\n\n        .dat-btn {\n            background: linear-gradient(135deg, var(--dat-blue) 0%, #164070 100%);\n            color: #fff; \n            padding: 10px 24px; \/* \u062a\u0645 \u0627\u0644\u062a\u0639\u062f\u064a\u0644 \u0644\u064a\u0637\u0627\u0628\u0642 V28 (\u0643\u0627\u0646 12 28) *\/\n            border-radius: 50px; \n            font-size: 14px; font-weight: 800; \n            text-decoration: none; transition: 0.3s;\n            box-shadow: 0 4px 15px rgba(10, 38, 71, 0.25);\n        }\n        .dat-btn:hover { \n            transform: translateY(-2px); \n            color: #fff;\n            box-shadow: 0 8px 25px rgba(10, 38, 71, 0.35);\n        }\n\n        \/* Load More & Loader *\/\n        .dat-more-area { text-align: center; margin-top: 40px; }\n        #dat-more-btn { \n            background: #fff; border: 2px solid var(--dat-blue); color: var(--dat-blue);\n            padding: 12px 40px; border-radius: 50px; font-weight: 800; \n            cursor: pointer; font-family: var(--font-main); transition: 0.3s;\n        }\n        #dat-more-btn:hover { background: var(--dat-blue); color: #fff; }\n        \n        #dat-loader .spinner { \n            width: 35px; height: 35px; \n            border: 4px solid #e2e8f0; border-top-color: var(--dat-blue); \n            border-radius: 50%; animation: spin 1s linear infinite; margin: 0 auto; \n        }\n        @keyframes spin { 100% { transform: rotate(360deg); } }\n        \n        @media(max-width:768px){ \n            #dat-filter-form { flex-direction: column; } \n            .dat-select-box { border: none; border-bottom: 2px solid #e2e8f0; padding: 0; } \n            .dat-grid { grid-template-columns: 1fr; }\n        }\n    <\/style>\n\n    <script>\n    (function($){\n        $(document).ready(function(){\n            var page=1, loading=false;\n            var langCode = 'en';\n\n            function loadCourses(append){\n                if(loading)return; loading=true; $('#dat-loader').show();\n                if(!append){ $('#dat-more-btn').hide(); $('#dat-end-msg').hide(); }\n                \n                $.post('https:\/\/dat-center.com\/wp-admin\/admin-ajax.php', {\n                    action: 'dat_load_courses_ajax_v14_bi',\n                    page: page,\n                    cat: $('#dat-cat').val(),\n                    search: $('#dat-search').val(),\n                    lang: langCode \/\/ \u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0644\u063a\u0629\n                }, function(res){\n                    if(res.success){\n                        append ? $('#dat-grid').append(res.data.html) : $('#dat-grid').html(res.data.html);\n                        res.data.max > page ? $('#dat-more-btn').show() : (res.data.count > 0 ? $('#dat-end-msg').show() : null);\n                        \n                        \/\/ \u0631\u0633\u0627\u0644\u0629 \u0639\u062f\u0645 \u0648\u062c\u0648\u062f \u0646\u062a\u0627\u0626\u062c\n                        if(res.data.count == 0 && !append) {\n                            $('#dat-grid').html('<div style=\"grid-column:1\/-1;text-align:center;padding:40px;\">No courses found.<\/div>');\n                        }\n                    }\n                    loading=false; $('#dat-loader').hide();\n                });\n            }\n            loadCourses(false);\n            \n            $('#dat-cat').change(function(){ page=1; loadCourses(false); });\n            var t; $('#dat-search').keyup(function(){ clearTimeout(t); t=setTimeout(function(){ page=1; loadCourses(false); }, 600); });\n            $('#dat-filter-form').submit(function(e){ e.preventDefault(); });\n            $('#dat-more-btn').click(function(){ page++; loadCourses(true); });\n        });\n    })(jQuery);\n    <\/script>\n    <\/div>\n\t\t\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>","protected":false},"excerpt":{"rendered":"<a class=\"read-more\" href=\"https:\/\/dat-center.com\/en\/courses-1\/\">Read More<\/a>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-580","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dat-center.com\/en\/wp-json\/wp\/v2\/pages\/580","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dat-center.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dat-center.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dat-center.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dat-center.com\/en\/wp-json\/wp\/v2\/comments?post=580"}],"version-history":[{"count":14,"href":"https:\/\/dat-center.com\/en\/wp-json\/wp\/v2\/pages\/580\/revisions"}],"predecessor-version":[{"id":1402,"href":"https:\/\/dat-center.com\/en\/wp-json\/wp\/v2\/pages\/580\/revisions\/1402"}],"wp:attachment":[{"href":"https:\/\/dat-center.com\/en\/wp-json\/wp\/v2\/media?parent=580"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}