/*Item*/
    .accordion {}

    .accordion .item {margin-bottom:2px;}
    
    .accordion .item .title {gap: 15px;font-size:14px;background:rgb(255 255 255 / 10%);color:var(--color-white);margin-bottom:2px;padding:20px; transition:0.5s;display:flex;cursor:pointer;}
    .accordion .item .title:hover {color: var(--color-brown);transition:0.5s;}
    /*.accordion .item.active .title {color: var(--color-accent);}*/

    .accordion .item .content {background:rgb(255 255 255 / 5%);  display:none;height:0;transition:All 0.5s;overflow:hidden;}
    .accordion .item .content .content-inner {padding:20px;color: rgb(255 255 255 / 60%);font-size: 14px;}
    .accordion .item .content p {margin-bottom: 0;}
    @media (max-width: 768px){
        .accordion .item .title {gap:5px;}
    }

/*Иконка вложенности*/
    .accordion .item>.title .sub-icon{background: var(--color-brown);margin-left:auto;min-width:30px;width:30px;height:30px;position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;}
    .accordion .item>.title .sub-icon:before{content:"+";color: var(--color-black);font-size:14px;line-height:100%;position:absolute;display:flex;justify-content:center;align-items:center;}
    .accordion .item.active>.title .sub-icon:before {content:"-";}
    .accordion .item:hover>.title .sub-icon {transition:0.3s;}
    
    @media (max-width: 768px){
        .accordion .sub-icon {width:20px;height:20px;}
        .accordion .sub-icon:before {font-size: 12px;}
    }