.filter_section {
	display: flex;
	gap: 10px;
	margin-bottom: 20px;

}

.form{
	width:500px;
	margin-top:50px;
	position:relative;
	left:50%;
	transform: translate(-50%);
}

.card_wrapper {
	display: grid;
	gap: 20px;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    margin: 100px;
}
.search_button{
	  background-color: #372579;
  &:hover{
    background: #47309C !important;
  }
}

.spin{
    position:absolute;
    left:50%;
    top:50%;
    transform: translate(-50%, -50%);
}
.empty{
	color:black;
	position:absolute;
    left:50%;
	 transform: translateX( -50%);
	 font-size:20px;
}



@media screen and (max-width: 580px) {
.form{
	width:350px;
	
	
}
}