/* ============================================================
 * serviceListing.css
 * ----------------------------------------------------------
 * Extracted from the legacy Laravel app on 2026-05-05 (originally at
 * legacy/frontend_v3_goodfirm/resources/views/layouts/partials/css/serviceListing.blade.php).
 *
 * Service-listing-page-specific styling — service company cards, focus
 * chart, filter sidebar overrides, "Visit Website" CTAs, etc. Loads
 * after common.css + commonListing.css on directory routes.
 *
 * After legacy decommission this file remains the canonical source.
 * Edit freely; no need to keep in sync with the legacy Blade partial.
 * ============================================================ */

#listTab .container{position:relative}.listing-tabs a{align-items:center;color:var(--blue);display:flex;font-weight:600;gap:10px}.listing-tabs a:after{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17'%3E%3Cpath fill='%231b66f3' d='M8.5 0a8.5 8.5 0 1 1 0 17 8.5 8.5 0 1 1 0-17m.429 5.172A.585.585 0 1 0 8.101 6l1.857 1.857H4.586a.586.586 0 1 0 0 1.172h5.455L8.1 10.971a.585.585 0 1 0 .828.828L11.827 8.9a.585.585 0 0 0 0-.828z'/%3E%3C/svg%3E") no-repeat;content:"";height:17px;width:17px}.listing-tabs a:hover{color:var(--blue-hover)}#filter{padding:15px 0}.filter-inputs{gap:10px}.filter-input-elements{flex-direction:row;height:auto;overflow:unset;overscroll-behavior:none;padding:0;width:calc(100% - 84px)}.filter-input-elements-wrap{display:flex;gap:20px;justify-content:space-between;position:relative}.filter-input,.find-location-wrapper{border-bottom:0;padding-bottom:0;position:relative}.filter-input-action{padding:0}.filter-selection{align-items:center;border:1px solid var(--border-color);border-radius:4px;color:var(--primary);cursor:pointer;display:flex;font-size:14px;font-weight:400;height:34px;justify-content:space-between;padding:0 10px;width:175px}.filter-input button.filter-selection.selected,.filter-input.open button.filter-selection{border:1px solid var(--primary)}.filter-input ul{background:var(--white);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow);content-visibility:hidden;display:none;padding:15px 12px;position:absolute;top:32px;width:175px;z-index:3}.filter-input.open ul{content-visibility:visible;display:flex!important;flex-direction:column}.filter-input ul li{margin-bottom:2px;position:relative}.filter-input-ul.filter-input-ul li:first-child{order:1}.filter-input-ul.filter-input-ul li{order:3}.filter-input-ul.filter-input-ul li.checked{order:2}.service-filter .filter-selection-results-clear{display:flex;flex-direction:row;justify-content:space-between;line-height:normal;padding-top:15px}.filter-selection-results{display:flex;flex-wrap:wrap;gap:15px;width:calc(100% - 84px)}.service-directory .web-reset-filter{align-items:center;color:var(--blue);display:flex;font-size:12px}.filter-inputs{display:flex;flex-direction:column;justify-content:space-between;position:relative}.filter-input input{border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:12px;height:32px;padding:0 30px 0 12px;width:100%}.filter-input-ul li:first-child:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23c5a063' d='M11.87 11.25 9.09 8.46a5.15 5.15 0 1 0-.6.6l2.79 2.78a.5.5 0 0 0 .14.1.4.4 0 0 0 .16 0 .5.5 0 0 0 .17 0 .7.7 0 0 0 .14-.1.5.5 0 0 0 .1-.14.5.5 0 0 0 0-.17.6.6 0 0 0 0-.17.5.5 0 0 0-.12-.11M5.14 9.41a4.3 4.3 0 0 1-2.38-.72 4.31 4.31 0 0 1-1.82-4.4A4.3 4.3 0 0 1 2.12 2.1a4.29 4.29 0 0 1 4.66-.93 4.2 4.2 0 0 1 1.93 1.58 4.27 4.27 0 0 1 .72 2.38 4.26 4.26 0 0 1-2.65 4 4.2 4.2 0 0 1-1.64.28'/%3E%3C/svg%3E") no-repeat;content:"";display:block;height:22px;margin:auto;position:absolute;right:4px;top:10px;width:16px}.filter-input ul li.radio-group label:before{border-radius:15px}.filter-input ul li.radio-group label.checked:before{background:var(--white);border-radius:15px;mask-image:none;-webkit-mask-image:none}.filter-input ul li.radio-group label.checked:after{background:var(--primary);border-radius:8px;content:"";height:8px;left:12px;position:absolute;top:13px;width:8px}.location-label{align-items:center;display:flex;font-size:14px}.filter-input-elements{display:flex;gap:10px;justify-content:flex-start;width:auto}.categories-filter .filter-selection{width:150px}.review-filter .filter-selection{width:100px}.client-type-filter .filter-selection,.employee-filter .filter-selection,.industries-filter .filter-selection,.rate-filter .filter-selection{width:120px}.filter-input ul.filter-input-ul{max-height:285px;overflow-y:auto;width:315px}.client-type-filter ul{right:0;width:280px}.industries-filter ul{right:0}input.live-location{align-items:center;border:1px solid var(--border-color);border-radius:4px;display:flex;font-size:14px;height:34px;padding:0 35px;width:200px}.find-location-wrapper:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='18' viewBox='0 0 13 18'%3E%3Cpath fill='%23c5a063' d='M6.3 0A6.295 6.295 0 0 0 0 6.3C0 11.025 6.3 18 6.3 18s6.3-6.975 6.3-11.7C12.6 2.817 9.783 0 6.3 0m0 8.55a2.25 2.25 0 1 1 .002-4.502A2.25 2.25 0 0 1 6.3 8.55'/%3E%3C/svg%3E") 50% 50% no-repeat;content:"";height:18px;left:13px;position:absolute;top:8px;width:13px}.searched-locations{background:#fff;border:1px solid var(--border-color);border-radius:4px;font-size:14px;left:0;padding:10px;position:absolute;right:0;top:31px;width:280px;z-index:1}.fixWidth.searched-locations{width:220px}.open input.live-location{border-color:var(--primary)}.find-location{align-items:center;border-radius:var(--border-radius);cursor:pointer;display:flex;margin:5px 0;min-height:30px;padding:4px 10px}.find-location.active,.find-location:focus,.find-location:hover{background:#fdf6e9}.location-action{background:0 0;border:none;display:none;height:15px;padding:0;position:absolute;right:12px;top:5px;width:15px}.location-action.spin{display:block;right:12px;top:4px}.location-action.spin:before{background-color:transparent;border:1px solid #171923;border-radius:50%;border-right-color:transparent;content:"";height:10px;mask-image:none;position:absolute;width:10px}.location-action.spin:after{border-radius:50%;content:"";height:0;position:absolute;width:0}.location-action.spin:after,.location-action.spin:before{animation:rotate360 .5s linear infinite,exist .1s forwards;right:0;top:50%}.location-action.close{cursor:pointer;display:block;right:8px;top:11px}.location-action.close:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 10 10'%3E%3Cpath fill='%23171923' d='M6.93.69 6.24 0 3.46 2.78.69 0 0 .69l2.78 2.77L0 6.24l.69.69 2.77-2.78 2.78 2.78.69-.69-2.78-2.78z'/%3E%3C/svg%3E") 0 0 no-repeat;content:"";display:block;height:12px;width:12px}.filter-selected{display:none}.list-header{border-top:1px solid var(--border-color)}.directory-list{width:100%}.directory-list h2{border-top:1px solid var(--border-color);font-weight:400;padding:15px 250px 15px 0}#service-providers .container{position:relative}.firm-urls{display:flex;gap:20px}.tagline{color:var(--gray)}.service-firm-content-services{display:grid;gap:20px;grid-template-columns:100%}.service-firm-content-services.no-review-wrap{grid-template-columns:100%}.firm-services-list{border:1px solid var(--border-color);border-bottom:0;border-top:0;display:flex;flex-direction:column;gap:20px;padding:0 20px}.no-review-wrap .firm-services-list{border-right:0;padding-right:0}.review-highlight-information h4{align-items:center;display:flex;font-size:14px;gap:5px;height:21px;margin:0}.review-highlight-information h4:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill='%23c5a063' stroke='%23c5a063' d='M9.896 4.855a.89.89 0 0 0 .667.485l4.538.659L11.818 9.2a.89.89 0 0 0-.255.784l.775 4.52-4.059-2.134a.89.89 0 0 0-.824 0l-4.059 2.134.775-4.52a.89.89 0 0 0-.255-.785l-3.285-3.2 4.538-.659a.88.88 0 0 0 .667-.485L7.866.743zm5.433 1.177zm-11.973 8.7zm-2.953-8.7z'/%3E%3C/svg%3E");content:"";display:inline-flex;height:16px;width:16px}.firm-services-list .firm-employees,.firm-services-list .firm-founded,.firm-services-list .firm-location,.firm-services-list .firm-pricing{align-items:flex-start;gap:10px}.firm-services-list .icon-wrapper{align-items:center;display:flex;position:relative}.firm-services-list div i{color:#757982;display:inline-block;font-size:12px;height:24px;width:24px}.firm-services-list .custom_tooltip__container i{height:auto;width:auto}.firm-services-list .firm-pricing i.price-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23c5a063' d='M18.75 15.75a4.5 4.5 0 0 1-4.5 4.5h-1.5v1.5a.75.75 0 0 1-.75.75.75.75 0 0 1-.75-.75v-1.5h-1.5a4.502 4.502 0 0 1-4.5-4.5A.75.75 0 0 1 6 15a.75.75 0 0 1 .75.75 3 3 0 0 0 3 3h4.5a3 3 0 0 0 3-3 3 3 0 0 0-3-3H10.5A4.5 4.5 0 0 1 6 8.25a4.5 4.5 0 0 1 4.5-4.5h.75v-1.5A.75.75 0 0 1 12 1.5a.75.75 0 0 1 .75.75v1.5h.75a4.502 4.502 0 0 1 4.5 4.5.75.75 0 0 1-.75.75.75.75 0 0 1-.75-.75 3 3 0 0 0-3-3h-3a3 3 0 0 0-3 3 3 3 0 0 0 3 3h3.75a4.502 4.502 0 0 1 4.5 4.5'/%3E%3C/svg%3E")}.firm-services-list .firm-employees i.employee-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23c5a063' d='M10.992 14.803a5.63 5.63 0 0 0 2.267-6.311 5.626 5.626 0 1 0-8.501 6.312 9 9 0 0 0-4.427 3.535.75.75 0 0 0-.113.568.75.75 0 0 0 .325.479.75.75 0 0 0 .569.105.75.75 0 0 0 .474-.332 7.5 7.5 0 0 1 6.288-3.412 7.5 7.5 0 0 1 6.288 3.412.75.75 0 0 0 1.032.209.75.75 0 0 0 .224-1.029 9 9 0 0 0-4.427-3.535zm-7.242-4.68a4.13 4.13 0 0 1 2.546-3.811 4.127 4.127 0 0 1 5.624 3.006 4.127 4.127 0 0 1-4.046 4.929 4.13 4.13 0 0 1-4.125-4.125zm19.701 9.253a.75.75 0 0 1-1.038-.218 7.49 7.49 0 0 0-6.288-3.41.75.75 0 0 1-.75-.75.75.75 0 0 1 .75-.75 4.126 4.126 0 1 0-1.532-7.957.75.75 0 0 1-.584.005.75.75 0 0 1-.41-.415.75.75 0 0 1 .011-.583.75.75 0 0 1 .426-.399 5.623 5.623 0 0 1 7.063 2.608 5.623 5.623 0 0 1-1.857 7.296 9 9 0 0 1 4.427 3.535.75.75 0 0 1-.218 1.038'/%3E%3C/svg%3E")}.firm-services-list .firm-founded i.founded-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23c5a063' d='M19.5 3h-2.25v-.75a.75.75 0 0 0-.75-.75.75.75 0 0 0-.75.75V3h-7.5v-.75a.75.75 0 0 0-.75-.75.75.75 0 0 0-.75.75V3H4.5A1.5 1.5 0 0 0 3 4.5v15A1.5 1.5 0 0 0 4.5 21h15a1.5 1.5 0 0 0 1.5-1.5v-15A1.5 1.5 0 0 0 19.5 3M6.75 4.5v.75A.75.75 0 0 0 7.5 6a.75.75 0 0 0 .75-.75V4.5h7.5v.75a.75.75 0 0 0 .75.75.75.75 0 0 0 .75-.75V4.5h2.25v3h-15v-3zm12.75 15h-15V9h15z'/%3E%3C/svg%3E")}.firm-services-list .firm-location i.location-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23c5a063' d='M18.75 21h-4.637a25 25 0 0 0 2.199-2.227c2.573-2.96 3.938-6.08 3.938-9.023A8.25 8.25 0 0 0 12 1.5a8.25 8.25 0 0 0-8.25 8.25c0 2.944 1.36 6.064 3.938 9.023A25 25 0 0 0 9.887 21H5.25a.75.75 0 0 0-.75.75.75.75 0 0 0 .75.75h13.5a.75.75 0 0 0 .75-.75.75.75 0 0 0-.75-.75M5.25 9.75A6.75 6.75 0 0 1 12 3a6.75 6.75 0 0 1 6.75 6.75c0 5.365-5.2 9.844-6.75 11.063-1.55-1.219-6.75-5.697-6.75-11.062zm10.5 0a3.75 3.75 0 0 0-2.315-3.465 3.75 3.75 0 0 0-4.087.813 3.75 3.75 0 0 0-.813 4.087A3.75 3.75 0 0 0 12 13.5a3.75 3.75 0 0 0 3.75-3.75m-6 0a2.25 2.25 0 0 1 1.389-2.079 2.25 2.25 0 0 1 2.452.488 2.25 2.25 0 0 1 .488 2.452A2.25 2.25 0 0 1 12 12a2.25 2.25 0 0 1-2.25-2.25'/%3E%3C/svg%3E")}.review-highlight-rating,.review-highlight-text q{font-size:15px;font-weight:600;line-height:1.5}.review-provider{color:var(--gray);font-size:12px}.review-highlight-text{line-height:normal}.review-highlight-information{display:flex;flex-direction:column;gap:5px}.filter-input-elements .location-label{display:none}.cta-wrapper.firm-wrapper,.service-firm-content-services .firm-content{display:flex;flex-direction:column;justify-content:space-between}.cta-wrapper.firm-wrapper{align-items:flex-start;border:1px solid var(--primary);color:var(--white);gap:30px;padding:25px 35px}.cta-information{max-width:555px}.cta-wrapper h4{font-size:24px;line-height:1.5;margin:0 0 20px}.cta-wrapper a,.provider-helper a,a.cta-link{align-items:center;background:var(--secondary);border-radius:var(--border-radius);color:var(--primary);display:flex;font-size:14px;font-weight:600;height:40px;justify-content:center;width:205px}.cta-wrapper,.provider-helper{background:var(--primary);color:var(--white)}@media (min-width:1025px){.service-firm-content-services{grid-template-columns:calc(54.5% - 40px) 24% 21.5%}.service-firm-content-services.no-review-wrap{grid-template-columns:calc(76% - 20px) 24%}}@media (min-width:768px){.cta-wrapper,.provider-helper{background-image:url(https://assets.goodfirms.co/static/home-bg.svg);background-position:100% 100%;background-repeat:no-repeat}}.provider-helper p{line-height:normal;margin-bottom:20px}.provider-helper h4{font-size:22px;line-height:normal;margin:0 0 15px}.provider-helper{border-radius:var(--border-radius);margin:20px 0;padding:30px}.cta-wrapper a:focus,.cta-wrapper a:hover,.provider-helper a:focus,.provider-helper a:hover,a.cta-link:focus,a.cta-link:hover{background:var(--golden-hover)}.service-directory .footer-frame{gap:20px;padding-bottom:60px}.pagination-wrapper{padding:30px 0 50px}#service-providers .js-firm-row:hover{box-shadow:0 5px 5px 0 rgba(0,0,0,.15)}#service-providers .js-firm-row{cursor:pointer}#service-providers .firm-header-wrapper{width:calc(100% - 430px)}details>summary::-webkit-details-marker,details>summary::marker{content:"";display:none}
.firms-navbar.ai-tab{justify-content: flex-start;align-items: center;gap:20px}
.ai-summary-section{bottom:20px;left:20px;position:fixed;z-index:10}
.ai-summary{display:flex;gap:20px;;position:relative;margin-left: auto;}
.ai-summary::after {content: "";width: 1px;background: var(--gray);height: 20px;margin-top: 5px;}
.ai-summary h4{align-items:center;color:#00174a;display:flex;font-weight:600;gap:8px;margin:0}
.ai-group{display:grid;gap:12px;grid-template-columns:1fr 1fr 1fr 1fr}.ai-group,.ai-group a{height:30px}
.ai-group a:hover svg circle{fill:#bbb}
.firm-why-choice{border-top: 1px solid var(--border-color);padding: 20px 20px 0 20px;display: flex;flex-direction: column;gap: 15px;order: 3;}
.firm-why-choice ul{display: flex;justify-content: space-between;color: var(--gray);flex-direction: column;gap: 15px;}
.firm-why-choice ul li {list-style: none !important;padding-left: 20px;position: relative;}
.firm-why-choice ul > li::before {
background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='8' fill='none'%3E%3Cpath fill='%234AB68B' stroke='%234AB68B' stroke-width='.2' d='M9.622.1c.178 0 .351.067.478.19a.64.64 0 0 1 0 .926l-.069.066-6.084 5.827a.68.68 0 0 1-.477.19.7.7 0 0 1-.478-.19L.3 4.53a.65.65 0 0 1-.2-.463.64.64 0 0 1 .2-.463.68.68 0 0 1 .478-.19.7.7 0 0 1 .478.19l2.214 2.12L9.144.289A.7.7 0 0 1 9.622.1Z'/%3E%3C/svg%3E") 0 4px no-repeat;
width: 11px;content: "";height: 14px;left: 0;position: absolute;top: 3px;}
@media (min-width:768px){.firm-why-choice{margin:20px -20px 0 -20px}}
@media (min-width:1025px){.firm-why-choice ul{flex-direction: row;}.firm-why-choice ul li{width: calc(33.33 - 10px);}}
@media (max-width:1024px){.firms-navbar.ai-tab{justify-content: space-between;gap: 15px;flex-wrap: wrap;align-items: flex-start;}.firms-navbar.ai-tab .firms_count_update{width:100%}.ai-tab .ai-summary{margin-left:0}.ai-tab .ai-summary::after{display:none}}
@media (max-width:767px){.ai-tab .ai-summary{display: grid;gap: 10px;font-size: 14px;}}
@media (max-width:1279px){.filter-inputs{flex-direction:column;gap:10px}}@media (min-width:1180px){.service-directory .filter-section{border:1px solid var(--border-color);border-radius:var(--border-radius);display:block!important;padding:20px}#service-providers .firms-filter{color:var(--gray);position:absolute;right:20px;top:17px}}@media (max-width:1179px){#service-providers .firms-filter{padding-top:20px}.filter-section{background:var(--white);border:none;border-left:1px solid var(--border-color);border-radius:0;bottom:0;height:calc(var(--vh, 1vh)*100);position:fixed;right:0;top:0;width:360px;z-index:100}.directory-list h2{border-top:0;padding-right:0}.list-header{align-items:flex-start;border-top:0;flex-direction:column;gap:20px}#filter{display:none;padding:0}#filter:before{background-color:#0000001a;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.filter-input-elements,.filter-input-elements-wrap{flex-direction:column;gap:0}.filter-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;height:60px;justify-content:space-between;padding:0 20px}.filter-header a{color:var(--blue);font-size:12px}.filter-header a:hover{color:var(--blue-hover)}.back-filter{cursor:pointer;height:20px;position:relative;width:20px}.back-filter:after,.back-filter:before{border:2px solid var(--primary);border-bottom:0;border-left:0;content:"";height:7px;position:absolute;right:0;top:6px;-ms-transform:rotate(135deg);-webkit-transform:rotate(-135deg);transform:rotate(-135deg);width:7px}.back-filter:after{right:10px;top:6px;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.filter-selection-header{display:none}.list-header h2{order:1}.firms-filter{align-items:center;display:flex;justify-content:space-between;order:0;width:100%}.show-filter{content-visibility:visible;display:block}.filter-inputs{flex-direction:column;gap:0;height:100%;justify-content:flex-start}.filter-section .filter-input{border-bottom:1px solid var(--border-color);padding:12px 20px}.filter-section .filter-selection{border:none;font-size:14px!important;padding:0;width:100%!important}.filter-section .filter-input button.filter-selection.selected,.filter-section .filter-input.open button.filter-selection{border:none}.filter-section .filter-input ul{border:none;box-shadow:none;padding:5px 0 15px;position:static;width:100%!important;z-index:0}.find-location-wrapper:before{left:30px;top:20px}input.live-location{width:100%}.location-label{font-size:14px;padding:5px 20px 0}.searched-locations{left:20px;top:43px;width:calc(100% - 40px)}.fixWidth.searched-locations{width:220px}.location-action.close{right:26px;top:23px}.location-action.spin{right:30px;top:15px}.filter-input input.cate-filter,.filter-input input.industry-filter,.filter-input input.location-filter{width:calc(100% - 10px)}.filter-input-ul li:first-child:before{right:15px}.filter-input ul li label.checked{background:#fdf6e9;border-radius:var(--border-radius)}.filter-input-action{margin-top:auto;padding:20px}.filter-input-elements-wrap{height:calc(100% - 60px)}.filter-input-elements{height:inherit;overflow-y:auto}.location-label{display:none}.filter-input-elements .location-label{display:block;max-width:325px;padding-right:0}.service-filter .filter-selection-results-clear{display:none}.filter-selected{color:var(--gray);display:flex;font-size:10px;margin-left:auto;margin-right:10px}}@media (max-width:1024px){.cta-wrapper h4,.provider-helper h4{font-size:20px}.cta-wrapper.firm-wrapper{align-items:normal;flex-direction:column;padding:20px 30px 25px}.no-directory-list h3{margin:0}.firm-services-list{border:0;flex-direction:row;flex-wrap:wrap;padding:0}.visit-profile.transBG-link{padding:initial;width:120px}.firm-urls a.list-blue-link{padding:initial;width:140px}#service-providers .firm-header-wrapper{width:calc(100% - 300px)}}@media (max-width:767px){.call-to-action-banner{contain-intrinsic-size:auto 247px;content-visibility:auto}.provider-helper{contain-intrinsic-size:auto 180px;content-visibility:auto}.service-directory #listTab{display:flex;padding-top:15px}.m-head-content-more .read-more-intro{padding-top:0}.service-directory #listTab ul{display:none}.listing-tabs{position:static}#service-providers .firm-header-wrapper{width:100%}#service-providers .firm-rating{flex-wrap:wrap}.service-firm-content-services{padding:0 15px}.firm-urls a.list-blue-link,.visit-profile.transBG-link{font-size:14px;width:50%}.filter-section{width:100%}.cta-wrapper h4,.provider-helper h4{font-size:16px;line-height:inherit}.cta-wrapper.firm-wrapper,.provider-helper{padding:20px 25px 25px}.cta-information p,.provider-helper p{line-height:inherit}.firm-services-list{order:0}.service-firm-content-services .firm-content{gap:10px;order:1}.review-highlight-information{order:2}.firm-wrapper-item{display:flex;flex-direction:column;gap:20px;padding-bottom:15px}.firm-urls{margin:0 15px;order:2}.service-firm-content-services{order:1}#service-providers .firm-header-wrapper{padding:15px 15px 0}}@media (max-width:580px){.cta-wrapper h4{margin-bottom:10px}.cta-wrapper.firm-wrapper{gap:0}}@media (max-width:480px){#service-providers .rating-star-container-base+.bar{display:inline-block}.firm-urls{gap:15px}.filter-selection{width:130px}}

/* ============================================================
 * "Using AI Tools" chip strip on directory firm cards
 * ----------------------------------------------------------
 * Verbatim port of production CSS the dev provided 2026-05-07.
 * Renders between the firm header and the service grid; 5 chips
 * visible by default + "+N More" overflow chip with tooltip listing
 * the remaining tool names.
 *
 * New-system-only feature — does not exist in `legacy/.../resources/views/`.
 * ============================================================ */

.firm-ai-tool-wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 75px 10px;
}
.firm-ai-tool-lable {
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}
.ai-tools-label {
  font-weight: 700;
  font-size: 14px;
  color: var(--gray);
  margin: 0;
}
.ai-tool-box {
  border: 1px solid var(--border-color);
  border-radius: 16px;
  padding: 5px 8px;
}
.ai-tool-inner-box {
  display: flex;
  gap: 5px;
  align-items: center;
}
.aitool-box-title {
  font-weight: 400;
  font-size: 12px;
  color: var(--gray);
}
.aitool-box-title .custom_tooltip__container {
  padding: 10px;
  top: -30px;
  line-height: 1.3;
}

@media (max-width: 1024px) {
  .firm-ai-tool-wrapper {
    padding: 0 0 10px;
  }
}
@media (max-width: 767px) {
  .firm-ai-tool-wrapper {
    padding: 0 15px;
    flex-direction: column;
    align-items: unset;
  }
}