.page-footer{
width:100%;
padding:3rem;
display:flex;
flex-direction:column;
gap:2rem;
}

/* top */

.footer-top{
display:flex;
justify-content:space-between;
align-items:flex-start;
gap:3rem;
}

.footer-left{
display:flex;
flex-direction:column;
gap:1.2rem;
max-width:420px;
}

.brand-logo-wrapper{
display:flex;
align-items:center;
gap:.7rem;
text-decoration:none;
color:#fff;
}

.brand-logo-element{
height:40px;
}

.brand-logo-element img{
height:100%;
object-fit:contain;
}

.brand-name{
font-size:20px;
font-weight:600;
}

.footer-description{
color:#9a9a9a;
line-height:1.5;
font-size:15px;
}

/* links */

.footer-links{
display:flex;
flex-direction:column;
gap:.7rem;
}

.footer-links a{
color:#a2a2a2;
text-decoration:none;
font-size:15px;
transition:opacity .2s;
}

.footer-links a:hover{
opacity:.8;
}

/* divider */

.footer-divider{
width:100%;
height:1px;
background:#ffffff12;
}

/* bottom */

.footer-bottom{
display:flex;
justify-content:space-between;
align-items:center;
}

.copyright-section{
color:#a2a2a2;
font-size:14px;
}

.legal-links{
display:flex;
gap:20px;
}

.legal-links a{
font-size:14px;
color:#a2a2a2;
text-decoration:none;
}

.legal-links a:hover{
opacity:.8;
}

/* responsive */

@media (max-width:900px){

.footer-top{
flex-direction:column;
gap:2rem;
}

.footer-bottom{
flex-direction:column;
gap:1rem;
text-align:center;
}

.footer-links{
flex-direction:row;
gap:1.5rem;
}

}

@media (max-width:500px){

.page-footer{
padding:2rem 1.5rem;
}

.footer-links{
flex-direction:column;
align-items:center;
}

}