.our-services-block {
  background: #001c36;

  &__content {
    display: flex;
    flex-flow: column;
//     gap: 108px;
    gap: 48px;
  }

  &__head {
    .container {
      display: flex;
      flex-flow: row;
      justify-content: space-between;
    }
  }

  &__mini-title {
    max-width: 337px;
    width: 100%;
  }

  &__title {
// 	max-width: 55%;
    max-width: 60%;
    width: 100%;
    font-family: Geist;
    font-weight: 300;
    font-size: 48px;
    line-height: 100%;
    letter-spacing: -2.8%;
    color: #f0f2f5;
    strong {
      font-weight: 300;
      color: #94a9b5;
    }
  }

  &__body {
    display: flex;
    flex-flow: column;
    gap: 48px;

    .container {
      border-top: 1px dashed #546e7a3d;
      padding-top: 48px;

      &:last-child {
        border-bottom: 1px dashed #546e7a3d;
        padding-bottom: 48px;
      }
    }
  }

  &__item {
    display: flex;
    flex-flow: row;
//     gap: 96px;
    gap: 40px;

    img {
//       max-width: 580px;
      max-width: 33.33%;
      width: 100%;
//       height: 400px;
	  height: 320px;
    }
  }

  &__item-info {
    width: 100%;
    display: flex;
    flex-flow: row;
    gap: 32px;
  }

  &__data {
    display: flex;
    flex-flow: column;
    gap: 16px;
    width: 100%;
  }

  &__data-top {
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;

    p {
      font-family: Geist;
      font-weight: 300;
      font-size: 28px;
      line-height: 110.00000000000001%;
      letter-spacing: -0.8%;
      color: #f0f2f5;
    }
  }

  &__button {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #90a4aea6;
    padding: 7px 18px;
    border-radius: 30px;
  }

  &__digits {
    font-family: Geist Mono;
    font-weight: 500;
    font-size: 12px;
    line-height: 130%;
    letter-spacing: -1%;
    color: #90a4aea6;
    margin-top: 8px;
  }

  &__data-desc {
    font-family: Geist;
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: 0%;
    color: #94a9b5;
    max-width: 550px;
    width: 100%;
  }
}

@media (max-width: 1024px) {
  .our-services-block {
    &__content {
      gap: 32px;
    }

    &__head {
      .container {
        flex-flow: column;
        align-items: flex-start;
      }
    }

    &__mini-title,
    &__title {
      max-width: 100%;
      width: 100%;
    }

    &__body {
      gap: 32px;
    }

    &__item {
      flex-flow: column;
      align-items: center;
      gap: 8px;
      img {
        max-width: unset;
      }
    }

    &__item-info {
      flex-flow: column;
      gap: 16px;
    }
  }
}