.areaghis {
  position: relative;
 // flex: 1 0 auto;
  margin: 10px 15px;
 //padding-top: 100px;// padding-bottom: 300px;
}

.areaghis .coverghis {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: red;
  //opacity:0.5;
  z-index:9999
}
	
	.product-card:hover{
	
		background-color: ;
	
	}
	
	
	.modal-xl{min-width:300px}
	.modal-dialog{min-width:1500px}
	.FadeAway{
    position: absolute; top:0px; left:0px; width:100%; height:100%;
        background:transparent;
background: linear-gradient(to top, rgba(255,255,255,1) 8%,rgba(255,255,255,0) 20%);

}






.overlay1:not(#ghis) {
  position: fixed; /* Sit on top of the page content */
  display: block; /* Hidden by default */
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5); /* Black background with opacity */
  z-index: 99999999999; /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer; /* Add a pointer on hover */
}

#ghis {
  background-color: white;
 position: relative;
  z-index: 999999100 ;
  padding: 15px !important;
  margin-left: 25px;
}
	
	.bul1{
		//filter: blur(5px);
		z-index: 19999999999999;
		backdrop-filter: grayscale(0.5);
		opacity(0.8)
		  
	
	}
	.nobul1{
		filter: blur(0px);
		//z-index: 5;
	}
	
	
	
	
	
	.except {
    background: white;
    position: relative;
    z-index: 9999;
}

.backdrop {
	
    position: fixed;
    z-index: 999999999999;
    top: 0; bottom: 0; left: 0; right: 0;
    background: #33333377;
    backdrop-filter: blur(10px);
	
}

.product_search{
	padding: 0px 200px 20px 200px;
}

@media(max-width: 601px) {
	
.product_search{
	padding: 0px 0px 00px 0px;
}	
	
}