{"id":5913,"date":"2025-09-15T18:06:07","date_gmt":"2025-09-15T15:06:07","guid":{"rendered":"https:\/\/lumiquestdental.com\/?page_id=5913"},"modified":"2026-09-02T22:52:24","modified_gmt":"2026-09-02T19:52:24","slug":"braces","status":"publish","type":"page","link":"https:\/\/lumiquestdental.com\/ar\/dubai\/orthodontics\/braces\/","title":{"rendered":"\u062a\u0642\u0648\u064a\u0645 \u0627\u0644\u0623\u0633\u0646\u0627\u0646 \u0641\u064a \u062f\u0628\u064a | \u0627\u0644\u0623\u0646\u0648\u0627\u0639\u060c \u0627\u0644\u0641\u0648\u0627\u0626\u062f \u0648\u062f\u0644\u064a\u0644 \u0645\u0646 LumiQuest"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5913\" class=\"elementor elementor-5913\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c6ddf5f e-flex e-con-boxed e-con e-parent\" data-id=\"c6ddf5f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b7573a4 elementor-widget elementor-widget-html\" data-id=\"b7573a4\" 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<section\r\n  id=\"braces-hero\"\r\n  class=\"lq lq-section\"\r\n  dir=\"auto\"\r\n  aria-labelledby=\"braces-hero-title\"\r\n>\r\n  <style>\r\n    \/* =========================================================\r\n       BRACES HERO\r\n       ========================================================= *\/\r\n\r\n    #braces-hero {\r\n      background: #fff;\r\n      padding: 54px 20px 50px;\r\n    }\r\n\r\n    #braces-hero .braces-hero-inner {\r\n      display: grid;\r\n      grid-template-columns:\r\n        minmax(0, 1.35fr)\r\n        minmax(320px, .8fr);\r\n\r\n      gap: 38px;\r\n\r\n      max-width: 1150px;\r\n      margin: 0 auto;\r\n\r\n      align-items: center;\r\n    }\r\n\r\n    #braces-hero .braces-hero-copy {\r\n      min-width: 0;\r\n      text-align: start;\r\n    }\r\n\r\n    \/* =========================================================\r\n       H1\r\n       ========================================================= *\/\r\n\r\n    #braces-hero h1 {\r\n      position: relative;\r\n\r\n      display: inline-block;\r\n\r\n      margin: 0 0 24px;\r\n\r\n      padding-bottom: 12px;\r\n\r\n      color: #1b1b1b;\r\n\r\n      font-size: clamp(30px, 3.4vw, 42px);\r\n      line-height: 1.2;\r\n      font-weight: 700;\r\n    }\r\n\r\n    #braces-hero h1::after {\r\n      content: \"\";\r\n\r\n      position: absolute;\r\n\r\n      inset-inline-start: 0;\r\n      bottom: 0;\r\n\r\n      width: 76px;\r\n      height: 3px;\r\n\r\n      border-radius: 4px;\r\n\r\n      background:\r\n        linear-gradient(\r\n          90deg,\r\n          #ff7a00,\r\n          #ff9c52,\r\n          #ff5fa2\r\n        );\r\n    }\r\n\r\n    \/* =========================================================\r\n       COPY\r\n       ========================================================= *\/\r\n\r\n    #braces-hero p {\r\n      margin: 0 0 16px;\r\n\r\n      color: #344054;\r\n\r\n      font-size: 16px;\r\n      line-height: 1.72;\r\n\r\n      text-indent: 0;\r\n    }\r\n\r\n    #braces-hero .braces-hero-primary {\r\n      font-size: 17px;\r\n    }\r\n\r\n    \/* =========================================================\r\n       INDEPENDENCE NOTE\r\n       ========================================================= *\/\r\n\r\n    #braces-hero .braces-independence {\r\n      margin-top: 20px;\r\n      padding: 14px 16px;\r\n\r\n      background: #fff8f2;\r\n\r\n      border:\r\n        1px solid\r\n        rgba(255, 122, 0, .20);\r\n\r\n      border-radius: 12px;\r\n\r\n      color: #49301d;\r\n\r\n      font-size: 14px;\r\n      line-height: 1.6;\r\n    }\r\n\r\n    #braces-hero .braces-independence strong {\r\n      display: block;\r\n\r\n      margin-bottom: 3px;\r\n\r\n      color: #2d2119;\r\n    }\r\n\r\n    \/* =========================================================\r\n       ROUTE CARDS\r\n       ========================================================= *\/\r\n\r\n    #braces-hero .braces-hero-routes {\r\n      display: grid;\r\n\r\n      grid-template-columns:\r\n        repeat(2, minmax(0, 1fr));\r\n\r\n      gap: 12px;\r\n\r\n      margin-top: 20px;\r\n    }\r\n\r\n    #braces-hero .braces-route {\r\n      display: block;\r\n\r\n      padding: 15px 16px;\r\n\r\n      background: #fff;\r\n\r\n      border: 1px solid #e7e7e7;\r\n      border-radius: 12px;\r\n\r\n      color: inherit !important;\r\n\r\n      text-decoration: none !important;\r\n\r\n      box-shadow:\r\n        0 4px 14px\r\n        rgba(0, 0, 0, .04);\r\n    }\r\n\r\n    #braces-hero .braces-route:hover {\r\n      border-color:\r\n        rgba(255, 122, 0, .42);\r\n\r\n      box-shadow:\r\n        0 6px 18px\r\n        rgba(0, 0, 0, .07);\r\n    }\r\n\r\n    #braces-hero .braces-route strong {\r\n      display: block;\r\n\r\n      margin-bottom: 5px;\r\n\r\n      color: #1b1b1b;\r\n\r\n      font-size: 15px;\r\n      line-height: 1.4;\r\n    }\r\n\r\n    #braces-hero .braces-route span {\r\n      display: block;\r\n\r\n      color: #667085;\r\n\r\n      font-size: 13px;\r\n      line-height: 1.55;\r\n    }\r\n\r\n    #braces-hero .braces-route .route-link {\r\n      margin-top: 8px;\r\n\r\n      color: #ff7a00;\r\n\r\n      font-weight: 700;\r\n    }\r\n\r\n    \/* =========================================================\r\n       IMAGE\r\n       ========================================================= *\/\r\n\r\n    #braces-hero .braces-hero-image {\r\n      min-width: 0;\r\n    }\r\n\r\n    #braces-hero .braces-hero-image img {\r\n      display: block;\r\n\r\n      width: 100%;\r\n      height: auto;\r\n\r\n      margin: 0;\r\n\r\n      border-radius: 16px;\r\n\r\n      box-shadow:\r\n        0 8px 26px\r\n        rgba(0, 0, 0, .08);\r\n    }\r\n\r\n    \/* =========================================================\r\n       TABLET\r\n       ========================================================= *\/\r\n\r\n    @media (max-width: 992px) {\r\n\r\n      #braces-hero .braces-hero-inner {\r\n        grid-template-columns: 1fr;\r\n\r\n        gap: 26px;\r\n      }\r\n\r\n      #braces-hero .braces-hero-copy {\r\n        order: 1;\r\n      }\r\n\r\n      #braces-hero .braces-hero-image {\r\n        order: 2;\r\n\r\n        max-width: 680px;\r\n\r\n        margin: 0 auto;\r\n      }\r\n\r\n    }\r\n\r\n    \/* =========================================================\r\n       MOBILE\r\n       ========================================================= *\/\r\n\r\n    @media (max-width: 768px) {\r\n\r\n      #braces-hero {\r\n        padding:\r\n          30px\r\n          8px\r\n          26px !important;\r\n\r\n        margin: 0 !important;\r\n      }\r\n\r\n      #braces-hero .braces-hero-inner {\r\n        display: grid !important;\r\n\r\n        grid-template-columns: 1fr !important;\r\n\r\n        gap: 20px !important;\r\n      }\r\n\r\n      #braces-hero .braces-hero-copy {\r\n        order: 1 !important;\r\n      }\r\n\r\n      #braces-hero .braces-hero-image {\r\n        order: 2 !important;\r\n\r\n        width: 100% !important;\r\n\r\n        margin: 0 !important;\r\n        padding: 0 !important;\r\n      }\r\n\r\n      #braces-hero h1 {\r\n        margin-bottom: 20px;\r\n\r\n        font-size: clamp(29px, 8vw, 36px);\r\n      }\r\n\r\n      #braces-hero .braces-hero-primary {\r\n        font-size: 16px;\r\n      }\r\n\r\n      #braces-hero .braces-hero-routes {\r\n        grid-template-columns: 1fr;\r\n\r\n        gap: 10px;\r\n      }\r\n\r\n      #braces-hero .braces-hero-image img {\r\n        width: 100% !important;\r\n\r\n        margin: 0 !important;\r\n\r\n        border-radius: 12px !important;\r\n\r\n        box-shadow: none !important;\r\n      }\r\n\r\n    }\r\n\r\n    \/* =========================================================\r\n       RTL READY\r\n       ========================================================= *\/\r\n\r\n    html[dir=\"rtl\"] #braces-hero,\r\n    html[lang|=\"ar\"] #braces-hero {\r\n      direction: rtl;\r\n    }\r\n\r\n  <\/style>\r\n\r\n\r\n  <div class=\"braces-hero-inner\">\r\n\r\n    <!-- ======================================================\r\n         COPY\r\n         ====================================================== -->\r\n\r\n    <div class=\"braces-hero-copy\">\r\n\r\n      <h1 id=\"braces-hero-title\">\r\n        Braces in Dubai: Types, Treatment and How to Choose\r\n      <\/h1>\r\n\r\n\r\n      <p class=\"braces-hero-primary\">\r\n        Fixed braces use brackets attached to the teeth and a wire,\r\n        together with other treatment mechanics when needed, to guide\r\n        tooth movement over time. Whether fixed braces are appropriate\r\n        for you depends on the diagnosis, what needs to be corrected\r\n        and the goals of treatment.\r\n      <\/p>\r\n\r\n\r\n      <p>\r\n        There is no universally best type of braces. Metal, ceramic,\r\n        self-ligating and lingual braces differ in how they are designed,\r\n        where they sit on the teeth and what they are like to live with\r\n        during treatment. The most appropriate option depends on what\r\n        your orthodontic treatment needs to achieve and what matters most\r\n        to you.\r\n      <\/p>\r\n\r\n\r\n      <div class=\"braces-independence\">\r\n        <strong>Independent guidance<\/strong>\r\n        LumiQuest provides independent dental guidance. We do not\r\n        provide orthodontic treatment, operate a public clinic ranking\r\n        or sell paid placement on this guide.\r\n      <\/div>\r\n\r\n\r\n      <div class=\"braces-hero-routes\">\r\n\r\n        <a\r\n          class=\"braces-route\"\r\n          href=\"\/dubai\/orthodontics\/braces\/cost\/\"\r\n        >\r\n          <strong>See braces cost guidance<\/strong>\r\n\r\n          <span>\r\n            Understand the current Dubai pricing evidence and what to\r\n            check in a written braces quote.\r\n          <\/span>\r\n\r\n          <span class=\"route-link\">\r\n            Braces cost in Dubai \u2192\r\n          <\/span>\r\n        <\/a>\r\n\r\n\r\n        <a\r\n          class=\"braces-route\"\r\n          href=\"\/dubai\/orthodontics\/invisalign-vs-braces\/\"\r\n        >\r\n          <strong>Compare braces and Invisalign<\/strong>\r\n\r\n          <span>\r\n            See how fixed braces and removable clear aligners differ\r\n            without assuming one option is best for everyone.\r\n          <\/span>\r\n\r\n          <span class=\"route-link\">\r\n            Invisalign vs braces \u2192\r\n          <\/span>\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- ======================================================\r\n         IMAGE\r\n         ====================================================== -->\r\n\r\n    <div class=\"braces-hero-image\">\r\n\r\n      <img\r\n        src=\"https:\/\/lumiquestdental.com\/wp-content\/uploads\/2025\/09\/braces-smiling-teen.png\"\r\n        alt=\"Smiling person wearing fixed orthodontic braces\"\r\n        loading=\"eager\"\r\n        fetchpriority=\"high\"\r\n        decoding=\"async\"\r\n      >\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0ba9261 elementor-widget elementor-widget-html\" data-id=\"0ba9261\" 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<section\r\n  id=\"braces-how-it-works\"\r\n  class=\"lq lq-section\"\r\n  dir=\"auto\"\r\n  aria-labelledby=\"braces-how-it-works-title\"\r\n>\r\n  <style>\r\n    \/* =========================================================\r\n       WHAT ARE FIXED BRACES AND HOW DO THEY WORK?\r\n       ========================================================= *\/\r\n\r\n    #braces-how-it-works {\r\n      background: #fff;\r\n      padding: 54px 20px;\r\n    }\r\n\r\n    #braces-how-it-works .braces-how-inner {\r\n      max-width: 1040px;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    \/* =========================================================\r\n       HEADER\r\n       ========================================================= *\/\r\n\r\n    #braces-how-it-works .braces-how-header {\r\n      max-width: 760px;\r\n      margin: 0 auto 28px;\r\n      text-align: center;\r\n    }\r\n\r\n    #braces-how-it-works h2 {\r\n      position: relative;\r\n      display: inline-block;\r\n\r\n      margin: 0 0 20px;\r\n      padding-bottom: 11px;\r\n\r\n      color: #1b1b1b;\r\n\r\n      font-size: clamp(28px, 3.2vw, 36px);\r\n      line-height: 1.25;\r\n      font-weight: 700;\r\n    }\r\n\r\n    #braces-how-it-works h2::after {\r\n      content: \"\";\r\n\r\n      position: absolute;\r\n      left: 50%;\r\n      bottom: 0;\r\n\r\n      transform: translateX(-50%);\r\n\r\n      width: 76px;\r\n      height: 3px;\r\n\r\n      border-radius: 4px;\r\n\r\n      background:\r\n        linear-gradient(\r\n          90deg,\r\n          #ff7a00,\r\n          #ff9c52,\r\n          #ff5fa2\r\n        );\r\n    }\r\n\r\n    #braces-how-it-works .braces-how-intro {\r\n      margin: 0;\r\n\r\n      color: #475467;\r\n\r\n      font-size: 16px;\r\n      line-height: 1.72;\r\n    }\r\n\r\n    \/* =========================================================\r\n       TWO PATIENT-FRIENDLY CARDS\r\n       ========================================================= *\/\r\n\r\n    #braces-how-it-works .braces-how-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n\r\n      gap: 18px;\r\n    }\r\n\r\n    #braces-how-it-works .braces-how-card {\r\n      padding: 22px;\r\n\r\n      background: #fafafa;\r\n\r\n      border: 1px solid #e7e7e7;\r\n      border-radius: 16px;\r\n    }\r\n\r\n    #braces-how-it-works .braces-how-label {\r\n      display: inline-flex;\r\n\r\n      margin-bottom: 10px;\r\n      padding: 5px 9px;\r\n\r\n      background: #fff4ea;\r\n\r\n      border-radius: 999px;\r\n\r\n      color: #a94e00;\r\n\r\n      font-size: 12px;\r\n      line-height: 1.4;\r\n      font-weight: 700;\r\n    }\r\n\r\n    #braces-how-it-works h3 {\r\n      margin: 0 0 10px;\r\n\r\n      color: #1b1b1b;\r\n\r\n      font-size: 20px;\r\n      line-height: 1.35;\r\n      font-weight: 700;\r\n    }\r\n\r\n    #braces-how-it-works .braces-how-card p {\r\n      margin: 0;\r\n\r\n      color: #475467;\r\n\r\n      font-size: 15px;\r\n      line-height: 1.7;\r\n\r\n      text-indent: 0;\r\n    }\r\n\r\n    \/* =========================================================\r\n       CITATION\r\n       ========================================================= *\/\r\n\r\n    #braces-how-it-works .braces-cite {\r\n      white-space: nowrap;\r\n\r\n      margin-inline-start: 2px;\r\n\r\n      font-size: .82em;\r\n\r\n      vertical-align: super;\r\n    }\r\n\r\n    #braces-how-it-works .braces-cite a {\r\n      color: #ff7a00 !important;\r\n\r\n      font-weight: 700;\r\n\r\n      text-decoration: none !important;\r\n    }\r\n\r\n    #braces-how-it-works .braces-cite a:hover,\r\n    #braces-how-it-works .braces-cite a:focus {\r\n      text-decoration: underline !important;\r\n    }\r\n\r\n    \/* =========================================================\r\n       MOBILE\r\n       ========================================================= *\/\r\n\r\n    @media (max-width: 768px) {\r\n\r\n      #braces-how-it-works {\r\n        padding: 34px 8px !important;\r\n      }\r\n\r\n      #braces-how-it-works .braces-how-header {\r\n        margin-bottom: 22px;\r\n        text-align: start;\r\n      }\r\n\r\n      #braces-how-it-works h2::after {\r\n        left: 0;\r\n        transform: none;\r\n      }\r\n\r\n      #braces-how-it-works .braces-how-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 12px;\r\n      }\r\n\r\n      #braces-how-it-works .braces-how-card {\r\n        padding: 17px 15px;\r\n      }\r\n\r\n    }\r\n\r\n    \/* =========================================================\r\n       RTL READY\r\n       ========================================================= *\/\r\n\r\n    html[dir=\"rtl\"] #braces-how-it-works,\r\n    html[lang|=\"ar\"] #braces-how-it-works {\r\n      direction: rtl;\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n\r\n      html[dir=\"rtl\"] #braces-how-it-works h2::after,\r\n      html[lang|=\"ar\"] #braces-how-it-works h2::after {\r\n        left: auto;\r\n        right: 0;\r\n      }\r\n\r\n    }\r\n\r\n  <\/style>\r\n\r\n\r\n  <div class=\"braces-how-inner\">\r\n\r\n    <header class=\"braces-how-header\">\r\n\r\n      <h2 id=\"braces-how-it-works-title\">\r\n        What Are Fixed Braces and How Do They Work?\r\n      <\/h2>\r\n\r\n      <p class=\"braces-how-intro\">\r\n        Fixed braces stay attached to your teeth during active treatment.\r\n        They use brackets, a wire and, when needed, other components to\r\n        guide planned tooth and bite correction over time.\r\n      <\/p>\r\n\r\n    <\/header>\r\n\r\n\r\n    <div class=\"braces-how-grid\">\r\n\r\n      <!-- =====================================================\r\n           HOW THE APPLIANCE WORKS\r\n           ===================================================== -->\r\n\r\n      <article class=\"braces-how-card\">\r\n\r\n        <span class=\"braces-how-label\">\r\n          How they work\r\n        <\/span>\r\n\r\n        <h3>\r\n          Brackets and a wire guide tooth movement\r\n        <\/h3>\r\n\r\n        <p>\r\n          Brackets are bonded to the teeth and connected by an archwire.\r\n          As treatment progresses, the clinician can change the wire or\r\n          use other components to guide the planned tooth and bite\r\n          correction.\r\n        <\/p>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- =====================================================\r\n           PATIENT COOPERATION\r\n           ===================================================== -->\r\n\r\n      <article class=\"braces-how-card\">\r\n\r\n        <span class=\"braces-how-label\">\r\n          Your part during treatment\r\n        <\/span>\r\n\r\n        <h3>\r\n          Fixed does not mean maintenance-free\r\n        <\/h3>\r\n\r\n        <p>\r\n          Because the appliance stays in place, there is no\r\n          removable-aligner wear schedule to remember. Cooperation still\r\n          matters: cleaning around the braces, attending reviews and\r\n          following instructions about elastics or other components can\r\n          all be important parts of treatment.\r\n\r\n          <span\r\n            class=\"braces-cite\"\r\n            aria-label=\"Reference 1\"\r\n          >\r\n            [<a href=\"#braces-ref-1\">1<\/a>]\r\n          <\/span>\r\n        <\/p>\r\n\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e63ae20 elementor-widget elementor-widget-html\" data-id=\"e63ae20\" 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<section\r\n  id=\"braces-suitability\"\r\n  class=\"lq lq-section\"\r\n  dir=\"auto\"\r\n  aria-labelledby=\"braces-suitability-title\"\r\n>\r\n  <style>\r\n    \/* =========================================================\r\n       WHO MAY BE SUITABLE FOR FIXED BRACES?\r\n       ========================================================= *\/\r\n\r\n    #braces-suitability {\r\n      background: #fff;\r\n      padding: 54px 20px;\r\n    }\r\n\r\n    #braces-suitability .braces-suitability-inner {\r\n      max-width: 1040px;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    \/* =========================================================\r\n       HEADER\r\n       ========================================================= *\/\r\n\r\n    #braces-suitability .braces-suitability-header {\r\n      max-width: 760px;\r\n      margin: 0 auto 28px;\r\n      text-align: center;\r\n    }\r\n\r\n    #braces-suitability h2 {\r\n      position: relative;\r\n      display: inline-block;\r\n\r\n      margin: 0 0 20px;\r\n      padding-bottom: 11px;\r\n\r\n      color: #1b1b1b;\r\n\r\n      font-size: clamp(28px, 3.2vw, 36px);\r\n      line-height: 1.25;\r\n      font-weight: 700;\r\n    }\r\n\r\n    #braces-suitability h2::after {\r\n      content: \"\";\r\n\r\n      position: absolute;\r\n      left: 50%;\r\n      bottom: 0;\r\n\r\n      transform: translateX(-50%);\r\n\r\n      width: 76px;\r\n      height: 3px;\r\n\r\n      border-radius: 4px;\r\n\r\n      background:\r\n        linear-gradient(\r\n          90deg,\r\n          #ff7a00,\r\n          #ff9c52,\r\n          #ff5fa2\r\n        );\r\n    }\r\n\r\n    #braces-suitability .braces-suitability-intro {\r\n      margin: 0;\r\n\r\n      color: #475467;\r\n\r\n      font-size: 16px;\r\n      line-height: 1.72;\r\n    }\r\n\r\n    \/* =========================================================\r\n       CARDS\r\n       ========================================================= *\/\r\n\r\n    #braces-suitability .braces-suitability-grid {\r\n      display: grid;\r\n\r\n      grid-template-columns:\r\n        repeat(3, minmax(0, 1fr));\r\n\r\n      gap: 16px;\r\n    }\r\n\r\n    #braces-suitability .braces-suitability-card {\r\n      padding: 20px;\r\n\r\n      background: #fafafa;\r\n\r\n      border: 1px solid #e7e7e7;\r\n      border-radius: 16px;\r\n    }\r\n\r\n    #braces-suitability .braces-suitability-number {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n\r\n      width: 30px;\r\n      height: 30px;\r\n\r\n      margin-bottom: 10px;\r\n\r\n      background: #fff4ea;\r\n\r\n      border-radius: 999px;\r\n\r\n      color: #a94e00;\r\n\r\n      font-size: 13px;\r\n      font-weight: 700;\r\n    }\r\n\r\n    #braces-suitability h3 {\r\n      margin: 0 0 9px;\r\n\r\n      color: #1b1b1b;\r\n\r\n      font-size: 19px;\r\n      line-height: 1.35;\r\n      font-weight: 700;\r\n    }\r\n\r\n    #braces-suitability .braces-suitability-card p {\r\n      margin: 0;\r\n\r\n      color: #475467;\r\n\r\n      font-size: 15px;\r\n      line-height: 1.68;\r\n\r\n      text-indent: 0;\r\n    }\r\n\r\n    \/* =========================================================\r\n       CITATION\r\n       ========================================================= *\/\r\n\r\n    #braces-suitability .braces-cite {\r\n      white-space: nowrap;\r\n\r\n      margin-inline-start: 2px;\r\n\r\n      font-size: .82em;\r\n\r\n      vertical-align: super;\r\n    }\r\n\r\n    #braces-suitability .braces-cite a {\r\n      color: #ff7a00 !important;\r\n\r\n      font-weight: 700;\r\n\r\n      text-decoration: none !important;\r\n    }\r\n\r\n    #braces-suitability .braces-cite a:hover,\r\n    #braces-suitability .braces-cite a:focus {\r\n      text-decoration: underline !important;\r\n    }\r\n\r\n    \/* =========================================================\r\n       TABLET\r\n       ========================================================= *\/\r\n\r\n    @media (max-width: 900px) {\r\n\r\n      #braces-suitability .braces-suitability-grid {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n    }\r\n\r\n    \/* =========================================================\r\n       MOBILE\r\n       ========================================================= *\/\r\n\r\n    @media (max-width: 768px) {\r\n\r\n      #braces-suitability {\r\n        padding: 34px 8px !important;\r\n      }\r\n\r\n      #braces-suitability .braces-suitability-header {\r\n        margin-bottom: 22px;\r\n\r\n        text-align: start;\r\n      }\r\n\r\n      #braces-suitability h2::after {\r\n        left: 0;\r\n\r\n        transform: none;\r\n      }\r\n\r\n      #braces-suitability .braces-suitability-grid {\r\n        gap: 12px;\r\n      }\r\n\r\n      #braces-suitability .braces-suitability-card {\r\n        padding: 17px 15px;\r\n      }\r\n\r\n    }\r\n\r\n    \/* =========================================================\r\n       RTL READY\r\n       ========================================================= *\/\r\n\r\n    html[dir=\"rtl\"] #braces-suitability,\r\n    html[lang|=\"ar\"] #braces-suitability {\r\n      direction: rtl;\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n\r\n      html[dir=\"rtl\"] #braces-suitability h2::after,\r\n      html[lang|=\"ar\"] #braces-suitability h2::after {\r\n        left: auto;\r\n        right: 0;\r\n      }\r\n\r\n    }\r\n  <\/style>\r\n\r\n\r\n  <div class=\"braces-suitability-inner\">\r\n\r\n    <header class=\"braces-suitability-header\">\r\n\r\n      <h2 id=\"braces-suitability-title\">\r\n        Who May Be Suitable for Fixed Braces?\r\n      <\/h2>\r\n\r\n      <p class=\"braces-suitability-intro\">\r\n        Choosing braces should start with what needs to be corrected,\r\n        not with choosing a bracket style first. The orthodontist needs\r\n        to understand the tooth movements, bite and treatment goals\r\n        before deciding whether fixed braces are appropriate.\r\n      <\/p>\r\n\r\n    <\/header>\r\n\r\n\r\n    <div class=\"braces-suitability-grid\">\r\n\r\n      <!-- =====================================================\r\n           DIAGNOSIS\r\n           ===================================================== -->\r\n\r\n      <article class=\"braces-suitability-card\">\r\n\r\n        <span class=\"braces-suitability-number\">\r\n          1\r\n        <\/span>\r\n\r\n        <h3>\r\n          What needs to move?\r\n        <\/h3>\r\n\r\n        <p>\r\n          Suitability depends on which teeth need to move, how the bite\r\n          is involved and what the treatment is intended to achieve.\r\n          The bracket system should come after that assessment, not\r\n          before it.\r\n        <\/p>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- =====================================================\r\n           AGE \/ DEVELOPMENT\r\n           ===================================================== -->\r\n\r\n      <article class=\"braces-suitability-card\">\r\n\r\n        <span class=\"braces-suitability-number\">\r\n          2\r\n        <\/span>\r\n\r\n        <h3>\r\n          Age is not the only factor\r\n        <\/h3>\r\n\r\n        <p>\r\n          Children, teenagers and adults may all be considered for fixed\r\n          braces when clinically suitable. For younger patients, the timing\r\n          of treatment also depends on dental development and treatment need.\r\n        <\/p>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- =====================================================\r\n           ORAL HEALTH \/ OTHER DENTAL WORK\r\n           ===================================================== -->\r\n\r\n      <article class=\"braces-suitability-card\">\r\n\r\n        <span class=\"braces-suitability-number\">\r\n          3\r\n        <\/span>\r\n\r\n        <h3>\r\n          Teeth and gums need to be considered too\r\n        <\/h3>\r\n\r\n        <p>\r\n          Active tooth decay should be treated, and active gum disease\r\n          should be stabilized, before active orthodontic treatment begins.\r\n          Existing restorations, implants or missing teeth can also affect\r\n          the treatment plan, and some cases may need coordination with\r\n          other dental care.\r\n\r\n          <span\r\n            class=\"braces-cite\"\r\n            aria-label=\"Reference 2\"\r\n          >\r\n            [<a href=\"#braces-ref-2\">2<\/a>]\r\n          <\/span>\r\n        <\/p>\r\n\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-32e1200 elementor-widget elementor-widget-html\" data-id=\"32e1200\" 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<section\r\n  id=\"braces-types\"\r\n  class=\"lq lq-section\"\r\n  dir=\"auto\"\r\n  aria-labelledby=\"braces-types-title\"\r\n>\r\n  <style>\r\n    #braces-types {\r\n      background: #fafafa;\r\n      padding: 58px 20px;\r\n    }\r\n\r\n    #braces-types .braces-types-inner {\r\n      max-width: 1120px;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    #braces-types .braces-types-header {\r\n      max-width: 760px;\r\n      margin: 0 auto 30px;\r\n      text-align: center;\r\n    }\r\n\r\n    #braces-types h2 {\r\n      position: relative;\r\n      display: inline-block;\r\n      margin: 0 0 20px;\r\n      padding-bottom: 11px;\r\n      color: #1b1b1b;\r\n      font-size: clamp(28px, 3.2vw, 36px);\r\n      line-height: 1.25;\r\n      font-weight: 700;\r\n    }\r\n\r\n    #braces-types h2::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      left: 50%;\r\n      bottom: 0;\r\n      transform: translateX(-50%);\r\n      width: 76px;\r\n      height: 3px;\r\n      border-radius: 4px;\r\n      background: linear-gradient(\r\n        90deg,\r\n        #ff7a00,\r\n        #ff9c52,\r\n        #ff5fa2\r\n      );\r\n    }\r\n\r\n    #braces-types .braces-types-intro {\r\n      margin: 0;\r\n      color: #667085;\r\n      font-size: 16px;\r\n      line-height: 1.7;\r\n    }\r\n\r\n    #braces-types .braces-types-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      gap: 18px;\r\n    }\r\n\r\n    #braces-types .braces-type-card {\r\n      display: grid;\r\n      grid-template-columns: 150px minmax(0, 1fr);\r\n      gap: 18px;\r\n      align-items: start;\r\n      padding: 18px;\r\n      background: #fff;\r\n      border: 1px solid #e7e7e7;\r\n      border-radius: 16px;\r\n      box-shadow: 0 5px 18px rgba(0, 0, 0, .045);\r\n    }\r\n\r\n    #braces-types .braces-type-media {\r\n      margin: 0;\r\n    }\r\n\r\n    #braces-types .braces-type-media img {\r\n      display: block;\r\n      width: 100%;\r\n      height: auto;\r\n      margin: 0;\r\n      border-radius: 12px;\r\n      box-shadow: 0 3px 12px rgba(0, 0, 0, .06);\r\n    }\r\n\r\n    #braces-types .braces-type-copy {\r\n      min-width: 0;\r\n    }\r\n\r\n    #braces-types h3 {\r\n      margin: 0 0 8px;\r\n      color: #1b1b1b;\r\n      font-size: 20px;\r\n      line-height: 1.35;\r\n      font-weight: 700;\r\n    }\r\n\r\n    #braces-types .braces-type-copy p {\r\n      margin: 0;\r\n      color: #475467;\r\n      font-size: 15px;\r\n      line-height: 1.65;\r\n      text-indent: 0;\r\n    }\r\n\r\n    #braces-types .braces-type-link,\r\n    #braces-types .braces-type-link:link,\r\n    #braces-types .braces-type-link:visited {\r\n      display: inline-flex;\r\n      margin-top: 11px;\r\n      color: #ff7a00 !important;\r\n      font-size: 14px;\r\n      line-height: 1.45;\r\n      font-weight: 700;\r\n      text-decoration: none !important;\r\n    }\r\n\r\n    #braces-types .braces-type-link:hover,\r\n    #braces-types .braces-type-link:focus-visible {\r\n      text-decoration: underline !important;\r\n    }\r\n\r\n    #braces-types .braces-cite {\r\n      white-space: nowrap;\r\n      margin-inline-start: 2px;\r\n      font-size: .82em;\r\n      vertical-align: super;\r\n    }\r\n\r\n    #braces-types .braces-cite a {\r\n      color: #ff7a00 !important;\r\n      font-weight: 700;\r\n      text-decoration: none !important;\r\n    }\r\n\r\n    #braces-types .braces-cite a:hover,\r\n    #braces-types .braces-cite a:focus {\r\n      text-decoration: underline !important;\r\n    }\r\n\r\n    @media (max-width: 900px) {\r\n      #braces-types .braces-types-grid {\r\n        grid-template-columns: 1fr;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n      #braces-types {\r\n        padding: 34px 8px !important;\r\n      }\r\n\r\n      #braces-types .braces-types-header {\r\n        margin-bottom: 22px;\r\n        text-align: start;\r\n      }\r\n\r\n      #braces-types h2::after {\r\n        left: 0;\r\n        transform: none;\r\n      }\r\n\r\n      #braces-types .braces-type-card {\r\n        grid-template-columns: 1fr;\r\n        gap: 14px;\r\n        padding: 15px;\r\n      }\r\n\r\n      #braces-types .braces-type-media {\r\n        max-width: 280px;\r\n      }\r\n\r\n      #braces-types .braces-type-media img {\r\n        box-shadow: none;\r\n      }\r\n    }\r\n\r\n    html[dir=\"rtl\"] #braces-types,\r\n    html[lang|=\"ar\"] #braces-types {\r\n      direction: rtl;\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n      html[dir=\"rtl\"] #braces-types h2::after,\r\n      html[lang|=\"ar\"] #braces-types h2::after {\r\n        left: auto;\r\n        right: 0;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"braces-types-inner\">\r\n\r\n    <header class=\"braces-types-header\">\r\n\r\n      <h2 id=\"braces-types-title\">\r\n        Types of Braces in Dubai\r\n      <\/h2>\r\n\r\n      <p class=\"braces-types-intro\">\r\n        Fixed braces come in several designs. The main differences are\r\n        the bracket material, where the brackets sit on the teeth and\r\n        how the wire is held. Here is a quick overview of the main\r\n        options you may hear about.\r\n      <\/p>\r\n\r\n    <\/header>\r\n\r\n    <div class=\"braces-types-grid\">\r\n\r\n      <!-- METAL -->\r\n      <article class=\"braces-type-card\">\r\n\r\n        <figure class=\"braces-type-media\">\r\n          <img\r\n            src=\"https:\/\/lumiquestdental.com\/wp-content\/uploads\/2025\/08\/Metal-Braces.png\"\r\n            alt=\"Conventional metal fixed braces\"\r\n            loading=\"lazy\"\r\n            decoding=\"async\"\r\n          >\r\n        <\/figure>\r\n\r\n        <div class=\"braces-type-copy\">\r\n\r\n          <h3>\r\n            Metal braces\r\n          <\/h3>\r\n\r\n          <p>\r\n            Metal braces use metal brackets on the front of the teeth,\r\n            connected by an archwire. They are the traditional fixed-brace\r\n            design that many people are familiar with.\r\n          <\/p>\r\n\r\n          <a\r\n            class=\"braces-type-link\"\r\n            href=\"\/dubai\/orthodontics\/braces\/metal\/\"\r\n          >\r\n            Learn about metal braces \u2192\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n      <!-- CERAMIC -->\r\n      <article class=\"braces-type-card\">\r\n\r\n        <figure class=\"braces-type-media\">\r\n          <img\r\n            src=\"https:\/\/lumiquestdental.com\/wp-content\/uploads\/2025\/08\/Ceramic-Braces.png\"\r\n            alt=\"Ceramic fixed braces with tooth-coloured brackets\"\r\n            loading=\"lazy\"\r\n            decoding=\"async\"\r\n          >\r\n        <\/figure>\r\n\r\n        <div class=\"braces-type-copy\">\r\n\r\n          <h3>\r\n            Ceramic braces\r\n          <\/h3>\r\n\r\n          <p>\r\n            Ceramic braces also sit on the front of the teeth, but they\r\n            use tooth-coloured or clear brackets. This can make them less\r\n            noticeable than conventional metal brackets.\r\n\r\n            <span\r\n              class=\"braces-cite\"\r\n              aria-label=\"Reference 3\"\r\n            >\r\n              [<a href=\"#braces-ref-3\">3<\/a>]\r\n            <\/span>\r\n          <\/p>\r\n\r\n          <a\r\n            class=\"braces-type-link\"\r\n            href=\"\/dubai\/orthodontics\/braces\/ceramic\/\"\r\n          >\r\n            Learn about ceramic braces \u2192\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n      <!-- DAMON -->\r\n      <article class=\"braces-type-card\">\r\n\r\n        <figure class=\"braces-type-media\">\r\n          <img\r\n            src=\"https:\/\/lumiquestdental.com\/wp-content\/uploads\/2025\/09\/damon-metallic-smile2.png\"\r\n            alt=\"Damon self-ligating fixed braces\"\r\n            loading=\"lazy\"\r\n            decoding=\"async\"\r\n          >\r\n        <\/figure>\r\n\r\n        <div class=\"braces-type-copy\">\r\n\r\n          <h3>\r\n            Damon and other self-ligating braces\r\n          <\/h3>\r\n\r\n          <p>\r\n            Self-ligating braces use a built-in mechanism in the bracket\r\n            to hold the wire, instead of separate ties around each bracket.\r\n            Damon is one brand of self-ligating braces.\r\n\r\n            <span\r\n              class=\"braces-cite\"\r\n              aria-label=\"Reference 4\"\r\n            >\r\n              [<a href=\"#braces-ref-4\">4<\/a>]\r\n            <\/span>\r\n          <\/p>\r\n\r\n          <a\r\n            class=\"braces-type-link\"\r\n            href=\"\/dubai\/orthodontics\/braces\/damon\/\"\r\n          >\r\n            Learn about Damon braces \u2192\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n      <!-- LINGUAL -->\r\n      <article class=\"braces-type-card\">\r\n\r\n        <figure class=\"braces-type-media\">\r\n          <img\r\n            src=\"https:\/\/lumiquestdental.com\/wp-content\/uploads\/2025\/09\/Lingual-Braces.png\"\r\n            alt=\"Lingual braces positioned behind the teeth\"\r\n            loading=\"lazy\"\r\n            decoding=\"async\"\r\n          >\r\n        <\/figure>\r\n\r\n        <div class=\"braces-type-copy\">\r\n\r\n          <h3>\r\n            Lingual braces\r\n          <\/h3>\r\n\r\n          <p>\r\n            Lingual braces are attached to the inner surfaces of the teeth,\r\n            so the brackets sit behind the teeth rather than on the front.\r\n          <\/p>\r\n\r\n          <a\r\n            class=\"braces-type-link\"\r\n            href=\"\/dubai\/orthodontics\/braces\/lingual\/\"\r\n          >\r\n            Learn about lingual braces \u2192\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3b90a3e elementor-widget elementor-widget-html\" data-id=\"3b90a3e\" 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<section\r\n  id=\"braces-which-type\"\r\n  class=\"lq lq-section\"\r\n  dir=\"auto\"\r\n  aria-labelledby=\"braces-which-type-title\"\r\n>\r\n  <style>\r\n    \/* =========================================================\r\n       WHICH TYPE OF BRACES IS RIGHT FOR YOU?\r\n       ========================================================= *\/\r\n\r\n    #braces-which-type {\r\n      background: #fff;\r\n      padding: 54px 20px;\r\n    }\r\n\r\n    #braces-which-type .braces-which-inner {\r\n      max-width: 1060px;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    \/* =========================================================\r\n       HEADER\r\n       ========================================================= *\/\r\n\r\n    #braces-which-type .braces-which-header {\r\n      max-width: 760px;\r\n      margin: 0 auto 28px;\r\n      text-align: center;\r\n    }\r\n\r\n    #braces-which-type h2 {\r\n      position: relative;\r\n      display: inline-block;\r\n\r\n      margin: 0 0 20px;\r\n      padding-bottom: 11px;\r\n\r\n      color: #1b1b1b;\r\n\r\n      font-size: clamp(28px, 3.2vw, 36px);\r\n      line-height: 1.25;\r\n      font-weight: 700;\r\n    }\r\n\r\n    #braces-which-type h2::after {\r\n      content: \"\";\r\n\r\n      position: absolute;\r\n      left: 50%;\r\n      bottom: 0;\r\n\r\n      transform: translateX(-50%);\r\n\r\n      width: 76px;\r\n      height: 3px;\r\n\r\n      border-radius: 4px;\r\n\r\n      background:\r\n        linear-gradient(\r\n          90deg,\r\n          #ff7a00,\r\n          #ff9c52,\r\n          #ff5fa2\r\n        );\r\n    }\r\n\r\n    #braces-which-type .braces-which-intro {\r\n      margin: 0;\r\n\r\n      color: #475467;\r\n\r\n      font-size: 16px;\r\n      line-height: 1.72;\r\n    }\r\n\r\n    \/* =========================================================\r\n       DECISION GRID\r\n       ========================================================= *\/\r\n\r\n    #braces-which-type .braces-which-grid {\r\n      display: grid;\r\n\r\n      grid-template-columns:\r\n        repeat(2, minmax(0, 1fr));\r\n\r\n      gap: 16px;\r\n    }\r\n\r\n    #braces-which-type .braces-which-card {\r\n      padding: 20px;\r\n\r\n      background: #fafafa;\r\n\r\n      border: 1px solid #e7e7e7;\r\n      border-radius: 16px;\r\n    }\r\n\r\n    #braces-which-type .braces-which-label {\r\n      display: inline-flex;\r\n\r\n      margin-bottom: 9px;\r\n      padding: 5px 9px;\r\n\r\n      background: #fff4ea;\r\n\r\n      border-radius: 999px;\r\n\r\n      color: #a94e00;\r\n\r\n      font-size: 12px;\r\n      line-height: 1.4;\r\n      font-weight: 700;\r\n    }\r\n\r\n    #braces-which-type h3 {\r\n      margin: 0 0 9px;\r\n\r\n      color: #1b1b1b;\r\n\r\n      font-size: 19px;\r\n      line-height: 1.35;\r\n      font-weight: 700;\r\n    }\r\n\r\n    #braces-which-type .braces-which-card p {\r\n      margin: 0;\r\n\r\n      color: #475467;\r\n\r\n      font-size: 15px;\r\n      line-height: 1.68;\r\n\r\n      text-indent: 0;\r\n    }\r\n\r\n    \/* =========================================================\r\n       BOTTOM GUIDANCE\r\n       ========================================================= *\/\r\n\r\n    #braces-which-type .braces-which-bottom {\r\n      margin-top: 18px;\r\n      padding: 17px 18px;\r\n\r\n      background: #fff8f2;\r\n\r\n      border: 1px solid rgba(255, 122, 0, .20);\r\n      border-radius: 14px;\r\n    }\r\n\r\n    #braces-which-type .braces-which-bottom p {\r\n      margin: 0;\r\n\r\n      color: #49301d;\r\n\r\n      font-size: 15px;\r\n      line-height: 1.68;\r\n    }\r\n\r\n    \/* =========================================================\r\n       CITATION\r\n       ========================================================= *\/\r\n\r\n    #braces-which-type .braces-cite {\r\n      white-space: nowrap;\r\n\r\n      margin-inline-start: 2px;\r\n\r\n      font-size: .82em;\r\n\r\n      vertical-align: super;\r\n    }\r\n\r\n    #braces-which-type .braces-cite a {\r\n      color: #ff7a00 !important;\r\n\r\n      font-weight: 700;\r\n\r\n      text-decoration: none !important;\r\n    }\r\n\r\n    #braces-which-type .braces-cite a:hover,\r\n    #braces-which-type .braces-cite a:focus {\r\n      text-decoration: underline !important;\r\n    }\r\n\r\n    \/* =========================================================\r\n       MOBILE\r\n       ========================================================= *\/\r\n\r\n    @media (max-width: 768px) {\r\n\r\n      #braces-which-type {\r\n        padding: 34px 8px !important;\r\n      }\r\n\r\n      #braces-which-type .braces-which-header {\r\n        margin-bottom: 22px;\r\n        text-align: start;\r\n      }\r\n\r\n      #braces-which-type h2::after {\r\n        left: 0;\r\n        transform: none;\r\n      }\r\n\r\n      #braces-which-type .braces-which-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 12px;\r\n      }\r\n\r\n      #braces-which-type .braces-which-card {\r\n        padding: 17px 15px;\r\n      }\r\n\r\n      #braces-which-type .braces-which-bottom {\r\n        padding: 15px;\r\n      }\r\n\r\n    }\r\n\r\n    \/* =========================================================\r\n       RTL READY\r\n       ========================================================= *\/\r\n\r\n    html[dir=\"rtl\"] #braces-which-type,\r\n    html[lang|=\"ar\"] #braces-which-type {\r\n      direction: rtl;\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n\r\n      html[dir=\"rtl\"] #braces-which-type h2::after,\r\n      html[lang|=\"ar\"] #braces-which-type h2::after {\r\n        left: auto;\r\n        right: 0;\r\n      }\r\n\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"braces-which-inner\">\r\n\r\n    <header class=\"braces-which-header\">\r\n\r\n      <h2 id=\"braces-which-type-title\">\r\n        Which Type of Braces Is Right for You?\r\n      <\/h2>\r\n\r\n      <p class=\"braces-which-intro\">\r\n        There is no single braces system that is best for everyone.\r\n        The choice depends on what your treatment needs to achieve,\r\n        how visible you are comfortable with the appliance being,\r\n        where the brackets sit and what practical differences matter\r\n        most to you.\r\n      <\/p>\r\n\r\n    <\/header>\r\n\r\n\r\n    <div class=\"braces-which-grid\">\r\n\r\n      <article class=\"braces-which-card\">\r\n\r\n        <span class=\"braces-which-label\">\r\n          Visibility\r\n        <\/span>\r\n\r\n        <h3>\r\n          How noticeable do you want the braces to be?\r\n        <\/h3>\r\n\r\n        <p>\r\n          Metal brackets are the most visually obvious. Ceramic brackets\r\n          can be less noticeable on the front of the teeth, while lingual\r\n          braces sit behind the teeth. Visibility may matter to you, but it\r\n          is only one part of the treatment decision.\r\n        <\/p>\r\n\r\n      <\/article>\r\n\r\n\r\n      <article class=\"braces-which-card\">\r\n\r\n        <span class=\"braces-which-label\">\r\n          Placement\r\n        <\/span>\r\n\r\n        <h3>\r\n          Front of the teeth or behind them?\r\n        <\/h3>\r\n\r\n        <p>\r\n          Metal, ceramic and most self-ligating systems sit on the front\r\n          surfaces of the teeth. Lingual braces are placed on the inner\r\n          surfaces instead. The position of the brackets changes the\r\n          day-to-day experience as well as the appearance.\r\n        <\/p>\r\n\r\n      <\/article>\r\n\r\n\r\n      <article class=\"braces-which-card\">\r\n\r\n        <span class=\"braces-which-label\">\r\n          Bracket design\r\n        <\/span>\r\n\r\n        <h3>\r\n          Conventional or self-ligating?\r\n        <\/h3>\r\n\r\n        <p>\r\n          Conventional braces use ties or ligatures to hold the wire in the\r\n          brackets. Self-ligating systems use a built-in bracket mechanism\r\n          instead. That design difference alone does not show that one\r\n          system will be faster, more comfortable or more suitable for\r\n          your case.\r\n\r\n          <span\r\n            class=\"braces-cite\"\r\n            aria-label=\"Reference 4\"\r\n          >\r\n            [<a href=\"#braces-ref-4\">4<\/a>]\r\n          <\/span>\r\n        <\/p>\r\n\r\n      <\/article>\r\n\r\n\r\n      <article class=\"braces-which-card\">\r\n\r\n        <span class=\"braces-which-label\">\r\n          Day-to-day priorities\r\n        <\/span>\r\n\r\n        <h3>\r\n          What matters most to you during treatment?\r\n        <\/h3>\r\n\r\n        <p>\r\n          Appearance, cleaning, speech, food habits and how the appliance\r\n          feels in daily life can all matter when discussing options.\r\n          These preferences are useful to raise with your orthodontist,\r\n          but they do not replace the clinical assessment.\r\n        <\/p>\r\n\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"braces-which-bottom\">\r\n\r\n      <p>\r\n        A useful way to approach the choice is to separate two questions:\r\n        <strong>what does your treatment need?<\/strong> and\r\n        <strong>what matters most to you?<\/strong>\r\n        Your orthodontist needs to answer the first question; your\r\n        preferences help shape the second.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-53b20f0 elementor-widget elementor-widget-html\" data-id=\"53b20f0\" 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<section\r\n  id=\"braces-preference-explorer\"\r\n  class=\"lq lq-section\"\r\n  dir=\"auto\"\r\n  aria-labelledby=\"braces-preference-title\"\r\n>\r\n  <style>\r\n    \/* =========================================================\r\n       BRACES PREFERENCE EXPLORER\r\n       Preference-only \u2014 does not assess clinical suitability\r\n       ========================================================= *\/\r\n\r\n    #braces-preference-explorer {\r\n      background: #fafafa;\r\n      padding: 54px 20px;\r\n    }\r\n\r\n    #braces-preference-explorer * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    #braces-preference-explorer .bpe-inner {\r\n      max-width: 900px;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    \/* =========================================================\r\n       HEADER\r\n       ========================================================= *\/\r\n\r\n    #braces-preference-explorer .bpe-header {\r\n      max-width: 760px;\r\n      margin: 0 auto 28px;\r\n      text-align: center;\r\n    }\r\n\r\n    #braces-preference-explorer h2 {\r\n      position: relative;\r\n      display: inline-block;\r\n\r\n      margin: 0 0 20px;\r\n      padding-bottom: 11px;\r\n\r\n      color: #1b1b1b;\r\n\r\n      font-size: clamp(28px, 3.2vw, 36px);\r\n      line-height: 1.25;\r\n      font-weight: 700;\r\n    }\r\n\r\n    #braces-preference-explorer h2::after {\r\n      content: \"\";\r\n\r\n      position: absolute;\r\n      left: 50%;\r\n      bottom: 0;\r\n\r\n      transform: translateX(-50%);\r\n\r\n      width: 76px;\r\n      height: 3px;\r\n\r\n      border-radius: 4px;\r\n\r\n      background:\r\n        linear-gradient(\r\n          90deg,\r\n          #ff7a00,\r\n          #ff9c52,\r\n          #ff5fa2\r\n        );\r\n    }\r\n\r\n    #braces-preference-explorer .bpe-intro {\r\n      margin: 0;\r\n\r\n      color: #475467;\r\n\r\n      font-size: 16px;\r\n      line-height: 1.72;\r\n    }\r\n\r\n    #braces-preference-explorer .bpe-boundary {\r\n      margin: 14px auto 0;\r\n\r\n      color: #667085;\r\n\r\n      font-size: 13px;\r\n      line-height: 1.55;\r\n    }\r\n\r\n    \/* =========================================================\r\n       QUESTION CARDS\r\n       ========================================================= *\/\r\n\r\n    #braces-preference-explorer .bpe-question {\r\n      display: none;\r\n\r\n      margin-top: 16px;\r\n      padding: 20px;\r\n\r\n      background: #fff;\r\n\r\n      border: 1px solid #e7e7e7;\r\n      border-radius: 16px;\r\n\r\n      box-shadow:\r\n        0 5px 18px\r\n        rgba(0, 0, 0, .04);\r\n    }\r\n\r\n    #braces-preference-explorer .bpe-question.is-active {\r\n      display: block;\r\n    }\r\n\r\n    #braces-preference-explorer .bpe-step {\r\n      display: inline-flex;\r\n\r\n      margin-bottom: 8px;\r\n      padding: 5px 9px;\r\n\r\n      background: #fff4ea;\r\n\r\n      border-radius: 999px;\r\n\r\n      color: #a94e00;\r\n\r\n      font-size: 12px;\r\n      line-height: 1.4;\r\n      font-weight: 700;\r\n    }\r\n\r\n    #braces-preference-explorer .bpe-question-text {\r\n      margin: 0 0 15px;\r\n\r\n      color: #1b1b1b;\r\n\r\n      font-size: 18px;\r\n      line-height: 1.5;\r\n      font-weight: 700;\r\n    }\r\n\r\n    #braces-preference-explorer .bpe-help {\r\n      margin: -5px 0 15px;\r\n\r\n      color: #667085;\r\n\r\n      font-size: 14px;\r\n      line-height: 1.6;\r\n    }\r\n\r\n    \/* =========================================================\r\n       ANSWER BUTTONS\r\n       ========================================================= *\/\r\n\r\n    #braces-preference-explorer .bpe-options {\r\n      display: grid;\r\n\r\n      grid-template-columns:\r\n        repeat(2, minmax(0, 1fr));\r\n\r\n      gap: 11px;\r\n    }\r\n\r\n    #braces-preference-explorer .bpe-option {\r\n      min-height: 54px;\r\n\r\n      padding: 12px 14px;\r\n\r\n      background: #fff;\r\n\r\n      border: 1px solid #d7d7d7;\r\n      border-radius: 12px;\r\n\r\n      color: #1b1b1b;\r\n\r\n      font: inherit;\r\n      font-size: 15px;\r\n      line-height: 1.45;\r\n      font-weight: 650;\r\n\r\n      text-align: center;\r\n\r\n      cursor: pointer;\r\n\r\n      transition:\r\n        border-color .18s ease,\r\n        background-color .18s ease,\r\n        box-shadow .18s ease;\r\n    }\r\n\r\n    #braces-preference-explorer .bpe-option:hover {\r\n      border-color: #ffb578;\r\n      background: #fffaf6;\r\n    }\r\n\r\n    #braces-preference-explorer .bpe-option.is-selected {\r\n      border-color: #ff7a00;\r\n\r\n      background: #fff8f2;\r\n\r\n      box-shadow:\r\n        0 0 0 2px\r\n        rgba(255, 122, 0, .09);\r\n    }\r\n\r\n    #braces-preference-explorer .bpe-option:focus-visible {\r\n      outline:\r\n        2px solid\r\n        rgba(255, 122, 0, .40);\r\n\r\n      outline-offset: 3px;\r\n    }\r\n\r\n    \/* =========================================================\r\n       RESULT\r\n       ========================================================= *\/\r\n\r\n    #braces-preference-explorer .bpe-result {\r\n      display: none;\r\n\r\n      margin-top: 18px;\r\n      padding: 20px;\r\n\r\n      background: #fff8f2;\r\n\r\n      border: 1px solid rgba(255, 122, 0, .22);\r\n      border-radius: 16px;\r\n    }\r\n\r\n    #braces-preference-explorer .bpe-result.is-visible {\r\n      display: block;\r\n    }\r\n\r\n    #braces-preference-explorer .bpe-result-label {\r\n      display: block;\r\n\r\n      margin-bottom: 7px;\r\n\r\n      color: #a94e00;\r\n\r\n      font-size: 12px;\r\n      line-height: 1.4;\r\n      font-weight: 700;\r\n    }\r\n\r\n    #braces-preference-explorer .bpe-result h3 {\r\n      margin: 0 0 9px;\r\n\r\n      color: #1b1b1b;\r\n\r\n      font-size: 21px;\r\n      line-height: 1.35;\r\n      font-weight: 700;\r\n    }\r\n\r\n    #braces-preference-explorer .bpe-result p {\r\n      margin: 0;\r\n\r\n      color: #475467;\r\n\r\n      font-size: 15px;\r\n      line-height: 1.7;\r\n    }\r\n\r\n    #braces-preference-explorer .bpe-result a,\r\n    #braces-preference-explorer .bpe-result a:link,\r\n    #braces-preference-explorer .bpe-result a:visited {\r\n      display: inline-flex;\r\n\r\n      margin-top: 13px;\r\n\r\n      color: #ff7a00 !important;\r\n\r\n      font-size: 15px;\r\n      line-height: 1.45;\r\n      font-weight: 700;\r\n\r\n      text-decoration: none !important;\r\n    }\r\n\r\n    #braces-preference-explorer .bpe-result a:hover,\r\n    #braces-preference-explorer .bpe-result a:focus-visible {\r\n      text-decoration: underline !important;\r\n    }\r\n\r\n    \/* =========================================================\r\n       RESET\r\n       ========================================================= *\/\r\n\r\n    #braces-preference-explorer .bpe-reset-row {\r\n      display: flex;\r\n      justify-content: center;\r\n\r\n      margin-top: 18px;\r\n    }\r\n\r\n    #braces-preference-explorer .bpe-reset {\r\n      padding: 10px 18px;\r\n\r\n      background: transparent;\r\n\r\n      border: 1px solid #d7d7d7;\r\n      border-radius: 10px;\r\n\r\n      color: #475467;\r\n\r\n      font: inherit;\r\n      font-size: 14px;\r\n      line-height: 1.4;\r\n      font-weight: 650;\r\n\r\n      cursor: pointer;\r\n    }\r\n\r\n    #braces-preference-explorer .bpe-reset:hover {\r\n      background: #fff;\r\n      border-color: #bbb;\r\n    }\r\n\r\n    \/* =========================================================\r\n       MOBILE\r\n       ========================================================= *\/\r\n\r\n    @media (max-width: 768px) {\r\n\r\n      #braces-preference-explorer {\r\n        padding: 34px 8px !important;\r\n      }\r\n\r\n      #braces-preference-explorer .bpe-header {\r\n        margin-bottom: 22px;\r\n        text-align: start;\r\n      }\r\n\r\n      #braces-preference-explorer h2::after {\r\n        left: 0;\r\n        transform: none;\r\n      }\r\n\r\n      #braces-preference-explorer .bpe-question {\r\n        padding: 17px 15px;\r\n      }\r\n\r\n      #braces-preference-explorer .bpe-options {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      #braces-preference-explorer .bpe-option {\r\n        width: 100%;\r\n        text-align: start;\r\n      }\r\n\r\n      #braces-preference-explorer .bpe-result {\r\n        padding: 17px 15px;\r\n      }\r\n\r\n    }\r\n\r\n    \/* =========================================================\r\n       RTL READY\r\n       ========================================================= *\/\r\n\r\n    html[dir=\"rtl\"] #braces-preference-explorer,\r\n    html[lang|=\"ar\"] #braces-preference-explorer {\r\n      direction: rtl;\r\n    }\r\n\r\n    html[dir=\"rtl\"] #braces-preference-explorer .bpe-result,\r\n    html[lang|=\"ar\"] #braces-preference-explorer .bpe-result {\r\n      direction: rtl;\r\n      text-align: right;\r\n    }\r\n\r\n    html[dir=\"rtl\"] #braces-preference-explorer .bpe-result a,\r\n    html[lang|=\"ar\"] #braces-preference-explorer .bpe-result a {\r\n      direction: rtl;\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n\r\n      html[dir=\"rtl\"] #braces-preference-explorer h2::after,\r\n      html[lang|=\"ar\"] #braces-preference-explorer h2::after {\r\n        left: auto;\r\n        right: 0;\r\n      }\r\n\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n\r\n      #braces-preference-explorer .bpe-option {\r\n        transition: none;\r\n      }\r\n\r\n    }\r\n\r\n  <\/style>\r\n\r\n\r\n  <div class=\"bpe-inner\">\r\n\r\n    <header class=\"bpe-header\">\r\n\r\n      <h2 id=\"braces-preference-title\">\r\n        Explore Which Braces Features Matter to You\r\n      <\/h2>\r\n\r\n      <p class=\"bpe-intro\">\r\n        Answer a few questions about visibility, removability and\r\n        day-to-day preferences. We\u2019ll show you which options may be\r\n        worth learning more about before you discuss treatment with\r\n        an orthodontist.\r\n      <\/p>\r\n\r\n      <p class=\"bpe-boundary\">\r\n        This explores preferences, not clinical suitability.\r\n      <\/p>\r\n\r\n    <\/header>\r\n\r\n\r\n    <!-- =======================================================\r\n         QUESTION 1\r\n         ======================================================= -->\r\n\r\n    <div\r\n      id=\"bpe-q1\"\r\n      class=\"bpe-question is-active\"\r\n    >\r\n\r\n      <span class=\"bpe-step\">\r\n        Question 1\r\n      <\/span>\r\n\r\n      <p class=\"bpe-question-text\">\r\n        Would you prefer to explore fixed braces or a removable option?\r\n      <\/p>\r\n\r\n      <div class=\"bpe-options\">\r\n\r\n        <button\r\n          type=\"button\"\r\n          class=\"bpe-option\"\r\n          data-answer=\"fixed\"\r\n        >\r\n          Fixed braces\r\n        <\/button>\r\n\r\n        <button\r\n          type=\"button\"\r\n          class=\"bpe-option\"\r\n          data-answer=\"removable\"\r\n        >\r\n          A removable option\r\n        <\/button>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =======================================================\r\n         QUESTION 2\r\n         ======================================================= -->\r\n\r\n    <div\r\n      id=\"bpe-q2\"\r\n      class=\"bpe-question\"\r\n    >\r\n\r\n      <span class=\"bpe-step\">\r\n        Question 2\r\n      <\/span>\r\n\r\n      <p class=\"bpe-question-text\">\r\n        If you choose fixed braces, how important is reducing their\r\n        visibility?\r\n      <\/p>\r\n\r\n      <div class=\"bpe-options\">\r\n\r\n        <button\r\n          type=\"button\"\r\n          class=\"bpe-option\"\r\n          data-answer=\"visibility-ok\"\r\n        >\r\n          Some visibility is fine\r\n        <\/button>\r\n\r\n        <button\r\n          type=\"button\"\r\n          class=\"bpe-option\"\r\n          data-answer=\"less-visible\"\r\n        >\r\n          I would prefer a less-visible option\r\n        <\/button>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =======================================================\r\n         QUESTION 3 \u2014 LESS-VISIBLE TRACK\r\n         ======================================================= -->\r\n\r\n    <div\r\n      id=\"bpe-q3-visibility\"\r\n      class=\"bpe-question\"\r\n    >\r\n\r\n      <span class=\"bpe-step\">\r\n        Question 3\r\n      <\/span>\r\n\r\n      <p class=\"bpe-question-text\">\r\n        Which placement would you prefer to learn more about?\r\n      <\/p>\r\n\r\n      <p class=\"bpe-help\">\r\n        Front-surface ceramic brackets and behind-the-teeth lingual\r\n        braces differ mainly in where they sit and how visible they are.\r\n      <\/p>\r\n\r\n      <div class=\"bpe-options\">\r\n\r\n        <button\r\n          type=\"button\"\r\n          class=\"bpe-option\"\r\n          data-answer=\"ceramic\"\r\n        >\r\n          Less-visible brackets on the front of the teeth\r\n        <\/button>\r\n\r\n        <button\r\n          type=\"button\"\r\n          class=\"bpe-option\"\r\n          data-answer=\"lingual\"\r\n        >\r\n          Braces positioned behind the teeth\r\n        <\/button>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =======================================================\r\n         QUESTION 3 \u2014 FRONT-SURFACE TRACK\r\n         ======================================================= -->\r\n\r\n    <div\r\n      id=\"bpe-q3-system\"\r\n      class=\"bpe-question\"\r\n    >\r\n\r\n      <span class=\"bpe-step\">\r\n        Question 3\r\n      <\/span>\r\n\r\n      <p class=\"bpe-question-text\">\r\n        Which fixed-brace design would you like to understand better?\r\n      <\/p>\r\n\r\n      <p class=\"bpe-help\">\r\n        Conventional and self-ligating systems mainly differ in how\r\n        the wire is held in the bracket.\r\n      <\/p>\r\n\r\n      <div class=\"bpe-options\">\r\n\r\n        <button\r\n          type=\"button\"\r\n          class=\"bpe-option\"\r\n          data-answer=\"metal\"\r\n        >\r\n          Conventional metal braces\r\n        <\/button>\r\n\r\n        <button\r\n          type=\"button\"\r\n          class=\"bpe-option\"\r\n          data-answer=\"damon\"\r\n        >\r\n          A self-ligating system such as Damon\r\n        <\/button>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =======================================================\r\n         RESULT\r\n         ======================================================= -->\r\n\r\n    <div\r\n      id=\"bpe-result\"\r\n      class=\"bpe-result\"\r\n      aria-live=\"polite\"\r\n    >\r\n\r\n      <span\r\n        class=\"bpe-result-label\"\r\n        id=\"bpe-result-label\"\r\n      >\r\n        Based on the preferences you selected\r\n      <\/span>\r\n\r\n      <h3 id=\"bpe-result-title\"><\/h3>\r\n\r\n      <p id=\"bpe-result-copy\"><\/p>\r\n\r\n      <a\r\n        id=\"bpe-result-link\"\r\n        href=\"#\"\r\n      >\r\n        Learn more \u2192\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"bpe-reset-row\">\r\n\r\n      <button\r\n        id=\"bpe-reset\"\r\n        class=\"bpe-reset\"\r\n        type=\"button\"\r\n      >\r\n        Start again\r\n      <\/button>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n\r\n  <script>\r\n    (() => {\r\n\r\n      const root =\r\n        document.getElementById(\r\n          \"braces-preference-explorer\"\r\n        );\r\n\r\n      if (!root) return;\r\n\r\n\r\n      \/* =======================================================\r\n         LANGUAGE DETECTION\r\n\r\n         Static strings remain TranslatePress-controlled.\r\n         Only JavaScript-generated result content is localized here.\r\n         ======================================================= *\/\r\n\r\n      const documentLanguage =\r\n        (\r\n          document.documentElement.lang ||\r\n          \"\"\r\n        ).toLowerCase();\r\n\r\n\r\n      const isArabic =\r\n        documentLanguage === \"ar\" ||\r\n        documentLanguage.startsWith(\"ar-\");\r\n\r\n\r\n      const q1 =\r\n        root.querySelector(\"#bpe-q1\");\r\n\r\n      const q2 =\r\n        root.querySelector(\"#bpe-q2\");\r\n\r\n      const q3Visibility =\r\n        root.querySelector(\"#bpe-q3-visibility\");\r\n\r\n      const q3System =\r\n        root.querySelector(\"#bpe-q3-system\");\r\n\r\n      const result =\r\n        root.querySelector(\"#bpe-result\");\r\n\r\n      const resultLabel =\r\n        root.querySelector(\"#bpe-result-label\");\r\n\r\n      const resultTitle =\r\n        root.querySelector(\"#bpe-result-title\");\r\n\r\n      const resultCopy =\r\n        root.querySelector(\"#bpe-result-copy\");\r\n\r\n      const resultLink =\r\n        root.querySelector(\"#bpe-result-link\");\r\n\r\n      const resetButton =\r\n        root.querySelector(\"#bpe-reset\");\r\n\r\n\r\n      \/* =======================================================\r\n         RESULT LABEL\r\n         ======================================================= *\/\r\n\r\n      const resultLabels = {\r\n        en:\r\n          \"Based on the preferences you selected\",\r\n\r\n        ar:\r\n          \"\u0627\u0633\u062a\u0646\u0627\u062f\u064b\u0627 \u0625\u0644\u0649 \u0627\u0644\u062a\u0641\u0636\u064a\u0644\u0627\u062a \u0627\u0644\u062a\u064a \u0627\u062e\u062a\u0631\u062a\u0647\u0627\"\r\n      };\r\n\r\n\r\n      \/* =======================================================\r\n         ENGLISH RESULT ROUTES\r\n         ======================================================= *\/\r\n\r\n      const routesEn = {\r\n\r\n        removable: {\r\n          title:\r\n            \"You may want to compare removable aligners with fixed braces\",\r\n\r\n          copy:\r\n            \"You selected a removable option. Our comparison guide shows the main differences between clear aligners and fixed braces so you can see which questions are worth discussing next.\",\r\n\r\n          href:\r\n            \"\/dubai\/orthodontics\/invisalign-vs-braces\/\",\r\n\r\n          link:\r\n            \"Compare Invisalign and braces \u2192\"\r\n        },\r\n\r\n\r\n        ceramic: {\r\n          title:\r\n            \"Ceramic braces may be worth learning more about\",\r\n\r\n          copy:\r\n            \"You preferred a less-visible option on the front of the teeth. Ceramic braces use tooth-coloured or clear brackets, so this may be a useful option to explore further.\",\r\n\r\n          href:\r\n            \"\/dubai\/orthodontics\/braces\/ceramic\/\",\r\n\r\n          link:\r\n            \"Learn about ceramic braces \u2192\"\r\n        },\r\n\r\n\r\n        lingual: {\r\n          title:\r\n            \"Lingual braces may be worth learning more about\",\r\n\r\n          copy:\r\n            \"You preferred braces positioned behind the teeth. Lingual braces match that preference, so they may be useful to explore before discussing treatment options.\",\r\n\r\n          href:\r\n            \"\/dubai\/orthodontics\/braces\/lingual\/\",\r\n\r\n          link:\r\n            \"Learn about lingual braces \u2192\"\r\n        },\r\n\r\n\r\n        metal: {\r\n          title:\r\n            \"Metal braces may be worth learning more about\",\r\n\r\n          copy:\r\n            \"You selected conventional front-surface fixed braces. Metal braces match that preference and may be useful to explore in more detail.\",\r\n\r\n          href:\r\n            \"\/dubai\/orthodontics\/braces\/metal\/\",\r\n\r\n          link:\r\n            \"Learn about metal braces \u2192\"\r\n        },\r\n\r\n\r\n        damon: {\r\n          title:\r\n            \"Damon braces may be worth learning more about\",\r\n\r\n          copy:\r\n            \"You selected a self-ligating bracket design. Damon is one example of this type of system. The bracket design itself does not mean treatment will be faster, more comfortable or more suitable for your case.\",\r\n\r\n          href:\r\n            \"\/dubai\/orthodontics\/braces\/damon\/\",\r\n\r\n          link:\r\n            \"Learn about Damon braces \u2192\"\r\n        }\r\n\r\n      };\r\n\r\n\r\n      \/* =======================================================\r\n         ARABIC RESULT ROUTES\r\n\r\n         These strings are intentionally handled here because\r\n         TranslatePress does not reliably expose JS-generated\r\n         result-state content.\r\n         ======================================================= *\/\r\n\r\n      const routesAr = {\r\n\r\n        removable: {\r\n          title:\r\n            \"\u0642\u062f \u064a\u0643\u0648\u0646 \u0645\u0646 \u0627\u0644\u0645\u0641\u064a\u062f \u0645\u0642\u0627\u0631\u0646\u0629 \u0627\u0644\u062a\u0642\u0648\u064a\u0645 \u0627\u0644\u0634\u0641\u0627\u0641 \u0627\u0644\u0642\u0627\u0628\u0644 \u0644\u0644\u0625\u0632\u0627\u0644\u0629 \u0628\u062a\u0642\u0648\u064a\u0645 \u0627\u0644\u0623\u0633\u0646\u0627\u0646 \u0627\u0644\u062b\u0627\u0628\u062a\",\r\n\r\n          copy:\r\n            \"\u0644\u0642\u062f \u0627\u062e\u062a\u0631\u062a \u062e\u064a\u0627\u0631\u064b\u0627 \u0642\u0627\u0628\u0644\u064b\u0627 \u0644\u0644\u0625\u0632\u0627\u0644\u0629. \u064a\u0648\u0636\u062d \u062f\u0644\u064a\u0644 \u0627\u0644\u0645\u0642\u0627\u0631\u0646\u0629 \u0644\u062f\u064a\u0646\u0627 \u0623\u0628\u0631\u0632 \u0627\u0644\u0641\u0631\u0648\u0642\u0627\u062a \u0628\u064a\u0646 \u0627\u0644\u062a\u0642\u0648\u064a\u0645 \u0627\u0644\u0634\u0641\u0627\u0641 \u0627\u0644\u0642\u0627\u0628\u0644 \u0644\u0644\u0625\u0632\u0627\u0644\u0629 \u0648\u062a\u0642\u0648\u064a\u0645 \u0627\u0644\u0623\u0633\u0646\u0627\u0646 \u0627\u0644\u062b\u0627\u0628\u062a\u060c \u0644\u062a\u062a\u0639\u0631\u0641 \u0639\u0644\u0649 \u0627\u0644\u0646\u0642\u0627\u0637 \u0627\u0644\u062a\u064a \u0642\u062f \u064a\u0643\u0648\u0646 \u0645\u0646 \u0627\u0644\u0645\u0641\u064a\u062f \u0645\u0646\u0627\u0642\u0634\u062a\u0647\u0627 \u0645\u0639 \u0627\u062e\u062a\u0635\u0627\u0635\u064a \u062a\u0642\u0648\u064a\u0645 \u0627\u0644\u0623\u0633\u0646\u0627\u0646.\",\r\n\r\n          href:\r\n            \"\/ar\/dubai\/orthodontics\/invisalign-vs-braces\/\",\r\n\r\n          link:\r\n            \"\u0642\u0627\u0631\u0646 \u0628\u064a\u0646 Invisalign \u0648\u062a\u0642\u0648\u064a\u0645 \u0627\u0644\u0623\u0633\u0646\u0627\u0646 \u0627\u0644\u062b\u0627\u0628\u062a \u2190\"\r\n        },\r\n\r\n\r\n        ceramic: {\r\n          title:\r\n            \"\u0642\u062f \u064a\u0643\u0648\u0646 \u0645\u0646 \u0627\u0644\u0645\u0641\u064a\u062f \u0627\u0644\u062a\u0639\u0631\u0651\u0641 \u0623\u0643\u062b\u0631 \u0639\u0644\u0649 \u062a\u0642\u0648\u064a\u0645 \u0627\u0644\u0623\u0633\u0646\u0627\u0646 \u0627\u0644\u062e\u0632\u0641\u064a\",\r\n\r\n          copy:\r\n            \"\u0644\u0642\u062f \u0641\u0636\u0651\u0644\u062a \u062e\u064a\u0627\u0631\u064b\u0627 \u0623\u0642\u0644 \u0638\u0647\u0648\u0631\u064b\u0627 \u0639\u0644\u0649 \u0627\u0644\u062c\u0647\u0629 \u0627\u0644\u0623\u0645\u0627\u0645\u064a\u0629 \u0645\u0646 \u0627\u0644\u0623\u0633\u0646\u0627\u0646. \u064a\u0633\u062a\u062e\u062f\u0645 \u062a\u0642\u0648\u064a\u0645 \u0627\u0644\u0623\u0633\u0646\u0627\u0646 \u0627\u0644\u062e\u0632\u0641\u064a \u062d\u0627\u0635\u0631\u0627\u062a \u0628\u0644\u0648\u0646 \u0627\u0644\u0623\u0633\u0646\u0627\u0646 \u0623\u0648 \u0634\u0641\u0627\u0641\u0629\u060c \u0644\u0630\u0644\u0643 \u0642\u062f \u064a\u0643\u0648\u0646 \u0645\u0646 \u0627\u0644\u0645\u0641\u064a\u062f \u0627\u0644\u062a\u0639\u0631\u0651\u0641 \u0639\u0644\u064a\u0647 \u0628\u0634\u0643\u0644 \u0623\u0648\u0633\u0639 \u0642\u0628\u0644 \u0645\u0646\u0627\u0642\u0634\u0629 \u062e\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0639\u0644\u0627\u062c.\",\r\n\r\n          href:\r\n            \"\/ar\/dubai\/orthodontics\/braces\/ceramic\/\",\r\n\r\n          link:\r\n            \"\u062a\u0639\u0631\u0651\u0641 \u0639\u0644\u0649 \u062a\u0642\u0648\u064a\u0645 \u0627\u0644\u0623\u0633\u0646\u0627\u0646 \u0627\u0644\u062e\u0632\u0641\u064a \u2190\"\r\n        },\r\n\r\n\r\n        lingual: {\r\n          title:\r\n            \"\u0642\u062f \u064a\u0643\u0648\u0646 \u0645\u0646 \u0627\u0644\u0645\u0641\u064a\u062f \u0627\u0644\u062a\u0639\u0631\u0651\u0641 \u0623\u0643\u062b\u0631 \u0639\u0644\u0649 \u062a\u0642\u0648\u064a\u0645 \u0627\u0644\u0623\u0633\u0646\u0627\u0646 \u0627\u0644\u0644\u0633\u0627\u0646\u064a\",\r\n\r\n          copy:\r\n            \"\u0644\u0642\u062f \u0641\u0636\u0651\u0644\u062a \u062a\u0642\u0648\u064a\u0645\u064b\u0627 \u0645\u062b\u0628\u062a\u064b\u0627 \u062e\u0644\u0641 \u0627\u0644\u0623\u0633\u0646\u0627\u0646. \u064a\u062a\u0648\u0627\u0641\u0642 \u062a\u0642\u0648\u064a\u0645 \u0627\u0644\u0623\u0633\u0646\u0627\u0646 \u0627\u0644\u0644\u0633\u0627\u0646\u064a \u0645\u0639 \u0647\u0630\u0627 \u0627\u0644\u062a\u0641\u0636\u064a\u0644\u060c \u0644\u0630\u0644\u0643 \u0642\u062f \u064a\u0643\u0648\u0646 \u0645\u0646 \u0627\u0644\u0645\u0641\u064a\u062f \u0627\u0644\u062a\u0639\u0631\u0651\u0641 \u0639\u0644\u064a\u0647 \u0642\u0628\u0644 \u0645\u0646\u0627\u0642\u0634\u0629 \u062e\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0639\u0644\u0627\u062c.\",\r\n\r\n          href:\r\n            \"\/ar\/dubai\/orthodontics\/braces\/lingual\/\",\r\n\r\n          link:\r\n            \"\u062a\u0639\u0631\u0651\u0641 \u0639\u0644\u0649 \u062a\u0642\u0648\u064a\u0645 \u0627\u0644\u0623\u0633\u0646\u0627\u0646 \u0627\u0644\u0644\u0633\u0627\u0646\u064a \u2190\"\r\n        },\r\n\r\n\r\n        metal: {\r\n          title:\r\n            \"\u0642\u062f \u064a\u0643\u0648\u0646 \u0645\u0646 \u0627\u0644\u0645\u0641\u064a\u062f \u0627\u0644\u062a\u0639\u0631\u0651\u0641 \u0623\u0643\u062b\u0631 \u0639\u0644\u0649 \u062a\u0642\u0648\u064a\u0645 \u0627\u0644\u0623\u0633\u0646\u0627\u0646 \u0627\u0644\u0645\u0639\u062f\u0646\u064a\",\r\n\r\n          copy:\r\n            \"\u0644\u0642\u062f \u0627\u062e\u062a\u0631\u062a \u062a\u0642\u0648\u064a\u0645 \u0627\u0644\u0623\u0633\u0646\u0627\u0646 \u0627\u0644\u062b\u0627\u0628\u062a \u0627\u0644\u062a\u0642\u0644\u064a\u062f\u064a \u0627\u0644\u0645\u062b\u0628\u062a \u0639\u0644\u0649 \u0627\u0644\u062c\u0647\u0629 \u0627\u0644\u0623\u0645\u0627\u0645\u064a\u0629 \u0645\u0646 \u0627\u0644\u0623\u0633\u0646\u0627\u0646. \u064a\u062a\u0648\u0627\u0641\u0642 \u062a\u0642\u0648\u064a\u0645 \u0627\u0644\u0623\u0633\u0646\u0627\u0646 \u0627\u0644\u0645\u0639\u062f\u0646\u064a \u0645\u0639 \u0647\u0630\u0627 \u0627\u0644\u062a\u0641\u0636\u064a\u0644\u060c \u0648\u0642\u062f \u064a\u0643\u0648\u0646 \u0645\u0646 \u0627\u0644\u0645\u0641\u064a\u062f \u0627\u0644\u062a\u0639\u0631\u0651\u0641 \u0639\u0644\u064a\u0647 \u0628\u0645\u0632\u064a\u062f \u0645\u0646 \u0627\u0644\u062a\u0641\u0635\u064a\u0644.\",\r\n\r\n          href:\r\n            \"\/ar\/dubai\/orthodontics\/braces\/metal\/\",\r\n\r\n          link:\r\n            \"\u062a\u0639\u0631\u0651\u0641 \u0639\u0644\u0649 \u062a\u0642\u0648\u064a\u0645 \u0627\u0644\u0623\u0633\u0646\u0627\u0646 \u0627\u0644\u0645\u0639\u062f\u0646\u064a \u2190\"\r\n        },\r\n\r\n\r\n        damon: {\r\n          title:\r\n            \"\u0642\u062f \u064a\u0643\u0648\u0646 \u0645\u0646 \u0627\u0644\u0645\u0641\u064a\u062f \u0627\u0644\u062a\u0639\u0631\u0651\u0641 \u0623\u0643\u062b\u0631 \u0639\u0644\u0649 \u062a\u0642\u0648\u064a\u0645 Damon\",\r\n\r\n          copy:\r\n            \"\u0644\u0642\u062f \u0627\u062e\u062a\u0631\u062a \u062a\u0635\u0645\u064a\u0645\u064b\u0627 \u0630\u0627\u062a\u064a \u0627\u0644\u0631\u0628\u0637 \u0644\u0644\u062d\u0627\u0635\u0631\u0627\u062a. \u064a\u064f\u0639\u062f Damon \u0623\u062d\u062f \u0623\u0645\u062b\u0644\u0629 \u0647\u0630\u0627 \u0627\u0644\u0646\u0648\u0639 \u0645\u0646 \u0627\u0644\u0623\u0646\u0638\u0645\u0629. \u0648\u0644\u0627 \u064a\u0639\u0646\u064a \u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u062d\u0627\u0635\u0631\u0627\u062a \u0628\u062d\u062f \u0630\u0627\u062a\u0647 \u0623\u0646 \u0627\u0644\u0639\u0644\u0627\u062c \u0633\u064a\u0643\u0648\u0646 \u0623\u0633\u0631\u0639 \u0623\u0648 \u0623\u0643\u062b\u0631 \u0631\u0627\u062d\u0629 \u0623\u0648 \u0623\u0643\u062b\u0631 \u0645\u0644\u0627\u0621\u0645\u0629 \u0644\u062d\u0627\u0644\u062a\u0643.\",\r\n\r\n          href:\r\n            \"\/ar\/dubai\/orthodontics\/braces\/damon\/\",\r\n\r\n          link:\r\n            \"\u062a\u0639\u0631\u0651\u0641 \u0639\u0644\u0649 \u062a\u0642\u0648\u064a\u0645 Damon \u2190\"\r\n        }\r\n\r\n      };\r\n\r\n\r\n      const routes =\r\n        isArabic\r\n          ? routesAr\r\n          : routesEn;\r\n\r\n\r\n      \/* =======================================================\r\n         SET RESULT LANGUAGE STATE\r\n         ======================================================= *\/\r\n\r\n      if (resultLabel) {\r\n        resultLabel.textContent =\r\n          isArabic\r\n            ? resultLabels.ar\r\n            : resultLabels.en;\r\n      }\r\n\r\n\r\n      if (isArabic) {\r\n\r\n        result.setAttribute(\r\n          \"dir\",\r\n          \"rtl\"\r\n        );\r\n\r\n        result.setAttribute(\r\n          \"lang\",\r\n          \"ar\"\r\n        );\r\n\r\n      } else {\r\n\r\n        result.setAttribute(\r\n          \"dir\",\r\n          \"ltr\"\r\n        );\r\n\r\n        result.setAttribute(\r\n          \"lang\",\r\n          \"en\"\r\n        );\r\n\r\n      }\r\n\r\n\r\n      \/* =======================================================\r\n         HELPERS\r\n         ======================================================= *\/\r\n\r\n      function deselectWithin(group) {\r\n\r\n        group\r\n          .querySelectorAll(\".bpe-option\")\r\n          .forEach(button => {\r\n\r\n            button.classList.remove(\r\n              \"is-selected\"\r\n            );\r\n\r\n          });\r\n\r\n      }\r\n\r\n\r\n      function hideResult() {\r\n\r\n        result.classList.remove(\r\n          \"is-visible\"\r\n        );\r\n\r\n      }\r\n\r\n\r\n      function showResult(key) {\r\n\r\n        const route = routes[key];\r\n\r\n        if (!route) return;\r\n\r\n\r\n        resultTitle.textContent =\r\n          route.title;\r\n\r\n        resultCopy.textContent =\r\n          route.copy;\r\n\r\n        resultLink.href =\r\n          route.href;\r\n\r\n        resultLink.textContent =\r\n          route.link;\r\n\r\n        result.classList.add(\r\n          \"is-visible\"\r\n        );\r\n\r\n      }\r\n\r\n\r\n      \/* =======================================================\r\n         QUESTION 1\r\n         ======================================================= *\/\r\n\r\n      q1\r\n        .querySelectorAll(\".bpe-option\")\r\n        .forEach(button => {\r\n\r\n          button.addEventListener(\r\n            \"click\",\r\n            () => {\r\n\r\n              deselectWithin(q1);\r\n              deselectWithin(q2);\r\n              deselectWithin(q3Visibility);\r\n              deselectWithin(q3System);\r\n\r\n              button.classList.add(\r\n                \"is-selected\"\r\n              );\r\n\r\n\r\n              q2.classList.remove(\r\n                \"is-active\"\r\n              );\r\n\r\n              q3Visibility.classList.remove(\r\n                \"is-active\"\r\n              );\r\n\r\n              q3System.classList.remove(\r\n                \"is-active\"\r\n              );\r\n\r\n              hideResult();\r\n\r\n\r\n              if (\r\n                button.dataset.answer ===\r\n                \"removable\"\r\n              ) {\r\n\r\n                showResult(\r\n                  \"removable\"\r\n                );\r\n\r\n              } else {\r\n\r\n                q2.classList.add(\r\n                  \"is-active\"\r\n                );\r\n\r\n              }\r\n\r\n            }\r\n          );\r\n\r\n        });\r\n\r\n\r\n      \/* =======================================================\r\n         QUESTION 2\r\n         ======================================================= *\/\r\n\r\n      q2\r\n        .querySelectorAll(\".bpe-option\")\r\n        .forEach(button => {\r\n\r\n          button.addEventListener(\r\n            \"click\",\r\n            () => {\r\n\r\n              deselectWithin(q2);\r\n              deselectWithin(q3Visibility);\r\n              deselectWithin(q3System);\r\n\r\n              button.classList.add(\r\n                \"is-selected\"\r\n              );\r\n\r\n\r\n              q3Visibility.classList.remove(\r\n                \"is-active\"\r\n              );\r\n\r\n              q3System.classList.remove(\r\n                \"is-active\"\r\n              );\r\n\r\n              hideResult();\r\n\r\n\r\n              if (\r\n                button.dataset.answer ===\r\n                \"less-visible\"\r\n              ) {\r\n\r\n                q3Visibility.classList.add(\r\n                  \"is-active\"\r\n                );\r\n\r\n              } else {\r\n\r\n                q3System.classList.add(\r\n                  \"is-active\"\r\n                );\r\n\r\n              }\r\n\r\n            }\r\n          );\r\n\r\n        });\r\n\r\n\r\n      \/* =======================================================\r\n         QUESTION 3 RESULTS\r\n         ======================================================= *\/\r\n\r\n      [\r\n        q3Visibility,\r\n        q3System\r\n      ].forEach(group => {\r\n\r\n        group\r\n          .querySelectorAll(\".bpe-option\")\r\n          .forEach(button => {\r\n\r\n            button.addEventListener(\r\n              \"click\",\r\n              () => {\r\n\r\n                deselectWithin(group);\r\n\r\n                button.classList.add(\r\n                  \"is-selected\"\r\n                );\r\n\r\n                showResult(\r\n                  button.dataset.answer\r\n                );\r\n\r\n              }\r\n            );\r\n\r\n          });\r\n\r\n      });\r\n\r\n\r\n      \/* =======================================================\r\n         RESET\r\n         ======================================================= *\/\r\n\r\n      resetButton.addEventListener(\r\n        \"click\",\r\n        () => {\r\n\r\n          [\r\n            q1,\r\n            q2,\r\n            q3Visibility,\r\n            q3System\r\n          ].forEach(group => {\r\n\r\n            deselectWithin(group);\r\n\r\n          });\r\n\r\n\r\n          q2.classList.remove(\r\n            \"is-active\"\r\n          );\r\n\r\n          q3Visibility.classList.remove(\r\n            \"is-active\"\r\n          );\r\n\r\n          q3System.classList.remove(\r\n            \"is-active\"\r\n          );\r\n\r\n          hideResult();\r\n\r\n\r\n          q1.classList.add(\r\n            \"is-active\"\r\n          );\r\n\r\n\r\n          q1.scrollIntoView({\r\n            behavior:\r\n              window.matchMedia(\r\n                \"(prefers-reduced-motion: reduce)\"\r\n              ).matches\r\n                ? \"auto\"\r\n                : \"smooth\",\r\n\r\n            block: \"center\"\r\n          });\r\n\r\n        }\r\n      );\r\n\r\n    })();\r\n  <\/script>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7f3ecb6 elementor-widget elementor-widget-html\" data-id=\"7f3ecb6\" 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<section\r\n  id=\"braces-treatment-journey\"\r\n  class=\"lq lq-section\"\r\n  dir=\"auto\"\r\n  aria-labelledby=\"braces-treatment-journey-title\"\r\n>\r\n  <style>\r\n    \/* =========================================================\r\n       WHAT BRACES TREATMENT USUALLY INVOLVES\r\n       ========================================================= *\/\r\n\r\n    #braces-treatment-journey {\r\n      background: #fff;\r\n      padding: 56px 20px;\r\n    }\r\n\r\n    #braces-treatment-journey .btj-inner {\r\n      max-width: 1040px;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    \/* =========================================================\r\n       HEADER\r\n       ========================================================= *\/\r\n\r\n    #braces-treatment-journey .btj-header {\r\n      max-width: 760px;\r\n      margin: 0 auto 30px;\r\n      text-align: center;\r\n    }\r\n\r\n    #braces-treatment-journey h2 {\r\n      position: relative;\r\n      display: inline-block;\r\n\r\n      margin: 0 0 20px;\r\n      padding-bottom: 11px;\r\n\r\n      color: #1b1b1b;\r\n\r\n      font-size: clamp(28px, 3.2vw, 36px);\r\n      line-height: 1.25;\r\n      font-weight: 700;\r\n    }\r\n\r\n    #braces-treatment-journey h2::after {\r\n      content: \"\";\r\n\r\n      position: absolute;\r\n      left: 50%;\r\n      bottom: 0;\r\n\r\n      transform: translateX(-50%);\r\n\r\n      width: 76px;\r\n      height: 3px;\r\n\r\n      border-radius: 4px;\r\n\r\n      background:\r\n        linear-gradient(\r\n          90deg,\r\n          #ff7a00,\r\n          #ff9c52,\r\n          #ff5fa2\r\n        );\r\n    }\r\n\r\n    #braces-treatment-journey .btj-intro {\r\n      margin: 0;\r\n\r\n      color: #475467;\r\n\r\n      font-size: 16px;\r\n      line-height: 1.72;\r\n    }\r\n\r\n    \/* =========================================================\r\n       JOURNEY\r\n       ========================================================= *\/\r\n\r\n    #braces-treatment-journey .btj-grid {\r\n      display: grid;\r\n\r\n      grid-template-columns:\r\n        repeat(3, minmax(0, 1fr));\r\n\r\n      gap: 16px;\r\n\r\n      counter-reset: btj-step;\r\n    }\r\n\r\n    #braces-treatment-journey .btj-card {\r\n      position: relative;\r\n\r\n      padding: 22px 20px;\r\n\r\n      background: #fafafa;\r\n\r\n      border: 1px solid #e7e7e7;\r\n      border-radius: 16px;\r\n\r\n      counter-increment: btj-step;\r\n    }\r\n\r\n    #braces-treatment-journey .btj-step {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n\r\n      min-width: 34px;\r\n      height: 34px;\r\n\r\n      margin-bottom: 12px;\r\n      padding: 0 10px;\r\n\r\n      background: #fff4ea;\r\n\r\n      border-radius: 999px;\r\n\r\n      color: #a94e00;\r\n\r\n      font-size: 13px;\r\n      font-weight: 700;\r\n    }\r\n\r\n    #braces-treatment-journey .btj-step::before {\r\n      content: counter(btj-step);\r\n    }\r\n\r\n    #braces-treatment-journey h3 {\r\n      margin: 0 0 10px;\r\n\r\n      color: #1b1b1b;\r\n\r\n      font-size: 19px;\r\n      line-height: 1.35;\r\n      font-weight: 700;\r\n    }\r\n\r\n    #braces-treatment-journey .btj-card p {\r\n      margin: 0;\r\n\r\n      color: #475467;\r\n\r\n      font-size: 15px;\r\n      line-height: 1.7;\r\n\r\n      text-indent: 0;\r\n    }\r\n\r\n    \/* =========================================================\r\n       RETAINER LINK\r\n       ========================================================= *\/\r\n\r\n    #braces-treatment-journey .btj-link,\r\n    #braces-treatment-journey .btj-link:link,\r\n    #braces-treatment-journey .btj-link:visited {\r\n      display: inline-flex;\r\n\r\n      margin-top: 11px;\r\n\r\n      color: #ff7a00 !important;\r\n\r\n      font-size: 14px;\r\n      line-height: 1.45;\r\n      font-weight: 700;\r\n\r\n      text-decoration: none !important;\r\n    }\r\n\r\n    #braces-treatment-journey .btj-link:hover,\r\n    #braces-treatment-journey .btj-link:focus-visible {\r\n      text-decoration: underline !important;\r\n    }\r\n\r\n    \/* =========================================================\r\n       CITATIONS\r\n       ========================================================= *\/\r\n\r\n    #braces-treatment-journey .braces-cite {\r\n      white-space: nowrap;\r\n\r\n      margin-inline-start: 2px;\r\n\r\n      font-size: .82em;\r\n\r\n      vertical-align: super;\r\n    }\r\n\r\n    #braces-treatment-journey .braces-cite a {\r\n      color: #ff7a00 !important;\r\n\r\n      font-weight: 700;\r\n\r\n      text-decoration: none !important;\r\n    }\r\n\r\n    #braces-treatment-journey .braces-cite a:hover,\r\n    #braces-treatment-journey .braces-cite a:focus {\r\n      text-decoration: underline !important;\r\n    }\r\n\r\n    \/* =========================================================\r\n       MOBILE\r\n       ========================================================= *\/\r\n\r\n    @media (max-width: 850px) {\r\n\r\n      #braces-treatment-journey .btj-grid {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n\r\n      #braces-treatment-journey {\r\n        padding: 34px 8px !important;\r\n      }\r\n\r\n      #braces-treatment-journey .btj-header {\r\n        margin-bottom: 22px;\r\n        text-align: start;\r\n      }\r\n\r\n      #braces-treatment-journey h2::after {\r\n        left: 0;\r\n        transform: none;\r\n      }\r\n\r\n      #braces-treatment-journey .btj-grid {\r\n        gap: 12px;\r\n      }\r\n\r\n      #braces-treatment-journey .btj-card {\r\n        padding: 17px 15px;\r\n      }\r\n\r\n    }\r\n\r\n    \/* =========================================================\r\n       RTL READY\r\n       ========================================================= *\/\r\n\r\n    html[dir=\"rtl\"] #braces-treatment-journey,\r\n    html[lang|=\"ar\"] #braces-treatment-journey {\r\n      direction: rtl;\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n\r\n      html[dir=\"rtl\"] #braces-treatment-journey h2::after,\r\n      html[lang|=\"ar\"] #braces-treatment-journey h2::after {\r\n        left: auto;\r\n        right: 0;\r\n      }\r\n\r\n    }\r\n  <\/style>\r\n\r\n\r\n  <div class=\"btj-inner\">\r\n\r\n    <header class=\"btj-header\">\r\n\r\n      <h2 id=\"braces-treatment-journey-title\">\r\n        What Braces Treatment Usually Involves\r\n      <\/h2>\r\n\r\n      <p class=\"btj-intro\">\r\n        The details vary from person to person, but fixed-braces treatment\r\n        usually follows three broad stages: planning the treatment, actively\r\n        moving the teeth, and then keeping the result stable with retainers.\r\n      <\/p>\r\n\r\n    <\/header>\r\n\r\n\r\n    <div class=\"btj-grid\">\r\n\r\n      <!-- =====================================================\r\n           STEP 1\r\n           ===================================================== -->\r\n\r\n      <article class=\"btj-card\">\r\n\r\n        <span class=\"btj-step\" aria-label=\"Step 1\"><\/span>\r\n\r\n        <h3>\r\n          Assessment and treatment planning\r\n        <\/h3>\r\n\r\n        <p>\r\n          Treatment starts with an assessment of your teeth, bite,\r\n          oral health and treatment goals. Depending on what needs to\r\n          be diagnosed and planned, the orthodontist may use photographs,\r\n          dental models or scans, and X-rays when they are clinically\r\n          justified.\r\n\r\n          <span\r\n            class=\"braces-cite\"\r\n            aria-label=\"Reference 5\"\r\n          >\r\n            [<a href=\"#braces-ref-5\">5<\/a>]\r\n          <\/span>\r\n        <\/p>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- =====================================================\r\n           STEP 2\r\n           ===================================================== -->\r\n\r\n      <article class=\"btj-card\">\r\n\r\n        <span class=\"btj-step\" aria-label=\"Step 2\"><\/span>\r\n\r\n        <h3>\r\n          Fitting, treatment and monitoring\r\n        <\/h3>\r\n\r\n        <p>\r\n          The brackets are attached to the teeth and the wire is placed.\r\n          During treatment, review visits allow the treating team to see\r\n          how your teeth and bite are responding and to change wires,\r\n          elastics or other treatment components when needed. There is\r\n          no single visit interval that applies to everyone.\r\n\r\n          <span\r\n            class=\"braces-cite\"\r\n            aria-label=\"Reference 6\"\r\n          >\r\n            [<a href=\"#braces-ref-6\">6<\/a>]\r\n          <\/span>\r\n        <\/p>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- =====================================================\r\n           STEP 3\r\n           ===================================================== -->\r\n\r\n      <article class=\"btj-card\">\r\n\r\n        <span class=\"btj-step\" aria-label=\"Step 3\"><\/span>\r\n\r\n        <h3>\r\n          Braces removal and retainers\r\n        <\/h3>\r\n\r\n        <p>\r\n          When active tooth movement is complete, the braces are removed\r\n          and the retention phase begins. Retainers help maintain the\r\n          corrected tooth positions. The type of retainer, how often it\r\n          is worn and the follow-up plan should be individualized.\r\n\r\n          <span\r\n            class=\"braces-cite\"\r\n            aria-label=\"Reference 7\"\r\n          >\r\n            [<a href=\"#braces-ref-7\">7<\/a>]\r\n          <\/span>\r\n        <\/p>\r\n\r\n        <a\r\n          class=\"btj-link\"\r\n          href=\"\/dubai\/orthodontics\/retainers\/\"\r\n        >\r\n          Learn about retainers after orthodontic treatment \u2192\r\n        <\/a>\r\n\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1d784ac elementor-widget elementor-widget-html\" data-id=\"1d784ac\" 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<section\r\n  id=\"braces-daily-life\"\r\n  class=\"lq lq-section\"\r\n  dir=\"auto\"\r\n  aria-labelledby=\"braces-daily-life-title\"\r\n>\r\n  <style>\r\n    \/* =========================================================\r\n       LIVING WITH BRACES\r\n       ========================================================= *\/\r\n\r\n    #braces-daily-life {\r\n      background: #fafafa;\r\n      padding: 56px 20px;\r\n    }\r\n\r\n    #braces-daily-life .bdl-inner {\r\n      max-width: 1040px;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    \/* =========================================================\r\n       HEADER\r\n       ========================================================= *\/\r\n\r\n    #braces-daily-life .bdl-header {\r\n      max-width: 760px;\r\n      margin: 0 auto 30px;\r\n      text-align: center;\r\n    }\r\n\r\n    #braces-daily-life h2 {\r\n      position: relative;\r\n      display: inline-block;\r\n\r\n      margin: 0 0 20px;\r\n      padding-bottom: 11px;\r\n\r\n      color: #1b1b1b;\r\n\r\n      font-size: clamp(28px, 3.2vw, 36px);\r\n      line-height: 1.25;\r\n      font-weight: 700;\r\n    }\r\n\r\n    #braces-daily-life h2::after {\r\n      content: \"\";\r\n\r\n      position: absolute;\r\n      left: 50%;\r\n      bottom: 0;\r\n\r\n      transform: translateX(-50%);\r\n\r\n      width: 76px;\r\n      height: 3px;\r\n\r\n      border-radius: 4px;\r\n\r\n      background:\r\n        linear-gradient(\r\n          90deg,\r\n          #ff7a00,\r\n          #ff9c52,\r\n          #ff5fa2\r\n        );\r\n    }\r\n\r\n    #braces-daily-life .bdl-intro {\r\n      margin: 0;\r\n\r\n      color: #475467;\r\n\r\n      font-size: 16px;\r\n      line-height: 1.72;\r\n    }\r\n\r\n    \/* =========================================================\r\n       GRID\r\n       ========================================================= *\/\r\n\r\n    #braces-daily-life .bdl-grid {\r\n      display: grid;\r\n\r\n      grid-template-columns:\r\n        repeat(3, minmax(0, 1fr));\r\n\r\n      gap: 16px;\r\n    }\r\n\r\n    #braces-daily-life .bdl-card {\r\n      padding: 21px 20px;\r\n\r\n      background: #fff;\r\n\r\n      border: 1px solid #e7e7e7;\r\n      border-radius: 16px;\r\n\r\n      box-shadow:\r\n        0 5px 18px\r\n        rgba(0, 0, 0, .035);\r\n    }\r\n\r\n    #braces-daily-life .bdl-label {\r\n      display: inline-flex;\r\n\r\n      margin-bottom: 10px;\r\n      padding: 5px 9px;\r\n\r\n      background: #fff4ea;\r\n\r\n      border-radius: 999px;\r\n\r\n      color: #a94e00;\r\n\r\n      font-size: 12px;\r\n      line-height: 1.4;\r\n      font-weight: 700;\r\n    }\r\n\r\n    #braces-daily-life h3 {\r\n      margin: 0 0 10px;\r\n\r\n      color: #1b1b1b;\r\n\r\n      font-size: 19px;\r\n      line-height: 1.35;\r\n      font-weight: 700;\r\n    }\r\n\r\n    #braces-daily-life .bdl-card p {\r\n      margin: 0;\r\n\r\n      color: #475467;\r\n\r\n      font-size: 15px;\r\n      line-height: 1.7;\r\n\r\n      text-indent: 0;\r\n    }\r\n\r\n    \/* =========================================================\r\n       SAFETY NOTE\r\n       ========================================================= *\/\r\n\r\n    #braces-daily-life .bdl-safety {\r\n      margin-top: 18px;\r\n      padding: 17px 18px;\r\n\r\n      background: #fff8f2;\r\n\r\n      border: 1px solid rgba(255, 122, 0, .20);\r\n      border-radius: 14px;\r\n    }\r\n\r\n    #braces-daily-life .bdl-safety strong {\r\n      display: block;\r\n\r\n      margin-bottom: 5px;\r\n\r\n      color: #2d2119;\r\n    }\r\n\r\n    #braces-daily-life .bdl-safety p {\r\n      margin: 0;\r\n\r\n      color: #49301d;\r\n\r\n      font-size: 14px;\r\n      line-height: 1.68;\r\n    }\r\n\r\n    \/* =========================================================\r\n       CITATIONS\r\n       ========================================================= *\/\r\n\r\n    #braces-daily-life .braces-cite {\r\n      white-space: nowrap;\r\n\r\n      margin-inline-start: 2px;\r\n\r\n      font-size: .82em;\r\n\r\n      vertical-align: super;\r\n    }\r\n\r\n    #braces-daily-life .braces-cite a {\r\n      color: #ff7a00 !important;\r\n\r\n      font-weight: 700;\r\n\r\n      text-decoration: none !important;\r\n    }\r\n\r\n    #braces-daily-life .braces-cite a:hover,\r\n    #braces-daily-life .braces-cite a:focus {\r\n      text-decoration: underline !important;\r\n    }\r\n\r\n    \/* =========================================================\r\n       TABLET\r\n       ========================================================= *\/\r\n\r\n    @media (max-width: 900px) {\r\n\r\n      #braces-daily-life .bdl-grid {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n    }\r\n\r\n    \/* =========================================================\r\n       MOBILE\r\n       ========================================================= *\/\r\n\r\n    @media (max-width: 768px) {\r\n\r\n      #braces-daily-life {\r\n        padding: 34px 8px !important;\r\n      }\r\n\r\n      #braces-daily-life .bdl-header {\r\n        margin-bottom: 22px;\r\n        text-align: start;\r\n      }\r\n\r\n      #braces-daily-life h2::after {\r\n        left: 0;\r\n        transform: none;\r\n      }\r\n\r\n      #braces-daily-life .bdl-grid {\r\n        gap: 12px;\r\n      }\r\n\r\n      #braces-daily-life .bdl-card {\r\n        padding: 17px 15px;\r\n      }\r\n\r\n      #braces-daily-life .bdl-safety {\r\n        padding: 15px;\r\n      }\r\n\r\n    }\r\n\r\n    \/* =========================================================\r\n       RTL READY\r\n       ========================================================= *\/\r\n\r\n    html[dir=\"rtl\"] #braces-daily-life,\r\n    html[lang|=\"ar\"] #braces-daily-life {\r\n      direction: rtl;\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n\r\n      html[dir=\"rtl\"] #braces-daily-life h2::after,\r\n      html[lang|=\"ar\"] #braces-daily-life h2::after {\r\n        left: auto;\r\n        right: 0;\r\n      }\r\n\r\n    }\r\n\r\n  <\/style>\r\n\r\n\r\n  <div class=\"bdl-inner\">\r\n\r\n    <header class=\"bdl-header\">\r\n\r\n      <h2 id=\"braces-daily-life-title\">\r\n        Living With Braces\r\n      <\/h2>\r\n\r\n      <p class=\"bdl-intro\">\r\n        Most day-to-day changes with braces come down to protecting the\r\n        appliance, keeping the teeth and gums clean, and knowing when a\r\n        problem needs advice from your treating team.\r\n      <\/p>\r\n\r\n    <\/header>\r\n\r\n\r\n    <div class=\"bdl-grid\">\r\n\r\n      <!-- =====================================================\r\n           EATING\r\n           ===================================================== -->\r\n\r\n      <article class=\"bdl-card\">\r\n\r\n        <span class=\"bdl-label\">\r\n          Eating\r\n        <\/span>\r\n\r\n        <h3>\r\n          Avoid damaging the brackets and wires\r\n        <\/h3>\r\n\r\n        <p>\r\n          Some hard or sticky foods and certain biting habits can damage\r\n          brackets or wires. You may therefore need to change how you eat\r\n          some foods during treatment. Follow the instructions given for\r\n          your particular braces rather than relying on one universal\r\n          list of foods to avoid.\r\n\r\n          <span\r\n            class=\"braces-cite\"\r\n            aria-label=\"Reference 8\"\r\n          >\r\n            [<a href=\"#braces-ref-8\">8<\/a>]\r\n          <\/span>\r\n        <\/p>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- =====================================================\r\n           CLEANING\r\n           ===================================================== -->\r\n\r\n      <article class=\"bdl-card\">\r\n\r\n        <span class=\"bdl-label\">\r\n          Cleaning\r\n        <\/span>\r\n\r\n        <h3>\r\n          Cleaning takes a little more care\r\n        <\/h3>\r\n\r\n        <p>\r\n          Brackets and wires create extra areas where plaque can collect,\r\n          so brushing and cleaning around the appliance requires additional\r\n          care. Poor oral hygiene during orthodontic treatment can contribute\r\n          to tooth damage and gum inflammation, which is why cleaning support\r\n          is an important part of braces treatment.\r\n\r\n          <span\r\n            class=\"braces-cite\"\r\n            aria-label=\"Reference 8\"\r\n          >\r\n            [<a href=\"#braces-ref-8\">8<\/a>]\r\n          <\/span>\r\n        <\/p>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- =====================================================\r\n           SORENESS \/ PROBLEMS\r\n           ===================================================== -->\r\n\r\n      <article class=\"bdl-card\">\r\n\r\n        <span class=\"bdl-label\">\r\n          Between visits\r\n        <\/span>\r\n\r\n        <h3>\r\n          Some soreness can happen \u2014 but know when to call\r\n        <\/h3>\r\n\r\n        <p>\r\n          Temporary soreness or irritation of the lips and cheeks can\r\n          occur after braces are fitted or adjusted. If a bracket becomes\r\n          loose, a wire is causing significant irritation, or pain or\r\n          irritation is severe or persistent, contact the treating team\r\n          for advice. Do not attempt a repair unless they have advised you\r\n          what to do.\r\n\r\n          <span\r\n            class=\"braces-cite\"\r\n            aria-label=\"Reference 9\"\r\n          >\r\n            [<a href=\"#braces-ref-9\">9<\/a>]\r\n          <\/span>\r\n        <\/p>\r\n\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"bdl-safety\">\r\n\r\n      <strong>\r\n        Risks should be explained before treatment\r\n      <\/strong>\r\n\r\n      <p>\r\n        Fixed orthodontic treatment can also have adverse effects involving\r\n        the teeth or supporting tissues. Your treating clinician should\r\n        explain the risks that are relevant to your individual case as part\r\n        of treatment planning and consent.\r\n\r\n        <span\r\n          class=\"braces-cite\"\r\n          aria-label=\"Reference 9\"\r\n        >\r\n          [<a href=\"#braces-ref-9\">9<\/a>]\r\n        <\/span>\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a839bf2 elementor-widget elementor-widget-html\" data-id=\"a839bf2\" 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<section\r\n  id=\"braces-duration\"\r\n  class=\"lq lq-section\"\r\n  dir=\"auto\"\r\n  aria-labelledby=\"braces-duration-title\"\r\n>\r\n  <style>\r\n    \/* =========================================================\r\n       HOW LONG DOES BRACES TREATMENT TAKE?\r\n       ========================================================= *\/\r\n\r\n    #braces-duration {\r\n      background: #fff;\r\n      padding: 54px 20px;\r\n    }\r\n\r\n    #braces-duration .braces-duration-inner {\r\n      max-width: 860px;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    #braces-duration .braces-duration-card {\r\n      padding: 28px 30px;\r\n\r\n      background: #fafafa;\r\n\r\n      border: 1px solid #e7e7e7;\r\n      border-radius: 18px;\r\n\r\n      text-align: center;\r\n\r\n      box-shadow:\r\n        0 5px 18px\r\n        rgba(0, 0, 0, .035);\r\n    }\r\n\r\n    #braces-duration h2 {\r\n      position: relative;\r\n      display: inline-block;\r\n\r\n      margin: 0 0 20px;\r\n      padding-bottom: 11px;\r\n\r\n      color: #1b1b1b;\r\n\r\n      font-size: clamp(28px, 3.2vw, 36px);\r\n      line-height: 1.25;\r\n      font-weight: 700;\r\n    }\r\n\r\n    #braces-duration h2::after {\r\n      content: \"\";\r\n\r\n      position: absolute;\r\n\r\n      left: 50%;\r\n      bottom: 0;\r\n\r\n      transform: translateX(-50%);\r\n\r\n      width: 76px;\r\n      height: 3px;\r\n\r\n      border-radius: 4px;\r\n\r\n      background:\r\n        linear-gradient(\r\n          90deg,\r\n          #ff7a00,\r\n          #ff9c52,\r\n          #ff5fa2\r\n        );\r\n    }\r\n\r\n    #braces-duration .braces-duration-answer {\r\n      max-width: 700px;\r\n      margin: 0 auto 13px;\r\n\r\n      color: #1b1b1b;\r\n\r\n      font-size: 18px;\r\n      line-height: 1.6;\r\n      font-weight: 700;\r\n    }\r\n\r\n    #braces-duration .braces-duration-detail {\r\n      max-width: 700px;\r\n      margin: 0 auto;\r\n\r\n      color: #475467;\r\n\r\n      font-size: 16px;\r\n      line-height: 1.75;\r\n\r\n      text-indent: 0;\r\n    }\r\n\r\n    #braces-duration .braces-cite {\r\n      white-space: nowrap;\r\n\r\n      margin-inline-start: 2px;\r\n\r\n      font-size: .82em;\r\n\r\n      vertical-align: super;\r\n    }\r\n\r\n    #braces-duration .braces-cite a {\r\n      color: #ff7a00 !important;\r\n\r\n      font-weight: 700;\r\n\r\n      text-decoration: none !important;\r\n    }\r\n\r\n    #braces-duration .braces-cite a:hover,\r\n    #braces-duration .braces-cite a:focus {\r\n      text-decoration: underline !important;\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n\r\n      #braces-duration {\r\n        padding: 34px 8px !important;\r\n      }\r\n\r\n      #braces-duration .braces-duration-card {\r\n        padding: 20px 15px;\r\n        text-align: start;\r\n      }\r\n\r\n      #braces-duration h2::after {\r\n        left: 0;\r\n        transform: none;\r\n      }\r\n\r\n      #braces-duration .braces-duration-answer,\r\n      #braces-duration .braces-duration-detail {\r\n        margin-left: 0;\r\n        margin-right: 0;\r\n      }\r\n\r\n    }\r\n\r\n    html[dir=\"rtl\"] #braces-duration,\r\n    html[lang|=\"ar\"] #braces-duration {\r\n      direction: rtl;\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n\r\n      html[dir=\"rtl\"] #braces-duration h2::after,\r\n      html[lang|=\"ar\"] #braces-duration h2::after {\r\n        left: auto;\r\n        right: 0;\r\n      }\r\n\r\n    }\r\n\r\n  <\/style>\r\n\r\n\r\n  <div class=\"braces-duration-inner\">\r\n\r\n    <div class=\"braces-duration-card\">\r\n\r\n      <h2 id=\"braces-duration-title\">\r\n        How Long Does Braces Treatment Take?\r\n      <\/h2>\r\n\r\n      <p class=\"braces-duration-answer\">\r\n        There is no single braces treatment time that applies to everyone.\r\n      <\/p>\r\n\r\n      <p class=\"braces-duration-detail\">\r\n        Treatment can take substantially different amounts of time depending\r\n        on what needs to be corrected and how treatment progresses. Your\r\n        orthodontist should give you an estimate for your own treatment plan\r\n        and explain what could make that estimate change.\r\n\r\n        <span\r\n          class=\"braces-cite\"\r\n          aria-label=\"Reference 10\"\r\n        >\r\n          [<a href=\"#braces-ref-10\">10<\/a>]\r\n        <\/span>\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d55f590 elementor-widget elementor-widget-html\" data-id=\"d55f590\" 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<section\r\n  id=\"braces-cost-route\"\r\n  class=\"lq lq-section\"\r\n  dir=\"auto\"\r\n  aria-labelledby=\"braces-cost-route-title\"\r\n>\r\n  <style>\r\n    \/* =========================================================\r\n       BRACES COST IN DUBAI\r\n       ========================================================= *\/\r\n\r\n    #braces-cost-route {\r\n      background: #fafafa;\r\n      padding: 48px 20px;\r\n    }\r\n\r\n    #braces-cost-route .bcr-inner {\r\n      max-width: 860px;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    #braces-cost-route .bcr-card {\r\n      padding: 26px 28px;\r\n\r\n      background: #fff;\r\n\r\n      border: 1px solid #e7e7e7;\r\n      border-radius: 18px;\r\n\r\n      text-align: center;\r\n\r\n      box-shadow:\r\n        0 5px 18px\r\n        rgba(0, 0, 0, .035);\r\n    }\r\n\r\n    #braces-cost-route h2 {\r\n      position: relative;\r\n      display: inline-block;\r\n\r\n      margin: 0 0 18px;\r\n      padding-bottom: 11px;\r\n\r\n      color: #1b1b1b;\r\n\r\n      font-size: clamp(28px, 3.2vw, 36px);\r\n      line-height: 1.25;\r\n      font-weight: 700;\r\n    }\r\n\r\n    #braces-cost-route h2::after {\r\n      content: \"\";\r\n\r\n      position: absolute;\r\n      left: 50%;\r\n      bottom: 0;\r\n\r\n      transform: translateX(-50%);\r\n\r\n      width: 76px;\r\n      height: 3px;\r\n\r\n      border-radius: 4px;\r\n\r\n      background:\r\n        linear-gradient(\r\n          90deg,\r\n          #ff7a00,\r\n          #ff9c52,\r\n          #ff5fa2\r\n        );\r\n    }\r\n\r\n    #braces-cost-route p {\r\n      max-width: 690px;\r\n\r\n      margin: 0 auto;\r\n\r\n      color: #475467;\r\n\r\n      font-size: 16px;\r\n      line-height: 1.72;\r\n    }\r\n\r\n    #braces-cost-route .bcr-link,\r\n    #braces-cost-route .bcr-link:link,\r\n    #braces-cost-route .bcr-link:visited {\r\n      display: inline-flex;\r\n\r\n      margin-top: 16px;\r\n      padding: 11px 16px;\r\n\r\n      background: #fff8f2;\r\n\r\n      border: 1px solid rgba(255, 122, 0, .24);\r\n      border-radius: 11px;\r\n\r\n      color: #d65f00 !important;\r\n\r\n      font-size: 15px;\r\n      line-height: 1.4;\r\n      font-weight: 700;\r\n\r\n      text-decoration: none !important;\r\n    }\r\n\r\n    #braces-cost-route .bcr-link:hover,\r\n    #braces-cost-route .bcr-link:focus-visible {\r\n      background: #fff3e8;\r\n\r\n      text-decoration: none !important;\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n\r\n      #braces-cost-route {\r\n        padding: 34px 8px !important;\r\n      }\r\n\r\n      #braces-cost-route .bcr-card {\r\n        padding: 20px 15px;\r\n        text-align: start;\r\n      }\r\n\r\n      #braces-cost-route h2::after {\r\n        left: 0;\r\n        transform: none;\r\n      }\r\n\r\n      #braces-cost-route p {\r\n        margin: 0;\r\n      }\r\n\r\n    }\r\n\r\n    html[dir=\"rtl\"] #braces-cost-route,\r\n    html[lang|=\"ar\"] #braces-cost-route {\r\n      direction: rtl;\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n\r\n      html[dir=\"rtl\"] #braces-cost-route h2::after,\r\n      html[lang|=\"ar\"] #braces-cost-route h2::after {\r\n        left: auto;\r\n        right: 0;\r\n      }\r\n\r\n    }\r\n\r\n  <\/style>\r\n\r\n\r\n  <div class=\"bcr-inner\">\r\n\r\n    <div class=\"bcr-card\">\r\n\r\n      <h2 id=\"braces-cost-route-title\">\r\n        Braces Cost in Dubai\r\n      <\/h2>\r\n\r\n      <p>\r\n        Braces prices in Dubai can vary depending on the type of braces,\r\n        the treatment needed and what is included in the quote. For current\r\n        price guidance, use our dedicated braces cost guide.\r\n      <\/p>\r\n\r\n      <a\r\n        class=\"bcr-link\"\r\n        href=\"\/dubai\/orthodontics\/braces\/cost\/\"\r\n      >\r\n        See braces cost guidance in Dubai \u2192\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-13212de elementor-widget elementor-widget-html\" data-id=\"13212de\" 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<section\r\n  id=\"braces-vs-invisalign-route\"\r\n  class=\"lq lq-section\"\r\n  dir=\"auto\"\r\n  aria-labelledby=\"braces-vs-invisalign-title\"\r\n>\r\n  <style>\r\n    \/* =========================================================\r\n       BRACES VS INVISALIGN: WHERE TO COMPARE\r\n       ========================================================= *\/\r\n\r\n    #braces-vs-invisalign-route {\r\n      background: #fff;\r\n      padding: 48px 20px;\r\n    }\r\n\r\n    #braces-vs-invisalign-route .bvi-inner {\r\n      max-width: 860px;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    #braces-vs-invisalign-route .bvi-card {\r\n      padding: 26px 28px;\r\n\r\n      background: #fafafa;\r\n\r\n      border: 1px solid #e7e7e7;\r\n      border-radius: 18px;\r\n\r\n      text-align: center;\r\n\r\n      box-shadow:\r\n        0 5px 18px\r\n        rgba(0, 0, 0, .035);\r\n    }\r\n\r\n    #braces-vs-invisalign-route h2 {\r\n      position: relative;\r\n      display: inline-block;\r\n\r\n      margin: 0 0 18px;\r\n      padding-bottom: 11px;\r\n\r\n      color: #1b1b1b;\r\n\r\n      font-size: clamp(28px, 3.2vw, 36px);\r\n      line-height: 1.25;\r\n      font-weight: 700;\r\n    }\r\n\r\n    #braces-vs-invisalign-route h2::after {\r\n      content: \"\";\r\n\r\n      position: absolute;\r\n      left: 50%;\r\n      bottom: 0;\r\n\r\n      transform: translateX(-50%);\r\n\r\n      width: 76px;\r\n      height: 3px;\r\n\r\n      border-radius: 4px;\r\n\r\n      background:\r\n        linear-gradient(\r\n          90deg,\r\n          #ff7a00,\r\n          #ff9c52,\r\n          #ff5fa2\r\n        );\r\n    }\r\n\r\n    #braces-vs-invisalign-route p {\r\n      max-width: 700px;\r\n      margin: 0 auto;\r\n\r\n      color: #475467;\r\n\r\n      font-size: 16px;\r\n      line-height: 1.72;\r\n    }\r\n\r\n    #braces-vs-invisalign-route .bvi-link,\r\n    #braces-vs-invisalign-route .bvi-link:link,\r\n    #braces-vs-invisalign-route .bvi-link:visited {\r\n      display: inline-flex;\r\n\r\n      margin-top: 16px;\r\n      padding: 11px 16px;\r\n\r\n      background: #fff8f2;\r\n\r\n      border: 1px solid rgba(255, 122, 0, .24);\r\n      border-radius: 11px;\r\n\r\n      color: #d65f00 !important;\r\n\r\n      font-size: 15px;\r\n      line-height: 1.4;\r\n      font-weight: 700;\r\n\r\n      text-decoration: none !important;\r\n    }\r\n\r\n    #braces-vs-invisalign-route .bvi-link:hover,\r\n    #braces-vs-invisalign-route .bvi-link:focus-visible {\r\n      background: #fff3e8;\r\n      text-decoration: none !important;\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n\r\n      #braces-vs-invisalign-route {\r\n        padding: 34px 8px !important;\r\n      }\r\n\r\n      #braces-vs-invisalign-route .bvi-card {\r\n        padding: 20px 15px;\r\n        text-align: start;\r\n      }\r\n\r\n      #braces-vs-invisalign-route h2::after {\r\n        left: 0;\r\n        transform: none;\r\n      }\r\n\r\n      #braces-vs-invisalign-route p {\r\n        margin: 0;\r\n      }\r\n\r\n    }\r\n\r\n    html[dir=\"rtl\"] #braces-vs-invisalign-route,\r\n    html[lang|=\"ar\"] #braces-vs-invisalign-route {\r\n      direction: rtl;\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n\r\n      html[dir=\"rtl\"] #braces-vs-invisalign-route h2::after,\r\n      html[lang|=\"ar\"] #braces-vs-invisalign-route h2::after {\r\n        left: auto;\r\n        right: 0;\r\n      }\r\n\r\n    }\r\n  <\/style>\r\n\r\n\r\n  <div class=\"bvi-inner\">\r\n\r\n    <div class=\"bvi-card\">\r\n\r\n      <h2 id=\"braces-vs-invisalign-title\">\r\n        Braces vs Invisalign: Where to Compare\r\n      <\/h2>\r\n\r\n      <p>\r\n        Braces stay fixed to the teeth during treatment, while Invisalign\r\n        uses removable clear aligners. The more important differences depend\r\n        on the tooth movements your treatment needs and the practical\r\n        trade-offs that matter to you.\r\n      <\/p>\r\n\r\n      <a\r\n        class=\"bvi-link\"\r\n        href=\"\/dubai\/orthodontics\/invisalign-vs-braces\/\"\r\n      >\r\n        Compare braces and Invisalign \u2192\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9a26d72 elementor-widget elementor-widget-html\" data-id=\"9a26d72\" 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<section\r\n  id=\"braces-before-starting\"\r\n  class=\"lq lq-section\"\r\n  dir=\"auto\"\r\n  aria-labelledby=\"braces-before-starting-title\"\r\n>\r\n  <style>\r\n    \/* =========================================================\r\n       WHAT TO ASK BEFORE STARTING BRACES\r\n       ========================================================= *\/\r\n\r\n    #braces-before-starting {\r\n      background: #fafafa;\r\n      padding: 56px 20px;\r\n    }\r\n\r\n    #braces-before-starting * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    #braces-before-starting .bbs-inner {\r\n      max-width: 960px;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    \/* =========================================================\r\n       HEADER\r\n       ========================================================= *\/\r\n\r\n    #braces-before-starting .bbs-header {\r\n      max-width: 760px;\r\n      margin: 0 auto 28px;\r\n      text-align: center;\r\n    }\r\n\r\n    #braces-before-starting h2 {\r\n      position: relative;\r\n      display: inline-block;\r\n\r\n      margin: 0 0 20px;\r\n      padding-bottom: 11px;\r\n\r\n      color: #1b1b1b;\r\n\r\n      font-size: clamp(28px, 3.2vw, 36px);\r\n      line-height: 1.25;\r\n      font-weight: 700;\r\n    }\r\n\r\n    #braces-before-starting h2::after {\r\n      content: \"\";\r\n\r\n      position: absolute;\r\n      left: 50%;\r\n      bottom: 0;\r\n\r\n      transform: translateX(-50%);\r\n\r\n      width: 76px;\r\n      height: 3px;\r\n\r\n      border-radius: 4px;\r\n\r\n      background:\r\n        linear-gradient(\r\n          90deg,\r\n          #ff7a00,\r\n          #ff9c52,\r\n          #ff5fa2\r\n        );\r\n    }\r\n\r\n    #braces-before-starting .bbs-intro {\r\n      margin: 0;\r\n\r\n      color: #475467;\r\n\r\n      font-size: 16px;\r\n      line-height: 1.72;\r\n    }\r\n\r\n    \/* =========================================================\r\n       QUESTION LIST\r\n       ========================================================= *\/\r\n\r\n    #braces-before-starting .bbs-list {\r\n      display: grid;\r\n      gap: 11px;\r\n\r\n      margin: 0;\r\n      padding: 0;\r\n\r\n      list-style: none;\r\n\r\n      counter-reset: bbs-question;\r\n    }\r\n\r\n    #braces-before-starting .bbs-item {\r\n      position: relative;\r\n\r\n      display: grid;\r\n      grid-template-columns: 38px 1fr;\r\n      align-items: start;\r\n\r\n      gap: 13px;\r\n\r\n      padding: 16px 18px;\r\n\r\n      background: #fff;\r\n\r\n      border: 1px solid #e7e7e7;\r\n      border-radius: 14px;\r\n\r\n      counter-increment: bbs-question;\r\n    }\r\n\r\n    #braces-before-starting .bbs-number {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n\r\n      width: 34px;\r\n      height: 34px;\r\n\r\n      background: #fff4ea;\r\n\r\n      border-radius: 999px;\r\n\r\n      color: #a94e00;\r\n\r\n      font-size: 13px;\r\n      font-weight: 700;\r\n    }\r\n\r\n    #braces-before-starting .bbs-number::before {\r\n      content: counter(bbs-question);\r\n    }\r\n\r\n    #braces-before-starting .bbs-question {\r\n      margin: 4px 0 0;\r\n\r\n      color: #1b1b1b;\r\n\r\n      font-size: 16px;\r\n      line-height: 1.6;\r\n      font-weight: 650;\r\n    }\r\n\r\n    \/* =========================================================\r\n       PROVIDER-SELECTION ROUTE\r\n       ========================================================= *\/\r\n\r\n    #braces-before-starting .bbs-route {\r\n      margin-top: 18px;\r\n      padding: 17px 18px;\r\n\r\n      background: #fff8f2;\r\n\r\n      border: 1px solid rgba(255, 122, 0, .20);\r\n      border-radius: 14px;\r\n\r\n      text-align: center;\r\n    }\r\n\r\n    #braces-before-starting .bbs-route p {\r\n      max-width: 700px;\r\n      margin: 0 auto;\r\n\r\n      color: #49301d;\r\n\r\n      font-size: 15px;\r\n      line-height: 1.65;\r\n    }\r\n\r\n    #braces-before-starting .bbs-route-link,\r\n    #braces-before-starting .bbs-route-link:link,\r\n    #braces-before-starting .bbs-route-link:visited {\r\n      display: inline-flex;\r\n\r\n      margin-top: 12px;\r\n\r\n      color: #d65f00 !important;\r\n\r\n      font-size: 15px;\r\n      line-height: 1.45;\r\n      font-weight: 700;\r\n\r\n      text-decoration: none !important;\r\n    }\r\n\r\n    #braces-before-starting .bbs-route-link:hover,\r\n    #braces-before-starting .bbs-route-link:focus-visible {\r\n      text-decoration: underline !important;\r\n    }\r\n\r\n    \/* =========================================================\r\n       MOBILE\r\n       ========================================================= *\/\r\n\r\n    @media (max-width: 768px) {\r\n\r\n      #braces-before-starting {\r\n        padding: 34px 8px !important;\r\n      }\r\n\r\n      #braces-before-starting .bbs-header {\r\n        margin-bottom: 22px;\r\n        text-align: start;\r\n      }\r\n\r\n      #braces-before-starting h2::after {\r\n        left: 0;\r\n        transform: none;\r\n      }\r\n\r\n      #braces-before-starting .bbs-item {\r\n        grid-template-columns: 32px 1fr;\r\n\r\n        gap: 10px;\r\n\r\n        padding: 14px 13px;\r\n      }\r\n\r\n      #braces-before-starting .bbs-number {\r\n        width: 30px;\r\n        height: 30px;\r\n      }\r\n\r\n      #braces-before-starting .bbs-question {\r\n        margin-top: 2px;\r\n      }\r\n\r\n      #braces-before-starting .bbs-route {\r\n        padding: 15px;\r\n\r\n        text-align: start;\r\n      }\r\n\r\n      #braces-before-starting .bbs-route p {\r\n        margin: 0;\r\n      }\r\n\r\n    }\r\n\r\n    \/* =========================================================\r\n       RTL READY\r\n       ========================================================= *\/\r\n\r\n    html[dir=\"rtl\"] #braces-before-starting,\r\n    html[lang|=\"ar\"] #braces-before-starting {\r\n      direction: rtl;\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n\r\n      html[dir=\"rtl\"] #braces-before-starting h2::after,\r\n      html[lang|=\"ar\"] #braces-before-starting h2::after {\r\n        left: auto;\r\n        right: 0;\r\n      }\r\n\r\n    }\r\n\r\n  <\/style>\r\n\r\n\r\n  <div class=\"bbs-inner\">\r\n\r\n    <header class=\"bbs-header\">\r\n\r\n      <h2 id=\"braces-before-starting-title\">\r\n        What to Ask Before Starting Braces\r\n      <\/h2>\r\n\r\n      <p class=\"bbs-intro\">\r\n        Before you start treatment, make sure you understand why the\r\n        recommended braces fit your treatment plan and what will happen\r\n        during and after treatment. These five questions are a useful\r\n        place to start.\r\n      <\/p>\r\n\r\n    <\/header>\r\n\r\n\r\n    <ol class=\"bbs-list\">\r\n\r\n      <li class=\"bbs-item\">\r\n\r\n        <span\r\n          class=\"bbs-number\"\r\n          aria-hidden=\"true\"\r\n        ><\/span>\r\n\r\n        <p class=\"bbs-question\">\r\n          Who is responsible for diagnosing, planning and overseeing\r\n          my treatment?\r\n        <\/p>\r\n\r\n      <\/li>\r\n\r\n\r\n      <li class=\"bbs-item\">\r\n\r\n        <span\r\n          class=\"bbs-number\"\r\n          aria-hidden=\"true\"\r\n        ><\/span>\r\n\r\n        <p class=\"bbs-question\">\r\n          Why is this fixed-brace system being recommended for my case,\r\n          and what realistic alternatives were considered?\r\n        <\/p>\r\n\r\n      <\/li>\r\n\r\n\r\n      <li class=\"bbs-item\">\r\n\r\n        <span\r\n          class=\"bbs-number\"\r\n          aria-hidden=\"true\"\r\n        ><\/span>\r\n\r\n        <p class=\"bbs-question\">\r\n          How will my progress be monitored, and what happens if a\r\n          bracket or wire problem occurs or the treatment plan needs\r\n          to change?\r\n        <\/p>\r\n\r\n      <\/li>\r\n\r\n\r\n      <li class=\"bbs-item\">\r\n\r\n        <span\r\n          class=\"bbs-number\"\r\n          aria-hidden=\"true\"\r\n        ><\/span>\r\n\r\n        <p class=\"bbs-question\">\r\n          What limitations and risks are most relevant to my\r\n          treatment plan?\r\n        <\/p>\r\n\r\n      <\/li>\r\n\r\n\r\n      <li class=\"bbs-item\">\r\n\r\n        <span\r\n          class=\"bbs-number\"\r\n          aria-hidden=\"true\"\r\n        ><\/span>\r\n\r\n        <p class=\"bbs-question\">\r\n          What retention plan is expected after the braces are removed?\r\n        <\/p>\r\n\r\n      <\/li>\r\n\r\n    <\/ol>\r\n\r\n\r\n    <div class=\"bbs-route\">\r\n\r\n      <p>\r\n        Choosing who will plan and oversee your orthodontic treatment\r\n        involves more than comparing braces systems. Our broader guide\r\n        explains what to look for when choosing an orthodontic provider\r\n        in Dubai.\r\n      <\/p>\r\n\r\n      <a\r\n        class=\"bbs-route-link\"\r\n        href=\"\/dubai\/orthodontics\/best\/\"\r\n      >\r\n        How to choose an orthodontic provider in Dubai \u2192\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a9dace3 elementor-widget elementor-widget-html\" data-id=\"a9dace3\" 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<section\r\n  id=\"braces-faqs\"\r\n  class=\"lq lq-section\"\r\n  dir=\"auto\"\r\n  aria-labelledby=\"braces-faqs-title\"\r\n>\r\n  <style>\r\n    \/* =========================================================\r\n       BRACES IN DUBAI FAQS\r\n       ========================================================= *\/\r\n\r\n    #braces-faqs {\r\n      background: #fff;\r\n      padding: 56px 20px;\r\n    }\r\n\r\n    #braces-faqs * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    #braces-faqs .bf-inner {\r\n      max-width: 900px;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    \/* =========================================================\r\n       HEADER\r\n       ========================================================= *\/\r\n\r\n    #braces-faqs .bf-header {\r\n      max-width: 740px;\r\n      margin: 0 auto 28px;\r\n      text-align: center;\r\n    }\r\n\r\n    #braces-faqs h2 {\r\n      position: relative;\r\n      display: inline-block;\r\n\r\n      margin: 0 0 20px;\r\n      padding-bottom: 11px;\r\n\r\n      color: #1b1b1b;\r\n\r\n      font-size: clamp(28px, 3.2vw, 36px);\r\n      line-height: 1.25;\r\n      font-weight: 700;\r\n    }\r\n\r\n    #braces-faqs h2::after {\r\n      content: \"\";\r\n\r\n      position: absolute;\r\n      left: 50%;\r\n      bottom: 0;\r\n\r\n      transform: translateX(-50%);\r\n\r\n      width: 76px;\r\n      height: 3px;\r\n\r\n      border-radius: 4px;\r\n\r\n      background:\r\n        linear-gradient(\r\n          90deg,\r\n          #ff7a00,\r\n          #ff9c52,\r\n          #ff5fa2\r\n        );\r\n    }\r\n\r\n    #braces-faqs .bf-intro {\r\n      margin: 0;\r\n\r\n      color: #475467;\r\n\r\n      font-size: 16px;\r\n      line-height: 1.72;\r\n    }\r\n\r\n    \/* =========================================================\r\n       FAQ LIST\r\n       ========================================================= *\/\r\n\r\n    #braces-faqs .bf-list {\r\n      display: grid;\r\n      gap: 11px;\r\n    }\r\n\r\n    #braces-faqs .bf-item {\r\n      overflow: hidden;\r\n\r\n      background: #fafafa;\r\n\r\n      border: 1px solid #e4e4e4;\r\n      border-radius: 14px;\r\n    }\r\n\r\n    #braces-faqs .bf-item[open] {\r\n      background: #fff;\r\n\r\n      border-color:\r\n        rgba(255, 122, 0, .32);\r\n    }\r\n\r\n    #braces-faqs summary {\r\n      position: relative;\r\n\r\n      display: flex;\r\n      align-items: center;\r\n\r\n      gap: 14px;\r\n\r\n      padding: 16px 48px 16px 18px;\r\n\r\n      color: #1b1b1b;\r\n\r\n      font-size: 16px;\r\n      line-height: 1.5;\r\n      font-weight: 700;\r\n\r\n      cursor: pointer;\r\n\r\n      list-style: none;\r\n    }\r\n\r\n    #braces-faqs summary::-webkit-details-marker {\r\n      display: none;\r\n    }\r\n\r\n    #braces-faqs summary::after {\r\n      content: \"+\";\r\n\r\n      position: absolute;\r\n      right: 18px;\r\n      top: 50%;\r\n\r\n      transform: translateY(-50%);\r\n\r\n      color: #d65f00;\r\n\r\n      font-size: 24px;\r\n      line-height: 1;\r\n      font-weight: 500;\r\n    }\r\n\r\n    #braces-faqs .bf-item[open] summary::after {\r\n      content: \"\u2212\";\r\n    }\r\n\r\n    #braces-faqs summary:focus-visible {\r\n      outline: 3px solid rgba(255, 122, 0, .18);\r\n      outline-offset: -3px;\r\n    }\r\n\r\n    \/* =========================================================\r\n       ANSWERS\r\n       ========================================================= *\/\r\n\r\n    #braces-faqs .bf-answer {\r\n      padding: 0 18px 17px;\r\n\r\n      border-top: 1px solid #ededed;\r\n    }\r\n\r\n    #braces-faqs .bf-answer p {\r\n      margin: 14px 0 0;\r\n\r\n      color: #475467;\r\n\r\n      font-size: 15px;\r\n      line-height: 1.72;\r\n\r\n      text-indent: 0;\r\n    }\r\n\r\n    \/* =========================================================\r\n       MOBILE\r\n       ========================================================= *\/\r\n\r\n    @media (max-width: 768px) {\r\n\r\n      #braces-faqs {\r\n        padding: 34px 8px !important;\r\n      }\r\n\r\n      #braces-faqs .bf-header {\r\n        margin-bottom: 22px;\r\n        text-align: start;\r\n      }\r\n\r\n      #braces-faqs h2::after {\r\n        left: 0;\r\n        transform: none;\r\n      }\r\n\r\n      #braces-faqs summary {\r\n        padding:\r\n          15px\r\n          44px\r\n          15px\r\n          14px;\r\n\r\n        font-size: 15px;\r\n      }\r\n\r\n      #braces-faqs summary::after {\r\n        right: 14px;\r\n      }\r\n\r\n      #braces-faqs .bf-answer {\r\n        padding:\r\n          0\r\n          14px\r\n          15px;\r\n      }\r\n\r\n    }\r\n\r\n    \/* =========================================================\r\n       RTL READY\r\n       ========================================================= *\/\r\n\r\n    html[dir=\"rtl\"] #braces-faqs,\r\n    html[lang|=\"ar\"] #braces-faqs {\r\n      direction: rtl;\r\n    }\r\n\r\n    html[dir=\"rtl\"] #braces-faqs summary,\r\n    html[lang|=\"ar\"] #braces-faqs summary {\r\n      padding-right: 18px;\r\n      padding-left: 48px;\r\n    }\r\n\r\n    html[dir=\"rtl\"] #braces-faqs summary::after,\r\n    html[lang|=\"ar\"] #braces-faqs summary::after {\r\n      right: auto;\r\n      left: 18px;\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n\r\n      html[dir=\"rtl\"] #braces-faqs h2::after,\r\n      html[lang|=\"ar\"] #braces-faqs h2::after {\r\n        left: auto;\r\n        right: 0;\r\n      }\r\n\r\n      html[dir=\"rtl\"] #braces-faqs summary,\r\n      html[lang|=\"ar\"] #braces-faqs summary {\r\n        padding-right: 14px;\r\n        padding-left: 44px;\r\n      }\r\n\r\n      html[dir=\"rtl\"] #braces-faqs summary::after,\r\n      html[lang|=\"ar\"] #braces-faqs summary::after {\r\n        left: 14px;\r\n      }\r\n\r\n    }\r\n\r\n  <\/style>\r\n\r\n\r\n  <div class=\"bf-inner\">\r\n\r\n    <header class=\"bf-header\">\r\n\r\n      <h2 id=\"braces-faqs-title\">\r\n        Braces in Dubai FAQs\r\n      <\/h2>\r\n\r\n      <p class=\"bf-intro\">\r\n        Quick answers to common questions about fixed braces,\r\n        treatment and choosing between the main braces options.\r\n      <\/p>\r\n\r\n    <\/header>\r\n\r\n\r\n    <div class=\"bf-list\">\r\n\r\n\r\n      <!-- =====================================================\r\n           FAQ 1\r\n           ===================================================== -->\r\n\r\n      <details class=\"bf-item\">\r\n\r\n        <summary>\r\n          What types of braces are available in Dubai?\r\n        <\/summary>\r\n\r\n        <div class=\"bf-answer\">\r\n\r\n          <p>\r\n            The main types of fixed braces you may hear about are\r\n            metal braces, ceramic braces, self-ligating systems such\r\n            as Damon, and lingual braces placed behind the teeth.\r\n            The best option for your treatment depends on what needs\r\n            to be corrected and your individual priorities.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/details>\r\n\r\n\r\n      <!-- =====================================================\r\n           FAQ 2\r\n           ===================================================== -->\r\n\r\n      <details class=\"bf-item\">\r\n\r\n        <summary>\r\n          Which type of braces is right for me?\r\n        <\/summary>\r\n\r\n        <div class=\"bf-answer\">\r\n\r\n          <p>\r\n            Start with what your treatment needs to achieve. Ask which\r\n            teeth need to move, how your bite needs to be corrected,\r\n            why that type of braces is being recommended for your\r\n            treatment, and what the practical trade-offs are.\r\n            Appearance matters, but it should not be the only reason\r\n            for choosing a braces system.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/details>\r\n\r\n\r\n      <!-- =====================================================\r\n           FAQ 3\r\n           ===================================================== -->\r\n\r\n      <details class=\"bf-item\">\r\n\r\n        <summary>\r\n          Which braces are least visible?\r\n        <\/summary>\r\n\r\n        <div class=\"bf-answer\">\r\n\r\n          <p>\r\n            Ceramic brackets are less noticeable than conventional\r\n            metal brackets on the front of the teeth. Lingual braces\r\n            sit behind the teeth instead. Visibility can be an important\r\n            preference, but it is only one part of choosing between\r\n            treatment options.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/details>\r\n\r\n\r\n      <!-- =====================================================\r\n           FAQ 4\r\n           ===================================================== -->\r\n\r\n      <details class=\"bf-item\">\r\n\r\n        <summary>\r\n          How long does braces treatment take?\r\n        <\/summary>\r\n\r\n        <div class=\"bf-answer\">\r\n\r\n          <p>\r\n            There is no single treatment time that applies to everyone.\r\n            The length of treatment depends on what needs to be corrected\r\n            and how treatment progresses. Your orthodontist should give\r\n            you an estimate for your own treatment plan and explain why\r\n            that estimate could change.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/details>\r\n\r\n\r\n      <!-- =====================================================\r\n           FAQ 5\r\n           ===================================================== -->\r\n\r\n      <details class=\"bf-item\">\r\n\r\n        <summary>\r\n          Do braces hurt?\r\n        <\/summary>\r\n\r\n        <div class=\"bf-answer\">\r\n\r\n          <p>\r\n            Some temporary soreness or irritation can happen after\r\n            braces are fitted or adjusted. If pain or irritation is\r\n            severe or does not settle, contact your treating team\r\n            for advice.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/details>\r\n\r\n\r\n      <!-- =====================================================\r\n           FAQ 6\r\n           ===================================================== -->\r\n\r\n      <details class=\"bf-item\">\r\n\r\n        <summary>\r\n          What should I do if a bracket or wire breaks?\r\n        <\/summary>\r\n\r\n        <div class=\"bf-answer\">\r\n\r\n          <p>\r\n            Contact your treating team and explain what has happened.\r\n            They can tell you whether you need an appointment and what\r\n            to do in the meantime. Avoid trying to repair the appliance\r\n            yourself unless they have specifically advised you how.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/details>\r\n\r\n\r\n      <!-- =====================================================\r\n           FAQ 7\r\n           ===================================================== -->\r\n\r\n      <details class=\"bf-item\">\r\n\r\n        <summary>\r\n          Do I need retainers after braces?\r\n        <\/summary>\r\n\r\n        <div class=\"bf-answer\">\r\n\r\n          <p>\r\n            Yes. After braces are removed, retainers are usually used\r\n            to help keep the teeth in their corrected positions.\r\n            The type of retainer, how often you need to wear it and\r\n            the follow-up plan should be tailored to your treatment.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/details>\r\n\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-342eb97 elementor-widget elementor-widget-html\" data-id=\"342eb97\" 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<section\r\n  id=\"braces-about-guide\"\r\n  class=\"lq lq-section\"\r\n  dir=\"auto\"\r\n  aria-labelledby=\"braces-about-guide-title\"\r\n>\r\n  <style>\r\n\r\n    \/* =========================================================\r\n       ABOUT THIS GUIDE\r\n       ========================================================= *\/\r\n\r\n    #braces-about-guide {\r\n      background: #fafafa;\r\n      padding: 54px 20px 44px;\r\n    }\r\n\r\n    #braces-about-guide * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    #braces-about-guide .bag-inner {\r\n      width: 100%;\r\n      max-width: 960px;\r\n      margin: 0 auto;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       INDEPENDENCE CARD\r\n       ========================================================= *\/\r\n\r\n    #braces-about-guide .bag-independent-card {\r\n      margin: 0 0 16px;\r\n      padding: 22px;\r\n\r\n      background: #fff;\r\n\r\n      border: 1px solid #e3e6e9;\r\n      border-radius: 15px;\r\n\r\n      box-shadow:\r\n        0 5px 18px rgba(0,0,0,.025);\r\n    }\r\n\r\n    #braces-about-guide .bag-independent-label {\r\n      display: inline-flex;\r\n\r\n      margin-bottom: 10px;\r\n      padding: 5px 9px;\r\n\r\n      background: #fff7f3;\r\n\r\n      border: 1px solid #f0ddd2;\r\n      border-radius: 999px;\r\n\r\n      color: #75513d;\r\n\r\n      font-size: 10.5px;\r\n      line-height: 1.3;\r\n      font-weight: 700;\r\n\r\n      text-transform: uppercase;\r\n      letter-spacing: .035em;\r\n    }\r\n\r\n    #braces-about-guide h2 {\r\n      position: relative;\r\n      display: inline-block;\r\n\r\n      margin: 0 0 17px;\r\n      padding-bottom: 11px;\r\n\r\n      color: #222;\r\n\r\n      font-size: clamp(25px, 2.8vw, 32px);\r\n      line-height: 1.25;\r\n      font-weight: 700;\r\n    }\r\n\r\n    #braces-about-guide h2::after {\r\n      content: \"\";\r\n\r\n      position: absolute;\r\n\r\n      inset-inline-start: 0;\r\n      bottom: 0;\r\n\r\n      width: 64px;\r\n      height: 3px;\r\n\r\n      border-radius: 4px;\r\n\r\n      background:\r\n        linear-gradient(\r\n          90deg,\r\n          var(--lq-brand, #ff7a00),\r\n          #ff5fa2\r\n        );\r\n    }\r\n\r\n    #braces-about-guide .bag-independent-copy {\r\n      margin: 0;\r\n\r\n      color: #333;\r\n\r\n      font-size: 16px;\r\n      line-height: 1.7;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       ATTRIBUTION CARD\r\n       ========================================================= *\/\r\n\r\n    #braces-about-guide .bag-attribution-card {\r\n      padding: 22px;\r\n\r\n      background: #fff;\r\n\r\n      border: 1px solid #e3e6e9;\r\n      border-radius: 15px;\r\n\r\n      box-shadow:\r\n        0 5px 18px rgba(0,0,0,.025);\r\n    }\r\n\r\n    #braces-about-guide .bag-attribution-header {\r\n      margin-bottom: 18px;\r\n    }\r\n\r\n    #braces-about-guide .bag-attribution-header strong {\r\n      display: block;\r\n\r\n      margin-bottom: 4px;\r\n\r\n      color: #222;\r\n\r\n      font-size: 16px;\r\n      line-height: 1.4;\r\n    }\r\n\r\n    #braces-about-guide .bag-attribution-header p {\r\n      margin: 0;\r\n\r\n      color: #667085;\r\n\r\n      font-size: 14px;\r\n      line-height: 1.55;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       ATTRIBUTION GRID\r\n       ========================================================= *\/\r\n\r\n    #braces-about-guide .bag-attribution-grid {\r\n      display: grid;\r\n\r\n      grid-template-columns:\r\n        repeat(2, minmax(0, 1fr));\r\n\r\n      margin: 0;\r\n      padding: 0;\r\n\r\n      border: 1px solid #e5e7ea;\r\n      border-radius: 12px;\r\n\r\n      overflow: hidden;\r\n    }\r\n\r\n    #braces-about-guide .bag-attribution-item {\r\n      min-width: 0;\r\n\r\n      padding: 16px 17px;\r\n\r\n      background: #fff;\r\n\r\n      border-bottom: 1px solid #e8eaed;\r\n    }\r\n\r\n    #braces-about-guide\r\n    .bag-attribution-item:nth-child(odd) {\r\n      border-inline-end:\r\n        1px solid #e8eaed;\r\n    }\r\n\r\n    #braces-about-guide\r\n    .bag-attribution-item:nth-last-child(-n+2) {\r\n      border-bottom: 0;\r\n    }\r\n\r\n    #braces-about-guide dt {\r\n      margin: 0 0 5px;\r\n\r\n      color: #667085;\r\n\r\n      font-size: 11.5px;\r\n      line-height: 1.35;\r\n      font-weight: 700;\r\n\r\n      text-transform: uppercase;\r\n      letter-spacing: .035em;\r\n    }\r\n\r\n    #braces-about-guide dd {\r\n      margin: 0;\r\n\r\n      color: #222;\r\n\r\n      font-size: 14.5px;\r\n      line-height: 1.55;\r\n    }\r\n\r\n    #braces-about-guide .bag-person-link,\r\n    #braces-about-guide .bag-person-link:link,\r\n    #braces-about-guide .bag-person-link:visited {\r\n      color:\r\n        var(--lq-brand, #ff7a00) !important;\r\n\r\n      font-weight: 700;\r\n\r\n      text-decoration: none !important;\r\n    }\r\n\r\n    #braces-about-guide .bag-person-link:hover,\r\n    #braces-about-guide .bag-person-link:focus-visible {\r\n      text-decoration: underline !important;\r\n    }\r\n\r\n    #braces-about-guide .bag-role {\r\n      display: block;\r\n\r\n      margin-top: 2px;\r\n\r\n      color: #555;\r\n\r\n      font-size: 13px;\r\n      line-height: 1.5;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       CTA\r\n       ========================================================= *\/\r\n\r\n    #braces-about-guide .bag-cta {\r\n      margin-top: 16px;\r\n      padding: 19px 20px;\r\n\r\n      background: #fff8f2;\r\n\r\n      border: 1px solid rgba(255,122,0,.22);\r\n      border-radius: 15px;\r\n\r\n      text-align: center;\r\n    }\r\n\r\n    #braces-about-guide .bag-cta h3 {\r\n      margin: 0 0 7px;\r\n\r\n      color: #222;\r\n\r\n      font-size: 19px;\r\n      line-height: 1.4;\r\n      font-weight: 700;\r\n    }\r\n\r\n    #braces-about-guide .bag-cta p {\r\n      max-width: 650px;\r\n      margin: 0 auto;\r\n\r\n      color: #49301d;\r\n\r\n      font-size: 15px;\r\n      line-height: 1.65;\r\n    }\r\n\r\n    #braces-about-guide .bag-cta-link,\r\n    #braces-about-guide .bag-cta-link:link,\r\n    #braces-about-guide .bag-cta-link:visited {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n\r\n      margin-top: 13px;\r\n      padding: 11px 17px;\r\n\r\n      background: #bf542a;\r\n\r\n      border: 1px solid #bf542a;\r\n      border-radius: 10px;\r\n\r\n      color: #fff !important;\r\n\r\n      font-size: 15px;\r\n      line-height: 1.45;\r\n      font-weight: 700;\r\n\r\n      text-decoration: none !important;\r\n    }\r\n\r\n    #braces-about-guide .bag-cta-link:hover,\r\n    #braces-about-guide .bag-cta-link:focus-visible {\r\n      background: #a94722;\r\n      border-color: #a94722;\r\n\r\n      color: #fff !important;\r\n      text-decoration: none !important;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       MOBILE\r\n       ========================================================= *\/\r\n\r\n    @media (max-width: 768px) {\r\n\r\n      #braces-about-guide {\r\n        padding: 38px 8px 34px !important;\r\n      }\r\n\r\n      #braces-about-guide .bag-independent-card,\r\n      #braces-about-guide .bag-attribution-card {\r\n        padding: 17px;\r\n      }\r\n\r\n      #braces-about-guide .bag-attribution-grid {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      #braces-about-guide\r\n      .bag-attribution-item,\r\n      #braces-about-guide\r\n      .bag-attribution-item:nth-child(odd),\r\n      #braces-about-guide\r\n      .bag-attribution-item:nth-last-child(-n+2) {\r\n        border-inline-end: 0;\r\n        border-bottom: 1px solid #e8eaed;\r\n      }\r\n\r\n      #braces-about-guide\r\n      .bag-attribution-item:last-child {\r\n        border-bottom: 0;\r\n      }\r\n\r\n      #braces-about-guide .bag-cta {\r\n        padding: 17px 15px;\r\n        text-align: start;\r\n      }\r\n\r\n      #braces-about-guide .bag-cta p {\r\n        margin: 0;\r\n      }\r\n\r\n      #braces-about-guide .bag-cta-link {\r\n        width: 100%;\r\n      }\r\n\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       RTL\r\n       ========================================================= *\/\r\n\r\n    html[dir=\"rtl\"] #braces-about-guide,\r\n    html[lang|=\"ar\"] #braces-about-guide {\r\n      direction: rtl;\r\n    }\r\n\r\n  <\/style>\r\n\r\n\r\n  <div class=\"bag-inner\">\r\n\r\n\r\n    <!-- =====================================================\r\n         INDEPENDENCE\r\n         ===================================================== -->\r\n\r\n    <div class=\"bag-independent-card\">\r\n\r\n      <span class=\"bag-independent-label\">\r\n        Independent guidance\r\n      <\/span>\r\n\r\n      <div>\r\n        <h2 id=\"braces-about-guide-title\">\r\n          About this guide\r\n        <\/h2>\r\n      <\/div>\r\n\r\n      <p class=\"bag-independent-copy\">\r\n        LumiQuest Dental Circle is an independent dental guidance platform,\r\n        not a dental clinic, public ranking or paid-placement marketplace.\r\n        This guide is designed to help you understand fixed braces, compare\r\n        the main options and prepare useful questions before discussing your\r\n        individual treatment plan.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         AUTHORSHIP \/ REVIEW\r\n         ===================================================== -->\r\n\r\n    <div class=\"bag-attribution-card\">\r\n\r\n      <div class=\"bag-attribution-header\">\r\n\r\n        <strong>\r\n          Who prepared and reviewed this guide\r\n        <\/strong>\r\n\r\n        <p>\r\n          Authorship and clinical review are shown so you can see who is\r\n          responsible for the information on this page.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n      <dl class=\"bag-attribution-grid\">\r\n\r\n\r\n        <div class=\"bag-attribution-item\">\r\n\r\n          <dt>\r\n            Written by\r\n          <\/dt>\r\n\r\n          <dd>\r\n            <a\r\n              href=\"\/team\/\"\r\n              class=\"bag-person-link\"\r\n            >\r\n              LumiQuest Editorial Team\r\n            <\/a>\r\n          <\/dd>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"bag-attribution-item\">\r\n\r\n          <dt>\r\n            Clinical review\r\n          <\/dt>\r\n\r\n          <dd>\r\n\r\n            <a\r\n              href=\"\/team\/\"\r\n              class=\"bag-person-link\"\r\n            >\r\n              Dr. Joe Feghali\r\n            <\/a>\r\n\r\n            <span class=\"bag-role\">\r\n              Orthodontist and Founder, LumiQuest Dental Circle\r\n            <\/span>\r\n\r\n          <\/dd>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"bag-attribution-item\">\r\n\r\n          <dt>\r\n            Clinical review date\r\n          <\/dt>\r\n\r\n          <dd>\r\n            <time datetime=\"2026-09-02\">\r\n              2 September 2026\r\n            <\/time>\r\n          <\/dd>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"bag-attribution-item\">\r\n\r\n          <dt>\r\n            Evidence approach\r\n          <\/dt>\r\n\r\n          <dd>\r\n            Selected clinical claims were checked against relevant\r\n            professional guidance and research. The supporting sources\r\n            are listed below.\r\n          <\/dd>\r\n\r\n        <\/div>\r\n\r\n\r\n      <\/dl>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         CONTEXTUAL CTA\r\n         ===================================================== -->\r\n\r\n    <div class=\"bag-cta\">\r\n\r\n      <h3>\r\n        Preparing for an orthodontic consultation?\r\n      <\/h3>\r\n\r\n      <p>\r\n        LumiQuest can help you organize the questions to ask and understand\r\n        your options before your appointment.\r\n      <\/p>\r\n\r\n      <a\r\n        class=\"bag-cta-link\"\r\n        href=\"#patient-form\"\r\n        id=\"braces-guide-form-cta\"\r\n      >\r\n        Ask LumiQuest for guidance \u2193\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n\r\n  <!-- =====================================================\r\n       SMOOTH SCROLL TO EXISTING FORM\r\n       ===================================================== -->\r\n\r\n  <script>\r\n    (function () {\r\n\r\n      const button =\r\n        document.getElementById(\r\n          'braces-guide-form-cta'\r\n        );\r\n\r\n      if (!button) return;\r\n\r\n\r\n      button.addEventListener(\r\n        'click',\r\n        function (event) {\r\n\r\n          const form =\r\n            document.getElementById(\r\n              'patient-form'\r\n            );\r\n\r\n          if (!form) return;\r\n\r\n\r\n          event.preventDefault();\r\n\r\n\r\n          const reduceMotion =\r\n            window.matchMedia &&\r\n            window.matchMedia(\r\n              '(prefers-reduced-motion: reduce)'\r\n            ).matches;\r\n\r\n\r\n          form.scrollIntoView({\r\n            behavior:\r\n              reduceMotion\r\n                ? 'auto'\r\n                : 'smooth',\r\n\r\n            block: 'start'\r\n          });\r\n\r\n\r\n          if (\r\n            window.history &&\r\n            typeof window.history.replaceState ===\r\n              'function'\r\n          ) {\r\n\r\n            window.history.replaceState(\r\n              null,\r\n              '',\r\n              '#patient-form'\r\n            );\r\n\r\n          }\r\n\r\n        },\r\n        false\r\n      );\r\n\r\n    })();\r\n  <\/script>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0c85fc2 elementor-widget elementor-widget-html\" data-id=\"0c85fc2\" 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<section\r\n  id=\"braces-references\"\r\n  class=\"lq lq-section\"\r\n  dir=\"auto\"\r\n  aria-labelledby=\"braces-references-title\"\r\n>\r\n  <style>\r\n\r\n    \/* =========================================================\r\n       REFERENCES\r\n       ========================================================= *\/\r\n\r\n    #braces-references {\r\n      background: #fff;\r\n      padding: 54px 20px;\r\n    }\r\n\r\n    #braces-references * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    #braces-references .br-inner {\r\n      width: 100%;\r\n      max-width: 960px;\r\n      margin: 0 auto;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       HEADER\r\n       ========================================================= *\/\r\n\r\n    #braces-references .br-header {\r\n      max-width: 760px;\r\n      margin: 0 auto 26px;\r\n\r\n      text-align: center;\r\n    }\r\n\r\n    #braces-references h2 {\r\n      position: relative;\r\n      display: inline-block;\r\n\r\n      margin: 0 0 18px;\r\n      padding-bottom: 11px;\r\n\r\n      color: #1b1b1b;\r\n\r\n      font-size: clamp(28px, 3.2vw, 36px);\r\n      line-height: 1.25;\r\n      font-weight: 700;\r\n    }\r\n\r\n    #braces-references h2::after {\r\n      content: \"\";\r\n\r\n      position: absolute;\r\n      left: 50%;\r\n      bottom: 0;\r\n\r\n      transform: translateX(-50%);\r\n\r\n      width: 76px;\r\n      height: 3px;\r\n\r\n      border-radius: 4px;\r\n\r\n      background:\r\n        linear-gradient(\r\n          90deg,\r\n          #ff7a00,\r\n          #ff9c52,\r\n          #ff5fa2\r\n        );\r\n    }\r\n\r\n    #braces-references .br-intro {\r\n      margin: 0;\r\n\r\n      color: #475467;\r\n\r\n      font-size: 15px;\r\n      line-height: 1.7;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       REFERENCE LIST\r\n       ========================================================= *\/\r\n\r\n    #braces-references .br-list {\r\n      display: grid;\r\n      gap: 10px;\r\n\r\n      margin: 0;\r\n      padding: 0;\r\n\r\n      list-style: none;\r\n\r\n      direction: ltr;\r\n      text-align: left;\r\n    }\r\n\r\n    #braces-references .br-item {\r\n      display: grid;\r\n\r\n      grid-template-columns:\r\n        38px 1fr;\r\n\r\n      gap: 12px;\r\n\r\n      padding: 15px 16px;\r\n\r\n      background: #fafafa;\r\n\r\n      border: 1px solid #e7e7e7;\r\n      border-radius: 13px;\r\n\r\n      direction: ltr;\r\n      text-align: left;\r\n\r\n      scroll-margin-top: 120px;\r\n\r\n      transition:\r\n        border-color .2s ease,\r\n        background-color .2s ease,\r\n        box-shadow .2s ease;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       ACTIVE \/ TARGET HIGHLIGHT\r\n       ========================================================= *\/\r\n\r\n    #braces-references\r\n    .br-item.br-reference-active {\r\n      background: #fffaf6;\r\n\r\n      border-color:\r\n        var(--lq-brand, #ff7a00);\r\n\r\n      box-shadow:\r\n        0 0 0 2px\r\n        rgba(255,122,0,.08);\r\n    }\r\n\r\n    #braces-references\r\n    .br-item:target {\r\n      background: #fffaf6;\r\n\r\n      border-color:\r\n        var(--lq-brand, #ff7a00);\r\n\r\n      box-shadow:\r\n        0 0 0 2px\r\n        rgba(255,122,0,.08);\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       NUMBER\r\n       ========================================================= *\/\r\n\r\n    #braces-references .br-number {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n\r\n      width: 34px;\r\n      height: 34px;\r\n\r\n      background: #fff1e6;\r\n\r\n      border-radius: 999px;\r\n\r\n      color: #a44700;\r\n\r\n      font-size: 13px;\r\n      line-height: 1;\r\n      font-weight: 800;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       REFERENCE CONTENT\r\n       ========================================================= *\/\r\n\r\n    #braces-references .br-content {\r\n      min-width: 0;\r\n\r\n      color: #475467;\r\n\r\n      font-size: 13.5px;\r\n      line-height: 1.68;\r\n\r\n      overflow-wrap: anywhere;\r\n    }\r\n\r\n    #braces-references .br-source + .br-source {\r\n      margin-top: 8px;\r\n    }\r\n\r\n    #braces-references .br-source strong {\r\n      color: #1b1b1b;\r\n\r\n      font-weight: 700;\r\n    }\r\n\r\n    #braces-references .br-source em {\r\n      color: #344054;\r\n    }\r\n\r\n    #braces-references .br-source a,\r\n    #braces-references .br-source a:link,\r\n    #braces-references .br-source a:visited {\r\n      color:\r\n        var(--lq-brand, #ff7a00) !important;\r\n\r\n      font-weight: 650;\r\n\r\n      text-decoration: none !important;\r\n\r\n      overflow-wrap: anywhere;\r\n    }\r\n\r\n    #braces-references .br-source a:hover,\r\n    #braces-references .br-source a:focus-visible {\r\n      text-decoration: underline !important;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       NOTE\r\n       ========================================================= *\/\r\n\r\n    #braces-references .br-note {\r\n      margin-top: 18px;\r\n      padding: 14px 16px;\r\n\r\n      background: #fff8f2;\r\n\r\n      border: 1px solid rgba(255,122,0,.18);\r\n      border-radius: 12px;\r\n\r\n      color: #667085;\r\n\r\n      font-size: 12.5px;\r\n      line-height: 1.65;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       MOBILE\r\n       ========================================================= *\/\r\n\r\n    @media (max-width: 768px) {\r\n\r\n      #braces-references {\r\n        padding: 34px 8px !important;\r\n      }\r\n\r\n      #braces-references .br-header {\r\n        margin-bottom: 22px;\r\n\r\n        text-align: start;\r\n      }\r\n\r\n      #braces-references h2::after {\r\n        left: 0;\r\n\r\n        transform: none;\r\n      }\r\n\r\n      #braces-references .br-item {\r\n        grid-template-columns:\r\n          30px 1fr;\r\n\r\n        gap: 9px;\r\n\r\n        padding: 13px 12px;\r\n\r\n        scroll-margin-top: 95px;\r\n      }\r\n\r\n      #braces-references .br-number {\r\n        width: 28px;\r\n        height: 28px;\r\n\r\n        font-size: 12px;\r\n      }\r\n\r\n      #braces-references .br-content {\r\n        font-size: 13px;\r\n      }\r\n\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       RTL\r\n\r\n       Bibliographic references remain English\/LTR even when\r\n       the surrounding page is translated later.\r\n       ========================================================= *\/\r\n\r\n    html[dir=\"rtl\"] #braces-references,\r\n    html[lang|=\"ar\"] #braces-references {\r\n      direction: rtl;\r\n    }\r\n\r\n    html[dir=\"rtl\"]\r\n    #braces-references .br-header,\r\n\r\n    html[lang|=\"ar\"]\r\n    #braces-references .br-header {\r\n      text-align: right;\r\n    }\r\n\r\n    html[dir=\"rtl\"]\r\n    #braces-references .br-list,\r\n\r\n    html[lang|=\"ar\"]\r\n    #braces-references .br-list,\r\n\r\n    html[dir=\"rtl\"]\r\n    #braces-references .br-item,\r\n\r\n    html[lang|=\"ar\"]\r\n    #braces-references .br-item {\r\n      direction: ltr !important;\r\n      text-align: left !important;\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n\r\n      html[dir=\"rtl\"]\r\n      #braces-references h2::after,\r\n\r\n      html[lang|=\"ar\"]\r\n      #braces-references h2::after {\r\n        left: auto;\r\n        right: 0;\r\n      }\r\n\r\n    }\r\n\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n\r\n      #braces-references .br-item {\r\n        transition: none;\r\n      }\r\n\r\n    }\r\n\r\n  <\/style>\r\n\r\n\r\n  <div class=\"br-inner\">\r\n\r\n\r\n    <header class=\"br-header\">\r\n\r\n      <h2 id=\"braces-references-title\">\r\n        References\r\n      <\/h2>\r\n\r\n      <p class=\"br-intro\">\r\n        Clinical claims in this guide were selectively evidence-checked\r\n        against relevant professional guidance and research.\r\n      <\/p>\r\n\r\n    <\/header>\r\n\r\n\r\n    <ol\r\n      class=\"br-list\"\r\n      dir=\"ltr\"\r\n      lang=\"en\"\r\n    >\r\n\r\n\r\n      <!-- =====================================================\r\n           [1]\r\n           ===================================================== -->\r\n\r\n      <li\r\n        id=\"braces-ref-1\"\r\n        class=\"br-item\"\r\n      >\r\n\r\n        <span class=\"br-number\">\r\n          1\r\n        <\/span>\r\n\r\n        <div class=\"br-content\">\r\n\r\n          <div class=\"br-source\">\r\n            <strong>\r\n              American Association of Orthodontists.\r\n            <\/strong>\r\n            <em>How Do Braces Work?<\/em>\r\n            Current professional and patient guidance;\r\n            controlled source state checked 2 September 2026.\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/li>\r\n\r\n\r\n      <!-- =====================================================\r\n           [2]\r\n           ===================================================== -->\r\n\r\n      <li\r\n        id=\"braces-ref-2\"\r\n        class=\"br-item\"\r\n      >\r\n\r\n        <span class=\"br-number\">\r\n          2\r\n        <\/span>\r\n\r\n        <div class=\"br-content\">\r\n\r\n          <div class=\"br-source\">\r\n            <strong>\r\n              American Association of Orthodontists.\r\n            <\/strong>\r\n            <em>How Do Braces Work?<\/em>\r\n            Current professional and patient guidance;\r\n            controlled source state checked 2 September 2026.\r\n          <\/div>\r\n\r\n          <div class=\"br-source\">\r\n            <strong>\r\n              British Orthodontic Society.\r\n            <\/strong>\r\n            <em>\r\n              When Should I Avoid Making an Orthodontic Referral?\r\n            <\/em>\r\n            Current guidance checked 2 September 2026.\r\n            <a href=\"https:\/\/bos.org.uk\/professionals-members\/information-for-dentists\/making-an-orthodontic-referral\/when-should-i-avoid-making-an-orthodontic-referral\/\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n              British Orthodontic Society\r\n            <\/a>.\r\n          <\/div>\r\n\r\n          <div class=\"br-source\">\r\n            <strong>\r\n              British Orthodontic Society.\r\n            <\/strong>\r\n            <em>\r\n              LTO \u2014 Limited Treatment Orthodontics.\r\n            <\/em>\r\n            Current professional guidance checked 2 September 2026.\r\n            <a href=\"https:\/\/bos.org.uk\/professionals-members\/information-for-dentists\/lto-limited-treatment-orthodontics\/\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n              British Orthodontic Society\r\n            <\/a>.\r\n          <\/div>\r\n\r\n          <div class=\"br-source\">\r\n            <strong>\r\n              Wertheimer MB, Kim LY, Park JH.\r\n            <\/strong>\r\n            <em>\r\n              Orthodontic perspective on treatment recommendations for\r\n              missing maxillary incisors: A contemporary guideline.\r\n            <\/em>\r\n            American Journal of Orthodontics and Dentofacial Orthopedics.\r\n            2026;169(5):559\u2013567.\r\n            DOI:\r\n            <a href=\"https:\/\/doi.org\/10.1016\/j.ajodo.2025.12.003\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n              10.1016\/j.ajodo.2025.12.003\r\n            <\/a>.\r\n            PMID: 42020010.\r\n          <\/div>\r\n\r\n          <div class=\"br-source\">\r\n            <strong>\r\n              British Orthodontic Society.\r\n            <\/strong>\r\n            <em>FAQs.<\/em>\r\n            Current page checked 2 September 2026.\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/li>\r\n\r\n\r\n      <!-- =====================================================\r\n           [3]\r\n           ===================================================== -->\r\n\r\n      <li\r\n        id=\"braces-ref-3\"\r\n        class=\"br-item\"\r\n      >\r\n\r\n        <span class=\"br-number\">\r\n          3\r\n        <\/span>\r\n\r\n        <div class=\"br-content\">\r\n\r\n          <div class=\"br-source\">\r\n            <strong>\r\n              American Association of Orthodontists.\r\n            <\/strong>\r\n            <em>How Do Braces Work?<\/em>\r\n            Current professional and patient guidance;\r\n            controlled source state checked 2 September 2026.\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/li>\r\n\r\n\r\n      <!-- =====================================================\r\n           [4]\r\n           ===================================================== -->\r\n\r\n      <li\r\n        id=\"braces-ref-4\"\r\n        class=\"br-item\"\r\n      >\r\n\r\n        <span class=\"br-number\">\r\n          4\r\n        <\/span>\r\n\r\n        <div class=\"br-content\">\r\n\r\n          <div class=\"br-source\">\r\n            <strong>\r\n              American Association of Orthodontists.\r\n            <\/strong>\r\n            <em>How Do Braces Work?<\/em>\r\n            Current professional and patient guidance;\r\n            controlled source state checked 2 September 2026.\r\n          <\/div>\r\n\r\n          <div class=\"br-source\">\r\n            <strong>\r\n              Ormco.\r\n            <\/strong>\r\n            <em>\r\n              Self-Ligating Brackets | Active &amp; Passive Brackets.\r\n            <\/em>\r\n            Current manufacturer source checked 2 September 2026.\r\n            Used for Damon identity and product taxonomy only.\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/li>\r\n\r\n\r\n      <!-- =====================================================\r\n           [5]\r\n           ===================================================== -->\r\n\r\n      <li\r\n        id=\"braces-ref-5\"\r\n        class=\"br-item\"\r\n      >\r\n\r\n        <span class=\"br-number\">\r\n          5\r\n        <\/span>\r\n\r\n        <div class=\"br-content\">\r\n\r\n          <div class=\"br-source\">\r\n            <strong>\r\n              British Orthodontic Society.\r\n            <\/strong>\r\n            <em>\r\n              Orthodontic Records: Collection and Management \u2014 2022 Update.\r\n            <\/em>\r\n            <a href=\"https:\/\/www.bos.org.uk\/wp-content\/uploads\/2022\/09\/Records-Advice-Sheet-13_4_22-.pdf\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n              British Orthodontic Society\r\n            <\/a>.\r\n          <\/div>\r\n\r\n          <div class=\"br-source\">\r\n            <strong>\r\n              Kapetanovi\u0107 A, Oosterkamp BCM, Lamberts AA, Schols JGJH.\r\n            <\/strong>\r\n            <em>\r\n              Orthodontic radiology: development of a clinical practice\r\n              guideline.\r\n            <\/em>\r\n            La Radiologia Medica.\r\n            2021;126(1):72\u201382.\r\n            DOI:\r\n            <a href=\"https:\/\/doi.org\/10.1007\/s11547-020-01219-6\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n              10.1007\/s11547-020-01219-6\r\n            <\/a>.\r\n            PMID: 32462471.\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/li>\r\n\r\n\r\n      <!-- =====================================================\r\n           [6]\r\n           ===================================================== -->\r\n\r\n      <li\r\n        id=\"braces-ref-6\"\r\n        class=\"br-item\"\r\n      >\r\n\r\n        <span class=\"br-number\">\r\n          6\r\n        <\/span>\r\n\r\n        <div class=\"br-content\">\r\n\r\n          <div class=\"br-source\">\r\n            <strong>\r\n              American Association of Orthodontists.\r\n            <\/strong>\r\n            <em>How Do Braces Work?<\/em>\r\n            Current professional and patient guidance;\r\n            controlled source state checked 2 September 2026.\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/li>\r\n\r\n\r\n      <!-- =====================================================\r\n           [7]\r\n           ===================================================== -->\r\n\r\n      <li\r\n        id=\"braces-ref-7\"\r\n        class=\"br-item\"\r\n      >\r\n\r\n        <span class=\"br-number\">\r\n          7\r\n        <\/span>\r\n\r\n        <div class=\"br-content\">\r\n\r\n          <div class=\"br-source\">\r\n            <strong>\r\n              Al-Moghrabi D, Littlewood SJ, Fleming PS.\r\n            <\/strong>\r\n            <em>\r\n              Orthodontic retention protocols: an evidence-based overview.\r\n            <\/em>\r\n            British Dental Journal.\r\n            2021;230:770\u2013776.\r\n            DOI:\r\n            <a href=\"https:\/\/doi.org\/10.1038\/s41415-021-2954-7\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n              10.1038\/s41415-021-2954-7\r\n            <\/a>.\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/li>\r\n\r\n\r\n      <!-- =====================================================\r\n           [8]\r\n           ===================================================== -->\r\n\r\n      <li\r\n        id=\"braces-ref-8\"\r\n        class=\"br-item\"\r\n      >\r\n\r\n        <span class=\"br-number\">\r\n          8\r\n        <\/span>\r\n\r\n        <div class=\"br-content\">\r\n\r\n          <div class=\"br-source\">\r\n            <strong>\r\n              American Association of Orthodontists.\r\n            <\/strong>\r\n            <em>How Do Braces Work?<\/em>\r\n            Current professional and patient guidance;\r\n            controlled source state checked 2 September 2026.\r\n          <\/div>\r\n\r\n          <div class=\"br-source\">\r\n            <strong>\r\n              British Orthodontic Society.\r\n            <\/strong>\r\n            <em>\r\n              Risks of Orthodontic Treatment \u2014 Guidance on Informing Patients.\r\n            <\/em>\r\n            Current controlled guidance.\r\n            <a href=\"https:\/\/bos.org.uk\/wp-content\/uploads\/2024\/12\/RISKS-OF-ORTHODONTIC-TREATMENT-GUIDANCE-ON-INFORMING-PATIENTS-2024.pdf\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n              British Orthodontic Society\r\n            <\/a>.\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/li>\r\n\r\n\r\n      <!-- =====================================================\r\n           [9]\r\n           ===================================================== -->\r\n\r\n      <li\r\n        id=\"braces-ref-9\"\r\n        class=\"br-item\"\r\n      >\r\n\r\n        <span class=\"br-number\">\r\n          9\r\n        <\/span>\r\n\r\n        <div class=\"br-content\">\r\n\r\n          <div class=\"br-source\">\r\n            <strong>\r\n              British Orthodontic Society.\r\n            <\/strong>\r\n            <em>\r\n              Risks of Orthodontic Treatment \u2014 Guidance on Informing Patients.\r\n            <\/em>\r\n            Current controlled guidance.\r\n            <a href=\"https:\/\/bos.org.uk\/wp-content\/uploads\/2024\/12\/RISKS-OF-ORTHODONTIC-TREATMENT-GUIDANCE-ON-INFORMING-PATIENTS-2024.pdf\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n              British Orthodontic Society\r\n            <\/a>.\r\n          <\/div>\r\n\r\n          <div class=\"br-source\">\r\n            <strong>\r\n              American Association of Orthodontists.\r\n            <\/strong>\r\n            <em>\r\n              What is an Orthodontic Emergency?\r\n            <\/em>\r\n            16 February 2026.\r\n            <a href=\"https:\/\/aaoinfo.org\/whats-trending\/what-is-an-orthodontic-emergency\/\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n              American Association of Orthodontists\r\n            <\/a>.\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/li>\r\n\r\n\r\n      <!-- =====================================================\r\n           [10]\r\n           ===================================================== -->\r\n\r\n      <li\r\n        id=\"braces-ref-10\"\r\n        class=\"br-item\"\r\n      >\r\n\r\n        <span class=\"br-number\">\r\n          10\r\n        <\/span>\r\n\r\n        <div class=\"br-content\">\r\n\r\n          <div class=\"br-source\">\r\n            <strong>\r\n              British Orthodontic Society.\r\n            <\/strong>\r\n            <em>\r\n              Risks of Orthodontic Treatment \u2014 Guidance on Informing Patients.\r\n            <\/em>\r\n            Current controlled guidance.\r\n            <a href=\"https:\/\/bos.org.uk\/wp-content\/uploads\/2024\/12\/RISKS-OF-ORTHODONTIC-TREATMENT-GUIDANCE-ON-INFORMING-PATIENTS-2024.pdf\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n              British Orthodontic Society\r\n            <\/a>.\r\n          <\/div>\r\n\r\n          <div class=\"br-source\">\r\n            <strong>\r\n              American Association of Orthodontists.\r\n            <\/strong>\r\n            <em>How Do Braces Work?<\/em>\r\n            Current professional and patient guidance;\r\n            controlled source state checked 2 September 2026.\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/li>\r\n\r\n\r\n    <\/ol>\r\n\r\n\r\n    <div class=\"br-note\">\r\n      References were selected for the specific clinical claims cited in\r\n      this guide. Manufacturer information is used only for current product\r\n      identity or terminology where stated, not to support claims of superior\r\n      speed, comfort or treatment outcomes.\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n\r\n  <!-- =========================================================\r\n       CITATION NAVIGATION\r\n\r\n       Handles links such as:\r\n       <a href=\"#braces-ref-4\">4<\/a>\r\n\r\n       anywhere on the page.\r\n       ========================================================= -->\r\n\r\n  <script>\r\n    (function () {\r\n\r\n\r\n      function getReferenceFromLink(link) {\r\n\r\n        if (!link) return null;\r\n\r\n\r\n        const href =\r\n          link.getAttribute('href');\r\n\r\n\r\n        if (\r\n          !href ||\r\n          !href.startsWith(\r\n            '#braces-ref-'\r\n          )\r\n        ) {\r\n          return null;\r\n        }\r\n\r\n\r\n        return document.getElementById(\r\n          href.substring(1)\r\n        );\r\n\r\n      }\r\n\r\n\r\n      function clearActiveReferences() {\r\n\r\n        document\r\n          .querySelectorAll(\r\n            '#braces-references .br-reference-active'\r\n          )\r\n          .forEach(\r\n            function (reference) {\r\n\r\n              reference.classList.remove(\r\n                'br-reference-active'\r\n              );\r\n\r\n            }\r\n          );\r\n\r\n      }\r\n\r\n\r\n      \/* =====================================================\r\n         BODY CITATION CLICKS\r\n         ===================================================== *\/\r\n\r\n      document.addEventListener(\r\n        'click',\r\n        function (event) {\r\n\r\n          const link =\r\n            event.target.closest(\r\n              'a[href^=\"#braces-ref-\"]'\r\n            );\r\n\r\n\r\n          if (!link) return;\r\n\r\n\r\n          const reference =\r\n            getReferenceFromLink(link);\r\n\r\n\r\n          if (!reference) return;\r\n\r\n\r\n          event.preventDefault();\r\n\r\n\r\n          clearActiveReferences();\r\n\r\n\r\n          reference.classList.add(\r\n            'br-reference-active'\r\n          );\r\n\r\n\r\n          const reduceMotion =\r\n            window.matchMedia &&\r\n            window.matchMedia(\r\n              '(prefers-reduced-motion: reduce)'\r\n            ).matches;\r\n\r\n\r\n          reference.scrollIntoView({\r\n\r\n            behavior:\r\n              reduceMotion\r\n                ? 'auto'\r\n                : 'smooth',\r\n\r\n            block: 'start'\r\n\r\n          });\r\n\r\n\r\n          if (\r\n            window.history &&\r\n            typeof window.history.replaceState ===\r\n              'function'\r\n          ) {\r\n\r\n            window.history.replaceState(\r\n              null,\r\n              '',\r\n              '#' + reference.id\r\n            );\r\n\r\n          }\r\n\r\n        },\r\n        false\r\n      );\r\n\r\n\r\n      \/* =====================================================\r\n         DIRECT HASH VISITS\r\n\r\n         Example:\r\n         \/braces\/#braces-ref-8\r\n         ===================================================== *\/\r\n\r\n      function handleInitialReferenceHash() {\r\n\r\n        if (\r\n          !window.location.hash ||\r\n          !window.location.hash.startsWith(\r\n            '#braces-ref-'\r\n          )\r\n        ) {\r\n          return;\r\n        }\r\n\r\n\r\n        const id =\r\n          window.location.hash.substring(1);\r\n\r\n\r\n        const reference =\r\n          document.getElementById(id);\r\n\r\n\r\n        if (!reference) return;\r\n\r\n\r\n        window.setTimeout(\r\n          function () {\r\n\r\n            clearActiveReferences();\r\n\r\n\r\n            reference.classList.add(\r\n              'br-reference-active'\r\n            );\r\n\r\n\r\n            reference.scrollIntoView({\r\n\r\n              behavior: 'auto',\r\n\r\n              block: 'start'\r\n\r\n            });\r\n\r\n          },\r\n          150\r\n        );\r\n\r\n      }\r\n\r\n\r\n      if (\r\n        document.readyState ===\r\n        'loading'\r\n      ) {\r\n\r\n        document.addEventListener(\r\n          'DOMContentLoaded',\r\n          handleInitialReferenceHash\r\n        );\r\n\r\n      } else {\r\n\r\n        handleInitialReferenceHash();\r\n\r\n      }\r\n\r\n\r\n    })();\r\n  <\/script>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9cfce4e elementor-widget elementor-widget-global elementor-global-4673 elementor-widget-html\" data-id=\"9cfce4e\" 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<section class=\"lq-form\">\r\n  <div class=\"lq-card\" id=\"patient-form\">\r\n\r\n    <!-- LQ:TEXT START -->\r\n    <header class=\"lq-header lq-form-header lq-hide-on-success\">\r\n      <h2>Get Clear Guidance to the Right Dentist<\/h2>\r\n      <p>Just a couple of minutes \u2014 no pressure, no cost, and fully private<br>\r\n      One of our advisors will review your request and guide you to a suitable dentist or clinic, usually within 12 hours.<\/p>\r\n    <\/header>\r\n    <!-- LQ:TEXT END -->\r\n\r\n    <form id=\"lumiquest_patient_form\"\r\n          action=\"\/api\/lq-form\"\r\n          method=\"POST\"\r\n          enctype=\"multipart\/form-data\"\r\n          autocomplete=\"off\"\r\n          target=\"lq_iframe\">\r\n\r\n      <!-- LQ:CHOICES (HTML) START -->    \r\n      <div class=\"lq-field\">\r\n        <label for=\"reason_for_visit\">What brings you in today? <span class=\"req\">*<\/span><\/label>\r\n        <select name=\"reason_for_visit\" id=\"reason_for_visit\" required>\r\n          <option value=\"\">- Select -<\/option>\r\n          <option value=\"Pain \u2013 swelling or urgent issue\">Pain \u2013 swelling or urgent issue<\/option>\r\n          <option value=\"Missing\/broken tooth \u2013 need repair or replacement\">Missing\/broken tooth \u2013 need repair or replacement<\/option>\r\n          <option value=\"Improve my smile \u2013 veneers or whitening or more\">Improve my smile \u2013 veneers or whitening or more<\/option>\r\n          <option value=\"Straighten teeth \u2013 braces or clear aligners (Invisalign etc.)\">Straighten teeth \u2013 braces or clear aligners (Invisalign etc.)<\/option>\r\n          <option value=\"Routine visit \u2013 cleaning or filling or check-up\">Routine visit \u2013 cleaning or filling or check-up<\/option>\r\n          <option value=\"Not sure \u2013 need help deciding\">Not sure \u2013 need help deciding<\/option>\r\n          <option value=\"Something else \u2013 I\u2019ll explain below\">Something else \u2013 I\u2019ll explain below<\/option>\r\n        <\/select>\r\n      <\/div>\r\n\r\n      <div class=\"lq-field\" id=\"sub_reason_wrap\">\r\n        <label for=\"sub_reason\">Could you tell us a bit more? <span class=\"req\">*<\/span><\/label>\r\n        <select name=\"sub_reason\" id=\"sub_reason\" required>\r\n          <option value=\"\">- Select -<\/option>\r\n        <\/select>\r\n      <\/div>\r\n      <!-- LQ:CHOICES (HTML) END -->\r\n\r\n      <!-- LQ:CONTACT START -->\r\n      <div class=\"lq-grid\">\r\n        <div class=\"lq-field\">\r\n          <label for=\"first_name\">First Name <span class=\"req\">*<\/span><\/label>\r\n          <input type=\"text\" name=\"first_name\" id=\"first_name\" required placeholder=\"Enter your first name\">\r\n        <\/div>\r\n        <div class=\"lq-field\">\r\n          <label for=\"last_name\">Last Name<\/label>\r\n          <input type=\"text\" name=\"last_name\" id=\"last_name\" placeholder=\"Enter your last name\">\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"lq-grid\">\r\n        <div class=\"lq-field\">\r\n          <label for=\"email\">Email Address <span class=\"req\">*<\/span><\/label>\r\n          <input type=\"email\" name=\"email\" id=\"email\" required placeholder=\"name@email.com\">\r\n        <\/div>\r\n\r\n        <div class=\"lq-field\">\r\n          <label for=\"phone_local\">Phone Number <span class=\"req\">*<\/span><\/label>\r\n          <div class=\"lq-phone\">\r\n            <div class=\"lq-dial\" id=\"lq-dial\">\r\n  <button type=\"button\" id=\"dial_btn\" aria-haspopup=\"listbox\" aria-expanded=\"false\" class=\"lq-dial-btn\">+971<\/button>\r\n  <input type=\"hidden\" id=\"dial_code_standardized\" name=\"dial_code_standardized\" value=\"+971\">\r\n\r\n  <div id=\"dial_panel\" class=\"lq-dial-panel lq-hidden\" role=\"dialog\" aria-label=\"Select country code\">\r\n    <input\r\n      type=\"search\"\r\n      id=\"dial_filter\"\r\n      class=\"lq-dial-filter\"\r\n      placeholder=\"Search country or +code\"\r\n      aria-controls=\"dial_listbox\"\r\n      autocomplete=\"off\"\r\n      autocorrect=\"off\"\r\n      autocapitalize=\"off\"\r\n      spellcheck=\"false\"\r\n      name=\"dial_filter_search\"\r\n      enterkeyhint=\"search\"\r\n      inputmode=\"search\"\r\n    >\r\n    <ul id=\"dial_listbox\" class=\"lq-dial-list\" role=\"listbox\" aria-labelledby=\"dial_btn\"><\/ul>\r\n  <\/div>\r\n<\/div>\r\n\r\n\r\n            <input type=\"tel\" id=\"phone_local\" name=\"phone_local\" required inputmode=\"tel\"\r\n                   placeholder=\"mobile number\" aria-describedby=\"phone_error\">\r\n          <\/div>\r\n\r\n          <small class=\"lq-hint\">Type your country (e.g., \u201cUnited Arab Emirates\u201d) or its code (e.g., \u201c+971\u201d), then your number without the area code. WhatsApp only.<\/small>\r\n          <div class=\"lq-global-error-message\" id=\"phone_error\" aria-live=\"polite\">Please enter a valid phone number.<\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <!-- LQ:CONTACT END -->\r\n\r\n      <!-- LQ:PREFCONTACT START -->\r\n      <div class=\"lq-field\">\r\n        <label for=\"preferred_contact\">Preferred Contact Method <span class=\"req\">*<\/span><\/label>\r\n        <select name=\"preferred_contact\" id=\"preferred_contact\" required>\r\n          <option value=\"\">- Select -<\/option>\r\n          <option value=\"WhatsApp\">WhatsApp<\/option>\r\n          <option value=\"Email\">Email<\/option>\r\n        <\/select>\r\n      <\/div>\r\n      <!-- LQ:PREFCONTACT END -->\r\n\r\n      <!-- LQ:ADVANCED START -->\r\n      <details class=\"lq-advanced\">\r\n        <summary>Advanced Options (optional)<\/summary>\r\n\r\n        <div class=\"lq-field\">\r\n          <label for=\"case_description\">Anything else you'd like to share?<\/label>\r\n          <textarea name=\"case_description\" id=\"case_description\" rows=\"2\"\r\n            placeholder=\"Add any details you\u2019d like (goals, questions, doubts, etc.)\"><\/textarea>\r\n        <\/div>\r\n\r\n        <div class=\"lq-field\">\r\n          <label for=\"uploads_select\">Would you like to upload smile photos or dental X-rays?<\/label>\r\n          <select name=\"uploads_select\" id=\"uploads_select\">\r\n            <option value=\"No\" selected>No<\/option>\r\n            <option value=\"Yes\">Yes<\/option>\r\n          <\/select>\r\n        <\/div>\r\n\r\n        <div id=\"uploads_wrapper\" class=\"lq-hidden\">\r\n          <div class=\"lq-field\">\r\n            <label for=\"uploads\">Upload file(s)<\/label>\r\n            <input type=\"file\" name=\"uploads\" id=\"uploads\" accept=\".jpg,.jpeg,.png,.pdf,.heic,.webp\" multiple>\r\n            <small class=\"lq-hint\">JPG, JPEG, PNG, PDF, HEIC, WEBP (max 10MB each)<\/small>\r\n          <\/div>\r\n          <div class=\"lq-field\">\r\n            <label class=\"lq-check\">\r\n              <input type=\"checkbox\" name=\"consent\" id=\"consent\" value=\"yes\">\r\n              I allow LumiQuest to review my uploaded photo(s) or X-ray(s).\r\n            <\/label>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"lq-grid\">\r\n          <div class=\"lq-field\">\r\n            <label for=\"location\">Preferred Area or Landmark<\/label>\r\n            <input type=\"text\" name=\"location\" id=\"location\" placeholder=\"Nearest area or landmark\">\r\n          <\/div>\r\n          <div class=\"lq-field\">\r\n            <label for=\"age_group\">Patient Age Group<\/label>\r\n            <select name=\"age_group\" id=\"age_group\">\r\n              <option value=\"\">- Select -<\/option>\r\n              <option>Under 14<\/option>\r\n              <option>14 or older<\/option>\r\n            <\/select>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"lq-grid\">\r\n          <div class=\"lq-field\">\r\n            <label for=\"preferred_language\">Preferred Language<\/label>\r\n            <input type=\"text\" name=\"preferred_language\" id=\"preferred_language\" placeholder=\"English, Arabic, Russian\u2026\">\r\n          <\/div>\r\n          <div class=\"lq-field\">\r\n            <label for=\"preferred_gender\">Preferred Dentist Gender<\/label>\r\n            <input type=\"text\" name=\"preferred_gender\" id=\"preferred_gender\" placeholder=\"If you have a preference\">\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"lq-grid\">\r\n          <div class=\"lq-field\">\r\n            <label for=\"preferred_nationality\">Preferred Dentist Nationality<\/label>\r\n            <input type=\"text\" name=\"preferred_nationality\" id=\"preferred_nationality\" placeholder=\"Only if helpful for comfort\">\r\n          <\/div>\r\n          <div class=\"lq-field\">\r\n            <label for=\"insurance\">Insurance Provider &amp; Plan<\/label>\r\n            <input type=\"text\" name=\"insurance\" id=\"insurance\" placeholder=\"MetLife VIP, NAS Neuron, Aetna DubaiCare\">\r\n          <\/div>\r\n        <\/div>\r\n      <\/details>\r\n      <!-- LQ:ADVANCED END -->\r\n\r\n      <div class=\"cf-turnstile\" data-sitekey=\"0x4AAAAAABfA_rNlGsui0CeR\" data-callback=\"onTurnstile\" data-action=\"patient_form\"><\/div>\r\n      <input type=\"hidden\" name=\"turnstile_token\" id=\"turnstile_token\">\r\n\r\n      <input type=\"hidden\" name=\"phone_e164\" id=\"phone_e164\">\r\n      <input type=\"hidden\" name=\"phone_number\" id=\"phone_number\">\r\n      <input type=\"hidden\" name=\"date\" id=\"date\">\r\n      <input type=\"hidden\" name=\"time\" id=\"time\">\r\n      <input type=\"hidden\" name=\"page_url\" id=\"page_url\">\r\n      <input type=\"hidden\" name=\"user_agent\" id=\"user_agent\">\r\n      <input type=\"hidden\" name=\"unique_id\" id=\"unique_id\">\r\n      <input type=\"hidden\" name=\"page_language\" id=\"page_language\">\r\n\r\n      <div class=\"lq-actions\">\r\n        <button type=\"submit\" class=\"lq-btn\">\ud83d\udd0d Find My Dentist<\/button>\r\n        <div class=\"lq-msg lq-pending\" id=\"lq-pending\" role=\"status\" aria-live=\"polite\"><\/div>\r\n        <div class=\"lq-msg lq-success\" id=\"lq-success\" role=\"status\" aria-live=\"polite\"><\/div>\r\n        <div class=\"lq-msg lq-error\" id=\"lq-error\" aria-live=\"assertive\"><\/div>\r\n      <\/div>\r\n\r\n      <div style=\"position:absolute;left:-9999px;top:-9999px;\" aria-hidden=\"true\">\r\n        <label><\/label>\r\n        <input type=\"text\" name=\"middle_name\" id=\"middle_name\" tabindex=\"-1\" autocomplete=\"off\">\r\n      <\/div>\r\n      <input type=\"hidden\" name=\"form_started_at\" id=\"form_started_at\">\r\n\r\n\r\n    <\/form>\r\n\r\n    <iframe name=\"lq_iframe\" class=\"lq-hidden\" style=\"display:none\"><\/iframe>\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<script defer src=\"https:\/\/challenges.cloudflare.com\/turnstile\/v0\/api.js\"><\/script>\r\n<script defer src=\"https:\/\/cdn.jsdelivr.net\/npm\/libphonenumber-js@1.10.53\/bundle\/libphonenumber-js.min.js\"><\/script>\r\n\r\n<!-- LQ:CSS START -->\r\n<style>\r\n\/* --- Layout & fields --- *\/\r\n.lq-form{display:flex;justify-content:center;padding:0}\r\n.lq-card{max-width:780px;width:100%;background:#fff;border-radius:20px;box-shadow:0 12px 36px rgba(0,0,0,.07);padding:28px 24px;margin:auto;}\r\n.lq-header{text-align:center;margin-bottom:10px}\r\n.lq-header h2{margin:0 0 6px 0;font-size:28px;line-height:1.2}\r\n.lq-header p{margin:0;color:#4b5563}\r\n.lq-field{display:flex;flex-direction:column;margin-bottom:14px}\r\n.lq-field label{font-weight:650;margin-bottom:6px}\r\n.lq-field input[type=\"text\"],\r\n.lq-field input[type=\"email\"],\r\n.lq-field input[type=\"tel\"],\r\n.lq-field select,\r\n.lq-field textarea{border:1px solid #e3e3e3;border-radius:14px;padding:12px 14px;font-size:16px;background:#fff;}\r\n.lq-field textarea{min-height:90px;resize:vertical}\r\n#case_description{min-height:0 !important;} \/* allow rows=2 to control height *\/\r\n.lq-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}\r\n@media(max-width:720px){.lq-grid{grid-template-columns:1fr}}\r\n.req{color:#d93025}\r\n.lq-hidden{display:none}\r\n#sub_reason_wrap{display:none}\r\n.lq-hint{color:#6b7280;font-size:12px}\r\n.lq-actions{text-align:center;margin-top:18px}\r\n.lq-msg{margin-top:10px;font-weight:600;display:none}\r\n.lq-pending{color:#6b7280}.lq-success{color:#28A745}.lq-error{color:#D93025}\r\n.lq-global-error-message{display:none;color:#D93025;margin-top:6px;font-weight:500;font-size:14px}\r\ninput[type=\"tel\"]:invalid ~ .lq-global-error-message{display:block}\r\n.cf-turnstile{margin:18px 0 22px}\r\n\r\n\/* Advanced box *\/\r\n.lq-advanced{margin-top:6px;border:1px solid #eee;border-radius:14px;padding:0;background:#fafafa;margin-bottom:18px}\r\n.lq-advanced>summary{cursor:pointer;list-style:none;padding:14px 16px;font-weight:700;display:flex;align-items:center;gap:10px;border-radius:12px}\r\n.lq-advanced>summary:hover{background:#f3f4f6}\r\n.lq-advanced[open]{box-shadow:inset 0 0 0 1px #eee}\r\n.lq-advanced>div{padding:0 16px 14px 16px}\r\n.lq-advanced>summary::after{content:\"\";margin-left:auto;width:12px;height:8px;background-image:url(\"data:image\/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M1 1.5l5 5 5-5' stroke='%23999' stroke-width='2' fill='none' stroke-linecap='round'\/%3E%3C\/svg%3E\");background-size:12px 8px;background-repeat:no-repeat;transition:transform .18s ease}\r\n.lq-advanced[open]>summary::after{transform:rotate(180deg)}\r\n\r\n\/* Phone row (strict black & white) *\/\r\n.lq-phone{display:grid;grid-template-columns:92px 1fr;gap:8px;align-items:center}\r\n.lq-dial{position:relative}\r\n.lq-dial-btn{\r\n  width:100%; border:1px solid #e3e3e3; border-radius:14px;\r\n  padding:12px 34px 12px 14px;\r\n  font: 14px\/1.2 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\r\n  background:#fff; color:#111; text-align:left; cursor:pointer; position:relative;\r\n}\r\n.lq-dial-btn::after{\r\n  content:\"\"; position:absolute; right:12px; top:50%; width:12px; height:8px; transform:translateY(-50%);\r\n  background-image:url(\"data:image\/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M1 1.5l5 5 5-5' stroke='%23999' stroke-width='2' fill='none' stroke-linecap='round'\/%3E%3C\/svg%3E\");\r\n  background-size:12px 8px; background-repeat:no-repeat;\r\n}\r\n.lq-dial-panel {\r\n    position: absolute;\r\n    top: calc(100% + 4px); \/* small gap below the button *\/\r\n    left: 0;\r\n    width: 100%;            \/* match button width *\/\r\n    z-index: 99999; \/* Increased z-index for safety *\/\r\n    background-color: #fff; \/* ENSURE SOLID BACKGROUND *\/\r\n    border: 1px solid #e6e6e6;\r\n    border-radius: 14px;\r\n    box-shadow: 0 12px 36px rgba(0,0,0,.10);\r\n    padding: 8px;\r\n    max-height: 300px;\r\n    overflow-y: auto;\r\n    transform: translateY(0); \/* fixes quirks in flex\/grid *\/\r\n}\r\n\r\n#patient-form .lq-phone .lq-dial-panel {\r\n  width: auto;          \/* don\u2019t lock to 92px column *\/\r\n  min-width: 260px;     \/* room for readable placeholder *\/\r\n}\r\n\r\n\/* Arabic mobile: keep phone country dropdown inside viewport *\/\r\n@media (max-width: 768px) {\r\n  html[dir=\"rtl\"] #patient-form .lq-phone .lq-dial-panel {\r\n    left: auto !important;\r\n    right: 0 !important;\r\n    max-width: calc(100vw - 24px) !important;\r\n  }\r\n}\r\n\r\n.lq-phone, .lq-card {\r\n  overflow: visible !important;\r\n}\r\n\r\n.lq-dial-filter {\r\n  width:100%;\r\n  padding:12px 14px;\r\n  margin-bottom:10px;\r\n  font-size:14px;\r\n  box-sizing:border-box;\r\n  border-radius:10px;\r\n  border:1px solid #e3e3e3;\r\n  background:#fff;\r\n  color:#111;\r\n}\r\n\r\n.lq-dial-list{\r\n  max-height:300px; overflow:auto; margin:0; padding:0; list-style:none;\r\n}\r\n.lq-dial-item{\r\n  font-size:13px; padding:16px 14px; border-radius:10px; cursor:pointer;\r\n  display:flex; justify-content:space-between; align-items:center; gap:14px; line-height:1.3; color:#111;\r\n  background: #fff; \/* Ensure item background is white *\/\r\n}\r\n.lq-dial-item span{flex:0 0 48px; font-weight:600;}\r\n.lq-dial-item small{flex:1; color:#666; font-size:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}\r\n.lq-dial-item:hover,.lq-dial-item[aria-selected=\"true\"]{background:#f5f5f5}\r\n\r\n\/* Button (no hover jump) *\/\r\n.lq-btn{background:#BD552A;color:#fff;border:1px solid #e3e3e3;border-radius:10px;padding:10px 18px;font-weight:800;cursor:pointer;box-shadow:none !important;transition:none !important}\r\n.lq-btn:hover,.lq-btn:active,.lq-btn:focus{box-shadow:none !important;border-color:#000;background:#BD552A}\r\n\r\n\/* Success card styles + premium fade-in *\/\r\n#lq-success-card{\r\n  max-width:720px;\r\n  margin:14px auto 0;\r\n  background:#fff;\r\n  border:1px solid #eee;\r\n  border-radius:20px;\r\n  box-shadow:0 10px 30px rgba(0,0,0,.06);\r\n  padding:28px 22px;\r\n  text-align:center;\r\n\r\n  \/* premium fade-in *\/\r\n  opacity:0;\r\n  transform:translateY(6px);\r\n  animation:lqFadeUp .45s ease-out .12s forwards;\r\n}\r\n\r\n#lq-success-card h2{\r\n  font-size:24px;\r\n  font-weight:700;\r\n  margin:12px 0 14px;\r\n  color:#222;\r\n}\r\n\r\n#lq-success-card p{\r\n  font-size:17px;\r\n  line-height:1.7;\r\n  color:#444;\r\n  max-width:720px;\r\n  margin:0 auto 20px;\r\n}\r\n\r\n#lq-success-card .lq-spam-note{\r\n  font-size: 13px;\r\n  line-height: 1.6;\r\n  color: #6b7280;\r\n  margin: -6px auto 16px;\r\n  max-width: 720px;\r\n}\r\n\r\n\/* Icon (class is reused inside the card) *\/\r\n.lq-success-icon{\r\n  width:44px;\r\n  height:44px;\r\n  border-radius:12px;\r\n  background:#f5fff8;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  margin-bottom:8px;\r\n}\r\n\r\n\/* Steps \u2014 premium cards with gradient number badge *\/\r\n#lq-success-card .lq-steps{\r\n  counter-reset: step;\r\n  display:grid;\r\n  gap:12px;\r\n  margin:20px auto 0;\r\n  max-width:640px;\r\n  text-align:start;\r\n  padding:0;\r\n}\r\n\r\n#lq-success-card .lq-steps li{\r\n  list-style:none;\r\n  display:flex;\r\n  align-items:flex-start;\r\n  gap:12px;\r\n  padding:14px 16px;\r\n  border:1px solid #eee;\r\n  border-radius:14px;\r\n  background:#fff;\r\n  box-shadow:0 6px 18px rgba(0,0,0,.04);\r\n}\r\n\r\n#lq-success-card .lq-steps .badge{\r\n  width:30px;\r\n  height:30px;\r\n  border-radius:999px;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  font-weight:800;\r\n  font-size:14px;\r\n  color:#fff;\r\n  background:linear-gradient(90deg,#ff7a00,#ff5fa2);\r\n  box-shadow:0 2px 8px rgba(0,0,0,.08);\r\n  flex-shrink:0;\r\n  margin-top:2px;\r\n}\r\n\r\n#lq-success-card .lq-steps .text{\r\n  font-size:17px;\r\n  line-height:1.6;\r\n  color:#333;\r\n}\r\n\r\n\/* subtle focus\/hover polish for accessibility *\/\r\n#lq-success-card .lq-steps li:hover{\r\n  box-shadow:0 10px 24px rgba(0,0,0,.06);\r\n  border-color:#e7e7e7;\r\n}\r\n\r\n@media (max-width:480px){\r\n  #lq-success-card .lq-steps li{ padding:12px 14px; }\r\n  #lq-success-card .lq-steps .text{ font-size:16px; }\r\n}\r\n\r\n\/* Animation + reduced motion *\/\r\n@keyframes lqFadeUp { to { opacity:1; transform:none; } }\r\n\r\n@media (prefers-reduced-motion: reduce){\r\n  #lq-success-card{ animation:none; opacity:1; transform:none; }\r\n}\r\n\r\n\/* LQ:PHONE_DROPDOWN FIX START *\/\r\n\/* --- Phone dropdown solid backgrounds --- *\/\r\n#patient-form .lq-phone .lq-dial-panel { background:#fff !important; }\r\n#patient-form .lq-phone .lq-dial-filter { background:#fff !important; }\r\n#patient-form .lq-phone .lq-dial-list   { background:#fff !important; }\r\n#patient-form .lq-phone .lq-dial-item   { background:#fff; }\r\n\r\n#patient-form .lq-phone .lq-dial-item:hover,\r\n#patient-form .lq-phone .lq-dial-item[aria-selected=\"true\"] {\r\n  background:#f5f5f5 !important;\r\n}\r\n\r\n#patient-form .lq-phone .lq-dial-panel::-webkit-scrollbar-track { background:#fff; }\r\n\r\n#patient-form .lq-phone .lq-dial-filter::placeholder { \r\n  color:#6b7280; \r\n  opacity:1;           \/* Firefox honors this *\/\r\n}\r\n#patient-form .lq-phone .lq-dial-filter::-webkit-input-placeholder { \r\n  color:#6b7280;       \/* Chrome\/Safari *\/\r\n  opacity:1;\r\n}\r\n#patient-form .lq-phone .lq-dial-filter::-moz-placeholder { \r\n  color:#6b7280;       \/* Old Firefox *\/\r\n  opacity:1;\r\n}\r\n#patient-form .lq-phone .lq-dial-filter:-ms-input-placeholder { \r\n  color:#6b7280;       \/* Legacy Edge\/IE *\/\r\n}\r\n\r\n\/* LQ:PHONE_DROPDOWN FIX END *\/\r\n\r\n\/* ==============================\r\n   LQ:FORM HEADER \u2014 Premium style to match other sections\r\n   ============================== *\/\r\n#patient-form .lq-form-header {\r\n  text-align: center;\r\n  margin-bottom: 24px; \/* more breathing room to echo the other sections header *\/\r\n}\r\n\r\n#patient-form .lq-form-header h2 {\r\n  font-size: 28px;         \/* mirrors .lq-expat-header h2 *\/\r\n  font-weight: 700;\r\n  line-height: 1.25;\r\n  margin: 0 0 20px 0;      \/* match rhythm of expat header *\/\r\n  color: #222;\r\n  position: relative;      \/* for the underline *\/\r\n}\r\n\r\n#patient-form .lq-form-header h2::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  bottom: -8px;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  width: 80px;\r\n  height: 3px;\r\n  background: linear-gradient(90deg, #ff7a00, #ff5fa2);\r\n  border-radius: 4px;\r\n}\r\n\r\n#patient-form .lq-form-header p {\r\n  font-size: 17px;         \/* mirrors .lq-expat-intro *\/\r\n  line-height: 1.7;\r\n  color: #444;\r\n  max-width: 720px;        \/* same readable width *\/\r\n  margin: 0 auto 6px;      \/* centered + slightly tighter for form context *\/\r\n  text-align: center;\r\n}\r\n\r\n\/* Optional: slightly shorter underline on very small screens *\/\r\n@media (max-width: 480px) {\r\n  #patient-form .lq-form-header h2::after { width: 64px; }\r\n}\r\n\r\n\/* Premium pending state *\/\r\n#lq-pending {\r\n  display: none;\r\n  margin-top: 18px;\r\n  font-size: 18px;\r\n  font-weight: 600;\r\n  color: #333;\r\n  text-align: center;\r\n  line-height: 1.6;\r\n}\r\n\r\n\/* Anchor offset so sticky header doesn't cover the card *\/\r\n#patient-form { scroll-margin-top: 0px; }\r\n@media (max-width: 768px) { #patient-form { scroll-margin-top: 0px; } }\r\n\r\n<\/style>\r\n\r\n<!-- LQ:CSS END -->\r\n\r\n<script>\r\n\r\n\/\/ Start time for timing trap\r\n  document.getElementById('form_started_at').value = Date.now();\r\n\r\n  \/\/ Block bots that fill instantly or touch honeypot\r\n  document.getElementById('lumiquest_patient_form').addEventListener('submit', function (e) {\r\n    const hp = document.getElementById('middle_name');\r\n    const started = +document.getElementById('form_started_at').value || 0;\r\n    if (hp && hp.value) { e.preventDefault(); return; }\r\n    if (Date.now() - started < 3000) {  \/\/ < 3s\r\n      e.preventDefault();\r\n      const msgError = document.getElementById('lq-error');\r\n      msgError.textContent = LQ_I18N.t('confirmFail'); \r\n      msgError.style.display = 'block';\r\n    }\r\n  }, { capture: true });\r\n\r\n\/* Reset cached inputs on back\/refresh *\/\r\nwindow.addEventListener('pageshow', () => {\r\n  const f=document.getElementById('lumiquest_patient_form');\r\n  if(f){f.reset();}\r\n});\r\n\r\n\/\/ LQ:CHOICES_JS START\r\n\/* ---------- Sub-reasons ---------- *\/\r\nconst form = document.getElementById('lumiquest_patient_form');\r\nconst reasonSel = form?.querySelector('#reason_for_visit');\r\nconst subSel    = form?.querySelector('#sub_reason');\r\nconst subWrap   = form?.querySelector('#sub_reason_wrap');\r\n\r\nconst subReasonMap = {\r\n  pain: [\r\n    \"Cold Sensitivity \u2013 sharp pain when drinking cold or breathing cold air\",\r\n    \"Severe Toothache \u2013 constant or throbbing pain in one or more teeth\",\r\n    \"Swollen Gums or Abscess \u2013 painful bump or swelling on your gums\",\r\n    \"Broken or Cracked Tooth \u2013 painful when chewing or touching\",\r\n    \"Wisdom Tooth Pain \u2013 pain or swelling in the back of your mouth\",\r\n    \"Pain After a Recent Treatment \u2013 discomfort after dental work\",\r\n    \"Jaw Pain or Clicking \u2013 pain near ear or clicking in the jaw\",\r\n    \"Something Else \u2013 I\u2019ll explain below\"\r\n  ],\r\n  missing_broken: [\r\n    \"Missing Tooth \u2013 I lost a tooth and want to replace it\",\r\n    \"Broken Tooth (Not Painful) \u2013 part of my tooth is chipped or cracked\",\r\n    \"Full Mouth Tooth Loss \u2013 I\u2019ve lost most or all of my teeth\",\r\n    \"Dental Bridge Needed \u2013 I want to replace missing teeth with a fixed bridge\",\r\n    \"Dental Implant Needed \u2013 I want a permanent tooth replacement\",\r\n    \"Dentures Needed \u2013 I\u2019m looking for full or partial dentures\",\r\n    \"Tooth Extracted Recently \u2013 I need to replace a tooth that was removed\",\r\n    \"Something Else \u2013 I\u2019ll explain below\"\r\n  ],\r\n  improve_smile: [\r\n    \"Hollywood Smile \u2013 full smile makeover with veneers or crowns\",\r\n    \"Dental Veneers \u2013 I want to reshape or whiten my front teeth\",\r\n    \"Teeth Whitening \u2013 I want a brighter, whiter smile\",\r\n    \"Smile Makeover \u2013 not sure which treatment, but I want a better smile\",\r\n    \"Gum Reshaping \u2013 my gums are uneven or show too much when I smile\",\r\n    \"Tooth Bonding \u2013 small chips, gaps, or imperfections to fix\",\r\n    \"Something Else \u2013 I\u2019ll explain below\"\r\n  ],\r\n  straighten: [\r\n    \"Invisalign \u2013 I want invisible, removable aligners\",\r\n    \"Braces \u2013 I\u2019m open to fixed brackets (metallic or ceramic)\",\r\n    \"Damon Braces \u2013 self-ligating brackets\",\r\n    \"Myobrace \u2013 habit-correcting appliance for kids\/teens\",\r\n    \"Lingual Braces \u2013 hidden behind the teeth (invisible)\",\r\n    \"Clear Aligners \u2013 I\u2019m exploring alternatives to Invisalign\",\r\n    \"Crooked Teeth \u2013 not sure which option, just want straighter teeth\/better bite\",\r\n    \"Gaps Between My Teeth \u2013 I want to close the spacing\",\r\n    \"Something Else \u2013 I\u2019ll explain below\"\r\n  ],\r\n  routine: [\r\n    \"Teeth Cleaning \u2013 I want a professional cleaning (scaling & polishing)\",\r\n    \"Dental Check-Up \u2013 just a routine dental exam\",\r\n    \"Cavity Filling \u2013 I have a small cavity or hole in a tooth\",\r\n    \"Tooth Sensitivity \u2013 discomfort with cold, sweet, or touch\",\r\n    \"Stained Teeth \u2013 mild stains I want to clean or polish off\",\r\n    \"Bleeding Gums \u2013 gums bleed when I brush or floss\",\r\n    \"Bad Breath \u2013 I want to check the cause of bad breath\",\r\n    \"Something Else \u2013 I\u2019ll explain below\"\r\n  ],\r\n  not_sure: [\r\n    \"I need help figuring out the best treatment for me\",\r\n    \"I have multiple dental concerns and don\u2019t know where to start\",\r\n    \"I\u2019ve never had dental work and I feel nervous\",\r\n    \"I want to compare treatment options before I decide\",\r\n    \"I just want to talk to someone I trust before I book\",\r\n    \"Something else \u2013 I\u2019ll explain below\"\r\n  ],\r\n  something_else: [\"I\u2019ll type the details below\"]\r\n};\r\n\r\nfunction valueToKey(val = \"\") {\r\n  const v = String(val).toLowerCase();\r\n  if (v.includes(\"pain\")) return \"pain\";\r\n  if (v.includes(\"missing\") || v.includes(\"broken\")) return \"missing_broken\";\r\n  if (v.includes(\"improve my smile\")) return \"improve_smile\";\r\n  if (v.includes(\"straighten teeth\")) return \"straighten\";\r\n  if (v.includes(\"routine\")) return \"routine\";\r\n  if (v.includes(\"not sure\")) return \"not_sure\";\r\n  if (v.includes(\"something else\")) return \"something_else\";\r\n  return \"\";\r\n}\r\nfunction populateSubReasons(key) {\r\n  if (!subSel || !subWrap) return;\r\n  subSel.innerHTML = '<option value=\"\">- Select -<\/option>';\r\n  const rows = subReasonMap[key] || [];\r\n  rows.forEach(txt => {\r\n    const o = document.createElement('option');\r\n    o.value = txt; o.textContent = txt;\r\n    subSel.appendChild(o);\r\n  });\r\n  const hasRows = rows.length > 0;\r\n  subWrap.style.display = hasRows ? 'block' : 'none';\r\n  subSel.required = hasRows;\r\n}\r\nif (subWrap) subWrap.style.display = 'none';\r\nreasonSel?.addEventListener('change', (e) => populateSubReasons(valueToKey(e.target.value)));\r\nif (reasonSel?.value) populateSubReasons(valueToKey(reasonSel.value));\r\n\/\/ LQ:CHOICES_JS END\r\n\r\n\/\/ LQ:UPLOADS_JS START\r\n\/* ---------- Upload UI ---------- *\/\r\n\r\nconst uploadsSelect = document.getElementById('uploads_select');\r\nconst uploadsWrap   = document.getElementById('uploads_wrapper');\r\nconst uploadsInput  = document.getElementById('uploads');\r\nconst consentBox    = document.getElementById('consent');\r\nconst advancedBox   = document.querySelector('.lq-advanced');\r\nconst MAX_FILES = 6;\r\nconst MAX_SIZE = 10 * 1024 * 1024; \/\/ 10MB\r\nconst ALLOWED = ['image\/jpeg','image\/png','image\/webp','application\/pdf','image\/heic','image\/heif'];\r\n\r\nuploadsInput?.addEventListener('change', () => {\r\n  const files = Array.from(uploadsInput.files || []);\r\n  let ok = true, reason = '';\r\n  if (files.length > MAX_FILES) { ok = false; reason = 'Too many files.'; }\r\n  if (ok && files.some(f => f.size > MAX_SIZE)) { ok = false; reason = 'A file exceeds 10MB.'; }\r\n  if (ok && files.some(f => !ALLOWED.includes(f.type))) { ok = false; reason = 'Unsupported file type.'; }\r\n  if (!ok) { uploadsInput.value = ''; clearUploadsUI(); alert(reason); }\r\n});\r\n\r\nconst uploadsList = document.createElement('ul');\r\nuploadsList.id = 'uploads_list';\r\ndocument.getElementById('uploads')?.insertAdjacentElement('afterend', uploadsList);\r\n\r\nfunction formatBytes(b){\r\n  if(!b && b!==0) return '';\r\n  const u = ['B','KB','MB','GB'];\r\n  let i = 0, n = b;\r\n  while(n >= 1024 && i < u.length-1){ n\/=1024; i++; }\r\n  return `${n.toFixed(n < 10 && i>0 ? 1 : 0)} ${u[i]}`;\r\n}\r\nfunction renderUploadsList(){\r\n  uploadsList.innerHTML = '';\r\n  const input = document.getElementById('uploads');\r\n  if(!input || !input.files || !input.files.length) return;\r\n  Array.from(input.files).forEach(file=>{\r\n    const li = document.createElement('li');\r\n    li.innerHTML = `<span class=\"name\">${file.name}<\/span><span class=\"size\">${formatBytes(file.size)}<\/span>`;\r\n    uploadsList.appendChild(li);\r\n  });\r\n}\r\ndocument.getElementById('uploads')?.addEventListener('change', renderUploadsList);\r\nfunction clearUploadsUI(){ uploadsList.innerHTML = ''; }\r\ndocument.getElementById('uploads_select')?.addEventListener('change', (e)=>{\r\n  if(e.target.value !== 'Yes') clearUploadsUI();\r\n});\r\nfunction syncUploadsUI() {\r\n  const wantsUploads = uploadsSelect && uploadsSelect.value === 'Yes';\r\n  uploadsWrap?.classList.toggle('lq-hidden', !wantsUploads);\r\n  uploadsWrap?.setAttribute('aria-hidden', wantsUploads ? 'false' : 'true');\r\n  if (consentBox) consentBox.required = !!wantsUploads;\r\n  if (advancedBox && wantsUploads && !advancedBox.open) advancedBox.open = true;\r\n  if (!wantsUploads) {\r\n    if (uploadsInput) uploadsInput.value = '';\r\n    if (consentBox) consentBox.checked = false;\r\n  }\r\n}\r\nuploadsSelect?.addEventListener('change', syncUploadsUI);\r\nsyncUploadsUI();\r\n\/\/ LQ:UPLOADS_JS END\r\n\r\n\/\/ LQ:PHONE_JS START\r\n\/* ---------- Country calling codes ---------- *\/\r\nconst COUNTRY_CODES = [\r\n  {n:\"Afghanistan\",c:\"+93\"},{n:\"Albania\",c:\"+355\"},{n:\"Algeria\",c:\"+213\"},{n:\"Andorra\",c:\"+376\"},\r\n  {n:\"Angola\",c:\"+244\"},{n:\"Antigua and Barbuda\",c:\"+1\"},{n:\"Argentina\",c:\"+54\"},{n:\"Armenia\",c:\"+374\"},\r\n  {n:\"Australia\",c:\"+61\"},{n:\"Austria\",c:\"+43\"},{n:\"Azerbaijan\",c:\"+994\"},{n:\"Bahamas\",c:\"+1\"},\r\n  {n:\"Bahrain\",c:\"+973\"},{n:\"Bangladesh\",c:\"+880\"},{n:\"Barbados\",c:\"+1\"},{n:\"Belarus\",c:\"+375\"},\r\n  {n:\"Belgium\",c:\"+32\"},{n:\"Belize\",c:\"+501\"},{n:\"Benin\",c:\"+229\"},{n:\"Bhutan\",c:\"+975\"},\r\n  {n:\"Bolivia\",c:\"+591\"},{n:\"Bosnia and Herzegovina\",c:\"+387\"},{n:\"Botswana\",c:\"+267\"},\r\n  {n:\"Brazil\",c:\"+55\"},{n:\"Brunei\",c:\"+673\"},{n:\"Bulgaria\",c:\"+359\"},{n:\"Burkina Faso\",c:\"+226\"},\r\n  {n:\"Burundi\",c:\"+257\"},{n:\"Cabo Verde\",c:\"+238\"},{n:\"Cambodia\",c:\"+855\"},{n:\"Cameroon\",c:\"+237\"},\r\n  {n:\"Canada\",c:\"+1\"},{n:\"Central African Republic\",c:\"+236\"},{n:\"Chad\",c:\"+235\"},\r\n  {n:\"Chile\",c:\"+56\"},{n:\"China\",c:\"+86\"},{n:\"Colombia\",c:\"+57\"},{n:\"Comoros\",c:\"+269\"},\r\n  {n:\"Congo (Republic)\",c:\"+242\"},{n:\"Congo (DRC)\",c:\"+243\"},{n:\"Costa Rica\",c:\"+506\"},\r\n  {n:\"C\u00f4te d\u2019Ivoire\",c:\"+225\"},{n:\"Croatia\",c:\"+385\"},{n:\"Cuba\",c:\"+53\"},{n:\"Cyprus\",c:\"+357\"},\r\n  {n:\"Czechia (Czech Republic)\",c:\"+420\"},{n:\"Denmark\",c:\"+45\"},{n:\"Djibouti\",c:\"+253\"},\r\n  {n:\"Dominica\",c:\"+1\"},{n:\"Dominican Republic\",c:\"+1\"},{n:\"Ecuador\",c:\"+593\"},{n:\"Egypt\",c:\"+20\"},\r\n  {n:\"El Salvador\",c:\"+503\"},{n:\"Equatorial Guinea\",c:\"+240\"},{n:\"Eritrea\",c:\"+291\"},\r\n  {n:\"Estonia\",c:\"+372\"},{n:\"Eswatini\",c:\"+268\"},{n:\"Ethiopia\",c:\"+251\"},\r\n  {n:\"Fiji\",c:\"+679\"},{n:\"Finland\",c:\"+358\"},{n:\"France\",c:\"+33\"},\r\n  {n:\"Gabon\",c:\"+241\"},{n:\"Gambia\",c:\"+220\"},{n:\"Georgia\",c:\"+995\"},{n:\"Germany\",c:\"+49\"},\r\n  {n:\"Ghana\",c:\"+233\"},{n:\"Greece\",c:\"+30\"},{n:\"Grenada\",c:\"+1\"},{n:\"Guatemala\",c:\"+502\"},\r\n  {n:\"Guinea\",c:\"+224\"},{n:\"Guinea-Bissau\",c:\"+245\"},{n:\"Guyana\",c:\"+592\"},\r\n  {n:\"Haiti\",c:\"+509\"},{n:\"Honduras\",c:\"+504\"},{n:\"Hungary\",c:\"+36\"},\r\n  {n:\"Iceland\",c:\"+354\"},{n:\"India\",c:\"+91\"},{n:\"Indonesia\",c:\"+62\"},{n:\"Iran\",c:\"+98\"},\r\n  {n:\"Iraq\",c:\"+964\"},{n:\"Ireland\",c:\"+353\"},{n:\"Israel\",c:\"+972\"},{n:\"Italy\",c:\"+39\"},\r\n  {n:\"Jamaica\",c:\"+1\"},{n:\"Japan\",c:\"+81\"},{n:\"Jordan\",c:\"+962\"},\r\n  {n:\"Kazakhstan\",c:\"+7\"},{n:\"Kenya\",c:\"+254\"},{n:\"Kiribati\",c:\"+686\"},{n:\"Kuwait\",c:\"+965\"},\r\n  {n:\"Kyrgyzstan\",c:\"+996\"},{n:\"Laos\",c:\"+856\"},{n:\"Latvia\",c:\"+371\"},{n:\"Lebanon\",c:\"+961\"},\r\n  {n:\"Lesotho\",c:\"+266\"},{n:\"Liberia\",c:\"+231\"},{n:\"Libya\",c:\"+218\"},{n:\"Liechtenstein\",c:\"+423\"},\r\n  {n:\"Lithuania\",c:\"+370\"},{n:\"Luxembourg\",c:\"+352\"},\r\n  {n:\"Madagascar\",c:\"+261\"},{n:\"Malawi\",c:\"+265\"},{n:\"Malaysia\",c:\"+60\"},{n:\"Maldives\",c:\"+960\"},\r\n  {n:\"Mali\",c:\"+223\"},{n:\"Malta\",c:\"+356\"},{n:\"Marshall Islands\",c:\"+692\"},\r\n  {n:\"Mauritania\",c:\"+222\"},{n:\"Mauritius\",c:\"+230\"},{n:\"Mexico\",c:\"+52\"},\r\n  {n:\"Micronesia\",c:\"+691\"},{n:\"Moldova\",c:\"+373\"},{n:\"Monaco\",c:\"+377\"},{n:\"Mongolia\",c:\"+976\"},\r\n  {n:\"Montenegro\",c:\"+382\"},{n:\"Morocco\",c:\"+212\"},{n:\"Mozambique\",c:\"+258\"},\r\n  {n:\"Myanmar (Burma)\",c:\"+95\"},{n:\"Namibia\",c:\"+264\"},{n:\"Nauru\",c:\"+674\"},{n:\"Nepal\",c:\"+977\"},\r\n  {n:\"Netherlands\",c:\"+31\"},{n:\"New Zealand\",c:\"+64\"},{n:\"Nicaragua\",c:\"+505\"},{n:\"Niger\",c:\"+227\"},\r\n  {n:\"Nigeria\",c:\"+234\"},{n:\"North Macedonia\",c:\"+389\"},{n:\"Norway\",c:\"+47\"},{n:\"Oman\",c:\"+968\"},{n:\"Pakistan\",c:\"+92\"},{n:\"Palau\",c:\"+680\"},\r\n  {n:\"Panama\",c:\"+507\"},{n:\"Papua New Guinea\",c:\"+675\"},{n:\"Paraguay\",c:\"+595\"},{n:\"Peru\",c:\"+51\"},\r\n  {n:\"Philippines\",c:\"+63\"},{n:\"Poland\",c:\"+48\"},{n:\"Portugal\",c:\"+351\"},\r\n  {n:\"Qatar\",c:\"+974\"},{n:\"Romania\",c:\"+40\"},{n:\"Russia\",c:\"+7\"},{n:\"Rwanda\",c:\"+250\"},\r\n  {n:\"Saint Kitts and Nevis\",c:\"+1\"},{n:\"Saint Lucia\",c:\"+1\"},{n:\"Saint Vincent and the Grenadines\",c:\"+1\"},\r\n  {n:\"Samoa\",c:\"+685\"},{n:\"San Marino\",c:\"+378\"},{n:\"S\u00e3o Tom\u00e9 and Pr\u00edncipe\",c:\"+239\"},\r\n  {n:\"Saudi Arabia\",c:\"+966\"},{n:\"Senegal\",c:\"+221\"},{n:\"Serbia\",c:\"+381\"},{n:\"Seychelles\",c:\"+248\"},\r\n  {n:\"Sierra Leone\",c:\"+232\"},{n:\"Singapore\",c:\"+65\"},{n:\"Slovakia\",c:\"+421\"},{n:\"Slovenia\",c:\"+386\"},\r\n  {n:\"Solomon Islands\",c:\"+677\"},{n:\"Somalia\",c:\"+252\"},{n:\"South Africa\",c:\"+27\"},\r\n  {n:\"South Korea\",c:\"+82\"},{n:\"South Sudan\",c:\"+211\"},{n:\"Spain\",c:\"+34\"},{n:\"Sri Lanka\",c:\"+94\"},\r\n  {n:\"Sudan\",c:\"+249\"},{n:\"Suriname\",c:\"+597\"},{n:\"Sweden\",c:\"+46\"},{n:\"Switzerland\",c:\"+41\"},\r\n  {n:\"Syria\",c:\"+963\"},{n:\"Taiwan\",c:\"+886\"},{n:\"Tajikistan\",c:\"+992\"},{n:\"Tanzania\",c:\"+255\"},\r\n  {n:\"Thailand\",c:\"+66\"},{n:\"Timor-Leste\",c:\"+670\"},{n:\"Togo\",c:\"+228\"},{n:\"Tonga\",c:\"+676\"},\r\n  {n:\"Trinidad and Tobago\",c:\"+1\"},{n:\"Tunisia\",c:\"+216\"},{n:\"T\u00fcrkiye (Turkey)\",c:\"+90\"},\r\n  {n:\"Turkmenistan\",c:\"+993\"},{n:\"Tuvalu\",c:\"+688\"},{n:\"Uganda\",c:\"+256\"},{n:\"Ukraine\",c:\"+380\"},\r\n  {n:\"United Arab Emirates\",c:\"+971\"},{n:\"United Kingdom\",c:\"+44\"},\r\n  {n:\"United States\",c:\"+1\"},{n:\"Uruguay\",c:\"+598\"},{n:\"Uzbekistan\",c:\"+998\"},\r\n  {n:\"Vanuatu\",c:\"+678\"},{n:\"Vatican City\",c:\"+379\"},{n:\"Venezuela\",c:\"+58\"},{n:\"Vietnam\",c:\"+84\"},\r\n  {n:\"Yemen\",c:\"+967\"},{n:\"Zambia\",c:\"+260\"},{n:\"Zimbabwe\",c:\"+263\"},\r\n  {n:\"Hong Kong\",c:\"+852\"},{n:\"Macau\",c:\"+853\"},{n:\"Palestine\",c:\"+970\"},\r\n  {n:\"Puerto Rico\",c:\"+1\"},{n:\"Guam\",c:\"+1\"},{n:\"US Virgin Islands\",c:\"+1\"},\r\n  {n:\"Jersey\",c:\"+44\"},{n:\"Guernsey\",c:\"+44\"},{n:\"Isle of Man\",c:\"+44\"},\r\n  {n:\"Greenland\",c:\"+299\"},{n:\"Faroe Islands\",c:\"+298\"},\r\n  {n:\"Aruba\",c:\"+297\"},{n:\"Cura\u00e7ao\",c:\"+599\"},{n:\"Bermuda\",c:\"+1\"},\r\n  {n:\"Gibraltar\",c:\"+350\"},{n:\"Martinique\",c:\"+596\"},{n:\"Guadeloupe\",c:\"+590\"},\r\n  {n:\"R\u00e9union\",c:\"+262\"},{n:\"French Guiana\",c:\"+594\"},{n:\"Mayotte\",c:\"+262\"},\r\n  {n:\"New Caledonia\",c:\"+687\"},{n:\"French Polynesia\",c:\"+689\"},\r\n  {n:\"\u00c5land Islands\",c:\"+358\"},{n:\"Monaco (Mobile ranges)\",c:\"+377\"}\r\n];\r\n\r\n\/* --- Phone helpers --- *\/\r\nconst dialBtn   = document.getElementById('dial_btn');\r\nconst dialPanel = document.getElementById('dial_panel');\r\nconst dialList  = document.getElementById('dial_listbox');\r\nconst dialFilter= document.getElementById('dial_filter');\r\nconst dialHidden= document.getElementById('dial_code_standardized');\r\nconst phoneLocal= document.getElementById('phone_local');\r\nconst phoneError= document.getElementById('phone_error');\r\n\r\nfunction positionPanel() {\r\n  \/\/ With CSS top:100% + left:0, no JS positioning needed\r\n  \/\/ Keep this empty or remove calls to this function\r\n}\r\n\r\ndialBtn.addEventListener('click', (e) => {\r\n  e.stopPropagation();\r\n  const isOpen = !dialPanel.classList.contains('lq-hidden');\r\n  isOpen ? closePanel() : openPanel();\r\n});\r\n\r\n\r\n\r\nwindow.addEventListener(\"resize\", positionPanel);\r\n\r\n\r\nlet selectedCode = \"+971\";\r\ndialBtn.textContent = selectedCode;\r\ndialHidden.value    = selectedCode;\r\n\r\n\/* Render dial list *\/\r\nfunction renderList(q = \"\", force=false) {\r\n  const s = q.trim().toLowerCase();\r\n  dialList.innerHTML = \"\";\r\n\r\n  \/\/ If not typing anything and not forced, exit\r\n  if (!s && !force) return;\r\n\r\n  const rows = COUNTRY_CODES.filter(({ n, c }) => {\r\n    if (force) return true; \/\/ show all if forced\r\n    return c.replace(\"+\", \"\").startsWith(s.replace(\"+\", \"\")) || n.toLowerCase().includes(s);\r\n  });\r\n\r\n  rows.forEach(({ n, c }) => {\r\n    const li = document.createElement(\"li\");\r\n    li.className = \"lq-dial-item\";\r\n    li.setAttribute(\"role\", \"option\");\r\n    li.setAttribute(\"data-code\", c);\r\n    li.innerHTML = `<span>${c}<\/span><small>${n}<\/small>`;\r\n    if (c === selectedCode) li.setAttribute(\"aria-selected\", \"true\");\r\n    li.addEventListener(\"click\", () => {\r\n      selectedCode = c;\r\n      dialBtn.textContent = c;\r\n      dialHidden.value = c;\r\n      formatAsYouType();\r\n      validatePhone();\r\n      closePanel();\r\n    });\r\n    dialList.appendChild(li);\r\n  });\r\n}\r\n\r\n\r\n\r\n\r\nfunction openPanel() {\r\n  renderList(\"\", true);  \/\/ force full list\r\n  dialPanel.classList.remove('lq-hidden');\r\n  dialBtn.setAttribute('aria-expanded','true');\r\n  setTimeout(() => dialFilter.focus(), 0); \/\/ ensure input is focused\r\n}\r\n\r\nfunction closePanel(){ dialPanel.classList.add('lq-hidden'); dialBtn.setAttribute('aria-expanded','false'); dialBtn.focus(); }\r\ndialFilter.addEventListener('input', (e)=>renderList(e.target.value));\r\ndialFilter.addEventListener('keydown', (e)=>{\r\n  const items = [...dialList.querySelectorAll('.lq-dial-item')];\r\n  const idx = items.findIndex(x=>x.matches('[aria-selected=\"true\"]'));\r\n  if(e.key==='ArrowDown'){ e.preventDefault(); const next = items[Math.min((idx<0?0:idx+1), items.length-1)];\r\n    items.forEach(x=>x.removeAttribute('aria-selected')); next?.setAttribute('aria-selected','true'); next?.scrollIntoView({block:'nearest'});}\r\n  else if(e.key==='ArrowUp'){ e.preventDefault(); const prev = items[Math.max((idx<0?0:idx-1), 0)];\r\n    items.forEach(x=>x.removeAttribute('aria-selected')); prev?.setAttribute('aria-selected','true'); prev?.scrollIntoView({block:'nearest'});}\r\n  else if(e.key==='Enter'){ (dialList.querySelector('[aria-selected=\"true\"]')||items[0])?.click(); }\r\n  else if(e.key==='Escape'){ closePanel(); }\r\n});\r\ndocument.addEventListener('click', (e)=>{ if(!dialPanel.classList.contains('lq-hidden')){ const root = document.getElementById('lq-dial'); if(!root.contains(e.target)) closePanel(); }});\r\n\r\n\/* Compose E.164 (for hidden mirrors) *\/\r\nfunction composeE164(){\r\n  const dial = (dialHidden.value||'').replace(\/\\s\/g,'');                 \/\/ \"+971\"\r\n  const localDigits = (phoneLocal.value||'').replace(\/[^\\d]\/g,'');        \/\/ keep digits only\r\n  return (dial + localDigits).replace('++','+');\r\n}\r\n\r\n\/* As-you-type formatting (country-aware based on selected dial code) *\/\r\nfunction formatAsYouType(){\r\n  const lib = window.libphonenumber;\r\n  if(!lib || typeof lib.AsYouType !== 'function') return;\r\n\r\n  const codeDigits = (selectedCode||'').replace(\/\\D\/g,'');                \/\/ \"971\"\r\n  const localDigits = (phoneLocal.value||'').replace(\/[^\\d]\/g,'');        \/\/ raw digits typed\r\n  if(!localDigits){ phoneLocal.value = ''; return; }\r\n\r\n  \/\/ Step 1: format as international with +code to detect country\r\n  const aytIntl = new lib.AsYouType();                                    \/\/ no country -> intl\r\n  const intl = aytIntl.input('+' + codeDigits + localDigits);             \/\/ \"+971 58 558 3714\" (example)\r\n\r\n  \/\/ Step 2: strip the \"+<code>\" prefix so we display national-looking spacing only\r\n  const prefix = '+' + codeDigits;\r\n  let display = intl.startsWith(prefix) ? intl.slice(prefix.length).trim() : intl;\r\n\r\n  \/\/ Apply\r\n  phoneLocal.value = display;\r\n}\r\n\r\n\/* Country-aware validation using libphonenumber-js *\/\r\nfunction validatePhone(){\r\n  const full = composeE164(); \/\/ \"+971585583714\"\r\n  const lib = window.libphonenumber;\r\n  let ok = false, msg = '';\r\n\r\n  if(lib && typeof lib.parsePhoneNumberFromString === 'function'){\r\n    try{\r\n      const parsed = lib.parsePhoneNumberFromString(full);\r\n      if(parsed && parsed.isValid()){\r\n        ok = true;\r\n        \/\/ Canonical E.164 for Make (hidden mirrors)\r\n        document.getElementById('phone_e164').value = parsed.number;\r\n        document.getElementById('phone_number').value = parsed.number;\r\n      }else{\r\n  msg = LQ_I18N.t('fixFields'); \/\/ or LQ_I18N.t('invalidPhone') if you add that key\r\n}\r\n\r\n    }catch(err){\r\n      msg = LQ_I18N.t('fixFields');\r\n    }\r\n  }else{\r\n    \/\/ Minimal fallback: at least 8 digits total after the +\r\n    ok = \/^\\+\\d{8,}$\/.test(full);\r\n    if(!ok) msg = LQ_I18N.t('fixFields'); \/\/ or LQ_I18N.t('invalidPhone')\r\n    if(ok){\r\n      document.getElementById('phone_e164').value = full;\r\n      document.getElementById('phone_number').value = full;\r\n    }\r\n  }\r\n\r\n  phoneLocal.setCustomValidity(ok ? '' : msg);\r\n  phoneError.textContent = ok ? '' : msg;\r\n  phoneError.style.display = ok ? 'none' : 'block';\r\n  return ok;\r\n}\r\n\r\n\/\/ Wire up typing and paste\r\n['input','blur','paste'].forEach(evt=>{\r\n  phoneLocal.addEventListener(evt, ()=>{ formatAsYouType(); validatePhone(); });\r\n});\r\n\/\/ LQ:PHONE_JS END\r\n\r\n\/\/ LQ:TURNSTILE_JS START\r\n\/* Turnstile *\/\r\nfunction onTurnstile(token){document.getElementById('turnstile_token').value=token||'';}\r\nwindow.onTurnstile=onTurnstile;\r\n\/\/ LQ:TURNSTILE_JS END\r\n\r\n\/\/ --- LQ:I18N (EN\/AR auto) ---\r\nconst LQ_I18N = {\r\n  isArabic() {\r\n    const lang = (document.documentElement.getAttribute('lang') || '').toLowerCase();\r\n    return lang.startsWith('ar') || document.body.classList.contains('trp-language-ar');\r\n  },\r\n  t(key) {\r\n    const ar = {\r\n      pendingSubmitting: \"\u062c\u0627\u0631\u064d \u0627\u0644\u0625\u0631\u0633\u0627\u0644\u2026 \u064a\u064f\u0631\u062c\u0649 \u0639\u062f\u0645 \u0625\u063a\u0644\u0627\u0642 \u0647\u0630\u0647 \u0627\u0644\u0635\u0641\u062d\u0629.\",\r\n      pendingStill: \"\u0645\u0627 \u0632\u0644\u0646\u0627 \u0646\u0639\u0645\u0644\u2026 \u0642\u062f \u062a\u0633\u062a\u063a\u0631\u0642 \u0627\u0644\u0645\u0644\u0641\u0627\u062a \u0627\u0644\u0643\u0628\u064a\u0631\u0629 \u0628\u0639\u0636 \u0627\u0644\u0648\u0642\u062a. \u064a\u064f\u0631\u062c\u0649 \u0625\u0628\u0642\u0627\u0621 \u0647\u0630\u0647 \u0627\u0644\u0635\u0641\u062d\u0629 \u0645\u0641\u062a\u0648\u062d\u0629.\",\r\n      humanVerify: \"\u064a\u0631\u062c\u0649 \u062a\u0623\u0643\u064a\u062f \u0623\u0646\u0643 \u0644\u0633\u062a \u0631\u0648\u0628\u0648\u062a\u064b\u0627.\",\r\n      fixFields: \"\u064a\u0631\u062c\u0649 \u062a\u0635\u062d\u064a\u062d \u0627\u0644\u062d\u0642\u0648\u0644 \u0627\u0644\u0645\u064f\u0638\u0644\u0651\u0644\u0629 \u0642\u0628\u0644 \u0627\u0644\u0625\u0631\u0633\u0627\u0644.\",\r\n      confirmFail: \"\u062a\u0639\u0630\u0651\u0631 \u062a\u0623\u0643\u064a\u062f \u0627\u0644\u0625\u0631\u0633\u0627\u0644. \u062d\u0627\u0648\u0644 \u0645\u0631\u0629 \u0623\u062e\u0631\u0649.\",\r\n\r\n      successTitle: \"\u0634\u0643\u0631\u064b\u0627 \u2014 \u062a\u0645 \u0627\u0633\u062a\u0644\u0627\u0645 \u0637\u0644\u0628\u0643 \ud83e\uddb7\",\r\n      successPara: \"\u0648\u0635\u0644\u062a\u0646\u0627 \u062a\u0641\u0627\u0635\u064a\u0644\u0643. \u0633\u064a\u0637\u0651\u0644\u0639 \u0645\u0633\u062a\u0634\u0627\u0631\u0648\u0646\u0627 \u0639\u0644\u0649 \u0637\u0644\u0628\u0643 \u0648\u064a\u0631\u0634\u062f\u0648\u0646\u0643 \u0625\u0644\u0649 \u0637\u0628\u064a\u0628 \u0623\u0648 \u0639\u064a\u0627\u062f\u0629 \u0645\u0646\u0627\u0633\u0628\u0629 \u0644\u0643 \u062e\u0644\u0627\u0644 \u0623\u0642\u0644 \u0645\u0646 12 \u0633\u0627\u0639\u0629.\",\r\n      spamNote: \"\u0645\u0644\u0627\u062d\u0638\u0629 \u0635\u063a\u064a\u0631\u0629: \u0625\u0630\u0627 \u0644\u0645 \u062a\u062c\u062f \u0631\u0633\u0627\u0644\u062a\u0646\u0627\u060c \u064a\u064f\u0631\u062c\u0649 \u0627\u0644\u062a\u062d\u0642\u0642 \u0645\u0646 \u0627\u0644\u0628\u0631\u064a\u062f \u063a\u064a\u0631 \u0627\u0644\u0647\u0627\u0645 \/ \u0627\u0644\u0631\u0633\u0627\u0626\u0644 \u063a\u064a\u0631 \u0627\u0644\u0645\u0631\u063a\u0648\u0628 \u0641\u064a\u0647\u0627.\",\r\n      step1: \"\u0646\u0631\u0627\u062c\u0639 \u0623\u0647\u062f\u0627\u0641\u0643 \u0648\u062a\u0641\u0636\u064a\u0644\u0627\u062a\u0643.\",\r\n      step2: \"\u0646\u062d\u062f\u0651\u062f \u0648\u0646\u0648\u0635\u064a \u0628\u0627\u0644\u0637\u0628\u064a\u0628 \u0623\u0648 \u0627\u0644\u0639\u064a\u0627\u062f\u0629 \u0627\u0644\u0623\u0646\u0633\u0628 \u0644\u0643 \u0645\u0646 \u0634\u0628\u0643\u062a\u0646\u0627 \u0627\u0644\u062e\u0627\u0635\u0629.\",\r\n      step3: \"\u0646\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0643 \u0628\u0627\u0644\u062a\u0648\u0635\u064a\u0629 \u0648\u0627\u0644\u062e\u0637\u0648\u0627\u062a \u0627\u0644\u062a\u0627\u0644\u064a\u0629.\"\r\n\r\n    };\r\n    const en = {\r\n      pendingSubmitting: \"Submitting\u2026 please don\u2019t close this tab.\",\r\n      pendingStill: \"Still working\u2026 large files can take a bit. Please keep this tab open.\",\r\n      humanVerify: \"Please verify you\u2019re human.\",\r\n      fixFields: \"Please fix the highlighted fields before submitting\",\r\n      confirmFail: \"We couldn\u2019t confirm your submission. Please try again.\",\r\n\r\n      successTitle: \"Thanks \u2014 your request is in \ud83e\uddb7\",\r\n      successPara: \"We\u2019ve received your details. Our advisors will review your needs and guide you to a suitable dentist or clinic within 12 hours.\",\r\n      spamNote: \"Small note: if you don\u2019t see our email, please check your spam\/junk folder.\",\r\n      step1: \"We check your goals and preferences.\",\r\n      step2: \"We identify and recommend the most suitable dentist or clinic from our private network.\",\r\n      step3: \"We contact you with our recommendation and the next steps.\"\r\n\r\n    };\r\n    return (LQ_I18N.isArabic() ? ar : en)[key] || key;\r\n  }\r\n};\r\n\r\n\/\/ --- LQ:LANG_INPUT (auto-fill hidden page_language) ---\r\n(function () {\r\n  const langEl = document.getElementById('page_language');\r\n  if (!langEl) return;\r\n\r\n  function detectPageLanguage() {\r\n    const htmlLang = (document.documentElement.getAttribute('lang') || '').toLowerCase();\r\n    const isTRPAr  = document.body.classList.contains('trp-language-ar') || (window.trp_language === 'ar');\r\n    const pathAr   = \/^\\\/ar\\\/\/i.test(location.pathname);                         \/\/ TranslatePress virtual path\r\n    const queryAr  = \/(?:^|[?&])trp_language=ar\\b\/i.test(location.search);       \/\/ TRP query param\r\n    return (htmlLang.startsWith('ar') || isTRPAr || pathAr || queryAr) ? 'ar' : 'en';\r\n  }\r\n\r\n  const setLang = () => { langEl.value = detectPageLanguage(); };\r\n\r\n  \/\/ Initial set\r\n  setLang();\r\n\r\n  \/\/ Keep in sync if TRP or the DOM flips language after load\r\n  new MutationObserver(setLang).observe(document.documentElement, { attributes: true, attributeFilter: ['lang'] });\r\n  new MutationObserver(setLang).observe(document.body,          { attributes: true, attributeFilter: ['class'] });\r\n\r\n  \/\/ Safety on BFCache\/page restores\r\n  window.addEventListener('pageshow', setLang);\r\n})();\r\n\r\n\/\/ LQ:METADATA_JS START\r\n\/* Metadata + bindings *\/\r\ndocument.getElementById('date').value = new Date().toISOString().slice(0, 10);\r\ndocument.getElementById('time').value=new Date().toLocaleTimeString();\r\ndocument.getElementById('page_url').value=window.location.href;\r\ndocument.getElementById('user_agent').value=navigator.userAgent;\r\ndocument.getElementById('unique_id').value=(crypto&&crypto.randomUUID)?crypto.randomUUID():(Date.now()+'-'+Math.random().toString(16).slice(2));\r\n\r\nconst btn = form.querySelector('.lq-btn');\r\nconst msgPending = document.getElementById('lq-pending');\r\nconst msgSuccess = document.getElementById('lq-success');\r\nconst msgError   = document.getElementById('lq-error');\r\nconst iframe = document.querySelector('iframe[name=\"lq_iframe\"]');\r\n\r\ndocument.querySelectorAll('#'+form.id+' input, #'+form.id+' select, #'+form.id+' textarea, #'+form.id+' button[type=\"submit\"]').forEach(el=>el.setAttribute('form', form.id));\r\n\r\nfunction setSubmitting(on){\r\n  if(on){\r\n    btn.disabled = true;\r\n    btn.dataset.label = btn.textContent; \r\n\/\/ or simply:\r\nbtn.textContent = LQ_I18N.isArabic() ? '\u062c\u0627\u0631\u064d \u0627\u0644\u0625\u0631\u0633\u0627\u0644\u2026' : 'Submitting\u2026';\r\n\r\n    msgPending.textContent = LQ_I18N.t('pendingSubmitting');\r\n    msgPending.style.display='block';\r\n  }else{\r\n    btn.disabled = false;\r\n    btn.textContent = btn.dataset.label || '\ud83d\udd0d Find My Dentist';\r\n    msgPending.style.display='none';\r\n  }\r\n}\r\n\/\/ LQ:METADATA_JS END\r\n\r\n\/\/ LQ:SUBMIT_JS START\r\nform.addEventListener('submit',function(e){\r\n  if(!document.getElementById('turnstile_token').value){\r\n    e.preventDefault();\r\n    msgError.textContent = LQ_I18N.t('humanVerify'); \r\n    msgError.style.display='block';\r\n    return;\r\n  }\r\n\r\n  \/\/ Validate HTML5 + phone by country\r\n  if(!form.checkValidity() || !validatePhone()){\r\n    e.preventDefault();\r\n    form.reportValidity();\r\n    (form.querySelector(':invalid')||phoneLocal)?.focus();\r\n    msgError.textContent = LQ_I18N.t('fixFields');\r\n    msgError.style.display='block';\r\n    return;\r\n  }\r\n\r\n  setSubmitting(true);\r\n  msgError.style.display='none';\r\n\r\n  let done = false;\r\n\r\n\/\/ If there are uploads, give more time. (Sum sizes safely.)\r\nconst files = (uploadsInput && uploadsInput.files) ? Array.from(uploadsInput.files) : [];\r\nconst hasUploads = files.length > 0;\r\nconst totalBytes = files.reduce((n,f)=> n + (f?.size || 0), 0);\r\n\r\n\/\/ Soft timeout: after a while, keep button disabled and show \u201cstill working\u2026\u201d\r\nconst SOFT_TIMEOUT_MS = hasUploads ? 60000 : 15000;  \/\/ 60s with files, 15s without\r\n\r\nconst softTimer = setTimeout(() => {\r\n  if (done) return;\r\n  msgPending.textContent = LQ_I18N.t('pendingStill');\r\n  msgPending.style.display = 'block';\r\n}, SOFT_TIMEOUT_MS);\r\n\r\n\r\niframe.addEventListener('load', () => {\r\n  if (done) return;\r\n  done = true;\r\n  clearTimeout(softTimer);\r\n\r\n  \/\/ Debounce a tick so iframe body is fully written\r\n  setTimeout(() => {\r\n    let isOK = false;\r\n    try {\r\n      const doc = iframe.contentDocument || iframe.contentWindow?.document;\r\n      const bodyText = (doc?.body?.textContent || '').trim();\r\n      isOK = bodyText === 'OK'; \/\/ exact literal OK\r\n    } catch (e) {\r\n      isOK = false;\r\n    }\r\n\r\n    if (!isOK) {\r\n      setSubmitting(false);\r\n      msgPending.style.display = 'none';\r\n      msgError.textContent = LQ_I18N.t('confirmFail');\r\n      msgError.style.display = 'block';\r\n      return;\r\n    }\r\n\r\n    \/\/ Success UI\r\n\/\/ Success UI\r\nsetSubmitting(false);\r\nmsgPending.style.display = 'none';\r\n\r\nconst actions = form.querySelector('.lq-actions');\r\nactions.innerHTML = `\r\n  <div class=\"lq-success-card\" id=\"lq-success-card\" role=\"status\" aria-live=\"polite\">\r\n    <div class=\"lq-success-icon\" aria-hidden=\"true\">\r\n      <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n        <circle cx=\"12\" cy=\"12\" r=\"11\" stroke=\"rgba(0,0,0,.12)\" stroke-width=\"2\"><\/circle>\r\n        <path d=\"M7 12.5l3 3 7-7\" stroke=\"#28A745\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n      <\/svg>\r\n    <\/div>\r\n    <h2>${LQ_I18N.t('successTitle')}<\/h2>\r\n    <p>${LQ_I18N.t('successPara')}<\/p>\r\n    <p class=\"lq-spam-note\">${LQ_I18N.t('spamNote')}<\/p>\r\n    <ol class=\"lq-steps\" aria-label=\"${LQ_I18N.isArabic() ? '\u0645\u0627\u0630\u0627 \u0633\u064a\u062d\u062f\u062b \u0644\u0627\u062d\u0642\u064b\u0627' : 'What happens next'}\">\r\n      <li>\r\n        <span class=\"badge\" aria-hidden=\"true\">1<\/span>\r\n        <div class=\"text\">${LQ_I18N.t('step1')}<\/div>\r\n      <\/li>\r\n      <li>\r\n        <span class=\"badge\" aria-hidden=\"true\">2<\/span>\r\n        <div class=\"text\">${LQ_I18N.t('step2')}<\/div>\r\n      <\/li>\r\n      <li>\r\n        <span class=\"badge\" aria-hidden=\"true\">3<\/span>\r\n        <div class=\"text\">${LQ_I18N.t('step3')}<\/div>\r\n      <\/li>\r\n    <\/ol>\r\n  <\/div>\r\n`;\r\n\r\n\/\/ Optional: make the card RTL on Arabic\r\nif (LQ_I18N.isArabic()) document.getElementById('lq-success-card').dir = 'rtl';\r\n\r\n\r\n    const successEl = document.getElementById('lq-success-card');\r\n    successEl.setAttribute('tabindex', '-1');\r\n    successEl.focus({ preventScroll: true });\r\n    setTimeout(() => successEl.scrollIntoView({ behavior: 'smooth', block: 'start' }), 30);\r\n  }, 100);\r\n}, { once: true });\r\n\r\n\r\n\r\n});\r\n\r\n\/\/ ---------- Auto-preselect + Arabic relabel ----------\r\n\r\n\/\/ LQ:LOCALE_JS START\r\n(function () {\r\n  \/\/ Robust path text (handles %D8\u2026 encodings)\r\n  const PATH = decodeURIComponent(location.pathname);\r\n\r\n  \/\/ ---------- PAGE \u2192 AUTOSELECTION RULES ----------\r\n  \/\/ 1st dropdown is matched by \/Straighten teeth\/i for all ortho pages below.\r\n  \/\/ 2nd dropdown uses specific text matches (en dash\/hyphen tolerant).\r\n  const rules = [\r\n    {\r\n     \/\/ \/dubai\/emergency-dentist\/ and \/dubai\/emergency-dentist\/best\/\r\n     test: \/\\\/dubai\\\/emergency-dentist(\\\/best)?\\\/?$\/i,\r\n      reasonMatch: \/Pain\\s*[\u2013-]\\s*swelling\\s*or\\s*urgent\\s*issue\/i\r\n    },\r\n    {\r\n      test: \/\\\/dubai\\\/dentures(\\\/cost)?(\\\/|$)\/i,\r\n      reasonMatch: \/Missing\\\/broken\\s*tooth\/i\r\n      \/\/ \u274c no subMatch\r\n    },\r\n    {\r\n      \/\/ Pediatric pages: \/dubai\/pediatric-dentistry\/, \/dubai\/pediatric-dentistry\/best\/,\r\n      \/\/ \/dubai\/orthodontics\/pediatric\/, \/dubai\/orthodontics\/pediatric\/myobrace\/\r\n      test: \/\\\/dubai\\\/(pediatric-dentistry(\\\/best)?|orthodontics\\\/pediatric(\\\/myobrace)?)\\\/?$\/i,\r\n      ageMatch: \/Under\\s*14\/i\r\n    },\r\n    {\r\n      \/\/ \/dubai\/root-canal\/, \/dubai\/root-canal\/cost\/, \/dubai\/endodontist\/, \/dubai\/endodontist\/best\/\r\n      test: \/\\\/dubai\\\/(root-canal(\\\/cost)?|endodontist(\\\/best)?)(\\\/|$)\/i,\r\n      reasonMatch: \/Pain\\s*[\u2013-]\\s*swelling\\s*or\\s*urgent\\s*issue\/i\r\n    },\r\n    {\r\n      \/\/ \/dubai\/teeth-whitening\/ and \/dubai\/zoom-whitening\/\r\n      test: \/\\\/dubai\\\/(teeth-whitening|zoom-whitening)(\\\/|$)\/i,\r\n      reasonMatch: \/Improve\\s*my\\s*smile\\s*[\u2013-]\\s*veneers\\s*or\\s*whitening\\s*or\\s*more\/i,\r\n      subMatch: \/Teeth\\s*Whitening\\s*[\u2013-]\\s*I\\s*want\\s*a\\s*brighter,\\s*whiter\\s*smile\/i\r\n    },\r\n    {\r\n      \/\/ \/dubai\/crowns-bridges\/\r\n      test: \/\\\/dubai\\\/crowns-bridges(\\\/|$)\/i,\r\n      reasonMatch: \/Missing\\\/broken\\s*tooth\/i,\r\n      \/\/ keep it simple + robust; unique enough\r\n      subMatch: \/Dental\\s*Bridge\\s*Needed\/i\r\n    },\r\n    {\r\n      \/\/ \/dubai\/cosmetic-dentistry\/ and \/dubai\/smile-makeover\/\r\n      test: \/\\\/dubai\\\/(cosmetic-dentistry|smile-makeover)(\\\/|$)\/i,\r\n      reasonMatch: \/Improve\\s*my\\s*smile\/i,\r\n      subMatch: \/Smile\\s*Makeover\\s*[\u2013-]\\s*not\\s*sure\\s*which\\s*treatment,\\s*but\\s*I\\s*want\\s*a\\s*better\\s*smile\/i\r\n    },\r\n    {\r\n      \/\/ \/dubai\/composite-bonding\/\r\n      test: \/\\\/dubai\\\/composite-bonding(\\\/|$)\/i,\r\n      reasonMatch: \/Improve\\s*my\\s*smile\/i,\r\n      subMatch: \/Tooth\\s*Bonding\\s*[\u2013-]\\s*small\\s*chips.*imperfections\\s*to\\s*fix\/i\r\n    },\r\n    {\r\n        \/\/ \/dubai\/hollywood-smile\/\r\n        test: \/\\\/dubai\\\/hollywood-smile(\\\/|$)\/i,\r\n        reasonMatch: \/Improve\\s*my\\s*smile\/i,\r\n        subMatch: \/Hollywood\\s*Smile\/i\r\n    },\r\n    {\r\n        \/\/ \/dubai\/veneers\/ and subpages\r\n        test: \/\\\/veneers(\\\/|$)\/i,\r\n        reasonMatch: \/Improve\\s*my\\s*smile\/i,\r\n        subMatch: \/Dental\\s*Veneers\\s*[\u2013-]\\s*I\\s*want\\s*to\\s*reshape\\s*or\\s*whiten\/i\r\n    },\r\n    {\r\n        \/\/ \/dubai\/dental-implants\/\r\n        test: \/\\\/dubai\\\/dental-implants(\\\/|$)\/i,\r\n        reasonMatch: \/Missing\\\/broken\\s*tooth\/i,\r\n        subMatch: \/Dental\\s*Implant\\s*Needed\\s*[\u2013-]\\s*I\\s*want\\s*a\\s*permanent\\s*tooth\\s*replacement\/i\r\n    },\r\n    {\r\n        \/\/ \/dubai\/orthodontics\/clear-aligners\/\r\n        test: \/\\\/dubai\\\/orthodontics\\\/clear-aligners\\\/?$\/i,\r\n        reasonMatch: \/Straighten\\s*teeth\/i,\r\n        \/\/ tolerant to hyphen\/en-dash + apostrophe variations\r\n        subMatch: \/Clear\\s*Aligners\\s*[\u2013-]\\s*I.?m\\s*exploring\\s*alternatives\\s*to\\s*Invisalign\/i\r\n    },\r\n    {\r\n      \/\/ \/dubai\/orthodontics\/braces\/ceramic\/\r\n      test: \/\\\/dubai\\\/orthodontics\\\/braces\\\/ceramic\\\/?$\/i,\r\n      reasonMatch: \/Straighten\\s*teeth\/i,\r\n      subMatch: \/Braces\\s*[\u2013-]\\s*I.?m\\s*open\\s*to\\s*fixed\\s*brackets\/i\r\n    },\r\n    {\r\n      \/\/ \/dubai\/orthodontics\/braces\/metal\/\r\n      test: \/\\\/dubai\\\/orthodontics\\\/braces\\\/metal\\\/?$\/i,\r\n      reasonMatch: \/Straighten\\s*teeth\/i,\r\n      subMatch: \/Braces\\s*[\u2013-]\\s*I.?m\\s*open\\s*to\\s*fixed\\s*brackets\/i\r\n    },\r\n    {\r\n      \/\/ \/dubai\/orthodontics\/braces\/damon\/\r\n      \/\/ Requires Damon option in subReasonMap.straighten (you already added it).\r\n      test: \/\\\/dubai\\\/orthodontics\\\/braces\\\/damon\\\/?$\/i,\r\n      reasonMatch: \/Straighten\\s*teeth\/i,\r\n      subMatch: \/Damon\\s*Braces\/i\r\n    },\r\n    {\r\n      \/\/ \/dubai\/orthodontics\/braces\/lingual\/\r\n      test: \/\\\/dubai\\\/orthodontics\\\/braces\\\/lingual\\\/?$\/i,\r\n      reasonMatch: \/Straighten\\s*teeth\/i,\r\n      subMatch: \/Lingual\\s*Braces\\s*[\u2013-]\\s*hidden\\s*behind\\s*the\\s*teeth\/i\r\n    }\r\n  ];\r\n\r\n  \/\/ ---------- HELPERS ----------\r\n  const $ = (sel) => document.querySelector(sel);\r\n  const optionMatches = (opt, rx) => rx.test((opt.value || opt.textContent || '').trim());\r\n  const pickByRegex = (selectEl, rx) => {\r\n    if (!selectEl) return false;\r\n    const hit = Array.from(selectEl.options).find(o => optionMatches(o, rx));\r\n    if (!hit) return false;\r\n    selectEl.value = hit.value;\r\n    selectEl.dispatchEvent(new Event('change', { bubbles: true }));\r\n    return true;\r\n  };\r\n\r\n  function applyRules() {\r\n    const formEl  = $('#lumiquest_patient_form');\r\n    const reason  = formEl?.querySelector('#reason_for_visit');\r\n    const subSel  = formEl?.querySelector('#sub_reason');\r\n    const subWrap = formEl?.querySelector('#sub_reason_wrap');\r\n    if (!formEl || !reason) return;\r\n\r\n    \/\/ 1) Page-specific rules first\r\nconst rule = rules.find(r => r.test.test(PATH));\r\nif (rule) {\r\n\r\n  \/\/ \u2705 Apply ageMatch if present (pediatric pages)\r\n  if (rule.ageMatch) {\r\n    const ageSel = formEl.querySelector('#age_group');\r\n    if (ageSel && !ageSel.value) {\r\n      pickByRegex(ageSel, rule.ageMatch);\r\n    }\r\n  }\r\n\r\n  \/\/ Existing reason \/ subreason logic (unchanged)\r\n  if (rule.reasonMatch) {\r\n    const pickedReason = pickByRegex(reason, rule.reasonMatch);\r\n    if (pickedReason && rule.subMatch) {\r\n      \/\/ allow sub-reasons to populate after change event\r\n      setTimeout(() => {\r\n        if (subSel && subWrap?.style.display !== 'none') {\r\n          pickByRegex(subSel, rule.subMatch);\r\n        }\r\n      }, 60);\r\n    }\r\n  }\r\n  return; \/\/ stop if matched\r\n}\r\n\r\n\/\/ 2) Generic fallbacks (keep your original UX)\r\nconst isOrthoPedsPage = \/\\\/dubai\\\/orthodontics\\\/pediatric(\\\/|$)\/i.test(PATH);\r\nconst isOrthoPage     = \/\\\/orthodontics(\\\/|$)\/i.test(PATH) || \/\u062a\u0642\u0648\u064a\u0645\/.test(PATH);\r\nconst isInvisPage     = \/\\\/invisalign(\\\/|$)\/i.test(PATH) || \/\u0627\u0646?\u0641?\u0632\u0644\u0627?\u064a\u0646\/i.test(PATH);\r\n\r\n\/\/ \u2705 Do NOT auto-pick \"Straighten teeth\" on ortho pediatric pages\r\nif (isOrthoPage && !isOrthoPedsPage && !reason.value) {\r\n  pickByRegex(reason, \/Straighten\\s*teeth\/i);\r\n}\r\n\r\nif (isInvisPage) {\r\n  setTimeout(() => {\r\n    if (!subSel || subWrap?.style.display === 'none') return;\r\n    const firstReal = Array.from(subSel.options).find(o => (o.value || '').trim() !== '');\r\n    if (firstReal && !subSel.value) {\r\n      subSel.value = firstReal.value;\r\n      subSel.dispatchEvent(new Event('change', { bubbles: true }));\r\n    }\r\n  }, 60);\r\n}\r\n  }\r\n\r\n  \/\/ Boot + bfcache safety\r\n  const boot = () => applyRules();\r\n  document.addEventListener('DOMContentLoaded', boot);\r\n  setTimeout(boot, 120);\r\n  window.addEventListener('pageshow', () => setTimeout(boot, 0));\r\n\r\n  \/\/ ---------- Arabic relabel (visible text only; option values stay English) ----------\r\n  const relabel = () => {\r\n    const isArabic =\r\n      \/^ar\\b\/i.test(document.documentElement.getAttribute('lang') || '') ||\r\n      document.body.classList.contains('trp-language-ar');\r\n    if (!isArabic) return;\r\n\r\n    const REASON_AR = {\r\n      \/\/ ----- Urgent \/ Pain -----\r\n      \"- Select -\": \"\u0627\u062e\u062a\u064e\u0631\",\r\n      \"Cold Sensitivity \u2013 sharp pain when drinking cold or breathing cold air\": \"\u062d\u0633\u0627\u0633\u064a\u0629 \u0644\u0644\u0628\u0631\u062f \u2014 \u0623\u0644\u0645 \u062d\u0627\u062f \u0645\u0639 \u0627\u0644\u0645\u0634\u0631\u0648\u0628\u0627\u062a \u0627\u0644\u0628\u0627\u0631\u062f\u0629 \u0623\u0648 \u0627\u0644\u0647\u0648\u0627\u0621 \u0627\u0644\u0628\u0627\u0631\u062f\",\r\n      \"Severe Toothache \u2013 constant or throbbing pain in one or more teeth\": \"\u0623\u0644\u0645 \u0634\u062f\u064a\u062f \u0628\u0627\u0644\u0623\u0633\u0646\u0627\u0646 \u2014 \u0623\u0644\u0645 \u0645\u0633\u062a\u0645\u0631 \u0623\u0648 \u0646\u0627\u0628\u0636 \u0641\u064a \u0633\u0646 \u0623\u0648 \u0623\u0643\u062b\u0631\",\r\n      \"Swollen Gums or Abscess \u2013 painful bump or swelling on your gums\": \"\u062a\u0648\u0631\u0645 \u0627\u0644\u0644\u062b\u0629 \u0623\u0648 \u062e\u0631\u0627\u062c \u2014 \u0627\u0646\u062a\u0641\u0627\u062e\/\u0646\u062a\u0648\u0621 \u0645\u0624\u0644\u0645 \u0641\u064a \u0627\u0644\u0644\u062b\u0629\",\r\n      \"Broken or Cracked Tooth \u2013 painful when chewing or touching\": \"\u0633\u0646 \u0645\u0643\u0633\u0648\u0631 \u0623\u0648 \u0645\u062a\u0634\u0642\u0642 \u2014 \u0623\u0644\u0645 \u0639\u0646\u062f \u0627\u0644\u0645\u0636\u063a \u0623\u0648 \u0627\u0644\u0644\u0645\u0633\",\r\n      \"Wisdom Tooth Pain \u2013 pain or swelling in the back of your mouth\": \"\u0623\u0644\u0645 \u0636\u0631\u0633 \u0627\u0644\u0639\u0642\u0644 \u2014 \u0623\u0644\u0645 \u0623\u0648 \u062a\u0648\u0631\u0651\u0645 \u0641\u064a \u0622\u062e\u0631 \u0627\u0644\u0641\u0645\",\r\n      \"Pain After a Recent Treatment \u2013 discomfort after dental work\": \"\u0623\u0644\u0645 \u0628\u0639\u062f \u0639\u0644\u0627\u062c \u062d\u062f\u064a\u062b \u2014 \u0627\u0646\u0632\u0639\u0627\u062c \u0628\u0639\u062f \u0625\u062c\u0631\u0627\u0621 \u0623\u0633\u0646\u0627\u0646\",\r\n      \"Jaw Pain or Clicking \u2013 pain near ear or clicking in the jaw\": \"\u0623\u0644\u0645 \u0623\u0648 \u0637\u0642\u0637\u0642\u0629 \u0641\u064a \u0627\u0644\u0641\u0643 \u2014 \u0623\u0644\u0645 \u0642\u0631\u0628 \u0627\u0644\u0623\u0630\u0646 \u0623\u0648 \u0637\u0642\u0637\u0642\u0629 \u0628\u0627\u0644\u0641\u0643\",\r\n      \"Something Else \u2013 I\u2019ll explain below\": \"\u0634\u064a\u0621 \u0622\u062e\u0631 \u2014 \u0633\u0623\u0648\u0636\u0651\u062d \u0630\u0644\u0643 \u0623\u062f\u0646\u0627\u0647\",\r\n\r\n      \/\/ ----- Missing \/ Broken Teeth -----\r\n      \"- Select - (Missing\/Repair)\": \"\u0627\u062e\u062a\u064e\u0631\",\r\n      \"Missing Tooth \u2013 I lost a tooth and want to replace it\": \"\u0633\u0646 \u0645\u0641\u0642\u0648\u062f \u2014 \u0623\u0631\u064a\u062f \u062a\u0639\u0648\u064a\u0636\u0647\",\r\n      \"Broken Tooth (Not Painful) \u2013 part of my tooth is chipped or cracked\": \"\u0633\u0646 \u0645\u0643\u0633\u0648\u0631 (\u0628\u062f\u0648\u0646 \u0623\u0644\u0645) \u2014 \u062c\u0632\u0621 \u0645\u0643\u0633\u0648\u0631 \u0623\u0648 \u0645\u062a\u0634\u0642\u0642\",\r\n      \"Full Mouth Tooth Loss \u2013 I\u2019ve lost most or all of my teeth\": \"\u0641\u0642\u062f\u0627\u0646 \u0623\u0633\u0646\u0627\u0646 \u0645\u062a\u0639\u062f\u062f \u2014 \u0641\u0642\u062f\u062a \u0645\u0639\u0638\u0645 \u0623\u0633\u0646\u0627\u0646\u064a \u0623\u0648 \u0643\u0644\u0647\u0627\",\r\n      \"Dental Bridge Needed \u2013 I want to replace missing teeth with a fixed bridge\": \"\u0623\u062d\u062a\u0627\u062c \u062c\u0633\u0631\u064b\u0627 \u062b\u0627\u0628\u062a\u064b\u0627 \u2014 \u0644\u062a\u0639\u0648\u064a\u0636 \u0623\u0633\u0646\u0627\u0646 \u0645\u0641\u0642\u0648\u062f\u0629\",\r\n      \"Dental Implant Needed \u2013 I want a permanent tooth replacement\": \"\u0623\u062d\u062a\u0627\u062c \u0632\u0631\u0627\u0639\u0629 \u0623\u0633\u0646\u0627\u0646 \u2014 \u062a\u0639\u0648\u064a\u0636 \u062f\u0627\u0626\u0645\",\r\n      \"Dentures Needed \u2013 I\u2019m looking for full or partial dentures\": \"\u0623\u062d\u062a\u0627\u062c \u0637\u0642\u0645 \u0623\u0633\u0646\u0627\u0646 \u2014 \u0643\u0627\u0645\u0644 \u0623\u0648 \u062c\u0632\u0626\u064a\",\r\n      \"Tooth Extracted Recently \u2013 I need to replace a tooth that was removed\": \"\u062e\u0644\u0639 \u062d\u062f\u064a\u062b \u2014 \u0623\u0631\u064a\u062f \u062a\u0639\u0648\u064a\u0636 \u0627\u0644\u0633\u0646 \u0627\u0644\u0645\u062e\u0644\u0648\u0639\",\r\n\r\n      \/\/ ----- Cosmetic -----\r\n      \"- Select - (Cosmetic)\": \"\u0627\u062e\u062a\u064e\u0631\",\r\n      \"Hollywood Smile \u2013 full smile makeover with veneers or crowns\": \"\u0647\u0648\u0644\u064a\u0648\u0648\u062f \u0633\u0645\u0627\u064a\u0644 \u2014 \u062a\u062c\u0645\u064a\u0644 \u0634\u0627\u0645\u0644 \u0628\u0627\u0644\u0642\u0634\u0648\u0631 \u0623\u0648 \u0627\u0644\u062a\u064a\u062c\u0627\u0646\",\r\n      \"Dental Veneers \u2013 I want to reshape or whiten my front teeth\": \"\u0642\u0634\u0648\u0631 \u062a\u062c\u0645\u064a\u0644\u064a\u0629 \u2014 \u0644\u062a\u062d\u0633\u064a\u0646 \u0634\u0643\u0644 \u0623\u0648 \u0644\u0648\u0646 \u0627\u0644\u0623\u0633\u0646\u0627\u0646 \u0627\u0644\u0623\u0645\u0627\u0645\u064a\u0629\",\r\n      \"Teeth Whitening \u2013 I want a brighter, whiter smile\": \"\u062a\u0628\u064a\u064a\u0636 \u0627\u0644\u0623\u0633\u0646\u0627\u0646 \u2014 \u0627\u0628\u062a\u0633\u0627\u0645\u0629 \u0623\u0643\u062b\u0631 \u0628\u064a\u0627\u0636\u064b\u0627\",\r\n      \"Smile Makeover \u2013 not sure which treatment, but I want a better smile\": \"\u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u0627\u0628\u062a\u0633\u0627\u0645\u0629 \u2014 \u0644\u0633\u062a \u0645\u062a\u0623\u0643\u062f\u064b\u0627 \u0645\u0646 \u0627\u0644\u0625\u062c\u0631\u0627\u0621\",\r\n      \"Gum Reshaping \u2013 my gums are uneven or show too much when I smile\": \"\u062a\u062c\u0645\u064a\u0644 \u0627\u0644\u0644\u062b\u0629 \u2014 \u0639\u062f\u0645 \u0627\u0646\u062a\u0638\u0627\u0645 \u0623\u0648 \u0638\u0647\u0648\u0631 \u0632\u0627\u0626\u062f \u0639\u0646\u062f \u0627\u0644\u0627\u0628\u062a\u0633\u0627\u0645\",\r\n      \"Tooth Bonding \u2013 small chips, gaps, or imperfections to fix\": \"\u062d\u0634\u0648\u0627\u062a \u062a\u062c\u0645\u064a\u0644\u064a\u0629 \u2014 \u0644\u0639\u0644\u0627\u062c \u0641\u0631\u0627\u063a\u0627\u062a \u0623\u0648 \u0643\u0633\u0648\u0631 \u0628\u0633\u064a\u0637\u0629\",\r\n\r\n      \/\/ ----- Orthodontics -----\r\n      \"- Select - (Ortho)\": \"\u0627\u062e\u062a\u064e\u0631\",\r\n      \"Invisalign \u2013 I want invisible, removable aligners\": \"Invisalign \u2014 \u062a\u0642\u0648\u064a\u0645 \u0634\u0641\u0627\u0641 \u0642\u0627\u0628\u0644 \u0644\u0644\u0625\u0632\u0627\u0644\u0629\",\r\n      \"Braces \u2013 I\u2019m open to fixed brackets (metallic or ceramic)\": \"\u062a\u0642\u0648\u064a\u0645 \u062b\u0627\u0628\u062a \u2014 \u0645\u0639\u062f\u0646\u064a \u0623\u0648 \u062e\u0632\u0641\u064a\",\r\n      \"Damon Braces \u2013 self-ligating brackets\": \"\u062a\u0642\u0648\u064a\u0645 \u062f\u064a\u0645\u0648\u0646 \u2014 \u0623\u0642\u0648\u0627\u0633 \u0630\u0627\u062a\u064a\u0629 \u0627\u0644\u0625\u063a\u0644\u0627\u0642\",\r\n      \"Myobrace \u2013 habit-correcting appliance for kids\/teens\": \"Myobrace \u2014 \u062c\u0647\u0627\u0632 \u0644\u062a\u0635\u062d\u064a\u062d \u0627\u0644\u0639\u0627\u062f\u0627\u062a \u0644\u0644\u0623\u0637\u0641\u0627\u0644\/\u0627\u0644\u0646\u0627\u0634\u0626\u064a\u0646\",\r\n      \"Lingual Braces \u2013 hidden behind the teeth (invisible)\": \"\u062a\u0642\u0648\u064a\u0645 \u0644\u0633\u0627\u0646\u064a \u2014 \u0645\u062e\u0641\u064a \u062e\u0644\u0641 \u0627\u0644\u0623\u0633\u0646\u0627\u0646 (\u063a\u064a\u0631 \u0645\u0631\u0626\u064a)\",\r\n      \"Clear Aligners \u2013 I\u2019m exploring alternatives to Invisalign\": \"\u062a\u0642\u0648\u064a\u0645 \u0634\u0641\u0627\u0641 \u2014 \u0628\u062f\u0627\u0626\u0644 \u0644\u0640 Invisalign\",\r\n      \"Crooked Teeth \u2013 not sure which option, just want straighter teeth\/better bite\": \"\u0627\u0639\u0648\u062c\u0627\u062c \u0627\u0644\u0623\u0633\u0646\u0627\u0646 \u2014 \u0623\u0631\u064a\u062f \u0623\u0633\u0646\u0627\u0646\u064b\u0627 \u0623\u0639\u062f\u0644\/\u0625\u0637\u0628\u0627\u0642\u064b\u0627 \u0623\u0641\u0636\u0644\",\r\n      \"Gaps Between My Teeth \u2013 I want to close the spacing\": \"\u0641\u0631\u0627\u063a\u0627\u062a \u0628\u064a\u0646 \u0627\u0644\u0623\u0633\u0646\u0627\u0646 \u2014 \u0623\u0631\u064a\u062f \u0625\u063a\u0644\u0627\u0642\u0647\u0627\",\r\n\r\n      \/\/ ----- Routine -----\r\n      \"- Select - (Routine)\": \"\u0627\u062e\u062a\u064e\u0631\",\r\n      \"Teeth Cleaning \u2013 I want a professional cleaning (scaling & polishing)\": \"\u062a\u0646\u0638\u064a\u0641 \u0627\u0644\u0623\u0633\u0646\u0627\u0646 \u2014 \u0625\u0632\u0627\u0644\u0629 \u0627\u0644\u062c\u064a\u0631 \u0648\u0627\u0644\u062a\u0644\u0645\u064a\u0639\",\r\n      \"Dental Check-Up \u2013 just a routine dental exam\": \"\u0641\u062d\u0635 \u0623\u0633\u0646\u0627\u0646 \u0631\u0648\u062a\u064a\u0646\u064a\",\r\n      \"Cavity Filling \u2013 I have a small cavity or hole in a tooth\": \"\u062d\u0634\u0648 \u0633\u0646 \u2014 \u062a\u0633\u0648\u0651\u0633 \u0623\u0648 \u062b\u0642\u0628 \u0628\u0633\u064a\u0637\",\r\n      \"Tooth Sensitivity \u2013 discomfort with cold, sweet, or touch\": \"\u062d\u0633\u0627\u0633\u064a\u0629 \u0627\u0644\u0623\u0633\u0646\u0627\u0646 \u2014 \u0645\u0639 \u0627\u0644\u0628\u0627\u0631\u062f\/\u0627\u0644\u062d\u0644\u0648\/\u0627\u0644\u0644\u0645\u0633\",\r\n      \"Stained Teeth \u2013 mild stains I want to clean or polish off\": \"\u062a\u0635\u0628\u063a\u0627\u062a \u062e\u0641\u064a\u0641\u0629 \u2014 \u0623\u0631\u064a\u062f \u062a\u0646\u0638\u064a\u0641\u0647\u0627\/\u062a\u0644\u0645\u064a\u0639\u0647\u0627\",\r\n      \"Bleeding Gums \u2013 gums bleed when I brush or floss\": \"\u0646\u0632\u064a\u0641 \u0627\u0644\u0644\u062b\u0629 \u2014 \u064a\u062d\u062f\u062b \u0639\u0646\u062f \u0627\u0644\u062a\u0641\u0631\u064a\u0634 \u0623\u0648 \u0627\u0644\u062e\u064a\u0637\",\r\n      \"Bad Breath \u2013 I want to check the cause of bad breath\": \"\u0631\u0627\u0626\u062d\u0629 \u0641\u0645 \u2014 \u0623\u0631\u064a\u062f \u0645\u0639\u0631\u0641\u0629 \u0627\u0644\u0633\u0628\u0628\",\r\n\r\n      \/\/ ----- Not sure \/ Need help deciding -----\r\n      \"- Select - (Unsure)\": \"\u0627\u062e\u062a\u064e\u0631\",\r\n      \"I need help figuring out the best treatment for me\": \"\u0623\u062d\u062a\u0627\u062c \u0645\u0633\u0627\u0639\u062f\u0629 \u0644\u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0639\u0644\u0627\u062c \u0627\u0644\u0623\u0646\u0633\u0628 \u0644\u064a\",\r\n      \"I have multiple dental concerns and don\u2019t know where to start\": \"\u0644\u062f\u064a \u0639\u062f\u0629 \u0645\u0634\u0627\u0643\u0644 \u0641\u064a \u0627\u0644\u0623\u0633\u0646\u0627\u0646 \u0648\u0644\u0627 \u0623\u0639\u0631\u0641 \u0645\u0646 \u0623\u064a\u0646 \u0623\u0628\u062f\u0623\",\r\n      \"I've never had dental work and I feel nervous\": \"\u0644\u0645 \u0623\u062e\u0636\u0639 \u0644\u0639\u0644\u0627\u062c \u0623\u0633\u0646\u0627\u0646 \u0645\u0646 \u0642\u0628\u0644 \u0648\u0623\u0634\u0639\u0631 \u0628\u0627\u0644\u062a\u0648\u062a\u0631\",\r\n      \"I\u2019ve never had dental work and I feel nervous\": \"\u0644\u0645 \u0623\u062e\u0636\u0639 \u0644\u0639\u0644\u0627\u062c \u0623\u0633\u0646\u0627\u0646 \u0645\u0646 \u0642\u0628\u0644 \u0648\u0623\u0634\u0639\u0631 \u0628\u0627\u0644\u062a\u0648\u062a\u0631\",\r\n      \"I want to compare treatment options before I decide\": \"\u0623\u0631\u064a\u062f \u0645\u0642\u0627\u0631\u0646\u0629 \u0627\u0644\u062e\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0639\u0644\u0627\u062c\u064a\u0629 \u0642\u0628\u0644 \u0627\u062a\u062e\u0627\u0630 \u0627\u0644\u0642\u0631\u0627\u0631\",\r\n      \"I just want to talk to someone I trust before I book\": \"\u0623\u0631\u064a\u062f \u0627\u0644\u062a\u062d\u062f\u062b \u0645\u0639 \u0634\u062e\u0635 \u0645\u0648\u062b\u0648\u0642 \u0642\u0628\u0644 \u0627\u0644\u062d\u062c\u0632\",\r\n      \"Something else \u2013 I\u2019ll explain below\": \"\u0634\u064a\u0621 \u0622\u062e\u0631 \u2014 \u0633\u0623\u0648\u0636\u0651\u062d \u0630\u0644\u0643 \u0623\u062f\u0646\u0627\u0647\",\r\n\r\n      \/\/ ----- Something else (free text) -----\r\n      \"- Select - (Other)\": \"\u0627\u062e\u062a\u064e\u0631\",\r\n      \"I'll type the details below\": \"\u0633\u0623\u0643\u062a\u0628 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644 \u0623\u062f\u0646\u0627\u0647\"\r\n    };\r\n\r\n    const relabelSelect = (sel, map) => {\r\n      if (!sel) return;\r\n      for (const opt of sel.options) {\r\n        const en = (opt.textContent || '').trim();\r\n        if (map[en]) opt.textContent = map[en];\r\n      }\r\n    };\r\n\r\n    const reasonSel = document.getElementById('reason_for_visit');\r\n    const subSel   = document.getElementById('sub_reason');\r\n\r\n    \/\/ Relabel immediately\r\n    relabelSelect(reasonSel, REASON_AR);\r\n\r\n    \/\/ Relabel sub reasons after each population\r\n    document.addEventListener('change', (e) => {\r\n      if (e.target && e.target.id === 'reason_for_visit') {\r\n        setTimeout(() => relabelSelect(subSel, REASON_AR), 0);\r\n      }\r\n    });\r\n\r\n    \/\/ Safety pass (prefilled\/auto-populated cases)\r\n    setTimeout(() => relabelSelect(subSel, REASON_AR), 0);\r\n  };\r\n\r\n  \/\/ Wire both applyRules() and relabel() at the right times\r\ndocument.addEventListener('DOMContentLoaded', () => { applyRules(); relabel(); });\r\nsetTimeout(() => { applyRules(); relabel(); }, 120);\r\nwindow.addEventListener('pageshow', () => { setTimeout(() => { applyRules(); relabel(); }, 0); });\r\n\r\n})();\r\n\/\/ LQ:LOCALE_JS END\r\n<\/script>\r\n<!-- LQ:JS END -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Braces in Dubai: Types, Treatment and How to Choose Fixed braces use brackets attached to the teeth and a wire, together with other treatment mechanics when needed, to guide tooth movement over time. Whether fixed braces are appropriate for you depends on the diagnosis, what needs to be corrected and the goals of treatment. There [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":3354,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-5913","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lumiquestdental.com\/ar\/wp-json\/wp\/v2\/pages\/5913","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lumiquestdental.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lumiquestdental.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lumiquestdental.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lumiquestdental.com\/ar\/wp-json\/wp\/v2\/comments?post=5913"}],"version-history":[{"count":98,"href":"https:\/\/lumiquestdental.com\/ar\/wp-json\/wp\/v2\/pages\/5913\/revisions"}],"predecessor-version":[{"id":12919,"href":"https:\/\/lumiquestdental.com\/ar\/wp-json\/wp\/v2\/pages\/5913\/revisions\/12919"}],"up":[{"embeddable":true,"href":"https:\/\/lumiquestdental.com\/ar\/wp-json\/wp\/v2\/pages\/3354"}],"wp:attachment":[{"href":"https:\/\/lumiquestdental.com\/ar\/wp-json\/wp\/v2\/media?parent=5913"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}