.accordion {
    display: flex;
    padding: 20px 0px 0px 0px;
    min-height: 50px;
    margin: 30px 0;
  }
  

  .item-cat {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 2px solid #aa8453;
    width: 100%;
  }
  
  .item-cat .text {
    flex-basis: 80%;
    cursor: pointer;
  }
  
  .item-cat svg {
    flex-basis: 20%;
  }
  
  
   .accordion .item-cat .text {
    flex-basis: 90%;
    cursor: pointer;
    box-sizing: border-box;
  }

  .accordion .item-cat.open .text {
    padding-left: 20px;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
  }
  
  .accordion .item-cat svg {
    flex-basis: 10%;
  }
  
  .item-cat .hidden-box {
    -webkit-animation: .3s ease 0s normal forwards 1 fadein;
    animation: .3s ease 0s normal forwards 1 fadein;
  }

  .page-template-configuratore .accordion {
    min-height: 45px;
  }

  .page-template-configuratore .accordion-box .block {
    flex-wrap: wrap;
  }

  .page-template-configuratore .accordion-box .block .content {
    padding: 20px;
  }

  .page-template-configuratore .accordion-box .block .content .text {
    color: #868e96;
  }

  .page-template-configuratore .accordion-box .block .content .text strong {
    color: #000;
  }

  .page-template-configuratore .accordion-box .block .acc-btn {
    font-size: 17px;
    line-height: 17px;
    padding: 7px 40px;
    flex-basis: 100%;
  }
  
  .page-template-configuratore .accordion-box .block .acc-btn:before {
    top: -1px; 
  }

  @keyframes fadein{
    0% { opacity:0; }
    66% { opacity:0; }
    100% { opacity:1; }
  }
  
  @-webkit-keyframes fadein{
    0% { opacity:0; }
    66% { opacity:0; }
    100% { opacity:1; }
  }
  
  .number {
    color: #ced4da;
  }
  .number, .text {
    font-size: 16px;
    font-weight: 700;
  }
  .icon {
    width: 24px;
    height: 24px;
    stroke: #aa8453;
    cursor: pointer;
  }
   .hidden-box {
    grid-column: 2;
     display: none;
     padding-left: 20px;
  }
  .hidden-box p {
    line-height: 1.6;
    margin-bottom: 24px;
  }
  .hidden-box ul {
    color: #868e96;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
  }
  
  .hidden-box li {
    flex-basis: 100%;
  }
  
  .hidden-box li a {
    color: #222;
  }
  
  .hidden-box li a:hover {
    color: #aa8453;
  }

  #sidebar-custom .hidden-box {
    padding: 0;
  }

  .hidden-box ul {
    margin: 0;
  }
  
  .open .number, .open .text {
    color: #aa8453;
  }
  .open .hidden-box {
    display: block!important;
  }
  .icon-rotate {
    transform: rotate(180deg);
    transition: 0.3s;
  }

  @media only screen and (max-width: 600px) {

    .accordion .item-cat .text {
      padding-left: 20px;
    }

    .item-cat.open #faq {
      display: block;
      margin: 0 20px 0 0;
    }

  }