Hero 4

<div class="blocks-hero-04 wrapper">
    <div class="grid-container">
        <div class="spacer xxxx-large"></div>
        <div class="grid-x align-center">
            <div class="large-6 medium-10 small-12 cell">
                <div class="title">
                    Search Results for <strong>“Charging”</strong>
                </div>
                <div class="spacer large"></div>
                <ins-input placeholder="" value="Charging" icon="icon-search">
                </ins-input>
            </div>
        </div>
        <div class="spacer xxxx-large"></div>
    </div>
</div>

.blocks-hero-04 {
  background-image: url('https://insites.imgix.net/bg-dark.jpg');
  background-position: center;
  background-size: cover;
}

.blocks-hero-04 .title{
  text-align: center;
  font-family: var(--font-family-01, sans-serif);
  font-size: var(--typography-xxx-large, 2.5rem);
  color: var(--color-font-inv, #FFFFFF);
  line-height: normal;
}