section.accordion .container{display:flex;max-height:588px;padding:0 10vh;position:relative;width:100%}section.accordion .choice{border-radius:3px;box-sizing:border-box;cursor:pointer;flex:0 0 auto;overflow:hidden;padding:0;position:relative;transition:width .3s}section.accordion .expand{flex:1 0 auto;width:65%}section.accordion .card-body{display:flex;flex-direction:column;justify-content:space-around;padding-left:70px}section.accordion .expand>.card-body{opacity:1;transition:opacity .3s .2s}section.accordion .small{width:5%}section.accordion .small>.card-body{opacity:0;transition:opacity .3s}section.accordion .choice:before{bottom:10px;color:#000;content:attr(data-title);font-size:1rem;font-weight:700;left:50%;opacity:0;position:absolute;text-orientation:mixed;transform:translateX(-50%) rotate(180deg);transition:opacity .2s;writing-mode:vertical-rl}section.accordion .small:before{opacity:1}section.accordion .icon-top{color:#000;font-size:1.5rem;position:absolute;right:10px;top:10px}@media (max-width:767.98px){section.accordion .container{flex-direction:column;max-height:none;padding:0 1rem}section.accordion .choice{flex:0 0 auto!important;max-height:60px;overflow:hidden;transition:max-height .3s ease;width:100%!important}section.accordion .choice.expand{max-height:400px}section.accordion .card-body{opacity:1;padding:1rem}section.accordion .choice:before{display:none}}