.stats-container {
       justify-self: center;
       display: grid;
       grid-template-columns: repeat(4, 1fr);
       gap: 40px;
       max-width: 1200px;
       width: 100%;
       padding: 60px 42px;
   }

   .stat-card {
       text-align: center;
       padding: 30px 20px;
       border-radius: 16px;
       border: 1px solid rgba(148, 163, 184, 0.1);
       transition: all 0.4s ease;
       position: relative;
       overflow: hidden;
   }

   .stat-card::before {
       content: '';
       position: absolute;
       top: 0;
       left: 0;
       right: 0;
       height: 3px;
       background: #0b2f4e;
       opacity: 0;
       transition: opacity 0.3s ease;
   }

   .stat-card:hover::before {
       opacity: 1;
   }

   .stat-card:hover {
       transform: translateY(-2px);
       background: rgba(148, 163, 184, 0.08);
       border-color: rgba(148, 163, 184, 0.2);
   }

   .stat-icon {
       width: 70px;
       height: 70px;
       margin: 0 auto 20px;
       transition: all 0.3s ease;
   }

   .stat-card:hover .stat-icon {
       opacity: 1;
       transform: scale(1.1);
   }

   .stat-number {
       font-size: 3.5rem;
       font-weight: 700;
       color: #123d63ff;
       margin-bottom: 12px;
       letter-spacing: -0.02em;
       line-height: 1;
   }

   .stat-label {
       font-size: 1.1rem;
       color: #323337;
       font-weight: 500;
       letter-spacing: 0.025em;
   }

   .stat-card:nth-child(1) .stat-label {
       animation-delay: 2.2s;
   }

   .stat-card:nth-child(2) .stat-label {
       animation-delay: 2.4s;
   }

   .stat-card:nth-child(3) .stat-label {
       animation-delay: 2.6s;
   }

   .stat-card:nth-child(4) .stat-label {
       animation-delay: 2.8s;
   }

   @keyframes fadeInUp {
       from {
           opacity: 0;
           transform: translateY(15px);
       }

       to {
           opacity: 1;
           transform: translateY(0);
       }
   }

   @media (max-width: 1024px) {
       .stats-container {
           grid-template-columns: repeat(2, 1fr);
           gap: 30px;
           padding: 40px 30px;
       }
   }

   @media (max-width: 640px) {
       .stats-container {
           grid-template-columns: 1fr;
           gap: 20px;
           padding: 30px 20px;
       }

       .stat-number {
           font-size: 2.8rem;
       }

       .stat-label {
           font-size: 1rem;
       }

       .stat-icon {
           width: 50px;
           height: 50px;
       }
   }