{"id":107,"date":"2026-09-16T07:57:55","date_gmt":"2026-09-16T07:57:55","guid":{"rendered":"https:\/\/yaghma.ae\/?page_id=107"},"modified":"2026-09-19T05:10:02","modified_gmt":"2026-09-19T01:10:02","slug":"about-us","status":"publish","type":"page","link":"https:\/\/yaghma.ae\/ar\/about-us\/","title":{"rendered":"\u0645\u0646 \u0646\u062d\u0646"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"107\" class=\"elementor elementor-107\">\n\t\t\t\t<div class=\"elementor-element elementor-element-37bc56e e-con e-atomic-element e-flexbox-base e-default-div e-bb57116\" data-id=\"37bc56e\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"37bc56e\">\n    \t\t<div class=\"elementor-element elementor-element-24d4ec5 elementor-widget elementor-widget-html\" data-id=\"24d4ec5\" data-element_type=\"widget\" data-e-type=\"widget\" data-no-translation=\"\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.elementor-element-24d4ec5{display:none !important}<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-88ccb6e elementor-widget elementor-widget-html\" data-id=\"88ccb6e\" data-element_type=\"widget\" data-e-type=\"widget\" data-no-translation=\"\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"yaghma-about\" dir=\"rtl\">\n\n    <!-- =========================\n         HERO\n    ========================== -->\n    <div class=\"ya-about-hero\">\n\n        <div class=\"ya-giant-word\">YAGHMA<\/div>\n\n        <div class=\"ya-hero-circle\"><\/div>\n\n        <div class=\"ya-hero-content\">\n\n            <span class=\"ya-small-title\">\n                \u0639\u0646 \u064a\u0627\u063a\u0645\u0627\n            <\/span>\n\n            <h1>\n                \u0642\u0647\u0648\u0629 \u0635\u064f\u0646\u0639\u062a<br>\n                <em>\u0628\u0634\u062e\u0635\u064a\u0629 \u0645\u0645\u064a\u0632\u0629.<\/em>\n            <\/h1>\n\n            <p>\n                \u0623\u0643\u062b\u0631 \u0645\u0646 \u0645\u062c\u0631\u062f \u0639\u0627\u062f\u0629 \u064a\u0648\u0645\u064a\u0629 \u2014 \u062a\u062c\u0631\u0628\u0629 \u062a\u0635\u0646\u0639\u0647\u0627 \u0627\u0644\u0631\u0627\u0626\u062d\u0629\u060c\n                \u0648\u0627\u0644\u0637\u0627\u0628\u0639 \u0627\u0644\u0645\u0645\u064a\u0632\u060c \u0648\u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0635\u063a\u064a\u0631\u0629 \u0627\u0644\u062a\u064a \u062a\u062c\u0639\u0644\n                \u0643\u0644 \u0641\u0646\u062c\u0627\u0646 \u062a\u062c\u0631\u0628\u0629 \u0644\u0627 \u062a\u064f\u0646\u0633\u0649.\n            <\/p>\n\n        <\/div>\n\n        <div class=\"ya-scroll-text\">\n            \u0642\u0635\u062a\u0646\u0627\n            <span><\/span>\n        <\/div>\n\n    <\/div>\n\n\n    <!-- =========================\n         OUR STORY\n    ========================== -->\n    <div class=\"ya-story\">\n\n        <div class=\"ya-story-image\">\n\n            <img decoding=\"async\"\n                src=\"https:\/\/yaghma.ae\/wp-content\/uploads\/2026\/09\/WhatsApp-Image-2026-09-12-at-5.35.06-PM.jpeg\"\n                alt=\"\u0642\u0647\u0648\u0629 \u064a\u0627\u063a\u0645\u0627\">\n\n            <span class=\"ya-image-number\">01<\/span>\n\n        <\/div>\n\n\n        <div class=\"ya-story-content\">\n\n            <span class=\"ya-section-label\">\n                \u0642\u0635\u062a\u0646\u0627\n            <\/span>\n\n            <h2>\n                \u0642\u0647\u0648\u0629 \u062a\u062a\u062c\u0627\u0648\u0632<br>\n                \u0627\u0644\u0645\u0623\u0644\u0648\u0641.\n            <\/h2>\n\n            <div class=\"ya-small-line\"><\/div>\n\n            <p>\n                \u0641\u064a \u064a\u0627\u063a\u0645\u0627\u060c \u0627\u0644\u0642\u0647\u0648\u0629 \u0623\u0643\u062b\u0631 \u0645\u0646 \u0645\u062c\u0631\u062f \u0639\u0627\u062f\u0629 \u064a\u0648\u0645\u064a\u0629.\n                \u0625\u0646\u0647\u0627 \u062a\u062c\u0631\u0628\u0629 \u062a\u062a\u0634\u0643\u0644 \u0645\u0646 \u0627\u0644\u0631\u0627\u0626\u062d\u0629 \u0648\u0627\u0644\u0637\u0627\u0628\u0639 \u0648\u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644\n                \u0627\u0644\u0635\u063a\u064a\u0631\u0629 \u0627\u0644\u062a\u064a \u062a\u062c\u0639\u0644 \u0643\u0644 \u0641\u0646\u062c\u0627\u0646 \u0645\u0645\u064a\u0632\u064b\u0627.\n            <\/p>\n\n            <p>\n                \u0646\u0642\u062f\u0645 \u0645\u062c\u0645\u0648\u0639\u0629 \u0645\u062e\u062a\u0627\u0631\u0629 \u0628\u0639\u0646\u0627\u064a\u0629 \u0645\u0646 \u0627\u0644\u0642\u0647\u0648\u0629 \u0627\u0644\u0645\u062e\u062a\u0635\u0629\n                \u0628\u0646\u0643\u0647\u0627\u062a \u0648\u062e\u0635\u0627\u0626\u0635 \u0645\u0645\u064a\u0632\u0629\u060c \u0644\u0645\u0646 \u064a\u0628\u062d\u062b \u0639\u0646 \u062a\u062c\u0631\u0628\u0629\n                \u0642\u0647\u0648\u0629 \u062a\u062a\u062c\u0627\u0648\u0632 \u0627\u0644\u0645\u0623\u0644\u0648\u0641.\n            <\/p>\n\n            <p class=\"ya-highlight\">\n                \u0645\u0646 \u0623\u0648\u0644 \u0631\u0627\u0626\u062d\u0629 \u0625\u0644\u0649 \u0622\u062e\u0631 \u0631\u0634\u0641\u0629\u060c \u062a\u0631\u0643\u064a\u0632\u0646\u0627 \u0628\u0633\u064a\u0637:\n                \u0642\u0647\u0648\u0629 \u0645\u0645\u064a\u0632\u0629\u060c \u0634\u062e\u0635\u064a\u0629 \u0648\u0627\u0636\u062d\u0629\u060c \u0648\u062a\u062c\u0631\u0628\u0629 \u062a\u0633\u062a\u062d\u0642 \u0623\u0646 \u062a\u064f\u062a\u0630\u0643\u0631.\n            <\/p>\n\n        <\/div>\n\n    <\/div>\n\n\n    <!-- =========================\n         OUR APPROACH\n    ========================== -->\n    <div class=\"ya-statement\">\n\n        <span class=\"ya-section-label ya-light\">\n            \u0646\u0647\u062c\u0646\u0627\n        <\/span>\n\n        <h2>\n            \u0645\u062e\u062a\u0627\u0631\u0629 \u0628\u0639\u0646\u0627\u064a\u0629.<br>\n            <em>\u0648\u0645\u062d\u0645\u0635\u0629 \u0628\u0627\u0647\u062a\u0645\u0627\u0645.<\/em>\n        <\/h2>\n\n        <p>\n            \u0644\u0643\u0644 \u0642\u0647\u0648\u0629 \u0647\u0648\u064a\u062a\u0647\u0627 \u0627\u0644\u062e\u0627\u0635\u0629. \u0646\u0631\u0643\u0632 \u0639\u0644\u0649 \u0625\u0628\u0631\u0627\u0632 \u0627\u0644\u062e\u0635\u0627\u0626\u0635\n            \u0627\u0644\u062a\u064a \u062a\u062c\u0639\u0644 \u0643\u0644 \u0627\u062e\u062a\u064a\u0627\u0631 \u0645\u0645\u064a\u0632\u064b\u0627\u060c \u0645\u0646 \u0627\u0644\u0631\u0627\u0626\u062d\u0629 \u0648\u0627\u0644\u062d\u0644\u0627\u0648\u0629\n            \u0625\u0644\u0649 \u0627\u0644\u0642\u0648\u0627\u0645 \u0648\u0627\u0644\u0646\u0643\u0647\u0629 \u0627\u0644\u0646\u0647\u0627\u0626\u064a\u0629.\n        <\/p>\n\n    <\/div>\n\n\n    <!-- =========================\n         VALUES\n    ========================== -->\n    <div class=\"ya-values\">\n\n        <div class=\"ya-value\">\n\n            <span class=\"ya-value-number\">01<\/span>\n\n            <h3>\u0627\u0644\u0631\u0627\u0626\u062d\u0629<\/h3>\n\n            <p>\n                \u0627\u0644\u0627\u0646\u0637\u0628\u0627\u0639 \u0627\u0644\u0623\u0648\u0644 \u0627\u0644\u0630\u064a \u064a\u0643\u0634\u0641 \u0639\u0646 \u0634\u062e\u0635\u064a\u0629 \u0627\u0644\u0642\u0647\u0648\u0629\n                \u0648\u064a\u0645\u0647\u062f \u0644\u062a\u062c\u0631\u0628\u0629 \u0643\u0644 \u0641\u0646\u062c\u0627\u0646.\n            <\/p>\n\n        <\/div>\n\n\n        <div class=\"ya-value\">\n\n            <span class=\"ya-value-number\">02<\/span>\n\n            <h3>\u0627\u0644\u0637\u0627\u0628\u0639<\/h3>\n\n            <p>\n                \u0644\u0643\u0644 \u0627\u062e\u062a\u064a\u0627\u0631 \u0634\u062e\u0635\u064a\u062a\u0647 \u0627\u0644\u062e\u0627\u0635\u0629 \u0648\u0646\u0643\u0647\u0627\u062a\u0647\n                \u0648\u0642\u0648\u0627\u0645\u0647 \u0648\u0646\u0647\u0627\u064a\u062a\u0647 \u0627\u0644\u0645\u0645\u064a\u0632\u0629.\n            <\/p>\n\n        <\/div>\n\n\n        <div class=\"ya-value\">\n\n            <span class=\"ya-value-number\">03<\/span>\n\n            <h3>\u0627\u0644\u062a\u062c\u0631\u0628\u0629<\/h3>\n\n            <p>\n                \u0642\u0647\u0648\u0629 \u0635\u064f\u0646\u0639\u062a \u0644\u062a\u0633\u062a\u0645\u062a\u0639 \u0628\u0647\u0627\u060c \u0648\u062a\u0643\u062a\u0634\u0641 \u062a\u0641\u0627\u0635\u064a\u0644\u0647\u0627\u060c\n                \u0648\u062a\u062a\u0630\u0643\u0631\u0647\u0627 \u062d\u062a\u0649 \u0628\u0639\u062f \u0622\u062e\u0631 \u0631\u0634\u0641\u0629.\n            <\/p>\n\n        <\/div>\n\n    <\/div>\n\n\n    <!-- =========================\n         EXPERIENCE\n    ========================== -->\n    <div class=\"ya-experience\">\n\n        <div class=\"ya-experience-content\">\n\n            <span class=\"ya-section-label\">\n                \u062a\u062c\u0631\u0628\u0629 \u064a\u0627\u063a\u0645\u0627\n            <\/span>\n\n            <h2>\n                \u0627\u0643\u062a\u0634\u0641<br>\n                <em>\u0642\u0647\u0648\u062a\u0643.<\/em>\n            <\/h2>\n\n        <\/div>\n\n\n        <div class=\"ya-experience-text\">\n\n            <p>\n                \u0645\u0635\u0627\u062f\u0631 \u0645\u062e\u062a\u0644\u0641\u0629.<br>\n                \u0625\u064a\u062d\u0627\u0621\u0627\u062a \u0645\u062e\u062a\u0644\u0641\u0629.<br>\n                \u062a\u062c\u0627\u0631\u0628 \u0645\u062e\u062a\u0644\u0641\u0629.\n            <\/p>\n\n            <div class=\"ya-experience-line\"><\/div>\n\n            <span>\n                \u0627\u0643\u062a\u0634\u0641 \u0642\u0647\u0648\u0629 \u0644\u0647\u0627 \u0634\u062e\u0635\u064a\u062a\u0647\u0627.\n            <\/span>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* ==================================================\n   YAGHMA ABOUT PAGE \u2014 ARABIC\n================================================== *\/\n\n.yaghma-about {\n\n    --purple: #3D2057;\n    --purple-hover: #52306C;\n    --dark: #21162A;\n    --cream: #F7F3EC;\n    --beige: #D8C4A5;\n    --soft-beige: #EDE4D7;\n    --text: #625A63;\n\n    width: 100%;\n    overflow: hidden;\n\n    direction: rtl;\n    text-align: right;\n\n    background: var(--cream);\n\n}\n\n\n\/* ==================================================\n   HERO\n================================================== *\/\n\n.ya-about-hero {\n\n    position: relative;\n\n    min-height: 680px;\n\n    display: flex;\n    align-items: center;\n\n    padding: 100px 8%;\n\n    overflow: hidden;\n\n    background:\n        radial-gradient(\n            circle at 20% 40%,\n            rgba(216,196,165,.12),\n            transparent 32%\n        ),\n        var(--dark);\n\n}\n\n\n\/* BIG BACKGROUND WORD *\/\n\n.ya-giant-word {\n\n    position: absolute;\n\n    left: -30px;\n    bottom: -60px;\n\n    direction: ltr;\n\n    font-family: Georgia, serif;\n\n    font-size: clamp(150px, 22vw, 390px);\n\n    font-weight: 700;\n\n    line-height: 1;\n\n    letter-spacing: -15px;\n\n    white-space: nowrap;\n\n    color: transparent;\n\n    -webkit-text-stroke:\n        1px rgba(255,255,255,.055);\n\n    pointer-events: none;\n\n}\n\n\n\/* DECORATIVE CIRCLE *\/\n\n.ya-hero-circle {\n\n    position: absolute;\n\n    width: 500px;\n    height: 500px;\n\n    left: 5%;\n    top: 50%;\n\n    transform: translateY(-50%);\n\n    border:\n        1px solid rgba(255,255,255,.07);\n\n    border-radius: 50%;\n\n}\n\n\n.ya-hero-circle::after {\n\n    content: \"\";\n\n    position: absolute;\n\n    width: 350px;\n    height: 350px;\n\n    left: 50%;\n    top: 50%;\n\n    transform: translate(-50%, -50%);\n\n    border:\n        1px solid rgba(255,255,255,.05);\n\n    border-radius: 50%;\n\n}\n\n\n\/* HERO CONTENT *\/\n\n.ya-hero-content {\n\n    position: relative;\n\n    z-index: 3;\n\n    max-width: 850px;\n\n    text-align: right;\n\n}\n\n\n\/* SMALL LABELS *\/\n\n.ya-small-title,\n.ya-section-label {\n\n    display: block;\n\n    margin-bottom: 25px;\n\n    color: var(--purple);\n\n    font-size: 11px;\n\n    font-weight: 600;\n\n    letter-spacing: 1px;\n\n}\n\n\n.ya-small-title {\n\n    color: var(--beige);\n\n}\n\n\n\/* HERO HEADING *\/\n\n.ya-about-hero h1 {\n\n    margin: 0;\n\n    color: #FFFFFF;\n\n    font-size: clamp(58px, 7vw, 105px);\n\n    line-height: 1.08;\n\n    font-weight: 500;\n\n    letter-spacing: -2px;\n\n}\n\n\n.ya-about-hero h1 em {\n\n    color: var(--beige);\n\n    font-style: normal;\n\n    font-weight: 400;\n\n}\n\n\n\/* HERO PARAGRAPH *\/\n\n.ya-about-hero p {\n\n    max-width: 570px;\n\n    margin: 40px 0 0;\n\n    color: rgba(255,255,255,.65);\n\n    font-size: 16px;\n\n    line-height: 2;\n\n}\n\n\n\/* STORY INDICATOR *\/\n\n.ya-scroll-text {\n\n    position: absolute;\n\n    left: 5%;\n    bottom: 60px;\n\n    display: flex;\n    align-items: center;\n\n    gap: 18px;\n\n    color: rgba(255,255,255,.45);\n\n    font-size: 10px;\n\n    letter-spacing: 1px;\n\n}\n\n\n.ya-scroll-text span {\n\n    display: block;\n\n    width: 60px;\n    height: 1px;\n\n    background: rgba(255,255,255,.3);\n\n}\n\n\n\/* ==================================================\n   OUR STORY\n================================================== *\/\n\n.ya-story {\n\n    max-width: 1450px;\n\n    margin: 0 auto;\n\n    padding: 130px 7%;\n\n    display: grid;\n\n    grid-template-columns: 1fr 1fr;\n\n    gap: 9%;\n\n    align-items: center;\n\n}\n\n\n\/* STORY IMAGE *\/\n\n.ya-story-image {\n\n    position: relative;\n\n    height: 680px;\n\n    overflow: hidden;\n\n}\n\n\n.ya-story-image img {\n\n    width: 100%;\n    height: 100%;\n\n    display: block;\n\n    object-fit: cover;\n\n    transition:\n        transform 1.2s cubic-bezier(.2,.7,.2,1);\n\n}\n\n\n.ya-story-image:hover img {\n\n    transform: scale(1.035);\n\n}\n\n\n\/* IMAGE NUMBER *\/\n\n.ya-image-number {\n\n    position: absolute;\n\n    left: 25px;\n    bottom: 20px;\n\n    direction: ltr;\n\n    color: rgba(255,255,255,.75);\n\n    font-family: Georgia, serif;\n\n    font-size: 40px;\n\n}\n\n\n\/* STORY TEXT *\/\n\n.ya-story-content {\n\n    max-width: 570px;\n\n    text-align: right;\n\n}\n\n\n.ya-story-content h2 {\n\n    margin: 0;\n\n    color: var(--dark);\n\n    font-size: clamp(44px, 5vw, 73px);\n\n    line-height: 1.15;\n\n    font-weight: 500;\n\n    letter-spacing: -1.5px;\n\n}\n\n\n\/* PURPLE LINE *\/\n\n.ya-small-line {\n\n    width: 55px;\n    height: 1px;\n\n    margin: 35px 0;\n\n    background: var(--purple);\n\n}\n\n\n\/* STORY PARAGRAPHS *\/\n\n.ya-story-content p {\n\n    color: var(--text);\n\n    font-size: 15px;\n\n    line-height: 2;\n\n    margin: 0 0 20px;\n\n}\n\n\n\/* HIGHLIGHT QUOTE *\/\n\n.ya-story-content .ya-highlight {\n\n    margin-top: 35px;\n\n    padding-right: 22px;\n\n    border-right: 2px solid var(--purple);\n\n    color: var(--dark);\n\n    font-size: 18px;\n\n    font-weight: 500;\n\n    line-height: 1.9;\n\n}\n\n\n\/* ==================================================\n   OUR APPROACH\n================================================== *\/\n\n.ya-statement {\n\n    position: relative;\n\n    padding: 130px 8%;\n\n    text-align: center;\n\n    background: var(--purple);\n\n}\n\n\n.ya-section-label.ya-light {\n\n    color: var(--beige);\n\n}\n\n\n.ya-statement h2 {\n\n    margin: 0 auto;\n\n    color: #FFFFFF;\n\n    font-size: clamp(50px, 6.5vw, 95px);\n\n    line-height: 1.15;\n\n    font-weight: 500;\n\n    letter-spacing: -2px;\n\n}\n\n\n.ya-statement h2 em {\n\n    color: var(--beige);\n\n    font-style: normal;\n\n    font-weight: 400;\n\n}\n\n\n.ya-statement p {\n\n    max-width: 650px;\n\n    margin: 40px auto 0;\n\n    color: rgba(255,255,255,.68);\n\n    font-size: 15px;\n\n    line-height: 2;\n\n}\n\n\n\/* ==================================================\n   VALUES\n================================================== *\/\n\n.ya-values {\n\n    max-width: 1450px;\n\n    margin: 0 auto;\n\n    display: grid;\n\n    grid-template-columns: repeat(3, 1fr);\n\n    padding: 110px 7%;\n\n}\n\n\n.ya-value {\n\n    position: relative;\n\n    min-height: 280px;\n\n    padding: 10px 0 20px 55px;\n\n    border-top:\n        1px solid rgba(61,32,87,.18);\n\n}\n\n\n.ya-value:not(:first-child) {\n\n    padding-right: 55px;\n\n    border-right:\n        1px solid rgba(61,32,87,.12);\n\n}\n\n\n\/* NUMBER *\/\n\n.ya-value-number {\n\n    display: block;\n\n    margin-top: 25px;\n\n    direction: ltr;\n\n    color: rgba(61,32,87,.35);\n\n    font-family: Georgia, serif;\n\n    font-size: 11px;\n\n    letter-spacing: 2px;\n\n}\n\n\n\/* VALUE TITLE *\/\n\n.ya-value h3 {\n\n    margin: 55px 0 18px;\n\n    color: var(--dark);\n\n    font-size: 27px;\n\n    font-weight: 500;\n\n}\n\n\n\/* VALUE DESCRIPTION *\/\n\n.ya-value p {\n\n    max-width: 300px;\n\n    margin: 0;\n\n    color: var(--text);\n\n    font-size: 13px;\n\n    line-height: 2;\n\n}\n\n\n\/* ==================================================\n   EXPERIENCE\n================================================== *\/\n\n.ya-experience {\n\n    min-height: 550px;\n\n    padding: 100px 8%;\n\n    display: grid;\n\n    grid-template-columns: 1.3fr .7fr;\n\n    align-items: center;\n\n    gap: 80px;\n\n    background: var(--soft-beige);\n\n}\n\n\n\/* EXPERIENCE HEADING *\/\n\n.ya-experience h2 {\n\n    margin: 0;\n\n    color: var(--dark);\n\n    font-size: clamp(65px, 8vw, 120px);\n\n    font-weight: 500;\n\n    line-height: 1;\n\n    letter-spacing: -3px;\n\n}\n\n\n.ya-experience h2 em {\n\n    color: var(--purple);\n\n    font-style: normal;\n\n    font-weight: 400;\n\n}\n\n\n\/* EXPERIENCE RIGHT TEXT *\/\n\n.ya-experience-text {\n\n    padding-right: 50px;\n\n    border-right:\n        1px solid rgba(61,32,87,.2);\n\n}\n\n\n.ya-experience-text p {\n\n    margin: 0;\n\n    color: var(--dark);\n\n    font-size: 25px;\n\n    font-weight: 400;\n\n    line-height: 1.8;\n\n}\n\n\n.ya-experience-line {\n\n    width: 45px;\n    height: 1px;\n\n    margin: 35px 0;\n\n    background: var(--purple);\n\n}\n\n\n.ya-experience-text span {\n\n    color: #81777E;\n\n    font-size: 11px;\n\n    letter-spacing: .5px;\n\n}\n\n\n\/* ==================================================\n   ENTRANCE ANIMATIONS\n================================================== *\/\n\n.ya-hero-content .ya-small-title {\n\n    opacity: 0;\n\n    animation:\n        yaFadeUp .8s ease .1s forwards;\n\n}\n\n\n.ya-about-hero h1 {\n\n    opacity: 0;\n\n    animation:\n        yaFadeUp 1s\n        cubic-bezier(.2,.7,.2,1)\n        .25s forwards;\n\n}\n\n\n.ya-about-hero p {\n\n    opacity: 0;\n\n    animation:\n        yaFadeUp .9s ease\n        .5s forwards;\n\n}\n\n\n.ya-hero-circle {\n\n    opacity: 0;\n\n    animation:\n        yaCircle 1.5s ease\n        .4s forwards;\n\n}\n\n\n.ya-giant-word {\n\n    opacity: 0;\n\n    animation:\n        yaWord 1.8s ease forwards;\n\n}\n\n\n.ya-scroll-text {\n\n    opacity: 0;\n\n    animation:\n        yaFadeUp .8s ease\n        .8s forwards;\n\n}\n\n\n\/* FADE UP *\/\n\n@keyframes yaFadeUp {\n\n    from {\n\n        opacity: 0;\n\n        transform: translateY(35px);\n\n    }\n\n    to {\n\n        opacity: 1;\n\n        transform: translateY(0);\n\n    }\n\n}\n\n\n\/* CIRCLE *\/\n\n@keyframes yaCircle {\n\n    from {\n\n        opacity: 0;\n\n        transform:\n            translateY(-50%)\n            scale(.85);\n\n    }\n\n    to {\n\n        opacity: 1;\n\n        transform:\n            translateY(-50%)\n            scale(1);\n\n    }\n\n}\n\n\n\/* BIG WORD *\/\n\n@keyframes yaWord {\n\n    from {\n\n        opacity: 0;\n\n        transform: translateX(-70px);\n\n    }\n\n    to {\n\n        opacity: 1;\n\n        transform: translateX(0);\n\n    }\n\n}\n\n\n\/* ==================================================\n   TABLET\n================================================== *\/\n\n@media (max-width: 900px) {\n\n    .ya-about-hero {\n\n        min-height: 600px;\n\n        padding: 80px 30px;\n\n    }\n\n\n    .ya-about-hero h1 {\n\n        font-size: 62px;\n\n        letter-spacing: -1px;\n\n    }\n\n\n    .ya-hero-circle {\n\n        width: 350px;\n        height: 350px;\n\n        left: -130px;\n\n    }\n\n\n    .ya-hero-circle::after {\n\n        width: 250px;\n        height: 250px;\n\n    }\n\n\n    \/* STORY *\/\n\n    .ya-story {\n\n        grid-template-columns: 1fr;\n\n        padding: 80px 25px;\n\n        gap: 60px;\n\n    }\n\n\n    .ya-story-image {\n\n        height: 600px;\n\n    }\n\n\n    .ya-story-content {\n\n        max-width: 650px;\n\n    }\n\n\n    \/* VALUES *\/\n\n    .ya-values {\n\n        grid-template-columns: 1fr;\n\n        padding: 70px 25px;\n\n    }\n\n\n    .ya-value {\n\n        min-height: auto;\n\n        padding: 30px 0 50px !important;\n\n        border-right: 0 !important;\n\n    }\n\n\n    .ya-value h3 {\n\n        margin: 30px 0 15px;\n\n    }\n\n\n    \/* EXPERIENCE *\/\n\n    .ya-experience {\n\n        grid-template-columns: 1fr;\n\n        gap: 60px;\n\n        padding: 80px 30px;\n\n    }\n\n\n    .ya-experience-text {\n\n        padding: 40px 0 0;\n\n        border-right: 0;\n\n        border-top:\n            1px solid rgba(61,32,87,.2);\n\n    }\n\n}\n\n\n\/* ==================================================\n   MOBILE\n================================================== *\/\n\n@media (max-width: 500px) {\n\n    \/* HERO *\/\n\n    .ya-about-hero {\n\n        min-height: 560px;\n\n        padding: 70px 20px;\n\n    }\n\n\n    .ya-about-hero h1 {\n\n        font-size: 47px;\n\n        line-height: 1.15;\n\n        letter-spacing: -1px;\n\n    }\n\n\n    .ya-about-hero p {\n\n        max-width: 95%;\n\n        margin-top: 30px;\n\n        font-size: 14px;\n\n        line-height: 1.9;\n\n    }\n\n\n    .ya-giant-word {\n\n        left: -20px;\n        bottom: -15px;\n\n        font-size: 105px;\n\n        letter-spacing: -6px;\n\n    }\n\n\n    .ya-hero-circle {\n\n        width: 280px;\n        height: 280px;\n\n        left: -150px;\n\n    }\n\n\n    .ya-hero-circle::after {\n\n        width: 190px;\n        height: 190px;\n\n    }\n\n\n    .ya-scroll-text {\n\n        display: none;\n\n    }\n\n\n    \/* STORY *\/\n\n    .ya-story {\n\n        padding: 60px 18px 80px;\n\n        gap: 50px;\n\n    }\n\n\n    .ya-story-image {\n\n        height: 470px;\n\n    }\n\n\n    .ya-story-content h2 {\n\n        font-size: 43px;\n\n        line-height: 1.2;\n\n    }\n\n\n    .ya-story-content p {\n\n        font-size: 14px;\n\n        line-height: 2;\n\n    }\n\n\n    .ya-story-content .ya-highlight {\n\n        font-size: 16px;\n\n        line-height: 1.9;\n\n    }\n\n\n    \/* STATEMENT *\/\n\n    .ya-statement {\n\n        padding: 90px 20px;\n\n    }\n\n\n    .ya-statement h2 {\n\n        font-size: 44px;\n\n        line-height: 1.25;\n\n        letter-spacing: -1px;\n\n    }\n\n\n    .ya-statement p {\n\n        font-size: 14px;\n\n        line-height: 2;\n\n    }\n\n\n    \/* VALUES *\/\n\n    .ya-values {\n\n        padding: 50px 20px;\n\n    }\n\n\n    .ya-value {\n\n        padding: 30px 0 50px !important;\n\n    }\n\n\n    .ya-value h3 {\n\n        font-size: 25px;\n\n    }\n\n\n    .ya-value p {\n\n        font-size: 13px;\n\n    }\n\n\n    \/* EXPERIENCE *\/\n\n    .ya-experience {\n\n        min-height: auto;\n\n        padding: 80px 20px;\n\n    }\n\n\n    .ya-experience h2 {\n\n        font-size: 62px;\n\n        line-height: 1.05;\n\n        letter-spacing: -2px;\n\n    }\n\n\n    .ya-experience-text p {\n\n        font-size: 21px;\n\n        line-height: 1.8;\n\n    }\n\n}\n\n\n\/* ==================================================\n   REDUCED MOTION\n================================================== *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .yaghma-about *,\n    .yaghma-about *::before,\n    .yaghma-about *::after {\n\n        animation-duration: .01ms !important;\n        animation-delay: 0s !important;\n\n    }\n\n}\n\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>YAGHMA ABOUT YAGHMA Coffee, Crafted With Character. More than a daily ritual \u2014 an experience shaped by aroma, character, and the small details that make every cup memorable. OUR STORY 01 OUR STORY Coffee beyond the ordinary. At Yaghma, coffee is more than a daily ritual. It\u2019s an experience shaped by aroma, character, and the [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":301,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-107","page","type-page","status-publish","has-post-thumbnail","hentry"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":8}},"_links":{"self":[{"href":"https:\/\/yaghma.ae\/ar\/wp-json\/wp\/v2\/pages\/107","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yaghma.ae\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/yaghma.ae\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/yaghma.ae\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/yaghma.ae\/ar\/wp-json\/wp\/v2\/comments?post=107"}],"version-history":[{"count":4,"href":"https:\/\/yaghma.ae\/ar\/wp-json\/wp\/v2\/pages\/107\/revisions"}],"predecessor-version":[{"id":451,"href":"https:\/\/yaghma.ae\/ar\/wp-json\/wp\/v2\/pages\/107\/revisions\/451"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/yaghma.ae\/ar\/wp-json\/wp\/v2\/media\/301"}],"wp:attachment":[{"href":"https:\/\/yaghma.ae\/ar\/wp-json\/wp\/v2\/media?parent=107"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}