/* styles.css */
.whatsapp-icon {
    position: fixed;
    right: 87px; /* Adjust as needed */
    bottom: 20px; /* Adjust as needed */
    z-index: 1000; /* Ensure it’s on top of other content */
}

.whatsapp-iconimg {
    width: 46px; /* Adjust size as needed */
    height: 60px; /* Adjust size as needed */
    border-radius:55px 52px 58px 0px; /* Optional: make it round */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Optional: add a shadow */
}

/*aded */

  .logo-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    background: #fff;
    border-radius: 16px;
  }

  .logo-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 24px rgba(255, 255, 255, 0.1);
  }

 

  .logo-card:hover .logo-image {
    filter: grayscale(0%);
  }

  @media (max-width: 768px) {
    .logo-image {
      max-height: 60px;
    }
  }


 .logo-card {
    height: 200px; /* Adjust as needed */
    width: 100%; /* Full width of the column */
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .logo-card img.logo-image {
      /*object-fit: contain;*/
    filter: grayscale(0%);
    transition: filter 0.3s ease;
    max-height: 100px; /* To ensure all logos fit neatly */
  
  }

  @media (min-width: 768px) {
    .logo-card {
      height: 220px; /* Optional: slightly taller on medium+ screens */
    }
  }