{"id":1280,"date":"2026-03-27T21:11:51","date_gmt":"2026-03-27T21:11:51","guid":{"rendered":"https:\/\/abhayjoshi.online\/?page_id=1280"},"modified":"2026-04-08T09:32:49","modified_gmt":"2026-04-08T09:32:49","slug":"home","status":"publish","type":"page","link":"https:\/\/abhayjoshi.online\/","title":{"rendered":"HOME"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1280\" class=\"elementor elementor-1280\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\">\n\t\t\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-d61540c e-con-full e-flex e-con e-parent\" data-id=\"d61540c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false,&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\">\n\t\t\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-50afbbfd elementor-widget elementor-widget-html\" data-id=\"50afbbfd\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n  ABHAY JOSHI \u2014 HERO SECTION (Enhanced, No Floating Tags)\r\n  Paste inside Elementor \u2192 HTML Widget\r\n  Add fonts in Site Settings \u2192 Custom Code \u2192 <head>:\r\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Serif+Display:ital@0;1&family=Satoshi:wght@300;400;500;700&display=swap\" rel=\"stylesheet\">\r\n============================================================ -->\r\n\r\n<div class=\"hs-wrap\">\r\n\r\n  <canvas class=\"hs-canvas\" id=\"hsCanvas\"><\/canvas>\r\n  <div class=\"hs-mask\"><\/div>\r\n\r\n  <!-- Left Side -->\r\n  <div class=\"hs-left\">\r\n    <div class=\"hs-eyebrow\">\r\n      <span class=\"hs-dot\"><\/span>\r\n      Digital Strategist &amp; WordPress Expert\r\n    <\/div>\r\n    <h1 class=\"hs-name\">Abhay <em class=\"hs-italic\">Joshi<\/em><\/h1>\r\n    <p class=\"hs-tagline\">I build high-converting WordPress websites, data-driven SEO strategies &amp; & revenue-focused digital marketing systems that scale businesses from \u20b90 to \u20b91Cr+.<\/p>\r\n\r\n\r\n\r\n    <div class=\"hs-ctas\">\r\n      <a href=\"#work\" class=\"hs-btn-primary\">VIEW MY PORTFOLIO \u2193<\/a>\r\n      <a href=\"#contact\" class=\"hs-btn-outline\">BOOK A FREE CONSULTATION<\/a>\r\n    <\/div>\r\n\r\n    <!-- Social links with brand colors -->\r\n    <div class=\"hs-socials\">\r\n      <a href=\"https:\/\/instagram.com\" class=\"hs-social-link hs-ig\" target=\"_blank\" aria-label=\"Instagram\">\r\n        <!-- Official Instagram gradient logo -->\r\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n          <defs>\r\n            <radialGradient id=\"ig-grad\" cx=\"30%\" cy=\"107%\" r=\"150%\">\r\n              <stop offset=\"0%\" stop-color=\"#fdf497\"\/>\r\n              <stop offset=\"5%\" stop-color=\"#fdf497\"\/>\r\n              <stop offset=\"45%\" stop-color=\"#fd5949\"\/>\r\n              <stop offset=\"60%\" stop-color=\"#d6249f\"\/>\r\n              <stop offset=\"90%\" stop-color=\"#285AEB\"\/>\r\n            <\/radialGradient>\r\n          <\/defs>\r\n          <rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5.5\" fill=\"url(#ig-grad)\"\/>\r\n          <rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5.5\" fill=\"none\" stroke=\"white\" stroke-width=\"0\"\/>\r\n          <circle cx=\"12\" cy=\"12\" r=\"4.2\" fill=\"none\" stroke=\"white\" stroke-width=\"1.8\"\/>\r\n          <circle cx=\"17.3\" cy=\"6.7\" r=\"1.1\" fill=\"white\"\/>\r\n        <\/svg>\r\n        Instagram\r\n      <\/a>\r\n      <span class=\"hs-social-sep\">\u00b7<\/span>\r\n      <a href=\"https:\/\/linkedin.com\" class=\"hs-social-link hs-li\" target=\"_blank\" aria-label=\"LinkedIn\">\r\n        <!-- Official LinkedIn logo -->\r\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n          <rect width=\"24\" height=\"24\" rx=\"4\" fill=\"#0A66C2\"\/>\r\n          <path d=\"M7.5 9.5H5V19H7.5V9.5Z\" fill=\"white\"\/>\r\n          <circle cx=\"6.25\" cy=\"6.5\" r=\"1.5\" fill=\"white\"\/>\r\n          <path d=\"M19 19H16.5V14.2C16.5 12.7 15.7 12 14.7 12C13.6 12 13 12.8 13 14.2V19H10.5V9.5H13V10.8C13.5 9.9 14.5 9.2 15.8 9.2C17.8 9.2 19 10.6 19 13V19Z\" fill=\"white\"\/>\r\n        <\/svg>\r\n        LinkedIn\r\n      <\/a>\r\n      <span class=\"hs-social-sep\">\u00b7<\/span>\r\n      <a href=\"https:\/\/youtube.com\" class=\"hs-social-link hs-yt\" target=\"_blank\" aria-label=\"YouTube\">\r\n        <!-- Official YouTube logo -->\r\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n          <rect width=\"24\" height=\"24\" rx=\"4\" fill=\"#FF0000\"\/>\r\n          <path d=\"M19.6 8.2C19.4 7.4 18.8 6.8 18 6.6C16.5 6.2 12 6.2 12 6.2C12 6.2 7.5 6.2 6 6.6C5.2 6.8 4.6 7.4 4.4 8.2C4 9.7 4 12 4 12C4 12 4 14.3 4.4 15.8C4.6 16.6 5.2 17.2 6 17.4C7.5 17.8 12 17.8 12 17.8C12 17.8 16.5 17.8 18 17.4C18.8 17.2 19.4 16.6 19.6 15.8C20 14.3 20 12 20 12C20 12 20 9.7 19.6 8.2Z\" fill=\"white\"\/>\r\n          <polygon points=\"10,9.5 10,14.5 15,12\" fill=\"#FF0000\"\/>\r\n        <\/svg>\r\n        YouTube\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <div class=\"hs-scroll-hint\">\r\n      <div class=\"hs-scroll-line\"><\/div>\r\n      <span>Scroll to explore<\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Right Side -->\r\n  <div class=\"hs-right\">\r\n    <div class=\"hs-portrait-glow\"><\/div>\r\n    <div class=\"hs-img-wrap\">\r\n      <img decoding=\"async\"\r\n        src=\"https:\/\/abhayjoshi.online\/wp-content\/uploads\/2026\/03\/Adobe-Express-file-e1772958905353.png\"\r\n        alt=\"Abhay Joshi\"\r\n      \/>\r\n    <\/div>\r\n    <!-- Floating card: Available -->\r\n    <div class=\"hs-card-available\">\r\n      <span class=\"hs-badge-dot\"><\/span>\r\n      <div>\r\n        <div class=\"hs-card-title\">Available for Projects<\/div>\r\n        <div class=\"hs-card-sub\">March 2026<\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <!-- Floating card: Recent win -->\r\n    <div class=\"hs-card-win\">\r\n      <div class=\"hs-card-icon\">\ud83d\ude80<\/div>\r\n      <div>\r\n        <div class=\"hs-card-title\">Latest Campaign<\/div>\r\n        <div class=\"hs-card-sub\">3.8\u00d7 ROAS achieved<\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Bottom marquee strip -->\r\n  <div class=\"hs-marquee-wrap\">\r\n    <div class=\"hs-marquee-track\">\r\n      <span class=\"hs-marquee-item\"><span class=\"hs-marquee-dot\">\u2726<\/span> Shopify Stores<\/span>\r\n      <span class=\"hs-marquee-item\"><span class=\"hs-marquee-dot\">\u2726<\/span> Meta Ads<\/span>\r\n      <span class=\"hs-marquee-item\"><span class=\"hs-marquee-dot\">\u2726<\/span> Brand Identity<\/span>\r\n      <span class=\"hs-marquee-item\"><span class=\"hs-marquee-dot\">\u2726<\/span> Growth Strategy<\/span>\r\n      <span class=\"hs-marquee-item\"><span class=\"hs-marquee-dot\">\u2726<\/span> Content Creation<\/span>\r\n      <span class=\"hs-marquee-item\"><span class=\"hs-marquee-dot\">\u2726<\/span> Email Marketing<\/span>\r\n      <span class=\"hs-marquee-item\"><span class=\"hs-marquee-dot\">\u2726<\/span> Influencer Collab<\/span>\r\n      <span class=\"hs-marquee-item\"><span class=\"hs-marquee-dot\">\u2726<\/span> Google Ads<\/span>\r\n      <span class=\"hs-marquee-item\"><span class=\"hs-marquee-dot\">\u2726<\/span> Shopify Stores<\/span>\r\n      <span class=\"hs-marquee-item\"><span class=\"hs-marquee-dot\">\u2726<\/span> Meta Ads<\/span>\r\n      <span class=\"hs-marquee-item\"><span class=\"hs-marquee-dot\">\u2726<\/span> Brand Identity<\/span>\r\n      <span class=\"hs-marquee-item\"><span class=\"hs-marquee-dot\">\u2726<\/span> Growth Strategy<\/span>\r\n      <span class=\"hs-marquee-item\"><span class=\"hs-marquee-dot\">\u2726<\/span> Content Creation<\/span>\r\n      <span class=\"hs-marquee-item\"><span class=\"hs-marquee-dot\">\u2726<\/span> Email Marketing<\/span>\r\n      <span class=\"hs-marquee-item\"><span class=\"hs-marquee-dot\">\u2726<\/span> Influencer Collab<\/span>\r\n      <span class=\"hs-marquee-item\"><span class=\"hs-marquee-dot\">\u2726<\/span> Google Ads<\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=DM+Serif+Display:ital@0;1&family=Satoshi:wght@300;400;500;700&display=swap');\r\n\r\n.hs-wrap, .hs-wrap * {\r\n  box-sizing: border-box !important;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n}\r\n\r\n\/* \u2500\u2500 WRAPPER \u2500\u2500 *\/\r\n.hs-wrap {\r\n  display: grid !important;\r\n  grid-template-columns: 48% 52% !important;\r\n  grid-template-rows: 1fr auto !important;\r\n  align-items: center !important;\r\n  min-height: 100vh !important;\r\n  width: 100% !important;\r\n  background: #f5efe6 !important;\r\n  position: relative !important;\r\n  overflow: hidden !important;\r\n  font-family: 'Satoshi', 'Segoe UI', sans-serif !important;\r\n}\r\n\r\n\/* \u2500\u2500 CANVAS \u2500\u2500 *\/\r\n.hs-canvas {\r\n  position: absolute !important;\r\n  inset: 0 !important;\r\n  width: 100% !important;\r\n  height: 100% !important;\r\n  z-index: 0 !important;\r\n  pointer-events: none !important;\r\n}\r\n.hs-mask {\r\n  position: absolute !important;\r\n  inset: 0 !important;\r\n  background: radial-gradient(ellipse 100% 100% at 50% 50%, transparent 40%, rgba(245,239,230,0.5) 100%) !important;\r\n  z-index: 1 !important;\r\n  pointer-events: none !important;\r\n}\r\n\r\n\/* \u2500\u2500 LEFT \u2500\u2500 *\/\r\n.hs-left {\r\n  padding: 100px 36px 0px 29% !important;\r\n  position: relative !important;\r\n  z-index: 10 !important;\r\n  display: flex !important;\r\n  flex-direction: column !important;\r\n  justify-content: center !important;\r\n  grid-column: 1 !important;\r\n  grid-row: 1 !important;\r\n}\r\n\r\n\/* Eyebrow *\/\r\n.hs-eyebrow {\r\n  display: inline-flex !important;\r\n  align-items: center !important;\r\n  gap: 8px !important;\r\n  font-size: 0.7rem !important;\r\n  font-weight: 600 !important;\r\n  letter-spacing: 0.2em !important;\r\n  text-transform: uppercase !important;\r\n  color: #7A6F5E !important;\r\n  margin-bottom: 24px !important;\r\n  padding: 8px 16px !important;\r\n  border: 1px solid rgba(92,79,58,0.18) !important;\r\n  border-radius: 100px !important;\r\n  background: rgba(255,255,255,0.6) !important;\r\n  backdrop-filter: blur(8px) !important;\r\n  width: fit-content !important;\r\n}\r\n.hs-dot {\r\n  width: 6px !important;\r\n  height: 6px !important;\r\n  border-radius: 50% !important;\r\n  background: #C9A84C !important;\r\n  display: inline-block !important;\r\n  flex-shrink: 0 !important;\r\n  box-shadow: 0 0 7px rgba(201,168,76,0.8) !important;\r\n  animation: hsDotPulse 2.5s ease-in-out infinite !important;\r\n}\r\n@keyframes hsDotPulse {\r\n  0%,100% { opacity:1; box-shadow:0 0 7px rgba(201,168,76,0.8); }\r\n  50%      { opacity:0.5; box-shadow:0 0 3px rgba(201,168,76,0.3); }\r\n}\r\n\r\n\/* Name *\/\r\n.hs-name {\r\n  font-family: 'DM Serif Display', Georgia, serif !important;\r\n  font-size: clamp(3.5rem, 5.2vw, 6.2rem) !important;\r\n  line-height: 1.0 !important;\r\n  color: #1C1A17 !important;\r\n  margin: 0 0 18px 0 !important;\r\n  padding: 0 !important;\r\n  letter-spacing: -0.03em !important;\r\n  font-weight: 400 !important;\r\n}\r\n.hs-italic {\r\n  font-style: italic !important;\r\n  font-family: 'DM Serif Display', Georgia, serif !important;\r\n  color: #5C4F3A !important;\r\n  display: inline-block !important;\r\n}\r\n\r\n\/* Tagline *\/\r\n.hs-tagline {\r\n  font-size: 1rem !important;\r\n  color: #7A6F5E !important;\r\n  line-height: 1.75 !important;\r\n  max-width: 360px !important;\r\n  margin: 0 0 28px 0 !important;\r\n  padding: 0 !important;\r\n  font-weight: 400 !important;\r\n}\r\n\r\n\r\n\r\n\/* \u2500\u2500 CTA \u2500\u2500 *\/\r\n.hs-ctas {\r\n  display: flex !important;\r\n  gap: 12px !important;\r\n  flex-wrap: wrap !important;\r\n  margin: 0 0 24px 0 !important;\r\n  padding: 0 !important;\r\n  align-items: center !important;\r\n}\r\n.hs-btn-primary {\r\n  display: inline-flex !important;\r\n  align-items: center !important;\r\n  justify-content: center !important;\r\n  padding: 13px 30px !important;\r\n  margin: 0 !important;\r\n  background: #C9A84C !important;\r\n  border: 1.5px solid #C9A84C !important;\r\n  border-radius: 100px !important;\r\n  font-family: 'Satoshi', sans-serif !important;\r\n  font-size: 0.8rem !important;\r\n  font-weight: 700 !important;\r\n  letter-spacing: 0.07em !important;\r\n  text-transform: uppercase !important;\r\n  color: #1C1A17 !important;\r\n  text-decoration: none !important;\r\n  transition: all 0.35s ease !important;\r\n  cursor: pointer !important;\r\n  white-space: nowrap !important;\r\n  line-height: 1 !important;\r\n  box-shadow: 0 4px 18px rgba(201,168,76,0.28) !important;\r\n}\r\n.hs-btn-primary:hover, .hs-btn-primary:focus {\r\n  background: #1C1A17 !important;\r\n  border-color: #1C1A17 !important;\r\n  color: #C9A84C !important;\r\n  transform: translateY(-2px) !important;\r\n  box-shadow: 0 8px 26px rgba(28,26,23,0.16) !important;\r\n  text-decoration: none !important;\r\n}\r\n.hs-btn-outline {\r\n  display: inline-flex !important;\r\n  align-items: center !important;\r\n  justify-content: center !important;\r\n  padding: 13px 30px !important;\r\n  margin: 0 !important;\r\n  background: transparent !important;\r\n  border: 1.5px solid rgba(28,26,23,0.3) !important;\r\n  border-radius: 100px !important;\r\n  font-family: 'Satoshi', sans-serif !important;\r\n  font-size: 0.8rem !important;\r\n  font-weight: 600 !important;\r\n  letter-spacing: 0.07em !important;\r\n  text-transform: uppercase !important;\r\n  color: #1C1A17 !important;\r\n  text-decoration: none !important;\r\n  transition: all 0.35s ease !important;\r\n  cursor: pointer !important;\r\n  white-space: nowrap !important;\r\n  line-height: 1 !important;\r\n}\r\n.hs-btn-outline:hover, .hs-btn-outline:focus {\r\n  background: #1C1A17 !important;\r\n  border-color: #1C1A17 !important;\r\n  color: #f5efe6 !important;\r\n  transform: translateY(-2px) !important;\r\n  text-decoration: none !important;\r\n}\r\n\r\n\/* \u2500\u2500 SOCIAL LINKS \u2014 Brand Colors \u2500\u2500 *\/\r\n.hs-socials {\r\n  display: flex !important;\r\n  align-items: center !important;\r\n  gap: 10px !important;\r\n  margin: 0 0 36px 0 !important;\r\n  padding: 0 !important;\r\n}\r\n.hs-social-link {\r\n  display: inline-flex !important;\r\n  align-items: center !important;\r\n  gap: 6px !important;\r\n  font-size: 0.76rem !important;\r\n  font-weight: 600 !important;\r\n  text-decoration: none !important;\r\n  transition: all 0.25s ease !important;\r\n  margin: 0 !important;\r\n  padding: 6px 12px !important;\r\n  border-radius: 100px !important;\r\n  border: 1.5px solid transparent !important;\r\n}\r\n\/* Instagram \u2014 gradient pink\/purple *\/\r\n.hs-ig {\r\n  color: #C13584 !important;\r\n  background: rgba(193,53,132,0.07) !important;\r\n  border-color: rgba(193,53,132,0.2) !important;\r\n}\r\n.hs-ig:hover {\r\n  background: rgba(193,53,132,0.15) !important;\r\n  border-color: rgba(193,53,132,0.4) !important;\r\n  transform: translateY(-1px) !important;\r\n  text-decoration: none !important;\r\n  color: #C13584 !important;\r\n}\r\n\/* LinkedIn \u2014 blue *\/\r\n.hs-li {\r\n  color: #0A66C2 !important;\r\n  background: rgba(10,102,194,0.07) !important;\r\n  border-color: rgba(10,102,194,0.2) !important;\r\n}\r\n.hs-li:hover {\r\n  background: rgba(10,102,194,0.15) !important;\r\n  border-color: rgba(10,102,194,0.4) !important;\r\n  transform: translateY(-1px) !important;\r\n  text-decoration: none !important;\r\n  color: #0A66C2 !important;\r\n}\r\n\/* YouTube \u2014 red *\/\r\n.hs-yt {\r\n  color: #FF0000 !important;\r\n  background: rgba(255,0,0,0.06) !important;\r\n  border-color: rgba(255,0,0,0.18) !important;\r\n}\r\n.hs-yt:hover {\r\n  background: rgba(255,0,0,0.13) !important;\r\n  border-color: rgba(255,0,0,0.35) !important;\r\n  transform: translateY(-1px) !important;\r\n  text-decoration: none !important;\r\n  color: #FF0000 !important;\r\n}\r\n.hs-social-sep {\r\n  color: rgba(92,79,58,0.25) !important;\r\n  font-size: 0.9rem !important;\r\n}\r\n\r\n\/* Scroll hint *\/\r\n.hs-scroll-hint {\r\n  display: flex !important;\r\n  align-items: center !important;\r\n  gap: 12px !important;\r\n  font-size: 0.7rem !important;\r\n  letter-spacing: 0.15em !important;\r\n  text-transform: uppercase !important;\r\n  color: #a09282 !important;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n}\r\n.hs-scroll-line {\r\n  height: 1px !important;\r\n  background: linear-gradient(90deg, #C9A84C, transparent) !important;\r\n  display: block !important;\r\n  width: 40px !important;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n  animation: hsScrollPulse 2.5s ease-in-out infinite !important;\r\n}\r\n@keyframes hsScrollPulse {\r\n  0%,100% { width:40px; opacity:0.6; }\r\n  50%      { width:64px; opacity:1; }\r\n}\r\n\r\n\/* \u2500\u2500 RIGHT \u2500\u2500 *\/\r\n.hs-right {\r\n  height: 100vh !important;\r\n  position: relative !important;\r\n  display: flex !important;\r\n  align-items: center !important;\r\n  justify-content: center !important;\r\n  overflow: visible !important;\r\n  z-index: 10 !important;\r\n  padding: 0 80px 0 20px !important;\r\n  grid-column: 2 !important;\r\n  grid-row: 1 !important;\r\n}\r\n.hs-portrait-glow {\r\n  position: absolute !important;\r\n  width: 460px !important;\r\n  height: 460px !important;\r\n  border-radius: 50% !important;\r\n  background: radial-gradient(circle, rgba(201,168,76,0.32) 0%, rgba(230,180,100,0.12) 45%, transparent 70%) !important;\r\n  filter: blur(40px) !important;\r\n  animation: hsGlowPulse 5s ease-in-out infinite alternate !important;\r\n  z-index: 0 !important;\r\n  margin: 0 !important; padding: 0 !important;\r\n}\r\n@keyframes hsGlowPulse {\r\n  0%   { transform: scale(1); opacity:0.7; }\r\n  100% { transform: scale(1.18); opacity:1; }\r\n}\r\n.hs-img-wrap {\r\n  position: relative !important;\r\n  z-index: 2 !important;\r\n  width: 340px !important;\r\n  height: 425px !important;\r\n  border-radius: 170px !important;\r\n  overflow: hidden !important;\r\n  animation: hsFloat 6s ease-in-out infinite !important;\r\n  margin: 0 auto !important; padding: 0 !important;\r\n  box-shadow: 0 40px 90px rgba(92,79,58,0.18), 0 0 0 1px rgba(201,168,76,0.18) !important;\r\n}\r\n@keyframes hsFloat {\r\n  0%,100% { transform: translateY(0); }\r\n  50%      { transform: translateY(-12px); }\r\n}\r\n.hs-img-wrap img {\r\n  width: 100% !important; height: 100% !important;\r\n  object-fit: cover !important; object-position: center top !important;\r\n  display: block !important; max-width: none !important;\r\n  margin: 0 !important; padding: 0 !important; border-radius: 0 !important;\r\n  filter: saturate(0.92) contrast(1.03) !important;\r\n}\r\n\r\n\/* \u2500\u2500 FLOATING CARDS \u2500\u2500 *\/\r\n.hs-card-available,\r\n.hs-card-win {\r\n  position: absolute !important;\r\n  z-index: 6 !important;\r\n  display: flex !important;\r\n  align-items: center !important;\r\n  gap: 10px !important;\r\n  padding: 12px 18px !important;\r\n  margin: 0 !important;\r\n  background: rgba(255,255,255,0.85) !important;\r\n  border: 1px solid rgba(201,168,76,0.2) !important;\r\n  border-radius: 14px !important;\r\n  backdrop-filter: blur(14px) !important;\r\n  box-shadow: 0 8px 28px rgba(92,79,58,0.1) !important;\r\n}\r\n.hs-card-available {\r\n  bottom: 32% !important;\r\n  left: 2% !important;\r\n  animation: hsCardFloat1 3.5s ease-in-out infinite !important;\r\n}\r\n.hs-card-win {\r\n  top: 18% !important;\r\n  right: 10% !important;\r\n  animation: hsCardFloat2 4s ease-in-out infinite !important;\r\n}\r\n@media (max-width: 1023px) {\r\n  .hs-card-win {\r\n    right: 2% !important;\r\n  }\r\n}\r\n@keyframes hsCardFloat1 {\r\n  0%,100% { transform: translateY(0); }\r\n  50%      { transform: translateY(-8px); }\r\n}\r\n@keyframes hsCardFloat2 {\r\n  0%,100% { transform: translateY(0); }\r\n  50%      { transform: translateY(-7px); }\r\n}\r\n.hs-badge-dot {\r\n  width: 8px !important;\r\n  height: 8px !important;\r\n  border-radius: 50% !important;\r\n  background: #4ADE80 !important;\r\n  display: inline-block !important;\r\n  flex-shrink: 0 !important;\r\n  box-shadow: 0 0 8px rgba(74,222,128,0.8) !important;\r\n  animation: hsDotPulse 2s ease-in-out infinite !important;\r\n  margin: 0 !important; padding: 0 !important;\r\n}\r\n.hs-card-icon {\r\n  font-size: 20px !important;\r\n  line-height: 1 !important;\r\n  margin: 0 !important; padding: 0 !important;\r\n}\r\n.hs-card-title {\r\n  font-size: 0.78rem !important;\r\n  font-weight: 700 !important;\r\n  color: #1C1A17 !important;\r\n  margin: 0 0 2px 0 !important;\r\n  padding: 0 !important;\r\n  white-space: nowrap !important;\r\n}\r\n.hs-card-sub {\r\n  font-size: 0.68rem !important;\r\n  color: #a09282 !important;\r\n  margin: 0 !important; padding: 0 !important;\r\n  white-space: nowrap !important;\r\n  font-weight: 500 !important;\r\n}\r\n\r\n\/* \u2500\u2500 MARQUEE \u2500\u2500 *\/\r\n.hs-marquee-wrap {\r\n  grid-column: 1 \/ -1 !important;\r\n  grid-row: 2 !important;\r\n  overflow: hidden !important;\r\n  border-top: 1px solid rgba(201,168,76,0.2) !important;\r\n  background: rgba(255,255,255,0.45) !important;\r\n  backdrop-filter: blur(8px) !important;\r\n  padding: 13px 0 !important;\r\n  margin: 0 !important;\r\n  position: relative !important;\r\n  z-index: 20 !important;\r\n}\r\n.hs-marquee-track {\r\n  display: flex !important;\r\n  width: max-content !important;\r\n  animation: hsMarquee 28s linear infinite !important;\r\n  margin: 0 !important; padding: 0 !important;\r\n}\r\n@keyframes hsMarquee {\r\n  0%   { transform: translateX(0); }\r\n  100% { transform: translateX(-50%); }\r\n}\r\n.hs-marquee-item {\r\n  display: inline-flex !important;\r\n  align-items: center !important;\r\n  gap: 10px !important;\r\n  padding: 0 30px !important;\r\n  margin: 0 !important;\r\n  font-size: 0.72rem !important;\r\n  font-weight: 600 !important;\r\n  letter-spacing: 0.12em !important;\r\n  text-transform: uppercase !important;\r\n  color: #7A6F5E !important;\r\n  white-space: nowrap !important;\r\n}\r\n.hs-marquee-dot { color: #C9A84C !important; font-size: 0.6rem !important; }\r\n\r\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n@media (min-width:1280px) and (max-width:1440px) {\r\n  .hs-left { padding: 100px 40px 100px 10% !important; }\r\n  .hs-img-wrap { width:375px !important; height:468px !important; }\r\n}\r\n@media (min-width:1024px) and (max-width:1279px) {\r\n  .hs-wrap { grid-template-columns:50% 50% !important; }\r\n  .hs-name { font-size:clamp(3rem,4.5vw,4.5rem) !important; }\r\n  .hs-img-wrap { width:310px !important; height:388px !important; }\r\n  .hs-stat { padding:0 14px !important; }\r\n}\r\n@media (min-width:768px) and (max-width:1023px) {\r\n  .hs-wrap { grid-template-columns:1fr !important; }\r\n  .hs-right { height:55vw !important; min-height:340px !important; order:1 !important; grid-column:1 !important; grid-row:1 !important; }\r\n  .hs-left { order:2 !important; padding:48px 36px 60px 32px !important; grid-column:1 !important; grid-row:2 !important; }\r\n  .hs-name,.hs-tagline { text-align:center !important; }\r\n  .hs-tagline { max-width:100% !important; }\r\n  .hs-ctas,.hs-socials { justify-content:center !important; }\r\n  .hs-img-wrap { width:260px !important; height:325px !important; }\r\n  .hs-marquee-wrap { grid-row:3 !important; }\r\n}\r\n@media (max-width:767px) {\r\n  .hs-wrap { grid-template-columns:1fr !important; }\r\n  .hs-right {\r\n    height: auto !important;\r\n    min-height: 380px !important;\r\n    order: 1 !important;\r\n    grid-column: 1 !important;\r\n    grid-row: 1 !important;\r\n    display: flex !important;\r\n    justify-content: center !important;\r\n    align-items: center !important;\r\n    padding: 48px 0 32px !important;\r\n    width: 100% !important;\r\n  }\r\n  .hs-portrait-glow {\r\n    width: 300px !important;\r\n    height: 300px !important;\r\n  }\r\n  .hs-img-wrap {\r\n    width: 240px !important;\r\n    height: 300px !important;\r\n    animation: none !important;\r\n    position: relative !important;\r\n    left: auto !important;\r\n    right: auto !important;\r\n    top: auto !important;\r\n    margin: 0 auto !important;\r\n    flex-shrink: 0 !important;\r\n  }\r\n  .hs-img-wrap img {\r\n    object-position: center 10% !important;\r\n  }\r\n  .hs-left {\r\n    order: 2 !important;\r\n    padding: 36px 24px 52px 24px !important;\r\n    grid-column: 1 !important;\r\n    grid-row: 2 !important;\r\n    align-items: center !important;\r\n    text-align: center !important;\r\n  }\r\n  .hs-eyebrow { margin-left: auto !important; margin-right: auto !important; }\r\n  .hs-name { text-align: center !important; }\r\n  .hs-tagline { text-align: center !important; max-width: 100% !important; font-size:0.95rem !important; }\r\n  .hs-ctas { flex-direction: column !important; gap: 10px !important; align-items: center !important; width: 100% !important; }\r\n  .hs-btn-primary, .hs-btn-outline { width: 100% !important; padding: 14px 20px !important; justify-content: center !important; }\r\n  .hs-socials { justify-content: center !important; flex-wrap: wrap !important; gap: 8px !important; }\r\n  .hs-scroll-hint { justify-content: center !important; }\r\n  .hs-card-win { display:none !important; }\r\n  .hs-card-available { display:none !important; }\r\n  .hs-marquee-wrap { grid-row:3 !important; }\r\n  .hs-name { font-size:clamp(2.8rem,10vw,3.5rem) !important; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function() {\r\n  const canvas = document.getElementById('hsCanvas');\r\n  if (!canvas) return;\r\n  const ctx = canvas.getContext('2d');\r\n  const COLORS = [\r\n    { r:230, g:160, b:80  },\r\n    { r:245, g:195, b:130 },\r\n    { r:220, g:140, b:100 },\r\n    { r:200, g:170, b:120 },\r\n    { r:240, g:180, b:150 },\r\n    { r:210, g:155, b:75  },\r\n  ];\r\n  const orbs = [\r\n    { x:0.72, y:0.45, r:0.55, color:COLORS[0], speed:0.00008, angle:0,   drift:0.12 },\r\n    { x:0.28, y:0.6,  r:0.45, color:COLORS[1], speed:0.00012, angle:2.1, drift:0.10 },\r\n    { x:0.55, y:0.25, r:0.40, color:COLORS[2], speed:0.00007, angle:4.5, drift:0.13 },\r\n    { x:0.85, y:0.75, r:0.32, color:COLORS[3], speed:0.00015, angle:1.2, drift:0.09 },\r\n    { x:0.18, y:0.22, r:0.30, color:COLORS[4], speed:0.00010, angle:3.8, drift:0.11 },\r\n    { x:0.5,  y:0.8,  r:0.28, color:COLORS[5], speed:0.00018, angle:0.7, drift:0.08 },\r\n  ];\r\n  let W, H;\r\n  function resize() {\r\n    const wrap = canvas.parentElement;\r\n    W = canvas.width  = wrap.offsetWidth;\r\n    H = canvas.height = wrap.offsetHeight;\r\n  }\r\n  function draw() {\r\n    ctx.clearRect(0, 0, W, H);\r\n    ctx.fillStyle = '#f5efe6';\r\n    ctx.fillRect(0, 0, W, H);\r\n    orbs.forEach(orb => {\r\n      orb.angle += orb.speed * 60;\r\n      const ox = (orb.x + Math.sin(orb.angle * 1.3) * orb.drift) * W;\r\n      const oy = (orb.y + Math.cos(orb.angle * 0.9) * orb.drift) * H;\r\n      const radius = orb.r * Math.min(W, H);\r\n      const grad = ctx.createRadialGradient(ox, oy, 0, ox, oy, radius);\r\n      const c = orb.color;\r\n      grad.addColorStop(0,    `rgba(${c.r},${c.g},${c.b},0.45)`);\r\n      grad.addColorStop(0.45, `rgba(${c.r},${c.g},${c.b},0.18)`);\r\n      grad.addColorStop(0.8,  `rgba(${c.r},${c.g},${c.b},0.05)`);\r\n      grad.addColorStop(1,    `rgba(${c.r},${c.g},${c.b},0)`);\r\n      ctx.globalCompositeOperation = 'multiply';\r\n      ctx.fillStyle = grad;\r\n      ctx.beginPath();\r\n      ctx.arc(ox, oy, radius, 0, Math.PI * 2);\r\n      ctx.fill();\r\n    });\r\n    ctx.globalCompositeOperation = 'source-over';\r\n    requestAnimationFrame(draw);\r\n  }\r\n  resize();\r\n  window.addEventListener('resize', resize);\r\n  requestAnimationFrame(draw);\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-6c03cf40 e-con-full e-flex e-con e-parent\" data-id=\"6c03cf40\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false,&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\">\n\t\t\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-162ce28d elementor-widget elementor-widget-html\" data-id=\"162ce28d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\n  TRUST BAND SECTION\n  Elementor \u2192 HTML Widget me paste karo\n============================================================ -->\n\n<div class=\"tb-wrap\">\n\n  <p class=\"tb-label\">Trusted by brands across e-commerce, fashion &amp; digital<\/p>\n\n  <div class=\"tb-track-outer\">\n    <div class=\"tb-track\">\n\n      <!-- Set 1 -->\n      <span class=\"tb-brand\">LuxThreads<\/span><span class=\"tb-dot\">\u2022<\/span>\n      <span class=\"tb-brand\">GrowthLab<\/span><span class=\"tb-dot\">\u2022<\/span>\n      <span class=\"tb-brand\">BrandForge<\/span><span class=\"tb-dot\">\u2022<\/span>\n      <span class=\"tb-brand\">EcomPro<\/span><span class=\"tb-dot\">\u2022<\/span>\n      <span class=\"tb-brand\">StyleCo<\/span><span class=\"tb-dot\">\u2022<\/span>\n      <span class=\"tb-brand\">NovaMart<\/span><span class=\"tb-dot\">\u2022<\/span>\n      <span class=\"tb-brand\">FashionFlux<\/span><span class=\"tb-dot\">\u2022<\/span>\n      <span class=\"tb-brand\">DigitalEdge<\/span><span class=\"tb-dot\">\u2022<\/span>\n\n      <!-- Set 2 \u2014 duplicate for seamless loop -->\n      <span class=\"tb-brand\">LuxThreads<\/span><span class=\"tb-dot\">\u2022<\/span>\n      <span class=\"tb-brand\">GrowthLab<\/span><span class=\"tb-dot\">\u2022<\/span>\n      <span class=\"tb-brand\">BrandForge<\/span><span class=\"tb-dot\">\u2022<\/span>\n      <span class=\"tb-brand\">EcomPro<\/span><span class=\"tb-dot\">\u2022<\/span>\n      <span class=\"tb-brand\">StyleCo<\/span><span class=\"tb-dot\">\u2022<\/span>\n      <span class=\"tb-brand\">NovaMart<\/span><span class=\"tb-dot\">\u2022<\/span>\n      <span class=\"tb-brand\">FashionFlux<\/span><span class=\"tb-dot\">\u2022<\/span>\n      <span class=\"tb-brand\">DigitalEdge<\/span><span class=\"tb-dot\">\u2022<\/span>\n\n    <\/div>\n  <\/div>\n\n<\/div>\n\n<style>\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   WRAPPER\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.tb-wrap {\n  background: #1C1A17 !important;\n  padding: 20px 0 20px 0 !important;\n  width: 100% !important;\n  overflow: hidden !important;\n  box-sizing: border-box !important;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   TOP LABEL\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.tb-label {\n  text-align: center !important;\n  font-family: 'Satoshi', 'Segoe UI', sans-serif !important;\n  font-size: 0.72rem !important;\n  font-weight: 600 !important;\n  letter-spacing: 0.18em !important;\n  text-transform: uppercase !important;\n  color: rgba(255, 255, 255, 0.55) !important;\n  margin: 0 0 28px 0 !important;\n  padding: 0 24px !important;\n  line-height: 1.5 !important;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   SCROLLING TRACK\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.tb-track-outer {\n  overflow: hidden !important;\n  width: 100% !important;\n  -webkit-mask-image: linear-gradient(to right, transparent 0%, black 8%, black 92%, transparent 100%) !important;\n  mask-image: linear-gradient(to right, transparent 0%, black 8%, black 92%, transparent 100%) !important;\n}\n\n.tb-track {\n  display: flex !important;\n  align-items: center !important;\n  gap: 0 !important;\n  width: max-content !important;\n  animation: tbMarquee 24s linear infinite !important;\n  padding: 0 !important;\n  margin: 0 !important;\n}\n\n.tb-track:hover {\n  animation-play-state: paused !important;\n}\n\n@keyframes tbMarquee {\n  0%   { transform: translateX(0); }\n  100% { transform: translateX(-50%); }\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   BRAND NAME\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.tb-brand {\n  font-family: 'DM Serif Display', Georgia, serif !important;\n  font-size: 1.15rem !important;\n  letter-spacing: 0.04em !important;\n  color: rgba(255, 255, 255, 0.70) !important;\n  white-space: nowrap !important;\n  padding: 0 28px !important;\n  margin: 0 !important;\n  display: inline-block !important;\n  transition: color 0.3s ease !important;\n  cursor: default !important;\n  line-height: 1 !important;\n}\n.tb-brand:hover {\n  color: #C9A84C !important;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   SEPARATOR DOT\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.tb-dot {\n  display: inline-block !important;\n  color: rgba(201, 168, 76, 0.75) !important;\n  font-size: 0.6rem !important;\n  padding: 0 !important;\n  margin: 0 !important;\n  line-height: 1 !important;\n  vertical-align: middle !important;\n  flex-shrink: 0 !important;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   RESPONSIVE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media (max-width: 768px) {\n  .tb-wrap {\n    padding: 36px 0 38px 0 !important;\n  }\n  .tb-label {\n    font-size: 0.65rem !important;\n    letter-spacing: 0.14em !important;\n    margin-bottom: 22px !important;\n  }\n  .tb-brand {\n    font-size: 1rem !important;\n    padding: 0 20px !important;\n  }\n}\n\n@media (max-width: 480px) {\n  .tb-label {\n    font-size: 0.6rem !important;\n    letter-spacing: 0.10em !important;\n  }\n  .tb-brand {\n    font-size: 0.9rem !important;\n    padding: 0 16px !important;\n  }\n}\n\n<\/style>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-6fe937e7 e-con-full e-flex e-con e-parent\" data-id=\"6fe937e7\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false,&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\">\n\t\t\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-87b6b47 elementor-widget elementor-widget-html\" data-id=\"87b6b47\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n  SERVICES SECTION \u2014 CREATIVE CARD LAYOUT v2\r\n  Elementor \u2192 HTML Widget me poora code paste karo\r\n============================================================ -->\r\n \r\n<div class=\"sc-wrap\">\r\n \r\n  <div class=\"sc-container\">\r\n \r\n    <div class=\"sc-header\">\r\n      <div class=\"sc-header-left\">\r\n        <div class=\"sc-tag\">\r\n          <span class=\"sc-tag-line\"><\/span>\r\n          <span class=\"sc-tag-text\">What I Do<\/span>\r\n        <\/div>\r\n        <h2 class=\"sc-title\">Built for brands<br>that mean <em>business<\/em><\/h2>\r\n      <\/div>\r\n      <div class=\"sc-header-right\">\r\n        <p class=\"sc-sub\">From strategy to execution \u2014 I specialise in end-to-end digital growth that delivers measurable results.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n \r\n    <div class=\"sc-grid\">\r\n \r\n      <div class=\"sc-card\" data-index=\"0\">\r\n        <div class=\"sc-card-glow\"><\/div>\r\n        <div class=\"sc-shine\"><\/div>\r\n        <div class=\"sc-card-inner\">\r\n          <div class=\"sc-card-top\">\r\n            <span class=\"sc-num\">01<\/span>\r\n            <div class=\"sc-icon-box sc-ico-1\"><\/div>\r\n          <\/div>\r\n          <div class=\"sc-card-name\">E-Commerce<br>Strategy<\/div>\r\n          <p class=\"sc-card-desc\">Revenue funnels, conversion optimization &amp; full-stack growth planning for online stores.<\/p>\r\n          <div class=\"sc-card-footer\">\r\n            <span class=\"sc-pill\">Growth<\/span>\r\n            <span class=\"sc-pill\">Funnels<\/span>\r\n            <div class=\"sc-arrow-btn\">\u2197<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n \r\n      <div class=\"sc-card\" data-index=\"1\">\r\n        <div class=\"sc-card-glow\"><\/div>\r\n        <div class=\"sc-shine\"><\/div>\r\n        <div class=\"sc-card-inner\">\r\n          <div class=\"sc-card-top\">\r\n            <span class=\"sc-num\">02<\/span>\r\n            <div class=\"sc-icon-box sc-ico-2\"><\/div>\r\n          <\/div>\r\n          <div class=\"sc-card-name\">Website &amp;<br>UI Systems<\/div>\r\n          <p class=\"sc-card-desc\">Pixel-perfect design systems &amp; high-performance websites built for brand and scale.<\/p>\r\n          <div class=\"sc-card-footer\">\r\n            <span class=\"sc-pill\">Design<\/span>\r\n            <span class=\"sc-pill\">Dev<\/span>\r\n            <div class=\"sc-arrow-btn\">\u2197<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n \r\n      <div class=\"sc-card\" data-index=\"2\">\r\n        <div class=\"sc-card-glow\"><\/div>\r\n        <div class=\"sc-shine\"><\/div>\r\n        <div class=\"sc-card-inner\">\r\n          <div class=\"sc-card-top\">\r\n            <span class=\"sc-num\">03<\/span>\r\n            <div class=\"sc-icon-box sc-ico-3\"><\/div>\r\n          <\/div>\r\n          <div class=\"sc-card-name\">SEO &amp; Growth<br>Marketing<\/div>\r\n          <p class=\"sc-card-desc\">Organic authority, content strategy &amp; technical SEO that compounds over time.<\/p>\r\n          <div class=\"sc-card-footer\">\r\n            <span class=\"sc-pill\">SEO<\/span>\r\n            <span class=\"sc-pill\">Organic<\/span>\r\n            <div class=\"sc-arrow-btn\">\u2197<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n \r\n      <div class=\"sc-card sc-card-wide\" data-index=\"3\">\r\n        <div class=\"sc-card-glow\"><\/div>\r\n        <div class=\"sc-shine\"><\/div>\r\n        <div class=\"sc-card-inner\">\r\n          <div class=\"sc-card-top\">\r\n            <span class=\"sc-num\">04<\/span>\r\n            <div class=\"sc-icon-box sc-ico-4\"><\/div>\r\n          <\/div>\r\n          <div class=\"sc-card-name\">Branding &amp; Creative Direction<\/div>\r\n          <p class=\"sc-card-desc\">Visual identity, brand positioning &amp; creative strategy that makes brands unforgettable in a crowded market.<\/p>\r\n          <div class=\"sc-card-footer\">\r\n            <span class=\"sc-pill\">Identity<\/span>\r\n            <span class=\"sc-pill\">Visual<\/span>\r\n            <span class=\"sc-pill\">Strategy<\/span>\r\n            <div class=\"sc-arrow-btn\">\u2197<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n \r\n      <div class=\"sc-card sc-card-wide\" data-index=\"4\">\r\n        <div class=\"sc-card-glow\"><\/div>\r\n        <div class=\"sc-shine\"><\/div>\r\n        <div class=\"sc-card-inner\">\r\n          <div class=\"sc-card-top\">\r\n            <span class=\"sc-num\">05<\/span>\r\n            <div class=\"sc-icon-box sc-ico-5\"><\/div>\r\n          <\/div>\r\n          <div class=\"sc-card-name\">Performance &amp; Paid Ads<\/div>\r\n          <p class=\"sc-card-desc\">Data-driven paid campaigns across Meta, Google &amp; beyond \u2014 engineered for maximum ROAS and scale.<\/p>\r\n          <div class=\"sc-card-footer\">\r\n            <span class=\"sc-pill\">ROAS<\/span>\r\n            <span class=\"sc-pill\">Meta<\/span>\r\n            <span class=\"sc-pill\">Google<\/span>\r\n            <div class=\"sc-arrow-btn\">\u2197<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n \r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n \r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=DM+Serif+Display:ital@0;1&family=Satoshi:wght@300;400;500;600;700&display=swap');\r\n \r\n.sc-wrap { box-sizing: border-box !important; }\r\n.sc-wrap * { box-sizing: border-box !important; margin: 0 !important; }\r\n \r\n.sc-wrap {\r\n  background: #0A0908 !important;\r\n  width: 100% !important;\r\n  max-width: 100% !important;\r\n  padding: 90px 60px 90px !important;\r\n  font-family: 'Satoshi', 'Segoe UI', sans-serif !important;\r\n  position: relative !important;\r\n}\r\n \r\n \r\n \r\n \r\n.sc-container {\r\n  max-width: 1140px !important;\r\n  margin: 0 auto !important;\r\n  padding: 0 !important;\r\n  position: relative !important;\r\n  z-index: 2 !important;\r\n  width: 100% !important;\r\n  box-sizing: border-box !important;\r\n}\r\n \r\n.sc-header {\r\n  display: grid !important;\r\n  grid-template-columns: 1fr 1fr !important;\r\n  align-items: end !important;\r\n  gap: 60px !important;\r\n  margin-bottom: 64px !important;\r\n}\r\n \r\n.sc-tag {\r\n  display: flex !important;\r\n  align-items: center !important;\r\n  gap: 12px !important;\r\n  margin-bottom: 20px !important;\r\n}\r\n \r\n.sc-tag-line {\r\n  display: inline-block !important;\r\n  width: 28px !important;\r\n  height: 1px !important;\r\n  background: #C9A84C !important;\r\n  flex-shrink: 0 !important;\r\n}\r\n \r\n.sc-tag-text {\r\n  font-size: 10px !important;\r\n  font-weight: 700 !important;\r\n  letter-spacing: 0.22em !important;\r\n  text-transform: uppercase !important;\r\n  color: #C9A84C !important;\r\n  font-family: 'Satoshi', sans-serif !important;\r\n}\r\n \r\n.sc-title {\r\n  font-family: 'DM Serif Display', Georgia, serif !important;\r\n  font-size: clamp(2.6rem, 4vw, 4rem) !important;\r\n  line-height: 1.05 !important;\r\n  color: #F5F0E8 !important;\r\n  font-weight: 400 !important;\r\n  text-transform: none !important;\r\n  letter-spacing: -0.01em !important;\r\n}\r\n \r\n.sc-title em { font-style: italic !important; color: #C9A84C !important; }\r\n \r\n.sc-sub {\r\n  font-size: 0.9rem !important;\r\n  color: #6B6357 !important;\r\n  line-height: 1.8 !important;\r\n  max-width: 340px !important;\r\n  margin-bottom: 32px !important;\r\n  font-family: 'Satoshi', sans-serif !important;\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 \r\n \r\n \r\n.sc-grid {\r\n  display: grid !important;\r\n  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;\r\n  gap: 16px !important;\r\n  width: 100% !important;\r\n  box-sizing: border-box !important;\r\n}\r\n \r\n.sc-card:nth-child(4) { grid-column: span 1 !important; }\r\n.sc-card:nth-child(5) { grid-column: span 2 !important; }\r\n \r\n.sc-card {\r\n  background: #111009 !important;\r\n  border: 1px solid rgba(255,255,255,0.05) !important;\r\n  border-radius: 20px !important;\r\n  position: relative !important;\r\n  overflow: hidden !important;\r\n  cursor: pointer !important;\r\n  opacity: 0 !important;\r\n  transform: translateY(30px) !important;\r\n  transition: border-color 0.4s ease, transform 0.4s cubic-bezier(0.22,1,0.36,1), opacity 0.5s ease, box-shadow 0.4s ease !important;\r\n  perspective: 800px !important;\r\n}\r\n \r\n.sc-card.sc-visible {\r\n  opacity: 1 !important;\r\n  transform: translateY(0) !important;\r\n}\r\n \r\n.sc-card:hover {\r\n  border-color: rgba(201,168,76,0.3) !important;\r\n  box-shadow: 0 20px 50px rgba(0,0,0,0.55), 0 0 0 1px rgba(201,168,76,0.1) !important;\r\n}\r\n \r\n.sc-card::before {\r\n  content: '' !important;\r\n  position: absolute !important;\r\n  top: 0 !important; left: 0 !important; right: 0 !important;\r\n  height: 2px !important;\r\n  background: linear-gradient(90deg, transparent 0%, #C9A84C 50%, transparent 100%) !important;\r\n  transform: scaleX(0) !important;\r\n  transition: transform 0.5s cubic-bezier(0.22,1,0.36,1) !important;\r\n  z-index: 3 !important;\r\n}\r\n \r\n.sc-card:hover::before { transform: scaleX(1) !important; }\r\n \r\n.sc-card-glow {\r\n  position: absolute !important;\r\n  inset: 0 !important;\r\n  background: radial-gradient(ellipse at 20% 0%, rgba(201,168,76,0.08) 0%, transparent 65%) !important;\r\n  opacity: 0 !important;\r\n  transition: opacity 0.45s ease !important;\r\n  pointer-events: none !important;\r\n}\r\n \r\n.sc-card:hover .sc-card-glow { opacity: 1 !important; }\r\n \r\n.sc-shine {\r\n  position: absolute !important;\r\n  top: 0 !important; left: -120% !important;\r\n  width: 55% !important; height: 100% !important;\r\n  background: linear-gradient(110deg, transparent 35%, rgba(255,255,255,0.03) 50%, transparent 65%) !important;\r\n  transition: left 0.65s ease !important;\r\n  pointer-events: none !important;\r\n  z-index: 2 !important;\r\n}\r\n \r\n.sc-card:hover .sc-shine { left: 160% !important; }\r\n \r\n.sc-card-inner {\r\n  padding: 28px 26px 24px !important;\r\n  position: relative !important;\r\n  z-index: 1 !important;\r\n  display: flex !important;\r\n  flex-direction: column !important;\r\n  height: 100% !important;\r\n}\r\n \r\n.sc-card-top {\r\n  display: flex !important;\r\n  align-items: center !important;\r\n  justify-content: space-between !important;\r\n  margin-bottom: 22px !important;\r\n}\r\n \r\n.sc-num {\r\n  font-size: 11px !important;\r\n  font-weight: 700 !important;\r\n  letter-spacing: 0.18em !important;\r\n  color: rgba(201,168,76,0.35) !important;\r\n  font-family: 'Satoshi', sans-serif !important;\r\n  transition: color 0.3s !important;\r\n}\r\n \r\n.sc-card:hover .sc-num { color: #C9A84C !important; }\r\n \r\n.sc-icon-box {\r\n  width: 40px !important;\r\n  height: 40px !important;\r\n  border-radius: 10px !important;\r\n  background: rgba(201,168,76,0.07) !important;\r\n  border: 1px solid rgba(201,168,76,0.1) !important;\r\n  display: flex !important;\r\n  align-items: center !important;\r\n  justify-content: center !important;\r\n  color: rgba(201,168,76,0.55) !important;\r\n  transition: all 0.3s ease !important;\r\n  flex-shrink: 0 !important;\r\n}\r\n \r\n.sc-icon-box svg { width: 17px !important; height: 17px !important; }\r\n \r\n.sc-card:hover .sc-icon-box {\r\n  background: rgba(201,168,76,0.13) !important;\r\n  border-color: rgba(201,168,76,0.28) !important;\r\n  color: #C9A84C !important;\r\n}\r\n \r\n.sc-card-name {\r\n  font-family: 'DM Serif Display', Georgia, serif !important;\r\n  font-size: clamp(1.25rem, 1.7vw, 1.5rem) !important;\r\n  color: #B8B0A4 !important;\r\n  font-weight: 400 !important;\r\n  line-height: 1.18 !important;\r\n  margin-bottom: 12px !important;\r\n  text-transform: none !important;\r\n  letter-spacing: 0 !important;\r\n  transition: color 0.3s !important;\r\n}\r\n \r\n.sc-card:hover .sc-card-name { color: #F5F0E8 !important; }\r\n \r\n.sc-card-desc {\r\n  font-size: 0.77rem !important;\r\n  color: #3A3530 !important;\r\n  line-height: 1.72 !important;\r\n  margin-bottom: 20px !important;\r\n  flex: 1 !important;\r\n  font-family: 'Satoshi', sans-serif !important;\r\n  transition: color 0.3s !important;\r\n}\r\n \r\n.sc-card:hover .sc-card-desc { color: #584F47 !important; }\r\n \r\n.sc-card-footer {\r\n  display: flex !important;\r\n  align-items: center !important;\r\n  gap: 7px !important;\r\n  flex-wrap: wrap !important;\r\n}\r\n \r\n.sc-pill {\r\n  font-size: 9px !important;\r\n  font-weight: 700 !important;\r\n  letter-spacing: 0.13em !important;\r\n  text-transform: uppercase !important;\r\n  color: rgba(201,168,76,0.45) !important;\r\n  background: rgba(201,168,76,0.06) !important;\r\n  border: 1px solid rgba(201,168,76,0.1) !important;\r\n  border-radius: 30px !important;\r\n  padding: 4px 10px !important;\r\n  font-family: 'Satoshi', sans-serif !important;\r\n  transition: all 0.3s !important;\r\n}\r\n \r\n.sc-card:hover .sc-pill {\r\n  color: #C9A84C !important;\r\n  background: rgba(201,168,76,0.11) !important;\r\n  border-color: rgba(201,168,76,0.22) !important;\r\n}\r\n \r\n.sc-arrow-btn {\r\n  margin-left: auto !important;\r\n  width: 32px !important;\r\n  height: 32px !important;\r\n  border-radius: 50% !important;\r\n  border: 1px solid rgba(255,255,255,0.07) !important;\r\n  display: flex !important;\r\n  align-items: center !important;\r\n  justify-content: center !important;\r\n  color: #2A2620 !important;\r\n  font-size: 14px !important;\r\n  flex-shrink: 0 !important;\r\n  transition: all 0.35s cubic-bezier(0.22,1,0.36,1) !important;\r\n}\r\n \r\n.sc-card:hover .sc-arrow-btn {\r\n  background: #C9A84C !important;\r\n  border-color: #C9A84C !important;\r\n  color: #0A0908 !important;\r\n  transform: rotate(45deg) !important;\r\n}\r\n \r\n@media (max-width: 960px) {\r\n  .sc-header { grid-template-columns: 1fr !important; gap: 28px !important; }\r\n  .sc-sub { max-width: 100% !important; }\r\n  .sc-grid { grid-template-columns: repeat(2, 1fr) !important; }\r\n  .sc-card:nth-child(4), .sc-card:nth-child(5) { grid-column: span 1 !important; }\r\n}\r\n \r\n@media (max-width: 580px) {\r\n  .sc-wrap { padding: 64px 20px 80px !important; }\r\n  \r\n  .sc-grid { grid-template-columns: 1fr !important; }\r\n  .sc-card:nth-child(n) { grid-column: span 1 !important; }\r\n  .sc-header { margin-bottom: 40px !important; }\r\n  \r\n}\r\n \r\n\/* CSS Icons - no SVG needed *\/\r\n.sc-icon-box { position: relative !important; }\r\n.sc-icon-box::before, .sc-icon-box::after { position: absolute !important; color: rgba(201,168,76,0.6) !important; transition: color 0.3s !important; }\r\n.sc-card:hover .sc-icon-box::before, .sc-card:hover .sc-icon-box::after { color: #C9A84C !important; }\r\n \r\n.sc-ico-1::before { content: '\u25fb' !important; font-size: 18px !important; top: 50% !important; left: 50% !important; transform: translate(-50%,-50%) !important; }\r\n.sc-ico-1::after { content: '\u25be' !important; font-size: 9px !important; top: 62% !important; left: 50% !important; transform: translateX(-50%) !important; }\r\n \r\n.sc-ico-2::before { content: '\u25ad' !important; font-size: 18px !important; top: 40% !important; left: 50% !important; transform: translate(-50%,-50%) !important; }\r\n.sc-ico-2::after { content: '|' !important; font-size: 10px !important; top: 65% !important; left: 50% !important; transform: translateX(-50%) !important; }\r\n \r\n.sc-ico-3::before { content: '\u25cb' !important; font-size: 16px !important; top: 45% !important; left: 47% !important; transform: translate(-50%,-50%) !important; }\r\n.sc-ico-3::after { content: '\u2198' !important; font-size: 11px !important; top: 58% !important; left: 58% !important; }\r\n \r\n.sc-ico-4::before { content: '\u25c8' !important; font-size: 20px !important; top: 50% !important; left: 50% !important; transform: translate(-50%,-50%) !important; }\r\n \r\n.sc-ico-5::before { content: '\u2197' !important; font-size: 18px !important; top: 50% !important; left: 50% !important; transform: translate(-50%,-50%) !important; }\r\n \r\n \r\n\/* Static gold dot pattern background *\/\r\n.sc-wrap::after {\r\n  content: '' !important;\r\n  position: absolute !important;\r\n  inset: 0 !important;\r\n  background-image:\r\n    radial-gradient(circle, rgba(201,168,76,0.18) 1px, transparent 1px) !important;\r\n  background-size: 48px 48px !important;\r\n  pointer-events: none !important;\r\n  z-index: 0 !important;\r\n  opacity: 0.4 !important;\r\n}\r\n \r\n<\/style>\r\n \r\n<script>\r\n(function () {\r\n  \r\n \r\n  \/* \u2500\u2500 3D TILT \u2500\u2500 *\/\r\n  document.querySelectorAll('.sc-card').forEach(function (card) {\r\n    card.addEventListener('mousemove', function (e) {\r\n      var r = card.getBoundingClientRect();\r\n      var rx = ((e.clientY - r.top) \/ r.height - 0.5) * 7;\r\n      var ry = ((e.clientX - r.left) \/ r.width - 0.5) * -7;\r\n      card.style.transform = 'translateY(-6px) rotateX(' + rx + 'deg) rotateY(' + ry + 'deg)';\r\n      card.style.transition = 'border-color 0.4s, box-shadow 0.4s, opacity 0.5s';\r\n    });\r\n    card.addEventListener('mouseleave', function () {\r\n      card.style.transform = '';\r\n      card.style.transition = 'border-color 0.4s ease, transform 0.4s cubic-bezier(0.22,1,0.36,1), opacity 0.5s ease, box-shadow 0.4s ease';\r\n    });\r\n  });\r\n \r\n  \/* \u2500\u2500 CARD REVEAL \u2500\u2500 *\/\r\n  function reveal() {\r\n    document.querySelectorAll('.sc-card').forEach(function (card) {\r\n      var i = parseInt(card.getAttribute('data-index')) || 0;\r\n      setTimeout(function () { card.classList.add('sc-visible'); }, 250 + i * 110);\r\n    });\r\n    \r\n  }\r\n \r\n  if (document.readyState === 'loading') {\r\n    document.addEventListener('DOMContentLoaded', function () { setTimeout(reveal, 300); });\r\n  } else {\r\n    setTimeout(reveal, 300);\r\n  }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-320a1424 e-con-full e-flex e-con e-parent\" data-id=\"320a1424\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false,&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\">\n\t\t\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-764fa625 elementor-widget elementor-widget-html\" data-id=\"764fa625\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n  WEBSITE PORTFOLIO GRID \u2014 Elementor HTML Widget\r\n  Section padding = 0 rakho Elementor mein\r\n  \u270f\ufe0f  Images aur site links apne actual projects se replace karo\r\n============================================================ -->\r\n\r\n<div class=\"wport__wrap\">\r\n  <div class=\"wport__container\">\r\n\r\n    <!-- HEADER -->\r\n    <div class=\"wport__header\">\r\n      <div class=\"wport__label\"><span class=\"wport__label-line\"><\/span>Portfolio<\/div>\r\n      <h2 class=\"wport__title\">Website <em class=\"wport__title-em\">Portfolio<\/em><\/h2>\r\n      <p class=\"wport__sub\">A glimpse of my latest digital builds \u2014 strategy meets design.<\/p>\r\n    <\/div>\r\n\r\n    <!-- GRID -->\r\n    <div class=\"wport__grid\">\r\n\r\n      <!-- Card 1 \u2014 Featured (large) -->\r\n      <div class=\"wport__card wport__card--large\">\r\n        <div class=\"wport__img-wrap\">\r\n          <img decoding=\"async\" class=\"wport__img\" src=\"https:\/\/placehold.co\/800x500\/EDE8DC\/1C1A17?text=Website+Project+1\" alt=\"Website Project 1\" \/>\r\n          <div class=\"wport__overlay\">\r\n            <a class=\"wport__view-btn\" href=\"#\" target=\"_blank\">View Live Site \u2192<\/a>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"wport__info\">\r\n          <div class=\"wport__tags\">\r\n            <span class=\"wport__tag\">E-Commerce<\/span>\r\n            <span class=\"wport__tag\">Shopify<\/span>\r\n          <\/div>\r\n          <h3 class=\"wport__card-title\">Fashion Store Redesign<\/h3>\r\n          <p class=\"wport__card-desc\">Complete Shopify redesign with conversion-focused UX and custom theme development.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Card 2 -->\r\n      <div class=\"wport__card\">\r\n        <div class=\"wport__img-wrap\">\r\n          <img decoding=\"async\" class=\"wport__img\" src=\"https:\/\/placehold.co\/600x380\/F5F0E8\/1C1A17?text=Website+Project+2\" alt=\"Website Project 2\" \/>\r\n          <div class=\"wport__overlay\">\r\n            <a class=\"wport__view-btn\" href=\"#\" target=\"_blank\">View Live Site \u2192<\/a>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"wport__info\">\r\n          <div class=\"wport__tags\">\r\n            <span class=\"wport__tag\">WordPress<\/span>\r\n            <span class=\"wport__tag\">Service Site<\/span>\r\n          <\/div>\r\n          <h3 class=\"wport__card-title\">D2C Brand Website<\/h3>\r\n          <p class=\"wport__card-desc\">Landing page with high-converting layout and brand storytelling.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Card 3 -->\r\n      <div class=\"wport__card\">\r\n        <div class=\"wport__img-wrap\">\r\n          <img decoding=\"async\" class=\"wport__img\" src=\"https:\/\/placehold.co\/600x380\/1C1A17\/F5F0E8?text=Website+Project+3\" alt=\"Website Project 3\" \/>\r\n          <div class=\"wport__overlay\">\r\n            <a class=\"wport__view-btn\" href=\"#\" target=\"_blank\">View Live Site \u2192<\/a>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"wport__info\">\r\n          <div class=\"wport__tags\">\r\n            <span class=\"wport__tag\">UI\/UX<\/span>\r\n            <span class=\"wport__tag\">Elementor<\/span>\r\n          <\/div>\r\n          <h3 class=\"wport__card-title\">Portfolio Website<\/h3>\r\n          <p class=\"wport__card-desc\">Clean luxury portfolio with smooth animations and mobile-first design.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Card 4 -->\r\n      <div class=\"wport__card\">\r\n        <div class=\"wport__img-wrap\">\r\n          <img decoding=\"async\" class=\"wport__img\" src=\"https:\/\/placehold.co\/600x380\/EDE8DC\/1C1A17?text=Website+Project+4\" alt=\"Website Project 4\" \/>\r\n          <div class=\"wport__overlay\">\r\n            <a class=\"wport__view-btn\" href=\"#\" target=\"_blank\">View Live Site \u2192<\/a>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"wport__info\">\r\n          <div class=\"wport__tags\">\r\n            <span class=\"wport__tag\">WooCommerce<\/span>\r\n            <span class=\"wport__tag\">Fashion<\/span>\r\n          <\/div>\r\n          <h3 class=\"wport__card-title\">Boutique Store<\/h3>\r\n          <p class=\"wport__card-desc\">WooCommerce store with custom product filters and seamless checkout.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=DM+Serif+Display:ital@0;1&family=Satoshi:wght@300;400;500;600;700&display=swap');\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   ELEMENTOR FIX\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.e-con:has(.wport__wrap),\r\n.e-con-full:has(.wport__wrap) {\r\n  padding: 0 !important;\r\n  margin: 0 !important;\r\n  --padding-block-start: 0px !important;\r\n  --padding-block-end: 0px !important;\r\n  --padding-inline-start: 0px !important;\r\n  --padding-inline-end: 0px !important;\r\n  --margin-block-start: 0px !important;\r\n  --margin-block-end: 0px !important;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   RESET\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.wport__wrap, .wport__wrap * {\r\n  box-sizing: border-box !important;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   OUTER WRAP\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.wport__wrap {\r\n  width: 100% !important;\r\n  background: #FAF8F4 !important;\r\n  padding: 100px 0 110px 0 !important;\r\n  font-family: 'Satoshi', 'Segoe UI', sans-serif !important;\r\n  display: block !important;\r\n  height: auto !important;\r\n  overflow: hidden !important;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   CONTAINER\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.wport__container {\r\n  max-width: 1160px !important;\r\n  margin: 0 auto !important;\r\n  padding: 0 60px !important;\r\n  width: 100% !important;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   HEADER\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.wport__header {\r\n  text-align: center !important;\r\n  margin-bottom: 56px !important;\r\n}\r\n.wport__label {\r\n  display: inline-flex !important;\r\n  align-items: center !important;\r\n  gap: 10px !important;\r\n  font-size: 0.70rem !important;\r\n  font-weight: 600 !important;\r\n  letter-spacing: 0.20em !important;\r\n  text-transform: uppercase !important;\r\n  color: #C9A84C !important;\r\n  margin-bottom: 16px !important;\r\n  font-family: 'Satoshi', 'Segoe UI', sans-serif !important;\r\n  line-height: 1 !important;\r\n}\r\n.wport__label-line {\r\n  display: inline-block !important;\r\n  width: 28px !important;\r\n  height: 1px !important;\r\n  background: #C9A84C !important;\r\n}\r\n.wport__title {\r\n  font-family: 'DM Serif Display', Georgia, serif !important;\r\n  font-size: clamp(2rem, 3.5vw, 3.2rem) !important;\r\n  color: #1C1A17 !important;\r\n  font-weight: 400 !important;\r\n  line-height: 1.15 !important;\r\n  margin-bottom: 14px !important;\r\n  letter-spacing: -0.01em !important;\r\n  text-transform: none !important;\r\n}\r\n.wport__title-em {\r\n  font-style: italic !important;\r\n  color: #C9A84C !important;\r\n  font-family: 'DM Serif Display', Georgia, serif !important;\r\n}\r\n.wport__sub {\r\n  font-size: 0.94rem !important;\r\n  color: #7A6F5E !important;\r\n  line-height: 1.6 !important;\r\n  font-family: 'Satoshi', 'Segoe UI', sans-serif !important;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   GRID\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.wport__grid {\r\n  display: grid !important;\r\n  grid-template-columns: repeat(3, 1fr) !important;\r\n  gap: 24px !important;\r\n}\r\n\r\n\/* Large card *\/\r\n.wport__card--large {\r\n  grid-column: 1 \/ -1 !important;\r\n  display: grid !important;\r\n  grid-template-columns: 1.4fr 1fr !important;\r\n  gap: 0 !important;\r\n}\r\n.wport__card--large .wport__img-wrap {\r\n  border-radius: 16px 0 0 16px !important;\r\n}\r\n.wport__card--large .wport__info {\r\n  border-radius: 0 16px 16px 0 !important;\r\n  padding: 40px 36px !important;\r\n  display: flex !important;\r\n  flex-direction: column !important;\r\n  justify-content: center !important;\r\n  background: #1C1A17 !important;\r\n}\r\n.wport__card--large .wport__card-title {\r\n  color: #F5F0E8 !important;\r\n  font-size: 1.5rem !important;\r\n}\r\n.wport__card--large .wport__card-desc {\r\n  color: rgba(245,240,232,0.55) !important;\r\n}\r\n.wport__card--large .wport__tag {\r\n  background: rgba(201,168,76,0.15) !important;\r\n  color: #E2C97E !important;\r\n  border-color: rgba(201,168,76,0.25) !important;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   CARD\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.wport__card {\r\n  background: #FFFFFF !important;\r\n  border-radius: 16px !important;\r\n  overflow: hidden !important;\r\n  transition: transform 0.25s ease, box-shadow 0.25s ease !important;\r\n  box-shadow: 0 2px 16px rgba(28,26,23,0.06) !important;\r\n}\r\n.wport__card:hover {\r\n  transform: translateY(-5px) !important;\r\n  box-shadow: 0 16px 48px rgba(28,26,23,0.12) !important;\r\n}\r\n\r\n\/* Image wrap *\/\r\n.wport__img-wrap {\r\n  position: relative !important;\r\n  overflow: hidden !important;\r\n  aspect-ratio: 16\/10 !important;\r\n  display: block !important;\r\n}\r\n.wport__card--large .wport__img-wrap {\r\n  aspect-ratio: unset !important;\r\n  height: 100% !important;\r\n  min-height: 360px !important;\r\n}\r\n.wport__img {\r\n  width: 100% !important;\r\n  height: 100% !important;\r\n  object-fit: cover !important;\r\n  display: block !important;\r\n  transition: transform 0.5s ease !important;\r\n}\r\n.wport__card:hover .wport__img {\r\n  transform: scale(1.04) !important;\r\n}\r\n\r\n\/* Overlay *\/\r\n.wport__overlay {\r\n  position: absolute !important;\r\n  inset: 0 !important;\r\n  background: rgba(28,26,23,0.55) !important;\r\n  display: flex !important;\r\n  align-items: center !important;\r\n  justify-content: center !important;\r\n  opacity: 0 !important;\r\n  transition: opacity 0.3s ease !important;\r\n}\r\n.wport__card:hover .wport__overlay {\r\n  opacity: 1 !important;\r\n}\r\n.wport__view-btn {\r\n  background: #C9A84C !important;\r\n  color: #1C1A17 !important;\r\n  font-size: 0.78rem !important;\r\n  font-weight: 700 !important;\r\n  letter-spacing: 0.10em !important;\r\n  text-transform: uppercase !important;\r\n  padding: 12px 24px !important;\r\n  border-radius: 50px !important;\r\n  text-decoration: none !important;\r\n  font-family: 'Satoshi', 'Segoe UI', sans-serif !important;\r\n  transition: background 0.2s ease !important;\r\n  display: inline-block !important;\r\n  white-space: nowrap !important;\r\n}\r\n.wport__view-btn:hover {\r\n  background: #E2C97E !important;\r\n  text-decoration: none !important;\r\n}\r\n\r\n\/* Card info *\/\r\n.wport__info {\r\n  padding: 22px 24px 26px !important;\r\n}\r\n.wport__tags {\r\n  display: flex !important;\r\n  gap: 8px !important;\r\n  flex-wrap: wrap !important;\r\n  margin-bottom: 12px !important;\r\n}\r\n.wport__tag {\r\n  font-size: 0.68rem !important;\r\n  font-weight: 600 !important;\r\n  letter-spacing: 0.08em !important;\r\n  text-transform: uppercase !important;\r\n  color: #7A6F5E !important;\r\n  background: #F5F0E8 !important;\r\n  border: 1px solid rgba(28,26,23,0.10) !important;\r\n  border-radius: 50px !important;\r\n  padding: 4px 10px !important;\r\n  font-family: 'Satoshi', 'Segoe UI', sans-serif !important;\r\n  line-height: 1.4 !important;\r\n  display: inline-block !important;\r\n}\r\n.wport__card-title {\r\n  font-family: 'DM Serif Display', Georgia, serif !important;\r\n  font-size: 1.15rem !important;\r\n  font-weight: 400 !important;\r\n  color: #1C1A17 !important;\r\n  line-height: 1.3 !important;\r\n  margin-bottom: 8px !important;\r\n  text-transform: none !important;\r\n}\r\n.wport__card-desc {\r\n  font-size: 0.85rem !important;\r\n  color: #7A6F5E !important;\r\n  line-height: 1.70 !important;\r\n  font-family: 'Satoshi', 'Segoe UI', sans-serif !important;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   RESPONSIVE \u2014 TABLET\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n@media (max-width: 1024px) {\r\n  .wport__container { padding: 0 36px !important; }\r\n  .wport__grid { grid-template-columns: repeat(2, 1fr) !important; }\r\n  .wport__card--large { grid-template-columns: 1fr !important; }\r\n  .wport__card--large .wport__img-wrap { border-radius: 16px 16px 0 0 !important; min-height: 280px !important; }\r\n  .wport__card--large .wport__info { border-radius: 0 0 16px 16px !important; }\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   RESPONSIVE \u2014 MOBILE\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n@media (max-width: 767px) {\r\n  .wport__wrap { padding: 72px 0 80px 0 !important; }\r\n  .wport__container { padding: 0 24px !important; }\r\n  .wport__grid { grid-template-columns: 1fr !important; }\r\n  .wport__card--large { grid-column: 1 !important; }\r\n  .wport__title { font-size: clamp(1.9rem, 7vw, 2.6rem) !important; }\r\n}\r\n\r\n@media (max-width: 479px) {\r\n  .wport__container { padding: 0 18px !important; }\r\n  .wport__card--large .wport__info { padding: 28px 22px !important; }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-1e8e2d49 e-con-full e-flex e-con e-parent\" data-id=\"1e8e2d49\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false,&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\">\n\t\t\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-5bbbe025 elementor-widget elementor-widget-html\" data-id=\"5bbbe025\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n  SEO AUDIT PORTFOLIO \u2014 PREMIUM v2\r\n  Elementor HTML Widget \u00b7 Section padding = 0\r\n  \u270f\ufe0f  Replace numbers and images with your actual results\r\n============================================================ -->\r\n<div class=\"seopro__wrap\">\r\n\r\n  <div class=\"seopro__container\">\r\n\r\n    <!-- HEADER SPLIT -->\r\n    <div class=\"seopro__header\">\r\n      <div class=\"seopro__header-left\">\r\n        <div class=\"seopro__label\"><span class=\"seopro__lline\"><\/span>SEO Portfolio<\/div>\r\n        <h2 class=\"seopro__title\">Turning search<br>into <em>revenue<\/em><\/h2>\r\n      <\/div>\r\n      <div class=\"seopro__header-right\">\r\n        <p class=\"seopro__sub\">Data-backed SEO strategies that move brands from page 2 to position 1 \u2014 and keep them there.<\/p>\r\n        <div class=\"seopro__big-stats\">\r\n          <div class=\"seopro__bstat\"><span class=\"seopro__bstat-n\">90%<\/span><span class=\"seopro__bstat-l\">Avg Traffic Growth<\/span><\/div>\r\n          <div class=\"seopro__bstat\"><span class=\"seopro__bstat-n\">40+<\/span><span class=\"seopro__bstat-l\">Audits Completed<\/span><\/div>\r\n          <div class=\"seopro__bstat\"><span class=\"seopro__bstat-n\">3x<\/span><span class=\"seopro__bstat-l\">Keyword Rankings<\/span><\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- FEATURED CASE STUDY -->\r\n    <div class=\"seopro__featured\">\r\n      <div class=\"seopro__feat-img\">\r\n        <img decoding=\"async\" src=\"https:\/\/placehold.co\/640x440\/1C1A17\/C9A84C?text=SEO+Case+Study+1\" alt=\"SEO Case Study\" \/>\r\n        <div class=\"seopro__feat-badge\">Featured Case Study<\/div>\r\n      <\/div>\r\n      <div class=\"seopro__feat-body\">\r\n        <div class=\"seopro__feat-tags\">\r\n          <span class=\"seopro__tag\">E-Commerce SEO<\/span>\r\n          <span class=\"seopro__tag\">Technical Audit<\/span>\r\n          <span class=\"seopro__tag\">Content Strategy<\/span>\r\n        <\/div>\r\n        <h3 class=\"seopro__feat-title\">Fashion Brand \u2014 Organic Growth &amp; Strategy<\/h3>\r\n        <p class=\"seopro__feat-desc\">Complete technical SEO overhaul: site architecture rebuild, keyword gap analysis, content cluster strategy, and 6-month execution roadmap. Resulted in top-3 rankings for 18 high-intent keywords.<\/p>\r\n\r\n        <div class=\"seopro__bars\">\r\n          <div class=\"seopro__bar-row\">\r\n            <div class=\"seopro__bar-top\"><span>Organic Traffic<\/span><span class=\"seopro__bar-val\">+90%<\/span><\/div>\r\n            <div class=\"seopro__bar-track\"><div class=\"seopro__bar-fill\" style=\"--w:90%\"><\/div><\/div>\r\n          <\/div>\r\n          <div class=\"seopro__bar-row\">\r\n            <div class=\"seopro__bar-top\"><span>Keyword Rankings (Top 10)<\/span><span class=\"seopro__bar-val\">18 Keywords<\/span><\/div>\r\n            <div class=\"seopro__bar-track\"><div class=\"seopro__bar-fill\" style=\"--w:75%\"><\/div><\/div>\r\n          <\/div>\r\n          <div class=\"seopro__bar-row\">\r\n            <div class=\"seopro__bar-top\"><span>Bounce Rate Reduction<\/span><span class=\"seopro__bar-val\">-38%<\/span><\/div>\r\n            <div class=\"seopro__bar-track\"><div class=\"seopro__bar-fill\" style=\"--w:62%\"><\/div><\/div>\r\n          <\/div>\r\n          <div class=\"seopro__bar-row\">\r\n            <div class=\"seopro__bar-top\"><span>Page Speed Improvement<\/span><span class=\"seopro__bar-val\">98\/100<\/span><\/div>\r\n            <div class=\"seopro__bar-track\"><div class=\"seopro__bar-fill\" style=\"--w:98%\"><\/div><\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"seopro__feat-time\">\u23f1 Timeline: 6 months &nbsp;\u00b7&nbsp; \ud83c\udff7 Industry: Fashion &amp; D2C<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- AUDIT CARDS -->\r\n    <div class=\"seopro__grid\">\r\n\r\n      <div class=\"seopro__card\">\r\n        <div class=\"seopro__card-top\">\r\n          <img decoding=\"async\" src=\"https:\/\/placehold.co\/480x260\/EDE8DC\/1C1A17?text=SEO+Audit+2\" alt=\"Audit 2\" \/>\r\n        <\/div>\r\n        <div class=\"seopro__card-body\">\r\n          <div class=\"seopro__card-tags\"><span class=\"seopro__tag seopro__tag--light\">Local SEO<\/span><span class=\"seopro__tag seopro__tag--light\">On-Page<\/span><\/div>\r\n          <h3 class=\"seopro__card-title\">D2C Brand \u2014 Local Domination<\/h3>\r\n          <p class=\"seopro__card-desc\">City-specific landing pages and local citation strategy for a skincare D2C brand with purchase-intent keywords.<\/p>\r\n          <div class=\"seopro__card-nums\">\r\n            <div class=\"seopro__cnum\"><span>+65%<\/span>Local Traffic<\/div>\r\n            <div class=\"seopro__cnum\"><span>4 mo<\/span>To Results<\/div>\r\n            <div class=\"seopro__cnum\"><span>#1<\/span>City Keywords<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"seopro__card\">\r\n        <div class=\"seopro__card-top\">\r\n          <img decoding=\"async\" src=\"https:\/\/placehold.co\/480x260\/FAF8F4\/1C1A17?text=SEO+Audit+3\" alt=\"Audit 3\" \/>\r\n        <\/div>\r\n        <div class=\"seopro__card-body\">\r\n          <div class=\"seopro__card-tags\"><span class=\"seopro__tag seopro__tag--light\">Content SEO<\/span><span class=\"seopro__tag seopro__tag--light\">Topical Authority<\/span><\/div>\r\n          <h3 class=\"seopro__card-title\">SaaS Brand \u2014 Content-Led Growth<\/h3>\r\n          <p class=\"seopro__card-desc\">Topical authority clusters and pillar-page strategy. Blog traffic scaled from 2k to 18k visitors\/month in 5 months.<\/p>\r\n          <div class=\"seopro__card-nums\">\r\n            <div class=\"seopro__cnum\"><span>9x<\/span>Blog Traffic<\/div>\r\n            <div class=\"seopro__cnum\"><span>5 mo<\/span>Timeline<\/div>\r\n            <div class=\"seopro__cnum\"><span>60+<\/span>Articles<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"seopro__card\">\r\n        <div class=\"seopro__card-top\">\r\n          <img decoding=\"async\" src=\"https:\/\/placehold.co\/480x260\/1C1A17\/C9A84C?text=SEO+Audit+4\" alt=\"Audit 4\" \/>\r\n        <\/div>\r\n        <div class=\"seopro__card-body\">\r\n          <div class=\"seopro__card-tags\"><span class=\"seopro__tag seopro__tag--light\">Technical SEO<\/span><span class=\"seopro__tag seopro__tag--light\">Core Web Vitals<\/span><\/div>\r\n          <h3 class=\"seopro__card-title\">E-Commerce \u2014 Technical Overhaul<\/h3>\r\n          <p class=\"seopro__card-desc\">Fixed 200+ technical issues including crawl errors, duplicate content, and Core Web Vitals across a 5000-page store.<\/p>\r\n          <div class=\"seopro__card-nums\">\r\n            <div class=\"seopro__cnum\"><span>200+<\/span>Issues Fixed<\/div>\r\n            <div class=\"seopro__cnum\"><span>98<\/span>Speed Score<\/div>\r\n            <div class=\"seopro__cnum\"><span>+55%<\/span>Impressions<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- TOOLS STRIP -->\r\n    <div class=\"seopro__tools\">\r\n      <span class=\"seopro__tools-label\">Tools I use<\/span>\r\n      <div class=\"seopro__tools-list\">\r\n        <span class=\"seopro__tool\">Ahrefs<\/span>\r\n        <span class=\"seopro__tool-dot\"><\/span>\r\n        <span class=\"seopro__tool\">SEMrush<\/span>\r\n        <span class=\"seopro__tool-dot\"><\/span>\r\n        <span class=\"seopro__tool\">Google Search Console<\/span>\r\n        <span class=\"seopro__tool-dot\"><\/span>\r\n        <span class=\"seopro__tool\">Screaming Frog<\/span>\r\n        <span class=\"seopro__tool-dot\"><\/span>\r\n        <span class=\"seopro__tool\">Surfer SEO<\/span>\r\n        <span class=\"seopro__tool-dot\"><\/span>\r\n        <span class=\"seopro__tool\">Google Analytics 4<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=DM+Serif+Display:ital@0;1&family=Satoshi:wght@300;400;500;600;700&display=swap');\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   ELEMENTOR FIX\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.e-con:has(.seopro__wrap),\r\n.e-con-full:has(.seopro__wrap) {\r\n  padding: 0 !important;\r\n  margin: 0 !important;\r\n  --padding-block-start: 0px !important;\r\n  --padding-block-end: 0px !important;\r\n  --padding-inline-start: 0px !important;\r\n  --padding-inline-end: 0px !important;\r\n  --margin-block-start: 0px !important;\r\n  --margin-block-end: 0px !important;\r\n  min-height: unset !important;\r\n  height: auto !important;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   RESET\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.seopro__wrap, .seopro__wrap * {\r\n  box-sizing: border-box !important;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   OUTER WRAP\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.seopro__wrap {\r\n  width: 100% !important;\r\n  background: #1C1A17 !important;\r\n  padding: 110px 0 0 !important;\r\n  font-family: 'Satoshi', sans-serif !important;\r\n  overflow: hidden !important;\r\n  display: block !important;\r\n  height: auto !important;\r\n  min-height: unset !important;\r\n}\r\n\r\n.seopro__container {\r\n  max-width: 1200px !important;\r\n  margin: 0 auto !important;\r\n  padding: 0 60px !important;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   HEADER\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.seopro__header {\r\n  display: grid !important;\r\n  grid-template-columns: 1fr 1fr !important;\r\n  gap: 60px !important;\r\n  align-items: end !important;\r\n  margin-bottom: 56px !important;\r\n}\r\n.seopro__label {\r\n  display: inline-flex !important;\r\n  align-items: center !important;\r\n  gap: 10px !important;\r\n  font-size: 0.68rem !important;\r\n  font-weight: 700 !important;\r\n  letter-spacing: 0.20em !important;\r\n  text-transform: uppercase !important;\r\n  color: #C9A84C !important;\r\n  margin-bottom: 20px !important;\r\n  font-family: 'Satoshi', sans-serif !important;\r\n  line-height: 1 !important;\r\n}\r\n.seopro__lline {\r\n  display: inline-block !important;\r\n  width: 28px !important;\r\n  height: 1px !important;\r\n  background: #C9A84C !important;\r\n}\r\n.seopro__title {\r\n  font-family: 'DM Serif Display', Georgia, serif !important;\r\n  font-size: clamp(2.4rem, 4vw, 4rem) !important;\r\n  color: #F5F0E8 !important;\r\n  font-weight: 400 !important;\r\n  line-height: 1.10 !important;\r\n  letter-spacing: -0.02em !important;\r\n  text-transform: none !important;\r\n}\r\n.seopro__title em { font-style: italic !important; color: #C9A84C !important; }\r\n.seopro__sub {\r\n  font-size: 0.94rem !important;\r\n  color: rgba(245,240,232,0.45) !important;\r\n  line-height: 1.80 !important;\r\n  margin-bottom: 32px !important;\r\n  font-family: 'Satoshi', sans-serif !important;\r\n}\r\n.seopro__big-stats { display: flex !important; gap: 32px !important; }\r\n.seopro__bstat { display: flex !important; flex-direction: column !important; gap: 5px !important; }\r\n.seopro__bstat-n {\r\n  font-family: 'DM Serif Display', Georgia, serif !important;\r\n  font-size: clamp(2rem, 3vw, 2.8rem) !important;\r\n  color: #E2C97E !important;\r\n  line-height: 1 !important;\r\n}\r\n.seopro__bstat-l {\r\n  font-size: 0.66rem !important;\r\n  font-weight: 600 !important;\r\n  letter-spacing: 0.10em !important;\r\n  text-transform: uppercase !important;\r\n  color: rgba(245,240,232,0.30) !important;\r\n  font-family: 'Satoshi', sans-serif !important;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   FEATURED\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.seopro__featured {\r\n  display: grid !important;\r\n  grid-template-columns: 1fr 1fr !important;\r\n  gap: 0 !important;\r\n  border-radius: 20px !important;\r\n  overflow: hidden !important;\r\n  margin-bottom: 20px !important;\r\n  border: 1px solid rgba(201,168,76,0.15) !important;\r\n}\r\n.seopro__feat-img {\r\n  position: relative !important;\r\n  overflow: hidden !important;\r\n  min-height: unset !important;\r\n}\r\n.seopro__feat-img img {\r\n  width: 100% !important;\r\n  height: 100% !important;\r\n  object-fit: cover !important;\r\n  display: block !important;\r\n  min-height: unset !important;\r\n}\r\n.seopro__feat-badge {\r\n  position: absolute !important;\r\n  top: 18px !important;\r\n  left: 18px !important;\r\n  background: #C9A84C !important;\r\n  color: #1C1A17 !important;\r\n  font-size: 0.65rem !important;\r\n  font-weight: 700 !important;\r\n  letter-spacing: 0.12em !important;\r\n  text-transform: uppercase !important;\r\n  padding: 5px 14px !important;\r\n  border-radius: 50px !important;\r\n  font-family: 'Satoshi', sans-serif !important;\r\n  line-height: 1.4 !important;\r\n}\r\n.seopro__feat-body {\r\n  background: rgba(255,255,255,0.03) !important;\r\n  padding: 40px 36px !important;\r\n  display: flex !important;\r\n  flex-direction: column !important;\r\n  gap: 18px !important;\r\n}\r\n.seopro__feat-tags { display: flex !important; gap: 8px !important; flex-wrap: wrap !important; }\r\n.seopro__tag {\r\n  font-size: 0.63rem !important;\r\n  font-weight: 700 !important;\r\n  letter-spacing: 0.10em !important;\r\n  text-transform: uppercase !important;\r\n  color: #E2C97E !important;\r\n  background: rgba(201,168,76,0.10) !important;\r\n  border: 1px solid rgba(201,168,76,0.22) !important;\r\n  border-radius: 50px !important;\r\n  padding: 4px 12px !important;\r\n  font-family: 'Satoshi', sans-serif !important;\r\n  line-height: 1.5 !important;\r\n  display: inline-block !important;\r\n}\r\n.seopro__tag--light {\r\n  color: #7A6F5E !important;\r\n  background: #F5F0E8 !important;\r\n  border-color: rgba(28,26,23,0.12) !important;\r\n}\r\n.seopro__feat-title {\r\n  font-family: 'DM Serif Display', Georgia, serif !important;\r\n  font-size: 1.45rem !important;\r\n  font-weight: 400 !important;\r\n  color: #F5F0E8 !important;\r\n  line-height: 1.25 !important;\r\n  text-transform: none !important;\r\n}\r\n.seopro__feat-desc {\r\n  font-size: 0.86rem !important;\r\n  color: rgba(245,240,232,0.45) !important;\r\n  line-height: 1.80 !important;\r\n  font-family: 'Satoshi', sans-serif !important;\r\n}\r\n\r\n\/* Progress bars *\/\r\n.seopro__bars { display: flex !important; flex-direction: column !important; gap: 12px !important; }\r\n.seopro__bar-row { display: flex !important; flex-direction: column !important; gap: 7px !important; }\r\n.seopro__bar-top { display: flex !important; justify-content: space-between !important; align-items: center !important; }\r\n.seopro__bar-top span {\r\n  font-size: 0.78rem !important;\r\n  color: rgba(245,240,232,0.50) !important;\r\n  font-family: 'Satoshi', sans-serif !important;\r\n  font-weight: 500 !important;\r\n  line-height: 1 !important;\r\n}\r\n.seopro__bar-val { color: #E2C97E !important; font-weight: 700 !important; }\r\n.seopro__bar-track {\r\n  height: 3px !important;\r\n  background: rgba(255,255,255,0.08) !important;\r\n  border-radius: 4px !important;\r\n  overflow: hidden !important;\r\n}\r\n.seopro__bar-fill {\r\n  height: 100% !important;\r\n  width: 0 !important;\r\n  background: linear-gradient(90deg, #C9A84C, #E2C97E) !important;\r\n  border-radius: 4px !important;\r\n  animation: seoproBar 1.4s cubic-bezier(0.22,1,0.36,1) 0.3s forwards !important;\r\n}\r\n@keyframes seoproBar { to { width: var(--w, 0%); } }\r\n\r\n.seopro__feat-time {\r\n  font-size: 0.76rem !important;\r\n  color: rgba(245,240,232,0.28) !important;\r\n  font-family: 'Satoshi', sans-serif !important;\r\n  line-height: 1.4 !important;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   AUDIT CARDS\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.seopro__grid {\r\n  display: grid !important;\r\n  grid-template-columns: repeat(3,1fr) !important;\r\n  gap: 16px !important;\r\n  margin-bottom: 24px !important;\r\n}\r\n.seopro__card {\r\n  background: rgba(255,255,255,0.04) !important;\r\n  border: 1px solid rgba(255,255,255,0.07) !important;\r\n  border-radius: 18px !important;\r\n  overflow: hidden !important;\r\n  transition: transform 0.25s ease, border-color 0.25s ease !important;\r\n}\r\n.seopro__card:hover {\r\n  transform: translateY(-5px) !important;\r\n  border-color: rgba(201,168,76,0.25) !important;\r\n}\r\n.seopro__card-top { overflow: hidden !important; }\r\n.seopro__card-top img {\r\n  width: 100% !important;\r\n  display: block !important;\r\n  aspect-ratio: 16\/9 !important;\r\n  object-fit: cover !important;\r\n  transition: transform 0.5s ease !important;\r\n}\r\n.seopro__card:hover .seopro__card-top img { transform: scale(1.05) !important; }\r\n.seopro__card-body {\r\n  padding: 22px 22px 26px !important;\r\n  display: flex !important;\r\n  flex-direction: column !important;\r\n  gap: 12px !important;\r\n}\r\n.seopro__card-tags { display: flex !important; gap: 7px !important; flex-wrap: wrap !important; }\r\n.seopro__card-title {\r\n  font-family: 'DM Serif Display', Georgia, serif !important;\r\n  font-size: 1.05rem !important;\r\n  color: #F5F0E8 !important;\r\n  line-height: 1.3 !important;\r\n  font-weight: 400 !important;\r\n  text-transform: none !important;\r\n}\r\n.seopro__card-desc {\r\n  font-size: 0.82rem !important;\r\n  color: rgba(245,240,232,0.40) !important;\r\n  line-height: 1.75 !important;\r\n  font-family: 'Satoshi', sans-serif !important;\r\n}\r\n.seopro__card-nums {\r\n  display: flex !important;\r\n  gap: 16px !important;\r\n  border-top: 1px solid rgba(255,255,255,0.06) !important;\r\n  padding-top: 14px !important;\r\n}\r\n.seopro__cnum {\r\n  display: flex !important;\r\n  flex-direction: column !important;\r\n  gap: 2px !important;\r\n  font-size: 0.65rem !important;\r\n  font-weight: 600 !important;\r\n  letter-spacing: 0.08em !important;\r\n  text-transform: uppercase !important;\r\n  color: rgba(245,240,232,0.30) !important;\r\n  font-family: 'Satoshi', sans-serif !important;\r\n}\r\n.seopro__cnum span {\r\n  font-family: 'DM Serif Display', Georgia, serif !important;\r\n  font-size: 1.2rem !important;\r\n  color: #E2C97E !important;\r\n  font-weight: 400 !important;\r\n  line-height: 1 !important;\r\n  letter-spacing: 0 !important;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   TOOLS\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.seopro__tools {\r\n  display: flex !important;\r\n  align-items: center !important;\r\n  gap: 20px !important;\r\n  padding: 22px 28px !important;\r\n  background: rgba(255,255,255,0.03) !important;\r\n  border: 1px solid rgba(255,255,255,0.07) !important;\r\n  border-radius: 14px !important;\r\n  flex-wrap: wrap !important;\r\n}\r\n.seopro__tools-label {\r\n  font-size: 0.68rem !important;\r\n  font-weight: 700 !important;\r\n  letter-spacing: 0.14em !important;\r\n  text-transform: uppercase !important;\r\n  color: rgba(245,240,232,0.30) !important;\r\n  font-family: 'Satoshi', sans-serif !important;\r\n  white-space: nowrap !important;\r\n}\r\n.seopro__tools-list {\r\n  display: flex !important;\r\n  align-items: center !important;\r\n  gap: 12px !important;\r\n  flex-wrap: wrap !important;\r\n}\r\n.seopro__tool {\r\n  font-size: 0.82rem !important;\r\n  font-weight: 500 !important;\r\n  color: rgba(245,240,232,0.55) !important;\r\n  font-family: 'Satoshi', sans-serif !important;\r\n  white-space: nowrap !important;\r\n}\r\n.seopro__tool-dot {\r\n  width: 3px !important;\r\n  height: 3px !important;\r\n  border-radius: 50% !important;\r\n  background: rgba(201,168,76,0.40) !important;\r\n  flex-shrink: 0 !important;\r\n  display: inline-block !important;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   RESPONSIVE\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n@media (max-width: 1024px) {\r\n  .seopro__container { padding: 0 36px !important; }\r\n  .seopro__header { grid-template-columns: 1fr !important; gap: 32px !important; }\r\n  .seopro__featured { grid-template-columns: 1fr !important; }\r\n  .seopro__feat-img img { min-height: 260px !important; }\r\n  .seopro__grid { grid-template-columns: 1fr 1fr !important; }\r\n}\r\n@media (max-width: 767px) {\r\n  .seopro__wrap { padding: 80px 0 0 !important; }\r\n  .seopro__container { padding: 0 24px !important; }\r\n  .seopro__grid { grid-template-columns: 1fr !important; }\r\n  .seopro__big-stats { flex-wrap: wrap !important; gap: 20px !important; }\r\n}\r\n@media (max-width: 479px) {\r\n  .seopro__container { padding: 0 18px !important; }\r\n  .seopro__tools { flex-direction: column !important; align-items: flex-start !important; }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-68f2f51e e-con-full e-flex e-con e-parent\" data-id=\"68f2f51e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false,&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\">\n\t\t\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-24657faa elementor-widget elementor-widget-html\" data-id=\"24657faa\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n  SOCIAL MEDIA POST WORKS \u2014 PREMIUM v2\r\n  \u2705 Elementor HTML Widget Ready\r\n  \u270f\ufe0f  Apni real images se replace karein\r\n============================================================ -->\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=DM+Serif+Display:ital@0;1&family=Satoshi:wght@300;400;500;600;700&display=swap');\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   ELEMENTOR FIX\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.e-con:has(.smpro__wrap),\r\n.e-con-full:has(.smpro__wrap) {\r\n  padding: 0 !important;\r\n  margin: 0 !important;\r\n  --padding-block-start: 0px !important;\r\n  --padding-block-end: 0px !important;\r\n  --padding-inline-start: 0px !important;\r\n  --padding-inline-end: 0px !important;\r\n  --margin-block-start: 0px !important;\r\n  --margin-block-end: 0px !important;\r\n  min-height: unset !important;\r\n  height: auto !important;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   RESET\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.smpro__wrap, .smpro__wrap * {\r\n  box-sizing: border-box !important;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   OUTER WRAP\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.smpro__wrap {\r\n  width: 100% !important;\r\n  background: #1C1A17 !important;\r\n  padding: 110px 0 0 0 !important;\r\n  font-family: 'Satoshi', sans-serif !important;\r\n  overflow: hidden !important;\r\n  display: block !important;\r\n  height: auto !important;\r\n  min-height: unset !important;\r\n}\r\n\r\n.smpro__container {\r\n  max-width: 1200px !important;\r\n  margin: 0 auto !important;\r\n  padding: 0 60px !important;\r\n  width: 100% !important;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   HEADER\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.smpro__header {\r\n  display: grid !important;\r\n  grid-template-columns: 1fr 1.1fr !important;\r\n  gap: 60px !important;\r\n  align-items: center !important;\r\n  margin-bottom: 40px !important;\r\n}\r\n.smpro__label {\r\n  display: inline-flex !important;\r\n  align-items: center !important;\r\n  gap: 10px !important;\r\n  font-size: 0.68rem !important;\r\n  font-weight: 700 !important;\r\n  letter-spacing: 0.20em !important;\r\n  text-transform: uppercase !important;\r\n  color: #C9A84C !important;\r\n  margin-bottom: 18px !important;\r\n  font-family: 'Satoshi', sans-serif !important;\r\n  line-height: 1 !important;\r\n}\r\n.smpro__lline {\r\n  display: inline-block !important;\r\n  width: 28px !important;\r\n  height: 1px !important;\r\n  background: #C9A84C !important;\r\n}\r\n.smpro__title {\r\n  font-family: 'DM Serif Display', Georgia, serif !important;\r\n  font-size: clamp(2.4rem, 4vw, 4rem) !important;\r\n  color: #F5F0E8 !important;\r\n  font-weight: 400 !important;\r\n  line-height: 1.10 !important;\r\n  letter-spacing: -0.02em !important;\r\n  text-transform: none !important;\r\n}\r\n.smpro__title em { font-style: italic !important; color: #C9A84C !important; }\r\n\r\n\/* Platform cards *\/\r\n.smpro__platforms {\r\n  display: grid !important;\r\n  grid-template-columns: 1fr 1fr !important;\r\n  gap: 12px !important;\r\n}\r\n.smpro__platform {\r\n  display: flex !important;\r\n  align-items: center !important;\r\n  gap: 14px !important;\r\n  background: rgba(255,255,255,0.04) !important;\r\n  border: 1px solid rgba(255,255,255,0.07) !important;\r\n  border-radius: 14px !important;\r\n  padding: 16px 18px !important;\r\n  transition: border-color 0.2s ease !important;\r\n}\r\n.smpro__platform:hover { border-color: rgba(201,168,76,0.25) !important; }\r\n.smpro__plat-icon {\r\n  width: 36px !important;\r\n  height: 36px !important;\r\n  border-radius: 10px !important;\r\n  display: flex !important;\r\n  align-items: center !important;\r\n  justify-content: center !important;\r\n  flex-shrink: 0 !important;\r\n  color: #FFFFFF !important;\r\n}\r\n.smpro__ig { background: linear-gradient(135deg, #833ab4, #fd1d1d, #fcb045) !important; }\r\n.smpro__fb { background: #1877F2 !important; }\r\n.smpro__yt { background: #FF0000 !important; }\r\n.smpro__pin { background: #E60023 !important; }\r\n.smpro__plat-info { display: flex !important; flex-direction: column !important; gap: 3px !important; }\r\n.smpro__plat-name {\r\n  font-size: 0.82rem !important;\r\n  font-weight: 600 !important;\r\n  color: #F5F0E8 !important;\r\n  font-family: 'Satoshi', sans-serif !important;\r\n  line-height: 1 !important;\r\n}\r\n.smpro__plat-stat {\r\n  font-size: 0.70rem !important;\r\n  color: rgba(245,240,232,0.35) !important;\r\n  font-family: 'Satoshi', sans-serif !important;\r\n  font-weight: 500 !important;\r\n  line-height: 1 !important;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   TABS\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.smpro__tabs {\r\n  display: flex !important;\r\n  gap: 8px !important;\r\n  margin-bottom: 28px !important;\r\n  flex-wrap: wrap !important;\r\n}\r\n.smpro__tab {\r\n  font-size: 0.72rem !important;\r\n  font-weight: 600 !important;\r\n  letter-spacing: 0.08em !important;\r\n  text-transform: uppercase !important;\r\n  font-family: 'Satoshi', sans-serif !important;\r\n  padding: 9px 20px !important;\r\n  border-radius: 50px !important;\r\n  border: 1.5px solid rgba(255,255,255,0.12) !important;\r\n  background: transparent !important;\r\n  color: rgba(245,240,232,0.45) !important;\r\n  cursor: pointer !important;\r\n  transition: all 0.22s ease !important;\r\n  line-height: 1 !important;\r\n}\r\n.smpro__tab:hover { border-color: #C9A84C !important; color: #F5F0E8 !important; }\r\n.smpro__tab--active { background: #C9A84C !important; color: #1C1A17 !important; border-color: #C9A84C !important; }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   MASONRY GRID\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.smpro__grid {\r\n  display: grid !important;\r\n  grid-template-columns: repeat(3, 1fr) !important;\r\n  gap: 12px !important;\r\n  align-items: start !important;\r\n}\r\n.smpro__col {\r\n  display: flex !important;\r\n  flex-direction: column !important;\r\n  gap: 12px !important;\r\n}\r\n\r\n\/* POST *\/\r\n.smpro__post {\r\n  position: relative !important;\r\n  overflow: hidden !important;\r\n  border-radius: 14px !important;\r\n  cursor: pointer !important;\r\n  background: #2A2825 !important;\r\n}\r\n.smpro__post.smpro__hidden { display: none !important; }\r\n.smpro__img {\r\n  width: 100% !important;\r\n  display: block !important;\r\n  object-fit: cover !important;\r\n  transition: transform 0.5s cubic-bezier(0.22,1,0.36,1), opacity 0.3s ease !important;\r\n}\r\n.smpro__post:hover .smpro__img { transform: scale(1.06) !important; opacity: 0.70 !important; }\r\n.smpro__post-info {\r\n  position: absolute !important;\r\n  bottom: 0 !important;\r\n  left: 0 !important;\r\n  right: 0 !important;\r\n  padding: 32px 16px 16px !important;\r\n  background: linear-gradient(to top, rgba(28,26,23,0.92) 0%, transparent 100%) !important;\r\n  display: flex !important;\r\n  flex-direction: column !important;\r\n  gap: 3px !important;\r\n  opacity: 0 !important;\r\n  transition: opacity 0.3s ease !important;\r\n}\r\n.smpro__post:hover .smpro__post-info { opacity: 1 !important; }\r\n.smpro__post-cat {\r\n  font-size: 0.60rem !important;\r\n  font-weight: 700 !important;\r\n  letter-spacing: 0.14em !important;\r\n  text-transform: uppercase !important;\r\n  color: #E2C97E !important;\r\n  font-family: 'Satoshi', sans-serif !important;\r\n  line-height: 1 !important;\r\n  display: block !important;\r\n}\r\n.smpro__post-name {\r\n  font-family: 'DM Serif Display', Georgia, serif !important;\r\n  font-size: 0.95rem !important;\r\n  color: #F5F0E8 !important;\r\n  line-height: 1.25 !important;\r\n  font-weight: 400 !important;\r\n  display: block !important;\r\n  text-transform: none !important;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   RESULTS STRIP\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.smpro__results {\r\n  display: flex !important;\r\n  align-items: center !important;\r\n  justify-content: space-between !important;\r\n  background: rgba(201,168,76,0.08) !important;\r\n  border-top: 1px solid rgba(201,168,76,0.15) !important;\r\n  padding: 36px 60px !important;\r\n  margin-top: 48px !important;\r\n  flex-wrap: wrap !important;\r\n  gap: 24px !important;\r\n}\r\n.smpro__res-item {\r\n  display: flex !important;\r\n  flex-direction: column !important;\r\n  gap: 6px !important;\r\n  text-align: center !important;\r\n}\r\n.smpro__res-n {\r\n  font-family: 'DM Serif Display', Georgia, serif !important;\r\n  font-size: clamp(2rem, 3vw, 2.8rem) !important;\r\n  color: #E2C97E !important;\r\n  line-height: 1 !important;\r\n  font-weight: 400 !important;\r\n}\r\n.smpro__res-l {\r\n  font-size: 0.68rem !important;\r\n  font-weight: 600 !important;\r\n  letter-spacing: 0.10em !important;\r\n  text-transform: uppercase !important;\r\n  color: rgba(245,240,232,0.30) !important;\r\n  font-family: 'Satoshi', sans-serif !important;\r\n}\r\n.smpro__res-div {\r\n  width: 1px !important;\r\n  height: 40px !important;\r\n  background: rgba(201,168,76,0.20) !important;\r\n  flex-shrink: 0 !important;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   RESPONSIVE\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n@media (max-width: 1024px) {\r\n  .smpro__container { padding: 0 36px !important; }\r\n  .smpro__header { grid-template-columns: 1fr !important; gap: 32px !important; }\r\n  .smpro__results { padding: 32px 36px !important; }\r\n}\r\n@media (max-width: 767px) {\r\n  .smpro__wrap { padding: 80px 0 0 !important; }\r\n  .smpro__container { padding: 0 24px !important; }\r\n  .smpro__grid { grid-template-columns: 1fr 1fr !important; }\r\n  .smpro__col:last-child { display: none !important; }\r\n  .smpro__platforms { grid-template-columns: 1fr 1fr !important; }\r\n  .smpro__res-div { display: none !important; }\r\n  .smpro__results { padding: 28px 24px !important; justify-content: center !important; gap: 32px !important; }\r\n  .smpro__post-info { opacity: 1 !important; }\r\n}\r\n@media (max-width: 479px) {\r\n  .smpro__container { padding: 0 18px !important; }\r\n  .smpro__grid { grid-template-columns: 1fr !important; }\r\n  .smpro__col:last-child { display: flex !important; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"smpro__wrap\">\r\n  <div class=\"smpro__container\">\r\n\r\n    <!-- HEADER -->\r\n    <div class=\"smpro__header\">\r\n      <div class=\"smpro__header-left\">\r\n        <div class=\"smpro__label\"><span class=\"smpro__lline\"><\/span>Social Media<\/div>\r\n        <h2 class=\"smpro__title\">Scroll-stopping<br>content that<br><em>converts<\/em><\/h2>\r\n      <\/div>\r\n      <div class=\"smpro__header-right\">\r\n        <div class=\"smpro__platforms\">\r\n          <div class=\"smpro__platform\">\r\n            <div class=\"smpro__plat-icon smpro__ig\">\r\n              <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\"\/><circle cx=\"12\" cy=\"12\" r=\"5\"\/><circle cx=\"17.5\" cy=\"6.5\" r=\"1\" fill=\"currentColor\" stroke=\"none\"\/><\/svg>\r\n            <\/div>\r\n            <div class=\"smpro__plat-info\">\r\n              <span class=\"smpro__plat-name\">Instagram<\/span>\r\n              <span class=\"smpro__plat-stat\">300+ posts managed<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"smpro__platform\">\r\n            <div class=\"smpro__plat-icon smpro__fb\">\r\n              <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M18 2h-3a5 5 0 00-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 011-1h3z\"\/><\/svg>\r\n            <\/div>\r\n            <div class=\"smpro__plat-info\">\r\n              <span class=\"smpro__plat-name\">Facebook<\/span>\r\n              <span class=\"smpro__plat-stat\">150+ campaigns<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"smpro__platform\">\r\n            <div class=\"smpro__plat-icon smpro__yt\">\r\n              <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M22.54 6.42a2.78 2.78 0 00-1.95-1.96C18.88 4 12 4 12 4s-6.88 0-8.59.46a2.78 2.78 0 00-1.95 1.96A29 29 0 001 12a29 29 0 00.46 5.58 2.78 2.78 0 001.95 1.96C5.12 20 12 20 12 20s6.88 0 8.59-.46a2.78 2.78 0 001.95-1.96A29 29 0 0023 12a29 29 0 00-.46-5.58z\"\/><polygon points=\"9.75 15.02 15.5 12 9.75 8.98 9.75 15.02\" fill=\"white\"\/><\/svg>\r\n            <\/div>\r\n            <div class=\"smpro__plat-info\">\r\n              <span class=\"smpro__plat-name\">Reels \/ Video<\/span>\r\n              <span class=\"smpro__plat-stat\">50+ reels created<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"smpro__platform\">\r\n            <div class=\"smpro__plat-icon smpro__pin\">\r\n              <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 0C5.373 0 0 5.373 0 12c0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.632-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146C9.57 23.812 10.763 24 12 24c6.627 0 12-5.373 12-12S18.627 0 12 0z\"\/><\/svg>\r\n            <\/div>\r\n            <div class=\"smpro__plat-info\">\r\n              <span class=\"smpro__plat-name\">Pinterest<\/span>\r\n              <span class=\"smpro__plat-stat\">Organic growth<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- FILTER TABS -->\r\n    <div class=\"smpro__tabs\">\r\n      <button class=\"smpro__tab smpro__tab--active\" onclick=\"smproFilter(this,'all')\">All Posts<\/button>\r\n      <button class=\"smpro__tab\" onclick=\"smproFilter(this,'instagram')\">Instagram<\/button>\r\n      <button class=\"smpro__tab\" onclick=\"smproFilter(this,'facebook')\">Facebook<\/button>\r\n      <button class=\"smpro__tab\" onclick=\"smproFilter(this,'reels')\">Reels<\/button>\r\n    <\/div>\r\n\r\n    <!-- MASONRY GRID -->\r\n    <div class=\"smpro__grid\">\r\n\r\n      <!-- Col 1 -->\r\n      <div class=\"smpro__col\">\r\n        <div class=\"smpro__post\" data-cat=\"instagram\">\r\n          <img decoding=\"async\" class=\"smpro__img\" src=\"https:\/\/placehold.co\/400x500\/1C1A17\/C9A84C?text=Post+1\" alt=\"Post 1\" \/>\r\n          <div class=\"smpro__post-info\"><span class=\"smpro__post-cat\">Instagram<\/span><span class=\"smpro__post-name\">Fashion Collection Launch<\/span><\/div>\r\n        <\/div>\r\n        <div class=\"smpro__post\" data-cat=\"reels\">\r\n          <img decoding=\"async\" class=\"smpro__img\" src=\"https:\/\/placehold.co\/400x300\/EDE8DC\/1C1A17?text=Reel+1\" alt=\"Reel 1\" \/>\r\n          <div class=\"smpro__post-info\"><span class=\"smpro__post-cat\">Reel<\/span><span class=\"smpro__post-name\">Shop Now Promo<\/span><\/div>\r\n        <\/div>\r\n        <div class=\"smpro__post\" data-cat=\"facebook\">\r\n          <img decoding=\"async\" class=\"smpro__img\" src=\"https:\/\/placehold.co\/400x400\/C9A84C\/1C1A17?text=FB+Post+1\" alt=\"FB Post 1\" \/>\r\n          <div class=\"smpro__post-info\"><span class=\"smpro__post-cat\">Facebook<\/span><span class=\"smpro__post-name\">Brand Awareness Ad<\/span><\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Col 2 -->\r\n      <div class=\"smpro__col\">\r\n        <div class=\"smpro__post\" data-cat=\"instagram\">\r\n          <img decoding=\"async\" class=\"smpro__img\" src=\"https:\/\/placehold.co\/400x300\/FAF8F4\/1C1A17?text=Post+2\" alt=\"Post 2\" \/>\r\n          <div class=\"smpro__post-info\"><span class=\"smpro__post-cat\">Instagram<\/span><span class=\"smpro__post-name\">Festive Sale Carousel<\/span><\/div>\r\n        <\/div>\r\n        <div class=\"smpro__post\" data-cat=\"instagram\">\r\n          <img decoding=\"async\" class=\"smpro__img\" src=\"https:\/\/placehold.co\/400x500\/3D3530\/E2C97E?text=Post+3\" alt=\"Post 3\" \/>\r\n          <div class=\"smpro__post-info\"><span class=\"smpro__post-cat\">Instagram<\/span><span class=\"smpro__post-name\">New Arrival Drop<\/span><\/div>\r\n        <\/div>\r\n        <div class=\"smpro__post\" data-cat=\"reels\">\r\n          <img decoding=\"async\" class=\"smpro__img\" src=\"https:\/\/placehold.co\/400x340\/7A6F5E\/F5F0E8?text=Reel+2\" alt=\"Reel 2\" \/>\r\n          <div class=\"smpro__post-info\"><span class=\"smpro__post-cat\">Reel<\/span><span class=\"smpro__post-name\">Behind the Brand<\/span><\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Col 3 -->\r\n      <div class=\"smpro__col\">\r\n        <div class=\"smpro__post\" data-cat=\"facebook\">\r\n          <img decoding=\"async\" class=\"smpro__img\" src=\"https:\/\/placehold.co\/400x400\/E2C97E\/1C1A17?text=FB+Post+2\" alt=\"FB Post 2\" \/>\r\n          <div class=\"smpro__post-info\"><span class=\"smpro__post-cat\">Facebook<\/span><span class=\"smpro__post-name\">Offer Promotion<\/span><\/div>\r\n        <\/div>\r\n        <div class=\"smpro__post\" data-cat=\"instagram\">\r\n          <img decoding=\"async\" class=\"smpro__img\" src=\"https:\/\/placehold.co\/400x500\/1C1A17\/F5F0E8?text=Post+4\" alt=\"Post 4\" \/>\r\n          <div class=\"smpro__post-info\"><span class=\"smpro__post-cat\">Instagram<\/span><span class=\"smpro__post-name\">Lifestyle Content<\/span><\/div>\r\n        <\/div>\r\n        <div class=\"smpro__post\" data-cat=\"reels\">\r\n          <img decoding=\"async\" class=\"smpro__img\" src=\"https:\/\/placehold.co\/400x320\/C9A84C\/1C1A17?text=Reel+3\" alt=\"Reel 3\" \/>\r\n          <div class=\"smpro__post-info\"><span class=\"smpro__post-cat\">Reel<\/span><span class=\"smpro__post-name\">Trending Audio Reel<\/span><\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- RESULTS STRIP -->\r\n  <div class=\"smpro__results\">\r\n    <div class=\"smpro__res-item\">\r\n      <span class=\"smpro__res-n\">500+<\/span>\r\n      <span class=\"smpro__res-l\">Posts Created<\/span>\r\n    <\/div>\r\n    <div class=\"smpro__res-div\"><\/div>\r\n    <div class=\"smpro__res-item\">\r\n      <span class=\"smpro__res-n\">2M+<\/span>\r\n      <span class=\"smpro__res-l\">Total Impressions<\/span>\r\n    <\/div>\r\n    <div class=\"smpro__res-div\"><\/div>\r\n    <div class=\"smpro__res-item\">\r\n      <span class=\"smpro__res-n\">12+<\/span>\r\n      <span class=\"smpro__res-l\">Brands Managed<\/span>\r\n    <\/div>\r\n    <div class=\"smpro__res-div\"><\/div>\r\n    <div class=\"smpro__res-item\">\r\n      <span class=\"smpro__res-n\">40%<\/span>\r\n      <span class=\"smpro__res-l\">Avg Reach Increase<\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function () {\r\n  function smproFilter(btn, cat) {\r\n    var tabs = document.querySelectorAll('.smpro__tab');\r\n    for (var i = 0; i < tabs.length; i++) {\r\n      tabs[i].classList.remove('smpro__tab--active');\r\n    }\r\n    btn.classList.add('smpro__tab--active');\r\n    var posts = document.querySelectorAll('.smpro__post');\r\n    for (var j = 0; j < posts.length; j++) {\r\n      if (cat === 'all' || posts[j].getAttribute('data-cat') === cat) {\r\n        posts[j].classList.remove('smpro__hidden');\r\n      } else {\r\n        posts[j].classList.add('smpro__hidden');\r\n      }\r\n    }\r\n  }\r\n  window.smproFilter = smproFilter;\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-274ff1ca e-con-full e-flex e-con e-parent\" data-id=\"274ff1ca\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false,&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\">\n\t\t\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-44a7e85f elementor-widget elementor-widget-html\" data-id=\"44a7e85f\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n  TESTIMONIALS SECTION \u2014 Elementor HTML Widget\r\n  Section padding = 0 rakho Elementor mein\r\n  \u270f\ufe0f  Client names, reviews, companies update karo\r\n============================================================ -->\r\n\r\n<div class=\"tmpr__wrap\">\r\n  <div class=\"tmpr__container\">\r\n\r\n    <!-- HEADER -->\r\n    <div class=\"tmpr__header\">\r\n      <div class=\"tmpr__label\"><span class=\"tmpr__label-line\"><\/span>Client Reviews<\/div>\r\n      <h2 class=\"tmpr__title\">What clients<br>say about <em class=\"tmpr__title-em\">working with me<\/em><\/h2>\r\n      <p class=\"tmpr__sub\">Real words from real brands I've helped grow.<\/p>\r\n    <\/div>\r\n\r\n    <!-- CARDS GRID -->\r\n    <div class=\"tmpr__grid\">\r\n\r\n      <!-- Card 1 -->\r\n      <div class=\"tmpr__card tmpr__card--featured\">\r\n        <div class=\"tmpr__stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n        <p class=\"tmpr__quote\">\"Abhay completely transformed our e-commerce store. Revenue went up 3x within 4 months. His strategy is sharp, data-driven, and actually works. Best investment we made for our brand.\"<\/p>\r\n        <div class=\"tmpr__author\">\r\n          <div class=\"tmpr__avatar\" style=\"background:#C9A84C;\">R<\/div>\r\n          <div class=\"tmpr__author-info\">\r\n            <span class=\"tmpr__author-name\">Rahul Mehta<\/span>\r\n            <span class=\"tmpr__author-role\">Founder, LuxThreads<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Card 2 -->\r\n      <div class=\"tmpr__card\">\r\n        <div class=\"tmpr__stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n        <p class=\"tmpr__quote\">\"Working with Abhay was seamless. He redesigned our entire brand identity and built a website that actually converts. Our bounce rate dropped significantly.\"<\/p>\r\n        <div class=\"tmpr__author\">\r\n          <div class=\"tmpr__avatar\" style=\"background:#7A6F5E;\">P<\/div>\r\n          <div class=\"tmpr__author-info\">\r\n            <span class=\"tmpr__author-name\">Priya Sharma<\/span>\r\n            <span class=\"tmpr__author-role\">CMO, StyleCo<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Card 3 -->\r\n      <div class=\"tmpr__card\">\r\n        <div class=\"tmpr__stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n        <p class=\"tmpr__quote\">\"Our organic traffic grew 90% in 6 months. Abhay's SEO and content strategy is next level. He doesn't just execute \u2014 he thinks like a business owner.\"<\/p>\r\n        <div class=\"tmpr__author\">\r\n          <div class=\"tmpr__avatar\" style=\"background:#3D6B5E;\">A<\/div>\r\n          <div class=\"tmpr__author-info\">\r\n            <span class=\"tmpr__author-name\">Arjun Kapoor<\/span>\r\n            <span class=\"tmpr__author-role\">CEO, GrowthLab<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Card 4 -->\r\n      <div class=\"tmpr__card\">\r\n        <div class=\"tmpr__stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n        <p class=\"tmpr__quote\">\"Abhay handled our entire D2C launch \u2014 branding, website, ads, and social. Everything was cohesive and polished. We sold out in the first week.\"<\/p>\r\n        <div class=\"tmpr__author\">\r\n          <div class=\"tmpr__avatar\" style=\"background:#5C4A7A;\">N<\/div>\r\n          <div class=\"tmpr__author-info\">\r\n            <span class=\"tmpr__author-name\">Neha Jain<\/span>\r\n            <span class=\"tmpr__author-role\">Co-Founder, NovaMart<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Card 5 -->\r\n      <div class=\"tmpr__card\">\r\n        <div class=\"tmpr__stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n        <p class=\"tmpr__quote\">\"The paid ads strategy Abhay built for us gave us a 4.2x ROAS consistently. He's not just a freelancer \u2014 he's a growth partner who actually cares about results.\"<\/p>\r\n        <div class=\"tmpr__author\">\r\n          <div class=\"tmpr__avatar\" style=\"background:#7A4A3D;\">S<\/div>\r\n          <div class=\"tmpr__author-info\">\r\n            <span class=\"tmpr__author-name\">Sameer Patel<\/span>\r\n            <span class=\"tmpr__author-role\">Founder, BrandForge<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Card 6 -->\r\n      <div class=\"tmpr__card\">\r\n        <div class=\"tmpr__stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n        <p class=\"tmpr__quote\">\"Incredible attention to detail and a deep understanding of what fashion brands need. Abhay's creative direction elevated our entire visual presence online.\"<\/p>\r\n        <div class=\"tmpr__author\">\r\n          <div class=\"tmpr__avatar\" style=\"background:#4A6B7A;\">M<\/div>\r\n          <div class=\"tmpr__author-info\">\r\n            <span class=\"tmpr__author-name\">Meera Iyer<\/span>\r\n            <span class=\"tmpr__author-role\">Brand Head, FashionFlux<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=DM+Serif+Display:ital@0;1&family=Satoshi:wght@300;400;500;600;700&display=swap');\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   ELEMENTOR FIX\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.e-con:has(.tmpr__wrap),\r\n.e-con-full:has(.tmpr__wrap) {\r\n  padding: 0 !important;\r\n  margin: 0 !important;\r\n  --padding-block-start: 0px !important;\r\n  --padding-block-end: 0px !important;\r\n  --padding-inline-start: 0px !important;\r\n  --padding-inline-end: 0px !important;\r\n  --margin-block-start: 0px !important;\r\n  --margin-block-end: 0px !important;\r\n  min-height: unset !important;\r\n  height: auto !important;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   RESET\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.tmpr__wrap, .tmpr__wrap * {\r\n  box-sizing: border-box !important;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   OUTER WRAP\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.tmpr__wrap {\r\n  width: 100% !important;\r\n  position: static !important;\r\n  background: #EDE8DC !important;\r\n  padding: 100px 0 !important;\r\n  font-family: 'Satoshi', 'Segoe UI', sans-serif !important;\r\n  display: block !important;\r\n  overflow: hidden !important;\r\n  height: auto !important;\r\n  min-height: unset !important;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   CONTAINER\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.tmpr__container {\r\n  max-width: 1160px !important;\r\n  margin: 0 auto !important;\r\n  padding: 0 60px !important;\r\n  width: 100% !important;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   HEADER\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.tmpr__header {\r\n  text-align: center !important;\r\n  margin-bottom: 60px !important;\r\n}\r\n.tmpr__label {\r\n  display: inline-flex !important;\r\n  align-items: center !important;\r\n  gap: 10px !important;\r\n  font-size: 0.70rem !important;\r\n  font-weight: 600 !important;\r\n  letter-spacing: 0.20em !important;\r\n  text-transform: uppercase !important;\r\n  color: #C9A84C !important;\r\n  margin-bottom: 18px !important;\r\n  font-family: 'Satoshi', 'Segoe UI', sans-serif !important;\r\n  line-height: 1 !important;\r\n}\r\n.tmpr__label-line {\r\n  display: inline-block !important;\r\n  width: 28px !important;\r\n  height: 1px !important;\r\n  background: #C9A84C !important;\r\n  flex-shrink: 0 !important;\r\n}\r\n.tmpr__title {\r\n  font-family: 'DM Serif Display', Georgia, serif !important;\r\n  font-size: clamp(2rem, 3.5vw, 3.2rem) !important;\r\n  line-height: 1.15 !important;\r\n  color: #1C1A17 !important;\r\n  font-weight: 400 !important;\r\n  text-transform: none !important;\r\n  letter-spacing: -0.01em !important;\r\n  margin-bottom: 16px !important;\r\n}\r\n.tmpr__title-em {\r\n  font-style: italic !important;\r\n  color: #C9A84C !important;\r\n  font-family: 'DM Serif Display', Georgia, serif !important;\r\n}\r\n.tmpr__sub {\r\n  font-size: 0.94rem !important;\r\n  color: #7A6F5E !important;\r\n  font-family: 'Satoshi', 'Segoe UI', sans-serif !important;\r\n  line-height: 1.6 !important;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   GRID\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.tmpr__grid {\r\n  display: grid !important;\r\n  grid-template-columns: repeat(3, 1fr) !important;\r\n  gap: 24px !important;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   CARD BASE\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.tmpr__card {\r\n  background: #FFFFFF !important;\r\n  border-radius: 16px !important;\r\n  padding: 32px 28px !important;\r\n  display: flex !important;\r\n  flex-direction: column !important;\r\n  gap: 20px !important;\r\n  transition: transform 0.25s ease, box-shadow 0.25s ease !important;\r\n  box-shadow: 0 2px 16px rgba(28,26,23,0.06) !important;\r\n}\r\n.tmpr__card:hover {\r\n  transform: translateY(-4px) !important;\r\n  box-shadow: 0 12px 40px rgba(28,26,23,0.12) !important;\r\n}\r\n\r\n\/* Featured card *\/\r\n.tmpr__card--featured {\r\n  grid-column: span 2 !important;\r\n  background: #1C1A17 !important;\r\n  border: 1px solid rgba(201,168,76,0.20) !important;\r\n}\r\n.tmpr__card--featured .tmpr__stars { color: #C9A84C !important; }\r\n.tmpr__card--featured .tmpr__quote { color: rgba(245,240,232,0.80) !important; }\r\n.tmpr__card--featured .tmpr__author-name { color: #F5F0E8 !important; }\r\n.tmpr__card--featured .tmpr__author-role { color: rgba(245,240,232,0.40) !important; }\r\n.tmpr__card--featured .tmpr__author { border-top-color: rgba(245,240,232,0.10) !important; }\r\n\r\n\/* Stars *\/\r\n.tmpr__stars {\r\n  color: #C9A84C !important;\r\n  font-size: 0.95rem !important;\r\n  letter-spacing: 2px !important;\r\n  line-height: 1 !important;\r\n  display: block !important;\r\n}\r\n\r\n\/* Quote *\/\r\n.tmpr__quote {\r\n  font-size: 0.94rem !important;\r\n  color: #3A3530 !important;\r\n  line-height: 1.80 !important;\r\n  font-weight: 400 !important;\r\n  font-family: 'Satoshi', 'Segoe UI', sans-serif !important;\r\n  flex: 1 !important;\r\n}\r\n\r\n\/* Author row *\/\r\n.tmpr__author {\r\n  display: flex !important;\r\n  align-items: center !important;\r\n  gap: 12px !important;\r\n  margin-top: auto !important;\r\n  padding-top: 20px !important;\r\n  border-top: 1px solid rgba(28,26,23,0.08) !important;\r\n}\r\n\r\n\/* Avatar *\/\r\n.tmpr__avatar {\r\n  width: 40px !important;\r\n  height: 40px !important;\r\n  border-radius: 50% !important;\r\n  display: flex !important;\r\n  align-items: center !important;\r\n  justify-content: center !important;\r\n  font-size: 1rem !important;\r\n  font-weight: 700 !important;\r\n  color: #FFFFFF !important;\r\n  font-family: 'DM Serif Display', Georgia, serif !important;\r\n  flex-shrink: 0 !important;\r\n  line-height: 1 !important;\r\n}\r\n\r\n.tmpr__author-info {\r\n  display: flex !important;\r\n  flex-direction: column !important;\r\n  gap: 4px !important;\r\n}\r\n.tmpr__author-name {\r\n  font-size: 0.88rem !important;\r\n  font-weight: 700 !important;\r\n  color: #1C1A17 !important;\r\n  font-family: 'Satoshi', 'Segoe UI', sans-serif !important;\r\n  line-height: 1 !important;\r\n  display: block !important;\r\n}\r\n.tmpr__author-role {\r\n  font-size: 0.76rem !important;\r\n  color: #7A6F5E !important;\r\n  font-weight: 400 !important;\r\n  font-family: 'Satoshi', 'Segoe UI', sans-serif !important;\r\n  line-height: 1 !important;\r\n  display: block !important;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   RESPONSIVE \u2014 TABLET\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n@media (max-width: 1024px) {\r\n  .tmpr__container { padding: 0 36px !important; }\r\n  .tmpr__grid { grid-template-columns: repeat(2, 1fr) !important; }\r\n  .tmpr__card--featured { grid-column: span 2 !important; }\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   RESPONSIVE \u2014 MOBILE\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n@media (max-width: 767px) {\r\n  .tmpr__wrap { padding: 72px 0 80px 0 !important; }\r\n  .tmpr__container { padding: 0 24px !important; }\r\n  .tmpr__grid { grid-template-columns: 1fr !important; }\r\n  .tmpr__card--featured { grid-column: span 1 !important; }\r\n  .tmpr__title { font-size: clamp(1.9rem, 7vw, 2.6rem) !important; }\r\n  .tmpr__header { margin-bottom: 40px !important; }\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   RESPONSIVE \u2014 SMALL\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n@media (max-width: 479px) {\r\n  .tmpr__container { padding: 0 18px !important; }\r\n  .tmpr__card { padding: 24px 20px !important; }\r\n  .tmpr__quote { font-size: 0.89rem !important; }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-bc817e2 e-con-full e-flex e-con e-parent\" data-id=\"bc817e2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false,&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\">\n\t\t\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-82eb4f3 elementor-widget elementor-widget-html\" data-id=\"82eb4f3\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n  AGENCY BRIDGE SECTION \u2014 PREMIUM VERSION\r\n  Elementor \u2192 HTML Widget me paste karo\r\n  NOTE: Elementor section ka padding 0 kar dena\r\n============================================================ -->\r\n\r\n<div class=\"agbr__wrap\">\r\n  <div class=\"agbr__bg\"><\/div>\r\n  <div class=\"agbr__grain\"><\/div>\r\n  <div class=\"agbr__line agbr__line--l\"><\/div>\r\n  <div class=\"agbr__line agbr__line--r\"><\/div>\r\n\r\n  <!-- LEFT ICONS -->\r\n  <div class=\"agbr__ic solid fa\" style=\"width:64px;height:64px;background:#1877F2;top:4%;left:7%;animation-delay:0s;\">\r\n    <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/simple-icons@v11\/icons\/facebook.svg\" style=\"filter:invert(1);\">\r\n  <\/div>\r\n  <div class=\"agbr__ic glass fb\" style=\"width:56px;height:56px;top:6%;left:20%;animation-delay:1s;\">\r\n    <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/simple-icons@v11\/icons\/moz.svg\" style=\"filter:invert(1) brightness(1.2);\">\r\n  <\/div>\r\n  <div class=\"agbr__ic solid fc\" style=\"width:70px;height:70px;background:#E1306C;top:20%;left:3%;animation-delay:0.5s;\">\r\n    <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/simple-icons@v11\/icons\/instagram.svg\" style=\"filter:invert(1);\">\r\n  <\/div>\r\n  <div class=\"agbr__ic solid fd\" style=\"width:54px;height:54px;background:#00C4CC;top:22%;left:22%;animation-delay:1.5s;\">\r\n    <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/simple-icons@v11\/icons\/canva.svg\" style=\"filter:invert(1);\">\r\n  <\/div>\r\n  <div class=\"agbr__ic glass fe\" style=\"width:62px;height:62px;top:36%;left:10%;animation-delay:0.8s;\">\r\n    <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/simple-icons@v11\/icons\/googleads.svg\" style=\"filter:invert(1) brightness(1.3);\">\r\n  <\/div>\r\n  <div class=\"agbr__ic solid fa\" style=\"width:50px;height:50px;background:#F05A28;top:38%;left:27%;animation-delay:2s;\">\r\n    <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/simple-icons@v11\/icons\/semrush.svg\" style=\"filter:invert(1);\">\r\n  <\/div>\r\n  <div class=\"agbr__ic solid fb\" style=\"width:58px;height:58px;background:#33CC33;top:52%;left:2%;animation-delay:0.3s;\">\r\n    <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/simple-icons@v11\/icons\/yoast.svg\" style=\"filter:invert(1);\">\r\n  <\/div>\r\n  <div class=\"agbr__ic glass fc\" style=\"width:52px;height:52px;top:55%;left:20%;animation-delay:1.8s;\">\r\n    <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/simple-icons@v11\/icons\/ubersuggest.svg\" style=\"filter:invert(1) brightness(1.3);\">\r\n  <\/div>\r\n  <div class=\"agbr__ic solid fd\" style=\"width:66px;height:66px;background:#9B59B6;top:68%;left:8%;animation-delay:0.6s;\">\r\n    <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/simple-icons@v11\/icons\/elementor.svg\" style=\"filter:invert(1);\">\r\n  <\/div>\r\n  <div class=\"agbr__ic solid fe\" style=\"width:48px;height:48px;background:#0A66C2;top:72%;left:26%;animation-delay:1.2s;\">\r\n    <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/simple-icons@v11\/icons\/linkedin.svg\" style=\"filter:invert(1);\">\r\n  <\/div>\r\n  <div class=\"agbr__ic glass fa\" style=\"width:56px;height:56px;top:84%;left:4%;animation-delay:2.2s;\">\r\n    <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/simple-icons@v11\/icons\/googleanalytics.svg\" style=\"filter:invert(1) brightness(1.3);\">\r\n  <\/div>\r\n  <div class=\"agbr__ic solid fb\" style=\"width:44px;height:44px;background:#FF6B35;top:88%;left:22%;animation-delay:0.9s;\">\r\n    <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/simple-icons@v11\/icons\/mailchimp.svg\" style=\"filter:invert(1);\">\r\n  <\/div>\r\n\r\n  <!-- RIGHT ICONS -->\r\n  <div class=\"agbr__ic solid fc\" style=\"width:64px;height:64px;background:#E44D26;top:4%;right:7%;animation-delay:0.4s;\">\r\n    <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/simple-icons@v11\/icons\/html5.svg\" style=\"filter:invert(1);\">\r\n  <\/div>\r\n  <div class=\"agbr__ic solid fd\" style=\"width:54px;height:54px;background:#FF0000;top:6%;right:20%;animation-delay:1.6s;\">\r\n    <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/simple-icons@v11\/icons\/adobeillustrator.svg\" style=\"filter:invert(1);\">\r\n  <\/div>\r\n  <div class=\"agbr__ic solid fe\" style=\"width:70px;height:70px;background:#264DE4;top:20%;right:3%;animation-delay:0.7s;\">\r\n    <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/simple-icons@v11\/icons\/css3.svg\" style=\"filter:invert(1);\">\r\n  <\/div>\r\n  <div class=\"agbr__ic glass fa\" style=\"width:56px;height:56px;top:22%;right:22%;animation-delay:1.1s;\">\r\n    <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/simple-icons@v11\/icons\/adobepremierepro.svg\" style=\"filter:invert(1) brightness(1.3);\">\r\n  <\/div>\r\n  <div class=\"agbr__ic solid fb\" style=\"width:62px;height:62px;background:#F0DB4F;top:36%;right:10%;animation-delay:2.1s;\">\r\n    <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/simple-icons@v11\/icons\/javascript.svg\" style=\"filter:brightness(0);\">\r\n  <\/div>\r\n  <div class=\"agbr__ic solid fc\" style=\"width:50px;height:50px;background:#9999FF;top:38%;right:27%;animation-delay:0.2s;\">\r\n    <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/simple-icons@v11\/icons\/adobeaftereffects.svg\" style=\"filter:invert(1);\">\r\n  <\/div>\r\n  <div class=\"agbr__ic solid fd\" style=\"width:68px;height:68px;background:#31A8FF;top:52%;right:2%;animation-delay:1.4s;\">\r\n    <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/simple-icons@v11\/icons\/adobephotoshop.svg\" style=\"filter:invert(1);\">\r\n  <\/div>\r\n  <div class=\"agbr__ic solid fe\" style=\"width:52px;height:52px;background:#21759B;top:55%;right:20%;animation-delay:0.9s;\">\r\n    <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/simple-icons@v11\/icons\/wordpress.svg\" style=\"filter:invert(1);\">\r\n  <\/div>\r\n  <div class=\"agbr__ic glass fa\" style=\"width:60px;height:60px;top:68%;right:8%;animation-delay:1.7s;\">\r\n    <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/simple-icons@v11\/icons\/slack.svg\" style=\"filter:invert(1) brightness(1.3);\">\r\n  <\/div>\r\n  <div class=\"agbr__ic solid fb\" style=\"width:54px;height:54px;background:#F57D00;top:72%;right:26%;animation-delay:0.5s;\">\r\n    <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/simple-icons@v11\/icons\/blogger.svg\" style=\"filter:invert(1);\">\r\n  <\/div>\r\n  <div class=\"agbr__ic solid fc\" style=\"width:62px;height:62px;background:#7F54B3;top:84%;right:5%;animation-delay:2.3s;\">\r\n    <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/simple-icons@v11\/icons\/woocommerce.svg\" style=\"filter:invert(1);\">\r\n  <\/div>\r\n  <div class=\"agbr__ic glass fd\" style=\"width:46px;height:46px;top:88%;right:22%;animation-delay:1.0s;\">\r\n    <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/simple-icons@v11\/icons\/webflow.svg\" style=\"filter:invert(1) brightness(1.3);\">\r\n  <\/div>\r\n\r\n  <!-- CENTER CONTENT \u2014 tera original content -->\r\n  <div class=\"agbr__content\">\r\n    <p class=\"agbr__eyebrow\">Looking for more?<\/p>\r\n    <h2 class=\"agbr__title\">Need a full team instead<br>of a freelancer?<\/h2>\r\n    <p class=\"agbr__sub\">My digital agency offers full-scale solutions \u2014 from strategy and<br class=\"agbr__br\"> design to ads and tech. Built for brands that are serious about growth.<\/p>\r\n    <a href=\"\/agency\" class=\"agbr__btn\">Visit Agency \u2192<\/a>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=DM+Serif+Display:ital@0;1&family=Satoshi:wght@400;600;700&display=swap');\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   ELEMENTOR FIX\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.e-con:has(.agbr__wrap),\r\n.e-con-full:has(.agbr__wrap) {\r\n  padding: 0 !important;\r\n  margin: 0 !important;\r\n  --padding-block-start: 0px !important;\r\n  --padding-block-end: 0px !important;\r\n  --padding-inline-start: 0px !important;\r\n  --padding-inline-end: 0px !important;\r\n  --margin-block-start: 0px !important;\r\n  --margin-block-end: 0px !important;\r\n  min-height: unset !important;\r\n  height: auto !important;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   RESET\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.agbr__wrap,\r\n.agbr__wrap * {\r\n  box-sizing: border-box !important;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n  border: none !important;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   OUTER WRAP\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.agbr__wrap {\r\n  width: 100% !important;\r\n  background: #1C1A17 !important;\r\n  position: relative !important;\r\n  overflow: hidden !important;\r\n  min-height: 480px !important;\r\n  display: flex !important;\r\n  align-items: center !important;\r\n  justify-content: center !important;\r\n  padding: 80px 60px !important;\r\n  font-family: 'Satoshi', 'Segoe UI', sans-serif !important;\r\n}\r\n\r\n\/* Layered gold glow *\/\r\n.agbr__bg {\r\n  position: absolute !important;\r\n  inset: 0 !important;\r\n  background:\r\n    radial-gradient(ellipse 65% 60% at 50% 50%, rgba(201,168,76,0.09) 0%, transparent 65%),\r\n    radial-gradient(ellipse 40% 40% at 15% 50%, rgba(201,168,76,0.04) 0%, transparent 60%),\r\n    radial-gradient(ellipse 40% 40% at 85% 50%, rgba(201,168,76,0.04) 0%, transparent 60%) !important;\r\n  pointer-events: none !important;\r\n  z-index: 0 !important;\r\n}\r\n\r\n\/* Subtle grain *\/\r\n.agbr__grain {\r\n  position: absolute !important;\r\n  inset: 0 !important;\r\n  opacity: 0.035 !important;\r\n  background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'\/%3E%3C\/svg%3E\") !important;\r\n  pointer-events: none !important;\r\n  z-index: 0 !important;\r\n}\r\n\r\n\/* Gold divider lines *\/\r\n.agbr__line {\r\n  position: absolute !important;\r\n  top: 0 !important;\r\n  bottom: 0 !important;\r\n  width: 1px !important;\r\n  background: linear-gradient(to bottom, transparent, rgba(201,168,76,0.12) 30%, rgba(201,168,76,0.12) 70%, transparent) !important;\r\n  z-index: 1 !important;\r\n  border: none !important;\r\n}\r\n.agbr__line--l { left: 32% !important; }\r\n.agbr__line--r { right: 32% !important; }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   ICONS\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.agbr__ic {\r\n  position: absolute !important;\r\n  border-radius: 20px !important;\r\n  display: flex !important;\r\n  align-items: center !important;\r\n  justify-content: center !important;\r\n  transform-style: preserve-3d !important;\r\n  will-change: transform !important;\r\n  cursor: default !important;\r\n  transition: transform 0.12s ease, box-shadow 0.12s ease !important;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n}\r\n.agbr__ic img {\r\n  width: 52% !important;\r\n  height: 52% !important;\r\n  object-fit: contain !important;\r\n  position: relative !important;\r\n  z-index: 1 !important;\r\n  border: none !important;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n}\r\n.agbr__ic.glass {\r\n  background: rgba(255,255,255,0.055) !important;\r\n  border: 1px solid rgba(255,255,255,0.10) !important;\r\n  backdrop-filter: blur(12px) !important;\r\n  -webkit-backdrop-filter: blur(12px) !important;\r\n  box-shadow: 0 8px 32px rgba(0,0,0,0.55), inset 0 1px 0 rgba(255,255,255,0.08) !important;\r\n}\r\n.agbr__ic.solid {\r\n  box-shadow: 0 8px 32px rgba(0,0,0,0.6), inset 0 1px 0 rgba(255,255,255,0.15) !important;\r\n}\r\n.agbr__ic:hover {\r\n  box-shadow: 0 0 0 1.5px rgba(201,168,76,0.5), 0 12px 40px rgba(0,0,0,0.7), 0 0 30px rgba(201,168,76,0.12) !important;\r\n  transform: scale(1.08) translateZ(10px) !important;\r\n}\r\n\r\n\/* Float animations *\/\r\n@keyframes agbr-f1 { 0%,100%{transform:translateY(0px) rotate(-9deg)} 50%{transform:translateY(-10px) rotate(1deg)} }\r\n@keyframes agbr-f2 { 0%,100%{transform:translateY(0px) rotate(9deg)} 50%{transform:translateY(-14px) rotate(-1.5deg)} }\r\n@keyframes agbr-f3 { 0%,100%{transform:translateY(0px) rotate(9deg)} 50%{transform:translateY(-8px) rotate(2deg)} }\r\n@keyframes agbr-f4 { 0%,100%{transform:translateY(-4px) rotate(-9deg)} 50%{transform:translateY(6px) rotate(1deg)} }\r\n@keyframes agbr-f5 { 0%,100%{transform:translateY(0px) rotate(9deg)} 50%{transform:translateY(-12px) rotate(-1deg)} }\r\n.agbr__ic.fa { animation: agbr-f1 5.5s ease-in-out infinite !important; }\r\n.agbr__ic.fb { animation: agbr-f2 6.8s ease-in-out infinite !important; }\r\n.agbr__ic.fc { animation: agbr-f3 4.9s ease-in-out infinite !important; }\r\n.agbr__ic.fd { animation: agbr-f4 7.2s ease-in-out infinite !important; }\r\n.agbr__ic.fe { animation: agbr-f5 5.1s ease-in-out infinite !important; }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   CENTER CONTENT\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.agbr__content {\r\n  position: relative !important;\r\n  z-index: 10 !important;\r\n  text-align: center !important;\r\n  max-width: 700px !important;\r\n  width: 100% !important;\r\n  margin: 0 auto !important;\r\n  display: flex !important;\r\n  flex-direction: column !important;\r\n  align-items: center !important;\r\n}\r\n\r\n\/* Eyebrow *\/\r\n.agbr__eyebrow {\r\n  font-family: 'Satoshi', 'Segoe UI', sans-serif !important;\r\n  font-size: 0.70rem !important;\r\n  font-weight: 700 !important;\r\n  letter-spacing: 0.22em !important;\r\n  text-transform: uppercase !important;\r\n  color: rgba(201,168,76,0.7) !important;\r\n  margin-bottom: 20px !important;\r\n  line-height: 1 !important;\r\n  display: block !important;\r\n}\r\n\r\n\/* Title *\/\r\n.agbr__title {\r\n  font-family: 'DM Serif Display', Georgia, serif !important;\r\n  font-size: clamp(2rem, 3.5vw, 3.5rem) !important;\r\n  line-height: 1.20 !important;\r\n  color: #F5F0E8 !important;\r\n  font-weight: 700 !important;\r\n  letter-spacing: 0em !important;\r\n  text-transform: none !important;\r\n  margin-bottom: 18px !important;\r\n  display: block !important;\r\n}\r\n\r\n\/* Sub text *\/\r\n.agbr__sub {\r\n  font-family: 'Satoshi', 'Segoe UI', sans-serif !important;\r\n  font-size: 1rem !important;\r\n  color: rgba(255,255,255,0.42) !important;\r\n  line-height: 1.30 !important;\r\n  font-weight: 400 !important;\r\n  max-width: 480px !important;\r\n  margin-bottom: 32px !important;\r\n  display: block !important;\r\n}\r\n\r\n.agbr__br { display: inline !important; }\r\n\r\n\/* CTA Button \u2014 gold premium *\/\r\n.agbr__btn {\r\n  display: inline-flex !important;\r\n  align-items: center !important;\r\n  justify-content: center !important;\r\n  padding: 15px 38px !important;\r\n  background: linear-gradient(135deg, #C9A84C, #e8c96a, #C9A84C) !important;\r\n  background-size: 200% 200% !important;\r\n  border: none !important;\r\n  border-radius: 100px !important;\r\n  font-family: 'Satoshi', 'Segoe UI', sans-serif !important;\r\n  font-size: 0.80rem !important;\r\n  font-weight: 700 !important;\r\n  letter-spacing: 0.12em !important;\r\n  text-transform: uppercase !important;\r\n  color: #1C1A17 !important;\r\n  text-decoration: none !important;\r\n  white-space: nowrap !important;\r\n  cursor: pointer !important;\r\n  box-shadow: 0 6px 28px rgba(201,168,76,0.38) !important;\r\n  transition: all 0.36s cubic-bezier(0.22,1,0.36,1) !important;\r\n}\r\n.agbr__btn:hover,\r\n.agbr__btn:focus {\r\n  background-position: right center !important;\r\n  transform: translateY(-3px) !important;\r\n  box-shadow: 0 12px 40px rgba(201,168,76,0.55) !important;\r\n  color: #1C1A17 !important;\r\n  text-decoration: none !important;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   RESPONSIVE \u2014 TABLET\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n@media (max-width: 1024px) {\r\n  .agbr__wrap { padding: 90px 32px 96px 32px !important; }\r\n  .agbr__line--l { left: 30% !important; }\r\n  .agbr__line--r { right: 30% !important; }\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   RESPONSIVE \u2014 MOBILE\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n@media (max-width: 767px) {\r\n  .agbr__wrap { padding: 80px 24px !important; min-height: unset !important; }\r\n  .agbr__ic { display: none !important; }\r\n  .agbr__line { display: none !important; }\r\n  .agbr__title { font-size: clamp(2.2rem, 9vw, 3.2rem) !important; margin-bottom: 22px !important; }\r\n  .agbr__sub { font-size: 0.93rem !important; margin-bottom: 36px !important; max-width: 100% !important; }\r\n  .agbr__br { display: none !important; }\r\n  .agbr__btn { width: 100% !important; max-width: 300px !important; padding: 15px 28px !important; }\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   RESPONSIVE \u2014 SMALL\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n@media (max-width: 479px) {\r\n  .agbr__wrap { padding: 68px 20px !important; }\r\n  .agbr__title { font-size: clamp(1.6rem, 7.9vw, 2.8rem) !important; }\r\n  .agbr__eyebrow { font-size: 0.62rem !important; }\r\n  .agbr__sub { font-size: 0.88rem !important; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  var icons = document.querySelectorAll('.agbr__ic');\r\n  icons.forEach(function(ic){\r\n    ic.addEventListener('mousemove', function(e){\r\n      var r = ic.getBoundingClientRect();\r\n      var x = (e.clientX - r.left) \/ r.width - 0.5;\r\n      var y = (e.clientY - r.top) \/ r.height - 0.5;\r\n      ic.style.transform = 'perspective(400px) rotateX(' + (-y*28) + 'deg) rotateY(' + (x*28) + 'deg) scale(1.12) translateZ(14px)';\r\n    });\r\n    ic.addEventListener('mouseleave', function(){\r\n      ic.style.transform = '';\r\n    });\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-6ed66b4e e-con-full e-flex e-con e-parent\" data-id=\"6ed66b4e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false,&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\">\n\t\t\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-605a18dd elementor-widget elementor-widget-html\" data-id=\"605a18dd\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n  FAQ SECTION \u2014 Elementor HTML Widget\r\n  Section padding = 0 rakho Elementor mein\r\n  \u270f\ufe0f  Questions & answers update karo\r\n============================================================ -->\r\n\r\n<div class=\"faqpro__wrap\">\r\n  <div class=\"faqpro__container\">\r\n\r\n    <!-- LEFT \u2014 HEADER -->\r\n    <div class=\"faqpro__left\">\r\n      <div class=\"faqpro__label\"><span class=\"faqpro__label-line\"><\/span>FAQ<\/div>\r\n      <h2 class=\"faqpro__title\">Questions you<br>might be<br><em class=\"faqpro__title-em\">thinking.<\/em><\/h2>\r\n      <p class=\"faqpro__sub\">Still have questions? Drop me a message and I'll get back within 24 hours.<\/p>\r\n      <a class=\"faqpro__cta\" href=\"#contact\">Ask Me Directly \u2192<\/a>\r\n    <\/div>\r\n\r\n    <!-- RIGHT \u2014 ACCORDION -->\r\n    <div class=\"faqpro__right\">\r\n\r\n      <div class=\"faqpro__item faqpro__item--open\" onclick=\"faqproToggle(this)\">\r\n        <div class=\"faqpro__question\">\r\n          <span>How long does a typical project take?<\/span>\r\n          <div class=\"faqpro__icon\">\r\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M6 9l6 6 6-6\"\/><\/svg>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"faqpro__answer\">\r\n          <p>It depends on the scope. A branding project typically takes 2\u20133 weeks. A full e-commerce strategy and website can take 4\u20138 weeks. I always share a clear timeline upfront so there are no surprises.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"faqpro__item\" onclick=\"faqproToggle(this)\">\r\n        <div class=\"faqpro__question\">\r\n          <span>Do you work with international clients?<\/span>\r\n          <div class=\"faqpro__icon\">\r\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M6 9l6 6 6-6\"\/><\/svg>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"faqpro__answer\">\r\n          <p>Absolutely. I'm based in Mumbai but work with brands across the globe. All communication happens over email, Notion, and video calls \u2014 timezone differences are never an issue.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"faqpro__item\" onclick=\"faqproToggle(this)\">\r\n        <div class=\"faqpro__question\">\r\n          <span>What's your pricing like?<\/span>\r\n          <div class=\"faqpro__icon\">\r\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M6 9l6 6 6-6\"\/><\/svg>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"faqpro__answer\">\r\n          <p>Pricing varies based on the service and scope. I offer both project-based and retainer engagements. Fill out the contact form with your project details and I'll send a custom proposal within 24 hours.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"faqpro__item\" onclick=\"faqproToggle(this)\">\r\n        <div class=\"faqpro__question\">\r\n          <span>Do you offer revisions?<\/span>\r\n          <div class=\"faqpro__icon\">\r\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M6 9l6 6 6-6\"\/><\/svg>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"faqpro__answer\">\r\n          <p>Yes \u2014 every project includes revision rounds. I work in structured phases with feedback checkpoints at each stage, so you're always in the loop and the final output matches your vision.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"faqpro__item\" onclick=\"faqproToggle(this)\">\r\n        <div class=\"faqpro__question\">\r\n          <span>Can you handle both strategy and execution?<\/span>\r\n          <div class=\"faqpro__icon\">\r\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M6 9l6 6 6-6\"\/><\/svg>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"faqpro__answer\">\r\n          <p>Yes, that's actually my biggest strength. I don't just create strategies and hand them off \u2014 I execute them too. From brand identity to paid ads to SEO, I can take a project from idea to live results.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"faqpro__item\" onclick=\"faqproToggle(this)\">\r\n        <div class=\"faqpro__question\">\r\n          <span>What industries do you specialize in?<\/span>\r\n          <div class=\"faqpro__icon\">\r\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M6 9l6 6 6-6\"\/><\/svg>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"faqpro__answer\">\r\n          <p>My core expertise is in fashion, D2C, and digital-first brands. I've also worked extensively with lifestyle, beauty, and SaaS companies. If your brand sells to consumers online, I can help it grow.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=DM+Serif+Display:ital@0;1&family=Satoshi:wght@300;400;500;600;700&display=swap');\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   ELEMENTOR FIX\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.e-con:has(.faqpro__wrap),\r\n.e-con-full:has(.faqpro__wrap) {\r\n  padding: 0 !important;\r\n  margin: 0 !important;\r\n  --padding-block-start: 0px !important;\r\n  --padding-block-end: 0px !important;\r\n  --padding-inline-start: 0px !important;\r\n  --padding-inline-end: 0px !important;\r\n  --margin-block-start: 0px !important;\r\n  --margin-block-end: 0px !important;\r\n  min-height: unset !important;\r\n  height: auto !important;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   RESET\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.faqpro__wrap, .faqpro__wrap * {\r\n  box-sizing: border-box !important;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   OUTER WRAP\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.faqpro__wrap {\r\n  width: 100% !important;\r\n  position: static !important;\r\n  background: #FAF8F4 !important;\r\n  padding: 100px 0 110px 0 !important;\r\n  font-family: 'Satoshi', 'Segoe UI', sans-serif !important;\r\n  display: block !important;\r\n  overflow: hidden !important;\r\n  height: auto !important;\r\n  min-height: unset !important;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   CONTAINER\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.faqpro__container {\r\n  max-width: 1160px !important;\r\n  margin: 0 auto !important;\r\n  padding: 0 60px !important;\r\n  display: grid !important;\r\n  grid-template-columns: 0.85fr 1.15fr !important;\r\n  gap: 80px !important;\r\n  align-items: start !important;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   LEFT SIDE\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.faqpro__label {\r\n  display: inline-flex !important;\r\n  align-items: center !important;\r\n  gap: 10px !important;\r\n  font-size: 0.70rem !important;\r\n  font-weight: 600 !important;\r\n  letter-spacing: 0.20em !important;\r\n  text-transform: uppercase !important;\r\n  color: #C9A84C !important;\r\n  margin-bottom: 20px !important;\r\n  font-family: 'Satoshi', 'Segoe UI', sans-serif !important;\r\n  line-height: 1 !important;\r\n}\r\n.faqpro__label-line {\r\n  display: inline-block !important;\r\n  width: 28px !important;\r\n  height: 1px !important;\r\n  background: #C9A84C !important;\r\n  flex-shrink: 0 !important;\r\n}\r\n.faqpro__title {\r\n  font-family: 'DM Serif Display', Georgia, serif !important;\r\n  font-size: clamp(2rem, 3.2vw, 3.4rem) !important;\r\n  line-height: 1.15 !important;\r\n  color: #1C1A17 !important;\r\n  font-weight: 400 !important;\r\n  text-transform: none !important;\r\n  letter-spacing: -0.01em !important;\r\n  margin-bottom: 20px !important;\r\n}\r\n.faqpro__title-em {\r\n  font-style: italic !important;\r\n  color: #C9A84C !important;\r\n  font-family: 'DM Serif Display', Georgia, serif !important;\r\n}\r\n.faqpro__sub {\r\n  font-size: 0.92rem !important;\r\n  color: #7A6F5E !important;\r\n  line-height: 1.75 !important;\r\n  margin-bottom: 32px !important;\r\n  font-family: 'Satoshi', 'Segoe UI', sans-serif !important;\r\n}\r\n.faqpro__cta {\r\n  display: inline-flex !important;\r\n  align-items: center !important;\r\n  gap: 6px !important;\r\n  font-size: 0.82rem !important;\r\n  font-weight: 700 !important;\r\n  letter-spacing: 0.06em !important;\r\n  color: #1C1A17 !important;\r\n  text-decoration: none !important;\r\n  border-bottom: 1.5px solid #C9A84C !important;\r\n  padding-bottom: 3px !important;\r\n  font-family: 'Satoshi', 'Segoe UI', sans-serif !important;\r\n  transition: color 0.2s ease, border-color 0.2s ease !important;\r\n  width: fit-content !important;\r\n}\r\n.faqpro__cta:hover {\r\n  color: #C9A84C !important;\r\n  text-decoration: none !important;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   ACCORDION\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.faqpro__right {\r\n  display: flex !important;\r\n  flex-direction: column !important;\r\n}\r\n.faqpro__item {\r\n  border-bottom: 1px solid rgba(28,26,23,0.10) !important;\r\n  cursor: pointer !important;\r\n  overflow: hidden !important;\r\n}\r\n.faqpro__item:first-child {\r\n  border-top: 1px solid rgba(28,26,23,0.10) !important;\r\n}\r\n.faqpro__question {\r\n  display: flex !important;\r\n  justify-content: space-between !important;\r\n  align-items: center !important;\r\n  gap: 16px !important;\r\n  padding: 22px 0 !important;\r\n}\r\n.faqpro__question span {\r\n  font-size: 0.97rem !important;\r\n  font-weight: 600 !important;\r\n  color: #1C1A17 !important;\r\n  font-family: 'Satoshi', 'Segoe UI', sans-serif !important;\r\n  line-height: 1.4 !important;\r\n  flex: 1 !important;\r\n}\r\n.faqpro__icon {\r\n  width: 32px !important;\r\n  height: 32px !important;\r\n  border-radius: 50% !important;\r\n  border: 1.5px solid rgba(28,26,23,0.15) !important;\r\n  display: flex !important;\r\n  align-items: center !important;\r\n  justify-content: center !important;\r\n  flex-shrink: 0 !important;\r\n  color: #1C1A17 !important;\r\n  transition: background 0.22s ease, border-color 0.22s ease, transform 0.3s ease !important;\r\n}\r\n.faqpro__item.faqpro__item--open .faqpro__icon {\r\n  background: #1C1A17 !important;\r\n  border-color: #1C1A17 !important;\r\n  color: #F5F0E8 !important;\r\n  transform: rotate(180deg) !important;\r\n}\r\n.faqpro__answer {\r\n  max-height: 0 !important;\r\n  overflow: hidden !important;\r\n  transition: max-height 0.4s cubic-bezier(0.22, 1, 0.36, 1) !important;\r\n}\r\n.faqpro__item.faqpro__item--open .faqpro__answer {\r\n  max-height: 200px !important;\r\n}\r\n.faqpro__answer p {\r\n  font-size: 0.92rem !important;\r\n  color: #7A6F5E !important;\r\n  line-height: 1.80 !important;\r\n  font-weight: 400 !important;\r\n  font-family: 'Satoshi', 'Segoe UI', sans-serif !important;\r\n  padding-bottom: 22px !important;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   RESPONSIVE \u2014 TABLET\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n@media (max-width: 1024px) {\r\n  .faqpro__container { padding: 0 36px !important; gap: 52px !important; }\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   RESPONSIVE \u2014 MOBILE\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n@media (max-width: 767px) {\r\n  .faqpro__wrap { padding: 72px 0 80px 0 !important; }\r\n  .faqpro__container { grid-template-columns: 1fr !important; gap: 44px !important; padding: 0 24px !important; }\r\n  .faqpro__title { font-size: clamp(1.9rem, 7.5vw, 2.8rem) !important; }\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   RESPONSIVE \u2014 SMALL\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n@media (max-width: 479px) {\r\n  .faqpro__container { padding: 0 18px !important; }\r\n  .faqpro__question span { font-size: 0.90rem !important; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\nfunction faqproToggle(item) {\r\n  document.querySelectorAll('.faqpro__item').forEach(function (el) {\r\n    if (el !== item) el.classList.remove('faqpro__item--open');\r\n  });\r\n  item.classList.toggle('faqpro__item--open');\r\n}\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-59de2b0d e-con-full e-flex e-con e-parent\" data-id=\"59de2b0d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false,&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\">\n\t\t\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-407f3e1c #About elementor-widget elementor-widget-html\" data-id=\"407f3e1c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n  ABOUT + SKILLS \u2014 CLEAN FINAL\r\n  Elementor \u2192 HTML Widget me paste karo\r\n  Elementor section padding = 0 rakho\r\n============================================================ -->\r\n\r\n<div class=\"absk__wrap\" id=\"absk__section\">\r\n  <div class=\"absk__glow\"><\/div>\r\n  <div class=\"absk__container\">\r\n\r\n    <!-- LEFT SIDE -->\r\n    <div class=\"absk__left\">\r\n\r\n      <div class=\"absk__label\">\r\n        <span class=\"absk__label-line\"><\/span>\r\n        About\r\n      <\/div>\r\n\r\n      <h2 class=\"absk__title\">\r\n        I'm Abhay Joshi \u2014<br>\r\n        helping brands scale with<br>\r\n        <em class=\"absk__title-em\">strategy<\/em>\r\n      <\/h2>\r\n\r\n      <p class=\"absk__bio\">\r\n        With a sharp eye for design and a data-driven mindset, I bridge the gap\r\n        between creative vision and commercial results. I've helped brands across\r\n        fashion, D2C, and digital services build systems that grow without guesswork.\r\n      <\/p>\r\n\r\n      <div class=\"absk__stats\">\r\n        <div class=\"absk__stat\">\r\n          <div class=\"absk__stat-num\" data-target=\"80\">0<\/div>\r\n          <div class=\"absk__stat-label\">Projects Done<\/div>\r\n        <\/div>\r\n        <div class=\"absk__stat\">\r\n          <div class=\"absk__stat-num\" data-target=\"40\">0<\/div>\r\n          <div class=\"absk__stat-label\">Brands Served<\/div>\r\n        <\/div>\r\n        <div class=\"absk__stat\">\r\n          <div class=\"absk__stat-num\" data-target=\"5\">0<\/div>\r\n          <div class=\"absk__stat-label\">Years Experience<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- RIGHT SIDE \u2014 SKILLS -->\r\n    <div class=\"absk__right\">\r\n\r\n      <div class=\"absk__label\">\r\n        <span class=\"absk__label-line\"><\/span>\r\n        Expertise\r\n      <\/div>\r\n\r\n      <div class=\"absk__skills\">\r\n\r\n        <div class=\"absk__skill-row\">\r\n          <div class=\"absk__skill-top\">\r\n            <span class=\"absk__skill-name\">E-Commerce Strategy<\/span>\r\n            <span class=\"absk__skill-pct\">95%<\/span>\r\n          <\/div>\r\n          <div class=\"absk__skill-track\">\r\n            <div class=\"absk__skill-fill\" data-w=\"95\"><\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"absk__skill-row\">\r\n          <div class=\"absk__skill-top\">\r\n            <span class=\"absk__skill-name\">SEO &amp; Growth<\/span>\r\n            <span class=\"absk__skill-pct\">90%<\/span>\r\n          <\/div>\r\n          <div class=\"absk__skill-track\">\r\n            <div class=\"absk__skill-fill\" data-w=\"90\"><\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"absk__skill-row\">\r\n          <div class=\"absk__skill-top\">\r\n            <span class=\"absk__skill-name\">UI\/UX Design<\/span>\r\n            <span class=\"absk__skill-pct\">85%<\/span>\r\n          <\/div>\r\n          <div class=\"absk__skill-track\">\r\n            <div class=\"absk__skill-fill\" data-w=\"85\"><\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"absk__skill-row\">\r\n          <div class=\"absk__skill-top\">\r\n            <span class=\"absk__skill-name\">Branding &amp; Identity<\/span>\r\n            <span class=\"absk__skill-pct\">88%<\/span>\r\n          <\/div>\r\n          <div class=\"absk__skill-track\">\r\n            <div class=\"absk__skill-fill\" data-w=\"88\"><\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"absk__skill-row\">\r\n          <div class=\"absk__skill-top\">\r\n            <span class=\"absk__skill-name\">Performance Marketing<\/span>\r\n            <span class=\"absk__skill-pct\">82%<\/span>\r\n          <\/div>\r\n          <div class=\"absk__skill-track\">\r\n            <div class=\"absk__skill-fill\" data-w=\"82\"><\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"absk__skill-row\">\r\n          <div class=\"absk__skill-top\">\r\n            <span class=\"absk__skill-name\">Social Media Strategy<\/span>\r\n            <span class=\"absk__skill-pct\">92%<\/span>\r\n          <\/div>\r\n          <div class=\"absk__skill-track\">\r\n            <div class=\"absk__skill-fill\" data-w=\"92\"><\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=DM+Serif+Display:ital@0;1&family=Satoshi:wght@300;400;500;600;700&display=swap');\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   ELEMENTOR FIX\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.e-con:has(.absk__wrap),\r\n.e-con-full:has(.absk__wrap) {\r\n  padding: 0 !important;\r\n  margin: 0 !important;\r\n  --padding-block-start: 0px !important;\r\n  --padding-block-end: 0px !important;\r\n  --padding-inline-start: 0px !important;\r\n  --padding-inline-end: 0px !important;\r\n  --margin-block-start: 0px !important;\r\n  --margin-block-end: 0px !important;\r\n  min-height: unset !important;\r\n  height: auto !important;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   RESET\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.absk__wrap, .absk__wrap * {\r\n  box-sizing: border-box !important;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   OUTER WRAP\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.absk__wrap {\r\n  width: 100% !important;\r\n  position: relative !important;\r\n  background: #1C1A17 !important;\r\n  padding: 100px 0 110px 0 !important;\r\n  font-family: 'Satoshi', 'Segoe UI', sans-serif !important;\r\n  overflow: hidden !important;\r\n  display: block !important;\r\n  height: auto !important;\r\n  min-height: unset !important;\r\n}\r\n\r\n\/* Decorative ring *\/\r\n.absk__glow {\r\n  position: absolute !important;\r\n  top: -80px !important;\r\n  right: -100px !important;\r\n  width: 460px !important;\r\n  height: 460px !important;\r\n  border-radius: 50% !important;\r\n  border: 1px solid rgba(201,168,76,0.07) !important;\r\n  pointer-events: none !important;\r\n  z-index: 0 !important;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   GRID\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.absk__container {\r\n  max-width: 1160px !important;\r\n  margin: 0 auto !important;\r\n  padding: 0 60px !important;\r\n  width: 100% !important;\r\n  display: grid !important;\r\n  grid-template-columns: 1fr 1fr !important;\r\n  gap: 80px !important;\r\n  align-items: start !important;\r\n  position: relative !important;\r\n  z-index: 1 !important;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   LABEL\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.absk__label {\r\n  display: inline-flex !important;\r\n  align-items: center !important;\r\n  gap: 10px !important;\r\n  font-size: 0.70rem !important;\r\n  font-weight: 600 !important;\r\n  letter-spacing: 0.20em !important;\r\n  text-transform: uppercase !important;\r\n  color: #C9A84C !important;\r\n  margin-bottom: 22px !important;\r\n  font-family: 'Satoshi', 'Segoe UI', sans-serif !important;\r\n  line-height: 1 !important;\r\n}\r\n.absk__label-line {\r\n  display: inline-block !important;\r\n  width: 28px !important;\r\n  height: 1px !important;\r\n  background: #C9A84C !important;\r\n  flex-shrink: 0 !important;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   TITLE\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.absk__title {\r\n  font-family: 'DM Serif Display', Georgia, serif !important;\r\n  font-size: clamp(2.2rem, 3.8vw, 3.8rem) !important;\r\n  line-height: 1.15 !important;\r\n  color: #F5F0E8 !important;\r\n  font-weight: 400 !important;\r\n  text-transform: none !important;\r\n  letter-spacing: -0.01em !important;\r\n  margin-bottom: 24px !important;\r\n}\r\n.absk__title-em {\r\n  font-style: italic !important;\r\n  color: #E2C97E !important;\r\n  font-family: 'DM Serif Display', Georgia, serif !important;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   BIO\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.absk__bio {\r\n  font-size: 0.97rem !important;\r\n  color: rgba(255,255,255,0.48) !important;\r\n  line-height: 1.82 !important;\r\n  font-weight: 400 !important;\r\n  margin-bottom: 48px !important;\r\n  font-family: 'Satoshi', 'Segoe UI', sans-serif !important;\r\n  max-width: 520px !important;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   STATS\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.absk__stats {\r\n  display: grid !important;\r\n  grid-template-columns: repeat(3, 1fr) !important;\r\n  gap: 24px !important;\r\n  border-top: 1px solid rgba(255,255,255,0.10) !important;\r\n  padding-top: 32px !important;\r\n}\r\n.absk__stat {\r\n  display: flex !important;\r\n  flex-direction: column !important;\r\n  gap: 6px !important;\r\n}\r\n.absk__stat-num {\r\n  font-family: 'DM Serif Display', Georgia, serif !important;\r\n  font-size: clamp(2.4rem, 3.5vw, 3.4rem) !important;\r\n  color: #E2C97E !important;\r\n  line-height: 1 !important;\r\n  font-weight: 400 !important;\r\n  display: block !important;\r\n}\r\n.absk__stat-label {\r\n  font-family: 'Satoshi', 'Segoe UI', sans-serif !important;\r\n  font-size: 0.70rem !important;\r\n  font-weight: 600 !important;\r\n  letter-spacing: 0.12em !important;\r\n  text-transform: uppercase !important;\r\n  color: rgba(255,255,255,0.30) !important;\r\n  display: block !important;\r\n  line-height: 1.4 !important;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   SKILL ROWS\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.absk__skills {\r\n  display: flex !important;\r\n  flex-direction: column !important;\r\n}\r\n.absk__skill-row {\r\n  padding: 20px 0 !important;\r\n  border-bottom: 1px solid rgba(255,255,255,0.07) !important;\r\n}\r\n.absk__skill-row:first-child {\r\n  border-top: 1px solid rgba(255,255,255,0.07) !important;\r\n}\r\n.absk__skill-top {\r\n  display: flex !important;\r\n  justify-content: space-between !important;\r\n  align-items: center !important;\r\n  margin-bottom: 10px !important;\r\n}\r\n.absk__skill-name {\r\n  font-family: 'Satoshi', 'Segoe UI', sans-serif !important;\r\n  font-size: 0.92rem !important;\r\n  font-weight: 500 !important;\r\n  color: rgba(255,255,255,0.65) !important;\r\n  letter-spacing: 0.02em !important;\r\n  display: block !important;\r\n}\r\n.absk__skill-pct {\r\n  font-family: 'Satoshi', 'Segoe UI', sans-serif !important;\r\n  font-size: 0.85rem !important;\r\n  font-weight: 700 !important;\r\n  color: #E2C97E !important;\r\n  display: block !important;\r\n  line-height: 1 !important;\r\n}\r\n.absk__skill-track {\r\n  width: 100% !important;\r\n  height: 3px !important;\r\n  background: rgba(255,255,255,0.08) !important;\r\n  border-radius: 4px !important;\r\n  overflow: hidden !important;\r\n  display: block !important;\r\n}\r\n.absk__skill-fill {\r\n  height: 3px !important;\r\n  width: 0%;\r\n  background: linear-gradient(90deg, #C9A84C 0%, #E2C97E 100%) !important;\r\n  border-radius: 4px !important;\r\n  display: block !important;\r\n  transition: width 1.3s cubic-bezier(0.22, 1, 0.36, 1) !important;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   RESPONSIVE\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n@media (max-width: 1024px) {\r\n  .absk__container { padding: 0 36px !important; gap: 52px !important; }\r\n}\r\n@media (max-width: 767px) {\r\n  .absk__wrap { padding: 72px 0 80px 0 !important; }\r\n  .absk__container { grid-template-columns: 1fr !important; gap: 52px !important; padding: 0 24px !important; }\r\n  .absk__title { font-size: clamp(1.9rem, 8vw, 2.8rem) !important; }\r\n  .absk__bio { font-size: 0.91rem !important; margin-bottom: 36px !important; }\r\n  .absk__stats { gap: 16px !important; }\r\n  .absk__stat-num { font-size: clamp(2rem, 8vw, 2.8rem) !important; }\r\n}\r\n@media (max-width: 479px) {\r\n  .absk__container { padding: 0 18px !important; }\r\n  .absk__stat-num { font-size: clamp(1.8rem, 9vw, 2.4rem) !important; }\r\n  .absk__stat-label { font-size: 0.60rem !important; letter-spacing: 0.08em !important; }\r\n  .absk__skill-name { font-size: 0.85rem !important; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function () {\r\n  var fired = false;\r\n\r\n  function fireBars() {\r\n    document.querySelectorAll('.absk__skill-fill').forEach(function (bar, i) {\r\n      var w = bar.getAttribute('data-w');\r\n      setTimeout(function () {\r\n        bar.style.width = w + '%';\r\n      }, i * 160 + 80);\r\n    });\r\n  }\r\n\r\n  function fireCounters() {\r\n    document.querySelectorAll('.absk__stat-num').forEach(function (el) {\r\n      var target = parseInt(el.getAttribute('data-target'), 10);\r\n      var steps  = 70;\r\n      var delay  = 1600 \/ steps;\r\n      var inc    = target \/ steps;\r\n      var cur    = 0;\r\n      var t = setInterval(function () {\r\n        cur += inc;\r\n        if (cur >= target) { el.textContent = target + '+'; clearInterval(t); }\r\n        else { el.textContent = Math.floor(cur); }\r\n      }, delay);\r\n    });\r\n  }\r\n\r\n  function trigger() {\r\n    if (fired) return;\r\n    fired = true;\r\n    fireBars();\r\n    fireCounters();\r\n  }\r\n\r\n  setTimeout(trigger, 600);\r\n\r\n  var section = document.getElementById('absk__section');\r\n  if (section && 'IntersectionObserver' in window) {\r\n    var io = new IntersectionObserver(function (entries) {\r\n      if (entries[0].isIntersecting) { trigger(); io.disconnect(); }\r\n    }, { threshold: 0.05 });\r\n    io.observe(section);\r\n  }\r\n\r\n  window.addEventListener('scroll', function s() {\r\n    trigger();\r\n    window.removeEventListener('scroll', s);\r\n  }, { passive: true });\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-1b05fcd3 e-con-full e-flex e-con e-parent\" data-id=\"1b05fcd3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false,&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\">\n\t\t\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-447a093c elementor-widget elementor-widget-html\" data-id=\"447a093c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n  CONTACT FORM SECTION \u2014 Elementor HTML Widget\r\n  Section padding = 0 rakho Elementor mein\r\n  \u270f\ufe0f  Action URL neeche change karo apne form handler se\r\n============================================================ -->\r\n\r\n<div class=\"cf-wrap\">\r\n  <div class=\"cf-container\">\r\n\r\n    <!-- LEFT \u2014 TEXT SIDE -->\r\n    <div class=\"cf-left\">\r\n\r\n      <div class=\"cf-label\">\r\n        <span class=\"cf-label-line\"><\/span>\r\n        Get In Touch\r\n      <\/div>\r\n\r\n      <h2 class=\"cf-title\">\r\n        Let's build<br>\r\n        something<br>\r\n        <em class=\"cf-title-em\">great.<\/em>\r\n      <\/h2>\r\n\r\n      <p class=\"cf-sub\">\r\n        Have a project in mind? I'd love to hear about it.<br>\r\n        Reach out and let's make it happen.\r\n      <\/p>\r\n\r\n      <!-- Contact Details -->\r\n      <div class=\"cf-details\">\r\n\r\n        <div class=\"cf-detail-row\">\r\n          <div class=\"cf-detail-icon\">\r\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#C9A84C\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\"\/><path d=\"m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7\"\/><\/svg>\r\n          <\/div>\r\n          <span class=\"cf-detail-text\">hello@abhayjoshi.in<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"cf-detail-row\">\r\n          <div class=\"cf-detail-icon\">\r\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#C9A84C\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\r\n          <\/div>\r\n          <span class=\"cf-detail-text\">Mumbai, India \u2014 Available Worldwide<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"cf-detail-row\">\r\n          <div class=\"cf-detail-icon\">\r\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#C9A84C\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/><\/svg>\r\n          <\/div>\r\n          <span class=\"cf-detail-text\">Typical response within 24 hours<\/span>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- RIGHT \u2014 FORM CARD -->\r\n    <div class=\"cf-card\">\r\n\r\n      <!-- Name Row -->\r\n      <div class=\"cf-row-2\">\r\n        <div class=\"cf-field\">\r\n          <label class=\"cf-lbl\">First Name<\/label>\r\n          <input class=\"cf-input\" type=\"text\" placeholder=\"Rahul\" name=\"first_name\" \/>\r\n        <\/div>\r\n        <div class=\"cf-field\">\r\n          <label class=\"cf-lbl\">Last Name<\/label>\r\n          <input class=\"cf-input\" type=\"text\" placeholder=\"Sharma\" name=\"last_name\" \/>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Email -->\r\n      <div class=\"cf-field\">\r\n        <label class=\"cf-lbl\">Email Address<\/label>\r\n        <input class=\"cf-input\" type=\"email\" placeholder=\"rahul@brand.com\" name=\"email\" \/>\r\n      <\/div>\r\n\r\n      <!-- Service -->\r\n      <div class=\"cf-field\">\r\n        <label class=\"cf-lbl\">Service Needed<\/label>\r\n        <div class=\"cf-select-wrap\">\r\n          <select class=\"cf-select\" name=\"service\">\r\n            <option value=\"\" disabled selected>Select a service...<\/option>\r\n            <option>E-Commerce Strategy<\/option>\r\n            <option>Website &amp; UI Systems<\/option>\r\n            <option>SEO &amp; Growth Marketing<\/option>\r\n            <option>Branding &amp; Creative Direction<\/option>\r\n            <option>Performance &amp; Paid Ads<\/option>\r\n            <option>Social Media Strategy<\/option>\r\n          <\/select>\r\n          <svg class=\"cf-select-arrow\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#7A6F5E\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Message -->\r\n      <div class=\"cf-field\">\r\n        <label class=\"cf-lbl\">Tell Me About Your Project<\/label>\r\n        <textarea class=\"cf-textarea\" name=\"message\" placeholder=\"I'm looking to...\"><\/textarea>\r\n      <\/div>\r\n\r\n      <!-- Submit -->\r\n      <button class=\"cf-btn\" type=\"button\" onclick=\"cfSubmit(this)\">\r\n        <span class=\"cf-btn-text\">START A PROJECT \u2192<\/span>\r\n      <\/button>\r\n\r\n      <!-- Success msg (hidden by default) -->\r\n      <div class=\"cf-success\" id=\"cf-success\">\r\n        \u2713 &nbsp;Message sent! I'll get back to you within 24 hours.\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=DM+Serif+Display:ital@0;1&family=Satoshi:wght@300;400;500;600;700&display=swap');\r\n\r\n\/* \u2500\u2500 RESET \u2500\u2500 *\/\r\n.cf-wrap, .cf-wrap * {\r\n  box-sizing: border-box !important;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   OUTER WRAP\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.cf-wrap {\r\n  width: 100vw !important;\r\n  position: relative !important;\r\n  left: 50% !important;\r\n  margin-left: -50vw !important;\r\n  background: #F5F0E8 !important;\r\n  padding: 100px 0 110px 0 !important;\r\n  font-family: 'Satoshi', 'Segoe UI', sans-serif !important;\r\n  overflow: hidden !important;\r\n  display: block !important;\r\n}\r\n\r\n\/* \u2500\u2500 INNER GRID \u2500\u2500 *\/\r\n.cf-container {\r\n  max-width: 1160px !important;\r\n  margin: 0 auto !important;\r\n  padding: 0 60px !important;\r\n  display: grid !important;\r\n  grid-template-columns: 1fr 1.15fr !important;\r\n  gap: 72px !important;\r\n  align-items: center !important;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   LEFT SIDE\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.cf-label {\r\n  display: inline-flex !important;\r\n  align-items: center !important;\r\n  gap: 10px !important;\r\n  font-size: 0.70rem !important;\r\n  font-weight: 600 !important;\r\n  letter-spacing: 0.20em !important;\r\n  text-transform: uppercase !important;\r\n  color: #C9A84C !important;\r\n  margin-bottom: 22px !important;\r\n  font-family: 'Satoshi', 'Segoe UI', sans-serif !important;\r\n  line-height: 1 !important;\r\n}\r\n.cf-label-line {\r\n  display: inline-block !important;\r\n  width: 28px !important;\r\n  height: 1px !important;\r\n  background: #C9A84C !important;\r\n  flex-shrink: 0 !important;\r\n}\r\n\r\n.cf-title {\r\n  font-family: 'DM Serif Display', Georgia, serif !important;\r\n  font-size: clamp(2.6rem, 4.2vw, 4.8rem) !important;\r\n  line-height: 1.08 !important;\r\n  color: #1C1A17 !important;\r\n  font-weight: 700 !important;\r\n  text-transform: none !important;\r\n  letter-spacing: -0.02em !important;\r\n  margin-bottom: 20px !important;\r\n}\r\n.cf-title-em {\r\n  font-style: italic !important;\r\n  color: #C9A84C !important;\r\n  font-weight: 400 !important;\r\n  font-family: 'DM Serif Display', Georgia, serif !important;\r\n}\r\n\r\n.cf-sub {\r\n  font-size: 0.94rem !important;\r\n  color: #7A6F5E !important;\r\n  line-height: 1.75 !important;\r\n  margin-bottom: 40px !important;\r\n  font-family: 'Satoshi', 'Segoe UI', sans-serif !important;\r\n}\r\n\r\n\/* \u2500\u2500 Contact Details \u2500\u2500 *\/\r\n.cf-details {\r\n  display: flex !important;\r\n  flex-direction: column !important;\r\n  gap: 16px !important;\r\n}\r\n.cf-detail-row {\r\n  display: flex !important;\r\n  align-items: center !important;\r\n  gap: 14px !important;\r\n}\r\n.cf-detail-icon {\r\n  width: 36px !important;\r\n  height: 36px !important;\r\n  border-radius: 50% !important;\r\n  background: #EDE8DC !important;\r\n  display: flex !important;\r\n  align-items: center !important;\r\n  justify-content: center !important;\r\n  flex-shrink: 0 !important;\r\n}\r\n.cf-detail-icon svg {\r\n  display: block !important;\r\n  flex-shrink: 0 !important;\r\n}\r\n.cf-detail-text {\r\n  font-size: 0.88rem !important;\r\n  color: #1C1A17 !important;\r\n  font-weight: 500 !important;\r\n  font-family: 'Satoshi', 'Segoe UI', sans-serif !important;\r\n  line-height: 1.4 !important;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   RIGHT \u2014 CARD\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.cf-card {\r\n  background: #FFFFFF !important;\r\n  border-radius: 20px !important;\r\n  padding: 40px 36px !important;\r\n  box-shadow: 0 8px 48px rgba(28,26,23,0.08) !important;\r\n  display: flex !important;\r\n  flex-direction: column !important;\r\n  gap: 20px !important;\r\n}\r\n\r\n\/* \u2500\u2500 Two column name row \u2500\u2500 *\/\r\n.cf-row-2 {\r\n  display: grid !important;\r\n  grid-template-columns: 1fr 1fr !important;\r\n  gap: 16px !important;\r\n}\r\n\r\n\/* \u2500\u2500 Field \u2500\u2500 *\/\r\n.cf-field {\r\n  display: flex !important;\r\n  flex-direction: column !important;\r\n  gap: 7px !important;\r\n}\r\n.cf-lbl {\r\n  font-size: 0.68rem !important;\r\n  font-weight: 700 !important;\r\n  letter-spacing: 0.12em !important;\r\n  text-transform: uppercase !important;\r\n  color: #7A6F5E !important;\r\n  font-family: 'Satoshi', 'Segoe UI', sans-serif !important;\r\n  line-height: 1 !important;\r\n}\r\n\r\n\/* \u2500\u2500 Input & Textarea \u2500\u2500 *\/\r\n.cf-input,\r\n.cf-textarea,\r\n.cf-select {\r\n  width: 100% !important;\r\n  background: #F5F0E8 !important;\r\n  border: 1.5px solid transparent !important;\r\n  border-radius: 10px !important;\r\n  padding: 13px 16px !important;\r\n  font-size: 0.91rem !important;\r\n  color: #1C1A17 !important;\r\n  font-family: 'Satoshi', 'Segoe UI', sans-serif !important;\r\n  font-weight: 400 !important;\r\n  outline: none !important;\r\n  transition: border-color 0.22s ease !important;\r\n  appearance: none !important;\r\n  -webkit-appearance: none !important;\r\n  line-height: 1.5 !important;\r\n}\r\n.cf-input::placeholder,\r\n.cf-textarea::placeholder {\r\n  color: #B0A898 !important;\r\n}\r\n.cf-input:focus,\r\n.cf-textarea:focus,\r\n.cf-select:focus {\r\n  border-color: #C9A84C !important;\r\n  background: #FDFAF4 !important;\r\n}\r\n.cf-textarea {\r\n  resize: vertical !important;\r\n  min-height: 110px !important;\r\n}\r\n\r\n\/* \u2500\u2500 Select wrapper \u2500\u2500 *\/\r\n.cf-select-wrap {\r\n  position: relative !important;\r\n}\r\n.cf-select {\r\n  cursor: pointer !important;\r\n  padding-right: 40px !important;\r\n}\r\n.cf-select option { color: #1C1A17 !important; }\r\n.cf-select-arrow {\r\n  position: absolute !important;\r\n  right: 14px !important;\r\n  top: 50% !important;\r\n  transform: translateY(-50%) !important;\r\n  pointer-events: none !important;\r\n}\r\n\r\n\/* \u2500\u2500 Submit Button \u2500\u2500 *\/\r\n.cf-btn {\r\n  width: 100% !important;\r\n  background: #C9A84C !important;\r\n  color: #1C1A17 !important;\r\n  border: none !important;\r\n  border-radius: 50px !important;\r\n  padding: 16px 24px !important;\r\n  font-size: 0.78rem !important;\r\n  font-weight: 700 !important;\r\n  letter-spacing: 0.16em !important;\r\n  text-transform: uppercase !important;\r\n  font-family: 'Satoshi', 'Segoe UI', sans-serif !important;\r\n  cursor: pointer !important;\r\n  transition: background 0.22s ease, transform 0.15s ease !important;\r\n  line-height: 1 !important;\r\n  margin-top: 4px !important;\r\n}\r\n.cf-btn:hover {\r\n  background: #B8962E !important;\r\n  transform: translateY(-1px) !important;\r\n}\r\n.cf-btn:active { transform: translateY(0) !important; }\r\n\r\n\/* \u2500\u2500 Success message \u2500\u2500 *\/\r\n.cf-success {\r\n  display: none !important;\r\n  background: #EAF7EC !important;\r\n  color: #2D7A3A !important;\r\n  border-radius: 10px !important;\r\n  padding: 14px 18px !important;\r\n  font-size: 0.88rem !important;\r\n  font-weight: 600 !important;\r\n  font-family: 'Satoshi', 'Segoe UI', sans-serif !important;\r\n  text-align: center !important;\r\n  line-height: 1.4 !important;\r\n}\r\n.cf-success.cf-visible { display: block !important; }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   RESPONSIVE \u2014 TABLET \u22641024\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n@media (max-width: 1024px) {\r\n  .cf-container { padding: 0 36px !important; gap: 48px !important; }\r\n  .cf-title { font-size: clamp(2.4rem, 5vw, 3.8rem) !important; }\r\n  .cf-card { padding: 32px 28px !important; }\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   RESPONSIVE \u2014 MOBILE \u2264767\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n@media (max-width: 767px) {\r\n  .cf-wrap { padding: 72px 0 80px 0 !important; }\r\n  .cf-container {\r\n    grid-template-columns: 1fr !important;\r\n    gap: 44px !important;\r\n    padding: 0 24px !important;\r\n  }\r\n  .cf-title { font-size: clamp(2.4rem, 9vw, 3.6rem) !important; }\r\n  .cf-card { padding: 28px 22px !important; border-radius: 16px !important; }\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   RESPONSIVE \u2014 SMALL \u2264479\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n@media (max-width: 479px) {\r\n  .cf-container { padding: 0 18px !important; }\r\n  .cf-row-2 { grid-template-columns: 1fr !important; }\r\n  .cf-card { padding: 24px 18px !important; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n\/* \u2500\u2500 Simple form submit handler \u2500\u2500\r\n   Replace the console.log with your form submission logic\r\n   e.g. fetch to a webhook, Formspree, EmailJS, etc.\r\n\u2500\u2500 *\/\r\nfunction cfSubmit(btn) {\r\n  var wrap = btn.closest('.cf-card');\r\n\r\n  var fname   = wrap.querySelector('[name=\"first_name\"]').value.trim();\r\n  var lname   = wrap.querySelector('[name=\"last_name\"]').value.trim();\r\n  var email   = wrap.querySelector('[name=\"email\"]').value.trim();\r\n  var service = wrap.querySelector('[name=\"service\"]').value;\r\n  var msg     = wrap.querySelector('[name=\"message\"]').value.trim();\r\n\r\n  \/* Basic validation *\/\r\n  if (!fname || !email || !msg) {\r\n    wrap.querySelectorAll('.cf-input, .cf-textarea').forEach(function (el) {\r\n      if (!el.value.trim()) {\r\n        el.style.borderColor = '#E07070';\r\n        setTimeout(function () { el.style.borderColor = ''; }, 2000);\r\n      }\r\n    });\r\n    return;\r\n  }\r\n\r\n  \/* Change button state *\/\r\n  btn.disabled = true;\r\n  btn.querySelector('.cf-btn-text').textContent = 'Sending...';\r\n\r\n  \/* \u2500\u2500 \u270f\ufe0f REPLACE THIS BLOCK with your form handler \u2500\u2500\r\n     Example using Formspree:\r\n     fetch('https:\/\/formspree.io\/f\/YOUR_ID', {\r\n       method: 'POST',\r\n       headers: { 'Content-Type': 'application\/json' },\r\n       body: JSON.stringify({ fname, lname, email, service, message: msg })\r\n     })\r\n     .then(function() { showSuccess(); })\r\n     .catch(function() { btn.disabled = false; });\r\n  \u2500\u2500 *\/\r\n\r\n  \/* Demo: show success after 800ms *\/\r\n  setTimeout(function () {\r\n    document.getElementById('cf-success').classList.add('cf-visible');\r\n    btn.style.display = 'none';\r\n  }, 800);\r\n}\r\n<\/script>\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>Digital Strategist &amp; WordPress Expert Abhay Joshi I build high-converting WordPress websites, data-driven SEO strategies &amp; &#038; revenue-focused digital marketing systems that scale businesses from \u20b90 to \u20b91Cr+. VIEW MY PORTFOLIO \u2193 BOOK A FREE CONSULTATION Instagram \u00b7 LinkedIn \u00b7 YouTube Scroll to explore Available for Projects March 2026 \ud83d\ude80 Latest Campaign 3.8\u00d7 ROAS achieved [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1280","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/abhayjoshi.online\/index.php?rest_route=\/wp\/v2\/pages\/1280","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/abhayjoshi.online\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/abhayjoshi.online\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/abhayjoshi.online\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/abhayjoshi.online\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1280"}],"version-history":[{"count":178,"href":"https:\/\/abhayjoshi.online\/index.php?rest_route=\/wp\/v2\/pages\/1280\/revisions"}],"predecessor-version":[{"id":1900,"href":"https:\/\/abhayjoshi.online\/index.php?rest_route=\/wp\/v2\/pages\/1280\/revisions\/1900"}],"wp:attachment":[{"href":"https:\/\/abhayjoshi.online\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1280"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}