{"id":14,"date":"2026-01-13T03:26:57","date_gmt":"2026-01-13T01:26:57","guid":{"rendered":"https:\/\/captainm3ta.com\/?page_id=14"},"modified":"2026-04-28T19:23:19","modified_gmt":"2026-04-28T16:23:19","slug":"home","status":"publish","type":"page","link":"https:\/\/captainm3ta.com\/ar\/","title":{"rendered":"\u0627\u0644\u0635\u0641\u062d\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"14\" class=\"elementor elementor-14\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f6b5101 e-con-full asc-blend-top e-flex e-con e-parent\" data-id=\"f6b5101\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_play_on_mobile&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9a19a70 elementor-widget elementor-widget-menu-anchor\" data-id=\"9a19a70\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"Home\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ad80870 e-con-full e-flex e-con e-child\" data-id=\"ad80870\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-45df46c e-flex e-con-boxed e-con e-child\" data-id=\"45df46c\" 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-ca60fa5 elementor-position-inline-start elementor-mobile-position-inline-start elementor-widget-mobile__width-auto elementor-widget__width-auto elementor-widget-tablet__width-initial elementor-view-default elementor-widget elementor-widget-icon-box\" data-id=\"ca60fa5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-star\" viewBox=\"0 0 576 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z\"><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tPhysio Therapist-Led Transformation Protocol\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0a7ab2a elementor-widget elementor-widget-heading\" data-id=\"0a7ab2a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Stronger Body <\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1aee3cb gradient-text elementor-widget elementor-widget-heading\" data-id=\"1aee3cb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">No Time Wasted<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0c28028 elementor-widget elementor-widget-text-editor\" data-id=\"0c28028\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>High-care online coaching for busy men. Built for your body, your time, and your health.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7ec928f elementor-widget elementor-widget-text-editor\" data-id=\"7ec928f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><em>Coached by Dr. Moatasem Abdeen<\/em><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-18bfa2b e-con-full e-flex e-con e-child\" data-id=\"18bfa2b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7ab9a19 gradient-button elementor-widget elementor-widget-button\" data-id=\"7ab9a19\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/captainm3ta.com\/quiz\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-arrow-right\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Take The Quiz<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-53a4541 elementor-widget elementor-widget-button\" data-id=\"53a4541\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/captainm3ta.com\/#Method\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">See How It Works<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8f8146a e-con-full e-flex e-con e-child\" data-id=\"8f8146a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d5b9d0c elementor-icon-list--layout-inline trust-badges elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"d5b9d0c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items elementor-inline-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-stethoscope\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M447.1 112c-34.2.5-62.3 28.4-63 62.6-.5 24.3 12.5 45.6 32 56.8V344c0 57.3-50.2 104-112 104-60 0-109.2-44.1-111.9-99.2C265 333.8 320 269.2 320 192V36.6c0-11.4-8.1-21.3-19.3-23.5L237.8.5c-13-2.6-25.6 5.8-28.2 18.8L206.4 35c-2.6 13 5.8 25.6 18.8 28.2l30.7 6.1v121.4c0 52.9-42.2 96.7-95.1 97.2-53.4.5-96.9-42.7-96.9-96V69.4l30.7-6.1c13-2.6 21.4-15.2 18.8-28.2l-3.1-15.7C107.7 6.4 95.1-2 82.1.6L19.3 13C8.1 15.3 0 25.1 0 36.6V192c0 77.3 55.1 142 128.1 156.8C130.7 439.2 208.6 512 304 512c97 0 176-75.4 176-168V231.4c19.1-11.1 32-31.7 32-55.4 0-35.7-29.2-64.5-64.9-64zm.9 80c-8.8 0-16-7.2-16-16s7.2-16 16-16 16 7.2 16 16-7.2 16-16 16z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Physio-Led Coaching<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-medal\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M223.75 130.75L154.62 15.54A31.997 31.997 0 0 0 127.18 0H16.03C3.08 0-4.5 14.57 2.92 25.18l111.27 158.96c29.72-27.77 67.52-46.83 109.56-53.39zM495.97 0H384.82c-11.24 0-21.66 5.9-27.44 15.54l-69.13 115.21c42.04 6.56 79.84 25.62 109.56 53.38L509.08 25.18C516.5 14.57 508.92 0 495.97 0zM256 160c-97.2 0-176 78.8-176 176s78.8 176 176 176 176-78.8 176-176-78.8-176-176-176zm92.52 157.26l-37.93 36.96 8.97 52.22c1.6 9.36-8.26 16.51-16.65 12.09L256 393.88l-46.9 24.65c-8.4 4.45-18.25-2.74-16.65-12.09l8.97-52.22-37.93-36.96c-6.82-6.64-3.05-18.23 6.35-19.59l52.43-7.64 23.43-47.52c2.11-4.28 6.19-6.39 10.28-6.39 4.11 0 8.22 2.14 10.33 6.39l23.43 47.52 52.43 7.64c9.4 1.36 13.17 12.95 6.35 19.59z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Origin Certified Coach<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-shield-alt\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M466.5 83.7l-192-80a48.15 48.15 0 0 0-36.9 0l-192 80C27.7 91.1 16 108.6 16 128c0 198.5 114.5 335.7 221.5 380.3 11.8 4.9 25.1 4.9 36.9 0C360.1 472.6 496 349.3 496 128c0-19.4-11.7-36.9-29.5-44.3zM256.1 446.3l-.1-381 175.9 73.3c-3.3 151.4-82.1 261.1-175.8 307.7z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">14-Day Guarantee<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bf1a9b5 e-con-full e-flex e-con e-child\" data-id=\"bf1a9b5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-99a75d9 e-flex e-con-boxed e-con e-child\" data-id=\"99a75d9\" 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-cd3a7a5 elementor-widget elementor-widget-image\" data-id=\"cd3a7a5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/youtu.be\/Aq5WXmQQooo?si=SUEMNk36MoWPzPJi\">\n\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"669\" height=\"1024\" src=\"https:\/\/captainm3ta.com\/wp-content\/uploads\/2026\/03\/receipt_599bafaeb762114ea670c3e18a1aa83e-669x1024.webp\" class=\"attachment-large size-large wp-image-3535\" alt=\"\" srcset=\"https:\/\/captainm3ta.com\/wp-content\/uploads\/2026\/03\/receipt_599bafaeb762114ea670c3e18a1aa83e-669x1024.webp 669w, https:\/\/captainm3ta.com\/wp-content\/uploads\/2026\/03\/receipt_599bafaeb762114ea670c3e18a1aa83e-196x300.webp 196w, https:\/\/captainm3ta.com\/wp-content\/uploads\/2026\/03\/receipt_599bafaeb762114ea670c3e18a1aa83e-768x1175.webp 768w, https:\/\/captainm3ta.com\/wp-content\/uploads\/2026\/03\/receipt_599bafaeb762114ea670c3e18a1aa83e-8x12.webp 8w, https:\/\/captainm3ta.com\/wp-content\/uploads\/2026\/03\/receipt_599bafaeb762114ea670c3e18a1aa83e.webp 999w\" sizes=\"(max-width: 669px) 100vw, 669px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7601c5e e-con-full elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-child\" data-id=\"7601c5e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-24e7dcf e-con-full e-flex e-con e-child\" data-id=\"24e7dcf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7122bfc elementor-widget elementor-widget-heading\" data-id=\"7122bfc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">500+<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e7b5d8c elementor-widget elementor-widget-text-editor\" data-id=\"e7b5d8c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Clients<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3c70428 e-con-full e-flex e-con e-child\" data-id=\"3c70428\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d05c4d7 elementor-widget elementor-widget-heading\" data-id=\"d05c4d7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">98%<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fe2e1ec elementor-widget elementor-widget-text-editor\" data-id=\"fe2e1ec\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Success<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f0dd7d0 e-con-full e-flex e-con e-child\" data-id=\"f0dd7d0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b25b249 elementor-widget elementor-widget-heading\" data-id=\"b25b249\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">12yr<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9c0516f elementor-widget elementor-widget-text-editor\" data-id=\"9c0516f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Experience<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-13cafc4 e-con-full e-flex e-con e-child\" data-id=\"13cafc4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cc1b666 elementor-widget elementor-widget-html\" data-id=\"cc1b666\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  body, html {\r\n    overflow-x: hidden !important;\r\n    max-width: 100vw;\r\n  }\r\n  .scroll-icon-container {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    padding: 20px 0;\r\n  }\r\n\r\n  @keyframes scrollArrow {\r\n    0% {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n    }\r\n    100% {\r\n      opacity: 0;\r\n      transform: translateY(20px);\r\n    }\r\n  }\r\n  .scroll-arrow {\r\n    animation: scrollArrow 1.6s ease-out infinite;\r\n  }\r\n\r\n  \/* \ud83d\udfe2 Easter Egg Glow Animation *\/\r\n  @keyframes cinematicGoldFlash {\r\n    0% { box-shadow: inset 0 0 0px 0px rgba(245, 158, 11, 0); background-color: rgba(245, 158, 11, 0); }\r\n    10% { box-shadow: inset 0 0 150px 20px rgba(245, 158, 11, 0.4); background-color: rgba(245, 158, 11, 0.15); }\r\n    90% { box-shadow: inset 0 0 150px 20px rgba(245, 158, 11, 0.4); background-color: rgba(245, 158, 11, 0.15); }\r\n    100% { box-shadow: inset 0 0 0px 0px rgba(245, 158, 11, 0); background-color: rgba(245, 158, 11, 0); }\r\n  }\r\n  @keyframes fallConfetti {\r\n    0% { transform: translateY(-10vh) rotate(0deg); opacity: 1; }\r\n    100% { transform: translateY(110vh) rotate(360deg); opacity: 0; }\r\n  }\r\n  @keyframes blurFadeIn {\r\n    0% { opacity: 0; backdrop-filter: blur(0px); -webkit-backdrop-filter: blur(0px); }\r\n    100% { opacity: 1; backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); }\r\n  }\r\n  @keyframes textScaleUp {\r\n    0% { opacity: 0; transform: translate(-50%, -50%) scale(0.95); margin-top: 25px; }\r\n    100% { opacity: 1; transform: translate(-50%, -50%) scale(1); margin-top: 0px; }\r\n  }\r\n  .easter-egg-flash {\r\n    position: fixed;\r\n    top: 0; left: 0; right: 0; bottom: 0;\r\n    max-width: 100vw;\r\n    pointer-events: none;\r\n    z-index: 9999999;\r\n    animation: cinematicGoldFlash 5.5s cubic-bezier(0.25, 1, 0.5, 1) forwards;\r\n    overflow: hidden;\r\n  }\r\n  .confetti-piece {\r\n    position: absolute;\r\n    width: 6px; height: 16px;\r\n    background: linear-gradient(135deg, #ffd98a, #b8892e);\r\n    opacity: 0;\r\n    border-radius: 4px;\r\n  }\r\n  .easter-egg-blur {\r\n    position: fixed; top: 0; left: 0; width: 100vw; height: 100vh;\r\n    max-width: 100vw;\r\n    overflow: hidden;\r\n    background: rgba(0,0,0,0.7);\r\n    z-index: 99999999;\r\n    animation: blurFadeIn 1.2s ease-out forwards;\r\n  }\r\n  .easter-egg-msg {\r\n    position: absolute; top: 50%; left: 50%; width: 90%; text-align: center;\r\n    transform: translate(-50%, -50%);\r\n    color: #fff; font-family: 'Poppins', sans-serif; font-size: 32px; font-weight: 800;\r\n    line-height: 1.4; letter-spacing: 0.5px;\r\n    animation: textScaleUp 1.2s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;\r\n  }\r\n  .easter-egg-sub {\r\n    display: block; margin-top: 15px; font-size: 22px; font-weight: 600;\r\n    background: linear-gradient(135deg, #ffeaa7 0%, #d4912a 50%, #b8892e 100%);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    text-shadow: 0px 5px 15px rgba(212, 145, 42, 0.2);\r\n  }\r\n  .easter-egg-icon {\r\n    display: block; margin: 25px auto 0 auto; width: 90px; height: auto; opacity: 0.95;\r\n    filter: drop-shadow(0px 0px 20px rgba(212, 145, 42, 0.5));\r\n  }\r\n  @media(max-width:600px){ \r\n    .easter-egg-msg { font-size: 24px; top: 48%; } \r\n    .easter-egg-sub { font-size: 18px; margin-top: 10px; }\r\n    .easter-egg-icon { width: 70px; margin-top: 18px; }\r\n  }\r\n  .scroll-icon-container { cursor: pointer; transition: transform 0.3s; }\r\n  .scroll-icon-container:hover { transform: scale(1.1); }\r\n<\/style>\r\n\r\n<div class=\"scroll-icon-container\" id=\"magic-arrow\">\r\n  <svg width=\"22px\" height=\"36px\" viewBox=\"0 0 30 50\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n    <rect x=\"1\" y=\"1\" width=\"28\" height=\"48\" rx=\"14\" stroke=\"#775521\" stroke-width=\"2\"\/>\r\n    \r\n    <path class=\"scroll-arrow\" d=\"M10 15 L15 20 L20 15\" stroke=\"#d4912a\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n  <\/svg>\r\n<\/div>\r\n\r\n<script>\r\n  document.addEventListener(\"DOMContentLoaded\", function() {\r\n      const arrow = document.getElementById(\"magic-arrow\");\r\n      if(arrow) {\r\n          arrow.addEventListener(\"click\", function() {\r\n              \/\/ 1. Lock the Screen & Record original position\r\n              const originalScrollY = window.scrollY;\r\n              document.body.style.overflow = \"hidden\";\r\n              document.documentElement.style.overflow = \"hidden\";\r\n              \r\n              \/\/ Target EXACTLY the visual carousel itself, not the abstract section header\r\n              const target = document.getElementById(\"tf-stage-area\");\r\n              if(target) {\r\n                  \/\/ Calculate raw offset to center the widget precisely in user's screen\r\n                  const targetRect = target.getBoundingClientRect();\r\n                  const offset = targetRect.top + window.scrollY - (window.innerHeight - targetRect.height) \/ 2;\r\n                  window.scrollTo({ top: Math.max(0, offset), behavior: 'smooth' });\r\n              } else {\r\n                  window.scrollBy({ top: window.innerHeight * 1.5, left: 0, behavior: 'smooth' });\r\n              }\r\n\r\n              \/\/ 2. Trigger the Cinematic 5-second Overlay with Confetti\r\n              const flash = document.createElement(\"div\");\r\n              flash.className = \"easter-egg-flash\";\r\n              \r\n              \/\/ Generate 40 Confetti particles\r\n              for(let i=0; i<40; i++) {\r\n                  let c = document.createElement(\"div\");\r\n                  c.className = \"confetti-piece\";\r\n                  \/\/ Spawn them safely within 95% width to prevent x-overflow pushing\r\n                  c.style.left = (Math.random() * 95) + \"vw\";\r\n                  c.style.animation = `fallConfetti ${1.0 + Math.random()*1.5}s linear infinite`;\r\n                  c.style.animationDelay = `${Math.random()}s`;\r\n                  flash.appendChild(c);\r\n              }\r\n              document.body.appendChild(flash);\r\n              \r\n              \/\/ 2.5. Golden Countdown Circle \u2014 synced with the 5-second hijack window\r\n              const arrowTimerEl = document.createElement('div');\r\n              arrowTimerEl.id = 'arrow-ee-cntdwn';\r\n              const _circ = parseFloat((2 * Math.PI * 30).toFixed(1)); \/\/ ~188.5\r\n              arrowTimerEl.innerHTML = `<svg width=\"74\" height=\"74\" viewBox=\"0 0 74 74\" style=\"filter:drop-shadow(0 0 12px rgba(245,158,11,0.75));\">\r\n                  <circle cx=\"37\" cy=\"37\" r=\"30\" fill=\"rgba(0,0,0,0.5)\" stroke=\"rgba(245,158,11,0.18)\" stroke-width=\"5\"\/>\r\n                  <circle id=\"arrow-ee-arc\" cx=\"37\" cy=\"37\" r=\"30\" fill=\"none\" stroke=\"#F59E0B\" stroke-width=\"5\"\r\n                      stroke-linecap=\"round\" stroke-dasharray=\"${_circ}\" stroke-dashoffset=\"0\"\r\n                      transform=\"rotate(-90 37 37)\" style=\"transition:stroke-dashoffset 0.92s linear;\"\/>\r\n                  <text x=\"37\" y=\"43\" text-anchor=\"middle\" fill=\"#F59E0B\" font-size=\"22\" font-weight=\"700\"\r\n                      font-family=\"Poppins,sans-serif\" id=\"arrow-ee-num\">5<\/text>\r\n              <\/svg>`;\r\n              Object.assign(arrowTimerEl.style, {\r\n                  position: 'fixed', bottom: '38px', left: '50%', transform: 'translateX(-50%)',\r\n                  zIndex: '9999999', pointerEvents: 'none', transition: 'opacity 0.4s ease'\r\n              });\r\n              document.body.appendChild(arrowTimerEl);\r\n\r\n              let _arrowCount = 5;\r\n              const _arrArc  = arrowTimerEl.querySelector('#arrow-ee-arc');\r\n              const _arrNum  = arrowTimerEl.querySelector('#arrow-ee-num');\r\n\r\n              const _arrowCdInterval = setInterval(() => {\r\n                  _arrowCount--;\r\n                  if (_arrNum) _arrNum.textContent = _arrowCount;\r\n                  if (_arrArc) _arrArc.style.strokeDashoffset = parseFloat((_circ * (5 - _arrowCount) \/ 5).toFixed(1));\r\n                  if (_arrowCount <= 0) {\r\n                      clearInterval(_arrowCdInterval);\r\n                      arrowTimerEl.style.opacity = '0';\r\n                      setTimeout(() => { if (arrowTimerEl.parentNode) arrowTimerEl.remove(); }, 450);\r\n                  }\r\n              }, 1000);\r\n\r\n              \/\/ 3. Fast Auto-Play Hijack Loop (every 1.0 second)\r\n              let hijackInterval = setInterval(() => {\r\n                  if (window.triggerTfRotate) window.triggerTfRotate('next');\r\n              }, 1000);\r\n              \r\n              \/\/ 4. The Message Reveal (After 5.0 seconds)\r\n              let overlay;\r\n              setTimeout(() => {\r\n                  clearInterval(hijackInterval);\r\n                  \r\n                  \/\/ Register the arrow easter egg silently (no competing cutscene)\r\n                  const arrowEE = (window.CM_EASTER_EGG && typeof window.CM_EASTER_EGG.triggerArrowEgg === 'function')\r\n                      ? window.CM_EASTER_EGG.triggerArrowEgg()\r\n                      : null;\r\n                  \r\n                  \/\/ Build discount pill from EE result\r\n                  let discountPillHTML = '';\r\n                  if (arrowEE) {\r\n                      if (arrowEE.claimed) {\r\n                          const secretsLine = arrowEE.secretsLeft > 0\r\n                              ? arrowEE.secretsLeft + ' secrets remaining...'\r\n                              : '\ud83c\udfc6 All secrets found!';\r\n                          discountPillHTML = `<div style=\"margin-top:20px; display:inline-block; background:linear-gradient(90deg,#10B981,#059669); color:#fff; padding:7px 22px; border-radius:20px; font-size:15px; font-weight:700; letter-spacing:0.5px;\">-${arrowEE.discount}% Secret Discount Applied<\/div><div style=\"margin-top:8px; font-size:12px; color:#aaa; font-weight:400;\">${secretsLine}<\/div>`;\r\n                      } else {\r\n                          discountPillHTML = `<div style=\"margin-top:20px; display:inline-block; background:rgba(245,158,11,0.15); border:1px solid #F59E0B; color:#F59E0B; padding:7px 22px; border-radius:20px; font-size:13px; font-weight:700;\">Bonus Already Locked In \u2713<\/div>`;\r\n                      }\r\n                  }\r\n\r\n                  \/\/ Setup language\r\n                  const isAr = document.documentElement.lang.includes('ar');\r\n                  \/\/ Use the true site logo if available (header logo or CM_MASTER config)\r\n                  const logoUrl = document.querySelector('.cm-logo img')?.src ||\r\n                      (window.CM_MASTER && CM_MASTER.media && CM_MASTER.media.site_logo_url) || '';\r\n                  const lgLogo = logoUrl ? `<img decoding=\"async\" src=\"${logoUrl}\" class=\"easter-egg-icon\" alt=\"Ascension logo\">` : '';\r\n                  const msgText = isAr \r\n                      ? \"\u062f\u064a \u0641\u0631\u0635\u062a\u0643.<br>\u062e\u0630 \u0627\u0644\u0642\u0631\u0627\u0631 \u0648\u0627\u0628\u062f\u0623 \u062f\u0644\u0648\u0642\u062a\u064a.<br><span class='easter-egg-sub'>\u062c\u0627\u064a\u0628\u0644\u0643 \u062e\u0635\u0645 \u0645\u062e\u0635\u0648\u0635 \u0639\u0634\u0627\u0646\u0643...<\/span>\" + lgLogo + discountPillHTML\r\n                      : \"It's your turn.<br>Take action and start now.<br><span class='easter-egg-sub'>I've got a discount for you...<\/span>\" + lgLogo + discountPillHTML;\r\n                  \r\n                  overlay = document.createElement(\"div\");\r\n                  overlay.className = \"easter-egg-blur\";\r\n                  \r\n                  const msg = document.createElement(\"div\");\r\n                  msg.className = \"easter-egg-msg\";\r\n                  msg.innerHTML = msgText;\r\n                  \r\n                  overlay.appendChild(msg);\r\n                  document.body.appendChild(overlay);\r\n                  \r\n                  \/\/ Fade out the first flash immediately behind the blur\r\n                  if(flash.parentNode) flash.remove();\r\n                  \r\n              }, 5000);\r\n              \r\n              \/\/ 5. Scroll to Programs Section (While masked by overlay)\r\n              setTimeout(() => { \r\n                  \/\/ Smooth scroll to the Programs anchor\r\n                  const progTarget = document.getElementById(\"Programs\");\r\n                  if(progTarget) {\r\n                      const progRect = progTarget.getBoundingClientRect();\r\n                      const progOffset = progRect.top + window.scrollY - 100; \/\/ 100px offset for fixed header\r\n                      window.scrollTo({ top: Math.max(0, progOffset), behavior: 'smooth' });\r\n                  } else {\r\n                      window.scrollTo({ top: 0, behavior: 'smooth' });\r\n                  }\r\n              }, 6500);\r\n\r\n              \/\/ 6. The Grand Reveal Fade Out (After scroll finishes)\r\n              setTimeout(() => { \r\n                  if(overlay) {\r\n                      \/\/ CRITICAL: Remove CSS animations to allow JS opacity transition\r\n                      overlay.style.animation = \"none\";\r\n                      const textNode = overlay.querySelector('.easter-egg-msg');\r\n                      if(textNode) textNode.style.animation = \"none\";\r\n                      \r\n                      \/\/ Apply synchronized fade out to the entire overlay parent\r\n                      overlay.style.transition = \"opacity 1s ease-in-out\";\r\n                      \r\n                      \/\/ Small tick to ensure 'none' applies before shifting to 0 opacity\r\n                      setTimeout(() => {\r\n                          overlay.style.opacity = \"0\";\r\n                      }, 50);\r\n                      \r\n                      \/\/ Total Cleanup\r\n                      setTimeout(() => { \r\n                          if(overlay.parentNode) overlay.remove(); \r\n                          document.body.style.overflow = \"\"; \/\/ Unlock scrolling\r\n                          document.documentElement.style.overflow = \"\";\r\n                      }, 1100);\r\n                  } else {\r\n                      document.body.style.overflow = \"\"; \/\/ Fallback unlock\r\n                      document.documentElement.style.overflow = \"\";\r\n                  }\r\n              }, 7800);\r\n          });\r\n      }\r\n  });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-82e99cc asc-blend-bottom asc-blend-top e-flex e-con-boxed e-con e-parent\" data-id=\"82e99cc\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;slideshow&quot;,&quot;background_slideshow_gallery&quot;:[{&quot;id&quot;:3672,&quot;url&quot;:&quot;https:\\\/\\\/captainm3ta.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/receipt_de1f6334468f2b75b13037f1479be0eb.webp&quot;}],&quot;background_slideshow_loop&quot;:&quot;yes&quot;,&quot;background_slideshow_slide_duration&quot;:5000,&quot;background_slideshow_slide_transition&quot;:&quot;fade&quot;,&quot;background_slideshow_transition_duration&quot;:500}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-c8b65a7 e-con-full e-flex e-con e-child\" data-id=\"c8b65a7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5be3653 elementor-widget elementor-widget-heading\" data-id=\"5be3653\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">If You Tried Before And Failed \u2014 <span class=\"gradient-text\">It\u2019s Not Your Fault<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c23881b elementor-widget elementor-widget-text-editor\" data-id=\"c23881b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Most people don\u2019t quit because they&#8217;re lazy<br data-start=\"1175\" data-end=\"1178\" \/>They quit because the system doesn\u2019t fit their life.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2b068eb elementor-widget elementor-widget-html\" data-id=\"2b068eb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"m3ta-pain-grid\">\r\n    \r\n    <div class=\"red-icon-box\">\r\n        <div class=\"m3ta-icon-wrap\"><i class=\"fas fa-sync-alt\"><\/i><\/div>\r\n        <h3 class=\"m3ta-box-title\">You Can\u2019t Stay Consistent<\/h3>\r\n        <p class=\"m3ta-box-desc\">You start strong. Life gets busy. Progress stops.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"red-icon-box\">\r\n        <div class=\"m3ta-icon-wrap\"><i class=\"fas fa-business-time\"><\/i><\/div>\r\n        <h3 class=\"m3ta-box-title\">Your Schedule Works Against You<\/h3>\r\n        <p class=\"m3ta-box-desc\">Long workdays kill routines. You need a plan that fits your time.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"red-icon-box\">\r\n        <div class=\"m3ta-icon-wrap\"><i class=\"fas fa-clipboard-list\"><\/i><\/div>\r\n        <h3 class=\"m3ta-box-title\">Generic Plans Don\u2019t Work<\/h3>\r\n        <p class=\"m3ta-box-desc\">Copy-paste programs ignore your needs. That\u2019s why you keep restarting.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"red-icon-box\">\r\n        <div class=\"m3ta-icon-wrap\"><i class=\"fas fa-comment-slash\"><\/i><\/div>\r\n        <h3 class=\"m3ta-box-title\">No Real Follow-Up<\/h3>\r\n        <p class=\"m3ta-box-desc\">No structure. No changes. No accountability.<\/p>\r\n    <\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ec00405 e-con-full e-flex e-con e-child\" data-id=\"ec00405\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9978d15 elementor-widget elementor-widget-heading\" data-id=\"9978d15\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">What if there was a better way?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f35cf6a elementor-widget elementor-widget-heading\" data-id=\"f35cf6a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">A system designed specifically for you?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4faa81d gradient-text elementor-widget elementor-widget-heading\" data-id=\"4faa81d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/captainm3ta.com\/#Method\">Discover The Ascension Method \u2192<\/a><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-39f9837 e-con-full asc-blend-top asc-blend-bottom e-flex e-con e-parent\" data-id=\"39f9837\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;slideshow&quot;,&quot;background_slideshow_gallery&quot;:[{&quot;id&quot;:3699,&quot;url&quot;:&quot;https:\\\/\\\/captainm3ta.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/receipt_0779263fbf8ae0f1d424b78cdca9d854.webp&quot;}],&quot;background_slideshow_loop&quot;:&quot;yes&quot;,&quot;background_slideshow_slide_duration&quot;:5000,&quot;background_slideshow_slide_transition&quot;:&quot;fade&quot;,&quot;background_slideshow_transition_duration&quot;:500}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7c93cd4 Results elementor-widget elementor-widget-menu-anchor\" data-id=\"7c93cd4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"Success_Stories\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1778e8e e-con-full e-flex e-con e-child\" data-id=\"1778e8e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0fd97b9 gradient-text elementor-widget elementor-widget-heading\" data-id=\"0fd97b9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Real Results From Real People<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a963ad3 elementor-widget elementor-widget-heading\" data-id=\"a963ad3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Not Influencers. Not Models.<br>\n <span class=\"gradient-text\">Just Busy People Who Committed.<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-db1b992 elementor-widget elementor-widget-heading\" data-id=\"db1b992\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">These clients had jobs. Stress. No time.\nSame problems - But A Different system.\nThat\u2019s why results happened.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1dc8724 elementor-widget elementor-widget-shortcode\" data-id=\"1dc8724\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <script>\r\n    window.M3TA_TRANSFORMS = [{\"id\":3873,\"priority\":1,\"cats\":[\"muscle_gain\",\"weight_loss\"],\"nick\":\"The Anvil\",\"job\":\"Computer Science Student\",\"job_ar\":\"\",\"age\":21,\"w_b\":102,\"w_a\":89.4,\"duration\":3,\"quote\":\"\",\"quote_ar\":\"\",\"whatsapp_images\":false,\"whatsapp_image_urls\":[],\"video\":\"\",\"voice\":\"https:\\\/\\\/captainm3ta.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/receipt_634476efd2eb711f593e5309e1759679.ogg\",\"img_b\":\"https:\\\/\\\/captainm3ta.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/receipt_07af5eebcddbafdbae850141fbd0284f-548x1024.webp\",\"img_a\":\"https:\\\/\\\/captainm3ta.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/receipt_83eb87186c68cd9c18356863bbb9e8f8-768x1024.webp\",\"avatar\":\"https:\\\/\\\/captainm3ta.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/receipt_ef88d334f2a8d82a4c81371dec587091-150x150.webp\"},{\"id\":3869,\"priority\":2,\"cats\":[\"weight_loss\"],\"nick\":\"Mohamed\",\"job\":\"Computer Science Student\",\"job_ar\":\"\",\"age\":20,\"w_b\":87.7,\"w_a\":75.6,\"duration\":3,\"quote\":\"\",\"quote_ar\":\"\",\"whatsapp_images\":false,\"whatsapp_image_urls\":[],\"video\":\"\",\"voice\":\"\",\"img_b\":\"https:\\\/\\\/captainm3ta.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/receipt_f572c96d8f08fc0561f40940affd3daa-783x1024.webp\",\"img_a\":\"https:\\\/\\\/captainm3ta.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/receipt_35f93e35f30c7e0f919a89a7c1432e07-e1777387507649-820x1024.webp\",\"avatar\":\"https:\\\/\\\/captainm3ta.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/receipt_6b862bbf5d06a9562db4439ae0e576a7-150x150.webp\"},{\"id\":3881,\"priority\":0,\"cats\":[\"weight_loss\"],\"nick\":\"Iron Queen\",\"job\":\"English Teacher\",\"job_ar\":\"\",\"age\":23,\"w_b\":76.7,\"w_a\":70.5,\"duration\":3,\"quote\":\"\",\"quote_ar\":\"\",\"whatsapp_images\":true,\"whatsapp_image_urls\":[\"https:\\\/\\\/captainm3ta.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/receipt_8bdcd71310fafea16d0954f3cf057c6e.webp\"],\"video\":\"\",\"voice\":\"\",\"img_b\":\"\",\"img_a\":\"\",\"avatar\":\"https:\\\/\\\/captainm3ta.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/receipt_3e34423f92fc6b2f6dccf3dc3955e919-150x150.webp\"},{\"id\":3864,\"priority\":0,\"cats\":[\"weight_loss\"],\"nick\":\"Eskobar\",\"job\":\"Physical Therapy Student\",\"job_ar\":\"\",\"age\":20,\"w_b\":97.4,\"w_a\":89.5,\"duration\":3,\"quote\":\"\",\"quote_ar\":\"\",\"whatsapp_images\":true,\"whatsapp_image_urls\":[\"https:\\\/\\\/captainm3ta.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/receipt_bef6df98fbe54673915c7bb94ca82a5f.webp\"],\"video\":\"\",\"voice\":\"https:\\\/\\\/captainm3ta.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/receipt_be5a4c2d2f468d7561e148ddc76d225c.ogg\",\"img_b\":\"\",\"img_a\":\"\",\"avatar\":\"https:\\\/\\\/captainm3ta.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/receipt_2bf89cb9991884d8700dffefe12340d7-150x150.webp\"},{\"id\":3839,\"priority\":0,\"cats\":[\"weight_loss\"],\"nick\":\"Hunter\",\"job\":\"Dentist\",\"job_ar\":\"\",\"age\":23,\"w_b\":92,\"w_a\":76.2,\"duration\":4,\"quote\":\"\",\"quote_ar\":\"\",\"whatsapp_images\":true,\"whatsapp_image_urls\":[\"https:\\\/\\\/captainm3ta.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/receipt_df768ea1c0a7c8a9239d9030c6c52aa1-e1777155341254.webp\"],\"video\":\"\",\"voice\":\"https:\\\/\\\/captainm3ta.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/receipt_b9cde92890ad0c44eb3be75ea7fc1a5f.ogg\",\"img_b\":\"\",\"img_a\":\"\",\"avatar\":\"https:\\\/\\\/captainm3ta.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/receipt_58802a52f21b15ba458d733b83f8e1d1-150x150.webp\"},{\"id\":3830,\"priority\":0,\"cats\":[\"weight_loss\"],\"nick\":\"Sherfa\",\"job\":\"Cyber Security Student\",\"job_ar\":\"\",\"age\":19,\"w_b\":90,\"w_a\":73.4,\"duration\":5,\"quote\":\"\",\"quote_ar\":\"\",\"whatsapp_images\":true,\"whatsapp_image_urls\":[\"https:\\\/\\\/captainm3ta.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/receipt_1d9a0e0f373414cde339a957c9f0e534.jpeg\"],\"video\":\"\",\"voice\":\"https:\\\/\\\/captainm3ta.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/receipt_3915737cd28a299362062a8bfb6f779a.ogg\",\"img_b\":\"\",\"img_a\":\"\",\"avatar\":\"https:\\\/\\\/captainm3ta.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/receipt_c1eb2f61b76e73922ec4dd2d56208c4c-150x150.webp\"},{\"id\":3827,\"priority\":0,\"cats\":[\"muscle_gain\"],\"nick\":\"Mo Sulek\",\"job\":\"Physical Therapy Student\",\"job_ar\":\"\",\"age\":19,\"w_b\":102.2,\"w_a\":103.4,\"duration\":0,\"quote\":\"\",\"quote_ar\":\"\",\"whatsapp_images\":false,\"whatsapp_image_urls\":[],\"video\":\"\",\"voice\":\"\",\"img_b\":\"https:\\\/\\\/captainm3ta.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/receipt_fecd087bb8ad71867587154734e68773-e1777153398641-1024x942.webp\",\"img_a\":\"\",\"avatar\":\"https:\\\/\\\/captainm3ta.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/receipt_aed4b82f3be10a82bc58a9862f679e31-150x150.webp\"},{\"id\":3815,\"priority\":0,\"cats\":[\"weight_loss\"],\"nick\":\"Mo\",\"job\":\"Army Engineer and business owner\",\"job_ar\":\"\",\"age\":57,\"w_b\":98.6,\"w_a\":88.8,\"duration\":3,\"quote\":\"\",\"quote_ar\":\"\",\"whatsapp_images\":true,\"whatsapp_image_urls\":[\"https:\\\/\\\/captainm3ta.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/receipt_a9856b30187db47aaea7ad4b6ddf2d8e-e1777149759678.webp\"],\"video\":\"\",\"voice\":\"\",\"img_b\":\"\",\"img_a\":\"\",\"avatar\":\"https:\\\/\\\/captainm3ta.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/receipt_0c056d4e0ab3536f17c938bb0f48d029-150x150.webp\"},{\"id\":3803,\"priority\":0,\"cats\":[\"weight_loss\"],\"nick\":\"Mayar\",\"job\":\"Mom of a Newborn girl\",\"job_ar\":\"\",\"age\":30,\"w_b\":99.8,\"w_a\":95.7,\"duration\":1,\"quote\":\"\",\"quote_ar\":\"\",\"whatsapp_images\":true,\"whatsapp_image_urls\":[\"https:\\\/\\\/captainm3ta.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/receipt_dbb0975d7bb375ef5236d34c81ab4c17.webp\"],\"video\":\"\",\"voice\":\"\",\"img_b\":\"\",\"img_a\":\"\",\"avatar\":\"https:\\\/\\\/captainm3ta.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/receipt_1876fe7a33ac9fe92d7d62e2ed4e97df-150x150.webp\"}];\r\n    <\/script>\r\n    \n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-abbb5e7 elementor-widget elementor-widget-html\" data-id=\"abbb5e7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ================= VARIABLES ================= *\/\r\n:root {\r\n  --gold1:#ffd98a; --gold2:#e6b65c; --gold3:#b8892e;\r\n  --anim-speed: 0.5s; \r\n  --ease-smooth: cubic-bezier(0.2, 0.8, 0.2, 1);\r\n}\r\n\r\n\/* ================= LAYOUT ================= *\/\r\n#tf-wrap { padding:70px 0; font-family:Poppins,system-ui,sans-serif; overflow:hidden; }\r\n\r\n.tf-filters { display:flex; justify-content:center; gap:12px; margin-bottom:35px; padding:0 15px; flex-wrap:wrap; }\r\n.tf-stage { position:relative; max-width:1200px; height:700px; margin:auto; display:flex; justify-content:center; perspective:1000px; contain:layout paint style; isolation:isolate; }\r\n.tf-nav { display:flex; justify-content:center; gap:36px; margin-top:20px; }\r\n\r\n\/* ================= COMPONENTS ================= *\/\r\n.tf-filter-btn {\r\n  padding:10px 24px; border-radius:999px; background:#0f0f0f; border:1px solid #222;\r\n  color:#aaa; cursor:pointer; transition:0.2s; outline:none; text-transform:capitalize;\r\n  -webkit-tap-highlight-color: transparent;\r\n}\r\n.tf-filter-btn:hover:not(.active) { border-color:var(--gold1); color:#fff; background:#000; }\r\n.tf-filter-btn.active { background:linear-gradient(135deg,var(--gold1),var(--gold3)); color:#000; border-color:transparent; }\r\n\r\n.tf-arrow {\r\n  width:60px; height:60px; border-radius:50%; \r\n  background:#000 !important; color:#fff !important; font-size:30px;\r\n  border:2px solid rgba(255,217,138,.5); cursor:pointer; transition:.25s; \r\n  outline:none !important; box-shadow: none !important; \r\n  -webkit-tap-highlight-color: transparent;\r\n}\r\n.tf-arrow:hover { \r\n  border-color:var(--gold1) !important; color:var(--gold1) !important; \r\n  background: #000 !important; box-shadow: none !important;\r\n}\r\n.tf-arrow:active, .tf-arrow:focus { background:#000 !important; outline:none !important; box-shadow: none !important; }\r\n\r\n\/* ================= SLOTS & CARD ================= *\/\r\n.tf-slot {\r\n  position:absolute; top:50%; left:50%;\r\n  will-change:transform, opacity; backface-visibility:hidden; transform-style:preserve-3d;\r\n  transition:transform var(--anim-speed) var(--ease-smooth), opacity var(--anim-speed) var(--ease-smooth), visibility 0s linear 0s;\r\n  contain:layout paint style;\r\n  visibility:visible;\r\n}\r\n.tf-slot.main { z-index:10; transform:translate3d(-50%,-50%,0) scale(1); opacity:1; filter:blur(0); pointer-events:auto; }\r\n\r\n.tf-slot.left { \r\n  z-index:5; transform:translate3d(-130%,-50%,-100px) scale(0.85); \r\n  opacity:0.4; filter:blur(2px) brightness(0.6); \r\n  pointer-events:auto; cursor:pointer; \r\n  -webkit-tap-highlight-color: transparent;\r\n}\r\n.tf-slot.right { \r\n  z-index:5; transform:translate3d(30%,-50%,-100px) scale(0.85); \r\n  opacity:0.4; filter:blur(2px) brightness(0.6); \r\n  pointer-events:auto; cursor:pointer; \r\n  -webkit-tap-highlight-color: transparent;\r\n}\r\n.tf-slot.left:hover, .tf-slot.right:hover { opacity: 0.6; filter: blur(1px) brightness(0.8); }\r\n\r\n.tf-slot.hidden { z-index:0; transform:translate3d(-50%,-50%,-150px) scale(0.8); opacity:0; pointer-events:none; visibility:hidden; transition:transform var(--anim-speed) var(--ease-smooth), opacity var(--anim-speed) var(--ease-smooth), visibility 0s linear var(--anim-speed); }\r\n\r\n.tf-card {\r\n  width:500px; max-width:90vw; height:700px; background:#000!important; opacity:1!important;\r\n  border-radius:26px; border:1px solid rgba(255,217,138,.35);\r\n  box-shadow:0 0 30px rgba(255,217,138,.1), 0 40px 90px rgba(0,0,0,1);\r\n  display:flex; flex-direction:column; overflow:hidden; position:relative;\r\n  pointer-events: none; -webkit-tap-highlight-color: transparent;\r\n  -webkit-touch-callout: none; -webkit-user-select: none; user-select: none;\r\n  contain:layout paint style; transform:translateZ(0); will-change:transform;\r\n}\r\n.tf-slot.main .tf-card { pointer-events: auto; }\r\n\r\n\/* ================= INTERNAL LAYOUT ================= *\/\r\n.tf-images { background:#000; min-height:0; width:100%; position:relative; }\r\n.tf-images--compare { display:grid; grid-template-columns:1fr 1fr; flex:0 1 55%; }\r\n.tf-images--single { display:grid; grid-template-columns:1fr; flex:0 1 65%; }\r\n.tf-images--stacked { display:flex; flex-direction:column; background:#000; flex:0 1 65%; min-height:0; position:relative; }\r\n.tf-images--stacked .tf-img-box { flex: 1; min-height: 0; width: 100%; border-bottom: 2px solid #000; }\r\n.tf-images--stacked .tf-img-box:last-child { border-bottom: none; }\r\n.tf-img-box { position:relative; display:flex; align-items:center; justify-content:center; background:#000; height:100%; overflow:hidden; -webkit-touch-callout:none; -webkit-user-select:none; user-select:none; }\r\n.tf-images--single .tf-img-box { grid-column:1 \/ -1; }\r\n.tf-img-box img { width:100%; height:100%; -webkit-touch-callout:none; -webkit-user-select:none; user-select:none; -webkit-user-drag:none; pointer-events:none; transform:translateZ(0); }\r\n.tf-images--compare .tf-img-box img { object-fit:cover; object-position:center 15%; }\r\n.tf-images--single .tf-img-box img, .tf-images--stacked .tf-img-box img { object-fit:contain; object-position:center center; background:#000; }\r\n.tf-images--compare.is-safe-fit .tf-img-box img { object-fit:contain; object-position:center center; background:#000; }\r\n.tf-avatar { -webkit-touch-callout:none; -webkit-user-select:none; user-select:none; -webkit-user-drag:none; pointer-events:none; }\r\n\r\n.tf-duration { position:absolute; bottom:6px; left:50%; transform:translateX(-50%); background:linear-gradient(135deg,var(--gold1),var(--gold3)); color:#000; padding:4px 12px; border-radius:999px; font-size:11px; font-weight:600; z-index:5; opacity:0.85; }\r\n.tf-badge { position:absolute; top:14px; left:14px; padding:6px 14px; font-size:11px; border-radius:12px; font-weight:700; z-index:5; }\r\n.before-badge { background:#000; color:#fff; } .after-badge { background:linear-gradient(135deg,var(--gold1),var(--gold3)); color:#000; }\r\n\r\n.tf-details { padding:30px 25px; text-align:center; background:#000; flex:1; display:flex; flex-direction:column; justify-content:center; z-index:10; }\r\n.tf-user { position:relative; display:flex; align-items:center; justify-content:center; gap:16px; margin-bottom:20px; min-height:58px; }\r\n.tf-user-main { display:flex; align-items:center; gap:16px; min-width:0; width:100%; justify-content:center; }\r\n.tf-user.has-avatar .tf-user-main { justify-content:center; }\r\n.tf-user.no-avatar .tf-user-main { justify-content:center; }\r\n.tf-user.has-action .tf-user-main { padding-right:56px; }\r\n.tf-user.has-action.has-voice-note .tf-user-main { padding-right:112px; }\r\n.tf-avatar { width:58px; height:58px; border-radius:50%; border:2px solid var(--gold2); }\r\n.tf-user-text { text-align:center; min-width:0; }\r\n.tf-name { color:#fff; font-weight:600; font-size:16px; display:block; }\r\n.tf-meta { font-size:12px; color:#aaa; }\r\n\r\n\/* --- FIX: ADDED FLEX-SHRINK AND MIN-WIDTH TO PREVENT OVAL SHAPE --- *\/\r\n.tf-play {\r\n  width:42px; height:42px;\r\n  min-width:42px; min-height:42px; \/* Enforce size *\/\r\n  flex-shrink: 0; \/* Prevent squishing *\/\r\n  border-radius:50%; \r\n  border:2px solid var(--gold2)!important; background:transparent!important; \r\n  display:flex; align-items:center; justify-content:center; \r\n  cursor:pointer; transition:transform 0.2s, border-color 0.2s, box-shadow 0.2s, background-color 0.2s, color 0.2s; position:absolute; right:0; top:50%; transform:translateY(-50%); box-shadow:0 0 12px rgba(230,182,92,0.18)!important;\r\n  -webkit-tap-highlight-color: transparent;\r\n}\r\n.tf-play__label { display:none; }\r\n.tf-play::before { content:''; display:block; width:0; height:0; border-style:solid; border-width:6px 0 6px 11px; border-color:transparent transparent transparent var(--gold2); position:absolute; top:50%; left:55%; transform:translate(-50%,-50%); }\r\n.tf-play:hover { transform:translateY(-50%) scale(1.1); border-color:var(--gold1)!important; }\r\n.tf-play:hover::before { border-color:transparent transparent transparent var(--gold1); }\r\n.tf-play--voice { width:auto; min-width:42px; padding:0 14px 0 40px; justify-content:flex-start; border-radius:999px; background:rgba(16,16,16,0.94)!important; box-shadow:0 0 18px rgba(230,182,92,0.24)!important; }\r\n.tf-play--voice::before { left:19px; }\r\n.tf-play--voice .tf-play__label { display:block; font-size:10px; font-weight:800; letter-spacing:0.12em; text-transform:uppercase; color:var(--gold1); white-space:nowrap; }\r\n.tf-play--voice:hover { box-shadow:0 0 22px rgba(255,217,138,0.34)!important; }\r\n\r\n\/* Voice Play\/Pause states *\/\r\n.tf-play.is-playing::before {\r\n  content: ''; width: 8px; height: 12px;\r\n  border-style: solid; border-width: 0 3px 0 3px;\r\n  border-color: var(--gold1); background: transparent;\r\n  transform: translate(-50%, -50%); left: 50%;\r\n}\r\n.tf-play.is-playing { border-color: var(--gold1) !important; }\r\n.tf-play--voice.is-playing::before { left:18px; }\r\n\r\n\/* Voice Only Area *\/\r\n.tf-voice-only {\r\n  flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center;\r\n  background: #111; cursor: pointer; position: relative; min-height: 300px; transition: 0.3s;\r\n}\r\n.tf-voice-only:hover { background: #1a1a1a; }\r\n.tf-voice-only:hover .tf-voice-icon { border-color: var(--gold1); transform: scale(1.05); }\r\n.tf-voice-icon {\r\n  width: 70px; height: 70px; border-radius: 50%; border: 2px solid var(--gold2);\r\n  display: flex; align-items: center; justify-content: center; font-size: 30px;\r\n  color: var(--gold2); transition: 0.2s; margin-bottom: 24px; position: relative;\r\n}\r\n.tf-voice-icon::before {\r\n  content: ''; display: block; width: 0; height: 0; border-style: solid; \r\n  border-width: 10px 0 10px 16px; border-color: transparent transparent transparent var(--gold2); \r\n  position: absolute; top: 50%; left: 55%; transform: translate(-50%,-50%);\r\n}\r\n.tf-voice-only.is-playing .tf-voice-icon::before {\r\n  width: 12px; height: 18px; border-style: solid; border-width: 0 4px 0 4px; \r\n  border-color: var(--gold1); background: transparent; left: 50%;\r\n}\r\n.tf-voice-only.is-playing .tf-voice-icon { border-color: var(--gold1); }\r\n\r\n\/* Waveform *\/\r\n.tf-waveform { display: flex; gap: 5px; height: 40px; align-items: center; opacity: 0.5; transition: 0.3s; }\r\n.tf-voice-only.is-playing .tf-waveform { opacity: 1; }\r\n.tf-waveform span { width: 4px; background: var(--gold2); border-radius: 2px; height: 6px; transition: 0.2s ease; }\r\n.tf-voice-only.is-playing .tf-waveform span { animation: tf-wave 1s infinite ease-in-out; background: var(--gold1); }\r\n.tf-voice-only.is-playing .tf-waveform span:nth-child(1) { animation-delay: 0.0s; }\r\n.tf-voice-only.is-playing .tf-waveform span:nth-child(2) { animation-delay: 0.2s; }\r\n.tf-voice-only.is-playing .tf-waveform span:nth-child(3) { animation-delay: 0.4s; }\r\n.tf-voice-only.is-playing .tf-waveform span:nth-child(4) { animation-delay: 0.1s; }\r\n.tf-voice-only.is-playing .tf-waveform span:nth-child(5) { animation-delay: 0.3s; }\r\n.tf-voice-only.is-playing .tf-waveform span:nth-child(6) { animation-delay: 0.0s; }\r\n.tf-voice-only.is-playing .tf-waveform span:nth-child(7) { animation-delay: 0.5s; }\r\n.tf-voice-only.is-playing .tf-waveform span:nth-child(8) { animation-delay: 0.2s; }\r\n@keyframes tf-wave { 0%, 100% { height: 6px; } 50% { height: 35px; } }\r\n\r\n\/* ================= NEW STATS DESIGN ================= *\/\r\n.tf-stats { \r\n  display:grid; grid-template-columns: 1fr 1fr 1.2fr;\r\n  gap:12px; margin:20px 0; align-items: center; \r\n}\r\n.tf-stat { \r\n  border-radius:16px; padding:14px 5px; text-align:center; \r\n  display: flex; flex-direction: column; justify-content: center; height: 100%;\r\n}\r\n.tf-stat:nth-child(1), .tf-stat:nth-child(2) {\r\n  background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.1);\r\n}\r\n.tf-stat:nth-child(1) strong, .tf-stat:nth-child(2) strong {\r\n  color: var(--gold1); font-size: 22px; font-weight: 700; line-height: 1; margin-bottom: 6px;\r\n}\r\n.tf-stat:nth-child(1) span, .tf-stat:nth-child(2) span {\r\n  font-size: 10px; text-transform: uppercase; letter-spacing: 1px; color: #888;\r\n}\r\n.tf-stat:nth-child(3) {\r\n  background: linear-gradient(135deg, var(--gold2), var(--gold3));\r\n  border: 1px solid var(--gold1);\r\n  box-shadow: 0 5px 20px rgba(184, 137, 46, 0.25);\r\n  transform: scale(1.05); z-index: 2;\r\n}\r\n.tf-stat:nth-child(3) strong {\r\n  color: #000; font-size: 26px; font-weight: 800; line-height: 1; margin-bottom: 4px;\r\n}\r\n.tf-stat:nth-child(3) span {\r\n  color: rgba(0,0,0,0.7); font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px;\r\n}\r\n.tf-quote { font-size:13px; line-height:1.5; color:#ccc; font-style:italic; margin-top:20px; }\r\n.tf-card-empty { display:flex; align-items:center; justify-content:center; }\r\n.tf-empty-state { padding:40px 28px; text-align:center; max-width:360px; margin:auto; }\r\n.tf-empty-kicker { font-size:11px; letter-spacing:1.8px; text-transform:uppercase; color:var(--gold1); margin-bottom:14px; }\r\n.tf-empty-state h3 { margin:0 0 10px; color:#fff; font-size:24px; }\r\n.tf-empty-state p { margin:0; color:#aaa; line-height:1.6; }\r\n\r\n#tf-video { position:fixed; inset:0; background:rgba(0,0,0,.95); display:none; justify-content:center; align-items:center; z-index:99999; }\r\n.tf-video-box { width:90%; max-width:850px; aspect-ratio:16\/9; position:relative; }\r\n.tf-video-box iframe { width:100%; height:100%; border:none; border-radius:18px; }\r\n.tf-video-close { position:absolute; top:-45px; right:0; font-size:30px; color:#fff; cursor:pointer; }\r\n\r\n@media(max-width:900px){\r\n  .tf-slot.left { transform:translate3d(-125%,-50%,-100px) scale(0.8); }\r\n  .tf-slot.right { transform:translate3d(25%,-50%,-100px) scale(0.8); }\r\n}\r\n@media(max-width:600px){\r\n  .tf-card { width:84vw; max-width:84vw; height:550px; } .tf-stage { height:580px; }\r\n  .tf-images--compare { flex:0 1 50%; }\r\n  .tf-slot { transition-duration:0.38s; }\r\n  .tf-slot.main { transform:translate3d(-50%,-50%,0) scale(1); }\r\n  .tf-slot.left { left:50%; transform:translate3d(-102%,-50%,-80px) scale(0.82); opacity:0.6; filter:none; }\r\n  .tf-slot.right { left:50%; transform:translate3d(2%,-50%,-80px) scale(0.82); opacity:0.6; filter:none; }\r\n  .tf-card { box-shadow:0 0 18px rgba(255,217,138,.08), 0 24px 56px rgba(0,0,0,.92); }\r\n  .tf-stats { gap: 8px; }\r\n  .tf-stat:nth-child(3) strong { font-size: 22px; }\r\n}\r\n@media(max-width:600px){\r\n  .tf-play {\r\n    width:34px;\r\n    height:34px;\r\n    min-width:34px;\r\n    min-height:34px;\r\n    right:0;\r\n  }\r\n\r\n  .tf-play::before {\r\n    border-width:5px 0 5px 9px;\r\n  }\r\n\r\n  .tf-play--voice {\r\n    width:auto;\r\n    min-width:34px;\r\n    padding:0 13px 0 34px;\r\n    right:2px;\r\n  }\r\n\r\n  .tf-play--voice::before {\r\n    left:16px;\r\n  }\r\n\r\n  .tf-play--voice .tf-play__label {\r\n    font-size:8px;\r\n    letter-spacing:0.08em;\r\n  }\r\n\r\n  .tf-user.has-action .tf-user-main {\r\n    padding-right:44px;\r\n  }\r\n\r\n  .tf-user.has-action.has-voice-note .tf-user-main {\r\n    padding-right:102px;\r\n  }\r\n}\r\n\r\n<\/style>\r\n\r\n<div id=\"tf-wrap\">\r\n  <div class=\"tf-filters\" id=\"tf-filter-container\"><\/div>\r\n  <div class=\"tf-stage\" id=\"tf-stage-area\">\r\n    <div id=\"slot-0\" class=\"tf-slot left\"><\/div>\r\n    <div id=\"slot-1\" class=\"tf-slot main\"><\/div>\r\n    <div id=\"slot-2\" class=\"tf-slot right\"><\/div>\r\n    <div id=\"slot-3\" class=\"tf-slot hidden\"><\/div>\r\n  <\/div>\r\n  <div class=\"tf-nav\">\r\n    <button class=\"tf-arrow\" id=\"tf-prev\">\u2039<\/button>\r\n    <button class=\"tf-arrow\" id=\"tf-next\">\u203a<\/button>\r\n  <\/div>\r\n<\/div>\r\n\r\n<div id=\"tf-video\">\r\n <div class=\"tf-video-box\">\r\n  <div class=\"tf-video-close\" onclick=\"closeVideo()\">\u2715<\/div>\r\n  <iframe id=\"tf-frame\" allowfullscreen><\/iframe>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\nlet stories = [];\r\nlet catalogState = null;\r\nlet filtered = [];\r\nlet currentFilterKey = 'all';\r\nlet cur = 0;\r\nlet isAnimating = false;\r\nlet domSlots = [];\r\nlet touchStartX = 0;\r\nlet touchEndX = 0;\r\nlet visitorSeed = null;\r\nlet currentVoiceAudio = null;\r\nlet currentVoiceSrc = null;\r\nlet compareFitAnimationFrame = 0;\r\nlet viewportFitDebounceTimer = 0;\r\n\r\nconst VISITOR_SEED_KEY = 'm3taTransformSeed:v1';\r\nconst TF_COMPARE_MOBILE_BREAKPOINT = 600;\r\nconst TF_COMPARE_SAFE_CROP_THRESHOLD = 0.18;\r\nconst TF_COMPARE_SAFE_CROP_THRESHOLD_MOBILE = 0.12;\r\nconst TF_COMPARE_SAFE_ASPECT_DELTA = 0.45;\r\n\r\nfunction safe(str) {\r\n  if(!str) return '';\r\n  return String(str).replace(\/&\/g,\"&amp;\").replace(\/<\/g,\"&lt;\").replace(\/>\/g,\"&gt;\").replace(\/\"\/g,\"&quot;\");\r\n}\r\n\r\nfunction protectedImageMarkup(src, extraClass) {\r\n  const classes = ['tf-protected-image'];\r\n  if (extraClass) {\r\n    classes.push(extraClass);\r\n  }\r\n\r\n  return `<img src=\"${safe(src)}\" class=\"${classes.join(' ')}\" alt=\"\" decoding=\"async\" draggable=\"false\" ondragstart=\"return false\" oncontextmenu=\"return false\">`;\r\n}\r\n\r\nfunction bindAdaptiveCompareImage(img) {\r\n  if (!img || img.dataset.tfFitBound === '1') {\r\n    return;\r\n  }\r\n\r\n  const schedule = function() {\r\n    scheduleAdaptiveCompareFit();\r\n  };\r\n\r\n  img.addEventListener('load', schedule, { once: true });\r\n  img.addEventListener('error', schedule, { once: true });\r\n  img.dataset.tfFitBound = '1';\r\n}\r\n\r\nfunction getCoverCropLoss(imageAspect, boxAspect) {\r\n  if (!(imageAspect > 0) || !(boxAspect > 0)) {\r\n    return 0;\r\n  }\r\n\r\n  const visibleFraction = Math.min(imageAspect \/ boxAspect, boxAspect \/ imageAspect);\r\n  return Math.max(0, 1 - visibleFraction);\r\n}\r\n\r\nfunction getImageAspect(img) {\r\n  if (!img) {\r\n    return 0;\r\n  }\r\n\r\n  const cachedAspect = Number(img.dataset.tfAspect || 0);\r\n  if (cachedAspect > 0) {\r\n    return cachedAspect;\r\n  }\r\n\r\n  if (!(img.naturalWidth > 0) || !(img.naturalHeight > 0)) {\r\n    return 0;\r\n  }\r\n\r\n  const aspect = img.naturalWidth \/ img.naturalHeight;\r\n  img.dataset.tfAspect = String(aspect);\r\n  return aspect;\r\n}\r\n\r\nfunction getVisibleCompareContainers() {\r\n  const stage = document.getElementById('tf-stage-area');\r\n  if (!stage) {\r\n    return [];\r\n  }\r\n\r\n  if (window.innerWidth <= TF_COMPARE_MOBILE_BREAKPOINT) {\r\n    const mainCompare = stage.querySelector('.tf-slot.main .tf-images--compare');\r\n    return mainCompare ? [mainCompare] : [];\r\n  }\r\n\r\n  return Array.from(stage.querySelectorAll('.tf-slot:not(.hidden) .tf-images--compare'));\r\n}\r\n\r\nfunction applyAdaptiveCompareFit(container) {\r\n  if (!container) {\r\n    return;\r\n  }\r\n\r\n  const boxes = Array.from(container.querySelectorAll('.tf-img-box')).slice(0, 2);\r\n  const images = boxes.map(box => box.querySelector('img'));\r\n\r\n  if (boxes.length < 2 || images.some(img => !img)) {\r\n    container.classList.remove('is-safe-fit');\r\n    return;\r\n  }\r\n\r\n  let pendingImageLoad = false;\r\n  const aspects = [];\r\n  const cropLosses = [];\r\n\r\n  boxes.forEach((box, index) => {\r\n    const img = images[index];\r\n    bindAdaptiveCompareImage(img);\r\n\r\n    if (!img.complete || !img.naturalWidth || !img.naturalHeight) {\r\n      pendingImageLoad = true;\r\n      return;\r\n    }\r\n\r\n    const boxWidth = box.clientWidth;\r\n    const boxHeight = box.clientHeight;\r\n    if (!boxWidth || !boxHeight) {\r\n      pendingImageLoad = true;\r\n      return;\r\n    }\r\n\r\n    const imageAspect = getImageAspect(img);\r\n    const boxAspect = boxWidth \/ boxHeight;\r\n    aspects.push(imageAspect);\r\n    cropLosses.push(getCoverCropLoss(imageAspect, boxAspect));\r\n  });\r\n\r\n  if (pendingImageLoad || aspects.length !== 2 || cropLosses.length !== 2) {\r\n    return;\r\n  }\r\n\r\n  const cropThreshold = window.innerWidth <= TF_COMPARE_MOBILE_BREAKPOINT\r\n    ? TF_COMPARE_SAFE_CROP_THRESHOLD_MOBILE\r\n    : TF_COMPARE_SAFE_CROP_THRESHOLD;\r\n  const aspectDelta = Math.abs(aspects[0] - aspects[1]);\r\n  const useSafeFit = aspectDelta > TF_COMPARE_SAFE_ASPECT_DELTA || cropLosses.some(loss => loss > cropThreshold);\r\n\r\n  container.classList.toggle('is-safe-fit', useSafeFit);\r\n}\r\n\r\nfunction scheduleAdaptiveCompareFit() {\r\n  if (compareFitAnimationFrame) {\r\n    cancelAnimationFrame(compareFitAnimationFrame);\r\n  }\r\n\r\n  compareFitAnimationFrame = requestAnimationFrame(() => {\r\n    compareFitAnimationFrame = 0;\r\n    getVisibleCompareContainers().forEach(applyAdaptiveCompareFit);\r\n  });\r\n}\r\n\r\nfunction scheduleViewportAdaptiveCompareFit() {\r\n  if (viewportFitDebounceTimer) {\r\n    clearTimeout(viewportFitDebounceTimer);\r\n  }\r\n\r\n  viewportFitDebounceTimer = window.setTimeout(() => {\r\n    viewportFitDebounceTimer = 0;\r\n    scheduleAdaptiveCompareFit();\r\n  }, 90);\r\n}\r\n\r\nfunction formatFilterLabel(slug) {\r\n  return String(slug || '').replace(\/[_-]\/g, ' ');\r\n}\r\n\r\nfunction randomSeed() {\r\n  return `${Date.now().toString(36)}-${Math.random().toString(36).slice(2)}`;\r\n}\r\n\r\nfunction getVisitorSeed() {\r\n  if (visitorSeed) {\r\n    return visitorSeed;\r\n  }\r\n\r\n  try {\r\n    const storedSeed = window.sessionStorage.getItem(VISITOR_SEED_KEY);\r\n    if (storedSeed) {\r\n      visitorSeed = storedSeed;\r\n      return visitorSeed;\r\n    }\r\n  } catch (error) {\r\n    \/\/ Storage may be unavailable; fall through to an in-memory seed.\r\n  }\r\n\r\n  visitorSeed = randomSeed();\r\n\r\n  try {\r\n    window.sessionStorage.setItem(VISITOR_SEED_KEY, visitorSeed);\r\n  } catch (error) {\r\n    \/\/ Ignore storage failures and keep the in-memory seed for this page view.\r\n  }\r\n\r\n  return visitorSeed;\r\n}\r\n\r\nfunction hashSeed(seed) {\r\n  let hash = 2166136261 >>> 0;\r\n  const value = String(seed || 'm3ta');\r\n\r\n  for (let i = 0; i < value.length; i++) {\r\n    hash ^= value.charCodeAt(i);\r\n    hash = Math.imul(hash, 16777619);\r\n  }\r\n\r\n  return hash >>> 0;\r\n}\r\n\r\nfunction createRandom(seed) {\r\n  let state = hashSeed(seed) || 0x6D2B79F5;\r\n\r\n  return function() {\r\n    state += 0x6D2B79F5;\r\n    let result = state;\r\n    result = Math.imul(result ^ result >>> 15, result | 1);\r\n    result ^= result + Math.imul(result ^ result >>> 7, result | 61);\r\n    return ((result ^ result >>> 14) >>> 0) \/ 4294967296;\r\n  };\r\n}\r\n\r\nfunction seededShuffle(items, seed) {\r\n  const shuffled = items.slice();\r\n  const random = createRandom(seed);\r\n\r\n  for (let i = shuffled.length - 1; i > 0; i--) {\r\n    const j = Math.floor(random() * (i + 1));\r\n    const temp = shuffled[i];\r\n    shuffled[i] = shuffled[j];\r\n    shuffled[j] = temp;\r\n  }\r\n\r\n  return shuffled;\r\n}\r\n\r\nfunction normalizeStory(story) {\r\n  const cats = Array.isArray(story && story.cats) ? story.cats.filter(Boolean) : [];\r\n  const urls = Array.isArray(story && story.whatsapp_image_urls) ? story.whatsapp_image_urls : (typeof (story && story.one_image_url) === 'string' && story.one_image_url.trim() ? [story.one_image_url.trim()] : []);\r\n  return Object.assign({}, story || {}, {\r\n    cats: cats,\r\n    whatsapp_images: Boolean((story && story.whatsapp_images) || urls.length > 0),\r\n    whatsapp_image_urls: urls\r\n  });\r\n}\r\n\r\nfunction buildCatalog(rawStories) {\r\n  const normalized = rawStories.map(normalizeStory);\r\n  const prioritized = normalized.filter(item => typeof item.priority === 'number' && item.priority > 0);\r\n  const unprioritized = normalized.filter(item => !(typeof item.priority === 'number' && item.priority > 0));\r\n  const shuffledUnprioritized = seededShuffle(unprioritized, getVisitorSeed());\r\n  const orderedStories = prioritized.concat(shuffledUnprioritized);\r\n  const categories = [];\r\n  const seenCategories = new Set();\r\n\r\n  orderedStories.forEach(item => {\r\n    item.cats.forEach(cat => {\r\n      if (!cat || seenCategories.has(cat)) {\r\n        return;\r\n      }\r\n\r\n      seenCategories.add(cat);\r\n      categories.push(cat);\r\n    });\r\n  });\r\n\r\n  categories.sort((left, right) => formatFilterLabel(left).localeCompare(formatFilterLabel(right), undefined, { sensitivity: 'base' }));\r\n\r\n  const datasets = {\r\n    all: orderedStories,\r\n    __whatsapp__: orderedStories.filter(item => item.whatsapp_images)\r\n  };\r\n\r\n  categories.forEach(cat => {\r\n    datasets[cat] = orderedStories.filter(item => Array.isArray(item.cats) && item.cats.includes(cat));\r\n  });\r\n\r\n  return {\r\n    orderedStories,\r\n    datasets,\r\n    categories\r\n  };\r\n}\r\n\r\nfunction getFilterLabel(filterKey) {\r\n  if (filterKey === '__whatsapp__') {\r\n    return 'Whatsapp';\r\n  }\r\n\r\n  if (filterKey === 'all') {\r\n    return 'All';\r\n  }\r\n\r\n  return formatFilterLabel(filterKey);\r\n}\r\n\r\nfunction buildFilterDefinitions() {\r\n  const definitions = [{ key: 'all', label: 'All' }];\r\n\r\n  if (catalogState && catalogState.datasets.__whatsapp__.length > 0) {\r\n    definitions.push({ key: '__whatsapp__', label: 'Whatsapp' });\r\n  }\r\n\r\n  if (catalogState) {\r\n    catalogState.categories.forEach(cat => {\r\n      \/\/ Prevent duplicate Whatsapp pill if they manually made a category called 'whatsapp'\r\n      if (cat.toLowerCase() === 'whatsapp') return;\r\n      definitions.push({ key: cat, label: formatFilterLabel(cat) });\r\n    });\r\n  }\r\n\r\n  return definitions;\r\n}\r\n\r\nfunction emptyStateHTML(label) {\r\n  const message = label === 'All'\r\n    ? 'No transformations available yet.'\r\n    : label === 'Whatsapp'\r\n      ? 'No Whatsapp transformations are available yet.'\r\n      : `No transformations found for ${label}.`;\r\n\r\n  return `\r\n  <div class=\"tf-card tf-card-empty\">\r\n    <div class=\"tf-empty-state\">\r\n      <div class=\"tf-empty-kicker\">Transformation carousel<\/div>\r\n      <h3>No items available<\/h3>\r\n      <p>${safe(message)}<\/p>\r\n    <\/div>\r\n  <\/div>`;\r\n}\r\n\r\nfunction setEmptyState() {\r\n  const label = getFilterLabel(currentFilterKey);\r\n\r\n  domSlots.forEach((slot, index) => {\r\n    if (!slot) return;\r\n    slot.innerHTML = '';\r\n    slot.className = index === 0 ? 'tf-slot left' : index === 1 ? 'tf-slot main' : index === 2 ? 'tf-slot right' : 'tf-slot hidden';\r\n  });\r\n\r\n  if (domSlots[1]) {\r\n    domSlots[1].innerHTML = emptyStateHTML(label);\r\n  }\r\n}\r\n\r\nfunction applyFilter(filterKey) {\r\n  currentFilterKey = filterKey;\r\n  filtered = (catalogState && catalogState.datasets[filterKey]) ? catalogState.datasets[filterKey] : [];\r\n  cur = 0;\r\n  \r\n  if (currentVoiceAudio && !currentVoiceAudio.paused) {\r\n    currentVoiceAudio.pause();\r\n    document.querySelectorAll('.is-playing').forEach(e => e.classList.remove('is-playing'));\r\n  }\r\n  \r\n  renderInitial();\r\n}\r\n\r\nfunction waitTF(){\r\n \/\/ SAFETY: Stop if inside Elementor Editor to prevent infinite loops\/crashes\r\n if (document.body.classList.contains('elementor-editor-active')) return;\r\n\r\n if(!window.M3TA_TRANSFORMS){ setTimeout(waitTF,100); return; }\r\n stories = Array.isArray(window.M3TA_TRANSFORMS) ? window.M3TA_TRANSFORMS : [];\r\n catalogState = buildCatalog(stories);\r\n filtered = catalogState.datasets.all;\r\n generateFilters();\r\n domSlots = [\r\n   document.getElementById('slot-0'), document.getElementById('slot-1'),\r\n   document.getElementById('slot-2'), document.getElementById('slot-3')\r\n ];\r\n bind();\r\n renderInitial();\r\n \r\n \/\/ \ud83d\udfe2 EASTER EGG EXPOSURE\r\n window.triggerTfRotate = rotate;\r\n}\r\nwaitTF();\r\n\r\nfunction generateFilters() {\r\n    const container = document.getElementById('tf-filter-container');\r\n  if(!container) return;\r\n    container.innerHTML = '';\r\n  const fragment = document.createDocumentFragment();\r\n  buildFilterDefinitions().forEach((definition, index) => {\r\n        const btn = document.createElement('button');\r\n    btn.className = 'tf-filter-btn attention' + (index === 0 ? ' active' : '');\r\n    btn.dataset.filter = definition.key;\r\n    btn.innerText = definition.label;\r\n        fragment.appendChild(btn);\r\n    });\r\n  container.appendChild(fragment);\r\n}\r\n\r\nfunction bind(){\r\n const container = document.getElementById('tf-filter-container');\r\n  container.onclick = (e) => {\r\n  const btn = e.target.closest && e.target.closest('.tf-filter-btn');\r\n  if(btn && !isAnimating){\r\n        container.querySelectorAll('.tf-filter-btn').forEach(b => {\r\n            b.classList.remove('active'); b.classList.remove('attention');\r\n        });\r\n    btn.classList.add('active');\r\n    applyFilter(btn.dataset.filter);\r\n    }\r\n };\r\n \r\n const stage = document.getElementById('tf-stage-area');\r\n stage.addEventListener('click', (e) => {\r\n    if(e.target.closest('.tf-slot.left')) {\r\n        rotate('prev');\r\n    }\r\n    else if(e.target.closest('.tf-slot.right')) {\r\n        rotate('next');\r\n    }\r\n });\r\n\r\n document.getElementById(\"tf-prev\").onclick=()=>rotate('prev');\r\n document.getElementById(\"tf-next\").onclick=()=>rotate('next');\r\n \r\n \/\/ RTL Navigation Fix: Invert arrows for Arabic\r\n const isRTL = document.documentElement.lang === 'ar' || document.documentElement.getAttribute('lang') === 'ar';\r\n if (isRTL) {\r\n   document.getElementById(\"tf-prev\").onclick=()=>rotate('next');\r\n   document.getElementById(\"tf-next\").onclick=()=>rotate('prev');\r\n }\r\n \r\n stage.addEventListener('touchstart', e => touchStartX = e.changedTouches[0].screenX, {passive:true});\r\n  stage.addEventListener('touchend', e => {\r\n     touchEndX = e.changedTouches[0].screenX;\r\n     if(touchEndX < touchStartX - 50) rotate('next');\r\n     if(touchEndX > touchStartX + 50) rotate('prev');\r\n  }, {passive:true});\r\n\r\n  window.addEventListener('resize', scheduleViewportAdaptiveCompareFit, { passive: true });\r\n  window.addEventListener('orientationchange', scheduleViewportAdaptiveCompareFit);\r\n}\r\n\r\nfunction renderInitial() {\r\n  if (!filtered.length) {\r\n    setEmptyState();\r\n    return;\r\n  }\r\n\r\n    updateContent(domSlots[0], getIndex(-1)); updateContent(domSlots[1], getIndex(0));  \r\n    updateContent(domSlots[2], getIndex(1));  updateContent(domSlots[3], getIndex(2));  \r\n    domSlots[0].className = 'tf-slot left'; domSlots[1].className = 'tf-slot main';\r\n    domSlots[2].className = 'tf-slot right'; domSlots[3].className = 'tf-slot hidden';\r\n    scheduleAdaptiveCompareFit();\r\n}\r\n\r\nfunction rotate(dir) {\r\n  if(isAnimating || filtered.length < 2) return;\r\n    isAnimating = true;\r\n\r\n    if (currentVoiceAudio) {\r\n      currentVoiceAudio.pause();\r\n      document.querySelectorAll('.is-playing').forEach(e => e.classList.remove('is-playing'));\r\n    }\r\n\r\n    if (dir === 'next') {\r\n        cur = getIndex(1);\r\n        const recycled = domSlots.shift(); domSlots.push(recycled);\r\n        recycled.style.transition = 'none'; recycled.className = 'tf-slot hidden';\r\n        updateContent(recycled, getIndex(2));\r\n        recycled.style.transition = '';\r\n        domSlots[0].className = 'tf-slot left'; domSlots[1].className = 'tf-slot main'; domSlots[2].className = 'tf-slot right';\r\n    } else {\r\n        cur = getIndex(-1);\r\n        const incoming = domSlots.pop(); domSlots.unshift(incoming);\r\n        incoming.style.transition = 'none'; incoming.className = 'tf-slot hidden';\r\n        updateContent(incoming, getIndex(-1));\r\n        incoming.style.transition = '';\r\n        requestAnimationFrame(() => {\r\n            domSlots[0].className = 'tf-slot left'; domSlots[1].className = 'tf-slot main';\r\n            domSlots[2].className = 'tf-slot right'; domSlots[3].className = 'tf-slot hidden';\r\n        });\r\n    }\r\n    const transitionDuration = window.innerWidth <= TF_COMPARE_MOBILE_BREAKPOINT ? 420 : 550;\r\n    setTimeout(() => {\r\n      isAnimating = false;\r\n      scheduleAdaptiveCompareFit();\r\n    }, transitionDuration);\r\n}\r\n\r\nfunction toggleVoiceNoteGlobal(el, src) {\r\n  const card = el.closest('.tf-card');\r\n  const playBtn = card ? card.querySelector('.tf-play') : el;\r\n  const voiceArea = card ? card.querySelector('.tf-voice-only') : null;\r\n\r\n  if (!currentVoiceAudio) {\r\n    currentVoiceAudio = new Audio();\r\n    currentVoiceAudio.onended = function() {\r\n      document.querySelectorAll('.is-playing').forEach(e => e.classList.remove('is-playing'));\r\n      currentVoiceSrc = null;\r\n    };\r\n  }\r\n\r\n  if (currentVoiceSrc === src) {\r\n    if (currentVoiceAudio.paused) {\r\n      currentVoiceAudio.play().catch(e => console.error(\"Audio playback error:\", e));\r\n      if(playBtn) playBtn.classList.add('is-playing');\r\n      if(voiceArea) voiceArea.classList.add('is-playing');\r\n    } else {\r\n      currentVoiceAudio.pause();\r\n      if(playBtn) playBtn.classList.remove('is-playing');\r\n      if(voiceArea) voiceArea.classList.remove('is-playing');\r\n    }\r\n    return;\r\n  }\r\n\r\n  currentVoiceAudio.pause();\r\n  document.querySelectorAll('.is-playing').forEach(e => e.classList.remove('is-playing'));\r\n\r\n  currentVoiceSrc = src;\r\n  currentVoiceAudio.src = src;\r\n  currentVoiceAudio.play().catch(e => console.error(\"Audio playback error:\", e));\r\n  \r\n  if(playBtn) playBtn.classList.add('is-playing');\r\n  if(voiceArea) voiceArea.classList.add('is-playing');\r\n}\r\n\r\nfunction getIndex(o) { const L=filtered.length; if(!L)return 0; return (cur+o+L)%L; }\r\nfunction updateContent(el, i) { if(filtered.length && el) el.innerHTML = cardHTML(filtered[i]); }\r\nfunction normVid(u) {\r\n if(u.includes(\"watch?v=\")) return u.replace(\"watch?v=\",\"embed\/\");\r\n if(u.includes(\"youtu.be\/\")) return \"https:\/\/www.youtube.com\/embed\/\"+u.split(\"youtu.be\/\")[1];\r\n return u;\r\n}\r\n\r\nfunction cardHTML(s){\r\n const w_b = Number(s.w_b) || 0;\r\n const w_a = Number(s.w_a) || 0;\r\n const diff = w_b - w_a;\r\n const diffFormatted = Number(diff.toFixed(2));\r\n const res = diffFormatted > 0 ? `-${diffFormatted}kg` : `+${Math.abs(diffFormatted)}kg`;\r\n \r\n \/\/ RTL Detection\r\n const isRTL = document.documentElement.lang === 'ar' || document.documentElement.getAttribute('lang') === 'ar';\r\n \r\n \/\/ Multilingual Labels\r\n const durationVal = Number(s.duration) || 0;\r\n const listenLabel = isRTL ? '\u0627\u0633\u062a\u0645\u0639' : 'Listen';\r\n const labels = isRTL ? {\r\n   before: '\u0642\u0628\u0644',\r\n   after: '\u0628\u0639\u062f',\r\n   months: durationVal === 1 ? '\u0634\u0647\u0631' : (durationVal === 2 ? '\u0634\u0647\u0631\u064a\u0646' : '\u0623\u0634\u0647\u0631'),\r\n   change: '\u0627\u0644\u062a\u063a\u064a\u064a\u0631',\r\n   beforeLabel: '\u0642\u0628\u0644',\r\n   afterLabel: '\u0628\u0639\u062f'\r\n } : {\r\n   before: 'BEFORE',\r\n   after: 'AFTER',\r\n   months: durationVal === 1 ? 'Month' : 'Months',\r\n   change: 'Change',\r\n   beforeLabel: 'Before',\r\n   afterLabel: 'After'\r\n };\r\n \r\n \/\/ Use Arabic fields if available and in RTL mode\r\n const displayJob = (isRTL && s.job_ar) ? s.job_ar : s.job;\r\n const displayQuote = (isRTL && s.quote_ar) ? s.quote_ar : s.quote;\r\n const hasAvatar = Boolean(s.avatar);\r\n const hasVideo = Boolean(s.video);\r\n const hasVoice = Boolean(s.voice);\r\n const hasAction = hasVideo || hasVoice;\r\n const isVoiceAction = hasVoice && !hasVideo;\r\n const actionLabel = isVoiceAction ? listenLabel : 'Play';\r\n const whatsappUrls = s.whatsapp_image_urls || [];\r\n const useWhatsappImages = Boolean(s.whatsapp_images && whatsappUrls.length > 0);\r\n const hasBeforeAfter = Boolean(s.img_b && s.img_a);\r\n const hasSingleNormal = Boolean(s.img_b && !s.img_a && !useWhatsappImages);\r\n const noImagesAtAll = !s.img_b && !useWhatsappImages;\r\n\r\n const avatarMarkup = hasAvatar ? protectedImageMarkup(s.avatar, 'tf-avatar') : '';\r\n \r\n let playAction = '';\r\n if (hasVideo) playAction = `openVideo('${normVid(s.video)}')`;\r\n else if (hasVoice) playAction = `toggleVoiceNoteGlobal(this, '${safe(s.voice)}')`;\r\n\r\n const playMarkup = hasAction\r\n   ? `<div class=\"tf-play ${isVoiceAction ? 'tf-play--voice' : ''}\" onclick=\"${playAction}\" aria-label=\"${safe(actionLabel)}\">${isVoiceAction ? `<span class=\"tf-play__label\">${safe(listenLabel)}<\/span>` : ''}<\/div>`\r\n   : '';\r\n\r\n let imageMarkup = '';\r\n if (noImagesAtAll && hasVoice) {\r\n   imageMarkup = `\r\n   <div class=\"tf-voice-only\" onclick=\"toggleVoiceNoteGlobal(this, '${safe(s.voice)}')\">\r\n     <div class=\"tf-voice-icon\"><\/div>\r\n     <div class=\"tf-waveform\">\r\n       <span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span>\r\n     <\/div>\r\n   <\/div>`;\r\n } else if (useWhatsappImages) {\r\n   const stackHtml = whatsappUrls.map(url => `<div class=\"tf-img-box\">${protectedImageMarkup(url)}<\/div>`).join('');\r\n   imageMarkup = `\r\n   <div class=\"tf-images is-whatsapp ${whatsappUrls.length > 1 ? 'tf-images--stacked' : 'tf-images--single'}\">\r\n    ${stackHtml}\r\n    ${s.duration ? `<div class=\"tf-duration\">${safe(s.duration)} ${labels.months}<\/div>` : ''}\r\n   <\/div>`;\r\n } else if (hasSingleNormal) {\r\n   imageMarkup = `\r\n   <div class=\"tf-images tf-images--single\">\r\n    <div class=\"tf-img-box\">${protectedImageMarkup(s.img_b)}<\/div>\r\n    ${s.duration ? `<div class=\"tf-duration\">${safe(s.duration)} ${labels.months}<\/div>` : ''}\r\n   <\/div>`;\r\n  } else if (hasBeforeAfter) {\r\n    imageMarkup = `\r\n    <div class=\"tf-images tf-images--compare\">\r\n     <div class=\"tf-img-box\">${protectedImageMarkup(s.img_b, 'tf-compare-image tf-compare-image--before')}<div class=\"tf-badge before-badge\">${labels.before}<\/div><\/div>\r\n     <div class=\"tf-img-box\">${protectedImageMarkup(s.img_a, 'tf-compare-image tf-compare-image--after')}<div class=\"tf-badge after-badge\">${labels.after}<\/div><\/div>\r\n     ${s.duration ? `<div class=\"tf-duration\">${safe(s.duration)} ${labels.months}<\/div>` : ''}\r\n    <\/div>`;\r\n } else {\r\n   imageMarkup = `<div class=\"tf-images\" style=\"background:#111;\"><\/div>`;\r\n }\r\n \r\n return `\r\n <div class=\"tf-card\" oncontextmenu=\"return false;\" ondragstart=\"return false;\">\r\n ${imageMarkup}\r\n <div class=\"tf-details\">\r\n  <div class=\"tf-user ${hasAvatar ? 'has-avatar' : 'no-avatar'} ${hasVideo ? 'has-video' : 'no-video'} ${hasAction ? 'has-action' : 'no-action'} ${isVoiceAction ? 'has-voice-note' : ''}\">\r\n  <div class=\"tf-user-main\">\r\n   ${avatarMarkup}\r\n   <div class=\"tf-user-text\">\r\n    <div class=\"tf-name\">${safe(s.nick)}<\/div>\r\n    <div class=\"tf-meta\">${safe(displayJob)} \u2022 ${safe(s.age)}<\/div>\r\n   <\/div>\r\n  <\/div>\r\n  ${playMarkup}\r\n <\/div>\r\n <div class=\"tf-stats\">\r\n  <div class=\"tf-stat\"><strong>${safe(s.w_b)}<\/strong><span>${labels.beforeLabel}<\/span><\/div>\r\n  <div class=\"tf-stat\"><strong>${safe(s.w_a)}<\/strong><span>${labels.afterLabel}<\/span><\/div>\r\n  <div class=\"tf-stat\"><strong>${res}<\/strong><span>${labels.change}<\/span><\/div>\r\n <\/div>\r\n <div class=\"tf-quote\">${safe(displayQuote)}<\/div>\r\n <\/div>\r\n <\/div>`;\r\n}\r\n\r\nfunction openVideo(u) {\r\n  if (currentVoiceAudio && !currentVoiceAudio.paused) {\r\n    currentVoiceAudio.pause();\r\n    document.querySelectorAll('.is-playing').forEach(e => e.classList.remove('is-playing'));\r\n  }\r\n  document.getElementById(\"tf-video\").style.display=\"flex\";\r\n  document.getElementById(\"tf-frame\").src=u+\"?autoplay=1&rel=0\";\r\n}\r\nfunction closeVideo(){ document.getElementById(\"tf-video\").style.display=\"none\"; document.getElementById(\"tf-frame\").src=\"\"; }\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7c2f7de asc-blend-top asc-blend-bottom e-flex e-con-boxed e-con e-parent\" data-id=\"7c2f7de\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dff5238 elementor-widget elementor-widget-menu-anchor\" data-id=\"dff5238\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"Method\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"Method\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3ec6bef e-con-full e-flex e-con e-child\" data-id=\"3ec6bef\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9865f54 gradient-text elementor-widget elementor-widget-heading\" data-id=\"9865f54\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">The Ascension Method<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4af235d elementor-widget elementor-widget-heading\" data-id=\"4af235d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">The 4-Pillar System That <span class=\"gradient-text\">Actually Works<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-44b9e92 elementor-widget elementor-widget-heading\" data-id=\"44b9e92\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Unlike generic programs that treat everyone the same, The Ascension Method adapts to YOUR life, YOUR goals, and YOUR body. Here's why it works when everything else has failed:<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4ab5743 elementor-widget elementor-widget-html\" data-id=\"4ab5743\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"m3ta-pillar-flex\">\r\n    \r\n    <div class=\"orange-icon-box\">\r\n        <div class=\"m3ta-icon-wrap\"><i class=\"fas fa-bullseye\"><\/i><\/div>\r\n        <h3 class=\"m3ta-box-title\">Personalized Training<\/h3>\r\n        <p class=\"m3ta-box-desc\">Training built for your level, goals, and time.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"orange-icon-box\">\r\n        <div class=\"m3ta-icon-wrap\"><i class=\"fas fa-apple-alt\"><\/i><\/div>\r\n        <h3 class=\"m3ta-box-title\">Flexible Nutrition<\/h3>\r\n        <p class=\"m3ta-box-desc\">No extreme diets. Built to last.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"orange-icon-box\">\r\n        <div class=\"m3ta-icon-wrap\"><i class=\"fas fa-calendar-check\"><\/i><\/div>\r\n        <h3 class=\"m3ta-box-title\">Weekly Check-ins<\/h3>\r\n        <p class=\"m3ta-box-desc\">Track progress. Adjust fast.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"orange-icon-box\">\r\n        <div class=\"m3ta-icon-wrap\"><i class=\"fas fa-bolt\"><\/i><\/div>\r\n        <h3 class=\"m3ta-box-title\">Accountability<\/h3>\r\n        <p class=\"m3ta-box-desc\">A System That Makes You Commit.<\/p>\r\n    <\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-efbdb24 gradient-button scroll elementor-align-center elementor-widget elementor-widget-button\" data-id=\"efbdb24\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/captainm3ta.com\/quiz\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-arrow-right\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Take The Quiz<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5dd0e8b e-con-full asc-blend-top asc-blend-bottom e-flex e-con e-parent\" data-id=\"5dd0e8b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;slideshow&quot;,&quot;background_slideshow_gallery&quot;:[{&quot;id&quot;:3736,&quot;url&quot;:&quot;https:\\\/\\\/captainm3ta.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/receipt_8e14f5aa0f61d0ffa2d5e3268d8d1525.webp&quot;}],&quot;background_slideshow_loop&quot;:&quot;yes&quot;,&quot;background_slideshow_slide_duration&quot;:5000,&quot;background_slideshow_slide_transition&quot;:&quot;fade&quot;,&quot;background_slideshow_transition_duration&quot;:500}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-80e506d elementor-widget elementor-widget-menu-anchor\" data-id=\"80e506d\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"Packages\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"Programs\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1675199 elementor-widget elementor-widget-heading\" data-id=\"1675199\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Programs Designed for <span class=\"gradient-text\"> Your Success<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c323974 elementor-widget elementor-widget-heading\" data-id=\"c323974\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">First time training? Or coming back after a break? Ascension is built for you.<\/h2>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1a7034f e-con-full e-flex e-con e-child\" data-id=\"1a7034f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2d19bb8 elementor-icon-list--layout-inline trust-badges elementor-align-center elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"2d19bb8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items elementor-inline-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-stethoscope\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M447.1 112c-34.2.5-62.3 28.4-63 62.6-.5 24.3 12.5 45.6 32 56.8V344c0 57.3-50.2 104-112 104-60 0-109.2-44.1-111.9-99.2C265 333.8 320 269.2 320 192V36.6c0-11.4-8.1-21.3-19.3-23.5L237.8.5c-13-2.6-25.6 5.8-28.2 18.8L206.4 35c-2.6 13 5.8 25.6 18.8 28.2l30.7 6.1v121.4c0 52.9-42.2 96.7-95.1 97.2-53.4.5-96.9-42.7-96.9-96V69.4l30.7-6.1c13-2.6 21.4-15.2 18.8-28.2l-3.1-15.7C107.7 6.4 95.1-2 82.1.6L19.3 13C8.1 15.3 0 25.1 0 36.6V192c0 77.3 55.1 142 128.1 156.8C130.7 439.2 208.6 512 304 512c97 0 176-75.4 176-168V231.4c19.1-11.1 32-31.7 32-55.4 0-35.7-29.2-64.5-64.9-64zm.9 80c-8.8 0-16-7.2-16-16s7.2-16 16-16 16 7.2 16 16-7.2 16-16 16z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Physio-Led Coaching<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-medal\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M223.75 130.75L154.62 15.54A31.997 31.997 0 0 0 127.18 0H16.03C3.08 0-4.5 14.57 2.92 25.18l111.27 158.96c29.72-27.77 67.52-46.83 109.56-53.39zM495.97 0H384.82c-11.24 0-21.66 5.9-27.44 15.54l-69.13 115.21c42.04 6.56 79.84 25.62 109.56 53.38L509.08 25.18C516.5 14.57 508.92 0 495.97 0zM256 160c-97.2 0-176 78.8-176 176s78.8 176 176 176 176-78.8 176-176-78.8-176-176-176zm92.52 157.26l-37.93 36.96 8.97 52.22c1.6 9.36-8.26 16.51-16.65 12.09L256 393.88l-46.9 24.65c-8.4 4.45-18.25-2.74-16.65-12.09l8.97-52.22-37.93-36.96c-6.82-6.64-3.05-18.23 6.35-19.59l52.43-7.64 23.43-47.52c2.11-4.28 6.19-6.39 10.28-6.39 4.11 0 8.22 2.14 10.33 6.39l23.43 47.52 52.43 7.64c9.4 1.36 13.17 12.95 6.35 19.59z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Origin Certified Coach<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-shield-alt\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M466.5 83.7l-192-80a48.15 48.15 0 0 0-36.9 0l-192 80C27.7 91.1 16 108.6 16 128c0 198.5 114.5 335.7 221.5 380.3 11.8 4.9 25.1 4.9 36.9 0C360.1 472.6 496 349.3 496 128c0-19.4-11.7-36.9-29.5-44.3zM256.1 446.3l-.1-381 175.9 73.3c-3.3 151.4-82.1 261.1-175.8 307.7z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">14-Day Guarantee<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6fa4c16 elementor-widget elementor-widget-html\" data-id=\"6fa4c16\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* 1. CORE VARIABLES *\/\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');\r\n    :root {\r\n        --gold-primary: #FFD700; --gold-text: #dba64f; --card-bg: #0f0f0f; \r\n        --border-color: rgba(255,255,255,0.1); \r\n        --green-bonus: #2ecc71; \r\n        --btn-grad: linear-gradient(to right, #c17920, #d39029);\r\n        --btn-grad-hover: linear-gradient(to right, #dfaa51, #e9c481);\r\n    }\r\n    #cm-smart-app { font-family: 'Poppins', sans-serif; max-width: 1200px; margin: 0 auto; padding: 40px 20px; }\r\n\r\n    \/* 2. MOBILE TABS *\/\r\n    .hp-mobile-tabs { display: flex; gap: 10px; margin-bottom: 30px; justify-content: center; background: rgba(255,255,255,0.03); padding: 5px; border-radius: 12px; }\r\n    .hp-tab { flex: 1; text-align: center; padding: 12px 5px; cursor: pointer; border-radius: 8px; font-size: 13px; font-weight: 500; color: #999; transition: all 0.3s ease; }\r\n    .hp-tab.active { background: var(--btn-grad); color: #000; font-weight: 700; box-shadow: 0 0 15px rgba(193, 121, 32, 0.3); }\r\n\r\n    \/* 3. CARD GRID *\/\r\n    .hp-grid-container { display: flex; flex-direction: column; gap: 30px; }\r\n    \/* \ud83d\udfe2 Removed overflow:hidden to prevent clipping *\/\r\n    .hp-card { background: var(--card-bg); border: 1px solid var(--border-color); border-radius: 20px; padding: 30px; position: relative; transition: transform 0.3s ease; display: flex; flex-direction: column; }\r\n    .hp-card:hover { transform: translateY(-3px); }\r\n    .hp-card::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 4px; background: linear-gradient(90deg, #dba64f, #c18931); z-index: 1; }\r\n\r\n    \/* 4. BEST VALUE *\/\r\n    .hp-card.best-value { background: transparent; border: none; z-index: 10; transform: scale(1.0); }\r\n    .hp-card.best-value::before { display: none; }\r\n    .hp-border-anim { position: absolute; inset: 0; border-radius: 20px; overflow: hidden; z-index: -1; box-shadow: 0 0 15px rgba(255, 140, 0, 0.15); border: 1px solid rgba(255, 215, 0, 0.35); }\r\n    .hp-border-anim::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: conic-gradient(transparent 0deg, transparent 90deg, #FFD700 130deg, #F59E0B 180deg, transparent 240deg); animation: rotate-border 6s linear infinite; }\r\n    .hp-border-anim::after { content: ''; position: absolute; inset: 2px; background: #080808; border-radius: 18px; z-index: 0; }\r\n    @keyframes rotate-border { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }\r\n    .hp-best-badge { position: absolute; top: -14px; left: 50%; transform: translateX(-50%); background: linear-gradient(to right, #FFD700, #F59E0B); color: #000; font-size: 10px; font-weight: 800; padding: 5px 15px; border-radius: 20px; text-transform: uppercase; letter-spacing: 1px; box-shadow: 0 5px 15px rgba(0,0,0,0.3); z-index: 20; white-space: nowrap; }\r\n\r\n    \/* 5. CONTENT *\/\r\n    .hp-duration-pill { display: inline-flex; align-items: center; justify-content: center; align-self: center; margin-bottom: 12px; padding: 5px 12px; border-radius: 999px; background: rgba(245, 158, 11, 0.12); border: 1px solid rgba(245, 158, 11, 0.28); color: var(--gold-primary); font-size: 11px; font-weight: 700; letter-spacing: 0.4px; text-transform: uppercase; position: relative; z-index: 2; }\r\n    .hp-name { font-size: 14px; color: var(--gold-text); margin-bottom: 15px; text-transform: uppercase; letter-spacing: 2px; font-weight: 700; text-align: center; position: relative; z-index: 2; }\r\n    .hp-price-box { text-align: center; margin-bottom: 25px; min-height: 80px; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; z-index: 2; direction: ltr !important; }\r\n    .hp-old-price { text-decoration: line-through; color: #666; font-size: 14px; font-weight: 600; }\r\n    .hp-price { font-size: 42px; font-weight: 800; color: #fff; line-height: 1; }\r\n    .hp-badge { background: #e74c3c; color: white; padding: 3px 8px; border-radius: 4px; font-size: 11px; font-weight: 700; text-transform: uppercase; margin-left: 8px; animation: pulse 2s infinite; }\r\n    \r\n    \/* \ud83d\udfe2 BONUS TEXT *\/\r\n    .hp-bonus-text { \r\n        color: var(--green-bonus) !important; \r\n        font-size: 12px; font-weight: 700; text-transform: uppercase; margin-top: 8px; \r\n        letter-spacing: 0.5px; z-index: 5; position: relative;\r\n        \/* Animation removed from here to prevent loop reset, handled by JS logic now *\/\r\n    }\r\n    @keyframes pulse { 0% { opacity: 1; } 50% { opacity: 0.8; } 100% { opacity: 1; } }\r\n\r\n    \/* \ud83d\udfe1 PACKAGE SUBTEXT *\/\r\n    .hp-subtext {\r\n        display: block;\r\n        text-align: center;\r\n        font-size: 12px;\r\n        font-weight: 500;\r\n        color: rgba(255,255,255,0.45);\r\n        letter-spacing: 0.3px;\r\n        line-height: 1.5;\r\n        margin: 0 0 14px 0;\r\n        position: relative;\r\n        z-index: 2;\r\n        font-style: italic;\r\n    }\r\n\r\n    \/* \ud83d\udfe1 PROGRESSIVE BENEFIT LABEL *\/\r\n    .hp-benefit-label {\r\n        display: block;\r\n        font-size: 10px;\r\n        font-weight: 700;\r\n        letter-spacing: 0.1em;\r\n        text-transform: uppercase;\r\n        color: rgba(255,215,0,0.55);\r\n        margin: 0 0 10px 0;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    .hp-features { list-style: none; padding: 0; margin: 0 0 30px 0; position: relative; z-index: 2; flex: 1; }\r\n    .hp-features li { display: flex; align-items: center; gap: 12px; font-size: 13px; color: #ddd; padding: 10px 0; border-bottom: 1px solid rgba(255,255,255,0.05); }\r\n    .hp-features li:last-child { border-bottom: none; }\r\n    .hp-icon svg { width: 14px; height: 14px; fill: var(--gold-primary); flex-shrink: 0; }\r\n    .hp-btn { display: block; width: 100%; padding: 16px; background: var(--btn-grad); color: #000; font-weight: 800; text-align: center; text-decoration: none !important; border-radius: 8px; font-size: 14px; text-transform: uppercase; transition: all 0.3s ease; position: relative; z-index: 2; margin-top: auto; }\r\n    .hp-btn:hover { background: var(--btn-grad-hover); transform: translateY(-2px); }\r\n\r\n    \/* DESKTOP GRID *\/\r\n    @media (min-width: 768px) {\r\n        .hp-mobile-tabs { display: none; }\r\n        .hp-grid-container { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; align-items: center; }\r\n        .hp-card { display: flex !important; }\r\n        .hp-card.best-value { transform: scale(1.04); z-index: 10; }\r\n        .hp-card.best-value:hover { transform: scale(1.06); } \r\n    }\r\n\r\n    \/* \ud83d\udfe2 SMOOTH TRANSITION ANIMATION *\/\r\n    @keyframes popFadeIn { 0% { opacity: 0; transform: scale(0.95) translateY(10px); } 100% { opacity: 1; transform: scale(1) translateY(0); } }\r\n    .anim-pop-fade { animation: popFadeIn 0.3s cubic-bezier(0.25, 1, 0.5, 1) forwards !important; }\r\n<\/style>\r\n\r\n<div id=\"cm-smart-app\">\r\n    <div class=\"hp-mobile-tabs\" id=\"hp-tabs-container\"><\/div>\r\n    <div class=\"hp-grid-container\" id=\"cards-container\">\r\n        <h3 style='color:white; text-align:center;'>Loading Plans...<\/h3>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n    let activeTabIndex = 0;\r\n\r\n    function isBestPackage(plan) {\r\n        if (!plan) return false;\r\n        if (plan.best === true || plan.best === 1) return true;\r\n        const normalized = String(plan.best || '').toLowerCase();\r\n        return normalized === '1' || normalized === 'true' || normalized === 'on' || normalized === 'yes';\r\n    }\r\n\r\n    function getPreferredPackageIndex(packages) {\r\n        const bestIndex = Array.isArray(packages) ? packages.findIndex(isBestPackage) : -1;\r\n        return bestIndex >= 0 ? bestIndex : 0;\r\n    }\r\n    \r\n    \/\/ Wait for Master Brain\r\n    function waitForBrain() {\r\n        if (!window.CM_MASTER || !CM_MASTER.packages) { \r\n            setTimeout(waitForBrain, 100); \r\n            return; \r\n        }\r\n        initWidget();\r\n    }\r\n\r\n    function initWidget() {\r\n        const CM = window.CM_MASTER;\r\n        const PACKAGES = CM.packages.filter(p => p.enabled !== false);\r\n        const FEATURES = CM.features_list;\r\n        const BTN_URL = \"\/quiz\"; \r\n\r\n        activeTabIndex = getPreferredPackageIndex(PACKAGES);\r\n        \r\n        const container = document.getElementById('cards-container');\r\n        const tabsContainer = document.getElementById('hp-tabs-container');\r\n        \r\n        container.innerHTML = \"\"; tabsContainer.innerHTML = \"\";\r\n        \r\n        const checkIcon = `<svg viewBox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg>`;\r\n\r\n        \/\/ \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n        \/\/ buildProgressiveBenefitHTML\r\n        \/\/ Converts raw admin checkbox data into a progressive \"Includes \/\r\n        \/\/ Everything in X, plus\" display. No hardcoding. Pure function.\r\n        \/\/ MIRRORED in CheckoutPageCheckoutHtmlWidgetCode.txt \u2014 keep in sync.\r\n        \/\/ \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n        function buildProgressiveBenefitHTML(packages, features, currentIndex) {\r\n            const isRTL = document.documentElement.lang === 'ar';\r\n            const cur = packages[currentIndex];\r\n            const curChecked = Array.isArray(cur.features) ? cur.features : [];\r\n\r\n            \/\/ Collect only benefit keys that have a non-empty label\r\n            const allKeys = Object.keys(features).filter(k => features[k] && String(features[k]).trim() !== '');\r\n\r\n            \/\/ Checked keys for this package (filtered to only valid keys)\r\n            const curKeys = allKeys.filter(k => curChecked.includes(k));\r\n\r\n            let label = '';\r\n            let benefitKeys = [];\r\n\r\n            if (currentIndex === 0) {\r\n                \/\/ First package \u2014 show all its checked benefits\r\n                label = isRTL ? '\u064a\u0634\u0645\u0644' : 'Includes';\r\n                benefitKeys = curKeys;\r\n            } else {\r\n                const prev = packages[currentIndex - 1];\r\n                const prevChecked = Array.isArray(prev.features) ? prev.features : [];\r\n                const prevKeys = allKeys.filter(k => prevChecked.includes(k));\r\n\r\n                \/\/ Safety: does current truly include every benefit from previous?\r\n                const includesAll = prevKeys.every(k => curKeys.includes(k));\r\n\r\n                if (includesAll) {\r\n                    const newKeys = curKeys.filter(k => !prevKeys.includes(k));\r\n                    if (newKeys.length > 0) {\r\n                        label = isRTL\r\n                            ? `\u0643\u0644 \u0645\u0627 \u0641\u064a ${prev.name}\u060c \u0628\u0627\u0644\u0625\u0636\u0627\u0641\u0629 \u0625\u0644\u0649`\r\n                            : `Everything in ${prev.name}, plus`;\r\n                        benefitKeys = newKeys;\r\n                    } else {\r\n                        \/\/ Truly a superset but nothing new to list\r\n                        label = isRTL\r\n                            ? `\u064a\u0634\u0645\u0644 \u0643\u0644 \u0645\u0627 \u0641\u064a ${prev.name}`\r\n                            : `Includes everything in ${prev.name}`;\r\n                        benefitKeys = [];\r\n                    }\r\n                } else {\r\n                    \/\/ Does NOT include all previous \u2014 safe fallback\r\n                    label = isRTL ? '\u064a\u0634\u0645\u0644' : 'Includes';\r\n                    benefitKeys = curKeys;\r\n                }\r\n            }\r\n\r\n            const labelHTML = `<span class=\"hp-benefit-label\">${label}<\/span>`;\r\n            const rows = benefitKeys.map(k =>\r\n                `<li><span class=\"hp-icon\">${checkIcon}<\/span>${features[k]}<\/li>`\r\n            ).join('');\r\n\r\n            return { labelHTML, listHTML: rows ? `<ul class=\"hp-features\">${rows}<\/ul>` : '' };\r\n        }\r\n\r\n        PACKAGES.forEach((plan, i) => {\r\n            const tab = document.createElement('div');\r\n            tab.className = `hp-tab ${i === activeTabIndex ? 'active' : ''}`;\r\n            tab.innerText = plan.tab_label || 'Plan ' + (i + 1);\r\n            tab.onclick = () => switchMobileTab(i);\r\n            tabsContainer.appendChild(tab);\r\n\r\n            const card = document.createElement('div');\r\n            card.id = `hp-card-${i}`;\r\n            card.style.display = (window.innerWidth < 768 && i !== activeTabIndex) ? 'none' : 'flex';\r\n\r\n            const isBest = isBestPackage(plan);\r\n            card.className = `hp-card ${isBest ? 'best-value' : ''}`;\r\n\r\n            const { labelHTML, listHTML } = buildProgressiveBenefitHTML(PACKAGES, FEATURES, i);\r\n            const benefitBlock = labelHTML + listHTML;\r\n\r\n            let bgLayers = isBest ? '<div class=\"hp-border-anim\"><\/div><div class=\"hp-best-badge\">Most Popular<\/div>' : '';\r\n            const durationLabel = plan.duration_label || (plan.duration_value && plan.duration_unit ? `${plan.duration_value} ${String(plan.duration_unit).charAt(0).toUpperCase() + String(plan.duration_unit).slice(1)}` : '');\r\n            const durationHTML = durationLabel ? `<div class=\"hp-duration-pill\">${durationLabel}<\/div>` : '';\r\n            \r\n            \/\/ \ud83d\udd25 SCARCITY BADGE (per-device cached)\r\n            const planKey = 'm3ta_spots_' + (plan.name || String(i)).toLowerCase().replace(\/[^a-z0-9]\/g, '-');\r\n            const cachedSpotsRaw = localStorage.getItem(planKey);\r\n            const spots = cachedSpotsRaw !== null ? parseInt(cachedSpotsRaw) : (parseInt(plan.spots_remaining) || 0);\r\n            let spotsHTML = '';\r\n            if (isBest && spots > 0) {\r\n                spotsHTML = `<div style=\"background:linear-gradient(45deg, #d63638, #ff4c4c); color:#fff; font-size:11px; padding:4px 10px; border-radius:4px; margin:5px auto 10px auto; display:inline-block; animation:pPulse 2s infinite; text-transform:uppercase; letter-spacing:0.5px;text-align:center;font-weight:bold;\">\ud83d\udd25 Only ${spots} Spots Left<\/div>`;\r\n                \r\n                if(!document.getElementById('cm-hp-spots-style')) {\r\n                    const style = document.createElement('style');\r\n                    style.id = 'cm-hp-spots-style';\r\n                    style.innerHTML = `@keyframes pPulse { 0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(214,54,56,0.7); } 70% { transform: scale(1.05); box-shadow: 0 0 0 10px rgba(214,54,56,0); } 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(214,54,56,0); } }`;\r\n                    document.head.appendChild(style);\r\n                }\r\n            }\r\n\r\n            card.innerHTML = `\r\n                ${bgLayers}\r\n                ${durationHTML}\r\n                <span class=\"hp-name\">${plan.name}<\/span>\r\n                ${spotsHTML}\r\n                <div class=\"hp-price-box\" id=\"hp-price-${i}\"><span class=\"hp-price\">${parseInt(plan.price).toLocaleString()} EGP<\/span><\/div>\r\n                ${(plan.subtext && String(plan.subtext).trim()) ? `<span class=\"hp-subtext\">${plan.subtext}<\/span>` : ''}\r\n                ${benefitBlock}\r\n                <a href=\"${BTN_URL}\" class=\"hp-btn\">${isBest ? 'Get Best Value \u2794' : 'Select Plan \u2794'}<\/a>\r\n            `;\r\n            container.appendChild(card);\r\n        });\r\n        \r\n        \/\/ Start the smart loop\r\n        startPriceEngine(PACKAGES);\r\n        \r\n        \/\/ \ud83d\udfe2 MOBILE SWIPE LOGIC\r\n        let touchStartX = 0;\r\n        let touchEndX = 0;\r\n        let touchStartY = 0;\r\n        let touchEndY = 0;\r\n\r\n        container.addEventListener('touchstart', e => {\r\n            touchStartX = e.changedTouches[0].screenX;\r\n            touchStartY = e.changedTouches[0].screenY;\r\n        }, {passive: true});\r\n\r\n        container.addEventListener('touchend', e => {\r\n            touchEndX = e.changedTouches[0].screenX;\r\n            touchEndY = e.changedTouches[0].screenY;\r\n            handleSwipe();\r\n        }, {passive: true});\r\n\r\n        function handleSwipe() {\r\n            if(window.innerWidth >= 768) return; \/\/ Only process swipes on mobile layout\r\n            \r\n            const xDiff = touchStartX - touchEndX;\r\n            const yDiff = touchStartY - touchEndY;\r\n            \r\n            \/\/ Ensure it's mostly a horizontal swipe (not scrolling down)\r\n            if (Math.abs(xDiff) > Math.abs(yDiff) && Math.abs(xDiff) > 40) {\r\n                const isRTL = document.documentElement.lang === 'ar';\r\n                \r\n                if (xDiff > 0) {\r\n                    \/\/ Swiped Left\r\n                    let nextIdx = isRTL ? activeTabIndex - 1 : activeTabIndex + 1;\r\n                    if(nextIdx >= 0 && nextIdx < PACKAGES.length) switchMobileTab(nextIdx);\r\n                } else {\r\n                    \/\/ Swiped Right\r\n                    let prevIdx = isRTL ? activeTabIndex + 1 : activeTabIndex - 1;\r\n                    if(prevIdx >= 0 && prevIdx < PACKAGES.length) switchMobileTab(prevIdx);\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    window.switchMobileTab = function(index) {\r\n        document.querySelectorAll('.hp-tab').forEach((t,i)=>t.classList.toggle('active', i===index));\r\n        document.querySelectorAll('.hp-card').forEach((c,i)=>{ \r\n            if(window.innerWidth<768) {\r\n                if(i === index) {\r\n                    c.style.display = 'flex';\r\n                    c.classList.remove('anim-pop-fade');\r\n                    void c.offsetWidth; \/\/ Trigger reflow\r\n                    c.classList.add('anim-pop-fade');\r\n                } else {\r\n                    c.style.display = 'none';\r\n                }\r\n            }\r\n        });\r\n        activeTabIndex = index;\r\n    };\r\n\r\n    \/\/ \u26a1 PERFORMANCE FIX: setInterval (3x per sec) instead of 60x per sec\r\n    function startPriceEngine(packages) {\r\n        \r\n        const lastRender = {}; \r\n\r\n        function update() {\r\n            const CM = window.CM_MASTER;\r\n            if(!CM || !CM.marketing) return;\r\n\r\n            let baseDiscount = 0;\r\n            let timerBonus = 0;\r\n            let eeBonus = 0;\r\n            let totalDiscount = 0;\r\n\r\n            if(CM.marketing.config && CM.marketing.config.base_discount) {\r\n                baseDiscount = parseInt(CM.marketing.config.base_discount);\r\n            }\r\n\r\n            if(CM.marketing.timerState && CM.marketing.timerState.enabled) {\r\n                const engineDisc = CM.marketing.timerState.active_discount;\r\n                if(engineDisc > baseDiscount) {\r\n                    timerBonus = engineDisc - baseDiscount;\r\n                }\r\n            }\r\n\r\n            try {\r\n                const eeStack = JSON.parse(localStorage.getItem('m3ta_ee_stack') || '[]');\r\n                const eeMap = (CM.marketing && CM.marketing.easter_eggs) ? CM.marketing.easter_eggs : {};\r\n                if (Array.isArray(eeStack)) {\r\n                    eeStack.forEach(id => { eeBonus += parseInt(eeMap[id + '_amt']) || 0; });\r\n                }\r\n            } catch(e) {}\r\n            totalDiscount = Math.min(baseDiscount + timerBonus + eeBonus, 100);\r\n\r\n            packages.forEach((plan, i) => {\r\n                const box = document.getElementById(`hp-price-${i}`);\r\n                if(!box) return;\r\n                const basePrice = parseInt(plan.price);\r\n                \r\n                let newHTML = '';\r\n\r\n                if (totalDiscount > 0) {\r\n                    const final = Math.round(basePrice * (1 - totalDiscount\/100));\r\n                    \r\n                    let bonusHTML = '';\r\n                    if(eeBonus > 0) {\r\n                        bonusHTML += `<div class=\"hp-bonus-text\" style=\"color:#10B981;\">\ud83d\udfe2 Secret Discount Applied (+${eeBonus}%)<\/div>`;\r\n                    }\r\n                    if(timerBonus > 0) {\r\n                        bonusHTML += `<div class=\"hp-bonus-text\">\ud83d\udd25 Bonus Discount Applied (+${timerBonus}%)<\/div>`;\r\n                    }\r\n\r\n                    newHTML = `\r\n                        <span class=\"hp-old-price\">${basePrice.toLocaleString()} EGP<\/span>\r\n                        <div style=\"display:flex; align-items:center; gap:5px;\">\r\n                            <span class=\"hp-price\">${final.toLocaleString()} EGP<\/span>\r\n                            <span class=\"hp-badge\">-${totalDiscount}%<\/span>\r\n                        <\/div>\r\n                        ${bonusHTML}\r\n                    `;\r\n                } else {\r\n                    newHTML = `<span class=\"hp-price\">${basePrice.toLocaleString()} EGP<\/span>`;\r\n                }\r\n\r\n                if(lastRender[i] !== newHTML) {\r\n                    box.innerHTML = newHTML;\r\n                    lastRender[i] = newHTML;\r\n                }\r\n            });\r\n        }\r\n        \r\n        \/\/ \u26a1 RUNNING @ 300ms (High Performance)\r\n        setInterval(update, 300);\r\n        update(); \r\n    }\r\n\r\n    window.addEventListener('resize', () => {\r\n        document.querySelectorAll('.hp-card').forEach((c,i)=>{\r\n            if(window.innerWidth>=768) c.style.display='flex';\r\n            else c.style.display=(i===activeTabIndex)?'flex':'none';\r\n        });\r\n    });\r\n\r\n    waitForBrain();\r\n});\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-30340ec glow-bg asc-blend-top asc-blend-bottom e-flex e-con-boxed e-con e-parent\" data-id=\"30340ec\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;slideshow&quot;,&quot;background_slideshow_gallery&quot;:[{&quot;id&quot;:3762,&quot;url&quot;:&quot;https:\\\/\\\/captainm3ta.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/receipt_d3cc452212dea9bc2f42d9397017d8ba.webp&quot;}],&quot;background_slideshow_slide_duration&quot;:1000,&quot;background_slideshow_loop&quot;:&quot;yes&quot;,&quot;background_slideshow_slide_transition&quot;:&quot;fade&quot;,&quot;background_slideshow_transition_duration&quot;:500}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1b5145d elementor-widget elementor-widget-heading\" data-id=\"1b5145d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Ready to Become the <span class=\"gradient-text\">Best Version of Yourself?<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-83b0d99 elementor-widget elementor-widget-heading\" data-id=\"83b0d99\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Take the quiz and see if Ascension fits you<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1d4373d pulsating-gradient-button scroll elementor-align-center elementor-widget elementor-widget-button\" data-id=\"1d4373d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/captainm3ta.com\/quiz\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-arrow-right\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Take The Quiz<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-72a9961 elementor-icon-list--layout-inline elementor-align-center elementor-mobile-align-start elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"72a9961\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items elementor-inline-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 48c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m140.204 130.267l-22.536-22.718c-4.667-4.705-12.265-4.736-16.97-.068L215.346 303.697l-59.792-60.277c-4.667-4.705-12.265-4.736-16.97-.069l-22.719 22.536c-4.705 4.667-4.736 12.265-.068 16.971l90.781 91.516c4.667 4.705 12.265 4.736 16.97.068l172.589-171.204c4.704-4.668 4.734-12.266.067-16.971z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">No pressure consultation<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 48c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m140.204 130.267l-22.536-22.718c-4.667-4.705-12.265-4.736-16.97-.068L215.346 303.697l-59.792-60.277c-4.667-4.705-12.265-4.736-16.97-.069l-22.719 22.536c-4.705 4.667-4.736 12.265-.068 16.971l90.781 91.516c4.667 4.705 12.265 4.736 16.97.068l172.589-171.204c4.704-4.668 4.734-12.266.067-16.971z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">14-day money-back guarantee<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 48c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m140.204 130.267l-22.536-22.718c-4.667-4.705-12.265-4.736-16.97-.068L215.346 303.697l-59.792-60.277c-4.667-4.705-12.265-4.736-16.97-.069l-22.719 22.536c-4.705 4.667-4.736 12.265-.068 16.971l90.781 91.516c4.667 4.705 12.265 4.736 16.97.068l172.589-171.204c4.704-4.668 4.734-12.266.067-16.971z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Physio-led coaching<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\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>Physio Therapist-Led Transformation Protocol Stronger Body No Time Wasted High-care online coaching for busy men. Built for your body, your time, and your health. Coached by Dr. Moatasem Abdeen Take The Quiz See How It Works Physio-Led Coaching Origin Certified Coach 14-Day Guarantee 500+ Clients 98% Success 12yr Experience If You Tried Before And Failed [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":3514,"parent":0,"menu_order":10,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-14","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/captainm3ta.com\/ar\/wp-json\/wp\/v2\/pages\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/captainm3ta.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/captainm3ta.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/captainm3ta.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/captainm3ta.com\/ar\/wp-json\/wp\/v2\/comments?post=14"}],"version-history":[{"count":1769,"href":"https:\/\/captainm3ta.com\/ar\/wp-json\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":3916,"href":"https:\/\/captainm3ta.com\/ar\/wp-json\/wp\/v2\/pages\/14\/revisions\/3916"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/captainm3ta.com\/ar\/wp-json\/wp\/v2\/media\/3514"}],"wp:attachment":[{"href":"https:\/\/captainm3ta.com\/ar\/wp-json\/wp\/v2\/media?parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}