header a {
  transition: var(--transition) !important;
}

h1 span,
h2:not(.no-gradient),
h3 {
  background: linear-gradient(to top,
      var(--primary) 0%,
      var(--primary) 20%,
      var(--secondary-semi-light) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
  -webkit-text-fill-color: transparent;
}

h2 span {
  background: linear-gradient(to top,
      var(--primary) 0%,
      var(--primary) 20%,
      var(--secondary-semi-light) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
  -webkit-text-fill-color: transparent;
}

.btn--secondary:hover {
  background: var(--secondary-hover) !important;
  transition: none !important;
}

.style-icons ul {
  list-style: none;
  /* Remove default bullets */
  padding-left: 0;
  /* Remove default padding */
}

.style-icons ul li {
  display: flex;
  /* Use flexbox for alignment */
  align-items: flex-start;
  /* Align items at the top */
  padding-left: 1.5em;
  /* Space for the custom bullet */
  position: relative;
  /* Ensure positioning context for the pseudo-element */
  margin-bottom: 0.5rem;
  font-weight: 500;
  color: var(--primary-dark);
}

.style-icons ul li::before {
  content: "";
  background-image: url("https://trudyvanpijkeren.nl/wp-content/uploads/2025/04/icon.svg");
  /* Set the background image */
  background-size: contain;
  /* Ensure the image scales correctly */
  background-repeat: no-repeat;
  /* Prevent tiling */
  display: inline-block;
  /* Create an inline-block element */
  width: 0.8em;
  /* Adjust width to the size of the icon */
  height: 0.8em;
  /* Adjust height to the size of the icon */
  position: absolute;
  /* Position it absolutely within the list item */
  left: 0;
  /* Align to the left of the list item */
  top: 7px;
  /* Align at the top of the list item */
  transform: translateY(0);
  /* No vertical translation needed */
}

.blue-style-icons ul li::before {
  background-image: url("https://trudyvanpijkeren.nl/wp-content/uploads/2025/04/icon.svg");
  /* Set the background image */
}

.mobile-button a {
  font-weight: 700;
  font-style: italic;
}

@media only screen and (min-width: 786px) {
  .mobile-button {
    display: none;
  }
}