/*Brand Page Css Start */
.brand-box {
    text-decoration: none;
    color: black;
    transition: transform 0.3s ease;
}
 
.brand-box:hover {
    transform: translateY(-5px);
}
 
.cbrand {
  position: relative;
  text-align: center;
  box-shadow: 0px 0px 5px 0px #e7e7e7;
  backdrop-filter: saturate(1.5);
  padding-bottom:10px;
}
 
 
.cbrand::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  backdrop-filter: blur(10px); /* Adjust the blur amount as needed */
  z-index: -1; /* Ensure the pseudo-element is behind the content */
}
 
 
.page-id-168464 .cbrand img {
    max-width: 100%;
    height: auto;
}
 
.cbrand h3 {
    font-size: 15px;
    font-weight: 500;
	color: var(--global-palette-highlight);
    transition: all .1s linear;
}
.cbrand:hover h3 {
  color: #ff00dd;
}
 
 
/* Desktop - 5 boxes in a row */
@media (min-width: 768px) {
    .custom-brands-grid {
    display: grid;
    gap: 45px;
    margin-bottom: 30px;
    }
 
    .custom-brands-grid {
        grid-template-columns: repeat(5, 1fr);
    }
 
    .cbrand img {
        padding: 30px;
    }
 
    .cbrand h3 {
        margin-top: -25px;
    }
}
 
/* Mobile - 2 boxes in a row */
@media (max-width: 767px) {
    .custom-brands-grid {
		display: grid;
		gap: 20px;
		margin-bottom: 30px;
    }
 
    .custom-brands-grid {
        grid-template-columns: repeat(2, 1fr);
    }
 
    .cbrand img {
        padding: 20px; /* Adjust padding for smaller screens */
    }
 
    .cbrand h3 {
        margin-top: 10px; /* Adjust margin for smaller screens */
    }
}
/*Brand Page Css End */