.banners {
padding: 10px 0 15px;
} .banners__slider {
display: flex;
justify-content: space-between;
gap: 40px;
} .banners__slide {
max-width: 50%;
width: 100%;
height: 238px;
padding: 30px;
display: flex;
flex-direction: column;
justify-content: space-between;
border-radius: 10px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
} .banners__slide h2 {
max-width: 271px;
width: 100%;
font-size: 20px;
font-weight: 700;
line-height: 100%;
letter-spacing: 5%;
color: var(--dark);
margin-bottom: 10px;
} .banners__slide p {
max-width: 339px;
width: 100%;
font-size: 16px;
font-weight: 400;
line-height: 100%;
letter-spacing: 1%;
color: var(--dark);
margin-bottom: 15px;
} .banners__slide p:last-of-type {
margin-bottom: 0;
}
@media (max-width: 1150px) {
.banners__slider {
flex-direction: column;
} .banners__slide {
max-width: 779px;
margin: 0 auto;
}
} @media (max-width: 600px) {
.banners .container {
padding: 0;
} .banners__slider {
gap: 15px;
}
}