/**
 * Homepage search panel — pill selects + Select2 UI (match DEV layout).
 * Native <select> is styled until Select2 mounts; then .select2-hidden-accessible
 * must stay clipped (do not let form-group-el rules un-hide it).
 */
form#care-search-form .form-group.d-flex.hide-mobile-box,
form#care-search-form .form-group.d-flex:not(.show-mobile-box):not(.hide-mobile-box),
form#care-search-form .d-flex.justify-content-end {
	display: flex !important;
	align-items: center;
	justify-content: space-between;
}
form#care-search-form .d-flex.justify-content-end {
	justify-content: flex-end !important;
}
form#care-search-form .form-group.d-flex.show-mobile-box {
	display: none !important;
}
form#care-search-form .row {
	display: flex;
	gap: 16px;
}
form#care-search-form .row .col-sm-6 {
	flex: 1 1 0;
	min-width: 0;
	float: none !important;
	padding-right: 0 !important;
	padding-left: 0 !important;
}
form#care-search-form .intro-ussearchus .form-group.d-flex,
.intro-ussearchus .form-group.d-flex {
	padding: 10px 25px;
	gap: 10px;
	border-radius: 99px;
	background: #fff;
	justify-content: space-between;
	align-items: center;
	box-sizing: border-box;
}
form#care-search-form .form-group.d-flex label,
.intro-ussearchus .form-group.d-flex label {
	flex: 0 1 auto;
	margin: 0 !important;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 48%;
	color: #0f5a60;
	font-weight: 500;
}
form#care-search-form .form-group.d-flex label.width100pxlabel {
	flex: 0 0 100px;
	width: 100px !important;
	max-width: 100px;
}
form#care-search-form .form-group.d-flex .form-group-el:not(.select2-hidden-accessible),
form#care-search-form .form-group.d-flex select.form-group-el:not(.select2-hidden-accessible),
form#care-search-form .form-group.d-flex .form-control:not(.select2-hidden-accessible):not(.select2-search__field),
.intro-ussearchus .form-group.d-flex .form-group-el:not(.select2-hidden-accessible),
.intro-ussearchus .form-group.d-flex select.form-group-el:not(.select2-hidden-accessible),
.intro-ussearchus .form-group.d-flex .form-control:not(.select2-hidden-accessible):not(.select2-search__field) {
	flex: 1 1 0;
	min-width: 0;
	width: auto !important;
	max-width: 230px;
	height: auto !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 5px 0 !important;
	padding-right: 40px !important;
	font-size: 20px !important;
	line-height: normal;
	border: none !important;
	background-color: #fff !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	box-sizing: border-box;
	-webkit-appearance: none;
	appearance: none;
}
form#care-search-form .form-group.d-flex select.form-group-el:not(.select2-hidden-accessible),
.intro-ussearchus .form-group.d-flex select.form-group-el:not(.select2-hidden-accessible) {
	background-image: url('../images/down-arrow2.svg');
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 12px;
	text-align: right;
	text-align-last: right;
	color: #0f5a60;
}
form#care-search-form .form-group.d-flex input.form-control,
.intro-ussearchus .form-group.d-flex input.form-control {
	background-image: none !important;
	padding-right: 0 !important;
	text-align: left;
	max-width: none;
}
select#user_type:not(.select2-hidden-accessible) {
	padding-right: 40px !important;
}
.intro-ussearchus select.form-group-el.custom-select-caretype-home:not(.select2-hidden-accessible),
select.custom-select-caretype-home:not(.select2-hidden-accessible) {
	padding-right: 55px !important;
	text-align: right;
	text-align-last: right;
}

/* Keep Select2's clipped native <select> hidden despite form-group-el !important rules */
form#care-search-form select.select2-hidden-accessible,
.intro-ussearchus select.select2-hidden-accessible {
	border: 0 !important;
	clip: rect(0 0 0 0) !important;
	-webkit-clip-path: inset(50%) !important;
	clip-path: inset(50%) !important;
	height: 1px !important;
	width: 1px !important;
	max-width: 1px !important;
	margin: -1px !important;
	padding: 0 !important;
	overflow: hidden !important;
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	background: none !important;
	background-image: none !important;
	-webkit-appearance: none !important;
	appearance: none !important;
	flex: 0 0 0 !important;
}

form#care-search-form .form-group.d-flex .select2-container {
	flex: 1 1 0 !important;
	min-width: 0 !important;
	width: auto !important;
	max-width: 230px !important;
	display: block !important;
}
form#care-search-form .form-group.d-flex .select2-container .select2-selection--single,
form#care-search-form .form-group.d-flex .select2-container .select2-selection--multiple {
	border: none !important;
	background: transparent !important;
	height: auto !important;
	min-height: 0 !important;
}
form#care-search-form .form-group.d-flex .select2-container .select2-selection__rendered {
	padding-left: 0 !important;
	padding-right: 28px !important;
	text-align: right;
	color: #0f5a60;
	font-size: 20px !important;
	font-weight: 500;
	line-height: normal;
}
form#care-search-form .form-group.d-flex .select2-container .select2-selection__arrow {
	height: 100%;
	top: 0;
	right: 0;
}
form#care-search-form .form-group.d-flex .select2-container .select2-selection__arrow b {
	border-color: #0f5a60 transparent transparent transparent;
	margin-top: -2px;
}
form#care-search-form .select2-container--open .select2-dropdown,
form#care-search-form .select2-dropdown {
	border: 0;
	border-radius: 0 0 10px 10px;
	background: #fff;
	box-shadow: 0 4px 4.6px 0 rgba(0, 0, 0, 0.15);
	overflow: hidden;
	z-index: 1051;
}
form#care-search-form .btn-customus-1 {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	height: 56px;
	min-height: 56px;
	padding: 14px 28px;
	box-sizing: border-box;
}
@media (min-width: 1026px) {
	form#care-search-form .form-group.d-flex:not(.show-mobile-box),
	.intro-ussearchus .form-group.d-flex:not(.show-mobile-box) {
		height: 68px;
		min-height: 68px;
		max-height: 68px;
	}
	form#care-search-form .form-group.d-flex label,
	.firstsectionhome label {
		font-size: 20px;
		line-height: 32px;
	}
	form#care-search-form .d-flex.justify-content-end {
		min-height: 56px;
		height: 56px;
		max-height: 56px;
	}
}
@media (max-width: 767px) {
	form#care-search-form .form-group.d-flex.hide-mobile-box {
		display: none !important;
	}
	form#care-search-form .form-group.d-flex.show-mobile-box {
		display: flex !important;
		justify-content: center;
		background: none !important;
		padding: 0 !important;
		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;
	}
	form#care-search-form .row {
		display: block;
		/* Cancel Bootstrap .row -15px side margins so Care type / Location
		   align with Search button inset inside .intro-ussearchus padding */
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	form#care-search-form .form-group.d-flex label,
	.firstsectionhome label {
		font-size: 16px;
		line-height: 24px;
		max-width: 42%;
	}
	form#care-search-form .form-group.d-flex:not(.show-mobile-box),
	.intro-ussearchus .form-group.d-flex:not(.show-mobile-box) {
		height: 56px;
		min-height: 56px;
		max-height: 56px;
	}
	form#care-search-form .form-group.d-flex .form-group-el:not(.select2-hidden-accessible),
	form#care-search-form .form-group.d-flex select.form-group-el:not(.select2-hidden-accessible),
	form#care-search-form .form-group.d-flex .form-control:not(.select2-hidden-accessible):not(.select2-search__field) {
		font-size: 16px !important;
		max-width: none;
	}
	form#care-search-form .form-group.d-flex .select2-container {
		max-width: none !important;
	}
	form#care-search-form .form-group.d-flex .select2-container .select2-selection__rendered {
		font-size: 16px !important;
	}
}