/* ==========================================
   HAIR PALACE FOOTER DESIGN
========================================== */


.hp-footer-custom {

display:grid;

grid-template-columns:2fr 1fr 1fr 1fr;

gap:40px;

padding:50px 30px;

background:#211126;

color:white;

}



.hp-footer-custom h3 {

font-size:28px;

color:#D4AF37;

margin-bottom:15px;

}



.hp-footer-custom h4 {

font-size:18px;

color:white;

margin-bottom:15px;

}



.hp-footer-custom p {

color:#ddd;

line-height:1.7;

}



.hp-footer-custom ul {

list-style:none;

padding:0;

}



.hp-footer-custom li {

margin-bottom:10px;

}



.hp-footer-custom a {

color:#ddd;

text-decoration:none;

}



.hp-footer-custom a:hover {

color:#D4AF37;

}



.hp-footer-bottom {

background:#160b1c;

color:#aaa;

text-align:center;

padding:20px;

font-size:14px;

}



@media(max-width:768px){


.hp-footer-custom {

grid-template-columns:1fr;

padding:35px 20px;

}


}