/*$line-height-lg:              1.8 !default;
$line-height-sm:              1.8 !default;*/
.se-accordions {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  margin-left: auto;
  margin-right: auto;
  max-width: 456px;
  padding-top: 16px; }

.se-accordions-fw {
  max-width: none; }

@media (min-width: 750px) {
  .se-accordions {
    padding-top: 32px;
    max-width: 700px; }
  .se-accordions-fw {
    max-width: none; } }

@media (min-width: 1025px) {
  .se-accordions {
    max-width: 788px; }
  .se-accordions-fw {
    max-width: none; } }

.se-accordion-body {
  max-height: 0;
  transition: max-height .6s;
  overflow: hidden; }

.se-accordion-body .se-accordion-body-content {
  padding: 16px;
  padding-top: 32px; }

.se-accordion-header {
  display: block;
  position: relative;
  width: 100%;
  background: transparent;
  margin: 0;
  padding: 8px;
  border: none;
  -webkit-appearance: none;
  text-align: left;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
  .se-accordion-header h5 {
    margin: 0;
    font-size: 14px;
    line-height: 26px; }
  .se-accordion-header:active {
    color: #000; }
  .se-accordion-header:active::after {
    transform: rotate(270deg); }
  .se-accordion-header::after {
    width: 8px;
    height: 13px;
    background-image: url(../../img/dark-gray-arrow.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: block;
    position: absolute;
    content: "";
    right: 15px;
    top: 50%;
    margin-top: -6.5px;
    transition: transform 0.2s;
    transform: rotate(90deg); }

@media (min-width: 750px) {
  .se-accordion-header {
    padding: 32px 16px 10px; }
    .se-accordion-header h5 {
      font-size: 16px;
      line-height: 30px; }
  .se-accordion-header::after {
    margin-top: 4px; } }

.se-accordion.active > .se-accordion-header::after {
  transform: rotate(270deg);
  max-height: 3500px; }

.se-accordion.active > .se-accordion-body {
  max-height: 3500px; }