.accordion-horizontal {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 618px;
    font-family: Lato, sans-serif;
    margin: 50px 0;
  }
  
  .accordion-item {
    flex-grow: 1;
    height: 618px;
    border: 1px solid #ccc;
    background: #E6E8EA;
    transition: width 0.3s ease;
    overflow: hidden;
    padding: 48px;
    cursor: pointer;
  }
  .accordion-item-trust {
    flex-grow: 1;
    height: 618px;
    border: 1px solid #ccc;
    background: #E6E8EA;
    transition: width 0.3s ease;
    overflow: hidden;
    padding: 48px;
    cursor: pointer;
  }
  .accordion-item-goal {
    flex-grow: 1;
    height: 618px;
    border: 1px solid #ccc;
    background: #E6E8EA;
    transition: width 0.3s ease;
    overflow: hidden;
    padding: 48px;
    cursor: pointer;
  }
  .accordion-item-live {
    flex-grow: 1;
    height: 618px;
    border: 1px solid #ccc;
    background: #E6E8EA;
    transition: width 0.3s ease;
    overflow: hidden;
    padding: 48px;
    cursor: pointer;
  }
  
  
  .accordion-item.active {
    height: 618px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .accordion-item-trust.active {
    height: 618px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .accordion-item-goal.active {
    height: 618px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .accordion-item-live.active {
    height: 618px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  
  
  .accordion-body {
    display: none;
  }
  
  
  .accordion-item.active .accordion-body {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: -60px;
  }
  .accordion-item-trust.active .accordion-body {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: -60px;
  }
  .accordion-item-goal.active .accordion-body {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: -60px;
  }
  .accordion-item-live.active .accordion-body {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: -60px;
  }
  
  
  .accordion-body img {
    max-width: 100%;
    border-radius: 6px;
  }
  .item-title {
    font-size: 45px;
    font-weight: 500;
  }
  .item-description {
    font-size: 24px;
    font-weight: 400;
    margin-top: 16px;
  }
  .title-container {
    width: 474px;
    align-self: end;
  }

  @media (max-width: 1200px) {
    .accordion-horizontal {
      height: 380px;
      margin: 50px 0;
    }
    
    .accordion-item.active .accordion-body {
      justify-content: flex-start;
    }
    .accordion-item-trust.active .accordion-body {
      justify-content: flex-start;
    }
    .accordion-item-goal.active .accordion-body {
      justify-content: flex-start;
    }
    .accordion-item-live.active .accordion-body {
      justify-content: flex-start;
    }
    
    
    .accordion-item {
      height: 380px;
      padding: 30px;
    }
    .accordion-item-trust {
      height: 380px;
      padding: 30px;
    }
    .accordion-item-goal {
      height: 380px;
      padding: 30px;
    }
    .accordion-item-live {
      height: 380px;
      padding: 30px;
    }
    
    
    .accordion-item.active {
      height: 380px;
    }
    .accordion-item-trust.active {
      height: 380px;
    }
    .accordion-item-goal.active {
      height: 380px;
    }
    .accordion-item-live.active {
      height: 380px;
    }
    
    
    .accordion-header img{
      width: 38px;
    }
    .title-container {
      width: 350px;
      margin-top: 40px;
    }
    .item-title {
      font-size: 24px;
      font-weight: 500;
    }
    .item-description {
      font-size: 16px;
      margin-top: 10px;
    }
    .item-fon img{
      width: 437px;
      /*height: 386px;*/
    }
  }