.city-lab{padding-top:35px;padding-bottom:100px;background:#0c161b}.city-lab-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;flex-wrap:wrap}.city-lab-heading .section-overline{width:100%;color:#de846d}.city-lab-heading h2{font-size:clamp(34px,4vw,55px);letter-spacing:-.07em;margin:0}.city-lab-heading h2 em{color:#dbbd87;font-style:normal}.city-lab-heading p{max-width:510px;font-size:12px;line-height:1.8;color:#9fb2a7;margin:0}.city-form{display:grid;grid-template-columns:repeat(4,1fr) auto;gap:11px;align-items:end;background:#16292d;border:1px solid #dabd8b48;padding:22px;margin-top:25px}.city-form label{display:grid;gap:8px;color:#d7c7a9;font-size:10px}.city-form input,.city-form select{width:100%;height:42px;border:1px solid #d3b7894a;background:#102126;color:#f3ead9;padding:0 10px;border-radius:0;font-size:11px}.city-form input::placeholder{color:#789086}.city-form button{height:42px;background:#e57763;color:#1b292b;border:0;padding:0 18px;font-size:11px;font-weight:800;white-space:nowrap}.city-result{border:1px solid #d7bb8a3b;border-top:0;background:#13262a;padding:22px;min-height:88px}.city-result-empty{font-size:11px;color:#80978a}.city-result-top{display:flex;justify-content:space-between;align-items:center;gap:15px}.city-result-top b{font-size:19px}.city-result-top span{font-size:10px;color:#dab784}.city-result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.city-result-grid article{border-left:1px solid #dbbd8966;padding-left:15px}.city-result-grid b{font-size:12px}.city-result-grid p{font-size:11px;color:#abbdb0;line-height:1.8;margin:6px 0}.city-result-bottom{border-top:1px solid #d8bd8944;padding-top:16px;margin-top:19px;display:flex;justify-content:space-between;align-items:center;gap:15px}.city-result-bottom small{font-size:10px;color:#82988d;line-height:1.6}.city-result-bottom button{border:0;background:transparent;color:#e7be87;border-bottom:1px solid #e7be87;padding:4px 0;white-space:nowrap;font-size:11px}
@media(max-width:1100px){.city-form{grid-template-columns:repeat(2,1fr)}.city-form button{grid-column:1/-1}}
@media(max-width:620px){.city-lab{padding-bottom:68px}.city-form{grid-template-columns:1fr;padding:15px}.city-result{padding:17px}.city-result-grid{grid-template-columns:1fr}.city-result-bottom{align-items:start;flex-direction:column}}