.slider-box{
  height: 450px;
  width: 300px;
  position: relative;
  display: flex;
  flex-direction: column;
  background-color: rgb(255, 255, 255);

  margin-left: 30px; 
  margin-top: 20px;
  padding: 20px;
  border-radius: 5px;
  border: 1px solid #e0e0e0; 
  transition: 0.2s all ease-in;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 700;
  letter-spacing: 0.1em;
}

.slider-box:hover{  
  border: 2px solid #F15B28; 
  border-radius: 5px;
}

.right_details{
  display: flex;
  flex-direction: column;
}

.left_details{
  display: flex;
  flex-direction: column;
}

.quick_view{
  position: absolute;
  margin-top: -250px;
  margin-left: 75px;
  font-size: 15px;  
  background-color: #161C33;
  color: white;
  padding: 10px;
  border-radius: 10px;
  display: none;
}

.quick_view:hover{
  cursor: pointer; 
}

.image_box{
  height: 290px;

  border-radius: 10px;
  background-color: rgb(247, 247, 247);
}

/* .image_box img:hover {
  transition: 0.3s all ease-in;
  transform: scale(1.5); 
} */

.image_box img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.content_details{

  color:rgb(131, 131, 131);
}

.post:hover .back-drop{
  background-color: #161C33;
  margin-top: 267px;  
  height: 50px;
  transition: 0.5s all ease;
  opacity: 100;
}

.post:hover .action_btns{
  opacity: 100; 
}

.aw_btn:hover{
  /* background-color: #161C33; */
  color: rgb(255, 255, 255);
  box-shadow: 0px 0px 5px 0px;
}

.quick_active_btn_wish:hover .bi-suit-heart-fill{
  color: rgb(255, 255, 255);
  box-shadow: 0px 0px 5px 0px;
}

.ac_btn:hover{
  /* background-color: #161C33; */
  color: rgb(255, 255, 255);
  box-shadow: 0px 0px 5px 0px;
}

.action_btns{
  opacity: 0%;
  margin-top: 40px;
}

.bi-suit-heart-fill,.bi-bag,.bi-eye-fill{
  display: flex;
  justify-content: center;
}

.back-drop{
  position: absolute;  
  margin-left: 15px;  
  width: 90%;
  height: 50px;
  margin-top: 310px;  
  border-radius: 10px;
  left: 0;
  z-index: -1;
}

.slider-box a{
text-decoration: none;
color:gray;
}

h6{
color: #161C33;
}

/* .image_container{
height: 570px;
background-color: red;
} */

.grid_view{  
  width: 900px;
  height: 200px;  
  margin: 0px 0px 20px 50px;
}

.grid_view:hover{
  border: 1px solid gray;  
}
  
.img_view{
  margin-top: 15px;
}


#load_more{
  background-color: #161C33;
  color: #fff;
}

/* supplier box */

.supplier_box{
  height: 250px;
  width: 210px;  
  display: flex;
  justify-content: center;
  flex-direction: column;  
  margin-left: 30px; 
  margin-top: 20px;
  padding: 20px;
  border-radius: 5px;
  border: 1px solid #e0e0e0;   
}

.supplier_box:hover{  
  border: 2px solid #F15B28; 
  border-radius: 5px;    
}

.image_container:hover{
  transition: 0.3s all ease-in;
  transform: scale(1.5); 
}