/* body {
    font-size: 62.5%;
    background: #dadada;
    font-family: 'Open Sans', sans-serif;
    line-height: 2;
    padding: 5em;
  }
   */
   .accordion {
    font-size: 1rem;
    width: 100%;
    border-radius: 5px;
  }
  
  
  .accordion-header {
    cursor: pointer;
    transition: all .3s;
    font-family: 'manrope-r' !important;
    color: var(--black1);
    font-size: 16px;
    padding: 10px 0;
  }
  
  /* .accordion__item {
      border-bottom: 1px solid #4e8f42;
  } */
  
  .accordion__item {
    border-bottom: 1px solid var(--black1);
    margin-bottom: 9px;
  }
  
  .accordion-header:hover {
    /* background: #4e8f42; */
    position: relative;
    z-index: 5;
  }
  
  .accordion-body {
    /* background: #fcfcfc;
    color: #353535; */
    display: none;
    margin-top: 10px;
    padding: 0px;
    margin-bottom: 20px;
    line-height: 22px;
  }
  
  .accordion-body__contents {
    /* padding: 1.5em 1.5em; */
    font-family: 'manrope-r' !important;
    color: var(--black1);
    font-size: 16px;
  }
  
  .accordion__item.active:last-child .accordion-header {
    border-radius: none;
  }
  
  .accordion:first-child > .accordion__item > .accordion-header {
    background: none;
  }
  
  .accordion__item > .accordion-header:after {
    content: "\f489";
    font-family: IonIcons;
    font-size: 16px;
    float: right;
    position: relative;
    top: -2px;
    transition: .3s all;
    transform: rotate(0deg);
    font-weight: 600;
    color: var(--black1);
  }
  
  /* .accordion__item.active > .accordion-header:after {
    transform: rotate(-180deg);
  } */
  
  .accordion__item.active > .accordion-header:after {
    /* content: "\f489"; */
    content: "\f462";
  }
  
  .accordion__item.active .accordion-header {
    /* background: #4e8f42; */
  }
  
  .accordion__item .accordion__item .accordion-header {
    /* background: #f1f1f1;
    color: #353535; */
  }

  .js-accordion-header {
    text-transform: unset;
  }

  /* .js-accordion-header strong {
    font-size: 1rem;
  } */

  .accordion-sub-header {
    margin-bottom: 0;
    width: 100%;
  }

  .accordion-sub {
    width: 100%;
  }
  
  @media screen and (max-width: 1000px) {
    /* body {
      padding: 1em;
    } */
    
    .accordion {
      width: 100%;
    }
  }