.elementor-2664 .elementor-element.elementor-element-e6c8b0d{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2664 .elementor-element.elementor-element-e6c8b0d:not(.elementor-motion-effects-element-type-background), .elementor-2664 .elementor-element.elementor-element-e6c8b0d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F6FB;}/* Start custom CSS for html, class: .elementor-element-c2ddd68 */.pb-metric-wrap {
  --pb-blue: #1777FF;
  --pb-ink: #0d0d0d;
  --pb-cream: #f2f1ed;
  --pb-white: #ffffff;
  --pb-muted: #4a4a4a;
  --pb-card-w: 500px;
  --pb-card-h: 290px;
  --pb-gap: 18px;
  --pb-pad: 60px;
  --pb-duration: 55s;

  position: relative !important;
  width: 100% !important;
  background: #ffffff !important;
  padding: 50px 0 50px !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}


/* ---------- HEADER ---------- */
.pb-metric-head {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 10px !important;
  text-align: center !important;
  padding: 0 var(--pb-pad) 12px !important;
}

.pb-metric-eyebrow {
  font-family: 'Manrope', sans-serif !important;
  font-size: 10.5px !important;
  font-weight: 600 !important;
  letter-spacing: .22em !important;
  text-transform: uppercase !important;
  color: var(--pb-blue) !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
}

.pb-metric-eyebrow::before,
.pb-metric-eyebrow::after {
  content: '' !important;
  width: 20px !important;
  height: 1.5px !important;
  background: var(--pb-blue) !important;
  border-radius: 2px !important;
}

.pb-metric-title {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: clamp(24px, 3vw, 42px) !important;
  font-weight: 700 !important;
  color: var(--pb-ink) !important;
  letter-spacing: -.025em !important;
  line-height: 1.1 !important;
  margin: 0 !important;
}

.pb-metric-title em {
  font-style: normal !important;
  color: var(--pb-blue) !important;
}

/* ---------- MARQUEE ---------- */
.pb-metric-marquee {
  position: relative !important;
  width: 100% !important;
  overflow: hidden !important;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 6%, #000 94%, transparent 100%) !important;
  mask-image: linear-gradient(90deg, transparent 0%, #000 6%, #000 94%, transparent 100%) !important;
}

.pb-metric-rail {
  display: flex !important;
  width: max-content !important;
  padding: 14px 0 !important;
  will-change: transform !important;
  animation: pbMetricScroll var(--pb-duration) linear infinite !important;
}

.pb-metric-marquee:hover .pb-metric-rail {
  animation-play-state: paused !important;
}

@keyframes pbMetricScroll {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

/* ---------- CARD ---------- */
.pb-metric-card {
  position: relative !important;
  flex: 0 0 var(--pb-card-w) !important;
  width: var(--pb-card-w) !important;
  height: var(--pb-card-h) !important;
  margin-right: var(--pb-gap) !important;
  background: var(--pb-white) !important;
  border-radius: 12px !important;
  border: 1px solid rgba(13,13,13,.06) !important;
  box-shadow: 0 6px 22px rgba(13,13,13,.05) !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: stretch !important;
}

/* left brand accent rail */
.pb-metric-card::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 4px !important;
  height: 100% !important;
  background: var(--pb-blue) !important;
  transform: scaleY(.35) !important;
  transform-origin: top !important;
  transition: transform .55s cubic-bezier(.22,1,.36,1) !important;
  z-index: 5 !important;
}

.pb-metric-card:hover::before {
  transform: scaleY(1) !important;
}

/* ---------- CONTENT ---------- */
.pb-metric-content {
  flex: 0 0 48% !important;
  position: relative !important;
  z-index: 2 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  padding: 28px 14px 28px 30px !important;
}

.pb-metric-num-row {
  display: flex !important;
  align-items: baseline !important;
  gap: 2px !important;
  margin-bottom: 6px !important;
}

.pb-metric-num {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 60px !important;
  font-weight: 800 !important;
  color: var(--pb-ink) !important;
  letter-spacing: -.045em !important;
  line-height: .9 !important;
  transition: color .3s ease !important;
  margin-bottom:5px;
}

.pb-metric-card:hover .pb-metric-num {
  color: var(--pb-blue) !important;
}

.pb-metric-plus {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 37px !important;
  font-weight: 700 !important;
  color: var(--pb-blue) !important;
  line-height: 1.2 !important;
   margin-bottom:px;
}

.pb-metric-label {
  font-family: 'Manrope', sans-serif !important;
  font-size: 21px !important;
  font-weight: 800 !important;
  color: #090909 !important;
  margin: 0 0 17px !important;
  line-height: 1.20 !important;
  position: relative !important;
  display: inline-block !important;
 
}

.pb-metric-label::after {
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  bottom: -10px !important;
  width: 26px !important;
  height: 2.5px !important;
  border-radius: 9px !important;
  background: var(--pb-blue) !important;
  transition: width .35s cubic-bezier(.22,1,.36,1) !important;
}

.pb-metric-card:hover .pb-metric-label::after {
  width: 52px !important;
}

.pb-metric-desc {
  font-family: 'Manrope', sans-serif !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
  color: var(--pb-muted) !important;
  font-weight: 400 !important;
  margin: 0 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

/* ---------- VISUAL (angled slice + clean blue seam) ---------- */
.pb-metric-visual {
  flex: 0 0 52% !important;
  position: relative !important;
  overflow: hidden !important;
  background: var(--pb-blue) !important;
  clip-path: polygon(14% 0, 100% 0, 100% 100%, 0% 100%) !important;
}

.pb-metric-visual img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
  clip-path: polygon(15.4% 0, 100% 0, 100% 100%, 1.4% 100%) !important;  /* inset reveals the blue seam along the diagonal */
  filter: brightness(.96) saturate(.98) !important;
  transition: transform .7s cubic-bezier(.22,1,.36,1), filter .4s ease !important;
}

.pb-metric-card:hover .pb-metric-visual img {
  transform: scale(1.06) !important;
  filter: brightness(1.02) saturate(1.05) !important;
}

/* shine sweep (follows the angled shape) */
.pb-metric-visual::after {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: -90% !important;
  width: 55% !important;
  height: 100% !important;
  background: linear-gradient(115deg, transparent 0%, rgba(255,255,255,.5) 50%, transparent 100%) !important;
  transform: skewX(-16deg) !important;
  z-index: 3 !important;
  pointer-events: none !important;
  transition: left .85s cubic-bezier(.22,1,.36,1) !important;
}

.pb-metric-card:hover .pb-metric-visual::after {
  left: 150% !important;
}

.pb-metric-tag {
  position: absolute !important;
  bottom: 16px !important;
  right: 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  background: rgba(255,255,255,.92) !important;
  border: none !important;
  border-radius: 4px !important;
  padding: 5px 9px !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: 9.5px !important;
  font-weight: 600 !important;
  color: #1a1a1a !important;
  letter-spacing: .09em !important;
  text-transform: uppercase !important;
  backdrop-filter: blur(10px) !important;
  z-index: 4 !important;
  white-space: nowrap !important;
  transition: background .28s ease, color .28s ease !important;
}

.pb-metric-tag::before {
  content: '' !important;
  width: 5px !important;
  height: 5px !important;
  border-radius: 50% !important;
  background: var(--pb-blue) !important;
  margin-right: 7px !important;
  transition: background .28s ease !important;
}

.pb-metric-card:hover .pb-metric-tag {
  background: var(--pb-blue) !important;
  color: #fff !important;
}

.pb-metric-card:hover .pb-metric-tag::before {
  background: #fff !important;
}

/* ---------- RESPONSIVE ---------- */
@media (max-width: 960px) {
  .pb-metric-wrap {
    --pb-card-w: 440px;
    --pb-card-h: 275px;
    --pb-pad: 32px;
    --pb-duration: 46s;
  }
  .pb-metric-num { font-size: 54px !important; }
  .pb-metric-plus { font-size: 32px !important; }
  .pb-metric-label { font-size: 20px !important; }
}

@media (max-width: 600px) {
  .pb-metric-wrap {
    --pb-card-w: 320px;
    --pb-card-h: 240px;
    --pb-pad: 20px;
    --pb-gap: 12px;
    --pb-duration: 36s;
    padding: 40px 0 32px !important;
  }
  .pb-metric-head { padding: 0 20px 12px !important; }
  .pb-metric-content { flex: 0 0 50% !important; padding: 22px 10px 22px 22px !important; }
  .pb-metric-visual {
    flex: 0 0 50% !important;
    clip-path: polygon(12% 0, 100% 0, 100% 100%, 0% 100%) !important;
  }
  .pb-metric-visual img { clip-path: polygon(13.6% 0, 100% 0, 100% 100%, 1.6% 100%) !important; }
  .pb-metric-num { font-size: 42px !important; }
  .pb-metric-plus { font-size: 25px !important; }
  .pb-metric-label { font-size: 17px !important; margin: 0 0 18px !important; }
  .pb-metric-desc { font-size: 12px !important; -webkit-line-clamp: 3 !important; }
}

@media (prefers-reduced-motion: reduce) {
  .pb-metric-rail { animation: none !important; }
  .pb-metric-marquee { overflow-x: auto !important; -webkit-overflow-scrolling: touch !important; }
  .pb-metric-marquee::-webkit-scrollbar { display: none !important; }
}/* End custom CSS */
/* Start custom CSS */:root {
  --navy: #050B18;
  --midnight: #08111F;
  --card-navy: #0D1728;
  /*--cyan: #00C8FF;*/
  --cyan: #2c74ff;
  --purple: #7A5CFF;
  --mint: #26F4B8;
  --gold: #F5C76B;
  --ice: #F5F7FA;
  --cool-grey: #AAB4C3;
  --muted-grey: #748096;
  --border: #1C2B40;
  --gradient: linear-gradient(135deg, #00C8FF 0%, #7A5CFF 58%, #26F4B8 100%);
}
body{
    overflow-x: hidden;
}/* End custom CSS */