:root {
--list-bg-color: #fff;
}
.list-icon {
background-color: var(--list-bg-color);
}
.list-icon-text {
font-weight: 500;
font-size: 18px;
line-height: 150%;
}
.list-icon-block {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 16px;
}
.list-icon-item {
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
padding: 24px;
flex: 0 1 100%;
}
@media (min-width: 768px) {
.list-icon-block {
gap: 24px;
}
.list-icon-item {
min-height: 264px;
flex: 0 1 calc(50% - 24px);
}
}
@media (min-width: 992px) {
.list-icon-block {
gap: 32px;
}
.list-icon-item {
flex: 0 1 calc(33.333% - 32px);
}
} .multi-icon-block.bg-green .decorated-letter::before {
background-color: #2f9163;
}
.multi-icon-block .list-icon-title,
.multi-icon-block .list-icon-text {
color: #fff;
}
.multi-icon-block .list-icon-text {
font-weight: 400;
font-size: 18px;
line-height: 150%;
}
.multi-icon-block img {
width: 100px;
height: 100px;
object-fit: cover;
min-width: 100px;
}
.multi-icon-block .list-icon-block {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 16px;
}
.multi-icon-block .list-icon-item {
gap: 0;
}
@media (min-width: 420px) {
.multi-icon-block .list-icon-item {
flex: 0 1 calc(50% - 16px);
}
}
@media (min-width: 768px) {
.multi-icon-block .list-icon-item {
min-height: auto;
flex: 0 1 calc(33.333% - 24px);
}
.multi-icon-block .list-icon-text {
font-weight: 500;
font-size: 18px;
line-height: 150%;
}
}
@media (min-width: 1280px) {
.multi-icon-block .list-icon-block {
gap: 8px;
}
.multi-icon-block .list-icon-item {
flex: 0 1 calc(16.666% - 8px);
}
.multi-icon-block.multi-icon-block-four .list-icon-item {
flex: 0 1 calc(25% - 8px);
}
}
.list-icon-block.has-cols-2 .list-icon-item,
.list-icon-block.has-cols-3 .list-icon-item,
.list-icon-block.has-cols-4 .list-icon-item,
.list-icon-block.has-cols-6 .list-icon-item {
flex: 0 1 100%;
}
.list-icon-block.has-cols-5 .list-icon-item {
flex: 0 1 calc(50% - 16px);
}
@media (min-width: 520px) {
.list-icon-block.has-cols-6 .list-icon-item {
flex: 0 1 calc(50% - 24px);
}
}
@media (min-width: 768px) {
.list-icon-block.has-cols-2 .list-icon-item,
.list-icon-block.has-cols-3 .list-icon-item {
flex: 0 1 calc(50% - 24px);
}
.list-icon-block.has-cols-4 .list-icon-item {
flex: 0 1 calc(50% - 24px);
}
.list-icon-block.has-cols-5 .list-icon-item,
.list-icon-block.has-cols-6 .list-icon-item {
flex: 0 1 calc(33.333% - 24px);
}
}
@media (min-width: 1280px) {
.list-icon-block.has-cols-2 .list-icon-item {
flex: 0 1 calc(50% - 32px);
}
.list-icon-block.has-cols-3 .list-icon-item {
flex: 0 1 calc(33.333% - 32px);
}
.list-icon-block.has-cols-4 .list-icon-item {
flex: 0 1 calc(25% - 32px);
}
.list-icon-block.has-cols-5 .list-icon-item {
flex: 0 1 calc(20% - 32px);
}
.list-icon-block.has-cols-6 .list-icon-item {
flex: 0 1 calc(16.666% - 32px);
}
}
.list-icon-icon {
width: 60px;
height: 60px;
margin-bottom: 20px;
object-fit: contain;
}
.list-icon-text {
max-width: 260px;
}
.list-icon-title {
font-weight: 600;
}
.list-icon-number {
font-size: 20px;
color: #fff;
margin-bottom: 10px;
font-weight: 400;
}