.machines {
  padding-left: var(--body-padding-horizontal);
  padding-right: var(--body-padding-horizontal);
  padding-top: var(--sector-vertical-padding);
  padding-bottom: var(--sector-vertical-padding);
}

.machines-list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: var(--grid-gap);
  row-gap: 40px;
}

.machine {
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  transition: transform 0.2s, box-shadow 0.2s;
}
.machine:hover {
  transform: scale(1.02);
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.15);
}

.machine_image-container {
  height: 150px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.machine_image {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.machine_name-container {
  padding: 28px 20px 28px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.machine_name {
  text-align: center;
  font-size: 24px;
  font-family: montserrat;
  font-weight: 700;
  color: rgb(36, 36, 36);
}

@media screen and (max-width:1100px) {
  .machines {
    padding-left: var(--body-margin-horizontal-rs);
    padding-right: var(--body-margin-horizontal-rs);
  }
  .machines-list {
    grid-template-columns: 1fr;
  }
}