{"id":408,"date":"2025-10-13T15:06:37","date_gmt":"2025-10-13T13:06:37","guid":{"rendered":"https:\/\/glp1.co.za\/?page_id=408"},"modified":"2025-10-13T15:06:37","modified_gmt":"2025-10-13T13:06:37","slug":"408-2","status":"publish","type":"page","link":"https:\/\/glp1.co.za\/index.php\/408-2\/","title":{"rendered":""},"content":{"rendered":"<p><!DOCTYPE html><br \/>\n<html lang=\"en\"><br \/>\n<head><br \/>\n    <meta charset=\"UTF-8\"><br \/>\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><\/p>\n<style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }<\/p>\n<p>        .hero-section {\n            display: flex;\n            align-items: center;\n            min-height: 600px;\n            background: #f8f8f8;\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;\n        }<\/p>\n<p>        .hero-container {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 60px 40px;\n            gap: 60px;\n            align-items: center;\n        }<\/p>\n<p>        .hero-image {\n            width: 100%;\n            height: 600px;\n            overflow: hidden;\n            border-radius: 0;\n        }<\/p>\n<p>        .hero-image img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            display: block;\n        }<\/p>\n<p>        .hero-content {\n            padding: 20px;\n        }<\/p>\n<p>        .hero-title {\n            font-size: 64px;\n            font-weight: 900;\n            line-height: 1.1;\n            margin-bottom: 20px;\n            color: #000;\n        }<\/p>\n<p>        .hero-subtitle {\n            font-size: 28px;\n            font-weight: 400;\n            margin-bottom: 40px;\n            color: #000;\n        }<\/p>\n<p>        .certification-badge {\n            display: flex;\n            align-items: center;\n            gap: 8px;\n            margin-bottom: 30px;\n        }<\/p>\n<p>        \/* \ud83d\udd39 Make the image super small *\/\n        .badge-image {\n            width: 25px;   \/* You can reduce to 20px or 15px for even smaller *\/\n            height: auto;\n            display: block;\n        }<\/p>\n<p>        .badge-text {\n            color: #4A90E2;\n            font-size: 18px;\n            font-weight: 600;\n            text-decoration: none;\n            transition: color 0.3s ease;\n        }<\/p>\n<p>        .badge-text:hover {\n            color: #357ABD;\n        }<\/p>\n<p>        \/* WordPress Customizable Button Classes *\/\n        .hero-cta-button {\n            display: inline-block;\n            padding: 18px 50px;\n            background: #000;\n            color: #fff;\n            font-size: 18px;\n            font-weight: 600;\n            border-radius: 50px;\n            text-decoration: none;\n            border: none;\n            cursor: pointer;\n            transition: all 0.3s ease;\n        }<\/p>\n<p>        .hero-cta-button:hover {\n            background: #333;\n            transform: translateY(-2px);\n            box-shadow: 0 8px 20px rgba(0,0,0,0.2);\n        }<\/p>\n<p>        \/* Responsive Design *\/\n        @media (max-width: 968px) {\n            .hero-container {\n                grid-template-columns: 1fr;\n                gap: 40px;\n            }<\/p>\n<p>            .hero-image {\n                height: 400px;\n                order: 1;\n            }<\/p>\n<p>            .hero-content {\n                order: 2;\n                text-align: center;\n            }<\/p>\n<p>            .hero-title {\n                font-size: 48px;\n            }<\/p>\n<p>            .hero-subtitle {\n                font-size: 22px;\n            }<\/p>\n<p>            .certification-badge {\n                justify-content: center;\n            }\n        }<\/p>\n<p>        @media (max-width: 600px) {\n            .hero-title {\n                font-size: 36px;\n            }<\/p>\n<p>            .hero-subtitle {\n                font-size: 18px;\n            }<\/p>\n<p>            .hero-container {\n                padding: 40px 20px;\n            }<\/p>\n<p>            .badge-image {\n                width: 30px; \/* even smaller for mobile *\/\n            }\n        }\n    <\/style>\n<p><\/head><br \/>\n<body><\/p>\n<section class=\"hero-section\">\n<div class=\"hero-container\">\n<div class=\"hero-image\">\n                <img decoding=\"async\" src=\"https:\/\/cdn.instant.so\/static\/collection\/uOrAgf6EFxO0KKhg\/zKbUu6OzdSYxYtUe-frame-3356.png?width=1280\" alt=\"Woman stretching\">\n            <\/div>\n<div class=\"hero-content\">\n<h1 class=\"hero-title\">A New Era in Medical Weight Loss<\/h1>\n<p class=\"hero-subtitle\">Where Science Meets Care<\/p>\n<p>                <!-- \u2705 Small Badge + Text --><\/p>\n<div class=\"certification-badge\">\n                    <img decoding=\"async\" \n                        src=\"https:\/\/cdn.instant.so\/sites\/fr4pUpdEWuk8wMwK\/assets\/5O3Qoa3VpETFBOwf\/scope-certified-obesity-management-badge.png?width=1280\" \n                        alt=\"SCOPE Certified Doctors\" \n                        class=\"badge-image\"\n                    \/><br \/>\n                    <a href=\"https:\/\/www.worldobesity.org\/training-and-events\/scope\/certification\/scope-certified?country=South%20Africa\" class=\"badge-text\">SCOPE Certified Doctors<\/a>\n                <\/div>\n<p>                <!-- WordPress Customizable Button --><br \/>\n                <a href=\"https:\/\/www.get-tested.co.za\/pages\/weightloss-consultation\" class=\"hero-cta-button\">Book a consult<\/a>\n            <\/div>\n<\/p><\/div>\n<\/section>\n<p><\/body><br \/>\n<\/html><br \/>\n<!DOCTYPE html><br \/>\n<html lang=\"en\"><br \/>\n<head><br \/>\n  <meta charset=\"UTF-8\"><br \/>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><\/p>\n<style>\n    * {\n      margin: 0;\n      padding: 0;\n      box-sizing: border-box;\n    }<\/p>\n<p>    .features-section {\n      padding: 80px 20px;\n      background: #fff;\n      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;\n    }<\/p>\n<p>    .section-title {\n      font-size: 42px;\n      font-weight: 900;\n      text-align: center;\n      margin-bottom: 60px;\n      color: #000;\n      line-height: 1.2;\n    }<\/p>\n<p>    .features-container {\n      max-width: 1200px;\n      margin: 0 auto;\n      display: grid;\n      grid-template-columns: 1.2fr 0.8fr;\n      gap: 30px;\n      align-items: start;\n    }<\/p>\n<p>    \/* Left Column - Main Image Card *\/\n    .main-card {\n      position: relative;\n      border-radius: 24px;\n      overflow: hidden;\n      box-shadow: 0 10px 40px rgba(0,0,0,0.1);\n    }<\/p>\n<p>    .main-card-image {\n      width: 100%;\n      height: 600px;\n      object-fit: cover;\n      display: block;\n    }<\/p>\n<p>    .main-card-content {\n      position: absolute;\n      bottom: 30px;\n      left: 30px;\n      background: rgba(255,255,255,0.95);\n      backdrop-filter: blur(10px);\n      padding: 30px;\n      border-radius: 20px;\n      max-width: 280px;\n      box-shadow: 0 8px 32px rgba(0,0,0,0.1);\n    }<\/p>\n<p>    .main-card-title {\n      font-size: 28px;\n      font-weight: 900;\n      margin-bottom: 15px;\n      color: #000;\n    }<\/p>\n<p>    .main-card-text {\n      font-size: 16px;\n      color: #333;\n      line-height: 1.5;\n    }<\/p>\n<p>    \/* Right Column - Info Cards *\/\n    .info-cards {\n      display: flex;\n      flex-direction: column;\n      gap: 100px;\n    }<\/p>\n<p>    .info-card {\n      padding: 40px;\n      border-radius: 24px;\n      display: flex;\n      align-items: center;\n      gap: 30px;\n      transition: transform 0.3s ease, box-shadow 0.3s ease;\n    }<\/p>\n<p>    .info-card:hover {\n      transform: translateY(-5px);\n      box-shadow: 0 15px 40px rgba(0,0,0,0.15);\n    }<\/p>\n<p>    .info-card.green {\n      background: #E8F5E9;\n    }<\/p>\n<p>    .info-card.pink {\n      background: #FCE4EC;\n    }<\/p>\n<p>    \/* \ud83d\udd39 Updated Icon Container (No Circle) *\/\n    .info-card-icon {\n      flex-shrink: 0;\n      width: 180px;\n      height: 180px;\n      overflow: hidden;\n      border-radius: 20px; \/* rectangular with slight curve *\/\n      box-shadow: 0 6px 18px rgba(0,0,0,0.1);\n    }<\/p>\n<p>    .info-card-icon img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover; \/* fills the box perfectly *\/\n      display: block;\n      transition: transform 0.3s ease;\n    }<\/p>\n<p>    .info-card:hover .info-card-icon img {\n      transform: scale(1.05);\n    }<\/p>\n<p>    .info-card-content h3 {\n      font-size: 24px;\n      font-weight: 900;\n      margin-bottom: 12px;\n      color: #000;\n    }<\/p>\n<p>    .info-card-content p {\n      font-size: 15px;\n      color: #333;\n      line-height: 1.6;\n    }<\/p>\n<p>    \/* Responsive Design *\/\n    @media (max-width: 968px) {\n      .features-container {\n        grid-template-columns: 1fr;\n      }<\/p>\n<p>      .main-card-image {\n        height: 500px;\n      }<\/p>\n<p>      .section-title {\n        font-size: 32px;\n      }\n    }<\/p>\n<p>    @media (max-width: 600px) {\n      .features-section {\n        padding: 50px 15px;\n      }<\/p>\n<p>      .section-title {\n        font-size: 28px;\n        margin-bottom: 40px;\n      }<\/p>\n<p>      .main-card-image {\n        height: 400px;\n      }<\/p>\n<p>      .main-card-content {\n        left: 20px;\n        right: 20px;\n        bottom: 20px;\n        max-width: none;\n        padding: 25px;\n      }<\/p>\n<p>      .main-card-title {\n        font-size: 24px;\n      }<\/p>\n<p>      .info-card {\n        flex-direction: column;\n        text-align: center;\n        padding: 30px 25px;\n      }<\/p>\n<p>      .info-card-icon {\n        width: 120px;\n        height: 120px;\n      }\n    }\n  <\/style>\n<p><\/head><br \/>\n<body><\/p>\n<section class=\"features-section\">\n<h2 class=\"section-title\">We Treat Root Causes, Not Just Symptoms.<\/h2>\n<div class=\"features-container\">\n      <!-- Left Column - Main Image Card --><\/p>\n<div class=\"main-card\">\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\"><\/p>\n<div class=\"main-card-content\">\n<h3 class=\"main-card-title\">Proven effectiveness<\/h3>\n<p class=\"main-card-text\">We evaluate every factor affecting your weight<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>      <!-- Right Column - Info Cards --><\/p>\n<div class=\"info-cards\">\n        <!-- \u2705 SCOPE Certification Card --><\/p>\n<div class=\"info-card green\">\n<div class=\"info-card-icon\">\n            <img decoding=\"async\" \n              src=\"https:\/\/cdn.instant.so\/sites\/fr4pUpdEWuk8wMwK\/assets\/5O3Qoa3VpETFBOwf\/scope-certified-obesity-management-badge.png?width=1280\" \n              alt=\"SCOPE Certified Badge\"\n            \/>\n          <\/div>\n<div class=\"info-card-content\">\n<h3>SCOPE Certified Professionals<\/h3>\n<p>SCOPE is an internationally recognised credential for healthcare professionals specialising in obesity management. It represents excellence, safety, and clinical expertise.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>        <!-- Biology Card --><\/p>\n<div class=\"info-card pink\">\n<div class=\"info-card-icon\">\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\">\n          <\/div>\n<div class=\"info-card-content\">\n<h3>We work with your biology<\/h3>\n<p>Our treatments target the biological drivers of weight gain using therapies backed by decades of clinical research and proven medical science.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><\/body><br \/>\n<\/html><br \/>\n<!DOCTYPE html><br \/>\n<html lang=\"en\"><br \/>\n<head><br \/>\n    <meta charset=\"UTF-8\"><br \/>\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><\/p>\n<style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }<\/p>\n<p>        .digital-section {\n            padding: 80px 20px;\n            background: #fff;\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;\n        }<\/p>\n<p>        .digital-container {\n            max-width: 1200px;\n            margin: 0 auto;\n        }<\/p>\n<p>        .digital-header {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            margin-bottom: 50px;\n            flex-wrap: wrap;\n            gap: 20px;\n        }<\/p>\n<p>        .digital-title {\n            font-size: 42px;\n            font-weight: 900;\n            color: #000;\n        }<\/p>\n<p>        .digital-rating {\n            text-align: right;\n        }<\/p>\n<p>        .stars {\n            color: #FFB800;\n            font-size: 24px;\n            letter-spacing: 3px;\n            margin-bottom: 5px;\n        }<\/p>\n<p>        .rating-text {\n            font-size: 14px;\n            color: #666;\n        }<\/p>\n<p>        .digital-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 25px;\n            align-items: stretch;\n        }<\/p>\n<p>        \/* Left Column - Main Image Card *\/\n        .main-feature-card {\n            position: relative;\n            border-radius: 24px;\n            overflow: hidden;\n            box-shadow: 0 10px 40px rgba(0,0,0,0.1);\n        }<\/p>\n<p>        .main-feature-image {\n            width: 100%;\n            height: 450px;\n            object-fit: cover;\n            display: block;\n        }<\/p>\n<p>        .main-feature-overlay {\n            position: absolute;\n            bottom: 30px;\n            left: 30px;\n            background: rgba(255,255,255,0.98);\n            backdrop-filter: blur(10px);\n            padding: 35px;\n            border-radius: 20px;\n            max-width: 300px;\n            box-shadow: 0 8px 32px rgba(0,0,0,0.15);\n            border: 2px solid #000;\n        }<\/p>\n<p>        .main-feature-text {\n            font-size: 26px;\n            font-weight: 900;\n            color: #000;\n            line-height: 1.3;\n        }<\/p>\n<p>        \/* Right Column - Feature Cards *\/\n        .feature-cards {\n            display: flex;\n            flex-direction: column;\n            gap: 25px;\n            height: 100%;\n            justify-content: space-between;\n        }<\/p>\n<p>        .feature-card {\n            border-radius: 24px;\n            padding: 35px 30px;\n            display: flex;\n            align-items: center;\n            gap: 25px;\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n            box-shadow: 0 5px 20px rgba(0,0,0,0.08);\n            flex: 1;\n        }<\/p>\n<p>        .feature-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 15px 40px rgba(0,0,0,0.15);\n        }<\/p>\n<p>        .feature-card.pink {\n            background: #F8E8F0;\n        }<\/p>\n<p>        .feature-card.green {\n            background: #E8F5E9;\n        }<\/p>\n<p>        .feature-icon {\n            flex-shrink: 0;\n            width: 110px;\n            height: 110px;\n        }<\/p>\n<p>        .feature-icon img {\n            width: 100%;\n            height: 100%;\n            object-fit: contain;\n        }<\/p>\n<p>        .feature-content h3 {\n            font-size: 21px;\n            font-weight: 900;\n            color: #000;\n            line-height: 1.3;\n            margin-bottom: 0;\n        }<\/p>\n<p>        \/* CTA Button - WordPress Customizable *\/\n        .cta-button-container {\n            margin-top: 0;\n        }<\/p>\n<p>        .digital-cta-button {\n            display: inline-block;\n            padding: 18px 45px;\n            background: #0066FF;\n            color: #fff;\n            font-size: 17px;\n            font-weight: 700;\n            border-radius: 12px;\n            text-decoration: none;\n            border: none;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            box-shadow: 0 4px 15px rgba(0,102,255,0.3);\n            width: 100%;\n            text-align: center;\n        }<\/p>\n<p>        .digital-cta-button:hover {\n            background: #0052CC;\n            transform: translateY(-2px);\n            box-shadow: 0 8px 25px rgba(0,102,255,0.4);\n        }<\/p>\n<p>        \/* Responsive Design *\/\n        @media (max-width: 968px) {\n            .digital-grid {\n                grid-template-columns: 1fr;\n            }<\/p>\n<p>            .digital-header {\n                flex-direction: column;\n                align-items: flex-start;\n            }<\/p>\n<p>            .digital-rating {\n                text-align: left;\n            }<\/p>\n<p>            .digital-title {\n                font-size: 32px;\n            }\n        }<\/p>\n<p>        @media (max-width: 600px) {\n            .digital-section {\n                padding: 50px 15px;\n            }<\/p>\n<p>            .digital-title {\n                font-size: 28px;\n            }<\/p>\n<p>            .main-feature-image {\n                height: 400px;\n            }<\/p>\n<p>            .main-feature-overlay {\n                left: 20px;\n                right: 20px;\n                bottom: 20px;\n                max-width: none;\n                padding: 25px;\n            }<\/p>\n<p>            .main-feature-text {\n                font-size: 22px;\n            }<\/p>\n<p>            .feature-card {\n                flex-direction: column;\n                text-align: center;\n                padding: 30px 25px;\n            }<\/p>\n<p>            .feature-icon {\n                width: 100px;\n                height: 100px;\n            }<\/p>\n<p>            .feature-content h3 {\n                font-size: 20px;\n            }<\/p>\n<p>            .cta-button-container {\n                text-align: center;\n            }\n        }\n    <\/style>\n<p><\/head><br \/>\n<body><\/p>\n<section class=\"digital-section\">\n<div class=\"digital-container\">\n            <!-- Header with Title and Rating --><\/p>\n<div class=\"digital-header\">\n<h2 class=\"digital-title\">Digital and fully supported<\/h2>\n<div class=\"digital-rating\">\n<div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n<div class=\"rating-text\">5,000+ Successful treatments<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- Main Grid Layout --><\/p>\n<div class=\"digital-grid\">\n                <!-- Left Column - Main Feature Card --><\/p>\n<div class=\"main-feature-card\">\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\"><\/p>\n<div class=\"main-feature-overlay\">\n<p class=\"main-feature-text\">Free, discreet delivery to your door<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- Right Column - Feature Cards --><\/p>\n<div class=\"feature-cards\">\n                    <!-- Weight Loss Card --><\/p>\n<div class=\"feature-card pink\">\n<div class=\"feature-icon\">\n                            <img decoding=\"async\" src=\"https:\/\/cdn.instant.so\/sites\/fr4pUpdEWuk8wMwK\/assets\/hLBFYavFN007Tdu4\/202508081153040000-removebg-preview.png?width=1280\" alt=\"Medical bottle\">\n                        <\/div>\n<div class=\"feature-content\">\n<h3>Up to 15% weightloss in one year<\/h3>\n<\/p><\/div>\n<\/p><\/div>\n<p>                    <!-- Doctors Card --><\/p>\n<div class=\"feature-card green\">\n<div class=\"feature-icon\">\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\">\n                        <\/div>\n<div class=\"feature-content\">\n<h3>Adjustable doses prescribed by licensed doctors<\/h3>\n<\/p><\/div>\n<\/p><\/div>\n<p>                    <!-- CTA Button --><\/p>\n<div class=\"cta-button-container\">\n                        <a href=\"https:\/\/www.get-tested.co.za\/collections\/medical-weightloss-south-africa\" class=\"digital-cta-button\">View our products<\/a>\n                    <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p>    <!-- WordPress Customization Instructions --><br \/>\n    <!--\n    ========================================\n    WORDPRESS CUSTOMIZATION GUIDE\n    ========================================\n    \n    1. CHANGE BUTTON TEXT & LINK (in HTML):\n       <a href=\"YOUR_LINK\" class=\"digital-cta-button\">YOUR TEXT<\/a>\n    \n    2. CHANGE BUTTON COLOR (Add to WordPress Custom CSS):\n       .digital-cta-button {\n           background: #YOUR_COLOR !important;\n           box-shadow: 0 4px 15px rgba(YOUR_RGB, 0.3) !important;\n       }\n       .digital-cta-button:hover {\n           background: #YOUR_DARKER_COLOR !important;\n       }\n    \n    3. CHANGE BUTTON SIZE (Add to Custom CSS):\n       .digital-cta-button {\n           padding: 20px 50px !important;\n           font-size: 18px !important;\n       }\n    \n    4. CHANGE BUTTON SHAPE (Add to Custom CSS):\n       \/* Fully rounded *\/\n       .digital-cta-button {\n           border-radius: 50px !important;\n       }\n       \n       \/* Square corners *\/\n       .digital-cta-button {\n           border-radius: 8px !important;\n       }\n    \n    5. CHANGE CARD COLORS (Add to Custom CSS):\n       .feature-card.pink {\n           background: #YOUR_COLOR !important;\n       }\n       \n       .feature-card.green {\n           background: #YOUR_COLOR !important;\n       }\n    \n    6. CHANGE IMAGES:\n       - Replace img src URLs with your own images\n       - Main image: .main-feature-image\n       - Feature icons: .feature-icon img\n    \n    ========================================\n    BUTTON COLOR PRESETS\n    ========================================\n    \n    Green Button:\n    .digital-cta-button {\n        background: #10B981 !important;\n        box-shadow: 0 4px 15px rgba(16, 185, 129, 0.3) !important;\n    }\n    .digital-cta-button:hover {\n        background: #059669 !important;\n    }\n    \n    Red Button:\n    .digital-cta-button {\n        background: #EF4444 !important;\n        box-shadow: 0 4px 15px rgba(239, 68, 68, 0.3) !important;\n    }\n    .digital-cta-button:hover {\n        background: #DC2626 !important;\n    }\n    \n    Purple Button:\n    .digital-cta-button {\n        background: #8B5CF6 !important;\n        box-shadow: 0 4px 15px rgba(139, 92, 246, 0.3) !important;\n    }\n    .digital-cta-button:hover {\n        background: #7C3AED !important;\n    }\n    \n    Black Button:\n    .digital-cta-button {\n        background: #000000 !important;\n        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3) !important;\n    }\n    .digital-cta-button:hover {\n        background: #1F2937 !important;\n    }\n    --><br \/>\n<\/body><br \/>\n<\/html><br \/>\n<!DOCTYPE html><br \/>\n<html lang=\"en\"><br \/>\n<head><br \/>\n    <meta charset=\"UTF-8\"><br \/>\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><\/p>\n<style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }<\/p>\n<p>        .how-it-works-section {\n            padding: 80px 20px;\n            background: #f8f8f8;\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;\n        }<\/p>\n<p>        .works-container {\n            max-width: 1200px;\n            margin: 0 auto;\n        }<\/p>\n<p>        .works-title {\n            font-size: 42px;\n            font-weight: 900;\n            color: #000;\n            margin-bottom: 60px;\n        }<\/p>\n<p>        .steps-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 30px;\n        }<\/p>\n<p>        .step-card {\n            background: white;\n            border-radius: 24px;\n            overflow: hidden;\n            box-shadow: 0 5px 20px rgba(0,0,0,0.08);\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }<\/p>\n<p>        .step-card:hover {\n            transform: translateY(-8px);\n            box-shadow: 0 15px 40px rgba(0,0,0,0.15);\n        }<\/p>\n<p>        .step-card:nth-child(1) {\n            background: #EDE7F6;\n        }<\/p>\n<p>        .step-card:nth-child(2) {\n            background: #E0F2F1;\n        }<\/p>\n<p>        .step-card:nth-child(3) {\n            background: #FFF3E0;\n        }<\/p>\n<p>        .step-image {\n            width: 100%;\n            height: 280px;\n            object-fit: cover;\n            display: block;\n        }<\/p>\n<p>        .step-content {\n            padding: 35px 30px;\n        }<\/p>\n<p>        .step-label {\n            font-size: 16px;\n            font-weight: 700;\n            color: #000;\n            margin-bottom: 8px;\n        }<\/p>\n<p>        .step-title {\n            font-size: 24px;\n            font-weight: 900;\n            color: #000;\n            margin-bottom: 15px;\n            line-height: 1.2;\n        }<\/p>\n<p>        .step-description {\n            font-size: 16px;\n            color: #333;\n            line-height: 1.6;\n        }<\/p>\n<p>        \/* Responsive Design *\/\n        @media (max-width: 968px) {\n            .steps-grid {\n                grid-template-columns: repeat(2, 1fr);\n            }<\/p>\n<p>            .works-title {\n                font-size: 36px;\n            }\n        }<\/p>\n<p>        @media (max-width: 600px) {\n            .how-it-works-section {\n                padding: 50px 15px;\n            }<\/p>\n<p>            .works-title {\n                font-size: 32px;\n                margin-bottom: 40px;\n            }<\/p>\n<p>            .steps-grid {\n                grid-template-columns: 1fr;\n                gap: 25px;\n            }<\/p>\n<p>            .step-image {\n                height: 240px;\n            }<\/p>\n<p>            .step-content {\n                padding: 30px 25px;\n            }<\/p>\n<p>            .step-title {\n                font-size: 22px;\n            }\n        }\n    <\/style>\n<p><\/head><br \/>\n<body><\/p>\n<section class=\"how-it-works-section\">\n<div class=\"works-container\">\n<h2 class=\"works-title\">How It Works<\/h2>\n<div class=\"steps-grid\">\n                <!-- Step 1 --><\/p>\n<div class=\"step-card\">\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\"><\/p>\n<div class=\"step-content\">\n<div class=\"step-label\">Step 1:<\/div>\n<h3 class=\"step-title\">Safety Check<\/h3>\n<p class=\"step-description\">Answer a few questions for us to know you better, and to see if there&#8217;s any pre-existing conditions that we need to be aware of.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- Step 2 --><\/p>\n<div class=\"step-card\">\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\"><\/p>\n<div class=\"step-content\">\n<div class=\"step-label\">Step 2:<\/div>\n<h3 class=\"step-title\">Meet the Medical Team<\/h3>\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>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- Step 3 --><\/p>\n<div class=\"step-card\">\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\"><\/p>\n<div class=\"step-content\">\n<div class=\"step-label\">Step 3:<\/div>\n<h3 class=\"step-title\">Begin your Journey<\/h3>\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>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p>    <!-- WordPress Customization Instructions --><br \/>\n    <!--\n    ========================================\n    WORDPRESS CUSTOMIZATION GUIDE\n    ========================================\n    \n    1. CHANGE CARD COLORS (Add to WordPress Custom CSS):\n       \/* Step 1 - Purple *\/\n       .step-card:nth-child(1) {\n           background: #EDE7F6 !important;\n       }\n       \n       \/* Step 2 - Green *\/\n       .step-card:nth-child(2) {\n           background: #E0F2F1 !important;\n       }\n       \n       \/* Step 3 - Orange *\/\n       .step-card:nth-child(3) {\n           background: #FFF3E0 !important;\n       }\n    \n    2. CHANGE IMAGES:\n       - Replace img src URLs with your own images\n       - Recommended size: 600x500px\n    \n    3. CHANGE TEXT:\n       - Edit the step labels, titles, and descriptions directly in HTML\n    \n    4. ADJUST CARD SPACING (Add to Custom CSS):\n       .steps-grid {\n           gap: 40px !important;\n       }\n    \n    5. CHANGE TITLE SIZE (Add to Custom CSS):\n       .works-title {\n           font-size: 48px !important;\n       }\n    \n    6. ADJUST IMAGE HEIGHT (Add to Custom CSS):\n       .step-image {\n           height: 320px !important;\n       }\n    \n    ========================================\n    COLOR SCHEME PRESETS\n    ========================================\n    \n    Blue Theme:\n    .step-card:nth-child(1) { background: #E3F2FD !important; }\n    .step-card:nth-child(2) { background: #E1F5FE !important; }\n    .step-card:nth-child(3) { background: #E0F7FA !important; }\n    \n    Pink Theme:\n    .step-card:nth-child(1) { background: #FCE4EC !important; }\n    .step-card:nth-child(2) { background: #F8BBD0 !important; }\n    .step-card:nth-child(3) { background: #F48FB1 !important; }\n    \n    Green Theme:\n    .step-card:nth-child(1) { background: #E8F5E9 !important; }\n    .step-card:nth-child(2) { background: #C8E6C9 !important; }\n    .step-card:nth-child(3) { background: #A5D6A7 !important; }\n    \n    Neutral Theme:\n    .step-card:nth-child(1) { background: #F5F5F5 !important; }\n    .step-card:nth-child(2) { background: #EEEEEE !important; }\n    .step-card:nth-child(3) { background: #E0E0E0 !important; }\n    --><br \/>\n<\/body><br \/>\n<\/html><\/p>\n","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-408","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\/408","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=408"}],"version-history":[{"count":1,"href":"https:\/\/glp1.co.za\/index.php\/wp-json\/wp\/v2\/pages\/408\/revisions"}],"predecessor-version":[{"id":409,"href":"https:\/\/glp1.co.za\/index.php\/wp-json\/wp\/v2\/pages\/408\/revisions\/409"}],"wp:attachment":[{"href":"https:\/\/glp1.co.za\/index.php\/wp-json\/wp\/v2\/media?parent=408"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}