/* Home services: make the choice of support faster to scan. */
.services .section-intro{margin-bottom:42px}
.services .service-card{position:relative;display:flex;flex-direction:column;overflow:hidden;padding:30px 31px 32px;background:#fff;isolation:isolate;transition:background .25s ease,transform .25s ease,box-shadow .25s ease}
.services .service-card:after{display:none}
.services .service-card:hover{z-index:1;background:#f7faf9;transform:translateY(-3px);box-shadow:0 14px 32px rgba(16,38,66,.08)}
.services .service-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px}
.services .service-card .service-number{margin:0;color:#c78d2a;font:700 28px/1 var(--serif);letter-spacing:-.04em}
.services .service-marker{position:relative;display:grid;place-items:center;width:46px;height:46px;border:1px solid #dce7e2;border-radius:50%;background:#eef5f2;color:#28745c}
.services .service-card:first-child .service-marker{border-color:#102642;background:#102642;color:#fff}
.services .service-card:nth-child(3) .service-marker{border-radius:9px}
.services .service-card:nth-child(4) .service-marker{background:#f5f0e6;color:#96701d}
.services .service-card:nth-child(5) .service-marker{border-color:#d8e5dc;background:#f5faf7;color:#2d775e}
.services .service-marker-conversation:before{width:19px;height:13px;border:2px solid currentColor;border-radius:7px;content:''}
.services .service-marker-conversation:after{position:absolute;left:15px;bottom:12px;width:6px;height:6px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;content:'';transform:skewY(-35deg)}
.services .service-marker-target:before{width:19px;height:19px;border:2px solid currentColor;border-radius:50%;content:''}
.services .service-marker-target:after{position:absolute;width:5px;height:5px;border-radius:50%;background:currentColor;content:''}
.services .service-marker-document:before{width:16px;height:21px;border:2px solid currentColor;border-radius:2px;content:''}
.services .service-marker-document:after{position:absolute;width:8px;height:2px;background:currentColor;box-shadow:0 5px 0 currentColor,0 10px 0 currentColor;content:''}
.services .service-marker-compass:before{width:16px;height:16px;border:2px solid currentColor;border-radius:50%;content:''}
.services .service-marker-compass:after{position:absolute;width:0;height:0;border-top:6px solid currentColor;border-right:3px solid transparent;border-left:3px solid transparent;content:'';transform:rotate(38deg) translate(2px,-1px)}
.services .service-marker-salary:before{content:'€';font:700 22px/1 var(--serif)}
.services .service-marker-academic:before{content:'MBA';font:800 11px/1 var(--sans);letter-spacing:.04em}
.services .service-card h3{max-width:320px;margin-bottom:14px;font-size:clamp(25px,2vw,30px);line-height:1.07}
.services .service-kicker{display:block;color:#845b17;font-size:14px;font-weight:800;letter-spacing:.05em;line-height:1.4;text-transform:uppercase}
.services .service-card p{max-width:365px;margin-bottom:25px;color:#526274;font-size:15px;line-height:1.58}
.services .service-card .text-link{position:relative;z-index:1;margin-top:auto}

/* Every card follows the same vertical rhythm, so comparing services is effortless. */
@media(min-width:901px){
  .services .service-card{
    display:grid;
    grid-template-rows:72px 86px 38px minmax(76px,1fr) auto;
    gap:0;
    min-height:410px;
  }
  .services .service-card-top{margin:0}
  .services .service-card h3{margin:0;align-self:start}
  .services .service-kicker{align-self:start}
  .services .service-card p{margin:0;align-self:start}
  .services .service-card .text-link{margin-top:0;align-self:end}
  .services .service-card:nth-child(n+4) p{padding-bottom:18px}
}

@media(max-width:900px){
  .services .service-card{padding:28px 25px 29px}
  .services .service-card-top{margin-bottom:31px}
  .services .service-card:after{right:16px;font-size:112px}
  .services .service-card h3{margin:0 0 10px}
  .services .service-kicker{margin-bottom:15px;font-size:14px}
}
@media(max-width:600px){
  .services .section-intro{margin-bottom:31px}
  .services .service-card{min-height:0!important;padding:27px 24px 29px}
  .services .service-card-top{margin-bottom:25px}
  .services .service-card .service-number{font-size:27px}
  .services .service-marker{min-width:43px;height:43px}
  .services .service-card h3{font-size:27px}
  .services .service-card p{font-size:15px}
}