@media screen and (max-width: 767px) {
  @keyframes card-out-mobile {
    0% {
      z-index: 20;
      top: 0;
    }
    50% {
      z-index: 1;
    }
    100% {
      top: -16px;
    }
  }
  @keyframes card-next-mobile {
    0% {
      z-index: 5;
      top: -16px;
    }
    90% {
      z-index: 1;
    }
    100% {
      top: 16px;
    }
  }
  .featured-by {
    margin-top: 72px;
  }
  .featured-by .custom-scroll-transparent {
    margin: 0 0 32px -16px;
    width: calc(100% + 32px);
  }
  .featured-by .container {
    max-width: 100%;
    padding-bottom: 64px;
  }
  .featured-by .section_title {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 24px;
  }
  .featured-by .featured-by__container .featured-by__content {
    padding: 18px 24px 32px;
  }
  .featured-by .featured-by__container .featured-by__content .icon {
    height: 55px;
  }
  .featured-by .featured-by__container .featured-by__content p {
    font-size: 20px;
    line-height: 28px;
  }
  .featured-by .featured-by__container .featured-by__content.card--next {
    animation: card-next-mobile 0.2s cubic-bezier(0.8, 0.2, 0.1, 0.8);
    top: 16px;
    left: 16px;
    width: calc(100% - 40px);
  }
  .featured-by .featured-by__container .featured-by__content.card--out {
    animation: card-out-mobile 0.3s cubic-bezier(0.8, 0.2, 0.1, 0.8);
    top: -16px;
    left: 16px;
    width: calc(100% - 40px);
  }
  .featured-by .featured-by__container .featured-by__content:not(.active) p {
    max-height: 127px;
    overflow: hidden;
  }
  .featured-by .featured-by__container:not(.first-state) {
    top: 31px;
  }
  .featured-by .featured-by__container.first-state .card--out {
    top: 32px;
    width: calc(100% - 80px);
    left: 32px;
  }
}