.elementor-7841 .elementor-element.elementor-element-d655cb5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-7841 .elementor-element.elementor-element-b9f5c3f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-7841 .elementor-element.elementor-element-0943b4d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-7841 .elementor-element.elementor-element-81a29a0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-7841 .elementor-element.elementor-element-43afa31{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-7841 .elementor-element.elementor-element-2416550{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-7841 .elementor-element.elementor-element-91e4c8e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-7841 .elementor-element.elementor-element-296f0a2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}/* Start custom CSS for container, class: .elementor-element-b9f5c3f */<style>
.we3-about *{margin:0;padding:0;box-sizing:border-box}
.we3-about{
  --ink:#14233b;        /* deep navy ink */
  --ink-soft:#2c3e57;
  --paper:#ffffff;
  --mist:#f4f6f9;       /* light surface */
  --line:#e3e8ef;
  --accent:#d9663a;     /* warm terracotta accent, used sparingly */
  --muted:#5d6b7e;
  font-family:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--ink);
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
.we3-about .wrap{max-width:1080px;margin:0 auto;padding:0 24px}
.we3-about section{padding:72px 0}
.we3-about .eyebrow{
  display:inline-block;font-size:12px;letter-spacing:.16em;text-transform:uppercase;
  font-weight:600;color:var(--accent);margin-bottom:14px
}
.we3-about h1{font-size:clamp(34px,5vw,52px);line-height:1.1;font-weight:700;letter-spacing:-.02em}
.we3-about h2{font-size:clamp(26px,3.4vw,36px);line-height:1.15;font-weight:700;letter-spacing:-.01em;margin-bottom:18px}
.we3-about h3{font-size:19px;font-weight:600;margin-bottom:8px}
.we3-about p{color:var(--ink-soft);font-size:16.5px}
.we3-about p.lead{font-size:18.5px;color:var(--ink-soft)}
 
/* HERO */
.we3-about .hero{background:var(--ink);color:#fff;padding:96px 0 84px;position:relative;overflow:hidden}
.we3-about .hero .eyebrow{color:#f0a583}
.we3-about .hero h1{color:#fff;max-width:760px}
.we3-about .hero p{color:#c4cedd;max-width:620px;margin-top:20px;font-size:18px}
.we3-about .hero .reg-pill{
  display:inline-flex;align-items:center;gap:8px;margin-top:28px;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);
  padding:9px 16px;border-radius:40px;font-size:13.5px;color:#dfe6f0;font-weight:500
}
.we3-about .hero .reg-pill b{color:#fff;font-weight:600}
 
/* STAT STRIP */
.we3-about .stats{background:var(--ink-soft);padding:0}
.we3-about .stats .grid{
  display:grid;grid-template-columns:repeat(4,1fr);
  max-width:1080px;margin:0 auto
}
.we3-about .stat{padding:30px 24px;text-align:center;border-right:1px solid rgba(255,255,255,.08)}
.we3-about .stat:last-child{border-right:none}
.we3-about .stat .num{font-size:32px;font-weight:700;color:#fff;line-height:1}
.we3-about .stat .lbl{font-size:13px;color:#a9b6c8;margin-top:8px;letter-spacing:.02em}
 
/* STORY (two-col) */
.we3-about .split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.we3-about .story-aside{
  background:var(--mist);border-radius:16px;padding:32px;border:1px solid var(--line)
}
.we3-about .story-aside h3{color:var(--ink);font-size:16px;margin-bottom:16px}
.we3-about .story-aside ul{list-style:none}
.we3-about .story-aside li{
  display:flex;gap:12px;padding:11px 0;border-bottom:1px solid var(--line);
  font-size:15px;color:var(--ink-soft)
}
.we3-about .story-aside li:last-child{border-bottom:none}
.we3-about .story-aside li svg{flex-shrink:0;margin-top:3px}
 
/* SERVICES */
.we3-about .services{background:var(--mist)}
.we3-about .svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px}
.we3-about .svc{
  background:#fff;border:1px solid var(--line);border-radius:14px;padding:26px;
  transition:transform .18s ease,box-shadow .18s ease
}
.we3-about .svc:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(20,35,59,.08)}
.we3-about .svc .tag{font-size:12px;font-weight:600;color:var(--accent);letter-spacing:.04em}
.we3-about .svc h3{margin-top:8px;font-size:17px}
.we3-about .svc p{font-size:14.5px;margin-top:6px;color:var(--muted)}
 
/* WHY */
.we3-about .why-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:32px}
.we3-about .why-item{
  display:flex;gap:16px;padding:22px;border:1px solid var(--line);border-radius:12px;background:#fff
}
.we3-about .why-item .n{
  flex-shrink:0;width:38px;height:38px;border-radius:9px;background:var(--ink);
  color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px
}
.we3-about .why-item h3{font-size:16px}
.we3-about .why-item p{font-size:14.5px;color:var(--muted)}
 
/* TEAM / FOUNDER */
.we3-about .founder{display:grid;grid-template-columns:200px 1fr;gap:36px;align-items:center;
  background:var(--ink);border-radius:18px;padding:40px;color:#fff;margin-top:32px}
.we3-about .founder .photo{
  width:200px;height:200px;border-radius:14px;object-fit:cover;background:var(--ink-soft)
}
.we3-about .founder .role{color:#f0a583;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.we3-about .founder h3{color:#fff;font-size:24px;margin-top:6px}
.we3-about .founder p{color:#c4cedd;margin-top:12px;font-size:16px}
.we3-about .founder a.li{
  display:inline-flex;align-items:center;gap:7px;margin-top:16px;color:#fff;
  font-size:14px;font-weight:500;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.3);
  padding-bottom:2px
}
 
/* CLIENTS */
.we3-about .clients{background:var(--mist)}
.we3-about .client-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px}
.we3-about .client{background:#fff;border:1px solid var(--line);border-radius:14px;padding:26px}
.we3-about .client h3{font-size:17px}
.we3-about .client .sub{font-size:13.5px;color:var(--accent);font-weight:500;margin-top:2px}
.we3-about .client p{font-size:14.5px;color:var(--muted);margin-top:12px}
 
/* CTA */
.we3-about .cta{background:var(--ink);color:#fff;text-align:center}
.we3-about .cta h2{color:#fff;max-width:640px;margin:0 auto 14px}
.we3-about .cta p{color:#c4cedd;max-width:540px;margin:0 auto 28px}
.we3-about .btn{
  display:inline-block;background:var(--accent);color:#fff;font-weight:600;font-size:16px;
  padding:15px 34px;border-radius:10px;text-decoration:none;transition:background .18s ease
}
.we3-about .btn:hover{background:#c3552d}
.we3-about .contact-row{
  display:flex;justify-content:center;gap:28px;flex-wrap:wrap;margin-top:30px;
  font-size:14px;color:#a9b6c8
}
.we3-about .contact-row span b{color:#fff;font-weight:500}
 
/* RESPONSIVE */
@media(max-width:860px){
  .we3-about .split,.we3-about .svc-grid,.we3-about .why-grid,
  .we3-about .client-grid{grid-template-columns:1fr;gap:24px}
  .we3-about .stats .grid{grid-template-columns:repeat(2,1fr)}
  .we3-about .stat:nth-child(2){border-right:none}
  .we3-about .founder{grid-template-columns:1fr;text-align:center;padding:30px}
  .we3-about .founder .photo{margin:0 auto}
  .we3-about section{padding:52px 0}
}
</style>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bbe73c5 */<!-- ===== WE3 ABOUT · SECTION 3 of 8 · OUR STORY =====
     Fill the [BRACKETS] with Amit's real words. All .elementor-7841 .elementor-element.elementor-element-bbe73c5s prefixed .we3-story. -->
<style>
.we3-story{
  --ink:#14233b;--ink-soft:#2c3e57;--mist:#f4f6f9;--line:#e3e8ef;--accent:#d9663a;
  font-family:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:#fff;padding:72px 24px;line-height:1.65;box-sizing:border-box;color:var(--ink);
}
.we3-story *{margin:0;padding:0;box-sizing:border-box}
.we3-story .we3-story-wrap{
  max-width:1080px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start
}
.we3-story .we3-eyebrow{
  display:inline-block;font-size:12px;letter-spacing:.16em;text-transform:uppercase;
  font-weight:600;color:var(--accent);margin-bottom:14px
}
.we3-story h2{font-size:clamp(26px,3.4vw,36px);line-height:1.15;font-weight:700;letter-spacing:-.01em;margin-bottom:18px;color:var(--ink)}
.we3-story p{color:var(--ink-soft);font-size:16.5px}
.we3-story p.we3-lead{font-size:18.5px}
.we3-story .we3-aside{background:var(--mist);border-radius:16px;padding:32px;border:1px solid var(--line)}
.we3-story .we3-aside h3{color:var(--ink);font-size:16px;margin-bottom:16px;font-weight:600}
.we3-story .we3-aside ul{list-style:none}
.we3-story .we3-aside li{
  display:flex;gap:12px;padding:11px 0;border-bottom:1px solid var(--line);
  font-size:15px;color:var(--ink-soft)
}
.we3-story .we3-aside li:last-child{border-bottom:none}
.we3-story .we3-aside li svg{flex-shrink:0;margin-top:3px}
@media(max-width:860px){
  .we3-story{padding:52px 20px}
  .we3-story .we3-story-wrap{grid-template-columns:1fr;gap:28px}
}
</style>

<div class="we3-story">
  <div class="we3-story-wrap">
    <div>
      <span class="we3-eyebrow">Our story</span>
      <h2>Built to deliver measurable results — not promises.</h2>
      <p class="we3-lead">[2–4 real sentences from Amit. Why WE3 Media started in 2018, what you believe about marketing, how you've grown to 15+ people. Keep your own voice — one specific, true sentence beats generic agency language.]</p>
      <p style="margin-top:16px">[Optional second paragraph: the kind of clients you serve and the results you focus on — leads, conversions, revenue.]</p>
    </div>
    <div class="we3-aside">
      <h3>Why businesses choose us</h3>
      <ul>
        <li><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#d9663a" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg> Registered, verifiable business (UDYAM-UP-43-0099102)</li>
        <li><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#d9663a" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg> 7+ years of hands-on performance marketing</li>
        <li><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#d9663a" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg> A team of 15+ specialists, not one generalist</li>
        <li><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#d9663a" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg> One dedicated account manager per client</li>
        <li><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#d9663a" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg> Transparent monthly reporting, month-to-month terms</li>
      </ul>
    </div>
  </div>
</div>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b22ca48 */<!-- ===== WE3 ABOUT · SECTION 4 of 8 · SERVICES =====
     All .elementor-7841 .elementor-element.elementor-element-b22ca48s prefixed .we3-svc. -->
<style>
.we3-svc{
  --ink:#14233b;--ink-soft:#2c3e57;--mist:#f4f6f9;--line:#e3e8ef;--accent:#d9663a;--muted:#5d6b7e;
  font-family:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:var(--mist);padding:72px 24px;line-height:1.65;box-sizing:border-box;color:var(--ink);
}
.we3-svc *{margin:0;padding:0;box-sizing:border-box}
.we3-svc .we3-svc-wrap{max-width:1080px;margin:0 auto}
.we3-svc .we3-eyebrow{
  display:inline-block;font-size:12px;letter-spacing:.16em;text-transform:uppercase;
  font-weight:600;color:var(--accent);margin-bottom:14px
}
.we3-svc h2{font-size:clamp(26px,3.4vw,36px);line-height:1.15;font-weight:700;letter-spacing:-.01em;margin-bottom:14px;color:var(--ink)}
.we3-svc .we3-lead{font-size:18.5px;color:var(--ink-soft);max-width:680px}
.we3-svc .we3-svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px}
.we3-svc .we3-card{
  background:#fff;border:1px solid var(--line);border-radius:14px;padding:26px;
  transition:transform .18s ease,box-shadow .18s ease
}
.we3-svc .we3-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(20,35,59,.08)}
.we3-svc .we3-card .we3-tag{font-size:12px;font-weight:600;color:var(--accent);letter-spacing:.04em}
.we3-svc .we3-card h3{margin-top:8px;font-size:17px;font-weight:600;color:var(--ink)}
.we3-svc .we3-card p{font-size:14.5px;margin-top:6px;color:var(--muted)}
@media(max-width:860px){
  .we3-svc{padding:52px 20px}
  .we3-svc .we3-svc-grid{grid-template-columns:1fr;gap:16px}
}
</style>

<div class="we3-svc">
  <div class="we3-svc-wrap">
    <span class="we3-eyebrow">What we do</span>
    <h2>Full-service digital marketing, one accountable team.</h2>
    <p class="we3-lead">We run integrated campaigns where every channel works toward one goal — more qualified leads and revenue.</p>
    <div class="we3-svc-grid">
      <div class="we3-card"><div class="we3-tag">SEARCH</div><h3>SEO &amp; AI SEO</h3><p>Technical, on-page and off-page SEO, plus AEO, GEO and LLM optimization to rank in Google and AI answers.</p></div>
      <div class="we3-card"><div class="we3-tag">PAID</div><h3>Google &amp; Meta Ads</h3><p>Search, Performance Max and social campaigns built to maximize ROI and lower cost per lead.</p></div>
      <div class="we3-card"><div class="we3-tag">SOCIAL</div><h3>Social Media</h3><p>Organic and paid social strategy, content and community management that builds authority.</p></div>
      <div class="we3-card"><div class="we3-tag">WEB</div><h3>Web Design &amp; CRO</h3><p>Responsive sites and landing pages built to convert, with ongoing A/B testing.</p></div>
      <div class="we3-card"><div class="we3-tag">REPUTATION</div><h3>Online Reputation</h3><p>Review generation, Google Business Profile and brand monitoring to protect your name.</p></div>
      <div class="we3-card"><div class="we3-tag">DATA</div><h3>Analytics &amp; Reporting</h3><p>Custom dashboards and transparent monthly reporting so you always know your ROI.</p></div>
    </div>
  </div>
</div>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f626636 */<!-- ===== WE3 ABOUT · SECTION 5 of 8 · WHY US =====
     All .elementor-7841 .elementor-element.elementor-element-f626636s prefixed .we3-why. -->
<style>
.we3-why{
  --ink:#14233b;--line:#e3e8ef;--accent:#d9663a;--muted:#5d6b7e;
  font-family:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:#fff;padding:72px 24px;line-height:1.65;box-sizing:border-box;color:var(--ink);
}
.we3-why *{margin:0;padding:0;box-sizing:border-box}
.we3-why .we3-why-wrap{max-width:1080px;margin:0 auto}
.we3-why .we3-eyebrow{
  display:inline-block;font-size:12px;letter-spacing:.16em;text-transform:uppercase;
  font-weight:600;color:var(--accent);margin-bottom:14px
}
.we3-why h2{font-size:clamp(26px,3.4vw,36px);line-height:1.15;font-weight:700;letter-spacing:-.01em;color:var(--ink)}
.we3-why .we3-why-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:32px}
.we3-why .we3-why-item{
  display:flex;gap:16px;padding:22px;border:1px solid var(--line);border-radius:12px;background:#fff
}
.we3-why .we3-why-n{
  flex-shrink:0;width:38px;height:38px;border-radius:9px;background:var(--ink);
  color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px
}
.we3-why .we3-why-item h3{font-size:16px;font-weight:600;color:var(--ink)}
.we3-why .we3-why-item p{font-size:14.5px;color:var(--muted);margin-top:4px}
@media(max-width:860px){
  .we3-why{padding:52px 20px}
  .we3-why .we3-why-grid{grid-template-columns:1fr;gap:14px}
}
</style>

<div class="we3-why">
  <div class="we3-why-wrap">
    <span class="we3-eyebrow">Why us</span>
    <h2>What makes WE3 Media different.</h2>
    <div class="we3-why-grid">
      <div class="we3-why-item"><div class="we3-why-n">01</div><div><h3>Integrated strategy</h3><p>SEO, ads, social and your website all aligned toward one goal — not run in silos.</p></div></div>
      <div class="we3-why-item"><div class="we3-why-n">02</div><div><h3>Transparent reporting</h3><p>Real dashboards, clear pricing, no hidden fees, and month-to-month flexibility.</p></div></div>
      <div class="we3-why-item"><div class="we3-why-n">03</div><div><h3>Full accountability</h3><p>One dedicated account manager owns your results from strategy through execution.</p></div></div>
      <div class="we3-why-item"><div class="we3-why-n">04</div><div><h3>Registered &amp; verifiable</h3><p>A real business (UDYAM-UP-43-0099102) with a real team — not an anonymous network.</p></div></div>
    </div>
  </div>
</div>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fa7844a */<!-- ===== WE3 ABOUT · SECTION 6 of 8 · FOUNDER / TEAM =====
     Fill Amit's bio, photo URL and LinkedIn. All .elementor-7841 .elementor-element.elementor-element-fa7844as prefixed .we3-team. -->
<style>
.we3-team{
  --ink:#14233b;--ink-soft:#2c3e57;--accent:#d9663a;--muted:#5d6b7e;
  font-family:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:#fff;padding:72px 24px;line-height:1.65;box-sizing:border-box;color:var(--ink);
}
.we3-team *{margin:0;padding:0;box-sizing:border-box}
.we3-team .we3-team-wrap{max-width:1080px;margin:0 auto}
.we3-team .we3-eyebrow{
  display:inline-block;font-size:12px;letter-spacing:.16em;text-transform:uppercase;
  font-weight:600;color:var(--accent);margin-bottom:14px
}
.we3-team h2{font-size:clamp(26px,3.4vw,36px);line-height:1.15;font-weight:700;letter-spacing:-.01em;color:var(--ink)}
.we3-team .we3-founder{
  display:grid;grid-template-columns:200px 1fr;gap:36px;align-items:center;
  background:var(--ink);border-radius:18px;padding:40px;color:#fff;margin-top:32px
}
.we3-team .we3-founder-photo{
  width:200px;height:200px;border-radius:14px;object-fit:cover;background:var(--ink-soft);display:block
}
.we3-team .we3-founder-role{color:#f0a583;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.we3-team .we3-founder h3{color:#fff;font-size:24px;margin-top:6px;font-weight:700}
.we3-team .we3-founder p{color:#c4cedd;margin-top:12px;font-size:16px}
.we3-team .we3-founder-li{
  display:inline-flex;align-items:center;gap:7px;margin-top:16px;color:#fff;
  font-size:14px;font-weight:500;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:2px
}
.we3-team .we3-team-note{margin-top:22px;color:var(--muted);font-size:15px}
@media(max-width:860px){
  .we3-team{padding:52px 20px}
  .we3-team .we3-founder{grid-template-columns:1fr;text-align:center;padding:30px}
  .we3-team .we3-founder-photo{margin:0 auto}
}
</style>

<div class="we3-team">
  <div class="we3-team-wrap">
    <span class="we3-eyebrow">The people behind WE3 Media</span>
    <h2>Led by a founder, backed by a team of 15+.</h2>
    <div class="we3-founder">
      <!-- Replace src with a REAL photo URL from your Media Library.
           If you have no photo yet, delete this entire <img> line. -->
      <img class="we3-founder-photo" src="[PHOTO URL — upload Amit's headshot]" alt="Amit Shah, Founder of WE3 Media">
      <div>
        <span class="we3-founder-role">Founder</span>
        <h3>Amit Shah</h3>
        <p>[2–3 real sentences about Amit: years in digital marketing, what he specializes in, what he founded WE3 Media to do. This is the strongest trust signal on the page — make it real and specific.]</p>
        <a class="we3-founder-li" href="[Amit's real LinkedIn URL]" target="_blank" rel="noopener">View LinkedIn profile →</a>
      </div>
    </div>
    <p class="we3-team-note">Amit leads a team of 15+ specialists across SEO, paid media, design and analytics. [Optional: add 2–3 real senior team members with name, role, photo and LinkedIn.]</p>
  </div>
</div>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f81bdb8 */<!-- ===== WE3 ABOUT · SECTION 7 of 8 · CLIENTS =====
     Add one real result per client. Only name clients with permission.
     All .elementor-7841 .elementor-element.elementor-element-f81bdb8s prefixed .we3-clients. -->
<style>
.we3-clients{
  --ink:#14233b;--mist:#f4f6f9;--line:#e3e8ef;--accent:#d9663a;--muted:#5d6b7e;
  font-family:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:var(--mist);padding:72px 24px;line-height:1.65;box-sizing:border-box;color:var(--ink);
}
.we3-clients *{margin:0;padding:0;box-sizing:border-box}
.we3-clients .we3-clients-wrap{max-width:1080px;margin:0 auto}
.we3-clients .we3-eyebrow{
  display:inline-block;font-size:12px;letter-spacing:.16em;text-transform:uppercase;
  font-weight:600;color:var(--accent);margin-bottom:14px
}
.we3-clients h2{font-size:clamp(26px,3.4vw,36px);line-height:1.15;font-weight:700;letter-spacing:-.01em;color:var(--ink)}
.we3-clients .we3-client-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px}
.we3-clients .we3-client{background:#fff;border:1px solid var(--line);border-radius:14px;padding:26px}
.we3-clients .we3-client h3{font-size:17px;font-weight:600;color:var(--ink)}
.we3-clients .we3-client-sub{font-size:13.5px;color:var(--accent);font-weight:500;margin-top:2px}
.we3-clients .we3-client p{font-size:14.5px;color:var(--muted);margin-top:12px}
.we3-clients .we3-client-foot{margin-top:22px;font-size:15px;color:var(--muted)}
.we3-clients .we3-client-foot a{color:var(--accent);font-weight:500;text-decoration:none}
@media(max-width:860px){
  .we3-clients{padding:52px 20px}
  .we3-clients .we3-client-grid{grid-template-columns:1fr;gap:16px}
}
</style>

<div class="we3-clients">
  <div class="we3-clients-wrap">
    <span class="we3-eyebrow">Our clients</span>
    <h2>Real businesses, real work.</h2>
    <div class="we3-client-grid">
      <div class="we3-client"><h3>Kalosa Aesthetics</h3><div class="we3-client-sub">Plastic &amp; cosmetic surgery · Gurgaon</div><p>[1 line on what you did + a real, documentable result. Or keep descriptive until the full case study is ready.]</p></div>
      <div class="we3-client"><h3>House of Nasir</h3><div class="we3-client-sub">Luxury bespoke menswear</div><p>[1 line on what you did for the menswear brand — real result only.]</p></div>
      <div class="we3-client"><h3>Optimal Hiring Solutions</h3><div class="we3-client-sub">Recruitment &amp; staffing</div><p>[1 line on what you did for the recruitment agency — real result only.]</p></div>
    </div>
    <p class="we3-client-foot">See detailed results on our <a href="https://performancemktg.net/case-study/">case studies page</a>. Only clients named with permission.</p>
  </div>
</div>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1551bf3 */<!-- ===== WE3 ABOUT · SECTION 8 of 8 · CTA =====
     All .elementor-7841 .elementor-element.elementor-element-1551bf3s prefixed .we3-cta. -->
<style>
.we3-cta{
  --ink:#14233b;--accent:#d9663a;
  font-family:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:var(--ink);color:#fff;text-align:center;padding:72px 24px;line-height:1.65;box-sizing:border-box;
}
.we3-cta *{margin:0;padding:0;box-sizing:border-box}
.we3-cta .we3-cta-wrap{max-width:1080px;margin:0 auto}
.we3-cta h2{font-size:clamp(26px,3.4vw,36px);line-height:1.15;font-weight:700;letter-spacing:-.01em;color:#fff;max-width:640px;margin:0 auto 14px}
.we3-cta p{color:#c4cedd;max-width:540px;margin:0 auto 28px;font-size:16.5px}
.we3-cta .we3-btn{
  display:inline-block;background:var(--accent);color:#fff;font-weight:600;font-size:16px;
  padding:15px 34px;border-radius:10px;text-decoration:none;transition:background .18s ease
}
.we3-cta .we3-btn:hover{background:#c3552d}
.we3-cta .we3-contact-row{
  display:flex;justify-content:center;gap:28px;flex-wrap:wrap;margin-top:30px;font-size:14px;color:#a9b6c8
}
.we3-cta .we3-contact-row b{color:#fff;font-weight:500}
.we3-cta .we3-reg{font-size:12px;color:#8492a6;margin-top:24px}
@media(max-width:860px){.we3-cta{padding:52px 20px}}
</style>

<div class="we3-cta">
  <div class="we3-cta-wrap">
    <h2>Ready to grow your business?</h2>
    <p>Let's build a custom strategy around your goals — no fluff, just results.</p>
    <a class="we3-btn" href="https://wa.me/918707879485" target="_blank" rel="noopener">Book a free strategy call</a>
    <div class="we3-contact-row">
      <span>📞 <b>+91-8707879485</b></span>
      <span>✉️ <b>admin@performancemktg.net</b></span>
      <span>📍 <b>Gurugram, Haryana</b></span>
    </div>
    <p class="we3-reg">Registered office: 138A Teacher Housing Society, Block 1, Kanpur, UP 208013 · UDYAM-UP-43-0099102</p>
  </div>
</div>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-77fb446 */<!-- ===== WE3 ABOUT · SECTION 8 of 8 · CTA =====
     All .elementor-7841 .elementor-element.elementor-element-77fb446s prefixed .we3-cta. -->
<style>
.we3-cta{
  --ink:#14233b;--accent:#d9663a;
  font-family:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:var(--ink);color:#fff;text-align:center;padding:72px 24px;line-height:1.65;box-sizing:border-box;
}
.we3-cta *{margin:0;padding:0;box-sizing:border-box}
.we3-cta .we3-cta-wrap{max-width:1080px;margin:0 auto}
.we3-cta h2{font-size:clamp(26px,3.4vw,36px);line-height:1.15;font-weight:700;letter-spacing:-.01em;color:#fff;max-width:640px;margin:0 auto 14px}
.we3-cta p{color:#c4cedd;max-width:540px;margin:0 auto 28px;font-size:16.5px}
.we3-cta .we3-btn{
  display:inline-block;background:var(--accent);color:#fff;font-weight:600;font-size:16px;
  padding:15px 34px;border-radius:10px;text-decoration:none;transition:background .18s ease
}
.we3-cta .we3-btn:hover{background:#c3552d}
.we3-cta .we3-contact-row{
  display:flex;justify-content:center;gap:28px;flex-wrap:wrap;margin-top:30px;font-size:14px;color:#a9b6c8
}
.we3-cta .we3-contact-row b{color:#fff;font-weight:500}
.we3-cta .we3-reg{font-size:12px;color:#8492a6;margin-top:24px}
@media(max-width:860px){.we3-cta{padding:52px 20px}}
</style>

<div class="we3-cta">
  <div class="we3-cta-wrap">
    <h2>Ready to grow your business?</h2>
    <p>Let's build a custom strategy around your goals — no fluff, just results.</p>
    <a class="we3-btn" href="https://wa.me/918707879485" target="_blank" rel="noopener">Book a free strategy call</a>
    <div class="we3-contact-row">
      <span>📞 <b>+91-8707879485</b></span>
      <span>✉️ <b>admin@performancemktg.net</b></span>
      <span>📍 <b>Gurugram, Haryana</b></span>
    </div>
    <p class="we3-reg">Registered office: 138A Teacher Housing Society, Block 1, Kanpur, UP 208013 · UDYAM-UP-43-0099102</p>
  </div>
</div>/* End custom CSS */
/* Start custom CSS */<style>
.we3-about *{margin:0;padding:0;box-sizing:border-box}
.we3-about{
  --ink:#14233b;        /* deep navy ink */
  --ink-soft:#2c3e57;
  --paper:#ffffff;
  --mist:#f4f6f9;       /* light surface */
  --line:#e3e8ef;
  --accent:#d9663a;     /* warm terracotta accent, used sparingly */
  --muted:#5d6b7e;
  font-family:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--ink);
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
.we3-about .wrap{max-width:1080px;margin:0 auto;padding:0 24px}
.we3-about section{padding:72px 0}
.we3-about .eyebrow{
  display:inline-block;font-size:12px;letter-spacing:.16em;text-transform:uppercase;
  font-weight:600;color:var(--accent);margin-bottom:14px
}
.we3-about h1{font-size:clamp(34px,5vw,52px);line-height:1.1;font-weight:700;letter-spacing:-.02em}
.we3-about h2{font-size:clamp(26px,3.4vw,36px);line-height:1.15;font-weight:700;letter-spacing:-.01em;margin-bottom:18px}
.we3-about h3{font-size:19px;font-weight:600;margin-bottom:8px}
.we3-about p{color:var(--ink-soft);font-size:16.5px}
.we3-about p.lead{font-size:18.5px;color:var(--ink-soft)}
 
/* HERO */
.we3-about .hero{background:var(--ink);color:#fff;padding:96px 0 84px;position:relative;overflow:hidden}
.we3-about .hero .eyebrow{color:#f0a583}
.we3-about .hero h1{color:#fff;max-width:760px}
.we3-about .hero p{color:#c4cedd;max-width:620px;margin-top:20px;font-size:18px}
.we3-about .hero .reg-pill{
  display:inline-flex;align-items:center;gap:8px;margin-top:28px;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);
  padding:9px 16px;border-radius:40px;font-size:13.5px;color:#dfe6f0;font-weight:500
}
.we3-about .hero .reg-pill b{color:#fff;font-weight:600}
 
/* STAT STRIP */
.we3-about .stats{background:var(--ink-soft);padding:0}
.we3-about .stats .grid{
  display:grid;grid-template-columns:repeat(4,1fr);
  max-width:1080px;margin:0 auto
}
.we3-about .stat{padding:30px 24px;text-align:center;border-right:1px solid rgba(255,255,255,.08)}
.we3-about .stat:last-child{border-right:none}
.we3-about .stat .num{font-size:32px;font-weight:700;color:#fff;line-height:1}
.we3-about .stat .lbl{font-size:13px;color:#a9b6c8;margin-top:8px;letter-spacing:.02em}
 
/* STORY (two-col) */
.we3-about .split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.we3-about .story-aside{
  background:var(--mist);border-radius:16px;padding:32px;border:1px solid var(--line)
}
.we3-about .story-aside h3{color:var(--ink);font-size:16px;margin-bottom:16px}
.we3-about .story-aside ul{list-style:none}
.we3-about .story-aside li{
  display:flex;gap:12px;padding:11px 0;border-bottom:1px solid var(--line);
  font-size:15px;color:var(--ink-soft)
}
.we3-about .story-aside li:last-child{border-bottom:none}
.we3-about .story-aside li svg{flex-shrink:0;margin-top:3px}
 
/* SERVICES */
.we3-about .services{background:var(--mist)}
.we3-about .svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px}
.we3-about .svc{
  background:#fff;border:1px solid var(--line);border-radius:14px;padding:26px;
  transition:transform .18s ease,box-shadow .18s ease
}
.we3-about .svc:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(20,35,59,.08)}
.we3-about .svc .tag{font-size:12px;font-weight:600;color:var(--accent);letter-spacing:.04em}
.we3-about .svc h3{margin-top:8px;font-size:17px}
.we3-about .svc p{font-size:14.5px;margin-top:6px;color:var(--muted)}
 
/* WHY */
.we3-about .why-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:32px}
.we3-about .why-item{
  display:flex;gap:16px;padding:22px;border:1px solid var(--line);border-radius:12px;background:#fff
}
.we3-about .why-item .n{
  flex-shrink:0;width:38px;height:38px;border-radius:9px;background:var(--ink);
  color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px
}
.we3-about .why-item h3{font-size:16px}
.we3-about .why-item p{font-size:14.5px;color:var(--muted)}
 
/* TEAM / FOUNDER */
.we3-about .founder{display:grid;grid-template-columns:200px 1fr;gap:36px;align-items:center;
  background:var(--ink);border-radius:18px;padding:40px;color:#fff;margin-top:32px}
.we3-about .founder .photo{
  width:200px;height:200px;border-radius:14px;object-fit:cover;background:var(--ink-soft)
}
.we3-about .founder .role{color:#f0a583;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.we3-about .founder h3{color:#fff;font-size:24px;margin-top:6px}
.we3-about .founder p{color:#c4cedd;margin-top:12px;font-size:16px}
.we3-about .founder a.li{
  display:inline-flex;align-items:center;gap:7px;margin-top:16px;color:#fff;
  font-size:14px;font-weight:500;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.3);
  padding-bottom:2px
}
 
/* CLIENTS */
.we3-about .clients{background:var(--mist)}
.we3-about .client-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px}
.we3-about .client{background:#fff;border:1px solid var(--line);border-radius:14px;padding:26px}
.we3-about .client h3{font-size:17px}
.we3-about .client .sub{font-size:13.5px;color:var(--accent);font-weight:500;margin-top:2px}
.we3-about .client p{font-size:14.5px;color:var(--muted);margin-top:12px}
 
/* CTA */
.we3-about .cta{background:var(--ink);color:#fff;text-align:center}
.we3-about .cta h2{color:#fff;max-width:640px;margin:0 auto 14px}
.we3-about .cta p{color:#c4cedd;max-width:540px;margin:0 auto 28px}
.we3-about .btn{
  display:inline-block;background:var(--accent);color:#fff;font-weight:600;font-size:16px;
  padding:15px 34px;border-radius:10px;text-decoration:none;transition:background .18s ease
}
.we3-about .btn:hover{background:#c3552d}
.we3-about .contact-row{
  display:flex;justify-content:center;gap:28px;flex-wrap:wrap;margin-top:30px;
  font-size:14px;color:#a9b6c8
}
.we3-about .contact-row span b{color:#fff;font-weight:500}
 
/* RESPONSIVE */
@media(max-width:860px){
  .we3-about .split,.we3-about .svc-grid,.we3-about .why-grid,
  .we3-about .client-grid{grid-template-columns:1fr;gap:24px}
  .we3-about .stats .grid{grid-template-columns:repeat(2,1fr)}
  .we3-about .stat:nth-child(2){border-right:none}
  .we3-about .founder{grid-template-columns:1fr;text-align:center;padding:30px}
  .we3-about .founder .photo{margin:0 auto}
  .we3-about section{padding:52px 0}
}
</style>/* End custom CSS */