#faq {

background: #f8f5f0;

text-align: center;

}

#faq h2 {

margin-bottom: 50px;

}

.faq-list {

max-width: 700px;

margin: auto;

display: flex;
flex-direction: column;

gap: 15px;

}

.faq-item {

background: white;

border-radius: 8px;

box-shadow: 0 10px 30px rgba(0,0,0,0.05);

overflow: hidden;

transition: all .3s ease;

}

.faq-question {

width: 100%;

padding: 20px;

border: none;

background: transparent;

display: flex;
justify-content: space-between;
align-items: center;

cursor: pointer;

font-size: 16px;

text-align: left;

transition: all .3s ease;

}

.faq-question:hover {

color: #c6a663;

}

.faq-icon {

font-size: 20px;

transition: transform .3s ease;

}

.faq-item.active .faq-icon {

transform: rotate(45deg);

color: #c6a663;

}

.faq-answer {

max-height: 0;

overflow: hidden;

padding: 0 20px;

color: #666;

transition: all .4s ease;

}

.faq-item.active .faq-answer {

max-height: 300px;

padding: 0 20px 20px;

}

.faq-answer a {

color: #c6a663;

text-decoration: none;

}

.faq-answer a:hover {

text-decoration: underline;

}