.asg-select-shell { display: inline-block; position: relative; min-width: 0; max-width: 100%; vertical-align: middle; }
:is(.service-brief, .lead-form) .asg-select-shell { display: block; width: 100%; }
body .asg-select-shell > select { appearance: none; box-sizing: border-box; min-width: 0; max-width: 100%; width: 100%; padding-right: 44px; background-image: none; cursor: pointer; }
.asg-select-shell > .fa-arrow-right { position: absolute; right: 16px; top: 50%; transform: translateY(-50%) rotate(90deg); color: #087a58; font-size: 12px; pointer-events: none; }
body .asg-select-shell:has(select:disabled) { opacity: .6; }
body .asg-select-shell > select:disabled { cursor: not-allowed; }
body .asg-select-shell > select:focus,
body select[multiple]:focus,
body select[size]:focus { border-color: #087a58; outline: 2px solid #087a58; outline-offset: 2px; box-shadow: 0 0 0 4px rgb(8 122 88 / 10%); }
body select option:checked { background: #087a58; color: #fff; }
@supports (appearance: base-select) {
    body .asg-select-shell > select,
    body .asg-select-shell > select::picker(select) { appearance: base-select; }
    body .asg-select-shell > select::picker-icon { display: none; }
    body .asg-select-shell > select::picker(select) { border: 1px solid #087a58; border-radius: 6px; background: #fff; padding: 4px; max-height: 320px; max-width: calc(100vw - 16px); overflow-y: auto; box-shadow: 0 8px 24px rgb(21 48 39 / 14%); }
    body .asg-select-shell > select option { padding: 10px 12px; border-radius: 4px; white-space: normal; }
    body .asg-select-shell > select option:is(:hover, :focus-visible) { background: #e3f3eb; color: #086549; outline: 1px solid #087a58; outline-offset: -1px; }
    body .asg-select-shell > select option:checked { background: #087a58; color: #fff; }
}
@media (forced-colors: active) {
    body .asg-select-shell > select:focus { outline-color: Highlight; }
    .asg-select-shell > .fa-arrow-right { color: ButtonText; }
}