:root {
  font-size: 18px;
  /* Primary Colors */
  --color-electric-violet: #9732fa;
  --color-electric-violet-dark-1: #7935BA;
  --color-electric-violet-dark-2: #602C92;
  --color-electric-violet-dark-3: #8059E3;
  --color-electric-violet-dark-4: #1F1334;
  --color-electric-violet-light-1: #6F527E;
  --color-electric-violet-light-2: #442E5A;
  --color-lavender-beam: #be7bff;
  --color-night-forest: #0f0d14;
  --color-tertiary-text: #bababa;
  --color-muted-silver: #afafb6;
  --color-muted-silver-light: #f2f2f2;
  --color-golden: #ddac16;
  --color-black: #000;
  --color-black-2: #000202;
  --color-black-3: #0A0A0A;
  --color-black-4: #191919;
  --color-black-5: #080808;
  --color-white: #fff;
  --color-white-2: #F6F6F6;
  --color-white-3: #CDCDCD;
  --color-teal: #40DDAF;
  --color-teal-2: #50E3C2;
  --color-magenta: #FF3DBE;
  --color-purple: #AA00FF;
  --color-greenlight: #00FEA8;
  --color-panel: #0D0D11;
  --color-card: #1B1A21;
  --color-card-2: #17161C;
  --color-card-3: #16161C;
  --color-grey-dark: #222026;
  --color-grey-dark-2: #27252B;
  --color-grey-dark-3: #666;
  --color-grey-dark-4: #757575;
  --color-grey-light: #BAB9BC;
  --color-grey-light-2: #3B3B3B;
  --color-grey-light-3: #3E3C42;
  --color-grey-light-4: #3D3D3D;
  --color-grey-light-5: #E6E6E6;
  --color-grey-light-6: #434343;
  --color-grey-light-7: #1C1C1C;
  --color-grey-light-8: #AFAFAF;
  --color-grey-light-9: #f9f9f9;
  --color-grey-light-10: #2D2D2D;
  --color-grey-light-11: #dbdbdb;
  --color-grey-light-12: #B2B2B2;
  --color-pink: #E4C9FF;
  --color-red-dark: #44193D;
  /* Electric Violet Shades */
  --color-electric-violet-80: rgba(151, 50, 250, 0.8);
  --color-electric-violet-60: rgba(151, 50, 250, 0.6);
  --color-electric-violet-40: rgba(151, 50, 250, 0.4);
  --color-electric-violet-20: rgba(151, 50, 250, 0.2);
  /* Lavender Beam Shades */
  --color-lavender-beam-80: rgba(0, 111, 83, 0.8);
  --color-lavender-beam-60: rgba(0, 111, 83, 0.6);
  --color-lavender-beam-40: rgba(0, 111, 83, 0.4);
  --color-lavender-beam-20: rgba(0, 111, 83, 0.2);
  /* Night Forest Shades */
  --color-night-forest-80: rgba(15, 13, 20, 0.8);
  --color-night-forest-60: rgba(15, 13, 20, 0.6);
  --color-night-forest-40: rgba(15, 13, 20, 0.4);
  --color-night-forest-20: rgba(15, 13, 20, 0.2);
  /* black Shades */
  --color-black-80: rgba(0, 0, 0, 0.8);
  --color-black-60: rgba(0, 0, 0, 0.6);
  --color-black-40: rgba(0, 0, 0, 0.4);
  --color-black-20: rgba(0, 0, 0, 0.2);
  --color-black-10: rgb(39, 37, 43);
  /* black Shades opacity in points */
  --color-black-0-50: rgba(0, 0, 0, 0.05);
  /* white Shades */
  --color-white-80: rgba(255, 255, 255, 0.8);
  --color-white-70: rgba(255, 255, 255, 0.7);
  --color-white-60: rgba(255, 255, 255, 0.6);
  --color-white-50: rgba(255, 255, 255, 0.5);
  --color-white-40: rgba(255, 255, 255, 0.4);
  --color-white-30: rgba(255, 255, 255, 0.1);
  --color-white-20: rgba(255, 255, 255, 0.2);
  --color-white-10: rgb(135, 134, 138);
  /* white shades opacity in points */
  --color-white-0-50: rgba(255, 255, 255, 0.05);
  --color-white-0-1: rgba(0, 0, 0, 0.1);
}

.sb_client_logos__wrapper {
  padding: clamp(80px, 80px + (180 - 80) * (100vw - 320px) / (1920 - 320), 180px) 0;
}
.sb_client_logos__wrapper:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-right: 100vw solid transparent;
  border-top: 51px solid #0f0d14;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .sb_client_logos__wrapper:before {
    border-top-width: 40px;
  }
}
.sb_client_logos__wrapper:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-left: 100vw solid transparent;
  border-bottom: 51px solid #0f0d14;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .sb_client_logos__wrapper:after {
    border-bottom-width: 40px;
  }
}
.sb_client_logos__heading {
  margin-bottom: clamp(20px, 20px + (64 - 20) * (100vw - 320px) / (1920 - 320), 64px);
}
@media screen and (max-width: 767px) {
  .sb_client_logos__heading {
    text-align: center;
  }
}
.sb_client_logos__gallery {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: clamp(40px, 40px + (50 - 40) * (100vw - 320px) / (1920 - 320), 50px);
  margin-bottom: clamp(40px, 40px + (50 - 40) * (100vw - 320px) / (1920 - 320), 50px);
}
@media screen and (max-width: 767px) {
  .sb_client_logos__gallery {
    grid-template-columns: repeat(2, 1fr);
  }
}
.sb_client_logos__gallery .logo {
  display: flex;
  justify-content: center;
  min-width: 0;
}
@media screen and (max-width: 767px) {
  .sb_client_logos__gallery .logo {
    width: 100%;
  }
}
.sb_client_logos__gallery .logo span {
  min-width: 10.625rem;
  opacity: 1;
  transition: all 0.5s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .sb_client_logos__gallery .logo span {
    min-width: unset;
    width: 100%;
    opacity: 1;
  }
}
.sb_client_logos__gallery .logo span img {
  max-width: 100%;
  height: auto;
  filter: brightness(0);
  transition: filter 0.3s ease;
}
@media screen and (max-width: 767px) {
  .sb_client_logos__gallery .logo span img {
    max-height: 50px;
  }
}
.sb_client_logos__gallery .logo span:hover {
  opacity: 1;
}
.sb_client_logos__gallery .logo span:hover img {
  filter: brightness(1);
}/*# sourceMappingURL=sb_client_logos.css.map */