Update static/css/style.css

static/css/style.css

@@ -1560,22 +1560,319 @@ a:hover{
 
 }
 
-/* =======================
-   Footer
-======================= */
+/* ==========================
+   Footer Section
+========================== */
 
-footer{
+.footer-section{
+    background:#ffffff;
+    border-top:3px solid #D4AF37;
+    padding:50px 0 25px;
+    overflow:hidden;
+}
 
-    background:#fff!important;
+/* Remove Bootstrap negative margin issue */
 
-    color:#000!important;
+.footer-section .row{
+    margin-left:0;
+    margin-right:0;
+}
 
-    border-top:3px solid var(--primary);
+/* Footer Cards */
 
-    padding:40px 0;
+.footer-card{
+
+    background:#fff;
+
+    border:2px solid #D4AF37;
+
+    border-radius:18px;
+
+    padding:20px;
+
+    height:100%;
+
+    box-shadow:0 8px 20px rgba(212,175,55,.12);
+
+    transition:.3s;
+
+}
+
+.footer-card:hover{
+
+    transform:translateY(-4px);
+
+    box-shadow:0 15px 35px rgba(212,175,55,.25);
+
+}
+
+/* Heading */
+
+.footer-card h5{
+
+    margin-bottom:18px;
+
+    font-weight:700;
 
 }
 
+/* Text */
+
+.footer-card p{
+
+    margin-bottom:10px;
+
+    line-height:1.7;
+
+}
+
+/* Links */
+
+.footer-links{
+
+    list-style:none;
+
+    padding:0;
+
+    margin:0;
+
+}
+
+.footer-links li{
+
+    margin-bottom:12px;
+
+}
+
+.footer-links a{
+
+    color:#333;
+
+    text-decoration:none;
+
+}
+
+.footer-links a:hover{
+
+    color:#C89B3C;
+
+}
+
+/* Social Icons */
+
+.social-icons{
+
+    display:flex;
+
+    gap:12px;
+
+    margin-bottom:20px;
+
+    flex-wrap:wrap;
+
+}
+
+.social-icon{
+    width:44px;
+    height:44px;
+    display:flex;
+    justify-content:center;
+    align-items:center;
+    border-radius:50%;
+    background:linear-gradient(135deg,#FFD54F,#D4AF37,#B8860B);
+    color:#fff !important;
+}
+
+.social-icon i{
+    color:#fff !important;
+    font-size:18px;
+    line-height:1;
+    display:flex;
+    align-items:center;
+    justify-content:center;
+}
+/* Fix only the email icon */
+.social-icon .fa-envelope{
+    position:relative;
+    top:-1px;     /* adjust between -1px and -2px if needed */
+    left:0;
+}
+
+/* Mobile */
+
+@media(max-width:991px){
+
+.footer-card{
+
+    margin-bottom:20px;
+
+}
+
+}
+.footer-section p i{
+
+    color:#C89B3C;
+
+}
+
+.footer-section hr{
+
+    border-color:#d9c48a;
+
+}
+/* ==========================
+   Compact Premium Footer Cards
+========================== */
+
+.footer-card{
+
+    background:#ffffff;
+
+    border:2px solid #D4AF37;
+
+    border-radius:16px;
+
+    padding:18px 20px;      /* Reduced padding */
+
+    height:100%;
+
+    box-shadow:0 6px 18px rgba(212,175,55,.12);
+
+    transition:.3s;
+
+}
+
+.footer-card:hover{
+
+    transform:translateY(-3px);
+
+    border-color:#B8860B;
+
+    box-shadow:0 10px 25px rgba(212,175,55,.22);
+
+}
+
+/* Headings */
+
+.footer-card h4,
+.footer-card h5{
+
+    margin-bottom:12px;
+
+    font-size:22px;
+
+    color:#000;
+
+}
+
+/* Paragraphs */
+
+.footer-card p{
+
+    margin-bottom:8px;
+
+    line-height:1.5;
+
+    font-size:15px;
+
+}
+
+/* Quick Links */
+
+.footer-links{
+
+    margin:0;
+    padding:0;
+
+}
+
+.footer-links li{
+
+    margin-bottom:8px;
+
+}
+
+.footer-links a{
+
+    color:#444;
+
+    text-decoration:none;
+
+    font-size:15px;
+
+}
+
+.footer-links i{
+
+    color:#D4AF37;
+
+    margin-right:8px;
+
+}
+
+/* Social Icons */
+
+.social-icons{
+
+    display:flex;
+
+    gap:10px;
+
+    flex-wrap:wrap;
+
+    margin-bottom:15px;
+
+}
+
+.social-icon{
+
+    width:42px;
+
+    height:42px;
+
+    border-radius:50%;
+
+    display:flex;
+
+    align-items:center;
+
+    justify-content:center;
+
+    background:linear-gradient(135deg,#FFD54F,#D4AF37,#B8860B);
+
+    color:#fff !important;
+
+    font-size:17px;
+
+    transition:.3s;
+
+}
+
+.social-icon:hover{
+
+    transform:translateY(-3px);
+
+}
+
+/* Contact */
+
+.footer-card .fa-phone,
+.footer-card .fa-envelope,
+.footer-card .fa-globe{
+
+    color:#D4AF37;
+
+    margin-right:8px;
+
+}
+
+.footer-card p:last-child{
+
+    margin-bottom:0;
+
+}
+
+
 /* =======================
    Utilities
 ======================= */