.section--container, .form__fieldset{
   background: var(--tisc-bg-secondary);
   //box-shadow: 0 5px 0px 0px var(--tisc-box-shadow);
   border-bottom: 5px solid var(--tisc-border-primary);
   color: var(--tisc-text-primary);
   position: relative;
   & + .section--container,  + .form__fieldset{
      margin-top: 2.5em;
   }
}

.section__header, .form__fieldset-header{
   padding: 15px 0 0 70px;
   display: flex;
   justify-content: space-between;
   cursor: pointer;
   @include component_heading(var(--tisc-primary));

   h4{
       transform: translateY(-15px);
       width: 100%;
   }

   i{
       font-size: 1.5em;
       padding-right: 20px;
   }
}

.section__body, .form__fieldset-body{
   height: 0px;
   overflow: hidden;
   padding: 0 20px 0 70px;
   transition: all .3s linear;

  &.open{
     height: 100%;
     padding: 0 20px 20px 70px;
  }
}

.section-text__header{
  display: flex;
  align-items: center;
  cursor: pointer;
  color: var(--tisc-text-primary);

  .body-1{
     color: var(--tisc-text-secondary);
     margin: 10px 0;
  }
}

.js-text-section{
  .body-1{
     padding-left: 5px;
     &:hover{
     color: var(--tisc-text-secondary);
  }
  }
}

.section-text__body{
   color: var(--tisc-text-primary);
   max-height: 0;
   overflow: hidden;
   padding-left: 44px;
   margin: 0;
   transition: max-height .3s;

   &.open{
       max-height: 400px;
   }
}

.form__fieldset {
  border-width: 0 0 5px 0;
  padding: 0;

  &-body {
     transition: all .3s;

     &.open{
        padding: 0 20px 20px 70px;
     }
  }

  .form__item {
     margin-bottom: 25px;
  }
}