/* Stats counter – compact unified strip */
.stats-counter-section {
  position: relative;
  padding: 0 0 48px;
  margin-top: -28px;
  z-index: 2;
}

.stats-counter-panel {
  position: relative;
  padding: 6px;
  border-radius: 20px;
  background: linear-gradient(135deg, rgba(10, 25, 47, 0.06) 0%, rgba(13, 64, 69, 0.1) 100%);
  box-shadow: 0 16px 40px rgba(10, 25, 47, 0.1);
}

.stats-counter-panel::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 20px;
  padding: 1px;
  background: linear-gradient(135deg, rgba(10, 25, 47, 0.14), rgba(13, 64, 69, 0.22));
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}

.stats-counter-panel .stats-counter-row {
  margin: 0;
  --bs-gutter-x: 0;
  --bs-gutter-y: 0;
}

.stats-counter-item {
  position: relative;
  display: flex;
  align-items: center;
  gap: 14px;
  min-height: 88px;
  padding: 16px 22px;
  border-radius: 16px;
  background: linear-gradient(145deg, #0a192f 0%, #0d4045 100%);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.stats-counter-item:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 28px rgba(10, 25, 47, 0.22);
}

.stats-counter-item .stats-counter-icon {
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.16);
  backdrop-filter: blur(4px);
}

.stats-counter-item .stats-counter-icon img {
  width: 28px;
  height: 28px;
  object-fit: contain;
  display: block;
}

.stats-counter-item .stats-counter-icon i {
  font-size: 20px;
  color: #ffffff;
  line-height: 1;
}

.stats-counter-item .stats-counter-body {
  min-width: 0;
  flex: 1;
}

.stats-counter-item .stats-counter-number {
  position: relative;
  left: auto;
  top: auto;
  margin: 0 0 2px;
  font-size: 30px;
  line-height: 1.1;
  font-weight: 700;
  color: #ffffff;
  letter-spacing: -0.5px;
}

.stats-counter-item .stats-counter-number .count-text {
  font-size: 30px;
  line-height: 1.1;
  font-weight: 700;
  color: #ffffff;
}

.stats-counter-item .stats-counter-number sup {
  top: -0.2em;
  margin-left: 1px;
  font-size: 16px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.85);
}

.stats-counter-item .stats-counter-label {
  display: block;
  font-size: 13px;
  line-height: 1.35;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.72);
  max-width: none;
  margin: 0;
}

.stats-counter-item .stats-counter-accent {
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 1px dashed rgba(255, 255, 255, 0.18);
  opacity: 0.55;
  pointer-events: none;
}

@media (min-width: 992px) {
  .stats-counter-panel .column:not(:last-child) .stats-counter-item {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-right: 4px;
  }

  .stats-counter-panel .column:not(:first-child) .stats-counter-item {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    margin-left: 4px;
  }

  .stats-counter-panel .column + .column .stats-counter-item::before {
    content: "";
    position: absolute;
    left: -2px;
    top: 22%;
    height: 56%;
    width: 1px;
    background: rgba(255, 255, 255, 0.12);
  }
}

@media (max-width: 991.98px) {
  .stats-counter-section {
    margin-top: 0;
    padding-bottom: 40px;
  }

  .stats-counter-panel .column {
    margin-bottom: 8px;
  }

  .stats-counter-panel .column:last-child {
    margin-bottom: 0;
  }

  .stats-counter-item {
    min-height: 80px;
    padding: 14px 18px;
  }
}

@media (max-width: 575.98px) {
  .stats-counter-item .stats-counter-number,
  .stats-counter-item .stats-counter-number .count-text {
    font-size: 26px;
  }

  .stats-counter-item .stats-counter-label {
    font-size: 12px;
  }

  .stats-counter-item .stats-counter-accent {
    display: none;
  }
}
