.hero {
  min-height: 100vh;
}
.hero-title-col {
  padding-right: 200px;
}

.hero-heading {
  position: relative;
  display: inline-block;
}

.print-with {
  font-size: 3rem;
  font-weight: 700;
  color: white;
  position: relative;
  z-index: 1;
}

.confidence {
  position: absolute;
  left: 170px; /* replaces margin-left:-90px */
  bottom: -60px; /* ✅ controls vertical placement */

  font-size: 6rem;
  font-weight: 300;
  color: white;
  line-height: 1;
  white-space: nowrap;
  z-index: 2;
}

@media (max-width: 576px) {
  .hero-title-col {
    padding-right: 0;
  }

  .hero-heading {
    display: flex;
    flex-direction: column;
  }

  .confidence {
    position: relative;
    left: unset;
    bottom: unset;
  }
}

.services-col {
  flex: 1 0 0%;
  height: 350px;
  transition: flex 0.3s ease;
}
.services-col:hover {
  flex: 2 0 0%;
}

.services-col > .w-100 {
  justify-content: flex-start !important;
  padding-left: calc((100% - var(--content-width, 100%)) / 2);
  padding-right: calc((100% - var(--content-width, 100%)) / 2);
  transition: padding 0.3s ease;
  padding-top: 40px;
  padding-bottom: 40px;
}
.services-col:hover > .w-100 {
  padding: 40px;
}

.services-col h3 {
  margin: auto auto;
  transition: margin 0.3s ease;
}
.services-col:hover h3 {
  margin: 0 auto 0 0;
}

.services-col .services-col-hidden {
  height: 0;
  overflow-y: hidden;
  opacity: 0;
  transition: opacity 0.5s ease 0.3s;
}

.services-col:hover .services-col-hidden {
  height: auto;
  overflow-y: visible;
  opacity: 1;
}
.services-col:hover h3 > br {
  display: none;
}