/* numbers */
.numbers-section {
  padding-block: 80px;
  background-color: #FFF;
     background-image:
        linear-gradient(to bottom,
            rgba(0, 0, 0, 0.85) 0%,
            rgba(0, 0, 0, 0.5) 50%,
            rgba(0, 0, 0, 0.85) 100%),
        url('https://rayhome.com.sa/wp-content/uploads/2025/11/numbers-bg-scaled.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.numbers-section h2 {
  font-weight: 200;
  font-size: clamp(28px, 5vw, 60px);
  text-transform: uppercase;
  background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(153, 153, 153) 100%) text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  margin-bottom: 60px;
}

.number-card {
  background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(153, 153, 153) 100%) text !important;
  padding: 40px 20px;
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0px 1px 20px rgba(153, 153, 153, 0.1);
  text-align: center;
  transition: all 0.3s ease-in !important;
}

.number-card:hover {
  transform: scale(1.05);
  box-shadow: 0px 1px 20px rgba(153, 153, 153, 0.2);
}
.numbers-section .number-card h3 {
  font-size: clamp(40px, 6vw, 70px);
  color: #fff;
}

.numbers-section .number-card p {
  font-size: clamp(14px, 3vw, 20px);
  color: #fff;
}
@media(max-width: 576px) {
  .number-card:hover {
  transform: scale(1.03);
  }
}