.contact-page{padding:40px 0 72px}
.contact-page .contact-pills{
  display:flex;flex-wrap:wrap;gap:12px;margin-bottom:28px;
}
.contact-page .contact-pill{
  display:flex;align-items:center;gap:10px;
  background:#fff;border:0.5px solid #e5e3dc;border-radius:11px;
  padding:10px 14px;text-decoration:none;transition:border-color .15s,box-shadow .15s;
}
.contact-page .contact-pill:hover{border-color:#1a3a6b;box-shadow:0 6px 18px rgba(26,58,107,0.08)}
.contact-page .contact-pill .ico{
  width:36px;height:36px;border-radius:8px;background:#eef2f8;color:#1a3a6b;
  display:flex;align-items:center;justify-content:center;flex:none;
}
.contact-page .contact-pill .ico svg{width:18px;height:18px}
.contact-page .contact-pill .lbl{
  display:block;font-size:11px;font-weight:600;color:#6b6b6b;
  text-transform:uppercase;letter-spacing:0.4px;
}
.contact-page .contact-pill .val{display:block;font-size:13px;font-weight:600;color:#1a1a1a}
.contact-page .office-card{
  background:#fff;border:0.5px solid #e5e3dc;border-radius:14px;overflow:hidden;
}
.contact-page .office-card .card-header{
  background:#0d2240;padding:18px 24px;display:flex;align-items:center;gap:12px;
}
.contact-page .hico{
  width:36px;height:36px;border-radius:8px;background:rgba(96,165,250,0.18);
  color:#60a5fa;display:flex;align-items:center;justify-content:center;flex:none;
}
.contact-page .hico svg{width:18px;height:18px}
.contact-page .card-header h2{font-size:17px;color:#fff;margin:0}
.contact-page .card-header p{font-size:12px;color:#9bb0cf;margin:2px 0 0}
.contact-page .card-body{padding:28px 24px}
.contact-page .office-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.contact-page .company-name{font-size:20px;font-weight:700;color:#1a3a6b;margin-bottom:12px}
.contact-page .address-text{font-size:14px;color:#4a4a4a;line-height:1.7;margin-bottom:20px}
.contact-page .contact-list{display:flex;flex-direction:column;gap:10px}
.contact-page .contact-item{display:flex;align-items:flex-start;gap:10px}
.contact-page .ci-icon{
  width:34px;height:34px;background:#f3f1ea;border:0.5px solid #e5e3dc;
  border-radius:8px;display:flex;align-items:center;justify-content:center;
  flex:none;color:#1a3a6b;
}
.contact-page .ci-icon svg{width:16px;height:16px}
.contact-page .ci-label{
  display:block;font-size:11px;color:#6b6b6b;font-weight:600;
  text-transform:uppercase;letter-spacing:0.4px;
}
.contact-page .ci-value{font-size:14px;font-weight:600;color:#1a1a1a}
.contact-page .ci-value a{color:#1a3a6b}
.contact-page .ci-value a:hover{text-decoration:underline}
.contact-page .care-box{
  background:#eef2f8;border:0.5px solid #d7e0ee;border-radius:12px;
  padding:20px 22px;margin-top:20px;
}
.contact-page .care-title{
  font-size:15px;font-weight:700;color:#1a3a6b;margin-bottom:14px;
  display:flex;align-items:center;gap:8px;
}
.contact-page .care-title svg{width:18px;height:18px}
.contact-page .care-list{display:flex;flex-direction:column;gap:10px}
.contact-page .care-item{display:flex;align-items:center;gap:10px;font-size:13px;color:#4a4a4a}
.contact-page .care-ico{
  width:30px;height:30px;background:#fff;border:0.5px solid #e5e3dc;
  border-radius:6px;display:flex;align-items:center;justify-content:center;
  flex:none;color:#1a3a6b;
}
.contact-page .care-ico svg{width:14px;height:14px}
.contact-page .care-item a{color:#1a3a6b;font-weight:600}
.contact-page .care-item a:hover{text-decoration:underline}
.contact-page .map-wrap{
  border-radius:12px;overflow:hidden;border:0.5px solid #e5e3dc;
}
.contact-page .map-wrap iframe{width:100%;height:460px;border:none;display:block}
.contact-page .map-label{
  background:#0d2240;color:#fff;font-size:12px;font-weight:600;
  padding:8px 14px;
}
.contact-page .contact-map-actions{margin-top:14px;display:flex;gap:8px;flex-wrap:wrap}
.contact-page .contact-map-actions .btn{flex:1;min-width:130px;justify-content:center}
.contact-page .btn-whatsapp{background:#25d366;color:#fff;border-color:#25d366}
.contact-page .btn-whatsapp:hover{background:#1ebe5a;color:#fff;transform:translateY(-1px)}
@media (max-width:900px){
  .contact-page .office-grid{grid-template-columns:1fr}
  .contact-page .map-wrap iframe{height:280px}
}