@charset "UTF-8";

html {
  scroll-padding-top: 3.5rem;
}

header {
  padding-top: 9.5rem;
  padding-bottom: 6rem;
}

section {
  padding-top: 9rem;
  padding-bottom: 9rem;
}

.navbar-logo {
  height: 42px;
}

.custom-header {
  background-image: url("/img/hero2.webp");
  /* Replace with your image URL */
  background-size: cover;
  /* Makes the image cover the entire header area */
  background-position: center;
  /* Centers the image */
  background-repeat: no-repeat;
  /* Prevents the image from repeating */
  color: white;
  /* Ensures text is white for visibility */
  padding: 100px 0;
  /* Adds some vertical space */
}