.hybridhdr-wrap {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.hybridhdr-title {
    margin: 0;
    font-weight: 800;
    font-size: clamp(42px, 7vw, 50px);
    background: linear-gradient(180deg,
            #cfe4ff 0%,
            #8bc0ff 30%,
            #5da4ff 60%,
            #347cff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    word-break: break-word;
}

.hybridhdr-cursor {
    display: inline-block;
    font-weight: 300;
    animation: hybridBlink .8s infinite;
    background: linear-gradient(180deg,
            #eef7ff 0%,
            #b8dcff 25%,
            #6fb6ff 60%,
            #3d86ff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

@keyframes hybridBlink {
    0%,
    49% {
        opacity: 1;
    }

    50%,
    100% {
        opacity: 0;
    }
}

@media(max-width:768px) {
    .hybridhdr-title {
        letter-spacing: -1px;
        line-height: 1;
    }
}