.sm-smart-city-01{#sm-ambulance,#sm-bus,#sm-fire-truck,#sm-police-car,#sm-police-cars,#sm-snow-plow{opacity:0;transition:opacity .5s ease-in-out}&[data-active-service=fire_departments]{#sm-fire-truck{opacity:1}.sm-smart-city-interactive{#sm-fire-department .cls-1301,#sm-road-1{fill:var(--fire_departments-highlight-color)!important}#sm-fire-department #path10874,#sm-fire-department .cls-854,#sm-fire-truck .cls-181{fill:var(--fire_departments-highlight-color--darker)!important}#sm-fire-department .cls-370{fill:var(--fire_departments-highlight-color--lighter)!important}}}&[data-active-service=transit_agencies]{#sm-bus{opacity:1}#sm-bus .cls-848,#sm-bus-stop .cls-197{fill:var(--transit_agencies-highlight-color--darker)!important}#sm-road-1{fill:var(--transit_agencies-highlight-color)!important}}&[data-active-service=public_works_departments]{#sm-snow-plow{opacity:1}#sm-city-hall .cls-1301,#sm-road-2,#sm-snow-plow #path4661,#sm-snow-plow #path4705,#sm-snow-plow #polygon4696,#sm-snow-plow #polygon4705,#sm-snow-plow .cls-1250,#sm-snow-plow .cls-353{fill:var(--public_works_departments-highlight-color)!important}#sm-city-hall #path4362,#sm-city-hall .cls-325,#sm-city-hall .cls-854,#sm-snow-plow .cls-1296,#sm-snow-plow .cls-228,#sm-snow-plow .cls-313,#sm-snow-plow .cls-321,#sm-snow-plow .cls-357{fill:var(--public_works_departments-highlight-color--darker)!important}#sm-city-hall .cls-487,#sm-snow-plow #path4684,#sm-snow-plow #polygon4696,#sm-snow-plow .cls-1248,#sm-snow-plow .cls-181,#sm-snow-plow .cls-188,#sm-snow-plow .cls-191,#sm-snow-plow .cls-232{fill:var(--public_works_departments-highlight-color--lighter)!important}}&[data-active-service=ems_and_police]{#sm-ambulance,#sm-police-car,#sm-police-cars{opacity:1}#sm-police-station .cls-1301,#sm-road-1,#sm-road-2{fill:var(--ems_and_police-highlight-color)!important}#sm-ambulance .cls-337,#sm-police-car .cls-252,#sm-police-cars .cls-252,#sm-police-station #path3732,#sm-police-station .cls-288,#sm-police-station .cls-854{fill:var(--ems_and_police-highlight-color--darker)!important}#sm-police-station .cls-2{stroke:var(--ems_and_police-highlight-color--darker)}}&[data-active-service=ems_and_police],&[data-active-service=public_works_departments]{#sm-traffic-light-1{.cls-871{fill:#cc2036}.cls-848{fill:#036029}}#sm-traffic-light-2{.cls-319{fill:#440611}.cls-344{fill:#40e687}}}.sm-smart-city-interactive{*{transition:fill .5s}}.container{.row{--scrollbar-width:10px;@media (min-width:992px){margin-right:calc(-50vw + 30rem + var(--scrollbar-width))}@media (min-width:1200px){margin-right:calc(-50vw + 35.625rem + var(--scrollbar-width))}}}}.sm-smart-city-01__image-container{position:relative;.sm-smart-city-interactive{inset:0;position:absolute}.sm-smart-city-interactive--2{z-index:2}}.sm-smart-city-01__image{height:auto;width:100%}.sm-smart-city-01__image--2{inset:0;position:absolute;z-index:1}.sm-smart-city-01__service-label{--translate-y:-57%;--border:1.5px solid #fff;--shadow-color:#00000040;font-size:12px;font-weight:500;padding:4px 8px;position:absolute;z-index:10;whitespace:nowrap;border:var(--border);border-radius:30px;box-shadow:0 3px 0 0 var(--shadow-color);opacity:0;transform:translate(-50%,var(--translate-y));transition:transform .5s,opacity .5s;transition-delay:calc(var(--index)*.1s);&:before{--size:8px;content:"";height:var(--size);position:absolute;width:var(--size)}&[data-pointer-position=top]:before{border-left:var(--border);border-top:var(--border);left:50%;top:-.3px;transform:translate(-50%,-50%) rotate(45deg)}&[data-pointer-position=bottom]:before{border-bottom:var(--border);border-right:var(--border);bottom:-.3px;box-shadow:2px 2px 0 0 var(--shadow-color);left:50%;transform:translate(-50%,50%) rotate(45deg);@media (min-width:1200px){box-shadow:3px 3px 0 1px var(--shadow-color)}}@media (min-width:1200px){box-shadow:0 5px 0 0 var(--shadow-color);font-size:16px;padding-bottom:10px;padding-left:14px;padding-right:14px;padding-top:10px;&:before{--size:16px}}}.sm-smart-city-01__service{margin-top:1.875rem}.sm-smart-city-01__service-heading{--border-thickness:4px;border-bottom:var(--border-thickness) solid var(--service-color);cursor:pointer;font-size:24px;font-weight:500;margin-bottom:0;padding-bottom:12px;position:relative;&:after{background-color:var(--service-color);border-radius:999px;bottom:calc(var(--border-thickness)/-2);content:"";height:20px;opacity:0;position:absolute;right:0;transform:translate(50%,50%);transition:opacity .3s;width:20px}}.sm-smart-city-01__service-content{margin-top:1.75rem;overflow:hidden;transition:max-height .2s ease-out;.cta-group{margin-top:2.125rem;.btn-auto-wrapper{.cta-button{border-color:var(--service-color);color:var(--cta-text-color,var(--secondary));transition:background-color .3s,color .3s;&:focus{box-shadow:none;outline:none}&:active,&:focus,&:hover{background-color:var(--service-color);color:var(--cta-text-color--hover)}}}}}