.agora-servicos{
  --agora-blue:#041e42;
  --agora-line:#dbe3ec;
  --agora-soft:#f5f7fa;
  margin:48px 0 34px;
  font-family:inherit;
}
.agora-servicos__head{margin:0 0 22px}
.agora-servicos__eyebrow{
  display:block;margin-bottom:6px;color:#5d6875;font-size:12px;font-weight:700;
  letter-spacing:.08em;text-transform:uppercase
}
.agora-servicos__head h2{
  margin:0;color:var(--agora-blue);font-size:clamp(26px,3vw,38px);line-height:1.05
}
.agora-servicos__head p{margin:8px 0 0;color:#606a75;font-size:15px}
.agora-servicos__grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px
}
.agora-servicos__card{
  display:flex;align-items:center;min-height:92px;padding:18px;border:1px solid var(--agora-line);
  border-radius:14px;background:#fff;color:var(--agora-blue);text-decoration:none!important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease
}
.agora-servicos__card:hover,.agora-servicos__card:focus-visible{
  transform:translateY(-2px);border-color:#aebdce;box-shadow:0 8px 24px rgba(4,30,66,.08);outline:none
}
.agora-servicos__icon{
  width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;margin-right:13px;
  border-radius:50%;background:var(--agora-soft)
}
.agora-servicos__icon svg{width:22px;height:22px;fill:currentColor}
.agora-servicos__content{min-width:0;display:flex;flex-direction:column;gap:3px}
.agora-servicos__content strong{font-size:16px;line-height:1.2}
.agora-servicos__content small{color:#65707d;font-size:12px;line-height:1.35}
.agora-servicos__arrow{margin-left:auto;padding-left:10px;font-size:22px;line-height:1}
@media (max-width:850px){
  .agora-servicos__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:520px){
  .agora-servicos{margin-top:34px}
  .agora-servicos__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .agora-servicos__card{min-height:104px;padding:14px 12px;align-items:flex-start;flex-wrap:wrap}
  .agora-servicos__icon{width:38px;height:38px;flex-basis:38px;margin-right:9px}
  .agora-servicos__icon svg{width:19px;height:19px}
  .agora-servicos__content{flex:1}
  .agora-servicos__content small{display:none}
  .agora-servicos__arrow{display:none}
}