{"id":3469,"date":"2021-09-10T12:46:18","date_gmt":"2021-09-10T12:46:18","guid":{"rendered":"http:\/\/dummy.xtemos.com\/woodmart2\/elementor\/?page_id=3469"},"modified":"2026-08-27T14:31:45","modified_gmt":"2026-08-27T08:31:45","slug":"home-mobile-app","status":"publish","type":"page","link":"https:\/\/smmbangladesh.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3469\" class=\"elementor elementor-3469\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-72e5097 e-con e-atomic-element e-flexbox-base e-7b929de \" data-id=\"72e5097\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"72e5097\" data-e-type=\"e-flexbox\" data-id=\"72e5097\">\n    \t\t<div class=\"elementor-element elementor-element-796d206 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"796d206\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- SMM Bangladesh Premium Hero Section V5 | Clean App Mockup Integrated -->\r\n<section class=\"smb-hero-ultimate\" aria-labelledby=\"smb-hero-heading\">\r\n  \r\n  <!-- Premium Animated Glowing Orbs -->\r\n  <div class=\"smb-hero-orb orb-primary\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"smb-hero-orb orb-secondary\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"smb-hero-orb orb-accent\" aria-hidden=\"true\"><\/div>\r\n\r\n  <div class=\"smb-hero-container\">\r\n\r\n    <!-- ==========================================\r\n         LEFT CONTENT: SEO Optimized Copy & CTA\r\n    =============================================== -->\r\n    <div class=\"smb-hero-content\">\r\n      \r\n      <div class=\"smb-hero-badge\">\r\n        <span class=\"live-dot\"><\/span>\r\n        Bangladesh's #1 SMM Platform\r\n      <\/div>\r\n\r\n      <h1 id=\"smb-hero-heading\" class=\"smb-hero-title\">\r\n        Best <strong>SMM<\/strong> Panel<br>in <strong>Bangladesh<\/strong> 2026 <br> Cheap and Fast\r\n      <\/h1>\r\n\r\n      <p class=\"smb-hero-text\">\r\n        Supercharge your online presence with <b>SMM Bangladesh<\/b>. We provide the fastest, most secure, and highly affordable social media marketing services for Facebook, Instagram, YouTube, and TikTok. \r\n      <\/p>\r\n\r\n      <div class=\"smb-hero-actions\">\r\n        <a href=\"https:\/\/smmbangladesh.com\/wp-content\/uploads\/2026\/08\/SMM-Bangladesh-APP.apk\" class=\"smb-btn-primary\">\r\n          <span>Download Our App<\/span>\r\n          <!-- \ud83d\udca1 Changed Icon: More relevant Download App Icon -->\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path><polyline points=\"7 10 12 15 17 10\"><\/polyline><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"><\/line><\/svg>\r\n        <\/a>\r\n        <a href=\"https:\/\/app.smmbangladesh.com\/\" class=\"smb-btn-outline\">\r\n          Create Account\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <!-- Trust Indicators (Sleek & Compact) -->\r\n      <div class=\"smb-trust-bar\">\r\n        <div class=\"trust-item\">\r\n          <div class=\"t-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M13 2.05v3.03c3.39.49 6 3.39 6 6.92 0 .9-.22 1.76-.61 2.53l2.25 2.25c.87-1.37 1.36-3 1.36-4.78 0-4.26-3.08-7.82-7-8.95zM11 2.05C7.08 3.18 4 6.74 4 11c0 1.78.49 3.41 1.36 4.78l2.25-2.25A6.974 6.974 0 0 1 7 11c0-3.53 2.61-6.43 6-6.92V2.05zM12 19c-1.86 0-3.41-.68-4.64-1.81l-2.12 2.12A9.957 9.957 0 0 0 12 21c2.6 0 4.96-.99 6.76-2.61l-2.12-2.12C15.41 18.32 13.86 19 12 19z\"\/><\/svg><\/div>\r\n          <div class=\"t-text\"><strong>Instant<\/strong> Delivery<\/div>\r\n        <\/div>\r\n        <div class=\"t-divider\"><\/div>\r\n        <div class=\"trust-item\">\r\n          <div class=\"t-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 10.99h7c-.53 4.12-3.28 7.79-7 8.94V12H5V6.3l7-3.11v8.8z\"\/><\/svg><\/div>\r\n          <div class=\"t-text\"><strong>100%<\/strong> Secure<\/div>\r\n        <\/div>\r\n        <div class=\"t-divider\"><\/div>\r\n        <div class=\"trust-item\">\r\n          <div class=\"t-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zM12.5 7H11v6l5.25 3.15.75-1.23-4.5-2.67z\"\/><\/svg><\/div>\r\n          <div class=\"t-text\"><strong>24\/7<\/strong> Support<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- ==========================================\r\n         RIGHT VISUAL: Clean App Mockup Stage\r\n    =============================================== -->\r\n    <div class=\"smb-visual-stage\" aria-hidden=\"true\">\r\n      \r\n      <!-- Floating Social Orbs (Reduced & Spaced out for a clean look) -->\r\n      <div class=\"social-orb orb-fb\"><svg viewBox=\"0 0 24 24\"><path d=\"M14 8.1V6.5c0-.8.5-1 1-1h2V2.2c-.4-.1-1.7-.2-3.1-.2-3.1 0-5.2 1.9-5.2 5.3v.8H5.4v3.7h3.3V22H14V11.8h3.2l.5-3.7H14Z\"\/><\/svg><\/div>\r\n      <div class=\"social-orb orb-ig\"><svg viewBox=\"0 0 24 24\"><path d=\"M7.8 2h8.4A5.8 5.8 0 0 1 22 7.8v8.4A5.8 5.8 0 0 1 16.2 22H7.8A5.8 5.8 0 0 1 2 16.2V7.8A5.8 5.8 0 0 1 7.8 2Zm0 2A3.8 3.8 0 0 0 4 7.8v8.4A3.8 3.8 0 0 0 7.8 20h8.4a3.8 3.8 0 0 0 3.8-3.8V7.8A3.8 3.8 0 0 0 16.2 4H7.8Zm8.9 1.8a1.2 1.2 0 1 1 0 2.4 1.2 1.2 0 0 1 0-2.4ZM12 7.1a4.9 4.9 0 1 1 0 9.8 4.9 4.9 0 0 1 0-9.8Zm0 2a2.9 2.9 0 1 0 0 5.8 2.9 2.9 0 0 0 0-5.8Z\"\/><\/svg><\/div>\r\n      <div class=\"social-orb orb-tk\"><svg viewBox=\"0 0 24 24\"><path d=\"M16.1 2c.4 2.7 1.9 4.3 4.5 4.5v3.1c-1.5.1-2.9-.3-4.4-1.2v6.4c0 8.1-8.8 10.6-12.3 4.8-2.3-3.8-.9-10.4 6.5-10.6v3.3c-.5.1-1 .2-1.5.4-1.5.5-2.4 1.8-2.1 3.4.5 3.1 6.1 4 5.7-2V2h3.6Z\"\/><\/svg><\/div>\r\n      <div class=\"social-orb orb-yt\"><svg viewBox=\"0 0 24 24\"><path d=\"M21.6 7.2s-.2-1.5-.8-2.1c-.8-.8-1.7-.8-2.1-.9C15.8 4 12 4 12 4s-3.8 0-6.7.2c-.4.1-1.3.1-2.1.9-.6.6-.8 2.1-.8 2.1S2.2 9 2.2 10.8v1.7c0 1.8.2 3.6.2 3.6s.2 1.5.8 2.1c.8.8 1.9.8 2.4.9 1.7.2 6.4.2 6.4.2s3.8 0 6.7-.2c.4-.1 1.3-.1 2.1-.9.6-.6.8-2.1.8-2.1s.2-1.8.2-3.6v-1.7c0-1.8-.2-3.6-.2-3.6ZM10.2 14.6V8.9l5.4 2.9-5.4 2.8Z\"\/><\/svg><\/div>\r\n\r\n      <!-- Center: Clean App Dashboard Mockup -->\r\n      <div class=\"smb-app-mockup\">\r\n        <img decoding=\"async\" src=\"https:\/\/smmbangladesh.com\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-Jul-18-2026-05_01_30-PM-e1784373014903.png\" alt=\"SMM Bangladesh App Dashboard\">\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  \/* --- BASE SETUP & CSS VARIABLES --- *\/\r\n  .smb-hero-ultimate, .smb-hero-ultimate * { box-sizing: border-box; }\r\n\r\n  .smb-hero-ultimate {\r\n    --primary: #6f2cff;\r\n    --secondary: #8b5cf6;\r\n    --accent: #f6c85f;\r\n    --navy: #111936;\r\n    --text-color: #56607a;\r\n    \r\n    position: relative;\r\n    width: 100% !important;\r\n    min-height: 90vh;\r\n    display: flex;\r\n    align-items: center;\r\n    overflow: hidden;\r\n    padding: clamp(90px, 8vw, 130px) 0 !important; \r\n    margin: 0 !important;\r\n    background: linear-gradient(135deg, #f3f0ff 0%, #ffffff 50%, #fefcf5 100%);\r\n    font-family: 'Segoe UI', system-ui, sans-serif;\r\n  }\r\n\r\n  \/* --- ANIMATED GLOWING BACKGROUND ORBS --- *\/\r\n  .smb-hero-orb {\r\n    position: absolute; border-radius: 50%; filter: blur(90px); z-index: 0; animation: floatOrb 15s infinite alternate cubic-bezier(0.4, 0, 0.2, 1);\r\n  }\r\n  .orb-primary { width: 50vw; height: 500px; background: rgba(111, 44, 255, 0.15); top: -100px; left: -10vw; }\r\n  .orb-secondary { width: 40vw; height: 450px; background: rgba(139, 92, 246, 0.12); bottom: -50px; right: 0; animation-delay: -5s; }\r\n  .orb-accent { width: 30vw; height: 350px; background: rgba(246, 200, 95, 0.15); top: 10%; right: -50px; animation-delay: -2s; }\r\n  @keyframes floatOrb { 0% { transform: translate(0, 0) scale(1); } 100% { transform: translate(40px, 60px) scale(1.15); } }\r\n\r\n  .smb-hero-container {\r\n    width: 100%;\r\n    max-width: 1300px; \r\n    margin: 0 auto; \r\n    padding: 0 24px;\r\n    display: grid; \r\n    grid-template-columns: 1.1fr 0.9fr; \r\n    gap: 40px; \r\n    align-items: center; \r\n    position: relative; \r\n    z-index: 2;\r\n  }\r\n\r\n  \/* --- LEFT CONTENT STYLING --- *\/\r\n  .smb-hero-content { max-width: 680px; }\r\n  \r\n  .smb-hero-badge {\r\n    display: inline-flex; align-items: center; gap: 10px; padding: 8px 18px; margin-bottom: 25px;\r\n    border: 1px solid rgba(255,255,255,0.85); border-radius: 999px; color: var(--primary);\r\n    background: rgba(255, 255, 255, 0.85); box-shadow: 0 10px 25px rgba(111, 44, 255, 0.08);\r\n    font-size: 14px; font-weight: 800; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); text-transform: uppercase; letter-spacing: 0.5px;\r\n  }\r\n  .live-dot { width: 10px; height: 10px; border-radius: 50%; background: #22c55e; box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.5); animation: pulseGreen 2s infinite; }\r\n  @keyframes pulseGreen { 70% { box-shadow: 0 0 0 8px rgba(34, 197, 94, 0); } 100% { box-shadow: 0 0 0 0 rgba(34, 197, 94, 0); } }\r\n\r\n  .smb-hero-title { \r\n    margin: 0 0 24px; \r\n    color: var(--navy); \r\n    font-size: clamp(36px, 4.5vw, 62px); \r\n    font-weight: 900; \r\n    line-height: 1.15; \r\n    letter-spacing: -1.5px; \r\n  }\r\n  .smb-hero-title strong { \r\n    background: linear-gradient(135deg, var(--primary), #bd35ff); \r\n    -webkit-background-clip: text; \r\n    -webkit-text-fill-color: transparent; \r\n    display: inline;\r\n  }\r\n  \r\n  .smb-hero-text { margin: 0 0 40px; color: var(--text-color); font-size: clamp(15px, 1.2vw, 18px); line-height: 1.7; font-weight: 500; }\r\n  .smb-hero-text b { color: var(--navy); font-weight: 800; }\r\n\r\n  \/* --- Call to Actions (Improved Buttons) --- *\/\r\n  .smb-hero-actions { display: flex; align-items: center; gap: 16px; margin-bottom: 50px; flex-wrap: wrap; position: relative; z-index: 20; }\r\n  \r\n  .smb-btn-primary { \r\n    display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 10px !important; \r\n    height: 54px !important; \/* \ud83d\udca1 Slightly slimmer, more modern height *\/\r\n    padding: 0 32px !important; border-radius: 999px !important; \r\n    background: linear-gradient(135deg, #7432ff, #8b5cf6) !important; \/* \ud83d\udca1 Richer purple gradient *\/\r\n    color: #ffffff !important; font-size: 15px !important; font-weight: 800 !important; text-decoration: none !important; \r\n    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important; \r\n    box-shadow: 0 10px 25px rgba(111, 44, 255, 0.35), inset 0 1px 1px rgba(255,255,255,0.2) !important; \/* \ud83d\udca1 Premium drop shadow & inner glow *\/\r\n    text-transform: uppercase !important; letter-spacing: 0.5px !important;\r\n  }\r\n  .smb-btn-primary span { color: #ffffff !important; display: inline-block; }\r\n  .smb-btn-primary:hover { transform: translateY(-3px) !important; box-shadow: 0 15px 35px rgba(111, 44, 255, 0.45) !important; }\r\n  \r\n  \/* Download Icon Animation *\/\r\n  .smb-btn-primary svg { width: 18px !important; height: 18px !important; stroke: #ffffff !important; transition: 0.3s !important; }\r\n  .smb-btn-primary:hover svg { transform: translateY(3px) !important; }\r\n\r\n  .smb-btn-outline { \r\n    display: inline-flex; align-items: center; justify-content: center; \r\n    height: 54px; \/* \ud83d\udca1 Match primary button height *\/\r\n    padding: 0 32px; \r\n    border-radius: 999px; background: rgba(255,255,255,0.8); border: 1px solid rgba(111,44,255,0.2); \r\n    color: var(--navy); font-size: 15px; font-weight: 800; text-decoration: none; transition: all 0.3s; \r\n    backdrop-filter: blur(10px); box-shadow: 0 8px 20px rgba(0,0,0,0.03); text-transform: uppercase; letter-spacing: 0.5px;\r\n  }\r\n  .smb-btn-outline:hover { background: #fff; border-color: var(--primary); color: var(--primary); transform: translateY(-3px); box-shadow: 0 12px 25px rgba(111, 44, 255, 0.1); }\r\n\r\n\r\n  \/* --- Trust Indicators (Fixed: Sleek & Compact Pill Shape) --- *\/\r\n  .smb-trust-bar { \r\n    display: inline-flex; align-items: center; gap: 20px; \r\n    background: rgba(255,255,255,0.85); \r\n    padding: 10px 24px; \/* \ud83d\udca1 Reduced vertical padding *\/\r\n    border-radius: 100px; \/* \ud83d\udca1 Changed to pill shape to look shorter and premium *\/\r\n    border: 1px solid rgba(255,255,255,0.9); \r\n    backdrop-filter: blur(15px); \r\n    box-shadow: 0 12px 30px rgba(0,0,0,0.04); \r\n    flex-wrap: wrap;\r\n  }\r\n  .trust-item { display: flex; align-items: center; gap: 10px; }\r\n  .t-icon { width: 34px; height: 34px; display: grid; place-items: center; background: rgba(111,44,255,0.06); border-radius: 50%; flex-shrink: 0;}\r\n  .t-icon svg { width: 16px; fill: var(--primary); }\r\n  .t-text { font-size: 12px; color: var(--text-color); line-height: 1.2; white-space: nowrap;}\r\n  .t-text strong { display: block; font-size: 14px; color: var(--navy); font-weight: 800; }\r\n  .t-divider { width: 1px; height: 25px; background: rgba(111,44,255,0.15); } \/* \ud83d\udca1 Shorter divider *\/\r\n\r\n\r\n  \/* --- RIGHT VISUAL: CLEAN APP MOCKUP & 3D STAGE --- *\/\r\n  .smb-visual-stage { position: relative; width: 100%; min-height: 500px; display: flex; align-items: center; justify-content: center; perspective: 1200px; z-index: 10;}\r\n\r\n  \/* App Mockup Image Styling *\/\r\n  .smb-app-mockup {\r\n    position: relative;\r\n    z-index: 10;\r\n    width: 100%;\r\n    max-width: 330px; \r\n    animation: floatAppMockup 7s ease-in-out infinite;\r\n    filter: drop-shadow(0 30px 60px rgba(111, 44, 255, 0.2));\r\n  }\r\n  .smb-app-mockup img {\r\n    width: 100%;\r\n    height: auto;\r\n    display: block;\r\n    border-radius: 38px;\r\n    object-fit: contain;\r\n  }\r\n  @keyframes floatAppMockup { \r\n    0%, 100% { transform: translateY(0) rotateX(2deg) rotateY(-2deg); } \r\n    50% { transform: translateY(-15px) rotateX(-2deg) rotateY(2deg); } \r\n  }\r\n\r\n  \/* 3D Social Orbs (Clean & Balanced Positioning) *\/\r\n  .social-orb { position: absolute; display: grid; place-items: center; background: #fff; border-radius: 50%; box-shadow: 0 15px 35px rgba(0,0,0,0.1); z-index: 1; border: 1px solid rgba(255,255,255,0.9); }\r\n  .orb-fb { width: 65px; height: 65px; top: 15%; right: 10%; animation: floatSlow 7s infinite alternate ease-in-out; }\r\n  .orb-fb svg { fill: #1877f2; width: 32px; }\r\n  \r\n  .orb-ig { width: 70px; height: 70px; bottom: 15%; left: 5%; animation: floatFast 6s infinite alternate ease-in-out; z-index: 11;}\r\n  .orb-ig svg { fill: #E1306C; width: 36px; }\r\n  \r\n  .orb-tk { width: 55px; height: 55px; bottom: 25%; right: 5%; animation: floatSlow 8s infinite alternate ease-in-out; z-index: 11; }\r\n  .orb-tk svg { fill: #000; width: 26px; }\r\n  \r\n  .orb-yt { width: 60px; height: 60px; top: 25%; left: 5%; animation: floatFast 7.5s infinite alternate ease-in-out; }\r\n  .orb-yt svg { fill: #FF0000; width: 30px; }\r\n  \r\n  @keyframes floatSlow { 100% { transform: translateY(-15px) rotate(-2deg); } }\r\n  @keyframes floatFast { 100% { transform: translateY(-20px) rotate(4deg); } }\r\n\r\n  \/* --- MOBILE RESPONSIVE DESIGN --- *\/\r\n  @media (max-width: 1100px) {\r\n    .smb-hero-container { grid-template-columns: 1fr; gap: 50px; padding: 0 20px; }\r\n    .smb-hero-content { max-width: 100%; text-align: center; display: flex; flex-direction: column; align-items: center; }\r\n    .smb-hero-actions { justify-content: center; }\r\n    .smb-trust-bar { justify-content: center; }\r\n    .smb-visual-stage { height: auto; padding: 40px 0; margin-top: 10px;}\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .smb-hero-ultimate { padding: 80px 0 60px !important; } \r\n    .smb-hero-container { padding: 0 16px; }\r\n    .smb-hero-title { font-size: clamp(32px, 8vw, 42px); letter-spacing: -0.5px; }\r\n    .smb-hero-text { font-size: 15px; padding: 0 5px; }\r\n    \r\n    .smb-hero-actions { width: 100%; flex-direction: column; gap: 12px; }\r\n    .smb-btn-primary, .smb-btn-outline { width: 100% !important; }\r\n\r\n    \/* \ud83d\udca1 Fixed Mobile Trust Bar: Now perfectly aligned and compact *\/\r\n    .smb-trust-bar { \r\n      width: 100%; \r\n      padding: 12px 10px; \r\n      gap: 5px; \r\n      border-radius: 16px; \r\n      justify-content: space-around; \/* Spreads items evenly *\/\r\n    }\r\n    .trust-item { \r\n      width: 30%; \/* Forces 3 items perfectly in one row *\/\r\n      flex-direction: column; \r\n      text-align: center; \r\n      gap: 5px; \r\n    }\r\n    .t-icon { width: 30px; height: 30px; }\r\n    .t-icon svg { width: 14px; }\r\n    .t-text { font-size: 11px; white-space: normal; } \/* Allows text to drop nicely *\/\r\n    .t-text strong { font-size: 12px; }\r\n    .t-divider { display: none; }\r\n\r\n    .smb-visual-stage { padding: 30px 0 0 0; }\r\n    \r\n    \/* Center the mockup perfectly on mobile *\/\r\n    .smb-app-mockup { max-width: 280px; margin: 0 auto; }\r\n    \r\n    \/* Keep mobile clean, adjust orbs *\/\r\n    .social-orb { transform: scale(0.75); }\r\n    .orb-fb { top: -10px; right: 5%; }\r\n    .orb-ig { bottom: 5%; left: 0%; z-index: 20; }\r\n    .orb-tk { top: 40%; right: -5%; }\r\n    .orb-yt { top: 20%; left: 0%; }\r\n  }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"wd-negative-gap elementor-element elementor-element-daeb97a e-flex e-con-boxed e-con e-parent\" data-id=\"daeb97a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3e041c2 elementor-widget elementor-widget-html\" data-id=\"3e041c2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* \u09ae\u09c2\u09b2 \u0995\u09a8\u09cd\u099f\u09c7\u0987\u09a8\u09be\u09b0 - \u09aa\u09cd\u09b0\u09bf\u09ae\u09bf\u09df\u09be\u09ae \u09b2\u09c1\u0995 *\/\r\n  .premium-app-section {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1.3fr; \/* \u09ac\u09be\u09ae\u09c7 \u099b\u09ac\u09bf \u09e7 \u09ad\u09be\u0997, \u09a1\u09be\u09a8\u09c7 \u09b2\u09c7\u0996\u09be \u09e7.\u09e9 \u09ad\u09be\u0997 *\/\r\n    align-items: center;\r\n    gap: 60px;\r\n    background: #ffffff;\r\n    border-radius: 30px;\r\n    padding: 60px;\r\n    box-shadow: 0 25px 60px rgba(11, 23, 39, 0.05);\r\n    font-family: 'Inter', sans-serif;\r\n    margin: 50px 0;\r\n    position: relative;\r\n    overflow: hidden;\r\n    border: 1px solid rgba(71, 118, 230, 0.1);\r\n  }\r\n\r\n  \/* \u09ac\u09cd\u09af\u09be\u0995\u0997\u09cd\u09b0\u09be\u0989\u09a8\u09cd\u09a1\u09c7\u09b0 \u09aa\u09cd\u09b0\u09bf\u09ae\u09bf\u09df\u09be\u09ae \u0997\u09cd\u09b2\u09cb \u0987\u09ab\u09c7\u0995\u09cd\u099f *\/\r\n  .premium-app-section::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -150px;\r\n    left: -150px;\r\n    width: 500px;\r\n    height: 500px;\r\n    background: radial-gradient(circle, rgba(71, 118, 230, 0.08) 0%, rgba(255,255,255,0) 70%);\r\n    border-radius: 50%;\r\n    z-index: 0;\r\n  }\r\n  .premium-app-section::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: -150px;\r\n    right: -100px;\r\n    width: 450px;\r\n    height: 450px;\r\n    background: radial-gradient(circle, rgba(142, 84, 233, 0.08) 0%, rgba(255,255,255,0) 70%);\r\n    border-radius: 50%;\r\n    z-index: 0;\r\n  }\r\n\r\n  \/* \u09b2\u09c7\u09ab\u099f \u0995\u09b2\u09be\u09ae (\u0987\u09ae\u09c7\u099c) *\/\r\n  .premium-image-wrapper {\r\n    position: relative;\r\n    z-index: 1;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n  }\r\n\r\n  .img-glow {\r\n    position: absolute;\r\n    width: 80%;\r\n    height: 80%;\r\n    background: linear-gradient(135deg, #4776e6, #8e54e9);\r\n    filter: blur(80px);\r\n    opacity: 0.15;\r\n    border-radius: 50%;\r\n    z-index: -1;\r\n  }\r\n\r\n  .floating-app-img {\r\n    max-width: 100%;\r\n    height: auto;\r\n    filter: drop-shadow(0 30px 40px rgba(0,0,0,0.12));\r\n    animation: floatSmooth 6s ease-in-out infinite;\r\n  }\r\n\r\n  @keyframes floatSmooth {\r\n    0% { transform: translateY(0px); }\r\n    50% { transform: translateY(-20px); }\r\n    100% { transform: translateY(0px); }\r\n  }\r\n\r\n  \/* \u09b0\u09be\u0987\u099f \u0995\u09b2\u09be\u09ae (\u099f\u09c7\u0995\u09cd\u09b8\u099f \u0995\u09a8\u09cd\u099f\u09c7\u09a8\u09cd\u099f) *\/\r\n  .premium-text-wrapper {\r\n    position: relative;\r\n    z-index: 1;\r\n  }\r\n\r\n  .premium-badge {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    background: rgba(71, 118, 230, 0.1);\r\n    color: #4776e6;\r\n    padding: 8px 18px;\r\n    border-radius: 50px;\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    margin-bottom: 20px;\r\n    letter-spacing: 0.5px;\r\n    border: 1px solid rgba(71, 118, 230, 0.2);\r\n  }\r\n\r\n  .premium-title {\r\n    font-size: 38px;\r\n    font-weight: 800;\r\n    color: #0b1727;\r\n    margin-bottom: 18px;\r\n    line-height: 1.25;\r\n  }\r\n\r\n  .premium-title span {\r\n    background: linear-gradient(90deg, #4776e6 0%, #8e54e9 100%);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n  }\r\n\r\n  .premium-description {\r\n    font-size: 16px;\r\n    color: #4b5563;\r\n    margin-bottom: 35px;\r\n    line-height: 1.7;\r\n  }\r\n\r\n  \/* \u09aa\u09cd\u09b0\u09bf\u09ae\u09bf\u09df\u09be\u09ae \u09ab\u09bf\u099a\u09be\u09b0 \u0995\u09be\u09b0\u09cd\u09a1\u09b8 *\/\r\n  .premium-features {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 16px;\r\n    margin-bottom: 40px;\r\n  }\r\n\r\n  .feature-card {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 20px;\r\n    background: #f8fafc;\r\n    padding: 18px 24px;\r\n    border-radius: 16px;\r\n    border: 1px solid #edf2f7;\r\n    transition: all 0.3s ease;\r\n  }\r\n\r\n  .feature-card:hover {\r\n    background: #ffffff;\r\n    border-color: #d3e0fc;\r\n    box-shadow: 0 10px 30px rgba(71, 118, 230, 0.08);\r\n    transform: translateX(8px);\r\n  }\r\n\r\n  .feature-icon-wrapper {\r\n    width: 45px;\r\n    height: 45px;\r\n    background: #ffffff;\r\n    border-radius: 12px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 22px;\r\n    box-shadow: 0 4px 10px rgba(0,0,0,0.05);\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .feature-content h4 {\r\n    margin: 0 0 6px 0;\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n    color: #0b1727;\r\n  }\r\n\r\n  .feature-content p {\r\n    margin: 0;\r\n    font-size: 13px;\r\n    color: #64748b;\r\n    line-height: 1.5;\r\n  }\r\n\r\n  \/* \u09a1\u09be\u0989\u09a8\u09b2\u09cb\u09a1 \u09ac\u09be\u099f\u09a8 *\/\r\n  .download-wrapper {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n    margin-bottom: 40px;\r\n  }\r\n\r\n  .premium-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    background: linear-gradient(135deg, #4776e6 0%, #8e54e9 100%);\r\n    color: #ffffff !important;\r\n    padding: 16px 45px;\r\n    border-radius: 50px;\r\n    text-decoration: none;\r\n    font-size: 17px;\r\n    font-weight: 700;\r\n    box-shadow: 0 12px 35px rgba(71, 118, 230, 0.35);\r\n    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .premium-btn:hover {\r\n    transform: translateY(-5px) scale(1.03);\r\n    box-shadow: 0 20px 45px rgba(71, 118, 230, 0.45);\r\n  }\r\n\r\n  .btn-hint {\r\n    font-size: 13px;\r\n    color: #94a3b8;\r\n    margin-top: 12px;\r\n    margin-left: 20px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n  }\r\n\r\n  \/* \u09ae\u09a1\u09be\u09b0\u09cd\u09a8 \u099f\u09be\u0987\u09ae\u09b2\u09be\u0987\u09a8 (\u0995\u09c0\u09ad\u09be\u09ac\u09c7 \u0987\u09a8\u09cd\u09b8\u099f\u09b2 \u0995\u09b0\u09ac\u09c7\u09a8) *\/\r\n  .installation-guide {\r\n    background: rgba(248, 250, 252, 0.7);\r\n    padding: 30px;\r\n    border-radius: 20px;\r\n    border: 1px dashed #cbd5e1;\r\n  }\r\n\r\n  .guide-title {\r\n    font-size: 18px;\r\n    font-weight: 700;\r\n    color: #0b1727;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .timeline {\r\n    position: relative;\r\n    padding-left: 30px;\r\n  }\r\n\r\n  .timeline::before {\r\n    content: '';\r\n    position: absolute;\r\n    left: 11px;\r\n    top: 5px;\r\n    bottom: 10px;\r\n    width: 2px;\r\n    background: #e2e8f0;\r\n  }\r\n\r\n  .timeline-item {\r\n    position: relative;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .timeline-item:last-child {\r\n    margin-bottom: 0;\r\n  }\r\n\r\n  .timeline-item::before {\r\n    content: '';\r\n    position: absolute;\r\n    left: -27.5px;\r\n    top: 3px;\r\n    width: 16px;\r\n    height: 16px;\r\n    border-radius: 50%;\r\n    background: #ffffff;\r\n    border: 3px solid #4776e6;\r\n    box-shadow: 0 0 0 3px rgba(71, 118, 230, 0.15);\r\n  }\r\n\r\n  .timeline-item h5 {\r\n    margin: 0 0 5px 0;\r\n    font-size: 15px;\r\n    font-weight: 700;\r\n    color: #1e293b;\r\n  }\r\n\r\n  .timeline-item p {\r\n    margin: 0;\r\n    font-size: 13px;\r\n    color: #64748b;\r\n    line-height: 1.6;\r\n  }\r\n\r\n  \/* \u09ae\u09cb\u09ac\u09be\u0987\u09b2 \u09b0\u09c7\u09b8\u09aa\u09a8\u09cd\u09b8\u09bf\u09ad *\/\r\n  @media (max-width: 992px) {\r\n    .premium-app-section {\r\n      grid-template-columns: 1fr;\r\n      padding: 40px 25px;\r\n      gap: 40px;\r\n    }\r\n    \r\n    \/* \u09ae\u09cb\u09ac\u09be\u0987\u09b2\u09c7 \u099b\u09ac\u09bf\u099f\u09be \u09aa\u09cd\u09b0\u09a5\u09ae\u09c7 \u09a6\u09c7\u0996\u09be\u09a8\u09cb\u09b0 \u099c\u09a8\u09cd\u09af order \u09b8\u09c7\u099f \u0995\u09b0\u09be *\/\r\n    .premium-image-wrapper { order: 1; }\r\n    .premium-text-wrapper { order: 2; }\r\n    \r\n    .premium-title { font-size: 30px; }\r\n    .floating-app-img { max-width: 90%; }\r\n    \r\n    .feature-card { padding: 15px; }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"premium-app-section\">\r\n  \r\n  <!-- \u09b2\u09c7\u09ab\u099f \u0995\u09b2\u09be\u09ae (\u099b\u09ac\u09bf) -->\r\n  <div class=\"premium-image-wrapper\">\r\n    <div class=\"img-glow\"><\/div>\r\n    <img decoding=\"async\" src=\"https:\/\/smmbangladesh.com\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-Jul-21-2026-10_28_24-PM.png\" alt=\"SMM Bangladesh App Preview\" class=\"floating-app-img\">\r\n  <\/div>\r\n\r\n  <!-- \u09b0\u09be\u0987\u099f \u0995\u09b2\u09be\u09ae (\u09b2\u09c7\u0996\u09be \u0993 \u09ac\u09be\u099f\u09a8) -->\r\n  <div class=\"premium-text-wrapper\">\r\n    \r\n    <div class=\"premium-badge\">\r\n      <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path><\/svg>\r\n      100% Secured & Verified\r\n    <\/div>\r\n    \r\n    <h2 class=\"premium-title\">SMM Bangladesh <span>\u0985\u09cd\u09af\u09be\u09aa<\/span> \u098f\u0996\u09a8 \u09b9\u09be\u09a4\u09c7\u09b0 \u09ae\u09c1\u09a0\u09cb\u09df!<\/h2>\r\n    <p class=\"premium-description\">\u09ac\u09cd\u09b0\u09be\u0989\u099c\u09be\u09b0\u09c7 \u09ac\u09be\u09b0\u09ac\u09be\u09b0 \u09b2\u0997\u09bf\u09a8 \u0995\u09b0\u09be\u09b0 \u09a6\u09bf\u09a8 \u09b6\u09c7\u09b7\u0964 \u098f\u0996\u09a8 \u0986\u09aa\u09a8\u09be\u09b0 \u09b8\u09cd\u09ae\u09be\u09b0\u09cd\u099f\u09ab\u09cb\u09a8 \u09a5\u09c7\u0995\u09c7\u0987 \u09b8\u09ac\u099a\u09c7\u09df\u09c7 \u09a6\u09cd\u09b0\u09c1\u09a4 \u0993 \u09b8\u09c1\u09b0\u0995\u09cd\u09b7\u09bf\u09a4 \u0989\u09aa\u09be\u09df\u09c7 \u09b8\u09cb\u09b6\u09cd\u09af\u09be\u09b2 \u09ae\u09bf\u09a1\u09bf\u09df\u09be \u09b8\u09be\u09b0\u09cd\u09ad\u09bf\u09b8 \u0985\u09b0\u09cd\u09a1\u09be\u09b0 \u0995\u09b0\u09c1\u09a8 \u09ae\u09be\u09a4\u09cd\u09b0 \u098f\u0995 \u0995\u09cd\u09b2\u09bf\u0995\u09c7\u0964<\/p>\r\n    \r\n    <!-- \u09ab\u09bf\u099a\u09be\u09b0 \u0995\u09be\u09b0\u09cd\u09a1\u09b8 -->\r\n    <div class=\"premium-features\">\r\n      <div class=\"feature-card\">\r\n        <div class=\"feature-icon-wrapper\">\u26a1<\/div>\r\n        <div class=\"feature-content\">\r\n          <h4>\u0986\u09b2\u09cd\u099f\u09cd\u09b0\u09be \u09ab\u09be\u09b8\u09cd\u099f \u09aa\u09be\u09b0\u09ab\u09b0\u09ae\u09cd\u09af\u09be\u09a8\u09cd\u09b8<\/h4>\r\n          <p>\u09ac\u09cd\u09b0\u09be\u0989\u099c\u09be\u09b0\u09c7\u09b0 \u099a\u09c7\u09df\u09c7 \u09ac\u09b9\u09c1\u0997\u09c1\u09a3 \u09ab\u09be\u09b8\u09cd\u099f \u09b2\u09cb\u09a1\u09bf\u0982\u0964 \u0995\u09cb\u09a8\u09cb \u09b2\u09cd\u09af\u09be\u0997 \u099b\u09be\u09dc\u09be\u0987 \u09b8\u09be\u09b0\u09cd\u09ad\u09bf\u09b8 \u09ac\u09cd\u09b0\u09be\u0989\u099c \u0993 \u0985\u09b0\u09cd\u09a1\u09be\u09b0 \u0995\u09b0\u09c1\u09a8 \u098f\u0995 \u09a8\u09bf\u09ae\u09bf\u09b7\u09c7\u0964<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <div class=\"feature-card\">\r\n        <div class=\"feature-icon-wrapper\">\ud83d\udd14<\/div>\r\n        <div class=\"feature-content\">\r\n          <h4>\u09b0\u09bf\u09df\u09c7\u09b2-\u099f\u09be\u0987\u09ae \u09a8\u09cb\u099f\u09bf\u09ab\u09bf\u0995\u09c7\u09b6\u09a8<\/h4>\r\n          <p>\u09ab\u09be\u09a8\u09cd\u09a1 \u0985\u09cd\u09af\u09be\u09a1, \u0985\u09b0\u09cd\u09a1\u09be\u09b0 \u0995\u09ae\u09aa\u09cd\u09b2\u09bf\u099f \u098f\u09ac\u0982 \u09af\u09c7\u0995\u09cb\u09a8\u09cb \u09b8\u09cd\u09aa\u09c7\u09b6\u09be\u09b2 \u09a1\u09bf\u09b8\u0995\u09be\u0989\u09a8\u09cd\u099f\u09c7\u09b0 \u0986\u09aa\u09a1\u09c7\u099f \u099c\u09be\u09a8\u09c1\u09a8 \u09b8\u09ac\u09be\u09b0 \u0986\u0997\u09c7\u0964<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- \u09a1\u09be\u0989\u09a8\u09b2\u09cb\u09a1 \u09ac\u09be\u099f\u09a8 -->\r\n    <div class=\"download-wrapper\">\r\n      <a href=\"https:\/\/smmbangladesh.com\/wp-content\/uploads\/2026\/08\/SMM-Bangladesh-APP.apk\" class=\"premium-btn\" download>\r\n        <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path><polyline points=\"7 10 12 15 17 10\"><\/polyline><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"><\/line><\/svg>\r\n        Download APK Now\r\n      <\/a>\r\n      <div class=\"btn-hint\">\r\n        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#28a745\" stroke-width=\"3\" stroke-linecap=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\r\n        \u0985\u09ab\u09bf\u09b8\u09bf\u09df\u09be\u09b2 \u0985\u09cd\u09af\u09be\u09aa \u2022 \u09b8\u09be\u0987\u099c: \u09eb \u098f\u09ae\u09cd\u09ac\u09bf\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- \u09ae\u09a1\u09be\u09b0\u09cd\u09a8 \u099f\u09be\u0987\u09ae\u09b2\u09be\u0987\u09a8 (\u0987\u09a8\u09cd\u09b8\u099f\u09b2\u09c7\u09b6\u09a8 \u0997\u09be\u0987\u09a1) -->\r\n    <div class=\"installation-guide\">\r\n      <h3 class=\"guide-title\">\u0995\u09c0\u09ad\u09be\u09ac\u09c7 \u0987\u09a8\u09cd\u09b8\u099f\u09b2 \u0995\u09b0\u09ac\u09c7\u09a8?<\/h3>\r\n      <div class=\"timeline\">\r\n        <div class=\"timeline-item\">\r\n          <h5>\u09e7. \u09ab\u09be\u0987\u09b2\u099f\u09bf \u09b8\u09c7\u09ad \u0995\u09b0\u09c1\u09a8<\/h5>\r\n          <p>\u0989\u09aa\u09b0\u09c7\u09b0 \u09ac\u09be\u099f\u09a8\u09c7 \u0995\u09cd\u09b2\u09bf\u0995 \u0995\u09b0\u09c7 <strong>SMM-Bangladesh-APP.apk<\/strong> \u09ab\u09be\u0987\u09b2\u099f\u09bf \u09a1\u09be\u0989\u09a8\u09b2\u09cb\u09a1 \u0995\u09b0\u09c1\u09a8\u0964<\/p>\r\n        <\/div>\r\n        <div class=\"timeline-item\">\r\n          <h5>\u09e8. \u09aa\u09be\u09b0\u09ae\u09bf\u09b6\u09a8 \u0985\u09a8 \u0995\u09b0\u09c1\u09a8 (\u099c\u09b0\u09c1\u09b0\u09bf)<\/h5>\r\n          <p>\u09ab\u09be\u0987\u09b2\u099f\u09bf \u0993\u09aa\u09c7\u09a8 \u0995\u09b0\u09c7 Install-\u098f \u0995\u09cd\u09b2\u09bf\u0995 \u0995\u09b0\u09c1\u09a8\u0964 \u09aa\u09cd\u09b2\u09c7-\u09b8\u09cd\u099f\u09cb\u09b0\u09c7\u09b0 \u09ac\u09be\u0987\u09b0\u09c7\u09b0 \u0985\u09cd\u09af\u09be\u09aa \u09b9\u0993\u09df\u09be\u09df <strong>\"Install unknown apps\"<\/strong> \u09aa\u09be\u09b0\u09ae\u09bf\u09b6\u09a8 \u099a\u09be\u0987\u09b2\u09c7 \u09b8\u09c7\u099f\u09bf \u09b8\u09c7\u099f\u09bf\u0982\u09b8\u09c7 \u0997\u09bf\u09df\u09c7 Allow \u0995\u09b0\u09c7 \u09a6\u09bf\u09a8\u0964 \u098f\u099f\u09bf \u09b8\u09ae\u09cd\u09aa\u09c2\u09b0\u09cd\u09a3 \u09a8\u09bf\u09b0\u09be\u09aa\u09a6\u0964<\/p>\r\n        <\/div>\r\n        <div class=\"timeline-item\">\r\n          <h5>\u09e9. \u09b2\u0997\u09bf\u09a8 \u0993 \u0985\u09b0\u09cd\u09a1\u09be\u09b0<\/h5>\r\n          <p>\u0987\u09a8\u09cd\u09b8\u099f\u09b2 \u09b6\u09c7\u09b7\u09c7 \u0985\u09cd\u09af\u09be\u09aa\u099f\u09bf \u0993\u09aa\u09c7\u09a8 \u0995\u09b0\u09c7 \u0986\u09aa\u09a8\u09be\u09b0 \u098f\u0995\u09be\u0989\u09a8\u09cd\u099f\u09c7 \u09b2\u0997\u09bf\u09a8 \u0995\u09b0\u09c1\u09a8 \u098f\u09ac\u0982 \u09b8\u09cd\u09ae\u09be\u09b0\u09cd\u099f \u09aa\u09cd\u09af\u09be\u09a8\u09c7\u09b2 \u0989\u09aa\u09ad\u09cb\u0997 \u0995\u09b0\u09c1\u09a8\u0964<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"wd-negative-gap elementor-element elementor-element-532f36d e-flex e-con-boxed e-con e-parent\" data-id=\"532f36d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-61e1f8f elementor-widget elementor-widget-html\" data-id=\"61e1f8f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- SMM Bangladesh - Premium First Deposit Bonus Section -->\r\n<section class=\"smb-bonus-section\" aria-labelledby=\"smb-bonus-title\">\r\n  \r\n  <!-- Ambient Animated Glows -->\r\n  <div class=\"smb-bonus-glow b-glow-1\"><\/div>\r\n  <div class=\"smb-bonus-glow b-glow-2\"><\/div>\r\n  <div class=\"smb-bonus-glow b-glow-3\"><\/div>\r\n\r\n  <div class=\"smb-bonus-container\">\r\n    <div class=\"smb-bonus-master-glass\">\r\n      \r\n      <!-- Section Header -->\r\n      <div class=\"smb-bonus-header\">\r\n        <div class=\"smb-bonus-badge\">\r\n          <span class=\"sparkle-icon\">\u2728<\/span> Limited Time Offer\r\n        <\/div>\r\n        <h2 id=\"smb-bonus-title\">\r\n          Get Up To <span>\u09f3300 Bonus<\/span><br>On Your First Deposit!\r\n        <\/h2>\r\n        <p>SMM Bangladesh-\u098f \u09a8\u09a4\u09c1\u09a8 \u0985\u09cd\u09af\u09be\u0995\u09be\u0989\u09a8\u09cd\u099f \u0996\u09c1\u09b2\u09c7 \u09aa\u09cd\u09b0\u09a5\u09ae\u09ac\u09be\u09b0 \u09ab\u09be\u09a8\u09cd\u09a1 \u0985\u09cd\u09af\u09be\u09a1 \u0995\u09b0\u09b2\u09c7\u0987 \u09aa\u09be\u099a\u09cd\u099b\u09c7\u09a8 \u09a8\u09bf\u09b6\u09cd\u099a\u09bf\u09a4 \u098f\u0995\u09cd\u09b8\u099f\u09cd\u09b0\u09be \u0995\u09cd\u09af\u09be\u09b6 \u09ac\u09cb\u09a8\u09be\u09b8\u0964 \u0986\u09aa\u09a8\u09be\u09b0 \u09ac\u09be\u099c\u09c7\u099f \u0985\u09a8\u09c1\u09af\u09be\u09df\u09c0 \u09ab\u09be\u09a8\u09cd\u09a1 \u0985\u09cd\u09af\u09be\u09a1 \u0995\u09b0\u09c1\u09a8 \u0986\u09b0 \u0997\u09cd\u09b0\u09cb\u09a5 \u09b6\u09c1\u09b0\u09c1 \u0995\u09b0\u09c1\u09a8 \u0986\u099c\u0987!<\/p>\r\n      <\/div>\r\n\r\n      <!-- Bonus Tiers Grid -->\r\n      <div class=\"smb-bonus-grid\">\r\n        \r\n        <!-- Tier 1: 500 TK -->\r\n        <div class=\"smb-bonus-card regular-card\">\r\n          <div class=\"card-icon\">\ud83c\udf81<\/div>\r\n          <div class=\"deposit-amt\">\r\n            <span>Deposit Amount<\/span>\r\n            <h3>\u09f3500+<\/h3>\r\n          <\/div>\r\n          <div class=\"divider\"><\/div>\r\n          <div class=\"bonus-amt\">\r\n            <span>You Get Bonus<\/span>\r\n            <h4>+\u09f350 Cash<\/h4>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Tier 2: 1000 TK (Highlighted) -->\r\n        <div class=\"smb-bonus-card highlight-card\">\r\n          <div class=\"popular-tag\">\ud83d\udd25 Most Popular<\/div>\r\n          <div class=\"card-icon highlight-icon\">\ud83d\ude80<\/div>\r\n          <div class=\"deposit-amt\">\r\n            <span>Deposit Amount<\/span>\r\n            <h3>\u09f31,000+<\/h3>\r\n          <\/div>\r\n          <div class=\"divider\"><\/div>\r\n          <div class=\"bonus-amt\">\r\n            <span>You Get Bonus<\/span>\r\n            <h4>+\u09f3100 Cash<\/h4>\r\n          <\/div>\r\n          <div class=\"card-glow\"><\/div>\r\n        <\/div>\r\n\r\n        <!-- Tier 3: 2000 TK -->\r\n        <div class=\"smb-bonus-card premium-card\">\r\n          <div class=\"card-icon gold-icon\">\ud83d\udc51<\/div>\r\n          <div class=\"deposit-amt\">\r\n            <span>Deposit Amount<\/span>\r\n            <h3>\u09f32,000+<\/h3>\r\n          <\/div>\r\n          <div class=\"divider\"><\/div>\r\n          <div class=\"bonus-amt\">\r\n            <span>You Get Bonus<\/span>\r\n            <h4 class=\"gold-text\">+\u09f3300 Cash<\/h4>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <!-- Action Area -->\r\n      <div class=\"smb-bonus-action\">\r\n        <a href=\"https:\/\/app.smmbangladesh.com\/\" class=\"smb-btn-claim\">\r\n          Add Funds & Claim Bonus <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n        <\/a>\r\n        <span class=\"smb-bonus-note\">* This offer is automatically applied to your very first deposit only.<\/span>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  \/* --- BASE SETUP & VARIABLES --- *\/\r\n  .smb-bonus-section, .smb-bonus-section * { box-sizing: border-box; }\r\n\r\n  .smb-bonus-section {\r\n    --bn-primary: #6f2cff;\r\n    --bn-secondary: #8b5cf6;\r\n    --bn-accent: #f6c85f;\r\n    --bn-navy: #111936;\r\n    --bn-text: #56607a;\r\n    --bn-success: #10b981;\r\n    \r\n    --glass-bg: rgba(255, 255, 255, 0.65);\r\n    --glass-border: rgba(255, 255, 255, 0.9);\r\n    --glass-shadow: 0 35px 70px rgba(17, 25, 54, 0.08);\r\n\r\n    position: relative;\r\n    width: 100%;\r\n    padding: clamp(60px, 8vw, 100px) 16px;\r\n    background: linear-gradient(135deg, #f4f7ff 0%, #ffffff 50%, #fefcf5 100%);\r\n    font-family: 'Segoe UI', system-ui, sans-serif;\r\n    overflow: hidden;\r\n  }\r\n\r\n  \/* --- AMBIENT GLOW EFFECTS --- *\/\r\n  .smb-bonus-glow {\r\n    position: absolute; border-radius: 50%; filter: blur(80px); z-index: 0; opacity: 0.6; pointer-events: none; animation: bFloat 12s infinite alternate ease-in-out;\r\n  }\r\n  .b-glow-1 { width: 450px; height: 450px; top: -50px; left: -100px; background: rgba(111, 44, 255, 0.15); }\r\n  .b-glow-2 { width: 400px; height: 400px; bottom: -50px; right: -50px; background: rgba(246, 200, 95, 0.15); animation-delay: -3s; }\r\n  .b-glow-3 { width: 300px; height: 300px; top: 30%; left: 40%; background: rgba(139, 92, 246, 0.1); animation-delay: -6s; }\r\n  @keyframes bFloat { 100% { transform: translateY(40px) scale(1.1); } }\r\n\r\n  .smb-bonus-container { width: min(100%, 1240px); margin: 0 auto; position: relative; z-index: 2; }\r\n\r\n  \/* --- MASTER GLASS CONTAINER --- *\/\r\n  .smb-bonus-master-glass {\r\n    background: var(--glass-bg);\r\n    backdrop-filter: blur(30px);\r\n    -webkit-backdrop-filter: blur(30px);\r\n    border: 1px solid var(--glass-border);\r\n    box-shadow: var(--glass-shadow);\r\n    border-radius: 40px;\r\n    padding: clamp(40px, 6vw, 60px);\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n  \/* Subtle inner gradient line for premium feel *\/\r\n  .smb-bonus-master-glass::before {\r\n    content: ''; position: absolute; inset: 0; border: 2px solid transparent; background: linear-gradient(135deg, rgba(255,255,255,0.8), rgba(255,255,255,0.1)) border-box; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; border-radius: 40px;\r\n  }\r\n\r\n  \/* --- HEADER --- *\/\r\n  .smb-bonus-header { text-align: center; max-width: 750px; margin: 0 auto 50px; position: relative; z-index: 2;}\r\n  \r\n  .smb-bonus-badge {\r\n    display: inline-flex; align-items: center; gap: 8px; padding: 8px 16px; border-radius: 999px;\r\n    color: #d97706; background: rgba(246, 200, 95, 0.15); border: 1px solid rgba(246, 200, 95, 0.3);\r\n    font-size: 14px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 20px;\r\n  }\r\n  .sparkle-icon { animation: sparkleSpin 3s infinite linear; display: inline-block;}\r\n  @keyframes sparkleSpin { 0% { transform: rotate(0deg) scale(1); } 50% { transform: rotate(180deg) scale(1.2); } 100% { transform: rotate(360deg) scale(1); } }\r\n\r\n  .smb-bonus-header h2 { margin: 0 0 15px; color: var(--bn-navy); font-size: clamp(34px, 5vw, 54px); font-weight: 900; line-height: 1.15; letter-spacing: -1px; }\r\n  .smb-bonus-header h2 span { background: linear-gradient(135deg, var(--bn-primary), var(--bn-secondary)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }\r\n  .smb-bonus-header p { margin: 0; color: var(--bn-text); font-size: clamp(15px, 1.2vw, 17px); line-height: 1.7; font-weight: 500; }\r\n\r\n\r\n  \/* --- BONUS CARDS GRID --- *\/\r\n  .smb-bonus-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 25px;\r\n    margin-bottom: 50px;\r\n    position: relative;\r\n    z-index: 2;\r\n    align-items: center; \/* Aligns middle card properly if it scales *\/\r\n  }\r\n\r\n  .smb-bonus-card {\r\n    background: rgba(255, 255, 255, 0.7);\r\n    border: 1px solid rgba(255, 255, 255, 0.9);\r\n    border-radius: 28px;\r\n    padding: 35px 25px;\r\n    text-align: center;\r\n    box-shadow: 0 15px 35px rgba(17, 25, 54, 0.04);\r\n    backdrop-filter: blur(10px);\r\n    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\r\n    position: relative;\r\n  }\r\n  .smb-bonus-card:hover { transform: translateY(-10px); border-color: rgba(111, 44, 255, 0.3); box-shadow: 0 25px 50px rgba(111, 44, 255, 0.1); background: #fff;}\r\n\r\n  \/* Highlight (Middle) Card *\/\r\n  .highlight-card {\r\n    background: linear-gradient(135deg, rgba(255,255,255,0.9), rgba(255,255,255,1));\r\n    border: 2px solid var(--bn-primary);\r\n    transform: scale(1.05);\r\n    box-shadow: 0 25px 50px rgba(111, 44, 255, 0.12);\r\n    padding: 45px 25px;\r\n    overflow: hidden;\r\n  }\r\n  .highlight-card:hover { transform: scale(1.05) translateY(-10px); box-shadow: 0 30px 60px rgba(111, 44, 255, 0.2); }\r\n  \r\n  .popular-tag {\r\n    position: absolute; top: 0; left: 50%; transform: translateX(-50%);\r\n    background: linear-gradient(135deg, #f59e0b, #ea580c); color: #fff;\r\n    font-size: 12px; font-weight: 800; padding: 6px 16px; border-radius: 0 0 12px 12px;\r\n    text-transform: uppercase; letter-spacing: 1px; box-shadow: 0 5px 15px rgba(245, 158, 11, 0.3);\r\n  }\r\n  .card-glow {\r\n    position: absolute; width: 150px; height: 150px; background: rgba(111, 44, 255, 0.15);\r\n    filter: blur(40px); top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 0; pointer-events: none;\r\n  }\r\n\r\n  \/* Card Contents *\/\r\n  .card-icon {\r\n    font-size: 40px; margin-bottom: 20px; position: relative; z-index: 1;\r\n    display: inline-block; filter: drop-shadow(0 10px 10px rgba(0,0,0,0.1));\r\n  }\r\n  .highlight-icon { font-size: 48px; }\r\n  .gold-icon { font-size: 44px; }\r\n\r\n  .deposit-amt, .bonus-amt { position: relative; z-index: 1; }\r\n  \r\n  .smb-bonus-card span { display: block; font-size: 13px; color: var(--bn-text); font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 5px; }\r\n  \r\n  .deposit-amt h3 { margin: 0; font-size: 32px; color: var(--bn-navy); font-weight: 900; letter-spacing: -1px; }\r\n  \r\n  .divider { width: 40px; height: 3px; background: rgba(111, 44, 255, 0.15); margin: 20px auto; border-radius: 2px; }\r\n  .highlight-card .divider { background: var(--bn-primary); }\r\n  \r\n  .bonus-amt h4 { margin: 0; font-size: 24px; color: var(--bn-success); font-weight: 900; }\r\n  .bonus-amt .gold-text { background: linear-gradient(135deg, #d97706, #f59e0b); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 26px;}\r\n  .highlight-card .bonus-amt h4 { font-size: 28px; }\r\n\r\n\r\n  \/* --- ACTION AREA --- *\/\r\n  .smb-bonus-action { text-align: center; position: relative; z-index: 2;}\r\n  \r\n  .smb-btn-claim {\r\n    display: inline-flex; align-items: center; justify-content: center; gap: 10px; height: 60px; padding: 0 40px; \r\n    border-radius: 999px; background: linear-gradient(135deg, var(--bn-primary), var(--bn-secondary)); color: #fff; \r\n    font-size: 17px; font-weight: 800; text-decoration: none; transition: 0.3s cubic-bezier(0.16, 1, 0.3, 1); \r\n    box-shadow: 0 15px 35px rgba(111, 44, 255, 0.35); text-transform: uppercase; letter-spacing: 0.5px;\r\n  }\r\n  .smb-btn-claim:hover { transform: translateY(-4px); box-shadow: 0 20px 45px rgba(111, 44, 255, 0.45); color: #fff; }\r\n  .smb-btn-claim svg { width: 20px; fill: none; stroke: currentColor; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; transition: 0.3s; }\r\n  .smb-btn-claim:hover svg { transform: translateX(5px); }\r\n\r\n  .smb-bonus-note { display: block; margin-top: 15px; font-size: 13px; color: var(--bn-text); font-weight: 600; opacity: 0.8;}\r\n\r\n  \/* --- RESPONSIVE DESIGN --- *\/\r\n  @media (max-width: 1024px) {\r\n    .smb-bonus-grid { gap: 20px; }\r\n    .smb-bonus-card { padding: 30px 20px; }\r\n    .highlight-card { padding: 35px 20px; transform: scale(1); }\r\n    .highlight-card:hover { transform: translateY(-10px); }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .smb-bonus-section { padding: 80px 16px; }\r\n    .smb-bonus-master-glass { padding: 40px 20px; border-radius: 32px; }\r\n    \r\n    .smb-bonus-header { margin-bottom: 40px; }\r\n    .smb-bonus-header h2 { font-size: 32px; }\r\n    \r\n    .smb-bonus-grid { grid-template-columns: 1fr; gap: 20px; margin-bottom: 40px;}\r\n    \r\n    .highlight-card { order: -1; transform: scale(1); border-width: 1px;}\r\n    .popular-tag { font-size: 11px; padding: 4px 12px; }\r\n\r\n    .smb-btn-claim { width: 100%; height: 56px; font-size: 15px; padding: 0 20px;}\r\n  }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"wd-negative-gap elementor-element elementor-element-41eb93d e-flex e-con-boxed e-con e-parent\" data-id=\"41eb93d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-317786b elementor-widget elementor-widget-html\" data-id=\"317786b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"smb-mega-teaser\">\r\n    \r\n    <div class=\"mt-orb orb-primary\"><\/div>\r\n    <div class=\"mt-orb orb-secondary\"><\/div>\r\n    <div class=\"mt-orb orb-gold\"><\/div>\r\n\r\n    <div class=\"mt-container\">\r\n        \r\n        <div class=\"mt-content\">\r\n            <div class=\"mt-badge\">\r\n                <span class=\"mt-dot\"><\/span>\r\n                \ud83c\udf81 \u098f\u0995\u09cd\u09b8\u0995\u09cd\u09b2\u09c1\u09b8\u09bf\u09ad \u09ae\u09c7\u09ae\u09cd\u09ac\u09be\u09b0\u09b6\u09bf\u09aa \u0985\u09ab\u09be\u09b0\r\n            <\/div>\r\n            \r\n            <h2 class=\"mt-title\">\r\n                \u099c\u09bf\u09a4\u09c7 \u09a8\u09bf\u09a8 \u0986\u09a8\u09b2\u09bf\u09ae\u09bf\u099f\u09c7\u09a1 <br><span>\u09ab\u09cd\u09b0\u09bf SMM \u09ac\u09cd\u09af\u09be\u09b2\u09c7\u09a8\u09cd\u09b8!<\/span>\r\n            <\/h2>\r\n            \r\n            <div class=\"mt-condition-box\">\r\n                <div class=\"c-icon\">\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2L1 21h22L12 2zm0 3.8l7.5 13.2H4.5L12 5.8zM11 10h2v5h-2v-5zm0 6h2v2h-2v-2z\"\/><\/svg>\r\n                <\/div>\r\n                <div class=\"c-text\">\r\n                    <strong>\u09b6\u09b0\u09cd\u09a4 \u09aa\u09cd\u09b0\u09af\u09cb\u099c\u09cd\u09af:<\/strong> \u098f\u0987 \u0985\u09ab\u09be\u09b0\u099f\u09bf \u09b6\u09c1\u09a7\u09c1\u09ae\u09be\u09a4\u09cd\u09b0 \u0986\u09ae\u09be\u09a6\u09c7\u09b0 \u098f\u0995\u099f\u09bf\u09ad \u0995\u09be\u09b8\u09cd\u099f\u09ae\u09be\u09b0\u09a6\u09c7\u09b0 \u099c\u09a8\u09cd\u09af\u0964 \u0985\u09ab\u09be\u09b0\u09c7 \u0985\u0982\u09b6 \u09a8\u09bf\u09a4\u09c7 \u0986\u09aa\u09a8\u09be\u0995\u09c7 \u0985\u09ac\u09b6\u09cd\u09af\u0987 \u09b8\u09be\u0987\u099f \u09a5\u09c7\u0995\u09c7 <span>\u09b8\u09b0\u09cd\u09ac\u09ae\u09cb\u099f \u09e9\u09e6\u09e6 \u099f\u09be\u0995\u09be\u09b0 \u09b8\u09be\u09b0\u09cd\u09ad\u09bf\u09b8<\/span> \u09a8\u09bf\u09a4\u09c7 \u09b9\u09ac\u09c7\u0964\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <p class=\"mt-desc\">\r\n                \u09e9\u09e6\u09e6 \u099f\u09be\u0995\u09be\u09b0 \u09ae\u09be\u0987\u09b2\u09b8\u09cd\u099f\u09cb\u09a8 \u0995\u09ae\u09aa\u09cd\u09b2\u09bf\u099f \u0995\u09b0\u09c7 \u0986\u09a8\u09b2\u0995 \u0995\u09b0\u09c1\u09a8 \u09b8\u09cd\u09aa\u09c7\u09b6\u09be\u09b2 \u09b0\u09bf\u0993\u09af\u09bc\u09be\u09b0\u09cd\u09a1 \u099f\u09be\u09b8\u09cd\u0995\u0964 \u099b\u09cb\u099f \u099b\u09cb\u099f \u09b0\u09bf\u09ad\u09bf\u0989 \u09a6\u09bf\u09a8, \u0986\u09ae\u09be\u09a6\u09c7\u09b0 \u09b2\u09bf\u0982\u0995 \u09b6\u09c7\u09af\u09bc\u09be\u09b0 \u0995\u09b0\u09c1\u09a8 \u0986\u09b0 \u09b8\u09b0\u09be\u09b8\u09b0\u09bf \u0986\u09aa\u09a8\u09be\u09b0 \u0993\u09af\u09bc\u09be\u09b2\u09c7\u099f\u09c7 \u09ab\u09cd\u09b0\u09bf \u09ab\u09be\u09a8\u09cd\u09a1 \u09ac\u09c1\u099d\u09c7 \u09a8\u09bf\u09a8!\r\n            <\/p>\r\n\r\n            <div class=\"mt-perks\">\r\n                <div class=\"mt-perk\">\r\n                    <div class=\"p-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div>\r\n                    \u09b8\u09b9\u099c \u099f\u09be\u09b8\u09cd\u0995\r\n                <\/div>\r\n                <div class=\"mt-perk\">\r\n                    <div class=\"p-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div>\r\n                    \u0986\u09b8\u09b2 \u09ab\u09be\u09a8\u09cd\u09a1\r\n                <\/div>\r\n                <div class=\"mt-perk\">\r\n                    <div class=\"p-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div>\r\n                    \u0987\u09a8\u09b8\u09cd\u099f\u09cd\u09af\u09be\u09a8\u09cd\u099f \u098f\u09a1\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <a href=\"https:\/\/smmbangladesh.com\/loyalty-rewards\/\" class=\"mt-btn\">\r\n                \u09b0\u09bf\u0993\u09af\u09bc\u09be\u09b0\u09cd\u09a1 \u09b9\u09be\u09ac \u09a6\u09c7\u0996\u09c1\u09a8\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\r\n            <\/a>\r\n        <\/div>\r\n\r\n        <div class=\"mt-visual\">\r\n            <div class=\"mt-illustration\">\r\n                <div class=\"mt-coin coin-lg\">\u09f3<\/div>\r\n                <div class=\"mt-coin coin-md\">\u09f3<\/div>\r\n                <div class=\"mt-coin coin-sm\">\u09f3<\/div>\r\n                \r\n                <div class=\"mt-icon float-fb\"><svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.469h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.469h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z\"\/><\/svg><\/div>\r\n                <div class=\"mt-icon float-wa\"><svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.405-.881-.733-1.476-1.639-1.649-1.937-.173-.298-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51a12.8 12.8 0 0 0-.57-.01c-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 0 1-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 0 1-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 0 1 2.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884z\"\/><\/svg><\/div>\r\n                \r\n                <div class=\"mt-treasure\">\r\n                    <svg viewBox=\"0 0 200 200\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <path d=\"M20 90H180V160C180 171.046 171.046 180 160 180H40C28.9543 180 20 171.046 20 160V90Z\" fill=\"url(#chest-base)\"\/>\r\n                        <path d=\"M20 90H180V105H20V90Z\" fill=\"#4c1d95\"\/>\r\n                        <path d=\"M90 90H110V180H90V90Z\" fill=\"#f59e0b\"\/>\r\n                        <circle cx=\"100\" cy=\"115\" r=\"10\" fill=\"#fff\"\/>\r\n                        <circle cx=\"100\" cy=\"115\" r=\"5\" fill=\"#f59e0b\"\/>\r\n                        <path d=\"M20 90C20 51.3401 51.3401 20 90 20H110C148.66 20 180 51.3401 180 90H20Z\" fill=\"url(#chest-lid)\"\/>\r\n                        <path d=\"M20 80C20 46.8629 46.8629 20 80 20H120C153.137 20 180 46.8629 180 80H20Z\" fill=\"#7c3aed\"\/>\r\n                        <path d=\"M90 20H110V90H90V20Z\" fill=\"#f59e0b\"\/>\r\n                        \r\n                        <defs>\r\n                            <linearGradient id=\"chest-base\" x1=\"100\" y1=\"90\" x2=\"100\" y2=\"180\" gradientUnits=\"userSpaceOnUse\">\r\n                                <stop stop-color=\"#6d28d9\"\/>\r\n                                <stop offset=\"1\" stop-color=\"#4c1d95\"\/>\r\n                            <\/linearGradient>\r\n                            <linearGradient id=\"chest-lid\" x1=\"100\" y1=\"20\" x2=\"100\" y2=\"90\" gradientUnits=\"userSpaceOnUse\">\r\n                                <stop stop-color=\"#8b5cf6\"\/>\r\n                                <stop offset=\"1\" stop-color=\"#6d28d9\"\/>\r\n                            <\/linearGradient>\r\n                        <\/defs>\r\n                    <\/svg>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n    \/* =========================================================================\r\n       ULTIMATE TEASER CSS (Light & Premium Glassmorphism)\r\n       ========================================================================= *\/\r\n    \r\n    .smb-mega-teaser, .smb-mega-teaser * { box-sizing: border-box; }\r\n    \r\n    .smb-mega-teaser {\r\n        width: 100%; max-width: 1200px; margin: 60px auto; position: relative;\r\n        background: linear-gradient(135deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.5) 100%);\r\n        backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);\r\n        border-radius: 36px; padding: 60px; overflow: hidden;\r\n        font-family: 'Anek Bangla', 'Segoe UI', sans-serif;\r\n        box-shadow: 0 30px 60px rgba(15, 23, 42, 0.05), inset 0 2px 15px rgba(255, 255, 255, 1);\r\n        border: 1px solid rgba(255, 255, 255, 0.9);\r\n    }\r\n\r\n    \/* --- Animated Glowing Soft Orbs --- *\/\r\n    .mt-orb { position: absolute; border-radius: 50%; filter: blur(80px); z-index: -1; pointer-events: none; opacity: 0.6;}\r\n    .orb-primary { width: 450px; height: 450px; background: rgba(111, 44, 255, 0.15); top: -150px; left: -150px; animation: mtPulse 10s infinite alternate ease-in-out;}\r\n    .orb-secondary { width: 350px; height: 350px; background: rgba(0, 210, 255, 0.15); bottom: -100px; right: 20%; animation: mtPulse 12s infinite alternate-reverse ease-in-out;}\r\n    .orb-gold { width: 400px; height: 400px; background: rgba(245, 158, 11, 0.15); top: 10%; right: -150px; animation: mtPulse 15s infinite alternate ease-in-out;}\r\n    @keyframes mtPulse { 100% { transform: scale(1.1) translate(40px, 40px); } }\r\n\r\n    .mt-container {\r\n        display: flex; align-items: center; justify-content: space-between; gap: 60px;\r\n        position: relative; z-index: 2;\r\n    }\r\n\r\n    \/* --- Content Section --- *\/\r\n    .mt-content { flex: 1.2; max-width: 650px; }\r\n    \r\n    .mt-badge {\r\n        display: inline-flex; align-items: center; gap: 8px; padding: 8px 18px; \r\n        background: linear-gradient(135deg, rgba(245, 158, 11, 0.15), rgba(245, 158, 11, 0.05)); \r\n        color: #d97706; border-radius: 100px; \r\n        font-size: 14px; font-weight: 800; margin-bottom: 25px; \r\n        border: 1px solid rgba(245, 158, 11, 0.2); box-shadow: 0 5px 15px rgba(245, 158, 11, 0.05);\r\n    }\r\n    .mt-dot { width: 8px; height: 8px; background: #f59e0b; border-radius: 50%; box-shadow: 0 0 0 0 rgba(245,158,11,0.5); animation: mtDotPulse 2s infinite; }\r\n    @keyframes mtDotPulse { 70% { box-shadow: 0 0 0 8px rgba(245,158,11,0); } 100% { box-shadow: 0 0 0 0 rgba(245,158,11,0); } }\r\n\r\n    .mt-title { margin: 0 0 25px; font-size: clamp(34px, 4.5vw, 54px); font-weight: 900; color: #0f172a; line-height: 1.15; letter-spacing: -0.5px;}\r\n    .mt-title span { background: linear-gradient(135deg, #6f2cff, #f59e0b); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}\r\n\r\n    \/* Highlighted Condition Box *\/\r\n    .mt-condition-box {\r\n        display: flex; align-items: flex-start; gap: 16px; padding: 20px 24px; margin-bottom: 30px;\r\n        background: rgba(239, 68, 68, 0.05); border-left: 4px solid #ef4444; border-radius: 0 20px 20px 0;\r\n        box-shadow: inset 0 0 20px rgba(255,255,255,0.5);\r\n    }\r\n    .c-icon svg { width: 26px; color: #ef4444; margin-top: 2px;}\r\n    .c-text { font-size: 15.5px; color: #475569; line-height: 1.6; font-weight: 600;}\r\n    .c-text strong { color: #ef4444; font-weight: 800;}\r\n    .c-text span { background: rgba(239, 68, 68, 0.1); padding: 2px 8px; border-radius: 6px; color: #dc2626; font-weight: 800;}\r\n\r\n    .mt-desc { margin: 0 0 35px; font-size: 16.5px; color: #64748b; font-weight: 500; line-height: 1.7; }\r\n\r\n    .mt-perks { display: flex; gap: 20px; margin-bottom: 45px; flex-wrap: wrap; }\r\n    .mt-perk { display: flex; align-items: center; gap: 10px; color: #334155; font-size: 15px; font-weight: 700; background: #ffffff; padding: 10px 18px; border-radius: 14px; box-shadow: 0 5px 15px rgba(0,0,0,0.03); border: 1px solid #f1f5f9;}\r\n    .p-icon { width: 28px; height: 28px; background: rgba(16, 185, 129, 0.15); border-radius: 50%; display: grid; place-items: center; color: #059669;}\r\n    .p-icon svg { width: 16px; }\r\n\r\n    \/* Premium Button *\/\r\n    .mt-btn {\r\n        display: inline-flex; align-items: center; justify-content: center; gap: 12px; height: 60px; padding: 0 40px;\r\n        background: linear-gradient(135deg, #6f2cff, #4c1d95); color: #fff; text-decoration: none;\r\n        border-radius: 18px; font-size: 17px; font-weight: 800;\r\n        box-shadow: 0 15px 30px rgba(111, 44, 255, 0.3); transition: 0.3s;\r\n    }\r\n    .mt-btn:hover { transform: translateY(-4px); box-shadow: 0 20px 40px rgba(111, 44, 255, 0.4); filter: brightness(1.1);}\r\n    .mt-btn svg { width: 22px; transition: 0.3s; }\r\n    .mt-btn:hover svg { transform: translateX(6px); }\r\n\r\n    \/* --- Visual Side (3D Illustration) --- *\/\r\n    .mt-visual { flex: 0.8; display: flex; justify-content: center; position: relative; perspective: 1000px;}\r\n    .mt-illustration { position: relative; width: 100%; max-width: 380px; aspect-ratio: 1; display: grid; place-items: center; transform-style: preserve-3d; animation: floatMaster 6s ease-in-out infinite alternate;}\r\n    @keyframes floatMaster { 0% { transform: translateY(12px) rotateY(-5deg); } 100% { transform: translateY(-12px) rotateY(5deg); } }\r\n\r\n    .mt-treasure { width: 260px; z-index: 5; filter: drop-shadow(0 25px 35px rgba(0,0,0,0.15));}\r\n    \r\n    .mt-coin { position: absolute; background: linear-gradient(135deg, #fde047, #f59e0b); border-radius: 50%; display: grid; place-items: center; color: #78350f; font-weight: 900; box-shadow: 0 10px 20px rgba(245, 158, 11, 0.25), inset 0 2px 4px rgba(255,255,255,0.8); border: 3px solid #fef08a; z-index: 10;}\r\n    .coin-lg { width: 55px; height: 55px; font-size: 26px; top: 5%; right: 10%; animation: floatCoin 4s ease-in-out infinite alternate;}\r\n    .coin-md { width: 45px; height: 45px; font-size: 22px; bottom: 15%; left: 5%; animation: floatCoin 3s ease-in-out infinite alternate-reverse;}\r\n    .coin-sm { width: 35px; height: 35px; font-size: 16px; top: 35%; left: -10px; animation: floatCoin 5s ease-in-out infinite alternate;}\r\n\r\n    .mt-icon { position: absolute; width: 50px; height: 50px; background: rgba(255,255,255,0.8); backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,1); border-radius: 16px; display: grid; place-items: center; box-shadow: 0 15px 25px rgba(0,0,0,0.08); z-index: 4;}\r\n    .mt-icon svg { width: 26px; }\r\n    .float-fb { bottom: 5%; right: 5%; color: #1877F2; animation: floatCoin 4.5s ease-in-out infinite alternate-reverse;}\r\n    .float-wa { top: 15%; left: 15%; color: #25D366; animation: floatCoin 5.5s ease-in-out infinite alternate;}\r\n\r\n    @keyframes floatCoin { 0% { transform: translateY(15px); } 100% { transform: translateY(-15px); } }\r\n\r\n    \/* --- RESPONSIVE MOBILE OPTIMIZATION (FIXED) --- *\/\r\n    @media (max-width: 1024px) {\r\n        .mt-container { gap: 30px; }\r\n        .mt-illustration { max-width: 300px; }\r\n        .mt-treasure { width: 220px; }\r\n    }\r\n\r\n    @media (max-width: 900px) {\r\n        .smb-mega-teaser { padding: 50px 30px; margin: 40px 16px; text-align: center;}\r\n        .mt-container { flex-direction: column; gap: 30px; }\r\n        .mt-condition-box { text-align: left; padding: 20px; }\r\n        .mt-perks { justify-content: center; }\r\n        .mt-visual { order: -1; margin-bottom: 0px; width: 100%;}\r\n    }\r\n\r\n    @media (max-width: 576px) {\r\n        .smb-mega-teaser { \r\n            padding: 35px 16px; \r\n            margin: 20px 12px; \/* Reduced outer margin for more breathing room inside *\/\r\n            border-radius: 24px;\r\n        }\r\n        \r\n        .mt-badge {\r\n            font-size: 13px;\r\n            padding: 6px 14px;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .mt-title { \r\n            font-size: 28px; \r\n            line-height: 1.25; \r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        \/* Fixed the condition box layout *\/\r\n        .mt-condition-box { \r\n            padding: 16px 14px; \r\n            flex-direction: column; \r\n            align-items: center; \r\n            text-align: center; \r\n            border-left: none; \r\n            border-top: 4px solid #ef4444; \r\n            border-radius: 16px; \/* Perfect rounded corners on mobile *\/\r\n            margin-bottom: 25px;\r\n            gap: 10px;\r\n        }\r\n        .mt-condition-box .c-icon svg { width: 32px; } \/* Slightly bigger icon *\/\r\n        .c-text { font-size: 14px; line-height: 1.6; }\r\n        .c-text span { \r\n            display: inline-block; \/* Prevents weird text wrapping *\/\r\n            margin-top: 6px; \r\n            font-size: 13px;\r\n        }\r\n\r\n        .mt-desc { \r\n            font-size: 14.5px; \r\n            margin-bottom: 25px;\r\n            padding: 0 5px; \/* Tiny padding to prevent touching edges *\/\r\n        }\r\n        \r\n        .mt-perks { gap: 10px; margin-bottom: 30px;}\r\n        .mt-perk { font-size: 13px; padding: 8px 12px; border-radius: 12px;}\r\n        .p-icon { width: 24px; height: 24px;}\r\n        .p-icon svg { width: 14px;}\r\n        \r\n        .mt-btn { width: 100%; font-size: 16px; height: 54px; border-radius: 16px;}\r\n        \r\n        .mt-illustration { max-width: 200px;}\r\n        .mt-treasure { width: 150px;}\r\n        .coin-lg { width: 40px; height: 40px; font-size: 18px; top: 0; right: 5%;}\r\n        .coin-md { width: 35px; height: 35px; font-size: 16px; bottom: 10%; left: 0;}\r\n        .coin-sm { width: 25px; height: 25px; font-size: 12px; top: 30%; left: -10px;}\r\n        .mt-icon { width: 36px; height: 36px; border-radius: 12px;}\r\n        .mt-icon svg { width: 18px;}\r\n    }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"wd-negative-gap elementor-element elementor-element-c3eb858 e-flex e-con-boxed e-con e-parent\" data-id=\"c3eb858\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c174a4b elementor-widget elementor-widget-html\" data-id=\"c174a4b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- SMM Bangladesh Premium Payment Gateway Slider -->\r\n<section class=\"smb-payment-section\" aria-labelledby=\"smb-pay-title\">\r\n  \r\n  <!-- Animated Background Glows -->\r\n  <div class=\"smb-pay-glow p-glow-left\"><\/div>\r\n  <div class=\"smb-pay-glow p-glow-right\"><\/div>\r\n\r\n  <div class=\"smb-payment-container\">\r\n    \r\n    <!-- Section Header -->\r\n    <div class=\"smb-payment-header\">\r\n      <div class=\"smb-pay-badge\">\r\n        <span><\/span> Secure Payments\r\n      <\/div>\r\n      <h2 id=\"smb-pay-title\">\r\n        Trusted Payment <strong>Partners<\/strong>\r\n      <\/h2>\r\n      <p>\u0986\u09ae\u09b0\u09be \u09ac\u09be\u0982\u09b2\u09be\u09a6\u09c7\u09b6\u09c7\u09b0 \u09b8\u09ac \u099c\u09a8\u09aa\u09cd\u09b0\u09bf\u09df \u098f\u09ac\u0982 \u09a8\u09bf\u09b0\u09be\u09aa\u09a6 \u09aa\u09c7\u09ae\u09c7\u09a8\u09cd\u099f \u09ae\u09c7\u09a5\u09a1 \u09b8\u09be\u09aa\u09cb\u09b0\u09cd\u099f \u0995\u09b0\u09bf\u0964<\/p>\r\n    <\/div>\r\n\r\n    <!-- Glassmorphism Slider Wrapper -->\r\n    <div class=\"smb-slider-glass\">\r\n      \r\n      <!-- Gradient Masks for smooth fade at edges -->\r\n      <div class=\"smb-slider-mask mask-left\"><\/div>\r\n      <div class=\"smb-slider-mask mask-right\"><\/div>\r\n\r\n      <!-- The Continuous Slider Track -->\r\n      <div class=\"smb-slider-track\">\r\n        \r\n        <!-- Original Set of Logos -->\r\n        <div class=\"smb-slide\"><img decoding=\"async\" src=\"https:\/\/smmbangladesh.com\/wp-content\/uploads\/2026\/06\/1-e1780822059263.png\" alt=\"bKash\"><\/div>\r\n        <div class=\"smb-slide\"><img decoding=\"async\" src=\"https:\/\/smmbangladesh.com\/wp-content\/uploads\/2026\/06\/2-e1780822077338.png\" alt=\"Nagad\"><\/div>\r\n        <div class=\"smb-slide\"><img decoding=\"async\" src=\"https:\/\/smmbangladesh.com\/wp-content\/uploads\/2026\/06\/3-e1780822094817.png\" alt=\"Upay\"><\/div>\r\n        <div class=\"smb-slide\"><img decoding=\"async\" src=\"https:\/\/smmbangladesh.com\/wp-content\/uploads\/2026\/06\/4-e1780822109317.png\" alt=\"Pathao Pay\"><\/div>\r\n        <div class=\"smb-slide\"><img decoding=\"async\" src=\"https:\/\/smmbangladesh.com\/wp-content\/uploads\/2026\/06\/5-e1780822122945.png\" alt=\"Binance\"><\/div>\r\n        <div class=\"smb-slide\"><img decoding=\"async\" src=\"https:\/\/smmbangladesh.com\/wp-content\/uploads\/2026\/06\/6-e1780822134464.png\" alt=\"DBBL\"><\/div>\r\n\r\n        <!-- Duplicated Set for Infinite Loop -->\r\n        <div class=\"smb-slide\"><img decoding=\"async\" src=\"https:\/\/smmbangladesh.com\/wp-content\/uploads\/2026\/06\/1-e1780822059263.png\" alt=\"bKash\"><\/div>\r\n        <div class=\"smb-slide\"><img decoding=\"async\" src=\"https:\/\/smmbangladesh.com\/wp-content\/uploads\/2026\/06\/2-e1780822077338.png\" alt=\"Nagad\"><\/div>\r\n        <div class=\"smb-slide\"><img decoding=\"async\" src=\"https:\/\/smmbangladesh.com\/wp-content\/uploads\/2026\/06\/3-e1780822094817.png\" alt=\"Upay\"><\/div>\r\n        <div class=\"smb-slide\"><img decoding=\"async\" src=\"https:\/\/smmbangladesh.com\/wp-content\/uploads\/2026\/06\/4-e1780822109317.png\" alt=\"Pathao Pay\"><\/div>\r\n        <div class=\"smb-slide\"><img decoding=\"async\" src=\"https:\/\/smmbangladesh.com\/wp-content\/uploads\/2026\/06\/5-e1780822122945.png\" alt=\"Binance\"><\/div>\r\n        <div class=\"smb-slide\"><img decoding=\"async\" src=\"https:\/\/smmbangladesh.com\/wp-content\/uploads\/2026\/06\/6-e1780822134464.png\" alt=\"DBBL\"><\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  \/* --- BASE & VARIABLES --- *\/\r\n  .smb-payment-section, .smb-payment-section * { box-sizing: border-box; }\r\n\r\n  .smb-payment-section {\r\n    --primary: #6f2cff;\r\n    --accent: #f6c85f;\r\n    --navy: #111936;\r\n    --text-color: #56607a;\r\n    \r\n    \/* Glassmorphism settings *\/\r\n    --glass-bg: rgba(255, 255, 255, 0.55);\r\n    --glass-border: rgba(111, 44, 255, 0.15);\r\n    --glass-shadow: 0 24px 50px rgba(17, 25, 54, 0.04);\r\n\r\n    position: relative;\r\n    width: 100%;\r\n    overflow: hidden;\r\n    padding: clamp(60px, 6vw, 90px) 20px;\r\n    background: linear-gradient(135deg, #fbf9ff 0%, #ffffff 50%, #fefaf0 100%);\r\n    font-family: 'Segoe UI', system-ui, sans-serif;\r\n  }\r\n\r\n  \/* --- ANIMATED GLOWING ORBS --- *\/\r\n  .smb-pay-glow {\r\n    position: absolute; border-radius: 50%; filter: blur(70px); z-index: 0; animation: smbPayFloat 10s infinite alternate ease-in-out;\r\n  }\r\n  .p-glow-left { width: 350px; height: 350px; background: rgba(111, 44, 255, 0.08); top: -50px; left: -100px; }\r\n  .p-glow-right { width: 300px; height: 300px; background: rgba(246, 200, 95, 0.12); bottom: -50px; right: -50px; animation-delay: -3s; }\r\n  @keyframes smbPayFloat { 100% { transform: translateY(30px) scale(1.1); } }\r\n\r\n  .smb-payment-container {\r\n    width: min(100%, 1240px); margin: 0 auto; position: relative; z-index: 2;\r\n  }\r\n\r\n  \/* --- HEADER STYLING --- *\/\r\n  .smb-payment-header { text-align: center; margin-bottom: 40px; }\r\n  \r\n  .smb-pay-badge {\r\n    display: inline-flex; align-items: center; gap: 10px; padding: 8px 16px; margin-bottom: 15px;\r\n    border: 1px solid var(--glass-border); border-radius: 999px; color: var(--primary);\r\n    background: rgba(255, 255, 255, 0.8); box-shadow: 0 10px 25px rgba(111, 44, 255, 0.05);\r\n    font-size: 13px; font-weight: 800; backdrop-filter: blur(10px); text-transform: uppercase; letter-spacing: 0.5px;\r\n  }\r\n  .smb-pay-badge span {\r\n    width: 8px; height: 8px; border-radius: 50%; background: linear-gradient(135deg, var(--primary), var(--accent)); box-shadow: 0 0 0 4px rgba(111, 44, 255, 0.10);\r\n  }\r\n\r\n  .smb-payment-header h2 { margin: 0 0 10px; color: var(--navy); font-size: clamp(28px, 4vw, 42px); font-weight: 900; letter-spacing: -0.5px; }\r\n  .smb-payment-header h2 strong { background: linear-gradient(135deg, var(--primary), #8b5cf6); -webkit-background-clip: text; color: transparent; }\r\n  .smb-payment-header p { margin: 0; color: var(--text-color); font-size: 15px; font-weight: 500; }\r\n\r\n  \/* --- GLASSMORPHISM SLIDER BOX --- *\/\r\n  .smb-slider-glass {\r\n    position: relative;\r\n    background: var(--glass-bg);\r\n    border: 1px solid var(--glass-border);\r\n    border-radius: 28px;\r\n    padding: 35px 0;\r\n    backdrop-filter: blur(24px);\r\n    -webkit-backdrop-filter: blur(24px);\r\n    box-shadow: var(--glass-shadow);\r\n    overflow: hidden;\r\n  }\r\n\r\n  \/* Gradient Masks for fading edges *\/\r\n  .smb-slider-mask {\r\n    position: absolute; top: 0; bottom: 0; width: 120px; z-index: 5; pointer-events: none;\r\n  }\r\n  .mask-left { left: 0; background: linear-gradient(to right, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0) 100%); }\r\n  .mask-right { right: 0; background: linear-gradient(to left, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0) 100%); }\r\n\r\n  \/* --- INFINITE SLIDER TRACK --- *\/\r\n  .smb-slider-track {\r\n    display: flex;\r\n    align-items: center;\r\n    width: max-content;\r\n    \/* Animation settings: Linear motion, infinite loop, NO pause on hover *\/\r\n    animation: smbScrollX 30s linear infinite;\r\n  }\r\n\r\n  @keyframes smbScrollX {\r\n    0% { transform: translateX(0); }\r\n    100% { transform: translateX(-50%); } \/* Shifts exactly half the width (the first set of 6 logos) *\/\r\n  }\r\n\r\n  \/* Individual Slide Items *\/\r\n  .smb-slide {\r\n    width: 220px; \/* Fixed width for consistent scrolling *\/\r\n    padding: 0 20px;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .smb-slide img {\r\n    max-width: 100%;\r\n    height: 45px; \/* Adjust height to match all logos uniformly *\/\r\n    object-fit: contain;\r\n    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), filter 0.3s ease;\r\n    filter: drop-shadow(0 4px 6px rgba(0,0,0,0.05));\r\n  }\r\n\r\n  \/* Colorful Hover Effect on Logos (Doesn't stop the animation) *\/\r\n  .smb-slide:hover img {\r\n    transform: scale(1.15) translateY(-2px);\r\n    filter: drop-shadow(0 8px 15px rgba(111, 44, 255, 0.15));\r\n  }\r\n\r\n  \/* --- RESPONSIVE DESIGN --- *\/\r\n  @media (max-width: 900px) {\r\n    .smb-slider-mask { width: 80px; }\r\n    .smb-slide { width: 180px; }\r\n    .smb-slide img { height: 40px; }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .smb-payment-section { padding: 50px 16px 60px; }\r\n    .smb-payment-header h2 { font-size: 26px; }\r\n    \r\n    .smb-slider-glass { padding: 25px 0; border-radius: 20px; }\r\n    .smb-slider-mask { width: 40px; }\r\n    \r\n    .smb-slide { width: 150px; padding: 0 15px; }\r\n    .smb-slide img { height: 35px; }\r\n    \r\n    \/* Slightly faster animation on mobile *\/\r\n    .smb-slider-track { animation-duration: 20s; }\r\n  }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ad3a13d e-con e-atomic-element e-flexbox-base e-de245d6 \" data-id=\"ad3a13d\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"ad3a13d\" data-e-type=\"e-flexbox\" data-id=\"ad3a13d\">\n    \t\t<div class=\"elementor-element elementor-element-96a03dd elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"96a03dd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"smb-srv-pro\" id=\"services\" aria-labelledby=\"smb-srv-title\">\r\n  \r\n  <div class=\"smb-srv-glow glow-top\"><\/div>\r\n  <div class=\"smb-srv-glow glow-bottom\"><\/div>\r\n\r\n  <div class=\"smb-srv-wrap\">\r\n    \r\n    <div class=\"smb-srv-head\">\r\n      <div class=\"smb-srv-badge\">\r\n        <span><\/span> Popular Services\r\n      <\/div>\r\n      <h2 id=\"smb-srv-title\">\r\n        Everything You Need to <br>\r\n        <span>Grow Online<\/span>\r\n      <\/h2>\r\n      <p>Facebook, Instagram, YouTube \u09a5\u09c7\u0995\u09c7 \u09b6\u09c1\u09b0\u09c1 \u0995\u09b0\u09c7 Telegram \u09aa\u09b0\u09cd\u09af\u09a8\u09cd\u09a4\u2014\u0986\u09aa\u09a8\u09be\u09b0 \u09b8\u09cb\u09b6\u09cd\u09af\u09be\u09b2 \u09aa\u09cd\u09b0\u09cb\u09ab\u09be\u0987\u09b2 \u09ac\u09be \u09ac\u09cd\u09af\u09ac\u09b8\u09be\u0995\u09c7 \u09ad\u09be\u0987\u09b0\u09be\u09b2 \u0995\u09b0\u09be\u09b0 \u099c\u09a8\u09cd\u09af \u09aa\u09cd\u09b0\u09df\u09cb\u099c\u09a8\u09c0\u09df \u09b8\u09ac \u09b8\u09be\u09b0\u09cd\u09ad\u09bf\u09b8 \u09aa\u09c7\u09df\u09c7 \u09af\u09be\u099a\u09cd\u099b\u09c7\u09a8 \u098f\u0995 \u09aa\u09cd\u09b2\u09cd\u09af\u09be\u099f\u09ab\u09b0\u09cd\u09ae\u09c7\u0987\u0964<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"smb-srv-grid\">\r\n      \r\n      <article class=\"smb-srv-card\">\r\n        <div class=\"smb-srv-visual vis-social\">\r\n          <div class=\"vis-bg-pattern\"><\/div>\r\n          \r\n          <div class=\"vis-float-box icon-fb\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M14 8.1V6.5c0-.8.5-1 1-1h2V2.2c-.4-.1-1.7-.2-3.1-.2-3.1 0-5.2 1.9-5.2 5.3v.8H5.4v3.7h3.3V22H14V11.8h3.2l.5-3.7H14Z\"\/><\/svg>\r\n          <\/div>\r\n          <div class=\"vis-float-box icon-ig\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M7.8 2h8.4A5.8 5.8 0 0 1 22 7.8v8.4A5.8 5.8 0 0 1 16.2 22H7.8A5.8 5.8 0 0 1 2 16.2V7.8A5.8 5.8 0 0 1 7.8 2Zm0 2A3.8 3.8 0 0 0 4 7.8v8.4A3.8 3.8 0 0 0 7.8 20h8.4a3.8 3.8 0 0 0 3.8-3.8V7.8A3.8 3.8 0 0 0 16.2 4H7.8Zm8.9 1.8a1.2 1.2 0 1 1 0 2.4 1.2 1.2 0 0 1 0-2.4ZM12 7.1a4.9 4.9 0 1 1 0 9.8 4.9 4.9 0 0 1 0-9.8Zm0 2a2.9 2.9 0 1 0 0 5.8 2.9 2.9 0 0 0 0-5.8Z\"\/><\/svg>\r\n          <\/div>\r\n          <div class=\"vis-float-box icon-tk\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M16.1 2c.4 2.7 1.9 4.3 4.5 4.5v3.1c-1.5.1-2.9-.3-4.4-1.2v6.4c0 8.1-8.8 10.6-12.3 4.8-2.3-3.8-.9-10.4 6.5-10.6v3.3c-.5.1-1 .2-1.5.4-1.5.5-2.4 1.8-2.1 3.4.5 3.1 6.1 4 5.7-2V2h3.6Z\"\/><\/svg>\r\n          <\/div>\r\n          \r\n          <div class=\"vis-badge\">Trending<\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"smb-srv-content\">\r\n          <h3>Social Profile Growth<\/h3>\r\n          <p>Facebook, Instagram \u098f\u09ac\u0982 TikTok-\u098f \u0986\u09aa\u09a8\u09be\u09b0 \u09ab\u09b2\u09cb\u09df\u09be\u09b0, \u09b2\u09be\u0987\u0995\u09b8 \u098f\u09ac\u0982 \u09b0\u09bf\u09df\u09c7\u09b2 \u098f\u09a8\u0997\u09c7\u099c\u09ae\u09c7\u09a8\u09cd\u099f \u09ac\u09be\u09dc\u09bf\u09df\u09c7 \u09aa\u09cd\u09b0\u09cb\u09ab\u09be\u0987\u09b2\u0995\u09c7 \u0986\u09b0\u0993 \u099f\u09cd\u09b0\u09be\u09b8\u09cd\u099f\u09c7\u09a1 \u0993 \u0986\u0995\u09b0\u09cd\u09b7\u09a3\u09c0\u09df \u0995\u09b0\u09c7 \u09a4\u09c1\u09b2\u09c1\u09a8\u0964<\/p>\r\n          <ul class=\"smb-srv-features\">\r\n            <li><svg viewBox=\"0 0 24 24\"><path d=\"M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z\"\/><\/svg> 100% Non-Drop Followers<\/li>\r\n            <li><svg viewBox=\"0 0 24 24\"><path d=\"M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z\"\/><\/svg> Instant Post Reactions & Likes<\/li>\r\n            <li><svg viewBox=\"0 0 24 24\"><path d=\"M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z\"\/><\/svg> Profile & Page Optimization<\/li>\r\n          <\/ul>\r\n          <a href=\"https:\/\/app.smmbangladesh.com\/\" class=\"smb-srv-btn\" aria-label=\"Explore Social Media Growth services\">\r\n            Order Service <span><svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/span>\r\n          <\/a>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"smb-srv-card\">\r\n        <div class=\"smb-srv-visual vis-video\">\r\n          <div class=\"vis-bg-pattern\"><\/div>\r\n          \r\n          <div class=\"vis-float-box icon-yt\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M21.6 7.2s-.2-1.5-.8-2.1c-.8-.8-1.7-.8-2.1-.9C15.8 4 12 4 12 4s-3.8 0-6.7.2c-.4.1-1.3.1-2.1.9-.6.6-.8 2.1-.8 2.1S2.2 9 2.2 10.8v1.7c0 1.8.2 3.6.2 3.6s.2 1.5.8 2.1c.8.8 1.9.8 2.4.9 1.7.2 6.4.2 6.4.2s3.8 0 6.7-.2c.4-.1 1.3-.1 2.1-.9.6-.6.8-2.1.8-2.1s.2-1.8.2-3.6v-1.7c0-1.8-.2-3.6-.2-3.6ZM10.2 14.6V8.9l5.4 2.9-5.4 2.8Z\"\/><\/svg>\r\n          <\/div>\r\n          \r\n          <div class=\"vis-graph-anim\">\r\n            <div class=\"bar bar-1\"><\/div><div class=\"bar bar-2\"><\/div><div class=\"bar bar-3\"><\/div><div class=\"bar bar-4\"><\/div><div class=\"bar bar-5\"><\/div>\r\n          <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"smb-srv-content\">\r\n          <h3>Video & Channel Boost<\/h3>\r\n          <p>YouTube \u0993 Facebook \u09ad\u09bf\u09a1\u09bf\u0993\u09a4\u09c7 \u0985\u09b0\u09cd\u0997\u09be\u09a8\u09bf\u0995 \u09ad\u09bf\u0989\u099c, \u099a\u09cd\u09af\u09be\u09a8\u09c7\u09b2 \u09b8\u09be\u09ac\u09b8\u09cd\u0995\u09cd\u09b0\u09be\u0987\u09ac\u09be\u09b0 \u098f\u09ac\u0982 \u0993\u09df\u09be\u099a-\u099f\u09be\u0987\u09ae \u09a6\u09cd\u09b0\u09c1\u09a4 \u09ac\u09be\u09dc\u09bf\u09df\u09c7 \u09ae\u09a8\u09bf\u099f\u09be\u0987\u099c\u09c7\u09b6\u09a8\u09c7\u09b0 \u09b6\u09b0\u09cd\u09a4 \u0985\u09a8\u09be\u09df\u09be\u09b8\u09c7\u0987 \u09aa\u09c2\u09b0\u09a3 \u0995\u09b0\u09c1\u09a8\u0964<\/p>\r\n          <ul class=\"smb-srv-features\">\r\n            <li><svg viewBox=\"0 0 24 24\"><path d=\"M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z\"\/><\/svg> High Retention Organic Views<\/li>\r\n            <li><svg viewBox=\"0 0 24 24\"><path d=\"M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z\"\/><\/svg> YouTube Monetization Pack<\/li>\r\n            <li><svg viewBox=\"0 0 24 24\"><path d=\"M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z\"\/><\/svg> Live Stream Active Viewers<\/li>\r\n          <\/ul>\r\n          <a href=\"https:\/\/app.smmbangladesh.com\/\" class=\"smb-srv-btn\" aria-label=\"Explore Video and Channel Boost services\">\r\n            Order Service <span><svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/span>\r\n          <\/a>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"smb-srv-card\">\r\n        <div class=\"smb-srv-visual vis-community\">\r\n          <div class=\"vis-bg-pattern\"><\/div>\r\n          \r\n          <div class=\"vis-float-box icon-tg\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm4.64 6.8c-.15 1.58-.8 5.42-1.13 7.19-.14.75-.42 1-.68 1.03-.58.05-1.02-.38-1.58-.75-.88-.58-1.38-.94-2.23-1.5-.99-.65-.35-1.01.22-1.59.15-.15 2.71-2.48 2.76-2.69.01-.03.01-.14-.07-.19-.08-.05-.19-.02-.27 0-.11.03-1.87 1.18-5.28 3.48-.5.34-.95.51-1.36.5-.45-.01-1.31-.25-1.95-.46-.78-.26-1.4-.4-1.35-.85.03-.23.36-.48 1-.74 3.92-1.7 6.53-2.82 7.84-3.37 3.73-1.55 4.51-1.81 5.01-1.82.11 0 .36.03.5.15.11.1.15.24.16.37-.02.13-.02.26-.04.4z\"\/><\/svg>\r\n          <\/div>\r\n          <div class=\"vis-float-box icon-wa\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347z\"\/><\/svg>\r\n          <\/div>\r\n          <div class=\"vis-float-box icon-web\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z\"\/><\/svg>\r\n          <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"smb-srv-content\">\r\n          <h3>Community & Traffic<\/h3>\r\n          <p>Telegram \u0997\u09cd\u09b0\u09c1\u09aa\/\u099a\u09cd\u09af\u09be\u09a8\u09c7\u09b2\u09c7\u09b0 \u09ae\u09c7\u09ae\u09cd\u09ac\u09be\u09b0 \u09ac\u09c3\u09a6\u09cd\u09a7\u09bf, WhatsApp \u09aa\u09cd\u09b0\u09cb\u09ae\u09cb\u09b6\u09a8 \u098f\u09ac\u0982 \u0986\u09aa\u09a8\u09be\u09b0 \u0993\u09df\u09c7\u09ac\u09b8\u09be\u0987\u099f\u09c7\u09b0 \u099c\u09a8\u09cd\u09af \u09b0\u09bf\u09df\u09c7\u09b2 \u0985\u09b0\u09cd\u0997\u09be\u09a8\u09bf\u0995 \u099f\u09cd\u09b0\u09be\u09ab\u09bf\u0995 \u099c\u09c7\u09a8\u09be\u09b0\u09c7\u099f \u0995\u09b0\u09c1\u09a8\u0964<\/p>\r\n          <ul class=\"smb-srv-features\">\r\n            <li><svg viewBox=\"0 0 24 24\"><path d=\"M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z\"\/><\/svg> Active Telegram Members<\/li>\r\n            <li><svg viewBox=\"0 0 24 24\"><path d=\"M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z\"\/><\/svg> Targeted Website Visitors<\/li>\r\n            <li><svg viewBox=\"0 0 24 24\"><path d=\"M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z\"\/><\/svg> Post Shares & Reposts<\/li>\r\n          <\/ul>\r\n          <a href=\"https:\/\/app.smmbangladesh.com\/\" class=\"smb-srv-btn\" aria-label=\"Explore Community and Traffic services\">\r\n            Order Service <span><svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/span>\r\n          <\/a>\r\n        <\/div>\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"smb-srv-footer-action\">\r\n        <a href=\"https:\/\/smmbangladesh.com\/wp-content\/uploads\/2026\/08\/SMM-Bangladesh-APP.apk\" class=\"smb-explore-all-btn\">\r\n            Download Our Mobile APP\r\n        <\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  \/* --- BASE & VARIABLES --- *\/\r\n  .smb-srv-pro, .smb-srv-pro * { box-sizing: border-box; }\r\n\r\n  .smb-srv-pro {\r\n    --smb-primary: #6f2cff;\r\n    --smb-secondary: #8b5cf6;\r\n    --smb-accent: #f6c85f;\r\n    --smb-dark: #111936;\r\n    --smb-gray: #56607a;\r\n    --smb-border: rgba(111, 44, 255, 0.15);\r\n    \r\n    \/* Stronger Glassmorphism Variables *\/\r\n    --smb-glass-bg: rgba(255, 255, 255, 0.65);\r\n    --smb-glass-border: rgba(255, 255, 255, 0.8);\r\n    --smb-glass-shadow: 0 20px 50px rgba(29, 21, 79, 0.08);\r\n\r\n    position: relative;\r\n    width: 100%;\r\n    overflow: hidden;\r\n    padding: clamp(70px, 8vw, 110px) 16px;\r\n    background: linear-gradient(180deg, #fbf8ff 0%, #ffffff 50%, #fbf9ff 100%);\r\n    font-family: inherit;\r\n  }\r\n\r\n  \/* --- GLOW EFFECTS --- *\/\r\n  .smb-srv-glow {\r\n    position: absolute; border-radius: 50%; filter: blur(70px); z-index: 0; animation: smbSrvFloat 12s infinite alternate ease-in-out;\r\n  }\r\n  .glow-top { width: 500px; height: 500px; background: rgba(111, 44, 255, 0.08); top: -100px; left: -100px; }\r\n  .glow-bottom { width: 450px; height: 450px; background: rgba(246, 200, 95, 0.1); bottom: 10%; right: -100px; animation-delay: -5s; }\r\n  @keyframes smbSrvFloat { 100% { transform: translateY(50px) scale(1.05); } }\r\n\r\n  .smb-srv-wrap { width: min(100%, 1240px); margin: 0 auto; position: relative; z-index: 1; }\r\n\r\n  \/* --- HEADER --- *\/\r\n  .smb-srv-head { max-width: 760px; margin: 0 auto clamp(40px, 5vw, 60px); text-align: center; }\r\n  \r\n  .smb-srv-badge {\r\n    display: inline-flex; align-items: center; gap: 10px; width: fit-content; margin: 0 auto 18px; padding: 10px 18px;\r\n    border: 1px solid var(--smb-glass-border); border-radius: 999px; color: var(--smb-primary); background: rgba(255, 255, 255, 0.8);\r\n    box-shadow: 0 12px 32px rgba(111, 44, 255, 0.06); font-size: 14px; font-weight: 750; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); text-transform: uppercase; letter-spacing: 0.5px;\r\n  }\r\n  .smb-srv-badge span {\r\n    width: 10px; height: 10px; border-radius: 50%; background: linear-gradient(135deg, var(--smb-primary), var(--smb-accent)); box-shadow: 0 0 0 4px rgba(111, 44, 255, 0.10);\r\n  }\r\n\r\n  .smb-srv-head h2 { margin: 0; color: var(--smb-dark); font-size: clamp(34px, 4.5vw, 56px); font-weight: 900; line-height: 1.1; letter-spacing: -1px; }\r\n  .smb-srv-head h2 span { background: linear-gradient(135deg, var(--smb-primary), #bc6b7a); -webkit-background-clip: text; color: transparent; }\r\n  .smb-srv-head p { margin: 18px auto 0; color: var(--smb-gray); font-size: clamp(15px, 1.2vw, 17px); line-height: 1.8; max-width: 680px; font-weight: 500; }\r\n\r\n  \/* --- 3 COLUMN GRID --- *\/\r\n  .smb-srv-grid { \r\n    display: grid; \r\n    grid-template-columns: repeat(3, 1fr); \r\n    gap: 30px; \r\n  }\r\n\r\n  \/* --- GLASSMORPHISM CARD DESIGN --- *\/\r\n  .smb-srv-card {\r\n    position: relative; background: var(--smb-glass-bg); border: 1px solid var(--smb-glass-border); border-radius: 32px;\r\n    backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px); box-shadow: var(--smb-glass-shadow);\r\n    display: flex; flex-direction: column; overflow: hidden; transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\r\n  }\r\n  .smb-srv-card::after {\r\n      content: ''; position: absolute; inset: 0; border: 1px solid rgba(111, 44, 255, 0.1); border-radius: 32px; pointer-events: none; transition: 0.4s;\r\n  }\r\n  .smb-srv-card:hover {\r\n    transform: translateY(-12px); box-shadow: 0 35px 70px rgba(111, 44, 255, 0.12);\r\n  }\r\n  .smb-srv-card:hover::after { border-color: rgba(111, 44, 255, 0.35); }\r\n\r\n  \/* --- VISUAL TOP HALF (CSS ART & ICONS) --- *\/\r\n  .smb-srv-visual { position: relative; height: 200px; overflow: hidden; display: flex; align-items: center; justify-content: center; border-bottom: 1px solid rgba(111, 44, 255, 0.06); }\r\n  .vis-social { background: linear-gradient(135deg, rgba(24, 119, 242, 0.04), rgba(225, 48, 108, 0.04)); }\r\n  .vis-video { background: linear-gradient(135deg, rgba(255, 0, 0, 0.04), rgba(111, 44, 255, 0.04)); }\r\n  .vis-community { background: linear-gradient(135deg, rgba(0, 136, 204, 0.04), rgba(37, 211, 102, 0.04)); }\r\n\r\n  .vis-bg-pattern { position: absolute; inset: 0; background-image: radial-gradient(rgba(111, 44, 255, 0.15) 1px, transparent 1px); background-size: 24px 24px; opacity: 0.4; }\r\n\r\n  \/* Floating Icons inside Visuals *\/\r\n  .vis-float-box { position: absolute; display: grid; place-items: center; border-radius: 18px; background: #fff; box-shadow: 0 12px 30px rgba(0,0,0,0.06); transition: transform 0.4s ease; }\r\n  .vis-float-box svg { width: 32px; height: 32px; }\r\n  .smb-srv-card:hover .vis-float-box { transform: translateY(-8px) scale(1.05); }\r\n  \r\n  \/* Card 1 Icons *\/\r\n  .icon-fb { width: 65px; height: 65px; left: 15%; top: 35px; }\r\n  .icon-fb svg { fill: #1877f2; }\r\n  .icon-ig { width: 75px; height: 75px; right: 15%; top: 60px; z-index: 2; }\r\n  .icon-ig svg { fill: #E1306C; }\r\n  .icon-tk { width: 55px; height: 55px; left: 45%; bottom: 25px; }\r\n  .icon-tk svg { fill: #000000; }\r\n\r\n  \/* Card 2 Icons & Graph *\/\r\n  .icon-yt { width: 75px; height: 75px; left: 15%; top: 60px; }\r\n  .icon-yt svg { fill: #FF0000; }\r\n  \r\n  .vis-graph-anim { position: absolute; right: 15%; bottom: 40px; display: flex; align-items: flex-end; gap: 8px; height: 70px; }\r\n  .bar { width: 14px; background: linear-gradient(to top, var(--smb-primary), var(--smb-secondary)); border-radius: 6px; transition: 0.5s cubic-bezier(0.4, 0, 0.2, 1); }\r\n  .bar-1 { height: 30%; } .bar-2 { height: 50%; } .bar-3 { height: 40%; } .bar-4 { height: 80%; } .bar-5 { height: 60%; }\r\n  .smb-srv-card:hover .bar-1 { height: 50%; } .smb-srv-card:hover .bar-2 { height: 70%; } .smb-srv-card:hover .bar-3 { height: 90%; } .smb-srv-card:hover .bar-4 { height: 100%; } .smb-srv-card:hover .bar-5 { height: 80%; }\r\n\r\n  \/* Card 3 Icons *\/\r\n  .icon-tg { width: 70px; height: 70px; left: 15%; top: 40px; }\r\n  .icon-tg svg { fill: #0088cc; }\r\n  .icon-wa { width: 60px; height: 60px; right: 15%; top: 30px; }\r\n  .icon-wa svg { fill: #25D366; }\r\n  .icon-web { width: 55px; height: 55px; right: 35%; bottom: 25px; }\r\n  .icon-web svg { fill: var(--smb-primary); }\r\n\r\n  \/* Badge *\/\r\n  .vis-badge { position: absolute; top: 20px; right: -35px; background: linear-gradient(90deg, #ef4444, #f43f5e); color: #fff; font-size: 11px; font-weight: 850; padding: 5px 35px; transform: rotate(45deg); text-transform: uppercase; letter-spacing: 1px; box-shadow: 0 5px 15px rgba(225, 29, 72, 0.3); }\r\n\r\n  \/* --- CONTENT BOTTOM HALF --- *\/\r\n  .smb-srv-content { padding: 35px 30px; flex: 1; display: flex; flex-direction: column; }\r\n  .smb-srv-content h3 { margin: 0 0 12px; color: var(--smb-dark); font-size: 22px; font-weight: 850; letter-spacing: -0.5px; line-height: 1.3;}\r\n  .smb-srv-content p { margin: 0 0 25px; color: var(--smb-gray); font-size: 15px; line-height: 1.6; font-weight: 500;}\r\n  \r\n  \/* Features List *\/\r\n  .smb-srv-features { list-style: none; padding: 0; margin: 0 0 35px 0; display: flex; flex-direction: column; gap: 12px; }\r\n  .smb-srv-features li { display: flex; align-items: flex-start; gap: 10px; font-size: 14.5px; font-weight: 750; color: var(--smb-dark); line-height: 1.4;}\r\n  .smb-srv-features li svg { width: 20px; height: 20px; fill: #10b981; flex-shrink: 0; margin-top: 1px;}\r\n\r\n  \/* Custom Button *\/\r\n  .smb-srv-btn {\r\n    margin-top: auto; display: inline-flex; align-items: center; justify-content: space-between;\r\n    background: transparent; color: var(--smb-primary); font-size: 15px; font-weight: 800; text-decoration: none;\r\n    padding: 12px 12px 12px 20px; border: 1px solid rgba(111, 44, 255, 0.2); border-radius: 999px; transition: 0.3s;\r\n  }\r\n  .smb-srv-btn span {\r\n    display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%;\r\n    background: rgba(111, 44, 255, 0.08); color: var(--smb-primary); transition: 0.3s;\r\n  }\r\n  .smb-srv-btn span svg { width: 18px; height: 18px; stroke: currentColor; stroke-width: 2.5; fill: none; stroke-linecap: round; stroke-linejoin: round; }\r\n  \r\n  \/* Hover state for Button *\/\r\n  .smb-srv-card:hover .smb-srv-btn { background: linear-gradient(135deg, var(--smb-primary), var(--smb-secondary)); color: #fff; border-color: transparent; box-shadow: 0 12px 25px rgba(111, 44, 255, 0.3); }\r\n  .smb-srv-card:hover .smb-srv-btn span { background: #fff; color: var(--smb-primary); transform: translateX(2px); }\r\n\r\n  \/* Bottom Explore Button *\/\r\n  .smb-srv-footer-action { text-align: center; margin-top: 60px; }\r\n  .smb-explore-all-btn {\r\n      display: inline-flex; padding: 16px 36px; background: var(--smb-dark); color: #fff;\r\n      font-size: 16px; font-weight: 800; border-radius: 999px; text-decoration: none;\r\n      transition: 0.3s; box-shadow: 0 15px 30px rgba(17, 25, 54, 0.2);\r\n  }\r\n  .smb-explore-all-btn:hover {\r\n      background: var(--smb-primary); transform: translateY(-3px); box-shadow: 0 20px 40px rgba(111, 44, 255, 0.3); color: #fff;\r\n  }\r\n\r\n\r\n  \/* --- RESPONSIVE DESIGN --- *\/\r\n  @media (max-width: 1100px) {\r\n    .smb-srv-grid { gap: 20px; }\r\n    .smb-srv-content { padding: 25px 20px; }\r\n  }\r\n\r\n  @media (max-width: 900px) {\r\n      .smb-srv-grid { grid-template-columns: repeat(2, 1fr); gap: 25px; }\r\n      \/* Center the last card if odd number *\/\r\n      .smb-srv-card:last-child { grid-column: 1 \/ -1; max-width: 500px; margin: 0 auto; width: 100%;}\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .smb-srv-pro { padding: 50px 16px 70px; }\r\n    .smb-srv-head { text-align: left; margin-bottom: 30px; }\r\n    .smb-srv-badge { margin-left: 0; }\r\n    .smb-srv-head h2 { font-size: 32px; letter-spacing: -0.5px; }\r\n    .smb-srv-head p { margin-left: 0; font-size: 15px; }\r\n    \r\n    .smb-srv-grid { grid-template-columns: 1fr; gap: 25px; }\r\n    .smb-srv-card:last-child { max-width: 100%; }\r\n    \r\n    .smb-srv-visual { height: 180px; }\r\n    .smb-srv-card { border-radius: 28px; }\r\n    .smb-explore-all-btn { width: 100%; justify-content: center; }\r\n  }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-af4dfe7 e-con e-atomic-element e-flexbox-base e-4130827 \" data-id=\"af4dfe7\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"af4dfe7\" data-e-type=\"e-flexbox\" data-id=\"af4dfe7\">\n    \t\t<div class=\"elementor-element elementor-element-d3afb50 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"d3afb50\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- SMM Bangladesh Premium How It Works - Wallet System Focused -->\r\n<section class=\"smb-hiw-pro\" id=\"how-it-works\" aria-labelledby=\"smb-hiw-title\">\r\n  \r\n  <!-- Animated Background Glows -->\r\n  <div class=\"smb-pro-glow glow-1\"><\/div>\r\n  <div class=\"smb-pro-glow glow-2\"><\/div>\r\n  <div class=\"smb-pro-glow glow-3\"><\/div>\r\n\r\n  <div class=\"smb-hiw-wrap\">\r\n    \r\n    <!-- Section Header -->\r\n    <div class=\"smb-hiw-head\">\r\n      <div class=\"smb-hiw-badge\">\r\n        <span><\/span>\r\n        Simple & Fast\r\n      <\/div>\r\n      <h2 id=\"smb-hiw-title\">\r\n        How To <span>Order Services?<\/span>\r\n      <\/h2>\r\n      <p>\u0986\u09ae\u09be\u09a6\u09c7\u09b0 \u09aa\u09cd\u09b2\u09cd\u09af\u09be\u099f\u09ab\u09b0\u09cd\u09ae \u09a5\u09c7\u0995\u09c7 \u09b8\u09cb\u09b6\u09cd\u09af\u09be\u09b2 \u09ae\u09bf\u09a1\u09bf\u09af\u09bc\u09be \u09b8\u09be\u09b0\u09cd\u09ad\u09bf\u09b8 \u09a8\u09c7\u0993\u09af\u09bc\u09be \u0985\u09a4\u09cd\u09af\u09a8\u09cd\u09a4 \u09b8\u09b9\u099c! \u0995\u09cb\u09a8\u09cb \u099d\u09be\u09ae\u09c7\u09b2\u09be \u099b\u09be\u09a1\u09bc\u09be\u0987 \u09ae\u09be\u09a4\u09cd\u09b0 \u09e9\u099f\u09bf \u09a7\u09be\u09aa\u09c7 \u0986\u09aa\u09a8\u09be\u09b0 \u0985\u09cd\u09af\u09be\u0995\u09be\u0989\u09a8\u09cd\u099f \u09b0\u09bf\u099a\u09be\u09b0\u09cd\u099c \u0995\u09b0\u09c7 \u09af\u09c7\u0995\u09cb\u09a8\u09cb \u09b8\u09be\u09b0\u09cd\u09ad\u09bf\u09b8 \u0989\u09aa\u09ad\u09cb\u0997 \u0995\u09b0\u09c1\u09a8\u0964<\/p>\r\n    <\/div>\r\n\r\n    <!-- Single Unified Flow Layout -->\r\n    <div class=\"smb-hiw-split\">\r\n\r\n      <!-- ==========================================\r\n           LEFT SIDE: The 3 Steps Timeline\r\n      =============================================== -->\r\n      <div class=\"smb-path-card\">\r\n        <div class=\"smb-path-header\">\r\n          <div class=\"smb-path-label\">3 Easy Steps<\/div>\r\n          <h3>Dashboard & Wallet System<\/h3>\r\n          <p>\u0985\u09cd\u09af\u09be\u0995\u09be\u0989\u09a8\u09cd\u099f\u09c7 \u09ab\u09be\u09a8\u09cd\u09a1 \u0985\u09cd\u09af\u09be\u09a1 \u0995\u09b0\u09c7 \u098f\u0995\u09b8\u09be\u09a5\u09c7 \u098f\u0995\u09be\u09a7\u09bf\u0995 \u09b8\u09be\u09b0\u09cd\u09ad\u09bf\u09b8 \u09ae\u09cd\u09af\u09be\u09a8\u09c7\u099c \u098f\u09ac\u0982 \u099f\u09cd\u09b0\u09cd\u09af\u09be\u0995 \u0995\u09b0\u09c1\u09a8 \u0996\u09c1\u09ac \u09b8\u09b9\u099c\u09c7\u0987\u0964<\/p>\r\n        <\/div>\r\n\r\n        <ul class=\"smb-timeline\">\r\n          <!-- Step 1 -->\r\n          <li class=\"smb-tl-item\">\r\n            <div class=\"smb-tl-icon\">1<\/div>\r\n            <div class=\"smb-tl-content\">\r\n              <h4>Create Free Account<\/h4>\r\n              <span>\u09ae\u09be\u09a4\u09cd\u09b0 \u09e7 \u09ae\u09bf\u09a8\u09bf\u099f\u09c7 \u0986\u09aa\u09a8\u09be\u09b0 \u09a8\u09be\u09ae \u098f\u09ac\u0982 \u0987\u09ae\u09c7\u0987\u09b2 \u09a6\u09bf\u09af\u09bc\u09c7 \u098f\u0995\u099f\u09bf \u09ab\u09cd\u09b0\u09bf \u09aa\u09cd\u09af\u09be\u09a8\u09c7\u09b2 \u0985\u09cd\u09af\u09be\u0995\u09be\u0989\u09a8\u09cd\u099f \u09a4\u09c8\u09b0\u09bf \u0995\u09b0\u09c7 \u09ab\u09c7\u09b2\u09c1\u09a8\u0964<\/span>\r\n            <\/div>\r\n          <\/li>\r\n          <!-- Step 2 -->\r\n          <li class=\"smb-tl-item\">\r\n            <div class=\"smb-tl-icon\">2<\/div>\r\n            <div class=\"smb-tl-content\">\r\n              <h4>Add Funds to Wallet<\/h4>\r\n              <span>\u09ac\u09bf\u0995\u09be\u09b6, \u09a8\u0997\u09a6, \u09b0\u0995\u09c7\u099f \u0985\u09a5\u09ac\u09be \u09ac\u09be\u0987\u09a8\u09cd\u09af\u09be\u09a8\u09cd\u09b8 \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09c7 \u0985\u099f\u09cb\u09ae\u09c7\u099f\u09bf\u0995 \u0986\u09aa\u09a8\u09be\u09b0 \u0985\u09cd\u09af\u09be\u0995\u09be\u0989\u09a8\u09cd\u099f\u09c7 \u099f\u09be\u0995\u09be \u099c\u09ae\u09be \u0995\u09b0\u09c1\u09a8\u0964<\/span>\r\n            <\/div>\r\n          <\/li>\r\n          <!-- Step 3 -->\r\n          <li class=\"smb-tl-item\">\r\n            <div class=\"smb-tl-icon\">3<\/div>\r\n            <div class=\"smb-tl-content\">\r\n              <h4>Select & Order Service<\/h4>\r\n              <span>\u09a1\u09cd\u09af\u09be\u09b6\u09ac\u09cb\u09b0\u09cd\u09a1 \u09a5\u09c7\u0995\u09c7 \u0986\u09aa\u09a8\u09be\u09b0 \u0995\u09be\u0999\u09cd\u0995\u09cd\u09b7\u09bf\u09a4 \u09b8\u09be\u09b0\u09cd\u09ad\u09bf\u09b8\u099f\u09bf \u09b8\u09bf\u09b2\u09c7\u0995\u09cd\u099f \u0995\u09b0\u09c1\u09a8 \u098f\u09ac\u0982 \u09b2\u09bf\u0982\u0995 \u09a6\u09bf\u09af\u09bc\u09c7 \u098f\u0995 \u0995\u09cd\u09b2\u09bf\u0995\u09c7 \u0985\u09b0\u09cd\u09a1\u09be\u09b0 \u09aa\u09cd\u09b2\u09c7\u09b8 \u0995\u09b0\u09c1\u09a8\u0964<\/span>\r\n            <\/div>\r\n          <\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n\r\n      <!-- ==========================================\r\n           RIGHT SIDE: Premium App Image Mockup\r\n      =============================================== -->\r\n      <div class=\"smb-path-card mockup-container\">\r\n        \r\n        <div class=\"smb-app-image-wrapper\">\r\n          <img decoding=\"async\" src=\"https:\/\/smmbangladesh.com\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-Jul-18-2026-05_11_29-PM-e1784374394529.png\" alt=\"SMM Bangladesh Wallet App Dashboard\">\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  \/* --- BASE & WRAPPER --- *\/\r\n  .smb-hiw-pro, .smb-hiw-pro * {\r\n    box-sizing: border-box;\r\n  }\r\n  \r\n  .smb-hiw-pro {\r\n    --smb-purple: #6f2cff;\r\n    --smb-dark: #111936;\r\n    --smb-gray: #56607a;\r\n    --smb-yellow: #ffc400;\r\n    --smb-glass: rgba(255, 255, 255, 0.7);\r\n    --smb-border: rgba(111, 44, 255, 0.15);\r\n\r\n    position: relative;\r\n    width: 100%;\r\n    overflow: hidden;\r\n    padding: clamp(60px, 8vw, 100px) 16px;\r\n    background: linear-gradient(180deg, #fbf9ff 0%, #ffffff 50%, #fbf9ff 100%);\r\n    font-family: inherit;\r\n  }\r\n\r\n  \/* --- GLOW EFFECTS --- *\/\r\n  .smb-pro-glow {\r\n    position: absolute; border-radius: 50%; filter: blur(70px); z-index: 0; animation: smbProFloat 12s infinite alternate ease-in-out;\r\n  }\r\n  .glow-1 { width: 500px; height: 500px; background: rgba(111, 44, 255, 0.08); top: -100px; left: -100px; }\r\n  .glow-2 { width: 450px; height: 450px; background: rgba(246, 200, 95, 0.1); bottom: 10%; right: -150px; animation-delay: -5s; }\r\n  .glow-3 { width: 300px; height: 300px; background: rgba(111, 44, 255, 0.05); top: 40%; left: 40%; animation-delay: -2s; }\r\n  @keyframes smbProFloat { 100% { transform: translateY(50px) scale(1.1); } }\r\n\r\n  .smb-hiw-wrap {\r\n    width: min(100%, 1240px); margin: 0 auto; position: relative; z-index: 1;\r\n  }\r\n\r\n  \/* --- HEADER --- *\/\r\n  .smb-hiw-head { max-width: 760px; margin: 0 auto clamp(40px, 5vw, 60px); text-align: center; }\r\n  .smb-hiw-badge {\r\n    display: inline-flex; align-items: center; gap: 10px; width: fit-content; margin: 0 auto 18px; padding: 10px 18px;\r\n    border: 1px solid var(--smb-border); border-radius: 999px; color: var(--smb-purple); background: rgba(255, 255, 255, 0.8);\r\n    box-shadow: 0 12px 32px rgba(111, 44, 255, 0.08); font-size: 14px; font-weight: 700; backdrop-filter: blur(12px); text-transform: uppercase; letter-spacing: 0.5px;\r\n  }\r\n  .smb-hiw-badge span {\r\n    width: 10px; height: 10px; border-radius: 50%; background: linear-gradient(135deg, var(--smb-purple), var(--smb-yellow)); box-shadow: 0 0 0 4px rgba(111, 44, 255, 0.10);\r\n  }\r\n  .smb-hiw-head h2 { margin: 0; color: var(--smb-dark); font-size: clamp(34px, 4.5vw, 56px); font-weight: 900; line-height: 1.1; letter-spacing: -1px; }\r\n  .smb-hiw-head h2 span { background: linear-gradient(135deg, var(--smb-purple), #bc6b7a); -webkit-background-clip: text; color: transparent; }\r\n  .smb-hiw-head p { margin: 18px auto 0; color: var(--smb-gray); font-size: clamp(16px, 1.2vw, 18px); line-height: 1.8; max-width: 680px; font-weight: 500;}\r\n\r\n  \/* --- SPLIT LAYOUT --- *\/\r\n  .smb-hiw-split { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: center;}\r\n\r\n  \/* Glassmorphism Card Base *\/\r\n  .smb-path-card {\r\n    position: relative; background: var(--smb-glass); border: 1px solid var(--smb-border); border-radius: 32px;\r\n    padding: 40px; backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);\r\n    box-shadow: 0 20px 50px rgba(16, 24, 47, 0.06); transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\r\n    display: flex; flex-direction: column; overflow: hidden; height: 100%;\r\n  }\r\n  .smb-path-card:not(.mockup-container):hover {\r\n    transform: translateY(-10px); box-shadow: 0 30px 60px rgba(111, 44, 255, 0.12); border-color: rgba(111, 44, 255, 0.3);\r\n  }\r\n  .smb-path-card:not(.mockup-container)::before {\r\n    content: ''; position: absolute; inset: 0; background: radial-gradient(circle at top right, rgba(111,44,255,0.05), transparent 50%); opacity: 0; transition: 0.4s; pointer-events: none;\r\n  }\r\n  .smb-path-card:not(.mockup-container):hover::before { opacity: 1; }\r\n  \r\n  .mockup-container { background: transparent; border: none; box-shadow: none; padding: 20px; align-items: center; justify-content: center;}\r\n\r\n  \/* Card Header *\/\r\n  .smb-path-header { margin-bottom: 35px; border-bottom: 1px dashed rgba(111, 44, 255, 0.15); padding-bottom: 25px; }\r\n  .smb-path-label {\r\n    display: inline-block; background: rgba(111, 44, 255, 0.1); color: var(--smb-purple); padding: 6px 14px;\r\n    border-radius: 8px; font-size: 13px; font-weight: 800; margin-bottom: 15px; letter-spacing: 1px; text-transform: uppercase;\r\n  }\r\n  .smb-path-header h3 { font-size: 28px; font-weight: 850; color: var(--smb-dark); margin: 0 0 10px; letter-spacing: -0.5px; }\r\n  .smb-path-header p { font-size: 15px; color: var(--smb-gray); margin: 0; line-height: 1.6; }\r\n\r\n  \/* --- TIMELINE DESIGN --- *\/\r\n  .smb-timeline {\r\n    position: relative; list-style: none; padding: 0 0 0 25px; margin: 0;\r\n  }\r\n  .smb-timeline::before {\r\n    content: ''; position: absolute; top: 5px; bottom: 30px; left: 0px; width: 2px;\r\n    background: linear-gradient(to bottom, var(--smb-purple), rgba(111, 44, 255, 0.1));\r\n  }\r\n\r\n  .smb-tl-item { position: relative; margin-bottom: 35px; padding-left: 15px; }\r\n  .smb-tl-item:last-child { margin-bottom: 0; }\r\n  \r\n  .smb-tl-icon {\r\n    position: absolute; top: 0; left: -41px; width: 34px; height: 34px; border-radius: 50%;\r\n    background: linear-gradient(135deg, var(--smb-purple), #bc6b7a); color: #fff;\r\n    display: grid; place-items: center; font-size: 15px; font-weight: 800;\r\n    border: 4px solid #fff; box-shadow: 0 5px 15px rgba(111, 44, 255, 0.2);\r\n  }\r\n\r\n  .smb-tl-content h4 { font-size: 18px; font-weight: 800; color: var(--smb-dark); margin: 0 0 5px; }\r\n  .smb-tl-content span { font-size: 14px; color: var(--smb-gray); line-height: 1.6; display: block; font-weight: 500;}\r\n\r\n  \/* --- IMAGE MOCKUP STYLING (NEW) --- *\/\r\n  .smb-app-image-wrapper {\r\n    position: relative;\r\n    z-index: 10;\r\n    width: 100%;\r\n    max-width: 420px;\r\n    margin: 0 auto;\r\n    animation: floatMockupImg 6s ease-in-out infinite;\r\n    filter: drop-shadow(0 30px 50px rgba(111, 44, 255, 0.15));\r\n  }\r\n  .smb-app-image-wrapper img {\r\n    width: 100%;\r\n    height: auto;\r\n    display: block;\r\n    object-fit: contain;\r\n  }\r\n  @keyframes floatMockupImg {\r\n    0%, 100% { transform: translateY(0) scale(1); }\r\n    50% { transform: translateY(-15px) scale(1.02); }\r\n  }\r\n\r\n  \/* --- RESPONSIVE DESIGN --- *\/\r\n  @media (max-width: 900px) {\r\n    .smb-hiw-split { grid-template-columns: 1fr; gap: 40px; }\r\n    .smb-path-card { padding: 35px 25px; }\r\n    .mockup-container { padding: 0; }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .smb-hiw-pro { padding: 50px 16px 70px; }\r\n    .smb-hiw-head { text-align: left; margin-bottom: 30px; }\r\n    .smb-hiw-badge { margin-left: 0; }\r\n    .smb-hiw-head h2 { font-size: 32px; letter-spacing: -0.5px; }\r\n    .smb-hiw-head p { margin-left: 0; font-size: 15px; }\r\n    \r\n    .smb-path-header h3 { font-size: 24px; }\r\n    \r\n    .smb-timeline { padding-left: 20px; margin-bottom: 10px; }\r\n    .smb-tl-icon { width: 30px; height: 30px; left: -36px; font-size: 13px; }\r\n    .smb-tl-item { margin-bottom: 25px; padding-left: 10px;}\r\n    .smb-tl-content h4 { font-size: 16px; }\r\n    .smb-tl-content span { font-size: 13px; }\r\n\r\n    .smb-app-image-wrapper { max-width: 320px; }\r\n  }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"wd-negative-gap elementor-element elementor-element-5ede618 e-flex e-con-boxed e-con e-parent\" data-id=\"5ede618\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-deb591a elementor-widget elementor-widget-shortcode\" data-id=\"deb591a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\r\n    <section class=\"smb-ultra-proof-sec\">\r\n        \r\n        <!-- Ambient Background Glows -->\r\n        <div class=\"prf-glow prf-glow-1\"><\/div>\r\n        <div class=\"prf-glow prf-glow-2\"><\/div>\r\n\r\n        <div class=\"prf-container\">\r\n            \r\n            <div class=\"prf-header\">\r\n                <div class=\"prf-badge\">\r\n                    <span class=\"prf-pulse\"><\/span> Real Client Results\r\n                <\/div>\r\n                <h2>Proven <span>Transformations<\/span><\/h2>\r\n                <p>Swipe to see our actual delivery proofs. Click on any mobile screen to zoom in and check the details clearly.<\/p>\r\n            <\/div>\r\n\r\n            <!-- Swiper Slider Container -->\r\n            <div class=\"swiper smbProofSwiper\">\r\n                <div class=\"swiper-wrapper\">\r\n                    \r\n                                        \r\n                    <div class=\"swiper-slide\">\r\n                        <div class=\"prf-card\">\r\n                            <h3 class=\"prf-title\">Instagram Follower<\/h3>\r\n                            \r\n                            <div class=\"prf-phones\">\r\n                                <!-- Before View -->\r\n                                <div class=\"prf-side\">\r\n                                    <div class=\"prf-tag tag-before\">Before<\/div>\r\n                                    <div class=\"prf-iphone\" onclick=\"openSmmProofLight('https:\/\/smmbangladesh.com\/wp-content\/uploads\/2026\/07\/ahmedas-Before.jpeg', 'Before: Instagram Follower')\">\r\n                                        <div class=\"prf-notch\"><\/div>\r\n                                        <img decoding=\"async\" src=\"https:\/\/smmbangladesh.com\/wp-content\/uploads\/2026\/07\/ahmedas-Before.jpeg\" loading=\"lazy\" alt=\"Before\">\r\n                                        <div class=\"prf-zoom-overlay\">\r\n                                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"><\/line><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"><\/line><\/svg>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                \r\n                                <!-- After View -->\r\n                                <div class=\"prf-side\">\r\n                                    <div class=\"prf-tag tag-after\">After<\/div>\r\n                                    <div class=\"prf-iphone after-glow\" onclick=\"openSmmProofLight('https:\/\/smmbangladesh.com\/wp-content\/uploads\/2026\/07\/ahmedas-After.jpeg', 'After: Instagram Follower')\">\r\n                                        <div class=\"prf-notch\"><\/div>\r\n                                        <img decoding=\"async\" src=\"https:\/\/smmbangladesh.com\/wp-content\/uploads\/2026\/07\/ahmedas-After.jpeg\" loading=\"lazy\" alt=\"After\">\r\n                                        <div class=\"prf-zoom-overlay\">\r\n                                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"><\/line><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"><\/line><\/svg>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                                        \r\n                    <div class=\"swiper-slide\">\r\n                        <div class=\"prf-card\">\r\n                            <h3 class=\"prf-title\">Instagram Follower<\/h3>\r\n                            \r\n                            <div class=\"prf-phones\">\r\n                                <!-- Before View -->\r\n                                <div class=\"prf-side\">\r\n                                    <div class=\"prf-tag tag-before\">Before<\/div>\r\n                                    <div class=\"prf-iphone\" onclick=\"openSmmProofLight('https:\/\/smmbangladesh.com\/wp-content\/uploads\/2026\/07\/4den-Before.jpeg', 'Before: Instagram Follower')\">\r\n                                        <div class=\"prf-notch\"><\/div>\r\n                                        <img decoding=\"async\" src=\"https:\/\/smmbangladesh.com\/wp-content\/uploads\/2026\/07\/4den-Before.jpeg\" loading=\"lazy\" alt=\"Before\">\r\n                                        <div class=\"prf-zoom-overlay\">\r\n                                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"><\/line><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"><\/line><\/svg>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                \r\n                                <!-- After View -->\r\n                                <div class=\"prf-side\">\r\n                                    <div class=\"prf-tag tag-after\">After<\/div>\r\n                                    <div class=\"prf-iphone after-glow\" onclick=\"openSmmProofLight('https:\/\/smmbangladesh.com\/wp-content\/uploads\/2026\/07\/4den-After.jpeg', 'After: Instagram Follower')\">\r\n                                        <div class=\"prf-notch\"><\/div>\r\n                                        <img decoding=\"async\" src=\"https:\/\/smmbangladesh.com\/wp-content\/uploads\/2026\/07\/4den-After.jpeg\" loading=\"lazy\" alt=\"After\">\r\n                                        <div class=\"prf-zoom-overlay\">\r\n                                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"><\/line><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"><\/line><\/svg>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                                        \r\n                    <div class=\"swiper-slide\">\r\n                        <div class=\"prf-card\">\r\n                            <h3 class=\"prf-title\">Facebook Follower<\/h3>\r\n                            \r\n                            <div class=\"prf-phones\">\r\n                                <!-- Before View -->\r\n                                <div class=\"prf-side\">\r\n                                    <div class=\"prf-tag tag-before\">Before<\/div>\r\n                                    <div class=\"prf-iphone\" onclick=\"openSmmProofLight('https:\/\/smmbangladesh.com\/wp-content\/uploads\/2026\/06\/BCP-Before.jpeg', 'Before: Facebook Follower')\">\r\n                                        <div class=\"prf-notch\"><\/div>\r\n                                        <img decoding=\"async\" src=\"https:\/\/smmbangladesh.com\/wp-content\/uploads\/2026\/06\/BCP-Before.jpeg\" loading=\"lazy\" alt=\"Before\">\r\n                                        <div class=\"prf-zoom-overlay\">\r\n                                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"><\/line><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"><\/line><\/svg>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                \r\n                                <!-- After View -->\r\n                                <div class=\"prf-side\">\r\n                                    <div class=\"prf-tag tag-after\">After<\/div>\r\n                                    <div class=\"prf-iphone after-glow\" onclick=\"openSmmProofLight('https:\/\/smmbangladesh.com\/wp-content\/uploads\/2026\/06\/BCP-After.jpeg', 'After: Facebook Follower')\">\r\n                                        <div class=\"prf-notch\"><\/div>\r\n                                        <img decoding=\"async\" src=\"https:\/\/smmbangladesh.com\/wp-content\/uploads\/2026\/06\/BCP-After.jpeg\" loading=\"lazy\" alt=\"After\">\r\n                                        <div class=\"prf-zoom-overlay\">\r\n                                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"><\/line><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"><\/line><\/svg>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                                        \r\n                    <div class=\"swiper-slide\">\r\n                        <div class=\"prf-card\">\r\n                            <h3 class=\"prf-title\">Facebook Page Follower<\/h3>\r\n                            \r\n                            <div class=\"prf-phones\">\r\n                                <!-- Before View -->\r\n                                <div class=\"prf-side\">\r\n                                    <div class=\"prf-tag tag-before\">Before<\/div>\r\n                                    <div class=\"prf-iphone\" onclick=\"openSmmProofLight('https:\/\/smmbangladesh.com\/wp-content\/uploads\/2026\/06\/Somahar-After.jpeg', 'Before: Facebook Page Follower')\">\r\n                                        <div class=\"prf-notch\"><\/div>\r\n                                        <img decoding=\"async\" src=\"https:\/\/smmbangladesh.com\/wp-content\/uploads\/2026\/06\/Somahar-After.jpeg\" loading=\"lazy\" alt=\"Before\">\r\n                                        <div class=\"prf-zoom-overlay\">\r\n                                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"><\/line><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"><\/line><\/svg>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                \r\n                                <!-- After View -->\r\n                                <div class=\"prf-side\">\r\n                                    <div class=\"prf-tag tag-after\">After<\/div>\r\n                                    <div class=\"prf-iphone after-glow\" onclick=\"openSmmProofLight('https:\/\/smmbangladesh.com\/wp-content\/uploads\/2026\/06\/Somahar-Before.jpeg', 'After: Facebook Page Follower')\">\r\n                                        <div class=\"prf-notch\"><\/div>\r\n                                        <img decoding=\"async\" src=\"https:\/\/smmbangladesh.com\/wp-content\/uploads\/2026\/06\/Somahar-Before.jpeg\" loading=\"lazy\" alt=\"After\">\r\n                                        <div class=\"prf-zoom-overlay\">\r\n                                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"><\/line><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"><\/line><\/svg>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                                        \r\n                    <div class=\"swiper-slide\">\r\n                        <div class=\"prf-card\">\r\n                            <h3 class=\"prf-title\">Facebook Page Follower<\/h3>\r\n                            \r\n                            <div class=\"prf-phones\">\r\n                                <!-- Before View -->\r\n                                <div class=\"prf-side\">\r\n                                    <div class=\"prf-tag tag-before\">Before<\/div>\r\n                                    <div class=\"prf-iphone\" onclick=\"openSmmProofLight('https:\/\/smmbangladesh.com\/wp-content\/uploads\/2026\/06\/OMA-After.jpeg', 'Before: Facebook Page Follower')\">\r\n                                        <div class=\"prf-notch\"><\/div>\r\n                                        <img decoding=\"async\" src=\"https:\/\/smmbangladesh.com\/wp-content\/uploads\/2026\/06\/OMA-After.jpeg\" loading=\"lazy\" alt=\"Before\">\r\n                                        <div class=\"prf-zoom-overlay\">\r\n                                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"><\/line><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"><\/line><\/svg>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                \r\n                                <!-- After View -->\r\n                                <div class=\"prf-side\">\r\n                                    <div class=\"prf-tag tag-after\">After<\/div>\r\n                                    <div class=\"prf-iphone after-glow\" onclick=\"openSmmProofLight('https:\/\/smmbangladesh.com\/wp-content\/uploads\/2026\/06\/OMA-Before.jpeg', 'After: Facebook Page Follower')\">\r\n                                        <div class=\"prf-notch\"><\/div>\r\n                                        <img decoding=\"async\" src=\"https:\/\/smmbangladesh.com\/wp-content\/uploads\/2026\/06\/OMA-Before.jpeg\" loading=\"lazy\" alt=\"After\">\r\n                                        <div class=\"prf-zoom-overlay\">\r\n                                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"><\/line><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"><\/line><\/svg>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    \r\n                <\/div>\r\n                \r\n                <!-- Swiper Custom Navigation & Pagination -->\r\n                <div class=\"prf-nav-wrap\">\r\n                    <div class=\"swiper-button-prev prf-btn-prev\"><\/div>\r\n                    <div class=\"swiper-pagination prf-pagination\"><\/div>\r\n                    <div class=\"swiper-button-next prf-btn-next\"><\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Ultra Lightbox Overlay -->\r\n    <div id=\"prfLightbox\" class=\"prf-lightbox\" onclick=\"closeSmmProofLight()\">\r\n        <button class=\"prf-lb-close\" aria-label=\"Close\">&times;<\/button>\r\n        <div class=\"prf-lb-inner\" onclick=\"event.stopPropagation()\">\r\n            <h4 id=\"prfLbTitle\">Preview<\/h4>\r\n            <img decoding=\"async\" id=\"prfLbImage\" src=\"\" alt=\"Proof Zoom\">\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <style>\r\n        \/* =====================================================================\r\n           ULTRA PREMIUM SLIDER CSS (Glassmorphism + iPhone UI + Swiper)\r\n           ===================================================================== *\/\r\n        \r\n        .smb-ultra-proof-sec, .smb-ultra-proof-sec * { box-sizing: border-box; }\r\n\r\n        .smb-ultra-proof-sec {\r\n            position: relative; width: 100%; max-width: 1350px; margin: 60px auto;\r\n            padding: 80px 20px; font-family: 'Segoe UI', system-ui, sans-serif;\r\n            background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);\r\n            border-radius: 40px; overflow: hidden;\r\n            box-shadow: 0 20px 50px rgba(15, 23, 42, 0.05);\r\n            border: 1px solid rgba(255, 255, 255, 0.8);\r\n        }\r\n\r\n        \/* Ambient Glows *\/\r\n        .prf-glow { position: absolute; border-radius: 50%; filter: blur(80px); opacity: 0.3; z-index: 0; pointer-events: none; }\r\n        .prf-glow-1 { width: 500px; height: 500px; background: #6f2cff; top: -150px; left: -150px; animation: prfGlowAnim 12s infinite alternate;}\r\n        .prf-glow-2 { width: 400px; height: 400px; background: #0ea5e9; bottom: -100px; right: -100px; animation: prfGlowAnim 15s infinite alternate-reverse;}\r\n        @keyframes prfGlowAnim { 100% { transform: scale(1.2) translate(30px, 30px); } }\r\n\r\n        .prf-container { position: relative; z-index: 2; width: 100%; }\r\n\r\n        \/* Header Section *\/\r\n        .prf-header { text-align: center; margin-bottom: 50px; }\r\n        .prf-badge {\r\n            display: inline-flex; align-items: center; gap: 8px; padding: 8px 20px;\r\n            background: rgba(111, 44, 255, 0.08); color: #6f2cff; border-radius: 100px;\r\n            font-size: 13px; font-weight: 800; text-transform: uppercase; letter-spacing: 1.5px;\r\n            border: 1px solid rgba(111, 44, 255, 0.15); margin-bottom: 20px;\r\n        }\r\n        .prf-pulse { width: 8px; height: 8px; background: #6f2cff; border-radius: 50%; box-shadow: 0 0 0 0 rgba(111,44,255,0.4); animation: pPulse 2s infinite; }\r\n        @keyframes pPulse { 70% { box-shadow: 0 0 0 8px rgba(111,44,255,0); } 100% { box-shadow: 0 0 0 0 rgba(111,44,255,0); } }\r\n\r\n        .prf-header h2 { margin: 0 0 15px; font-size: clamp(32px, 4vw, 46px); font-weight: 900; color: #0f172a; letter-spacing: -1px; line-height: 1.2;}\r\n        .prf-header h2 span { background: linear-gradient(135deg, #6f2cff, #00d2ff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }\r\n        .prf-header p { margin: 0 auto; font-size: 16px; color: #64748b; font-weight: 500; max-width: 650px; line-height: 1.6;}\r\n\r\n        \/* Swiper Setup *\/\r\n        .smbProofSwiper { padding: 20px 10px 50px !important; margin: -20px -10px -10px; }\r\n\r\n        \/* Card Design *\/\r\n        .prf-card {\r\n            background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);\r\n            border: 1px solid rgba(255, 255, 255, 0.9); border-radius: 32px; padding: 30px;\r\n            box-shadow: 0 15px 35px rgba(15, 23, 42, 0.05), inset 0 2px 5px rgba(255,255,255,0.8);\r\n            transition: 0.4s ease; height: 100%; display: flex; flex-direction: column;\r\n        }\r\n        .prf-card:hover { transform: translateY(-8px); box-shadow: 0 25px 50px rgba(111, 44, 255, 0.08); border-color: rgba(111, 44, 255, 0.2); background: rgba(255, 255, 255, 0.9);}\r\n\r\n        .prf-title { margin: 0 0 25px; font-size: 18px; font-weight: 850; color: #0f172a; text-align: center; }\r\n\r\n        \/* Split Phones View *\/\r\n        .prf-phones { display: flex; gap: 15px; justify-content: space-between; flex: 1;}\r\n        .prf-side { flex: 1; display: flex; flex-direction: column; align-items: center; width: 50%; }\r\n\r\n        .prf-tag { \r\n            width: 100%; text-align: center; padding: 6px 0; border-radius: 10px; \r\n            font-size: 12px; font-weight: 800; color: #fff; margin-bottom: 15px; \r\n            box-shadow: 0 5px 15px rgba(0,0,0,0.08); text-transform: uppercase; letter-spacing: 0.5px;\r\n        }\r\n        .tag-before { background: linear-gradient(135deg, #f43f5e, #e11d48); }\r\n        .tag-after { background: linear-gradient(135deg, #10b981, #059669); }\r\n\r\n        \/* Sleek iPhone Mockup *\/\r\n        .prf-iphone {\r\n            position: relative; width: 100%; aspect-ratio: 9\/19;\r\n            background: #0f172a; border-radius: 20px; border: 4px solid #1e293b;\r\n            box-shadow: 0 10px 20px rgba(15, 23, 42, 0.1); overflow: hidden; cursor: zoom-in;\r\n            transition: 0.3s;\r\n        }\r\n        .prf-iphone:hover { transform: scale(1.03); box-shadow: 0 15px 30px rgba(15, 23, 42, 0.15); }\r\n        \r\n        .after-glow { box-shadow: 0 10px 25px rgba(16, 185, 129, 0.25); border-color: #064e3b;}\r\n        .after-glow:hover { box-shadow: 0 15px 35px rgba(16, 185, 129, 0.4); }\r\n\r\n        \/* Top Notch *\/\r\n        .prf-notch {\r\n            position: absolute; top: -1px; left: 50%; transform: translateX(-50%);\r\n            width: 45%; height: 14px; background: #1e293b;\r\n            border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; z-index: 10;\r\n        }\r\n\r\n        .prf-iphone img { width: 100%; height: 100%; object-fit: cover; object-position: top center; transition: 0.4s; opacity: 0.95;}\r\n        .prf-iphone:hover img { filter: blur(3px) brightness(0.6); transform: scale(1.05);}\r\n\r\n        \/* Hover Zoom Hint *\/\r\n        .prf-zoom-overlay {\r\n            position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px;\r\n            color: #fff; font-size: 13px; font-weight: 800; opacity: 0; transition: 0.3s; z-index: 20;\r\n        }\r\n        .prf-zoom-overlay svg { width: 30px; }\r\n        .prf-iphone:hover .prf-zoom-overlay { opacity: 1; }\r\n\r\n        \/* Custom Swiper Controls *\/\r\n        .prf-nav-wrap { display: flex; align-items: center; justify-content: center; gap: 20px; margin-top: 20px; position: relative;}\r\n        \r\n        .prf-btn-prev, .prf-btn-next {\r\n            position: static !important; width: 45px !important; height: 45px !important; margin: 0 !important;\r\n            background: #fff; border: 1px solid #e2e8f0; border-radius: 50%;\r\n            display: flex; align-items: center; justify-content: center;\r\n            color: #0f172a !important; box-shadow: 0 5px 15px rgba(0,0,0,0.05); transition: 0.3s;\r\n        }\r\n        .prf-btn-prev::after, .prf-btn-next::after { font-size: 18px !important; font-weight: 900;}\r\n        .prf-btn-prev:hover, .prf-btn-next:hover { background: #6f2cff; color: #fff !important; border-color: #6f2cff; transform: scale(1.1); box-shadow: 0 10px 20px rgba(111,44,255,0.3);}\r\n        \r\n        .prf-pagination { position: static !important; width: auto !important; margin: 0 10px; }\r\n        .swiper-pagination-bullet { background: #6f2cff !important; opacity: 0.3; transition: 0.3s; width: 8px; height: 8px;}\r\n        .swiper-pagination-bullet-active { opacity: 1; width: 24px; border-radius: 10px; }\r\n\r\n        \/* ================= LIGHTBOX OVERLAY ================= *\/\r\n        .prf-lightbox {\r\n            position: fixed; inset: 0; background: rgba(15, 23, 42, 0.92); backdrop-filter: blur(15px);\r\n            z-index: 9999999; display: flex; align-items: center; justify-content: center;\r\n            opacity: 0; visibility: hidden; transition: 0.4s; padding: 20px;\r\n        }\r\n        .prf-lightbox.is-active { opacity: 1; visibility: visible; }\r\n        \r\n        .prf-lb-inner {\r\n            background: #fff; border-radius: 24px; padding: 25px; max-width: 500px; width: 100%;\r\n            display: flex; flex-direction: column; align-items: center;\r\n            transform: scale(0.9) translateY(20px); transition: 0.4s cubic-bezier(0.16, 1, 0.3, 1);\r\n            box-shadow: 0 25px 50px rgba(0,0,0,0.5); position: relative;\r\n        }\r\n        .prf-lightbox.is-active .prf-lb-inner { transform: scale(1) translateY(0); }\r\n\r\n        .prf-lb-inner h4 { margin: 0 0 20px; font-size: 20px; font-weight: 850; color: #0f172a;}\r\n        .prf-lb-inner img { width: 100%; max-height: 75vh; object-fit: contain; border-radius: 16px; border: 2px solid #f1f5f9; background: #f8fafc;}\r\n\r\n        .prf-lb-close {\r\n            position: absolute; top: 25px; right: 35px; background: transparent; border: none;\r\n            font-size: 45px; font-weight: 300; color: #fff; cursor: pointer; transition: 0.3s; line-height: 1;\r\n        }\r\n        .prf-lb-close:hover { color: #f43f5e; transform: scale(1.15) rotate(90deg);}\r\n\r\n        \/* --- RESPONSIVE OPTIMIZATION --- *\/\r\n        @media (max-width: 992px) {\r\n            .smb-ultra-proof-sec { padding: 60px 20px; border-radius: 32px;}\r\n            .prf-header h2 { font-size: 36px; }\r\n            .prf-card { padding: 25px; }\r\n        }\r\n\r\n        @media (max-width: 576px) {\r\n            .smb-ultra-proof-sec { padding: 50px 15px; border-radius: 24px; margin: 40px auto;}\r\n            .prf-header h2 { font-size: 28px; }\r\n            .prf-header p { font-size: 14px; }\r\n            .prf-card { padding: 20px; border-radius: 24px;}\r\n            .prf-title { font-size: 16px; margin-bottom: 20px;}\r\n            .prf-tag { font-size: 11px; padding: 5px 0;}\r\n            .prf-lb-inner { padding: 15px; border-radius: 20px;}\r\n            .prf-lb-inner h4 { font-size: 18px; margin-bottom: 15px;}\r\n            .prf-lb-close { top: 15px; right: 20px; font-size: 35px;}\r\n        }\r\n    <\/style>\r\n\r\n    <script>\r\n        document.addEventListener(\"DOMContentLoaded\", function() {\r\n            \/\/ 1. Initialize Swiper Slider\r\n            const checkSwiper = setInterval(function() {\r\n                if (typeof Swiper !== 'undefined') {\r\n                    clearInterval(checkSwiper);\r\n                    \r\n                    new Swiper(\".smbProofSwiper\", {\r\n                        slidesPerView: 1, \/\/ Mobile: 1 Card\r\n                        spaceBetween: 20,\r\n                        loop: true,\r\n                        grabCursor: true,\r\n                        autoplay: {\r\n                            delay: 4000,\r\n                            disableOnInteraction: false,\r\n                            pauseOnMouseEnter: true\r\n                        },\r\n                        pagination: {\r\n                            el: \".prf-pagination\",\r\n                            clickable: true,\r\n                        },\r\n                        navigation: {\r\n                            nextEl: \".prf-btn-next\",\r\n                            prevEl: \".prf-btn-prev\",\r\n                        },\r\n                        breakpoints: {\r\n                            768: {\r\n                                slidesPerView: 2, \/\/ Tablet: 2 Cards\r\n                                spaceBetween: 25\r\n                            },\r\n                            1024: {\r\n                                slidesPerView: 3, \/\/ Desktop: 3 Cards\r\n                                spaceBetween: 30\r\n                            }\r\n                        }\r\n                    });\r\n                }\r\n            }, 100);\r\n        });\r\n\r\n        \/\/ 2. Lightbox Zoom Logic\r\n        const pLightbox = document.getElementById('prfLightbox');\r\n        const pLbImage = document.getElementById('prfLbImage');\r\n        const pLbTitle = document.getElementById('prfLbTitle');\r\n\r\n        window.openSmmProofLight = function(imgUrl, titleText) {\r\n            pLbImage.src = imgUrl;\r\n            pLbTitle.innerText = titleText;\r\n            pLightbox.classList.add('is-active');\r\n            document.body.style.overflow = 'hidden'; \/\/ Stop background scroll\r\n        };\r\n\r\n        window.closeSmmProofLight = function() {\r\n            pLightbox.classList.remove('is-active');\r\n            document.body.style.overflow = '';\r\n            setTimeout(() => { pLbImage.src = ''; }, 400); \/\/ Clear after fade out\r\n        };\r\n    <\/script>\r\n\r\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1981b28 e-con e-atomic-element e-flexbox-base e-a4117d5 \" data-id=\"1981b28\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"1981b28\" data-e-type=\"e-flexbox\" data-id=\"1981b28\">\n    \t\t<div class=\"elementor-element elementor-element-adf2b3a elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"adf2b3a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- SMM Bangladesh - Premium Trust Section (Smart Order & Wallet Focus) -->\r\n<section class=\"smb-trust-section\" aria-labelledby=\"smb-trust-title\">\r\n  <!-- Ambient Background Glows -->\r\n  <div class=\"smb-bg-glow smb-glow-left\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"smb-bg-glow smb-glow-right\" aria-hidden=\"true\"><\/div>\r\n\r\n  <div class=\"smb-trust-wrap\">\r\n    <div class=\"smb-trust-box smb-glass-panel\">\r\n      \r\n      <!-- ==========================================\r\n           LEFT COLUMN: Content & Features\r\n      =============================================== -->\r\n      <div class=\"smb-trust-left\">\r\n        <div class=\"smb-trust-content\">\r\n          <div class=\"smb-trust-badge\">\r\n            <span class=\"pulse-dot\"><\/span>\r\n            Smart Order System\r\n          <\/div>\r\n\r\n          <h2 id=\"smb-trust-title\">\r\n            Place Your Orders in <br><span>Just A Few Clicks<\/span>\r\n          <\/h2>\r\n\r\n          <p>\r\n            \u0986\u09ae\u09be\u09a6\u09c7\u09b0 \u0989\u09a8\u09cd\u09a8\u09a4 \u09aa\u09cd\u09af\u09be\u09a8\u09c7\u09b2 \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09c7 \u09b8\u09cb\u09b6\u09cd\u09af\u09be\u09b2 \u09ae\u09bf\u09a1\u09bf\u09af\u09bc\u09be \u09b8\u09be\u09b0\u09cd\u09ad\u09bf\u09b8 \u0985\u09b0\u09cd\u09a1\u09be\u09b0 \u0995\u09b0\u09be \u098f\u0996\u09a8 \u0986\u0997\u09c7\u09b0 \u099a\u09c7\u09df\u09c7\u0993 \u09b8\u09b9\u099c\u0964 \u0995\u09cd\u09af\u09be\u099f\u09be\u0997\u09b0\u09bf \u09b8\u09bf\u09b2\u09c7\u0995\u09cd\u099f \u0995\u09b0\u09c1\u09a8, \u09b2\u09bf\u0982\u0995 \u09a6\u09bf\u09a8 \u098f\u09ac\u0982 \u0985\u099f\u09cb\u09ae\u09c7\u099f\u09bf\u0995 \u09aa\u09cd\u09b0\u09be\u0987\u09b8 \u0995\u09cd\u09af\u09be\u09b2\u0995\u09c1\u09b2\u09c7\u099f \u0995\u09b0\u09c7 \u0985\u09b0\u09cd\u09a1\u09be\u09b0 \u09aa\u09cd\u09b2\u09c7\u09b8 \u0995\u09b0\u09c1\u09a8\u0964\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <!-- 2x2 Feature Grid Contextualized for the App -->\r\n        <div class=\"smb-trust-points\">\r\n          \r\n          <div class=\"smb-trust-item smb-glass-card\">\r\n            <div class=\"smb-trust-icon\">\r\n              <!-- Wallet Icon -->\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M21 18v1c0 1.1-.9 2-2 2H5c-1.11 0-2-.9-2-2V5c0-1.1.89-2 2-2h14c1.1 0 2 .9 2 2v1h-9c-1.11 0-2 .9-2 2v8c0 1.1.89 2 2 2h9zm-9-2h10V8H12v8zm4-2.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5z\"\/><\/svg>\r\n            <\/div>\r\n            <div class=\"smb-item-text\">\r\n              <h3>Live Wallet<\/h3>\r\n              <p>\u09a1\u09cd\u09af\u09be\u09b6\u09ac\u09cb\u09b0\u09cd\u09a1\u09c7\u0987 \u09ac\u09cd\u09af\u09be\u09b2\u09c7\u09a8\u09cd\u09b8 \u099a\u09c7\u0995<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"smb-trust-item smb-glass-card\">\r\n            <div class=\"smb-trust-icon\">\r\n              <!-- Select\/List Icon -->\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M3 13h2v-2H3v2zm0 4h2v-2H3v2zm0-8h2V7H3v2zm4 4h14v-2H7v2zm0 4h14v-2H7v2zM7 7v2h14V7H7z\"\/><\/svg>\r\n            <\/div>\r\n            <div class=\"smb-item-text\">\r\n              <h3>Easy Selection<\/h3>\r\n              <p>\u09b8\u09be\u099c\u09be\u09a8\u09cb \u0995\u09cd\u09af\u09be\u099f\u09be\u0997\u09b0\u09bf \u09b8\u09bf\u09b8\u09cd\u099f\u09c7\u09ae<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"smb-trust-item smb-glass-card\">\r\n            <div class=\"smb-trust-icon\">\r\n              <!-- Calculator Icon -->\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-6 14h-2v-2h2v2zm0-3.5h-2v-2h2v2zm0-3.5h-2v-2h2v2zm3.5 7h-2v-2h2v2zm0-3.5h-2v-2h2v2zm0-3.5h-2v-2h2v2zM17 7H7V5h10v2z\"\/><\/svg>\r\n            <\/div>\r\n            <div class=\"smb-item-text\">\r\n              <h3>Auto Calculator<\/h3>\r\n              <p>\u09b2\u09be\u0987\u09ad \u09aa\u09c7\u09ae\u09c7\u09a8\u09cd\u099f \u0995\u09cd\u09af\u09be\u09b2\u0995\u09c1\u09b2\u09c7\u09b6\u09a8<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"smb-trust-item smb-glass-card\">\r\n            <div class=\"smb-trust-icon\">\r\n              <!-- Secure Order Icon -->\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 10.99h7c-.53 4.12-3.28 7.79-7 8.94V12H5V6.3l7-3.11v8.8z\"\/><\/svg>\r\n            <\/div>\r\n            <div class=\"smb-item-text\">\r\n              <h3>Secure Order<\/h3>\r\n              <p>\u09e7\u09e6\u09e6% \u09a8\u09bf\u09b0\u09be\u09aa\u09a6 \u09aa\u09cd\u09b0\u09b8\u09c7\u09b8\u09bf\u0982<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- ==========================================\r\n           RIGHT COLUMN: Uploaded App Mockup\r\n      =============================================== -->\r\n      <div class=\"smb-trust-right\">\r\n        <div class=\"smb-image-wrapper\">\r\n          \r\n          <!-- Background Glow Effect for Image -->\r\n          <div class=\"smb-image-glow\"><\/div>\r\n\r\n          <!-- User Uploaded Mobile App Mockup -->\r\n          <div class=\"smb-mockup-image\">\r\n            <img decoding=\"async\" src=\"https:\/\/smmbangladesh.com\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-Jul-18-2026-05_07_15-PM.png\" alt=\"SMM Bangladesh Order Placement Screen\">\r\n          <\/div>\r\n\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  \/* --- BASE SETUP & VARIABLES --- *\/\r\n  .smb-trust-section, .smb-trust-section * { box-sizing: border-box; }\r\n\r\n  .smb-trust-section {\r\n    --brand: #6f2cff;\r\n    --brand-light: #8b5cf6;\r\n    --accent: #f6c85f;\r\n    --navy: #111936;\r\n    --text: #56607a;\r\n    \r\n    --glass-bg: rgba(255, 255, 255, 0.65);\r\n    --glass-border: rgba(255, 255, 255, 0.85);\r\n    --glass-shadow: 0 35px 70px rgba(17, 25, 54, 0.08);\r\n\r\n    position: relative;\r\n    width: 100%;\r\n    overflow: hidden;\r\n    padding: clamp(80px, 8vw, 120px) 20px;\r\n    background: linear-gradient(180deg, #fbf9ff 0%, #ffffff 100%);\r\n    font-family: 'Segoe UI', system-ui, sans-serif;\r\n  }\r\n\r\n  \/* --- AMBIENT GLOW EFFECTS --- *\/\r\n  .smb-bg-glow {\r\n    position: absolute; border-radius: 50%; filter: blur(100px); z-index: 0; opacity: 0.6; pointer-events: none; animation: trustFloat 10s infinite alternate ease-in-out;\r\n  }\r\n  .smb-glow-left { width: 450px; height: 450px; top: 0%; left: -100px; background: rgba(111, 44, 255, 0.12); }\r\n  .smb-glow-right { width: 450px; height: 450px; bottom: -50px; right: -100px; background: rgba(246, 200, 95, 0.15); animation-delay: -3s;}\r\n  @keyframes trustFloat { 100% { transform: translateY(40px) scale(1.1); } }\r\n\r\n  .smb-trust-wrap { width: min(100%, 1300px); margin: 0 auto; position: relative; z-index: 2; }\r\n\r\n  \/* --- MAIN GLASSMORPHISM PANEL --- *\/\r\n  .smb-glass-panel {\r\n    background: var(--glass-bg);\r\n    backdrop-filter: blur(30px);\r\n    -webkit-backdrop-filter: blur(30px);\r\n    border: 1px solid var(--glass-border);\r\n    box-shadow: var(--glass-shadow);\r\n    border-radius: 40px;\r\n  }\r\n\r\n  .smb-trust-box {\r\n    display: grid;\r\n    grid-template-columns: 1.15fr 0.85fr; \r\n    gap: clamp(40px, 5vw, 60px);\r\n    align-items: center;\r\n    padding: clamp(40px, 5vw, 60px);\r\n  }\r\n\r\n  \/* --- LEFT COLUMN: CONTENT --- *\/\r\n  .smb-trust-left { display: flex; flex-direction: column; gap: 40px; }\r\n\r\n  .smb-trust-badge {\r\n    display: inline-flex; align-items: center; gap: 10px; padding: 8px 18px; border-radius: 999px;\r\n    color: var(--brand); background: rgba(255, 255, 255, 0.9); border: 1px solid rgba(111, 44, 255, 0.15);\r\n    font-size: 14px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 20px;\r\n    box-shadow: 0 10px 20px rgba(111, 44, 255, 0.05);\r\n  }\r\n  .pulse-dot { width: 10px; height: 10px; border-radius: 50%; background: var(--brand); box-shadow: 0 0 0 0 rgba(111, 44, 255, 0.4); animation: pulseBrand 2s infinite; }\r\n  @keyframes pulseBrand { 70% { box-shadow: 0 0 0 8px rgba(111, 44, 255, 0); } 100% { box-shadow: 0 0 0 0 rgba(111, 44, 255, 0); } }\r\n\r\n  .smb-trust-content h2 { margin: 0; color: var(--navy); font-size: clamp(38px, 4.5vw, 56px); font-weight: 900; line-height: 1.1; letter-spacing: -1px; }\r\n  .smb-trust-content h2 span { background: linear-gradient(135deg, var(--brand), var(--brand-light)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: block; margin-top: 5px;}\r\n  .smb-trust-content p { margin: 25px 0 0; color: var(--text); font-size: clamp(16px, 1.2vw, 18px); line-height: 1.7; font-weight: 500; }\r\n\r\n  \/* Feature Grid *\/\r\n  .smb-trust-points { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }\r\n\r\n  .smb-glass-card {\r\n    background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px);\r\n    border: 1px solid rgba(255, 255, 255, 0.9); box-shadow: 0 15px 30px rgba(17, 25, 54, 0.03);\r\n    border-radius: 24px; padding: 20px; display: flex; align-items: center; gap: 18px;\r\n    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); cursor: default;\r\n  }\r\n  .smb-glass-card:hover { transform: translateY(-5px); border-color: rgba(111, 44, 255, 0.25); box-shadow: 0 25px 45px rgba(111, 44, 255, 0.08); background: #fff;}\r\n  \r\n  .smb-trust-icon {\r\n    flex-shrink: 0; width: 52px; height: 52px; display: grid; place-items: center; border-radius: 16px;\r\n    background: linear-gradient(135deg, rgba(111, 44, 255, 0.1), rgba(111, 44, 255, 0.02));\r\n    border: 1px solid rgba(111, 44, 255, 0.1); transition: 0.4s;\r\n  }\r\n  .smb-trust-icon svg { width: 26px; height: 26px; fill: var(--brand); transition: 0.4s; }\r\n  .smb-glass-card:hover .smb-trust-icon { background: var(--brand); }\r\n  .smb-glass-card:hover .smb-trust-icon svg { fill: #fff; transform: scale(1.1); }\r\n\r\n  .smb-item-text h3 { margin: 0 0 5px; color: var(--navy); font-size: 17px; font-weight: 850; letter-spacing: -0.5px;}\r\n  .smb-item-text p { margin: 0; color: var(--text); font-size: 14px; font-weight: 600; }\r\n\r\n  \/* --- RIGHT COLUMN: IMAGE --- *\/\r\n  .smb-trust-right { display: flex; justify-content: center; align-items: center; position: relative; padding: 20px 0; }\r\n  \r\n  .smb-image-wrapper { position: relative; width: 100%; max-width: 360px; margin: 0 auto; }\r\n\r\n  \/* Animated Glow behind the image *\/\r\n  .smb-image-glow {\r\n    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);\r\n    width: 90%; height: 90%; background: radial-gradient(circle, rgba(111, 44, 255, 0.25) 0%, transparent 70%);\r\n    filter: blur(40px); z-index: 0; animation: pulseGlow 4s ease-in-out infinite alternate;\r\n  }\r\n  @keyframes pulseGlow { 0% { opacity: 0.5; transform: translate(-50%, -50%) scale(0.9); } 100% { opacity: 0.9; transform: translate(-50%, -50%) scale(1.1); } }\r\n\r\n  \/* User Image Display *\/\r\n  .smb-mockup-image {\r\n    position: relative;\r\n    z-index: 2;\r\n    width: 100%;\r\n    animation: floatImage 6s ease-in-out infinite;\r\n  }\r\n  .smb-mockup-image img {\r\n    width: 100%;\r\n    height: auto;\r\n    object-fit: contain;\r\n    filter: drop-shadow(0 25px 45px rgba(0,0,0,0.15));\r\n  }\r\n  @keyframes floatImage { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(-15px); } }\r\n\r\n  \/* --- RESPONSIVE ADJUSTMENTS --- *\/\r\n  @media (max-width: 1100px) {\r\n    .smb-trust-box { grid-template-columns: 1fr; gap: 60px; padding: 40px; }\r\n    .smb-trust-left { max-width: 800px; margin: 0 auto; text-align: center; }\r\n    .smb-trust-badge { margin: 0 auto 20px; }\r\n    .smb-trust-content p { margin: 20px auto 0; }\r\n    .smb-trust-points { text-align: left; }\r\n    .smb-trust-right { margin-top: 10px; }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .smb-trust-section { padding: 90px 16px 80px; }\r\n    .smb-trust-box { padding: 35px 20px; border-radius: 36px; }\r\n    \r\n    .smb-trust-points { grid-template-columns: 1fr; gap: 15px; }\r\n    .smb-trust-content h2 { font-size: 34px; letter-spacing: -0.5px; }\r\n    \r\n    .smb-image-wrapper { max-width: 300px; }\r\n  }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-6af762d e-con e-atomic-element e-flexbox-base e-c73858b \" data-id=\"6af762d\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"6af762d\" data-e-type=\"e-flexbox\" data-id=\"6af762d\">\n    \t\t<div class=\"elementor-element elementor-element-f4e1c87 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"f4e1c87\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"smb-faq-section\" id=\"faq\" aria-labelledby=\"smb-faq-title\">\r\n  <div class=\"smb-faq-wrap\">\r\n\r\n    <div class=\"smb-faq-head\">\r\n      <div class=\"smb-faq-badge\">\r\n        <span><\/span>\r\n        FAQ\r\n      <\/div>\r\n\r\n      <h2 id=\"smb-faq-title\">\r\n        Questions Before You <span>Get Started?<\/span>\r\n      <\/h2>\r\n\r\n      <p>\r\n        Here are some quick answers to help you understand how SMM Bangladesh works.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"smb-faq-list\">\r\n\r\n      <div class=\"smb-faq-item is-open\">\r\n        <button class=\"smb-faq-question\" type=\"button\" aria-expanded=\"true\">\r\n          <span>What is SMM Bangladesh?<\/span>\r\n          <b>+<\/b>\r\n        <\/button>\r\n        <div class=\"smb-faq-answer\">\r\n          <p>\r\n            SMM Bangladesh is a social media growth panel where you can order services for platforms like Facebook, Instagram, YouTube, TikTok, Telegram and more from one simple dashboard.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"smb-faq-item\">\r\n        <button class=\"smb-faq-question\" type=\"button\" aria-expanded=\"false\">\r\n          <span>How do I place an order?<\/span>\r\n          <b>+<\/b>\r\n        <\/button>\r\n        <div class=\"smb-faq-answer\">\r\n          <p>\r\n            First create an account, add balance, select your service, submit the required link and confirm your order. You can track the progress from your panel dashboard.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"smb-faq-item\">\r\n        <button class=\"smb-faq-question\" type=\"button\" aria-expanded=\"false\">\r\n          <span>Which social platforms are supported?<\/span>\r\n          <b>+<\/b>\r\n        <\/button>\r\n        <div class=\"smb-faq-answer\">\r\n          <p>\r\n            The panel supports popular platforms such as Facebook, Instagram, YouTube, TikTok, Telegram and other social media growth services depending on available packages.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"smb-faq-item\">\r\n        <button class=\"smb-faq-question\" type=\"button\" aria-expanded=\"false\">\r\n          <span>Can agencies or resellers use this panel?<\/span>\r\n          <b>+<\/b>\r\n        <\/button>\r\n        <div class=\"smb-faq-answer\">\r\n          <p>\r\n            Yes. Freelancers, agencies, marketers and business owners can use SMM Bangladesh to manage multiple social media growth orders from one clean panel.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"smb-faq-item\">\r\n        <button class=\"smb-faq-question\" type=\"button\" aria-expanded=\"false\">\r\n          <span>Is support available if I need help?<\/span>\r\n          <b>+<\/b>\r\n        <\/button>\r\n        <div class=\"smb-faq-answer\">\r\n          <p>\r\n            Yes. If you face any issue with account, payment or order tracking, you can contact support for assistance.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  .smb-faq-section {\r\n    position: relative;\r\n    width: 100%;\r\n    overflow: hidden;\r\n    padding: clamp(54px, 6vw, 92px) 16px;\r\n    background:\r\n      radial-gradient(circle at 12% 0%, rgba(111, 44, 255, 0.08), transparent 32%),\r\n      radial-gradient(circle at 90% 8%, rgba(246, 200, 95, 0.14), transparent 30%),\r\n      linear-gradient(180deg, #ffffff 0%, #fbf9ff 100%);\r\n  }\r\n\r\n  .smb-faq-wrap {\r\n    width: min(100%, 1240px);\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .smb-faq-head {\r\n    max-width: 720px;\r\n    margin: 0 auto clamp(30px, 4vw, 48px);\r\n    text-align: center;\r\n  }\r\n\r\n  .smb-faq-badge {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 9px;\r\n    width: fit-content;\r\n    margin: 0 auto 18px;\r\n    padding: 9px 16px;\r\n    border: 1px solid rgba(111, 44, 255, 0.16);\r\n    border-radius: 999px;\r\n    color: #6f2cff;\r\n    background: rgba(255, 255, 255, 0.76);\r\n    box-shadow: 0 12px 32px rgba(111, 44, 255, 0.08);\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    line-height: 1;\r\n  }\r\n\r\n  .smb-faq-badge span {\r\n    width: 10px;\r\n    height: 10px;\r\n    border-radius: 50%;\r\n    background: linear-gradient(135deg, #6f2cff, #f6c85f);\r\n    box-shadow: 0 0 0 5px rgba(111, 44, 255, 0.10);\r\n  }\r\n\r\n  .smb-faq-head h2 {\r\n    margin: 0;\r\n    color: #111936;\r\n    font-size: clamp(34px, 4.6vw, 58px);\r\n    font-weight: 800;\r\n    line-height: 1.08;\r\n    letter-spacing: -0.045em;\r\n  }\r\n\r\n  .smb-faq-head h2 span {\r\n    display: inline-block;\r\n    background: linear-gradient(100deg, #6f2cff, #4d35bd 50%, #bc6b7a 100%);\r\n    -webkit-background-clip: text;\r\n    background-clip: text;\r\n    color: transparent;\r\n  }\r\n\r\n  .smb-faq-head p {\r\n    max-width: 620px;\r\n    margin: 18px auto 0;\r\n    color: #56607a;\r\n    font-size: clamp(15px, 1.3vw, 18px);\r\n    line-height: 1.78;\r\n  }\r\n\r\n  .smb-faq-list {\r\n    max-width: 860px;\r\n    margin: 0 auto;\r\n    display: grid;\r\n    gap: 14px;\r\n  }\r\n\r\n  .smb-faq-item {\r\n    border: 1px solid rgba(111, 44, 255, 0.13);\r\n    border-radius: 24px;\r\n    background:\r\n      linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(255, 255, 255, 0.82)),\r\n      radial-gradient(circle at 0% 0%, rgba(111, 44, 255, 0.08), transparent 32%),\r\n      radial-gradient(circle at 100% 0%, rgba(246, 200, 95, 0.12), transparent 30%);\r\n    box-shadow: 0 16px 42px rgba(29, 21, 79, 0.06);\r\n    overflow: hidden;\r\n  }\r\n\r\n  .smb-faq-question {\r\n    width: 100%;\r\n    border: 0;\r\n    outline: 0;\r\n    background: transparent;\r\n    cursor: pointer;\r\n    padding: 22px 24px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 18px;\r\n    text-align: left;\r\n    color: #111936;\r\n    font-size: clamp(17px, 1.5vw, 20px);\r\n    font-weight: 750;\r\n    line-height: 1.35;\r\n    letter-spacing: -0.02em;\r\n  }\r\n\r\n  .smb-faq-question b {\r\n    flex: 0 0 auto;\r\n    display: grid;\r\n    place-items: center;\r\n    width: 34px;\r\n    height: 34px;\r\n    border-radius: 50%;\r\n    color: #ffffff;\r\n    background: linear-gradient(135deg, #6f2cff, #b65f8b);\r\n    box-shadow: 0 12px 24px rgba(111, 44, 255, 0.18);\r\n    font-size: 22px;\r\n    font-weight: 500;\r\n    line-height: 1;\r\n    transition: transform 0.25s ease;\r\n  }\r\n\r\n  .smb-faq-answer {\r\n    max-height: 0;\r\n    overflow: hidden;\r\n    transition: max-height 0.28s ease;\r\n  }\r\n\r\n  .smb-faq-answer p {\r\n    margin: 0;\r\n    padding: 0 24px 22px;\r\n    color: #56607a;\r\n    font-size: 15.5px;\r\n    line-height: 1.78;\r\n  }\r\n\r\n  .smb-faq-item.is-open .smb-faq-answer {\r\n    max-height: 220px;\r\n  }\r\n\r\n  .smb-faq-item.is-open .smb-faq-question b {\r\n    transform: rotate(45deg);\r\n  }\r\n\r\n  @media (max-width: 767px) {\r\n    .smb-faq-section {\r\n      padding: 48px 16px 68px;\r\n    }\r\n\r\n    .smb-faq-head {\r\n      text-align: left;\r\n      margin-bottom: 28px;\r\n    }\r\n\r\n    .smb-faq-badge {\r\n      margin-left: 0;\r\n      margin-right: 0;\r\n      font-size: 13px;\r\n      padding: 9px 14px;\r\n    }\r\n\r\n    .smb-faq-head h2 {\r\n      letter-spacing: -0.035em;\r\n    }\r\n\r\n    .smb-faq-head p {\r\n      margin-left: 0;\r\n      margin-right: 0;\r\n      line-height: 1.75;\r\n    }\r\n\r\n    .smb-faq-list {\r\n      gap: 12px;\r\n    }\r\n\r\n    .smb-faq-item {\r\n      border-radius: 21px;\r\n    }\r\n\r\n    .smb-faq-question {\r\n      padding: 19px 18px;\r\n      gap: 14px;\r\n    }\r\n\r\n    .smb-faq-question b {\r\n      width: 31px;\r\n      height: 31px;\r\n      font-size: 20px;\r\n    }\r\n\r\n    .smb-faq-answer p {\r\n      padding: 0 18px 19px;\r\n      font-size: 15px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 420px) {\r\n    .smb-faq-section {\r\n      padding-left: 14px;\r\n      padding-right: 14px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  (function () {\r\n    const faqItems = document.querySelectorAll(\".smb-faq-item\");\r\n\r\n    faqItems.forEach(function (item) {\r\n      const button = item.querySelector(\".smb-faq-question\");\r\n\r\n      button.addEventListener(\"click\", function () {\r\n        const isOpen = item.classList.contains(\"is-open\");\r\n\r\n        faqItems.forEach(function (faq) {\r\n          faq.classList.remove(\"is-open\");\r\n          const faqButton = faq.querySelector(\".smb-faq-question\");\r\n          if (faqButton) {\r\n            faqButton.setAttribute(\"aria-expanded\", \"false\");\r\n          }\r\n        });\r\n\r\n        if (!isOpen) {\r\n          item.classList.add(\"is-open\");\r\n          button.setAttribute(\"aria-expanded\", \"true\");\r\n        }\r\n      });\r\n    });\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-5f673a3 e-con e-atomic-element e-flexbox-base e-75199c0 \" data-id=\"5f673a3\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"5f673a3\" data-e-type=\"e-flexbox\" data-id=\"5f673a3\">\n    \t\t<div class=\"elementor-element elementor-element-01fb915 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"01fb915\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- SMM Bangladesh - Ultra-Premium CTA Section (Referral & Notification Focus) -->\r\n<section class=\"smb-cta-pro-section\" aria-labelledby=\"smb-cta-title\">\r\n  \r\n  <!-- Advanced Ambient Background Glows -->\r\n  <div class=\"smb-cta-pro-bg-glow glow-1\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"smb-cta-pro-bg-glow glow-2\" aria-hidden=\"true\"><\/div>\r\n\r\n  <div class=\"smb-cta-pro-container\">\r\n    <div class=\"smb-cta-pro-glass-box\">\r\n      \r\n      <!-- ==========================================\r\n           LEFT COLUMN: 3D Mobile Mockup & Floating UIs\r\n      =============================================== -->\r\n      <div class=\"smb-cta-pro-visual\">\r\n        <!-- Visual Glow behind the image -->\r\n        <div class=\"smb-pro-visual-glow\"><\/div>\r\n        \r\n        <!-- User Uploaded 3D Image (Referral & Notification Mockup) -->\r\n        <img decoding=\"async\" src=\"https:\/\/smmbangladesh.com\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-Jul-18-2026-05_17_42-PM.png\" alt=\"SMM Bangladesh Affiliate & Notification App\" class=\"smb-pro-3d-mockup\" loading=\"lazy\">\r\n        \r\n        <!-- Floating UI Card 1: Commission Earned -->\r\n        <div class=\"smb-float-ui ui-ref-bonus smb-pro-glass\">\r\n          <div class=\"ui-icon\">\ud83d\udcb8<\/div>\r\n          <div class=\"ui-text\">\r\n            <strong>Commission Added<\/strong>\r\n            <span>+\u09f3 50.00 from referral<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Floating UI Card 2: Live Alert -->\r\n        <div class=\"smb-float-ui ui-live-alert smb-pro-glass\">\r\n          <div class=\"ui-icon alert-bell\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 22c1.1 0 2-.9 2-2h-4c0 1.1.9 2 2 2zm6-6v-5c0-3.07-1.63-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.64 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2z\"\/><\/svg>\r\n            <span class=\"bell-dot\"><\/span>\r\n          <\/div>\r\n          <div class=\"ui-text\">\r\n            <strong>New Notification<\/strong>\r\n            <span>Update received just now<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- ==========================================\r\n           RIGHT COLUMN: Content & Actions\r\n      =============================================== -->\r\n      <div class=\"smb-cta-pro-content\">\r\n        \r\n        <div class=\"smb-cta-pro-badge smb-pro-glass\">\r\n          <span class=\"pro-pulse-dot\"><\/span>\r\n          Refer & Earn Program\r\n        <\/div>\r\n\r\n        <h2 id=\"smb-cta-title\">\r\n          Share, Earn & Track <br><span>All in One Place<\/span>\r\n        <\/h2>\r\n\r\n        <p>\r\n          \u0986\u09aa\u09a8\u09be\u09b0 \u0987\u0989\u09a8\u09bf\u0995 QR \u0995\u09cb\u09a1 \u09b8\u09cd\u0995\u09cd\u09af\u09be\u09a8 \u0995\u09b0\u09c7 \u09ac\u09a8\u09cd\u09a7\u09c1\u09a6\u09c7\u09b0 \u0987\u09a8\u09ad\u09be\u0987\u099f \u0995\u09b0\u09c1\u09a8 \u098f\u09ac\u0982 \u09aa\u09cd\u09b0\u09a4\u09bf\u099f\u09bf \u0985\u09b0\u09cd\u09a1\u09be\u09b0\u09c7 \u09b2\u09be\u0987\u09ab\u099f\u09be\u0987\u09ae \u0995\u09ae\u09bf\u09b6\u09a8 \u099c\u09bf\u09a4\u09c7 \u09a8\u09bf\u09a8\u0964 \u09a1\u09cd\u09af\u09be\u09b6\u09ac\u09cb\u09b0\u09cd\u09a1\u09c7 \u09a5\u09be\u0995\u09be \u09b8\u09cd\u09ae\u09be\u09b0\u09cd\u099f \u0987\u09a8-\u0985\u09cd\u09af\u09be\u09aa \u09a8\u09cb\u099f\u09bf\u09ab\u09bf\u0995\u09c7\u09b6\u09a8\u09c7\u09b0 \u09ae\u09be\u09a7\u09cd\u09af\u09ae\u09c7 \u0986\u09aa\u09a8\u09be\u09b0 \u0985\u09cd\u09af\u09be\u0995\u09be\u0989\u09a8\u09cd\u099f \u098f\u09ac\u0982 \u0985\u09b0\u09cd\u09a1\u09be\u09b0\u09c7\u09b0 \u09b8\u09ac \u09b2\u09be\u0987\u09ad \u0986\u09aa\u09a1\u09c7\u099f \u09aa\u09be\u09a8 \u09b8\u09ac\u09be\u09b0 \u0986\u0997\u09c7\u0964\r\n        <\/p>\r\n\r\n        <!-- Mini Feature Cards Grid (Contextualized) -->\r\n        <div class=\"smb-cta-pro-mini-grid\">\r\n          \r\n          <div class=\"smb-pro-mini-card smb-pro-glass\">\r\n            <div class=\"pro-mini-icon\">\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z\"\/><\/svg>\r\n            <\/div>\r\n            <div class=\"pro-mini-text\">\r\n              <strong>Smart QR<\/strong>\r\n              <span>Easy Sharing<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          \r\n          <div class=\"smb-pro-mini-card smb-pro-glass\">\r\n            <div class=\"pro-mini-icon\">\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M11.8 10.9c-2.27-.59-3-1.2-3-2.15 0-1.09 1.01-1.85 2.7-1.85 1.78 0 2.44.85 2.5 2.1h2.21c-.07-1.72-1.12-3.3-3.21-3.81V3h-3v2.16c-1.94.42-3.5 1.68-3.5 3.61 0 2.31 1.91 3.46 4.7 4.13 2.5.6 3 1.48 3 2.41 0 .69-.49 1.79-2.7 1.79-2.06 0-2.87-.92-2.98-2.1h-2.2c.12 2.19 1.76 3.42 3.68 3.83V21h3v-2.15c1.95-.37 3.5-1.5 3.5-3.55 0-2.84-2.43-3.81-4.7-4.4z\"\/><\/svg>\r\n            <\/div>\r\n            <div class=\"pro-mini-text\">\r\n              <strong>Commissions<\/strong>\r\n              <span>Passive Income<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          \r\n          <div class=\"smb-pro-mini-card smb-pro-glass\">\r\n            <div class=\"pro-mini-icon\">\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M22 9.24l-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4l-3.76 2.27 1-4.28-3.32-2.88 4.38-.38L12 6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z\"\/><\/svg>\r\n            <\/div>\r\n            <div class=\"pro-mini-text\">\r\n              <strong>Live Alerts<\/strong>\r\n              <span>Push Notices<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Call to Action Buttons -->\r\n        <div class=\"smb-cta-pro-actions\">\r\n          <a href=\"https:\/\/smmbangladesh.com\/wp-content\/uploads\/2026\/08\/SMM-Bangladesh-APP.apk\" class=\"smb-pro-btn-primary\">\r\n            <span class=\"pro-btn-shine\"><\/span>\r\n            Join & Start Earning\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n          <\/a>\r\n          <a href=\"https:\/\/smmbangladesh.com\/auth\" class=\"smb-pro-btn-outline smb-pro-glass\">\r\n            Login Dashboard\r\n          <\/a>\r\n        <\/div>\r\n        \r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  \/* --- BASE SETUP & VARIABLES --- *\/\r\n  .smb-cta-pro-section, .smb-cta-pro-section * { box-sizing: border-box; }\r\n\r\n  .smb-cta-pro-section {\r\n    --cta-pro-p: #6f2cff; \/* Primary Purple *\/\r\n    --cta-pro-s: #8b5cf6; \/* Secondary Purple *\/\r\n    --cta-pro-a: #f6c85f; \/* Accent Gold *\/\r\n    --cta-pro-n: #0f172a; \/* Deep Navy (Text Heading) *\/\r\n    --cta-pro-t: #475569; \/* Gray Text (Paragraph) *\/\r\n    \r\n    --glass-pro-bg: rgba(255, 255, 255, 0.45);\r\n    --glass-pro-border: rgba(255, 255, 255, 0.8);\r\n    --glass-pro-shadow: 0 35px 70px rgba(15, 23, 42, 0.08);\r\n\r\n    position: relative;\r\n    width: 100%;\r\n    overflow: hidden;\r\n    padding: clamp(60px, 8vw, 100px) 16px;\r\n    background: linear-gradient(180deg, #fbf8ff 0%, #ffffff 50%, #fefcf5 100%);\r\n    font-family: 'Segoe UI', system-ui, sans-serif;\r\n  }\r\n\r\n  \/* Common Glassmorphism Class *\/\r\n  .smb-pro-glass {\r\n    background: rgba(255, 255, 255, 0.6);\r\n    backdrop-filter: blur(20px);\r\n    -webkit-backdrop-filter: blur(20px);\r\n    border: 1px solid var(--glass-pro-border);\r\n    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.03);\r\n  }\r\n\r\n  \/* --- ADVANCED GLOW EFFECTS --- *\/\r\n  .smb-cta-pro-bg-glow {\r\n    position: absolute; border-radius: 50%; filter: blur(100px); z-index: 0; opacity: 0.6; animation: ctaProFloat 15s infinite alternate ease-in-out; pointer-events: none;\r\n  }\r\n  .glow-1 { width: 500px; height: 500px; top: -100px; left: -150px; background: rgba(111, 44, 255, 0.18); }\r\n  .glow-2 { width: 450px; height: 450px; bottom: -100px; right: -150px; background: rgba(246, 200, 95, 0.18); animation-delay: -5s; }\r\n  @keyframes ctaProFloat { 100% { transform: translateY(50px) scale(1.1); } }\r\n\r\n  .smb-cta-pro-container { width: min(100%, 1320px); margin: 0 auto; position: relative; z-index: 2; }\r\n\r\n  \/* --- MAIN GLASSMORPHISM BOX --- *\/\r\n  .smb-cta-pro-glass-box {\r\n    display: grid;\r\n    grid-template-columns: 0.95fr 1.05fr;\r\n    gap: clamp(40px, 5vw, 60px);\r\n    align-items: center;\r\n    background: var(--glass-pro-bg);\r\n    backdrop-filter: blur(30px);\r\n    -webkit-backdrop-filter: blur(30px);\r\n    border: 1px solid var(--glass-pro-border);\r\n    box-shadow: var(--glass-pro-shadow);\r\n    border-radius: 40px;\r\n    padding: clamp(40px, 5vw, 70px);\r\n    overflow: hidden;\r\n    position: relative;\r\n  }\r\n  .smb-cta-pro-glass-box::before {\r\n    content: ''; position: absolute; inset: 0; border: 2px solid transparent; background: linear-gradient(135deg, rgba(255,255,255,0.9), rgba(255,255,255,0.1)) border-box; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; border-radius: 40px;\r\n  }\r\n\r\n  \/* --- LEFT COLUMN: 3D VISUAL & FLOATING CARDS --- *\/\r\n  .smb-cta-pro-visual { position: relative; display: flex; justify-content: center; align-items: center; }\r\n  \r\n  .smb-pro-visual-glow {\r\n    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);\r\n    width: 85%; height: 85%; background: radial-gradient(circle, rgba(111, 44, 255, 0.25) 0%, transparent 70%);\r\n    filter: blur(40px); z-index: 0; animation: pulseProGlow 4s infinite alternate ease-in-out;\r\n  }\r\n  @keyframes pulseProGlow { 100% { transform: translate(-50%, -50%) scale(1.05); opacity: 0.8; } }\r\n\r\n  .smb-pro-3d-mockup {\r\n    position: relative; z-index: 1; width: 100%; max-width: 480px; height: auto; object-fit: contain;\r\n    animation: floatProImage 6s ease-in-out infinite; filter: drop-shadow(0 25px 50px rgba(15, 23, 42, 0.15));\r\n  }\r\n  @keyframes floatProImage { 0%, 100% { transform: translateY(0px) rotate(0deg); } 50% { transform: translateY(-15px) rotate(1deg); } }\r\n\r\n  \/* Floating UI Cards Styles *\/\r\n  .smb-float-ui {\r\n    position: absolute; z-index: 5; display: flex; align-items: center; gap: 12px;\r\n    padding: 14px 20px; border-radius: 20px; min-width: max-content;\r\n    box-shadow: 0 15px 35px rgba(15, 23, 42, 0.1);\r\n  }\r\n  .ui-ref-bonus { \r\n    top: 15%; left: -30px; animation: floatUIBadge 5s ease-in-out infinite alternate; \r\n  }\r\n  .ui-live-alert { \r\n    bottom: 25%; right: -20px; animation: floatUIBadge 6s ease-in-out infinite alternate-reverse; \r\n  }\r\n  @keyframes floatUIBadge { 0% { transform: translateY(0px); } 100% { transform: translateY(-12px); } }\r\n\r\n  .ui-icon { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 50%; font-size: 20px; position: relative; }\r\n  .ui-ref-bonus .ui-icon { background: rgba(34, 197, 94, 0.15); border: 1px solid rgba(34, 197, 94, 0.3); }\r\n  .ui-live-alert .ui-icon { background: rgba(111, 44, 255, 0.1); border: 1px solid rgba(111, 44, 255, 0.2); }\r\n  .ui-live-alert .ui-icon svg { width: 20px; fill: var(--cta-pro-p); }\r\n  .bell-dot { position: absolute; top: 8px; right: 10px; width: 8px; height: 8px; background: #ef4444; border-radius: 50%; border: 2px solid #fff; }\r\n\r\n  .ui-text strong { display: block; font-size: 14px; color: var(--cta-pro-n); font-weight: 850; margin-bottom: 2px;}\r\n  .ui-text span { display: block; font-size: 12px; color: var(--cta-pro-t); font-weight: 600; }\r\n\r\n  \/* --- RIGHT COLUMN: CONTENT --- *\/\r\n  .smb-cta-pro-content { display: flex; flex-direction: column; position: relative; z-index: 2;}\r\n\r\n  .smb-cta-pro-badge {\r\n    display: inline-flex; align-items: center; gap: 10px; padding: 10px 20px; border-radius: 999px;\r\n    color: var(--cta-pro-p); font-size: 14px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.8px; margin-bottom: 25px;\r\n    width: fit-content;\r\n  }\r\n  .pro-pulse-dot { width: 10px; height: 10px; border-radius: 50%; background: #22c55e; box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.5); animation: pulseProGreen 2s infinite; }\r\n  @keyframes pulseProGreen { 70% { box-shadow: 0 0 0 10px rgba(34, 197, 94, 0); } 100% { box-shadow: 0 0 0 0 rgba(34, 197, 94, 0); } }\r\n\r\n  .smb-cta-pro-content h2 { margin: 0; color: var(--cta-pro-n); font-size: clamp(40px, 4.8vw, 64px); font-weight: 900; line-height: 1.1; letter-spacing: -1.5px; }\r\n  .smb-cta-pro-content h2 span { background: linear-gradient(135deg, var(--cta-pro-p), #bc6b7a); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline-block; margin-top: 5px; }\r\n  .smb-cta-pro-content p { margin: 25px 0 0; color: var(--cta-pro-t); font-size: clamp(16px, 1.25vw, 19px); line-height: 1.8; font-weight: 500; max-width: 680px;}\r\n\r\n  \/* Mini Feature Cards *\/\r\n  .smb-cta-pro-mini-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin: 40px 0; }\r\n  .smb-pro-mini-card {\r\n    padding: 18px; display: flex; align-items: center; gap: 12px; border-radius: 20px;\r\n    transition: all 0.3s ease;\r\n  }\r\n  .smb-pro-mini-card:hover { transform: translateY(-5px); border-color: rgba(111, 44, 255, 0.3); box-shadow: 0 15px 35px rgba(111, 44, 255, 0.1); background: #fff;}\r\n  .pro-mini-icon { flex-shrink: 0; width: 44px; height: 44px; display: grid; place-items: center; background: rgba(111, 44, 255, 0.1); border-radius: 12px; color: var(--cta-pro-p); }\r\n  .pro-mini-icon svg { width: 22px; fill: currentColor; }\r\n  .pro-mini-text strong { display: block; font-size: 14px; font-weight: 850; color: var(--cta-pro-n); line-height: 1.2; letter-spacing: -0.3px;}\r\n  .pro-mini-text span { display: block; font-size: 12px; color: var(--cta-pro-t); font-weight: 600; margin-top: 3px;}\r\n\r\n  \/* Actions (Buttons) *\/\r\n  .smb-cta-pro-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 20px; margin-top: 10px; }\r\n  \r\n  .smb-pro-btn-primary { \r\n    position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 12px; height: 60px; padding: 0 36px; \r\n    border-radius: 999px; background: linear-gradient(135deg, var(--cta-pro-p), var(--cta-pro-s)); color: #ffffff !important; \r\n    font-size: 17px; font-weight: 800; text-decoration: none; transition: 0.3s; box-shadow: 0 15px 35px rgba(111, 44, 255, 0.35); text-transform: uppercase; letter-spacing: 0.8px; overflow: hidden;\r\n  }\r\n  .smb-pro-btn-primary:hover { transform: translateY(-3px); box-shadow: 0 20px 45px rgba(111, 44, 255, 0.45); }\r\n  .smb-pro-btn-primary svg { width: 22px; fill: none; stroke: currentColor; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; transition: 0.3s; position: relative; z-index: 2;}\r\n  .smb-pro-btn-primary:hover svg { transform: translateX(5px); }\r\n  \r\n  \/* Button Shine Effect *\/\r\n  .pro-btn-shine {\r\n    position: absolute; top: 0; left: -100%; width: 100%; height: 100%;\r\n    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.25), transparent);\r\n    transition: 0.5s; z-index: 1;\r\n  }\r\n  .smb-pro-btn-primary:hover .pro-btn-shine { left: 100%; }\r\n\r\n  .smb-pro-btn-outline { \r\n    display: inline-flex; align-items: center; justify-content: center; height: 60px; padding: 0 36px; \r\n    border-radius: 999px; color: var(--cta-pro-n); font-size: 17px; font-weight: 800; text-decoration: none; transition: 0.3s; \r\n    border: 1px solid rgba(111, 44, 255, 0.25); text-transform: uppercase; letter-spacing: 0.8px;\r\n  }\r\n  .smb-pro-btn-outline:hover { background: #fff; border-color: var(--cta-pro-p); color: var(--cta-pro-p) !important; transform: translateY(-3px); box-shadow: 0 15px 35px rgba(111, 44, 255, 0.12); }\r\n\r\n\r\n  \/* --- RESPONSIVE DESIGN --- *\/\r\n  @media (max-width: 1200px) {\r\n    .smb-cta-pro-glass-box { grid-template-columns: 1fr; gap: 60px; text-align: center; }\r\n    .smb-cta-pro-visual { max-width: 500px; margin: 0 auto; }\r\n    .smb-cta-pro-content { align-items: center; }\r\n    .smb-cta-pro-badge { margin: 0 auto 25px; }\r\n    .smb-cta-pro-actions { justify-content: center; }\r\n  }\r\n\r\n  @media (max-width: 991px) {\r\n    .smb-cta-pro-mini-grid { grid-template-columns: repeat(3, 1fr); width: 100%;}\r\n    .smb-pro-mini-card { flex-direction: column; text-align: center; padding: 18px 12px; }\r\n  }\r\n\r\n  @media (max-width: 767px) {\r\n    .smb-cta-pro-section { padding: 80px 16px; }\r\n    .smb-cta-pro-glass-box { padding: 40px 20px; border-radius: 36px; gap: 50px;}\r\n    \r\n    .smb-cta-pro-content h2 { font-size: 38px; letter-spacing: -1px; }\r\n    .smb-cta-pro-content p { font-size: 16px; }\r\n    \r\n    .smb-cta-pro-mini-grid { grid-template-columns: 1fr; gap: 15px; width: 100%; margin: 35px 0;}\r\n    .smb-pro-mini-card { flex-direction: row; text-align: left; padding: 18px; }\r\n\r\n    .smb-cta-pro-actions { width: 100%; flex-direction: column; gap: 15px; }\r\n    .smb-pro-btn-primary, .smb-pro-btn-outline { width: 100%; height: 56px; font-size: 16px;}\r\n\r\n    \/* Adjust Visuals for Mobile *\/\r\n    .smb-pro-3d-mockup { transform: scale(1); max-width: 320px;}\r\n    \r\n    \/* Reposition or hide UI cards on very small screens to avoid overflow *\/\r\n    .ui-ref-bonus { top: 0; left: -10px; padding: 10px 15px; }\r\n    .ui-live-alert { bottom: 10%; right: -10px; padding: 10px 15px; }\r\n    .ui-icon { width: 36px; height: 36px; font-size: 16px;}\r\n    .ui-live-alert .ui-icon svg { width: 16px; }\r\n    .ui-text strong { font-size: 13px; }\r\n    .ui-text span { font-size: 11px; }\r\n  }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"wd-negative-gap elementor-element elementor-element-9a0ce86 e-flex e-con-boxed e-con e-parent\" data-id=\"9a0ce86\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a99e9b3 elementor-widget elementor-widget-shortcode\" data-id=\"a99e9b3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\r\n    <div class=\"smm-elite-marquee-section\">\r\n        <!-- Floating Background Elements for Depth -->\r\n        <div class=\"em-bg-shape shape-1\"><\/div>\r\n        <div class=\"em-bg-shape shape-2\"><\/div>\r\n\r\n        <div class=\"smm-elite-header\">\r\n            <span class=\"eh-tag\">Our Community<\/span>\r\n            <h2>Trusted By Elite Brands<\/h2>\r\n            <p>Empowering top creators and businesses to dominate their digital presence.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"smm-elite-container\">\r\n            <div class=\"smm-elite-track\">\r\n                <div class=\"smm-elite-card\"><div class=\"ec-glow\"><\/div><div class=\"ec-avatar-wrap\"><svg class=\"ec-ring\" viewBox=\"0 0 100 100\"><circle cx=\"50\" cy=\"50\" r=\"48\" fill=\"none\" stroke-width=\"2\" stroke-dasharray=\"10 6 20 6\"><\/circle><\/svg><div class=\"ec-avatar\"><img decoding=\"async\" src=\"https:\/\/smmbangladesh.com\/wp-content\/uploads\/2026\/06\/Baby-Care-Point-150x150.jpg\" alt=\"Baby Care Point\"><\/div><\/div><div class=\"ec-name-wrap\"><h4 class=\"ec-name\">Baby Care Point<\/h4><svg class=\"ec-verified\" viewBox=\"0 0 24 24\" fill=\"#1da1f2\"><path d=\"M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zm-1.9 14.7L6 12.6l1.5-1.5 2.6 2.6 6.4-6.4 1.5 1.5-7.9 7.9z\"\/><\/svg><\/div><div class=\"ec-socials\"><a href=\"https:\/\/www.facebook.com\/profile.php?id=61581115501598\" target=\"_blank\" class=\"ec-fb\" title=\"Facebook\" rel=\"noopener\"><svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.469h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.469h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z\"\/><\/svg><\/a><\/div><\/div><div class=\"smm-elite-card\"><div class=\"ec-glow\"><\/div><div class=\"ec-avatar-wrap\"><svg class=\"ec-ring\" viewBox=\"0 0 100 100\"><circle cx=\"50\" cy=\"50\" r=\"48\" fill=\"none\" stroke-width=\"2\" stroke-dasharray=\"10 6 20 6\"><\/circle><\/svg><div class=\"ec-avatar\"><img decoding=\"async\" src=\"https:\/\/smmbangladesh.com\/wp-content\/uploads\/2026\/06\/688639490_122097988245298608_7541631050869760245_n-150x150.jpg\" alt=\"Digital Items BD\"><\/div><\/div><div class=\"ec-name-wrap\"><h4 class=\"ec-name\">Digital Items BD<\/h4><svg class=\"ec-verified\" viewBox=\"0 0 24 24\" fill=\"#1da1f2\"><path d=\"M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zm-1.9 14.7L6 12.6l1.5-1.5 2.6 2.6 6.4-6.4 1.5 1.5-7.9 7.9z\"\/><\/svg><\/div><div class=\"ec-socials\"><a href=\"https:\/\/digitalitemsbd.com\" target=\"_blank\" class=\"ec-web\" title=\"Website\" rel=\"noopener\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"><\/line><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"><\/path><\/svg><\/a><a href=\"https:\/\/www.facebook.com\/digitalitemsbdofficial\" target=\"_blank\" class=\"ec-fb\" title=\"Facebook\" rel=\"noopener\"><svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.469h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.469h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z\"\/><\/svg><\/a><\/div><\/div><div class=\"smm-elite-card\"><div class=\"ec-glow\"><\/div><div class=\"ec-avatar-wrap\"><svg class=\"ec-ring\" viewBox=\"0 0 100 100\"><circle cx=\"50\" cy=\"50\" r=\"48\" fill=\"none\" stroke-width=\"2\" stroke-dasharray=\"10 6 20 6\"><\/circle><\/svg><div class=\"ec-avatar\"><img decoding=\"async\" src=\"https:\/\/smmbangladesh.com\/wp-content\/uploads\/2026\/06\/670570761_122171132564875789_4781358349996110663_n-150x150.jpg\" alt=\"\u09b8\u09be\u09b9\u09c7\u09ac\u09ac\u09be\u09ac\u09c1 &#8211; Shahebbabu\"><\/div><\/div><div class=\"ec-name-wrap\"><h4 class=\"ec-name\">\u09b8\u09be\u09b9\u09c7\u09ac\u09ac\u09be\u09ac\u09c1 &#8211; Shahebbabu<\/h4><svg class=\"ec-verified\" viewBox=\"0 0 24 24\" fill=\"#1da1f2\"><path d=\"M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zm-1.9 14.7L6 12.6l1.5-1.5 2.6 2.6 6.4-6.4 1.5 1.5-7.9 7.9z\"\/><\/svg><\/div><div class=\"ec-socials\"><a href=\"https:\/\/shahebbabu.com\" target=\"_blank\" class=\"ec-web\" title=\"Website\" rel=\"noopener\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"><\/line><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"><\/path><\/svg><\/a><a href=\"https:\/\/www.facebook.com\/shop.shahebbabu\" target=\"_blank\" class=\"ec-fb\" title=\"Facebook\" rel=\"noopener\"><svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.469h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.469h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z\"\/><\/svg><\/a><\/div><\/div><div class=\"smm-elite-card\"><div class=\"ec-glow\"><\/div><div class=\"ec-avatar-wrap\"><svg class=\"ec-ring\" viewBox=\"0 0 100 100\"><circle cx=\"50\" cy=\"50\" r=\"48\" fill=\"none\" stroke-width=\"2\" stroke-dasharray=\"10 6 20 6\"><\/circle><\/svg><div class=\"ec-avatar\"><img decoding=\"async\" src=\"https:\/\/smmbangladesh.com\/wp-content\/uploads\/2026\/06\/720805196_122130715917140377_7029038342579178380_n-150x150.jpg\" alt=\"\u09b8\u09ae\u09be\u09b9\u09be\u09b0- Samahar\"><\/div><\/div><div class=\"ec-name-wrap\"><h4 class=\"ec-name\">\u09b8\u09ae\u09be\u09b9\u09be\u09b0- Samahar<\/h4><svg class=\"ec-verified\" viewBox=\"0 0 24 24\" fill=\"#1da1f2\"><path d=\"M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zm-1.9 14.7L6 12.6l1.5-1.5 2.6 2.6 6.4-6.4 1.5 1.5-7.9 7.9z\"\/><\/svg><\/div><div class=\"ec-socials\"><a href=\"https:\/\/www.facebook.com\/profile.php?id=61584211320898\" target=\"_blank\" class=\"ec-fb\" title=\"Facebook\" rel=\"noopener\"><svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.469h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.469h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z\"\/><\/svg><\/a><\/div><\/div><div class=\"smm-elite-card\"><div class=\"ec-glow\"><\/div><div class=\"ec-avatar-wrap\"><svg class=\"ec-ring\" viewBox=\"0 0 100 100\"><circle cx=\"50\" cy=\"50\" r=\"48\" fill=\"none\" stroke-width=\"2\" stroke-dasharray=\"10 6 20 6\"><\/circle><\/svg><div class=\"ec-avatar\"><img decoding=\"async\" src=\"https:\/\/smmbangladesh.com\/wp-content\/uploads\/2026\/06\/586016156_122094765579135492_897884941126427781_n-150x150.jpg\" alt=\"Organic Mehedi art\"><\/div><\/div><div class=\"ec-name-wrap\"><h4 class=\"ec-name\">Organic Mehedi art<\/h4><svg class=\"ec-verified\" viewBox=\"0 0 24 24\" fill=\"#1da1f2\"><path d=\"M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zm-1.9 14.7L6 12.6l1.5-1.5 2.6 2.6 6.4-6.4 1.5 1.5-7.9 7.9z\"\/><\/svg><\/div><div class=\"ec-socials\"><a href=\"https:\/\/www.facebook.com\/sohana0214\" target=\"_blank\" class=\"ec-fb\" title=\"Facebook\" rel=\"noopener\"><svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.469h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.469h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z\"\/><\/svg><\/a><\/div><\/div>                <div class=\"smm-elite-card\"><div class=\"ec-glow\"><\/div><div class=\"ec-avatar-wrap\"><svg class=\"ec-ring\" viewBox=\"0 0 100 100\"><circle cx=\"50\" cy=\"50\" r=\"48\" fill=\"none\" stroke-width=\"2\" stroke-dasharray=\"10 6 20 6\"><\/circle><\/svg><div class=\"ec-avatar\"><img decoding=\"async\" src=\"https:\/\/smmbangladesh.com\/wp-content\/uploads\/2026\/06\/Baby-Care-Point-150x150.jpg\" alt=\"Baby Care Point\"><\/div><\/div><div class=\"ec-name-wrap\"><h4 class=\"ec-name\">Baby Care Point<\/h4><svg class=\"ec-verified\" viewBox=\"0 0 24 24\" fill=\"#1da1f2\"><path d=\"M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zm-1.9 14.7L6 12.6l1.5-1.5 2.6 2.6 6.4-6.4 1.5 1.5-7.9 7.9z\"\/><\/svg><\/div><div class=\"ec-socials\"><a href=\"https:\/\/www.facebook.com\/profile.php?id=61581115501598\" target=\"_blank\" class=\"ec-fb\" title=\"Facebook\" rel=\"noopener\"><svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.469h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.469h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z\"\/><\/svg><\/a><\/div><\/div><div class=\"smm-elite-card\"><div class=\"ec-glow\"><\/div><div class=\"ec-avatar-wrap\"><svg class=\"ec-ring\" viewBox=\"0 0 100 100\"><circle cx=\"50\" cy=\"50\" r=\"48\" fill=\"none\" stroke-width=\"2\" stroke-dasharray=\"10 6 20 6\"><\/circle><\/svg><div class=\"ec-avatar\"><img decoding=\"async\" src=\"https:\/\/smmbangladesh.com\/wp-content\/uploads\/2026\/06\/688639490_122097988245298608_7541631050869760245_n-150x150.jpg\" alt=\"Digital Items BD\"><\/div><\/div><div class=\"ec-name-wrap\"><h4 class=\"ec-name\">Digital Items BD<\/h4><svg class=\"ec-verified\" viewBox=\"0 0 24 24\" fill=\"#1da1f2\"><path d=\"M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zm-1.9 14.7L6 12.6l1.5-1.5 2.6 2.6 6.4-6.4 1.5 1.5-7.9 7.9z\"\/><\/svg><\/div><div class=\"ec-socials\"><a href=\"https:\/\/digitalitemsbd.com\" target=\"_blank\" class=\"ec-web\" title=\"Website\" rel=\"noopener\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"><\/line><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"><\/path><\/svg><\/a><a href=\"https:\/\/www.facebook.com\/digitalitemsbdofficial\" target=\"_blank\" class=\"ec-fb\" title=\"Facebook\" rel=\"noopener\"><svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.469h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.469h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z\"\/><\/svg><\/a><\/div><\/div><div class=\"smm-elite-card\"><div class=\"ec-glow\"><\/div><div class=\"ec-avatar-wrap\"><svg class=\"ec-ring\" viewBox=\"0 0 100 100\"><circle cx=\"50\" cy=\"50\" r=\"48\" fill=\"none\" stroke-width=\"2\" stroke-dasharray=\"10 6 20 6\"><\/circle><\/svg><div class=\"ec-avatar\"><img decoding=\"async\" src=\"https:\/\/smmbangladesh.com\/wp-content\/uploads\/2026\/06\/670570761_122171132564875789_4781358349996110663_n-150x150.jpg\" alt=\"\u09b8\u09be\u09b9\u09c7\u09ac\u09ac\u09be\u09ac\u09c1 &#8211; Shahebbabu\"><\/div><\/div><div class=\"ec-name-wrap\"><h4 class=\"ec-name\">\u09b8\u09be\u09b9\u09c7\u09ac\u09ac\u09be\u09ac\u09c1 &#8211; Shahebbabu<\/h4><svg class=\"ec-verified\" viewBox=\"0 0 24 24\" fill=\"#1da1f2\"><path d=\"M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zm-1.9 14.7L6 12.6l1.5-1.5 2.6 2.6 6.4-6.4 1.5 1.5-7.9 7.9z\"\/><\/svg><\/div><div class=\"ec-socials\"><a href=\"https:\/\/shahebbabu.com\" target=\"_blank\" class=\"ec-web\" title=\"Website\" rel=\"noopener\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"><\/line><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"><\/path><\/svg><\/a><a href=\"https:\/\/www.facebook.com\/shop.shahebbabu\" target=\"_blank\" class=\"ec-fb\" title=\"Facebook\" rel=\"noopener\"><svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.469h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.469h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z\"\/><\/svg><\/a><\/div><\/div><div class=\"smm-elite-card\"><div class=\"ec-glow\"><\/div><div class=\"ec-avatar-wrap\"><svg class=\"ec-ring\" viewBox=\"0 0 100 100\"><circle cx=\"50\" cy=\"50\" r=\"48\" fill=\"none\" stroke-width=\"2\" stroke-dasharray=\"10 6 20 6\"><\/circle><\/svg><div class=\"ec-avatar\"><img decoding=\"async\" src=\"https:\/\/smmbangladesh.com\/wp-content\/uploads\/2026\/06\/720805196_122130715917140377_7029038342579178380_n-150x150.jpg\" alt=\"\u09b8\u09ae\u09be\u09b9\u09be\u09b0- Samahar\"><\/div><\/div><div class=\"ec-name-wrap\"><h4 class=\"ec-name\">\u09b8\u09ae\u09be\u09b9\u09be\u09b0- Samahar<\/h4><svg class=\"ec-verified\" viewBox=\"0 0 24 24\" fill=\"#1da1f2\"><path d=\"M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zm-1.9 14.7L6 12.6l1.5-1.5 2.6 2.6 6.4-6.4 1.5 1.5-7.9 7.9z\"\/><\/svg><\/div><div class=\"ec-socials\"><a href=\"https:\/\/www.facebook.com\/profile.php?id=61584211320898\" target=\"_blank\" class=\"ec-fb\" title=\"Facebook\" rel=\"noopener\"><svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.469h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.469h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z\"\/><\/svg><\/a><\/div><\/div><div class=\"smm-elite-card\"><div class=\"ec-glow\"><\/div><div class=\"ec-avatar-wrap\"><svg class=\"ec-ring\" viewBox=\"0 0 100 100\"><circle cx=\"50\" cy=\"50\" r=\"48\" fill=\"none\" stroke-width=\"2\" stroke-dasharray=\"10 6 20 6\"><\/circle><\/svg><div class=\"ec-avatar\"><img decoding=\"async\" src=\"https:\/\/smmbangladesh.com\/wp-content\/uploads\/2026\/06\/586016156_122094765579135492_897884941126427781_n-150x150.jpg\" alt=\"Organic Mehedi art\"><\/div><\/div><div class=\"ec-name-wrap\"><h4 class=\"ec-name\">Organic Mehedi art<\/h4><svg class=\"ec-verified\" viewBox=\"0 0 24 24\" fill=\"#1da1f2\"><path d=\"M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zm-1.9 14.7L6 12.6l1.5-1.5 2.6 2.6 6.4-6.4 1.5 1.5-7.9 7.9z\"\/><\/svg><\/div><div class=\"ec-socials\"><a href=\"https:\/\/www.facebook.com\/sohana0214\" target=\"_blank\" class=\"ec-fb\" title=\"Facebook\" rel=\"noopener\"><svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.469h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.469h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z\"\/><\/svg><\/a><\/div><\/div>                <div class=\"smm-elite-card\"><div class=\"ec-glow\"><\/div><div class=\"ec-avatar-wrap\"><svg class=\"ec-ring\" viewBox=\"0 0 100 100\"><circle cx=\"50\" cy=\"50\" r=\"48\" fill=\"none\" stroke-width=\"2\" stroke-dasharray=\"10 6 20 6\"><\/circle><\/svg><div class=\"ec-avatar\"><img decoding=\"async\" src=\"https:\/\/smmbangladesh.com\/wp-content\/uploads\/2026\/06\/Baby-Care-Point-150x150.jpg\" alt=\"Baby Care Point\"><\/div><\/div><div class=\"ec-name-wrap\"><h4 class=\"ec-name\">Baby Care Point<\/h4><svg class=\"ec-verified\" viewBox=\"0 0 24 24\" fill=\"#1da1f2\"><path d=\"M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zm-1.9 14.7L6 12.6l1.5-1.5 2.6 2.6 6.4-6.4 1.5 1.5-7.9 7.9z\"\/><\/svg><\/div><div class=\"ec-socials\"><a href=\"https:\/\/www.facebook.com\/profile.php?id=61581115501598\" target=\"_blank\" class=\"ec-fb\" title=\"Facebook\" rel=\"noopener\"><svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.469h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.469h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z\"\/><\/svg><\/a><\/div><\/div><div class=\"smm-elite-card\"><div class=\"ec-glow\"><\/div><div class=\"ec-avatar-wrap\"><svg class=\"ec-ring\" viewBox=\"0 0 100 100\"><circle cx=\"50\" cy=\"50\" r=\"48\" fill=\"none\" stroke-width=\"2\" stroke-dasharray=\"10 6 20 6\"><\/circle><\/svg><div class=\"ec-avatar\"><img decoding=\"async\" src=\"https:\/\/smmbangladesh.com\/wp-content\/uploads\/2026\/06\/688639490_122097988245298608_7541631050869760245_n-150x150.jpg\" alt=\"Digital Items BD\"><\/div><\/div><div class=\"ec-name-wrap\"><h4 class=\"ec-name\">Digital Items BD<\/h4><svg class=\"ec-verified\" viewBox=\"0 0 24 24\" fill=\"#1da1f2\"><path d=\"M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zm-1.9 14.7L6 12.6l1.5-1.5 2.6 2.6 6.4-6.4 1.5 1.5-7.9 7.9z\"\/><\/svg><\/div><div class=\"ec-socials\"><a href=\"https:\/\/digitalitemsbd.com\" target=\"_blank\" class=\"ec-web\" title=\"Website\" rel=\"noopener\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"><\/line><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"><\/path><\/svg><\/a><a href=\"https:\/\/www.facebook.com\/digitalitemsbdofficial\" target=\"_blank\" class=\"ec-fb\" title=\"Facebook\" rel=\"noopener\"><svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.469h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.469h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z\"\/><\/svg><\/a><\/div><\/div><div class=\"smm-elite-card\"><div class=\"ec-glow\"><\/div><div class=\"ec-avatar-wrap\"><svg class=\"ec-ring\" viewBox=\"0 0 100 100\"><circle cx=\"50\" cy=\"50\" r=\"48\" fill=\"none\" stroke-width=\"2\" stroke-dasharray=\"10 6 20 6\"><\/circle><\/svg><div class=\"ec-avatar\"><img decoding=\"async\" src=\"https:\/\/smmbangladesh.com\/wp-content\/uploads\/2026\/06\/670570761_122171132564875789_4781358349996110663_n-150x150.jpg\" alt=\"\u09b8\u09be\u09b9\u09c7\u09ac\u09ac\u09be\u09ac\u09c1 &#8211; Shahebbabu\"><\/div><\/div><div class=\"ec-name-wrap\"><h4 class=\"ec-name\">\u09b8\u09be\u09b9\u09c7\u09ac\u09ac\u09be\u09ac\u09c1 &#8211; Shahebbabu<\/h4><svg class=\"ec-verified\" viewBox=\"0 0 24 24\" fill=\"#1da1f2\"><path d=\"M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zm-1.9 14.7L6 12.6l1.5-1.5 2.6 2.6 6.4-6.4 1.5 1.5-7.9 7.9z\"\/><\/svg><\/div><div class=\"ec-socials\"><a href=\"https:\/\/shahebbabu.com\" target=\"_blank\" class=\"ec-web\" title=\"Website\" rel=\"noopener\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"><\/line><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"><\/path><\/svg><\/a><a href=\"https:\/\/www.facebook.com\/shop.shahebbabu\" target=\"_blank\" class=\"ec-fb\" title=\"Facebook\" rel=\"noopener\"><svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.469h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.469h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z\"\/><\/svg><\/a><\/div><\/div><div class=\"smm-elite-card\"><div class=\"ec-glow\"><\/div><div class=\"ec-avatar-wrap\"><svg class=\"ec-ring\" viewBox=\"0 0 100 100\"><circle cx=\"50\" cy=\"50\" r=\"48\" fill=\"none\" stroke-width=\"2\" stroke-dasharray=\"10 6 20 6\"><\/circle><\/svg><div class=\"ec-avatar\"><img decoding=\"async\" src=\"https:\/\/smmbangladesh.com\/wp-content\/uploads\/2026\/06\/720805196_122130715917140377_7029038342579178380_n-150x150.jpg\" alt=\"\u09b8\u09ae\u09be\u09b9\u09be\u09b0- Samahar\"><\/div><\/div><div class=\"ec-name-wrap\"><h4 class=\"ec-name\">\u09b8\u09ae\u09be\u09b9\u09be\u09b0- Samahar<\/h4><svg class=\"ec-verified\" viewBox=\"0 0 24 24\" fill=\"#1da1f2\"><path d=\"M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zm-1.9 14.7L6 12.6l1.5-1.5 2.6 2.6 6.4-6.4 1.5 1.5-7.9 7.9z\"\/><\/svg><\/div><div class=\"ec-socials\"><a href=\"https:\/\/www.facebook.com\/profile.php?id=61584211320898\" target=\"_blank\" class=\"ec-fb\" title=\"Facebook\" rel=\"noopener\"><svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.469h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.469h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z\"\/><\/svg><\/a><\/div><\/div><div class=\"smm-elite-card\"><div class=\"ec-glow\"><\/div><div class=\"ec-avatar-wrap\"><svg class=\"ec-ring\" viewBox=\"0 0 100 100\"><circle cx=\"50\" cy=\"50\" r=\"48\" fill=\"none\" stroke-width=\"2\" stroke-dasharray=\"10 6 20 6\"><\/circle><\/svg><div class=\"ec-avatar\"><img decoding=\"async\" src=\"https:\/\/smmbangladesh.com\/wp-content\/uploads\/2026\/06\/586016156_122094765579135492_897884941126427781_n-150x150.jpg\" alt=\"Organic Mehedi art\"><\/div><\/div><div class=\"ec-name-wrap\"><h4 class=\"ec-name\">Organic Mehedi art<\/h4><svg class=\"ec-verified\" viewBox=\"0 0 24 24\" fill=\"#1da1f2\"><path d=\"M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zm-1.9 14.7L6 12.6l1.5-1.5 2.6 2.6 6.4-6.4 1.5 1.5-7.9 7.9z\"\/><\/svg><\/div><div class=\"ec-socials\"><a href=\"https:\/\/www.facebook.com\/sohana0214\" target=\"_blank\" class=\"ec-fb\" title=\"Facebook\" rel=\"noopener\"><svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.469h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.469h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z\"\/><\/svg><\/a><\/div><\/div>            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <style>\r\n        \/* =====================================================================\r\n           ELITE MARQUEE CSS (Glassmorphism + Neon Rotations)\r\n           ===================================================================== *\/\r\n        .smm-elite-marquee-section {\r\n            width: 100%; padding: 80px 0; background: #f4f7fe;\r\n            font-family: 'Nunito', sans-serif; position: relative; overflow: hidden;\r\n            z-index: 1;\r\n        }\r\n\r\n        \/* Abstract Background Depth *\/\r\n        .em-bg-shape { position: absolute; border-radius: 50%; filter: blur(80px); z-index: -1; opacity: 0.4;}\r\n        .shape-1 { width: 400px; height: 400px; background: #6f2cff; top: -100px; left: -100px; }\r\n        .shape-2 { width: 300px; height: 300px; background: #00d2ff; bottom: 0; right: -50px; }\r\n\r\n        .smm-elite-header { text-align: center; margin-bottom: 50px; padding: 0 20px; }\r\n        .eh-tag { display: inline-block; padding: 6px 16px; background: rgba(111,44,255,0.1); color: #6f2cff; border-radius: 100px; font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 15px; border: 1px solid rgba(111,44,255,0.2);}\r\n        .smm-elite-header h2 { margin: 0 0 10px; font-size: 36px; font-weight: 900; color: #0f172a; font-family: 'Montserrat', sans-serif; letter-spacing: -0.5px;}\r\n        .smm-elite-header p { margin: 0; font-size: 16px; color: #64748b; font-weight: 500;}\r\n\r\n        .smm-elite-container {\r\n            width: 100%; position: relative;\r\n            -webkit-mask-image: linear-gradient(to right, transparent, black 5%, black 95%, transparent);\r\n            mask-image: linear-gradient(to right, transparent, black 5%, black 95%, transparent);\r\n        }\r\n\r\n        .smm-elite-track {\r\n            display: flex; width: max-content; gap: 24px;\r\n            animation: smmEliteScroll 40s linear infinite; padding: 30px 0;\r\n        }\r\n\r\n        @keyframes smmEliteScroll {\r\n            0% { transform: translateX(0); }\r\n            100% { transform: translateX(calc(-33.333% - 8px)); } \r\n        }\r\n\r\n        \/* -------------------------------------------------------------\r\n           THE ELITE CARD \r\n        ------------------------------------------------------------- *\/\r\n        .smm-elite-card {\r\n            width: 200px; height: 240px;\r\n            background: rgba(255, 255, 255, 0.6); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);\r\n            border-radius: 30px; border: 1px solid rgba(255, 255, 255, 0.8);\r\n            display: flex; flex-direction: column; align-items: center; justify-content: center;\r\n            box-shadow: 0 15px 35px rgba(15, 23, 42, 0.05);\r\n            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n            position: relative; flex-shrink: 0; cursor: pointer; overflow: hidden;\r\n        }\r\n\r\n        .ec-glow {\r\n            position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);\r\n            width: 100px; height: 100px; background: #6f2cff; border-radius: 50%;\r\n            filter: blur(40px); opacity: 0; transition: 0.4s; z-index: 0;\r\n        }\r\n\r\n        .smm-elite-card:hover {\r\n            transform: translateY(-10px) scale(1.05);\r\n            box-shadow: 0 25px 50px rgba(111, 44, 255, 0.15);\r\n            background: rgba(255, 255, 255, 0.9);\r\n            border-color: rgba(111, 44, 255, 0.3);\r\n            z-index: 10;\r\n        }\r\n        .smm-elite-card:hover .ec-glow { opacity: 0.2; }\r\n\r\n        \/* Rotating Tech Ring & Avatar *\/\r\n        .ec-avatar-wrap {\r\n            position: relative; width: 100px; height: 100px;\r\n            margin-bottom: 20px; z-index: 2; transition: 0.4s;\r\n        }\r\n        \r\n        .smm-elite-card:hover .ec-avatar-wrap { transform: translateY(-5px); }\r\n\r\n        .ec-ring {\r\n            position: absolute; inset: -8px; width: 116px; height: 116px;\r\n            stroke: #cbd5e1; transition: 0.4s;\r\n        }\r\n        .smm-elite-card:hover .ec-ring {\r\n            stroke: #6f2cff;\r\n            animation: ringSpin 4s linear infinite;\r\n        }\r\n\r\n        @keyframes ringSpin { 100% { transform: rotate(360deg); } }\r\n\r\n        .ec-avatar {\r\n            width: 100%; height: 100%; border-radius: 50%;\r\n            background: #fff; overflow: hidden; border: 4px solid #fff;\r\n            box-shadow: 0 10px 20px rgba(0,0,0,0.1);\r\n            display: flex; align-items: center; justify-content: center;\r\n        }\r\n        .ec-avatar img { width: 100%; height: 100%; object-fit: cover; }\r\n\r\n        \/* Brand Name + Verified Badge *\/\r\n        .ec-name-wrap {\r\n            display: flex; align-items: center; gap: 6px; z-index: 2;\r\n            transition: 0.4s;\r\n        }\r\n        .ec-name {\r\n            margin: 0; font-size: 16px; font-weight: 800; color: #0f172a;\r\n            font-family: 'Montserrat', sans-serif;\r\n            max-width: 130px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;\r\n        }\r\n        .ec-verified { width: 16px; height: 16px; }\r\n\r\n        \/* Smooth Social Reveal *\/\r\n        .ec-socials {\r\n            display: flex; gap: 8px; justify-content: center;\r\n            position: absolute; bottom: 25px; z-index: 2;\r\n            opacity: 0; transform: translateY(20px); transition: 0.4s cubic-bezier(0.16, 1, 0.3, 1);\r\n        }\r\n\r\n        .smm-elite-card:hover .ec-socials { opacity: 1; transform: translateY(0); }\r\n        .smm-elite-card:hover .ec-name-wrap { transform: translateY(-5px); }\r\n\r\n        .ec-socials a {\r\n            width: 32px; height: 32px; border-radius: 50%; background: #f1f5f9; color: #64748b;\r\n            display: grid; place-items: center; transition: 0.3s;\r\n        }\r\n        .ec-socials a svg { width: 15px; height: 15px; }\r\n\r\n        \/* Specific Brand Colors on Hover *\/\r\n        .ec-socials a.ec-web:hover { background: #0f172a; color: #fff; transform: scale(1.15);}\r\n        .ec-socials a.ec-fb:hover { background: #1877F2; color: #fff; transform: scale(1.15);}\r\n        .ec-socials a.ec-ig:hover { background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); color: #fff; transform: scale(1.15);}\r\n        .ec-socials a.ec-tt:hover { background: #000; color: #fff; transform: scale(1.15);}\r\n\r\n        \/* Responsive *\/\r\n        @media (max-width: 768px) {\r\n            .smm-elite-marquee-section { padding: 50px 0; }\r\n            .smm-elite-header h2 { font-size: 28px; }\r\n            .smm-elite-card { width: 160px; height: 200px; border-radius: 20px;}\r\n            .ec-avatar-wrap { width: 80px; height: 80px; }\r\n            .ec-ring { inset: -6px; width: 92px; height: 92px; }\r\n            .ec-name { font-size: 14px; max-width: 100px;}\r\n            .ec-verified { width: 14px; }\r\n            .ec-socials a { width: 28px; height: 28px; }\r\n            .ec-socials a svg { width: 13px; }\r\n        }\r\n    <\/style>\r\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Bangladesh&#8217;s #1 SMM Platform Best SMM Panelin Bangladesh 2026 Cheap and Fast Supercharge your online presence with SMM Bangladesh. We<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3469","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/smmbangladesh.com\/index.php?rest_route=\/wp\/v2\/pages\/3469","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/smmbangladesh.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/smmbangladesh.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/smmbangladesh.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/smmbangladesh.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3469"}],"version-history":[{"count":81,"href":"https:\/\/smmbangladesh.com\/index.php?rest_route=\/wp\/v2\/pages\/3469\/revisions"}],"predecessor-version":[{"id":30596,"href":"https:\/\/smmbangladesh.com\/index.php?rest_route=\/wp\/v2\/pages\/3469\/revisions\/30596"}],"wp:attachment":[{"href":"https:\/\/smmbangladesh.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3469"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}