/* Contact page */
.qc{padding:0;margin-top:-70px;z-index:5}
.qc-g{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.qc-c{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px 24px;box-shadow:0 20px 50px rgba(20,30,50,.12);overflow:hidden;transition:opacity .9s,transform .9s cubic-bezier(.2,.7,.2,1),border-color .3s,box-shadow .3s}
.qc-c.in:hover{transform:translateY(-10px);border-color:var(--ac);box-shadow:0 30px 60px rgba(20,30,50,.18)}
.qc-c i{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,var(--ac),#ff8a3d);color:#111;display:grid;place-items:center;margin-bottom:16px;box-shadow:0 12px 26px rgba(255,106,26,.35);transition:.5s}
.qc-c i svg{width:26px;height:26px}
.qc-c:hover i{transform:rotate(-8deg) scale(1.1)}
.qc-c span{color:var(--mut);font-size:.78rem;text-transform:uppercase;letter-spacing:1.5px}
.qc-c b{font-family:var(--hd);font-size:1.35rem;line-height:1.2;margin:4px 0}
.qc-c small{color:var(--mut);font-size:.88rem}
.qc-c::after{content:"";position:absolute;left:0;bottom:0;height:4px;width:100%;background:var(--ac);transform:scaleX(0);transform-origin:left;transition:transform .5s}
.qc-c:hover::after{transform:scaleX(1)}
.cf{padding-top:100px}
.cf .ct-g{margin-top:0}
.cf .ci{margin-top:14px;margin-bottom:0}
.cf .board{margin-top:20px}
.cf form h3{font-family:var(--hd);font-size:1.8rem}
.fn{color:var(--mut);font-size:.8rem}
.mp{background:var(--bg2)}
.map-w{position:relative;margin-top:44px;border-radius:28px;overflow:hidden;border:1px solid var(--line);box-shadow:0 24px 60px rgba(20,30,50,.14);height:460px;background:#dfe5ec}
.map-w iframe{width:100%;height:100%;border:0;display:block}
.map-b{position:absolute;left:20px;bottom:20px;padding:10px 20px;font-size:.85rem}
@media(max-width:900px){.qc-g{grid-template-columns:1fr 1fr}.qc{margin-top:-50px}.map-w{height:360px}}
@media(max-width:520px){.qc-g{grid-template-columns:1fr}}