.normal img {
  height: 400px;
  object-fit: cover;
}

#CarouselGrupo {
  margin-top: 50px;
}

@media (max-width: 768px) {
  .mine .carousel-inner .carousel-item > div {
    display: none;
  }

  .mine .carousel-inner .carousel-item > div:first-child {
    display: block;
  }
}

.mine .carousel-inner .carousel-item.active,
.mine .carousel-inner .carousel-item-start,
.mine .carousel-inner .carousel-item-next,
.mine .carousel-inner .carousel-item-prev {
  display: flex;
}

@media (min-width: 768px) {
  .mine .carousel-inner .carousel-item-right.active,
  .mine .carousel-inner .carousel-item-next,
  .carousel-item-next:not(.carousel-item-start) {
    transform: translateX(16, 66666666666667%) !important;
  }

  .mine .carousel-inner .carousel-item-left.active,
  .carousel-item-prev:not(.carousel-item-end),
  .active.carousel-item-start,
  .carousel-item-prev:not(.carousel-item-end) {
    transform: translateX(-16, 66666666666667%) !important;
  }

  .carousel-item-next.carousel-item-start,
  .active.carousel-item-end {
    transform: translateX(0) !important;
  }

  .mine .carousel-inner .carousel-item-prev,
  .carousel-item-prev:not(.carousel-item-end) {
    transform: translateX(-16, 66666666666667%) !important;
  }
}

@media (min-width: 1400px) {
  .cima {
    width: 1300px;
    border: 0px solid #06e059;
  }

  .input-buscar {
    position: relative;
    width: 320px;
    margin-left: 214px;
  }

  .pesquisa {
    position: relative;
    top: 8px;
  }
  .carrinho {
    position: relative;
    margin-left: 4px;
  }
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .cima {
    width: 1116px;
    border: 0px solid #f51111;
  }

  .input-buscar {
    position: relative;
    width: 280px;
    margin-left: 68px;
  }

  .pesquisa {
    position: relative;
    top: 8px;
  }
  .carrinho {
    position: relative;
    margin-left: 4px;
  }
}

@media (min-width: 900px) and (max-width: 1200px) {
  .cima {
    width: 936px;
    border: 0px solid #1133f5;
  }
  .input-buscar {
    position: relative;
    width: 180px;
    margin-left: 2px;
  }
  .pesquisa {
    position: relative;
    top: 8px;
    margin-left: 16px;
  }
  .carrinho {
    position: relative;
    margin-left: -16px;
  }
  .user {
    position: relative;
    margin-right: -0px;
  }
}

.baixo {
  z-index: 2;
  height: 90px;
  background-color: #702cf7;
}
.cima {
  position: fixed;
  background-color: #702cf7;
  /*  width: 68%;
   /* top: -20px;*/
}
.titulo {
  position: relative;
  top: 4px;
}
.titulo-card {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
  border: 0px solid #000;
}
.venda-body {
  position: relative;
  top: -14px;
}
.tempo {
  position: absolute;
  z-index: 1;
  left: -3px;
  top: 9px;
  width: 70%;
}
.marca {
  position: absolute;
  border: 0px solid #000;
  left: 0px;
  top: 60px;
  width: 100%;
}
.fundo-venda {
  position: relative;
  top: 8px;
  left: 8px;
  margin-right: 16px;
  border: 0px solid #000;
  height: 239px;
}
.img-grupo {
  height: 144px;
  width: 198px;
  border: 0px solid #000;
}

.pagination {
  --bs-pagination-color: #702cf7;
  --bs-pagination-bg: #dbcafc;
  --bs-pagination-active-color: #dbcafc;
  --bs-pagination-active-border-color: #a47df1;
  --bs-pagination-active-bg: #a47df1;
  --bs-pagination-hover-color: #dbcafc;
  --bs-pagination-hover-bg: #702cf7;
  --bs-pagination-disabled-color: #857e7e;
  --bs-pagination-disabled-bg: #cccccc;
  --bs-pagination-focus-color: #fff;
  --bs-pagination-focus-bg: #a47df1;
}

.btn-buscar {
  position: relative;
  background-color: #fff;
  border-color: #fff;
  border: 0px solid #000;
  top: 1px;
  left: -37px;
  height: 36px;
  width: 36px;
}
.buscar:hover {
  background-color: #fff; /* A darker shade of blue */
  border-color: #fff;
}

.lupa {
  color: #702cf7;
}

.user {
  text-decoration: none;
  font-size: 20px;
}

.cart {
  text-decoration: none;
  font-size: 20px;
}

.teste {
  border: 2px solid #000;
}

.vazio {
  width: 100%;
}

.social-link {
  text-decoration: none;
}

.social-texto {
  color: #702cf7;
}

.btn-comprar {
  background-color: #dbcafc;
  color: #702cf7;
}

.btn-comprar:hover {
  background-color: #702cf7;
  color: #fff;
}

.rodape-empresa {
  color: #702cf7;
}

.slide {
  margin-top: 120px;
}

.carousel .carousel-indicators button {
  width: 10px;
  height: 10px;
  border-radius: 100%;
}

.btn-prev {
  top: 50px;
  margin-left: -14px;
  background-color: #702cf7;
  width: 30px;
  height: 30px;
  border-radius: 100%;
}

.btn-next {
  top: 50px;
  margin-right: -14px;
  background-color: #702cf7;
  width: 30px;
  height: 30px;
  border-radius: 100%;
}

.carrinho_compras {
  position: relative;
  top: 110px;
  height: 100%;
  border: 0px solid black;
}

.input-vezes {
  font-size: 12px;
  width: 6px !important;
  height: 30px;
  text-align: center;
}

.fa-conf {
  position: relative;
  top: -7px;
  margin-left: -6px;
}
.span-vezes {
  font-size: 18px;
  font-weight: bold;
  padding-left: 10px;
  padding-right: 18px;
  border-bottom: 1px solid black;
  border-top: 1px solid black;
  padding-top: 2px;
  padding-bottom: 2px;
}

.box-center {
  display: flex;
  justify-content: center; /* Centraliza horizontalmente */
  align-items: center; /* Centraliza verticalmente */
  height: 118px; /* Altura do contêiner (exemplo) */
  border: 0px solid #000;
}

.tempo-carrinho {
  position: absolute;
  z-index: 1;
  left: -2px;
  top: 6px;
  width: 70%;
}
.marca-carrinho {
  position: absolute;
  border: 0px solid #000;
  left: 0px;
  top: 30px;
  width: 100%;
}
.fundo-venda-carrinho {
  position: relative;
  top: 8px;
  left: 8px;
  margin-right: 2px;
  border: 0px solid #000;
  width: 90px;
  height: 120px;
}

.btn-site {
  background-color: #dbcafc;
  color: #702cf7;
  border: 1px solid #000;
}

.btn-site:hover {
  border: 1px solid #000;
  background-color: #702cf7;
  color: #fff;
}

.carrinho-titulo {
  background-color: #702cf7;
  color: #dfdfdf;
}

.carrinho {
  font-size: 22px;
  color: #fff;
  border: 0px solid #000;
  height: 42px;
  width: 230px;
  top: 4px;
}

.titulo-preto {
  font-weight: 900;
    position: relative;
    color:#dbcafc;
      border: 0px solid #000;
}

.titulo-roxo {
  position: relative;
  top: 53px;
  left: 3px;
  font-weight: 900;
   color: blueviolet; 
     border: 0px solid #000;
}



.btn-indicador-grupo {
  position: relative; top: 50px;
    background-color: #702cf7;
}

.btn-indicador-grupo:hover {
 background-color: #dbcafc;
}


/*   .cart:hover {
 background-color: #dbcafc;
  color: #702cf7;
} 

.user:hover {
  background-color: #dbcafc;
  color: #702cf7;
}*/