.county-cities-list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    list-style-type: none;
    padding: 0;
}

.city-box {
    width: calc(50% - 20px); /* Adjust width according to the gap */
    border: 1px solid #ddd;
    padding: 15px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    border-radius: 8px;
    box-sizing: border-box;
    background-color: #fff;
}

.city-box a {
    text-decoration: none;
    color: #333;
    display: flex;
    align-items: center;
}

.city-box .location-icon {
    width: 16px;
    height: 16px;
    background: url('https://prohomeservices.pk/test/wp-content/uploads/2024/08/Location_vector.png') no-repeat center center;
    background-size: contain;
    margin-right: 10px;
}

.filterable-dropdowns {
	background-color: #2B2B5E8A;
	padding: 40px 20px;
	border-radius: 8px;
	text-align: center;
	max-width: 400px;
}

.filterable-dropdowns select {
	display: inline-block;
	width: 48%;
	margin-bottom: 15px;
	margin-right: 2%;
	padding: 10px;
	border: 1px solid #fff;
	background-color: transparent;
	color: transparent;
	font-size: 16px;
	border-radius: 4px;
}

.filterable-dropdowns .selectpicker {
	background-color: #4a3c7b;
}

.filterable-dropdowns .bootstrap-select .dropdown-toggle {
	border-radius: 4px;
    background-color: #2b2b5e00;
    border: 1px solid #fff;
}

.filterable-dropdowns .bootstrap-select .dropdown-menu {
	background-color: #fff;
}

.filterable-dropdowns select:focus,
.filterable-dropdowns select:hover {
	border-color: #1fc8db;
}

.filterable-dropdowns button {
	background-color: #1fc8db;
	color: #fff;
	border: none;
	padding: 10px 20px;
	font-size: 16px;
	border-radius: 4px;
	cursor: pointer;
	width: 100%;
}

.filterable-dropdowns button:hover {
	background-color: #17a3b5;
}

.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-layout-column select{
    border-color: #00CDE5;
    border-width: 1px 1px 1px 1px;
    border-radius: 10px 10px 10px 10px;
}

div.wpforms-container-full button[type=submit]{
	
	background-color: #04BDD8 !important;
    color: #ffffff !important;
	border-radius: 8px 8px 8px 8px !important;
	margin-left: 38% !important;
}


div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-layout-column input[type=tel] , div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-layout-column input[type=email] , div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-layout-column input[type=text]{
	border-color: #00CDE5 !important;
    border-width: 1px 1px 1px 1px !important;
    border-radius: 10px 10px 10px 10px !important;
}
div.wpforms-container-full button[type=submit]:hover{
	background:#2B2B5E !important;
}

.wpforms-container .wpforms-field {
    width: 95% !important;
	padding: 5px 0 !important;
}

div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-layout-column {
	padding: 0px !important;}

.wpforms-container .wpforms-field-layout {
    padding: 0px 0px 0px 42px !important;
}

.bootstrap-select>.dropdown-toggle {
    width: 110% !important;
}