@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
body {
    font-family: "Roboto", serif;
    margin: 0;
    padding: 0;
    background:#f7f7f7;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    word-spacing: 1px; 
    
    user-select: none;
  -webkit-user-select: none; /* Para navegadores baseados em WebKit */
  -moz-user-select: none;    /* Para Firefox */
  -ms-user-select: none;     /* Para navegadores antigos da Microsoft */
  
  
}

.h3, h3 {
    font-size: 1.6rem;
    font-weight: 600;
}
p{
    color:#696c74;
}
b{
    color:#051a36;
}
.phoneFooter{
    position: fixed;
    width: 200px;
 
    left: 10px;
    z-index: 9999999999;
    bottom: 1%;
    /* transform: rotate(-90deg); */
}


.botao{
    
    color:#f15f22;
    text-transform: uppercase;
    border: 2px solid #f15f22;
    padding: 15px 40px;
    font-weight: 500;
    font-size: 2.2rem;
}
.botao:hover{
    color:#051a36;
    text-transform: uppercase;
    border: 2px solid #051a36;
    padding: 15px 40px;
    font-weight: 500;
    font-size: 2.2rem;
    text-decoration: none;
    transition: .2s;
}

.botaoTopo{
    
    color:#fff;
    text-transform: uppercase;
    border: 2px solid #fff;
    padding: 10px 20px;
    font-weight: 500;
    font-size: 1.2rem;
}
.botaoTopo:hover{
    color:#051a36;
    text-transform: uppercase;
    border: 2px solid #051a36;
    padding: 10px 20px;
    font-weight: 500;
    font-size: 1.2rem;
    text-decoration: none;
    transition: .2s;
}



.botaoSend{
    background-color: #f15f22;
    color:#fff;
    text-transform: uppercase;
    border: 2px solid #f15f22;
    padding: 10px 40px;
    font-weight: 500;
    font-size: 1.7rem;
    border-radius: 0px;
}
.botaoSend:hover{
    background-color: transparent;
    color:#fff;
    text-transform: uppercase;
    border: 2px solid #fff;
    padding: 10px 40px;
    font-weight: 500;
    font-size: 1.7rem;
    text-decoration: none;
    transition: .2s;
}

.botaoSendFile{
    background-color: #f15f22!important;
    font-family: "Roboto", serif!important;
    color: #fff !important;
    text-transform: uppercase!important;
    border: 2px solid #f15f22!important;
    padding: 10px 40px!important;
    font-weight: 500!important;
    font-size: 1.7rem!important;
    border-radius: 0px!important;
}
.botaoSendFile:hover{
    background-color: transparent!important;
    color:#f15f22!important;
    text-transform: uppercase!important;
    border: 2px solid #f15f22!important;
    padding: 10px 40px!important;
    font-weight: 500!important;
    font-size: 1.7rem!important;
    text-decoration: none!important;
    transition: .2s!important;
}
.botaoSendFile i{
    font-size:20px;
    margin: 0px 10px -15px;
}
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
     margin-left: 0px; 
     margin: -10px 0px 0px 50px;
}

/* Fullscreen video background */
.video-background {
    position: relative;
    overflow: hidden;
    height: 50vh;
}

.video-background video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    z-index: -1;
}

/* Slide text styling */
.slide-text {
    position: absolute;
    top: 60%;
    left: 40%;
    transform: translate(-50%, -50%);
    color: #fff;
    text-align: left;
    line-height: 70px;
    font-size: 5.5em;
    text-transform: uppercase;
    font-weight: bold;
   text-shadow: 2px 2px 50px rgba(0, 0, 0, 0.7); 
}
.slide-text p{
    font-size: 15px;
    color: #fff;
    letter-spacing: 3px;
    font-weight: 400;
}

.text-orange{
    color:#f15f22!important;
}

.typed-cursor {
    opacity: 1!important;
}


/* Transparent navigation menu */
.navbar {
    background: rgb(255,255,255);
    background: linear-gradient(360deg, rgba(255, 255, 255, 0) 0%, #030c19 100%);
    border: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1000;
    height: 139px;
    
}

.navbar-brand {
    color: white !important;
    font-weight: bold;
    font-size: 3.5rem;
    margin: 0px 30px;
}

.navbar-nav > li > a {
    color: white !important;
    text-transform: uppercase;
    font-weight: 500;
    font-size:1.8rem;
}

.navbar-nav > li > a:hover {
    color: #f15f22 !important;
    text-transform: uppercase;
    font-weight: 500;
    transition: .2s;
}

.navbar-nav > li > .active {
    color: #f15f22 !important;
    text-transform: uppercase;
    font-weight: 500;
    transition: .2s;
}



.navbar-nav {
    float: right;
}

.main-section {
    padding: 50px 15px;
    margin:0 10%;
    
}
.main-section p{
    font-size: 2.5rem;
}

.main-section h2{
 color:#a1a0a0;
 font-weight: 700;
 text-transform: uppercase;
}

.main-section h2 span{
    color: #f15f22 !important;
    }


.section {
    padding: 30px 0;
}

.icon-box {
    margin-bottom: 20px;
    text-align: center;
    
}

.icon-box h3 {
    font-size: 2.5rem;
    
}

.icon-box p{
    font-size: 2.2rem;
}

.icon-box img {
    max-width: 130px;
    margin-bottom: 15px;
}

.icon-box a{
    color:#f16022ff;
    font-weight: 600;
    border-bottom: 1px solid transparent;
    padding: 5px 10px;
    font-size: 2.5rem;
}



.icon-box a:hover{
    color:#051a36;
    text-decoration: none;
    border-bottom: 1px solid #051a36;
    border-radius:0px;
    transition: .2s;
}



.titulos h1{
    font-size: 4rem;
    color: #a1a0a0;
    text-transform: uppercase;
    font-weight: 800;
}

.titulos span{
    color:#f16022ff;
    font-size: 7rem;
    font-weight: 900;
}


.titulos2 h1{
    font-size: 4rem;
    color: #a1a0a0;
    text-transform: uppercase;
    font-weight: 800;
}

.titulos2 span{
    color:#3742ce;
    font-size: 7rem;
    font-weight: 900;
}



.cards-section {
  /*  background-color: #f9f9f9; */
    padding: 30px 0;
    margin:-80px 10% 0;
}

.card {


    display: flex;
    flex-direction: column;
    justify-content: space-between;
 
    height: 100%; /* Certifique-se de que todos os cards tenham a mesma altura */
    box-sizing: border-box;



    
    padding: 20px 40px;
    min-height: 290px;
    background: white;
    border: 0px solid #ddd;
    border-radius: 8px;
    box-shadow: 10px 14px 16px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
}





.blue{
    background-color: #14146f!important;
    border-radius: 0px 0px 0px 50px;
    color:#fff;
    min-height: 460px;
}
.blue h3{
    color:#fff;
    font-size: 2.5rem;
}
.blue p{
    flex-grow: 1;

    color:#fff;
    font-size: 2.2rem;
    min-height: 65px;
}
.blue a{

    margin-top: auto; /* Empurra o link para o final */
    align-self: center; /* Opcional: alinha o link à esquerda */
    text-decoration: none;


    color:#fff;
    font-weight: 600;
    border-bottom: 1px solid transparent;
    padding: 5px 10px;
    font-size: 2rem;

}
.blue a:hover{
    color:#f15f22;
    text-decoration: none;
    border-bottom: 1px solid #f15f22;
    border-radius:0px;
    transition: .2s;
}

.blue span{
    color:#f15f22;
}

.orange{
    background-color: #f15f22!important;
    border-radius: 0px 50px 0px 0px;
    min-height: 460px;
}
.orange h3{
    color:#051a36;
    font-size: 2.5rem;
}
.orange p{
    flex-grow: 1;

    color:#fff;
    font-size: 2.2rem;
    min-height: 100px;
}
.orange a{


    margin-top: auto; /* Empurra o link para o final */
    align-self: center; /* Opcional: alinha o link à esquerda */
    text-decoration: none;


    color:#051a36;
    font-weight: 600;
    border-bottom: 1px solid transparent;
    padding: 5px 10px;
    font-size: 2rem;
 }
.orange a:hover{
    color:#fff;
    text-decoration: none;
    border-bottom: 1px solid #fff;
    border-radius:0px;
    transition: .2s;
}


.white{
    background-color: #ffffff!important;
    border-radius: 50px;
    min-height: 460px;
}
.white h3{
    color:#051a36;
    font-size: 2.5rem;
}
.white p{
    flex-grow: 1;

    font-size: 2.2rem;
    min-height: 60px;
}
.white a{

    margin-top: auto; /* Empurra o link para o final */
    align-self: center; /* Opcional: alinha o link à esquerda */
    text-decoration: none;


    color:#051a36;
    font-weight: 600;
    border-bottom: 1px solid transparent;
    padding: 5px 10px;
    font-size: 2rem;
}
.white a:hover{
    color:#f15f22;
    text-decoration: none;
    border-bottom: 1px solid #f15f22;
    border-radius:0px;
    transition: .2s;
}

.corBg{
    background-image: url(https://salient.tailwindui.com/_next/static/media/background-faqs.55d2e36a.jpg);
    background-attachment: fixed;
}

.bgOrange {
    position: relative;
background: 
linear-gradient(rgba(241, 95, 34, 0.7), rgba(241, 95, 34, 0.7)), 
url(img/bgOrange.jpg);
padding: 50px 0;
border-radius: 50px 50px;
background-size: cover;
background-position: right center; /* Alinha a imagem à direita */
overflow: hidden;
margin: 0 2%;
}

.bgOrange::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: url(img/overlay.png) no-repeat center center;
background-size: cover;
z-index: 1;
opacity: 0.4;
pointer-events: none; /* Impede que o fundo interfira com o conteúdo */
}

.final{

position: relative;
background: 
linear-gradient(rgba(15, 25, 42, 0.9), rgba(15, 25, 42, 0.9)), 
url(img/justice.jpg);
padding: 50px 0;
border-radius: 50px 50px 0px 0px;
background-size: cover;
overflow: hidden;
margin:0 2%;



}
.final p{
color:#fff;
}
.final b{
background:#ff6600;
}



.final::before{
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: url(img/overlay.png) no-repeat center center;

z-index: 1;
opacity: 0.4;
pointer-events: none; /* Impede que o fundo interfira com o conteúdo */
}







.bgOrange p{
    color: #6a1e01 !important;;
}
.bgOrange b{
    color:#6a1e01;
}
.bgOrange h1{
    color:#6a1e01!important;
}
.bgOrange span{
    color:#fff!important;
}



#services{
    margin:50px 0px;
    background-color: #fff;
    border-radius:30px;
    padding:30px;
    
}
#services h3{
    color:#051a36;
     
     
}
#services p{
    text-align: center;
    width: auto;
    
}


.advantages h1{
    font-size: 5rem;
    font-weight: 900;
    text-transform: uppercase;
    color:#a1a0a0;
}

.advantages h1 span{
    font-size: 8rem;
    font-weight: 900;
    text-transform: uppercase;
    color:#3742ce;
}




.footer {

    background-color: #061225; /* Fundo escuro */
    color: #ffffff; /* Texto branco */
    padding: 30px 0 0;
    border-top: 10px solid #061225;

}

.footer a{
    color: #ffffff;
}
.footer a:hover{
    color: #ff6600;
    text-decoration: none;
}


.footer-title {
    font-weight: bold;
    font-size: 1.5em;
    margin-bottom: 15px;
}

.footer p {
    margin: 0;
    font-size: 1.2em;
    line-height: 1.8;
    color:#fff;
}

.footer .glyphicon {
    color: #ff6600; /* Ícones em laranja */
    margin-right: 5px;
}

.copyright {
    padding: 10px;
    font-size: .8em;
    margin-top: 20px;
}

.copyright p{
  
    color: #7288a7!important;
   
}

blockquote{
    border-radius:50px 50px;
    padding: 50px 40px;
    margin: 50px 10px 0px;
    font-size: 2rem;
    border-left: 0px solid #eee;
    background: #061225;
}
blockquote b{
    background: transparent!important;
    color:#fff;
}
.review-stars {
    display: flex; /* Para alinhar horizontalmente */
    justify-content: center; /* Centraliza as estrelas no container */
    gap: 5px; /* Espaçamento entre as estrelas */
}

.star {
    font-size: 16px;
    color: #fcb000;
    cursor: pointer;
    transition: transform 0.2s;
}

.star:hover {
    transform: scale(1.2); /* Amplia levemente a estrela ao passar o mouse */
}





.advantage-section {
    display: flex;
    align-items: center;
    padding: 50px 15px;
}

.advantage-text {
    flex: 1;
    padding-right: 15px;
}




.list-group-item {
    display: flex;
    align-items: center; /* Garante o aitemBluelinhamento vertical dos itens */
    border: none;
    margin-bottom: 15px;
    background-color: transparent;
}

.list-group-item img {
    width: 80px; /* Define um tamanho consistente para todas as imagens */
    height: auto; /* Para que todas tenham a mesma proporção */
    margin-right: 50px;
}

.list-group-item h4 {
    margin: 0;
    color: #ff6600;
    font-weight: bold;
    text-align: left;
    font-size: 3.5rem;
}


.itemBlue h4 {
    margin: 0;
    color: #3742ce!important;
    font-weight: bold;
    text-align: left;
    font-size: 3.5rem;
}



.list-group-item p {
    margin: 0;
    color: #333;
    text-align: left;
}

.list-group-item div {
    display: flex;
    flex-direction: column; /* Empilha o título e o parágrafo */
    justify-content: center; /* Garante o alinhamento vertical */
}




.advantage-image {
    flex: 1;
    text-align: center;
}

.advantage-image img {
    max-width: 100%;
    border-radius: 8px;
}



#lottie-container {
    width: 100%; /* Pode ajustar o tamanho */
    height: 400px; /* Tamanho da animação */
    margin: 0 auto;
    display: block;
}

.contatoRodape p{
    text-align-last: left;
    margin-left: 35%;
}


.form-control, .form-group input{
    background-color: transparent;
    border:3px solid #fff;
    border-radius: 0px;
    height: 60px;
    font-size: 2rem;
}

.form-control, .form-group input::placeholder,
.form-control, .form-group textarea::placeholder{
    color:#fff;
    
}


.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 0px)!important;
}
.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 0px)!important;
}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 0px)!important;
}
.swiper-pagination-bullet{
    background: #ffffff!important;
}


.swiper-button-next,
.swiper-button-prev {
    color: #fff!important;
    margin: 0px;
}



@media screen and (max-width: 992px){


  .g-recaptcha{
        position: relative!important;
        left: -39px!important;
    }



    .phoneFooter{
        position: fixed;
        width: 200px;
     
        left: 2px;
        z-index: 9999999999;
        bottom: 1%;
        /* transform: rotate(-90deg); */
    }




    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border-color: transparent;
        background: #081225;
        /* margin-top: 30px; */
        margin: 20px;
        border-radius: 20px;
        box-shadow: 0px 0px 50px 5px #030c19;
    }
    .navbar-nav {
        text-align: center;
    }
    .navbar-nav {
        float: none;
        padding: 10px 0px;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #fff;
    }
    .navbar-default .navbar-toggle {
        border-color: #ffffff;
        color: #fff !important;
        margin-top: -23px;
    }
    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
        background-color: transparent;
        border-color: #ffffff;
        color: #ffffff !important;
    }


#services p{
    margin-left: 0%;
}
.advantages h1 span {
    font-size: 6rem;
}
.slide-text{
    font-size: 3.8rem;
    line-height: 40px;
}
.video-background {
    height: 50vh;
}
.advantage-section {
    display: inline-block;
}
.list-group-item {
    display: inline-block;
}
.list-group-item h4{
    font-size: 2.3rem;
}
.list-group-item img{
    margin: 10% 30%;
}
.bgOrange{
    background-position: right bottom !important;
}
.final{
    background-position: center bottom !important;
}
.contatoRodape p{
    text-align-last: center;
    margin-left: 0%;
}
.slide-text{
    left: 50%;
}
.footer-title{
    margin-top: 50px;
}


}