/* ==========================================================
   FINAL STATS BANNER FIX
   Smaller typography + balanced padding + aligned Global Presence
   ========================================================== */

.dc-stats-banner{
  grid-template-columns: 1fr 1fr 1.08fr !important;
  min-height: 150px !important;
  border-radius: 22px !important;
}

.dc-stat{
  min-height: 150px !important;
  padding: 24px 42px !important;
  align-items: center !important;
}

.dc-stat + .dc-stat{
  border-left: 1px solid #e4e8ea !important;
}

.dc-stat-icon{
  flex: 0 0 56px !important;
  width: 56px !important;
  height: 56px !important;
  margin-right: 22px !important;
  border-radius: 17px !important;
}

.dc-stat-icon svg{
  width: 25px !important;
  height: 25px !important;
}

.dc-stat .stat-number{
  font-size: 1.55rem !important;
  line-height: 1.08 !important;
  letter-spacing: -.025em !important;
}

.dc-stat .stat-label{
  margin-top: 5px !important;
  font-size: .88rem !important;
  line-height: 1.3 !important;
}

.dc-stat .stat-accent{
  width: 62px !important;
  height: 4px !important;
  margin-top: 13px !important;
}

.dc-stat .stat-caption{
  margin-top: 8px !important;
  font-size: .54rem !important;
  line-height: 1.2 !important;
  letter-spacing: .15em !important;
}

/* Global Presence gets the same vertical rhythm and enough text width. */
.dc-stat-orange{
  padding-left: 46px !important;
  padding-right: 32px !important;
}

.dc-stat-orange .stat-content{
  min-width: 0;
  flex: 1 1 auto;
}

.dc-stat-orange .stat-number{
  font-size: 1.48rem !important;
  letter-spacing: -.02em !important;
  white-space: nowrap !important;
}

.dc-stat-orange .stat-label{
  white-space: nowrap !important;
}

.dc-stat-orange .stat-caption{
  white-space: nowrap !important;
}

/* Keep the decorative arcs subtle and contained. */
.dc-stats-arc{
  width: 170px !important;
  height: 170px !important;
  border-width: 24px !important;
}

.dc-stats-arc-left{
  left: -90px !important;
  bottom: -105px !important;
}

.dc-stats-arc-right{
  right: -90px !important;
  bottom: -105px !important;
}

/* Desktop / medium desktop */
@media (max-width: 1200px) and (min-width: 769px){
  .dc-stat{
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  .dc-stat-orange{
    padding-left: 34px !important;
    padding-right: 25px !important;
  }

  .dc-stat-icon{
    flex-basis: 52px !important;
    width: 52px !important;
    height: 52px !important;
    margin-right: 17px !important;
  }

  .dc-stat .stat-number{
    font-size: 1.42rem !important;
  }

  .dc-stat-orange .stat-number{
    font-size: 1.34rem !important;
  }
}

/* Tablet */
@media (max-width: 768px){
  .dc-stats-banner{
    grid-template-columns: 1fr !important;
    min-height: 0 !important;
  }

  .dc-stat{
    min-height: 122px !important;
    padding: 22px 24px !important;
  }

  .dc-stat + .dc-stat{
    border-left: 0 !important;
    border-top: 1px solid #e4e8ea !important;
  }

  .dc-stat-orange{
    padding-left: 24px !important;
    padding-right: 24px !important;
  }

  .dc-stat-icon{
    flex-basis: 52px !important;
    width: 52px !important;
    height: 52px !important;
    margin-right: 17px !important;
  }

  .dc-stat .stat-number,
  .dc-stat-orange .stat-number{
    font-size: 1.38rem !important;
  }

  .dc-stat .stat-label{
    font-size: .84rem !important;
  }

  .dc-stat .stat-caption{
    font-size: .51rem !important;
    letter-spacing: .13em !important;
  }

  .dc-stats-arc{
    display: none !important;
  }
}

/* Small mobile */
@media (max-width: 480px){
  .dc-stat{
    min-height: 112px !important;
    padding: 19px 17px !important;
  }

  .dc-stat-orange{
    padding-left: 17px !important;
    padding-right: 17px !important;
  }

  .dc-stat-icon{
    flex-basis: 48px !important;
    width: 48px !important;
    height: 48px !important;
    margin-right: 14px !important;
    border-radius: 14px !important;
  }

  .dc-stat-icon svg{
    width: 22px !important;
    height: 22px !important;
  }

  .dc-stat .stat-number,
  .dc-stat-orange .stat-number{
    font-size: 1.25rem !important;
  }

  .dc-stat .stat-label{
    font-size: .76rem !important;
  }

  .dc-stat .stat-caption{
    font-size: .46rem !important;
    letter-spacing: .10em !important;
  }
}