/** Shopify CDN: Minification failed

Line 22:19 Expected identifier but found whitespace
Line 22:21 Unexpected "{"
Line 22:30 Expected ":"
Line 23:8 Expected identifier but found whitespace
Line 23:10 Unexpected "{"
Line 23:19 Expected ":"
Line 27:12 Expected identifier but found whitespace
Line 27:14 Unexpected "{"
Line 27:23 Expected ":"
Line 27:53 Expected ":"
... and 8 more hidden warnings

**/


/* CSS from section stylesheet blocks */
/* Add custom styles for the FAQ section */
.faq-section {
  padding: 20px;
  background-color: {{ section.settings.background_color }};
  color: {{ section.settings.text_color }};
  text-align: center; /* Center align the text */
}
.faq-section h2 {
  font-size: {{ section.settings.title_font_size }}px;
  margin-bottom: 20px;
}
.faq-item {
  margin: 10px 0;
  cursor: pointer;
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 5px;
  transition: background-color 0.3s ease;
}
.faq-item:hover {
  background-color: #f1f1f1;
}
.faq-item .faq-question {
  font-size: {{ section.settings.question_font_size }}px;
}
.faq-item .faq-answer {
  display: none;
  font-size: {{ section.settings.answer_font_size }}px;
  padding-top: 10px;
}
.faq-item .arrow {
  float: right;
  transition: transform 0.3s ease;
}
.faq-item.active .arrow {
  transform: rotate(180deg);
}