#custom-block-accordion{
  position: relative;
  box-shadow: 0px 1px 7px #DBDBDB;
}

#custom-block-accordion .accordion-head{
  background-color: #428bca;
  color: #563e6e;
  padding: 20px 30px;
  cursor: pointer;
  /* transition: 0.1s ease; */
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#custom-block-accordion .accordion-head{
	border: 1px solid #FFF;
    outline: 2px solid #428bca;
    box-shadow: rgb(0 0 0 / 15%) 6.2px 6.2px 6.2px;
	
}

#custom-block-accordion .accordion-head.active{
	box-shadow: rgb(0 0 0 / 15%) 4.2px 4.2px 4.2px;
	border: 1px solid #000;
    outline: 2px solid #FFF;
}
#custom-block-accordion .accordion-content{
	margin-top: 10px;
}
#custom-block-accordion .accordion-head p{
	text-align: left;
    width: 100%;
    font-weight: bold;
    font-size: 16px;
    margin-left: 10px;
	color: #FFF
}

#custom-block-accordion .accordion-head.active p{
	color: #000
}


#custom-block-accordion .accordion-head:hover .arrow{
  opacity: 1;
}

#custom-block-accordion .accordion-head:hover {
	
}

#custom-block-accordion .active {
  background-color: #FFFFFF;
}

#custom-block-accordion .accordion-content{
  background-color: #FFFFFF;
  display: none;
  padding: 20px 30px;
  color: #333333;
}

#custom-block-accordion .arrow{
  height: 25px;
  color: #563e6e;
  font-size: 60px;
  transition: 0.15s ease;
  opacity: 0.3;
  transform: rotate(0deg);
}

#custom-block-accordion .arrow-animate{
  transform: rotate(90deg);
  opacity: 1;
}

#custom-block-accordion .st0{fill:#FFFFFF;}
#custom-block-accordion .active .st0{fill:#000;}