/* technology  css*/

  /* Enhanced tech section */
         #technologies {
             background-color: #f8fafc;
             overflow: hidden;
         }

         /* Scrolling wrapper */
         .scrolling-wrapper {
             overflow: hidden;
             width: 100%;
             position: relative;
         }

         /* Inner container with technologies */
         .scrolling-inner {
             display: flex;
             gap: 30px;
             padding: 20px 0;
             animation: scrollTech 40s linear infinite;
         }

         .scrolling-inner:hover {
             animation-play-state: paused;
         }

         /* Technology Card */
         .technology-card {
             display: flex;
             flex-direction: column;
             align-items: center;
             padding: 20px;
             background: #ffffff;
             border-radius: 12px;
             box-shadow: 0 6px 12px rgba(0, 0, 0, 0.06);
             transition: transform 0.3s ease, box-shadow 0.3s ease;
             flex-shrink: 0;
             width: 140px;
             border: 1px solid rgba(0, 0, 0, 0.05);
         }

         /* Technology Card hover effect */
         .technology-card:hover {
             transform: translateY(-8px);
             box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
             border-color: rgba(255, 0, 103, 0.3);
         }

         /* Technology logo images */
         .technology-card img {
             max-width: 70px;
             max-height: 70px;
             object-fit: contain;
             transition: transform 0.3s ease;
         }

         /* Animation for auto scrolling */
         @keyframes scrollTech {
             0% {
                 transform: translateX(0);
             }

             100% {
                 transform: translateX(calc(-140px * 13 - 30px * 13));
                 /* Card width * number of cards + gap * number of gaps */
             }
         }