@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&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');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body {
    font-family: 'Inter', sans-serif !important; 
}
p{
    color: #575757;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-style: normal;
  
}
h1,h2,h3,h4,h5{
    font-weight: 700;
}

.navbar li {
    font-weight: bolder !important;
    padding-left: 1em;
}

.title-home{
    font-size: 50px;
    font-weight: bolder;
}


.btn-outline-primary {
    border: 2px solid #F8902C;
    color: #F8902C;
    background-color: transparent;
    transition: all 0.3s ease; /* Suaviza a transição */
}

.btn-outline-primary:hover {
    border: 2px solid #D67822; /* Cor mais escura */
    color: #D67822; /* Cor do texto mais escura */
    background-color: #e2c3a6; /* Continua transparente */
}



.badge-home{
    border-radius: 4px;
    background: rgba(31, 167, 219, 0.08);
    color: #1FA7DB;
    padding: 8px;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
}
.line-sidespan {
    width: 96px;
    height: 2px;
    background: #1FA7DB;
    margin-left: 10px; /* Espaçamento entre o span e a linha */
}


.custom-square {
    width: 100%;
    max-width: 400px;
    height: 400px;
    background-color: #007bff; /* Cor azul */
    border-radius: 0 20px 0 20px; /* Bordas arredondadas nas diagonais */
}

.fundo-img-home {
    position: relative; /* Define um contêiner relativo para o quadrado e a imagem */
    display: flex;
    justify-content: center;
    align-items: center;

}

.custom-square2 {
    position: absolute; /* Posiciona o quadrado dentro do contêiner */
    top: 50%; /* Centraliza verticalmente */
    left: 50%; /* Centraliza horizontalmente */
    transform: translate(-50%, -50%); /* Ajusta o ponto de ancoragem para o centro */
    width: 100%;
    max-width: 400px;
    height: 400px;
    background-color: #F8902C;
    border-radius: 0 20px 0 20px; /* Bordas arredondadas nas diagonais */
    z-index: 1; /* Garante que o quadrado fique atrás da imagem */
}

.img-fluid {
    position: relative; /* Mantém a imagem posicionada sobre o quadrado */
    z-index: 2; /* Garante que a imagem fique acima do quadrado */
    width: 100%;
    height: auto;
}
.footer{
    background-color:#0C6DB5 ;
}
.footer-list{
    margin-top: 1em;
}
.footer-list li{
    margin-bottom: 1.5em !important;
}
.form-control{
    border: none; /* Remove todas as bordas */
    border-bottom: 1px solid #8D8D8D; /* Adiciona apenas a borda inferior */
    border-radius: 0;
}