.cmp-flow-demo-card-list{max-width:1300px;margin:0 auto}
.cmp-flow-demo-card-list__title h1,.cmp-flow-demo-card-list__title h2,.cmp-flow-demo-card-list__title h3,.cmp-flow-demo-card-list__title h4,.cmp-flow-demo-card-list__title h5,.cmp-flow-demo-card-list__title h6{margin:1em 0 2em}
.cmp-flow-demo-card-list__title.align-center{display:flex;justify-content:center}
.cmp-flow-demo-card-list__title.align-right{display:flex;justify-content:flex-end}
.cmp-flow-demo-card-list__title.align-right .cmp-flow-demo-card-list__title-element:before{left:unset;right:0}
.cmp-flow-demo-card-list__title-element{text-transform:uppercase;padding:0 45px;max-width:570px;position:relative;line-height:1.1}
.cmp-flow-demo-card-list__title-element:before{content:'';display:block;width:15px;height:100%;background:linear-gradient(0,rgba(0,0,0,0.2),rgba(0,0,0,0.2)),linear-gradient(0,#29579e 0,#337ebe 100%);position:absolute;left:0;top:0}
.cmp-flow-demo-card-list__list{display:flex;flex-direction:column}
@media screen and (min-width:1025px){.cmp-flow-demo-card-list__list{flex-direction:row;justify-content:center}
}
.cmp-flow-demo-card-list__list__item,.cmp-flow-demo-card-list__list .spacer{margin-bottom:20px}
@media screen and (min-width:426px){.cmp-flow-demo-card-list__list__item,.cmp-flow-demo-card-list__list .spacer{margin-bottom:50px}
}
@media screen and (min-width:769px){.cmp-flow-demo-card-list__list__item,.cmp-flow-demo-card-list__list .spacer{margin-bottom:25px}
}
@media screen and (min-width:1025px){.cmp-flow-demo-card-list__list__item,.cmp-flow-demo-card-list__list .spacer{margin-bottom:0;margin-right:25px}
}
.cmp-flow-demo-card-list__list__item:last-child,.cmp-flow-demo-card-list__list .spacer:last-child{margin-right:0}
.cmp-flow-demo-card-list__list__item{position:relative;display:flex;flex:1}
@media screen and (min-width:1025px){.cmp-flow-demo-card-list__list__item{max-width:300px}
}
.cmp-flow-demo-card-list__list__item .cmp-flow-demo-card{flex:1}
.cmp-flow-demo-card-list__list .spacer{height:2px;background-color:#fff;border-radius:1px}
.aem-AuthorLayer-Edit .cmp-flow-demo-card-list__list .spacer{display:none}
@media screen and (min-width:1025px){.cmp-flow-demo-card-list__list .spacer{height:unset;width:2px}
}
@media screen and (min-width:1025px){.cmp-flow-demo-card-list__list[data-include-overview]{padding-top:50px}
}
.cmp-flow-demo-card-list__list[data-include-overview] .cmp-flow-demo-card-list__list__item:nth-child(1),.cmp-flow-demo-card-list__list[data-include-overview] .cmp-flow-demo-card-list__list__item:nth-child(3){margin-top:50px}
@media screen and (min-width:1025px){.cmp-flow-demo-card-list__list[data-include-overview] .cmp-flow-demo-card-list__list__item:nth-child(1),.cmp-flow-demo-card-list__list[data-include-overview] .cmp-flow-demo-card-list__list__item:nth-child(3){margin-top:0}
}
.cmp-flow-demo-card-list__list[data-include-overview] .cmp-flow-demo-card-list__list__item>h3{position:absolute;top:-50px;color:#fff}