.fc_related_projects {
  overflow: hidden;

  .projects_container {
    display: flex;
    gap: var(--gap-m);
    flex-direction: column;
  }

  /* responsive */
  @media (width >= 768px) {
    .projects_container {
      flex-direction: row;
      gap: 0;

      .content {
        position: relative;
        z-index: 1;
        flex: 0 1 317px;
        padding-right: var(--gap-m);
        display: flex;
        flex-direction: column;
        padding-bottom: clamp(75.758px, 1.961vw + 60.694px, 96px);

        .wp_content {
          display: flex;
          flex-direction: column;
          min-width: 317px;
          height: 100%;

          > *:last-child {
            margin-top: auto;
          }
        }
      }

      .projects_wrapper {
        flex: 1 1 100%;
        padding-left: 0;
        padding-right: 0;
        max-width: 1150px;

        .tns-controls {
          display: flex !important;
          justify-content: flex-start;
        }

        .tns-ovh {
          overflow: visible !important;
        }

        .project_slide {
          &:not(.tns-slide-active) {
            opacity: 0;
            pointer-events: none;
            transition: opacity 0.4s ease;
          }

          &.tns-slide-active {
            opacity: 1;
            pointer-events: all;
          }

          &.tns-slide-active ~ .project_slide:not(.tns-slide-active) {
            opacity: 0.2;
          }
        }
      }
    }
  }
}