main {padding-bottom:40px}

.services-grid {
  display:flex;
  gap:14px;

  overflow-x:auto;
  overflow-y:hidden;

  padding:40px 20px 14px;
  margin-top:30px;

  scroll-snap-type:x proximity;

  -webkit-overflow-scrolling:touch;

  scrollbar-width:thin;
  scrollbar-color:rgba(0,0,0,0.18) transparent;
}

/* Chrome / Safari */
.services-grid::-webkit-scrollbar {
  height:6px;
}

.services-grid::-webkit-scrollbar-track {
  background:transparent;
}

.services-grid::-webkit-scrollbar-thumb {
  background:rgba(0,0,0,0.18);
  border-radius:20px;
}

.service-card {
  flex:0 0 320px;


  box-shadow:0 4px 10px rgba(0,0,0,0.2);
  border-radius:6px;
  padding:14px;

  display:flex;
  flex-direction:column;
  justify-content:space-between;

  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease;

  scroll-snap-align:start;
}

.service-card:hover {
  transform:translateY(-4px);

  box-shadow:
    0 8px 20px rgba(0,0,0,0.3);
}

.contentContainer h2 {
  color:var(--black);
  padding-top:80px;
  display:block;
}

.service-card h3 {
  margin-bottom:10px;
  font-size:1rem;
  color:var(--black);
  text-align:left;
  padding:0;
  margin:0 0 10px;
}

.service-card p {
  font-size:0.9rem;
  line-height:1.5;
  margin-bottom:15px;
  color:var(--black);
}