{"id":21037,"date":"2026-06-13T17:34:02","date_gmt":"2026-06-13T17:34:02","guid":{"rendered":"https:\/\/mecreative.net\/?page_id=21037"},"modified":"2026-10-22T11:10:04","modified_gmt":"2026-10-22T11:10:04","slug":"about-us","status":"publish","type":"page","link":"https:\/\/mecreative.net\/ar\/about-us\/","title":{"rendered":"\u0645\u0646 \u0646\u062d\u0646"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"21037\" class=\"elementor elementor-21037\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e2441a6 e-con-full e-flex e-con e-parent\" data-id=\"e2441a6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b10f052 elementor-widget elementor-widget-html\" data-id=\"b10f052\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n   ME CREATIVE \u2014 ABOUT US\r\n   Full Responsive Elementor HTML\r\n   ========================================================= *\/\r\n\r\n.mec-about {\r\n    --navy: #08233F;\r\n    --navy2: #103B5C;\r\n    --cyan: #58DEE9;\r\n    --cyan-dark: #25C9D8;\r\n    --lime: #CFEF60;\r\n    --green: #25D366;\r\n    --text: #26313A;\r\n    --gray: #68727C;\r\n    --light: #F5FAFB;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    color: var(--text);\r\n    background: #fff;\r\n    overflow: hidden;\r\n}\r\n\r\n.mec-about *,\r\n.mec-about *::before,\r\n.mec-about *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HERO\r\n   ========================================================= *\/\r\n\r\n.mec-about-hero {\r\n    position: relative;\r\n    overflow: hidden;\r\n    padding: 100px 20px 90px;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at 88% 15%,\r\n            rgba(88, 222, 233, .18),\r\n            transparent 28%\r\n        ),\r\n        radial-gradient(\r\n            circle at 8% 85%,\r\n            rgba(207, 239, 96, .12),\r\n            transparent 25%\r\n        ),\r\n        linear-gradient(\r\n            135deg,\r\n            #F8FCFD 0%,\r\n            #EDF8FA 55%,\r\n            #F8FBF5 100%\r\n        );\r\n}\r\n\r\n.mec-about-hero::before {\r\n    content: \"\";\r\n    position: absolute;\r\n\r\n    width: 520px;\r\n    height: 520px;\r\n\r\n    right: -280px;\r\n    top: -300px;\r\n\r\n    border-radius: 50%;\r\n    border: 85px solid rgba(88, 222, 233, .06);\r\n}\r\n\r\n.mec-about-hero::after {\r\n    content: \"\";\r\n    position: absolute;\r\n\r\n    width: 260px;\r\n    height: 260px;\r\n\r\n    left: -150px;\r\n    bottom: -150px;\r\n\r\n    border-radius: 50%;\r\n    border: 45px solid rgba(207, 239, 96, .06);\r\n}\r\n\r\n.mec-about-hero-container {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    width: min(1120px, 100%);\r\n    margin: auto;\r\n\r\n    display: grid;\r\n    grid-template-columns: 1.05fr .95fr;\r\n\r\n    gap: 70px;\r\n    align-items: center;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HERO TEXT\r\n   ========================================================= *\/\r\n\r\n.mec-about-eyebrow {\r\n    display: inline-block;\r\n    margin-bottom: 18px;\r\n\r\n    color: var(--cyan-dark);\r\n\r\n    font-size: 12px;\r\n    font-weight: 900;\r\n\r\n    letter-spacing: 2px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.mec-about-hero h1 {\r\n    margin: 0 0 22px;\r\n\r\n    color: var(--navy);\r\n\r\n    font-size: clamp(42px, 5vw, 68px);\r\n    line-height: 1.02;\r\n\r\n    letter-spacing: -2px;\r\n    font-weight: 900;\r\n}\r\n\r\n.mec-about-hero h1 span {\r\n    color: var(--cyan-dark);\r\n}\r\n\r\n.mec-about-hero-text {\r\n    max-width: 650px;\r\n    margin: 0 0 30px;\r\n\r\n    color: var(--gray);\r\n\r\n    font-size: 18px;\r\n    line-height: 1.75;\r\n}\r\n\r\n.mec-about-hero-buttons {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 12px;\r\n}\r\n\r\n.mec-about-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    min-height: 50px;\r\n    padding: 0 23px;\r\n\r\n    border-radius: 9px;\r\n\r\n    text-decoration: none;\r\n\r\n    font-size: 14px;\r\n    font-weight: 900;\r\n\r\n    transition: .25s ease;\r\n}\r\n\r\n.mec-about-btn-primary {\r\n    background: var(--green);\r\n    color: #fff;\r\n}\r\n\r\n.mec-about-btn-primary:hover {\r\n    transform: translateY(-2px);\r\n\r\n    box-shadow:\r\n        0 9px 22px rgba(37, 211, 102, .22);\r\n}\r\n\r\n.mec-about-btn-secondary {\r\n    border: 1px solid #D6E2E7;\r\n    background: #fff;\r\n    color: var(--navy);\r\n}\r\n\r\n.mec-about-btn-secondary:hover {\r\n    border-color: var(--cyan);\r\n    color: var(--cyan-dark);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HERO VISUAL\r\n   ========================================================= *\/\r\n\r\n.mec-about-visual {\r\n    position: relative;\r\n    min-height: 420px;\r\n}\r\n\r\n\r\n\/* MAIN DARK CARD *\/\r\n\r\n.mec-about-main-card {\r\n    position: absolute;\r\n\r\n    left: 20px;\r\n    right: 20px;\r\n    top: 35px;\r\n\r\n    min-height: 350px;\r\n\r\n    padding: 42px;\r\n\r\n    border-radius: 26px;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at 85% 10%,\r\n            rgba(88, 222, 233, .20),\r\n            transparent 30%\r\n        ),\r\n        linear-gradient(\r\n            145deg,\r\n            var(--navy),\r\n            var(--navy2)\r\n        );\r\n\r\n    box-shadow:\r\n        0 25px 60px rgba(8, 35, 63, .18);\r\n}\r\n\r\n.mec-about-main-card::after {\r\n    content: \"ME\";\r\n\r\n    position: absolute;\r\n\r\n    right: 15px;\r\n    bottom: -30px;\r\n\r\n    color: rgba(207, 239, 96, .045);\r\n\r\n    font-size: 155px;\r\n    font-weight: 900;\r\n\r\n    letter-spacing: -14px;\r\n}\r\n\r\n\r\n\/* ME CREATIVE BRAND *\/\r\n\r\n.mec-about-brand {\r\n    position: relative;\r\n    z-index: 3;\r\n\r\n    display: flex;\r\n    align-items: flex-end;\r\n    gap: 14px;\r\n\r\n    line-height: 1;\r\n}\r\n\r\n.mec-about-me {\r\n    color: var(--lime);\r\n\r\n    font-size: 76px;\r\n    line-height: .8;\r\n\r\n    font-weight: 900;\r\n    letter-spacing: -6px;\r\n}\r\n\r\n.mec-about-creative {\r\n    color: #fff;\r\n\r\n    font-size: 30px;\r\n    line-height: 1;\r\n\r\n    font-weight: 800;\r\n    letter-spacing: -1px;\r\n\r\n    padding-bottom: 7px;\r\n}\r\n\r\n\r\n\/* CARD CONTENT *\/\r\n\r\n.mec-about-main-card h3 {\r\n    position: relative;\r\n    z-index: 3;\r\n\r\n    margin: 36px 0 13px;\r\n\r\n    color: var(--cyan);\r\n\r\n    font-size: 28px;\r\n    line-height: 1.2;\r\n}\r\n\r\n.mec-about-main-card p {\r\n    position: relative;\r\n    z-index: 3;\r\n\r\n    max-width: 450px;\r\n\r\n    margin: 0;\r\n\r\n    color: rgba(255, 255, 255, .82);\r\n\r\n    font-size: 15px;\r\n    line-height: 1.75;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FLOATING CARDS\r\n   ========================================================= *\/\r\n\r\n.mec-about-float {\r\n    position: absolute;\r\n    z-index: 5;\r\n\r\n    padding: 18px 20px;\r\n\r\n    border-radius: 15px;\r\n\r\n    background: #fff;\r\n\r\n    box-shadow:\r\n        0 15px 35px rgba(8, 35, 63, .13);\r\n}\r\n\r\n.mec-about-float strong {\r\n    display: block;\r\n\r\n    margin-bottom: 5px;\r\n\r\n    color: var(--navy);\r\n\r\n    font-size: 14px;\r\n}\r\n\r\n.mec-about-float span {\r\n    color: var(--gray);\r\n\r\n    font-size: 11px;\r\n}\r\n\r\n.mec-about-float.one {\r\n    top: 0;\r\n    right: 0;\r\n}\r\n\r\n.mec-about-float.two {\r\n    bottom: 0;\r\n    left: 0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SECTION HEADING\r\n   ========================================================= *\/\r\n\r\n.mec-about-section-heading {\r\n    max-width: 780px;\r\n    margin: 0 auto 48px;\r\n\r\n    text-align: center;\r\n}\r\n\r\n.mec-about-section-heading .label {\r\n    display: block;\r\n\r\n    margin-bottom: 12px;\r\n\r\n    color: var(--cyan-dark);\r\n\r\n    font-size: 11px;\r\n    font-weight: 900;\r\n\r\n    letter-spacing: 1.8px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.mec-about-section-heading h2 {\r\n    margin: 0 0 15px;\r\n\r\n    color: var(--navy);\r\n\r\n    font-size: clamp(30px, 4vw, 44px);\r\n    line-height: 1.15;\r\n\r\n    font-weight: 900;\r\n}\r\n\r\n.mec-about-section-heading h2 span {\r\n    color: var(--cyan-dark);\r\n}\r\n\r\n.mec-about-section-heading p {\r\n    margin: 0;\r\n\r\n    color: var(--gray);\r\n\r\n    font-size: 15px;\r\n    line-height: 1.8;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   WHO WE ARE\r\n   ========================================================= *\/\r\n\r\n.mec-about-intro {\r\n    padding: 90px 20px;\r\n    background: #fff;\r\n}\r\n\r\n.mec-about-container {\r\n    width: min(1080px, 100%);\r\n    margin: auto;\r\n}\r\n\r\n.mec-about-story {\r\n    display: grid;\r\n\r\n    grid-template-columns: 1fr 1fr;\r\n\r\n    gap: 20px;\r\n}\r\n\r\n.mec-about-story-card {\r\n    padding: 38px;\r\n\r\n    border-radius: 20px;\r\n\r\n    background: #F7FBFC;\r\n\r\n    border: 1px solid #E5EFF2;\r\n}\r\n\r\n.mec-about-story-card.dark {\r\n    background: var(--navy);\r\n    border-color: var(--navy);\r\n}\r\n\r\n.mec-about-story-card h3 {\r\n    margin: 0 0 14px;\r\n\r\n    color: var(--navy);\r\n\r\n    font-size: 24px;\r\n    line-height: 1.25;\r\n}\r\n\r\n.mec-about-story-card.dark h3 {\r\n    color: var(--cyan);\r\n}\r\n\r\n.mec-about-story-card p {\r\n    margin: 0;\r\n\r\n    color: var(--gray);\r\n\r\n    font-size: 14px;\r\n    line-height: 1.8;\r\n}\r\n\r\n.mec-about-story-card.dark p {\r\n    color: rgba(255, 255, 255, .76);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TIMELINE\r\n   ========================================================= *\/\r\n\r\n.mec-about-timeline-section {\r\n    padding: 95px 20px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            #F6FBFC,\r\n            #FFFFFF\r\n        );\r\n}\r\n\r\n.mec-about-timeline {\r\n    position: relative;\r\n\r\n    max-width: 900px;\r\n\r\n    margin: auto;\r\n}\r\n\r\n.mec-about-timeline::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    left: 50%;\r\n    top: 0;\r\n    bottom: 0;\r\n\r\n    width: 2px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            to bottom,\r\n            var(--cyan),\r\n            var(--lime)\r\n        );\r\n\r\n    transform: translateX(-50%);\r\n}\r\n\r\n.mec-timeline-item {\r\n    position: relative;\r\n\r\n    width: 50%;\r\n\r\n    padding: 0 45px 45px;\r\n}\r\n\r\n.mec-timeline-item:nth-child(odd) {\r\n    left: 0;\r\n    text-align: right;\r\n}\r\n\r\n.mec-timeline-item:nth-child(even) {\r\n    left: 50%;\r\n    text-align: left;\r\n}\r\n\r\n.mec-timeline-dot {\r\n    position: absolute;\r\n\r\n    top: 5px;\r\n\r\n    width: 14px;\r\n    height: 14px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: var(--cyan);\r\n\r\n    border: 3px solid #fff;\r\n\r\n    box-shadow:\r\n        0 0 0 3px rgba(88, 222, 233, .20);\r\n}\r\n\r\n.mec-timeline-item:nth-child(odd)\r\n.mec-timeline-dot {\r\n    right: -7px;\r\n}\r\n\r\n.mec-timeline-item:nth-child(even)\r\n.mec-timeline-dot {\r\n    left: -7px;\r\n}\r\n\r\n.mec-timeline-year {\r\n    display: block;\r\n\r\n    margin-bottom: 7px;\r\n\r\n    color: var(--cyan-dark);\r\n\r\n    font-size: 12px;\r\n    font-weight: 900;\r\n\r\n    letter-spacing: 1px;\r\n}\r\n\r\n.mec-timeline-item h3 {\r\n    margin: 0 0 8px;\r\n\r\n    color: var(--navy);\r\n\r\n    font-size: 20px;\r\n}\r\n\r\n.mec-timeline-item p {\r\n    margin: 0;\r\n\r\n    color: var(--gray);\r\n\r\n    font-size: 13px;\r\n\r\n    line-height: 1.7;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MISSION \/ VISION \/ VALUES\r\n   ========================================================= *\/\r\n\r\n.mec-about-purpose {\r\n    padding: 95px 20px;\r\n    background: #fff;\r\n}\r\n\r\n.mec-purpose-grid {\r\n    display: grid;\r\n\r\n    grid-template-columns: repeat(3, 1fr);\r\n\r\n    gap: 18px;\r\n}\r\n\r\n.mec-purpose-card {\r\n    padding: 35px 30px;\r\n\r\n    border-radius: 20px;\r\n\r\n    background: #F7FBFC;\r\n\r\n    border: 1px solid #E5EFF2;\r\n}\r\n\r\n.mec-purpose-card:nth-child(2) {\r\n    background: var(--navy);\r\n    border-color: var(--navy);\r\n}\r\n\r\n.mec-purpose-label {\r\n    display: block;\r\n\r\n    margin-bottom: 17px;\r\n\r\n    color: var(--cyan-dark);\r\n\r\n    font-size: 11px;\r\n    font-weight: 900;\r\n\r\n    letter-spacing: 1.5px;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n.mec-purpose-card:nth-child(2)\r\n.mec-purpose-label {\r\n    color: var(--lime);\r\n}\r\n\r\n.mec-purpose-card h3 {\r\n    margin: 0 0 13px;\r\n\r\n    color: var(--navy);\r\n\r\n    font-size: 23px;\r\n}\r\n\r\n.mec-purpose-card:nth-child(2) h3 {\r\n    color: #fff;\r\n}\r\n\r\n.mec-purpose-card p {\r\n    margin: 0;\r\n\r\n    color: var(--gray);\r\n\r\n    font-size: 13px;\r\n\r\n    line-height: 1.8;\r\n}\r\n\r\n.mec-purpose-card:nth-child(2) p {\r\n    color: rgba(255, 255, 255, .76);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VALUES\r\n   ========================================================= *\/\r\n\r\n.mec-values {\r\n    display: flex;\r\n\r\n    flex-wrap: wrap;\r\n\r\n    justify-content: center;\r\n\r\n    gap: 10px;\r\n\r\n    margin-top: 28px;\r\n}\r\n\r\n.mec-value {\r\n    padding: 10px 17px;\r\n\r\n    border-radius: 50px;\r\n\r\n    background: #fff;\r\n\r\n    border: 1px solid #DCE9ED;\r\n\r\n    color: var(--navy);\r\n\r\n    font-size: 12px;\r\n    font-weight: 800;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   EXPERIENCE\r\n   ========================================================= *\/\r\n\r\n.mec-about-experience {\r\n    padding: 90px 20px;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at 15% 30%,\r\n            rgba(207, 239, 96, .09),\r\n            transparent 25%\r\n        ),\r\n        linear-gradient(\r\n            135deg,\r\n            var(--navy),\r\n            var(--navy2)\r\n        );\r\n}\r\n\r\n.mec-experience-inner {\r\n    width: min(1000px, 100%);\r\n    margin: auto;\r\n\r\n    text-align: center;\r\n}\r\n\r\n.mec-experience-number {\r\n    display: block;\r\n\r\n    color: var(--lime);\r\n\r\n    font-size: clamp(65px, 9vw, 110px);\r\n\r\n    line-height: .9;\r\n\r\n    font-weight: 900;\r\n\r\n    letter-spacing: -5px;\r\n}\r\n\r\n.mec-experience-title {\r\n    margin: 15px 0;\r\n\r\n    color: #fff;\r\n\r\n    font-size: clamp(27px, 4vw, 42px);\r\n\r\n    line-height: 1.15;\r\n\r\n    font-weight: 900;\r\n}\r\n\r\n.mec-experience-title span {\r\n    color: var(--cyan);\r\n}\r\n\r\n.mec-experience-text {\r\n    max-width: 700px;\r\n\r\n    margin: 0 auto;\r\n\r\n    color: rgba(255, 255, 255, .75);\r\n\r\n    font-size: 15px;\r\n\r\n    line-height: 1.8;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CTA\r\n   ========================================================= *\/\r\n\r\n.mec-about-cta {\r\n    padding: 80px 20px;\r\n    background: #fff;\r\n}\r\n\r\n.mec-about-cta-card {\r\n    position: relative;\r\n\r\n    overflow: hidden;\r\n\r\n    width: min(1080px, 100%);\r\n\r\n    margin: auto;\r\n\r\n    padding: 60px;\r\n\r\n    border-radius: 25px;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at 90% 10%,\r\n            rgba(88, 222, 233, .20),\r\n            transparent 30%\r\n        ),\r\n        linear-gradient(\r\n            135deg,\r\n            var(--navy),\r\n            var(--navy2)\r\n        );\r\n\r\n    text-align: center;\r\n}\r\n\r\n.mec-about-cta-card::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 220px;\r\n    height: 220px;\r\n\r\n    left: -110px;\r\n    bottom: -120px;\r\n\r\n    border-radius: 50%;\r\n\r\n    border: 35px solid rgba(207, 239, 96, .07);\r\n}\r\n\r\n.mec-about-cta-card h2 {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    margin: 0 0 13px;\r\n\r\n    color: #fff;\r\n\r\n    font-size: clamp(30px, 4vw, 43px);\r\n\r\n    line-height: 1.15;\r\n}\r\n\r\n.mec-about-cta-card h2 span {\r\n    color: var(--cyan);\r\n}\r\n\r\n.mec-about-cta-card p {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    max-width: 650px;\r\n\r\n    margin: 0 auto 28px;\r\n\r\n    color: rgba(255, 255, 255, .75);\r\n\r\n    font-size: 15px;\r\n\r\n    line-height: 1.7;\r\n}\r\n\r\n.mec-about-cta-card .mec-about-btn {\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESPONSIVE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 850px) {\r\n\r\n    .mec-about-hero-container {\r\n        grid-template-columns: 1fr;\r\n        gap: 45px;\r\n    }\r\n\r\n    .mec-about-visual {\r\n        min-height: 390px;\r\n    }\r\n\r\n    .mec-purpose-grid {\r\n        grid-template-columns: 1fr;\r\n    }\r\n}\r\n\r\n\r\n@media (max-width: 650px) {\r\n\r\n    .mec-about-hero {\r\n        padding: 70px 18px;\r\n    }\r\n\r\n    .mec-about-hero h1 {\r\n        font-size: 42px;\r\n        letter-spacing: -1px;\r\n    }\r\n\r\n    .mec-about-hero-text {\r\n        font-size: 15px;\r\n    }\r\n\r\n    .mec-about-visual {\r\n        min-height: 345px;\r\n    }\r\n\r\n    .mec-about-main-card {\r\n        left: 5px;\r\n        right: 5px;\r\n        top: 30px;\r\n\r\n        min-height: 290px;\r\n\r\n        padding: 30px;\r\n    }\r\n\r\n    .mec-about-brand {\r\n        gap: 10px;\r\n    }\r\n\r\n    .mec-about-me {\r\n        font-size: 58px;\r\n        letter-spacing: -4px;\r\n    }\r\n\r\n    .mec-about-creative {\r\n        font-size: 24px;\r\n        padding-bottom: 5px;\r\n    }\r\n\r\n    .mec-about-main-card h3 {\r\n        margin-top: 25px;\r\n        font-size: 23px;\r\n    }\r\n\r\n    .mec-about-main-card p {\r\n        font-size: 12px;\r\n    }\r\n\r\n    .mec-about-float {\r\n        padding: 13px 15px;\r\n    }\r\n\r\n    .mec-about-float.one {\r\n        right: -3px;\r\n    }\r\n\r\n    .mec-about-float.two {\r\n        left: -3px;\r\n    }\r\n\r\n    .mec-about-intro,\r\n    .mec-about-timeline-section,\r\n    .mec-about-purpose {\r\n        padding: 70px 18px;\r\n    }\r\n\r\n    .mec-about-story {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .mec-about-timeline::before {\r\n        left: 8px;\r\n        transform: none;\r\n    }\r\n\r\n    .mec-timeline-item,\r\n    .mec-timeline-item:nth-child(even) {\r\n        left: 0;\r\n        width: 100%;\r\n\r\n        padding:\r\n            0\r\n            0\r\n            38px\r\n            35px;\r\n\r\n        text-align: left;\r\n    }\r\n\r\n    .mec-timeline-item:nth-child(odd)\r\n    .mec-timeline-dot,\r\n    .mec-timeline-item:nth-child(even)\r\n    .mec-timeline-dot {\r\n        left: 1px;\r\n        right: auto;\r\n    }\r\n\r\n    .mec-about-experience {\r\n        padding: 75px 18px;\r\n    }\r\n\r\n    .mec-about-cta {\r\n        padding: 60px 18px;\r\n    }\r\n\r\n    .mec-about-cta-card {\r\n        padding: 45px 25px;\r\n    }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"mec-about\">\r\n\r\n\r\n    <!-- =====================================================\r\n         HERO\r\n         ===================================================== -->\r\n\r\n    <div class=\"mec-about-hero\">\r\n\r\n        <div class=\"mec-about-hero-container\">\r\n\r\n\r\n            <!-- HERO COPY -->\r\n\r\n            <div>\r\n\r\n                <span class=\"mec-about-eyebrow\">\r\n                    ABOUT ME CREATIVE\r\n                <\/span>\r\n\r\n                <h1>\r\n                    Creating Digital\r\n                    <span>Experiences.<\/span>\r\n                    Driving Growth.\r\n                <\/h1>\r\n\r\n                <p class=\"mec-about-hero-text\">\r\n                    ME Creative is a digital marketing and web\r\n                    development agency serving businesses across\r\n                    Saudi Arabia and the GCC. Since 2006, we have\r\n                    been helping businesses build stronger digital\r\n                    presences through creative technology,\r\n                    marketing and AI-powered solutions.\r\n                <\/p>\r\n\r\n\r\n                <div class=\"mec-about-hero-buttons\">\r\n\r\n                    <a\r\n                        href=\"\/ar\/request-a-service\/\"\r\n                        class=\"mec-about-btn mec-about-btn-primary\"\r\n                    >\r\n                        Start Your Project\r\n                    <\/a>\r\n\r\n                    <a href=\"https:\/\/wa.me\/966500461369\" target=\"_blank\" rel=\"noopener\" class=\"mec-about-btn mec-about-btn-secondary\">\r\n                        Chat on WhatsApp\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- HERO VISUAL -->\r\n\r\n            <div class=\"mec-about-visual\">\r\n\r\n\r\n                <!-- TOP FLOATING CARD -->\r\n\r\n                <div class=\"mec-about-float one\">\r\n\r\n                    <strong>\r\n                        \u0645\u0646\u0630 \u0639\u0627\u0645 2006\r\n                    <\/strong>\r\n\r\n                    <span>\r\n                        Nearly 20 years of experience\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- MAIN BRAND CARD -->\r\n\r\n                <div class=\"mec-about-main-card\">\r\n\r\n                    <div class=\"mec-about-brand\">\r\n\r\n                        <span class=\"mec-about-me\">\r\n                            ME\r\n                        <\/span>\r\n\r\n                        <span class=\"mec-about-creative\">\r\n                            Creative\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <h3>\r\n                        Creativity Meets Technology\r\n                    <\/h3>\r\n\r\n\r\n                    <p>\r\n                        We combine web development, digital\r\n                        marketing, SEO, GEO and AI-powered\r\n                        solutions to help businesses succeed\r\n                        in today's digital world.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- BOTTOM FLOATING CARD -->\r\n\r\n                <div class=\"mec-about-float two\">\r\n\r\n                    <strong>\r\n                        Saudi Arabia &amp; GCC\r\n                    <\/strong>\r\n\r\n                    <span>\r\n                        Digital solutions for growing businesses\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         WHO WE ARE\r\n         ===================================================== -->\r\n\r\n    <section class=\"mec-about-intro\">\r\n\r\n        <div class=\"mec-about-container\">\r\n\r\n\r\n            <div class=\"mec-about-section-heading\">\r\n\r\n                <span class=\"label\">\r\n                    WHO WE ARE\r\n                <\/span>\r\n\r\n                <h2>\r\n                    A Digital Partner for\r\n                    <span>Growing Businesses.<\/span>\r\n                <\/h2>\r\n\r\n                <p>\r\n                    Your digital presence is often the first\r\n                    interaction customers have with your business.\r\n                    We create digital experiences designed to\r\n                    communicate your value, build trust and help\r\n                    turn visitors into opportunities.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"mec-about-story\">\r\n\r\n\r\n                <div class=\"mec-about-story-card\">\r\n\r\n                    <h3>\r\n                        Our Approach\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        We bring together web development, SEO,\r\n                        Generative Engine Optimization (GEO),\r\n                        digital advertising, social media marketing,\r\n                        and AI-powered business solutions to create\r\n                        practical digital strategies around your\r\n                        business goals.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"mec-about-story-card dark\">\r\n\r\n                    <h3>\r\n                        Our Experience\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Since 2006, we have worked through major\r\n                        changes in the digital landscape \u2014 from\r\n                        traditional web design and online marketing\r\n                        to today's AI-powered search and digital\r\n                        business solutions.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n\r\n    <!-- =====================================================\r\n         OUR STORY\r\n         ===================================================== -->\r\n\r\n    <section class=\"mec-about-timeline-section\">\r\n\r\n        <div class=\"mec-about-container\">\r\n\r\n\r\n            <div class=\"mec-about-section-heading\">\r\n\r\n                <span class=\"label\">\r\n                    OUR STORY\r\n                <\/span>\r\n\r\n                <h2>\r\n                    From Web Design to\r\n                    <span>AI-Powered Growth.<\/span>\r\n                <\/h2>\r\n\r\n                <p>\r\n                    Nearly two decades of adapting, creating\r\n                    and helping businesses move forward.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"mec-about-timeline\">\r\n\r\n\r\n                <!-- 2006 -->\r\n\r\n                <div class=\"mec-timeline-item\">\r\n\r\n                    <span class=\"mec-timeline-dot\"><\/span>\r\n\r\n                    <span class=\"mec-timeline-year\">\r\n                        2006\r\n                    <\/span>\r\n\r\n                    <h3>\r\n                        \u0627\u0644\u062a\u0623\u0633\u064a\u0633 \u0641\u064a \u0627\u0644\u0648\u0644\u0627\u064a\u0627\u062a \u0627\u0644\u0645\u062a\u062d\u062f\u0629 \u0627\u0644\u0623\u0645\u0631\u064a\u0643\u064a\u0629\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        ME Creative was established in the United\r\n                        States, providing professional web design\r\n                        and digital solutions for growing businesses.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- 2011 -->\r\n\r\n                <div class=\"mec-timeline-item\">\r\n\r\n                    <span class=\"mec-timeline-dot\"><\/span>\r\n\r\n                    <span class=\"mec-timeline-year\">\r\n                        2011\r\n                    <\/span>\r\n\r\n                    <h3>\r\n                        \u0627\u0644\u062a\u0648\u0633\u0639 \u0641\u064a \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        The company expanded to Saudi Arabia to\r\n                        support the growing digital market across\r\n                        the Kingdom and GCC region.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- 2013 -->\r\n\r\n                <div class=\"mec-timeline-item\">\r\n\r\n                    <span class=\"mec-timeline-dot\"><\/span>\r\n\r\n                    <span class=\"mec-timeline-year\">\r\n                        2013\r\n                    <\/span>\r\n\r\n                    <h3>\r\n                        \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0631\u0642\u0645\u064a\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        ME Creative expanded its capabilities to\r\n                        include SEO, social media marketing,\r\n                        online advertising and branding solutions.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- 2016 -->\r\n\r\n                <div class=\"mec-timeline-item\">\r\n\r\n                    <span class=\"mec-timeline-dot\"><\/span>\r\n\r\n                    <span class=\"mec-timeline-year\">\r\n                        2016\r\n                    <\/span>\r\n\r\n                    <h3>\r\n                        \u0648\u0643\u0627\u0644\u0629 \u0631\u0642\u0645\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        We brought web design, e-commerce\r\n                        development, branding and digital marketing\r\n                        together under one roof.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- 2020 -->\r\n\r\n                <div class=\"mec-timeline-item\">\r\n\r\n                    <span class=\"mec-timeline-dot\"><\/span>\r\n\r\n                    <span class=\"mec-timeline-year\">\r\n                        2020\r\n                    <\/span>\r\n\r\n                    <h3>\r\n                        \u0634\u0631\u064a\u0643 \u0627\u0644\u0646\u0645\u0648 \u0627\u0644\u0631\u0642\u0645\u064a\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        We helped businesses accelerate their\r\n                        digital transformation through modern\r\n                        websites and lead-generation strategies.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- 2025 -->\r\n\r\n                <div class=\"mec-timeline-item\">\r\n\r\n                    <span class=\"mec-timeline-dot\"><\/span>\r\n\r\n                    <span class=\"mec-timeline-year\">\r\n                        2025\r\n                    <\/span>\r\n\r\n                    <h3>\r\n                        \u062d\u0644\u0648\u0644 \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0648\u062a\u062d\u0633\u064a\u0646 \u0645\u062d\u0631\u0643\u0627\u062a \u0627\u0644\u0628\u062d\u062b \u0627\u0644\u0645\u062a\u0642\u062f\u0645\u0629\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        We expanded into AI-powered business\r\n                        solutions, advanced SEO strategies,\r\n                        content optimization and AI search visibility.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- TODAY -->\r\n\r\n                <div class=\"mec-timeline-item\">\r\n\r\n                    <span class=\"mec-timeline-dot\"><\/span>\r\n\r\n                    <span class=\"mec-timeline-year\">\r\n                        TODAY\r\n                    <\/span>\r\n\r\n                    <h3>\r\n                        Nearly 20 Years of Experience\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Today, ME Creative continues to deliver\r\n                        web development, digital marketing, SEO,\r\n                        GEO, AI solutions, branding and business\r\n                        growth services.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n\r\n    <!-- =====================================================\r\n         MISSION \/ VISION \/ VALUES\r\n         ===================================================== -->\r\n\r\n    <section class=\"mec-about-purpose\">\r\n\r\n        <div class=\"mec-about-container\">\r\n\r\n\r\n            <div class=\"mec-about-section-heading\">\r\n\r\n                <span class=\"label\">\r\n                    WHAT DRIVES US\r\n                <\/span>\r\n\r\n                <h2>\r\n                    Purpose Behind\r\n                    <span>Our Work.<\/span>\r\n                <\/h2>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"mec-purpose-grid\">\r\n\r\n\r\n                <!-- MISSION -->\r\n\r\n                <div class=\"mec-purpose-card\">\r\n\r\n                    <span class=\"mec-purpose-label\">\r\n                        \u0631\u0633\u0627\u0644\u062a\u0646\u0627\r\n                    <\/span>\r\n\r\n                    <h3>\r\n                        Creating Digital Experiences\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Creating digital experiences that help\r\n                        businesses attract customers, build trust,\r\n                        generate leads and grow online.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- VISION -->\r\n\r\n                <div class=\"mec-purpose-card\">\r\n\r\n                    <span class=\"mec-purpose-label\">\r\n                        \u0631\u0624\u064a\u062a\u0646\u0627\r\n                    <\/span>\r\n\r\n                    <h3>\r\n                        The Preferred Digital Growth Partner\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        To become the preferred digital growth\r\n                        partner for businesses across Saudi Arabia,\r\n                        the GCC and beyond through innovation and\r\n                        AI-driven solutions.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- VALUES -->\r\n\r\n                <div class=\"mec-purpose-card\">\r\n\r\n                    <span class=\"mec-purpose-label\">\r\n                        \u0642\u064a\u0645\u0646\u0627\r\n                    <\/span>\r\n\r\n                    <h3>\r\n                        How We Work\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        We believe strong digital partnerships are\r\n                        built on innovation, transparency, quality\r\n                        and long-term commitment.\r\n                    <\/p>\r\n\r\n                    <div class=\"mec-values\">\r\n\r\n                        <span class=\"mec-value\">\r\n                            Innovation\r\n                        <\/span>\r\n\r\n                        <span class=\"mec-value\">\r\n                            Transparency\r\n                        <\/span>\r\n\r\n                        <span class=\"mec-value\">\r\n                            Quality\r\n                        <\/span>\r\n\r\n                        <span class=\"mec-value\">\r\n                            Long-Term Partnerships\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n\r\n    <!-- =====================================================\r\n         EXPERIENCE\r\n         ===================================================== -->\r\n\r\n    <section class=\"mec-about-experience\">\r\n\r\n        <div class=\"mec-experience-inner\">\r\n\r\n            <span class=\"mec-experience-number\">\r\n                20\r\n            <\/span>\r\n\r\n            <h2 class=\"mec-experience-title\">\r\n                Years of Digital\r\n                <span>Excellence<\/span>\r\n            <\/h2>\r\n\r\n            <p class=\"mec-experience-text\">\r\n                Since 2006, we've been creating websites and\r\n                digital strategies that help businesses build\r\n                stronger online presences and grow with confidence.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n\r\n    <!-- =====================================================\r\n         FINAL CTA\r\n         ===================================================== -->\r\n\r\n    <section class=\"mec-about-cta\">\r\n\r\n        <div class=\"mec-about-cta-card\">\r\n\r\n            <h2>\r\n                Ready to Build Your\r\n                <span>Digital Presence?<\/span>\r\n            <\/h2>\r\n\r\n            <p>\r\n                Whether you are building a new digital presence\r\n                or looking to improve your existing one, let's\r\n                create something that works for your business.\r\n            <\/p>\r\n\r\n            <a\r\n                href=\"\/ar\/request-a-service\/\"\r\n                class=\"mec-about-btn mec-about-btn-primary\"\r\n            >\r\n                Request a Service\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n\r\n<\/section>\r\n```\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":"<p>ABOUT ME CREATIVE Creating Digital Experiences. Driving Growth. ME Creative is a digital marketing and web development agency serving businesses across Saudi Arabia and the GCC. Since 2006, we have been helping businesses build stronger digital presences through creative technology, marketing and AI-powered solutions. Start Your Project Chat on WhatsApp Since 2006 Nearly 20 years [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_joinchat":[],"footnotes":""},"class_list":["post-21037","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mecreative.net\/ar\/wp-json\/wp\/v2\/pages\/21037","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mecreative.net\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mecreative.net\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mecreative.net\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mecreative.net\/ar\/wp-json\/wp\/v2\/comments?post=21037"}],"version-history":[{"count":50,"href":"https:\/\/mecreative.net\/ar\/wp-json\/wp\/v2\/pages\/21037\/revisions"}],"predecessor-version":[{"id":22014,"href":"https:\/\/mecreative.net\/ar\/wp-json\/wp\/v2\/pages\/21037\/revisions\/22014"}],"wp:attachment":[{"href":"https:\/\/mecreative.net\/ar\/wp-json\/wp\/v2\/media?parent=21037"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}