.dc-blog-hero{
  min-height:390px;
  position:relative;
  display:flex;
  align-items:center;
  overflow:hidden;
  background:#fff;
  padding:0;
}
.dc-blog-hero::before{
  content:"";
  position:absolute;
  inset:0;
background-image: url('/assets/blog.webp');  background-repeat:no-repeat;
  background-position:center;
  background-size:cover;
  z-index:0;
}
.dc-blog-hero::after{display:none!important}
.dc-blog-hero .container{
  position:relative;
  z-index:2;
  padding-top:48px;
  padding-bottom:48px;
}
.dc-blog-hero h1{
  margin:0;
  max-width:430px;
  font-size:clamp(42px,4.5vw,62px);
  line-height:1.03;
  letter-spacing:-2px;
  color:#172733;
}
.dc-blog-hero h1 .growth{color:#08a8b5}
.dc-blog-hero p{
  max-width:410px;
  margin:0;
  color:#53656d;
  font-size:15px;
  line-height:1.55;
}
.dc-blog-hero .hero-brand-bars{
  display:flex;
  gap:5px;
  margin:20px 0 22px;
}
.dc-blog-hero .hero-brand-bars i{
  display:block;width:25px;height:5px;border-radius:10px
}
.dc-blog-hero .hero-brand-bars i:nth-child(1){background:#08a8b5}
.dc-blog-hero .hero-brand-bars i:nth-child(2){background:#72c843}
.dc-blog-hero .hero-brand-bars i:nth-child(3){background:#ff963b}
.dc-blog-hero .hero-brand-bars i:nth-child(4){background:#ff3344}
@media(max-width:900px){
  .dc-blog-hero{min-height:350px}
  .dc-blog-hero::before{background-position:58% center}
  .dc-blog-hero h1{font-size:46px;max-width:360px}
}
@media(max-width:600px){
  .dc-blog-hero{min-height:500px;align-items:flex-end}
  .dc-blog-hero::before{
    background-size:auto 100%;
    background-position:64% center;
    opacity:.42;
  }
  .dc-blog-hero .container{
    padding:40px 22px;
    background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.88) 64%,rgba(255,255,255,.12) 100%);
  }
  .dc-blog-hero h1{font-size:42px;max-width:310px}
  .dc-blog-hero p{font-size:14px;max-width:300px}
}