.whyus { margin: 30px 0; padding: 25px 0 40px 0; }
.whyus h2 {margin-block-start: 30px;margin-block-end: 50px;}
.whyus .card-wrap { position: relative; display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; }
.whyus .card-wrap .card { position: relative; padding-left: 80px; display: flex; flex-direction: column; }
.whyus .card-wrap .card .ico { position: absolute; left: 5px; top: 0; width: 60px; height: 60px; background-size: 32px 32px; border-radius: 30px; }
.whyus .card-wrap .card.step-1 .ico { background-color: #338BE8; }
.whyus .card-wrap .card.step-2 .ico { background-color: #33A3E7; }
.whyus .card-wrap .card.step-3 .ico { background-color: #33C2E6; }
.whyus .card-wrap .card.step-4 .ico { background-color: #2DCD77; }
.whyus .card-wrap .card .name { font-size: 22px; font-family: Helvetica Neue, Inter; font-weight: 900; line-height: 25px; margin-bottom: 10px }
.whyus .card-wrap .card .name i { font-style: normal; }
.whyus .card-wrap .card.step-1 .name i { color: #338BE8; }
.whyus .card-wrap .card.step-2 .name i { color: #33A3E7; }
.whyus .card-wrap .card.step-3 .name i { color: #33C2E6; }
.whyus .card-wrap .card.step-4 .name i { color: #2DCD77; }
.whyus .card-wrap .card .description { font-size: 14px; font-family: Helvetica Neue, Inter; line-height: 18px; text-align: justify; }

@media screen and (max-width: 1140px) {
.whyus .card-wrap { grid-template-columns: repeat(2, 1fr); }
}
@media screen and (max-width: 700px) {
.whyus .card-wrap { grid-template-columns: 1fr; }
}