.elementor-96 .elementor-element.elementor-element-d4fb37b{--display:flex;--overlay-opacity:0.78;--margin-top:-40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-96 .elementor-element.elementor-element-d4fb37b:not(.elementor-motion-effects-element-type-background), .elementor-96 .elementor-element.elementor-element-d4fb37b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#05122C;background-image:url("https://acsglobal.com.my/wp-content/uploads/2026/01/logistics-business.jpg");background-position:center center;background-size:cover;}.elementor-96 .elementor-element.elementor-element-d4fb37b::before, .elementor-96 .elementor-element.elementor-element-d4fb37b > .elementor-background-video-container::before, .elementor-96 .elementor-element.elementor-element-d4fb37b > .e-con-inner > .elementor-background-video-container::before, .elementor-96 .elementor-element.elementor-element-d4fb37b > .elementor-background-slideshow::before, .elementor-96 .elementor-element.elementor-element-d4fb37b > .e-con-inner > .elementor-background-slideshow::before, .elementor-96 .elementor-element.elementor-element-d4fb37b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#060E1F;--background-overlay:'';}.elementor-96 .elementor-element.elementor-element-ab4a6ab{--display:flex;}.elementor-96 .elementor-element.elementor-element-ab4a6ab:not(.elementor-motion-effects-element-type-background), .elementor-96 .elementor-element.elementor-element-ab4a6ab > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#051E4E;}.elementor-96 .elementor-element.elementor-element-b10bf5a{--display:flex;}.elementor-96 .elementor-element.elementor-element-b10bf5a:not(.elementor-motion-effects-element-type-background), .elementor-96 .elementor-element.elementor-element-b10bf5a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#051E4E;}.elementor-96 .elementor-element.elementor-element-249e63c{--display:flex;}.elementor-96 .elementor-element.elementor-element-249e63c:not(.elementor-motion-effects-element-type-background), .elementor-96 .elementor-element.elementor-element-249e63c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#051E4E;}/* Start custom CSS for html, class: .elementor-element-a4bce50 */.acs-p4s1{
  padding:clamp(90px,10vw,140px) 0 60px;
  font-family:Inter,system-ui,Arial,sans-serif;
}

/* FORCE WHITE TEXT */
.acs-p4s1,
.acs-p4s1 *{
  color:#ffffff !important;
}

.acs-p4s1-wrap{
  width:min(1200px,92%);
  margin:0 auto;
}

/* KICKER */
.acs-p4s1-kicker{
  display:flex;
  align-items:center;
  gap:14px;
  font-size:12px;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:rgba(255,255,255,.75) !important;
  margin-bottom:14px;
}

.acs-p4s1-kicker span{
  width:36px;
  height:2px;
  background:linear-gradient(90deg,#E31B23,#1E4ED8);
}

/* TITLE */
.acs-p4s1-title{
  font-size:clamp(34px,4vw,52px);
  font-weight:900;
  line-height:1.15;
  margin:0 0 14px;
  color:#ffffff !important;
}

/* DESCRIPTION */
.acs-p4s1-desc{
  max-width:680px;
  font-size:17px;
  line-height:1.85;
  color:rgba(255,255,255,.85) !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d644af8 *//* =========================================
   PAGE 4 – SECTION 2 (MAP + OFFICE INFO)
   Font: WHITE
   Theme: Red × Blue
   Background: transparent
   ========================================= */

.acs-contact2{
  width:100%;
  background:transparent;
  padding:clamp(60px,8vw,100px) 0;
  font-family:Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

/* Force WHITE */
.acs-contact2,
.acs-contact2 *{
  color:#ffffff !important;
}

.acs-contact2-wrap{
  width:min(1200px,92%);
  margin:0 auto;
}

.acs-contact2-grid{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:22px;
  align-items:start;
}

/* MAP */
.acs-contact2-map{
  border-radius:26px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.25);
  box-shadow:0 24px 50px rgba(0,0,0,.35);
  background:transparent;
}

.acs-contact2-map iframe{
  width:100%;
  height:430px;
  border:0;
  display:block;
}

/* INFO */
.acs-contact2-info{
  padding:2px 2px;
}

.acs-contact2-kicker{
  display:flex;
  align-items:center;
  gap:14px;
  font-size:12px;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:#cccccc !important;
  margin-bottom:14px;
}

.acs-contact2-kicker span{
  width:36px;
  height:2px;
  background:linear-gradient(90deg,#E31B23,#1E4ED8);
  border-radius:999px;
}

.acs-contact2-title{
  margin:0 0 10px;
  font-size:22px;
  font-weight:900;
  letter-spacing:-0.01em;
  color:#ffffff !important;
}

/* chips */
.acs-contact2-chipRow{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:14px;
}

.acs-contact2-chip{
  padding:9px 12px;
  border-radius:999px;
  font-size:12px;
  font-weight:900;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.22);
  color:#ffffff !important;
}

.acs-contact2-chip--accent{
  background:linear-gradient(135deg, rgba(227,27,35,.25), rgba(30,78,216,.25));
  border-color:rgba(255,255,255,.35);
}

/* address card */
.acs-contact2-card{
  border:1px solid rgba(255,255,255,.22);
  border-radius:20px;
  padding:14px;
  background:transparent;
  margin-bottom:12px;
}

.acs-contact2-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-bottom:12px;
}

.acs-contact2-mini{
  border:1px solid rgba(255,255,255,.22);
  border-radius:20px;
  padding:14px;
  background:transparent;
}

.acs-contact2-label{
  font-size:11px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#cccccc !important;
  font-weight:900;
  margin-bottom:6px;
}

.acs-contact2-text{
  font-size:14.5px;
  line-height:1.75;
  color:#dddddd !important;
  font-weight:700;
}

.acs-contact2-link{
  display:inline-block;
  font-size:14.5px;
  line-height:1.6;
  color:#93c5fd !important;
  font-weight:900;
  text-decoration:none;
}

.acs-contact2-link:hover{
  text-decoration:underline;
}

/* hours */
.acs-contact2-hours{
  border:1px solid rgba(255,255,255,.22);
  border-radius:20px;
  padding:14px;
  background:linear-gradient(135deg, rgba(227,27,35,.18), rgba(30,78,216,.18));
  margin-bottom:14px;
}

/* buttons */
.acs-contact2-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.acs-contact2-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:14px 16px;
  border-radius:18px;
  font-weight:900;
  font-size:13px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#fff !important;
  background:linear-gradient(135deg,#E31B23,#1E4ED8);
  text-decoration:none;
  border:none;
}

.acs-contact2-btn:hover{
  opacity:.95;
}

.acs-contact2-btn--ghost{
  color:#ffffff !important;
  background:transparent;
  border:1px solid rgba(255,255,255,.35);
}

/* Responsive */
@media(max-width:980px){
  .acs-contact2-grid{
    grid-template-columns:1fr;
  }
  .acs-contact2-map iframe{
    height:320px;
  }
  .acs-contact2-row{
    grid-template-columns:1fr;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-80825f9 *//* =========================================
   ACS BRANCHES
   MATCH CONTACT2 STYLE
   Font: WHITE
   Theme: Red × Navy
   Background: transparent
========================================= */

.acs-branches{
  width:100%;
  background:transparent;
  padding:clamp(60px,8vw,100px) 0;
  font-family:Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

/* Force WHITE like contact2 */
.acs-branches,
.acs-branches *{
  color:#ffffff !important;
}

.acs-branches-wrap{
  width:min(1200px,92%);
  margin:0 auto;
}

/* =========================
HEAD (CENTER)
========================= */
.acs-branches-head{
  text-align:center;
  margin-bottom:30px;
}

.acs-branches-kicker{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  font-size:12px;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:#cccccc !important;
  margin-bottom:14px;
}

.acs-branches-kicker span{
  width:36px;
  height:2px;
  background:linear-gradient(90deg,#E31B23,#02014F);
  border-radius:999px;
}

.acs-branches-title{
  margin:0 0 10px;
  font-size:22px;
  font-weight:900;
  letter-spacing:-0.01em;
  color:#ffffff !important;
}

.acs-branches-sub{
  font-size:14.5px;
  line-height:1.7;
  color:#dddddd !important;
}

/* =========================
GRID
========================= */
.acs-branches-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:22px;
}

/* =========================
CARD (SAME BORDER & RADIUS)
========================= */
.acs-branches-card{
  border:1px solid rgba(255,255,255,.22);
  border-radius:26px;
  padding:18px;
  background:transparent;
}

/* =========================
TOP BADGES
========================= */
.acs-branches-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:14px;
}

.acs-branches-badge{
  padding:9px 14px;
  border-radius:999px;
  font-size:12px;
  font-weight:900;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.22);
  color:#ffffff !important;
}

.acs-branches-pill{
  padding:9px 14px;
  border-radius:999px;
  font-size:12px;
  font-weight:900;
  background:linear-gradient(
    135deg,
    rgba(227,27,35,.25),
    rgba(2,1,79,.25)
  );
  border:1px solid rgba(255,255,255,.28);
  color:#ffffff !important;
}

/* =========================
ROWS
========================= */
.acs-branches-row{
  border-top:1px solid rgba(255,255,255,.16);
  padding-top:12px;
  margin-top:12px;
}

.acs-branches-label{
  font-size:11px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#cccccc !important;
  font-weight:900;
  margin-bottom:6px;
}

.acs-branches-text{
  font-size:14.5px;
  line-height:1.75;
  color:#dddddd !important;
  font-weight:700;
}

.acs-branches-link{
  display:inline-block;
  font-size:14.5px;
  line-height:1.6;
  color:#93c5fd !important; /* link biru cerah utk dark bg */
  font-weight:900;
  text-decoration:none;
}

.acs-branches-link:hover{
  text-decoration:underline;
}

/* =========================
ACTIONS – SAME BUTTON STYLE
========================= */
.acs-branches-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:14px;
}

.acs-branches-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:14px 16px;
  border-radius:18px;
  font-weight:900;
  font-size:13px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#fff !important;
  background:linear-gradient(135deg,#E31B23,#02014F);
  text-decoration:none;
  border:none;
}

.acs-branches-btn:hover{
  opacity:.95;
}

.acs-branches-btn--ghost{
  color:#ffffff !important;
  background:transparent;
  border:1px solid rgba(255,255,255,.35);
}

/* =========================
RESPONSIVE
========================= */
@media(max-width:980px){
  .acs-branches-grid{
    grid-template-columns:1fr;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5e44e38 *//* =========================================
   PAGE 4 – SECTION 3
   Corporate Enquiry Form
   FONT: PUTIH
   BACKGROUND: TRANSPARENT
   ========================================= */

.acs-p4form3{
  width:100%;
  padding:clamp(80px,9vw,140px) 0;
  font-family:Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  background:transparent; /* changed from #F6F8FB */
}

/* FORCE PUTIH */
.acs-p4form3,
.acs-p4form3 *{
  color:#ffffff !important;
}

.acs-p4form3-wrap{
  width:min(1200px,92%);
  margin:0 auto;
}

/* HEAD */
.acs-p4form3-head{
  max-width:900px;
  margin-bottom:24px;
}

.acs-p4form3-kicker{
  display:flex;
  align-items:center;
  gap:14px;
  font-size:12px;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:#cccccc !important;
  margin-bottom:14px;
}

.acs-p4form3-kicker span{
  width:36px;
  height:2px;
  background:linear-gradient(90deg,#E31B23,#1E4ED8);
}

.acs-p4form3-title{
  margin:0 0 10px;
  font-size:clamp(28px,3.4vw,42px);
  line-height:1.15;
  font-weight:900;
  color:#ffffff !important;
}

.acs-p4form3-desc{
  max-width:760px;
  font-size:17px;
  line-height:1.85;
  color:#dddddd !important;
}

/* GRID */
.acs-p4form3-grid{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:22px;
  margin-top:22px;
}

/* FORM BOX */
.acs-p4form3-formBox{
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.22);
  border-radius:26px;
  padding:26px;
  box-shadow:0 24px 60px rgba(0,0,0,.35);
}

.acs-p4form3-form{
  display:flex;
  flex-direction:column;
  gap:14px;
}

.acs-p4form3-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}

/* FIELD */
.acs-p4form3-field label{
  display:block;
  font-size:11px;
  letter-spacing:.14em;
  text-transform:uppercase;
  font-weight:900;
  color:#cccccc !important;
  margin-bottom:6px;
}

.acs-p4form3-field input,
.acs-p4form3-field select,
.acs-p4form3-field textarea{
  width:100%;
  padding:14px 14px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.22);
  font-size:14px;
  font-family:inherit;
  background:rgba(0,0,0,.25);
  color:#ffffff !important;
}

.acs-p4form3-field input::placeholder,
.acs-p4form3-field textarea::placeholder{
  color:rgba(255,255,255,.55) !important;
}

.acs-p4form3-field input:focus,
.acs-p4form3-field select:focus,
.acs-p4form3-field textarea:focus{
  outline:none;
  border-color:#1E4ED8;
  box-shadow:0 0 0 4px rgba(30,78,216,.22);
}

/* BUTTON */
.acs-p4form3-btn{
  margin-top:6px;
  padding:16px;
  border-radius:16px;
  border:none;
  font-size:13px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#fff !important;
  background:linear-gradient(135deg,#E31B23,#1E4ED8);
  cursor:pointer;
}

.acs-p4form3-btn:hover{
  opacity:.95;
}

/* NOTE */
.acs-p4form3-note{
  font-size:12px;
  line-height:1.6;
  color:#cbd5e1 !important;
}

/* SIDE BOX */
.acs-p4form3-sideBox{
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.22);
  border-radius:26px;
  padding:24px;
  box-shadow:0 24px 60px rgba(0,0,0,.35);
}

.acs-p4form3-sideTitle{
  font-size:16px;
  font-weight:900;
  margin-bottom:6px;
  color:#ffffff !important;
}

.acs-p4form3-sideText{
  font-size:14px;
  line-height:1.7;
  color:#dddddd !important;
  margin-bottom:14px;
}

/* CONTACT CARD */
.acs-p4form3-card{
  display:flex;
  gap:12px;
  align-items:center;
  padding:14px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.03);
  text-decoration:none;
  margin-bottom:10px;
  transition:transform .18s ease, box-shadow .18s ease;
}

.acs-p4form3-card:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 34px rgba(0,0,0,.35);
}

.acs-p4form3-ico{
  width:46px;
  height:46px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:900;
  color:#fff !important;
  background:linear-gradient(135deg,#E31B23,#1E4ED8);
}

.acs-p4form3-label{
  font-size:11px;
  letter-spacing:.14em;
  text-transform:uppercase;
  font-weight:900;
  color:#cccccc !important;
  margin-bottom:4px;
}

.acs-p4form3-value{
  font-size:14.5px;
  font-weight:900;
  color:#ffffff !important;
}

/* MINI NOTE */
.acs-p4form3-miniNote{
  margin-top:10px;
  padding:14px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.04);
  font-size:13px;
  font-weight:700;
  color:#dddddd !important;
}

/* RESPONSIVE */
@media(max-width:980px){
  .acs-p4form3-grid{
    grid-template-columns:1fr;
  }
  .acs-p4form3-row{
    grid-template-columns:1fr;
  }
}
/* ===== FIX SELECT / OPTION VISIBILITY ===== */
.acs-p4form3-field select{
  appearance:auto;
  -webkit-appearance:auto;
  -moz-appearance:auto;
  color:#ffffff !important;                 /* text in the field */
  background:rgba(0,0,0,.25);              /* same as input bg */
}

/* Dropdown list (options) biasanya background putih -> text kena gelap */
.acs-p4form3-field select option{
  color:#111 !important;
  background:#fff !important;
}

/* placeholder option nampak macam muted */
.acs-p4form3-field select option[value=""]{
  color:#6b7280 !important;
}

/* ===== INLINE STATUS MESSAGE ===== */
.acs-p4form3-status{
  margin-top:12px;
  padding:12px 14px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.04);
  font-size:13px;
  line-height:1.7;
  font-weight:800;
  color:#e5e7eb !important;
  display:none;
}

.acs-p4form3-status.is-ok{
  border-color:rgba(34,197,94,.35);
  background:rgba(34,197,94,.10);
}

.acs-p4form3-status.is-err{
  border-color:rgba(239,68,68,.35);
  background:rgba(239,68,68,.10);
}/* End custom CSS */