.slider-squares {
   margin-bottom: 50px;
}

.slider-squares-inner {
   display: flex;
}

.slider-square-item {
   display: flex;
   flex-direction: column;
   margin-left: $grid-gutter-width;
   width: 25%;

   &:first-child {
      margin-left: 0;
   }

   .img {
      border-radius: $border-radius-base;
      overflow: hidden;
      margin-bottom: 20px;
   }

   .content {
      text-align: center;
      padding: 0 20px;
      flex: 1;
      display: flex;
      flex-direction: column;

      .title {
         font-weight: $font-weight-bold;
         font-size: $font-size-h3;
         margin-bottom: 5px;
      }

      .descr {
         flex: 1;
      }
   }
}

@media screen and (max-width: $xl - 1) {
   .slider-square-item {
      .content {
         padding: 0 10px;
      }
   }
}

@media screen and (max-width: $lg - 1) {
   .slider-squares {
      @include custom-scrollbar;

      overflow: hidden;
      margin-bottom: 30px;
   }

   .slider-squares-inner {
      overflow-y: auto;
      padding-bottom: 20px;
   }

   .slider-square-item {
      width: 265px;
      min-width: 265px;
   }
}
