/**carosel auto scroll**/
  .carousel-construct {
    margin: 0 auto;
    max-width: 1290px;
    overflow: hidden;
    display: flex;
  
    /*&:hover .group-construct {
      animation-play-state: paused;
    }*/
  
    > * {
      flex: 0 0 100%;
    }
  }
  
  .group-construct {
    display: flex;
    gap: 20px;
    padding-right: 20px;
    will-change: transform; 
    animation: construction 80s linear infinite;
  }

  .card-construct {
    justify-content: center;
    align-items: center;
    /*min-height: 80px;*/
    min-width: 380px;
  }
  
  .card-construct > img {
    border-radius: 10px;
  }

  @keyframes construction {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(-100%);
    }
  }