/* Footer, back-to-top, toast */
footer{background:var(--gd);color:#e5efe9;margin-top:22px;padding:70px 0 22px}
.fg{display:grid;grid-template-columns:1.6fr repeat(4,1fr);gap:32px}
footer .logo{color:#cfe6da;margin-bottom:8px}
footer .tag{font-size:14px;margin-top:6px}
footer h6{font:600 14px 'Poppins';margin-bottom:18px;letter-spacing:.5px}
footer li{font-size:13px;margin-bottom:12px;opacity:.85}
footer li a{transition:.3s;display:inline-block}
footer li a:hover{color:#fff;transform:translateX(4px)}
.soc{display:flex;gap:10px}
.soc a{width:36px;height:36px;border:1px solid rgba(255,255,255,.35);border-radius:50%;display:grid;place-items:center;transition:.3s}
.soc a:hover{background:#fff;color:var(--g);transform:translateY(-3px) rotate(8deg)}
.soc svg{width:16px;height:16px}
.copy{border-top:1px solid rgba(255,255,255,.15);margin-top:44px;padding-top:20px;text-align:center;font-size:13px;opacity:.75}
.top{position:fixed;right:18px;bottom:18px;width:40px;height:40px;border-radius:50%;background:var(--g);color:#fff;border:2px solid #fff;cursor:pointer;display:grid;place-items:center;box-shadow:0 6px 16px rgba(0,0,0,.3);transition:.3s;opacity:0;pointer-events:none;z-index:60}
.top.show{opacity:1;pointer-events:auto}
.top:hover{transform:translateY(-4px)}
.toast{position:fixed;left:50%;bottom:24px;z-index:120;background:var(--gd);color:#fff;font-size:13px;padding:10px 20px;border-radius:30px;box-shadow:0 8px 20px rgba(0,0,0,.25);transform:translate(-50%,80px);opacity:0;transition:.4s}
.toast.show{transform:translate(-50%,0);opacity:1}
.top:hover{background:var(--gd);box-shadow:0 10px 22px rgba(0,0,0,.35)}
.top:active{transform:scale(.92)}
footer .logo svg{width:52px;height:52px}
footer .logo b{font-size:28px}
footer .logo small{font-size:12px}
@media(max-width:640px){
footer{padding:48px 0 18px}
.fg{gap:28px 20px}
.copy{margin-top:30px}
}
@media(max-width:900px){
.fg{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
.fg{grid-template-columns:1fr 1fr}
.fg>div:first-child{grid-column:1/-1}
}