.stages-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  }

.stages {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; }
  .stages .stages-elem {
    flex: 22%;
    margin: 0 0.8%;
    margin-top: 45px;
    margin-bottom: 30px;
    height: 270px;
    border: 2px solid #5E5E5E;
    display: flex;
    flex-direction: column; }
    .stages .stages-elem:nth-child(5n+2) .stages-elem-count {
      color: #2C99DF; }
    .stages .stages-elem:nth-child(5n+3) .stages-elem-count {
      color: #73C348; }
    .stages .stages-elem:nth-child(5n+4) .stages-elem-count {
      color: #EE9B39; }
    .stages .stages-elem:nth-child(5n+5) .stages-elem-count {
      color: #F25470; }
    .stages .stages-elem:nth-child(5n+6) .stages-elem-count {
      color: #EE9B39; }
    .stages .stages-elem.first {
      border: none; }
      .stages .stages-elem.first span {
        font-family: 'Oswald',sans-serif;
        font-style: normal;
        font-weight: 600;
        font-size: 55px;
        line-height: 70px;
        /* or 127% */
        color: #000000; }
    .stages .stages-elem .stages-elem-count {
      font-family: 'Oswald',sans-serif;
      font-style: normal;
      font-weight: bold;
      font-size: 110px;
      line-height: 110px;
      margin-left: -2px;
      margin-top: -67px;
      padding-right: 22px;
      padding-bottom: 27px;
      background: #fff url(https://digitalrex.ru/assets/template/img/bg-pattern.jpg) repeat;
      width: fit-content; }
    .stages .stages-elem span {
      font-family: 'Oswald',sans-serif;
      font-style: normal;
      font-weight: 300;
      font-size: 28px;
      line-height: 130%;
      color: #0F0F0F;
      padding-left: 25px;
      padding-right: 29px; }

@media (max-width: 1199px) {
  .stages .stages-elem.first span {
    font-size: 45px; }

  .stages .stages-elem .stages-elem-count {
    font-size: 100px; }

  .stages {
    justify-content: center; }

  .stages .stages-elem.first {
    flex: 100%;
    height: 85px; }
    .stages .stages-elem.first span {
      text-align: center; }

  .stages .stages-elem {
    flex: 30%; }
    .stages .stages-elem:last-child {
      flex: initial; } }
@media (max-width: 991px) {
  .stages .stages-elem span {
    font-size: 24px; }

  .stages .stages-elem {
    height: 220px; }

  .stages .stages-elem {
    flex: 33%; }
    .stages .stages-elem:last-child {
      max-width: 50%; } }
@media (max-width: 768px) {
  .stages .stages-elem.first {
    max-width: 100%; }

  .stages .stages-elem {
    flex-grow: 100%;
    max-width: 283px;
    min-width: 283px; }

  .stages .stages-elem.first span {
    font-size: 45px; } }
@media (max-width: 515px) {
  .stages .stages-elem.first span {
    font-size: 30px;
    line-height: 50px;} }
@media (max-width: 362px) {
  .stages .stages-elem.first span {
    font-size: 25px; } }

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