@charset "UTF-8";
/* ==== FAQ ==== */
.faqcontainer { max-width: 820px; margin: 0px auto 0px auto; padding: 0px 20px 0px 20px; text-align: justify; }
.faq { margin: 20px auto 0px auto; font-family: 'Montserrat', sans-serif; }
.question { cursor: pointer; margin: 10px 0; font-family: 'Montserrat', sans-serif; font-weight: bold; color: #3f8f7d; background-color: #F4FBF9; padding: 20px; border: 1px solid #6cc0ac; text-align: left; transition: background-color 0.5s ease-out; }
.question:hover { background-color: #E3F3EF; }
.answer { color: #3f8f7d; opacity: 0; line-height: 1.8; max-height: 0; overflow: hidden; visibility: hidden; transition: opacity 0.5s ease, max-height 0.5s ease; }
.answer.open { opacity: 1; max-height: 500px; visibility: visible; }
/* ==== END FAQ ==== */