/*Item*/
    .accordion {}
    .accordion .item {padding: 40px 40px 40px 100px;border:1px solid var(--color-grey-white);margin-top:-1px;}
    .accordion .item.active {background: var(--color-white);}
    .accordion .item .title span {position:absolute;left:30px;color:var(--color-accent);font-size:16px;}
    .accordion .item .title h3 {margin-bottom: 0;}
    .accordion .item .title {display:flex;color:var(--color-grey);transition:0.5s;line-height:40px;cursor:pointer;}
    .accordion .item .title:hover {color: var(--color-black);transition:0.5s;}
    /*.accordion .item.active .title {color: var(--color-accent);}*/

    .accordion .item .content {display:none;height:0;/*margin-left:15px;*/transition:All 0.5s;overflow:hidden;}
    .accordion .item .content *:first-child {margin-top: 30px;}

/*Иконка вложенности*/
    .accordion .item>.title .sub-icon{transition:0.3s;margin-left:10px;margin-top:5px;width:24px;height:24px;border-radius:100%;position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;}
    .accordion .item>.title .sub-icon:before{opacity:0;content:"+";font-size:15px;line-height:100%;position:absolute;display:flex;justify-content:center;align-items:center;}
    .accordion .item.active>.title .sub-icon:before {content:"-";opacity:1;}
    .accordion .item:hover>.title .sub-icon {transition:0.3s;background: var(--color-accent);color: var(--color-black);}
    .accordion .item:hover>.title .sub-icon:before {opacity:1;}
    
    @media (max-width: 768px){
        .accordion .sub-icon {width:20px;height:20px;}
        .accordion .sub-icon:before {font-size: 12px;}
        .accordion .item .title span {left:15px;}
        .accordion .item {padding:20px 20px 20px 45px;}

        .accordion .item .content *:first-child {margin-top: 15px;}
    }