.accordions-section{margin:50px auto}@media screen and (min-width:768px){.accordions-section{align-items:stretch;display:flex;justify-content:stretch}.accordions-section.reverse{flex-direction:row-reverse}}.accordion-item{border-radius:10px;margin-bottom:5px;transition:background-color .3s}.accordion-item:hover{background-color:#fbfbff}.accordion-item.active{background-color:#f5f6fc}.accordion-item.active .accordion-head .accordion-chevron{transform:rotate(-180deg)}.accordion-item.active .accordion-body{max-height:500px;opacity:1;pointer-events:unset;transition:max-height .3s,opacity .3s .3s}.accordion-item.active .accordion-body ul{list-style:none;padding:0}.accordion-item.active .accordion-body ul li:not(:first-child){margin-top:15px}.accordion-item .accordion-head{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:20px}@media screen and (min-width:768px){.accordion-item .accordion-head{padding:20px 30px}}.accordion-item .accordion-head .accordion-title{font-size:14px;margin:0}@media screen and (min-width:768px){.accordion-item .accordion-head .accordion-title{font-size:18px}}.accordion-item .accordion-head .accordion-chevron{transform:rotate(0);transition:transform .3s}.accordion-item .accordion-body{align-items:flex-start;display:flex;flex-direction:column;font-size:14px;max-height:0;opacity:0;overflow:hidden;padding:0 20px;pointer-events:none;transition:max-height .3s}@media screen and (min-width:768px){.accordion-item .accordion-body{font-size:16px;padding:0 30px}.accordion-item .accordion-body p{margin:10px 0 30px}}.accordion-item .accordion-body .accordion-inner-img{display:block;margin:20px auto;max-width:-moz-max-content;max-width:max-content;width:100%}@media screen and (min-width:768px){.accordion-item .accordion-body .accordion-inner-img{display:none}}.accordion-item .accordion-body .accordion-inner-img img{height:auto;max-height:200px;-o-object-fit:contain;object-fit:contain;width:100%}.accordion-item .accordion-body .accordion-inner-img.icon,.accordion-item .accordion-body .accordion-inner-img.mockup{background-color:#fff;border-radius:8px;box-shadow:0 0 20px #0000001a;padding:10px}.accordion-item .accordion-body .accordion-inner-img.icon img,.accordion-item .accordion-body .accordion-inner-img.mockup img{border-radius:8px}.accordion-item .accordion-body .accordion-inner-img.icon i,.accordion-item .accordion-body .accordion-inner-img.mockup i{color:#e7630a;font-size:50px;margin:20px}@media screen and (max-width:768px){.accordion-item .accordion-body .accordion-inner-img.no-wrap{background-color:#fff;border-radius:8px;box-shadow:0 0 20px #0000001a;padding:10px}.accordion-item .accordion-body .accordion-inner-img.no-wrap img{border-radius:8px}}@media screen and (min-width:768px){.accordions-list{flex:1}}.accordions-illustrations{display:none}@media screen and (min-width:768px){.accordions-illustrations{align-items:center;display:flex;flex:1;justify-content:center;position:relative}}.accordions-illustrations .img-block{align-items:center;display:flex;height:100%;justify-content:center;position:absolute;width:100%}.accordions-illustrations .img-block .slide-fade-enter-active{transition:all .3s ease-out}.accordions-illustrations .img-block .slide-fade-leave-active{transition:all .5s cubic-bezier(1,.5,.8,1)}.accordions-illustrations .img-block .slide-fade-enter-from,.accordions-illustrations .img-block .slide-fade-leave-to{opacity:0;transform:translate(20px)}.accordions-illustrations .img-block .img-wrapper{align-items:stretch;display:flex;height:-moz-max-content;height:max-content;justify-content:stretch;margin:0 auto;max-height:100%;max-width:85%;overflow:hidden}.accordions-illustrations .img-block .img-wrapper img{height:auto;max-height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.accordions-illustrations .img-block .img-wrapper.icon,.accordions-illustrations .img-block .img-wrapper.mockup{background-color:#fff;border-radius:12px;box-shadow:0 0 20px #0000001a;padding:10px}.accordions-illustrations .img-block .img-wrapper.icon img,.accordions-illustrations .img-block .img-wrapper.mockup img{border-radius:8px}.accordions-illustrations .img-block .img-wrapper.icon i,.accordions-illustrations .img-block .img-wrapper.mockup i{color:#e7630a;font-size:80px;margin:20px}.accordions-illustrations .img-block .img-wrapper.svg{max-height:200px}
