.clients__subtitle {
text-align: center;
position: relative;
width: 100%;
max-inline-size: 650px;
margin-inline: auto;
display: flex;
align-items: center;
padding-inline: 60px;
gap: 20px;
font-size: 24px;
}
@media only screen and (max-width: 600px) {
.clients__subtitle {
padding-inline: 0;
font-size: 18px;
}
}
.clients__subtitle::before, .clients__subtitle::after {
content: "";
flex: 1;
height: 1px;
width: 50px;
background-color: currentcolor;
}
.clients .logos {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-block-end: 90px;
place-items: center;
gap: 1%;
}
.clients .logos__item {
flex: 0 0 24%;
}
@media only screen and (max-width: 600px) {
.clients .logos__item {
flex: 0 0 49%;
}
}