.elementor-1789 .elementor-element.elementor-element-2167ff7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-84b466e */.haqiba-footer{

background:#f8f3ef;

padding:70px 0 30px;

font-family:'Poppins',sans-serif;

}


.footer-container{

width:90%;
max-width:1200px;

margin:auto;

}


.footer-grid{

display:grid;

grid-template-columns:repeat(auto-fit,minmax(220px,1fr));

gap:40px;

}


/* Logo */

.footer-logo{

color:#5E1F00;

font-size:30px;

margin-bottom:10px;

}


.footer-col p{

color:#666;

line-height:1.7;

margin-bottom:20px;

}


/* Titles */

.footer-col h3{

color:#5E1F00;

margin-bottom:18px;

font-size:20px;

}


/* Links */

.footer-col ul{

list-style:none;

padding:0;

}


.footer-col ul li{

margin-bottom:10px;

}


.footer-col ul li a{

text-decoration:none;

color:#555;

transition:0.3s;

}


.footer-col ul li a:hover{

color:#5E1F00;

}


/* WhatsApp Button */

.footer-whatsapp{

display:inline-flex;

align-items:center;

gap:8px;

padding:10px 18px;

background:#25D366;

color:white;

border-radius:25px;

text-decoration:none;

font-size:14px;

transition:0.3s;

}


.footer-whatsapp:hover{

transform:translateY(-2px);

}


/* Social Icons */

.social-icons{

display:flex;

gap:15px;

}


.social-icons a{

width:38px;

height:38px;

display:flex;

align-items:center;

justify-content:center;

border-radius:50%;

background:#fff;

color:#5E1F00;

font-size:16px;

box-shadow:0 5px 15px rgba(0,0,0,0.05);

transition:0.3s;

}


.social-icons a:hover{

background:#5E1F00;

color:white;

}


/* Bottom */

.footer-bottom{

margin-top:50px;

text-align:center;

border-top:1px solid #eee;

padding-top:20px;

color:#777;

font-size:14px;

}


/* Mobile */

@media(max-width:768px){

.footer-grid{

gap:30px;

}

}/* End custom CSS */