.services-page {
   &__wrapper {
   }

   &__list {
      display: flex;
      flex-direction: column;
      gap: 60px;

      @include _Tablet {
         gap: 70px;
      }

      @include _HDesktop {
         gap: 100px;
      }
   }

   &__item {
      @include _XSDesktop {
         &:nth-child(even) {
            .service-card__wrap {
               flex-direction: row-reverse;
            }

            .service-card__content {
               @include _Desktop {
                  padding: 0 0 0 95px;
               }

               @include _HDesktop {
                  padding: 0 0 0 130px;
               }
            }
         }
      }
   }
}
