.accordion{width:100%}.accordion .accordion-item{background:transparent;cursor:pointer;height:56px;margin:8px 0;max-width:900px;position:relative;width:100%}.accordion .accordion-item .icon{align-items:center;border-radius:100%;display:flex;height:35px;justify-content:center;width:35px}.accordion .accordion-item svg{border-style:none;transform:rotate(90deg)}.accordion .title-wrapper{align-items:center;border-radius:8px;display:flex;height:56px;justify-content:space-between;padding:16px;width:100%}.accordion .accordion-item.active{height:fit-content!important;transition:all .25s ease-in-out}.accordion .accordion-item.active svg{transform:rotate(-90deg)}.accordion .title-wrapper p.title{font-size:18px;font-weight:700;margin:0;max-width:85%}.accordion .content{background:transparent;height:56px!important;opacity:0;overflow:hidden;position:relative;top:-56px;transition:all .1s ease-in-out;width:90%;z-index:-1}.accordion .accordion-item.active .content{animation:slidein 1s forwards;display:block;height:fit-content!important;opacity:1;padding:16px;top:6px}.accordion .accordion-item.active .icon{background:#fff}@keyframes slidein{0%{opacity:0;z-index:-1}to{opacity:1;z-index:1}}@media screen and (max-width:768px){.accordion .content{width:90%}.accordion .accordion-item{height:fit-content;margin-bottom:-48px}.accordion .accordion-item.active{margin-bottom:16px}.accordion .accordion-item .title-wrapper{height:fit-content}}