.officialContactPage{background:#fff;width:100%;padding-bottom:60px}.officialContactHeader{text-align:center;background:linear-gradient(#eef6f0 0%,#fff 100%);padding:50px 20px 40px}.officialContactHeader h1{color:#0b6d2a;letter-spacing:.5px;margin-bottom:10px;font-size:40px;font-weight:800}.officialContactHeader p{letter-spacing:.5px;color:#5a5a5a;text-transform:uppercase;font-size:13.5px;font-weight:600}.officialContactContainer{max-width:1200px;margin:0 auto;padding:0 24px}.officialContactTableWrap{-webkit-overflow-scrolling:touch;background:#fff;border-radius:14px;width:100%;margin-bottom:34px;overflow-x:auto;box-shadow:0 6px 24px #00000012}.officialContactTable{border-collapse:collapse;background:#fff;width:100%;min-width:760px}.officialContactTable th{color:#fff;text-align:left;white-space:nowrap;background:#0b6d2a;padding:14px 16px;font-size:13px;font-weight:700;position:sticky;top:0}.officialContactTable td{color:#333;vertical-align:top;border-bottom:1px solid #eee;padding:14px 16px;font-size:13px}.officialContactTable tbody tr{transition:background .2s}.officialContactTable tbody tr:nth-child(2n){background:#f6faf7}.officialContactTable tbody tr:hover{background:#eaf5ec}.officialNameCell{white-space:nowrap;align-items:center;gap:8px;font-weight:600;display:flex}.officialNameIcon{color:#0b6d2a;flex-shrink:0;font-size:16px}.officialInfoCards{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:40px;display:grid}.officialInfoCard{background:#fff;border:1px solid #eaeaea;border-radius:14px;padding:24px 22px;transition:transform .25s,box-shadow .25s;box-shadow:0 4px 16px #0000000d}.officialInfoCard:hover{transform:translateY(-3px);box-shadow:0 10px 26px #00000014}.officialInfoCardIcon{color:#fff;background:#0b6d2a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:14px;font-size:15px;display:flex}.officialInfoCard h3{color:#16321f;margin-bottom:10px;font-size:15.5px;font-weight:700}.officialInfoCard p{color:#555;margin-bottom:10px;font-size:13px;line-height:1.7}.officialInfoCard p:last-child{margin-bottom:0}.officialInfoExtList{margin:0 0 14px;padding:0;list-style:none}.officialInfoExtList li{color:#333;border-bottom:1px dashed #eee;justify-content:space-between;align-items:center;padding:7px 0;font-size:13px;display:flex}.officialInfoExtList li:last-child{border-bottom:none}.officialInfoExtLeft{color:#0b6d2a;align-items:center;gap:8px;display:flex}.officialInfoExtLeft svg{font-size:13px}.officialViewAllBtn{color:#0b6d2a;border:1.5px solid #0b6d2a;border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-size:12.5px;font-weight:700;text-decoration:none;transition:all .25s;display:inline-flex}.officialViewAllBtn:hover{color:#fff;background:#0b6d2a}.officialDeptExtSection{background:#fff;border:1px solid #eaeaea;border-radius:14px;padding:30px;box-shadow:0 4px 16px #0000000d}.officialDeptExtSection h2{text-align:center;color:#16321f;justify-content:center;align-items:center;gap:14px;margin-bottom:26px;font-size:19px;font-weight:700;display:flex}.officialDeptExtDeco{color:#0b6d2a;font-size:14px}.officialDeptExtGrid{grid-template-columns:1fr 1fr;gap:30px;display:grid}.officialDeptExtTableWrap{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.officialDeptExtTable{border-collapse:collapse;width:100%;min-width:260px}.officialDeptExtTable th{color:#fff;text-align:left;background:#0b6d2a;padding:12px 16px;font-size:12.5px;font-weight:700}.officialDeptExtTable td{color:#333;border-bottom:1px solid #eee;padding:12px 16px;font-size:12.5px}.officialDeptExtTable tbody tr:nth-child(2n){background:#f6faf7}.officialDeptCell{align-items:center;gap:10px;display:flex}.officialDeptCell svg{color:#0b6d2a;flex-shrink:0;font-size:14px}@media (max-width:992px){.officialInfoCards{grid-template-columns:1fr 1fr}.officialContactContainer{padding:0 18px}}@media (max-width:768px){.officialContactHeader h1{font-size:30px}.officialContactHeader{padding:36px 16px 28px}.officialInfoCards{grid-template-columns:1fr}.officialDeptExtGrid{grid-template-columns:1fr;gap:22px}.officialDeptExtSection{padding:22px 16px}.officialContactTableWrap{margin-bottom:26px}}@media (max-width:480px){.officialContactHeader h1{font-size:24px}.officialContactHeader p{font-size:11.5px}.officialContactContainer{padding:0 12px}.officialInfoCard{padding:20px 16px}.officialInfoCard h3{font-size:14.5px}.officialInfoCard p{font-size:12.5px}.officialDeptExtSection h2{gap:8px;font-size:16px}.officialContactTable th,.officialContactTable td{padding:11px 12px;font-size:12px}}