.accordion .accordion-btn {
  cursor: pointer;
  width: 100%;
  outline: none;
  transition: 0.4s;
}

.accordion .accordion-btn:after {
  content: '\002B';
  float: right;
}

.accordion .accordian-active:after {
  content: "\2212";
}

.accordion .accordion-panel {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.accordion .accordion-btn {
  background-color: #ffffff;
  color: #444;
  padding: 18px;
  border: none;
  text-align: left;
  border-bottom: 2px solid #FF008D;
  margin-top: 15px;
}

.accordion .accordian-active, .accordion .accordion-btn:hover {
  background-color: #f0f2f1;
}

.accordion .accordion-btn:after {
  color: #FF008D;
  font-weight: bold;
  margin-left: 5px;
}

.accordion .accordion-panel {
  padding: 0 18px;
  
}

.accordion .accordion-panel p {
	margin-top: 1rem;
}

/*
Media Queries
*/
 
/*
Bootstrap 4 breakpoints
*/
 
/* 
Extra small devices (portrait phones, less than 576px) 
No media query since this is the default in Bootstrap because it is "mobile first"
*/
 
 
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  


}
 
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint HERE */
@media (min-width: 768px) {  
	
	
}
 
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
	
}
 
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  
   
   
}
 
 
/*
Custom media queries/breakpoints
*/
 
/* Set width to make card deck cards 100% width */
@media (min-width: 601px) { 

}