/* ALOQA FORMASI + MA'LUMOT KARTASI (index.html va contact.html) */
.cf{display:grid;grid-template-columns:1.6fr 1fr;gap:28px;align-items:stretch}
.cf-form,.cf-info{background:#fff;border:1px solid var(--line);border-radius:18px;padding:40px}
.cf-form h2{font-size:clamp(1.5rem,2.6vw,2.1rem);margin-bottom:28px;color:var(--navy)}
.cf-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.cf-form input,.cf-form textarea{width:100%;padding:16px 18px;border:1.5px solid #cdd8e6;border-radius:12px;font:inherit;margin-bottom:18px;background:#fff;transition:.2s}
.cf-form textarea{resize:vertical;min-height:130px;display:block}
.cf-form input:focus,.cf-form textarea:focus{outline:0;border-color:var(--blue);box-shadow:0 0 0 4px rgba(1,148,254,.18)}
.cf-form ::placeholder{color:#6b7c93}
.cf-info{display:flex;flex-direction:column;gap:18px}
.cf-info h3{font-size:1.5rem;color:var(--navy)}
.cf-d{color:var(--mute)}
.cf-info ul{display:grid;gap:16px;margin:6px 0 10px}
.cf-info li{display:flex;align-items:center;gap:14px;font-weight:600;font-size:.95rem}
.cf-info li a{color:var(--blue-d);transition:color .2s}.cf-info li a:hover{color:var(--navy)}
.cf-info .ico{width:42px;height:42px;border-radius:50%;background:#e2eeff;display:grid;place-items:center;flex:none;color:var(--blue-d)}
.cf-info .ico .ic{width:20px;height:20px}
.cf-info .btn{align-self:flex-start;margin-top:auto}
@media(max-width:900px){.cf{grid-template-columns:1fr}.cf-form,.cf-info{padding:28px 22px}}
@media(max-width:520px){.cf-row{grid-template-columns:1fr;gap:0}}