@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap");

body {
  font-family: "Poppins";
  overflow-x: hidden;
  overflow-y: hidden;
}

h1,
h2,
h3,
h4,
h5 {
  line-height: 1.5;
}

p {
  color: #8b8b8b;
}

/*NAVBAR*/

.img {
  width: 100px;
}

.navbar {
  background-color: #152442;
  color: #f77000;
}

.navbar-light {
  background-color: #ffffff !important;
  color: #f77000 !important;
  border-bottom: #f3f3f3;
  border-bottom-style: solid;
  border-bottom-width: 0.5px;
  font-size: 18px;
}

.text-laranja {
  color: #f77000 !important;
}

/*BANNER*/

#banner {
  background-color: #152442;
  color: #ffffff;
  width: 100%;
  height: 100vh;
}

#Banner .h1{
    height: "110vh"
}

#banner img {
  width: 150%;
}

.btn-banner {
  margin: 8% 3% 5% 0;
}

.btn-laranja {
  background-color: #f77000;
  color: #ffffff;
}

/*SOLUCOES*/

#Solucoes {
  padding: 7% 5%;
  width: 100%;
  height: 100vh;
}

.solucoes-box {
  text-align: center;
  padding: 5%;
}

.icon {
  color: #f77000;
  margin-bottom: 15px;
}

/*PARCEIROS*/

#Parceiros {
  background-color: #f3f3f3;
  width: 100%;
  height: 100vh;
}

.no-meio {
  display: flex;
  height: 100vh;
  justify-content: center;
  align-items: center;
}

#Parceiros .card {
  height: 265px;
}

/*PLANOS*/

#Planos .titulo {
  margin-top: 5%;
}

#Planos {
  color: #323338;
  width: 100%;
  height: 100vh;
}

#Planos .card {
  margin: auto;
}

.txt-azul {
  color: #152442 !important;
}

.btn-outline-laranja {
  border-color: #f77000 !important;
  color: #f77000 !important;
}

.btn-outline-laranja:hover {
  background-color: #f77000 !important;
  color: #ffffff !important;
}

/*FOOTER*/

#Footer {
  text-align: center;
  background-color: #f3f3f3;
  width: 100%;
  height: 100vh;
}

.no-meio2 {
  display: flex;
  height: 90vh;
  justify-content: center;
  align-items: center;
}

.no-fim {
  display: flex;
  justify-content: center;
  align-items: end;
}

.Contato {
  color: #f77000;
}

/* Adicione esta regra no final do seu CSS para telas menores */

@media screen and (max-width: 1366px) {
  body {
    overflow-x: hidden;
    overflow-y: auto; /* Permitindo rolagem vertical em telas menores */
    font-size: small;
  }

  h1,
  h2,
  h3,
  h4,
  h5 {
    font-size: small;
  }

  .img {
    width: 60px;
  }

  .navbar{
    font-size: small;
  }

  /* Ajuste para a imagem do banner */
  #banner img {
    width: 100%; /* Usando largura de 100% para que a imagem do banner se ajuste à largura da tela */
  }

  #Banner .h1{
    height: "65vh"
}

  /* Ajuste de margem para o botão do banner */
  .btn-banner {
    margin: 8% 3% 5% 0;
  }

  /* Ajuste de altura para seção Parceiros */
  #Parceiros {
    height: 100vh; /* Permitindo que a altura se ajuste ao conteúdo em telas menores */
  }

  #Parceiros .card {
    height: 120px;
  }

  #Parceiros .card-img-top {
    width: 50%;
    height: 50%;
    display: flex;
    align-items: center !important;
    justify-content: center !important;
    text-align: center;
    margin: auto;
  }

  /* Ajuste de altura para o rodapé */
  #Footer {
    height: auto; /* Permitindo que a altura se ajuste ao conteúdo em telas menores */
  }

  /* Ajuste de altura para a seção Planos */
  #Planos {
    height: 100vh; /* Permitindo que a altura se ajuste ao conteúdo em telas menores */
  }

  #Planos .titulo {
    margin-top: 5%;
  }

  #Planos .btn-lg{
    font-size: small;
  }

  #Planos .p{
    font-size: small;
    margin: 0;
  }
  
  #Planos .card{
    margin: auto;
  }

  #Planos .card-body{
    margin: 0;
    padding: 0;
  }
}