/* PHX-5E89D472: shared English / Malay presentation corrections. */
:root { --phoenix-header-clearance:180px; }
html { scroll-padding-top:var(--phoenix-header-clearance); }
header.main-header .container { max-width:1600px; padding-inline:24px; }
.top-contact-bar { display:block; }
.top-contact-row { font-size:13px; font-weight:300; color:#17324d; gap:16px; overflow:visible; min-height:36px; }
.top-contact-item, .top-contact-item i { color:#17324d; }
.top-contact-group { gap:18px; }
.navbar { padding-block:2px; }
.navbar .container { gap:24px; justify-content:space-between; }
.navbar-brand img { width:180px; height:auto; }
.main-menu { gap:12px; }
.main-menu .nav-menu-wrapper { min-width:max-content; }
.main-menu .nav-menu-wrapper > ul { gap:16px; }
.main-menu .nav-menu-wrapper > ul > li > a { font-size:15px; font-weight:300; color:#17324d; white-space:nowrap; }
/* The search field opens beneath its compact icon on focus. */
.header-search { display:block; flex:0 0 40px; min-width:0; }
.header-search .header-search-form { width:40px; position:relative; padding:8px; }
.header-search .header-search-form input { position:absolute; right:0; top:calc(100% + 10px); width:220px; padding:12px; color:#17324d; background:white; border:1px solid #ccd4dc; border-radius:6px; visibility:hidden; }
.header-search .header-search-form:focus-within input { visibility:visible; }
html[lang="ms"] .main-menu .nav-menu-wrapper > ul { gap:12px; }
.header-language-toggle, .header-account-link { width:40px; height:40px; }
.header-btn { flex:0 0 auto; }
.header-btn .btn-default { font-size:12px; white-space:nowrap; padding-left:14px; padding-right:50px; }
.navbar-toggle { display:none; }
.nav-offcanvas-menu { display:block; }
.nav-offcanvas { overflow-y:auto; }
.nav-offcanvas-menu a { font-size:15px; font-weight:300; }
main > :is(.about-us,.our-services,.why-choose-us,.intro-video,.our-faqs,.home-newsroom,.institutional-principles-section,.page-service-single,.contact-us) { padding-block:64px; }
main > .page-header { padding-top:180px; padding-bottom:64px; }
.home-office-section { padding-bottom:64px; }
@media(max-width:1279px) {
 .navbar .main-menu { display:none !important; }
 .navbar-toggle { display:flex; }
 .navbar-brand img { width:180px; }
 .top-contact-offices { display:none; }
 .nav-offcanvas-menu { display:block; }
}
@media(max-width:767px) {
 :root { --phoenix-header-clearance:180px; }
 header.main-header .container { padding-inline:16px; }
 .navbar-brand img { width:165px; }
 .top-contact-row { display:block; padding-block:6px; white-space:normal; }
 .top-contact-left { flex-wrap:wrap; gap:4px 14px; }
 .top-contact-right { display:none; }
 main > :is(.about-us,.our-services,.why-choose-us,.intro-video,.our-faqs,.home-newsroom,.institutional-principles-section,.page-service-single,.contact-us) { padding-block:36px; }
 main > .page-header { padding-top:180px; padding-bottom:40px; }
 .home-office-section { padding-bottom:36px; }
}
/* About variants retain their deliberately different internal transitions. */
@media(min-width:768px) {
 main > .our-approach.about-approach-theme { padding-top:64px; padding-bottom:68px; }
 main > .why-choose-us.foundation-section { padding-top:68px; padding-bottom:64px; }
 main > .our-benefits { padding-top:76px; padding-bottom:64px; }
 main > .our-team.leadership-section { padding-top:64px; padding-bottom:50px; }
 main > .our-team.advisory-board-section { padding-top:20px; padding-bottom:64px; }
}
@media(max-width:767px) {
 main > .our-approach.about-approach-theme, main > .our-benefits, main > .our-team.leadership-section { padding-block:36px; }
 main > .our-team.advisory-board-section { padding-top:20px; padding-bottom:36px; }
}

.nav-offcanvas-menu .header-btn { display:block; margin-top:18px; }
.nav-offcanvas-menu .header-btn a { padding:14px 52px 14px 16px !important; font-size:14px; }
.nav-offcanvas-search { margin:18px 0; }
.nav-offcanvas-search .header-search-form { width:100%; background:white; border-radius:8px; padding:10px; }


/* Match the original compact header clearance above the restored hero. */
@media(max-width:1024px) { .top-contact-bar { display:none; } }

/* Homepage service slider: compact, aligned cards without oversized images. */
.our-services .service-item-slider .service-item { min-height:0; padding:18px; }
.our-services .service-item-slider .service-item-header-box { padding:8px 8px 0; margin-bottom:16px; flex:1 1 auto; }
.our-services .service-item-slider .service-item-image { margin-top:0; flex:0 0 auto; }
.our-services .service-item-slider .service-item-image figure img { aspect-ratio:16 / 9; height:auto; object-fit:cover; }
