/* FAQ Section */
.faq {
padding: var(--section-padding);
background: var(--light-color);
}
.accordion {
max-width: 800px;
margin: 50px auto 0;
}
.accordion-item {
background: white;
border-radius: 8px;
margin-bottom: 15px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
overflow: hidden;
}
.accordion-header {
padding: 20px;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
font-weight: 600;
font-size: 1.1rem;
}
.accordion-body {
padding: 0 20px;
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease;
}
.accordion-body-inner {
padding-bottom: 20px;
}
.active .accordion-body {
max-height: 1000px;
}
/* Improved styling for accordion content */
.accordion-body-inner ul {
list-style-type: disc;
padding-left: 20px;
margin: 10px 0;
}
.accordion-body-inner li {
margin-bottom: 8px;
}
.accordion-body-inner .warning {
background-color: rgba(255, 165, 0, 0.1);
border-left: 3px solid orange;
padding: 10px 15px;
margin: 10px 0;
font-style: italic;
}
.accordion-body-inner a {
color: var(--primary-color);
text-decoration: underline;
}
/* GitHub FAQ link styling */
.github-faq-link {
display: inline-flex;
align-items: center;
font-weight: 600;
color: var(--primary-color);
text-decoration: none;
transition: all 0.3s ease;
}
.github-faq-link:hover {
color: var(--secondary-color);
}
.github-faq-link svg {
margin-right: 8px;
}
.github-faq-container {
text-align: center;
margin: 20px 0 40px;
padding: 15px;
}
/* Discord Community Link */
.discord-community-container {
text-align: center;
margin: 30px 0;
padding: 25px;
border: none;
}
.discord-link {
display: inline-flex;
align-items: center;
font-weight: 600;
color: #0078D7;
text-decoration: none;
transition: all 0.3s ease;
font-size: 1.1rem;
}
.discord-link:hover {
transform: scale(1.05);
}
.discord-link svg {
margin-right: 10px;
width: 28px;
height: 28px;
}
/* FAQ feedback form */
.feedback-container {
margin-top: 40px;
background: #f9f9f9;
padding: 30px;
border-radius: 10px;
text-align: center;
}
.question-form {
max-width: 600px;
margin: 20px auto;
}
.question-form textarea {
width: 100%;
padding: 15px;
border-radius: 5px;
border: 1px solid #ddd;
margin-bottom: 15px;
min-height: 100px;
}
/* Testimonials Section */
.testimonials-grid {
max-width: 800px;
margin: 40px auto;
}
.testimonial-card {
background: white;
border-radius: 10px;
padding: 10px;
margin-bottom: 30px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}
.testimonial-card img {
width: 100%;
}
