.wcus-container {
  background: black;
  min-height: 500px;

  display: flex;
  justify-content: center; /* horizontal centering */
  align-items: center;     /* vertical centering */
  gap: 50px;               /* space between left and right sections */
  flex-wrap: wrap;         /* allow stacking on smaller screens */
  padding: 40px 20px;      /* some padding */
}


/* LEFT SIDE */
.wcus-left .line1 {
  font-weight: 900;
  font-size: clamp(2.5rem, 8vw, 5rem);
  line-height: 1;
}

.wcus-left .line2 {
  font-size: clamp(3.5rem, 10vw, 8rem);
  font-weight: 900;
  -webkit-text-stroke: 3px #ffffff;
  color: transparent;
  margin-top: -10px;
  line-height: 1;
  padding-top: 10px;
}

/* RIGHT SIDE */
.wcus-right {
  padding: 20px 0;
  flex-wrap: wrap; /* optional if stacking on small screens */
}

/* Base style (applies to all counter boxes) */
.wcus-counter-box {
  border: 2px solid black;
  border-radius: 12px;
  padding: 30px 40px;
  width: 220px;
  box-shadow: 0 0 10px rgba(0,0,0,0.2);
  user-select: none;
  text-align: center;
}

/* 1st and 3rd box: teal bg, white text */
.wcus-right .wcus-counter-box:nth-child(1),
.wcus-right .wcus-counter-box:nth-child(3) {
  background: #01396f;
  color: white;
}

/* 2nd and 4th box: white bg, black text */
.wcus-right .wcus-counter-box:nth-child(2),
.wcus-right .wcus-counter-box:nth-child(4) {
  background: white;
  color: #01396f;
}

/* Number and label styles (same for all boxes) */
.wcus-counter-number {
  font-size: clamp(32px, 6vw, 48px);
  font-weight: 700;
}

.wcus-counter-label {
  margin-top: 10px;
  font-size: clamp(16px, 3vw, 22px);
  font-weight: 600;
}



/* Two counters per row on phones */
@media (max-width: 768px) {
  .wcus-right {
    justify-content: center;           /* optional – centres the rows */
    gap: 20px;                         /* keeps a bit of space */
  }

  .wcus-counter-box {
    flex: 1 1 calc(50% - 20px);        /* 50 % width minus the gap */
    max-width: calc(50% - 20px);       /* ensures it never grows wider */
    width: auto;                       /* override the fixed 220 px */
    margin: 0;                         /* the gap now handles spacing */
  }

  .wcus-left{

  text-align: center;
  }
}