{"id":341,"date":"2026-08-20T09:35:22","date_gmt":"2026-08-20T09:35:22","guid":{"rendered":"https:\/\/spariqo.com\/bd\/?page_id=341"},"modified":"2026-08-30T03:25:11","modified_gmt":"2026-08-30T03:25:11","slug":"website-design-services-in-bangladesh","status":"publish","type":"page","link":"https:\/\/spariqo.com\/bd\/website-design-services-in-bangladesh\/","title":{"rendered":"Website Design Services in Bangladesh"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"341\" class=\"elementor elementor-341\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-768f0ed e-con-full e-flex e-con e-parent\" data-id=\"768f0ed\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a479317 elementor-widget elementor-widget-html\" data-id=\"a479317\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     SPARIQO \u2014 Website Design Services in Bangladesh\r\n     1st Hero Section (Content preserved exactly as given)\r\n     Same design as Portfolio Hero, with WDS prefix\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-wds *,.vc-wds *::before,.vc-wds *::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-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   HERO SECTION\r\n   =========================================================== *\/\r\n.vc-wds{\r\n  font-family:var(--vc-font);\r\n  position:relative;\r\n  overflow:hidden;\r\n  padding:160px 0 100px;\r\n  background:#fafaf7;\r\n  isolation:isolate;\r\n  background-image:\r\n    radial-gradient(at 12% 18%, rgba(21,58,140,.10) 0%, transparent 45%),\r\n    radial-gradient(at 88% 22%, rgba(242,107,29,.12) 0%, transparent 45%),\r\n    radial-gradient(at 75% 85%, rgba(21,58,140,.08) 0%, transparent 50%),\r\n    radial-gradient(at 18% 90%, rgba(242,107,29,.08) 0%, transparent 45%);\r\n}\r\n.vc-wds::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n  background-image:radial-gradient(rgba(21,58,140,.12) 1px, transparent 1px);\r\n  background-size:32px 32px;\r\n  opacity:.5;\r\n  pointer-events:none;\r\n  z-index:0;\r\n  -webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 50%, transparent 30%, #000 90%);\r\n  mask-image:radial-gradient(ellipse 80% 60% at 50% 50%, transparent 30%, #000 90%);\r\n}\r\n.vc-wds::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n  background-image:\r\n    linear-gradient(rgba(21,58,140,.04) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(21,58,140,.04) 1px, transparent 1px);\r\n  background-size:80px 80px;\r\n  opacity:.6;\r\n  pointer-events:none;\r\n  z-index:0;\r\n  -webkit-mask-image:linear-gradient(180deg, #000 0%, #000 60%, transparent 100%);\r\n  mask-image:linear-gradient(180deg, #000 0%, #000 60%, transparent 100%);\r\n}\r\n\r\n\/* Floating background dots *\/\r\n.vc-wds .vc-bg-dot{\r\n  position:absolute;\r\n  border-radius:50%;\r\n  z-index:0;\r\n  pointer-events:none;\r\n}\r\n.vc-wds .vc-bg-dot-1{\r\n  width:14px;height:14px;\r\n  background:var(--vc-orange);\r\n  top:25%;left:10%;\r\n  opacity:.35;\r\n  animation:vcWdsDot 6s ease-in-out infinite;\r\n}\r\n.vc-wds .vc-bg-dot-2{\r\n  width:9px;height:9px;\r\n  background:var(--vc-blue);\r\n  bottom:25%;left:18%;\r\n  opacity:.4;\r\n  animation:vcWdsDot 5s ease-in-out infinite 1.2s;\r\n}\r\n.vc-wds .vc-bg-dot-3{\r\n  width:11px;height:11px;\r\n  background:var(--vc-orange-soft);\r\n  top:60%;right:14%;\r\n  opacity:.5;\r\n  animation:vcWdsDot 7s ease-in-out infinite .6s;\r\n}\r\n@keyframes vcWdsDot{\r\n  0%,100%{transform:translateY(0)}\r\n  50%    {transform:translateY(-22px)}\r\n}\r\n\r\n\/* Container *\/\r\n.vc-wds .vc-wds-wrap{\r\n  position:relative;z-index:1;\r\n  max-width:1200px;\r\n  margin:0 auto;\r\n  padding:0 24px;\r\n  text-align:center;\r\n}\r\n\r\n\/* ===========================================================\r\n   BADGE\r\n   =========================================================== *\/\r\n.vc-wds .vc-wds-badge{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:8px;\r\n  background:rgba(255,255,255,.7);\r\n  border:1px solid var(--vc-line);\r\n  padding:6px 16px;\r\n  border-radius:30px;\r\n  margin-bottom:22px;\r\n  font-size:13px;\r\n  color:var(--vc-muted);\r\n  font-weight:500;\r\n  box-shadow:0 4px 12px rgba(20,40,100,.06);\r\n  animation:vcWdsFadeUp .8s ease-out backwards;\r\n}\r\n.vc-wds .vc-wds-badge a{\r\n  color:var(--vc-blue);\r\n  text-decoration:none;\r\n  font-weight:600;\r\n  transition:color .3s ease;\r\n}\r\n.vc-wds .vc-wds-badge a:hover{color:var(--vc-orange)}\r\n.vc-wds .vc-wds-badge .vc-curr-sep{\r\n  color:var(--vc-orange);\r\n  font-weight:700;\r\n  margin:0 2px;\r\n}\r\n.vc-wds .vc-wds-badge .vc-curr-active{\r\n  color:var(--vc-ink);\r\n  font-weight:600;\r\n}\r\n\r\n\/* ===========================================================\r\n   HEADING (preserved exactly)\r\n   =========================================================== *\/\r\n.vc-wds h1{\r\n  font-size:48px;\r\n  line-height:1.18;\r\n  color:var(--vc-blue);\r\n  font-weight:800;\r\n  letter-spacing:-.02em;\r\n  margin:0 auto 18px;\r\n  max-width:1200px;\r\n  animation:vcWdsFadeUp .8s ease-out .15s backwards;\r\n}\r\n.vc-wds h1 .vc-wds-accent{\r\n  color:var(--vc-orange);\r\n  position:relative;\r\n  display:inline-block;\r\n}\r\n.vc-wds h1 .vc-wds-accent::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  bottom:4px;left:0;\r\n  width:100%;height:14px;\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@keyframes vcWdsFadeUp{\r\n  from{opacity:0;transform:translateY(28px)}\r\n  to  {opacity:1;transform:translateY(0)}\r\n}\r\n\r\n\/* ===========================================================\r\n   LEAD PARAGRAPH (preserved exactly)\r\n   =========================================================== *\/\r\n.vc-wds .vc-wds-lead{\r\n  color:var(--vc-muted);\r\n  max-width:1160px;\r\n  margin:0 auto 28px;\r\n  font-size:17.5px;\r\n  line-height:1.7;\r\n  animation:vcWdsFadeUp .8s ease-out .25s backwards;\r\n  text-align:center;\r\n}\r\n\r\n\/* ===========================================================\r\n   SERVICE TAGS ROW (preserved exactly)\r\n   =========================================================== *\/\r\n.vc-wds .vc-wds-tags{\r\n  display:flex;\r\n  flex-wrap:wrap;\r\n  justify-content:center;\r\n  gap:10px;\r\n  margin:0 auto 32px;\r\n  max-width:1180px;\r\n  animation:vcWdsFadeUp .8s ease-out .3s backwards;\r\n}\r\n.vc-wds .vc-wds-tag{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  padding:10px 20px;\r\n  background:#fff;\r\n  border:1.5px solid var(--vc-line);\r\n  border-radius:30px;\r\n  font-size:14px;\r\n  font-weight:600;\r\n  color:var(--vc-ink);\r\n  transition:all .3s ease;\r\n  cursor:default;\r\n  position:relative;\r\n}\r\n.vc-wds .vc-wds-tag::before{\r\n  content:\"\u2713\";\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  width:20px;height:20px;\r\n  background:rgba(40,167,69,.12);\r\n  color:#28a745;\r\n  border-radius:50%;\r\n  font-size:11px;\r\n  font-weight:700;\r\n  margin-right:8px;\r\n}\r\n.vc-wds .vc-wds-tag:hover{\r\n  border-color:var(--vc-orange);\r\n  background:rgba(242,107,29,.04);\r\n  transform:translateY(-2px);\r\n  box-shadow:0 6px 16px rgba(242,107,29,.12);\r\n}\r\n.vc-wds .vc-wds-tag:hover::before{\r\n  background:rgba(242,107,29,.15);\r\n  color:var(--vc-orange);\r\n}\r\n\r\n\/* ===========================================================\r\n   PRIMARY CTA BUTTON (preserved exactly)\r\n   =========================================================== *\/\r\n.vc-wds .vc-wds-cta-wrap{\r\n  margin:0 auto 30px;\r\n  animation:vcWdsFadeUp .8s ease-out .35s backwards;\r\n}\r\n.vc-wds .vc-wds-cta{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:12px;\r\n  padding:18px 42px;\r\n  background:var(--vc-orange);\r\n  color:#fff;\r\n  font-weight:700;\r\n  font-size:17px;\r\n  text-decoration:none;\r\n  border-radius:50px;\r\n  border:none;\r\n  cursor:pointer;\r\n  font-family:inherit;\r\n  box-shadow:0 12px 30px rgba(242,107,29,.4);\r\n  transition:all .3s ease;\r\n  position:relative;\r\n  overflow:hidden;\r\n}\r\n.vc-wds .vc-wds-cta::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  top:0;left:-100%;\r\n  width:100%;height:100%;\r\n  background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);\r\n  transition:left .6s ease;\r\n}\r\n.vc-wds .vc-wds-cta:hover::before{left:100%}\r\n.vc-wds .vc-wds-cta:hover{\r\n  background:var(--vc-orange-2);\r\n  transform:translateY(-3px);\r\n  box-shadow:0 18px 40px rgba(242,107,29,.55);\r\n}\r\n.vc-wds .vc-wds-cta svg{width:18px;height:18px;transition:transform .3s ease}\r\n.vc-wds .vc-wds-cta:hover svg{transform:translateX(4px)}\r\n\r\n\/* ===========================================================\r\n   CONTACT ROW (preserved exactly)\r\n   =========================================================== *\/\r\n.vc-wds .vc-wds-contact-row{\r\n  display:flex;\r\n  flex-wrap:wrap;\r\n  justify-content:center;\r\n  gap:14px;\r\n  max-width:680px;\r\n  margin:0 auto;\r\n  animation:vcWdsFadeUp .8s ease-out .4s backwards;\r\n}\r\n.vc-wds .vc-wds-contact{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:10px;\r\n  padding:12px 22px;\r\n  background:#fff;\r\n  border:1.5px solid var(--vc-line);\r\n  border-radius:40px;\r\n  font-size:14.5px;\r\n  font-weight:600;\r\n  color:var(--vc-ink);\r\n  text-decoration:none!important;\r\n  transition:all .3s ease;\r\n  box-shadow:0 4px 12px rgba(20,40,100,.04);\r\n}\r\n.vc-wds .vc-wds-contact:hover{\r\n  background:var(--vc-orange);\r\n  border-color:var(--vc-orange);\r\n  color:#fff;\r\n  transform:translateY(-2px);\r\n  box-shadow:0 10px 24px rgba(242,107,29,.3);\r\n}\r\n.vc-wds .vc-wds-contact.vc-wds-web:hover{\r\n  background:var(--vc-blue);\r\n  border-color:var(--vc-blue);\r\n  box-shadow:0 10px 24px rgba(21,58,140,.3);\r\n}\r\n.vc-wds .vc-wds-contact-icon{\r\n  width:32px;height:32px;\r\n  border-radius:50%;\r\n  background:rgba(21,58,140,.08);\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  font-size:16px;\r\n  flex-shrink:0;\r\n  transition:background .3s ease;\r\n}\r\n.vc-wds .vc-wds-contact:hover .vc-wds-contact-icon{\r\n  background:rgba(255,255,255,.20);\r\n}\r\n.vc-wds .vc-wds-contact-info{\r\n  display:flex;\r\n  flex-direction:column;\r\n  line-height:1.2;\r\n  text-align:left;\r\n}\r\n.vc-wds .vc-wds-contact-label{\r\n  font-size:11px;\r\n  font-weight:500;\r\n  color:var(--vc-muted);\r\n  text-transform:uppercase;\r\n  letter-spacing:.5px;\r\n}\r\n.vc-wds .vc-wds-contact-value{\r\n  font-size:14.5px;\r\n  font-weight:700;\r\n  color:inherit;\r\n  text-decoration:none;\r\n  text-underline-offset:2px;\r\n}\r\n.vc-wds .vc-wds-contact-icon svg{\r\n  width:16px;\r\n  height:16px;\r\n  color:inherit;\r\n}\r\n\r\n\/* ===========================================================\r\n   RESPONSIVE\r\n   =========================================================== *\/\r\n@media (max-width:992px){\r\n  .vc-wds{padding:130px 0 80px}\r\n  .vc-wds h1{font-size:38px}\r\n}\r\n@media (max-width:768px){\r\n  .vc-wds{padding:110px 0 60px}\r\n  .vc-wds h1{font-size:30px}\r\n  .vc-wds .vc-wds-lead{font-size:16px;margin-bottom:24px}\r\n  .vc-wds .vc-wds-tags{gap:8px;margin-bottom:28px}\r\n  .vc-wds .vc-wds-tag{font-size:13px;padding:8px 16px}\r\n  .vc-wds .vc-wds-cta{padding:16px 30px;font-size:16px}\r\n  .vc-wds .vc-wds-contact-row{gap:10px}\r\n  .vc-wds .vc-wds-contact{font-size:13.5px;padding:10px 16px}\r\n}\r\n@media (max-width:520px){\r\n  .vc-wds h1{font-size:26px}\r\n  .vc-wds .vc-wds-tag{font-size:12.5px;padding:7px 14px}\r\n  .vc-wds .vc-wds-cta{\r\n    padding:14px 24px;font-size:14.5px;width:100%;justify-content:center;\r\n  }\r\n  .vc-wds .vc-wds-contact-row{flex-direction:column;align-items:stretch}\r\n  .vc-wds .vc-wds-contact{justify-content:center;width:100%}\r\n  .vc-wds .vc-wds-contact-value{font-size:13px}\r\n}\r\n<\/style>\r\n\r\n<!-- =====================================================\r\n     WEBSITE DESIGN SERVICES IN BANGLADESH \u2014 1ST HERO SECTION\r\n     Content preserved EXACTLY as given (no additions\/changes)\r\n     ===================================================== -->\r\n<section class=\"vc-wds\" id=\"wds-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=\"vc-wds-wrap\">\r\n\r\n  \r\n\r\n    <!-- ===========================================================\r\n         H1 \u2014 preserved exactly: \"Professional Website Design Services in Bangladesh\"\r\n         =========================================================== -->\r\n    <h1>Professional Website Design Services in Bangladesh<\/h1>\r\n\r\n    <!-- ===========================================================\r\n         LEAD PARAGRAPH \u2014 preserved exactly as given\r\n         =========================================================== -->\r\n    <p class=\"vc-wds-lead\">\r\n      \u0986\u09aa\u09a8\u09be\u09b0 Business-\u098f\u09b0 \u099c\u09a8\u09cd\u09af \u098f\u0995\u099f\u09bf Website \u09a8\u09af\u09bc \u098f\u0995\u099f\u09bf Professional Digital Identity \u09a4\u09c8\u09b0\u09bf \u0995\u09b0\u09c1\u09a8\u0964\r\n    <\/p>\r\n\r\n    <!-- ===========================================================\r\n         SECOND PARAGRAPH \u2014 preserved exactly as given\r\n         =========================================================== -->\r\n    <p class=\"vc-wds-lead\">\r\n      \u0986\u09aa\u09a8\u09be\u09b0 Business \u099b\u09cb\u099f \u09b9\u09cb\u0995 \u09ac\u09be \u09ac\u09a1\u09bc, \u098f\u0995\u099c\u09a8 potential customer \u09af\u0996\u09a8 Google-\u098f \u0986\u09aa\u09a8\u09be\u09b0 Business \u0996\u09c1\u0981\u099c\u09ac\u09c7 \u09ac\u09be Facebook Ad \u09a5\u09c7\u0995\u09c7 \u0986\u09aa\u09a8\u09be\u09b0 Website-\u098f \u0986\u09b8\u09ac\u09c7, \u09a4\u0996\u09a8 \u0986\u09aa\u09a8\u09be\u09b0 Website-\u0987 \u0986\u09aa\u09a8\u09be\u09b0 Business-\u098f\u09b0 \u09aa\u09cd\u09b0\u09a5\u09ae impression \u09a4\u09c8\u09b0\u09bf \u0995\u09b0\u09ac\u09c7\u0964\r\n    <\/p>\r\n\r\n    <!-- ===========================================================\r\n         THIRD PARAGRAPH \u2014 preserved exactly as given\r\n         =========================================================== -->\r\n    <p class=\"vc-wds-lead\">\r\n      Spariqo\u2122 provides professional website design services in Bangladesh for businesses that want a modern, fast, mobile-friendly and business-focused online presence.\r\n    <\/p>\r\n\r\n    <!-- ===========================================================\r\n         SERVICE CATEGORIES \u2014 preserved exactly as given\r\n         5 tags: Business | E-commerce | WordPress | Custom | Landing\r\n         =========================================================== -->\r\n    <div class=\"vc-wds-tags\">\r\n      <div class=\"vc-wds-tag\">Business Website<\/div>\r\n      <div class=\"vc-wds-tag\">E-commerce Website<\/div>\r\n      <div class=\"vc-wds-tag\">WordPress Website<\/div>\r\n      <div class=\"vc-wds-tag\">Custom Website<\/div>\r\n      <div class=\"vc-wds-tag\">Landing Page<\/div>\r\n    <\/div>\r\n\r\n    <!-- ===========================================================\r\n         PRIMARY CTA \u2014 preserved exactly: \"\u0986\u09ae\u09be\u09b0 Website \u09ac\u09be\u09a8\u09be\u09a4\u09c7 \u099a\u09be\u0987 \u2192\"\r\n         Link: https:\/\/wa.me\/8801703689900\r\n         =========================================================== -->\r\n    <div class=\"vc-wds-cta-wrap\">\r\n      <a href=\"https:\/\/wa.me\/8801703689900?text=\u0986\u09ae\u09be\u09b0%20Website%20\u09ac\u09be\u09a8\u09be\u09a4\u09c7%20\u099a\u09be\u0987\" class=\"vc-wds-cta\" target=\"_blank\" rel=\"noopener\">\r\n        \u0986\u09ae\u09be\u09b0 Website \u09ac\u09be\u09a8\u09be\u09a4\u09c7 \u099a\u09be\u0987\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    <!-- ===========================================================\r\n         CONTACT ROW \u2014 preserved exactly\r\n         \ud83d\udcde 01703689900 \u2192 link: https:\/\/wa.me\/8801703689900\r\n         \ud83c\udf10 spariqo.com\/bd\/\r\n         =========================================================== -->\r\n    <div class=\"vc-wds-contact-row\">\r\n\r\n      <!-- Phone (01703689900 \u2192 wa.me link) -->\r\n      <a href=\"https:\/\/wa.me\/8801703689900\" target=\"_blank\" rel=\"noopener\" class=\"vc-wds-contact\">\r\n        <span class=\"vc-wds-contact-icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M20 15.5c-1.25 0-2.45-.2-3.57-.57-.35-.11-.74-.03-1.02.24l-2.2 2.2c-2.83-1.44-5.15-3.75-6.59-6.58l2.2-2.21c.28-.27.36-.66.25-1.01C8.7 6.45 8.5 5.25 8.5 4c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1 0 9.39 7.61 17 17 17 .55 0 1-.45 1-1v-3.5c0-.55-.45-1-1-1z\"\/><\/svg>\r\n        <\/span>\r\n        <span class=\"vc-wds-contact-info\">\r\n          <span class=\"vc-wds-contact-label\">\u09ab\u09cb\u09a8 \u0995\u09b0\u09c1\u09a8<\/span>\r\n          <span class=\"vc-wds-contact-value\">01703689900<\/span>\r\n        <\/span>\r\n      <\/a>\r\n\r\n      <!-- Website (spariqo.com\/bd\/) -->\r\n      <a href=\"https:\/\/spariqo.com\/bd\/\" target=\"_blank\" rel=\"noopener\" class=\"vc-wds-contact vc-wds-web\">\r\n        <span class=\"vc-wds-contact-icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M2 12h20M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10zM12 2a15.3 15.3 0 0 0-4 10 15.3 15.3 0 0 0 4 10 15.3 15.3 0 0 0 4-10 15.3 15.3 0 0 0-4-10z\"\/><\/svg>\r\n        <\/span>\r\n        <span class=\"vc-wds-contact-info\">\r\n          <span class=\"vc-wds-contact-label\">\u0993\u09af\u09bc\u09c7\u09ac\u09b8\u09be\u0987\u099f \u09a6\u09c7\u0996\u09c1\u09a8<\/span>\r\n          <span class=\"vc-wds-contact-value\">spariqo.com\/bd\/<\/span>\r\n        <\/span>\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n\/* =====================================================\r\n   WDS HERO JS (smooth scroll only)\r\n   ===================================================== *\/\r\n(function(){\r\n  document.querySelectorAll('.vc-wds a[href^=\"#\"]').forEach(link => {\r\n    link.addEventListener('click', function(e){\r\n      const href = this.getAttribute('href');\r\n      if (href.length > 1) {\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<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8fa57e4 e-con-full e-flex e-con e-parent\" data-id=\"8fa57e4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-13426a2 elementor-widget elementor-widget-html\" data-id=\"13426a2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\nSpariqo \u2014 PROFESSIONAL WEBSITE DESIGN SERVICES\r\n13th section (Why Professional Website - Image Left, Content Right)\r\nPaste: Elementor \u2192 HTML Widget\r\n============================================================ -->\r\n\r\n<style>\r\n\/* ===========================================================\r\nWHY PROFESSIONAL WEBSITE SECTION\r\n=========================================================== *\/\r\n.wdcbd-whypro {\r\n  font-family: var(--vc-font);\r\n  position: relative;\r\n  padding: 80px 0;\r\n  background: #fafaf7;\r\n  isolation: isolate;\r\n}\r\n\r\n.wdcbd-whypro .wdcbd-wrap {\r\n  position: relative;\r\n  z-index: 1;\r\n  max-width: 1250px;\r\n  margin: 0 auto;\r\n  padding: 0 24px;\r\n}\r\n\r\n\/* 2-Column Grid *\/\r\n.wdcbd-whypro .wdcbd-grid-2 {\r\n  display: grid;\r\n  grid-template-columns: 0.9fr 1.1fr;\r\n  gap: 56px;\r\n  align-items: center;\r\n}\r\n\r\n\/* Image Container *\/\r\n.wdcbd-whypro .wdcbd-image-wrap {\r\n  position: relative;\r\n  border-radius: 20px;\r\n  overflow: hidden;\r\n  box-shadow: 0 16px 48px rgba(21, 58, 140, 0.12);\r\n}\r\n\r\n.wdcbd-whypro .wdcbd-image-wrap img {\r\n  width: 100%;\r\n  height: auto;\r\n  display: block;\r\n  object-fit: cover;\r\n}\r\n\r\n\/* Content Column *\/\r\n.wdcbd-whypro h2 {\r\n  font-size: 32px;\r\n  line-height: 1.3;\r\n  color: var(--vc-blue);\r\n  font-weight: 800;\r\n  margin: 0 0 20px 0;\r\n}\r\n\r\n.wdcbd-whypro .wdcbd-intro {\r\n  color: var(--vc-muted);\r\n  font-size: 16.5px;\r\n  line-height: 1.75;\r\n  margin-bottom: 24px;\r\n}\r\n\r\n\/* Customer Journey List *\/\r\n.wdcbd-whypro .wdcbd-journey-list {\r\n  list-style: none;\r\n  padding: 0;\r\n  margin: 24px 0 28px 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 12px;\r\n}\r\n\r\n.wdcbd-whypro .wdcbd-journey-item {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 12px;\r\n  font-size: 15.5px;\r\n  color: var(--vc-ink);\r\n  line-height: 1.65;\r\n  padding-left: 8px;\r\n}\r\n\r\n.wdcbd-whypro .wdcbd-journey-icon {\r\n  font-size: 18px;\r\n  line-height: 1;\r\n  flex-shrink: 0;\r\n  margin-top: 2px;\r\n}\r\n\r\n\/* Highlight text *\/\r\n.wdcbd-whypro .wdcbd-highlight {\r\n  color: var(--vc-ink);\r\n  font-weight: 600;\r\n  font-size: 16.5px;\r\n  line-height: 1.75;\r\n  margin: 24px 0;\r\n}\r\n\r\n\/* Closing paragraph *\/\r\n.wdcbd-whypro .wdcbd-closing {\r\n  color: var(--vc-muted);\r\n  font-size: 16px;\r\n  line-height: 1.75;\r\n  margin: 0;\r\n}\r\n\r\n\/* ===========================================================\r\nRESPONSIVE\r\n=========================================================== *\/\r\n@media (max-width: 992px) {\r\n  .wdcbd-whypro { padding: 60px 0; }\r\n  .wdcbd-whypro .wdcbd-grid-2 { grid-template-columns: 1fr; gap: 40px; }\r\n  .wdcbd-whypro h2 { font-size: 28px; }\r\n  .wdcbd-whypro .wdcbd-intro { font-size: 16px; }\r\n  .wdcbd-whypro .wdcbd-journey-item { font-size: 15px; }\r\n}\r\n\r\n@media (max-width: 540px) {\r\n  .wdcbd-whypro { padding: 50px 0; }\r\n  .wdcbd-whypro h2 { font-size: 24px; }\r\n  .wdcbd-whypro .wdcbd-intro { font-size: 15.5px; }\r\n  .wdcbd-whypro .wdcbd-journey-item { font-size: 14.5px; gap: 10px; }\r\n  .wdcbd-whypro .wdcbd-highlight { font-size: 15.5px; }\r\n  .wdcbd-whypro .wdcbd-closing { font-size: 15px; }\r\n}\r\n<\/style>\r\n\r\n<!-- =====================================================\r\nPROFESSIONAL WEBSITE DESIGN SERVICES \u2014 13th section (Why Professional Website)\r\nContent preserved EXACTLY as given\r\n===================================================== -->\r\n<section class=\"wdcbd wdcbd-whypro\" id=\"professional-website-why\">\r\n  <div class=\"wdcbd-wrap\">\r\n    \r\n    <div class=\"wdcbd-grid-2\">\r\n      \r\n      <!-- ===== Left Column: Image ===== -->\r\n      <div class=\"wdcbd-image-wrap\">\r\n        <img decoding=\"async\" src=\"https:\/\/spariqo.com\/bd\/wp-content\/uploads\/2026\/08\/Professional-Website-Design-Services-in-Bangladesh.webp\" alt=\"Professional Website Design Services in Bangladesh\" loading=\"lazy\">\r\n      <\/div>\r\n\r\n      <!-- ===== Right Column: Content ===== -->\r\n      <div class=\"wdcbd-col-right\">\r\n        <h2>\u0986\u09aa\u09a8\u09be\u09b0 Business-\u098f\u09b0 \u099c\u09a8\u09cd\u09af \u0995\u09bf \u098f\u0995\u099f\u09bf Professional Website \u09a6\u09b0\u0995\u09be\u09b0?<\/h2>\r\n        \r\n        <div class=\"wdcbd-intro\">\r\n          <p>\u0986\u099c\u0995\u09be\u09b2 \u09b6\u09c1\u09a7\u09c1 Facebook Page \u09a5\u09be\u0995\u09b2\u09c7\u0987 \u098f\u0995\u099f\u09bf Business-\u098f\u09b0 complete online presence \u09a4\u09c8\u09b0\u09bf \u09b9\u09af\u09bc \u09a8\u09be\u0964<\/p>\r\n          <p>\u0986\u09aa\u09a8\u09be\u09b0 customer \u09b9\u09af\u09bc\u09a4\u09cb:<\/p>\r\n        <\/div>\r\n\r\n        <ul class=\"wdcbd-journey-list\">\r\n          <li class=\"wdcbd-journey-item\">\r\n            <span class=\"wdcbd-journey-icon\">\ud83d\udd0d<\/span>\r\n            <span>Google-\u098f \u0986\u09aa\u09a8\u09be\u09b0 Business search \u0995\u09b0\u099b\u09c7<\/span>\r\n          <\/li>\r\n          <li class=\"wdcbd-journey-item\">\r\n            <span class=\"wdcbd-journey-icon\">\ud83d\udcf1<\/span>\r\n            <span>Facebook \u09ac\u09be Instagram Ad \u09a5\u09c7\u0995\u09c7 Website-\u098f \u0986\u09b8\u099b\u09c7<\/span>\r\n          <\/li>\r\n          <li class=\"wdcbd-journey-item\">\r\n            <span class=\"wdcbd-journey-icon\">\u2139\ufe0f<\/span>\r\n            <span>\u0986\u09aa\u09a8\u09be\u09b0 Services \u09b8\u09ae\u09cd\u09aa\u09b0\u09cd\u0995\u09c7 \u099c\u09be\u09a8\u09a4\u09c7 \u099a\u09be\u0987\u099b\u09c7<\/span>\r\n          <\/li>\r\n          <li class=\"wdcbd-journey-item\">\r\n            <span class=\"wdcbd-journey-icon\">\ud83d\udecd\ufe0f<\/span>\r\n            <span>\u0986\u09aa\u09a8\u09be\u09b0 Products \u09a6\u09c7\u0996\u09a4\u09c7 \u099a\u09be\u0987\u099b\u09c7<\/span>\r\n          <\/li>\r\n          <li class=\"wdcbd-journey-item\">\r\n            <span class=\"wdcbd-journey-icon\">\u2713<\/span>\r\n            <span>\u0986\u09aa\u09a8\u09be\u09b0 Business-\u098f\u09b0 credibility \u09af\u09be\u099a\u09be\u0987 \u0995\u09b0\u099b\u09c7<\/span>\r\n          <\/li>\r\n          <li class=\"wdcbd-journey-item\">\r\n            <span class=\"wdcbd-journey-icon\">\ud83d\udcde<\/span>\r\n            <span>\u09b8\u09b0\u09be\u09b8\u09b0\u09bf Call, WhatsApp \u09ac\u09be Consultation \u0995\u09b0\u09a4\u09c7 \u099a\u09be\u0987\u099b\u09c7<\/span>\r\n          <\/li>\r\n        <\/ul>\r\n\r\n        <p class=\"wdcbd-highlight\">\r\n          \u098f\u0987 \u09aa\u09c1\u09b0\u09cb journey-\u09a4\u09c7 \u0986\u09aa\u09a8\u09be\u09b0 Website \u098f\u0995\u099f\u09bf \u0997\u09c1\u09b0\u09c1\u09a4\u09cd\u09ac\u09aa\u09c2\u09b0\u09cd\u09a3 \u09ad\u09c2\u09ae\u09bf\u0995\u09be \u09b0\u09be\u0996\u09c7\u0964\r\n        <\/p>\r\n\r\n        <p class=\"wdcbd-closing\">\r\n          \u098f\u0995\u099f\u09bf \u09ad\u09be\u09b2\u09cb Website \u09b6\u09c1\u09a7\u09c1 \u09b8\u09c1\u09a8\u09cd\u09a6\u09b0 \u09a6\u09c7\u0996\u09be\u09af\u09bc \u09a8\u09be\u0964 \u098f\u099f\u09bf \u0986\u09aa\u09a8\u09be\u09b0 Brand, Services, Products, Expertise \u098f\u09ac\u0982 Business Information \u098f\u0995 \u099c\u09be\u09af\u09bc\u0997\u09be\u09af\u09bc professional\u09ad\u09be\u09ac\u09c7 \u0989\u09aa\u09b8\u09cd\u09a5\u09be\u09aa\u09a8 \u0995\u09b0\u09c7 \u098f\u09ac\u0982 visitor-\u0995\u09c7 \u09aa\u09b0\u09ac\u09b0\u09cd\u09a4\u09c0 action \u09a8\u09bf\u09a4\u09c7 \u09b8\u09be\u09b9\u09be\u09af\u09cd\u09af \u0995\u09b0\u09c7\u0964\r\n        <\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-037e3e4 e-con-full e-flex e-con e-parent\" data-id=\"037e3e4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c959a1b elementor-widget elementor-widget-html\" data-id=\"c959a1b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     SPARIQO \u2014 Website Design Services\r\n     3rd Section (6 Reasons Grid) \u2014 Content preserved EXACTLY\r\n     Paste: Elementor \u2192 HTML Widget\r\n     ============================================================ -->\r\n\r\n<style>\r\n\/* ===========================================================\r\n   ROOT + RESET\r\n   =========================================================== *\/\r\n.vc-wds-why2 *,.vc-wds-why2 *::before,.vc-wds-why2 *::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-orange:#f26b1d;\r\n  --vc-orange-2:#d95a12;\r\n  --vc-orange-soft:#ffb387;\r\n  --vc-orange-tint:rgba(242,107,29,.10);\r\n  --vc-ink:#1c2440;\r\n  --vc-muted:#5a627a;\r\n  --vc-line:#e8e6e0;\r\n  --vc-white:#fff;\r\n  --vc-bg-soft:#fafaf7;\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\r\n   =========================================================== *\/\r\n.vc-wds-why2{\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 divider *\/\r\n.vc-wds-why2::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  top:0;left:0;right:0;height:1px;\r\n  background:linear-gradient(90deg,transparent,rgba(21,58,140,.15) 50%,transparent);\r\n}\r\n\/* Decorative blob bottom-right *\/\r\n.vc-wds-why2::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  bottom:10%;right:-100px;\r\n  width:400px;height:400px;\r\n  background:radial-gradient(circle,rgba(21,58,140,.10) 0%,transparent 70%);\r\n  pointer-events:none;\r\n}\r\n\r\n.vc-wds-why2 .vc-wds-why2-wrap{\r\n  max-width:1200px;\r\n  margin:0 auto;\r\n  padding:0 24px;\r\n  position:relative;\r\n  z-index:1;\r\n}\r\n\r\n\/* ===========================================================\r\n   HEADER (centered)\r\n   =========================================================== *\/\r\n.vc-wds-why2 .vc-wds-why2-head{\r\n  text-align:center;\r\n  margin-bottom:60px;\r\n}\r\n.vc-wds-why2 .vc-wds-why2-badge{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:8px;\r\n  background:var(--vc-orange-tint);\r\n  border:1px solid rgba(242,107,29,.25);\r\n  color:var(--vc-orange);\r\n  font-size:13px;\r\n  font-weight:600;\r\n  padding:7px 18px;\r\n  border-radius:30px;\r\n  margin-bottom:18px;\r\n}\r\n.vc-wds-why2 .vc-wds-why2-badge::before{\r\n  content:\"\ud83c\udf10\";\r\n  font-size:14px;\r\n}\r\n.vc-wds-why2 .vc-wds-why2-title{\r\n  font-size:36px;\r\n  font-weight:800;\r\n  color:var(--vc-blue);\r\n  line-height:1.25;\r\n  letter-spacing:-.01em;\r\n  margin-bottom:14px;\r\n}\r\n.vc-wds-why2 .vc-wds-why2-title .vc-accent{\r\n  color:var(--vc-orange);\r\n  position:relative;\r\n  display:inline-block;\r\n}\r\n.vc-wds-why2 .vc-wds-why2-title .vc-accent::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  bottom:2px;left:0;\r\n  width:100%;height:8px;\r\n  background:rgba(242,107,29,.18);\r\n  border-radius:4px;\r\n  z-index:-1;\r\n}\r\n.vc-wds-why2 .vc-wds-why2-subtitle{\r\n  max-width:680px;\r\n  margin:0 auto;\r\n  color:var(--vc-muted);\r\n  font-size:16px;\r\n  line-height:1.6;\r\n}\r\n\r\n\/* ===========================================================\r\n   6 REASONS GRID\r\n   =========================================================== *\/\r\n.vc-wds-why2 .vc-wds-why2-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(3,1fr);\r\n  gap:24px;\r\n}\r\n\r\n\/* Each reason card *\/\r\n.vc-wds-why2 .vc-wds-why2-card{\r\n  position:relative;\r\n  background:#fff;\r\n  border:1px solid var(--vc-line);\r\n  border-radius:16px;\r\n  padding:32px 28px 30px;\r\n  transition:all .35s ease;\r\n  overflow:hidden;\r\n  background:linear-gradient(135deg,#fff 0%,#fafaf7 100%);\r\n}\r\n.vc-wds-why2 .vc-wds-why2-card::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  top:0;left:0;\r\n  width:0;height:4px;\r\n  background:linear-gradient(90deg,var(--vc-blue),var(--vc-orange));\r\n  transition:width .5s ease;\r\n}\r\n.vc-wds-why2 .vc-wds-why2-card:hover{\r\n  transform:translateY(-6px);\r\n  box-shadow:0 20px 45px rgba(20,40,100,.12);\r\n  border-color:transparent;\r\n}\r\n.vc-wds-why2 .vc-wds-why2-card:hover::before{\r\n  width:100%;\r\n}\r\n\r\n\/* Card icon (top-left, large emoji) *\/\r\n.vc-wds-why2 .vc-wds-why2-icon{\r\n  width:64px;height:64px;\r\n  border-radius:16px;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  font-size:30px;\r\n  margin-bottom:18px;\r\n  background:linear-gradient(135deg,rgba(242,107,29,.12) 0%,rgba(21,58,140,.10) 100%);\r\n  border:1px solid rgba(242,107,29,.18);\r\n  transition:all .35s ease;\r\n  position:relative;\r\n  overflow:hidden;\r\n}\r\n.vc-wds-why2 .vc-wds-why2-card:hover .vc-wds-why2-icon{\r\n  transform:rotate(-6deg) scale(1.05);\r\n  background:linear-gradient(135deg,var(--vc-orange) 0%,var(--vc-orange-2) 100%);\r\n  border-color:transparent;\r\n  box-shadow:0 10px 22px rgba(242,107,29,.30);\r\n}\r\n.vc-wds-why2 .vc-wds-why2-card:hover .vc-wds-why2-icon::after{\r\n  opacity:1;\r\n}\r\n.vc-wds-why2 .vc-wds-why2-icon::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n  background:linear-gradient(135deg,rgba(255,255,255,.2),rgba(255,255,255,0));\r\n  opacity:0;\r\n  transition:opacity .35s ease;\r\n}\r\n\r\n\/* Card step number (top-right) *\/\r\n.vc-wds-why2 .vc-wds-why2-step{\r\n  position:absolute;\r\n  top:20px;right:20px;\r\n  font-size:11px;\r\n  font-weight:700;\r\n  color:var(--vc-muted);\r\n  background:rgba(21,58,140,.06);\r\n  padding:3px 8px;\r\n  border-radius:8px;\r\n  letter-spacing:1px;\r\n  text-transform:uppercase;\r\n  transition:all .3s ease;\r\n}\r\n.vc-wds-why2 .vc-wds-why2-card:hover .vc-wds-why2-step{\r\n  background:var(--vc-orange);\r\n  color:#fff;\r\n}\r\n\r\n\/* Card title (preserved exactly) *\/\r\n.vc-wds-why2 .vc-wds-why2-card-title{\r\n  font-size:18px;\r\n  font-weight:700;\r\n  color:var(--vc-blue);\r\n  line-height:1.3;\r\n  margin-bottom:10px;\r\n  transition:color .3s ease;\r\n}\r\n.vc-wds-why2 .vc-wds-why2-card:hover .vc-wds-why2-card-title{\r\n  color:var(--vc-orange);\r\n}\r\n\r\n\/* Card description (preserved exactly) *\/\r\n.vc-wds-why2 .vc-wds-why2-card-desc{\r\n  font-size:14.5px;\r\n  line-height:1.7;\r\n  color:var(--vc-muted);\r\n  margin:0;\r\n}\r\n\r\n\/* Decorative bottom icon (large, faded) *\/\r\n.vc-wds-why2 .vc-wds-why2-bg-icon{\r\n  position:absolute;\r\n  bottom:-25px;right:-25px;\r\n  font-size:120px;\r\n  opacity:.04;\r\n  z-index:0;\r\n  pointer-events:none;\r\n  line-height:1;\r\n  transition:opacity .35s ease, transform .35s ease;\r\n}\r\n.vc-wds-why2 .vc-wds-why2-card:hover .vc-wds-why2-bg-icon{\r\n  opacity:.06;\r\n  transform:rotate(15deg) scale(1.1);\r\n}\r\n\r\n\/* ===========================================================\r\n   BOTTOM CTA BANNER\r\n   =========================================================== *\/\r\n.vc-wds-why2 .vc-wds-why2-cta{\r\n  margin-top:60px;\r\n  text-align:center;\r\n  padding:50px 40px;\r\n  background:linear-gradient(135deg,var(--vc-blue) 0%,var(--vc-blue-2) 100%);\r\n  border-radius:20px;\r\n  color:#fff;\r\n  position:relative;\r\n  overflow:hidden;\r\n  box-shadow:0 20px 50px rgba(21,58,140,.25);\r\n}\r\n.vc-wds-why2 .vc-wds-why2-cta::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n  background-image:radial-gradient(rgba(255,255,255,.06) 1.5px,transparent 1.5px);\r\n  background-size:22px 22px;\r\n  pointer-events:none;\r\n}\r\n.vc-wds-why2 .vc-wds-why2-cta::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  top:0;right:0;\r\n  width:160px;height:160px;\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.vc-wds-why2 .vc-wds-why2-cta-content{\r\n  position:relative;\r\n  z-index:1;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n  gap:30px;\r\n  flex-wrap:wrap;\r\n}\r\n.vc-wds-why2 .vc-wds-why2-cta-text{\r\n  flex:1;\r\n  text-align:left;\r\n  min-width:240px;\r\n}\r\n.vc-wds-why2 .vc-wds-why2-cta-text h3{\r\n  font-size:24px;\r\n  font-weight:800;\r\n  margin-bottom:8px;\r\n  color:#fff;\r\n  line-height:1.3;\r\n}\r\n.vc-wds-why2 .vc-wds-why2-cta-text h3 .vc-accent{\r\n  color:#ffb387;\r\n}\r\n.vc-wds-why2 .vc-wds-why2-cta-text p{\r\n  color:rgba(255,255,255,.88);\r\n  font-size:15px;\r\n  line-height:1.6;\r\n  margin:0;\r\n  max-width:560px;\r\n}\r\n.vc-wds-why2 .vc-wds-why2-cta-btns{\r\n  display:flex;\r\n  flex-wrap:wrap;\r\n  gap:10px;\r\n  flex-shrink:0;\r\n}\r\n.vc-wds-why2 .vc-wds-why2-cta-btn{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:8px;\r\n  padding:13px 24px;\r\n  border-radius:30px;\r\n  font-size:15px;\r\n  font-weight:600;\r\n  text-decoration:none;\r\n  cursor:pointer;\r\n  border:none;\r\n  font-family:inherit;\r\n  transition:all .3s ease;\r\n  white-space:nowrap;\r\n}\r\n.vc-wds-why2 .vc-wds-why2-cta-btn svg{width:15px;height:15px;transition:transform .3s ease}\r\n.vc-wds-why2 .vc-wds-why2-cta-btn:hover svg{transform:translateX(3px)}\r\n.vc-wds-why2 .vc-wds-why2-cta-btn-primary{\r\n  background:var(--vc-orange);\r\n  color:#fff;\r\n  box-shadow:0 8px 22px rgba(242,107,29,.4);\r\n}\r\n.vc-wds-why2 .vc-wds-why2-cta-btn-primary:hover{\r\n  background:var(--vc-orange-2);\r\n  transform:translateY(-2px);\r\n  box-shadow:0 12px 28px rgba(242,107,29,.50);\r\n}\r\n.vc-wds-why2 .vc-wds-why2-cta-btn-ghost{\r\n  background:transparent;\r\n  color:#fff;\r\n  border:1.5px solid rgba(255,255,255,.40);\r\n  backdrop-filter:blur(10px);\r\n  -webkit-backdrop-filter:blur(10px);\r\n}\r\n.vc-wds-why2 .vc-wds-why2-cta-btn-ghost:hover{\r\n  background:#fff;\r\n  color:var(--vc-blue);\r\n  border-color:#fff;\r\n}\r\n\r\n\/* ===========================================================\r\n   ANIMATIONS\r\n   =========================================================== *\/\r\n@keyframes vcWdsWhy2FadeUp{\r\n  from{opacity:0;transform:translateY(40px)}\r\n  to  {opacity:1;transform:translateY(0)}\r\n}\r\n\r\n\/* ===========================================================\r\n   RESPONSIVE\r\n   =========================================================== *\/\r\n@media (max-width:992px){\r\n  .vc-wds-why2{padding:80px 0}\r\n  .vc-wds-why2 .vc-wds-why2-grid{grid-template-columns:repeat(2,1fr);gap:20px}\r\n  .vc-wds-why2 .vc-wds-why2-title{font-size:30px}\r\n  .vc-wds-why2 .vc-wds-why2-cta-content{flex-direction:column;text-align:center}\r\n  .vc-wds-why2 .vc-wds-why2-cta-text{text-align:center}\r\n  .vc-wds-why2 .vc-wds-why2-cta-btns{justify-content:center}\r\n  .vc-wds-why2 .vc-wds-why2-cta-text p{margin:0 auto}\r\n}\r\n@media (max-width:768px){\r\n  .vc-wds-why2{padding:60px 0}\r\n  .vc-wds-why2 .vc-wds-why2-grid{grid-template-columns:1fr;gap:18px}\r\n  .vc-wds-why2 .vc-wds-why2-title{font-size:26px}\r\n  .vc-wds-why2 .vc-wds-why2-cta{padding:32px 22px}\r\n  .vc-wds-why2 .vc-wds-why2-cta-text h3{font-size:20px}\r\n  .vc-wds-why2 .vc-wds-why2-cta-btns{flex-direction:column;align-items:stretch;width:100%}\r\n  .vc-wds-why2 .vc-wds-why2-cta-btn{justify-content:center;width:100%}\r\n}\r\n@media (max-width:520px){\r\n  .vc-wds-why2 .vc-wds-why2-title{font-size:22px}\r\n  .vc-wds-why2 .vc-wds-why2-card{padding:24px 20px}\r\n  .vc-wds-why2 .vc-wds-why2-card-title{font-size:16px}\r\n  .vc-wds-why2 .vc-wds-why2-card-desc{font-size:13.5px}\r\n}\r\n<\/style>\r\n\r\n<!-- =====================================================\r\n     WEBSITE DESIGN SERVICES \u2014 3rd SECTION\r\n     (6 Reasons Grid) \u2014 Content preserved EXACTLY\r\n     ===================================================== -->\r\n<section class=\"vc-wds-why2\" id=\"wds-why-2\">\r\n\r\n  <div class=\"vc-wds-why2-wrap\">\r\n\r\n    <!-- ===========================================================\r\n         HEADER\r\n         =========================================================== -->\r\n    <div class=\"vc-wds-why2-head\">\r\n      <div class=\"vc-wds-why2-badge\">\u09ec\u099f\u09bf \u09ae\u09c2\u09b2 \u0995\u09be\u09b0\u09a3<\/div>\r\n      <h2 class=\"vc-wds-why2-title\">\r\n        Why Your Business Needs a <span class=\"vc-accent\">Professional Website<\/span>\r\n      <\/h2>\r\n      <p class=\"vc-wds-why2-subtitle\">\r\n        \u098f\u0995\u099f\u09bf Professional Website \u0986\u09aa\u09a8\u09be\u09b0 Business-\u098f\u09b0 \u099c\u09a8\u09cd\u09af \u0995\u09c7\u09a8 \u0985\u09aa\u09b0\u09bf\u09b9\u09be\u09b0\u09cd\u09af \u2014 \u09a8\u09bf\u099a\u09c7\u09b0 \u09ec\u099f\u09bf \u09ae\u09c2\u09b2 \u0995\u09be\u09b0\u09a3 \u09a6\u09c7\u0996\u09c1\u09a8\u0964\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- ===========================================================\r\n         6 REASONS GRID\r\n         (Content preserved EXACTLY as given)\r\n         =========================================================== -->\r\n    <div class=\"vc-wds-why2-grid\">\r\n\r\n      <!-- Reason 1 -->\r\n      <article class=\"vc-wds-why2-card\">\r\n        <span class=\"vc-wds-why2-step\">01<\/span>\r\n        <div class=\"vc-wds-why2-icon\">\ud83c\udf10<\/div>\r\n        <h3 class=\"vc-wds-why2-card-title\">\u0986\u09aa\u09a8\u09be\u09b0 \u09a8\u09bf\u099c\u09c7\u09b0 Online Identity<\/h3>\r\n        <p class=\"vc-wds-why2-card-desc\">\r\n          \u0986\u09aa\u09a8\u09be\u09b0 Facebook Page \u09ac\u09be Marketplace account-\u098f\u09b0 \u09aa\u09be\u09b6\u09be\u09aa\u09be\u09b6\u09bf \u09a8\u09bf\u099c\u09c7\u09b0 Website \u09a5\u09be\u0995\u09b2\u09c7 \u0986\u09aa\u09a8\u09be\u09b0 Business-\u098f\u09b0 \u099c\u09a8\u09cd\u09af \u098f\u0995\u099f\u09bf dedicated online home \u09a4\u09c8\u09b0\u09bf \u09b9\u09af\u09bc\u0964\r\n        <\/p>\r\n        <span class=\"vc-wds-why2-bg-icon\">\ud83c\udf10<\/span>\r\n      <\/article>\r\n\r\n      <!-- Reason 2 -->\r\n      <article class=\"vc-wds-why2-card\">\r\n        <span class=\"vc-wds-why2-step\">02<\/span>\r\n        <div class=\"vc-wds-why2-icon\">\ud83e\udd1d<\/div>\r\n        <h3 class=\"vc-wds-why2-card-title\">Customer Trust \u09a4\u09c8\u09b0\u09bf \u0995\u09b0\u09c1\u09a8<\/h3>\r\n        <p class=\"vc-wds-why2-card-desc\">\r\n          Professional design, clear business information, service details, testimonials \u098f\u09ac\u0982 contact options \u0986\u09aa\u09a8\u09be\u09b0 Business \u09b8\u09ae\u09cd\u09aa\u09b0\u09cd\u0995\u09c7 visitor-\u098f\u09b0 confidence \u09ac\u09be\u09a1\u09bc\u09be\u09a4\u09c7 \u09b8\u09be\u09b9\u09be\u09af\u09cd\u09af \u0995\u09b0\u09c7\u0964\r\n        <\/p>\r\n        <span class=\"vc-wds-why2-bg-icon\">\ud83e\udd1d<\/span>\r\n      <\/article>\r\n\r\n      <!-- Reason 3 -->\r\n      <article class=\"vc-wds-why2-card\">\r\n        <span class=\"vc-wds-why2-step\">03<\/span>\r\n        <div class=\"vc-wds-why2-icon\">\ud83d\udcf1<\/div>\r\n        <h3 class=\"vc-wds-why2-card-title\">Mobile-Friendly Experience<\/h3>\r\n        <p class=\"vc-wds-why2-card-desc\">\r\n          \u09ac\u09be\u0982\u09b2\u09be\u09a6\u09c7\u09b6\u09c7\u09b0 \u0985\u09a8\u09c7\u0995 customer mobile device \u09a5\u09c7\u0995\u09c7\u0987 Website browse \u0995\u09b0\u09c7\u0964 \u09a4\u09be\u0987 \u0986\u09aa\u09a8\u09be\u09b0 Website mobile, tablet \u098f\u09ac\u0982 desktop \u09b8\u09ac screen-\u098f \u09ad\u09be\u09b2\u09cb\u09ad\u09be\u09ac\u09c7 \u0995\u09be\u099c \u0995\u09b0\u09be \u0997\u09c1\u09b0\u09c1\u09a4\u09cd\u09ac\u09aa\u09c2\u09b0\u09cd\u09a3\u0964\r\n        <\/p>\r\n        <span class=\"vc-wds-why2-bg-icon\">\ud83d\udcf1<\/span>\r\n      <\/article>\r\n\r\n      <!-- Reason 4 -->\r\n      <article class=\"vc-wds-why2-card\">\r\n        <span class=\"vc-wds-why2-step\">04<\/span>\r\n        <div class=\"vc-wds-why2-icon\">\u26a1<\/div>\r\n        <h3 class=\"vc-wds-why2-card-title\">Fast & User-Friendly<\/h3>\r\n        <p class=\"vc-wds-why2-card-desc\">\r\n          Customer \u09af\u09c7\u09a8 Website \u0996\u09c1\u09b2\u09a4\u09c7 \u0997\u09bf\u09af\u09bc\u09c7 \u0985\u09aa\u09c7\u0995\u09cd\u09b7\u09be \u09a8\u09be \u0995\u09b0\u09c7 \u09ac\u09be information \u0996\u09c1\u0981\u099c\u09c7 \u09aa\u09c7\u09a4\u09c7 \u09b8\u09ae\u09b8\u09cd\u09af\u09be\u09af\u09bc \u09a8\u09be \u09aa\u09a1\u09bc\u09c7 \u09b8\u09c7\u099c\u09a8\u09cd\u09af speed, navigation \u098f\u09ac\u0982 usability-\u0995\u09c7 \u0997\u09c1\u09b0\u09c1\u09a4\u09cd\u09ac \u09a6\u09c7\u0993\u09af\u09bc\u09be \u09b9\u09af\u09bc\u0964\r\n        <\/p>\r\n        <span class=\"vc-wds-why2-bg-icon\">\u26a1<\/span>\r\n      <\/article>\r\n\r\n      <!-- Reason 5 -->\r\n      <article class=\"vc-wds-why2-card\">\r\n        <span class=\"vc-wds-why2-step\">05<\/span>\r\n        <div class=\"vc-wds-why2-icon\">\ud83d\udd0d<\/div>\r\n        <h3 class=\"vc-wds-why2-card-title\">Search-Friendly Structure<\/h3>\r\n        <p class=\"vc-wds-why2-card-desc\">\r\n          \u0986\u09ae\u09b0\u09be Website structure \u098f\u09ae\u09a8\u09ad\u09be\u09ac\u09c7 \u09a4\u09c8\u09b0\u09bf \u0995\u09b0\u09bf \u09af\u09be\u09a4\u09c7 search engines \u098f\u09ac\u0982 AI-powered search systems \u0986\u09aa\u09a8\u09be\u09b0 Business, services \u098f\u09ac\u0982 website content \u09b8\u09b9\u099c\u09c7 understand \u0995\u09b0\u09a4\u09c7 \u09aa\u09be\u09b0\u09c7\u0964\r\n        <\/p>\r\n        <span class=\"vc-wds-why2-bg-icon\">\ud83d\udd0d<\/span>\r\n      <\/article>\r\n\r\n      <!-- Reason 6 -->\r\n      <article class=\"vc-wds-why2-card\">\r\n        <span class=\"vc-wds-why2-step\">06<\/span>\r\n        <div class=\"vc-wds-why2-icon\">\ud83d\udcc8<\/div>\r\n        <h3 class=\"vc-wds-why2-card-title\">Business Growth-\u098f\u09b0 \u099c\u09a8\u09cd\u09af \u09a4\u09c8\u09b0\u09bf<\/h3>\r\n        <p class=\"vc-wds-why2-card-desc\">\r\n          Website-\u098f\u09b0 ultimate purpose \u09b6\u09c1\u09a7\u09c1 online presence \u09a8\u09af\u09bc\u0964 \u0986\u09aa\u09a8\u09be\u09b0 \u09b2\u0995\u09cd\u09b7\u09cd\u09af \u09af\u09a6\u09bf \u09b9\u09af\u09bc more inquiries, more calls, more orders \u09ac\u09be stronger brand presence, \u09a4\u09be\u09b9\u09b2\u09c7 Website-\u098f\u09b0 structure \u09b8\u09c7\u0987 goal \u0985\u09a8\u09c1\u09af\u09be\u09af\u09bc\u09c0 \u09a4\u09c8\u09b0\u09bf \u0995\u09b0\u09be \u0989\u099a\u09bf\u09a4\u0964\r\n        <\/p>\r\n        <span class=\"vc-wds-why2-bg-icon\">\ud83d\udcc8<\/span>\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n    <!-- ===========================================================\r\n         BOTTOM CTA BANNER\r\n         =========================================================== -->\r\n    <div class=\"vc-wds-why2-cta\">\r\n      <div class=\"vc-wds-why2-cta-content\">\r\n        <div class=\"vc-wds-why2-cta-text\">\r\n          <h3>\u0986\u09aa\u09a8\u09be\u09b0 Business-\u098f\u09b0 \u099c\u09a8\u09cd\u09af <span class=\"vc-accent\">\u098f\u0995\u099f\u09bf Professional Website<\/span> \u09a6\u09b0\u0995\u09be\u09b0<\/h3>\r\n          <p>\u0986\u099c\u0987 \u0986\u09ae\u09be\u09a6\u09c7\u09b0 \u09b8\u09be\u09a5\u09c7 \u0995\u09a5\u09be \u09ac\u09b2\u09c1\u09a8 \u2014 \u09ab\u09cd\u09b0\u09bf \u09aa\u09b0\u09be\u09ae\u09b0\u09cd\u09b6 \u09a8\u09bf\u09a8 \u098f\u09ac\u0982 \u0986\u09aa\u09a8\u09be\u09b0 Business-\u098f\u09b0 \u099c\u09a8\u09cd\u09af \u0995\u09be\u09b8\u09cd\u099f\u09ae \u0993\u09af\u09bc\u09c7\u09ac\u09b8\u09be\u0987\u099f \u09aa\u09b0\u09bf\u0995\u09b2\u09cd\u09aa\u09a8\u09be \u09b6\u09c1\u09b0\u09c1 \u0995\u09b0\u09c1\u09a8\u0964<\/p>\r\n        <\/div>\r\n        <div class=\"vc-wds-why2-cta-btns\">\r\n          <a href=\"https:\/\/wa.me\/8801703689900?text=\u0986\u09ae\u09be\u09b0%20Business-\u098f\u09b0%20\u099c\u09a8\u09cd\u09af%20Website%20\u09b2\u09be\u0997\u09ac\u09c7\" class=\"vc-wds-why2-cta-btn vc-wds-why2-cta-btn-primary\" target=\"_blank\" rel=\"noopener\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M20 15.5c-1.25 0-2.45-.2-3.57-.57-.35-.11-.74-.03-1.02.24l-2.2 2.2c-2.83-1.44-5.15-3.75-6.59-6.58l2.2-2.21c.28-.27.36-.66.25-1.01C8.7 6.45 8.5 5.25 8.5 4c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1 0 9.39 7.61 17 17 17 .55 0 1-.45 1-1v-3.5c0-.55-.45-1-1-1z\"\/><\/svg>\r\n            \u098f\u0996\u09a8\u0987 \u0995\u09a5\u09be \u09ac\u09b2\u09c1\u09a8\r\n          <\/a>\r\n          <a href=\"https:\/\/spariqo.com\/bd\/\" class=\"vc-wds-why2-cta-btn vc-wds-why2-cta-btn-ghost\" target=\"_blank\" rel=\"noopener\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M2 12h20M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10zM12 2a15.3 15.3 0 0 0-4 10 15.3 15.3 0 0 0 4 10 15.3 15.3 0 0 0 4-10 15.3 15.3 0 0 0-4-10z\"\/><\/svg>\r\n            \u0993\u09af\u09bc\u09c7\u09ac\u09b8\u09be\u0987\u099f \u09a6\u09c7\u0996\u09c1\u09a8\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n\/* =====================================================\r\n   WDS 2nd SECTION JS\r\n   ===================================================== *\/\r\n(function(){\r\n  'use strict';\r\n\r\n  \/* ---------- Stagger entrance 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-wds-why2-card');\r\n          cards.forEach((c, i) => {\r\n            c.style.opacity = '0';\r\n            c.style.transform = 'translateY(40px)';\r\n            c.style.transition = 'opacity .6s ease, transform .6s ease, box-shadow .35s ease, border-color .35s ease';\r\n            setTimeout(() => {\r\n              c.style.opacity = '1';\r\n              c.style.transform = 'translateY(0)';\r\n            }, 120 * i);\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-wds-why2-grid');\r\n    if (grid) observer.observe(grid);\r\n  }\r\n\r\n  \/* ---------- Smooth anchor scroll ---------- *\/\r\n  document.querySelectorAll('.vc-wds-why2 a[href^=\"#\"]').forEach(link => {\r\n    link.addEventListener('click', function(e){\r\n      const href = this.getAttribute('href');\r\n      if (href.length > 1) {\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})();\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-b81a9a6 e-con-full e-flex e-con e-parent\" data-id=\"b81a9a6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-804f2f5 elementor-widget elementor-widget-html\" data-id=\"804f2f5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\nSpariqo\u2122 \u2014 WEBSITE DESIGN SERVICES WE OFFER\r\nSection: Services Overview + Final CTA\r\nPaste: Elementor \u2192 HTML Widget\r\n============================================================ -->\r\n\r\n<style>\r\n\/* ===========================================================\r\nSERVICES SECTION (UNIQUE NAMESPACE)\r\n=========================================================== *\/\r\n.wdcbd-svc-section{\r\nfont-family:var(--vc-font);\r\nposition:relative;\r\npadding:100px 0;\r\nbackground:#fafaf7;\r\noverflow:hidden;\r\n}\r\n\r\n.wdcbd-svc-section .wdcbd-svc-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 Header *\/\r\n.wdcbd-svc-header{\r\ntext-align:center;\r\nmax-width:800px;\r\nmargin:0 auto 50px;\r\n}\r\n.wdcbd-svc-header h2{\r\nfont-size:38px;\r\nline-height:1.3;\r\ncolor:var(--vc-blue);\r\nfont-weight:700;\r\nmargin:0 0 20px;\r\n}\r\n.wdcbd-svc-header h2 .vc-accent{\r\ncolor:var(--vc-orange);\r\nposition:relative;\r\ndisplay:inline-block;\r\n}\r\n.wdcbd-svc-header h2 .vc-accent::after{\r\ncontent:\"\";\r\nposition:absolute;\r\nbottom:6px;\r\nleft:0;\r\nwidth:100%;\r\nheight:14px;\r\nbackground:rgba(242,107,29,.16);\r\nborder-radius:6px;\r\nz-index:-1;\r\ntransform:skewX(-12deg);\r\n}\r\n.wdcbd-svc-header p{\r\ncolor:var(--vc-muted);\r\nfont-size:17px;\r\nline-height:1.7;\r\nmargin:0;\r\n}\r\n\r\n\/* Services Grid *\/\r\n.wdcbd-svc-grid{\r\ndisplay:grid;\r\ngrid-template-columns:repeat(2, 1fr);\r\ngap:24px;\r\nmargin-bottom:60px;\r\n}\r\n\r\n\/* Service Card *\/\r\n.wdcbd-svc-card{\r\nbackground:var(--vc-white);\r\nborder:1.5px solid var(--vc-line);\r\nborder-radius:16px;\r\npadding:32px;\r\ntransition:all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\r\nposition:relative;\r\noverflow:hidden;\r\n}\r\n.wdcbd-svc-card::before{\r\ncontent:\"\";\r\nposition:absolute;\r\ntop:0;\r\nleft:0;\r\nwidth:100%;\r\nheight:4px;\r\nbackground:linear-gradient(90deg, var(--vc-orange) 0%, var(--vc-blue) 100%);\r\ntransform:scaleX(0);\r\ntransform-origin:left;\r\ntransition:transform 0.4s ease;\r\n}\r\n.wdcbd-svc-card:hover{\r\ntransform:translateY(-6px);\r\nbox-shadow:0 20px 40px rgba(21,58,140,.10);\r\nborder-color:var(--vc-orange-soft);\r\n}\r\n.wdcbd-svc-card:hover::before{\r\ntransform:scaleX(1);\r\n}\r\n\r\n.wdcbd-svc-icon{\r\nfont-size:36px;\r\nline-height:1;\r\nmargin-bottom:16px;\r\ndisplay:block;\r\n}\r\n\r\n.wdcbd-svc-card h3{\r\nfont-size:22px;\r\nfont-weight:700;\r\ncolor:var(--vc-blue);\r\nmargin:0 0 14px;\r\nline-height:1.3;\r\n}\r\n\r\n.wdcbd-svc-card p{\r\ncolor:var(--vc-muted);\r\nfont-size:15.5px;\r\nline-height:1.7;\r\nmargin:0 0 16px;\r\n}\r\n\r\n.wdcbd-svc-card .wdcbd-svc-subtitle{\r\nfont-size:14px;\r\nfont-weight:700;\r\ncolor:var(--vc-ink);\r\ntext-transform:uppercase;\r\nletter-spacing:0.5px;\r\nmargin:20px 0 10px;\r\ndisplay:block;\r\n}\r\n\r\n.wdcbd-svc-card ul{\r\nlist-style:none;\r\npadding:0;\r\nmargin:0;\r\ndisplay:flex;\r\nflex-direction:column;\r\ngap:8px;\r\n}\r\n\r\n.wdcbd-svc-card ul li{\r\nposition:relative;\r\npadding-left:22px;\r\ncolor:var(--vc-muted);\r\nfont-size:14.5px;\r\nline-height:1.5;\r\n}\r\n.wdcbd-svc-card ul li::before{\r\ncontent:\"\";\r\nposition:absolute;\r\nleft:0;\r\ntop:7px;\r\nwidth:8px;\r\nheight:8px;\r\nbackground:var(--vc-orange);\r\nborder-radius:50%;\r\n}\r\n\r\n\/* Full width card for Custom\/Landing if needed, but grid handles it nicely *\/\r\n.wdcbd-svc-card.wdcbd-svc-full{\r\ngrid-column:1 \/ -1;\r\n}\r\n\r\n\/* ===========================================================\r\nFINAL CTA BLOCK (LIGHT VERSION)\r\n=========================================================== *\/\r\n.wdcbd-svc-cta{\r\nbackground:var(--vc-white);\r\nborder-radius:24px;\r\npadding:50px 40px;\r\ntext-align:center;\r\nborder:1px solid var(--vc-line);\r\nbox-shadow:0 15px 40px rgba(21,58,140,.06);\r\nposition:relative;\r\noverflow:hidden;\r\n}\r\n.wdcbd-svc-cta::before{\r\ncontent:\"\";\r\nposition:absolute;\r\ntop:0;\r\nleft:0;\r\nwidth:100%;\r\nheight:5px;\r\nbackground:linear-gradient(90deg, var(--vc-orange) 0%, var(--vc-blue) 100%);\r\n}\r\n\r\n.wdcbd-svc-cta h3{\r\nfont-size:32px;\r\nfont-weight:700;\r\ncolor:var(--vc-blue);\r\nmargin:0 0 16px;\r\n}\r\n.wdcbd-svc-cta p{\r\ncolor:var(--vc-muted);\r\nfont-size:17px;\r\nline-height:1.7;\r\nmargin:0 0 10px;\r\n}\r\n.wdcbd-svc-cta .wdcbd-svc-rocket{\r\nfont-size:28px;\r\ndisplay:inline-block;\r\nvertical-align:middle;\r\n}\r\n\r\n\/* CTA Buttons *\/\r\n.wdcbd-svc-actions{\r\ndisplay:flex;\r\nflex-wrap:wrap;\r\njustify-content:center;\r\nalign-items:center;\r\ngap:14px;\r\nmargin-top:30px;\r\n}\r\n\r\n.wdcbd-svc-btn{\r\ndisplay:inline-flex;\r\nalign-items:center;\r\njustify-content:center;\r\ngap:10px;\r\npadding:15px 30px;\r\nfont-size:16px;\r\nfont-weight:600;\r\nfont-family:var(--vc-font);\r\nline-height:1;\r\ntext-decoration:none;\r\nborder:none;\r\nborder-radius:50px;\r\ncursor:pointer;\r\ntransition:all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\r\nposition:relative;\r\noverflow:hidden;\r\nwhite-space:nowrap;\r\nletter-spacing:0.3px;\r\n}\r\n\r\n.wdcbd-svc-btn-primary{\r\nbackground:linear-gradient(135deg, #F26B1D 0%, #FF8C42 100%);\r\ncolor:#ffffff;\r\nbox-shadow:0 8px 20px rgba(242,107,29,0.35);\r\n}\r\n.wdcbd-svc-btn-primary::before{\r\ncontent:\"\";\r\nposition:absolute;\r\ntop:50%;\r\nleft:50%;\r\nwidth:0;\r\nheight:0;\r\nbackground:rgba(255,255,255,0.2);\r\nborder-radius:50%;\r\ntransform:translate(-50%, -50%);\r\ntransition:width 0.6s ease, height 0.6s ease;\r\n}\r\n.wdcbd-svc-btn-primary:hover{\r\ntransform:translateY(-3px);\r\nbox-shadow:0 12px 28px rgba(242,107,29,0.5);\r\nbackground:linear-gradient(135deg, #FF8C42 0%, #F26B1D 100%);\r\n}\r\n.wdcbd-svc-btn-primary:hover::before{\r\nwidth:300px;\r\nheight:300px;\r\n}\r\n.wdcbd-svc-btn-primary:active{\r\ntransform:translateY(-1px);\r\nbox-shadow:0 6px 15px rgba(242,107,29,0.4);\r\n}\r\n.wdcbd-svc-btn-primary .wdcbd-btn-icon{\r\ndisplay:inline-flex;\r\nalign-items:center;\r\njustify-content:center;\r\nwidth:20px;\r\nheight:20px;\r\ntransition:transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n.wdcbd-svc-btn-primary:hover .wdcbd-btn-icon{\r\ntransform:translateX(4px);\r\n}\r\n\r\n.wdcbd-svc-btn-whatsapp{\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:16px;\r\npadding:14px 28px;\r\nborder-radius:50px;\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-svc-btn-whatsapp: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-svc-btn-whatsapp svg{\r\nwidth:18px;\r\nheight:18px;\r\ntransition:transform .3s ease;\r\n}\r\n.wdcbd-svc-btn-whatsapp:hover svg{\r\ntransform:rotate(-12deg) scale(1.1);\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width:992px){\r\n.wdcbd-svc-grid{\r\ngrid-template-columns:1fr;\r\n}\r\n.wdcbd-svc-header h2{\r\nfont-size:32px;\r\n}\r\n}\r\n@media (max-width:768px){\r\n.wdcbd-svc-section{\r\npadding:70px 0;\r\n}\r\n.wdcbd-svc-header h2{\r\nfont-size:28px;\r\n}\r\n.wdcbd-svc-header p{\r\nfont-size:15.5px;\r\n}\r\n.wdcbd-svc-card{\r\npadding:24px;\r\n}\r\n.wdcbd-svc-card h3{\r\nfont-size:20px;\r\n}\r\n.wdcbd-svc-cta{\r\npadding:36px 24px;\r\n}\r\n.wdcbd-svc-cta h3{\r\nfont-size:26px;\r\n}\r\n.wdcbd-svc-cta p{\r\nfont-size:15.5px;\r\n}\r\n.wdcbd-svc-actions{\r\nflex-direction:column;\r\nwidth:100%;\r\n}\r\n.wdcbd-svc-btn, .wdcbd-svc-btn-whatsapp{\r\nwidth:100%;\r\njustify-content:center;\r\npadding:15px 24px;\r\nfont-size:15px;\r\n}\r\n.wdcbd-svc-btn-whatsapp svg{\r\ndisplay:none;\r\n}\r\n}\r\n<\/style>\r\n\r\n<!-- ===== WEBSITE DESIGN SERVICES - Section ===== -->\r\n<section class=\"wdcbd-svc-section\" id=\"website-design-services-offered\">\r\n\r\n<div class=\"wdcbd-svc-wrap\">\r\n\r\n<!-- Section Header -->\r\n<div class=\"wdcbd-svc-header\">\r\n<h2>Website Design Services <span class=\"vc-accent\">We Offer<\/span><\/h2>\r\n<p>\u0986\u09aa\u09a8\u09be\u09b0 Business-\u098f\u09b0 \u09aa\u09cd\u09b0\u09af\u09bc\u09cb\u099c\u09a8 \u0985\u09a8\u09c1\u09af\u09be\u09af\u09bc\u09c0 Spariqo\u2122 \u09ac\u09bf\u09ad\u09bf\u09a8\u09cd\u09a8 \u09a7\u09b0\u09a8\u09c7\u09b0 web design services \u09aa\u09cd\u09b0\u09a6\u09be\u09a8 \u0995\u09b0\u09c7\u0964<\/p>\r\n<\/div>\r\n\r\n<!-- Services Grid -->\r\n<div class=\"wdcbd-svc-grid\">\r\n\r\n<!-- Service 1 -->\r\n<div class=\"wdcbd-svc-card\">\r\n<span class=\"wdcbd-svc-icon\">\ud83c\udfe2<\/span>\r\n<h3>Business Website Design<\/h3>\r\n<p>Company, agency, startup, local business \u098f\u09ac\u0982 professional service provider-\u098f\u09b0 \u099c\u09a8\u09cd\u09af modern <a href=\"https:\/\/spariqo.com\/bd\/wordpress-website-design-in-bd\/\">\r\n  WordPress Website Design\r\n<\/a>\u0964<\/p>\r\n<span class=\"wdcbd-svc-subtitle\">Ideal for:<\/span>\r\n<ul>\r\n<li>Consultants, agencies, construction companies, service businesses, startups \u098f\u09ac\u0982 SMEs\u0964<\/li>\r\n<\/ul>\r\n<\/div>\r\n\r\n<!-- Service 2 -->\r\n<div class=\"wdcbd-svc-card\">\r\n<span class=\"wdcbd-svc-icon\">\ud83d\uded2<\/span>\r\n<h3>E-commerce Website Design<\/h3>\r\n<p>\u0986\u09aa\u09a8\u09be\u09b0 Products online-\u098f showcase \u098f\u09ac\u0982 sell \u0995\u09b0\u09be\u09b0 \u099c\u09a8\u09cd\u09af complete E-commerce website\u0964<\/p>\r\n<span class=\"wdcbd-svc-subtitle\">Features can include:<\/span>\r\n<p>Product catalog, Unlimited products, Shopping cart, Checkout system, Order management, Payment integration, Customer accounts, Product categories, Promotional sections\r\n<\/p>\r\n<span class=\"wdcbd-svc-subtitle\">Ideal for:<\/span>\r\n<ul>\r\n<li>Fashion, cosmetics, electronics, shoes, jewelry, furniture, home decor \u098f\u09ac\u0982 \u0985\u09a8\u09cd\u09af\u09be\u09a8\u09cd\u09af online businesses\u0964<\/li>\r\n<\/ul>\r\n<\/div>\r\n\r\n<!-- Service 3 -->\r\n<div class=\"wdcbd-svc-card\">\r\n<span class=\"wdcbd-svc-icon\">\ud83d\udcbb<\/span>\r\n<h3>WordPress Website Design<\/h3>\r\n<p>Flexible, easy-to-manage \u098f\u09ac\u0982 scalable WordPress website for businesses.<\/p>\r\n<p>\u0986\u09aa\u09a8\u09bf \u09af\u09a6\u09bf \u09ad\u09ac\u09bf\u09b7\u09cd\u09af\u09a4\u09c7 \u09a8\u09bf\u099c\u09c7\u09b0 Website-\u098f\u09b0 content, images, services \u09ac\u09be products \u09a8\u09bf\u099c\u09c7\u0987 update \u0995\u09b0\u09a4\u09c7 \u099a\u09be\u09a8, WordPress \u098f\u0995\u099f\u09bf practical solution \u09b9\u09a4\u09c7 \u09aa\u09be\u09b0\u09c7\u0964<\/p>\r\n<\/div>\r\n\r\n<!-- Service 4 -->\r\n<div class=\"wdcbd-svc-card\">\r\n<span class=\"wdcbd-svc-icon\">\ud83c\udfa8<\/span>\r\n<h3>Custom Website Design<\/h3>\r\n<p>\u0986\u09aa\u09a8\u09be\u09b0 Business-\u098f\u09b0 Brand Identity, audience \u098f\u09ac\u0982 requirements \u0985\u09a8\u09c1\u09af\u09be\u09af\u09bc\u09c0 custom UI\/UX design\u0964<\/p>\r\n<p>No one-size-fits-all approach.<\/p>\r\n<p>\u0986\u09aa\u09a8\u09be\u09b0 Business \u0985\u09a8\u09cd\u09af\u09a6\u09c7\u09b0 \u09a5\u09c7\u0995\u09c7 \u0986\u09b2\u09be\u09a6\u09be \u09b9\u09b2\u09c7 Website-\u099f\u09be\u0993 \u09b8\u09c7\u0987 uniqueness reflect \u0995\u09b0\u09be \u0989\u099a\u09bf\u09a4\u0964<\/p>\r\n<\/div>\r\n\r\n<!-- Service 5 -->\r\n<div class=\"wdcbd-svc-card wdcbd-svc-full\">\r\n<span class=\"wdcbd-svc-icon\">\ud83d\udce3<\/span>\r\n<h3>Landing Page Design<\/h3>\r\n<p>Google Ads, Facebook Ads, lead generation campaign \u098f\u09ac\u0982 specific service promotion-\u098f\u09b0 \u099c\u09a8\u09cd\u09af focused landing page\u0964<\/p>\r\n<p>Landing page-\u098f\u09b0 \u09b2\u0995\u09cd\u09b7\u09cd\u09af \u09b9\u09b2\u09cb visitor-\u0995\u09c7 unnecessary information \u09a6\u09bf\u09af\u09bc\u09c7 confuse \u09a8\u09be \u0995\u09b0\u09c7 \u098f\u0995\u099f\u09bf clear action-\u098f\u09b0 \u09a6\u09bf\u0995\u09c7 \u09a8\u09bf\u09af\u09bc\u09c7 \u09af\u09be\u0993\u09af\u09bc\u09be\u0964<\/p>\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<!-- Final CTA Block -->\r\n<div class=\"wdcbd-svc-cta\">\r\n<h3>Ready to Build Your Website?<\/h3>\r\n<p>\u0986\u09aa\u09a8\u09be\u09b0 Business-\u098f\u09b0 \u099c\u09a8\u09cd\u09af \u098f\u0995\u099f\u09bf Professional Website \u09ac\u09be\u09a8\u09bf\u09af\u09bc\u09c7 \u09a8\u09bf\u09a8\u0964<\/p>\r\n<p>\u099a\u09b2\u09c1\u09a8, \u0986\u09aa\u09a8\u09be\u09b0 Website \u09b6\u09c1\u09b0\u09c1 \u0995\u09b0\u09bf! <span class=\"wdcbd-svc-rocket\">\ud83d\ude80<\/span><\/p>\r\n\r\n<div class=\"wdcbd-svc-actions\">\r\n<a href=\"https:\/\/spariqo.com\/bd\/contact-us\/\" class=\"wdcbd-svc-btn wdcbd-svc-btn-primary\">\r\nGet Started\r\n<span class=\"wdcbd-btn-icon\">\r\n<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n<\/span>\r\n<\/a>\r\n<a href=\"https:\/\/wa.me\/8801703689900\" target=\"_blank\" rel=\"noopener\" class=\"wdcbd-svc-btn wdcbd-svc-btn-whatsapp\">\r\n<svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347\"\/><\/svg>\r\nWhatsapp 01703689900\r\n<\/a>\r\n<\/div>\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c130f7b e-con-full e-flex e-con e-parent\" data-id=\"c130f7b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-91ddf64 elementor-widget elementor-widget-html\" data-id=\"91ddf64\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     SPARIQO \u2014 Website Design Services\r\n     5th Section (Why Our Approach is Different) \u2014 Content preserved EXACTLY\r\n     Paste: Elementor \u2192 HTML Widget\r\n     ============================================================ -->\r\n\r\n<style>\r\n\/* ===========================================================\r\n   ROOT + RESET\r\n   =========================================================== *\/\r\n.vc-wds-diff *,.vc-wds-diff *::before,.vc-wds-diff *::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-orange:#f26b1d;\r\n  --vc-orange-2:#d95a12;\r\n  --vc-orange-soft:#ffb387;\r\n  --vc-orange-tint:rgba(242,107,29,.10);\r\n  --vc-orange-tint-2:rgba(242,107,29,.06);\r\n  --vc-ink:#1c2440;\r\n  --vc-muted:#5a627a;\r\n  --vc-line:#e8e6e0;\r\n  --vc-white:#fff;\r\n  --vc-bg-soft:#fafaf7;\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\r\n   =========================================================== *\/\r\n.vc-wds-diff{\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.vc-wds-diff::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  top:0;left:0;right:0;height:1px;\r\n  background:linear-gradient(90deg,transparent,rgba(21,58,140,.15) 50%,transparent);\r\n}\r\n.vc-wds-diff::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  bottom:10%;right:-100px;\r\n  width:400px;height:400px;\r\n  background:radial-gradient(circle,rgba(242,107,29,.10) 0%,transparent 70%);\r\n  pointer-events:none;\r\n}\r\n\r\n.vc-wds-diff .vc-wds-diff-wrap{\r\n  max-width:1200px;\r\n  margin:0 auto;\r\n  padding:0 24px;\r\n  position:relative;\r\n  z-index:1;\r\n}\r\n\r\n\/* ===========================================================\r\n   HEADER (centered)\r\n   =========================================================== *\/\r\n.vc-wds-diff .vc-wds-diff-head{\r\n  text-align:center;\r\n  margin-bottom:60px;\r\n}\r\n.vc-wds-diff .vc-wds-diff-badge{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:8px;\r\n  background:rgba(21,58,140,.08);\r\n  border:1px solid rgba(21,58,140,.20);\r\n  color:var(--vc-blue);\r\n  font-size:13px;\r\n  font-weight:600;\r\n  padding:7px 18px;\r\n  border-radius:30px;\r\n  margin-bottom:18px;\r\n}\r\n.vc-wds-diff .vc-wds-diff-badge::before{\r\n  content:\"\u2728\";\r\n  font-size:14px;\r\n}\r\n.vc-wds-diff .vc-wds-diff-title{\r\n  font-size:36px;\r\n  font-weight:800;\r\n  color:var(--vc-blue);\r\n  line-height:1.25;\r\n  letter-spacing:-.01em;\r\n  margin-bottom:14px;\r\n  max-width:820px;\r\n  margin-left:auto;\r\n  margin-right:auto;\r\n}\r\n.vc-wds-diff .vc-wds-diff-title .vc-accent{\r\n  color:var(--vc-orange);\r\n  position:relative;\r\n  display:inline-block;\r\n}\r\n.vc-wds-diff .vc-wds-diff-title .vc-accent::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  bottom:2px;left:0;\r\n  width:100%;height:8px;\r\n  background:rgba(242,107,29,.18);\r\n  border-radius:4px;\r\n  z-index:-1;\r\n}\r\n.vc-wds-diff .vc-wds-diff-subtitle{\r\n  max-width:680px;\r\n  margin:0 auto;\r\n  color:var(--vc-muted);\r\n  font-size:16px;\r\n  line-height:1.6;\r\n}\r\n\r\n\/* ===========================================================\r\n   5-PILLAR HORIZONTAL LAYOUT\r\n   =========================================================== *\/\r\n.vc-wds-diff .vc-wds-diff-pillars{\r\n  display:grid;\r\n  grid-template-columns:1fr;\r\n  gap:20px;\r\n  margin-bottom:50px;\r\n}\r\n\r\n\/* Each pillar card *\/\r\n.vc-wds-diff .vc-wds-diff-pillar{\r\n  position:relative;\r\n  background:#fff;\r\n  border:1px solid var(--vc-line);\r\n  border-radius:16px;\r\n  padding:34px 36px 32px;\r\n  transition:all .35s ease;\r\n  display:grid;\r\n  grid-template-columns:80px 1fr;\r\n  gap:24px;\r\n  align-items:flex-start;\r\n  overflow:hidden;\r\n}\r\n.vc-wds-diff .vc-wds-diff-pillar::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  left:0;top:0;\r\n  width:0;height:100%;\r\n  background:linear-gradient(90deg,var(--vc-orange-tint-2) 0%,transparent 60%);\r\n  transition:width .5s ease;\r\n  z-index:0;\r\n}\r\n.vc-wds-diff .vc-wds-diff-pillar:hover{\r\n  transform:translateY(-3px);\r\n  box-shadow:0 18px 40px rgba(20,40,100,.10);\r\n  border-color:rgba(242,107,29,.25);\r\n}\r\n.vc-wds-diff .vc-wds-diff-pillar:hover::before{\r\n  width:100%;\r\n}\r\n\r\n\/* Pillar icon (left side) *\/\r\n.vc-wds-diff .vc-wds-diff-icon{\r\n  width:80px;height:80px;\r\n  border-radius:18px;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  font-size:36px;\r\n  background:linear-gradient(135deg,var(--vc-orange) 0%,var(--vc-orange-2) 100%);\r\n  box-shadow:0 10px 24px rgba(242,107,29,.30);\r\n  flex-shrink:0;\r\n  position:relative;\r\n  overflow:hidden;\r\n  transition:transform .35s ease;\r\n  z-index:1;\r\n}\r\n.vc-wds-diff .vc-wds-diff-icon::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n  background:linear-gradient(135deg,rgba(255,255,255,.2),rgba(255,255,255,0));\r\n}\r\n.vc-wds-diff .vc-wds-diff-pillar:hover .vc-wds-diff-icon{\r\n  transform:rotate(-8deg) scale(1.05);\r\n  box-shadow:0 14px 30px rgba(242,107,29,.40);\r\n}\r\n\r\n\/* Pillar content (right side) *\/\r\n.vc-wds-diff .vc-wds-diff-content{\r\n  flex:1;\r\n  min-width:0;\r\n  position:relative;\r\n  z-index:1;\r\n}\r\n.vc-wds-diff .vc-wds-diff-pillar-title{\r\n  font-size:22px;\r\n  font-weight:700;\r\n  color:var(--vc-blue);\r\n  line-height:1.3;\r\n  margin-bottom:10px;\r\n  transition:color .3s ease;\r\n}\r\n.vc-wds-diff .vc-wds-diff-pillar:hover .vc-wds-diff-pillar-title{\r\n  color:var(--vc-orange);\r\n}\r\n.vc-wds-diff .vc-wds-diff-pillar-desc{\r\n  font-size:15px;\r\n  line-height:1.7;\r\n  color:var(--vc-muted);\r\n  margin:0;\r\n}\r\n.vc-wds-diff .vc-wds-diff-pillar-desc strong{\r\n  color:var(--vc-ink);\r\n  font-weight:600;\r\n}\r\n\r\n\/* Highlight box (intro before pillars) *\/\r\n.vc-wds-diff .vc-wds-diff-intro{\r\n  background:linear-gradient(135deg,rgba(21,58,140,.04) 0%,rgba(242,107,29,.04) 100%);\r\n  border:1px solid var(--vc-line);\r\n  border-left:4px solid var(--vc-orange);\r\n  border-radius:0 14px 14px 0;\r\n  padding:24px 30px;\r\n  margin-bottom:50px;\r\n  display:flex;\r\n  align-items:flex-start;\r\n  gap:18px;\r\n}\r\n.vc-wds-diff .vc-wds-diff-intro-icon{\r\n  width:50px;height:50px;\r\n  border-radius:14px;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  font-size:22px;\r\n  background:var(--vc-orange);\r\n  color:#fff;\r\n  flex-shrink:0;\r\n  box-shadow:0 8px 20px rgba(242,107,29,.30);\r\n}\r\n.vc-wds-diff .vc-wds-diff-intro-content{\r\n  flex:1;\r\n  min-width:0;\r\n}\r\n.vc-wds-diff .vc-wds-diff-intro-title{\r\n  font-size:18px;\r\n  font-weight:700;\r\n  color:var(--vc-blue);\r\n  margin-bottom:8px;\r\n}\r\n.vc-wds-diff .vc-wds-diff-intro-desc{\r\n  font-size:14.5px;\r\n  line-height:1.7;\r\n  color:var(--vc-muted);\r\n  margin:0;\r\n}\r\n\r\n\/* Nested list (inside Design That Has a Purpose pillar) *\/\r\n.vc-wds-diff .vc-wds-diff-nested{\r\n  list-style:none;\r\n  margin:14px 0 0;\r\n  padding:16px 18px;\r\n  background:var(--vc-bg-soft);\r\n  border:1px solid var(--vc-line);\r\n  border-radius:10px;\r\n  display:grid;\r\n  grid-template-columns:repeat(2,1fr);\r\n  gap:8px 16px;\r\n}\r\n.vc-wds-diff .vc-wds-diff-nested li{\r\n  position:relative;\r\n  padding-left:20px;\r\n  font-size:13.5px;\r\n  color:var(--vc-ink);\r\n  line-height:1.6;\r\n  font-weight:500;\r\n}\r\n.vc-wds-diff .vc-wds-diff-nested li::before{\r\n  content:\"\u2192\";\r\n  color:var(--vc-orange);\r\n  font-weight:700;\r\n  position:absolute;\r\n  left:0;top:0;\r\n  font-size:13px;\r\n}\r\n.vc-wds-diff .vc-wds-diff-nested li strong{\r\n  color:var(--vc-orange);\r\n  font-weight:700;\r\n}\r\n\r\n\/* AI Search callout box (big highlight) *\/\r\n.vc-wds-diff .vc-wds-diff-ai-box{\r\n  background:linear-gradient(135deg,#f8f9ff 0%,#fff5ec 100%);\r\n  border:2px solid rgba(21,58,140,.20);\r\n  border-radius:18px;\r\n  padding:32px 36px;\r\n  margin-top:24px;\r\n  position:relative;\r\n  overflow:hidden;\r\n  box-shadow:0 12px 30px rgba(21,58,140,.08);\r\n}\r\n.vc-wds-diff .vc-wds-diff-ai-box::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  top:0;right:0;\r\n  width:200px;height:200px;\r\n  background:radial-gradient(circle,rgba(242,107,29,.20) 0%,transparent 60%);\r\n  z-index:0;\r\n}\r\n.vc-wds-diff .vc-wds-diff-ai-box-header{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:14px;\r\n  margin-bottom:16px;\r\n  position:relative;\r\n  z-index:1;\r\n}\r\n.vc-wds-diff .vc-wds-diff-ai-icon{\r\n  width:56px;height:56px;\r\n  border-radius:14px;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  font-size:26px;\r\n  background:linear-gradient(135deg,var(--vc-blue) 0%,var(--vc-blue-2) 100%);\r\n  color:#fff;\r\n  flex-shrink:0;\r\n  box-shadow:0 8px 20px rgba(21,58,140,.30);\r\n  position:relative;\r\n  overflow:hidden;\r\n}\r\n.vc-wds-diff .vc-wds-diff-ai-icon::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n  background:linear-gradient(135deg,rgba(255,255,255,.2),rgba(255,255,255,0));\r\n}\r\n.vc-wds-diff .vc-wds-diff-ai-text h4{\r\n  font-size:20px;\r\n  font-weight:700;\r\n  color:var(--vc-blue);\r\n  margin:0;\r\n  line-height:1.3;\r\n}\r\n.vc-wds-diff .vc-wds-diff-ai-box p{\r\n  font-size:14.5px;\r\n  line-height:1.7;\r\n  color:var(--vc-ink);\r\n  margin-bottom:12px;\r\n  position:relative;\r\n  z-index:1;\r\n}\r\n.vc-wds-diff .vc-wds-diff-ai-list{\r\n  list-style:none;\r\n  margin:0;\r\n  padding:0;\r\n  position:relative;\r\n  z-index:1;\r\n}\r\n.vc-wds-diff .vc-wds-diff-ai-list li{\r\n  position:relative;\r\n  padding-left:22px;\r\n  font-size:13.5px;\r\n  line-height:1.6;\r\n  color:var(--vc-ink);\r\n  margin-bottom:6px;\r\n  font-weight:500;\r\n}\r\n.vc-wds-diff .vc-wds-diff-ai-list li::before{\r\n  content:\"\u25c6\";\r\n  color:var(--vc-orange);\r\n  position:absolute;\r\n  left:0;top:-1px;\r\n  font-size:11px;\r\n}\r\n.vc-wds-diff .vc-wds-diff-ai-list li:last-child{margin-bottom:0}\r\n.vc-wds-diff .vc-wds-diff-ai-list strong{\r\n  color:var(--vc-orange);\r\n  font-weight:700;\r\n}\r\n.vc-wds-diff .vc-wds-diff-ai-conclusion{\r\n  margin-top:14px;\r\n  padding:12px 16px;\r\n  background:rgba(21,58,140,.06);\r\n  border-radius:8px;\r\n  font-size:13.5px !important;\r\n  line-height:1.65 !important;\r\n  color:var(--vc-blue) !important;\r\n  font-weight:600;\r\n  position:relative;\r\n  z-index:1;\r\n}\r\n\r\n\/* ===========================================================\r\n   CTA BANNER\r\n   =========================================================== *\/\r\n.vc-wds-diff .vc-wds-diff-cta{\r\n  background:linear-gradient(135deg,var(--vc-blue) 0%,var(--vc-blue-2) 100%);\r\n  border-radius:20px;\r\n  padding:50px 40px;\r\n  text-align:center;\r\n  color:#fff;\r\n  position:relative;\r\n  overflow:hidden;\r\n  box-shadow:0 20px 50px rgba(21,58,140,.25);\r\n}\r\n.vc-wds-diff .vc-wds-diff-cta::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n  background-image:radial-gradient(rgba(255,255,255,.06) 1.5px,transparent 1.5px);\r\n  background-size:22px 22px;\r\n  pointer-events:none;\r\n}\r\n.vc-wds-diff .vc-wds-diff-cta::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  top:0;right:0;\r\n  width:180px;height:180px;\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.vc-wds-diff .vc-wds-diff-cta-content{\r\n  position:relative;\r\n  z-index:1;\r\n}\r\n.vc-wds-diff .vc-wds-diff-cta h3{\r\n  font-size:30px;\r\n  font-weight:800;\r\n  margin-bottom:14px;\r\n  line-height:1.3;\r\n  color:#fff;\r\n}\r\n.vc-wds-diff .vc-wds-diff-cta h3 .vc-accent{\r\n  color:#ffb387;\r\n}\r\n.vc-wds-diff .vc-wds-diff-cta p{\r\n  color:rgba(255,255,255,.88);\r\n  font-size:16px;\r\n  line-height:1.6;\r\n  margin:0 0 28px;\r\n  max-width:620px;\r\n  margin-left:auto;\r\n  margin-right:auto;\r\n}\r\n.vc-wds-diff .vc-wds-diff-cta-btns{\r\n  display:inline-flex;\r\n  flex-wrap:wrap;\r\n  justify-content:center;\r\n  gap:12px;\r\n}\r\n.vc-wds-diff .vc-wds-diff-cta-btn{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:10px;\r\n  padding:14px 28px;\r\n  border-radius:30px;\r\n  font-size:15px;\r\n  font-weight:600;\r\n  text-decoration:none;\r\n  cursor:pointer;\r\n  border:none;\r\n  font-family:inherit;\r\n  transition:all .3s ease;\r\n  white-space:nowrap;\r\n}\r\n.vc-wds-diff .vc-wds-diff-cta-btn svg{width:15px;height:15px;transition:transform .3s ease}\r\n.vc-wds-diff .vc-wds-diff-cta-btn:hover svg{transform:translateX(3px)}\r\n.vc-wds-diff .vc-wds-diff-cta-btn-primary{\r\n  background:var(--vc-orange);\r\n  color:#fff;\r\n  box-shadow:0 10px 26px rgba(242,107,29,.40);\r\n  position:relative;\r\n  overflow:hidden;\r\n}\r\n.vc-wds-diff .vc-wds-diff-cta-btn-primary::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  top:0;left:-100%;width:100%;height:100%;\r\n  background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);\r\n  transition:left .6s ease;\r\n}\r\n.vc-wds-diff .vc-wds-diff-cta-btn-primary:hover::after{left:100%}\r\n.vc-wds-diff .vc-wds-diff-cta-btn-primary:hover{\r\n  background:var(--vc-orange-2);\r\n  transform:translateY(-3px);\r\n  box-shadow:0 14px 32px rgba(242,107,29,.50);\r\n}\r\n.vc-wds-diff .vc-wds-diff-cta-btn-whatsapp{\r\n  background:#25D366;\r\n  color:#fff;\r\n  box-shadow:0 10px 26px rgba(37,211,102,.40);\r\n}\r\n.vc-wds-diff .vc-wds-diff-cta-btn-whatsapp:hover{\r\n  background:#1FAA59;\r\n  transform:translateY(-3px);\r\n  box-shadow:0 14px 32px rgba(37,211,102,.50);\r\n}\r\n\r\n\/* ===========================================================\r\n   ANIMATIONS\r\n   =========================================================== *\/\r\n@keyframes vcWdsDiffFadeUp{\r\n  from{opacity:0;transform:translateY(40px)}\r\n  to  {opacity:1;transform:translateY(0)}\r\n}\r\n\r\n\/* ===========================================================\r\n   RESPONSIVE\r\n   =========================================================== *\/\r\n@media (max-width:992px){\r\n  .vc-wds-diff{padding:80px 0}\r\n  .vc-wds-diff .vc-wds-diff-title{font-size:30px}\r\n  .vc-wds-diff .vc-wds-diff-pillar{padding:28px 24px 26px;gap:18px}\r\n  .vc-wds-diff .vc-wds-diff-icon{width:70px;height:70px;font-size:32px}\r\n  .vc-wds-diff .vc-wds-diff-pillar-title{font-size:20px}\r\n  .vc-wds-diff .vc-wds-diff-cta{padding:40px 30px}\r\n  .vc-wds-diff .vc-wds-diff-cta h3{font-size:24px}\r\n}\r\n@media (max-width:768px){\r\n  .vc-wds-diff{padding:60px 0}\r\n  .vc-wds-diff .vc-wds-diff-title{font-size:26px}\r\n  .vc-wds-diff .vc-wds-diff-pillar{\r\n    grid-template-columns:1fr;\r\n    text-align:center;\r\n    padding:24px 22px;\r\n  }\r\n  .vc-wds-diff .vc-wds-diff-pillar-head{\r\n    flex-direction:column;\r\n    align-items:center;\r\n  }\r\n  .vc-wds-diff .vc-wds-diff-intro{flex-direction:column;align-items:center;text-align:center}\r\n  .vc-wds-diff .vc-wds-diff-intro-desc{text-align:left}\r\n  .vc-wds-diff .vc-wds-diff-nested{grid-template-columns:1fr}\r\n  .vc-wds-diff .vc-wds-diff-ai-box{padding:24px 22px}\r\n  .vc-wds-diff .vc-wds-diff-ai-text h4{font-size:18px}\r\n  .vc-wds-diff .vc-wds-diff-cta{padding:32px 22px}\r\n  .vc-wds-diff .vc-wds-diff-cta h3{font-size:22px}\r\n  .vc-wds-diff .vc-wds-diff-cta-btns{flex-direction:column;align-items:stretch;width:100%}\r\n  .vc-wds-diff .vc-wds-diff-cta-btn{justify-content:center;width:100%}\r\n}\r\n@media (max-width:520px){\r\n  .vc-wds-diff .vc-wds-diff-title{font-size:22px}\r\n  .vc-wds-diff .vc-wds-diff-icon{width:60px;height:60px;font-size:28px}\r\n  .vc-wds-diff .vc-wds-diff-pillar-title{font-size:18px}\r\n  .vc-wds-diff .vc-wds-diff-pillar-desc{font-size:14px;text-align:left}\r\n  .vc-wds-diff .vc-wds-diff-cta h3{font-size:20px}\r\n}\r\n<\/style>\r\n\r\n<!-- =====================================================\r\n     WEBSITE DESIGN SERVICES \u2014 5th SECTION\r\n     (What Makes Us Different) \u2014 Content preserved EXACTLY\r\n     ===================================================== -->\r\n<section class=\"vc-wds-diff\" id=\"wds-different\">\r\n\r\n  <div class=\"vc-wds-diff-wrap\">\r\n\r\n    <!-- ===========================================================\r\n         HEADER\r\n         =========================================================== -->\r\n    <div class=\"vc-wds-diff-head\">\r\n      <div class=\"vc-wds-diff-badge\">\u0986\u09ae\u09be\u09a6\u09c7\u09b0 \u09aa\u09a6\u09cd\u09a7\u09a4\u09bf<\/div>\r\n      <h2 class=\"vc-wds-diff-title\">\r\n        What Makes Our Website Design Services <span class=\"vc-accent\">Different?<\/span>\r\n      <\/h2>\r\n      <p class=\"vc-wds-diff-subtitle\">\r\n        \u0986\u09ae\u09b0\u09be \u09b6\u09c1\u09a7\u09c1 Website-\u0995\u09c7 \u09b8\u09c1\u09a8\u09cd\u09a6\u09b0 \u09a6\u09c7\u0996\u09be\u09a8\u09cb\u09b0 \u099c\u09a8\u09cd\u09af design \u0995\u09b0\u09bf \u09a8\u09be\u0964 \u0986\u09ae\u09b0\u09be \u0986\u09aa\u09a8\u09be\u09b0 Business-\u098f\u09b0 \u099c\u09a8\u09cd\u09af meaningful results \u09a4\u09c8\u09b0\u09bf \u0995\u09b0\u09a4\u09c7 design \u0995\u09b0\u09bf\u0964\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- ===========================================================\r\n         INTRO BOX (highlight quote about purpose-driven design)\r\n         =========================================================== -->\r\n    <div class=\"vc-wds-diff-intro\">\r\n      <div class=\"vc-wds-diff-intro-icon\">\ud83c\udfaf<\/div>\r\n      <div class=\"vc-wds-diff-intro-content\">\r\n        <h3 class=\"vc-wds-diff-intro-title\">\u0986\u09ae\u09b0\u09be Design That Has a Purpose<\/h3>\r\n        <p class=\"vc-wds-diff-intro-desc\">\r\n          \u0986\u09ae\u09b0\u09be \u09b6\u09c1\u09a7\u09c1 Website-\u0995\u09c7 \u09b8\u09c1\u09a8\u09cd\u09a6\u09b0 \u09a6\u09c7\u0996\u09be\u09a8\u09cb\u09b0 \u099c\u09a8\u09cd\u09af design \u0995\u09b0\u09bf \u09a8\u09be\u0964 \u09aa\u09cd\u09b0\u09a5\u09ae\u09c7 \u09ac\u09c1\u099d\u09bf, \u09a4\u09be\u09b0\u09aa\u09b0 solution \u09a4\u09c8\u09b0\u09bf \u0995\u09b0\u09bf\u0964\r\n        <\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- ===========================================================\r\n         5 PILLARS (Content preserved EXACTLY)\r\n         =========================================================== -->\r\n    <div class=\"vc-wds-diff-pillars\">\r\n\r\n      <!-- Pillar 1: Design That Has a Purpose (with sub-questions) -->\r\n      <article class=\"vc-wds-diff-pillar\">\r\n        <div class=\"vc-wds-diff-icon\">\ud83c\udfaf<\/div>\r\n        <div class=\"vc-wds-diff-content\">\r\n          <h3 class=\"vc-wds-diff-pillar-title\">Design That Has a Purpose<\/h3>\r\n          <p class=\"vc-wds-diff-pillar-desc\">\r\n            \u0986\u09ae\u09b0\u09be \u09b6\u09c1\u09a7\u09c1 Website-\u0995\u09c7 \u09b8\u09c1\u09a8\u09cd\u09a6\u09b0 \u09a6\u09c7\u0996\u09be\u09a8\u09cb\u09b0 \u099c\u09a8\u09cd\u09af design \u0995\u09b0\u09bf \u09a8\u09be\u0964 \u09aa\u09cd\u09b0\u09a5\u09ae\u09c7 \u09ac\u09c1\u099d\u09bf:\r\n          <\/p>\r\n          <ul class=\"vc-wds-diff-nested\">\r\n            <li>\u0986\u09aa\u09a8\u09be\u09b0 <strong>Business<\/strong> \u0995\u09c0?<\/li>\r\n            <li>\u0986\u09aa\u09a8\u09be\u09b0 <strong>Customer<\/strong> \u0995\u09be\u09b0\u09be?<\/li>\r\n            <li>\u0986\u09aa\u09a8\u09bf <strong>\u0995\u09c0 sell<\/strong> \u0995\u09b0\u09c7\u09a8?<\/li>\r\n            <li>Customer Website-\u098f \u098f\u09b8\u09c7 <strong>\u0995\u09c0 action<\/strong> \u09a8\u09c7\u09ac\u09c7?<\/li>\r\n          <\/ul>\r\n          <p class=\"vc-wds-diff-pillar-desc\" style=\"margin-top:14px\">\r\n            \u09a4\u09be\u09b0\u09aa\u09b0 \u09b8\u09c7\u0987 information-\u098f\u09b0 \u09ad\u09bf\u09a4\u09cd\u09a4\u09bf\u09a4\u09c7 Website structure, content hierarchy, CTA \u098f\u09ac\u0982 user journey \u09a4\u09c8\u09b0\u09bf \u0995\u09b0\u09be \u09b9\u09af\u09bc\u0964\r\n          <\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- Pillar 2: Custom UI\/UX -->\r\n      <article class=\"vc-wds-diff-pillar\">\r\n        <div class=\"vc-wds-diff-icon\">\ud83c\udfa8<\/div>\r\n        <div class=\"vc-wds-diff-content\">\r\n          <h3 class=\"vc-wds-diff-pillar-title\">Custom UI\/UX<\/h3>\r\n          <p class=\"vc-wds-diff-pillar-desc\">\r\n            \u0986\u09aa\u09a8\u09be\u09b0 Brand-\u098f\u09b0 colour, typography, visual identity \u098f\u09ac\u0982 Business personality \u0985\u09a8\u09c1\u09af\u09be\u09af\u09bc\u09c0 Website design \u0995\u09b0\u09be \u09b9\u09af\u09bc\u0964\r\n          <\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- Pillar 3: Responsive Design -->\r\n      <article class=\"vc-wds-diff-pillar\">\r\n        <div class=\"vc-wds-diff-icon\">\ud83d\udcf1<\/div>\r\n        <div class=\"vc-wds-diff-content\">\r\n          <h3 class=\"vc-wds-diff-pillar-title\">Responsive Design<\/h3>\r\n          <p class=\"vc-wds-diff-pillar-desc\">\r\n            Desktop \u09a5\u09c7\u0995\u09c7 mobile \u09aa\u09cd\u09b0\u09a4\u09bf\u099f\u09bf device-\u098f\u09b0 \u099c\u09a8\u09cd\u09af usable experience \u09a4\u09c8\u09b0\u09bf \u0995\u09b0\u09be \u09b9\u09af\u09bc\u0964\r\n          <\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- Pillar 4: Performance Focused -->\r\n      <article class=\"vc-wds-diff-pillar\">\r\n        <div class=\"vc-wds-diff-icon\">\u26a1<\/div>\r\n        <div class=\"vc-wds-diff-content\">\r\n          <h3 class=\"vc-wds-diff-pillar-title\">Performance Focused<\/h3>\r\n          <p class=\"vc-wds-diff-pillar-desc\">\r\n            Unnecessary elements \u0995\u09ae\u09bf\u09af\u09bc\u09c7 Website-\u098f\u09b0 loading experience \u098f\u09ac\u0982 usability-\u098f\u09b0 \u09a6\u09bf\u0995\u09c7 \u0997\u09c1\u09b0\u09c1\u09a4\u09cd\u09ac \u09a6\u09c7\u0993\u09af\u09bc\u09be \u09b9\u09af\u09bc\u0964\r\n          <\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- Pillar 5: SEO-Friendly Foundation -->\r\n      <article class=\"vc-wds-diff-pillar\">\r\n        <div class=\"vc-wds-diff-icon\">\ud83d\udd0d<\/div>\r\n        <div class=\"vc-wds-diff-content\">\r\n          <h3 class=\"vc-wds-diff-pillar-title\">SEO-Friendly Foundation<\/h3>\r\n          <p class=\"vc-wds-diff-pillar-desc\">\r\n            Proper heading structure, metadata implementation, crawlable content, <a href=\"https:\/\/spariqo.com\/bd\/link-building-services-in-bangladesh\/\">\r\n  internal linking\r\n<\/a>, image optimization \u098f\u09ac\u0982 relevant <span style=\"color: #5a627a;\">\r\n  <a href=\"https:\/\/developers.google.com\/search\/docs\/appearance\/structured-data\/intro-structured-data\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"color: #5a627a;\">\r\n    structured data\r\n  <\/a>\r\n<\/span>a-\u098f\u09b0 \u09ae\u09a4\u09cb foundational SEO elements project scope \u0985\u09a8\u09c1\u09af\u09be\u09af\u09bc\u09c0 implement \u0995\u09b0\u09be \u09af\u09be\u09af\u09bc\u0964\r\n          <\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- Pillar 6: AI Search & GEO Ready (with special callout box) -->\r\n      <article class=\"vc-wds-diff-pillar\">\r\n        <div class=\"vc-wds-diff-icon\">\ud83e\udd16<\/div>\r\n        <div class=\"vc-wds-diff-content\">\r\n          <h3 class=\"vc-wds-diff-pillar-title\">AI Search & GEO Ready<\/h3>\r\n          <p class=\"vc-wds-diff-pillar-desc\">\r\n            \u0986\u099c customer \u09b6\u09c1\u09a7\u09c1 Google-\u098f\u09b0 traditional search \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09c7 \u09a8\u09be\u0964 AI-powered search \u098f\u09ac\u0982 answer engines-\u0993 Business information discover \u0995\u09b0\u09be\u09b0 \u098f\u0995\u099f\u09bf \u0997\u09c1\u09b0\u09c1\u09a4\u09cd\u09ac\u09aa\u09c2\u09b0\u09cd\u09a3 channel \u09b9\u09af\u09bc\u09c7 \u0989\u09a0\u099b\u09c7\u0964\r\n          <\/p>\r\n          <p class=\"vc-wds-diff-pillar-desc\" style=\"margin-top:10px\">\r\n            \u09a4\u09be\u0987 Website content-\u098f \u09b6\u09c1\u09a7\u09c1 keywords \u09a8\u09af\u09bc, clear entities, services, locations, expertise, FAQs, business information \u098f\u09ac\u0982 context \u09b0\u09be\u0996\u09be \u0997\u09c1\u09b0\u09c1\u09a4\u09cd\u09ac\u09aa\u09c2\u09b0\u09cd\u09a3\u0964\r\n          <\/p>\r\n\r\n          <!-- Special AI Search highlight box -->\r\n          <div class=\"vc-wds-diff-ai-box\">\r\n            <div class=\"vc-wds-diff-ai-box-header\">\r\n              <div class=\"vc-wds-diff-ai-icon\">\ud83e\udd16<\/div>\r\n              <div class=\"vc-wds-diff-ai-text\">\r\n                <h4>AI Search & GEO Strategy<\/h4>\r\n              <\/div>\r\n            <\/div>\r\n            <p>\u0986\u09ae\u09b0\u09be modern search optimization strategy \u0985\u09a8\u09c1\u09b8\u09b0\u09a3 \u0995\u09b0\u09bf \u09af\u09c7\u0996\u09be\u09a8\u09c7 content structured \u0993 discoverable \u0995\u09b0\u09be \u09b9\u09af\u09bc \u2014 \u09b6\u09c1\u09a7\u09c1 keywords \u09a8\u09af\u09bc\u0964<\/p>\r\n            <ul class=\"vc-wds-diff-ai-list\">\r\n              <li><strong>Clear entities<\/strong> \u2014 Business, services, locations, expertise<\/li>\r\n              <li><strong>FAQ content<\/strong> \u2014 Common questions & detailed answers<\/li>\r\n              <li><strong>Business information<\/strong> \u2014 Context, history, credentials<\/li>\r\n              <li><strong>Structured data<\/strong> \u2014 Schema markup for AI understanding<\/li>\r\n            <\/ul>\r\n            <div class=\"vc-wds-diff-ai-conclusion\">\r\n              \u098f\u099f\u09bf AI systems-\u0995\u09c7 \u0986\u09aa\u09a8\u09be\u09b0 Business \u09b8\u09ae\u09cd\u09aa\u09b0\u09cd\u0995\u09c7 \u0986\u09b0\u0993 structured understanding \u09a6\u09bf\u09a4\u09c7 \u09b8\u09be\u09b9\u09be\u09af\u09cd\u09af \u0995\u09b0\u09a4\u09c7 \u09aa\u09be\u09b0\u09c7\u0964\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n    <!-- ===========================================================\r\n         BOTTOM CTA\r\n         =========================================================== -->\r\n    <div class=\"vc-wds-diff-cta\">\r\n      <div class=\"vc-wds-diff-cta-content\">\r\n        <h3>\u0986\u09aa\u09a8\u09be\u09b0 Business-\u098f\u09b0 \u099c\u09a8\u09cd\u09af <span class=\"vc-accent\">\u098f\u0995\u099f\u09bf \u09ad\u09be\u09b2\u09cb Website<\/span> \u09a6\u09b0\u0995\u09be\u09b0<\/h3>\r\n        <p>\u0986\u09ae\u09b0\u09be \u0986\u09aa\u09a8\u09be\u09b0 Business-\u098f\u09b0 \u099c\u09a8\u09cd\u09af meaningful results \u09a4\u09c8\u09b0\u09bf \u0995\u09b0\u09a4\u09c7 design \u0995\u09b0\u09bf\u0964 \u0986\u099c\u0987 \u0986\u09ae\u09be\u09a6\u09c7\u09b0 \u09b8\u09be\u09a5\u09c7 \u0995\u09a5\u09be \u09ac\u09b2\u09c1\u09a8 \u2014 \u09ab\u09cd\u09b0\u09bf \u09aa\u09b0\u09be\u09ae\u09b0\u09cd\u09b6 \u09a8\u09bf\u09a8 \u098f\u09ac\u0982 \u0986\u09aa\u09a8\u09be\u09b0 Website-\u098f\u09b0 journey \u09b6\u09c1\u09b0\u09c1 \u0995\u09b0\u09c1\u09a8\u0964<\/p>\r\n        <div class=\"vc-wds-diff-cta-btns\">\r\n          <a href=\"https:\/\/wa.me\/8801703689900?text=\u0986\u09ae\u09bf%20Website%20\u09ac\u09be\u09a8\u09be\u09a4\u09c7%20\u099a\u09be\u0987\" class=\"vc-wds-diff-cta-btn vc-wds-diff-cta-btn-whatsapp\" target=\"_blank\" rel=\"noopener\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347\"\/><\/svg>\r\n            WhatsApp 01703689900\r\n          <\/a>\r\n          <a href=\"https:\/\/spariqo.com\/bd\/\" class=\"vc-wds-diff-cta-btn vc-wds-diff-cta-btn-primary\" target=\"_blank\" rel=\"noopener\">\r\n            Get 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      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n\/* =====================================================\r\n   WDS DIFFERENT SECTION JS\r\n   ===================================================== *\/\r\n(function(){\r\n  'use strict';\r\n\r\n  \/* ---------- Stagger entrance 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 items = entry.target.querySelectorAll('.vc-wds-diff-pillar, .vc-wds-diff-intro, .vc-wds-diff-cta');\r\n          items.forEach((c, i) => {\r\n            c.style.opacity = '0';\r\n            c.style.transform = 'translateY(40px)';\r\n            c.style.transition = 'opacity .6s ease, transform .6s ease, box-shadow .35s ease, border-color .35s ease';\r\n            setTimeout(() => {\r\n              c.style.opacity = '1';\r\n              c.style.transform = 'translateY(0)';\r\n            }, 120 * i);\r\n          });\r\n          observer.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, {threshold: 0.12});\r\n\r\n    const pillars = document.querySelector('.vc-wds-diff-pillars');\r\n    if (pillars) observer.observe(pillars);\r\n  }\r\n\r\n  \/* ---------- Smooth anchor scroll ---------- *\/\r\n  document.querySelectorAll('.vc-wds-diff a[href^=\"#\"]').forEach(link => {\r\n    link.addEventListener('click', function(e){\r\n      const href = this.getAttribute('href');\r\n      if (href.length > 1) {\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})();\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-972e908 e-con-full e-flex e-con e-parent\" data-id=\"972e908\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a1792d5 elementor-widget elementor-widget-html\" data-id=\"a1792d5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     SPARIQO \u2014 Website Design Services\r\n     6th Section (Industries + Features + CTA) \u2014 Content preserved EXACTLY\r\n     Paste: Elementor \u2192 HTML Widget\r\n     ============================================================ -->\r\n\r\n<style>\r\n\/* ===========================================================\r\n   ROOT + RESET\r\n   =========================================================== *\/\r\n.vc-wds-ind *,.vc-wds-ind *::before,.vc-wds-ind *::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-orange:#f26b1d;\r\n  --vc-orange-2:#d95a12;\r\n  --vc-orange-soft:#ffb387;\r\n  --vc-orange-tint:rgba(242,107,29,.10);\r\n  --vc-orange-tint-2:rgba(242,107,29,.06);\r\n  --vc-ink:#1c2440;\r\n  --vc-muted:#5a627a;\r\n  --vc-line:#e8e6e0;\r\n  --vc-white:#fff;\r\n  --vc-bg-soft:#fafaf7;\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\r\n   =========================================================== *\/\r\n.vc-wds-ind{\r\n  font-family:var(--vc-font);\r\n  padding:100px 0;\r\n  background:var(--vc-bg-soft);\r\n  position:relative;\r\n  overflow:hidden;\r\n}\r\n.vc-wds-ind::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  top:0;left:0;right:0;height:1px;\r\n  background:linear-gradient(90deg,transparent,rgba(21,58,140,.15) 50%,transparent);\r\n}\r\n.vc-wds-ind::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  top:15%;right:-100px;\r\n  width:400px;height:400px;\r\n  background:radial-gradient(circle,rgba(21,58,140,.10) 0%,transparent 70%);\r\n  pointer-events:none;\r\n}\r\n\r\n.vc-wds-ind .vc-wds-ind-wrap{\r\n  max-width:1200px;\r\n  margin:0 auto;\r\n  padding:0 24px;\r\n  position:relative;\r\n  z-index:1;\r\n}\r\n\r\n\/* ===========================================================\r\n   HEADER\r\n   =========================================================== *\/\r\n.vc-wds-ind .vc-wds-ind-head{\r\n  text-align:center;\r\n  margin-bottom:50px;\r\n}\r\n.vc-wds-ind .vc-wds-ind-badge{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:8px;\r\n  background:var(--vc-orange-tint);\r\n  border:1px solid rgba(242,107,29,.25);\r\n  color:var(--vc-orange);\r\n  font-size:13px;\r\n  font-weight:600;\r\n  padding:7px 18px;\r\n  border-radius:30px;\r\n  margin-bottom:18px;\r\n}\r\n.vc-wds-ind .vc-wds-ind-badge::before{\r\n  content:\"\ud83c\udfe2\";\r\n  font-size:14px;\r\n}\r\n.vc-wds-ind .vc-wds-ind-title{\r\n  font-size:36px;\r\n  font-weight:800;\r\n  color:var(--vc-blue);\r\n  line-height:1.25;\r\n  letter-spacing:-.01em;\r\n  margin-bottom:14px;\r\n  max-width:880px;\r\n  margin-left:auto;\r\n  margin-right:auto;\r\n}\r\n.vc-wds-ind .vc-wds-ind-title .vc-accent{\r\n  color:var(--vc-orange);\r\n  position:relative;\r\n  display:inline-block;\r\n}\r\n.vc-wds-ind .vc-wds-ind-title .vc-accent::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  bottom:2px;left:0;\r\n  width:100%;height:8px;\r\n  background:rgba(242,107,29,.18);\r\n  border-radius:4px;\r\n  z-index:-1;\r\n}\r\n.vc-wds-ind .vc-wds-ind-subtitle{\r\n  max-width:680px;\r\n  margin:0 auto;\r\n  color:var(--vc-muted);\r\n  font-size:16px;\r\n  line-height:1.6;\r\n}\r\n\r\n\/* Custom note (preserved) *\/\r\n.vc-wds-ind .vc-wds-ind-note{\r\n  background:linear-gradient(135deg,rgba(21,58,140,.04) 0%,rgba(242,107,29,.04) 100%);\r\n  border:1px solid var(--vc-line);\r\n  border-left:4px solid var(--vc-orange);\r\n  border-radius:0 12px 12px 0;\r\n  padding:16px 22px;\r\n  margin:0 auto 40px;\r\n  max-width:920px;\r\n  text-align:center;\r\n  font-size:14.5px;\r\n  line-height:1.65;\r\n  color:var(--vc-ink);\r\n  font-weight:500;\r\n}\r\n\r\n\/* ===========================================================\r\n   INDUSTRIES GRID (8 cards)\r\n   =========================================================== *\/\r\n.vc-wds-ind .vc-wds-ind-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(4,1fr);\r\n  gap:18px;\r\n  margin-bottom:50px;\r\n}\r\n\r\n\/* Each industry card *\/\r\n.vc-wds-ind .vc-wds-ind-card{\r\n  position:relative;\r\n  background:#fff;\r\n  border:1px solid var(--vc-line);\r\n  border-radius:16px;\r\n  padding:24px 22px 22px;\r\n  transition:all .35s ease;\r\n  overflow:hidden;\r\n  background:linear-gradient(180deg,#fff 0%,#fafaf7 100%);\r\n}\r\n.vc-wds-ind .vc-wds-ind-card::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  top:0;left:0;\r\n  width:0;height:4px;\r\n  background:linear-gradient(90deg,var(--vc-blue),var(--vc-orange));\r\n  transition:width .5s ease;\r\n}\r\n.vc-wds-ind .vc-wds-ind-card:hover{\r\n  transform:translateY(-6px);\r\n  box-shadow:0 18px 40px rgba(20,40,100,.12);\r\n  border-color:transparent;\r\n}\r\n.vc-wds-ind .vc-wds-ind-card:hover::before{\r\n  width:100%;\r\n}\r\n\r\n\/* Industry icon (large emoji at top) *\/\r\n.vc-wds-ind .vc-wds-ind-icon{\r\n  width:54px;height:54px;\r\n  border-radius:14px;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  font-size:28px;\r\n  background:linear-gradient(135deg,var(--vc-orange-tint) 0%,rgba(21,58,140,.06) 100%);\r\n  border:1px solid rgba(242,107,29,.18);\r\n  margin-bottom:14px;\r\n  transition:all .35s ease;\r\n}\r\n.vc-wds-ind .vc-wds-ind-card:hover .vc-wds-ind-icon{\r\n  background:linear-gradient(135deg,var(--vc-orange) 0%,var(--vc-orange-2) 100%);\r\n  border-color:transparent;\r\n  transform:rotate(-6deg) scale(1.05);\r\n}\r\n\r\n\/* Industry name (preserved) *\/\r\n.vc-wds-ind .vc-wds-ind-name{\r\n  font-size:15px;\r\n  font-weight:700;\r\n  color:var(--vc-blue);\r\n  line-height:1.3;\r\n  margin-bottom:8px;\r\n  transition:color .3s ease;\r\n}\r\n.vc-wds-ind .vc-wds-ind-card:hover .vc-wds-ind-name{\r\n  color:var(--vc-orange);\r\n}\r\n\r\n\/* Industry features (preserved) *\/\r\n.vc-wds-ind .vc-wds-ind-features{\r\n  list-style:none;\r\n  margin:0;\r\n  padding:0;\r\n  display:flex;\r\n  flex-wrap:wrap;\r\n  gap:4px;\r\n}\r\n.vc-wds-ind .vc-wds-ind-features li{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  font-size:11.5px;\r\n  color:var(--vc-muted);\r\n  line-height:1.4;\r\n  position:relative;\r\n  padding-right:6px;\r\n}\r\n.vc-wds-ind .vc-wds-ind-features li:not(:last-child)::after{\r\n  content:\"\u2022\";\r\n  position:absolute;\r\n  right:0;\r\n  color:var(--vc-line);\r\n  margin-left:2px;\r\n  margin-right:2px;\r\n}\r\n\r\n\/* ===========================================================\r\n   FEATURES SECTION (What You Get)\r\n   =========================================================== *\/\r\n.vc-wds-ind .vc-wds-ind-features-wrap{\r\n  margin-bottom:50px;\r\n}\r\n.vc-wds-ind .vc-wds-ind-features-card{\r\n  background:#fff;\r\n  border:1px solid var(--vc-line);\r\n  border-radius:20px;\r\n  padding:40px 44px 36px;\r\n  position:relative;\r\n  overflow:hidden;\r\n  background:linear-gradient(135deg,rgba(21,58,140,.04) 0%,rgba(242,107,29,.04) 100%);\r\n}\r\n.vc-wds-ind .vc-wds-ind-features-head{\r\n  text-align:center;\r\n  margin-bottom:30px;\r\n}\r\n.vc-wds-ind .vc-wds-ind-features-title{\r\n  font-size:24px;\r\n  font-weight:800;\r\n  color:var(--vc-blue);\r\n  line-height:1.3;\r\n  margin-bottom:8px;\r\n}\r\n.vc-wds-ind .vc-wds-ind-features-title .vc-accent{\r\n  color:var(--vc-orange);\r\n  position:relative;\r\n  display:inline-block;\r\n}\r\n.vc-wds-ind .vc-wds-ind-features-title .vc-accent::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  bottom:0;left:0;\r\n  width:100%;height:6px;\r\n  background:rgba(242,107,29,.18);\r\n  border-radius:3px;\r\n  z-index:-1;\r\n}\r\n.vc-wds-ind .vc-wds-ind-features-subtitle{\r\n  font-size:14.5px;\r\n  color:var(--vc-muted);\r\n}\r\n\r\n\/* 16-feature grid *\/\r\n.vc-wds-ind .vc-wds-ind-features-list{\r\n  display:grid;\r\n  grid-template-columns:repeat(2,1fr);\r\n  gap:8px 18px;\r\n}\r\n.vc-wds-ind .vc-wds-ind-feature{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:10px;\r\n  font-size:14.5px;\r\n  line-height:1.5;\r\n  color:var(--vc-ink);\r\n  padding:8px 0;\r\n  font-weight:500;\r\n}\r\n.vc-wds-ind .vc-wds-ind-feature::before{\r\n  content:\"\u2713\";\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  width:22px;height:22px;\r\n  border-radius:50%;\r\n  background:linear-gradient(135deg,var(--vc-orange) 0%,var(--vc-orange-2) 100%);\r\n  color:#fff;\r\n  font-size:12px;\r\n  font-weight:700;\r\n  flex-shrink:0;\r\n  box-shadow:0 4px 10px rgba(242,107,29,.30);\r\n}\r\n\r\n\/* Note at bottom of features *\/\r\n.vc-wds-ind .vc-wds-ind-features-note{\r\n  margin-top:24px;\r\n  padding:12px 16px;\r\n  background:rgba(21,58,140,.04);\r\n  border:1px dashed var(--vc-line);\r\n  border-radius:8px;\r\n  font-size:13px;\r\n  line-height:1.6;\r\n  color:var(--vc-muted);\r\n  text-align:center;\r\n  font-style:italic;\r\n}\r\n\r\n\/* ===========================================================\r\n   CTA BANNER\r\n   =========================================================== *\/\r\n.vc-wds-ind .vc-wds-ind-cta{\r\n  background:linear-gradient(135deg,var(--vc-blue) 0%,var(--vc-blue-2) 100%);\r\n  border-radius:20px;\r\n  padding:50px 44px;\r\n  text-align:center;\r\n  color:#fff;\r\n  position:relative;\r\n  overflow:hidden;\r\n  box-shadow:0 20px 50px rgba(21,58,140,.25);\r\n}\r\n.vc-wds-ind .vc-wds-ind-cta::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n  background-image:radial-gradient(rgba(255,255,255,.06) 1.5px,transparent 1.5px);\r\n  background-size:22px 22px;\r\n  pointer-events:none;\r\n}\r\n.vc-wds-ind .vc-wds-ind-cta::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  top:0;right:0;\r\n  width:180px;height:180px;\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.vc-wds-ind .vc-wds-ind-cta-content{\r\n  position:relative;\r\n  z-index:1;\r\n}\r\n.vc-wds-ind .vc-wds-ind-cta-title{\r\n  font-size:30px;\r\n  font-weight:800;\r\n  margin-bottom:8px;\r\n  line-height:1.3;\r\n  color:#fff;\r\n}\r\n.vc-wds-ind .vc-wds-ind-cta-title .vc-accent{\r\n  color:#ffb387;\r\n}\r\n.vc-wds-ind .vc-wds-ind-cta p{\r\n  color:rgba(255,255,255,.88);\r\n  font-size:16px;\r\n  line-height:1.6;\r\n  margin:0 0 28px;\r\n  max-width:620px;\r\n  margin-left:auto;\r\n  margin-right:auto;\r\n}\r\n.vc-wds-ind .vc-wds-ind-cta-btns{\r\n  display:inline-flex;\r\n  flex-wrap:wrap;\r\n  justify-content:center;\r\n  gap:12px;\r\n}\r\n.vc-wds-ind .vc-wds-ind-cta-btn{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:10px;\r\n  padding:14px 28px;\r\n  border-radius:30px;\r\n  font-size:15px;\r\n  font-weight:600;\r\n  text-decoration:none;\r\n  cursor:pointer;\r\n  border:none;\r\n  font-family:inherit;\r\n  transition:all .3s ease;\r\n  white-space:nowrap;\r\n}\r\n.vc-wds-ind .vc-wds-ind-cta-btn svg{width:15px;height:15px;transition:transform .3s ease}\r\n.vc-wds-ind .vc-wds-ind-cta-btn:hover svg{transform:translateX(3px)}\r\n.vc-wds-ind .vc-wds-ind-cta-btn-whatsapp{\r\n  background:#25D366;\r\n  color:#fff;\r\n  box-shadow:0 10px 26px rgba(37,211,102,.40);\r\n}\r\n.vc-wds-ind .vc-wds-ind-cta-btn-whatsapp:hover{\r\n  background:#1FAA59;\r\n  transform:translateY(-3px);\r\n  box-shadow:0 14px 32px rgba(37,211,102,.50);\r\n}\r\n.vc-wds-ind .vc-wds-ind-cta-btn-primary{\r\n  background:var(--vc-orange);\r\n  color:#fff;\r\n  box-shadow:0 10px 26px rgba(242,107,29,.40);\r\n  position:relative;\r\n  overflow:hidden;\r\n}\r\n.vc-wds-ind .vc-wds-ind-cta-btn-primary::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  top:0;left:-100%;width:100%;height:100%;\r\n  background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);\r\n  transition:left .6s ease;\r\n}\r\n.vc-wds-ind .vc-wds-ind-cta-btn-primary:hover::after{left:100%}\r\n.vc-wds-ind .vc-wds-ind-cta-btn-primary:hover{\r\n  background:var(--vc-orange-2);\r\n  transform:translateY(-3px);\r\n  box-shadow:0 14px 32px rgba(242,107,29,.50);\r\n}\r\n\r\n\/* ===========================================================\r\n   ANIMATIONS\r\n   =========================================================== *\/\r\n@keyframes vcWdsIndFadeUp{\r\n  from{opacity:0;transform:translateY(40px)}\r\n  to  {opacity:1;transform:translateY(0)}\r\n}\r\n\r\n\/* ===========================================================\r\n   RESPONSIVE\r\n   =========================================================== *\/\r\n@media (max-width:992px){\r\n  .vc-wds-ind{padding:80px 0}\r\n  .vc-wds-ind .vc-wds-ind-title{font-size:30px}\r\n  .vc-wds-ind .vc-wds-ind-grid{grid-template-columns:repeat(2,1fr);gap:16px}\r\n  .vc-wds-ind .vc-wds-ind-features-card{padding:32px 28px 28px}\r\n  .vc-wds-ind .vc-wds-ind-features-list{grid-template-columns:1fr}\r\n  .vc-wds-ind .vc-wds-ind-cta{padding:40px 30px}\r\n  .vc-wds-ind .vc-wds-ind-cta-title{font-size:24px}\r\n}\r\n@media (max-width:768px){\r\n  .vc-wds-ind{padding:60px 0}\r\n  .vc-wds-ind .vc-wds-ind-title{font-size:26px}\r\n  .vc-wds-ind .vc-wds-ind-grid{grid-template-columns:repeat(2,1fr);gap:14px}\r\n  .vc-wds-ind .vc-wds-ind-card{padding:20px 18px 18px}\r\n  .vc-wds-ind .vc-wds-ind-icon{width:46px;height:46px;font-size:24px}\r\n  .vc-wds-ind .vc-wds-ind-name{font-size:14px}\r\n  .vc-wds-ind .vc-wds-ind-features-card{padding:28px 22px 24px}\r\n  .vc-wds-ind .vc-wds-ind-features-title{font-size:20px}\r\n  .vc-wds-ind .vc-wds-ind-cta{padding:32px 22px}\r\n  .vc-wds-ind .vc-wds-ind-cta-title{font-size:22px}\r\n  .vc-wds-ind .vc-wds-ind-cta-btns{flex-direction:column;align-items:stretch;width:100%}\r\n  .vc-wds-ind .vc-wds-ind-cta-btn{justify-content:center;width:100%}\r\n}\r\n@media (max-width:520px){\r\n  .vc-wds-ind .vc-wds-ind-title{font-size:22px}\r\n  .vc-wds-ind .vc-wds-ind-grid{grid-template-columns:1fr}\r\n  .vc-wds-ind .vc-wds-ind-icon{width:42px;height:42px;font-size:22px}\r\n  .vc-wds-ind .vc-wds-ind-name{font-size:13.5px}\r\n  .vc-wds-ind .vc-wds-ind-features-card{padding:24px 20px}\r\n  .vc-wds-ind .vc-wds-ind-cta-title{font-size:20px}\r\n}\r\n<\/style>\r\n\r\n<!-- =====================================================\r\n     WEBSITE DESIGN SERVICES \u2014 6th SECTION\r\n     (Industries + Features + CTA) \u2014 Content preserved EXACTLY\r\n     ===================================================== -->\r\n<section class=\"vc-wds-ind\" id=\"wds-industries\">\r\n\r\n  <div class=\"vc-wds-ind-wrap\">\r\n\r\n    <!-- ===========================================================\r\n         HEADER\r\n         =========================================================== -->\r\n    <div class=\"vc-wds-ind-head\">\r\n      <div class=\"vc-wds-ind-badge\">\u0986\u09ae\u09be\u09a6\u09c7\u09b0 \u09b8\u09c7\u09ac\u09be<\/div>\r\n      <h2 class=\"vc-wds-ind-title\">\r\n        Website Design for Different <span class=\"vc-accent\">Businesses in Bangladesh<\/span>\r\n      <\/h2>\r\n      <p class=\"vc-wds-ind-subtitle\">\r\n        \u098f\u0995\u0987 Website structure \u09b8\u09ac Business-\u098f\u09b0 \u099c\u09a8\u09cd\u09af \u0995\u09be\u099c \u0995\u09b0\u09c7 \u09a8\u09be\u0964 Spariqo\u2122 \u09ac\u09bf\u09ad\u09bf\u09a8\u09cd\u09a8 \u09a7\u09b0\u09a8\u09c7\u09b0 Bangladeshi businesses-\u098f\u09b0 \u099c\u09a8\u09cd\u09af Website design \u0995\u09b0\u09a4\u09c7 \u09aa\u09be\u09b0\u09c7, \u09af\u09c7\u09ae\u09a8:\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- ===========================================================\r\n         CUSTOM NOTE (preserved)\r\n         =========================================================== -->\r\n    <div class=\"vc-wds-ind-note\">\r\n      \ud83d\udca1 \u0986\u09aa\u09a8\u09be\u09b0 industry \u098f\u0996\u09be\u09a8\u09c7 \u09a8\u09be \u09a5\u09be\u0995\u09b2\u09c7\u0993 \u09b8\u09ae\u09b8\u09cd\u09af\u09be \u09a8\u09c7\u0987\u0964 \u0986\u09aa\u09a8\u09be\u09b0 Business model \u0985\u09a8\u09c1\u09af\u09be\u09af\u09bc\u09c0 Website structure plan \u0995\u09b0\u09be \u09af\u09be\u09af\u09bc\u0964\r\n    <\/div>\r\n\r\n    <!-- ===========================================================\r\n         8 INDUSTRIES GRID\r\n         (Content preserved EXACTLY as given)\r\n         =========================================================== -->\r\n    <div class=\"vc-wds-ind-grid\">\r\n\r\n      <!-- Industry 1 -->\r\n      <article class=\"vc-wds-ind-card\">\r\n        <div class=\"vc-wds-ind-icon\">\u2696\ufe0f<\/div>\r\n        <h3 class=\"vc-wds-ind-name\">Law Firm Website<\/h3>\r\n        <ul class=\"vc-wds-ind-features\">\r\n          <li>Lawyer profile<\/li>\r\n          <li>Practice areas<\/li>\r\n          <li>Consultation request<\/li>\r\n          <li>Contact information<\/li>\r\n          <li>Professional credibility-focused structure<\/li>\r\n        <\/ul>\r\n      <\/article>\r\n\r\n      <!-- Industry 2 -->\r\n      <article class=\"vc-wds-ind-card\">\r\n        <div class=\"vc-wds-ind-icon\">\ud83c\udfd7\ufe0f<\/div>\r\n        <h3 class=\"vc-wds-ind-name\">Construction Website<\/h3>\r\n        <ul class=\"vc-wds-ind-features\">\r\n          <li>Services<\/li>\r\n          <li>Completed projects<\/li>\r\n          <li>Project gallery<\/li>\r\n          <li>Service areas<\/li>\r\n          <li>Testimonials<\/li>\r\n          <li>Quote request<\/li>\r\n        <\/ul>\r\n      <\/article>\r\n\r\n      <!-- Industry 3 -->\r\n      <article class=\"vc-wds-ind-card\">\r\n        <div class=\"vc-wds-ind-icon\">\ud83c\udfe0<\/div>\r\n        <h3 class=\"vc-wds-ind-name\">Real Estate Website<\/h3>\r\n        <ul class=\"vc-wds-ind-features\">\r\n          <li>Property listings<\/li>\r\n          <li>Location information<\/li>\r\n          <li>Property details<\/li>\r\n          <li>Inquiry forms<\/li>\r\n          <li>Lead generation elements<\/li>\r\n        <\/ul>\r\n      <\/article>\r\n\r\n      <!-- Industry 4 -->\r\n      <article class=\"vc-wds-ind-card\">\r\n        <div class=\"vc-wds-ind-icon\">\ud83d\udc57<\/div>\r\n        <h3 class=\"vc-wds-ind-name\">Fashion & Clothing Website<\/h3>\r\n        <ul class=\"vc-wds-ind-features\">\r\n          <li>Product categories<\/li>\r\n          <li>Product pages<\/li>\r\n          <li>Size information<\/li>\r\n          <li>Offers<\/li>\r\n          <li>Cart<\/li>\r\n          <li>Checkout<\/li>\r\n        <\/ul>\r\n      <\/article>\r\n\r\n      <!-- Industry 5 -->\r\n      <article class=\"vc-wds-ind-card\">\r\n        <div class=\"vc-wds-ind-icon\">\ud83d\udc84<\/div>\r\n        <h3 class=\"vc-wds-ind-name\">Cosmetics & Skincare Website<\/h3>\r\n        <ul class=\"vc-wds-ind-features\">\r\n          <li>Product showcase<\/li>\r\n          <li>Ingredients\/details<\/li>\r\n          <li>Categories<\/li>\r\n          <li>Offers<\/li>\r\n          <li>Reviews<\/li>\r\n          <li>Online ordering<\/li>\r\n        <\/ul>\r\n      <\/article>\r\n\r\n      <!-- Industry 6 -->\r\n      <article class=\"vc-wds-ind-card\">\r\n        <div class=\"vc-wds-ind-icon\">\ud83c\udf7d\ufe0f<\/div>\r\n        <h3 class=\"vc-wds-ind-name\">Restaurant Website<\/h3>\r\n        <ul class=\"vc-wds-ind-features\">\r\n          <li>Menu<\/li>\r\n          <li>Location<\/li>\r\n          <li>Opening hours<\/li>\r\n          <li>Reservation\/contact options<\/li>\r\n          <li>Online ordering features<\/li>\r\n        <\/ul>\r\n      <\/article>\r\n\r\n      <!-- Industry 7 -->\r\n      <article class=\"vc-wds-ind-card\">\r\n        <div class=\"vc-wds-ind-icon\">\ud83e\ude7a<\/div>\r\n        <h3 class=\"vc-wds-ind-name\">Doctor & Healthcare Website<\/h3>\r\n        <ul class=\"vc-wds-ind-features\">\r\n          <li>Doctor profile<\/li>\r\n          <li>Treatments\/services<\/li>\r\n          <li>Appointment request<\/li>\r\n          <li>Clinic information<\/li>\r\n          <li>Contact details<\/li>\r\n        <\/ul>\r\n      <\/article>\r\n\r\n      <!-- Industry 8 -->\r\n      <article class=\"vc-wds-ind-card\">\r\n        <div class=\"vc-wds-ind-icon\">\ud83d\udcbc<\/div>\r\n        <h3 class=\"vc-wds-ind-name\">Agency & Professional Services<\/h3>\r\n        <ul class=\"vc-wds-ind-features\">\r\n          <li>Services<\/li>\r\n          <li>Portfolio<\/li>\r\n          <li>Case studies<\/li>\r\n          <li>Team<\/li>\r\n          <li>Testimonials<\/li>\r\n          <li>About section<\/li>\r\n          <li>Lead generation<\/li>\r\n        <\/ul>\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n    <!-- ===========================================================\r\n         FEATURES SECTION\r\n         (Content preserved EXACTLY)\r\n         =========================================================== -->\r\n    <div class=\"vc-wds-ind-features-wrap\">\r\n      <div class=\"vc-wds-ind-features-card\">\r\n        <div class=\"vc-wds-ind-features-head\">\r\n          <h3 class=\"vc-wds-ind-features-title\">\r\n            What You Get With a <span class=\"vc-accent\">Professional Website<\/span>\r\n          <\/h3>\r\n          <p class=\"vc-wds-ind-features-subtitle\">\r\n            Depending on your selected package and requirements, your Website can include:\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <!-- 16-feature list (preserved EXACTLY) -->\r\n        <div class=\"vc-wds-ind-features-list\">\r\n          <div class=\"vc-wds-ind-feature\">Custom Website Design<\/div>\r\n          <div class=\"vc-wds-ind-feature\">Mobile Responsive Layout<\/div>\r\n          <div class=\"vc-wds-ind-feature\">Professional UI\/UX<\/div>\r\n          <div class=\"vc-wds-ind-feature\">WordPress Development<\/div>\r\n          <div class=\"vc-wds-ind-feature\">WooCommerce E-commerce<\/div>\r\n          <div class=\"vc-wds-ind-feature\">Contact & Inquiry Forms<\/div>\r\n          <div class=\"vc-wds-ind-feature\">WhatsApp \/ Call Integration<\/div>\r\n          <div class=\"vc-wds-ind-feature\">Social Media Integration<\/div>\r\n          <div class=\"vc-wds-ind-feature\">Google Maps Integration<\/div>\r\n          <div class=\"vc-wds-ind-feature\">Basic On-Page SEO Structure<\/div>\r\n          <div class=\"vc-wds-ind-feature\">SEO-Friendly URLs<\/div>\r\n          <div class=\"vc-wds-ind-feature\">Image Optimization<\/div>\r\n          <div class=\"vc-wds-ind-feature\">Speed Optimization<\/div>\r\n          <div class=\"vc-wds-ind-feature\">Schema Markup where relevant<\/div>\r\n          <div class=\"vc-wds-ind-feature\">Analytics & Search Console setup<\/div>\r\n          <div class=\"vc-wds-ind-feature\">Easy Content Management<\/div>\r\n          <div class=\"vc-wds-ind-feature\">Security & Backup setup<\/div>\r\n          <div class=\"vc-wds-ind-feature\">Post-launch Technical Support<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"vc-wds-ind-features-note\">\r\n          * Note: Features vary according to the Website type and selected package.\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- ===========================================================\r\n         BOTTOM CTA (preserved exact text)\r\n         =========================================================== -->\r\n    <div class=\"vc-wds-ind-cta\">\r\n      <div class=\"vc-wds-ind-cta-content\">\r\n        <h3 class=\"vc-wds-ind-cta-title\">\u0986\u09aa\u09a8\u09be\u09b0 Business, \u098f\u09ac\u09be\u09b0 Online-\u098f <span class=\"vc-accent\">\u0986\u09b0\u0993 Professional<\/span> \u09b9\u09cb\u0995!<\/h3>\r\n        <p>\u099a\u09b2\u09c1\u09a8, \u0986\u09aa\u09a8\u09be\u09b0 \u099c\u09a8\u09cd\u09af \u098f\u0995\u099f\u09bf \u09b8\u09c1\u09a8\u09cd\u09a6\u09b0 Website \u09ac\u09be\u09a8\u09be\u0987\u0964 \u2764\ufe0f<\/p>\r\n        <div class=\"vc-wds-ind-cta-btns\">\r\n          <a href=\"https:\/\/wa.me\/8801703689900?text=\u0986\u09ae\u09bf%20Website%20\u09ac\u09be\u09a8\u09be\u09a4\u09c7%20\u099a\u09be\u0987\" class=\"vc-wds-ind-cta-btn vc-wds-ind-cta-btn-whatsapp\" target=\"_blank\" rel=\"noopener\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347\"\/><\/svg>\r\n            Show Whatsapp\r\n          <\/a>\r\n          <a href=\"https:\/\/spariqo.com\/bd\/\" class=\"vc-wds-ind-cta-btn vc-wds-ind-cta-btn-primary\" target=\"_blank\" rel=\"noopener\">\r\n            Get 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      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n\/* =====================================================\r\n   WDS INDUSTRIES SECTION JS\r\n   ===================================================== *\/\r\n(function(){\r\n  'use strict';\r\n\r\n  \/* ---------- Stagger entrance 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 items = entry.target.querySelectorAll('.vc-wds-ind-card, .vc-wds-ind-features-card, .vc-wds-ind-cta, .vc-wds-ind-note');\r\n          items.forEach((c, i) => {\r\n            c.style.opacity = '0';\r\n            c.style.transform = 'translateY(40px)';\r\n            c.style.transition = 'opacity .6s ease, transform .6s ease, box-shadow .35s ease, border-color .35s ease';\r\n            setTimeout(() => {\r\n              c.style.opacity = '1';\r\n              c.style.transform = 'translateY(0)';\r\n            }, 80 * i);\r\n          });\r\n          observer.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, {threshold: 0.12});\r\n\r\n    const grids = document.querySelectorAll('.vc-wds-ind-grid, .vc-wds-ind-features-wrap, .vc-wds-ind-cta');\r\n    grids.forEach(g => observer.observe(g));\r\n  }\r\n\r\n  \/* ---------- Smooth anchor scroll ---------- *\/\r\n  document.querySelectorAll('.vc-wds-ind a[href^=\"#\"]').forEach(link => {\r\n    link.addEventListener('click', function(e){\r\n      const href = this.getAttribute('href');\r\n      if (href.length > 1) {\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})();\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-745ec74 e-con-full e-flex e-con e-parent\" data-id=\"745ec74\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bb31d5f elementor-widget elementor-widget-html\" data-id=\"bb31d5f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     SPARIQO \u2014 Website Design Services\r\n     7th Section (7-Step Process) \u2014 Content preserved EXACTLY\r\n     Paste: Elementor \u2192 HTML Widget\r\n     ============================================================ -->\r\n\r\n<style>\r\n\/* ===========================================================\r\n   ROOT + RESET\r\n   =========================================================== *\/\r\n.vc-wds-pro *,.vc-wds-pro *::before,.vc-wds-pro *::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-orange:#f26b1d;\r\n  --vc-orange-2:#d95a12;\r\n  --vc-orange-soft:#ffb387;\r\n  --vc-orange-tint:rgba(242,107,29,.10);\r\n  --vc-orange-tint-2:rgba(242,107,29,.06);\r\n  --vc-ink:#1c2440;\r\n  --vc-muted:#5a627a;\r\n  --vc-line:#e8e6e0;\r\n  --vc-white:#fff;\r\n  --vc-bg-soft:#fafaf7;\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\r\n   =========================================================== *\/\r\n.vc-wds-pro{\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.vc-wds-pro::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  top:0;left:0;right:0;height:1px;\r\n  background:linear-gradient(90deg,transparent,rgba(21,58,140,.15) 50%,transparent);\r\n}\r\n.vc-wds-pro::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  bottom:10%;left:-100px;\r\n  width:400px;height:400px;\r\n  background:radial-gradient(circle,rgba(21,58,140,.08) 0%,transparent 70%);\r\n  pointer-events:none;\r\n}\r\n\r\n.vc-wds-pro .vc-wds-pro-wrap{\r\n  max-width:1200px;\r\n  margin:0 auto;\r\n  padding:0 24px;\r\n  position:relative;\r\n  z-index:1;\r\n}\r\n\r\n\/* ===========================================================\r\n   HEADER\r\n   =========================================================== *\/\r\n.vc-wds-pro .vc-wds-pro-head{\r\n  text-align:center;\r\n  margin-bottom:60px;\r\n}\r\n.vc-wds-pro .vc-wds-pro-badge{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:8px;\r\n  background:var(--vc-orange-tint);\r\n  border:1px solid rgba(242,107,29,.25);\r\n  color:var(--vc-orange);\r\n  font-size:13px;\r\n  font-weight:600;\r\n  padding:7px 18px;\r\n  border-radius:30px;\r\n  margin-bottom:18px;\r\n}\r\n.vc-wds-pro .vc-wds-pro-badge::before{\r\n  content:\"\u2699\ufe0f\";\r\n  font-size:14px;\r\n}\r\n.vc-wds-pro .vc-wds-pro-title{\r\n  font-size:36px;\r\n  font-weight:800;\r\n  color:var(--vc-blue);\r\n  line-height:1.25;\r\n  letter-spacing:-.01em;\r\n  margin-bottom:14px;\r\n  max-width:820px;\r\n  margin-left:auto;\r\n  margin-right:auto;\r\n}\r\n.vc-wds-pro .vc-wds-pro-title .vc-accent{\r\n  color:var(--vc-orange);\r\n  position:relative;\r\n  display:inline-block;\r\n}\r\n.vc-wds-pro .vc-wds-pro-title .vc-accent::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  bottom:2px;left:0;\r\n  width:100%;height:8px;\r\n  background:rgba(242,107,29,.18);\r\n  border-radius:4px;\r\n  z-index:-1;\r\n}\r\n.vc-wds-pro .vc-wds-pro-subtitle{\r\n  max-width:680px;\r\n  margin:0 auto;\r\n  color:var(--vc-muted);\r\n  font-size:16px;\r\n  line-height:1.6;\r\n}\r\n\r\n\/* ===========================================================\r\n   7-STEP HORIZONTAL TIMELINE\r\n   =========================================================== *\/\r\n.vc-wds-pro .vc-wds-pro-steps{\r\n  display:grid;\r\n  grid-template-columns:repeat(7,1fr);\r\n  gap:14px;\r\n  position:relative;\r\n}\r\n\r\n\/* Connecting dashed line (desktop only) *\/\r\n.vc-wds-pro .vc-wds-pro-steps::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  top:48px;\r\n  left:7%;right:7%;\r\n  height:2px;\r\n  background-image:linear-gradient(90deg,var(--vc-line) 50%,transparent 50%);\r\n  background-size:14px 2px;\r\n  background-repeat:repeat-x;\r\n  z-index:0;\r\n}\r\n\r\n\/* Each step card *\/\r\n.vc-wds-pro .vc-wds-pro-step{\r\n  text-align:center;\r\n  position:relative;\r\n  z-index:1;\r\n  padding:0 6px;\r\n}\r\n\r\n\/* Step number circle (matches your PNG with 01-07) *\/\r\n.vc-wds-pro .vc-wds-pro-circle{\r\n  width:90px;height:90px;\r\n  margin:0 auto 18px;\r\n  border-radius:50%;\r\n  background:linear-gradient(135deg,var(--vc-blue) 0%,var(--vc-blue-2) 100%);\r\n  color:#fff;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  font-size:24px;\r\n  font-weight:800;\r\n  font-family:Georgia,serif;\r\n  letter-spacing:-.02em;\r\n  box-shadow:0 12px 28px rgba(21,58,140,.30);\r\n  position:relative;\r\n  transition:transform .35s ease, box-shadow .35s ease;\r\n}\r\n.vc-wds-pro .vc-wds-pro-circle::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:-10px;\r\n  border:2px dashed rgba(21,58,140,.30);\r\n  border-radius:50%;\r\n  animation:vcWdsProSpin 25s linear infinite;\r\n  transition:border-color .3s ease;\r\n}\r\n.vc-wds-pro .vc-wds-pro-circle::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:-22px;\r\n  border:1px solid rgba(21,58,140,.10);\r\n  border-radius:50%;\r\n  transition:border-color .3s ease;\r\n}\r\n.vc-wds-pro .vc-wds-pro-step:nth-child(7) .vc-wds-pro-circle{\r\n  background:linear-gradient(135deg,var(--vc-orange) 0%,var(--vc-orange-2) 100%);\r\n  box-shadow:0 12px 28px rgba(242,107,29,.30);\r\n}\r\n.vc-wds-pro .vc-wds-pro-step:nth-child(7) .vc-wds-pro-circle::before{\r\n  border-color:rgba(242,107,29,.40);\r\n}\r\n.vc-wds-pro .vc-wds-pro-step:hover .vc-wds-pro-circle{\r\n  transform:translateY(-6px) scale(1.04);\r\n  box-shadow:0 18px 36px rgba(21,58,140,.40);\r\n}\r\n.vc-wds-pro .vc-wds-pro-step:nth-child(7):hover .vc-wds-pro-circle{\r\n  box-shadow:0 18px 36px rgba(242,107,29,.40);\r\n}\r\n@keyframes vcWdsProSpin{\r\n  to{transform:rotate(360deg)}\r\n}\r\n\r\n\/* Step title (preserved) *\/\r\n.vc-wds-pro .vc-wds-pro-step-title{\r\n  font-size:15.5px;\r\n  font-weight:700;\r\n  color:var(--vc-blue);\r\n  line-height:1.35;\r\n  margin-bottom:10px;\r\n  transition:color .3s ease;\r\n}\r\n.vc-wds-pro .vc-wds-pro-step:hover .vc-wds-pro-step-title{\r\n  color:var(--vc-orange);\r\n}\r\n\r\n\/* Step description (preserved) *\/\r\n.vc-wds-pro .vc-wds-pro-step-desc{\r\n  font-size:13px;\r\n  line-height:1.65;\r\n  color:var(--vc-muted);\r\n  margin:0;\r\n}\r\n\r\n\/* Bottom CTA *\/\r\n.vc-wds-pro .vc-wds-pro-cta{\r\n  margin-top:60px;\r\n  text-align:center;\r\n  padding:40px;\r\n  background:linear-gradient(135deg,var(--vc-blue) 0%,var(--vc-blue-2) 100%);\r\n  border-radius:20px;\r\n  color:#fff;\r\n  position:relative;\r\n  overflow:hidden;\r\n  box-shadow:0 20px 50px rgba(21,58,140,.25);\r\n}\r\n.vc-wds-pro .vc-wds-pro-cta::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n  background-image:radial-gradient(rgba(255,255,255,.06) 1.5px,transparent 1.5px);\r\n  background-size:22px 22px;\r\n  pointer-events:none;\r\n}\r\n.vc-wds-pro .vc-wds-pro-cta::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  top:0;right:0;\r\n  width:180px;height:180px;\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.vc-wds-pro .vc-wds-pro-cta-content{\r\n  position:relative;\r\n  z-index:1;\r\n}\r\n.vc-wds-pro .vc-wds-pro-cta h3{\r\n  font-size:28px;\r\n  font-weight:800;\r\n  margin-bottom:8px;\r\n  line-height:1.3;\r\n  color:#fff;\r\n}\r\n.vc-wds-pro .vc-wds-pro-cta h3 .vc-accent{\r\n  color:#ffb387;\r\n}\r\n.vc-wds-pro .vc-wds-pro-cta p{\r\n  color:rgba(255,255,255,.88);\r\n  font-size:16px;\r\n  line-height:1.6;\r\n  margin:0 0 24px;\r\n  max-width:620px;\r\n  margin-left:auto;\r\n  margin-right:auto;\r\n}\r\n.vc-wds-pro .vc-wds-pro-cta-btns{\r\n  display:inline-flex;\r\n  flex-wrap:wrap;\r\n  justify-content:center;\r\n  gap:12px;\r\n}\r\n.vc-wds-pro .vc-wds-pro-cta-btn{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:10px;\r\n  padding:14px 28px;\r\n  border-radius:30px;\r\n  font-size:15px;\r\n  font-weight:600;\r\n  text-decoration:none;\r\n  cursor:pointer;\r\n  border:none;\r\n  font-family:inherit;\r\n  transition:all .3s ease;\r\n  white-space:nowrap;\r\n}\r\n.vc-wds-pro .vc-wds-pro-cta-btn svg{width:15px;height:15px;transition:transform .3s ease}\r\n.vc-wds-pro .vc-wds-pro-cta-btn:hover svg{transform:translateX(3px)}\r\n.vc-wds-pro .vc-wds-pro-cta-btn-whatsapp{\r\n  background:#25D366;\r\n  color:#fff;\r\n  box-shadow:0 10px 26px rgba(37,211,102,.40);\r\n}\r\n.vc-wds-pro .vc-wds-pro-cta-btn-whatsapp:hover{\r\n  background:#1FAA59;\r\n  transform:translateY(-3px);\r\n  box-shadow:0 14px 32px rgba(37,211,102,.50);\r\n}\r\n.vc-wds-pro .vc-wds-pro-cta-btn-primary{\r\n  background:var(--vc-orange);\r\n  color:#fff;\r\n  box-shadow:0 10px 26px rgba(242,107,29,.40);\r\n  position:relative;\r\n  overflow:hidden;\r\n}\r\n.vc-wds-pro .vc-wds-pro-cta-btn-primary::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  top:0;left:-100%;width:100%;height:100%;\r\n  background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);\r\n  transition:left .6s ease;\r\n}\r\n.vc-wds-pro .vc-wds-pro-cta-btn-primary:hover::after{left:100%}\r\n.vc-wds-pro .vc-wds-pro-cta-btn-primary:hover{\r\n  background:var(--vc-orange-2);\r\n  transform:translateY(-3px);\r\n  box-shadow:0 14px 32px rgba(242,107,29,.50);\r\n}\r\n\r\n\/* ===========================================================\r\n   ANIMATIONS\r\n   =========================================================== *\/\r\n@keyframes vcWdsProFadeUp{\r\n  from{opacity:0;transform:translateY(40px)}\r\n  to  {opacity:1;transform:translateY(0)}\r\n}\r\n\r\n\/* ===========================================================\r\n   RESPONSIVE\r\n   =========================================================== *\/\r\n@media (max-width:1100px){\r\n  .vc-wds-pro .vc-wds-pro-steps{grid-template-columns:repeat(4,1fr);gap:30px 20px}\r\n  .vc-wds-pro .vc-wds-pro-steps::before{display:none}\r\n  .vc-wds-pro .vc-wds-pro-step{padding:0 8px}\r\n}\r\n@media (max-width:768px){\r\n  .vc-wds-pro{padding:60px 0}\r\n  .vc-wds-pro .vc-wds-pro-title{font-size:26px}\r\n  .vc-wds-pro .vc-wds-pro-steps{grid-template-columns:repeat(2,1fr);gap:30px 20px}\r\n  .vc-wds-pro .vc-wds-pro-circle{width:76px;height:76px;font-size:22px}\r\n  .vc-wds-pro .vc-wds-pro-step-title{font-size:14.5px}\r\n  .vc-wds-pro .vc-wds-pro-cta{padding:30px 22px}\r\n  .vc-wds-pro .vc-wds-pro-cta h3{font-size:22px}\r\n  .vc-wds-pro .vc-wds-pro-cta-btns{flex-direction:column;align-items:stretch;width:100%}\r\n  .vc-wds-pro .vc-wds-pro-cta-btn{justify-content:center;width:100%}\r\n}\r\n@media (max-width:520px){\r\n  .vc-wds-pro .vc-wds-pro-title{font-size:22px}\r\n  .vc-wds-pro .vc-wds-pro-steps{grid-template-columns:1fr;gap:24px}\r\n  .vc-wds-pro .vc-wds-pro-step-desc{font-size:14px}\r\n  .vc-wds-pro .vc-wds-pro-cta h3{font-size:20px}\r\n}\r\n<\/style>\r\n\r\n<!-- =====================================================\r\n     WEBSITE DESIGN SERVICES \u2014 7th SECTION\r\n     (7-Step Process) \u2014 Content preserved EXACTLY\r\n     ===================================================== -->\r\n<section class=\"vc-wds-pro\" id=\"wds-process\">\r\n\r\n  <div class=\"vc-wds-pro-wrap\">\r\n\r\n    <!-- ===========================================================\r\n         HEADER\r\n         =========================================================== -->\r\n    <div class=\"vc-wds-pro-head\">\r\n      <div class=\"vc-wds-pro-badge\">\u0986\u09ae\u09be\u09a6\u09c7\u09b0 \u09aa\u09cd\u09b0\u0995\u09cd\u09b0\u09bf\u09af\u09bc\u09be<\/div>\r\n      <h2 class=\"vc-wds-pro-title\">\r\n        Our Website Design <span class=\"vc-accent\">Process<\/span>\r\n      <\/h2>\r\n      <p class=\"vc-wds-pro-subtitle\">\r\n        \u0986\u09ae\u09b0\u09be \u098f\u0995\u099f\u09bf \u09b8\u09c1\u09a8\u09bf\u09b0\u09cd\u09a6\u09bf\u09b7\u09cd\u099f \u09ed-\u09a7\u09be\u09aa\u09c7\u09b0 \u09aa\u09cd\u09b0\u0995\u09cd\u09b0\u09bf\u09af\u09bc\u09be \u0985\u09a8\u09c1\u09b8\u09b0\u09a3 \u0995\u09b0\u09bf \u09af\u09be\u09a4\u09c7 \u0986\u09aa\u09a8\u09be\u09b0 Website-\u098f\u09b0 \u09aa\u09cd\u09b0\u09a4\u09bf\u099f\u09bf \u09a6\u09bf\u0995 \u09b8\u09a0\u09bf\u0995\u09ad\u09be\u09ac\u09c7 \u09aa\u09b0\u09bf\u0995\u09b2\u09cd\u09aa\u09bf\u09a4 \u0993 \u09ac\u09be\u09b8\u09cd\u09a4\u09ac\u09be\u09af\u09bc\u09bf\u09a4 \u09b9\u09af\u09bc\u0964\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- ===========================================================\r\n         7-STEP TIMELINE\r\n         (Content preserved EXACTLY)\r\n         =========================================================== -->\r\n    <div class=\"vc-wds-pro-steps\">\r\n\r\n      <!-- Step 1: Understand Your Business -->\r\n      <div class=\"vc-wds-pro-step\">\r\n        <div class=\"vc-wds-pro-circle\">01<\/div>\r\n        <h3 class=\"vc-wds-pro-step-title\">Understand Your Business<\/h3>\r\n        <p class=\"vc-wds-pro-step-desc\">\u09aa\u09cd\u09b0\u09a5\u09ae\u09c7 \u0986\u09aa\u09a8\u09be\u09b0 Business, target audience, services\/products \u098f\u09ac\u0982 Website-\u098f\u09b0 goals \u09ac\u09c1\u099d\u09bf\u0964<\/p>\r\n      <\/div>\r\n\r\n      <!-- Step 2: Plan the Structure -->\r\n      <div class=\"vc-wds-pro-step\">\r\n        <div class=\"vc-wds-pro-circle\">02<\/div>\r\n        <h3 class=\"vc-wds-pro-step-title\">Plan the Structure<\/h3>\r\n        <p class=\"vc-wds-pro-step-desc\">\u0995\u09cb\u09a8 page \u09a6\u09b0\u0995\u09be\u09b0, \u0995\u09cb\u09a8 information \u0995\u09cb\u09a5\u09be\u09af\u09bc \u09a5\u09be\u0995\u09ac\u09c7 \u098f\u09ac\u0982 customer \u0995\u09c0\u09ad\u09be\u09ac\u09c7 Website navigate \u0995\u09b0\u09ac\u09c7 \u09b8\u09c7\u099f\u09be plan \u0995\u09b0\u09be \u09b9\u09af\u09bc\u0964<\/p>\r\n      <\/div>\r\n\r\n      <!-- Step 3: Design the Experience -->\r\n      <div class=\"vc-wds-pro-step\">\r\n        <div class=\"vc-wds-pro-circle\">03<\/div>\r\n        <h3 class=\"vc-wds-pro-step-title\">Design the Experience<\/h3>\r\n        <p class=\"vc-wds-pro-step-desc\">\u0986\u09aa\u09a8\u09be\u09b0 Brand \u0985\u09a8\u09c1\u09af\u09be\u09af\u09bc\u09c0 UI\/UX design \u098f\u09ac\u0982 visual hierarchy \u09a4\u09c8\u09b0\u09bf \u0995\u09b0\u09be \u09b9\u09af\u09bc\u0964<\/p>\r\n      <\/div>\r\n\r\n      <!-- Step 4: Develop the Website -->\r\n      <div class=\"vc-wds-pro-step\">\r\n        <div class=\"vc-wds-pro-circle\">04<\/div>\r\n        <h3 class=\"vc-wds-pro-step-title\">Develop the Website<\/h3>\r\n        <p class=\"vc-wds-pro-step-desc\">Approved design-\u0995\u09c7 functional, responsive \u098f\u09ac\u0982 manageable Website-\u098f develop \u0995\u09b0\u09be \u09b9\u09af\u09bc\u0964<\/p>\r\n      <\/div>\r\n\r\n      <!-- Step 5: SEO & Technical Setup -->\r\n      <div class=\"vc-wds-pro-step\">\r\n        <div class=\"vc-wds-pro-circle\">05<\/div>\r\n        <h3 class=\"vc-wds-pro-step-title\">SEO & Technical Setup<\/h3>\r\n        <p class=\"vc-wds-pro-step-desc\">Website-\u098f\u09b0 basic SEO, technical elements, speed \u098f\u09ac\u0982 tracking requirements \u0985\u09a8\u09c1\u09af\u09be\u09af\u09bc\u09c0 setup \u0995\u09b0\u09be \u09b9\u09af\u09bc\u0964<\/p>\r\n      <\/div>\r\n\r\n      <!-- Step 6: Review & Launch -->\r\n      <div class=\"vc-wds-pro-step\">\r\n        <div class=\"vc-wds-pro-circle\">06<\/div>\r\n        <h3 class=\"vc-wds-pro-step-title\">Review & Launch<\/h3>\r\n        <p class=\"vc-wds-pro-step-desc\">\u0986\u09aa\u09a8\u09be\u09b0 feedback \u0985\u09a8\u09c1\u09af\u09be\u09af\u09bc\u09c0 final adjustments \u0995\u09b0\u09c7 Website launch \u0995\u09b0\u09be \u09b9\u09af\u09bc\u0964<\/p>\r\n      <\/div>\r\n\r\n      <!-- Step 7: Support -->\r\n      <div class=\"vc-wds-pro-step\">\r\n        <div class=\"vc-wds-pro-circle\">07<\/div>\r\n        <h3 class=\"vc-wds-pro-step-title\">Support<\/h3>\r\n        <p class=\"vc-wds-pro-step-desc\">Website live \u09b9\u0993\u09af\u09bc\u09be\u09b0 \u09aa\u09b0 \u09aa\u09cd\u09b0\u09af\u09bc\u09cb\u099c\u09a8 \u0985\u09a8\u09c1\u09af\u09be\u09af\u09bc\u09c0 technical support \u098f\u09ac\u0982 guidance \u09a6\u09c7\u0993\u09af\u09bc\u09be \u09b9\u09af\u09bc\u0964<\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- ===========================================================\r\n         BOTTOM CTA\r\n         =========================================================== -->\r\n    <div class=\"vc-wds-pro-cta\">\r\n      <div class=\"vc-wds-pro-cta-content\">\r\n        <h3>\u0986\u09aa\u09a8\u09be\u09b0 Website \u09a4\u09c8\u09b0\u09bf\u09b0 <span class=\"vc-accent\">Process<\/span> \u0986\u099c\u0987 \u09b6\u09c1\u09b0\u09c1 \u0995\u09b0\u09c1\u0995<\/h3>\r\n        <p>\u098f\u0995\u099f\u09bf \u09b8\u09c1\u09a8\u09bf\u09b0\u09cd\u09a6\u09bf\u09b7\u09cd\u099f \u09ed-\u09a7\u09be\u09aa\u09c7\u09b0 \u09aa\u09cd\u09b0\u0995\u09cd\u09b0\u09bf\u09af\u09bc\u09be \u0985\u09a8\u09c1\u09b8\u09b0\u09a3 \u0995\u09b0\u09c7 \u0986\u09ae\u09b0\u09be \u0986\u09aa\u09a8\u09be\u09b0 Business-\u098f\u09b0 \u099c\u09a8\u09cd\u09af \u098f\u0995\u099f\u09bf Professional Website \u09a4\u09c8\u09b0\u09bf \u0995\u09b0\u09ac \u2014 \u09aa\u09b0\u09bf\u0995\u09b2\u09cd\u09aa\u09a8\u09be \u09a5\u09c7\u0995\u09c7 launch \u09aa\u09b0\u09cd\u09af\u09a8\u09cd\u09a4\u0964<\/p>\r\n        <div class=\"vc-wds-pro-cta-btns\">\r\n          <a href=\"https:\/\/wa.me\/8801703689900?text=\u0986\u09ae\u09bf%20Website%20\u09ac\u09be\u09a8\u09be\u09a4\u09c7%20\u099a\u09be\u0987\" class=\"vc-wds-pro-cta-btn vc-wds-pro-cta-btn-whatsapp\" target=\"_blank\" rel=\"noopener\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347\"\/><\/svg>\r\n            WhatsApp 01703689900\r\n          <\/a>\r\n          <a href=\"https:\/\/spariqo.com\/bd\/\" class=\"vc-wds-pro-cta-btn vc-wds-pro-cta-btn-primary\" target=\"_blank\" rel=\"noopener\">\r\n            Get 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      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n\/* =====================================================\r\n   WDS PROCESS SECTION JS\r\n   ===================================================== *\/\r\n(function(){\r\n  'use strict';\r\n\r\n  \/* ---------- Stagger entrance 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 items = entry.target.querySelectorAll('.vc-wds-pro-step, .vc-wds-pro-cta');\r\n          items.forEach((c, i) => {\r\n            c.style.opacity = '0';\r\n            c.style.transform = 'translateY(40px)';\r\n            c.style.transition = 'opacity .6s ease, transform .6s ease, box-shadow .35s ease';\r\n            setTimeout(() => {\r\n              c.style.opacity = '1';\r\n              c.style.transform = 'translateY(0)';\r\n            }, 100 * i);\r\n          });\r\n          observer.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, {threshold: 0.15});\r\n\r\n    const steps = document.querySelector('.vc-wds-pro-steps');\r\n    if (steps) observer.observe(steps);\r\n  }\r\n\r\n  \/* ---------- Smooth anchor scroll ---------- *\/\r\n  document.querySelectorAll('.vc-wds-pro a[href^=\"#\"]').forEach(link => {\r\n    link.addEventListener('click', function(e){\r\n      const href = this.getAttribute('href');\r\n      if (href.length > 1) {\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})();\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-f6ae434 e-con-full e-flex e-con e-parent\" data-id=\"f6ae434\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3e7e916 elementor-widget elementor-widget-html\" data-id=\"3e7e916\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     SPARIQO \u2014 Website Design Services\r\n     8th Section (Pricing Packages) \u2014 Content preserved EXACTLY\r\n     Paste: Elementor \u2192 HTML Widget\r\n     ============================================================ -->\r\n\r\n<style>\r\n\/* ===========================================================\r\n   ROOT + RESET\r\n   =========================================================== *\/\r\n.vc-wds-pkg *,.vc-wds-pkg *::before,.vc-wds-pkg *::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-orange:#f26b1d;\r\n  --vc-orange-2:#d95a12;\r\n  --vc-orange-soft:#ffb387;\r\n  --vc-orange-tint:rgba(242,107,29,.10);\r\n  --vc-orange-tint-2:rgba(242,107,29,.06);\r\n  --vc-green:#28a745;\r\n  --vc-ink:#1c2440;\r\n  --vc-muted:#5a627a;\r\n  --vc-line:#e8e6e0;\r\n  --vc-white:#fff;\r\n  --vc-bg-soft:#fafaf7;\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\r\n   =========================================================== *\/\r\n.vc-wds-pkg{\r\n  font-family:var(--vc-font);\r\n  padding:100px 0;\r\n  background:var(--vc-bg-soft);\r\n  position:relative;\r\n  overflow:hidden;\r\n}\r\n.vc-wds-pkg::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  top:0;left:0;right:0;height:1px;\r\n  background:linear-gradient(90deg,transparent,rgba(21,58,140,.15) 50%,transparent);\r\n}\r\n.vc-wds-pkg::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  top:50%;right:-100px;\r\n  width:400px;height:400px;\r\n  background:radial-gradient(circle,rgba(242,107,29,.10) 0%,transparent 70%);\r\n  pointer-events:none;\r\n}\r\n\r\n.vc-wds-pkg .vc-wds-pkg-wrap{\r\n  max-width:1200px;\r\n  margin:0 auto;\r\n  padding:0 24px;\r\n  position:relative;\r\n  z-index:1;\r\n}\r\n\r\n\/* ===========================================================\r\n   HEADER\r\n   =========================================================== *\/\r\n.vc-wds-pkg .vc-wds-pkg-head{\r\n  text-align:center;\r\n  margin-bottom:60px;\r\n}\r\n.vc-wds-pkg .vc-wds-pkg-badge{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:8px;\r\n  background:var(--vc-orange-tint);\r\n  border:1px solid rgba(242,107,29,.25);\r\n  color:var(--vc-orange);\r\n  font-size:13px;\r\n  font-weight:600;\r\n  padding:7px 18px;\r\n  border-radius:30px;\r\n  margin-bottom:18px;\r\n}\r\n.vc-wds-pkg .vc-wds-pkg-badge::before{\r\n  content:\"\ud83d\udc8e\";\r\n  font-size:14px;\r\n}\r\n.vc-wds-pkg .vc-wds-pkg-title{\r\n  font-size:36px;\r\n  font-weight:800;\r\n  color:var(--vc-blue);\r\n  line-height:1.25;\r\n  letter-spacing:-.01em;\r\n  margin-bottom:14px;\r\n}\r\n.vc-wds-pkg .vc-wds-pkg-title .vc-accent{\r\n  color:var(--vc-orange);\r\n  position:relative;\r\n  display:inline-block;\r\n}\r\n.vc-wds-pkg .vc-wds-pkg-title .vc-accent::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  bottom:2px;left:0;\r\n  width:100%;height:8px;\r\n  background:rgba(242,107,29,.18);\r\n  border-radius:4px;\r\n  z-index:-1;\r\n}\r\n.vc-wds-pkg .vc-wds-pkg-subtitle{\r\n  max-width:680px;\r\n  margin:0 auto;\r\n  color:var(--vc-muted);\r\n  font-size:16px;\r\n  line-height:1.6;\r\n}\r\n\r\n\/* ===========================================================\r\n   3-COLUMN PACKAGE GRID\r\n   =========================================================== *\/\r\n.vc-wds-pkg .vc-wds-pkg-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(3,1fr);\r\n  gap:24px;\r\n  margin-bottom:50px;\r\n  align-items:stretch;\r\n}\r\n\r\n\/* Each package card *\/\r\n.vc-wds-pkg .vc-wds-pkg-card{\r\n  position:relative;\r\n  background:#fff;\r\n  border:1px solid var(--vc-line);\r\n  border-radius:20px;\r\n  padding:36px 30px 32px;\r\n  transition:all .35s ease;\r\n  overflow:hidden;\r\n  background:linear-gradient(180deg,#fff 0%,#fafaf7 100%);\r\n  display:flex;\r\n  flex-direction:column;\r\n}\r\n\r\n\/* FEATURED \u2014 middle card *\/\r\n.vc-wds-pkg .vc-wds-pkg-card.vc-featured{\r\n  background:linear-gradient(180deg,var(--vc-blue) 0%,var(--vc-blue-2) 100%);\r\n  color:#fff;\r\n  border-color:transparent;\r\n  position:relative;\r\n  box-shadow:0 24px 50px rgba(21,58,140,.25);\r\n  transform:translateY(-12px);\r\n}\r\n.vc-wds-pkg .vc-wds-pkg-card.vc-featured::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n  background-image:radial-gradient(rgba(255,255,255,.06) 1.5px,transparent 1.5px);\r\n  background-size:22px 22px;\r\n  pointer-events:none;\r\n}\r\n.vc-wds-pkg .vc-wds-pkg-card.vc-featured::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  top:0;right:0;\r\n  width:140px;height:140px;\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.vc-wds-pkg .vc-wds-pkg-card.vc-featured:hover{\r\n  transform:translateY(-18px);\r\n  box-shadow:0 30px 60px rgba(21,58,140,.30);\r\n}\r\n\r\n\/* \"Popular\" badge for featured *\/\r\n.vc-wds-pkg .vc-wds-pkg-popular{\r\n  position:absolute;\r\n  top:20px;right:20px;\r\n  background:var(--vc-orange);\r\n  color:#fff;\r\n  font-size:11px;\r\n  font-weight:700;\r\n  padding:4px 12px;\r\n  border-radius:20px;\r\n  letter-spacing:1px;\r\n  text-transform:uppercase;\r\n  z-index:2;\r\n  box-shadow:0 4px 12px rgba(242,107,29,.40);\r\n}\r\n\r\n\/* Package header *\/\r\n.vc-wds-pkg .vc-wds-pkg-header{\r\n  position:relative;\r\n  z-index:1;\r\n  text-align:center;\r\n  padding-bottom:24px;\r\n  margin-bottom:24px;\r\n  border-bottom:1px dashed var(--vc-line);\r\n}\r\n.vc-wds-pkg .vc-wds-pkg-card.vc-featured .vc-wds-pkg-header{\r\n  border-bottom-color:rgba(255,255,255,.18);\r\n}\r\n\r\n\/* Package icon (large emoji) *\/\r\n.vc-wds-pkg .vc-wds-pkg-icon{\r\n  width:68px;height:68px;\r\n  border-radius:18px;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  font-size:34px;\r\n  margin:0 auto 18px;\r\n  background:linear-gradient(135deg,var(--vc-orange-tint) 0%,rgba(21,58,140,.06) 100%);\r\n  border:1px solid rgba(242,107,29,.18);\r\n  transition:all .35s ease;\r\n  position:relative;\r\n  overflow:hidden;\r\n}\r\n.vc-wds-pkg .vc-wds-pkg-card.vc-featured .vc-wds-pkg-icon{\r\n  background:linear-gradient(135deg,var(--vc-orange) 0%,var(--vc-orange-2) 100%);\r\n  border-color:transparent;\r\n  box-shadow:0 10px 24px rgba(242,107,29,.30);\r\n}\r\n.vc-wds-pkg .vc-wds-pkg-card:hover .vc-wds-pkg-icon{\r\n  transform:rotate(-6deg) scale(1.05);\r\n}\r\n\r\n\/* Package name (preserved exactly) *\/\r\n.vc-wds-pkg .vc-wds-pkg-name{\r\n  font-size:20px;\r\n  font-weight:700;\r\n  color:var(--vc-blue);\r\n  line-height:1.3;\r\n  margin-bottom:10px;\r\n  transition:color .3s ease;\r\n}\r\n.vc-wds-pkg .vc-wds-pkg-card.vc-featured .vc-wds-pkg-name{\r\n  color:#fff;\r\n}\r\n\r\n\/* Package price (preserved exactly) *\/\r\n.vc-wds-pkg .vc-wds-pkg-price{\r\n  margin:8px 0 0;\r\n}\r\n.vc-wds-pkg .vc-wds-pkg-price .vc-price-amount{\r\n  font-size:32px;\r\n  font-weight:800;\r\n  color:var(--vc-orange);\r\n  line-height:1.1;\r\n  font-family:Georgia,serif;\r\n  letter-spacing:-.01em;\r\n  display:inline-block;\r\n}\r\n.vc-wds-pkg .vc-wds-pkg-card.vc-featured .vc-wds-pkg-price .vc-price-amount{\r\n  color:#ffb387;\r\n}\r\n.vc-wds-pkg .vc-wds-pkg-price .vc-price-from{\r\n  display:inline-block;\r\n  font-size:13px;\r\n  color:var(--vc-muted);\r\n  margin-right:4px;\r\n  vertical-align:20px;\r\n}\r\n.vc-wds-pkg .vc-wds-pkg-card.vc-featured .vc-wds-pkg-price .vc-price-from{\r\n  color:rgba(255,255,255,.85);\r\n}\r\n.vc-wds-pkg .vc-wds-pkg-price .vc-price-text{\r\n  display:block;\r\n  font-size:13px;\r\n  color:var(--vc-muted);\r\n  font-weight:600;\r\n  margin-top:2px;\r\n}\r\n.vc-wds-pkg .vc-wds-pkg-card.vc-featured .vc-wds-pkg-price .vc-price-text{\r\n  color:rgba(255,255,255,.85);\r\n}\r\n\r\n\/* Package description (preserved exactly) *\/\r\n.vc-wds-pkg .vc-wds-pkg-desc{\r\n  font-size:14.5px;\r\n  line-height:1.65;\r\n  color:var(--vc-muted);\r\n  margin-bottom:18px;\r\n  flex:1;\r\n  position:relative;\r\n  z-index:1;\r\n}\r\n.vc-wds-pkg .vc-wds-pkg-card.vc-featured .vc-wds-pkg-desc{\r\n  color:rgba(255,255,255,.90);\r\n}\r\n\r\n\/* \"Ideal for:\" \/ \"Can include:\" tag *\/\r\n.vc-wds-pkg .vc-wds-pkg-tag{\r\n  display:inline-block;\r\n  font-size:11.5px;\r\n  font-weight:700;\r\n  text-transform:uppercase;\r\n  letter-spacing:.5px;\r\n  color:var(--vc-orange);\r\n  background:var(--vc-orange-tint);\r\n  padding:4px 12px;\r\n  border-radius:12px;\r\n  margin-bottom:10px;\r\n  position:relative;\r\n  z-index:1;\r\n}\r\n.vc-wds-pkg .vc-wds-pkg-card.vc-featured .vc-wds-pkg-tag{\r\n  color:#ffb387;\r\n  background:rgba(255,255,255,.15);\r\n}\r\n\r\n\/* Feature list *\/\r\n.vc-wds-pkg .vc-wds-pkg-features{\r\n  list-style:none;\r\n  margin:0 0 22px;\r\n  padding:0;\r\n  position:relative;\r\n  z-index:1;\r\n}\r\n.vc-wds-pkg .vc-wds-pkg-features li{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:8px;\r\n  font-size:13.5px;\r\n  line-height:1.55;\r\n  color:var(--vc-ink);\r\n  padding:4px 0;\r\n  font-weight:500;\r\n}\r\n.vc-wds-pkg .vc-wds-pkg-card.vc-featured .vc-wds-pkg-features li{\r\n  color:rgba(255,255,255,.90);\r\n}\r\n.vc-wds-pkg .vc-wds-pkg-features li::before{\r\n  content:\"\u2713\";\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  width:18px;height:18px;\r\n  border-radius:50%;\r\n  background:var(--vc-orange);\r\n  color:#fff;\r\n  font-size:10px;\r\n  font-weight:700;\r\n  flex-shrink:0;\r\n}\r\n.vc-wds-pkg .vc-wds-pkg-card.vc-featured .vc-wds-pkg-features li::before{\r\n  background:rgba(255,255,255,.25);\r\n  color:#fff;\r\n}\r\n\r\n\/* ===========================================================\r\n   CTA BUTTON (Get Started \/ Get a Quote) \u2014 FRIENDLY SIZE\r\n   =========================================================== *\/\r\n.vc-wds-pkg .vc-wds-pkg-cta-btn{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  gap:6px;\r\n  \/* Friendlier, compact sizing *\/\r\n  width:auto;\r\n  min-width:150px;\r\n  padding:9px 20px;\r\n  border-radius:24px;\r\n  font-size:13.5px;\r\n  font-weight:600;\r\n  text-decoration:none;\r\n  cursor:pointer;\r\n  border:none;\r\n  font-family:inherit;\r\n  letter-spacing:.01em;\r\n  transition:all .3s ease;\r\n  position:relative;\r\n  z-index:1;\r\n  background:var(--vc-orange);\r\n  color:#fff;\r\n  box-shadow:0 6px 14px rgba(242,107,29,.28);\r\n  align-self:center; \/* center the auto-width button inside flex card *\/\r\n  margin-top:auto;\r\n}\r\n.vc-wds-pkg .vc-wds-pkg-cta-btn svg{\r\n  width:14px;\r\n  height:14px;\r\n  transition:transform .3s ease;\r\n}\r\n.vc-wds-pkg .vc-wds-pkg-cta-btn:hover{\r\n  background:var(--vc-orange-2);\r\n  transform:translateY(-2px);\r\n  box-shadow:0 10px 20px rgba(242,107,29,.38);\r\n}\r\n.vc-wds-pkg .vc-wds-pkg-cta-btn:hover svg{\r\n  transform:translateX(3px);\r\n}\r\n.vc-wds-pkg .vc-wds-pkg-cta-btn:active{\r\n  transform:translateY(0);\r\n  box-shadow:0 4px 10px rgba(242,107,29,.30);\r\n}\r\n.vc-wds-pkg .vc-wds-pkg-card.vc-featured .vc-wds-pkg-cta-btn{\r\n  background:var(--vc-white);\r\n  color:var(--vc-blue);\r\n  box-shadow:0 6px 14px rgba(0,0,0,.18);\r\n}\r\n.vc-wds-pkg .vc-wds-pkg-card.vc-featured .vc-wds-pkg-cta-btn:hover{\r\n  background:#fafaf7;\r\n  transform:translateY(-2px);\r\n  box-shadow:0 10px 22px rgba(0,0,0,.22);\r\n}\r\n\r\n\/* ===========================================================\r\n   CTA BANNER\r\n   =========================================================== *\/\r\n.vc-wds-pkg .vc-wds-pkg-cta-banner{\r\n  background:linear-gradient(135deg,var(--vc-blue) 0%,var(--vc-blue-2) 100%);\r\n  border-radius:20px;\r\n  padding:50px 50px;\r\n  text-align:center;\r\n  color:#fff;\r\n  position:relative;\r\n  overflow:hidden;\r\n  box-shadow:0 20px 50px rgba(21,58,140,.25);\r\n}\r\n.vc-wds-pkg .vc-wds-pkg-cta-banner::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n  background-image:radial-gradient(rgba(255,255,255,.06) 1.5px,transparent 1.5px);\r\n  background-size:22px 22px;\r\n  pointer-events:none;\r\n}\r\n.vc-wds-pkg .vc-wds-pkg-cta-banner::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  top:0;right:0;\r\n  width:180px;height:180px;\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.vc-wds-pkg .vc-wds-pkg-cta-content{\r\n  position:relative;\r\n  z-index:1;\r\n}\r\n.vc-wds-pkg .vc-wds-pkg-cta-title{\r\n  font-size:30px;\r\n  font-weight:800;\r\n  margin-bottom:14px;\r\n  line-height:1.3;\r\n  color:#fff;\r\n}\r\n.vc-wds-pkg .vc-wds-pkg-cta-title .vc-accent{\r\n  color:#ffb387;\r\n}\r\n.vc-wds-pkg .vc-wds-pkg-cta-text{\r\n  font-size:16px;\r\n  line-height:1.6;\r\n  margin:0 0 28px;\r\n  max-width:680px;\r\n  margin-left:auto;\r\n  margin-right:auto;\r\n  color:rgba(255,255,255,.88);\r\n}\r\n.vc-wds-pkg .vc-wds-pkg-cta-btns{\r\n  display:inline-flex;\r\n  flex-wrap:wrap;\r\n  justify-content:center;\r\n  gap:12px;\r\n}\r\n.vc-wds-pkg .vc-wds-pkg-cta-btn-lg{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:10px;\r\n  padding:14px 28px;\r\n  border-radius:30px;\r\n  font-size:15px;\r\n  font-weight:700;\r\n  text-decoration:none;\r\n  cursor:pointer;\r\n  border:none;\r\n  font-family:inherit;\r\n  transition:all .3s ease;\r\n  white-space:nowrap;\r\n  background:var(--vc-orange);\r\n  color:#fff;\r\n  box-shadow:0 12px 30px rgba(242,107,29,.40);\r\n  position:relative;\r\n  overflow:hidden;\r\n}\r\n.vc-wds-pkg .vc-wds-pkg-cta-btn-lg::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  top:0;left:-100%;width:100%;height:100%;\r\n  background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);\r\n  transition:left .6s ease;\r\n}\r\n.vc-wds-pkg .vc-wds-pkg-cta-btn-lg:hover::after{left:100%}\r\n.vc-wds-pkg .vc-wds-pkg-cta-btn-lg:hover{\r\n  background:var(--vc-orange-2);\r\n  transform:translateY(-3px);\r\n  box-shadow:0 16px 36px rgba(242,107,29,.50);\r\n}\r\n.vc-wds-pkg .vc-wds-pkg-cta-btn-lg svg{width:16px;height:16px;transition:transform .3s ease}\r\n.vc-wds-pkg .vc-wds-pkg-cta-btn-lg:hover svg{transform:translateX(3px)}\r\n\r\n\/* ===========================================================\r\n   ANIMATIONS\r\n   =========================================================== *\/\r\n@keyframes vcWdsPkgFadeUp{\r\n  from{opacity:0;transform:translateY(40px)}\r\n  to  {opacity:1;transform:translateY(0)}\r\n}\r\n\r\n\/* ===========================================================\r\n   RESPONSIVE\r\n   =========================================================== *\/\r\n@media (max-width:992px){\r\n  .vc-wds-pkg{padding:80px 0}\r\n  .vc-wds-pkg .vc-wds-pkg-title{font-size:30px}\r\n  .vc-wds-pkg .vc-wds-pkg-grid{grid-template-columns:1fr;gap:18px;max-width:520px;margin-left:auto;margin-right:auto}\r\n  .vc-wds-pkg .vc-wds-pkg-card.vc-featured{transform:translateY(0)}\r\n  .vc-wds-pkg .vc-wds-pkg-card.vc-featured:hover{transform:translateY(-6px)}\r\n  .vc-wds-pkg .vc-wds-pkg-cta-banner{padding:40px 30px}\r\n  .vc-wds-pkg .vc-wds-pkg-cta-title{font-size:24px}\r\n}\r\n@media (max-width:768px){\r\n  .vc-wds-pkg{padding:60px 0}\r\n  .vc-wds-pkg .vc-wds-pkg-title{font-size:26px}\r\n  .vc-wds-pkg .vc-wds-pkg-card{padding:28px 24px 26px}\r\n  .vc-wds-pkg .vc-wds-pkg-icon{width:58px;height:58px;font-size:30px}\r\n  .vc-wds-pkg .vc-wds-pkg-name{font-size:18px}\r\n  .vc-wds-pkg .vc-wds-pkg-cta-banner{padding:32px 22px}\r\n  .vc-wds-pkg .vc-wds-pkg-cta-title{font-size:22px}\r\n  .vc-wds-pkg .vc-wds-pkg-cta-btns{flex-direction:column;align-items:stretch;width:100%}\r\n  .vc-wds-pkg .vc-wds-pkg-cta-btn-lg{justify-content:center;width:100%}\r\n\r\n  \/* On small screens, allow buttons to be a comfortable width *\/\r\n  .vc-wds-pkg .vc-wds-pkg-cta-btn{\r\n    min-width:170px;\r\n    padding:10px 24px;\r\n    font-size:14px;\r\n  }\r\n}\r\n@media (max-width:520px){\r\n  .vc-wds-pkg .vc-wds-pkg-title{font-size:22px}\r\n  .vc-wds-pkg .vc-wds-pkg-cta-title{font-size:20px}\r\n}\r\n<\/style>\r\n\r\n<!-- =====================================================\r\n     WEBSITE DESIGN SERVICES \u2014 8th SECTION\r\n     (Pricing Packages) \u2014 Content preserved EXACTLY\r\n     ===================================================== -->\r\n<section class=\"vc-wds-pkg\" id=\"wds-pricing\">\r\n\r\n  <div class=\"vc-wds-pkg-wrap\">\r\n\r\n    <!-- ===========================================================\r\n         HEADER\r\n         =========================================================== -->\r\n    <div class=\"vc-wds-pkg-head\">\r\n      <div class=\"vc-wds-pkg-badge\">\u0986\u09ae\u09be\u09a6\u09c7\u09b0 \u09aa\u09cd\u09af\u09be\u0995\u09c7\u099c<\/div>\r\n      <h2 class=\"vc-wds-pkg-title\">\r\n        Website Design <span class=\"vc-accent\">Packages<\/span>\r\n      <\/h2>\r\n      <p class=\"vc-wds-pkg-subtitle\">\r\n        \u0986\u09aa\u09a8\u09be\u09b0 Business-\u098f\u09b0 \u099c\u09a8\u09cd\u09af \u09b8\u09a0\u09bf\u0995 \u09aa\u09cd\u09af\u09be\u0995\u09c7\u099c \u09ac\u09c7\u099b\u09c7 \u09a8\u09bf\u09a8\u0964 \u09aa\u09cd\u09b0\u09a4\u09bf\u099f\u09bf \u09aa\u09cd\u09af\u09be\u0995\u09c7\u099c\u09c7 \u0986\u09ae\u09b0\u09be Professional quality \u098f\u09ac\u0982 ongoing support \u09a8\u09bf\u09b6\u09cd\u099a\u09bf\u09a4 \u0995\u09b0\u09bf\u0964\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- ===========================================================\r\n         3 PACKAGE CARDS\r\n         (Content preserved EXACTLY)\r\n         =========================================================== -->\r\n    <div class=\"vc-wds-pkg-grid\">\r\n\r\n      <!-- ===== Package 1: Starter Website ===== -->\r\n      <article class=\"vc-wds-pkg-card\">\r\n        <div class=\"vc-wds-pkg-header\">\r\n          <div class=\"vc-wds-pkg-icon\">\ud83d\ude80<\/div>\r\n          <h3 class=\"vc-wds-pkg-name\">Starter Website<\/h3>\r\n          <div class=\"vc-wds-pkg-price\">\r\n            <span class=\"vc-price-from\">Starting from<\/span>\r\n            <span class=\"vc-price-amount\">\u09f325,000<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <p class=\"vc-wds-pkg-desc\">\r\n          Small businesses \u098f\u09ac\u0982 professionals-\u098f\u09b0 \u099c\u09a8\u09cd\u09af suitable\u0964\r\n        <\/p>\r\n        <span class=\"vc-wds-pkg-tag\">Ideal for:<\/span>\r\n        <ul class=\"vc-wds-pkg-features\">\r\n          <li>Portfolio<\/li>\r\n          <li>Personal brand<\/li>\r\n          <li>Small business<\/li>\r\n          <li>Basic service websites<\/li>\r\n        <\/ul>\r\n        <a href=\"https:\/\/wa.me\/8801703689900?text=\u0986\u09ae\u09bf%20Starter%20Website%20\u09aa\u09cd\u09af\u09be\u0995\u09c7\u099c%20\u09a8\u09bf\u09a4\u09c7%20\u099a\u09be\u0987\" class=\"vc-wds-pkg-cta-btn\" target=\"_blank\" rel=\"noopener\">\r\n          Get Started\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      <\/article>\r\n\r\n      <!-- ===== Package 2: Business Website (FEATURED) ===== -->\r\n      <article class=\"vc-wds-pkg-card vc-featured\">\r\n        <span class=\"vc-wds-pkg-popular\">Popular<\/span>\r\n        <div class=\"vc-wds-pkg-header\">\r\n          <div class=\"vc-wds-pkg-icon\">\ud83d\udcbc<\/div>\r\n          <h3 class=\"vc-wds-pkg-name\">Business Website<\/h3>\r\n          <div class=\"vc-wds-pkg-price\">\r\n            <span class=\"vc-price-amount\">Custom Quote<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <p class=\"vc-wds-pkg-desc\">\r\n          Growing businesses-\u098f\u09b0 \u099c\u09a8\u09cd\u09af more comprehensive Website solution\u0964\r\n        <\/p>\r\n        <span class=\"vc-wds-pkg-tag\">Suitable for:<\/span>\r\n        <ul class=\"vc-wds-pkg-features\">\r\n          <li>Multiple services<\/li>\r\n          <li>Multiple locations<\/li>\r\n          <li>Lead generation<\/li>\r\n          <li>Team\/company information<\/li>\r\n          <li>Advanced integrations<\/li>\r\n          <li>SEO requirements<\/li>\r\n        <\/ul>\r\n        <a href=\"https:\/\/wa.me\/8801703689900?text=\u0986\u09ae\u09bf%20Business%20Website%20\u09aa\u09cd\u09af\u09be\u0995\u09c7\u099c%20\u09a8\u09bf\u09a4\u09c7%20\u099a\u09be\u0987\" class=\"vc-wds-pkg-cta-btn\" target=\"_blank\" rel=\"noopener\">\r\n          Get a Quote\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      <\/article>\r\n\r\n      <!-- ===== Package 3: E-commerce Website ===== -->\r\n      <article class=\"vc-wds-pkg-card\">\r\n        <div class=\"vc-wds-pkg-header\">\r\n          <div class=\"vc-wds-pkg-icon\">\ud83d\uded2<\/div>\r\n          <h3 class=\"vc-wds-pkg-name\">E-commerce Website<\/h3>\r\n          <div class=\"vc-wds-pkg-price\">\r\n            <span class=\"vc-price-amount\">Custom Quote<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <p class=\"vc-wds-pkg-desc\">\r\n          Online products sell \u0995\u09b0\u09be\u09b0 \u099c\u09a8\u09cd\u09af complete E-commerce solution\u0964\r\n        <\/p>\r\n        <span class=\"vc-wds-pkg-tag\">Can include:<\/span>\r\n        <ul class=\"vc-wds-pkg-features\">\r\n          <li>Unlimited products<\/li>\r\n          <li>Product categories<\/li>\r\n          <li>Cart<\/li>\r\n          <li>Checkout<\/li>\r\n          <li>Payment gateway<\/li>\r\n          <li>Order management<\/li>\r\n          <li>Customer management<\/li>\r\n          <li>Promotional features<\/li>\r\n        <\/ul>\r\n        <a href=\"https:\/\/wa.me\/8801703689900?text=\u0986\u09ae\u09bf%20E-commerce%20Website%20\u09aa\u09cd\u09af\u09be\u0995\u09c7\u099c%20\u09a8\u09bf\u09a4\u09c7%20\u099a\u09be\u0987\" class=\"vc-wds-pkg-cta-btn\" target=\"_blank\" rel=\"noopener\">\r\n          Get a Quote\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      <\/article>\r\n\r\n    <\/div>\r\n\r\n    <!-- ===========================================================\r\n         CUSTOM WEBSITE BANNER\r\n         (preserved exact text)\r\n         =========================================================== -->\r\n    <div class=\"vc-wds-pkg-cta-banner\">\r\n      <div class=\"vc-wds-pkg-cta-content\">\r\n        <h3 class=\"vc-wds-pkg-cta-title\">Need a <span class=\"vc-accent\">Custom Website?<\/span><\/h3>\r\n        <p class=\"vc-wds-pkg-cta-text\">\r\n          \u0986\u09aa\u09a8\u09be\u09b0 requirement \u09af\u09a6\u09bf standard package-\u098f\u09b0 \u09ac\u09be\u0987\u09b0\u09c7 \u09b9\u09af\u09bc, \u0986\u09ae\u09b0\u09be \u0986\u09aa\u09a8\u09be\u09b0 Business \u0985\u09a8\u09c1\u09af\u09be\u09af\u09bc\u09c0 custom website design and development solution \u09a4\u09c8\u09b0\u09bf \u0995\u09b0\u09a4\u09c7 \u09aa\u09be\u09b0\u09bf\u0964\r\n        <\/p>\r\n        <div class=\"vc-wds-pkg-cta-btns\">\r\n          <a href=\"https:\/\/wa.me\/8801703689900?text=\u0986\u09ae\u09be\u09b0%20custom%20Website%20\u09a6\u09b0\u0995\u09be\u09b0\" class=\"vc-wds-pkg-cta-btn-lg\" target=\"_blank\" rel=\"noopener\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\"\/><\/svg>\r\n            Get a Free Consultation\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        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n\/* =====================================================\r\n   WDS PACKAGING SECTION JS\r\n   ===================================================== *\/\r\n(function(){\r\n  'use strict';\r\n\r\n  \/* ---------- Stagger entrance 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 items = entry.target.querySelectorAll('.vc-wds-pkg-card, .vc-wds-pkg-cta-banner');\r\n          items.forEach((c, i) => {\r\n            c.style.opacity = '0';\r\n            c.style.transform = 'translateY(40px)';\r\n            c.style.transition = 'opacity .6s ease, transform .6s ease, box-shadow .35s ease';\r\n            setTimeout(() => {\r\n              c.style.opacity = '1';\r\n              c.style.transform = (c.classList.contains('vc-featured')) ? 'translateY(-12px)' : 'translateY(0)';\r\n            }, 120 * i);\r\n          });\r\n          observer.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, {threshold: 0.12});\r\n\r\n    const grid = document.querySelector('.vc-wds-pkg-grid');\r\n    if (grid) observer.observe(grid);\r\n  }\r\n\r\n  \/* ---------- Smooth anchor scroll ---------- *\/\r\n  document.querySelectorAll('.vc-wds-pkg a[href^=\"#\"]').forEach(link => {\r\n    link.addEventListener('click', function(e){\r\n      const href = this.getAttribute('href');\r\n      if (href.length > 1) {\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})();\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-2c59bc4 e-con-full e-flex e-con e-parent\" data-id=\"2c59bc4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4f0b383 elementor-widget elementor-widget-html\" data-id=\"4f0b383\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     SPARIQO \u2014 Website Design Services\r\n     9th Section (Why Choose Us) \u2014 Content preserved EXACTLY\r\n     Paste: Elementor \u2192 HTML Widget\r\n     ============================================================ -->\r\n\r\n<style>\r\n\/* ===========================================================\r\n   ROOT + RESET\r\n   =========================================================== *\/\r\n.vc-wds-why-us *,.vc-wds-why-us *::before,.vc-wds-why-us *::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-orange:#f26b1d;\r\n  --vc-orange-2:#d95a12;\r\n  --vc-orange-soft:#ffb387;\r\n  --vc-orange-tint:rgba(242,107,29,.10);\r\n  --vc-orange-tint-2:rgba(242,107,29,.06);\r\n  --vc-ink:#1c2440;\r\n  --vc-muted:#5a627a;\r\n  --vc-line:#e8e6e0;\r\n  --vc-white:#fff;\r\n  --vc-bg-soft:#fafaf7;\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\r\n   =========================================================== *\/\r\n.vc-wds-why-us{\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.vc-wds-why-us::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  top:0;left:0;right:0;height:1px;\r\n  background:linear-gradient(90deg,transparent,rgba(21,58,140,.15) 50%,transparent);\r\n}\r\n.vc-wds-why-us::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  top:30%;right:-100px;\r\n  width:400px;height:400px;\r\n  background:radial-gradient(circle,rgba(242,107,29,.10) 0%,transparent 70%);\r\n  pointer-events:none;\r\n}\r\n\r\n.vc-wds-why-us .vc-wds-why-us-wrap{\r\n  max-width:1200px;\r\n  margin:0 auto;\r\n  padding:0 24px;\r\n  position:relative;\r\n  z-index:1;\r\n}\r\n\r\n\/* ===========================================================\r\n   HEADER\r\n   =========================================================== *\/\r\n.vc-wds-why-us .vc-wds-why-us-head{\r\n  text-align:center;\r\n  margin-bottom:60px;\r\n}\r\n.vc-wds-why-us .vc-wds-why-us-badge{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:8px;\r\n  background:rgba(21,58,140,.08);\r\n  border:1px solid rgba(21,58,140,.20);\r\n  color:var(--vc-blue);\r\n  font-size:13px;\r\n  font-weight:600;\r\n  padding:7px 18px;\r\n  border-radius:30px;\r\n  margin-bottom:18px;\r\n}\r\n.vc-wds-why-us .vc-wds-why-us-badge::before{\r\n  content:\"\u2728\";\r\n  font-size:14px;\r\n}\r\n.vc-wds-why-us .vc-wds-why-us-title{\r\n  font-size:36px;\r\n  font-weight:800;\r\n  color:var(--vc-blue);\r\n  line-height:1.25;\r\n  letter-spacing:-.01em;\r\n  margin-bottom:14px;\r\n}\r\n.vc-wds-why-us .vc-wds-why-us-title .vc-accent{\r\n  color:var(--vc-orange);\r\n  position:relative;\r\n  display:inline-block;\r\n}\r\n.vc-wds-why-us .vc-wds-why-us-title .vc-accent::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  bottom:2px;left:0;\r\n  width:100%;height:8px;\r\n  background:rgba(242,107,29,.18);\r\n  border-radius:4px;\r\n  z-index:-1;\r\n}\r\n.vc-wds-why-us .vc-wds-why-us-subtitle{\r\n  max-width:680px;\r\n  margin:0 auto;\r\n  color:var(--vc-muted);\r\n  font-size:16px;\r\n  line-height:1.6;\r\n}\r\n\r\n\/* ===========================================================\r\n   5 FEATURE CARDS (vertical, 1-column)\r\n   =========================================================== *\/\r\n.vc-wds-why-us .vc-wds-why-us-list{\r\n  display:flex;\r\n  flex-direction:column;\r\n  gap:18px;\r\n  max-width:920px;\r\n  margin:0 auto 50px;\r\n}\r\n\r\n\/* Each card *\/\r\n.vc-wds-why-us .vc-wds-why-us-card{\r\n  position:relative;\r\n  background:#fff;\r\n  border:1px solid var(--vc-line);\r\n  border-radius:16px;\r\n  padding:28px 30px 26px;\r\n  display:grid;\r\n  grid-template-columns:72px 1fr;\r\n  gap:24px;\r\n  align-items:center;\r\n  transition:all .35s ease;\r\n  overflow:hidden;\r\n}\r\n.vc-wds-why-us .vc-wds-why-us-card::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  left:0;top:0;\r\n  width:0;height:100%;\r\n  background:linear-gradient(90deg,var(--vc-orange-tint-2) 0%,transparent 50%);\r\n  transition:width .5s ease;\r\n  z-index:0;\r\n}\r\n.vc-wds-why-us .vc-wds-why-us-card:hover{\r\n  transform:translateY(-3px);\r\n  box-shadow:0 14px 32px rgba(20,40,100,.10);\r\n  border-color:rgba(242,107,29,.25);\r\n}\r\n.vc-wds-why-us .vc-wds-why-us-card:hover::before{\r\n  width:100%;\r\n}\r\n\r\n\/* Card icon (left side) *\/\r\n.vc-wds-why-us .vc-wds-why-us-icon{\r\n  width:72px;height:72px;\r\n  border-radius:18px;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  font-size:32px;\r\n  background:linear-gradient(135deg,var(--vc-blue) 0%,var(--vc-blue-2) 100%);\r\n  color:#fff;\r\n  flex-shrink:0;\r\n  position:relative;\r\n  z-index:1;\r\n  box-shadow:0 8px 20px rgba(21,58,140,.30);\r\n  transition:all .35s ease;\r\n  overflow:hidden;\r\n}\r\n.vc-wds-why-us .vc-wds-why-us-icon::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n  background:linear-gradient(135deg,rgba(255,255,255,.2),rgba(255,255,255,0));\r\n}\r\n.vc-wds-why-us .vc-wds-why-us-card:hover .vc-wds-why-us-icon{\r\n  transform:rotate(-6deg) scale(1.05);\r\n  background:linear-gradient(135deg,var(--vc-orange) 0%,var(--vc-orange-2) 100%);\r\n  box-shadow:0 12px 28px rgba(242,107,29,.35);\r\n}\r\n\r\n\/* Card content (right side) *\/\r\n.vc-wds-why-us .vc-wds-why-us-content{\r\n  flex:1;\r\n  min-width:0;\r\n  position:relative;\r\n  z-index:1;\r\n}\r\n.vc-wds-why-us .vc-wds-why-us-card-title{\r\n  font-size:20px;\r\n  font-weight:700;\r\n  color:var(--vc-blue);\r\n  line-height:1.3;\r\n  margin-bottom:6px;\r\n  transition:color .3s ease;\r\n}\r\n.vc-wds-why-us .vc-wds-why-us-card:hover .vc-wds-why-us-card-title{\r\n  color:var(--vc-orange);\r\n}\r\n.vc-wds-why-us .vc-wds-why-us-card-desc{\r\n  font-size:14.5px;\r\n  line-height:1.7;\r\n  color:var(--vc-muted);\r\n  margin:0;\r\n}\r\n\r\n\/* Special highlight: \"One Team\" card (last one gets orange icon) *\/\r\n.vc-wds-why-us .vc-wds-why-us-card:nth-child(5) .vc-wds-why-us-icon{\r\n  background:linear-gradient(135deg,var(--vc-orange) 0%,var(--vc-orange-2) 100%);\r\n  box-shadow:0 8px 20px rgba(242,107,29,.30);\r\n}\r\n.vc-wds-why-us .vc-wds-why-us-card:nth-child(5) .vc-wds-why-us-icon::after{\r\n  background:linear-gradient(135deg,rgba(255,255,255,.25),rgba(255,255,255,0));\r\n}\r\n\r\n\/* ===========================================================\r\n   CTA BANNER\r\n   =========================================================== *\/\r\n.vc-wds-why-us .vc-wds-why-us-cta{\r\n  background:linear-gradient(135deg,var(--vc-blue) 0%,var(--vc-blue-2) 100%);\r\n  border-radius:20px;\r\n  padding:50px 50px;\r\n  text-align:center;\r\n  color:#fff;\r\n  position:relative;\r\n  overflow:hidden;\r\n  box-shadow:0 20px 50px rgba(21,58,140,.25);\r\n}\r\n.vc-wds-why-us .vc-wds-why-us-cta::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n  background-image:radial-gradient(rgba(255,255,255,.06) 1.5px,transparent 1.5px);\r\n  background-size:22px 22px;\r\n  pointer-events:none;\r\n}\r\n.vc-wds-why-us .vc-wds-why-us-cta::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  top:0;right:0;\r\n  width:180px;height:180px;\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.vc-wds-why-us .vc-wds-why-us-cta-content{\r\n  position:relative;\r\n  z-index:1;\r\n}\r\n.vc-wds-why-us .vc-wds-why-us-cta h3{\r\n  font-size:30px;\r\n  font-weight:800;\r\n  margin-bottom:14px;\r\n  line-height:1.3;\r\n  color:#fff;\r\n}\r\n.vc-wds-why-us .vc-wds-why-us-cta h3 .vc-accent{\r\n  color:#ffb387;\r\n}\r\n.vc-wds-why-us .vc-wds-why-us-cta p{\r\n  color:rgba(255,255,255,.88);\r\n  font-size:16px;\r\n  line-height:1.6;\r\n  margin:0 0 28px;\r\n  max-width:620px;\r\n  margin-left:auto;\r\n  margin-right:auto;\r\n}\r\n.vc-wds-why-us .vc-wds-why-us-cta-btns{\r\n  display:inline-flex;\r\n  flex-wrap:wrap;\r\n  justify-content:center;\r\n  gap:12px;\r\n}\r\n.vc-wds-why-us .vc-wds-why-us-cta-btn{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:10px;\r\n  padding:14px 28px;\r\n  border-radius:30px;\r\n  font-size:15px;\r\n  font-weight:600;\r\n  text-decoration:none;\r\n  cursor:pointer;\r\n  border:none;\r\n  font-family:inherit;\r\n  transition:all .3s ease;\r\n  white-space:nowrap;\r\n}\r\n.vc-wds-why-us .vc-wds-why-us-cta-btn svg{width:15px;height:15px;transition:transform .3s ease}\r\n.vc-wds-why-us .vc-wds-why-us-cta-btn:hover svg{transform:translateX(3px)}\r\n.vc-wds-why-us .vc-wds-why-us-cta-btn-whatsapp{\r\n  background:#25D366;\r\n  color:#fff;\r\n  box-shadow:0 10px 26px rgba(37,211,102,.40);\r\n}\r\n.vc-wds-why-us .vc-wds-why-us-cta-btn-whatsapp:hover{\r\n  background:#1FAA59;\r\n  transform:translateY(-3px);\r\n  box-shadow:0 14px 32px rgba(37,211,102,.50);\r\n}\r\n.vc-wds-why-us .vc-wds-why-us-cta-btn-primary{\r\n  background:var(--vc-orange);\r\n  color:#fff;\r\n  box-shadow:0 10px 26px rgba(242,107,29,.40);\r\n  position:relative;\r\n  overflow:hidden;\r\n}\r\n.vc-wds-why-us .vc-wds-why-us-cta-btn-primary::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  top:0;left:-100%;width:100%;height:100%;\r\n  background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);\r\n  transition:left .6s ease;\r\n}\r\n.vc-wds-why-us .vc-wds-why-us-cta-btn-primary:hover::after{left:100%}\r\n.vc-wds-why-us .vc-wds-why-us-cta-btn-primary:hover{\r\n  background:var(--vc-orange-2);\r\n  transform:translateY(-3px);\r\n  box-shadow:0 14px 32px rgba(242,107,29,.50);\r\n}\r\n\r\n\/* ===========================================================\r\n   ANIMATIONS\r\n   =========================================================== *\/\r\n@keyframes vcWdsWhyUsFadeUp{\r\n  from{opacity:0;transform:translateY(40px)}\r\n  to  {opacity:1;transform:translateY(0)}\r\n}\r\n\r\n\/* ===========================================================\r\n   RESPONSIVE\r\n   =========================================================== *\/\r\n@media (max-width:992px){\r\n  .vc-wds-why-us{padding:80px 0}\r\n  .vc-wds-why-us .vc-wds-why-us-title{font-size:30px}\r\n  .vc-wds-why-us .vc-wds-why-us-cta{padding:40px 30px}\r\n  .vc-wds-why-us .vc-wds-why-us-cta h3{font-size:24px}\r\n}\r\n@media (max-width:768px){\r\n  .vc-wds-why-us{padding:60px 0}\r\n  .vc-wds-why-us .vc-wds-why-us-title{font-size:26px}\r\n  .vc-wds-why-us .vc-wds-why-us-card{\r\n    grid-template-columns:1fr;\r\n    text-align:center;\r\n    padding:24px 22px;\r\n    gap:16px;\r\n  }\r\n  .vc-wds-why-us .vc-wds-why-us-icon{margin:0 auto}\r\n  .vc-wds-why-us .vc-wds-why-us-cta{padding:32px 22px}\r\n  .vc-wds-why-us .vc-wds-why-us-cta h3{font-size:22px}\r\n  .vc-wds-why-us .vc-wds-why-us-cta-btns{flex-direction:column;align-items:stretch;width:100%}\r\n  .vc-wds-why-us .vc-wds-why-us-cta-btn{justify-content:center;width:100%}\r\n}\r\n@media (max-width:520px){\r\n  .vc-wds-why-us .vc-wds-why-us-title{font-size:22px}\r\n  .vc-wds-why-us .vc-wds-why-us-icon{width:64px;height:64px;font-size:28px}\r\n  .vc-wds-why-us .vc-wds-why-us-card-title{font-size:18px}\r\n  .vc-wds-why-us .vc-wds-why-us-cta h3{font-size:20px}\r\n}\r\n<\/style>\r\n\r\n<!-- =====================================================\r\n     WEBSITE DESIGN SERVICES \u2014 9th SECTION\r\n     (Why Choose Spariqo) \u2014 Content preserved EXACTLY\r\n     ===================================================== -->\r\n<section class=\"vc-wds-why-us\" id=\"wds-why-choose\">\r\n\r\n  <div class=\"vc-wds-why-us-wrap\">\r\n\r\n    <!-- ===========================================================\r\n         HEADER\r\n         =========================================================== -->\r\n    <div class=\"vc-wds-why-us-head\">\r\n      <div class=\"vc-wds-why-us-badge\">\u0986\u09ae\u09be\u09a6\u09c7\u09b0 \u09aa\u09a6\u09cd\u09a7\u09a4\u09bf<\/div>\r\n      <h2 class=\"vc-wds-why-us-title\">\r\n        Why Choose <span class=\"vc-accent\">Spariqo\u2122?<\/span>\r\n      <\/h2>\r\n      <p class=\"vc-wds-why-us-subtitle\">\r\n        Spariqo\u2122 \u09b6\u09c1\u09a7\u09c1 Website design \u0995\u09b0\u09c7 \u09a8\u09be \u2014 \u0986\u09ae\u09b0\u09be \u0986\u09aa\u09a8\u09be\u09b0 Business-\u098f\u09b0 digital presence develop \u0995\u09b0\u09bf\u0964 \u0986\u09ae\u09be\u09a6\u09c7\u09b0 \u09b8\u09be\u09a5\u09c7 \u0995\u09be\u099c \u0995\u09b0\u09be\u09b0 \u09eb\u099f\u09bf \u09ae\u09c2\u09b2 \u0995\u09be\u09b0\u09a3 \u09a6\u09c7\u0996\u09c1\u09a8\u0964\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- ===========================================================\r\n         5 FEATURE CARDS\r\n         (Content preserved EXACTLY)\r\n         =========================================================== -->\r\n    <div class=\"vc-wds-why-us-list\">\r\n\r\n      <!-- Feature 1 -->\r\n      <article class=\"vc-wds-why-us-card\">\r\n        <div class=\"vc-wds-why-us-icon\">\ud83e\udde0<\/div>\r\n        <div class=\"vc-wds-why-us-content\">\r\n          <h3 class=\"vc-wds-why-us-card-title\">Business Understanding<\/h3>\r\n          <p class=\"vc-wds-why-us-card-desc\">Website \u09b6\u09c1\u09b0\u09c1 \u0995\u09b0\u09be\u09b0 \u0986\u0997\u09c7 \u0986\u09ae\u09b0\u09be \u0986\u09aa\u09a8\u09be\u09b0 Business model \u098f\u09ac\u0982 customer journey \u09ac\u09c1\u099d\u09a4\u09c7 \u0997\u09c1\u09b0\u09c1\u09a4\u09cd\u09ac \u09a6\u09bf\u0987\u0964<\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- Feature 2 -->\r\n      <article class=\"vc-wds-why-us-card\">\r\n        <div class=\"vc-wds-why-us-icon\">\ud83c\udfaf<\/div>\r\n        <div class=\"vc-wds-why-us-content\">\r\n          <h3 class=\"vc-wds-why-us-card-title\">Custom Approach<\/h3>\r\n          <p class=\"vc-wds-why-us-card-desc\">\u0986\u09aa\u09a8\u09be\u09b0 Business-\u098f\u09b0 \u099c\u09a8\u09cd\u09af \u09aa\u09cd\u09b0\u09af\u09bc\u09cb\u099c\u09a8 \u0985\u09a8\u09c1\u09af\u09be\u09af\u09bc\u09c0 design \u098f\u09ac\u0982 functionality \u09a8\u09bf\u09b0\u09cd\u09ac\u09be\u099a\u09a8 \u0995\u09b0\u09be \u09b9\u09af\u09bc\u0964<\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- Feature 3 -->\r\n      <article class=\"vc-wds-why-us-card\">\r\n        <div class=\"vc-wds-why-us-icon\">\ud83d\udd0d<\/div>\r\n        <div class=\"vc-wds-why-us-content\">\r\n          <h3 class=\"vc-wds-why-us-card-title\">SEO-Aware Development<\/h3>\r\n          <p class=\"vc-wds-why-us-card-desc\">Website design-\u098f\u09b0 \u09aa\u09be\u09b6\u09be\u09aa\u09be\u09b6\u09bf search visibility-\u098f\u09b0 \u099c\u09a8\u09cd\u09af \u09aa\u09cd\u09b0\u09af\u09bc\u09cb\u099c\u09a8\u09c0\u09af\u09bc foundational elements \u09ac\u09bf\u09ac\u09c7\u099a\u09a8\u09be \u0995\u09b0\u09be \u09b9\u09af\u09bc\u0964<\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- Feature 4 -->\r\n      <article class=\"vc-wds-why-us-card\">\r\n        <div class=\"vc-wds-why-us-icon\">\u2699\ufe0f<\/div>\r\n        <div class=\"vc-wds-why-us-content\">\r\n          <h3 class=\"vc-wds-why-us-card-title\">Modern Technology<\/h3>\r\n          <p class=\"vc-wds-why-us-card-desc\">WordPress, WooCommerce \u098f\u09ac\u0982 modern web technologies \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09c7 scalable solutions \u09a4\u09c8\u09b0\u09bf \u0995\u09b0\u09be \u09af\u09be\u09af\u09bc\u0964<\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- Feature 5: One Team (HIGHLIGHTED with orange icon) -->\r\n      <article class=\"vc-wds-why-us-card\">\r\n        <div class=\"vc-wds-why-us-icon\">\ud83d\udc65<\/div>\r\n        <div class=\"vc-wds-why-us-content\">\r\n          <h3 class=\"vc-wds-why-us-card-title\">One Team for Your Digital Presence<\/h3>\r\n          <p class=\"vc-wds-why-us-card-desc\">Website-\u098f\u09b0 \u09aa\u09be\u09b6\u09be\u09aa\u09be\u09b6\u09bf \u09aa\u09cd\u09b0\u09af\u09bc\u09cb\u099c\u09a8 \u0985\u09a8\u09c1\u09af\u09be\u09af\u09bc\u09c0 SEO, Local SEO, Google Ads, Analytics, Content \u098f\u09ac\u0982 <a href=\"https:\/\/spariqo.com\/bd\/digital-marketing-services-in-bd\/\">\r\n  digital marketing services\r\n<\/a>-\u098f\u09b0 \u09ae\u09be\u09a7\u09cd\u09af\u09ae\u09c7 \u0986\u09aa\u09a8\u09be\u09b0 online presence \u0986\u09b0\u0993 develop \u0995\u09b0\u09be \u09af\u09be\u09af\u09bc\u0964<\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n    <!-- ===========================================================\r\n         BOTTOM CTA\r\n         =========================================================== -->\r\n    <div class=\"vc-wds-why-us-cta\">\r\n      <div class=\"vc-wds-why-us-cta-content\">\r\n        <h3>\u0986\u09aa\u09a8\u09be\u09b0 Business-\u098f\u09b0 \u099c\u09a8\u09cd\u09af <span class=\"vc-accent\">\u09b8\u09a0\u09bf\u0995 Partner<\/span> \u0996\u09c1\u0981\u099c\u099b\u09c7\u09a8?<\/h3>\r\n        <p>\u0986\u099c\u0987 \u0986\u09ae\u09be\u09a6\u09c7\u09b0 \u09b8\u09be\u09a5\u09c7 \u0995\u09a5\u09be \u09ac\u09b2\u09c1\u09a8 \u2014 \u09ab\u09cd\u09b0\u09bf \u09aa\u09b0\u09be\u09ae\u09b0\u09cd\u09b6 \u09a8\u09bf\u09a8 \u098f\u09ac\u0982 \u0986\u09aa\u09a8\u09be\u09b0 Website \u0993 digital marketing-\u098f\u09b0 journey \u09b6\u09c1\u09b0\u09c1 \u0995\u09b0\u09c1\u09a8\u0964<\/p>\r\n        <div class=\"vc-wds-why-us-cta-btns\">\r\n          <a href=\"https:\/\/wa.me\/8801703689900?text=\u0986\u09ae\u09bf%20Spariqo\u2122%20\u098f\u09b0%20\u09b8\u09be\u09a5\u09c7%20\u0995\u09a5\u09be%20\u09ac\u09b2\u09a4\u09c7%20\u099a\u09be\u0987\" class=\"vc-wds-why-us-cta-btn vc-wds-why-us-cta-btn-whatsapp\" target=\"_blank\" rel=\"noopener\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347\"\/><\/svg>\r\n            WhatsApp 01703689900\r\n          <\/a>\r\n          <a href=\"https:\/\/spariqo.com\/bd\/\" class=\"vc-wds-why-us-cta-btn vc-wds-why-us-cta-btn-primary\" target=\"_blank\" rel=\"noopener\">\r\n            Get 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      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n\/* =====================================================\r\n   WDS WHY US SECTION JS\r\n   ===================================================== *\/\r\n(function(){\r\n  'use strict';\r\n\r\n  \/* ---------- Stagger entrance 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 items = entry.target.querySelectorAll('.vc-wds-why-us-card, .vc-wds-why-us-cta');\r\n          items.forEach((c, i) => {\r\n            c.style.opacity = '0';\r\n            c.style.transform = 'translateY(40px)';\r\n            c.style.transition = 'opacity .6s ease, transform .6s ease, box-shadow .35s ease, border-color .35s ease';\r\n            setTimeout(() => {\r\n              c.style.opacity = '1';\r\n              c.style.transform = 'translateY(0)';\r\n            }, 130 * i);\r\n          });\r\n          observer.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, {threshold: 0.12});\r\n\r\n    const list = document.querySelector('.vc-wds-why-us-list');\r\n    if (list) observer.observe(list);\r\n  }\r\n\r\n  \/* ---------- Smooth anchor scroll ---------- *\/\r\n  document.querySelectorAll('.vc-wds-why-us a[href^=\"#\"]').forEach(link => {\r\n    link.addEventListener('click', function(e){\r\n      const href = this.getAttribute('href');\r\n      if (href.length > 1) {\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})();\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-922e899 e-con-full e-flex e-con e-parent\" data-id=\"922e899\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c062e1c elementor-widget elementor-widget-html\" data-id=\"c062e1c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     SPARIQO \u2014 Website Design Services\r\n     10th Section (FAQ) \u2014 Content preserved EXACTLY\r\n     Paste: Elementor \u2192 HTML Widget\r\n     ============================================================ -->\r\n\r\n<style>\r\n\/* ===========================================================\r\n   ROOT + RESET\r\n   =========================================================== *\/\r\n.vc-wds-faq *,.vc-wds-faq *::before,.vc-wds-faq *::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-orange-tint:rgba(242,107,29,.10);\r\n  --vc-orange-tint-2:rgba(242,107,29,.06);\r\n  --vc-orange-3:rgba(242,107,29,.20);\r\n  --vc-ink:#1c2440;\r\n  --vc-muted:#5a627a;\r\n  --vc-line:#e8e6e0;\r\n  --vc-white:#fff;\r\n  --vc-bg-soft:#fafaf7;\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\r\n   =========================================================== *\/\r\n.vc-wds-faq{\r\n  font-family:var(--vc-font);\r\n  padding:100px 0;\r\n  background:var(--vc-bg-soft);\r\n  position:relative;\r\n  overflow:hidden;\r\n}\r\n.vc-wds-faq::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  top:0;left:0;right:0;height:1px;\r\n  background:linear-gradient(90deg,transparent,rgba(21,58,140,.15) 50%,transparent);\r\n}\r\n.vc-wds-faq::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  top:50%;right:-100px;\r\n  width:400px;height:400px;\r\n  background:radial-gradient(circle,rgba(242,107,29,.10) 0%,transparent 70%);\r\n  pointer-events:none;\r\n}\r\n\r\n.vc-wds-faq .vc-wds-faq-wrap{\r\n  max-width:880px;\r\n  margin:0 auto;\r\n  padding:0 24px;\r\n  position:relative;\r\n  z-index:1;\r\n}\r\n\r\n\/* ===========================================================\r\n   HEADER (centered)\r\n   =========================================================== *\/\r\n.vc-wds-faq .vc-wds-faq-head{\r\n  text-align:center;\r\n  margin-bottom:50px;\r\n}\r\n.vc-wds-faq .vc-wds-faq-badge{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:8px;\r\n  background:var(--vc-orange-tint);\r\n  border:1px solid rgba(242,107,29,.25);\r\n  color:var(--vc-orange);\r\n  font-size:13px;\r\n  font-weight:600;\r\n  padding:7px 18px;\r\n  border-radius:30px;\r\n  margin-bottom:18px;\r\n}\r\n.vc-wds-faq .vc-wds-faq-badge::before{\r\n  content:\"\u2753\";\r\n  font-size:14px;\r\n}\r\n.vc-wds-faq .vc-wds-faq-title{\r\n  font-size:36px;\r\n  font-weight:800;\r\n  color:var(--vc-blue);\r\n  line-height:1.25;\r\n  letter-spacing:-.01em;\r\n  margin-bottom:14px;\r\n}\r\n.vc-wds-faq .vc-wds-faq-title .vc-accent{\r\n  color:var(--vc-orange);\r\n  position:relative;\r\n  display:inline-block;\r\n}\r\n.vc-wds-faq .vc-wds-faq-title .vc-accent::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  bottom:2px;left:0;\r\n  width:100%;height:8px;\r\n  background:rgba(242,107,29,.18);\r\n  border-radius:4px;\r\n  z-index:-1;\r\n}\r\n.vc-wds-faq .vc-wds-faq-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.6;\r\n}\r\n\r\n\/* ===========================================================\r\n   FAQ LIST (10 questions)\r\n   =========================================================== *\/\r\n.vc-wds-faq .vc-wds-faq-list{\r\n  display:flex;\r\n  flex-direction:column;\r\n  gap:14px;\r\n}\r\n\r\n\/* FAQ ITEM *\/\r\n.vc-wds-faq .vc-wds-faq-item{\r\n  background:#fff;\r\n  border:1px solid var(--vc-line);\r\n  border-radius:14px;\r\n  overflow:hidden;\r\n  transition:all .3s ease;\r\n}\r\n\r\n\/* HOVER BG \u2014 neutral cream, NOT accent *\/\r\n.vc-wds-faq .vc-wds-faq-item:hover{\r\n  background:#fafaf7 !important;        \/* neutral *\/\r\n  border-color:#d9d6cd !important;       \/* neutral border *\/\r\n  box-shadow:0 6px 18px rgba(20,40,100,.06);\r\n}\r\n.vc-wds-faq .vc-wds-faq-item.vc-open{\r\n  background:#fff;\r\n  border-color:var(--vc-blue);\r\n  box-shadow:0 10px 28px rgba(20,40,100,.10);\r\n}\r\n\r\n\/* Question button *\/\r\n.vc-wds-faq .vc-wds-faq-q{\r\n  width:100%;\r\n  background:transparent;\r\n  border:0;\r\n  padding:22px 70px 22px 28px;\r\n  font-family:inherit;\r\n  font-size:15.5px;\r\n  font-weight:600;\r\n  color:var(--vc-ink);\r\n  text-align:left;\r\n  cursor:pointer;\r\n  position:relative;\r\n  transition:background .25s ease, color .25s ease;\r\n  display:flex;\r\n  align-items:flex-start;\r\n  gap:18px;\r\n  line-height:1.5;\r\n}\r\n.vc-wds-faq .vc-wds-faq-item:hover .vc-wds-faq-q{\r\n  color:var(--vc-blue);\r\n}\r\n.vc-wds-faq .vc-wds-faq-item.vc-open .vc-wds-faq-q{\r\n  color:var(--vc-blue);\r\n  padding-bottom:14px;\r\n}\r\n\r\n\/* Question number *\/\r\n.vc-wds-faq .vc-wds-faq-num{\r\n  flex-shrink:0;\r\n  width:36px;height:36px;\r\n  border-radius:10px;\r\n  background:rgba(21,58,140,.06);\r\n  color:var(--vc-blue);\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  font-size:14px;\r\n  font-weight:800;\r\n  font-family:Georgia,serif;\r\n  letter-spacing:-.02em;\r\n  transition:all .3s ease;\r\n}\r\n.vc-wds-faq .vc-wds-faq-item.vc-open .vc-wds-faq-num{\r\n  background:var(--vc-blue);\r\n  color:#fff;\r\n  transform:rotate(-6deg) scale(1.05);\r\n}\r\n.vc-wds-faq .vc-wds-faq-item:nth-child(even) .vc-wds-faq-num{\r\n  background:var(--vc-orange-tint);\r\n  color:var(--vc-orange);\r\n}\r\n.vc-wds-faq .vc-wds-faq-item:nth-child(even).vc-open .vc-wds-faq-num{\r\n  background:var(--vc-orange);\r\n  color:#fff;\r\n}\r\n\r\n\/* Plus\/minus icon *\/\r\n.vc-wds-faq .vc-wds-faq-icon{\r\n  position:absolute;\r\n  right:22px;top:50%;\r\n  width:36px;height:36px;\r\n  border-radius:50%;\r\n  background:rgba(21,58,140,.06);\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  color:var(--vc-blue);\r\n  transform:translateY(-50%);\r\n  transition:all .35s cubic-bezier(.34,1.56,.64,1);\r\n  flex-shrink:0;\r\n}\r\n.vc-wds-faq .vc-wds-faq-icon svg{width:14px;height:14px;transition:transform .35s ease}\r\n.vc-wds-faq .vc-wds-faq-icon .vc-plus{display:block}\r\n.vc-wds-faq .vc-wds-faq-icon .vc-minus{display:none}\r\n.vc-wds-faq .vc-wds-faq-item.vc-open .vc-wds-faq-icon{\r\n  background:var(--vc-orange);\r\n  color:#fff;\r\n  transform:translateY(-50%) rotate(180deg);\r\n}\r\n.vc-wds-faq .vc-wds-faq-item.vc-open .vc-wds-faq-icon .vc-plus{display:none}\r\n.vc-wds-faq .vc-wds-faq-item.vc-open .vc-wds-faq-icon .vc-minus{display:block}\r\n\r\n\/* Answer content *\/\r\n.vc-wds-faq .vc-wds-faq-a{\r\n  max-height:0;\r\n  overflow:hidden;\r\n  transition:max-height .4s ease, padding .4s ease;\r\n  padding:0 28px 0 82px;\r\n  color:var(--vc-muted);\r\n  font-size:14.5px;\r\n  line-height:1.75;\r\n}\r\n.vc-wds-faq .vc-wds-faq-item.vc-open .vc-wds-faq-a{\r\n  max-height:600px;\r\n  padding:0 28px 24px 82px;\r\n}\r\n.vc-wds-faq .vc-wds-faq-a strong{\r\n  color:var(--vc-ink);\r\n  font-weight:600;\r\n}\r\n\r\n\/* ===========================================================\r\n   BOTTOM CTA\r\n   =========================================================== *\/\r\n.vc-wds-faq .vc-wds-faq-cta{\r\n  margin-top:50px;\r\n  text-align:center;\r\n  padding:40px;\r\n  background:linear-gradient(135deg,var(--vc-blue) 0%,var(--vc-blue-2) 100%);\r\n  border-radius:20px;\r\n  color:#fff;\r\n  position:relative;\r\n  overflow:hidden;\r\n  box-shadow:0 20px 50px rgba(21,58,140,.25);\r\n}\r\n.vc-wds-faq .vc-wds-faq-cta::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n  background-image:radial-gradient(rgba(255,255,255,.06) 1.5px,transparent 1.5px);\r\n  background-size:22px 22px;\r\n  pointer-events:none;\r\n}\r\n.vc-wds-faq .vc-wds-faq-cta::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  top:0;right:0;\r\n  width:180px;height:180px;\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.vc-wds-faq .vc-wds-faq-cta-content{\r\n  position:relative;\r\n  z-index:1;\r\n}\r\n.vc-wds-faq .vc-wds-faq-cta h3{\r\n  font-size:28px;\r\n  font-weight:800;\r\n  margin-bottom:12px;\r\n  line-height:1.3;\r\n  color:#fff;\r\n}\r\n.vc-wds-faq .vc-wds-faq-cta h3 .vc-accent{\r\n  color:#ffb387;\r\n}\r\n.vc-wds-faq .vc-wds-faq-cta p{\r\n  color:rgba(255,255,255,.88);\r\n  font-size:16px;\r\n  line-height:1.6;\r\n  margin:0 0 24px;\r\n  max-width:620px;\r\n  margin-left:auto;\r\n  margin-right:auto;\r\n}\r\n.vc-wds-faq .vc-wds-faq-cta-btns{\r\n  display:inline-flex;\r\n  flex-wrap:wrap;\r\n  justify-content:center;\r\n  gap:12px;\r\n}\r\n.vc-wds-faq .vc-wds-faq-cta-btn{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:10px;\r\n  padding:14px 28px;\r\n  border-radius:30px;\r\n  font-size:15px;\r\n  font-weight:600;\r\n  text-decoration:none;\r\n  cursor:pointer;\r\n  border:none;\r\n  font-family:inherit;\r\n  transition:all .3s ease;\r\n  white-space:nowrap;\r\n}\r\n.vc-wds-faq .vc-wds-faq-cta-btn svg{width:15px;height:15px;transition:transform .3s ease}\r\n.vc-wds-faq .vc-wds-faq-cta-btn:hover svg{transform:translateX(3px)}\r\n.vc-wds-faq .vc-wds-faq-cta-btn-whatsapp{\r\n  background:#25D366;\r\n  color:#fff;\r\n  box-shadow:0 10px 26px rgba(37,211,102,.40);\r\n}\r\n.vc-wds-faq .vc-wds-faq-cta-btn-whatsapp:hover{\r\n  background:#1FAA59;\r\n  transform:translateY(-3px);\r\n  box-shadow:0 14px 32px rgba(37,211,102,.50);\r\n}\r\n.vc-wds-faq .vc-wds-faq-cta-btn-primary{\r\n  background:var(--vc-orange);\r\n  color:#fff;\r\n  box-shadow:0 10px 26px rgba(242,107,29,.40);\r\n  position:relative;\r\n  overflow:hidden;\r\n}\r\n.vc-wds-faq .vc-wds-faq-cta-btn-primary::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  top:0;left:-100%;width:100%;height:100%;\r\n  background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);\r\n  transition:left .6s ease;\r\n}\r\n.vc-wds-faq .vc-wds-faq-cta-btn-primary:hover::after{left:100%}\r\n.vc-wds-faq .vc-wds-faq-cta-btn-primary:hover{\r\n  background:var(--vc-orange-2);\r\n  transform:translateY(-3px);\r\n  box-shadow:0 14px 32px rgba(242,107,29,.50);\r\n}\r\n\r\n\/* ===========================================================\r\n   ANIMATIONS\r\n   =========================================================== *\/\r\n@keyframes vcWdsFaqFadeUp{\r\n  from{opacity:0;transform:translateY(30px)}\r\n  to  {opacity:1;transform:translateY(0)}\r\n}\r\n\r\n\/* ===========================================================\r\n   RESPONSIVE\r\n   =========================================================== *\/\r\n@media (max-width:768px){\r\n  .vc-wds-faq{padding:60px 0}\r\n  .vc-wds-faq .vc-wds-faq-title{font-size:26px}\r\n  .vc-wds-faq .vc-wds-faq-head{margin-bottom:40px}\r\n  .vc-wds-faq .vc-wds-faq-q{\r\n    padding:18px 54px 18px 18px;\r\n    font-size:14.5px;\r\n    gap:14px;\r\n  }\r\n  .vc-wds-faq .vc-wds-faq-num{width:30px;height:30px;font-size:12.5px}\r\n  .vc-wds-faq .vc-wds-faq-icon{right:14px;width:30px;height:30px}\r\n  .vc-wds-faq .vc-wds-faq-a{\r\n    padding:0 18px 0 18px;\r\n    font-size:14px;\r\n  }\r\n  .vc-wds-faq .vc-wds-faq-item.vc-open .vc-wds-faq-a{\r\n    padding:0 18px 18px 18px;\r\n  }\r\n  .vc-wds-faq .vc-wds-faq-cta{padding:32px 22px}\r\n  .vc-wds-faq .vc-wds-faq-cta h3{font-size:22px}\r\n  .vc-wds-faq .vc-wds-faq-cta-btns{flex-direction:column;align-items:stretch;width:100%}\r\n  .vc-wds-faq .vc-wds-faq-cta-btn{justify-content:center;width:100%}\r\n}\r\n@media (max-width:520px){\r\n  .vc-wds-faq .vc-wds-faq-title{font-size:22px}\r\n  .vc-wds-faq .vc-wds-faq-num{width:28px;height:28px;font-size:12px}\r\n  .vc-wds-faq .vc-wds-faq-icon{right:12px;width:28px;height:28px}\r\n  .vc-wds-faq .vc-wds-faq-q{padding:16px 50px 16px 16px;font-size:14px}\r\n  .vc-wds-faq .vc-wds-faq-cta h3{font-size:20px}\r\n}\r\n<\/style>\r\n\r\n<!-- =====================================================\r\n     WEBSITE DESIGN SERVICES \u2014 10th SECTION\r\n     (FAQ) \u2014 Content preserved EXACTLY\r\n     ===================================================== -->\r\n<section class=\"vc-wds-faq\" id=\"wds-faq\">\r\n\r\n  <div class=\"vc-wds-faq-wrap\">\r\n\r\n    <!-- ===========================================================\r\n         HEADER\r\n         =========================================================== -->\r\n    <div class=\"vc-wds-faq-head\">\r\n      <div class=\"vc-wds-faq-badge\">\u09b8\u099a\u09b0\u09be\u099a\u09b0\u09bf\u09a4 \u09aa\u09cd\u09b0\u09b6\u09cd\u09a8<\/div>\r\n      <h2 class=\"vc-wds-faq-title\">\r\n        Frequently <span class=\"vc-accent\">Asked Questions<\/span>\r\n      <\/h2>\r\n      <p class=\"vc-wds-faq-subtitle\">\r\n        \u0986\u09ae\u09be\u09a6\u09c7\u09b0 Website Design services \u09b8\u09ae\u09cd\u09aa\u09b0\u09cd\u0995\u09c7 \u0995\u09cd\u09b2\u09be\u09af\u09bc\u09c7\u09a8\u09cd\u099f\u09b0\u09be \u09b8\u09ac\u099a\u09c7\u09af\u09bc\u09c7 \u09ac\u09c7\u09b6\u09bf \u09af\u09c7 \u09aa\u09cd\u09b0\u09b6\u09cd\u09a8\u0997\u09c1\u09b2\u09cb \u0995\u09b0\u09c7\u09a8 \u2014 \u09b8\u09c7\u0997\u09c1\u09b2\u09cb\u09b0 \u0989\u09a4\u09cd\u09a4\u09b0 \u098f\u0995 \u099c\u09be\u09af\u09bc\u0997\u09be\u09af\u09bc\u0964\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- ===========================================================\r\n         FAQ LIST (10 questions, content preserved EXACTLY)\r\n         =========================================================== -->\r\n    <div class=\"vc-wds-faq-list\">\r\n\r\n      <!-- Q1 \u2014 How much does website design cost? -->\r\n      <article class=\"vc-wds-faq-item\">\r\n        <button class=\"vc-wds-faq-q\">\r\n          <span class=\"vc-wds-faq-num\">01<\/span>\r\n          <span>How much does website design cost in Bangladesh?<\/span>\r\n          <span class=\"vc-wds-faq-icon\" aria-hidden=\"true\">\r\n            <svg class=\"vc-plus\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\"><path d=\"M12 5v14M5 12h14\"\/><\/svg>\r\n            <svg class=\"vc-minus\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\"><path d=\"M5 12h14\"\/><\/svg>\r\n          <\/span>\r\n        <\/button>\r\n        <div class=\"vc-wds-faq-a\">\r\n          Website design-\u098f\u09b0 cost \u09ae\u09c2\u09b2\u09a4 Website type, number of pages, functionality, design requirements \u098f\u09ac\u0982 integrations-\u098f\u09b0 \u0993\u09aa\u09b0 \u09a8\u09bf\u09b0\u09cd\u09ad\u09b0 \u0995\u09b0\u09c7\u0964 Spariqo\u2122-\u098f\u09b0 basic Website packages \u09f325,000 \u09a5\u09c7\u0995\u09c7 \u09b6\u09c1\u09b0\u09c1 \u09b9\u09a4\u09c7 \u09aa\u09be\u09b0\u09c7\u0964\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- Q2 \u2014 How long does it take to build? -->\r\n      <article class=\"vc-wds-faq-item\">\r\n        <button class=\"vc-wds-faq-q\">\r\n          <span class=\"vc-wds-faq-num\">02<\/span>\r\n          <span>How long does it take to build a website?<\/span>\r\n          <span class=\"vc-wds-faq-icon\" aria-hidden=\"true\">\r\n            <svg class=\"vc-plus\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\"><path d=\"M12 5v14M5 12h14\"\/><\/svg>\r\n            <svg class=\"vc-minus\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\"><path d=\"M5 12h14\"\/><\/svg>\r\n          <\/span>\r\n        <\/button>\r\n        <div class=\"vc-wds-faq-a\">\r\n          Project-\u098f\u09b0 scope \u0985\u09a8\u09c1\u09af\u09be\u09af\u09bc\u09c0 timeline \u09aa\u09b0\u09bf\u09ac\u09b0\u09cd\u09a4\u09bf\u09a4 \u09b9\u09af\u09bc\u0964 Simple business website \u09a4\u09c1\u09b2\u09a8\u09be\u09ae\u09c2\u09b2\u0995 \u09a6\u09cd\u09b0\u09c1\u09a4 complete \u0995\u09b0\u09be \u09af\u09be\u09af\u09bc, \u0986\u09b0 E-commerce \u09ac\u09be custom website-\u098f \u09ac\u09c7\u09b6\u09bf \u09b8\u09ae\u09af\u09bc \u09aa\u09cd\u09b0\u09af\u09bc\u09cb\u099c\u09a8 \u09b9\u09a4\u09c7 \u09aa\u09be\u09b0\u09c7\u0964\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- Q3 \u2014 WordPress -->\r\n      <article class=\"vc-wds-faq-item\">\r\n        <button class=\"vc-wds-faq-q\">\r\n          <span class=\"vc-wds-faq-num\">03<\/span>\r\n          <span>Do you build WordPress websites?<\/span>\r\n          <span class=\"vc-wds-faq-icon\" aria-hidden=\"true\">\r\n            <svg class=\"vc-plus\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\"><path d=\"M12 5v14M5 12h14\"\/><\/svg>\r\n            <svg class=\"vc-minus\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\"><path d=\"M5 12h14\"\/><\/svg>\r\n          <\/span>\r\n        <\/button>\r\n        <div class=\"vc-wds-faq-a\">\r\n          Yes. Spariqo\u2122 provides WordPress website design and development for businesses, professionals, agencies and organizations.\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- Q4 \u2014 E-commerce -->\r\n      <article class=\"vc-wds-faq-item\">\r\n        <button class=\"vc-wds-faq-q\">\r\n          <span class=\"vc-wds-faq-num\">04<\/span>\r\n          <span>Do you build E-commerce websites?<\/span>\r\n          <span class=\"vc-wds-faq-icon\" aria-hidden=\"true\">\r\n            <svg class=\"vc-plus\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\"><path d=\"M12 5v14M5 12h14\"\/><\/svg>\r\n            <svg class=\"vc-minus\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\"><path d=\"M5 12h14\"\/><\/svg>\r\n          <\/span>\r\n        <\/button>\r\n        <div class=\"vc-wds-faq-a\">\r\n          Yes. We build E-commerce websites with WooCommerce, including product catalogues, cart, checkout, order management and payment integration based on requirements.\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- Q5 \u2014 Mobile -->\r\n      <article class=\"vc-wds-faq-item\">\r\n        <button class=\"vc-wds-faq-q\">\r\n          <span class=\"vc-wds-faq-num\">05<\/span>\r\n          <span>Will my website work on mobile?<\/span>\r\n          <span class=\"vc-wds-faq-icon\" aria-hidden=\"true\">\r\n            <svg class=\"vc-plus\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\"><path d=\"M12 5v14M5 12h14\"\/><\/svg>\r\n            <svg class=\"vc-minus\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\"><path d=\"M5 12h14\"\/><\/svg>\r\n          <\/span>\r\n        <\/button>\r\n        <div class=\"vc-wds-faq-a\">\r\n          Yes. Websites are designed with responsive layouts so visitors can use them across mobile, tablet and desktop devices.\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- Q6 \u2014 Update yourself -->\r\n      <article class=\"vc-wds-faq-item\">\r\n        <button class=\"vc-wds-faq-q\">\r\n          <span class=\"vc-wds-faq-num\">06<\/span>\r\n          <span>Can I update my website myself?<\/span>\r\n          <span class=\"vc-wds-faq-icon\" aria-hidden=\"true\">\r\n            <svg class=\"vc-plus\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\"><path d=\"M12 5v14M5 12h14\"\/><\/svg>\r\n            <svg class=\"vc-minus\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\"><path d=\"M5 12h14\"\/><\/svg>\r\n          <\/span>\r\n        <\/button>\r\n        <div class=\"vc-wds-faq-a\">\r\n          Yes. WordPress-based websites can be built with an easy-to-manage content management system, allowing you to update pages, images, blog posts and products.\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- Q7 \u2014 SEO -->\r\n      <article class=\"vc-wds-faq-item\">\r\n        <button class=\"vc-wds-faq-q\">\r\n          <span class=\"vc-wds-faq-num\">07<\/span>\r\n          <span>Can you help with SEO?<\/span>\r\n          <span class=\"vc-wds-faq-icon\" aria-hidden=\"true\">\r\n            <svg class=\"vc-plus\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\"><path d=\"M12 5v14M5 12h14\"\/><\/svg>\r\n            <svg class=\"vc-minus\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\"><path d=\"M5 12h14\"\/><\/svg>\r\n          <\/span>\r\n        <\/button>\r\n        <div class=\"vc-wds-faq-a\">\r\n          Yes. Website projects can include SEO-friendly structure and technical foundations. Spariqo\u2122 also provides separate SEO services for businesses that want ongoing organic growth.\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- Q8 \u2014 Redesign -->\r\n      <article class=\"vc-wds-faq-item\">\r\n        <button class=\"vc-wds-faq-q\">\r\n          <span class=\"vc-wds-faq-num\">08<\/span>\r\n          <span>Can you redesign my existing website?<\/span>\r\n          <span class=\"vc-wds-faq-icon\" aria-hidden=\"true\">\r\n            <svg class=\"vc-plus\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\"><path d=\"M12 5v14M5 12h14\"\/><\/svg>\r\n            <svg class=\"vc-minus\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\"><path d=\"M5 12h14\"\/><\/svg>\r\n          <\/span>\r\n        <\/button>\r\n        <div class=\"vc-wds-faq-a\">\r\n          Yes. If your current Website is outdated, slow, difficult to use or not mobile-friendly, we can review it and recommend a redesign or improvement plan.\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- Q9 \u2014 Support after launch -->\r\n      <article class=\"vc-wds-faq-item\">\r\n        <button class=\"vc-wds-faq-q\">\r\n          <span class=\"vc-wds-faq-num\">09<\/span>\r\n          <span>Do you provide support after the website is launched?<\/span>\r\n          <span class=\"vc-wds-faq-icon\" aria-hidden=\"true\">\r\n            <svg class=\"vc-plus\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\"><path d=\"M12 5v14M5 12h14\"\/><\/svg>\r\n            <svg class=\"vc-minus\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\"><path d=\"M5 12h14\"\/><\/svg>\r\n          <\/span>\r\n        <\/button>\r\n        <div class=\"vc-wds-faq-a\">\r\n          Yes. Post-launch support can be provided depending on your selected package and requirements.\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- Q10 \u2014 Payment methods -->\r\n      <article class=\"vc-wds-faq-item\">\r\n        <button class=\"vc-wds-faq-q\">\r\n          <span class=\"vc-wds-faq-num\">10<\/span>\r\n          <span>Can you integrate payment methods in Bangladesh?<\/span>\r\n          <span class=\"vc-wds-faq-icon\" aria-hidden=\"true\">\r\n            <svg class=\"vc-plus\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\"><path d=\"M12 5v14M5 12h14\"\/><\/svg>\r\n            <svg class=\"vc-minus\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\"><path d=\"M5 12h14\"\/><\/svg>\r\n          <\/span>\r\n        <\/button>\r\n        <div class=\"vc-wds-faq-a\">\r\n          Yes. For E-commerce projects, payment methods can be integrated according to the selected gateway, technical requirements and business setup.\r\n        <\/div>\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n    <!-- ===========================================================\r\n         BOTTOM CTA\r\n         =========================================================== -->\r\n    <div class=\"vc-wds-faq-cta\">\r\n      <div class=\"vc-wds-faq-cta-content\">\r\n        <h3>\u0986\u09b0\u0993 <span class=\"vc-accent\">\u09aa\u09cd\u09b0\u09b6\u09cd\u09a8<\/span> \u0986\u099b\u09c7?<\/h3>\r\n        <p>\u0986\u09aa\u09a8\u09be\u09b0 \u0995\u09cb\u09a8\u09cb \u09aa\u09cd\u09b0\u09b6\u09cd\u09a8 \u09a5\u09be\u0995\u09b2\u09c7 \u0986\u09ae\u09be\u09a6\u09c7\u09b0 \u09b8\u09be\u09a5\u09c7 \u09b8\u09b0\u09be\u09b8\u09b0\u09bf \u09af\u09cb\u0997\u09be\u09af\u09cb\u0997 \u0995\u09b0\u09c1\u09a8 \u2014 \u0986\u09ae\u09b0\u09be \u09a6\u09cd\u09b0\u09c1\u09a4 \u0989\u09a4\u09cd\u09a4\u09b0 \u09a6\u09bf\u09a4\u09c7 \u09aa\u09cd\u09b0\u09b8\u09cd\u09a4\u09c1\u09a4\u0964<\/p>\r\n        <div class=\"vc-wds-faq-cta-btns\">\r\n          <a href=\"https:\/\/wa.me\/8801703689900?text=\u0986\u09ae\u09be\u09b0%20Website%20\u09b8\u09ae\u09cd\u09aa\u09b0\u09cd\u0995\u09c7%20\u09aa\u09cd\u09b0\u09b6\u09cd\u09a8%20\u0986\u099b\u09c7\" class=\"vc-wds-faq-cta-btn vc-wds-faq-cta-btn-whatsapp\" target=\"_blank\" rel=\"noopener\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347\"\/><\/svg>\r\n            WhatsApp 01703689900\r\n          <\/a>\r\n          <a href=\"https:\/\/spariqo.com\/bd\/\" class=\"vc-wds-faq-cta-btn vc-wds-faq-cta-btn-primary\" target=\"_blank\" rel=\"noopener\">\r\n            Get 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      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n\/* =====================================================\r\n   WDS FAQ SECTION JS\r\n   ===================================================== *\/\r\n(function(){\r\n  'use strict';\r\n\r\n  \/* ---------- Accordion: open one at a time ---------- *\/\r\n  const items = document.querySelectorAll('.vc-wds-faq-item');\r\n  items.forEach(item => {\r\n    const q = item.querySelector('.vc-wds-faq-q');\r\n    q.addEventListener('click', () => {\r\n      const isOpen = item.classList.contains('vc-open');\r\n      items.forEach(i => {\r\n        i.classList.remove('vc-open');\r\n        const btn = i.querySelector('.vc-wds-faq-q');\r\n        if (btn) btn.setAttribute('aria-expanded', 'false');\r\n      });\r\n      if (!isOpen) {\r\n        item.classList.add('vc-open');\r\n        q.setAttribute('aria-expanded', 'true');\r\n      }\r\n    });\r\n  });\r\n\r\n  \/* ---------- Keyboard accessibility ---------- *\/\r\n  const qs = document.querySelectorAll('.vc-wds-faq-q');\r\n  qs.forEach((q, i) => {\r\n    q.addEventListener('keydown', (e) => {\r\n      if (e.key === 'ArrowDown' && i < qs.length - 1) {\r\n        e.preventDefault();\r\n        qs[i + 1].focus();\r\n      } else if (e.key === 'ArrowUp' && i > 0) {\r\n        e.preventDefault();\r\n        qs[i - 1].focus();\r\n      } else if (e.key === 'Home') {\r\n        e.preventDefault();\r\n        qs[0].focus();\r\n      } else if (e.key === 'End') {\r\n        e.preventDefault();\r\n        qs[qs.length - 1].focus();\r\n      }\r\n    });\r\n  });\r\n\r\n  \/* ---------- Stagger entrance 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 children = entry.target.querySelectorAll('.vc-wds-faq-item, .vc-wds-faq-cta');\r\n          children.forEach((c, i) => {\r\n            c.style.opacity = '0';\r\n            c.style.transform = 'translateY(30px)';\r\n            c.style.transition = 'opacity .5s ease, transform .5s ease, box-shadow .3s ease, border-color .3s ease';\r\n            setTimeout(() => {\r\n              c.style.opacity = '1';\r\n              c.style.transform = 'translateY(0)';\r\n            }, 60 * i);\r\n          });\r\n          observer.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, {threshold: 0.1});\r\n\r\n    const list = document.querySelector('.vc-wds-faq-list');\r\n    if (list) observer.observe(list);\r\n  }\r\n\r\n  \/* ---------- Smooth anchor scroll ---------- *\/\r\n  document.querySelectorAll('.vc-wds-faq a[href^=\"#\"]').forEach(link => {\r\n    link.addEventListener('click', function(e){\r\n      const href = this.getAttribute('href');\r\n      if (href.length > 1) {\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})();\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-d79b10d e-con-full e-flex e-con e-parent\" data-id=\"d79b10d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8426123 elementor-widget elementor-widget-html\" data-id=\"8426123\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     SPARIQO \u2014 Website Design Services\r\n     Last Section (Final CTA) \u2014 Content preserved EXACTLY\r\n     Paste: Elementor \u2192 HTML Widget (as the final\/closing section)\r\n     ============================================================ -->\r\n\r\n<style>\r\n\/* ===========================================================\r\n   ROOT + RESET\r\n   =========================================================== *\/\r\n.vc-wds-final *,.vc-wds-final *::before,.vc-wds-final *::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-orange-tint:rgba(242,107,29,.10);\r\n  --vc-ink:#1c2440;\r\n  --vc-muted:#5a627a;\r\n  --vc-line:#e8e6e0;\r\n  --vc-white:#fff;\r\n  --vc-bg-soft:#fafaf7;\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\r\n   =========================================================== *\/\r\n.vc-wds-final{\r\n  font-family:var(--vc-font);\r\n  padding:80px 0;\r\n  background:#fff;\r\n  position:relative;\r\n  overflow:hidden;\r\n}\r\n.vc-wds-final::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  top:0;left:0;right:0;height:1px;\r\n  background:linear-gradient(90deg,transparent,rgba(21,58,140,.15) 50%,transparent);\r\n}\r\n\r\n\/* Big decorative shapes *\/\r\n.vc-wds-final::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  top:50%;left:50%;\r\n  width:600px;height:600px;\r\n  transform:translate(-50%,-50%);\r\n  background:radial-gradient(circle,rgba(242,107,29,.10) 0%,transparent 70%);\r\n  pointer-events:none;\r\n  z-index:0;\r\n}\r\n\r\n.vc-wds-final .vc-wds-final-wrap{\r\n  max-width:980px;\r\n  margin:0 auto;\r\n  padding:0 24px;\r\n  position:relative;\r\n  z-index:1;\r\n}\r\n\r\n\/* ===========================================================\r\n   BADGE (centered top)\r\n   =========================================================== *\/\r\n.vc-wds-final .vc-wds-final-badge{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:8px;\r\n  background:linear-gradient(135deg,var(--vc-blue) 0%,var(--vc-blue-2) 100%);\r\n  color:#fff;\r\n  font-size:13px;\r\n  font-weight:600;\r\n  padding:7px 20px;\r\n  border-radius:30px;\r\n  margin-bottom:24px;\r\n  box-shadow:0 6px 18px rgba(21,58,140,.30);\r\n}\r\n.vc-wds-final .vc-wds-final-badge::before{\r\n  content:\"\ud83d\ude80\";\r\n  font-size:14px;\r\n}\r\n\r\n\/* ===========================================================\r\n   MAIN HEADING (preserved exactly)\r\n   =========================================================== *\/\r\n.vc-wds-final .vc-wds-final-title{\r\n  font-size:46px;\r\n  font-weight:800;\r\n  line-height:1.2;\r\n  color:var(--vc-blue);\r\n  letter-spacing:-.01em;\r\n  margin-bottom:20px;\r\n  text-align:center;\r\n}\r\n.vc-wds-final .vc-wds-final-title .vc-accent{\r\n  color:var(--vc-orange);\r\n  position:relative;\r\n  display:inline-block;\r\n}\r\n.vc-wds-final .vc-wds-final-title .vc-accent::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  bottom:4px;left:0;\r\n  width:100%;height:14px;\r\n  background:rgba(242,107,29,.16);\r\n  border-radius:6px;\r\n  z-index:-1;\r\n}\r\n\r\n\/* ===========================================================\r\n   LEAD PARAGRAPHS (preserved exactly)\r\n   =========================================================== *\/\r\n.vc-wds-final .vc-wds-final-lead{\r\n  font-size:17px;\r\n  line-height:1.7;\r\n  color:var(--vc-ink);\r\n  text-align:center;\r\n  max-width:780px;\r\n  margin:0 auto 16px;\r\n  font-weight:500;\r\n}\r\n.vc-wds-final .vc-wds-final-lead-highlight{\r\n  display:inline-block;\r\n  background:linear-gradient(120deg,rgba(242,107,29,.15) 0%,rgba(242,107,29,.25) 100%);\r\n  padding:1px 4px;\r\n  border-radius:3px;\r\n  color:var(--vc-ink);\r\n  font-weight:700;\r\n}\r\n.vc-wds-final .vc-wds-final-lead-2{\r\n  font-size:15.5px;\r\n  line-height:1.7;\r\n  color:var(--vc-muted);\r\n  text-align:center;\r\n  max-width:820px;\r\n  margin:0 auto 36px;\r\n  font-weight:500;\r\n  line-height:1.85;\r\n}\r\n\r\n\/* ===========================================================\r\n   BIG CTA CARD (preserved exact content)\r\n   =========================================================== *\/\r\n.vc-wds-final .vc-wds-final-cta{\r\n  background:linear-gradient(135deg,var(--vc-blue) 0%,var(--vc-blue-2) 100%);\r\n  border-radius:24px;\r\n  padding:50px 48px 46px;\r\n  text-align:center;\r\n  color:#fff;\r\n  position:relative;\r\n  overflow:hidden;\r\n  box-shadow:0 30px 70px rgba(21,58,140,.30);\r\n}\r\n\r\n\/* Dotted pattern overlay *\/\r\n.vc-wds-final .vc-wds-final-cta::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n  background-image:radial-gradient(rgba(255,255,255,.06) 1.5px,transparent 1.5px);\r\n  background-size:22px 22px;\r\n  pointer-events:none;\r\n}\r\n\r\n\/* Big orange corner accent (top-right) *\/\r\n.vc-wds-final .vc-wds-final-cta::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  top:0;right:0;\r\n  width:220px;height:220px;\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\/* Small blue corner accent (bottom-left) *\/\r\n.vc-wds-final .vc-wds-final-cta-inner{\r\n  position:relative;\r\n  z-index:1;\r\n}\r\n\r\n\/* CTA heading *\/\r\n.vc-wds-final .vc-wds-final-cta-pretitle{\r\n  display:inline-block;\r\n  background:rgba(255,255,255,.15);\r\n  border:1px solid rgba(255,255,255,.25);\r\n  color:#ffb387;\r\n  font-size:13px;\r\n  font-weight:700;\r\n  padding:6px 16px;\r\n  border-radius:20px;\r\n  margin-bottom:18px;\r\n  text-transform:uppercase;\r\n  letter-spacing:.5px;\r\n  backdrop-filter:blur(8px);\r\n  -webkit-backdrop-filter:blur(8px);\r\n}\r\n.vc-wds-final .vc-wds-final-cta-title{\r\n  font-size:30px;\r\n  font-weight:800;\r\n  margin-bottom:14px;\r\n  line-height:1.3;\r\n  color:#fff;\r\n}\r\n.vc-wds-final .vc-wds-final-cta-title .vc-accent{\r\n  color:#ffb387;\r\n}\r\n\r\n\/* Contact methods (preserved exact) *\/\r\n.vc-wds-final .vc-wds-final-methods{\r\n  display:grid;\r\n  grid-template-columns:1fr 1fr;\r\n  gap:14px;\r\n  max-width:620px;\r\n  margin:0 auto 30px;\r\n  position:relative;\r\n  z-index:1;\r\n}\r\n.vc-wds-final .vc-wds-final-method{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:14px;\r\n  padding:16px 20px;\r\n  background:rgba(255,255,255,.10);\r\n  border:1px solid rgba(255,255,255,.25);\r\n  border-radius:14px;\r\n  text-decoration:none;\r\n  color:#fff;\r\n  transition:all .3s ease;\r\n  backdrop-filter:blur(8px);\r\n  -webkit-backdrop-filter:blur(8px);\r\n  position:relative;\r\n  overflow:hidden;\r\n}\r\n.vc-wds-final .vc-wds-final-method:hover{\r\n  background:rgba(255,255,255,.20);\r\n  transform:translateY(-3px);\r\n  border-color:rgba(255,255,255,.40);\r\n}\r\n.vc-wds-final .vc-wds-final-method-icon{\r\n  width:44px;height:44px;\r\n  border-radius:12px;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  background:rgba(255,255,255,.15);\r\n  flex-shrink:0;\r\n  font-size:20px;\r\n  transition:all .3s ease;\r\n}\r\n.vc-wds-final .vc-wds-final-method:hover .vc-wds-final-method-icon{\r\n  background:rgba(255,255,255,.25);\r\n  transform:rotate(-6deg) scale(1.05);\r\n}\r\n.vc-wds-final .vc-wds-final-method-icon svg{width:20px;height:20px}\r\n.vc-wds-final .vc-wds-final-method-info{\r\n  text-align:left;\r\n  flex:1;\r\n  min-width:0;\r\n  display:flex;\r\n  flex-direction:column;\r\n  line-height:1.3;\r\n}\r\n.vc-wds-final .vc-wds-final-method-label{\r\n  font-size:11.5px;\r\n  opacity:.75;\r\n  text-transform:uppercase;\r\n  letter-spacing:.5px;\r\n  margin-bottom:2px;\r\n  font-weight:500;\r\n}\r\n.vc-wds-final .vc-wds-final-method-value{\r\n  font-size:16px;\r\n  font-weight:700;\r\n  text-decoration:underline;\r\n  text-underline-offset:3px;\r\n  text-decoration-color:rgba(255,255,255,.35);\r\n}\r\n\r\n\/* Primary CTA button (preserved exact) *\/\r\n.vc-wds-final .vc-wds-final-cta-btn{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:10px;\r\n  padding:16px 34px;\r\n  border-radius:30px;\r\n  font-size:16px;\r\n  font-weight:700;\r\n  text-decoration:none;\r\n  cursor:pointer;\r\n  border:none;\r\n  font-family:inherit;\r\n  transition:all .3s ease;\r\n  background:var(--vc-orange);\r\n  color:#fff;\r\n  box-shadow:0 10px 28px rgba(242,107,29,.50);\r\n  position:relative;\r\n  overflow:hidden;\r\n  white-space:nowrap;\r\n}\r\n.vc-wds-final .vc-wds-final-cta-btn::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  top:0;left:-100%;width:100%;height:100%;\r\n  background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);\r\n  transition:left .6s ease;\r\n}\r\n.vc-wds-final .vc-wds-final-cta-btn:hover::after{left:100%}\r\n.vc-wds-final .vc-wds-final-cta-btn:hover{\r\n  background:var(--vc-orange-2);\r\n  transform:translateY(-3px);\r\n  box-shadow:0 16px 36px rgba(242,107,29,.60);\r\n}\r\n.vc-wds-final .vc-wds-final-cta-btn svg{\r\n  width:17px;height:17px;\r\n  transition:transform .3s ease;\r\n}\r\n.vc-wds-final .vc-wds-final-cta-btn:hover svg{transform:translateX(3px)}\r\n\r\n\/* Bottom signature (preserved exact) *\/\r\n.vc-wds-final .vc-wds-final-signature{\r\n  text-align:center;\r\n  margin-top:30px;\r\n  padding-top:24px;\r\n  border-top:1px dashed rgba(255,255,255,.20);\r\n}\r\n.vc-wds-final .vc-wds-final-brand{\r\n  font-size:32px;\r\n  font-weight:800;\r\n  background:linear-gradient(135deg,var(--vc-orange-soft) 0%,var(--vc-orange) 100%);\r\n  -webkit-background-clip:text;\r\n  background-clip:text;\r\n  -webkit-text-fill-color:transparent;\r\n  margin-bottom:8px;\r\n  font-family:Georgia,serif;\r\n  letter-spacing:-.01em;\r\n}\r\n.vc-wds-final .vc-wds-final-tagline{\r\n  font-size:15px;\r\n  color:rgba(255,255,255,.85);\r\n  font-style:italic;\r\n  letter-spacing:.3px;\r\n  line-height:1.5;\r\n}\r\n\r\n\/* ===========================================================\r\n   ANIMATIONS\r\n   =========================================================== *\/\r\n@keyframes vcWdsFinalFadeUp{\r\n  from{opacity:0;transform:translateY(40px)}\r\n  to  {opacity:1;transform:translateY(0)}\r\n}\r\n@keyframes vcWdsFinalPulse{\r\n  0%,100%{transform:scale(1)}\r\n  50%{transform:scale(1.05)}\r\n}\r\n\r\n\/* ===========================================================\r\n   RESPONSIVE\r\n   =========================================================== *\/\r\n@media (max-width:992px){\r\n  .vc-wds-final .vc-wds-final-title{font-size:38px}\r\n  .vc-wds-final .vc-wds-final-cta{padding:40px 30px 36px}\r\n  .vc-wds-final .vc-wds-final-cta-title{font-size:24px}\r\n}\r\n@media (max-width:768px){\r\n  .vc-wds-final{padding:60px 0}\r\n  .vc-wds-final .vc-wds-final-title{font-size:30px}\r\n  .vc-wds-final .vc-wds-final-cta{padding:36px 22px 32px}\r\n  .vc-wds-final .vc-wds-final-cta-title{font-size:22px}\r\n  .vc-wds-final .vc-wds-final-methods{grid-template-columns:1fr;gap:10px}\r\n  .vc-wds-final .vc-wds-final-method{padding:12px 16px}\r\n  .vc-wds-final .vc-wds-final-method-icon{width:38px;height:38px;font-size:18px}\r\n  .vc-wds-final .vc-wds-final-method-value{font-size:14.5px}\r\n  .vc-wds-final .vc-wds-final-brand{font-size:26px}\r\n}\r\n@media (max-width:520px){\r\n  .vc-wds-final .vc-wds-final-title{font-size:26px}\r\n  .vc-wds-final .vc-wds-final-cta-title{font-size:20px}\r\n  .vc-wds-final .vc-wds-final-brand{font-size:22px}\r\n  .vc-wds-final .vc-wds-final-cta{padding:30px 18px 28px}\r\n}\r\n<\/style>\r\n\r\n<!-- =====================================================\r\n     WEBSITE DESIGN SERVICES \u2014 LAST SECTION\r\n     (Final CTA) \u2014 Content preserved EXACTLY\r\n     ===================================================== -->\r\n<section class=\"vc-wds-final\" id=\"wds-final-cta\">\r\n\r\n  <div class=\"vc-wds-final-wrap\">\r\n\r\n    <!-- Top badge (intro) -->\r\n    <div style=\"text-align:center\">\r\n      <span class=\"vc-wds-final-badge\">\u099a\u09b2\u09c1\u09a8 \u09b6\u09c1\u09b0\u09c1 \u0995\u09b0\u09bf<\/span>\r\n    <\/div>\r\n\r\n    <!-- Main heading (preserved exactly) -->\r\n    <h1 class=\"vc-wds-final-title\">\r\n      Ready to <span class=\"vc-accent\">Build Your Website?<\/span>\r\n    <\/h1>\r\n\r\n    <!-- First lead paragraph (preserved exactly) -->\r\n    <p class=\"vc-wds-final-lead\">\r\n      \u0986\u09aa\u09a8\u09be\u09b0 Business-\u098f\u09b0 \u099c\u09a8\u09cd\u09af Website \u09ac\u09be\u09a8\u09be\u09a8\u09cb\u09b0 \u0995\u09a5\u09be \u09ad\u09be\u09ac\u099b\u09c7\u09a8?\r\n    <\/p>\r\n\r\n    <!-- Second lead paragraph (preserved exactly) -->\r\n    <p class=\"vc-wds-final-lead-2\">\r\n      \u0986\u09aa\u09a8\u09be\u0995\u09c7 <span class=\"vc-wds-final-lead-highlight\">\u09b6\u09c1\u09a7\u09c1 \u098f\u0995\u099f\u09be Website \u09a6\u09bf\u09a4\u09c7 \u099a\u09be\u0987 \u09a8\u09be<\/span>  \u0986\u09aa\u09a8\u09be\u09b0 Business-\u098f\u09b0 \u099c\u09a8\u09cd\u09af <span class=\"vc-wds-final-lead-highlight\">\u098f\u0995\u099f\u09bf professional online presence \u09a4\u09c8\u09b0\u09bf \u0995\u09b0\u09a4\u09c7 \u099a\u09be\u0987<\/span>\u0964\r\n    <\/p>\r\n\r\n    <p class=\"vc-wds-final-lead-2\">\r\n      \u0986\u09aa\u09a8\u09be\u09b0 requirement \u09a8\u09bf\u09af\u09bc\u09c7 \u0995\u09a5\u09be \u09ac\u09b2\u09c1\u09a8\u0964 \u0986\u09ae\u09b0\u09be \u0986\u09aa\u09a8\u09be\u09b0 Business \u0985\u09a8\u09c1\u09af\u09be\u09af\u09bc\u09c0 best website structure, design approach \u098f\u09ac\u0982 suitable solution suggest \u0995\u09b0\u09ac\u0964\r\n    <\/p>\r\n\r\n    <!-- Big CTA card (preserved exact content) -->\r\n    <div class=\"vc-wds-final-cta\">\r\n      <div class=\"vc-wds-final-cta-inner\">\r\n\r\n        <!-- Pre-title -->\r\n        <span class=\"vc-wds-final-cta-pretitle\">\ud83d\ude80 Let's Build Your Website<\/span>\r\n\r\n        <!-- Title (preserved exact) -->\r\n        <h2 class=\"vc-wds-final-cta-title\">\r\n          Get Started with <span class=\"vc-accent\">Spariqo\u2122<\/span> \u2192\r\n        <\/h2>\r\n\r\n        <!-- Contact methods (preserved exact) -->\r\n        <div class=\"vc-wds-final-methods\">\r\n\r\n          <!-- Phone (01703689900) -->\r\n          <a href=\"tel:+8801703689900\" class=\"vc-wds-final-method\">\r\n            <span class=\"vc-wds-final-method-icon\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M20 15.5c-1.25 0-2.45-.2-3.57-.57-.35-.11-.74-.03-1.02.24l-2.2 2.2c-2.83-1.44-5.15-3.75-6.59-6.58l2.2-2.21c.28-.27.36-.66.25-1.01C8.7 6.45 8.5 5.25 8.5 4c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1 0 9.39 7.61 17 17 17 .55 0 1-.45 1-1v-3.5c0-.55-.45-1-1-1z\"\/><\/svg>\r\n            <\/span>\r\n            <span class=\"vc-wds-final-method-info\">\r\n              <span class=\"vc-wds-final-method-label\">\u0995\u09b2 \u0995\u09b0\u09c1\u09a8<\/span>\r\n              <span class=\"vc-wds-final-method-value\">01703689900<\/span>\r\n            <\/span>\r\n          <\/a>\r\n\r\n          <!-- Website (spariqo.com\/bd\/) -->\r\n          <a href=\"https:\/\/spariqo.com\/bd\/\" target=\"_blank\" rel=\"noopener\" class=\"vc-wds-final-method\">\r\n            <span class=\"vc-wds-final-method-icon\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M2 12h20M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10zM12 2a15.3 15.3 0 0 0-4 10 15.3 15.3 0 0 0 4 10 15.3 15.3 0 0 0 4-10 15.3 15.3 0 0 0-4-10z\"\/><\/svg>\r\n            <\/span>\r\n            <span class=\"vc-wds-final-method-info\">\r\n              <span class=\"vc-wds-final-method-label\">\u0993\u09af\u09bc\u09c7\u09ac\u09b8\u09be\u0987\u099f<\/span>\r\n              <span class=\"vc-wds-final-method-value\">spariqo.com\/bd\/<\/span>\r\n            <\/span>\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n        <!-- Primary CTA (preserved exact) -->\r\n        <a href=\"https:\/\/wa.me\/8801703689900?text=\u0986\u09ae\u09bf%20Website%20\u09ac\u09be\u09a8\u09be\u09a4\u09c7%20\u099a\u09be\u0987\" class=\"vc-wds-final-cta-btn\" target=\"_blank\" rel=\"noopener\">\r\n          Get Started with Spariqo\u2122\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        <!-- Signature (preserved exact) -->\r\n        <div class=\"vc-wds-final-signature\">\r\n          <div class=\"vc-wds-final-brand\">Spariqo\u2122<\/div>\r\n          <div class=\"vc-wds-final-tagline\">Your Business. Your Brand. Your Website.<\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n\/* =====================================================\r\n   WDS FINAL CTA SECTION JS\r\n   ===================================================== *\/\r\n(function(){\r\n  'use strict';\r\n\r\n  \/* ---------- Stagger entrance 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          entry.target.style.opacity = '0';\r\n          entry.target.style.transform = 'translateY(30px)';\r\n          entry.target.style.transition = 'opacity .7s ease, transform .7s ease';\r\n          setTimeout(() => {\r\n            entry.target.style.opacity = '1';\r\n            entry.target.style.transform = 'translateY(0)';\r\n          }, 100);\r\n          observer.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, {threshold: 0.15});\r\n\r\n    const cta = document.querySelector('.vc-wds-final-cta');\r\n    if (cta) observer.observe(cta);\r\n  }\r\n\r\n  \/* ---------- Smooth anchor scroll ---------- *\/\r\n  document.querySelectorAll('.vc-wds-final a[href^=\"#\"]').forEach(link => {\r\n    link.addEventListener('click', function(e){\r\n      const href = this.getAttribute('href');\r\n      if (href.length > 1) {\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})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Professional Website Design Services in Bangladesh \u0986\u09aa\u09a8\u09be\u09b0 Business-\u098f\u09b0 \u099c\u09a8\u09cd\u09af \u098f\u0995\u099f\u09bf Website \u09a8\u09af\u09bc \u098f\u0995\u099f\u09bf Professional Digital Identity \u09a4\u09c8\u09b0\u09bf \u0995\u09b0\u09c1\u09a8\u0964 \u0986\u09aa\u09a8\u09be\u09b0 Business \u099b\u09cb\u099f \u09b9\u09cb\u0995 \u09ac\u09be \u09ac\u09a1\u09bc, \u098f\u0995\u099c\u09a8 potential customer \u09af\u0996\u09a8 Google-\u098f \u0986\u09aa\u09a8\u09be\u09b0 Business \u0996\u09c1\u0981\u099c\u09ac\u09c7 \u09ac\u09be Facebook Ad \u09a5\u09c7\u0995\u09c7 \u0986\u09aa\u09a8\u09be\u09b0 Website-\u098f \u0986\u09b8\u09ac\u09c7, \u09a4\u0996\u09a8 \u0986\u09aa\u09a8\u09be\u09b0 Website-\u0987 \u0986\u09aa\u09a8\u09be\u09b0 Business-\u098f\u09b0 \u09aa\u09cd\u09b0\u09a5\u09ae impression \u09a4\u09c8\u09b0\u09bf \u0995\u09b0\u09ac\u09c7\u0964 Spariqo\u2122 provides professional website design services in [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-341","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/spariqo.com\/bd\/wp-json\/wp\/v2\/pages\/341","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=341"}],"version-history":[{"count":51,"href":"https:\/\/spariqo.com\/bd\/wp-json\/wp\/v2\/pages\/341\/revisions"}],"predecessor-version":[{"id":2570,"href":"https:\/\/spariqo.com\/bd\/wp-json\/wp\/v2\/pages\/341\/revisions\/2570"}],"wp:attachment":[{"href":"https:\/\/spariqo.com\/bd\/wp-json\/wp\/v2\/media?parent=341"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}