{"id":424,"date":"2025-10-13T17:03:45","date_gmt":"2025-10-13T15:03:45","guid":{"rendered":"https:\/\/glp1.co.za\/?page_id=424"},"modified":"2025-10-13T17:15:35","modified_gmt":"2025-10-13T15:15:35","slug":"weight-loss-south-africa-2","status":"publish","type":"page","link":"https:\/\/glp1.co.za\/index.php\/weight-loss-south-africa-2\/","title":{"rendered":""},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"424\" class=\"elementor elementor-424\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e5ee55f e-flex e-con-boxed e-con e-parent\" data-id=\"e5ee55f\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b109625 elementor-widget elementor-widget-html\" data-id=\"b109625\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .hero-section {\r\n            display: flex;\r\n            align-items: center;\r\n            min-height: 600px;\r\n            background: #f8f8f8;\r\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;\r\n        }\r\n\r\n        .hero-container {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: 60px 40px;\r\n            gap: 60px;\r\n            align-items: center;\r\n        }\r\n\r\n        .hero-image {\r\n            width: 100%;\r\n            height: 600px;\r\n            overflow: hidden;\r\n            border-radius: 0;\r\n        }\r\n\r\n        .hero-image img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            display: block;\r\n        }\r\n\r\n        .hero-content {\r\n            padding: 20px;\r\n        }\r\n\r\n        .hero-title {\r\n            font-size: 64px;\r\n            font-weight: 900;\r\n            line-height: 1.1;\r\n            margin-bottom: 20px;\r\n            color: #000;\r\n        }\r\n\r\n        .hero-subtitle {\r\n            font-size: 28px;\r\n            font-weight: 400;\r\n            margin-bottom: 40px;\r\n            color: #000;\r\n        }\r\n\r\n        .certification-badge {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            margin-bottom: 30px;\r\n        }\r\n\r\n        \/* \ud83d\udd39 Make the image super small *\/\r\n        .badge-image {\r\n            width: 25px;   \/* You can reduce to 20px or 15px for even smaller *\/\r\n            height: auto;\r\n            display: block;\r\n        }\r\n\r\n        .badge-text {\r\n            color: #4A90E2;\r\n            font-size: 18px;\r\n            font-weight: 600;\r\n            text-decoration: none;\r\n            transition: color 0.3s ease;\r\n        }\r\n\r\n        .badge-text:hover {\r\n            color: #357ABD;\r\n        }\r\n\r\n        \/* WordPress Customizable Button Classes *\/\r\n        .hero-cta-button {\r\n            display: inline-block;\r\n            padding: 18px 50px;\r\n            background: #000;\r\n            color: #fff;\r\n            font-size: 18px;\r\n            font-weight: 600;\r\n            border-radius: 50px;\r\n            text-decoration: none;\r\n            border: none;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .hero-cta-button:hover {\r\n            background: #333;\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 8px 20px rgba(0,0,0,0.2);\r\n        }\r\n\r\n        \/* Responsive Design *\/\r\n        @media (max-width: 968px) {\r\n            .hero-container {\r\n                grid-template-columns: 1fr;\r\n                gap: 40px;\r\n            }\r\n\r\n            .hero-image {\r\n                height: 400px;\r\n                order: 1;\r\n            }\r\n\r\n            .hero-content {\r\n                order: 2;\r\n                text-align: center;\r\n            }\r\n\r\n            .hero-title {\r\n                font-size: 48px;\r\n            }\r\n\r\n            .hero-subtitle {\r\n                font-size: 22px;\r\n            }\r\n\r\n            .certification-badge {\r\n                justify-content: center;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 600px) {\r\n            .hero-title {\r\n                font-size: 36px;\r\n            }\r\n\r\n            .hero-subtitle {\r\n                font-size: 18px;\r\n            }\r\n\r\n            .hero-container {\r\n                padding: 40px 20px;\r\n            }\r\n\r\n            .badge-image {\r\n                width: 30px; \/* even smaller for mobile *\/\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <section class=\"hero-section\">\r\n        <div class=\"hero-container\">\r\n            <div class=\"hero-image\">\r\n                <img decoding=\"async\" src=\"https:\/\/cdn.instant.so\/static\/collection\/uOrAgf6EFxO0KKhg\/zKbUu6OzdSYxYtUe-frame-3356.png?width=1280\" alt=\"Woman stretching\">\r\n            <\/div>\r\n            \r\n            <div class=\"hero-content\">\r\n                <h1 class=\"hero-title\">A New Era in Medical Weight Loss<\/h1>\r\n                <p class=\"hero-subtitle\">Where Science Meets Care<\/p>\r\n                \r\n                <!-- \u2705 Small Badge + Text -->\r\n                <div class=\"certification-badge\">\r\n                    <img decoding=\"async\" \r\n                        src=\"https:\/\/cdn.instant.so\/sites\/fr4pUpdEWuk8wMwK\/assets\/5O3Qoa3VpETFBOwf\/scope-certified-obesity-management-badge.png?width=1280\" \r\n                        alt=\"SCOPE Certified Doctors\" \r\n                        class=\"badge-image\"\r\n                    \/>\r\n                    <a href=\"https:\/\/www.worldobesity.org\/training-and-events\/scope\/certification\/scope-certified?country=South%20Africa\" class=\"badge-text\">SCOPE Certified Doctors<\/a>\r\n                <\/div>\r\n\r\n                <!-- WordPress Customizable Button -->\r\n                <a href=\"https:\/\/www.get-tested.co.za\/pages\/weightloss-consultation\" class=\"hero-cta-button\">Book a consult<\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<\/body>\r\n<\/html>\r\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-abe5a88 e-flex e-con-boxed e-con e-parent\" data-id=\"abe5a88\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-87d2653 elementor-widget elementor-widget-image\" data-id=\"87d2653\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/glp1.co.za\/wp-content\/plugins\/elementor\/assets\/images\/placeholder.png\" title=\"\" alt=\"\" loading=\"lazy\" \/>\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-139dc23 e-flex e-con-boxed e-con e-parent\" data-id=\"139dc23\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bf5f124 elementor-widget elementor-widget-html\" data-id=\"bf5f124\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n  <meta charset=\"UTF-8\">\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n  <style>\r\n    * {\r\n      margin: 0;\r\n      padding: 0;\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .features-section {\r\n      padding: 80px 20px;\r\n      background: #fff;\r\n      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;\r\n    }\r\n\r\n    .section-title {\r\n      font-size: 42px;\r\n      font-weight: 900;\r\n      text-align: center;\r\n      margin-bottom: 60px;\r\n      color: #000;\r\n      line-height: 1.2;\r\n    }\r\n\r\n    .features-container {\r\n      max-width: 1200px;\r\n      margin: 0 auto;\r\n      display: grid;\r\n      grid-template-columns: 1.2fr 0.8fr;\r\n      gap: 30px;\r\n      align-items: start;\r\n    }\r\n\r\n    \/* Left Column - Main Image Card *\/\r\n    .main-card {\r\n      position: relative;\r\n      border-radius: 24px;\r\n      overflow: hidden;\r\n      box-shadow: 0 10px 40px rgba(0,0,0,0.1);\r\n    }\r\n\r\n    .main-card-image {\r\n      width: 100%;\r\n      height: 600px;\r\n      object-fit: cover;\r\n      display: block;\r\n    }\r\n\r\n    .main-card-content {\r\n      position: absolute;\r\n      bottom: 30px;\r\n      left: 30px;\r\n      background: rgba(255,255,255,0.95);\r\n      backdrop-filter: blur(10px);\r\n      padding: 30px;\r\n      border-radius: 20px;\r\n      max-width: 280px;\r\n      box-shadow: 0 8px 32px rgba(0,0,0,0.1);\r\n    }\r\n\r\n    .main-card-title {\r\n      font-size: 28px;\r\n      font-weight: 900;\r\n      margin-bottom: 15px;\r\n      color: #000;\r\n    }\r\n\r\n    .main-card-text {\r\n      font-size: 16px;\r\n      color: #333;\r\n      line-height: 1.5;\r\n    }\r\n\r\n    \/* Right Column - Info Cards *\/\r\n    .info-cards {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 100px;\r\n    }\r\n\r\n    .info-card {\r\n      padding: 40px;\r\n      border-radius: 24px;\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 30px;\r\n      transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n    }\r\n\r\n    .info-card:hover {\r\n      transform: translateY(-5px);\r\n      box-shadow: 0 15px 40px rgba(0,0,0,0.15);\r\n    }\r\n\r\n    .info-card.green {\r\n      background: #E8F5E9;\r\n    }\r\n\r\n    .info-card.pink {\r\n      background: #FCE4EC;\r\n    }\r\n\r\n    \/* \ud83d\udd39 Updated Icon Container (No Circle) *\/\r\n    .info-card-icon {\r\n      flex-shrink: 0;\r\n      width: 180px;\r\n      height: 180px;\r\n      overflow: hidden;\r\n      border-radius: 20px; \/* rectangular with slight curve *\/\r\n      box-shadow: 0 6px 18px rgba(0,0,0,0.1);\r\n    }\r\n\r\n    .info-card-icon img {\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover; \/* fills the box perfectly *\/\r\n      display: block;\r\n      transition: transform 0.3s ease;\r\n    }\r\n\r\n    .info-card:hover .info-card-icon img {\r\n      transform: scale(1.05);\r\n    }\r\n\r\n    .info-card-content h3 {\r\n      font-size: 24px;\r\n      font-weight: 900;\r\n      margin-bottom: 12px;\r\n      color: #000;\r\n    }\r\n\r\n    .info-card-content p {\r\n      font-size: 15px;\r\n      color: #333;\r\n      line-height: 1.6;\r\n    }\r\n\r\n    \/* Responsive Design *\/\r\n    @media (max-width: 968px) {\r\n      .features-container {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .main-card-image {\r\n        height: 500px;\r\n      }\r\n\r\n      .section-title {\r\n        font-size: 32px;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 600px) {\r\n      .features-section {\r\n        padding: 50px 15px;\r\n      }\r\n\r\n      .section-title {\r\n        font-size: 28px;\r\n        margin-bottom: 40px;\r\n      }\r\n\r\n      .main-card-image {\r\n        height: 400px;\r\n      }\r\n\r\n      .main-card-content {\r\n        left: 20px;\r\n        right: 20px;\r\n        bottom: 20px;\r\n        max-width: none;\r\n        padding: 25px;\r\n      }\r\n\r\n      .main-card-title {\r\n        font-size: 24px;\r\n      }\r\n\r\n      .info-card {\r\n        flex-direction: column;\r\n        text-align: center;\r\n        padding: 30px 25px;\r\n      }\r\n\r\n      .info-card-icon {\r\n        width: 120px;\r\n        height: 120px;\r\n      }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n  <section class=\"features-section\">\r\n    <h2 class=\"section-title\">We Treat Root Causes, Not Just Symptoms.<\/h2>\r\n    \r\n    <div class=\"features-container\">\r\n      <!-- Left Column - Main Image Card -->\r\n      <div class=\"main-card\">\r\n        <img decoding=\"async\" src=\"https:\/\/cdn.instant.so\/sites\/fr4pUpdEWuk8wMwK\/assets\/MsWmmWyiUjECXGxG\/32c823d4f98989f98ff90ebd9bae9e62.jpg?width=1280\" alt=\"Woman in ash dress\" class=\"main-card-image\">\r\n        \r\n        <div class=\"main-card-content\">\r\n          <h3 class=\"main-card-title\">Proven effectiveness<\/h3>\r\n          <p class=\"main-card-text\">We evaluate every factor affecting your weight<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Right Column - Info Cards -->\r\n      <div class=\"info-cards\">\r\n        <!-- \u2705 SCOPE Certification Card -->\r\n        <div class=\"info-card green\">\r\n          <div class=\"info-card-icon\">\r\n            <img decoding=\"async\" \r\n              src=\"https:\/\/cdn.instant.so\/sites\/fr4pUpdEWuk8wMwK\/assets\/5O3Qoa3VpETFBOwf\/scope-certified-obesity-management-badge.png?width=1280\" \r\n              alt=\"SCOPE Certified Badge\"\r\n            \/>\r\n          <\/div>\r\n          <div class=\"info-card-content\">\r\n            <h3>SCOPE Certified Professionals<\/h3>\r\n            <p>SCOPE is an internationally recognised credential for healthcare professionals specialising in obesity management. It represents excellence, safety, and clinical expertise.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Biology Card -->\r\n        <div class=\"info-card pink\">\r\n          <div class=\"info-card-icon\">\r\n            <img decoding=\"async\" src=\"https:\/\/glp1.co.za\/wp-content\/uploads\/2025\/10\/ChatGPT-Image-Oct-2-2025-12_35_36-AM-273x300.png\" alt=\"Medical treatments\">\r\n          <\/div>\r\n          <div class=\"info-card-content\">\r\n            <h3>We work with your biology<\/h3>\r\n            <p>Our treatments target the biological drivers of weight gain using therapies backed by decades of clinical research and proven medical science.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n<\/body>\r\n<\/html>\r\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-f4ebba7 e-flex e-con-boxed e-con e-parent\" data-id=\"f4ebba7\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-09cc5dd elementor-widget elementor-widget-html\" data-id=\"09cc5dd\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .digital-section {\r\n            padding: 80px 20px;\r\n            background: #fff;\r\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;\r\n        }\r\n\r\n        .digital-container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .digital-header {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            margin-bottom: 50px;\r\n            flex-wrap: wrap;\r\n            gap: 20px;\r\n        }\r\n\r\n        .digital-title {\r\n            font-size: 42px;\r\n            font-weight: 900;\r\n            color: #000;\r\n        }\r\n\r\n        .digital-rating {\r\n            text-align: right;\r\n        }\r\n\r\n        .stars {\r\n            color: #FFB800;\r\n            font-size: 24px;\r\n            letter-spacing: 3px;\r\n            margin-bottom: 5px;\r\n        }\r\n\r\n        .rating-text {\r\n            font-size: 14px;\r\n            color: #666;\r\n        }\r\n\r\n        .digital-grid {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 25px;\r\n            align-items: stretch;\r\n        }\r\n\r\n        \/* Left Column - Main Image Card *\/\r\n        .main-feature-card {\r\n            position: relative;\r\n            border-radius: 24px;\r\n            overflow: hidden;\r\n            box-shadow: 0 10px 40px rgba(0,0,0,0.1);\r\n        }\r\n\r\n        .main-feature-image {\r\n            width: 100%;\r\n            height: 450px;\r\n            object-fit: cover;\r\n            display: block;\r\n        }\r\n\r\n        .main-feature-overlay {\r\n            position: absolute;\r\n            bottom: 30px;\r\n            left: 30px;\r\n            background: rgba(255,255,255,0.98);\r\n            backdrop-filter: blur(10px);\r\n            padding: 35px;\r\n            border-radius: 20px;\r\n            max-width: 300px;\r\n            box-shadow: 0 8px 32px rgba(0,0,0,0.15);\r\n            border: 2px solid #000;\r\n        }\r\n\r\n        .main-feature-text {\r\n            font-size: 26px;\r\n            font-weight: 900;\r\n            color: #000;\r\n            line-height: 1.3;\r\n        }\r\n\r\n        \/* Right Column - Feature Cards *\/\r\n        .feature-cards {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 25px;\r\n            height: 100%;\r\n            justify-content: space-between;\r\n        }\r\n\r\n        .feature-card {\r\n            border-radius: 24px;\r\n            padding: 35px 30px;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 25px;\r\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n            box-shadow: 0 5px 20px rgba(0,0,0,0.08);\r\n            flex: 1;\r\n        }\r\n\r\n        .feature-card:hover {\r\n            transform: translateY(-5px);\r\n            box-shadow: 0 15px 40px rgba(0,0,0,0.15);\r\n        }\r\n\r\n        .feature-card.pink {\r\n            background: #F8E8F0;\r\n        }\r\n\r\n        .feature-card.green {\r\n            background: #E8F5E9;\r\n        }\r\n\r\n        .feature-icon {\r\n            flex-shrink: 0;\r\n            width: 110px;\r\n            height: 110px;\r\n        }\r\n\r\n        .feature-icon img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: contain;\r\n        }\r\n\r\n        .feature-content h3 {\r\n            font-size: 21px;\r\n            font-weight: 900;\r\n            color: #000;\r\n            line-height: 1.3;\r\n            margin-bottom: 0;\r\n        }\r\n\r\n        \/* CTA Button - WordPress Customizable *\/\r\n        .cta-button-container {\r\n            margin-top: 0;\r\n        }\r\n\r\n        .digital-cta-button {\r\n            display: inline-block;\r\n            padding: 18px 45px;\r\n            background: #0066FF;\r\n            color: #fff;\r\n            font-size: 17px;\r\n            font-weight: 700;\r\n            border-radius: 12px;\r\n            text-decoration: none;\r\n            border: none;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            box-shadow: 0 4px 15px rgba(0,102,255,0.3);\r\n            width: 100%;\r\n            text-align: center;\r\n        }\r\n\r\n        .digital-cta-button:hover {\r\n            background: #0052CC;\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 8px 25px rgba(0,102,255,0.4);\r\n        }\r\n\r\n        \/* Responsive Design *\/\r\n        @media (max-width: 968px) {\r\n            .digital-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n\r\n            .digital-header {\r\n                flex-direction: column;\r\n                align-items: flex-start;\r\n            }\r\n\r\n            .digital-rating {\r\n                text-align: left;\r\n            }\r\n\r\n            .digital-title {\r\n                font-size: 32px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 600px) {\r\n            .digital-section {\r\n                padding: 50px 15px;\r\n            }\r\n\r\n            .digital-title {\r\n                font-size: 28px;\r\n            }\r\n\r\n            .main-feature-image {\r\n                height: 400px;\r\n            }\r\n\r\n            .main-feature-overlay {\r\n                left: 20px;\r\n                right: 20px;\r\n                bottom: 20px;\r\n                max-width: none;\r\n                padding: 25px;\r\n            }\r\n\r\n            .main-feature-text {\r\n                font-size: 22px;\r\n            }\r\n\r\n            .feature-card {\r\n                flex-direction: column;\r\n                text-align: center;\r\n                padding: 30px 25px;\r\n            }\r\n\r\n            .feature-icon {\r\n                width: 100px;\r\n                height: 100px;\r\n            }\r\n\r\n            .feature-content h3 {\r\n                font-size: 20px;\r\n            }\r\n\r\n            .cta-button-container {\r\n                text-align: center;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <section class=\"digital-section\">\r\n        <div class=\"digital-container\">\r\n            <!-- Header with Title and Rating -->\r\n            <div class=\"digital-header\">\r\n                <h2 class=\"digital-title\">Digital and fully supported<\/h2>\r\n                \r\n                <div class=\"digital-rating\">\r\n                    <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n                    <div class=\"rating-text\">5,000+ Successful treatments<\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Main Grid Layout -->\r\n            <div class=\"digital-grid\">\r\n                <!-- Left Column - Main Feature Card -->\r\n                <div class=\"main-feature-card\">\r\n                    <img decoding=\"async\" src=\"https:\/\/cdn.instant.so\/sites\/fr4pUpdEWuk8wMwK\/assets\/UUuWukWOUO6BjUeJ\/pexels-shkrabaanthony-4348401.jpg?width=1280\" alt=\"Digital workspace\" class=\"main-feature-image\">\r\n                    \r\n                    <div class=\"main-feature-overlay\">\r\n                        <p class=\"main-feature-text\">Free, discreet delivery to your door<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Right Column - Feature Cards -->\r\n                <div class=\"feature-cards\">\r\n                    <!-- Weight Loss Card -->\r\n                    <div class=\"feature-card pink\">\r\n                        <div class=\"feature-icon\">\r\n                            <img decoding=\"async\" src=\"https:\/\/cdn.instant.so\/sites\/fr4pUpdEWuk8wMwK\/assets\/hLBFYavFN007Tdu4\/202508081153040000-removebg-preview.png?width=1280\" alt=\"Medical bottle\">\r\n                        <\/div>\r\n                        <div class=\"feature-content\">\r\n                            <h3>Up to 15% weightloss in one year<\/h3>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Doctors Card -->\r\n                    <div class=\"feature-card green\">\r\n                        <div class=\"feature-icon\">\r\n                            <img decoding=\"async\" src=\"https:\/\/cdn.instant.so\/sites\/fr4pUpdEWuk8wMwK\/assets\/uK8JJa1lez8V611u\/chatgpt-image-oct-1-2025-082455-pm.png?width=1280\" alt=\"Doctor\">\r\n                        <\/div>\r\n                        <div class=\"feature-content\">\r\n                            <h3>Adjustable doses prescribed by licensed doctors<\/h3>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- CTA Button -->\r\n                    <div class=\"cta-button-container\">\r\n                        <a href=\"https:\/\/www.get-tested.co.za\/collections\/medical-weightloss-south-africa\" class=\"digital-cta-button\">View our products<\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- WordPress Customization Instructions -->\r\n    <!--\r\n    ========================================\r\n    WORDPRESS CUSTOMIZATION GUIDE\r\n    ========================================\r\n    \r\n    1. CHANGE BUTTON TEXT & LINK (in HTML):\r\n       <a href=\"YOUR_LINK\" class=\"digital-cta-button\">YOUR TEXT<\/a>\r\n    \r\n    2. CHANGE BUTTON COLOR (Add to WordPress Custom CSS):\r\n       .digital-cta-button {\r\n           background: #YOUR_COLOR !important;\r\n           box-shadow: 0 4px 15px rgba(YOUR_RGB, 0.3) !important;\r\n       }\r\n       .digital-cta-button:hover {\r\n           background: #YOUR_DARKER_COLOR !important;\r\n       }\r\n    \r\n    3. CHANGE BUTTON SIZE (Add to Custom CSS):\r\n       .digital-cta-button {\r\n           padding: 20px 50px !important;\r\n           font-size: 18px !important;\r\n       }\r\n    \r\n    4. CHANGE BUTTON SHAPE (Add to Custom CSS):\r\n       \/* Fully rounded *\/\r\n       .digital-cta-button {\r\n           border-radius: 50px !important;\r\n       }\r\n       \r\n       \/* Square corners *\/\r\n       .digital-cta-button {\r\n           border-radius: 8px !important;\r\n       }\r\n    \r\n    5. CHANGE CARD COLORS (Add to Custom CSS):\r\n       .feature-card.pink {\r\n           background: #YOUR_COLOR !important;\r\n       }\r\n       \r\n       .feature-card.green {\r\n           background: #YOUR_COLOR !important;\r\n       }\r\n    \r\n    6. CHANGE IMAGES:\r\n       - Replace img src URLs with your own images\r\n       - Main image: .main-feature-image\r\n       - Feature icons: .feature-icon img\r\n    \r\n    ========================================\r\n    BUTTON COLOR PRESETS\r\n    ========================================\r\n    \r\n    Green Button:\r\n    .digital-cta-button {\r\n        background: #10B981 !important;\r\n        box-shadow: 0 4px 15px rgba(16, 185, 129, 0.3) !important;\r\n    }\r\n    .digital-cta-button:hover {\r\n        background: #059669 !important;\r\n    }\r\n    \r\n    Red Button:\r\n    .digital-cta-button {\r\n        background: #EF4444 !important;\r\n        box-shadow: 0 4px 15px rgba(239, 68, 68, 0.3) !important;\r\n    }\r\n    .digital-cta-button:hover {\r\n        background: #DC2626 !important;\r\n    }\r\n    \r\n    Purple Button:\r\n    .digital-cta-button {\r\n        background: #8B5CF6 !important;\r\n        box-shadow: 0 4px 15px rgba(139, 92, 246, 0.3) !important;\r\n    }\r\n    .digital-cta-button:hover {\r\n        background: #7C3AED !important;\r\n    }\r\n    \r\n    Black Button:\r\n    .digital-cta-button {\r\n        background: #000000 !important;\r\n        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3) !important;\r\n    }\r\n    .digital-cta-button:hover {\r\n        background: #1F2937 !important;\r\n    }\r\n    -->\r\n<\/body>\r\n<\/html>\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-27fd96d e-flex e-con-boxed e-con e-parent\" data-id=\"27fd96d\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-64b1ae0 elementor-widget elementor-widget-html\" data-id=\"64b1ae0\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .how-it-works-section {\r\n            padding: 80px 20px;\r\n            background: #f8f8f8;\r\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;\r\n        }\r\n\r\n        .works-container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .works-title {\r\n            font-size: 42px;\r\n            font-weight: 900;\r\n            color: #000;\r\n            margin-bottom: 60px;\r\n        }\r\n\r\n        .steps-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            gap: 30px;\r\n        }\r\n\r\n        .step-card {\r\n            background: white;\r\n            border-radius: 24px;\r\n            overflow: hidden;\r\n            box-shadow: 0 5px 20px rgba(0,0,0,0.08);\r\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n        }\r\n\r\n        .step-card:hover {\r\n            transform: translateY(-8px);\r\n            box-shadow: 0 15px 40px rgba(0,0,0,0.15);\r\n        }\r\n\r\n        .step-card:nth-child(1) {\r\n            background: #EDE7F6;\r\n        }\r\n\r\n        .step-card:nth-child(2) {\r\n            background: #E0F2F1;\r\n        }\r\n\r\n        .step-card:nth-child(3) {\r\n            background: #FFF3E0;\r\n        }\r\n\r\n        .step-image {\r\n            width: 100%;\r\n            height: 280px;\r\n            object-fit: cover;\r\n            display: block;\r\n        }\r\n\r\n        .step-content {\r\n            padding: 35px 30px;\r\n        }\r\n\r\n        .step-label {\r\n            font-size: 16px;\r\n            font-weight: 700;\r\n            color: #000;\r\n            margin-bottom: 8px;\r\n        }\r\n\r\n        .step-title {\r\n            font-size: 24px;\r\n            font-weight: 900;\r\n            color: #000;\r\n            margin-bottom: 15px;\r\n            line-height: 1.2;\r\n        }\r\n\r\n        .step-description {\r\n            font-size: 16px;\r\n            color: #333;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        \/* Responsive Design *\/\r\n        @media (max-width: 968px) {\r\n            .steps-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n            }\r\n\r\n            .works-title {\r\n                font-size: 36px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 600px) {\r\n            .how-it-works-section {\r\n                padding: 50px 15px;\r\n            }\r\n\r\n            .works-title {\r\n                font-size: 32px;\r\n                margin-bottom: 40px;\r\n            }\r\n\r\n            .steps-grid {\r\n                grid-template-columns: 1fr;\r\n                gap: 25px;\r\n            }\r\n\r\n            .step-image {\r\n                height: 240px;\r\n            }\r\n\r\n            .step-content {\r\n                padding: 30px 25px;\r\n            }\r\n\r\n            .step-title {\r\n                font-size: 22px;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <section class=\"how-it-works-section\">\r\n        <div class=\"works-container\">\r\n            <h2 class=\"works-title\">How It Works<\/h2>\r\n\r\n            <div class=\"steps-grid\">\r\n                <!-- Step 1 -->\r\n                <div class=\"step-card\">\r\n                    <img decoding=\"async\" src=\"https:\/\/cdn.instant.so\/sites\/fr4pUpdEWuk8wMwK\/assets\/hbD8RPde5ZacpgeL\/pexels-leeloothefirst-5428833.jpg?width=1280\" alt=\"Person with question marks\" class=\"step-image\">\r\n                    \r\n                    <div class=\"step-content\">\r\n                        <div class=\"step-label\">Step 1:<\/div>\r\n                        <h3 class=\"step-title\">Safety Check<\/h3>\r\n                        <p class=\"step-description\">Answer a few questions for us to know you better, and to see if there's any pre-existing conditions that we need to be aware of.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Step 2 -->\r\n                <div class=\"step-card\">\r\n                    <img decoding=\"async\" src=\"https:\/\/cdn.instant.so\/sites\/fr4pUpdEWuk8wMwK\/assets\/GNRJRE6qw5oPlcMJ\/pexels-tima-miroshnichenko-5452228.jpg?width=1280\" alt=\"Medical team consultation\" class=\"step-image\">\r\n                    \r\n                    <div class=\"step-content\">\r\n                        <div class=\"step-label\">Step 2:<\/div>\r\n                        <h3 class=\"step-title\">Meet the Medical Team<\/h3>\r\n                        <p class=\"step-description\">A quick medical check-up followed by a personalised 1-on-1 call with one of our medical practitioners<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Step 3 -->\r\n                <div class=\"step-card\">\r\n                    <img decoding=\"async\" src=\"https:\/\/cdn.instant.so\/sites\/fr4pUpdEWuk8wMwK\/assets\/ZRjGCkjGBmSI1MLO\/pexels-n-voitkevich-5412249.jpg?width=1280\" alt=\"Home delivery\" class=\"step-image\">\r\n                    \r\n                    <div class=\"step-content\">\r\n                        <div class=\"step-label\">Step 3:<\/div>\r\n                        <h3 class=\"step-title\">Begin your Journey<\/h3>\r\n                        <p class=\"step-description\">Everything you need will be sent directly to you, when you need it. In the comfort of your home.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- WordPress Customization Instructions -->\r\n    <!--\r\n    ========================================\r\n    WORDPRESS CUSTOMIZATION GUIDE\r\n    ========================================\r\n    \r\n    1. CHANGE CARD COLORS (Add to WordPress Custom CSS):\r\n       \/* Step 1 - Purple *\/\r\n       .step-card:nth-child(1) {\r\n           background: #EDE7F6 !important;\r\n       }\r\n       \r\n       \/* Step 2 - Green *\/\r\n       .step-card:nth-child(2) {\r\n           background: #E0F2F1 !important;\r\n       }\r\n       \r\n       \/* Step 3 - Orange *\/\r\n       .step-card:nth-child(3) {\r\n           background: #FFF3E0 !important;\r\n       }\r\n    \r\n    2. CHANGE IMAGES:\r\n       - Replace img src URLs with your own images\r\n       - Recommended size: 600x500px\r\n    \r\n    3. CHANGE TEXT:\r\n       - Edit the step labels, titles, and descriptions directly in HTML\r\n    \r\n    4. ADJUST CARD SPACING (Add to Custom CSS):\r\n       .steps-grid {\r\n           gap: 40px !important;\r\n       }\r\n    \r\n    5. CHANGE TITLE SIZE (Add to Custom CSS):\r\n       .works-title {\r\n           font-size: 48px !important;\r\n       }\r\n    \r\n    6. ADJUST IMAGE HEIGHT (Add to Custom CSS):\r\n       .step-image {\r\n           height: 320px !important;\r\n       }\r\n    \r\n    ========================================\r\n    COLOR SCHEME PRESETS\r\n    ========================================\r\n    \r\n    Blue Theme:\r\n    .step-card:nth-child(1) { background: #E3F2FD !important; }\r\n    .step-card:nth-child(2) { background: #E1F5FE !important; }\r\n    .step-card:nth-child(3) { background: #E0F7FA !important; }\r\n    \r\n    Pink Theme:\r\n    .step-card:nth-child(1) { background: #FCE4EC !important; }\r\n    .step-card:nth-child(2) { background: #F8BBD0 !important; }\r\n    .step-card:nth-child(3) { background: #F48FB1 !important; }\r\n    \r\n    Green Theme:\r\n    .step-card:nth-child(1) { background: #E8F5E9 !important; }\r\n    .step-card:nth-child(2) { background: #C8E6C9 !important; }\r\n    .step-card:nth-child(3) { background: #A5D6A7 !important; }\r\n    \r\n    Neutral Theme:\r\n    .step-card:nth-child(1) { background: #F5F5F5 !important; }\r\n    .step-card:nth-child(2) { background: #EEEEEE !important; }\r\n    .step-card:nth-child(3) { background: #E0E0E0 !important; }\r\n    -->\r\n<\/body>\r\n<\/html>\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-6cb2b01 e-flex e-con-boxed e-con e-parent\" data-id=\"6cb2b01\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6f51594 elementor-widget elementor-widget-html\" data-id=\"6f51594\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        body {\r\n            overflow-x: hidden;\r\n            background: #fff;\r\n            margin: 0;\r\n            padding: 0;\r\n        }\r\n\r\n        .scrolling-text-container {\r\n            width: 100vw;\r\n            overflow: hidden;\r\n            background: #f8f8f8;\r\n            padding: 40px 0;\r\n            position: relative;\r\n            margin-left: calc(-50vw + 50%);\r\n            margin-right: calc(-50vw + 50%);\r\n        }\r\n\r\n        .scrolling-text-wrapper {\r\n            display: flex;\r\n            width: fit-content;\r\n            animation: scroll 20s linear infinite;\r\n        }\r\n\r\n        .scrolling-text {\r\n            display: flex;\r\n            white-space: nowrap;\r\n            align-items: center;\r\n        }\r\n\r\n        .text-item {\r\n            font-size: 120px;\r\n            font-weight: 900;\r\n            color: #e8e8e8;\r\n            text-transform: lowercase;\r\n            padding: 0 40px;\r\n            user-select: none;\r\n        }\r\n\r\n        @keyframes scroll {\r\n            0% {\r\n                transform: translateX(0);\r\n            }\r\n            100% {\r\n                transform: translateX(-50%);\r\n            }\r\n        }\r\n\r\n        \/* Pause on hover *\/\r\n        .scrolling-text-wrapper:hover {\r\n            animation-play-state: paused;\r\n        }\r\n\r\n        \/* Responsive sizes *\/\r\n        @media (max-width: 968px) {\r\n            .text-item {\r\n                font-size: 80px;\r\n                padding: 0 30px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 600px) {\r\n            .text-item {\r\n                font-size: 50px;\r\n                padding: 0 20px;\r\n            }\r\n\r\n            .scrolling-text-container {\r\n                padding: 30px 0;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div class=\"scrolling-text-container\">\r\n        <div class=\"scrolling-text-wrapper\">\r\n            <div class=\"scrolling-text\">\r\n                <span class=\"text-item\">keep weight off<\/span>\r\n                <span class=\"text-item\">keep weight off<\/span>\r\n                <span class=\"text-item\">keep weight off<\/span>\r\n                <span class=\"text-item\">keep weight off<\/span>\r\n            <\/div>\r\n            <!-- Duplicate for seamless loop -->\r\n            <div class=\"scrolling-text\">\r\n                <span class=\"text-item\">keep weight off<\/span>\r\n                <span class=\"text-item\">keep weight off<\/span>\r\n                <span class=\"text-item\">keep weight off<\/span>\r\n                <span class=\"text-item\">keep weight off<\/span>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- WordPress Customization Instructions -->\r\n    <!--\r\n    ========================================\r\n    WORDPRESS CUSTOMIZATION GUIDE\r\n    ========================================\r\n    \r\n    1. CHANGE TEXT:\r\n       - Edit \"keep weight off\" to your desired text\r\n       - Make sure to update ALL instances (8 total - 4 in each set)\r\n    \r\n    2. CHANGE TEXT COLOR (Add to WordPress Custom CSS):\r\n       .text-item {\r\n           color: #YOUR_COLOR !important;\r\n       }\r\n    \r\n    3. CHANGE BACKGROUND COLOR (Add to Custom CSS):\r\n       .scrolling-text-container {\r\n           background: #YOUR_COLOR !important;\r\n       }\r\n    \r\n    4. CHANGE ANIMATION SPEED (Add to Custom CSS):\r\n       \/* Faster *\/\r\n       .scrolling-text-wrapper {\r\n           animation: scroll 15s linear infinite !important;\r\n       }\r\n       \r\n       \/* Slower *\/\r\n       .scrolling-text-wrapper {\r\n           animation: scroll 30s linear infinite !important;\r\n       }\r\n    \r\n    5. CHANGE TEXT SIZE (Add to Custom CSS):\r\n       .text-item {\r\n           font-size: 140px !important;\r\n       }\r\n       \r\n       @media (max-width: 968px) {\r\n           .text-item {\r\n               font-size: 90px !important;\r\n           }\r\n       }\r\n    \r\n    6. CHANGE SPACING BETWEEN TEXT (Add to Custom CSS):\r\n       .text-item {\r\n           padding: 0 60px !important;\r\n       }\r\n    \r\n    7. REMOVE HOVER PAUSE (Add to Custom CSS):\r\n       .scrolling-text-wrapper:hover {\r\n           animation-play-state: running !important;\r\n       }\r\n    \r\n    ========================================\r\n    COLOR PRESETS\r\n    ========================================\r\n    \r\n    Light Gray Text (Current):\r\n    .text-item { color: #e8e8e8 !important; }\r\n    \r\n    White Text:\r\n    .text-item { color: #ffffff !important; }\r\n    \r\n    Black Text:\r\n    .text-item { color: #000000 !important; }\r\n    \r\n    Light Purple Text:\r\n    .text-item { color: #E1BEE7 !important; }\r\n    \r\n    Light Blue Text:\r\n    .text-item { color: #BBDEFB !important; }\r\n    \r\n    ========================================\r\n    BACKGROUND COLOR PRESETS\r\n    ========================================\r\n    \r\n    White Background:\r\n    .scrolling-text-container { background: #ffffff !important; }\r\n    \r\n    Dark Background:\r\n    .scrolling-text-container { background: #1a1a1a !important; }\r\n    \r\n    Gradient Background:\r\n    .scrolling-text-container { \r\n        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important; \r\n    }\r\n    -->\r\n<\/body>\r\n<\/html>\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-e0539b8 e-flex e-con-boxed e-con e-parent\" data-id=\"e0539b8\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5b02cde elementor-widget elementor-widget-html\" data-id=\"5b02cde\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .medical-solution-section {\r\n            padding: 80px 20px;\r\n            background: #fff;\r\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;\r\n        }\r\n\r\n        .solution-container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .solution-card {\r\n            background: #fff;\r\n            border-radius: 32px;\r\n            overflow: hidden;\r\n            box-shadow: 0 10px 40px rgba(0,0,0,0.15);\r\n            border: 4px solid #000;\r\n            position: relative;\r\n            display: grid;\r\n            grid-template-columns: 400px 1fr;\r\n            min-height: 550px;\r\n        }\r\n\r\n        .solution-content {\r\n            background: #fff;\r\n            padding: 60px 50px;\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: center;\r\n            z-index: 2;\r\n        }\r\n\r\n        .solution-title {\r\n            font-size: 42px;\r\n            font-weight: 900;\r\n            color: #000;\r\n            line-height: 1.2;\r\n            margin-bottom: 40px;\r\n        }\r\n\r\n        .solution-text {\r\n            font-size: 16px;\r\n            color: #333;\r\n            line-height: 1.7;\r\n            margin-bottom: 25px;\r\n        }\r\n\r\n        .solution-image-wrapper {\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .solution-image {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            display: block;\r\n        }\r\n\r\n        .color-overlay {\r\n            position: absolute;\r\n            top: 0;\r\n            right: 0;\r\n            width: 60%;\r\n            height: 100%;\r\n            background: linear-gradient(135deg, #FF6B6B 0%, #FF8E8E 50%, #4ECDC4 100%);\r\n            opacity: 0.85;\r\n            z-index: 1;\r\n        }\r\n\r\n        \/* Responsive Design *\/\r\n        @media (max-width: 968px) {\r\n            .solution-card {\r\n                grid-template-columns: 1fr;\r\n                min-height: auto;\r\n            }\r\n\r\n            .solution-content {\r\n                order: 1;\r\n                padding: 50px 40px;\r\n            }\r\n\r\n            .solution-image-wrapper {\r\n                order: 2;\r\n                min-height: 400px;\r\n            }\r\n\r\n            .solution-title {\r\n                font-size: 36px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 600px) {\r\n            .medical-solution-section {\r\n                padding: 50px 15px;\r\n            }\r\n\r\n            .solution-card {\r\n                border: 3px solid #000;\r\n                border-radius: 24px;\r\n            }\r\n\r\n            .solution-content {\r\n                padding: 40px 30px;\r\n            }\r\n\r\n            .solution-title {\r\n                font-size: 32px;\r\n                margin-bottom: 30px;\r\n            }\r\n\r\n            .solution-text {\r\n                font-size: 15px;\r\n                margin-bottom: 20px;\r\n            }\r\n\r\n            .solution-image-wrapper {\r\n                min-height: 350px;\r\n            }\r\n\r\n            .color-overlay {\r\n                width: 70%;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <section class=\"medical-solution-section\">\r\n        <div class=\"solution-container\">\r\n            <div class=\"solution-card\">\r\n                <!-- Left Column - Text Content -->\r\n                <div class=\"solution-content\">\r\n                    <h2 class=\"solution-title\">A medical solution that works<\/h2>\r\n                    \r\n                    <p class=\"solution-text\">\r\n                        We use GLP1 therapy - a revolutionary new class of weight loss medications to help you to lose weight by counteracting biological factors that prevent many people from losing weight.\r\n                    <\/p>\r\n                    \r\n                    <p class=\"solution-text\">\r\n                        They act like a hormone your body makes naturally in order to activate key metabolic pathways and help support sustained weight loss.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <!-- Right Column - Image with Overlay -->\r\n                <div class=\"solution-image-wrapper\">\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1579154204601-01588f351e67?w=800&h=1000&fit=crop\" alt=\"Medical professional with syringe\" class=\"solution-image\">\r\n                    <div class=\"color-overlay\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- WordPress Customization Instructions -->\r\n    <!--\r\n    ========================================\r\n    WORDPRESS CUSTOMIZATION GUIDE\r\n    ========================================\r\n    \r\n    1. CHANGE BORDER COLOR (Add to WordPress Custom CSS):\r\n       .solution-card {\r\n           border-color: #YOUR_COLOR !important;\r\n       }\r\n    \r\n    2. CHANGE OVERLAY GRADIENT (Add to Custom CSS):\r\n       .color-overlay {\r\n           background: linear-gradient(135deg, #COLOR1 0%, #COLOR2 50%, #COLOR3 100%) !important;\r\n       }\r\n    \r\n    3. CHANGE TEXT (in HTML):\r\n       - Edit the title and paragraphs directly\r\n    \r\n    4. CHANGE IMAGE:\r\n       - Replace the img src URL with your own image\r\n    \r\n    5. ADJUST CONTENT WIDTH (Add to Custom CSS):\r\n       .solution-card {\r\n           grid-template-columns: 450px 1fr !important;\r\n       }\r\n    \r\n    6. CHANGE BACKGROUND COLOR (Add to Custom CSS):\r\n       .solution-content {\r\n           background: #YOUR_COLOR !important;\r\n       }\r\n    \r\n    7. ADJUST PADDING (Add to Custom CSS):\r\n       .solution-content {\r\n           padding: 70px 60px !important;\r\n       }\r\n    \r\n    8. CHANGE TITLE SIZE (Add to Custom CSS):\r\n       .solution-title {\r\n           font-size: 48px !important;\r\n       }\r\n    \r\n    9. CHANGE BORDER WIDTH (Add to Custom CSS):\r\n       .solution-card {\r\n           border: 6px solid #000 !important;\r\n       }\r\n    \r\n    ========================================\r\n    COLOR OVERLAY PRESETS\r\n    ========================================\r\n    \r\n    Red to Teal (Current):\r\n    .color-overlay {\r\n        background: linear-gradient(135deg, #FF6B6B 0%, #FF8E8E 50%, #4ECDC4 100%) !important;\r\n    }\r\n    \r\n    Blue to Purple:\r\n    .color-overlay {\r\n        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;\r\n    }\r\n    \r\n    Orange to Pink:\r\n    .color-overlay {\r\n        background: linear-gradient(135deg, #FFA500 0%, #FF69B4 100%) !important;\r\n    }\r\n    \r\n    Green to Blue:\r\n    .color-overlay {\r\n        background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%) !important;\r\n    }\r\n    \r\n    Single Color Overlay:\r\n    .color-overlay {\r\n        background: #FF6B6B !important;\r\n    }\r\n    \r\n    ========================================\r\n    BORDER COLOR PRESETS\r\n    ========================================\r\n    \r\n    Black (Current):\r\n    .solution-card { border-color: #000000 !important; }\r\n    \r\n    Blue:\r\n    .solution-card { border-color: #0066FF !important; }\r\n    \r\n    Red:\r\n    .solution-card { border-color: #FF4444 !important; }\r\n    \r\n    Green:\r\n    .solution-card { border-color: #10B981 !important; }\r\n    -->\r\n<\/body>\r\n<\/html>\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-637374a e-flex e-con-boxed e-con e-parent\" data-id=\"637374a\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-50ea8fa elementor-widget elementor-widget-html\" data-id=\"50ea8fa\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n  <meta charset=\"UTF-8\">\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n  <style>\r\n    * {\r\n      margin: 0;\r\n      padding: 0;\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .questions-section {\r\n      padding: 80px 20px;\r\n      background: #fff;\r\n      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;\r\n    }\r\n\r\n    .questions-container {\r\n      max-width: 1200px;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    .questions-card {\r\n      background: #2c2c2c;\r\n      border-radius: 32px;\r\n      overflow: hidden;\r\n      border: 4px solid #1a1a1a;\r\n      display: grid;\r\n      grid-template-columns: 400px 1fr;\r\n      min-height: 480px;\r\n      position: relative;\r\n    }\r\n\r\n    .questions-content {\r\n      background: #fff;\r\n      padding: 50px 45px;\r\n      display: flex;\r\n      flex-direction: column;\r\n      justify-content: space-between;\r\n      z-index: 2;\r\n    }\r\n\r\n    .content-text {\r\n      flex-grow: 1;\r\n    }\r\n\r\n    .questions-title {\r\n      font-size: 38px;\r\n      font-weight: 900;\r\n      color: #000;\r\n      line-height: 1.2;\r\n      margin-bottom: 30px;\r\n    }\r\n\r\n    .questions-description {\r\n      font-size: 16px;\r\n      color: #333;\r\n      line-height: 1.7;\r\n      margin-bottom: 0;\r\n    }\r\n\r\n    .cta-button-wrapper {\r\n      margin-top: 30px;\r\n    }\r\n\r\n    \/* Button styling *\/\r\n    .questions-cta-button {\r\n      display: inline-block;\r\n      padding: 16px 45px;\r\n      background: #fff;\r\n      color: #000;\r\n      font-size: 16px;\r\n      font-weight: 700;\r\n      border-radius: 50px;\r\n      text-decoration: none;\r\n      border: 2px solid #000;\r\n      cursor: pointer;\r\n      transition: all 0.3s ease;\r\n      text-align: center;\r\n    }\r\n\r\n    .questions-cta-button:hover {\r\n      background: #000;\r\n      color: #fff;\r\n      transform: translateY(-2px);\r\n      box-shadow: 0 8px 20px rgba(0,0,0,0.3);\r\n    }\r\n\r\n    \/* \ud83d\udd39 Right Column - Image Background Section *\/\r\n    .questions-image-wrapper {\r\n      position: relative;\r\n      background-image: url('https:\/\/cdn.instant.so\/sites\/fr4pUpdEWuk8wMwK\/assets\/PVUC6QY2aV6rJ8HO\/pexels-pixabay-356079.jpg?width=1280');\r\n      background-size: cover;\r\n      background-position: center;\r\n      background-repeat: no-repeat;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      padding: 60px;\r\n    }\r\n\r\n    \/* \ud83d\udd39 Optional: Add overlay for text contrast *\/\r\n    .questions-image-wrapper::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      background: rgba(0, 0, 0, 0.3); \/* soft overlay *\/\r\n      z-index: 1;\r\n    }\r\n\r\n    \/* \ud83d\udd39 Optional centered text or icon on top of image *\/\r\n    .questions-image-wrapper .overlay-text {\r\n      position: relative;\r\n      z-index: 2;\r\n      color: #fff;\r\n      font-size: 42px;\r\n      font-weight: 800;\r\n      text-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);\r\n      text-align: center;\r\n    }\r\n\r\n    \/* Responsive Design *\/\r\n    @media (max-width: 968px) {\r\n      .questions-card {\r\n        grid-template-columns: 1fr;\r\n        min-height: auto;\r\n      }\r\n\r\n      .questions-content {\r\n        order: 1;\r\n        padding: 45px 40px;\r\n      }\r\n\r\n      .questions-image-wrapper {\r\n        order: 2;\r\n        min-height: 350px;\r\n        padding: 40px;\r\n      }\r\n\r\n      .questions-title {\r\n        font-size: 34px;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 600px) {\r\n      .questions-section {\r\n        padding: 50px 15px;\r\n      }\r\n\r\n      .questions-card {\r\n        border: 3px solid #1a1a1a;\r\n        border-radius: 24px;\r\n      }\r\n\r\n      .questions-content {\r\n        padding: 40px 30px;\r\n      }\r\n\r\n      .questions-title {\r\n        font-size: 30px;\r\n        margin-bottom: 25px;\r\n      }\r\n\r\n      .questions-description {\r\n        font-size: 15px;\r\n      }\r\n\r\n      .questions-image-wrapper {\r\n        min-height: 300px;\r\n        padding: 30px;\r\n      }\r\n\r\n      .questions-cta-button {\r\n        width: 100%;\r\n        padding: 18px 45px;\r\n      }\r\n\r\n      .questions-image-wrapper .overlay-text {\r\n        font-size: 32px;\r\n      }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n  <section class=\"questions-section\">\r\n    <div class=\"questions-container\">\r\n      <div class=\"questions-card\">\r\n        <!-- Left Column - Text Content -->\r\n        <div class=\"questions-content\">\r\n          <div class=\"content-text\">\r\n            <h2 class=\"questions-title\">Still Have Questions?<\/h2>\r\n            \r\n            <p class=\"questions-description\">\r\n              Book a consult for only R320.<br><br>\r\n              Ask questions, get answers, and see if Get Tested is the right fit for you. Join South Africa's first fully digital weight loss program that works with your biology \u2014 not against it.\r\n            <\/p>\r\n          <\/div>\r\n\r\n          <!-- CTA Button -->\r\n          <div class=\"cta-button-wrapper\">\r\n            <a href=\"https:\/\/www.get-tested.co.za\/pages\/weightloss-consultation\" class=\"questions-cta-button\">Book a consult<\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Right Column - Image Background -->\r\n        <div class=\"questions-image-wrapper\">\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n<\/body>\r\n<\/html>\r\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-7a82537 e-flex e-con-boxed e-con e-parent\" data-id=\"7a82537\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5510fe3 elementor-widget elementor-widget-html\" data-id=\"5510fe3\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .faq-section {\r\n            padding: 80px 20px;\r\n            background: #fff;\r\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;\r\n        }\r\n\r\n        .faq-container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            display: grid;\r\n            grid-template-columns: 350px 1fr;\r\n            gap: 60px;\r\n            align-items: start;\r\n        }\r\n\r\n        .faq-header {\r\n            position: sticky;\r\n            top: 100px;\r\n        }\r\n\r\n        .faq-title {\r\n            font-size: 48px;\r\n            font-weight: 900;\r\n            color: #000;\r\n            line-height: 1.1;\r\n            margin-bottom: 40px;\r\n        }\r\n\r\n        \/* WordPress Customizable Button *\/\r\n        .faq-cta-button {\r\n            display: inline-block;\r\n            padding: 18px 45px;\r\n            background: #000;\r\n            color: #fff;\r\n            font-size: 16px;\r\n            font-weight: 700;\r\n            border-radius: 50px;\r\n            text-decoration: none;\r\n            border: none;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .faq-cta-button:hover {\r\n            background: #333;\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 8px 20px rgba(0,0,0,0.3);\r\n        }\r\n\r\n        .faq-accordion {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 20px;\r\n        }\r\n\r\n        .faq-item {\r\n            background: #E8E8E8;\r\n            border-radius: 20px;\r\n            overflow: hidden;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .faq-question {\r\n            width: 100%;\r\n            padding: 25px 30px;\r\n            background: transparent;\r\n            border: none;\r\n            text-align: left;\r\n            cursor: pointer;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            font-size: 18px;\r\n            font-weight: 700;\r\n            color: #000;\r\n            transition: background 0.3s ease;\r\n        }\r\n\r\n        .faq-question:hover {\r\n            background: rgba(0,0,0,0.05);\r\n        }\r\n\r\n        .faq-icon {\r\n            font-size: 24px;\r\n            font-weight: 700;\r\n            transition: transform 0.3s ease;\r\n            flex-shrink: 0;\r\n            margin-left: 15px;\r\n        }\r\n\r\n        .faq-item.active .faq-icon {\r\n            transform: rotate(180deg);\r\n        }\r\n\r\n        .faq-answer {\r\n            max-height: 0;\r\n            overflow: hidden;\r\n            transition: max-height 0.4s ease, padding 0.4s ease;\r\n            padding: 0 30px;\r\n        }\r\n\r\n        .faq-item.active .faq-answer {\r\n            max-height: 500px;\r\n            padding: 0 30px 25px 30px;\r\n        }\r\n\r\n        .faq-answer-content {\r\n            font-size: 16px;\r\n            color: #333;\r\n            line-height: 1.7;\r\n        }\r\n\r\n        .faq-answer-content ul {\r\n            margin: 15px 0;\r\n            padding-left: 20px;\r\n        }\r\n\r\n        .faq-answer-content li {\r\n            margin: 10px 0;\r\n        }\r\n\r\n        \/* Responsive Design *\/\r\n        @media (max-width: 968px) {\r\n            .faq-container {\r\n                grid-template-columns: 1fr;\r\n                gap: 40px;\r\n            }\r\n\r\n            .faq-header {\r\n                position: static;\r\n            }\r\n\r\n            .faq-title {\r\n                font-size: 38px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 600px) {\r\n            .faq-section {\r\n                padding: 50px 15px;\r\n            }\r\n\r\n            .faq-title {\r\n                font-size: 32px;\r\n                margin-bottom: 30px;\r\n            }\r\n\r\n            .faq-question {\r\n                padding: 20px 25px;\r\n                font-size: 16px;\r\n            }\r\n\r\n            .faq-answer {\r\n                padding: 0 25px;\r\n            }\r\n\r\n            .faq-item.active .faq-answer {\r\n                padding: 0 25px 20px 25px;\r\n            }\r\n\r\n            .faq-answer-content {\r\n                font-size: 15px;\r\n            }\r\n\r\n            .faq-cta-button {\r\n                width: 100%;\r\n                text-align: center;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <section class=\"faq-section\">\r\n        <div class=\"faq-container\">\r\n            <!-- Left Column - Header -->\r\n            <div class=\"faq-header\">\r\n                <h2 class=\"faq-title\">You ask, We answer.<\/h2>\r\n                <a href=\"https:\/\/www.get-tested.co.za\/collections\/medical-weightloss-south-africa\" class=\"faq-cta-button\">Get Started<\/a>\r\n            <\/div>\r\n\r\n            <!-- Right Column - Accordion -->\r\n            <div class=\"faq-accordion\">\r\n                <!-- FAQ Item 1 -->\r\n                <div class=\"faq-item active\">\r\n                    <button class=\"faq-question\" onclick=\"toggleFAQ(this)\">\r\n                        <span>What kind of support will I receive during the program?<\/span>\r\n                        <span class=\"faq-icon\">\u25bc<\/span>\r\n                    <\/button>\r\n                    <div class=\"faq-answer\">\r\n                        <div class=\"faq-answer-content\">\r\n                            <p><strong>Our South African program offers:<\/strong><\/p>\r\n                            <ul>\r\n                                <li>Doctor consultations to monitor your progress.<\/li>\r\n                                <li>Lab tests to track health markers.<\/li>\r\n                                <li>Additional services, including lifestyle advice and supplementation guidance.<\/li>\r\n                            <\/ul>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- FAQ Item 2 -->\r\n                <div class=\"faq-item\">\r\n                    <button class=\"faq-question\" onclick=\"toggleFAQ(this)\">\r\n                        <span>Can I claim weight loss treatment through my medical aid in South Africa?<\/span>\r\n                        <span class=\"faq-icon\">\u25bc<\/span>\r\n                    <\/button>\r\n                    <div class=\"faq-answer\">\r\n                        <div class=\"faq-answer-content\">\r\n                            <p>We operate on a cash-only basis and do not work with medical aid or insurance providers.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- FAQ Item 3 -->\r\n                <div class=\"faq-item\">\r\n                    <button class=\"faq-question\" onclick=\"toggleFAQ(this)\">\r\n                        <span>What is GLP-1 treatment, and how does it work?<\/span>\r\n                        <span class=\"faq-icon\">\u25bc<\/span>\r\n                    <\/button>\r\n                    <div class=\"faq-answer\">\r\n                        <div class=\"faq-answer-content\">\r\n                            <p>GLP-1 treatments, like Ozempic, mimic a hormone that regulates appetite and blood sugar levels. This helps manage type 2 diabetes and supports weight loss when combined with a healthy lifestyle.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- FAQ Item 4 -->\r\n                <div class=\"faq-item\">\r\n                    <button class=\"faq-question\" onclick=\"toggleFAQ(this)\">\r\n                        <span>What results can I expect from Ozempic for weight loss?<\/span>\r\n                        <span class=\"faq-icon\">\u25bc<\/span>\r\n                    <\/button>\r\n                    <div class=\"faq-answer\">\r\n                        <div class=\"faq-answer-content\">\r\n                            <p>Results vary, but most participants in South Africa report steady and sustainable weight loss when using Ozempic alongside a healthy diet and exercise plan.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <script>\r\n        function toggleFAQ(element) {\r\n            const faqItem = element.parentElement;\r\n            const isActive = faqItem.classList.contains('active');\r\n            \r\n            \/\/ Close all FAQ items\r\n            document.querySelectorAll('.faq-item').forEach(item => {\r\n                item.classList.remove('active');\r\n            });\r\n            \r\n            \/\/ Open clicked item if it wasn't active\r\n            if (!isActive) {\r\n                faqItem.classList.add('active');\r\n            }\r\n        }\r\n    <\/script>\r\n\r\n    <!-- WordPress Customization Instructions -->\r\n    <!--\r\n    ========================================\r\n    WORDPRESS CUSTOMIZATION GUIDE\r\n    ========================================\r\n    \r\n    1. ADD MORE FAQ ITEMS (in HTML):\r\n       Copy this block and paste after the last faq-item:\r\n       \r\n       <div class=\"faq-item\">\r\n           <button class=\"faq-question\" onclick=\"toggleFAQ(this)\">\r\n               <span>YOUR QUESTION HERE?<\/span>\r\n               <span class=\"faq-icon\">\u25bc<\/span>\r\n           <\/button>\r\n           <div class=\"faq-answer\">\r\n               <div class=\"faq-answer-content\">\r\n                   <p>YOUR ANSWER HERE<\/p>\r\n               <\/div>\r\n           <\/div>\r\n       <\/div>\r\n    \r\n    2. CHANGE BUTTON TEXT & LINK (in HTML):\r\n       <a href=\"YOUR_LINK\" class=\"faq-cta-button\">YOUR TEXT<\/a>\r\n    \r\n    3. CHANGE BUTTON COLOR (Add to WordPress Custom CSS):\r\n       .faq-cta-button {\r\n           background: #0066FF !important;\r\n       }\r\n       .faq-cta-button:hover {\r\n           background: #0052CC !important;\r\n       }\r\n    \r\n    4. CHANGE ACCORDION BACKGROUND COLOR (Add to Custom CSS):\r\n       .faq-item {\r\n           background: #F0F0F0 !important;\r\n       }\r\n    \r\n    5. CHANGE TEXT COLORS (Add to Custom CSS):\r\n       .faq-question {\r\n           color: #YOUR_COLOR !important;\r\n       }\r\n       .faq-answer-content {\r\n           color: #YOUR_COLOR !important;\r\n       }\r\n    \r\n    6. MAKE MULTIPLE ITEMS OPEN AT ONCE:\r\n       Replace the toggleFAQ function with:\r\n       \r\n       function toggleFAQ(element) {\r\n           const faqItem = element.parentElement;\r\n           faqItem.classList.toggle('active');\r\n       }\r\n    \r\n    7. CHANGE ACCORDION ITEM SPACING (Add to Custom CSS):\r\n       .faq-accordion {\r\n           gap: 15px !important;\r\n       }\r\n    \r\n    8. CHANGE FIRST ITEM TO CLOSED BY DEFAULT:\r\n       Remove the \"active\" class from first faq-item in HTML:\r\n       <div class=\"faq-item\"> (instead of <div class=\"faq-item active\">)\r\n    \r\n    ========================================\r\n    BUTTON COLOR PRESETS\r\n    ========================================\r\n    \r\n    Black (Current):\r\n    .faq-cta-button { background: #000000 !important; }\r\n    \r\n    Blue:\r\n    .faq-cta-button { background: #0066FF !important; }\r\n    .faq-cta-button:hover { background: #0052CC !important; }\r\n    \r\n    Green:\r\n    .faq-cta-button { background: #10B981 !important; }\r\n    .faq-cta-button:hover { background: #059669 !important; }\r\n    \r\n    Red:\r\n    .faq-cta-button { background: #EF4444 !important; }\r\n    .faq-cta-button:hover { background: #DC2626 !important; }\r\n    \r\n    ========================================\r\n    ACCORDION BACKGROUND PRESETS\r\n    ========================================\r\n    \r\n    Light Gray (Current):\r\n    .faq-item { background: #E8E8E8 !important; }\r\n    \r\n    White:\r\n    .faq-item { background: #FFFFFF !important; }\r\n    \r\n    Light Blue:\r\n    .faq-item { background: #E3F2FD !important; }\r\n    \r\n    Light Green:\r\n    .faq-item { background: #E8F5E9 !important; }\r\n    -->\r\n<\/body>\r\n<\/html>\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>A New Era in Medical Weight Loss Where Science Meets Care SCOPE Certified Doctors Book a consult We Treat Root Causes, Not Just Symptoms. Proven effectiveness We evaluate every factor affecting your weight SCOPE Certified Professionals SCOPE is an internationally recognised credential for healthcare professionals specialising in obesity management. It represents excellence, safety, and clinical [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"postBodyCss":"","postBodyMargin":[],"postBodyPadding":[],"postBodyBackground":{"backgroundType":"classic","gradient":""},"footnotes":""},"class_list":["post-424","page","type-page","status-publish","hentry"],"acf":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/glp1.co.za\/index.php\/wp-json\/wp\/v2\/pages\/424","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/glp1.co.za\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/glp1.co.za\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/glp1.co.za\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/glp1.co.za\/index.php\/wp-json\/wp\/v2\/comments?post=424"}],"version-history":[{"count":6,"href":"https:\/\/glp1.co.za\/index.php\/wp-json\/wp\/v2\/pages\/424\/revisions"}],"predecessor-version":[{"id":431,"href":"https:\/\/glp1.co.za\/index.php\/wp-json\/wp\/v2\/pages\/424\/revisions\/431"}],"wp:attachment":[{"href":"https:\/\/glp1.co.za\/index.php\/wp-json\/wp\/v2\/media?parent=424"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}