@import "../../vars";

.machines {
  padding-top: 74px;

    &__main-title {
      font-weight: 600;
      font-size: 36px;
      line-height: 42px;
      letter-spacing: -0.01em;
      color: $vmainGrey;
      max-width: 469px;
      width: 100%;
      margin-bottom: 50px;
    }

}

.swiper-slide-machines {
    max-width: 217px;
    width: 100%;
    background: #F7F7F9;
    border-radius: 10px;
    cursor: pointer;
    height: 220px !important;
    position: relative;
    transition: transform 0.4s ease-in-out;
    
  &:hover {
    background: #DFE1E7;
    box-shadow: 0px 5px 12.5px rgba(0, 0, 0, 0.15);
    transform: scale(1.045);
    max-width: 229px;
  } 

  &__img {
        max-width: 140px;
        width: 100%;
        min-height: 122px;
        margin: 0 auto;
        padding-top: 20px;
  }

  &__block {
        position: absolute;
        bottom: 0;
        left: 0;
        margin-left: 14px;
  }

  &__title {
        font-weight: 600;
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 4px;   
  }

  &__text {
        font-size: 16px;
        line-height: 22px;
        color: $vMain3;
        margin-bottom: 20px;
  }
}

.swiper-wrapper-machines {

    > :not(:last-child) {
            margin-right: 3px;
        }
}