/*--------------------------------------------------------------

  Template Name: Asbab eCommerce HTML5 Template.
  Description: Asbab is a unique website template designed in HTML with a simple & beautiful look.

---------------------------------------------------------------*/

/* ----------------------------------------------------
	You can put your custom css code here:
-------------------------------------------------------*/

.background_slide_categoria{

  width: 100%;
  height: 315px;
  margin-top: 80px;
  display: block;

}
.img_produto{
  max-width: 100%;
  width: 280px;
  height: 280px;
  object-fit: cover;
}

.img_categoria{
  max-width: 100%;
  width: 360px;
  height: 280px;
  object-fit:cover;
  -webkit-filter: blur(1px);
  -moz-filter: blur(1px);
  -o-filter: blur(1px);
  -ms-filter: blur(1px);
   filter: brightness(65%);
}

.img_categoria:hover{
  -webkit-filter: blur(0px);
  -moz-filter: blur(0px);
  -o-filter: blur(0px);
  -ms-filter: blur(0px);
  filter: blur(0px);
}

.titulo_categoria{
  font-family: 'segoe UI','San Francisco', Calibri, Helvetica,arial,sans-serif;
  position: absolute;
  color: #fff;
  text-align: center;
  font-size: 27px;
  font-weight: bold;
  top: 120px;
  width: 280px;
  left: 25px;
  height: 50px;
  padding-top: 5px;
}

.titulo_categoria:hover{
  font-family: 'segoe UI','San Francisco', Calibri, Helvetica,arial,sans-serif;
  position: absolute;
  text-align: center;
  font-size: 29px;
  font-weight: bold;
  top: 125px;
  width: 280px;
  left: 25px;
  height: 50px;
  padding-top: 7px;
}

.botao_slide{
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
}

h5 {
  display: inline-block;
  padding: 10px;
  background: #B9121B;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

p{
    font-family: 'Poppins', sans-serif;
    color: #666666;
    font-size: 15px;


}
body {
    font-family: 'Poppins', sans-serif;
}
.htc__best__product__details h2 {
    color: #444;
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    /* font-weight: 600; */
    text-transform: capitalize;
    transition: all 0.3s ease 0s;
}
