/* فوتر */
footer{background:var(--dark);color:#aeb8c7;margin-top:50px;padding-top:40px}
footer .cols{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.3fr;gap:28px}
footer h4{color:#fff;border-bottom:2px solid var(--pri);display:inline-block;padding-bottom:4px}
footer a{display:block;padding:2px 0}
footer a:hover{color:#fff;padding-right:4px}
footer .soc{display:flex;gap:8px;margin-top:10px}
footer .soc a{width:36px;height:36px;border-radius:50%;background:var(--dark2);display:grid;place-items:center}
footer .soc a:hover{background:var(--pri)}
.copy{text-align:center;font-size:13px;border-top:1px solid #243041;margin-top:30px;padding:14px 0}
@media(max-width:900px){
  footer .cols{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
  footer .cols{grid-template-columns:1fr}
}