.FutureClientsContainer-header{ 
  background-color: #f7f7f7; 
  width: 100%; 
  overflow: hidden; /* Prevents horizontal scroll */
  position: relative;
} 
 
.FutureClientsContainer { 
  width: 100%; 
  max-width: 1400px; 
  margin: 0 auto; 
  padding: 60px 40px; 
  position: relative;
 
} 
 
.FutureClientsStatsSection { 
  padding-left: 6.9rem; 
  border-radius: 12px; 
  position: relative; 
  overflow: visible; 
  max-width: 100%;
} 
 

 
/* Heading Styles */ 
.FutureClientsMainHeading { 
  padding-top: 2rem; 
  line-height: 1.2; 
  font-size: clamp(2rem, 2rem, 3rem); 
  margin-bottom: 15px; 
  position: relative; 
  z-index: 1; 
  font-family: "Acumin Pro Semi Bold"; 
} 
 
.FutureClientsHeadingRed { 
  color: #a92823; 
  display: block; 
} 
 
.FutureClientsHeadingBlack { 
  color: #231f20; 
  display: block; 
} 
 
/* Description/Paragraph */ 
.FutureClientsDescription { 
  font-family: "Acumin Pro Medium"; 
  color: #939598; 
  margin-bottom: 70px; 
  font-size: clamp(1.2rem, 2vw, 1.2rem); 
  position: relative; 
  z-index: 1; 
} 
 
/* Stats Row */ 
.FutureClientsStatsRow { 
  display: flex; 
  flex-wrap: wrap; 
  gap: 7rem; 
  position: relative; 
  z-index: 1; 
} 
 
/* Individual Stat Card */ 
.FutureClientsStatCard { 
  display: flex; 
  flex-direction: column; 
  align-items: center; 
  text-align: center; 
  flex: 0 0 auto; 
} 
 
/* Icon Wrapper */ 
.FutureClientsIconWrapper { 
  width: 120px; 
  height: 120px; 
  display: flex; 
  align-items: center; 
  justify-content: center; 
  margin-bottom: 25px; 
} 
 
.FutureClientsIcon { 
  width: 90px; 
  height: 90px; 
} 
 
/* Stat Number */ 
.FutureClientsStatNumber { 
  font-size: clamp(2rem, 5vw, 2.8125rem); 
  font-weight: 800; 
  color: #231f20; 
  margin-bottom: 15px; 
  line-height: 1; 
} 
 
/* Stat Label */ 
.FutureClientsStatLabel { 
  font-size: clamp(1.1rem, 2vw, 1.1rem); 
  line-height: 1.5; 
  color: #231f20; 
  font-family: "Acumin Pro Semi Bold"; 
  font-weight: 500; 
} 
 
@media (max-width: 1299px) { 
  .FutureClientsStatsSection { 
    padding-left: 0rem; 
  } 
} 
 
@media (max-width: 1200px) {  
  .FutureClientsStatsRow { 
    gap: 50px 60px;  
  } 
} 
 
/* Tablet view - 2 cards per row below 971px */ 
@media (max-width: 971px) {  
  .FutureClientsStatsRow { 
    justify-content: center; 
  } 
} 
 
@media (max-width: 768px) { 
  /* Hide decorative lines on mobile */ 
  /* .FutureClientsDecorativeLineLeft, 
  .FutureClientsDecorativeLineRight { 
    display: none; 
  }  */
} 
 
@media (max-width: 480px) {  
  .FutureClientsContainer { 
    padding: 20px 20px; 
  } 
   
  .FutureClientsDescription { 
    margin-bottom: 20px; 
  } 
   
  .FutureClientsStatsRow { 
    gap: 20px 10px; 
  } 
}

/* Decorative Curved Lines */ 
.FutureClientsDecorativeLineLeft { 
    position: absolute; 
    right: 84%;
    top: 77%;
    transform: translateY(-50%); 
    width: 500px; 
    height: 230px; 
    opacity: 0.6; 
    z-index: 0; 
    pointer-events: none; 
    max-width: none;
    animation: moveAroundLeft 40s ease-in-out infinite;
} 
 
 
.FutureClientsDecorativeLineRight { 
    position: absolute; 
    right: -17rem;
    top: 50%;
    transform: translateY(-50%);
    width: 774px;
    height: 415px;
    opacity: 0.6; 
    z-index: 0; 
    pointer-events: none; 
    max-width: none;
    animation: moveAroundRight 40s ease-in-out infinite;
} 

/* Animation Keyframes - Left image moves around entire section */
@keyframes moveAroundLeft {
  0% {
    right: 84%;
    top: 77%;
    transform: translateY(-50%) rotate(0deg);
  }
  25% {
    right: 78%;
    top: 30%;
    transform: translateY(-50%) rotate(15deg);
  }
  50% {
    right: 85%;
    top: 10%;
    transform: translateY(-50%) rotate(-10deg);
  }
  75% {
    right: 90%;
    top: 50%;
    transform: translateY(-50%) rotate(20deg);
  }
  100% {
    right: 84%;
    top: 77%;
    transform: translateY(-50%) rotate(0deg);
  }
}

/* Animation Keyframes - Right image moves around entire section */
@keyframes moveAroundRight {
  0% {
    right: -17rem;
    top: 50%;
    transform: translateY(-50%) rotate(0deg);
  }
  20% {
    right: -15rem;
    top: 20%;
    transform: translateY(-50%) rotate(-15deg);
  }
  40% {
    right: -19rem;
    top: 70%;
    transform: translateY(-50%) rotate(10deg);
  }
  60% {
    right: -14rem;
    top: 85%;
    transform: translateY(-50%) rotate(-20deg);
  }
  80% {
    right: -18rem;
    top: 35%;
    transform: translateY(-50%) rotate(15deg);
  }
  100% {
    right: -17rem;
    top: 50%;
    transform: translateY(-50%) rotate(0deg);
  }
}