{"id":1047,"date":"2025-12-04T02:31:18","date_gmt":"2025-12-03T23:31:18","guid":{"rendered":"https:\/\/dat-center.com\/about\/"},"modified":"2025-12-10T03:21:28","modified_gmt":"2025-12-10T00:21:28","slug":"about-us","status":"publish","type":"page","link":"https:\/\/dat-center.com\/en\/about-us\/","title":{"rendered":"About"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"1047\" class=\"elementor elementor-1047\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3c28585 e-con-full e-flex e-con e-parent\" data-id=\"3c28585\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b23413e elementor-widget elementor-widget-shortcode\" data-id=\"b23413e\" 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\">Who We Are<\/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=\"Who We Are\" 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-9493ca2 e-flex e-con-boxed e-con e-parent\" data-id=\"9493ca2\" 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-4b6e84e elementor-widget elementor-widget-shortcode\" data-id=\"4b6e84e\" 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\">    <!-- \u0642\u0633\u0645 \u0645\u0646 \u0646\u062d\u0646 -->\n    <section class=\"dat-about-section\" dir=\"ltr\">\n        <div class=\"dat-container\">\n            <div class=\"dat-row\">\n                <!-- \u0627\u0644\u0646\u0635 -->\n                <div class=\"dat-col-text\">\n                    <h2 class=\"dat-section-title\">Who We Are<\/h2>\n                    <div class=\"dat-line\"><\/div>\n                    <p class=\"dat-desc\">\n                        We are an e-learning platform aiming to provide an innovative and accessible learning experience for everyone. We offer high-quality courses provided by specialized experts, with interactive content that helps learners develop their skills step by step and at any time that suits them.                    <\/p>\n                <\/div>\n                \n                <!-- \u0627\u0644\u0635\u0648\u0631\u0629 -->\n                <div class=\"dat-col-img\">\n                    <div class=\"dat-img-wrapper\">\n                        <img decoding=\"async\" src=\"http:\/\/dat-center.com\/wp-content\/uploads\/2025\/12\/680d64bd54333a4ec80da2e6691c3e1923b11c86-scaled.jpg\" alt=\"About Us\">\n                        <div class=\"dat-shape-bg\"><\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <style>\n        :root { --d-purple: #66498F; --d-orange: #F79F53; --d-dark: #333; }\n        \n        .dat-about-section {\n            padding: 80px 0;\n            background: #fdfdfd;\n            font-family: 'Cairo', sans-serif; \/* \u064a\u0641\u0636\u0644 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 Tajawal \u0644\u062a\u0648\u062d\u064a\u062f \u0627\u0644\u062e\u0637\u0648\u0637 \u0625\u0630\u0627 \u0623\u0631\u062f\u062a\u060c \u0644\u0643\u0646 \u062a\u0631\u0643\u062a Cairo \u0643\u0645\u0627 \u0637\u0644\u0628\u062a *\/\n            overflow: hidden;\n            text-align: left;\n        }\n        .dat-container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }\n        \n        .dat-row {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            gap: 50px;\n            flex-wrap: wrap;\n            \/* Flex Direction \u064a\u062a\u063a\u064a\u0631 \u062a\u0644\u0642\u0627\u0626\u064a\u0627\u064b \u0645\u0639 dir=\"rtl\/ltr\" *\/\n        }\n\n        \/* Text Column *\/\n        .dat-col-text { \n            flex: 1; \n            min-width: 300px; \n            animation: datTextSlide 1s ease; \n        }\n\n        .dat-section-title {\n            font-size: 3rem;\n            font-weight: 800;\n            color: var(--d-dark);\n            margin-bottom: 10px;\n            position: relative;\n        }\n        .dat-line {\n            width: 80px; height: 5px; background: var(--d-purple);\n            border-radius: 10px; margin-bottom: 25px;\n            \/* \u0641\u064a \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 \u064a\u062a\u0645 \u0627\u0644\u062a\u0648\u0633\u064a\u0637\u060c \u0647\u0646\u0627 \u064a\u062a\u0628\u0639 \u0627\u0644\u062a\u062f\u0641\u0642 \u0627\u0644\u0637\u0628\u064a\u0639\u064a *\/\n        }\n        .dat-desc {\n            font-size: 1.2rem; line-height: 1.8; color: #555; margin-bottom: 30px;\n            text-align: justify; \/* \u0645\u062d\u0627\u0630\u0627\u0629 \u0627\u0644\u0646\u0635 \u0645\u0628\u0631\u0631\u0629 \u0644\u0645\u0644\u0621 \u0627\u0644\u0633\u0637\u0631 *\/\n        }\n\n        \/* Image Column *\/\n        .dat-col-img { \n            flex: 1; \n            min-width: 300px; \n            position: relative; \n            animation: datImgSlide 1s ease; \n        }\n\n        .dat-img-wrapper {\n            position: relative;\n            border-radius: 20px;\n            overflow: hidden;\n            box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n            \/* \u062f\u0648\u0631\u0627\u0646 \u0627\u0644\u0635\u0648\u0631\u0629 \u062f\u064a\u0646\u0627\u0645\u064a\u0643\u064a *\/\n            transform: perspective(1000px) rotateY(5deg); \n            transition: 0.5s;\n        }\n        .dat-img-wrapper:hover { transform: perspective(1000px) rotateY(0deg); }\n        \n        .dat-img-wrapper img { width: 100%; display: block; border-radius: 20px; }\n        \n        \/* Decorative Shape *\/\n        .dat-shape-bg {\n            position: absolute; \n            top: -20px; \n            \/* \u0627\u0644\u0645\u0643\u0627\u0646 \u062f\u064a\u0646\u0627\u0645\u064a\u0643\u064a (left OR right) *\/\n            right: -20px; \n            width: 100%; height: 100%;\n            border: 3px solid var(--d-orange); border-radius: 20px; z-index: -1;\n            transition: 0.3s;\n        }\n        \n        \/* \u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u0647\u0648\u0641\u0631 \u0644\u0644\u0634\u0643\u0644 \u0627\u0644\u062f\u064a\u0643\u0648\u0631\u064a *\/\n        .dat-col-img:hover .dat-shape-bg { \n            top: 10px; \n            right: 10px; \n        }\n\n        \/* \n           Keyframes \u062f\u064a\u0646\u0627\u0645\u064a\u0643\u064a\u0629:\n           \u0628\u062f\u0644\u0627\u064b \u0645\u0646 \u0639\u0645\u0644 keyframes \u0645\u0646\u0641\u0635\u0644\u0629 \u0644\u0643\u0644 \u0644\u063a\u0629\u060c \u0646\u0633\u062a\u062e\u062f\u0645 \u0627\u0644\u0642\u064a\u0645 \u0627\u0644\u0645\u062d\u0642\u0648\u0646\u0629 \u0645\u0646 PHP\n        *\/\n        @keyframes datTextSlide { \n            from { opacity: 0; transform: translateX(-50px); } \n            to { opacity: 1; transform: translateX(0); } \n        }\n        \n        @keyframes datImgSlide { \n            from { opacity: 0; transform: translateX(50px); } \n            to { opacity: 1; transform: translateX(0); } \n        }\n\n        @media(max-width: 768px) {\n            .dat-row { flex-direction: column; text-align: center; }\n            .dat-line { margin: 0 auto 20px auto; }\n            .dat-img-wrapper { transform: none; } \/* \u0625\u0644\u063a\u0627\u0621 \u0627\u0644\u0640 3D \u0641\u064a \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 *\/\n            .dat-desc { text-align: center; } \/* \u0625\u0644\u063a\u0627\u0621 \u0627\u0644\u062a\u0628\u0631\u064a\u0631 \u0641\u064a \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 *\/\n        }\n    <\/style>\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<div class=\"elementor-element elementor-element-dc6f885 e-flex e-con-boxed e-con e-parent\" data-id=\"dc6f885\" 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-54f8d5d elementor-widget elementor-widget-shortcode\" data-id=\"54f8d5d\" 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    <!-- \u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0627\u062a\u062c\u0627\u0647 \u0644\u0644\u062f\u064a\u0641 \u0627\u0644\u0631\u0626\u064a\u0633\u064a -->\n    <section class=\"dat-features-section-v2\" dir=\"ltr\">\n        <div class=\"dat-container-v2\">\n            \n            <!-- \u0627\u0644\u0631\u0623\u0633 -->\n            <div class=\"dat-features-header\">\n                <h2 class=\"dat-feat-title\">Why Choose <span class=\"dat-brand\">DAT Center<\/span><\/h2>\n                <p class=\"dat-feat-desc\">\n                    At DAT Center, we combine expert guidance, flexible learning, and recognized certifications to help you achieve your goals faster.                <\/p>\n            <\/div>\n\n            <!-- \u0627\u0644\u0634\u0628\u0643\u0629 -->\n            <div class=\"dat-features-row\">\n                \n                <!-- \u0639\u0646\u0635\u0631 1: \u0627\u0644\u0634\u0647\u0627\u062f\u0627\u062a -->\n                <!-- \u0641\u064a \u0627\u0644\u0639\u0631\u0628\u064a (RTL) \u0633\u064a\u0638\u0647\u0631 \u0623\u0648\u0644 \u0639\u0646\u0635\u0631 \u064a\u0645\u064a\u0646. \u0641\u064a \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a (LTR) \u0633\u064a\u0638\u0647\u0631 \u0623\u0648\u0644 \u0639\u0646\u0635\u0631 \u064a\u0633\u0627\u0631. -->\n                <div class=\"dat-feat-box\">\n                    <div class=\"dat-svg-icon\">\n                        \n    <svg viewbox=\"0 0 64 64\" fill=\"#66498F\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n        <path d=\"M52 12H12C9.79 12 8 13.79 8 16V44H12V16H52V40H56V16C56 13.79 54.21 12 52 12Z\"\/>\n        <path d=\"M12 20H48V24H12V20Z\" opacity=\"0.6\"\/>\n        <path d=\"M12 28H40V32H12V28Z\" opacity=\"0.6\"\/>\n        <path d=\"M12 36H36V40H12V36Z\" opacity=\"0.6\"\/>\n        <path d=\"M48 32C43.58 32 40 35.58 40 40C40 44.42 43.58 48 48 48C52.42 48 56 44.42 56 40C56 35.58 52.42 32 48 32ZM48 44C45.79 44 44 42.21 44 40C44 37.79 45.79 36 48 36C50.21 36 52 37.79 52 40C52 42.21 50.21 44 48 44Z\"\/>\n        <path d=\"M48 48L44 56L48 54L52 56L48 48Z\"\/>\n    <\/svg>                    <\/div>\n                    <h3>Certificates<\/h3>\n                    <p>Earn recognized certificates from top employers and institutions worldwide<\/p>\n                <\/div>\n\n                <!-- \u0639\u0646\u0635\u0631 2: \u0627\u0644\u062f\u0639\u0645 -->\n                <div class=\"dat-feat-box\">\n                    <div class=\"dat-svg-icon\">\n                        \n    <svg viewbox=\"0 0 64 64\" fill=\"#66498F\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n        <path d=\"M32 8C20.95 8 12 16.95 12 28V44C12 48.42 15.58 52 20 52H22V28H16V27.5C16 19.1 23.1 12 32 12C40.9 12 48 19.1 48 27.5V28H42V52H44C48.42 52 52 48.42 52 44V28C52 16.95 43.05 8 32 8Z\" opacity=\"0.8\"\/>\n        <path d=\"M32 20C34.76 20 37 22.24 37 25H41C41 20.03 36.97 16 32 16C27.03 16 23 20.03 23 25H27C27 22.24 29.24 20 32 20Z\"\/>\n        <path d=\"M32 28C30.9 28 30 28.9 30 30V34H34V30C34 28.9 33.1 28 32 28Z\"\/>\n        <circle cx=\"32\" cy=\"40\" r=\"2.5\"\/>\n    <\/svg>                    <\/div>\n                    <h3>Support<\/h3>\n                    <p>Get dedicated support whenever you need it, ensuring a smooth and engaging learning journey<\/p>\n                <\/div>\n\n                <!-- \u0639\u0646\u0635\u0631 3: \u0645\u062f\u0631\u0633\u064a\u0646 \u062e\u0628\u0631\u0627\u0621 -->\n                <div class=\"dat-feat-box\">\n                    <div class=\"dat-svg-icon\">\n                        \n    <svg viewbox=\"0 0 64 64\" fill=\"#66498F\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n        <path d=\"M56 12H24C21.79 12 20 13.79 20 16V40H56C58.21 40 60 38.21 60 36V16C60 13.79 58.21 12 56 12ZM56 36H24V16H56V36Z\" opacity=\"0.8\"\/>\n        <path d=\"M18 36C18 31.58 21.58 28 26 28C30.42 28 34 31.58 34 36C34 40.42 30.42 44 26 44C21.58 44 18 40.42 18 36Z\"\/>\n        <path d=\"M38 56V54C38 48.48 33.52 44 28 44H24C18.48 44 14 48.48 14 54V56H38Z\"\/>\n        <rect x=\"28\" y=\"40\" width=\"12\" height=\"4\" rx=\"2\" fill=\"#66498F\"\/>\n    <\/svg>                    <\/div>\n                    <h3>Expert Instructors<\/h3>\n                    <p>Learn from leading industry instructors with practical experience and proven teaching methods<\/p>\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n    <style>\n        \/* === \u0625\u062c\u0628\u0627\u0631\u064a\u0629 \u0627\u0644\u062a\u0635\u0645\u064a\u0645 (Reset) === *\/\n        .dat-features-section-v2 {\n            padding: 80px 0 100px 0;\n            background: #fff;\n            width: 100% !important;\n            display: block !important;\n            font-family: 'Tajawal', sans-serif;\n            text-align: center; \/* \u0633\u0646\u062a\u0631 \u0644\u0644\u0646\u0635\u0648\u0635 \u0641\u064a \u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0648\u0627\u0644\u0628\u0648\u0643\u0633\u0627\u062a *\/\n        }\n\n        .dat-container-v2 {\n            max-width: 1240px;\n            width: 90%;\n            margin: 0 auto;\n            display: block;\n        }\n\n        \/* === 1. \u0627\u0644\u0639\u0646\u0648\u0627\u0646 === *\/\n        .dat-features-header {\n            margin-bottom: 70px;\n            max-width: 900px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n\n        .dat-feat-title {\n            font-size: 40px;\n            font-weight: 800;\n            color: #000;\n            margin-bottom: 20px;\n        }\n\n        .dat-brand {\n            color: #66498F;\n        }\n\n        .dat-feat-desc {\n            font-size: 19px;\n            color: #666;\n            line-height: 1.6;\n            font-weight: 500;\n        }\n\n        \/* === 2. \u0627\u0644\u0634\u0628\u0643\u0629 (Grid Layout) === *\/\n        .dat-features-row {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 40px;\n            align-items: flex-start;\n            \/* \u0627\u0644\u0627\u062a\u062c\u0627\u0647 \u062f\u064a\u0646\u0627\u0645\u064a\u0643\u064a \u0627\u0644\u0622\u0646 \u0639\u0628\u0631 \u0627\u0644\u0640 HTML (dir attribute)\n               \u0645\u0645\u0627 \u064a\u062c\u0639\u0644 \u0627\u0644\u0640 Grid \u064a\u0639\u0643\u0633 \u0646\u0641\u0633\u0647 \u062a\u0644\u0642\u0627\u0626\u064a\u0627\u064b *\/\n        }\n\n        \/* === 3. \u0627\u0644\u0639\u0646\u0635\u0631 (Box) === *\/\n        .dat-feat-box {\n            background: transparent;\n            padding: 0 20px;\n            transition: transform 0.3s;\n        }\n\n        .dat-feat-box:hover {\n            transform: translateY(-5px);\n        }\n\n        \/* \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0627\u062a SVG *\/\n        .dat-svg-icon {\n            width: 100px;\n            height: 100px;\n            margin: 0 auto 25px auto;\n        }\n        \n        .dat-svg-icon svg {\n            width: 100%;\n            height: 100%;\n            display: block;\n            fill: #66498F;\n        }\n\n        \/* \u0627\u0644\u0646\u0635\u0648\u0635 *\/\n        .dat-feat-box h3 {\n            font-size: 28px;\n            font-weight: 800;\n            color: #000;\n            margin-bottom: 15px;\n        }\n\n        .dat-feat-box p {\n            font-size: 16px;\n            color: #666;\n            line-height: 1.7;\n            margin: 0;\n        }\n\n        \/* === Responsive === *\/\n        @media (max-width: 992px) {\n            .dat-features-row {\n                grid-template-columns: 1fr;\n                gap: 60px;\n            }\n            .dat-feat-title { font-size: 30px; }\n            .dat-feat-desc { font-size: 16px; }\n            .dat-feat-box { padding: 0; }\n        }\n    <\/style>\n\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<div class=\"elementor-element elementor-element-b54d1d3 e-con-full e-flex e-con e-parent\" data-id=\"b54d1d3\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e764645 elementor-widget elementor-widget-shortcode\" data-id=\"e764645\" 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    <!-- \u062a\u062d\u0645\u064a\u0644 \u0645\u0643\u062a\u0628\u0629 Swiper \u0644\u0644\u0633\u0644\u0627\u064a\u062f\u0631 -->\n    <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\" \/>\n    \n    <!-- \u0642\u0633\u0645 \u0627\u0644\u0641\u0631\u064a\u0642 -->\n    <section class=\"dat-team-section-v2\" dir=\"ltr\"> <!-- LTR \u0644\u0644\u0633\u0644\u0627\u064a\u062f\u0631 \u0644\u064a\u0639\u0645\u0644 \u0628\u0634\u0643\u0644 \u0635\u062d\u064a\u062d -->\n        <div class=\"dat-container-v2\">\n            <h2 class=\"dat-team-title\">Our team<\/h2>\n            \n            <!-- Swiper Container -->\n            <div class=\"swiper datTeamSwiper\">\n                <div class=\"swiper-wrapper\">\n                                            <div class=\"swiper-slide\">\n                            <div class=\"dat-team-card\">\n                                <div class=\"dat-team-img\">\n                                    <img decoding=\"async\" src=\"http:\/\/dat-center.com\/wp-content\/uploads\/2025\/12\/6e525bcb905ebdd479c87d3839945096a340bb42.jpg\" alt=\"Muhammed\">\n                                <\/div>\n                                <!-- \u0627\u0644\u0628\u0648\u0643\u0633 \u0627\u0644\u0632\u062c\u0627\u062c\u064a \u0627\u0644\u0645\u0644\u0648\u0646 -->\n                                <div class=\"dat-glass-badge\" style=\"background: linear-gradient(135deg, rgba(80,80,80,0.85), rgba(30,30,30,0.95));\">\n                                    <h3>Muhammed<\/h3>\n                                    <span>CEO<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                            <div class=\"swiper-slide\">\n                            <div class=\"dat-team-card\">\n                                <div class=\"dat-team-img\">\n                                    <img decoding=\"async\" src=\"http:\/\/dat-center.com\/wp-content\/uploads\/2025\/12\/ebff7c50fb8bc57c803a3fb3aaf98adf32ac43ad-scaled.jpg\" alt=\"Ahmed\">\n                                <\/div>\n                                <!-- \u0627\u0644\u0628\u0648\u0643\u0633 \u0627\u0644\u0632\u062c\u0627\u062c\u064a \u0627\u0644\u0645\u0644\u0648\u0646 -->\n                                <div class=\"dat-glass-badge\" style=\"background: linear-gradient(135deg, rgba(190, 150, 90, 0.85), rgba(140, 100, 50, 0.95));\">\n                                    <h3>Ahmed<\/h3>\n                                    <span>Manager<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                            <div class=\"swiper-slide\">\n                            <div class=\"dat-team-card\">\n                                <div class=\"dat-team-img\">\n                                    <img decoding=\"async\" src=\"http:\/\/dat-center.com\/wp-content\/uploads\/2025\/12\/44f15a5bb98a54dd080470077d8d8966f3cffed1-scaled.jpg\" alt=\"Mostafa\">\n                                <\/div>\n                                <!-- \u0627\u0644\u0628\u0648\u0643\u0633 \u0627\u0644\u0632\u062c\u0627\u062c\u064a \u0627\u0644\u0645\u0644\u0648\u0646 -->\n                                <div class=\"dat-glass-badge\" style=\"background: linear-gradient(135deg, rgba(140, 50, 70, 0.85), rgba(90, 20, 40, 0.95));\">\n                                    <h3>Mostafa<\/h3>\n                                    <span>CO-Manager<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                    <\/div>\n                \n                <!-- \u0646\u0642\u0627\u0637 \u0627\u0644\u062a\u0646\u0642\u0644 (Pagination) -->\n                <div class=\"swiper-pagination\"><\/div>\n            <\/div>\n            \n        <\/div>\n    <\/section>\n\n    <style>\n        \/* Base Styles *\/\n        .dat-team-section-v2 {\n            padding: 60px 0 80px 0;\n            background: #f8f9fa;\n            font-family: 'Cairo', sans-serif;\n            overflow: hidden;\n        }\n        .dat-container-v2 {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 0 15px;\n        }\n        .dat-team-title {\n            text-align: center;\n            font-size: 3rem;\n            font-weight: 800;\n            color: #000;\n            margin-bottom: 50px;\n            font-family: 'Cairo', sans-serif;\n        }\n\n        \/* Swiper Fixes *\/\n        .datTeamSwiper {\n            width: 100%;\n            padding-bottom: 50px !important; \/* \u0645\u0633\u0627\u062d\u0629 \u0644\u0644\u0646\u0642\u0627\u0637 *\/\n            padding-top: 20px;\n        }\n        .swiper-slide {\n            display: flex;\n            justify-content: center;\n        }\n\n        \/* Card Design *\/\n        .dat-team-card {\n            width: 100%;\n            max-width: 350px; \/* \u0646\u0641\u0633 \u062d\u062c\u0645 \u0627\u0644\u0635\u0648\u0631\u0629 \u0627\u0644\u0645\u0631\u0641\u0642\u0629 *\/\n            height: 450px;    \/* \u0627\u0631\u062a\u0641\u0627\u0639 \u062b\u0627\u0628\u062a *\/\n            border-radius: 25px;\n            overflow: hidden;\n            position: relative;\n            box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n            background: #fff;\n            transition: transform 0.3s ease;\n        }\n        .dat-team-card:hover {\n            transform: translateY(-10px);\n        }\n\n        \/* Image Handling *\/\n        .dat-team-img {\n            width: 100%;\n            height: 100%;\n        }\n        .dat-team-img img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover; \/* \u064a\u0645\u0644\u0623 \u0627\u0644\u0643\u0627\u0631\u062a \u0628\u0627\u0644\u0643\u0627\u0645\u0644 *\/\n            object-position: top center; \/* \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0639\u0644\u0649 \u0627\u0644\u0648\u062c\u0647 *\/\n        }\n\n        \/* Glass Badge - \u0645\u0637\u0627\u0628\u0642 \u0644\u0644\u062a\u0635\u0645\u064a\u0645 *\/\n        .dat-glass-badge {\n            position: absolute;\n            bottom: 30px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 85%;\n            padding: 15px 0;\n            border-radius: 15px;\n            text-align: center;\n            color: #fff;\n            backdrop-filter: blur(8px);\n            -webkit-backdrop-filter: blur(8px);\n            box-shadow: 0 8px 20px rgba(0,0,0,0.25);\n            border-top: 1px solid rgba(255,255,255,0.3);\n            z-index: 2;\n        }\n\n        .dat-glass-badge h3 {\n            margin: 0;\n            font-size: 1.6rem;\n            font-weight: 700;\n            color: #fff;\n            font-family: sans-serif; \/* \u0644\u064a\u0643\u0648\u0646 \u0634\u0628\u064a\u0647\u0627\u064b \u0628\u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a \u0641\u064a \u0627\u0644\u062a\u0635\u0645\u064a\u0645 *\/\n        }\n        .dat-glass-badge span {\n            font-size: 0.85rem;\n            text-transform: uppercase;\n            letter-spacing: 2px;\n            opacity: 0.9;\n            font-weight: 400;\n            display: block;\n            margin-top: 5px;\n        }\n\n        \/* Pagination Dots Styling *\/\n        .swiper-pagination-bullet {\n            width: 12px;\n            height: 12px;\n            background: #ccc;\n            opacity: 1;\n            transition: 0.3s;\n        }\n        .swiper-pagination-bullet-active {\n            background: #66498F; \/* \u0627\u0644\u0644\u0648\u0646 \u0627\u0644\u0628\u0646\u0641\u0633\u062c\u064a *\/\n            width: 30px;\n            border-radius: 10px;\n        }\n    <\/style>\n\n    <!-- Swiper JS Script -->\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\n    <script>\n        document.addEventListener('DOMContentLoaded', function () {\n            var swiper = new Swiper(\".datTeamSwiper\", {\n                slidesPerView: 1,\n                spaceBetween: 30,\n                loop: false, \/\/ \u0644\u0627 \u062a\u0643\u0631\u0627\u0631 \u0644\u0623\u0646\u0647\u0645 3 \u0641\u0642\u0637\n                grabCursor: true,\n                pagination: {\n                    el: \".swiper-pagination\",\n                    clickable: true,\n                },\n                breakpoints: {\n                    640: {\n                        slidesPerView: 1, \/\/ \u0645\u0648\u0628\u0627\u064a\u0644\n                    },\n                    768: {\n                        slidesPerView: 2, \/\/ \u062a\u0627\u0628\u0644\u062a\n                    },\n                    1024: {\n                        slidesPerView: 3, \/\/ \u062f\u064a\u0633\u0643\u062a\u0648\u0628\n                    },\n                },\n            });\n        });\n    <\/script>\n\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\t\t<\/div>","protected":false},"excerpt":{"rendered":"<a class=\"read-more\" href=\"https:\/\/dat-center.com\/en\/about-us\/\">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-1047","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dat-center.com\/en\/wp-json\/wp\/v2\/pages\/1047","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=1047"}],"version-history":[{"count":31,"href":"https:\/\/dat-center.com\/en\/wp-json\/wp\/v2\/pages\/1047\/revisions"}],"predecessor-version":[{"id":1399,"href":"https:\/\/dat-center.com\/en\/wp-json\/wp\/v2\/pages\/1047\/revisions\/1399"}],"wp:attachment":[{"href":"https:\/\/dat-center.com\/en\/wp-json\/wp\/v2\/media?parent=1047"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}