.stages-block {
  padding: 80px 0;
  background: var(--bg-light, #F5F5F5);
}
.stages-block .section-title {
  margin-bottom: 40px;
}
.stages-block .stages {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 30px;
  width: 100%;
}
.stages-block .stage {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-content: flex-start;
  border-radius: 5px;
  background: var(--card, #FFF);
  padding: 20px 30px;
}
.stages-block .stage__title {
  color: var(--primary, #524489);
  font-size: 50px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 50px */
  margin-bottom: 10px;
}
.stages-block .stage__subtitle {
  color: var(--head, #1D1D1D);
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 18px */
  margin-bottom: 10px;
}
.stages-block .stage__desc {
  color: var(--main-text, #4B4B4B);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 27px */
}
.stages-block .stage__desc a {
  color: var(--primary, #524489);
  font-weight: 700;
}
.stages-block .stage__desc strong {
  color: var(--primary, #524489);
  font-weight: 700;
}
.stages-block .stage.last {
  background: var(--primary, #524489);
}
.stages-block .stage.last .stage__title {
  color: var(--card, #FFF);
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 24px */
  margin-bottom: 20px;
}
.stages-block .stage.last .stage__desc {
  color: var(--bg-light, #F5F5F5);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 27px */
  margin-bottom: 30px;
}
.stages-block .stage.last .request {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.stages-block .stage.last .request .icon {
  margin-right: 5px;
}
.stages-block .stage.last .request .title {
  color: var(--card, #FFF);
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 18px */
}
.stages-block .stage.last .request .title:hover {
  color: var(--hover);
  box-shadow: 0 0 30px 0 rgba(82, 68, 137, 0.7);
  transition: all 0.3s ease-in;
}

@media (max-width: 1025px) {
  .stages-block .stages {
    grid-gap: 20px;
  }
  .stages-block .stage {
    padding: 20px;
  }
}
@media (max-width: 769px) {
  .stages-block {
    padding: 60px 0;
  }
  .stages-block .stages {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 600px) {
  .stages-block .stages {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 498px) {
  .stages-block {
    padding: 40px 0;
  }
}

/*# sourceMappingURL=block.css.map */
