:root{
  --brand:#0b70d1;
  --brand-2:#10c0f4;
  --text:#0b2a3a;
  --muted:#57636b;
  --line:#d9edf3;
}

.feature { align-items: center; }
.feature-icon{
  width:88px;height:88px;border:2px dashed #7ad1f7;border-radius:999px;
  display:grid;place-items:center;flex:0 0 auto;
}
.feature-icon img{ max-width:56px;max-height:56px; }

.btn-gradient{
  background-image:linear-gradient(90deg,var(--brand),var(--brand-2));
  color:#fff;border:0;padding:.75rem 1.25rem;font-weight:700;border-radius:999px;
}
.btn-gradient:hover{ filter:brightness(.95); color:#fff; }

.hairline{ border:0;height:1px;background:var(--line);opacity:1; }
.section-title{ font-weight:500;margin-bottom:.25rem; }
.section{ padding-block:1.25rem; }
.section .actions{ margin-top:.75rem; }
.feature img {
  width: 150px;   /* ajusta a lo que necesites */
  height: auto;   /* mantiene proporción */
  max-width: none; /* evita que Bootstrap limite */
}

.icon-120{
  width:120px;           /* ajústalo a 120–140px según lo necesites */
  height:120px;
  object-fit:contain;    /* mantiene proporción dentro del cuadro */
  display:block;         /* evita espacios raros debajo del img */
  max-width:none;        /* no se limita por Bootstrap */
  flex-shrink:0;         /* no se encoge en layouts flex */
}

.text-highlight {
  color: #1d78d5; /* azul bootstrap */
  font-weight: 500;
}