add frequently-asked-questions

src/app/styles/pages-styles.scss

@@ -4539,6 +4539,7 @@
 		box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
 		overflow: hidden;
 		transition: transform 0.3s, box-shadow 0.3s;
+		user-select: none;
 
 		&:hover {
 			transform: translateY(-2px);
@@ -4563,7 +4564,15 @@
 		align-items: center;
 		cursor: pointer;
 		padding: 15px 0;
-		border-bottom: 1px solid #e5e7eb;
+
+		.dropdown-arrow {
+			min-width: 20px;
+			transition: transform 0.3s ease-in-out;
+
+			&.expanded {
+				transform: rotate(-180deg);
+			}
+		}
 
 		span {
 			font-weight: 500;
@@ -4576,9 +4585,14 @@
 	}
 
 	.faq-answer {
-		display: none;
-		padding: 15px 0;
 		color: #4b5563;
 		line-height: 1.6;
+		transition: all 0.3s ease-out;
+		opacity: 1;
+
+		&>div {
+			border-top: 1px solid #e5e7eb;
+			padding: 15px;
+		}
 	}
 }