/* Style the buttons that are used to open and close the accordion panel */
    .accordion {
    background-color: transparent;
    /*cursor: pointer;*/
    /* padding: 0 24px; */
    /* width: 100%; */
    width: auto;
    max-width: 90%;
    text-align: left;
/*    padding: 0 48px 0 5%;*/
    padding: 0 24px 0 0;
    /* margin-left: 56px; */
    border: none;
    /* border-bottom: 1px solid; */
    outline: none;
    position: relative;
    transition: 0.2s;
}
  .accordion hr {
    height: 2px;
/*    width: calc(100% + 48px);*/
    width: calc(100% + 24px);
/*    background-color: #000;*/
    background-color: #fff;
    margin: 0;
    border: none;
    }
    a[href=""] {
    pointer-events: none;
    }
.accordion.button {
  cursor: pointer;
  width: 90%;
  max-width: 720px;
  /* color: #000; */
  color: #fff;
}
.accordion.button h3{
  margin-bottom: 4px;
} 
  .accordion.button h3:after {
    content: '+';
    font-size: 28px;
    font-weight: bold;
    position: absolute;
/*    right: 0;*/
/*    right: -16px;*/
    right: -28px;
    bottom: -4px;
    padding: 0;
    }
    .accordion.button.active h3 {
      color: #3cbef6;
    }
    .accordion.button.active h3:after {
    content: '−';
    }
    .accordion a:hover,
    .accordion.button:hover,
    .accordion.button:hover:after {
    color: #3cbef6;
    }
    .accordion h2,
    .accordion h4 {
    padding: 0;
    }

    .panel {
/*  padding: 0 24px 0 0;*/
  padding: 0;
/*  background-color: white;*/
  width: 90%;
  max-width: 1200px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease-out;
}
.panel h3 {
/*  margin: 24px 0 0 0;*/
/*  padding: 0 !important;*/
/*  letter-spacing: 0;*/
}
.panel p {
  padding: 0;
  margin-bottom: 16px;
}
    @media screen and (min-width: 1400px){
    .accordion,
    .panel {
    /*padding: 0 48px 0 196px ;*/
    }
    }