/* Clients */

.s61-clientes{
  display: inline-flex;
  flex-direction: column;
  overflow: hidden;
  gap: 30px;
}

.s61-clientes .container{
  display: inline-flex;
  justify-content: center;
  gap: 30px;
}

.s61-clientes .client{
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: white;
  border: 2px solid #0066FF;
  border-radius: 25px;
  width: 353px;
  height: 177px;
}

/* Portfolio */
.horizontal-scroll{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  overflow: hidden;
}

.s61-portfolio .track {
  width: fit-content;
}

.s61-portfolio .track-flex {
  width: 93.4%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.s61-portfolio .item{
  position: relative;
  width: 25vw;
  height: 56vh;
}

.s61-portfolio .item .image{
  position: relative;
  width: 100%;
  height: 100%;
  /* filter: brightness(0) saturate(100%) invert(25%) sepia(93%) saturate(3726%) hue-rotate(211deg) brightness(102%) contrast(106%); */
  /* mix-blend-mode: hard-light; */
}

.s61-portfolio .item .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.s61-portfolio .item .image::after{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #0066FF;
  mix-blend-mode: hard-light;
  opacity: 0;
  transition: all .3s;
}

.s61-portfolio .item .content{
  position: absolute;
  bottom: 30px;
  left: 30px;
  opacity: 0;
  transition: opacity .3s;
}

.s61-portfolio .item .content .title{
  color: var(--e-global-color-27e7236 );
  font-family: var(--e-global-typography-3cb2180-font-family ), Sans-serif;
  font-size: var(--e-global-typography-3cb2180-font-size );
  line-height: var(--e-global-typography-3cb2180-line-height );
  letter-spacing: var(--e-global-typography-3cb2180-letter-spacing );
  word-spacing: var(--e-global-typography-3cb2180-word-spacing );
}
.s61-portfolio .item .content .category{
  color: var(--e-global-color-27e7236 );
  font-family: var(--e-global-typography-9fd008a-font-family ), Sans-serif;
  font-size: var(--e-global-typography-9fd008a-font-size );
  line-height: var(--e-global-typography-9fd008a-line-height );
  letter-spacing: var(--e-global-typography-9fd008a-letter-spacing );
  word-spacing: var(--e-global-typography-9fd008a-word-spacing );
}

.s61-portfolio .item:hover .content,
.s61-portfolio .item:hover .image::after{
  opacity: 1;
}

/* Inline SVG */
.s61-inline-svg,
.s61-inline-svg a{
  display: flex;
  outline: none;
}

/* Button */
.b6web-button-wrapper{
  display: flex;
}