.counter-section {
  width: 100%;
  /* background-color: #000; */
  padding: 4% 6%;
  text-align: center;
  height: 500px;
}

.counter-container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  /* max-width: 1200px; */
  margin: 0 auto;
  padding: 2% 0% 0% 0%;
}

.counter-box {
  display: flex;
  align-items: center;
  justify-content: start;
  padding: 7% 0% 7% 0%;
  color: #fff;
}

.icon-area {
  /* flex: 0 0 50px; */
  margin-right: 15px;
}

.counter-icon {
  /* width: 50px; */
  /* height: 50px; */
  width: 60%;
  height: 100%;
}

.text-area {
  flex: 100%;
  text-align: left;
}

.counter-value {
  font-size: 312%;
  font-weight: bold;
  color: #fff;
  margin-bottom: 10%;
}

.counter-title {
  font-size: 155%;
  color: #ccc;
  margin-top: 2px;
}

@media (max-width: 992px) {
  .counter-container {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 576px) {
  .counter-container {
    grid-template-columns: 1fr;
  }
}