:root{
  --ink:#1a1b1f;      
  --muted:#7b8794;      
}

.services{
  background:#fff;
  padding:96px 24px 110px;
  color:var(--ink);
  border-bottom:1px solid #eceff3;   
  font-family: Montserrat, sans-serif;
}

.services__header{
  text-align:center;
  margin-bottom:38px;
}
.services__eyebrow{
  opacity: .8;
  margin-top: 40px;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}
.services__title{
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 36px;
  font-weight: 400;
  line-height: 50px;
}

.services__grid{
  max-width:1100px;
  margin-inline:auto;
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:56px;
}

.service{ text-align:left; }
.service__icon {
  color: #1f2937;
  font-size: 28px;
  line-height: 1;
}

img.icon{
  display: block;
  margin: 0 0 30px 0;
  width: 50px;
  height: 50px;
  object-fit: contain;
}
.service__heading{
  margin:0 0 8px;
  font-weight:400;                
  font-size:18px;
  line-height:1.4;
  color:var(--ink);
}
.service__text{
  margin:0;
  font-weight:400;
  font-size:16px;
  line-height:28px;               
  color:var(--ink);
}
.paragraph-light{
  opacity:.6;                   
  text-align:left;
  font-style:normal;
}

.services__strap{
  text-align:center;
  margin-top:200px;
}
.services__straptext{
  margin:14px auto 40px;         
  max-width:720px;                
  font-weight:400;                 
  font-size:22px;
  line-height:1.5;
  letter-spacing:.01em;
  color:#1f2937;
}

@media (max-width: 992px){
  .services{ padding:80px 20px 96px; }
  .services__grid{ grid-template-columns:repeat(2, minmax(0,1fr)); gap:44px; }
  .services__title{ font-size:30px; }
  .services__straptext{ max-width:740px; font-size:21px; }
}
@media (max-width: 640px){
  .services{ padding:64px 16px 80px; }
  .services__grid{ grid-template-columns:1fr; gap:36px; }
  .services__title{ font-size:26px; }
  .service__heading{ font-size:17px; }
  .service__text{ font-size:14px; line-height:1.8; }
  .services__straptext{ max-width:92%; font-size:18px; line-height:1.55; }
}

@media (prefers-reduced-motion:reduce){
  *{ transition:none !important; animation:none !important; }
}