/* Directory */ #ch-mcp-solutions-directory-list {display: grid; grid-template-columns: repeat(auto-fit, minmax(270px, 1fr)); margin-top: 16px; column-gap: 16px; row-gap: 24px;} .ch-mcp-solutions-directory-item-image {aspect-ratio: 1; object-fit: cover; width: 100%;} .ch-mcp-solutions-directory-item-content {padding: 24px; position: relative;} .ch-mcp-solutions-directory-item-title {margin-bottom: 8px !important; text-decoration: underline;} .ch-mcp-solutions-directory-item-excerpt p {margin-bottom: 24px;} /* Badges */ .ch-mcp-solutions-badge-wrap {display: flex; align-items: center;gap: 20px;} .ch-mcp-solutions-badge {display: flex; flex-direction: row; flex-wrap: nowrap; gap: 8px; align-items: center; padding: 0 16px; height: 32px; background: #50C47629; border-radius: 100px; color: #006836;} .ch-mcp-solutions-badge img {width: 16px;} .ch-mcp-solutions-badge-popover-explanation {font-weight: 300; font-style: italic; text-decoration: underline; cursor: pointer; color: var(--ch-link-color);} /* Specialties */ .ch-mcp-solutions-item-specialties {position: absolute; top: -48px; left: 16px; --ch-mcp-solution-specialty-color: #fff; --ch-mcp-solution-specialty-background: #08080829;} .ch-mcp-solutions-item-specialties.ch-mcp-specialties-white-overlay {--ch-mcp-solution-specialty-color: #595959; --ch-mcp-solution-specialty-background: #FFFFFFCC;} .ch-mcp-solutions-item-specialty {display: flex; align-items: center; gap: 8px; height: 32px; padding: 0px 16px; background: var(--ch-mcp-solution-specialty-background); backdrop-filter: blur(8px);border-radius: 100px; color: var(--ch-mcp-solution-specialty-color);} .ch-mcp-solution-specialty-4:before { mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 4V2H5V4H1V14H15V4H11ZM6 3H10V4H6V3ZM5 5H14V6.61807L8.93311 8H7.0669L2 6.61807V5H5ZM2 13V7.65466L6.86841 8.98242L9.06689 9L14 7.65466V13H2Z' fill='%23595959'/%3E%3C/svg%3E"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 4V2H5V4H1V14H15V4H11ZM6 3H10V4H6V3ZM5 5H14V6.61807L8.93311 8H7.0669L2 6.61807V5H5ZM2 13V7.65466L6.86841 8.98242L9.06689 9L14 7.65466V13H2Z' fill='%23595959'/%3E%3C/svg%3E"); content: ""; display: block; width: 16px; height: 16px; background: var(--ch-mcp-solution-specialty-color); } .ch-mcp-solution-specialty-7:before { mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 8.5C2.70333 8.5 2.41332 8.41203 2.16665 8.2472C1.91997 8.08238 1.72771 7.84811 1.61418 7.57403C1.50065 7.29994 1.47094 6.99834 1.52882 6.70736C1.5867 6.41639 1.72956 6.14912 1.93934 5.93934C2.14912 5.72956 2.41639 5.5867 2.70737 5.52882C2.99834 5.47094 3.29994 5.50065 3.57403 5.61418C3.84811 5.72771 4.08238 5.91997 4.24721 6.16664C4.41203 6.41332 4.5 6.70333 4.5 7C4.5 7.39782 4.34197 7.77936 4.06066 8.06066C3.77936 8.34196 3.39783 8.5 3 8.5ZM3 6.5C2.90111 6.5 2.80444 6.52932 2.72222 6.58427C2.63999 6.63921 2.5759 6.7173 2.53806 6.80866C2.50022 6.90002 2.49032 7.00055 2.50961 7.09755C2.5289 7.19454 2.57652 7.28363 2.64645 7.35355C2.71637 7.42348 2.80547 7.4711 2.90246 7.49039C2.99945 7.50969 3.09998 7.49978 3.19134 7.46194C3.28271 7.4241 3.36079 7.36001 3.41574 7.27779C3.47068 7.19556 3.5 7.09889 3.5 7C3.5 6.86739 3.44732 6.74021 3.35355 6.64645C3.25979 6.55268 3.13261 6.5 3 6.5Z' fill='white'/%3E%3Cpath d='M9.5 9V11C9.5 11.7956 9.18393 12.5587 8.62132 13.1213C8.05871 13.6839 7.29565 14 6.5 14C5.70435 14 4.94129 13.6839 4.37868 13.1213C3.81607 12.5587 3.5 11.7956 3.5 11V9.525H2.5V11C2.5 12.0609 2.92143 13.0783 3.67157 13.8284C4.42172 14.5786 5.43913 15 6.5 15C7.56087 15 8.57828 14.5786 9.32843 13.8284C10.0786 13.0783 10.5 12.0609 10.5 11V9H9.5Z' fill='white'/%3E%3Cpath d='M12.5 1V2H13.5V5.5C13.5 6.42826 13.1313 7.3185 12.4749 7.97487C11.8185 8.63125 10.9283 9 10 9C9.07174 9 8.1815 8.63125 7.52513 7.97487C6.86875 7.3185 6.5 6.42826 6.5 5.5V2H7.5V1H5.5V5.5C5.5 6.69347 5.97411 7.83807 6.81802 8.68198C7.66193 9.52589 8.80653 10 10 10C11.1935 10 12.3381 9.52589 13.182 8.68198C14.0259 7.83807 14.5 6.69347 14.5 5.5V1H12.5Z' fill='white'/%3E%3C/svg%3E%0A"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 8.5C2.70333 8.5 2.41332 8.41203 2.16665 8.2472C1.91997 8.08238 1.72771 7.84811 1.61418 7.57403C1.50065 7.29994 1.47094 6.99834 1.52882 6.70736C1.5867 6.41639 1.72956 6.14912 1.93934 5.93934C2.14912 5.72956 2.41639 5.5867 2.70737 5.52882C2.99834 5.47094 3.29994 5.50065 3.57403 5.61418C3.84811 5.72771 4.08238 5.91997 4.24721 6.16664C4.41203 6.41332 4.5 6.70333 4.5 7C4.5 7.39782 4.34197 7.77936 4.06066 8.06066C3.77936 8.34196 3.39783 8.5 3 8.5ZM3 6.5C2.90111 6.5 2.80444 6.52932 2.72222 6.58427C2.63999 6.63921 2.5759 6.7173 2.53806 6.80866C2.50022 6.90002 2.49032 7.00055 2.50961 7.09755C2.5289 7.19454 2.57652 7.28363 2.64645 7.35355C2.71637 7.42348 2.80547 7.4711 2.90246 7.49039C2.99945 7.50969 3.09998 7.49978 3.19134 7.46194C3.28271 7.4241 3.36079 7.36001 3.41574 7.27779C3.47068 7.19556 3.5 7.09889 3.5 7C3.5 6.86739 3.44732 6.74021 3.35355 6.64645C3.25979 6.55268 3.13261 6.5 3 6.5Z' fill='white'/%3E%3Cpath d='M9.5 9V11C9.5 11.7956 9.18393 12.5587 8.62132 13.1213C8.05871 13.6839 7.29565 14 6.5 14C5.70435 14 4.94129 13.6839 4.37868 13.1213C3.81607 12.5587 3.5 11.7956 3.5 11V9.525H2.5V11C2.5 12.0609 2.92143 13.0783 3.67157 13.8284C4.42172 14.5786 5.43913 15 6.5 15C7.56087 15 8.57828 14.5786 9.32843 13.8284C10.0786 13.0783 10.5 12.0609 10.5 11V9H9.5Z' fill='white'/%3E%3Cpath d='M12.5 1V2H13.5V5.5C13.5 6.42826 13.1313 7.3185 12.4749 7.97487C11.8185 8.63125 10.9283 9 10 9C9.07174 9 8.1815 8.63125 7.52513 7.97487C6.86875 7.3185 6.5 6.42826 6.5 5.5V2H7.5V1H5.5V5.5C5.5 6.69347 5.97411 7.83807 6.81802 8.68198C7.66193 9.52589 8.80653 10 10 10C11.1935 10 12.3381 9.52589 13.182 8.68198C14.0259 7.83807 14.5 6.69347 14.5 5.5V1H12.5Z' fill='white'/%3E%3C/svg%3E%0A");; content: ""; display: block; width: 16px; height: 16px; background: var(--ch-mcp-solution-specialty-color); } /* Single solution template */ body.single-listing ol.ch-breadcrumb {display: block !important; margin-bottom: 24px !important;} .ch-mcp-solutions-listing-header {display: flex; align-items: center; justify-content: space-between;} .ch-mcp-solutions-listing-banner {position: relative;} .ch-mcp-solutions-listing-banner-image {aspect-ratio: 1; object-fit: cover; width: 100%;} .single-listing .ch-mcp-solutions-item-specialties {left: 16px; top: 16px;} .single-listing .ch-mcp-solutions-badges {padding-top: 32px; padding-bottom: 32px; border-bottom: 1px solid #F4F4F4; } .single-listing .ch-mcp-solutions-badge-wrap {gap: 8px; flex-direction: column; align-items: flex-start;} .single-listing .ch-mcp-solutions-listing-content {font-size: 24px; line-height: 32px; margin-top: 32px;} .single-listing .ch-mcp-solutions-listing-form-heading {font-weight: 300; font-size: 24px; line-height: 32px; margin-bottom: 24px;} .ch-mcp-solutions-listing-header {margin-bottom: 32px;} .ch-mcp-solutions-listing-header h1 {margin-bottom: 0px;} .ch-mcp-solutions-listing-columns {display: flex; justify-content: space-between; gap: 24px;} .ch-mcp-solutions-listing-column-content {flex-basis:636px; flex-grow: 0; max-width: 636px;} .ch-mcp-solutions-listing-column-form {flex-basis:416px; flex-grow: 0; max-width: 416px;} .single-listing .ch-mcp-solutions-listing-share {position: relative;} .single-listing .share-collaspe-container {position: absolute; right: calc(100% + 12px); padding: 0px; top: -4px; border-radius: 8px; background: var(--ch-mcp-solution-specialty-background); backdrop-filter: blur(8px);} .single-listing .ch-social-share, .single-listing .social-share {margin: 0px !important;} a.btn.ch-mcp-solutions-listing-form-open {border: 1px solid var(--ch-link-color); display: none;} @media (max-width: 904px) { .ch-mcp-solutions-listing-header {flex-wrap: wrap; justify-content: flex-start; gap: 40px;} .ch-mcp-solutions-listing-header h1 {flex-basis: 100%; flex-shrink: 0;} .ch-mcp-solutions-listing-columns {flex-direction: column;} .ch-mcp-solutions-listing-column-content {padding-bottom: 22px; border-bottom: 1px solid #F4F4F4;} .ch-mcp-solutions-listing-banner-image {aspect-ratio: var(--mobile-cover-aspect-ratio); margin-left: calc( -100vw / 2 + 100% / 2 ); margin-right: calc( -100vw / 2 + 100% / 2 ); max-width: 100vw; width: auto;} a.btn.ch-mcp-solutions-listing-form-open {display: block;} .single-listing .share-collaspe-container {right: -9px; top: -51px; padding: 0;} .single-listing .ch-social-share a.service {width: 36px; height: 36px;} } /* HubSpot Form Styles */ div.hbspt-form * {font-family: "mayo-sans";font-size: var(--step-0) !important;} div.hbspt-form form, div.hbspt-form fieldset, div.hbspt-form div.input {width: unset;max-width: 100% !important;padding: unset;margin: unset; display: flex;gap: var(--space-xs);align-self: stretch;flex-grow: 1;border: unset;} div.hbspt-form form {flex-direction: column;row-gap:var(--space-2xs)} div.hbspt-form .form-columns-2, div.hbspt-form .form-columns-3 {flex-direction: column;row-gap: 0px;} div.hbspt-form .hs-form-field:has(> div.input), div.hbspt-form .hs-form-field div.input:not(:has(input[type="checkbox"])):not(:has(input[type="radio"])) * { flex-grow: 1; } div.hbspt-form [type="text"], div.hbspt-form .hs-form-field {width: 100% !important;min-width: 100% !important;} div.hbspt-form input, div.hbspt-form textarea, div.hbspt-form select {height: 45px;padding: var(--space-3xs);border: 1px solid #b5b5b5;border-radius: 4px;background-color: #ffffff;line-height: 1;} div.hbspt-form label {padding-bottom: var(--space-3xs);font-weight: normal;} div.hbspt-form .hbspt-form-field {padding-bottom: var(--space-2xs);} div.hbspt-form .inputs-list {display: flex;flex-direction: column;gap: 0;justify-items: flex-start;list-style-type: none;} div.hbspt-form .inputs-list li label {padding: unset;display: flex;gap: var(--space-3xs);align-items: center;line-height: 1.2;font-weight: normal;margin-top: 12px;} div.hbspt-form [type="checkbox"] {-webkit-appearance: none;appearance: none;display: grid;place-content: center;height: 20px !important;width: 20px !important;border: 1px solid #b5b5b5;background-color: #ffffff;border-radius: 6px;} div.hbspt-form [type="checkbox"]:checked {background-color: var(--primary);border-color: var(--primary);} div.hbspt-form [type="checkbox"]:checked::after { content: ""; width: 20px; height: 20px; background-image: url('data:image/svg+xml,'); background-size: 12px; background-position: center; background-repeat: no-repeat; } div.hbspt-form label, div.hbspt-form ::placeholder {color: #373737;} div.hbspt-form input[type="submit"] {height: auto;padding: var(--space-2xs) var(--space-m);border: 2px solid var(--primary);border-radius: 50px;background-color: var(--primary);color: var(--white);transition: all ease-in-out 0.12s;} div.hbspt-form input[type="submit"]:hover {background-color: var(--white);border-color: var(--text-black);color: var(--text);} div.hbspt-form .cookie-reset-container, div.hbspt-form .cookie-reset-container a {font-size: var(--step-0);} div.hbspt-form .cookie-reset-container a {text-decoration: underline;}