.wrapper{
        display: inline-flex;
        align-items: center;
        justify-content: space-evenly;
        border-radius: 5px;
        width: 100%;
        gap: 5px;
        /* padding: 20px 15px; */
        background: #edf2ff;
        padding: 10px;
	}
	.wrapper .option{
        background: #fff; 
        height: 100%;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        /* margin: 0 10px; */
        grid-column-gap: 3px;
        border-radius: 5px;
        cursor: pointer;
        padding: 4px 3px;
        border: 1px solid lightgrey;
        transition: all 0.3s ease;
	}
	.wrapper .option .dot{
	  height: 12px;
	  width: 12px;
	  background: #d9d9d9;
	  border-radius: 50%;
	  position: relative;
	}
	.wrapper .option .dot::before{
	  position: absolute;
	  content: "";
	  top: 2px;
	  left: 2px;
	  width: 8px;
	  height: 8px;
	  background: #1f1f2a;
	  border-radius: 50%;
	  opacity: 0;
	  transform: scale(1.5);
	  transition: all 0.3s ease;
	}
	.wrapper input[type="radio"]{
	  display: none;
	}
	.wrapper #option-1:checked:checked ~ .option-1,
	.wrapper #option-2:checked:checked ~ .option-2,
	.wrapper #option-3:checked:checked ~ .option-3,
	.wrapper #option-4:checked:checked ~ .option-4
	{
	  border-color: #1f1f2a;
	  background: #1f1f2a;
	}
	.wrapper #option-1:checked:checked ~ .option-1 .dot,
	.wrapper #option-2:checked:checked ~ .option-2 .dot,
	.wrapper #option-3:checked:checked ~ .option-3 .dot,
	.wrapper #option-4:checked:checked ~ .option-4 .dot
	{
	  background: #fff;
	}
	.wrapper #option-1:checked:checked ~ .option-1 .dot::before,
	.wrapper #option-2:checked:checked ~ .option-2 .dot::before,
	.wrapper #option-3:checked:checked ~ .option-3 .dot::before,
	.wrapper #option-4:checked:checked ~ .option-4 .dot::before
	{
	  opacity: 1;
	  transform: scale(1);
	}
	.wrapper .option span{
	  font-size: 14px;
	  color: #808080;
	}
	.wrapper #option-1:checked:checked ~ .option-1 span,
	.wrapper #option-2:checked:checked ~ .option-2 span,
	.wrapper #option-3:checked:checked ~ .option-3 span,
	.wrapper #option-4:checked:checked ~ .option-4 span
	{
	  color: #fff;
	}
.search_filter_div {
    display:grid;
    grid-template-columns:1fr 1fr;
    align-items:center;
}	
	
.form-select:focus,
.form-select:hover {
    box-shadow: none; /* Remove the box shadow on focus and hover */
    /* Add other styles as needed */
}	
	
.search_filter_div select{
    font-size:15px;
    width:100%;
}
.search_bar_div_inside{
    width:100%;
    padding: 10px;
    padding-top:5px;
    box-shadow:none;
}
.search_bar_div_inside input{
    
}
.property_radio_div label{
    font-size:16px;
    display: flex;
    align-items: center;
    gap: 2px;
}
.search_main_div_inside{
    background-color:#fff;
}