diff --git a/faq.html b/faq.html
index 71f3449..f682960 100644
--- a/faq.html
+++ b/faq.html
@@ -30,6 +30,7 @@
 
         .card {
             border-radius: 10px;
+            background-color: #212226;
         }
     </style>
 </head>
@@ -38,7 +39,8 @@
 <nav class="navbar navbar-expand-lg navbar-dark comp-color ml-5 mr-5 nav-radius">
     <a href="/"><img alt="Banner" class="navbar-brand" height="80" src="assets/logo_transparent.webp"
                      style="margin-top: 0%;" width="80"></a>
-    <button aria-controls="navbarTogglerDemo01" aria-expanded="false" aria-label="Toggle navigation" class="navbar-toggler"
+    <button aria-controls="navbarTogglerDemo01" aria-expanded="false" aria-label="Toggle navigation"
+            class="navbar-toggler"
             data-target="#navbarTogglerDemo01" data-toggle="collapse" type="button">
         <span class="navbar-toggler-icon"></span>
     </button>
@@ -68,7 +70,7 @@
 
 <div class="container-fluid mt-3">
     <div class="accordion" id="accordionExample">
-        <div class="card bg-dark">
+        <div class="card">
             <div class="card-header" id="headingOne">
                 <h2 class="mb-0">
                     <button aria-controls="collapseOne"
@@ -90,11 +92,12 @@
                 </div>
             </div>
         </div>
-        <div class="card bg-dark">
+        <div class="card">
             <div class="card-header" id="headingTwo">
                 <h2 class="mb-0">
                     <button aria-controls="collapseTwo"
-                            aria-expanded="false" class="btn btn-link btn-block text-left collapsed text-decoration-none text-white"
+                            aria-expanded="false"
+                            class="btn btn-link btn-block text-left collapsed text-decoration-none text-white"
                             data-target="#collapseTwo" data-toggle="collapse" type="button">
                         How to check order status ?
                     </button>
@@ -109,11 +112,12 @@
                 </div>
             </div>
         </div>
-        <div class="card bg-dark">
+        <div class="card">
             <div class="card-header" id="headingThree">
                 <h2 class="mb-0">
                     <button aria-controls="collapseThree"
-                            aria-expanded="false" class="btn btn-link btn-block text-left collapsed text-decoration-none text-white"
+                            aria-expanded="false"
+                            class="btn btn-link btn-block text-left collapsed text-decoration-none text-white"
                             data-target="#collapseThree" data-toggle="collapse" type="button">
                         How to cancel order ?
                     </button>
@@ -132,10 +136,12 @@
 </div>
 
 <script crossorigin="anonymous"
-        integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" src="https://code.jquery.com/jquery-3.5.1.slim.min.js">
+        integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
+        src="https://code.jquery.com/jquery-3.5.1.slim.min.js">
 </script>
 <script crossorigin="anonymous"
-        integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns" src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js">
+        integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns"
+        src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js">
 </script>
 </body>