.card {
  margin-bottom: .8rem;
  .en-accordion-header {
    background-color: #fff;
    padding: 1rem;
  }
  .card-header {
    border-radius: .35rem ;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -ms-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
  }
}

.collapse {
  &.card-block {
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -ms-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
    max-height: 0px;
    overflow-y: hidden;
    padding: 0px;
    display: none;
    > div {
      margin: 10px 15px 10px 15px;
    }
  }

  &.exp {
    &.card-block {
      display: block;
      max-height: 3000px;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease;
      > div {
        margin-bottom: 0;
      }
    }
  }

}

.card-header {
  border-radius: .35rem;
  border-bottom: transparent;
  &.exp {
    border-radius: .35rem .35rem 0 0;
    border-bottom:inherit;
  }
}

.arrow {
  float: right;
  position: absolute;
  right: 25px;
  margin-top: -15px;
  cursor: pointer;
}