{"id":539,"date":"2026-10-01T08:37:32","date_gmt":"2026-10-01T08:37:32","guid":{"rendered":"https:\/\/farizon.com.sg\/new\/?page_id=539"},"modified":"2026-10-05T08:05:32","modified_gmt":"2026-10-05T08:05:32","slug":"5fr-school-bus-91","status":"publish","type":"page","link":"https:\/\/farizon.com.sg\/?page_id=539","title":{"rendered":"5FR School Bus (9+1)"},"content":{"rendered":"\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-995f960e wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<style>\n\/* =========================================================\n   FARIZON SCHOOL BUS 9+1\n   SECTION 01 \u2014 HERO\n   SCHOOL ROUTE CONCEPT \/ MEANINGFUL ANIMATION\n========================================================= *\/\n\n.fzschool-hero,\n.fzschool-hero *,\n.fzschool-hero *::before,\n.fzschool-hero *::after {\n  box-sizing:border-box;\n}\n\n.fzschool-hero {\n  --orange:#ff6433;\n  --orange-dark:#e95428;\n  --navy:#263648;\n  --deep:#1d3042;\n  --text:#5d6672;\n  --muted:#8d98a3;\n  --line:#e1e6ea;\n  --soft:#f4f6f8;\n  --white:#ffffff;\n\n  position:relative;\n\n  width:100vw;\n  max-width:none;\n\n  margin:\n    0 0 0\n    calc(50% - 50vw) !important;\n\n  overflow:hidden;\n\n  background:\n    linear-gradient(\n      180deg,\n      #fbfcfd 0%,\n      #f2f5f7 100%\n    );\n\n  font-family:\n    Inter,\n    Arial,\n    sans-serif;\n\n  isolation:isolate;\n}\n\n\n\/* =========================================================\n   BACKGROUND GRID\n========================================================= *\/\n\n.fzschool-hero::before {\n  content:\"\";\n\n  position:absolute;\n  inset:0;\n\n  background-image:\n    linear-gradient(\n      rgba(38,54,72,.026) 1px,\n      transparent 1px\n    ),\n    linear-gradient(\n      90deg,\n      rgba(38,54,72,.026) 1px,\n      transparent 1px\n    );\n\n  background-size:\n    48px\n    48px;\n\n  pointer-events:none;\n}\n\n\n.fzschool-hero::after {\n  content:\"\";\n\n  position:absolute;\n\n  width:600px;\n  height:600px;\n\n  right:-370px;\n  top:-390px;\n\n  border-radius:50%;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(255,100,51,.085),\n      transparent 68%\n    );\n\n  pointer-events:none;\n}\n\n\n\/* =========================================================\n   INNER\n========================================================= *\/\n\n.fzschool-hero__inner {\n  position:relative;\n  z-index:2;\n\n  width:100%;\n  max-width:1280px;\n\n  min-height:730px;\n\n  margin:0 auto;\n\n  padding:\n    66px\n    24px\n    38px;\n\n  display:grid;\n\n  grid-template-columns:\n    minmax(420px,.86fr)\n    minmax(0,1.14fr);\n\n  gap:50px;\n\n  align-items:center;\n}\n\n\n\/* =========================================================\n   COPY\n========================================================= *\/\n\n.fzschool-hero__copy {\n  position:relative;\n  z-index:5;\n\n  max-width:600px;\n}\n\n\n.fzschool-hero__eyebrow {\n  display:flex;\n  align-items:center;\n\n  gap:10px;\n\n  margin-bottom:14px;\n\n  color:var(--orange);\n\n  font-size:10px;\n  font-weight:700;\n\n  letter-spacing:1.4px;\n\n  text-transform:uppercase;\n}\n\n\n.fzschool-hero__eyebrow::before {\n  content:\"\";\n\n  width:32px;\n  height:2px;\n\n  background:var(--orange);\n}\n\n\n.fzschool-hero h1 {\n  max-width:640px;\n\n  margin:\n    0\n    0\n    18px;\n\n  color:var(--navy);\n\n  font-size:\n    clamp(\n      42px,\n      4.3vw,\n      59px\n    );\n\n  line-height:1.02;\n\n  letter-spacing:-1.35px;\n\n  font-weight:750;\n}\n\n\n.fzschool-hero h1 span {\n  display:block;\n\n  margin-top:6px;\n\n  color:var(--orange);\n}\n\n\n.fzschool-hero__lead {\n  max-width:575px;\n\n  margin:\n    0\n    0\n    21px;\n\n  color:var(--text);\n\n  font-size:14px;\n\n  line-height:1.77;\n}\n\n\n\/* =========================================================\n   FEATURE PILLS\n========================================================= *\/\n\n.fzschool-hero__features {\n  display:flex;\n\n  flex-wrap:wrap;\n\n  gap:7px;\n\n  margin-bottom:24px;\n}\n\n\n.fzschool-hero__feature {\n  padding:\n    8px\n    11px;\n\n  border:\n    1px solid\n    #dce2e6;\n\n  border-radius:999px;\n\n  background:\n    rgba(255,255,255,.80);\n\n  color:#66717c;\n\n  font-size:8px;\n  font-weight:650;\n}\n\n\n\/* =========================================================\n   CTA\n========================================================= *\/\n\n.fzschool-hero__actions {\n  display:flex;\n\n  flex-wrap:wrap;\n\n  gap:10px;\n\n  margin-bottom:25px;\n}\n\n\n.fzschool-hero__btn {\n  min-height:47px;\n\n  display:inline-flex;\n\n  align-items:center;\n  justify-content:center;\n\n  gap:8px;\n\n  padding:\n    0\n    18px;\n\n  border:\n    1px solid\n    transparent;\n\n  text-decoration:none !important;\n\n  font-size:10px;\n  font-weight:700;\n\n  transition:\n    transform .22s ease,\n    background .22s ease,\n    border-color .22s ease;\n}\n\n\n.fzschool-hero__btn:hover {\n  transform:\n    translateY(-3px);\n}\n\n\n.fzschool-hero__btn--primary {\n  background:var(--orange);\n\n  color:#ffffff !important;\n\n  box-shadow:\n    0 12px 25px\n    rgba(255,100,51,.18);\n}\n\n\n.fzschool-hero__btn--primary:hover {\n  background:var(--orange-dark);\n}\n\n\n.fzschool-hero__btn--secondary {\n  border-color:#cbd2d8;\n\n  background:#ffffff;\n\n  color:var(--navy) !important;\n}\n\n\n.fzschool-hero__btn--secondary:hover {\n  border-color:var(--navy);\n}\n\n\n\/* =========================================================\n   INTRO MESSAGE\n========================================================= *\/\n\n.fzschool-hero__message {\n  display:grid;\n\n  grid-template-columns:\n    42px\n    1fr;\n\n  gap:12px;\n\n  align-items:center;\n\n  max-width:555px;\n\n  padding-top:17px;\n\n  border-top:\n    1px solid\n    var(--line);\n}\n\n\n.fzschool-hero__message-mark {\n  width:40px;\n  height:40px;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  border-radius:50%;\n\n  background:\n    rgba(255,100,51,.10);\n\n  border:\n    1px solid\n    rgba(255,100,51,.20);\n\n  color:var(--orange);\n\n  font-size:7px;\n  font-weight:800;\n}\n\n\n.fzschool-hero__message-copy span {\n  display:block;\n\n  margin-bottom:3px;\n\n  color:var(--muted);\n\n  font-size:7px;\n  font-weight:700;\n\n  letter-spacing:.9px;\n\n  text-transform:uppercase;\n}\n\n\n.fzschool-hero__message-copy strong {\n  display:block;\n\n  color:var(--navy);\n\n  font-size:11px;\n  font-weight:650;\n\n  line-height:1.5;\n}\n\n\n\/* =========================================================\n   VISUAL PANEL\n========================================================= *\/\n\n.fzschool-hero__visual {\n  position:relative;\n\n  min-height:625px;\n\n  overflow:hidden;\n\n  border:\n    1px solid\n    var(--line);\n\n  background:\n    linear-gradient(\n      145deg,\n      #eef3f6 0%,\n      #dfe7eb 100%\n    );\n\n  box-shadow:\n    0 25px 58px\n    rgba(38,54,72,.09);\n}\n\n\n.fzschool-hero__visual::before {\n  content:\"\";\n\n  position:absolute;\n  inset:0;\n\n  background-image:\n    linear-gradient(\n      rgba(38,54,72,.035) 1px,\n      transparent 1px\n    ),\n    linear-gradient(\n      90deg,\n      rgba(38,54,72,.035) 1px,\n      transparent 1px\n    );\n\n  background-size:\n    40px\n    40px;\n\n  pointer-events:none;\n}\n\n\n\/* =========================================================\n   TOP VEHICLE LABEL\n========================================================= *\/\n\n.fzschool-hero__vehicle-label {\n  position:absolute;\n\n  z-index:8;\n\n  left:20px;\n  top:20px;\n\n  padding:\n    9px\n    11px;\n\n  background:\n    rgba(38,54,72,.95);\n\n  color:#ffffff;\n\n  box-shadow:\n    0 11px 27px\n    rgba(0,0,0,.12);\n}\n\n\n.fzschool-hero__vehicle-label span {\n  display:block;\n\n  margin-bottom:3px;\n\n  color:var(--orange);\n\n  font-size:5px;\n  font-weight:700;\n\n  letter-spacing:.8px;\n\n  text-transform:uppercase;\n}\n\n\n.fzschool-hero__vehicle-label strong {\n  display:block;\n\n  font-size:9px;\n  font-weight:700;\n}\n\n\n\/* =========================================================\n   SCHOOL ROUTE\n   PICKUP \u2192 SCHOOL\n========================================================= *\/\n\n.fzschool-route {\n  position:absolute;\n\n  z-index:3;\n\n  left:20px;\n  right:20px;\n  top:86px;\n\n  height:125px;\n\n  padding:\n    16px\n    18px;\n\n  border:\n    1px solid\n    rgba(38,54,72,.08);\n\n  background:\n    rgba(255,255,255,.72);\n\n  backdrop-filter:\n    blur(8px);\n\n  -webkit-backdrop-filter:\n    blur(8px);\n}\n\n\n\/* =========================================================\n   ROUTE TITLE\n========================================================= *\/\n\n.fzschool-route__head {\n  display:flex;\n\n  align-items:center;\n  justify-content:space-between;\n\n  gap:15px;\n\n  margin-bottom:20px;\n}\n\n\n.fzschool-route__head span {\n  color:var(--muted);\n\n  font-size:6px;\n  font-weight:700;\n\n  letter-spacing:.8px;\n\n  text-transform:uppercase;\n}\n\n\n.fzschool-route__head strong {\n  color:var(--navy);\n\n  font-size:8px;\n  font-weight:700;\n}\n\n\n\/* =========================================================\n   ROUTE TRACK\n========================================================= *\/\n\n.fzschool-route__track {\n  position:relative;\n\n  height:42px;\n}\n\n\n.fzschool-route__line {\n  position:absolute;\n\n  left:45px;\n  right:54px;\n  top:20px;\n\n  height:3px;\n\n  overflow:hidden;\n\n  border-radius:999px;\n\n  background:\n    #d7dee3;\n}\n\n\n.fzschool-route__line::before {\n  content:\"\";\n\n  position:absolute;\n\n  left:-40%;\n  top:0;\n\n  width:38%;\n  height:100%;\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      var(--orange)\n    );\n\n  animation:\n    fzschoolRouteTravel\n    4.8s\n    ease-in-out\n    infinite;\n}\n\n\n\/* =========================================================\n   ROUTE START\n========================================================= *\/\n\n.fzschool-route__pickup {\n  position:absolute;\n\n  left:0;\n  top:0;\n\n  width:42px;\n\n  text-align:center;\n}\n\n\n.fzschool-route__pickup-dot {\n  width:16px;\n  height:16px;\n\n  margin:\n    12px\n    auto\n    7px;\n\n  border:\n    3px solid\n    #ffffff;\n\n  border-radius:50%;\n\n  background:var(--orange);\n\n  box-shadow:\n    0 0 0\n    5px\n    rgba(255,100,51,.10);\n}\n\n\n.fzschool-route__pickup strong {\n  color:var(--navy);\n\n  font-size:6px;\n  font-weight:700;\n\n  white-space:nowrap;\n}\n\n\n\/* =========================================================\n   SCHOOL DESTINATION\n========================================================= *\/\n\n.fzschool-route__school {\n  position:absolute;\n\n  right:0;\n  top:-4px;\n\n  width:54px;\n\n  text-align:center;\n}\n\n\n.fzschool-route__school-icon {\n  position:relative;\n\n  width:36px;\n  height:31px;\n\n  margin:\n    0\n    auto\n    5px;\n\n  border:\n    2px solid\n    var(--navy);\n\n  background:#ffffff;\n}\n\n\n.fzschool-route__school-icon::before {\n  content:\"\";\n\n  position:absolute;\n\n  left:50%;\n  top:-10px;\n\n  width:22px;\n  height:22px;\n\n  transform:\n    translateX(-50%)\n    rotate(45deg);\n\n  border:\n    2px solid\n    var(--navy);\n\n  border-right:0;\n  border-bottom:0;\n\n  background:#ffffff;\n}\n\n\n.fzschool-route__school-icon::after {\n  content:\"\";\n\n  position:absolute;\n\n  left:50%;\n  bottom:0;\n\n  width:9px;\n  height:14px;\n\n  transform:\n    translateX(-50%);\n\n  background:var(--orange);\n}\n\n\n.fzschool-route__school strong {\n  color:var(--navy);\n\n  font-size:6px;\n  font-weight:700;\n}\n\n\n\/* =========================================================\n   MOVING ROUTE MARKER\n========================================================= *\/\n\n.fzschool-route__vehicle {\n  position:absolute;\n\n  z-index:5;\n\n  left:43px;\n  top:2px;\n\n  width:52px;\n\n  animation:\n    fzschoolMiniBus\n    4.8s\n    ease-in-out\n    infinite;\n}\n\n\n.fzschool-route__vehicle img {\n  display:block;\n\n  width:100%;\n  height:auto;\n\n  filter:\n    drop-shadow(\n      0\n      5px\n      5px\n      rgba(38,54,72,.18)\n    );\n}\n\n\n\/* =========================================================\n   MAIN VEHICLE\n========================================================= *\/\n\n.fzschool-hero__vehicle {\n  position:absolute;\n\n  z-index:5;\n\n  left:50%;\n  top:59%;\n\n  width:\n    min(\n      96%,\n      680px\n    );\n\n  transform:\n    translate(\n      -50%,\n      -50%\n    );\n\n  animation:\n    fzschoolVehicleFloat\n    5.4s\n    ease-in-out\n    infinite;\n\n  filter:\n    drop-shadow(\n      0\n      27px\n      22px\n      rgba(38,54,72,.18)\n    );\n}\n\n\n.fzschool-hero__vehicle img {\n  display:block;\n\n  width:100%;\n  height:auto;\n\n  object-fit:contain;\n}\n\n\n\/* =========================================================\n   VEHICLE SHADOW\n========================================================= *\/\n\n.fzschool-hero__shadow {\n  position:absolute;\n\n  z-index:2;\n\n  left:50%;\n  top:76%;\n\n  width:62%;\n  height:38px;\n\n  transform:\n    translateX(-50%);\n\n  border-radius:50%;\n\n  background:\n    radial-gradient(\n      ellipse,\n      rgba(38,54,72,.22),\n      transparent 70%\n    );\n\n  filter:\n    blur(8px);\n\n  animation:\n    fzschoolShadow\n    5.4s\n    ease-in-out\n    infinite;\n}\n\n\n\/* =========================================================\n   REAL VEHICLE PHOTO\n   MOVED AWAY FROM MAIN VEHICLE\n========================================================= *\/\n\n.fzschool-hero__photo {\n  position:absolute;\n\n  z-index:8;\n\n  right:20px;\n  bottom:102px;\n\n  width:150px;\n  height:105px;\n\n  overflow:hidden;\n\n  border:\n    5px solid\n    rgba(255,255,255,.96);\n\n  background:#ffffff;\n\n  box-shadow:\n    0 15px 32px\n    rgba(38,54,72,.13);\n}\n\n\n.fzschool-hero__photo img {\n  display:block;\n\n  width:100%;\n  height:100%;\n\n  object-fit:cover;\n  object-position:center;\n}\n\n\n\/* =========================================================\n   FEATURE BAR\n========================================================= *\/\n\n.fzschool-hero__specs {\n  position:absolute;\n\n  z-index:10;\n\n  left:20px;\n  right:20px;\n  bottom:18px;\n\n  display:grid;\n\n  grid-template-columns:\n    repeat(3,1fr);\n\n  overflow:hidden;\n\n  border:\n    1px solid\n    rgba(255,255,255,.65);\n\n  background:\n    rgba(255,255,255,.96);\n\n  box-shadow:\n    0 12px 30px\n    rgba(38,54,72,.10);\n}\n\n\n.fzschool-hero__spec {\n  position:relative;\n\n  padding:\n    12px\n    13px;\n\n  border-right:\n    1px solid\n    var(--line);\n\n  overflow:hidden;\n}\n\n\n.fzschool-hero__spec:last-child {\n  border-right:0;\n}\n\n\n.fzschool-hero__spec::after {\n  content:\"\";\n\n  position:absolute;\n\n  left:0;\n  bottom:0;\n\n  width:0;\n  height:2px;\n\n  background:var(--orange);\n\n  animation:\n    fzschoolSpecLine\n    5s\n    ease-in-out\n    infinite;\n}\n\n\n.fzschool-hero__spec:nth-child(2)::after {\n  animation-delay:.7s;\n}\n\n\n.fzschool-hero__spec:nth-child(3)::after {\n  animation-delay:1.4s;\n}\n\n\n.fzschool-hero__spec span {\n  display:block;\n\n  margin-bottom:4px;\n\n  color:var(--muted);\n\n  font-size:5px;\n  font-weight:700;\n\n  letter-spacing:.75px;\n\n  text-transform:uppercase;\n}\n\n\n.fzschool-hero__spec strong {\n  display:block;\n\n  color:var(--navy);\n\n  font-size:9px;\n  font-weight:700;\n\n  line-height:1.35;\n}\n\n\n\/* =========================================================\n   NOTE\n========================================================= *\/\n\n.fzschool-hero__note {\n  grid-column:\n    1 \/ -1;\n\n  margin:\n    2px\n    0\n    0;\n\n  color:#919ba4;\n\n  font-size:7px;\n\n  line-height:1.5;\n}\n\n\n\/* =========================================================\n   ANIMATIONS\n========================================================= *\/\n\n@keyframes fzschoolRouteTravel {\n\n  0% {\n    left:-38%;\n  }\n\n  18% {\n    left:-38%;\n  }\n\n  72% {\n    left:100%;\n  }\n\n  100% {\n    left:100%;\n  }\n\n}\n\n\n@keyframes fzschoolMiniBus {\n\n  0%,\n  15% {\n    left:43px;\n  }\n\n  72%,\n  100% {\n    left:\n      calc(\n        100% - 103px\n      );\n  }\n\n}\n\n\n@keyframes fzschoolVehicleFloat {\n\n  0%,\n  100% {\n    margin-top:0;\n  }\n\n  50% {\n    margin-top:-8px;\n  }\n\n}\n\n\n@keyframes fzschoolShadow {\n\n  0%,\n  100% {\n    transform:\n      translateX(-50%)\n      scaleX(1);\n\n    opacity:.72;\n  }\n\n  50% {\n    transform:\n      translateX(-50%)\n      scaleX(.88);\n\n    opacity:.52;\n  }\n\n}\n\n\n@keyframes fzschoolSpecLine {\n\n  0%,\n  20% {\n    width:0;\n  }\n\n  58% {\n    width:100%;\n  }\n\n  82%,\n  100% {\n    width:0;\n  }\n\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width:1050px) {\n\n  .fzschool-hero__inner {\n    grid-template-columns:\n      minmax(370px,.90fr)\n      minmax(0,1.10fr);\n\n    gap:34px;\n  }\n\n\n  .fzschool-hero h1 {\n    font-size:46px;\n  }\n\n\n  .fzschool-hero__photo {\n    width:125px;\n    height:90px;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width:767px) {\n\n  .fzschool-hero__inner {\n    min-height:0;\n\n    display:flex;\n\n    flex-direction:column;\n\n    align-items:stretch;\n\n    gap:28px;\n\n    padding:\n      46px\n      16px\n      24px;\n  }\n\n\n  \/* COPY *\/\n\n  .fzschool-hero__copy {\n    max-width:none;\n  }\n\n\n  .fzschool-hero__eyebrow {\n    margin-bottom:10px;\n\n    font-size:8px;\n  }\n\n\n  .fzschool-hero h1 {\n    max-width:375px;\n\n    margin-bottom:14px;\n\n    font-size:34px;\n\n    line-height:1.05;\n\n    letter-spacing:-.8px;\n  }\n\n\n  .fzschool-hero__lead {\n    max-width:380px;\n\n    margin-bottom:18px;\n\n    font-size:12px;\n\n    line-height:1.68;\n  }\n\n\n  .fzschool-hero__features {\n    margin-bottom:19px;\n  }\n\n\n  .fzschool-hero__feature {\n    padding:\n      7px\n      9px;\n\n    font-size:7px;\n  }\n\n\n  .fzschool-hero__actions {\n    display:grid;\n\n    grid-template-columns:\n      1fr\n      1fr;\n\n    margin-bottom:21px;\n  }\n\n\n  .fzschool-hero__btn {\n    min-height:44px;\n\n    padding:\n      0\n      9px;\n\n    font-size:8px;\n  }\n\n\n  .fzschool-hero__message-copy strong {\n    font-size:9px;\n  }\n\n\n  \/* VISUAL *\/\n\n  .fzschool-hero__visual {\n    min-height:575px;\n  }\n\n\n  .fzschool-hero__vehicle-label {\n    left:13px;\n    top:13px;\n  }\n\n\n  \/* ROUTE *\/\n\n  .fzschool-route {\n    left:13px;\n    right:13px;\n    top:68px;\n\n    height:112px;\n\n    padding:\n      12px\n      12px;\n  }\n\n\n  .fzschool-route__head {\n    margin-bottom:16px;\n  }\n\n\n  .fzschool-route__line {\n    left:37px;\n    right:46px;\n  }\n\n\n  .fzschool-route__vehicle {\n    width:42px;\n\n    left:34px;\n  }\n\n\n  @keyframes fzschoolMiniBus {\n\n    0%,\n    15% {\n      left:34px;\n    }\n\n    72%,\n    100% {\n      left:\n        calc(\n          100% - 82px\n        );\n    }\n\n  }\n\n\n  \/* MAIN VEHICLE *\/\n\n  .fzschool-hero__vehicle {\n    top:58%;\n\n    width:106%;\n  }\n\n\n  .fzschool-hero__shadow {\n    top:75%;\n\n    width:68%;\n  }\n\n\n  \/* REAL PHOTO *\/\n\n  .fzschool-hero__photo {\n    right:12px;\n    bottom:151px;\n\n    width:98px;\n    height:71px;\n\n    border-width:4px;\n  }\n\n\n  \/* SPECS *\/\n\n  .fzschool-hero__specs {\n    left:11px;\n    right:11px;\n    bottom:11px;\n\n    grid-template-columns:1fr;\n  }\n\n\n  .fzschool-hero__spec {\n    padding:\n      7px\n      9px;\n\n    border-right:0;\n\n    border-bottom:\n      1px solid\n      var(--line);\n  }\n\n\n  .fzschool-hero__spec:last-child {\n    border-bottom:0;\n  }\n\n\n  .fzschool-hero__spec strong {\n    font-size:8px;\n  }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media (max-width:380px) {\n\n  .fzschool-hero h1 {\n    font-size:30px;\n  }\n\n\n  .fzschool-hero__actions {\n    grid-template-columns:1fr;\n  }\n\n\n  .fzschool-hero__visual {\n    min-height:550px;\n  }\n\n\n  .fzschool-hero__vehicle {\n    width:110%;\n  }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media (prefers-reduced-motion:reduce) {\n\n  .fzschool-hero *,\n  .fzschool-hero *::before,\n  .fzschool-hero *::after {\n    animation:none !important;\n    transition:none !important;\n  }\n\n}\n<\/style>\n\n\n<section\n  class=\"fzschool-hero\"\n  id=\"farizon-school-bus\">\n\n\n  <div class=\"fzschool-hero__inner\">\n\n\n    <!-- =====================================================\n         LEFT COPY\n    ====================================================== -->\n\n    <div class=\"fzschool-hero__copy\">\n\n\n      <div class=\"fzschool-hero__eyebrow\">\n        Farizon School Bus \u00b7 9+1\n      <\/div>\n\n\n      <h1>\n\n        Electric School Bus Singapore\n\n        <span>\n          Designed Around Safer Student Transport.\n        <\/span>\n\n      <\/h1>\n\n\n      <p class=\"fzschool-hero__lead\">\n        The Farizon School Bus 9+1 is an electric passenger\n        vehicle designed for safe and efficient school\n        transport in Singapore. Compact for daily school\n        routes, it comes equipped with an automatic step,\n        handrail and full ADAS for a safer and more comfortable\n        student journey.\n      <\/p>\n\n\n\n      <!-- FEATURES -->\n\n      <div class=\"fzschool-hero__features\">\n\n\n        <span class=\"fzschool-hero__feature\">\n          9+1 Configuration\n        <\/span>\n\n\n        <span class=\"fzschool-hero__feature\">\n          Automatic Step\n        <\/span>\n\n\n        <span class=\"fzschool-hero__feature\">\n          Handrail\n        <\/span>\n\n\n        <span class=\"fzschool-hero__feature\">\n          Full ADAS\n        <\/span>\n\n\n      <\/div>\n\n\n\n      <!-- CTA -->\n\n      <div class=\"fzschool-hero__actions\">\n\n\n        <a\n          class=\"fzschool-hero__btn fzschool-hero__btn--primary\"\n          href=\"#school-bus-features\">\n\n          Explore School Bus Features\n          \u2193\n\n        <\/a>\n\n\n        <a\n          class=\"fzschool-hero__btn fzschool-hero__btn--secondary\"\n          href=\"#school-bus-enquiry\">\n\n          Discuss Your Requirement\n          \u2192\n\n        <\/a>\n\n\n      <\/div>\n\n\n\n      <!-- MESSAGE -->\n\n      <div class=\"fzschool-hero__message\">\n\n\n        <div class=\"fzschool-hero__message-mark\">\n          9+1\n        <\/div>\n\n\n        <div class=\"fzschool-hero__message-copy\">\n\n          <span>\n            Daily School Mobility\n          <\/span>\n\n          <strong>\n            A compact electric passenger vehicle designed\n            around student boarding, school routes and\n            everyday transport needs.\n          <\/strong>\n\n        <\/div>\n\n\n      <\/div>\n\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         RIGHT VISUAL\n    ====================================================== -->\n\n    <div class=\"fzschool-hero__visual\">\n\n\n      <!-- VEHICLE LABEL -->\n\n      <div class=\"fzschool-hero__vehicle-label\">\n\n        <span>\n          Electric School Transport\n        <\/span>\n\n        <strong>\n          Farizon School Bus 9+1\n        <\/strong>\n\n      <\/div>\n\n\n\n      <!-- ===================================================\n           MEANINGFUL SCHOOL ROUTE\n      ==================================================== -->\n\n      <div class=\"fzschool-route\">\n\n\n        <div class=\"fzschool-route__head\">\n\n          <span>\n            Daily School Journey\n          <\/span>\n\n          <strong>\n            Pickup \u2192 School\n          <\/strong>\n\n        <\/div>\n\n\n\n        <div class=\"fzschool-route__track\">\n\n\n          <!-- ROUTE LINE -->\n\n          <div class=\"fzschool-route__line\"><\/div>\n\n\n\n          <!-- PICKUP -->\n\n          <div class=\"fzschool-route__pickup\">\n\n            <div class=\"fzschool-route__pickup-dot\"><\/div>\n\n            <strong>\n              Pickup\n            <\/strong>\n\n          <\/div>\n\n\n\n          <!-- MOVING MINI BUS -->\n\n          <div class=\"fzschool-route__vehicle\">\n\n            <img decoding=\"async\"\n              src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/10\/Untitled-design-1-scaled.png\"\n              alt=\"\"\n              aria-hidden=\"true\">\n\n          <\/div>\n\n\n\n          <!-- SCHOOL -->\n\n          <div class=\"fzschool-route__school\">\n\n            <div class=\"fzschool-route__school-icon\"><\/div>\n\n            <strong>\n              School\n            <\/strong>\n\n          <\/div>\n\n\n        <\/div>\n\n\n      <\/div>\n\n\n\n      <!-- ===================================================\n           MAIN TRANSPARENT VEHICLE\n      ==================================================== -->\n\n      <div class=\"fzschool-hero__shadow\"><\/div>\n\n\n      <div class=\"fzschool-hero__vehicle\">\n\n        <img\n          src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/10\/Untitled-design-1-scaled.png\"\n          alt=\"Farizon School Bus 9+1 electric school bus Singapore\"\n          fetchpriority=\"high\"\n          decoding=\"async\">\n\n      <\/div>\n\n\n\n      <!-- ===================================================\n           ACTUAL VEHICLE PHOTO\n           DOES NOT BLOCK MAIN VEHICLE\n      ==================================================== -->\n\n      <div class=\"fzschool-hero__photo\">\n\n        <img\n          src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/10\/20260918_024250930_iOS-1-scaled.jpg\"\n          alt=\"Farizon School Bus 9+1 front view\"\n          fetchpriority=\"high\"\n          decoding=\"async\">\n\n      <\/div>\n\n\n\n      <!-- ===================================================\n           FEATURE RAIL\n      ==================================================== -->\n\n      <div class=\"fzschool-hero__specs\">\n\n\n        <div class=\"fzschool-hero__spec\">\n\n          <span>\n            Student Access\n          <\/span>\n\n          <strong>\n            Automatic Step\n          <\/strong>\n\n        <\/div>\n\n\n        <div class=\"fzschool-hero__spec\">\n\n          <span>\n            Boarding Support\n          <\/span>\n\n          <strong>\n            Handrail\n          <\/strong>\n\n        <\/div>\n\n\n        <div class=\"fzschool-hero__spec\">\n\n          <span>\n            Driver Assistance\n          <\/span>\n\n          <strong>\n            Full ADAS\n          <\/strong>\n\n        <\/div>\n\n\n      <\/div>\n\n\n    <\/div>\n\n\n\n    <!-- NOTE -->\n\n    <p class=\"fzschool-hero__note\">\n      *Final school bus configuration and equipment may vary\n      according to the selected specification. Confirm the\n      required school transport configuration with Farizon Singapore.\n    <\/p>\n\n\n  <\/div>\n\n\n<\/section>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-995f960e wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<style>\n\/* =========================================================\n   FARIZON SCHOOL BUS 9+1\n   SECTION 03 \u2014 IMMERSIVE ADAS SAFETY\n========================================================= *\/\n\n.fzsb3,\n.fzsb3 *,\n.fzsb3 *::before,\n.fzsb3 *::after {\n  box-sizing:border-box;\n}\n\n.fzsb3 {\n  --orange:#ff6433;\n  --navy:#263648;\n  --deep:#172838;\n  --text:#5d6672;\n  --white:#ffffff;\n\n  position:relative;\n\n  width:100vw;\n  margin-left:calc(50% - 50vw) !important;\n\n  overflow:hidden;\n\n  padding:\n    70px\n    24px\n    72px;\n\n  background:\n    radial-gradient(\n      circle at 50% 46%,\n      #31475b 0%,\n      #213548 39%,\n      #172838 82%\n    );\n\n  font-family:Inter,Arial,sans-serif;\n\n  isolation:isolate;\n}\n\n\n\/* =========================================================\n   GRID\n========================================================= *\/\n\n.fzsb3::before {\n  content:\"\";\n\n  position:absolute;\n  inset:-70px;\n\n  background-image:\n    linear-gradient(\n      rgba(255,255,255,.022) 1px,\n      transparent 1px\n    ),\n    linear-gradient(\n      90deg,\n      rgba(255,255,255,.022) 1px,\n      transparent 1px\n    );\n\n  background-size:48px 48px;\n\n  animation:\n    fzsb3Grid\n    20s\n    linear\n    infinite;\n\n  pointer-events:none;\n}\n\n\n.fzsb3__inner {\n  position:relative;\n  z-index:2;\n\n  width:100%;\n  max-width:1280px;\n\n  margin:0 auto;\n}\n\n\n\/* =========================================================\n   HEADER\n========================================================= *\/\n\n.fzsb3__header {\n  position:relative;\n  z-index:12;\n\n  max-width:810px;\n\n  margin-bottom:26px;\n}\n\n\n.fzsb3__eyebrow {\n  display:flex;\n  align-items:center;\n\n  gap:10px;\n\n  margin-bottom:11px;\n\n  color:var(--orange);\n\n  font-size:10px;\n  font-weight:700;\n  letter-spacing:1.35px;\n\n  text-transform:uppercase;\n}\n\n\n.fzsb3__eyebrow::before {\n  content:\"\";\n\n  width:30px;\n  height:2px;\n\n  background:var(--orange);\n}\n\n\n.fzsb3 h2 {\n  margin:0 0 14px;\n\n  color:#ffffff;\n\n  font-size:\n    clamp(\n      38px,\n      4vw,\n      52px\n    );\n\n  line-height:1.04;\n  letter-spacing:-1px;\n\n  font-weight:700;\n}\n\n\n.fzsb3 h2 span {\n  color:var(--orange);\n}\n\n\n.fzsb3__intro {\n  max-width:690px;\n\n  margin:0;\n\n  color:\n    rgba(255,255,255,.58);\n\n  font-size:13px;\n  line-height:1.78;\n}\n\n\n\/* =========================================================\n   IMMERSIVE STAGE\n========================================================= *\/\n\n.fzsb3__stage {\n  position:relative;\n\n  min-height:590px;\n\n  overflow:hidden;\n\n  border:\n    1px solid\n    rgba(255,255,255,.09);\n\n  background:\n    rgba(255,255,255,.015);\n\n  box-shadow:\n    0 28px 70px\n    rgba(0,0,0,.17);\n}\n\n\n\/* =========================================================\n   ROAD CORRIDOR\n========================================================= *\/\n\n.fzsb3__road {\n  position:absolute;\n\n  z-index:1;\n\n  left:-5%;\n  right:-5%;\n  top:61%;\n\n  height:110px;\n\n  transform:\n    perspective(500px)\n    rotateX(62deg);\n\n  background:\n    rgba(255,255,255,.025);\n\n  border-top:\n    1px solid\n    rgba(255,255,255,.08);\n\n  border-bottom:\n    1px solid\n    rgba(255,255,255,.06);\n}\n\n\n.fzsb3__road::after {\n  content:\"\";\n\n  position:absolute;\n\n  left:0;\n  right:0;\n  top:50%;\n\n  height:2px;\n\n  background:\n    repeating-linear-gradient(\n      90deg,\n      rgba(255,255,255,.19) 0 38px,\n      transparent 38px 70px\n    );\n\n  animation:\n    fzsb3Road\n    2.2s\n    linear\n    infinite;\n}\n\n\n\/* =========================================================\n   VEHICLE\n========================================================= *\/\n\n.fzsb3__vehicle {\n  position:absolute;\n\n  z-index:7;\n\n  left:50%;\n  top:50%;\n\n  width:\n    min(\n      64%,\n      660px\n    );\n\n  transform:\n    translate(\n      -50%,\n      -50%\n    );\n\n  filter:\n    drop-shadow(\n      0\n      28px\n      24px\n      rgba(0,0,0,.34)\n    );\n}\n\n\n.fzsb3__vehicle img {\n  display:block;\n\n  width:100%;\n  height:auto;\n\n  animation:\n    fzsb3Vehicle\n    5s\n    ease-in-out\n    infinite;\n}\n\n\n\/* =========================================================\n   SAFETY RINGS\n========================================================= *\/\n\n.fzsb3__ring {\n  position:absolute;\n\n  z-index:3;\n\n  left:50%;\n  top:49%;\n\n  border-radius:50%;\n\n  transform:\n    translate(\n      -50%,\n      -50%\n    );\n\n  pointer-events:none;\n}\n\n\n.fzsb3__ring--1 {\n  width:320px;\n  height:320px;\n\n  border:\n    1px solid\n    rgba(255,100,51,.28);\n\n  animation:\n    fzsb3PulseRing\n    3.4s\n    ease-out\n    infinite;\n}\n\n\n.fzsb3__ring--2 {\n  width:440px;\n  height:440px;\n\n  border:\n    1px solid\n    rgba(255,255,255,.11);\n\n  animation:\n    fzsb3PulseRing\n    3.4s\n    ease-out\n    1.1s\n    infinite;\n}\n\n\n.fzsb3__ring--3 {\n  width:555px;\n  height:555px;\n\n  border:\n    1px dashed\n    rgba(255,100,51,.15);\n\n  animation:\n    fzsb3Rotate\n    18s\n    linear\n    infinite;\n}\n\n\n\/* =========================================================\n   ADAS SCAN SWEEP\n========================================================= *\/\n\n.fzsb3__scanner {\n  position:absolute;\n\n  z-index:4;\n\n  left:50%;\n  top:49%;\n\n  width:480px;\n  height:480px;\n\n  transform:\n    translate(\n      -50%,\n      -50%\n    );\n\n  border-radius:50%;\n\n  background:\n    conic-gradient(\n      transparent 0deg,\n      transparent 320deg,\n      rgba(255,100,51,.03) 329deg,\n      rgba(255,100,51,.17) 349deg,\n      rgba(255,100,51,.48) 360deg\n    );\n\n  -webkit-mask:\n    radial-gradient(\n      circle,\n      transparent 0 48%,\n      #000 49% 50%,\n      transparent 51%\n    );\n\n  mask:\n    radial-gradient(\n      circle,\n      transparent 0 48%,\n      #000 49% 50%,\n      transparent 51%\n    );\n\n  animation:\n    fzsb3Scan\n    4.5s\n    linear\n    infinite;\n\n  pointer-events:none;\n}\n\n\n\/* =========================================================\n   CENTER STATUS\n========================================================= *\/\n\n.fzsb3__adas-badge {\n  position:absolute;\n\n  z-index:10;\n\n  left:50%;\n  top:86px;\n\n  transform:\n    translateX(-50%);\n\n  display:flex;\n\n  align-items:center;\n\n  gap:8px;\n\n  padding:\n    9px\n    12px;\n\n  border:\n    1px solid\n    rgba(255,100,51,.24);\n\n  background:\n    rgba(21,38,52,.78);\n\n  color:#ffffff;\n\n  font-size:8px;\n  font-weight:700;\n\n  letter-spacing:.75px;\n\n  text-transform:uppercase;\n\n  backdrop-filter:blur(7px);\n}\n\n\n.fzsb3__adas-badge::before {\n  content:\"\";\n\n  width:7px;\n  height:7px;\n\n  border-radius:50%;\n\n  background:var(--orange);\n\n  box-shadow:\n    0 0 0\n    6px\n    rgba(255,100,51,.10);\n\n  animation:\n    fzsb3StatusPulse\n    2s\n    ease-out\n    infinite;\n}\n\n\n\/* =========================================================\n   SAFETY LABELS\n========================================================= *\/\n\n.fzsb3__label {\n  position:absolute;\n\n  z-index:8;\n\n  max-width:205px;\n\n  padding:\n    11px\n    13px;\n\n  border:\n    1px solid\n    rgba(255,255,255,.09);\n\n  background:\n    rgba(21,38,52,.73);\n\n  backdrop-filter:\n    blur(8px);\n\n  -webkit-backdrop-filter:\n    blur(8px);\n}\n\n\n.fzsb3__label span {\n  display:block;\n\n  margin-bottom:4px;\n\n  color:var(--orange);\n\n  font-size:6px;\n  font-weight:700;\n\n  letter-spacing:.8px;\n\n  text-transform:uppercase;\n}\n\n\n.fzsb3__label strong {\n  display:block;\n\n  color:#ffffff;\n\n  font-size:10px;\n  font-weight:700;\n\n  line-height:1.45;\n}\n\n\n.fzsb3__label--1 {\n  left:25px;\n  top:135px;\n}\n\n\n.fzsb3__label--2 {\n  right:25px;\n  top:165px;\n}\n\n\n.fzsb3__label--3 {\n  right:25px;\n  bottom:152px;\n}\n\n\n\/* =========================================================\n   SCHOOL DESTINATION\n========================================================= *\/\n\n.fzsb3__school {\n  position:absolute;\n\n  z-index:8;\n\n  left:28px;\n  bottom:149px;\n\n  display:flex;\n\n  align-items:center;\n\n  gap:10px;\n}\n\n\n.fzsb3__school-icon {\n  position:relative;\n\n  width:35px;\n  height:29px;\n\n  border:\n    2px solid\n    rgba(255,255,255,.42);\n}\n\n\n.fzsb3__school-icon::before {\n  content:\"\";\n\n  position:absolute;\n\n  left:50%;\n  top:-9px;\n\n  width:20px;\n  height:20px;\n\n  transform:\n    translateX(-50%)\n    rotate(45deg);\n\n  border:\n    2px solid\n    rgba(255,255,255,.42);\n\n  border-right:0;\n  border-bottom:0;\n\n  background:#203548;\n}\n\n\n.fzsb3__school-icon::after {\n  content:\"\";\n\n  position:absolute;\n\n  left:50%;\n  bottom:0;\n\n  width:8px;\n  height:13px;\n\n  transform:\n    translateX(-50%);\n\n  background:var(--orange);\n}\n\n\n.fzsb3__school strong {\n  color:\n    rgba(255,255,255,.68);\n\n  font-size:8px;\n  font-weight:700;\n\n  text-transform:uppercase;\n}\n\n\n\/* =========================================================\n   BOTTOM CONTENT RAIL\n========================================================= *\/\n\n.fzsb3__rail {\n  position:absolute;\n\n  z-index:12;\n\n  left:22px;\n  right:22px;\n  bottom:20px;\n\n  display:grid;\n\n  grid-template-columns:\n    repeat(3,1fr);\n\n  background:\n    rgba(18,33,46,.94);\n\n  border:\n    1px solid\n    rgba(255,255,255,.09);\n\n  backdrop-filter:\n    blur(8px);\n}\n\n\n.fzsb3__rail-item {\n  position:relative;\n\n  padding:\n    14px\n    15px;\n\n  border-right:\n    1px solid\n    rgba(255,255,255,.08);\n}\n\n\n.fzsb3__rail-item:last-child {\n  border-right:0;\n}\n\n\n.fzsb3__rail-item span {\n  display:block;\n\n  margin-bottom:5px;\n\n  color:var(--orange);\n\n  font-size:6px;\n  font-weight:700;\n\n  letter-spacing:.8px;\n\n  text-transform:uppercase;\n}\n\n\n.fzsb3__rail-item strong {\n  display:block;\n\n  margin-bottom:4px;\n\n  color:#ffffff;\n\n  font-size:11px;\n  font-weight:700;\n}\n\n\n.fzsb3__rail-item p {\n  margin:0;\n\n  color:\n    rgba(255,255,255,.45);\n\n  font-size:8px;\n  line-height:1.55;\n}\n\n\n\/* =========================================================\n   DISCLAIMER\n========================================================= *\/\n\n.fzsb3__note {\n  margin:10px 0 0;\n\n  color:\n    rgba(255,255,255,.35);\n\n  font-size:8px;\n  line-height:1.55;\n}\n\n\n\/* =========================================================\n   ANIMATION\n========================================================= *\/\n\n@keyframes fzsb3Grid {\n\n  from {\n    transform:\n      translate3d(0,0,0);\n  }\n\n  to {\n    transform:\n      translate3d(48px,48px,0);\n  }\n\n}\n\n\n@keyframes fzsb3Road {\n\n  to {\n    background-position:-70px 0;\n  }\n\n}\n\n\n@keyframes fzsb3Vehicle {\n\n  0%,\n  100% {\n    transform:translateY(0);\n  }\n\n  50% {\n    transform:translateY(-7px);\n  }\n\n}\n\n\n@keyframes fzsb3PulseRing {\n\n  0% {\n    opacity:.20;\n\n    transform:\n      translate(-50%,-50%)\n      scale(.86);\n  }\n\n  55% {\n    opacity:.72;\n  }\n\n  100% {\n    opacity:0;\n\n    transform:\n      translate(-50%,-50%)\n      scale(1.15);\n  }\n\n}\n\n\n@keyframes fzsb3Rotate {\n\n  to {\n    transform:\n      translate(-50%,-50%)\n      rotate(360deg);\n  }\n\n}\n\n\n@keyframes fzsb3Scan {\n\n  to {\n    transform:\n      translate(-50%,-50%)\n      rotate(360deg);\n  }\n\n}\n\n\n@keyframes fzsb3StatusPulse {\n\n  0% {\n    box-shadow:\n      0 0 0 0\n      rgba(255,100,51,.30);\n  }\n\n  75% {\n    box-shadow:\n      0 0 0 10px\n      rgba(255,100,51,0);\n  }\n\n  100% {\n    box-shadow:\n      0 0 0 10px\n      rgba(255,100,51,0);\n  }\n\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width:1000px) {\n\n  .fzsb3__vehicle {\n    width:72%;\n  }\n\n\n  .fzsb3__ring--3 {\n    width:490px;\n    height:490px;\n  }\n\n\n  .fzsb3__scanner {\n    width:420px;\n    height:420px;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width:767px) {\n\n  .fzsb3 {\n    padding:\n      48px\n      16px\n      52px;\n  }\n\n\n  .fzsb3 h2 {\n    font-size:32px;\n  }\n\n\n  .fzsb3__intro {\n    font-size:12px;\n  }\n\n\n  .fzsb3__stage {\n    min-height:630px;\n  }\n\n\n  .fzsb3__adas-badge {\n    top:68px;\n\n    font-size:7px;\n  }\n\n\n  .fzsb3__vehicle {\n    top:46%;\n\n    width:102%;\n  }\n\n\n  .fzsb3__ring {\n    top:46%;\n  }\n\n\n  .fzsb3__ring--1 {\n    width:220px;\n    height:220px;\n  }\n\n\n  .fzsb3__ring--2 {\n    width:300px;\n    height:300px;\n  }\n\n\n  .fzsb3__ring--3 {\n    width:380px;\n    height:380px;\n  }\n\n\n  .fzsb3__scanner {\n    top:46%;\n\n    width:320px;\n    height:320px;\n  }\n\n\n  .fzsb3__label {\n    max-width:145px;\n\n    padding:\n      9px\n      10px;\n  }\n\n\n  .fzsb3__label strong {\n    font-size:8px;\n  }\n\n\n  .fzsb3__label--1 {\n    left:12px;\n    top:120px;\n  }\n\n\n  .fzsb3__label--2 {\n    right:12px;\n    top:145px;\n  }\n\n\n  .fzsb3__label--3 {\n    right:12px;\n    bottom:215px;\n  }\n\n\n  .fzsb3__school {\n    left:13px;\n    bottom:213px;\n  }\n\n\n  .fzsb3__rail {\n    left:10px;\n    right:10px;\n    bottom:10px;\n\n    grid-template-columns:1fr;\n  }\n\n\n  .fzsb3__rail-item {\n    padding:\n      9px\n      11px;\n\n    border-right:0;\n\n    border-bottom:\n      1px solid\n      rgba(255,255,255,.08);\n  }\n\n\n  .fzsb3__rail-item:last-child {\n    border-bottom:0;\n  }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media (max-width:380px) {\n\n  .fzsb3 h2 {\n    font-size:29px;\n  }\n\n\n  .fzsb3__stage {\n    min-height:600px;\n  }\n\n\n  .fzsb3__label--3 {\n    display:none;\n  }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media (prefers-reduced-motion:reduce) {\n\n  .fzsb3 *,\n  .fzsb3 *::before,\n  .fzsb3 *::after {\n    animation:none !important;\n    transition:none !important;\n  }\n\n}\n<\/style>\n\n\n<section\n  class=\"fzsb3\"\n  id=\"school-bus-safety\">\n\n\n  <div class=\"fzsb3__inner\">\n\n\n    <!-- =====================================================\n         HEADER\n    ====================================================== -->\n\n    <div class=\"fzsb3__header\">\n\n\n      <div class=\"fzsb3__eyebrow\">\n        School-Route Safety\n      <\/div>\n\n\n      <h2>\n\n        Full ADAS Support for\n\n        <span>\n          Everyday School Transport.\n        <\/span>\n\n      <\/h2>\n\n\n      <p class=\"fzsb3__intro\">\n        The Farizon School Bus 9+1 is equipped with full ADAS\n        to support the driver throughout everyday school\n        transport and contribute to a safer student journey.\n      <\/p>\n\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         IMMERSIVE SAFETY STAGE\n    ====================================================== -->\n\n    <div class=\"fzsb3__stage\">\n\n\n      <!-- ROAD -->\n\n      <div class=\"fzsb3__road\"><\/div>\n\n\n\n      <!-- ADAS RINGS -->\n\n      <div class=\"fzsb3__ring fzsb3__ring--1\"><\/div>\n\n      <div class=\"fzsb3__ring fzsb3__ring--2\"><\/div>\n\n      <div class=\"fzsb3__ring fzsb3__ring--3\"><\/div>\n\n\n      <div class=\"fzsb3__scanner\"><\/div>\n\n\n\n      <!-- STATUS -->\n\n      <div class=\"fzsb3__adas-badge\">\n        Full ADAS \u00b7 Driver Assistance Active\n      <\/div>\n\n\n\n      <!-- ===================================================\n           REAL VEHICLE\n      ==================================================== -->\n\n      <div class=\"fzsb3__vehicle\">\n\n\n        <img\n          src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/10\/Untitled-design-1-scaled.png\"\n          alt=\"Farizon School Bus 9+1 full ADAS\"\n          loading=\"lazy\"\n          decoding=\"async\">\n\n\n      <\/div>\n\n\n\n      <!-- ===================================================\n           MEANINGFUL LABELS\n      ==================================================== -->\n\n      <div class=\"fzsb3__label fzsb3__label--1\">\n\n        <span>\n          Driver Assistance\n        <\/span>\n\n        <strong>\n          Full ADAS supports the driver during school-route operation.\n        <\/strong>\n\n      <\/div>\n\n\n\n      <div class=\"fzsb3__label fzsb3__label--2\">\n\n        <span>\n          School Transport\n        <\/span>\n\n        <strong>\n          Designed around daily student passenger journeys.\n        <\/strong>\n\n      <\/div>\n\n\n\n      <div class=\"fzsb3__label fzsb3__label--3\">\n\n        <span>\n          Journey Support\n        <\/span>\n\n        <strong>\n          Driver assistance remains part of the transport operation.\n        <\/strong>\n\n      <\/div>\n\n\n\n      <!-- SCHOOL DESTINATION -->\n\n      <div class=\"fzsb3__school\">\n\n        <div class=\"fzsb3__school-icon\"><\/div>\n\n        <strong>\n          School Route\n        <\/strong>\n\n      <\/div>\n\n\n\n      <!-- ===================================================\n           CONTENT RAIL\n      ==================================================== -->\n\n      <div class=\"fzsb3__rail\">\n\n\n        <div class=\"fzsb3__rail-item\">\n\n          <span>\n            Driver Assistance\n          <\/span>\n\n          <strong>\n            Full ADAS\n          <\/strong>\n\n          <p>\n            Advanced driver-assistance support forms part\n            of the School Bus configuration.\n          <\/p>\n\n        <\/div>\n\n\n\n        <div class=\"fzsb3__rail-item\">\n\n          <span>\n            Daily Application\n          <\/span>\n\n          <strong>\n            School Routes\n          <\/strong>\n\n          <p>\n            Developed for everyday school transport and\n            student passenger movement.\n          <\/p>\n\n        <\/div>\n\n\n\n        <div class=\"fzsb3__rail-item\">\n\n          <span>\n            Passenger Purpose\n          <\/span>\n\n          <strong>\n            Student Transport\n          <\/strong>\n\n          <p>\n            Safety-focused school mobility in a compact\n            9+1 electric passenger vehicle.\n          <\/p>\n\n        <\/div>\n\n\n      <\/div>\n\n\n    <\/div>\n\n\n\n    <p class=\"fzsb3__note\">\n      *ADAS graphics are an illustrative representation of\n      driver-assistance support and do not depict a specific\n      sensor, detection zone or individual ADAS function.\n    <\/p>\n\n\n  <\/div>\n\n\n<\/section>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-995f960e wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<style>\n\/* =========================================================\n   FARIZON SCHOOL BUS 9+1\n   SECTION 04 \u2014 ACTUAL VEHICLE \/ PASSENGER CABIN\n   EDITORIAL FILMSTRIP\n========================================================= *\/\n\n.fzsb4,\n.fzsb4 *,\n.fzsb4 *::before,\n.fzsb4 *::after {\n  box-sizing:border-box;\n}\n\n.fzsb4 {\n  --orange:#ff6433;\n  --orange-dark:#e95428;\n  --navy:#263648;\n  --deep:#192b3b;\n  --text:#5d6672;\n  --muted:#8e99a4;\n  --line:#e1e6ea;\n  --soft:#f4f6f8;\n  --white:#ffffff;\n\n  position:relative;\n\n  width:100vw;\n  max-width:none;\n\n  margin:\n    0 0 0\n    calc(50% - 50vw) !important;\n\n  padding:\n    68px\n    24px\n    72px;\n\n  overflow:hidden;\n\n  background:\n    linear-gradient(\n      180deg,\n      #ffffff 0%,\n      #f4f6f8 100%\n    );\n\n  font-family:\n    Inter,\n    Arial,\n    sans-serif;\n\n  isolation:isolate;\n}\n\n\n\/* =========================================================\n   SUBTLE BACKGROUND\n========================================================= *\/\n\n.fzsb4::before {\n  content:\"\";\n\n  position:absolute;\n  inset:0;\n\n  background-image:\n    linear-gradient(\n      rgba(38,54,72,.021) 1px,\n      transparent 1px\n    ),\n    linear-gradient(\n      90deg,\n      rgba(38,54,72,.021) 1px,\n      transparent 1px\n    );\n\n  background-size:\n    50px\n    50px;\n\n  pointer-events:none;\n}\n\n\n.fzsb4::after {\n  content:\"\";\n\n  position:absolute;\n\n  width:520px;\n  height:520px;\n\n  right:-330px;\n  bottom:-340px;\n\n  border-radius:50%;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(255,100,51,.07),\n      transparent 70%\n    );\n\n  pointer-events:none;\n}\n\n\n\/* =========================================================\n   INNER\n========================================================= *\/\n\n.fzsb4__inner {\n  position:relative;\n  z-index:2;\n\n  width:100%;\n  max-width:1280px;\n\n  margin:0 auto;\n}\n\n\n\/* =========================================================\n   HEADER\n========================================================= *\/\n\n.fzsb4__header {\n  display:grid;\n\n  grid-template-columns:\n    minmax(0,1fr)\n    minmax(320px,.55fr);\n\n  gap:46px;\n\n  align-items:end;\n\n  margin-bottom:27px;\n}\n\n\n.fzsb4__eyebrow {\n  display:flex;\n  align-items:center;\n\n  gap:10px;\n\n  margin-bottom:11px;\n\n  color:var(--orange);\n\n  font-size:10px;\n  font-weight:700;\n\n  letter-spacing:1.35px;\n\n  text-transform:uppercase;\n}\n\n\n.fzsb4__eyebrow::before {\n  content:\"\";\n\n  width:30px;\n  height:2px;\n\n  background:var(--orange);\n}\n\n\n.fzsb4 h2 {\n  max-width:770px;\n\n  margin:0;\n\n  color:var(--navy);\n\n  font-size:\n    clamp(\n      38px,\n      3.8vw,\n      50px\n    );\n\n  line-height:1.04;\n\n  letter-spacing:-1px;\n\n  font-weight:700;\n}\n\n\n.fzsb4 h2 span {\n  display:block;\n\n  color:var(--orange);\n}\n\n\n.fzsb4__intro {\n  max-width:455px;\n\n  margin:0;\n\n  color:var(--text);\n\n  font-size:13px;\n\n  line-height:1.78;\n}\n\n\n\/* =========================================================\n   SHOWCASE\n========================================================= *\/\n\n.fzsb4__showcase {\n  position:relative;\n\n  overflow:hidden;\n\n  border:\n    1px solid\n    var(--line);\n\n  background:#ffffff;\n\n  box-shadow:\n    0 22px 56px\n    rgba(38,54,72,.08);\n}\n\n\n\/* =========================================================\n   MAIN IMAGE\n========================================================= *\/\n\n.fzsb4__viewer {\n  position:relative;\n\n  height:560px;\n\n  overflow:hidden;\n\n  background:#dfe5e9;\n}\n\n\n.fzsb4__slide {\n  position:absolute;\n\n  inset:0;\n\n  opacity:0;\n\n  transform:\n    scale(1.035);\n\n  transition:\n    opacity .8s ease,\n    transform 1.15s\n    cubic-bezier(.2,.7,.3,1);\n}\n\n\n.fzsb4__slide.is-active {\n  opacity:1;\n\n  transform:\n    scale(1);\n}\n\n\n.fzsb4__slide img {\n  display:block;\n\n  width:100%;\n  height:100%;\n\n  object-fit:cover;\n  object-position:center;\n}\n\n\n\/* =========================================================\n   IMAGE SHADE\n========================================================= *\/\n\n.fzsb4__viewer::after {\n  content:\"\";\n\n  position:absolute;\n\n  z-index:3;\n\n  inset:0;\n\n  background:\n    linear-gradient(\n      180deg,\n      rgba(20,34,46,.04) 0%,\n      transparent 48%,\n      rgba(20,34,46,.55) 100%\n    );\n\n  pointer-events:none;\n}\n\n\n\/* =========================================================\n   TOP LABELS\n========================================================= *\/\n\n.fzsb4__viewer-head {\n  position:absolute;\n\n  z-index:8;\n\n  left:22px;\n  right:22px;\n  top:20px;\n\n  display:flex;\n\n  align-items:flex-start;\n  justify-content:space-between;\n\n  gap:15px;\n}\n\n\n.fzsb4__actual {\n  padding:\n    9px\n    11px;\n\n  background:\n    rgba(38,54,72,.93);\n\n  color:#ffffff;\n\n  box-shadow:\n    0 10px 25px\n    rgba(0,0,0,.13);\n}\n\n\n.fzsb4__actual span {\n  display:block;\n\n  margin-bottom:3px;\n\n  color:var(--orange);\n\n  font-size:6px;\n  font-weight:700;\n\n  letter-spacing:.8px;\n\n  text-transform:uppercase;\n}\n\n\n.fzsb4__actual strong {\n  display:block;\n\n  font-size:10px;\n  font-weight:700;\n}\n\n\n.fzsb4__counter {\n  padding:\n    9px\n    11px;\n\n  border:\n    1px solid\n    rgba(255,255,255,.32);\n\n  background:\n    rgba(255,255,255,.90);\n\n  color:var(--navy);\n\n  font-size:9px;\n  font-weight:800;\n}\n\n\n\/* =========================================================\n   ACTIVE CAPTION\n========================================================= *\/\n\n.fzsb4__caption {\n  position:absolute;\n\n  z-index:8;\n\n  left:23px;\n  bottom:25px;\n\n  max-width:560px;\n}\n\n\n.fzsb4__caption span {\n  display:block;\n\n  margin-bottom:6px;\n\n  color:var(--orange);\n\n  font-size:9px;\n  font-weight:700;\n\n  letter-spacing:.85px;\n\n  text-transform:uppercase;\n}\n\n\n.fzsb4__caption strong {\n  display:block;\n\n  color:#ffffff;\n\n  font-size:\n    clamp(\n      22px,\n      2.2vw,\n      29px\n    );\n\n  font-weight:700;\n\n  line-height:1.16;\n\n  text-shadow:\n    0 3px 18px\n    rgba(0,0,0,.18);\n}\n\n\n\/* =========================================================\n   PROGRESS\n========================================================= *\/\n\n.fzsb4__progress {\n  position:absolute;\n\n  z-index:9;\n\n  left:23px;\n  right:23px;\n  bottom:0;\n\n  height:3px;\n\n  background:\n    rgba(255,255,255,.25);\n}\n\n\n.fzsb4__progress-bar {\n  width:0;\n  height:100%;\n\n  background:var(--orange);\n\n  box-shadow:\n    0 0\n    11px\n    rgba(255,100,51,.40);\n\n  animation:\n    fzsb4Progress\n    4.6s\n    linear\n    forwards;\n}\n\n\n\/* =========================================================\n   FILMSTRIP\n========================================================= *\/\n\n.fzsb4__filmstrip {\n  display:grid;\n\n  grid-template-columns:\n    repeat(4,1fr);\n\n  gap:0;\n\n  background:#ffffff;\n\n  border-top:\n    1px solid\n    var(--line);\n}\n\n\n.fzsb4__thumb {\n  position:relative;\n\n  min-width:0;\n\n  display:grid;\n\n  grid-template-columns:\n    86px\n    1fr;\n\n  gap:12px;\n\n  align-items:center;\n\n  padding:\n    12px;\n\n  border-right:\n    1px solid\n    var(--line);\n\n  background:#ffffff;\n\n  cursor:pointer;\n\n  overflow:hidden;\n\n  transition:\n    background .25s ease;\n}\n\n\n.fzsb4__thumb:last-child {\n  border-right:0;\n}\n\n\n.fzsb4__thumb::after {\n  content:\"\";\n\n  position:absolute;\n\n  left:0;\n  bottom:0;\n\n  width:0;\n  height:3px;\n\n  background:var(--orange);\n\n  transition:\n    width .25s ease;\n}\n\n\n.fzsb4__thumb.is-active {\n  background:#f7f9fa;\n}\n\n\n.fzsb4__thumb.is-active::after {\n  width:100%;\n}\n\n\n.fzsb4__thumb-image {\n  height:62px;\n\n  overflow:hidden;\n\n  background:#dfe5e9;\n}\n\n\n.fzsb4__thumb-image img {\n  display:block;\n\n  width:100%;\n  height:100%;\n\n  object-fit:cover;\n}\n\n\n.fzsb4__thumb-copy span {\n  display:block;\n\n  margin-bottom:4px;\n\n  color:var(--orange);\n\n  font-size:6px;\n  font-weight:800;\n}\n\n\n.fzsb4__thumb-copy strong {\n  display:block;\n\n  color:var(--navy);\n\n  font-size:9px;\n  font-weight:700;\n\n  line-height:1.4;\n}\n\n\n\/* =========================================================\n   BELOW SHOWCASE\n========================================================= *\/\n\n.fzsb4__details {\n  display:grid;\n\n  grid-template-columns:\n    minmax(0,1.25fr)\n    minmax(330px,.75fr);\n\n  gap:14px;\n\n  margin-top:14px;\n}\n\n\n\/* =========================================================\n   PASSENGER POSITIONING\n========================================================= *\/\n\n.fzsb4__positioning {\n  padding:\n    21px\n    22px;\n\n  border:\n    1px solid\n    var(--line);\n\n  background:#ffffff;\n}\n\n\n.fzsb4__positioning span {\n  display:block;\n\n  margin-bottom:7px;\n\n  color:var(--orange);\n\n  font-size:8px;\n  font-weight:700;\n\n  letter-spacing:.9px;\n\n  text-transform:uppercase;\n}\n\n\n.fzsb4__positioning h3 {\n  max-width:650px;\n\n  margin:\n    0\n    0\n    8px;\n\n  color:var(--navy);\n\n  font-size:\n    clamp(\n      22px,\n      2.2vw,\n      28px\n    );\n\n  line-height:1.12;\n\n  font-weight:700;\n}\n\n\n.fzsb4__positioning p {\n  max-width:720px;\n\n  margin:0;\n\n  color:var(--text);\n\n  font-size:12px;\n\n  line-height:1.72;\n}\n\n\n\/* =========================================================\n   9+1 PANEL\n========================================================= *\/\n\n.fzsb4__capacity {\n  position:relative;\n\n  overflow:hidden;\n\n  padding:\n    21px\n    22px;\n\n  background:\n    linear-gradient(\n      135deg,\n      #263648 0%,\n      #1d3041 100%\n    );\n\n  border-left:\n    3px solid\n    var(--orange);\n}\n\n\n.fzsb4__capacity::before {\n  content:\"\";\n\n  position:absolute;\n\n  width:160px;\n  height:160px;\n\n  right:-80px;\n  top:-85px;\n\n  border:\n    1px solid\n    rgba(255,100,51,.14);\n\n  border-radius:50%;\n}\n\n\n.fzsb4__capacity span {\n  display:block;\n\n  margin-bottom:5px;\n\n  color:var(--orange);\n\n  font-size:8px;\n  font-weight:700;\n\n  letter-spacing:.8px;\n\n  text-transform:uppercase;\n}\n\n\n.fzsb4__capacity strong {\n  display:block;\n\n  margin-bottom:6px;\n\n  color:#ffffff;\n\n  font-size:29px;\n  font-weight:750;\n}\n\n\n.fzsb4__capacity p {\n  margin:0;\n\n  color:\n    rgba(255,255,255,.56);\n\n  font-size:11px;\n\n  line-height:1.65;\n}\n\n\n\/* =========================================================\n   NOTE\n========================================================= *\/\n\n.fzsb4__note {\n  margin:\n    10px\n    0\n    0;\n\n  color:#919ba4;\n\n  font-size:8px;\n\n  line-height:1.55;\n}\n\n\n\/* =========================================================\n   ANIMATION\n========================================================= *\/\n\n@keyframes fzsb4Progress {\n\n  from {\n    width:0;\n  }\n\n  to {\n    width:100%;\n  }\n\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width:1050px) {\n\n  .fzsb4__viewer {\n    height:500px;\n  }\n\n\n  .fzsb4__thumb {\n    grid-template-columns:1fr;\n\n    gap:7px;\n  }\n\n\n  .fzsb4__thumb-image {\n    height:72px;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width:767px) {\n\n  .fzsb4 {\n    padding:\n      48px\n      16px\n      52px;\n  }\n\n\n  .fzsb4__header {\n    display:block;\n\n    margin-bottom:20px;\n  }\n\n\n  .fzsb4 h2 {\n    max-width:370px;\n\n    margin-bottom:12px;\n\n    font-size:32px;\n  }\n\n\n  .fzsb4__intro {\n    max-width:380px;\n\n    font-size:12px;\n  }\n\n\n  \/* VIEWER *\/\n\n  .fzsb4__viewer {\n    height:430px;\n  }\n\n\n  .fzsb4__viewer-head {\n    left:12px;\n    right:12px;\n    top:12px;\n  }\n\n\n  .fzsb4__actual {\n    padding:\n      8px\n      9px;\n  }\n\n\n  .fzsb4__counter {\n    padding:\n      8px\n      9px;\n  }\n\n\n  .fzsb4__caption {\n    left:14px;\n    right:14px;\n    bottom:22px;\n  }\n\n\n  .fzsb4__caption span {\n    font-size:8px;\n  }\n\n\n  .fzsb4__caption strong {\n    max-width:330px;\n\n    font-size:21px;\n  }\n\n\n  .fzsb4__progress {\n    left:14px;\n    right:14px;\n  }\n\n\n  \/* FILMSTRIP *\/\n\n  .fzsb4__filmstrip {\n    grid-template-columns:\n      repeat(2,1fr);\n  }\n\n\n  .fzsb4__thumb {\n    grid-template-columns:\n      68px\n      1fr;\n\n    min-height:88px;\n\n    padding:\n      9px;\n\n    border-bottom:\n      1px solid\n      var(--line);\n  }\n\n\n  .fzsb4__thumb:nth-child(2n) {\n    border-right:0;\n  }\n\n\n  .fzsb4__thumb:nth-child(3),\n  .fzsb4__thumb:nth-child(4) {\n    border-bottom:0;\n  }\n\n\n  .fzsb4__thumb-image {\n    height:56px;\n  }\n\n\n  .fzsb4__thumb-copy strong {\n    font-size:8px;\n  }\n\n\n  \/* DETAILS *\/\n\n  .fzsb4__details {\n    grid-template-columns:1fr;\n  }\n\n\n  .fzsb4__positioning,\n  .fzsb4__capacity {\n    padding:\n      17px\n      18px;\n  }\n\n\n  .fzsb4__positioning h3 {\n    font-size:23px;\n  }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media (max-width:380px) {\n\n  .fzsb4 h2 {\n    font-size:29px;\n  }\n\n\n  .fzsb4__viewer {\n    height:405px;\n  }\n\n\n  .fzsb4__filmstrip {\n    grid-template-columns:1fr;\n  }\n\n\n  .fzsb4__thumb {\n    border-right:0;\n\n    border-bottom:\n      1px solid\n      var(--line) !important;\n  }\n\n\n  .fzsb4__thumb:last-child {\n    border-bottom:0 !important;\n  }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media (prefers-reduced-motion:reduce) {\n\n  .fzsb4 *,\n  .fzsb4 *::before,\n  .fzsb4 *::after {\n    animation:none !important;\n    transition:none !important;\n  }\n\n}\n<\/style>\n\n\n<section\n  class=\"fzsb4\"\n  id=\"school-bus-interior\">\n\n\n  <div class=\"fzsb4__inner\">\n\n\n    <!-- =====================================================\n         HEADER\n    ====================================================== -->\n\n    <div class=\"fzsb4__header\">\n\n\n      <div>\n\n\n        <div class=\"fzsb4__eyebrow\">\n          Actual School Bus\n        <\/div>\n\n\n        <h2>\n\n          See the School Bus\n\n          <span>\n            Beyond the Specification Sheet.\n          <\/span>\n\n        <\/h2>\n\n\n      <\/div>\n\n\n      <p class=\"fzsb4__intro\">\n        Explore actual views of the Farizon School Bus 9+1,\n        from its passenger-focused configuration to the\n        exterior of the electric school transport vehicle.\n      <\/p>\n\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         SHOWCASE\n    ====================================================== -->\n\n    <div\n      class=\"fzsb4__showcase\"\n      id=\"fzsb4-showcase\">\n\n\n      <!-- ===================================================\n           LARGE VIEWER\n      ==================================================== -->\n\n      <div class=\"fzsb4__viewer\">\n\n\n        <!-- 01 -->\n\n        <div\n          class=\"fzsb4__slide is-active\"\n          data-slide=\"0\">\n\n          <img\n            src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/10\/20260918_024948575_iOS-1-scaled.jpg\"\n            alt=\"Farizon School Bus 9+1 actual vehicle configuration\"\n            loading=\"lazy\"\n            decoding=\"async\">\n\n        <\/div>\n\n\n\n        <!-- 02 -->\n\n        <div\n          class=\"fzsb4__slide\"\n          data-slide=\"1\">\n\n          <img\n            src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/10\/20260918_025107211_iOS-1-1-scaled.jpg\"\n            alt=\"Farizon School Bus 9+1 passenger cabin\"\n            loading=\"lazy\"\n            decoding=\"async\">\n\n        <\/div>\n\n\n\n        <!-- 03 -->\n\n        <div\n          class=\"fzsb4__slide\"\n          data-slide=\"2\">\n\n          <img\n            src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/10\/20260918_025122449_iOS-scaled.jpg\"\n            alt=\"Farizon School Bus 9+1 passenger configuration\"\n            loading=\"lazy\"\n            decoding=\"async\">\n\n        <\/div>\n\n\n\n        <!-- 04 -->\n\n        <div\n          class=\"fzsb4__slide\"\n          data-slide=\"3\">\n\n          <img\n            src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/10\/20260918_024250930_iOS-1-scaled.jpg\"\n            alt=\"Farizon School Bus 9+1 front exterior\"\n            loading=\"lazy\"\n            decoding=\"async\">\n\n        <\/div>\n\n\n\n        <!-- =================================================\n             TOP INFO\n        ================================================== -->\n\n        <div class=\"fzsb4__viewer-head\">\n\n\n          <div class=\"fzsb4__actual\">\n\n            <span>\n              Real Vehicle View\n            <\/span>\n\n            <strong>\n              Farizon School Bus 9+1\n            <\/strong>\n\n          <\/div>\n\n\n          <div class=\"fzsb4__counter\">\n            <span id=\"fzsb4-current\">01<\/span>\n            \/\n            04\n          <\/div>\n\n\n        <\/div>\n\n\n\n        <!-- =================================================\n             DYNAMIC CAPTION\n        ================================================== -->\n\n        <div class=\"fzsb4__caption\">\n\n          <span id=\"fzsb4-caption-label\">\n            School Bus Configuration\n          <\/span>\n\n          <strong id=\"fzsb4-caption-title\">\n            Actual Farizon School Bus prepared for student transport.\n          <\/strong>\n\n        <\/div>\n\n\n\n        <!-- PROGRESS -->\n\n        <div class=\"fzsb4__progress\">\n\n          <div\n            class=\"fzsb4__progress-bar\"\n            id=\"fzsb4-progress\">\n          <\/div>\n\n        <\/div>\n\n\n      <\/div>\n\n\n\n      <!-- ===================================================\n           FILMSTRIP\n      ==================================================== -->\n\n      <div class=\"fzsb4__filmstrip\">\n\n\n        <!-- 01 -->\n\n        <div\n          class=\"fzsb4__thumb is-active\"\n          data-index=\"0\">\n\n\n          <div class=\"fzsb4__thumb-image\">\n\n            <img decoding=\"async\"\n              src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/10\/20260918_024948575_iOS-1-scaled.jpg\"\n              alt=\"\"\n              aria-hidden=\"true\">\n\n          <\/div>\n\n\n          <div class=\"fzsb4__thumb-copy\">\n\n            <span>\n              01\n            <\/span>\n\n            <strong>\n              School Bus Configuration\n            <\/strong>\n\n          <\/div>\n\n\n        <\/div>\n\n\n\n        <!-- 02 -->\n\n        <div\n          class=\"fzsb4__thumb\"\n          data-index=\"1\">\n\n\n          <div class=\"fzsb4__thumb-image\">\n\n            <img decoding=\"async\"\n              src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/10\/20260918_025107211_iOS-1-1-scaled.jpg\"\n              alt=\"\"\n              aria-hidden=\"true\">\n\n          <\/div>\n\n\n          <div class=\"fzsb4__thumb-copy\">\n\n            <span>\n              02\n            <\/span>\n\n            <strong>\n              Passenger Cabin\n            <\/strong>\n\n          <\/div>\n\n\n        <\/div>\n\n\n\n        <!-- 03 -->\n\n        <div\n          class=\"fzsb4__thumb\"\n          data-index=\"2\">\n\n\n          <div class=\"fzsb4__thumb-image\">\n\n            <img decoding=\"async\"\n              src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/10\/20260918_025122449_iOS-scaled.jpg\"\n              alt=\"\"\n              aria-hidden=\"true\">\n\n          <\/div>\n\n\n          <div class=\"fzsb4__thumb-copy\">\n\n            <span>\n              03\n            <\/span>\n\n            <strong>\n              Passenger Configuration\n            <\/strong>\n\n          <\/div>\n\n\n        <\/div>\n\n\n\n        <!-- 04 -->\n\n        <div\n          class=\"fzsb4__thumb\"\n          data-index=\"3\">\n\n\n          <div class=\"fzsb4__thumb-image\">\n\n            <img decoding=\"async\"\n              src=\"https:\/\/farizon.com.sg\/wp-content\/uploads\/2026\/10\/20260918_024250930_iOS-1-scaled.jpg\"\n              alt=\"\"\n              aria-hidden=\"true\">\n\n          <\/div>\n\n\n          <div class=\"fzsb4__thumb-copy\">\n\n            <span>\n              04\n            <\/span>\n\n            <strong>\n              Exterior View\n            <\/strong>\n\n          <\/div>\n\n\n        <\/div>\n\n\n      <\/div>\n\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         SUPPORTING CONTENT\n    ====================================================== -->\n\n    <div class=\"fzsb4__details\">\n\n\n      <div class=\"fzsb4__positioning\">\n\n        <span>\n          Student Passenger Vehicle\n        <\/span>\n\n        <h3>\n          A Dedicated School Transport Configuration.\n        <\/h3>\n\n        <p>\n          The Farizon School Bus combines its 9+1 passenger\n          configuration with school-focused equipment such as\n          an automatic step, handrail and full ADAS for daily\n          student transport requirements.\n        <\/p>\n\n      <\/div>\n\n\n\n      <div class=\"fzsb4__capacity\">\n\n        <span>\n          Passenger Configuration\n        <\/span>\n\n        <strong>\n          9+1\n        <\/strong>\n\n        <p>\n          A compact electric passenger vehicle developed\n          for school transport applications.\n        <\/p>\n\n      <\/div>\n\n\n    <\/div>\n\n\n\n    <p class=\"fzsb4__note\">\n      *Images show an actual School Bus 9+1 configuration.\n      Final vehicle equipment and configuration may vary\n      according to the selected specification.\n    <\/p>\n\n\n  <\/div>\n\n\n<\/section>\n\n\n<script>\n(function () {\n\n  const showcase =\n    document.getElementById(\n      \"fzsb4-showcase\"\n    );\n\n\n  if (!showcase) {\n    return;\n  }\n\n\n  const slides =\n    Array.from(\n      showcase.querySelectorAll(\n        \".fzsb4__slide\"\n      )\n    );\n\n\n  const thumbs =\n    Array.from(\n      showcase.querySelectorAll(\n        \".fzsb4__thumb\"\n      )\n    );\n\n\n  const current =\n    document.getElementById(\n      \"fzsb4-current\"\n    );\n\n\n  const label =\n    document.getElementById(\n      \"fzsb4-caption-label\"\n    );\n\n\n  const title =\n    document.getElementById(\n      \"fzsb4-caption-title\"\n    );\n\n\n  const progress =\n    document.getElementById(\n      \"fzsb4-progress\"\n    );\n\n\n  const reduceMotion =\n    window.matchMedia(\n      \"(prefers-reduced-motion: reduce)\"\n    ).matches;\n\n\n  const captions = [\n\n    {\n      label:\"School Bus Configuration\",\n      title:\n        \"Actual Farizon School Bus prepared for student transport.\"\n    },\n\n    {\n      label:\"Passenger Cabin\",\n      title:\n        \"A passenger-focused cabin for the School Bus 9+1 configuration.\"\n    },\n\n    {\n      label:\"School Transport Interior\",\n      title:\n        \"Actual passenger configuration developed for daily school transport.\"\n    },\n\n    {\n      label:\"Electric School Transport\",\n      title:\n        \"The Farizon School Bus 9+1 from the exterior.\"\n    }\n\n  ];\n\n\n  let active = 0;\n  let timer = null;\n  let visible = false;\n\n  const duration = 4600;\n\n\n  \/* =========================================================\n     RESET PROGRESS\n  ========================================================= *\/\n\n  function restartProgress() {\n\n    if (!progress) {\n      return;\n    }\n\n\n    progress.style.animation =\n      \"none\";\n\n\n    void progress.offsetWidth;\n\n\n    if (!reduceMotion) {\n\n      progress.style.animation =\n        \"fzsb4Progress \" +\n        duration +\n        \"ms linear forwards\";\n\n    }\n\n  }\n\n\n  \/* =========================================================\n     UPDATE\n  ========================================================= *\/\n\n  function update(index) {\n\n    active =\n      (\n        index +\n        slides.length\n      )\n      %\n      slides.length;\n\n\n    slides.forEach(\n      function (slide,i) {\n\n        slide.classList.toggle(\n          \"is-active\",\n          i === active\n        );\n\n      }\n    );\n\n\n    thumbs.forEach(\n      function (thumb,i) {\n\n        thumb.classList.toggle(\n          \"is-active\",\n          i === active\n        );\n\n      }\n    );\n\n\n    current.textContent =\n      String(\n        active + 1\n      ).padStart(\n        2,\n        \"0\"\n      );\n\n\n    label.textContent =\n      captions[active].label;\n\n\n    title.textContent =\n      captions[active].title;\n\n\n    restartProgress();\n\n  }\n\n\n  \/* =========================================================\n     TIMER\n  ========================================================= *\/\n\n  function stop() {\n\n    if (timer) {\n\n      clearTimeout(timer);\n\n      timer = null;\n\n    }\n\n  }\n\n\n  function schedule() {\n\n    stop();\n\n\n    if (\n      reduceMotion ||\n      !visible ||\n      document.hidden\n    ) {\n      return;\n    }\n\n\n    timer =\n      setTimeout(\n        function () {\n\n          update(active + 1);\n\n          schedule();\n\n        },\n        duration\n      );\n\n  }\n\n\n  \/* =========================================================\n     MANUAL\n  ========================================================= *\/\n\n  thumbs.forEach(\n    function (thumb,index) {\n\n      thumb.addEventListener(\n        \"click\",\n        function () {\n\n          update(index);\n\n          schedule();\n\n        }\n      );\n\n    }\n  );\n\n\n  \/* =========================================================\n     VIEWPORT\n  ========================================================= *\/\n\n  if (\n    \"IntersectionObserver\"\n    in window\n  ) {\n\n    const observer =\n      new IntersectionObserver(\n        function (entries) {\n\n          entries.forEach(\n            function (entry) {\n\n              visible =\n                entry.isIntersecting;\n\n\n              if (visible) {\n\n                restartProgress();\n\n                schedule();\n\n              }\n\n              else {\n\n                stop();\n\n              }\n\n            }\n          );\n\n        },\n        {\n          threshold:.14\n        }\n      );\n\n\n    observer.observe(showcase);\n\n  }\n\n\n  else {\n\n    visible = true;\n\n    schedule();\n\n  }\n\n\n  \/* =========================================================\n     PAGE VISIBILITY\n  ========================================================= *\/\n\n  document.addEventListener(\n    \"visibilitychange\",\n    function () {\n\n      if (document.hidden) {\n\n        stop();\n\n      }\n\n      else if (visible) {\n\n        schedule();\n\n      }\n\n    }\n  );\n\n})();\n<\/script>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-995f960e wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<style>\n\/* =========================================================\n   FARIZON SCHOOL BUS 9+1\n   SECTION 05 \u2014 ELECTRIC PERFORMANCE FOR SCHOOL ROUTES\n   SCHOOL-DAY OPERATION TIMELINE\n========================================================= *\/\n\n.fzsb5,\n.fzsb5 *,\n.fzsb5 *::before,\n.fzsb5 *::after {\n  box-sizing:border-box;\n}\n\n.fzsb5 {\n  --orange:#ff6433;\n  --orange-dark:#e95428;\n  --navy:#263648;\n  --deep:#1b2d3e;\n  --text:#5d6672;\n  --muted:#8b96a1;\n  --line:#e1e6ea;\n  --soft:#f4f6f8;\n  --white:#ffffff;\n\n  position:relative;\n\n  width:100vw;\n  max-width:none;\n\n  margin:\n    0 0 0\n    calc(50% - 50vw) !important;\n\n  padding:\n    70px\n    24px\n    72px;\n\n  overflow:hidden;\n\n  background:\n    linear-gradient(\n      180deg,\n      #f6f8fa 0%,\n      #ffffff 100%\n    );\n\n  font-family:\n    Inter,\n    Arial,\n    sans-serif;\n\n  isolation:isolate;\n}\n\n\n\/* =========================================================\n   BACKGROUND\n========================================================= *\/\n\n.fzsb5::before {\n  content:\"\";\n\n  position:absolute;\n  inset:0;\n\n  background-image:\n    linear-gradient(\n      rgba(38,54,72,.022) 1px,\n      transparent 1px\n    ),\n    linear-gradient(\n      90deg,\n      rgba(38,54,72,.022) 1px,\n      transparent 1px\n    );\n\n  background-size:\n    50px\n    50px;\n\n  pointer-events:none;\n}\n\n\n.fzsb5::after {\n  content:\"\";\n\n  position:absolute;\n\n  width:540px;\n  height:540px;\n\n  left:-350px;\n  top:-350px;\n\n  border-radius:50%;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(255,100,51,.075),\n      transparent 70%\n    );\n\n  pointer-events:none;\n}\n\n\n\/* =========================================================\n   INNER\n========================================================= *\/\n\n.fzsb5__inner {\n  position:relative;\n  z-index:2;\n\n  width:100%;\n  max-width:1280px;\n\n  margin:0 auto;\n}\n\n\n\/* =========================================================\n   HEADER\n========================================================= *\/\n\n.fzsb5__header {\n  display:grid;\n\n  grid-template-columns:\n    minmax(0,1fr)\n    minmax(320px,.55fr);\n\n  gap:46px;\n\n  align-items:end;\n\n  margin-bottom:27px;\n}\n\n\n.fzsb5__eyebrow {\n  display:flex;\n  align-items:center;\n\n  gap:10px;\n\n  margin-bottom:11px;\n\n  color:var(--orange);\n\n  font-size:10px;\n  font-weight:700;\n\n  letter-spacing:1.35px;\n\n  text-transform:uppercase;\n}\n\n\n.fzsb5__eyebrow::before {\n  content:\"\";\n\n  width:30px;\n  height:2px;\n\n  background:var(--orange);\n}\n\n\n.fzsb5 h2 {\n  max-width:780px;\n\n  margin:0;\n\n  color:var(--navy);\n\n  font-size:\n    clamp(\n      38px,\n      3.8vw,\n      50px\n    );\n\n  line-height:1.04;\n\n  letter-spacing:-1px;\n\n  font-weight:700;\n}\n\n\n.fzsb5 h2 span {\n  display:block;\n\n  color:var(--orange);\n}\n\n\n.fzsb5__intro {\n  max-width:455px;\n\n  margin:0;\n\n  color:var(--text);\n\n  font-size:13px;\n\n  line-height:1.78;\n}\n\n\n\/* =========================================================\n   MAIN\n========================================================= *\/\n\n.fzsb5__main {\n  display:grid;\n\n  grid-template-columns:\n    minmax(350px,.72fr)\n    minmax(0,1.28fr);\n\n  overflow:hidden;\n\n  border:\n    1px solid\n    var(--line);\n\n  background:#ffffff;\n\n  box-shadow:\n    0 22px 56px\n    rgba(38,54,72,.08);\n}\n\n\n\/* =========================================================\n   SCHOOL-DAY TIMELINE\n========================================================= *\/\n\n.fzsb5__timeline {\n  position:relative;\n\n  min-height:600px;\n\n  padding:\n    34px\n    31px;\n\n  overflow:hidden;\n\n  background:\n    linear-gradient(\n      150deg,\n      #263648 0%,\n      #1a2d3e 100%\n    );\n}\n\n\n.fzsb5__timeline::before {\n  content:\"\";\n\n  position:absolute;\n  inset:0;\n\n  background-image:\n    linear-gradient(\n      rgba(255,255,255,.025) 1px,\n      transparent 1px\n    ),\n    linear-gradient(\n      90deg,\n      rgba(255,255,255,.025) 1px,\n      transparent 1px\n    );\n\n  background-size:\n    38px\n    38px;\n\n  pointer-events:none;\n}\n\n\n\/* =========================================================\n   TIMELINE HEADING\n========================================================= *\/\n\n.fzsb5__timeline-head {\n  position:relative;\n  z-index:5;\n\n  margin-bottom:34px;\n}\n\n\n.fzsb5__timeline-head span {\n  display:block;\n\n  margin-bottom:5px;\n\n  color:var(--orange);\n\n  font-size:8px;\n  font-weight:700;\n\n  letter-spacing:1px;\n\n  text-transform:uppercase;\n}\n\n\n.fzsb5__timeline-head strong {\n  display:block;\n\n  color:#ffffff;\n\n  font-size:19px;\n  font-weight:700;\n\n  line-height:1.35;\n}\n\n\n\/* =========================================================\n   ROUTE LINE\n========================================================= *\/\n\n.fzsb5__journey {\n  position:relative;\n\n  z-index:4;\n\n  min-height:390px;\n\n  padding-left:58px;\n}\n\n\n.fzsb5__journey-line {\n  position:absolute;\n\n  left:21px;\n  top:12px;\n  bottom:18px;\n\n  width:3px;\n\n  overflow:hidden;\n\n  border-radius:999px;\n\n  background:\n    rgba(255,255,255,.12);\n}\n\n\n.fzsb5__journey-line::after {\n  content:\"\";\n\n  position:absolute;\n\n  left:0;\n  top:-45%;\n\n  width:100%;\n  height:42%;\n\n  background:\n    linear-gradient(\n      180deg,\n      transparent,\n      var(--orange)\n    );\n\n  box-shadow:\n    0 0 12px\n    rgba(255,100,51,.40);\n\n  animation:\n    fzsb5JourneyTravel\n    5.4s\n    ease-in-out\n    infinite;\n}\n\n\n\/* =========================================================\n   TIMELINE ITEMS\n========================================================= *\/\n\n.fzsb5__journey-item {\n  position:relative;\n\n  min-height:92px;\n\n  padding:\n    5px\n    0\n    21px;\n}\n\n\n.fzsb5__journey-dot {\n  position:absolute;\n\n  left:-45px;\n  top:6px;\n\n  width:18px;\n  height:18px;\n\n  border:\n    3px solid\n    #263648;\n\n  border-radius:50%;\n\n  background:\n    rgba(255,255,255,.20);\n\n  box-shadow:\n    0 0\n    0\n    1px\n    rgba(255,255,255,.18);\n\n  transition:\n    background .3s ease,\n    box-shadow .3s ease;\n}\n\n\n.fzsb5__journey-item span {\n  display:block;\n\n  margin-bottom:4px;\n\n  color:\n    rgba(255,255,255,.36);\n\n  font-size:7px;\n  font-weight:700;\n\n  letter-spacing:.8px;\n\n  text-transform:uppercase;\n}\n\n\n.fzsb5__journey-item strong {\n  display:block;\n\n  margin-bottom:4px;\n\n  color:#ffffff;\n\n  font-size:13px;\n  font-weight:700;\n\n  line-height:1.4;\n}\n\n\n.fzsb5__journey-item small {\n  display:block;\n\n  max-width:285px;\n\n  color:\n    rgba(255,255,255,.46);\n\n  font-size:9px;\n\n  line-height:1.55;\n}\n\n\n\/* =========================================================\n   ACTIVE JOURNEY\n========================================================= *\/\n\n.fzsb5[data-route=\"0\"]\n.fzsb5__journey-item:nth-child(1)\n.fzsb5__journey-dot,\n\n.fzsb5[data-route=\"1\"]\n.fzsb5__journey-item:nth-child(2)\n.fzsb5__journey-dot,\n\n.fzsb5[data-route=\"2\"]\n.fzsb5__journey-item:nth-child(3)\n.fzsb5__journey-dot,\n\n.fzsb5[data-route=\"3\"]\n.fzsb5__journey-item:nth-child(4)\n.fzsb5__journey-dot {\n  background:var(--orange);\n\n  box-shadow:\n    0 0\n    0\n    7px\n    rgba(255,100,51,.10),\n    0 0\n    15px\n    rgba(255,100,51,.28);\n}\n\n\n\/* =========================================================\n   SCHOOL ICON\n========================================================= *\/\n\n.fzsb5__school {\n  position:absolute;\n\n  z-index:6;\n\n  right:25px;\n  bottom:24px;\n\n  display:flex;\n\n  align-items:center;\n\n  gap:10px;\n\n  opacity:.72;\n}\n\n\n.fzsb5__school-icon {\n  position:relative;\n\n  width:34px;\n  height:28px;\n\n  border:\n    2px solid\n    rgba(255,255,255,.40);\n}\n\n\n.fzsb5__school-icon::before {\n  content:\"\";\n\n  position:absolute;\n\n  left:50%;\n  top:-9px;\n\n  width:20px;\n  height:20px;\n\n  transform:\n    translateX(-50%)\n    rotate(45deg);\n\n  border:\n    2px solid\n    rgba(255,255,255,.40);\n\n  border-right:0;\n  border-bottom:0;\n\n  background:#1e3346;\n}\n\n\n.fzsb5__school-icon::after {\n  content:\"\";\n\n  position:absolute;\n\n  left:50%;\n  bottom:0;\n\n  width:8px;\n  height:13px;\n\n  transform:\n    translateX(-50%);\n\n  background:var(--orange);\n}\n\n\n.fzsb5__school strong {\n  color:\n    rgba(255,255,255,.62);\n\n  font-size:8px;\n  font-weight:700;\n\n  text-transform:uppercase;\n}\n\n\n\/* =========================================================\n   PERFORMANCE SIDE\n========================================================= *\/\n\n.fzsb5__performance {\n  position:relative;\n\n  min-width:0;\n\n  padding:\n    34px\n    31px;\n\n  background:#ffffff;\n}\n\n\n\/* =========================================================\n   PERFORMANCE INTRO\n========================================================= *\/\n\n.fzsb5__performance-label {\n  display:block;\n\n  margin-bottom:8px;\n\n  color:var(--orange);\n\n  font-size:9px;\n  font-weight:700;\n\n  letter-spacing:1px;\n\n  text-transform:uppercase;\n}\n\n\n.fzsb5__performance h3 {\n  max-width:600px;\n\n  margin:\n    0\n    0\n    10px;\n\n  color:var(--navy);\n\n  font-size:\n    clamp(\n      28px,\n      2.8vw,\n      36px\n    );\n\n  line-height:1.08;\n\n  letter-spacing:-.6px;\n\n  font-weight:700;\n}\n\n\n.fzsb5__performance > p {\n  max-width:650px;\n\n  margin:\n    0\n    0\n    24px;\n\n  color:var(--text);\n\n  font-size:13px;\n\n  line-height:1.75;\n}\n\n\n\/* =========================================================\n   PERFORMANCE BANDS\n========================================================= *\/\n\n.fzsb5__metrics {\n  display:grid;\n\n  gap:10px;\n}\n\n\n.fzsb5__metric {\n  position:relative;\n\n  display:grid;\n\n  grid-template-columns:\n    130px\n    1fr;\n\n  gap:18px;\n\n  align-items:center;\n\n  min-height:112px;\n\n  padding:\n    16px\n    18px;\n\n  overflow:hidden;\n\n  border:\n    1px solid\n    var(--line);\n\n  background:#f7f9fa;\n\n  cursor:pointer;\n\n  transition:\n    background .25s ease,\n    border-color .25s ease,\n    transform .25s ease,\n    box-shadow .25s ease;\n}\n\n\n.fzsb5__metric::after {\n  content:\"\";\n\n  position:absolute;\n\n  left:0;\n  bottom:0;\n\n  width:0;\n  height:3px;\n\n  background:var(--orange);\n}\n\n\n.fzsb5__metric-value {\n  border-right:\n    1px solid\n    var(--line);\n}\n\n\n.fzsb5__metric-value strong {\n  display:inline;\n\n  color:var(--navy);\n\n  font-size:34px;\n  font-weight:750;\n\n  line-height:1;\n}\n\n\n.fzsb5__metric-value span {\n  margin-left:4px;\n\n  color:var(--orange);\n\n  font-size:13px;\n  font-weight:700;\n}\n\n\n.fzsb5__metric-copy span {\n  display:block;\n\n  margin-bottom:5px;\n\n  color:var(--muted);\n\n  font-size:8px;\n  font-weight:700;\n\n  letter-spacing:.75px;\n\n  text-transform:uppercase;\n}\n\n\n.fzsb5__metric-copy strong {\n  display:block;\n\n  margin-bottom:4px;\n\n  color:var(--navy);\n\n  font-size:13px;\n  font-weight:700;\n}\n\n\n.fzsb5__metric-copy small {\n  display:block;\n\n  color:var(--text);\n\n  font-size:10px;\n\n  line-height:1.55;\n}\n\n\n\/* =========================================================\n   ACTIVE METRIC\n========================================================= *\/\n\n.fzsb5[data-metric=\"0\"]\n.fzsb5__metric:nth-child(1),\n\n.fzsb5[data-metric=\"1\"]\n.fzsb5__metric:nth-child(2),\n\n.fzsb5[data-metric=\"2\"]\n.fzsb5__metric:nth-child(3) {\n  transform:\n    translateX(5px);\n\n  border-color:\n    rgba(255,100,51,.30);\n\n  background:#ffffff;\n\n  box-shadow:\n    0 12px 27px\n    rgba(38,54,72,.07);\n}\n\n\n.fzsb5[data-metric=\"0\"]\n.fzsb5__metric:nth-child(1)::after,\n\n.fzsb5[data-metric=\"1\"]\n.fzsb5__metric:nth-child(2)::after,\n\n.fzsb5[data-metric=\"2\"]\n.fzsb5__metric:nth-child(3)::after {\n  animation:\n    fzsb5MetricProgress\n    4.5s\n    linear\n    forwards;\n}\n\n\n\/* =========================================================\n   CHARGING DEMO\n========================================================= *\/\n\n.fzsb5__charging {\n  margin-top:17px;\n\n  padding:\n    17px\n    18px;\n\n  border:\n    1px solid\n    var(--line);\n\n  background:#ffffff;\n}\n\n\n.fzsb5__charging-head {\n  display:flex;\n\n  align-items:center;\n  justify-content:space-between;\n\n  gap:15px;\n\n  margin-bottom:12px;\n}\n\n\n.fzsb5__charging-head span {\n  color:var(--muted);\n\n  font-size:8px;\n  font-weight:700;\n\n  letter-spacing:.8px;\n\n  text-transform:uppercase;\n}\n\n\n.fzsb5__charging-head strong {\n  color:var(--navy);\n\n  font-size:12px;\n  font-weight:700;\n}\n\n\n\/* =========================================================\n   BATTERY\n========================================================= *\/\n\n.fzsb5__battery {\n  position:relative;\n\n  width:100%;\n  height:23px;\n\n  padding:3px;\n\n  border:\n    2px solid\n    var(--navy);\n\n  border-radius:4px;\n}\n\n\n.fzsb5__battery::after {\n  content:\"\";\n\n  position:absolute;\n\n  right:-8px;\n  top:5px;\n\n  width:5px;\n  height:9px;\n\n  border-radius:\n    0\n    2px\n    2px\n    0;\n\n  background:var(--navy);\n}\n\n\n.fzsb5__battery-fill {\n  position:relative;\n\n  width:20%;\n  height:100%;\n\n  overflow:hidden;\n\n  background:\n    linear-gradient(\n      90deg,\n      var(--orange),\n      #ff8d65\n    );\n\n  animation:\n    fzsb5Battery\n    5s\n    ease-in-out\n    infinite;\n}\n\n\n.fzsb5__battery-fill::after {\n  content:\"\";\n\n  position:absolute;\n\n  top:0;\n  bottom:0;\n\n  left:-45px;\n\n  width:38px;\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      rgba(255,255,255,.45),\n      transparent\n    );\n\n  animation:\n    fzsb5BatterySweep\n    2s\n    linear\n    infinite;\n}\n\n\n.fzsb5__battery-scale {\n  display:flex;\n\n  justify-content:space-between;\n\n  margin-top:8px;\n\n  color:var(--muted);\n\n  font-size:8px;\n  font-weight:700;\n}\n\n\n\/* =========================================================\n   STATEMENT\n========================================================= *\/\n\n.fzsb5__statement {\n  margin-top:17px;\n\n  padding:\n    14px\n    15px;\n\n  border-left:\n    3px solid\n    var(--orange);\n\n  background:var(--navy);\n}\n\n\n.fzsb5__statement span {\n  display:block;\n\n  margin-bottom:4px;\n\n  color:var(--orange);\n\n  font-size:8px;\n  font-weight:700;\n\n  letter-spacing:.8px;\n\n  text-transform:uppercase;\n}\n\n\n.fzsb5__statement strong {\n  display:block;\n\n  color:#ffffff;\n\n  font-size:12px;\n  font-weight:700;\n\n  line-height:1.55;\n}\n\n\n\/* =========================================================\n   NOTE\n========================================================= *\/\n\n.fzsb5__note {\n  margin:\n    10px\n    0\n    0;\n\n  color:#919ba4;\n\n  font-size:8px;\n\n  line-height:1.55;\n}\n\n\n\/* =========================================================\n   ANIMATIONS\n========================================================= *\/\n\n@keyframes fzsb5JourneyTravel {\n\n  0% {\n    top:-45%;\n  }\n\n  70% {\n    top:100%;\n  }\n\n  100% {\n    top:100%;\n  }\n\n}\n\n\n@keyframes fzsb5MetricProgress {\n\n  from {\n    width:0;\n  }\n\n  to {\n    width:100%;\n  }\n\n}\n\n\n@keyframes fzsb5Battery {\n\n  0%,\n  13% {\n    width:20%;\n  }\n\n  58% {\n    width:80%;\n  }\n\n  80%,\n  100% {\n    width:80%;\n  }\n\n}\n\n\n@keyframes fzsb5BatterySweep {\n\n  from {\n    left:-45px;\n  }\n\n  to {\n    left:115%;\n  }\n\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width:1050px) {\n\n  .fzsb5__main {\n    grid-template-columns:\n      minmax(315px,.78fr)\n      minmax(0,1.22fr);\n  }\n\n\n  .fzsb5__timeline {\n    padding:\n      30px\n      25px;\n  }\n\n\n  .fzsb5__performance {\n    padding:\n      30px\n      25px;\n  }\n\n\n  .fzsb5__metric {\n    grid-template-columns:\n      115px\n      1fr;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width:767px) {\n\n  .fzsb5 {\n    padding:\n      48px\n      16px\n      52px;\n  }\n\n\n  \/* HEADER *\/\n\n  .fzsb5__header {\n    display:block;\n\n    margin-bottom:20px;\n  }\n\n\n  .fzsb5 h2 {\n    max-width:370px;\n\n    margin-bottom:12px;\n\n    font-size:32px;\n\n    line-height:1.06;\n  }\n\n\n  .fzsb5__intro {\n    max-width:380px;\n\n    font-size:12px;\n  }\n\n\n  \/* MAIN *\/\n\n  .fzsb5__main {\n    display:flex;\n\n    flex-direction:column;\n  }\n\n\n  \/* TIMELINE *\/\n\n  .fzsb5__timeline {\n    min-height:535px;\n\n    padding:\n      26px\n      20px;\n  }\n\n\n  .fzsb5__timeline-head strong {\n    font-size:16px;\n  }\n\n\n  .fzsb5__journey {\n    min-height:365px;\n\n    padding-left:52px;\n  }\n\n\n  .fzsb5__journey-item {\n    min-height:86px;\n  }\n\n\n  .fzsb5__school {\n    right:14px;\n    bottom:14px;\n  }\n\n\n  \/* PERFORMANCE *\/\n\n  .fzsb5__performance {\n    padding:\n      26px\n      20px\n      29px;\n  }\n\n\n  .fzsb5__performance h3 {\n    font-size:26px;\n  }\n\n\n  .fzsb5__performance > p {\n    font-size:12px;\n  }\n\n\n  .fzsb5__metric {\n    grid-template-columns:\n      105px\n      1fr;\n\n    min-height:105px;\n\n    padding:\n      13px\n      14px;\n  }\n\n\n  .fzsb5__metric-value strong {\n    font-size:28px;\n  }\n\n\n  .fzsb5__metric-copy strong {\n    font-size:12px;\n  }\n\n\n  .fzsb5__metric-copy small {\n    font-size:9px;\n  }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media (max-width:380px) {\n\n  .fzsb5 h2 {\n    font-size:29px;\n  }\n\n\n  .fzsb5__metric {\n    grid-template-columns:1fr;\n  }\n\n\n  .fzsb5__metric-value {\n    padding-bottom:10px;\n\n    border-right:0;\n\n    border-bottom:\n      1px solid\n      var(--line);\n  }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media (prefers-reduced-motion:reduce) {\n\n  .fzsb5 *,\n  .fzsb5 *::before,\n  .fzsb5 *::after {\n    animation:none !important;\n    transition:none !important;\n  }\n\n}\n<\/style>\n\n\n<section\n  class=\"fzsb5\"\n  id=\"school-bus-performance\"\n  data-route=\"0\"\n  data-metric=\"0\">\n\n\n  <div class=\"fzsb5__inner\">\n\n\n    <!-- =====================================================\n         HEADER\n    ====================================================== -->\n\n    <div class=\"fzsb5__header\">\n\n\n      <div>\n\n\n        <div class=\"fzsb5__eyebrow\">\n          Electric School Transport\n        <\/div>\n\n\n        <h2>\n\n          Electric Performance for\n\n          <span>\n            Everyday School Routes.\n          <\/span>\n\n        <\/h2>\n\n\n      <\/div>\n\n\n      <p class=\"fzsb5__intro\">\n        Based on the SuperVan 5FR electric platform, the\n        School Bus 9+1 combines practical driving range,\n        battery capacity and fast charging for daily\n        passenger transport.\n      <\/p>\n\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         MAIN\n    ====================================================== -->\n\n    <div class=\"fzsb5__main\">\n\n\n      <!-- ===================================================\n           SCHOOL-DAY OPERATION\n      ==================================================== -->\n\n      <div class=\"fzsb5__timeline\">\n\n\n        <div class=\"fzsb5__timeline-head\">\n\n          <span>\n            Illustrative School-Day Flow\n          <\/span>\n\n          <strong>\n            From Morning Pickup to Return Journey\n          <\/strong>\n\n        <\/div>\n\n\n\n        <div class=\"fzsb5__journey\">\n\n\n          <div class=\"fzsb5__journey-line\"><\/div>\n\n\n\n          <!-- 01 -->\n\n          <div class=\"fzsb5__journey-item\">\n\n            <div class=\"fzsb5__journey-dot\"><\/div>\n\n            <span>\n              Stage 01\n            <\/span>\n\n            <strong>\n              Morning Pickup\n            <\/strong>\n\n            <small>\n              Begin the student transport route.\n            <\/small>\n\n          <\/div>\n\n\n\n          <!-- 02 -->\n\n          <div class=\"fzsb5__journey-item\">\n\n            <div class=\"fzsb5__journey-dot\"><\/div>\n\n            <span>\n              Stage 02\n            <\/span>\n\n            <strong>\n              School Arrival\n            <\/strong>\n\n            <small>\n              Complete the inbound school journey.\n            <\/small>\n\n          <\/div>\n\n\n\n          <!-- 03 -->\n\n          <div class=\"fzsb5__journey-item\">\n\n            <div class=\"fzsb5__journey-dot\"><\/div>\n\n            <span>\n              Stage 03\n            <\/span>\n\n            <strong>\n              Vehicle Ready\n            <\/strong>\n\n            <small>\n              Prepared for the next transport requirement.\n            <\/small>\n\n          <\/div>\n\n\n\n          <!-- 04 -->\n\n          <div class=\"fzsb5__journey-item\">\n\n            <div class=\"fzsb5__journey-dot\"><\/div>\n\n            <span>\n              Stage 04\n            <\/span>\n\n            <strong>\n              Return Journey\n            <\/strong>\n\n            <small>\n              Continue daily student passenger movement.\n            <\/small>\n\n          <\/div>\n\n\n        <\/div>\n\n\n\n        <!-- SCHOOL -->\n\n        <div class=\"fzsb5__school\">\n\n          <div class=\"fzsb5__school-icon\"><\/div>\n\n          <strong>\n            School Route\n          <\/strong>\n\n        <\/div>\n\n\n      <\/div>\n\n\n\n      <!-- ===================================================\n           ELECTRIC PERFORMANCE\n      ==================================================== -->\n\n      <div class=\"fzsb5__performance\">\n\n\n        <span class=\"fzsb5__performance-label\">\n          SuperVan 5FR Electric Platform\n        <\/span>\n\n\n        <h3>\n          Practical EV Capability Behind the School Bus.\n        <\/h3>\n\n\n        <p>\n          The School Bus 9+1 is based on the SuperVan 5FR,\n          offering electric performance suited to everyday\n          passenger transport requirements.\n        <\/p>\n\n\n\n        <!-- =================================================\n             METRICS\n        ================================================== -->\n\n        <div class=\"fzsb5__metrics\">\n\n\n          <!-- RANGE -->\n\n          <div\n            class=\"fzsb5__metric\"\n            data-index=\"0\">\n\n\n            <div class=\"fzsb5__metric-value\">\n\n              <strong>\n                376\n              <\/strong>\n\n              <span>\n                km\n              <\/span>\n\n            <\/div>\n\n\n            <div class=\"fzsb5__metric-copy\">\n\n              <span>\n                WLTP Range\n              <\/span>\n\n              <strong>\n                Up to 376km\n              <\/strong>\n\n              <small>\n                Electric driving range based on the\n                SuperVan 5FR platform.\n              <\/small>\n\n            <\/div>\n\n\n          <\/div>\n\n\n\n          <!-- BATTERY -->\n\n          <div\n            class=\"fzsb5__metric\"\n            data-index=\"1\">\n\n\n            <div class=\"fzsb5__metric-value\">\n\n              <strong>\n                83\n              <\/strong>\n\n              <span>\n                kWh\n              <\/span>\n\n            <\/div>\n\n\n            <div class=\"fzsb5__metric-copy\">\n\n              <span>\n                Battery Capacity\n              <\/span>\n\n              <strong>\n                Up to 83kWh\n              <\/strong>\n\n              <small>\n                Battery capacity available on the\n                underlying electric platform.\n              <\/small>\n\n            <\/div>\n\n\n          <\/div>\n\n\n\n          <!-- CHARGING -->\n\n          <div\n            class=\"fzsb5__metric\"\n            data-index=\"2\">\n\n\n            <div class=\"fzsb5__metric-value\">\n\n              <strong>\n                15\n              <\/strong>\n\n              <span>\n                min\n              <\/span>\n\n            <\/div>\n\n\n            <div class=\"fzsb5__metric-copy\">\n\n              <span>\n                DC Fast Charging\n              <\/span>\n\n              <strong>\n                20\u201380% in As Little As 15 Minutes\n              <\/strong>\n\n              <small>\n                Fast charging capability for the\n                SuperVan 5FR electric platform.\n              <\/small>\n\n            <\/div>\n\n\n          <\/div>\n\n\n        <\/div>\n\n\n\n        <!-- =================================================\n             CHARGING ANIMATION\n        ================================================== -->\n\n        <div class=\"fzsb5__charging\">\n\n\n          <div class=\"fzsb5__charging-head\">\n\n            <span>\n              DC Fast Charging\n            <\/span>\n\n            <strong>\n              20% \u2192 80%\n            <\/strong>\n\n          <\/div>\n\n\n\n          <div class=\"fzsb5__battery\">\n\n            <div class=\"fzsb5__battery-fill\"><\/div>\n\n          <\/div>\n\n\n\n          <div class=\"fzsb5__battery-scale\">\n\n            <span>\n              20%\n            <\/span>\n\n            <span>\n              As little as 15 min\n            <\/span>\n\n            <span>\n              80%\n            <\/span>\n\n          <\/div>\n\n\n        <\/div>\n\n\n\n        <!-- STATEMENT -->\n\n        <div class=\"fzsb5__statement\">\n\n          <span>\n            Electric School Mobility\n          <\/span>\n\n          <strong>\n            A compact 9+1 school transport configuration\n            supported by the SuperVan 5FR electric platform.\n          <\/strong>\n\n        <\/div>\n\n\n      <\/div>\n\n\n    <\/div>\n\n\n\n    <p class=\"fzsb5__note\">\n      *Range and charging figures are based on the SuperVan\n      5FR platform. Actual range and charging performance may\n      vary according to vehicle configuration, operating\n      conditions and usage.\n    <\/p>\n\n\n  <\/div>\n\n\n<\/section>\n\n\n<script>\n(function () {\n\n  const section =\n    document.getElementById(\n      \"school-bus-performance\"\n    );\n\n\n  if (!section) {\n    return;\n  }\n\n\n  const metrics =\n    Array.from(\n      section.querySelectorAll(\n        \".fzsb5__metric\"\n      )\n    );\n\n\n  const routeCount = 4;\n\n  const reduceMotion =\n    window.matchMedia(\n      \"(prefers-reduced-motion: reduce)\"\n    ).matches;\n\n\n  let metric = 0;\n  let route = 0;\n\n  let metricTimer = null;\n  let routeTimer = null;\n\n  let visible = false;\n\n\n  \/* =========================================================\n     UPDATE METRIC\n  ========================================================= *\/\n\n  function updateMetric(index) {\n\n    metric =\n      (\n        index +\n        metrics.length\n      )\n      %\n      metrics.length;\n\n\n    section.setAttribute(\n      \"data-metric\",\n      String(metric)\n    );\n\n  }\n\n\n  \/* =========================================================\n     UPDATE SCHOOL ROUTE\n  ========================================================= *\/\n\n  function updateRoute(index) {\n\n    route =\n      (\n        index +\n        routeCount\n      )\n      %\n      routeCount;\n\n\n    section.setAttribute(\n      \"data-route\",\n      String(route)\n    );\n\n  }\n\n\n  \/* =========================================================\n     STOP\n  ========================================================= *\/\n\n  function stopTimers() {\n\n    if (metricTimer) {\n\n      clearTimeout(metricTimer);\n      metricTimer = null;\n\n    }\n\n\n    if (routeTimer) {\n\n      clearTimeout(routeTimer);\n      routeTimer = null;\n\n    }\n\n  }\n\n\n  \/* =========================================================\n     START\n  ========================================================= *\/\n\n  function startTimers() {\n\n    stopTimers();\n\n\n    if (\n      reduceMotion ||\n      !visible ||\n      document.hidden\n    ) {\n      return;\n    }\n\n\n    metricTimer =\n      setTimeout(\n        function metricLoop() {\n\n          updateMetric(metric + 1);\n\n          metricTimer =\n            setTimeout(\n              metricLoop,\n              4500\n            );\n\n        },\n        4500\n      );\n\n\n    routeTimer =\n      setTimeout(\n        function routeLoop() {\n\n          updateRoute(route + 1);\n\n          routeTimer =\n            setTimeout(\n              routeLoop,\n              3300\n            );\n\n        },\n        3300\n      );\n\n  }\n\n\n  \/* =========================================================\n     METRIC CLICK\n  ========================================================= *\/\n\n  metrics.forEach(\n    function (item,index) {\n\n      item.addEventListener(\n        \"click\",\n        function () {\n\n          updateMetric(index);\n\n          startTimers();\n\n        }\n      );\n\n    }\n  );\n\n\n  \/* =========================================================\n     VIEWPORT\n  ========================================================= *\/\n\n  if (\n    \"IntersectionObserver\"\n    in window\n  ) {\n\n    const observer =\n      new IntersectionObserver(\n        function (entries) {\n\n          entries.forEach(\n            function (entry) {\n\n              visible =\n                entry.isIntersecting;\n\n\n              if (visible) {\n\n                startTimers();\n\n              }\n\n              else {\n\n                stopTimers();\n\n              }\n\n            }\n          );\n\n        },\n        {\n          threshold:.15\n        }\n      );\n\n\n    observer.observe(section);\n\n  }\n\n\n  else {\n\n    visible = true;\n\n    startTimers();\n\n  }\n\n\n  \/* =========================================================\n     PAGE VISIBILITY\n  ========================================================= *\/\n\n  document.addEventListener(\n    \"visibilitychange\",\n    function () {\n\n      if (document.hidden) {\n\n        stopTimers();\n\n      }\n\n      else if (visible) {\n\n        startTimers();\n\n      }\n\n    }\n  );\n\n})();\n<\/script>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-995f960e wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<style>\n\/* =========================================================\n   FARIZON SCHOOL BUS 9+1\n   SECTION 06 \u2014 SCHOOL TRANSPORT ENQUIRY\n   FINAL CTA \/ FULL WIDTH FORM \/ NO INTERNAL SCROLL\n========================================================= *\/\n\n.fzsb6,\n.fzsb6 *,\n.fzsb6 *::before,\n.fzsb6 *::after {\n  box-sizing:border-box;\n}\n\n.fzsb6 {\n  --orange:#ff6433;\n  --orange-dark:#e95428;\n  --navy:#263648;\n  --deep:#192b3b;\n  --text:#5d6672;\n  --muted:#8c97a1;\n  --line:#e1e6ea;\n  --soft:#f4f6f8;\n  --white:#ffffff;\n  --green:#25d366;\n\n  position:relative;\n\n  width:100vw;\n  max-width:none;\n\n  margin:\n    0 0 0\n    calc(50% - 50vw) !important;\n\n  padding:\n    70px\n    24px\n    72px;\n\n  overflow:hidden;\n\n  background:\n    linear-gradient(\n      180deg,\n      #f6f8fa 0%,\n      #eef2f5 100%\n    );\n\n  font-family:\n    Inter,\n    Arial,\n    sans-serif;\n\n  isolation:isolate;\n\n  scroll-margin-top:90px;\n}\n\n\n\/* =========================================================\n   BACKGROUND\n========================================================= *\/\n\n.fzsb6::before {\n  content:\"\";\n\n  position:absolute;\n  inset:0;\n\n  background-image:\n    linear-gradient(\n      rgba(38,54,72,.022) 1px,\n      transparent 1px\n    ),\n    linear-gradient(\n      90deg,\n      rgba(38,54,72,.022) 1px,\n      transparent 1px\n    );\n\n  background-size:\n    50px\n    50px;\n\n  pointer-events:none;\n}\n\n\n.fzsb6::after {\n  content:\"\";\n\n  position:absolute;\n\n  width:560px;\n  height:560px;\n\n  right:-350px;\n  top:-350px;\n\n  border-radius:50%;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(255,100,51,.075),\n      transparent 70%\n    );\n\n  pointer-events:none;\n}\n\n\n\/* =========================================================\n   INNER\n========================================================= *\/\n\n.fzsb6__inner {\n  position:relative;\n  z-index:2;\n\n  width:100%;\n  max-width:1280px;\n\n  margin:0 auto;\n}\n\n\n\/* =========================================================\n   HEADER\n========================================================= *\/\n\n.fzsb6__header {\n  display:grid;\n\n  grid-template-columns:\n    minmax(0,1fr)\n    minmax(320px,.55fr);\n\n  gap:46px;\n\n  align-items:end;\n\n  margin-bottom:28px;\n}\n\n\n.fzsb6__eyebrow {\n  display:flex;\n  align-items:center;\n\n  gap:10px;\n\n  margin-bottom:11px;\n\n  color:var(--orange);\n\n  font-size:10px;\n  font-weight:700;\n\n  letter-spacing:1.35px;\n\n  text-transform:uppercase;\n}\n\n\n.fzsb6__eyebrow::before {\n  content:\"\";\n\n  width:30px;\n  height:2px;\n\n  background:var(--orange);\n}\n\n\n.fzsb6 h2 {\n  max-width:800px;\n\n  margin:0;\n\n  color:var(--navy);\n\n  font-size:\n    clamp(\n      38px,\n      3.8vw,\n      50px\n    );\n\n  line-height:1.04;\n\n  letter-spacing:-1px;\n\n  font-weight:700;\n}\n\n\n.fzsb6 h2 span {\n  display:block;\n\n  color:var(--orange);\n}\n\n\n.fzsb6__intro {\n  max-width:455px;\n\n  margin:0;\n\n  color:var(--text);\n\n  font-size:13px;\n\n  line-height:1.78;\n}\n\n\n\/* =========================================================\n   CONSULTATION STRIP\n========================================================= *\/\n\n.fzsb6__planner {\n  position:relative;\n\n  display:grid;\n\n  grid-template-columns:\n    repeat(3,1fr);\n\n  margin-bottom:16px;\n\n  overflow:hidden;\n\n  border:\n    1px solid\n    var(--line);\n\n  background:#ffffff;\n\n  box-shadow:\n    0 16px 40px\n    rgba(38,54,72,.06);\n}\n\n\n\/* central connecting line *\/\n\n.fzsb6__planner::before {\n  content:\"\";\n\n  position:absolute;\n\n  z-index:1;\n\n  left:16%;\n  right:16%;\n  top:42px;\n\n  height:2px;\n\n  background:#e0e6ea;\n}\n\n\n.fzsb6__planner::after {\n  content:\"\";\n\n  position:absolute;\n\n  z-index:2;\n\n  left:16%;\n  top:42px;\n\n  width:0;\n  height:2px;\n\n  background:var(--orange);\n\n  box-shadow:\n    0 0\n    10px\n    rgba(255,100,51,.25);\n\n  animation:\n    fzsb6PlannerLine\n    7.2s\n    ease-in-out\n    infinite;\n}\n\n\n\/* =========================================================\n   PLANNER STEP\n========================================================= *\/\n\n.fzsb6__plan {\n  position:relative;\n  z-index:4;\n\n  min-height:150px;\n\n  padding:\n    24px\n    23px\n    20px;\n\n  border-right:\n    1px solid\n    var(--line);\n\n  background:\n    rgba(255,255,255,.96);\n}\n\n\n.fzsb6__plan:last-child {\n  border-right:0;\n}\n\n\n.fzsb6__plan-top {\n  display:flex;\n\n  align-items:center;\n\n  gap:12px;\n\n  margin-bottom:17px;\n}\n\n\n.fzsb6__plan-num {\n  position:relative;\n\n  width:38px;\n  height:38px;\n\n  flex:\n    0 0\n    38px;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  border:\n    2px solid\n    var(--navy);\n\n  border-radius:50%;\n\n  background:#ffffff;\n\n  color:var(--navy);\n\n  font-size:9px;\n  font-weight:800;\n}\n\n\n.fzsb6__plan:nth-child(1)\n.fzsb6__plan-num {\n  border-color:var(--orange);\n\n  background:var(--orange);\n\n  color:#ffffff;\n}\n\n\n.fzsb6__plan-title span {\n  display:block;\n\n  margin-bottom:3px;\n\n  color:var(--muted);\n\n  font-size:7px;\n  font-weight:700;\n\n  letter-spacing:.8px;\n\n  text-transform:uppercase;\n}\n\n\n.fzsb6__plan-title strong {\n  display:block;\n\n  color:var(--navy);\n\n  font-size:13px;\n  font-weight:700;\n}\n\n\n.fzsb6__plan p {\n  margin:0;\n\n  max-width:330px;\n\n  color:var(--text);\n\n  font-size:10px;\n\n  line-height:1.6;\n}\n\n\n\/* =========================================================\n   CONTACT BAR\n========================================================= *\/\n\n.fzsb6__contactbar {\n  display:grid;\n\n  grid-template-columns:\n    minmax(0,1fr)\n    auto;\n\n  gap:20px;\n\n  align-items:center;\n\n  margin-bottom:16px;\n\n  padding:\n    18px\n    20px;\n\n  background:\n    linear-gradient(\n      135deg,\n      #263648 0%,\n      #1b2e3f 100%\n    );\n\n  border-left:\n    3px solid\n    var(--orange);\n}\n\n\n.fzsb6__contact-copy span {\n  display:block;\n\n  margin-bottom:4px;\n\n  color:var(--orange);\n\n  font-size:8px;\n  font-weight:700;\n\n  letter-spacing:.9px;\n\n  text-transform:uppercase;\n}\n\n\n.fzsb6__contact-copy strong {\n  display:block;\n\n  color:#ffffff;\n\n  font-size:14px;\n  font-weight:700;\n\n  line-height:1.5;\n}\n\n\n.fzsb6__contact-actions {\n  display:flex;\n\n  gap:9px;\n\n  align-items:center;\n}\n\n\n.fzsb6__contact-btn {\n  min-height:44px;\n\n  display:inline-flex;\n\n  align-items:center;\n  justify-content:center;\n\n  gap:8px;\n\n  padding:\n    0\n    16px;\n\n  border:\n    1px solid\n    rgba(255,255,255,.14);\n\n  background:\n    rgba(255,255,255,.06);\n\n  color:#ffffff !important;\n\n  text-decoration:none !important;\n\n  font-size:9px;\n  font-weight:700;\n\n  transition:\n    transform .22s ease,\n    background .22s ease;\n}\n\n\n.fzsb6__contact-btn:hover {\n  transform:\n    translateY(-2px);\n\n  background:\n    rgba(255,255,255,.10);\n}\n\n\n.fzsb6__contact-btn--wa {\n  border-color:\n    rgba(37,211,102,.28);\n\n  background:\n    rgba(37,211,102,.09);\n}\n\n\n.fzsb6__wa-dot {\n  width:9px;\n  height:9px;\n\n  border-radius:50%;\n\n  background:var(--green);\n\n  box-shadow:\n    0 0\n    0\n    0\n    rgba(37,211,102,.25);\n\n  animation:\n    fzsb6WaPulse\n    2.3s\n    ease-out\n    infinite;\n}\n\n\n\/* =========================================================\n   FORM CARD\n========================================================= *\/\n\n.fzsb6__form-card {\n  position:relative;\n\n  overflow:hidden;\n\n  border:\n    1px solid\n    var(--line);\n\n  background:#ffffff;\n\n  box-shadow:\n    0 22px 56px\n    rgba(38,54,72,.08);\n}\n\n\n\/* =========================================================\n   FORM HEADER\n========================================================= *\/\n\n.fzsb6__form-header {\n  display:grid;\n\n  grid-template-columns:\n    minmax(0,1fr)\n    auto;\n\n  gap:20px;\n\n  align-items:center;\n\n  padding:\n    20px\n    22px;\n\n  border-bottom:\n    1px solid\n    var(--line);\n\n  background:\n    linear-gradient(\n      180deg,\n      #ffffff 0%,\n      #f8fafb 100%\n    );\n}\n\n\n.fzsb6__form-title span {\n  display:block;\n\n  margin-bottom:4px;\n\n  color:var(--orange);\n\n  font-size:8px;\n  font-weight:700;\n\n  letter-spacing:.9px;\n\n  text-transform:uppercase;\n}\n\n\n.fzsb6__form-title strong {\n  display:block;\n\n  color:var(--navy);\n\n  font-size:17px;\n  font-weight:700;\n}\n\n\n.fzsb6__form-meta {\n  display:flex;\n\n  align-items:center;\n\n  gap:7px;\n\n  color:var(--muted);\n\n  font-size:8px;\n  font-weight:700;\n\n  letter-spacing:.7px;\n\n  text-transform:uppercase;\n}\n\n\n.fzsb6__form-meta::before {\n  content:\"\";\n\n  width:7px;\n  height:7px;\n\n  border-radius:50%;\n\n  background:var(--orange);\n}\n\n\n\/* =========================================================\n   VEHICLE CONTEXT\n========================================================= *\/\n\n.fzsb6__context {\n  display:grid;\n\n  grid-template-columns:\n    repeat(4,1fr);\n\n  border-bottom:\n    1px solid\n    var(--line);\n\n  background:#f7f9fa;\n}\n\n\n.fzsb6__context-item {\n  padding:\n    13px\n    15px;\n\n  border-right:\n    1px solid\n    var(--line);\n}\n\n\n.fzsb6__context-item:last-child {\n  border-right:0;\n}\n\n\n.fzsb6__context-item span {\n  display:block;\n\n  margin-bottom:4px;\n\n  color:var(--muted);\n\n  font-size:7px;\n  font-weight:700;\n\n  letter-spacing:.7px;\n\n  text-transform:uppercase;\n}\n\n\n.fzsb6__context-item strong {\n  display:block;\n\n  color:var(--navy);\n\n  font-size:11px;\n  font-weight:700;\n\n  line-height:1.45;\n}\n\n\n\/* =========================================================\n   PEPPERCLOUD FORM\n   NO INTERNAL SCROLL\n========================================================= *\/\n\n.fzsb6__iframe {\n  position:relative;\n\n  width:100%;\n\n  height:930px;\n  min-height:930px;\n\n  overflow:visible !important;\n\n  background:#ffffff;\n}\n\n\n.fzsb6__iframe iframe {\n  display:block;\n\n  width:100% !important;\n\n  height:930px !important;\n  min-height:930px !important;\n\n  margin:0 !important;\n  padding:0 !important;\n\n  border:0 !important;\n\n  overflow:hidden !important;\n\n  background:#ffffff;\n}\n\n\n\/* =========================================================\n   FORM FOOTER\n========================================================= *\/\n\n.fzsb6__form-footer {\n  display:grid;\n\n  grid-template-columns:\n    minmax(0,1fr)\n    auto;\n\n  gap:18px;\n\n  align-items:center;\n\n  padding:\n    15px\n    20px;\n\n  border-top:\n    1px solid\n    var(--line);\n\n  background:#f8fafb;\n}\n\n\n.fzsb6__form-footer p {\n  margin:0;\n\n  color:#909aa4;\n\n  font-size:8px;\n\n  line-height:1.55;\n}\n\n\n.fzsb6__form-footer strong {\n  color:var(--navy);\n\n  font-size:9px;\n  font-weight:700;\n\n  white-space:nowrap;\n}\n\n\n\/* =========================================================\n   COMPANY CONTACT\n========================================================= *\/\n\n.fzsb6__details {\n  display:grid;\n\n  grid-template-columns:\n    repeat(4,1fr);\n\n  margin-top:15px;\n\n  border:\n    1px solid\n    var(--line);\n\n  background:#ffffff;\n}\n\n\n.fzsb6__detail {\n  padding:\n    14px\n    15px;\n\n  border-right:\n    1px solid\n    var(--line);\n}\n\n\n.fzsb6__detail:last-child {\n  border-right:0;\n}\n\n\n.fzsb6__detail span {\n  display:block;\n\n  margin-bottom:4px;\n\n  color:var(--muted);\n\n  font-size:7px;\n  font-weight:700;\n\n  letter-spacing:.7px;\n\n  text-transform:uppercase;\n}\n\n\n.fzsb6__detail strong {\n  display:block;\n\n  color:var(--navy);\n\n  font-size:10px;\n  font-weight:700;\n\n  line-height:1.5;\n}\n\n\n\/* =========================================================\n   ANIMATIONS\n========================================================= *\/\n\n@keyframes fzsb6PlannerLine {\n\n  0%,\n  8% {\n    width:0;\n  }\n\n  42% {\n    width:34%;\n  }\n\n  72% {\n    width:68%;\n  }\n\n  90%,\n  100% {\n    width:68%;\n  }\n\n}\n\n\n@keyframes fzsb6WaPulse {\n\n  0% {\n    box-shadow:\n      0\n      0\n      0\n      0\n      rgba(37,211,102,.28);\n  }\n\n  75% {\n    box-shadow:\n      0\n      0\n      0\n      9px\n      rgba(37,211,102,0);\n  }\n\n  100% {\n    box-shadow:\n      0\n      0\n      0\n      9px\n      rgba(37,211,102,0);\n  }\n\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width:1050px) {\n\n  .fzsb6__iframe,\n  .fzsb6__iframe iframe {\n    height:960px !important;\n    min-height:960px !important;\n  }\n\n\n  .fzsb6__context {\n    grid-template-columns:\n      repeat(2,1fr);\n  }\n\n\n  .fzsb6__context-item {\n    border-bottom:\n      1px solid\n      var(--line);\n  }\n\n\n  .fzsb6__context-item:nth-child(2n) {\n    border-right:0;\n  }\n\n\n  .fzsb6__context-item:nth-child(3),\n  .fzsb6__context-item:nth-child(4) {\n    border-bottom:0;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width:767px) {\n\n  .fzsb6 {\n    padding:\n      48px\n      16px\n      52px;\n  }\n\n\n  \/* HEADER *\/\n\n  .fzsb6__header {\n    display:block;\n\n    margin-bottom:20px;\n  }\n\n\n  .fzsb6 h2 {\n    max-width:380px;\n\n    margin-bottom:12px;\n\n    font-size:32px;\n\n    line-height:1.06;\n  }\n\n\n  .fzsb6__intro {\n    max-width:380px;\n\n    font-size:12px;\n  }\n\n\n  \/* PLANNER *\/\n\n  .fzsb6__planner {\n    grid-template-columns:1fr;\n  }\n\n\n  .fzsb6__planner::before,\n  .fzsb6__planner::after {\n    display:none;\n  }\n\n\n  .fzsb6__plan {\n    min-height:0;\n\n    padding:\n      16px\n      17px;\n\n    border-right:0;\n\n    border-bottom:\n      1px solid\n      var(--line);\n  }\n\n\n  .fzsb6__plan:last-child {\n    border-bottom:0;\n  }\n\n\n  .fzsb6__plan-top {\n    margin-bottom:8px;\n  }\n\n\n  \/* CONTACT BAR *\/\n\n  .fzsb6__contactbar {\n    display:block;\n\n    padding:\n      17px\n      18px;\n  }\n\n\n  .fzsb6__contact-actions {\n    display:grid;\n\n    grid-template-columns:1fr;\n\n    margin-top:14px;\n  }\n\n\n  .fzsb6__contact-btn {\n    width:100%;\n  }\n\n\n  \/* FORM *\/\n\n  .fzsb6__form-header {\n    display:block;\n\n    padding:\n      17px\n      16px;\n  }\n\n\n  .fzsb6__form-meta {\n    margin-top:8px;\n  }\n\n\n  .fzsb6__context {\n    grid-template-columns:1fr;\n  }\n\n\n  .fzsb6__context-item {\n    border-right:0 !important;\n\n    border-bottom:\n      1px solid\n      var(--line) !important;\n  }\n\n\n  .fzsb6__context-item:last-child {\n    border-bottom:0 !important;\n  }\n\n\n  \/* NO FORM INTERNAL SCROLL *\/\n\n  .fzsb6__iframe,\n  .fzsb6__iframe iframe {\n    height:1050px !important;\n    min-height:1050px !important;\n  }\n\n\n  .fzsb6__form-footer {\n    grid-template-columns:1fr;\n  }\n\n\n  .fzsb6__form-footer strong {\n    white-space:normal;\n  }\n\n\n  \/* CONTACT DETAILS *\/\n\n  .fzsb6__details {\n    grid-template-columns:\n      repeat(2,1fr);\n  }\n\n\n  .fzsb6__detail {\n    border-bottom:\n      1px solid\n      var(--line);\n  }\n\n\n  .fzsb6__detail:nth-child(2n) {\n    border-right:0;\n  }\n\n\n  .fzsb6__detail:nth-child(3),\n  .fzsb6__detail:nth-child(4) {\n    border-bottom:0;\n  }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media (max-width:380px) {\n\n  .fzsb6 h2 {\n    font-size:29px;\n  }\n\n\n  .fzsb6__iframe,\n  .fzsb6__iframe iframe {\n    height:1080px !important;\n    min-height:1080px !important;\n  }\n\n\n  .fzsb6__details {\n    grid-template-columns:1fr;\n  }\n\n\n  .fzsb6__detail {\n    border-right:0;\n\n    border-bottom:\n      1px solid\n      var(--line) !important;\n  }\n\n\n  .fzsb6__detail:last-child {\n    border-bottom:0 !important;\n  }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media (prefers-reduced-motion:reduce) {\n\n  .fzsb6 *,\n  .fzsb6 *::before,\n  .fzsb6 *::after {\n    animation:none !important;\n    transition:none !important;\n  }\n\n}\n<\/style>\n\n\n<section\n  class=\"fzsb6\"\n  id=\"school-bus-enquiry\">\n\n\n  <div class=\"fzsb6__inner\">\n\n\n    <!-- =====================================================\n         HEADER\n    ====================================================== -->\n\n    <div class=\"fzsb6__header\">\n\n\n      <div>\n\n\n        <div class=\"fzsb6__eyebrow\">\n          School Transport Enquiry\n        <\/div>\n\n\n        <h2>\n\n          Plan Your Electric\n\n          <span>\n            School Transport Requirement.\n          <\/span>\n\n        <\/h2>\n\n\n      <\/div>\n\n\n      <p class=\"fzsb6__intro\">\n        Speak with Farizon Singapore about the School Bus\n        9+1 for student transport, school routes and your\n        passenger vehicle requirements.\n      <\/p>\n\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         CONSULTATION FLOW\n    ====================================================== -->\n\n    <div class=\"fzsb6__planner\">\n\n\n      <!-- 01 -->\n\n      <div class=\"fzsb6__plan\">\n\n\n        <div class=\"fzsb6__plan-top\">\n\n\n          <div class=\"fzsb6__plan-num\">\n            01\n          <\/div>\n\n\n          <div class=\"fzsb6__plan-title\">\n\n            <span>\n              School Operation\n            <\/span>\n\n            <strong>\n              Share Your Route Requirement\n            <\/strong>\n\n          <\/div>\n\n\n        <\/div>\n\n\n        <p>\n          Tell us how you intend to use the vehicle for\n          daily student transport.\n        <\/p>\n\n\n      <\/div>\n\n\n\n      <!-- 02 -->\n\n      <div class=\"fzsb6__plan\">\n\n\n        <div class=\"fzsb6__plan-top\">\n\n\n          <div class=\"fzsb6__plan-num\">\n            02\n          <\/div>\n\n\n          <div class=\"fzsb6__plan-title\">\n\n            <span>\n              Vehicle Requirement\n            <\/span>\n\n            <strong>\n              Discuss the School Bus Configuration\n            <\/strong>\n\n          <\/div>\n\n\n        <\/div>\n\n\n        <p>\n          Discuss the 9+1 configuration, automatic step,\n          handrail and school transport requirements.\n        <\/p>\n\n\n      <\/div>\n\n\n\n      <!-- 03 -->\n\n      <div class=\"fzsb6__plan\">\n\n\n        <div class=\"fzsb6__plan-top\">\n\n\n          <div class=\"fzsb6__plan-num\">\n            03\n          <\/div>\n\n\n          <div class=\"fzsb6__plan-title\">\n\n            <span>\n              Farizon Singapore\n            <\/span>\n\n            <strong>\n              Connect with Our Team\n            <\/strong>\n\n          <\/div>\n\n\n        <\/div>\n\n\n        <p>\n          Submit the enquiry below or contact us directly\n          to discuss your requirement.\n        <\/p>\n\n\n      <\/div>\n\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         QUICK CONTACT\n    ====================================================== -->\n\n    <div class=\"fzsb6__contactbar\">\n\n\n      <div class=\"fzsb6__contact-copy\">\n\n        <span>\n          Prefer to Speak Directly?\n        <\/span>\n\n        <strong>\n          Contact Farizon Singapore about your School Bus 9+1 requirement.\n        <\/strong>\n\n      <\/div>\n\n\n\n      <div class=\"fzsb6__contact-actions\">\n\n\n        <a class=\"fzsb6__contact-btn fzsb6__contact-btn--wa\" href=\"https:\/\/wa.me\/6591122222?text=Hi%20Farizon%20Singapore%2C%20I%20would%20like%20to%20enquire%20about%20the%20Farizon%20School%20Bus%209%2B1.\" target=\"_blank\" rel=\"noopener noreferrer\">\n\n          <span class=\"fzsb6__wa-dot\"><\/span>\n\n          WhatsApp Us\n\n        <\/a>\n\n\n        <a\n          class=\"fzsb6__contact-btn\"\n          href=\"tel:+6580308030\">\n\n          Call +65 8030 8030\n\n        <\/a>\n\n\n      <\/div>\n\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         FORM\n    ====================================================== -->\n\n    <div class=\"fzsb6__form-card\">\n\n\n      <!-- FORM HEADER -->\n\n      <div class=\"fzsb6__form-header\">\n\n\n        <div class=\"fzsb6__form-title\">\n\n          <span>\n            School Bus Enquiry\n          <\/span>\n\n          <strong>\n            Send Us Your Requirement\n          <\/strong>\n\n        <\/div>\n\n\n        <div class=\"fzsb6__form-meta\">\n          Farizon Singapore\n        <\/div>\n\n\n      <\/div>\n\n\n\n      <!-- VEHICLE CONTEXT -->\n\n      <div class=\"fzsb6__context\">\n\n\n        <div class=\"fzsb6__context-item\">\n\n          <span>\n            Vehicle\n          <\/span>\n\n          <strong>\n            Farizon School Bus\n          <\/strong>\n\n        <\/div>\n\n\n        <div class=\"fzsb6__context-item\">\n\n          <span>\n            Configuration\n          <\/span>\n\n          <strong>\n            9+1 Passenger\n          <\/strong>\n\n        <\/div>\n\n\n        <div class=\"fzsb6__context-item\">\n\n          <span>\n            Access\n          <\/span>\n\n          <strong>\n            Automatic Step + Handrail\n          <\/strong>\n\n        <\/div>\n\n\n        <div class=\"fzsb6__context-item\">\n\n          <span>\n            Driver Assistance\n          <\/span>\n\n          <strong>\n            Full ADAS\n          <\/strong>\n\n        <\/div>\n\n\n      <\/div>\n\n\n\n      <!-- ===================================================\n           PEPPERCLOUD\n      ==================================================== -->\n\n      <div class=\"fzsb6__iframe\">\n\n\n        <iframe\n          id=\"pc-iframe-school-bus\"\n          src=\"https:\/\/app.peppercloud.com\/form\/4f15ac08-228d-46d1-8691-0d21e8ecd7df\/embed\"\n          title=\"Farizon School Bus 9+1 enquiry form\"\n          loading=\"lazy\"\n          scrolling=\"no\">\n        <\/iframe>\n\n\n      <\/div>\n\n\n\n      <!-- FORM FOOTER -->\n\n      <div class=\"fzsb6__form-footer\">\n\n\n        <p>\n          *Final School Bus equipment, specification and\n          configuration may vary according to the selected\n          requirement. Confirm the required configuration\n          with Farizon Singapore.\n        <\/p>\n\n\n        <strong>\n          School Bus 9+1 \u00b7 Singapore\n        <\/strong>\n\n\n      <\/div>\n\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         CONTACT DETAILS\n    ====================================================== -->\n\n    <div class=\"fzsb6__details\">\n\n\n      <div class=\"fzsb6__detail\">\n\n        <span>\n          Phone\n        <\/span>\n\n        <strong>\n          +65 8030 8030\n        <\/strong>\n\n      <\/div>\n\n\n      <div class=\"fzsb6__detail\">\n\n        <span>\n          WhatsApp\n        <\/span>\n\n        <strong>\n          +65 9112 2222\n        <\/strong>\n\n      <\/div>\n\n\n      <div class=\"fzsb6__detail\">\n\n        <span>\n          Email\n        <\/span>\n\n        <strong>\n          marketing@hongseh.sg\n        <\/strong>\n\n      <\/div>\n\n\n      <div class=\"fzsb6__detail\">\n\n        <span>\n          Showroom \/ Office\n        <\/span>\n\n        <strong>\n          10, Fourth Lok Yang Rd<br>\n          Monday\u2013Friday \u00b7 8AM\u20136PM\n        <\/strong>\n\n      <\/div>\n\n\n    <\/div>\n\n\n  <\/div>\n\n\n<\/section>\n\n\n<script>\n(function () {\n\n  const section =\n    document.getElementById(\n      \"school-bus-enquiry\"\n    );\n\n\n  if (!section) {\n    return;\n  }\n\n\n  const iframe =\n    document.getElementById(\n      \"pc-iframe-school-bus\"\n    );\n\n\n  const wrap =\n    section.querySelector(\n      \".fzsb6__iframe\"\n    );\n\n\n  if (\n    !iframe ||\n    !wrap\n  ) {\n    return;\n  }\n\n\n  \/* =========================================================\n     PEPPERCLOUD AUTO HEIGHT\n     FIXED HEIGHT REMAINS FALLBACK\n  ========================================================= *\/\n\n  window.addEventListener(\n    \"message\",\n    function (event) {\n\n\n      if (\n        event.origin !==\n        \"https:\/\/app.peppercloud.com\"\n      ) {\n        return;\n      }\n\n\n      let data =\n        event.data;\n\n\n      if (\n        typeof data ===\n        \"string\"\n      ) {\n\n        try {\n\n          data =\n            JSON.parse(data);\n\n        }\n\n        catch (error) {\n\n          return;\n\n        }\n\n      }\n\n\n      if (\n        !data ||\n        typeof data !==\n        \"object\"\n      ) {\n        return;\n      }\n\n\n      let height = null;\n\n\n      if (\n        typeof data.height ===\n        \"number\"\n      ) {\n\n        height =\n          data.height;\n\n      }\n\n\n      else if (\n        data.data &&\n        typeof data.data.height ===\n        \"number\"\n      ) {\n\n        height =\n          data.data.height;\n\n      }\n\n\n      else if (\n        typeof data.iframeHeight ===\n        \"number\"\n      ) {\n\n        height =\n          data.iframeHeight;\n\n      }\n\n\n      else if (\n        typeof data.contentHeight ===\n        \"number\"\n      ) {\n\n        height =\n          data.contentHeight;\n\n      }\n\n\n      if (\n        !height ||\n        height < 500 ||\n        height > 2600\n      ) {\n        return;\n      }\n\n\n      const finalHeight =\n        Math.ceil(\n          height + 40\n        );\n\n\n      iframe.style.height =\n        finalHeight + \"px\";\n\n\n      iframe.style.minHeight =\n        finalHeight + \"px\";\n\n\n      wrap.style.height =\n        finalHeight + \"px\";\n\n\n      wrap.style.minHeight =\n        finalHeight + \"px\";\n\n    }\n  );\n\n})();\n<\/script>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Farizon School Bus \u00b7 9+1 Electric School Bus Singapore Designed Around Safer Student Transport. The Farizon School Bus 9+1 is an electric passenger vehicle designed for safe and efficient school transport in Singapore. Compact for daily school routes, it comes equipped with an automatic step, handrail and full ADAS for a safer and more comfortable [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_uag_custom_page_level_css":"","footnotes":""},"class_list":["post-539","page","type-page","status-publish","hentry"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":8}},"acf":[],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"admin","author_link":"https:\/\/farizon.com.sg\/author\/admin"},"uagb_comment_info":0,"uagb_excerpt":"Farizon School Bus \u00b7 9+1 Electric School Bus Singapore Designed Around Safer Student Transport. The Farizon School Bus 9+1 is an electric passenger vehicle designed for safe and efficient school transport in Singapore. Compact for daily school routes, it comes equipped with an automatic step, handrail and full ADAS for a safer and more comfortable&hellip;","_links":{"self":[{"href":"https:\/\/farizon.com.sg\/index.php?rest_route=\/wp\/v2\/pages\/539","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/farizon.com.sg\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/farizon.com.sg\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/farizon.com.sg\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/farizon.com.sg\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=539"}],"version-history":[{"count":10,"href":"https:\/\/farizon.com.sg\/index.php?rest_route=\/wp\/v2\/pages\/539\/revisions"}],"predecessor-version":[{"id":712,"href":"https:\/\/farizon.com.sg\/index.php?rest_route=\/wp\/v2\/pages\/539\/revisions\/712"}],"wp:attachment":[{"href":"https:\/\/farizon.com.sg\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=539"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}