
/* /b2b_seo_geo/static/src/scss/solution_pages.scss */
 .b2b-solution-page .b2b-sol-hero, .b2b-solutions-index .b2b-sol-hero{background: linear-gradient(135deg, color-mix(in srgb, var(--o-color-1, #3b6b9c) 12%, #fff), #fff 60%); border-bottom: 1px solid color-mix(in srgb, var(--o-color-1, #3b6b9c) 25%, #fff);}.b2b-solution-page .b2b-sol-hero, .b2b-solutions-index .b2b-sol-hero{position: relative; overflow: hidden;}.b2b-solution-page .b2b-sol-hero-bg, .b2b-solutions-index .b2b-sol-hero-bg{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0;}.b2b-solution-page .b2b-sol-hero.has-bg, .b2b-solutions-index .b2b-sol-hero.has-bg{background: #1d2630; color: #fff;}.b2b-solution-page .b2b-sol-hero.has-bg::before, .b2b-solutions-index .b2b-sol-hero.has-bg::before{content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg, rgba(14, 22, 32, 0.88) 0%, rgba(14, 22, 32, 0.62) 55%, rgba(14, 22, 32, 0.25) 100%);}.b2b-solution-page .b2b-sol-hero.has-bg .container, .b2b-solution-page .b2b-sol-hero.has-bg .o_container_small, .b2b-solutions-index .b2b-sol-hero.has-bg .container, .b2b-solutions-index .b2b-sol-hero.has-bg .o_container_small{z-index: 2;}.b2b-solution-page .b2b-sol-hero.has-bg h1, .b2b-solution-page .b2b-sol-hero.has-bg .h1, .b2b-solution-page .b2b-sol-hero.has-bg .lead, .b2b-solution-page .b2b-sol-hero.has-bg nav, .b2b-solution-page .b2b-sol-hero.has-bg nav a, .b2b-solutions-index .b2b-sol-hero.has-bg h1, .b2b-solutions-index .b2b-sol-hero.has-bg .h1, .b2b-solutions-index .b2b-sol-hero.has-bg .lead, .b2b-solutions-index .b2b-sol-hero.has-bg nav, .b2b-solutions-index .b2b-sol-hero.has-bg nav a{color: #fff;}.b2b-solution-page .b2b-sol-hero.has-bg .btn-outline-secondary, .b2b-solution-page .b2b-sol-hero.has-bg .btn-secondary, .b2b-solutions-index .b2b-sol-hero.has-bg .btn-outline-secondary, .b2b-solutions-index .b2b-sol-hero.has-bg .btn-secondary{color: #fff; border-color: rgba(255, 255, 255, 0.7);}.b2b-solution-page .b2b-sol-hero.has-bg .btn-outline-secondary:hover, .b2b-solution-page .b2b-sol-hero.has-bg .btn-secondary:hover, .b2b-solutions-index .b2b-sol-hero.has-bg .btn-outline-secondary:hover, .b2b-solutions-index .b2b-sol-hero.has-bg .btn-secondary:hover{background: #fff; color: #1d2630;}.b2b-solution-page .b2b-sol-hero.has-bg .b2b-sol-kpi, .b2b-solutions-index .b2b-sol-hero.has-bg .b2b-sol-kpi{background: rgba(255, 255, 255, 0.95); color: #1d2630;}.b2b-solution-page .b2b-sol-wave, .b2b-solutions-index .b2b-sol-wave{position: absolute; left: 0; bottom: -1px; width: 100%; height: 38px; fill: #fff; z-index: 3; display: block;}.b2b-solution-page .b2b-sol-hero .container, .b2b-solution-page .b2b-sol-hero .o_container_small, .b2b-solutions-index .b2b-sol-hero .container, .b2b-solutions-index .b2b-sol-hero .o_container_small{padding-bottom: 3.5rem !important;}.b2b-solution-page .b2b-sol-band, .b2b-solutions-index .b2b-sol-band{height: 240px; margin: 2.5rem 0; border-radius: .75rem; background-size: cover; background-position: center; background-attachment: fixed; background-image: var(--bg-sm);}@media (min-width: 768px){.b2b-solution-page .b2b-sol-band, .b2b-solutions-index .b2b-sol-band{background-image: var(--bg-lg);}}@media (max-width: 991.98px), (prefers-reduced-motion: reduce){.b2b-solution-page .b2b-sol-band, .b2b-solutions-index .b2b-sol-band{background-attachment: scroll; height: 160px;}}.b2b-solution-page .b2b-sol-kpi, .b2b-solutions-index .b2b-sol-kpi{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; padding: .5rem 1rem; background: #fff; border-left: 3px solid var(--o-color-1, #3b6b9c); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);}.b2b-solution-page .b2b-sol-kpi-value, .b2b-solutions-index .b2b-sol-kpi-value{font-size: 1.6rem; font-weight: 700; line-height: 1.1;}.b2b-solution-page .b2b-sol-kpi-label, .b2b-solutions-index .b2b-sol-kpi-label{font-size: .8rem; color: #6c757d;}.b2b-solution-page .b2b-sol-collage, .b2b-solutions-index .b2b-sol-collage{display: grid; grid-template-columns: 2fr 1fr; grid-template-rows: repeat(3, 1fr); gap: .75rem; aspect-ratio: 1.25 / 1;}.b2b-solution-page .b2b-sol-collage-item, .b2b-solutions-index .b2b-sol-collage-item{background: #fff; border-radius: .5rem; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);}.b2b-solution-page .b2b-sol-collage-item img, .b2b-solutions-index .b2b-sol-collage-item img{width: 100%; height: 100%; object-fit: contain; padding: .5rem;}.b2b-solution-page .b2b-sol-collage-0, .b2b-solutions-index .b2b-sol-collage-0{grid-row: 1 / 4;}.b2b-solution-page .b2b-sol-type, .b2b-solutions-index .b2b-sol-type{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; gap: .75rem; padding: .6rem .75rem; height: 100%; border: 1px solid #e3e6ea; border-radius: .5rem; text-decoration: none; color: inherit; background: #fff; transition: box-shadow .15s, border-color .15s;}.b2b-solution-page .b2b-sol-type:hover, .b2b-solutions-index .b2b-sol-type:hover{border-color: var(--o-color-1, #3b6b9c); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);}.b2b-solution-page .b2b-sol-type-img, .b2b-solutions-index .b2b-sol-type-img{flex: 0 0 56px; height: 56px; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; background: #f6f7f9; border-radius: .4rem; overflow: hidden; color: #adb5bd;}.b2b-solution-page .b2b-sol-type-img img, .b2b-solutions-index .b2b-sol-type-img img{width: 100%; height: 100%; object-fit: contain;}.b2b-solution-page .b2b-sol-type-name, .b2b-solutions-index .b2b-sol-type-name{flex: 1; font-weight: 600;}.b2b-solution-page .b2b-solution-body, .b2b-solutions-index .b2b-solution-body{max-width: 60rem;}.b2b-solution-page .b2b-solution-body h2, .b2b-solution-page .b2b-solution-body .h2, .b2b-solutions-index .b2b-solution-body h2, .b2b-solutions-index .b2b-solution-body .h2{font-size: 1.5rem; margin: 2.25rem 0 1rem; padding-left: .75rem; border-left: 4px solid var(--o-color-1, #3b6b9c);}.b2b-solution-page .b2b-solution-body ol, .b2b-solutions-index .b2b-solution-body ol{list-style: none; counter-reset: step; padding: 0;}.b2b-solution-page .b2b-solution-body ol > li, .b2b-solutions-index .b2b-solution-body ol > li{counter-increment: step; position: relative; padding: .85rem 1rem .85rem 3.5rem; margin-bottom: .6rem; background: #f8f9fa; border-radius: .5rem;}.b2b-solution-page .b2b-solution-body ol > li::before, .b2b-solutions-index .b2b-solution-body ol > li::before{content: counter(step); position: absolute; left: .85rem; top: .8rem; width: 1.9rem; height: 1.9rem; border-radius: 50%; background: var(--o-color-1, #3b6b9c); color: #fff; font-weight: 700; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center;}.b2b-solution-page .b2b-solution-body ul, .b2b-solutions-index .b2b-solution-body ul{list-style: none; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); gap: .6rem;}.b2b-solution-page .b2b-solution-body ul > li, .b2b-solutions-index .b2b-solution-body ul > li{padding: .75rem 1rem; border: 1px solid #e3e6ea; border-radius: .5rem; background: #fff;}.b2b-solution-page .b2b-sol-video-frame, .b2b-solutions-index .b2b-sol-video-frame{position: relative; display: block; aspect-ratio: 16 / 9; background: #000; border-radius: .5rem; overflow: hidden;}.b2b-solution-page .b2b-sol-video-frame img, .b2b-solution-page .b2b-sol-video-frame iframe, .b2b-solutions-index .b2b-sol-video-frame img, .b2b-solutions-index .b2b-sol-video-frame iframe{width: 100%; height: 100%; object-fit: cover; border: 0; display: block;}.b2b-solution-page .b2b-sol-video-play, .b2b-solutions-index .b2b-sol-video-play{position: absolute; inset: 0; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center;}.b2b-solution-page .b2b-sol-video-play i, .b2b-solutions-index .b2b-sol-video-play i{width: 4.2rem; height: 4.2rem; border-radius: 50%; background: rgba(0, 0, 0, 0.65); color: #fff; font-size: 1.6rem; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; padding-left: .3rem; transition: transform .15s, background .15s;}.b2b-solution-page .b2b-sol-video-frame:hover .b2b-sol-video-play i, .b2b-solutions-index .b2b-sol-video-frame:hover .b2b-sol-video-play i{transform: scale(1.1); background: var(--o-color-1, #3b6b9c);}.b2b-solution-page .b2b-sol-product, .b2b-solutions-index .b2b-sol-product{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: .25rem; height: 100%; padding: .6rem; text-decoration: none; color: inherit; border: 1px solid #e3e6ea; border-radius: .5rem; background: #fff; transition: box-shadow .15s;}.b2b-solution-page .b2b-sol-product:hover, .b2b-solutions-index .b2b-sol-product:hover{box-shadow: 0 3px 12px rgba(0, 0, 0, 0.1);}.b2b-solution-page .b2b-sol-product-img, .b2b-solutions-index .b2b-sol-product-img{aspect-ratio: 1; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; background: #fff;}.b2b-solution-page .b2b-sol-product-img img, .b2b-solutions-index .b2b-sol-product-img img{max-width: 100%; max-height: 100%; object-fit: contain;}.b2b-solution-page .b2b-sol-product-name, .b2b-solutions-index .b2b-sol-product-name{font-weight: 600; font-size: .9rem; line-height: 1.25;}.b2b-solution-page .b2b-sol-make, .b2b-solutions-index .b2b-sol-make{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; min-width: 8rem; height: 4.5rem; padding: .5rem 1rem; border: 1px solid #e3e6ea; border-radius: .5rem; background: #fff; text-decoration: none; font-weight: 600; color: inherit;}.b2b-solution-page .b2b-sol-make img, .b2b-solutions-index .b2b-sol-make img{max-height: 40px; max-width: 140px; object-fit: contain;}.b2b-solution-page .b2b-sol-make:hover, .b2b-solutions-index .b2b-sol-make:hover{border-color: var(--o-color-1, #3b6b9c);}.b2b-solution-page .b2b-sol-cta, .b2b-solutions-index .b2b-sol-cta{padding: 3.5rem 1.5rem; border-radius: .75rem; color: #fff; background: linear-gradient(135deg, var(--o-color-1, #3b6b9c), #1f2d3d); background-size: cover; background-position: center;}.b2b-solution-page .b2b-sol-cta.has-bg, .b2b-solutions-index .b2b-sol-cta.has-bg{background-image: var(--bg-sm);}@media (min-width: 768px){.b2b-solution-page .b2b-sol-cta.has-bg, .b2b-solutions-index .b2b-sol-cta.has-bg{background-image: var(--bg-lg);}}.b2b-solution-page .b2b-sol-cta.has-bg, .b2b-solutions-index .b2b-sol-cta.has-bg{position: relative; overflow: hidden;}.b2b-solution-page .b2b-sol-cta.has-bg::before, .b2b-solutions-index .b2b-sol-cta.has-bg::before{content: ""; position: absolute; inset: 0; background: linear-gradient(135deg, rgba(14, 22, 32, 0.82), rgba(14, 22, 32, 0.6));}.b2b-solution-page .b2b-sol-cta.has-bg > *, .b2b-solutions-index .b2b-sol-cta.has-bg > *{position: relative;}.b2b-solution-page .b2b-sol-index-card, .b2b-solutions-index .b2b-sol-index-card{display: block; height: 100%; text-decoration: none; color: inherit; border: 1px solid #e3e6ea; border-radius: .6rem; overflow: hidden; background: #fff; transition: box-shadow .15s;}.b2b-solution-page .b2b-sol-index-card:hover, .b2b-solutions-index .b2b-sol-index-card:hover{box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);}.b2b-solution-page .b2b-sol-index-photo, .b2b-solutions-index .b2b-sol-index-photo{padding: 0 !important; object-fit: cover !important;}.b2b-solution-page .b2b-sol-index-media, .b2b-solutions-index .b2b-sol-index-media{aspect-ratio: 4 / 3; background: #f6f7f9; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center;}.b2b-solution-page .b2b-sol-index-media img, .b2b-solutions-index .b2b-sol-index-media img{width: 100%; height: 100%; object-fit: contain; padding: .75rem;}.b2b-solution-page.js-reveal .b2b-sol-band:not(.is-visible), .b2b-solution-page.js-reveal .b2b-sol-cta.has-bg:not(.is-visible), .b2b-solutions-index.js-reveal .b2b-sol-band:not(.is-visible), .b2b-solutions-index.js-reveal .b2b-sol-cta.has-bg:not(.is-visible){background-image: none !important;}.b2b-solution-page.js-reveal .b2b-reveal, .b2b-solutions-index.js-reveal .b2b-reveal{opacity: 0; transform: translateY(24px); transition: opacity .6s ease, transform .6s ease;}.b2b-solution-page.js-reveal .b2b-reveal.is-visible, .b2b-solutions-index.js-reveal .b2b-reveal.is-visible{opacity: 1; transform: none;}.b2b-solution-page .b2b-sol-hero .container, .b2b-solution-page .b2b-sol-hero .o_container_small, .b2b-solutions-index .b2b-sol-hero .container, .b2b-solutions-index .b2b-sol-hero .o_container_small{animation: b2b-sol-fade .8s ease both;}.b2b-solution-page .b2b-sol-collage-item img, .b2b-solution-page .b2b-sol-product-img img, .b2b-solutions-index .b2b-sol-collage-item img, .b2b-solutions-index .b2b-sol-product-img img{transition: transform .35s ease;}.b2b-solution-page .b2b-sol-collage-item:hover img, .b2b-solution-page .b2b-sol-product:hover .b2b-sol-product-img img, .b2b-solutions-index .b2b-sol-collage-item:hover img, .b2b-solutions-index .b2b-sol-product:hover .b2b-sol-product-img img{transform: scale(1.06);}.b2b-solution-page .b2b-sol-type:hover, .b2b-solution-page .b2b-sol-product:hover, .b2b-solution-page .b2b-sol-index-card:hover, .b2b-solutions-index .b2b-sol-type:hover, .b2b-solutions-index .b2b-sol-product:hover, .b2b-solutions-index .b2b-sol-index-card:hover{transform: translateY(-3px);}.b2b-solution-page .b2b-sol-type, .b2b-solution-page .b2b-sol-product, .b2b-solution-page .b2b-sol-index-card, .b2b-solutions-index .b2b-sol-type, .b2b-solutions-index .b2b-sol-product, .b2b-solutions-index .b2b-sol-index-card{transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;}.b2b-solution-page .b2b-solution-body ol > li, .b2b-solutions-index .b2b-solution-body ol > li{transition: transform .2s ease, background .2s ease;}.b2b-solution-page .b2b-solution-body ol > li:hover, .b2b-solutions-index .b2b-solution-body ol > li:hover{transform: translateX(4px); background: #eef2f6;}@media (prefers-reduced-motion: reduce){.b2b-solution-page.js-reveal .b2b-reveal, .b2b-solutions-index.js-reveal .b2b-reveal{opacity: 1; transform: none; transition: none;}.b2b-solution-page .b2b-sol-hero .container, .b2b-solution-page .b2b-sol-hero .o_container_small, .b2b-solutions-index .b2b-sol-hero .container, .b2b-solutions-index .b2b-sol-hero .o_container_small{animation: none;}.b2b-solution-page *, .b2b-solutions-index *{transition: none !important;}}@keyframes b2b-sol-fade{from{opacity: 0; transform: translateY(12px);}to{opacity: 1; transform: none;}}