.accordion {
  width: 100%;
}
.accordion-group{
  padding-bottom: 2rem;
  padding-top: 2rem;
  border-top: 1px solid #0C0F35;
  
}

.accordion-group:last-child{
  border-bottom: 1px solid #0C0F35;
}

.accordion-menu {
  font-family: Colfax Regular;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.53125rem;
  color: #0C0F35;

  cursor:pointer;

  display:flex;

  transition: color 0.6s ease-out;
}


.accordion-menu h5{
  font-family: Colfax Regular;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.53125rem;
  color: #0C0F35;
}
.accordion-title.active{
  font-family: Colfax;
}

.accordion-menu:hover {
  color: #7B17FF;
}

.accordion-title{
  width: 80%;
}

.accordion-chevron{
  width: 20%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.accordion-content {
  font-family: Colfax Regular;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;

  height: 0;
  padding-right: 8rem;
  overflow: hidden;
  color: #0C0F35;
}

.accordion-content p{
  padding-bottom: 1rem;
  padding-top: 1rem;
}

.accordion-content.expanded {
  height: 0;
  overflow: hidden;
}

@media only screen and (max-width: 1024px) {
  .accordion-menu h5{
	font-size: 1rem;
	line-height: 1.375rem;
  }
}


@media only screen and (max-width: 767px) {
  .accordion-chevron svg{
	width:0.9375rem;
  }
  .accordion-content{
	padding-right: 2rem;
  }
}