@font-face{font-family:"degular-display-semibold";src:url(https://www.fluiditconsulting.co.uk/wp-content/themes/hello-elementor-child/assets/fonts/DegularDisplayDemo-Semibold.otf) format("opentype");font-weight:600;font-style:normal}.interactive-route-map *{box-sizing:border-box}.interactive-route-map{margin:0;max-width:1650px;margin:0 auto}.interactive-route-map .cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:70px}.interactive-route-map .card{min-height:176px;padding:20px;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;gap:27px;transition:transform .5s ease-in-out,opacity .5s ease-in-out}.interactive-route-map .card.is-active{opacity:1!important;filter:none!important}.interactive-route-map .cards.has-active .card:not(.is-active){opacity:.3}.interactive-route-map .card-top{display:flex;align-items:flex-start;gap:20px}.interactive-route-map .card-icon{width:62px;height:62px;flex:0 0 62px;display:flex;align-items:center;justify-content:center}.interactive-route-map .card-icon svg{width:100%;height:100%;display:block;overflow:visible}.interactive-route-map .card-copy{padding-top:1px;max-width:300px}.interactive-route-map .card-title{font-family:"degular-display-semibold",Sans-serif;margin:0;font-size:24px;line-height:108%;font-weight:600;letter-spacing:0}.interactive-route-map .card-cta{font-family:"degular-display",Sans-serif;font-size:17.28px;line-height:1;font-weight:500;opacity:1;letter-spacing:5%}.interactive-route-map .card-cta::after{content:" →"}.interactive-route-map .green{background:#18A19A}.interactive-route-map .orange{background:#F29219}.interactive-route-map .pink{background:#F34173}.interactive-route-map .purple{background:#9268B7}.interactive-route-map .map{position:relative}.interactive-route-map .map>.base-svg,.interactive-route-map .route-layer svg{width:95%;max-width:none;height:auto;display:block;margin:0 auto}.interactive-route-map .map>.base-svg{transition:opacity .5s ease-in-out,filter .5s ease-in-out}.interactive-route-map .route-layer{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .5s ease-in-out,transform .5s ease-in-out;pointer-events:none}.interactive-route-map .route-layer.is-active{opacity:1}.interactive-route-map .map.has-active>.base-svg{opacity:.16;filter:saturate(.7) blur(1px)}.interactive-route-map .route-layer text{font-family:Arial,sans-serif;font-size:64px;font-weight:700;letter-spacing:-.03em}.interactive-route-map svg *{transition:opacity .5s ease-in-out,filter .5s ease-in-out,stroke-width .5s ease-in-out}.interactive-route-map .is-dim [data-route]{opacity:.12}.interactive-route-map .is-dim .is-active{opacity:1!important}.interactive-route-map .is-active{filter:brightness(1.03)}.tube-responsive{display:none!important}@media(max-width:1200px){.interactive-route-map .cards{grid-template-columns:repeat(2,1fr)}.interactive-route-map .map>.base-svg,.interactive-route-map .route-layer svg{width:100%}.interactive-route-map .map.has-active>.base-svg{opacity:0;filter:none}}@media (max-width:768px){.interactive-route-map{padding:16px 14px 24px}.interactive-route-map .cards{gap:12px;margin-bottom:28px}.interactive-route-map .card{min-height:150px;padding:18px;gap:18px}.interactive-route-map .card-top{gap:14px;align-items:center}.interactive-route-map .card-icon{width:48px;height:48px;flex:0 0 48px}.interactive-route-map .card-copy{max-width:none}.interactive-route-map .card-title{font-size:20px;line-height:1.1}.interactive-route-map .card-cta{font-size:14px;letter-spacing:.04em}.interactive-route-map .map{margin-top:10px}.interactive-route-map .map>.base-svg,.interactive-route-map .route-layer svg{width:100%;max-width:100%}.tube-desktop{display:none!important}.tube-responsive{display:block!important}}@media (max-width:580px){.interactive-route-map .card{min-height:180px;padding:18px;gap:18px}}@media (max-width:500px){.interactive-route-map .cards{grid-template-columns:1fr}.interactive-route-map .card{min-height:150px;padding:16px;gap:16px}}