body {
    overflow-x: hidden;
  }

  .panel-title {
    width: 100%;
    position: relative;
    margin: 0;
    display: block;
    cursor: pointer;
  }
  .panel-title2 {
    width: 100%;
    position: relative;
    margin: 0;
    display: block;
    cursor: pointer;
  }
  
  .panel-content {
    height: 0;
    overflow: hidden;
    z-index: -1;
    position: relative;
    opacity: 0;
    -webkit-transition: .4s ease;
    -moz-transition: .4s ease;
    -o-transition: .4s ease;
    transition: .4s ease;
  }
  .panel-content2 {
    height: 0;
    overflow: hidden;
    z-index: 0;
    position: relative;
    opacity: 0;
    -webkit-transition: .4s ease;
    -moz-transition: .4s ease;
    -o-transition: .4s ease;
    transition: .4s ease;
  }
  
  .panel:checked ~ .panel-content{
    height: auto;
    opacity: 1;
  }
  .panel2:checked ~ .panel-content2{
    height: auto;
    opacity: 1;
  }
  
  .plus {
    position: absolute;
    z-index: -1;
    line-height: 100%;
    -webkit-user-select: none;    
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
  }
  .plus2 {
    position: absolute;
    z-index: 0;
    line-height: 100%;
    -webkit-user-select: none;    
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
  }
  
  .panel:checked ~ .plus {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .panel2:checked ~ .plus2 {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  
  .panel {
    display: none;
  }
  .panel2 {
    display: none;
  }