.marcas_container {
  width: 100%;
  max-width: 965px;
  margin: 0rem auto;
padding: 10px 5px;
  background-color: var(--white);
}

.group-items {
    width: 49%;
    min-width: 120px;
    max-width: 135px;
    height: 90px;
    display: flex !important;
    flex-direction: column;
    justify-content: center ;
    align-items: center;
    gap: 1px;
    border: 1px solid #D4D5D4;
    border-radius: 10px;
    box-sizing: border-box;
    margin-bottom: 10px;
}

.group-items img {
    max-width: 120px;
    height: auto;
    max-height: 40px;
}

.group-items div {
  height: 40%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.group-items a {
  cursor: pointer;
  text-decoration: none;
  color: #019df4;
  font-size: 14px;
  font-weight: 600;
  width: 100px;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border: 1px solid #019df4;
  border-radius: 20px;
 margin-top: 20px;
}

.m-button-marcas {
  display: block;
  background: url(https://aprodmovistarcomsa.z13.web.core.windows.net/empresas/voz-wifi/assets/arrowBlue.webp) center no-repeat;
  padding: 5px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 27px;
  height: 27px;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  background-color: transparent;
  z-index: 9;
}

.m-button-marcas--prev {
  transform: scaleX(-1);
  left: calc(3% - 12px);
}

.m-button-marcas--next {
  right: calc(3% - 0px);
}

.m-button-marcas.disabled {
  filter: grayscale(1);
  cursor: default;
}

@media (min-width: 768px) {
    .marcas_container {
  margin: 2rem auto;
  padding: 20px 5px;
  padding: 20px 30px;
  
}
  .group-items {
    display: flex !important;
    justify-content: flex-end;
    border-radius: 15px;
    max-width: 210px;
    padding-bottom: 25px;
    height: 120px; 
  }

  .group-items img {
    max-width: 130px;
  }


}