@font-face {
    font-family: Aileron-thin;
    src: url(https://www.genotek.global/hubfs/aryaman/Z-1685/Aileron-Thin.ttf.ttf);
}

.hero {
    position: relative;
    width:100vw;
    overflow: hidden;
    z-index: -1;
    font-family:Aileron-thin;
}

.hero-video {
    width: 100%;
    height: 100%;
    object-fit: contain;
    filter: brightness(80%);
}

.hero-overlay {
    position: absolute;
    top: 70%;
    left: 20vw;
    color: white;
    transform: translate(-50%, -50%);
    text-align: center;
    color: #ffffff;
    padding: 20px;
    max-width: 90%;
    width: auto;
}

.hero-overlay h1 {
  font-family: Aileron-thin;
    font-size: 7vw;
    color: white;
}

.hero-overlay p {
  font-family: Aileron-thin;
    color: white;
    font-size: 1vw;
    max-width: 20dvw;
    margin: 0 auto;