* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}

html {
  width: 100% !important;
}

body {
  font-family: "Arial", sans-serif;
  color: #fff;
  width: 100% !important;
}

header {
  background-color: #000;
  width: 100%;
}

.logo {
  display: flex;
  justify-content: center;
}
.navbar {
    text-align: center;
}
.logo img {
  width: 35%;
}

/* Custom styles for the dropdown menu */
.custom-dropdown .dropdown-header {
  font-size: 1.3em;
  color: #e5d68c;
}

/* Optionally, you can change the hover color as well */
.custom-dropdown .dropdown-header:hover {
  color: #e5d68c;
  background-color: #000;
  /* or any other background color you prefer */
}

.navbar-nav {
  display: flex;
  justify-content: center;
}
.navbar ul li a:hover {
  background-color: #ae8e52;
  padding: 8px;
  border-radius: 8px;
}

.dropdown-menu {
  margin-top: 0;
  /* Ajusta o espaçamento superior do dropdown */
}

.dropdown-header {
  font-weight: bold;
  margin-bottom: 5px;
  /* Adiciona espaço abaixo do header */
}

.custom-dropdown .dropdown-item {
  padding: 10px 20px;
  /* Ajusta o padding dos itens do dropdown */
}

.custom-dropdown .dropdown-item:hover {
  background-color: #f8f9fa;
  /* Adiciona um efeito de hover */
}

.homee {
  color: white;
  text-align: center;
}

.hero {
  background: url("../img/backmain-min.svg");
  /* Aplique o gradiente e a imagem */
  background-position: left center, left center;
  /* Posição do gradiente e da imagem */
  background-repeat: no-repeat;
  /* Não repita o gradiente nem a imagem */
  background-size: cover, contain;
  /* cover para o gradiente e contain para a imagem */
  width: 100%;
  height: 80vh;
  /* Ajuste a altura conforme necessário */
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  /* Centraliza o conteúdo */
}

.hero ul {
  margin-bottom: 300px;
}

/* Styling for the list items */
.lista {
  display: flex;
  /* Make list items inline */
  justify-content: center;
  /* Center align items */
}

.lista li {
  color: #fff;
  font-weight: bold;
  margin-right: 15px;
  /* Spacing between items */
  position: relative;
  /* Position for the pseudo-element */
  display: flex;
  /* Make li a flex container */
  align-items: center;
  /* Align items vertically */
}

.lista li::before {
  content: "•";
  /* Use a bullet symbol */
  color: #e5d68c;
  /* Golden color for the bullet */
  font-size: 2em;
  /* Adjust size to 4em */
  margin-right: 7px;
  /* Spacing between bullet and text */
}

/* Estilos para a barra lateral (menu) */
.sidebar {
  background-color: #000;
  color: white;
  width: 100%;
  padding: 20px;
  text-align: right;
  margin-top: 20px;
}

.produtos {
  background-color: #fff;
  color: #000;
  border-radius: 20px;
  padding: 8px;
}

.sidebar {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.sidebar h4 {
  color: #e5d68c;
  font-size: 1.5em;
}

.produtos h4 {
  margin-left: 30px;
}

.produtos ul {
  list-style-type: none;
  text-align: start;
  /* Remove os marcadores de lista */
}

.produtos ul li {
  margin-bottom: 8px;
  /* Espaçamento entre os itens */
}

/* Estilos para o título da promotora */
.titulo-promotora {
  font-size: 28px;
  color: #000;
  /* Cor do texto */
  margin-bottom: 20px;
  /* Espaçamento inferior */
  margin-top: 20px;
  text-align: center;
}
.botaoContatomain {
  font-size: 1.5em;
  background-color: #e5d68c;
  border-radius: 20px;
  padding: 5px;
}
/* Estilos para os parágrafos */
.parceiros p {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 20px;
  margin-top: 20px;
}

/* Destaque para as palavras "Parcerias" e "Progresso" */
.destaque {
  font-weight: bold;
  color: #ae8e52;
  /* Cor de destaque */
}

.missao {
  background-color: #fff;
  width: 100%;
}

.section-title {
  color: #e5d68c;
  font-size: 18px;
  margin-bottom: 10px;
  padding-top: 20px;
}

.main-title {
  color: #000;
  font-size: 24px;
  margin-bottom: 20px;
}

.description {
  color: #000;
  font-size: 16px;
  line-height: 1.5;
}

.cardes {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.card span {
  font-size: 2em;
  color: #ae8e52;
}

.card h5 {
  font-size: 1.8em;
}

.card p {
  font-size: 1.3em;
  color: #555555;
}

.cardParceiro {
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.cardParceiro a {
  color: #000;
  text-decoration: none;
}
.bancos h5 {
  margin-top: 50px;
  text-align: center;
  font-size: 1.5em;
}

.Btn9 {
  font-size: 0.7em;
  padding: 8px;
  margin-top: 8px;
}

.card-bancos img {
  width: 60%;
  margin-left: 50px;
}

.card-bancos {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.bancos p {
  padding: 5px;
  margin: 8px;
  text-align: justify;
}

.card-bancos h5 {
  text-align: center;
  margin-top: 8px;
  font-size: 1.5em;
}

.produtos {
  text-align: left;
}

.icon {
  font-size: 1.3em;
}

.produtos h2 {
  color: #77530a;
  margin-left: 30px;
}

.produtos p {
  font-size: 1.1em;
  text-align: justify;
}

.card-link {
  list-style: none;
}

.produtosConsi h2 {
  color: #ae8e52;
  margin: 5px;
  padding: 5px;
}

.produtosConsi p {
  text-align: justify;
  margin: 5px;
  padding: 5px;
}

.produtosConsi h5 {
  padding: 5px;
  margin: 5px;
}

.gradient-text {
  background: linear-gradient(45deg, #e5d68c, #555555, #2a2a2a, #000000);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

div .cardP {
  display: flex;
  background: linear-gradient(50deg, #e5d68c, #fff, #fff, #fff),
    /* Gradient background */ url("assets/img/logo.svg");
  /* Image background */
  background-position: left center, left center;
  /* Position image on the left */
  background-repeat: no-repeat;
  /* No repeat for image */
  background-size: contain, cover;
  /* Contain for image, cover for gradient */
  width: 100%;
  height: 100%;
  /* Adjust height as needed */
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0.2px solid #000;
  border-radius: 16px;
}

div .cardP .texto {
  margin-top: 100px;
  margin-left: 10px;
}

.cardP {
  margin-top: 16px;
  margin-left: 5px;
  margin-right: 5px;
}

.produtosCartao {
  display: flex;
  flex-wrap: wrap;
  background-color: #000;
  padding: 28px;
  border-radius: 20px;
  justify-content: center;
}

.listaCartao {
  text-align: center;
}

.listaCartao li {
  background-color: #fff;
  margin: 20px;
  border-radius: 20px;
  list-style: none;
  padding: 10px;
}

.listaCartao ul li a {
  text-decoration: none;
  color: #000;
  margin-right: 10px;
}

.produtosCartao h2 {
  color: #fff;
}
.produtos a {
  text-decoration: none;
  color: #000;
}

.produtosCartao .imgCartao img {
  background-color: #fff;
  height: 100%;
  border-radius: 20px;
}

.gradient-text2 {
  background: linear-gradient(45deg, #b5a52a, #3e3e3e, #1a1a1a, #000000);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}

.produtosCartao p {
  margin-right: 10px;
  color: #fff;
}

.produtosEmprestimo {
  display: flex;
  flex-wrap: wrap;
  padding: 28px;
  border-radius: 20px;
  background-color: #e5d68c;
}

.listaEmprestimo {
  text-align: center;
}

.listaEmprestimo ul li a {
  text-decoration: none;
  color: #fff;
  margin-right: 10px;
}

.listaEmprestimo li {
  background: linear-gradient(45deg, #000000, #2a2a2a, #555555, #e5d68c),
    /* Gradient background */ url("assets/img/logo.svg");
  /* Image background */
  background-position: left center, left center;
  /* Position image on the left */
  background-repeat: no-repeat;
  /* No repeat for image */
  background-size: contain, cover;
  /* Adjust height as needed */
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 20px;
  border-radius: 20px;
  list-style: none;
  padding: 10px;
}

.produtosEmprestimo img {
  border-radius: 20px;
}

.products {
  margin-top: 30px;
}

.produtosEmprestimo p {
  margin-right: 10px;
}

section .products h5 {
  font-size: 1.8em;
}

.notification {
  display: flex;
  flex-direction: column;
  isolation: isolate;
  position: relative;
  width: 80%;
  height: 100%;
  padding: 8px;
  background: #29292c;
  border-radius: 1rem;
  overflow: hidden;
  font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
  font-size: 18px;
  --gradient: linear-gradient(45deg, #e5d68c, #555555, #2a2a2a, #000000);
  --color: #e5d68c;
  /* Escolhi o dourado como a cor principal */
  text-align: justify;
}

.notification h5 {
  font-size: 1.3em;
}

.notification:before {
  position: absolute;
  content: "";
  inset: 0.0625rem;
  border-radius: 0.9375rem;
  background: #18181b;
  z-index: 2;
}

.notification:after {
  position: absolute;
  content: "";
  width: 0.25rem;
  inset: 0.65rem auto 0.65rem 0.5rem;
  border-radius: 0.125rem;
  background: var(--gradient);
  transition: transform 300ms ease;
  z-index: 4;
}

.notification:hover:after {
  transform: translateX(0.15rem);
}

.notititle {
  color: var(--color);
  padding: 0.65rem 0.25rem 0.4rem 1.25rem;
  font-weight: 500;
  font-size: 1.1rem;
  transition: transform 300ms ease;
  z-index: 5;
}

.notification:hover .notititle {
  transform: translateX(0.15rem);
}

.notibody {
  color: #99999d;
  padding: 0 1.25rem;
  transition: transform 300ms ease;
  z-index: 5;
}

.notification:hover .notibody {
  transform: translateX(0.25rem);
}

.notiglow,
.notiborderglow {
  position: absolute;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  background: radial-gradient(
    circle closest-side at center,
    white,
    transparent
  );
  opacity: 0;
  transition: opacity 300ms ease;
}

.notiglow {
  z-index: 3;
}

.notiborderglow {
  z-index: 1;
}

.notification:hover .notiglow {
  opacity: 0.1;
}

.notification:hover .notiborderglow {
  opacity: 0.1;
}

.note {
  color: var(--color);
  position: fixed;
  top: 80%;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  font-size: 0.9rem;
  width: 100%;
}

.missao {
  border: 0.5px solid black;
  padding: 8px;
  border-radius: 20px;
}

.missao h2 {
  color: #ae8e52;
}

.venhaFazerParte {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
}

@media (min-width: 992px) {
  .logo img {
    width: 180px;
  }

  .navbar-collapse {
    display: flex;
    justify-content: space-evenly;
  }

  .navbar-nav {
    display: flex;
    align-items: center;
  }

  .sidebar {
    display: flex;
    background-color: #000;
    width: 100%;
    color: white;
    justify-content: center;
    align-items: center;
    margin-top: 0px;
  }

  .sidebar h2 {
    font-size: x-large;
  }

  .produtos {
    margin-left: 40px;
  }

  .sidebar {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
  }

  .hero {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
  }

  .description {
    text-align: justify;
  }

  .missao2 {
    display: flex;
    box-sizing: border-box;
  }

  .missao {
    border: #fff;
  }

  .cardes {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
  }

  .cardParceiro {
    margin-top: 10px;
  }

  .propostas {
    display: flex;
    align-items: center;
    margin-right: 20px;
  }

  .propostas h1 {
    font-size: 3em;
  }

  .propostas p {
    font-size: 1.1em;
    margin: 8px;
  }

  .bancos p {
    text-align: center;
    font-size: 1.1em;
  }

  .bancos h5 {
    font-size: 1.7em;
  }

  .notification {
    display: flex;
    flex-direction: column;
    isolation: isolate;
    position: relative;
    width: 100%;
    height: 100%;
    padding: 8px;
    background: #29292c;
    border-radius: 1rem;
    overflow: hidden;
    font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS",
      sans-serif;
    font-size: 18px;
    --gradient: linear-gradient(45deg, #e5d68c, #555555, #2a2a2a, #000000);
    --color: #e5d68c;
    /* Escolhi o dourado como a cor principal */
    text-align: justify;
  }

  .notification h5 {
    font-size: 1.3em;
  }

  .notification:before {
    position: absolute;
    content: "";
    inset: 0.0625rem;
    border-radius: 0.9375rem;
    background: #18181b;
    z-index: 2;
  }

  .notification:after {
    position: absolute;
    content: "";
    width: 0.25rem;
    inset: 0.65rem auto 0.65rem 0.5rem;
    border-radius: 0.125rem;
    background: var(--gradient);
    transition: transform 300ms ease;
    z-index: 4;
  }

  .notification:hover:after {
    transform: translateX(0.15rem);
  }

  .notititle {
    color: var(--color);
    padding: 0.65rem 0.25rem 0.4rem 1.25rem;
    font-weight: 500;
    font-size: 1.1rem;
    transition: transform 300ms ease;
    z-index: 5;
  }

  .notification:hover .notititle {
    transform: translateX(0.15rem);
  }

  .notibody {
    color: #99999d;
    padding: 0 1.25rem;
    transition: transform 300ms ease;
    z-index: 5;
  }

  .notification:hover .notibody {
    transform: translateX(0.25rem);
  }

  .notiglow,
  .notiborderglow {
    position: absolute;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
    background: radial-gradient(
      circle closest-side at center,
      white,
      transparent
    );
    opacity: 0;
    transition: opacity 300ms ease;
  }

  .notiglow {
    z-index: 3;
  }

  .notiborderglow {
    z-index: 1;
  }

  .notification:hover .notiglow {
    opacity: 0.1;
  }

  .notification:hover .notiborderglow {
    opacity: 0.1;
  }

  .note {
    color: var(--color);
    position: fixed;
    top: 80%;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    font-size: 0.9rem;
    width: 100%;
  }

  .venhaFazerParte {
    display: block;
  }

  .produtos-card {
    display: flex;
    background-color: #000;
    padding: 10px;
    border-radius: 20px;
    border: 1px solid #b5a52a;
  }

  .geral {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 1em;
  }

  .produtosEmprestimo .imgEmprest {
        display: flex;
        justify-content: center;
        width: 100%;
  }

  .hero h1 {
    font-size: 3em;
    color: #fff;
  }
  .hero {
    text-align: center;
    align-items: center;
  }
}

.card-bancos .btn-primary {
  background-color: #ae8e52;
  border: none;
}

footer {
  text-align: center;
  background-color: #000;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: space-between;
  padding: 50px;
  width: 100%;
  height: 100%;
  margin-top: 20px;
}
footer img {
  width: 50%;
}
footer ul li {
  list-style: none;
}

.propostas h1 {
  border-right: 1px solid black;
}
.imagem-home {
  display: flex;
  justify-content: center;
}