/*--------------------------------------------------------------
# Hero Graph Animation
--------------------------------------------------------------*/
.hero-img svg {
    overflow: visible;
}

.graph-line {
    stroke: #5a6f8e;
    stroke-width: 1.5px;
    opacity: 0.8;
    stroke-dasharray: 440px;
    stroke-dashoffset: 440px;
    animation: drawLine 1.5s ease-out forwards 0.5s;
}

.graph-node-border {
    fill: none;
    stroke: #da4b4b;
    stroke-width: 1.5px;
    stroke-dasharray: 4px 4px;
    opacity: 0.8;
}

.graph-node-center {
    fill: #da4b4b;
}

.right-node {
    opacity: 0;
    animation: fadeIn 0.5s ease-out forwards 2s;
}

@keyframes drawLine {
    to {
        stroke-dashoffset: 0;
    }
}

@keyframes fadeIn {
    to {
        opacity: 1;
    }
}