.insiderone-uplift-brand-attending-container {
  padding: 64px 0;
  background: linear-gradient(0deg, var(--BG-Primary, #EFEBE4) 0%, var(--BG-Primary, #EFEBE4) 100%), linear-gradient(180deg, var(--BG-Light, #FAFAFA) 0%, var(--BG-Primary, #EFEBE4) 100%), var(--BG-Primary, #EFEBE4);
}
.insiderone-uplift-brand-attending-container.dark_mode {
  background: #18181B;
}
.insiderone-uplift-brand-attending-container.dark_mode h2 {
  color: #fff !important;
}
.insiderone-uplift-brand-attending-container > div {
  display: flex;
  flex-direction: column;
  gap: 64px;
  justify-content: center;
}
.insiderone-uplift-brand-attending-container .heading_area h2 {
  color: var(--Text-Primary, #261A28);
  text-align: center;
  font-family: var(--Font-Family-Display, "Red Hat Display");
  font-size: var(--Font-Font-Size-4XL, 40px);
  font-style: normal;
  font-weight: var(--Font-Font-Weight-Regular, 400);
  line-height: var(--Font-Line-Height-4XL, 48px);
  letter-spacing: var(--Font-Letter-Spacing-L, 0.5px);
}
@media screen and (max-width: 768px) {
  .insiderone-uplift-brand-attending-container .heading_area h2 {
    margin-bottom: 20px;
    text-align: left;
  }
}
.insiderone-uplift-brand-attending-container .grid_items {
  --item-w: 110px;
  --gap: 130px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--gap);
  align-items: center;
  row-gap: 70px;
}
.insiderone-uplift-brand-attending-container .grid_items > * {
  flex: 0 0 var(--item-w);
  display: flex;
  justify-content: center;
  align-items: center;
}
.insiderone-uplift-brand-attending-container .attend-banner-logo-reel-row {
  --item-w: 130px;
  --gap: 130px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--gap);
  align-items: center;
  row-gap: 70px;
}
@media screen and (max-width: 768px) {
  .insiderone-uplift-brand-attending-container .attend-banner-logo-reel-row {
    justify-content: center;
    row-gap: 50px;
    --gap: 0px;
  }
}
.insiderone-uplift-brand-attending-container .attend-banner-logo-reel-row > * {
  flex: 0 0 var(--item-w);
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.5s;
}

.attend-banner-logo-reel-item {
  opacity: 1;
  transform: translateY(0);
  transition: 0.35s;
}
@media screen and (max-width: 768px) {
  .attend-banner-logo-reel-item {
    flex: 0 0 50% !important;
  }
}
.attend-banner-logo-reel-item.fade-in {
  opacity: 0;
  transform: translateY(-10px);
  transition: 0.35s;
}
.attend-banner-logo-reel-item.fade-out {
  opacity: 0;
  transform: translateY(10px);
  transition: 0.35s;
}
.attend-banner-logo-reel-item img {
  object-fit: contain;
  height: 10vw;
  width: 27vw;
}
@media screen and (min-width: 768px) {
  .attend-banner-logo-reel-item img {
    height: 35px;
    width: 100%;
  }
}