.wrapper {
  overflow: hidden;
  background-color: #F9FBFB;
}

.sliding-background {
  background: url("../img/integrations_slider.webp") repeat-x;
  height: 250px;
  width: 5076px;
  animation: slide 60s linear infinite;
  background-size: auto 100%;
}

@keyframes slide{
  0%{
    transform: translate3d(0, 0, 0);
  }
  100%{
    transform: translate3d(-1692px, 0, 0);
  }
}

.hero h1 {
  font-weight: bold;  
  font-size: 4rem;
  color: black;
  line-height: 1;
  text-transform: none;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,
    Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  margin-bottom: 2rem;
}

@media only screen and (max-width: 768px) {
  .hero h1 {
    font-size: 2.5rem; /* Tamanho menor para dispositivos móveis */
  }
}

.fundo-homem {
  height: 400px; /* Ajuste a altura conforme necessário */
    background-image: url('../img/banner-homem.webp');
    background-size: cover; /* Para cobrir toda a área da div */
    background-position: center; /* Para centralizar a imagem */
    background-repeat: no-repeat; /* Para evitar repetição da imagem */
}

.half-signin {
  flex: 1;
  height: 100vh;
}

.signin-img {
  background-image: url('../img/signin.webp');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.authentication-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    min-height: 100vh;
    width: 100%
}

.authentication-wrapper .authentication-inner {
    width: 100%
}

.authentication-wrapper.authentication-1,
.authentication-wrapper.authentication-2,
.authentication-wrapper.authentication-4 {
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.authentication-wrapper.authentication-1 .authentication-inner {
    max-width: 300px
}

.authentication-wrapper.authentication-2 .authentication-inner {
    max-width: 380px
}

.authentication-wrapper.authentication-3 {
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch
}

.authentication-wrapper.authentication-3 .authentication-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: stretch;
    justify-content: stretch
}

.authentication-wrapper.authentication-4 .authentication-inner {
    max-width: 800px
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .authentication-wrapper:after {
        content: '';
        display: block;
        -ms-flex: 0 0 0%;
        flex: 0 0 0%;
        min-height: inherit;
        width: 0;
        font-size: 0
    }
}


#signup:hover .arrow {
  width: 35px;
  margin-right: 5px;
}

/*inicio do container index*/
.index-page{
  overflow-x: hidden;
}
.gradient-container {
  height: 91vh;
  background: linear-gradient(to right, #010E26, #1752aa);
  max-height: 720px;
  margin: 0 auto; 
  display: flex;
  align-items: center;
  justify-content: space-around;
  text-align: center;
  position: relative;
  overflow: hidden;
  padding: 0%;
}

@media (max-width: 768px) {
  .gradient-container {
    background: linear-gradient(to right, #010E26, #1752aa) !important;
  }
}

.hero-section .figure-holder{
  margin-top: 6%;
}

.section-container {
  justify-content: space-between;
  display: flex;
  height: 100%;
  width: 100%;
}

.margin{
  margin-left: 75px;
}

.main-container{
  height: 90%;
  width: 42%;
  display: flex;
  justify-content: start;
  align-items: center;
}

.text-titulo{
  text-align: start;
  color: white;
  font-size: 3rem;
  font-family: 'Roboto', sans-serif;
}

.toge{
  margin-top: 10px;
}

.rectangle-left {
  width: 2px;
  height: 45px;
  background-color: #1779AA;
  z-index: 1;
}

.cont-top{
  justify-content: space-between;
  display: flex;
  margin-top: 40px;
  align-items: center;
}


.container1 {
  max-width: none !important;
  flex: none !important;
  padding-left: 12%;
  margin: 0;
  
}

.image-container {
  position: absolute;
  display: flex;
  justify-content: end;
  overflow-x: clip;
  left: 19%;
  top: 0%;
  z-index: 7;
  right: 0%;
}

.images-right{
  overflow: hidden;
  width: 57%;
  height: 100%;
  display: flex;
  justify-content: end;
  align-items: start;
}

.grafic{
  z-index: 7;
  display: block;
  overflow-x: hidden;
  left: 31%;
  top: 85px;
  position: absolute;
}

.image-circle{
  right: 190px;
  position: absolute;
  top: 0;
}

.circle{
  position: absolute;
  width: 0%;
  height: 0%;
}

.report{
  width: 50%;
  height: 50%;
}

/*final*/
.pt-5, .py-5 {
  padding-top: 7rem !important;
}

@media(min-width: 992px) {
  .pt-lg-5 {
    padding-top: 7rem !important;
  }
}

.log0 {
  height: 45px;
  left: 11% !important ;
  position: absolute;
  vertical-align: middle;
}

.display-text{
  display: flex;
  align-items: start;
  flex-direction: column;
  margin-left: -18%;
}

/* Ajuste para telas pequenas */
@media (max-width: 600px) {
.globalNav a:hover { color: #ffffff; }
.image-Shape { top: -4% !important; right: 3% !important; }
.mt-1 { margin-left: 29px; max-width: 274%; }
.globalNav .navSection.mobile { right: 10px; }
#myheader1.scrolled-different-color .mt-2 { max-width: 285% !important; margin-left: 26px; }
.display-text { margin-left: 4% !important; }
.rectangle-left { display: none; }
.text-overlay {display: none;}
.log0 { left: 2% !important; height: 40px !important; }
.positioned-text { width: 15; line-height: 90%; margin-top: 10px !important; left: 4px !important; }
.text-solucoes { font-family: ui-serif !important; margin-bottom: 2rem !important; font-size: 3rem !important; font-weight: 100 !important; }
.btn-demo { padding: 8px 4px !important; font-size: 16px !important; }
.btn-demo:hover { color: none !important; }
.globalNav .navSection.mobile .rootLink { left: 48px; }
.py-5 { margin-top: -90px; }
.log0-mob { margin-left: 12px !important; }
.margin {margin-left: -2px;} 
.image-circle {right: 85px;top: 15px;}
.button-div{flex-direction: column;width: 100% !important;position: relative !important; margin-top: 90px !important;}
.images-right{width: 0; height: 0;}
.text-titulo {font-size: 2.4rem; width: 100%;}
.cont-top{display: none;}
.gradient-container{height: auto; min-height: auto; padding-bottom: 10px; align-items: flex-start;}
}
@media (min-width: 1400px){
  .img-grad{left: 237% ;}
}
@media (max-width: 1500px){
  .image-container { left: 17% !important; top: -1% !important; }
  .image-Shape { top: -11% !important; right: 4% !important; }
  .py-5 { padding-top: 11rem !important; }
  .display-text { margin-left: -26%; }
  .grafic { top: 25px;}
  
}
@media (min-width: 1800px){
  .rectangle { left: 30px !important; }
  .log0 { left: 19% !important; }
  .imagem-shape > img { margin-top: 10% !important; }
  .image-container { top: 2% !important; left: 24% !important; }
  .container1 { padding-left: 9%; }
  .image-Shape { top: 3% !important; right: 8% !important; padding: 0% !important; }
  .display-text { right: 10%; }
  .container.card-section,.container.card-section2 { max-width: 1600px !important; }
  .globalNav .navRoot { margin-right: 72px; }
  .log0-mob { margin-left: -190px !important; }
  .container-on { max-width: 84%; }
  .row-index { width: 56% !important; }
  }
@media (min-width: 2040px) {
  .display-text {right: 19% ;}
  .image-container {top: 2% !important; left: 26%;}
  .image-Shape {top: 3% !important; right: 6% !important; padding: 0% !important;}
  .container-on {max-width: 88%;}
}

.image-Shape{
  position: absolute;
  top: -9%;
  right: 3%;
  padding: 11%;
}

.positioned-text {
  position: relative;
  margin-top: -10px;
  left: 24px;
  text-align: start;
  color: white;
  font-size: 3rem;
  font-family: 'Roboto', sans-serif;
  width: 102%;
}


.rectangle-container {
  position: relative; 
  display: flex;
  align-items: center;
}

.rectangle {
  margin-top: 25px;
  position: relative;
  top: 15%;
  left: 30px;
  width: 2px;
  height: 90px;
  background-color: #1779AA;
  z-index: 1;
}

.row{
  display: flex;
  flex-wrap:wrap ;

}
.row-index{
  width: 68%;
  display: flex;
  margin: right -15px;
  margin-left: -15px;
}

.text-overlay {
  top: -32px;
  width: 506px;
  position: relative;
  right: -10px;
  font-weight: 500;
  margin-left: 0px;
  color: white;
  z-index: 2;
  transform: translateY(28px);
  text-align: start;
  font-family: 'Maven Pro', sans-serif;
  font-size: 20px;
}

  .highlight {
    color: #1779AA; 
}

.header2{
  background: #000000 !important;
}

.navText2.logo {
  position: absolute;
  top: 0;
  right: 83%;
}


.navText2{
  color: #0d374b !important;
  font-family: Camphor, Open Sans, Segoe UI, sans-serif !important;
}

.navText{
  font-weight: 400 !important;
  font-size: 18px !important;
}

.rootLink.item-support.colorize-reverse.navText {
  font-weight: 400 !important;
  font-size: 18px !important;
  margin-left: -18px;
}

.rootLink.item-support.colorize-reverse.navText2 {
  font-weight: 400 !important;
  font-size: 18px !important;
  margin-left: -18px;
}

.text-solucoes{
  font-weight: 400;
  font-size: 4rem;
  color: #fff !important;
  line-height: 65px !important;
  text-transform: none !important;
  font-family: 'Roboto', sans-serif !important;
  }

.high-solucoes{
  font-family: 'Maven pro', sans-serif !important;
  color: #3f7b97 !important;
  margin-bottom: 4% !important;
  z-index: 7 !important;
  font-size: 2rem !important;
  font-weight: 200 !important;
}

.main-title-container{
  padding-left: 5%;
  padding-top: 5%;
}

.low-solucoes{
  line-height: 30px;
  font-family: "Exo 2", Sans-serif !important;
  color: #ffffff !important;
  z-index: 7 !important;
  font-size: 24px !important;
  padding-left: 15px;
  margin-top: -6px;
 
  font-weight: 400 !important;
}

.button-div{
  position: relative;
  z-index: 7;
  width: 100%;
  justify-content: start;
  display: flex;
  margin-top: 60px;
  margin-bottom: 30px;
}


.btn-demo:hover {
  color: #ffffff; /* Cor do texto quando o mouse está em cima */
  text-decoration: none;
}

.btn-demo:hover > span:first-child {
  text-decoration: underline;
}

.img-grad{
  top: -26rem;
  left: 67rem;
  max-width: 400px;
}

.marg-hea{
  margin-left: -40px;
}

.nopadding{
  padding-left: 0 !important;
}

@media (max-width: 600px) {
  .grad-solucoes { height: auto !important; min-height: 85vh !important; display: flex; }
  .high-solucoes { line-height: 20px !important; font-size: 1.1rem !important; }
  .low-solucoes { display: none; }
  .text-solucoes { margin-left: -14px !important; line-height: 48px !important; font-size: 3rem !important; font-weight: 400 !important; }
  .btn-demo { justify-content: center; margin-left: 7px !important; padding: 19px 8px !important; font-size: 16px !important; }
  .btn-demo:hover { color: white !important; }
  .img-grad { display: none; }
  .main-title-container { padding-left: 5% !important; padding-top: 0% !important; }
  .butn-demo { padding: 22px !important; left: 52px !important; position: relative !important; line-break: anywhere !important; margin-top: 27px !important; margin-left: -42px !important; font-size: 15px !important; }
  .left-but { display: flow; padding-left: 3px !important; line-height: 3; }
  .left-but2 { margin: 0px -6px; display: inline-grid; align-items: center; }
  .butn-demo2 { font-size: 17px !important; font-weight: 600 !important; }
  .container.card-section2 { margin-top: -57px !important; }
  .container.card-section3 { margin-top: -35px !important; }
  .globalNav .popup { right: -45px !important; }
  .span-container { margin: 30px 8px !important; }
  .high { margin-top: 15%; }
  .bunner-text { margin-top: 80px !important; margin-left: 4px !important; }
  .sub-text { margin-top: 16px !important; margin-left: 4px !important; }
  .bunner-bt { margin-top: 45px !important; left: 5% !important; width: 78% !important; margin-left: 0% !important; }
  .bunner { height: 80% !important; max-width: 100% !important; margin-top: 2% !important; }
  .fundo-homem { height: 390px; }
  .tp { padding-top: 2rem !important; }
  .bunner-image-container { margin-top: -150%; }
  .bunner-img { max-width: 92%; margin-right: -4% !important; }
  .chat-container { right: 8px !important; }
  .container-contat-inf { display: none; }
  .contat { width: 100%; }
  .form-control { width: 100%; }
  .button-contat { width: 101%; }
  .size-cont { height: 475px; margin-top: 0px; padding-top: 40px !important; }
  .row-index { width: 104% !important; }
  .image-grafic{display: none;}
  
}
@media (min-width: 1200px) and (max-width:1499px){
  .image-container{top: -18% !important;}
  .space-con{margin-left: -19%;}
  .top-im{margin-top: 85px;}
  .row-index {width: 70% !important;}
}
@media (min-width: 1100px) and (max-width:1400px){
  .image-container {top: -14% !important;}
}
@media (min-width: 1400px) and (max-width: 1500px){
.main-title-container {padding-left: 4%;padding-top: 5%;}
.container.card-section2 {max-width: 1293px;}
.container.card-section {max-width: 1293px;}
.card2{margin-left: 15%;}
.container.card-section3{max-width: 1265px;}
.row-index {width: 61% !important;}
.image-grafic {width: 119%;}
}
@media (min-width: 1500px){
  .main-title-container{padding-top: 5%;}
}
@media (min-width: 1800px){
.img-grad{position: relative;top: -108% !important;max-width: 450px;left: 55%;} 
.text-solucoes{margin: -2px;}
.low-solucoes { margin-top: 30px; }
.card2 { margin-left: 35%; }
.container.card-section3 { max-width: 1625px; }
.bunner { max-width: 82% !important; }
.container-contat { width: 91%; }
.grafic{left: 40%;}
.margin{margin-left: 140px;}
.circle {right: 70px;}

}
@media (min-width: 2040px) {
  .main-title-container { padding-left: 8%; padding-top: 10%; }
  .rectangle { position: relative; top: 18%; left: 74px; width: 0.4%; height: 52px; background-color: #1779AA; z-index: 1; }
  .butn-demo { margin-top: 37px !important; margin-left: 30px !important; }
  .globalNav .navRoot { margin-right: 7%; }
  .container.card-section3 { max-width: 1625px; }
  .card-section.card-section2 { max-width: 1686px !important; }
  .grafic{left: 40%;}
  .margin{margin-left: 206px;}
  .circle {right: 150px;}
}

.butn-demo:hover {
  color: #ffffff; /* Cor do texto quando o mouse está em cima */
}

.span-container{
  margin: 0px 20px;
  display: flex;
  align-items: center;
}

.seta{
  color: white !important;
  margin: 0px 5px;
}

.butn-demo2 {
  font-family: 'Roboto', sans-serif;
  display: flex;
  align-items: center;
  padding: 0;
  background-color: #1779aa00;
  color: #fff;
  text-align: center;
  text-decoration: none;
  font-size: 18px;
  border-radius: 1px;
  font-weight: 600;
  border: none;
  cursor: pointer;
  
}

.butn-demo2:hover {
  color: #ffffff; /* Cor do texto quando o mouse está em cima */
  text-decoration: underline;
}

.butn-demo2 span.material-symbols-outlined{ 
  text-decoration: none;
  margin-left: 1px;
}


.text-low{
  font-family: 'Maven Pro', sans-serif;
  -webkit-font-smoothing: antialiased;
  color: #526271;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.5;
}

.left-but{
  margin-top: 60px;
}


.bunner {
  height: 55vh;
  max-width: 87%;
  background: #3086ad;
  margin-top: 3%;
  display: flex;
  flex-direction: row;
  justify-content: space-between; 
  overflow: hidden;
}

.bunner-text {
  margin-left: 25px;
  font-family: sans-serif;
  color: #ffffff;
  text-align: start;
  overflow: hidden;
  margin-top: 23%;
}

.sub-text {
  margin-top: 10px; 
  margin-left: 25px;
  font-family: sans-serif;
  color: #ffffff;
  font-size: 18px;
  font-weight: 400;
}

.bunner-image-container {
  flex: 1;
  margin: 0%;
  display: flex;
  justify-content: flex-end;
}

.bunner-img {
  height: auto;
  max-width: 100%;
  margin-right: -2%;
  margin-top: 5%;
  width: 100%;
  display: block;
}

.bt{
  margin-top: -2%;
  margin-right: 15%;
}

.button-bt{
  display: flex;
  justify-content: start;
}

.bunner-bt {
  width: 56%;
  margin-top: 3%;
  margin-left: 5%;
  padding: 9px;
  text-align: center !important;
  font-family: 'Roboto', sans-serif;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #28647f;
  color: #fff;
  text-decoration: none;
  font-size: 19px;
  font-weight: 600;
  border: none !important;
  outline: none !important;
  overflow: hidden;
}

.your-element:hover {
  text-decoration: underline;
  color: #fff;

}

.high{
  margin-top: 1%;
}

.marg{
  margin-bottom: -10%;
}

.text-small{
  font-weight: 100;
  font-size: 18px;
}

/*novidades*/
.nov-center{
  max-height: 550px;
  max-width: 400px;
  flex-direction: column;
  border-radius: 10px;
  height: 560px;
  width: 400px;
  align-items: center;
  justify-content: space-between;
  display: flex;
  background-color: white;
}

.logo-RSS{
    height: 90px;
    align-items: center;
    justify-content: end;
    display: flex;
    width: 240px;
}

.form-container{
  height: 175px;
  width: 350px;
}

.key{
  flex-direction: column;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
}

.key1{
  flex-direction: column;
  display: flex;
  justify-content: center;
  align-items: center;
}


.key2{
  height: 75px;
  width: 350px;
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
}

.mail{
  width: 342px;
  font-size: 17px;
}

.password{
  width: 342px;
  font-size: 17px;
}

.forg{
  font-size: 14px;
  display: flex;
  justify-content: flex-start;
  color: #00374B;
}

.low{
  width: 348px;
  height: 260px;
}

.via{
  font-weight: 700;
  font-size: 15px;
}

.google-button {
  display: flex;
  align-items: center;
  padding: 10px;
  background-color: #4285F4;
  color: white;
  border: none;
  border-radius: 5px;
  font-size: 16px;
}

.google-button img, .google-button i, .google-button .material-icons {
  margin-right: 10px;
}

.button-RSS{
  border: 0;
  width: 353px;
  color: white;
  background-color: #00374B;
  padding: 10px;
  border-radius: 7px;
}

.line{
  margin-top: 25px;
  border-top: 1px solid rgba(0, 0, 0, 0.3) ;
}

.input-field {
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 16px;
  outline: none;
  box-sizing: border-box;
}

/* Estilo quando o campo de input está em foco */
.input-field:focus {
  border-color: #007BFF; /* Muda a cor da borda ao focar no campo */
  box-shadow: 0 0 5px rgba(0, 123, 255, 0.5); /* Sombra ao redor do campo */
}
.novidades-fundo{

  justify-content: center;
  align-items: center;
  height: 100vh;
  max-width: 100%;
  max-height: 100%;
  background: linear-gradient(to right, #03131A, #2194B4);
  display: flex;
  
}

.centered-container {
  max-width: 50px;
  height: 50vh;
  background-color: white;
  border: 1px solid black; /* Apenas para visualização */
}

.icon-visible{
  width: 55px !important;
  height: 45px !important;
  background-color: #205061;
  border-radius: 50%; /* Isso torna o elemento um círculo */
  transform: translate(-15%, 0%);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  transition: transform 100ms linear, opacity 80ms linear;
}

.material-symbols-outlined {
  display: flex !important;
  justify-content: center;
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 20;
  font-size: 30px !important;
  color: white;
  text-decoration: none;
}

.button1{
  background-color: #205061;
  border-radius: 14px;
  border: none;
  padding: 6px 10px;
}
.button2{
  padding: 4px 27px;
  background-color: transparent;
  border-radius: 14px;
  border: 2px solid #205061;
}
.conteudo-RSS {
  overflow-y: scroll;
  max-height: 525px;
  scrollbar-width: none;
}

.conteudo-RSS::-webkit-scrollbar {
  display: none; 
}

.title-RSS{
  color: #00374B;
  font-size: 28px;
  
}
.sub-RSS{
  color: #6D6D6D;
  margin-top: 13px;
  font-size: 17px;
}

.textg{
 font-size: 15px;
 font-weight: 700;
}

.btn-RSS{
  width: 240px;
  align-items: center;
  justify-content: center;
  transition: all 0.4s ease-in-out;
  display: flex;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 5px;
  font-size: 20px;
  line-height: 1.5;
  border-radius: 5px;
  text-decoration: none;
  box-shadow: 0 4px 6px rgb(118 123 128);
}

.log{
  height: 60px;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}

.google-icon {
  margin-right: 10px; 
}

.btn-secondary-RSS{
  color: #00374B;
  border-color: #526b84;
}

.btn-RSS:hover{
  color: white;
  background-color: #526b84;
}

.publi-RSS{
  justify-content: center;
  height: 24px;
  width: 86px;
  font-size: 14px;
  border: none;
  color: white;
  background: cadetblue;
  display: flex;
  border-radius: 14px;
  align-items: center;
}
/*novidades final*/

.item-img{
  width: 140px;
  height: auto;
}

.pad-no{
  justify-content: center;
  align-items: center;
  margin-left: -43px;
  padding-left: 0 !important;
}

.mobileSecondaryNavLow{
  margin-left: -25px;
  padding: 0px;
  width: 42%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}

.btn-demo, .butn-demo {
  font-family: 'Roboto', sans-serif;
  display: flex;
  align-items: center;
  text-align: center !important;
  text-decoration: none;
  font-size: 18px;
  border-radius: 1px;
  font-weight: 600;
  border: none;
  cursor: pointer;
}

.btn-demo {
  height: 25px;
  padding: 26px;
  background-color: #1779AA;
  color: #fff;
}

.butn-demo {
  margin-top: 37px;
  background-color: #28647f;
  /* Outras propriedades específicas */
}















/* ===== HERO sem imagem: alinhar no container ===== */
.hero--no-image .img-grad { display: none !important; }

/* tira o recuo do texto */
.hero--no-image .main-title-container { 
  padding-left: 0;        /* antes: 5% */
  padding-top: 6%;        /* ajuste fino do respiro vertical */
}

/* garante todos os títulos/textos alinhados com a coluna */
.hero--no-image .high-solucoes,
.hero--no-image .text-solucoes,
.hero--no-image .low-solucoes {
  margin-left: 0;
  padding-left: 0;        /* antes: 15px em .low-solucoes */
}

/* bota os botões de volta no fluxo e na largura da coluna */
.hero--no-image .button-div {
  position: static;       
  width: auto;            /* antes: 103% */
  margin: 1.25rem 0 0 0;  
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.hero--no-image .left-but2 { 
  margin: 0;              /* remove o margin negativo */
}

/* se estiver usando .grad-solucoes como flex wrapper */
.hero--no-image.grad-solucoes { 
  justify-content: flex-start; 
}