{"id":632,"date":"2026-08-23T03:44:28","date_gmt":"2026-08-23T03:44:28","guid":{"rendered":"https:\/\/spariqo.com\/bd\/?page_id=632"},"modified":"2026-08-29T07:02:55","modified_gmt":"2026-08-29T07:02:55","slug":"ecommerce-website-design-in-bangladesh","status":"publish","type":"page","link":"https:\/\/spariqo.com\/bd\/ecommerce-website-design-in-bangladesh\/","title":{"rendered":"E-commerce Website Design"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"632\" class=\"elementor elementor-632\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bfa99c7 e-con-full e-flex e-con e-parent\" data-id=\"bfa99c7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1646dbc elementor-widget elementor-widget-html\" data-id=\"1646dbc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\nSpariqo \u2014 E-COMMERCE WEBSITE DESIGN BANGLADESH\r\n1st section (Hero with content preserved exactly as given)\r\nPaste: Elementor \u2192 HTML Widget\r\n============================================================ -->\r\n\r\n<style>\r\n\/* ===========================================================\r\nROOT + RESET\r\n=========================================================== *\/\r\n.wdcbd *,.wdcbd *::before,.wdcbd *::after{\r\nmargin:0;padding:0;box-sizing:border-box;\r\n}\r\n:root{\r\n--vc-blue:#153a8c;\r\n--vc-blue-2:#0e2a6b;\r\n--vc-blue-3:#0b2358;\r\n--vc-orange:#f26b1d;\r\n--vc-orange-2:#d95a12;\r\n--vc-orange-soft:#ffb387;\r\n--vc-ink:#1c2440;\r\n--vc-muted:#5a627a;\r\n--vc-line:#e8e6e0;\r\n--vc-white:#fff;\r\n--vc-font:'Hind Siliguri','Noto Sans Bengali','Bangla Sangam MN','Kohinoor Bangla','Nirmala UI','Vrinda','SolaimanLipi',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;\r\n}\r\n\r\n\/* ===========================================================\r\nHERO SECTION\r\n=========================================================== *\/\r\n.wdcbd-hero{\r\nfont-family:var(--vc-font);\r\nposition:relative;\r\noverflow:hidden;\r\npadding:160px 0 100px;\r\nbackground:#fafaf7;\r\nisolation:isolate;\r\nbackground-image:\r\nradial-gradient(at 12% 18%, rgba(21,58,140,.10) 0%, transparent 45%),\r\nradial-gradient(at 88% 22%, rgba(242,107,29,.12) 0%, transparent 45%),\r\nradial-gradient(at 75% 85%, rgba(21,58,140,.08) 0%, transparent 50%),\r\nradial-gradient(at 18% 90%, rgba(242,107,29,.08) 0%, transparent 45%);\r\n}\r\n.wdcbd-hero::before{\r\ncontent:\"\";\r\nposition:absolute;\r\ninset:0;\r\nbackground-image:radial-gradient(rgba(21,58,140,.12) 1px, transparent 1px);\r\nbackground-size:32px 32px;\r\nopacity:.5;\r\npointer-events:none;\r\nz-index:0;\r\n-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 50%, transparent 30%, #000 90%);\r\nmask-image:radial-gradient(ellipse 80% 60% at 50% 50%, transparent 30%, #000 90%);\r\n}\r\n.wdcbd-hero::after{\r\ncontent:\"\";\r\nposition:absolute;\r\ninset:0;\r\nbackground-image:\r\nlinear-gradient(rgba(21,58,140,.04) 1px, transparent 1px),\r\nlinear-gradient(90deg, rgba(21,58,140,.04) 1px, transparent 1px);\r\nbackground-size:80px 80px;\r\nopacity:.6;\r\npointer-events:none;\r\nz-index:0;\r\n-webkit-mask-image:linear-gradient(180deg, #000 0%, #000 60%, transparent 100%);\r\nmask-image:linear-gradient(180deg, #000 0%, #000 60%, transparent 100%);\r\n}\r\n\r\n\/* Floating background dots *\/\r\n.wdcbd-hero .vc-bg-dot{\r\nposition:absolute;\r\nborder-radius:50%;\r\nz-index:0;\r\npointer-events:none;\r\n}\r\n.wdcbd-hero .vc-bg-dot-1{\r\nwidth:14px;height:14px;\r\nbackground:var(--vc-orange);\r\ntop:22%;left:8%;\r\nopacity:.35;\r\nanimation:vcCwdDot 6s ease-in-out infinite;\r\n}\r\n.wdcbd-hero .vc-bg-dot-2{\r\nwidth:9px;height:9px;\r\nbackground:var(--vc-blue);\r\nbottom:28%;left:15%;\r\nopacity:.4;\r\nanimation:vcCwdDot 5s ease-in-out infinite 1.2s;\r\n}\r\n.wdcbd-hero .vc-bg-dot-3{\r\nwidth:11px;height:11px;\r\nbackground:var(--vc-orange-soft);\r\ntop:60%;right:12%;\r\nopacity:.5;\r\nanimation:vcCwdDot 7s ease-in-out infinite .6s;\r\n}\r\n@keyframes vcCwdDot{\r\n0%,100%{transform:translateY(0)}\r\n50%{transform:translateY(-22px)}\r\n}\r\n\r\n\/* Container *\/\r\n.wdcbd-hero .wdcbd-wrap{\r\nposition:relative;z-index:1;\r\nmax-width:1200px;\r\nmargin:0 auto;\r\npadding:0 24px;\r\ntext-align:center;\r\n}\r\n\r\n\/* ===========================================================\r\nBADGE\r\n=========================================================== *\/\r\n.wdcbd-hero .wdcbd-badge{\r\ndisplay:inline-flex;align-items:center;gap:8px;\r\nbackground:#fff;\r\nborder:1px solid #f6c8ae;\r\ncolor:var(--vc-orange);\r\nfont-size:13px;font-weight:600;\r\npadding:8px 18px;border-radius:30px;\r\nmargin:0 auto 22px;\r\nbox-shadow:0 4px 16px rgba(242,107,29,.08);\r\n}\r\n.wdcbd-hero .wdcbd-badge::before{\r\ncontent:\"\ud83c\udfaf\";font-size:13px;\r\n}\r\n\r\n\/* ===========================================================\r\nTITLE H1\r\n=========================================================== *\/\r\n.wdcbd-hero h1{\r\nfont-size:48px;\r\nline-height:1.2;\r\ncolor:var(--vc-blue);\r\nfont-weight:800;\r\nletter-spacing:-.02em;\r\nmargin:0 auto 22px;\r\nmax-width:1250px;\r\n}\r\n.wdcbd-hero h1 .vc-accent{\r\ncolor:var(--vc-orange);\r\nposition:relative;\r\ndisplay:inline-block;\r\n}\r\n.wdcbd-hero h1 .vc-accent::after{\r\ncontent:\"\";\r\nposition:absolute;\r\nbottom:4px;left:0;\r\nwidth:100%;height:14px;\r\nbackground:rgba(242,107,29,.16);\r\nborder-radius:6px;\r\nz-index:-1;\r\ntransform:skewX(-12deg);\r\n}\r\n\r\n\/* ===========================================================\r\nLEAD\r\n=========================================================== *\/\r\n.wdcbd-hero .wdcbd-lead{\r\ncolor:var(--vc-muted);\r\nmax-width:900px;\r\nmargin:0 auto 26px;\r\nfont-size:17.5px;\r\nline-height:1.75;\r\ntext-align:center;\r\n}\r\n.wdcbd-hero .wdcbd-lead p{\r\nmargin-bottom:18px;\r\n}\r\n.wdcbd-hero .wdcbd-lead p:last-child{\r\nmargin-bottom:0;\r\n}\r\n.wdcbd-hero .wdcbd-lead b{\r\ncolor:var(--vc-ink);\r\nfont-weight:600;\r\n}\r\n\r\n\/* ===========================================================\r\nBUTTONS (CTA + phone link)\r\n=========================================================== *\/\r\n.wdcbd-hero .wdcbd-actions{\r\ndisplay:flex;flex-wrap:wrap;\r\njustify-content:center;\r\nalign-items:center;\r\ngap:14px;\r\nmargin:30px auto 0;\r\n}\r\n.wdcbd-hero .wdcbd-btn{\r\ndisplay:inline-flex;align-items:center;gap:10px;\r\nfont-weight:600;\r\nfont-size:15.5px;\r\npadding:15px 30px;\r\nborder-radius:30px;\r\ntext-decoration:none;\r\ntransition:all .3s ease;\r\ncursor:pointer;\r\nborder:0;\r\nfont-family:inherit;\r\nwhite-space:nowrap;\r\n}\r\n.wdcbd-hero .wdcbd-btn svg{width:16px;height:16px;transition:transform .3s ease}\r\n.wdcbd-hero .wdcbd-btn:hover svg{transform:translateX(3px)}\r\n\r\n\/* Primary CTA *\/\r\n.wdcbd-hero .wdcbd-btn-primary{\r\nbackground:var(--vc-orange);\r\ncolor:#fff;\r\nbox-shadow:0 10px 26px rgba(242,107,29,.40);\r\n}\r\n.wdcbd-hero .wdcbd-btn-primary:hover{\r\nbackground:var(--vc-orange-2);\r\ntransform:translateY(-3px);\r\nbox-shadow:0 16px 36px rgba(242,107,29,.55);\r\n}\r\n\r\n\/* Phone link \u2014 WhatsApp *\/\r\n.wdcbd-hero .wdcbd-btn-phone{\r\nbackground:rgba(255,255,255,.95);\r\ncolor:var(--vc-blue);\r\nborder:1.5px solid var(--vc-blue);\r\ntext-decoration:none;\r\nfont-weight:600;\r\nfont-size:15.5px;\r\npadding:14px 26px;\r\nborder-radius:30px;\r\ndisplay:inline-flex;\r\nalign-items:center;\r\ngap:10px;\r\ntransition:all .3s ease;\r\nwhite-space:nowrap;\r\nbox-shadow:0 6px 18px rgba(21,58,140,.10);\r\n}\r\n.wdcbd-hero .wdcbd-btn-phone:hover{\r\nbackground:var(--vc-blue);\r\ncolor:#fff;\r\ntransform:translateY(-2px);\r\nbox-shadow:0 12px 26px rgba(21,58,140,.25);\r\n}\r\n.wdcbd-hero .wdcbd-btn-phone svg{width:16px;height:16px;transition:transform .3s ease}\r\n.wdcbd-hero .wdcbd-btn-phone:hover svg{transform:rotate(-12deg) scale(1.1)}\r\n\r\n\/* ===========================================================\r\nRESPONSIVE\r\n=========================================================== *\/\r\n@media (max-width:992px){\r\n.wdcbd-hero{padding:130px 0 80px}\r\n.wdcbd-hero h1{font-size:38px}\r\n.wdcbd-hero .wdcbd-lead{font-size:16px}\r\n}\r\n@media (max-width:768px){\r\n.wdcbd-hero{padding:110px 0 60px}\r\n.wdcbd-hero h1{font-size:30px}\r\n.wdcbd-hero .wdcbd-lead{font-size:15.5px;margin-bottom:22px}\r\n.wdcbd-hero .wdcbd-lead p{margin-bottom:14px}\r\n.wdcbd-hero .wdcbd-actions{gap:10px;margin:24px auto 0}\r\n.wdcbd-hero .wdcbd-btn{padding:13px 24px;font-size:14.5px}\r\n.wdcbd-hero .wdcbd-btn-phone{padding:12px 22px;font-size:14.5px}\r\n}\r\n@media (max-width:540px){\r\n.wdcbd-hero{padding:100px 0 50px}\r\n.wdcbd-hero h1{font-size:26px}\r\n.wdcbd-hero .wdcbd-lead{font-size:15px;line-height:1.65}\r\n.wdcbd-hero .wdcbd-actions{flex-direction:column;width:100%}\r\n.wdcbd-hero .wdcbd-btn,\r\n.wdcbd-hero .wdcbd-btn-phone{width:100%;justify-content:center;padding:14px 20px;font-size:15px}\r\n.wdcbd-hero .wdcbd-btn-phone svg{display:none}\r\n}\r\n<\/style>\r\n\r\n<!-- =====================================================\r\nE-COMMERCE WEBSITE DESIGN BANGLADESH \u2014 1st section (Hero)\r\nContent preserved EXACTLY as given\r\n===================================================== -->\r\n<section class=\"wdcbd wdcbd-hero\" id=\"ecommerce-hero\">\r\n\r\n<span class=\"vc-bg-dot vc-bg-dot-1\"><\/span>\r\n<span class=\"vc-bg-dot vc-bg-dot-2\"><\/span>\r\n<span class=\"vc-bg-dot vc-bg-dot-3\"><\/span>\r\n\r\n<div class=\"wdcbd-wrap\">\r\n\r\n<!-- ===== Badge ===== -->\r\n<span class=\"wdcbd-badge\">\u09ac\u09be\u0982\u09b2\u09be\u09a6\u09c7\u09b6\u09c7\u09b0 \u09b6\u09c0\u09b0\u09cd\u09b7 \u0993\u09af\u09bc\u09c7\u09ac \u09a1\u09bf\u099c\u09be\u0987\u09a8 \u098f\u099c\u09c7\u09a8\u09cd\u09b8\u09bf<\/span>\r\n\r\n<!-- ===== Title H1 ===== -->\r\n<h1>\r\nE-commerce Website Design in <span class=\"vc-accent\">Bangladesh<\/span>\r\n<\/h1>\r\n\r\n<!-- ===== Lead ===== -->\r\n<div class=\"wdcbd-lead\">\r\n<p>\r\n\u0986\u09aa\u09a8\u09be\u09b0 Business-\u098f\u09b0 \u099c\u09a8\u09cd\u09af \u09a8\u09bf\u099c\u09c7\u09b0 \u098f\u0995\u099f\u09bf Professional Online Store \u09a4\u09c8\u09b0\u09bf \u0995\u09b0\u09c1\u09a8\r\n<\/p>\r\n<p>\r\nFacebook-\u098f product sell \u0995\u09b0\u099b\u09c7\u09a8?<br>\r\nMessenger-\u098f order \u09a8\u09bf\u099a\u09cd\u099b\u09c7\u09a8?<br>\r\nCustomer \u09ac\u09be\u09b0\u09ac\u09be\u09b0 product price, size \u09ac\u09be availability \u099c\u09bf\u099c\u09cd\u099e\u09c7\u09b8 \u0995\u09b0\u099b\u09c7?\r\n<\/p>\r\n<p>\r\n<b>\u098f\u09ac\u09be\u09b0 \u0986\u09aa\u09a8\u09be\u09b0 Business-\u098f\u09b0 \u099c\u09a8\u09cd\u09af \u09a8\u09bf\u099c\u09c7\u09b0 \u098f\u0995\u099f\u09bf E-commerce Website \u09ac\u09be\u09a8\u09bf\u09af\u09bc\u09c7 \u09a8\u09bf\u09a8\u0964<\/b>\r\n<\/p>\r\n<p>\r\nSpariqo\u2122 \u09a4\u09c8\u09b0\u09bf \u0995\u09b0\u09c7 Bangladesh-\u098f\u09b0 online sellers \u098f\u09ac\u0982 growing businesses-\u098f\u09b0 \u099c\u09a8\u09cd\u09af professional E-commerce website Design \u09af\u09c7\u0996\u09be\u09a8\u09c7 Customer \u09b8\u09b9\u099c\u09c7 Product \u09a6\u09c7\u0996\u09a4\u09c7, Order \u0995\u09b0\u09a4\u09c7 \u098f\u09ac\u0982 \u0986\u09aa\u09a8\u09be\u09b0 Business \u09b8\u09ae\u09cd\u09aa\u09b0\u09cd\u0995\u09c7 \u099c\u09be\u09a8\u09a4\u09c7 \u09aa\u09be\u09b0\u09c7\u0964\r\n<\/p>\r\n<p>\r\n\ud83d\uded2 Your Products. Your Brand. Your Online Store.\r\n<\/p>\r\n<\/div>\r\n\r\n<!-- ===== CTA Buttons ===== -->\r\n<div class=\"wdcbd-actions\">\r\n<a href=\"https:\/\/spariqo.com\/bd\/contact-us\/\" class=\"wdcbd-btn wdcbd-btn-primary\">\r\nGet Started\r\n<svg 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>\r\n<\/a>\r\n<a href=\"https:\/\/wa.me\/8801703689900\" target=\"_blank\" rel=\"noopener\" class=\"wdcbd-btn-phone\">\r\n\r\nWhatsApp: 01703689900\r\n<\/a>\r\n<\/div>\r\n\r\n<\/div>\r\n<\/section>\r\n\r\n<script>\r\n\/* =====================================================\r\nE-COMMERCE WEBSITE HERO JS (smooth scroll)\r\n===================================================== *\/\r\n(function(){\r\n\r\ndocument.querySelectorAll('.wdcbd a[href^=\"#\"]').forEach(link => {\r\nlink.addEventListener('click', function(e){\r\nconst href = this.getAttribute('href');\r\nif (href.length > 1) {\r\nconst target = document.querySelector(href);\r\nif (target) {\r\ne.preventDefault();\r\nconst headerH = document.querySelector('.vc-header')\r\n? document.querySelector('.vc-header').offsetHeight : 80;\r\nconst y = target.getBoundingClientRect().top + window.scrollY - headerH - 10;\r\nwindow.scrollTo({top:y, behavior:'smooth'});\r\n}\r\n}\r\n});\r\n});\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-98cf68e e-con-full e-flex e-con e-parent\" data-id=\"98cf68e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ec01c5f elementor-widget elementor-widget-html\" data-id=\"ec01c5f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\nSpariqo \u2014 E-COMMERCE WEBSITE DESIGN BANGLADESH\r\n2nd section (Why You Need an E-commerce Website)\r\nPaste: Elementor \u2192 HTML Widget\r\n============================================================ -->\r\n\r\n<style>\r\n\/* ===========================================================\r\nWHY SECTION (Problem \/ Solution)\r\n=========================================================== *\/\r\n.wdcbd-why{\r\nfont-family:var(--vc-font);\r\nposition:relative;\r\npadding:80px 0;\r\nbackground:#ffffff;\r\noverflow:hidden;\r\n}\r\n.wdcbd-why .wdcbd-wrap{\r\nposition:relative;\r\nz-index:1;\r\nmax-width:1200px;\r\nmargin:0 auto;\r\npadding:0 24px;\r\n}\r\n\r\n\/* Heading *\/\r\n.wdcbd-why h2{\r\nfont-size:36px;\r\nline-height:1.3;\r\ncolor:var(--vc-blue);\r\nfont-weight:800;\r\nletter-spacing:-.01em;\r\nmargin:0 auto 24px;\r\ntext-align:center;\r\nmax-width:1000px;\r\n}\r\n\r\n\/* Intro Text *\/\r\n.wdcbd-why .wdcbd-intro{\r\nfont-size:18px;\r\nline-height:1.7;\r\ncolor:var(--vc-ink);\r\ntext-align:center;\r\nmargin:0 auto 32px;\r\nmax-width:700px;\r\n}\r\n\r\n\/* Condition Block *\/\r\n.wdcbd-why .wdcbd-condition{\r\nbackground:#f8f9fc;\r\nborder-left:4px solid var(--vc-orange);\r\nborder-radius:8px;\r\npadding:28px 32px;\r\nmargin:0 auto 32px;\r\nmax-width:1000px;\r\n}\r\n.wdcbd-why .wdcbd-condition-title{\r\nfont-size:18px;\r\nfont-weight:700;\r\ncolor:var(--vc-blue);\r\nmargin:0 0 16px 0;\r\n}\r\n.wdcbd-why .wdcbd-list{\r\nlist-style:none;\r\npadding:0;\r\nmargin:0;\r\ndisplay:grid;\r\ngrid-template-columns:1fr;\r\ngap:12px;\r\n}\r\n.wdcbd-why .wdcbd-list li{\r\nposition:relative;\r\npadding-left:32px;\r\nfont-size:16.5px;\r\nline-height:1.6;\r\ncolor:var(--vc-muted);\r\n}\r\n.wdcbd-why .wdcbd-list li::before{\r\ncontent:\"\";\r\nposition:absolute;\r\nleft:0;\r\ntop:6px;\r\nwidth:18px;\r\nheight:18px;\r\nbackground-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%23f26b1d' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'\/%3E%3C\/svg%3E\");\r\nbackground-size:contain;\r\nbackground-repeat:no-repeat;\r\n}\r\n\r\n\/* Resolution Text *\/\r\n.wdcbd-why .wdcbd-resolution{\r\ntext-align:center;\r\nmax-width:740px;\r\nmargin:0 auto 20px;\r\n}\r\n.wdcbd-why .wdcbd-resolution p{\r\nfont-size:17.5px;\r\nline-height:1.75;\r\ncolor:var(--vc-ink);\r\nmargin-bottom:16px;\r\n}\r\n.wdcbd-why .wdcbd-resolution p:last-child{\r\nmargin-bottom:0;\r\n}\r\n\r\n\/* Highlight Box *\/\r\n.wdcbd-why .wdcbd-highlight{\r\nbackground:linear-gradient(135deg, var(--vc-blue) 0%, var(--vc-blue-2) 100%);\r\ncolor:#fff;\r\npadding:28px 32px;\r\nborder-radius:12px;\r\ntext-align:center;\r\nfont-size:18px;\r\nfont-weight:600;\r\nline-height:1.6;\r\nmax-width:1000px;\r\nmargin:32px auto 0;\r\nbox-shadow:0 12px 32px rgba(21,58,140,.18);\r\n}\r\n\r\n\/* ===========================================================\r\nRESPONSIVE\r\n=========================================================== *\/\r\n@media (max-width:992px){\r\n.wdcbd-why{padding:60px 0}\r\n.wdcbd-why h2{font-size:30px}\r\n.wdcbd-why .wdcbd-intro{font-size:17px}\r\n}\r\n@media (max-width:768px){\r\n.wdcbd-why{padding:50px 0}\r\n.wdcbd-why h2{font-size:26px}\r\n.wdcbd-why .wdcbd-condition{padding:22px 20px}\r\n.wdcbd-why .wdcbd-list li{font-size:15.5px}\r\n.wdcbd-why .wdcbd-resolution p{font-size:16.5px}\r\n.wdcbd-why .wdcbd-highlight{font-size:16.5px;padding:24px 20px}\r\n}\r\n@media (max-width:540px){\r\n.wdcbd-why h2{font-size:24px}\r\n.wdcbd-why .wdcbd-condition{padding:20px 16px}\r\n.wdcbd-why .wdcbd-list li{padding-left:28px;font-size:15px}\r\n.wdcbd-why .wdcbd-list li::before{top:5px;width:16px;height:16px}\r\n}\r\n<\/style>\r\n\r\n<!-- =====================================================\r\nE-COMMERCE WEBSITE DESIGN BANGLADESH \u2014 2nd section\r\nContent preserved EXACTLY as given\r\n===================================================== -->\r\n<section class=\"wdcbd wdcbd-why\" id=\"ecommerce-why\">\r\n\r\n<div class=\"wdcbd-wrap\">\r\n\r\n<!-- ===== Heading ===== -->\r\n<h2>\u09b6\u09c1\u09a7\u09c1 Facebook Page-\u098f\u09b0 \u0993\u09aa\u09b0 \u09a8\u09bf\u09b0\u09cd\u09ad\u09b0 \u0995\u09b0\u09c7 \u09a5\u09be\u0995\u09ac\u09c7\u09a8 \u0995\u09c7\u09a8?<\/h2>\r\n\r\n<!-- ===== Intro ===== -->\r\n<p class=\"wdcbd-intro\">\r\nFacebook \u0986\u09aa\u09a8\u09be\u09b0 Business-\u098f\u09b0 \u099c\u09a8\u09cd\u09af \u0996\u09c1\u09ac useful \u098f\u0995\u099f\u09bf platform\u0964\r\n<\/p>\r\n\r\n<!-- ===== Condition Block ===== -->\r\n<div class=\"wdcbd-condition\">\r\n<p class=\"wdcbd-condition-title\">\u0995\u09bf\u09a8\u09cd\u09a4\u09c1 Customer \u09af\u09a6\u09bf:<\/p>\r\n<ul class=\"wdcbd-list\">\r\n<li>\u0985\u09a8\u09c7\u0995\u0997\u09c1\u09b2\u09cb Product \u09a6\u09c7\u0996\u09a4\u09c7 \u099a\u09be\u09af\u09bc<\/li>\r\n<li>Product category \u0996\u09c1\u0981\u099c\u09a4\u09c7 \u099a\u09be\u09af\u09bc<\/li>\r\n<li>Price compare \u0995\u09b0\u09a4\u09c7 \u099a\u09be\u09af\u09bc<\/li>\r\n<li>Product details \u099c\u09be\u09a8\u09a4\u09c7 \u099a\u09be\u09af\u09bc<\/li>\r\n<li>Size\/colour select \u0995\u09b0\u09a4\u09c7 \u099a\u09be\u09af\u09bc<\/li>\r\n<li>Cart-\u098f Product \u09b0\u09be\u0996\u09a4\u09c7 \u099a\u09be\u09af\u09bc<\/li>\r\n<li>Online Order \u0995\u09b0\u09a4\u09c7 \u099a\u09be\u09af\u09bc<\/li>\r\n<\/ul>\r\n<\/div>\r\n\r\n<!-- ===== Resolution ===== -->\r\n<div class=\"wdcbd-resolution\">\r\n<p>\r\n\u09a4\u0996\u09a8 \u098f\u0995\u099f\u09bf dedicated Online Store \u0985\u09a8\u09c7\u0995 \u09ac\u09c7\u09b6\u09bf convenient \u09b9\u09a4\u09c7 \u09aa\u09be\u09b0\u09c7\u0964\r\n<\/p>\r\n<p>\r\n\u098f\u0995\u099f\u09bf E-commerce Website-\u098f \u0986\u09aa\u09a8\u09be\u09b0 Product, Category, Price, Offers, Order \u098f\u09ac\u0982 Customer information \u098f\u0995\u099f\u09bf structured system-\u098f\u09b0 \u09ae\u09a7\u09cd\u09af\u09c7 \u09b0\u09be\u0996\u09be \u09af\u09be\u09af\u09bc\u0964\r\n<\/p>\r\n<\/div>\r\n\r\n<!-- ===== Highlight Box ===== -->\r\n<div class=\"wdcbd-highlight\">\r\n\u0986\u09aa\u09a8\u09be\u09b0 Business-\u098f\u09b0 \u099c\u09a8\u09cd\u09af \u098f\u0995\u099f\u09bf \u09a8\u09bf\u099c\u09c7\u09b0 Online Store \u09a4\u09c8\u09b0\u09bf \u0995\u09b0\u09c1\u09a8 \u09af\u09c7\u099f\u09be \u0986\u09aa\u09a8\u09be\u09b0 Brand-\u098f\u09b0 \u09a8\u09be\u09ae\u09c7 \u09a5\u09be\u0995\u09ac\u09c7\u0964\r\n<\/div>\r\n\r\n<\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ccef126 e-con-full e-flex e-con e-parent\" data-id=\"ccef126\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3feb1e5 elementor-widget elementor-widget-html\" data-id=\"3feb1e5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\nSpariqo \u2014 E-COMMERCE WEBSITE DESIGN BANGLADESH\r\n3rd section (What Is an E-commerce Website?)\r\nPaste: Elementor \u2192 HTML Widget\r\n============================================================ -->\r\n\r\n<style>\r\n\/* ===========================================================\r\nWHAT IS SECTION (Two Column Layout)\r\n=========================================================== *\/\r\n.wdcbd-what{\r\nfont-family:var(--vc-font);\r\nposition:relative;\r\npadding:100px 0;\r\nbackground:#fafaf7;\r\noverflow:hidden;\r\n}\r\n.wdcbd-what .wdcbd-wrap{\r\nposition:relative;\r\nz-index:1;\r\nmax-width:1250px;\r\nmargin:0 auto;\r\npadding:0 24px;\r\n}\r\n\r\n\/* Grid Layout *\/\r\n.wdcbd-what .wdcbd-grid{\r\ndisplay:grid;\r\ngrid-template-columns:1fr 1fr;\r\ngap:60px;\r\nalign-items:center;\r\n}\r\n\r\n\/* Image Side *\/\r\n.wdcbd-what .wdcbd-image{\r\nposition:relative;\r\n}\r\n.wdcbd-what .wdcbd-image img{\r\nwidth:100%;\r\nheight:auto;\r\nborder-radius:16px;\r\nbox-shadow:0 20px 60px rgba(21,58,140,.15);\r\ndisplay:block;\r\n}\r\n.wdcbd-what .wdcbd-image::before{\r\ncontent:\"\";\r\nposition:absolute;\r\ntop:-20px;\r\nleft:-20px;\r\nright:20px;\r\nbottom:20px;\r\nbackground:linear-gradient(135deg, var(--vc-orange) 0%, var(--vc-orange-soft) 100%);\r\nborder-radius:16px;\r\nz-index:-1;\r\nopacity:.2;\r\n}\r\n\r\n\/* Content Side *\/\r\n.wdcbd-what .wdcbd-content{\r\npadding-left:20px;\r\n}\r\n.wdcbd-what h2{\r\nfont-size:36px;\r\nline-height:1.3;\r\ncolor:var(--vc-blue);\r\nfont-weight:800;\r\nletter-spacing:-.01em;\r\nmargin:0 0 24px 0;\r\n}\r\n.wdcbd-what .wdcbd-content > p{\r\nfont-size:18px;\r\nline-height:1.75;\r\ncolor:var(--vc-ink);\r\nmargin:0 0 24px 0;\r\n}\r\n\r\n\/* Process List *\/\r\n.wdcbd-what .wdcbd-process{\r\nbackground:#fff;\r\nborder-radius:12px;\r\npadding:24px 28px;\r\nmargin:0 0 24px 0;\r\nbox-shadow:0 8px 24px rgba(21,58,140,.08);\r\n}\r\n.wdcbd-what .wdcbd-process-title{\r\nfont-size:16px;\r\nfont-weight:700;\r\ncolor:var(--vc-blue);\r\nmargin:0 0 16px 0;\r\n}\r\n.wdcbd-what .wdcbd-process-flow{\r\ndisplay:flex;\r\nflex-wrap:wrap;\r\nalign-items:center;\r\ngap:8px;\r\nfont-size:14px;\r\ncolor:var(--vc-muted);\r\nline-height:1.6;\r\n}\r\n.wdcbd-what .wdcbd-process-flow span{\r\nbackground:var(--vc-orange-soft);\r\ncolor:var(--vc-blue);\r\npadding:6px 12px;\r\nborder-radius:6px;\r\nfont-weight:600;\r\n}\r\n.wdcbd-what .wdcbd-process-flow .vc-arrow{\r\ncolor:var(--vc-orange);\r\nfont-weight:700;\r\n}\r\n\r\n\/* Conclusion *\/\r\n.wdcbd-what .wdcbd-conclusion{\r\nfont-size:17.5px;\r\nline-height:1.7;\r\ncolor:var(--vc-muted);\r\nmargin:0;\r\n}\r\n\r\n\/* ===========================================================\r\nRESPONSIVE\r\n=========================================================== *\/\r\n@media (max-width:992px){\r\n.wdcbd-what{padding:80px 0}\r\n.wdcbd-what .wdcbd-grid{gap:40px}\r\n.wdcbd-what h2{font-size:30px}\r\n.wdcbd-what .wdcbd-content{padding-left:0}\r\n}\r\n@media (max-width:768px){\r\n.wdcbd-what{padding:60px 0}\r\n.wdcbd-what .wdcbd-grid{grid-template-columns:1fr;gap:32px}\r\n.wdcbd-what h2{font-size:26px}\r\n.wdcbd-what .wdcbd-content > p{font-size:17px}\r\n.wdcbd-what .wdcbd-process{padding:20px}\r\n.wdcbd-what .wdcbd-process-flow{font-size:13px}\r\n.wdcbd-what .wdcbd-conclusion{font-size:16.5px}\r\n}\r\n@media (max-width:540px){\r\n.wdcbd-what{padding:50px 0}\r\n.wdcbd-what h2{font-size:24px}\r\n.wdcbd-what .wdcbd-image::before{top:-12px;left:-12px;right:12px;bottom:12px}\r\n.wdcbd-what .wdcbd-process-flow{flex-direction:column;align-items:flex-start;gap:6px}\r\n.wdcbd-what .wdcbd-process-flow .vc-arrow{display:none}\r\n}\r\n<\/style>\r\n\r\n<!-- =====================================================\r\nE-COMMERCE WEBSITE DESIGN BANGLADESH \u2014 3rd section\r\nWhat Is an E-commerce Website?\r\n===================================================== -->\r\n<section class=\"wdcbd wdcbd-what\" id=\"ecommerce-what\">\r\n\r\n<div class=\"wdcbd-wrap\">\r\n\r\n<div class=\"wdcbd-grid\">\r\n\r\n<!-- ===== Left Side: Image ===== -->\r\n<div class=\"wdcbd-image\">\r\n<img decoding=\"async\" src=\"https:\/\/spariqo.com\/bd\/wp-content\/uploads\/2026\/08\/What-Is-an-E-commerce-Website_.webp\" alt=\"What Is an E-commerce Website\" loading=\"lazy\">\r\n<\/div>\r\n\r\n<!-- ===== Right Side: Content ===== -->\r\n<div class=\"wdcbd-content\">\r\n\r\n<h2>What Is an E-commerce Website?<\/h2>\r\n\r\n<p>\r\n\u09b8\u09b9\u099c\u09ad\u09be\u09ac\u09c7 \u09ac\u09b2\u09b2\u09c7, E-commerce Website \u09b9\u09b2\u09cb \u098f\u09ae\u09a8 \u098f\u0995\u099f\u09bf Online Store \u09af\u09c7\u0996\u09be\u09a8\u09c7 Customer \u0986\u09aa\u09a8\u09be\u09b0 Products online-\u098f \u09a6\u09c7\u0996\u09a4\u09c7 \u098f\u09ac\u0982 Website-\u098f\u09b0 \u09ae\u09be\u09a7\u09cd\u09af\u09ae\u09c7 Order \u0995\u09b0\u09a4\u09c7 \u09aa\u09be\u09b0\u09c7\u0964\r\n<\/p>\r\n\r\n<div class=\"wdcbd-process\">\r\n<p class=\"wdcbd-process-title\">\u098f\u0995\u099f\u09bf typical online store-\u098f \u09a5\u09be\u0995\u09a4\u09c7 \u09aa\u09be\u09b0\u09c7:<\/p>\r\n<div class=\"wdcbd-process-flow\">\r\n<span>Homepage<\/span>\r\n<span class=\"vc-arrow\">\u2192<\/span>\r\n<span>Product Categories<\/span>\r\n<span class=\"vc-arrow\">\u2192<\/span>\r\n<span>Product Page<\/span>\r\n<span class=\"vc-arrow\">\u2192<\/span>\r\n<span>Cart<\/span>\r\n<span class=\"vc-arrow\">\u2192<\/span>\r\n<span>Checkout<\/span>\r\n<span class=\"vc-arrow\">\u2192<\/span>\r\n<span>Payment<\/span>\r\n<span class=\"vc-arrow\">\u2192<\/span>\r\n<span>Order<\/span>\r\n<\/div>\r\n<\/div>\r\n\r\n<p class=\"wdcbd-conclusion\">\r\nCustomer-\u098f\u09b0 \u099c\u09a8\u09cd\u09af shopping process \u09af\u09a4 \u09b8\u09b9\u099c \u09b9\u09ac\u09c7, purchase \u0995\u09b0\u09be\u09b0 experience \u09a4\u09a4 \u09ad\u09be\u09b2\u09cb \u09b9\u0993\u09af\u09bc\u09be\u09b0 \u09b8\u09ae\u09cd\u09ad\u09be\u09ac\u09a8\u09be \u09a5\u09be\u0995\u09c7\u0964\r\n<\/p>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e187d0f e-con-full e-flex e-con e-parent\" data-id=\"e187d0f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-00d1747 elementor-widget elementor-widget-html\" data-id=\"00d1747\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\nSpariqo \u2014 E-COMMERCE WEBSITE DESIGN BANGLADESH\r\n4th section (Why You Need an E-commerce Website - Features Grid)\r\nPaste: Elementor \u2192 HTML Widget\r\n============================================================ -->\r\n\r\n<style>\r\n\/* ===========================================================\r\nFEATURES SECTION\r\n=========================================================== *\/\r\n.wdcbd-features{\r\nfont-family:var(--vc-font);\r\nposition:relative;\r\npadding:100px 0;\r\nbackground:#ffffff;\r\noverflow:hidden;\r\n}\r\n.wdcbd-features .wdcbd-wrap{\r\nposition:relative;\r\nz-index:1;\r\nmax-width:1250px;\r\nmargin:0 auto;\r\npadding:0 24px;\r\n}\r\n\r\n\/* Heading *\/\r\n.wdcbd-features h2{\r\nfont-size:36px;\r\nline-height:1.3;\r\ncolor:var(--vc-blue);\r\nfont-weight:800;\r\nletter-spacing:-.01em;\r\nmargin:0 auto 48px;\r\ntext-align:center;\r\nmax-width:800px;\r\n}\r\n\r\n\/* Grid Layout *\/\r\n.wdcbd-features .wdcbd-grid{\r\ndisplay:grid;\r\ngrid-template-columns:repeat(3, 1fr);\r\ngap:28px;\r\n}\r\n\r\n\/* Feature Card *\/\r\n.wdcbd-features .wdcbd-card{\r\nbackground:#fafaf7;\r\nborder:1px solid var(--vc-line);\r\nborder-radius:14px;\r\npadding:32px 28px;\r\ntransition:all .35s ease;\r\nposition:relative;\r\noverflow:hidden;\r\n}\r\n.wdcbd-features .wdcbd-card::before{\r\ncontent:\"\";\r\nposition:absolute;\r\ntop:0;\r\nleft:0;\r\nwidth:100%;\r\nheight:4px;\r\nbackground:var(--vc-orange);\r\ntransform:scaleX(0);\r\ntransform-origin:left;\r\ntransition:transform .35s ease;\r\n}\r\n.wdcbd-features .wdcbd-card:hover{\r\ntransform:translateY(-6px);\r\nbox-shadow:0 16px 40px rgba(21,58,140,.10);\r\nborder-color:var(--vc-orange-soft);\r\n}\r\n.wdcbd-features .wdcbd-card:hover::before{\r\ntransform:scaleX(1);\r\n}\r\n\r\n\/* Card Icon *\/\r\n.wdcbd-features .wdcbd-card-icon{\r\nfont-size:32px;\r\nline-height:1;\r\nmargin-bottom:18px;\r\ndisplay:block;\r\n}\r\n\r\n\/* Card Title *\/\r\n.wdcbd-features .wdcbd-card h3{\r\nfont-size:19px;\r\nfont-weight:700;\r\ncolor:var(--vc-ink);\r\nmargin:0 0 12px 0;\r\nline-height:1.4;\r\n}\r\n\r\n\/* Card Text *\/\r\n.wdcbd-features .wdcbd-card p{\r\nfont-size:15.5px;\r\nline-height:1.7;\r\ncolor:var(--vc-muted);\r\nmargin:0;\r\n}\r\n\r\n\/* Center the last item if it's alone in a row (7 items total) *\/\r\n.wdcbd-features .wdcbd-card:last-child:nth-child(3n+1){\r\ngrid-column:2;\r\n}\r\n\r\n\/* ===========================================================\r\nRESPONSIVE\r\n=========================================================== *\/\r\n@media (max-width:992px){\r\n.wdcbd-features{padding:80px 0}\r\n.wdcbd-features h2{font-size:30px;margin-bottom:36px}\r\n.wdcbd-features .wdcbd-grid{grid-template-columns:repeat(2, 1fr);gap:24px}\r\n.wdcbd-features .wdcbd-card:last-child:nth-child(3n+1){grid-column:auto}\r\n.wdcbd-features .wdcbd-card:last-child:nth-child(2n+1){grid-column:1 \/ -1;max-width:500px;margin:0 auto;width:100%}\r\n}\r\n@media (max-width:768px){\r\n.wdcbd-features{padding:60px 0}\r\n.wdcbd-features h2{font-size:26px}\r\n.wdcbd-features .wdcbd-grid{grid-template-columns:1fr;gap:20px}\r\n.wdcbd-features .wdcbd-card{padding:26px 22px}\r\n.wdcbd-features .wdcbd-card:last-child:nth-child(2n+1){max-width:100%;grid-column:auto}\r\n}\r\n@media (max-width:540px){\r\n.wdcbd-features{padding:50px 0}\r\n.wdcbd-features h2{font-size:24px;margin-bottom:28px}\r\n.wdcbd-features .wdcbd-card{padding:24px 20px}\r\n.wdcbd-features .wdcbd-card h3{font-size:18px}\r\n.wdcbd-features .wdcbd-card p{font-size:15px}\r\n}\r\n<\/style>\r\n\r\n<!-- =====================================================\r\nE-COMMERCE WEBSITE DESIGN BANGLADESH \u2014 4th section\r\nFeatures \/ Benefits Grid\r\n===================================================== -->\r\n<section class=\"wdcbd wdcbd-features\" id=\"ecommerce-features\">\r\n\r\n<div class=\"wdcbd-wrap\">\r\n\r\n<!-- ===== Heading ===== -->\r\n<h2>\u0986\u09aa\u09a8\u09be\u09b0 Online Business-\u098f\u09b0 \u099c\u09a8\u09cd\u09af E-commerce Website \u0995\u09c7\u09a8 \u09a6\u09b0\u0995\u09be\u09b0?<\/h2>\r\n\r\n<!-- ===== Features Grid ===== -->\r\n<div class=\"wdcbd-grid\">\r\n\r\n<!-- Card 1 -->\r\n<div class=\"wdcbd-card\">\r\n<span class=\"wdcbd-card-icon\">\ud83d\udecd\ufe0f<\/span>\r\n<h3>\u09a8\u09bf\u099c\u09c7\u09b0 Online Store<\/h3>\r\n<p>\u0986\u09aa\u09a8\u09be\u09b0 Products-\u098f\u09b0 \u099c\u09a8\u09cd\u09af \u098f\u0995\u099f\u09bf dedicated online shop \u09a5\u09be\u0995\u09ac\u09c7 \u09af\u09c7\u0996\u09be\u09a8\u09c7 \u0986\u09aa\u09a8\u09be\u09b0 Brand \u098f\u09ac\u0982 Product presentation-\u098f\u09b0 \u0993\u09aa\u09b0 \u0986\u09aa\u09a8\u09be\u09b0 control \u09a5\u09be\u0995\u09ac\u09c7\u0964<\/p>\r\n<\/div>\r\n\r\n<!-- Card 2 -->\r\n<div class=\"wdcbd-card\">\r\n<span class=\"wdcbd-card-icon\">\ud83d\udce6<\/span>\r\n<h3>Unlimited Products<\/h3>\r\n<p>\u0986\u09aa\u09a8\u09be\u09b0 Product \u09b8\u0982\u0996\u09cd\u09af\u09be \u09ac\u09be\u09a1\u09bc\u09be\u09b0 \u09b8\u09be\u09a5\u09c7 \u09b8\u09be\u09a5\u09c7 Website-\u098f \u09a8\u09a4\u09c1\u09a8 Product add \u0995\u09b0\u09be \u09af\u09be\u09ac\u09c7\u0964<\/p>\r\n<\/div>\r\n\r\n<!-- Card 3 -->\r\n<div class=\"wdcbd-card\">\r\n<span class=\"wdcbd-card-icon\">\ud83d\uddc2\ufe0f<\/span>\r\n<h3>\u09b8\u09b9\u099c Product Management<\/h3>\r\n<p>Category, Product, Price, Image, Stock \u098f\u09ac\u0982 \u0985\u09a8\u09cd\u09af\u09be\u09a8\u09cd\u09af information \u09b8\u09b9\u099c\u09c7 manage \u0995\u09b0\u09be \u09af\u09be\u09af\u09bc\u0964<\/p>\r\n<\/div>\r\n\r\n<!-- Card 4 -->\r\n<div class=\"wdcbd-card\">\r\n<span class=\"wdcbd-card-icon\">\ud83d\uded2<\/span>\r\n<h3>Easy Shopping Experience<\/h3>\r\n<p>Customer Product browse \u0995\u09b0\u09ac\u09c7, Cart-\u098f add \u0995\u09b0\u09ac\u09c7 \u098f\u09ac\u0982 Checkout-\u098f\u09b0 \u09ae\u09be\u09a7\u09cd\u09af\u09ae\u09c7 Order \u0995\u09b0\u09a4\u09c7 \u09aa\u09be\u09b0\u09ac\u09c7\u0964<\/p>\r\n<\/div>\r\n\r\n<!-- Card 5 -->\r\n<div class=\"wdcbd-card\">\r\n<span class=\"wdcbd-card-icon\">\ud83d\udcb3<\/span>\r\n<h3>Payment Integration<\/h3>\r\n<p>\u0986\u09aa\u09a8\u09be\u09b0 Business-\u098f\u09b0 requirements \u0985\u09a8\u09c1\u09af\u09be\u09af\u09bc\u09c0 suitable payment method integrate \u0995\u09b0\u09be \u09af\u09c7\u09a4\u09c7 \u09aa\u09be\u09b0\u09c7\u0964<\/p>\r\n<\/div>\r\n\r\n<!-- Card 6 -->\r\n<div class=\"wdcbd-card\">\r\n<span class=\"wdcbd-card-icon\">\ud83d\udcf1<\/span>\r\n<h3>Mobile Shopping<\/h3>\r\n<p>\u0985\u09a8\u09c7\u0995 Customer mobile \u09a5\u09c7\u0995\u09c7 online shopping \u0995\u09b0\u09c7\u0964 \u09a4\u09be\u0987 E-commerce Website Design-\u098f\u09b0 mobile experience \u09ac\u09bf\u09b6\u09c7\u09b7\u09ad\u09be\u09ac\u09c7 \u0997\u09c1\u09b0\u09c1\u09a4\u09cd\u09ac\u09aa\u09c2\u09b0\u09cd\u09a3\u0964<\/p>\r\n<\/div>\r\n\r\n<!-- Card 7 -->\r\n<div class=\"wdcbd-card\">\r\n<span class=\"wdcbd-card-icon\">\ud83d\udcc8<\/span>\r\n<h3>Business Growth<\/h3>\r\n<p>\u0986\u099c \u09e8\u09e6\u099f\u09bf Product \u09a6\u09bf\u09af\u09bc\u09c7 \u09b6\u09c1\u09b0\u09c1 \u0995\u09b0\u09b2\u09c7\u0993 \u09ad\u09ac\u09bf\u09b7\u09cd\u09af\u09a4\u09c7 \u09b6\u09a4 \u09b6\u09a4 Product \u098f\u09ac\u0982 \u09a8\u09a4\u09c1\u09a8 Category \u09af\u09cb\u0997 \u0995\u09b0\u09be \u09af\u09be\u09ac\u09c7\u0964<\/p>\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2204e97 e-con-full e-flex e-con e-parent\" data-id=\"2204e97\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2e2755a elementor-widget elementor-widget-html\" data-id=\"2e2755a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\nSpariqo \u2014 E-COMMERCE WEBSITE DESIGN BANGLADESH\r\n5th section (Custom E-commerce Website)\r\nPaste: Elementor \u2192 HTML Widget\r\n============================================================ -->\r\n\r\n<style>\r\n\/* ===========================================================\r\nCUSTOM SECTION (Two Column Layout - Content Left, Image Right)\r\n=========================================================== *\/\r\n.wdcbd-custom{\r\nfont-family:var(--vc-font);\r\nposition:relative;\r\npadding:100px 0;\r\nbackground:#fafaf7;\r\noverflow:hidden;\r\n}\r\n.wdcbd-custom .wdcbd-wrap{\r\nposition:relative;\r\nz-index:1;\r\nmax-width:1250px;\r\nmargin:0 auto;\r\npadding:0 24px;\r\n}\r\n\r\n\/* Grid Layout *\/\r\n.wdcbd-custom .wdcbd-grid{\r\ndisplay:grid;\r\ngrid-template-columns:1fr 1fr;\r\ngap:60px;\r\nalign-items:center;\r\n}\r\n\r\n\/* Content Side *\/\r\n.wdcbd-custom .wdcbd-content{\r\npadding-right:20px;\r\n}\r\n.wdcbd-custom h2{\r\nfont-size:36px;\r\nline-height:1.3;\r\ncolor:var(--vc-blue);\r\nfont-weight:800;\r\nletter-spacing:-.01em;\r\nmargin:0 0 24px 0;\r\n}\r\n.wdcbd-custom .wdcbd-intro{\r\nfont-size:18px;\r\nline-height:1.75;\r\ncolor:var(--vc-ink);\r\nmargin:0 0 32px 0;\r\n}\r\n\r\n\/* Example Cards *\/\r\n.wdcbd-custom .wdcbd-examples{\r\ndisplay:flex;\r\nflex-direction:column;\r\ngap:20px;\r\nmargin:0 0 28px 0;\r\n}\r\n.wdcbd-custom .wdcbd-example{\r\nbackground:#fff;\r\nborder-left:4px solid var(--vc-orange);\r\nborder-radius:10px;\r\npadding:22px 24px;\r\nbox-shadow:0 6px 20px rgba(21,58,140,.06);\r\n}\r\n.wdcbd-custom .wdcbd-example-title{\r\nfont-size:16px;\r\nfont-weight:700;\r\ncolor:var(--vc-blue);\r\nmargin:0 0 10px 0;\r\ndisplay:flex;\r\nalign-items:center;\r\ngap:8px;\r\n}\r\n.wdcbd-custom .wdcbd-example-flow{\r\nfont-size:14.5px;\r\nline-height:1.7;\r\ncolor:var(--vc-muted);\r\n}\r\n.wdcbd-custom .wdcbd-example-flow span{\r\ndisplay:inline-block;\r\nbackground:var(--vc-orange-soft);\r\ncolor:var(--vc-blue);\r\npadding:4px 10px;\r\nborder-radius:4px;\r\nfont-weight:600;\r\nmargin:2px 4px;\r\nfont-size:13px;\r\n}\r\n.wdcbd-custom .wdcbd-example-flow .vc-arrow{\r\ncolor:var(--vc-orange);\r\nfont-weight:700;\r\nmargin:0 2px;\r\n}\r\n\r\n\/* Conclusion *\/\r\n.wdcbd-custom .wdcbd-conclusion{\r\nbackground:linear-gradient(135deg, var(--vc-blue) 0%, var(--vc-blue-2) 100%);\r\ncolor:#fff;\r\npadding:24px 28px;\r\nborder-radius:12px;\r\nfont-size:17px;\r\nline-height:1.7;\r\nfont-weight:600;\r\nbox-shadow:0 12px 32px rgba(21,58,140,.18);\r\n}\r\n\r\n\/* Image Side *\/\r\n.wdcbd-custom .wdcbd-image{\r\nposition:relative;\r\n}\r\n.wdcbd-custom .wdcbd-image img{\r\nwidth:100%;\r\nheight:auto;\r\nborder-radius:16px;\r\nbox-shadow:0 20px 60px rgba(21,58,140,.15);\r\ndisplay:block;\r\n}\r\n.wdcbd-custom .wdcbd-image::before{\r\ncontent:\"\";\r\nposition:absolute;\r\ntop:-20px;\r\nleft:20px;\r\nright:-20px;\r\nbottom:20px;\r\nbackground:linear-gradient(135deg, var(--vc-orange) 0%, var(--vc-orange-soft) 100%);\r\nborder-radius:16px;\r\nz-index:-1;\r\nopacity:.2;\r\n}\r\n\r\n\/* ===========================================================\r\nRESPONSIVE\r\n=========================================================== *\/\r\n@media (max-width:992px){\r\n.wdcbd-custom{padding:80px 0}\r\n.wdcbd-custom .wdcbd-grid{gap:40px}\r\n.wdcbd-custom h2{font-size:30px}\r\n.wdcbd-custom .wdcbd-content{padding-right:0}\r\n}\r\n@media (max-width:768px){\r\n.wdcbd-custom{padding:60px 0}\r\n.wdcbd-custom .wdcbd-grid{grid-template-columns:1fr;gap:32px}\r\n.wdcbd-custom h2{font-size:26px}\r\n.wdcbd-custom .wdcbd-intro{font-size:17px}\r\n.wdcbd-custom .wdcbd-example{padding:18px 20px}\r\n.wdcbd-custom .wdcbd-example-title{font-size:15px}\r\n.wdcbd-custom .wdcbd-example-flow{font-size:14px}\r\n.wdcbd-custom .wdcbd-conclusion{font-size:16px;padding:20px}\r\n}\r\n@media (max-width:540px){\r\n.wdcbd-custom{padding:50px 0}\r\n.wdcbd-custom h2{font-size:24px}\r\n.wdcbd-custom .wdcbd-image::before{top:-12px;left:12px;right:-12px;bottom:12px}\r\n.wdcbd-custom .wdcbd-example-flow span{display:block;margin:4px 0}\r\n.wdcbd-custom .wdcbd-example-flow .vc-arrow{display:none}\r\n}\r\n<\/style>\r\n\r\n<!-- =====================================================\r\nE-COMMERCE WEBSITE DESIGN BANGLADESH \u2014 5th section\r\nCustom E-commerce Website\r\n===================================================== -->\r\n<section class=\"wdcbd wdcbd-custom\" id=\"ecommerce-custom\">\r\n\r\n<div class=\"wdcbd-wrap\">\r\n\r\n<div class=\"wdcbd-grid\">\r\n\r\n<!-- ===== Left Side: Content ===== -->\r\n<div class=\"wdcbd-content\">\r\n\r\n<h2>\u0986\u09aa\u09a8\u09be\u09b0 Business-\u098f\u09b0 \u099c\u09a8\u09cd\u09af Custom E-commerce Website<\/h2>\r\n\r\n<p class=\"wdcbd-intro\">\r\n\u09b8\u09ac Online Store-\u098f\u09b0 \u09aa\u09cd\u09b0\u09af\u09bc\u09cb\u099c\u09a8 \u098f\u0995\u09b0\u0995\u09ae \u09a8\u09af\u09bc\u0964\r\n<\/p>\r\n\r\n<div class=\"wdcbd-examples\">\r\n\r\n<!-- Example 1: Fashion Seller -->\r\n<div class=\"wdcbd-example\">\r\n<h3 class=\"wdcbd-example-title\"> \u098f\u0995\u099c\u09a8 Fashion Seller-\u098f\u09b0 Website-\u098f \u09a6\u09b0\u0995\u09be\u09b0 \u09b9\u09a4\u09c7 \u09aa\u09be\u09b0\u09c7:<\/h3>\r\n<div class=\"wdcbd-example-flow\">\r\n<span>Size<\/span> <span class=\"vc-arrow\">\u2192<\/span>\r\n<span>Colour<\/span> <span class=\"vc-arrow\">\u2192<\/span>\r\n<span>Product Variant<\/span> <span class=\"vc-arrow\">\u2192<\/span>\r\n<span>Cart<\/span> <span class=\"vc-arrow\">\u2192<\/span>\r\n<span>Checkout<\/span>\r\n<\/div>\r\n<\/div>\r\n\r\n<!-- Example 2: Electronics Seller -->\r\n<div class=\"wdcbd-example\">\r\n<h3 class=\"wdcbd-example-title\">\ud83d\udcf1 \u098f\u0995\u099c\u09a8 Electronics Seller-\u098f\u09b0 \u09a6\u09b0\u0995\u09be\u09b0 \u09b9\u09a4\u09c7 \u09aa\u09be\u09b0\u09c7:<\/h3>\r\n<div class=\"wdcbd-example-flow\">\r\n<span>Brand<\/span> <span class=\"vc-arrow\">\u2192<\/span>\r\n<span>Specification<\/span> <span class=\"vc-arrow\">\u2192<\/span>\r\n<span>Product Filter<\/span> <span class=\"vc-arrow\">\u2192<\/span>\r\n<span>Comparison<\/span> <span class=\"vc-arrow\">\u2192<\/span>\r\n<span>Order<\/span>\r\n<\/div>\r\n<\/div>\r\n\r\n<!-- Example 3: Cosmetics Seller -->\r\n<div class=\"wdcbd-example\">\r\n<h3 class=\"wdcbd-example-title\">\ud83d\udc84 \u098f\u0995\u099c\u09a8 Cosmetics Seller-\u098f\u09b0 \u09a6\u09b0\u0995\u09be\u09b0 \u09b9\u09a4\u09c7 \u09aa\u09be\u09b0\u09c7:<\/h3>\r\n<div class=\"wdcbd-example-flow\">\r\n<span>Category<\/span> <span class=\"vc-arrow\">\u2192<\/span>\r\n<span>Skin Type<\/span> <span class=\"vc-arrow\">\u2192<\/span>\r\n<span>Ingredients<\/span> <span class=\"vc-arrow\">\u2192<\/span>\r\n<span>Product Details<\/span> <span class=\"vc-arrow\">\u2192<\/span>\r\n<span>Reviews<\/span>\r\n<\/div>\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<!-- ===== Conclusion ===== -->\r\n<div class=\"wdcbd-conclusion\">\r\n\u09a4\u09be\u0987 Spariqo\u2122 \u0986\u09aa\u09a8\u09be\u09b0 Business type \u098f\u09ac\u0982 Product structure \u09ac\u09c1\u099d\u09c7 E-commerce Website design \u0995\u09b0\u09c7\u0964\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<!-- ===== Right Side: Image ===== -->\r\n<div class=\"wdcbd-image\">\r\n<img decoding=\"async\" src=\"https:\/\/spariqo.com\/bd\/wp-content\/uploads\/2026\/08\/Business-Custom-E-commerce-Website.webp\" alt=\"Custom E-commerce Website\" loading=\"lazy\">\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cd59b3e e-con-full e-flex e-con e-parent\" data-id=\"cd59b3e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ab967a9 elementor-widget elementor-widget-html\" data-id=\"ab967a9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\nSpariqo \u2014 E-COMMERCE WEBSITE DESIGN BANGLADESH\r\n6th section (What We Can Build + Popular Businesses)\r\nPaste: Elementor \u2192 HTML Widget\r\n============================================================ -->\r\n\r\n<style>\r\n\/* ===========================================================\r\nCAPABILITIES & BUSINESS TYPES SECTION\r\n=========================================================== *\/\r\n.wdcbd-capabilities{\r\nfont-family:var(--vc-font);\r\nposition:relative;\r\npadding:100px 0;\r\nbackground:#ffffff;\r\noverflow:hidden;\r\n}\r\n.wdcbd-capabilities .wdcbd-wrap{\r\nposition:relative;\r\nz-index:1;\r\nmax-width:1250px;\r\nmargin:0 auto;\r\npadding:0 24px;\r\n}\r\n\r\n\/* Grid Layout *\/\r\n.wdcbd-capabilities .wdcbd-grid{\r\ndisplay:grid;\r\ngrid-template-columns:1fr 1fr;\r\ngap:60px;\r\n}\r\n\r\n\/* Column Headers *\/\r\n.wdcbd-capabilities h2{\r\nfont-size:32px;\r\nline-height:1.3;\r\ncolor:var(--vc-blue);\r\nfont-weight:800;\r\nletter-spacing:-.01em;\r\nmargin:0 0 32px 0;\r\n}\r\n\r\n\/* Feature List (Left Column) *\/\r\n.wdcbd-capabilities .wdcbd-features-list{\r\ndisplay:flex;\r\nflex-direction:column;\r\ngap:18px;\r\n}\r\n.wdcbd-capabilities .wdcbd-feature-item{\r\nbackground:#fafaf7;\r\nborder-left:4px solid var(--vc-orange);\r\nborder-radius:10px;\r\npadding:20px 24px;\r\ntransition:all .3s ease;\r\n}\r\n.wdcbd-capabilities .wdcbd-feature-item:hover{\r\ntransform:translateX(4px);\r\nbox-shadow:0 8px 24px rgba(21,58,140,.08);\r\n}\r\n.wdcbd-capabilities .wdcbd-feature-title{\r\ndisplay:flex;\r\nalign-items:center;\r\ngap:10px;\r\nfont-size:17px;\r\nfont-weight:700;\r\ncolor:var(--vc-ink);\r\nmargin:0 0 8px 0;\r\n}\r\n.wdcbd-capabilities .wdcbd-feature-title span{\r\nfont-size:20px;\r\n}\r\n.wdcbd-capabilities .wdcbd-feature-item p{\r\nfont-size:15px;\r\nline-height:1.65;\r\ncolor:var(--vc-muted);\r\nmargin:0;\r\n}\r\n\r\n\/* Business Types Grid (Right Column) *\/\r\n.wdcbd-capabilities .wdcbd-business-grid{\r\ndisplay:grid;\r\ngrid-template-columns:1fr 1fr;\r\ngap:16px;\r\nmargin-bottom:24px;\r\n}\r\n.wdcbd-capabilities .wdcbd-business-item{\r\nbackground:linear-gradient(135deg, var(--vc-blue) 0%, var(--vc-blue-2) 100%);\r\ncolor:#fff;\r\nborder-radius:10px;\r\npadding:20px 18px;\r\ntransition:all .3s ease;\r\n}\r\n.wdcbd-capabilities .wdcbd-business-item:hover{\r\ntransform:translateY(-4px);\r\nbox-shadow:0 12px 28px rgba(21,58,140,.20);\r\n}\r\n.wdcbd-capabilities .wdcbd-business-icon{\r\nfont-size:24px;\r\nmargin-bottom:8px;\r\ndisplay:block;\r\n}\r\n.wdcbd-capabilities .wdcbd-business-item h3{\r\nfont-size:15px;\r\nfont-weight:700;\r\nmargin:0 0 6px 0;\r\nline-height:1.3;\r\n}\r\n.wdcbd-capabilities .wdcbd-business-item p{\r\nfont-size:13px;\r\nline-height:1.5;\r\nopacity:.9;\r\nmargin:0;\r\n}\r\n\r\n\/* Note Box *\/\r\n.wdcbd-capabilities .wdcbd-note{\r\nbackground:#f8f9fc;\r\nborder:2px dashed var(--vc-orange-soft);\r\nborder-radius:10px;\r\npadding:20px 24px;\r\ntext-align:center;\r\nfont-size:15.5px;\r\nline-height:1.65;\r\ncolor:var(--vc-ink);\r\n}\r\n.wdcbd-capabilities .wdcbd-note b{\r\ncolor:var(--vc-blue);\r\n}\r\n\r\n\/* ===========================================================\r\nRESPONSIVE\r\n=========================================================== *\/\r\n@media (max-width:992px){\r\n.wdcbd-capabilities{padding:80px 0}\r\n.wdcbd-capabilities .wdcbd-grid{gap:40px}\r\n.wdcbd-capabilities h2{font-size:28px}\r\n}\r\n@media (max-width:768px){\r\n.wdcbd-capabilities{padding:60px 0}\r\n.wdcbd-capabilities .wdcbd-grid{grid-template-columns:1fr;gap:32px}\r\n.wdcbd-capabilities h2{font-size:26px}\r\n.wdcbd-capabilities .wdcbd-business-grid{grid-template-columns:1fr 1fr}\r\n.wdcbd-capabilities .wdcbd-feature-item{padding:18px 20px}\r\n}\r\n@media (max-width:540px){\r\n.wdcbd-capabilities{padding:50px 0}\r\n.wdcbd-capabilities h2{font-size:24px}\r\n.wdcbd-capabilities .wdcbd-business-grid{grid-template-columns:1fr;gap:12px}\r\n.wdcbd-capabilities .wdcbd-feature-item{padding:16px 18px}\r\n.wdcbd-capabilities .wdcbd-feature-title{font-size:16px}\r\n.wdcbd-capabilities .wdcbd-feature-item p{font-size:14.5px}\r\n.wdcbd-capabilities .wdcbd-note{font-size:14.5px;padding:18px 16px}\r\n}\r\n<\/style>\r\n\r\n<!-- =====================================================\r\nE-COMMERCE WEBSITE DESIGN BANGLADESH \u2014 6th section\r\nWhat We Can Build + Popular Businesses\r\n===================================================== -->\r\n<section class=\"wdcbd wdcbd-capabilities\" id=\"ecommerce-capabilities\">\r\n\r\n<div class=\"wdcbd-wrap\">\r\n\r\n<div class=\"wdcbd-grid\">\r\n\r\n<!-- ===== Left Side: What We Can Build ===== -->\r\n<div class=\"wdcbd-content\">\r\n\r\n<h2>What We Can Build for Your Online Store<\/h2>\r\n\r\n<div class=\"wdcbd-features-list\">\r\n\r\n<!-- Feature 1 -->\r\n<div class=\"wdcbd-feature-item\">\r\n<h3 class=\"wdcbd-feature-title\"><span>\ud83d\uded2<\/span> Product Catalogue<\/h3>\r\n<p>\u0986\u09aa\u09a8\u09be\u09b0 Products \u09b8\u09c1\u09a8\u09cd\u09a6\u09b0\u09ad\u09be\u09ac\u09c7 category \u098f\u09ac\u0982 sub-category \u0985\u09a8\u09c1\u09af\u09be\u09af\u09bc\u09c0 organize \u0995\u09b0\u09be \u09af\u09be\u09af\u09bc\u0964<\/p>\r\n<\/div>\r\n\r\n<!-- Feature 2 -->\r\n<div class=\"wdcbd-feature-item\">\r\n<h3 class=\"wdcbd-feature-title\"><span>\ud83d\udd0e<\/span> Product Search & Filters<\/h3>\r\n<p>Customer \u09af\u09c7\u09a8 \u09b8\u09b9\u099c\u09c7 \u09aa\u09cd\u09b0\u09af\u09bc\u09cb\u099c\u09a8\u09c0\u09af\u09bc Product \u0996\u09c1\u0981\u099c\u09c7 \u09aa\u09be\u09af\u09bc\u0964<\/p>\r\n<\/div>\r\n\r\n<!-- Feature 3 -->\r\n<div class=\"wdcbd-feature-item\">\r\n<h3 class=\"wdcbd-feature-title\"><span>\ud83d\udcc4<\/span> Detailed Product Pages<\/h3>\r\n<p>Product image, price, description, specifications, variations \u098f\u09ac\u0982 \u0985\u09a8\u09cd\u09af\u09be\u09a8\u09cd\u09af relevant information\u0964<\/p>\r\n<\/div>\r\n\r\n<!-- Feature 4 -->\r\n<div class=\"wdcbd-feature-item\">\r\n<h3 class=\"wdcbd-feature-title\"><span>\ufe0f<\/span> Product Variations<\/h3>\r\n<p>Size, colour, weight, model \u09ac\u09be \u0985\u09a8\u09cd\u09af\u09be\u09a8\u09cd\u09af variation \u09aa\u09cd\u09b0\u09af\u09bc\u09cb\u099c\u09a8 \u09b9\u09b2\u09c7 \u09b8\u09c7\u099f\u09be\u0993 setup \u0995\u09b0\u09be \u09af\u09be\u09af\u09bc\u0964<\/p>\r\n<\/div>\r\n\r\n<!-- Feature 5 -->\r\n<div class=\"wdcbd-feature-item\">\r\n<h3 class=\"wdcbd-feature-title\"><span>\ud83d\udecd\ufe0f<\/span> Shopping Cart<\/h3>\r\n<p>Customer \u098f\u0995\u09be\u09a7\u09bf\u0995 Product Cart-\u098f \u09b0\u09c7\u0996\u09c7 \u098f\u0995\u09b8\u09be\u09a5\u09c7 Order \u0995\u09b0\u09a4\u09c7 \u09aa\u09be\u09b0\u09c7\u0964<\/p>\r\n<\/div>\r\n\r\n<!-- Feature 6 -->\r\n<div class=\"wdcbd-feature-item\">\r\n<h3 class=\"wdcbd-feature-title\"><span>\ud83d\udcb3<\/span> Checkout<\/h3>\r\n<p>Simple \u098f\u09ac\u0982 user-friendly Checkout experience \u09a4\u09c8\u09b0\u09bf \u0995\u09b0\u09be \u09b9\u09af\u09bc\u0964<\/p>\r\n<\/div>\r\n\r\n<!-- Feature 7 -->\r\n<div class=\"wdcbd-feature-item\">\r\n<h3 class=\"wdcbd-feature-title\"><span>\ud83d\udcb0<\/span> Payment Integration<\/h3>\r\n<p>Project requirements \u0985\u09a8\u09c1\u09af\u09be\u09af\u09bc\u09c0 suitable payment gateway\/payment method integrate \u0995\u09b0\u09be \u09af\u09be\u09af\u09bc\u0964<\/p>\r\n<\/div>\r\n\r\n<!-- Feature 8 -->\r\n<div class=\"wdcbd-feature-item\">\r\n<h3 class=\"wdcbd-feature-title\"><span>\ud83d\udce6<\/span> Order Management<\/h3>\r\n<p>New Order \u09a5\u09c7\u0995\u09c7 delivery \u09aa\u09b0\u09cd\u09af\u09a8\u09cd\u09a4 Order information manage \u0995\u09b0\u09be\u09b0 \u09ac\u09cd\u09af\u09ac\u09b8\u09cd\u09a5\u09be\u0964<\/p>\r\n<\/div>\r\n\r\n<!-- Feature 9 -->\r\n<div class=\"wdcbd-feature-item\">\r\n<h3 class=\"wdcbd-feature-title\"><span>\ud83c\udf9f\ufe0f<\/span> Coupons & Offers<\/h3>\r\n<p>Discount code, promotional offer \u098f\u09ac\u0982 campaign-based pricing-\u098f\u09b0 \u09ae\u09a4\u09cb features \u09af\u09cb\u0997 \u0995\u09b0\u09be \u09af\u09be\u09af\u09bc\u0964<\/p>\r\n<\/div>\r\n\r\n<!-- Feature 10 -->\r\n<div class=\"wdcbd-feature-item\">\r\n<h3 class=\"wdcbd-feature-title\"><span>\u2b50<\/span> Reviews & Ratings<\/h3>\r\n<p>Customer reviews \u098f\u09ac\u0982 ratings Product-\u098f\u09b0 trust \u09ac\u09be\u09a1\u09bc\u09be\u09a4\u09c7 \u09b8\u09be\u09b9\u09be\u09af\u09cd\u09af \u0995\u09b0\u09a4\u09c7 \u09aa\u09be\u09b0\u09c7\u0964<\/p>\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<!-- ===== Right Side: Popular Businesses ===== -->\r\n<div class=\"wdcbd-content\">\r\n\r\n<h2>E-commerce Website for Popular Businesses in Bangladesh<\/h2>\r\n\r\n<div class=\"wdcbd-business-grid\">\r\n\r\n<!-- Business 1 -->\r\n<div class=\"wdcbd-business-item\">\r\n<span class=\"wdcbd-business-icon\">\ud83d\udc57<\/span>\r\n<h3>Fashion & Clothing<\/h3>\r\n<p>T-shirt, Panjabi, Saree, Three-piece, Shoes, Bags \u098f\u09ac\u0982 Fashion Accessories-\u098f\u09b0 \u099c\u09a8\u09cd\u09af\u0964<\/p>\r\n<\/div>\r\n\r\n<!-- Business 2 -->\r\n<div class=\"wdcbd-business-item\">\r\n<span class=\"wdcbd-business-icon\">\ud83d\udc84<\/span>\r\n<h3>Cosmetics & Skincare<\/h3>\r\n<p>Skincare, Makeup, Haircare, Perfume \u098f\u09ac\u0982 Beauty Products-\u098f\u09b0 \u099c\u09a8\u09cd\u09af\u0964<\/p>\r\n<\/div>\r\n\r\n<!-- Business 3 -->\r\n<div class=\"wdcbd-business-item\">\r\n<span class=\"wdcbd-business-icon\">\ud83d\udcf1<\/span>\r\n<h3>Electronics & Gadgets<\/h3>\r\n<p>Mobile accessories, gadgets, computer products \u098f\u09ac\u0982 electronics-\u098f\u09b0 \u099c\u09a8\u09cd\u09af\u0964<\/p>\r\n<\/div>\r\n\r\n<!-- Business 4 -->\r\n<div class=\"wdcbd-business-item\">\r\n<span class=\"wdcbd-business-icon\">\ud83d\udc8d<\/span>\r\n<h3>Jewelry & Accessories<\/h3>\r\n<p>Jewelry, watches, bags \u098f\u09ac\u0982 fashion accessories-\u098f\u09b0 \u099c\u09a8\u09cd\u09af\u0964<\/p>\r\n<\/div>\r\n\r\n<!-- Business 5 -->\r\n<div class=\"wdcbd-business-item\">\r\n<span class=\"wdcbd-business-icon\">\ud83c\udfe0<\/span>\r\n<h3>Furniture & Home Decor<\/h3>\r\n<p>Furniture, lighting, artificial flowers, home accessories \u098f\u09ac\u0982 decoration products-\u098f\u09b0 \u099c\u09a8\u09cd\u09af\u0964<\/p>\r\n<\/div>\r\n\r\n<!-- Business 6 -->\r\n<div class=\"wdcbd-business-item\">\r\n<span class=\"wdcbd-business-icon\"><\/span>\r\n<h3>Shoes & Footwear<\/h3>\r\n<p>Men's, Women's \u098f\u09ac\u0982 Kids' footwear-\u098f\u09b0 \u099c\u09a8\u09cd\u09af Product-focused online store\u0964<\/p>\r\n<\/div>\r\n\r\n<!-- Business 7 -->\r\n<div class=\"wdcbd-business-item\">\r\n<span class=\"wdcbd-business-icon\">\ud83d\uded2<\/span>\r\n<h3>Grocery & Daily Products<\/h3>\r\n<p>Grocery, food products \u098f\u09ac\u0982 daily essentials-\u098f\u09b0 \u099c\u09a8\u09cd\u09af online ordering system\u0964<\/p>\r\n<\/div>\r\n\r\n<!-- Business 8 -->\r\n<div class=\"wdcbd-business-item\">\r\n<span class=\"wdcbd-business-icon\">\ud83c\udf81<\/span>\r\n<h3>Gift & Lifestyle<\/h3>\r\n<p>Gift items, customized products, lifestyle products \u098f\u09ac\u0982 special occasion products-\u098f\u09b0 \u099c\u09a8\u09cd\u09af\u0964<\/p>\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<!-- Note Box -->\r\n<div class=\"wdcbd-note\">\r\n<b>\u0986\u09aa\u09a8\u09be\u09b0 Product category \u098f\u0996\u09be\u09a8\u09c7 \u09a8\u09be \u09a5\u09be\u0995\u09b2\u09c7\u0993 \u09b8\u09ae\u09b8\u09cd\u09af\u09be \u09a8\u09c7\u0987\u0964<\/b><br>\r\n\u0986\u09aa\u09a8\u09be\u09b0 Product \u098f\u09ac\u0982 Business model \u0985\u09a8\u09c1\u09af\u09be\u09af\u09bc\u09c0 store structure plan \u0995\u09b0\u09be \u09af\u09be\u09ac\u09c7\u0964\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-54b8d49 e-con-full e-flex e-con e-parent\" data-id=\"54b8d49\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bb06325 elementor-widget elementor-widget-html\" data-id=\"bb06325\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\nSpariqo \u2014 E-COMMERCE WEBSITE DESIGN BANGLADESH\r\n7th section (Store Features + Mobile-Friendly)\r\nPaste: Elementor \u2192 HTML Widget\r\n============================================================ -->\r\n\r\n<style>\r\n\/* ===========================================================\r\nFEATURES CHECKLIST & MOBILE SECTION\r\n=========================================================== *\/\r\n.wdcbd-store-features{\r\nfont-family:var(--vc-font);\r\nposition:relative;\r\npadding:100px 0;\r\nbackground:#fafaf7;\r\noverflow:hidden;\r\n}\r\n.wdcbd-store-features .wdcbd-wrap{\r\nposition:relative;\r\nz-index:1;\r\nmax-width:1250px;\r\nmargin:0 auto;\r\npadding:0 24px;\r\n}\r\n\r\n\/* Section Heading *\/\r\n.wdcbd-store-features h2{\r\nfont-size:36px;\r\nline-height:1.3;\r\ncolor:var(--vc-blue);\r\nfont-weight:800;\r\nletter-spacing:-.01em;\r\nmargin:0 auto 16px;\r\ntext-align:center;\r\nmax-width:800px;\r\n}\r\n\r\n\/* Intro Text *\/\r\n.wdcbd-store-features .wdcbd-intro{\r\nfont-size:18px;\r\nline-height:1.7;\r\ncolor:var(--vc-ink);\r\ntext-align:center;\r\nmargin:0 auto 40px;\r\nmax-width:700px;\r\n}\r\n\r\n\/* Features Grid *\/\r\n.wdcbd-store-features .wdcbd-features-grid{\r\ndisplay:grid;\r\ngrid-template-columns:repeat(4, 1fr);\r\ngap:16px;\r\nmargin:0 auto 48px;\r\nmax-width:900px;\r\n}\r\n.wdcbd-store-features .wdcbd-feature-check{\r\ndisplay:flex;\r\nalign-items:center;\r\ngap:10px;\r\nfont-size:15px;\r\ncolor:var(--vc-ink);\r\nfont-weight:500;\r\npadding:10px 14px;\r\nbackground:#fff;\r\nborder-radius:8px;\r\nbox-shadow:0 2px 8px rgba(21,58,140,.06);\r\ntransition:all .3s ease;\r\n}\r\n.wdcbd-store-features .wdcbd-feature-check:hover{\r\ntransform:translateY(-2px);\r\nbox-shadow:0 6px 16px rgba(21,58,140,.10);\r\n}\r\n.wdcbd-store-features .wdcbd-feature-check::before{\r\ncontent:\"\u2713\";\r\ncolor:var(--vc-orange);\r\nfont-weight:700;\r\nfont-size:16px;\r\nflex-shrink:0;\r\n}\r\n\r\n\/* Recommendation Note *\/\r\n.wdcbd-store-features .wdcbd-recommendation{\r\nbackground:linear-gradient(135deg, var(--vc-blue) 0%, var(--vc-blue-2) 100%);\r\ncolor:#fff;\r\npadding:24px 32px;\r\nborder-radius:12px;\r\ntext-align:center;\r\nfont-size:17px;\r\nline-height:1.7;\r\nfont-weight:600;\r\nmax-width:700px;\r\nmargin:0 auto 80px;\r\nbox-shadow:0 12px 32px rgba(21,58,140,.18);\r\n}\r\n\r\n\/* ===========================================================\r\nMOBILE-FRIENDLY SUBSECTION\r\n=========================================================== *\/\r\n.wdcbd-store-features .wdcbd-mobile{\r\nbackground:#fff;\r\nborder-radius:16px;\r\npadding:48px 40px;\r\nbox-shadow:0 12px 40px rgba(21,58,140,.08);\r\n}\r\n.wdcbd-store-features .wdcbd-mobile h3{\r\nfont-size:28px;\r\nline-height:1.3;\r\ncolor:var(--vc-blue);\r\nfont-weight:800;\r\nmargin:0 0 24px 0;\r\ntext-align:center;\r\n}\r\n.wdcbd-store-features .wdcbd-mobile-intro{\r\nfont-size:17.5px;\r\nline-height:1.75;\r\ncolor:var(--vc-ink);\r\ntext-align:center;\r\nmargin:0 0 28px 0;\r\n}\r\n\r\n\/* Mobile Flow *\/\r\n.wdcbd-store-features .wdcbd-mobile-flow{\r\nbackground:#f8f9fc;\r\nborder-left:4px solid var(--vc-orange);\r\nborder-radius:10px;\r\npadding:28px 32px;\r\nmargin:0 0 24px 0;\r\n}\r\n.wdcbd-store-features .wdcbd-mobile-flow p{\r\nfont-size:16.5px;\r\nline-height:1.8;\r\ncolor:var(--vc-muted);\r\nmargin:0 0 16px 0;\r\n}\r\n.wdcbd-store-features .wdcbd-mobile-flow-steps{\r\ndisplay:flex;\r\nflex-wrap:wrap;\r\nalign-items:center;\r\ngap:8px;\r\nfont-size:14px;\r\ncolor:var(--vc-ink);\r\nline-height:1.6;\r\n}\r\n.wdcbd-store-features .wdcbd-mobile-flow-steps span{\r\nbackground:var(--vc-orange-soft);\r\ncolor:var(--vc-blue);\r\npadding:6px 12px;\r\nborder-radius:6px;\r\nfont-weight:600;\r\nwhite-space:nowrap;\r\n}\r\n.wdcbd-store-features .wdcbd-mobile-flow-steps .vc-arrow{\r\ncolor:var(--vc-orange);\r\nfont-weight:700;\r\n}\r\n\r\n\/* Mobile Priority *\/\r\n.wdcbd-store-features .wdcbd-mobile-priority{\r\ntext-align:center;\r\nfont-size:17px;\r\nline-height:1.7;\r\ncolor:var(--vc-ink);\r\nmargin:0;\r\nfont-weight:600;\r\n}\r\n.wdcbd-store-features .wdcbd-mobile-priority b{\r\ncolor:var(--vc-blue);\r\n}\r\n\r\n\/* ===========================================================\r\nRESPONSIVE\r\n=========================================================== *\/\r\n@media (max-width:992px){\r\n.wdcbd-store-features{padding:80px 0}\r\n.wdcbd-store-features h2{font-size:30px}\r\n.wdcbd-store-features .wdcbd-features-grid{grid-template-columns:repeat(3, 1fr);gap:14px}\r\n.wdcbd-store-features .wdcbd-mobile{padding:40px 32px}\r\n.wdcbd-store-features .wdcbd-mobile h3{font-size:24px}\r\n}\r\n@media (max-width:768px){\r\n.wdcbd-store-features{padding:60px 0}\r\n.wdcbd-store-features h2{font-size:26px}\r\n.wdcbd-store-features .wdcbd-intro{font-size:16.5px}\r\n.wdcbd-store-features .wdcbd-features-grid{grid-template-columns:repeat(2, 1fr);gap:12px}\r\n.wdcbd-store-features .wdcbd-feature-check{font-size:14px;padding:9px 12px}\r\n.wdcbd-store-features .wdcbd-recommendation{font-size:16px;padding:20px 24px;margin-bottom:60px}\r\n.wdcbd-store-features .wdcbd-mobile{padding:32px 24px}\r\n.wdcbd-store-features .wdcbd-mobile h3{font-size:22px}\r\n.wdcbd-store-features .wdcbd-mobile-intro{font-size:16.5px}\r\n.wdcbd-store-features .wdcbd-mobile-flow{padding:22px 20px}\r\n.wdcbd-store-features .wdcbd-mobile-flow p{font-size:15.5px}\r\n.wdcbd-store-features .wdcbd-mobile-flow-steps{font-size:13px}\r\n.wdcbd-store-features .wdcbd-mobile-priority{font-size:16px}\r\n}\r\n@media (max-width:540px){\r\n.wdcbd-store-features{padding:50px 0}\r\n.wdcbd-store-features h2{font-size:24px}\r\n.wdcbd-store-features .wdcbd-features-grid{grid-template-columns:1fr;gap:10px}\r\n.wdcbd-store-features .wdcbd-feature-check{padding:10px 12px;font-size:14px}\r\n.wdcbd-store-features .wdcbd-mobile-flow-steps{flex-direction:column;align-items:flex-start;gap:6px}\r\n.wdcbd-store-features .wdcbd-mobile-flow-steps .vc-arrow{display:none}\r\n.wdcbd-store-features .wdcbd-mobile-flow-steps span{width:100%;text-align:center}\r\n}\r\n<\/style>\r\n\r\n<!-- =====================================================\r\nE-COMMERCE WEBSITE DESIGN BANGLADESH \u2014 7th section\r\nStore Features + Mobile-Friendly\r\n===================================================== -->\r\n<section class=\"wdcbd wdcbd-store-features\" id=\"ecommerce-store-features\">\r\n\r\n<div class=\"wdcbd-wrap\">\r\n\r\n<!-- ===== Main Heading ===== -->\r\n<h2>\u0986\u09aa\u09a8\u09be\u09b0 Online Store-\u098f \u0995\u09c0 \u0995\u09c0 \u09a5\u09be\u0995\u09ac\u09c7?<\/h2>\r\n\r\n<!-- ===== Intro ===== -->\r\n<p class=\"wdcbd-intro\">\r\n\u0986\u09aa\u09a8\u09be\u09b0 requirements \u0985\u09a8\u09c1\u09af\u09be\u09af\u09bc\u09c0 E-commerce Website-\u098f include \u0995\u09b0\u09be \u09af\u09c7\u09a4\u09c7 \u09aa\u09be\u09b0\u09c7:\r\n<\/p>\r\n\r\n<!-- ===== Features Checklist Grid ===== -->\r\n<div class=\"wdcbd-features-grid\">\r\n<div class=\"wdcbd-feature-check\">Professional Homepage<\/div>\r\n<div class=\"wdcbd-feature-check\">Product Categories<\/div>\r\n<div class=\"wdcbd-feature-check\">Unlimited Products<\/div>\r\n<div class=\"wdcbd-feature-check\">Product Search<\/div>\r\n<div class=\"wdcbd-feature-check\">Product Filters<\/div>\r\n<div class=\"wdcbd-feature-check\">Product Variations<\/div>\r\n<div class=\"wdcbd-feature-check\">Product Gallery<\/div>\r\n<div class=\"wdcbd-feature-check\">Shopping Cart<\/div>\r\n<div class=\"wdcbd-feature-check\">Checkout<\/div>\r\n<div class=\"wdcbd-feature-check\">Payment Integration<\/div>\r\n<div class=\"wdcbd-feature-check\">Order Management<\/div>\r\n<div class=\"wdcbd-feature-check\">Customer Accounts<\/div>\r\n<div class=\"wdcbd-feature-check\">Coupon \/ Discount System<\/div>\r\n<div class=\"wdcbd-feature-check\">Product Reviews<\/div>\r\n<div class=\"wdcbd-feature-check\">Wishlist<\/div>\r\n<div class=\"wdcbd-feature-check\">WhatsApp Integration<\/div>\r\n<div class=\"wdcbd-feature-check\">Facebook \/ Instagram Integration<\/div>\r\n<div class=\"wdcbd-feature-check\">Google Analytics<\/div>\r\n<div class=\"wdcbd-feature-check\">Search Console<\/div>\r\n<div class=\"wdcbd-feature-check\">SEO-Friendly Structure<\/div>\r\n<div class=\"wdcbd-feature-check\">Relevant Schema<\/div>\r\n<div class=\"wdcbd-feature-check\">Mobile Responsive Design<\/div>\r\n<div class=\"wdcbd-feature-check\">Speed Optimization<\/div>\r\n<div class=\"wdcbd-feature-check\">Security & Backup<\/div>\r\n<\/div>\r\n\r\n<!-- ===== Recommendation Note ===== -->\r\n<div class=\"wdcbd-recommendation\">\r\n\u0986\u09aa\u09a8\u09be\u09b0 Business-\u098f\u09b0 \u099c\u09a8\u09cd\u09af \u09af\u09c7\u0997\u09c1\u09b2\u09cb \u09aa\u09cd\u09b0\u09af\u09bc\u09cb\u099c\u09a8, \u09b8\u09c7\u0997\u09c1\u09b2\u09cb\u0987 recommend \u0995\u09b0\u09be \u09b9\u09ac\u09c7\u0964\r\n<\/div>\r\n\r\n<!-- ===== Mobile-Friendly Subsection ===== -->\r\n<div class=\"wdcbd-mobile\">\r\n\r\n<h3>Mobile-Friendly Online Store<\/h3>\r\n\r\n<p class=\"wdcbd-mobile-intro\">\r\n\u0986\u09aa\u09a8\u09be\u09b0 Customer-\u098f\u09b0 \u09b9\u09be\u09a4\u09c7 Computer \u09a8\u09be \u09a5\u09be\u0995\u09b2\u09c7\u0993 \u09b8\u09ae\u09b8\u09cd\u09af\u09be \u09a8\u09c7\u0987\u0964\r\n<\/p>\r\n\r\n<div class=\"wdcbd-mobile-flow\">\r\n<p>\u098f\u0995\u099f\u09bf \u09ad\u09be\u09b2\u09cb E-commerce Website-\u098f Customer mobile \u09a5\u09c7\u0995\u09c7\u0987 \u09af\u09c7\u09a8:<\/p>\r\n<div class=\"wdcbd-mobile-flow-steps\">\r\n<span>Product \u09a6\u09c7\u0996\u09a4\u09c7 \u09aa\u09be\u09b0\u09c7<\/span>\r\n<span class=\"vc-arrow\">\u2192<\/span>\r\n<span>Details \u09aa\u09a1\u09bc\u09a4\u09c7 \u09aa\u09be\u09b0\u09c7<\/span>\r\n<span class=\"vc-arrow\">\u2192<\/span>\r\n<span>Cart-\u098f Add \u0995\u09b0\u09a4\u09c7 \u09aa\u09be\u09b0\u09c7<\/span>\r\n<span class=\"vc-arrow\">\u2192<\/span>\r\n<span>Checkout \u0995\u09b0\u09a4\u09c7 \u09aa\u09be\u09b0\u09c7<\/span>\r\n<span class=\"vc-arrow\">\u2192<\/span>\r\n<span>Order \u0995\u09b0\u09a4\u09c7 \u09aa\u09be\u09b0\u09c7<\/span>\r\n<\/div>\r\n<\/div>\r\n\r\n<p class=\"wdcbd-mobile-priority\">\r\n\u098f\u0987 \u09aa\u09c1\u09b0\u09cb experience smooth \u09b9\u0993\u09af\u09bc\u09be \u0997\u09c1\u09b0\u09c1\u09a4\u09cd\u09ac\u09aa\u09c2\u09b0\u09cd\u09a3\u0964<br>\r\n\u09a4\u09be\u0987 <a href=\"https:\/\/spariqo.com\/bd\/website-design-services-in-bangladesh\/\">Website design<\/a> \u0995\u09b0\u09be\u09b0 \u09b8\u09ae\u09af\u09bc \u0986\u09ae\u09b0\u09be <b>Mobile Shopping Experience<\/b>-\u0995\u09c7 priority \u09a6\u09bf\u0987\u0964\r\n<\/p>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fc7b4c4 e-con-full e-flex e-con e-parent\" data-id=\"fc7b4c4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8af2584 elementor-widget elementor-widget-html\" data-id=\"8af2584\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\nSpariqo \u2014 E-COMMERCE WEBSITE DESIGN BANGLADESH\r\n8th section (Design Process)\r\nPaste: Elementor \u2192 HTML Widget\r\n============================================================ -->\r\n\r\n<style>\r\n\/* ===========================================================\r\nPROCESS SECTION\r\n=========================================================== *\/\r\n.wdcbd-process{\r\nfont-family:var(--vc-font);\r\nposition:relative;\r\npadding:100px 0;\r\nbackground:#ffffff;\r\noverflow:hidden;\r\n}\r\n.wdcbd-process .wdcbd-wrap{\r\nposition:relative;\r\nz-index:1;\r\nmax-width:1250px;\r\nmargin:0 auto;\r\npadding:0 24px;\r\n}\r\n\r\n\/* Section Heading *\/\r\n.wdcbd-process h2{\r\nfont-size:36px;\r\nline-height:1.3;\r\ncolor:var(--vc-blue);\r\nfont-weight:800;\r\nletter-spacing:-.01em;\r\nmargin:0 auto 56px;\r\ntext-align:center;\r\nmax-width:800px;\r\n}\r\n\r\n\/* Process Grid *\/\r\n.wdcbd-process .wdcbd-process-grid{\r\ndisplay:grid;\r\ngrid-template-columns:repeat(2, 1fr);\r\ngap:32px;\r\n}\r\n\r\n\/* Process Step Card *\/\r\n.wdcbd-process .wdcbd-step{\r\nposition:relative;\r\nbackground:#fafaf7;\r\nborder-radius:14px;\r\npadding:32px 28px 32px 88px;\r\ntransition:all .35s ease;\r\nborder:1px solid var(--vc-line);\r\n}\r\n.wdcbd-process .wdcbd-step:hover{\r\ntransform:translateY(-4px);\r\nbox-shadow:0 12px 32px rgba(21,58,140,.10);\r\nborder-color:var(--vc-orange-soft);\r\n}\r\n\r\n\/* Step Number *\/\r\n.wdcbd-process .wdcbd-step-number{\r\nposition:absolute;\r\nleft:28px;\r\ntop:32px;\r\nwidth:48px;\r\nheight:48px;\r\nbackground:linear-gradient(135deg, var(--vc-orange) 0%, var(--vc-orange-2) 100%);\r\ncolor:#fff;\r\nborder-radius:50%;\r\ndisplay:flex;\r\nalign-items:center;\r\njustify-content:center;\r\nfont-size:20px;\r\nfont-weight:800;\r\nbox-shadow:0 6px 16px rgba(242,107,29,.30);\r\n}\r\n\r\n\/* Step Title *\/\r\n.wdcbd-process .wdcbd-step h3{\r\nfont-size:18px;\r\nfont-weight:700;\r\ncolor:var(--vc-blue);\r\nmargin:0 0 10px 0;\r\nline-height:1.4;\r\n}\r\n\r\n\/* Step Description *\/\r\n.wdcbd-process .wdcbd-step p{\r\nfont-size:15.5px;\r\nline-height:1.7;\r\ncolor:var(--vc-muted);\r\nmargin:0;\r\n}\r\n\r\n\/* ===========================================================\r\nRESPONSIVE\r\n=========================================================== *\/\r\n@media (max-width:992px){\r\n.wdcbd-process{padding:80px 0}\r\n.wdcbd-process h2{font-size:30px;margin-bottom:44px}\r\n.wdcbd-process .wdcbd-process-grid{gap:24px}\r\n}\r\n@media (max-width:768px){\r\n.wdcbd-process{padding:60px 0}\r\n.wdcbd-process h2{font-size:26px;margin-bottom:36px}\r\n.wdcbd-process .wdcbd-process-grid{grid-template-columns:1fr;gap:20px}\r\n.wdcbd-process .wdcbd-step{padding:28px 24px 28px 80px}\r\n.wdcbd-process .wdcbd-step-number{left:24px;top:28px;width:44px;height:44px;font-size:18px}\r\n.wdcbd-process .wdcbd-step h3{font-size:17px}\r\n.wdcbd-process .wdcbd-step p{font-size:15px}\r\n}\r\n@media (max-width:540px){\r\n.wdcbd-process{padding:50px 0}\r\n.wdcbd-process h2{font-size:24px;margin-bottom:32px}\r\n.wdcbd-process .wdcbd-step{padding:24px 20px 24px 72px}\r\n.wdcbd-process .wdcbd-step-number{left:20px;top:24px;width:40px;height:40px;font-size:17px}\r\n.wdcbd-process .wdcbd-step h3{font-size:16px}\r\n.wdcbd-process .wdcbd-step p{font-size:14.5px}\r\n}\r\n<\/style>\r\n\r\n<!-- =====================================================\r\nE-COMMERCE WEBSITE DESIGN BANGLADESH \u2014 8th section\r\nDesign Process\r\n===================================================== -->\r\n<section class=\"wdcbd wdcbd-process\" id=\"ecommerce-process\">\r\n\r\n<div class=\"wdcbd-wrap\">\r\n\r\n<!-- ===== Heading ===== -->\r\n<h2>E-commerce Website Design Process<\/h2>\r\n\r\n<!-- ===== Process Grid ===== -->\r\n<div class=\"wdcbd-process-grid\">\r\n\r\n<!-- Step 01 -->\r\n<div class=\"wdcbd-step\">\r\n<div class=\"wdcbd-step-number\">01<\/div>\r\n<h3>\u0986\u09aa\u09a8\u09be\u09b0 Business & Products \u09ac\u09c1\u099d\u09bf<\/h3>\r\n<p>\u0986\u09aa\u09a8\u09bf \u0995\u09c0 sell \u0995\u09b0\u09c7\u09a8, \u0995\u09a4 \u09a7\u09b0\u09a8\u09c7\u09b0 Product \u0986\u099b\u09c7 \u098f\u09ac\u0982 \u0986\u09aa\u09a8\u09be\u09b0 Customer \u0995\u09be\u09b0\u09be \u098f\u09b8\u09ac \u09ac\u09c1\u099d\u09bf\u0964<\/p>\r\n<\/div>\r\n\r\n<!-- Step 02 -->\r\n<div class=\"wdcbd-step\">\r\n<div class=\"wdcbd-step-number\">02<\/div>\r\n<h3>Store Structure Plan \u0995\u09b0\u09bf<\/h3>\r\n<p>Categories, sub-categories, Product pages, navigation \u098f\u09ac\u0982 shopping journey plan \u0995\u09b0\u09bf\u0964<\/p>\r\n<\/div>\r\n\r\n<!-- Step 03 -->\r\n<div class=\"wdcbd-step\">\r\n<div class=\"wdcbd-step-number\">03<\/div>\r\n<h3>UI\/UX Design<\/h3>\r\n<p>\u0986\u09aa\u09a8\u09be\u09b0 Brand \u0985\u09a8\u09c1\u09af\u09be\u09af\u09bc\u09c0 modern \u098f\u09ac\u0982 customer-friendly online store design \u0995\u09b0\u09bf\u0964<\/p>\r\n<\/div>\r\n\r\n<!-- Step 04 -->\r\n<div class=\"wdcbd-step\">\r\n<div class=\"wdcbd-step-number\">04<\/div>\r\n<h3>E-commerce Development<\/h3>\r\n<p>Website-\u098f Product, Cart, Checkout, Order Management \u098f\u09ac\u0982 required functionality implement \u0995\u09b0\u09be \u09b9\u09af\u09bc\u0964<\/p>\r\n<\/div>\r\n\r\n<!-- Step 05 -->\r\n<div class=\"wdcbd-step\">\r\n<div class=\"wdcbd-step-number\">05<\/div>\r\n<h3>Payment & Integrations<\/h3>\r\n<p>Required payment gateway \u098f\u09ac\u0982 third-party integrations setup \u0995\u09b0\u09be \u09b9\u09af\u09bc\u0964<\/p>\r\n<\/div>\r\n\r\n<!-- Step 06 -->\r\n<div class=\"wdcbd-step\">\r\n<div class=\"wdcbd-step-number\">06<\/div>\r\n<h3>Product & Content Setup<\/h3>\r\n<p>Initial products, categories, images \u098f\u09ac\u0982 required information setup \u0995\u09b0\u09be \u09af\u09be\u09af\u09bc project scope \u0985\u09a8\u09c1\u09af\u09be\u09af\u09bc\u09c0\u0964<\/p>\r\n<\/div>\r\n\r\n<!-- Step 07 -->\r\n<div class=\"wdcbd-step\">\r\n<div class=\"wdcbd-step-number\">07<\/div>\r\n<h3>Testing<\/h3>\r\n<p>Mobile, desktop, Cart, Checkout, forms, payment flow \u098f\u09ac\u0982 important functionality test \u0995\u09b0\u09be \u09b9\u09af\u09bc\u0964<\/p>\r\n<\/div>\r\n\r\n<!-- Step 08 -->\r\n<div class=\"wdcbd-step\">\r\n<div class=\"wdcbd-step-number\">08<\/div>\r\n<h3>Launch \ud83d\ude80<\/h3>\r\n<p>\u09b8\u09ac\u0995\u09bf\u099b\u09c1 review \u0995\u09b0\u09be\u09b0 \u09aa\u09b0 \u0986\u09aa\u09a8\u09be\u09b0 Online Store live \u0995\u09b0\u09be \u09b9\u09af\u09bc\u0964<\/p>\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f50feac e-con-full e-flex e-con e-parent\" data-id=\"f50feac\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-58ec298 elementor-widget elementor-widget-html\" data-id=\"58ec298\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\nSpariqo \u2014 E-COMMERCE WEBSITE DESIGN BANGLADESH\r\n9th section (Shopping Experience)\r\nPaste: Elementor \u2192 HTML Widget\r\n============================================================ -->\r\n\r\n<style>\r\n\/* ===========================================================\r\nSHOPPING EXPERIENCE SECTION\r\n=========================================================== *\/\r\n.wdcbd-experience{\r\nfont-family:var(--vc-font);\r\nposition:relative;\r\npadding:100px 0;\r\nbackground:#fafaf7;\r\noverflow:hidden;\r\n}\r\n.wdcbd-experience .wdcbd-wrap{\r\nposition:relative;\r\nz-index:1;\r\nmax-width:1250px;\r\nmargin:0 auto;\r\npadding:0 24px;\r\n}\r\n\r\n\/* Grid Layout *\/\r\n.wdcbd-experience .wdcbd-grid{\r\ndisplay:grid;\r\ngrid-template-columns:1fr 1fr;\r\ngap:60px;\r\nalign-items:center;\r\n}\r\n\r\n\/* Image Side *\/\r\n.wdcbd-experience .wdcbd-image{\r\nposition:relative;\r\n}\r\n.wdcbd-experience .wdcbd-image img{\r\nwidth:100%;\r\nheight:auto;\r\nborder-radius:16px;\r\nbox-shadow:0 20px 60px rgba(21,58,140,.15);\r\ndisplay:block;\r\n}\r\n.wdcbd-experience .wdcbd-image::before{\r\ncontent:\"\";\r\nposition:absolute;\r\ntop:-20px;\r\nleft:-20px;\r\nright:20px;\r\nbottom:20px;\r\nbackground:linear-gradient(135deg, var(--vc-orange) 0%, var(--vc-orange-soft) 100%);\r\nborder-radius:16px;\r\nz-index:-1;\r\nopacity:.2;\r\n}\r\n\r\n\/* Content Side *\/\r\n.wdcbd-experience .wdcbd-content{\r\npadding-left:20px;\r\n}\r\n.wdcbd-experience h2{\r\nfont-size:36px;\r\nline-height:1.3;\r\ncolor:var(--vc-blue);\r\nfont-weight:800;\r\nletter-spacing:-.01em;\r\nmargin:0 0 24px 0;\r\n}\r\n.wdcbd-experience .wdcbd-intro{\r\nfont-size:18px;\r\nline-height:1.75;\r\ncolor:var(--vc-ink);\r\nmargin:0 0 28px 0;\r\n}\r\n\r\n\/* Questions List *\/\r\n.wdcbd-experience .wdcbd-questions{\r\nbackground:#fff;\r\nborder-radius:12px;\r\npadding:28px 32px;\r\nmargin:0 0 24px 0;\r\nbox-shadow:0 8px 24px rgba(21,58,140,.08);\r\n}\r\n.wdcbd-experience .wdcbd-questions-title{\r\nfont-size:16px;\r\nfont-weight:700;\r\ncolor:var(--vc-blue);\r\nmargin:0 0 18px 0;\r\n}\r\n.wdcbd-experience .wdcbd-questions-list{\r\nlist-style:none;\r\npadding:0;\r\nmargin:0;\r\ndisplay:flex;\r\nflex-direction:column;\r\ngap:12px;\r\n}\r\n.wdcbd-experience .wdcbd-questions-list li{\r\nposition:relative;\r\npadding-left:32px;\r\nfont-size:16px;\r\nline-height:1.6;\r\ncolor:var(--vc-muted);\r\n}\r\n.wdcbd-experience .wdcbd-questions-list li::before{\r\ncontent:\"?\";\r\nposition:absolute;\r\nleft:0;\r\ntop:0;\r\nwidth:24px;\r\nheight:24px;\r\nbackground:var(--vc-orange-soft);\r\ncolor:var(--vc-blue);\r\nborder-radius:50%;\r\ndisplay:flex;\r\nalign-items:center;\r\njustify-content:center;\r\nfont-weight:700;\r\nfont-size:14px;\r\n}\r\n\r\n\/* Conclusion *\/\r\n.wdcbd-experience .wdcbd-conclusion{\r\nfont-size:17.5px;\r\nline-height:1.75;\r\ncolor:var(--vc-ink);\r\nmargin:0 0 16px 0;\r\n}\r\n.wdcbd-experience .wdcbd-highlight{\r\nbackground:linear-gradient(135deg, var(--vc-blue) 0%, var(--vc-blue-2) 100%);\r\ncolor:#fff;\r\npadding:24px 28px;\r\nborder-radius:12px;\r\nfont-size:17px;\r\nline-height:1.7;\r\nfont-weight:600;\r\nbox-shadow:0 12px 32px rgba(21,58,140,.18);\r\n}\r\n\r\n\/* ===========================================================\r\nRESPONSIVE\r\n=========================================================== *\/\r\n@media (max-width:992px){\r\n.wdcbd-experience{padding:80px 0}\r\n.wdcbd-experience .wdcbd-grid{gap:40px}\r\n.wdcbd-experience h2{font-size:30px}\r\n.wdcbd-experience .wdcbd-content{padding-left:0}\r\n}\r\n@media (max-width:768px){\r\n.wdcbd-experience{padding:60px 0}\r\n.wdcbd-experience .wdcbd-grid{grid-template-columns:1fr;gap:32px}\r\n.wdcbd-experience h2{font-size:26px}\r\n.wdcbd-experience .wdcbd-intro{font-size:17px}\r\n.wdcbd-experience .wdcbd-questions{padding:22px 24px}\r\n.wdcbd-experience .wdcbd-questions-list li{font-size:15px}\r\n.wdcbd-experience .wdcbd-conclusion{font-size:16.5px}\r\n.wdcbd-experience .wdcbd-highlight{font-size:16px;padding:20px 22px}\r\n}\r\n@media (max-width:540px){\r\n.wdcbd-experience{padding:50px 0}\r\n.wdcbd-experience h2{font-size:24px}\r\n.wdcbd-experience .wdcbd-image::before{top:-12px;left:-12px;right:12px;bottom:12px}\r\n.wdcbd-experience .wdcbd-questions{padding:20px 18px}\r\n.wdcbd-experience .wdcbd-questions-list li{padding-left:28px;font-size:14.5px}\r\n.wdcbd-experience .wdcbd-questions-list li::before{width:22px;height:22px;font-size:13px}\r\n}\r\n<\/style>\r\n\r\n<!-- =====================================================\r\nE-COMMERCE WEBSITE DESIGN BANGLADESH \u2014 9th section\r\nShopping Experience\r\n===================================================== -->\r\n<section class=\"wdcbd wdcbd-experience\" id=\"ecommerce-experience\">\r\n\r\n<div class=\"wdcbd-wrap\">\r\n\r\n<div class=\"wdcbd-grid\">\r\n\r\n<!-- ===== Left Side: Image ===== -->\r\n<div class=\"wdcbd-image\">\r\n<img decoding=\"async\" src=\"https:\/\/spariqo.com\/bd\/wp-content\/uploads\/2026\/08\/Shopping-Experience.webp\" alt=\"Shopping Experience\" loading=\"lazy\">\r\n<\/div>\r\n\r\n<!-- ===== Right Side: Content ===== -->\r\n<div class=\"wdcbd-content\">\r\n\r\n<h2>\u0986\u09aa\u09a8\u09be\u09b0 Business-\u098f\u09b0 \u099c\u09a8\u09cd\u09af \u09b6\u09c1\u09a7\u09c1 Store \u09a8\u09af\u09bc \u098f\u0995\u099f\u09bf Shopping Experience<\/h2>\r\n\r\n<p class=\"wdcbd-intro\">\r\n\u098f\u0995\u099c\u09a8 Customer Website-\u098f \u098f\u09b8\u09c7 \u09af\u09c7\u09a8 \u09b6\u09c1\u09a7\u09c1 Product \u09a6\u09c7\u0996\u09a4\u09c7 \u09a8\u09be \u09aa\u09be\u09b0\u09c7\u0964\r\n<\/p>\r\n\r\n<div class=\"wdcbd-questions\">\r\n<h3 class=\"wdcbd-questions-title\">\u09b8\u09c7 \u09af\u09c7\u09a8 \u09b8\u09b9\u099c\u09c7 \u09ac\u09c1\u099d\u09a4\u09c7 \u09aa\u09be\u09b0\u09c7:<\/h3>\r\n<ul class=\"wdcbd-questions-list\">\r\n<li>Product \u0995\u09c0?<\/li>\r\n<li>\u09a6\u09be\u09ae \u0995\u09a4?<\/li>\r\n<li>\u0995\u09c0 \u0995\u09c0 option \u0986\u099b\u09c7?<\/li>\r\n<li>Delivery \u0995\u09c0\u09ad\u09be\u09ac\u09c7 \u09b9\u09ac\u09c7?<\/li>\r\n<li>Payment \u0995\u09c0\u09ad\u09be\u09ac\u09c7 \u0995\u09b0\u09ac\u09c7?<\/li>\r\n<li>\u0995\u09cb\u09a8\u09cb \u09b8\u09ae\u09b8\u09cd\u09af\u09be \u09b9\u09b2\u09c7 \u0995\u09c0\u09ad\u09be\u09ac\u09c7 \u09af\u09cb\u0997\u09be\u09af\u09cb\u0997 \u0995\u09b0\u09ac\u09c7?<\/li>\r\n<\/ul>\r\n<\/div>\r\n\r\n<p class=\"wdcbd-conclusion\">\r\n\u098f\u0987 information clear \u09a5\u09be\u0995\u09b2\u09c7 Customer-\u098f\u09b0 decision-making \u09b8\u09b9\u099c \u09b9\u09af\u09bc\u0964\r\n<\/p>\r\n\r\n<div class=\"wdcbd-highlight\">\r\n\u09a4\u09be\u0987 \u0986\u09ae\u09b0\u09be \u09b6\u09c1\u09a7\u09c1 Product upload \u0995\u09b0\u09c7 Store \u09a4\u09c8\u09b0\u09bf \u0995\u09b0\u09be\u09b0 \u09aa\u09b0\u09bf\u09ac\u09b0\u09cd\u09a4\u09c7 \u09aa\u09c1\u09b0\u09cb shopping journey \u09a8\u09bf\u09af\u09bc\u09c7 \u099a\u09bf\u09a8\u09cd\u09a4\u09be \u0995\u09b0\u09bf\u0964\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a61f38f e-con-full e-flex e-con e-parent\" data-id=\"a61f38f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a0cb4c5 elementor-widget elementor-widget-html\" data-id=\"a0cb4c5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     SPARIQO \u2014 CUSTOM WEBSITE DESIGN BANGLADESH\r\n     6th section (Portfolio Showcase with Lightbox)\r\n     Paste: Elementor \u2192 HTML Widget\r\n     ============================================================ -->\r\n\r\n<style>\r\n\/* ===========================================================\r\n   ROOT + RESET\r\n   =========================================================== *\/\r\n.wcd-portfolio *, .wcd-portfolio *::before, .wcd-portfolio *::after {\r\n  margin: 0; padding: 0; box-sizing: border-box;\r\n}\r\n:root {\r\n  --vc-blue: #153a8c;\r\n  --vc-blue-2: #0e2a6b;\r\n  --vc-blue-3: #0b2358;\r\n  --vc-orange: #f26b1d;\r\n  --vc-orange-2: #d95a12;\r\n  --vc-orange-soft: #ffb387;\r\n  --vc-ink: #1c2440;\r\n  --vc-muted: #5a627a;\r\n  --vc-line: #e8e6e0;\r\n  --vc-white: #fff;\r\n  --vc-bg-light: #f4f6f9;\r\n  --vc-font: 'Hind Siliguri', 'Noto Sans Bengali', 'Bangla Sangam MN', 'Kohinoor Bangla', 'Nirmala UI', 'Vrinda', 'SolaimanLipi', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\r\n}\r\n\r\n\/* ===========================================================\r\n   SECTION BASE\r\n   =========================================================== *\/\r\n.wcd-portfolio {\r\n  font-family: var(--vc-font);\r\n  position: relative;\r\n  padding: 100px 0;\r\n  background: var(--vc-white);\r\n  overflow: hidden;\r\n}\r\n\r\n\/* Decorative background *\/\r\n.wcd-portfolio::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: -100px;\r\n  left: -100px;\r\n  width: 340px;\r\n  height: 340px;\r\n  background: radial-gradient(circle, rgba(21, 58, 140, 0.05) 0%, transparent 70%);\r\n  border-radius: 50%;\r\n  pointer-events: none;\r\n}\r\n\r\n.wcd-portfolio::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  bottom: -120px;\r\n  right: -120px;\r\n  width: 400px;\r\n  height: 400px;\r\n  background: radial-gradient(circle, rgba(242, 107, 29, 0.05) 0%, transparent 70%);\r\n  border-radius: 50%;\r\n  pointer-events: none;\r\n}\r\n\r\n\/* Container *\/\r\n.wcd-portfolio .wcd-wrap {\r\n  position: relative;\r\n  z-index: 1;\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n  padding: 0 24px;\r\n}\r\n\r\n\/* ===========================================================\r\n   SECTION HEADER\r\n   =========================================================== *\/\r\n.wcd-portfolio .wcd-portfolio-header {\r\n  text-align: center;\r\n  margin-bottom: 56px;\r\n}\r\n\r\n.wcd-portfolio .wcd-portfolio-title {\r\n  font-size: 40px;\r\n  line-height: 1.25;\r\n  color: var(--vc-blue);\r\n  font-weight: 800;\r\n  letter-spacing: -0.02em;\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.wcd-portfolio .wcd-portfolio-title .vc-accent {\r\n  color: var(--vc-orange);\r\n  position: relative;\r\n  display: inline-block;\r\n}\r\n\r\n.wcd-portfolio .wcd-portfolio-title .vc-accent::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  bottom: 4px;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 12px;\r\n  background: rgba(242, 107, 29, 0.14);\r\n  border-radius: 6px;\r\n  z-index: -1;\r\n  transform: skewX(-12deg);\r\n}\r\n\r\n.wcd-portfolio .wcd-portfolio-subtitle {\r\n  font-size: 18px;\r\n  line-height: 1.6;\r\n  color: var(--vc-muted);\r\n  font-weight: 500;\r\n}\r\n\r\n\/* ===========================================================\r\n   PORTFOLIO GRID\r\n   =========================================================== *\/\r\n.wcd-portfolio .wcd-portfolio-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 32px;\r\n  margin-bottom: 48px;\r\n}\r\n\r\n\/* Portfolio Card *\/\r\n.wcd-portfolio .wcd-portfolio-card {\r\n  background: var(--vc-white);\r\n  border: 1px solid var(--vc-line);\r\n  border-radius: 20px;\r\n  overflow: hidden;\r\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n  cursor: pointer;\r\n  position: relative;\r\n}\r\n\r\n.wcd-portfolio .wcd-portfolio-card:hover {\r\n  transform: translateY(-8px);\r\n  box-shadow: 0 20px 44px rgba(21, 58, 140, 0.12);\r\n}\r\n\r\n\/* Card Image Container *\/\r\n.wcd-portfolio .wcd-card-image {\r\n  position: relative;\r\n  width: 100%;\r\n  height: 280px;\r\n  overflow: hidden;\r\n  background: #f4f6f9;\r\n}\r\n\r\n.wcd-portfolio .wcd-card-image img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  transition: transform 0.4s ease;\r\n}\r\n\r\n.wcd-portfolio .wcd-portfolio-card:hover .wcd-card-image img {\r\n  transform: scale(1.05);\r\n}\r\n\r\n\/* Hover Overlay *\/\r\n.wcd-portfolio .wcd-card-overlay {\r\n  position: absolute;\r\n  inset: 0;\r\n  background: rgba(21, 58, 140, 0.85);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  opacity: 0;\r\n  transition: opacity 0.3s ease;\r\n}\r\n\r\n.wcd-portfolio .wcd-portfolio-card:hover .wcd-card-overlay {\r\n  opacity: 1;\r\n}\r\n\r\n.wcd-portfolio .wcd-view-project {\r\n  background: var(--vc-orange);\r\n  color: var(--vc-white);\r\n  padding: 12px 28px;\r\n  border-radius: 30px;\r\n  font-weight: 700;\r\n  font-size: 15px;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  transform: translateY(10px);\r\n  transition: transform 0.3s ease;\r\n}\r\n\r\n.wcd-portfolio .wcd-portfolio-card:hover .wcd-view-project {\r\n  transform: translateY(0);\r\n}\r\n\r\n\/* Card Content *\/\r\n.wcd-portfolio .wcd-card-content {\r\n  padding: 24px 22px;\r\n  text-align: center;\r\n}\r\n\r\n.wcd-portfolio .wcd-card-title {\r\n  font-size: 20px;\r\n  line-height: 1.35;\r\n  color: var(--vc-ink);\r\n  font-weight: 700;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n.wcd-portfolio .wcd-card-type {\r\n  font-size: 14px;\r\n  color: var(--vc-orange);\r\n  font-weight: 600;\r\n  letter-spacing: 0.02em;\r\n}\r\n\r\n\/* ===========================================================\r\n   VIEW ALL BUTTON\r\n   =========================================================== *\/\r\n.wcd-portfolio .wcd-view-all {\r\n  text-align: center;\r\n  margin-top: 32px;\r\n}\r\n\r\n.wcd-portfolio .wcd-view-all-btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  background: transparent;\r\n  color: var(--vc-blue);\r\n  border: 2px solid var(--vc-blue);\r\n  padding: 14px 32px;\r\n  border-radius: 30px;\r\n  font-size: 16px;\r\n  font-weight: 700;\r\n  text-decoration: none;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.wcd-portfolio .wcd-view-all-btn:hover {\r\n  background: var(--vc-blue);\r\n  color: var(--vc-white);\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 8px 24px rgba(21, 58, 140, 0.25);\r\n}\r\n\r\n.wcd-portfolio .wcd-view-all-btn svg {\r\n  width: 18px;\r\n  height: 18px;\r\n  transition: transform 0.3s ease;\r\n}\r\n\r\n.wcd-portfolio .wcd-view-all-btn:hover svg {\r\n  transform: translateX(4px);\r\n}\r\n\r\n\/* ===========================================================\r\n   LIGHTBOX MODAL\r\n   =========================================================== *\/\r\n.wcd-portfolio .wcd-lightbox {\r\n  position: fixed;\r\n  inset: 0;\r\n  background: rgba(0, 0, 0, 0.95);\r\n  z-index: 9999;\r\n  display: none;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 40px 24px;\r\n  opacity: 0;\r\n  transition: opacity 0.3s ease;\r\n}\r\n\r\n.wcd-portfolio .wcd-lightbox.active {\r\n  display: flex;\r\n  opacity: 1;\r\n}\r\n\r\n\/* Lightbox Content *\/\r\n.wcd-portfolio .wcd-lightbox-content {\r\n  position: relative;\r\n  max-width: 1100px;\r\n  width: 100%;\r\n  background: var(--vc-white);\r\n  border-radius: 20px;\r\n  overflow: hidden;\r\n  max-height: 90vh;\r\n  overflow-y: auto;\r\n}\r\n\r\n\/* Close Button *\/\r\n.wcd-portfolio .wcd-lightbox-close {\r\n  position: absolute;\r\n  top: 20px;\r\n  right: 20px;\r\n  width: 44px;\r\n  height: 44px;\r\n  background: var(--vc-white);\r\n  border: none;\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  cursor: pointer;\r\n  z-index: 10;\r\n  transition: all 0.3s ease;\r\n  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);\r\n}\r\n\r\n.wcd-portfolio .wcd-lightbox-close:hover {\r\n  background: var(--vc-orange);\r\n  transform: rotate(90deg);\r\n}\r\n\r\n.wcd-portfolio .wcd-lightbox-close svg {\r\n  width: 20px;\r\n  height: 20px;\r\n  color: var(--vc-ink);\r\n}\r\n\r\n.wcd-portfolio .wcd-lightbox-close:hover svg {\r\n  color: var(--vc-white);\r\n}\r\n\r\n\/* Lightbox Body *\/\r\n.wcd-portfolio .wcd-lightbox-body {\r\n  display: grid;\r\n  grid-template-columns: 1.2fr 1fr;\r\n}\r\n\r\n.wcd-portfolio .wcd-lightbox-image {\r\n  width: 100%;\r\n  height: 100%;\r\n  min-height: 400px;\r\n  background: #f4f6f9;\r\n}\r\n\r\n.wcd-portfolio .wcd-lightbox-image img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n}\r\n\r\n.wcd-portfolio .wcd-lightbox-info {\r\n  padding: 48px 40px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n}\r\n\r\n.wcd-portfolio .wcd-lightbox-title {\r\n  font-size: 32px;\r\n  line-height: 1.25;\r\n  color: var(--vc-blue);\r\n  font-weight: 800;\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.wcd-portfolio .wcd-lightbox-type {\r\n  font-size: 16px;\r\n  color: var(--vc-orange);\r\n  font-weight: 600;\r\n  margin-bottom: 24px;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n}\r\n\r\n.wcd-portfolio .wcd-lightbox-label {\r\n  font-size: 13px;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.08em;\r\n  color: var(--vc-muted);\r\n  font-weight: 700;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n.wcd-portfolio .wcd-lightbox-url {\r\n  font-size: 15px;\r\n  color: var(--vc-ink);\r\n  word-break: break-all;\r\n  padding: 12px 16px;\r\n  background: #fafaf7;\r\n  border-radius: 8px;\r\n  border: 1px solid var(--vc-line);\r\n  margin-bottom: 28px;\r\n}\r\n\r\n.wcd-portfolio .wcd-lightbox-visit {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  background: var(--vc-orange);\r\n  color: var(--vc-white);\r\n  padding: 14px 28px;\r\n  border-radius: 30px;\r\n  font-weight: 700;\r\n  font-size: 16px;\r\n  text-decoration: none;\r\n  transition: all 0.3s ease;\r\n  width: fit-content;\r\n}\r\n\r\n.wcd-portfolio .wcd-lightbox-visit:hover {\r\n  background: var(--vc-orange-2);\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 8px 24px rgba(242, 107, 29, 0.35);\r\n}\r\n\r\n.wcd-portfolio .wcd-lightbox-visit svg {\r\n  width: 18px;\r\n  height: 18px;\r\n  transition: transform 0.3s ease;\r\n}\r\n\r\n.wcd-portfolio .wcd-lightbox-visit:hover svg {\r\n  transform: translateX(4px);\r\n}\r\n\r\n\/* ===========================================================\r\n   RESPONSIVE\r\n   =========================================================== *\/\r\n@media (max-width: 992px) {\r\n  .wcd-portfolio { padding: 80px 0; }\r\n  .wcd-portfolio .wcd-portfolio-header { margin-bottom: 44px; }\r\n  .wcd-portfolio .wcd-portfolio-title { font-size: 34px; }\r\n  .wcd-portfolio .wcd-portfolio-grid { \r\n    grid-template-columns: repeat(2, 1fr); \r\n    gap: 24px;\r\n  }\r\n  .wcd-portfolio .wcd-card-image { height: 240px; }\r\n  .wcd-portfolio .wcd-lightbox-body { grid-template-columns: 1fr; }\r\n  .wcd-portfolio .wcd-lightbox-image { min-height: 300px; }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .wcd-portfolio { padding: 60px 0; }\r\n  .wcd-portfolio .wcd-portfolio-header { margin-bottom: 36px; }\r\n  .wcd-portfolio .wcd-portfolio-title { font-size: 28px; margin-bottom: 10px; }\r\n  .wcd-portfolio .wcd-portfolio-subtitle { font-size: 16px; }\r\n  .wcd-portfolio .wcd-portfolio-grid { \r\n    grid-template-columns: 1fr; \r\n    gap: 20px;\r\n  }\r\n  .wcd-portfolio .wcd-card-image { height: 220px; }\r\n  .wcd-portfolio .wcd-card-content { padding: 20px 18px; }\r\n  .wcd-portfolio .wcd-card-title { font-size: 18px; }\r\n  .wcd-portfolio .wcd-lightbox-close { top: 16px; right: 16px; width: 40px; height: 40px; }\r\n  .wcd-portfolio .wcd-lightbox-info { padding: 32px 24px; }\r\n  .wcd-portfolio .wcd-lightbox-title { font-size: 26px; }\r\n}\r\n\r\n@media (max-width: 540px) {\r\n  .wcd-portfolio .wcd-wrap { padding: 0 16px; }\r\n  .wcd-portfolio .wcd-portfolio-title { font-size: 24px; }\r\n  .wcd-portfolio .wcd-card-image { height: 200px; }\r\n  .wcd-portfolio .wcd-lightbox { padding: 24px 16px; }\r\n  .wcd-portfolio .wcd-lightbox-info { padding: 28px 20px; }\r\n  .wcd-portfolio .wcd-lightbox-title { font-size: 22px; }\r\n  .wcd-portfolio .wcd-lightbox-visit { width: 100%; justify-content: center; }\r\n}\r\n<\/style>\r\n\r\n<!-- =====================================================\r\n     CUSTOM WEBSITE DESIGN BANGLADESH \u2014 6th section\r\n     Portfolio Showcase with Lightbox\r\n     ===================================================== -->\r\n<section class=\"wcd wcd-portfolio\" id=\"portfolio\">\r\n  <div class=\"wcd-wrap\">\r\n    \r\n    <!-- ===== Section Header ===== -->\r\n    <div class=\"wcd-portfolio-header\">\r\n      <h2 class=\"wcd-portfolio-title\">\r\n        Our E-commerce  <span class=\"vc-accent\">Website Work<\/span>\r\n      <\/h2>\r\n      <p class=\"wcd-portfolio-subtitle\">Real Projects. Real Design. Real Business Needs.<\/p>\r\n    <\/div>\r\n    \r\n    <!-- ===== Portfolio Grid ===== -->\r\n    <div class=\"wcd-portfolio-grid\">\r\n      \r\n      <!-- Card 1: Orbin Fashion -->\r\n      <div class=\"wcd-portfolio-card\" data-project=\"orbin\">\r\n        <div class=\"wcd-card-image\">\r\n          <img decoding=\"async\" src=\"https:\/\/spariqo.com\/bd\/wp-content\/uploads\/2026\/08\/Orbin-Fashion-Website.webp\" alt=\"Orbin Fashion Website\">\r\n          <div class=\"wcd-card-overlay\">\r\n            <span class=\"wcd-view-project\">\r\n              View Project\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"\/><polyline points=\"15 3 21 3 21 9\"\/><line x1=\"10\" y1=\"14\" x2=\"21\" y2=\"3\"\/><\/svg>\r\n            <\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"wcd-card-content\">\r\n          <h3 class=\"wcd-card-title\">Orbin Fashion<\/h3>\r\n          <span class=\"wcd-card-type\">E-commerce Website<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Card 2: Sidrah Foods -->\r\n      <div class=\"wcd-portfolio-card\" data-project=\"sidrah\">\r\n        <div class=\"wcd-card-image\">\r\n          <img decoding=\"async\" src=\"https:\/\/spariqo.com\/bd\/wp-content\/uploads\/2026\/08\/Sidrah-Foods-Website.webp\" alt=\"Sidrah Foods Website\">\r\n          <div class=\"wcd-card-overlay\">\r\n            <span class=\"wcd-view-project\">\r\n              View Project\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"\/><polyline points=\"15 3 21 3 21 9\"\/><line x1=\"10\" y1=\"14\" x2=\"21\" y2=\"3\"\/><\/svg>\r\n            <\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"wcd-card-content\">\r\n          <h3 class=\"wcd-card-title\">Sidrah Foods<\/h3>\r\n          <span class=\"wcd-card-type\">Food & Beverage<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Card 3: NSPBD Tech -->\r\n      <div class=\"wcd-portfolio-card\" data-project=\"nspbd\">\r\n        <div class=\"wcd-card-image\">\r\n          <img decoding=\"async\" src=\"https:\/\/spariqo.com\/bd\/wp-content\/uploads\/2026\/08\/NSPBD-Tech-Website.webp\" alt=\"NSPBD Tech Website\">\r\n          <div class=\"wcd-card-overlay\">\r\n            <span class=\"wcd-view-project\">\r\n              View Project\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"\/><polyline points=\"15 3 21 3 21 9\"\/><line x1=\"10\" y1=\"14\" x2=\"21\" y2=\"3\"\/><\/svg>\r\n            <\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"wcd-card-content\">\r\n          <h3 class=\"wcd-card-title\">NSPBD Tech<\/h3>\r\n          <span class=\"wcd-card-type\">Technology & IT<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- ===== View All Button ===== -->\r\n    <div class=\"wcd-view-all\">\r\n      <a href=\"https:\/\/spariqo.com\/bd\/portfolio\/\" class=\"wcd-view-all-btn\">\r\n        \u0986\u09ae\u09be\u09a6\u09c7\u09b0 \u09b8\u0995\u09b2 \u0995\u09be\u099c\u0997\u09c1\u09b2\u09cb \u09a6\u09c7\u0996\u09c1\u09a8\r\n        <svg 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>\r\n      <\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- ===== LIGHTBOX MODAL ===== -->\r\n  <div class=\"wcd-lightbox\" id=\"wcd-lightbox\">\r\n    <div class=\"wcd-lightbox-content\">\r\n      <button class=\"wcd-lightbox-close\" aria-label=\"Close lightbox\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\r\n      <\/button>\r\n      \r\n      <div class=\"wcd-lightbox-body\">\r\n        <div class=\"wcd-lightbox-image\">\r\n          <img decoding=\"async\" id=\"lightbox-img\" src=\"\" alt=\"Project Preview\">\r\n        <\/div>\r\n        <div class=\"wcd-lightbox-info\">\r\n          <h3 class=\"wcd-lightbox-title\" id=\"lightbox-title\">Project Name<\/h3>\r\n          <span class=\"wcd-lightbox-type\" id=\"lightbox-type\">Project Type<\/span>\r\n          \r\n          <div class=\"wcd-lightbox-label\">Website URL<\/div>\r\n          <div class=\"wcd-lightbox-url\" id=\"lightbox-url\">https:\/\/example.com<\/div>\r\n          \r\n          <a href=\"#\" class=\"wcd-lightbox-visit\" id=\"lightbox-visit\" target=\"_blank\" rel=\"noopener\">\r\n            Visit Website\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"\/><polyline points=\"15 3 21 3 21 9\"\/><line x1=\"10\" y1=\"14\" x2=\"21\" y2=\"3\"\/><\/svg>\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<script>\r\n\/* =====================================================\r\n   PORTFOLIO LIGHTBOX FUNCTIONALITY\r\n   ===================================================== *\/\r\n(function(){\r\n  \r\n  \/\/ Project data\r\n  const projects = {\r\n    orbin: {\r\n      title: 'Orbin Fashion',\r\n      type: 'E-commerce Website',\r\n      url: 'https:\/\/www.orbinfashion.com\/',\r\n      image: 'https:\/\/spariqo.com\/bd\/wp-content\/uploads\/2026\/08\/Orbin-Fashion-Website.webp'\r\n    },\r\n    sidrah: {\r\n      title: 'Sidrah Foods',\r\n      type: 'Food & Beverage',\r\n      url: 'https:\/\/sidrahfoods.com\/',\r\n      image: 'https:\/\/spariqo.com\/bd\/wp-content\/uploads\/2026\/08\/Sidrah-Foods-Website.webp'\r\n    },\r\n    nspbd: {\r\n      title: 'NSPBD Tech',\r\n      type: 'Technology & IT',\r\n      url: 'https:\/\/nspbdtech.com\/',\r\n      image: 'https:\/\/spariqo.com\/bd\/wp-content\/uploads\/2026\/08\/NSPBD-Tech-Website.webp'\r\n    }\r\n  };\r\n\r\n  \/\/ Elements\r\n  const lightbox = document.getElementById('wcd-lightbox');\r\n  const lightboxImg = document.getElementById('lightbox-img');\r\n  const lightboxTitle = document.getElementById('lightbox-title');\r\n  const lightboxType = document.getElementById('lightbox-type');\r\n  const lightboxUrl = document.getElementById('lightbox-url');\r\n  const lightboxVisit = document.getElementById('lightbox-visit');\r\n  const closeBtn = document.querySelector('.wcd-lightbox-close');\r\n\r\n  \/\/ Open lightbox\r\n  document.querySelectorAll('.wcd-portfolio-card').forEach(card => {\r\n    card.addEventListener('click', function() {\r\n      const projectId = this.getAttribute('data-project');\r\n      const project = projects[projectId];\r\n      \r\n      if (project) {\r\n        lightboxImg.src = project.image;\r\n        lightboxImg.alt = project.title;\r\n        lightboxTitle.textContent = project.title;\r\n        lightboxType.textContent = project.type;\r\n        lightboxUrl.textContent = project.url;\r\n        lightboxVisit.href = project.url;\r\n        \r\n        lightbox.classList.add('active');\r\n        document.body.style.overflow = 'hidden';\r\n      }\r\n    });\r\n  });\r\n\r\n  \/\/ Close lightbox\r\n  function closeLightbox() {\r\n    lightbox.classList.remove('active');\r\n    document.body.style.overflow = '';\r\n  }\r\n\r\n  closeBtn.addEventListener('click', closeLightbox);\r\n  \r\n  lightbox.addEventListener('click', function(e) {\r\n    if (e.target === lightbox) {\r\n      closeLightbox();\r\n    }\r\n  });\r\n\r\n  \/\/ Close on Escape key\r\n  document.addEventListener('keydown', function(e) {\r\n    if (e.key === 'Escape' && lightbox.classList.contains('active')) {\r\n      closeLightbox();\r\n    }\r\n  });\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a56b0db e-con-full e-flex e-con e-parent\" data-id=\"a56b0db\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cbdf154 elementor-widget elementor-widget-html\" data-id=\"cbdf154\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\nSpariqo \u2014 E-COMMERCE WEBSITE DESIGN BANGLADESH\r\n10th section (SEO & WooCommerce)\r\nPaste: Elementor \u2192 HTML Widget\r\n============================================================ -->\r\n\r\n<style>\r\n\/* ===========================================================\r\nSEO & WOOCOMMERCE SECTION\r\n=========================================================== *\/\r\n.wdcbd-seo-woo{\r\nfont-family:var(--vc-font);\r\nposition:relative;\r\npadding:100px 0;\r\nbackground:#fafaf7;\r\noverflow:hidden;\r\n}\r\n.wdcbd-seo-woo .wdcbd-wrap{\r\nposition:relative;\r\nz-index:1;\r\nmax-width:1250px;\r\nmargin:0 auto;\r\npadding:0 24px;\r\n}\r\n\r\n\/* Section Headings *\/\r\n.wdcbd-seo-woo h2{\r\nfont-size:32px;\r\nline-height:1.3;\r\ncolor:var(--vc-blue);\r\nfont-weight:800;\r\nletter-spacing:-.01em;\r\nmargin:0 0 20px 0;\r\ntext-align:center;\r\n}\r\n.wdcbd-seo-woo h3{\r\nfont-size:26px;\r\nline-height:1.3;\r\ncolor:var(--vc-blue);\r\nfont-weight:800;\r\nmargin:48px 0 20px 0;\r\ntext-align:center;\r\n}\r\n\r\n\/* Text Blocks *\/\r\n.wdcbd-seo-woo .wdcbd-text{\r\nfont-size:17.5px;\r\nline-height:1.75;\r\ncolor:var(--vc-ink);\r\ntext-align:center;\r\nmargin:0 auto 16px;\r\nmax-width:800px;\r\n}\r\n.wdcbd-seo-woo .wdcbd-text-intro{\r\nmargin-bottom:24px;\r\n}\r\n\r\n\/* Checklist Grid *\/\r\n.wdcbd-seo-woo .wdcbd-checklist{\r\ndisplay:grid;\r\ngrid-template-columns:repeat(auto-fit, minmax(280px, 1fr));\r\ngap:14px;\r\nmargin:32px auto;\r\nmax-width:800px;\r\n}\r\n.wdcbd-seo-woo .wdcbd-check-item{\r\ndisplay:flex;\r\nalign-items:center;\r\ngap:12px;\r\nfont-size:15.5px;\r\nfont-weight:500;\r\ncolor:var(--vc-ink);\r\nbackground:#fafaf7;\r\npadding:12px 16px;\r\nborder-radius:8px;\r\nborder:1px solid var(--vc-line);\r\ntransition:all .3s ease;\r\n}\r\n.wdcbd-seo-woo .wdcbd-check-item:hover{\r\nborder-color:var(--vc-orange-soft);\r\ntransform:translateY(-2px);\r\nbox-shadow:0 4px 12px rgba(21,58,140,.06);\r\n}\r\n.wdcbd-seo-woo .wdcbd-check-item::before{\r\ncontent:\"\u2713\";\r\ncolor:var(--vc-orange);\r\nfont-weight:700;\r\nfont-size:16px;\r\nflex-shrink:0;\r\n}\r\n\r\n\/* Note Box *\/\r\n.wdcbd-seo-woo .wdcbd-note{\r\nbackground:#f8f9fc;\r\nborder-left:4px solid var(--vc-orange);\r\nborder-radius:8px;\r\npadding:20px 24px;\r\nmargin:32px auto;\r\nmax-width:800px;\r\nfont-size:16.5px;\r\nline-height:1.7;\r\ncolor:var(--vc-muted);\r\n}\r\n\r\n\/* Flow Block *\/\r\n.wdcbd-seo-woo .wdcbd-flow{\r\nbackground:#fff;\r\nborder:1px solid var(--vc-line);\r\nborder-radius:12px;\r\npadding:24px 28px;\r\nmargin:24px auto;\r\nmax-width:800px;\r\ntext-align:center;\r\n}\r\n.wdcbd-seo-woo .wdcbd-flow-steps{\r\ndisplay:flex;\r\nflex-wrap:wrap;\r\njustify-content:center;\r\nalign-items:center;\r\ngap:8px;\r\nfont-size:14px;\r\ncolor:var(--vc-ink);\r\nline-height:1.6;\r\n}\r\n.wdcbd-seo-woo .wdcbd-flow-steps span{\r\nbackground:var(--vc-orange-soft);\r\ncolor:var(--vc-blue);\r\npadding:6px 12px;\r\nborder-radius:6px;\r\nfont-weight:600;\r\n}\r\n.wdcbd-seo-woo .wdcbd-flow-steps .vc-arrow{\r\ncolor:var(--vc-orange);\r\nfont-weight:700;\r\n}\r\n\r\n\/* WooCommerce Features Grid *\/\r\n.wdcbd-seo-woo .wdcbd-woo-features{\r\ndisplay:grid;\r\ngrid-template-columns:repeat(3, 1fr);\r\ngap:16px;\r\nmargin:32px auto;\r\nmax-width:800px;\r\n}\r\n.wdcbd-seo-woo .wdcbd-woo-feature{\r\nbackground:#fafaf7;\r\nborder-radius:10px;\r\npadding:18px 16px;\r\ntext-align:center;\r\nfont-size:15px;\r\nfont-weight:600;\r\ncolor:var(--vc-ink);\r\nborder:1px solid var(--vc-line);\r\ntransition:all .3s ease;\r\n}\r\n.wdcbd-seo-woo .wdcbd-woo-feature:hover{\r\nborder-color:var(--vc-orange);\r\nbackground:#fff;\r\nbox-shadow:0 6px 16px rgba(242,107,29,.10);\r\n}\r\n\r\n\/* CTA Block *\/\r\n.wdcbd-seo-woo .wdcbd-cta{\r\ntext-align:center;\r\nmargin-top:40px;\r\n}\r\n.wdcbd-seo-woo .wdcbd-btn{\r\ndisplay:inline-flex;align-items:center;gap:10px;\r\nfont-weight:600;\r\nfont-size:15.5px;\r\npadding:15px 30px;\r\nborder-radius:30px;\r\ntext-decoration:none;\r\ntransition:all .3s ease;\r\ncursor:pointer;\r\nborder:0;\r\nfont-family:inherit;\r\nwhite-space:nowrap;\r\nbackground:var(--vc-orange);\r\ncolor:#fff;\r\nbox-shadow:0 10px 26px rgba(242,107,29,.40);\r\n}\r\n.wdcbd-seo-woo .wdcbd-btn svg{width:16px;height:16px;transition:transform .3s ease}\r\n.wdcbd-seo-woo .wdcbd-btn:hover{\r\nbackground:var(--vc-orange-2);\r\ntransform:translateY(-3px);\r\nbox-shadow:0 16px 36px rgba(242,107,29,.55);\r\n}\r\n.wdcbd-seo-woo .wdcbd-btn:hover svg{transform:translateX(3px)}\r\n\r\n\/* ===========================================================\r\nRESPONSIVE\r\n=========================================================== *\/\r\n@media (max-width:992px){\r\n.wdcbd-seo-woo{padding:80px 0}\r\n.wdcbd-seo-woo h2{font-size:28px}\r\n.wdcbd-seo-woo h3{font-size:24px}\r\n.wdcbd-seo-woo .wdcbd-woo-features{grid-template-columns:repeat(2, 1fr)}\r\n}\r\n@media (max-width:768px){\r\n.wdcbd-seo-woo{padding:60px 0}\r\n.wdcbd-seo-woo h2{font-size:26px}\r\n.wdcbd-seo-woo h3{font-size:22px}\r\n.wdcbd-seo-woo .wdcbd-text{font-size:16.5px}\r\n.wdcbd-seo-woo .wdcbd-checklist{grid-template-columns:1fr}\r\n.wdcbd-seo-woo .wdcbd-flow{padding:20px}\r\n.wdcbd-seo-woo .wdcbd-flow-steps{font-size:13px}\r\n.wdcbd-seo-woo .wdcbd-woo-features{grid-template-columns:repeat(2, 1fr);gap:12px}\r\n.wdcbd-seo-woo .wdcbd-woo-feature{font-size:14px;padding:14px 12px}\r\n}\r\n@media (max-width:540px){\r\n.wdcbd-seo-woo{padding:50px 0}\r\n.wdcbd-seo-woo h2{font-size:24px}\r\n.wdcbd-seo-woo h3{font-size:20px}\r\n.wdcbd-seo-woo .wdcbd-flow-steps{flex-direction:column;gap:6px}\r\n.wdcbd-seo-woo .wdcbd-flow-steps .vc-arrow{display:none}\r\n.wdcbd-seo-woo .wdcbd-flow-steps span{width:100%;text-align:center}\r\n.wdcbd-seo-woo .wdcbd-woo-features{grid-template-columns:1fr}\r\n.wdcbd-seo-woo .wdcbd-btn{width:100%;justify-content:center;padding:14px 20px;font-size:15px}\r\n}\r\n<\/style>\r\n\r\n<!-- =====================================================\r\nE-COMMERCE WEBSITE DESIGN BANGLADESH \u2014 10th section\r\nSEO & WooCommerce\r\n===================================================== -->\r\n<section class=\"wdcbd wdcbd-seo-woo\" id=\"ecommerce-seo-woo\">\r\n\r\n<div class=\"wdcbd-wrap\">\r\n\r\n<!-- ===== SEO Heading & Text ===== -->\r\n<h2>E-commerce SEO & AI Search-\u098f\u09b0 \u099c\u09a8\u09cd\u09af Ready<\/h2>\r\n\r\n<p class=\"wdcbd-text wdcbd-text-intro\">\r\nOnline Store-\u098f\u09b0 <a href=\"https:\/\/spariqo.com\/bd\/seo-services-in-bangladesh\/\">SEO<\/a> \u09b6\u09c1\u09a7\u09c1 Product-\u098f\u09b0 \u09a8\u09be\u09ae \u09ac\u09be\u09b0\u09ac\u09be\u09b0 \u09b2\u09c7\u0996\u09be\u09b0 \u09ac\u09bf\u09b7\u09af\u09bc \u09a8\u09af\u09bc\u0964<br>\r\nSearch engines \u098f\u09ac\u0982 AI-powered systems \u09af\u09c7\u09a8 \u0986\u09aa\u09a8\u09be\u09b0 Products \u098f\u09ac\u0982 Business \u09b8\u09ae\u09cd\u09aa\u09b0\u09cd\u0995\u09c7 clear context \u09aa\u09be\u09af\u09bc, \u09a4\u09be\u09b0 \u099c\u09a8\u09cd\u09af Website-\u098f useful information properly structured \u09a5\u09be\u0995\u09be \u0997\u09c1\u09b0\u09c1\u09a4\u09cd\u09ac\u09aa\u09c2\u09b0\u09cd\u09a3\u0964\r\n<\/p>\r\n\r\n<p class=\"wdcbd-text\">\u0986\u09ae\u09b0\u09be project scope \u0985\u09a8\u09c1\u09af\u09be\u09af\u09bc\u09c0 consider \u0995\u09b0\u09a4\u09c7 \u09aa\u09be\u09b0\u09bf:<\/p>\r\n\r\n<!-- ===== SEO Checklist ===== -->\r\n<div class=\"wdcbd-checklist\">\r\n<div class=\"wdcbd-check-item\">SEO-Friendly Product URLs<\/div>\r\n<div class=\"wdcbd-check-item\">Clear Product Titles<\/div>\r\n<div class=\"wdcbd-check-item\">Product Descriptions<\/div>\r\n<div class=\"wdcbd-check-item\">Category Structure<\/div>\r\n<div class=\"wdcbd-check-item\">Internal Linking<\/div>\r\n<div class=\"wdcbd-check-item\">Breadcrumbs<\/div>\r\n<div class=\"wdcbd-check-item\">Product Schema<\/div>\r\n<div class=\"wdcbd-check-item\">Organization \/ Business Information<\/div>\r\n<div class=\"wdcbd-check-item\"><span style=\"color: #1c2440;\">\r\n  <a href=\"https:\/\/web.dev\/learn\/images\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" style=\"color: #1c2440;\">\r\n    Image optimization\r\n  <\/a>\r\n<\/span><\/div>\r\n<div class=\"wdcbd-check-item\">FAQ Content<\/div>\r\n<div class=\"wdcbd-check-item\">Mobile-Friendly Structure<\/div>\r\n<div class=\"wdcbd-check-item\">Search Console Setup<\/div>\r\n<div class=\"wdcbd-check-item\">Analytics Setup<\/div>\r\n<\/div>\r\n\r\n<!-- ===== SEO Note ===== -->\r\n<div class=\"wdcbd-note\">\r\n\u098f\u0995\u0987 Product description copy \u0995\u09b0\u09c7 \u09b8\u09ac \u099c\u09be\u09af\u09bc\u0997\u09be\u09af\u09bc \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09be\u09b0 \u09ac\u09a6\u09b2\u09c7 unique, helpful \u098f\u09ac\u0982 product-specific information \u09b0\u09be\u0996\u09be \u09ac\u09c7\u09b6\u09bf valuable\u0964\r\n<\/div>\r\n\r\n<!-- ===== WooCommerce Heading & Text ===== -->\r\n<h3>WooCommerce E-commerce Website<\/h3>\r\n\r\n<p class=\"wdcbd-text\">\r\n\u0986\u09aa\u09a8\u09bf \u09af\u09a6\u09bf WordPress-based online store \u099a\u09be\u09a8, <a href=\"https:\/\/spariqo.com\/bd\/woocommerce-website-design-in-bangladesh\/\">WooCommerce<\/a> \u098f\u0995\u099f\u09bf popular option\u0964\r\n<\/p>\r\n\r\n<p class=\"wdcbd-text\">WooCommerce \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09c7 manage \u0995\u09b0\u09be \u09af\u09be\u09af\u09bc:<\/p>\r\n\r\n<!-- ===== WooCommerce Flow ===== -->\r\n<div class=\"wdcbd-flow\">\r\n<div class=\"wdcbd-flow-steps\">\r\n<span>Products<\/span>\r\n<span class=\"vc-arrow\">\u2192<\/span>\r\n<span>Categories<\/span>\r\n<span class=\"vc-arrow\">\u2192<\/span>\r\n<span>Inventory<\/span>\r\n<span class=\"vc-arrow\">\u2192<\/span>\r\n<span>Cart<\/span>\r\n<span class=\"vc-arrow\">\u2192<\/span>\r\n<span>Checkout<\/span>\r\n<span class=\"vc-arrow\">\u2192<\/span>\r\n<span>Orders<\/span>\r\n<span class=\"vc-arrow\">\u2192<\/span>\r\n<span>Customers<\/span>\r\n<\/div>\r\n<\/div>\r\n\r\n<p class=\"wdcbd-text\">\r\n\u0986\u09aa\u09a8\u09be\u09b0 \u09aa\u09cd\u09b0\u09af\u09bc\u09cb\u099c\u09a8 \u0985\u09a8\u09c1\u09af\u09be\u09af\u09bc\u09c0 custom design \u098f\u09ac\u0982 functionality \u09af\u09cb\u0997 \u0995\u09b0\u09be \u09b8\u09ae\u09cd\u09ad\u09ac\u0964\r\n<\/p>\r\n\r\n<p class=\"wdcbd-text\">WooCommerce Website-\u098f \u09a5\u09be\u0995\u09a4\u09c7 \u09aa\u09be\u09b0\u09c7:<\/p>\r\n\r\n<!-- ===== WooCommerce Features ===== -->\r\n<div class=\"wdcbd-woo-features\">\r\n<div class=\"wdcbd-woo-feature\">Unlimited Products<\/div>\r\n<div class=\"wdcbd-woo-feature\">Product Variations<\/div>\r\n<div class=\"wdcbd-woo-feature\">Coupons<\/div>\r\n<div class=\"wdcbd-woo-feature\">Shipping Options<\/div>\r\n<div class=\"wdcbd-woo-feature\">Payment Gateway<\/div>\r\n<div class=\"wdcbd-woo-feature\">Order Management<\/div>\r\n<div class=\"wdcbd-woo-feature\">Customer Accounts<\/div>\r\n<div class=\"wdcbd-woo-feature\">Product Reviews<\/div>\r\n<div class=\"wdcbd-woo-feature\">Stock Management<\/div>\r\n<\/div>\r\n\r\n<!-- ===== CTA ===== -->\r\n<div class=\"wdcbd-cta\">\r\n<a href=\"https:\/\/spariqo.com\/bd\/contact-us\/\" class=\"wdcbd-btn\">\r\nGet Started\r\n<svg 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>\r\n<\/a>\r\n<\/div>\r\n\r\n<\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1e6d799 e-con-full e-flex e-con e-parent\" data-id=\"1e6d799\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-495c4b6 elementor-widget elementor-widget-html\" data-id=\"495c4b6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     VIRAL COMMUNICATIONS \u2014 TESTIMONIALS SECTION\r\n     (\u0986\u09ae\u09be\u09a6\u09c7\u09b0 \u0995\u09cd\u09b2\u09be\u09af\u09bc\u09c7\u09a8\u09cd\u099f\u09a6\u09c7\u09b0 \u09ae\u09a4\u09be\u09ae\u09a4)\r\n     Paste into: Elementor \u2192 HTML Widget\r\n     ============================================================ -->\r\n\r\n<style>\r\n\/* ===========================================================\r\n   ROOT + RESET\r\n   =========================================================== *\/\r\n.vc-testimonials *,.vc-testimonials *::before,.vc-testimonials *::after{\r\n  margin:0;padding:0;box-sizing:border-box;\r\n}\r\n:root{\r\n  --vc-blue:#153a8c;\r\n  --vc-blue-2:#0e2a6b;\r\n  --vc-blue-3:#0b2358;\r\n  --vc-orange:#f26b1d;\r\n  --vc-orange-2:#d95a12;\r\n  --vc-orange-soft:#ffb387;\r\n  --vc-ink:#1c2440;\r\n  --vc-muted:#5a627a;\r\n  --vc-line:#e8e6e0;\r\n  --vc-white:#fff;\r\n  --vc-bg:#f7f6f2;\r\n  --vc-font:'Hind Siliguri','Noto Sans Bengali','Bangla Sangam MN','Kohinoor Bangla','Nirmala UI','Vrinda','SolaimanLipi',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;\r\n}\r\n\r\n\/* ===========================================================\r\n   TESTIMONIALS SECTION\r\n   =========================================================== *\/\r\n.vc-testimonials{\r\n  font-family:var(--vc-font);\r\n  padding:100px 0;\r\n  background:#fff;\r\n  position:relative;\r\n  overflow:hidden;\r\n}\r\n\/* Subtle top decorative line *\/\r\n.vc-testimonials::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  top:0;left:0;right:0;height:1px;\r\n  background:linear-gradient(90deg,\r\n    transparent 0%,\r\n    rgba(21,58,140,.15) 50%,\r\n    transparent 100%);\r\n}\r\n\/* Soft glow *\/\r\n.vc-testimonials::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  top:30%;right:-150px;\r\n  width:400px;height:400px;\r\n  background:radial-gradient(circle,rgba(242,107,29,.08) 0%,transparent 70%);\r\n  pointer-events:none;\r\n}\r\n\r\n.vc-wrap{\r\n  max-width:1280px;\r\n  margin:0 auto;\r\n  padding:0 24px;\r\n  position:relative;z-index:1;\r\n}\r\n\r\n\/* ===========================================================\r\n   HEADER \u2014 Centered\r\n   =========================================================== *\/\r\n.vc-test-head{\r\n  text-align:center;\r\n  margin-bottom:60px;\r\n}\r\n.vc-test-badge{\r\n  display:inline-flex;align-items:center;gap:8px;\r\n  background:#fff;\r\n  border:1px solid #f6c8ae;\r\n  color:var(--vc-orange);\r\n  font-size:13px;font-weight:600;\r\n  padding:7px 18px;border-radius:30px;\r\n  margin-bottom:18px;\r\n  box-shadow:0 4px 14px rgba(242,107,29,.08);\r\n}\r\n.vc-test-badge::before{\r\n  content:\"\u2661\";color:var(--vc-orange);font-size:14px;\r\n}\r\n.vc-test-title{\r\n  font-size:38px;font-weight:700;\r\n  color:var(--vc-blue);\r\n  line-height:1.3;\r\n  letter-spacing:-.01em;\r\n  margin-bottom:14px;\r\n}\r\n.vc-test-title .vc-accent{\r\n  color:var(--vc-orange);\r\n  position:relative;display:inline-block;\r\n}\r\n.vc-test-title .vc-accent::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  bottom:4px;left:0;\r\n  width:100%;height:10px;\r\n  background:rgba(242,107,29,.16);\r\n  border-radius:6px;\r\n  z-index:-1;\r\n  transform:skewX(-12deg);\r\n}\r\n.vc-test-subtitle{\r\n  max-width:620px;\r\n  margin:0 auto;\r\n  color:var(--vc-muted);\r\n  font-size:16px;\r\n  line-height:1.65;\r\n}\r\n\r\n\/* ===========================================================\r\n   AGGREGATE STATS BAR (above cards)\r\n   =========================================================== *\/\r\n.vc-test-stats{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:0;\r\n  margin:20px auto 0;\r\n  background:#f7f6f2;\r\n  border:1px solid var(--vc-line);\r\n  border-radius:50px;\r\n  padding:8px;\r\n}\r\n.vc-test-stat{\r\n  display:flex;align-items:center;gap:10px;\r\n  padding:8px 20px;\r\n  border-right:1px solid #e8e6e0;\r\n}\r\n.vc-test-stat:last-child{border-right:0}\r\n.vc-test-stat b{\r\n  color:var(--vc-ink);\r\n  font-size:20px;font-weight:800;\r\n  display:block;line-height:1.1;\r\n}\r\n.vc-test-stat small{\r\n  color:var(--vc-muted);\r\n  font-size:12px;font-weight:500;\r\n}\r\n.vc-test-stars{\r\n  color:#ffb700;font-size:14px;\r\n  letter-spacing:2px;\r\n}\r\n\r\n\/* ===========================================================\r\n   3-COLUMN TESTIMONIAL GRID\r\n   =========================================================== *\/\r\n.vc-test-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(3,1fr);\r\n  gap:28px;\r\n  margin-bottom:50px;\r\n}\r\n\r\n.vc-test-card{\r\n  background:#fff;\r\n  border:1px solid var(--vc-line);\r\n  border-radius:16px;\r\n  padding:34px 32px 28px;\r\n  position:relative;\r\n  transition:all .35s ease;\r\n  display:flex;\r\n  flex-direction:column;\r\n}\r\n\r\n\/* Hover effect *\/\r\n.vc-test-card:hover{\r\n  transform:translateY(-8px);\r\n  box-shadow:0 20px 50px rgba(20,40,100,.14);\r\n  border-color:transparent;\r\n}\r\n\r\n\/* Featured (middle card) variant *\/\r\n.vc-test-card.vc-featured{\r\n  background:linear-gradient(135deg,var(--vc-blue) 0%,var(--vc-blue-3) 100%);\r\n  color:#fff;\r\n  border-color:transparent;\r\n  position:relative;\r\n  overflow:hidden;\r\n}\r\n.vc-test-card.vc-featured::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  top:0;right:0;bottom:0;width:60%;\r\n  background-image:radial-gradient(rgba(255,255,255,.05) 1.5px,transparent 1.5px);\r\n  background-size:22px 22px;\r\n  -webkit-mask-image:linear-gradient(to right,transparent,#000 40%);\r\n  mask-image:linear-gradient(to right,transparent,#000 40%);\r\n  pointer-events:none;\r\n}\r\n.vc-test-card.vc-featured::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  top:0;right:0;\r\n  width:120px;height:120px;\r\n  background:var(--vc-orange);\r\n  border-bottom-left-radius:100%;\r\n  opacity:.95;\r\n  z-index:0;\r\n}\r\n\r\n\/* Large quote mark *\/\r\n.vc-test-quote-mark{\r\n  position:absolute;\r\n  top:18px;left:28px;\r\n  font-family:Georgia,serif;\r\n  font-size:64px;\r\n  line-height:1;\r\n  color:rgba(242,107,29,.18);\r\n  transition:all .35s ease;\r\n  font-weight:700;\r\n}\r\n.vc-test-card.vc-featured .vc-test-quote-mark{\r\n  color:rgba(255,255,255,.15);\r\n}\r\n.vc-test-card:hover .vc-test-quote-mark{\r\n  color:rgba(242,107,29,.32);\r\n  transform:scale(1.05) rotate(-5deg);\r\n}\r\n.vc-test-card.vc-featured:hover .vc-test-quote-mark{\r\n  color:rgba(255,255,255,.25);\r\n}\r\n\r\n\/* Stars *\/\r\n.vc-test-rating{\r\n  display:inline-flex;\r\n  gap:3px;\r\n  margin-bottom:18px;\r\n  position:relative;\r\n  z-index:1;\r\n}\r\n.vc-test-rating svg{\r\n  width:16px;height:16px;\r\n  color:#ffb700;\r\n  fill:#ffb700;\r\n}\r\n.vc-test-rating .vc-star-empty{\r\n  color:#e8e6e0;fill:#e8e6e0;\r\n}\r\n.vc-test-card.vc-featured .vc-test-rating .vc-star-empty{\r\n  color:rgba(255,255,255,.3);\r\n  fill:rgba(255,255,255,.3);\r\n}\r\n\r\n\/* Quote text *\/\r\n.vc-test-quote{\r\n  font-size:15.5px;\r\n  line-height:1.75;\r\n  color:#3c4460;\r\n  font-style:italic;\r\n  margin-bottom:24px;\r\n  flex:1;\r\n  position:relative;\r\n  z-index:1;\r\n  letter-spacing:.005em;\r\n}\r\n.vc-test-card.vc-featured .vc-test-quote{\r\n  color:rgba(255,255,255,.92);\r\n}\r\n\r\n\/* Highlight specific text inside quote *\/\r\n.vc-test-quote b{\r\n  font-style:normal;\r\n  font-weight:700;\r\n  color:var(--vc-blue);\r\n}\r\n.vc-test-card.vc-featured .vc-test-quote b{\r\n  color:#ffb387;\r\n}\r\n\r\n\/* User info *\/\r\n.vc-test-user{\r\n  display:flex;align-items:center;\r\n  gap:14px;\r\n  padding-top:22px;\r\n  border-top:1px dashed rgba(0,0,0,.10);\r\n  position:relative;\r\n  z-index:1;\r\n}\r\n.vc-test-card.vc-featured .vc-test-user{\r\n  border-top:1px dashed rgba(255,255,255,.2);\r\n}\r\n.vc-test-avatar{\r\n  width:54px;height:54px;\r\n  border-radius:50%;\r\n  object-fit:cover;\r\n  background:#eef0f5;\r\n  border:3px solid #fff;\r\n  box-shadow:0 6px 16px rgba(20,40,100,.12);\r\n  flex-shrink:0;\r\n}\r\n.vc-test-card.vc-featured .vc-test-avatar{\r\n  border:3px solid rgba(255,255,255,.85);\r\n  box-shadow:0 6px 16px rgba(0,0,0,.2);\r\n}\r\n.vc-test-info{\r\n  flex:1;min-width:0;\r\n}\r\n.vc-test-name{\r\n  font-size:15.5px;\r\n  font-weight:700;\r\n  color:var(--vc-ink);\r\n  display:block;\r\n  line-height:1.3;\r\n}\r\n.vc-test-card.vc-featured .vc-test-name{color:#fff}\r\n\r\n.vc-test-role{\r\n  font-size:12.5px;\r\n  color:var(--vc-muted);\r\n  display:flex;align-items:center;gap:6px;\r\n  margin-top:2px;\r\n}\r\n.vc-test-card.vc-featured .vc-test-role{\r\n  color:rgba(255,255,255,.8);\r\n}\r\n.vc-test-role::before{\r\n  content:\"\u2022\";\r\n  color:var(--vc-orange);\r\n  font-weight:700;\r\n  font-size:16px;\r\n}\r\n\r\n\/* Verified badge *\/\r\n.vc-test-verified{\r\n  display:inline-flex;align-items:center;gap:4px;\r\n  background:rgba(40,167,69,.12);\r\n  color:#28a745;\r\n  font-size:11px;font-weight:600;\r\n  padding:3px 8px;\r\n  border-radius:10px;\r\n  margin-left:auto;\r\n  flex-shrink:0;\r\n}\r\n.vc-test-card.vc-featured .vc-test-verified{\r\n  background:rgba(61,220,132,.18);\r\n  color:#3ddc84;\r\n}\r\n.vc-test-verified svg{width:11px;height:11px}\r\n\r\n\/* ===========================================================\r\n   BOTTOM SUMMARY ROW\r\n   =========================================================== *\/\r\n.vc-test-bottom{\r\n  background:linear-gradient(135deg,#faf9f5 0%,#f1ede2 100%);\r\n  border:1px solid var(--vc-line);\r\n  border-radius:16px;\r\n  padding:28px 36px;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n  gap:24px;\r\n  flex-wrap:wrap;\r\n}\r\n.vc-test-bottom p{\r\n  font-size:15px;color:var(--vc-ink);\r\n  margin:0;\r\n}\r\n.vc-test-bottom p b{color:var(--vc-blue)}\r\n.vc-test-bottom p span{color:var(--vc-muted)}\r\n\r\n.vc-test-actions{\r\n  display:inline-flex;align-items:center;\r\n  gap:14px;flex-wrap:wrap;\r\n}\r\n.vc-btn{\r\n  display:inline-flex;align-items:center;gap:10px;\r\n  font-weight:600;font-size:14.5px;\r\n  padding:11px 24px;\r\n  border-radius:30px;\r\n  text-decoration:none;\r\n  transition:all .3s ease;\r\n  cursor:pointer;border:0;\r\n  font-family:inherit;white-space:nowrap;\r\n}\r\n.vc-btn svg{width:14px;height:14px;transition:transform .3s ease}\r\n.vc-btn:hover svg{transform:translateX(3px)}\r\n.vc-btn-outline{\r\n  background:#fff;\r\n  border:1.5px solid var(--vc-line);\r\n  color:var(--vc-ink);\r\n}\r\n.vc-btn-outline:hover{\r\n  border-color:var(--vc-orange);\r\n  color:var(--vc-orange);\r\n}\r\n.vc-btn-orange{\r\n  background:var(--vc-orange);\r\n  color:#fff;\r\n  box-shadow:0 6px 16px rgba(242,107,29,.35);\r\n}\r\n.vc-btn-orange:hover{\r\n  background:var(--vc-orange-2);\r\n  transform:translateY(-2px);\r\n  box-shadow:0 10px 22px rgba(242,107,29,.5);\r\n}\r\n\r\n\/* ===========================================================\r\n   RESPONSIVE\r\n   =========================================================== *\/\r\n@media (max-width:1024px){\r\n  .vc-test-grid{grid-template-columns:repeat(2,1fr);gap:22px}\r\n}\r\n@media (max-width:768px){\r\n  .vc-testimonials{padding:70px 0 80px}\r\n  .vc-test-title{font-size:28px}\r\n  .vc-test-head{margin-bottom:40px}\r\n\r\n  .vc-test-stats{\r\n    flex-wrap:wrap;\r\n    border-radius:18px;\r\n    padding:14px;\r\n    gap:0;\r\n  }\r\n  .vc-test-stat{\r\n    flex:1 1 50%;\r\n    flex-direction:column;\r\n    align-items:flex-start;\r\n    padding:8px 16px;\r\n    text-align:left;\r\n    border-right:0;\r\n  }\r\n  .vc-test-stat:nth-child(1),\r\n  .vc-test-stat:nth-child(2){\r\n    border-bottom:1px solid #e8e6e0;\r\n  }\r\n\r\n  .vc-test-card{padding:28px 24px 24px}\r\n  .vc-test-quote{font-size:14.5px}\r\n\r\n  .vc-test-bottom{\r\n    flex-direction:column;\r\n    align-items:flex-start;\r\n    padding:24px 22px;\r\n    text-align:left;\r\n  }\r\n  .vc-test-actions{width:100%}\r\n  .vc-btn{flex:1;justify-content:center}\r\n}\r\n@media (max-width:540px){\r\n  .vc-test-grid{grid-template-columns:1fr;gap:18px}\r\n  .vc-test-card{padding:26px 22px 22px}\r\n  .vc-test-quote-mark{\r\n    font-size:48px;\r\n    top:14px;left:18px;\r\n  }\r\n  .vc-test-bottom{padding:22px 20px}\r\n  .vc-test-bottom-actions{flex-direction:column;width:100%}\r\n}\r\n<\/style>\r\n\r\n<!-- =====================================================\r\n     TESTIMONIALS  (\u0986\u09ae\u09be\u09a6\u09c7\u09b0 \u0995\u09cd\u09b2\u09be\u09af\u09bc\u09c7\u09a8\u09cd\u099f\u09a6\u09c7\u09b0 \u09ae\u09a4\u09be\u09ae\u09a4)\r\n     ===================================================== -->\r\n<section class=\"vc-testimonials\" id=\"testimonials\">\r\n\r\n  <div class=\"vc-wrap\">\r\n\r\n    <!-- ===== Header ===== -->\r\n    <div class=\"vc-test-head\">\r\n      <span class=\"vc-test-badge\">\u0986\u09ae\u09be\u09a6\u09c7\u09b0 \u0995\u09cd\u09b2\u09be\u09af\u09bc\u09c7\u09a8\u09cd\u099f\u09a6\u09c7\u09b0 \u09ae\u09a4\u09be\u09ae\u09a4<\/span>\r\n      <h2 class=\"vc-test-title\">\r\n        \u0995\u09cd\u09b2\u09be\u09af\u09bc\u09c7\u09a8\u09cd\u099f\u09b0\u09be \u09af\u09be <span class=\"vc-accent\">\u09ac\u09b2\u099b\u09c7\u09a8<\/span>\r\n      <\/h2>\r\n      <p class=\"vc-test-subtitle\">\r\n        \u0986\u09ae\u09be\u09a6\u09c7\u09b0 \u0995\u09cd\u09b2\u09be\u09af\u09bc\u09c7\u09a8\u09cd\u099f\u09a6\u09c7\u09b0 \u09b8\u09a8\u09cd\u09a4\u09c1\u09b7\u09cd\u099f\u09bf\u0987 \u0986\u09ae\u09be\u09a6\u09c7\u09b0 \u09b8\u09ac\u099a\u09c7\u09af\u09bc\u09c7 \u09ac\u09a1\u09bc \u0985\u09b0\u09cd\u099c\u09a8\u0964 \u09a4\u09be\u09a6\u09c7\u09b0 \u09ae\u09a4\u09be\u09ae\u09a4 \u0986\u09ae\u09be\u09a6\u09c7\u09b0\u0995\u09c7 \u0986\u09b0\u0993 \u09ad\u09be\u09b2\u09cb \u09b9\u09a4\u09c7 \u0985\u09a8\u09c1\u09aa\u09cd\u09b0\u09be\u09a3\u09bf\u09a4 \u0995\u09b0\u09c7\u0964\r\n      <\/p>\r\n\r\n      <!-- Aggregate stats pill -->\r\n      <div class=\"vc-test-stats\">\r\n        <div class=\"vc-test-stat\">\r\n          <b>\u09ea.\u09ef\/\u09eb<\/b>\r\n          <span class=\"vc-test-stars\">\u2605\u2605\u2605\u2605\u2605<\/span>\r\n        <\/div>\r\n        <div class=\"vc-test-stat\">\r\n          <b>\u09e8\u09eb\u09e6+<\/b>\r\n          <small>\u09b0\u09bf\u09ad\u09bf\u0989<\/small>\r\n        <\/div>\r\n        <div class=\"vc-test-stat\">\r\n          <b>\u09ef\u09ee%<\/b>\r\n          <small>\u09b8\u09a8\u09cd\u09a4\u09c1\u09b7\u09cd\u099f\u09bf<\/small>\r\n        <\/div>\r\n        <div class=\"vc-test-stat\">\r\n          <b>\u09ef\u09eb%<\/b>\r\n          <small>\u09b0\u09bf\u09aa\u09bf\u099f \u0995\u09cd\u09b2\u09be\u09af\u09bc\u09c7\u09a8\u09cd\u099f<\/small>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- ===== 3 Testimonial Cards ===== -->\r\n    <div class=\"vc-test-grid\">\r\n\r\n      <!-- =========== Card 1 =========== -->\r\n      <div class=\"vc-test-card\">\r\n        <span class=\"vc-test-quote-mark\">\"<\/span>\r\n\r\n        <div class=\"vc-test-rating\" aria-label=\"5 of 5 stars\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg>\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg>\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg>\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg>\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg>\r\n        <\/div>\r\n\r\n        <p class=\"vc-test-quote\">\r\n          Viral Communications \u0986\u09ae\u09be\u09a6\u09c7\u09b0 \u099c\u09a8\u09cd\u09af \u098f\u0995\u099f\u09bf <b>\u09a6\u09be\u09b0\u09c1\u09a3 \u0993\u09af\u09bc\u09c7\u09ac\u09b8\u09be\u0987\u099f<\/b> \u09a4\u09c8\u09b0\u09bf \u0995\u09b0\u09c7\u099b\u09c7\u0964 \u09a4\u09be\u09a6\u09c7\u09b0 \u0995\u09be\u099c \u09aa\u09cd\u09b0\u09ab\u09c7\u09b6\u09a8\u09be\u09b2 \u098f\u09ac\u0982 \u09b8\u09ae\u09af\u09bc\u09ae\u09a4\u09cb \u09b8\u09ae\u09cd\u09aa\u09a8\u09cd\u09a8! \u09aa\u09cd\u09b0\u099c\u09c7\u0995\u09cd\u099f \u09ae\u09cd\u09af\u09be\u09a8\u09c7\u099c\u09ae\u09c7\u09a8\u09cd\u099f \u0985\u09b8\u09be\u09a7\u09be\u09b0\u09a3 \u098f\u09ac\u0982 \u09af\u09c7\u0995\u09cb\u09a8\u09cb \u09b8\u09ae\u09af\u09bc \u09b8\u09be\u09aa\u09cb\u09b0\u09cd\u099f \u09aa\u09c7\u09af\u09bc\u09c7\u099b\u09bf\u0964\r\n        <\/p>\r\n\r\n        <div class=\"vc-test-user\">\r\n          <img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/150?img=11\" alt=\"\u09b0\u09be\u09b9\u09c7\u09b2 \u0987\u09b8\u09b2\u09be\u09ae\" class=\"vc-test-avatar\">\r\n          <div class=\"vc-test-info\">\r\n            <span class=\"vc-test-name\">\u09b0\u09be\u09b9\u09c7\u09b2 \u0987\u09b8\u09b2\u09be\u09ae<\/span>\r\n            <span class=\"vc-test-role\">CEO, Auto Detailing Miami<\/span>\r\n          <\/div>\r\n          <span class=\"vc-test-verified\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 13l4 4L19 7\"\/><\/svg>\r\n            \u09ad\u09c7\u09b0\u09bf\u09ab\u09be\u0987\u09a1\r\n          <\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- =========== Card 2 \u2014 FEATURED (Blue gradient) =========== -->\r\n      <div class=\"vc-test-card vc-featured\">\r\n        <span class=\"vc-test-quote-mark\">\"<\/span>\r\n\r\n        <div class=\"vc-test-rating\" aria-label=\"5 of 5 stars\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg>\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg>\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg>\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg>\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg>\r\n        <\/div>\r\n\r\n        <p class=\"vc-test-quote\">\r\n          \u09a6\u09cd\u09b0\u09c1\u09a4, \u09aa\u09cd\u09b0\u09ab\u09c7\u09b6\u09a8\u09be\u09b2 \u098f\u09ac\u0982 \u09a1\u09c7\u09a1\u09bf\u0995\u09c7\u099f\u09c7\u09a1 \u099f\u09bf\u09ae! \u0986\u09ae\u09be\u09a6\u09c7\u09b0 \u09b9\u09c7\u09b2\u09a5\u0995\u09c7\u09af\u09bc\u09be\u09b0 \u09ac\u09cd\u09af\u09ac\u09b8\u09be\u09b0 \u099c\u09a8\u09cd\u09af \u09a4\u09be\u09b0\u09be \u09b8\u09a4\u09cd\u09af\u09bf\u0987 \u09ad\u09be\u09b2\u09cb \u0995\u09be\u099c \u0995\u09b0\u09c7\u099b\u09c7\u0964 <b>\u0985\u09a8\u09b2\u09be\u0987\u09a8 \u0985\u09cd\u09af\u09be\u09aa\u09af\u09bc\u09c7\u09a8\u09cd\u099f\u09ae\u09c7\u09a8\u09cd\u099f \u09b8\u09bf\u09b8\u09cd\u099f\u09c7\u09ae<\/b> \u098f\u09ac\u0982 \u09aa\u09c7\u09b6\u09c7\u09a8\u09cd\u099f \u09aa\u09cb\u09b0\u09cd\u099f\u09be\u09b2 \u2014 \u09b8\u09ac\u0995\u09bf\u099b\u09c1 \u09a8\u09bf\u0996\u09c1\u0981\u09a4\u0964\r\n        <\/p>\r\n\r\n        <div class=\"vc-test-user\">\r\n          <img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/150?img=32\" alt=\"\u09a8\u09be\u09a6\u09bf\u09af\u09bc\u09be \u09b0\u09b9\u09ae\u09be\u09a8\" class=\"vc-test-avatar\">\r\n          <div class=\"vc-test-info\">\r\n            <span class=\"vc-test-name\">\u09a8\u09be\u09a6\u09bf\u09af\u09bc\u09be \u09b0\u09b9\u09ae\u09be\u09a8<\/span>\r\n            <span class=\"vc-test-role\">Marketing Director<\/span>\r\n          <\/div>\r\n          <span class=\"vc-test-verified\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 13l4 4L19 7\"\/><\/svg>\r\n            \u09ad\u09c7\u09b0\u09bf\u09ab\u09be\u0987\u09a1\r\n          <\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- =========== Card 3 =========== -->\r\n      <div class=\"vc-test-card\">\r\n        <span class=\"vc-test-quote-mark\">\"<\/span>\r\n\r\n        <div class=\"vc-test-rating\" aria-label=\"5 of 5 stars\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg>\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg>\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg>\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg>\r\n          <svg viewBox=\"0 0 24 24\" class=\"vc-star-empty\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg>\r\n        <\/div>\r\n\r\n        <p class=\"vc-test-quote\">\r\n          SEO \u098f\u09ac\u0982 \u0993\u09af\u09bc\u09c7\u09ac \u09a1\u09bf\u099c\u09be\u0987\u09a8\u09c7 \u09a4\u09be\u09a6\u09c7\u09b0 \u09a6\u0995\u09cd\u09b7\u09a4\u09be \u0985\u09b8\u09be\u09a7\u09be\u09b0\u09a3! <b>\u0985\u09b0\u09cd\u0997\u09be\u09a8\u09bf\u0995 \u099f\u09cd\u09b0\u09be\u09ab\u09bf\u0995 \u09e9\u09e6\u09e6% \u09ac\u09c7\u09a1\u09bc\u09c7\u099b\u09c7<\/b> \u09ae\u09be\u09a4\u09cd\u09b0 \u09e9 \u09ae\u09be\u09b8\u09c7\u0964 Highly recommended for any business!\r\n        <\/p>\r\n\r\n        <div class=\"vc-test-user\">\r\n          <img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/150?img=52\" alt=\"\u0993\u09ae\u09b0 \u09ab\u09be\u09b0\u09c1\u0995\" class=\"vc-test-avatar\">\r\n          <div class=\"vc-test-info\">\r\n            <span class=\"vc-test-name\">\u0993\u09ae\u09b0 \u09ab\u09be\u09b0\u09c1\u0995<\/span>\r\n            <span class=\"vc-test-role\">Founder, SEO Services<\/span>\r\n          <\/div>\r\n          <span class=\"vc-test-verified\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 13l4 4L19 7\"\/><\/svg>\r\n            \u09ad\u09c7\u09b0\u09bf\u09ab\u09be\u0987\u09a1\r\n          <\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- ===== Bottom Summary Row ===== -->\r\n    <div class=\"vc-test-bottom\">\r\n      <p>\r\n        \u0986\u09b0\u0993 <b>\u09e8\u09eb\u09e6+ \u0996\u09c1\u09b6\u09bf \u0995\u09cd\u09b2\u09be\u09af\u09bc\u09c7\u09a8\u09cd\u099f\u09c7\u09b0<\/b> \u09b0\u09bf\u09ad\u09bf\u0989 \u09a6\u09c7\u0996\u09c1\u09a8 <span>\u2014 \u0986\u09ae\u09be\u09a6\u09c7\u09b0 \u09b8\u09be\u09a5\u09c7 \u0995\u09be\u099c \u0995\u09b0\u09c7 \u09a4\u09be\u09b0\u09be \u09b8\u09a8\u09cd\u09a4\u09c1\u09b7\u09cd\u099f\u0964<\/span>\r\n      <\/p>\r\n      <div class=\"vc-test-actions\">\r\n        <a href=\"#\" class=\"vc-btn vc-btn-outline\">\r\n          \u09b8\u09ac \u09b0\u09bf\u09ad\u09bf\u0989 \u09aa\u09a1\u09bc\u09c1\u09a8\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n        <\/a>\r\n        <a href=\"#contact\" class=\"vc-btn vc-btn-orange\">\r\n          \u0986\u099c\u0987 \u09af\u09cb\u0997\u09be\u09af\u09cb\u0997 \u0995\u09b0\u09c1\u09a8\r\n          <svg 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>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<script>\r\n\/* =====================================================\r\n   VIRAL COMMUNICATIONS \u2014 Testimonials JS (scoped & safe)\r\n   ===================================================== *\/\r\n(function(){\r\n\r\n  \/* ---------- Smooth scroll for in-page anchor links ---------- *\/\r\n  document.querySelectorAll('.vc-testimonials a[href^=\"#\"]').forEach(link => {\r\n    link.addEventListener('click', function(e){\r\n      const href = this.getAttribute('href');\r\n      if (href.length > 1 && href !== '#') {\r\n        const target = document.querySelector(href);\r\n        if (target) {\r\n          e.preventDefault();\r\n          const headerH = document.querySelector('.vc-header')\r\n            ? document.querySelector('.vc-header').offsetHeight : 80;\r\n          const y = target.getBoundingClientRect().top + window.scrollY - headerH - 10;\r\n          window.scrollTo({top:y, behavior:'smooth'});\r\n        }\r\n      }\r\n    });\r\n  });\r\n\r\n  \/* ---------- Stagger animation on scroll ---------- *\/\r\n  if ('IntersectionObserver' in window) {\r\n    const observer = new IntersectionObserver((entries) => {\r\n      entries.forEach((entry) => {\r\n        if (entry.isIntersecting) {\r\n          const cards = entry.target.querySelectorAll('.vc-test-card');\r\n          cards.forEach((card, i) => {\r\n            setTimeout(() => {\r\n              card.style.opacity = '1';\r\n              card.style.transform = 'translateY(0)';\r\n            }, i * 140);\r\n          });\r\n          observer.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, {threshold: 0.15});\r\n\r\n    const grid = document.querySelector('.vc-test-grid');\r\n    if (grid) {\r\n      grid.querySelectorAll('.vc-test-card').forEach(card => {\r\n        card.style.opacity = '0';\r\n        card.style.transform = 'translateY(50px)';\r\n        card.style.transition = 'opacity .7s ease, transform .7s ease, box-shadow .35s ease, border-color .35s ease';\r\n      });\r\n      observer.observe(grid);\r\n    }\r\n  }\r\n\r\n  \/* ---------- Subtle avatar parallax ---------- *\/\r\n  if (window.innerWidth > 768) {\r\n    document.querySelectorAll('.vc-test-card').forEach(card => {\r\n      const avatar = card.querySelector('.vc-test-avatar');\r\n      card.addEventListener('mousemove', (e) => {\r\n        if (!avatar) return;\r\n        const rect = card.getBoundingClientRect();\r\n        const x = (e.clientX - rect.left) \/ rect.width - 0.5;\r\n        const y = (e.clientY - rect.top) \/ rect.height - 0.5;\r\n        avatar.style.transform = `translate(${x * 6}px, ${y * 6}px)`;\r\n      });\r\n      card.addEventListener('mouseleave', () => {\r\n        if (avatar) avatar.style.transform = '';\r\n      });\r\n    });\r\n  }\r\n\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-416b763 e-con-full e-flex e-con e-parent\" data-id=\"416b763\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-04f0d21 elementor-widget elementor-widget-html\" data-id=\"04f0d21\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\nSpariqo \u2014 E-COMMERCE WEBSITE DESIGN BANGLADESH\r\n11th section (Pricing & Why Choose Us)\r\nPaste: Elementor \u2192 HTML Widget\r\n============================================================ -->\r\n\r\n<style>\r\n\/* ===========================================================\r\nPRICING & WHY CHOOSE US SECTION\r\n=========================================================== *\/\r\n.wdcbd-pricing-why{\r\nfont-family:var(--vc-font);\r\nposition:relative;\r\npadding:100px 0;\r\nbackground:#fafaf7;\r\noverflow:hidden;\r\n}\r\n.wdcbd-pricing-why .wdcbd-wrap{\r\nposition:relative;\r\nz-index:1;\r\nmax-width:1250px;\r\nmargin:0 auto;\r\npadding:0 24px;\r\n}\r\n\r\n\/* Grid Layout *\/\r\n.wdcbd-pricing-why .wdcbd-grid{\r\ndisplay:grid;\r\ngrid-template-columns:1.1fr 0.9fr;\r\ngap:60px;\r\nalign-items:start;\r\n}\r\n\r\n\/* ===== Left Side: Pricing ===== *\/\r\n.wdcbd-pricing h2{\r\nfont-size:32px;\r\nline-height:1.3;\r\ncolor:var(--vc-blue);\r\nfont-weight:800;\r\nletter-spacing:-.01em;\r\nmargin:0 0 8px 0;\r\n}\r\n.wdcbd-pricing .wdcbd-price-highlight{\r\nfont-size:20px;\r\nfont-weight:700;\r\ncolor:var(--vc-orange);\r\nmargin:0 0 20px 0;\r\n}\r\n.wdcbd-pricing .wdcbd-intro{\r\nfont-size:16.5px;\r\nline-height:1.7;\r\ncolor:var(--vc-ink);\r\nmargin:0 0 16px 0;\r\nfont-weight:600;\r\n}\r\n\r\n\/* Factors List *\/\r\n.wdcbd-pricing .wdcbd-factors{\r\ndisplay:grid;\r\ngrid-template-columns:1fr 1fr;\r\ngap:10px;\r\nmargin:0 0 28px 0;\r\nlist-style:none;\r\npadding:0;\r\n}\r\n.wdcbd-pricing .wdcbd-factors li{\r\nfont-size:14.5px;\r\ncolor:var(--vc-muted);\r\npadding-left:22px;\r\nposition:relative;\r\nline-height:1.5;\r\n}\r\n.wdcbd-pricing .wdcbd-factors li::before{\r\ncontent:\"\u2022\";\r\ncolor:var(--vc-orange);\r\nfont-weight:700;\r\nfont-size:18px;\r\nposition:absolute;\r\nleft:0;\r\ntop:-2px;\r\n}\r\n\r\n\/* Pricing Cards *\/\r\n.wdcbd-pricing .wdcbd-cards{\r\ndisplay:flex;\r\nflex-direction:column;\r\ngap:16px;\r\nmargin:0 0 20px 0;\r\n}\r\n.wdcbd-pricing .wdcbd-card{\r\nbackground:#fff;\r\nborder:1px solid var(--vc-line);\r\nborder-radius:12px;\r\npadding:22px 24px;\r\ntransition:all .3s ease;\r\nposition:relative;\r\noverflow:hidden;\r\n}\r\n.wdcbd-pricing .wdcbd-card:hover{\r\nborder-color:var(--vc-orange);\r\nbox-shadow:0 8px 24px rgba(242,107,29,.10);\r\ntransform:translateY(-2px);\r\n}\r\n.wdcbd-pricing .wdcbd-card.featured{\r\nborder-color:var(--vc-orange);\r\nbackground:linear-gradient(to bottom right, #fff, #fff8f3);\r\n}\r\n.wdcbd-pricing .wdcbd-card.featured::before{\r\ncontent:\"Popular\";\r\nposition:absolute;\r\ntop:12px;\r\nright:-28px;\r\nbackground:var(--vc-orange);\r\ncolor:#fff;\r\nfont-size:11px;\r\nfont-weight:700;\r\npadding:4px 32px;\r\ntransform:rotate(45deg);\r\n}\r\n.wdcbd-pricing .wdcbd-card h3{\r\nfont-size:17px;\r\nfont-weight:700;\r\ncolor:var(--vc-blue);\r\nmargin:0 0 6px 0;\r\n}\r\n.wdcbd-pricing .wdcbd-card .wdcbd-card-price{\r\nfont-size:18px;\r\nfont-weight:800;\r\ncolor:var(--vc-orange);\r\nmargin:0 0 8px 0;\r\n}\r\n.wdcbd-pricing .wdcbd-card p{\r\nfont-size:14.5px;\r\nline-height:1.6;\r\ncolor:var(--vc-muted);\r\nmargin:0;\r\n}\r\n\r\n\/* Disclaimer *\/\r\n.wdcbd-pricing .wdcbd-disclaimer{\r\nfont-size:13.5px;\r\ncolor:var(--vc-muted);\r\nfont-style:italic;\r\nmargin:0 0 24px 0;\r\n}\r\n\r\n\/* CTA Button *\/\r\n.wdcbd-pricing .wdcbd-btn{\r\ndisplay:inline-flex;align-items:center;gap:10px;\r\nfont-weight:600;\r\nfont-size:15.5px;\r\npadding:15px 30px;\r\nborder-radius:30px;\r\ntext-decoration:none;\r\ntransition:all .3s ease;\r\ncursor:pointer;\r\nborder:0;\r\nfont-family:inherit;\r\nwhite-space:nowrap;\r\nbackground:var(--vc-orange);\r\ncolor:#fff;\r\nbox-shadow:0 10px 26px rgba(242,107,29,.40);\r\n}\r\n.wdcbd-pricing .wdcbd-btn svg{width:16px;height:16px;transition:transform .3s ease}\r\n.wdcbd-pricing .wdcbd-btn:hover{\r\nbackground:var(--vc-orange-2);\r\ntransform:translateY(-3px);\r\nbox-shadow:0 16px 36px rgba(242,107,29,.55);\r\n}\r\n.wdcbd-pricing .wdcbd-btn:hover svg{transform:translateX(3px)}\r\n\r\n\/* ===== Right Side: Why Choose Us ===== *\/\r\n.wdcbd-why-choose h2{\r\nfont-size:32px;\r\nline-height:1.3;\r\ncolor:var(--vc-blue);\r\nfont-weight:800;\r\nletter-spacing:-.01em;\r\nmargin:0 0 32px 0;\r\n}\r\n.wdcbd-why-choose .wdcbd-features-list{\r\ndisplay:flex;\r\nflex-direction:column;\r\ngap:20px;\r\n}\r\n.wdcbd-why-choose .wdcbd-feature{\r\ndisplay:flex;\r\ngap:16px;\r\nalign-items:flex-start;\r\n}\r\n.wdcbd-why-choose .wdcbd-feature-icon{\r\nfont-size:28px;\r\nline-height:1;\r\nflex-shrink:0;\r\nmargin-top:2px;\r\n}\r\n.wdcbd-why-choose .wdcbd-feature h3{\r\nfont-size:17px;\r\nfont-weight:700;\r\ncolor:var(--vc-ink);\r\nmargin:0 0 6px 0;\r\nline-height:1.3;\r\n}\r\n.wdcbd-why-choose .wdcbd-feature p{\r\nfont-size:15px;\r\nline-height:1.65;\r\ncolor:var(--vc-muted);\r\nmargin:0;\r\n}\r\n\r\n\/* ===========================================================\r\nRESPONSIVE\r\n=========================================================== *\/\r\n@media (max-width:992px){\r\n.wdcbd-pricing-why{padding:80px 0}\r\n.wdcbd-pricing-why .wdcbd-grid{grid-template-columns:1fr;gap:48px}\r\n.wdcbd-pricing h2, .wdcbd-why-choose h2{font-size:28px}\r\n}\r\n@media (max-width:768px){\r\n.wdcbd-pricing-why{padding:60px 0}\r\n.wdcbd-pricing h2, .wdcbd-why-choose h2{font-size:26px}\r\n.wdcbd-pricing .wdcbd-factors{grid-template-columns:1fr;gap:8px}\r\n.wdcbd-pricing .wdcbd-card{padding:20px}\r\n.wdcbd-why-choose .wdcbd-feature{gap:12px}\r\n.wdcbd-why-choose .wdcbd-feature-icon{font-size:24px}\r\n}\r\n@media (max-width:540px){\r\n.wdcbd-pricing-why{padding:50px 0}\r\n.wdcbd-pricing h2, .wdcbd-why-choose h2{font-size:24px}\r\n.wdcbd-pricing .wdcbd-btn{width:100%;justify-content:center;padding:14px 20px;font-size:15px}\r\n}\r\n<\/style>\r\n\r\n<!-- =====================================================\r\nE-COMMERCE WEBSITE DESIGN BANGLADESH \u2014 11th section\r\nPricing & Why Choose Us\r\n===================================================== -->\r\n<section class=\"wdcbd wdcbd-pricing-why\" id=\"ecommerce-pricing-why\">\r\n\r\n<div class=\"wdcbd-wrap\">\r\n\r\n<div class=\"wdcbd-grid\">\r\n\r\n<!-- ===== Left Side: Pricing ===== -->\r\n<div class=\"wdcbd-pricing\">\r\n\r\n<h2>E-commerce Website Pricing in Bangladesh<\/h2>\r\n<p class=\"wdcbd-price-highlight\">Online Store Starting From \u09f325,000*<\/p>\r\n\r\n<p class=\"wdcbd-intro\">\u0986\u09aa\u09a8\u09be\u09b0 Store-\u098f\u09b0 final cost \u09a8\u09bf\u09b0\u09cd\u09ad\u09b0 \u0995\u09b0\u09ac\u09c7:<\/p>\r\n\r\n<ul class=\"wdcbd-factors\">\r\n<li>Number of Products<\/li>\r\n<li>Product Variations<\/li>\r\n<li>Design Requirements<\/li>\r\n<li>E-commerce Features<\/li>\r\n<li>Payment Integration<\/li>\r\n<li>Shipping System<\/li>\r\n<li>Custom Functionality<\/li>\r\n<li>Content\/Product Upload<\/li>\r\n<li>SEO Requirements<\/li>\r\n<li>Hosting & Domain<\/li>\r\n<\/ul>\r\n\r\n<div class=\"wdcbd-cards\">\r\n\r\n<!-- Card 1 -->\r\n<div class=\"wdcbd-card\">\r\n<h3>Starter Online Store<\/h3>\r\n<p class=\"wdcbd-card-price\">Starting From \u09f325,000*<\/p>\r\n<p>Small online businesses-\u098f\u09b0 \u099c\u09a8\u09cd\u09af\u0964<\/p>\r\n<\/div>\r\n\r\n<!-- Card 2 -->\r\n<div class=\"wdcbd-card featured\">\r\n<h3>Professional E-commerce Store<\/h3>\r\n<p class=\"wdcbd-card-price\">Custom Quote<\/p>\r\n<p>More products, advanced features, integrations \u098f\u09ac\u0982 custom design-\u098f\u09b0 \u099c\u09a8\u09cd\u09af\u0964<\/p>\r\n<\/div>\r\n\r\n<!-- Card 3 -->\r\n<div class=\"wdcbd-card\">\r\n<h3>Custom E-commerce Solution<\/h3>\r\n<p class=\"wdcbd-card-price\">Custom Quote<\/p>\r\n<p>Complex functionality, custom integrations \u09ac\u09be unique business requirements-\u098f\u09b0 \u099c\u09a8\u09cd\u09af\u0964<\/p>\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<p class=\"wdcbd-disclaimer\">*Final pricing depends on project scope.<\/p>\r\n\r\n<!-- CTA -->\r\n<a href=\"https:\/\/spariqo.com\/bd\/contact-us\/\" class=\"wdcbd-btn\">\r\nGet Started\r\n<svg 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>\r\n<\/a>\r\n\r\n<\/div>\r\n\r\n<!-- ===== Right Side: Why Choose Us ===== -->\r\n<div class=\"wdcbd-why-choose\">\r\n\r\n<h2>Why Choose Spariqo\u2122?<\/h2>\r\n\r\n<div class=\"wdcbd-features-list\">\r\n\r\n<div class=\"wdcbd-feature\">\r\n<span class=\"wdcbd-feature-icon\">\ud83d\uded2<\/span>\r\n<div>\r\n<h3>E-commerce Focused<\/h3>\r\n<p>\u09b6\u09c1\u09a7\u09c1 Website \u09a8\u09af\u09bc Customer-\u098f\u09b0 shopping journey \u09a8\u09bf\u09af\u09bc\u09c7 \u0995\u09be\u099c \u0995\u09b0\u09bf\u0964<\/p>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"wdcbd-feature\">\r\n<span class=\"wdcbd-feature-icon\">\ud83c\udfa8<\/span>\r\n<div>\r\n<h3>Custom Design<\/h3>\r\n<p>\u0986\u09aa\u09a8\u09be\u09b0 Brand \u098f\u09ac\u0982 Product-\u098f\u09b0 \u09b8\u09be\u09a5\u09c7 match \u0995\u09b0\u09c7 design\u0964<\/p>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"wdcbd-feature\">\r\n<span class=\"wdcbd-feature-icon\">\ud83d\udcf1<\/span>\r\n<div>\r\n<h3>Mobile Shopping Experience<\/h3>\r\n<p>Mobile users-\u098f\u09b0 \u099c\u09a8\u09cd\u09af \u09b8\u09b9\u099c browsing \u098f\u09ac\u0982 purchasing journey\u0964<\/p>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"wdcbd-feature\">\r\n<span class=\"wdcbd-feature-icon\">\u26a1<\/span>\r\n<div>\r\n<h3>Performance Focus<\/h3>\r\n<p>Store \u09af\u09c7\u09a8 unnecessary elements-\u098f\u09b0 \u0995\u09be\u09b0\u09a3\u09c7 slow \u09a8\u09be \u09b9\u09af\u09bc\u09c7 \u09af\u09be\u09af\u09bc \u09b8\u09c7\u09a6\u09bf\u0995\u09c7 \u0997\u09c1\u09b0\u09c1\u09a4\u09cd\u09ac\u0964<\/p>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"wdcbd-feature\">\r\n<span class=\"wdcbd-feature-icon\">\ud83d\udd0d<\/span>\r\n<div>\r\n<h3>SEO-Aware<\/h3>\r\n<p>Product, Category \u098f\u09ac\u0982 Business information search-friendly structure-\u098f organize \u0995\u09b0\u09be \u09b9\u09af\u09bc\u0964<\/p>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"wdcbd-feature\">\r\n<span class=\"wdcbd-feature-icon\">\ud83e\udd1d<\/span>\r\n<div>\r\n<h3>Clear Communication<\/h3>\r\n<p>Features, scope \u098f\u09ac\u0982 requirements \u0986\u0997\u09c7 \u09aa\u09b0\u09bf\u09b7\u09cd\u0995\u09be\u09b0 \u0995\u09b0\u09be \u09b9\u09af\u09bc\u0964<\/p>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"wdcbd-feature\">\r\n<span class=\"wdcbd-feature-icon\">\ud83d\ude80<\/span>\r\n<div>\r\n<h3>Built to Grow<\/h3>\r\n<p>Product \u098f\u09ac\u0982 Customer \u09ac\u09be\u09a1\u09bc\u09be\u09b0 \u09b8\u09be\u09a5\u09c7 Store expand \u0995\u09b0\u09be\u09b0 \u09b8\u09c1\u09af\u09cb\u0997 \u09b0\u09be\u0996\u09be \u09b9\u09af\u09bc\u0964<\/p>\r\n<\/div>\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-938ebb1 e-con-full e-flex e-con e-parent\" data-id=\"938ebb1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5a6e2ee elementor-widget elementor-widget-html\" data-id=\"5a6e2ee\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\nSpariqo \u2014 E-COMMERCE WEBSITE DESIGN BANGLADESH\r\n12th section (FAQ)\r\nPaste: Elementor \u2192 HTML Widget\r\n============================================================ -->\r\n\r\n<style>\r\n\/* ===========================================================\r\nFAQ SECTION\r\n=========================================================== *\/\r\n.wdcbd-faq{\r\nfont-family:var(--vc-font);\r\nposition:relative;\r\npadding:100px 0;\r\nbackground:#ffffff;\r\noverflow:hidden;\r\n}\r\n.wdcbd-faq .wdcbd-wrap{\r\nposition:relative;\r\nz-index:1;\r\nmax-width:900px;\r\nmargin:0 auto;\r\npadding:0 24px;\r\n}\r\n\r\n\/* Section Heading *\/\r\n.wdcbd-faq h2{\r\nfont-size:36px;\r\nline-height:1.3;\r\ncolor:var(--vc-blue);\r\nfont-weight:800;\r\nletter-spacing:-.01em;\r\nmargin:0 auto 48px;\r\ntext-align:center;\r\nmax-width:800px;\r\n}\r\n\r\n\/* FAQ List *\/\r\n.wdcbd-faq .wdcbd-faq-list{\r\ndisplay:flex;\r\nflex-direction:column;\r\ngap:14px;\r\n}\r\n\r\n\/* FAQ Item *\/\r\n.wdcbd-faq .wdcbd-faq-item{\r\nbackground:#fafaf7;\r\nborder:1px solid var(--vc-line);\r\nborder-radius:12px;\r\noverflow:hidden;\r\ntransition:all .3s ease;\r\n}\r\n.wdcbd-faq .wdcbd-faq-item:hover{\r\nborder-color:var(--vc-orange-soft);\r\nbox-shadow:0 4px 16px rgba(21,58,140,.06);\r\n}\r\n.wdcbd-faq .wdcbd-faq-item.active{\r\nborder-color:var(--vc-orange);\r\nbackground:#fff;\r\nbox-shadow:0 8px 24px rgba(242,107,29,.10);\r\n}\r\n\r\n\/* FAQ Question *\/\r\n.wdcbd-faq .wdcbd-faq-question{\r\nwidth:100%;\r\nbackground:none;\r\nborder:none;\r\npadding:22px 56px 22px 24px;\r\ntext-align:left;\r\nfont-size:17px;\r\nfont-weight:700;\r\ncolor:var(--vc-ink);\r\ncursor:pointer;\r\nfont-family:inherit;\r\nline-height:1.5;\r\nposition:relative;\r\ntransition:color .3s ease;\r\n}\r\n.wdcbd-faq .wdcbd-faq-item.active .wdcbd-faq-question{\r\ncolor:var(--vc-blue);\r\n}\r\n\r\n\/* FAQ Icon *\/\r\n.wdcbd-faq .wdcbd-faq-question::after{\r\ncontent:\"+\";\r\nposition:absolute;\r\nright:24px;\r\ntop:50%;\r\ntransform:translateY(-50%);\r\nwidth:28px;\r\nheight:28px;\r\nbackground:var(--vc-orange-soft);\r\ncolor:var(--vc-blue);\r\nborder-radius:50%;\r\ndisplay:flex;\r\nalign-items:center;\r\njustify-content:center;\r\nfont-size:20px;\r\nfont-weight:700;\r\ntransition:all .3s ease;\r\n}\r\n.wdcbd-faq .wdcbd-faq-item.active .wdcbd-faq-question::after{\r\ncontent:\"\u2212\";\r\nbackground:var(--vc-orange);\r\ncolor:#fff;\r\ntransform:translateY(-50%) rotate(180deg);\r\n}\r\n\r\n\/* FAQ Answer *\/\r\n.wdcbd-faq .wdcbd-faq-answer{\r\nmax-height:0;\r\noverflow:hidden;\r\ntransition:max-height .4s ease, padding .3s ease;\r\n}\r\n.wdcbd-faq .wdcbd-faq-item.active .wdcbd-faq-answer{\r\nmax-height:500px;\r\n}\r\n.wdcbd-faq .wdcbd-faq-answer-inner{\r\npadding:0 24px 22px 24px;\r\nfont-size:15.5px;\r\nline-height:1.75;\r\ncolor:var(--vc-muted);\r\n}\r\n\r\n\/* ===========================================================\r\nRESPONSIVE\r\n=========================================================== *\/\r\n@media (max-width:992px){\r\n.wdcbd-faq{padding:80px 0}\r\n.wdcbd-faq h2{font-size:30px;margin-bottom:40px}\r\n}\r\n@media (max-width:768px){\r\n.wdcbd-faq{padding:60px 0}\r\n.wdcbd-faq h2{font-size:26px;margin-bottom:32px}\r\n.wdcbd-faq .wdcbd-faq-question{font-size:16px;padding:20px 50px 20px 20px}\r\n.wdcbd-faq .wdcbd-faq-question::after{right:20px;width:26px;height:26px;font-size:18px}\r\n.wdcbd-faq .wdcbd-faq-answer-inner{padding:0 20px 20px 20px;font-size:15px}\r\n}\r\n@media (max-width:540px){\r\n.wdcbd-faq{padding:50px 0}\r\n.wdcbd-faq h2{font-size:24px;margin-bottom:28px}\r\n.wdcbd-faq .wdcbd-faq-question{font-size:15px;padding:18px 46px 18px 18px}\r\n.wdcbd-faq .wdcbd-faq-question::after{right:18px;width:24px;height:24px;font-size:17px}\r\n.wdcbd-faq .wdcbd-faq-answer-inner{padding:0 18px 18px 18px;font-size:14.5px;line-height:1.7}\r\n}\r\n<\/style>\r\n\r\n<!-- =====================================================\r\nE-COMMERCE WEBSITE DESIGN BANGLADESH \u2014 12th section\r\nFAQ\r\n===================================================== -->\r\n<section class=\"wdcbd wdcbd-faq\" id=\"ecommerce-faq\">\r\n\r\n<div class=\"wdcbd-wrap\">\r\n\r\n<!-- ===== Heading ===== -->\r\n<h2>Frequently Asked Questions<\/h2>\r\n\r\n<!-- ===== FAQ List ===== -->\r\n<div class=\"wdcbd-faq-list\">\r\n\r\n<!-- FAQ 1 -->\r\n<div class=\"wdcbd-faq-item\">\r\n<button class=\"wdcbd-faq-question\">\u09ac\u09be\u0982\u09b2\u09be\u09a6\u09c7\u09b6\u09c7 E-commerce Website \u09ac\u09be\u09a8\u09be\u09a4\u09c7 \u0995\u09a4 \u099f\u09be\u0995\u09be \u09b2\u09be\u0997\u09c7?<\/button>\r\n<div class=\"wdcbd-faq-answer\">\r\n<div class=\"wdcbd-faq-answer-inner\">\r\n\u098f\u0995\u099f\u09bf basic online store \u09f325,000 \u09a5\u09c7\u0995\u09c7 \u09b6\u09c1\u09b0\u09c1 \u09b9\u09a4\u09c7 \u09aa\u09be\u09b0\u09c7\u0964 \u09a4\u09ac\u09c7 Product structure, payment, shipping, custom features \u098f\u09ac\u0982 design requirements \u0985\u09a8\u09c1\u09af\u09be\u09af\u09bc\u09c0 final cost \u09aa\u09b0\u09bf\u09ac\u09b0\u09cd\u09a4\u09bf\u09a4 \u09b9\u09af\u09bc\u0964\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<!-- FAQ 2 -->\r\n<div class=\"wdcbd-faq-item\">\r\n<button class=\"wdcbd-faq-question\">Unlimited Product add \u0995\u09b0\u09be \u09af\u09be\u09ac\u09c7?<\/button>\r\n<div class=\"wdcbd-faq-answer\">\r\n<div class=\"wdcbd-faq-answer-inner\">\r\n\u09b9\u09cd\u09af\u09be\u0981\u0964 Website infrastructure \u098f\u09ac\u0982 hosting resources \u0985\u09a8\u09c1\u09af\u09be\u09af\u09bc\u09c0 WooCommerce-based store-\u098f \u0985\u09a8\u09c7\u0995 Product add \u0995\u09b0\u09be \u09af\u09be\u09af\u09bc\u0964\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<!-- FAQ 3 -->\r\n<div class=\"wdcbd-faq-item\">\r\n<button class=\"wdcbd-faq-question\">bKash\/Nagad \u09ac\u09be \u0985\u09a8\u09cd\u09af payment gateway integrate \u0995\u09b0\u09be \u09af\u09be\u09ac\u09c7?<\/button>\r\n<div class=\"wdcbd-faq-answer\">\r\n<div class=\"wdcbd-faq-answer-inner\">\r\n\u0986\u09aa\u09a8\u09be\u09b0 Business-\u098f\u09b0 \u099c\u09a8\u09cd\u09af available \u098f\u09ac\u0982 suitable payment gateway-\u098f\u09b0 technical requirements \u0985\u09a8\u09c1\u09af\u09be\u09af\u09bc\u09c0 integration \u0995\u09b0\u09be \u09af\u09c7\u09a4\u09c7 \u09aa\u09be\u09b0\u09c7\u0964\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<!-- FAQ 4 -->\r\n<div class=\"wdcbd-faq-item\">\r\n<button class=\"wdcbd-faq-question\">WooCommerce \u09a6\u09bf\u09af\u09bc\u09c7 E-commerce Website \u09ac\u09be\u09a8\u09be\u09a8?<\/button>\r\n<div class=\"wdcbd-faq-answer\">\r\n<div class=\"wdcbd-faq-answer-inner\">\r\n\u09b9\u09cd\u09af\u09be\u0981\u0964 WooCommerce \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09c7 Product, Cart, Checkout, Orders, Customers \u098f\u09ac\u0982 \u0985\u09a8\u09cd\u09af\u09be\u09a8\u09cd\u09af E-commerce functionality \u09a4\u09c8\u09b0\u09bf \u0995\u09b0\u09be \u09af\u09be\u09af\u09bc\u0964\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<!-- FAQ 5 -->\r\n<div class=\"wdcbd-faq-item\">\r\n<button class=\"wdcbd-faq-question\">\u0986\u09ae\u09bf \u09a8\u09bf\u099c\u09c7 Product add \u0995\u09b0\u09a4\u09c7 \u09aa\u09be\u09b0\u09ac?<\/button>\r\n<div class=\"wdcbd-faq-answer\">\r\n<div class=\"wdcbd-faq-answer-inner\">\r\n\u09b9\u09cd\u09af\u09be\u0981\u0964 WooCommerce-based Website \u09b9\u09b2\u09c7 \u0986\u09aa\u09a8\u09bf dashboard \u09a5\u09c7\u0995\u09c7 Product, price, image, stock, category \u098f\u09ac\u0982 \u0985\u09a8\u09cd\u09af\u09be\u09a8\u09cd\u09af information manage \u0995\u09b0\u09a4\u09c7 \u09aa\u09be\u09b0\u09ac\u09c7\u09a8\u0964\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<!-- FAQ 6 -->\r\n<div class=\"wdcbd-faq-item\">\r\n<button class=\"wdcbd-faq-question\">Mobile \u09a5\u09c7\u0995\u09c7 Order \u0995\u09b0\u09be \u09af\u09be\u09ac\u09c7?<\/button>\r\n<div class=\"wdcbd-faq-answer\">\r\n<div class=\"wdcbd-faq-answer-inner\">\r\n\u09b9\u09cd\u09af\u09be\u0981\u0964 Website responsive \u098f\u09ac\u0982 mobile-friendly \u09b9\u09b2\u09c7 Customer mobile \u09a5\u09c7\u0995\u09c7\u0987 Product browse, Cart \u098f\u09ac\u0982 Checkout \u0995\u09b0\u09a4\u09c7 \u09aa\u09be\u09b0\u09ac\u09c7\u0964\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<!-- FAQ 7 -->\r\n<div class=\"wdcbd-faq-item\">\r\n<button class=\"wdcbd-faq-question\">Product upload \u0995\u09b0\u09c7 \u09a6\u09c7\u09ac\u09c7\u09a8?<\/button>\r\n<div class=\"wdcbd-faq-answer\">\r\n<div class=\"wdcbd-faq-answer-inner\">\r\nInitial Product upload project scope \u098f\u09ac\u0982 package \u0985\u09a8\u09c1\u09af\u09be\u09af\u09bc\u09c0 \u0995\u09b0\u09be \u09af\u09c7\u09a4\u09c7 \u09aa\u09be\u09b0\u09c7\u0964 \u0995\u09a4\u0997\u09c1\u09b2\u09cb Product upload \u0995\u09b0\u09be \u09b9\u09ac\u09c7 \u09a4\u09be project \u09b6\u09c1\u09b0\u09c1 \u0995\u09b0\u09be\u09b0 \u0986\u0997\u09c7 clearly define \u0995\u09b0\u09be \u09b9\u09ac\u09c7\u0964\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<!-- FAQ 8 -->\r\n<div class=\"wdcbd-faq-item\">\r\n<button class=\"wdcbd-faq-question\">Facebook Pixel \/ Google Analytics setup \u0995\u09b0\u09be \u09af\u09be\u09ac\u09c7?<\/button>\r\n<div class=\"wdcbd-faq-answer\">\r\n<div class=\"wdcbd-faq-answer-inner\">\r\n\u09b9\u09cd\u09af\u09be\u0981\u0964 Project requirements \u0985\u09a8\u09c1\u09af\u09be\u09af\u09bc\u09c0 analytics \u098f\u09ac\u0982 advertising tracking setup \u0995\u09b0\u09be \u09af\u09c7\u09a4\u09c7 \u09aa\u09be\u09b0\u09c7\u0964\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<!-- FAQ 9 -->\r\n<div class=\"wdcbd-faq-item\">\r\n<button class=\"wdcbd-faq-question\">Existing E-commerce Website redesign \u0995\u09b0\u09be \u09af\u09be\u09ac\u09c7?<\/button>\r\n<div class=\"wdcbd-faq-answer\">\r\n<div class=\"wdcbd-faq-answer-inner\">\r\n\u09b9\u09cd\u09af\u09be\u0981\u0964 Existing store review \u0995\u09b0\u09c7 UX, mobile experience, product structure, speed \u098f\u09ac\u0982 conversion-related issues identify \u0995\u09b0\u09c7 redesign \u0995\u09b0\u09be \u09af\u09be\u09af\u09bc\u0964\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<!-- FAQ 10 -->\r\n<div class=\"wdcbd-faq-item\">\r\n<button class=\"wdcbd-faq-question\">Website launch-\u098f\u09b0 \u09aa\u09b0\u09c7 support \u09aa\u09be\u09ac?<\/button>\r\n<div class=\"wdcbd-faq-answer\">\r\n<div class=\"wdcbd-faq-answer-inner\">\r\nSelected package \u098f\u09ac\u0982 requirements \u0985\u09a8\u09c1\u09af\u09be\u09af\u09bc\u09c0 post-launch technical support \u09a6\u09c7\u0993\u09af\u09bc\u09be \u09af\u09c7\u09a4\u09c7 \u09aa\u09be\u09b0\u09c7\u0964\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n<\/section>\r\n\r\n<script>\r\n\/* =====================================================\r\nE-COMMERCE FAQ JS (accordion toggle)\r\n===================================================== *\/\r\n(function(){\r\n\r\ndocument.querySelectorAll('.wdcbd-faq .wdcbd-faq-question').forEach(button => {\r\nbutton.addEventListener('click', function(){\r\nconst item = this.parentElement;\r\nconst isActive = item.classList.contains('active');\r\n\r\n\/\/ Close all other items\r\ndocument.querySelectorAll('.wdcbd-faq .wdcbd-faq-item').forEach(otherItem => {\r\notherItem.classList.remove('active');\r\n});\r\n\r\n\/\/ Toggle current item\r\nif (!isActive) {\r\nitem.classList.add('active');\r\n}\r\n});\r\n});\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6be6bd2 e-con-full e-flex e-con e-parent\" data-id=\"6be6bd2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e433812 elementor-widget elementor-widget-html\" data-id=\"e433812\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\nSpariqo \u2014 E-COMMERCE WEBSITE DESIGN BANGLADESH\r\n13th section (Final CTA - Light Version)\r\nPaste: Elementor \u2192 HTML Widget\r\n============================================================ -->\r\n\r\n<style>\r\n\/* ===========================================================\r\nFINAL CTA SECTION (Light Version)\r\n=========================================================== *\/\r\n.wdcbd-cta-final{\r\nfont-family:var(--vc-font);\r\nposition:relative;\r\npadding:80px 0;\r\nbackground:#ffffff;\r\noverflow:hidden;\r\n}\r\n.wdcbd-cta-final .wdcbd-wrap{\r\nposition:relative;\r\nz-index:1;\r\nmax-width:780px;\r\nmargin:0 auto;\r\npadding:0 24px;\r\ntext-align:center;\r\n}\r\n\r\n\/* Decorative background elements *\/\r\n.wdcbd-cta-final::before{\r\ncontent:\"\";\r\nposition:absolute;\r\ntop:-60px;\r\nleft:50%;\r\ntransform:translateX(-50%);\r\nwidth:500px;\r\nheight:500px;\r\nbackground:radial-gradient(circle, rgba(242,107,29,.08) 0%, transparent 70%);\r\nborder-radius:50%;\r\npointer-events:none;\r\nz-index:0;\r\n}\r\n\r\n\/* Main heading *\/\r\n.wdcbd-cta-final h2{\r\nfont-size:34px;\r\nline-height:1.3;\r\ncolor:var(--vc-blue);\r\nfont-weight:800;\r\nletter-spacing:-.01em;\r\nmargin:0 auto 24px;\r\nmax-width:640px;\r\n}\r\n\r\n\/* Intro paragraph *\/\r\n.wdcbd-cta-final .wdcbd-cta-intro{\r\nfont-size:17.5px;\r\nline-height:1.75;\r\ncolor:var(--vc-ink);\r\nmargin:0 auto 16px;\r\nmax-width:600px;\r\n}\r\n\r\n\/* Highlight paragraph *\/\r\n.wdcbd-cta-final .wdcbd-cta-highlight{\r\nfont-size:17.5px;\r\nline-height:1.75;\r\ncolor:var(--vc-muted);\r\nmargin:0 auto 12px;\r\nmax-width:600px;\r\n}\r\n\r\n\/* Closing line with heart *\/\r\n.wdcbd-cta-final .wdcbd-cta-closing{\r\nfont-size:18px;\r\nline-height:1.75;\r\ncolor:var(--vc-ink);\r\nfont-weight:600;\r\nmargin:0 auto 36px;\r\nmax-width:600px;\r\n}\r\n.wdcbd-cta-final .wdcbd-cta-closing .vc-heart{\r\ncolor:#e74c3c;\r\ndisplay:inline-block;\r\nanimation:vcHeartBeat 1.6s ease-in-out infinite;\r\n}\r\n@keyframes vcHeartBeat{\r\n0%,100%{transform:scale(1)}\r\n15%{transform:scale(1.2)}\r\n30%{transform:scale(1)}\r\n45%{transform:scale(1.15)}\r\n60%{transform:scale(1)}\r\n}\r\n\r\n\/* CTA Button *\/\r\n.wdcbd-cta-final .wdcbd-cta-btn{\r\ndisplay:inline-flex;\r\nalign-items:center;\r\ngap:10px;\r\nbackground:var(--vc-orange);\r\ncolor:#fff;\r\nfont-weight:700;\r\nfont-size:16.5px;\r\npadding:17px 36px;\r\nborder-radius:40px;\r\ntext-decoration:none;\r\ntransition:all .3s ease;\r\nbox-shadow:0 10px 28px rgba(242,107,29,.35);\r\n}\r\n.wdcbd-cta-final .wdcbd-cta-btn svg{\r\nwidth:18px;\r\nheight:18px;\r\ntransition:transform .3s ease;\r\n}\r\n.wdcbd-cta-final .wdcbd-cta-btn:hover{\r\nbackground:var(--vc-orange-2);\r\ntransform:translateY(-3px);\r\nbox-shadow:0 16px 40px rgba(242,107,29,.50);\r\n}\r\n.wdcbd-cta-final .wdcbd-cta-btn:hover svg{\r\ntransform:translateX(4px);\r\n}\r\n\r\n\/* ===========================================================\r\nRESPONSIVE\r\n=========================================================== *\/\r\n@media (max-width:992px){\r\n.wdcbd-cta-final{padding:70px 0}\r\n.wdcbd-cta-final h2{font-size:30px}\r\n}\r\n@media (max-width:768px){\r\n.wdcbd-cta-final{padding:60px 0}\r\n.wdcbd-cta-final h2{font-size:26px;margin-bottom:20px}\r\n.wdcbd-cta-final .wdcbd-cta-intro,\r\n.wdcbd-cta-final .wdcbd-cta-highlight,\r\n.wdcbd-cta-final .wdcbd-cta-closing{font-size:16.5px}\r\n.wdcbd-cta-final .wdcbd-cta-btn{font-size:15.5px;padding:15px 30px}\r\n}\r\n@media (max-width:540px){\r\n.wdcbd-cta-final{padding:50px 0}\r\n.wdcbd-cta-final h2{font-size:24px}\r\n.wdcbd-cta-final .wdcbd-cta-intro,\r\n.wdcbd-cta-final .wdcbd-cta-highlight,\r\n.wdcbd-cta-final .wdcbd-cta-closing{font-size:15.5px}\r\n.wdcbd-cta-final .wdcbd-cta-btn{width:100%;justify-content:center;padding:16px 24px;font-size:16px}\r\n}\r\n<\/style>\r\n\r\n<!-- =====================================================\r\nE-COMMERCE WEBSITE DESIGN BANGLADESH \u2014 13th section\r\nFinal CTA (Light Version)\r\n===================================================== -->\r\n<section class=\"wdcbd wdcbd-cta-final\" id=\"ecommerce-cta-final\">\r\n\r\n<div class=\"wdcbd-wrap\">\r\n\r\n<!-- ===== Heading ===== -->\r\n<h2>Ready to Take Your Business Online?<\/h2>\r\n\r\n<!-- ===== Intro ===== -->\r\n<p class=\"wdcbd-cta-intro\">\r\n\u0986\u09aa\u09a8\u09be\u09b0 Products \u098f\u0996\u09a8 \u09b6\u09c1\u09a7\u09c1 Facebook-\u098f \u09a8\u09af\u09bc \u09a8\u09bf\u099c\u09c7\u09b0 Online Store-\u098f\u0993 \u09a5\u09be\u0995\u09c1\u0995\u0964\r\n<\/p>\r\n\r\n<!-- ===== Highlight ===== -->\r\n<p class=\"wdcbd-cta-highlight\">\r\n\u0986\u09aa\u09a8\u09be\u09b0 Products, Business \u098f\u09ac\u0982 requirements \u0986\u09ae\u09be\u09a6\u09c7\u09b0 \u09b8\u09be\u09a5\u09c7 share \u0995\u09b0\u09c1\u09a8\u0964\r\n<\/p>\r\n\r\n<!-- ===== Closing ===== -->\r\n<p class=\"wdcbd-cta-closing\">\r\n\u099a\u09b2\u09c1\u09a8, \u0986\u09aa\u09a8\u09be\u09b0 \u099c\u09a8\u09cd\u09af \u098f\u0995\u099f\u09bf Professional E-commerce Website \u09a4\u09c8\u09b0\u09bf \u0995\u09b0\u09bf\u0964 <span class=\"vc-heart\">\u2764\ufe0f<\/span>\r\n<\/p>\r\n\r\n<!-- ===== CTA Button ===== -->\r\n<a href=\"https:\/\/spariqo.com\/bd\/contact-us\/\" class=\"wdcbd-cta-btn\">\r\n\ud83d\uded2 Start Your Online Store\r\n<svg 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>\r\n<\/a>\r\n\r\n<\/div>\r\n<\/section>\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>\u09ac\u09be\u0982\u09b2\u09be\u09a6\u09c7\u09b6\u09c7\u09b0 \u09b6\u09c0\u09b0\u09cd\u09b7 \u0993\u09af\u09bc\u09c7\u09ac \u09a1\u09bf\u099c\u09be\u0987\u09a8 \u098f\u099c\u09c7\u09a8\u09cd\u09b8\u09bf E-commerce Website Design in Bangladesh \u0986\u09aa\u09a8\u09be\u09b0 Business-\u098f\u09b0 \u099c\u09a8\u09cd\u09af \u09a8\u09bf\u099c\u09c7\u09b0 \u098f\u0995\u099f\u09bf Professional Online Store \u09a4\u09c8\u09b0\u09bf \u0995\u09b0\u09c1\u09a8 Facebook-\u098f product sell \u0995\u09b0\u099b\u09c7\u09a8? Messenger-\u098f order \u09a8\u09bf\u099a\u09cd\u099b\u09c7\u09a8? Customer \u09ac\u09be\u09b0\u09ac\u09be\u09b0 product price, size \u09ac\u09be availability \u099c\u09bf\u099c\u09cd\u099e\u09c7\u09b8 \u0995\u09b0\u099b\u09c7? \u098f\u09ac\u09be\u09b0 \u0986\u09aa\u09a8\u09be\u09b0 Business-\u098f\u09b0 \u099c\u09a8\u09cd\u09af \u09a8\u09bf\u099c\u09c7\u09b0 \u098f\u0995\u099f\u09bf E-commerce Website \u09ac\u09be\u09a8\u09bf\u09af\u09bc\u09c7 \u09a8\u09bf\u09a8\u0964 Spariqo\u2122 \u09a4\u09c8\u09b0\u09bf \u0995\u09b0\u09c7 Bangladesh-\u098f\u09b0 online sellers \u098f\u09ac\u0982 growing businesses-\u098f\u09b0 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":640,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-632","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/spariqo.com\/bd\/wp-json\/wp\/v2\/pages\/632","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/spariqo.com\/bd\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/spariqo.com\/bd\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/spariqo.com\/bd\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/spariqo.com\/bd\/wp-json\/wp\/v2\/comments?post=632"}],"version-history":[{"count":73,"href":"https:\/\/spariqo.com\/bd\/wp-json\/wp\/v2\/pages\/632\/revisions"}],"predecessor-version":[{"id":2415,"href":"https:\/\/spariqo.com\/bd\/wp-json\/wp\/v2\/pages\/632\/revisions\/2415"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/spariqo.com\/bd\/wp-json\/wp\/v2\/media\/640"}],"wp:attachment":[{"href":"https:\/\/spariqo.com\/bd\/wp-json\/wp\/v2\/media?parent=632"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}