.accordion, .accordion * {
 -webkit-box-sizing:border-box; 
 -moz-box-sizing:border-box; 
 box-sizing:border-box;
}
 
.accordion {
 overflow:hidden;
 background:#fff;
}
 
/*----- Section Titles -----*/
.accordion-section-title {
 width:100%;
 padding:15px;
 display:inline-block;
 border: 1px solid #423E35;
 background:#fff;
 transition:all linear 0.15s;
 position: relative;
 padding-right: 30px;
 /* Type */
 font-size: 18px;
 text-transform: uppercase;
 color: #423E35;
 text-decoration:none;
 font-family: BiomePro Semibold;
  margin-bottom: 10px;
  font-weight: 700;
}
 
.accordion-section-title.active, .accordion-section-title:hover {
 background:#fff;
 /* Type */
 text-decoration:none;
}

.accordion-section-title .arrow {
  height:20px;
  position: absolute;
  right: 20px;
  top:14px;
    -webkit-transition:all 300ms ease-in 0s;
    -moz-transition: all 300ms ease-in 0s;
    -o-transition: all 300ms ease-in 0s;
  transition: all 300ms ease-in 0s;
}
.accordion-section-title.active .arrow{
-webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
/*----- Section Content -----*/
.accordion-section-content {
 padding:0 15px;
 max-height:0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.accordion-section-content > div {
   padding:15px 0;
}

/* Responsive */
@media (max-width: 767px){
  .accordion-section-title{
    font-size: 14px;
  }
  .accordion-section-title .arrow {
    height: 18px;
    top: calc(50% - 9px);
  }
}