/* New css for numbers */
.stats-section {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  margin-top: 2rem;
}

.stats-card {
  background-color: #f9f9f9;
  border-radius: 15px;
  padding: 2rem 1rem;
  transition: transform 0.3s ease;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  max-width: 250px;
}

.stats-card:hover {
  transform: scale(1.05);
}

.stats-icon {
  font-size: 2.5rem;
  color: #ffc904;
  margin-bottom: 1rem;
}

.numbers {
  font-size: 3.5em;
  font-weight: 900;
  color: #333;
}

.description {
  font-size: 1.1em;
  font-weight: 700;
  color: #555;
}

.image-container {
  background-image: url("/images/aboutfcsua/normalSize.jpeg");
  height: 80vh;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  display: flex;
  align-items: end;
}

.text-primary {
  color: #36a652 !important;
  /* or another shade of blue */
}

.gray-background {
  background-color: #f7f7f7;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

@media (max-width: 992px) {
  .stats-section {
    flex-direction: column;
    align-items: center;
  }
}

@media (min-width: 992px) {
  .image-container {
    height: 70vh;
  }
}

/* Media query for smaller screens */
@media (max-width: 768px) {
  .image-container {
    background-image: url("/images/aboutfcsua/tabletSize.jpeg");
    /* background-image: url("/images/aboutfcsua/phoneSizee.jpg"); */
    height: 50vh;
  }
}
@media (max-width: 440px) {
  .image-container {
    background-image: url("/images/aboutfcsua/phoneSize.jpeg");
    /* background-image: url("/images/aboutfcsua/phoneSizee.jpg"); */
    height: 50vh;
  }
}