.carousel{list-style:none;margin:0 auto;max-width:640px;padding:0;position:relative;width:80vw}@supports (--css:variables){.carousel{display:grid}}@media screen and (min-width:900px){.carousel{width:50vw}}.carousel li{--offset:0;align-self:stretch;display:flex;grid-column:1;grid-row:1}@supports (--css:variables){.carousel li{opacity:.23;pointer-events:none}}.carousel li .card{--spacing:40px;background:#fff;border-radius:6px;box-shadow:0 0 37px 5px rgba(0,0,0,.1);display:flex;flex-wrap:wrap;padding:27px 22px;transform:translateX(calc(var(--offset)*(100% + var(--spacing))));transition:transform .3s ease}@media screen and (min-width:900px){.carousel li .card{padding:47px 42px}}@media screen and (min-width:900px){.carousel li .card{--spacing:90px}}.carousel li .card .image{flex-basis:120px;flex-grow:1;flex-shrink:1;margin:auto;min-width:100px;text-align:center}.carousel li .card .image img{height:auto;max-width:154px;width:100%}.carousel li .card .image+div{box-sizing:border-box;flex-basis:240px;flex-grow:1;flex-shrink:1;min-width:200px;padding-left:10px;padding-right:40px}.carousel li .card h3{color:#1f262f;font-family:Source Sans Pro,sans-serif;font-size:22px;font-weight:700;line-height:1.3;margin-bottom:0;margin-top:0}.carousel li .card p{color:#4d555e;font-size:13px;font-weight:500;line-height:1.6}.carousel li .card p em{font-style:normal;font-weight:900}.carousel li .card .read-more{font-size:15px}.carousel li.current{filter:none;opacity:1;pointer-events:all;z-index:1}@supports (--css:variables){.carousel li.current .next,.carousel li.current .prev{display:block}}.carousel li.disabled-transition .card{transition:none}.carousel li .next,.carousel li .prev{cursor:pointer;display:none;position:absolute;top:50%;transform-origin:center}.carousel li .next.prev,.carousel li .prev.prev{left:-20px;transform:translate(-50%,-50%) rotate(90deg)}@media screen and (min-width:900px){.carousel li .next.prev,.carousel li .prev.prev{left:-45px}}.carousel li .next.next,.carousel li .prev.next{right:-20px;transform:translate(50%,-50%) rotate(-90deg)}@media screen and (min-width:900px){.carousel li .next.next,.carousel li .prev.next{right:-45px}}.carousel li .next svg,.carousel li .prev svg{filter:grayscale(100%);height:16px;opacity:.22;transform:scale(.8);transform-origin:center;transition:all .1s ease;width:20px}.carousel li .next:hover svg,.carousel li .prev:hover svg{filter:none;opacity:1;transform:none}