.hero {
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 100px 0;
    overflow: hidden;
    background-repeat: no-repeat!important;
    background-size: cover!important;
}
.section-header{
    align-items: start;
}
.hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
    135deg,
    rgba(9,19,31,.92) 0%,
    rgba(9,19,31,.80) 50%,
    rgba(63,151,255,.15) 100%
    );
    z-index: 0;
}
.hero-inner {
    position: relative;
    z-index: 1;
    max-width: 680px;
}
.arch-flow{
    grid-template-columns: repeat(4, 1fr);
}
@media(max-width:767px){
    .arch-flow{
        grid-template-columns: 1fr;
    }
}