/* LOGOS */
.partner-logo-item.hidden {
    display: none;
}

.partner-logo img {
	    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    transform:scale(0.95);
	    opacity:1;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
	cursor:pointer;
   }
   .partner-logo img:hover {
	       -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
	       opacity: 1;
    transform:scale(1);
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
   }


.partner-logo-item img {
	    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    transform:scale(0.95);
	    opacity:1;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
	cursor:pointer;
   }
   .partner-logo-item img:hover {
	       -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
	       opacity: 1;
    transform:scale(1);
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
   }
   /* END */


   /* CSS for Partner Logos Grid */
.partner-logo-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 6 logos per row on desktop */
    gap: 20px; /* Add some gap between logos */
  }
  
  /* CSS for Partner Logo Item */
  .partner-logo {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  /* Responsive CSS for Tablet */
  @media screen and (max-width: 768px) {
    .partner-logo-grid {
      grid-template-columns: repeat(3, 1fr); /* 3 logos per row on tablet */
    }
  }
  
  /* Responsive CSS for Mobile */
  @media screen and (max-width: 480px) {
    .partner-logo-grid {
      grid-template-columns: repeat(1, 1fr); /* 1 logo per row on mobile */
    }
  }

  .partner-logo-grid {
    /* CSS properties here */
    margin: 0 !important;
    padding: 0 !important;
}



/* LOGOS */
.partner-logo img {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    transform: scale(0.95);
    opacity: 1;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    cursor: pointer;
}

.partner-logo img:hover {
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
    opacity: 1;
    transform: scale(1);
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}

/* CSS for Partner Logos Grid */
.partner-logo-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 6 logos per row on desktop */
    gap: 20px; /* Add some gap between logos */
}

/* CSS for Partner Logo Item */
.partner-logo-item {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Responsive CSS for Tablet */
@media screen and (max-width: 768px) {
    .partner-logo-grid {
        grid-template-columns: repeat(3, 1fr); /* 3 logos per row on tablet */
    }
}

/* Responsive CSS for Mobile */
@media screen and (max-width: 480px) {
    .partner-logo-grid {
        grid-template-columns: repeat(2, 1fr); /* 2 logos per row on mobile */
    }
}


/* CSS for Partner Logos Grid */
.brand-logo-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 6 logos per row on desktop */
    gap: 20px; /* Add some gap between logos */
}

/* Responsive CSS for Tablet */
@media screen and (max-width: 768px) {
    .brand-logo-grid {
        grid-template-columns: repeat(2, 1fr); /* 3 logos per row on tablet */
    }
}

/* Responsive CSS for Mobile */
@media screen and (max-width: 480px) {
    .brand-logo-grid {
        grid-template-columns: repeat(2, 1fr); /* 2 logos per row on mobile */
    }
}