.achievements-section {
       max-width: 1200px;
       margin: 0 auto;
       padding: 40px 20px;
   }

.section-header-about {
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
        }
        
        .section-title {
            text-align: center;
            font-weight: 700;
            color: #1E3A8A;
              padding-bottom: 20px;
            margin-bottom: 40px;
            /* padding: 12px 35px; */
            border-radius: 30px;
            /* box-shadow: 0 5px 15px rgba(10, 108, 241, 0.3); */
            font-size: 1.8rem;
            position: relative;
            z-index: 5;
            margin: 0 20px;
        }

   .achievements-grid {
       display: grid;
       grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
       gap: 25px;
   }

   .achievement-card {
       border-radius: 25px;
       overflow: hidden;
       box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
       transition: transform 0.3s ease, box-shadow 0.3s ease;
       height: 220px;
       position: relative;
   }

   .achievement-card:hover {
       transform: translateY(-5px);
       box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
   }

   .card-video {
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       object-fit: cover;
       opacity: 0.95;
       z-index: 1;
   }

   .card-content {
       position: relative;
       /* z-index: 2; */
       padding: 25px 20px;
       height: 100%;
       display: flex;
       flex-direction: column;
       justify-content: end;
       align-items: center;
       text-align: center;
       /* background: linear-gradient(135deg, rgba(52, 152, 219, 0.9) 0%, rgba(41, 128, 185, 0.85) 100%); */
       color: white;
   }

   .card-content.blue-gradient {
       background: linear-gradient(135deg, rgba(52, 152, 219, 0.9) 0%, rgba(41, 128, 185, 0.85) 100%);
   }

   .card-content.green-gradient {
       background: linear-gradient(135deg, rgba(46, 204, 113, 0.9) 0%, rgba(39, 174, 96, 0.85) 100%);
   }

   .card-content.purple-gradient {
       background: linear-gradient(135deg, rgba(155, 89, 182, 0.9) 0%, rgba(142, 68, 173, 0.85) 100%);
   }

   .card-content.orange-gradient {
       background: linear-gradient(135deg, rgba(241, 196, 15, 0.9) 0%, rgba(243, 156, 18, 0.85) 100%);
   }

   .card-content.red-gradient {
       background: linear-gradient(135deg, rgba(231, 76, 60, 0.9) 0%, rgba(192, 57, 43, 0.85) 100%);
   }

   .card-content.teal-gradient {
       background: linear-gradient(135deg, rgba(26, 188, 156, 0.9) 0%, rgba(22, 160, 133, 0.85) 100%);
   }

   .counter {
       font-size: 2.8rem;
       font-weight: 700;
       margin-bottom: 10px;
       color: white;
       z-index: 6;
       text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
   }

   .achievement-card h3 {
       font-size: 1.2rem;
       margin: 0;
       color: white;
       z-index: 6;
       font-weight: 500;
   }

   /* Responsive adjustments */
   @media (max-width: 768px) {
       .achievements-grid {
           grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
           gap: 20px;
       }

       .section-title {
           font-size: 2rem;
       }

       .counter {
           font-size: 2.2rem;
       }
   }

   @media (max-width: 480px) {
       .achievements-grid {
           grid-template-columns: 1fr;
       }

       .achievement-card {
           height: 180px;
       }

       .section-title {
           font-size: 1.8rem;
           margin-bottom: 40px;
       }
   }