/* hero  */
.hero-banner {
  background-image: url('/images/vendas/bg-hero-desktop.svg');
  margin-top: 120px;
}
.hero-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -40%);  
  width: 100%;
  z-index: 2;
  color: white;
}
.hero-content  h1 {
  font-size: 42px;
  font-weight: 600;
  line-height: 1.4;
}
.hero-content p {
  padding: 30px 0;
  font-size: 22px;
  color: #B4C5D7;
}

.slide-item{
  display: flex !important;
  align-items: center!important;
  
}

@media (max-width: 425px) {
  .hero-banner {
      position:relative;
      background-image: url('/images/vendas/bg-hero-mobile.svg')
  }
  .hero-banner::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to top,#000 1%,rgba(255,255,255,0) 88%);
    pointer-events: none; 
    }
  .hero-content   {
      text-align: center;
      transform: translate(-50%, -10%);
     
  }
  .hero-content  h1 {
      font-size: 26px;
      line-height: 1.4;
  }
  .hero-content p {
      font-size: 18px;
  }
}