#faq {
 padding: 40px 0 0 0;
}


.accordion {
  border: 1px solid #ddd;      
  overflow: hidden;          
}

.accordion-item {
  border-bottom: 1px solid #ddd;
  transition: background-color 0.3s;
}


.accordion-item:last-child {
  border-bottom: none;
}

.accordion-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  padding: 38px 20px;
  transition: background-color 0.3s;
  font-size: 18px;
  font-weight: bold;
}
.accordion-header:hover {
  background-color: #70849F;
}
.accordion-header.active {
  background-color: #70849F;
}

.accordion-arrow {
  width: 16px;
  height: 16px;
  border-right: 2px solid #2c81cb;
  border-bottom: 2px solid #2c81cb;
  transform: rotate(45deg);
  transition: transform 0.3s;
}

.accordion-item.active .accordion-arrow {
  transform: rotate(225deg);
}

.accordion-content {
  max-height: 0;       
  overflow: hidden;    
  opacity: 0;           
  transition: max-height 0.3s ease, opacity 0.3s ease, padding 0.3s;
  padding: 0 30px;   
  font-size: 18px;  
  text-align: left;
}

.accordion-item.active .accordion-content {
  max-height: 300px;
  opacity: 1;
  padding: 20px;
}

@media (max-width: 480px) {
	.accordion-item.active .accordion-content {
  max-height: 100%;
}
	}