body.elementor-page-870:not(.elementor-motion-effects-element-type-background), body.elementor-page-870 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00070D;}body.elementor-page-870{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}/* Start custom CSS */p:last-child{
    margin-bottom: 0px;
}

.elementor-heading-title{
    margin-bottom: 0px;
}

html, body{
    width: 100%;
    overflow-x: hidden;
}


body::-webkit-scrollbar{
    width: 5px;
}

body::-webkit-scrollbar-track{
    background: transparent;
}

body::-webkit-scrollbar-thumb{
   background: -webkit-linear-gradient(to right, #182b3a 30%, #20a4f3 90%);
    background: linear-gradient(to right, #182b3a -50%, #20a4f3 30%);
    border-radius: 10px;
  
}


.gradiente {
    background:rgb(26, 138, 211);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
    
}

/*.grad {
    background: linear-gradient(90deg, #21C4DF 0%, #00BFDF 100%);
 background:-webkit-linear-gradient(90deg, #21C4DF 0%, #00BFDF 100%);
     -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 700;


}*/

.bwhite {
    color:white;
    font-weight: 700;
}

green {
    color:#19D4A5;
}

black {
    font-weight: bold;
    color:black;
}


.half-background-text {
    background: linear-gradient(transparent 60%, #007FD9 60%); /*altere o código HEX para o desejado*/
    padding: 0 5px; /*altere ou remova o padding de acordo com sua necessidade*/
}


.grad {
   /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #182b3a 30%, #20a4f3 90%);
    background: linear-gradient(to right, #182b3a -50%, #20a4f3 30%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

  
}

/* botão */
.btn {
    position: relative;
    overflow: hidden;
    transition: all 200ms ease-in; /* Velocidade de transição */
 
    background: #20a4f3!important; /* Cor inicial do botão */
    color: #fff; /* Cor do texto */
    box-shadow: 0 0 8px 2px rgba(255, 255, 255, 0.3); /* Brilho contínuo mais suave */
    -webkit-transition: all 200ms ease-in; /* Prefixo webkit para transição */
    border-radius:6px;
}

.btn:hover {
    background: -webkit-linear-gradient(to right, #182b3a -50%, #20a4f3 30%); /* Gradiente com prefixo webkit */
    background: linear-gradient(to right, #182b3a -50%, #20a4f3 30%); /* Gradiente no hover */
    box-shadow: 0 0 30px 5px rgba(0, 142, 236, 0.8); /* Sombra azul no hover */
    transform: scale(1.05); /* Efeito grow suave no hover */
    -webkit-transform: scale(1.05); /* Prefixo webkit para grow */
}

.btn::before {
    content: '';
    display: block;
    width: 0px;
    height: 86%;
    position: absolute;
    top: 7%;
    left: 0%;
    opacity: 0.15; /* Brilho branco mais suave */
    background: rgba(255, 255, 255, 0.1); /* Suavização do fundo de brilho */
    box-shadow: 0 0 20px 10px rgba(255, 255, 255, 0.3); /* Reduzi a intensidade do brilho */
    transform: skewX(-20deg); /* Inclinação do brilho */
    -webkit-transform: skewX(-20deg); /* Prefixo webkit para transformação */
    transition: all 500ms ease-in-out; /* Suave transição do brilho */
    -webkit-transition: all 500ms ease-in-out; /* Prefixo webkit para transição */
}

 .btn:hover::before {
    animation: sh02 500ms 0s linear; /* Animação original no hover */
    -webkit-animation: sh02 500ms 0s linear; /* Prefixo webkit para animação */
}

@keyframes sh02 {
    from {
        opacity: 0;
        left: 0%;
    }
    50% {
        opacity: 1;
    }
    to {
        opacity: 0;
        left: 100%;
    }
}

@-webkit-keyframes sh02 {
    from {
        opacity: 0;
        left: 0%;
    }
    50% {
        opacity: 1;
    }
    to {
        opacity: 0;
        left: 100%;
    }
}

@-moz-keyframes sh02 {
    from {
        opacity: 0;
        left: 0%;
    }
    50% {
        opacity: 1;
    }
    to {
        opacity: 0;
        left: 100%;
    }
}/* End custom CSS */