.app-icons-container {
     max-width: 1200px;
     margin: 0 auto;
 }

 .app-icons-grid {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
     gap: 24px;
     padding: 10px 0;
 }

 .service-card-link {
     text-decoration: none;
     color: inherit;
 }

 .service-card {
     background: rgba(255, 255, 255, 0.219);
     border-radius: 12px;
     padding: 24px;
     display: flex;
     flex-direction: column;
     align-items: center;
     gap: 16px;
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
     transition: transform 0.3s ease, box-shadow 0.3s ease;
     opacity: 0;
     transform: translateX(0);
 }

 .service-card.slide-from-left {
     transform: translateX(-100px);
 }

 .service-card.slide-from-right {
     transform: translateX(100px);
 }

 .service-card.visible-in-view {
     opacity: 1;
     transform: translateX(0);
     transition: opacity 0.6s ease, transform 0.6s ease;
 }

 .service-card:hover {
     transform: translateY(-4px);
     box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
 }

 .service-icon-wrapper {
     width: 64px;
     height: 64px;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .service-icon-wrapper img {
     width: 40px;
     height: 40px;
     object-fit: contain;
 }

 .service-title {
     font-size: 14px;
     font-weight: 500;
     color: #1d1d1f;
     text-align: center;
 }

 @media (max-width: 768px) {
     .app-icons-grid {
         grid-template-columns: repeat(3, 1fr);
         gap: 16px;
     }

     .service-card {
         padding: 20px;
     }

     .service-icon-wrapper {
         width: 56px;
         height: 56px;
     }

     .service-icon-wrapper img {
         width: 36px;
         height: 36px;
     }
 }

 @media (max-width: 480px) {
     .app-icons-grid {
         grid-template-columns: repeat(3, 1fr);
         gap: 12px;
     }

     .service-card {
         padding: 16px;
     }
 }