.about-slider-descr {
   &__wrapper {
   }

   &__body {
      display: grid;
      gap: 32px;

      @include _XSDesktop {
         gap: 70px;
         align-items: center;
         grid-template-columns: 1.13fr 1fr;
      }

      @include _Desktop {
         gap: 115px;
         grid-template-columns: 1.21fr 1fr;
      }
      @include _HDesktop {
         gap: 175px;
      }
   }

   &__text {
      @include _XSDesktop {
         order: 1;
      }
   }

   &__h2 {
      margin-bottom: 24px;

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

   &__subtitle {
      margin-bottom: 16px;
   }

   &__descr {
      font-size: rem(16);
      color: #ffffff99;
      line-height: 1.4;
      margin-bottom: 32px;
      max-width: 90%;

      @include _Tablet {
         font-size: rem(14);
         line-height: 1.5;
         max-width: 80%;
      }
      @include _XSDesktop {
         font-size: rem(12);
         max-width: 90%;
      }
      @include _Desktop {
         max-width: 84%;
      }
      @include _HDesktop {
         margin-bottom: 60px;
         font-size: rem(16);
         max-width: 75%;
      }
   }

   &__advs {
      display: grid;
      grid-template-columns: repeat(2, 140px);
      column-gap: 48px;
      row-gap: 40px;

      @include _Tablet {
         grid-template-columns: repeat(2, 180px);
         row-gap: 32px;
         column-gap: 26px;
      }

      @include _HDesktop {
         row-gap: 48px;
         grid-template-columns: repeat(2, 190px);
         column-gap: 40px;
      }
   }

   &__adv-item {
      .num {
         color: cl("accent");
         margin-bottom: 16px;
         font-weight: 700;
         font-size: rem(32);
         text-transform: uppercase;

         @include _Tablet {
            font-size: rem(24);
         }

         @include _HDesktop {
            font-size: rem(40);
            margin-bottom: 24px;
         }
      }
      .text {
         font-size: rem(16);
         line-height: 1.4;
         color: #ffffff99;

         @include _Tablet {
            font-size: rem(14);
            line-height: 1.5;
         }

         @include _XSDesktop {
            font-size: rem(12);
         }
         @include _LDesktop {
            font-size: rem(16);
         }
      }
   }

   &__slider {
      min-width: 0;
      aspect-ratio: 17/20;
      max-height: 500px;

      @include _Tablet {
         aspect-ratio: 69/53;
         max-height: 650px;
      }

      @include _XSDesktop {
         max-height: none;
         aspect-ratio: 46/55;
      }
      @include _Desktop {
         aspect-ratio: 11/12;
      }
      @include _HDesktop {
         aspect-ratio: 26/27;
      }
   }
}
