.accordion-cards-container{display:flex;flex-wrap:nowrap;height:500px;justify-content:center}.card{align-items:flex-end;background-position:50%;background-size:cover;display:flex;line-height:1;margin:0 10px;overflow:hidden;position:relative;transition:width .6s cubic-bezier(.28,-.03,0,.99);width:80px}.card:before{content:"";height:100%;left:0;position:absolute;top:0;width:100%}.card>.row{color:#fff;display:flex;flex-wrap:nowrap;position:relative;width:100%}.card>.row>.icon{align-items:center;border-radius:50%;display:flex;height:50px;justify-content:center;margin:15px;min-width:50px}.card>.row>.content{display:flex;flex-direction:column;height:50px;justify-content:flex-start;margin:15px 15px 15px 0;opacity:0;overflow:hidden;transform:translateY(150%);transition:opacity .2s ease-in-out,height .2s ease-in-out,transform .3s cubic-bezier(.28,-.03,0,.99) .5s;width:520px}.description,.description p{color:#fff;font-size:clamp(14px,1.5vw,16px);line-height:1.2}input{display:none}input:checked+label{width:600px}input:checked+label .content{height:75px!important;opacity:1!important;transform:translateY(0)!important}@media screen and (max-width:1024px){.accordion-cards-container{flex-direction:column;height:auto}.card{height:80px;margin:0 auto;max-width:600px;transition:height .6s cubic-bezier(.28,-.03,0,.99);width:100%}.card:not(:last-child){margin-bottom:10px}.card>.row>.content{max-width:520px;width:100%}input:checked+label{height:350px;max-width:600px;width:100%}}@media screen and (max-width:610px){input:checked+label .content{height:80px!important}}@media screen and (max-width:410px){input:checked+label .content{height:100px!important}}