/* faq css starts here */
.faq-page {padding: 3rem 1rem;max-width: 1200px;margin: auto;color: #333;}
.faq-header {text-align: center;margin-bottom: 3rem;}
.faq-header h1 {font-size: 3rem;color: #098f4b;position: relative;display: inline-block;font-family: "Playfair Display", serif;}
.faq-header h1::after {content: '';position: absolute;width: 80px;height: 5px;background: linear-gradient(90deg, #7a9d54, #098f4b);left: 50%;transform: translateX(-50%);bottom: -12px;border-radius: 5px;}
.faq-header p {margin-top: 1rem;color: #555;font-size: 14px;line-height: 1.6;text-align: center;}
.faq-header span {font-family: "Playfair Display", serif;font-style: italic;font-weight: bold;color: #098f4b;font-size: 20px;}
.faq-box {background: #fff;border-radius: 20px;box-shadow: 0 10px 25px rgba(0, 0, 0, 0.103);padding: 2.5rem;transition: 0.3s;}
.faq-item {border-bottom: 1px solid #e6e6e6;padding: 1.2rem 0;transition: all 0.3s ease;}
.faq-question {display: flex;justify-content: space-between;align-items: center;cursor: pointer;font-weight: 600;font-size: 1.1rem;transition: background 0.3s ease, padding 0.3s ease;}
.faq-question span {display: flex;gap: 0.6rem;align-items: center;color: #098f4b; font-size: 14px;}
.faq-question span::before {content: '' !important;display: inline-block;width: 28px;height: 28px;margin-right: 2px;background-image: url('../images/faq.png');background-size: contain;background-repeat: no-repeat;vertical-align: middle;}
.faq-question:hover {background-color: #f4fbf5;padding: 1rem;border-radius: 12px;}
.faq-question i {transition: transform 0.3s ease;color: #098f4b; font-size: 14px;}
.faq-answer {max-height: 0;overflow: hidden;transition: all 0.5s ease;font-size: 14px;line-height: 1.6;padding: 0;color: #444;}
.faq-item.active .faq-answer {max-height: 600px;padding-top: 1rem;}
.faq-item.active .faq-question i {transform: rotate(180deg);}
@media (max-width: 600px) {.faq-header h1 {font-size: 2.2rem;}
.faq-box {padding: 1.5rem;}
.faq-question {font-size: 1rem;}}
/* faq css end here */