.adapt-project {
background: rgba(224, 229, 237, 1);
}
.adapt-project__title {
font-family: 'Mulish', sans-serif;
font-weight: 700;
font-size: 42px;
line-height: 52px;
color: #1F4FCE;
margin: 0;
max-width: 707px;
}
.adapt-project__description {
font-family: 'Mulish', sans-serif;
font-weight: 400;
font-size: 20px;
line-height: 28px;
color: #1B1B1B;
margin: 24px 0 0;
max-width: 901px;
}
.adapt-project__row {
margin-top: 52px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
gap: 32px 0;
}
.adapt-project__item {
width: 144px;
text-align: center;
}
.adapt-project__tile {
width: 130px;
height: 130px;
margin: 0 auto;
border-radius: 8px;
background: linear-gradient(180deg, #FFFFFF 0%, #E0E5ED 100%);
display: flex;
align-items: center;
justify-content: center;
}
.adapt-project__tile::before,
.adapt-project__tile::after {
content: none;
}
.adapt-project__icon {
width: 72px;
height: 72px;
object-fit: contain;
display: block;
}
.adapt-project__item-title {
font-family: 'Mulish', sans-serif;
font-weight: 700;
font-size: 20px;
line-height: 28px;
color: #333333;
margin: 14px 0 0;
}
@media (max-width: 1024px) {
.adapt-project__title {
font-size: 28px;
line-height: 35px;
}
.adapt-project__description {
font-size: 16px;
line-height: 24px;
}
.adapt-project__row {
justify-content: center;
gap: 32px 40px;
margin-top: 36px;
}
.adapt-project__item-title {
font-size: 18px;
line-height: 24px;
}
}
@media (max-width: 640px) {
.adapt-project__tile {
width: 110px;
height: 110px;
}
.adapt-project__icon {
width: 60px;
height: 60px;
}
.adapt-project__item-title {
font-size: 16px;
line-height: 22px;
}
}