.marquee-wrapper {
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  position: relative;
}

.marquee-text {
  display: inline-block;  
  white-space: nowrap;
  animation: marquee 15s linear infinite;
}

.marquee-text span {
  display: inline-block;
  padding-right: 2rem; /* pequeno espaçamento entre os blocos */
}

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

.marquee-text {
    font-size: 3.7vw;
    font-weight: bold;
    color: #cfcfcf;
    font-family: 'Work Sans', sans-serif;
}
 .hidden-mobile {
    display: none;
  }
.grid-portfolio{
  position: relative;
  border: 1px solid white;
  min-height: 300px;
}

.grid-portfolio a {
    display: block;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 0%);
    transition: all .5s ease-in-out;
}

.grid-portfolio a:hover{
 background: rgb(0 0 0 / 60%);
 transition: all .5s ease-in-out;
}

 

@media (min-width: 1170px) {
  .hidden-mobile {
    display: flex;
  }
  .hidden-desktop{
    display:none;
  }
}