Updatweb

website/assets/css/main.css

@@ -1707,6 +1707,60 @@ section {
     margin-bottom: var(--spacing-lg);
 }
 
+/* Footer Grid Layout */
+.footer-grid {
+    display: grid;
+    grid-template-columns: 2fr 1fr 1fr 1fr;
+    gap: var(--spacing-xl);
+    margin-bottom: var(--spacing-lg);
+}
+
+.footer-col {
+    display: flex;
+    flex-direction: column;
+}
+
+.footer-title {
+    color: white;
+    font-size: 1.5rem;
+    font-weight: 600;
+    margin-bottom: var(--spacing-sm);
+}
+
+.footer-text {
+    color: #CCCCCC;
+    margin-bottom: var(--spacing-md);
+    line-height: 1.6;
+}
+
+.footer-heading {
+    color: white;
+    font-size: 1.1rem;
+    font-weight: 600;
+    margin-bottom: var(--spacing-md);
+}
+
+.footer-links {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+}
+
+.footer-links li {
+    margin-bottom: var(--spacing-xs);
+}
+
+.footer-links a {
+    color: #CCCCCC;
+    transition: var(--transition);
+    text-decoration: none;
+}
+
+.footer-links a:hover {
+    color: white;
+    padding-left: 5px;
+}
+
 .footer-brand h2 {
     color: white;
     margin-bottom: var(--spacing-sm);
@@ -1837,6 +1891,11 @@ section {
     .footer-content {
         grid-template-columns: 1fr;
     }
+
+    .footer-grid {
+        grid-template-columns: 1fr 1fr;
+        gap: var(--spacing-lg);
+    }
 }
 
 /* Mobile */
@@ -1851,6 +1910,11 @@ section {
         padding: 0 var(--spacing-sm);
     }
 
+    .footer-grid {
+        grid-template-columns: 1fr;
+        gap: var(--spacing-md);
+    }
+
     h1 {
         font-size: 1.8rem;
     }