: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-your-industry__wrapper {
  padding: clamp(50px, 50px + (150 - 50) * (100vw - 320px) / (1920 - 320), 150px) 0;
  background: var(--color-night-forest);
}
.sb-your-industry__wrapper .row {
  gap: clamp(12px, 12px + (24 - 12) * (100vw - 320px) / (1920 - 320), 24px) 0;
}
.sb-your-industry__header {
  color: var(--color-white);
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: clamp(48px, 48px + (64 - 48) * (100vw - 320px) / (1920 - 320), 64px);
}
@media screen and (max-width: 767px) {
  .sb-your-industry__header {
    text-align: center;
    justify-content: center;
  }
}
.sb-your-industry__title {
  margin: 0;
}
@media screen and (max-width: 767px) {
  .sb-your-industry__title {
    width: 100%;
  }
}
.sb-your-industry__card {
  height: clamp(200px, 200px + (238 - 200) * (100vw - 320px) / (1920 - 320), 238px);
  position: relative;
  border-radius: 6px;
  width: 100%;
  overflow: hidden;
  border: 1px solid #40DDAF;
  transition: 0.3s all ease;
}
@media screen and (max-width: 767px) {
  .sb-your-industry__card {
    height: 238px;
  }
}
.sb-your-industry__card:hover {
  border: 1px solid #00EECF;
  box-shadow: 4px 4px 36px 0 #295E57;
}
@media screen and (max-width: 767px) {
  .sb-your-industry__card:hover {
    box-shadow: none;
  }
}
.sb-your-industry__card:hover img {
  filter: unset;
  opacity: 100%;
}
.sb-your-industry__card:hover:before {
  opacity: 0;
}
.sb-your-industry__card:hover:after {
  background: unset;
}
.sb-your-industry__card:before {
  content: "";
  background: rgba(64, 221, 175, 0.3019607843);
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 1;
  opacity: 60%;
  transition: 0.3s all ease;
}
@media screen and (max-width: 767px) {
  .sb-your-industry__card:before {
    display: none;
  }
}
.sb-your-industry__card:after {
  content: "";
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000);
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  transition: 0.3s all ease;
}
@media screen and (max-width: 767px) {
  .sb-your-industry__card:after {
    display: none;
  }
}
.sb-your-industry__card span {
  position: absolute;
  bottom: clamp(17px, 17px + (27 - 17) * (100vw - 320px) / (1920 - 320), 27px);
  left: clamp(24px, 24px + (34 - 24) * (100vw - 320px) / (1920 - 320), 34px);
  font-size: clamp(18px, 18px + (30 - 18) * (100vw - 320px) / (1920 - 320), 30px);
  color: white;
  font-weight: 700;
  z-index: 2;
}
.sb-your-industry__card img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  filter: grayscale(100%);
  opacity: 60%;
  transition: 0.3s all ease;
}
@media screen and (max-width: 767px) {
  .sb-your-industry__card img {
    opacity: 100%;
    filter: unset;
  }
}
.sb-your-industry__slider .slick-slide {
  margin: 0 8px;
}
.sb-your-industry__custom-arrows {
  display: none;
}
@media screen and (max-width: 767px) {
  .sb-your-industry__custom-arrows {
    display: flex;
    justify-content: center;
    margin-top: 52px;
  }
}/*# sourceMappingURL=sb_your_industry.css.map */