section.logos {
      padding: 60px 20px;
      text-align: center;
      background: #f9f9f9;
    }

    section.logos h2 {
      font-size: 32px;
      margin-bottom: 40px;
      color: #222;
    }

    .logo-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
      gap: 35px;
      align-items: center;
      justify-items: center;
    }

    .logo-grid img {
      max-width: 180px;
      max-height: 120px;
      transition: transform 0.5s ease, opacity 0.5s ease;
      opacity: 0;
      transform: scale(0.5);
    }

    /* Show animation */
    .logo-grid img.show {
      opacity: 1;
      animation: bounceIn 0.8s ease forwards;
    }

    /* Hover animation */
    .logo-grid img:hover {
      transform: scale(1.2) rotate(3deg);
      transition: transform 0.4s ease-in-out;
    }

    /* Keyframes for bounce animation */
    @keyframes bounceIn {
      0%   { transform: scale(0.5); opacity: 0; }
      50%  { transform: scale(1.2); opacity: 0.7; }
      100% { transform: scale(1); opacity: 1; }
    }

    @media (max-width: 600px) {
      .logo-grid {
        gap: 20px;
      }
      .logo-grid img {
        max-width: 130px;
        max-height: 90px;
      }
    }


    .float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.my-float{
	margin-top:16px;
}