.elementor-34 .elementor-element.elementor-element-40394b9{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34 .elementor-element.elementor-element-1d4f92f{margin:-18px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-34 .elementor-element.elementor-element-e4f269d{--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;}.elementor-34 .elementor-element.elementor-element-df9c82a{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-34 .elementor-element.elementor-element-c9fd4b3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-34 .elementor-element.elementor-element-74dd73e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-34 .elementor-element.elementor-element-e66db9a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-34 .elementor-element.elementor-element-f7dc0cc{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-34 .elementor-element.elementor-element-2bd8668{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-34 .elementor-element.elementor-element-e1bb5cb{margin:-19px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-34 .elementor-element.elementor-element-2dece06{margin:-18px 0px calc(var(--kit-widget-spacing, 0px) + -22px) 0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-1d4f92f */<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet">

<style>
/* ═══════════════════════════════════
   RESET
═══════════════════════════════════ */
.ebt-hero *, .ebt-hero *::before, .ebt-hero *::after {
  margin:0; padding:0; box-sizing:border-box;
  font-family:'Poppins',sans-serif;
}

/* ═══════════════════════════════════
   HERO WRAPPER
═══════════════════════════════════ */
.ebt-hero {
  width:100%;
  padding:110px 2rem 100px;
  position:relative;
  overflow:hidden;
  background:linear-gradient(135deg,#ffffff 0%,#fdf9f5 25%,#fff3e8 50%,#faf8f5 75%,#ffffff 100%);
  background-size:400% 400%;
  animation:ebtGradShift 12s ease-in-out infinite;
}
@keyframes ebtGradShift {
  0%  { background-position:0% 50% }
  25% { background-position:50% 0% }
  50% { background-position:100% 50% }
  75% { background-position:50% 100% }
  100%{ background-position:0% 50% }
}

/* ═══════════════════════════════════
   PARTICLE CANVAS
═══════════════════════════════════ */
#ebtParticleCanvas {
  position:absolute;
  top:0; left:0;
  width:100%; height:100%;
  pointer-events:none;
  z-index:0;
}

/* ═══════════════════════════════════
   BACKGROUND BLOBS
═══════════════════════════════════ */
.ebt-blob {
  position:absolute; border-radius:50%;
  filter:blur(72px); pointer-events:none;
}
.ebt-blob-1 {
  width:560px; height:560px; top:-140px; right:-140px;
  background:radial-gradient(circle,rgba(232,127,36,.16) 0%,rgba(232,127,36,.04) 60%,transparent 100%);
  animation:ebtBlob1 16s ease-in-out infinite;
}
.ebt-blob-2 {
  width:420px; height:420px; bottom:-80px; left:-80px;
  background:radial-gradient(circle,rgba(245,179,100,.13) 0%,rgba(232,127,36,.05) 55%,transparent 100%);
  animation:ebtBlob2 20s ease-in-out infinite;
}
.ebt-blob-3 {
  width:280px; height:280px; top:38%; left:14%;
  background:radial-gradient(circle,rgba(254,215,170,.22) 0%,rgba(253,186,116,.08) 50%,transparent 100%);
  animation:ebtBlob3 14s ease-in-out 2s infinite;
}
.ebt-blob-4 {
  width:200px; height:200px; top:8%; left:42%;
  background:radial-gradient(circle,rgba(232,127,36,.10) 0%,transparent 70%);
  animation:ebtBlob4 18s ease-in-out 4s infinite;
}
.ebt-blob-5 {
  width:340px; height:340px; top:30%; right:5%;
  background:radial-gradient(circle,rgba(251,191,36,.08) 0%,rgba(245,158,11,.04) 50%,transparent 100%);
  animation:ebtBlob5 22s ease-in-out 1s infinite;
}
@keyframes ebtBlob1 { 0%,100%{transform:translate(0,0) scale(1)}    30%{transform:translate(-60px,40px) scale(1.08)}  60%{transform:translate(-30px,80px) scale(.94)} }
@keyframes ebtBlob2 { 0%,100%{transform:translate(0,0) scale(1)}    25%{transform:translate(60px,-50px) scale(1.12)}  55%{transform:translate(30px,-80px) scale(.92)} }
@keyframes ebtBlob3 { 0%,100%{transform:translate(0,0) scale(1)}    40%{transform:translate(40px,-60px) scale(1.14)}  70%{transform:translate(-30px,-30px) scale(.88)} }
@keyframes ebtBlob4 { 0%,100%{transform:translate(0,0) scale(1)}    33%{transform:translate(50px,30px) scale(1.2)}    66%{transform:translate(-30px,60px) scale(.85)} }
@keyframes ebtBlob5 { 0%,100%{transform:translate(0,0) scale(1)}    30%{transform:translate(-50px,50px) scale(1.1)}   65%{transform:translate(-80px,-30px) scale(.9)} }

/* dot grid pattern */
.ebt-grid-pattern {
  position:absolute; inset:0; pointer-events:none; z-index:0; opacity:.32;
  background-image:radial-gradient(circle,rgba(232,127,36,.18) 1px,transparent 1px);
  background-size:32px 32px;
  mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 30%,transparent 100%);
  -webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 30%,transparent 100%);
  animation:ebtGridDrift 30s linear infinite;
}
@keyframes ebtGridDrift { 0%{background-position:0 0} 100%{background-position:64px 64px} }

/* glow spot */
.ebt-glow-spot {
  position:absolute; top:10%; right:8%;
  width:480px; height:480px; border-radius:50%;
  background:radial-gradient(circle,rgba(232,127,36,.12) 0%,rgba(232,127,36,.06) 35%,transparent 70%);
  filter:blur(40px); pointer-events:none; z-index:1;
  animation:ebtGlowPulse 6s ease-in-out infinite;
}
@keyframes ebtGlowPulse { 0%,100%{opacity:.7;transform:scale(1)} 50%{opacity:1;transform:scale(1.12)} }

/* streaks */
.ebt-streak { position:absolute; border-radius:100px; pointer-events:none; z-index:0; opacity:0; animation:ebtStreakMove 9s ease-in-out infinite; }
.ebt-streak-1 { width:300px; height:1.5px; background:linear-gradient(90deg,transparent,rgba(232,127,36,.25),transparent); top:28%; left:-80px; animation-delay:0s; }
.ebt-streak-2 { width:200px; height:1px;   background:linear-gradient(90deg,transparent,rgba(232,127,36,.18),transparent); top:62%; left:-50px; animation-delay:3s; }
.ebt-streak-3 { width:180px; height:1px;   background:linear-gradient(90deg,transparent,rgba(245,179,100,.22),transparent); top:45%; right:-60px; transform:rotate(180deg); animation-delay:6s; }
@keyframes ebtStreakMove { 0%{opacity:0;transform:translateX(0)} 15%{opacity:1} 85%{opacity:1} 100%{opacity:0;transform:translateX(120px)} }

/* ═══════════════════════════════════
   LAYOUT
═══════════════════════════════════ */
.ebt-hero-inner {
  max-width:1400px; margin:0 auto;
  display:grid; grid-template-columns:1fr 1.1fr;
  gap:5rem; align-items:center;
  position:relative; z-index:10;
}

/* ═══════════════════════════════════
   LEFT — TEXT
═══════════════════════════════════ */
.ebt-hero-badge {
  display:inline-flex; align-items:center; gap:8px;
  background:rgba(255,255,255,.85); backdrop-filter:blur(8px);
  border:1px solid rgba(232,127,36,.28); color:#C96A10;
  font-size:11.5px; font-weight:700; letter-spacing:.05em; text-transform:uppercase;
  padding:7px 18px; border-radius:100px; margin-bottom:1.6rem;
  box-shadow:0 2px 12px rgba(232,127,36,.12);
  animation:ebtFadeUp .65s ease both;
}
.ebt-badge-dot {
  width:7px; height:7px; border-radius:50%; background:#E87F24;
  animation:ebtDotPulse 1.8s ease infinite; flex-shrink:0;
}
.ebt-hero h1 {
  font-size:clamp(2.3rem,4.6vw,3.9rem); font-weight:900;
  line-height:1.09; color:#111111; margin-bottom:1.4rem;
  animation:ebtFadeUp .7s ease .1s both;
}
.ebt-h1-orange { color:#E87F24; }
.ebt-hero-sub {
  font-size:1.05rem; color:#3E3C38; max-width:460px;
  line-height:1.82; margin-bottom:2.25rem;
  animation:ebtFadeUp .7s ease .2s both;
}
.ebt-hero-btns {
  display:flex; align-items:center; gap:1rem; flex-wrap:wrap;
  margin-bottom:2.25rem; animation:ebtFadeUp .7s ease .3s both;
}
.ebt-btn-primary {
  display:inline-flex; align-items:center; gap:6px;
  background:#E87F24; color:#fff;
  font-size:14px; font-weight:700; padding:14px 30px; border-radius:9px;
  text-decoration:none; border:none; cursor:pointer; white-space:nowrap;
  box-shadow:0 5px 22px rgba(232,127,36,.38);
  transition:background .2s,transform .18s,box-shadow .2s;
}
.ebt-btn-primary:hover { background:#C96A10; transform:translateY(-2px); box-shadow:0 9px 28px rgba(232,127,36,.48); }
.ebt-btn-outline {
  display:inline-flex; align-items:center; gap:8px;
  background:rgba(255,255,255,.8); backdrop-filter:blur(8px);
  color:#111; font-size:14px; font-weight:700;
  padding:14px 30px; border-radius:9px; text-decoration:none;
  border:1.5px solid rgba(216,212,204,.8); white-space:nowrap;
  transition:border-color .2s,color .2s,transform .18s;
}
.ebt-btn-outline:hover { border-color:#E87F24; color:#E87F24; transform:translateY(-2px); }
.ebt-hero-rating { display:flex; align-items:center; gap:12px; animation:ebtFadeUp .7s ease .4s both; }
.ebt-stars { display:flex; gap:3px; }
.ebt-star  { width:18px; height:18px; fill:#F59E0B; }
.ebt-rating-text { font-size:13px; font-weight:600; color:#3E3C38; }
.ebt-rating-text strong { color:#111; }
.ebt-rating-sep { width:1px; height:18px; background:#D8D4CC; }
.ebt-rating-reviews { font-size:12.5px; font-weight:600; color:#8A877F; }

/* ═══════════════════════════════════
   RIGHT — DESKTOP DASHBOARD
═══════════════════════════════════ */
.ebt-hero-right {
  position:relative; height:540px;
  animation:ebtFadeUp .85s ease .15s both;
}
.ebt-card {
  background:rgba(255,255,255,.88);
  backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px);
  border-radius:20px; border:1px solid rgba(234,231,225,.9);
  box-shadow:0 8px 36px rgba(0,0,0,.08),0 2px 8px rgba(0,0,0,.04),inset 0 1px 0 rgba(255,255,255,.9);
  padding:16px 18px;
  transition:transform .3s ease,box-shadow .3s ease;
}
.ebt-card:hover {
  box-shadow:0 18px 56px rgba(0,0,0,.12),0 4px 12px rgba(0,0,0,.06),0 0 0 1px rgba(232,127,36,.12),inset 0 1px 0 rgba(255,255,255,.9);
}
.ebt-card-main     { position:absolute; top:0;    left:0;   width:340px; animation:ebtFloat1 4.2s ease-in-out infinite,ebtFadeUp .8s ease .3s both; z-index:5; }
.ebt-card-campaign { position:absolute; top:30px; right:0;  width:210px; animation:ebtFloat2 3.8s ease-in-out .6s infinite,ebtFadeUp .8s ease .5s both; z-index:6; }
.ebt-card-services { position:absolute; bottom:40px; left:16px; width:300px; padding:14px 16px; animation:ebtFloat3 4.6s ease-in-out .3s infinite,ebtFadeUp .8s ease .6s both; z-index:4; }
.ebt-card-stats    { position:absolute; bottom:60px; right:10px; width:175px; text-align:center; padding:14px 16px; animation:ebtFloat4 3.5s ease-in-out 1s infinite,ebtFadeUp .8s ease .7s both; z-index:7; }
.ebt-card-ticker   { position:absolute; top:200px; left:50%; transform:translateX(-50%); width:198px; text-align:center; padding:11px 14px; animation:ebtFloat2 5s ease-in-out 2s infinite,ebtFadeUp .8s ease .9s both; z-index:8; }

.ebt-card-main-head { display:flex; align-items:center; justify-content:space-between; margin-bottom:14px; }
.ebt-card-main-title { font-size:12px; font-weight:700; color:#111; }
.ebt-card-live { display:flex; align-items:center; gap:5px; font-size:9.5px; font-weight:700; color:#10B981; background:rgba(16,185,129,.10); padding:3px 9px; border-radius:100px; }
.ebt-card-live::before { content:''; width:5px; height:5px; border-radius:50%; background:#10B981; animation:ebtDotPulse 1.4s ease infinite; flex-shrink:0; }
.ebt-roi-row   { display:flex; align-items:flex-end; gap:12px; margin-bottom:12px; }
.ebt-roi-num   { font-size:2.2rem; font-weight:900; color:#111; line-height:1; }
.ebt-roi-num em { color:#E87F24; font-style:normal; }
.ebt-roi-delta { display:flex; align-items:center; gap:4px; font-size:12px; font-weight:700; color:#10B981; background:rgba(16,185,129,.10); padding:3px 10px; border-radius:100px; margin-bottom:4px; }
.ebt-mini-chart { width:100%; height:52px; position:relative; }
.ebt-mini-chart svg { width:100%; height:100%; }
.ebt-chart-line { fill:none; stroke:#E87F24; stroke-width:2.5; stroke-linecap:round; stroke-linejoin:round; stroke-dasharray:400; stroke-dashoffset:400; animation:ebtLineDraw 2s ease 1s forwards; }
.ebt-chart-fill { fill:url(#ebtGrad); stroke:none; opacity:.18; }
.ebt-chart-labels { display:flex; justify-content:space-between; margin-top:5px; }
.ebt-chart-labels span { font-size:8.5px; color:#8A877F; }
.ebt-camp-head  { display:flex; align-items:center; gap:8px; margin-bottom:12px; }
.ebt-camp-ico   { width:30px; height:30px; border-radius:8px; background:#FFF3E8; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.ebt-camp-ico svg { width:15px; height:15px; fill:#E87F24; }
.ebt-camp-title { font-size:11px; font-weight:700; color:#111; line-height:1.3; }
.ebt-camp-sub   { font-size:10px; color:#10B981; font-weight:600; }
.ebt-prog-label { display:flex; justify-content:space-between; font-size:9.5px; font-weight:600; color:#8A877F; margin-bottom:4px; }
.ebt-prog-wrap  { background:#EAE7E1; border-radius:100px; height:7px; overflow:hidden; margin-bottom:8px; }
.ebt-prog-bar   { height:100%; border-radius:100px; background:linear-gradient(90deg,#E87F24,#f5b06a); animation:ebtProgGrow 2.5s ease 1.2s both; }
.ebt-prog-wrap2 { background:#EAE7E1; border-radius:100px; height:7px; overflow:hidden; }
.ebt-prog-bar2  { height:100%; border-radius:100px; background:linear-gradient(90deg,#10B981,#6ee7b7); animation:ebtProgGrow2 2.5s ease 1.6s both; }
.ebt-svc-grid-mini { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.ebt-svc-card-mini { display:flex; align-items:center; gap:9px; background:rgba(245,243,239,.7); border-radius:11px; padding:9px 10px; border:1px solid rgba(234,231,225,.8); transition:background .2s,border-color .2s,transform .2s; cursor:default; }
.ebt-svc-card-mini:hover { background:#FFF3E8; border-color:rgba(232,127,36,.3); transform:scale(1.03); }
.ebt-svc-mini-ico  { width:28px; height:28px; border-radius:7px; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.ebt-svc-mini-ico svg { width:14px; height:14px; fill:#fff; }
.ebt-svc-mini-name { font-size:10px; font-weight:700; color:#111; line-height:1.3; }
.ebt-svc-mini-desc { font-size:9px; color:#8A877F; margin-top:1px; }
.ebt-stats-ico { width:40px; height:40px; border-radius:50%; background:#FFF3E8; display:flex; align-items:center; justify-content:center; margin:0 auto 8px; animation:ebtCardGlow 2.5s ease infinite; }
.ebt-stats-ico svg { width:20px; height:20px; fill:#E87F24; }
.ebt-stats-num { font-size:1.6rem; font-weight:900; color:#111; line-height:1; }
.ebt-stats-num em { color:#E87F24; font-style:normal; }
.ebt-stats-lbl { font-size:11px; font-weight:600; color:#8A877F; margin-top:3px; }
.ebt-ticker-inner { display:flex; align-items:center; justify-content:center; gap:8px; }
.ebt-ticker-dot { width:8px; height:8px; border-radius:50%; background:#E87F24; animation:ebtDotPulse 1.6s ease infinite; flex-shrink:0; }
.ebt-ticker-text { font-size:11px; font-weight:700; color:#111; }
.ebt-ticker-val  { font-size:11px; font-weight:800; color:#E87F24; }
.ebt-dots-bg { position:absolute; top:50px; right:70px; width:130px; height:130px; z-index:1; pointer-events:none; background-image:radial-gradient(circle,rgba(232,127,36,.22) 1.2px,transparent 1.2px); background-size:14px 14px; opacity:.3; animation:ebtDotsDrift 20s linear infinite; }
@keyframes ebtDotsDrift { 0%{background-position:0 0;transform:rotate(0deg)} 100%{background-position:28px 28px;transform:rotate(8deg)} }
.ebt-ring  { position:absolute; bottom:70px; right:155px; width:84px; height:84px; border-radius:50%; border:2px dashed rgba(232,127,36,.22); animation:ebtSpin 22s linear infinite; z-index:1; pointer-events:none; }
.ebt-ring2 { position:absolute; top:80px; left:140px; width:48px; height:48px; border-radius:50%; border:1.5px dashed rgba(232,127,36,.15); animation:ebtSpinRev 16s linear infinite; z-index:1; pointer-events:none; }

/* ═══════════════════════════════════
   MOBILE DASHBOARD
═══════════════════════════════════ */
.ebt-mobile-dash { display:none; }
.ebt-mob-row1  { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-bottom:10px; }
.ebt-mob-row2  { margin-bottom:10px; }
.ebt-mob-row3  { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.ebt-mob-card  { background:rgba(255,255,255,.88); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); border-radius:16px; border:1px solid rgba(234,231,225,.9); box-shadow:0 6px 24px rgba(0,0,0,.07),inset 0 1px 0 rgba(255,255,255,.9); padding:14px; animation:ebtFloat1 4.2s ease-in-out infinite; }
.ebt-mob-card:nth-child(2) { animation-name:ebtFloat2; animation-duration:3.8s; }
.ebt-mob-ana-head  { display:flex; align-items:center; justify-content:space-between; margin-bottom:8px; }
.ebt-mob-ana-title { font-size:10px; font-weight:700; color:#111; }
.ebt-mob-live { display:flex; align-items:center; gap:4px; font-size:8.5px; font-weight:700; color:#10B981; background:rgba(16,185,129,.10); padding:2px 7px; border-radius:100px; }
.ebt-mob-live::before { content:''; width:4px; height:4px; border-radius:50%; background:#10B981; animation:ebtDotPulse 1.4s ease infinite; flex-shrink:0; }
.ebt-mob-roi-num { font-size:1.6rem; font-weight:900; color:#111; line-height:1.1; }
.ebt-mob-roi-num em { color:#E87F24; font-style:normal; }
.ebt-mob-roi-tag { display:inline-flex; align-items:center; gap:3px; font-size:9px; font-weight:700; color:#10B981; background:rgba(16,185,129,.10); padding:2px 8px; border-radius:100px; margin-top:4px; margin-bottom:8px; }
.ebt-mob-spark { width:100%; height:36px; }
.ebt-mob-spark svg { width:100%; height:100%; }
.ebt-mob-spark-line { fill:none; stroke:#E87F24; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; stroke-dasharray:300; stroke-dashoffset:300; animation:ebtLineDraw 1.8s ease 1s forwards; }
.ebt-mob-spark-fill { fill:url(#ebtGradM); opacity:.15; }
.ebt-mob-chart-labels { display:flex; justify-content:space-between; margin-top:3px; }
.ebt-mob-chart-labels span { font-size:7px; color:#8A877F; }
.ebt-mob-camp-head  { display:flex; align-items:center; gap:7px; margin-bottom:10px; }
.ebt-mob-camp-ico   { width:26px; height:26px; border-radius:7px; background:#FFF3E8; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.ebt-mob-camp-ico svg { width:13px; height:13px; fill:#E87F24; }
.ebt-mob-camp-title { font-size:10px; font-weight:700; color:#111; line-height:1.3; }
.ebt-mob-camp-sub   { font-size:9px; color:#10B981; font-weight:600; }
.ebt-mob-prog-lbl   { display:flex; justify-content:space-between; font-size:8.5px; font-weight:600; color:#8A877F; margin-bottom:3px; }
.ebt-mob-prog-wrap  { background:#EAE7E1; border-radius:100px; height:6px; overflow:hidden; margin-bottom:7px; }
.ebt-mob-prog-bar   { height:100%; border-radius:100px; background:linear-gradient(90deg,#E87F24,#f5b06a); animation:ebtProgGrow 2.5s ease 1.2s both; }
.ebt-mob-prog-wrap2 { background:#EAE7E1; border-radius:100px; height:6px; overflow:hidden; }
.ebt-mob-prog-bar2  { height:100%; border-radius:100px; background:linear-gradient(90deg,#10B981,#6ee7b7); animation:ebtProgGrow2 2.5s ease 1.6s both; }
.ebt-mob-svc-title  { font-size:10px; font-weight:800; color:#111; margin-bottom:9px; }
.ebt-mob-svc-grid   { display:grid; grid-template-columns:repeat(4,1fr); gap:7px; }
.ebt-mob-svc-item   { display:flex; flex-direction:column; align-items:center; gap:5px; background:rgba(245,243,239,.8); border-radius:10px; padding:8px 6px; border:1px solid rgba(234,231,225,.8); text-align:center; }
.ebt-mob-svc-ico    { width:28px; height:28px; border-radius:8px; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.ebt-mob-svc-ico svg { width:14px; height:14px; fill:#fff; }
.ebt-mob-svc-name   { font-size:8.5px; font-weight:700; color:#111; line-height:1.3; }
.ebt-mob-stats { text-align:center; animation-name:ebtFloat4; animation-duration:3.5s; }
.ebt-mob-stats-ico { width:34px; height:34px; border-radius:50%; background:#FFF3E8; display:flex; align-items:center; justify-content:center; margin:0 auto 6px; animation:ebtCardGlow 2.5s ease infinite; }
.ebt-mob-stats-ico svg { width:17px; height:17px; fill:#E87F24; }
.ebt-mob-stats-num { font-size:1.3rem; font-weight:900; color:#111; line-height:1; }
.ebt-mob-stats-num em { color:#E87F24; font-style:normal; }
.ebt-mob-stats-lbl { font-size:9.5px; font-weight:600; color:#8A877F; margin-top:2px; }
.ebt-mob-ticker { display:flex; align-items:center; justify-content:center; gap:8px; animation-name:ebtFloat2; }
.ebt-mob-tick-dot  { width:7px; height:7px; border-radius:50%; background:#E87F24; animation:ebtDotPulse 1.6s ease infinite; flex-shrink:0; }
.ebt-mob-tick-text { font-size:10px; font-weight:700; color:#111; }
.ebt-mob-tick-val  { font-size:10px; font-weight:800; color:#E87F24; }

/* ═══════════════════════════════════
   ALL KEYFRAMES
═══════════════════════════════════ */
@keyframes ebtFadeUp    { from{opacity:0;transform:translateY(26px)} to{opacity:1;transform:translateY(0)} }
@keyframes ebtFloat1    { 0%,100%{transform:translateY(0)}  50%{transform:translateY(-11px)} }
@keyframes ebtFloat2    { 0%,100%{transform:translateY(0)}  50%{transform:translateY(-7px)} }
@keyframes ebtFloat3    { 0%,100%{transform:translateY(0)}  50%{transform:translateY(-9px)} }
@keyframes ebtFloat4    { 0%,100%{transform:translateY(0)}  50%{transform:translateY(-13px)} }
@keyframes ebtDotPulse  { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.35;transform:scale(.75)} }
@keyframes ebtLineDraw  { to{stroke-dashoffset:0} }
@keyframes ebtProgGrow  { from{width:0} to{width:82%} }
@keyframes ebtProgGrow2 { from{width:0} to{width:64%} }
@keyframes ebtCardGlow  { 0%,100%{box-shadow:0 0 0 0 rgba(232,127,36,.25)} 50%{box-shadow:0 0 0 9px rgba(232,127,36,0)} }
@keyframes ebtSpin      { from{transform:rotate(0deg)} to{transform:rotate(360deg)} }
@keyframes ebtSpinRev   { from{transform:rotate(0deg)} to{transform:rotate(-360deg)} }

/* ═══════════════════════════════════
   RESPONSIVE
═══════════════════════════════════ */
@media(max-width:1100px) {
  .ebt-hero-inner { grid-template-columns:1fr; gap:3.5rem; }
  .ebt-hero       { padding:90px 2rem 80px; }
  .ebt-hero-right { height:460px; max-width:600px; margin:0 auto; }
  .ebt-card-main  { width:300px; }
  .ebt-blob-3,.ebt-blob-4 { display:none; }
}
@media(max-width:640px) {
  .ebt-hero       { padding:80px 1.25rem 70px; }
  .ebt-hero-right { display:none; }
  .ebt-mobile-dash{ display:block; position:relative; z-index:10; animation:ebtFadeUp .8s ease .5s both; }
  .ebt-hero h1    { font-size:clamp(1.9rem,7vw,2.6rem); }
  .ebt-hero-sub   { font-size:.95rem; max-width:100%; }
  .ebt-hero-btns  { flex-direction:column; align-items:stretch; }
  .ebt-btn-primary,.ebt-btn-outline { justify-content:center; }
  .ebt-blob-3,.ebt-blob-4,.ebt-blob-5 { display:none; }
  .ebt-mob-row1   { margin-top:2rem; }
}
@media(max-width:380px) {
  .ebt-hero { padding:70px .875rem 60px; }
  .ebt-mob-svc-grid { grid-template-columns:repeat(2,1fr); }
}
</style>

<!-- ═══════════════════════════════════════
     HERO SECTION
═══════════════════════════════════════ -->
<section class="ebt-hero" id="hero" aria-label="E-Commerce By Trinet">

  <!-- PARTICLE CANVAS — JS draws dots here -->
  <canvas id="ebtParticleCanvas" aria-hidden="true"></canvas>

  <!-- BACKGROUND LAYERS -->
  <div class="ebt-blob ebt-blob-1"></div>
  <div class="ebt-blob ebt-blob-2"></div>
  <div class="ebt-blob ebt-blob-3"></div>
  <div class="ebt-blob ebt-blob-4"></div>
  <div class="ebt-blob ebt-blob-5"></div>
  <div class="ebt-grid-pattern"></div>
  <div class="ebt-glow-spot"></div>
  <div class="ebt-streak ebt-streak-1"></div>
  <div class="ebt-streak ebt-streak-2"></div>
  <div class="ebt-streak ebt-streak-3"></div>

  <div class="ebt-hero-inner">

    <!-- ══ LEFT TEXT ══ -->
    <div class="ebt-hero-left">

      <div class="ebt-hero-badge">
        <div class="ebt-badge-dot"></div>
        Trusted by 500+ Brands Worldwide
      </div>

      <h1>We Grow Your Business
        <span class="ebt-h1-orange">Online</span> &amp; Beyond
      </h1>

      <p class="ebt-hero-sub">
        Data-driven marketing strategies, high-converting web design, and e-commerce expertise — everything your brand needs to dominate online, maximise ROI and scale with confidence.
      </p>

      <div class="ebt-hero-btns">
        <a href="#" class="ebt-btn-primary">Explore Services →</a>
        <a href="#" class="ebt-btn-outline">Free Consultation</a>
      </div>

      <div class="ebt-hero-rating">
        <div class="ebt-stars">
          <svg class="ebt-star" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>
          <svg class="ebt-star" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>
          <svg class="ebt-star" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>
          <svg class="ebt-star" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>
          <svg class="ebt-star" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>
        </div>
        <span class="ebt-rating-text"><strong>5.0</strong> Rating</span>
        <div class="ebt-rating-sep"></div>
        <span class="ebt-rating-reviews">200+ Reviews</span>
      </div>

      <!-- ══ MOBILE DASHBOARD ══ -->
      <div class="ebt-mobile-dash">
        <div class="ebt-mob-row1">
          <div class="ebt-mob-card ebt-mob-analytics">
            <div class="ebt-mob-ana-head">
              <span class="ebt-mob-ana-title">📊 Analytics</span>
              <span class="ebt-mob-live">LIVE</span>
            </div>
            <div class="ebt-mob-roi-num">+215<em>%</em></div>
            <div class="ebt-mob-roi-tag">▲ ROI Increase</div>
            <div class="ebt-mob-spark">
              <svg viewBox="0 0 160 36" preserveAspectRatio="none">
                <defs>
                  <linearGradient id="ebtGradM" x1="0" y1="0" x2="0" y2="1">
                    <stop offset="0%" stop-color="#E87F24" stop-opacity=".5"/>
                    <stop offset="100%" stop-color="#E87F24" stop-opacity="0"/>
                  </linearGradient>
                </defs>
                <path class="ebt-mob-spark-fill" d="M0,36 L0,28 C20,24 35,20 50,16 C65,12 80,9 100,6 C120,3 140,2 160,1 L160,36 Z"/>
                <path class="ebt-mob-spark-line" d="M0,28 C20,24 35,20 50,16 C65,12 80,9 100,6 C120,3 140,2 160,1"/>
                <circle cx="160" cy="1" r="3" fill="#E87F24" style="animation:ebtCardGlow 1.8s ease infinite"/>
              </svg>
            </div>
            <div class="ebt-mob-chart-labels">
              <span>Sep</span><span>Nov</span><span>Jan</span>
              <span style="color:#E87F24;font-weight:700">Mar</span>
            </div>
          </div>
          <div class="ebt-mob-card ebt-mob-campaign">
            <div class="ebt-mob-camp-head">
              <div class="ebt-mob-camp-ico"><svg viewBox="0 0 24 24"><path d="M3.5 18.49l6-6.01 4 4L22 6.92l-1.41-1.41-7.09 7.97-4-4L2 16.99z"/></svg></div>
              <div>
                <div class="ebt-mob-camp-title">Ad Performance</div>
                <div class="ebt-mob-camp-sub">↑ Improving</div>
              </div>
            </div>
            <div class="ebt-mob-prog-lbl"><span>Google</span><span>82%</span></div>
            <div class="ebt-mob-prog-wrap"><div class="ebt-mob-prog-bar"></div></div>
            <div class="ebt-mob-prog-lbl"><span>Meta</span><span>64%</span></div>
            <div class="ebt-mob-prog-wrap2"><div class="ebt-mob-prog-bar2"></div></div>
          </div>
        </div>
        <div class="ebt-mob-row2">
          <div class="ebt-mob-card ebt-mob-services" style="animation-name:ebtFloat3;animation-duration:4.6s">
            <div class="ebt-mob-svc-title">🚀 Our Services</div>
            <div class="ebt-mob-svc-grid">
              <div class="ebt-mob-svc-item"><div class="ebt-mob-svc-ico" style="background:#6366F1"><svg viewBox="0 0 24 24"><path d="M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm-5 14H4v-4h11v4zm0-5H4V9h11v4zm5 5h-4V9h4v9z"/></svg></div><div class="ebt-mob-svc-name">Website Design</div></div>
              <div class="ebt-mob-svc-item"><div class="ebt-mob-svc-ico" style="background:#E87F24"><svg viewBox="0 0 24 24"><path d="M3.5 18.49l6-6.01 4 4L22 6.92l-1.41-1.41-7.09 7.97-4-4L2 16.99z"/></svg></div><div class="ebt-mob-svc-name">Digital Marketing</div></div>
              <div class="ebt-mob-svc-item"><div class="ebt-mob-svc-ico" style="background:#10B981"><svg viewBox="0 0 24 24"><path d="M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7s-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81 1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9c-1.66 0-3 1.34-3 3s1.34 3 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.16c-.05.21-.08.43-.08.65 0 1.61 1.31 2.92 2.92 2.92 1.61 0 2.92-1.31 2.92-2.92s-1.31-2.92-2.92-2.92z"/></svg></div><div class="ebt-mob-svc-name">Social Media</div></div>
              <div class="ebt-mob-svc-item"><div class="ebt-mob-svc-ico" style="background:#F59E0B"><svg viewBox="0 0 24 24"><path d="M7 18c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm10 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zM5.17 5L4 3H1v2h2l3.6 7.59L5.24 15H19v-2H7.42l1.1-2H17c.75 0 1.41-.41 1.75-1.03L21.7 5H5.17z"/></svg></div><div class="ebt-mob-svc-name">Amazon</div></div>
            </div>
          </div>
        </div>
        <div class="ebt-mob-row3">
          <div class="ebt-mob-card ebt-mob-stats">
            <div class="ebt-mob-stats-ico"><svg viewBox="0 0 24 24"><path d="M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z"/></svg></div>
            <div class="ebt-mob-stats-num">500<em>+</em></div>
            <div class="ebt-mob-stats-lbl">Happy Clients</div>
          </div>
          <div class="ebt-mob-card ebt-mob-ticker">
            <div class="ebt-mob-tick-dot"></div>
            <div>
              <div class="ebt-mob-tick-text">New Lead</div>
              <div class="ebt-mob-tick-val">$4,200 🎉</div>
            </div>
          </div>
        </div>
      </div><!-- /mobile dash -->

    </div><!-- /left -->

    <!-- ══ RIGHT DESKTOP DASHBOARD ══ -->
    <div class="ebt-hero-right">
      <div class="ebt-dots-bg"></div>
      <div class="ebt-ring"></div>
      <div class="ebt-ring2"></div>

      <div class="ebt-card ebt-card-main">
        <div class="ebt-card-main-head">
          <span class="ebt-card-main-title">📊 Campaign Analytics</span>
          <span class="ebt-card-live">LIVE</span>
        </div>
        <div class="ebt-roi-row">
          <div class="ebt-roi-num">+215<em>%</em></div>
          <div class="ebt-roi-delta">▲ ROI Increase</div>
        </div>
        <div class="ebt-mini-chart">
          <svg viewBox="0 0 280 52" preserveAspectRatio="none">
            <defs>
              <linearGradient id="ebtGrad" x1="0" y1="0" x2="0" y2="1">
                <stop offset="0%" stop-color="#E87F24" stop-opacity=".6"/>
                <stop offset="100%" stop-color="#E87F24" stop-opacity="0"/>
              </linearGradient>
            </defs>
            <path class="ebt-chart-fill" d="M0,52 L0,44 C35,40 55,36 80,30 C105,24 125,20 155,14 C185,8 210,6 240,4 C260,3 275,3 280,2 L280,52 Z"/>
            <path class="ebt-chart-line" d="M0,44 C35,40 55,36 80,30 C105,24 125,20 155,14 C185,8 210,6 240,4 C260,3 275,3 280,2"/>
            <circle cx="80"  cy="30" r="3"   fill="#E87F24" opacity=".7"/>
            <circle cx="155" cy="14" r="3"   fill="#E87F24" opacity=".7"/>
            <circle cx="240" cy="4"  r="3.5" fill="#E87F24" style="animation:ebtCardGlow 1.8s ease infinite"/>
          </svg>
        </div>
        <div class="ebt-chart-labels">
          <span>Sep</span><span>Oct</span><span>Nov</span><span>Dec</span><span>Jan</span><span>Feb</span>
          <span style="color:#E87F24;font-weight:700">Mar</span>
        </div>
      </div>

      <div class="ebt-card ebt-card-campaign">
        <div class="ebt-camp-head">
          <div class="ebt-camp-ico"><svg viewBox="0 0 24 24"><path d="M3.5 18.49l6-6.01 4 4L22 6.92l-1.41-1.41-7.09 7.97-4-4L2 16.99z"/></svg></div>
          <div>
            <div class="ebt-camp-title">Ad Performance</div>
            <div class="ebt-camp-sub">↑ Improving</div>
          </div>
        </div>
        <div class="ebt-prog-label"><span>Google Ads</span><span>82%</span></div>
        <div class="ebt-prog-wrap"><div class="ebt-prog-bar"></div></div>
        <div class="ebt-prog-label"><span>Meta Ads</span><span>64%</span></div>
        <div class="ebt-prog-wrap2"><div class="ebt-prog-bar2"></div></div>
      </div>

      <div class="ebt-card ebt-card-services">
        <div style="font-size:10.5px;font-weight:800;color:#111;margin-bottom:10px">🚀 Our Services</div>
        <div class="ebt-svc-grid-mini">
          <div class="ebt-svc-card-mini"><div class="ebt-svc-mini-ico" style="background:#6366F1"><svg viewBox="0 0 24 24"><path d="M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm-5 14H4v-4h11v4zm0-5H4V9h11v4zm5 5h-4V9h4v9z"/></svg></div><div><div class="ebt-svc-mini-name">Website Design</div><div class="ebt-svc-mini-desc">Premium UI/UX</div></div></div>
          <div class="ebt-svc-card-mini"><div class="ebt-svc-mini-ico" style="background:#E87F24"><svg viewBox="0 0 24 24"><path d="M3.5 18.49l6-6.01 4 4L22 6.92l-1.41-1.41-7.09 7.97-4-4L2 16.99z"/></svg></div><div><div class="ebt-svc-mini-name">Digital Marketing</div><div class="ebt-svc-mini-desc">PPC · SEO · ADS</div></div></div>
          <div class="ebt-svc-card-mini"><div class="ebt-svc-mini-ico" style="background:#10B981"><svg viewBox="0 0 24 24"><path d="M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7s-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81 1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9c-1.66 0-3 1.34-3 3s1.34 3 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.16c-.05.21-.08.43-.08.65 0 1.61 1.31 2.92 2.92 2.92 1.61 0 2.92-1.31 2.92-2.92s-1.31-2.92-2.92-2.92z"/></svg></div><div><div class="ebt-svc-mini-name">Social Media</div><div class="ebt-svc-mini-desc">Meta · TikTok</div></div></div>
          <div class="ebt-svc-card-mini"><div class="ebt-svc-mini-ico" style="background:#F59E0B"><svg viewBox="0 0 24 24"><path d="M7 18c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm10 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zM5.17 5L4 3H1v2h2l3.6 7.59L5.24 15H19v-2H7.42l1.1-2H17c.75 0 1.41-.41 1.75-1.03L21.7 5H5.17z"/></svg></div><div><div class="ebt-svc-mini-name">Amazon Listings</div><div class="ebt-svc-mini-desc">SEO · PPC · FBA</div></div></div>
        </div>
      </div>

      <div class="ebt-card ebt-card-stats">
        <div class="ebt-stats-ico"><svg viewBox="0 0 24 24"><path d="M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z"/></svg></div>
        <div class="ebt-stats-num">500<em>+</em></div>
        <div class="ebt-stats-lbl">Happy Clients</div>
      </div>

      <div class="ebt-card ebt-card-ticker">
        <div class="ebt-ticker-inner">
          <div class="ebt-ticker-dot"></div>
          <span class="ebt-ticker-text">New Lead:&nbsp;</span>
          <span class="ebt-ticker-val">$4,200 deal</span>
        </div>
      </div>

    </div><!-- /right -->
  </div><!-- /hero-inner -->
</section>

<!-- ═══════════════════════════════════════
     PARTICLE ENGINE — 100% GUARANTEED MOTION
═══════════════════════════════════════ -->
<script>
(function() {
  'use strict';

  var canvas, ctx, particles, animId, heroEl;

  /* ── dot config ── */
  var COLORS = [
    'rgba(232,127,36,',   /* orange */
    'rgba(245,158,11,',   /* amber */
    'rgba(253,186,116,',  /* peach */
    'rgba(200,200,190,',  /* soft gray */
    'rgba(255,255,255,'   /* white */
  ];
  var TOTAL  = 65;   /* number of particles */
  var MIN_R  = 1;    /* min radius px */
  var MAX_R  = 5;    /* max radius px */
  var MIN_SPD = 0.18; /* min rise speed */
  var MAX_SPD = 0.72; /* max rise speed */

  function rand(min, max) {
    return min + Math.random() * (max - min);
  }

  function makeParticle(w, h, born) {
    var r     = rand(MIN_R, MAX_R);
    var speed = rand(MIN_SPD, MAX_SPD);
    var color = COLORS[Math.floor(Math.random() * COLORS.length)];
    var alpha = rand(0.08, 0.28);
    var drift = rand(-0.25, 0.25);   /* left / right sway */
    /* if born=true start at random Y, otherwise start at bottom */
    var y = born ? rand(0, h) : h + r + rand(0, h * 0.3);
    return {
      x      : rand(0, w),
      y      : y,
      r      : r,
      speed  : speed,
      drift  : drift,
      color  : color,
      alpha  : alpha,
      alphaTgt: alpha,
      /* wobble phase for gentle fade in/out */
      phase  : rand(0, Math.PI * 2),
      phaseSpd: rand(0.005, 0.02),
      /* glow on big dots */
      glow   : r > 3.5
    };
  }

  function resizeCanvas() {
    canvas.width  = heroEl.offsetWidth;
    canvas.height = heroEl.offsetHeight;
  }

  function init() {
    heroEl = document.querySelector('.ebt-hero');
    canvas = document.getElementById('ebtParticleCanvas');
    if (!heroEl || !canvas) return;

    ctx = canvas.getContext('2d');
    resizeCanvas();

    /* build particle pool — spread them across the section on start */
    particles = [];
    for (var i = 0; i < TOTAL; i++) {
      particles.push(makeParticle(canvas.width, canvas.height, true));
    }

    window.addEventListener('resize', function() {
      resizeCanvas();
    });

    loop();
  }

  function loop() {
    animId = requestAnimationFrame(loop);
    ctx.clearRect(0, 0, canvas.width, canvas.height);

    var w = canvas.width;
    var h = canvas.height;

    for (var i = 0; i < particles.length; i++) {
      var p = particles[i];

      /* move upward + slight horizontal sway */
      p.y -= p.speed;
      p.x += p.drift * Math.sin(p.phase);
      p.phase += p.phaseSpd;

      /* gentle alpha pulse */
      p.alpha = p.alphaTgt * (0.65 + 0.35 * Math.sin(p.phase));

      /* reset when off top */
      if (p.y + p.r < 0) {
        var np   = makeParticle(w, h, false);
        particles[i] = np;
        continue;
      }

      /* draw */
      ctx.save();
      if (p.glow) {
        ctx.shadowBlur  = 8;
        ctx.shadowColor = 'rgba(232,127,36,0.35)';
      }
      ctx.beginPath();
      ctx.arc(p.x, p.y, p.r, 0, Math.PI * 2);
      ctx.fillStyle = p.color + p.alpha.toFixed(2) + ')';
      ctx.fill();
      ctx.restore();
    }
  }

  /* start when DOM ready */
  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', init);
  } else {
    init();
  }

})();
</script>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-df9c82a */<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet">
<style>
*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
:root {
  --orange: #E87F24;
  --orange-dark: #C96A10;
  --orange-light: #FFF3E8;
  --black: #111111;
  --gray-50: #FAFAF8;
  --gray-100: #F5F3EF;
  --gray-200: #EAE7E1;
  --gray-300: #D8D4CC;
  --gray-500: #8A877F;
  --gray-700: #3E3C38;
  --white: #FFFFFF;
  --shadow-sm: 0 2px 12px rgba(0,0,0,0.06);
  --shadow-md: 0 8px 32px rgba(0,0,0,0.09);
  --shadow-lg: 0 20px 60px rgba(0,0,0,0.12);
  --r-sm: 8px; --r-md: 14px; --r-lg: 20px; --r-xl: 28px;
  --max: 1400px;
}
body { font-family:'Poppins',sans-serif; background:#fff; color:#111; line-height:1.7; overflow-x:hidden; }
.cbt-wrap { max-width:var(--max); margin:0 auto; width:100%; }
.cbt-tag {
  display:inline-flex; align-items:center; gap:8px;
  background:var(--orange-light); color:var(--orange-dark);
  font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase;
  padding:5px 14px; border-radius:100px; margin-bottom:1rem;
}
.cbt-tag::before { content:''; width:6px; height:6px; border-radius:50%; background:var(--orange); }
.cbt-title { font-size:clamp(1.8rem,3vw,2.8rem); font-weight:800; line-height:1.18; color:#111; margin-bottom:1rem; }
.cbt-title span { color:var(--orange); }
.cbt-sub { font-size:1rem; color:var(--gray-500); max-width:560px; line-height:1.8; }
.cbt-sec-head { text-align:center; margin-bottom:3.5rem; }
.cbt-sec-head .cbt-sub { margin:0 auto; }
.btn-orange {
  display:inline-block; background:var(--orange); color:#fff;
  font-size:14px; font-weight:700; padding:13px 30px; border-radius:var(--r-sm);
  text-decoration:none; border:none; cursor:pointer;
  transition:background .2s, transform .15s, box-shadow .2s;
  box-shadow:0 4px 18px rgba(232,127,36,.32);
}
.btn-orange:hover { background:var(--orange-dark); transform:translateY(-2px); box-shadow:0 8px 26px rgba(232,127,36,.42); }
.btn-outline {
  display:inline-flex; align-items:center; gap:8px;
  background:transparent; color:#111; font-size:14px; font-weight:700;
  padding:13px 30px; border-radius:var(--r-sm); text-decoration:none;
  border:1.5px solid var(--gray-300);
  transition:border-color .2s, color .2s, transform .15s;
}
.btn-outline:hover { border-color:var(--orange); color:var(--orange); transform:translateY(-2px); }
@keyframes cbtFadeUp { from{opacity:0;transform:translateY(30px)} to{opacity:1;transform:translateY(0)} }
@keyframes cbtFloat  { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-10px)} }
@media(max-width:768px){ body{font-size:15px;} }
</style>/* End custom CSS */