body{background: #edf2f7;}
details{
    font-size: 20px;
    font-weight: 300;
    line-height: 26px;
    text-align: left;
    color: #333333;
}
summary::-webkit-details-marker{display:none;}
summary::-moz-list-bullet{list-style-type:none;}
summary::marker{display:none;}
summary {
    cursor: pointer;
    display:flex;
    gap: 35px;
    align-items: center;
    margin-bottom: 24px;
    font-family: Roboto-Title, sans-serif;
    font-size:19px;
    line-height: 26px;
    text-align: left;
    color: #4B4B4B;
}
summary:before {
    content: url("../images/plus.svg");
    width: 45px;
    height: 45px;
    background-color:#605EB3;
    padding: 11px 10px;
    box-sizing: border-box;

}
details[open] > summary:before {
    content: url("../images/line.svg");
    width: 45px;
    height: 45px;
    background-color: #ABAAD8;
    padding: 6px 9px 6px 11px;
    box-sizing: border-box;

}
summary ~ * {
    margin-bottom: 24px;
    font-size: 20px;
    line-height: 26px;
    text-align: left;
    color: #b5b1b1;
    margin-left: 80px;

}
summary:focus {
    outline:0;
    box-shadow: inset 0 0 1px rgba(0,0,0,0.3), inset 0 0 2px rgba(0,0,0,0.3);
}