/* Ensure the text color matches your branding */
.text-teal {
    color: #008080; /* Adjust this to match your site's teal */
}

/* Style the cursor */
.typed-cursor {
    color: #fff;
    font-size: 4rem;
}

/* Add a subtle text shadow for better readability over the video */
h1 {
    text-shadow: 2px 2px 8px rgba(0,0,0,0.5);
    line-height: 1.2;
}

@media screen and (max-width: 780px) {
  .typed-cursor {
    color: #fff;
    font-size: 3rem;
  }
}

section {
    padding: 50px 0 !important;
    overflow: hidden;
    background: #fff;
    position: relative;
}