/* ==========================================================================
   Список «Наши услуги» — карточки с линейными иконками.
   Префикс gfmsrv-, чтобы не пересекаться со style.css и Bootstrap 3.
   ========================================================================== */

.gfmsrv-list{
  --gfmsrv-gold:#C6922B;
  --gfmsrv-navy:#17365D;

  list-style:none;
  margin:0 0 10px;
  padding:0;
  display:flex;
  flex-wrap:wrap;
  gap:14px;
}
.gfmsrv-list *{box-sizing:border-box;}

/* Карточки равной ширины: 7 штук в ряд на широком экране.
   flex-basis 0 + grow 1 — иначе длинный текст растягивает свою карточку. */
.gfmsrv-list li{
  flex:1 1 0;
  min-width:132px;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  gap:14px;
  padding:22px 12px;
  border:1px solid #ece2cb;
  border-radius:14px;
  background:#fff;
  color:var(--gfmsrv-navy);
  font-size:13px;
  font-weight:700;
  line-height:1.45;
}

.gfmsrv-ico{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:var(--gfmsrv-gold);
}
.gfmsrv-ico svg{
  width:46px;
  height:46px;
  display:block;
  /* Иконки линейные: заливки нет, цвет наследуется от обёртки. */
  fill:none;
  stroke:currentColor;
  stroke-width:1.5;
  stroke-linecap:round;
  stroke-linejoin:round;
}

/* Полоса под текст одинаковой высоты во всех карточках (3 строки — самый
   длинный пункт). Текст центрируется внутри неё, поэтому однострочные и
   многострочные подписи стоят на одном уровне, а иконки — на одной линии. */
.gfmsrv-txt{
  margin-top:auto;
  min-height:4.35em;
  display:flex;
  align-items:center;
  justify-content:center;
}

/* Ниже 992px карточки переносятся. grow:0 обязателен — иначе последняя
   в неполном ряду растягивается на всю ширину. */
@media(max-width:991px){
  .gfmsrv-list li{flex:0 1 calc((100% - 28px) / 3);min-width:0;}
}
@media(max-width:600px){
  .gfmsrv-list{gap:10px;}
  .gfmsrv-list li{flex:0 1 calc((100% - 10px) / 2);padding:18px 10px;font-size:12.5px;}
  .gfmsrv-ico svg{width:38px;height:38px;}
}