.services-page {
   &__wrapper {
   }

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

      @include _Tablet {
         gap: 70px;
      }

      @include _HDesktop {
         gap: 100px;
      }
   }

   &__item {
      &: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 153px;
            }
         }
      }
   }
}

.service-card {
   &__wrap {
      position: relative;
      display: flex;

      @include _Tablet {
      }

      @include _XSDesktop {
         gap: 80px;
         align-items: center;
      }

      @include _Desktop {
         gap: 85px;
      }

      @include _HDesktop {
         gap: 175px;
      }
   }

   &__image {
      height: 230px;
      margin-bottom: 16px;

      @include _Tablet {
         height: 320px;
         margin-bottom: 32px;
      }

      @include _XSDesktop {
         height: 450px;
         margin-bottom: 0;
         flex: 0 0 400px;
      }

      @include _Desktop {
         height: 400px;
         flex: 0 0 550px;
      }

      @include _HDesktop {
         height: 600px;
         flex: 0 0 910px;
      }

      img {
         width: 100%;
         height: 100%;
         object-fit: cover;
      }
   }

   &__content {
      @include _Tablet {
         display: grid;
         column-gap: 40px;
         grid-template-columns: auto;
      }

      @include _XSDesktop {
         display: block;
         padding-right: 60px;
      }

      @include _Desktop {
         padding-right: 87px;
      }

      @include _HDesktop {
         padding-right: 154px;
      }
   }

   &__tag {
      position: absolute;
      top: 8px;
      left: 8px;

      background: #fff;
      padding: 8px;
      color: #231f20;
      font-weight: 400;
      display: inline-block;
      line-height: 1;
      font-size: rem(14);

      @include _Tablet {
         position: static;
         font-size: rem(12);
         align-self: flex-start;
      }

      @include _XSDesktop {
         margin-bottom: 40px;
      }

      @include _HDesktop {
         font-size: rem(16);
         margin-bottom: 56px;
      }
   }

   &__title {
      margin-bottom: 8px;
      @include _Tablet {
         grid-column: 2;
         margin-bottom: 16px;
      }
   }

   &__text {
      color: #ffffff99;
      margin-bottom: 24px;
      @include _Tablet {
         grid-column: 2;
      }

      @include _HDesktop {
         margin-bottom: 32px;
      }
   }

   &__links {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-bottom: 24px;
      @include _Tablet {
         grid-column: 2;
         margin-bottom: 32px;
      }

      @include _XSDesktop {
         margin-bottom: 40px;
      }
   }

   &__link.link-format {
      display: inline-block;
      padding: 8px 14px;

      @include _Tablet {
         padding: 5px 16px;
      }

      &:last-child {
         background: transparent;
      }
   }

   &__btns {
      display: flex;
      gap: 16px;
      @include _Tablet {
         grid-column: 2;
         gap: 32px;
      }
   }

   &__btn.btn {
      padding: 20px 24px;
      font-size: rem(12);

      @include _HDesktop {
         padding: 24px 32px;
         font-size: rem(14);
      }
   }

   &__action-link {
   }
}

.btn {
}
.arrow-link {
   &__arrow {
   }

   &__text {
   }
}
