diff --git a/index.html b/index.html index 459bf27..751e8de 100644 --- a/index.html +++ b/index.html @@ -644,8 +644,11 @@ } .faq-question { + display: flex; + justify-content: space-between; + align-items: center; width: 100%; - padding: 15px; + padding: 10px; text-align: left; background-color: var(--ternary-color); border: none; @@ -656,7 +659,17 @@ outline: none; transition: background-color 0.3s ease; } - + .arrow{ + width:12px; + height:12px; + border:solid black; + border-width: 0 3px 3px 0; + transform: rotate(45deg); + transition: transform 0.3s ease; + } + [aria-expanded="true"] .arrow { + transform: rotate(-135deg); /* Rotation when expanded */ + } .faq-question:hover { background-color: #e6e6e6; } @@ -1108,6 +1121,7 @@

Frequently Asked Questions

@@ -1120,6 +1134,7 @@

Frequently Asked Questions

@@ -1132,6 +1147,7 @@

Frequently Asked Questions

@@ -1146,6 +1162,7 @@

Frequently Asked Questions

@@ -1161,6 +1178,7 @@

Frequently Asked Questions

@@ -1175,6 +1193,7 @@

Frequently Asked Questions