{"id":8605,"date":"2022-08-05T22:31:12","date_gmt":"2022-08-05T22:31:12","guid":{"rendered":"https:\/\/classiads.designinvento.net\/elementor\/classiads-shawk\/?page_id=8605"},"modified":"2026-09-06T17:01:59","modified_gmt":"2026-09-06T17:01:59","slug":"how-it-works","status":"publish","type":"page","link":"https:\/\/roldz.com\/fr\/how-it-works\/","title":{"rendered":"About"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"8605\" class=\"elementor elementor-8605\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6719a61 elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-invisible\" data-id=\"6719a61\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-73f8f21\" data-id=\"73f8f21\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-abf1a22 elementor-widget elementor-widget-html\" data-id=\"abf1a22\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"roldz-about\">\r\n\r\n    <div class=\"roldz-about-container\">\r\n\r\n        <!-- =========================\r\n             LEFT VISUAL\r\n        ========================== -->\r\n        <div class=\"roldz-about-visual\">\r\n\r\n            <div class=\"roldz-glow roldz-glow-one\"><\/div>\r\n            <div class=\"roldz-glow roldz-glow-two\"><\/div>\r\n\r\n            <div class=\"roldz-visual-card\">\r\n\r\n                <div class=\"roldz-visual-top\">\r\n                    <span class=\"roldz-mini-logo\">R<\/span>\r\n\r\n                    <span class=\"roldz-mini-title\">\r\n                        ROLDZ MARKETPLACE\r\n                    <\/span>\r\n\r\n                    <span class=\"roldz-online\">\r\n                        \u25cf ONLINE\r\n                    <\/span>\r\n                <\/div>\r\n\r\n\r\n                <div class=\"roldz-visual-heading\">\r\n                    <span>BUY.<\/span>\r\n                    <span class=\"yellow\">SELL.<\/span>\r\n                    <span class=\"turquoise\">DISCOVER.<\/span>\r\n                <\/div>\r\n\r\n\r\n                <div class=\"roldz-visual-subtitle\">\r\n                    Products \u2022 Services \u2022 Property \u2022 Vehicles \u2022 Jobs\r\n                <\/div>\r\n\r\n\r\n                <div class=\"roldz-market-grid\">\r\n\r\n                    <div class=\"roldz-market-item green\">\r\n                        <span>\ud83c\udfe0<\/span>\r\n                        <strong>Property<\/strong>\r\n                    <\/div>\r\n\r\n                    <div class=\"roldz-market-item orange\">\r\n                        <span>\ud83d\ude97<\/span>\r\n                        <strong>Vehicles<\/strong>\r\n                    <\/div>\r\n\r\n                    <div class=\"roldz-market-item blue\">\r\n                        <span>\ud83d\udcf1<\/span>\r\n                        <strong>Electronics<\/strong>\r\n                    <\/div>\r\n\r\n                    <div class=\"roldz-market-item yellow\">\r\n                        <span>\ud83d\udcbc<\/span>\r\n                        <strong>Jobs<\/strong>\r\n                    <\/div>\r\n\r\n                    <div class=\"roldz-market-item pink\">\r\n                        <span>\ud83d\udc57<\/span>\r\n                        <strong>Fashion<\/strong>\r\n                    <\/div>\r\n\r\n                    <div class=\"roldz-market-item turquoise\">\r\n                        <span>\ud83d\udee0<\/span>\r\n                        <strong>Services<\/strong>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"roldz-africa-strip\">\r\n                    <span>\ud83c\udf0d<\/span>\r\n                    <strong>AFRICA'S GROWING MARKETPLACE<\/strong>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- FLOATING CARD -->\r\n            <div class=\"roldz-floating-card\">\r\n\r\n                <div class=\"roldz-floating-icon\">\r\n                    \u2197\r\n                <\/div>\r\n\r\n                <div class=\"roldz-floating-text\">\r\n                    <small>\r\n                        ROLDZ MARKETPLACE\r\n                    <\/small>\r\n\r\n                    <strong>\r\n                        BUY. SELL. DISCOVER.\r\n                    <\/strong>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- DECORATIVE DOTS -->\r\n            <div class=\"roldz-dots roldz-dots-one\"><\/div>\r\n            <div class=\"roldz-dots roldz-dots-two\"><\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =========================\r\n             RIGHT CONTENT\r\n        ========================== -->\r\n        <div class=\"roldz-about-content\">\r\n\r\n            <div class=\"roldz-kicker\">\r\n\r\n                <span class=\"kicker-line\"><\/span>\r\n\r\n                <span>\r\n                    ABOUT <b>ROLDZ<\/b>\r\n                <\/span>\r\n\r\n                <span class=\"kicker-line small\"><\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <h2>\r\n                Africa's\r\n                <span class=\"gradient-word\">Marketplace.<\/span>\r\n                <br>\r\n\r\n                Built for\r\n                <span class=\"yellow-word\">Everyone.<\/span>\r\n            <\/h2>\r\n\r\n\r\n            <div class=\"roldz-color-line\">\r\n                <span><\/span>\r\n                <span><\/span>\r\n                <span><\/span>\r\n                <span><\/span>\r\n            <\/div>\r\n\r\n\r\n            <p class=\"roldz-intro\">\r\n                <strong>ROLDZ<\/strong> is a growing African marketplace\r\n                designed to make it easier to\r\n                <span class=\"green-text\">buy<\/span>,\r\n                <span class=\"orange-text\">sell<\/span>,\r\n                <span class=\"turquoise-text\">discover<\/span>\r\n                and connect.\r\n            <\/p>\r\n\r\n\r\n            <p>\r\n                From products and services to properties, vehicles, jobs,\r\n                businesses and more, ROLDZ brings opportunities together\r\n                in one convenient place.\r\n            <\/p>\r\n\r\n\r\n            <p>\r\n                Our goal is simple:\r\n                <strong class=\"navy-text\">\r\n                    connect people, businesses and opportunities across Africa\r\n                <\/strong>\r\n                and make marketplace discovery easier, faster and more\r\n                accessible.\r\n            <\/p>\r\n\r\n\r\n            <!-- HIGHLIGHTS -->\r\n            <div class=\"roldz-highlights\">\r\n\r\n                <div class=\"roldz-highlight\">\r\n                    <span class=\"highlight-icon green-bg\">\u2713<\/span>\r\n                    <div>\r\n                        <strong>Buy & Sell<\/strong>\r\n                        <small>With ease<\/small>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"roldz-highlight\">\r\n                    <span class=\"highlight-icon orange-bg\">\u2605<\/span>\r\n                    <div>\r\n                        <strong>Discover<\/strong>\r\n                        <small>New opportunities<\/small>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"roldz-highlight\">\r\n                    <span class=\"highlight-icon blue-bg\">\ud83c\udf0d<\/span>\r\n                    <div>\r\n                        <strong>Across Africa<\/strong>\r\n                        <small>One marketplace<\/small>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- BUTTON -->\r\n            <a href=\"\/fr\/listings\/\" class=\"roldz-main-button\">\r\n\r\n                <span>\r\n                    Explore ROLDZ\r\n                <\/span>\r\n\r\n                <b>\r\n                    \u2192\r\n                <\/b>\r\n\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================\r\n   ROLDZ ABOUT SECTION\r\n========================================= *\/\r\n\r\n.roldz-about {\r\n    width: 100%;\r\n    padding: 90px 30px;\r\n    background: #ffffff;\r\n    overflow: hidden;\r\n    box-sizing: border-box;\r\n}\r\n\r\n.roldz-about-container {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n\r\n    gap: 75px;\r\n\r\n    align-items: center;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   LEFT VISUAL\r\n========================================= *\/\r\n\r\n.roldz-about-visual {\r\n    position: relative;\r\n    min-height: 570px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n.roldz-visual-card {\r\n    position: relative;\r\n\r\n    width: 100%;\r\n    max-width: 520px;\r\n\r\n    min-height: 500px;\r\n\r\n    padding: 35px;\r\n\r\n    box-sizing: border-box;\r\n\r\n    border-radius: 28px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            #061b35 0%,\r\n            #082b52 45%,\r\n            #063f4b 100%\r\n        );\r\n\r\n    overflow: hidden;\r\n\r\n    box-shadow:\r\n        0 25px 60px rgba(4, 25, 50, .22);\r\n}\r\n\r\n\r\n\/* decorative gradient *\/\r\n\r\n.roldz-visual-card::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 260px;\r\n    height: 260px;\r\n\r\n    right: -100px;\r\n    top: -100px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #00bfa6;\r\n\r\n    opacity: .28;\r\n\r\n    filter: blur(5px);\r\n}\r\n\r\n.roldz-visual-card::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 230px;\r\n    height: 230px;\r\n\r\n    left: -100px;\r\n    bottom: -100px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #ff7a00;\r\n\r\n    opacity: .25;\r\n\r\n    filter: blur(5px);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   VISUAL TOP\r\n========================================= *\/\r\n\r\n.roldz-visual-top {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    gap: 12px;\r\n\r\n    margin-bottom: 55px;\r\n}\r\n\r\n.roldz-mini-logo {\r\n    width: 42px;\r\n    height: 42px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            #00c9b1,\r\n            #ffd000,\r\n            #ff6900\r\n        );\r\n\r\n    color: #06213d;\r\n\r\n    font-size: 24px;\r\n\r\n    font-weight: 900;\r\n}\r\n\r\n.roldz-mini-title {\r\n    color: #ffffff;\r\n\r\n    font-size: 14px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 1px;\r\n}\r\n\r\n.roldz-online {\r\n    margin-left: auto;\r\n\r\n    color: #62e8a0;\r\n\r\n    font-size: 10px;\r\n\r\n    font-weight: 800;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   VISUAL HEADING\r\n========================================= *\/\r\n\r\n.roldz-visual-heading {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    display: flex;\r\n\r\n    flex-wrap: wrap;\r\n\r\n    gap: 12px;\r\n\r\n    font-size: 48px;\r\n\r\n    line-height: 1;\r\n\r\n    font-weight: 900;\r\n\r\n    color: #ffffff;\r\n\r\n    margin-bottom: 18px;\r\n}\r\n\r\n.roldz-visual-heading .yellow {\r\n    color: #ffd000;\r\n}\r\n\r\n.roldz-visual-heading .turquoise {\r\n    color: #00d2bd;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   SUBTITLE\r\n========================================= *\/\r\n\r\n.roldz-visual-subtitle {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    color: rgba(255,255,255,.78);\r\n\r\n    font-size: 14px;\r\n\r\n    line-height: 1.6;\r\n\r\n    margin-bottom: 35px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   MARKET GRID\r\n========================================= *\/\r\n\r\n.roldz-market-grid {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns: repeat(3, 1fr);\r\n\r\n    gap: 12px;\r\n}\r\n\r\n.roldz-market-item {\r\n    min-height: 92px;\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    gap: 7px;\r\n\r\n    border-radius: 13px;\r\n\r\n    background: rgba(255,255,255,.10);\r\n\r\n    border: 1px solid rgba(255,255,255,.10);\r\n\r\n    backdrop-filter: blur(10px);\r\n\r\n    transition: transform .25s ease;\r\n}\r\n\r\n.roldz-market-item:hover {\r\n    transform: translateY(-5px);\r\n}\r\n\r\n.roldz-market-item span {\r\n    font-size: 25px;\r\n}\r\n\r\n.roldz-market-item strong {\r\n    color: #ffffff;\r\n\r\n    font-size: 11px;\r\n}\r\n\r\n.roldz-market-item.green {\r\n    border-top: 3px solid #0aa85f;\r\n}\r\n\r\n.roldz-market-item.orange {\r\n    border-top: 3px solid #ff7100;\r\n}\r\n\r\n.roldz-market-item.blue {\r\n    border-top: 3px solid #1687ff;\r\n}\r\n\r\n.roldz-market-item.yellow {\r\n    border-top: 3px solid #ffd000;\r\n}\r\n\r\n.roldz-market-item.pink {\r\n    border-top: 3px solid #e94686;\r\n}\r\n\r\n.roldz-market-item.turquoise {\r\n    border-top: 3px solid #00c9b1;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   AFRICA STRIP\r\n========================================= *\/\r\n\r\n.roldz-africa-strip {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    margin-top: 20px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    gap: 8px;\r\n\r\n    padding: 12px;\r\n\r\n    border-radius: 8px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            #0b7a3b,\r\n            #00a99d,\r\n            #f4b400,\r\n            #ff6b00\r\n        );\r\n\r\n    color: #ffffff;\r\n\r\n    font-size: 11px;\r\n\r\n    letter-spacing: .7px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   FLOATING CARD\r\n========================================= *\/\r\n\r\n.roldz-floating-card {\r\n    position: absolute;\r\n\r\n    z-index: 5;\r\n\r\n    left: 15px;\r\n\r\n    bottom: 25px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 14px;\r\n\r\n    padding: 17px 24px;\r\n\r\n    min-width: 270px;\r\n\r\n    background: #ffffff;\r\n\r\n    border-radius: 12px;\r\n\r\n    box-shadow:\r\n        0 18px 40px rgba(0,0,0,.17);\r\n}\r\n\r\n.roldz-floating-icon {\r\n    width: 43px;\r\n    height: 43px;\r\n\r\n    flex-shrink: 0;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            #0b7a3b,\r\n            #00a99d\r\n        );\r\n\r\n    color: #ffffff;\r\n\r\n    font-size: 21px;\r\n\r\n    font-weight: 900;\r\n}\r\n\r\n.roldz-floating-text small {\r\n    display: block;\r\n\r\n    color: #777777;\r\n\r\n    font-size: 9px;\r\n\r\n    letter-spacing: 1.2px;\r\n\r\n    font-weight: 800;\r\n\r\n    margin-bottom: 4px;\r\n}\r\n\r\n.roldz-floating-text strong {\r\n    color: #172033;\r\n\r\n    font-size: 14px;\r\n\r\n    font-weight: 900;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   DECORATIVE GLOWS\r\n========================================= *\/\r\n\r\n.roldz-glow {\r\n    position: absolute;\r\n\r\n    border-radius: 50%;\r\n\r\n    filter: blur(3px);\r\n\r\n    z-index: 0;\r\n}\r\n\r\n.roldz-glow-one {\r\n    width: 95px;\r\n    height: 95px;\r\n\r\n    background: #ffd000;\r\n\r\n    right: 10px;\r\n    top: 30px;\r\n\r\n    opacity: .65;\r\n}\r\n\r\n.roldz-glow-two {\r\n    width: 80px;\r\n    height: 80px;\r\n\r\n    background: #00a99d;\r\n\r\n    left: 5px;\r\n    top: 80px;\r\n\r\n    opacity: .45;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   DOTS\r\n========================================= *\/\r\n\r\n.roldz-dots {\r\n    position: absolute;\r\n\r\n    width: 70px;\r\n    height: 70px;\r\n\r\n    background-image:\r\n        radial-gradient(\r\n            #ff7100 2px,\r\n            transparent 2px\r\n        );\r\n\r\n    background-size: 12px 12px;\r\n\r\n    opacity: .65;\r\n}\r\n\r\n.roldz-dots-one {\r\n    right: -10px;\r\n    bottom: 50px;\r\n}\r\n\r\n.roldz-dots-two {\r\n    left: -15px;\r\n    top: 25px;\r\n\r\n    background-image:\r\n        radial-gradient(\r\n            #00a99d 2px,\r\n            transparent 2px\r\n        );\r\n}\r\n\r\n\r\n\/* =========================================\r\n   RIGHT CONTENT\r\n========================================= *\/\r\n\r\n.roldz-about-content {\r\n    max-width: 570px;\r\n}\r\n\r\n.roldz-kicker {\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 12px;\r\n\r\n    margin-bottom: 18px;\r\n\r\n    color: #0b7a3b;\r\n\r\n    font-size: 16px;\r\n\r\n    font-weight: 900;\r\n\r\n    letter-spacing: 1.5px;\r\n}\r\n\r\n.roldz-kicker b {\r\n    color: #00a99d;\r\n}\r\n\r\n.kicker-line {\r\n    width: 38px;\r\n    height: 4px;\r\n\r\n    border-radius: 5px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            #0b7a3b,\r\n            #00a99d\r\n        );\r\n}\r\n\r\n.kicker-line.small {\r\n    width: 15px;\r\n\r\n    background: #ffd000;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   MAIN HEADING\r\n========================================= *\/\r\n\r\n.roldz-about-content h2 {\r\n    margin: 0;\r\n\r\n    color: #222b38;\r\n\r\n    font-size: 51px;\r\n\r\n    line-height: 1.08;\r\n\r\n    font-weight: 900;\r\n\r\n    letter-spacing: -1.5px;\r\n}\r\n\r\n.gradient-word {\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            #0b7a3b,\r\n            #00a99d\r\n        );\r\n\r\n    -webkit-background-clip: text;\r\n    background-clip: text;\r\n\r\n    -webkit-text-fill-color: transparent;\r\n}\r\n\r\n.yellow-word {\r\n    color: #f2a900;\r\n\r\n    position: relative;\r\n}\r\n\r\n.yellow-word::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    left: 0;\r\n    right: 0;\r\n\r\n    bottom: -5px;\r\n\r\n    height: 5px;\r\n\r\n    border-radius: 5px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            #ffd000,\r\n            #ff7100\r\n        );\r\n}\r\n\r\n\r\n\/* =========================================\r\n   COLOR LINE\r\n========================================= *\/\r\n\r\n.roldz-color-line {\r\n    display: flex;\r\n\r\n    gap: 5px;\r\n\r\n    margin: 27px 0 27px;\r\n}\r\n\r\n.roldz-color-line span {\r\n    height: 5px;\r\n\r\n    border-radius: 5px;\r\n}\r\n\r\n.roldz-color-line span:nth-child(1) {\r\n    width: 45px;\r\n    background: #0b7a3b;\r\n}\r\n\r\n.roldz-color-line span:nth-child(2) {\r\n    width: 35px;\r\n    background: #00a99d;\r\n}\r\n\r\n.roldz-color-line span:nth-child(3) {\r\n    width: 25px;\r\n    background: #ffd000;\r\n}\r\n\r\n.roldz-color-line span:nth-child(4) {\r\n    width: 20px;\r\n    background: #ff7100;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   PARAGRAPHS\r\n========================================= *\/\r\n\r\n.roldz-about-content p {\r\n    margin: 0 0 18px;\r\n\r\n    color: #69717b;\r\n\r\n    font-size: 16.5px;\r\n\r\n    line-height: 1.75;\r\n\r\n    font-weight: 500;\r\n}\r\n\r\n.roldz-intro {\r\n    font-size: 18px !important;\r\n}\r\n\r\n.roldz-intro strong {\r\n    color: #0b7a3b;\r\n}\r\n\r\n.green-text {\r\n    color: #0b7a3b;\r\n    font-weight: 800;\r\n}\r\n\r\n.orange-text {\r\n    color: #ff7100;\r\n    font-weight: 800;\r\n}\r\n\r\n.turquoise-text {\r\n    color: #00a99d;\r\n    font-weight: 800;\r\n}\r\n\r\n.navy-text {\r\n    color: #172033;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   HIGHLIGHTS\r\n========================================= *\/\r\n\r\n.roldz-highlights {\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        repeat(3, 1fr);\r\n\r\n    gap: 10px;\r\n\r\n    margin: 28px 0;\r\n}\r\n\r\n.roldz-highlight {\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 9px;\r\n\r\n    padding: 12px;\r\n\r\n    background: #f7f9fb;\r\n\r\n    border-radius: 9px;\r\n}\r\n\r\n.highlight-icon {\r\n    width: 32px;\r\n    height: 32px;\r\n\r\n    flex-shrink: 0;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border-radius: 50%;\r\n\r\n    color: #ffffff;\r\n\r\n    font-size: 14px;\r\n}\r\n\r\n.green-bg {\r\n    background: #0b7a3b;\r\n}\r\n\r\n.orange-bg {\r\n    background: #ff7100;\r\n}\r\n\r\n.blue-bg {\r\n    background: #1687ff;\r\n}\r\n\r\n.roldz-highlight strong {\r\n    display: block;\r\n\r\n    color: #222b38;\r\n\r\n    font-size: 12px;\r\n}\r\n\r\n.roldz-highlight small {\r\n    display: block;\r\n\r\n    color: #818894;\r\n\r\n    font-size: 9px;\r\n\r\n    margin-top: 2px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   BUTTON\r\n========================================= *\/\r\n\r\n.roldz-main-button {\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    gap: 17px;\r\n\r\n    padding: 17px 29px;\r\n\r\n    border-radius: 7px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            100deg,\r\n            #0b7a3b,\r\n            #00a99d\r\n        );\r\n\r\n    color: #ffffff !important;\r\n\r\n    text-decoration: none !important;\r\n\r\n    font-size: 16px;\r\n\r\n    font-weight: 800;\r\n\r\n    box-shadow:\r\n        0 10px 25px rgba(11,122,59,.20);\r\n\r\n    transition:\r\n        transform .25s ease,\r\n        box-shadow .25s ease;\r\n}\r\n\r\n.roldz-main-button b {\r\n    font-size: 22px;\r\n\r\n    line-height: 1;\r\n\r\n    color: #ffd000;\r\n}\r\n\r\n.roldz-main-button:hover {\r\n    transform: translateY(-3px);\r\n\r\n    box-shadow:\r\n        0 15px 30px rgba(11,122,59,.28);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   TABLET\r\n========================================= *\/\r\n\r\n@media (max-width: 950px) {\r\n\r\n    .roldz-about {\r\n        padding: 70px 25px;\r\n    }\r\n\r\n    .roldz-about-container {\r\n        grid-template-columns: 1fr;\r\n\r\n        gap: 60px;\r\n    }\r\n\r\n    .roldz-about-content {\r\n        max-width: 100%;\r\n    }\r\n\r\n    .roldz-about-content h2 {\r\n        font-size: 45px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   MOBILE\r\n========================================= *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n    .roldz-about {\r\n        padding: 50px 18px;\r\n    }\r\n\r\n    .roldz-about-visual {\r\n        min-height: 490px;\r\n    }\r\n\r\n    .roldz-visual-card {\r\n        min-height: 420px;\r\n\r\n        padding: 25px;\r\n\r\n        border-radius: 20px;\r\n    }\r\n\r\n    .roldz-visual-heading {\r\n        font-size: 34px;\r\n    }\r\n\r\n    .roldz-market-grid {\r\n        grid-template-columns:\r\n            repeat(2, 1fr);\r\n    }\r\n\r\n    .roldz-floating-card {\r\n        left: 10px;\r\n\r\n        min-width: 245px;\r\n\r\n        padding: 14px 17px;\r\n    }\r\n\r\n    .roldz-about-content h2 {\r\n        font-size: 36px;\r\n    }\r\n\r\n    .roldz-highlights {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .roldz-main-button {\r\n        width: 100%;\r\n\r\n        box-sizing: border-box;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d8946b2 elementor-widget elementor-widget-html\" data-id=\"d8946b2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     ROLDZ \u2014 HOW IT WORKS SECTION\r\n     Elementor HTML Widget\r\n========================================================= -->\r\n\r\n<section class=\"roldz-how-it-works\">\r\n\r\n    <div class=\"roldz-how-inner\">\r\n\r\n        <!-- SECTION INTRO -->\r\n        <div class=\"roldz-how-heading\">\r\n\r\n            <div class=\"roldz-eyebrow\">\r\n                <span class=\"accent-line green\"><\/span>\r\n                HOW ROLDZ WORKS\r\n                <span class=\"accent-line yellow\"><\/span>\r\n            <\/div>\r\n\r\n            <h2>\r\n                Buy. Sell. <span class=\"green-text\">Discover.<\/span>\r\n                <br>\r\n                <span class=\"yellow-text\">It's That Easy.<\/span>\r\n            <\/h2>\r\n\r\n            <p>\r\n                ROLDZ makes it simple to find what you need,\r\n                showcase what you offer and connect with\r\n                opportunities across Africa.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- LARGE VISUAL -->\r\n        <div class=\"roldz-how-visual\">\r\n\r\n            <div class=\"roldz-visual-decoration top-right\"><\/div>\r\n            <div class=\"roldz-visual-decoration bottom-left\"><\/div>\r\n\r\n            <div class=\"roldz-image-frame\">\r\n\r\n                <!-- Replace the image URL below with your preferred ROLDZ image -->\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/images.unsplash.com\/photo-1556742049-0cfed4f6a45d?auto=format&fit=crop&w=1800&q=85\"\r\n                    alt=\"Discover and connect on ROLDZ\"\r\n                >\r\n\r\n                <div class=\"roldz-image-overlay\"><\/div>\r\n\r\n                <!-- PLAY BUTTON -->\r\n                <div class=\"roldz-play-button\">\r\n                    <span>\u25b6<\/span>\r\n                <\/div>\r\n\r\n                <!-- FLOATING LABEL -->\r\n                <div class=\"roldz-floating-label\">\r\n\r\n                    <div class=\"roldz-floating-icon\">\r\n                        \u2197\r\n                    <\/div>\r\n\r\n                    <div>\r\n                        <small>ROLDZ MARKETPLACE<\/small>\r\n                        <strong>BUY. SELL. DISCOVER.<\/strong>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- FOUR STEPS -->\r\n        <div class=\"roldz-steps\">\r\n\r\n            <!-- STEP 1 -->\r\n            <div class=\"roldz-step-card\">\r\n\r\n                <div class=\"roldz-step-icon green-bg\">\r\n                    <span>1<\/span>\r\n                    <div class=\"step-symbol\">\u2659<\/div>\r\n                <\/div>\r\n\r\n                <div class=\"roldz-step-content\">\r\n\r\n                    <div class=\"roldz-step-label green-text\">\r\n                        STEP 01\r\n                    <\/div>\r\n\r\n                    <h3>Create Your Account<\/h3>\r\n\r\n                    <p>\r\n                        Join ROLDZ and create your free\r\n                        marketplace account.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- STEP 2 -->\r\n            <div class=\"roldz-step-card\">\r\n\r\n                <div class=\"roldz-step-icon orange-bg\">\r\n                    <span>2<\/span>\r\n                    <div class=\"step-symbol\">\u270e<\/div>\r\n                <\/div>\r\n\r\n                <div class=\"roldz-step-content\">\r\n\r\n                    <div class=\"roldz-step-label orange-text\">\r\n                        STEP 02\r\n                    <\/div>\r\n\r\n                    <h3>Find or Create a Listing<\/h3>\r\n\r\n                    <p>\r\n                        Discover products, services, properties,\r\n                        jobs and more \u2014 or post your own.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- STEP 3 -->\r\n            <div class=\"roldz-step-card\">\r\n\r\n                <div class=\"roldz-step-icon blue-bg\">\r\n                    <span>3<\/span>\r\n                    <div class=\"step-symbol\">\u25c9<\/div>\r\n                <\/div>\r\n\r\n                <div class=\"roldz-step-content\">\r\n\r\n                    <div class=\"roldz-step-label blue-text\">\r\n                        STEP 03\r\n                    <\/div>\r\n\r\n                    <h3>Connect &amp; Discover<\/h3>\r\n\r\n                    <p>\r\n                        Connect with sellers, buyers and\r\n                        businesses across Africa.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- STEP 4 -->\r\n            <div class=\"roldz-step-card\">\r\n\r\n                <div class=\"roldz-step-icon yellow-bg\">\r\n                    <span>4<\/span>\r\n                    <div class=\"step-symbol\">\u2713<\/div>\r\n                <\/div>\r\n\r\n                <div class=\"roldz-step-content\">\r\n\r\n                    <div class=\"roldz-step-label yellow-text\">\r\n                        STEP 04\r\n                    <\/div>\r\n\r\n                    <h3>Buy, Sell &amp; Grow<\/h3>\r\n\r\n                    <p>\r\n                        Complete your transaction and grow\r\n                        your opportunities with ROLDZ.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- BOTTOM STATEMENT -->\r\n        <div class=\"roldz-how-bottom\">\r\n\r\n            <div class=\"bottom-accent\">\r\n                <span><\/span>\r\n                <span><\/span>\r\n                <span><\/span>\r\n            <\/div>\r\n\r\n            <p>\r\n                <strong>One marketplace.<\/strong>\r\n                Endless possibilities across Africa.\r\n            <\/p>\r\n\r\n            <a href=\"\/fr\/listings\/\" class=\"roldz-how-button\">\r\n                Explore ROLDZ\r\n                <span>\u2192<\/span>\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   ROLDZ HOW IT WORKS\r\n========================================================= *\/\r\n\r\n.roldz-how-it-works {\r\n    width: 100%;\r\n    padding: 90px 25px 100px;\r\n    background: #ffffff;\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    box-sizing: border-box;\r\n    overflow: hidden;\r\n}\r\n\r\n.roldz-how-inner {\r\n    max-width: 1180px;\r\n    margin: 0 auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADING\r\n========================================================= *\/\r\n\r\n.roldz-how-heading {\r\n    text-align: center;\r\n    max-width: 760px;\r\n    margin: 0 auto 50px;\r\n}\r\n\r\n.roldz-eyebrow {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 13px;\r\n    margin-bottom: 18px;\r\n\r\n    color: #08783f;\r\n    font-size: 15px;\r\n    font-weight: 800;\r\n    letter-spacing: 1.5px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.accent-line {\r\n    display: inline-block;\r\n    width: 38px;\r\n    height: 4px;\r\n    border-radius: 10px;\r\n}\r\n\r\n.accent-line.green {\r\n    background: #078247;\r\n}\r\n\r\n.accent-line.yellow {\r\n    background: #f6c400;\r\n}\r\n\r\n.roldz-how-heading h2 {\r\n    margin: 0;\r\n    color: #25282b;\r\n    font-size: clamp(38px, 5vw, 62px);\r\n    line-height: 1.04;\r\n    font-weight: 800;\r\n    letter-spacing: -2px;\r\n}\r\n\r\n.green-text {\r\n    color: #078247;\r\n}\r\n\r\n.yellow-text {\r\n    color: #f2b900;\r\n}\r\n\r\n.orange-text {\r\n    color: #ff7100;\r\n}\r\n\r\n.blue-text {\r\n    color: #1479e8;\r\n}\r\n\r\n.roldz-how-heading p {\r\n    max-width: 690px;\r\n    margin: 25px auto 0;\r\n    color: #69727a;\r\n    font-size: 17px;\r\n    line-height: 1.75;\r\n    font-weight: 500;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LARGE IMAGE\r\n========================================================= *\/\r\n\r\n.roldz-how-visual {\r\n    position: relative;\r\n    width: 100%;\r\n    margin-bottom: 55px;\r\n}\r\n\r\n.roldz-image-frame {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 510px;\r\n    overflow: hidden;\r\n    border-radius: 28px;\r\n    background: #15202c;\r\n    box-shadow: 0 25px 65px rgba(0,0,0,0.15);\r\n}\r\n\r\n.roldz-image-frame img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    display: block;\r\n}\r\n\r\n.roldz-image-overlay {\r\n    position: absolute;\r\n    inset: 0;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(5,20,35,0.42),\r\n            rgba(5,20,35,0.08) 55%,\r\n            rgba(5,20,35,0.28)\r\n        );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PLAY BUTTON\r\n========================================================= *\/\r\n\r\n.roldz-play-button {\r\n    position: absolute;\r\n    left: 50%;\r\n    top: 50%;\r\n\r\n    width: 92px;\r\n    height: 92px;\r\n\r\n    transform: translate(-50%, -50%);\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border: 3px solid rgba(255,255,255,0.95);\r\n    border-radius: 50%;\r\n\r\n    background: rgba(0,0,0,0.18);\r\n\r\n    backdrop-filter: blur(5px);\r\n\r\n    transition:\r\n        transform 0.3s ease,\r\n        background 0.3s ease;\r\n}\r\n\r\n.roldz-play-button span {\r\n    color: #ffffff;\r\n    font-size: 29px;\r\n    margin-left: 6px;\r\n}\r\n\r\n.roldz-play-button:hover {\r\n    transform: translate(-50%, -50%) scale(1.08);\r\n    background: rgba(7,130,71,0.8);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FLOATING LABEL\r\n========================================================= *\/\r\n\r\n.roldz-floating-label {\r\n    position: absolute;\r\n\r\n    left: 35px;\r\n    bottom: 35px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 14px;\r\n\r\n    padding: 16px 22px 16px 16px;\r\n\r\n    background: #ffffff;\r\n    border-radius: 14px;\r\n\r\n    box-shadow: 0 15px 40px rgba(0,0,0,0.18);\r\n}\r\n\r\n.roldz-floating-icon {\r\n    width: 45px;\r\n    height: 45px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #078247;\r\n    color: #ffffff;\r\n\r\n    font-size: 23px;\r\n    font-weight: 700;\r\n}\r\n\r\n.roldz-floating-label small {\r\n    display: block;\r\n    margin-bottom: 5px;\r\n\r\n    color: #7a8187;\r\n    font-size: 10px;\r\n    font-weight: 800;\r\n    letter-spacing: 1.3px;\r\n}\r\n\r\n.roldz-floating-label strong {\r\n    display: block;\r\n\r\n    color: #24282c;\r\n    font-size: 14px;\r\n    letter-spacing: 0.3px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DECORATIVE SHAPES\r\n========================================================= *\/\r\n\r\n.roldz-visual-decoration {\r\n    position: absolute;\r\n    z-index: 3;\r\n    pointer-events: none;\r\n}\r\n\r\n.top-right {\r\n    width: 150px;\r\n    height: 150px;\r\n    right: -35px;\r\n    top: -35px;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle,\r\n            #f2b900 2px,\r\n            transparent 3px\r\n        );\r\n\r\n    background-size: 13px 13px;\r\n    opacity: 0.7;\r\n}\r\n\r\n.bottom-left {\r\n    width: 140px;\r\n    height: 140px;\r\n    left: -50px;\r\n    bottom: -50px;\r\n\r\n    border-radius: 50%;\r\n    background: #ff6d28;\r\n\r\n    opacity: 0.9;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FOUR STEPS\r\n========================================================= *\/\r\n\r\n.roldz-steps {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 18px;\r\n}\r\n\r\n.roldz-step-card {\r\n    position: relative;\r\n\r\n    min-height: 245px;\r\n    padding: 27px 24px;\r\n\r\n    background: #ffffff;\r\n\r\n    border: 1px solid #e8eaec;\r\n    border-radius: 18px;\r\n\r\n    box-shadow: 0 10px 35px rgba(0,0,0,0.055);\r\n\r\n    transition:\r\n        transform 0.3s ease,\r\n        box-shadow 0.3s ease;\r\n}\r\n\r\n.roldz-step-card:hover {\r\n    transform: translateY(-7px);\r\n    box-shadow: 0 18px 45px rgba(0,0,0,0.11);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   STEP ICON\r\n========================================================= *\/\r\n\r\n.roldz-step-icon {\r\n    position: relative;\r\n\r\n    width: 66px;\r\n    height: 66px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border-radius: 18px;\r\n\r\n    margin-bottom: 22px;\r\n}\r\n\r\n.roldz-step-icon > span {\r\n    position: absolute;\r\n\r\n    right: -7px;\r\n    top: -7px;\r\n\r\n    width: 25px;\r\n    height: 25px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #ffffff;\r\n\r\n    font-size: 11px;\r\n    font-weight: 800;\r\n\r\n    box-shadow: 0 4px 12px rgba(0,0,0,0.12);\r\n}\r\n\r\n.step-symbol {\r\n    color: #ffffff;\r\n    font-size: 28px;\r\n    font-weight: 700;\r\n}\r\n\r\n\r\n\/* COLORS *\/\r\n\r\n.green-bg {\r\n    background: #078247;\r\n}\r\n\r\n.orange-bg {\r\n    background: #ff7100;\r\n}\r\n\r\n.blue-bg {\r\n    background: #1479e8;\r\n}\r\n\r\n.yellow-bg {\r\n    background: #f2b900;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   STEP CONTENT\r\n========================================================= *\/\r\n\r\n.roldz-step-label {\r\n    margin-bottom: 8px;\r\n\r\n    font-size: 10px;\r\n    font-weight: 800;\r\n    letter-spacing: 1.3px;\r\n}\r\n\r\n.roldz-step-content h3 {\r\n    margin: 0 0 11px;\r\n\r\n    color: #282c30;\r\n\r\n    font-size: 20px;\r\n    line-height: 1.2;\r\n    font-weight: 800;\r\n}\r\n\r\n.roldz-step-content p {\r\n    margin: 0;\r\n\r\n    color: #70777d;\r\n\r\n    font-size: 14px;\r\n    line-height: 1.65;\r\n    font-weight: 500;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BOTTOM CTA\r\n========================================================= *\/\r\n\r\n.roldz-how-bottom {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 30px;\r\n\r\n    margin-top: 55px;\r\n    padding: 30px 35px;\r\n\r\n    border-radius: 18px;\r\n\r\n    background: #f6f8f7;\r\n}\r\n\r\n.bottom-accent {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n}\r\n\r\n.bottom-accent span {\r\n    width: 30px;\r\n    height: 4px;\r\n    border-radius: 5px;\r\n}\r\n\r\n.bottom-accent span:nth-child(1) {\r\n    background: #078247;\r\n}\r\n\r\n.bottom-accent span:nth-child(2) {\r\n    background: #09aaa4;\r\n}\r\n\r\n.bottom-accent span:nth-child(3) {\r\n    background: #f2b900;\r\n}\r\n\r\n.roldz-how-bottom p {\r\n    margin: 0;\r\n\r\n    color: #555e65;\r\n    font-size: 16px;\r\n}\r\n\r\n.roldz-how-bottom strong {\r\n    color: #078247;\r\n}\r\n\r\n.roldz-how-button {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 14px;\r\n\r\n    padding: 14px 23px;\r\n\r\n    border-radius: 8px;\r\n\r\n    background: linear-gradient(\r\n        90deg,\r\n        #078247,\r\n        #08aaa2\r\n    );\r\n\r\n    color: #ffffff !important;\r\n\r\n    font-size: 14px;\r\n    font-weight: 800;\r\n    text-decoration: none !important;\r\n\r\n    transition:\r\n        transform 0.25s ease,\r\n        box-shadow 0.25s ease;\r\n}\r\n\r\n.roldz-how-button span {\r\n    font-size: 20px;\r\n}\r\n\r\n.roldz-how-button:hover {\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 10px 25px rgba(7,130,71,0.25);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n    .roldz-how-it-works {\r\n        padding: 70px 20px 80px;\r\n    }\r\n\r\n    .roldz-image-frame {\r\n        height: 420px;\r\n    }\r\n\r\n    .roldz-steps {\r\n        grid-template-columns: repeat(2, 1fr);\r\n    }\r\n\r\n    .roldz-how-bottom {\r\n        flex-wrap: wrap;\r\n        text-align: center;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n    .roldz-how-it-works {\r\n        padding: 55px 15px 65px;\r\n    }\r\n\r\n    .roldz-how-heading {\r\n        margin-bottom: 35px;\r\n    }\r\n\r\n    .roldz-eyebrow {\r\n        font-size: 12px;\r\n    }\r\n\r\n    .roldz-how-heading h2 {\r\n        font-size: 38px;\r\n        letter-spacing: -1px;\r\n    }\r\n\r\n    .roldz-how-heading p {\r\n        font-size: 15px;\r\n    }\r\n\r\n    .roldz-image-frame {\r\n        height: 310px;\r\n        border-radius: 20px;\r\n    }\r\n\r\n    .roldz-floating-label {\r\n        left: 15px;\r\n        bottom: 15px;\r\n        padding: 12px 15px 12px 12px;\r\n    }\r\n\r\n    .roldz-floating-icon {\r\n        width: 38px;\r\n        height: 38px;\r\n        font-size: 19px;\r\n    }\r\n\r\n    .roldz-floating-label small {\r\n        font-size: 8px;\r\n    }\r\n\r\n    .roldz-floating-label strong {\r\n        font-size: 11px;\r\n    }\r\n\r\n    .roldz-play-button {\r\n        width: 68px;\r\n        height: 68px;\r\n    }\r\n\r\n    .roldz-play-button span {\r\n        font-size: 21px;\r\n    }\r\n\r\n    .roldz-steps {\r\n        grid-template-columns: 1fr;\r\n        gap: 15px;\r\n    }\r\n\r\n    .roldz-step-card {\r\n        min-height: auto;\r\n    }\r\n\r\n    .roldz-how-bottom {\r\n        flex-direction: column;\r\n        gap: 18px;\r\n        padding: 25px 20px;\r\n    }\r\n\r\n    .roldz-how-bottom p {\r\n        font-size: 14px;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-8c900d7 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"8c900d7\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-45a7a37\" data-id=\"45a7a37\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-33c4003 elementor-widget__width-initial elementor-absolute elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-image\" data-id=\"33c4003\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" 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:\/\/classiads.designinvento.net\/elementor\/classiads-flow\/wp-content\/uploads\/2022\/11\/p2.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<div class=\"elementor-element elementor-element-eea7923 elementor-widget__width-initial elementor-absolute elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-image\" data-id=\"eea7923\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" 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:\/\/classiads.designinvento.net\/elementor\/classiads-flow\/wp-content\/uploads\/2022\/11\/p1-1.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<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-462a4a0 elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-invisible\" data-id=\"462a4a0\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ee25e82\" data-id=\"ee25e82\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-908f52f elementor-widget elementor-widget-html\" data-id=\"908f52f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     ROLDZ \u2014 HOW IT WORKS\r\n     Elementor HTML Widget\r\n     ========================================================= -->\r\n\r\n<style>\r\n\/* ---------------------------------------------------------\r\n   ROLDZ HOW IT WORKS \u2014 BASE\r\n   --------------------------------------------------------- *\/\r\n\r\n.roldz-how-it-works {\r\n    position: relative;\r\n    width: 100%;\r\n    overflow: hidden;\r\n    background: #ffffff;\r\n    padding: 85px 24px 80px;\r\n    box-sizing: border-box;\r\n    font-family: Arial, Helvetica, sans-serif;\r\n}\r\n\r\n.roldz-how-it-works *,\r\n.roldz-how-it-works *::before,\r\n.roldz-how-it-works *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* ---------------------------------------------------------\r\n   DECORATIVE BACKGROUND ELEMENTS\r\n   --------------------------------------------------------- *\/\r\n\r\n.roldz-how-it-works::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    left: -55px;\r\n    bottom: 90px;\r\n    width: 150px;\r\n    height: 150px;\r\n    background: #ff7514;\r\n    border-radius: 50%;\r\n    opacity: 0.92;\r\n    z-index: 0;\r\n}\r\n\r\n.roldz-how-it-works::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    right: -35px;\r\n    top: 25px;\r\n    width: 145px;\r\n    height: 145px;\r\n    border-radius: 50%;\r\n    background:\r\n        repeating-linear-gradient(\r\n            135deg,\r\n            rgba(255,117,20,0.65) 0px,\r\n            rgba(255,117,20,0.65) 2px,\r\n            transparent 2px,\r\n            transparent 9px\r\n        );\r\n    opacity: 0.75;\r\n    z-index: 0;\r\n}\r\n\r\n\/* ---------------------------------------------------------\r\n   MAIN INNER CONTAINER\r\n   --------------------------------------------------------- *\/\r\n\r\n.roldz-how-inner {\r\n    position: relative;\r\n    z-index: 2;\r\n    width: 100%;\r\n    max-width: 1180px;\r\n    margin: 0 auto;\r\n}\r\n\r\n\/* ---------------------------------------------------------\r\n   SECTION LABEL\r\n   --------------------------------------------------------- *\/\r\n\r\n.roldz-section-label {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 12px;\r\n    margin-bottom: 14px;\r\n}\r\n\r\n.roldz-label-line {\r\n    width: 34px;\r\n    height: 4px;\r\n    border-radius: 10px;\r\n    display: inline-block;\r\n}\r\n\r\n.roldz-label-line.green {\r\n    background: #0b7f4f;\r\n}\r\n\r\n.roldz-label-line.yellow {\r\n    background: #f5c400;\r\n}\r\n\r\n.roldz-label-text {\r\n    color: #0b7047;\r\n    font-size: 15px;\r\n    font-weight: 800;\r\n    letter-spacing: 1.5px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n\/* ---------------------------------------------------------\r\n   MAIN HEADING\r\n   --------------------------------------------------------- *\/\r\n\r\n.roldz-how-title {\r\n    margin: 0;\r\n    padding: 0;\r\n    text-align: center;\r\n    color: #292929;\r\n    font-size: clamp(42px, 5vw, 68px);\r\n    line-height: 1.02;\r\n    font-weight: 800;\r\n    letter-spacing: -2.5px;\r\n}\r\n\r\n\/* First line *\/\r\n\r\n.roldz-title-line-one {\r\n    display: block;\r\n}\r\n\r\n\/* Second line *\/\r\n\r\n.roldz-title-line-two {\r\n    display: block;\r\n    margin-top: 2px;\r\n}\r\n\r\n\/* Colored text effects *\/\r\n\r\n.roldz-green-text {\r\n    position: relative;\r\n    display: inline-block;\r\n    color: #0b8f59;\r\n    z-index: 1;\r\n}\r\n\r\n.roldz-green-text::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    left: 2px;\r\n    right: 2px;\r\n    bottom: -5px;\r\n    height: 5px;\r\n    border-radius: 8px;\r\n    background: #0b8f59;\r\n    opacity: 0.9;\r\n    z-index: -1;\r\n}\r\n\r\n.roldz-yellow-text {\r\n    position: relative;\r\n    display: inline-block;\r\n    color: #f2b900;\r\n    z-index: 1;\r\n}\r\n\r\n.roldz-yellow-text::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    left: 3px;\r\n    right: 3px;\r\n    bottom: -6px;\r\n    height: 5px;\r\n    border-radius: 8px;\r\n    background: #f2b900;\r\n    opacity: 0.95;\r\n    z-index: -1;\r\n}\r\n\r\n\/* ---------------------------------------------------------\r\n   INTRO TEXT\r\n   --------------------------------------------------------- *\/\r\n\r\n.roldz-how-intro {\r\n    max-width: 760px;\r\n    margin: 28px auto 0;\r\n    text-align: center;\r\n    color: #6b7378;\r\n    font-size: 17px;\r\n    line-height: 1.7;\r\n    font-weight: 400;\r\n}\r\n\r\n\/* ---------------------------------------------------------\r\n   SMALL COLOR MARK\r\n   --------------------------------------------------------- *\/\r\n\r\n.roldz-color-mark {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 7px;\r\n    margin: 24px auto 38px;\r\n}\r\n\r\n.roldz-color-mark span {\r\n    display: block;\r\n    width: 30px;\r\n    height: 4px;\r\n    border-radius: 10px;\r\n}\r\n\r\n.roldz-color-mark .mark-green {\r\n    background: #0b8f59;\r\n}\r\n\r\n.roldz-color-mark .mark-teal {\r\n    background: #11a9a2;\r\n}\r\n\r\n.roldz-color-mark .mark-yellow {\r\n    background: #f2c400;\r\n}\r\n\r\n.roldz-color-mark .mark-orange {\r\n    background: #ff7514;\r\n}\r\n\r\n\/* ---------------------------------------------------------\r\n   FOUR STEP CARDS\r\n   --------------------------------------------------------- *\/\r\n\r\n.roldz-steps-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 20px;\r\n    width: 100%;\r\n}\r\n\r\n\/* Individual card *\/\r\n\r\n.roldz-step-card {\r\n    position: relative;\r\n    min-height: 310px;\r\n    padding: 28px 24px 30px;\r\n    background: #ffffff;\r\n    border: 1px solid #e4e6e8;\r\n    border-radius: 20px;\r\n    box-shadow: 0 12px 35px rgba(24, 35, 42, 0.07);\r\n    overflow: hidden;\r\n    transition:\r\n        transform 0.25s ease,\r\n        box-shadow 0.25s ease;\r\n}\r\n\r\n.roldz-step-card:hover {\r\n    transform: translateY(-7px);\r\n    box-shadow: 0 20px 42px rgba(24, 35, 42, 0.12);\r\n}\r\n\r\n\/* Colored top border *\/\r\n\r\n.roldz-step-card::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 5px;\r\n    border-radius: 20px 20px 0 0;\r\n}\r\n\r\n.roldz-step-card.step-green::before {\r\n    background: #0b8f59;\r\n}\r\n\r\n.roldz-step-card.step-orange::before {\r\n    background: #ff7514;\r\n}\r\n\r\n.roldz-step-card.step-blue::before {\r\n    background: #1976d2;\r\n}\r\n\r\n.roldz-step-card.step-yellow::before {\r\n    background: #f2c400;\r\n}\r\n\r\n\/* ---------------------------------------------------------\r\n   ICON\r\n   --------------------------------------------------------- *\/\r\n\r\n.roldz-step-icon-wrap {\r\n    position: relative;\r\n    width: 68px;\r\n    height: 68px;\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.roldz-step-icon {\r\n    width: 68px;\r\n    height: 68px;\r\n    border-radius: 17px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    color: #ffffff;\r\n    box-shadow: 0 8px 18px rgba(0,0,0,0.10);\r\n}\r\n\r\n.roldz-step-icon svg {\r\n    width: 30px;\r\n    height: 30px;\r\n    stroke: currentColor;\r\n}\r\n\r\n.step-green .roldz-step-icon {\r\n    background: #0b8f59;\r\n}\r\n\r\n.step-orange .roldz-step-icon {\r\n    background: #ff7514;\r\n}\r\n\r\n.step-blue .roldz-step-icon {\r\n    background: #1976d2;\r\n}\r\n\r\n.step-yellow .roldz-step-icon {\r\n    background: #f2c400;\r\n}\r\n\r\n\/* Number badge *\/\r\n\r\n.roldz-step-number {\r\n    position: absolute;\r\n    top: -8px;\r\n    right: -9px;\r\n    width: 27px;\r\n    height: 27px;\r\n    border-radius: 50%;\r\n    background: #ffffff;\r\n    border: 1px solid #e4e6e8;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    color: #444;\r\n    font-size: 12px;\r\n    font-weight: 800;\r\n    box-shadow: 0 3px 10px rgba(0,0,0,0.08);\r\n}\r\n\r\n\/* ---------------------------------------------------------\r\n   STEP LABEL\r\n   --------------------------------------------------------- *\/\r\n\r\n.roldz-step-label {\r\n    margin-bottom: 8px;\r\n    font-size: 12px;\r\n    line-height: 1;\r\n    font-weight: 800;\r\n    letter-spacing: 1.4px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.step-green .roldz-step-label {\r\n    color: #0b8f59;\r\n}\r\n\r\n.step-orange .roldz-step-label {\r\n    color: #ff7514;\r\n}\r\n\r\n.step-blue .roldz-step-label {\r\n    color: #1976d2;\r\n}\r\n\r\n.step-yellow .roldz-step-label {\r\n    color: #d0a800;\r\n}\r\n\r\n\/* ---------------------------------------------------------\r\n   CARD TITLE\r\n   --------------------------------------------------------- *\/\r\n\r\n.roldz-step-title {\r\n    margin: 0 0 12px;\r\n    color: #303236;\r\n    font-size: 21px;\r\n    line-height: 1.2;\r\n    font-weight: 800;\r\n}\r\n\r\n\/* ---------------------------------------------------------\r\n   CARD DESCRIPTION\r\n   --------------------------------------------------------- *\/\r\n\r\n.roldz-step-description {\r\n    margin: 0;\r\n    color: #737a7e;\r\n    font-size: 15px;\r\n    line-height: 1.65;\r\n    font-weight: 400;\r\n}\r\n\r\n\/* ---------------------------------------------------------\r\n   BOTTOM CTA STRIP\r\n   --------------------------------------------------------- *\/\r\n\r\n.roldz-how-cta {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 30px;\r\n    margin-top: 48px;\r\n    padding: 25px 30px;\r\n    background: #f5f8f7;\r\n    border: 1px solid #e8edeb;\r\n    border-radius: 18px;\r\n}\r\n\r\n\/* CTA message *\/\r\n\r\n.roldz-cta-message {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 16px;\r\n}\r\n\r\n.roldz-cta-lines {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.roldz-cta-lines span {\r\n    width: 29px;\r\n    height: 4px;\r\n    border-radius: 10px;\r\n}\r\n\r\n.roldz-cta-lines .one {\r\n    background: #0b8f59;\r\n}\r\n\r\n.roldz-cta-lines .two {\r\n    background: #11a9a2;\r\n}\r\n\r\n.roldz-cta-lines .three {\r\n    background: #f2c400;\r\n}\r\n\r\n.roldz-cta-text {\r\n    margin: 0;\r\n    color: #555d61;\r\n    font-size: 16px;\r\n    line-height: 1.5;\r\n}\r\n\r\n.roldz-cta-text strong {\r\n    color: #087b4c;\r\n    font-weight: 800;\r\n}\r\n\r\n\/* ---------------------------------------------------------\r\n   CTA BUTTON\r\n   --------------------------------------------------------- *\/\r\n\r\n.roldz-explore-button {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 14px;\r\n    min-width: 190px;\r\n    padding: 15px 23px;\r\n    border-radius: 9px;\r\n    background: linear-gradient(\r\n        90deg,\r\n        #0b8f59 0%,\r\n        #0b8f59 50%,\r\n        #10a9a3 100%\r\n    );\r\n    color: #ffffff !important;\r\n    text-decoration: none !important;\r\n    font-size: 15px;\r\n    font-weight: 800;\r\n    line-height: 1;\r\n    box-shadow: 0 8px 20px rgba(11,143,89,0.20);\r\n    transition:\r\n        transform 0.2s ease,\r\n        box-shadow 0.2s ease;\r\n}\r\n\r\n.roldz-explore-button:hover {\r\n    color: #ffffff !important;\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 12px 26px rgba(11,143,89,0.28);\r\n}\r\n\r\n.roldz-explore-arrow {\r\n    font-size: 21px;\r\n    line-height: 1;\r\n}\r\n\r\n\/* ---------------------------------------------------------\r\n   TABLET\r\n   --------------------------------------------------------- *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n    .roldz-how-it-works {\r\n        padding: 70px 22px 65px;\r\n    }\r\n\r\n    .roldz-how-title {\r\n        font-size: clamp(40px, 6vw, 56px);\r\n    }\r\n\r\n    .roldz-steps-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 18px;\r\n    }\r\n\r\n    .roldz-step-card {\r\n        min-height: 290px;\r\n    }\r\n\r\n    .roldz-how-cta {\r\n        padding: 23px;\r\n    }\r\n}\r\n\r\n\/* ---------------------------------------------------------\r\n   MOBILE\r\n   --------------------------------------------------------- *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .roldz-how-it-works {\r\n        padding: 58px 16px 55px;\r\n    }\r\n\r\n    .roldz-how-it-works::before {\r\n        width: 100px;\r\n        height: 100px;\r\n        left: -55px;\r\n        bottom: 70px;\r\n    }\r\n\r\n    .roldz-how-it-works::after {\r\n        width: 95px;\r\n        height: 95px;\r\n        right: -35px;\r\n        top: 20px;\r\n    }\r\n\r\n    .roldz-section-label {\r\n        gap: 8px;\r\n        margin-bottom: 12px;\r\n    }\r\n\r\n    .roldz-label-line {\r\n        width: 25px;\r\n        height: 3px;\r\n    }\r\n\r\n    .roldz-label-text {\r\n        font-size: 12px;\r\n        letter-spacing: 1.1px;\r\n    }\r\n\r\n    .roldz-how-title {\r\n        font-size: 39px;\r\n        line-height: 1.05;\r\n        letter-spacing: -1.5px;\r\n    }\r\n\r\n    .roldz-title-line-one,\r\n    .roldz-title-line-two {\r\n        display: block;\r\n    }\r\n\r\n    .roldz-green-text::after,\r\n    .roldz-yellow-text::after {\r\n        height: 4px;\r\n        bottom: -4px;\r\n    }\r\n\r\n    .roldz-how-intro {\r\n        margin-top: 22px;\r\n        font-size: 15px;\r\n        line-height: 1.65;\r\n        padding: 0 8px;\r\n    }\r\n\r\n    .roldz-color-mark {\r\n        margin: 20px auto 30px;\r\n    }\r\n\r\n    .roldz-steps-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 16px;\r\n    }\r\n\r\n    .roldz-step-card {\r\n        min-height: auto;\r\n        padding: 25px 22px 27px;\r\n        border-radius: 17px;\r\n    }\r\n\r\n    .roldz-step-title {\r\n        font-size: 20px;\r\n    }\r\n\r\n    .roldz-step-description {\r\n        font-size: 14px;\r\n    }\r\n\r\n    .roldz-how-cta {\r\n        flex-direction: column;\r\n        align-items: stretch;\r\n        gap: 22px;\r\n        margin-top: 32px;\r\n        padding: 23px 20px;\r\n    }\r\n\r\n    .roldz-cta-message {\r\n        align-items: flex-start;\r\n    }\r\n\r\n    .roldz-cta-text {\r\n        font-size: 14px;\r\n    }\r\n\r\n    .roldz-explore-button {\r\n        width: 100%;\r\n        min-width: 0;\r\n    }\r\n}\r\n\r\n\/* ---------------------------------------------------------\r\n   SMALL MOBILE\r\n   --------------------------------------------------------- *\/\r\n\r\n@media (max-width: 420px) {\r\n\r\n    .roldz-how-title {\r\n        font-size: 34px;\r\n    }\r\n\r\n    .roldz-step-icon-wrap,\r\n    .roldz-step-icon {\r\n        width: 62px;\r\n        height: 62px;\r\n    }\r\n\r\n    .roldz-step-icon svg {\r\n        width: 27px;\r\n        height: 27px;\r\n    }\r\n\r\n    .roldz-cta-message {\r\n        gap: 11px;\r\n    }\r\n\r\n    .roldz-cta-lines span {\r\n        width: 22px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"roldz-how-it-works\" aria-labelledby=\"roldz-how-title\">\r\n\r\n    <div class=\"roldz-how-inner\">\r\n\r\n        <!-- =========================\r\n             SECTION LABEL\r\n             ========================= -->\r\n\r\n        <div class=\"roldz-section-label\">\r\n\r\n            <span class=\"roldz-label-line green\"><\/span>\r\n\r\n            <span class=\"roldz-label-text\">\r\n                How ROLDZ Works\r\n            <\/span>\r\n\r\n            <span class=\"roldz-label-line yellow\"><\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =========================\r\n             MAIN HEADING\r\n             ========================= -->\r\n\r\n        <h2\r\n            id=\"roldz-how-title\"\r\n            class=\"roldz-how-title\"\r\n        >\r\n\r\n            <span class=\"roldz-title-line-one\">\r\n                Buy. Sell.\r\n                <span class=\"roldz-green-text\">\r\n                    Discover.\r\n                <\/span>\r\n            <\/span>\r\n\r\n            <span class=\"roldz-title-line-two\">\r\n                <span class=\"roldz-yellow-text\">\r\n                    It's That Easy.\r\n                <\/span>\r\n            <\/span>\r\n\r\n        <\/h2>\r\n\r\n\r\n        <!-- =========================\r\n             INTRODUCTION\r\n             ========================= -->\r\n\r\n        <p class=\"roldz-how-intro\">\r\n            ROLDZ makes it simple to find what you need,\r\n            showcase what you offer and connect with\r\n            opportunities across Africa.\r\n        <\/p>\r\n\r\n\r\n        <!-- =========================\r\n             COLOR DECORATION\r\n             ========================= -->\r\n\r\n        <div class=\"roldz-color-mark\" aria-hidden=\"true\">\r\n            <span class=\"mark-green\"><\/span>\r\n            <span class=\"mark-teal\"><\/span>\r\n            <span class=\"mark-yellow\"><\/span>\r\n            <span class=\"mark-orange\"><\/span>\r\n        <\/div>\r\n\r\n\r\n        <!-- =========================\r\n             FOUR STEPS\r\n             ========================= -->\r\n\r\n        <div class=\"roldz-steps-grid\">\r\n\r\n\r\n            <!-- STEP 01 -->\r\n\r\n            <article class=\"roldz-step-card step-green\">\r\n\r\n                <div class=\"roldz-step-icon-wrap\">\r\n\r\n                    <div class=\"roldz-step-icon\">\r\n\r\n                        <!-- User icon -->\r\n\r\n                        <svg\r\n                            viewbox=\"0 0 24 24\"\r\n                            fill=\"none\"\r\n                            stroke=\"currentColor\"\r\n                            stroke-width=\"2\"\r\n                            stroke-linecap=\"round\"\r\n                            stroke-linejoin=\"round\"\r\n                            aria-hidden=\"true\"\r\n                        >\r\n                            <circle cx=\"12\" cy=\"8\" r=\"4\"><\/circle>\r\n                            <path d=\"M4 21c0-4 3.5-7 8-7s8 3 8 7\"><\/path>\r\n                        <\/svg>\r\n\r\n                    <\/div>\r\n\r\n                    <span class=\"roldz-step-number\">\r\n                        1\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"roldz-step-label\">\r\n                    Step 01\r\n                <\/div>\r\n\r\n                <h3 class=\"roldz-step-title\">\r\n                    Create Your Account\r\n                <\/h3>\r\n\r\n                <p class=\"roldz-step-description\">\r\n                    Join ROLDZ and create your free\r\n                    marketplace account.\r\n                <\/p>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- STEP 02 -->\r\n\r\n            <article class=\"roldz-step-card step-orange\">\r\n\r\n                <div class=\"roldz-step-icon-wrap\">\r\n\r\n                    <div class=\"roldz-step-icon\">\r\n\r\n                        <!-- Pencil icon -->\r\n\r\n                        <svg\r\n                            viewbox=\"0 0 24 24\"\r\n                            fill=\"none\"\r\n                            stroke=\"currentColor\"\r\n                            stroke-width=\"2\"\r\n                            stroke-linecap=\"round\"\r\n                            stroke-linejoin=\"round\"\r\n                            aria-hidden=\"true\"\r\n                        >\r\n                            <path d=\"M12 20h9\"><\/path>\r\n                            <path d=\"M16.5 3.5a2.1 2.1 0 0 1 3 3L8 18l-4 1 1-4Z\"><\/path>\r\n                        <\/svg>\r\n\r\n                    <\/div>\r\n\r\n                    <span class=\"roldz-step-number\">\r\n                        2\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"roldz-step-label\">\r\n                    Step 02\r\n                <\/div>\r\n\r\n                <h3 class=\"roldz-step-title\">\r\n                    Find or Create a Listing\r\n                <\/h3>\r\n\r\n                <p class=\"roldz-step-description\">\r\n                    Discover products, services,\r\n                    properties, jobs and more \u2014 or post\r\n                    your own.\r\n                <\/p>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- STEP 03 -->\r\n\r\n            <article class=\"roldz-step-card step-blue\">\r\n\r\n                <div class=\"roldz-step-icon-wrap\">\r\n\r\n                    <div class=\"roldz-step-icon\">\r\n\r\n                        <!-- Discover \/ connection icon -->\r\n\r\n                        <svg\r\n                            viewbox=\"0 0 24 24\"\r\n                            fill=\"none\"\r\n                            stroke=\"currentColor\"\r\n                            stroke-width=\"2\"\r\n                            stroke-linecap=\"round\"\r\n                            stroke-linejoin=\"round\"\r\n                            aria-hidden=\"true\"\r\n                        >\r\n                            <circle cx=\"12\" cy=\"12\" r=\"8\"><\/circle>\r\n                            <circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>\r\n                        <\/svg>\r\n\r\n                    <\/div>\r\n\r\n                    <span class=\"roldz-step-number\">\r\n                        3\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"roldz-step-label\">\r\n                    Step 03\r\n                <\/div>\r\n\r\n                <h3 class=\"roldz-step-title\">\r\n                    Connect &amp; Discover\r\n                <\/h3>\r\n\r\n                <p class=\"roldz-step-description\">\r\n                    Connect with sellers, buyers and\r\n                    businesses across Africa.\r\n                <\/p>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- STEP 04 -->\r\n\r\n            <article class=\"roldz-step-card step-yellow\">\r\n\r\n                <div class=\"roldz-step-icon-wrap\">\r\n\r\n                    <div class=\"roldz-step-icon\">\r\n\r\n                        <!-- Check icon -->\r\n\r\n                        <svg\r\n                            viewbox=\"0 0 24 24\"\r\n                            fill=\"none\"\r\n                            stroke=\"currentColor\"\r\n                            stroke-width=\"2\"\r\n                            stroke-linecap=\"round\"\r\n                            stroke-linejoin=\"round\"\r\n                            aria-hidden=\"true\"\r\n                        >\r\n                            <path d=\"M20 6 9 17l-5-5\"><\/path>\r\n                        <\/svg>\r\n\r\n                    <\/div>\r\n\r\n                    <span class=\"roldz-step-number\">\r\n                        4\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"roldz-step-label\">\r\n                    Step 04\r\n                <\/div>\r\n\r\n                <h3 class=\"roldz-step-title\">\r\n                    Buy, Sell &amp; Grow\r\n                <\/h3>\r\n\r\n                <p class=\"roldz-step-description\">\r\n                    Complete your transaction and grow\r\n                    your opportunities with ROLDZ.\r\n                <\/p>\r\n\r\n            <\/article>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =========================\r\n             BOTTOM CTA\r\n             ========================= -->\r\n\r\n        <div class=\"roldz-how-cta\">\r\n\r\n            <div class=\"roldz-cta-message\">\r\n\r\n                <div class=\"roldz-cta-lines\" aria-hidden=\"true\">\r\n                    <span class=\"one\"><\/span>\r\n                    <span class=\"two\"><\/span>\r\n                    <span class=\"three\"><\/span>\r\n                <\/div>\r\n\r\n                <p class=\"roldz-cta-text\">\r\n                    <strong>One marketplace.<\/strong>\r\n                    Endless possibilities across Africa.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <a\r\n                href=\"\/fr\/\"\r\n                class=\"roldz-explore-button\"\r\n                aria-label=\"Explore ROLDZ\"\r\n            >\r\n                <span>\r\n                    Explore ROLDZ\r\n                <\/span>\r\n\r\n                <span\r\n                    class=\"roldz-explore-arrow\"\r\n                    aria-hidden=\"true\"\r\n                >\r\n                    \u2192\r\n                <\/span>\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-aee2ad0 elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-invisible\" data-id=\"aee2ad0\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5d53744\" data-id=\"5d53744\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" class=\"e-image-base e-default-img\" data-interaction-id=\"ccc8502\" data-e-type=\"widget\" data-id=\"ccc8502\" id=\"13653\" src=\"https:\/\/roldz.com\/wp-content\/uploads\/2026\/09\/DATABASE-2.jpg\" width=\"1437\" height=\"217\" srcset=\"https:\/\/roldz.com\/wp-content\/uploads\/2026\/09\/DATABASE-2.jpg 1437w, https:\/\/roldz.com\/wp-content\/uploads\/2026\/09\/DATABASE-2-768x115.jpg 768w, https:\/\/roldz.com\/wp-content\/uploads\/2026\/09\/DATABASE-2-600x90.jpg 600w\" alt=\"\"\/>\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-08bf3a0 elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-invisible\" data-id=\"08bf3a0\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f8eb058\" data-id=\"f8eb058\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-58ab983 elementor-widget elementor-widget-html\" data-id=\"58ab983\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     ROLDZ \u2014 TESTIMONIALS SECTION\r\n     Elementor HTML Widget\r\n========================================================= -->\r\n\r\n<section class=\"roldz-testimonials\">\r\n\r\n  <div class=\"roldz-testimonials-inner\">\r\n\r\n    <!-- Section Heading -->\r\n    <div class=\"roldz-testimonials-heading\">\r\n\r\n      <div class=\"roldz-eyebrow\">\r\n        <span class=\"line green\"><\/span>\r\n        <span>WHAT OUR COMMUNITY SAYS<\/span>\r\n        <span class=\"line yellow\"><\/span>\r\n      <\/div>\r\n\r\n      <h2>\r\n        Real People.\r\n        <span>Real Connections.<\/span>\r\n      <\/h2>\r\n\r\n      <p>\r\n        Discover why buyers, sellers and businesses are choosing\r\n        ROLDZ to connect, discover and grow across Africa.\r\n      <\/p>\r\n\r\n      <div class=\"roldz-heading-bars\">\r\n        <span class=\"bar green\"><\/span>\r\n        <span class=\"bar teal\"><\/span>\r\n        <span class=\"bar yellow\"><\/span>\r\n        <span class=\"bar orange\"><\/span>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- Testimonials -->\r\n    <div class=\"roldz-testimonial-grid\">\r\n\r\n\r\n      <!-- TESTIMONIAL 1 -->\r\n      <article class=\"roldz-testimonial-card card-green\">\r\n\r\n        <div class=\"quote-mark\">\u201c<\/div>\r\n\r\n        <div class=\"roldz-stars\">\r\n          \u2605 \u2605 \u2605 \u2605 \u2605\r\n        <\/div>\r\n\r\n        <p class=\"roldz-testimonial-text\">\r\n          ROLDZ makes it much easier to discover products and\r\n          services in one place. I love how simple the marketplace\r\n          feels to use.\r\n        <\/p>\r\n\r\n        <div class=\"roldz-person\">\r\n\r\n          <div class=\"roldz-avatar green-avatar\">\r\n            A\r\n          <\/div>\r\n\r\n          <div>\r\n            <strong>Amara<\/strong>\r\n            <span>Buyer<\/span>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- TESTIMONIAL 2 -->\r\n      <article class=\"roldz-testimonial-card card-orange\">\r\n\r\n        <div class=\"quote-mark\">\u201c<\/div>\r\n\r\n        <div class=\"roldz-stars\">\r\n          \u2605 \u2605 \u2605 \u2605 \u2605\r\n        <\/div>\r\n\r\n        <p class=\"roldz-testimonial-text\">\r\n          I like the idea of having one marketplace where people\r\n          can showcase what they sell and connect with customers\r\n          across Africa.\r\n        <\/p>\r\n\r\n        <div class=\"roldz-person\">\r\n\r\n          <div class=\"roldz-avatar orange-avatar\">\r\n            K\r\n          <\/div>\r\n\r\n          <div>\r\n            <strong>Kelvin<\/strong>\r\n            <span>Seller<\/span>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- TESTIMONIAL 3 -->\r\n      <article class=\"roldz-testimonial-card card-blue\">\r\n\r\n        <div class=\"quote-mark\">\u201c<\/div>\r\n\r\n        <div class=\"roldz-stars\">\r\n          \u2605 \u2605 \u2605 \u2605 \u2605\r\n        <\/div>\r\n\r\n        <p class=\"roldz-testimonial-text\">\r\n          ROLDZ brings different opportunities together in a way\r\n          that feels modern, accessible and easy to understand.\r\n        <\/p>\r\n\r\n        <div class=\"roldz-person\">\r\n\r\n          <div class=\"roldz-avatar blue-avatar\">\r\n            N\r\n          <\/div>\r\n\r\n          <div>\r\n            <strong>Nadia<\/strong>\r\n            <span>Business Owner<\/span>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- Bottom CTA -->\r\n    <div class=\"roldz-testimonial-cta\">\r\n\r\n      <div class=\"roldz-cta-decoration\">\r\n        <span><\/span>\r\n        <span><\/span>\r\n        <span><\/span>\r\n      <\/div>\r\n\r\n      <div class=\"roldz-cta-text\">\r\n        <strong>One marketplace.<\/strong>\r\n        <span>Endless possibilities across Africa.<\/span>\r\n      <\/div>\r\n\r\n      <a href=\"\/fr\/register\/\" class=\"roldz-cta-button\">\r\n        Join ROLDZ\r\n        <span>\u2192<\/span>\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   ROLDZ TESTIMONIALS\r\n========================================================= *\/\r\n\r\n.roldz-testimonials {\r\n  width: 100%;\r\n  box-sizing: border-box;\r\n  padding: 95px 25px 90px;\r\n  background: #ffffff;\r\n  position: relative;\r\n  overflow: hidden;\r\n  font-family: Arial, Helvetica, sans-serif;\r\n}\r\n\r\n\r\n\/* Decorative background shapes *\/\r\n\r\n.roldz-testimonials::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  width: 190px;\r\n  height: 190px;\r\n  border-radius: 50%;\r\n  background: #ff7420;\r\n  opacity: 0.10;\r\n  left: -80px;\r\n  top: 110px;\r\n}\r\n\r\n.roldz-testimonials::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  width: 210px;\r\n  height: 210px;\r\n  border-radius: 50%;\r\n  background: #00a99d;\r\n  opacity: 0.09;\r\n  right: -90px;\r\n  bottom: 70px;\r\n}\r\n\r\n\r\n\/* Main container *\/\r\n\r\n.roldz-testimonials-inner {\r\n  max-width: 1180px;\r\n  margin: 0 auto;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADING\r\n========================================================= *\/\r\n\r\n.roldz-testimonials-heading {\r\n  text-align: center;\r\n  max-width: 850px;\r\n  margin: 0 auto 55px;\r\n}\r\n\r\n\r\n.roldz-eyebrow {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  gap: 13px;\r\n  margin-bottom: 18px;\r\n  font-size: 14px;\r\n  font-weight: 800;\r\n  letter-spacing: 1.5px;\r\n  color: #087f4f;\r\n}\r\n\r\n\r\n.roldz-eyebrow .line {\r\n  width: 38px;\r\n  height: 4px;\r\n  border-radius: 10px;\r\n  display: inline-block;\r\n}\r\n\r\n\r\n.roldz-eyebrow .green {\r\n  background: #087f4f;\r\n}\r\n\r\n\r\n.roldz-eyebrow .yellow {\r\n  background: #f4c400;\r\n}\r\n\r\n\r\n.roldz-testimonials-heading h2 {\r\n  margin: 0;\r\n  font-size: clamp(38px, 5vw, 62px);\r\n  line-height: 1.05;\r\n  font-weight: 800;\r\n  letter-spacing: -2px;\r\n  color: #292d32;\r\n}\r\n\r\n\r\n.roldz-testimonials-heading h2 span {\r\n  color: #087f4f;\r\n}\r\n\r\n\r\n.roldz-testimonials-heading p {\r\n  max-width: 720px;\r\n  margin: 22px auto 0;\r\n  font-size: 17px;\r\n  line-height: 1.75;\r\n  color: #6c747c;\r\n}\r\n\r\n\r\n.roldz-heading-bars {\r\n  display: flex;\r\n  justify-content: center;\r\n  gap: 7px;\r\n  margin-top: 25px;\r\n}\r\n\r\n\r\n.roldz-heading-bars .bar {\r\n  width: 30px;\r\n  height: 4px;\r\n  border-radius: 10px;\r\n}\r\n\r\n\r\n.roldz-heading-bars .green {\r\n  background: #087f4f;\r\n}\r\n\r\n\r\n.roldz-heading-bars .teal {\r\n  background: #00a99d;\r\n}\r\n\r\n\r\n.roldz-heading-bars .yellow {\r\n  background: #f4c400;\r\n}\r\n\r\n\r\n.roldz-heading-bars .orange {\r\n  background: #ff7420;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TESTIMONIAL GRID\r\n========================================================= *\/\r\n\r\n.roldz-testimonial-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 24px;\r\n}\r\n\r\n\r\n\/* Cards *\/\r\n\r\n.roldz-testimonial-card {\r\n  background: #ffffff;\r\n  border: 1px solid #e4e7ea;\r\n  border-radius: 22px;\r\n  padding: 35px 32px 32px;\r\n  position: relative;\r\n  overflow: hidden;\r\n  box-shadow: 0 12px 35px rgba(25, 35, 45, 0.07);\r\n  transition: transform 0.25s ease,\r\n              box-shadow 0.25s ease;\r\n}\r\n\r\n\r\n.roldz-testimonial-card:hover {\r\n  transform: translateY(-7px);\r\n  box-shadow: 0 20px 45px rgba(25, 35, 45, 0.12);\r\n}\r\n\r\n\r\n\/* Colored top border *\/\r\n\r\n.roldz-testimonial-card::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  left: 0;\r\n  top: 0;\r\n  width: 100%;\r\n  height: 5px;\r\n}\r\n\r\n\r\n.card-green::before {\r\n  background: #0b8b55;\r\n}\r\n\r\n\r\n.card-orange::before {\r\n  background: #ff7417;\r\n}\r\n\r\n\r\n.card-blue::before {\r\n  background: #1678df;\r\n}\r\n\r\n\r\n\/* Quote *\/\r\n\r\n.quote-mark {\r\n  position: absolute;\r\n  top: 15px;\r\n  right: 25px;\r\n  font-size: 75px;\r\n  line-height: 1;\r\n  font-family: Georgia, serif;\r\n  font-weight: bold;\r\n  opacity: 0.10;\r\n}\r\n\r\n\r\n.card-green .quote-mark {\r\n  color: #0b8b55;\r\n}\r\n\r\n\r\n.card-orange .quote-mark {\r\n  color: #ff7417;\r\n}\r\n\r\n\r\n.card-blue .quote-mark {\r\n  color: #1678df;\r\n}\r\n\r\n\r\n\/* Stars *\/\r\n\r\n.roldz-stars {\r\n  font-size: 17px;\r\n  letter-spacing: 3px;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n\r\n.card-green .roldz-stars {\r\n  color: #0b8b55;\r\n}\r\n\r\n\r\n.card-orange .roldz-stars {\r\n  color: #ff7417;\r\n}\r\n\r\n\r\n.card-blue .roldz-stars {\r\n  color: #1678df;\r\n}\r\n\r\n\r\n\/* Testimonial text *\/\r\n\r\n.roldz-testimonial-text {\r\n  margin: 0;\r\n  color: #646d75;\r\n  font-size: 16px;\r\n  line-height: 1.75;\r\n  min-height: 145px;\r\n}\r\n\r\n\r\n\/* Person *\/\r\n\r\n.roldz-person {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 14px;\r\n  margin-top: 28px;\r\n  padding-top: 22px;\r\n  border-top: 1px solid #edf0f2;\r\n}\r\n\r\n\r\n.roldz-avatar {\r\n  width: 52px;\r\n  height: 52px;\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: #ffffff;\r\n  font-size: 19px;\r\n  font-weight: 800;\r\n}\r\n\r\n\r\n.green-avatar {\r\n  background: #0b8b55;\r\n}\r\n\r\n\r\n.orange-avatar {\r\n  background: #ff7417;\r\n}\r\n\r\n\r\n.blue-avatar {\r\n  background: #1678df;\r\n}\r\n\r\n\r\n.roldz-person strong {\r\n  display: block;\r\n  font-size: 16px;\r\n  color: #292d32;\r\n  margin-bottom: 4px;\r\n}\r\n\r\n\r\n.roldz-person span {\r\n  display: block;\r\n  font-size: 13px;\r\n  color: #8a9198;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CTA\r\n========================================================= *\/\r\n\r\n.roldz-testimonial-cta {\r\n  margin-top: 55px;\r\n  padding: 24px 30px;\r\n  border-radius: 18px;\r\n  background: linear-gradient(\r\n    100deg,\r\n    #f4f7f6,\r\n    #f8faf9\r\n  );\r\n  border: 1px solid #e4e9e7;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 25px;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n\r\n.roldz-cta-decoration {\r\n  display: flex;\r\n  gap: 6px;\r\n  align-items: center;\r\n}\r\n\r\n\r\n.roldz-cta-decoration span {\r\n  display: block;\r\n  width: 30px;\r\n  height: 4px;\r\n  border-radius: 10px;\r\n}\r\n\r\n\r\n.roldz-cta-decoration span:nth-child(1) {\r\n  background: #087f4f;\r\n}\r\n\r\n\r\n.roldz-cta-decoration span:nth-child(2) {\r\n  background: #00a99d;\r\n}\r\n\r\n\r\n.roldz-cta-decoration span:nth-child(3) {\r\n  background: #f4c400;\r\n}\r\n\r\n\r\n.roldz-cta-text {\r\n  flex: 1;\r\n  font-size: 16px;\r\n  color: #6b7278;\r\n}\r\n\r\n\r\n.roldz-cta-text strong {\r\n  color: #087f4f;\r\n  font-weight: 800;\r\n  margin-right: 5px;\r\n}\r\n\r\n\r\n.roldz-cta-button {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 15px;\r\n  padding: 15px 25px;\r\n  border-radius: 10px;\r\n  background: linear-gradient(\r\n    90deg,\r\n    #087f4f,\r\n    #00a99d\r\n  );\r\n  color: #ffffff !important;\r\n  text-decoration: none !important;\r\n  font-size: 15px;\r\n  font-weight: 800;\r\n  white-space: nowrap;\r\n  transition: transform 0.2s ease,\r\n              box-shadow 0.2s ease;\r\n}\r\n\r\n\r\n.roldz-cta-button:hover {\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 8px 20px rgba(0, 130, 90, 0.25);\r\n}\r\n\r\n\r\n.roldz-cta-button span {\r\n  font-size: 22px;\r\n  line-height: 1;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n  .roldz-testimonial-grid {\r\n    grid-template-columns: 1fr 1fr;\r\n  }\r\n\r\n  .roldz-testimonial-card:last-child {\r\n    grid-column: 1 \/ -1;\r\n    max-width: 50%;\r\n    margin: 0 auto;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 650px) {\r\n\r\n  .roldz-testimonials {\r\n    padding: 70px 18px 65px;\r\n  }\r\n\r\n  .roldz-testimonials-heading {\r\n    margin-bottom: 38px;\r\n  }\r\n\r\n  .roldz-eyebrow {\r\n    font-size: 11px;\r\n    gap: 8px;\r\n  }\r\n\r\n  .roldz-eyebrow .line {\r\n    width: 25px;\r\n  }\r\n\r\n  .roldz-testimonials-heading h2 {\r\n    font-size: 39px;\r\n    letter-spacing: -1px;\r\n  }\r\n\r\n  .roldz-testimonials-heading p {\r\n    font-size: 15px;\r\n    line-height: 1.65;\r\n  }\r\n\r\n  .roldz-testimonial-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 18px;\r\n  }\r\n\r\n  .roldz-testimonial-card:last-child {\r\n    grid-column: auto;\r\n    max-width: none;\r\n  }\r\n\r\n  .roldz-testimonial-card {\r\n    padding: 30px 25px;\r\n  }\r\n\r\n  .roldz-testimonial-text {\r\n    min-height: auto;\r\n  }\r\n\r\n  .roldz-testimonial-cta {\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n    padding: 25px;\r\n  }\r\n\r\n  .roldz-cta-decoration {\r\n    order: 1;\r\n  }\r\n\r\n  .roldz-cta-text {\r\n    order: 2;\r\n  }\r\n\r\n  .roldz-cta-button {\r\n    order: 3;\r\n    width: 100%;\r\n    justify-content: center;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b4f7441 elementor-widget elementor-widget-html\" data-id=\"b4f7441\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     ROLDZ \u2014 MEET THE TEAM SECTION\r\n     Elementor HTML Widget\r\n     ========================================================= -->\r\n\r\n<section class=\"roldz-team-section\">\r\n\r\n  <!-- Decorative background shapes -->\r\n  <div class=\"roldz-team-circle roldz-team-circle-top\"><\/div>\r\n  <div class=\"roldz-team-circle roldz-team-circle-bottom\"><\/div>\r\n\r\n  <div class=\"roldz-team-container\">\r\n\r\n    <!-- Section Heading -->\r\n    <div class=\"roldz-team-heading\">\r\n\r\n      <div class=\"roldz-section-label\">\r\n        <span class=\"label-line green\"><\/span>\r\n        <span>MEET THE TEAM<\/span>\r\n        <span class=\"label-line yellow\"><\/span>\r\n      <\/div>\r\n\r\n      <h2>\r\n        The People Behind\r\n        <span>ROLDZ.<\/span>\r\n      <\/h2>\r\n\r\n      <p>\r\n        Building a marketplace that makes it easier for people,\r\n        businesses and communities across Africa to buy, sell,\r\n        discover and connect.\r\n      <\/p>\r\n\r\n      <div class=\"roldz-color-lines\">\r\n        <span class=\"line-green\"><\/span>\r\n        <span class=\"line-teal\"><\/span>\r\n        <span class=\"line-yellow\"><\/span>\r\n        <span class=\"line-orange\"><\/span>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         TEAM CARDS\r\n         ===================================================== -->\r\n\r\n    <div class=\"roldz-team-grid\">\r\n\r\n\r\n      <!-- TEAM 1 -->\r\n      <article class=\"roldz-team-card card-green\">\r\n\r\n        <div class=\"roldz-team-image\">\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/images.unsplash.com\/photo-1739298061707-cefee19941b7?auto=format&fit=crop&w=900&q=85\"\r\n            alt=\"ROLDZ Marketplace Leadership Team\"\r\n            loading=\"lazy\"\r\n            onerror=\"this.onerror=null;this.src='data:image\/svg+xml,%3Csvg xmlns=%22http:\/\/www.w3.org\/2000\/svg%22 width=%22900%22 height=%22500%22 viewBox=%220 0 900 500%22%3E%3Crect width=%22900%22 height=%22500%22 fill=%220c8b5b%22\/%3E%3Ccircle cx=%22450%22 cy=%22180%22 r=%2280%22 fill=%22white%22 opacity=%22.9%22\/%3E%3Crect x=%22310%22 y=%22280%22 width=%22280%22 height=%22160%22 rx=%2280%22 fill=%22white%22 opacity=%22.9%22\/%3E%3C\/svg%3E';\"\r\n          >\r\n\r\n        <\/div>\r\n\r\n        <div class=\"roldz-team-info\">\r\n\r\n          <h3>ROLDZ Team<\/h3>\r\n\r\n          <span class=\"team-role green-text\">\r\n            Marketplace<br>\r\n            Leadership\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- TEAM 2 -->\r\n      <article class=\"roldz-team-card card-orange\">\r\n\r\n        <div class=\"roldz-team-image\">\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/images.unsplash.com\/photo-1758874384555-37d50c0ee81a?auto=format&fit=crop&w=900&q=85\"\r\n            alt=\"ROLDZ Operations Team\"\r\n            loading=\"lazy\"\r\n            onerror=\"this.onerror=null;this.src='data:image\/svg+xml,%3Csvg xmlns=%22http:\/\/www.w3.org\/2000\/svg%22 width=%22900%22 height=%22500%22 viewBox=%220 0 900 500%22%3E%3Crect width=%22900%22 height=%22500%22 fill=%22ff7417%22\/%3E%3Ccircle cx=%22450%22 cy=%22180%22 r=%2280%22 fill=%22white%22 opacity=%22.9%22\/%3E%3Crect x=%22310%22 y=%22280%22 width=%22280%22 height=%22160%22 rx=%2280%22 fill=%22white%22 opacity=%22.9%22\/%3E%3C\/svg%3E';\"\r\n          >\r\n\r\n        <\/div>\r\n\r\n        <div class=\"roldz-team-info\">\r\n\r\n          <h3>ROLDZ Team<\/h3>\r\n\r\n          <span class=\"team-role orange-text\">\r\n            Operations\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- TEAM 3 -->\r\n      <article class=\"roldz-team-card card-blue\">\r\n\r\n        <div class=\"roldz-team-image\">\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/images.unsplash.com\/photo-1758874572691-ca0da239657e?auto=format&fit=crop&w=900&q=85\"\r\n            alt=\"ROLDZ Community Team\"\r\n            loading=\"lazy\"\r\n            onerror=\"this.onerror=null;this.src='data:image\/svg+xml,%3Csvg xmlns=%22http:\/\/www.w3.org\/2000\/svg%22 width=%22900%22 height=%22500%22 viewBox=%220 0 900 500%22%3E%3Crect width=%22900%22 height=%22500%22 fill=%222878d8%22\/%3E%3Ccircle cx=%22450%22 cy=%22180%22 r=%2280%22 fill=%22white%22 opacity=%22.9%22\/%3E%3Crect x=%22310%22 y=%22280%22 width=%22280%22 height=%22160%22 rx=%2280%22 fill=%22white%22 opacity=%22.9%22\/%3E%3C\/svg%3E';\"\r\n          >\r\n\r\n        <\/div>\r\n\r\n        <div class=\"roldz-team-info\">\r\n\r\n          <h3>ROLDZ Team<\/h3>\r\n\r\n          <span class=\"team-role blue-text\">\r\n            Community\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- TEAM 4 -->\r\n      <article class=\"roldz-team-card card-yellow\">\r\n\r\n        <div class=\"roldz-team-image\">\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/images.unsplash.com\/photo-1758876202618-7197443c717f?auto=format&fit=crop&w=900&q=85\"\r\n            alt=\"ROLDZ Growth and Partnerships Team\"\r\n            loading=\"lazy\"\r\n            onerror=\"this.onerror=null;this.src='data:image\/svg+xml,%3Csvg xmlns=%22http:\/\/www.w3.org\/2000\/svg%22 width=%22900%22 height=%22500%22 viewBox=%220 0 900 500%22%3E%3Crect width=%22900%22 height=%22500%22 fill=%22f2c500%22\/%3E%3Ccircle cx=%22450%22 cy=%22180%22 r=%2280%22 fill=%22white%22 opacity=%22.9%22\/%3E%3Crect x=%22310%22 y=%22280%22 width=%22280%22 height=%22160%22 rx=%2280%22 fill=%22white%22 opacity=%22.9%22\/%3E%3C\/svg%3E';\"\r\n          >\r\n\r\n        <\/div>\r\n\r\n        <div class=\"roldz-team-info\">\r\n\r\n          <h3>ROLDZ Team<\/h3>\r\n\r\n          <span class=\"team-role yellow-text\">\r\n            Growth &amp;<br>\r\n            Partnerships\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- TEAM 5 -->\r\n      <article class=\"roldz-team-card card-teal\">\r\n\r\n        <div class=\"roldz-team-image\">\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/images.unsplash.com\/photo-1758873272000-d3763373f863?auto=format&fit=crop&w=900&q=85\"\r\n            alt=\"ROLDZ Customer Support Team\"\r\n            loading=\"lazy\"\r\n            onerror=\"this.onerror=null;this.src='data:image\/svg+xml,%3Csvg xmlns=%22http:\/\/www.w3.org\/2000\/svg%22 width=%22900%22 height=%22500%22 viewBox=%220 0 900 500%22%3E%3Crect width=%22900%22 height=%22500%22 fill=%220fa7a5%22\/%3E%3Ccircle cx=%22450%22 cy=%22180%22 r=%2280%22 fill=%22white%22 opacity=%22.9%22\/%3E%3Crect x=%22310%22 y=%22280%22 width=%22280%22 height=%22160%22 rx=%2280%22 fill=%22white%22 opacity=%22.9%22\/%3E%3C\/svg%3E';\"\r\n          >\r\n\r\n        <\/div>\r\n\r\n        <div class=\"roldz-team-info\">\r\n\r\n          <h3>ROLDZ Team<\/h3>\r\n\r\n          <span class=\"team-role teal-text\">\r\n            Customer Support\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         BOTTOM CTA\r\n         ===================================================== -->\r\n\r\n    <div class=\"roldz-team-cta\">\r\n\r\n      <div class=\"roldz-cta-decoration\">\r\n        <span><\/span>\r\n        <span><\/span>\r\n        <span><\/span>\r\n      <\/div>\r\n\r\n      <div class=\"roldz-cta-content\">\r\n\r\n        <strong>\r\n          One marketplace. Endless possibilities.\r\n        <\/strong>\r\n\r\n        <p>\r\n          Join the growing ROLDZ community across Africa.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n      <a\r\n        href=\"\/fr\/register\/\"\r\n        class=\"roldz-team-button\"\r\n      >\r\n        Join ROLDZ\r\n        <span>\u2192<\/span>\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   ROLDZ TEAM SECTION\r\n   ========================================================= *\/\r\n\r\n.roldz-team-section {\r\n  position: relative;\r\n  width: 100%;\r\n  background: #ffffff;\r\n  overflow: hidden;\r\n  padding: 75px 25px 45px;\r\n  box-sizing: border-box;\r\n  font-family: inherit;\r\n}\r\n\r\n\r\n\/* CONTAINER *\/\r\n\r\n.roldz-team-container {\r\n  width: 100%;\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DECORATIVE CIRCLES\r\n   ========================================================= *\/\r\n\r\n.roldz-team-circle {\r\n  position: absolute;\r\n  border-radius: 50%;\r\n  pointer-events: none;\r\n}\r\n\r\n.roldz-team-circle-top {\r\n  width: 145px;\r\n  height: 145px;\r\n  left: -55px;\r\n  top: -65px;\r\n  background: rgba(15, 167, 165, 0.10);\r\n}\r\n\r\n.roldz-team-circle-bottom {\r\n  width: 125px;\r\n  height: 125px;\r\n  right: -55px;\r\n  bottom: -55px;\r\n  background: rgba(242, 197, 0, 0.10);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SECTION HEADING\r\n   ========================================================= *\/\r\n\r\n.roldz-team-heading {\r\n  text-align: center;\r\n  max-width: 1000px;\r\n  margin: 0 auto 48px;\r\n}\r\n\r\n\r\n.roldz-section-label {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 13px;\r\n  margin-bottom: 17px;\r\n\r\n  color: #087a4f;\r\n  font-size: 15px;\r\n  font-weight: 800;\r\n  letter-spacing: 2px;\r\n}\r\n\r\n\r\n.label-line {\r\n  display: inline-block;\r\n  width: 37px;\r\n  height: 4px;\r\n  border-radius: 20px;\r\n}\r\n\r\n.label-line.green {\r\n  background: #087a4f;\r\n}\r\n\r\n.label-line.yellow {\r\n  background: #f2c500;\r\n}\r\n\r\n\r\n.roldz-team-heading h2 {\r\n  margin: 0;\r\n\r\n  font-size: clamp(42px, 5vw, 68px);\r\n  line-height: 1.08;\r\n  font-weight: 800;\r\n  letter-spacing: -2px;\r\n  color: #292929;\r\n}\r\n\r\n\r\n.roldz-team-heading h2 span {\r\n  color: #078653;\r\n}\r\n\r\n\r\n.roldz-team-heading p {\r\n  max-width: 850px;\r\n  margin: 20px auto 0;\r\n\r\n  font-size: 17px;\r\n  line-height: 1.7;\r\n  color: #68727a;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   COLOUR LINES\r\n   ========================================================= *\/\r\n\r\n.roldz-color-lines {\r\n  display: flex;\r\n  justify-content: center;\r\n  gap: 7px;\r\n  margin-top: 27px;\r\n}\r\n\r\n.roldz-color-lines span {\r\n  width: 30px;\r\n  height: 4px;\r\n  border-radius: 20px;\r\n}\r\n\r\n.line-green {\r\n  background: #078653;\r\n}\r\n\r\n.line-teal {\r\n  background: #0fa7a5;\r\n}\r\n\r\n.line-yellow {\r\n  background: #f2c500;\r\n}\r\n\r\n.line-orange {\r\n  background: #ff7417;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TEAM GRID\r\n   ========================================================= *\/\r\n\r\n.roldz-team-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(5, 1fr);\r\n  gap: 20px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TEAM CARD\r\n   ========================================================= *\/\r\n\r\n.roldz-team-card {\r\n  position: relative;\r\n  background: #ffffff;\r\n\r\n  border: 1px solid #e3e6e8;\r\n  border-radius: 18px;\r\n\r\n  overflow: hidden;\r\n\r\n  box-shadow:\r\n    0 12px 30px rgba(20, 30, 40, 0.07);\r\n\r\n  transition:\r\n    transform 0.3s ease,\r\n    box-shadow 0.3s ease;\r\n}\r\n\r\n\r\n.roldz-team-card:hover {\r\n  transform: translateY(-7px);\r\n\r\n  box-shadow:\r\n    0 20px 40px rgba(20, 30, 40, 0.12);\r\n}\r\n\r\n\r\n\/* COLOURED TOP BORDER *\/\r\n\r\n.card-green {\r\n  border-top: 5px solid #078653;\r\n}\r\n\r\n.card-orange {\r\n  border-top: 5px solid #ff7417;\r\n}\r\n\r\n.card-blue {\r\n  border-top: 5px solid #2878d8;\r\n}\r\n\r\n.card-yellow {\r\n  border-top: 5px solid #f2c500;\r\n}\r\n\r\n.card-teal {\r\n  border-top: 5px solid #0fa7a5;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TEAM IMAGE\r\n   ========================================================= *\/\r\n\r\n.roldz-team-image {\r\n  width: 100%;\r\n  height: 235px;\r\n\r\n  background: #eef1f2;\r\n\r\n  overflow: hidden;\r\n}\r\n\r\n\r\n.roldz-team-image img {\r\n  display: block;\r\n\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n  object-fit: cover;\r\n  object-position: center;\r\n\r\n  transition:\r\n    transform 0.5s ease;\r\n}\r\n\r\n\r\n.roldz-team-card:hover .roldz-team-image img {\r\n  transform: scale(1.05);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TEAM INFORMATION\r\n   ========================================================= *\/\r\n\r\n.roldz-team-info {\r\n  min-height: 130px;\r\n\r\n  padding: 21px 18px 24px;\r\n\r\n  text-align: center;\r\n\r\n  background: #ffffff;\r\n}\r\n\r\n\r\n.roldz-team-info h3 {\r\n  margin: 0 0 10px;\r\n\r\n  color: #303338;\r\n\r\n  font-size: 21px;\r\n  line-height: 1.2;\r\n  font-weight: 800;\r\n}\r\n\r\n\r\n.team-role {\r\n  display: inline-block;\r\n\r\n  font-size: 14px;\r\n  line-height: 1.65;\r\n  font-weight: 700;\r\n}\r\n\r\n\r\n.green-text {\r\n  color: #078653;\r\n}\r\n\r\n.orange-text {\r\n  color: #ff7417;\r\n}\r\n\r\n.blue-text {\r\n  color: #2878d8;\r\n}\r\n\r\n.yellow-text {\r\n  color: #c9a600;\r\n}\r\n\r\n.teal-text {\r\n  color: #0b9694;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BOTTOM CTA\r\n   ========================================================= *\/\r\n\r\n.roldz-team-cta {\r\n  position: relative;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n\r\n  margin-top: 60px;\r\n  padding: 28px 34px;\r\n\r\n  min-height: 105px;\r\n\r\n  border-radius: 20px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      100deg,\r\n      #078653 0%,\r\n      #0fa7a5 38%,\r\n      #72c879 72%,\r\n      #f2c500 100%\r\n    );\r\n\r\n  overflow: hidden;\r\n}\r\n\r\n\r\n\/* CTA TEXT *\/\r\n\r\n.roldz-cta-content {\r\n  position: relative;\r\n  z-index: 2;\r\n  margin-left: 70px;\r\n}\r\n\r\n\r\n.roldz-cta-content strong {\r\n  display: block;\r\n\r\n  color: #ffffff;\r\n\r\n  font-size: 20px;\r\n  line-height: 1.3;\r\n  font-weight: 800;\r\n}\r\n\r\n\r\n.roldz-cta-content p {\r\n  margin: 5px 0 0;\r\n\r\n  color: #ffffff;\r\n\r\n  font-size: 15px;\r\n  line-height: 1.5;\r\n}\r\n\r\n\r\n\/* CTA DECORATION *\/\r\n\r\n.roldz-cta-decoration {\r\n  position: absolute;\r\n  left: 34px;\r\n  top: 50%;\r\n  transform: translateY(-50%);\r\n\r\n  display: flex;\r\n  gap: 7px;\r\n}\r\n\r\n\r\n.roldz-cta-decoration span {\r\n  width: 29px;\r\n  height: 4px;\r\n\r\n  border-radius: 20px;\r\n\r\n  background: #ffffff;\r\n}\r\n\r\n\r\n.roldz-cta-decoration span:nth-child(2) {\r\n  opacity: 0.75;\r\n}\r\n\r\n.roldz-cta-decoration span:nth-child(3) {\r\n  background: #f2c500;\r\n}\r\n\r\n\r\n\/* CTA BUTTON *\/\r\n\r\n.roldz-team-button {\r\n  position: relative;\r\n  z-index: 2;\r\n\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 12px;\r\n\r\n  min-width: 170px;\r\n\r\n  padding: 15px 24px;\r\n\r\n  background: #ffffff;\r\n\r\n  color: #087a4f;\r\n\r\n  border-radius: 10px;\r\n\r\n  font-size: 15px;\r\n  font-weight: 800;\r\n\r\n  text-decoration: none;\r\n\r\n  transition:\r\n    transform 0.25s ease,\r\n    box-shadow 0.25s ease;\r\n}\r\n\r\n\r\n.roldz-team-button:hover {\r\n  color: #087a4f;\r\n\r\n  transform: translateY(-3px);\r\n\r\n  box-shadow:\r\n    0 10px 25px rgba(0, 0, 0, 0.16);\r\n}\r\n\r\n\r\n.roldz-team-button span {\r\n  font-size: 20px;\r\n  line-height: 1;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 1050px) {\r\n\r\n  .roldz-team-grid {\r\n    grid-template-columns: repeat(3, 1fr);\r\n  }\r\n\r\n  .roldz-team-image {\r\n    height: 250px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n  .roldz-team-section {\r\n    padding: 55px 18px 35px;\r\n  }\r\n\r\n\r\n  .roldz-team-heading {\r\n    margin-bottom: 35px;\r\n  }\r\n\r\n\r\n  .roldz-section-label {\r\n    font-size: 12px;\r\n    letter-spacing: 1.5px;\r\n  }\r\n\r\n\r\n  .roldz-team-heading h2 {\r\n    font-size: 40px;\r\n    letter-spacing: -1px;\r\n  }\r\n\r\n\r\n  .roldz-team-heading p {\r\n    font-size: 15px;\r\n  }\r\n\r\n\r\n  .roldz-team-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 18px;\r\n  }\r\n\r\n\r\n  .roldz-team-image {\r\n    height: 280px;\r\n  }\r\n\r\n\r\n  .roldz-team-info {\r\n    min-height: auto;\r\n    padding: 20px;\r\n  }\r\n\r\n\r\n  .roldz-team-cta {\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n\r\n    gap: 20px;\r\n\r\n    padding: 28px 25px;\r\n  }\r\n\r\n\r\n  .roldz-cta-content {\r\n    margin-left: 0;\r\n    padding-left: 0;\r\n  }\r\n\r\n\r\n  .roldz-cta-decoration {\r\n    position: static;\r\n    transform: none;\r\n  }\r\n\r\n\r\n  .roldz-team-button {\r\n    width: 100%;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b032314 elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-invisible\" data-id=\"b032314\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-895bbe6\" data-id=\"895bbe6\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<img decoding=\"async\" class=\"e-image-base e-default-img\" data-interaction-id=\"8d047c0\" data-e-type=\"widget\" data-id=\"8d047c0\" id=\"13658\" src=\"https:\/\/roldz.com\/wp-content\/uploads\/2026\/09\/COFFEE.jpg\" width=\"1342\" height=\"316\" srcset=\"https:\/\/roldz.com\/wp-content\/uploads\/2026\/09\/COFFEE.jpg 1342w, https:\/\/roldz.com\/wp-content\/uploads\/2026\/09\/COFFEE-768x180.jpg 768w, https:\/\/roldz.com\/wp-content\/uploads\/2026\/09\/COFFEE-600x141.jpg 600w\" alt=\"\"\/>\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3b1cfe2 elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3b1cfe2\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1c1cf8f\" data-id=\"1c1cf8f\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9a3b453 elementor-widget elementor-widget-spacer\" data-id=\"9a3b453\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>R ROLDZ MARKETPLACE \u25cf ONLINE BUY. SELL. DISCOVER. Products \u2022 Services \u2022 Property \u2022 Vehicles \u2022 Jobs \ud83c\udfe0 Property \ud83d\ude97 Vehicles \ud83d\udcf1 Electronics \ud83d\udcbc Jobs \ud83d\udc57 Fashion \ud83d\udee0 Services \ud83c\udf0d AFRICA&#8217;S GROWING MARKETPLACE \u2197 ROLDZ MARKETPLACE BUY. SELL. DISCOVER. ABOUT ROLDZ Africa&#8217;s Marketplace. Built for Everyone. ROLDZ is a growing African marketplace designed to make [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"rs_blank_template":"","rs_page_bg_color":"","slide_template_v7":"","_jetpack_hide_featured_image":false,"_jetpack_featured_image_duplicate_dismissed":0,"footnotes":""},"class_list":["post-8605","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/roldz.com\/fr\/wp-json\/wp\/v2\/pages\/8605","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/roldz.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/roldz.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/roldz.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/roldz.com\/fr\/wp-json\/wp\/v2\/comments?post=8605"}],"version-history":[{"count":10,"href":"https:\/\/roldz.com\/fr\/wp-json\/wp\/v2\/pages\/8605\/revisions"}],"predecessor-version":[{"id":13664,"href":"https:\/\/roldz.com\/fr\/wp-json\/wp\/v2\/pages\/8605\/revisions\/13664"}],"wp:attachment":[{"href":"https:\/\/roldz.com\/fr\/wp-json\/wp\/v2\/media?parent=8605"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}