/* howit/howit — основа: блок-основа этапа 1 (mycompetitors); сгенерировано tools/css_majority.py */
.howit__box { display:flex;gap:30px;margin-top:40px }
.howit__item { background:#f4f4f5;border-radius:30px;padding:20px 20px 25px;width:33%;transition:background-color 0.5s ease }
.howit__item-title { background:#fff;border-radius:20px;display:inline-block;font-size:18px;padding:10px 20px }
.howit__itme-count { font-size:50px;font-weight:400;margin-top:25px }
.howit__item-text { color:#515151;font-family:Inter;font-size:18px;font-weight:400;line-height:120%;margin-top:5px }
.howit__important { background:#242640;border-radius:30px;margin-top:30px;padding:20px }
.howit__important span { color:#fff;font-family:Rubik;font-size:26px;font-weight:500 }
.howit__important p { color:#b7badb;font-family:Inter;font-size:20px;line-height:130%;margin-top:5px }
.howit__item:hover { background-color:#EBEBEB }
.howit__itme-count_numbers { transition:opacity 0.3s ease-out;display:inline-block }
@media screen and (max-width:1370px) {
  .howit__itme-count { font-size:34px }
  .howit__important p { font-size:16px }
  .howit__item-text { font-size:16px }
  .howit__item-title { font-size:16px }
  .howit__important span { font-size:20px }
  .howit__box { gap:25px }
  .howit__important { margin-top:25px }
}
@media screen and (max-width:991px) {
  .howit__box { flex-wrap:wrap;margin-top:15px }
  .howit__item { width:calc(50% - 12.5px) }
  .howit__box .howit__item:last-child { width:100% }
}
@media screen and (max-width:767px) {
  .howit__item-text { font-size:12px }
  .howit__box { gap:20px }
  .howit__itme-count { margin-top:10px }
  .howit__important p { font-size:12px }
  .howit__item-title { font-size:12px }
  .howit__important { padding:15px;border-radius:20px }
  .howit__item { padding:15px;border-radius:20px }
}
@media screen and (max-width:574px) {
  .howit__item { width:100% }
}

/* ===== вручную (генератор этот раздел сохраняет) ===== */