#sertechs-site .sr-engagements{
  padding:120px 0;
  background:var(--sr-page);
}

#sertechs-site .sr-engagement-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}

#sertechs-site .sr-engagement-card{
  display:flex;
  flex-direction:column;
  min-height:360px;
  padding:30px;
  border:1px solid var(--sr-line);
  border-radius:var(--sr-radius);
  background:var(--sr-surface);
}

#sertechs-site .sr-engagement-icon{
  display:grid;
  width:64px;
  height:64px;
  margin-bottom:22px;
  place-items:center;
  border-radius:50%;
  background:rgba(255,106,0,.1);
  color:var(--sr-orange);
  font-size:30px;
}

#sertechs-site .sr-engagement-card h3{
  margin:0 0 12px;
  font-size:24px;
  line-height:1.1;
  letter-spacing:-.04em;
}

#sertechs-site .sr-engagement-card > p{
  color:var(--sr-muted);
  line-height:1.55;
    padding-bottom: 20px;
}

#sertechs-site .sr-engagement-bottom{
  display:flex;
  align-items:end;
  justify-content:space-between;
  margin-top:auto;
  padding-top:22px;
  border-top:1px solid var(--sr-line);
}

#sertechs-site .sr-engagement-bottom small,
#sertechs-site .sr-engagement-bottom strong{
  display:block;
}

#sertechs-site .sr-engagement-bottom small{
  color:var(--sr-muted);
  font-weight:700;
}

#sertechs-site .sr-engagement-bottom strong{
  color:var(--sr-orange);
  font-size:28px;
  line-height:1.05;
}

#sertechs-site .sr-engagement-bottom a{
  display:grid;
  width:50px;
  height:50px;
  place-items:center;
  border:1px solid rgba(255,106,0,.35);
  border-radius:50%;
  font-size:24px;
}

#sertechs-site .sr-engagement-strip{
  display:grid;
  grid-template-columns:1.15fr 1fr;
  gap:40px;
  margin-top:80px;
  padding:28px;
  border-radius:var(--sr-radius);
  background:var(--sr-surface-2);
}

#sertechs-site .sr-engagement-range,
#sertechs-site .sr-engagement-cta{
  display:flex;
  align-items:center;
  gap:28px;
}

#sertechs-site .sr-engagement-range .sr-engagement-icon{
  flex:0 0 64px;
  margin:0;
}

#sertechs-site .sr-engagement-range small{
  color:var(--sr-muted);
}

#sertechs-site .sr-engagement-range strong{
  margin-right:10px;
  font-size:36px;
  letter-spacing:-.05em;
}

#sertechs-site .sr-engagement-range span,
#sertechs-site .sr-engagement-cta p{
  color:var(--sr-muted);
}

#sertechs-site .sr-engagement-cta{
  justify-content:space-between;
  padding-left:35px;
  border-left:1px solid var(--sr-line);
}

#sertechs-site .sr-engagement-cta > div{
  max-width:360px;
}

#sertechs-site .sr-engagement-cta p{
  margin-top:5px;
}

@media(max-width:1100px){
  #sertechs-site .sr-engagement-grid{
    grid-template-columns:repeat(2,1fr);
  }

  #sertechs-site .sr-engagement-strip{
    grid-template-columns:1fr;
  }

  #sertechs-site .sr-engagement-cta{
    padding:25px 0 0;
    border-left:0;
    border-top:1px solid var(--sr-line);
  }
}

@media(max-width:780px){
  #sertechs-site .sr-engagements{
    padding:70px 0;
  }

  #sertechs-site .sr-engagement-grid{
    grid-template-columns:1fr;
  }

  #sertechs-site .sr-engagement-card{
    min-height:auto;
    padding:24px;
  }

  #sertechs-site .sr-engagement-card h3{
    font-size:22px;
  }

  #sertechs-site .sr-engagement-bottom{
    margin-top:28px;
  }

  #sertechs-site .sr-engagement-strip,
  #sertechs-site .sr-engagement-range,
  #sertechs-site .sr-engagement-cta{
    display:block;
  }

  #sertechs-site .sr-engagement-range .sr-engagement-icon{
    margin-bottom:15px;
  }

  #sertechs-site .sr-engagement-range strong{
    display:block;
    font-size:32px;
  }

  #sertechs-site .sr-engagement-cta .sr-btn{
    margin-top:20px;
  }
}