.accordion-container{width:100%;margin:auto}.cross{width:40px;height:40px;position:absolute;padding:2px;overflow:hidden;margin-top:2px;right:7%;background:#B0CEF0;color:#FFF;border-radius:50%;display:block;transition:1s}.cross.arotate{background:#3F79A1;color:#3F79A1;transform:rotate(45deg);transition:1s}.cross.arotate span{background-color:#FFF}.cross span{width:30px;height:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#222;transition:all 0.5s}.cross span:nth-of-type(1){top:50%;transform:translate(-50%,0%) rotate(45deg)}.cross span:nth-of-type(2){top:50%;transform:translate(-50%,0%) rotate(-45deg)}.item{width:100%;max-height:80px;border-bottom:1px solid #D5D5D5;overflow:hidden;color:#000;transition:max-height .7s ease-in-out}.item.myactive{max-height:800px;transition:.7s ease-in-out}.accordion_title{height:80px;display:flex;align-items:center;color:#2C3444;padding-left:30px;margin-top:0;caret-color:#fff;background:#fff}.accordion_title:hover{cursor:pointer}.accordion_info{padding-top:10px;padding-left:20px}@media screen and (max-width:1566px){.cross{width:40px;height:40px;position:absolute;padding:2px;overflow:hidden;margin-top:2px;margin-left:72%;background:#FFF;color:#FFF;border-radius:50%;display:block;transition:1s}}@media screen and (max-width:800px){.accordion_title{height:80px;display:flex;align-items:center;color:#3F79A1;padding-left:10px!important;margin-top:0;caret-color:#E5E8EF;background:#E5E8EF}.accordion_title h3{font-size:16px!important}}