{"id":830,"date":"2025-04-07T10:10:15","date_gmt":"2025-04-07T06:40:15","guid":{"rendered":"https:\/\/morethanrecipe.com\/?page_id=830"},"modified":"2026-11-11T18:05:00","modified_gmt":"2026-11-11T14:35:00","slug":"about-us","status":"publish","type":"page","link":"https:\/\/morethanrecipe.com\/ar\/about-us\/","title":{"rendered":"\u062f\u0631\u0628\u0627\u0631\u0647 \u0645\u0627"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"830\" class=\"elementor elementor-830\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c7014ef e-con-full e-flex e-con e-parent\" data-id=\"c7014ef\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4c7d781 elementor-widget elementor-widget-html\" data-id=\"4c7d781\" 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<!DOCTYPE html>\n<html lang=\"en\" dir=\"ltr\">\n<head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n\n  <title>About Us | More Than Recipe<\/title>\n\n  <meta\n    name=\"description\"\n    content=\"Discover More Than Recipe \u2014 hospitality design, cafe and restaurant development, culinary consulting, and project support.\"\n  >\n\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n\n  <link\n    href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700&display=swap\"\n    rel=\"stylesheet\"\n  >\n\n  <style>\n    body {\n      margin: 0;\n    }\n\n    #mtr-about {\n      --cream: #f7f3eb;\n      --paper: #fffdf8;\n      --sage: #e9ede5;\n      --ink: #182b23;\n      --gold: #aa8960;\n      --gold-light: #e4c69b;\n      --muted: #62675e;\n      --line: #ded7ca;\n      --heading: \"Manrope\", Arial, sans-serif;\n      --body-font: \"DM Sans\", Arial, sans-serif;\n\n      position: relative;\n      left: 0 !important;\n      right: auto !important;\n      width: var(--mta-full-width, 100%) !important;\n      max-width: none !important;\n      margin: 0 !important;\n      margin-left: var(--mta-full-offset, 0px) !important;\n      padding: 0 !important;\n      background: var(--cream);\n      color: var(--ink);\n      font-family: var(--body-font);\n      font-size: 15px;\n      font-weight: 400;\n      line-height: 1.85;\n      direction: ltr;\n      text-align: left;\n      isolation: isolate;\n    }\n\n    #mtr-about,\n    #mtr-about *,\n    #mtr-about *::before,\n    #mtr-about *::after {\n      box-sizing: border-box;\n    }\n\n    #mtr-about h1,\n    #mtr-about h2,\n    #mtr-about h3,\n    #mtr-about p,\n    #mtr-about figure {\n      margin: 0;\n    }\n\n    #mtr-about h1,\n    #mtr-about h2,\n    #mtr-about h3 {\n      color: var(--ink);\n      font-family: var(--heading);\n      font-weight: 700;\n      text-transform: none;\n    }\n\n    #mtr-about a {\n      color: inherit;\n      text-decoration: none;\n    }\n\n    #mtr-about img {\n      display: block;\n      width: 100%;\n      height: 100%;\n      max-width: 100%;\n      margin: 0;\n      object-fit: cover;\n    }\n\n    #mtr-about svg {\n      display: block;\n      flex-shrink: 0;\n    }\n\n    #mtr-about [id] {\n      scroll-margin-top: 32px;\n    }\n\n    #mtr-about a:focus-visible {\n      outline: 2px solid var(--gold);\n      outline-offset: 5px;\n    }\n\n    #mtr-about .mta-section {\n      width: 100%;\n      margin: 0;\n      padding: clamp(64px, 7vw, 108px) clamp(24px, 5vw, 100px);\n    }\n\n    #mtr-about .mta-container {\n      width: 100%;\n      max-width: none;\n      margin: 0;\n    }\n\n    #mtr-about .mta-grid > * {\n      min-width: 0;\n    }\n\n    #mtr-about .mta-label {\n      display: inline-flex;\n      align-items: center;\n      gap: 12px;\n      margin-bottom: 18px;\n      color: #947247;\n      font-size: 10px;\n      font-weight: 700;\n      line-height: 1.8;\n      letter-spacing: 1.7px;\n      text-transform: uppercase;\n    }\n\n    #mtr-about .mta-label::before {\n      content: \"\";\n      width: 30px;\n      height: 1px;\n      flex: 0 0 30px;\n      background: currentColor;\n    }\n\n    #mtr-about .mta-title {\n      margin-bottom: 23px;\n      font-size: clamp(29px, 3.05vw, 46px);\n      line-height: 1.25;\n      letter-spacing: -1.2px;\n      text-wrap: balance;\n      overflow-wrap: break-word;\n    }\n\n    #mtr-about .mta-title em {\n      color: #967044;\n      font-style: normal;\n      font-weight: inherit;\n    }\n\n    #mtr-about .mta-copy p {\n      max-width: 680px;\n      margin-bottom: 18px;\n      color: var(--muted);\n      font-size: 15px;\n      line-height: 1.9;\n    }\n\n    #mtr-about .mta-copy p:last-child {\n      margin-bottom: 0;\n    }\n\n    #mtr-about .mta-heading {\n      max-width: 850px;\n      margin: 0 auto 40px;\n      text-align: center;\n    }\n\n    #mtr-about .mta-heading .mta-label::after {\n      content: \"\";\n      width: 30px;\n      height: 1px;\n      background: currentColor;\n    }\n\n    #mtr-about .mta-heading p {\n      max-width: 600px;\n      margin-inline: auto;\n      color: var(--muted);\n      font-size: 14px;\n      line-height: 1.85;\n    }\n\n    #mtr-about .mta-divider {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      width: 88px;\n      margin: 25px 0;\n    }\n\n    #mtr-about .mta-divider::before {\n      content: \"\";\n      width: 58px;\n      height: 1px;\n      background: var(--gold);\n    }\n\n    #mtr-about .mta-divider::after {\n      content: \"\";\n      width: 8px;\n      height: 8px;\n      border: 1px solid var(--gold);\n      border-radius: 2px;\n      transform: rotate(45deg);\n    }\n\n    \/* FULL-WIDTH HERO *\/\n\n    #mtr-about .mta-hero {\n      position: relative;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 100%;\n      min-height: 520px;\n      margin: 0;\n      padding: 100px 28px 105px;\n      overflow: hidden;\n      background: var(--ink);\n      text-align: center;\n      isolation: isolate;\n    }\n\n    #mtr-about .mta-hero-image {\n      position: absolute;\n      z-index: -2;\n      inset: 0;\n    }\n\n    #mtr-about .mta-hero::before {\n      content: \"\";\n      position: absolute;\n      z-index: -1;\n      inset: 0;\n      background:\n        linear-gradient(\n          90deg,\n          rgba(12, 28, 21, .91),\n          rgba(12, 28, 21, .64)\n        ),\n        linear-gradient(\n          0deg,\n          rgba(12, 28, 21, .6),\n          transparent 70%\n        );\n    }\n\n    #mtr-about .mta-hero::after {\n      content: \"\";\n      position: absolute;\n      inset: 20px 20px 54px;\n      border: 1px solid rgba(228, 198, 155, .27);\n      border-radius: 25px 25px 80px 25px;\n      pointer-events: none;\n    }\n\n    #mtr-about .mta-hero-content {\n      width: 100%;\n      max-width: 1250px;\n    }\n\n    #mtr-about .mta-hero .mta-label {\n      margin-bottom: 24px;\n      color: var(--gold-light);\n    }\n\n    #mtr-about .mta-hero .mta-label::after {\n      content: \"\";\n      width: 30px;\n      height: 1px;\n      background: currentColor;\n    }\n\n    #mtr-about .mta-hero h1 {\n      margin-bottom: 24px;\n      color: #fff;\n      font-size: clamp(35px, 4vw, 60px);\n      line-height: 1.2;\n      letter-spacing: -1.7px;\n      text-wrap: balance;\n    }\n\n    #mtr-about .mta-hero h1 em {\n      color: var(--gold-light);\n      font-style: normal;\n    }\n\n    #mtr-about .mta-hero p {\n      max-width: 650px;\n      margin-inline: auto;\n      color: #e4ebe0;\n      font-size: 15px;\n      line-height: 1.9;\n    }\n\n    #mtr-about .mta-breadcrumb {\n      display: flex;\n      flex-wrap: wrap;\n      align-items: center;\n      justify-content: center;\n      gap: 13px;\n      margin-top: 26px;\n      color: #d0d8cb;\n      font-size: 11px;\n      line-height: 1.7;\n    }\n\n    #mtr-about .mta-breadcrumb a {\n      padding-block: 8px;\n      color: var(--gold-light);\n    }\n\n    #mtr-about .mta-breadcrumb a:hover {\n      color: #fff;\n    }\n\n    #mtr-about .mta-breadcrumb-dot {\n      width: 4px;\n      height: 4px;\n      border-radius: 50%;\n      background: var(--gold-light);\n    }\n\n    #mtr-about .mta-wave {\n      position: absolute;\n      right: 0;\n      bottom: -1px;\n      left: 0;\n      width: 100%;\n      height: 40px;\n      fill: var(--cream);\n      pointer-events: none;\n    }\n\n    \/* STORY *\/\n\n    #mtr-about .mta-story-grid {\n      display: grid;\n      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);\n      align-items: center;\n      gap: clamp(35px, 6vw, 100px);\n    }\n\n    #mtr-about .mta-signature {\n      display: flex;\n      align-items: center;\n      gap: 15px;\n      margin-top: 28px;\n      padding-top: 23px;\n      border-top: 1px solid var(--line);\n    }\n\n    #mtr-about .mta-signature-symbol {\n      display: grid;\n      place-items: center;\n      width: 44px;\n      height: 52px;\n      flex: 0 0 44px;\n      border: 1px solid #cbb997;\n      border-radius: 25px 25px 10px 10px;\n      color: #98764b;\n      font-size: 25px;\n      line-height: 1;\n    }\n\n    #mtr-about .mta-signature-name {\n      display: block;\n      font-family: var(--heading);\n      font-size: 18px;\n      font-weight: 700;\n      line-height: 1.5;\n      letter-spacing: -.4px;\n    }\n\n    #mtr-about .mta-signature-role {\n      display: block;\n      margin-top: 5px;\n      color: #8b6d44;\n      font-size: 10px;\n      font-weight: 600;\n      line-height: 1.7;\n      letter-spacing: .5px;\n    }\n\n    #mtr-about .mta-story-images {\n      position: relative;\n      display: grid;\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      align-items: start;\n      gap: 16px;\n      padding: 20px 0 30px 18px;\n      isolation: isolate;\n    }\n\n    #mtr-about .mta-story-images::before {\n      content: \"\";\n      position: absolute;\n      z-index: -1;\n      inset: 0 20px 8px 0;\n      border: 1px solid #cbb997;\n      border-radius: 110px 20px 65px 20px;\n    }\n\n    #mtr-about .mta-story-photo {\n      overflow: hidden;\n      background: #e6dece;\n      box-shadow: 0 12px 35px rgba(24, 43, 35, .06);\n    }\n\n    #mtr-about .mta-story-photo:first-child {\n      height: clamp(360px, 31vw, 520px);\n      margin-top: 45px;\n      border-radius: 110px 20px 20px 20px;\n    }\n\n    #mtr-about .mta-story-photo:nth-child(2) {\n      height: clamp(300px, 26vw, 435px);\n      border-radius: 20px 20px 85px 20px;\n    }\n\n    #mtr-about .mta-story-note {\n      position: absolute;\n      right: 0;\n      bottom: 5px;\n      max-width: 65%;\n      padding: 16px 22px;\n      border: 6px solid var(--cream);\n      border-radius: 18px 18px 35px 18px;\n      background: var(--ink);\n      color: var(--gold-light);\n      font-size: 9px;\n      font-weight: 600;\n      line-height: 1.8;\n      letter-spacing: 1px;\n    }\n\n    \/* MISSION AND VISION *\/\n\n    #mtr-about .mta-mission {\n      position: relative;\n      border-radius: 0 45px 0 0;\n      background: var(--sage);\n    }\n\n    #mtr-about .mta-mission::before {\n      content: \"\";\n      position: absolute;\n      top: -11px;\n      right: 45px;\n      left: 0;\n      height: 12px;\n      background:\n        radial-gradient(\n          ellipse at 50% 100%,\n          #e9ede5 70%,\n          transparent 73%\n        ) 0 0 \/ 30px 16px repeat-x;\n      pointer-events: none;\n    }\n\n    #mtr-about .mta-mission-grid {\n      display: grid;\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      gap: 24px;\n    }\n\n    #mtr-about .mta-mission-card {\n      position: relative;\n      padding: clamp(28px, 3.5vw, 46px);\n      overflow: hidden;\n      border: 1px solid #ced7c5;\n      border-radius: 24px 24px 55px 24px;\n      background: var(--paper);\n      transition:\n        transform .3s ease,\n        box-shadow .3s ease;\n    }\n\n    #mtr-about .mta-mission-card::after {\n      content: \"\";\n      position: absolute;\n      top: -38px;\n      right: -38px;\n      width: 150px;\n      height: 150px;\n      border: 1px solid rgba(170, 137, 96, .18);\n      border-radius: 50%;\n      box-shadow:\n        0 0 0 15px rgba(170, 137, 96, .035),\n        0 0 0 30px rgba(170, 137, 96, .02);\n      pointer-events: none;\n    }\n\n    #mtr-about .mta-card-top {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 20px;\n      margin-bottom: 25px;\n    }\n\n    #mtr-about .mta-icon {\n      display: grid;\n      place-items: center;\n      width: 56px;\n      height: 56px;\n      flex: 0 0 56px;\n      border: 1px solid #d8cdb9;\n      border-radius: 18px 18px 26px 18px;\n      background: #eee7da;\n      color: #8d6d42;\n    }\n\n    #mtr-about .mta-icon svg {\n      width: 26px;\n      height: 26px;\n      fill: none;\n      stroke: currentColor;\n      stroke-width: 1.6;\n      stroke-linecap: round;\n      stroke-linejoin: round;\n    }\n\n    #mtr-about .mta-card-number {\n      color: #937b56;\n      font-size: 10px;\n      line-height: 1.7;\n      letter-spacing: 1px;\n    }\n\n    #mtr-about .mta-mission-card h3 {\n      margin-bottom: 15px;\n      font-size: clamp(23px, 2.2vw, 29px);\n      line-height: 1.4;\n      letter-spacing: -.7px;\n    }\n\n    #mtr-about .mta-mission-card p {\n      max-width: 650px;\n      color: var(--muted);\n      font-size: 14px;\n      line-height: 1.9;\n    }\n\n    \/* VALUES *\/\n\n    #mtr-about .mta-values-grid {\n      display: grid;\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n      gap: 20px;\n    }\n\n    #mtr-about .mta-value {\n      position: relative;\n      padding: 32px;\n      border: 1px solid var(--line);\n      border-radius: 21px 21px 45px 21px;\n      background: var(--paper);\n      transition:\n        transform .3s ease,\n        box-shadow .3s ease,\n        border-color .3s ease;\n    }\n\n    #mtr-about .mta-value .mta-icon {\n      margin-bottom: 23px;\n      border-radius: 50%;\n    }\n\n    #mtr-about .mta-value-index {\n      position: absolute;\n      top: 35px;\n      right: 28px;\n      color: #9b8767;\n      font-size: 10px;\n      letter-spacing: 1px;\n    }\n\n    #mtr-about .mta-value h3 {\n      margin-bottom: 12px;\n      font-size: 21px;\n      line-height: 1.4;\n      letter-spacing: -.5px;\n    }\n\n    #mtr-about .mta-value p {\n      color: var(--muted);\n      font-size: 14px;\n      line-height: 1.85;\n    }\n\n    \/* TEAM *\/\n\n    #mtr-about .mta-team {\n      border-radius: 40px 40px 0 0;\n      background: #eeebe3;\n    }\n\n    #mtr-about .mta-team-grid {\n      display: grid;\n      grid-template-columns: repeat(4, minmax(0, 1fr));\n      gap: 20px;\n    }\n\n    #mtr-about .mta-team-card {\n      display: flex;\n      flex-direction: column;\n      overflow: hidden;\n      border: 1px solid #dbd2c1;\n      border-radius: 21px 21px 42px 21px;\n      background: var(--paper);\n      transition:\n        transform .3s ease,\n        box-shadow .3s ease;\n    }\n\n    #mtr-about .mta-team-photo {\n      height: clamp(290px, 24vw, 390px);\n      overflow: hidden;\n      background: #e2ddcf;\n    }\n\n    #mtr-about .mta-team-card:nth-child(even) .mta-team-photo {\n      height: calc(clamp(290px, 24vw, 390px) - 12px);\n      margin: 12px 12px 0;\n      border-radius: 130px 130px 12px 12px;\n    }\n\n    #mtr-about .mta-team-photo img {\n      object-position: center 25%;\n      transition: transform .6s ease;\n    }\n\n    #mtr-about .mta-team-info {\n      display: flex;\n      flex: 1;\n      flex-direction: column;\n      padding: 24px 22px 27px;\n    }\n\n    #mtr-about .mta-team-info h3 {\n      margin-bottom: 9px;\n      font-size: 18px;\n      line-height: 1.4;\n      letter-spacing: -.4px;\n    }\n\n    #mtr-about .mta-team-role {\n      display: block;\n      min-height: 36px;\n      margin-bottom: 14px;\n      color: #8a6a40;\n      font-size: 10px;\n      font-weight: 600;\n      line-height: 1.7;\n      letter-spacing: .2px;\n    }\n\n    #mtr-about .mta-team-info p {\n      color: var(--muted);\n      font-size: 13px;\n      line-height: 1.85;\n    }\n\n    \/* WHY CHOOSE US *\/\n\n    #mtr-about .mta-why-grid {\n      display: grid;\n      grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);\n      align-items: center;\n      gap: clamp(35px, 6vw, 100px);\n    }\n\n    #mtr-about .mta-feature-list {\n      display: grid;\n      gap: 17px;\n      margin-top: 30px;\n    }\n\n    #mtr-about .mta-feature {\n      display: flex;\n      align-items: flex-start;\n      gap: 17px;\n      padding-bottom: 19px;\n      border-bottom: 1px solid var(--line);\n    }\n\n    #mtr-about .mta-feature:last-child {\n      padding-bottom: 0;\n      border-bottom: 0;\n    }\n\n    #mtr-about .mta-feature-number {\n      display: grid;\n      place-items: center;\n      width: 38px;\n      height: 38px;\n      flex: 0 0 38px;\n      border: 1px solid #d2c3a9;\n      border-radius: 50%;\n      color: #8d6d43;\n      font-size: 11px;\n      font-weight: 600;\n    }\n\n    #mtr-about .mta-feature h3 {\n      margin: 3px 0 8px;\n      font-size: 17px;\n      line-height: 1.45;\n      letter-spacing: -.3px;\n    }\n\n    #mtr-about .mta-feature p {\n      max-width: 650px;\n      color: var(--muted);\n      font-size: 14px;\n      line-height: 1.85;\n    }\n\n    #mtr-about .mta-why-visual {\n      position: relative;\n      height: 620px;\n      padding: 18px 18px 0 0;\n      isolation: isolate;\n    }\n\n    #mtr-about .mta-why-visual::before {\n      content: \"\";\n      position: absolute;\n      z-index: -1;\n      inset: 0 0 25px 24px;\n      border: 1px solid #c5ad87;\n      border-radius: 22px 130px 22px 22px;\n    }\n\n    #mtr-about .mta-why-visual > img {\n      border-radius: 22px 130px 22px 22px;\n    }\n\n    #mtr-about .mta-stat {\n      position: absolute;\n      right: 40px;\n      bottom: 32px;\n      left: -22px;\n      padding: 25px 30px;\n      border: 1px solid rgba(228, 198, 155, .25);\n      border-radius: 18px 18px 45px 18px;\n      background: var(--ink);\n      text-align: center;\n    }\n\n    #mtr-about .mta-stat strong {\n      display: block;\n      color: var(--gold-light);\n      font-family: var(--heading);\n      font-size: 43px;\n      font-weight: 700;\n      line-height: 1.2;\n      letter-spacing: -1.3px;\n    }\n\n    #mtr-about .mta-stat span {\n      display: block;\n      margin-top: 8px;\n      color: #eeeede;\n      font-size: 10px;\n      line-height: 1.8;\n      letter-spacing: 1.5px;\n      text-transform: uppercase;\n    }\n\n    \/* CONTACT BANNER *\/\n\n    #mtr-about .mta-cta-wrap {\n      width: 100%;\n      margin: 0;\n      padding: 0 clamp(16px, 3vw, 55px) 30px;\n    }\n\n    #mtr-about .mta-cta {\n      position: relative;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 35px;\n      width: 100%;\n      margin: 0;\n      padding: clamp(30px, 4.5vw, 60px);\n      overflow: hidden;\n      border: 1px solid #3d4e3d;\n      border-radius: 27px 27px 65px 27px;\n      background: var(--ink);\n      isolation: isolate;\n    }\n\n    #mtr-about .mta-cta::before {\n      content: \"\";\n      position: absolute;\n      z-index: -1;\n      right: -60px;\n      bottom: -160px;\n      width: 350px;\n      height: 350px;\n      border: 1px solid rgba(228, 198, 155, .18);\n      border-radius: 50%;\n      box-shadow: 0 0 0 25px rgba(228, 198, 155, .03);\n      pointer-events: none;\n    }\n\n    #mtr-about .mta-cta-copy {\n      max-width: 950px;\n    }\n\n    #mtr-about .mta-cta .mta-label {\n      margin-bottom: 15px;\n      color: var(--gold-light);\n    }\n\n    #mtr-about .mta-cta h2 {\n      color: #fff;\n      font-size: clamp(25px, 2.6vw, 36px);\n      line-height: 1.4;\n      letter-spacing: -.9px;\n      text-wrap: balance;\n    }\n\n    #mtr-about .mta-cta h2 em {\n      color: var(--gold-light);\n      font-style: normal;\n    }\n\n    #mtr-about .mta-button {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      gap: 20px;\n      min-height: 52px;\n      flex-shrink: 0;\n      padding: 10px 12px 10px 25px;\n      border: 1px solid var(--gold-light);\n      border-radius: 999px;\n      background: var(--gold-light);\n      color: var(--ink);\n      font-family: var(--body-font);\n      font-size: 12px;\n      font-weight: 700;\n      line-height: 1.5;\n      transition:\n        transform .25s ease,\n        background-color .25s ease;\n    }\n\n    #mtr-about .mta-button svg {\n      width: 32px;\n      height: 32px;\n      padding: 7px;\n      border-radius: 50%;\n      background: var(--ink);\n      color: var(--gold-light);\n    }\n\n    #mtr-about .mta-button:hover {\n      transform: translateY(-3px);\n      background: #f0d7af;\n    }\n\n    \/* SCROLL ANIMATIONS *\/\n\n    #mtr-about.mta-motion-ready .mta-reveal {\n      opacity: 0;\n      transform: translateY(24px);\n      transition:\n        opacity .7s ease,\n        transform .7s ease;\n    }\n\n    #mtr-about.mta-motion-ready .mta-reveal.is-visible {\n      opacity: 1;\n      transform: none;\n    }\n\n    @media (hover: hover) and (pointer: fine) {\n      #mtr-about .mta-mission-card:hover,\n      #mtr-about .mta-value:hover,\n      #mtr-about .mta-team-card:hover {\n        transform: translateY(-5px);\n        box-shadow: 0 14px 35px rgba(24, 43, 35, .065);\n      }\n\n      #mtr-about .mta-value:hover {\n        border-color: #bfa67d;\n      }\n\n      #mtr-about .mta-team-card:hover img {\n        transform: scale(1.04);\n      }\n    }\n\n    @media (max-width: 1100px) {\n      #mtr-about .mta-team-grid {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n        gap: 24px;\n      }\n\n      #mtr-about .mta-team-photo {\n        height: 340px;\n      }\n\n      #mtr-about .mta-team-card:nth-child(even) .mta-team-photo {\n        height: 328px;\n      }\n\n      #mtr-about .mta-team-role {\n        min-height: 0;\n      }\n\n      #mtr-about .mta-values-grid {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n      }\n\n      #mtr-about .mta-cta {\n        align-items: flex-start;\n        flex-direction: column;\n        gap: 25px;\n      }\n    }\n\n    @media (max-width: 800px) {\n      #mtr-about .mta-story-grid,\n      #mtr-about .mta-why-grid {\n        grid-template-columns: minmax(0, 1fr);\n        gap: 42px;\n      }\n\n      #mtr-about .mta-story-images {\n        width: 100%;\n      }\n\n      #mtr-about .mta-why-visual {\n        height: 520px;\n        margin-left: 16px;\n      }\n    }\n\n    @media (max-width: 600px) {\n      #mtr-about .mta-section {\n        padding: 62px 24px;\n      }\n\n      #mtr-about .mta-title {\n        font-size: clamp(28px, 7.5vw, 37px);\n        line-height: 1.28;\n        letter-spacing: -.9px;\n      }\n\n      #mtr-about .mta-label {\n        font-size: 9px;\n        letter-spacing: 1.3px;\n      }\n\n      #mtr-about .mta-copy p {\n        font-size: 14px;\n        line-height: 1.85;\n      }\n\n      #mtr-about .mta-hero {\n        min-height: 470px;\n        padding: 85px 28px 90px;\n      }\n\n      #mtr-about .mta-hero::after {\n        inset: 12px 12px 43px;\n        border-radius: 18px 18px 55px 18px;\n      }\n\n      #mtr-about .mta-hero h1 {\n        font-size: clamp(33px, 8.5vw, 45px);\n        line-height: 1.23;\n        letter-spacing: -1.1px;\n      }\n\n      #mtr-about .mta-hero p {\n        font-size: 14px;\n      }\n\n      #mtr-about .mta-wave {\n        height: 28px;\n      }\n\n      #mtr-about .mta-story-images {\n        gap: 12px;\n        padding-left: 12px;\n      }\n\n      #mtr-about .mta-story-photo:first-child {\n        height: 300px;\n        margin-top: 35px;\n        border-top-left-radius: 80px;\n      }\n\n      #mtr-about .mta-story-photo:nth-child(2) {\n        height: 250px;\n        border-bottom-right-radius: 65px;\n      }\n\n      #mtr-about .mta-story-note {\n        max-width: 72%;\n        padding: 12px 15px;\n        font-size: 8px;\n      }\n\n      #mtr-about .mta-mission-grid,\n      #mtr-about .mta-values-grid,\n      #mtr-about .mta-team-grid {\n        grid-template-columns: minmax(0, 1fr);\n      }\n\n      #mtr-about .mta-mission-grid,\n      #mtr-about .mta-values-grid {\n        gap: 16px;\n      }\n\n      #mtr-about .mta-mission-card,\n      #mtr-about .mta-value {\n        padding: 28px;\n      }\n\n      #mtr-about .mta-mission-card h3 {\n        font-size: 24px;\n      }\n\n      #mtr-about .mta-team {\n        border-radius: 26px 26px 0 0;\n      }\n\n      #mtr-about .mta-team-photo {\n        height: 350px;\n      }\n\n      #mtr-about .mta-team-card:nth-child(even) .mta-team-photo {\n        height: 338px;\n      }\n\n      #mtr-about .mta-team-info {\n        padding: 24px;\n      }\n\n      #mtr-about .mta-team-info h3 {\n        font-size: 21px;\n      }\n\n      #mtr-about .mta-team-info p {\n        font-size: 14px;\n      }\n\n      #mtr-about .mta-team-role {\n        font-size: 11px;\n      }\n\n      #mtr-about .mta-feature {\n        gap: 13px;\n      }\n\n      #mtr-about .mta-feature-number {\n        width: 34px;\n        height: 34px;\n        flex-basis: 34px;\n      }\n\n      #mtr-about .mta-why-visual {\n        height: 420px;\n        padding-right: 14px;\n      }\n\n      #mtr-about .mta-stat {\n        right: 30px;\n        bottom: 24px;\n        left: -15px;\n        padding: 22px;\n      }\n\n      #mtr-about .mta-stat strong {\n        font-size: 37px;\n      }\n\n      #mtr-about .mta-cta-wrap {\n        padding: 0 16px 22px;\n      }\n\n      #mtr-about .mta-cta {\n        padding: 30px 25px;\n        border-radius: 24px 24px 48px 24px;\n      }\n\n      #mtr-about .mta-cta h2 {\n        font-size: 25px;\n        line-height: 1.45;\n      }\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      #mtr-about *,\n      #mtr-about *::before,\n      #mtr-about *::after {\n        animation: none !important;\n        transition: none !important;\n        scroll-behavior: auto !important;\n      }\n\n      #mtr-about.mta-motion-ready .mta-reveal {\n        opacity: 1;\n        transform: none;\n      }\n    }\n  <\/style>\n<\/head>\n\n<body>\n\n<main id=\"mtr-about\" lang=\"en\" dir=\"ltr\">\n\n  <!-- HERO -->\n\n  <section class=\"mta-hero\" aria-labelledby=\"mta-page-title\">\n\n    <img\n      class=\"mta-hero-image\"\n      src=\"https:\/\/images.unsplash.com\/photo-1559496417-e7f25cb247f3?auto=format&amp;fit=crop&amp;w=1920&amp;q=85\"\n      alt=\"\"\n      fetchpriority=\"high\"\n      decoding=\"async\"\n    >\n\n    <div class=\"mta-hero-content\">\n\n      <p class=\"mta-label\">Get to Know Us<\/p>\n\n      <h1 id=\"mta-page-title\">\n        About <em>More Than Recipe<\/em>\n      <\/h1>\n\n      <p>\n        We are a team of passionate hospitality experts dedicated\n        to transforming cafe and restaurant visions into\n        extraordinary spaces that inspire and delight.\n      <\/p>\n\n      <nav class=\"mta-breadcrumb\" aria-label=\"Breadcrumb\">\n        <a href=\"\/\">Home<\/a>\n        <span class=\"mta-breadcrumb-dot\" aria-hidden=\"true\"><\/span>\n        <span aria-current=\"page\">About Us<\/span>\n      <\/nav>\n\n    <\/div>\n\n    <svg\n      class=\"mta-wave\"\n      viewBox=\"0 0 1440 64\"\n      preserveAspectRatio=\"none\"\n      aria-hidden=\"true\"\n      focusable=\"false\"\n    >\n      <path d=\"M0 30C240 76 420 0 720 28C1020 60 1220 4 1440 24V64H0Z\"><\/path>\n    <\/svg>\n\n  <\/section>\n\n  <!-- OUR STORY -->\n\n  <section\n    class=\"mta-section\"\n    id=\"story\"\n    aria-labelledby=\"mta-story-title\"\n  >\n    <div class=\"mta-container mta-story-grid mta-grid\">\n\n      <div class=\"mta-copy mta-reveal\">\n\n        <p class=\"mta-label\">01 \/ Our Story<\/p>\n\n        <h2 class=\"mta-title\" id=\"mta-story-title\">\n          Crafting <em>Experiences<\/em> Since 2016\n        <\/h2>\n\n        <div class=\"mta-divider\" aria-hidden=\"true\"><\/div>\n\n        <p>\n          What began as a small consultancy with a big dream has evolved\n          into a renowned hospitality design and consulting firm.\n          Our journey started with a simple belief: that every great\n          dining experience begins with a thoughtfully crafted space.\n        <\/p>\n\n        <p>\n          Over the years, we've partnered with entrepreneurs,\n          restaurateurs, and visionaries to bring their concepts\n          to life. From cozy neighborhood cafes to upscale fine\n          dining establishments, each project tells a unique story\n          of creativity, precision, and passion for the culinary arts.\n        <\/p>\n\n        <p>\n          Today, we stand proud of our portfolio \u2014 but even prouder\n          of the relationships we've built along the way. Every client\n          becomes part of our extended family, and every project\n          is an opportunity to create something truly memorable.\n        <\/p>\n\n        <div class=\"mta-signature\">\n\n          <span class=\"mta-signature-symbol\" aria-hidden=\"true\">\u2733<\/span>\n\n          <div>\n            <span class=\"mta-signature-name\">Sarah Mitchell<\/span>\n            <span class=\"mta-signature-role\">\n              Founder &amp; Creative Director\n            <\/span>\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n      <div class=\"mta-story-images mta-reveal\">\n\n        <figure class=\"mta-story-photo\">\n          <img\n            src=\"https:\/\/images.unsplash.com\/photo-1554118811-1e0d58224f24?auto=format&amp;fit=crop&amp;w=900&amp;q=85\"\n            alt=\"Cafe interior with welcoming seating and warm lighting\"\n            loading=\"lazy\"\n            decoding=\"async\"\n          >\n        <\/figure>\n\n        <figure class=\"mta-story-photo\">\n          <img\n            src=\"https:\/\/images.unsplash.com\/photo-1445116572660-236099ec97a0?auto=format&amp;fit=crop&amp;w=900&amp;q=85\"\n            alt=\"Coffee bar and hospitality interior\"\n            loading=\"lazy\"\n            decoding=\"async\"\n          >\n        <\/figure>\n\n        <span class=\"mta-story-note\">\n          SPACES WITH PURPOSE.<br>\n          EXPERIENCES WITH SOUL.\n        <\/span>\n\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- MISSION AND VISION -->\n\n  <section\n    class=\"mta-section mta-mission\"\n    id=\"mission\"\n    aria-label=\"Our mission and vision\"\n  >\n    <div class=\"mta-container mta-mission-grid mta-grid\">\n\n      <article class=\"mta-mission-card mta-reveal\">\n\n        <div class=\"mta-card-top\">\n\n          <div class=\"mta-icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\">\n              <circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle>\n              <circle cx=\"12\" cy=\"12\" r=\"5\"><\/circle>\n              <circle cx=\"12\" cy=\"12\" r=\"1.5\"><\/circle>\n            <\/svg>\n          <\/div>\n\n          <span class=\"mta-card-number\" aria-hidden=\"true\">\n            01 \/ PURPOSE\n          <\/span>\n\n        <\/div>\n\n        <h3>Our Mission<\/h3>\n\n        <p>\n          To empower cafe and restaurant owners with expert guidance,\n          innovative design solutions, and strategic insights that\n          transform their culinary dreams into thriving, sustainable\n          businesses that stand the test of time.\n        <\/p>\n\n      <\/article>\n\n      <article class=\"mta-mission-card mta-reveal\">\n\n        <div class=\"mta-card-top\">\n\n          <div class=\"mta-icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\">\n              <path d=\"M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7S2 12 2 12Z\"><\/path>\n              <circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>\n            <\/svg>\n          <\/div>\n\n          <span class=\"mta-card-number\" aria-hidden=\"true\">\n            02 \/ DIRECTION\n          <\/span>\n\n        <\/div>\n\n        <h3>Our Vision<\/h3>\n\n        <p>\n          To become the most trusted name in hospitality consulting,\n          recognized globally for creating spaces that not only serve\n          exceptional food but also tell compelling stories that bring\n          communities together around the love of dining.\n        <\/p>\n\n      <\/article>\n\n    <\/div>\n  <\/section>\n\n  <!-- VALUES -->\n\n  <section\n    class=\"mta-section\"\n    id=\"values\"\n    aria-labelledby=\"mta-values-title\"\n  >\n    <div class=\"mta-container\">\n\n      <header class=\"mta-heading mta-reveal\">\n\n        <p class=\"mta-label\">02 \/ Our Values<\/p>\n\n        <h2 class=\"mta-title\" id=\"mta-values-title\">\n          What <em>Drives<\/em> Us Forward\n        <\/h2>\n\n        <p>\n          The core principles that guide every decision\n          we make and every project we undertake.\n        <\/p>\n\n      <\/header>\n\n      <div class=\"mta-values-grid mta-grid\">\n\n        <article class=\"mta-value mta-reveal\">\n\n          <span class=\"mta-value-index\" aria-hidden=\"true\">01<\/span>\n\n          <div class=\"mta-icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\">\n              <path d=\"m12 3 2.8 5.7 6.3.9-4.6 4.5 1.1 6.3-5.6-3-5.6 3 1.1-6.3-4.6-4.5 6.3-.9L12 3Z\"><\/path>\n            <\/svg>\n          <\/div>\n\n          <h3>Excellence<\/h3>\n\n          <p>\n            We pursue perfection in every detail, from initial\n            concept to final execution, never compromising on quality.\n          <\/p>\n\n        <\/article>\n\n        <article class=\"mta-value mta-reveal\">\n\n          <span class=\"mta-value-index\" aria-hidden=\"true\">02<\/span>\n\n          <div class=\"mta-icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\">\n              <circle cx=\"9\" cy=\"7\" r=\"3.5\"><\/circle>\n              <path d=\"M2 21v-2a5 5 0 0 1 5-5h4a5 5 0 0 1 5 5v2\"><\/path>\n              <path d=\"M16 3.5a3.5 3.5 0 0 1 0 7M22 21v-2a5 5 0 0 0-4-4.9\"><\/path>\n            <\/svg>\n          <\/div>\n\n          <h3>Partnership<\/h3>\n\n          <p>\n            We treat every client as a long-term partner,\n            investing deeply in their success and growth\n            beyond project completion.\n          <\/p>\n\n        <\/article>\n\n        <article class=\"mta-value mta-reveal\">\n\n          <span class=\"mta-value-index\" aria-hidden=\"true\">03<\/span>\n\n          <div class=\"mta-icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\">\n              <circle cx=\"12\" cy=\"12\" r=\"4\"><\/circle>\n              <path d=\"M12 2v3M12 19v3M2 12h3M19 12h3M4.9 4.9 7 7M17 17l2.1 2.1M4.9 19.1 7 17M17 7l2.1-2.1\"><\/path>\n            <\/svg>\n          <\/div>\n\n          <h3>Innovation<\/h3>\n\n          <p>\n            We constantly explore new ideas, materials, and\n            technologies to deliver fresh, forward-thinking\n            design solutions.\n          <\/p>\n\n        <\/article>\n\n        <article class=\"mta-value mta-reveal\">\n\n          <span class=\"mta-value-index\" aria-hidden=\"true\">04<\/span>\n\n          <div class=\"mta-icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\">\n              <path d=\"m12 3 8 3v6c0 5-8 9-8 9S4 17 4 12V6l8-3Z\"><\/path>\n              <path d=\"m8 12 2.5 2.5L16 9\"><\/path>\n            <\/svg>\n          <\/div>\n\n          <h3>Integrity<\/h3>\n\n          <p>\n            We operate with honesty and transparency, building\n            trust through every promise kept and every deadline met.\n          <\/p>\n\n        <\/article>\n\n        <article class=\"mta-value mta-reveal\">\n\n          <span class=\"mta-value-index\" aria-hidden=\"true\">05<\/span>\n\n          <div class=\"mta-icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\">\n              <path d=\"M20.8 4.6a5.5 5.5 0 0 0-7.8 0l-1 1.1-1-1.1a5.5 5.5 0 0 0-7.8 7.8L12 21l8.8-8.6a5.5 5.5 0 0 0 0-7.8Z\"><\/path>\n            <\/svg>\n          <\/div>\n\n          <h3>Passion<\/h3>\n\n          <p>\n            We genuinely love what we do. Our enthusiasm fuels\n            creativity and drives us to exceed expectations\n            on every project.\n          <\/p>\n\n        <\/article>\n\n        <article class=\"mta-value mta-reveal\">\n\n          <span class=\"mta-value-index\" aria-hidden=\"true\">06<\/span>\n\n          <div class=\"mta-icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\">\n              <path d=\"M20 10c0 6-8 11-8 11S4 16 4 10a8 8 0 1 1 16 0Z\"><\/path>\n              <circle cx=\"12\" cy=\"10\" r=\"2.5\"><\/circle>\n            <\/svg>\n          <\/div>\n\n          <h3>Local Roots<\/h3>\n\n          <p>\n            We celebrate local culture and craftsmanship,\n            weaving regional character into every space we design.\n          <\/p>\n\n        <\/article>\n\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- TEAM: CONTENT RETAINED FROM THE SUPPLIED PAGE -->\n\n  <section\n    class=\"mta-section mta-team\"\n    id=\"team\"\n    aria-labelledby=\"mta-team-title\"\n  >\n    <div class=\"mta-container\">\n\n      <header class=\"mta-heading mta-reveal\">\n\n        <p class=\"mta-label\">03 \/ Our Team<\/p>\n\n        <h2 class=\"mta-title\" id=\"mta-team-title\">\n          Meet the <em>Experts<\/em>\n        <\/h2>\n\n        <p>\n          Talented professionals who bring creativity,\n          expertise, and dedication to every project.\n        <\/p>\n\n      <\/header>\n\n      <div class=\"mta-team-grid mta-grid\">\n\n        <article class=\"mta-team-card mta-reveal\">\n\n          <div class=\"mta-team-photo\">\n            <img\n              src=\"https:\/\/images.unsplash.com\/photo-1573497019940-1c28c88b4f3a?auto=format&amp;fit=crop&amp;w=800&amp;q=85\"\n              alt=\"Sarah Mitchell\"\n              loading=\"lazy\"\n              decoding=\"async\"\n            >\n          <\/div>\n\n          <div class=\"mta-team-info\">\n            <h3>Sarah Mitchell<\/h3>\n\n            <span class=\"mta-team-role\">\n              Founder &amp; Creative Director\n            <\/span>\n\n            <p>\n              With over 15 years in hospitality design,\n              Sarah leads our creative vision with\n              passion and precision.\n            <\/p>\n          <\/div>\n\n        <\/article>\n\n        <article class=\"mta-team-card mta-reveal\">\n\n          <div class=\"mta-team-photo\">\n            <img\n              src=\"https:\/\/images.unsplash.com\/photo-1560250097-0b93528c311a?auto=format&amp;fit=crop&amp;w=800&amp;q=85\"\n              alt=\"James Anderson\"\n              loading=\"lazy\"\n              decoding=\"async\"\n            >\n          <\/div>\n\n          <div class=\"mta-team-info\">\n            <h3>James Anderson<\/h3>\n\n            <span class=\"mta-team-role\">\n              Head of Operations\n            <\/span>\n\n            <p>\n              James ensures every project runs smoothly,\n              on time, and within budget with meticulous\n              attention to detail.\n            <\/p>\n          <\/div>\n\n        <\/article>\n\n        <article class=\"mta-team-card mta-reveal\">\n\n          <div class=\"mta-team-photo\">\n            <img\n              src=\"https:\/\/images.unsplash.com\/photo-1580489944761-15a32d82dabc?auto=format&amp;fit=crop&amp;w=800&amp;q=85\"\n              alt=\"Elena Rossi\"\n              loading=\"lazy\"\n              decoding=\"async\"\n            >\n          <\/div>\n\n          <div class=\"mta-team-info\">\n            <h3>Elena Rossi<\/h3>\n\n            <span class=\"mta-team-role\">\n              Menu &amp; Culinary Consultant\n            <\/span>\n\n            <p>\n              A trained chef and menu architect, Elena crafts\n              culinary experiences that delight and inspire.\n            <\/p>\n          <\/div>\n\n        <\/article>\n\n        <article class=\"mta-team-card mta-reveal\">\n\n          <div class=\"mta-team-photo\">\n            <img\n              src=\"https:\/\/images.unsplash.com\/photo-1472099645785-5658abf4ff4e?auto=format&amp;fit=crop&amp;w=800&amp;q=85\"\n              alt=\"Marcus Chen\"\n              loading=\"lazy\"\n              decoding=\"async\"\n            >\n          <\/div>\n\n          <div class=\"mta-team-info\">\n            <h3>Marcus Chen<\/h3>\n\n            <span class=\"mta-team-role\">\n              Lead Interior Designer\n            <\/span>\n\n            <p>\n              Marcus brings spaces to life with his keen eye\n              for detail and innovative approach to interior design.\n            <\/p>\n          <\/div>\n\n        <\/article>\n\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- WHY CHOOSE US -->\n\n  <section\n    class=\"mta-section\"\n    id=\"why-us\"\n    aria-labelledby=\"mta-why-title\"\n  >\n    <div class=\"mta-container mta-why-grid mta-grid\">\n\n      <div class=\"mta-reveal\">\n\n        <p class=\"mta-label\">04 \/ Why Choose Us<\/p>\n\n        <h2 class=\"mta-title\" id=\"mta-why-title\">\n          Reasons to <em>Trust Us<\/em>\n        <\/h2>\n\n        <div class=\"mta-divider\" aria-hidden=\"true\"><\/div>\n\n        <div class=\"mta-feature-list\">\n\n          <article class=\"mta-feature\">\n            <span class=\"mta-feature-number\" aria-hidden=\"true\">01<\/span>\n\n            <div>\n              <h3>End-to-End Expertise<\/h3>\n\n              <p>\n                From concept design to launch day, we handle\n                every aspect of your cafe or restaurant\n                project under one roof.\n              <\/p>\n            <\/div>\n          <\/article>\n\n          <article class=\"mta-feature\">\n            <span class=\"mta-feature-number\" aria-hidden=\"true\">02<\/span>\n\n            <div>\n              <h3>Tailored Solutions<\/h3>\n\n              <p>\n                Every project is unique. We customize our\n                approach to match your vision, budget,\n                and target audience.\n              <\/p>\n            <\/div>\n          <\/article>\n\n          <article class=\"mta-feature\">\n            <span class=\"mta-feature-number\" aria-hidden=\"true\">03<\/span>\n\n            <div>\n              <h3>Proven Track Record<\/h3>\n\n              <p>\n                With 50+ successful projects and satisfied clients\n                across the UAE, our results speak for themselves.\n              <\/p>\n            <\/div>\n          <\/article>\n\n          <article class=\"mta-feature\">\n            <span class=\"mta-feature-number\" aria-hidden=\"true\">04<\/span>\n\n            <div>\n              <h3>Ongoing Support<\/h3>\n\n              <p>\n                Our relationship doesn't end at launch.\n                We provide continued guidance to ensure\n                your business thrives long-term.\n              <\/p>\n            <\/div>\n          <\/article>\n\n        <\/div>\n\n      <\/div>\n\n      <div class=\"mta-why-visual mta-reveal\">\n\n        <img\n          src=\"https:\/\/images.unsplash.com\/photo-1466978913421-dad2ebd01d17?auto=format&amp;fit=crop&amp;w=1400&amp;q=85\"\n          alt=\"Restaurant dining space and hospitality atmosphere\"\n          loading=\"lazy\"\n          decoding=\"async\"\n        >\n\n        <div class=\"mta-stat\">\n          <strong>50+<\/strong>\n          <span>Projects Completed<\/span>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- CONTACT BANNER -->\n\n  <section\n    class=\"mta-cta-wrap\"\n    id=\"cta\"\n    aria-labelledby=\"mta-contact-title\"\n  >\n    <div class=\"mta-cta mta-reveal\">\n\n      <div class=\"mta-cta-copy\">\n        <p class=\"mta-label\">Let\u2019s Create Something Together<\/p>\n\n        <h2 id=\"mta-contact-title\">\n          For consultation and free information,\n          <em>get in touch with our experts.<\/em>\n        <\/h2>\n      <\/div>\n\n      <a class=\"mta-button\" href=\"\/contact-us\/\">\n        Get Started\n\n        <svg\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"1.8\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          aria-hidden=\"true\"\n        >\n          <path d=\"M5 19 19 5M5 5h14v14\"><\/path>\n        <\/svg>\n      <\/a>\n\n    <\/div>\n  <\/section>\n\n<\/main>\n\n<script>\n(function () {\n  \"use strict\";\n\n  const script = document.currentScript;\n  const root = script && script.previousElementSibling;\n\n  if (!root || root.id !== \"mtr-about\") return;\n  if (root.dataset.initialized === \"true\") return;\n\n  root.dataset.initialized = \"true\";\n\n  \/* FULL VIEWPORT WIDTH AND EDGE ALIGNMENT *\/\n\n  let resizeFrame;\n\n  function fitPageToViewport() {\n    if (!root.isConnected) return;\n\n    const viewportWidth = document.documentElement.clientWidth;\n\n    root.style.setProperty(\n      \"--mta-full-width\",\n      viewportWidth + \"px\"\n    );\n\n    const previousOffset =\n      parseFloat(\n        root.style.getPropertyValue(\"--mta-full-offset\")\n      ) || 0;\n\n    const currentLeft = root.getBoundingClientRect().left;\n\n    root.style.setProperty(\n      \"--mta-full-offset\",\n      previousOffset - currentLeft + \"px\"\n    );\n  }\n\n  function scheduleFit() {\n    cancelAnimationFrame(resizeFrame);\n    resizeFrame = requestAnimationFrame(fitPageToViewport);\n  }\n\n  fitPageToViewport();\n\n  window.addEventListener(\"resize\", scheduleFit);\n  window.addEventListener(\"load\", scheduleFit, { once: true });\n\n  if (document.fonts && document.fonts.ready) {\n    document.fonts.ready.then(scheduleFit);\n  }\n\n  if (\"ResizeObserver\" in window && root.parentElement) {\n    const sizeObserver = new ResizeObserver(scheduleFit);\n    sizeObserver.observe(root.parentElement);\n  }\n\n  \/* SCROLL ANIMATIONS *\/\n\n  const motion = window.matchMedia(\n    \"(prefers-reduced-motion: reduce)\"\n  );\n\n  if (!motion.matches && \"IntersectionObserver\" in window) {\n    const observer = new IntersectionObserver(\n      function (entries) {\n        entries.forEach(function (entry) {\n          if (!entry.isIntersecting) return;\n\n          entry.target.classList.add(\"is-visible\");\n          observer.unobserve(entry.target);\n        });\n      },\n      {\n        threshold: 0.05\n      }\n    );\n\n    root.querySelectorAll(\".mta-reveal\").forEach(function (element) {\n      observer.observe(element);\n    });\n\n    root.classList.add(\"mta-motion-ready\");\n\n    motion.addEventListener(\"change\", function (event) {\n      if (!event.matches) return;\n\n      root.classList.remove(\"mta-motion-ready\");\n      observer.disconnect();\n    });\n  }\n})();\n<\/script>\n\n<\/body>\n<\/html>\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-f464b9e e-con-full e-flex e-con e-parent\" data-id=\"f464b9e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d6af92c elementor-widget elementor-widget-html\" data-id=\"d6af92c\" 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\n<!-- =========================================\n     MORE THAN RECIPE \u2014 RESPONSIVE FOOTER\n     Transparent Background\n     Desktop \/ Tablet \/ Mobile\n========================================= -->\n\n<footer id=\"mtr-footer-new\">\n\n  <div class=\"mtrfn-container\">\n\n    <!-- MAIN FOOTER -->\n    <div class=\"mtrfn-main\">\n\n      <!-- BRAND -->\n      <div class=\"mtrfn-brand\">\n\n        <a href=\"\/\" class=\"mtrfn-logo\" aria-label=\"More Than Recipe Home\">\n          <span class=\"mtrfn-logo-small\">MORE THAN<\/span>\n          <span class=\"mtrfn-logo-large\">RECIPE<\/span>\n        <\/a>\n\n        <p class=\"mtrfn-tagline\">\n          Caf\u00e9 <span>\u00b7<\/span> Restaurant <span>\u00b7<\/span> Lifestyle\n        <\/p>\n\n      <\/div>\n\n\n      <!-- LOCATION -->\n      <div class=\"mtrfn-contact\">\n\n        <svg class=\"mtrfn-contact-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n          <path d=\"M20 10c0 5-8 12-8 12S4 15 4 10a8 8 0 1 1 16 0Z\"\/>\n          <circle cx=\"12\" cy=\"10\" r=\"2.5\"\/>\n        <\/svg>\n\n        <div class=\"mtrfn-contact-text\">\n          <span class=\"mtrfn-label\">Visit Us<\/span>\n\n          <a href=\"https:\/\/maps.google.com\/?q=Muscat,Oman\"\n             target=\"_blank\"\n             rel=\"noopener noreferrer\">\n            Muscat, Oman\n          <\/a>\n        <\/div>\n\n      <\/div>\n\n\n      <!-- PHONE -->\n      <div class=\"mtrfn-contact\">\n\n        <svg class=\"mtrfn-contact-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n          <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2\n          19.79 19.79 0 0 1-8.63-3.07\n          19.5 19.5 0 0 1-6-6\n          19.79 19.79 0 0 1-3.07-8.67\n          A2 2 0 0 1 4.11 1h3\n          a2 2 0 0 1 2 1.72\n          c.12.96.36 1.9.72 2.8\n          a2 2 0 0 1-.45 2.11L8.11 8.89\n          a16 16 0 0 0 6 6l1.27-1.27\n          a2 2 0 0 1 2.11-.45\n          c.9.36 1.84.6 2.8.72\n          A2 2 0 0 1 22 16.92Z\"\/>\n        <\/svg>\n\n        <div class=\"mtrfn-contact-text\">\n          <span class=\"mtrfn-label\">Call Us<\/span>\n\n          <a href=\"tel:+96893365478\">\n            +968 9336 5478\n          <\/a>\n        <\/div>\n\n      <\/div>\n\n\n      <!-- SOCIAL MEDIA -->\n      <div class=\"mtrfn-social\">\n\n        <span class=\"mtrfn-label\">Follow Us<\/span>\n\n        <div class=\"mtrfn-social-links\">\n\n          <!-- INSTAGRAM -->\n          <a href=\"https:\/\/www.instagram.com\/\"\n             class=\"mtrfn-instagram\"\n             target=\"_blank\"\n             rel=\"noopener noreferrer\"\n             aria-label=\"Instagram\">\n\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <defs>\n                <linearGradient id=\"mtrfn-instagram-gradient\"\n                                x1=\"0%\" y1=\"100%\"\n                                x2=\"100%\" y2=\"0%\">\n                  <stop offset=\"0%\" stop-color=\"#FEDA75\"\/>\n                  <stop offset=\"35%\" stop-color=\"#FA7E1E\"\/>\n                  <stop offset=\"65%\" stop-color=\"#D62976\"\/>\n                  <stop offset=\"100%\" stop-color=\"#4F5BD5\"\/>\n                <\/linearGradient>\n              <\/defs>\n\n              <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"5\"\n                    fill=\"none\"\n                    stroke=\"url(#mtrfn-instagram-gradient)\"\n                    stroke-width=\"2\"\/>\n\n              <circle cx=\"12\" cy=\"12\" r=\"4\"\n                      fill=\"none\"\n                      stroke=\"url(#mtrfn-instagram-gradient)\"\n                      stroke-width=\"2\"\/>\n\n              <circle cx=\"17.5\" cy=\"6.5\" r=\"1.2\"\n                      fill=\"#D62976\"\/>\n            <\/svg>\n\n          <\/a>\n\n\n          <!-- TELEGRAM -->\n          <a href=\"https:\/\/t.me\/\"\n             class=\"mtrfn-telegram\"\n             target=\"_blank\"\n             rel=\"noopener noreferrer\"\n             aria-label=\"Telegram\">\n\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <circle cx=\"12\" cy=\"12\" r=\"12\" fill=\"#26A5E4\"\/>\n\n              <path d=\"M18.9 6.1 16.5 18c-.18.84-.68 1.05-1.37.65l-3.78-2.78-1.82 1.75c-.2.2-.37.37-.75.37l.27-3.85 7.02-6.34c.3-.27-.07-.42-.45-.15l-8.68 5.47-3.74-1.17c-.81-.25-.82-.8.17-1.2l14.62-5.64c.68-.25 1.28.16 1.06.99Z\"\n                    fill=\"#FFFFFF\"\/>\n            <\/svg>\n\n          <\/a>\n\n\n          <!-- WHATSAPP -->\n          <a href=\"https:\/\/wa.me\/\"\n             class=\"mtrfn-whatsapp\"\n             target=\"_blank\"\n             rel=\"noopener noreferrer\"\n             aria-label=\"WhatsApp\">\n\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path fill=\"#25D366\"\n                    d=\"M12.04 2a9.8 9.8 0 0 0-8.42 14.82L2.2 22l5.3-1.39A9.95 9.95 0 0 0 12.04 22a10 10 0 0 0 0-20Zm0 18.3a8.2 8.2 0 0 1-4.17-1.13l-.3-.18-3.14.82.84-3.06-.2-.32A8.2 8.2 0 1 1 12.04 20.3Z\"\/>\n\n              <path fill=\"#25D366\"\n                    d=\"M16.8 13.85c-.26-.13-1.55-.76-1.79-.85-.24-.09-.42-.13-.6.13-.17.25-.68.85-.83 1.03-.15.17-.3.19-.56.06-.26-.13-1.1-.4-2.1-1.28-.78-.69-1.3-1.55-1.45-1.81-.15-.26-.02-.4.11-.53.12-.12.26-.3.39-.45.13-.15.17-.26.26-.43.09-.17.04-.32-.02-.45-.07-.13-.6-1.43-.82-1.95-.22-.51-.44-.44-.6-.45h-.51c-.17 0-.45.06-.69.32-.24.26-.91.89-.91 2.17s.93 2.52 1.06 2.69c.13.17 1.83 2.79 4.44 3.91.62.27 1.1.43 1.48.55.62.19 1.19.16 1.64.1.5-.08 1.55-.63 1.77-1.24.22-.61.22-1.13.15-1.24-.07-.11-.24-.18-.5-.31Z\"\/>\n            <\/svg>\n\n          <\/a>\n\n\n          <!-- YOUTUBE -->\n          <a href=\"https:\/\/www.youtube.com\/\"\n             class=\"mtrfn-youtube\"\n             target=\"_blank\"\n             rel=\"noopener noreferrer\"\n             aria-label=\"YouTube\">\n\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path fill=\"#FF0000\"\n                    d=\"M23.5 6.2a3 3 0 0 0-2.1-2.1C19.5 3.6 12 3.6 12 3.6s-7.5 0-9.4.5A3 3 0 0 0 .5 6.2 31 31 0 0 0 0 12a31 31 0 0 0 .5 5.8 3 3 0 0 0 2.1 2.1c1.9.5 9.4.5 9.4.5s7.5 0 9.4-.5a3 3 0 0 0 2.1-2.1A31 31 0 0 0 24 12a31 31 0 0 0-.5-5.8Z\"\/>\n\n              <path fill=\"#FFFFFF\"\n                    d=\"m9.6 15.5 6.2-3.5-6.2-3.5v7Z\"\/>\n            <\/svg>\n\n          <\/a>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- BOOK A TABLE -->\n      <div class=\"mtrfn-booking\">\n\n        <a href=\"\/contact-us\/\" class=\"mtrfn-book-button\">\n\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2\"\/>\n            <path d=\"M7 2v6M17 2v6M3 10h18\"\/>\n            <path d=\"m9 15 2 2 4-4\"\/>\n          <\/svg>\n\n          <span>Book a Table<\/span>\n\n          <svg class=\"mtrfn-arrow\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M5 12h14M13 5l7 7-7 7\"\/>\n          <\/svg>\n\n        <\/a>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- BOTTOM FOOTER -->\n    <div class=\"mtrfn-bottom\">\n\n      <p class=\"mtrfn-copyright\">\n        \u00a9 <span class=\"mtrfn-year\">2026<\/span>\n        More Than Recipe. All rights reserved.\n      <\/p>\n\n      <div class=\"mtrfn-legal\">\n        <a href=\"\/privacy-policy\/\">Privacy Policy<\/a>\n        <span>|<\/span>\n        <a href=\"\/terms-and-conditions\/\">Terms &amp; Conditions<\/a>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/footer>\n\n\n<style>\n\/* =========================================\n   GLOBAL FOOTER STYLES\n========================================= *\/\n\n#mtr-footer-new,\n#mtr-footer-new * {\n  box-sizing: border-box;\n}\n\n#mtr-footer-new {\n  --mtrfn-text: #29251F;\n  --mtrfn-muted: #655E54;\n  --mtrfn-gold: #B28A4D;\n  --mtrfn-gold-dark: #97713B;\n  --mtrfn-border: rgba(143,111,67,.35);\n\n  display: block;\n  position: relative;\n  isolation: isolate;\n  width: 100%;\n  margin: 0;\n  padding: 0;\n  overflow: hidden;\n\n  \/* Transparent background *\/\n  background: transparent !important;\n\n  color: var(--mtrfn-text);\n  font-family: Arial, Helvetica, sans-serif;\n  direction: ltr;\n  text-align: left;\n}\n\n#mtr-footer-new a {\n  text-decoration: none !important;\n}\n\n\/* CONTENT CONTAINER *\/\n\n#mtr-footer-new .mtrfn-container {\n  width: 100%;\n  max-width: 1500px;\n  margin: 0 auto;\n  padding: 42px 5.5% 0;\n}\n\n\/* MAIN ROW *\/\n\n#mtr-footer-new .mtrfn-main {\n  display: grid;\n  grid-template-columns: 1.2fr .85fr .95fr 1fr auto;\n  align-items: center;\n  column-gap: 20px;\n  padding: 8px 0 36px;\n  border-bottom: 1px solid var(--mtrfn-border);\n}\n\n\/* BRAND *\/\n\n#mtr-footer-new .mtrfn-brand {\n  min-width: 0;\n  padding-right: 18px;\n}\n\n#mtr-footer-new .mtrfn-logo {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: flex-start;\n  color: var(--mtrfn-text) !important;\n  line-height: .9;\n}\n\n#mtr-footer-new .mtrfn-logo-small {\n  font-family: Georgia, \"Times New Roman\", serif;\n  font-size: 19px;\n  font-weight: 400;\n  letter-spacing: 2px;\n}\n\n#mtr-footer-new .mtrfn-logo-large {\n  margin-top: 3px;\n  font-family: Georgia, \"Times New Roman\", serif;\n  font-size: 38px;\n  font-weight: 400;\n  letter-spacing: -1.5px;\n}\n\n#mtr-footer-new .mtrfn-tagline {\n  margin: 11px 0 0;\n  color: var(--mtrfn-muted);\n  font-size: 11px;\n  line-height: 1.6;\n  white-space: nowrap;\n}\n\n#mtr-footer-new .mtrfn-tagline span {\n  color: var(--mtrfn-gold-dark);\n  padding: 0 2px;\n}\n\n\/* CONTACT BLOCKS *\/\n\n#mtr-footer-new .mtrfn-contact {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  min-width: 0;\n  min-height: 48px;\n  padding: 0 18px;\n  border-left: 1px solid rgba(143,111,67,.18);\n}\n\n#mtr-footer-new .mtrfn-contact-icon {\n  flex: 0 0 19px;\n  width: 19px;\n  height: 19px;\n  fill: none;\n  stroke: var(--mtrfn-text);\n  stroke-width: 1.8;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n#mtr-footer-new .mtrfn-contact-text {\n  display: flex;\n  flex-direction: column;\n  gap: 5px;\n  min-width: 0;\n}\n\n#mtr-footer-new .mtrfn-label {\n  display: block;\n  color: var(--mtrfn-text);\n  font-size: 12px;\n  font-weight: 400;\n  line-height: 1.5;\n}\n\n#mtr-footer-new .mtrfn-contact a {\n  color: var(--mtrfn-muted) !important;\n  font-size: 11px;\n  line-height: 1.5;\n  white-space: nowrap;\n  transition: color .25s ease;\n}\n\n#mtr-footer-new .mtrfn-contact a:hover {\n  color: var(--mtrfn-gold-dark) !important;\n}\n\n\/* SOCIAL MEDIA *\/\n\n#mtr-footer-new .mtrfn-social {\n  min-width: 0;\n  padding: 0 18px;\n  border-left: 1px solid rgba(143,111,67,.18);\n}\n\n#mtr-footer-new .mtrfn-social-links {\n  display: flex;\n  align-items: center;\n  gap: 15px;\n  margin-top: 11px;\n}\n\n#mtr-footer-new .mtrfn-social-links a {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex: 0 0 22px;\n  width: 22px;\n  height: 22px;\n  transition: transform .25s ease, filter .25s ease;\n}\n\n#mtr-footer-new .mtrfn-social-links a:hover {\n  transform: translateY(-3px);\n  filter: brightness(.88);\n}\n\n#mtr-footer-new .mtrfn-social-links svg {\n  display: block;\n  width: 20px;\n  height: 20px;\n}\n\n\/* INSTAGRAM *\/\n\n#mtr-footer-new .mtrfn-instagram {\n  color: #D62976;\n}\n\n\/* TELEGRAM *\/\n\n#mtr-footer-new .mtrfn-telegram {\n  color: #26A5E4;\n}\n\n\/* WHATSAPP *\/\n\n#mtr-footer-new .mtrfn-whatsapp {\n  color: #25D366;\n}\n\n\/* YOUTUBE *\/\n\n#mtr-footer-new .mtrfn-youtube {\n  color: #FF0000;\n}\n\n\/* BOOKING BUTTON *\/\n\n#mtr-footer-new .mtrfn-booking {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  padding-left: 10px;\n}\n\n#mtr-footer-new .mtrfn-book-button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n  min-height: 40px;\n  padding: 0 17px;\n  border: 1px solid var(--mtrfn-gold);\n  border-radius: 30px;\n  background: linear-gradient(135deg,#BC955B,#A98146);\n  color: #fffaf2 !important;\n  font-size: 11px;\n  font-weight: 500;\n  white-space: nowrap;\n  transition: background .25s ease, transform .25s ease;\n}\n\n#mtr-footer-new .mtrfn-book-button > svg {\n  width: 15px;\n  height: 15px;\n  flex: 0 0 15px;\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.6;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n#mtr-footer-new .mtrfn-book-button:hover {\n  background: linear-gradient(135deg,#A98146,#8D6938);\n  color: #fffaf2 !important;\n  transform: translateY(-2px);\n}\n\n#mtr-footer-new .mtrfn-arrow {\n  transition: transform .25s ease;\n}\n\n#mtr-footer-new .mtrfn-book-button:hover .mtrfn-arrow {\n  transform: translateX(3px);\n}\n\n\/* BOTTOM BAR *\/\n\n#mtr-footer-new .mtrfn-bottom {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 20px;\n  padding: 20px 0 24px;\n}\n\n#mtr-footer-new .mtrfn-copyright {\n  margin: 0;\n  color: var(--mtrfn-muted);\n  font-size: 10px;\n  line-height: 1.8;\n}\n\n#mtr-footer-new .mtrfn-legal {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 13px;\n}\n\n#mtr-footer-new .mtrfn-legal a {\n  color: var(--mtrfn-muted) !important;\n  font-size: 10px;\n  line-height: 1.8;\n  white-space: nowrap;\n  transition: color .25s ease;\n}\n\n#mtr-footer-new .mtrfn-legal a:hover {\n  color: var(--mtrfn-gold-dark) !important;\n}\n\n#mtr-footer-new .mtrfn-legal span {\n  color: var(--mtrfn-gold);\n  font-size: 10px;\n}\n\n\/* =========================================\n   TABLET\n========================================= *\/\n\n@media (max-width: 1100px) {\n\n  #mtr-footer-new .mtrfn-container {\n    padding: 36px 4% 0;\n  }\n\n  #mtr-footer-new .mtrfn-main {\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    column-gap: 18px;\n    row-gap: 28px;\n    padding-bottom: 32px;\n  }\n\n  #mtr-footer-new .mtrfn-brand {\n    padding-right: 10px;\n  }\n\n  #mtr-footer-new .mtrfn-contact {\n    padding: 0 12px;\n  }\n\n  #mtr-footer-new .mtrfn-social {\n    padding: 0 12px;\n  }\n\n  #mtr-footer-new .mtrfn-booking {\n    grid-column: 1 \/ -1;\n    justify-content: flex-end;\n    padding: 0;\n  }\n\n}\n\n\/* =========================================\n   MOBILE\n========================================= *\/\n\n@media (max-width: 700px) {\n\n  #mtr-footer-new .mtrfn-container {\n    padding: 34px 22px 0;\n  }\n\n  #mtr-footer-new .mtrfn-main {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    column-gap: 16px;\n    row-gap: 22px;\n    padding: 4px 0 30px;\n  }\n\n  #mtr-footer-new .mtrfn-brand {\n    grid-column: 1 \/ -1;\n    padding: 0 0 24px;\n    border-bottom: 1px solid var(--mtrfn-border);\n  }\n\n  #mtr-footer-new .mtrfn-logo-small {\n    font-size: 19px;\n  }\n\n  #mtr-footer-new .mtrfn-logo-large {\n    font-size: 38px;\n  }\n\n  #mtr-footer-new .mtrfn-contact {\n    align-items: flex-start;\n    gap: 8px;\n    min-height: 56px;\n    padding: 5px 0;\n    border-left: none;\n  }\n\n  #mtr-footer-new .mtrfn-contact-icon {\n    width: 17px;\n    height: 17px;\n    flex-basis: 17px;\n    margin-top: 2px;\n  }\n\n  #mtr-footer-new .mtrfn-contact a {\n    font-size: 10px;\n    white-space: normal;\n    overflow-wrap: anywhere;\n  }\n\n  #mtr-footer-new .mtrfn-social {\n    grid-column: 1 \/ -1;\n    padding: 20px 0 22px;\n    border-left: none;\n    border-top: 1px solid var(--mtrfn-border);\n  }\n\n  #mtr-footer-new .mtrfn-social-links {\n    gap: 20px;\n    margin-top: 12px;\n  }\n\n  #mtr-footer-new .mtrfn-social-links a {\n    flex-basis: 25px;\n    width: 25px;\n    height: 25px;\n  }\n\n  #mtr-footer-new .mtrfn-social-links svg {\n    width: 23px;\n    height: 23px;\n  }\n\n  #mtr-footer-new .mtrfn-booking {\n    grid-column: 1 \/ -1;\n    justify-content: flex-start;\n    padding: 0;\n  }\n\n  #mtr-footer-new .mtrfn-book-button {\n    min-height: 43px;\n    padding: 0 18px;\n  }\n\n  #mtr-footer-new .mtrfn-bottom {\n    align-items: flex-start;\n    flex-direction: column;\n    gap: 10px;\n    padding: 18px 0 22px;\n  }\n\n  #mtr-footer-new .mtrfn-copyright {\n    font-size: 9px;\n  }\n\n  #mtr-footer-new .mtrfn-legal {\n    flex-wrap: wrap;\n    justify-content: flex-start;\n    gap: 10px;\n  }\n\n  #mtr-footer-new .mtrfn-legal a {\n    font-size: 9px;\n  }\n\n}\n\n\/* SMALL MOBILE *\/\n\n@media (max-width: 380px) {\n\n  #mtr-footer-new .mtrfn-container {\n    padding-left: 16px;\n    padding-right: 16px;\n  }\n\n  #mtr-footer-new .mtrfn-main {\n    column-gap: 10px;\n  }\n\n  #mtr-footer-new .mtrfn-contact {\n    gap: 6px;\n  }\n\n  #mtr-footer-new .mtrfn-contact a {\n    font-size: 9px;\n  }\n\n  #mtr-footer-new .mtrfn-social-links {\n    gap: 17px;\n  }\n\n  #mtr-footer-new .mtrfn-book-button {\n    padding: 0 13px;\n    gap: 8px;\n  }\n\n}\n\n\/* ACCESSIBILITY *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  #mtr-footer-new *,\n  #mtr-footer-new *::before,\n  #mtr-footer-new *::after {\n    transition: none !important;\n  }\n\n}\n<\/style>\n\n\n<script>\n(function () {\n  var footer = document.getElementById(\"mtr-footer-new\");\n\n  if (!footer) return;\n\n  var yearElement = footer.querySelector(\".mtrfn-year\");\n\n  if (yearElement) {\n    yearElement.textContent = new Date().getFullYear();\n  }\n})();\n<\/script>\n\n<style>\n\/* =========================================\n   MOBILE FOOTER \u2014 CENTERED LAYOUT\n========================================= *\/\n\n@media (max-width: 700px) {\n\n  \/* Center the entire footer content *\/\n  #mtr-footer-new,\n  #mtr-footer-new .mtrfn-container {\n    text-align: center !important;\n  }\n\n  \/* Center brand and logo *\/\n  #mtr-footer-new .mtrfn-brand {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    text-align: center;\n  }\n\n  #mtr-footer-new .mtrfn-logo {\n    align-items: center;\n  }\n\n  #mtr-footer-new .mtrfn-tagline {\n    text-align: center;\n    white-space: normal;\n  }\n\n  \/* Center contact information *\/\n  #mtr-footer-new .mtrfn-contact {\n    justify-content: center;\n    align-items: center;\n    text-align: center;\n    padding: 5px 0;\n  }\n\n  #mtr-footer-new .mtrfn-contact-text {\n    align-items: center;\n    text-align: center;\n  }\n\n  \/* Center social media section *\/\n  #mtr-footer-new .mtrfn-social {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    text-align: center;\n  }\n\n  #mtr-footer-new .mtrfn-social-links {\n    justify-content: center;\n    width: 100%;\n  }\n\n  \/* Center booking button *\/\n  #mtr-footer-new .mtrfn-booking {\n    justify-content: center;\n    width: 100%;\n  }\n\n  #mtr-footer-new .mtrfn-book-button {\n    justify-content: center;\n  }\n\n  \/* Center copyright and legal links *\/\n  #mtr-footer-new .mtrfn-bottom {\n    align-items: center;\n    text-align: center;\n  }\n\n  #mtr-footer-new .mtrfn-copyright {\n    width: 100%;\n    text-align: center;\n  }\n\n  #mtr-footer-new .mtrfn-legal {\n    justify-content: center;\n    width: 100%;\n  }\n\n}\n\n\/* SMALL MOBILE *\/\n@media (max-width: 380px) {\n\n  #mtr-footer-new .mtrfn-contact {\n    justify-content: center;\n  }\n\n  #mtr-footer-new .mtrfn-legal {\n    gap: 8px;\n  }\n\n}\n<\/style>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>About Us | More Than Recipe Get to Know Us About More Than Recipe We are a team of passionate<\/p>","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-830","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/morethanrecipe.com\/ar\/wp-json\/wp\/v2\/pages\/830","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/morethanrecipe.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/morethanrecipe.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/morethanrecipe.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/morethanrecipe.com\/ar\/wp-json\/wp\/v2\/comments?post=830"}],"version-history":[{"count":16,"href":"https:\/\/morethanrecipe.com\/ar\/wp-json\/wp\/v2\/pages\/830\/revisions"}],"predecessor-version":[{"id":1767,"href":"https:\/\/morethanrecipe.com\/ar\/wp-json\/wp\/v2\/pages\/830\/revisions\/1767"}],"wp:attachment":[{"href":"https:\/\/morethanrecipe.com\/ar\/wp-json\/wp\/v2\/media?parent=830"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}