/* =========================
   service cards - full bleed top image
   ========================= */

.service-card{
  padding:0;
  overflow:hidden;
}

.service-card .service-thumb{
  width:100%;
  height:320px;
  margin:0;
  border-radius:0;
  border-top-left-radius:24px;
  border-top-right-radius:24px;
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
}

.service-card h3{
  margin:20px 0 10px;
  padding:0 20px;
  font-size:1.12rem;
  line-height:1.12;
  text-transform:lowercase;
}

.service-card p{
  margin:0;
  padding:0 20px 22px;
  color:var(--muted);
  line-height:1.72;
}

.service-card .card-list{
  margin:0;
  padding:0 20px 22px 38px;
  color:#dde2eb;
  line-height:1.78;
}

.service-card .card-list li + li{
  margin-top:4px;
}

@media (max-width: 820px){
  .service-card .service-thumb{
    height:280px;
  }
}

@media (max-width: 640px){
  .service-card .service-thumb{
    height:250px;
    border-top-left-radius:20px;
    border-top-right-radius:20px;
  }

  .service-card h3{
    margin:16px 0 8px;
    padding:0 16px;
  }

  .service-card p{
    padding:0 16px 18px;
  }

  .service-card .card-list{
    padding:0 16px 18px 32px;
  }
}