.elementor-20358 .elementor-element.elementor-element-07bd63e{--display:flex}.elementor-20358 .elementor-element.elementor-element-e02199b>.elementor-widget-container{margin:0 0 0 0;padding:0 0 0 0}<link href="https://fonts.googleapis.com/css2?family=Syne:wght@700;800&family=DM+Sans:wght@300;400;500;600&display=swap" rel="stylesheet"/><style>*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:'DM Sans',sans-serif;background:#f5f5f5;color:#0b0b0b;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{text-decoration:none;color:inherit}button{font-family:'DM Sans',sans-serif;cursor:pointer}input,select,textarea{font-family:'DM Sans',sans-serif}.hero{background:#0b0b0b;padding:60px 40px 56px;position:relative;overflow:hidden}.hero::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgb(255 255 255 / .03) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / .03) 1px,transparent 1px);background-size:48px 48px;pointer-events:none}.hero::after{content:'CONTACT';position:absolute;bottom:-16px;right:-8px;font-family:'Syne',sans-serif;font-size:clamp(80px, 15vw, 200px);font-weight:800;color:rgb(255 255 255 / .03);letter-spacing:-.04em;line-height:1;pointer-events:none;user-select:none;white-space:nowrap}.hero-inner{max-width:1160px;margin:0 auto;display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end;position:relative}.hero-badge{display:inline-flex;align-items:center;gap:8px;border:1px solid rgb(255 255 255 / .15);background:rgb(255 255 255 / .06);color:rgb(255 255 255 / .55);font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:5px 14px;border-radius:100px;margin-bottom:20px}.hero-dot{width:6px;height:6px;background:#4caf50;border-radius:50%;animation:blink 2.5s ease-in-out infinite;display:inline-block;flex-shrink:0}@keyframes blink{0%,100%{opacity:1}50%{opacity:.2}}.hero h1{font-family:'Syne',sans-serif;font-size:clamp(36px, 5vw, 66px);font-weight:800;color:#fff;line-height:1.05;letter-spacing:-.03em;margin:0 0 16px}.hero h1 span{display:block;color:rgb(255 255 255 / .25)}.hero-sub{font-size:15px;color:rgb(255 255 255 / .42);line-height:1.75;max-width:460px;font-weight:300}.hero-stats{display:flex;flex-direction:column;gap:10px;flex-shrink:0}.h-stat{background:rgb(255 255 255 / .07);border:1px solid rgb(255 255 255 / .1);border-radius:12px;padding:15px 20px;text-align:center;min-width:120px}.h-stat-n{display:block;font-family:'Syne',sans-serif;font-size:24px;font-weight:800;color:#fff;line-height:1;margin-bottom:5px}.h-stat-l{font-size:9.5px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:rgb(255 255 255 / .3)}.marquee{background:#fff;border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;overflow:hidden;padding:13px 0}.marquee-track{display:flex;animation:scroll 28s linear infinite;width:max-content}@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}.m-item{display:flex;align-items:center;gap:10px;padding:0 32px;font-size:11.5px;font-weight:600;color:#aaa;text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;border-right:1px solid #eee}.m-dot{width:5px;height:5px;background:#0b0b0b;border-radius:50%;opacity:.18;flex-shrink:0}.page{max-width:1160px;margin:0 auto;padding:44px 40px 80px;display:grid;grid-template-columns:1fr 370px;gap:28px;align-items:start}.form-card{background:#fff;border:1px solid #e4e4e4;border-radius:18px;overflow:hidden;box-shadow:0 4px 32px rgb(0 0 0 / .07)}.fc-head{background:#0b0b0b;padding:20px 28px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.fc-head-left{display:flex;align-items:center;gap:12px}.fc-icon{width:38px;height:38px;background:rgb(255 255 255 / .1);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.fc-title{font-family:'Syne',sans-serif;font-size:16px;font-weight:700;color:#fff;margin:0}.fc-subtitle{font-size:11px;color:rgb(255 255 255 / .38);margin-top:2px}.fc-badge{display:inline-flex;align-items:center;background:rgb(255 255 255 / .09);border:1px solid rgb(255 255 255 / .16);color:rgb(255 255 255 / .6);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:4px 11px;border-radius:100px;white-space:nowrap}.fc-steps{display:flex;align-items:center;padding:14px 28px;background:#f5f5f5;border-bottom:1px solid #e8e8e8}.fs{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:500;color:#aaa}.fs.active{color:#0b0b0b;font-weight:600}.fs-n{width:24px;height:24px;border-radius:50%;border:1.5px solid #ddd;background:#eee;color:#aaa;display:flex;align-items:center;justify-content:center;font-family:'Syne',sans-serif;font-size:11px;font-weight:700;flex-shrink:0;transition:all .2s}.fs.active .fs-n,.fs.done .fs-n{background:#0b0b0b;border-color:#0b0b0b;color:#fff}.fs-line{flex:1;height:1px;background:#e0e0e0;margin:0 10px}.fc-body{padding:28px}.fc-panel{display:none}.fc-panel.active{display:block;animation:fadeup .28s ease both}@keyframes fadeup{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.panel-title{font-family:'Syne',sans-serif;font-size:15px;font-weight:700;color:#0b0b0b;margin:0 0 5px}.panel-desc{font-size:13px;color:#555;line-height:1.6;margin-bottom:18px}.topics{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:20px}.topic{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#f5f5f5;border:1.5px solid #e4e4e4;border-radius:10px;font-size:13px;font-weight:500;color:#555;transition:all .18s;text-align:left}.topic:hover{border-color:#0b0b0b;color:#0b0b0b;background:#fff;transform:translateY(-1px);box-shadow:0 4px 14px rgb(0 0 0 / .09)}.topic.sel{background:#0b0b0b;border-color:#0b0b0b;color:#fff;box-shadow:0 4px 18px rgb(0 0 0 / .18)}.t-icon{width:30px;height:30px;background:#e8e8e8;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0;transition:background .18s}.topic.sel .t-icon{background:rgb(255 255 255 / .14)}.fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:span 2}.flabel{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:#555;display:block}.flabel .req{color:#0b0b0b}input[type="text"],input[type="email"],input[type="tel"],select,textarea{width:100%;background:#f5f5f5;border:1.5px solid #e4e4e4;border-radius:9px;padding:11px 13px;font-family:'DM Sans',sans-serif;font-size:14px;color:#0b0b0b;outline:none;transition:border-color .18s,box-shadow .18s,background .18s;-webkit-appearance:none;appearance:none;box-shadow:none}input::placeholder,textarea::placeholder{color:#ccc}input:focus,select:focus,textarea:focus{border-color:#0b0b0b;box-shadow:0 0 0 3px rgb(0 0 0 / .07);background:#fff}textarea{resize:vertical;min-height:110px;line-height:1.6}.sel-wrap{position:relative}.sel-wrap::after{content:'▾';position:absolute;right:13px;top:50%;transform:translateY(-50%);color:#aaa;pointer-events:none;font-size:12px}.upload{display:flex;align-items:center;gap:9px;padding:11px 13px;background:#f5f5f5;border:1.5px dashed #d8d8d8;border-radius:9px;font-size:13px;color:#aaa;cursor:pointer;transition:border-color .18s,color .18s;width:100%}.upload:hover{border-color:#0b0b0b;color:#0b0b0b}.consent{display:flex;align-items:flex-start;gap:10px;padding:12px 13px;background:#f5f5f5;border:1.5px solid #e4e4e4;border-radius:9px;cursor:pointer;transition:border-color .18s}.consent input[type="checkbox"]{width:15px;height:15px;margin-top:2px;accent-color:#0b0b0b;flex-shrink:0;cursor:pointer;padding:0;border:none;background:none;box-shadow:none}.consent-txt{font-size:12.5px;color:#555;line-height:1.55}.consent-txt a{color:#0b0b0b;font-weight:600;text-decoration:underline}hr.divider{border:none;border-top:1px solid #eee;margin:20px 0}.btn-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:8px;background:#0b0b0b;color:#fff;border:none;border-radius:9px;padding:12px 24px;font-family:'Syne',sans-serif;font-size:14px;font-weight:700;letter-spacing:.03em;cursor:pointer;transition:background .18s,transform .14s,box-shadow .18s}.btn:hover{background:#2e2e2e;transform:translateY(-1px);box-shadow:0 6px 24px rgb(0 0 0 / .18)}.btn:disabled{opacity:.35;cursor:not-allowed;transform:none;box-shadow:none}.btn svg{transition:transform .2s}.btn:not(:disabled):hover svg{transform:translateX(4px)}.btn-ghost{display:inline-flex;align-items:center;gap:7px;background:#fff0;color:#aaa;border:1.5px solid #e0e0e0;border-radius:9px;padding:10px 17px;font-family:'DM Sans',sans-serif;font-size:13px;font-weight:500;cursor:pointer;transition:all .18s}.btn-ghost:hover{border-color:#0b0b0b;color:#0b0b0b}.form-note{font-size:11px;color:#aaa;display:flex;align-items:center;gap:16px;margin-top:12px;flex-wrap:wrap}.success{display:none;text-align:center;padding:52px 28px;animation:fadeup .4s ease both}.success.show{display:block}.success-icon{width:62px;height:62px;background:#0b0b0b;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;color:#fff;margin:0 auto 18px}.success h3{font-family:'Syne',sans-serif;font-size:22px;font-weight:800;color:#0b0b0b;margin-bottom:10px}.success p{font-size:14px;color:#555;line-height:1.7;max-width:340px;margin:0 auto 22px}.sidebar{display:flex;flex-direction:column;gap:16px}.s-card{background:#fff;border:1px solid #e4e4e4;border-radius:16px;overflow:hidden;box-shadow:0 2px 16px rgb(0 0 0 / .05);transition:box-shadow .2s,transform .2s}.s-card:hover{box-shadow:0 6px 28px rgb(0 0 0 / .1);transform:translateY(-2px)}.s-head{background:#0b0b0b;padding:14px 20px;display:flex;align-items:center;gap:10px}.s-head-icon{width:28px;height:28px;background:rgb(255 255 255 / .1);border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0}.s-head h3{font-family:'Syne',sans-serif;font-size:12.5px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.08em;margin:0}.s-body{padding:16px 20px}.channel{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #f0f0f0;text-decoration:none;transition:opacity .15s}.channel:first-child{padding-top:0}.channel:last-child{border-bottom:none;padding-bottom:0}.channel:hover{opacity:.82}.ch-icon{width:36px;height:36px;background:#0b0b0b;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;color:#fff}.ch-icon.wa{background:#25d366}.ch-icon.fb{background:#1877f2;font-size:14px;font-weight:800;font-family:serif}.ch-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:#aaa;margin-bottom:2px}.ch-value{font-size:13px;font-weight:600;color:#0b0b0b}.ch-sub{font-size:11px;color:#aaa;margin-top:1px}.ch-arrow{margin-left:auto;width:24px;height:24px;background:#eee;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:11px;color:#aaa;flex-shrink:0;transition:background .18s,color .18s}.channel:hover .ch-arrow{background:#0b0b0b;color:#fff}.hours-card{background:#0b0b0b;border-radius:16px;padding:18px 20px}.hours-title{font-family:'Syne',sans-serif;font-size:12.5px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.08em;margin:0 0 12px}.hours-row{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-bottom:1px solid rgb(255 255 255 / .07);font-size:13px}.hours-row:last-child{border-bottom:none}.h-day{color:rgb(255 255 255 / .42);font-weight:400}.h-time{color:#fff;font-weight:600}.h-off{color:rgb(255 255 255 / .25);font-style:italic}.notice-card{background:#fff;border:1.5px solid #0b0b0b;border-radius:14px;padding:14px 16px 14px 20px;display:flex;gap:11px;align-items:flex-start;position:relative;overflow:hidden}.notice-card::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:#0b0b0b}.n-icon{font-size:17px;flex-shrink:0;margin-top:1px}.notice-card p{font-size:13px;color:#555;line-height:1.65;margin:0}.notice-card p strong{color:#0b0b0b}.notice-card p a{color:#0b0b0b;font-weight:600;text-decoration:underline}.dept-list{display:flex;flex-direction:column;gap:8px;padding:14px 20px}.dept{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;background:#f5f5f5;border:1px solid #e4e4e4;border-radius:8px;text-decoration:none;transition:background .16s,border-color .16s}.dept:hover{background:#0b0b0b;border-color:#0b0b0b}.dept-role{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#aaa;margin-bottom:2px;transition:color .16s}.dept-email{font-size:12.5px;font-weight:600;color:#0b0b0b;transition:color .16s}.dept-arr{font-size:11px;color:#ccc;transition:color .16s}.dept:hover .dept-role{color:rgb(255 255 255 / .5)}.dept:hover .dept-email{color:#fff}.dept:hover .dept-arr{color:rgb(255 255 255 / .4)}.location{background:#fff;border-top:1px solid #e4e4e4;padding:48px 40px}.location-inner{max-width:1160px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.location h2{font-family:'Syne',sans-serif;font-size:26px;font-weight:800;color:#0b0b0b;letter-spacing:-.02em;margin:0 0 18px}.loc-row{display:flex;align-items:flex-start;gap:13px;padding:12px 0;border-bottom:1px solid #f0f0f0}.loc-row:last-child{border-bottom:none}.loc-icon{width:34px;height:34px;background:#0b0b0b;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0;margin-top:1px}.loc-label{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:#aaa;margin-bottom:3px}.loc-val{font-size:13.5px;font-weight:500;color:#0b0b0b;line-height:1.5}.map-box{border-radius:16px;overflow:hidden;border:1px solid #e4e4e4;aspect-ratio:16/9}.map-box iframe{width:100%;height:100%;border:none;display:block}@media (max-width:960px){.hero-inner{grid-template-columns:1fr;gap:28px}.hero-stats{flex-direction:row;flex-wrap:wrap}.h-stat{flex:1;min-width:90px}.page{grid-template-columns:1fr;padding:28px 20px 60px}.location{padding:36px 20px}.location-inner{grid-template-columns:1fr;gap:28px}}@media (max-width:600px){.hero{padding:40px 20px 40px}.topics{grid-template-columns:1fr}.fields{grid-template-columns:1fr}.field.full{grid-column:span 1}.fc-body{padding:20px 18px}.fc-head{padding:16px 18px}.fc-steps{padding:12px 18px}.btn-row{flex-direction:column;align-items:stretch}.btn,.btn-ghost{justify-content:center}}</style><!-- ══════════════════════════════════════════ HERO ══════════════════════════════════════════ --><section class="hero"><div class="hero-inner"><div><div class="hero-badge"><span class="hero-dot"></span>ESR Bangladesh · Get in Touch </div><h1>We're here<span>to help you.</span></h1>
      <p class="hero-sub">Whether it's a product question,order issue,or warranty claim — our Bangladesh support team responds fast. Reach us any way you prefer.</p></div><div class="hero-stats"><div class="h-stat"><span class="h-stat-n">&lt;24h</span><span class="h-stat-l">Response Time</span></div><div class="h-stat"><span class="h-stat-n">6 days</span><span class="h-stat-l">Support Week</span></div><div class="h-stat"><span class="h-stat-n">100%</span><span class="h-stat-l">BD Based Team</span></div></div></div></section><!-- ══════════════════════════════════════════ MARQUEE ══════════════════════════════════════════ --><div class="marquee"><div class="marquee-track"><div class="m-item"><span class="m-dot"></span>Free Shipping Over ৳4,000</div><div class="m-item"><span class="m-dot"></span>7-Day Return Policy</div><div class="m-item"><span class="m-dot"></span>Official ESR Bangladesh</div><div class="m-item"><span class="m-dot"></span>Warranty Support Available</div><div class="m-item"><span class="m-dot"></span>WhatsApp Chat Active</div><div class="m-item"><span class="m-dot"></span>Sat–Thu · 10 AM – 7 PM</div><div class="m-item"><span class="m-dot"></span>100% BD Based Team</div><div class="m-item"><span class="m-dot"></span>Free Shipping Over ৳4,000</div><div class="m-item"><span class="m-dot"></span>7-Day Return Policy</div><div class="m-item"><span class="m-dot"></span>Official ESR Bangladesh</div><div class="m-item"><span class="m-dot"></span>Warranty Support Available</div><div class="m-item"><span class="m-dot"></span>WhatsApp Chat Active</div><div class="m-item"><span class="m-dot"></span>Sat–Thu · 10 AM – 7 PM</div><div class="m-item"><span class="m-dot"></span>100% BD Based Team</div></div></div><!-- ══════════════════════════════════════════ MAIN:FORM+SIDEBAR ══════════════════════════════════════════ --><div class="page"><!-- ▌FORM CARD --><div class="form-card"><div class="fc-head"><div class="fc-head-left"><div class="fc-icon">✉️</div><div><div class="fc-title">Send Us a Message</div><div class="fc-subtitle">We reply within 24 hours on business days</div></div></div><div class="fc-badge">🇧🇩 BD Official</div></div><!-- Progress --><div class="fc-steps" id="stepsBar"><div class="fs active" id="fs1"><span class="fs-n" id="fsn1">1</span>Choose Topic</div><span class="fs-line"></span><div class="fs" id="fs2"><span class="fs-n" id="fsn2">2</span>Your Details</div><span class="fs-line"></span><div class="fs" id="fs3"><span class="fs-n" id="fsn3">3</span>Message</div></div><div class="fc-body"><!-- STEP 1 --><div class="fc-panel active" id="p1"><p class="panel-title">What can we help you with?</p><p class="panel-desc">Select a topic so we can route your request to the right team.</p><div class="topics"><button class="topic" data-v="order" onclick="pick(this)"><span class="t-icon">📦</span>Order &amp;Shipping</button><button class="topic" data-v="return" onclick="pick(this)"><span class="t-icon">↩️</span>Return &amp;Exchange</button><button class="topic" data-v="product" onclick="pick(this)"><span class="t-icon">📱</span>Product Help</button><button class="topic" data-v="warranty"onclick="pick(this)"><span class="t-icon">🛡️</span>Warranty Claim</button><button class="topic" data-v="presale" onclick="pick(this)"><span class="t-icon">🛒</span>Pre-Sale Question</button><button class="topic" data-v="other" onclick="pick(this)"><span class="t-icon">💭</span>Other</button></div><button class="btn" id="btn1" disabled onclick="go(2)">Continue <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"/></svg></button></div><!-- STEP 2 --><div class="fc-panel" id="p2"><p class="panel-title">Your Contact Details</p><p class="panel-desc">We'll use this to follow up on your request.</p>
        <div class="fields">
          <div class="field">
            <label class="flabel">First Name <span class="req">*</span></label>
            <input type="text" placeholder="e.g. Rahul">
          </div>
          <div class="field">
            <label class="flabel">Last Name <span class="req">*</span></label>
            <input type="text" placeholder="e.g. Ahmed">
          </div>
          <div class="field full">
            <label class="flabel">Email Address <span class="req">*</span></label>
            <input type="email" placeholder="you@email.com">
          </div>
          <div class="field full">
            <label class="flabel">Phone / WhatsApp</label>
            <input type="tel" placeholder="+880 1xxx-xxxxxx">
          </div>
        </div>
        <hr class="divider"/>
        <div class="btn-row">
          <button class="btn-ghost" onclick="go(1)">
            <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M19 12H5M12 19l-7-7 7-7"/></svg>
            Back
          </button>
          <button class="btn" onclick="go(3)">
            Continue
            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
          </button>
        </div>
      </div>

      <!-- STEP 3 -->
      <div class="fc-panel" id="p3">
        <p class="panel-title">Tell Us More</p>
        <p class="panel-desc">The more detail you share, the faster we can help.</p>
        <div class="fields">
          <div class="field full">
            <label class="flabel">Product Name</label>
            <input type="text" placeholder="e.g. ESR Project Zero iPhone 16 Pro Case">
          </div>
          <div class="field">
            <label class="flabel">Order / Invoice ID</label>
            <input type="text" placeholder="e.g. ESR-2025-00123">
          </div>
          <div class="field">
            <label class="flabel">Purchased From</label>
            <div class="sel-wrap">
              <select>
                <option value="" disabled selected>— Select store —</option>
                <option>ESR Bangladesh (esrbd.com)</option>
                <option>Daraz Bangladesh</option>
                <option>Gadget BD</option>
                <option>Other</option>
              </select>
            </div>
          </div>
          <div class="field full">
            <label class="flabel">Your Message <span class="req">*</span></label>
            <textarea placeholder="Describe your issue in detail. For defects, include what you're seeing..."></textarea>
          </div>
          <div class="field full">
            <label class="flabel">Attach Photo (optional)</label>
            <label class="upload">
              <svg width="15" height="15" 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"/><polyline points="17 8 12 3 7 8"/><line x1="12" y1="3" x2="12" y2="15"/></svg>
              Click to upload — JPG, PNG or PDF up to 5MB
              <input type="file" style="display:none" accept="image