footer{
  border-top:1px solid var(--line);
  padding:60px 0 36px;
  background:#000;
}

.foot{
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:38px;
  margin-bottom:38px;
}

.foot .col h5{
  font-family:var(--fd);
  margin-bottom:15px;
  font-size:1rem;
}

.foot .col a{
  display:block;
  
  text-decoration:none;
  font-size:.9rem;
  margin-bottom:9px;
  transition:.25s;
}


.foot .col h5 {
  color: #fff;
}
.foot-sub input{
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:40px;
  padding:12px 18px;
  color:var(--text);
  width:210px;
  font-family:var(--fb);
  margin-right:8px;
  margin-top:8px;
}

.foot-bottom{
  border-top:1px solid var(--line);
  padding-top:24px;
  text-align:center;
  color:var(--muted);
  font-size:.85rem;
}

.reveal{opacity:0;transform:translateY(28px);transition:.7s cubic-bezier(.2,.7,.2,1)}
.reveal.in{opacity:1;transform:none}

@keyframes up{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}
@keyframes scroll{to{transform:translateX(-50%)}}
@keyframes ring{0%{b.foot .col a:hover {ox-shadow:0 0 0 0 rgba(0,243,255,.5)}70%{box-shadow:0 0 0 22px rgba(0,243,255,0)}100%{box-shadow:0 0 0 0 rgba(0,243,255,0)}}

.foot .col a {
  color: #000 !important;
}

.foot .col a:hover {
  color: #000 !important;
}