{"id":890,"date":"2026-09-02T11:57:50","date_gmt":"2026-09-02T05:57:50","guid":{"rendered":"https:\/\/shakhawatmarketer.com\/?page_id=890"},"modified":"2026-10-08T22:34:08","modified_gmt":"2026-10-08T16:34:08","slug":"home","status":"publish","type":"page","link":"https:\/\/shakhawatmarketer.com\/","title":{"rendered":"home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"890\" class=\"elementor elementor-890\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f198284 e-flex e-con-boxed e-con e-parent\" data-id=\"f198284\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b340d79 elementor-widget elementor-widget-html\" data-id=\"b340d79\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     SHAKHAWAT MARKETER\r\n     PREMIUM HEADER\r\n     DIGITAL GROWTH & CREATIVE SOLUTIONS\r\n========================================================= -->\r\n\r\n<header id=\"sm-header\">\r\n\r\n  <div class=\"sm-header-container\">\r\n\r\n\r\n    <!-- =====================================================\r\n         LOGO\r\n    ====================================================== -->\r\n\r\n    <a\r\n      href=\"#home\"\r\n      class=\"sm-logo\"\r\n      aria-label=\"Shakhawat Marketer Home\"\r\n    >\r\n\r\n      <img decoding=\"async\"\r\n        src=\"https:\/\/shakhawatmarketer.com\/wp-content\/uploads\/2026\/03\/shakhawat-logo-png.png\"\r\n        alt=\"Shakhawat Marketer\"\r\n      >\r\n\r\n    <\/a>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         DESKTOP NAVIGATION\r\n    ====================================================== -->\r\n\r\n    <nav\r\n      class=\"sm-nav\"\r\n      aria-label=\"Main Navigation\"\r\n    >\r\n\r\n\r\n      <!-- HOME -->\r\n\r\n      <a\r\n        href=\"#home\"\r\n        class=\"sm-nav-link\"\r\n        data-section=\"home\"\r\n      >\r\n        Home\r\n      <\/a>\r\n\r\n\r\n\r\n      <!-- ABOUT -->\r\n\r\n      <a\r\n        href=\"#about\"\r\n        class=\"sm-nav-link\"\r\n        data-section=\"about\"\r\n      >\r\n        About\r\n      <\/a>\r\n\r\n\r\n\r\n      <!-- =================================================\r\n           SERVICES DROPDOWN\r\n      ================================================== -->\r\n\r\n      <div\r\n        class=\"sm-nav-dropdown\"\r\n        data-dropdown-section=\"services\"\r\n      >\r\n\r\n        <button\r\n          type=\"button\"\r\n          class=\"sm-nav-link sm-dropdown-toggle\"\r\n          aria-expanded=\"false\"\r\n        >\r\n\r\n          Services\r\n\r\n          <span class=\"sm-chevron\">\r\n            \u2304\r\n          <\/span>\r\n\r\n        <\/button>\r\n\r\n\r\n        <div class=\"sm-dropdown-menu\">\r\n\r\n\r\n          <!-- DIGITAL MARKETING -->\r\n\r\n          <a\r\n            href=\"\/digital-marketing\/\"\r\n            class=\"sm-dropdown-item\"\r\n          >\r\n\r\n            <span\r\n              class=\"sm-dropdown-icon marketing-icon\"\r\n            >\r\n              \u2197\r\n            <\/span>\r\n\r\n            <span>\r\n\r\n              <strong>\r\n                Digital Marketing\r\n              <\/strong>\r\n\r\n              <small>\r\n                Performance & Growth\r\n              <\/small>\r\n\r\n            <\/span>\r\n\r\n          <\/a>\r\n\r\n\r\n\r\n          <!-- MOTION GRAPHICS -->\r\n\r\n          <a\r\n            href=\"\/motion-graphics\/\"\r\n            class=\"sm-dropdown-item\"\r\n          >\r\n\r\n            <span\r\n              class=\"sm-dropdown-icon motion-icon\"\r\n            >\r\n              \u25b6\r\n            <\/span>\r\n\r\n            <span>\r\n\r\n              <strong>\r\n                Motion Graphics\r\n              <\/strong>\r\n\r\n              <small>\r\n                Creative & Video\r\n              <\/small>\r\n\r\n            <\/span>\r\n\r\n          <\/a>\r\n\r\n\r\n\r\n          <!-- WEB DEVELOPMENT -->\r\n\r\n          <a\r\n            href=\"\/web-development\/\"\r\n            class=\"sm-dropdown-item\"\r\n          >\r\n\r\n            <span\r\n              class=\"sm-dropdown-icon web-icon\"\r\n            >\r\n              &lt;\/&gt;\r\n            <\/span>\r\n\r\n            <span>\r\n\r\n              <strong>\r\n                Web Development\r\n              <\/strong>\r\n\r\n              <small>\r\n                Websites & Landing Pages\r\n              <\/small>\r\n\r\n            <\/span>\r\n\r\n          <\/a>\r\n\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- =================================================\r\n           WORK DROPDOWN\r\n      ================================================== -->\r\n\r\n      <div\r\n        class=\"sm-nav-dropdown\"\r\n        data-dropdown-section=\"case-studies\"\r\n      >\r\n\r\n        <button\r\n          type=\"button\"\r\n          class=\"sm-nav-link sm-dropdown-toggle\"\r\n          aria-expanded=\"false\"\r\n        >\r\n\r\n          Work\r\n\r\n          <span class=\"sm-chevron\">\r\n            \u2304\r\n          <\/span>\r\n\r\n        <\/button>\r\n\r\n\r\n        <div\r\n          class=\"sm-dropdown-menu sm-work-menu\"\r\n        >\r\n\r\n\r\n          <!-- MARKETING CASE STUDIES -->\r\n\r\n          <a\r\n            href=\"\/digital-marketing\/\"\r\n            class=\"sm-dropdown-item\"\r\n          >\r\n\r\n            <span\r\n              class=\"sm-dropdown-icon marketing-icon\"\r\n            >\r\n              \u2197\r\n            <\/span>\r\n\r\n            <span>\r\n\r\n              <strong>\r\n                Marketing Case Studies\r\n              <\/strong>\r\n\r\n              <small>\r\n                Real campaigns & results\r\n              <\/small>\r\n\r\n            <\/span>\r\n\r\n          <\/a>\r\n\r\n\r\n\r\n          <!-- MOTION PORTFOLIO -->\r\n\r\n          <a\r\n            href=\"\/motion-graphics\/\"\r\n            class=\"sm-dropdown-item\"\r\n          >\r\n\r\n            <span\r\n              class=\"sm-dropdown-icon motion-icon\"\r\n            >\r\n              \u25b6\r\n            <\/span>\r\n\r\n            <span>\r\n\r\n              <strong>\r\n                Motion Graphics Portfolio\r\n              <\/strong>\r\n\r\n              <small>\r\n                Selected creative work\r\n              <\/small>\r\n\r\n            <\/span>\r\n\r\n          <\/a>\r\n\r\n\r\n\r\n          <!-- WEB PROJECTS -->\r\n\r\n          <a\r\n            href=\"\/web-development\/\"\r\n            class=\"sm-dropdown-item\"\r\n          >\r\n\r\n            <span\r\n              class=\"sm-dropdown-icon web-icon\"\r\n            >\r\n              &lt;\/&gt;\r\n            <\/span>\r\n\r\n            <span>\r\n\r\n              <strong>\r\n                Web Projects\r\n              <\/strong>\r\n\r\n              <small>\r\n                Websites & digital experiences\r\n              <\/small>\r\n\r\n            <\/span>\r\n\r\n          <\/a>\r\n\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- CONTACT -->\r\n\r\n      <a\r\n        href=\"#contact\"\r\n        class=\"sm-nav-link\"\r\n        data-section=\"contact\"\r\n      >\r\n        Contact\r\n      <\/a>\r\n\r\n\r\n    <\/nav>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         DESKTOP CTA\r\n    ====================================================== -->\r\n\r\n    <a\r\n      href=\"#contact\"\r\n      class=\"sm-header-cta\"\r\n      data-section=\"contact\"\r\n    >\r\n\r\n      <span>\r\n        Let's Talk\r\n      <\/span>\r\n\r\n      <b>\r\n        \u2197\r\n      <\/b>\r\n\r\n    <\/a>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         MOBILE MENU BUTTON\r\n    ====================================================== -->\r\n\r\n    <button\r\n      type=\"button\"\r\n      class=\"sm-menu-toggle\"\r\n      aria-label=\"Open Menu\"\r\n      aria-expanded=\"false\"\r\n    >\r\n\r\n      <span><\/span>\r\n      <span><\/span>\r\n      <span><\/span>\r\n\r\n    <\/button>\r\n\r\n\r\n  <\/div>\r\n\r\n\r\n\r\n  <!-- =====================================================\r\n       MOBILE MENU\r\n  ====================================================== -->\r\n\r\n  <div class=\"sm-mobile-menu\">\r\n\r\n    <div class=\"sm-mobile-inner\">\r\n\r\n\r\n      <!-- HOME -->\r\n\r\n      <a\r\n        href=\"#home\"\r\n        class=\"sm-mobile-link\"\r\n        data-section=\"home\"\r\n      >\r\n\r\n        <span>\r\n          01\r\n        <\/span>\r\n\r\n        Home\r\n\r\n      <\/a>\r\n\r\n\r\n\r\n      <!-- ABOUT -->\r\n\r\n      <a\r\n        href=\"#about\"\r\n        class=\"sm-mobile-link\"\r\n        data-section=\"about\"\r\n      >\r\n\r\n        <span>\r\n          02\r\n        <\/span>\r\n\r\n        About\r\n\r\n      <\/a>\r\n\r\n\r\n\r\n      <!-- =================================================\r\n           MOBILE SERVICES\r\n      ================================================== -->\r\n\r\n      <div\r\n        class=\"sm-mobile-group\"\r\n        data-mobile-section=\"services\"\r\n      >\r\n\r\n        <button\r\n          type=\"button\"\r\n          class=\"sm-mobile-parent\"\r\n          aria-expanded=\"false\"\r\n        >\r\n\r\n          <span>\r\n\r\n            <small>\r\n              03\r\n            <\/small>\r\n\r\n            Services\r\n\r\n          <\/span>\r\n\r\n          <b>\r\n            +\r\n          <\/b>\r\n\r\n        <\/button>\r\n\r\n\r\n        <div class=\"sm-mobile-submenu\">\r\n\r\n          <a href=\"\/digital-marketing\/\">\r\n\r\n            Digital Marketing\r\n\r\n            <span>\r\n              \u2197\r\n            <\/span>\r\n\r\n          <\/a>\r\n\r\n          <a href=\"\/motion-graphics\/\">\r\n\r\n            Motion Graphics\r\n\r\n            <span>\r\n              \u2197\r\n            <\/span>\r\n\r\n          <\/a>\r\n\r\n          <a href=\"\/web-development\/\">\r\n\r\n            Web Development\r\n\r\n            <span>\r\n              \u2197\r\n            <\/span>\r\n\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- =================================================\r\n           MOBILE WORK\r\n      ================================================== -->\r\n\r\n      <div\r\n        class=\"sm-mobile-group\"\r\n        data-mobile-section=\"case-studies\"\r\n      >\r\n\r\n        <button\r\n          type=\"button\"\r\n          class=\"sm-mobile-parent\"\r\n          aria-expanded=\"false\"\r\n        >\r\n\r\n          <span>\r\n\r\n            <small>\r\n              04\r\n            <\/small>\r\n\r\n            Work\r\n\r\n          <\/span>\r\n\r\n          <b>\r\n            +\r\n          <\/b>\r\n\r\n        <\/button>\r\n\r\n\r\n        <div class=\"sm-mobile-submenu\">\r\n\r\n          <a href=\"\/digital-marketing\/\">\r\n\r\n            Marketing Case Studies\r\n\r\n            <span>\r\n              \u2197\r\n            <\/span>\r\n\r\n          <\/a>\r\n\r\n          <a href=\"\/motion-graphics\/\">\r\n\r\n            Motion Graphics Portfolio\r\n\r\n            <span>\r\n              \u2197\r\n            <\/span>\r\n\r\n          <\/a>\r\n\r\n          <a href=\"\/web-development\/\">\r\n\r\n            Web Projects\r\n\r\n            <span>\r\n              \u2197\r\n            <\/span>\r\n\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- CONTACT -->\r\n\r\n      <a\r\n        href=\"#contact\"\r\n        class=\"sm-mobile-link\"\r\n        data-section=\"contact\"\r\n      >\r\n\r\n        <span>\r\n          05\r\n        <\/span>\r\n\r\n        Contact\r\n\r\n      <\/a>\r\n\r\n\r\n\r\n      <!-- MOBILE CTA -->\r\n\r\n      <a\r\n        href=\"#contact\"\r\n        class=\"sm-mobile-cta\"\r\n        data-section=\"contact\"\r\n      >\r\n\r\n        <span>\r\n          Start a Conversation\r\n        <\/span>\r\n\r\n        <b>\r\n          \u2197\r\n        <\/b>\r\n\r\n      <\/a>\r\n\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/header>\r\n\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   SHAKHAWAT MARKETER\r\n   PREMIUM HEADER\r\n========================================================= *\/\r\n\r\n#sm-header {\r\n\r\n  --sm-navy:#0B1220;\r\n  --sm-navy-light:#111C31;\r\n\r\n  --sm-blue:#2563EB;\r\n  --sm-blue-light:#60A5FA;\r\n\r\n  --sm-orange:#F97316;\r\n  --sm-orange-dark:#EA580C;\r\n\r\n  position:fixed;\r\n\r\n  top:0;\r\n  left:0;\r\n\r\n  width:100%;\r\n  height:58px;\r\n\r\n  z-index:999999;\r\n\r\n  background:\r\n    rgba(11,18,32,.96);\r\n\r\n  border-bottom:\r\n    1px solid\r\n    rgba(255,255,255,.06);\r\n\r\n  box-sizing:border-box;\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  transition:\r\n    box-shadow .3s ease,\r\n    background .3s ease;\r\n\r\n}\r\n\r\n\r\n#sm-header * {\r\n\r\n  box-sizing:border-box;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   SCROLLED HEADER\r\n========================================================= *\/\r\n\r\n#sm-header.sm-header-scrolled {\r\n\r\n  background:\r\n    rgba(11,18,32,.985);\r\n\r\n  box-shadow:\r\n    0 8px 30px\r\n    rgba(0,0,0,.18);\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   CONTAINER\r\n========================================================= *\/\r\n\r\n#sm-header .sm-header-container {\r\n\r\n  width:\r\n    min(\r\n      1180px,\r\n      calc(100% - 40px)\r\n    );\r\n\r\n  height:58px;\r\n\r\n  margin:0 auto;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:space-between;\r\n\r\n  gap:30px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   LOGO\r\n========================================================= *\/\r\n\r\n#sm-header .sm-logo {\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  flex-shrink:0;\r\n\r\n  line-height:0;\r\n\r\n  text-decoration:none;\r\n\r\n}\r\n\r\n\r\n#sm-header .sm-logo img {\r\n\r\n  display:block;\r\n\r\n  width:105px;\r\n\r\n  height:auto;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   DESKTOP NAV\r\n========================================================= *\/\r\n\r\n#sm-header .sm-nav {\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:center;\r\n\r\n  gap:4px;\r\n\r\n  margin-left:auto;\r\n\r\n}\r\n\r\n\r\n#sm-header .sm-nav-link {\r\n\r\n  position:relative;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:5px;\r\n\r\n  height:58px;\r\n\r\n  padding:0 13px;\r\n\r\n  color:\r\n    rgba(255,255,255,.68);\r\n\r\n  background:none;\r\n\r\n  border:0;\r\n\r\n  font-size:12px;\r\n\r\n  font-weight:600;\r\n\r\n  text-decoration:none;\r\n\r\n  white-space:nowrap;\r\n\r\n  cursor:pointer;\r\n\r\n  transition:\r\n    color .22s ease;\r\n\r\n}\r\n\r\n\r\n#sm-header .sm-nav-link::after {\r\n\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  left:13px;\r\n\r\n  right:13px;\r\n\r\n  bottom:0;\r\n\r\n  height:2px;\r\n\r\n  background:\r\n    var(--sm-orange);\r\n\r\n  transform:\r\n    scaleX(0);\r\n\r\n  transform-origin:center;\r\n\r\n  transition:\r\n    transform .22s ease;\r\n\r\n}\r\n\r\n\r\n#sm-header .sm-nav-link:hover {\r\n\r\n  color:#FFFFFF;\r\n\r\n}\r\n\r\n\r\n#sm-header .sm-nav-link.active {\r\n\r\n  color:#FFFFFF;\r\n\r\n}\r\n\r\n\r\n#sm-header .sm-nav-link.active::after {\r\n\r\n  transform:\r\n    scaleX(1);\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   DROPDOWN\r\n========================================================= *\/\r\n\r\n#sm-header .sm-nav-dropdown {\r\n\r\n  position:relative;\r\n\r\n}\r\n\r\n\r\n#sm-header .sm-dropdown-toggle {\r\n\r\n  appearance:none;\r\n\r\n}\r\n\r\n\r\n#sm-header .sm-chevron {\r\n\r\n  font-size:13px;\r\n\r\n  line-height:1;\r\n\r\n  color:\r\n    rgba(255,255,255,.45);\r\n\r\n  transition:\r\n    transform .25s ease;\r\n\r\n}\r\n\r\n\r\n#sm-header .sm-nav-dropdown:hover\r\n.sm-chevron {\r\n\r\n  transform:\r\n    rotate(180deg);\r\n\r\n}\r\n\r\n\r\n#sm-header .sm-dropdown-menu {\r\n\r\n  position:absolute;\r\n\r\n  top:calc(100% + 10px);\r\n\r\n  left:50%;\r\n\r\n  width:265px;\r\n\r\n  padding:8px;\r\n\r\n  transform:\r\n    translateX(-50%)\r\n    translateY(8px);\r\n\r\n  background:\r\n    rgba(11,18,32,.985);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.08);\r\n\r\n  border-radius:12px;\r\n\r\n  box-shadow:\r\n    0 20px 45px\r\n    rgba(0,0,0,.28);\r\n\r\n  opacity:0;\r\n\r\n  visibility:hidden;\r\n\r\n  pointer-events:none;\r\n\r\n  transition:\r\n    opacity .22s ease,\r\n    visibility .22s ease,\r\n    transform .22s ease;\r\n\r\n}\r\n\r\n\r\n#sm-header .sm-nav-dropdown:hover\r\n.sm-dropdown-menu {\r\n\r\n  opacity:1;\r\n\r\n  visibility:visible;\r\n\r\n  pointer-events:auto;\r\n\r\n  transform:\r\n    translateX(-50%)\r\n    translateY(0);\r\n\r\n}\r\n\r\n\r\n\r\n\/* TOP LINE *\/\r\n\r\n#sm-header .sm-dropdown-menu::before {\r\n\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  top:-1px;\r\n\r\n  left:20px;\r\n\r\n  right:20px;\r\n\r\n  height:2px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      var(--sm-blue),\r\n      var(--sm-orange)\r\n    );\r\n\r\n  border-radius:10px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* DROPDOWN ITEM *\/\r\n\r\n#sm-header .sm-dropdown-item {\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:12px;\r\n\r\n  padding:11px;\r\n\r\n  color:#FFFFFF;\r\n\r\n  text-decoration:none;\r\n\r\n  border-radius:8px;\r\n\r\n  transition:\r\n    background .2s ease,\r\n    transform .2s ease;\r\n\r\n}\r\n\r\n\r\n#sm-header .sm-dropdown-item:hover {\r\n\r\n  background:\r\n    rgba(255,255,255,.055);\r\n\r\n  transform:\r\n    translateX(3px);\r\n\r\n}\r\n\r\n\r\n#sm-header .sm-dropdown-item strong {\r\n\r\n  display:block;\r\n\r\n  margin-bottom:3px;\r\n\r\n  color:#FFFFFF;\r\n\r\n  font-size:12px;\r\n\r\n  font-weight:700;\r\n\r\n}\r\n\r\n\r\n#sm-header .sm-dropdown-item small {\r\n\r\n  display:block;\r\n\r\n  color:\r\n    rgba(255,255,255,.42);\r\n\r\n  font-size:9px;\r\n\r\n  line-height:1.3;\r\n\r\n}\r\n\r\n\r\n\r\n\/* DROPDOWN ICON *\/\r\n\r\n#sm-header .sm-dropdown-icon {\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:center;\r\n\r\n  flex-shrink:0;\r\n\r\n  width:32px;\r\n\r\n  height:32px;\r\n\r\n  border-radius:8px;\r\n\r\n  color:#FFFFFF;\r\n\r\n  font-size:12px;\r\n\r\n  font-weight:800;\r\n\r\n}\r\n\r\n\r\n#sm-header .marketing-icon {\r\n\r\n  background:\r\n    rgba(37,99,235,.18);\r\n\r\n  color:\r\n    #60A5FA;\r\n\r\n}\r\n\r\n\r\n#sm-header .motion-icon {\r\n\r\n  background:\r\n    rgba(249,115,22,.15);\r\n\r\n  color:\r\n    #FB923C;\r\n\r\n}\r\n\r\n\r\n#sm-header .web-icon {\r\n\r\n  background:\r\n    rgba(96,165,250,.13);\r\n\r\n  color:\r\n    #93C5FD;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   HEADER CTA\r\n========================================================= *\/\r\n\r\n#sm-header .sm-header-cta {\r\n\r\n  display:inline-flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:center;\r\n\r\n  gap:8px;\r\n\r\n  min-width:112px;\r\n\r\n  height:36px;\r\n\r\n  padding:0 15px;\r\n\r\n  color:#FFFFFF !important;\r\n\r\n  background:\r\n    var(--sm-orange);\r\n\r\n  border-radius:7px;\r\n\r\n  font-size:11px;\r\n\r\n  font-weight:700;\r\n\r\n  text-decoration:none !important;\r\n\r\n  box-shadow:\r\n    0 7px 20px\r\n    rgba(249,115,22,.16);\r\n\r\n  transition:\r\n    transform .22s ease,\r\n    background .22s ease,\r\n    box-shadow .22s ease;\r\n\r\n}\r\n\r\n\r\n#sm-header .sm-header-cta:hover {\r\n\r\n  color:#FFFFFF !important;\r\n\r\n  background:\r\n    var(--sm-orange-dark);\r\n\r\n  transform:\r\n    translateY(-2px);\r\n\r\n  box-shadow:\r\n    0 10px 25px\r\n    rgba(249,115,22,.25);\r\n\r\n}\r\n\r\n\r\n#sm-header .sm-header-cta b {\r\n\r\n  font-size:14px;\r\n\r\n  font-weight:500;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE MENU BUTTON\r\n========================================================= *\/\r\n\r\n#sm-header .sm-menu-toggle {\r\n\r\n  display:none;\r\n\r\n  width:38px;\r\n\r\n  height:38px;\r\n\r\n  padding:0;\r\n\r\n  background:\r\n    rgba(255,255,255,.05);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.08);\r\n\r\n  border-radius:8px;\r\n\r\n  cursor:pointer;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:center;\r\n\r\n  flex-direction:column;\r\n\r\n  gap:4px;\r\n\r\n}\r\n\r\n\r\n#sm-header .sm-menu-toggle span {\r\n\r\n  display:block;\r\n\r\n  width:17px;\r\n\r\n  height:1.5px;\r\n\r\n  background:#FFFFFF;\r\n\r\n  transition:\r\n    transform .25s ease,\r\n    opacity .25s ease;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE MENU\r\n========================================================= *\/\r\n\r\n#sm-header .sm-mobile-menu {\r\n\r\n  display:none;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width:950px) {\r\n\r\n  #sm-header .sm-header-container {\r\n\r\n    width:\r\n      calc(100% - 30px);\r\n\r\n  }\r\n\r\n\r\n  #sm-header .sm-nav {\r\n\r\n    gap:0;\r\n\r\n  }\r\n\r\n\r\n  #sm-header .sm-nav-link {\r\n\r\n    padding-left:9px;\r\n\r\n    padding-right:9px;\r\n\r\n    font-size:11px;\r\n\r\n  }\r\n\r\n\r\n  #sm-header .sm-nav-link::after {\r\n\r\n    left:9px;\r\n\r\n    right:9px;\r\n\r\n  }\r\n\r\n\r\n  #sm-header .sm-header-cta {\r\n\r\n    min-width:96px;\r\n\r\n    padding:0 12px;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width:760px) {\r\n\r\n  #sm-header {\r\n\r\n    height:58px;\r\n\r\n  }\r\n\r\n\r\n  #sm-header .sm-header-container {\r\n\r\n    height:58px;\r\n\r\n    width:\r\n      calc(100% - 28px);\r\n\r\n  }\r\n\r\n\r\n  #sm-header .sm-logo img {\r\n\r\n    width:98px;\r\n\r\n  }\r\n\r\n\r\n  #sm-header .sm-nav,\r\n  #sm-header .sm-header-cta {\r\n\r\n    display:none;\r\n\r\n  }\r\n\r\n\r\n  #sm-header .sm-menu-toggle {\r\n\r\n    display:flex;\r\n\r\n  }\r\n\r\n\r\n  \/* MOBILE MENU *\/\r\n\r\n  #sm-header .sm-mobile-menu {\r\n\r\n    position:absolute;\r\n\r\n    top:58px;\r\n\r\n    left:0;\r\n\r\n    width:100%;\r\n\r\n    max-height:\r\n      calc(100vh - 58px);\r\n\r\n    overflow-y:auto;\r\n\r\n    display:block;\r\n\r\n    background:\r\n      rgba(11,18,32,.985);\r\n\r\n    border-top:\r\n      1px solid\r\n      rgba(255,255,255,.06);\r\n\r\n    box-shadow:\r\n      0 20px 40px\r\n      rgba(0,0,0,.22);\r\n\r\n    opacity:0;\r\n\r\n    visibility:hidden;\r\n\r\n    pointer-events:none;\r\n\r\n    transform:\r\n      translateY(-8px);\r\n\r\n    transition:\r\n      opacity .25s ease,\r\n      visibility .25s ease,\r\n      transform .25s ease;\r\n\r\n  }\r\n\r\n\r\n  #sm-header.sm-mobile-open\r\n  .sm-mobile-menu {\r\n\r\n    opacity:1;\r\n\r\n    visibility:visible;\r\n\r\n    pointer-events:auto;\r\n\r\n    transform:\r\n      translateY(0);\r\n\r\n  }\r\n\r\n\r\n  #sm-header .sm-mobile-inner {\r\n\r\n    width:\r\n      calc(100% - 28px);\r\n\r\n    margin:0 auto;\r\n\r\n    padding:\r\n      12px 0 25px;\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* MOBILE LINK *\/\r\n\r\n  #sm-header .sm-mobile-link {\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    justify-content:space-between;\r\n\r\n    min-height:52px;\r\n\r\n    padding:0 4px;\r\n\r\n    color:\r\n      rgba(255,255,255,.75);\r\n\r\n    border-bottom:\r\n      1px solid\r\n      rgba(255,255,255,.06);\r\n\r\n    font-size:14px;\r\n\r\n    font-weight:600;\r\n\r\n    text-decoration:none;\r\n\r\n    transition:\r\n      color .2s ease;\r\n\r\n  }\r\n\r\n\r\n  #sm-header .sm-mobile-link span {\r\n\r\n    width:30px;\r\n\r\n    color:\r\n      rgba(255,255,255,.25);\r\n\r\n    font-size:9px;\r\n\r\n    font-weight:700;\r\n\r\n    letter-spacing:1px;\r\n\r\n  }\r\n\r\n\r\n  #sm-header .sm-mobile-link.active,\r\n  #sm-header .sm-mobile-link:hover {\r\n\r\n    color:#FFFFFF;\r\n\r\n  }\r\n\r\n\r\n  #sm-header .sm-mobile-link.active span {\r\n\r\n    color:\r\n      var(--sm-orange);\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* MOBILE GROUP *\/\r\n\r\n  #sm-header .sm-mobile-group {\r\n\r\n    border-bottom:\r\n      1px solid\r\n      rgba(255,255,255,.06);\r\n\r\n  }\r\n\r\n\r\n  #sm-header .sm-mobile-parent {\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    justify-content:space-between;\r\n\r\n    width:100%;\r\n\r\n    min-height:52px;\r\n\r\n    padding:0 4px;\r\n\r\n    color:\r\n      rgba(255,255,255,.75);\r\n\r\n    background:none;\r\n\r\n    border:0;\r\n\r\n    font-size:14px;\r\n\r\n    font-weight:600;\r\n\r\n    text-align:left;\r\n\r\n    cursor:pointer;\r\n\r\n  }\r\n\r\n\r\n  #sm-header .sm-mobile-parent span {\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    gap:0;\r\n\r\n  }\r\n\r\n\r\n  #sm-header .sm-mobile-parent small {\r\n\r\n    width:30px;\r\n\r\n    color:\r\n      rgba(255,255,255,.25);\r\n\r\n    font-size:9px;\r\n\r\n    font-weight:700;\r\n\r\n    letter-spacing:1px;\r\n\r\n  }\r\n\r\n\r\n  #sm-header .sm-mobile-parent b {\r\n\r\n    color:\r\n      var(--sm-orange);\r\n\r\n    font-size:20px;\r\n\r\n    font-weight:400;\r\n\r\n    transition:\r\n      transform .25s ease;\r\n\r\n  }\r\n\r\n\r\n  #sm-header .sm-mobile-group.open\r\n  .sm-mobile-parent b {\r\n\r\n    transform:\r\n      rotate(45deg);\r\n\r\n  }\r\n\r\n\r\n  \/* SUBMENU *\/\r\n\r\n  #sm-header .sm-mobile-submenu {\r\n\r\n    max-height:0;\r\n\r\n    overflow:hidden;\r\n\r\n    padding-left:30px;\r\n\r\n    transition:\r\n      max-height .3s ease;\r\n\r\n  }\r\n\r\n\r\n  #sm-header .sm-mobile-group.open\r\n  .sm-mobile-submenu {\r\n\r\n    max-height:220px;\r\n\r\n  }\r\n\r\n\r\n  #sm-header .sm-mobile-submenu a {\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    justify-content:space-between;\r\n\r\n    min-height:43px;\r\n\r\n    padding:0 5px;\r\n\r\n    color:\r\n      rgba(255,255,255,.48);\r\n\r\n    font-size:12px;\r\n\r\n    font-weight:500;\r\n\r\n    text-decoration:none;\r\n\r\n    border-top:\r\n      1px solid\r\n      rgba(255,255,255,.04);\r\n\r\n  }\r\n\r\n\r\n  #sm-header .sm-mobile-submenu a span {\r\n\r\n    color:\r\n      var(--sm-orange);\r\n\r\n  }\r\n\r\n\r\n  #sm-header .sm-mobile-submenu a:hover {\r\n\r\n    color:#FFFFFF;\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* MOBILE CTA *\/\r\n\r\n  #sm-header .sm-mobile-cta {\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    justify-content:space-between;\r\n\r\n    margin-top:20px;\r\n\r\n    min-height:48px;\r\n\r\n    padding:0 17px;\r\n\r\n    color:#FFFFFF !important;\r\n\r\n    background:\r\n      var(--sm-orange);\r\n\r\n    border-radius:8px;\r\n\r\n    font-size:12px;\r\n\r\n    font-weight:700;\r\n\r\n    text-decoration:none !important;\r\n\r\n    box-shadow:\r\n      0 8px 25px\r\n      rgba(249,115,22,.18);\r\n\r\n  }\r\n\r\n\r\n  #sm-header .sm-mobile-cta b {\r\n\r\n    font-size:16px;\r\n\r\n    font-weight:400;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width:380px) {\r\n\r\n  #sm-header .sm-logo img {\r\n\r\n    width:92px;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media (prefers-reduced-motion:reduce) {\r\n\r\n  #sm-header *,\r\n  #sm-header *::before,\r\n  #sm-header *::after {\r\n\r\n    transition:none !important;\r\n\r\n  }\r\n\r\n}\r\n\/* =========================================================\r\n   PREMIUM MOBILE MENU REDESIGN\r\n   SHAKHAWAT MARKETER\r\n========================================================= *\/\r\n\r\n@media (max-width:760px) {\r\n\r\n  \/* -------------------------------------------------------\r\n     MOBILE MENU\r\n  ------------------------------------------------------- *\/\r\n\r\n  #sm-header .sm-mobile-menu {\r\n\r\n    position:absolute;\r\n\r\n    top:58px;\r\n    left:0;\r\n\r\n    width:100%;\r\n\r\n    height:\r\n      calc(100vh - 58px);\r\n\r\n    max-height:\r\n      calc(100vh - 58px);\r\n\r\n    overflow-y:auto;\r\n\r\n    \/* IMPORTANT:\r\n       Solid background so homepage\r\n       content cannot show through.\r\n    *\/\r\n\r\n    background:#0B1220;\r\n\r\n    border-top:\r\n      1px solid\r\n      rgba(255,255,255,.07);\r\n\r\n    box-shadow:\r\n      0 25px 60px\r\n      rgba(0,0,0,.45);\r\n\r\n    opacity:0;\r\n\r\n    visibility:hidden;\r\n\r\n    pointer-events:none;\r\n\r\n    transform:\r\n      translateY(-12px);\r\n\r\n    transition:\r\n      opacity .28s ease,\r\n      visibility .28s ease,\r\n      transform .28s cubic-bezier(.2,.8,.2,1);\r\n\r\n  }\r\n\r\n\r\n  \/* OPEN *\/\r\n\r\n  #sm-header.sm-mobile-open\r\n  .sm-mobile-menu {\r\n\r\n    opacity:1;\r\n\r\n    visibility:visible;\r\n\r\n    pointer-events:auto;\r\n\r\n    transform:\r\n      translateY(0);\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* -------------------------------------------------------\r\n     INNER\r\n  ------------------------------------------------------- *\/\r\n\r\n  #sm-header .sm-mobile-inner {\r\n\r\n    width:\r\n      calc(100% - 32px);\r\n\r\n    max-width:520px;\r\n\r\n    margin:0 auto;\r\n\r\n    padding:\r\n      18px 0 30px;\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* -------------------------------------------------------\r\n     NORMAL MOBILE LINKS\r\n  ------------------------------------------------------- *\/\r\n\r\n  #sm-header .sm-mobile-link {\r\n\r\n    position:relative;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    justify-content:flex-start;\r\n\r\n    gap:16px;\r\n\r\n    width:100%;\r\n\r\n    min-height:58px;\r\n\r\n    padding:\r\n      0 12px;\r\n\r\n    margin:0;\r\n\r\n    color:\r\n      rgba(255,255,255,.68);\r\n\r\n    background:transparent;\r\n\r\n    border:0;\r\n\r\n    border-bottom:\r\n      1px solid\r\n      rgba(255,255,255,.07);\r\n\r\n    font-size:15px;\r\n\r\n    font-weight:650;\r\n\r\n    letter-spacing:-.1px;\r\n\r\n    text-decoration:none;\r\n\r\n    transition:\r\n      color .25s ease,\r\n      background .25s ease,\r\n      padding-left .25s ease;\r\n\r\n  }\r\n\r\n\r\n  \/* NUMBER *\/\r\n\r\n  #sm-header .sm-mobile-link span {\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    justify-content:flex-start;\r\n\r\n    flex:0 0 28px;\r\n\r\n    width:28px;\r\n\r\n    color:\r\n      rgba(255,255,255,.25);\r\n\r\n    font-size:9px;\r\n\r\n    font-weight:800;\r\n\r\n    letter-spacing:1px;\r\n\r\n    transition:\r\n      color .25s ease;\r\n\r\n  }\r\n\r\n\r\n  \/* ARROW *\/\r\n\r\n  #sm-header .sm-mobile-link::after {\r\n\r\n    content:\"\u2197\";\r\n\r\n    margin-left:auto;\r\n\r\n    color:\r\n      rgba(255,255,255,.22);\r\n\r\n    font-size:15px;\r\n\r\n    opacity:0;\r\n\r\n    transform:\r\n      translateX(-5px);\r\n\r\n    transition:\r\n      opacity .25s ease,\r\n      transform .25s ease,\r\n      color .25s ease;\r\n\r\n  }\r\n\r\n\r\n  \/* HOVER *\/\r\n\r\n  #sm-header .sm-mobile-link:hover {\r\n\r\n    color:#FFFFFF;\r\n\r\n    padding-left:17px;\r\n\r\n    background:\r\n      rgba(255,255,255,.035);\r\n\r\n  }\r\n\r\n\r\n  #sm-header .sm-mobile-link:hover::after {\r\n\r\n    opacity:1;\r\n\r\n    transform:\r\n      translateX(0);\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* -------------------------------------------------------\r\n     ACTIVE MOBILE LINK\r\n  ------------------------------------------------------- *\/\r\n\r\n  #sm-header .sm-mobile-link.active {\r\n\r\n    color:#FFFFFF;\r\n\r\n    background:\r\n      linear-gradient(\r\n        90deg,\r\n        rgba(249,115,22,.12),\r\n        rgba(249,115,22,.025)\r\n      );\r\n\r\n  }\r\n\r\n\r\n  #sm-header .sm-mobile-link.active::before {\r\n\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    left:0;\r\n\r\n    top:13px;\r\n\r\n    bottom:13px;\r\n\r\n    width:3px;\r\n\r\n    border-radius:0 5px 5px 0;\r\n\r\n    background:\r\n      var(--sm-orange);\r\n\r\n  }\r\n\r\n\r\n  #sm-header .sm-mobile-link.active span {\r\n\r\n    color:\r\n      var(--sm-orange);\r\n\r\n  }\r\n\r\n\r\n  #sm-header .sm-mobile-link.active::after {\r\n\r\n    opacity:1;\r\n\r\n    color:\r\n      var(--sm-orange);\r\n\r\n    transform:\r\n      translateX(0);\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* -------------------------------------------------------\r\n     SERVICES \/ WORK GROUP\r\n  ------------------------------------------------------- *\/\r\n\r\n  #sm-header .sm-mobile-group {\r\n\r\n    position:relative;\r\n\r\n    border-bottom:\r\n      1px solid\r\n      rgba(255,255,255,.07);\r\n\r\n  }\r\n\r\n\r\n  \/* PARENT BUTTON *\/\r\n\r\n  #sm-header .sm-mobile-parent {\r\n\r\n    position:relative;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    justify-content:space-between;\r\n\r\n    width:100%;\r\n\r\n    min-height:58px;\r\n\r\n    padding:\r\n      0 12px;\r\n\r\n    color:\r\n      rgba(255,255,255,.68);\r\n\r\n    background:transparent;\r\n\r\n    border:0;\r\n\r\n    font-family:\r\n      Arial,\r\n      Helvetica,\r\n      sans-serif;\r\n\r\n    font-size:15px;\r\n\r\n    font-weight:650;\r\n\r\n    text-align:left;\r\n\r\n    cursor:pointer;\r\n\r\n    transition:\r\n      color .25s ease,\r\n      background .25s ease;\r\n\r\n  }\r\n\r\n\r\n  \/* NUMBER + TITLE *\/\r\n\r\n  #sm-header .sm-mobile-parent span {\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    gap:16px;\r\n\r\n  }\r\n\r\n\r\n  #sm-header .sm-mobile-parent small {\r\n\r\n    display:block;\r\n\r\n    flex:0 0 28px;\r\n\r\n    width:28px;\r\n\r\n    color:\r\n      rgba(255,255,255,.25);\r\n\r\n    font-size:9px;\r\n\r\n    font-weight:800;\r\n\r\n    letter-spacing:1px;\r\n\r\n  }\r\n\r\n\r\n  \/* PLUS *\/\r\n\r\n  #sm-header .sm-mobile-parent b {\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    justify-content:center;\r\n\r\n    width:28px;\r\n\r\n    height:28px;\r\n\r\n    color:\r\n      var(--sm-orange);\r\n\r\n    font-size:21px;\r\n\r\n    font-weight:300;\r\n\r\n    line-height:1;\r\n\r\n    transition:\r\n      transform .3s ease,\r\n      background .25s ease;\r\n\r\n  }\r\n\r\n\r\n  #sm-header .sm-mobile-parent:hover {\r\n\r\n    color:#FFFFFF;\r\n\r\n    background:\r\n      rgba(255,255,255,.035);\r\n\r\n  }\r\n\r\n\r\n  \/* OPEN GROUP *\/\r\n\r\n  #sm-header .sm-mobile-group.open\r\n  .sm-mobile-parent {\r\n\r\n    color:#FFFFFF;\r\n\r\n    background:\r\n      rgba(255,255,255,.035);\r\n\r\n  }\r\n\r\n\r\n  #sm-header .sm-mobile-group.open\r\n  .sm-mobile-parent small {\r\n\r\n    color:\r\n      var(--sm-orange);\r\n\r\n  }\r\n\r\n\r\n  #sm-header .sm-mobile-group.open\r\n  .sm-mobile-parent b {\r\n\r\n    transform:\r\n      rotate(45deg);\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* -------------------------------------------------------\r\n     SUBMENU\r\n  ------------------------------------------------------- *\/\r\n\r\n  #sm-header .sm-mobile-submenu {\r\n\r\n    max-height:0;\r\n\r\n    overflow:hidden;\r\n\r\n    padding:\r\n      0 0 0 44px;\r\n\r\n    background:\r\n      rgba(255,255,255,.018);\r\n\r\n    transition:\r\n      max-height .35s ease,\r\n      padding .35s ease;\r\n\r\n  }\r\n\r\n\r\n  #sm-header .sm-mobile-group.open\r\n  .sm-mobile-submenu {\r\n\r\n    max-height:220px;\r\n\r\n    padding:\r\n      4px 0 8px 44px;\r\n\r\n  }\r\n\r\n\r\n  #sm-header .sm-mobile-submenu a {\r\n\r\n    position:relative;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    justify-content:space-between;\r\n\r\n    min-height:43px;\r\n\r\n    padding:\r\n      0 12px 0 0;\r\n\r\n    color:\r\n      rgba(255,255,255,.48);\r\n\r\n    font-size:12px;\r\n\r\n    font-weight:500;\r\n\r\n    text-decoration:none;\r\n\r\n    border-top:\r\n      1px solid\r\n      rgba(255,255,255,.04);\r\n\r\n    transition:\r\n      color .2s ease,\r\n      padding-left .2s ease;\r\n\r\n  }\r\n\r\n\r\n  #sm-header .sm-mobile-submenu a:first-child {\r\n\r\n    border-top:0;\r\n\r\n  }\r\n\r\n\r\n  #sm-header .sm-mobile-submenu a:hover {\r\n\r\n    color:#FFFFFF;\r\n\r\n    padding-left:5px;\r\n\r\n  }\r\n\r\n\r\n  #sm-header .sm-mobile-submenu a span {\r\n\r\n    color:\r\n      var(--sm-orange);\r\n\r\n    font-size:13px;\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* -------------------------------------------------------\r\n     MOBILE CTA\r\n  ------------------------------------------------------- *\/\r\n\r\n  #sm-header .sm-mobile-cta {\r\n\r\n    position:relative;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    justify-content:space-between;\r\n\r\n    width:100%;\r\n\r\n    min-height:50px;\r\n\r\n    margin-top:24px;\r\n\r\n    padding:\r\n      0 17px;\r\n\r\n    overflow:hidden;\r\n\r\n    color:#FFFFFF !important;\r\n\r\n    background:\r\n      var(--sm-orange);\r\n\r\n    border-radius:9px;\r\n\r\n    font-size:12px;\r\n\r\n    font-weight:800;\r\n\r\n    text-decoration:none !important;\r\n\r\n    box-shadow:\r\n      0 10px 28px\r\n      rgba(249,115,22,.20);\r\n\r\n    transition:\r\n      transform .25s ease,\r\n      background .25s ease,\r\n      box-shadow .25s ease;\r\n\r\n  }\r\n\r\n\r\n  #sm-header .sm-mobile-cta::before {\r\n\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    top:0;\r\n\r\n    left:-80%;\r\n\r\n    width:55%;\r\n\r\n    height:100%;\r\n\r\n    background:\r\n      linear-gradient(\r\n        105deg,\r\n        transparent,\r\n        rgba(255,255,255,.28),\r\n        transparent\r\n      );\r\n\r\n    transform:\r\n      skewX(-20deg);\r\n\r\n    animation:\r\n      smMobileCtaShine\r\n      3.5s\r\n      ease-in-out\r\n      infinite;\r\n\r\n  }\r\n\r\n\r\n  #sm-header .sm-mobile-cta span,\r\n  #sm-header .sm-mobile-cta b {\r\n\r\n    position:relative;\r\n\r\n    z-index:2;\r\n\r\n  }\r\n\r\n\r\n  #sm-header .sm-mobile-cta b {\r\n\r\n    font-size:16px;\r\n\r\n    font-weight:400;\r\n\r\n  }\r\n\r\n\r\n  #sm-header .sm-mobile-cta:hover {\r\n\r\n    color:#FFFFFF !important;\r\n\r\n    background:\r\n      var(--sm-orange-dark);\r\n\r\n    transform:\r\n      translateY(-2px);\r\n\r\n    box-shadow:\r\n      0 14px 32px\r\n      rgba(249,115,22,.28);\r\n\r\n  }\r\n\r\n\r\n  @keyframes smMobileCtaShine {\r\n\r\n    0% {\r\n      left:-80%;\r\n    }\r\n\r\n    42% {\r\n      left:135%;\r\n    }\r\n\r\n    100% {\r\n      left:135%;\r\n    }\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width:380px) {\r\n\r\n  #sm-header .sm-mobile-inner {\r\n\r\n    width:\r\n      calc(100% - 26px);\r\n\r\n  }\r\n\r\n\r\n  #sm-header .sm-mobile-link,\r\n  #sm-header .sm-mobile-parent {\r\n\r\n    min-height:55px;\r\n\r\n  }\r\n\r\n\r\n  #sm-header .sm-mobile-link {\r\n\r\n    font-size:14px;\r\n\r\n  }\r\n\r\n\r\n  #sm-header .sm-mobile-parent {\r\n\r\n    font-size:14px;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media (prefers-reduced-motion:reduce) {\r\n\r\n  #sm-header .sm-mobile-menu,\r\n  #sm-header .sm-mobile-link,\r\n  #sm-header .sm-mobile-parent,\r\n  #sm-header .sm-mobile-cta {\r\n\r\n    transition:none !important;\r\n\r\n  }\r\n\r\n  #sm-header .sm-mobile-cta::before {\r\n\r\n    animation:none !important;\r\n\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<script>\r\n\r\n\/* =========================================================\r\n   SHAKHAWAT MARKETER\r\n   HEADER NAVIGATION\r\n   FIXED ACTIVE SECTION SYSTEM\r\n========================================================= *\/\r\n\r\n(function () {\r\n\r\n  const header =\r\n    document.getElementById(\"sm-header\");\r\n\r\n\r\n  if (!header) return;\r\n\r\n\r\n\r\n  \/* =====================================================\r\n     BASIC ELEMENTS\r\n  ====================================================== *\/\r\n\r\n  const menuButton =\r\n    header.querySelector(\".sm-menu-toggle\");\r\n\r\n\r\n  const desktopLinks =\r\n    header.querySelectorAll(\r\n      \".sm-nav-link[data-section]\"\r\n    );\r\n\r\n\r\n  const mobileLinks =\r\n    header.querySelectorAll(\r\n      \".sm-mobile-link[data-section]\"\r\n    );\r\n\r\n\r\n  const allSectionLinks =\r\n    header.querySelectorAll(\r\n      \"[data-section]\"\r\n    );\r\n\r\n\r\n\r\n  \/*\r\n   * IMPORTANT:\r\n   *\r\n   * Services dropdown = Services section\r\n   * Work dropdown     = Case Studies section\r\n   *\r\n   * This means clicking\/scrolling those areas\r\n   * will correctly control the underline.\r\n   *\/\r\n\r\n  const sections = [\r\n\r\n    {\r\n      id:\"home\",\r\n      selector:\r\n        '[data-section=\"home\"]'\r\n    },\r\n\r\n    {\r\n      id:\"about\",\r\n      selector:\r\n        '[data-section=\"about\"]'\r\n    },\r\n\r\n    {\r\n      id:\"services\",\r\n      selector:\r\n        '[data-dropdown-section=\"services\"]'\r\n    },\r\n\r\n    {\r\n      id:\"expertise\",\r\n      selector:null\r\n    },\r\n\r\n    {\r\n      id:\"case-studies\",\r\n      selector:\r\n        '[data-dropdown-section=\"case-studies\"]'\r\n    },\r\n\r\n    {\r\n      id:\"contact\",\r\n      selector:\r\n        '[data-section=\"contact\"]'\r\n    }\r\n\r\n  ];\r\n\r\n\r\n\r\n  \/* =====================================================\r\n     SCROLL SHADOW\r\n  ====================================================== *\/\r\n\r\n  function updateHeaderShadow() {\r\n\r\n    if (window.scrollY > 20) {\r\n\r\n      header.classList.add(\r\n        \"sm-header-scrolled\"\r\n      );\r\n\r\n    } else {\r\n\r\n      header.classList.remove(\r\n        \"sm-header-scrolled\"\r\n      );\r\n\r\n    }\r\n\r\n  }\r\n\r\n\r\n  window.addEventListener(\r\n    \"scroll\",\r\n    updateHeaderShadow,\r\n    {\r\n      passive:true\r\n    }\r\n  );\r\n\r\n\r\n  updateHeaderShadow();\r\n\r\n\r\n\r\n  \/* =====================================================\r\n     SET ACTIVE NAV\r\n  ====================================================== *\/\r\n\r\n  function setActive(sectionId) {\r\n\r\n    \/*\r\n     * Desktop normal links\r\n     *\/\r\n\r\n    desktopLinks.forEach(\r\n      function (link) {\r\n\r\n        const id =\r\n          link.getAttribute(\r\n            \"data-section\"\r\n          );\r\n\r\n\r\n        if (id === sectionId) {\r\n\r\n          link.classList.add(\r\n            \"active\"\r\n          );\r\n\r\n        } else {\r\n\r\n          link.classList.remove(\r\n            \"active\"\r\n          );\r\n\r\n        }\r\n\r\n      }\r\n    );\r\n\r\n\r\n\r\n    \/*\r\n     * Services dropdown\r\n     *\/\r\n\r\n    const servicesDropdown =\r\n      header.querySelector(\r\n        '[data-dropdown-section=\"services\"]'\r\n      );\r\n\r\n\r\n    if (servicesDropdown) {\r\n\r\n      const servicesButton =\r\n        servicesDropdown.querySelector(\r\n          \".sm-dropdown-toggle\"\r\n        );\r\n\r\n\r\n      if (servicesButton) {\r\n\r\n        if (\r\n          sectionId === \"services\"\r\n        ) {\r\n\r\n          servicesButton.classList.add(\r\n            \"active\"\r\n          );\r\n\r\n        } else {\r\n\r\n          servicesButton.classList.remove(\r\n            \"active\"\r\n          );\r\n\r\n        }\r\n\r\n      }\r\n\r\n    }\r\n\r\n\r\n\r\n    \/*\r\n     * Work dropdown\r\n     *\/\r\n\r\n    const workDropdown =\r\n      header.querySelector(\r\n        '[data-dropdown-section=\"case-studies\"]'\r\n      );\r\n\r\n\r\n    if (workDropdown) {\r\n\r\n      const workButton =\r\n        workDropdown.querySelector(\r\n          \".sm-dropdown-toggle\"\r\n        );\r\n\r\n\r\n      if (workButton) {\r\n\r\n        if (\r\n          sectionId === \"case-studies\" ||\r\n          sectionId === \"why-work\"\r\n        ) {\r\n\r\n          workButton.classList.add(\r\n            \"active\"\r\n          );\r\n\r\n        } else {\r\n\r\n          workButton.classList.remove(\r\n            \"active\"\r\n          );\r\n\r\n        }\r\n\r\n      }\r\n\r\n    }\r\n\r\n\r\n\r\n    \/*\r\n     * Mobile normal links\r\n     *\/\r\n\r\n    mobileLinks.forEach(\r\n      function (link) {\r\n\r\n        const id =\r\n          link.getAttribute(\r\n            \"data-section\"\r\n          );\r\n\r\n\r\n        if (id === sectionId) {\r\n\r\n          link.classList.add(\r\n            \"active\"\r\n          );\r\n\r\n        } else {\r\n\r\n          link.classList.remove(\r\n            \"active\"\r\n          );\r\n\r\n        }\r\n\r\n      }\r\n    );\r\n\r\n\r\n\r\n    \/*\r\n     * Mobile Services \/ Work\r\n     *\/\r\n\r\n    const mobileServices =\r\n      header.querySelector(\r\n        '[data-mobile-section=\"services\"]'\r\n      );\r\n\r\n\r\n    const mobileWork =\r\n      header.querySelector(\r\n        '[data-mobile-section=\"case-studies\"]'\r\n      );\r\n\r\n\r\n    if (mobileServices) {\r\n\r\n      if (\r\n        sectionId === \"services\"\r\n      ) {\r\n\r\n        mobileServices\r\n          .querySelector(\r\n            \".sm-mobile-parent\"\r\n          )\r\n          ?.classList.add(\"active\");\r\n\r\n      }\r\n\r\n    }\r\n\r\n\r\n    if (mobileWork) {\r\n\r\n      if (\r\n        sectionId === \"case-studies\" ||\r\n        sectionId === \"why-work\"\r\n      ) {\r\n\r\n        mobileWork\r\n          .querySelector(\r\n            \".sm-mobile-parent\"\r\n          )\r\n          ?.classList.add(\"active\");\r\n\r\n      }\r\n\r\n    }\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* =====================================================\r\n     GET SECTION ELEMENTS\r\n  ====================================================== *\/\r\n\r\n  function getSectionElements() {\r\n\r\n    const ids = [\r\n\r\n      \"home\",\r\n      \"about\",\r\n      \"services\",\r\n      \"expertise\",\r\n      \"case-studies\",\r\n      \"why-work\",\r\n      \"contact\"\r\n\r\n    ];\r\n\r\n\r\n    const result = [];\r\n\r\n\r\n    ids.forEach(\r\n      function (id) {\r\n\r\n        const element =\r\n          document.getElementById(id);\r\n\r\n\r\n        if (element) {\r\n\r\n          result.push({\r\n\r\n            id:id,\r\n\r\n            element:element\r\n\r\n          });\r\n\r\n        }\r\n\r\n      }\r\n    );\r\n\r\n\r\n    return result;\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* =====================================================\r\n     FIND CURRENT SECTION\r\n  ====================================================== *\/\r\n\r\n  function detectCurrentSection() {\r\n\r\n    const sectionElements =\r\n      getSectionElements();\r\n\r\n\r\n    if (!sectionElements.length) {\r\n\r\n      return \"home\";\r\n\r\n    }\r\n\r\n\r\n    \/*\r\n     * Very top = Home\r\n     *\/\r\n\r\n    if (window.scrollY < 120) {\r\n\r\n      return \"home\";\r\n\r\n    }\r\n\r\n\r\n    \/*\r\n     * Header + visual offset.\r\n     *\r\n     * This is intentionally based on\r\n     * getBoundingClientRect instead of\r\n     * offsetTop.\r\n     *\r\n     * This works much better with Elementor\r\n     * nested containers.\r\n     *\/\r\n\r\n    const activationPoint =\r\n      header.offsetHeight + 120;\r\n\r\n\r\n    let currentSection =\r\n      \"home\";\r\n\r\n\r\n    let closestDistance =\r\n      Infinity;\r\n\r\n\r\n    sectionElements.forEach(\r\n      function (item) {\r\n\r\n        const rect =\r\n          item.element\r\n            .getBoundingClientRect();\r\n\r\n\r\n        \/*\r\n         * Section has reached activation point\r\n         *\/\r\n\r\n        if (\r\n          rect.top <= activationPoint\r\n        ) {\r\n\r\n          const distance =\r\n            Math.abs(\r\n              activationPoint - rect.top\r\n            );\r\n\r\n\r\n          if (\r\n            distance < closestDistance\r\n          ) {\r\n\r\n            closestDistance =\r\n              distance;\r\n\r\n            currentSection =\r\n              item.id;\r\n\r\n          }\r\n\r\n        }\r\n\r\n      }\r\n    );\r\n\r\n\r\n    \/*\r\n     * At very bottom of page,\r\n     * force Contact.\r\n     *\/\r\n\r\n    const pageBottom =\r\n      window.innerHeight +\r\n      window.scrollY;\r\n\r\n\r\n    const documentHeight =\r\n      document.documentElement.scrollHeight;\r\n\r\n\r\n    if (\r\n      documentHeight - pageBottom < 80\r\n    ) {\r\n\r\n      if (\r\n        document.getElementById(\r\n          \"contact\"\r\n        )\r\n      ) {\r\n\r\n        currentSection =\r\n          \"contact\";\r\n\r\n      }\r\n\r\n    }\r\n\r\n\r\n    return currentSection;\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* =====================================================\r\n     UPDATE ACTIVE NAV\r\n  ====================================================== *\/\r\n\r\n  function updateActiveNavigation() {\r\n\r\n    const current =\r\n      detectCurrentSection();\r\n\r\n\r\n    setActive(current);\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* =====================================================\r\n     SCROLL HANDLER\r\n  ====================================================== *\/\r\n\r\n  let scrollTicking =\r\n    false;\r\n\r\n\r\n  window.addEventListener(\r\n    \"scroll\",\r\n    function () {\r\n\r\n      if (scrollTicking) return;\r\n\r\n\r\n      scrollTicking = true;\r\n\r\n\r\n      window.requestAnimationFrame(\r\n        function () {\r\n\r\n          updateHeaderShadow();\r\n\r\n          updateActiveNavigation();\r\n\r\n          scrollTicking = false;\r\n\r\n        }\r\n      );\r\n\r\n    },\r\n    {\r\n      passive:true\r\n    }\r\n  );\r\n\r\n\r\n\r\n  \/* =====================================================\r\n     DESKTOP NAV CLICK\r\n  ====================================================== *\/\r\n\r\n  header\r\n    .querySelectorAll(\r\n      '.sm-nav a[href^=\"#\"], .sm-header-cta[href^=\"#\"]'\r\n    )\r\n    .forEach(\r\n      function (link) {\r\n\r\n        link.addEventListener(\r\n          \"click\",\r\n          function (e) {\r\n\r\n            const targetId =\r\n              this.getAttribute(\r\n                \"href\"\r\n              );\r\n\r\n\r\n            if (\r\n              !targetId ||\r\n              targetId === \"#\"\r\n            ) {\r\n\r\n              return;\r\n\r\n            }\r\n\r\n\r\n            const target =\r\n              document.querySelector(\r\n                targetId\r\n              );\r\n\r\n\r\n            if (!target) return;\r\n\r\n\r\n            e.preventDefault();\r\n\r\n\r\n            \/*\r\n             * Immediately change underline.\r\n             *\r\n             * This prevents Contact from\r\n             * staying active during smooth\r\n             * scrolling.\r\n             *\/\r\n\r\n            const clickedSection =\r\n              this.getAttribute(\r\n                \"data-section\"\r\n              );\r\n\r\n\r\n            if (clickedSection) {\r\n\r\n              setActive(\r\n                clickedSection\r\n              );\r\n\r\n            } else {\r\n\r\n              setActive(\r\n                targetId.substring(1)\r\n              );\r\n\r\n            }\r\n\r\n\r\n            \/*\r\n             * Home\r\n             *\/\r\n\r\n            if (\r\n              targetId === \"#home\"\r\n            ) {\r\n\r\n              window.scrollTo({\r\n\r\n                top:0,\r\n\r\n                behavior:\"smooth\"\r\n\r\n              });\r\n\r\n\r\n              return;\r\n\r\n            }\r\n\r\n\r\n            \/*\r\n             * Normal section scroll\r\n             *\/\r\n\r\n            const headerHeight =\r\n              header.offsetHeight;\r\n\r\n\r\n            const position =\r\n              target\r\n                .getBoundingClientRect()\r\n                .top\r\n              +\r\n              window.pageYOffset\r\n              -\r\n              headerHeight\r\n              -\r\n              10;\r\n\r\n\r\n            window.scrollTo({\r\n\r\n              top:position,\r\n\r\n              behavior:\"smooth\"\r\n\r\n            });\r\n\r\n          }\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n\r\n\r\n  \/* =====================================================\r\n     LOGO \u2192 HOME\r\n  ====================================================== *\/\r\n\r\n  const logo =\r\n    header.querySelector(\r\n      \".sm-logo\"\r\n    );\r\n\r\n\r\n  if (logo) {\r\n\r\n    logo.addEventListener(\r\n      \"click\",\r\n      function (e) {\r\n\r\n        e.preventDefault();\r\n\r\n\r\n        setActive(\"home\");\r\n\r\n\r\n        window.scrollTo({\r\n\r\n          top:0,\r\n\r\n          behavior:\"smooth\"\r\n\r\n        });\r\n\r\n      }\r\n    );\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* =====================================================\r\n     MOBILE MENU\r\n  ====================================================== *\/\r\n\r\n  function closeMobileMenu() {\r\n\r\n    header.classList.remove(\r\n      \"sm-mobile-open\"\r\n    );\r\n\r\n\r\n    if (menuButton) {\r\n\r\n      menuButton.setAttribute(\r\n        \"aria-expanded\",\r\n        \"false\"\r\n      );\r\n\r\n    }\r\n\r\n\r\n    header\r\n      .querySelectorAll(\r\n        \".sm-mobile-group.open\"\r\n      )\r\n      .forEach(\r\n        function (group) {\r\n\r\n          group.classList.remove(\r\n            \"open\"\r\n          );\r\n\r\n\r\n          const button =\r\n            group.querySelector(\r\n              \".sm-mobile-parent\"\r\n            );\r\n\r\n\r\n          if (button) {\r\n\r\n            button.setAttribute(\r\n              \"aria-expanded\",\r\n              \"false\"\r\n            );\r\n\r\n          }\r\n\r\n        }\r\n      );\r\n\r\n  }\r\n\r\n\r\n\r\n  if (menuButton) {\r\n\r\n    menuButton.addEventListener(\r\n      \"click\",\r\n      function () {\r\n\r\n        const isOpen =\r\n          header.classList.toggle(\r\n            \"sm-mobile-open\"\r\n          );\r\n\r\n\r\n        this.setAttribute(\r\n          \"aria-expanded\",\r\n          isOpen\r\n            ? \"true\"\r\n            : \"false\"\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* =====================================================\r\n     MOBILE DROPDOWNS\r\n  ====================================================== *\/\r\n\r\n  header\r\n    .querySelectorAll(\r\n      \".sm-mobile-parent\"\r\n    )\r\n    .forEach(\r\n      function (button) {\r\n\r\n        button.addEventListener(\r\n          \"click\",\r\n          function () {\r\n\r\n            const group =\r\n              this.closest(\r\n                \".sm-mobile-group\"\r\n              );\r\n\r\n\r\n            if (!group) return;\r\n\r\n\r\n            const isOpen =\r\n              group.classList.toggle(\r\n                \"open\"\r\n              );\r\n\r\n\r\n            this.setAttribute(\r\n              \"aria-expanded\",\r\n              isOpen\r\n                ? \"true\"\r\n                : \"false\"\r\n            );\r\n\r\n          }\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n\r\n\r\n  \/* =====================================================\r\n     MOBILE ANCHOR LINKS\r\n  ====================================================== *\/\r\n\r\n  header\r\n    .querySelectorAll(\r\n      '.sm-mobile-menu a[href^=\"#\"]'\r\n    )\r\n    .forEach(\r\n      function (link) {\r\n\r\n        link.addEventListener(\r\n          \"click\",\r\n          function (e) {\r\n\r\n            const targetId =\r\n              this.getAttribute(\r\n                \"href\"\r\n              );\r\n\r\n\r\n            if (\r\n              !targetId ||\r\n              targetId === \"#\"\r\n            ) {\r\n\r\n              return;\r\n\r\n            }\r\n\r\n\r\n            const target =\r\n              document.querySelector(\r\n                targetId\r\n              );\r\n\r\n\r\n            if (!target) return;\r\n\r\n\r\n            e.preventDefault();\r\n\r\n\r\n            \/*\r\n             * Immediately update active\r\n             *\/\r\n\r\n            const section =\r\n              this.getAttribute(\r\n                \"data-section\"\r\n              );\r\n\r\n\r\n            if (section) {\r\n\r\n              setActive(section);\r\n\r\n            } else {\r\n\r\n              setActive(\r\n                targetId.substring(1)\r\n              );\r\n\r\n            }\r\n\r\n\r\n            \/*\r\n             * Scroll\r\n             *\/\r\n\r\n            if (\r\n              targetId === \"#home\"\r\n            ) {\r\n\r\n              window.scrollTo({\r\n\r\n                top:0,\r\n\r\n                behavior:\"smooth\"\r\n\r\n              });\r\n\r\n            } else {\r\n\r\n              const headerHeight =\r\n                header.offsetHeight;\r\n\r\n\r\n              const position =\r\n                target\r\n                  .getBoundingClientRect()\r\n                  .top\r\n                +\r\n                window.pageYOffset\r\n                -\r\n                headerHeight\r\n                -\r\n                10;\r\n\r\n\r\n              window.scrollTo({\r\n\r\n                top:position,\r\n\r\n                behavior:\"smooth\"\r\n\r\n              });\r\n\r\n            }\r\n\r\n\r\n            closeMobileMenu();\r\n\r\n          }\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n\r\n\r\n  \/* =====================================================\r\n     MOBILE CTA\r\n  ====================================================== *\/\r\n\r\n  const mobileCta =\r\n    header.querySelector(\r\n      \".sm-mobile-cta\"\r\n    );\r\n\r\n\r\n  if (mobileCta) {\r\n\r\n    mobileCta.addEventListener(\r\n      \"click\",\r\n      function (e) {\r\n\r\n        const target =\r\n          document.getElementById(\r\n            \"contact\"\r\n          );\r\n\r\n\r\n        if (!target) return;\r\n\r\n\r\n        e.preventDefault();\r\n\r\n\r\n        setActive(\"contact\");\r\n\r\n\r\n        const headerHeight =\r\n          header.offsetHeight;\r\n\r\n\r\n        const position =\r\n          target\r\n            .getBoundingClientRect()\r\n            .top\r\n          +\r\n          window.pageYOffset\r\n          -\r\n          headerHeight\r\n          -\r\n          10;\r\n\r\n\r\n        window.scrollTo({\r\n\r\n          top:position,\r\n\r\n          behavior:\"smooth\"\r\n\r\n        });\r\n\r\n\r\n        closeMobileMenu();\r\n\r\n      }\r\n    );\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* =====================================================\r\n     CLOSE MENU ON RESIZE\r\n  ====================================================== *\/\r\n\r\n  window.addEventListener(\r\n    \"resize\",\r\n    function () {\r\n\r\n      if (\r\n        window.innerWidth > 760\r\n      ) {\r\n\r\n        closeMobileMenu();\r\n\r\n      }\r\n\r\n\r\n      updateActiveNavigation();\r\n\r\n    }\r\n  );\r\n\r\n\r\n\r\n  \/* =====================================================\r\n     INITIAL ACTIVE STATE\r\n  ====================================================== *\/\r\n\r\n  \/*\r\n   * No hard-coded \"Contact\".\r\n   *\r\n   * Detect the actual current section\r\n   * when the page loads.\r\n   *\/\r\n\r\n  setTimeout(\r\n    function () {\r\n\r\n      updateActiveNavigation();\r\n\r\n    },\r\n    100\r\n  );\r\n\r\n\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4db1fb10 e-flex e-con-boxed e-con e-parent\" data-id=\"4db1fb10\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1ca81fb6 elementor-widget elementor-widget-html\" data-id=\"1ca81fb6\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"home\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     SHAKHAWAT MARKETER\r\n     HERO SECTION \u2014 FINAL VERSION\r\n========================================================= -->\r\n\r\n<div id=\"sm-hero\">\r\n\r\n  <!-- Decorative background glow -->\r\n  <div class=\"sm-hero-glow sm-glow-blue\"><\/div>\r\n  <div class=\"sm-hero-glow sm-glow-orange\"><\/div>\r\n\r\n  <div class=\"sm-hero-inner\">\r\n\r\n    <!-- =====================================================\r\n         LEFT CONTENT\r\n    ====================================================== -->\r\n\r\n    <div class=\"sm-hero-content\">\r\n\r\n      <!-- EYEBROW -->\r\n      <div class=\"sm-hero-eyebrow\">\r\n        <span class=\"sm-eyebrow-dot\"><\/span>\r\n        DIGITAL GROWTH &amp; CREATIVE SOLUTIONS\r\n      <\/div>\r\n\r\n      <!-- MAIN HEADING -->\r\n      <h1 class=\"sm-hero-title\">\r\n        I Build, Market &amp;\r\n        <span>Grow Digital Brands.<\/span>\r\n      <\/h1>\r\n\r\n      <!-- DESCRIPTION -->\r\n      <p class=\"sm-hero-description\">\r\n        Helping businesses grow through\r\n        <strong>performance marketing<\/strong>,\r\n        engaging <strong>creative content<\/strong>,\r\n        and <strong>conversion-focused web solutions<\/strong>.\r\n      <\/p>\r\n\r\n      <!-- SERVICE TAGS -->\r\n      <div class=\"sm-service-tags\">\r\n\r\n        <div class=\"sm-service-tag\">\r\n          <small>01<\/small>\r\n          <span>Digital Marketing<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"sm-service-tag\">\r\n          <small>02<\/small>\r\n          <span>Motion Graphics<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"sm-service-tag\">\r\n          <small>03<\/small>\r\n          <span>Web Development<\/span>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <!-- CTA BUTTONS -->\r\n      <div class=\"sm-hero-buttons\">\r\n\r\n        <a\r\n          href=\"#services\"\r\n          class=\"sm-hero-btn sm-btn-primary\"\r\n        >\r\n          <span>Explore My Services<\/span>\r\n          <b>\u2197<\/b>\r\n        <\/a>\r\n\r\n        <a\r\n          href=\"#contact\"\r\n          class=\"sm-hero-btn sm-btn-secondary\"\r\n        >\r\n          <span>Let's Work Together<\/span>\r\n          <b>\u2197<\/b>\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n      <!-- MINI TRUST STATS -->\r\n      <div class=\"sm-hero-trust\">\r\n\r\n        <div class=\"sm-trust-item\">\r\n          <strong>2.5+<\/strong>\r\n          <span>Years Experience<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"sm-trust-divider\"><\/div>\r\n\r\n        <div class=\"sm-trust-item\">\r\n          <strong>30+<\/strong>\r\n          <span>Clients<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"sm-trust-divider\"><\/div>\r\n\r\n        <div class=\"sm-trust-item\">\r\n          <strong>60+<\/strong>\r\n          <span>Projects<\/span>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         RIGHT PHOTO\r\n    ====================================================== -->\r\n\r\n    <div class=\"sm-hero-visual\">\r\n\r\n      <!-- Soft photo glow -->\r\n      <div class=\"sm-photo-glow\"><\/div>\r\n\r\n      <!-- Original circular ring -->\r\n      <div class=\"sm-photo-ring\"><\/div>\r\n\r\n      <!-- PHOTO -->\r\n      <div class=\"sm-photo-wrap\">\r\n\r\n        <img fetchpriority=\"high\" decoding=\"async\"\r\n          src=\"https:\/\/shakhawatmarketer.com\/wp-content\/uploads\/2026\/08\/hero-image.png\"\r\n          alt=\"Shakhawat Hossain - Digital Growth Specialist\"\r\n          width=\"650\"\r\n          height=\"650\"\r\n          fetchpriority=\"high\"\r\n        >\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- =================================================\r\n           FLOATING CARD \u2014 DIGITAL GROWTH\r\n      ================================================== -->\r\n\r\n      <div class=\"sm-floating-card sm-card-growth\">\r\n\r\n        <span class=\"sm-card-icon sm-icon-orange\">\r\n          \u2197\r\n        <\/span>\r\n\r\n        <div>\r\n          <strong>Digital Growth<\/strong>\r\n          <small>Strategy First<\/small>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- =================================================\r\n           FLOATING CARD \u2014 CORE SOLUTIONS\r\n      ================================================== -->\r\n\r\n      <div class=\"sm-floating-card sm-card-solutions\">\r\n\r\n        <span class=\"sm-card-icon sm-icon-blue\">\r\n          +\r\n        <\/span>\r\n\r\n        <div>\r\n          <strong>3 Core Solutions<\/strong>\r\n          <small>Marketing \u2022 Creative \u2022 Web<\/small>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- Decorative dots -->\r\n      <span class=\"sm-deco-dot sm-deco-orange\"><\/span>\r\n      <span class=\"sm-deco-dot sm-deco-blue\"><\/span>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   SHAKHAWAT MARKETER\r\n   HERO SECTION\r\n========================================================= *\/\r\n\r\n#sm-hero {\r\n\r\n  --navy:#0B1220;\r\n  --blue:#2563EB;\r\n  --blue-soft:#60A5FA;\r\n  --orange:#F97316;\r\n  --orange-dark:#EA580C;\r\n  --light:#F8FAFC;\r\n  --muted:#64748B;\r\n\r\n  position:relative;\r\n\r\n  width:100vw !important;\r\n  max-width:100vw !important;\r\n\r\n  margin-left:\r\n    calc(50% - 50vw) !important;\r\n\r\n  margin-right:\r\n    calc(50% - 50vw) !important;\r\n\r\n  min-height:\r\n    calc(100vh - 58px);\r\n\r\n  overflow:hidden;\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n      circle at 78% 25%,\r\n      rgba(37,99,235,.10),\r\n      transparent 30%\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle at 10% 85%,\r\n      rgba(249,115,22,.07),\r\n      transparent 27%\r\n    ),\r\n\r\n    #F8FAFC;\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  color:\r\n    var(--navy);\r\n\r\n  box-sizing:border-box;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESET\r\n========================================================= *\/\r\n\r\n#sm-hero *,\r\n#sm-hero *::before,\r\n#sm-hero *::after {\r\n  box-sizing:border-box;\r\n}\r\n\r\n#sm-hero h1,\r\n#sm-hero p {\r\n  margin:0;\r\n  padding:0;\r\n}\r\n\r\n#sm-hero a {\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DECORATIVE GLOWS\r\n========================================================= *\/\r\n\r\n#sm-hero .sm-hero-glow {\r\n  position:absolute;\r\n  border-radius:50%;\r\n  filter:blur(1px);\r\n  pointer-events:none;\r\n}\r\n\r\n\r\n\/* BLUE *\/\r\n\r\n#sm-hero .sm-glow-blue {\r\n\r\n  width:320px;\r\n  height:320px;\r\n\r\n  right:-150px;\r\n  top:80px;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle,\r\n      rgba(37,99,235,.09),\r\n      transparent 70%\r\n    );\r\n\r\n}\r\n\r\n\r\n\/* ORANGE *\/\r\n\r\n#sm-hero .sm-glow-orange {\r\n\r\n  width:260px;\r\n  height:260px;\r\n\r\n  left:-130px;\r\n  bottom:-100px;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle,\r\n      rgba(249,115,22,.08),\r\n      transparent 70%\r\n    );\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HERO INNER\r\n========================================================= *\/\r\n\r\n#sm-hero .sm-hero-inner {\r\n\r\n  position:relative;\r\n  z-index:2;\r\n\r\n  width:\r\n    min(\r\n      1180px,\r\n      calc(100% - 50px)\r\n    );\r\n\r\n  min-height:\r\n    calc(100vh - 58px);\r\n\r\n  margin:0 auto;\r\n\r\n  padding:\r\n    45px 0 35px;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    minmax(0,1.02fr)\r\n    minmax(420px,.98fr);\r\n\r\n  align-items:center;\r\n\r\n  gap:45px;\r\n\r\n  box-sizing:border-box;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEFT CONTENT\r\n========================================================= *\/\r\n\r\n#sm-hero .sm-hero-content {\r\n  position:relative;\r\n  z-index:3;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   EYEBROW\r\n========================================================= *\/\r\n\r\n#sm-hero .sm-hero-eyebrow {\r\n\r\n  display:inline-flex;\r\n  align-items:center;\r\n\r\n  gap:9px;\r\n\r\n  margin-bottom:18px;\r\n\r\n  color:\r\n    var(--blue);\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size:13px;\r\n\r\n  font-weight:800;\r\n\r\n  letter-spacing:.08em;\r\n\r\n  line-height:1;\r\n\r\n}\r\n\r\n\r\n#sm-hero .sm-eyebrow-dot {\r\n\r\n  width:8px;\r\n  height:8px;\r\n\r\n  flex-shrink:0;\r\n\r\n  border-radius:50%;\r\n\r\n  background:\r\n    var(--orange);\r\n\r\n  box-shadow:\r\n    0 0 0 5px\r\n    rgba(249,115,22,.10);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN HEADING\r\n========================================================= *\/\r\n\r\n#sm-hero .sm-hero-title {\r\n\r\n  max-width:650px;\r\n\r\n  margin:0;\r\n\r\n  color:\r\n    var(--navy);\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size:\r\n    clamp(\r\n      48px,\r\n      5.15vw,\r\n      68px\r\n    );\r\n\r\n  font-weight:800;\r\n\r\n  letter-spacing:-.045em;\r\n\r\n  line-height:1.045;\r\n\r\n}\r\n\r\n\r\n#sm-hero .sm-hero-title span {\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--orange);\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-weight:800;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESCRIPTION\r\n========================================================= *\/\r\n\r\n#sm-hero .sm-hero-description {\r\n\r\n  max-width:610px;\r\n\r\n  margin:\r\n    24px 0 0;\r\n\r\n  color:\r\n    var(--muted);\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size:16px;\r\n\r\n  font-weight:400;\r\n\r\n  line-height:1.65;\r\n\r\n}\r\n\r\n\r\n#sm-hero .sm-hero-description strong {\r\n\r\n  color:#334155;\r\n\r\n  font-weight:700;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SERVICE TAGS\r\n========================================================= *\/\r\n\r\n#sm-hero .sm-service-tags {\r\n\r\n  display:flex;\r\n  align-items:center;\r\n\r\n  flex-wrap:wrap;\r\n\r\n  gap:8px;\r\n\r\n  margin-top:20px;\r\n\r\n}\r\n\r\n\r\n#sm-hero .sm-service-tag {\r\n\r\n  display:flex;\r\n  align-items:center;\r\n\r\n  gap:7px;\r\n\r\n  min-height:29px;\r\n\r\n  padding:\r\n    0 10px;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(11,18,32,.07);\r\n\r\n  border-radius:6px;\r\n\r\n  background:\r\n    rgba(255,255,255,.85);\r\n\r\n  color:#475569;\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size:10px;\r\n\r\n  font-weight:600;\r\n\r\n  box-shadow:\r\n    0 3px 12px\r\n    rgba(15,23,42,.025);\r\n\r\n}\r\n\r\n\r\n#sm-hero .sm-service-tag small {\r\n\r\n  color:\r\n    var(--orange);\r\n\r\n  font-size:8px;\r\n\r\n  font-weight:800;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BUTTONS\r\n========================================================= *\/\r\n\r\n#sm-hero .sm-hero-buttons {\r\n\r\n  display:flex;\r\n  align-items:center;\r\n\r\n  gap:14px;\r\n\r\n  margin-top:29px;\r\n\r\n  flex-wrap:wrap;\r\n\r\n}\r\n\r\n\r\n#sm-hero .sm-hero-btn {\r\n\r\n  display:inline-flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:center;\r\n\r\n  gap:9px;\r\n\r\n  min-height:48px;\r\n\r\n  padding:\r\n    0 21px;\r\n\r\n  border-radius:8px;\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size:13px;\r\n\r\n  font-weight:700;\r\n\r\n  line-height:1;\r\n\r\n  text-decoration:none;\r\n\r\n  transition:\r\n    transform .25s ease,\r\n    box-shadow .25s ease,\r\n    background .25s ease,\r\n    color .25s ease,\r\n    border-color .25s ease;\r\n\r\n}\r\n\r\n\r\n\/* PRIMARY *\/\r\n\r\n#sm-hero .sm-btn-primary {\r\n\r\n  color:#FFFFFF !important;\r\n\r\n  background:\r\n    var(--orange);\r\n\r\n  box-shadow:\r\n    0 8px 20px\r\n    rgba(249,115,22,.15);\r\n\r\n}\r\n\r\n\r\n#sm-hero .sm-btn-primary:hover {\r\n\r\n  color:#FFFFFF !important;\r\n\r\n  background:\r\n    var(--orange-dark);\r\n\r\n  transform:\r\n    translateY(-3px);\r\n\r\n  box-shadow:\r\n    0 13px 27px\r\n    rgba(249,115,22,.23);\r\n\r\n}\r\n\r\n\r\n\/* SECONDARY *\/\r\n\r\n#sm-hero .sm-btn-secondary {\r\n\r\n  color:\r\n    var(--navy) !important;\r\n\r\n  background:#FFFFFF;\r\n\r\n  border:\r\n    1px solid #D8E0EA;\r\n\r\n}\r\n\r\n\r\n#sm-hero .sm-btn-secondary:hover {\r\n\r\n  color:\r\n    var(--blue) !important;\r\n\r\n  border-color:\r\n    var(--blue);\r\n\r\n  transform:\r\n    translateY(-3px);\r\n\r\n  box-shadow:\r\n    0 10px 25px\r\n    rgba(11,18,32,.07);\r\n\r\n}\r\n\r\n\r\n#sm-hero .sm-hero-btn b {\r\n\r\n  font-size:17px;\r\n  font-weight:500;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TRUST STATS\r\n========================================================= *\/\r\n\r\n#sm-hero .sm-hero-trust {\r\n\r\n  display:flex;\r\n  align-items:center;\r\n\r\n  gap:18px;\r\n\r\n  margin-top:34px;\r\n\r\n}\r\n\r\n\r\n#sm-hero .sm-trust-item {\r\n\r\n  display:flex;\r\n\r\n  flex-direction:column;\r\n\r\n  gap:4px;\r\n\r\n}\r\n\r\n\r\n#sm-hero .sm-trust-item strong {\r\n\r\n  color:\r\n    var(--navy);\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size:18px;\r\n\r\n  font-weight:800;\r\n\r\n  line-height:1;\r\n\r\n}\r\n\r\n\r\n#sm-hero .sm-trust-item span {\r\n\r\n  color:\r\n    var(--muted);\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size:10px;\r\n\r\n  font-weight:500;\r\n\r\n  line-height:1.2;\r\n\r\n  white-space:nowrap;\r\n\r\n}\r\n\r\n\r\n#sm-hero .sm-trust-divider {\r\n\r\n  width:1px;\r\n  height:31px;\r\n\r\n  background:#DCE3EB;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HERO VISUAL\r\n========================================================= *\/\r\n\r\n#sm-hero .sm-hero-visual {\r\n\r\n  position:relative;\r\n\r\n  min-height:520px;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:center;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PHOTO GLOW\r\n========================================================= *\/\r\n\r\n#sm-hero .sm-photo-glow {\r\n\r\n  position:absolute;\r\n\r\n  width:440px;\r\n  height:440px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle,\r\n      rgba(37,99,235,.17),\r\n      rgba(37,99,235,.04) 48%,\r\n      transparent 72%\r\n    );\r\n\r\n  filter:blur(5px);\r\n\r\n  animation:\r\n    sm-glow-pulse\r\n    5s\r\n    ease-in-out\r\n    infinite;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PHOTO RING\r\n========================================================= *\/\r\n\r\n#sm-hero .sm-photo-ring {\r\n\r\n  position:absolute;\r\n\r\n  width:395px;\r\n  height:395px;\r\n\r\n  border-radius:50%;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(37,99,235,.14);\r\n\r\n  box-shadow:\r\n    0 0 0 18px\r\n    rgba(37,99,235,.025);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PHOTO WRAP\r\n========================================================= *\/\r\n\r\n#sm-hero .sm-photo-wrap {\r\n\r\n  position:relative;\r\n\r\n  z-index:2;\r\n\r\n  width:430px;\r\n  height:430px;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:center;\r\n\r\n  border-radius:50%;\r\n\r\n  overflow:hidden;\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      rgba(37,99,235,.08),\r\n      rgba(255,255,255,.5)\r\n    );\r\n\r\n  box-shadow:\r\n    0 25px 60px\r\n    rgba(11,18,32,.13);\r\n\r\n  animation:\r\n    sm-photo-float\r\n    5s\r\n    ease-in-out\r\n    infinite;\r\n\r\n}\r\n\r\n\r\n\/* IMAGE *\/\r\n\r\n#sm-hero .sm-photo-wrap img {\r\n\r\n  display:block;\r\n\r\n  width:100%;\r\n  height:100%;\r\n\r\n  object-fit:cover;\r\n\r\n  object-position:center center;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FLOATING CARD BASE\r\n========================================================= *\/\r\n\r\n#sm-hero .sm-floating-card {\r\n\r\n  position:absolute;\r\n\r\n  z-index:5;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n\r\n  gap:10px;\r\n\r\n  padding:\r\n    11px 14px;\r\n\r\n  background:\r\n    rgba(255,255,255,.96);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(11,18,32,.07);\r\n\r\n  border-radius:11px;\r\n\r\n  box-shadow:\r\n    0 14px 35px\r\n    rgba(11,18,32,.11);\r\n\r\n  backdrop-filter:\r\n    blur(8px);\r\n\r\n  -webkit-backdrop-filter:\r\n    blur(8px);\r\n\r\n}\r\n\r\n\r\n#sm-hero .sm-floating-card strong {\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--navy);\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size:11px;\r\n\r\n  font-weight:800;\r\n\r\n  line-height:1;\r\n\r\n}\r\n\r\n\r\n#sm-hero .sm-floating-card small {\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:\r\n    var(--muted);\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size:8px;\r\n\r\n  font-weight:600;\r\n\r\n  line-height:1;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FLOATING ICON\r\n========================================================= *\/\r\n\r\n#sm-hero .sm-card-icon {\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  width:32px;\r\n  height:32px;\r\n\r\n  flex-shrink:0;\r\n\r\n  border-radius:8px;\r\n\r\n  color:#FFFFFF;\r\n\r\n  font-size:15px;\r\n\r\n  font-weight:700;\r\n\r\n}\r\n\r\n\r\n#sm-hero .sm-icon-orange {\r\n  background:\r\n    var(--orange);\r\n}\r\n\r\n\r\n#sm-hero .sm-icon-blue {\r\n  background:\r\n    var(--blue);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DIGITAL GROWTH CARD\r\n========================================================= *\/\r\n\r\n#sm-hero .sm-card-growth {\r\n\r\n  top:95px;\r\n\r\n  left:5px;\r\n\r\n  animation:\r\n    sm-card-float\r\n    4.5s\r\n    ease-in-out\r\n    infinite;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CORE SOLUTIONS CARD\r\n========================================================= *\/\r\n\r\n#sm-hero .sm-card-solutions {\r\n\r\n  bottom:85px;\r\n\r\n  right:5px;\r\n\r\n  animation:\r\n    sm-card-float\r\n    5s\r\n    ease-in-out\r\n    infinite\r\n    reverse;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DECORATIVE DOTS\r\n========================================================= *\/\r\n\r\n#sm-hero .sm-deco-dot {\r\n\r\n  position:absolute;\r\n\r\n  border-radius:50%;\r\n\r\n  z-index:4;\r\n\r\n}\r\n\r\n\r\n#sm-hero .sm-deco-orange {\r\n\r\n  width:10px;\r\n  height:10px;\r\n\r\n  top:105px;\r\n  right:15px;\r\n\r\n  background:\r\n    var(--orange);\r\n\r\n  box-shadow:\r\n    0 0 0 7px\r\n    rgba(249,115,22,.08);\r\n\r\n  animation:\r\n    sm-dot-float\r\n    3s\r\n    ease-in-out\r\n    infinite;\r\n\r\n}\r\n\r\n\r\n#sm-hero .sm-deco-blue {\r\n\r\n  width:7px;\r\n  height:7px;\r\n\r\n  bottom:75px;\r\n  left:15px;\r\n\r\n  background:\r\n    var(--blue);\r\n\r\n  box-shadow:\r\n    0 0 0 6px\r\n    rgba(37,99,235,.07);\r\n\r\n  animation:\r\n    sm-dot-float\r\n    3.5s\r\n    ease-in-out\r\n    infinite\r\n    reverse;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ANIMATIONS\r\n========================================================= *\/\r\n\r\n@keyframes sm-photo-float {\r\n\r\n  0%,\r\n  100% {\r\n    transform:\r\n      translateY(0);\r\n  }\r\n\r\n  50% {\r\n    transform:\r\n      translateY(-9px);\r\n  }\r\n\r\n}\r\n\r\n\r\n@keyframes sm-card-float {\r\n\r\n  0%,\r\n  100% {\r\n    transform:\r\n      translateY(0);\r\n  }\r\n\r\n  50% {\r\n    transform:\r\n      translateY(-7px);\r\n  }\r\n\r\n}\r\n\r\n\r\n@keyframes sm-glow-pulse {\r\n\r\n  0%,\r\n  100% {\r\n    transform:scale(1);\r\n    opacity:.8;\r\n  }\r\n\r\n  50% {\r\n    transform:scale(1.06);\r\n    opacity:1;\r\n  }\r\n\r\n}\r\n\r\n\r\n@keyframes sm-dot-float {\r\n\r\n  0%,\r\n  100% {\r\n    transform:\r\n      translateY(0);\r\n  }\r\n\r\n  50% {\r\n    transform:\r\n      translateY(-7px);\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width:1050px) {\r\n\r\n  #sm-hero .sm-hero-inner {\r\n\r\n    width:\r\n      calc(100% - 40px);\r\n\r\n    grid-template-columns:\r\n      minmax(0,1fr)\r\n      minmax(350px,.85fr);\r\n\r\n    gap:25px;\r\n\r\n  }\r\n\r\n\r\n  #sm-hero .sm-hero-title {\r\n\r\n    font-size:\r\n      clamp(\r\n        44px,\r\n        5.5vw,\r\n        60px\r\n      );\r\n\r\n  }\r\n\r\n\r\n  #sm-hero .sm-photo-wrap {\r\n\r\n    width:370px;\r\n    height:370px;\r\n\r\n  }\r\n\r\n\r\n  #sm-hero .sm-photo-ring {\r\n\r\n    width:345px;\r\n    height:345px;\r\n\r\n  }\r\n\r\n\r\n  #sm-hero .sm-photo-glow {\r\n\r\n    width:390px;\r\n    height:390px;\r\n\r\n  }\r\n\r\n\r\n  #sm-hero .sm-card-growth {\r\n    left:-5px;\r\n  }\r\n\r\n\r\n  #sm-hero .sm-card-solutions {\r\n    right:-5px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width:760px) {\r\n\r\n  #sm-hero {\r\n\r\n    width:100vw !important;\r\n\r\n    margin-left:\r\n      calc(50% - 50vw) !important;\r\n\r\n  }\r\n\r\n\r\n  #sm-hero .sm-hero-inner {\r\n\r\n    width:\r\n      calc(100% - 32px);\r\n\r\n    min-height:auto;\r\n\r\n    padding:\r\n      48px 0 55px;\r\n\r\n    display:flex;\r\n\r\n    flex-direction:column;\r\n\r\n    align-items:stretch;\r\n\r\n    gap:35px;\r\n\r\n  }\r\n\r\n\r\n  #sm-hero .sm-hero-content {\r\n    text-align:center;\r\n  }\r\n\r\n\r\n  #sm-hero .sm-hero-eyebrow {\r\n\r\n    justify-content:center;\r\n\r\n    font-size:11px;\r\n\r\n    margin-bottom:15px;\r\n\r\n  }\r\n\r\n\r\n  #sm-hero .sm-hero-title {\r\n\r\n    max-width:100%;\r\n\r\n    font-size:\r\n      clamp(\r\n        38px,\r\n        10vw,\r\n        52px\r\n      );\r\n\r\n    line-height:1.07;\r\n\r\n    letter-spacing:-.035em;\r\n\r\n  }\r\n\r\n\r\n  #sm-hero .sm-hero-description {\r\n\r\n    max-width:520px;\r\n\r\n    margin:\r\n      20px auto 0;\r\n\r\n    font-size:15px;\r\n\r\n    line-height:1.6;\r\n\r\n  }\r\n\r\n\r\n  #sm-hero .sm-service-tags {\r\n    justify-content:center;\r\n  }\r\n\r\n\r\n  #sm-hero .sm-hero-buttons {\r\n\r\n    justify-content:center;\r\n\r\n    margin-top:25px;\r\n\r\n  }\r\n\r\n\r\n  #sm-hero .sm-hero-btn {\r\n\r\n    min-height:46px;\r\n\r\n    padding:\r\n      0 17px;\r\n\r\n    font-size:12px;\r\n\r\n  }\r\n\r\n\r\n  #sm-hero .sm-hero-trust {\r\n\r\n    justify-content:center;\r\n\r\n    gap:12px;\r\n\r\n    margin-top:28px;\r\n\r\n  }\r\n\r\n\r\n  #sm-hero .sm-trust-item strong {\r\n    font-size:15px;\r\n  }\r\n\r\n\r\n  #sm-hero .sm-trust-item span {\r\n    font-size:8px;\r\n  }\r\n\r\n\r\n  #sm-hero .sm-trust-divider {\r\n    height:27px;\r\n  }\r\n\r\n\r\n  \/* MOBILE VISUAL *\/\r\n\r\n  #sm-hero .sm-hero-visual {\r\n\r\n    min-height:400px;\r\n\r\n    width:100%;\r\n\r\n  }\r\n\r\n\r\n  #sm-hero .sm-photo-wrap {\r\n\r\n    width:330px;\r\n    height:330px;\r\n\r\n  }\r\n\r\n\r\n  #sm-hero .sm-photo-ring {\r\n\r\n    width:305px;\r\n    height:305px;\r\n\r\n  }\r\n\r\n\r\n  #sm-hero .sm-photo-glow {\r\n\r\n    width:350px;\r\n    height:350px;\r\n\r\n  }\r\n\r\n\r\n  \/* Smaller floating cards on mobile *\/\r\n\r\n  #sm-hero .sm-floating-card {\r\n\r\n    padding:8px 10px;\r\n\r\n    gap:7px;\r\n\r\n    border-radius:9px;\r\n\r\n  }\r\n\r\n\r\n  #sm-hero .sm-floating-card strong {\r\n    font-size:10px;\r\n  }\r\n\r\n\r\n  #sm-hero .sm-floating-card small {\r\n\r\n    margin-top:3px;\r\n\r\n    font-size:7px;\r\n\r\n  }\r\n\r\n\r\n  #sm-hero .sm-card-icon {\r\n\r\n    width:25px;\r\n    height:25px;\r\n\r\n    border-radius:7px;\r\n\r\n    font-size:12px;\r\n\r\n  }\r\n\r\n\r\n  #sm-hero .sm-card-growth {\r\n\r\n    top:-5px;\r\n\r\n    left:\r\n      calc(50% - 165px);\r\n\r\n  }\r\n\r\n\r\n  #sm-hero .sm-card-solutions {\r\n\r\n    bottom:12px;\r\n\r\n    right:\r\n      calc(50% - 165px);\r\n\r\n  }\r\n\r\n\r\n  #sm-hero .sm-deco-orange {\r\n\r\n    top:25px;\r\n    right:20px;\r\n\r\n  }\r\n\r\n\r\n  #sm-hero .sm-deco-blue {\r\n\r\n    bottom:20px;\r\n    left:20px;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width:430px) {\r\n\r\n  #sm-hero .sm-hero-inner {\r\n\r\n    width:\r\n      calc(100% - 24px);\r\n\r\n    padding-top:40px;\r\n\r\n  }\r\n\r\n\r\n  #sm-hero .sm-hero-title {\r\n\r\n    font-size:\r\n      clamp(\r\n        34px,\r\n        10.5vw,\r\n        44px\r\n      );\r\n\r\n  }\r\n\r\n\r\n  #sm-hero .sm-hero-description {\r\n    font-size:14px;\r\n  }\r\n\r\n\r\n  #sm-hero .sm-hero-buttons {\r\n\r\n    flex-direction:column;\r\n\r\n    width:100%;\r\n\r\n  }\r\n\r\n\r\n  #sm-hero .sm-hero-btn {\r\n    width:100%;\r\n  }\r\n\r\n\r\n  #sm-hero .sm-hero-trust {\r\n    gap:8px;\r\n  }\r\n\r\n\r\n  #sm-hero .sm-trust-item span {\r\n\r\n    white-space:normal;\r\n\r\n    max-width:70px;\r\n\r\n  }\r\n\r\n\r\n  #sm-hero .sm-hero-visual {\r\n    min-height:350px;\r\n  }\r\n\r\n\r\n  #sm-hero .sm-photo-wrap {\r\n\r\n    width:285px;\r\n    height:285px;\r\n\r\n  }\r\n\r\n\r\n  #sm-hero .sm-photo-ring {\r\n\r\n    width:265px;\r\n    height:265px;\r\n\r\n  }\r\n\r\n\r\n  #sm-hero .sm-photo-glow {\r\n\r\n    width:305px;\r\n    height:305px;\r\n\r\n  }\r\n\r\n\r\n  #sm-hero .sm-floating-card {\r\n\r\n    padding:7px 9px;\r\n\r\n    gap:6px;\r\n\r\n    border-radius:8px;\r\n\r\n  }\r\n\r\n\r\n  #sm-hero .sm-floating-card strong {\r\n    font-size:9px;\r\n  }\r\n\r\n\r\n  #sm-hero .sm-floating-card small {\r\n\r\n    margin-top:3px;\r\n\r\n    font-size:6.5px;\r\n\r\n  }\r\n\r\n\r\n  #sm-hero .sm-card-icon {\r\n\r\n    width:23px;\r\n    height:23px;\r\n\r\n    border-radius:6px;\r\n\r\n    font-size:11px;\r\n\r\n  }\r\n\r\n\r\n  #sm-hero .sm-card-growth {\r\n\r\n    top:-8px;\r\n\r\n    left:\r\n      calc(50% - 140px);\r\n\r\n  }\r\n\r\n\r\n  #sm-hero .sm-card-solutions {\r\n\r\n    bottom:8px;\r\n\r\n    right:\r\n      calc(50% - 140px);\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media (prefers-reduced-motion:reduce) {\r\n\r\n  #sm-hero *,\r\n  #sm-hero *::before,\r\n  #sm-hero *::after {\r\n\r\n    animation:none !important;\r\n\r\n    transition:none !important;\r\n\r\n  }\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-356c78fe e-con-full e-flex e-con e-parent\" data-id=\"356c78fe\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2ffae7d4 elementor-widget elementor-widget-html\" data-id=\"2ffae7d4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     SHAKHAWAT MARKETER\r\n     STATS \/ RESULTS SECTION\r\n========================================================= -->\r\n\r\n<section id=\"sm-stats\" aria-label=\"Professional Results and Experience\">\r\n\r\n  <div class=\"sm-stats-inner\">\r\n\r\n\r\n    <!-- =====================================================\r\n         SECTION INTRO\r\n    ====================================================== -->\r\n\r\n    <div class=\"sm-stats-heading\">\r\n\r\n      <span class=\"sm-stats-eyebrow\">\r\n\r\n        RESULTS THAT MATTER\r\n\r\n      <\/span>\r\n\r\n\r\n      <h2>\r\n\r\n        Experience Backed By\r\n\r\n        <span>Real Work.<\/span>\r\n\r\n      <\/h2>\r\n\r\n\r\n      <p>\r\n\r\n        A growing portfolio of digital marketing campaigns,\r\n        creative projects, and conversion-focused web solutions\r\n        built for real business goals.\r\n\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         STATS GRID\r\n    ====================================================== -->\r\n\r\n    <div class=\"sm-stats-grid\">\r\n\r\n\r\n      <!-- =================================================\r\n           2.5+ YEARS\r\n      ================================================== -->\r\n\r\n      <div class=\"sm-stat-card\">\r\n\r\n        <div class=\"sm-stat-icon\">\r\n\r\n          <span>+<\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"sm-stat-number\">\r\n\r\n          <span\r\n            class=\"sm-counter\"\r\n            data-target=\"2.5\"\r\n            data-decimal=\"1\"\r\n          >0<\/span>\r\n\r\n          <span>+<\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"sm-stat-label\">\r\n\r\n          Years Experience\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- =================================================\r\n           30+ CLIENTS\r\n      ================================================== -->\r\n\r\n      <div class=\"sm-stat-card\">\r\n\r\n        <div class=\"sm-stat-icon\">\r\n\r\n          <span>+<\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"sm-stat-number\">\r\n\r\n          <span\r\n            class=\"sm-counter\"\r\n            data-target=\"30\"\r\n            data-decimal=\"0\"\r\n          >0<\/span>\r\n\r\n          <span>+<\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"sm-stat-label\">\r\n\r\n          Total Clients\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- =================================================\r\n           60+ PROJECTS\r\n      ================================================== -->\r\n\r\n      <div class=\"sm-stat-card\">\r\n\r\n        <div class=\"sm-stat-icon\">\r\n\r\n          <span>+<\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"sm-stat-number\">\r\n\r\n          <span\r\n            class=\"sm-counter\"\r\n            data-target=\"60\"\r\n            data-decimal=\"0\"\r\n          >0<\/span>\r\n\r\n          <span>+<\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"sm-stat-label\">\r\n\r\n          Projects Completed\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- =================================================\r\n           3 CORE SOLUTIONS\r\n      ================================================== -->\r\n\r\n      <div class=\"sm-stat-card\">\r\n\r\n        <div class=\"sm-stat-icon sm-icon-orange\">\r\n\r\n          <span>3<\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"sm-stat-number\">\r\n\r\n          <span\r\n            class=\"sm-counter\"\r\n            data-target=\"3\"\r\n            data-decimal=\"0\"\r\n          >0<\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"sm-stat-label\">\r\n\r\n          Core Digital Solutions\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   STATS ROOT\r\n========================================================= *\/\r\n\r\n#sm-stats {\r\n\r\n  --sm-navy:#0B1220;\r\n\r\n  --sm-blue:#2563EB;\r\n\r\n  --sm-orange:#F97316;\r\n\r\n  --sm-muted:#64748B;\r\n\r\n  --sm-border:#E5EAF0;\r\n\r\n\r\n  position:relative;\r\n\r\n\r\n  width:100vw !important;\r\n\r\n  max-width:100vw !important;\r\n\r\n\r\n  margin-left:\r\n    calc(50% - 50vw) !important;\r\n\r\n\r\n  margin-right:\r\n    calc(50% - 50vw) !important;\r\n\r\n\r\n  margin-top:0 !important;\r\n\r\n  margin-bottom:0 !important;\r\n\r\n\r\n  padding:0 !important;\r\n\r\n\r\n  background:#F8FAFC;\r\n\r\n\r\n  color:\r\n    var(--sm-navy);\r\n\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n\r\n  box-sizing:border-box;\r\n\r\n\r\n  overflow:hidden;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESET\r\n========================================================= *\/\r\n\r\n#sm-stats *,\r\n#sm-stats *::before,\r\n#sm-stats *::after {\r\n\r\n  box-sizing:border-box;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INNER\r\n========================================================= *\/\r\n\r\n#sm-stats .sm-stats-inner {\r\n\r\n  width:\r\n    min(\r\n      1180px,\r\n      calc(100% - 50px)\r\n    );\r\n\r\n\r\n  margin:0 auto;\r\n\r\n\r\n  padding:\r\n    52px 0 68px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SECTION HEADING\r\n========================================================= *\/\r\n\r\n#sm-stats .sm-stats-heading {\r\n\r\n  max-width:700px;\r\n\r\n\r\n  margin:\r\n    0 auto 38px;\r\n\r\n\r\n  text-align:center;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   EYEBROW\r\n========================================================= *\/\r\n\r\n#sm-stats .sm-stats-eyebrow {\r\n\r\n  display:inline-flex;\r\n\r\n  align-items:center;\r\n\r\n\r\n  gap:8px;\r\n\r\n\r\n  margin-bottom:11px;\r\n\r\n\r\n  color:\r\n    var(--sm-blue);\r\n\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n\r\n  font-size:11px;\r\n\r\n\r\n  font-weight:800;\r\n\r\n\r\n  letter-spacing:.13em;\r\n\r\n\r\n  line-height:1.2;\r\n\r\n}\r\n\r\n\r\n#sm-stats .sm-stats-eyebrow::before {\r\n\r\n  content:\"\";\r\n\r\n\r\n  width:7px;\r\n\r\n  height:7px;\r\n\r\n\r\n  border-radius:50%;\r\n\r\n\r\n  background:\r\n    var(--sm-orange);\r\n\r\n\r\n  box-shadow:\r\n    0 0 0 5px\r\n    rgba(249,115,22,.08);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADING\r\n========================================================= *\/\r\n\r\n#sm-stats .sm-stats-heading h2 {\r\n\r\n  margin:0;\r\n\r\n\r\n  color:\r\n    var(--sm-navy);\r\n\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n\r\n  font-size:\r\n    clamp(\r\n      30px,\r\n      3.4vw,\r\n      44px\r\n    );\r\n\r\n\r\n  font-weight:800;\r\n\r\n\r\n  letter-spacing:-.04em;\r\n\r\n\r\n  line-height:1.1;\r\n\r\n}\r\n\r\n\r\n#sm-stats .sm-stats-heading h2 span {\r\n\r\n  color:\r\n    var(--sm-orange);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESCRIPTION\r\n========================================================= *\/\r\n\r\n#sm-stats .sm-stats-heading p {\r\n\r\n  max-width:600px;\r\n\r\n\r\n  margin:\r\n    15px auto 0;\r\n\r\n\r\n  color:\r\n    var(--sm-muted);\r\n\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n\r\n  font-size:14px;\r\n\r\n\r\n  font-weight:400;\r\n\r\n\r\n  line-height:1.65;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   STATS GRID\r\n========================================================= *\/\r\n\r\n#sm-stats .sm-stats-grid {\r\n\r\n  display:grid;\r\n\r\n\r\n  grid-template-columns:\r\n    repeat(4,1fr);\r\n\r\n\r\n  gap:16px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   STAT CARD\r\n========================================================= *\/\r\n\r\n#sm-stats .sm-stat-card {\r\n\r\n  position:relative;\r\n\r\n\r\n  min-height:175px;\r\n\r\n\r\n  padding:\r\n    25px 24px;\r\n\r\n\r\n  display:flex;\r\n\r\n  flex-direction:column;\r\n\r\n  justify-content:center;\r\n\r\n  align-items:flex-start;\r\n\r\n\r\n  background:#FFFFFF;\r\n\r\n\r\n  border:\r\n    1px solid\r\n    var(--sm-border);\r\n\r\n\r\n  border-radius:14px;\r\n\r\n\r\n  overflow:hidden;\r\n\r\n\r\n  transition:\r\n    transform .28s ease,\r\n    box-shadow .28s ease,\r\n    border-color .28s ease;\r\n\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TOP ACCENT\r\n========================================================= *\/\r\n\r\n#sm-stats .sm-stat-card::before {\r\n\r\n  content:\"\";\r\n\r\n\r\n  position:absolute;\r\n\r\n\r\n  top:0;\r\n\r\n  left:0;\r\n\r\n\r\n  width:100%;\r\n\r\n  height:3px;\r\n\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      var(--sm-blue),\r\n      var(--sm-orange)\r\n    );\r\n\r\n\r\n  transform:\r\n    scaleX(.18);\r\n\r\n\r\n  transform-origin:left;\r\n\r\n\r\n  transition:\r\n    transform .35s ease;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD HOVER\r\n========================================================= *\/\r\n\r\n#sm-stats .sm-stat-card:hover {\r\n\r\n  transform:\r\n    translateY(-6px);\r\n\r\n\r\n  border-color:\r\n    rgba(37,99,235,.18);\r\n\r\n\r\n  box-shadow:\r\n    0 18px 40px\r\n    rgba(11,18,32,.08);\r\n\r\n}\r\n\r\n\r\n#sm-stats .sm-stat-card:hover::before {\r\n\r\n  transform:\r\n    scaleX(1);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ICON\r\n========================================================= *\/\r\n\r\n#sm-stats .sm-stat-icon {\r\n\r\n  width:35px;\r\n\r\n  height:35px;\r\n\r\n\r\n  margin-bottom:17px;\r\n\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:center;\r\n\r\n\r\n  border-radius:9px;\r\n\r\n\r\n  color:#FFFFFF;\r\n\r\n\r\n  background:\r\n    var(--sm-blue);\r\n\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n\r\n  font-size:16px;\r\n\r\n\r\n  font-weight:800;\r\n\r\n}\r\n\r\n\r\n#sm-stats .sm-stat-card:nth-child(even)\r\n.sm-stat-icon {\r\n\r\n  background:\r\n    var(--sm-orange);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LAST CARD ICON\r\n========================================================= *\/\r\n\r\n#sm-stats .sm-stat-card:last-child\r\n.sm-stat-icon {\r\n\r\n  background:\r\n    var(--sm-orange);\r\n\r\n}\r\n\r\n\r\n#sm-stats .sm-stat-card:last-child\r\n.sm-stat-icon span {\r\n\r\n  font-size:13px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NUMBER\r\n========================================================= *\/\r\n\r\n#sm-stats .sm-stat-number {\r\n\r\n  color:\r\n    var(--sm-navy);\r\n\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n\r\n  font-size:\r\n    clamp(\r\n      34px,\r\n      4vw,\r\n      48px\r\n    );\r\n\r\n\r\n  font-weight:800;\r\n\r\n\r\n  letter-spacing:-.045em;\r\n\r\n\r\n  line-height:1;\r\n\r\n}\r\n\r\n\r\n#sm-stats .sm-stat-number > span:not(.sm-counter) {\r\n\r\n  color:\r\n    var(--sm-orange);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   COUNTER\r\n========================================================= *\/\r\n\r\n#sm-stats .sm-counter {\r\n\r\n  display:inline-block;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LABEL\r\n========================================================= *\/\r\n\r\n#sm-stats .sm-stat-label {\r\n\r\n  margin-top:9px;\r\n\r\n\r\n  color:\r\n    var(--sm-muted);\r\n\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n\r\n  font-size:12px;\r\n\r\n\r\n  font-weight:600;\r\n\r\n\r\n  line-height:1.3;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width:900px) {\r\n\r\n  #sm-stats .sm-stats-grid {\r\n\r\n    grid-template-columns:\r\n      repeat(2,1fr);\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width:600px) {\r\n\r\n  #sm-stats .sm-stats-inner {\r\n\r\n    width:\r\n      calc(100% - 30px);\r\n\r\n\r\n    padding:\r\n      44px 0 54px;\r\n\r\n  }\r\n\r\n\r\n  #sm-stats .sm-stats-heading {\r\n\r\n    margin-bottom:29px;\r\n\r\n  }\r\n\r\n\r\n  #sm-stats .sm-stats-eyebrow {\r\n\r\n    font-size:10px;\r\n\r\n  }\r\n\r\n\r\n  #sm-stats .sm-stats-heading h2 {\r\n\r\n    font-size:29px;\r\n\r\n  }\r\n\r\n\r\n  #sm-stats .sm-stats-heading p {\r\n\r\n    font-size:13px;\r\n\r\n    line-height:1.6;\r\n\r\n  }\r\n\r\n\r\n  #sm-stats .sm-stats-grid {\r\n\r\n    grid-template-columns:\r\n      repeat(2,1fr);\r\n\r\n\r\n    gap:10px;\r\n\r\n  }\r\n\r\n\r\n  #sm-stats .sm-stat-card {\r\n\r\n    min-height:150px;\r\n\r\n\r\n    padding:\r\n      19px 16px;\r\n\r\n\r\n    border-radius:12px;\r\n\r\n  }\r\n\r\n\r\n  #sm-stats .sm-stat-icon {\r\n\r\n    width:30px;\r\n\r\n    height:30px;\r\n\r\n\r\n    margin-bottom:14px;\r\n\r\n\r\n    font-size:14px;\r\n\r\n  }\r\n\r\n\r\n  #sm-stats .sm-stat-number {\r\n\r\n    font-size:30px;\r\n\r\n  }\r\n\r\n\r\n  #sm-stats .sm-stat-label {\r\n\r\n    font-size:10px;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width:380px) {\r\n\r\n  #sm-stats .sm-stats-inner {\r\n\r\n    width:\r\n      calc(100% - 24px);\r\n\r\n  }\r\n\r\n\r\n  #sm-stats .sm-stat-card {\r\n\r\n    padding:\r\n      17px 13px;\r\n\r\n  }\r\n\r\n\r\n  #sm-stats .sm-stat-number {\r\n\r\n    font-size:27px;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media (prefers-reduced-motion:reduce) {\r\n\r\n  #sm-stats *,\r\n  #sm-stats *::before,\r\n  #sm-stats *::after {\r\n\r\n    transition:none !important;\r\n\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<script>\r\n\r\n(function(){\r\n\r\n  \"use strict\";\r\n\r\n\r\n  const section =\r\n    document.getElementById(\"sm-stats\");\r\n\r\n\r\n  if(!section) return;\r\n\r\n\r\n  const counters =\r\n    section.querySelectorAll(\r\n      \".sm-counter\"\r\n    );\r\n\r\n\r\n  let animated = false;\r\n\r\n\r\n  \/* =====================================================\r\n     COUNTER ANIMATION\r\n  ====================================================== *\/\r\n\r\n  function animateCounter(counter){\r\n\r\n    const target =\r\n      parseFloat(\r\n        counter.dataset.target\r\n      );\r\n\r\n\r\n    const decimals =\r\n      parseInt(\r\n        counter.dataset.decimal || \"0\",\r\n        10\r\n      );\r\n\r\n\r\n    const duration = 1500;\r\n\r\n\r\n    const startTime =\r\n      performance.now();\r\n\r\n\r\n    function update(currentTime){\r\n\r\n      const elapsed =\r\n        currentTime - startTime;\r\n\r\n\r\n      const progress =\r\n        Math.min(\r\n          elapsed \/ duration,\r\n          1\r\n        );\r\n\r\n\r\n      \/* Ease out *\/\r\n\r\n      const eased =\r\n        1 -\r\n        Math.pow(\r\n          1 - progress,\r\n          3\r\n        );\r\n\r\n\r\n      const current =\r\n        target * eased;\r\n\r\n\r\n      counter.textContent =\r\n        current.toFixed(\r\n          decimals\r\n        );\r\n\r\n\r\n      if(progress < 1){\r\n\r\n        requestAnimationFrame(\r\n          update\r\n        );\r\n\r\n      } else {\r\n\r\n        counter.textContent =\r\n          target.toFixed(\r\n            decimals\r\n          );\r\n\r\n      }\r\n\r\n    }\r\n\r\n\r\n    requestAnimationFrame(\r\n      update\r\n    );\r\n\r\n  }\r\n\r\n\r\n  \/* =====================================================\r\n     START COUNTERS\r\n  ====================================================== *\/\r\n\r\n  function startCounters(){\r\n\r\n    if(animated) return;\r\n\r\n\r\n    animated = true;\r\n\r\n\r\n    counters.forEach(\r\n      function(counter){\r\n\r\n        animateCounter(counter);\r\n\r\n      }\r\n    );\r\n\r\n  }\r\n\r\n\r\n  \/* =====================================================\r\n     INTERSECTION OBSERVER\r\n  ====================================================== *\/\r\n\r\n  if(\r\n    \"IntersectionObserver\"\r\n    in window\r\n  ){\r\n\r\n    const observer =\r\n      new IntersectionObserver(\r\n        function(entries){\r\n\r\n          entries.forEach(\r\n            function(entry){\r\n\r\n              if(\r\n                entry.isIntersecting\r\n              ){\r\n\r\n                startCounters();\r\n\r\n\r\n                observer.disconnect();\r\n\r\n              }\r\n\r\n            }\r\n          );\r\n\r\n        },\r\n        {\r\n          threshold:.25\r\n        }\r\n      );\r\n\r\n\r\n    observer.observe(section);\r\n\r\n\r\n  } else {\r\n\r\n    startCounters();\r\n\r\n  }\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7479c500 e-flex e-con-boxed e-con e-parent\" data-id=\"7479c500\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6b68c194 elementor-widget elementor-widget-html\" data-id=\"6b68c194\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"about\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"sm-about\" aria-labelledby=\"sm-about-title\">\r\n\r\n  <div class=\"sm-about-inner\">\r\n\r\n    <!-- =====================================================\r\n         TOP AREA\r\n         IMAGE + ABOUT CONTENT\r\n         ===================================================== -->\r\n\r\n    <div class=\"sm-about-top\">\r\n\r\n      <!-- ================= IMAGE ================= -->\r\n\r\n      <div class=\"sm-about-visual\">\r\n\r\n        <div class=\"sm-about-glow\"><\/div>\r\n\r\n        <div class=\"sm-about-image-wrap\">\r\n\r\n          <img loading=\"lazy\" decoding=\"async\"\r\n            src=\"https:\/\/shakhawatmarketer.com\/wp-content\/uploads\/2026\/08\/shakhawat-about-e1788177677623.png\"\r\n            alt=\"Shakhawat Hossain - Digital Growth Specialist\"\r\n            width=\"650\"\r\n            height=\"650\"\r\n            loading=\"lazy\"\r\n          >\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- EXPERIENCE BADGE -->\r\n\r\n        <div class=\"sm-about-badge\">\r\n\r\n          <strong>2.5+<\/strong>\r\n\r\n          <span>\r\n            Years of<br>\r\n            Experience\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- ================= CONTENT ================= -->\r\n\r\n      <div class=\"sm-about-content\">\r\n\r\n        <div class=\"sm-about-eyebrow\">\r\n          ABOUT ME\r\n        <\/div>\r\n\r\n\r\n        <h2 id=\"sm-about-title\">\r\n          Your Partner in\r\n          <span>Digital Growth<\/span>\r\n        <\/h2>\r\n\r\n\r\n        <p class=\"sm-about-intro\">\r\n\r\n          I'm <strong>Shakhawat Hossain<\/strong>, a digital growth-focused\r\n          professional helping businesses build stronger online presence\r\n          through performance marketing, creative content, and\r\n          conversion-focused web solutions.\r\n\r\n        <\/p>\r\n\r\n\r\n        <p class=\"sm-about-text\">\r\n\r\n          I believe digital growth is more than simply running ads.\r\n          It starts with understanding the business, the audience, and\r\n          the customer journey \u2014 then combining strategy, creativity,\r\n          and technology to create meaningful results.\r\n\r\n        <\/p>\r\n\r\n\r\n        <p class=\"sm-about-text\">\r\n\r\n          From performance marketing and engaging visual content to\r\n          conversion-focused WordPress websites, my goal is simple:\r\n          build digital solutions that look professional, perform\r\n          effectively, and support real business growth.\r\n\r\n        <\/p>\r\n\r\n\r\n        <!-- ================= KEY STRENGTHS ================= -->\r\n\r\n        <div class=\"sm-about-strengths\">\r\n\r\n\r\n          <!-- 01 -->\r\n\r\n          <div class=\"sm-strength\">\r\n\r\n            <span class=\"sm-strength-icon\">\r\n              \u2713\r\n            <\/span>\r\n\r\n            <div>\r\n\r\n              <strong>\r\n                Performance Focused\r\n              <\/strong>\r\n\r\n              <small>\r\n                Focused on measurable results and meaningful business growth.\r\n              <\/small>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <!-- 02 -->\r\n\r\n          <div class=\"sm-strength\">\r\n\r\n            <span class=\"sm-strength-icon\">\r\n              \u2713\r\n            <\/span>\r\n\r\n            <div>\r\n\r\n              <strong>\r\n                Creative Thinking\r\n              <\/strong>\r\n\r\n              <small>\r\n                Creating engaging visuals and content that support marketing.\r\n              <\/small>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <!-- 03 -->\r\n\r\n          <div class=\"sm-strength\">\r\n\r\n            <span class=\"sm-strength-icon\">\r\n              \u2713\r\n            <\/span>\r\n\r\n            <div>\r\n\r\n              <strong>\r\n                Technology Driven\r\n              <\/strong>\r\n\r\n              <small>\r\n                Building conversion-focused WordPress and web solutions.\r\n              <\/small>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         SELECTED RESULTS\r\n         PART OF ABOUT SECTION\r\n         ===================================================== -->\r\n\r\n    <div class=\"sm-about-results\">\r\n\r\n\r\n      <!-- RESULT HEADER -->\r\n\r\n      <div class=\"sm-result-header\">\r\n\r\n\r\n        <div>\r\n\r\n          <span class=\"sm-result-eyebrow\">\r\n            A FEW NUMBERS FROM MY WORK\r\n          <\/span>\r\n\r\n          <h3>\r\n            Growth Backed by\r\n            <span>Real Results.<\/span>\r\n          <\/h3>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- DIRECT LINK -->\r\n\r\n        <a\r\n          href=\"\/digital-marketing\/\"\r\n          class=\"sm-about-btn\"\r\n          aria-label=\"Explore Digital Marketing Results\"\r\n        >\r\n          Explore My Results\r\n          <span>\u2197<\/span>\r\n        <\/a>\r\n\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- RESULT CARDS -->\r\n\r\n      <div class=\"sm-result-grid\">\r\n\r\n\r\n        <!-- RESULT 01 -->\r\n\r\n        <div class=\"sm-result-card\">\r\n\r\n          <div class=\"sm-result-number\">\r\n\r\n            <span class=\"sm-result-old\">\r\n              0\r\n            <\/span>\r\n\r\n            <b>\u2192<\/b>\r\n\r\n            <span class=\"sm-result-new\">\r\n              300K+\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n          <p>\r\n            BDT Daily Sales\r\n          <\/p>\r\n\r\n          <small>\r\n            Business Growth\r\n          <\/small>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- RESULT 02 -->\r\n\r\n        <div class=\"sm-result-card\">\r\n\r\n          <div class=\"sm-result-number\">\r\n\r\n            <span class=\"sm-result-old\">\r\n              3\u00d7\r\n            <\/span>\r\n\r\n            <b>\u2192<\/b>\r\n\r\n            <span class=\"sm-result-new\">\r\n              8\u00d7\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n          <p>\r\n            ROAS\r\n          <\/p>\r\n\r\n          <small>\r\n            E-commerce Growth\r\n          <\/small>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- RESULT 03 -->\r\n\r\n        <div class=\"sm-result-card\">\r\n\r\n          <div class=\"sm-result-number\">\r\n\r\n            <span class=\"sm-result-old\">\r\n              4\u00d7\r\n            <\/span>\r\n\r\n            <b>\u2192<\/b>\r\n\r\n            <span class=\"sm-result-new\">\r\n              9\u00d7\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n          <p>\r\n            ROAS\r\n          <\/p>\r\n\r\n          <small>\r\n            Women's Clothing Brand\r\n          <\/small>\r\n\r\n        <\/div>\r\n\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   SHAKHAWAT MARKETER\r\n   ABOUT SECTION\r\n   FINAL VERSION\r\n   ========================================================= *\/\r\n\r\n#sm-about {\r\n\r\n  --sm-navy: #0B1220;\r\n  --sm-blue: #2563EB;\r\n  --sm-orange: #F97316;\r\n  --sm-orange-dark: #EA580C;\r\n  --sm-muted: #64748B;\r\n  --sm-border: #E5EAF0;\r\n\r\n  position: relative;\r\n\r\n  width: 100vw;\r\n\r\n  margin-left: calc(50% - 50vw);\r\n\r\n  margin-top: 0 !important;\r\n\r\n  margin-bottom: 0 !important;\r\n\r\n  padding: 0 !important;\r\n\r\n  background: #F8FAFC;\r\n\r\n  box-sizing: border-box;\r\n\r\n  overflow: hidden;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INNER\r\n   ========================================================= *\/\r\n\r\n#sm-about .sm-about-inner {\r\n\r\n  width:\r\n    min(\r\n      1180px,\r\n      calc(100% - 50px)\r\n    );\r\n\r\n  margin: 0 auto;\r\n\r\n  padding:\r\n    85px 0 80px;\r\n\r\n  box-sizing: border-box;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TOP AREA\r\n   ========================================================= *\/\r\n\r\n#sm-about .sm-about-top {\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    minmax(400px, .9fr)\r\n    minmax(0, 1.1fr);\r\n\r\n  align-items: center;\r\n\r\n  gap: 75px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE AREA\r\n   ========================================================= *\/\r\n\r\n#sm-about .sm-about-visual {\r\n\r\n  position: relative;\r\n\r\n  min-height: 470px;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: center;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE GLOW\r\n   ========================================================= *\/\r\n\r\n#sm-about .sm-about-glow {\r\n\r\n  position: absolute;\r\n\r\n  width: 420px;\r\n\r\n  height: 420px;\r\n\r\n  border-radius: 50%;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle,\r\n      rgba(37,99,235,.13),\r\n      rgba(37,99,235,.035) 52%,\r\n      transparent 73%\r\n    );\r\n\r\n  filter: blur(2px);\r\n\r\n  animation:\r\n    sm-about-glow 5s ease-in-out infinite;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE\r\n   ========================================================= *\/\r\n\r\n#sm-about .sm-about-image-wrap {\r\n\r\n  position: relative;\r\n\r\n  z-index: 2;\r\n\r\n  width: 430px;\r\n\r\n  height: 430px;\r\n\r\n  border-radius: 50%;\r\n\r\n  overflow: hidden;\r\n\r\n  background: #FFFFFF;\r\n\r\n  border:\r\n    7px solid rgba(255,255,255,.9);\r\n\r\n  box-shadow:\r\n    0 25px 60px rgba(11,18,32,.11);\r\n\r\n  animation:\r\n    sm-about-float 6s ease-in-out infinite;\r\n\r\n}\r\n\r\n\r\n#sm-about .sm-about-image-wrap img {\r\n\r\n  display: block;\r\n\r\n  width: 100%;\r\n\r\n  height: 100%;\r\n\r\n  object-fit: cover;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   EXPERIENCE BADGE\r\n   ========================================================= *\/\r\n\r\n#sm-about .sm-about-badge {\r\n\r\n  position: absolute;\r\n\r\n  z-index: 4;\r\n\r\n  right: 15px;\r\n\r\n  bottom: 28px;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  gap: 10px;\r\n\r\n  padding:\r\n    12px 15px;\r\n\r\n  background:\r\n    rgba(255,255,255,.96);\r\n\r\n  border:\r\n    1px solid rgba(11,18,32,.07);\r\n\r\n  border-radius: 12px;\r\n\r\n  box-shadow:\r\n    0 15px 35px rgba(11,18,32,.11);\r\n\r\n  backdrop-filter: blur(8px);\r\n\r\n}\r\n\r\n\r\n#sm-about .sm-about-badge strong {\r\n\r\n  color:\r\n    var(--sm-orange);\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size: 24px;\r\n\r\n  font-weight: 800;\r\n\r\n  line-height: 1;\r\n\r\n}\r\n\r\n\r\n#sm-about .sm-about-badge span {\r\n\r\n  color:\r\n    var(--sm-muted);\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size: 9px;\r\n\r\n  font-weight: 600;\r\n\r\n  line-height: 1.25;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT\r\n   ========================================================= *\/\r\n\r\n#sm-about .sm-about-content {\r\n\r\n  position: relative;\r\n\r\n  z-index: 2;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   EYEBROW\r\n   ========================================================= *\/\r\n\r\n#sm-about .sm-about-eyebrow {\r\n\r\n  display: inline-block;\r\n\r\n  margin-bottom: 10px;\r\n\r\n  color:\r\n    var(--sm-blue);\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size: 11px;\r\n\r\n  font-weight: 800;\r\n\r\n  letter-spacing: .12em;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADING\r\n   ========================================================= *\/\r\n\r\n#sm-about .sm-about-content h2 {\r\n\r\n  max-width: 650px;\r\n\r\n  margin: 0;\r\n\r\n  color:\r\n    var(--sm-navy);\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size:\r\n    clamp(\r\n      36px,\r\n      4vw,\r\n      52px\r\n    );\r\n\r\n  font-weight: 800;\r\n\r\n  letter-spacing: -.04em;\r\n\r\n  line-height: 1.08;\r\n\r\n}\r\n\r\n\r\n#sm-about .sm-about-content h2 span {\r\n\r\n  color:\r\n    var(--sm-orange);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INTRO\r\n   ========================================================= *\/\r\n\r\n#sm-about .sm-about-intro {\r\n\r\n  margin:\r\n    21px 0 0;\r\n\r\n  color:\r\n    var(--sm-navy);\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size: 15px;\r\n\r\n  font-weight: 500;\r\n\r\n  line-height: 1.7;\r\n\r\n}\r\n\r\n\r\n#sm-about .sm-about-intro strong {\r\n\r\n  color:\r\n    var(--sm-blue);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BODY TEXT\r\n   ========================================================= *\/\r\n\r\n#sm-about .sm-about-text {\r\n\r\n  margin:\r\n    12px 0 0;\r\n\r\n  color:\r\n    var(--sm-muted);\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size: 13px;\r\n\r\n  line-height: 1.7;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   STRENGTHS\r\n   ========================================================= *\/\r\n\r\n#sm-about .sm-about-strengths {\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    repeat(3, 1fr);\r\n\r\n  gap: 10px;\r\n\r\n  margin-top: 25px;\r\n\r\n}\r\n\r\n\r\n#sm-about .sm-strength {\r\n\r\n  padding:\r\n    13px 12px;\r\n\r\n  background:\r\n    rgba(255,255,255,.78);\r\n\r\n  border:\r\n    1px solid var(--sm-border);\r\n\r\n  border-radius: 10px;\r\n\r\n  transition:\r\n    transform .25s ease,\r\n    box-shadow .25s ease,\r\n    border-color .25s ease;\r\n\r\n}\r\n\r\n\r\n#sm-about .sm-strength:hover {\r\n\r\n  transform:\r\n    translateY(-4px);\r\n\r\n  border-color:\r\n    rgba(37,99,235,.14);\r\n\r\n  box-shadow:\r\n    0 12px 25px rgba(11,18,32,.06);\r\n\r\n}\r\n\r\n\r\n#sm-about .sm-strength-icon {\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: center;\r\n\r\n  width: 25px;\r\n\r\n  height: 25px;\r\n\r\n  margin-bottom: 8px;\r\n\r\n  border-radius: 7px;\r\n\r\n  color: #FFFFFF;\r\n\r\n  background:\r\n    var(--sm-blue);\r\n\r\n  font-size: 12px;\r\n\r\n  font-weight: 800;\r\n\r\n}\r\n\r\n\r\n#sm-about .sm-strength:nth-child(2)\r\n.sm-strength-icon {\r\n\r\n  background:\r\n    var(--sm-orange);\r\n\r\n}\r\n\r\n\r\n#sm-about .sm-strength:nth-child(3)\r\n.sm-strength-icon {\r\n\r\n  background:\r\n    var(--sm-navy);\r\n\r\n}\r\n\r\n\r\n#sm-about .sm-strength strong {\r\n\r\n  display: block;\r\n\r\n  color:\r\n    var(--sm-navy);\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size: 10px;\r\n\r\n  font-weight: 800;\r\n\r\n  line-height: 1.3;\r\n\r\n}\r\n\r\n\r\n#sm-about .sm-strength small {\r\n\r\n  display: block;\r\n\r\n  margin-top: 5px;\r\n\r\n  color:\r\n    var(--sm-muted);\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size: 8px;\r\n\r\n  line-height: 1.4;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SELECTED RESULTS\r\n   ========================================================= *\/\r\n\r\n#sm-about .sm-about-results {\r\n\r\n  margin-top: 62px;\r\n\r\n  padding-top: 30px;\r\n\r\n  border-top:\r\n    1px solid #E7ECF2;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESULT HEADER\r\n   ========================================================= *\/\r\n\r\n#sm-about .sm-result-header {\r\n\r\n  display: flex;\r\n\r\n  align-items: flex-end;\r\n\r\n  justify-content: space-between;\r\n\r\n  gap: 25px;\r\n\r\n  margin-bottom: 18px;\r\n\r\n}\r\n\r\n\r\n#sm-about .sm-result-eyebrow {\r\n\r\n  display: block;\r\n\r\n  margin-bottom: 6px;\r\n\r\n  color:\r\n    var(--sm-blue);\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size: 10px;\r\n\r\n  font-weight: 800;\r\n\r\n  letter-spacing: .1em;\r\n\r\n}\r\n\r\n\r\n#sm-about .sm-result-header h3 {\r\n\r\n  margin: 0;\r\n\r\n  color:\r\n    var(--sm-navy);\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size:\r\n    clamp(\r\n      24px,\r\n      3vw,\r\n      34px\r\n    );\r\n\r\n  font-weight: 800;\r\n\r\n  letter-spacing: -.035em;\r\n\r\n  line-height: 1.1;\r\n\r\n}\r\n\r\n\r\n#sm-about .sm-result-header h3 span {\r\n\r\n  color:\r\n    var(--sm-orange);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESULT GRID\r\n   ========================================================= *\/\r\n\r\n#sm-about .sm-result-grid {\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    repeat(3, 1fr);\r\n\r\n  gap: 14px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESULT CARD\r\n   ========================================================= *\/\r\n\r\n#sm-about .sm-result-card {\r\n\r\n  position: relative;\r\n\r\n  padding:\r\n    20px 21px;\r\n\r\n  background:\r\n    #FFFFFF;\r\n\r\n  border:\r\n    1px solid var(--sm-border);\r\n\r\n  border-radius: 12px;\r\n\r\n  box-shadow:\r\n    0 5px 20px rgba(11,18,32,.025);\r\n\r\n  overflow: hidden;\r\n\r\n  transition:\r\n    transform .28s ease,\r\n    box-shadow .28s ease,\r\n    border-color .28s ease;\r\n\r\n}\r\n\r\n\r\n#sm-about .sm-result-card::before {\r\n\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  left: 0;\r\n\r\n  top: 0;\r\n\r\n  width: 4px;\r\n\r\n  height: 100%;\r\n\r\n  background:\r\n    linear-gradient(\r\n      180deg,\r\n      var(--sm-blue),\r\n      var(--sm-orange)\r\n    );\r\n\r\n}\r\n\r\n\r\n#sm-about .sm-result-card:hover {\r\n\r\n  transform:\r\n    translateY(-5px);\r\n\r\n  border-color:\r\n    rgba(37,99,235,.15);\r\n\r\n  box-shadow:\r\n    0 15px 32px rgba(11,18,32,.07);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESULT NUMBER\r\n   ========================================================= *\/\r\n\r\n#sm-about .sm-result-number {\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  gap: 7px;\r\n\r\n  color:\r\n    var(--sm-navy);\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size:\r\n    clamp(\r\n      24px,\r\n      3vw,\r\n      34px\r\n    );\r\n\r\n  font-weight: 800;\r\n\r\n  letter-spacing: -.045em;\r\n\r\n  line-height: 1;\r\n\r\n}\r\n\r\n\r\n#sm-about .sm-result-number b {\r\n\r\n  color:\r\n    var(--sm-orange);\r\n\r\n  font-size: 19px;\r\n\r\n  font-weight: 700;\r\n\r\n}\r\n\r\n\r\n#sm-about .sm-result-new {\r\n\r\n  color:\r\n    var(--sm-navy);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESULT TEXT\r\n   ========================================================= *\/\r\n\r\n#sm-about .sm-result-card p {\r\n\r\n  margin:\r\n    10px 0 0;\r\n\r\n  color:\r\n    var(--sm-navy);\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size: 11px;\r\n\r\n  font-weight: 800;\r\n\r\n}\r\n\r\n\r\n#sm-about .sm-result-card small {\r\n\r\n  display: block;\r\n\r\n  margin-top: 4px;\r\n\r\n  color:\r\n    var(--sm-muted);\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size: 9px;\r\n\r\n  font-weight: 500;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CTA BUTTON\r\n   ========================================================= *\/\r\n\r\n#sm-about .sm-about-btn {\r\n\r\n  display: inline-flex;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: center;\r\n\r\n  gap: 8px;\r\n\r\n  min-height: 44px;\r\n\r\n  padding:\r\n    0 18px;\r\n\r\n  border-radius: 8px;\r\n\r\n  color: #FFFFFF;\r\n\r\n  background:\r\n    var(--sm-orange);\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size: 11px;\r\n\r\n  font-weight: 700;\r\n\r\n  text-decoration: none;\r\n\r\n  box-shadow:\r\n    0 8px 20px rgba(249,115,22,.13);\r\n\r\n  transition:\r\n    transform .25s ease,\r\n    box-shadow .25s ease,\r\n    background .25s ease;\r\n\r\n}\r\n\r\n\r\n#sm-about .sm-about-btn:hover {\r\n\r\n  color: #FFFFFF;\r\n\r\n  background:\r\n    var(--sm-orange-dark);\r\n\r\n  transform:\r\n    translateY(-3px);\r\n\r\n  box-shadow:\r\n    0 13px 28px rgba(249,115,22,.21);\r\n\r\n}\r\n\r\n\r\n#sm-about .sm-about-btn span {\r\n\r\n  font-size: 15px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ANIMATIONS\r\n   ========================================================= *\/\r\n\r\n@keyframes sm-about-float {\r\n\r\n  0%,\r\n  100% {\r\n\r\n    transform:\r\n      translateY(0);\r\n\r\n  }\r\n\r\n  50% {\r\n\r\n    transform:\r\n      translateY(-7px);\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n@keyframes sm-about-glow {\r\n\r\n  0%,\r\n  100% {\r\n\r\n    transform:\r\n      scale(1);\r\n\r\n    opacity:\r\n      .75;\r\n\r\n  }\r\n\r\n  50% {\r\n\r\n    transform:\r\n      scale(1.05);\r\n\r\n    opacity:\r\n      1;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 1000px) {\r\n\r\n  #sm-about .sm-about-top {\r\n\r\n    grid-template-columns:\r\n      minmax(330px, .85fr)\r\n      minmax(0, 1.15fr);\r\n\r\n    gap: 45px;\r\n\r\n  }\r\n\r\n\r\n  #sm-about .sm-about-image-wrap {\r\n\r\n    width: 360px;\r\n\r\n    height: 360px;\r\n\r\n  }\r\n\r\n\r\n  #sm-about .sm-about-glow {\r\n\r\n    width: 380px;\r\n\r\n    height: 380px;\r\n\r\n  }\r\n\r\n\r\n  #sm-about .sm-about-visual {\r\n\r\n    min-height: 420px;\r\n\r\n  }\r\n\r\n\r\n  #sm-about .sm-about-badge {\r\n\r\n    right: -5px;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 760px) {\r\n\r\n  #sm-about {\r\n\r\n    width: 100vw;\r\n\r\n    margin-left:\r\n      calc(50% - 50vw);\r\n\r\n  }\r\n\r\n\r\n  #sm-about .sm-about-inner {\r\n\r\n    width:\r\n      calc(100% - 32px);\r\n\r\n    padding:\r\n      60px 0 60px;\r\n\r\n  }\r\n\r\n\r\n  #sm-about .sm-about-top {\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    gap: 38px;\r\n\r\n  }\r\n\r\n\r\n  #sm-about .sm-about-visual {\r\n\r\n    min-height: 350px;\r\n\r\n  }\r\n\r\n\r\n  #sm-about .sm-about-image-wrap {\r\n\r\n    width: 310px;\r\n\r\n    height: 310px;\r\n\r\n  }\r\n\r\n\r\n  #sm-about .sm-about-glow {\r\n\r\n    width: 330px;\r\n\r\n    height: 330px;\r\n\r\n  }\r\n\r\n\r\n  #sm-about .sm-about-badge {\r\n\r\n    right:\r\n      calc(50% - 160px);\r\n\r\n    bottom: 0;\r\n\r\n  }\r\n\r\n\r\n  #sm-about .sm-about-content {\r\n\r\n    text-align: center;\r\n\r\n  }\r\n\r\n\r\n  #sm-about .sm-about-content h2 {\r\n\r\n    font-size: 34px;\r\n\r\n  }\r\n\r\n\r\n  #sm-about .sm-about-intro {\r\n\r\n    font-size: 14px;\r\n\r\n  }\r\n\r\n\r\n  #sm-about .sm-about-text {\r\n\r\n    font-size: 13px;\r\n\r\n  }\r\n\r\n\r\n  #sm-about .sm-about-strengths {\r\n\r\n    text-align: left;\r\n\r\n  }\r\n\r\n\r\n  \/* RESULTS *\/\r\n\r\n  #sm-about .sm-about-results {\r\n\r\n    margin-top: 48px;\r\n\r\n    padding-top: 25px;\r\n\r\n  }\r\n\r\n\r\n  #sm-about .sm-result-header {\r\n\r\n    align-items: flex-start;\r\n\r\n    flex-direction: column;\r\n\r\n    gap: 18px;\r\n\r\n  }\r\n\r\n\r\n  #sm-about .sm-result-header h3 {\r\n\r\n    font-size: 27px;\r\n\r\n  }\r\n\r\n\r\n  #sm-about .sm-about-btn {\r\n\r\n    width: auto;\r\n\r\n  }\r\n\r\n\r\n  #sm-about .sm-result-grid {\r\n\r\n    grid-template-columns:\r\n      1fr;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 430px) {\r\n\r\n  #sm-about .sm-about-inner {\r\n\r\n    width:\r\n      calc(100% - 24px);\r\n\r\n    padding:\r\n      50px 0 55px;\r\n\r\n  }\r\n\r\n\r\n  #sm-about .sm-about-visual {\r\n\r\n    min-height: 315px;\r\n\r\n  }\r\n\r\n\r\n  #sm-about .sm-about-image-wrap {\r\n\r\n    width: 275px;\r\n\r\n    height: 275px;\r\n\r\n  }\r\n\r\n\r\n  #sm-about .sm-about-glow {\r\n\r\n    width: 295px;\r\n\r\n    height: 295px;\r\n\r\n  }\r\n\r\n\r\n  #sm-about .sm-about-badge {\r\n\r\n    right:\r\n      calc(50% - 140px);\r\n\r\n  }\r\n\r\n\r\n  #sm-about .sm-about-strengths {\r\n\r\n    grid-template-columns:\r\n      1fr;\r\n\r\n  }\r\n\r\n\r\n  #sm-about .sm-result-number {\r\n\r\n    font-size: 27px;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n   ========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n  #sm-about *,\r\n  #sm-about *::before,\r\n  #sm-about *::after {\r\n\r\n    animation: none !important;\r\n\r\n    transition: none !important;\r\n\r\n  }\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-32b46063 e-flex e-con-boxed e-con e-parent\" data-id=\"32b46063\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-57ad520c elementor-widget elementor-widget-html\" data-id=\"57ad520c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"services\" class=\"sm-services\">\r\n\r\n  <div class=\"sm-services-wrap\">\r\n\r\n    <!-- =====================================================\r\n         SECTION HEADER\r\n         ===================================================== -->\r\n\r\n    <div class=\"sm-services-header\">\r\n\r\n      <span class=\"sm-eyebrow\">\r\n        WHAT I DO\r\n      <\/span>\r\n\r\n      <h2>\r\n        Digital Solutions\r\n        <span>Built For Growth<\/span>\r\n      <\/h2>\r\n\r\n      <p>\r\n        Combining strategy, creativity, and technology to help businesses\r\n        build a stronger digital presence and achieve meaningful growth.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         SERVICES GRID\r\n         ===================================================== -->\r\n\r\n    <div class=\"sm-services-grid\">\r\n\r\n\r\n      <!-- ===================================================\r\n           SERVICE 01 \u2014 DIGITAL MARKETING\r\n           =================================================== -->\r\n\r\n      <a\r\n        href=\"\/digital-marketing\/\"\r\n        class=\"sm-service-card\"\r\n        aria-label=\"Explore Digital Marketing Services\"\r\n      >\r\n\r\n        <div class=\"sm-card-top\">\r\n\r\n          <span class=\"sm-number\">\r\n            01\r\n          <\/span>\r\n\r\n          <span class=\"sm-icon\">\r\n            \u2197\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"sm-service-label\">\r\n          PERFORMANCE & GROWTH\r\n        <\/div>\r\n\r\n\r\n        <h3>\r\n          Digital Marketing\r\n        <\/h3>\r\n\r\n\r\n        <p>\r\n          Performance-focused marketing strategies designed to generate\r\n          leads, increase sales, and turn digital ad spend into measurable\r\n          business growth.\r\n        <\/p>\r\n\r\n\r\n        <div class=\"sm-service-list\">\r\n\r\n          <span>Meta Ads<\/span>\r\n          <span>Google Ads<\/span>\r\n          <span>Lead Generation<\/span>\r\n          <span>Social Media<\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"sm-card-line\"><\/div>\r\n\r\n\r\n        <div class=\"sm-card-link\">\r\n          Explore Service\r\n          <span>\u2197<\/span>\r\n        <\/div>\r\n\r\n      <\/a>\r\n\r\n\r\n\r\n      <!-- ===================================================\r\n           SERVICE 02 \u2014 MOTION GRAPHICS\r\n           =================================================== -->\r\n\r\n      <a\r\n        href=\"\/motion-graphics\/\"\r\n        class=\"sm-service-card\"\r\n        aria-label=\"Explore Motion Graphics Services\"\r\n      >\r\n\r\n        <div class=\"sm-card-top\">\r\n\r\n          <span class=\"sm-number\">\r\n            02\r\n          <\/span>\r\n\r\n          <span class=\"sm-icon\">\r\n            \u2197\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"sm-service-label\">\r\n          CREATIVE & VISUAL\r\n        <\/div>\r\n\r\n\r\n        <h3>\r\n          Motion Graphics\r\n        <\/h3>\r\n\r\n\r\n        <p>\r\n          Engaging promotional videos, product visuals, and motion graphics\r\n          created to capture attention and make brands more memorable.\r\n        <\/p>\r\n\r\n\r\n        <div class=\"sm-service-list\">\r\n\r\n          <span>Promo Videos<\/span>\r\n          <span>Product Videos<\/span>\r\n          <span>Social Ads<\/span>\r\n          <span>Motion Design<\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"sm-card-line\"><\/div>\r\n\r\n\r\n        <div class=\"sm-card-link\">\r\n          View Portfolio\r\n          <span>\u2197<\/span>\r\n        <\/div>\r\n\r\n      <\/a>\r\n\r\n\r\n\r\n      <!-- ===================================================\r\n           SERVICE 03 \u2014 WEB DEVELOPMENT\r\n           =================================================== -->\r\n\r\n      <a\r\n        href=\"\/web-development\/\"\r\n        class=\"sm-service-card\"\r\n        aria-label=\"Explore Web Development Services\"\r\n      >\r\n\r\n        <div class=\"sm-card-top\">\r\n\r\n          <span class=\"sm-number\">\r\n            03\r\n          <\/span>\r\n\r\n          <span class=\"sm-icon\">\r\n            \u2197\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"sm-service-label\">\r\n          WEB & CONVERSION\r\n        <\/div>\r\n\r\n\r\n        <h3>\r\n          Web Development\r\n        <\/h3>\r\n\r\n\r\n        <p>\r\n          Professional, responsive, and conversion-focused websites built\r\n          to present your brand, products, and services effectively online.\r\n        <\/p>\r\n\r\n\r\n        <div class=\"sm-service-list\">\r\n\r\n          <span>Landing Pages<\/span>\r\n          <span>WordPress<\/span>\r\n          <span>WooCommerce<\/span>\r\n          <span>Conversion Focused<\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"sm-card-line\"><\/div>\r\n\r\n\r\n        <div class=\"sm-card-link\">\r\n          View Web Projects\r\n          <span>\u2197<\/span>\r\n        <\/div>\r\n\r\n      <\/a>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         BOTTOM CTA\r\n         ===================================================== -->\r\n\r\n    <div class=\"sm-services-cta\">\r\n\r\n      <span>\r\n        Need a digital solution built around your business goals?\r\n      <\/span>\r\n\r\n      <a href=\"#contact\">\r\n\r\n        Let's Work Together\r\n\r\n        <b>\u2197<\/b>\r\n\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   SHAKHAWAT MARKETER \u2014 SERVICES\r\n   FINAL VERSION\r\n   ========================================================= *\/\r\n\r\n#services.sm-services {\r\n\r\n  --sm-navy: #0B1220;\r\n  --sm-blue: #2563EB;\r\n  --sm-orange: #F97316;\r\n  --sm-orange-dark: #EA580C;\r\n  --sm-muted: #64748B;\r\n  --sm-border: #E5EAF0;\r\n\r\n  position: relative;\r\n\r\n  display: block;\r\n\r\n  width: 100vw !important;\r\n  max-width: 100vw !important;\r\n  min-width: 100vw !important;\r\n\r\n  margin-left:\r\n    calc(50% - 50vw) !important;\r\n\r\n  margin-right:\r\n    calc(50% - 50vw) !important;\r\n\r\n  margin-top: 0 !important;\r\n  margin-bottom: 0 !important;\r\n\r\n  padding: 0 !important;\r\n\r\n  box-sizing: border-box;\r\n\r\n  overflow: hidden;\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      #F8FAFC 0%,\r\n      #FFFFFF 52%,\r\n      #FFF8F3 100%\r\n    );\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GLOBAL BOX SIZING\r\n   ========================================================= *\/\r\n\r\n#services.sm-services,\r\n#services.sm-services * {\r\n\r\n  box-sizing: border-box;\r\n\r\n}\r\n\r\n\r\n#services.sm-services {\r\n\r\n  isolation: isolate;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT WRAPPER\r\n   ========================================================= *\/\r\n\r\n#services .sm-services-wrap {\r\n\r\n  position: relative;\r\n\r\n  width:\r\n    min(\r\n      1180px,\r\n      calc(100% - 40px)\r\n    ) !important;\r\n\r\n  max-width: 1180px !important;\r\n\r\n  margin-left: auto !important;\r\n  margin-right: auto !important;\r\n\r\n  padding:\r\n    78px 0 72px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER\r\n   ========================================================= *\/\r\n\r\n#services .sm-services-header {\r\n\r\n  max-width: 720px;\r\n\r\n  margin:\r\n    0 auto 42px;\r\n\r\n  text-align: center;\r\n\r\n}\r\n\r\n\r\n#services .sm-eyebrow {\r\n\r\n  display: inline-block;\r\n\r\n  margin-bottom: 10px;\r\n\r\n  color:\r\n    var(--sm-blue);\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size: 11px;\r\n\r\n  font-weight: 800;\r\n\r\n  line-height: 1;\r\n\r\n  letter-spacing: .14em;\r\n\r\n}\r\n\r\n\r\n#services .sm-services-header h2 {\r\n\r\n  margin: 0 !important;\r\n\r\n  padding: 0 !important;\r\n\r\n  color:\r\n    var(--sm-navy);\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size:\r\n    clamp(\r\n      32px,\r\n      4vw,\r\n      46px\r\n    );\r\n\r\n  font-weight: 800;\r\n\r\n  line-height: 1.1;\r\n\r\n  letter-spacing: -1.5px;\r\n\r\n}\r\n\r\n\r\n#services .sm-services-header h2 span {\r\n\r\n  display: block;\r\n\r\n  color:\r\n    var(--sm-orange);\r\n\r\n}\r\n\r\n\r\n#services .sm-services-header p {\r\n\r\n  max-width: 650px;\r\n\r\n  margin:\r\n    15px auto 0 !important;\r\n\r\n  padding: 0 !important;\r\n\r\n  color:\r\n    var(--sm-muted);\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size: 14px;\r\n\r\n  line-height: 1.65;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GRID\r\n   ========================================================= *\/\r\n\r\n#services .sm-services-grid {\r\n\r\n  display: grid !important;\r\n\r\n  grid-template-columns:\r\n    repeat(3, minmax(0, 1fr));\r\n\r\n  gap: 17px;\r\n\r\n  width: 100%;\r\n\r\n  margin: 0 !important;\r\n\r\n  padding: 0 !important;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD\r\n   ========================================================= *\/\r\n\r\n#services .sm-service-card {\r\n\r\n  position: relative;\r\n\r\n  display: flex;\r\n\r\n  flex-direction: column;\r\n\r\n  min-width: 0;\r\n\r\n  min-height: 340px;\r\n\r\n  margin: 0 !important;\r\n\r\n  padding:\r\n    24px !important;\r\n\r\n  background:\r\n    rgba(255,255,255,.92);\r\n\r\n  border:\r\n    1px solid rgba(229,234,240,.95);\r\n\r\n  border-radius:\r\n    15px;\r\n\r\n  overflow: hidden;\r\n\r\n  box-shadow:\r\n    0 8px 25px rgba(11,18,32,.025);\r\n\r\n  backdrop-filter:\r\n    blur(4px);\r\n\r\n  -webkit-backdrop-filter:\r\n    blur(4px);\r\n\r\n  text-decoration: none !important;\r\n\r\n  transition:\r\n    transform .3s ease,\r\n    box-shadow .3s ease,\r\n    border-color .3s ease,\r\n    background .3s ease;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TOP GRADIENT LINE\r\n   ========================================================= *\/\r\n\r\n#services .sm-service-card::before {\r\n\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  top: 0;\r\n  left: 0;\r\n\r\n  width: 100%;\r\n\r\n  height: 3px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      var(--sm-blue),\r\n      var(--sm-orange)\r\n    );\r\n\r\n  transform:\r\n    scaleX(.18);\r\n\r\n  transform-origin:\r\n    left;\r\n\r\n  transition:\r\n    transform .35s ease;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SOFT CARD GLOW\r\n   ========================================================= *\/\r\n\r\n#services .sm-service-card::after {\r\n\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  width: 170px;\r\n  height: 170px;\r\n\r\n  right: -95px;\r\n  bottom: -100px;\r\n\r\n  border-radius: 50%;\r\n\r\n  background:\r\n    rgba(37,99,235,.055);\r\n\r\n  transition:\r\n    transform .45s ease;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HOVER\r\n   ========================================================= *\/\r\n\r\n#services .sm-service-card:hover {\r\n\r\n  transform:\r\n    translateY(-7px);\r\n\r\n  background:\r\n    #FFFFFF;\r\n\r\n  border-color:\r\n    rgba(37,99,235,.18);\r\n\r\n  box-shadow:\r\n    0 20px 45px rgba(11,18,32,.08);\r\n\r\n}\r\n\r\n\r\n#services .sm-service-card:hover::before {\r\n\r\n  transform:\r\n    scaleX(1);\r\n\r\n}\r\n\r\n\r\n#services .sm-service-card:hover::after {\r\n\r\n  transform:\r\n    scale(1.7);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD TOP\r\n   ========================================================= *\/\r\n\r\n#services .sm-card-top {\r\n\r\n  position: relative;\r\n\r\n  z-index: 2;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: space-between;\r\n\r\n  margin:\r\n    0 0 21px;\r\n\r\n}\r\n\r\n\r\n#services .sm-number {\r\n\r\n  color:\r\n    #94A3B8;\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size: 11px;\r\n\r\n  font-weight: 800;\r\n\r\n  letter-spacing: .1em;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ICON\r\n   ========================================================= *\/\r\n\r\n#services .sm-icon {\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: center;\r\n\r\n  width: 42px;\r\n  height: 42px;\r\n\r\n  border-radius: 11px;\r\n\r\n  color:\r\n    #FFFFFF;\r\n\r\n  background:\r\n    var(--sm-blue);\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size: 20px;\r\n\r\n  font-weight: 700;\r\n\r\n  transition:\r\n    transform .3s ease,\r\n    background .3s ease;\r\n\r\n}\r\n\r\n\r\n#services .sm-service-card:nth-child(2)\r\n.sm-icon {\r\n\r\n  background:\r\n    var(--sm-orange);\r\n\r\n}\r\n\r\n\r\n#services .sm-service-card:nth-child(3)\r\n.sm-icon {\r\n\r\n  background:\r\n    var(--sm-navy);\r\n\r\n}\r\n\r\n\r\n#services .sm-service-card:hover\r\n.sm-icon {\r\n\r\n  transform:\r\n    rotate(-8deg)\r\n    scale(1.08);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SERVICE LABEL\r\n   ========================================================= *\/\r\n\r\n#services .sm-service-label {\r\n\r\n  position: relative;\r\n\r\n  z-index: 2;\r\n\r\n  margin-bottom: 8px;\r\n\r\n  color:\r\n    var(--sm-blue);\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size: 9px;\r\n\r\n  font-weight: 800;\r\n\r\n  letter-spacing: .1em;\r\n\r\n}\r\n\r\n\r\n#services .sm-service-card:nth-child(2)\r\n.sm-service-label {\r\n\r\n  color:\r\n    var(--sm-orange);\r\n\r\n}\r\n\r\n\r\n#services .sm-service-card:nth-child(3)\r\n.sm-service-label {\r\n\r\n  color:\r\n    #475569;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TITLE\r\n   ========================================================= *\/\r\n\r\n#services .sm-service-card h3 {\r\n\r\n  position: relative;\r\n\r\n  z-index: 2;\r\n\r\n  margin:\r\n    0 0 11px !important;\r\n\r\n  padding: 0 !important;\r\n\r\n  color:\r\n    var(--sm-navy);\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size: 22px;\r\n\r\n  font-weight: 800;\r\n\r\n  line-height: 1.2;\r\n\r\n  letter-spacing: -.4px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESCRIPTION\r\n   ========================================================= *\/\r\n\r\n#services .sm-service-card p {\r\n\r\n  position: relative;\r\n\r\n  z-index: 2;\r\n\r\n  margin:\r\n    0 !important;\r\n\r\n  padding: 0 !important;\r\n\r\n  color:\r\n    var(--sm-muted);\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size: 12px;\r\n\r\n  line-height: 1.7;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SERVICE LIST\r\n   ========================================================= *\/\r\n\r\n#services .sm-service-list {\r\n\r\n  position: relative;\r\n\r\n  z-index: 2;\r\n\r\n  display: flex;\r\n\r\n  flex-wrap: wrap;\r\n\r\n  gap: 6px;\r\n\r\n  margin-top: 18px;\r\n\r\n}\r\n\r\n\r\n#services .sm-service-list span {\r\n\r\n  display: inline-flex;\r\n\r\n  align-items: center;\r\n\r\n  padding:\r\n    5px 8px;\r\n\r\n  color:\r\n    #475569;\r\n\r\n  background:\r\n    #F8FAFC;\r\n\r\n  border:\r\n    1px solid #E7ECF2;\r\n\r\n  border-radius:\r\n    6px;\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size: 8px;\r\n\r\n  font-weight: 700;\r\n\r\n  white-space: nowrap;\r\n\r\n  transition:\r\n    background .25s ease,\r\n    border-color .25s ease,\r\n    color .25s ease;\r\n\r\n}\r\n\r\n\r\n#services .sm-service-card:hover\r\n.sm-service-list span {\r\n\r\n  background:\r\n    #FFFFFF;\r\n\r\n  border-color:\r\n    rgba(37,99,235,.15);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD BOTTOM LINE\r\n   ========================================================= *\/\r\n\r\n#services .sm-card-line {\r\n\r\n  position: absolute;\r\n\r\n  left: 24px;\r\n\r\n  bottom: 56px;\r\n\r\n  width: 30px;\r\n\r\n  height: 2px;\r\n\r\n  background:\r\n    var(--sm-orange);\r\n\r\n  transition:\r\n    width .3s ease;\r\n\r\n}\r\n\r\n\r\n#services .sm-service-card:hover\r\n.sm-card-line {\r\n\r\n  width:\r\n    55px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD LINK\r\n   ========================================================= *\/\r\n\r\n#services .sm-card-link {\r\n\r\n  position: absolute;\r\n\r\n  z-index: 3;\r\n\r\n  left: 24px;\r\n\r\n  bottom: 22px;\r\n\r\n  display: inline-flex;\r\n\r\n  align-items: center;\r\n\r\n  gap: 7px;\r\n\r\n  color:\r\n    var(--sm-navy);\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size: 9px;\r\n\r\n  font-weight: 800;\r\n\r\n  transition:\r\n    color .25s ease,\r\n    transform .25s ease;\r\n\r\n}\r\n\r\n\r\n#services .sm-card-link span {\r\n\r\n  color:\r\n    var(--sm-orange);\r\n\r\n  font-size: 13px;\r\n\r\n  transition:\r\n    transform .25s ease;\r\n\r\n}\r\n\r\n\r\n#services .sm-service-card:hover\r\n.sm-card-link {\r\n\r\n  color:\r\n    var(--sm-orange);\r\n\r\n}\r\n\r\n\r\n#services .sm-service-card:hover\r\n.sm-card-link span {\r\n\r\n  transform:\r\n    translate(2px,-2px);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CTA\r\n   ========================================================= *\/\r\n\r\n#services .sm-services-cta {\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: center;\r\n\r\n  gap: 20px;\r\n\r\n  margin:\r\n    40px 0 0 !important;\r\n\r\n  padding:\r\n    27px 0 0;\r\n\r\n  border-top:\r\n    1px solid rgba(229,234,240,.9);\r\n\r\n}\r\n\r\n\r\n#services .sm-services-cta span {\r\n\r\n  color:\r\n    var(--sm-muted);\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size: 12px;\r\n\r\n}\r\n\r\n\r\n#services .sm-services-cta a {\r\n\r\n  display: inline-flex;\r\n\r\n  align-items: center;\r\n\r\n  gap: 8px;\r\n\r\n  padding:\r\n    11px 18px;\r\n\r\n  border-radius:\r\n    8px;\r\n\r\n  color:\r\n    #FFFFFF !important;\r\n\r\n  background:\r\n    var(--sm-orange);\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size: 11px;\r\n\r\n  font-weight: 700;\r\n\r\n  text-decoration: none !important;\r\n\r\n  transition:\r\n    transform .25s ease,\r\n    box-shadow .25s ease,\r\n    background .25s ease;\r\n\r\n}\r\n\r\n\r\n#services .sm-services-cta a:hover {\r\n\r\n  color:\r\n    #FFFFFF !important;\r\n\r\n  background:\r\n    var(--sm-orange-dark);\r\n\r\n  transform:\r\n    translateY(-3px);\r\n\r\n  box-shadow:\r\n    0 10px 24px rgba(249,115,22,.18);\r\n\r\n}\r\n\r\n\r\n#services .sm-services-cta a b {\r\n\r\n  font-size:\r\n    14px;\r\n\r\n  transition:\r\n    transform .25s ease;\r\n\r\n}\r\n\r\n\r\n#services .sm-services-cta a:hover b {\r\n\r\n  transform:\r\n    translate(2px,-2px);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n  #services .sm-services-grid {\r\n\r\n    grid-template-columns:\r\n      repeat(2, minmax(0, 1fr));\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 650px) {\r\n\r\n  #services.sm-services {\r\n\r\n    width: 100vw !important;\r\n\r\n    max-width: 100vw !important;\r\n\r\n    min-width: 100vw !important;\r\n\r\n    margin-left:\r\n      calc(50% - 50vw) !important;\r\n\r\n    margin-right:\r\n      calc(50% - 50vw) !important;\r\n\r\n  }\r\n\r\n\r\n  #services .sm-services-wrap {\r\n\r\n    width:\r\n      calc(100% - 28px) !important;\r\n\r\n    max-width:\r\n      none !important;\r\n\r\n    padding:\r\n      58px 0 55px;\r\n\r\n  }\r\n\r\n\r\n  #services .sm-services-header {\r\n\r\n    margin-bottom:\r\n      30px;\r\n\r\n  }\r\n\r\n\r\n  #services .sm-services-header h2 {\r\n\r\n    font-size:\r\n      31px;\r\n\r\n  }\r\n\r\n\r\n  #services .sm-services-header p {\r\n\r\n    font-size:\r\n      13px;\r\n\r\n  }\r\n\r\n\r\n  #services .sm-services-grid {\r\n\r\n    grid-template-columns:\r\n      1fr;\r\n\r\n    gap:\r\n      12px;\r\n\r\n  }\r\n\r\n\r\n  #services .sm-service-card {\r\n\r\n    min-height:\r\n      310px;\r\n\r\n    padding:\r\n      21px !important;\r\n\r\n  }\r\n\r\n\r\n  #services .sm-service-card h3 {\r\n\r\n    font-size:\r\n      20px;\r\n\r\n  }\r\n\r\n\r\n  #services .sm-service-card p {\r\n\r\n    font-size:\r\n      12px;\r\n\r\n  }\r\n\r\n\r\n  #services .sm-card-line {\r\n\r\n    left:\r\n      21px;\r\n\r\n  }\r\n\r\n\r\n  #services .sm-card-link {\r\n\r\n    left:\r\n      21px;\r\n\r\n  }\r\n\r\n\r\n  #services .sm-services-cta {\r\n\r\n    flex-direction:\r\n      column;\r\n\r\n    gap:\r\n      14px;\r\n\r\n    text-align:\r\n      center;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 380px) {\r\n\r\n  #services .sm-services-header h2 {\r\n\r\n    font-size:\r\n      28px;\r\n\r\n  }\r\n\r\n\r\n  #services .sm-service-card {\r\n\r\n    min-height:\r\n      325px;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ACCESSIBILITY\r\n   ========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n  #services *,\r\n  #services *::before,\r\n  #services *::after {\r\n\r\n    transition:\r\n      none !important;\r\n\r\n    animation:\r\n      none !important;\r\n\r\n  }\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-604b1c6d e-flex e-con-boxed e-con e-parent\" data-id=\"604b1c6d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-312fba71 elementor-widget elementor-widget-html\" data-id=\"312fba71\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"expertise\" class=\"sm-expertise\">\r\n\r\n  <div class=\"sm-expertise-wrap\">\r\n\r\n\r\n    <!-- =====================================================\r\n         SECTION HEADER\r\n         ===================================================== -->\r\n\r\n    <div class=\"sm-expertise-header\">\r\n\r\n      <span class=\"sm-expertise-eyebrow\">\r\n        MY EXPERTISE\r\n      <\/span>\r\n\r\n      <h2>\r\n        Expertise That Drives\r\n        <span>Digital Growth<\/span>\r\n      <\/h2>\r\n\r\n      <p>\r\n        Combining marketing strategy, creative production, and web\r\n        technology to build stronger digital experiences and measurable\r\n        business growth.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         MAIN GRID\r\n         ===================================================== -->\r\n\r\n    <div class=\"sm-expertise-grid\">\r\n\r\n\r\n      <!-- ===================================================\r\n           LEFT \u2014 CORE EXPERTISE\r\n           =================================================== -->\r\n\r\n      <div class=\"sm-skills-panel\">\r\n\r\n        <div class=\"sm-panel-label\">\r\n          CORE EXPERTISE\r\n        <\/div>\r\n\r\n\r\n        <!-- EXPERTISE 01 -->\r\n\r\n        <div class=\"sm-expertise-item\">\r\n\r\n          <div class=\"sm-expertise-item-top\">\r\n\r\n            <div class=\"sm-expertise-icon\">\r\n              <span>01<\/span>\r\n            <\/div>\r\n\r\n            <div>\r\n\r\n              <strong>\r\n                Digital Marketing\r\n              <\/strong>\r\n\r\n              <p>\r\n                Performance marketing, paid advertising,\r\n                lead generation, and growth strategy.\r\n              <\/p>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- EXPERTISE 02 -->\r\n\r\n        <div class=\"sm-expertise-item\">\r\n\r\n          <div class=\"sm-expertise-item-top\">\r\n\r\n            <div class=\"sm-expertise-icon orange\">\r\n              <span>02<\/span>\r\n            <\/div>\r\n\r\n            <div>\r\n\r\n              <strong>\r\n                Performance Advertising\r\n              <\/strong>\r\n\r\n              <p>\r\n                Meta Ads, Google Ads, campaign testing,\r\n                optimization, and conversion-focused execution.\r\n              <\/p>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- EXPERTISE 03 -->\r\n\r\n        <div class=\"sm-expertise-item\">\r\n\r\n          <div class=\"sm-expertise-item-top\">\r\n\r\n            <div class=\"sm-expertise-icon dark\">\r\n              <span>03<\/span>\r\n            <\/div>\r\n\r\n            <div>\r\n\r\n              <strong>\r\n                Motion Graphics & Video\r\n              <\/strong>\r\n\r\n              <p>\r\n                Promotional visuals, product videos, social media\r\n                creatives, and engaging motion content.\r\n              <\/p>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- EXPERTISE 04 -->\r\n\r\n        <div class=\"sm-expertise-item\">\r\n\r\n          <div class=\"sm-expertise-item-top\">\r\n\r\n            <div class=\"sm-expertise-icon\">\r\n              <span>04<\/span>\r\n            <\/div>\r\n\r\n            <div>\r\n\r\n              <strong>\r\n                WordPress Development\r\n              <\/strong>\r\n\r\n              <p>\r\n                Landing pages, business websites, WooCommerce,\r\n                and conversion-focused web experiences.\r\n              <\/p>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- EXPERTISE 05 -->\r\n\r\n        <div class=\"sm-expertise-item\">\r\n\r\n          <div class=\"sm-expertise-item-top\">\r\n\r\n            <div class=\"sm-expertise-icon orange\">\r\n              <span>05<\/span>\r\n            <\/div>\r\n\r\n            <div>\r\n\r\n              <strong>\r\n                Conversion Optimization\r\n              <\/strong>\r\n\r\n              <p>\r\n                Improving landing pages, funnels, and customer\r\n                journeys to turn more visitors into customers.\r\n              <\/p>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- EXPERTISE 06 -->\r\n\r\n        <div class=\"sm-expertise-item\">\r\n\r\n          <div class=\"sm-expertise-item-top\">\r\n\r\n            <div class=\"sm-expertise-icon dark\">\r\n              <span>06<\/span>\r\n            <\/div>\r\n\r\n            <div>\r\n\r\n              <strong>\r\n                Analytics & Tracking\r\n              <\/strong>\r\n\r\n              <p>\r\n                Data tracking, campaign measurement, analytics,\r\n                and performance-focused optimization.\r\n              <\/p>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- ===================================================\r\n           RIGHT \u2014 TOOLS & TECHNOLOGIES\r\n           =================================================== -->\r\n\r\n      <div class=\"sm-tools-panel\">\r\n\r\n        <div class=\"sm-panel-label\">\r\n          TOOLS & TECHNOLOGIES\r\n        <\/div>\r\n\r\n\r\n        <div class=\"sm-tools-grid\">\r\n\r\n\r\n          <!-- META -->\r\n\r\n          <div class=\"sm-tool\">\r\n\r\n            <div class=\"sm-tool-icon\">\r\n              M\r\n            <\/div>\r\n\r\n            <strong>\r\n              Meta Ads\r\n            <\/strong>\r\n\r\n            <span>\r\n              Advertising\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n\r\n\r\n          <!-- GOOGLE ADS -->\r\n\r\n          <div class=\"sm-tool\">\r\n\r\n            <div class=\"sm-tool-icon orange\">\r\n              G\r\n            <\/div>\r\n\r\n            <strong>\r\n              Google Ads\r\n            <\/strong>\r\n\r\n            <span>\r\n              Advertising\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n\r\n\r\n          <!-- ANALYTICS -->\r\n\r\n          <div class=\"sm-tool\">\r\n\r\n            <div class=\"sm-tool-icon\">\r\n              GA\r\n            <\/div>\r\n\r\n            <strong>\r\n              Google Analytics\r\n            <\/strong>\r\n\r\n            <span>\r\n              Analytics\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n\r\n\r\n          <!-- GTM -->\r\n\r\n          <div class=\"sm-tool\">\r\n\r\n            <div class=\"sm-tool-icon orange\">\r\n              GTM\r\n            <\/div>\r\n\r\n            <strong>\r\n              Google Tag Manager\r\n            <\/strong>\r\n\r\n            <span>\r\n              Tracking\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n\r\n\r\n          <!-- TIKTOK -->\r\n\r\n          <div class=\"sm-tool\">\r\n\r\n            <div class=\"sm-tool-icon dark\">\r\n              T\r\n            <\/div>\r\n\r\n            <strong>\r\n              TikTok Ads\r\n            <\/strong>\r\n\r\n            <span>\r\n              Advertising\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n\r\n\r\n          <!-- WORDPRESS -->\r\n\r\n          <div class=\"sm-tool\">\r\n\r\n            <div class=\"sm-tool-icon\">\r\n              WP\r\n            <\/div>\r\n\r\n            <strong>\r\n              WordPress\r\n            <\/strong>\r\n\r\n            <span>\r\n              Web Development\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n\r\n\r\n          <!-- ELEMENTOR -->\r\n\r\n          <div class=\"sm-tool\">\r\n\r\n            <div class=\"sm-tool-icon orange\">\r\n              E\r\n            <\/div>\r\n\r\n            <strong>\r\n              Elementor\r\n            <\/strong>\r\n\r\n            <span>\r\n              Web Design\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n\r\n\r\n          <!-- WOOCOMMERCE -->\r\n\r\n          <div class=\"sm-tool\">\r\n\r\n            <div class=\"sm-tool-icon dark\">\r\n              W\r\n            <\/div>\r\n\r\n            <strong>\r\n              WooCommerce\r\n            <\/strong>\r\n\r\n            <span>\r\n              E-commerce\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- =================================================\r\n             APPROACH NOTE\r\n             ================================================= -->\r\n\r\n        <div class=\"sm-expertise-note\">\r\n\r\n          <div class=\"sm-note-icon\">\r\n            \u2713\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <strong>\r\n              Strategy Before Execution\r\n            <\/strong>\r\n\r\n            <p>\r\n              Every project starts with understanding the goal,\r\n              audience, and customer journey before choosing the\r\n              right marketing, creative, or web solution.\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         BOTTOM PHILOSOPHY\r\n         ===================================================== -->\r\n\r\n    <div class=\"sm-expertise-bottom\">\r\n\r\n\r\n      <div>\r\n\r\n        <strong>\r\n          Strategy\r\n        <\/strong>\r\n\r\n        <span>\r\n          First\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div>\r\n\r\n        <strong>\r\n          Creative\r\n        <\/strong>\r\n\r\n        <span>\r\n          Focused\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div>\r\n\r\n        <strong>\r\n          Technology\r\n        <\/strong>\r\n\r\n        <span>\r\n          Driven\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div>\r\n\r\n        <strong>\r\n          Growth\r\n        <\/strong>\r\n\r\n        <span>\r\n          Oriented\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   SHAKHAWAT MARKETER\r\n   EXPERTISE \u2014 FINAL VERSION\r\n   ========================================================= *\/\r\n\r\n#expertise.sm-expertise {\r\n\r\n  --navy:#0B1220;\r\n  --blue:#2563EB;\r\n  --orange:#F97316;\r\n  --orange-dark:#EA580C;\r\n  --muted:#64748B;\r\n  --border:#E5EAF0;\r\n\r\n  position:relative;\r\n\r\n  display:block;\r\n\r\n  width:100vw !important;\r\n  max-width:100vw !important;\r\n  min-width:100vw !important;\r\n\r\n  margin-left:\r\n    calc(50% - 50vw) !important;\r\n\r\n  margin-right:\r\n    calc(50% - 50vw) !important;\r\n\r\n  margin-top:0 !important;\r\n  margin-bottom:0 !important;\r\n\r\n  padding:0 !important;\r\n\r\n  overflow:hidden;\r\n\r\n  box-sizing:border-box;\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      #FFF8F3 0%,\r\n      #FFFFFF 48%,\r\n      #F8FAFC 100%\r\n    );\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INNER\r\n   ========================================================= *\/\r\n\r\n#expertise .sm-expertise-wrap {\r\n\r\n  width:\r\n    min(\r\n      1180px,\r\n      calc(100% - 40px)\r\n    ) !important;\r\n\r\n  max-width:1180px !important;\r\n\r\n  margin:0 auto !important;\r\n\r\n  padding:\r\n    80px 0 70px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER\r\n   ========================================================= *\/\r\n\r\n#expertise .sm-expertise-header {\r\n\r\n  max-width:740px;\r\n\r\n  margin:\r\n    0 auto 45px;\r\n\r\n  text-align:center;\r\n\r\n}\r\n\r\n\r\n#expertise .sm-expertise-eyebrow {\r\n\r\n  display:inline-block;\r\n\r\n  margin-bottom:10px;\r\n\r\n  color:\r\n    var(--blue);\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size:10px;\r\n\r\n  font-weight:800;\r\n\r\n  letter-spacing:.14em;\r\n\r\n}\r\n\r\n\r\n#expertise .sm-expertise-header h2 {\r\n\r\n  margin:0 !important;\r\n\r\n  padding:0 !important;\r\n\r\n  color:\r\n    var(--navy);\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size:\r\n    clamp(\r\n      34px,\r\n      4vw,\r\n      47px\r\n    );\r\n\r\n  font-weight:800;\r\n\r\n  line-height:1.08;\r\n\r\n  letter-spacing:-1.5px;\r\n\r\n}\r\n\r\n\r\n#expertise .sm-expertise-header h2 span {\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--orange);\r\n\r\n}\r\n\r\n\r\n#expertise .sm-expertise-header p {\r\n\r\n  max-width:670px;\r\n\r\n  margin:\r\n    15px auto 0 !important;\r\n\r\n  color:\r\n    var(--muted);\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size:13px;\r\n\r\n  line-height:1.7;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN GRID\r\n   ========================================================= *\/\r\n\r\n#expertise .sm-expertise-grid {\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    minmax(0,1.05fr)\r\n    minmax(0,.95fr);\r\n\r\n  gap:18px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PANELS\r\n   ========================================================= *\/\r\n\r\n#expertise .sm-skills-panel,\r\n#expertise .sm-tools-panel {\r\n\r\n  position:relative;\r\n\r\n  padding:29px;\r\n\r\n  background:\r\n    rgba(255,255,255,.92);\r\n\r\n  border:\r\n    1px solid var(--border);\r\n\r\n  border-radius:16px;\r\n\r\n  box-shadow:\r\n    0 10px 30px rgba(11,18,32,.035);\r\n\r\n}\r\n\r\n\r\n#expertise .sm-panel-label {\r\n\r\n  margin-bottom:23px;\r\n\r\n  color:\r\n    var(--navy);\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size:10px;\r\n\r\n  font-weight:800;\r\n\r\n  letter-spacing:.1em;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   EXPERTISE ITEMS\r\n   ========================================================= *\/\r\n\r\n#expertise .sm-expertise-item {\r\n\r\n  padding:\r\n    15px 0;\r\n\r\n  border-bottom:\r\n    1px solid #EEF1F5;\r\n\r\n  transition:\r\n    transform .25s ease;\r\n\r\n}\r\n\r\n\r\n#expertise .sm-expertise-item:first-of-type {\r\n\r\n  padding-top:0;\r\n\r\n}\r\n\r\n\r\n#expertise .sm-expertise-item:last-child {\r\n\r\n  border-bottom:0;\r\n\r\n  padding-bottom:0;\r\n\r\n}\r\n\r\n\r\n#expertise .sm-expertise-item:hover {\r\n\r\n  transform:\r\n    translateX(4px);\r\n\r\n}\r\n\r\n\r\n#expertise .sm-expertise-item-top {\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    38px 1fr;\r\n\r\n  gap:13px;\r\n\r\n  align-items:start;\r\n\r\n}\r\n\r\n\r\n#expertise .sm-expertise-icon {\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:center;\r\n\r\n  width:38px;\r\n\r\n  height:38px;\r\n\r\n  border-radius:10px;\r\n\r\n  color:#FFFFFF;\r\n\r\n  background:\r\n    var(--blue);\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size:9px;\r\n\r\n  font-weight:800;\r\n\r\n}\r\n\r\n\r\n#expertise .sm-expertise-icon.orange {\r\n\r\n  background:\r\n    var(--orange);\r\n\r\n}\r\n\r\n\r\n#expertise .sm-expertise-icon.dark {\r\n\r\n  background:\r\n    var(--navy);\r\n\r\n}\r\n\r\n\r\n#expertise .sm-expertise-item strong {\r\n\r\n  display:block;\r\n\r\n  margin-top:1px;\r\n\r\n  color:\r\n    var(--navy);\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size:12px;\r\n\r\n  font-weight:800;\r\n\r\n}\r\n\r\n\r\n#expertise .sm-expertise-item p {\r\n\r\n  margin:\r\n    5px 0 0;\r\n\r\n  color:\r\n    var(--muted);\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size:9px;\r\n\r\n  line-height:1.55;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TOOLS GRID\r\n   ========================================================= *\/\r\n\r\n#expertise .sm-tools-grid {\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    repeat(2,minmax(0,1fr));\r\n\r\n  gap:10px;\r\n\r\n}\r\n\r\n\r\n#expertise .sm-tool {\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    40px 1fr;\r\n\r\n  grid-template-rows:\r\n    auto auto;\r\n\r\n  column-gap:11px;\r\n\r\n  align-items:center;\r\n\r\n  padding:13px;\r\n\r\n  border:\r\n    1px solid var(--border);\r\n\r\n  border-radius:11px;\r\n\r\n  background:#FFFFFF;\r\n\r\n  transition:\r\n    transform .3s ease,\r\n    box-shadow .3s ease,\r\n    border-color .3s ease;\r\n\r\n}\r\n\r\n\r\n#expertise .sm-tool:hover {\r\n\r\n  transform:\r\n    translateY(-5px);\r\n\r\n  border-color:\r\n    rgba(37,99,235,.2);\r\n\r\n  box-shadow:\r\n    0 12px 25px rgba(11,18,32,.07);\r\n\r\n}\r\n\r\n\r\n#expertise .sm-tool-icon {\r\n\r\n  grid-row:\r\n    1 \/ 3;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:center;\r\n\r\n  width:40px;\r\n\r\n  height:40px;\r\n\r\n  border-radius:10px;\r\n\r\n  color:#FFFFFF;\r\n\r\n  background:\r\n    var(--blue);\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size:10px;\r\n\r\n  font-weight:800;\r\n\r\n}\r\n\r\n\r\n#expertise .sm-tool-icon.orange {\r\n\r\n  background:\r\n    var(--orange);\r\n\r\n}\r\n\r\n\r\n#expertise .sm-tool-icon.dark {\r\n\r\n  background:\r\n    var(--navy);\r\n\r\n}\r\n\r\n\r\n#expertise .sm-tool strong {\r\n\r\n  color:\r\n    var(--navy);\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size:10px;\r\n\r\n  font-weight:800;\r\n\r\n}\r\n\r\n\r\n#expertise .sm-tool span {\r\n\r\n  color:\r\n    #94A3B8;\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size:8px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NOTE\r\n   ========================================================= *\/\r\n\r\n#expertise .sm-expertise-note {\r\n\r\n  display:flex;\r\n\r\n  gap:12px;\r\n\r\n  align-items:flex-start;\r\n\r\n  margin-top:17px;\r\n\r\n  padding:15px;\r\n\r\n  border-radius:11px;\r\n\r\n  background:\r\n    #F8FAFC;\r\n\r\n  border:\r\n    1px solid var(--border);\r\n\r\n}\r\n\r\n\r\n#expertise .sm-note-icon {\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:center;\r\n\r\n  flex:\r\n    0 0 auto;\r\n\r\n  width:27px;\r\n\r\n  height:27px;\r\n\r\n  border-radius:7px;\r\n\r\n  color:#FFFFFF;\r\n\r\n  background:\r\n    var(--orange);\r\n\r\n  font-size:13px;\r\n\r\n  font-weight:800;\r\n\r\n}\r\n\r\n\r\n#expertise .sm-expertise-note strong {\r\n\r\n  display:block;\r\n\r\n  margin-bottom:3px;\r\n\r\n  color:\r\n    var(--navy);\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size:10px;\r\n\r\n}\r\n\r\n\r\n#expertise .sm-expertise-note p {\r\n\r\n  margin:0;\r\n\r\n  color:\r\n    var(--muted);\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size:9px;\r\n\r\n  line-height:1.55;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BOTTOM PHILOSOPHY\r\n   ========================================================= *\/\r\n\r\n#expertise .sm-expertise-bottom {\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    repeat(4,1fr);\r\n\r\n  margin-top:18px;\r\n\r\n  padding:\r\n    21px 0;\r\n\r\n  border-top:\r\n    1px solid var(--border);\r\n\r\n  border-bottom:\r\n    1px solid var(--border);\r\n\r\n}\r\n\r\n\r\n#expertise .sm-expertise-bottom div {\r\n\r\n  text-align:center;\r\n\r\n  border-left:\r\n    1px solid var(--border);\r\n\r\n}\r\n\r\n\r\n#expertise .sm-expertise-bottom div:first-child {\r\n\r\n  border-left:0;\r\n\r\n}\r\n\r\n\r\n#expertise .sm-expertise-bottom strong {\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--navy);\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size:13px;\r\n\r\n  font-weight:800;\r\n\r\n}\r\n\r\n\r\n#expertise .sm-expertise-bottom span {\r\n\r\n  display:block;\r\n\r\n  margin-top:3px;\r\n\r\n  color:\r\n    var(--orange);\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size:9px;\r\n\r\n  font-weight:700;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width:850px) {\r\n\r\n  #expertise .sm-expertise-grid {\r\n\r\n    grid-template-columns:\r\n      1fr;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width:650px) {\r\n\r\n  #expertise.sm-expertise {\r\n\r\n    width:100vw !important;\r\n\r\n    max-width:100vw !important;\r\n\r\n    min-width:100vw !important;\r\n\r\n    margin-left:\r\n      calc(50% - 50vw) !important;\r\n\r\n    margin-right:\r\n      calc(50% - 50vw) !important;\r\n\r\n  }\r\n\r\n\r\n  #expertise .sm-expertise-wrap {\r\n\r\n    width:\r\n      calc(100% - 28px) !important;\r\n\r\n    padding:\r\n      58px 0 52px;\r\n\r\n  }\r\n\r\n\r\n  #expertise .sm-expertise-header {\r\n\r\n    margin-bottom:\r\n      30px;\r\n\r\n  }\r\n\r\n\r\n  #expertise .sm-expertise-header h2 {\r\n\r\n    font-size:\r\n      32px;\r\n\r\n  }\r\n\r\n\r\n  #expertise .sm-expertise-header p {\r\n\r\n    font-size:\r\n      12px;\r\n\r\n  }\r\n\r\n\r\n  #expertise .sm-skills-panel,\r\n  #expertise .sm-tools-panel {\r\n\r\n    padding:\r\n      21px;\r\n\r\n  }\r\n\r\n\r\n  #expertise .sm-expertise-item {\r\n\r\n    padding:\r\n      14px 0;\r\n\r\n  }\r\n\r\n\r\n  #expertise .sm-expertise-item-top {\r\n\r\n    grid-template-columns:\r\n      36px 1fr;\r\n\r\n    gap:11px;\r\n\r\n  }\r\n\r\n\r\n  #expertise .sm-expertise-icon {\r\n\r\n    width:36px;\r\n\r\n    height:36px;\r\n\r\n  }\r\n\r\n\r\n  #expertise .sm-expertise-item strong {\r\n\r\n    font-size:\r\n      11px;\r\n\r\n  }\r\n\r\n\r\n  #expertise .sm-expertise-item p {\r\n\r\n    font-size:\r\n      9px;\r\n\r\n  }\r\n\r\n\r\n  #expertise .sm-tools-grid {\r\n\r\n    grid-template-columns:\r\n      1fr;\r\n\r\n  }\r\n\r\n\r\n  #expertise .sm-expertise-bottom {\r\n\r\n    grid-template-columns:\r\n      repeat(2,1fr);\r\n\r\n    gap:\r\n      18px 0;\r\n\r\n  }\r\n\r\n\r\n  #expertise .sm-expertise-bottom div:nth-child(3) {\r\n\r\n    border-left:\r\n      0;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width:380px) {\r\n\r\n  #expertise .sm-expertise-header h2 {\r\n\r\n    font-size:\r\n      29px;\r\n\r\n  }\r\n\r\n\r\n  #expertise .sm-skills-panel,\r\n  #expertise .sm-tools-panel {\r\n\r\n    padding:\r\n      18px;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ACCESSIBILITY\r\n   ========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n  #expertise *,\r\n  #expertise *::before,\r\n  #expertise *::after {\r\n\r\n    transition:\r\n      none !important;\r\n\r\n    animation:\r\n      none !important;\r\n\r\n  }\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3440c85d e-flex e-con-boxed e-con e-parent\" data-id=\"3440c85d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-567bb4c1 elementor-widget elementor-widget-html\" data-id=\"567bb4c1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"case-studies\" class=\"sm-cases\">\r\n\r\n  <div class=\"sm-cases-wrap\">\r\n\r\n    <!-- HEADER -->\r\n    <div class=\"sm-cases-header\">\r\n\r\n      <span>\r\n        SELECTED WORK\r\n      <\/span>\r\n\r\n      <h2>\r\n        Real Campaigns.\r\n        <strong>Real Results.<\/strong>\r\n      <\/h2>\r\n\r\n      <p>\r\n        A selection of performance marketing campaigns where strategy,\r\n        testing, and data-driven optimization turned advertising spend\r\n        into measurable business growth.\r\n      <\/p>\r\n\r\n      <!-- VIEW ALL BUTTON -->\r\n      <a\r\n        href=\"\/digital-marketing\/\"\r\n        class=\"sm-view-all-btn\"\r\n        aria-label=\"View all digital marketing case studies\"\r\n      >\r\n        <span>View All Marketing Case Studies<\/span>\r\n        <b>\u2197<\/b>\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- CASE STUDIES GRID -->\r\n    <div class=\"sm-cases-grid\">\r\n\r\n\r\n      <!-- CASE 01 -->\r\n      <article class=\"sm-case\">\r\n\r\n        <div class=\"sm-case-img\">\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/shakhawatmarketer.com\/wp-content\/uploads\/2026\/08\/portfolio-30.png\"\r\n            alt=\"E-commerce Facebook Ads campaign with 13.2x ROAS\"\r\n            loading=\"lazy\"\r\n          >\r\n\r\n          <span>\r\n            E-COMMERCE\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"sm-case-body\">\r\n\r\n          <small>\r\n            01 \u00b7 FACEBOOK ADS\r\n          <\/small>\r\n\r\n          <h3>\r\n            E-commerce Campaign \u2014 13.2\u00d7 ROAS\r\n          <\/h3>\r\n\r\n          <p>\r\n            A purchase-focused campaign optimized through audience\r\n            testing, creative testing, and performance-based scaling.\r\n          <\/p>\r\n\r\n          <div class=\"sm-case-result\">\r\n\r\n            <strong>\r\n              13.2\u00d7\r\n            <\/strong>\r\n\r\n            <span>\r\n              ROAS\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- CASE 02 -->\r\n      <article class=\"sm-case\">\r\n\r\n        <div class=\"sm-case-img\">\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/shakhawatmarketer.com\/wp-content\/uploads\/2026\/08\/portfolio-31.png\"\r\n            alt=\"Organic product Facebook Ads campaign with 11.65x ROAS\"\r\n            loading=\"lazy\"\r\n          >\r\n\r\n          <span>\r\n            ORGANIC PRODUCT\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"sm-case-body\">\r\n\r\n          <small>\r\n            02 \u00b7 FACEBOOK ADS\r\n          <\/small>\r\n\r\n          <h3>\r\n            Organic Product \u2014 11.65\u00d7 ROAS\r\n          <\/h3>\r\n\r\n          <p>\r\n            Built around conversion-focused targeting, creative\r\n            variations, and continuous campaign optimization.\r\n          <\/p>\r\n\r\n          <div class=\"sm-case-result\">\r\n\r\n            <strong>\r\n              11.65\u00d7\r\n            <\/strong>\r\n\r\n            <span>\r\n              ROAS\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- CASE 03 -->\r\n      <article class=\"sm-case\">\r\n\r\n        <div class=\"sm-case-img\">\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/shakhawatmarketer.com\/wp-content\/uploads\/2026\/08\/Portfolio-39.jpg\"\r\n            alt=\"Women's clothing Facebook Ads campaign with 3183 purchases\"\r\n            loading=\"lazy\"\r\n          >\r\n\r\n          <span>\r\n            WOMEN'S CLOTHING\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"sm-case-body\">\r\n\r\n          <small>\r\n            03 \u00b7 FACEBOOK ADS\r\n          <\/small>\r\n\r\n          <h3>\r\n            Clothing Brand \u2014 3,183 Purchases\r\n          <\/h3>\r\n\r\n          <p>\r\n            A conversion-focused e-commerce campaign built around\r\n            purchase optimization, testing, and scalable audiences.\r\n          <\/p>\r\n\r\n          <div class=\"sm-case-result\">\r\n\r\n            <strong>\r\n              3,183\r\n            <\/strong>\r\n\r\n            <span>\r\n              PURCHASES\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- PERFORMANCE HIGHLIGHTS -->\r\n    <div class=\"sm-performance\">\r\n\r\n      <div class=\"sm-performance-title\">\r\n\r\n        <span>\r\n          PERFORMANCE HIGHLIGHTS\r\n        <\/span>\r\n\r\n        <h3>\r\n          Numbers That Tell the Story\r\n        <\/h3>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"sm-performance-grid\">\r\n\r\n        <div>\r\n\r\n          <strong>\r\n            0 <i>\u2192<\/i> 300K+\r\n          <\/strong>\r\n\r\n          <span>\r\n            BDT Daily Sales\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div>\r\n\r\n          <strong>\r\n            3\u00d7 <i>\u2192<\/i> 8\u00d7\r\n          <\/strong>\r\n\r\n          <span>\r\n            ROAS Improvement\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div>\r\n\r\n          <strong>\r\n            4\u00d7 <i>\u2192<\/i> 9\u00d7\r\n          <\/strong>\r\n\r\n          <span>\r\n            ROAS Improvement\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div>\r\n\r\n          <strong>\r\n            $50K+\r\n          <\/strong>\r\n\r\n          <span>\r\n            Ad Spend Managed\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- CTA -->\r\n    <div class=\"sm-cases-cta\">\r\n\r\n      <div>\r\n\r\n        <span>\r\n          READY TO GROW?\r\n        <\/span>\r\n\r\n        <h3>\r\n          Let's Build Your Next Growth Story.\r\n        <\/h3>\r\n\r\n      <\/div>\r\n\r\n\r\n      <a href=\"#contact\">\r\n\r\n        Discuss Your Project\r\n\r\n        <b>\r\n          \u2197\r\n        <\/b>\r\n\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   CASE STUDIES \u2014 FULL WIDTH\r\n========================================================= *\/\r\n\r\n#case-studies.sm-cases {\r\n\r\n  --navy:#0B1220;\r\n  --blue:#2563EB;\r\n  --orange:#F97316;\r\n  --muted:#64748B;\r\n  --border:#E5EAF0;\r\n\r\n  position:relative;\r\n\r\n  display:block;\r\n\r\n  width:100vw !important;\r\n  max-width:100vw !important;\r\n  min-width:100vw !important;\r\n\r\n  margin-left:calc(50% - 50vw) !important;\r\n  margin-right:calc(50% - 50vw) !important;\r\n\r\n  margin-top:0 !important;\r\n  margin-bottom:0 !important;\r\n\r\n  padding:0 !important;\r\n\r\n  overflow:hidden;\r\n\r\n  box-sizing:border-box;\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      #F8FAFC 0%,\r\n      #FFFFFF 50%,\r\n      #FFF8F3 100%\r\n    );\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   WRAPPER\r\n========================================================= *\/\r\n\r\n#case-studies .sm-cases-wrap {\r\n\r\n  width:min(1180px,calc(100% - 40px)) !important;\r\n\r\n  max-width:1180px !important;\r\n\r\n  margin:0 auto !important;\r\n\r\n  padding:82px 0 78px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER\r\n========================================================= *\/\r\n\r\n#case-studies .sm-cases-header {\r\n\r\n  max-width:760px;\r\n\r\n  margin:0 auto 45px;\r\n\r\n  text-align:center;\r\n\r\n}\r\n\r\n\r\n#case-studies .sm-cases-header > span {\r\n\r\n  display:inline-block;\r\n\r\n  margin-bottom:10px;\r\n\r\n  color:var(--blue);\r\n\r\n  font-family:Arial,Helvetica,sans-serif;\r\n\r\n  font-size:10px;\r\n\r\n  font-weight:800;\r\n\r\n  letter-spacing:.14em;\r\n\r\n}\r\n\r\n\r\n#case-studies .sm-cases-header h2 {\r\n\r\n  margin:0 !important;\r\n\r\n  color:var(--navy);\r\n\r\n  font-family:Arial,Helvetica,sans-serif;\r\n\r\n  font-size:clamp(35px,4vw,49px);\r\n\r\n  font-weight:800;\r\n\r\n  line-height:1.08;\r\n\r\n  letter-spacing:-1.5px;\r\n\r\n}\r\n\r\n\r\n#case-studies .sm-cases-header h2 strong {\r\n\r\n  color:var(--orange);\r\n\r\n}\r\n\r\n\r\n#case-studies .sm-cases-header p {\r\n\r\n  max-width:650px;\r\n\r\n  margin:16px auto 0 !important;\r\n\r\n  color:var(--muted);\r\n\r\n  font-family:Arial,Helvetica,sans-serif;\r\n\r\n  font-size:13px;\r\n\r\n  line-height:1.7;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VIEW ALL CASE STUDIES BUTTON\r\n========================================================= *\/\r\n\r\n#case-studies .sm-view-all-btn {\r\n\r\n  position:relative;\r\n\r\n  display:inline-flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:center;\r\n\r\n  gap:9px;\r\n\r\n  margin-top:23px;\r\n\r\n  padding:12px 18px;\r\n\r\n  border:1px solid rgba(37,99,235,.18);\r\n\r\n  border-radius:8px;\r\n\r\n  color:var(--blue) !important;\r\n\r\n  background:#FFFFFF;\r\n\r\n  font-family:Arial,Helvetica,sans-serif;\r\n\r\n  font-size:10px;\r\n\r\n  font-weight:800;\r\n\r\n  letter-spacing:.01em;\r\n\r\n  text-decoration:none !important;\r\n\r\n  overflow:hidden;\r\n\r\n  isolation:isolate;\r\n\r\n  box-shadow:\r\n    0 5px 18px rgba(11,18,32,.045);\r\n\r\n  transition:\r\n    transform .25s ease,\r\n    box-shadow .25s ease,\r\n    border-color .25s ease;\r\n\r\n}\r\n\r\n\r\n\/* Moving light *\/\r\n\r\n#case-studies .sm-view-all-btn::before {\r\n\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  top:0;\r\n\r\n  left:-70%;\r\n\r\n  width:45%;\r\n\r\n  height:100%;\r\n\r\n  background:\r\n    linear-gradient(\r\n      110deg,\r\n      transparent,\r\n      rgba(37,99,235,.13),\r\n      transparent\r\n    );\r\n\r\n  transform:skewX(-20deg);\r\n\r\n  animation:\r\n    smButtonShine 3.2s ease-in-out infinite;\r\n\r\n  pointer-events:none;\r\n\r\n}\r\n\r\n\r\n\/* Keep content above shine *\/\r\n\r\n#case-studies .sm-view-all-btn span,\r\n#case-studies .sm-view-all-btn b {\r\n\r\n  position:relative;\r\n\r\n  z-index:2;\r\n\r\n}\r\n\r\n\r\n\/* Arrow *\/\r\n\r\n#case-studies .sm-view-all-btn b {\r\n\r\n  display:inline-block;\r\n\r\n  font-size:13px;\r\n\r\n  line-height:1;\r\n\r\n  transition:\r\n    transform .25s ease;\r\n\r\n}\r\n\r\n\r\n\/* Hover *\/\r\n\r\n#case-studies .sm-view-all-btn:hover {\r\n\r\n  color:var(--blue) !important;\r\n\r\n  border-color:rgba(37,99,235,.35);\r\n\r\n  transform:translateY(-3px);\r\n\r\n  box-shadow:\r\n    0 10px 28px rgba(37,99,235,.12);\r\n\r\n}\r\n\r\n\r\n#case-studies .sm-view-all-btn:hover b {\r\n\r\n  transform:translate(3px,-3px);\r\n\r\n}\r\n\r\n\r\n\/* Continuous shine *\/\r\n\r\n@keyframes smButtonShine {\r\n\r\n  0% {\r\n\r\n    left:-70%;\r\n\r\n  }\r\n\r\n  45% {\r\n\r\n    left:125%;\r\n\r\n  }\r\n\r\n  100% {\r\n\r\n    left:125%;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GRID\r\n========================================================= *\/\r\n\r\n#case-studies .sm-cases-grid {\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    repeat(3,minmax(0,1fr));\r\n\r\n  gap:18px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD\r\n========================================================= *\/\r\n\r\n#case-studies .sm-case {\r\n\r\n  background:#FFFFFF;\r\n\r\n  border:1px solid var(--border);\r\n\r\n  border-radius:16px;\r\n\r\n  overflow:hidden;\r\n\r\n  box-shadow:\r\n    0 8px 25px rgba(11,18,32,.035);\r\n\r\n  transition:\r\n    transform .35s ease,\r\n    box-shadow .35s ease,\r\n    border-color .35s ease;\r\n\r\n}\r\n\r\n\r\n#case-studies .sm-case:hover {\r\n\r\n  transform:translateY(-8px);\r\n\r\n  border-color:rgba(37,99,235,.18);\r\n\r\n  box-shadow:\r\n    0 22px 50px rgba(11,18,32,.09);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE\r\n========================================================= *\/\r\n\r\n#case-studies .sm-case-img {\r\n\r\n  position:relative;\r\n\r\n  height:220px;\r\n\r\n  overflow:hidden;\r\n\r\n  background:#EEF2F7;\r\n\r\n}\r\n\r\n\r\n#case-studies .sm-case-img img {\r\n\r\n  display:block;\r\n\r\n  width:100%;\r\n\r\n  height:100%;\r\n\r\n  object-fit:cover;\r\n\r\n  transition:\r\n    transform .55s ease;\r\n\r\n}\r\n\r\n\r\n#case-studies .sm-case:hover\r\n.sm-case-img img {\r\n\r\n  transform:scale(1.05);\r\n\r\n}\r\n\r\n\r\n#case-studies .sm-case-img span {\r\n\r\n  position:absolute;\r\n\r\n  left:14px;\r\n\r\n  bottom:13px;\r\n\r\n  padding:7px 9px;\r\n\r\n  border-radius:6px;\r\n\r\n  color:#FFFFFF;\r\n\r\n  background:rgba(11,18,32,.86);\r\n\r\n  font-family:Arial,Helvetica,sans-serif;\r\n\r\n  font-size:8px;\r\n\r\n  font-weight:800;\r\n\r\n  letter-spacing:.1em;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BODY\r\n========================================================= *\/\r\n\r\n#case-studies .sm-case-body {\r\n\r\n  padding:22px;\r\n\r\n}\r\n\r\n\r\n#case-studies .sm-case-body small {\r\n\r\n  color:var(--orange);\r\n\r\n  font-family:Arial,Helvetica,sans-serif;\r\n\r\n  font-size:9px;\r\n\r\n  font-weight:800;\r\n\r\n  letter-spacing:.07em;\r\n\r\n}\r\n\r\n\r\n#case-studies .sm-case-body h3 {\r\n\r\n  margin:11px 0 10px !important;\r\n\r\n  color:var(--navy);\r\n\r\n  font-family:Arial,Helvetica,sans-serif;\r\n\r\n  font-size:18px;\r\n\r\n  font-weight:800;\r\n\r\n  line-height:1.3;\r\n\r\n}\r\n\r\n\r\n#case-studies .sm-case-body p {\r\n\r\n  margin:0 !important;\r\n\r\n  color:var(--muted);\r\n\r\n  font-family:Arial,Helvetica,sans-serif;\r\n\r\n  font-size:11px;\r\n\r\n  line-height:1.65;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESULT\r\n========================================================= *\/\r\n\r\n#case-studies .sm-case-result {\r\n\r\n  display:flex;\r\n\r\n  align-items:baseline;\r\n\r\n  gap:8px;\r\n\r\n  margin-top:18px;\r\n\r\n  padding-top:15px;\r\n\r\n  border-top:1px solid var(--border);\r\n\r\n}\r\n\r\n\r\n#case-studies .sm-case-result strong {\r\n\r\n  color:var(--navy);\r\n\r\n  font-family:Arial,Helvetica,sans-serif;\r\n\r\n  font-size:25px;\r\n\r\n  font-weight:800;\r\n\r\n}\r\n\r\n\r\n#case-studies .sm-case-result span {\r\n\r\n  color:var(--orange);\r\n\r\n  font-family:Arial,Helvetica,sans-serif;\r\n\r\n  font-size:9px;\r\n\r\n  font-weight:800;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PERFORMANCE\r\n========================================================= *\/\r\n\r\n#case-studies .sm-performance {\r\n\r\n  margin-top:52px;\r\n\r\n  padding:32px 35px;\r\n\r\n  border-radius:16px;\r\n\r\n  background:var(--navy);\r\n\r\n}\r\n\r\n\r\n#case-studies .sm-performance-title {\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:space-between;\r\n\r\n  margin-bottom:24px;\r\n\r\n}\r\n\r\n\r\n#case-studies .sm-performance-title span {\r\n\r\n  color:#7EA4FF;\r\n\r\n  font-family:Arial,Helvetica,sans-serif;\r\n\r\n  font-size:9px;\r\n\r\n  font-weight:800;\r\n\r\n  letter-spacing:.13em;\r\n\r\n}\r\n\r\n\r\n#case-studies .sm-performance-title h3 {\r\n\r\n  margin:0 !important;\r\n\r\n  color:#FFFFFF;\r\n\r\n  font-family:Arial,Helvetica,sans-serif;\r\n\r\n  font-size:19px;\r\n\r\n  font-weight:800;\r\n\r\n}\r\n\r\n\r\n#case-studies .sm-performance-grid {\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:repeat(4,1fr);\r\n\r\n}\r\n\r\n\r\n#case-studies .sm-performance-grid > div {\r\n\r\n  padding:\r\n    3px 22px;\r\n\r\n  border-left:\r\n    1px solid rgba(255,255,255,.12);\r\n\r\n}\r\n\r\n\r\n#case-studies .sm-performance-grid > div:first-child {\r\n\r\n  padding-left:0;\r\n\r\n  border-left:0;\r\n\r\n}\r\n\r\n\r\n#case-studies .sm-performance-grid strong {\r\n\r\n  display:block;\r\n\r\n  color:#FFFFFF;\r\n\r\n  font-family:Arial,Helvetica,sans-serif;\r\n\r\n  font-size:22px;\r\n\r\n  font-weight:800;\r\n\r\n}\r\n\r\n\r\n#case-studies .sm-performance-grid strong i {\r\n\r\n  color:var(--orange);\r\n\r\n  font-style:normal;\r\n\r\n}\r\n\r\n\r\n#case-studies .sm-performance-grid span {\r\n\r\n  display:block;\r\n\r\n  margin-top:5px;\r\n\r\n  color:#94A3B8;\r\n\r\n  font-family:Arial,Helvetica,sans-serif;\r\n\r\n  font-size:9px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CTA\r\n========================================================= *\/\r\n\r\n#case-studies .sm-cases-cta {\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:space-between;\r\n\r\n  gap:25px;\r\n\r\n  margin-top:45px;\r\n\r\n  padding:29px 31px;\r\n\r\n  background:#FFFFFF;\r\n\r\n  border:1px solid var(--border);\r\n\r\n  border-radius:14px;\r\n\r\n}\r\n\r\n\r\n#case-studies .sm-cases-cta span {\r\n\r\n  display:block;\r\n\r\n  margin-bottom:5px;\r\n\r\n  color:var(--blue);\r\n\r\n  font-family:Arial,Helvetica,sans-serif;\r\n\r\n  font-size:8px;\r\n\r\n  font-weight:800;\r\n\r\n  letter-spacing:.12em;\r\n\r\n}\r\n\r\n\r\n#case-studies .sm-cases-cta h3 {\r\n\r\n  margin:0 !important;\r\n\r\n  color:var(--navy);\r\n\r\n  font-family:Arial,Helvetica,sans-serif;\r\n\r\n  font-size:21px;\r\n\r\n  font-weight:800;\r\n\r\n}\r\n\r\n\r\n#case-studies .sm-cases-cta a {\r\n\r\n  display:inline-flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:8px;\r\n\r\n  flex:0 0 auto;\r\n\r\n  padding:12px 18px;\r\n\r\n  border-radius:8px;\r\n\r\n  color:#FFFFFF !important;\r\n\r\n  background:var(--orange);\r\n\r\n  font-family:Arial,Helvetica,sans-serif;\r\n\r\n  font-size:10px;\r\n\r\n  font-weight:800;\r\n\r\n  text-decoration:none !important;\r\n\r\n  transition:\r\n    transform .25s ease,\r\n    box-shadow .25s ease;\r\n\r\n}\r\n\r\n\r\n#case-studies .sm-cases-cta a:hover {\r\n\r\n  color:#FFFFFF !important;\r\n\r\n  transform:translateY(-3px);\r\n\r\n  box-shadow:\r\n    0 10px 25px rgba(249,115,22,.2);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:900px) {\r\n\r\n  #case-studies .sm-cases-grid {\r\n\r\n    grid-template-columns:\r\n      repeat(2,minmax(0,1fr));\r\n\r\n  }\r\n\r\n\r\n  #case-studies .sm-case:last-child {\r\n\r\n    grid-column:1 \/ -1;\r\n\r\n    max-width:500px;\r\n\r\n    width:100%;\r\n\r\n    margin:0 auto;\r\n\r\n  }\r\n\r\n\r\n  #case-studies .sm-performance-grid {\r\n\r\n    grid-template-columns:\r\n      repeat(2,1fr);\r\n\r\n    gap:20px 0;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:650px) {\r\n\r\n  #case-studies.sm-cases {\r\n\r\n    width:100vw !important;\r\n\r\n    max-width:100vw !important;\r\n\r\n    min-width:100vw !important;\r\n\r\n    margin-left:calc(50% - 50vw) !important;\r\n\r\n    margin-right:calc(50% - 50vw) !important;\r\n\r\n  }\r\n\r\n\r\n  #case-studies .sm-cases-wrap {\r\n\r\n    width:calc(100% - 28px) !important;\r\n\r\n    padding:58px 0 55px;\r\n\r\n  }\r\n\r\n\r\n  #case-studies .sm-cases-header {\r\n\r\n    margin-bottom:30px;\r\n\r\n  }\r\n\r\n\r\n  #case-studies .sm-cases-header h2 {\r\n\r\n    font-size:32px;\r\n\r\n  }\r\n\r\n\r\n  #case-studies .sm-cases-header p {\r\n\r\n    font-size:12px;\r\n\r\n  }\r\n\r\n\r\n  \/* Mobile button *\/\r\n\r\n  #case-studies .sm-view-all-btn {\r\n\r\n    margin-top:20px;\r\n\r\n    padding:11px 16px;\r\n\r\n    font-size:9px;\r\n\r\n  }\r\n\r\n\r\n  #case-studies .sm-cases-grid {\r\n\r\n    grid-template-columns:1fr;\r\n\r\n    gap:14px;\r\n\r\n  }\r\n\r\n\r\n  #case-studies .sm-case:last-child {\r\n\r\n    grid-column:auto;\r\n\r\n    max-width:none;\r\n\r\n  }\r\n\r\n\r\n  #case-studies .sm-case-img {\r\n\r\n    height:210px;\r\n\r\n  }\r\n\r\n\r\n  #case-studies .sm-performance {\r\n\r\n    margin-top:35px;\r\n\r\n    padding:25px 20px;\r\n\r\n  }\r\n\r\n\r\n  #case-studies .sm-performance-title {\r\n\r\n    display:block;\r\n\r\n  }\r\n\r\n\r\n  #case-studies .sm-performance-title h3 {\r\n\r\n    margin-top:7px !important;\r\n\r\n  }\r\n\r\n\r\n  #case-studies .sm-performance-grid {\r\n\r\n    grid-template-columns:\r\n      repeat(2,1fr);\r\n\r\n    gap:20px 0;\r\n\r\n  }\r\n\r\n\r\n  #case-studies .sm-performance-grid > div {\r\n\r\n    padding:3px 12px;\r\n\r\n  }\r\n\r\n\r\n  #case-studies .sm-performance-grid > div:nth-child(odd) {\r\n\r\n    padding-left:0;\r\n\r\n    border-left:0;\r\n\r\n  }\r\n\r\n\r\n  #case-studies .sm-performance-grid strong {\r\n\r\n    font-size:19px;\r\n\r\n  }\r\n\r\n\r\n  #case-studies .sm-cases-cta {\r\n\r\n    flex-direction:column;\r\n\r\n    align-items:flex-start;\r\n\r\n    padding:24px 20px;\r\n\r\n  }\r\n\r\n\r\n  #case-studies .sm-cases-cta h3 {\r\n\r\n    font-size:19px;\r\n\r\n  }\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-15930b99 e-flex e-con-boxed e-con e-parent\" data-id=\"15930b99\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-71995b8d elementor-widget elementor-widget-html\" data-id=\"71995b8d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"why-work\" class=\"sm-why\">\r\n\r\n  <div class=\"sm-why-wrap\">\r\n\r\n    <!-- HEADER -->\r\n    <div class=\"sm-why-header\">\r\n\r\n      <span class=\"sm-why-eyebrow\">\r\n        WHY WORK WITH ME\r\n      <\/span>\r\n\r\n      <h2>\r\n        More Than Just a Service Provider.\r\n        <span>A Digital Growth Partner.<\/span>\r\n      <\/h2>\r\n\r\n      <p>\r\n        From strategy and performance marketing to creative content\r\n        and conversion-focused websites, I bring the right digital\r\n        solutions together around your business goals.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- MAIN GRID -->\r\n    <div class=\"sm-why-grid\">\r\n\r\n\r\n      <!-- LEFT -->\r\n      <div class=\"sm-why-intro\">\r\n\r\n        <!-- WORK IMAGE -->\r\n        <div class=\"sm-work-image\">\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/shakhawatmarketer.com\/wp-content\/uploads\/2026\/08\/work-photo.png\"\r\n            alt=\"Shakhawat working on digital marketing and creative projects\"\r\n            loading=\"lazy\"\r\n          >\r\n\r\n          <div class=\"sm-image-label\">\r\n            <span>\u25cf<\/span>\r\n            DIGITAL GROWTH & CREATIVE\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- BADGE -->\r\n        <div class=\"sm-why-badge\">\r\n\r\n          <span class=\"sm-check\">\r\n            \u2713\r\n          <\/span>\r\n\r\n          <div>\r\n            <strong>\r\n              Growth First\r\n            <\/strong>\r\n\r\n            <small>\r\n              Strategy before execution\r\n            <\/small>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- TEXT -->\r\n        <h3>\r\n          Your digital presence should work\r\n          <em>for your business.<\/em>\r\n        <\/h3>\r\n\r\n\r\n        <p>\r\n          I don't believe in using digital tools just for the sake of\r\n          being online. Every project starts with understanding the\r\n          business goal, audience, and customer journey \u2014 then choosing\r\n          the right marketing, creative, and web solution.\r\n        <\/p>\r\n\r\n\r\n        <!-- BUTTON -->\r\n        <a\r\n          href=\"#contact\"\r\n          class=\"sm-why-button\"\r\n        >\r\n          Let's Discuss Your Business\r\n          <b>\u2197<\/b>\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- RIGHT -->\r\n      <div class=\"sm-why-points\">\r\n\r\n\r\n        <!-- POINT 01 -->\r\n        <div class=\"sm-why-point\">\r\n\r\n          <div class=\"sm-point-number\">\r\n            01\r\n          <\/div>\r\n\r\n          <div class=\"sm-point-content\">\r\n\r\n            <h3>\r\n              Strategy First\r\n            <\/h3>\r\n\r\n            <p>\r\n              I start by understanding your business, audience,\r\n              goals, and customer journey before choosing the right\r\n              digital solution.\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"sm-point-arrow\">\r\n            \u2197\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- POINT 02 -->\r\n        <div class=\"sm-why-point\">\r\n\r\n          <div class=\"sm-point-number\">\r\n            02\r\n          <\/div>\r\n\r\n          <div class=\"sm-point-content\">\r\n\r\n            <h3>\r\n              Performance Focused\r\n            <\/h3>\r\n\r\n            <p>\r\n              Marketing decisions are built around measurable\r\n              performance, meaningful growth, and continuous\r\n              improvement.\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"sm-point-arrow\">\r\n            \u2197\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- POINT 03 -->\r\n        <div class=\"sm-why-point\">\r\n\r\n          <div class=\"sm-point-number\">\r\n            03\r\n          <\/div>\r\n\r\n          <div class=\"sm-point-content\">\r\n\r\n            <h3>\r\n              Creative + Technology\r\n            <\/h3>\r\n\r\n            <p>\r\n              Combining engaging visual content with conversion-focused\r\n              websites to create a stronger and more complete digital\r\n              presence.\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"sm-point-arrow\">\r\n            \u2197\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- POINT 04 -->\r\n        <div class=\"sm-why-point\">\r\n\r\n          <div class=\"sm-point-number\">\r\n            04\r\n          <\/div>\r\n\r\n          <div class=\"sm-point-content\">\r\n\r\n            <h3>\r\n              Transparent Communication\r\n            <\/h3>\r\n\r\n            <p>\r\n              Clear communication, honest reporting, and practical\r\n              next steps throughout the project \u2014 so you always know\r\n              what is happening.\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"sm-point-arrow\">\r\n            \u2197\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- BOTTOM POSITIONING -->\r\n    <div class=\"sm-why-positioning\">\r\n\r\n      <div class=\"sm-positioning-main\">\r\n\r\n        <span>\r\n          DIGITAL GROWTH APPROACH\r\n        <\/span>\r\n\r\n        <h3>\r\n          One partner.\r\n          <strong>Multiple digital solutions.<\/strong>\r\n        <\/h3>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"sm-positioning-tags\">\r\n\r\n        <span>\r\n          MARKETING\r\n        <\/span>\r\n\r\n        <i>\u2022<\/i>\r\n\r\n        <span>\r\n          CREATIVE\r\n        <\/span>\r\n\r\n        <i>\u2022<\/i>\r\n\r\n        <span>\r\n          WEB\r\n        <\/span>\r\n\r\n        <i>\u2022<\/i>\r\n\r\n        <span>\r\n          GROWTH\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   WHY WORK WITH ME\r\n========================================================= *\/\r\n\r\n#why-work.sm-why {\r\n\r\n  --sm-navy:#0B1220;\r\n  --sm-blue:#2563EB;\r\n  --sm-orange:#F97316;\r\n  --sm-muted:#64748B;\r\n  --sm-border:#E5EAF0;\r\n\r\n  position:relative;\r\n\r\n  display:block;\r\n\r\n  width:100vw !important;\r\n  max-width:100vw !important;\r\n  min-width:100vw !important;\r\n\r\n  margin-left:calc(50% - 50vw) !important;\r\n  margin-right:calc(50% - 50vw) !important;\r\n\r\n  margin-top:0 !important;\r\n  margin-bottom:0 !important;\r\n\r\n  padding:0 !important;\r\n\r\n  overflow:hidden;\r\n\r\n  box-sizing:border-box;\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      #FFFFFF 0%,\r\n      #F8FAFC 55%,\r\n      #FFF8F3 100%\r\n    );\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   WRAPPER\r\n========================================================= *\/\r\n\r\n#why-work .sm-why-wrap {\r\n\r\n  width:min(1180px,calc(100% - 40px)) !important;\r\n\r\n  max-width:1180px !important;\r\n\r\n  margin:0 auto !important;\r\n\r\n  padding:82px 0 72px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER\r\n========================================================= *\/\r\n\r\n#why-work .sm-why-header {\r\n\r\n  max-width:760px;\r\n\r\n  margin:0 auto 48px;\r\n\r\n  text-align:center;\r\n\r\n}\r\n\r\n\r\n#why-work .sm-why-eyebrow {\r\n\r\n  display:inline-block;\r\n\r\n  margin-bottom:10px;\r\n\r\n  color:var(--sm-blue);\r\n\r\n  font-family:Arial,Helvetica,sans-serif;\r\n\r\n  font-size:10px;\r\n\r\n  font-weight:800;\r\n\r\n  letter-spacing:.14em;\r\n\r\n}\r\n\r\n\r\n#why-work .sm-why-header h2 {\r\n\r\n  margin:0 !important;\r\n\r\n  color:var(--sm-navy);\r\n\r\n  font-family:Arial,Helvetica,sans-serif;\r\n\r\n  font-size:clamp(35px,4vw,48px);\r\n\r\n  font-weight:800;\r\n\r\n  line-height:1.08;\r\n\r\n  letter-spacing:-1.5px;\r\n\r\n}\r\n\r\n\r\n#why-work .sm-why-header h2 span {\r\n\r\n  display:block;\r\n\r\n  color:var(--sm-orange);\r\n\r\n}\r\n\r\n\r\n#why-work .sm-why-header p {\r\n\r\n  max-width:670px;\r\n\r\n  margin:15px auto 0 !important;\r\n\r\n  color:var(--sm-muted);\r\n\r\n  font-family:Arial,Helvetica,sans-serif;\r\n\r\n  font-size:13px;\r\n\r\n  line-height:1.7;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN GRID\r\n========================================================= *\/\r\n\r\n#why-work .sm-why-grid {\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    minmax(0,.85fr)\r\n    minmax(0,1.15fr);\r\n\r\n  gap:20px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEFT CARD\r\n========================================================= *\/\r\n\r\n#why-work .sm-why-intro {\r\n\r\n  position:relative;\r\n\r\n  padding:25px;\r\n\r\n  border-radius:17px;\r\n\r\n  background:var(--sm-navy);\r\n\r\n  overflow:hidden;\r\n\r\n}\r\n\r\n\r\n#why-work .sm-why-intro::before {\r\n\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  width:250px;\r\n  height:250px;\r\n\r\n  right:-120px;\r\n  top:-120px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:rgba(37,99,235,.16);\r\n\r\n}\r\n\r\n\r\n#why-work .sm-why-intro::after {\r\n\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  width:180px;\r\n  height:180px;\r\n\r\n  left:-100px;\r\n  bottom:-100px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:rgba(249,115,22,.11);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE\r\n========================================================= *\/\r\n\r\n#why-work .sm-work-image {\r\n\r\n  position:relative;\r\n\r\n  z-index:2;\r\n\r\n  width:100%;\r\n\r\n  height:205px;\r\n\r\n  margin-bottom:22px;\r\n\r\n  overflow:hidden;\r\n\r\n  border-radius:12px;\r\n\r\n  background:#182235;\r\n\r\n}\r\n\r\n\r\n#why-work .sm-work-image img {\r\n\r\n  display:block;\r\n\r\n  width:100%;\r\n\r\n  height:100%;\r\n\r\n  object-fit:cover;\r\n\r\n  object-position:center;\r\n\r\n  transition:\r\n    transform .6s ease;\r\n\r\n}\r\n\r\n\r\n#why-work .sm-why-intro:hover\r\n.sm-work-image img {\r\n\r\n  transform:scale(1.045);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE LABEL\r\n========================================================= *\/\r\n\r\n#why-work .sm-image-label {\r\n\r\n  position:absolute;\r\n\r\n  left:12px;\r\n  bottom:12px;\r\n\r\n  padding:7px 10px;\r\n\r\n  border:1px solid rgba(255,255,255,.12);\r\n\r\n  border-radius:6px;\r\n\r\n  color:#FFFFFF;\r\n\r\n  background:rgba(11,18,32,.82);\r\n\r\n  backdrop-filter:blur(5px);\r\n\r\n  font-family:Arial,Helvetica,sans-serif;\r\n\r\n  font-size:8px;\r\n\r\n  font-weight:800;\r\n\r\n  letter-spacing:.08em;\r\n\r\n}\r\n\r\n\r\n#why-work .sm-image-label span {\r\n\r\n  color:#4ADE80;\r\n\r\n  margin-right:4px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BADGE\r\n========================================================= *\/\r\n\r\n#why-work .sm-why-badge {\r\n\r\n  position:relative;\r\n\r\n  z-index:2;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:10px;\r\n\r\n  width:max-content;\r\n\r\n  margin-bottom:18px;\r\n\r\n  padding:7px 10px;\r\n\r\n  border:1px solid rgba(255,255,255,.1);\r\n\r\n  border-radius:9px;\r\n\r\n  background:rgba(255,255,255,.06);\r\n\r\n}\r\n\r\n\r\n#why-work .sm-check {\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:center;\r\n\r\n  width:27px;\r\n  height:27px;\r\n\r\n  border-radius:7px;\r\n\r\n  color:#FFFFFF;\r\n\r\n  background:var(--sm-orange);\r\n\r\n  font-size:13px;\r\n\r\n  font-weight:800;\r\n\r\n}\r\n\r\n\r\n#why-work .sm-why-badge strong {\r\n\r\n  display:block;\r\n\r\n  color:#FFFFFF;\r\n\r\n  font-family:Arial,Helvetica,sans-serif;\r\n\r\n  font-size:10px;\r\n\r\n}\r\n\r\n\r\n#why-work .sm-why-badge small {\r\n\r\n  display:block;\r\n\r\n  margin-top:2px;\r\n\r\n  color:#94A3B8;\r\n\r\n  font-family:Arial,Helvetica,sans-serif;\r\n\r\n  font-size:8px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEFT TEXT\r\n========================================================= *\/\r\n\r\n#why-work .sm-why-intro h3 {\r\n\r\n  position:relative;\r\n\r\n  z-index:2;\r\n\r\n  max-width:410px;\r\n\r\n  margin:0 0 12px !important;\r\n\r\n  color:#FFFFFF;\r\n\r\n  font-family:Arial,Helvetica,sans-serif;\r\n\r\n  font-size:clamp(24px,2.5vw,31px);\r\n\r\n  font-weight:800;\r\n\r\n  line-height:1.17;\r\n\r\n}\r\n\r\n\r\n#why-work .sm-why-intro h3 em {\r\n\r\n  color:var(--sm-orange);\r\n\r\n  font-style:normal;\r\n\r\n}\r\n\r\n\r\n#why-work .sm-why-intro > p {\r\n\r\n  position:relative;\r\n\r\n  z-index:2;\r\n\r\n  margin:0 0 21px !important;\r\n\r\n  color:#AAB5C5;\r\n\r\n  font-family:Arial,Helvetica,sans-serif;\r\n\r\n  font-size:11px;\r\n\r\n  line-height:1.7;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BUTTON\r\n========================================================= *\/\r\n\r\n#why-work .sm-why-button {\r\n\r\n  position:relative;\r\n\r\n  z-index:2;\r\n\r\n  display:inline-flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:8px;\r\n\r\n  padding:11px 16px;\r\n\r\n  border-radius:8px;\r\n\r\n  color:#FFFFFF !important;\r\n\r\n  background:var(--sm-orange);\r\n\r\n  font-family:Arial,Helvetica,sans-serif;\r\n\r\n  font-size:10px;\r\n\r\n  font-weight:800;\r\n\r\n  text-decoration:none !important;\r\n\r\n  transition:\r\n    transform .25s ease,\r\n    box-shadow .25s ease;\r\n\r\n}\r\n\r\n\r\n#why-work .sm-why-button:hover {\r\n\r\n  color:#FFFFFF !important;\r\n\r\n  transform:translateY(-3px);\r\n\r\n  box-shadow:\r\n    0 12px 28px rgba(249,115,22,.22);\r\n\r\n}\r\n\r\n\r\n#why-work .sm-why-button b {\r\n\r\n  transition:\r\n    transform .25s ease;\r\n\r\n}\r\n\r\n\r\n#why-work .sm-why-button:hover b {\r\n\r\n  transform:translate(3px,-3px);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RIGHT POINTS\r\n========================================================= *\/\r\n\r\n#why-work .sm-why-points {\r\n\r\n  display:flex;\r\n\r\n  flex-direction:column;\r\n\r\n  gap:10px;\r\n\r\n}\r\n\r\n\r\n#why-work .sm-why-point {\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    45px 1fr 32px;\r\n\r\n  align-items:center;\r\n\r\n  gap:14px;\r\n\r\n  min-height:110px;\r\n\r\n  padding:19px 21px;\r\n\r\n  border:1px solid var(--sm-border);\r\n\r\n  border-radius:14px;\r\n\r\n  background:#FFFFFF;\r\n\r\n  box-shadow:\r\n    0 7px 24px rgba(11,18,32,.025);\r\n\r\n  transition:\r\n    transform .3s ease,\r\n    box-shadow .3s ease,\r\n    border-color .3s ease;\r\n\r\n}\r\n\r\n\r\n#why-work .sm-why-point:hover {\r\n\r\n  transform:translateX(5px);\r\n\r\n  border-color:rgba(37,99,235,.18);\r\n\r\n  box-shadow:\r\n    0 14px 32px rgba(11,18,32,.07);\r\n\r\n}\r\n\r\n\r\n\/* NUMBER *\/\r\n\r\n#why-work .sm-point-number {\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:center;\r\n\r\n  width:40px;\r\n  height:40px;\r\n\r\n  border-radius:10px;\r\n\r\n  color:var(--sm-blue);\r\n\r\n  background:#EEF4FF;\r\n\r\n  font-family:Arial,Helvetica,sans-serif;\r\n\r\n  font-size:10px;\r\n\r\n  font-weight:800;\r\n\r\n}\r\n\r\n\r\n#why-work .sm-why-point:nth-child(even)\r\n.sm-point-number {\r\n\r\n  color:var(--sm-orange);\r\n\r\n  background:#FFF2E9;\r\n\r\n}\r\n\r\n\r\n\/* CONTENT *\/\r\n\r\n#why-work .sm-point-content h3 {\r\n\r\n  margin:0 0 5px !important;\r\n\r\n  color:var(--sm-navy);\r\n\r\n  font-family:Arial,Helvetica,sans-serif;\r\n\r\n  font-size:14px;\r\n\r\n  font-weight:800;\r\n\r\n}\r\n\r\n\r\n#why-work .sm-point-content p {\r\n\r\n  margin:0 !important;\r\n\r\n  color:var(--sm-muted);\r\n\r\n  font-family:Arial,Helvetica,sans-serif;\r\n\r\n  font-size:10px;\r\n\r\n  line-height:1.55;\r\n\r\n}\r\n\r\n\r\n\/* ARROW *\/\r\n\r\n#why-work .sm-point-arrow {\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:center;\r\n\r\n  width:30px;\r\n  height:30px;\r\n\r\n  border-radius:8px;\r\n\r\n  color:var(--sm-blue);\r\n\r\n  background:#F5F8FF;\r\n\r\n  font-size:14px;\r\n\r\n  transition:\r\n    transform .3s ease;\r\n\r\n}\r\n\r\n\r\n#why-work .sm-why-point:hover\r\n.sm-point-arrow {\r\n\r\n  transform:translate(3px,-3px);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BOTTOM POSITIONING\r\n========================================================= *\/\r\n\r\n#why-work .sm-why-positioning {\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:space-between;\r\n\r\n  gap:30px;\r\n\r\n  margin-top:20px;\r\n\r\n  padding:25px 28px;\r\n\r\n  border:1px solid var(--sm-border);\r\n\r\n  border-radius:14px;\r\n\r\n  background:#FFFFFF;\r\n\r\n  box-shadow:\r\n    0 7px 24px rgba(11,18,32,.025);\r\n\r\n}\r\n\r\n\r\n\/* MAIN *\/\r\n\r\n#why-work .sm-positioning-main span {\r\n\r\n  display:block;\r\n\r\n  margin-bottom:6px;\r\n\r\n  color:var(--sm-blue);\r\n\r\n  font-family:Arial,Helvetica,sans-serif;\r\n\r\n  font-size:8px;\r\n\r\n  font-weight:800;\r\n\r\n  letter-spacing:.13em;\r\n\r\n}\r\n\r\n\r\n#why-work .sm-positioning-main h3 {\r\n\r\n  margin:0 !important;\r\n\r\n  color:var(--sm-navy);\r\n\r\n  font-family:Arial,Helvetica,sans-serif;\r\n\r\n  font-size:21px;\r\n\r\n  font-weight:800;\r\n\r\n  line-height:1.2;\r\n\r\n}\r\n\r\n\r\n#why-work .sm-positioning-main h3 strong {\r\n\r\n  color:var(--sm-orange);\r\n\r\n}\r\n\r\n\r\n\/* TAGS *\/\r\n\r\n#why-work .sm-positioning-tags {\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:flex-end;\r\n\r\n  flex-wrap:wrap;\r\n\r\n  gap:9px;\r\n\r\n}\r\n\r\n\r\n#why-work .sm-positioning-tags span {\r\n\r\n  color:var(--sm-muted);\r\n\r\n  font-family:Arial,Helvetica,sans-serif;\r\n\r\n  font-size:9px;\r\n\r\n  font-weight:800;\r\n\r\n  letter-spacing:.08em;\r\n\r\n}\r\n\r\n\r\n#why-work .sm-positioning-tags i {\r\n\r\n  color:var(--sm-orange);\r\n\r\n  font-size:10px;\r\n\r\n  font-style:normal;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:850px) {\r\n\r\n  #why-work .sm-why-grid {\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #why-work .sm-why-positioning {\r\n\r\n    flex-direction:column;\r\n\r\n    align-items:flex-start;\r\n\r\n  }\r\n\r\n\r\n  #why-work .sm-positioning-tags {\r\n\r\n    justify-content:flex-start;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:650px) {\r\n\r\n  #why-work.sm-why {\r\n\r\n    width:100vw !important;\r\n\r\n    max-width:100vw !important;\r\n\r\n    min-width:100vw !important;\r\n\r\n    margin-left:calc(50% - 50vw) !important;\r\n\r\n    margin-right:calc(50% - 50vw) !important;\r\n\r\n  }\r\n\r\n\r\n  #why-work .sm-why-wrap {\r\n\r\n    width:calc(100% - 28px) !important;\r\n\r\n    padding:58px 0 52px;\r\n\r\n  }\r\n\r\n\r\n  #why-work .sm-why-header {\r\n\r\n    margin-bottom:30px;\r\n\r\n  }\r\n\r\n\r\n  #why-work .sm-why-header h2 {\r\n\r\n    font-size:32px;\r\n\r\n  }\r\n\r\n\r\n  #why-work .sm-why-header h2 span {\r\n\r\n    display:inline;\r\n\r\n  }\r\n\r\n\r\n  #why-work .sm-why-header p {\r\n\r\n    font-size:12px;\r\n\r\n  }\r\n\r\n\r\n  #why-work .sm-work-image {\r\n\r\n    height:190px;\r\n\r\n  }\r\n\r\n\r\n  #why-work .sm-why-intro {\r\n\r\n    padding:21px;\r\n\r\n  }\r\n\r\n\r\n  #why-work .sm-why-intro h3 {\r\n\r\n    font-size:25px;\r\n\r\n  }\r\n\r\n\r\n  #why-work .sm-why-point {\r\n\r\n    grid-template-columns:\r\n      40px 1fr;\r\n\r\n    gap:12px;\r\n\r\n    padding:17px;\r\n\r\n  }\r\n\r\n\r\n  #why-work .sm-point-arrow {\r\n\r\n    display:none;\r\n\r\n  }\r\n\r\n\r\n  #why-work .sm-why-positioning {\r\n\r\n    padding:21px 19px;\r\n\r\n    gap:17px;\r\n\r\n  }\r\n\r\n\r\n  #why-work .sm-positioning-main h3 {\r\n\r\n    font-size:19px;\r\n\r\n  }\r\n\r\n\r\n  #why-work .sm-positioning-tags {\r\n\r\n    gap:7px;\r\n\r\n  }\r\n\r\n\r\n  #why-work .sm-positioning-tags span {\r\n\r\n    font-size:8px;\r\n\r\n  }\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-766bb79c e-flex e-con-boxed e-con e-parent\" data-id=\"766bb79c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6041933d elementor-widget elementor-widget-html\" data-id=\"6041933d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"contact\" class=\"sm-contact\">\r\n\r\n  <div class=\"sm-contact-wrap\">\r\n\r\n\r\n    <!-- =====================================================\r\n         HEADER\r\n    ====================================================== -->\r\n\r\n    <div class=\"sm-contact-header\">\r\n\r\n      <span class=\"sm-contact-eyebrow\">\r\n        LET'S CONNECT\r\n      <\/span>\r\n\r\n      <h2>\r\n        Let's Build Something\r\n        <span>That Grows.<\/span>\r\n      <\/h2>\r\n\r\n      <p>\r\n        Have a business goal, marketing challenge, creative project,\r\n        or website idea? Reach out directly and let's discuss\r\n        the right digital solution for your business.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         MAIN GRID\r\n    ====================================================== -->\r\n\r\n    <div class=\"sm-contact-grid\">\r\n\r\n\r\n      <!-- =================================================\r\n           LEFT CONTACT CARD\r\n      ================================================== -->\r\n\r\n      <div class=\"sm-contact-info\">\r\n\r\n        <span class=\"sm-mini-label\">\r\n          GET IN TOUCH\r\n        <\/span>\r\n\r\n        <h3>\r\n          Let's talk about\r\n          <strong>your next move.<\/strong>\r\n        <\/h3>\r\n\r\n        <p>\r\n          No complicated forms. Just send me a message through\r\n          WhatsApp or email and tell me a little about your\r\n          business, goals, or project.\r\n        <\/p>\r\n\r\n\r\n        <!-- WHATSAPP -->\r\n\r\n        <a\r\n          class=\"sm-contact-link\"\r\n          href=\"https:\/\/wa.me\/8801648693178\"\r\n          target=\"_blank\"\r\n          rel=\"noopener\"\r\n        >\r\n\r\n          <span class=\"sm-contact-icon sm-wa\">\r\n            W\r\n          <\/span>\r\n\r\n          <span class=\"sm-contact-text\">\r\n\r\n            <small>\r\n              WHATSAPP\r\n            <\/small>\r\n\r\n            <strong>\r\n              01648 693178\r\n            <\/strong>\r\n\r\n          <\/span>\r\n\r\n          <b>\r\n            \u2197\r\n          <\/b>\r\n\r\n        <\/a>\r\n\r\n\r\n        <!-- EMAIL -->\r\n\r\n        <a\r\n          class=\"sm-contact-link\"\r\n          href=\"mailto:shakhawatmarketer@gmail.com?subject=Project%20Inquiry%20-%20Shakhawat%20Marketer\"\r\n        >\r\n\r\n          <span class=\"sm-contact-icon sm-mail\">\r\n            @\r\n          <\/span>\r\n\r\n          <span class=\"sm-contact-text\">\r\n\r\n            <small>\r\n              EMAIL\r\n            <\/small>\r\n\r\n            <strong>\r\n              shakhawatmarketer@gmail.com\r\n            <\/strong>\r\n\r\n          <\/span>\r\n\r\n          <b>\r\n            \u2197\r\n          <\/b>\r\n\r\n        <\/a>\r\n\r\n\r\n        <!-- LOCATION -->\r\n\r\n        <div class=\"sm-contact-link sm-location-link\">\r\n\r\n          <span class=\"sm-contact-icon sm-location\">\r\n            \u25cf\r\n          <\/span>\r\n\r\n          <span class=\"sm-contact-text\">\r\n\r\n            <small>\r\n              LOCATION\r\n            <\/small>\r\n\r\n            <strong>\r\n              Bangladesh\r\n            <\/strong>\r\n\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- SOCIAL -->\r\n\r\n        <div class=\"sm-social\">\r\n\r\n          <small>\r\n            FIND ME ONLINE\r\n          <\/small>\r\n\r\n          <div>\r\n\r\n            <a\r\n              href=\"https:\/\/www.facebook.com\/shakhawatmarketer\"\r\n              target=\"_blank\"\r\n              rel=\"noopener\"\r\n              aria-label=\"Facebook\"\r\n            >\r\n              f\r\n            <\/a>\r\n\r\n            <a\r\n              href=\"https:\/\/www.instagram.com\/marketershakhawat\"\r\n              target=\"_blank\"\r\n              rel=\"noopener\"\r\n              aria-label=\"Instagram\"\r\n            >\r\n              \u25ce\r\n            <\/a>\r\n\r\n            <a\r\n              href=\"https:\/\/www.linkedin.com\/in\/marketershakhawat\"\r\n              target=\"_blank\"\r\n              rel=\"noopener\"\r\n              aria-label=\"LinkedIn\"\r\n            >\r\n              in\r\n            <\/a>\r\n\r\n            <a\r\n              href=\"https:\/\/www.youtube.com\/@marketershakhawat\"\r\n              target=\"_blank\"\r\n              rel=\"noopener\"\r\n              aria-label=\"YouTube\"\r\n            >\r\n              \u25b6\r\n            <\/a>\r\n\r\n            <a\r\n              href=\"https:\/\/www.tiktok.com\/@marketershakhawat\"\r\n              target=\"_blank\"\r\n              rel=\"noopener\"\r\n              aria-label=\"TikTok\"\r\n            >\r\n              \u266a\r\n            <\/a>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- =================================================\r\n           RIGHT ACTION CARD\r\n      ================================================== -->\r\n\r\n      <div class=\"sm-contact-action\">\r\n\r\n\r\n        <div class=\"sm-action-top\">\r\n\r\n          <span>\r\n            START A CONVERSATION\r\n          <\/span>\r\n\r\n          <h3>\r\n            Have a project\r\n            <em>in mind?<\/em>\r\n          <\/h3>\r\n\r\n          <p>\r\n            Tell me what you're working on, what you're trying\r\n            to achieve, and where you're currently stuck. I'll\r\n            get back to you and we'll figure out the next step\r\n            together.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =================================================\r\n             SERVICE FOCUS\r\n        ================================================== -->\r\n\r\n        <div class=\"sm-contact-focus\">\r\n\r\n          <span>\r\n            DIGITAL MARKETING\r\n          <\/span>\r\n\r\n          <span>\r\n            MOTION GRAPHICS\r\n          <\/span>\r\n\r\n          <span>\r\n            WEB DEVELOPMENT\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =================================================\r\n             ACTION BUTTONS\r\n        ================================================== -->\r\n\r\n        <div class=\"sm-action-buttons\">\r\n\r\n\r\n          <!-- EMAIL -->\r\n\r\n          <a\r\n            href=\"mailto:shakhawatmarketer@gmail.com?subject=Project%20Inquiry%20-%20Shakhawat%20Marketer\"\r\n            class=\"sm-action-button email\"\r\n          >\r\n\r\n            <span class=\"sm-action-button-icon\">\r\n              @\r\n            <\/span>\r\n\r\n            <span class=\"sm-action-button-text\">\r\n\r\n              <small>\r\n                PREFER EMAIL?\r\n              <\/small>\r\n\r\n              <strong>\r\n                Send Me an Email\r\n              <\/strong>\r\n\r\n            <\/span>\r\n\r\n            <b>\r\n              \u2197\r\n            <\/b>\r\n\r\n          <\/a>\r\n\r\n\r\n          <!-- WHATSAPP -->\r\n\r\n          <a\r\n            href=\"https:\/\/wa.me\/8801648693178?text=Hi%20Shakhawat%2C%20I%27d%20like%20to%20discuss%20a%20project%20with%20you.\"\r\n            target=\"_blank\"\r\n            rel=\"noopener\"\r\n            class=\"sm-action-button whatsapp\"\r\n          >\r\n\r\n            <span class=\"sm-action-button-icon\">\r\n              W\r\n            <\/span>\r\n\r\n            <span class=\"sm-action-button-text\">\r\n\r\n              <small>\r\n                FASTEST RESPONSE\r\n              <\/small>\r\n\r\n              <strong>\r\n                Chat on WhatsApp\r\n              <\/strong>\r\n\r\n            <\/span>\r\n\r\n            <b>\r\n              \u2197\r\n            <\/b>\r\n\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =================================================\r\n             NOTE\r\n        ================================================== -->\r\n\r\n        <div class=\"sm-action-note\">\r\n\r\n          <span>\r\n            \u2726\r\n          <\/span>\r\n\r\n          Usually available for new projects and collaborations.\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =================================================\r\n             PREMIUM STATS\r\n        ================================================== -->\r\n\r\n        <div class=\"sm-action-stats\">\r\n\r\n\r\n          <!-- EXPERIENCE -->\r\n\r\n          <div class=\"sm-stat-card\">\r\n\r\n            <div class=\"sm-stat-number\">\r\n\r\n              <strong>\r\n                2.5+\r\n              <\/strong>\r\n\r\n              <span>\r\n                YRS\r\n              <\/span>\r\n\r\n            <\/div>\r\n\r\n            <p>\r\n              Experience\r\n            <\/p>\r\n\r\n            <i><\/i>\r\n\r\n          <\/div>\r\n\r\n\r\n          <!-- CLIENTS -->\r\n\r\n          <div class=\"sm-stat-card\">\r\n\r\n            <div class=\"sm-stat-number\">\r\n\r\n              <strong>\r\n                30+\r\n              <\/strong>\r\n\r\n              <span>\r\n                CLIENTS\r\n              <\/span>\r\n\r\n            <\/div>\r\n\r\n            <p>\r\n              Clients\r\n            <\/p>\r\n\r\n            <i><\/i>\r\n\r\n          <\/div>\r\n\r\n\r\n          <!-- PROJECTS -->\r\n\r\n          <div class=\"sm-stat-card\">\r\n\r\n            <div class=\"sm-stat-number\">\r\n\r\n              <strong>\r\n                60+\r\n              <\/strong>\r\n\r\n              <span>\r\n                PROJECTS\r\n              <\/span>\r\n\r\n            <\/div>\r\n\r\n            <p>\r\n              Projects\r\n            <\/p>\r\n\r\n            <i><\/i>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         FINAL CTA\r\n    ====================================================== -->\r\n\r\n    <div class=\"sm-contact-cta\">\r\n\r\n      <div>\r\n\r\n        <span>\r\n          READY WHEN YOU ARE\r\n        <\/span>\r\n\r\n        <h3>\r\n          Let's turn your goals\r\n          <strong>into growth.<\/strong>\r\n        <\/h3>\r\n\r\n      <\/div>\r\n\r\n\r\n      <a\r\n        href=\"https:\/\/wa.me\/8801648693178?text=Hi%20Shakhawat%2C%20I%27d%20like%20to%20discuss%20a%20project%20with%20you.\"\r\n        target=\"_blank\"\r\n        rel=\"noopener\"\r\n      >\r\n\r\n        Start a Conversation\r\n\r\n        <b>\r\n          \u2197\r\n        <\/b>\r\n\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   CONTACT SECTION\r\n   SHAKHAWAT MARKETER\r\n========================================================= *\/\r\n\r\n#contact.sm-contact {\r\n\r\n  --navy:#0B1220;\r\n  --blue:#2563EB;\r\n  --orange:#F97316;\r\n  --orange-dark:#EA580C;\r\n  --muted:#64748B;\r\n  --border:#E2E8F0;\r\n\r\n  position:relative;\r\n\r\n  display:block;\r\n\r\n  width:100vw !important;\r\n  max-width:100vw !important;\r\n  min-width:100vw !important;\r\n\r\n  margin-left:\r\n    calc(50% - 50vw) !important;\r\n\r\n  margin-right:\r\n    calc(50% - 50vw) !important;\r\n\r\n  margin-top:0 !important;\r\n  margin-bottom:0 !important;\r\n\r\n  padding:0 !important;\r\n\r\n  overflow:hidden;\r\n\r\n  box-sizing:border-box;\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      #F8FAFC 0%,\r\n      #FFFFFF 52%,\r\n      #FFF8F3 100%\r\n    );\r\n\r\n  color:#0F172A;\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n}\r\n\r\n\r\n#contact.sm-contact * {\r\n\r\n  box-sizing:border-box;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   WRAPPER\r\n========================================================= *\/\r\n\r\n#contact .sm-contact-wrap {\r\n\r\n  width:\r\n    min(\r\n      1180px,\r\n      calc(100% - 40px)\r\n    ) !important;\r\n\r\n  max-width:1180px !important;\r\n\r\n  margin:0 auto !important;\r\n\r\n  padding:82px 0 72px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   HEADER\r\n========================================================= *\/\r\n\r\n#contact .sm-contact-header {\r\n\r\n  max-width:720px;\r\n\r\n  margin:\r\n    0 auto 45px;\r\n\r\n  text-align:center;\r\n\r\n}\r\n\r\n\r\n#contact .sm-contact-eyebrow {\r\n\r\n  display:inline-block;\r\n\r\n  margin-bottom:10px;\r\n\r\n  color:\r\n    var(--blue);\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size:10px;\r\n\r\n  font-weight:800;\r\n\r\n  letter-spacing:.14em;\r\n\r\n}\r\n\r\n\r\n#contact .sm-contact-header h2 {\r\n\r\n  margin:0 !important;\r\n\r\n  padding:0 !important;\r\n\r\n  color:\r\n    var(--navy);\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size:\r\n    clamp(\r\n      35px,\r\n      4vw,\r\n      49px\r\n    );\r\n\r\n  font-weight:800;\r\n\r\n  line-height:1.08;\r\n\r\n  letter-spacing:-1.5px;\r\n\r\n}\r\n\r\n\r\n#contact .sm-contact-header h2 span {\r\n\r\n  color:\r\n    var(--orange);\r\n\r\n}\r\n\r\n\r\n#contact .sm-contact-header p {\r\n\r\n  max-width:650px;\r\n\r\n  margin:\r\n    16px auto 0 !important;\r\n\r\n  color:\r\n    var(--muted);\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size:13px;\r\n\r\n  line-height:1.7;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   MAIN GRID\r\n========================================================= *\/\r\n\r\n#contact .sm-contact-grid {\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    minmax(0,.82fr)\r\n    minmax(0,1.18fr);\r\n\r\n  gap:20px;\r\n\r\n  align-items:stretch;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   LEFT CONTACT CARD\r\n========================================================= *\/\r\n\r\n#contact .sm-contact-info {\r\n\r\n  position:relative;\r\n\r\n  display:flex;\r\n\r\n  flex-direction:column;\r\n\r\n  justify-content:flex-start;\r\n\r\n  padding:32px;\r\n\r\n  border-radius:17px;\r\n\r\n  background:\r\n    var(--navy);\r\n\r\n  overflow:hidden;\r\n\r\n}\r\n\r\n\r\n#contact .sm-contact-info::before {\r\n\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  width:300px;\r\n  height:300px;\r\n\r\n  right:-150px;\r\n  top:-150px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:\r\n    rgba(37,99,235,.15);\r\n\r\n  animation:\r\n    smContactGlow\r\n    7s\r\n    ease-in-out\r\n    infinite;\r\n\r\n}\r\n\r\n\r\n#contact .sm-contact-info::after {\r\n\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  width:220px;\r\n  height:220px;\r\n\r\n  left:-130px;\r\n  bottom:-130px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:\r\n    rgba(249,115,22,.10);\r\n\r\n  animation:\r\n    smContactGlow2\r\n    8s\r\n    ease-in-out\r\n    infinite;\r\n\r\n}\r\n\r\n\r\n@keyframes smContactGlow {\r\n\r\n  0%,\r\n  100% {\r\n\r\n    transform:scale(1);\r\n\r\n  }\r\n\r\n  50% {\r\n\r\n    transform:scale(1.12);\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n@keyframes smContactGlow2 {\r\n\r\n  0%,\r\n  100% {\r\n\r\n    transform:scale(1);\r\n\r\n  }\r\n\r\n  50% {\r\n\r\n    transform:scale(1.15);\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n#contact .sm-mini-label {\r\n\r\n  position:relative;\r\n\r\n  z-index:2;\r\n\r\n  display:block;\r\n\r\n  margin-bottom:12px;\r\n\r\n  color:#7EA4FF;\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size:9px;\r\n\r\n  font-weight:800;\r\n\r\n  letter-spacing:.13em;\r\n\r\n}\r\n\r\n\r\n#contact .sm-contact-info h3 {\r\n\r\n  position:relative;\r\n\r\n  z-index:2;\r\n\r\n  max-width:400px;\r\n\r\n  margin:\r\n    0 0 14px !important;\r\n\r\n  color:#FFFFFF;\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size:\r\n    clamp(\r\n      27px,\r\n      3vw,\r\n      34px\r\n    );\r\n\r\n  font-weight:800;\r\n\r\n  line-height:1.15;\r\n\r\n  letter-spacing:-.7px;\r\n\r\n}\r\n\r\n\r\n#contact .sm-contact-info h3 strong {\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--orange);\r\n\r\n}\r\n\r\n\r\n#contact .sm-contact-info > p {\r\n\r\n  position:relative;\r\n\r\n  z-index:2;\r\n\r\n  max-width:420px;\r\n\r\n  margin:\r\n    0 0 25px !important;\r\n\r\n  color:#AAB5C5;\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size:11px;\r\n\r\n  line-height:1.7;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   CONTACT LINKS\r\n========================================================= *\/\r\n\r\n#contact .sm-contact-link {\r\n\r\n  position:relative;\r\n\r\n  z-index:2;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:10px;\r\n\r\n  width:100%;\r\n\r\n  min-height:57px;\r\n\r\n  margin-bottom:9px;\r\n\r\n  padding:\r\n    9px 11px;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.09);\r\n\r\n  border-radius:10px;\r\n\r\n  background:\r\n    rgba(255,255,255,.045);\r\n\r\n  text-decoration:none;\r\n\r\n  box-sizing:border-box;\r\n\r\n  transition:\r\n    transform .3s ease,\r\n    background .3s ease,\r\n    border-color .3s ease;\r\n\r\n}\r\n\r\n\r\n#contact a.sm-contact-link:hover {\r\n\r\n  transform:\r\n    translateX(5px);\r\n\r\n  background:\r\n    rgba(255,255,255,.08);\r\n\r\n  border-color:\r\n    rgba(255,255,255,.17);\r\n\r\n}\r\n\r\n\r\n\/* LOCATION SHOULD NOT MOVE *\/\r\n\r\n#contact .sm-location-link {\r\n\r\n  cursor:default;\r\n\r\n}\r\n\r\n\r\n#contact .sm-location-link:hover {\r\n\r\n  transform:none;\r\n\r\n  background:\r\n    rgba(255,255,255,.045);\r\n\r\n  border-color:\r\n    rgba(255,255,255,.09);\r\n\r\n}\r\n\r\n\r\n#contact .sm-contact-icon {\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:center;\r\n\r\n  flex:0 0 auto;\r\n\r\n  width:37px;\r\n\r\n  height:37px;\r\n\r\n  border-radius:9px;\r\n\r\n  color:#FFFFFF;\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size:12px;\r\n\r\n  font-weight:800;\r\n\r\n}\r\n\r\n\r\n#contact .sm-wa {\r\n\r\n  background:#25D366;\r\n\r\n}\r\n\r\n\r\n#contact .sm-mail {\r\n\r\n  background:\r\n    var(--orange);\r\n\r\n}\r\n\r\n\r\n#contact .sm-location {\r\n\r\n  background:#475569;\r\n\r\n  font-size:9px;\r\n\r\n}\r\n\r\n\r\n#contact .sm-contact-text {\r\n\r\n  flex:1;\r\n\r\n  min-width:0;\r\n\r\n}\r\n\r\n\r\n#contact .sm-contact-text small {\r\n\r\n  display:block;\r\n\r\n  margin-bottom:2px;\r\n\r\n  color:#718096;\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size:7px;\r\n\r\n  font-weight:800;\r\n\r\n  letter-spacing:.1em;\r\n\r\n}\r\n\r\n\r\n#contact .sm-contact-text strong {\r\n\r\n  display:block;\r\n\r\n  color:#FFFFFF;\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size:10px;\r\n\r\n  font-weight:700;\r\n\r\n  word-break:break-word;\r\n\r\n}\r\n\r\n\r\n#contact .sm-contact-link > b {\r\n\r\n  color:#718096;\r\n\r\n  font-size:14px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   SOCIAL\r\n========================================================= *\/\r\n\r\n#contact .sm-social {\r\n\r\n  position:relative;\r\n\r\n  z-index:2;\r\n\r\n  margin-top:20px;\r\n\r\n  padding-top:19px;\r\n\r\n  border-top:\r\n    1px solid\r\n    rgba(255,255,255,.09);\r\n\r\n}\r\n\r\n\r\n#contact .sm-social > small {\r\n\r\n  display:block;\r\n\r\n  margin-bottom:9px;\r\n\r\n  color:#718096;\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size:8px;\r\n\r\n  font-weight:800;\r\n\r\n  letter-spacing:.11em;\r\n\r\n}\r\n\r\n\r\n#contact .sm-social > div {\r\n\r\n  display:flex;\r\n\r\n  gap:7px;\r\n\r\n}\r\n\r\n\r\n#contact .sm-social a {\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:center;\r\n\r\n  width:32px;\r\n\r\n  height:32px;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.1);\r\n\r\n  border-radius:8px;\r\n\r\n  color:#FFFFFF !important;\r\n\r\n  background:\r\n    rgba(255,255,255,.05);\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size:10px;\r\n\r\n  font-weight:800;\r\n\r\n  text-decoration:none;\r\n\r\n  transition:\r\n    transform .25s ease,\r\n    background .25s ease;\r\n\r\n}\r\n\r\n\r\n#contact .sm-social a:hover {\r\n\r\n  transform:\r\n    translateY(-4px);\r\n\r\n  background:\r\n    var(--blue);\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   RIGHT ACTION CARD\r\n========================================================= *\/\r\n\r\n#contact .sm-contact-action {\r\n\r\n  position:relative;\r\n\r\n  display:flex;\r\n\r\n  flex-direction:column;\r\n\r\n  justify-content:center;\r\n\r\n  padding:34px;\r\n\r\n  border:\r\n    1px solid\r\n    var(--border);\r\n\r\n  border-radius:17px;\r\n\r\n  background:#FFFFFF;\r\n\r\n  box-shadow:\r\n    0 12px 35px\r\n    rgba(11,18,32,.045);\r\n\r\n  overflow:hidden;\r\n\r\n}\r\n\r\n\r\n#contact .sm-contact-action::before {\r\n\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  width:220px;\r\n\r\n  height:220px;\r\n\r\n  right:-110px;\r\n\r\n  top:-110px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:\r\n    rgba(37,99,235,.045);\r\n\r\n  animation:\r\n    smActionGlow\r\n    6s\r\n    ease-in-out\r\n    infinite;\r\n\r\n}\r\n\r\n\r\n@keyframes smActionGlow {\r\n\r\n  0%,\r\n  100% {\r\n\r\n    transform:scale(1);\r\n\r\n  }\r\n\r\n  50% {\r\n\r\n    transform:scale(1.2);\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n#contact .sm-action-top {\r\n\r\n  position:relative;\r\n\r\n  z-index:2;\r\n\r\n}\r\n\r\n\r\n#contact .sm-action-top > span {\r\n\r\n  display:block;\r\n\r\n  margin-bottom:9px;\r\n\r\n  color:\r\n    var(--blue);\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size:8px;\r\n\r\n  font-weight:800;\r\n\r\n  letter-spacing:.13em;\r\n\r\n}\r\n\r\n\r\n#contact .sm-action-top h3 {\r\n\r\n  max-width:450px;\r\n\r\n  margin:\r\n    0 0 12px !important;\r\n\r\n  color:\r\n    var(--navy);\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size:\r\n    clamp(\r\n      28px,\r\n      3vw,\r\n      37px\r\n    );\r\n\r\n  font-weight:800;\r\n\r\n  line-height:1.12;\r\n\r\n  letter-spacing:-1px;\r\n\r\n}\r\n\r\n\r\n#contact .sm-action-top h3 em {\r\n\r\n  color:\r\n    var(--orange);\r\n\r\n  font-style:normal;\r\n\r\n}\r\n\r\n\r\n#contact .sm-action-top p {\r\n\r\n  max-width:490px;\r\n\r\n  margin:\r\n    0 !important;\r\n\r\n  color:\r\n    var(--muted);\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size:11px;\r\n\r\n  line-height:1.7;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   SERVICE FOCUS\r\n========================================================= *\/\r\n\r\n#contact .sm-contact-focus {\r\n\r\n  position:relative;\r\n\r\n  z-index:2;\r\n\r\n  display:flex;\r\n\r\n  flex-wrap:wrap;\r\n\r\n  gap:6px;\r\n\r\n  margin-top:18px;\r\n\r\n}\r\n\r\n\r\n#contact .sm-contact-focus span {\r\n\r\n  display:inline-flex;\r\n\r\n  align-items:center;\r\n\r\n  min-height:25px;\r\n\r\n  padding:\r\n    0 9px;\r\n\r\n  border:\r\n    1px solid\r\n    #E2E8F0;\r\n\r\n  border-radius:999px;\r\n\r\n  background:#F8FAFC;\r\n\r\n  color:#64748B;\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size:7px;\r\n\r\n  font-weight:800;\r\n\r\n  letter-spacing:.06em;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   ACTION BUTTONS\r\n========================================================= *\/\r\n\r\n#contact .sm-action-buttons {\r\n\r\n  position:relative;\r\n\r\n  z-index:2;\r\n\r\n  display:flex;\r\n\r\n  flex-direction:column;\r\n\r\n  gap:10px;\r\n\r\n  margin-top:21px;\r\n\r\n}\r\n\r\n\r\n#contact .sm-action-button {\r\n\r\n  position:relative;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:12px;\r\n\r\n  min-height:66px;\r\n\r\n  padding:\r\n    9px 12px;\r\n\r\n  border:\r\n    1px solid\r\n    var(--border);\r\n\r\n  border-radius:11px;\r\n\r\n  text-decoration:none;\r\n\r\n  background:#FFFFFF;\r\n\r\n  transition:\r\n    transform .3s ease,\r\n    box-shadow .3s ease,\r\n    border-color .3s ease;\r\n\r\n}\r\n\r\n\r\n#contact .sm-action-button:hover {\r\n\r\n  transform:\r\n    translateY(-3px);\r\n\r\n  box-shadow:\r\n    0 12px 28px\r\n    rgba(11,18,32,.08);\r\n\r\n}\r\n\r\n\r\n#contact .sm-action-button-icon {\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:center;\r\n\r\n  flex:0 0 auto;\r\n\r\n  width:43px;\r\n\r\n  height:43px;\r\n\r\n  border-radius:10px;\r\n\r\n  color:#FFFFFF;\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size:13px;\r\n\r\n  font-weight:800;\r\n\r\n}\r\n\r\n\r\n#contact .sm-action-button.email\r\n.sm-action-button-icon {\r\n\r\n  background:\r\n    var(--orange);\r\n\r\n}\r\n\r\n\r\n#contact .sm-action-button.whatsapp\r\n.sm-action-button-icon {\r\n\r\n  background:#25D366;\r\n\r\n}\r\n\r\n\r\n#contact .sm-action-button-text {\r\n\r\n  flex:1;\r\n\r\n}\r\n\r\n\r\n#contact .sm-action-button-text small {\r\n\r\n  display:block;\r\n\r\n  margin-bottom:3px;\r\n\r\n  color:#94A3B8;\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size:7px;\r\n\r\n  font-weight:800;\r\n\r\n  letter-spacing:.1em;\r\n\r\n}\r\n\r\n\r\n#contact .sm-action-button-text strong {\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--navy);\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size:12px;\r\n\r\n  font-weight:800;\r\n\r\n}\r\n\r\n\r\n#contact .sm-action-button > b {\r\n\r\n  color:#94A3B8;\r\n\r\n  font-size:15px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   NOTE\r\n========================================================= *\/\r\n\r\n#contact .sm-action-note {\r\n\r\n  position:relative;\r\n\r\n  z-index:2;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:7px;\r\n\r\n  margin-top:15px;\r\n\r\n  color:#94A3B8;\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size:8px;\r\n\r\n}\r\n\r\n\r\n#contact .sm-action-note span {\r\n\r\n  color:\r\n    var(--orange);\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   PREMIUM STATS\r\n========================================================= *\/\r\n\r\n#contact .sm-action-stats {\r\n\r\n  position:relative;\r\n\r\n  z-index:2;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    repeat(3,1fr);\r\n\r\n  gap:9px;\r\n\r\n  margin-top:22px;\r\n\r\n  padding-top:18px;\r\n\r\n  border-top:\r\n    1px solid\r\n    #E8EDF3;\r\n\r\n}\r\n\r\n\r\n\/* STAT CARD *\/\r\n\r\n#contact .sm-stat-card {\r\n\r\n  position:relative;\r\n\r\n  min-height:72px;\r\n\r\n  padding:\r\n    12px 10px;\r\n\r\n  border:\r\n    1px solid\r\n    #E7ECF2;\r\n\r\n  border-radius:11px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      #FFFFFF,\r\n      #F8FAFC\r\n    );\r\n\r\n  box-sizing:border-box;\r\n\r\n  overflow:hidden;\r\n\r\n  transition:\r\n    transform .35s cubic-bezier(.2,.8,.2,1),\r\n    box-shadow .35s ease,\r\n    border-color .35s ease;\r\n\r\n}\r\n\r\n\r\n#contact .sm-stat-card:hover {\r\n\r\n  transform:\r\n    translateY(-5px);\r\n\r\n  border-color:\r\n    #D7E2F5;\r\n\r\n  box-shadow:\r\n    0 12px 25px\r\n    rgba(11,18,32,.08);\r\n\r\n}\r\n\r\n\r\n\/* STAT NUMBER *\/\r\n\r\n#contact .sm-stat-number {\r\n\r\n  display:flex;\r\n\r\n  align-items:baseline;\r\n\r\n  gap:3px;\r\n\r\n}\r\n\r\n\r\n#contact .sm-stat-number strong {\r\n\r\n  color:\r\n    var(--navy);\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size:21px;\r\n\r\n  font-weight:900;\r\n\r\n  line-height:1;\r\n\r\n  letter-spacing:-.7px;\r\n\r\n}\r\n\r\n\r\n#contact .sm-stat-number span {\r\n\r\n  color:\r\n    var(--blue);\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size:7px;\r\n\r\n  font-weight:800;\r\n\r\n  letter-spacing:.04em;\r\n\r\n}\r\n\r\n\r\n#contact .sm-stat-card:nth-child(2)\r\n.sm-stat-number span {\r\n\r\n  color:\r\n    var(--orange);\r\n\r\n}\r\n\r\n\r\n#contact .sm-stat-card:nth-child(3)\r\n.sm-stat-number span {\r\n\r\n  color:\r\n    var(--blue);\r\n\r\n}\r\n\r\n\r\n\/* LABEL *\/\r\n\r\n#contact .sm-stat-card p {\r\n\r\n  margin:\r\n    6px 0 0 !important;\r\n\r\n  color:\r\n    var(--muted);\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size:8px;\r\n\r\n  font-weight:700;\r\n\r\n}\r\n\r\n\r\n\/* DECORATIVE GLOW *\/\r\n\r\n#contact .sm-stat-card::before {\r\n\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  width:55px;\r\n\r\n  height:55px;\r\n\r\n  top:-30px;\r\n\r\n  right:-20px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:\r\n    rgba(37,99,235,.07);\r\n\r\n  filter:\r\n    blur(3px);\r\n\r\n  transition:\r\n    transform .5s ease;\r\n\r\n}\r\n\r\n\r\n#contact .sm-stat-card:nth-child(2)::before {\r\n\r\n  background:\r\n    rgba(249,115,22,.08);\r\n\r\n}\r\n\r\n\r\n#contact .sm-stat-card:hover::before {\r\n\r\n  transform:\r\n    scale(1.7);\r\n\r\n}\r\n\r\n\r\n\/* ANIMATED LINE *\/\r\n\r\n#contact .sm-stat-card i {\r\n\r\n  position:absolute;\r\n\r\n  left:0;\r\n\r\n  bottom:0;\r\n\r\n  width:100%;\r\n\r\n  height:2px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      transparent,\r\n      var(--blue),\r\n      transparent\r\n    );\r\n\r\n  transform:\r\n    translateX(-100%);\r\n\r\n  opacity:.65;\r\n\r\n  animation:\r\n    smStatLine\r\n    3.5s\r\n    ease-in-out\r\n    infinite;\r\n\r\n}\r\n\r\n\r\n#contact .sm-stat-card:nth-child(2) i {\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      transparent,\r\n      var(--orange),\r\n      transparent\r\n    );\r\n\r\n  animation-delay:\r\n    .8s;\r\n\r\n}\r\n\r\n\r\n#contact .sm-stat-card:nth-child(3) i {\r\n\r\n  animation-delay:\r\n    1.6s;\r\n\r\n}\r\n\r\n\r\n@keyframes smStatLine {\r\n\r\n  0% {\r\n\r\n    transform:\r\n      translateX(-100%);\r\n\r\n  }\r\n\r\n  50% {\r\n\r\n    transform:\r\n      translateX(100%);\r\n\r\n  }\r\n\r\n  100% {\r\n\r\n    transform:\r\n      translateX(100%);\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   FINAL CTA\r\n========================================================= *\/\r\n\r\n#contact .sm-contact-cta {\r\n\r\n  position:relative;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:space-between;\r\n\r\n  gap:25px;\r\n\r\n  margin-top:45px;\r\n\r\n  padding:\r\n    28px 31px;\r\n\r\n  border-radius:14px;\r\n\r\n  background:\r\n    var(--navy);\r\n\r\n  overflow:hidden;\r\n\r\n}\r\n\r\n\r\n#contact .sm-contact-cta::before {\r\n\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  width:300px;\r\n\r\n  height:300px;\r\n\r\n  right:-170px;\r\n\r\n  top:-180px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle,\r\n      rgba(37,99,235,.16),\r\n      transparent 70%\r\n    );\r\n\r\n}\r\n\r\n\r\n#contact .sm-contact-cta > div {\r\n\r\n  position:relative;\r\n\r\n  z-index:2;\r\n\r\n}\r\n\r\n\r\n#contact .sm-contact-cta span {\r\n\r\n  display:block;\r\n\r\n  margin-bottom:5px;\r\n\r\n  color:#7EA4FF;\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size:8px;\r\n\r\n  font-weight:800;\r\n\r\n  letter-spacing:.12em;\r\n\r\n}\r\n\r\n\r\n#contact .sm-contact-cta h3 {\r\n\r\n  margin:0 !important;\r\n\r\n  color:#FFFFFF;\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size:21px;\r\n\r\n  font-weight:800;\r\n\r\n}\r\n\r\n\r\n#contact .sm-contact-cta h3 strong {\r\n\r\n  color:\r\n    var(--orange);\r\n\r\n}\r\n\r\n\r\n#contact .sm-contact-cta a {\r\n\r\n  position:relative;\r\n\r\n  display:inline-flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:8px;\r\n\r\n  flex:0 0 auto;\r\n\r\n  overflow:hidden;\r\n\r\n  padding:\r\n    12px 18px;\r\n\r\n  border-radius:8px;\r\n\r\n  color:#FFFFFF !important;\r\n\r\n  background:\r\n    var(--orange);\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size:10px;\r\n\r\n  font-weight:800;\r\n\r\n  text-decoration:none !important;\r\n\r\n  transition:\r\n    transform .25s ease,\r\n    box-shadow .25s ease;\r\n\r\n}\r\n\r\n\r\n\/* CONTINUOUS SHINE *\/\r\n\r\n#contact .sm-contact-cta a::before {\r\n\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  top:0;\r\n\r\n  left:-80%;\r\n\r\n  width:55%;\r\n\r\n  height:100%;\r\n\r\n  background:\r\n    linear-gradient(\r\n      105deg,\r\n      transparent 0%,\r\n      rgba(255,255,255,.05) 35%,\r\n      rgba(255,255,255,.35) 50%,\r\n      rgba(255,255,255,.05) 65%,\r\n      transparent 100%\r\n    );\r\n\r\n  transform:\r\n    skewX(-20deg);\r\n\r\n  animation:\r\n    smContactCtaShine\r\n    3.5s\r\n    ease-in-out\r\n    infinite;\r\n\r\n}\r\n\r\n\r\n#contact .sm-contact-cta a b {\r\n\r\n  position:relative;\r\n\r\n  z-index:2;\r\n\r\n  font-size:14px;\r\n\r\n  font-weight:400;\r\n\r\n}\r\n\r\n\r\n#contact .sm-contact-cta a {\r\n\r\n  line-height:1;\r\n\r\n}\r\n\r\n\r\n#contact .sm-contact-cta a:hover {\r\n\r\n  color:#FFFFFF !important;\r\n\r\n  transform:\r\n    translateY(-3px);\r\n\r\n  box-shadow:\r\n    0 10px 25px\r\n    rgba(249,115,22,.25);\r\n\r\n}\r\n\r\n\r\n@keyframes smContactCtaShine {\r\n\r\n  0% {\r\n\r\n    left:-80%;\r\n\r\n  }\r\n\r\n  42% {\r\n\r\n    left:135%;\r\n\r\n  }\r\n\r\n  100% {\r\n\r\n    left:135%;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:850px) {\r\n\r\n  #contact .sm-contact-grid {\r\n\r\n    grid-template-columns:\r\n      1fr;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:650px) {\r\n\r\n  #contact.sm-contact {\r\n\r\n    width:100vw !important;\r\n\r\n    max-width:100vw !important;\r\n\r\n    min-width:100vw !important;\r\n\r\n    margin-left:\r\n      calc(50% - 50vw) !important;\r\n\r\n    margin-right:\r\n      calc(50% - 50vw) !important;\r\n\r\n  }\r\n\r\n\r\n  #contact .sm-contact-wrap {\r\n\r\n    width:\r\n      calc(100% - 28px) !important;\r\n\r\n    padding:\r\n      58px 0 52px;\r\n\r\n  }\r\n\r\n\r\n  #contact .sm-contact-header {\r\n\r\n    margin-bottom:\r\n      30px;\r\n\r\n  }\r\n\r\n\r\n  #contact .sm-contact-header h2 {\r\n\r\n    font-size:\r\n      32px;\r\n\r\n  }\r\n\r\n\r\n  #contact .sm-contact-header p {\r\n\r\n    font-size:\r\n      12px;\r\n\r\n  }\r\n\r\n\r\n  #contact .sm-contact-info {\r\n\r\n    padding:\r\n      23px;\r\n\r\n  }\r\n\r\n\r\n  #contact .sm-contact-info h3 {\r\n\r\n    font-size:\r\n      27px;\r\n\r\n  }\r\n\r\n\r\n  #contact .sm-contact-action {\r\n\r\n    padding:\r\n      23px;\r\n\r\n  }\r\n\r\n\r\n  #contact .sm-action-top h3 {\r\n\r\n    font-size:\r\n      28px;\r\n\r\n  }\r\n\r\n\r\n  #contact .sm-contact-focus {\r\n\r\n    margin-top:15px;\r\n\r\n  }\r\n\r\n\r\n  #contact .sm-contact-focus span {\r\n\r\n    font-size:6.5px;\r\n\r\n    padding:0 8px;\r\n\r\n  }\r\n\r\n\r\n  #contact .sm-stat-card {\r\n\r\n    min-height:\r\n      68px;\r\n\r\n    padding:\r\n      10px 8px;\r\n\r\n  }\r\n\r\n\r\n  #contact .sm-stat-number strong {\r\n\r\n    font-size:\r\n      18px;\r\n\r\n  }\r\n\r\n\r\n  #contact .sm-stat-number span {\r\n\r\n    font-size:\r\n      6px;\r\n\r\n  }\r\n\r\n\r\n  #contact .sm-stat-card p {\r\n\r\n    font-size:\r\n      7px;\r\n\r\n  }\r\n\r\n\r\n  #contact .sm-contact-cta {\r\n\r\n    flex-direction:\r\n      column;\r\n\r\n    align-items:\r\n      flex-start;\r\n\r\n    padding:\r\n      24px 20px;\r\n\r\n  }\r\n\r\n\r\n  #contact .sm-contact-cta h3 {\r\n\r\n    font-size:\r\n      19px;\r\n\r\n  }\r\n\r\n\r\n  #contact .sm-contact-cta a {\r\n\r\n    width:100%;\r\n\r\n    justify-content:center;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:400px) {\r\n\r\n  #contact .sm-contact-header h2 {\r\n\r\n    font-size:\r\n      29px;\r\n\r\n  }\r\n\r\n\r\n  #contact .sm-contact-info,\r\n  #contact .sm-contact-action {\r\n\r\n    padding:\r\n      21px;\r\n\r\n  }\r\n\r\n\r\n  #contact .sm-contact-info h3 {\r\n\r\n    font-size:\r\n      25px;\r\n\r\n  }\r\n\r\n\r\n  #contact .sm-action-top h3 {\r\n\r\n    font-size:\r\n      26px;\r\n\r\n  }\r\n\r\n\r\n  #contact .sm-action-stats {\r\n\r\n    gap:6px;\r\n\r\n  }\r\n\r\n\r\n  #contact .sm-stat-card {\r\n\r\n    padding:\r\n      9px 7px;\r\n\r\n  }\r\n\r\n\r\n  #contact .sm-stat-number strong {\r\n\r\n    font-size:\r\n      17px;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media(prefers-reduced-motion:reduce) {\r\n\r\n  #contact.sm-contact * {\r\n\r\n    animation:none !important;\r\n\r\n    transition:none !important;\r\n\r\n  }\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-681aa73 e-flex e-con-boxed e-con e-parent\" data-id=\"681aa73\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9443397 elementor-widget elementor-widget-html\" data-id=\"9443397\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<footer id=\"sm-footer\">\r\n\r\n  <div class=\"sm-footer-glow\"><\/div>\r\n\r\n\r\n  <div class=\"sm-footer-container\">\r\n\r\n\r\n    <!-- =================================================\r\n         TOP CTA\r\n    ================================================== -->\r\n\r\n    <div class=\"sm-footer-cta\">\r\n\r\n      <div class=\"sm-footer-cta-text\">\r\n\r\n        <span class=\"sm-footer-label\">\r\n          LET'S WORK TOGETHER\r\n        <\/span>\r\n\r\n        <h2>\r\n          Ready to grow your\r\n          <span>digital presence?<\/span>\r\n        <\/h2>\r\n\r\n        <p>\r\n          Let's turn your business goals into\r\n          measurable digital growth through marketing,\r\n          creative, and web solutions.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n      <a\r\n        href=\"#contact\"\r\n        class=\"sm-footer-main-btn\"\r\n      >\r\n        <span>Start a Conversation<\/span>\r\n        <b>\u2197<\/b>\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- DIVIDER -->\r\n\r\n    <div class=\"sm-footer-divider\"><\/div>\r\n\r\n\r\n\r\n    <!-- =================================================\r\n         FOOTER GRID\r\n    ================================================== -->\r\n\r\n    <div class=\"sm-footer-grid\">\r\n\r\n\r\n      <!-- =================================================\r\n           BRAND\r\n      ================================================== -->\r\n\r\n      <div class=\"sm-footer-brand\">\r\n\r\n        <a\r\n          href=\"#home\"\r\n          class=\"sm-footer-logo\"\r\n          aria-label=\"Shakhawat Marketer Home\"\r\n        >\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/shakhawatmarketer.com\/wp-content\/uploads\/2026\/03\/shakhawat-logo-png.png\"\r\n            alt=\"Shakhawat Marketer\"\r\n          >\r\n\r\n        <\/a>\r\n\r\n\r\n        <p>\r\n          Digital growth-focused solutions combining\r\n          performance marketing, creative content,\r\n          and conversion-focused web experiences.\r\n        <\/p>\r\n\r\n\r\n        <!-- SOCIAL LINKS -->\r\n\r\n        <div class=\"sm-footer-social\">\r\n\r\n\r\n          <!-- FACEBOOK -->\r\n\r\n          <a\r\n            href=\"https:\/\/www.facebook.com\/shakhawatmarketer\"\r\n            target=\"_blank\"\r\n            rel=\"noopener\"\r\n            aria-label=\"Facebook\"\r\n          >\r\n            f\r\n          <\/a>\r\n\r\n\r\n          <!-- INSTAGRAM -->\r\n\r\n          <a\r\n            href=\"https:\/\/www.instagram.com\/marketershakhawat\"\r\n            target=\"_blank\"\r\n            rel=\"noopener\"\r\n            aria-label=\"Instagram\"\r\n          >\r\n            \u25ce\r\n          <\/a>\r\n\r\n\r\n          <!-- LINKEDIN -->\r\n\r\n          <a\r\n            href=\"https:\/\/www.linkedin.com\/in\/marketershakhawat\"\r\n            target=\"_blank\"\r\n            rel=\"noopener\"\r\n            aria-label=\"LinkedIn\"\r\n          >\r\n            in\r\n          <\/a>\r\n\r\n\r\n          <!-- YOUTUBE -->\r\n\r\n          <a\r\n            href=\"https:\/\/www.youtube.com\/@marketershakhawat\"\r\n            target=\"_blank\"\r\n            rel=\"noopener\"\r\n            aria-label=\"YouTube\"\r\n          >\r\n            \u25b6\r\n          <\/a>\r\n\r\n\r\n          <!-- TIKTOK -->\r\n\r\n          <a\r\n            href=\"https:\/\/www.tiktok.com\/@marketershakhawat\"\r\n            target=\"_blank\"\r\n            rel=\"noopener\"\r\n            aria-label=\"TikTok\"\r\n          >\r\n            \u266a\r\n          <\/a>\r\n\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- =================================================\r\n           QUICK LINKS\r\n      ================================================== -->\r\n\r\n      <div class=\"sm-footer-column\">\r\n\r\n        <h3>\r\n          Quick Links\r\n        <\/h3>\r\n\r\n\r\n        <a href=\"#home\">\r\n          Home\r\n        <\/a>\r\n\r\n        <a href=\"#about\">\r\n          About\r\n        <\/a>\r\n\r\n        <a href=\"#services\">\r\n          Services\r\n        <\/a>\r\n\r\n        <a href=\"#expertise\">\r\n          Expertise\r\n        <\/a>\r\n\r\n        <a href=\"#case-studies\">\r\n          Case Studies\r\n        <\/a>\r\n\r\n        <a href=\"#contact\">\r\n          Contact\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- =================================================\r\n           SERVICES\r\n      ================================================== -->\r\n\r\n      <div class=\"sm-footer-column\">\r\n\r\n        <h3>\r\n          Services\r\n        <\/h3>\r\n\r\n\r\n        <a href=\"\/digital-marketing\/\">\r\n          Digital Marketing\r\n        <\/a>\r\n\r\n        <a href=\"\/motion-graphics\/\">\r\n          Motion Graphics\r\n        <\/a>\r\n\r\n        <a href=\"\/web-development\/\">\r\n          Web Development\r\n        <\/a>\r\n\r\n        <a href=\"\/digital-marketing\/\">\r\n          Performance Advertising\r\n        <\/a>\r\n\r\n        <a href=\"\/web-development\/\">\r\n          Conversion Optimization\r\n        <\/a>\r\n\r\n        <a href=\"\/digital-marketing\/\">\r\n          Analytics & Tracking\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- =================================================\r\n           CONTACT\r\n      ================================================== -->\r\n\r\n      <div class=\"sm-footer-column sm-footer-contact\">\r\n\r\n        <h3>\r\n          Get In Touch\r\n        <\/h3>\r\n\r\n\r\n        <!-- WHATSAPP -->\r\n\r\n        <a\r\n          href=\"https:\/\/wa.me\/8801648693178\"\r\n          class=\"sm-footer-contact-item\"\r\n          target=\"_blank\"\r\n          rel=\"noopener\"\r\n        >\r\n\r\n          <span class=\"sm-contact-icon whatsapp\">\r\n            W\r\n          <\/span>\r\n\r\n          <span>\r\n\r\n            <small>\r\n              WhatsApp\r\n            <\/small>\r\n\r\n            <strong>\r\n              01648 693178\r\n            <\/strong>\r\n\r\n          <\/span>\r\n\r\n        <\/a>\r\n\r\n\r\n        <!-- EMAIL -->\r\n\r\n        <a\r\n          href=\"mailto:shakhawatmarketer@gmail.com?subject=Project%20Inquiry%20-%20Shakhawat%20Marketer\"\r\n          class=\"sm-footer-contact-item\"\r\n        >\r\n\r\n          <span class=\"sm-contact-icon email\">\r\n            @\r\n          <\/span>\r\n\r\n          <span>\r\n\r\n            <small>\r\n              Email\r\n            <\/small>\r\n\r\n            <strong>\r\n              shakhawatmarketer@gmail.com\r\n            <\/strong>\r\n\r\n          <\/span>\r\n\r\n        <\/a>\r\n\r\n\r\n        <!-- LOCATION -->\r\n\r\n        <div class=\"sm-footer-contact-item\">\r\n\r\n          <span class=\"sm-contact-icon location\">\r\n            \u25cf\r\n          <\/span>\r\n\r\n          <span>\r\n\r\n            <small>\r\n              Location\r\n            <\/small>\r\n\r\n            <strong>\r\n              Bangladesh\r\n            <\/strong>\r\n\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =================================================\r\n         BOTTOM DIVIDER\r\n    ================================================== -->\r\n\r\n    <div class=\"sm-footer-bottom-divider\"><\/div>\r\n\r\n\r\n\r\n    <!-- =================================================\r\n         COPYRIGHT\r\n    ================================================== -->\r\n\r\n    <div class=\"sm-footer-bottom\">\r\n\r\n      <p>\r\n        \u00a9 2026\r\n        <strong>\r\n          Shakhawat Marketer\r\n        <\/strong>.\r\n        All rights reserved.\r\n      <\/p>\r\n\r\n\r\n      <div class=\"sm-footer-bottom-links\">\r\n\r\n        <a href=\"#home\">\r\n          Back to Top \u2191\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n  <\/div>\r\n\r\n<\/footer>\r\n\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   SHAKHAWAT MARKETER\r\n   PREMIUM FOOTER\r\n========================================================= *\/\r\n\r\n#sm-footer {\r\n\r\n  --footer-navy:#0B1220;\r\n  --footer-navy-light:#111C31;\r\n\r\n  --footer-orange:#F97316;\r\n  --footer-orange-dark:#EA580C;\r\n\r\n  --footer-blue:#2563EB;\r\n\r\n  position:relative;\r\n\r\n  width:100vw !important;\r\n\r\n  max-width:100vw !important;\r\n\r\n  margin-left:\r\n    calc(50% - 50vw) !important;\r\n\r\n  margin-right:\r\n    calc(50% - 50vw) !important;\r\n\r\n  padding:0;\r\n\r\n  overflow:hidden;\r\n\r\n  background:\r\n    var(--footer-navy);\r\n\r\n  color:#FFFFFF;\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  box-sizing:border-box;\r\n\r\n}\r\n\r\n\r\n#sm-footer * {\r\n\r\n  box-sizing:border-box;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BACKGROUND GLOW\r\n========================================================= *\/\r\n\r\n#sm-footer .sm-footer-glow {\r\n\r\n  position:absolute;\r\n\r\n  top:-180px;\r\n\r\n  right:-120px;\r\n\r\n  width:430px;\r\n\r\n  height:430px;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle,\r\n      rgba(37,99,235,.16) 0%,\r\n      rgba(37,99,235,0) 68%\r\n    );\r\n\r\n  pointer-events:none;\r\n\r\n}\r\n\r\n\r\n#sm-footer::after {\r\n\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  bottom:-200px;\r\n\r\n  left:-150px;\r\n\r\n  width:420px;\r\n\r\n  height:420px;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle,\r\n      rgba(249,115,22,.11) 0%,\r\n      rgba(249,115,22,0) 68%\r\n    );\r\n\r\n  pointer-events:none;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   CONTAINER\r\n========================================================= *\/\r\n\r\n#sm-footer .sm-footer-container {\r\n\r\n  position:relative;\r\n\r\n  z-index:2;\r\n\r\n  width:\r\n    min(\r\n      1180px,\r\n      calc(100% - 40px)\r\n    );\r\n\r\n  max-width:1180px;\r\n\r\n  margin:0 auto;\r\n\r\n  padding:\r\n    70px 0 25px;\r\n\r\n  box-sizing:border-box;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   TOP CTA\r\n========================================================= *\/\r\n\r\n#sm-footer .sm-footer-cta {\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:space-between;\r\n\r\n  gap:40px;\r\n\r\n  padding:\r\n    0 0 55px;\r\n\r\n}\r\n\r\n\r\n#sm-footer .sm-footer-label {\r\n\r\n  display:block;\r\n\r\n  margin-bottom:13px;\r\n\r\n  color:#60A5FA;\r\n\r\n  font-size:10px;\r\n\r\n  font-weight:800;\r\n\r\n  letter-spacing:2px;\r\n\r\n}\r\n\r\n\r\n#sm-footer .sm-footer-cta h2 {\r\n\r\n  margin:0;\r\n\r\n  padding:0;\r\n\r\n  color:#FFFFFF;\r\n\r\n  font-size:38px;\r\n\r\n  font-weight:800;\r\n\r\n  line-height:1.12;\r\n\r\n  letter-spacing:-1.2px;\r\n\r\n}\r\n\r\n\r\n#sm-footer .sm-footer-cta h2 span {\r\n\r\n  color:\r\n    var(--footer-orange);\r\n\r\n}\r\n\r\n\r\n#sm-footer .sm-footer-cta p {\r\n\r\n  margin:\r\n    12px 0 0;\r\n\r\n  max-width:540px;\r\n\r\n  color:\r\n    rgba(255,255,255,.62);\r\n\r\n  font-size:13px;\r\n\r\n  line-height:1.7;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   MAIN CTA BUTTON\r\n========================================================= *\/\r\n\r\n#sm-footer .sm-footer-main-btn {\r\n\r\n  position:relative;\r\n\r\n  display:inline-flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:center;\r\n\r\n  gap:10px;\r\n\r\n  min-width:185px;\r\n\r\n  height:48px;\r\n\r\n  padding:\r\n    0 21px;\r\n\r\n  overflow:hidden;\r\n\r\n  color:#FFFFFF !important;\r\n\r\n  background:\r\n    var(--footer-orange);\r\n\r\n  border-radius:8px;\r\n\r\n  font-size:13px;\r\n\r\n  font-weight:700;\r\n\r\n  text-decoration:none !important;\r\n\r\n  white-space:nowrap;\r\n\r\n  box-shadow:\r\n    0 8px 25px\r\n    rgba(249,115,22,.18);\r\n\r\n  transition:\r\n    transform .25s ease,\r\n    background .25s ease,\r\n    box-shadow .25s ease;\r\n\r\n}\r\n\r\n\r\n\/* CONTINUOUS SHINE *\/\r\n\r\n#sm-footer .sm-footer-main-btn::before {\r\n\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  top:0;\r\n\r\n  left:-80%;\r\n\r\n  width:55%;\r\n\r\n  height:100%;\r\n\r\n  background:\r\n    linear-gradient(\r\n      105deg,\r\n      transparent 0%,\r\n      rgba(255,255,255,.04) 35%,\r\n      rgba(255,255,255,.32) 50%,\r\n      rgba(255,255,255,.04) 65%,\r\n      transparent 100%\r\n    );\r\n\r\n  transform:\r\n    skewX(-20deg);\r\n\r\n  animation:\r\n    smFooterButtonShine\r\n    3.5s\r\n    ease-in-out\r\n    infinite;\r\n\r\n}\r\n\r\n\r\n#sm-footer .sm-footer-main-btn span,\r\n#sm-footer .sm-footer-main-btn b {\r\n\r\n  position:relative;\r\n\r\n  z-index:2;\r\n\r\n}\r\n\r\n\r\n#sm-footer .sm-footer-main-btn:hover {\r\n\r\n  color:#FFFFFF !important;\r\n\r\n  background:\r\n    var(--footer-orange-dark);\r\n\r\n  transform:\r\n    translateY(-3px);\r\n\r\n  box-shadow:\r\n    0 13px 30px\r\n    rgba(249,115,22,.28);\r\n\r\n}\r\n\r\n\r\n#sm-footer .sm-footer-main-btn b {\r\n\r\n  font-size:16px;\r\n\r\n  font-weight:500;\r\n\r\n}\r\n\r\n\r\n@keyframes smFooterButtonShine {\r\n\r\n  0% {\r\n\r\n    left:-80%;\r\n\r\n  }\r\n\r\n  42% {\r\n\r\n    left:135%;\r\n\r\n  }\r\n\r\n  100% {\r\n\r\n    left:135%;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   DIVIDER\r\n========================================================= *\/\r\n\r\n#sm-footer .sm-footer-divider {\r\n\r\n  width:100%;\r\n\r\n  height:1px;\r\n\r\n  margin:\r\n    0 0 50px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(255,255,255,.02),\r\n      rgba(255,255,255,.12),\r\n      rgba(255,255,255,.02)\r\n    );\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   GRID\r\n========================================================= *\/\r\n\r\n#sm-footer .sm-footer-grid {\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    1.55fr\r\n    .8fr\r\n    1fr\r\n    1.15fr;\r\n\r\n  gap:55px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   BRAND\r\n========================================================= *\/\r\n\r\n#sm-footer .sm-footer-logo {\r\n\r\n  display:inline-flex;\r\n\r\n  align-items:center;\r\n\r\n  line-height:0;\r\n\r\n  text-decoration:none;\r\n\r\n}\r\n\r\n\r\n#sm-footer .sm-footer-logo img {\r\n\r\n  display:block;\r\n\r\n  width:105px;\r\n\r\n  height:auto;\r\n\r\n}\r\n\r\n\r\n#sm-footer .sm-footer-brand p {\r\n\r\n  max-width:310px;\r\n\r\n  margin:\r\n    22px 0 25px;\r\n\r\n  color:\r\n    rgba(255,255,255,.58);\r\n\r\n  font-size:12px;\r\n\r\n  line-height:1.75;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   SOCIAL\r\n========================================================= *\/\r\n\r\n#sm-footer .sm-footer-social {\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:8px;\r\n\r\n}\r\n\r\n\r\n#sm-footer .sm-footer-social a {\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:center;\r\n\r\n  width:34px;\r\n\r\n  height:34px;\r\n\r\n  color:\r\n    rgba(255,255,255,.72);\r\n\r\n  background:\r\n    rgba(255,255,255,.05);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.08);\r\n\r\n  border-radius:8px;\r\n\r\n  font-size:11px;\r\n\r\n  font-weight:700;\r\n\r\n  text-decoration:none;\r\n\r\n  transition:\r\n    transform .25s ease,\r\n    color .25s ease,\r\n    background .25s ease,\r\n    border-color .25s ease;\r\n\r\n}\r\n\r\n\r\n#sm-footer .sm-footer-social a:hover {\r\n\r\n  color:#FFFFFF;\r\n\r\n  background:\r\n    var(--footer-orange);\r\n\r\n  border-color:\r\n    var(--footer-orange);\r\n\r\n  transform:\r\n    translateY(-3px);\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   COLUMNS\r\n========================================================= *\/\r\n\r\n#sm-footer .sm-footer-column h3 {\r\n\r\n  margin:\r\n    3px 0 22px;\r\n\r\n  color:#FFFFFF;\r\n\r\n  font-size:13px;\r\n\r\n  font-weight:700;\r\n\r\n}\r\n\r\n\r\n#sm-footer\r\n.sm-footer-column\r\n> a:not(.sm-footer-contact-item) {\r\n\r\n  display:block;\r\n\r\n  margin-bottom:13px;\r\n\r\n  color:\r\n    rgba(255,255,255,.56);\r\n\r\n  font-size:11px;\r\n\r\n  line-height:1.4;\r\n\r\n  text-decoration:none;\r\n\r\n  transition:\r\n    color .2s ease,\r\n    padding-left .2s ease;\r\n\r\n}\r\n\r\n\r\n#sm-footer\r\n.sm-footer-column\r\n> a:not(.sm-footer-contact-item):hover {\r\n\r\n  color:#FFFFFF;\r\n\r\n  padding-left:5px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   CONTACT ITEMS\r\n========================================================= *\/\r\n\r\n#sm-footer .sm-footer-contact-item {\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:12px;\r\n\r\n  margin-bottom:16px;\r\n\r\n  color:#FFFFFF;\r\n\r\n  text-decoration:none;\r\n\r\n}\r\n\r\n\r\n#sm-footer .sm-contact-icon {\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:center;\r\n\r\n  flex-shrink:0;\r\n\r\n  width:36px;\r\n\r\n  height:36px;\r\n\r\n  border-radius:9px;\r\n\r\n  color:#FFFFFF;\r\n\r\n  font-size:12px;\r\n\r\n  font-weight:800;\r\n\r\n}\r\n\r\n\r\n#sm-footer .sm-contact-icon.whatsapp {\r\n\r\n  background:#25D366;\r\n\r\n}\r\n\r\n\r\n#sm-footer .sm-contact-icon.email {\r\n\r\n  background:\r\n    var(--footer-orange);\r\n\r\n}\r\n\r\n\r\n#sm-footer .sm-contact-icon.location {\r\n\r\n  background:#475569;\r\n\r\n}\r\n\r\n\r\n#sm-footer .sm-footer-contact-item small {\r\n\r\n  display:block;\r\n\r\n  margin-bottom:3px;\r\n\r\n  color:\r\n    rgba(255,255,255,.42);\r\n\r\n  font-size:8px;\r\n\r\n  font-weight:700;\r\n\r\n  text-transform:uppercase;\r\n\r\n  letter-spacing:.7px;\r\n\r\n}\r\n\r\n\r\n#sm-footer .sm-footer-contact-item strong {\r\n\r\n  display:block;\r\n\r\n  color:\r\n    rgba(255,255,255,.88);\r\n\r\n  font-size:10px;\r\n\r\n  font-weight:600;\r\n\r\n  line-height:1.4;\r\n\r\n  transition:\r\n    color .2s ease;\r\n\r\n}\r\n\r\n\r\n#sm-footer\r\na.sm-footer-contact-item:hover\r\nstrong {\r\n\r\n  color:\r\n    var(--footer-orange);\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   BOTTOM DIVIDER\r\n========================================================= *\/\r\n\r\n#sm-footer .sm-footer-bottom-divider {\r\n\r\n  width:100%;\r\n\r\n  height:1px;\r\n\r\n  margin-top:45px;\r\n\r\n  background:\r\n    rgba(255,255,255,.08);\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   COPYRIGHT\r\n========================================================= *\/\r\n\r\n#sm-footer .sm-footer-bottom {\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:space-between;\r\n\r\n  gap:20px;\r\n\r\n  padding-top:22px;\r\n\r\n}\r\n\r\n\r\n#sm-footer .sm-footer-bottom p {\r\n\r\n  margin:0;\r\n\r\n  color:\r\n    rgba(255,255,255,.40);\r\n\r\n  font-size:10px;\r\n\r\n  line-height:1.5;\r\n\r\n}\r\n\r\n\r\n#sm-footer .sm-footer-bottom strong {\r\n\r\n  color:\r\n    rgba(255,255,255,.65);\r\n\r\n}\r\n\r\n\r\n#sm-footer .sm-footer-bottom-links a {\r\n\r\n  color:\r\n    rgba(255,255,255,.45);\r\n\r\n  font-size:10px;\r\n\r\n  font-weight:600;\r\n\r\n  text-decoration:none;\r\n\r\n  transition:\r\n    color .2s ease;\r\n\r\n}\r\n\r\n\r\n#sm-footer .sm-footer-bottom-links a:hover {\r\n\r\n  color:\r\n    var(--footer-orange);\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width:900px) {\r\n\r\n  #sm-footer .sm-footer-grid {\r\n\r\n    grid-template-columns:\r\n      1.2fr\r\n      1fr\r\n      1fr;\r\n\r\n    gap:40px;\r\n\r\n  }\r\n\r\n\r\n  #sm-footer .sm-footer-brand {\r\n\r\n    grid-column:\r\n      span 3;\r\n\r\n  }\r\n\r\n\r\n  #sm-footer .sm-footer-brand p {\r\n\r\n    max-width:500px;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width:650px) {\r\n\r\n  #sm-footer {\r\n\r\n    width:100vw !important;\r\n\r\n    max-width:100vw !important;\r\n\r\n    margin-left:\r\n      calc(50% - 50vw) !important;\r\n\r\n    margin-right:\r\n      calc(50% - 50vw) !important;\r\n\r\n  }\r\n\r\n\r\n  #sm-footer .sm-footer-container {\r\n\r\n    width:\r\n      calc(100% - 28px);\r\n\r\n    padding:\r\n      55px 0 22px;\r\n\r\n  }\r\n\r\n\r\n  #sm-footer .sm-footer-cta {\r\n\r\n    display:block;\r\n\r\n    padding-bottom:42px;\r\n\r\n  }\r\n\r\n\r\n  #sm-footer .sm-footer-cta h2 {\r\n\r\n    font-size:31px;\r\n\r\n    letter-spacing:-.8px;\r\n\r\n  }\r\n\r\n\r\n  #sm-footer .sm-footer-cta p {\r\n\r\n    font-size:12px;\r\n\r\n  }\r\n\r\n\r\n  #sm-footer .sm-footer-main-btn {\r\n\r\n    margin-top:25px;\r\n\r\n    width:fit-content;\r\n\r\n  }\r\n\r\n\r\n  #sm-footer .sm-footer-divider {\r\n\r\n    margin-bottom:40px;\r\n\r\n  }\r\n\r\n\r\n  #sm-footer .sm-footer-grid {\r\n\r\n    grid-template-columns:\r\n      1fr 1fr;\r\n\r\n    gap:\r\n      38px 25px;\r\n\r\n  }\r\n\r\n\r\n  #sm-footer .sm-footer-brand {\r\n\r\n    grid-column:\r\n      span 2;\r\n\r\n  }\r\n\r\n\r\n  #sm-footer .sm-footer-brand p {\r\n\r\n    max-width:100%;\r\n\r\n  }\r\n\r\n\r\n  #sm-footer .sm-footer-bottom {\r\n\r\n    display:block;\r\n\r\n  }\r\n\r\n\r\n  #sm-footer .sm-footer-bottom-links {\r\n\r\n    margin-top:12px;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width:400px) {\r\n\r\n  #sm-footer .sm-footer-grid {\r\n\r\n    grid-template-columns:\r\n      1fr;\r\n\r\n  }\r\n\r\n\r\n  #sm-footer .sm-footer-brand {\r\n\r\n    grid-column:\r\n      span 1;\r\n\r\n  }\r\n\r\n\r\n  #sm-footer .sm-footer-cta h2 {\r\n\r\n    font-size:28px;\r\n\r\n  }\r\n\r\n\r\n  #sm-footer .sm-footer-main-btn {\r\n\r\n    width:100%;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media (prefers-reduced-motion:reduce) {\r\n\r\n  #sm-footer * {\r\n\r\n    animation:none !important;\r\n\r\n    transition:none !important;\r\n\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<script>\r\n\r\n\/* =====================================================\r\n   FOOTER NAVIGATION\r\n===================================================== *\/\r\n\r\n(function () {\r\n\r\n  const footer =\r\n    document.getElementById(\"sm-footer\");\r\n\r\n\r\n  if (!footer) return;\r\n\r\n\r\n  footer\r\n    .querySelectorAll('a[href^=\"#\"]')\r\n    .forEach(function (link) {\r\n\r\n      link.addEventListener(\r\n        \"click\",\r\n        function (e) {\r\n\r\n          const targetId =\r\n            this.getAttribute(\"href\");\r\n\r\n\r\n          if (\r\n            !targetId ||\r\n            targetId === \"#\"\r\n          ) {\r\n\r\n            return;\r\n\r\n          }\r\n\r\n\r\n          const target =\r\n            document.querySelector(targetId);\r\n\r\n\r\n          if (!target) return;\r\n\r\n\r\n          e.preventDefault();\r\n\r\n\r\n          const header =\r\n            document.getElementById(\r\n              \"sm-header\"\r\n            );\r\n\r\n\r\n          const headerHeight =\r\n            header\r\n              ? header.offsetHeight\r\n              : 0;\r\n\r\n\r\n          const position =\r\n            target.getBoundingClientRect().top\r\n            +\r\n            window.pageYOffset\r\n            -\r\n            headerHeight\r\n            -\r\n            10;\r\n\r\n\r\n          window.scrollTo({\r\n\r\n            top:\r\n              position,\r\n\r\n            behavior:\r\n              \"smooth\"\r\n\r\n          });\r\n\r\n        }\r\n      );\r\n\r\n    });\r\n\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Home About Services \u2304 \u2197 Digital Marketing Performance &#038; Growth \u25b6 Motion Graphics Creative &#038; Video &lt;\/&gt; Web Development Websites [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-890","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/shakhawatmarketer.com\/index.php?rest_route=\/wp\/v2\/pages\/890","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/shakhawatmarketer.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/shakhawatmarketer.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/shakhawatmarketer.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/shakhawatmarketer.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=890"}],"version-history":[{"count":19,"href":"https:\/\/shakhawatmarketer.com\/index.php?rest_route=\/wp\/v2\/pages\/890\/revisions"}],"predecessor-version":[{"id":918,"href":"https:\/\/shakhawatmarketer.com\/index.php?rest_route=\/wp\/v2\/pages\/890\/revisions\/918"}],"wp:attachment":[{"href":"https:\/\/shakhawatmarketer.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=890"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}