.stages {
   &__wrapper {
   }

   &__body {
      @include _XSDesktop {
         display: grid;
         grid-template-columns: 37% 55%;
         gap: 75px;
      }

      @include _Desktop {
         grid-template-columns: 43% 49%;
         gap: 90px;
      }

      @include _HDesktop {
         grid-template-columns: 45% 50%;
         gap: 108px;
      }
   }

   &__titles {
   }

   &__subtitle {
      margin-bottom: 16px;

      @include _Tablet {
         margin-bottom: 24px;
      }

      @include _XSDesktop {
         margin-bottom: 32px;
      }
      @include _Desktop {
         margin-bottom: 16px;
      }

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

   &__title {
      margin-bottom: 32px;

      @include _XSDesktop {
         margin-bottom: 0px;
      }
      @include _Desktop {
         letter-spacing: -1%;
         line-height: 1.4;
      }
      @include _HDesktop {
         letter-spacing: -1%;
         line-height: 1.3;
      }
   }

   &__slider-controls {
      display: flex;
      justify-content: space-between;
      align-items: end;
      margin-bottom: 24px;

      @include _Tablet {
         display: none;
      }
   }

   &__slider-nav {
   }

   &__slider-pagination {
      min-width: 226px;
   }

   &__slider .swiper-wrapper {
      @include _Tablet {
         display: flex;
         flex-direction: column;
         gap: 8px;
      }

      .swiper-slide {
         @include _Tablet {
            height: auto;
         }
      }
   }
}
