{"id":1754,"date":"2025-09-22T18:52:14","date_gmt":"2025-09-22T18:52:14","guid":{"rendered":"http:\/\/13.218.196.176\/?page_id=1754"},"modified":"2025-11-18T22:45:01","modified_gmt":"2025-11-18T22:45:01","slug":"etabrokersmaina","status":"publish","type":"page","link":"https:\/\/www.etabrokers.com\/index.php\/etabrokersmaina\/","title":{"rendered":"ETABrokersMain2"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1754\" class=\"elementor elementor-1754\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4fd9e7e e-grid e-con-full e-con e-parent\" data-id=\"4fd9e7e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9b01367 animated-slow elementor-invisible elementor-widget elementor-widget-html\" data-id=\"9b01367\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:300}\" eta-hero=\"\" data-animate=\"\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ETA Brokers \u2013 Hero (paste into Elementor HTML widget) -->\r\n<section id=\"eta-hero\" aria-label=\"Affiliate Growth Hero\">\r\n  <div class=\"eta-card\">\r\n    <p class=\"eta-eyebrow\">#1 PLATFORM FOR AFFILIATE MARKETERS<\/p>\r\n\r\n    <h1 class=\"eta-title\">\r\n      Your <span class=\"eta-accent\">Partner<\/span> in\r\n    <\/h1>\r\n    <h1 class=\"eta-title\">\r\n      <span class=\"eta-accent\">Affiliate<\/span> Growth\r\n    <\/h1>\r\n\r\n    <p class=\"eta-subhead\">\r\n      Launch and scale your affiliate marketing business faster with ETABrokers.\r\n      Our simple sign-up process, high-converting tools, and reliable payouts help\r\n      you focus on growing traffic, building partnerships, and earning more commissions.\r\n    <\/p>\r\n\r\n    <a class=\"eta-btn\" href=\"#\">\r\n      <span>SIGN UP FREE TODAY<\/span>\r\n      <span class=\"eta-arrow\">\u2192<\/span>\r\n    <\/a>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  \/* ====== ETA Brokers Hero styles ====== *\/\r\n  #eta-hero{\r\n    \/* Easy theme tuning *\/\r\n    --accent: #F0CC4B;      \/* highlight for \u201cPartner\u201d + \u201cAffiliate\u201d *\/\r\n    --text:   #0B0D13;      \/* main text color *\/\r\n    --muted:  #5A5A5A;      \/* paragraph color *\/\r\n    --card-bg:#FFFFFF;      \/* center panel *\/\r\n    --card-shadow: 0 14px 38px rgba(0,0,0,.08);\r\n    --radius: 6px;\r\n\r\n    position: relative;\r\n    display: grid;\r\n    place-items: center;\r\n    min-height: 520px; \/* matches the comp height *\/\r\n    padding: 72px 20px 96px;\r\n    background-image: url('http:\/\/www.etabrokers.com\/wp-content\/uploads\/2025\/10\/image-25.png');\r\n    background-size: cover;\r\n    background-position: center top;\r\n    background-repeat: no-repeat;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  \/* Subtle global text rendering improvements *\/\r\n  #eta-hero, #eta-hero *{\r\n    -webkit-font-smoothing: antialiased;\r\n    -moz-osx-font-smoothing: grayscale;\r\n  }\r\n\r\n  \/* Center white card that sits over the background artwork *\/\r\n  #eta-hero .eta-card{\r\n    width: min(780px, 100%);\r\n    background: var(--card-bg);\r\n    box-shadow: var(--card-shadow);\r\n    border-radius: var(--radius);\r\n    padding: 44px clamp(24px, 5vw, 56px) 48px;\r\n  }\r\n\r\n  \/* Eyebrow *\/\r\n  #eta-hero .eta-eyebrow{\r\n    margin: 0 0 16px 0;\r\n    font: 600 13px\/1.2 system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif;\r\n    letter-spacing: .16em;\r\n    text-transform: uppercase;\r\n    color: rgba(11,13,19,.82);\r\n  }\r\n\r\n  \/* Main titles *\/\r\n  #eta-hero .eta-title{\r\n    margin: 0;\r\n    font-weight: 800;\r\n    letter-spacing: -0.02em;\r\n    color: var(--text);\r\n    line-height: 1.06;\r\n    \/* Scales smoothly from mobile to desktop, but caps to preserve the comp look *\/\r\n    font-size: clamp(34px, 6.2vw, 64px);\r\n  }\r\n\r\n  #eta-hero .eta-accent{\r\n    color: var(--accent);\r\n  }\r\n\r\n  \/* Paragraph under titles *\/\r\n  #eta-hero .eta-subhead{\r\n    margin: 18px 0 30px 0;\r\n    font: 400 16px\/1.65 system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif;\r\n    color: var(--muted);\r\n  }\r\n\r\n  \/* CTA Button *\/\r\n  #eta-hero .eta-btn{\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 14px;\r\n    padding: 16px 22px;\r\n    border: 1.5px solid #1a1a1a;\r\n    border-radius: 7px;\r\n    text-decoration: none;\r\n    font: 700 15px\/1 system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif;\r\n    color: #0B0D13;\r\n    background: #fff;\r\n    transition: background .2s ease, color .2s ease, border-color .2s ease, transform .04s ease-in;\r\n  }\r\n  #eta-hero .eta-btn .eta-arrow{\r\n    display: inline-block;\r\n    transform: translateX(0);\r\n    transition: transform .2s ease;\r\n  }\r\n  #eta-hero .eta-btn:hover{\r\n    background: #0B0D13;\r\n    color: #fff;\r\n    border-color: #0B0D13;\r\n  }\r\n  #eta-hero .eta-btn:hover .eta-arrow{\r\n    transform: translateX(4px);\r\n  }\r\n  #eta-hero .eta-btn:active{\r\n    transform: translateY(1px);\r\n  }\r\n\r\n  \/* Responsiveness and fine-tuning *\/\r\n  @media (max-width: 767px){\r\n    #eta-hero{\r\n      padding: 56px 16px 72px;\r\n      min-height: 520px; \/* keeps the visual proportion on phones *\/\r\n      background-position: center top;\r\n    }\r\n    #eta-hero .eta-card{\r\n      padding: 32px 22px 38px;\r\n    }\r\n    #eta-hero .eta-subhead{\r\n      font-size: 15.5px;\r\n    }\r\n    #eta-hero .eta-btn{\r\n      width: 100%;\r\n      justify-content: center;\r\n    }\r\n  }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4349e16 e-grid e-con-full e-con e-parent\" data-id=\"4349e16\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-33c92ea elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"33c92ea\" data-element_type=\"widget\" eta-hero__content=\"\" data-stagger=\"\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Logos strip \u2014 80vw (10% gutters each side), Elementor-ready -->\r\n<style>\r\n  .eta-logos-bleed{\r\n    position:relative;\r\n    left:50%;\r\n    width:80vw;                \/* 10% gutters on each side *\/\r\n    margin-left:-40vw;\r\n  }\r\n  .eta-logos-bleed, .eta-logos-bleed *{ box-sizing:border-box; }\r\n\r\n  \/* Section styling *\/\r\n  .eta-logos{\r\n    background:#ffffff;\r\n    padding: clamp(28px, 5vw, 56px) 0;\r\n  }\r\n\r\n  \/* Grid *\/\r\n  .eta-logos__inner{\r\n    max-width:min(1400px, 100%);\r\n    margin:0 auto;\r\n    padding:0 clamp(8px, 1.5vw, 20px);\r\n  }\r\n  .eta-logos__grid{\r\n    display:grid;\r\n    grid-template-columns: repeat(5, 1fr);\r\n    align-items:center;\r\n    gap: clamp(24px, 4vw, 64px);\r\n  }\r\n\r\n  \/* Logo items *\/\r\n  .eta-logo{\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    min-height: 54px;                 \/* keeps rows even *\/\r\n    opacity:.88;\r\n    filter: grayscale(100%) contrast(95%);\r\n    transition: filter .25s ease, opacity .25s ease, transform .1s ease;\r\n  }\r\n  .eta-logo:hover{\r\n    filter: grayscale(0%) contrast(100%);\r\n    opacity:1;\r\n    transform: translateY(-1px);\r\n  }\r\n  .eta-logo img{\r\n    display:block;\r\n    max-width: 180px;                 \/* keeps any overly large logo in check *\/\r\n    width:100%;\r\n    height:auto;\r\n    object-fit: contain;\r\n  }\r\n\r\n  \/* Mobile: wrap to rows *\/\r\n  @media (max-width: 1024px){\r\n    .eta-logos__grid{ grid-template-columns: repeat(3, 1fr); }\r\n  }\r\n  @media (max-width: 640px){\r\n    .eta-logos-bleed{\r\n      left:auto;\r\n      width:auto;\r\n      margin-left:auto;\r\n    }\r\n    .eta-logos__grid{ grid-template-columns: repeat(2, 1fr); }\r\n  }\r\n\r\n  \/* (Optional) subtle top divider shadow to separate from hero *\/\r\n  .eta-logos__divider{\r\n    height:12px;\r\n    margin:-12px 0 12px 0;\r\n    background:linear-gradient(to bottom, rgba(0,0,0,.06), rgba(0,0,0,0));\r\n    opacity:.35;\r\n  }\r\n<\/style>\r\n\r\n<section class=\"eta-logos\" aria-label=\"Partner and client logos\">\r\n  <div class=\"eta-logos-bleed\">\r\n    <div class=\"eta-logos__inner\">\r\n      <div class=\"eta-logos__divider\" aria-hidden=\"true\"><\/div>\r\n      <!-- Hidden heading for accessibility; omit visually -->\r\n      <h2 style=\"position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;\">\r\n        Trusted by partners\r\n      <\/h2>\r\n\r\n      <div class=\"eta-logos__grid\">\r\n        <a class=\"eta-logo\" href=\"#\" aria-label=\"ETA07\">\r\n          <img src=\"http:\/\/www.etabrokers.com\/wp-content\/uploads\/2025\/10\/ChatGPT-Image-Oct-7-2025-10_01_51-AM.png\"\r\n               alt=\"ETA07 logo\" loading=\"lazy\" decoding=\"async\">\r\n        <\/a>\r\n\r\n        <a class=\"eta-logo\" href=\"#\" aria-label=\"Avon\">\r\n          <img src=\"http:\/\/www.etabrokers.com\/wp-content\/uploads\/2025\/10\/ChatGPT-Image-Oct-7-2025-09_54_02-AM.png\"\r\n               alt=\"Avon logo\" loading=\"lazy\" decoding=\"async\">\r\n        <\/a>\r\n\r\n        <a class=\"eta-logo\" href=\"#\" aria-label=\"Beauty Society\">\r\n          <img src=\"http:\/\/www.etabrokers.com\/wp-content\/uploads\/2025\/10\/ChatGPT-Image-Oct-7-2025-09_55_43-AM.png\"\r\n               alt=\"Beauty Society logo\" loading=\"lazy\" decoding=\"async\">\r\n        <\/a>\r\n\r\n        <a class=\"eta-logo\" href=\"#\" aria-label=\"Scout & Cellar\">\r\n          <img src=\"http:\/\/www.etabrokers.com\/wp-content\/uploads\/2025\/10\/ChatGPT-Image-Oct-7-2025-09_57_06-AM.png\"\r\n               alt=\"Scout and Cellar logo\" loading=\"lazy\" decoding=\"async\">\r\n        <\/a>\r\n\r\n        <a class=\"eta-logo\" href=\"#\" aria-label=\"TELUS\">\r\n          <img src=\"http:\/\/www.etabrokers.com\/wp-content\/uploads\/2025\/10\/ChatGPT-Image-Oct-7-2025-09_58_49-AM.png\"\r\n               alt=\"TELUS logo\" loading=\"lazy\" decoding=\"async\">\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2934a7b e-grid e-con-full e-con e-parent\" data-id=\"2934a7b\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-93e026e elementor-invisible elementor-widget elementor-widget-html\" data-id=\"93e026e\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInLeft&quot;}\" eta-hero__visual=\"\" data-animate=\"\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ETA Brokers \u2013 \u201cScale Your Affiliate Business Smarter\u201d (revised) -->\r\n<section id=\"eta-scale\" aria-label=\"Scale Your Affiliate Business Smarter\">\r\n  <div class=\"wrap\">\r\n    <h2 class=\"title\">\r\n      Scale Your <span class=\"accent\">Affiliate<\/span><br class=\"desk-break\">\r\n      <span class=\"accent\">Business<\/span> Smarter\r\n    <\/h2>\r\n\r\n    <div class=\"grid\">\r\n      <!-- timeline (center column) -->\r\n      <div class=\"timeline\" aria-hidden=\"true\">\r\n        <img decoding=\"async\" class=\"zigzag\" src=\"http:\/\/www.etabrokers.com\/wp-content\/uploads\/2025\/10\/Vector-2-1.png\" alt=\"\">\r\n        \r\n      <\/div>\r\n\r\n      <!-- Row 1 -->\r\n      <figure class=\"img img-1\">\r\n        <img decoding=\"async\" src=\"http:\/\/www.etabrokers.com\/wp-content\/uploads\/2025\/10\/Group-49-1.png\" alt=\"Quick sign-up on a laptop\">\r\n      <\/figure>\r\n      <div class=\"text text-1\">\r\n        <h3>Simple Sign\u2011Up<\/h3>\r\n        <p>Join in minutes with our easy sign\u2011up process. No complicated setup \u2014 just create your account and start earning.<\/p>\r\n      <\/div>\r\n\r\n      <!-- Row 2 -->\r\n      <div class=\"text text-2\">\r\n        <h3>High Commissions<\/h3>\r\n        <p>Boost your income with competitive payouts and a trusted affiliate program designed to maximize your earnings.<\/p>\r\n      <\/div>\r\n      <figure class=\"img img-2\">\r\n        <img decoding=\"async\" src=\"http:\/\/www.etabrokers.com\/wp-content\/uploads\/2025\/10\/undraw_wallet_diag-1-1.png\" alt=\"Wallet illustration for commissions\">\r\n      <\/figure>\r\n\r\n      <!-- Row 3 -->\r\n      <figure class=\"img img-3\">\r\n        <img decoding=\"async\" src=\"http:\/\/www.etabrokers.com\/wp-content\/uploads\/2025\/10\/Group-50.png\" alt=\"Analytics dashboard on desktop\">\r\n      <\/figure>\r\n      <div class=\"text text-3\">\r\n        <h3>All\u2011in\u2011One Dashboard<\/h3>\r\n        <p>Track clicks, sales, and commissions in real time with a clean, powerful dashboard built for affiliates.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  \/* ===== Tunables to fine\u2011match the comp ===== *\/\r\n  #eta-scale{\r\n    --accent: #F0CC4B;\r\n    --heading: #0B0D13;\r\n    --body: #5E5E5E;\r\n\r\n    \/* Fixed desktop canvas for pixel alignment *\/\r\n    --canvas: 980px;   \/* overall width of content *\/\r\n    --colL:   420px;   \/* left content column *\/\r\n    --colC:   120px;   \/* center timeline column *\/\r\n    --colR:   420px;   \/* right content column *\/\r\n    --rowGap: 96px;    \/* vertical spacing between rows *\/\r\n\r\n    --imgW:   360px;   \/* base image width (desktop) *\/\r\n    --dot:    20px;    \/* circle size *\/\r\n  }\r\n\r\n  #eta-scale{ padding: 40px 0 30px; }\r\n  #eta-scale .wrap{ max-width: var(--canvas); margin: 0 auto; }\r\n\r\n  \/* Heading *\/\r\n  #eta-scale .title{\r\n    margin: 0 0 36px;\r\n    text-align: center;\r\n    font: 800 36px\/1.25 system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif;\r\n    letter-spacing: -0.01em;\r\n    color: var(--heading);\r\n  }\r\n  #eta-scale .title .accent{ color: var(--accent); }\r\n  \/* Keep the desktop line break, collapse on small screens *\/\r\n  .desk-break{ display: inline; }\r\n\r\n  \/* Grid: image | timeline | text   (row 2 alternates) *\/\r\n  #eta-scale .grid{\r\n    display: grid;\r\n    grid-template-columns: var(--colL) var(--colC) var(--colR);\r\n    grid-auto-rows: min-content;\r\n    align-items: center;\r\n    column-gap: 0;\r\n    row-gap: var(--rowGap);\r\n    position: relative;\r\n  }\r\n\r\n  \/* Center timeline *\/\r\n  #eta-scale .timeline{\r\n    grid-column: 2;\r\n    grid-row: 1 \/ span 3;\r\n    position: relative;\r\n    width: var(--colC);\r\n    \/* Height follows grid content; min-height keeps the curve proportion *\/\r\n    min-height: 720px;\r\n  }\r\n  #eta-scale .timeline .zigzag{\r\n    position: absolute;\r\n    left: 50%;\r\n    top: 0;\r\n    transform: translateX(-50%);\r\n    height: 100%;\r\n    width: auto;\r\n    display: block;\r\n  }\r\n  #eta-scale .timeline .dot{\r\n    position: absolute;\r\n    left: 50%;\r\n    width: var(--dot);\r\n    height: var(--dot);\r\n    transform: translate(-50%, -50%);\r\n  }\r\n  \/* Marker positions aligned to the comp (tweak these three % if needed) *\/\r\n  #eta-scale .timeline .d1{ top: 18%; }\r\n  #eta-scale .timeline .d2{ top: 52%; }\r\n  #eta-scale .timeline .d3{ top: 86%; }\r\n\r\n  \/* Cells *\/\r\n  #eta-scale .img{ margin: 0; }\r\n  #eta-scale .img img{\r\n    width: var(--imgW);\r\n    height: auto;\r\n    display: block;\r\n  }\r\n  \/* Row placement *\/\r\n  #eta-scale .img-1{ grid-column: 1; grid-row: 1; justify-self: end; }\r\n  #eta-scale .text-1{ grid-column: 3; grid-row: 1; }\r\n\r\n  #eta-scale .text-2{ grid-column: 1; grid-row: 2; }\r\n  #eta-scale .img-2{ grid-column: 3; grid-row: 2; justify-self: start; }\r\n\r\n  #eta-scale .img-3{ grid-column: 1; grid-row: 3; justify-self: end; }\r\n  #eta-scale .text-3{ grid-column: 3; grid-row: 3; }\r\n\r\n  \/* Typography for feature blocks *\/\r\n  #eta-scale .text{ max-width: 360px; }\r\n  #eta-scale .text h3{\r\n    margin: 0 0 10px;\r\n    font: 800 22px\/1.2 system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif;\r\n    color: var(--heading);\r\n    letter-spacing: -0.01em;\r\n  }\r\n  #eta-scale .text p{\r\n    margin: 0;\r\n    font: 400 13.5px\/1.65 system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif;\r\n    color: var(--body);\r\n    max-width: 360px;\r\n  }\r\n\r\n  \/* ------- Responsive (stack) ------- *\/\r\n  @media (max-width: 980px){\r\n    .desk-break{ display: none; } \/* let the browser decide the wrap on small screens *\/\r\n    #eta-scale{ padding: 32px 18px 40px; }\r\n    #eta-scale .wrap{ max-width: 720px; }\r\n    #eta-scale .title{ font-size: 30px; margin-bottom: 22px; }\r\n\r\n    #eta-scale .grid{\r\n      grid-template-columns: 1fr;\r\n      row-gap: 26px;\r\n    }\r\n    #eta-scale .timeline{ display: none; }\r\n\r\n    #eta-scale .img-1{ grid-row: 1; justify-self: center; }\r\n    #eta-scale .text-1{ grid-row: 2; }\r\n\r\n    #eta-scale .text-2{ grid-row: 3; }\r\n    #eta-scale .img-2{ grid-row: 4; justify-self: center; }\r\n\r\n    #eta-scale .img-3{ grid-row: 5; justify-self: center; }\r\n    #eta-scale .text-3{ grid-row: 6; }\r\n    #eta-scale .img img{ width: min(420px, 92vw); }\r\n    #eta-scale .text{ max-width: none; }\r\n    #eta-scale .text p{ font-size: 14px; }\r\n  }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b1cdbcf e-grid e-con-full e-con e-parent\" data-id=\"b1cdbcf\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5b98bf3 elementor-invisible elementor-widget elementor-widget-html\" data-id=\"5b98bf3\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInRight&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ETA Brokers \u2013 One Platform \/ Endless Possibilities -->\r\n<section id=\"eta-usmap\" aria-label=\"One Platform. Endless Possibilities.\">\r\n  <div class=\"wrap\">\r\n    <h2 class=\"title\">\r\n      One <span class=\"accent\">Platform.<\/span><br class=\"desk-break\">\r\n      <span class=\"accent\">Endless<\/span> Possibilities.\r\n    <\/h2>\r\n\r\n    <div class=\"map-wrap\">\r\n      <!-- Base map -->\r\n      <img decoding=\"async\" class=\"map\" src=\"http:\/\/www.etabrokers.com\/wp-content\/uploads\/2025\/10\/6a53be18ee0ee003ef7f4bdbcacb5ef8d8fdb39c-1.png\" alt=\"United States map\">\r\n\r\n      <!-- Callout boxes (exact art from your files) -->\r\n      <img decoding=\"async\" class=\"callout c1\" src=\"http:\/\/www.etabrokers.com\/wp-content\/uploads\/2025\/10\/Frame-15.png\" alt=\"Start, run, and grow your affiliate business from one platform.\">\r\n      <img decoding=\"async\" class=\"callout c2\" src=\"http:\/\/www.etabrokers.com\/wp-content\/uploads\/2025\/10\/Frame-16.png\" alt=\"Manage campaigns, referrals, and payouts with zero complexity.\">\r\n      <img decoding=\"async\" class=\"callout c3\" src=\"http:\/\/www.etabrokers.com\/wp-content\/uploads\/2025\/10\/Frame-17.png\" alt=\"Cut costs and save time with everything in one dashboard.\">\r\n    <\/div>\r\n\r\n    <!-- Accessible mobile fallback (hidden on desktop) -->\r\n    <ul class=\"mobile-points\" aria-label=\"Benefits list\">\r\n      <li>\r\n        <img decoding=\"async\" src=\"http:\/\/www.etabrokers.com\/wp-content\/uploads\/2025\/10\/Group.png\" alt=\"\" aria-hidden=\"true\">\r\n        Start, run, and grow your affiliate business from one platform.\r\n      <\/li>\r\n      <li>\r\n        <img decoding=\"async\" src=\"http:\/\/www.etabrokers.com\/wp-content\/uploads\/2025\/10\/Group.png\" alt=\"\" aria-hidden=\"true\">\r\n        Manage campaigns, referrals, and payouts with zero complexity.\r\n      <\/li>\r\n      <li>\r\n        <img decoding=\"async\" src=\"http:\/\/www.etabrokers.com\/wp-content\/uploads\/2025\/10\/Group.png\" alt=\"\" aria-hidden=\"true\">\r\n        Cut costs and save time with everything in one dashboard.\r\n      <\/li>\r\n    <\/ul>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  \/* ===== Tunables for pixel-perfect alignment (desktop) ===== *\/\r\n  #eta-usmap{\r\n    --accent: #F0CC4B;\r\n    --heading: #0B0D13;\r\n\r\n    \/* Canvas & map sizes (desktop) *\/\r\n    --canvas: 980px;         \/* content container width *\/\r\n    --mapW:   760px;         \/* visual width of the yellow US map *\/\r\n    --cW:     320px;         \/* callout PNG width (all three same for parity) *\/\r\n\r\n    \/* Calibrated positions of the 3 callouts relative to the map.\r\n       top\/left are in percentages of the MAP, not the page.        *\/\r\n    --c1-top: 22.5%;  --c1-left: 73%;   \/* Start\/Run\/Grow (upper right) *\/\r\n    --c2-top: 54.5%;  --c2-left: 10.5%; \/* Manage campaigns (left middle) *\/\r\n    --c3-top: 80.5%;  --c3-left: 54%;   \/* Cut costs (lower right) *\/\r\n  }\r\n\r\n  #eta-usmap{ padding: 40px 0 10px; }\r\n  #eta-usmap .wrap{ max-width: var(--canvas); margin: 0 auto; }\r\n\r\n  \/* Heading *\/\r\n  #eta-usmap .title{\r\n    margin: 0 0 22px;\r\n    text-align: center;\r\n    font: 800 32px\/1.25 system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif;\r\n    letter-spacing: -0.01em;\r\n    color: var(--heading);\r\n  }\r\n  #eta-usmap .title .accent{ color: var(--accent); }\r\n  .desk-break{ display: inline; }\r\n\r\n  \/* Map + overlayed callouts *\/\r\n  #eta-usmap .map-wrap{\r\n    position: relative;\r\n    width: var(--mapW);\r\n    margin: 10px auto 0;\r\n  }\r\n  #eta-usmap .map{\r\n    display: block;\r\n    width: 100%;\r\n    height: auto;\r\n  }\r\n\r\n  #eta-usmap .callout{\r\n    position: absolute;\r\n    width: var(--cW);\r\n    height: auto;\r\n    display: block;\r\n    \/* Ensure legibility above the map *\/\r\n    z-index: 2;\r\n  }\r\n\r\n  \/* Exact placement (relative to the map box) *\/\r\n  #eta-usmap .c1{ top: var(--c1-top); left: var(--c1-left); transform: translate(-10%, -50%); }\r\n  #eta-usmap .c2{ top: var(--c2-top); left: var(--c2-left); transform: translate(0, -50%); }\r\n  #eta-usmap .c3{ top: var(--c3-top); left: var(--c3-left); transform: translate(-5%, -50%); }\r\n\r\n  \/* Mobile fallback list (hidden on desktop) *\/\r\n  #eta-usmap .mobile-points{\r\n    display: none;\r\n    list-style: none;\r\n    padding: 18px 18px 0;\r\n    margin: 12px auto 0;\r\n    max-width: 720px;\r\n    font: 400 16px\/1.6 system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif;\r\n  }\r\n  #eta-usmap .mobile-points li{\r\n    display: grid;\r\n    grid-template-columns: 28px 1fr;\r\n    gap: 12px;\r\n    align-items: start;\r\n    margin: 12px 0;\r\n  }\r\n  #eta-usmap .mobile-points img{\r\n    width: 24px; height: 24px; margin-top: 2px;\r\n  }\r\n\r\n  \/* ------- Responsive ------- *\/\r\n  @media (max-width: 1040px){\r\n    #eta-usmap .wrap{ max-width: 92vw; }\r\n    #eta-usmap{ padding-left: 12px; padding-right: 12px; }\r\n  }\r\n  @media (max-width: 980px){\r\n    \/* Reduce map + callout sizes while maintaining alignment *\/\r\n    #eta-usmap{ --mapW: 680px; --cW: 300px; }\r\n  }\r\n  @media (max-width: 820px){\r\n    \/* Switch to mobile layout: stack bullets; hide overlay PNG callouts *\/\r\n    #eta-usmap{ --mapW: min(92vw, 640px); }\r\n    #eta-usmap .callout{ display: none; }\r\n    #eta-usmap .mobile-points{ display: block; }\r\n    .desk-break{ display: none; }\r\n  }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-90f000f e-grid e-con-full e-con e-parent\" data-id=\"90f000f\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5bbd230 elementor-invisible elementor-widget elementor-widget-html\" data-id=\"5bbd230\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInDown&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ETA Brokers \u2013 Why ETABrokers? (icon-only version) -->\r\n<section id=\"eta-why\" aria-label=\"Why ETABrokers?\">\r\n  <div class=\"wrap\">\r\n    <h2 class=\"title\">Why ETA<span class=\"accent\">Brokers?<\/span><\/h2>\r\n\r\n    <div class=\"grid\">\r\n      <!-- Card 1 -->\r\n      <article class=\"card\">\r\n        <div class=\"icon\">\r\n          <img decoding=\"async\" src=\"http:\/\/www.etabrokers.com\/wp-content\/uploads\/2025\/10\/ph_cursor-click-thin.png\" alt=\"Unified icon\">\r\n        <\/div>\r\n        <h3>Unified<\/h3>\r\n        <p>Manage brokerage affiliates on one seamless platform.<\/p>\r\n      <\/article>\r\n\r\n      <!-- Card 2 -->\r\n      <article class=\"card\">\r\n        <div class=\"icon\">\r\n          <img decoding=\"async\" src=\"http:\/\/www.etabrokers.com\/wp-content\/uploads\/2025\/10\/Vector.png\" alt=\"Instant setup icon\">\r\n        <\/div>\r\n        <h3>Instant Setup<\/h3>\r\n        <p>Launch campaigns fast\u2014no coding needed.<\/p>\r\n      <\/article>\r\n\r\n      <!-- Card 3 -->\r\n      <article class=\"card\">\r\n        <div class=\"icon\">\r\n          <img decoding=\"async\" src=\"http:\/\/www.etabrokers.com\/wp-content\/uploads\/2025\/10\/Vector-1.png\" alt=\"Flexible icon\">\r\n        <\/div>\r\n        <h3>Flexible<\/h3>\r\n        <p>Custom commissions and partner structures.<\/p>\r\n      <\/article>\r\n\r\n      <!-- Card 4 -->\r\n      <article class=\"card\">\r\n        <div class=\"icon\">\r\n          <img decoding=\"async\" src=\"http:\/\/www.etabrokers.com\/wp-content\/uploads\/2025\/10\/Vector-2.png\" alt=\"Scalable icon\">\r\n        <\/div>\r\n        <h3>Scalable<\/h3>\r\n        <p>Grow from the local to global with ease.<\/p>\r\n      <\/article>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  \/* ===== Tunables to match the comp ===== *\/\r\n  #eta-why{\r\n    --accent: #F0CC4B;\r\n    --heading: #0B0D13;\r\n    --body: #5F5F5F;\r\n\r\n    --canvas: 980px;     \/* content width to align with other sections *\/\r\n    --gap: 28px;         \/* space between cards *\/\r\n    --radius: 6px;       \/* card corner radius *\/\r\n    --border: #E4E4E4;   \/* card border color *\/\r\n    --iconBox: 96px;     \/* square icon box (keeps visual size consistent) *\/\r\n    --iconMax: 70px;     \/* max edge of actual PNG inside the box *\/\r\n    --padY: 30px;        \/* card vertical padding *\/\r\n    --padX: 28px;        \/* card horizontal padding *\/\r\n  }\r\n\r\n  #eta-why{ padding: 36px 18px 22px; }\r\n  #eta-why .wrap{ max-width: var(--canvas); margin: 0 auto; }\r\n\r\n  \/* Heading *\/\r\n  #eta-why .title{\r\n    margin: 0 0 28px;\r\n    text-align: center;\r\n    font: 800 36px\/1.22 system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif;\r\n    letter-spacing: -0.01em;\r\n    color: var(--heading);\r\n  }\r\n  #eta-why .title .accent{ color: var(--accent); }\r\n\r\n  \/* Grid of 4 cards *\/\r\n  #eta-why .grid{\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: var(--gap);\r\n    align-items: stretch;\r\n  }\r\n\r\n  #eta-why .card{\r\n    border: 1px solid var(--border);\r\n    border-radius: var(--radius);\r\n    padding: var(--padY) var(--padX);\r\n    text-align: center;\r\n    background: #fff;\r\n  }\r\n\r\n  \/* Icon holder \u2013 guarantees identical icon sizing even with PNG whitespace *\/\r\n  #eta-why .icon{\r\n    width: var(--iconBox);\r\n    height: var(--iconBox);\r\n    margin: 0 auto 18px;\r\n    display: grid;\r\n    place-items: center;\r\n  }\r\n  #eta-why .icon img{\r\n    max-width: var(--iconMax);\r\n    max-height: var(--iconMax);\r\n    width: auto;\r\n    height: auto;\r\n    display: block;\r\n  }\r\n\r\n  #eta-why h3{\r\n    margin: 0 0 10px;\r\n    font: 800 20px\/1.2 system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif;\r\n    color: var(--heading);\r\n    letter-spacing: -0.01em;\r\n  }\r\n  #eta-why p{\r\n    margin: 0;\r\n    font: 400 13.5px\/1.7 system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif;\r\n    color: var(--body);\r\n  }\r\n\r\n  \/* Subtle hover feedback (optional) *\/\r\n  #eta-why .card:hover{ border-color: #D6D6D6; }\r\n\r\n  \/* ------- Responsive ------- *\/\r\n  @media (max-width: 980px){\r\n    #eta-why .grid{ grid-template-columns: repeat(2, 1fr); }\r\n    #eta-why{ --iconBox: 88px; --iconMax: 64px; }\r\n  }\r\n  @media (max-width: 560px){\r\n    #eta-why .grid{ grid-template-columns: 1fr; }\r\n    #eta-why{ --iconBox: 80px; --iconMax: 58px; --gap: 18px; }\r\n  }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b0a6872 e-grid e-con-full e-con e-parent\" data-id=\"b0a6872\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-29f166f elementor-invisible elementor-widget elementor-widget-html\" data-id=\"29f166f\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInLeft&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* ===== theme\u2011safe scope ===== *\/\r\n  .etab-v2 * { box-sizing: border-box; }\r\n  .etab-v2 { font-family: inherit; color:#111; }\r\n\r\n  \/* Colors + dimensions tuned to your mock *\/\r\n  .etab-v2 { --gold:#E1B44E; --muted:#6F6F6F; --border:#D8D8D8; --cardW:700px; }\r\n\r\n  \/* Heading *\/\r\n  .etab-v2 .hdr {\r\n    margin: 0 0 8px;\r\n    font-size: clamp(26px,3.2vw,32px);\r\n    font-weight: 600;\r\n    line-height: 1.25;\r\n    text-align: center;\r\n    letter-spacing:.2px;\r\n  }\r\n  .etab-v2 .hdr .gold { color:var(--gold); }\r\n\r\n  \/* Stage = arrows + card *\/\r\n  .etab-v2 .stage {\r\n    display:grid;\r\n    grid-template-columns:60px minmax(0,var(--cardW)) 60px;\r\n    align-items:center;\r\n    justify-content:center;\r\n    gap:10px;\r\n    width:100%;\r\n  }\r\n\r\n  \/* Card *\/\r\n  .etab-v2 .card{\r\n    width:100%;\r\n    max-width:var(--cardW);\r\n    margin:auto;\r\n    background:#fff;\r\n    border:1px solid var(--border);\r\n    border-radius:2px;\r\n    padding:34px 36px 24px;\r\n  }\r\n\r\n  \/* Top logo \u2014 fixed to prevent oversizing *\/\r\n  .etab-v2 .top-logo{\r\n    width:120px; max-width:120px; height:auto;\r\n    display:block;\r\n    margin:2px 0 18px 0;\r\n  }\r\n\r\n  \/* Quote with decorative quotes placed like the mock *\/\r\n  .etab-v2 blockquote{\r\n    position:relative;\r\n    margin:0;\r\n    font-size:17px;\r\n    line-height:1.65;\r\n    color:#3B3B3B;\r\n    padding:0 24px 0 24px;   \/* slight inset so quotes don't touch border *\/\r\n  }\r\n  .etab-v2 blockquote::before{\r\n    content:\"\u201c\";\r\n    position:absolute;\r\n    left:6px; top:6px;\r\n    font-size:22px; line-height:1;\r\n    color:var(--gold); font-weight:600;\r\n  }\r\n  .etab-v2 blockquote::after{\r\n    content:\"\u201d\";\r\n    position:absolute;\r\n    right:10px; top:6px;            \/* closing quotes near the top\u2011right like your image *\/\r\n    font-size:22px; line-height:1;\r\n    color:var(--gold); font-weight:600;\r\n  }\r\n\r\n  \/* Author row *\/\r\n  .etab-v2 .author{\r\n    display:grid;\r\n    grid-template-columns:56px 1fr;\r\n    gap:12px;\r\n    align-items:center;\r\n    margin-top:22px;\r\n  }\r\n  .etab-v2 .avatar{\r\n    width:56px; height:56px; border-radius:6px; object-fit:cover; display:block;\r\n  }\r\n  .etab-v2 .name{ font-weight:600; font-size:15px; margin-bottom:2px; color:#121212; }\r\n  .etab-v2 .role{ font-size:12.5px; color:var(--muted); letter-spacing:.1px; }\r\n\r\n  \/* Arrows: line + chevron (decorative only) *\/\r\n  .etab-v2 .arrow{\r\n    position:relative; width:60px; height:60px; background:transparent; border:0; cursor:default;\r\n  }\r\n  .etab-v2 .arrow::before{            \/* line *\/\r\n    content:\"\"; position:absolute; top:50%; left:14px; width:34px; height:1px; background:#AFAFAF; transform:translateY(-50%);\r\n  }\r\n  .etab-v2 .arrow.prev::after{\r\n    content:\"\"; position:absolute; top:50%; left:14px; width:10px; height:10px;\r\n    border-left:2px solid #AFAFAF; border-top:2px solid #AFAFAF; transform:translateY(-50%) rotate(-45deg);\r\n  }\r\n  .etab-v2 .arrow.next::after{\r\n    content:\"\"; position:absolute; top:50%; right:14px; width:10px; height:10px;\r\n    border-right:2px solid #AFAFAF; border-bottom:2px solid #AFAFAF; transform:translateY(-50%) rotate(-45deg);\r\n  }\r\n\r\n  \/* Progress bars under card *\/\r\n  .etab-v2 .bars{ display:flex; gap:14px; justify-content:center; align-items:center; margin:14px 0 24px; }\r\n  .etab-v2 .bar{ width:32px; height:3px; border-radius:2px; background:#EAEAEA; }\r\n  .etab-v2 .bar.is-active{ background:#2C2C2C; }\r\n\r\n  \/* Responsive *\/\r\n  @media (max-width:680px){\r\n    .etab-v2 .stage{ grid-template-columns:44px minmax(0,1fr) 44px; }\r\n    .etab-v2 .arrow{ width:44px; height:44px; }\r\n    .etab-v2 .card{ padding:26px 22px 18px; }\r\n    .etab-v2 .top-logo{ width:104px; max-width:104px; }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"etab-v2\" aria-label=\"Customer review\">\r\n  <h2 class=\"hdr\">Our Customer <span class=\"gold\">Reviews<\/span><\/h2>\r\n\r\n  <div class=\"stage\">\r\n    <span class=\"arrow prev\" aria-hidden=\"true\"><\/span>\r\n\r\n    <figure class=\"card\">\r\n      <!-- top logo inside the box -->\r\n      <img decoding=\"async\"\r\n        class=\"top-logo\"\r\n        src=\"http:\/\/www.etabrokers.com\/wp-content\/uploads\/2025\/10\/cropped-ChatGPT-Image-Oct-7-2025-10_01_51-AM.png\"\r\n        alt=\"Client logo\" loading=\"lazy\"\r\n      \/>\r\n\r\n      <!-- quote -->\r\n      <blockquote>\r\n        ETA Brokers completely transformed how we manage our affiliate partnerships.\r\n        The platform is intuitive, flexible, and makes scaling effortless.\r\n      <\/blockquote>\r\n\r\n      <!-- author row -->\r\n      <figcaption class=\"author\">\r\n        <img decoding=\"async\"\r\n          class=\"avatar\"\r\n          src=\"http:\/\/www.etabrokers.com\/wp-content\/uploads\/2025\/10\/Frame-11-3.png\"\r\n          alt=\"Sarah Collins\" loading=\"lazy\"\r\n        \/>\r\n        <div>\r\n          <div class=\"name\">Sarah Collins<\/div>\r\n          <div class=\"role\">Affiliate Program Manager at GlobalTrade Partners<\/div>\r\n        <\/div>\r\n      <\/figcaption>\r\n    <\/figure>\r\n\r\n    <span class=\"arrow next\" aria-hidden=\"true\"><\/span>\r\n  <\/div>\r\n\r\n  <div class=\"bars\" role=\"presentation\">\r\n    <span class=\"bar is-active\"><\/span>\r\n    <span class=\"bar\"><\/span>\r\n    <span class=\"bar\"><\/span>\r\n    <span class=\"bar\"><\/span>\r\n  <\/div>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d099365 e-grid e-con-full e-con e-parent\" data-id=\"d099365\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5eac867 elementor-invisible elementor-widget elementor-widget-html\" data-id=\"5eac867\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInRight&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Single Pricing Box \u2013 Elementor HTML widget (CENTERED) -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  \/* ---------- CONFIG ---------- *\/\r\n  .affiliate-pricing {\r\n    --accent: #F4C44B;             \/* yellow accent *\/\r\n    --text:   #111111;             \/* primary text *\/\r\n    --muted:  #6B7280;             \/* secondary text *\/\r\n    --line:   #EAEAEA;             \/* light borders\/dividers *\/\r\n    --card-bg:#FFFFFF;             \/* card background *\/\r\n    --chip-bg:#FFFFFF;             \/* pill background *\/\r\n    --chip-bd:#E5E7EB;             \/* pill border *\/\r\n    --btn-bd: #1F2937;             \/* button border *\/\r\n    --shadow: 0 6px 18px rgba(17,17,17,.06);\r\n    font-family: Inter, system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, \"Apple Color Emoji\", \"Segoe UI Emoji\";\r\n  }\r\n\r\n  .affiliate-pricing { \r\n    max-width: 820px; \r\n    margin: 0 auto; \r\n    padding: 32px 12px; \r\n    text-align: center;                 \/* <-- center all text by default *\/\r\n  }\r\n\r\n  .ap-grid { \r\n    display: grid; \r\n    grid-template-columns: 1fr; \r\n    gap: 24px; \r\n    justify-items: center;              \/* <-- center the card itself *\/\r\n  }\r\n\r\n  \/* Card *\/\r\n  .ap-card {\r\n    width: 100%;\r\n    background: var(--card-bg);\r\n    border: 1px solid var(--line);\r\n    border-radius: 16px;\r\n    box-shadow: var(--shadow);\r\n    overflow: hidden;\r\n    max-width: 720px;                   \/* keeps the box from stretching too wide *\/\r\n  }\r\n\r\n  .ap-card .ap-head {\r\n    padding: 24px 24px 12px;\r\n    display: flex; \r\n    align-items: center; \r\n    justify-content: center;            \/* <-- center badges horizontally *\/\r\n    gap: 12px;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .ap-chip {\r\n    background: var(--chip-bg);\r\n    border: 1px solid var(--chip-bd);\r\n    border-radius: 999px;\r\n    padding: 6px 10px;\r\n    font-size: 12px; font-weight: 600; letter-spacing: .02em;\r\n    color: var(--text);\r\n  }\r\n\r\n  .ap-title { font-size: 20px; font-weight: 700; color: var(--text); margin: 0; }\r\n\r\n  .ap-body { padding: 0 24px 24px; }\r\n\r\n  .ap-price {\r\n    margin-top: 10px;\r\n    display: flex; \r\n    align-items: baseline; \r\n    justify-content: center;            \/* <-- center price row *\/\r\n    gap: 10px;\r\n  }\r\n\r\n  .ap-price .value {\r\n    font-size: 44px; line-height: 1; font-weight: 800; color: var(--text);\r\n  }\r\n  .ap-price .period { color: var(--muted); font-weight: 500; }\r\n\r\n  .ap-features { margin-top: 14px; }\r\n  .ap-features ul { \r\n    list-style: none; margin: 0; padding: 0; \r\n    display: grid; gap: 10px; \r\n    justify-items: center;              \/* <-- center each feature item *\/\r\n  }\r\n\r\n  .ap-features li {\r\n    display: flex; \r\n    align-items: center; \r\n    justify-content: center;            \/* <-- center tick + text as a unit *\/\r\n    gap: 10px;\r\n    color: var(--text); \r\n    font-size: 14px;\r\n  }\r\n\r\n  .ap-features .tick {\r\n    width: 20px; height: 20px; border-radius: 6px;\r\n    border: 1px solid var(--chip-bd);\r\n    display: grid; place-items: center;\r\n    background: #fff;\r\n    flex: 0 0 20px;\r\n  }\r\n  .ap-features .tick::after {\r\n    content: \"\u2713\"; font-weight: 700; font-size: 12px; color: #16A34A;\r\n  }\r\n\r\n  .ap-cta {\r\n    border-top: 1px solid var(--line);\r\n    padding: 16px 24px 24px;\r\n  }\r\n\r\n  .ap-cta .btn {\r\n    display: inline-flex; align-items: center; justify-content: center;\r\n    width: 100%;\r\n    max-width: 420px;                   \/* <-- keeps button nicely centered *\/\r\n    padding: 14px 18px; border-radius: 12px;\r\n    border: 1.5px solid var(--btn-bd);\r\n    background: var(--text); color: #fff; font-weight: 700; text-decoration: none;\r\n    transition: transform .12s ease, box-shadow .12s ease, background .12s ease;\r\n  }\r\n  .ap-cta .btn:hover { transform: translateY(-1px); box-shadow: 0 8px 22px rgba(17,17,17,.12); background: #111; }\r\n  .ap-footnote { margin-top: 10px; color: var(--muted); font-size: 12px; text-align: center; }\r\n\r\n  \/* Badge strip *\/\r\n  .ap-badge {\r\n    display: inline-flex; align-items: center; gap: 8px;\r\n    background: #FFF7E5; color: #7A5500;\r\n    border: 1px solid #FDE68A; border-radius: 999px;\r\n    padding: 6px 10px; font-size: 12px; font-weight: 700; letter-spacing: .02em;\r\n  }\r\n  .ap-badge i {\r\n    display: inline-block; width: 8px; height: 8px; border-radius: 50%;\r\n    background: var(--accent);\r\n    box-shadow: 0 0 0 3px rgba(244,196,75,.28);\r\n  }\r\n\r\n  \/* Responsive touch-ups *\/\r\n  @media (min-width: 720px) {\r\n    .ap-card { border-radius: 18px; }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"affiliate-pricing\" aria-label=\"Pricing\">\r\n  <div class=\"ap-grid\">\r\n    <!-- LEFT Pricing Box (only one kept) -->\r\n    <article class=\"ap-card\" aria-label=\"Beginner Plan\">\r\n      <div class=\"ap-head\">\r\n        <span class=\"ap-chip\">Beginner<\/span>\r\n        <span class=\"ap-badge\"><i><\/i> Best for getting started<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"ap-body\">\r\n        <!-- PRICE UPDATED TO FREE -->\r\n        <div class=\"ap-price\" aria-label=\"Price\">\r\n          <div class=\"value\">FREE<\/div>\r\n          <div class=\"period\">forever<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"ap-features\" aria-label=\"Features\">\r\n          <ul>\r\n            <li><span class=\"tick\" aria-hidden=\"true\"><\/span><span>Access to Affiliate Dashboard<\/span><\/li>\r\n            <li><span class=\"tick\" aria-hidden=\"true\"><\/span><span>Unique referral link & tracking<\/span><\/li>\r\n            <li><span class=\"tick\" aria-hidden=\"true\"><\/span><span>Basic analytics & payouts view<\/span><\/li>\r\n            <li><span class=\"tick\" aria-hidden=\"true\"><\/span><span>Email support<\/span><\/li>\r\n          <\/ul>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"ap-cta\">\r\n        <!-- SIGNUP LINK UPDATED -->\r\n        <a class=\"btn\" href=\"https:\/\/www.etabrokers.com\/index.php\/register\/beginner\/\">Sign Up Free<\/a>\r\n        <div class=\"ap-footnote\">No credit card required<\/div>\r\n      <\/div>\r\n    <\/article>\r\n  <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8cc4b5c e-con-full e-flex e-con e-parent\" data-id=\"8cc4b5c\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bbc8513 elementor-widget elementor-widget-html\" data-id=\"bbc8513\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* Scope all styles to this widget only *\/\r\n  .faq-eta {\r\n    --accent: #E2B33F;      \/* gold for \"Questions\" *\/\r\n    --text: #111111;        \/* primary text *\/\r\n    --muted: #5F6368;       \/* body text for answers *\/\r\n    --divider: #E6E6E6;     \/* thin line color *\/\r\n    --maxw: 740px;          \/* visual width as in screenshot *\/\r\n    font-family: Inter, system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\r\n    color: var(--text);\r\n    max-width: var(--maxw);\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .faq-eta .faq-title {\r\n    text-align: center;\r\n    margin: 0 0 22px 0;\r\n    line-height: 1.15;\r\n  }\r\n  .faq-eta .faq-title span {\r\n    display: block;\r\n    font-weight: 700;\r\n    font-size: clamp(26px, 4.2vw, 36px); \/* \"Frequently Asked\" *\/\r\n    letter-spacing: -0.2px;\r\n  }\r\n  .faq-eta .faq-title em {\r\n    display: block;\r\n    font-style: normal;\r\n    color: var(--accent);\r\n    font-weight: 700;\r\n    margin-top: 6px;\r\n    font-size: clamp(26px, 4.2vw, 36px); \/* \"Questions\" *\/\r\n    letter-spacing: -0.2px;\r\n  }\r\n\r\n  \/* Accordion container *\/\r\n  .faq-eta .faq-list {\r\n    margin-top: 8px;\r\n  }\r\n\r\n  \/* Each item is a <details> so it works without JS *\/\r\n  .faq-eta details {\r\n    border-bottom: 1px solid var(--divider);\r\n    padding: 0; \/* lines sit flush as in screenshot *\/\r\n  }\r\n\r\n  .faq-eta summary {\r\n    list-style: none;\r\n    cursor: pointer;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 16px;\r\n    padding: 14px 0;                 \/* vertical rhythm matches screenshot *\/\r\n    font-size: 16px;\r\n    line-height: 1.45;\r\n    font-weight: 500;\r\n    outline: none;\r\n  }\r\n\r\n  \/* Remove native marker *\/\r\n  .faq-eta summary::-webkit-details-marker { display: none; }\r\n  .faq-eta summary::marker { content: \"\"; }\r\n\r\n  \/* Chevron icon *\/\r\n  .faq-eta .chev {\r\n    width: 20px;\r\n    height: 20px;\r\n    flex: 0 0 20px;\r\n    transition: transform .22s ease;\r\n    opacity: 0.9;\r\n  }\r\n  .faq-eta details[open] .chev { transform: rotate(180deg); }\r\n\r\n  \/* Answer area (if you add copy later) *\/\r\n  .faq-eta .faq-content {\r\n    padding: 4px 0 16px 0;\r\n    color: var(--muted);\r\n    font-size: 15px;\r\n    line-height: 1.6;\r\n  }\r\n\r\n  \/* Optional hover\/focus polish *\/\r\n  .faq-eta summary:hover { color: #000; }\r\n  .faq-eta summary:focus-visible {\r\n    outline: 2px solid #cfcfcf;\r\n    outline-offset: 3px;\r\n    border-radius: 4px;\r\n  }\r\n<\/style>\r\n\r\n<div class=\"faq-eta\" role=\"region\" aria-labelledby=\"faq-eta-title\">\r\n  <h2 class=\"faq-title\" id=\"faq-eta-title\">\r\n    <span>Frequently Asked<\/span>\r\n    <em>Questions<\/em>\r\n  <\/h2>\r\n\r\n  <div class=\"faq-list\" role=\"list\">\r\n    <details class=\"faq-item\" role=\"listitem\">\r\n      <summary>\r\n        <span>What is ETA Broker?<\/span>\r\n        <svg class=\"chev\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n          <path d=\"M6 9l6 6 6-6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n        <\/svg>\r\n      <\/summary>\r\n      <div class=\"faq-content\">\r\n        <!-- Add your answer here, or leave empty to keep it collapsed by default -->\r\n      <\/div>\r\n    <\/details>\r\n\r\n    <details class=\"faq-item\" role=\"listitem\">\r\n      <summary>\r\n        <span>Who can use ETA Broker?<\/span>\r\n        <svg class=\"chev\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n          <path d=\"M6 9l6 6 6-6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n        <\/svg>\r\n      <\/summary>\r\n      <div class=\"faq-content\"><\/div>\r\n    <\/details>\r\n\r\n    <details class=\"faq-item\" role=\"listitem\">\r\n      <summary>\r\n        <span>Do I need technical skills to use ETA Broker?<\/span>\r\n        <svg class=\"chev\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n          <path d=\"M6 9l6 6 6-6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n        <\/svg>\r\n      <\/summary>\r\n      <div class=\"faq-content\"><\/div>\r\n    <\/details>\r\n\r\n    <details class=\"faq-item\" role=\"listitem\">\r\n      <summary>\r\n        <span>Can I customize commission structures?<\/span>\r\n        <svg class=\"chev\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n          <path d=\"M6 9l6 6 6-6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n        <\/svg>\r\n      <\/summary>\r\n      <div class=\"faq-content\"><\/div>\r\n    <\/details>\r\n\r\n    <details class=\"faq-item\" role=\"listitem\">\r\n      <summary>\r\n        <span>Is there a limit to the number of affiliates I can add?<\/span>\r\n        <svg class=\"chev\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n          <path d=\"M6 9l6 6 6-6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n        <\/svg>\r\n      <\/summary>\r\n      <div class=\"faq-content\"><\/div>\r\n    <\/details>\r\n\r\n    <details class=\"faq-item\" role=\"listitem\">\r\n      <summary>\r\n        <span>What kind of support do you provide?<\/span>\r\n        <svg class=\"chev\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n          <path d=\"M6 9l6 6 6-6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n        <\/svg>\r\n      <\/summary>\r\n      <div class=\"faq-content\"><\/div>\r\n    <\/details>\r\n\r\n    <details class=\"faq-item\" role=\"listitem\">\r\n      <summary>\r\n        <span>Can I upgrade my plan later?<\/span>\r\n        <svg class=\"chev\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n          <path d=\"M6 9l6 6 6-6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n        <\/svg>\r\n      <\/summary>\r\n      <div class=\"faq-content\"><\/div>\r\n    <\/details>\r\n  <\/div>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>#1 PLATFORM FOR AFFILIATE MARKETERS Your Partner in Affiliate Growth Launch and scale your affiliate marketing business faster with ETABrokers. Our simple sign-up process, high-converting tools, and reliable payouts help you focus on growing traffic, building partnerships, and earning more commissions. SIGN UP FREE TODAY \u2192 Trusted by partners Scale Your Affiliate Business Smarter Simple [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"pmpro_default_level":"","footnotes":""},"class_list":["post-1754","page","type-page","status-publish","hentry","pmpro-has-access"],"_links":{"self":[{"href":"https:\/\/www.etabrokers.com\/index.php\/wp-json\/wp\/v2\/pages\/1754","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.etabrokers.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.etabrokers.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.etabrokers.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.etabrokers.com\/index.php\/wp-json\/wp\/v2\/comments?post=1754"}],"version-history":[{"count":58,"href":"https:\/\/www.etabrokers.com\/index.php\/wp-json\/wp\/v2\/pages\/1754\/revisions"}],"predecessor-version":[{"id":100000402,"href":"https:\/\/www.etabrokers.com\/index.php\/wp-json\/wp\/v2\/pages\/1754\/revisions\/100000402"}],"wp:attachment":[{"href":"https:\/\/www.etabrokers.com\/index.php\/wp-json\/wp\/v2\/media?parent=1754"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}