.impossivel-bg {left: 20%; top: 20%; position: absolute; width: 720px;}
.impossivel-cima {font: 700 94px montserrat; color: #E82416;}
.sucesso-texto {display: flex;}
.sucesso-texto .texto {font: 400 61.1px / 71.83px ubuntu; width: max-content; text-align: left; padding-right: 8px;}
.sucesso-texto .texto b {font-weight: 700;}

.numeros {display: none; flex-direction: column; }
.numeros p{font: 400 41.65px ubuntu; width: 550px;}
.numeros b {font-weight: 700;}
.numeros li {width: 580px; display: flex; align-items: center; justify-content: center; gap: 10px;}
.numeros .numero-clientes {font:48.06px gontserrat-extrabold; color: #E82416;}
.numeros .bolinha {width: 15px; height: auto; aspect-ratio: 1/1; background: #EE3932; border-radius: 50%; display: block;}

.numeros.animated {display: flex; animation: 1.5s ease animate_numbers; margin-top: 45px;}

@keyframes animate_numbers {
    from {opacity: 0; transform: translateY(100px);}
    to {opacity: 1; transform: translateY(0);}
} 

.container_banner_animado { position: relative; }
#text {  display: inline-flex;  position: relative;  align-items: center; }
#im-svg {  vertical-align: middle;  display: none;  width: 140px;  position: absolute;  left: 0;  z-index: 3;  overflow: visible; }
#text.animated #im-svg {  display: inline-block; }
#im-svg svg {  width: 100%;  height: auto;  overflow: visible; transition: opacity .8s linear; opacity: 1; }
#possivel {  z-index: 2;  position: relative; }
#mark {  z-index: 2;  position: relative; }
#text::after {  content: '|';  animation: blink 0.7s infinite;  position: absolute;  right: -25px;}
#text.hide_blink::after {animation: hideBlink 0.7s forwards;}
#text.animated #im-text {  animation: hideIm 1s ease forwards; }
.a0e1c29c-a919-4240-9023-1d154de7b205 {  fill: none;  stroke: #2e2a61;  stroke-width: 8px;  animation: draw 2s linear forwards; }
#im-text { transition: 0.8s linear;  width: 100%; overflow: hidden; } 

@keyframes blink {   
 50% {opacity: 0;  } 
}
@keyframes hideIm {  
 0% {opacity: 1;  }
 100% {opacity: 0.2;} 
}
@keyframes draw {  
 to {stroke-dashoffset: 0;}
}

@keyframes hideBlink {
    to {opacity: 0;}
}

@media(max-width: 1710px){
    .impossivel-bg {left: 15%;} 
    .impossivel-cima {font-size: 81px;}
    #text {align-items: flex-start;}
    .container_banner_animado {text-align: unset;}
    .sucesso-texto .texto {font-size: 50px; line-height: normal;}
    .numeros .numero-clientes {font-size: 40px;}
    .numeros p {font-size: 35px;}
}

@media(max-width: 1300px){
    .impossivel-bg {left: 5%;} 

    .impossivel-cima {font-size: 75px;}
    .sucesso-texto .texto {font-size: 38px;}
    .numeros .numero-clientes {font-size: 35px;}
    .numeros p {font-size: 30px;}
}

@media(max-width: 990px){
    .impossivel-cima {font-size: 60px;}
}

@media(max-width: 715px) {
    .numeros .numero-clientes {font-size: 27px;}
    .numeros p {font-size: 22px;}
    .impossivel-cima {font-size: 50px;}
    .sucesso-texto .texto {font-size: 30px;}
    .numeros .bolinha {width: 5px;}
    #text::after {right: -10px;}

} 

@media(max-width: 550px) {
    .impossivel-bg {left: 3%; top: 25%;}
    .impossivel-cima {font-size: 45px;}
    .sucesso-texto .texto {font-size: 25px; line-height: .9;}
}

@media(max-width: 480px) {
    .numeros p {font-size: 19px;}
    .numeros .numero-clientes {font-size: 24px;}
    .impossivel-cima {font-size: 40px;}
    .numeros li {justify-content: flex-start; gap: 5px;}
    .numeros.animated {margin-top: 30px;}
}

@media(max-width: 400px){
    .impossivel-cima {font-size: 34px;}
    .sucesso-texto .texto {font-size: 22px;}
    .numeros .numero-clientes {font-size: 21px;}
    .numeros p {font-size: 17px;}
}