.accordion .acc .acc-label{
    transition: background-color .15s ease-in-out;
    cursor: pointer;
    width: 100%;
    position: relative;
    text-decoration: none;
    font-family: var(--font-gotham);
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 22px;
    padding: 30px 6% 27px 30px;
    display: block;
    color: var(--main-blue);
    background: var(--gray-eight);
    border-top: 1px solid #d8d8d8;
    margin-bottom: 0!important;
    width:100%;
  }
  .accordion .acc .acc-label:after{
  content: url("/~/media/Images/W/WH-Smith/icons/chevron-icon");
      right: 57px;
  top:26px;
      transition: all .5s;
      float: right;
      font-family: FontAwesome;
      position: absolute;
  
  }
  .accordion .acc input{width:100%;height:100%;    opacity: 0;}
  .accordion .acc .acc-content{
    background: var(--gray-eight);
  
  }
  .accordion .acc .acc-content .content-wrapper{
      padding: 0px 6% 0px 30px;
          max-width: 560px;
  
  }
  .accordion .acc .acc-content .content-wrapper p{
  margin:0;
  padding-bottom:40px
  }
  .accordion .acc .acc-content{
  /*display:none;*/
  }
  
  .accordion .acc .acc-input.active + label:after{
  transform:rotate(180deg);
      transition: all .5s;
  
  }
  .accordion .acc input:focus-visible + label {
    outline: 1px dashed black;
    z-index:1;
}
  @media all and (max-width:1199px){
  .accordion .acc .acc-label:after{
      right: 12px;
  
  }
  
  }
  @media all and (max-width:991px){
  .accordion .acc .acc-label{padding-left:20px;}
  .accordion .acc .acc-content .content-wrapper{padding-left:20px;}
  }
  @media all and (max-width:480px){
  .accordion .acc .acc-label{padding-right:11%;}
  
  }