Updated CSS styles

public/assets/css/style.css

@@ -23,7 +23,7 @@ h2 {
 
 /* NAVBAR */
 .ux-header {
-  padding: 20px 0;
+  padding: 30px 0;
   position: absolute;
   z-index: 9;
   width: 100%;
@@ -141,7 +141,9 @@ h2 {
   padding: 80px 0;
   background: #ffffff;
 }
-
+.ux-footer-hero .ux-section-label {
+    color: white;
+}
 /* COMMON HEADINGS */
 .ux-section-label {
   font-size: 16px;
@@ -197,7 +199,7 @@ h2 {
 
 .ux-card-text {
   color: black;
-  margin-bottom: 20px;
+  margin-bottom: 40px;
   max-width: 80%;
 }
 
@@ -332,7 +334,7 @@ h2 {
 .ux-number {
   font-size: 32px;
   font-weight: 700;
-  color: #bbb;
+  color: #bbbbbb3d;
   display: block;
   margin-bottom: 13px;
 }
@@ -482,6 +484,10 @@ h2 {
 .ux-footer-hero-content{
     position:relative;
     z-index:2;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
 }
 .ux-footer-hero-content .ux-hero-actions {
     margin-top: 20px;
@@ -1682,18 +1688,24 @@ h2 {
 .ux-nav-cta { color: #baff00; }
 
 /* TOGGLE ICON */
+
 .ux-menu {
-  width: 26px;
-  height: 26px;
+  width: unset;
+  height: 30px;
+  /* width: 30px; */
   position: relative;
   cursor: pointer;
+  background: unset;
+  box-shadow: unset;
+  border: unset;
 }
 
-.icon {
+.ux-header-actions .icon {
   position: absolute;
-  width: 100%;
-  height: 100%;
+  width: 20px;
+  height: 19px;
   transition: 0.3s;
+  top: 11px;
 }
 
 .close-icon {
@@ -1811,10 +1823,7 @@ h2 {
   opacity: 1;
   transform: scale(1.05);
   }
-  .ux-navbar img {
-    width: 100%;
-    height: 100%;
-}
+  .ux-navbar img {width: 100%;height: 100%;}
   .ux-footer-left img {
     width: auto;
     height: auto;
@@ -1822,4 +1831,50 @@ h2 {
 .ux-footer-social img {
     width: 19px;
     height: 19px;
+}
+
+.ux-header-actions button {
+  border: none;
+    background: unset;
+}
+.faq-wrapper {
+  max-width: 800px;
+  margin: auto;
+}
+
+.faq-item {
+  border-bottom: 1px solid #e5e5e5;
+  padding: 20px 0;
+}
+
+.faq-question {
+  width: 100%;
+  background: none;
+  border: none;
+  font-size: 20px;
+  font-weight: 600;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  cursor: pointer;
+}
+
+.faq-icon {
+  font-size: 24px;
+  transition: transform 0.3s ease;
+}
+
+.faq-item.active .faq-icon {
+  transform: rotate(180deg);
+}
+
+.faq-answer {
+  overflow: hidden;
+  transition: max-height 0.4s ease;
+}
+
+.faq-answer p {
+  margin-top: 10px;
+  color: #666;
+  line-height: 1.6;
 }