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

      @include _Tablet {
      }

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

      @include _Desktop {
         gap: 85px;
         display: grid;
         grid-template-columns: 1.1fr 1fr;
      }

      @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: 85px;
      }
      @include _LDesktop {
         padding-right: 200px;
      }

      @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;
         padding: 10px 8px;
      }

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

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

   &__title {
      display: block;
      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;
      font-size: rem(12);

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

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

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

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

   &__action-link {
   }
}
