#services {
  width: 100%;
}

.services {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  margin: auto clamp(40px, 6vw, 80px);
  grid-gap: 30px;
}

.serviceItem {
  display: flex;
  flex-direction: column;
  position: relative;
  align-items: center;
  justify-content: center;
  background-color: #78720031;
  padding: 8px clamp(20px, 3vw, 40px);
  border: 5px solid #a09b003a;
  gap: clamp(16px, 2vw, 20px);
  backdrop-filter: blur(10px);
  border-radius: 14px;
}

/* .serviceTxt {
  position: relative;
  z-index: 10;
  transition: inherit;
  text-shadow: 1px 1px 8px #000;
}

.serviceTxt h1 {
  font-size: 40px;
  transition: all 0.3s ease;
} */

.services p {
  text-align: justify;
}

.twofr {
  grid-column: span 2;
}