.wrapper__parths{text-align: center; background: url(/templates/komfort74/images/step_bg.jpg) no-repeat center center / cover}
.parths__all{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
	gap:0 40px
}

.parths__block{ flex-basis: calc((100% / 3) - 80px); max-width:250px}

.parths__block a{background:#fff; display:block; width:100%; border-radius:20px; height: 90px; padding: 20px;}
.parths__block a:hover{
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
}

.parths__block a img{
    object-fit: contain;
    filter: grayscale(100%);
    opacity: 0.5;
    width: 100%; height: 100%;
}

.parths__block a:hover img{
    filter: grayscale(0%);
    opacity: 1;
}

@media(max-width:1229px){
.parths__all{gap:0 30px}
.parths__block{ flex-basis: calc((100% / 3) - 60px)}
	
}
@media(max-width:991px){
.parths__all{gap:0 20px}
.parths__block{ flex-basis: calc((100% / 3) - 40px)}
}
@media(max-width:767px){
.parths__all{gap:0 15px}
.parths__block{ flex-basis: calc((100% / 3) - 30px)}
}
@media(max-width:575px){
.parths__all{gap:10px}
.parths__block{max-width:100%;flex-basis: calc((100% / 1) - 10px); flex-direction:column; max-width:auto}
}