{"id":94,"date":"2026-06-04T13:26:06","date_gmt":"2026-06-04T13:26:06","guid":{"rendered":"https:\/\/demos.ahaplugins.com\/orbit-testimonials\/?page_id=94"},"modified":"2026-06-08T19:49:16","modified_gmt":"2026-06-08T19:49:16","slug":"aha-orbit-testimonials-animated-testimonial-slider","status":"publish","type":"page","link":"https:\/\/demos.ahaplugins.com\/orbit-testimonials\/","title":{"rendered":"Aha Orbit Testimonials \u2013 Animated Testimonial Slider"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"94\" class=\"elementor elementor-94\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a4db953 e-con-full e-flex e-con e-parent\" data-id=\"a4db953\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-abb1e0d elementor-widget elementor-widget-html\" data-id=\"abb1e0d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap\"\r\n    rel=\"stylesheet\">\r\n  <style>\r\n    \/* ============================================================\r\n       RESET & BASE\r\n       ============================================================ *\/\r\n    *,\r\n    *::before,\r\n    *::after {\r\n      box-sizing: border-box;\r\n      margin: 0;\r\n      padding: 0;\r\n    }\r\n\r\n    html {\r\n      scroll-behavior: smooth;\r\n      font-size: 16px;\r\n    }\r\n\r\n    \/* Offset for fixed nav when using anchor links *\/\r\n    section[id] {\r\n      scroll-margin-top: 80px;\r\n    }\r\n\r\n    body {\r\n      font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n      background: #07070f;\r\n      color: #e2e2f0;\r\n      line-height: 1.6;\r\n      overflow-x: hidden;\r\n    }\r\n\r\n    \/* ============================================================\r\n       DESIGN TOKENS\r\n       ============================================================ *\/\r\n    :root {\r\n      --cyan: #00d4ff;\r\n      --purple: #7c3aed;\r\n      --pink: #ec4899;\r\n      --red: #ef4444;\r\n      --green: #22c55e;\r\n      --amber: #f59e0b;\r\n      --bg-dark: #07070f;\r\n      --bg-dark2: #0d0d1a;\r\n      --bg-light: #f4f4f8;\r\n      --card-dark: rgba(255, 255, 255, 0.04);\r\n      --border-dark: rgba(255, 255, 255, 0.08);\r\n      --muted: #8888aa;\r\n      --grad: linear-gradient(135deg, #00d4ff 0%, #7c3aed 100%);\r\n    }\r\n\r\n    \/* ============================================================\r\n       UTILITIES\r\n       ============================================================ *\/\r\n    .container {\r\n      max-width: 1180px;\r\n      margin: 0 auto;\r\n      padding: 0 2rem;\r\n    }\r\n\r\n    .text-grad {\r\n      background: var(--grad);\r\n      -webkit-background-clip: text;\r\n      -webkit-text-fill-color: transparent;\r\n      background-clip: text;\r\n    }\r\n\r\n    .tag {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: .45rem;\r\n      background: rgba(0, 212, 255, .08);\r\n      border: 1px solid rgba(0, 212, 255, .25);\r\n      color: var(--cyan);\r\n      font-size: .72rem;\r\n      font-weight: 700;\r\n      letter-spacing: .14em;\r\n      text-transform: uppercase;\r\n      padding: .38rem 1.1rem;\r\n      border-radius: 2rem;\r\n      margin-bottom: 1.5rem;\r\n    }\r\n\r\n    .tag.tag-red {\r\n      background: rgba(239, 68, 68, .08);\r\n      border-color: rgba(239, 68, 68, .25);\r\n      color: var(--red);\r\n    }\r\n\r\n    .tag.tag-purp {\r\n      background: rgba(124, 58, 237, .08);\r\n      border-color: rgba(124, 58, 237, .25);\r\n      color: var(--purple);\r\n    }\r\n\r\n    \/* ============================================================\r\n       BUTTONS\r\n       ============================================================ *\/\r\n    .btn {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: .5rem;\r\n      font-family: 'Inter', sans-serif;\r\n      font-weight: 700;\r\n      font-size: .875rem;\r\n      letter-spacing: .06em;\r\n      text-transform: uppercase;\r\n      text-decoration: none;\r\n      padding: .9rem 2rem;\r\n      border-radius: 3rem;\r\n      border: none;\r\n      cursor: pointer;\r\n      transition: transform .25s, box-shadow .25s, background .25s !important;\r\n      transition-duration: .25s, .25s, .25s !important;\r\n      transition-delay: 0s !important;\r\n      white-space: nowrap;\r\n    }\r\n\r\n    .btn-primary {\r\n      background: var(--grad);\r\n      color: #fff;\r\n      box-shadow: 0 4px 24px rgba(0, 212, 255, .22);\r\n    }\r\n\r\n    .btn-primary:hover {\r\n      color: #fff;\r\n      transform: translateY(-3px);\r\n      box-shadow: 0 10px 40px rgba(0, 212, 255, .38);\r\n    }\r\n\r\n    .btn-ghost {\r\n      background: transparent;\r\n      color: #fff;\r\n      border: 1px solid rgba(255, 255, 255, .22);\r\n    }\r\n\r\n    .btn-ghost:hover {\r\n      color: #fff;\r\n      background: rgba(255, 255, 255, .07);\r\n      border-color: rgba(255, 255, 255, .45);\r\n      transform: translateY(-3px);\r\n    }\r\n\r\n    .btn-light {\r\n      background: #fff;\r\n      color: #111;\r\n      box-shadow: 0 4px 24px rgba(0, 0, 0, .12);\r\n    }\r\n\r\n    .btn-light:hover {\r\n      color: #111;\r\n      transform: translateY(-3px);\r\n      box-shadow: 0 10px 40px rgba(0, 0, 0, .18);\r\n    }\r\n\r\n    \/* ============================================================\r\n       NAVIGATION\r\n       ============================================================ *\/\r\n    .nav {\r\n      position: fixed;\r\n      top: 0;\r\n      left: 0;\r\n      right: 0;\r\n      z-index: 200;\r\n      background: rgba(7, 7, 15, .82);\r\n      backdrop-filter: blur(22px);\r\n      border-bottom: 1px solid rgba(255, 255, 255, .06);\r\n    }\r\n\r\n    .nav-container {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      padding: 1.1rem 0;\r\n    }\r\n\r\n    .nav-logo {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: .65rem;\r\n      text-decoration: none;\r\n    }\r\n\r\n    .nav-logo-img {\r\n      width: auto;\r\n      height: 52px;\r\n      background: var(--grad);\r\n      border-radius: 9px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      font-size: 1rem;\r\n    }\r\n\r\n    .nav-links {\r\n      display: flex;\r\n      gap: 2.2rem;\r\n      list-style: none;\r\n    }\r\n\r\n    .nav-links a {\r\n      color: var(--muted);\r\n      text-decoration: none;\r\n      font-size: .875rem;\r\n      font-weight: 500;\r\n      transition: color .2s !important;\r\n      transition-duration: .2s !important;\r\n      transition-delay: 0s !important;\r\n    }\r\n\r\n    @keyframes pulse-light {\r\n      0% {\r\n        text-shadow: 0 0 4px rgba(0, 212, 255, 0.4);\r\n      }\r\n\r\n      50% {\r\n        text-shadow: 0 0 16px rgba(0, 212, 255, 0.8), 0 0 24px rgba(0, 212, 255, 0.4);\r\n        color: #fff;\r\n      }\r\n\r\n      100% {\r\n        text-shadow: 0 0 4px rgba(0, 212, 255, 0.4);\r\n      }\r\n    }\r\n\r\n    .nav-pro-pulse {\r\n      color: var(--cyan) !important;\r\n      font-weight: 700;\r\n      animation: pulse-light 2.5s infinite ease-in-out;\r\n    }\r\n\r\n    .nav-links a:hover {\r\n      color: #fff;\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n      .nav-links {\r\n        display: none;\r\n      }\r\n    }\r\n\r\n    \/* ============================================================\r\n       HERO\r\n       ============================================================ *\/\r\n    .hero {\r\n      min-height: 100vh;\r\n      display: flex;\r\n      align-items: center;\r\n      padding: 9rem 0 6rem;\r\n      position: relative;\r\n      overflow: hidden;\r\n      text-align: center;\r\n    }\r\n\r\n    .hero-glow {\r\n      position: absolute;\r\n      top: -160px;\r\n      left: 50%;\r\n      transform: translateX(-50%);\r\n      width: 1000px;\r\n      height: 700px;\r\n      background: radial-gradient(ellipse at center, rgba(124, 58, 237, .22) 0%, rgba(0, 212, 255, .1) 45%, transparent 72%);\r\n      pointer-events: none;\r\n    }\r\n\r\n    .hero-grid {\r\n      position: absolute;\r\n      inset: 0;\r\n      background-image:\r\n        linear-gradient(rgba(255, 255, 255, .03) 1px, transparent 1px),\r\n        linear-gradient(90deg, rgba(255, 255, 255, .03) 1px, transparent 1px);\r\n      background-size: 60px 60px;\r\n      mask-image: radial-gradient(ellipse 80% 60% at 50% 0%, black 0%, transparent 100%);\r\n      pointer-events: none;\r\n    }\r\n\r\n    .hero-fade {\r\n      position: absolute;\r\n      bottom: 0;\r\n      left: 0;\r\n      right: 0;\r\n      height: 220px;\r\n      background: linear-gradient(transparent, #07070f);\r\n      pointer-events: none;\r\n    }\r\n\r\n    .hero-inner {\r\n      position: relative;\r\n      z-index: 2;\r\n    }\r\n\r\n    .hero-eyebrow {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: .5rem;\r\n      background: rgba(0, 212, 255, .08);\r\n      border: 1px solid rgba(0, 212, 255, .22);\r\n      color: var(--cyan);\r\n      font-size: .73rem;\r\n      font-weight: 700;\r\n      letter-spacing: .13em;\r\n      text-transform: uppercase;\r\n      padding: .4rem 1.2rem;\r\n      border-radius: 2rem;\r\n      margin-bottom: 2.2rem;\r\n    }\r\n\r\n    .hero-eyebrow .dot {\r\n      width: 6px;\r\n      height: 6px;\r\n      background: var(--cyan);\r\n      border-radius: 50%;\r\n      animation: blink 1.8s ease-in-out infinite !important;\r\n      animation-duration: 1.8s !important;\r\n    }\r\n\r\n    @keyframes blink {\r\n\r\n      0%,\r\n      100% {\r\n        opacity: 1;\r\n        transform: scale(1)\r\n      }\r\n\r\n      50% {\r\n        opacity: .4;\r\n        transform: scale(.75)\r\n      }\r\n    }\r\n\r\n    .hero h1 {\r\n      font-size: clamp(2.6rem, 7.5vw, 5.8rem);\r\n      font-weight: 900;\r\n      line-height: 1.04;\r\n      letter-spacing: -.035em;\r\n      color: #fff;\r\n      margin-bottom: 1.5rem;\r\n    }\r\n\r\n    .hero h1 .accent {\r\n      display: block;\r\n      background: linear-gradient(130deg, #00d4ff 0%, #7c3aed 55%, #ec4899 100%);\r\n      -webkit-background-clip: text;\r\n      -webkit-text-fill-color: transparent;\r\n      background-clip: text;\r\n    }\r\n\r\n    .hero-sub {\r\n      font-size: 1.15rem;\r\n      color: var(--muted);\r\n      max-width: 600px;\r\n      margin: 0 auto 3rem;\r\n      line-height: 1.8;\r\n    }\r\n\r\n    .hero-sub strong {\r\n      color: #fff;\r\n    }\r\n\r\n    .hero-actions {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 1rem;\r\n      justify-content: center;\r\n      margin-bottom: 3.5rem;\r\n    }\r\n\r\n    .hero-trust {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 1.75rem 2.5rem;\r\n      justify-content: center;\r\n    }\r\n\r\n    .trust-item {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: .45rem;\r\n      color: var(--muted);\r\n      font-size: .82rem;\r\n      font-weight: 500;\r\n    }\r\n\r\n    .trust-item svg {\r\n      color: var(--cyan);\r\n      flex-shrink: 0;\r\n    }\r\n\r\n    \/* ============================================================\r\n       PROBLEM \/ SOLUTION\r\n       ============================================================ *\/\r\n    .problem-section {\r\n      padding: 7rem 0;\r\n      background: #0d0d1a;\r\n      border-top: 1px solid rgba(255, 255, 255, .06);\r\n    }\r\n\r\n    .ps-grid {\r\n      display: grid;\r\n      grid-template-columns: 1fr 1fr;\r\n      gap: 5rem;\r\n      align-items: start;\r\n    }\r\n\r\n    .ps-block h2 {\r\n      font-size: clamp(1.6rem, 3vw, 2.4rem);\r\n      font-weight: 800;\r\n      color: #fff;\r\n      line-height: 1.2;\r\n      margin-bottom: 1rem;\r\n    }\r\n\r\n    .ps-block p {\r\n      color: var(--muted);\r\n      line-height: 1.75;\r\n      margin-bottom: 1.5rem;\r\n      font-size: .97rem;\r\n    }\r\n\r\n    .check-list {\r\n      list-style: none;\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: .7rem;\r\n    }\r\n\r\n    .check-list li {\r\n      display: flex;\r\n      align-items: flex-start;\r\n      gap: .75rem;\r\n      font-size: .95rem;\r\n      line-height: 1.5;\r\n    }\r\n\r\n    .check-list li .ico {\r\n      flex-shrink: 0;\r\n      margin-top: .12rem;\r\n      font-size: 1rem;\r\n    }\r\n\r\n    .ico-no {\r\n      color: var(--red);\r\n    }\r\n\r\n    .ico-yes {\r\n      color: var(--cyan);\r\n    }\r\n\r\n    .check-list.yes li {\r\n      color: #e2e2f0;\r\n    }\r\n\r\n    .check-list.no li {\r\n      color: var(--muted);\r\n    }\r\n\r\n    .divider {\r\n      width: 1px;\r\n      background: rgba(255, 255, 255, .06);\r\n      align-self: stretch;\r\n    }\r\n\r\n    @media (max-width: 860px) {\r\n      .ps-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 3rem;\r\n      }\r\n\r\n      .divider {\r\n        display: none;\r\n      }\r\n    }\r\n\r\n\r\n    \/* ============================================================\r\n       FEATURES\r\n       ============================================================ *\/\r\n    .features-section {\r\n      padding: 8rem 0;\r\n      background: var(--bg-dark);\r\n    }\r\n\r\n    .section-head {\r\n      text-align: center;\r\n      margin-bottom: 4.5rem;\r\n    }\r\n\r\n    .section-head h2 {\r\n      font-size: clamp(1.9rem, 4vw, 3.2rem);\r\n      font-weight: 900;\r\n      color: #fff;\r\n      line-height: 1.15;\r\n      margin-bottom: 1rem;\r\n    }\r\n\r\n    .section-head p {\r\n      color: var(--muted);\r\n      font-size: 1.05rem;\r\n      max-width: 540px;\r\n      margin: 0 auto;\r\n      line-height: 1.75;\r\n    }\r\n\r\n    .feat-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, 1fr);\r\n      gap: 1.4rem;\r\n    }\r\n\r\n    .feat-card {\r\n      background: var(--card-dark);\r\n      border: 1px solid var(--border-dark);\r\n      border-radius: 1.25rem;\r\n      padding: 2rem 1.75rem;\r\n      position: relative;\r\n      overflow: hidden;\r\n      transition: transform .3s, box-shadow .3s, border-color .3s !important;\r\n      transition-duration: .3s, .3s, .3s !important;\r\n      transition-delay: 0s !important;\r\n    }\r\n\r\n    .feat-card::after {\r\n      content: '';\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      right: 0;\r\n      height: 1px;\r\n      background: var(--grad);\r\n      opacity: 0;\r\n      transition: opacity .3s !important;\r\n      transition-duration: .3s !important;\r\n      transition-delay: 0s !important;\r\n    }\r\n\r\n    .feat-card:hover {\r\n      transform: translateY(-5px);\r\n      border-color: rgba(0, 212, 255, .2);\r\n      box-shadow: 0 20px 60px rgba(0, 0, 0, .35), 0 0 40px rgba(0, 212, 255, .06);\r\n    }\r\n\r\n    .feat-card:hover::after {\r\n      opacity: 1;\r\n    }\r\n\r\n    .feat-icon {\r\n      width: 46px;\r\n      height: 46px;\r\n      border-radius: 12px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      font-size: 1.35rem;\r\n      margin-bottom: 1.25rem;\r\n    }\r\n\r\n    .fi-c {\r\n      background: rgba(0, 212, 255, .1);\r\n    }\r\n\r\n    .fi-p {\r\n      background: rgba(124, 58, 237, .12);\r\n    }\r\n\r\n    .fi-k {\r\n      background: rgba(236, 72, 153, .1);\r\n    }\r\n\r\n    .fi-g {\r\n      background: rgba(34, 197, 94, .1);\r\n    }\r\n\r\n    .fi-a {\r\n      background: rgba(245, 158, 11, .1);\r\n    }\r\n\r\n    .fi-b {\r\n      background: rgba(59, 130, 246, .1);\r\n    }\r\n\r\n    .feat-card h3 {\r\n      font-size: 1.02rem;\r\n      font-weight: 700;\r\n      color: #fff;\r\n      margin-bottom: .55rem;\r\n    }\r\n\r\n    .feat-card p {\r\n      color: var(--muted);\r\n      font-size: .88rem;\r\n      line-height: 1.65;\r\n    }\r\n\r\n    .feat-card code {\r\n      background: rgba(255, 255, 255, .06);\r\n      border-radius: 4px;\r\n      padding: 1px 6px;\r\n      font-size: .82rem;\r\n      color: var(--cyan);\r\n      font-family: 'Courier New', monospace;\r\n    }\r\n\r\n    @media (max-width: 900px) {\r\n      .feat-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n      }\r\n    }\r\n\r\n    @media (max-width: 580px) {\r\n      .feat-grid {\r\n        grid-template-columns: 1fr;\r\n      }\r\n    }\r\n    \r\n    \/* ============================================================\r\n       BOX DEMO \u2014 TRANSPARENT\r\n       ============================================================ *\/   \r\n\r\n    .demo-box-transparent {\r\n      background: transparent;\r\n      border: none;\r\n      border-radius: 0;\r\n      padding: 0;\r\n      text-align: center;\r\n      min-height: 180px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      font-size: 1.15rem;\r\n      font-weight: 600;\r\n      color: var(--cyan);\r\n      letter-spacing: .05em;\r\n      box-shadow: none;\r\n    }\r\n\r\n    \/* ============================================================\r\n       DEMO \u2014 DARK\r\n       ============================================================ *\/\r\n    .demo-dark-section {\r\n      padding: 8rem 0;\r\n      background: var(--bg-dark2);\r\n    }\r\n\r\n    .demo-box-dark {\r\n      background: rgba(255, 255, 255, .025);\r\n      border: 1px solid rgba(255, 255, 255, .08);\r\n      border-radius: 1.75rem;\r\n      padding: 16px 12px;\r\n      text-align: center;\r\n      min-height: 180px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      font-size: 1.15rem;\r\n      font-weight: 600;\r\n      color: var(--cyan);\r\n      letter-spacing: .05em;\r\n      box-shadow: inset 0 0 80px rgba(0, 212, 255, .025), 0 0 0 1px rgba(0, 212, 255, .06);\r\n    }\r\n\r\n    .demo-caption {\r\n      text-align: center;\r\n      margin-top: 1.5rem;\r\n      color: var(--muted);\r\n      font-size: .82rem;\r\n    }\r\n\r\n    .demo-caption code {\r\n      background: rgba(255, 255, 255, .06);\r\n      border: 1px solid rgba(255, 255, 255, .1);\r\n      border-radius: 5px;\r\n      padding: 2px 8px;\r\n      font-family: 'Courier New', monospace;\r\n      color: var(--cyan);\r\n      font-size: .82rem;\r\n    }\r\n\r\n    @media (max-width: 1024px) {\r\n      .demo-box-dark {\r\n        padding: 0;\r\n        border-radius: 0;\r\n        box-shadow: none;\r\n        min-height: 300px;\r\n        margin: 0 calc(-2rem);\r\n        width: calc(100% + 4rem);\r\n      }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n      .demo-box-dark {\r\n        padding: 0;\r\n        border-radius: 0;\r\n        box-shadow: none;\r\n        min-height: 350px;\r\n        margin: 0 calc(-1.2rem);\r\n        width: calc(100% + 2.4rem);\r\n      }\r\n    }\r\n\r\n    \/* ============================================================\r\n       DEMO \u2014 LIGHT\r\n       ============================================================ *\/\r\n    .demo-light-section {\r\n      padding: 8rem 0;\r\n      background: var(--bg-light);\r\n    }\r\n\r\n    .demo-light-section .section-head h2 {\r\n      color: #111;\r\n    }\r\n\r\n    .demo-light-section .section-head p {\r\n      color: #666;\r\n    }\r\n\r\n    .demo-light-section .tag {\r\n      background: rgba(124, 58, 237, .08);\r\n      border-color: rgba(124, 58, 237, .25);\r\n      color: var(--purple);\r\n    }\r\n\r\n    .demo-box-light {\r\n      background: #fff;\r\n      border: 1px solid #e2e2ed;\r\n      border-radius: 1.75rem;\r\n      padding: 16px 12px;\r\n      text-align: center;\r\n      min-height: 180px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      font-size: 1.15rem;\r\n      font-weight: 600;\r\n      color: var(--purple);\r\n      letter-spacing: .05em;\r\n      box-shadow: 0 8px 50px rgba(0, 0, 0, .07);\r\n    }\r\n\r\n    .demo-light-section .demo-caption {\r\n      color: #888;\r\n    }\r\n\r\n    .demo-light-section .demo-caption code {\r\n      background: #f0f0f8;\r\n      border-color: #ddd;\r\n      color: var(--purple);\r\n    }\r\n\r\n    @media (max-width: 1024px) {\r\n      .demo-box-light {\r\n        padding: 0;\r\n        border-radius: 0;\r\n        box-shadow: none;\r\n        min-height: 300px;\r\n        margin: 0 calc(-2rem);\r\n        width: calc(100% + 4rem);\r\n      }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n      .demo-box-light {\r\n        padding: 0;\r\n        border-radius: 0;\r\n        box-shadow: none;\r\n        min-height: 350px;\r\n        margin: 0 calc(-1.2rem);\r\n        width: calc(100% + 2.4rem);\r\n      }\r\n    }\r\n\r\n    \/* ============================================================\r\n       DEMO \u2014 GRID\r\n       ============================================================ *\/\r\n    .demo-grid-section {\r\n      padding: 8rem 0;\r\n      background: var(--bg-dark);\r\n    }\r\n\r\n    .demo-grid-section .tag {\r\n      background: rgba(34, 197, 94, .08);\r\n      border-color: rgba(34, 197, 94, .25);\r\n      color: var(--green);\r\n    }\r\n\r\n    .demo-box-grid {\r\n      background: rgba(255, 255, 255, .025);\r\n      border: 1px solid rgba(255, 255, 255, .08);\r\n      border-radius: 1.75rem;\r\n      padding: 16px 12px;\r\n      text-align: center;\r\n      min-height: 180px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      font-size: 1.15rem;\r\n      font-weight: 600;\r\n      color: var(--green);\r\n      letter-spacing: .05em;\r\n      box-shadow: inset 0 0 80px rgba(34, 197, 94, .025), 0 0 0 1px rgba(34, 197, 94, .06);\r\n    }\r\n\r\n    .demo-grid-section .demo-caption {\r\n      color: var(--muted);\r\n    }\r\n\r\n    .demo-grid-section .demo-caption code {\r\n      background: rgba(255, 255, 255, .06);\r\n      border: 1px solid rgba(255, 255, 255, .1);\r\n      border-radius: 5px;\r\n      padding: 2px 8px;\r\n      font-family: 'Courier New', monospace;\r\n      color: var(--green);\r\n      font-size: .82rem;\r\n    }\r\n\r\n    @media (max-width: 1024px) {\r\n      .demo-box-grid {\r\n        padding: 0;\r\n        border-radius: 0;\r\n        box-shadow: none;\r\n        min-height: 300px;\r\n        margin: 0 calc(-2rem);\r\n        width: calc(100% + 4rem);\r\n      }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n      .demo-box-grid {\r\n        padding: 0;\r\n        border-radius: 0;\r\n        box-shadow: none;\r\n        min-height: 350px;\r\n        margin: 0 calc(-1.2rem);\r\n        width: calc(100% + 2.4rem);\r\n      }\r\n    }\r\n\r\n    \/* ============================================================\r\n       DEMO \u2014 CAROUSEL\r\n       ============================================================ *\/\r\n    .demo-carousel-section {\r\n      padding: 8rem 0;\r\n      background: var(--bg-dark2);\r\n    }\r\n\r\n    .demo-carousel-section .tag {\r\n      background: rgba(236, 72, 153, .08);\r\n      border-color: rgba(236, 72, 153, .25);\r\n      color: var(--pink);\r\n    }\r\n\r\n    .demo-box-carousel {\r\n      background: rgba(255, 255, 255, .025);\r\n      border: 1px solid rgba(255, 255, 255, .08);\r\n      border-radius: 1.75rem;\r\n      padding: 16px 12px;\r\n      text-align: center;\r\n      min-height: 180px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      font-size: 1.15rem;\r\n      font-weight: 600;\r\n      color: var(--pink);\r\n      letter-spacing: .05em;\r\n      box-shadow: inset 0 0 80px rgba(236, 72, 153, .025), 0 0 0 1px rgba(236, 72, 153, .06);\r\n    }\r\n\r\n    .demo-carousel-section .demo-caption {\r\n      color: var(--muted);\r\n    }\r\n\r\n    .demo-carousel-section .demo-caption code {\r\n      background: rgba(255, 255, 255, .06);\r\n      border: 1px solid rgba(255, 255, 255, .1);\r\n      border-radius: 5px;\r\n      padding: 2px 8px;\r\n      font-family: 'Courier New', monospace;\r\n      color: var(--pink);\r\n      font-size: .82rem;\r\n    }\r\n\r\n    @media (max-width: 1024px) {\r\n      .demo-box-carousel {\r\n        padding: 0;\r\n        border-radius: 0;\r\n        box-shadow: none;\r\n        min-height: 300px;\r\n        margin: 0 calc(-2rem);\r\n        width: calc(100% + 4rem);\r\n      }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n      .demo-box-carousel {\r\n        padding: 0;\r\n        border-radius: 0;\r\n        box-shadow: none;\r\n        min-height: 350px;\r\n        margin: 0 calc(-1.2rem);\r\n        width: calc(100% + 2.4rem);\r\n      }\r\n    }\r\n\r\n    \/* ============================================================\r\n       DEMO \u2014 GRID LIGHT\r\n       ============================================================ *\/\r\n    .demo-grid-light-section {\r\n      padding: 8rem 0;\r\n      background: var(--bg-light);\r\n    }\r\n\r\n    .demo-grid-light-section .section-head h2 {\r\n      color: #111;\r\n    }\r\n\r\n    .demo-grid-light-section .section-head p {\r\n      color: #666;\r\n    }\r\n\r\n    .demo-grid-light-section .tag {\r\n      background: rgba(34, 197, 94, .08);\r\n      border-color: rgba(34, 197, 94, .25);\r\n      color: var(--green);\r\n    }\r\n\r\n    .demo-box-grid-light {\r\n      background: #fff;\r\n      border: 1px solid #e2e2ed;\r\n      border-radius: 1.75rem;\r\n      padding: 16px 12px;\r\n      text-align: center;\r\n      min-height: 180px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      font-size: 1.15rem;\r\n      font-weight: 600;\r\n      color: var(--green);\r\n      letter-spacing: .05em;\r\n      box-shadow: 0 8px 50px rgba(0, 0, 0, .07);\r\n    }\r\n\r\n    .demo-grid-light-section .demo-caption {\r\n      color: #888;\r\n    }\r\n\r\n    .demo-grid-light-section .demo-caption code {\r\n      background: #f0f0f8;\r\n      border-color: #ddd;\r\n      color: var(--green);\r\n    }\r\n\r\n    @media (max-width: 1024px) {\r\n      .demo-box-grid-light {\r\n        padding: 0;\r\n        border-radius: 0;\r\n        box-shadow: none;\r\n        min-height: 300px;\r\n        margin: 0 calc(-2rem);\r\n        width: calc(100% + 4rem);\r\n      }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n      .demo-box-grid-light {\r\n        padding: 0;\r\n        border-radius: 0;\r\n        box-shadow: none;\r\n        min-height: 350px;\r\n        margin: 0 calc(-1.2rem);\r\n        width: calc(100% + 2.4rem);\r\n      }\r\n    }\r\n\r\n    \/* ============================================================\r\n       DEMO \u2014 CAROUSEL LIGHT\r\n       ============================================================ *\/\r\n    .demo-carousel-light-section {\r\n      padding: 8rem 0;\r\n      background: var(--bg-light);\r\n    }\r\n\r\n    .demo-carousel-light-section .section-head h2 {\r\n      color: #111;\r\n    }\r\n\r\n    .demo-carousel-light-section .section-head p {\r\n      color: #666;\r\n    }\r\n\r\n    .demo-carousel-light-section .tag {\r\n      background: rgba(236, 72, 153, .08);\r\n      border-color: rgba(236, 72, 153, .25);\r\n      color: var(--pink);\r\n    }\r\n\r\n    .demo-box-carousel-light {\r\n      background: #fff;\r\n      border: 1px solid #e2e2ed;\r\n      border-radius: 1.75rem;\r\n      padding: 16px 12px;\r\n      text-align: center;\r\n      min-height: 180px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      font-size: 1.15rem;\r\n      font-weight: 600;\r\n      color: var(--pink);\r\n      letter-spacing: .05em;\r\n      box-shadow: 0 8px 50px rgba(0, 0, 0, .07);\r\n    }\r\n\r\n    .demo-carousel-light-section .demo-caption {\r\n      color: #888;\r\n    }\r\n\r\n    .demo-carousel-light-section .demo-caption code {\r\n      background: #f0f0f8;\r\n      border-color: #ddd;\r\n      color: var(--pink);\r\n    }\r\n\r\n    @media (max-width: 1024px) {\r\n      .demo-box-carousel-light {\r\n        padding: 0;\r\n        border-radius: 0;\r\n        box-shadow: none;\r\n        min-height: 300px;\r\n        margin: 0 calc(-2rem);\r\n        width: calc(100% + 4rem);\r\n      }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n      .demo-box-carousel-light {\r\n        padding: 0;\r\n        border-radius: 0;\r\n        box-shadow: none;\r\n        min-height: 350px;\r\n        margin: 0 calc(-1.2rem);\r\n        width: calc(100% + 2.4rem);\r\n      }\r\n    }\r\n\r\n    \/* ============================================================\r\n       HOW IT WORKS\r\n       ============================================================ *\/\r\n    .how-section {\r\n      padding: 8rem 0;\r\n      background: var(--bg-dark);\r\n    }\r\n\r\n    .steps {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, 1fr);\r\n      gap: 2rem;\r\n      margin-top: 5rem;\r\n      position: relative;\r\n    }\r\n\r\n    .steps::before {\r\n      content: '';\r\n      position: absolute;\r\n      top: 32px;\r\n      left: calc(16.67% + 32px);\r\n      right: calc(16.67% + 32px);\r\n      height: 1px;\r\n      background: linear-gradient(90deg, rgba(0, 212, 255, .35), rgba(124, 58, 237, .35));\r\n    }\r\n\r\n    .step {\r\n      text-align: center;\r\n      padding: .5rem;\r\n    }\r\n\r\n    .step-num {\r\n      width: 64px;\r\n      height: 64px;\r\n      border-radius: 50%;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      font-size: 1.4rem;\r\n      font-weight: 900;\r\n      margin: 0 auto 2rem;\r\n      position: relative;\r\n      z-index: 2;\r\n      background: var(--bg-dark);\r\n      border: 2px solid rgba(255, 255, 255, .1);\r\n    }\r\n\r\n    .step:nth-child(1) .step-num {\r\n      color: var(--cyan);\r\n      border-color: rgba(0, 212, 255, .4);\r\n      box-shadow: 0 0 24px rgba(0, 212, 255, .18);\r\n    }\r\n\r\n    .step:nth-child(2) .step-num {\r\n      color: var(--purple);\r\n      border-color: rgba(124, 58, 237, .4);\r\n      box-shadow: 0 0 24px rgba(124, 58, 237, .18);\r\n    }\r\n\r\n    .step:nth-child(3) .step-num {\r\n      color: var(--pink);\r\n      border-color: rgba(236, 72, 153, .4);\r\n      box-shadow: 0 0 24px rgba(236, 72, 153, .18);\r\n    }\r\n\r\n    .step h3 {\r\n      font-size: 1.1rem;\r\n      font-weight: 700;\r\n      color: #fff;\r\n      margin-bottom: .65rem;\r\n    }\r\n\r\n    .step p {\r\n      color: var(--muted);\r\n      font-size: .9rem;\r\n      line-height: 1.7;\r\n    }\r\n\r\n    .step code {\r\n      color: var(--pink);\r\n      background: rgba(236, 72, 153, .08);\r\n      border-radius: 4px;\r\n      padding: 1px 5px;\r\n      font-size: .85rem;\r\n      font-family: 'Courier New', monospace;\r\n    }\r\n\r\n    .how-cta {\r\n      text-align: center;\r\n      margin-top: 4rem;\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n      .steps {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .steps::before {\r\n        display: none;\r\n      }\r\n    }\r\n\r\n    \/* ============================================================\r\n       FREE SECTION\r\n       ============================================================ *\/\r\n    .free-section {\r\n      padding: 8rem 0;\r\n      background: var(--bg-dark2);\r\n      text-align: center;\r\n    }\r\n\r\n    .pricing-grid {\r\n      display: grid;\r\n      grid-template-columns: 1fr 1fr;\r\n      gap: 2rem;\r\n      max-width: 1000px;\r\n      margin: 0 auto 3rem;\r\n      align-items: stretch;\r\n    }\r\n\r\n    .pricing-card {\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      background: rgba(255, 255, 255, 0.02);\r\n      border: 1px solid rgba(255, 255, 255, 0.08);\r\n      border-radius: 2rem;\r\n      padding: 3rem 2.5rem;\r\n      width: 100%;\r\n      box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);\r\n      transition: transform .3s, border-color .3s, box-shadow .3s !important;\r\n      transition-duration: .3s, .3s, .3s !important;\r\n      transition-delay: 0s !important;\r\n      position: relative;\r\n    }\r\n\r\n    .pricing-card:hover {\r\n      transform: translateY(-5px);\r\n      border-color: rgba(0, 212, 255, 0.2);\r\n      box-shadow: 0 20px 60px rgba(0, 212, 255, 0.05);\r\n    }\r\n\r\n    \/* Destaque para o Pro *\/\r\n    .pricing-card.pricing-card-pro {\r\n      background: rgba(124, 58, 237, 0.04);\r\n      border-color: rgba(124, 58, 237, 0.25);\r\n      box-shadow: 0 0 50px rgba(124, 58, 237, 0.06);\r\n    }\r\n\r\n    .pricing-card.pricing-card-pro:hover {\r\n      border-color: rgba(124, 58, 237, 0.5);\r\n      box-shadow: 0 20px 60px rgba(124, 58, 237, 0.15);\r\n    }\r\n\r\n    .pricing-card.pricing-card-pro::after {\r\n      content: 'BEST VALUE \/ SALE';\r\n      position: absolute;\r\n      top: -12px;\r\n      right: 2rem;\r\n      background: linear-gradient(135deg, var(--cyan) 0%, var(--purple) 100%);\r\n      color: #fff;\r\n      font-size: 0.65rem;\r\n      font-weight: 800;\r\n      letter-spacing: 0.1em;\r\n      padding: 0.35rem 0.95rem;\r\n      border-radius: 1rem;\r\n      box-shadow: 0 4px 12px rgba(124, 58, 237, 0.3);\r\n    }\r\n\r\n    .pricing-card .price-label {\r\n      font-size: .72rem;\r\n      font-weight: 700;\r\n      letter-spacing: .18em;\r\n      text-transform: uppercase;\r\n      color: var(--muted);\r\n      margin-bottom: .5rem;\r\n    }\r\n\r\n    .pricing-card-pro .price-label {\r\n      color: var(--cyan);\r\n    }\r\n\r\n    .pricing-card .price-num-container {\r\n      display: flex;\r\n      align-items: baseline;\r\n      gap: 0.75rem;\r\n      margin-bottom: .3rem;\r\n    }\r\n\r\n    .pricing-card .price-num {\r\n      font-size: 4.5rem;\r\n      font-weight: 900;\r\n      color: #fff;\r\n      line-height: 1;\r\n    }\r\n\r\n    .pricing-card .price-original {\r\n      font-size: 1.75rem;\r\n      text-decoration: line-through;\r\n      color: var(--muted);\r\n      font-weight: 500;\r\n    }\r\n\r\n    .pricing-card .price-sub {\r\n      color: var(--muted);\r\n      font-size: .88rem;\r\n      margin-bottom: 2rem;\r\n      min-height: 2.7rem;\r\n    }\r\n\r\n    .pricing-features-list {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 0.75rem;\r\n      text-align: left;\r\n      width: 100%;\r\n      margin-bottom: 2.5rem;\r\n      flex-grow: 1;\r\n    }\r\n\r\n    .pf-item {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: .55rem;\r\n      color: var(--muted);\r\n      font-size: .875rem;\r\n      line-height: 1.4;\r\n    }\r\n\r\n    .pf-item::before {\r\n      content: '\u2713';\r\n      color: var(--cyan);\r\n      font-weight: 700;\r\n      flex-shrink: 0;\r\n    }\r\n\r\n    .pricing-card-pro .pf-item::before {\r\n      color: var(--purple);\r\n    }\r\n\r\n    .pf-item.pf-pro-only {\r\n      color: #fff;\r\n      font-weight: 500;\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n      .pricing-grid {\r\n        grid-template-columns: 1fr;\r\n        max-width: 480px;\r\n        padding: 0 1rem;\r\n      }\r\n\r\n      .pricing-card {\r\n        padding: 2.5rem 1.5rem;\r\n      }\r\n    }\r\n\r\n    \/* ============================================================\r\n       FINAL CTA\r\n       ============================================================ *\/\r\n    .cta-final {\r\n      padding: 10rem 0 8rem;\r\n      background: var(--bg-dark);\r\n      text-align: center;\r\n      position: relative;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .cta-final-glow {\r\n      position: absolute;\r\n      top: 50%;\r\n      left: 50%;\r\n      transform: translate(-50%, -50%);\r\n      width: 900px;\r\n      height: 600px;\r\n      background: radial-gradient(ellipse, rgba(124, 58, 237, .16) 0%, rgba(0, 212, 255, .06) 50%, transparent 70%);\r\n      pointer-events: none;\r\n    }\r\n\r\n    .cta-final h2 {\r\n      font-size: clamp(2rem, 5.5vw, 4.2rem);\r\n      font-weight: 900;\r\n      color: #fff;\r\n      line-height: 1.1;\r\n      letter-spacing: -.025em;\r\n      margin-bottom: 1.25rem;\r\n      position: relative;\r\n      z-index: 2;\r\n    }\r\n\r\n    .cta-final p {\r\n      color: var(--muted);\r\n      font-size: 1.1rem;\r\n      max-width: 520px;\r\n      margin: 0 auto 3rem;\r\n      line-height: 1.75;\r\n      position: relative;\r\n      z-index: 2;\r\n    }\r\n\r\n    .cta-actions {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 1rem;\r\n      justify-content: center;\r\n      position: relative;\r\n      z-index: 2;\r\n    }\r\n\r\n    .cta-note {\r\n      margin-top: 1.75rem;\r\n      color: var(--muted);\r\n      font-size: .8rem;\r\n      position: relative;\r\n      z-index: 2;\r\n    }\r\n\r\n    \/* ============================================================\r\n       FOOTER\r\n       ============================================================ *\/\r\n    .footer {\r\n      background: #030308;\r\n      border-top: 1px solid rgba(255, 255, 255, .05);\r\n      padding: 3rem 2rem 2.5rem;\r\n      text-align: center;\r\n    }\r\n\r\n    .footer-brand {\r\n      font-size: 1.05rem;\r\n      font-weight: 800;\r\n      color: #fff;\r\n      margin-bottom: .6rem;\r\n    }\r\n\r\n    .footer-brand em {\r\n      font-style: normal;\r\n      color: var(--cyan);\r\n    }\r\n\r\n    .footer p {\r\n      color: var(--muted);\r\n      font-size: .83rem;\r\n      margin-bottom: .4rem;\r\n    }\r\n\r\n    .footer a {\r\n      color: var(--cyan);\r\n      text-decoration: none;\r\n    }\r\n\r\n    .footer a:hover {\r\n      text-decoration: underline;\r\n    }\r\n\r\n    .footer-links {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 1.5rem 2.5rem;\r\n      justify-content: center;\r\n      list-style: none;\r\n      margin-top: 1.5rem;\r\n    }\r\n\r\n    .footer-links a {\r\n      color: var(--muted);\r\n      font-size: .83rem;\r\n      text-decoration: none;\r\n      transition: color .2s !important;\r\n      transition-duration: .2s !important;\r\n      transition-delay: 0s !important;\r\n    }\r\n\r\n    .footer-links a:hover {\r\n      color: #fff;\r\n    }\r\n\r\n    \/* ============================================================\r\n       ADMIN SCREENSHOTS\r\n       ============================================================ *\/\r\n    .screens-section {\r\n      padding: 8rem 0;\r\n      background: var(--bg-dark2);\r\n    }\r\n\r\n    .screen-main {\r\n      border-radius: 1.25rem;\r\n      overflow: hidden;\r\n      border: 1px solid var(--border-dark);\r\n      box-shadow: 0 30px 80px rgba(0, 0, 0, .5), 0 0 0 1px rgba(255, 255, 255, .04);\r\n      margin-bottom: 1.5rem;\r\n    }\r\n\r\n    .screen-chrome {\r\n      background: #1e1e2e;\r\n      padding: .6rem 1rem;\r\n      display: flex;\r\n      align-items: center;\r\n      gap: .45rem;\r\n      border-bottom: 1px solid rgba(255, 255, 255, .06);\r\n    }\r\n\r\n    .screen-chrome span {\r\n      width: 11px;\r\n      height: 11px;\r\n      border-radius: 50%;\r\n      display: inline-block;\r\n    }\r\n\r\n    .sc-red {\r\n      background: #ff5f57;\r\n    }\r\n\r\n    .sc-yellow {\r\n      background: #ffbd2e;\r\n    }\r\n\r\n    .sc-green {\r\n      background: #28ca41;\r\n    }\r\n\r\n    .screen-chrome .sc-url {\r\n      flex: 1;\r\n      background: rgba(255, 255, 255, .06);\r\n      border-radius: 5px;\r\n      height: 20px;\r\n      margin-left: .5rem;\r\n    }\r\n\r\n    .screen-main img,\r\n    .screen-small img {\r\n      display: block;\r\n      width: 100%;\r\n      height: auto;\r\n    }\r\n\r\n    .screens-row {\r\n      display: grid;\r\n      grid-template-columns: repeat(2, 1fr);\r\n      gap: 1.25rem;\r\n    }\r\n\r\n    .screen-small {\r\n      border-radius: 1rem;\r\n      overflow: hidden;\r\n      border: 1px solid var(--border-dark);\r\n      box-shadow: 0 12px 40px rgba(0, 0, 0, .4);\r\n    }\r\n\r\n    .screen-label {\r\n      font-size: .78rem;\r\n      color: var(--muted);\r\n      margin-top: .65rem;\r\n      text-align: center;\r\n      letter-spacing: .04em;\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n      .screens-row {\r\n        grid-template-columns: 1fr;\r\n      }\r\n    }\r\n\r\n    \/* ============================================================\r\n       VIDEO PLACEHOLDER\r\n       ============================================================ *\/\r\n    .video-section {\r\n      padding: 8rem 0;\r\n      background: var(--bg-dark);\r\n      text-align: center;\r\n    }\r\n\r\n    .video-wrapper {\r\n      position: relative;\r\n      border-radius: 1.5rem;\r\n      overflow: hidden;\r\n      border: 1px solid var(--border-dark);\r\n      box-shadow: 0 30px 80px rgba(0, 0, 0, .5), 0 0 60px rgba(124, 58, 237, .08);\r\n      max-width: 900px;\r\n      margin: 0 auto;\r\n      background: #0a0a18;\r\n      aspect-ratio: 16 \/ 9;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n    }\r\n\r\n    .video-placeholder-inner {\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      gap: 1.25rem;\r\n      color: var(--muted);\r\n    }\r\n\r\n    .play-btn {\r\n      width: 80px;\r\n      height: 80px;\r\n      background: var(--grad);\r\n      border-radius: 50%;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      box-shadow: 0 0 40px rgba(0, 212, 255, .3), 0 0 80px rgba(124, 58, 237, .2);\r\n      cursor: pointer;\r\n      transition: transform .3s, box-shadow .3s !important;\r\n      transition-duration: .3s, .3s !important;\r\n      transition-delay: 0s !important;\r\n    }\r\n\r\n    .play-btn:hover {\r\n      transform: scale(1.08);\r\n      box-shadow: 0 0 60px rgba(0, 212, 255, .45), 0 0 100px rgba(124, 58, 237, .3);\r\n    }\r\n\r\n    .play-btn svg {\r\n      margin-left: 5px;\r\n    }\r\n\r\n    .video-placeholder-inner p {\r\n      font-size: .88rem;\r\n      color: var(--muted);\r\n      letter-spacing: .05em;\r\n    }\r\n\r\n    .video-placeholder-inner strong {\r\n      color: rgba(255, 255, 255, .35);\r\n    }\r\n\r\n    \/* TODO: replace .video-wrapper content with your <iframe> or <video> tag *\/\r\n    \/* NAV MOBILE BURGER *\/\r\n    .nav-burger {\r\n      display: none;\r\n      flex-direction: column;\r\n      justify-content: center;\r\n      align-items: center;\r\n      width: 38px;\r\n      height: 38px;\r\n      cursor: pointer;\r\n      z-index: 210;\r\n    }\r\n\r\n    .nav-burger span {\r\n      display: block;\r\n      width: 26px;\r\n      height: 3px;\r\n      margin: 4px 0;\r\n      background: #fff;\r\n      border-radius: 2px;\r\n      transition: all .3s;\r\n    }\r\n\r\n    .nav-toggle {\r\n      display: none;\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n      .nav-burger {\r\n        display: flex !important;\r\n      }\r\n\r\n      .nav-links {\r\n        position: fixed;\r\n        top: 60px;\r\n        left: 0;\r\n        right: 0;\r\n        background: rgba(7, 7, 15, 0.98);\r\n        flex-direction: column;\r\n        gap: 0;\r\n        padding: 1.5rem 0 1rem 0;\r\n        display: none;\r\n        z-index: 205;\r\n        border-bottom: 1px solid rgba(255, 255, 255, .06);\r\n      }\r\n\r\n      .nav-links li {\r\n        margin: 0;\r\n        padding: 0.7rem 0;\r\n        text-align: center;\r\n      }\r\n\r\n      .nav-toggle:checked~.nav-links {\r\n        display: flex !important;\r\n      }\r\n\r\n      .nav-cta {\r\n        display: none !important;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n      .nav-container {\r\n        flex-wrap: wrap;\r\n        padding: 1.1rem 1.2rem;\r\n      }\r\n\r\n      .nav-logo {\r\n        z-index: 211;\r\n      }\r\n    }\r\n  <\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b0655bf elementor-widget elementor-widget-html\" data-id=\"b0655bf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t  <!-- ================================================================\r\n     NAVIGATION\r\n     ================================================================ -->\r\n  <nav class=\"nav\">\r\n    <div class=\"container nav-container\">\r\n      <a href=\"#hero\" class=\"nav-logo\">\r\n        <div class=\"nav-logo-img\" style=\"padding:0; background:none;\">\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/demos.ahaplugins.com\/orbit-testimonials\/wp-content\/uploads\/sites\/5\/2026\/05\/logo-aha-orbit.png\"\r\n            alt=\"Aha Orbit Logo\" style=\"width:auto;height:52px;border-radius:9px;display:block;\">\r\n        <\/div>\r\n      <\/a>\r\n      <input type=\"checkbox\" id=\"nav-toggle\" class=\"nav-toggle\">\r\n      <label for=\"nav-toggle\" class=\"nav-burger\">\r\n        <span><\/span><span><\/span><span><\/span>\r\n      <\/label>\r\n      <ul class=\"nav-links\">\r\n        <li><a href=\"#features\">Features<\/a><\/li>\r\n        <li><a href=\"#screenshots\">Screenshots<\/a><\/li>\r\n        <li><a href=\"#demo\">Demo<\/a><\/li>\r\n        <li><a href=\"#video\">Video<\/a><\/li>\r\n        <li><a href=\"#how-it-works\">How It Works<\/a><\/li>\r\n        <li><a\r\n            href=\"https:\/\/demos.ahaplugins.com\/orbit-testimonials\/aha-orbit-testimonials-animated-testimonial-slider-pro\" target=\"_blank\"\r\n            class=\"nav-pro-pulse\">View Pro Version<\/a><\/li>\r\n      <\/ul>\r\n    <\/div>\r\n  <\/nav>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-15ac0ef elementor-widget elementor-widget-html\" data-id=\"15ac0ef\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t  <!-- ================================================================\r\n     HERO\r\n     ================================================================ -->\r\n  <section class=\"hero\" id=\"hero\">\r\n    <div class=\"hero-glow\"><\/div>\r\n    <div class=\"hero-grid\"><\/div>\r\n    <div class=\"hero-fade\"><\/div>\r\n    <div class=\"container\">\r\n      <div class=\"hero-inner\">\r\n        <div class=\"hero-eyebrow\">\r\n          <span class=\"dot\"><\/span>\r\n          Upgrade to Aha Orbit Pro for Premium Features\r\n        <\/div>\r\n        <h1>\r\n          Your Testimonials<br>\r\n          <span class=\"accent\">Deserve Better Than<br>a Boring Carousel.<\/span>\r\n        <\/h1>\r\n        <p class=\"hero-sub\">\r\n          <strong>Aha Orbit Testimonials<\/strong> is a free WordPress plugin that transforms static reviews into an\r\n          interactive experience. Show off your social proof in three beautiful formats: the signature <strong>Orbital\r\n            Slider<\/strong>, a clean <strong>Responsive Grid<\/strong>, or a touch-friendly <strong>Swipe\r\n            Carousel<\/strong>.\r\n        <\/p>\r\n        <div class=\"hero-actions\">\r\n          <a href=\"https:\/\/demos.ahaplugins.com\/orbit-testimonials\/aha-orbit-testimonials-animated-testimonial-slider-pro\"\r\n            class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">\r\n            View Pro Version\r\n          <\/a>\r\n          <a href=\"https:\/\/wordpress.org\/plugins\/aha-orbit-testimonials\/\" class=\"btn btn-ghost\" target=\"_blank\"\r\n            rel=\"noopener\">\r\n            Install Free \u2014 WordPress.org\r\n          <\/a>\r\n        <\/div>\r\n        <div class=\"hero-trust\">\r\n          <span class=\"trust-item\">\r\n            <svg width=\"15\" height=\"15\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewBox=\"0 0 24 24\">\r\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 13l4 4L19 7\" \/>\r\n            <\/svg>\r\n            No jQuery \u2014 Pure Vanilla JS\r\n          <\/span>\r\n          <span class=\"trust-item\">\r\n            <svg width=\"15\" height=\"15\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewBox=\"0 0 24 24\">\r\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 13l4 4L19 7\" \/>\r\n            <\/svg>\r\n            Works with Any Theme or Page Builder\r\n          <\/span>\r\n          <span class=\"trust-item\">\r\n            <svg width=\"15\" height=\"15\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewBox=\"0 0 24 24\">\r\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 13l4 4L19 7\" \/>\r\n            <\/svg>\r\n            GPL Open Source \u00b7 WP 6.0+ \u00b7 PHP 7.4+\r\n          <\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ce2f079 elementor-widget elementor-widget-html\" data-id=\"ce2f079\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t  <!-- ================================================================\r\n     PROBLEM \/ SOLUTION\r\n     ================================================================ -->\r\n  <section class=\"problem-section\">\r\n    <div class=\"container\">\r\n      <div class=\"ps-grid\">\r\n\r\n        <!-- Problem -->\r\n        <div class=\"ps-block\">\r\n          <div class=\"tag tag-red\">The Problem with Standard Testimonials<\/div>\r\n          <h2>Generic Sliders Don't Build Trust \u2014 <span style=\"color:var(--red);\">They Destroy It.<\/span><\/h2>\r\n          <p>Every site looks the same. A plain carousel with tiny photos, or a grid nobody reads past the first row.\r\n            Visitors see through it \u2014 and keep scrolling without converting.<\/p>\r\n          <ul class=\"check-list no\">\r\n            <li><span class=\"ico ico-no\">\u2715<\/span> Visually forgettable \u2014 blends into the page noise<\/li>\r\n            <li><span class=\"ico ico-no\">\u2715<\/span> No hierarchy \u2014 every testimonial feels equally unimportant<\/li>\r\n            <li><span class=\"ico ico-no\">\u2715<\/span> Zero interaction \u2014 visitors don't engage, they skip<\/li>\r\n            <li><span class=\"ico ico-no\">\u2715<\/span> Cluttered grids overwhelm instead of persuade<\/li>\r\n            <li><span class=\"ico ico-no\">\u2715<\/span> Bloated with jQuery and third-party carousel libraries<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n\r\n        <!-- Solution -->\r\n        <div class=\"ps-block\">\r\n          <div class=\"tag\">The Orbit Difference<\/div>\r\n          <h2>Make Social Proof <span class=\"text-grad\">Impossible to Ignore.<\/span><\/h2>\r\n          <p>Aha Orbit lets you pick the perfect design for your page. Choose our unique Orbital Slider to create a\r\n            visual focal point, or use our clean Grid and touch-friendly Carousel layouts for standard sections.<\/p>\r\n          <ul class=\"check-list yes\">\r\n            <li><span class=\"ico ico-yes\">\u2713<\/span> 3 Layout Modes \u2014 Choose between Orbit, Grid, or Carousel<\/li>\r\n            <li><span class=\"ico ico-yes\">\u2713<\/span> Orbital layout creates instant visual interest and depth<\/li>\r\n            <li><span class=\"ico ico-yes\">\u2713<\/span> Drag, swipe & autoplay with responsive options<\/li>\r\n            <li><span class=\"ico ico-yes\">\u2713<\/span> 8 color presets + custom pickers to match any brand<\/li>\r\n            <li><span class=\"ico ico-yes\">\u2713<\/span> Vanilla JS only \u2014 zero dependencies, zero jQuery bloat<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a656b1c elementor-widget elementor-widget-html\" data-id=\"a656b1c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t  <!-- ================================================================\r\n     FEATURES\r\n     ================================================================ -->\r\n  <section class=\"features-section\" id=\"features\">\r\n    <div class=\"container\">\r\n      <div class=\"section-head\">\r\n        <div class=\"tag\">Every Feature You Need<\/div>\r\n        <h2>Built to Stand Out.<br>Not to Blend In.<\/h2>\r\n        <p>Every detail of Aha Orbit was engineered to make your testimonials the most memorable element on the page \u2014\r\n          without writing a single line of code.<\/p>\r\n      <\/div>\r\n      <div class=\"feat-grid\">\r\n\r\n        <div class=\"feat-card\">\r\n          <div class=\"feat-icon fi-c\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#00d4ff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2a10 10 0 1 0 10 10\"\/><path d=\"M12 6a6 6 0 1 0 6 6\"\/><circle cx=\"12\" cy=\"12\" r=\"2\"\/><\/svg><\/div>\r\n          <h3>3 Responsive Layouts<\/h3>\r\n          <p>Choose between our signature Orbit slider, a clean responsive Grid, or a smooth touch-swipe Carousel.\r\n            Switch layouts instantly using shortcode parameters or plugin settings.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"feat-card\">\r\n          <div class=\"feat-icon fi-p\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#7c3aed\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2.69l5.66 5.66a8 8 0 1 1-11.31 0z\"\/><\/svg><\/div>\r\n          <h3>Full Design System<\/h3>\r\n          <p>8 ready-made palettes \u2014 Default, Dark, Midnight, Purple, Ocean, Emerald, Warm, Rose \u2014 plus individual color\r\n            pickers for every element. Style cards, text, and columns easily.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"feat-card\">\r\n          <div class=\"feat-icon fi-k\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ec4899\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/><\/svg><\/div>\r\n          <h3>Vanilla JS \u2014 Zero jQuery<\/h3>\r\n          <p>No jQuery. No heavy external slider library conflicts. The front end is powered by modern, vanilla\r\n            JavaScript for ultra-fast page load times and better SEO performance.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"feat-card\">\r\n          <div class=\"feat-icon fi-g\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#22c55e\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"5\" y=\"2\" width=\"14\" height=\"20\" rx=\"2\" ry=\"2\"\/><line x1=\"12\" y1=\"18\" x2=\"12.01\" y2=\"18\"\/><\/svg><\/div>\r\n          <h3>Drag, Swipe & Autoplay<\/h3>\r\n          <p>Native drag on desktop, swipe on mobile. Configure autoplay interval, transition speed, and pagination\r\n            style \u2014 each testimonial showcase is independently configurable.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"feat-card\">\r\n          <div class=\"feat-icon fi-a\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#f59e0b\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"\/><circle cx=\"12\" cy=\"7\" r=\"4\"\/><\/svg><\/div>\r\n          <h3>Initials Fallback Avatar<\/h3>\r\n          <p>No photo available? The plugin automatically generates a styled avatar using the reviewer's initials (e.g.\r\n            <em>DS<\/em> for David Smith) \u2014 so every testimonial always looks polished.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"feat-card\">\r\n          <div class=\"feat-icon fi-b\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3b82f6\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"16 18 22 12 16 6\"\/><polyline points=\"8 6 2 12 8 18\"\/><\/svg><\/div>\r\n          <h3>One Shortcode. Anywhere.<\/h3>\r\n          <p>Use <code><!-- Aha Orbit: Invalid or unpublished Slider ID --><\/code> in pages, posts, widgets, Elementor, Divi, Bricks, or the block\r\n            editor. If WordPress can render a shortcode, your Orbit works there.<\/p>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-902476e elementor-widget elementor-widget-html\" data-id=\"902476e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t  <!-- ================================================================\r\n     ADMIN SCREENSHOTS\r\n     ================================================================ -->\r\n  <section class=\"screens-section\" id=\"screenshots\">\r\n    <div class=\"container\">\r\n      <div class=\"section-head\">\r\n        <div class=\"tag\">Inside the Plugin<\/div>\r\n        <h2>Clean Admin Interface.<br>No Learning Curve.<\/h2>\r\n        <p>Everything you need is right in the WordPress editor \u2014 no settings maze, no external dashboards. Create,\r\n          configure, and publish in minutes.<\/p>\r\n      <\/div>\r\n\r\n      <!-- Grid of 6 screenshots (2 per row) -->\r\n      <div class=\"screens-row\" style=\"margin-top:2rem;\">\r\n        <div>\r\n          <div class=\"screen-small\">\r\n            <div class=\"screen-chrome\">\r\n              <span class=\"sc-red\"><\/span><span class=\"sc-yellow\"><\/span><span class=\"sc-green\"><\/span>\r\n              <span class=\"sc-url\"><\/span>\r\n            <\/div>\r\n            <!-- TODO: Replace with your admin list screenshot -->\r\n            <img fetchpriority=\"high\" decoding=\"async\"\r\n              src=\"https:\/\/demos.ahaplugins.com\/orbit-testimonials\/wp-content\/uploads\/sites\/5\/2026\/06\/aha-orbit-admin-list.png\"\r\n              alt=\"Aha Orbit Testimonials \u2014 Admin list view\" width=\"540\" height=\"380\">\r\n          <\/div>\r\n          <p class=\"screen-label\">Sliders list \u2014 all your sliders in one place<\/p>\r\n        <\/div>\r\n        <div>\r\n          <div class=\"screen-small\">\r\n            <div class=\"screen-chrome\">\r\n              <span class=\"sc-red\"><\/span><span class=\"sc-yellow\"><\/span><span class=\"sc-green\"><\/span>\r\n              <span class=\"sc-url\"><\/span>\r\n            <\/div>\r\n            <!-- TODO: Replace with slider editor \/ metabox screenshot -->\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/demos.ahaplugins.com\/orbit-testimonials\/wp-content\/uploads\/sites\/5\/2026\/06\/aha-orbit-admin-create-item.png\"\r\n              alt=\"Slider editor with metaboxes\" width=\"540\" height=\"380\">\r\n          <\/div>\r\n          <p class=\"screen-label\">Slider editor \u2014 title & settings<\/p>\r\n        <\/div>\r\n        <div>\r\n          <div class=\"screen-small\">\r\n            <div class=\"screen-chrome\">\r\n              <span class=\"sc-red\"><\/span><span class=\"sc-yellow\"><\/span><span class=\"sc-green\"><\/span>\r\n              <span class=\"sc-url\"><\/span>\r\n            <\/div>\r\n            <!-- TODO: Replace with testimonials repeater screenshot -->\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/demos.ahaplugins.com\/orbit-testimonials\/wp-content\/uploads\/sites\/5\/2026\/06\/aha-orbit-testmonials-itens.png\"\r\n              alt=\"Testimonials repeater metabox\" width=\"540\" height=\"380\">\r\n          <\/div>\r\n          <p class=\"screen-label\">Add unlimited testimonials with ease<\/p>\r\n        <\/div>\r\n        <div>\r\n          <div class=\"screen-small\">\r\n            <div class=\"screen-chrome\">\r\n              <span class=\"sc-red\"><\/span><span class=\"sc-yellow\"><\/span><span class=\"sc-green\"><\/span>\r\n              <span class=\"sc-url\"><\/span>\r\n            <\/div>\r\n            <!-- TODO: Replace with colour\/design settings screenshot -->\r\n            <img loading=\"lazy\" decoding=\"async\"\r\n              src=\"https:\/\/demos.ahaplugins.com\/orbit-testimonials\/wp-content\/uploads\/sites\/5\/2026\/06\/aha-orbit-design-colors.png\"\r\n              alt=\"Colour presets and design settings panel\" width=\"540\" height=\"380\">\r\n          <\/div>\r\n          <p class=\"screen-label\">8 presets + full colour customisation<\/p>\r\n        <\/div>\r\n        <div>\r\n          <div class=\"screen-small\">\r\n            <div class=\"screen-chrome\">\r\n              <span class=\"sc-red\"><\/span><span class=\"sc-yellow\"><\/span><span class=\"sc-green\"><\/span>\r\n              <span class=\"sc-url\"><\/span>\r\n            <\/div>\r\n            <!-- TODO: Replace with layout settings screenshot -->\r\n            <img loading=\"lazy\" decoding=\"async\"\r\n              src=\"https:\/\/demos.ahaplugins.com\/orbit-testimonials\/wp-content\/uploads\/sites\/5\/2026\/06\/aha-orbit-edite-testimonial-item.png\"\r\n              alt=\"Layout settings panel\" width=\"540\" height=\"380\">\r\n          <\/div>\r\n          <p class=\"screen-label\">Editing testimonyl<\/p>\r\n        <\/div>\r\n        <div>\r\n          <div class=\"screen-small\">\r\n            <div class=\"screen-chrome\">\r\n              <span class=\"sc-red\"><\/span><span class=\"sc-yellow\"><\/span><span class=\"sc-green\"><\/span>\r\n              <span class=\"sc-url\"><\/span>\r\n            <\/div>\r\n            <!-- TODO: Replace with shortcode settings screenshot -->\r\n            <img loading=\"lazy\"\r\n              src=https:\/\/demos.ahaplugins.com\/orbit-testimonials\/wp-content\/uploads\/sites\/5\/2026\/06\/aha-orbit-admin-panel.png\r\n              alt=\"Shortcode copy panel\" width=\"540\" height=\"380\">\r\n          <\/div>\r\n          <p class=\"screen-label\">Modern administrative panel<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bd7343c elementor-widget elementor-widget-html\" data-id=\"bd7343c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t  <!-- ================================================================\r\n     DEMO \u2014 DARK BACKGROUND\r\n     ================================================================ -->\r\n  <section class=\"demo-dark-section\" id=\"demo\">\r\n    <div class=\"container\">\r\n      <div class=\"section-head\">\r\n        <div class=\"tag\">Live Preview Dark \u2014 Orbit Layout<\/div>\r\n        <h2>See the Orbit in Action<\/h2>\r\n        <p>This is exactly how it renders on a dark-background page. Drop in one shortcode \u2014 no configuration needed on\r\n          your end.<\/p>\r\n      <\/div>\r\n      <div class=\"demo-box-transparent\">\r\n        <style>#aha-orbit-31 {\n\t--ot-card-bg: #1e293b;\n\t--ot-text-primary: #f8fafc;\n\t--ot-name-color: #60a5fa;\n\t--ot-role-color: #94a3b8;\n\t--ot-quote-color: #94a3b8;\n\t--ot-arrow-color: #94a3b8;\n\t--ot-bullet-color: #475569;\n\t--ot-bullet-active-color: #60a5fa;\n}\n<\/style><div class=\"ot-testimonials-container\" id=\"aha-orbit-31\"\n\tstyle=\"--ot-container-height: 450px;\" data-orbit-options=\"{&quot;data&quot;:[{&quot;name&quot;:&quot;Marcus Bennett&quot;,&quot;role&quot;:&quot;SEO Specialist&quot;,&quot;text&quot;:&quot;Not only is it beautiful, but it&#039;s also optimized. Google PageSpeed gave us a green light!&quot;,&quot;image&quot;:&quot;https:\\\/\\\/demos.ahaplugins.com\\\/orbit-testimonials\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/05\\\/marcus-bennett-260x260.png&quot;,&quot;companyLogo&quot;:&quot;&quot;,&quot;rating&quot;:5,&quot;socialNetwork&quot;:&quot;&quot;,&quot;socialLink&quot;:&quot;&quot;,&quot;socialNetworkLabel&quot;:&quot;&quot;},{&quot;name&quot;:&quot;Yuki Tanaka&quot;,&quot;role&quot;:&quot;UX Designer&quot;,&quot;text&quot;:&quot;Finally, a plugin that doesn&#039;t look like a 2010 widget. The orbital effect is absolutely mesmerizing!&quot;,&quot;image&quot;:&quot;https:\\\/\\\/demos.ahaplugins.com\\\/orbit-testimonials\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/05\\\/yuki-tanaka-260x260.png&quot;,&quot;companyLogo&quot;:&quot;&quot;,&quot;rating&quot;:4,&quot;socialNetwork&quot;:&quot;&quot;,&quot;socialLink&quot;:&quot;&quot;,&quot;socialNetworkLabel&quot;:&quot;&quot;},{&quot;name&quot;:&quot;Daniel Brooks&quot;,&quot;role&quot;:&quot;Art Director&quot;,&quot;text&quot;:&quot;The circular design and orbital motion bring a dynamic feel that I&#039;ve never seen in other WP plugins.&quot;,&quot;image&quot;:&quot;https:\\\/\\\/demos.ahaplugins.com\\\/orbit-testimonials\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/05\\\/daniel-brooks-260x260.png&quot;,&quot;companyLogo&quot;:&quot;&quot;,&quot;rating&quot;:5,&quot;socialNetwork&quot;:&quot;&quot;,&quot;socialLink&quot;:&quot;&quot;,&quot;socialNetworkLabel&quot;:&quot;&quot;},{&quot;name&quot;:&quot;Amara Okafor&quot;,&quot;role&quot;:&quot;Social Media Strategist&quot;,&quot;text&quot;:&quot;My clients love the look. It brings a level of sophistication that standard plugins just can&#039;t match.&quot;,&quot;image&quot;:&quot;https:\\\/\\\/demos.ahaplugins.com\\\/orbit-testimonials\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/05\\\/amara-okafo-260x260.png&quot;,&quot;companyLogo&quot;:&quot;&quot;,&quot;rating&quot;:5,&quot;socialNetwork&quot;:&quot;&quot;,&quot;socialLink&quot;:&quot;&quot;,&quot;socialNetworkLabel&quot;:&quot;&quot;},{&quot;name&quot;:&quot;Luca Moretti&quot;,&quot;role&quot;:&quot;Marketing Consultant&quot;,&quot;text&quot;:&quot;Perfect for high-converting LPs. The modern visual style builds immediate authority and trust.&quot;,&quot;image&quot;:&quot;https:\\\/\\\/demos.ahaplugins.com\\\/orbit-testimonials\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/05\\\/luca-moretti-260x260.png&quot;,&quot;companyLogo&quot;:&quot;&quot;,&quot;rating&quot;:5,&quot;socialNetwork&quot;:&quot;&quot;,&quot;socialLink&quot;:&quot;&quot;,&quot;socialNetworkLabel&quot;:&quot;&quot;},{&quot;name&quot;:&quot;Sophie Laurent&quot;,&quot;role&quot;:&quot;Content Creator&quot;,&quot;text&quot;:&quot;The Aha Orbit transformed my &#039;About Us&#039; section. It&#039;s impossible not to click and engage with it.&quot;,&quot;image&quot;:&quot;https:\\\/\\\/demos.ahaplugins.com\\\/orbit-testimonials\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/05\\\/sophie-laurent-260x260.png&quot;,&quot;companyLogo&quot;:&quot;&quot;,&quot;rating&quot;:5,&quot;socialNetwork&quot;:&quot;&quot;,&quot;socialLink&quot;:&quot;&quot;,&quot;socialNetworkLabel&quot;:&quot;&quot;},{&quot;name&quot;:&quot;Layla Hassan&quot;,&quot;role&quot;:&quot;E-commerce Manager&quot;,&quot;text&quot;:&quot;Our conversion rates jumped by 15% after we added these testimonials to our main landing page.&quot;,&quot;image&quot;:&quot;https:\\\/\\\/demos.ahaplugins.com\\\/orbit-testimonials\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/05\\\/layla-hassan-260x260.png&quot;,&quot;companyLogo&quot;:&quot;&quot;,&quot;rating&quot;:4,&quot;socialNetwork&quot;:&quot;&quot;,&quot;socialLink&quot;:&quot;&quot;,&quot;socialNetworkLabel&quot;:&quot;&quot;},{&quot;name&quot;:&quot;Kevin Park&quot;,&quot;role&quot;:&quot;Digital Entrepreneur&quot;,&quot;text&quot;:&quot;I had it installed in 5 minutes, and the visual result looked professional right out of the box.&quot;,&quot;image&quot;:&quot;https:\\\/\\\/demos.ahaplugins.com\\\/orbit-testimonials\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/05\\\/kevin-park-260x260.png&quot;,&quot;companyLogo&quot;:&quot;&quot;,&quot;rating&quot;:5,&quot;socialNetwork&quot;:&quot;&quot;,&quot;socialLink&quot;:&quot;&quot;,&quot;socialNetworkLabel&quot;:&quot;&quot;},{&quot;name&quot;:&quot;Naomi Johnson&quot;,&quot;role&quot;:&quot;Product Owner&quot;,&quot;text&quot;:&quot;The intuitive interface allows anyone on our team to update testimonials in a matter of seconds.&quot;,&quot;image&quot;:&quot;https:\\\/\\\/demos.ahaplugins.com\\\/orbit-testimonials\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/05\\\/naomi-johnson-260x260.png&quot;,&quot;companyLogo&quot;:&quot;&quot;,&quot;rating&quot;:5,&quot;socialNetwork&quot;:&quot;&quot;,&quot;socialLink&quot;:&quot;&quot;,&quot;socialNetworkLabel&quot;:&quot;&quot;},{&quot;name&quot;:&quot;Adrian Costa&quot;,&quot;role&quot;:&quot;Freelance Web Designer&quot;,&quot;text&quot;:&quot;Aha Orbit is now my go-to standard for all client projects. There is simply no comparison.&quot;,&quot;image&quot;:&quot;https:\\\/\\\/demos.ahaplugins.com\\\/orbit-testimonials\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/05\\\/adrian-costa-260x260.png&quot;,&quot;companyLogo&quot;:&quot;&quot;,&quot;rating&quot;:5,&quot;socialNetwork&quot;:&quot;&quot;,&quot;socialLink&quot;:&quot;&quot;,&quot;socialNetworkLabel&quot;:&quot;&quot;},{&quot;name&quot;:&quot;Emma Collins&quot;,&quot;role&quot;:&quot;Web Developer&quot;,&quot;text&quot;:&quot;Lightweight, fast, and incredibly easy to set up. The code is clean and doesn&#039;t bloat the site.&quot;,&quot;image&quot;:&quot;https:\\\/\\\/demos.ahaplugins.com\\\/orbit-testimonials\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/05\\\/emma-collins-260x260.png&quot;,&quot;companyLogo&quot;:&quot;&quot;,&quot;rating&quot;:5,&quot;socialNetwork&quot;:&quot;&quot;,&quot;socialLink&quot;:&quot;&quot;,&quot;socialNetworkLabel&quot;:&quot;&quot;},{&quot;name&quot;:&quot;Ryan Mitchell&quot;,&quot;role&quot;:&quot;Growth Hacker&quot;,&quot;text&quot;:&quot;Our page retention time increased significantly. Users actually stop to interact with the carousel.&quot;,&quot;image&quot;:&quot;https:\\\/\\\/demos.ahaplugins.com\\\/orbit-testimonials\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/05\\\/ryan-mitchell-260x260.png&quot;,&quot;companyLogo&quot;:&quot;&quot;,&quot;rating&quot;:5,&quot;socialNetwork&quot;:&quot;&quot;,&quot;socialLink&quot;:&quot;&quot;,&quot;socialNetworkLabel&quot;:&quot;&quot;}],&quot;layoutMode&quot;:&quot;auto&quot;,&quot;showArrows&quot;:true,&quot;showDots&quot;:true,&quot;autoplay&quot;:true,&quot;interval&quot;:5000,&quot;transitionSpeed&quot;:800,&quot;animationDelay&quot;:150,&quot;grayscale&quot;:false,&quot;draggable&quot;:true,&quot;columns&quot;:1}\">\n\t<!-- Avatars layer \u2013 populated by JavaScript -->\n\t<div class=\"ot-avatars-layer\" id=\"avatars-layer-31\"><\/div>\n\n\t<!-- Testimonial card -->\n\t<div class=\"ot-testimonial-card\" id=\"testimonial-card-31\">\n\n\t\t<div class=\"ot-quote-icon\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"48\" height=\"48\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n\t\t\t\t<path d=\"M14.017 21v-7.391c0-5.704 3.731-9.57 8.983-10.609l.995 2.151c-2.432.917-3.995 3.638-3.995 5.849h4v10h-9.983zm-14.017 0v-7.391c0-5.704 3.748-9.57 9-10.609l.996 2.151c-2.433.917-3.996 3.638-3.996 5.849h3.983v10h-9.983z\"\/>\n\t\t\t<\/svg>\n\t\t<\/div>\n\n\t\t\t\t\t\t\t<div class=\"ot-star-rating\" id=\"testimonial-rating-31\" role=\"img\" aria-label=\"\"\n\t\t\t\tstyle=\"display:none;\">\n\t\t\t\t\t\t\t\t\t<span class=\"ot-star\" data-star=\"1\" aria-hidden=\"true\">&#9733;<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"ot-star\" data-star=\"2\" aria-hidden=\"true\">&#9733;<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"ot-star\" data-star=\"3\" aria-hidden=\"true\">&#9733;<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"ot-star\" data-star=\"4\" aria-hidden=\"true\">&#9733;<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"ot-star\" data-star=\"5\" aria-hidden=\"true\">&#9733;<\/span>\n\t\t\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t<p class=\"ot-testimonial-text\" id=\"testimonial-text-31\"><\/p>\n\n\t\t\t\t<h3 class=\"ot-testimonial-name\" id=\"testimonial-name-31\"><\/h3>\n\n\t\t\t\t<p class=\"ot-testimonial-role\" id=\"testimonial-role-31\"><\/p>\n\n\t\t\t\t\n\t<\/div>\n<\/div>\r\n      <\/div>\r\n      <p class=\"demo-caption\">\r\n        Example shortcode: <code>&#091;aha_orbit id=\"41\"&#093;<\/code>\r\n      <\/p>\r\n    <\/div>\r\n  <\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-96d88ab elementor-widget elementor-widget-html\" data-id=\"96d88ab\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t  <!-- ================================================================\r\n     DEMO \u2014 LIGHT BACKGROUND\r\n     ================================================================ -->\r\n  <section class=\"demo-light-section\">\r\n    <div class=\"container\">\r\n      <div class=\"section-head\">\r\n        <div class=\"tag tag-purp\">Live Preview Light \u2014 Orbit Layout<\/div>\r\n        <h2>Beautiful on Any Background<\/h2>\r\n        <p>Switch to a light colour preset and Orbit blends seamlessly into bright, minimal layouts. One plugin \u2014\r\n          infinite design possibilities.<\/p>\r\n      <\/div>\r\n      <div class=\"demo-box-transparent\">\r\n        <style>#aha-orbit-70 {\n\t--ot-card-bg: #f0f9ff;\n\t--ot-text-primary: #0c4a6e;\n\t--ot-name-color: #0284c7;\n\t--ot-role-color: #475569;\n\t--ot-quote-color: #0284c7;\n\t--ot-arrow-color: #0284c7;\n\t--ot-bullet-color: #bae6fd;\n\t--ot-bullet-active-color: #0284c7;\n}\n<\/style><div class=\"ot-testimonials-container\" id=\"aha-orbit-70\"\n\tstyle=\"--ot-container-height: 450px;\" data-orbit-options=\"{&quot;data&quot;:[{&quot;name&quot;:&quot;Marcus Bennett&quot;,&quot;role&quot;:&quot;SEO Specialist&quot;,&quot;text&quot;:&quot;Not only is it beautiful, but it&#039;s also optimized. Google PageSpeed gave us a green light!&quot;,&quot;image&quot;:&quot;https:\\\/\\\/demos.ahaplugins.com\\\/orbit-testimonials\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/05\\\/marcus-bennett-260x260.png&quot;,&quot;companyLogo&quot;:&quot;&quot;,&quot;rating&quot;:5,&quot;socialNetwork&quot;:&quot;&quot;,&quot;socialLink&quot;:&quot;&quot;,&quot;socialNetworkLabel&quot;:&quot;&quot;},{&quot;name&quot;:&quot;Yuki Tanaka&quot;,&quot;role&quot;:&quot;UX Designer&quot;,&quot;text&quot;:&quot;Finally, a plugin that doesn&#039;t look like a 2010 widget. The orbital effect is absolutely mesmerizing!&quot;,&quot;image&quot;:&quot;https:\\\/\\\/demos.ahaplugins.com\\\/orbit-testimonials\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/05\\\/yuki-tanaka-260x260.png&quot;,&quot;companyLogo&quot;:&quot;&quot;,&quot;rating&quot;:4,&quot;socialNetwork&quot;:&quot;&quot;,&quot;socialLink&quot;:&quot;&quot;,&quot;socialNetworkLabel&quot;:&quot;&quot;},{&quot;name&quot;:&quot;Daniel Brooks&quot;,&quot;role&quot;:&quot;Art Director&quot;,&quot;text&quot;:&quot;The circular design and orbital motion bring a dynamic feel that I&#039;ve never seen in other WP plugins.&quot;,&quot;image&quot;:&quot;https:\\\/\\\/demos.ahaplugins.com\\\/orbit-testimonials\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/05\\\/daniel-brooks-260x260.png&quot;,&quot;companyLogo&quot;:&quot;&quot;,&quot;rating&quot;:5,&quot;socialNetwork&quot;:&quot;&quot;,&quot;socialLink&quot;:&quot;&quot;,&quot;socialNetworkLabel&quot;:&quot;&quot;},{&quot;name&quot;:&quot;Amara Okafor&quot;,&quot;role&quot;:&quot;Social Media Strategist&quot;,&quot;text&quot;:&quot;My clients love the look. It brings a level of sophistication that standard plugins just can&#039;t match.&quot;,&quot;image&quot;:&quot;https:\\\/\\\/demos.ahaplugins.com\\\/orbit-testimonials\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/05\\\/amara-okafo-260x260.png&quot;,&quot;companyLogo&quot;:&quot;&quot;,&quot;rating&quot;:5,&quot;socialNetwork&quot;:&quot;&quot;,&quot;socialLink&quot;:&quot;&quot;,&quot;socialNetworkLabel&quot;:&quot;&quot;},{&quot;name&quot;:&quot;Luca Moretti&quot;,&quot;role&quot;:&quot;Marketing Consultant&quot;,&quot;text&quot;:&quot;Perfect for high-converting LPs. The modern visual style builds immediate authority and trust.&quot;,&quot;image&quot;:&quot;https:\\\/\\\/demos.ahaplugins.com\\\/orbit-testimonials\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/05\\\/luca-moretti-260x260.png&quot;,&quot;companyLogo&quot;:&quot;&quot;,&quot;rating&quot;:5,&quot;socialNetwork&quot;:&quot;&quot;,&quot;socialLink&quot;:&quot;&quot;,&quot;socialNetworkLabel&quot;:&quot;&quot;},{&quot;name&quot;:&quot;Sophie Laurent&quot;,&quot;role&quot;:&quot;Content Creator&quot;,&quot;text&quot;:&quot;The Aha Orbit transformed my &#039;About Us&#039; section. It&#039;s impossible not to click and engage with it.&quot;,&quot;image&quot;:&quot;https:\\\/\\\/demos.ahaplugins.com\\\/orbit-testimonials\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/05\\\/sophie-laurent-260x260.png&quot;,&quot;companyLogo&quot;:&quot;&quot;,&quot;rating&quot;:5,&quot;socialNetwork&quot;:&quot;&quot;,&quot;socialLink&quot;:&quot;&quot;,&quot;socialNetworkLabel&quot;:&quot;&quot;},{&quot;name&quot;:&quot;Layla Hassan&quot;,&quot;role&quot;:&quot;E-commerce Manager&quot;,&quot;text&quot;:&quot;Our conversion rates jumped by 15% after we added these testimonials to our main landing page.&quot;,&quot;image&quot;:&quot;https:\\\/\\\/demos.ahaplugins.com\\\/orbit-testimonials\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/05\\\/layla-hassan-260x260.png&quot;,&quot;companyLogo&quot;:&quot;&quot;,&quot;rating&quot;:4,&quot;socialNetwork&quot;:&quot;&quot;,&quot;socialLink&quot;:&quot;&quot;,&quot;socialNetworkLabel&quot;:&quot;&quot;},{&quot;name&quot;:&quot;Kevin Park&quot;,&quot;role&quot;:&quot;Digital Entrepreneur&quot;,&quot;text&quot;:&quot;I had it installed in 5 minutes, and the visual result looked professional right out of the box.&quot;,&quot;image&quot;:&quot;https:\\\/\\\/demos.ahaplugins.com\\\/orbit-testimonials\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/05\\\/kevin-park-260x260.png&quot;,&quot;companyLogo&quot;:&quot;&quot;,&quot;rating&quot;:5,&quot;socialNetwork&quot;:&quot;&quot;,&quot;socialLink&quot;:&quot;&quot;,&quot;socialNetworkLabel&quot;:&quot;&quot;},{&quot;name&quot;:&quot;Naomi Johnson&quot;,&quot;role&quot;:&quot;Product Owner&quot;,&quot;text&quot;:&quot;The intuitive interface allows anyone on our team to update testimonials in a matter of seconds.&quot;,&quot;image&quot;:&quot;https:\\\/\\\/demos.ahaplugins.com\\\/orbit-testimonials\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/05\\\/naomi-johnson-260x260.png&quot;,&quot;companyLogo&quot;:&quot;&quot;,&quot;rating&quot;:5,&quot;socialNetwork&quot;:&quot;&quot;,&quot;socialLink&quot;:&quot;&quot;,&quot;socialNetworkLabel&quot;:&quot;&quot;},{&quot;name&quot;:&quot;Adrian Costa&quot;,&quot;role&quot;:&quot;Freelance Web Designer&quot;,&quot;text&quot;:&quot;Aha Orbit is now my go-to standard for all client projects. There is simply no comparison.&quot;,&quot;image&quot;:&quot;https:\\\/\\\/demos.ahaplugins.com\\\/orbit-testimonials\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/05\\\/adrian-costa-260x260.png&quot;,&quot;companyLogo&quot;:&quot;&quot;,&quot;rating&quot;:5,&quot;socialNetwork&quot;:&quot;&quot;,&quot;socialLink&quot;:&quot;&quot;,&quot;socialNetworkLabel&quot;:&quot;&quot;},{&quot;name&quot;:&quot;Emma Collins&quot;,&quot;role&quot;:&quot;Web Developer&quot;,&quot;text&quot;:&quot;Lightweight, fast, and incredibly easy to set up. The code is clean and doesn&#039;t bloat the site.&quot;,&quot;image&quot;:&quot;https:\\\/\\\/demos.ahaplugins.com\\\/orbit-testimonials\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/05\\\/emma-collins-260x260.png&quot;,&quot;companyLogo&quot;:&quot;&quot;,&quot;rating&quot;:5,&quot;socialNetwork&quot;:&quot;&quot;,&quot;socialLink&quot;:&quot;&quot;,&quot;socialNetworkLabel&quot;:&quot;&quot;},{&quot;name&quot;:&quot;Ryan Mitchell&quot;,&quot;role&quot;:&quot;Growth Hacker&quot;,&quot;text&quot;:&quot;Our page retention time increased significantly. Users actually stop to interact with the carousel.&quot;,&quot;image&quot;:&quot;https:\\\/\\\/demos.ahaplugins.com\\\/orbit-testimonials\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/05\\\/ryan-mitchell-260x260.png&quot;,&quot;companyLogo&quot;:&quot;&quot;,&quot;rating&quot;:5,&quot;socialNetwork&quot;:&quot;&quot;,&quot;socialLink&quot;:&quot;&quot;,&quot;socialNetworkLabel&quot;:&quot;&quot;}],&quot;layoutMode&quot;:&quot;auto&quot;,&quot;showArrows&quot;:true,&quot;showDots&quot;:true,&quot;autoplay&quot;:true,&quot;interval&quot;:5000,&quot;transitionSpeed&quot;:800,&quot;animationDelay&quot;:150,&quot;grayscale&quot;:false,&quot;draggable&quot;:true,&quot;columns&quot;:1}\">\n\t<!-- Avatars layer \u2013 populated by JavaScript -->\n\t<div class=\"ot-avatars-layer\" id=\"avatars-layer-70\"><\/div>\n\n\t<!-- Testimonial card -->\n\t<div class=\"ot-testimonial-card\" id=\"testimonial-card-70\">\n\n\t\t<div class=\"ot-quote-icon\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"48\" height=\"48\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n\t\t\t\t<path d=\"M14.017 21v-7.391c0-5.704 3.731-9.57 8.983-10.609l.995 2.151c-2.432.917-3.995 3.638-3.995 5.849h4v10h-9.983zm-14.017 0v-7.391c0-5.704 3.748-9.57 9-10.609l.996 2.151c-2.433.917-3.996 3.638-3.996 5.849h3.983v10h-9.983z\"\/>\n\t\t\t<\/svg>\n\t\t<\/div>\n\n\t\t\t\t\t\t\t<div class=\"ot-star-rating\" id=\"testimonial-rating-70\" role=\"img\" aria-label=\"\"\n\t\t\t\tstyle=\"display:none;\">\n\t\t\t\t\t\t\t\t\t<span class=\"ot-star\" data-star=\"1\" aria-hidden=\"true\">&#9733;<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"ot-star\" data-star=\"2\" aria-hidden=\"true\">&#9733;<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"ot-star\" data-star=\"3\" aria-hidden=\"true\">&#9733;<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"ot-star\" data-star=\"4\" aria-hidden=\"true\">&#9733;<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"ot-star\" data-star=\"5\" aria-hidden=\"true\">&#9733;<\/span>\n\t\t\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t<p class=\"ot-testimonial-text\" id=\"testimonial-text-70\"><\/p>\n\n\t\t\t\t<h3 class=\"ot-testimonial-name\" id=\"testimonial-name-70\"><\/h3>\n\n\t\t\t\t<p class=\"ot-testimonial-role\" id=\"testimonial-role-70\"><\/p>\n\n\t\t\t\t\n\t<\/div>\n<\/div>\r\n      <\/div>\r\n      <p class=\"demo-caption\">\r\n        Example shortcode: <code>&#091;aha_orbit id=\"42\"&#093;<\/code>\r\n      <\/p>\r\n    <\/div>\r\n  <\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2bc5b7f elementor-widget elementor-widget-html\" data-id=\"2bc5b7f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t  <!-- ================================================================\r\n     DEMO \u2014 GRID LAYOUT (DARK)\r\n     ================================================================ -->\r\n  <section class=\"demo-grid-section\">\r\n    <div class=\"container\">\r\n      <div class=\"section-head\">\r\n        <div class=\"tag\">Live Preview Dark \u2014 Grid Layout<\/div>\r\n        <h2>Clean and Responsive Grid<\/h2>\r\n         <p>Display your reviews in a structured, multi-column grid. Perfect for dedicated testimonials pages or detailed\r\n          social proof sections.<br>\r\n          <span style=\"color:var(--cyan); font-weight:600; display:block; margin-top:8px;\">\ud83d\udca1 Pro version unlocks premium card templates like Bicolor Card and Avatar on Top!<\/span><\/p>\r\n      <\/div>\r\n      <div class=\"demo-box-transparent\">\r\n        <style>#aha-orbit-150 {\n\t--ot-card-bg: #1e293b;\n\t--ot-text-primary: #f8fafc;\n\t--ot-name-color: #60a5fa;\n\t--ot-role-color: #94a3b8;\n\t--ot-quote-color: #94a3b8;\n\t--ot-arrow-color: #94a3b8;\n\t--ot-bullet-color: #475569;\n\t--ot-bullet-active-color: #60a5fa;\n}\n<\/style><div class=\"ot-layout-grid\"\n    id=\"aha-orbit-150\"\n    style=\"--ot-grid-cols: 3; --ot-container-height: 450px;\"\n    data-layout=\"grid\"\n    data-grid-cols=\"3\">\n\n    <article class=\"ot-grid-card\">\n\n    <div class=\"ot-grid-card__header\">\n        <!-- Avatar -->\n        <div class=\"ot-grid-avatar-wrap\">\n                            <img decoding=\"async\" class=\"ot-grid-avatar-img\"\n                    src=\"https:\/\/demos.ahaplugins.com\/orbit-testimonials\/wp-content\/uploads\/sites\/5\/2026\/05\/marcus-bennett-260x260.png\"\n                    alt=\"Marcus Bennett\"\n                    loading=\"lazy\" \/>\n            \n                    <\/div>\n\n        <div class=\"ot-grid-card__meta\">\n            <h3 class=\"ot-grid-card__name\">Marcus Bennett<\/h3>\n            <p class=\"ot-grid-card__role\">SEO Specialist<\/p>\n                    <\/div>\n    <\/div><!-- \/.ot-grid-card__header -->\n\n    <div class=\"ot-grid-card__body\">\n        <div class=\"ot-quote-icon\" aria-hidden=\"true\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                <path d=\"M14.017 21v-7.391c0-5.704 3.731-9.57 8.983-10.609l.995 2.151c-2.432.917-3.995 3.638-3.995 5.849h4v10h-9.983zm-14.017 0v-7.391c0-5.704 3.748-9.57 9-10.609l.996 2.151c-2.433.917-3.996 3.638-3.996 5.849h3.983v10h-9.983z\"\/>\n            <\/svg>\n        <\/div>\n\n                    <div class=\"ot-star-rating\" role=\"img\"\n                aria-label=\"5 out of 5 stars\">\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <\/div>\n        \n        <p class=\"ot-grid-card__text\">Not only is it beautiful, but it&#039;s also optimized. Google PageSpeed gave us a green light!<\/p>\n    <\/div><!-- \/.ot-grid-card__body -->\n\n<\/article>\n<article class=\"ot-grid-card\">\n\n    <div class=\"ot-grid-card__header\">\n        <!-- Avatar -->\n        <div class=\"ot-grid-avatar-wrap\">\n                            <img decoding=\"async\" class=\"ot-grid-avatar-img\"\n                    src=\"https:\/\/demos.ahaplugins.com\/orbit-testimonials\/wp-content\/uploads\/sites\/5\/2026\/05\/yuki-tanaka-260x260.png\"\n                    alt=\"Yuki Tanaka\"\n                    loading=\"lazy\" \/>\n            \n                    <\/div>\n\n        <div class=\"ot-grid-card__meta\">\n            <h3 class=\"ot-grid-card__name\">Yuki Tanaka<\/h3>\n            <p class=\"ot-grid-card__role\">UX Designer<\/p>\n                    <\/div>\n    <\/div><!-- \/.ot-grid-card__header -->\n\n    <div class=\"ot-grid-card__body\">\n        <div class=\"ot-quote-icon\" aria-hidden=\"true\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                <path d=\"M14.017 21v-7.391c0-5.704 3.731-9.57 8.983-10.609l.995 2.151c-2.432.917-3.995 3.638-3.995 5.849h4v10h-9.983zm-14.017 0v-7.391c0-5.704 3.748-9.57 9-10.609l.996 2.151c-2.433.917-3.996 3.638-3.996 5.849h3.983v10h-9.983z\"\/>\n            <\/svg>\n        <\/div>\n\n                    <div class=\"ot-star-rating\" role=\"img\"\n                aria-label=\"4 out of 5 stars\">\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                <span class=\"ot-star\" aria-hidden=\"true\">&#9733;<\/span>\n                        <\/div>\n        \n        <p class=\"ot-grid-card__text\">Finally, a plugin that doesn&#039;t look like a 2010 widget. The orbital effect is absolutely mesmerizing!<\/p>\n    <\/div><!-- \/.ot-grid-card__body -->\n\n<\/article>\n<article class=\"ot-grid-card\">\n\n    <div class=\"ot-grid-card__header\">\n        <!-- Avatar -->\n        <div class=\"ot-grid-avatar-wrap\">\n                            <img decoding=\"async\" class=\"ot-grid-avatar-img\"\n                    src=\"https:\/\/demos.ahaplugins.com\/orbit-testimonials\/wp-content\/uploads\/sites\/5\/2026\/05\/daniel-brooks-260x260.png\"\n                    alt=\"Daniel Brooks\"\n                    loading=\"lazy\" \/>\n            \n                    <\/div>\n\n        <div class=\"ot-grid-card__meta\">\n            <h3 class=\"ot-grid-card__name\">Daniel Brooks<\/h3>\n            <p class=\"ot-grid-card__role\">Art Director<\/p>\n                    <\/div>\n    <\/div><!-- \/.ot-grid-card__header -->\n\n    <div class=\"ot-grid-card__body\">\n        <div class=\"ot-quote-icon\" aria-hidden=\"true\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                <path d=\"M14.017 21v-7.391c0-5.704 3.731-9.57 8.983-10.609l.995 2.151c-2.432.917-3.995 3.638-3.995 5.849h4v10h-9.983zm-14.017 0v-7.391c0-5.704 3.748-9.57 9-10.609l.996 2.151c-2.433.917-3.996 3.638-3.996 5.849h3.983v10h-9.983z\"\/>\n            <\/svg>\n        <\/div>\n\n                    <div class=\"ot-star-rating\" role=\"img\"\n                aria-label=\"5 out of 5 stars\">\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <\/div>\n        \n        <p class=\"ot-grid-card__text\">The circular design and orbital motion bring a dynamic feel that I&#039;ve never seen in other WP plugins.<\/p>\n    <\/div><!-- \/.ot-grid-card__body -->\n\n<\/article>\n<article class=\"ot-grid-card\">\n\n    <div class=\"ot-grid-card__header\">\n        <!-- Avatar -->\n        <div class=\"ot-grid-avatar-wrap\">\n                            <img decoding=\"async\" class=\"ot-grid-avatar-img\"\n                    src=\"https:\/\/demos.ahaplugins.com\/orbit-testimonials\/wp-content\/uploads\/sites\/5\/2026\/05\/amara-okafo-260x260.png\"\n                    alt=\"Amara Okafor\"\n                    loading=\"lazy\" \/>\n            \n                    <\/div>\n\n        <div class=\"ot-grid-card__meta\">\n            <h3 class=\"ot-grid-card__name\">Amara Okafor<\/h3>\n            <p class=\"ot-grid-card__role\">Social Media Strategist<\/p>\n                    <\/div>\n    <\/div><!-- \/.ot-grid-card__header -->\n\n    <div class=\"ot-grid-card__body\">\n        <div class=\"ot-quote-icon\" aria-hidden=\"true\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                <path d=\"M14.017 21v-7.391c0-5.704 3.731-9.57 8.983-10.609l.995 2.151c-2.432.917-3.995 3.638-3.995 5.849h4v10h-9.983zm-14.017 0v-7.391c0-5.704 3.748-9.57 9-10.609l.996 2.151c-2.433.917-3.996 3.638-3.996 5.849h3.983v10h-9.983z\"\/>\n            <\/svg>\n        <\/div>\n\n                    <div class=\"ot-star-rating\" role=\"img\"\n                aria-label=\"5 out of 5 stars\">\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <\/div>\n        \n        <p class=\"ot-grid-card__text\">My clients love the look. It brings a level of sophistication that standard plugins just can&#039;t match.<\/p>\n    <\/div><!-- \/.ot-grid-card__body -->\n\n<\/article>\n<article class=\"ot-grid-card\">\n\n    <div class=\"ot-grid-card__header\">\n        <!-- Avatar -->\n        <div class=\"ot-grid-avatar-wrap\">\n                            <img decoding=\"async\" class=\"ot-grid-avatar-img\"\n                    src=\"https:\/\/demos.ahaplugins.com\/orbit-testimonials\/wp-content\/uploads\/sites\/5\/2026\/05\/luca-moretti-260x260.png\"\n                    alt=\"Luca Moretti\"\n                    loading=\"lazy\" \/>\n            \n                    <\/div>\n\n        <div class=\"ot-grid-card__meta\">\n            <h3 class=\"ot-grid-card__name\">Luca Moretti<\/h3>\n            <p class=\"ot-grid-card__role\">Marketing Consultant<\/p>\n                    <\/div>\n    <\/div><!-- \/.ot-grid-card__header -->\n\n    <div class=\"ot-grid-card__body\">\n        <div class=\"ot-quote-icon\" aria-hidden=\"true\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                <path d=\"M14.017 21v-7.391c0-5.704 3.731-9.57 8.983-10.609l.995 2.151c-2.432.917-3.995 3.638-3.995 5.849h4v10h-9.983zm-14.017 0v-7.391c0-5.704 3.748-9.57 9-10.609l.996 2.151c-2.433.917-3.996 3.638-3.996 5.849h3.983v10h-9.983z\"\/>\n            <\/svg>\n        <\/div>\n\n                    <div class=\"ot-star-rating\" role=\"img\"\n                aria-label=\"5 out of 5 stars\">\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <\/div>\n        \n        <p class=\"ot-grid-card__text\">Perfect for high-converting LPs. The modern visual style builds immediate authority and trust.<\/p>\n    <\/div><!-- \/.ot-grid-card__body -->\n\n<\/article>\n<article class=\"ot-grid-card\">\n\n    <div class=\"ot-grid-card__header\">\n        <!-- Avatar -->\n        <div class=\"ot-grid-avatar-wrap\">\n                            <img decoding=\"async\" class=\"ot-grid-avatar-img\"\n                    src=\"https:\/\/demos.ahaplugins.com\/orbit-testimonials\/wp-content\/uploads\/sites\/5\/2026\/05\/sophie-laurent-260x260.png\"\n                    alt=\"Sophie Laurent\"\n                    loading=\"lazy\" \/>\n            \n                    <\/div>\n\n        <div class=\"ot-grid-card__meta\">\n            <h3 class=\"ot-grid-card__name\">Sophie Laurent<\/h3>\n            <p class=\"ot-grid-card__role\">Content Creator<\/p>\n                    <\/div>\n    <\/div><!-- \/.ot-grid-card__header -->\n\n    <div class=\"ot-grid-card__body\">\n        <div class=\"ot-quote-icon\" aria-hidden=\"true\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                <path d=\"M14.017 21v-7.391c0-5.704 3.731-9.57 8.983-10.609l.995 2.151c-2.432.917-3.995 3.638-3.995 5.849h4v10h-9.983zm-14.017 0v-7.391c0-5.704 3.748-9.57 9-10.609l.996 2.151c-2.433.917-3.996 3.638-3.996 5.849h3.983v10h-9.983z\"\/>\n            <\/svg>\n        <\/div>\n\n                    <div class=\"ot-star-rating\" role=\"img\"\n                aria-label=\"5 out of 5 stars\">\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <\/div>\n        \n        <p class=\"ot-grid-card__text\">The Aha Orbit transformed my &#039;About Us&#039; section. It&#039;s impossible not to click and engage with it.<\/p>\n    <\/div><!-- \/.ot-grid-card__body -->\n\n<\/article>\n<article class=\"ot-grid-card\">\n\n    <div class=\"ot-grid-card__header\">\n        <!-- Avatar -->\n        <div class=\"ot-grid-avatar-wrap\">\n                            <img decoding=\"async\" class=\"ot-grid-avatar-img\"\n                    src=\"https:\/\/demos.ahaplugins.com\/orbit-testimonials\/wp-content\/uploads\/sites\/5\/2026\/05\/layla-hassan-260x260.png\"\n                    alt=\"Layla Hassan\"\n                    loading=\"lazy\" \/>\n            \n                    <\/div>\n\n        <div class=\"ot-grid-card__meta\">\n            <h3 class=\"ot-grid-card__name\">Layla Hassan<\/h3>\n            <p class=\"ot-grid-card__role\">E-commerce Manager<\/p>\n                    <\/div>\n    <\/div><!-- \/.ot-grid-card__header -->\n\n    <div class=\"ot-grid-card__body\">\n        <div class=\"ot-quote-icon\" aria-hidden=\"true\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                <path d=\"M14.017 21v-7.391c0-5.704 3.731-9.57 8.983-10.609l.995 2.151c-2.432.917-3.995 3.638-3.995 5.849h4v10h-9.983zm-14.017 0v-7.391c0-5.704 3.748-9.57 9-10.609l.996 2.151c-2.433.917-3.996 3.638-3.996 5.849h3.983v10h-9.983z\"\/>\n            <\/svg>\n        <\/div>\n\n                    <div class=\"ot-star-rating\" role=\"img\"\n                aria-label=\"4 out of 5 stars\">\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                <span class=\"ot-star\" aria-hidden=\"true\">&#9733;<\/span>\n                        <\/div>\n        \n        <p class=\"ot-grid-card__text\">Our conversion rates jumped by 15% after we added these testimonials to our main landing page.<\/p>\n    <\/div><!-- \/.ot-grid-card__body -->\n\n<\/article>\n<article class=\"ot-grid-card\">\n\n    <div class=\"ot-grid-card__header\">\n        <!-- Avatar -->\n        <div class=\"ot-grid-avatar-wrap\">\n                            <img decoding=\"async\" class=\"ot-grid-avatar-img\"\n                    src=\"https:\/\/demos.ahaplugins.com\/orbit-testimonials\/wp-content\/uploads\/sites\/5\/2026\/05\/kevin-park-260x260.png\"\n                    alt=\"Kevin Park\"\n                    loading=\"lazy\" \/>\n            \n                    <\/div>\n\n        <div class=\"ot-grid-card__meta\">\n            <h3 class=\"ot-grid-card__name\">Kevin Park<\/h3>\n            <p class=\"ot-grid-card__role\">Digital Entrepreneur<\/p>\n                    <\/div>\n    <\/div><!-- \/.ot-grid-card__header -->\n\n    <div class=\"ot-grid-card__body\">\n        <div class=\"ot-quote-icon\" aria-hidden=\"true\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                <path d=\"M14.017 21v-7.391c0-5.704 3.731-9.57 8.983-10.609l.995 2.151c-2.432.917-3.995 3.638-3.995 5.849h4v10h-9.983zm-14.017 0v-7.391c0-5.704 3.748-9.57 9-10.609l.996 2.151c-2.433.917-3.996 3.638-3.996 5.849h3.983v10h-9.983z\"\/>\n            <\/svg>\n        <\/div>\n\n                    <div class=\"ot-star-rating\" role=\"img\"\n                aria-label=\"5 out of 5 stars\">\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <\/div>\n        \n        <p class=\"ot-grid-card__text\">I had it installed in 5 minutes, and the visual result looked professional right out of the box.<\/p>\n    <\/div><!-- \/.ot-grid-card__body -->\n\n<\/article>\n<article class=\"ot-grid-card\">\n\n    <div class=\"ot-grid-card__header\">\n        <!-- Avatar -->\n        <div class=\"ot-grid-avatar-wrap\">\n                            <img decoding=\"async\" class=\"ot-grid-avatar-img\"\n                    src=\"https:\/\/demos.ahaplugins.com\/orbit-testimonials\/wp-content\/uploads\/sites\/5\/2026\/05\/naomi-johnson-260x260.png\"\n                    alt=\"Naomi Johnson\"\n                    loading=\"lazy\" \/>\n            \n                    <\/div>\n\n        <div class=\"ot-grid-card__meta\">\n            <h3 class=\"ot-grid-card__name\">Naomi Johnson<\/h3>\n            <p class=\"ot-grid-card__role\">Product Owner<\/p>\n                    <\/div>\n    <\/div><!-- \/.ot-grid-card__header -->\n\n    <div class=\"ot-grid-card__body\">\n        <div class=\"ot-quote-icon\" aria-hidden=\"true\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                <path d=\"M14.017 21v-7.391c0-5.704 3.731-9.57 8.983-10.609l.995 2.151c-2.432.917-3.995 3.638-3.995 5.849h4v10h-9.983zm-14.017 0v-7.391c0-5.704 3.748-9.57 9-10.609l.996 2.151c-2.433.917-3.996 3.638-3.996 5.849h3.983v10h-9.983z\"\/>\n            <\/svg>\n        <\/div>\n\n                    <div class=\"ot-star-rating\" role=\"img\"\n                aria-label=\"5 out of 5 stars\">\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <\/div>\n        \n        <p class=\"ot-grid-card__text\">The intuitive interface allows anyone on our team to update testimonials in a matter of seconds.<\/p>\n    <\/div><!-- \/.ot-grid-card__body -->\n\n<\/article>\n<article class=\"ot-grid-card\">\n\n    <div class=\"ot-grid-card__header\">\n        <!-- Avatar -->\n        <div class=\"ot-grid-avatar-wrap\">\n                            <img decoding=\"async\" class=\"ot-grid-avatar-img\"\n                    src=\"https:\/\/demos.ahaplugins.com\/orbit-testimonials\/wp-content\/uploads\/sites\/5\/2026\/05\/adrian-costa-260x260.png\"\n                    alt=\"Adrian Costa\"\n                    loading=\"lazy\" \/>\n            \n                    <\/div>\n\n        <div class=\"ot-grid-card__meta\">\n            <h3 class=\"ot-grid-card__name\">Adrian Costa<\/h3>\n            <p class=\"ot-grid-card__role\">Freelance Web Designer<\/p>\n                    <\/div>\n    <\/div><!-- \/.ot-grid-card__header -->\n\n    <div class=\"ot-grid-card__body\">\n        <div class=\"ot-quote-icon\" aria-hidden=\"true\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                <path d=\"M14.017 21v-7.391c0-5.704 3.731-9.57 8.983-10.609l.995 2.151c-2.432.917-3.995 3.638-3.995 5.849h4v10h-9.983zm-14.017 0v-7.391c0-5.704 3.748-9.57 9-10.609l.996 2.151c-2.433.917-3.996 3.638-3.996 5.849h3.983v10h-9.983z\"\/>\n            <\/svg>\n        <\/div>\n\n                    <div class=\"ot-star-rating\" role=\"img\"\n                aria-label=\"5 out of 5 stars\">\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <\/div>\n        \n        <p class=\"ot-grid-card__text\">Aha Orbit is now my go-to standard for all client projects. There is simply no comparison.<\/p>\n    <\/div><!-- \/.ot-grid-card__body -->\n\n<\/article>\n<article class=\"ot-grid-card\">\n\n    <div class=\"ot-grid-card__header\">\n        <!-- Avatar -->\n        <div class=\"ot-grid-avatar-wrap\">\n                            <img decoding=\"async\" class=\"ot-grid-avatar-img\"\n                    src=\"https:\/\/demos.ahaplugins.com\/orbit-testimonials\/wp-content\/uploads\/sites\/5\/2026\/05\/emma-collins-260x260.png\"\n                    alt=\"Emma Collins\"\n                    loading=\"lazy\" \/>\n            \n                    <\/div>\n\n        <div class=\"ot-grid-card__meta\">\n            <h3 class=\"ot-grid-card__name\">Emma Collins<\/h3>\n            <p class=\"ot-grid-card__role\">Web Developer<\/p>\n                    <\/div>\n    <\/div><!-- \/.ot-grid-card__header -->\n\n    <div class=\"ot-grid-card__body\">\n        <div class=\"ot-quote-icon\" aria-hidden=\"true\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                <path d=\"M14.017 21v-7.391c0-5.704 3.731-9.57 8.983-10.609l.995 2.151c-2.432.917-3.995 3.638-3.995 5.849h4v10h-9.983zm-14.017 0v-7.391c0-5.704 3.748-9.57 9-10.609l.996 2.151c-2.433.917-3.996 3.638-3.996 5.849h3.983v10h-9.983z\"\/>\n            <\/svg>\n        <\/div>\n\n                    <div class=\"ot-star-rating\" role=\"img\"\n                aria-label=\"5 out of 5 stars\">\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <\/div>\n        \n        <p class=\"ot-grid-card__text\">Lightweight, fast, and incredibly easy to set up. The code is clean and doesn&#039;t bloat the site.<\/p>\n    <\/div><!-- \/.ot-grid-card__body -->\n\n<\/article>\n<article class=\"ot-grid-card\">\n\n    <div class=\"ot-grid-card__header\">\n        <!-- Avatar -->\n        <div class=\"ot-grid-avatar-wrap\">\n                            <img decoding=\"async\" class=\"ot-grid-avatar-img\"\n                    src=\"https:\/\/demos.ahaplugins.com\/orbit-testimonials\/wp-content\/uploads\/sites\/5\/2026\/05\/ryan-mitchell-260x260.png\"\n                    alt=\"Ryan Mitchell\"\n                    loading=\"lazy\" \/>\n            \n                    <\/div>\n\n        <div class=\"ot-grid-card__meta\">\n            <h3 class=\"ot-grid-card__name\">Ryan Mitchell<\/h3>\n            <p class=\"ot-grid-card__role\">Growth Hacker<\/p>\n                    <\/div>\n    <\/div><!-- \/.ot-grid-card__header -->\n\n    <div class=\"ot-grid-card__body\">\n        <div class=\"ot-quote-icon\" aria-hidden=\"true\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                <path d=\"M14.017 21v-7.391c0-5.704 3.731-9.57 8.983-10.609l.995 2.151c-2.432.917-3.995 3.638-3.995 5.849h4v10h-9.983zm-14.017 0v-7.391c0-5.704 3.748-9.57 9-10.609l.996 2.151c-2.433.917-3.996 3.638-3.996 5.849h3.983v10h-9.983z\"\/>\n            <\/svg>\n        <\/div>\n\n                    <div class=\"ot-star-rating\" role=\"img\"\n                aria-label=\"5 out of 5 stars\">\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <\/div>\n        \n        <p class=\"ot-grid-card__text\">Our page retention time increased significantly. Users actually stop to interact with the carousel.<\/p>\n    <\/div><!-- \/.ot-grid-card__body -->\n\n<\/article>\n\n<\/div><!-- \/.ot-layout-grid -->\n\r\n      <\/div>\r\n      <p class=\"demo-caption\">\r\n        Example shortcode: <code>&#091;aha_orbit id=\"43\"&#093;<\/code> <br><em>Accepts 1, 2, and 3 columns.<\/em>\r\n      <\/p>\r\n    <\/div>\r\n  <\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cb7372b elementor-widget elementor-widget-html\" data-id=\"cb7372b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t  <!-- ================================================================\r\n     DEMO \u2014 GRID LAYOUT (LIGHT)\r\n     ================================================================ -->\r\n  <section class=\"demo-grid-light-section\">\r\n    <div class=\"container\">\r\n      <div class=\"section-head\">\r\n        <div class=\"tag\">Live Preview Light \u2014 Grid Layout<\/div>\r\n        <h2>Beautiful Grid on Light Theme<\/h2>\r\n        <p>Clean card presentation that blends perfectly into light, minimal backgrounds. High legibility and zero\r\n          clutter.<br>\r\n          <span style=\"color:var(--purple); font-weight:600; display:block; margin-top:8px;\">\ud83d\udca1 Pro version unlocks premium card templates like Bicolor Card and Avatar on Top!<\/span><\/p>\r\n      <\/div>\r\n      <div class=\"demo-box-transparent\">\r\n        <style>#aha-orbit-154 {\n\t--ot-card-bg: #f9fcfa;\n\t--ot-text-primary: #14532d;\n\t--ot-name-color: #059669;\n\t--ot-role-color: #6b7280;\n\t--ot-quote-color: #059669;\n\t--ot-arrow-color: #059669;\n\t--ot-bullet-color: #a7f3d0;\n\t--ot-bullet-active-color: #059669;\n}\n<\/style><div class=\"ot-layout-grid\"\n    id=\"aha-orbit-154\"\n    style=\"--ot-grid-cols: 3; --ot-container-height: 450px;\"\n    data-layout=\"grid\"\n    data-grid-cols=\"3\">\n\n    <article class=\"ot-grid-card\">\n\n    <div class=\"ot-grid-card__header\">\n        <!-- Avatar -->\n        <div class=\"ot-grid-avatar-wrap\">\n                            <img decoding=\"async\" class=\"ot-grid-avatar-img\"\n                    src=\"https:\/\/demos.ahaplugins.com\/orbit-testimonials\/wp-content\/uploads\/sites\/5\/2026\/05\/marcus-bennett-260x260.png\"\n                    alt=\"Marcus Bennett\"\n                    loading=\"lazy\" \/>\n            \n                    <\/div>\n\n        <div class=\"ot-grid-card__meta\">\n            <h3 class=\"ot-grid-card__name\">Marcus Bennett<\/h3>\n            <p class=\"ot-grid-card__role\">SEO Specialist<\/p>\n                    <\/div>\n    <\/div><!-- \/.ot-grid-card__header -->\n\n    <div class=\"ot-grid-card__body\">\n        <div class=\"ot-quote-icon\" aria-hidden=\"true\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                <path d=\"M14.017 21v-7.391c0-5.704 3.731-9.57 8.983-10.609l.995 2.151c-2.432.917-3.995 3.638-3.995 5.849h4v10h-9.983zm-14.017 0v-7.391c0-5.704 3.748-9.57 9-10.609l.996 2.151c-2.433.917-3.996 3.638-3.996 5.849h3.983v10h-9.983z\"\/>\n            <\/svg>\n        <\/div>\n\n                    <div class=\"ot-star-rating\" role=\"img\"\n                aria-label=\"5 out of 5 stars\">\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <\/div>\n        \n        <p class=\"ot-grid-card__text\">Not only is it beautiful, but it&#039;s also optimized. Google PageSpeed gave us a green light!<\/p>\n    <\/div><!-- \/.ot-grid-card__body -->\n\n<\/article>\n<article class=\"ot-grid-card\">\n\n    <div class=\"ot-grid-card__header\">\n        <!-- Avatar -->\n        <div class=\"ot-grid-avatar-wrap\">\n                            <img decoding=\"async\" class=\"ot-grid-avatar-img\"\n                    src=\"https:\/\/demos.ahaplugins.com\/orbit-testimonials\/wp-content\/uploads\/sites\/5\/2026\/05\/yuki-tanaka-260x260.png\"\n                    alt=\"Yuki Tanaka\"\n                    loading=\"lazy\" \/>\n            \n                    <\/div>\n\n        <div class=\"ot-grid-card__meta\">\n            <h3 class=\"ot-grid-card__name\">Yuki Tanaka<\/h3>\n            <p class=\"ot-grid-card__role\">UX Designer<\/p>\n                    <\/div>\n    <\/div><!-- \/.ot-grid-card__header -->\n\n    <div class=\"ot-grid-card__body\">\n        <div class=\"ot-quote-icon\" aria-hidden=\"true\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                <path d=\"M14.017 21v-7.391c0-5.704 3.731-9.57 8.983-10.609l.995 2.151c-2.432.917-3.995 3.638-3.995 5.849h4v10h-9.983zm-14.017 0v-7.391c0-5.704 3.748-9.57 9-10.609l.996 2.151c-2.433.917-3.996 3.638-3.996 5.849h3.983v10h-9.983z\"\/>\n            <\/svg>\n        <\/div>\n\n                    <div class=\"ot-star-rating\" role=\"img\"\n                aria-label=\"4 out of 5 stars\">\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                <span class=\"ot-star\" aria-hidden=\"true\">&#9733;<\/span>\n                        <\/div>\n        \n        <p class=\"ot-grid-card__text\">Finally, a plugin that doesn&#039;t look like a 2010 widget. The orbital effect is absolutely mesmerizing!<\/p>\n    <\/div><!-- \/.ot-grid-card__body -->\n\n<\/article>\n<article class=\"ot-grid-card\">\n\n    <div class=\"ot-grid-card__header\">\n        <!-- Avatar -->\n        <div class=\"ot-grid-avatar-wrap\">\n                            <img decoding=\"async\" class=\"ot-grid-avatar-img\"\n                    src=\"https:\/\/demos.ahaplugins.com\/orbit-testimonials\/wp-content\/uploads\/sites\/5\/2026\/05\/daniel-brooks-260x260.png\"\n                    alt=\"Daniel Brooks\"\n                    loading=\"lazy\" \/>\n            \n                    <\/div>\n\n        <div class=\"ot-grid-card__meta\">\n            <h3 class=\"ot-grid-card__name\">Daniel Brooks<\/h3>\n            <p class=\"ot-grid-card__role\">Art Director<\/p>\n                    <\/div>\n    <\/div><!-- \/.ot-grid-card__header -->\n\n    <div class=\"ot-grid-card__body\">\n        <div class=\"ot-quote-icon\" aria-hidden=\"true\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                <path d=\"M14.017 21v-7.391c0-5.704 3.731-9.57 8.983-10.609l.995 2.151c-2.432.917-3.995 3.638-3.995 5.849h4v10h-9.983zm-14.017 0v-7.391c0-5.704 3.748-9.57 9-10.609l.996 2.151c-2.433.917-3.996 3.638-3.996 5.849h3.983v10h-9.983z\"\/>\n            <\/svg>\n        <\/div>\n\n                    <div class=\"ot-star-rating\" role=\"img\"\n                aria-label=\"5 out of 5 stars\">\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <\/div>\n        \n        <p class=\"ot-grid-card__text\">The circular design and orbital motion bring a dynamic feel that I&#039;ve never seen in other WP plugins.<\/p>\n    <\/div><!-- \/.ot-grid-card__body -->\n\n<\/article>\n<article class=\"ot-grid-card\">\n\n    <div class=\"ot-grid-card__header\">\n        <!-- Avatar -->\n        <div class=\"ot-grid-avatar-wrap\">\n                            <img decoding=\"async\" class=\"ot-grid-avatar-img\"\n                    src=\"https:\/\/demos.ahaplugins.com\/orbit-testimonials\/wp-content\/uploads\/sites\/5\/2026\/05\/amara-okafo-260x260.png\"\n                    alt=\"Amara Okafor\"\n                    loading=\"lazy\" \/>\n            \n                    <\/div>\n\n        <div class=\"ot-grid-card__meta\">\n            <h3 class=\"ot-grid-card__name\">Amara Okafor<\/h3>\n            <p class=\"ot-grid-card__role\">Social Media Strategist<\/p>\n                    <\/div>\n    <\/div><!-- \/.ot-grid-card__header -->\n\n    <div class=\"ot-grid-card__body\">\n        <div class=\"ot-quote-icon\" aria-hidden=\"true\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                <path d=\"M14.017 21v-7.391c0-5.704 3.731-9.57 8.983-10.609l.995 2.151c-2.432.917-3.995 3.638-3.995 5.849h4v10h-9.983zm-14.017 0v-7.391c0-5.704 3.748-9.57 9-10.609l.996 2.151c-2.433.917-3.996 3.638-3.996 5.849h3.983v10h-9.983z\"\/>\n            <\/svg>\n        <\/div>\n\n                    <div class=\"ot-star-rating\" role=\"img\"\n                aria-label=\"5 out of 5 stars\">\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <\/div>\n        \n        <p class=\"ot-grid-card__text\">My clients love the look. It brings a level of sophistication that standard plugins just can&#039;t match.<\/p>\n    <\/div><!-- \/.ot-grid-card__body -->\n\n<\/article>\n<article class=\"ot-grid-card\">\n\n    <div class=\"ot-grid-card__header\">\n        <!-- Avatar -->\n        <div class=\"ot-grid-avatar-wrap\">\n                            <img decoding=\"async\" class=\"ot-grid-avatar-img\"\n                    src=\"https:\/\/demos.ahaplugins.com\/orbit-testimonials\/wp-content\/uploads\/sites\/5\/2026\/05\/luca-moretti-260x260.png\"\n                    alt=\"Luca Moretti\"\n                    loading=\"lazy\" \/>\n            \n                    <\/div>\n\n        <div class=\"ot-grid-card__meta\">\n            <h3 class=\"ot-grid-card__name\">Luca Moretti<\/h3>\n            <p class=\"ot-grid-card__role\">Marketing Consultant<\/p>\n                    <\/div>\n    <\/div><!-- \/.ot-grid-card__header -->\n\n    <div class=\"ot-grid-card__body\">\n        <div class=\"ot-quote-icon\" aria-hidden=\"true\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                <path d=\"M14.017 21v-7.391c0-5.704 3.731-9.57 8.983-10.609l.995 2.151c-2.432.917-3.995 3.638-3.995 5.849h4v10h-9.983zm-14.017 0v-7.391c0-5.704 3.748-9.57 9-10.609l.996 2.151c-2.433.917-3.996 3.638-3.996 5.849h3.983v10h-9.983z\"\/>\n            <\/svg>\n        <\/div>\n\n                    <div class=\"ot-star-rating\" role=\"img\"\n                aria-label=\"5 out of 5 stars\">\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <\/div>\n        \n        <p class=\"ot-grid-card__text\">Perfect for high-converting LPs. The modern visual style builds immediate authority and trust.<\/p>\n    <\/div><!-- \/.ot-grid-card__body -->\n\n<\/article>\n<article class=\"ot-grid-card\">\n\n    <div class=\"ot-grid-card__header\">\n        <!-- Avatar -->\n        <div class=\"ot-grid-avatar-wrap\">\n                            <img decoding=\"async\" class=\"ot-grid-avatar-img\"\n                    src=\"https:\/\/demos.ahaplugins.com\/orbit-testimonials\/wp-content\/uploads\/sites\/5\/2026\/05\/sophie-laurent-260x260.png\"\n                    alt=\"Sophie Laurent\"\n                    loading=\"lazy\" \/>\n            \n                    <\/div>\n\n        <div class=\"ot-grid-card__meta\">\n            <h3 class=\"ot-grid-card__name\">Sophie Laurent<\/h3>\n            <p class=\"ot-grid-card__role\">Content Creator<\/p>\n                    <\/div>\n    <\/div><!-- \/.ot-grid-card__header -->\n\n    <div class=\"ot-grid-card__body\">\n        <div class=\"ot-quote-icon\" aria-hidden=\"true\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                <path d=\"M14.017 21v-7.391c0-5.704 3.731-9.57 8.983-10.609l.995 2.151c-2.432.917-3.995 3.638-3.995 5.849h4v10h-9.983zm-14.017 0v-7.391c0-5.704 3.748-9.57 9-10.609l.996 2.151c-2.433.917-3.996 3.638-3.996 5.849h3.983v10h-9.983z\"\/>\n            <\/svg>\n        <\/div>\n\n                    <div class=\"ot-star-rating\" role=\"img\"\n                aria-label=\"5 out of 5 stars\">\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <\/div>\n        \n        <p class=\"ot-grid-card__text\">The Aha Orbit transformed my &#039;About Us&#039; section. It&#039;s impossible not to click and engage with it.<\/p>\n    <\/div><!-- \/.ot-grid-card__body -->\n\n<\/article>\n<article class=\"ot-grid-card\">\n\n    <div class=\"ot-grid-card__header\">\n        <!-- Avatar -->\n        <div class=\"ot-grid-avatar-wrap\">\n                            <img decoding=\"async\" class=\"ot-grid-avatar-img\"\n                    src=\"https:\/\/demos.ahaplugins.com\/orbit-testimonials\/wp-content\/uploads\/sites\/5\/2026\/05\/layla-hassan-260x260.png\"\n                    alt=\"Layla Hassan\"\n                    loading=\"lazy\" \/>\n            \n                    <\/div>\n\n        <div class=\"ot-grid-card__meta\">\n            <h3 class=\"ot-grid-card__name\">Layla Hassan<\/h3>\n            <p class=\"ot-grid-card__role\">E-commerce Manager<\/p>\n                    <\/div>\n    <\/div><!-- \/.ot-grid-card__header -->\n\n    <div class=\"ot-grid-card__body\">\n        <div class=\"ot-quote-icon\" aria-hidden=\"true\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                <path d=\"M14.017 21v-7.391c0-5.704 3.731-9.57 8.983-10.609l.995 2.151c-2.432.917-3.995 3.638-3.995 5.849h4v10h-9.983zm-14.017 0v-7.391c0-5.704 3.748-9.57 9-10.609l.996 2.151c-2.433.917-3.996 3.638-3.996 5.849h3.983v10h-9.983z\"\/>\n            <\/svg>\n        <\/div>\n\n                    <div class=\"ot-star-rating\" role=\"img\"\n                aria-label=\"4 out of 5 stars\">\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                <span class=\"ot-star\" aria-hidden=\"true\">&#9733;<\/span>\n                        <\/div>\n        \n        <p class=\"ot-grid-card__text\">Our conversion rates jumped by 15% after we added these testimonials to our main landing page.<\/p>\n    <\/div><!-- \/.ot-grid-card__body -->\n\n<\/article>\n<article class=\"ot-grid-card\">\n\n    <div class=\"ot-grid-card__header\">\n        <!-- Avatar -->\n        <div class=\"ot-grid-avatar-wrap\">\n                            <img decoding=\"async\" class=\"ot-grid-avatar-img\"\n                    src=\"https:\/\/demos.ahaplugins.com\/orbit-testimonials\/wp-content\/uploads\/sites\/5\/2026\/05\/kevin-park-260x260.png\"\n                    alt=\"Kevin Park\"\n                    loading=\"lazy\" \/>\n            \n                    <\/div>\n\n        <div class=\"ot-grid-card__meta\">\n            <h3 class=\"ot-grid-card__name\">Kevin Park<\/h3>\n            <p class=\"ot-grid-card__role\">Digital Entrepreneur<\/p>\n                    <\/div>\n    <\/div><!-- \/.ot-grid-card__header -->\n\n    <div class=\"ot-grid-card__body\">\n        <div class=\"ot-quote-icon\" aria-hidden=\"true\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                <path d=\"M14.017 21v-7.391c0-5.704 3.731-9.57 8.983-10.609l.995 2.151c-2.432.917-3.995 3.638-3.995 5.849h4v10h-9.983zm-14.017 0v-7.391c0-5.704 3.748-9.57 9-10.609l.996 2.151c-2.433.917-3.996 3.638-3.996 5.849h3.983v10h-9.983z\"\/>\n            <\/svg>\n        <\/div>\n\n                    <div class=\"ot-star-rating\" role=\"img\"\n                aria-label=\"5 out of 5 stars\">\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <\/div>\n        \n        <p class=\"ot-grid-card__text\">I had it installed in 5 minutes, and the visual result looked professional right out of the box.<\/p>\n    <\/div><!-- \/.ot-grid-card__body -->\n\n<\/article>\n<article class=\"ot-grid-card\">\n\n    <div class=\"ot-grid-card__header\">\n        <!-- Avatar -->\n        <div class=\"ot-grid-avatar-wrap\">\n                            <img decoding=\"async\" class=\"ot-grid-avatar-img\"\n                    src=\"https:\/\/demos.ahaplugins.com\/orbit-testimonials\/wp-content\/uploads\/sites\/5\/2026\/05\/naomi-johnson-260x260.png\"\n                    alt=\"Naomi Johnson\"\n                    loading=\"lazy\" \/>\n            \n                    <\/div>\n\n        <div class=\"ot-grid-card__meta\">\n            <h3 class=\"ot-grid-card__name\">Naomi Johnson<\/h3>\n            <p class=\"ot-grid-card__role\">Product Owner<\/p>\n                    <\/div>\n    <\/div><!-- \/.ot-grid-card__header -->\n\n    <div class=\"ot-grid-card__body\">\n        <div class=\"ot-quote-icon\" aria-hidden=\"true\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                <path d=\"M14.017 21v-7.391c0-5.704 3.731-9.57 8.983-10.609l.995 2.151c-2.432.917-3.995 3.638-3.995 5.849h4v10h-9.983zm-14.017 0v-7.391c0-5.704 3.748-9.57 9-10.609l.996 2.151c-2.433.917-3.996 3.638-3.996 5.849h3.983v10h-9.983z\"\/>\n            <\/svg>\n        <\/div>\n\n                    <div class=\"ot-star-rating\" role=\"img\"\n                aria-label=\"5 out of 5 stars\">\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <\/div>\n        \n        <p class=\"ot-grid-card__text\">The intuitive interface allows anyone on our team to update testimonials in a matter of seconds.<\/p>\n    <\/div><!-- \/.ot-grid-card__body -->\n\n<\/article>\n<article class=\"ot-grid-card\">\n\n    <div class=\"ot-grid-card__header\">\n        <!-- Avatar -->\n        <div class=\"ot-grid-avatar-wrap\">\n                            <img decoding=\"async\" class=\"ot-grid-avatar-img\"\n                    src=\"https:\/\/demos.ahaplugins.com\/orbit-testimonials\/wp-content\/uploads\/sites\/5\/2026\/05\/adrian-costa-260x260.png\"\n                    alt=\"Adrian Costa\"\n                    loading=\"lazy\" \/>\n            \n                    <\/div>\n\n        <div class=\"ot-grid-card__meta\">\n            <h3 class=\"ot-grid-card__name\">Adrian Costa<\/h3>\n            <p class=\"ot-grid-card__role\">Freelance Web Designer<\/p>\n                    <\/div>\n    <\/div><!-- \/.ot-grid-card__header -->\n\n    <div class=\"ot-grid-card__body\">\n        <div class=\"ot-quote-icon\" aria-hidden=\"true\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                <path d=\"M14.017 21v-7.391c0-5.704 3.731-9.57 8.983-10.609l.995 2.151c-2.432.917-3.995 3.638-3.995 5.849h4v10h-9.983zm-14.017 0v-7.391c0-5.704 3.748-9.57 9-10.609l.996 2.151c-2.433.917-3.996 3.638-3.996 5.849h3.983v10h-9.983z\"\/>\n            <\/svg>\n        <\/div>\n\n                    <div class=\"ot-star-rating\" role=\"img\"\n                aria-label=\"5 out of 5 stars\">\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <\/div>\n        \n        <p class=\"ot-grid-card__text\">Aha Orbit is now my go-to standard for all client projects. There is simply no comparison.<\/p>\n    <\/div><!-- \/.ot-grid-card__body -->\n\n<\/article>\n<article class=\"ot-grid-card\">\n\n    <div class=\"ot-grid-card__header\">\n        <!-- Avatar -->\n        <div class=\"ot-grid-avatar-wrap\">\n                            <img decoding=\"async\" class=\"ot-grid-avatar-img\"\n                    src=\"https:\/\/demos.ahaplugins.com\/orbit-testimonials\/wp-content\/uploads\/sites\/5\/2026\/05\/emma-collins-260x260.png\"\n                    alt=\"Emma Collins\"\n                    loading=\"lazy\" \/>\n            \n                    <\/div>\n\n        <div class=\"ot-grid-card__meta\">\n            <h3 class=\"ot-grid-card__name\">Emma Collins<\/h3>\n            <p class=\"ot-grid-card__role\">Web Developer<\/p>\n                    <\/div>\n    <\/div><!-- \/.ot-grid-card__header -->\n\n    <div class=\"ot-grid-card__body\">\n        <div class=\"ot-quote-icon\" aria-hidden=\"true\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                <path d=\"M14.017 21v-7.391c0-5.704 3.731-9.57 8.983-10.609l.995 2.151c-2.432.917-3.995 3.638-3.995 5.849h4v10h-9.983zm-14.017 0v-7.391c0-5.704 3.748-9.57 9-10.609l.996 2.151c-2.433.917-3.996 3.638-3.996 5.849h3.983v10h-9.983z\"\/>\n            <\/svg>\n        <\/div>\n\n                    <div class=\"ot-star-rating\" role=\"img\"\n                aria-label=\"5 out of 5 stars\">\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <\/div>\n        \n        <p class=\"ot-grid-card__text\">Lightweight, fast, and incredibly easy to set up. The code is clean and doesn&#039;t bloat the site.<\/p>\n    <\/div><!-- \/.ot-grid-card__body -->\n\n<\/article>\n<article class=\"ot-grid-card\">\n\n    <div class=\"ot-grid-card__header\">\n        <!-- Avatar -->\n        <div class=\"ot-grid-avatar-wrap\">\n                            <img decoding=\"async\" class=\"ot-grid-avatar-img\"\n                    src=\"https:\/\/demos.ahaplugins.com\/orbit-testimonials\/wp-content\/uploads\/sites\/5\/2026\/05\/ryan-mitchell-260x260.png\"\n                    alt=\"Ryan Mitchell\"\n                    loading=\"lazy\" \/>\n            \n                    <\/div>\n\n        <div class=\"ot-grid-card__meta\">\n            <h3 class=\"ot-grid-card__name\">Ryan Mitchell<\/h3>\n            <p class=\"ot-grid-card__role\">Growth Hacker<\/p>\n                    <\/div>\n    <\/div><!-- \/.ot-grid-card__header -->\n\n    <div class=\"ot-grid-card__body\">\n        <div class=\"ot-quote-icon\" aria-hidden=\"true\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                <path d=\"M14.017 21v-7.391c0-5.704 3.731-9.57 8.983-10.609l.995 2.151c-2.432.917-3.995 3.638-3.995 5.849h4v10h-9.983zm-14.017 0v-7.391c0-5.704 3.748-9.57 9-10.609l.996 2.151c-2.433.917-3.996 3.638-3.996 5.849h3.983v10h-9.983z\"\/>\n            <\/svg>\n        <\/div>\n\n                    <div class=\"ot-star-rating\" role=\"img\"\n                aria-label=\"5 out of 5 stars\">\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                                <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <\/div>\n        \n        <p class=\"ot-grid-card__text\">Our page retention time increased significantly. Users actually stop to interact with the carousel.<\/p>\n    <\/div><!-- \/.ot-grid-card__body -->\n\n<\/article>\n\n<\/div><!-- \/.ot-layout-grid -->\n\r\n      <\/div>\r\n      <p class=\"demo-caption\">\r\n        Example shortcode: <code>&#091;aha_orbit id=\"44\"&#093;<\/code> <br><em>Accepts 1, 2, and 3 columns.<\/em>\r\n      <\/p>\r\n    <\/div>\r\n  <\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fcc342e elementor-widget elementor-widget-html\" data-id=\"fcc342e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t  <!-- ================================================================\r\n     DEMO \u2014 CAROUSEL LAYOUT (DARK)\r\n     ================================================================ -->\r\n  <section class=\"demo-carousel-section\">\r\n    <div class=\"container\">\r\n      <div class=\"section-head\">\r\n        <div class=\"tag\">Live Preview Dark \u2014 Carousel Layout<\/div>\r\n        <h2>Sleek Touch-Swipe Carousel<\/h2>\r\n        <p>A clean swiper-style horizontal slider with side navigation arrows. Drag or swipe on mobile to browse through\r\n          unlimited testimonials.<br>\r\n          <span style=\"color:var(--cyan); font-weight:600; display:block; margin-top:8px;\">\ud83d\udca1 Pro version unlocks premium card templates like Bicolor Card and Avatar on Top!<\/span><\/p>\r\n      <\/div>\r\n      <div class=\"demo-box-transparent\">\r\n        <style>#aha-orbit-161 {\n\t--ot-card-bg: #1e293b;\n\t--ot-text-primary: #f8fafc;\n\t--ot-name-color: #60a5fa;\n\t--ot-role-color: #94a3b8;\n\t--ot-quote-color: #94a3b8;\n\t--ot-arrow-color: #94a3b8;\n\t--ot-bullet-color: #475569;\n\t--ot-bullet-active-color: #60a5fa;\n}\n<\/style><div class=\"ot-layout-carousel\"\n    id=\"aha-orbit-161\"\n    data-layout=\"carousel\"\n    data-orbit-options=\"{&quot;data&quot;:[{&quot;name&quot;:&quot;Marcus Bennett&quot;,&quot;role&quot;:&quot;SEO Specialist&quot;,&quot;text&quot;:&quot;Not only is it beautiful, but it&#039;s also optimized. Google PageSpeed gave us a green light!&quot;,&quot;image&quot;:&quot;https:\\\/\\\/demos.ahaplugins.com\\\/orbit-testimonials\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/05\\\/marcus-bennett-260x260.png&quot;,&quot;companyLogo&quot;:&quot;&quot;,&quot;rating&quot;:5,&quot;socialNetwork&quot;:&quot;&quot;,&quot;socialLink&quot;:&quot;&quot;,&quot;socialNetworkLabel&quot;:&quot;&quot;},{&quot;name&quot;:&quot;Yuki Tanaka&quot;,&quot;role&quot;:&quot;UX Designer&quot;,&quot;text&quot;:&quot;Finally, a plugin that doesn&#039;t look like a 2010 widget. The orbital effect is absolutely mesmerizing!&quot;,&quot;image&quot;:&quot;https:\\\/\\\/demos.ahaplugins.com\\\/orbit-testimonials\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/05\\\/yuki-tanaka-260x260.png&quot;,&quot;companyLogo&quot;:&quot;&quot;,&quot;rating&quot;:4,&quot;socialNetwork&quot;:&quot;&quot;,&quot;socialLink&quot;:&quot;&quot;,&quot;socialNetworkLabel&quot;:&quot;&quot;},{&quot;name&quot;:&quot;Daniel Brooks&quot;,&quot;role&quot;:&quot;Art Director&quot;,&quot;text&quot;:&quot;The circular design and orbital motion bring a dynamic feel that I&#039;ve never seen in other WP plugins.&quot;,&quot;image&quot;:&quot;https:\\\/\\\/demos.ahaplugins.com\\\/orbit-testimonials\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/05\\\/daniel-brooks-260x260.png&quot;,&quot;companyLogo&quot;:&quot;&quot;,&quot;rating&quot;:5,&quot;socialNetwork&quot;:&quot;&quot;,&quot;socialLink&quot;:&quot;&quot;,&quot;socialNetworkLabel&quot;:&quot;&quot;},{&quot;name&quot;:&quot;Amara Okafor&quot;,&quot;role&quot;:&quot;Social Media Strategist&quot;,&quot;text&quot;:&quot;My clients love the look. It brings a level of sophistication that standard plugins just can&#039;t match.&quot;,&quot;image&quot;:&quot;https:\\\/\\\/demos.ahaplugins.com\\\/orbit-testimonials\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/05\\\/amara-okafo-260x260.png&quot;,&quot;companyLogo&quot;:&quot;&quot;,&quot;rating&quot;:5,&quot;socialNetwork&quot;:&quot;&quot;,&quot;socialLink&quot;:&quot;&quot;,&quot;socialNetworkLabel&quot;:&quot;&quot;},{&quot;name&quot;:&quot;Luca Moretti&quot;,&quot;role&quot;:&quot;Marketing Consultant&quot;,&quot;text&quot;:&quot;Perfect for high-converting LPs. The modern visual style builds immediate authority and trust.&quot;,&quot;image&quot;:&quot;https:\\\/\\\/demos.ahaplugins.com\\\/orbit-testimonials\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/05\\\/luca-moretti-260x260.png&quot;,&quot;companyLogo&quot;:&quot;&quot;,&quot;rating&quot;:5,&quot;socialNetwork&quot;:&quot;&quot;,&quot;socialLink&quot;:&quot;&quot;,&quot;socialNetworkLabel&quot;:&quot;&quot;},{&quot;name&quot;:&quot;Sophie Laurent&quot;,&quot;role&quot;:&quot;Content Creator&quot;,&quot;text&quot;:&quot;The Aha Orbit transformed my &#039;About Us&#039; section. It&#039;s impossible not to click and engage with it.&quot;,&quot;image&quot;:&quot;https:\\\/\\\/demos.ahaplugins.com\\\/orbit-testimonials\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/05\\\/sophie-laurent-260x260.png&quot;,&quot;companyLogo&quot;:&quot;&quot;,&quot;rating&quot;:5,&quot;socialNetwork&quot;:&quot;&quot;,&quot;socialLink&quot;:&quot;&quot;,&quot;socialNetworkLabel&quot;:&quot;&quot;},{&quot;name&quot;:&quot;Layla Hassan&quot;,&quot;role&quot;:&quot;E-commerce Manager&quot;,&quot;text&quot;:&quot;Our conversion rates jumped by 15% after we added these testimonials to our main landing page.&quot;,&quot;image&quot;:&quot;https:\\\/\\\/demos.ahaplugins.com\\\/orbit-testimonials\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/05\\\/layla-hassan-260x260.png&quot;,&quot;companyLogo&quot;:&quot;&quot;,&quot;rating&quot;:4,&quot;socialNetwork&quot;:&quot;&quot;,&quot;socialLink&quot;:&quot;&quot;,&quot;socialNetworkLabel&quot;:&quot;&quot;},{&quot;name&quot;:&quot;Kevin Park&quot;,&quot;role&quot;:&quot;Digital Entrepreneur&quot;,&quot;text&quot;:&quot;I had it installed in 5 minutes, and the visual result looked professional right out of the box.&quot;,&quot;image&quot;:&quot;https:\\\/\\\/demos.ahaplugins.com\\\/orbit-testimonials\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/05\\\/kevin-park-260x260.png&quot;,&quot;companyLogo&quot;:&quot;&quot;,&quot;rating&quot;:5,&quot;socialNetwork&quot;:&quot;&quot;,&quot;socialLink&quot;:&quot;&quot;,&quot;socialNetworkLabel&quot;:&quot;&quot;},{&quot;name&quot;:&quot;Naomi Johnson&quot;,&quot;role&quot;:&quot;Product Owner&quot;,&quot;text&quot;:&quot;The intuitive interface allows anyone on our team to update testimonials in a matter of seconds.&quot;,&quot;image&quot;:&quot;https:\\\/\\\/demos.ahaplugins.com\\\/orbit-testimonials\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/05\\\/naomi-johnson-260x260.png&quot;,&quot;companyLogo&quot;:&quot;&quot;,&quot;rating&quot;:5,&quot;socialNetwork&quot;:&quot;&quot;,&quot;socialLink&quot;:&quot;&quot;,&quot;socialNetworkLabel&quot;:&quot;&quot;},{&quot;name&quot;:&quot;Adrian Costa&quot;,&quot;role&quot;:&quot;Freelance Web Designer&quot;,&quot;text&quot;:&quot;Aha Orbit is now my go-to standard for all client projects. There is simply no comparison.&quot;,&quot;image&quot;:&quot;https:\\\/\\\/demos.ahaplugins.com\\\/orbit-testimonials\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/05\\\/adrian-costa-260x260.png&quot;,&quot;companyLogo&quot;:&quot;&quot;,&quot;rating&quot;:5,&quot;socialNetwork&quot;:&quot;&quot;,&quot;socialLink&quot;:&quot;&quot;,&quot;socialNetworkLabel&quot;:&quot;&quot;},{&quot;name&quot;:&quot;Emma Collins&quot;,&quot;role&quot;:&quot;Web Developer&quot;,&quot;text&quot;:&quot;Lightweight, fast, and incredibly easy to set up. The code is clean and doesn&#039;t bloat the site.&quot;,&quot;image&quot;:&quot;https:\\\/\\\/demos.ahaplugins.com\\\/orbit-testimonials\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/05\\\/emma-collins-260x260.png&quot;,&quot;companyLogo&quot;:&quot;&quot;,&quot;rating&quot;:5,&quot;socialNetwork&quot;:&quot;&quot;,&quot;socialLink&quot;:&quot;&quot;,&quot;socialNetworkLabel&quot;:&quot;&quot;},{&quot;name&quot;:&quot;Ryan Mitchell&quot;,&quot;role&quot;:&quot;Growth Hacker&quot;,&quot;text&quot;:&quot;Our page retention time increased significantly. Users actually stop to interact with the carousel.&quot;,&quot;image&quot;:&quot;https:\\\/\\\/demos.ahaplugins.com\\\/orbit-testimonials\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/05\\\/ryan-mitchell-260x260.png&quot;,&quot;companyLogo&quot;:&quot;&quot;,&quot;rating&quot;:5,&quot;socialNetwork&quot;:&quot;&quot;,&quot;socialLink&quot;:&quot;&quot;,&quot;socialNetworkLabel&quot;:&quot;&quot;}],&quot;layoutMode&quot;:&quot;auto&quot;,&quot;showArrows&quot;:true,&quot;showDots&quot;:true,&quot;autoplay&quot;:true,&quot;interval&quot;:5000,&quot;transitionSpeed&quot;:800,&quot;animationDelay&quot;:150,&quot;grayscale&quot;:false,&quot;draggable&quot;:true,&quot;columns&quot;:3}\"\n    style=\"--ot-container-height: 450px; --ot-carousel-cols: 3;\"\n    role=\"region\"\n    aria-label=\"Testimonials carousel\">\n\n    <div class=\"ot-carousel-container\">\n        <button class=\"ot-nav-btn ot-carousel-prev\" aria-label=\"Previous testimonial\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"\n                stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <path d=\"m15 18-6-6 6-6\"\/>\n            <\/svg>\n        <\/button>\n\n        <!-- Track: slides container -->\n        <div class=\"ot-carousel-track-wrapper\">\n            <div class=\"ot-carousel-track\" aria-live=\"polite\">\n\n                            <div class=\"ot-carousel-slide is-active\"\n                    data-index=\"0\"\n                    aria-hidden=\"false\">\n\n                <div class=\"ot-carousel-card\">\n\n    <div class=\"ot-quote-icon\" aria-hidden=\"true\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n            <path d=\"M14.017 21v-7.391c0-5.704 3.731-9.57 8.983-10.609l.995 2.151c-2.432.917-3.995 3.638-3.995 5.849h4v10h-9.983zm-14.017 0v-7.391c0-5.704 3.748-9.57 9-10.609l.996 2.151c-2.433.917-3.996 3.638-3.996 5.849h3.983v10h-9.983z\"\/>\n        <\/svg>\n    <\/div>\n\n            <div class=\"ot-star-rating\" role=\"img\"\n            aria-label=\"5 out of 5 stars\">\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                <\/div>\n    \n    <p class=\"ot-carousel-text\">Not only is it beautiful, but it&#039;s also optimized. Google PageSpeed gave us a green light!<\/p>\n\n    <div class=\"ot-carousel-author\">\n        <div class=\"ot-carousel-avatar-wrap\">\n                            <img decoding=\"async\" class=\"ot-carousel-avatar-img\"\n                    src=\"https:\/\/demos.ahaplugins.com\/orbit-testimonials\/wp-content\/uploads\/sites\/5\/2026\/05\/marcus-bennett-260x260.png\"\n                    alt=\"Marcus Bennett\"\n                    loading=\"lazy\" \/>\n            \n                    <\/div>\n\n        <div class=\"ot-carousel-author-info\">\n            <h3 class=\"ot-carousel-name\">Marcus Bennett<\/h3>\n            <p class=\"ot-carousel-role\">SEO Specialist<\/p>\n                    <\/div>\n    <\/div><!-- \/.ot-carousel-author -->\n\n<\/div><!-- \/.ot-carousel-card -->\n                <\/div><!-- \/.ot-carousel-slide -->\n\n                            <div class=\"ot-carousel-slide\"\n                    data-index=\"1\"\n                    aria-hidden=\"true\">\n\n                <div class=\"ot-carousel-card\">\n\n    <div class=\"ot-quote-icon\" aria-hidden=\"true\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n            <path d=\"M14.017 21v-7.391c0-5.704 3.731-9.57 8.983-10.609l.995 2.151c-2.432.917-3.995 3.638-3.995 5.849h4v10h-9.983zm-14.017 0v-7.391c0-5.704 3.748-9.57 9-10.609l.996 2.151c-2.433.917-3.996 3.638-3.996 5.849h3.983v10h-9.983z\"\/>\n        <\/svg>\n    <\/div>\n\n            <div class=\"ot-star-rating\" role=\"img\"\n            aria-label=\"4 out of 5 stars\">\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <span class=\"ot-star\" aria-hidden=\"true\">&#9733;<\/span>\n                <\/div>\n    \n    <p class=\"ot-carousel-text\">Finally, a plugin that doesn&#039;t look like a 2010 widget. The orbital effect is absolutely mesmerizing!<\/p>\n\n    <div class=\"ot-carousel-author\">\n        <div class=\"ot-carousel-avatar-wrap\">\n                            <img decoding=\"async\" class=\"ot-carousel-avatar-img\"\n                    src=\"https:\/\/demos.ahaplugins.com\/orbit-testimonials\/wp-content\/uploads\/sites\/5\/2026\/05\/yuki-tanaka-260x260.png\"\n                    alt=\"Yuki Tanaka\"\n                    loading=\"lazy\" \/>\n            \n                    <\/div>\n\n        <div class=\"ot-carousel-author-info\">\n            <h3 class=\"ot-carousel-name\">Yuki Tanaka<\/h3>\n            <p class=\"ot-carousel-role\">UX Designer<\/p>\n                    <\/div>\n    <\/div><!-- \/.ot-carousel-author -->\n\n<\/div><!-- \/.ot-carousel-card -->\n                <\/div><!-- \/.ot-carousel-slide -->\n\n                            <div class=\"ot-carousel-slide\"\n                    data-index=\"2\"\n                    aria-hidden=\"true\">\n\n                <div class=\"ot-carousel-card\">\n\n    <div class=\"ot-quote-icon\" aria-hidden=\"true\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n            <path d=\"M14.017 21v-7.391c0-5.704 3.731-9.57 8.983-10.609l.995 2.151c-2.432.917-3.995 3.638-3.995 5.849h4v10h-9.983zm-14.017 0v-7.391c0-5.704 3.748-9.57 9-10.609l.996 2.151c-2.433.917-3.996 3.638-3.996 5.849h3.983v10h-9.983z\"\/>\n        <\/svg>\n    <\/div>\n\n            <div class=\"ot-star-rating\" role=\"img\"\n            aria-label=\"5 out of 5 stars\">\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                <\/div>\n    \n    <p class=\"ot-carousel-text\">The circular design and orbital motion bring a dynamic feel that I&#039;ve never seen in other WP plugins.<\/p>\n\n    <div class=\"ot-carousel-author\">\n        <div class=\"ot-carousel-avatar-wrap\">\n                            <img decoding=\"async\" class=\"ot-carousel-avatar-img\"\n                    src=\"https:\/\/demos.ahaplugins.com\/orbit-testimonials\/wp-content\/uploads\/sites\/5\/2026\/05\/daniel-brooks-260x260.png\"\n                    alt=\"Daniel Brooks\"\n                    loading=\"lazy\" \/>\n            \n                    <\/div>\n\n        <div class=\"ot-carousel-author-info\">\n            <h3 class=\"ot-carousel-name\">Daniel Brooks<\/h3>\n            <p class=\"ot-carousel-role\">Art Director<\/p>\n                    <\/div>\n    <\/div><!-- \/.ot-carousel-author -->\n\n<\/div><!-- \/.ot-carousel-card -->\n                <\/div><!-- \/.ot-carousel-slide -->\n\n                            <div class=\"ot-carousel-slide\"\n                    data-index=\"3\"\n                    aria-hidden=\"true\">\n\n                <div class=\"ot-carousel-card\">\n\n    <div class=\"ot-quote-icon\" aria-hidden=\"true\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n            <path d=\"M14.017 21v-7.391c0-5.704 3.731-9.57 8.983-10.609l.995 2.151c-2.432.917-3.995 3.638-3.995 5.849h4v10h-9.983zm-14.017 0v-7.391c0-5.704 3.748-9.57 9-10.609l.996 2.151c-2.433.917-3.996 3.638-3.996 5.849h3.983v10h-9.983z\"\/>\n        <\/svg>\n    <\/div>\n\n            <div class=\"ot-star-rating\" role=\"img\"\n            aria-label=\"5 out of 5 stars\">\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                <\/div>\n    \n    <p class=\"ot-carousel-text\">My clients love the look. It brings a level of sophistication that standard plugins just can&#039;t match.<\/p>\n\n    <div class=\"ot-carousel-author\">\n        <div class=\"ot-carousel-avatar-wrap\">\n                            <img decoding=\"async\" class=\"ot-carousel-avatar-img\"\n                    src=\"https:\/\/demos.ahaplugins.com\/orbit-testimonials\/wp-content\/uploads\/sites\/5\/2026\/05\/amara-okafo-260x260.png\"\n                    alt=\"Amara Okafor\"\n                    loading=\"lazy\" \/>\n            \n                    <\/div>\n\n        <div class=\"ot-carousel-author-info\">\n            <h3 class=\"ot-carousel-name\">Amara Okafor<\/h3>\n            <p class=\"ot-carousel-role\">Social Media Strategist<\/p>\n                    <\/div>\n    <\/div><!-- \/.ot-carousel-author -->\n\n<\/div><!-- \/.ot-carousel-card -->\n                <\/div><!-- \/.ot-carousel-slide -->\n\n                            <div class=\"ot-carousel-slide\"\n                    data-index=\"4\"\n                    aria-hidden=\"true\">\n\n                <div class=\"ot-carousel-card\">\n\n    <div class=\"ot-quote-icon\" aria-hidden=\"true\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n            <path d=\"M14.017 21v-7.391c0-5.704 3.731-9.57 8.983-10.609l.995 2.151c-2.432.917-3.995 3.638-3.995 5.849h4v10h-9.983zm-14.017 0v-7.391c0-5.704 3.748-9.57 9-10.609l.996 2.151c-2.433.917-3.996 3.638-3.996 5.849h3.983v10h-9.983z\"\/>\n        <\/svg>\n    <\/div>\n\n            <div class=\"ot-star-rating\" role=\"img\"\n            aria-label=\"5 out of 5 stars\">\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                <\/div>\n    \n    <p class=\"ot-carousel-text\">Perfect for high-converting LPs. The modern visual style builds immediate authority and trust.<\/p>\n\n    <div class=\"ot-carousel-author\">\n        <div class=\"ot-carousel-avatar-wrap\">\n                            <img decoding=\"async\" class=\"ot-carousel-avatar-img\"\n                    src=\"https:\/\/demos.ahaplugins.com\/orbit-testimonials\/wp-content\/uploads\/sites\/5\/2026\/05\/luca-moretti-260x260.png\"\n                    alt=\"Luca Moretti\"\n                    loading=\"lazy\" \/>\n            \n                    <\/div>\n\n        <div class=\"ot-carousel-author-info\">\n            <h3 class=\"ot-carousel-name\">Luca Moretti<\/h3>\n            <p class=\"ot-carousel-role\">Marketing Consultant<\/p>\n                    <\/div>\n    <\/div><!-- \/.ot-carousel-author -->\n\n<\/div><!-- \/.ot-carousel-card -->\n                <\/div><!-- \/.ot-carousel-slide -->\n\n                            <div class=\"ot-carousel-slide\"\n                    data-index=\"5\"\n                    aria-hidden=\"true\">\n\n                <div class=\"ot-carousel-card\">\n\n    <div class=\"ot-quote-icon\" aria-hidden=\"true\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n            <path d=\"M14.017 21v-7.391c0-5.704 3.731-9.57 8.983-10.609l.995 2.151c-2.432.917-3.995 3.638-3.995 5.849h4v10h-9.983zm-14.017 0v-7.391c0-5.704 3.748-9.57 9-10.609l.996 2.151c-2.433.917-3.996 3.638-3.996 5.849h3.983v10h-9.983z\"\/>\n        <\/svg>\n    <\/div>\n\n            <div class=\"ot-star-rating\" role=\"img\"\n            aria-label=\"5 out of 5 stars\">\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                <\/div>\n    \n    <p class=\"ot-carousel-text\">The Aha Orbit transformed my &#039;About Us&#039; section. It&#039;s impossible not to click and engage with it.<\/p>\n\n    <div class=\"ot-carousel-author\">\n        <div class=\"ot-carousel-avatar-wrap\">\n                            <img decoding=\"async\" class=\"ot-carousel-avatar-img\"\n                    src=\"https:\/\/demos.ahaplugins.com\/orbit-testimonials\/wp-content\/uploads\/sites\/5\/2026\/05\/sophie-laurent-260x260.png\"\n                    alt=\"Sophie Laurent\"\n                    loading=\"lazy\" \/>\n            \n                    <\/div>\n\n        <div class=\"ot-carousel-author-info\">\n            <h3 class=\"ot-carousel-name\">Sophie Laurent<\/h3>\n            <p class=\"ot-carousel-role\">Content Creator<\/p>\n                    <\/div>\n    <\/div><!-- \/.ot-carousel-author -->\n\n<\/div><!-- \/.ot-carousel-card -->\n                <\/div><!-- \/.ot-carousel-slide -->\n\n                            <div class=\"ot-carousel-slide\"\n                    data-index=\"6\"\n                    aria-hidden=\"true\">\n\n                <div class=\"ot-carousel-card\">\n\n    <div class=\"ot-quote-icon\" aria-hidden=\"true\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n            <path d=\"M14.017 21v-7.391c0-5.704 3.731-9.57 8.983-10.609l.995 2.151c-2.432.917-3.995 3.638-3.995 5.849h4v10h-9.983zm-14.017 0v-7.391c0-5.704 3.748-9.57 9-10.609l.996 2.151c-2.433.917-3.996 3.638-3.996 5.849h3.983v10h-9.983z\"\/>\n        <\/svg>\n    <\/div>\n\n            <div class=\"ot-star-rating\" role=\"img\"\n            aria-label=\"4 out of 5 stars\">\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <span class=\"ot-star\" aria-hidden=\"true\">&#9733;<\/span>\n                <\/div>\n    \n    <p class=\"ot-carousel-text\">Our conversion rates jumped by 15% after we added these testimonials to our main landing page.<\/p>\n\n    <div class=\"ot-carousel-author\">\n        <div class=\"ot-carousel-avatar-wrap\">\n                            <img decoding=\"async\" class=\"ot-carousel-avatar-img\"\n                    src=\"https:\/\/demos.ahaplugins.com\/orbit-testimonials\/wp-content\/uploads\/sites\/5\/2026\/05\/layla-hassan-260x260.png\"\n                    alt=\"Layla Hassan\"\n                    loading=\"lazy\" \/>\n            \n                    <\/div>\n\n        <div class=\"ot-carousel-author-info\">\n            <h3 class=\"ot-carousel-name\">Layla Hassan<\/h3>\n            <p class=\"ot-carousel-role\">E-commerce Manager<\/p>\n                    <\/div>\n    <\/div><!-- \/.ot-carousel-author -->\n\n<\/div><!-- \/.ot-carousel-card -->\n                <\/div><!-- \/.ot-carousel-slide -->\n\n                            <div class=\"ot-carousel-slide\"\n                    data-index=\"7\"\n                    aria-hidden=\"true\">\n\n                <div class=\"ot-carousel-card\">\n\n    <div class=\"ot-quote-icon\" aria-hidden=\"true\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n            <path d=\"M14.017 21v-7.391c0-5.704 3.731-9.57 8.983-10.609l.995 2.151c-2.432.917-3.995 3.638-3.995 5.849h4v10h-9.983zm-14.017 0v-7.391c0-5.704 3.748-9.57 9-10.609l.996 2.151c-2.433.917-3.996 3.638-3.996 5.849h3.983v10h-9.983z\"\/>\n        <\/svg>\n    <\/div>\n\n            <div class=\"ot-star-rating\" role=\"img\"\n            aria-label=\"5 out of 5 stars\">\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                <\/div>\n    \n    <p class=\"ot-carousel-text\">I had it installed in 5 minutes, and the visual result looked professional right out of the box.<\/p>\n\n    <div class=\"ot-carousel-author\">\n        <div class=\"ot-carousel-avatar-wrap\">\n                            <img decoding=\"async\" class=\"ot-carousel-avatar-img\"\n                    src=\"https:\/\/demos.ahaplugins.com\/orbit-testimonials\/wp-content\/uploads\/sites\/5\/2026\/05\/kevin-park-260x260.png\"\n                    alt=\"Kevin Park\"\n                    loading=\"lazy\" \/>\n            \n                    <\/div>\n\n        <div class=\"ot-carousel-author-info\">\n            <h3 class=\"ot-carousel-name\">Kevin Park<\/h3>\n            <p class=\"ot-carousel-role\">Digital Entrepreneur<\/p>\n                    <\/div>\n    <\/div><!-- \/.ot-carousel-author -->\n\n<\/div><!-- \/.ot-carousel-card -->\n                <\/div><!-- \/.ot-carousel-slide -->\n\n                            <div class=\"ot-carousel-slide\"\n                    data-index=\"8\"\n                    aria-hidden=\"true\">\n\n                <div class=\"ot-carousel-card\">\n\n    <div class=\"ot-quote-icon\" aria-hidden=\"true\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n            <path d=\"M14.017 21v-7.391c0-5.704 3.731-9.57 8.983-10.609l.995 2.151c-2.432.917-3.995 3.638-3.995 5.849h4v10h-9.983zm-14.017 0v-7.391c0-5.704 3.748-9.57 9-10.609l.996 2.151c-2.433.917-3.996 3.638-3.996 5.849h3.983v10h-9.983z\"\/>\n        <\/svg>\n    <\/div>\n\n            <div class=\"ot-star-rating\" role=\"img\"\n            aria-label=\"5 out of 5 stars\">\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                <\/div>\n    \n    <p class=\"ot-carousel-text\">The intuitive interface allows anyone on our team to update testimonials in a matter of seconds.<\/p>\n\n    <div class=\"ot-carousel-author\">\n        <div class=\"ot-carousel-avatar-wrap\">\n                            <img decoding=\"async\" class=\"ot-carousel-avatar-img\"\n                    src=\"https:\/\/demos.ahaplugins.com\/orbit-testimonials\/wp-content\/uploads\/sites\/5\/2026\/05\/naomi-johnson-260x260.png\"\n                    alt=\"Naomi Johnson\"\n                    loading=\"lazy\" \/>\n            \n                    <\/div>\n\n        <div class=\"ot-carousel-author-info\">\n            <h3 class=\"ot-carousel-name\">Naomi Johnson<\/h3>\n            <p class=\"ot-carousel-role\">Product Owner<\/p>\n                    <\/div>\n    <\/div><!-- \/.ot-carousel-author -->\n\n<\/div><!-- \/.ot-carousel-card -->\n                <\/div><!-- \/.ot-carousel-slide -->\n\n                            <div class=\"ot-carousel-slide\"\n                    data-index=\"9\"\n                    aria-hidden=\"true\">\n\n                <div class=\"ot-carousel-card\">\n\n    <div class=\"ot-quote-icon\" aria-hidden=\"true\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n            <path d=\"M14.017 21v-7.391c0-5.704 3.731-9.57 8.983-10.609l.995 2.151c-2.432.917-3.995 3.638-3.995 5.849h4v10h-9.983zm-14.017 0v-7.391c0-5.704 3.748-9.57 9-10.609l.996 2.151c-2.433.917-3.996 3.638-3.996 5.849h3.983v10h-9.983z\"\/>\n        <\/svg>\n    <\/div>\n\n            <div class=\"ot-star-rating\" role=\"img\"\n            aria-label=\"5 out of 5 stars\">\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                <\/div>\n    \n    <p class=\"ot-carousel-text\">Aha Orbit is now my go-to standard for all client projects. There is simply no comparison.<\/p>\n\n    <div class=\"ot-carousel-author\">\n        <div class=\"ot-carousel-avatar-wrap\">\n                            <img decoding=\"async\" class=\"ot-carousel-avatar-img\"\n                    src=\"https:\/\/demos.ahaplugins.com\/orbit-testimonials\/wp-content\/uploads\/sites\/5\/2026\/05\/adrian-costa-260x260.png\"\n                    alt=\"Adrian Costa\"\n                    loading=\"lazy\" \/>\n            \n                    <\/div>\n\n        <div class=\"ot-carousel-author-info\">\n            <h3 class=\"ot-carousel-name\">Adrian Costa<\/h3>\n            <p class=\"ot-carousel-role\">Freelance Web Designer<\/p>\n                    <\/div>\n    <\/div><!-- \/.ot-carousel-author -->\n\n<\/div><!-- \/.ot-carousel-card -->\n                <\/div><!-- \/.ot-carousel-slide -->\n\n                            <div class=\"ot-carousel-slide\"\n                    data-index=\"10\"\n                    aria-hidden=\"true\">\n\n                <div class=\"ot-carousel-card\">\n\n    <div class=\"ot-quote-icon\" aria-hidden=\"true\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n            <path d=\"M14.017 21v-7.391c0-5.704 3.731-9.57 8.983-10.609l.995 2.151c-2.432.917-3.995 3.638-3.995 5.849h4v10h-9.983zm-14.017 0v-7.391c0-5.704 3.748-9.57 9-10.609l.996 2.151c-2.433.917-3.996 3.638-3.996 5.849h3.983v10h-9.983z\"\/>\n        <\/svg>\n    <\/div>\n\n            <div class=\"ot-star-rating\" role=\"img\"\n            aria-label=\"5 out of 5 stars\">\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                <\/div>\n    \n    <p class=\"ot-carousel-text\">Lightweight, fast, and incredibly easy to set up. The code is clean and doesn&#039;t bloat the site.<\/p>\n\n    <div class=\"ot-carousel-author\">\n        <div class=\"ot-carousel-avatar-wrap\">\n                            <img decoding=\"async\" class=\"ot-carousel-avatar-img\"\n                    src=\"https:\/\/demos.ahaplugins.com\/orbit-testimonials\/wp-content\/uploads\/sites\/5\/2026\/05\/emma-collins-260x260.png\"\n                    alt=\"Emma Collins\"\n                    loading=\"lazy\" \/>\n            \n                    <\/div>\n\n        <div class=\"ot-carousel-author-info\">\n            <h3 class=\"ot-carousel-name\">Emma Collins<\/h3>\n            <p class=\"ot-carousel-role\">Web Developer<\/p>\n                    <\/div>\n    <\/div><!-- \/.ot-carousel-author -->\n\n<\/div><!-- \/.ot-carousel-card -->\n                <\/div><!-- \/.ot-carousel-slide -->\n\n                            <div class=\"ot-carousel-slide\"\n                    data-index=\"11\"\n                    aria-hidden=\"true\">\n\n                <div class=\"ot-carousel-card\">\n\n    <div class=\"ot-quote-icon\" aria-hidden=\"true\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n            <path d=\"M14.017 21v-7.391c0-5.704 3.731-9.57 8.983-10.609l.995 2.151c-2.432.917-3.995 3.638-3.995 5.849h4v10h-9.983zm-14.017 0v-7.391c0-5.704 3.748-9.57 9-10.609l.996 2.151c-2.433.917-3.996 3.638-3.996 5.849h3.983v10h-9.983z\"\/>\n        <\/svg>\n    <\/div>\n\n            <div class=\"ot-star-rating\" role=\"img\"\n            aria-label=\"5 out of 5 stars\">\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                <\/div>\n    \n    <p class=\"ot-carousel-text\">Our page retention time increased significantly. Users actually stop to interact with the carousel.<\/p>\n\n    <div class=\"ot-carousel-author\">\n        <div class=\"ot-carousel-avatar-wrap\">\n                            <img decoding=\"async\" class=\"ot-carousel-avatar-img\"\n                    src=\"https:\/\/demos.ahaplugins.com\/orbit-testimonials\/wp-content\/uploads\/sites\/5\/2026\/05\/ryan-mitchell-260x260.png\"\n                    alt=\"Ryan Mitchell\"\n                    loading=\"lazy\" \/>\n            \n                    <\/div>\n\n        <div class=\"ot-carousel-author-info\">\n            <h3 class=\"ot-carousel-name\">Ryan Mitchell<\/h3>\n            <p class=\"ot-carousel-role\">Growth Hacker<\/p>\n                    <\/div>\n    <\/div><!-- \/.ot-carousel-author -->\n\n<\/div><!-- \/.ot-carousel-card -->\n                <\/div><!-- \/.ot-carousel-slide -->\n\n            \n            <\/div><!-- \/.ot-carousel-track -->\n        <\/div><!-- \/.ot-carousel-track-wrapper -->\n\n        <button class=\"ot-nav-btn ot-carousel-next\" aria-label=\"Next testimonial\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"\n                stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <path d=\"m9 18 6-6-6-6\"\/>\n            <\/svg>\n        <\/button>\n    <\/div><!-- \/.ot-carousel-container -->\n\n    <div class=\"ot-pagination-bullets ot-carousel-dots\">\n                    <div class=\"ot-bullet active\"\n                data-index=\"0\"\n                aria-label=\"Go to testimonial 1\"\n                role=\"button\"\n                tabindex=\"0\"><\/div>\n                    <div class=\"ot-bullet\"\n                data-index=\"1\"\n                aria-label=\"Go to testimonial 2\"\n                role=\"button\"\n                tabindex=\"0\"><\/div>\n                    <div class=\"ot-bullet\"\n                data-index=\"2\"\n                aria-label=\"Go to testimonial 3\"\n                role=\"button\"\n                tabindex=\"0\"><\/div>\n                    <div class=\"ot-bullet\"\n                data-index=\"3\"\n                aria-label=\"Go to testimonial 4\"\n                role=\"button\"\n                tabindex=\"0\"><\/div>\n                    <div class=\"ot-bullet\"\n                data-index=\"4\"\n                aria-label=\"Go to testimonial 5\"\n                role=\"button\"\n                tabindex=\"0\"><\/div>\n                    <div class=\"ot-bullet\"\n                data-index=\"5\"\n                aria-label=\"Go to testimonial 6\"\n                role=\"button\"\n                tabindex=\"0\"><\/div>\n                    <div class=\"ot-bullet\"\n                data-index=\"6\"\n                aria-label=\"Go to testimonial 7\"\n                role=\"button\"\n                tabindex=\"0\"><\/div>\n                    <div class=\"ot-bullet\"\n                data-index=\"7\"\n                aria-label=\"Go to testimonial 8\"\n                role=\"button\"\n                tabindex=\"0\"><\/div>\n                    <div class=\"ot-bullet\"\n                data-index=\"8\"\n                aria-label=\"Go to testimonial 9\"\n                role=\"button\"\n                tabindex=\"0\"><\/div>\n                    <div class=\"ot-bullet\"\n                data-index=\"9\"\n                aria-label=\"Go to testimonial 10\"\n                role=\"button\"\n                tabindex=\"0\"><\/div>\n                    <div class=\"ot-bullet\"\n                data-index=\"10\"\n                aria-label=\"Go to testimonial 11\"\n                role=\"button\"\n                tabindex=\"0\"><\/div>\n                    <div class=\"ot-bullet\"\n                data-index=\"11\"\n                aria-label=\"Go to testimonial 12\"\n                role=\"button\"\n                tabindex=\"0\"><\/div>\n            <\/div>\n\n<\/div><!-- \/.ot-layout-carousel -->\n\r\n      <\/div>\r\n      <p class=\"demo-caption\">\r\n        Example shortcode: <code>&#091;aha_orbit id=\"45\"&#093;<\/code> <br><em>Accepts 1, 2, 3, and 4 columns.<\/em>\r\n      <\/p>\r\n    <\/div>\r\n  <\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-03c83ae elementor-widget elementor-widget-html\" data-id=\"03c83ae\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t  <!-- ================================================================\r\n     DEMO \u2014 CAROUSEL LAYOUT (LIGHT)\r\n     ================================================================ -->\r\n  <section class=\"demo-carousel-light-section\">\r\n    <div class=\"container\">\r\n      <div class=\"section-head\">\r\n        <div class=\"tag\">Live Preview Light \u2014 Carousel Layout<\/div>\r\n        <h2>Draggable Carousel on Light Theme<\/h2>\r\n        <p>Touch-swipe navigation styled with a light palette, ensuring an interactive and smooth experience on\r\n          light-themed websites.<br>\r\n          <span style=\"color:var(--purple); font-weight:600; display:block; margin-top:8px;\">\ud83d\udca1 Pro version unlocks premium card templates like Bicolor Card and Avatar on Top!<\/span><\/p>\r\n      <\/div>\r\n      <div class=\"demo-box-transparent\">\r\n        <style>#aha-orbit-162 {\n\t--ot-card-bg: #f0f9ff;\n\t--ot-text-primary: #0c4a6e;\n\t--ot-name-color: #0284c7;\n\t--ot-role-color: #475569;\n\t--ot-quote-color: #0284c7;\n\t--ot-arrow-color: #0284c7;\n\t--ot-bullet-color: #bae6fd;\n\t--ot-bullet-active-color: #0284c7;\n}\n<\/style><div class=\"ot-layout-carousel\"\n    id=\"aha-orbit-162\"\n    data-layout=\"carousel\"\n    data-orbit-options=\"{&quot;data&quot;:[{&quot;name&quot;:&quot;Marcus Bennett&quot;,&quot;role&quot;:&quot;SEO Specialist&quot;,&quot;text&quot;:&quot;Not only is it beautiful, but it&#039;s also optimized. Google PageSpeed gave us a green light!&quot;,&quot;image&quot;:&quot;https:\\\/\\\/demos.ahaplugins.com\\\/orbit-testimonials\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/05\\\/marcus-bennett-260x260.png&quot;,&quot;companyLogo&quot;:&quot;&quot;,&quot;rating&quot;:5,&quot;socialNetwork&quot;:&quot;&quot;,&quot;socialLink&quot;:&quot;&quot;,&quot;socialNetworkLabel&quot;:&quot;&quot;},{&quot;name&quot;:&quot;Yuki Tanaka&quot;,&quot;role&quot;:&quot;UX Designer&quot;,&quot;text&quot;:&quot;Finally, a plugin that doesn&#039;t look like a 2010 widget. The orbital effect is absolutely mesmerizing!&quot;,&quot;image&quot;:&quot;https:\\\/\\\/demos.ahaplugins.com\\\/orbit-testimonials\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/05\\\/yuki-tanaka-260x260.png&quot;,&quot;companyLogo&quot;:&quot;&quot;,&quot;rating&quot;:4,&quot;socialNetwork&quot;:&quot;&quot;,&quot;socialLink&quot;:&quot;&quot;,&quot;socialNetworkLabel&quot;:&quot;&quot;},{&quot;name&quot;:&quot;Daniel Brooks&quot;,&quot;role&quot;:&quot;Art Director&quot;,&quot;text&quot;:&quot;The circular design and orbital motion bring a dynamic feel that I&#039;ve never seen in other WP plugins.&quot;,&quot;image&quot;:&quot;https:\\\/\\\/demos.ahaplugins.com\\\/orbit-testimonials\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/05\\\/daniel-brooks-260x260.png&quot;,&quot;companyLogo&quot;:&quot;&quot;,&quot;rating&quot;:5,&quot;socialNetwork&quot;:&quot;&quot;,&quot;socialLink&quot;:&quot;&quot;,&quot;socialNetworkLabel&quot;:&quot;&quot;},{&quot;name&quot;:&quot;Amara Okafor&quot;,&quot;role&quot;:&quot;Social Media Strategist&quot;,&quot;text&quot;:&quot;My clients love the look. It brings a level of sophistication that standard plugins just can&#039;t match.&quot;,&quot;image&quot;:&quot;https:\\\/\\\/demos.ahaplugins.com\\\/orbit-testimonials\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/05\\\/amara-okafo-260x260.png&quot;,&quot;companyLogo&quot;:&quot;&quot;,&quot;rating&quot;:5,&quot;socialNetwork&quot;:&quot;&quot;,&quot;socialLink&quot;:&quot;&quot;,&quot;socialNetworkLabel&quot;:&quot;&quot;},{&quot;name&quot;:&quot;Luca Moretti&quot;,&quot;role&quot;:&quot;Marketing Consultant&quot;,&quot;text&quot;:&quot;Perfect for high-converting LPs. The modern visual style builds immediate authority and trust.&quot;,&quot;image&quot;:&quot;https:\\\/\\\/demos.ahaplugins.com\\\/orbit-testimonials\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/05\\\/luca-moretti-260x260.png&quot;,&quot;companyLogo&quot;:&quot;&quot;,&quot;rating&quot;:5,&quot;socialNetwork&quot;:&quot;&quot;,&quot;socialLink&quot;:&quot;&quot;,&quot;socialNetworkLabel&quot;:&quot;&quot;},{&quot;name&quot;:&quot;Sophie Laurent&quot;,&quot;role&quot;:&quot;Content Creator&quot;,&quot;text&quot;:&quot;The Aha Orbit transformed my &#039;About Us&#039; section. It&#039;s impossible not to click and engage with it.&quot;,&quot;image&quot;:&quot;https:\\\/\\\/demos.ahaplugins.com\\\/orbit-testimonials\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/05\\\/sophie-laurent-260x260.png&quot;,&quot;companyLogo&quot;:&quot;&quot;,&quot;rating&quot;:5,&quot;socialNetwork&quot;:&quot;&quot;,&quot;socialLink&quot;:&quot;&quot;,&quot;socialNetworkLabel&quot;:&quot;&quot;},{&quot;name&quot;:&quot;Layla Hassan&quot;,&quot;role&quot;:&quot;E-commerce Manager&quot;,&quot;text&quot;:&quot;Our conversion rates jumped by 15% after we added these testimonials to our main landing page.&quot;,&quot;image&quot;:&quot;https:\\\/\\\/demos.ahaplugins.com\\\/orbit-testimonials\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/05\\\/layla-hassan-260x260.png&quot;,&quot;companyLogo&quot;:&quot;&quot;,&quot;rating&quot;:4,&quot;socialNetwork&quot;:&quot;&quot;,&quot;socialLink&quot;:&quot;&quot;,&quot;socialNetworkLabel&quot;:&quot;&quot;},{&quot;name&quot;:&quot;Kevin Park&quot;,&quot;role&quot;:&quot;Digital Entrepreneur&quot;,&quot;text&quot;:&quot;I had it installed in 5 minutes, and the visual result looked professional right out of the box.&quot;,&quot;image&quot;:&quot;https:\\\/\\\/demos.ahaplugins.com\\\/orbit-testimonials\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/05\\\/kevin-park-260x260.png&quot;,&quot;companyLogo&quot;:&quot;&quot;,&quot;rating&quot;:5,&quot;socialNetwork&quot;:&quot;&quot;,&quot;socialLink&quot;:&quot;&quot;,&quot;socialNetworkLabel&quot;:&quot;&quot;},{&quot;name&quot;:&quot;Naomi Johnson&quot;,&quot;role&quot;:&quot;Product Owner&quot;,&quot;text&quot;:&quot;The intuitive interface allows anyone on our team to update testimonials in a matter of seconds.&quot;,&quot;image&quot;:&quot;https:\\\/\\\/demos.ahaplugins.com\\\/orbit-testimonials\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/05\\\/naomi-johnson-260x260.png&quot;,&quot;companyLogo&quot;:&quot;&quot;,&quot;rating&quot;:5,&quot;socialNetwork&quot;:&quot;&quot;,&quot;socialLink&quot;:&quot;&quot;,&quot;socialNetworkLabel&quot;:&quot;&quot;},{&quot;name&quot;:&quot;Adrian Costa&quot;,&quot;role&quot;:&quot;Freelance Web Designer&quot;,&quot;text&quot;:&quot;Aha Orbit is now my go-to standard for all client projects. There is simply no comparison.&quot;,&quot;image&quot;:&quot;https:\\\/\\\/demos.ahaplugins.com\\\/orbit-testimonials\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/05\\\/adrian-costa-260x260.png&quot;,&quot;companyLogo&quot;:&quot;&quot;,&quot;rating&quot;:5,&quot;socialNetwork&quot;:&quot;&quot;,&quot;socialLink&quot;:&quot;&quot;,&quot;socialNetworkLabel&quot;:&quot;&quot;},{&quot;name&quot;:&quot;Emma Collins&quot;,&quot;role&quot;:&quot;Web Developer&quot;,&quot;text&quot;:&quot;Lightweight, fast, and incredibly easy to set up. The code is clean and doesn&#039;t bloat the site.&quot;,&quot;image&quot;:&quot;https:\\\/\\\/demos.ahaplugins.com\\\/orbit-testimonials\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/05\\\/emma-collins-260x260.png&quot;,&quot;companyLogo&quot;:&quot;&quot;,&quot;rating&quot;:5,&quot;socialNetwork&quot;:&quot;&quot;,&quot;socialLink&quot;:&quot;&quot;,&quot;socialNetworkLabel&quot;:&quot;&quot;},{&quot;name&quot;:&quot;Ryan Mitchell&quot;,&quot;role&quot;:&quot;Growth Hacker&quot;,&quot;text&quot;:&quot;Our page retention time increased significantly. Users actually stop to interact with the carousel.&quot;,&quot;image&quot;:&quot;https:\\\/\\\/demos.ahaplugins.com\\\/orbit-testimonials\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/05\\\/ryan-mitchell-260x260.png&quot;,&quot;companyLogo&quot;:&quot;&quot;,&quot;rating&quot;:5,&quot;socialNetwork&quot;:&quot;&quot;,&quot;socialLink&quot;:&quot;&quot;,&quot;socialNetworkLabel&quot;:&quot;&quot;}],&quot;layoutMode&quot;:&quot;auto&quot;,&quot;showArrows&quot;:true,&quot;showDots&quot;:true,&quot;autoplay&quot;:true,&quot;interval&quot;:5000,&quot;transitionSpeed&quot;:800,&quot;animationDelay&quot;:150,&quot;grayscale&quot;:false,&quot;draggable&quot;:true,&quot;columns&quot;:3}\"\n    style=\"--ot-container-height: 450px; --ot-carousel-cols: 3;\"\n    role=\"region\"\n    aria-label=\"Testimonials carousel\">\n\n    <div class=\"ot-carousel-container\">\n        <button class=\"ot-nav-btn ot-carousel-prev\" aria-label=\"Previous testimonial\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"\n                stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <path d=\"m15 18-6-6 6-6\"\/>\n            <\/svg>\n        <\/button>\n\n        <!-- Track: slides container -->\n        <div class=\"ot-carousel-track-wrapper\">\n            <div class=\"ot-carousel-track\" aria-live=\"polite\">\n\n                            <div class=\"ot-carousel-slide is-active\"\n                    data-index=\"0\"\n                    aria-hidden=\"false\">\n\n                <div class=\"ot-carousel-card\">\n\n    <div class=\"ot-quote-icon\" aria-hidden=\"true\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n            <path d=\"M14.017 21v-7.391c0-5.704 3.731-9.57 8.983-10.609l.995 2.151c-2.432.917-3.995 3.638-3.995 5.849h4v10h-9.983zm-14.017 0v-7.391c0-5.704 3.748-9.57 9-10.609l.996 2.151c-2.433.917-3.996 3.638-3.996 5.849h3.983v10h-9.983z\"\/>\n        <\/svg>\n    <\/div>\n\n            <div class=\"ot-star-rating\" role=\"img\"\n            aria-label=\"5 out of 5 stars\">\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                <\/div>\n    \n    <p class=\"ot-carousel-text\">Not only is it beautiful, but it&#039;s also optimized. Google PageSpeed gave us a green light!<\/p>\n\n    <div class=\"ot-carousel-author\">\n        <div class=\"ot-carousel-avatar-wrap\">\n                            <img decoding=\"async\" class=\"ot-carousel-avatar-img\"\n                    src=\"https:\/\/demos.ahaplugins.com\/orbit-testimonials\/wp-content\/uploads\/sites\/5\/2026\/05\/marcus-bennett-260x260.png\"\n                    alt=\"Marcus Bennett\"\n                    loading=\"lazy\" \/>\n            \n                    <\/div>\n\n        <div class=\"ot-carousel-author-info\">\n            <h3 class=\"ot-carousel-name\">Marcus Bennett<\/h3>\n            <p class=\"ot-carousel-role\">SEO Specialist<\/p>\n                    <\/div>\n    <\/div><!-- \/.ot-carousel-author -->\n\n<\/div><!-- \/.ot-carousel-card -->\n                <\/div><!-- \/.ot-carousel-slide -->\n\n                            <div class=\"ot-carousel-slide\"\n                    data-index=\"1\"\n                    aria-hidden=\"true\">\n\n                <div class=\"ot-carousel-card\">\n\n    <div class=\"ot-quote-icon\" aria-hidden=\"true\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n            <path d=\"M14.017 21v-7.391c0-5.704 3.731-9.57 8.983-10.609l.995 2.151c-2.432.917-3.995 3.638-3.995 5.849h4v10h-9.983zm-14.017 0v-7.391c0-5.704 3.748-9.57 9-10.609l.996 2.151c-2.433.917-3.996 3.638-3.996 5.849h3.983v10h-9.983z\"\/>\n        <\/svg>\n    <\/div>\n\n            <div class=\"ot-star-rating\" role=\"img\"\n            aria-label=\"4 out of 5 stars\">\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <span class=\"ot-star\" aria-hidden=\"true\">&#9733;<\/span>\n                <\/div>\n    \n    <p class=\"ot-carousel-text\">Finally, a plugin that doesn&#039;t look like a 2010 widget. The orbital effect is absolutely mesmerizing!<\/p>\n\n    <div class=\"ot-carousel-author\">\n        <div class=\"ot-carousel-avatar-wrap\">\n                            <img decoding=\"async\" class=\"ot-carousel-avatar-img\"\n                    src=\"https:\/\/demos.ahaplugins.com\/orbit-testimonials\/wp-content\/uploads\/sites\/5\/2026\/05\/yuki-tanaka-260x260.png\"\n                    alt=\"Yuki Tanaka\"\n                    loading=\"lazy\" \/>\n            \n                    <\/div>\n\n        <div class=\"ot-carousel-author-info\">\n            <h3 class=\"ot-carousel-name\">Yuki Tanaka<\/h3>\n            <p class=\"ot-carousel-role\">UX Designer<\/p>\n                    <\/div>\n    <\/div><!-- \/.ot-carousel-author -->\n\n<\/div><!-- \/.ot-carousel-card -->\n                <\/div><!-- \/.ot-carousel-slide -->\n\n                            <div class=\"ot-carousel-slide\"\n                    data-index=\"2\"\n                    aria-hidden=\"true\">\n\n                <div class=\"ot-carousel-card\">\n\n    <div class=\"ot-quote-icon\" aria-hidden=\"true\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n            <path d=\"M14.017 21v-7.391c0-5.704 3.731-9.57 8.983-10.609l.995 2.151c-2.432.917-3.995 3.638-3.995 5.849h4v10h-9.983zm-14.017 0v-7.391c0-5.704 3.748-9.57 9-10.609l.996 2.151c-2.433.917-3.996 3.638-3.996 5.849h3.983v10h-9.983z\"\/>\n        <\/svg>\n    <\/div>\n\n            <div class=\"ot-star-rating\" role=\"img\"\n            aria-label=\"5 out of 5 stars\">\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                <\/div>\n    \n    <p class=\"ot-carousel-text\">The circular design and orbital motion bring a dynamic feel that I&#039;ve never seen in other WP plugins.<\/p>\n\n    <div class=\"ot-carousel-author\">\n        <div class=\"ot-carousel-avatar-wrap\">\n                            <img decoding=\"async\" class=\"ot-carousel-avatar-img\"\n                    src=\"https:\/\/demos.ahaplugins.com\/orbit-testimonials\/wp-content\/uploads\/sites\/5\/2026\/05\/daniel-brooks-260x260.png\"\n                    alt=\"Daniel Brooks\"\n                    loading=\"lazy\" \/>\n            \n                    <\/div>\n\n        <div class=\"ot-carousel-author-info\">\n            <h3 class=\"ot-carousel-name\">Daniel Brooks<\/h3>\n            <p class=\"ot-carousel-role\">Art Director<\/p>\n                    <\/div>\n    <\/div><!-- \/.ot-carousel-author -->\n\n<\/div><!-- \/.ot-carousel-card -->\n                <\/div><!-- \/.ot-carousel-slide -->\n\n                            <div class=\"ot-carousel-slide\"\n                    data-index=\"3\"\n                    aria-hidden=\"true\">\n\n                <div class=\"ot-carousel-card\">\n\n    <div class=\"ot-quote-icon\" aria-hidden=\"true\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n            <path d=\"M14.017 21v-7.391c0-5.704 3.731-9.57 8.983-10.609l.995 2.151c-2.432.917-3.995 3.638-3.995 5.849h4v10h-9.983zm-14.017 0v-7.391c0-5.704 3.748-9.57 9-10.609l.996 2.151c-2.433.917-3.996 3.638-3.996 5.849h3.983v10h-9.983z\"\/>\n        <\/svg>\n    <\/div>\n\n            <div class=\"ot-star-rating\" role=\"img\"\n            aria-label=\"5 out of 5 stars\">\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                <\/div>\n    \n    <p class=\"ot-carousel-text\">My clients love the look. It brings a level of sophistication that standard plugins just can&#039;t match.<\/p>\n\n    <div class=\"ot-carousel-author\">\n        <div class=\"ot-carousel-avatar-wrap\">\n                            <img decoding=\"async\" class=\"ot-carousel-avatar-img\"\n                    src=\"https:\/\/demos.ahaplugins.com\/orbit-testimonials\/wp-content\/uploads\/sites\/5\/2026\/05\/amara-okafo-260x260.png\"\n                    alt=\"Amara Okafor\"\n                    loading=\"lazy\" \/>\n            \n                    <\/div>\n\n        <div class=\"ot-carousel-author-info\">\n            <h3 class=\"ot-carousel-name\">Amara Okafor<\/h3>\n            <p class=\"ot-carousel-role\">Social Media Strategist<\/p>\n                    <\/div>\n    <\/div><!-- \/.ot-carousel-author -->\n\n<\/div><!-- \/.ot-carousel-card -->\n                <\/div><!-- \/.ot-carousel-slide -->\n\n                            <div class=\"ot-carousel-slide\"\n                    data-index=\"4\"\n                    aria-hidden=\"true\">\n\n                <div class=\"ot-carousel-card\">\n\n    <div class=\"ot-quote-icon\" aria-hidden=\"true\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n            <path d=\"M14.017 21v-7.391c0-5.704 3.731-9.57 8.983-10.609l.995 2.151c-2.432.917-3.995 3.638-3.995 5.849h4v10h-9.983zm-14.017 0v-7.391c0-5.704 3.748-9.57 9-10.609l.996 2.151c-2.433.917-3.996 3.638-3.996 5.849h3.983v10h-9.983z\"\/>\n        <\/svg>\n    <\/div>\n\n            <div class=\"ot-star-rating\" role=\"img\"\n            aria-label=\"5 out of 5 stars\">\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                <\/div>\n    \n    <p class=\"ot-carousel-text\">Perfect for high-converting LPs. The modern visual style builds immediate authority and trust.<\/p>\n\n    <div class=\"ot-carousel-author\">\n        <div class=\"ot-carousel-avatar-wrap\">\n                            <img decoding=\"async\" class=\"ot-carousel-avatar-img\"\n                    src=\"https:\/\/demos.ahaplugins.com\/orbit-testimonials\/wp-content\/uploads\/sites\/5\/2026\/05\/luca-moretti-260x260.png\"\n                    alt=\"Luca Moretti\"\n                    loading=\"lazy\" \/>\n            \n                    <\/div>\n\n        <div class=\"ot-carousel-author-info\">\n            <h3 class=\"ot-carousel-name\">Luca Moretti<\/h3>\n            <p class=\"ot-carousel-role\">Marketing Consultant<\/p>\n                    <\/div>\n    <\/div><!-- \/.ot-carousel-author -->\n\n<\/div><!-- \/.ot-carousel-card -->\n                <\/div><!-- \/.ot-carousel-slide -->\n\n                            <div class=\"ot-carousel-slide\"\n                    data-index=\"5\"\n                    aria-hidden=\"true\">\n\n                <div class=\"ot-carousel-card\">\n\n    <div class=\"ot-quote-icon\" aria-hidden=\"true\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n            <path d=\"M14.017 21v-7.391c0-5.704 3.731-9.57 8.983-10.609l.995 2.151c-2.432.917-3.995 3.638-3.995 5.849h4v10h-9.983zm-14.017 0v-7.391c0-5.704 3.748-9.57 9-10.609l.996 2.151c-2.433.917-3.996 3.638-3.996 5.849h3.983v10h-9.983z\"\/>\n        <\/svg>\n    <\/div>\n\n            <div class=\"ot-star-rating\" role=\"img\"\n            aria-label=\"5 out of 5 stars\">\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                <\/div>\n    \n    <p class=\"ot-carousel-text\">The Aha Orbit transformed my &#039;About Us&#039; section. It&#039;s impossible not to click and engage with it.<\/p>\n\n    <div class=\"ot-carousel-author\">\n        <div class=\"ot-carousel-avatar-wrap\">\n                            <img decoding=\"async\" class=\"ot-carousel-avatar-img\"\n                    src=\"https:\/\/demos.ahaplugins.com\/orbit-testimonials\/wp-content\/uploads\/sites\/5\/2026\/05\/sophie-laurent-260x260.png\"\n                    alt=\"Sophie Laurent\"\n                    loading=\"lazy\" \/>\n            \n                    <\/div>\n\n        <div class=\"ot-carousel-author-info\">\n            <h3 class=\"ot-carousel-name\">Sophie Laurent<\/h3>\n            <p class=\"ot-carousel-role\">Content Creator<\/p>\n                    <\/div>\n    <\/div><!-- \/.ot-carousel-author -->\n\n<\/div><!-- \/.ot-carousel-card -->\n                <\/div><!-- \/.ot-carousel-slide -->\n\n                            <div class=\"ot-carousel-slide\"\n                    data-index=\"6\"\n                    aria-hidden=\"true\">\n\n                <div class=\"ot-carousel-card\">\n\n    <div class=\"ot-quote-icon\" aria-hidden=\"true\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n            <path d=\"M14.017 21v-7.391c0-5.704 3.731-9.57 8.983-10.609l.995 2.151c-2.432.917-3.995 3.638-3.995 5.849h4v10h-9.983zm-14.017 0v-7.391c0-5.704 3.748-9.57 9-10.609l.996 2.151c-2.433.917-3.996 3.638-3.996 5.849h3.983v10h-9.983z\"\/>\n        <\/svg>\n    <\/div>\n\n            <div class=\"ot-star-rating\" role=\"img\"\n            aria-label=\"4 out of 5 stars\">\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <span class=\"ot-star\" aria-hidden=\"true\">&#9733;<\/span>\n                <\/div>\n    \n    <p class=\"ot-carousel-text\">Our conversion rates jumped by 15% after we added these testimonials to our main landing page.<\/p>\n\n    <div class=\"ot-carousel-author\">\n        <div class=\"ot-carousel-avatar-wrap\">\n                            <img decoding=\"async\" class=\"ot-carousel-avatar-img\"\n                    src=\"https:\/\/demos.ahaplugins.com\/orbit-testimonials\/wp-content\/uploads\/sites\/5\/2026\/05\/layla-hassan-260x260.png\"\n                    alt=\"Layla Hassan\"\n                    loading=\"lazy\" \/>\n            \n                    <\/div>\n\n        <div class=\"ot-carousel-author-info\">\n            <h3 class=\"ot-carousel-name\">Layla Hassan<\/h3>\n            <p class=\"ot-carousel-role\">E-commerce Manager<\/p>\n                    <\/div>\n    <\/div><!-- \/.ot-carousel-author -->\n\n<\/div><!-- \/.ot-carousel-card -->\n                <\/div><!-- \/.ot-carousel-slide -->\n\n                            <div class=\"ot-carousel-slide\"\n                    data-index=\"7\"\n                    aria-hidden=\"true\">\n\n                <div class=\"ot-carousel-card\">\n\n    <div class=\"ot-quote-icon\" aria-hidden=\"true\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n            <path d=\"M14.017 21v-7.391c0-5.704 3.731-9.57 8.983-10.609l.995 2.151c-2.432.917-3.995 3.638-3.995 5.849h4v10h-9.983zm-14.017 0v-7.391c0-5.704 3.748-9.57 9-10.609l.996 2.151c-2.433.917-3.996 3.638-3.996 5.849h3.983v10h-9.983z\"\/>\n        <\/svg>\n    <\/div>\n\n            <div class=\"ot-star-rating\" role=\"img\"\n            aria-label=\"5 out of 5 stars\">\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                <\/div>\n    \n    <p class=\"ot-carousel-text\">I had it installed in 5 minutes, and the visual result looked professional right out of the box.<\/p>\n\n    <div class=\"ot-carousel-author\">\n        <div class=\"ot-carousel-avatar-wrap\">\n                            <img decoding=\"async\" class=\"ot-carousel-avatar-img\"\n                    src=\"https:\/\/demos.ahaplugins.com\/orbit-testimonials\/wp-content\/uploads\/sites\/5\/2026\/05\/kevin-park-260x260.png\"\n                    alt=\"Kevin Park\"\n                    loading=\"lazy\" \/>\n            \n                    <\/div>\n\n        <div class=\"ot-carousel-author-info\">\n            <h3 class=\"ot-carousel-name\">Kevin Park<\/h3>\n            <p class=\"ot-carousel-role\">Digital Entrepreneur<\/p>\n                    <\/div>\n    <\/div><!-- \/.ot-carousel-author -->\n\n<\/div><!-- \/.ot-carousel-card -->\n                <\/div><!-- \/.ot-carousel-slide -->\n\n                            <div class=\"ot-carousel-slide\"\n                    data-index=\"8\"\n                    aria-hidden=\"true\">\n\n                <div class=\"ot-carousel-card\">\n\n    <div class=\"ot-quote-icon\" aria-hidden=\"true\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n            <path d=\"M14.017 21v-7.391c0-5.704 3.731-9.57 8.983-10.609l.995 2.151c-2.432.917-3.995 3.638-3.995 5.849h4v10h-9.983zm-14.017 0v-7.391c0-5.704 3.748-9.57 9-10.609l.996 2.151c-2.433.917-3.996 3.638-3.996 5.849h3.983v10h-9.983z\"\/>\n        <\/svg>\n    <\/div>\n\n            <div class=\"ot-star-rating\" role=\"img\"\n            aria-label=\"5 out of 5 stars\">\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                <\/div>\n    \n    <p class=\"ot-carousel-text\">The intuitive interface allows anyone on our team to update testimonials in a matter of seconds.<\/p>\n\n    <div class=\"ot-carousel-author\">\n        <div class=\"ot-carousel-avatar-wrap\">\n                            <img decoding=\"async\" class=\"ot-carousel-avatar-img\"\n                    src=\"https:\/\/demos.ahaplugins.com\/orbit-testimonials\/wp-content\/uploads\/sites\/5\/2026\/05\/naomi-johnson-260x260.png\"\n                    alt=\"Naomi Johnson\"\n                    loading=\"lazy\" \/>\n            \n                    <\/div>\n\n        <div class=\"ot-carousel-author-info\">\n            <h3 class=\"ot-carousel-name\">Naomi Johnson<\/h3>\n            <p class=\"ot-carousel-role\">Product Owner<\/p>\n                    <\/div>\n    <\/div><!-- \/.ot-carousel-author -->\n\n<\/div><!-- \/.ot-carousel-card -->\n                <\/div><!-- \/.ot-carousel-slide -->\n\n                            <div class=\"ot-carousel-slide\"\n                    data-index=\"9\"\n                    aria-hidden=\"true\">\n\n                <div class=\"ot-carousel-card\">\n\n    <div class=\"ot-quote-icon\" aria-hidden=\"true\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n            <path d=\"M14.017 21v-7.391c0-5.704 3.731-9.57 8.983-10.609l.995 2.151c-2.432.917-3.995 3.638-3.995 5.849h4v10h-9.983zm-14.017 0v-7.391c0-5.704 3.748-9.57 9-10.609l.996 2.151c-2.433.917-3.996 3.638-3.996 5.849h3.983v10h-9.983z\"\/>\n        <\/svg>\n    <\/div>\n\n            <div class=\"ot-star-rating\" role=\"img\"\n            aria-label=\"5 out of 5 stars\">\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                <\/div>\n    \n    <p class=\"ot-carousel-text\">Aha Orbit is now my go-to standard for all client projects. There is simply no comparison.<\/p>\n\n    <div class=\"ot-carousel-author\">\n        <div class=\"ot-carousel-avatar-wrap\">\n                            <img decoding=\"async\" class=\"ot-carousel-avatar-img\"\n                    src=\"https:\/\/demos.ahaplugins.com\/orbit-testimonials\/wp-content\/uploads\/sites\/5\/2026\/05\/adrian-costa-260x260.png\"\n                    alt=\"Adrian Costa\"\n                    loading=\"lazy\" \/>\n            \n                    <\/div>\n\n        <div class=\"ot-carousel-author-info\">\n            <h3 class=\"ot-carousel-name\">Adrian Costa<\/h3>\n            <p class=\"ot-carousel-role\">Freelance Web Designer<\/p>\n                    <\/div>\n    <\/div><!-- \/.ot-carousel-author -->\n\n<\/div><!-- \/.ot-carousel-card -->\n                <\/div><!-- \/.ot-carousel-slide -->\n\n                            <div class=\"ot-carousel-slide\"\n                    data-index=\"10\"\n                    aria-hidden=\"true\">\n\n                <div class=\"ot-carousel-card\">\n\n    <div class=\"ot-quote-icon\" aria-hidden=\"true\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n            <path d=\"M14.017 21v-7.391c0-5.704 3.731-9.57 8.983-10.609l.995 2.151c-2.432.917-3.995 3.638-3.995 5.849h4v10h-9.983zm-14.017 0v-7.391c0-5.704 3.748-9.57 9-10.609l.996 2.151c-2.433.917-3.996 3.638-3.996 5.849h3.983v10h-9.983z\"\/>\n        <\/svg>\n    <\/div>\n\n            <div class=\"ot-star-rating\" role=\"img\"\n            aria-label=\"5 out of 5 stars\">\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                <\/div>\n    \n    <p class=\"ot-carousel-text\">Lightweight, fast, and incredibly easy to set up. The code is clean and doesn&#039;t bloat the site.<\/p>\n\n    <div class=\"ot-carousel-author\">\n        <div class=\"ot-carousel-avatar-wrap\">\n                            <img decoding=\"async\" class=\"ot-carousel-avatar-img\"\n                    src=\"https:\/\/demos.ahaplugins.com\/orbit-testimonials\/wp-content\/uploads\/sites\/5\/2026\/05\/emma-collins-260x260.png\"\n                    alt=\"Emma Collins\"\n                    loading=\"lazy\" \/>\n            \n                    <\/div>\n\n        <div class=\"ot-carousel-author-info\">\n            <h3 class=\"ot-carousel-name\">Emma Collins<\/h3>\n            <p class=\"ot-carousel-role\">Web Developer<\/p>\n                    <\/div>\n    <\/div><!-- \/.ot-carousel-author -->\n\n<\/div><!-- \/.ot-carousel-card -->\n                <\/div><!-- \/.ot-carousel-slide -->\n\n                            <div class=\"ot-carousel-slide\"\n                    data-index=\"11\"\n                    aria-hidden=\"true\">\n\n                <div class=\"ot-carousel-card\">\n\n    <div class=\"ot-quote-icon\" aria-hidden=\"true\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n            <path d=\"M14.017 21v-7.391c0-5.704 3.731-9.57 8.983-10.609l.995 2.151c-2.432.917-3.995 3.638-3.995 5.849h4v10h-9.983zm-14.017 0v-7.391c0-5.704 3.748-9.57 9-10.609l.996 2.151c-2.433.917-3.996 3.638-3.996 5.849h3.983v10h-9.983z\"\/>\n        <\/svg>\n    <\/div>\n\n            <div class=\"ot-star-rating\" role=\"img\"\n            aria-label=\"5 out of 5 stars\">\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                        <span class=\"ot-star ot-star--filled\" aria-hidden=\"true\">&#9733;<\/span>\n                <\/div>\n    \n    <p class=\"ot-carousel-text\">Our page retention time increased significantly. Users actually stop to interact with the carousel.<\/p>\n\n    <div class=\"ot-carousel-author\">\n        <div class=\"ot-carousel-avatar-wrap\">\n                            <img decoding=\"async\" class=\"ot-carousel-avatar-img\"\n                    src=\"https:\/\/demos.ahaplugins.com\/orbit-testimonials\/wp-content\/uploads\/sites\/5\/2026\/05\/ryan-mitchell-260x260.png\"\n                    alt=\"Ryan Mitchell\"\n                    loading=\"lazy\" \/>\n            \n                    <\/div>\n\n        <div class=\"ot-carousel-author-info\">\n            <h3 class=\"ot-carousel-name\">Ryan Mitchell<\/h3>\n            <p class=\"ot-carousel-role\">Growth Hacker<\/p>\n                    <\/div>\n    <\/div><!-- \/.ot-carousel-author -->\n\n<\/div><!-- \/.ot-carousel-card -->\n                <\/div><!-- \/.ot-carousel-slide -->\n\n            \n            <\/div><!-- \/.ot-carousel-track -->\n        <\/div><!-- \/.ot-carousel-track-wrapper -->\n\n        <button class=\"ot-nav-btn ot-carousel-next\" aria-label=\"Next testimonial\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"\n                stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <path d=\"m9 18 6-6-6-6\"\/>\n            <\/svg>\n        <\/button>\n    <\/div><!-- \/.ot-carousel-container -->\n\n    <div class=\"ot-pagination-bullets ot-carousel-dots\">\n                    <div class=\"ot-bullet active\"\n                data-index=\"0\"\n                aria-label=\"Go to testimonial 1\"\n                role=\"button\"\n                tabindex=\"0\"><\/div>\n                    <div class=\"ot-bullet\"\n                data-index=\"1\"\n                aria-label=\"Go to testimonial 2\"\n                role=\"button\"\n                tabindex=\"0\"><\/div>\n                    <div class=\"ot-bullet\"\n                data-index=\"2\"\n                aria-label=\"Go to testimonial 3\"\n                role=\"button\"\n                tabindex=\"0\"><\/div>\n                    <div class=\"ot-bullet\"\n                data-index=\"3\"\n                aria-label=\"Go to testimonial 4\"\n                role=\"button\"\n                tabindex=\"0\"><\/div>\n                    <div class=\"ot-bullet\"\n                data-index=\"4\"\n                aria-label=\"Go to testimonial 5\"\n                role=\"button\"\n                tabindex=\"0\"><\/div>\n                    <div class=\"ot-bullet\"\n                data-index=\"5\"\n                aria-label=\"Go to testimonial 6\"\n                role=\"button\"\n                tabindex=\"0\"><\/div>\n                    <div class=\"ot-bullet\"\n                data-index=\"6\"\n                aria-label=\"Go to testimonial 7\"\n                role=\"button\"\n                tabindex=\"0\"><\/div>\n                    <div class=\"ot-bullet\"\n                data-index=\"7\"\n                aria-label=\"Go to testimonial 8\"\n                role=\"button\"\n                tabindex=\"0\"><\/div>\n                    <div class=\"ot-bullet\"\n                data-index=\"8\"\n                aria-label=\"Go to testimonial 9\"\n                role=\"button\"\n                tabindex=\"0\"><\/div>\n                    <div class=\"ot-bullet\"\n                data-index=\"9\"\n                aria-label=\"Go to testimonial 10\"\n                role=\"button\"\n                tabindex=\"0\"><\/div>\n                    <div class=\"ot-bullet\"\n                data-index=\"10\"\n                aria-label=\"Go to testimonial 11\"\n                role=\"button\"\n                tabindex=\"0\"><\/div>\n                    <div class=\"ot-bullet\"\n                data-index=\"11\"\n                aria-label=\"Go to testimonial 12\"\n                role=\"button\"\n                tabindex=\"0\"><\/div>\n            <\/div>\n\n<\/div><!-- \/.ot-layout-carousel -->\n\r\n      <\/div>\r\n      <p class=\"demo-caption\">\r\n        Example shortcode: <code>&#091;aha_orbit id=\"46\"&#093;<\/code> <br><em>Accepts 1, 2, 3, and 4 columns.<\/em>\r\n      <\/p>\r\n    <\/div>\r\n  <\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-86a3d4a elementor-widget elementor-widget-html\" data-id=\"86a3d4a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ================================================================\r\n     VIDEO DEMO\r\n     ================================================================ -->\r\n  <section class=\"video-section\" id=\"video\">\r\n    <div class=\"container\">\r\n      <div class=\"section-head\">\r\n        <div class=\"tag\">See It in Action<\/div>\r\n        <h2>Watch How Simple It Is to<br>Build & Embed Anywhere<\/h2>\r\n        <p>Aha Orbit works seamlessly with Elementor, Divi, Bricks, and the default Block Editor. Just write your\r\n          testimonials, choose your layout, and paste the shortcode wherever you want. Watch our quick video to see how\r\n          easily you can go from zero to a fully responsive, animated testimonial showcase.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"video-wrapper\">\r\n        <!--\r\n        TODO: Replace the placeholder below with your video.\r\n        Option A \u2014 YouTube embed:\r\n          <iframe width=\"100%\" height=\"100%\" src=\"https:\/\/www.youtube.com\/embed\/YOUR_VIDEO_ID\"\r\n            title=\"Aha Orbit Testimonials Demo\" frameborder=\"0\"\r\n            allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\r\n            allowfullscreen style=\"position:absolute;inset:0;\"><\/iframe>\r\n\r\n        Option B \u2014 Self-hosted video:\r\n          <video controls width=\"100%\" height=\"100%\" poster=\"your-thumbnail.jpg\">\r\n            <source src=\"your-demo-video.mp4\" type=\"video\/mp4\">\r\n          <\/video>\r\n      -->\r\n        <div class=\"video-placeholder-inner\">\r\n          <div class=\"play-btn\" aria-label=\"Play demo video\">\r\n            <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"#fff\">\r\n              <path d=\"M8 5v14l11-7z\" \/>\r\n            <\/svg>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c299870 elementor-widget elementor-widget-html\" data-id=\"c299870\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t  <!-- ================================================================\r\n     HOW IT WORKS\r\n     ================================================================ -->\r\n  <section class=\"how-section\" id=\"how-it-works\">\r\n    <div class=\"container\">\r\n      <div class=\"section-head\">\r\n        <div class=\"tag\">Simple Setup<\/div>\r\n        <h2>From Install to Live<br>in Under 5 Minutes.<\/h2>\r\n        <p>No shortcode generators, no complex settings pages. Three steps and your Orbit testimonial slider is live.\r\n        <\/p>\r\n      <\/div>\r\n      <div class=\"steps\">\r\n        <div class=\"step\">\r\n          <div class=\"step-num\">01<\/div>\r\n          <h3>Install & Activate<\/h3>\r\n          <p>Search <strong>\"Aha Orbit Testimonials\"<\/strong> on WordPress.org and click Install, or download the ZIP\r\n            from our site and upload it manually via <em>Plugins \u2192 Add New<\/em>.<\/p>\r\n        <\/div>\r\n        <div class=\"step\">\r\n          <div class=\"step-num\">02<\/div>\r\n          <h3>Create & Customize<\/h3>\r\n          <p>Go to <strong>Aha Orbit \u2192 Add New<\/strong>. Add testimonials, choose your layout (Orbit, Grid, or\r\n            Carousel), select a color preset, and configure settings to match your brand.<\/p>\r\n        <\/div>\r\n        <div class=\"step\">\r\n          <div class=\"step-num\">03<\/div>\r\n          <h3>Paste & Publish<\/h3>\r\n          <p>Copy <code><!-- Aha Orbit: Invalid or unpublished Slider ID --><\/code> and paste it anywhere on your site \u2014 block editor, Elementor,\r\n            Divi, Bricks, or any widget area. That's all it takes.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"how-cta\">\r\n        <a href=\"https:\/\/documentation.ahaplugins.com\/aha-orbit-testimonials\/\" class=\"btn btn-ghost\" target=\"_blank\"\r\n          rel=\"noopener\">Read Full Documentation \u2192<\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e8ab857 elementor-widget elementor-widget-html\" data-id=\"e8ab857\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t  <!-- ================================================================\r\n     FREE \/ PRICING\r\n     ================================================================ -->\r\n  <section class=\"free-section\">\r\n    <div class=\"container\">\r\n      <div class=\"section-head\" style=\"margin-bottom:3rem;\">\r\n        <div class=\"tag\">Pricing<\/div>\r\n        <h2>Choose Your Version<\/h2>\r\n        <p>Start with our feature-rich free version, or upgrade to Aha Orbit Pro for advanced templates, layouts, and\r\n          customization options.<\/p>\r\n      <\/div>\r\n      <div class=\"pricing-grid\">\r\n        <!-- Free Card -->\r\n        <div class=\"pricing-card\">\r\n          <span class=\"price-label\">Free Version<\/span>\r\n          <div class=\"price-num-container\">\r\n            <span class=\"price-num\">$0<\/span>\r\n          <\/div>\r\n          <span class=\"price-sub\">Always free. Get started with WordPress.org repository version.<\/span>\r\n          <div class=\"pricing-features-list\">\r\n            <span class=\"pf-item\">3 layouts (Orbit, Grid, Carousel)<\/span>\r\n            <span class=\"pf-item\">Unlimited sliders & grids<\/span>\r\n            <span class=\"pf-item\">8 color presets<\/span>\r\n            <span class=\"pf-item\">Custom color pickers<\/span>\r\n            <span class=\"pf-item\">Drag & swipe support<\/span>\r\n            <span class=\"pf-item\">Initials avatar fallback<\/span>\r\n            <span class=\"pf-item\">Vanilla JS \u2014 no jQuery bloat<\/span>\r\n            <span class=\"pf-item\">Works with any page builder<\/span>\r\n          <\/div>\r\n          <a href=\"https:\/\/wordpress.org\/plugins\/aha-orbit-testimonials\/\" class=\"btn btn-ghost\"\r\n            style=\"width:100%; justify-content:center;\" target=\"_blank\" rel=\"noopener\">Install Free<\/a>\r\n        <\/div>\r\n\r\n        <!-- Pro Card -->\r\n        <div class=\"pricing-card pricing-card-pro\">\r\n          <span class=\"price-label\">Pro Version<\/span>\r\n          <div class=\"price-num-container\">\r\n            <span class=\"price-original\">$36<\/span>\r\n            <span class=\"price-num\">$18<\/span>\r\n          <\/div>\r\n          <span class=\"price-sub\">Unlock premium templates, advanced customization, and priority support.<\/span>\r\n          <div class=\"pricing-features-list\">\r\n            <span class=\"pf-item pf-pro-only\">Everything in Free version<\/span>\r\n            <span class=\"pf-item pf-pro-only\">Exclusive Layouts<\/span>\r\n            <span class=\"pf-item pf-pro-only\">1 Year of Updates<\/span>\r\n            <span class=\"pf-item pf-pro-only\">Priority Support<\/span>\r\n          <\/div>\r\n          <a href=\"https:\/\/demos.ahaplugins.com\/orbit-testimonials\/aha-orbit-testimonials-animated-testimonial-slider-pro\"\r\n            class=\"btn btn-primary\" style=\"width:100%; justify-content:center;\" target=\"_blank\" rel=\"noopener\">View Pro\r\n            Version<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1b1bebc elementor-widget elementor-widget-html\" data-id=\"1b1bebc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t  <!-- ================================================================\r\n     FINAL CTA\r\n     ================================================================ -->\r\n  <section class=\"cta-final\">\r\n    <div class=\"cta-final-glow\"><\/div>\r\n    <div class=\"container\">\r\n      <h2>Stop Hiding Your Best<br><span class=\"text-grad\">Social Proof Behind a Boring Slider.<\/span><\/h2>\r\n      <p>Give your testimonials the design they deserve. Install Aha Orbit Testimonials free and start converting more\r\n        visitors today.<\/p>\r\n      <div class=\"cta-actions\">\r\n        <a href=\"https:\/\/demos.ahaplugins.com\/orbit-testimonials\/aha-orbit-testimonials-animated-testimonial-slider-pro\"\r\n          class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">View Pro Version<\/a>\r\n        <a href=\"https:\/\/wordpress.org\/plugins\/aha-orbit-testimonials\/\" class=\"btn btn-ghost\" target=\"_blank\"\r\n          rel=\"noopener\">Install Free Now \u2014 WordPress.org<\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-534ad47 elementor-widget elementor-widget-html\" data-id=\"534ad47\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t  <!-- ================================================================\r\n     FOOTER\r\n     ================================================================ -->\r\n  <footer class=\"footer\">\r\n    <div class=\"footer-brand\">Aha <em>Orbit<\/em> Testimonials<\/div>\r\n    <p>A WordPress plugin by <a href=\"https:\/\/ahaplugins.com\" target=\"_blank\" rel=\"noopener\">Aha Plugins<\/a> \u2014 tools\r\n      built for quality and simplicity.<\/p>\r\n    <ul class=\"footer-links\">\r\n      <li><a href=\"https:\/\/ahaplugins.com\" target=\"_blank\" rel=\"noopener\">Aha Plugins<\/a><\/li>\r\n      <li><a href=\"https:\/\/wordpress.org\/plugins\/aha-orbit-testimonials\/\" target=\"_blank\"\r\n          rel=\"noopener\">WordPress.org<\/a><\/li>\r\n      <li><a href=\"https:\/\/documentation.ahaplugins.com\/aha-orbit-testimonials\/\" target=\"_blank\"\r\n          rel=\"noopener\">Documentation<\/a><\/li>\r\n    <\/ul>\r\n  <\/footer>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-25fefd4 elementor-widget elementor-widget-html\" data-id=\"25fefd4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t  <script>\r\n    const navToggle = document.getElementById('nav-toggle');\r\n    const navLinks = document.querySelectorAll('.nav a[href^=\\\"#\\\"]');\r\n    const navEl = document.querySelector('.nav');\r\n\r\n    \/\/ Manual smooth scroll \u2014 immune to Elementor\/WP CSS overrides\r\n    function smoothScrollTo(targetId) {\r\n      const target = document.querySelector(targetId);\r\n      if (!target) return;\r\n\r\n      const navHeight = navEl.getBoundingClientRect().height;\r\n      const startY = window.pageYOffset;\r\n      const targetY = target.getBoundingClientRect().top + startY - navHeight - 16;\r\n      const distance = targetY - startY;\r\n      const duration = 800; \/\/ ms\r\n      let startTime = null;\r\n\r\n      function easeInOutCubic(t) {\r\n        return t < 0.5 ? 4 * t * t * t : 1 - Math.pow(-2 * t + 2, 3) \/ 2;\r\n      }\r\n\r\n      function step(timestamp) {\r\n        if (!startTime) startTime = timestamp;\r\n        const elapsed = timestamp - startTime;\r\n        const progress = Math.min(elapsed \/ duration, 1);\r\n        const ease = easeInOutCubic(progress);\r\n\r\n        window.scrollTo(0, startY + distance * ease);\r\n\r\n        if (progress < 1) {\r\n          requestAnimationFrame(step);\r\n        }\r\n      }\r\n\r\n      requestAnimationFrame(step);\r\n    }\r\n\r\n    \/\/ Close menu + smooth scroll when a nav link is clicked\r\n    navLinks.forEach(link => {\r\n      link.addEventListener('click', (e) => {\r\n        const href = link.getAttribute('href');\r\n        if (href && href.startsWith('#')) {\r\n          e.preventDefault();\r\n          navToggle.checked = false;\r\n          setTimeout(() => smoothScrollTo(href), 10);\r\n        }\r\n      });\r\n    });\r\n\r\n    \/\/ Close menu when clicking outside the nav\r\n    document.addEventListener('click', (e) => {\r\n      if (navToggle.checked && !navEl.contains(e.target)) {\r\n        navToggle.checked = false;\r\n      }\r\n    });\r\n  <\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Features Screenshots Demo Video How It Works View Pro Version Upgrade to Aha Orbit Pro for Premium Features Your Testimonials Deserve Better Thana Boring Carousel. Aha Orbit Testimonials is a free WordPress plugin that transforms static reviews into an interactive experience. Show off your social proof in three beautiful formats: the signature Orbital Slider, a [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-94","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demos.ahaplugins.com\/orbit-testimonials\/wp-json\/wp\/v2\/pages\/94","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demos.ahaplugins.com\/orbit-testimonials\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demos.ahaplugins.com\/orbit-testimonials\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demos.ahaplugins.com\/orbit-testimonials\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demos.ahaplugins.com\/orbit-testimonials\/wp-json\/wp\/v2\/comments?post=94"}],"version-history":[{"count":109,"href":"https:\/\/demos.ahaplugins.com\/orbit-testimonials\/wp-json\/wp\/v2\/pages\/94\/revisions"}],"predecessor-version":[{"id":256,"href":"https:\/\/demos.ahaplugins.com\/orbit-testimonials\/wp-json\/wp\/v2\/pages\/94\/revisions\/256"}],"wp:attachment":[{"href":"https:\/\/demos.ahaplugins.com\/orbit-testimonials\/wp-json\/wp\/v2\/media?parent=94"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}