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