.logo-container {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 35px;
      margin-bottom: 2px;
   }

   .logo-wrapper { width: 70px; height: 70px; display: flex; justify-content: center; align-items: center; transition: transform 0.3s ease; }
   .logo-wrapper2 { width: 110px; height: 90px; display: flex; justify-content: center; align-items: center; transition: transform 0.3s ease; }
   .logo-wrapper3 { width: 90px; height: 90px; display: flex; justify-content: center; align-items: center; transition: transform 0.3s ease; }
   .logo-wrapper4 { width: 100px; height: 100px; display: flex; justify-content: center; align-items: center; transition: transform 0.3s ease; }
   .logo-wrapper5 { width: 68px; height: 68px; display: flex; justify-content: center; align-items: center; transition: transform 0.3s ease; }
   
   .logo-wrapper:hover,
   .logo-wrapper2:hover,
   .logo-wrapper3:hover { transform: scale(1.05); }
      @media (max-width: 768px) {

       .logo-wrapper { width: 20px; height: 20px; }
       .logo-wrapper2 { width: 60px; height: 60px; }
   }