.features-block {
  padding-top: 260px;
  position: relative;
  z-index: 0;
}
.features-block .features__inner {
  max-width: 1270px;
  margin: 0px auto;
  padding: 50px;
  border-radius: 20px;
  background: var(--bgThirdly);
  display: flex;
  gap: 80px;
}
.features-block .features__right {
  flex-basis: 100%;
  max-width: 690px;
}
.features-block .features__text {
  max-height: 263px;
  overflow: auto;
  padding-right: 40px;
  box-sizing: border-box;
}
.features-block .features__text::-webkit-scrollbar {
  width: 5px;
  border-radius: 100px;
}
.features-block .features__text::-webkit-scrollbar-track {
  background: var(--bg);
  border-radius: 100px;
}
.features-block .features__text::-webkit-scrollbar-thumb {
  background-color: var(--primary);
  border-radius: 100px;
}
.features-block .features__bg {
  position: absolute;
  height: 500px;
  width: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  background: var(--second);
  border-radius: 20px;
  overflow: hidden;
}
.features-block .features__bg img {
  opacity: 0.15;
}
.features-block .benefits__list {
  flex-basis: 100%;
  max-width: 380px;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.features-block .benefits__item {
  padding: 30px;
  background: var(--second);
  border-radius: 20px;
}
.features-block .benefits__item:first-child {
  background: var(--fourth);
}
.features-block .benefits__item-title {
  color: var(--headSecondary);
  margin-bottom: 20px;
}
.features-block .benefits__item-text {
  color: var(--secondaryText);
}

@media screen and (max-width: 1200px) {
  .features-block .features__inner {
    padding: 30px;
    gap: 30px;
  }
  .features-block .features__text {
    max-height: 300px;
  }
}
@media screen and (max-width: 900px) {
  .features-block .features__inner {
    flex-direction: column;
  }
  .features-block .benefits__list {
    flex-direction: row;
    max-width: 100%;
  }
  .features-block .features__right {
    max-width: 100%;
  }
  .features-block {
    padding-top: 130px;
  }
}
@media screen and (max-width: 650px) {
  .features-block .benefits__list {
    flex-direction: column;
    gap: 10px;
  }
}
@media screen and (max-width: 500px) {
  .features-block .features__inner {
    padding: 10px;
  }
  .features-block .benefits__item-title {
    margin-bottom: 10px;
  }
}/*# sourceMappingURL=block.css.map */