.other-products {
  padding: 60px 10px;

  &__inner {
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  &__single-product {
    width: 30%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px 10px;

    &-icon {
      width: 40px;
      height: 40px;
    }

    &.bg-blob {
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;

      &--1 {
        background-image: asset("icon", "bg-blob-1.svg");
      }

      &--2 {
        background-image: asset("icon", "bg-blob-2.svg");
      }

      &--3 {
        background-image: asset("icon", "bg-blob-3.svg");
      }
    }
  }
}