adding

Author: Kride024

index.html

@@ -1373,14 +1373,17 @@
 }
 .section-common-heading.faq {
   margin: 0;
-  height:850px;
+  margin-top: 1rem;
+  min-height: 0;
+  height: auto !important;
+  overflow: visible !important;
   font-family: 'Poppins', Arial, sans-serif;
   background-color: #f3f1f1;
   color: #000000;
-  /* Safari-specific rendering tweaks */
+  z-index: 0;
+  padding-bottom: 4rem; /* Space above footer */
   -webkit-font-smoothing: antialiased;
   -webkit-text-fill-color: #000; 
-  /* Helps override dark mode */
   -webkit-appearance: none;
 }
 
@@ -1391,10 +1394,13 @@
   }
 }
 
-.faq-2{
-max-width: 800px; 
-margin: 40px auto;
- padding: 0 20px;
+.faq-2 {
+  max-width: 800px;
+  margin: 40px auto 7rem auto; /* Extra bottom margin for footer */
+  padding: 0 20px 7rem 20px;   /* Add 7rem bottom padding */
+  width: 100%;
+  height: auto !important;
+  min-height: 0 !important;
 }
 .faq-heading{
 text-align: center; 
@@ -1467,25 +1473,30 @@
  }
 }
 @media (max-width: 700px) {
+ 
 .faq-heading{
 
   font-size: 1.6rem;
   font-family: 'Poppins', sans-serif;
-  font-weight: 700;
+  font-weight: 600;
 
 }
 .faq-heading{
   padding-top: 2rem;
   margin-bottom: 2.5rem;
 }
-.faq-2{
-   width:320px;
-  height:700px;
-  font-family:'Poppins', sans-serif ;
-  font-size:1.1rem;
-  font-weight: 400;
-  
-}
+   .faq-2 {
+    width: 94vw !important;
+    max-width: 400px !important;
+    margin: 0 auto 7rem auto !important;
+    padding: 0 0.5rem 9rem 0.5rem !important;
+  }
+    .section-common-heading.faq {
+       margin-top: 3rem !important; 
+    min-height: 0 !important;
+    height: auto !important;
+    padding-bottom: 0 !important; /* Remove padding here, use .faq-2 instead */
+  }
 .button-faq{
  font-family:'Poppins', sans-serif ;
   font-size:1.1rem;
@@ -1494,11 +1505,14 @@
 .Partner-Main-box{
   height:130px;
 }
-.content-faq{
-  font-family:'Poppins', sans-serif ;
-  font-size:1.1rem;
-  font-weight: 400;
-}
+  .content-faq {
+    width: 90vw;
+    max-width: 370px;
+    margin: 0 auto;
+    font-size: 1rem;
+    padding: 12px 10px;
+    box-sizing: border-box;
+  }
 
 }.containerPartner {
   flex: 0 0 200px;               /* Prevent flex growth/shrink */
@@ -1685,7 +1699,7 @@
 
 .custom-footer__contact i {
   margin-right: 10px;
-  color: #0062ff;
+  color: #f1f1f1;
   min-width: 20px;
 
 }
@@ -1714,7 +1728,7 @@
 
 .custom-footer__icons i:hover {
   transform: scale(1.1);  /* Optional: adds a nice hover effect */
-  color: #0062ff;         /* Optional: hover color */
+  color: #f1f1f1;         /* Optional: hover color */
 }
 
 
@@ -1725,7 +1739,7 @@
 }
 
 .custom-footer__icons a:hover {
-  color: #0062ff;
+  color: #f1f1f1;
 }
 
 /* Footer Bottom */
@@ -1757,7 +1771,7 @@
 .footer-contact-form h3 {
   font-size: 1.5rem;
   margin-bottom: 15px;
-  color: #0062ff;
+  color: #f1f1f1;
 }
 
 .footer-contact-form form {
@@ -1780,7 +1794,7 @@
   padding: 12px;
   font-size: 1rem;
   font-weight: bold;
-  background-color: #0062ff;
+  background-color: rgb(28, 94, 226);
   color: #000;
   border: none;
   border-radius: 4px;
@@ -1789,7 +1803,7 @@
 }
 
 .footer-contact-form button:hover {
-  background-color: #0062ff;
+  background-color: rgb(28, 94, 226);
 }
 
 /* Responsive Design */
@@ -1808,6 +1822,7 @@
   .footer-contact-form input,
   .footer-contact-form button {
     font-size: 1.2rem;
+    color:#f1f1f1;
   }
 .custom-footer__icons {
   display: flex;
@@ -2823,25 +2838,25 @@ <h2  class="faq-heading">Frequently Asked Questions</h2>
     </div>
   </div>
     <!-- FAQ Item -->
-  <div class="Question-1" >
+  <!-- <div class="Question-1" >
     <button class="button-faq" onclick="toggleFaq(this)" >
 7. Will I be involved in the design process?
       <span style="float: right;">+</span>
     </button>
     <div class="content-faq">
 Absolutely. At Elicit, we believe your home should reflect you. Our designers work closely with you from the very first consultation understanding your vision, preferences, and lifestyle. You’ll be involved at every key stage, from concept to material selection and final approvals, ensuring the end result is uniquely yours.
     </div>
-  </div>
+  </div> -->
     <!-- FAQ Item -->
-  <div class="Question-1">
+  <!-- <div class="Question-1">
     <button class="button-faq" onclick="toggleFaq(this)" >
 8. Do you offer customized furniture and modular solutions?
       <span style="float: right;">+</span>
     </button>
     <div class="content-faq">
 Yes, Elicit specializes in both custom-made furniture and modular designs tailored to your space and style. Whether it’s a modular kitchen, wardrobes, or bespoke sofas and tables, our team ensures each piece is designed for comfort, durability, and visual harmony with your interiors.
     </div>
-  </div>
+  </div> -->
   </div>
    <!-- ========== Start Contact Home Section ========== -->
 

service.html

@@ -780,7 +780,7 @@
 
 .custom-footer__contact i {
   margin-right: 10px;
-  color: #f1c40f;
+  color: #f1f1f1;
   min-width: 20px;
 
 }
@@ -809,7 +809,7 @@
 
 .custom-footer__icons i:hover {
   transform: scale(1.1);  /* Optional: adds a nice hover effect */
-  color: #f1c40f;         /* Optional: hover color */
+  color: #f1f1f1;         /* Optional: hover color */
 }
 
 
@@ -820,7 +820,7 @@
 }
 
 .custom-footer__icons a:hover {
-  color: #f1c40f;
+  color: #f1f1f1;
 }
 
 /* Footer Bottom */
@@ -853,7 +853,7 @@
 .footer-contact-form h3 {
   font-size: 1.5rem;
   margin-bottom: 15px;
-  color: #f1c40f;
+  color: #f1f1f1;
 }
 
 .footer-contact-form form {
@@ -876,16 +876,16 @@
   padding: 12px;
   font-size: 1rem;
   font-weight: bold;
-  background-color: #f1c40f;
-  color: #000;
+  background-color: rgb(28, 94, 226);
+  color: #f1f1f1;
   border: none;
   border-radius: 4px;
   cursor: pointer;
   transition: background-color 0.3s ease;
 }
 
 .footer-contact-form button:hover {
-  background-color: #d4ac0d;
+  background-color: rgb(28, 94, 226);
 }
 
 /* Responsive Design */
@@ -1027,54 +1027,15 @@
     <i class="fas fa-calculator"></i>
     <span>Estimate</span>
   </a>
-  <div class="nav-item" onclick="toggleDropdown()">
-    <i class="fas fa-ellipsis-h"></i>
-    <span>More</span>
-  </div>
+ 
 </div>
 
 
   <!-- More Dropdown Menu -->
-  <div class="mobile-menu-unique" id="hamburgerDropdownUnique">
-    <a href="who we are.html">Who we Are</a>
-    <a href="service.html">Services</a>
-    <a href="work with us.html">Work with Us</a>
-    <a href="contact us.html">Contact</a>
-  </div>
+  
 
   <!-- JS to Toggle Dropdown -->
-  <script>
-    function toggleDropdown() {
-      const dropdown = document.getElementById("hamburgerDropdownUnique");
-      if (dropdown.style.display === "flex") {
-        dropdown.style.display = "none";
-      } else {
-        dropdown.style.display = "flex";
-      }
-    }
-
-    // Optional: Close on outside click
-    document.addEventListener('click', function (event) {
-      const dropdown = document.getElementById("hamburgerDropdownUnique");
-      const moreBtn = event.target.closest('.nav-item');
-      if (!dropdown.contains(event.target) && !moreBtn) {
-        dropdown.style.display = "none";
-      }
-    });
-       window.addEventListener("DOMContentLoaded", function () {
-  const path = window.location.pathname.split("/").pop().split("?")[0]; // current file, like 'design.html'
-  const navLinks = document.querySelectorAll(".mobile-navbar .nav-item");
-
-  navLinks.forEach(link => {
-    const page = link.getAttribute("data-page");
-    if (page === path) {
-      link.classList.add("active"); // This triggers the blue styling from CSS
-    }
-  });
-});
-
-
-  </script>
+ 
    <!-- ========== Start nav section ========== -->
    <header class ="section-navbar" >
     <div class="container">