/* ===== FOOTER ===== */

.custom-footer{
position:relative;
background:url("images/collection-banner-690x.png") center/cover no-repeat;
padding:70px 0 0;
color:#fff;
font-family:'Poppins',sans-serif;
}

/* dark overlay for readability */

.custom-footer::before{
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.75);
z-index:1;
}

/* container */

.custom-footer .footer-container{
max-width:1200px;
margin:auto;
position:relative;
z-index:2;
display:grid;
grid-template-columns:2fr 1fr 1.5fr 1.5fr;
gap:40px;
padding:0 20px 40px;
}

/* logo text */

.footer-about img{
width:140px;
height:140px; /* keep equal for perfect circle */
margin-bottom:15px;
border-radius:50%;
object-fit:cover;
border:3px solid #ffffff; /* optional border */
}

.footer-about p{
color:#ddd;
line-height:1.7;
font-size:14px;
}

/* titles */

.footer-title{
font-size:18px;
font-weight:600;
margin-bottom:20px;
position:relative;
}

.footer-title::after{
content:"";
width:40px;
height:3px;
background:#e53935;
display:block;
margin-top:8px;
}

/* links */

.footer-links a{
display:block;
color:#ddd;
text-decoration:none;
margin-bottom:10px;
font-size:14px;
transition:0.3s;
}

.footer-links a:hover{
color:#fff;
padding-left:5px;
}

/* contact text */

.footer-contact p{
font-size:14px;
color:#ddd;
line-height:1.7;
margin-bottom:10px;
}

/* bottom bar */

.footer-bottom{
border-top:1px solid rgba(255,255,255,0.2);
text-align:center;
padding:15px;
font-size:14px;
color:#ccc;
position:relative;
z-index:2;
}

/* responsive */

@media(max-width:900px){

.custom-footer .footer-container{
grid-template-columns:1fr 1fr;
}

}

@media(max-width:600px){

.custom-footer .footer-container{
grid-template-columns:1fr;
}

}