/***
=============================================
Brand One
=============================================
***/
.brand-one {
  position: relative;
  display: block;
  background-color: var(--tanspot-primary);
  padding: 60px 0px 60px;
  z-index: 2;
}

.brand-one__single {
  position: relative;
  display: block;
}

.brand-one__single-inner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 25px 0px 24px;
  z-index: 1;
}

.brand-one__single-inner::before {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: var(--tanspot-white);
  transform: scaleX(0);
  transition: all 600ms ease 100ms;
  content: "";
  z-index: -1;
}

.brand-one__single:hover .brand-one__single-inner::before {
  transform: scaleY(1);
}

.brand-one__single-inner a {
  position: relative;
  display: block;
}

.brand-one__single {
  padding: 15px; /* Add some spacing around each logo */
}

.brand-one__single-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 120px; /* Fixed height for all logo containers */
  padding: 15px; /* Inner padding */
  background: var(--tanspot-white);
  transition: all 0.3s ease;
}

.brand-one__single-inner img {
  max-width: 100%;
  max-height: 80px; /* Maximum height for logos */
  width: auto;
  height: auto;
  object-fit: contain;
  transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transform: scale(1);
}

.brand-one__single:hover .brand-one__single-inner img {
  transform: scale(1.15);
}

.brand-one__carousel.owl-carousel .owl-item img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 80px; /* Match the logo height */
  object-fit: contain;
}