.building-blocks-section {
  padding: calc(100px + (130 - 100) * (100vw - 1920px) / (2560 - 1920)) 0 0;
  width: 100%;
  position: relative;
  font-family: "Inter Tight", serif;
  background: #00000F;
}
.building-blocks-section p {
  margin-bottom: 0;
}
.building-blocks-section .building-blocks-container {
  display: flex;
  flex-direction: column;
  gap: calc(30px + (40 - 30) * (100vw - 1920px) / (2560 - 1920));
}
.building-blocks-section .bb-headline {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(22px + (30 - 22) * (100vw - 1920px) / (2560 - 1920));
  text-align: center;
}
.building-blocks-section .bb-title {
  font-size: calc(72px + (96 - 72) * (100vw - 1920px) / (2560 - 1920));
  line-height: 103%;
  color: #d4dcf6;
  font-weight: 500;
}
.building-blocks-section .bb-title strong, .building-blocks-section .bb-title b {
  background: linear-gradient(90deg, #C24AF9 0%, #1ECAFF 50.96%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-weight: 500;
}
.building-blocks-section .bb-subtitle {
  max-width: calc(810px + (1080 - 810) * (100vw - 1920px) / (2560 - 1920));
  font-size: calc(24px + (32 - 24) * (100vw - 1920px) / (2560 - 1920));
  line-height: 1.2;
  color: #b8bdcf;
}
.building-blocks-section .bb-subtitle strong, .building-blocks-section .bb-subtitle b {
  font-weight: 600;
}
.building-blocks-section .bb-items {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(50px + (70 - 50) * (100vw - 1920px) / (2560 - 1920));
}
.building-blocks-section .bb-item {
  flex: 1;
  max-width: calc(390px + (520 - 390) * (100vw - 1920px) / (2560 - 1920));
  display: flex;
  flex-direction: column;
  gap: calc(10px + (12 - 10) * (100vw - 1920px) / (2560 - 1920));
  text-align: center;
}
.building-blocks-section .bb-item-title {
  font-size: calc(48px + (64 - 48) * (100vw - 1920px) / (2560 - 1920));
  font-weight: 400;
  line-height: 123%;
  background: linear-gradient(90deg, #C495D2 -26.23%, #95DBF7 101.03%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  margin: 0;
}
.building-blocks-section .bb-item-description {
  font-size: calc(21px + (28 - 21) * (100vw - 1920px) / (2560 - 1920));
  font-weight: 300;
  line-height: 130%;
  color: #d4dcf6;
}
.building-blocks-section .bb-item-description strong, .building-blocks-section .bb-item-description b {
  font-weight: 500;
}
.building-blocks-section .bb-divider {
  width: 1px;
  height: calc(225px + (300 - 225) * (100vw - 1920px) / (2560 - 1920));
  position: relative;
}
.building-blocks-section .bb-divider::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 15, 0) 0%, #9CA0AC 50%, rgba(0, 0, 15, 0) 100%);
  opacity: 0.5;
}

@media screen and (min-width: 1025px) and (max-width: 1920px) {
  .building-blocks-section {
    padding: calc(80px + (100 - 80) * (100vw - 1537px) / (1920 - 1537)) 0 0;
  }
  .building-blocks-section .building-blocks-container {
    gap: calc(24px + (30 - 24) * (100vw - 1537px) / (1920 - 1537));
  }
  .building-blocks-section .bb-headline {
    gap: calc(18px + (22 - 18) * (100vw - 1537px) / (1920 - 1537));
  }
  .building-blocks-section .bb-title {
    font-size: calc(58px + (72 - 58) * (100vw - 1537px) / (1920 - 1537));
  }
  .building-blocks-section .bb-subtitle {
    max-width: calc(648px + (810 - 648) * (100vw - 1537px) / (1920 - 1537));
    font-size: calc(19px + (24 - 19) * (100vw - 1537px) / (1920 - 1537));
  }
  .building-blocks-section .bb-items {
    gap: calc(40px + (50 - 40) * (100vw - 1537px) / (1920 - 1537));
  }
  .building-blocks-section .bb-item {
    max-width: calc(312px + (390 - 312) * (100vw - 1537px) / (1920 - 1537));
    gap: calc(8px + (10 - 8) * (100vw - 1537px) / (1920 - 1537));
  }
  .building-blocks-section .bb-item-title {
    font-size: calc(38px + (48 - 38) * (100vw - 1537px) / (1920 - 1537));
  }
  .building-blocks-section .bb-item-description {
    font-size: calc(17px + (21 - 17) * (100vw - 1537px) / (1920 - 1537));
  }
  .building-blocks-section .bb-divider {
    height: calc(180px + (225 - 180) * (100vw - 1537px) / (1920 - 1537));
  }
}
@media screen and (max-width: 1024px) {
  .building-blocks-section {
    padding: calc(25px + (50 - 25) * (100vw - 200px) / (393 - 200)) 0 0;
  }
  .building-blocks-section::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 1px;
    width: 100%;
    background: linear-gradient(to left, rgba(0, 0, 15, 0) 0%, #9CA0AC 50%, rgba(0, 0, 15, 0) 100%);
    opacity: 0.5;
  }
  .building-blocks-section .building-blocks-container {
    gap: calc(16px + (32 - 16) * (100vw - 200px) / (393 - 200));
  }
  .building-blocks-section .bb-headline {
    gap: calc(8px + (16 - 8) * (100vw - 200px) / (393 - 200));
  }
  .building-blocks-section .bb-title {
    font-size: calc(16px + (32 - 16) * (100vw - 200px) / (393 - 200));
  }
  .building-blocks-section .bb-subtitle {
    max-width: 100%;
    font-size: calc(8px + (16 - 8) * (100vw - 200px) / (393 - 200));
  }
  .building-blocks-section .bb-items {
    flex-direction: column;
    gap: calc(10px + (20 - 10) * (100vw - 200px) / (393 - 200));
    position: relative;
    padding-bottom: calc(14px + (28 - 14) * (100vw - 200px) / (393 - 200));
  }
  .building-blocks-section .bb-items::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    width: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 15, 0) 0%, #9CA0AC 50%, rgba(0, 0, 15, 0) 100%);
    opacity: 0.5;
  }
  .building-blocks-section .bb-item {
    max-width: 100%;
    gap: calc(4px + (8 - 4) * (100vw - 200px) / (393 - 200));
  }
  .building-blocks-section .bb-item-title {
    font-size: calc(14px + (28 - 14) * (100vw - 200px) / (393 - 200));
  }
  .building-blocks-section .bb-item-description {
    font-size: calc(8px + (16 - 8) * (100vw - 200px) / (393 - 200));
  }
  .building-blocks-section .bb-divider {
    width: 100%;
    height: 1px;
  }
  .building-blocks-section .bb-divider::before {
    background: linear-gradient(to left, rgba(0, 0, 15, 0) 0%, #9CA0AC 50%, rgba(0, 0, 15, 0) 100%);
  }
}

/*# sourceMappingURL=service-building-blocks-section.css.map */