.wordmark {
  position: relative;
}

.wordmark h3::after {
  content: "";
  background: var(--accent-color);
  position: absolute;
  display: block;
  width: 50px;
  height: 3px;
  left: 12px;
  top: 45px;
}

.wordmark h3 {
  margin-block-end: 36px;
}

.text-box {
  padding: 50px 0 30px;
}

.text-box h2 {
  border-left: 15px solid #0b0447;
  padding-left: 20px;
  /* padding-top: 20%; */
}

.service-icon img {
  width: 80px;
  margin-bottom: 30px;
  filter: grayscale(100%);
}

.service-item:hover .service-icon img {
  filter: grayscale(0%);
}

video {
  max-width: 100%; /* Responsive width */
  max-height: 80%; /* Responsive height */
 
}