{"id":33373643,"date":"2026-02-25T16:07:29","date_gmt":"2026-02-25T16:07:29","guid":{"rendered":"https:\/\/new.monaco-global.com.au\/?page_id=33373643"},"modified":"2026-06-03T12:09:35","modified_gmt":"2026-06-03T12:09:35","slug":"home-new","status":"publish","type":"page","link":"https:\/\/new.monaco-global.com.au\/","title":{"rendered":"Home (New)"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"33373643\" class=\"elementor elementor-33373643\">\n\t\t\t\t<div class=\"elementor-element elementor-element-df9ff7e e-flex e-con-boxed e-con e-parent\" data-id=\"df9ff7e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5d37de6 elementor-hidden-desktop elementor-widget elementor-widget-html\" data-id=\"5d37de6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- MOBILE LOGO BAR -->\n<style>\n  \/* MOBILE ONLY *\/\n  @media (max-width: 768px){\n\n .mobile-logo-bar{ width: 100%; background: #ffffff; padding-top: 130px; \/* space from top *\/ padding-bottom: 16px; border-bottom: 1px solid #eaeaea; box-sizing: border-box; overflow: hidden; \/* &#55357;&#56392; prevents overflow *\/ }\n\n\n    .mobile-logo-bar-inner{\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      padding: 0 8px;        \/* smaller side padding *\/\n      width: 100%;\n    }\n\n    .mobile-logo-bar-inner img{\n      width: 20%;            \/* \ud83d\udc48 5 logos = 20% each *\/\n      max-width: 20%;\n      height: 28px;\n      object-fit: contain;\n      display: block;\n    }\n  }\n\n  \/* HIDE ON DESKTOP *\/\n  @media (min-width: 769px){\n    .mobile-logo-bar{ display: none; }\n  }\n<\/style>\n\n<div class=\"mobile-logo-bar\">\n  <div class=\"mobile-logo-bar-inner\">\n    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/Stardeck2.jpg\" alt=\"Stardeck\">\n    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2018\/10\/crocprop1.jpg\" alt=\"Crocprop\">\n    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2018\/10\/Formwork.jpg\" alt=\"Formwork\">\n    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2018\/10\/Monaco-Spacers.jpg\" alt=\"Monaco Spacers\">\n    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2018\/10\/Monaco-Scaffold.jpg\" alt=\"Monaco Scaffold\">\n  <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0a84a8a e-flex e-con-boxed e-con e-parent\" data-id=\"0a84a8a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f3c14c0 elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"f3c14c0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@400;500;700;900&display=swap\" rel=\"stylesheet\">\n\n<section id=\"monaco-hero-2026\" class=\"mh26\" aria-label=\"Monaco Hero\">\n  <style>\n    #monaco-hero-2026.mh26{\n      --mh-blue:#2a8fd6;\n      --mh-white:#fff;\n      position:relative;\n      width:100vw;\n      left:50%;\n      right:50%;\n      margin-left:-50vw;\n      margin-right:-50vw;\n      max-width:none;\n      min-height:520px;\n      overflow:hidden;\n      color:var(--mh-white);\n      background:#000;\n      font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;\n    }\n\n    #monaco-hero-2026.mh26 *{\n      box-sizing:border-box;\n    }\n\n    #monaco-hero-2026 .mh26__slides{\n      display:flex;\n      width:300%;\n      min-height:420px;\n      animation:mh26Slide 18s infinite;\n    }\n\n    #monaco-hero-2026 .mh26__slide{\n      flex:0 0 100%;\n      position:relative;\n      min-height:420px;\n      overflow:hidden;\n      background:#000;\n    }\n\n    #monaco-hero-2026 .mh26__slide img{\n      width:1920px;\n      height:552px;\n      display:block;\n      object-fit:cover;\n      object-position:center center;\n      \n    }\n\n    \n\n    #monaco-hero-2026 .mh26__content{\n      position:absolute;\n      inset:0;\n      display:flex;\n      align-items:center;\n      width:100%;\n      z-index:2;\n    }\n\n    #monaco-hero-2026 .mh26__inner{\n      width:100%;\n      max-width:1280px;\n      margin:0 auto;\n      padding:0 60px;\n    }\n\n    #monaco-hero-2026 .mh26__h1{\n      margin:0 0 18px 0;\n      font-weight:900;\n      text-transform:uppercase;\n      letter-spacing:.02em;\n      line-height:.92;\n      font-size:72px;\n      font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;\n    }\n\n    #monaco-hero-2026 .mh26__h1 .mh26__white{\n      color:#fff;\n      display:block;\n    }\n\n    #monaco-hero-2026 .mh26__h1 .mh26__blue{\n      color:var(--mh-blue);\n      display:block;\n    }\n\n    #monaco-hero-2026 .mh26__p{\n      max-width:760px;\n      margin:0 0 34px 0;\n      font-size:18px;\n      line-height:1.65;\n      color:rgba(255,255,255,.92);\n    }\n\n    #monaco-hero-2026 .mh26__buttons{\n      display:flex;\n      gap:18px;\n      align-items:center;\n      flex-wrap:wrap;\n    }\n\n    #monaco-hero-2026 .mh26__btn{\n      display:inline-flex;\n      align-items:center;\n      gap:10px;\n      padding:14px 26px;\n      border-radius:10px;\n      font-size:14px;\n      font-weight:800;\n      letter-spacing:.02em;\n      text-decoration:none;\n      transition:transform .18s ease, filter .18s ease, background .18s ease, border-color .18s ease;\n      line-height:1;\n      white-space:nowrap;\n      font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;\n    }\n\n    #monaco-hero-2026 .mh26__btn--primary{\n      background:var(--mh-blue);\n      color:#fff;\n      border:1px solid rgba(255,255,255,.10);\n    }\n\n    #monaco-hero-2026 .mh26__btn--secondary{\n      background:rgba(0,0,0,.28);\n      color:#fff;\n      border:1px solid rgba(255,255,255,.30);\n      backdrop-filter:blur(3px);\n    }\n\n    #monaco-hero-2026 .mh26__btn:hover{\n      transform:translateY(-2px);\n      filter:brightness(1.03);\n    }\n\n    @keyframes mh26Slide{\n      0%,30%{transform:translateX(0);}\n      33%,63%{transform:translateX(-100%);}\n      66%,96%{transform:translateX(-200%);}\n      100%{transform:translateX(0);}\n    }\n\n    @media (max-width:1300px){\n      #monaco-hero-2026 .mh26__h1{\n        font-size:64px;\n      }\n\n      #monaco-hero-2026 .mh26__inner{\n        padding:0 40px;\n      }\n    }\n\n    @media (max-width:768px){\n      #monaco-hero-2026.mh26{\n        min-height:560px;\n      }\n\n      #monaco-hero-2026 .mh26__slides,\n      #monaco-hero-2026 .mh26__slide{\n        min-height:560px;\n      }\n\n      #monaco-hero-2026 .mh26__slide img{\n        height:560px;\n        object-position:center center;\n      }\n\n      #monaco-hero-2026 .mh26__inner{\n        padding:0 18px;\n      }\n\n      #monaco-hero-2026 .mh26__h1{\n        font-size:44px;\n        font-family: roboto;\n        line-height:0.95;\n        margin-bottom:14px;\n      }\n\n      #monaco-hero-2026 .mh26__p{\n        font-size:15px;\n        font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;\n        line-height:1.6;\n        margin-bottom:22px;\n        max-width:42ch;\n      }\n\n      #monaco-hero-2026 .mh26__buttons{\n        gap:12px;\n      }\n\n      #monaco-hero-2026 .mh26__btn{\n        padding:12px 18px;\n        border-radius:12px;\n        font-size:13px;\n      }\n    }\n\n    @media (max-width:420px){\n      #monaco-hero-2026 .mh26__buttons{\n        flex-direction:column;\n        align-items:flex-start;\n      }\n\n      #monaco-hero-2026 .mh26__btn{\n        width:100%;\n        justify-content:center;\n      }\n    }\n  <\/style>\n\n  <div class=\"mh26__slides\" aria-hidden=\"true\">\n    <div class=\"mh26__slide\">\n      <img decoding=\"async\" src=\"\/wp-content\/uploads\/2018\/10\/BANNER-2.png\" alt=\"\">\n    <\/div>\n    <div class=\"mh26__slide\">\n      <img decoding=\"async\" src=\"\/wp-content\/uploads\/2018\/10\/BANNER-1.png\" alt=\"\">\n    <\/div>\n    <div class=\"mh26__slide\">\n      <img decoding=\"async\" src=\"\/wp-content\/uploads\/2018\/10\/BANNER-3.png\" alt=\"\">\n    <\/div>\n  <\/div>\n\n  <div class=\"mh26__content\">\n    <div class=\"mh26__inner\">\n      <h1 class=\"mh26__h1\">\n        <span class=\"mh26__white\">EXTENDING<\/span>\n        <span class=\"mh26__blue\">YOUR<\/span>\n        <span class=\"mh26__white\">POSSIBILITIES<\/span>\n      <\/h1>\n\n      <p class=\"mh26__p\">\n        Monaco Global is a leading manufacturer and supplier of formwork and critical construction solutions,\n        delivering quality and innovation worldwide for over 40 years.\n      <\/p>\n\n      <div class=\"mh26__buttons\">\n        <a class=\"mh26__btn mh26__btn--primary\" href=\"\/index.php\/contacts-one\/\">\n          Contact Us\n        <\/a>\n        <a class=\"mh26__btn mh26__btn--secondary\" href=\"\/index.php\/products\/\">\n          View Products\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-17d462f e-flex e-con-boxed e-con e-parent\" data-id=\"17d462f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8453b78 elementor-hidden-desktop elementor-widget elementor-widget-html\" data-id=\"8453b78\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"monaco-mobile-hero-fixed\" class=\"mmhf\" aria-label=\"Monaco Mobile Hero\">\n  <style>\n    \/* hidden by default *\/\n    #monaco-mobile-hero-fixed{\n      display:none;\n    }\n\n    \/* mobile only *\/\n    @media (max-width:768px){\n\n      #monaco-mobile-hero-fixed{\n        --mh-blue:#2a8fd6;\n        display:block;\n        position:relative;\n        width:100%;\n        min-height:65vh;\n        overflow:hidden;\n        background:#000;\n        color:#fff;\n      }\n\n      #monaco-mobile-hero-fixed,\n      #monaco-mobile-hero-fixed *{\n        box-sizing:border-box;\n      }\n\n      #monaco-mobile-hero-fixed .mmhf__slides{\n        display:flex;\n        width:300%;\n        min-height:65vh;\n        animation:mmhfSlide 18s infinite;\n      }\n\n      #monaco-mobile-hero-fixed .mmhf__slide{\n        flex:0 0 100%;\n        position:relative;\n        min-height:65vh;\n        overflow:hidden;\n\n        \/* THIS is the important part *\/\n        background-size:cover;\n        background-repeat:no-repeat;\n        background-position:center center;\n      }\n\n      #monaco-mobile-hero-fixed .mmhf__slide::before{\n        content:\"\";\n        position:absolute;\n        inset:0;\n        background:linear-gradient(\n          to bottom,\n          rgba(0,0,0,.18) 0%,\n          rgba(0,0,0,.28) 38%,\n          rgba(0,0,0,.78) 100%\n        );\n        z-index:1;\n      }\n\n      #monaco-mobile-hero-fixed .mmhf__content{\n        position:absolute;\n        inset:0;\n        z-index:2;\n        display:flex;\n        align-items:center;\n      }\n\n      #monaco-mobile-hero-fixed .mmhf__inner{\n        width:100%;\n        padding:24px 18px 28px;\n      }\n\n      #monaco-mobile-hero-fixed .mmhf__title{\n        margin:0 0 12px 0;\n        font-size:42px;\n        line-height:.95;\n        font-weight:900;\n        text-transform:uppercase;\n      }\n\n      #monaco-mobile-hero-fixed .mmhf__title span{\n        display:block;\n      }\n\n      #monaco-mobile-hero-fixed .mmhf__blue{\n        color:var(--mh-blue);\n      }\n\n      #monaco-mobile-hero-fixed .mmhf__text{\n        margin:0 0 18px 0;\n        font-size:14px;\n        line-height:1.6;\n        color:rgba(255,255,255,.92);\n        max-width:100%;\n      }\n\n      #monaco-mobile-hero-fixed .mmhf__buttons{\n        display:flex;\n        flex-direction:column;\n        gap:10px;\n      }\n\n      #monaco-mobile-hero-fixed .mmhf__btn{\n        display:flex;\n        align-items:center;\n        justify-content:center;\n        min-height:46px;\n        padding:12px 16px;\n        border-radius:12px;\n        text-decoration:none;\n        font-size:14px;\n        font-weight:800;\n      }\n\n      #monaco-mobile-hero-fixed .mmhf__btn--primary{\n        background:#2a8fd6;\n        color:#fff;\n      }\n\n      #monaco-mobile-hero-fixed .mmhf__btn--secondary{\n        background:rgba(255,255,255,.10);\n        border:1px solid rgba(255,255,255,.28);\n        color:#fff;\n      }\n\n      @keyframes mmhfSlide{\n        0%,30%{transform:translateX(0);}\n        33%,63%{transform:translateX(-100%);}\n        66%,96%{transform:translateX(-200%);}\n        100%{transform:translateX(0);}\n      }\n    }\n  <\/style>\n\n  <div class=\"mmhf__slides\" aria-hidden=\"true\">\n    <div class=\"mmhf__slide\" style=\"background-image:url('\/wp-content\/uploads\/2018\/10\/BANNER-2.png');\"><\/div>\n    <div class=\"mmhf__slide\" style=\"background-image:url('\/wp-content\/uploads\/2018\/10\/BANNER-1.png');\"><\/div>\n    <div class=\"mmhf__slide\" style=\"background-image:url('\/wp-content\/uploads\/2018\/10\/BANNER-3.png');\"><\/div>\n  <\/div>\n\n  <div class=\"mmhf__content\">\n    <div class=\"mmhf__inner\">\n      <h1 class=\"mmhf__title\">\n        <span>EXTENDING<\/span>\n        <span class=\"mmhf__blue\">YOUR<\/span>\n        <span>POSSIBILITIES<\/span>\n      <\/h1>\n\n      <p class=\"mmhf__text\">\n        Monaco Global is a leading manufacturer and supplier of formwork and critical construction solutions,\n        delivering quality and innovation worldwide for over 40 years.\n      <\/p>\n\n      <div class=\"mmhf__buttons\">\n        <a class=\"mmhf__btn mmhf__btn--primary\" href=\"\/index.php\/contacts-one\/\">Contact Us<\/a>\n        <a class=\"mmhf__btn mmhf__btn--secondary\" href=\"\/index.php\/shop\/\">View Products<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-58dcefa e-grid elementor-hidden-tablet elementor-hidden-mobile e-con-boxed e-con e-parent\" data-id=\"58dcefa\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b00cc6c elementor-widget elementor-widget-html\" data-id=\"b00cc6c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Modern Product Category Grid (Desktop + Mobile) - SAFE\/SCOPED -->\n<style>\n  \/* \u2705 Variables + base styles ONLY inside this section *\/\n  section.mg-cats{\n    --bg: #ffffff;\n    --surface: #f6f7f9;\n    --card: #ffffff;\n    --text: #0f172a;\n    --muted: #64748b;\n    --ring: rgba(2, 132, 199, .25);\n    --accent: #0b6bd6;\n    --shadow: 0 10px 30px rgba(2, 6, 23, .08);\n    --shadowHover: 0 18px 45px rgba(2, 6, 23, .14);\n    --radius: 18px;\n\n    background: var(--bg);\n    color: var(--text);\n    padding: clamp(18px, 3vw, 40px) 0;\n    font-family: system-ui, -apple-system, Segoe UI, Roboto, Roboto, sans-serif;\n  }\n\n  section.mg-cats .wrap{\n    width: min(1120px, calc(100% - 32px));\n    margin: 0 auto;\n  }\n\n  section.mg-cats .header{\n  display: flex;\n  align-items: flex-end;\n  justify-content: space-between;\n  gap: 14px;\n  margin-bottom: 18px;\n}\n\n@media (max-width: 640px) {\n  section.mg-cats .header,\n  section.mg-cats .header * {\n    text-align: left !important;\n  }\n\n  section.mg-cats .header {\n    align-items: flex-start !important;\n    justify-content: flex-start !important;\n    padding-right: 16px;\n    padding-left: 0;\n  }\n}\n\n@media (max-width: 640px) {\n  section.mg-cats .header {\n    padding-left: 16px;   \/* \ud83d\udc48 moves text slightly to the right *\/\n    padding-right: 16px;  \/* keeps balance *\/\n    \n  }\n}\n\n  section.mg-cats h2{\n    margin: 0;\n    font-size: clamp(18px, 2.2vw, 28px);\n    letter-spacing: .4px;\n    text-transform: uppercase;\n    font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;\n  }\n\n  section.mg-cats .sub{\n    margin: 0;\n    color: var(--muted);\n    max-width: 64ch;\n    font-size: 14px;\n    line-height: 1.5;\n  }\n\n  section.mg-cats .mg-grid{\n    display: grid;\n    grid-template-columns: repeat(5, 1fr);\n    gap: 18px;\n  }\n\n  section.mg-cats .mg-card{\n    display: grid;\n    grid-template-rows: auto auto;\n    gap: 12px;\n    text-decoration: none;\n    color: inherit;\n    background: var(--card);\n    border-radius: var(--radius);\n    padding: 14px;\n    box-shadow: var(--shadow);\n    border: 1px solid rgba(15, 23, 42, .06);\n    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;\n    outline: none;\n  }\n\n  section.mg-cats .mg-card:focus-visible{\n    box-shadow: 0 0 0 4px var(--ring), var(--shadow);\n    border-color: rgba(11, 107, 214, .35);\n  }\n\n  section.mg-cats .mg-card:hover{\n    transform: translateY(-4px);\n    box-shadow: var(--shadowHover);\n    border-color: rgba(15, 23, 42, .10);\n  }\n\n  section.mg-cats .mg-media{\n  background: transparent;   \/* \u274c removes gray *\/\n  border-radius: 0;          \/* optional: removes inner rounded box *\/\n  overflow: visible;\n  display: grid;\n  place-items: center;\n  aspect-ratio: 4 \/ 3;\n}\n\n  section.mg-cats .mg-media img{\n    width: 100%;\n    height: 100%;\n    object-fit: contain;\n    padding: 10px;\n    filter: drop-shadow(0 10px 18px rgba(2,6,23,.10));\n    transition: transform .25s ease;\n  }\n\n  section.mg-cats .mg-card:hover .mg-media img{\n    transform: scale(1.03);\n  }\n\n  section.mg-cats .mg-title{\n    text-align: center;\n    font-weight: 800;\n    font-size: 12px;\n    letter-spacing: .6px;\n    text-transform: uppercase;\n    line-height: 1.25;\n    color: var(--text);\n    margin: 0;\n    font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;\n  }\n\n  \/* Tablet *\/\n  @media (max-width: 1024px){\n    section.mg-cats .mg-grid{ grid-template-columns: repeat(3, 1fr); }\n    section.mg-cats .header{ flex-direction: column; align-items: flex-start; }\n  }\n\n  \/* Mobile *\/\n  @media (max-width: 640px){\n    section.mg-cats .mg-grid{ grid-template-columns: repeat(2, 1fr); gap: 14px; }\n    section.mg-cats .mg-card{ padding: 12px; border-radius: 16px; }\n    section.mg-cats .mg-title{ font-size: 11px; }\n    section.mg-cats .mg-media{ aspect-ratio: 1 \/ 1; }\n\n    \/* \u2705 Keep right-aligned, but NOT flush to the edge *\/\n    section.mg-cats .header{\n      align-items: flex-end;\n      text-align: right;\n      padding-right: 12px; \/* <- adjust this value *\/\n    }\n    section.mg-cats .header h2,\n    section.mg-cats .header .sub{\n      text-align: right;\n    }\n  }\nsection.mg-cats .mg-media {\n  background-color: #ffffff;\n}\n\n  \/* Very small phones *\/\n  @media (max-width: 380px){\n    section.mg-cats .mg-grid{ grid-template-columns: 1fr; }\n  }\n\nsection.mg-cats .mg-media {\n  background-color: #ffffff;\n  border: 0px solid rgba(15, 23, 42, 0.06);\n}\n\nsection.mg-cats .mg-media {\n  background: transparent;\n  border: none;\n  box-shadow: none;\n}\n\n\/* Card should clip cleanly *\/\nsection.mg-cats .mg-card{\n  overflow: hidden; \/* keeps rounded corners perfect *\/\n}\n\n\/* Inner media should NOT clip borders\/shadows *\/\nsection.mg-cats .mg-media{\n  overflow: visible;       \/* prevents border\/shadow from being cut *\/\n  border-radius: 18px;     \/* optional, keeps inner shape consistent *\/\n  background: transparent; \/* neat *\/\n}\n\n\/* If your img has a border\/shadow, keep it inside nicely *\/\nsection.mg-cats .mg-media img{\n  border-radius: 10px;\n\n}\n\n\n\n\/* CTA - Rounded Blue Button (Matches Screenshot) *\/\n\nsection.mg-cats .mg-cta{\n  text-align: center;\n  margin-top: 30px;\n}\n\nsection.mg-cats .mg-quote-btn{\n  display: inline-block;\n  padding: 12px 28px;\n  border-radius: 50px;                \/* pill shape *\/\n  background: #2a8fd6;                \/* soft blue like screenshot *\/\n  color: #ffffff;\n  font-weight: 600;\n  font-size: 16px;\n  text-transform: none;               \/* normal case: \"Get a quote\" *\/\n  text-decoration: none;\n  transition: all .25s ease;\n  box-shadow: 0 8px 20px rgba(42, 143, 214, 0.25);\n}\n\nsection.mg-cats .mg-quote-btn:hover{\n  background: #1f7cc2;\n  transform: translateY(-2px);\n  box-shadow: 0 12px 28px rgba(42, 143, 214, 0.35);\n}\n\n<\/style>\n\n<section class=\"mg-cats\" aria-label=\"Product Categories\">\n  <div class=\"wrap\" style=\"font-family: Roboto\">\n    <div class=\"header\">\n      <div>\n        <h2>Product Categories<\/h2>\n        <p class=\"sub\">\n          Browse our range of formwork, scaffolding, propping, and accessories. Select a category to explore products.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"mg-grid\">\n      <!-- Replace href + src with your real links\/images -->\n      <a class=\"mg-card\" href=\"\/index.php\/stardeck-system\/\" aria-label=\"Slab soffit and decking systems\">\n        <div>\n          <img src=\"\/wp-content\/uploads\/2018\/10\/Mobile-Product-12.png\" alt=\"Slab soffit and decking systems\" loading=\"eager\" decoding=\"async\"\n>\n        <\/div>\n        <p class=\"mg-title\">Slab Soffit &amp;<br>Decking Systems<\/p>\n      <\/a>\n\n      <a class=\"mg-card\" href=\"\/index.php\/ausex-steel-props-components\/\" aria-label=\"Propping\">\n        <div>\n          <img src=\"\/wp-content\/uploads\/2018\/10\/Mobile-Product-11.png\" alt=\"Propping\" loading=\"eager\" decoding=\"async\">\n        <\/div>\n        <p class=\"mg-title\">Propping<\/p>\n      <\/a>\n\n      <a class=\"mg-card\" href=\"\/index.php\/form-tie-systems\/\" aria-label=\"Form tie systems\">\n        <div>\n          <img src=\"\/wp-content\/uploads\/2018\/10\/Mobile-Product-09.png\" alt=\"Form tie systems\" loading=\"eager\" decoding=\"async\">\n        <\/div>\n        <p class=\"mg-title\">Form Tie Systems<\/p>\n      <\/a>\n\n      <a class=\"mg-card\" href=\"\/index.php\/plywood\/\" aria-label=\"LVL and plywood\">\n        <div>\n          <img src=\"\/wp-content\/uploads\/2018\/10\/Monaco-Global-Product.jpg\" alt=\"LVL and plywood\" loading=\"eager\" decoding=\"async\">\n        <\/div>\n        <p class=\"mg-title\">LVL &amp; Plywood<\/p>\n      <\/a>\n\n      <a class=\"mg-card\" href=\"\/index.php\/column-forming\/\" aria-label=\"Column forming\">\n     <div>\n          <img src=\"\/wp-content\/uploads\/2018\/10\/Monaco-Global-Products-03-1.jpg\" alt=\"Column forming\" loading=\"eager\" decoding=\"async\">\n        <\/div>\n        <p class=\"mg-title\">Column Forming<\/p>\n      <\/a>\n\n      <a class=\"mg-card\" href=\"\/index.php\/product-category\/material-handling\/\" aria-label=\"Material handling\">\n      <div>\n          <img src=\"\/wp-content\/uploads\/2018\/10\/Mobile-Product-06.png\" alt=\"Material handling\" loading=\"eager\" decoding=\"async\">\n        <\/div>\n        <p class=\"mg-title\">Material<br>Handling<\/p>\n      <\/a>\n\n      <a class=\"mg-card\" href=\"\/index.php\/product-category\/safety-products\/\" aria-label=\"Safety products\">\n        <div>\n          <img src=\"\/wp-content\/uploads\/2018\/10\/Mobile-Product-01.png\" alt=\"Safety products\" loading=\"eager\" decoding=\"async\">\n        <\/div>\n        <p class=\"mg-title\">Safety<br>Products<\/p>\n      <\/a>\n\n      <a class=\"mg-card\" href=\"\/index.php\/formwork-hardware-accessories-pt-chairs-tools-pages\/\" aria-label=\"Formwork hardware and concrete accessories\">\n      <div>\n          <img src=\"\/wp-content\/uploads\/2018\/10\/Mobile-Product-07.png\" alt=\"Formwork hardware and concrete accessories\" loading=\"eager\" decoding=\"async\">\n       <\/div>\n        <p class=\"mg-title\">Formwork Hardware<br>&amp; Concrete Accessories<\/p>\n      <\/a>\n\n      <a class=\"mg-card\" href=\"\/index.php\/pt-chairs-and-accessories\/\" aria-label=\"PT chairs and accessories\">\n      <div>\n          <img src=\"\/wp-content\/uploads\/2018\/10\/Monaco-Global-Products-04-1.jpg\" alt=\"PT chairs and accessories\" loading=\"eager\" decoding=\"async\">\n        <\/div>\n        <p class=\"mg-title\">PT Chairs &amp;<br>Accessories<\/p>\n      <\/a>\n\n      <a class=\"mg-card\" href=\"\/index.php\/tools-3\/\" aria-label=\"Tools\">\n<div>\n          <img src=\"\/wp-content\/uploads\/2018\/10\/Monaco-Global-Products-06-1.jpg\" alt=\"Tools\" loading=\"eager\" decoding=\"async\">\n        <\/div>\n        <p class=\"mg-title\">Tools<\/p>\n      <\/a>\n    <\/div>\n  <\/div>\n  \n  \n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-63f5d5c e-flex e-con-boxed e-con e-parent\" data-id=\"63f5d5c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3417fce elementor-widget elementor-widget-html\" data-id=\"3417fce\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<a href=\"\/index.php\/contacts-one\/\" class=\"btn-get-quote\">\n  <span class=\"icon\">\u2708<\/span>\n  GET A QUOTE\n<\/a>\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@300;400;500;700&display=swap');\n\n.btn-get-quote{\n    font-family: 'Roboto', sans-serif !important;\n    padding:12px 28px;\n    background:#00529F;\n    color:#fff;\n    border-radius:6px;\n    text-decoration:none;\n    font-size:18px;\n    display:inline-flex;\n    align-items:center;\n    gap:8px;\n    transition:all .2s ease;\n}\n\n.btn-get-quote:hover{\n    background:#073F6D;\n}\n\n\/* Icon *\/\n.btn-get-quote .icon{\n    font-size:18px;\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-47a7145 elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"47a7145\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6dd1b12 e-flex e-con-boxed e-con e-parent\" data-id=\"6dd1b12\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-34aa01b elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-heading\" data-id=\"34aa01b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Product only mobile<\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-988d128 e-flex e-con-boxed e-con e-parent\" data-id=\"988d128\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-276d694 elementor-widget elementor-widget-html\" data-id=\"276d694\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \u2705 MOBILE-ONLY Product Categories (Copy + Paste) -->\n<style>\n  \/* Hide this entire section on tablet\/desktop *\/\n  .mg-cats-mobile { display: block; }\n  @media (min-width: 768px){\n    .mg-cats-mobile { display: none !important; }\n  }\n\n  \/* Scoped variables + base *\/\n  section.mg-cats-mobile{\n    --bg:#ffffff;\n    --card:#ffffff;\n    --text:#0f172a;\n    --muted:#64748b;\n    --border: rgba(15,23,42,.08);\n    --shadow: 0 10px 28px rgba(2,6,23,.08);\n    --shadowHover: 0 14px 34px rgba(2,6,23,.12);\n    --radius: 18px;\n    --gap: 12px;\n\n    background: var(--bg);\n    color: var(--text);\n    font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\n    padding: 18px 0 22px;\n  }\n\n  section.mg-cats-mobile, \n  section.mg-cats-mobile *{ box-sizing: border-box; }\n\n  section.mg-cats-mobile .wrap{\n    width: min(560px, calc(100% - 28px));\n    margin: 0 auto;\n  }\n\n  \/* Header (mobile-friendly: left aligned, nice spacing) *\/\n  section.mg-cats-mobile .header{\n    padding: 0 2px;\n    margin-bottom: 14px;\n    text-align: left;\n  }\n\n  section.mg-cats-mobile h2{\n    margin: 0 0 6px 0;\n    font-size: 18px;\n    letter-spacing: .6px;\n    text-transform: uppercase;\n    line-height: 1.2;\n  }\n\n  section.mg-cats-mobile .sub{\n    margin: 0;\n    color: var(--muted);\n    font-size: 13.5px;\n    line-height: 1.45;\n    max-width: 50ch;\n  }\n\n  \/* Grid (2 columns, then 1 column on very small phones) *\/\n  section.mg-cats-mobile .mg-grid{\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: var(--gap);\n  }\n\n  @media (max-width: 380px){\n    section.mg-cats-mobile .mg-grid{ grid-template-columns: 1fr; }\n  }\n\n  \/* Card (simple, stable mobile layout) *\/\n  section.mg-cats-mobile .mg-card{\n    display: grid;\n    grid-template-rows: auto auto;\n    gap: 10px;\n    text-decoration: none;\n    color: inherit;\n    background: var(--card);\n    border-radius: var(--radius);\n    padding: 12px;\n    border: 1px solid var(--border);\n    box-shadow: var(--shadow);\n    overflow: hidden;\n    -webkit-tap-highlight-color: transparent;\n    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;\n    min-width: 0;\n  }\n\n  \/* Optional hover (won\u2019t hurt mobile) *\/\n  section.mg-cats-mobile .mg-card:hover{\n    transform: translateY(-2px);\n    box-shadow: var(--shadowHover);\n    border-color: rgba(15,23,42,.12);\n  }\n\n  section.mg-cats-mobile .mg-card:focus-visible{\n    outline: none;\n    box-shadow: 0 0 0 4px rgba(11,107,214,.18), var(--shadow);\n    border-color: rgba(11,107,214,.35);\n  }\n\n  \/* Media: remove conflicting duplicates, keep consistent square *\/\n  section.mg-cats-mobile .mg-media{\n    border-radius: 14px;\n    background: #fff;\n    border: 1px solid rgba(15,23,42,.06);\n    aspect-ratio: 1 \/ 1;\n    display: grid;\n    place-items: center;\n    overflow: hidden; \/* safe + clean *\/\n  }\n\n  section.mg-cats-mobile .mg-media img{\n    width: 100%;\n    height: 100%;\n    object-fit: contain;\n    padding: 10px;\n    border-radius: 0;           \/* avoid double rounding issues *\/\n    filter: drop-shadow(0 10px 16px rgba(2,6,23,.10));\n    transform: translateZ(0);\n  }\n\n  \/* Title: clamp so long labels never break the grid *\/\n  section.mg-cats-mobile .mg-title{\n    margin: 0;\n    text-align: center;\n    font-weight: 800;\n    font-size: 11.5px;\n    letter-spacing: .6px;\n    text-transform: uppercase;\n    line-height: 1.25;\n    color: var(--text);\n\n    display: -webkit-box;\n    -webkit-line-clamp: 3;      \/* keeps cards equal height *\/\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n    min-height: calc(1.25em * 2); \/* stabilizes height for short titles *\/\n  }\n\n  \/* CTA *\/\n  section.mg-cats-mobile .mg-cta{\n    text-align: center;\n    margin-top: 16px;\n  }\n\n  section.mg-cats-mobile .mg-quote-btn{\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    padding: 12px 26px;\n    border-radius: 999px;\n    background: #2a8fd6;\n    color: #fff;\n    font-weight: 700;\n    font-size: 14px;\n    letter-spacing: .4px;\n    text-decoration: none;\n    box-shadow: 0 10px 22px rgba(42, 143, 214, .25);\n    transition: transform .18s ease, box-shadow .18s ease, background .18s ease;\n  }\n\n  section.mg-cats-mobile .mg-quote-btn:hover{\n    background: #1f7cc2;\n    transform: translateY(-1px);\n    box-shadow: 0 14px 26px rgba(42, 143, 214, .32);\n  }\n\n  section.mg-cats-mobile .mg-quote-btn:active{\n    transform: translateY(1px);\n  }\n<\/style>\n\n<section class=\"mg-cats-mobile\" aria-label=\"Product Categories (Mobile)\">\n  <div class=\"wrap\">\n    <div class=\"header\">\n      <h2>Product Categories<\/h2>\n      <p class=\"sub\">\n        Browse our range of formwork, scaffolding, propping, and accessories. Select a category to explore products.\n      <\/p>\n    <\/div>\n\n    <div class=\"mg-grid\">\n      <a class=\"mg-card\" href=\"\/index.php\/product-category\/startdeck-components\/\" aria-label=\"Slab soffit and decking systems\">\n        <div class=\"mg-media\">\n          <img src=\"\/wp-content\/uploads\/2018\/10\/Mobile-Product-12.png\" alt=\"Slab soffit and decking systems\" loading=\"eager\" decoding=\"async\">\n        <\/div>\n        <p class=\"mg-title\">Slab Soffit &amp;<br>Decking Systems<\/p>\n      <\/a>\n\n      <a class=\"mg-card\" href=\"\/index.php\/product-category\/ausex-steel-props-components\/\" aria-label=\"Propping\">\n        <div class=\"mg-media\">\n          <img src=\"\/wp-content\/uploads\/2018\/10\/Mobile-Product-11.png\" alt=\"Propping\" loading=\"lazy\" decoding=\"async\">\n        <\/div>\n        <p class=\"mg-title\">Propping<\/p>\n      <\/a>\n\n      <a class=\"mg-card\" href=\"\/index.php\/product-category\/form-tie-systems\/\" aria-label=\"Form tie systems\">\n        <div class=\"mg-media\">\n          <img src=\"\/wp-content\/uploads\/2018\/10\/Mobile-Product-09.png\" alt=\"Form tie systems\" loading=\"lazy\" decoding=\"async\">\n        <\/div>\n        <p class=\"mg-title\">Form Tie Systems<\/p>\n      <\/a>\n\n      <a class=\"mg-card\" href=\"\/index.php\/product-category\/plywood\/\" aria-label=\"LVL and plywood\">\n        <div class=\"mg-media\">\n          <img src=\"\/wp-content\/uploads\/2018\/10\/Mobile-Product-02.png\" alt=\"LVL and plywood\" loading=\"lazy\" decoding=\"async\">\n        <\/div>\n        <p class=\"mg-title\">LVL &amp; Plywood<\/p>\n      <\/a>\n\n      <a class=\"mg-card\" href=\"\/index.php\/product-category\/column-forming\/\" aria-label=\"Column forming\">\n        <div class=\"mg-media\">\n          <img src=\"\/wp-content\/uploads\/2018\/10\/Mobile-Product-03.png\" alt=\"Column forming\" loading=\"lazy\" decoding=\"async\">\n        <\/div>\n        <p class=\"mg-title\">Column Forming<\/p>\n      <\/a>\n\n      <a class=\"mg-card\" href=\"\/index.php\/product-category\/material-handling\/\" aria-label=\"Material handling\">\n        <div class=\"mg-media\">\n          <img src=\"\/wp-content\/uploads\/2018\/10\/Mobile-Product-06.png\" alt=\"Material handling\" loading=\"lazy\" decoding=\"async\">\n        <\/div>\n        <p class=\"mg-title\">Material<br>Handling<\/p>\n      <\/a>\n\n      <a class=\"mg-card\" href=\"\/index.php\/product-category\/safety-products\/\" aria-label=\"Safety products\">\n        <div class=\"mg-media\">\n          <img src=\"\/wp-content\/uploads\/2018\/10\/Mobile-Product-01.png\" alt=\"Safety products\" loading=\"lazy\" decoding=\"async\">\n        <\/div>\n        <p class=\"mg-title\">Safety<br>Products<\/p>\n      <\/a>\n\n      <a class=\"mg-card\" href=\"\/index.php\/product-category\/formwork-hardware-concrete-accessories\/\" aria-label=\"Formwork hardware and concrete accessories\">\n        <div class=\"mg-media\">\n          <img src=\"\/wp-content\/uploads\/2018\/10\/Mobile-Product-07.png\" alt=\"Formwork hardware and concrete accessories\" loading=\"lazy\" decoding=\"async\">\n        <\/div>\n        <p class=\"mg-title\">Formwork Hardware<br>&amp; Concrete Accessories<\/p>\n      <\/a>\n\n      <a class=\"mg-card\" href=\"\/index.php\/product-category\/pt-chairs-accessories\/\" aria-label=\"PT chairs and accessories\">\n        <div class=\"mg-media\">\n          <img src=\"\/wp-content\/uploads\/2018\/10\/Mobile-Product-04.png\" alt=\"PT chairs and accessories\" loading=\"lazy\" decoding=\"async\">\n        <\/div>\n        <p class=\"mg-title\">PT Chairs &amp;<br>Accessories<\/p>\n      <\/a>\n\n      <a class=\"mg-card\" href=\"\/index.php\/tools-3\/\" aria-label=\"Tools\">\n        <div class=\"mg-media\">\n          <img src=\"\/wp-content\/uploads\/2018\/10\/Mobile-Product-05.png\" alt=\"Tools\" loading=\"lazy\" decoding=\"async\">\n        <\/div>\n        <p class=\"mg-title\">Tools<\/p>\n      <\/a>\n    <\/div>\n\n    <div class=\"mg-cta\">\n      <a href=\"\/index.php\/contact\/\" class=\"mg-quote-btn\">GET A QUOTE<\/a>\n    <\/div>\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4806cd8 e-flex e-con-boxed e-con e-parent\" data-id=\"4806cd8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-965f728 elementor-widget elementor-widget-html\" data-id=\"965f728\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Better Formwork Solutions (3 sliding cards + fixed blue card) \u2014 ALL-IN-ONE + FULLY SCOPED -->\n<section id=\"mg-bfs\" class=\"mgBFS\" aria-label=\"Better Formwork Solutions\">\n  <style>\n    \/* ===== Scope everything to this section only ===== *\/\n    #mg-bfs.mgBFS{\n      --blue:#00529F;\n      --light-blue:#2a8fd6;\n      --light-blue-hover:#1f6fa8;\n      --dark-blue-hover:#073F6D;\n      --text:#0f172a;\n      --muted:#475569;\n      --card:#ffffff;\n      --bg:#ffffff;\n      --line:rgba(15,23,42,.08);\n      --shadow:0 14px 40px rgba(2,6,23,.10);\n      --radius:18px;\n\n      background:var(--bg);\n      color:var(--text);\n      font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\n      padding:28px 0 36px;\n    }\n\n    #mg-bfs *{ box-sizing:border-box; }\n\n    #mg-bfs .mgBFS__wrap{\n      width:min(1180px, calc(100% - 32px));\n      margin:0 auto;\n    }\n\n    \/* Header *\/\n    #mg-bfs .mgBFS__h2{\n      margin:0 0 10px;\n      text-align:center;\n      font-size:clamp(22px, 2.6vw, 40px);\n      font-weight:900;\n      color:var(--blue);\n      letter-spacing:.2px;\n      font-family:'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;\n    }\n\n    #mg-bfs .mgBFS__sub{\n      margin:0 auto 22px;\n      max-width:980px;\n      text-align:left;\n      font-size:15px;\n      line-height:1.55;\n      color:#111;\n    }\n\n    \/* Layout: left slider + right fixed blue card *\/\n    #mg-bfs .mgBFS__layout{\n      display:grid;\n      grid-template-columns:1fr 360px;\n      gap:20px;\n      align-items:stretch;\n    }\n\n    \/* ===== LEFT: Slider ===== *\/\n    #mg-bfs .mgBFS__slider{\n      background:transparent;\n      overflow:hidden;\n    }\n\n    #mg-bfs .mgBFS__track{\n      display:grid;\n      grid-auto-flow:column;\n      grid-auto-columns:calc(50% - 10px);\n      gap:20px;\n      overflow-x:auto;\n      padding:0 4px 10px;\n      scroll-snap-type:x mandatory;\n      scroll-behavior:smooth;\n      -webkit-overflow-scrolling:touch;\n    }\n\n    #mg-bfs .mgBFS__track::-webkit-scrollbar{ height:8px; }\n    #mg-bfs .mgBFS__track::-webkit-scrollbar-thumb{ background:rgba(2,6,23,.18); border-radius:999px; }\n    #mg-bfs .mgBFS__track::-webkit-scrollbar-track{ background:transparent; }\n\n    \/* Card *\/\n    #mg-bfs .mgBFS__card{\n      scroll-snap-align:start;\n      background:var(--card);\n      border:1px solid var(--line);\n      box-shadow:var(--shadow);\n      border-radius:var(--radius);\n      overflow:hidden;\n      display:flex;\n      flex-direction:column;\n      min-height:420px;\n    }\n\n    #mg-bfs .mgBFS__img{\n      width:100%;\n      height:180px;\n      background:#e9eef3;\n      overflow:hidden;\n    }\n\n    #mg-bfs .mgBFS__img img{\n      width:100%;\n      height:100%;\n      object-fit:cover;\n      display:block;\n    }\n\n    #mg-bfs .mgBFS__body{\n      padding:18px 18px 16px;\n      display:flex;\n      flex-direction:column;\n      gap:10px;\n      flex:1;\n    }\n\n    #mg-bfs .mgBFS__title{\n      margin:0;\n      font-size:18px;\n      font-weight:900;\n      letter-spacing:.02em;\n      text-transform:uppercase;\n      color:#111;\n      text-align:center;\n      font-family:'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;\n    }\n\n    #mg-bfs .mgBFS__text{\n      margin:0;\n      color:var(--muted);\n      font-size:14px;\n      line-height:1.55;\n      text-align:left;\n    }\n\n    \/* CTA wrapper *\/\n    #mg-bfs .mgBFS__cta{\n      margin-top:auto;\n      display:flex;\n      justify-content:center;\n      padding-top:6px;\n    }\n\n    \/* Base button style *\/\n    #mg-bfs .mgBFS__btn,\n    #mg-bfs .mgBFS__fixedBtn{\n      font-family:'Roboto', sans-serif !important;\n      padding:12px 28px;\n      color:#fff;\n      border-radius:6px;\n      text-decoration:none;\n      font-size:18px;\n      display:inline-flex;\n      align-items:center;\n      justify-content:center;\n      gap:8px;\n      transition:all .2s ease;\n      border:none;\n      min-width:auto;\n      box-shadow:none;\n    }\n\n    \/* Dark blue card buttons *\/\n    #mg-bfs .mgBFS__btn{\n      background:var(--blue);\n    }\n\n    #mg-bfs .mgBFS__btn:hover{\n      background:var(--dark-blue-hover);\n      color:#fff;\n      transform:none;\n      filter:none;\n    }\n\n    \/* Light blue fixed button *\/\n    #mg-bfs .mgBFS__fixedBtn{\n      background:var(--light-blue);\n    }\n\n    #mg-bfs .mgBFS__fixedBtn:hover{\n      background:var(--light-blue-hover);\n      color:#fff;\n      transform:none;\n      filter:none;\n    }\n\n    \/* ===== RIGHT: Fixed blue column ===== *\/\n    #mg-bfs .mgBFS__fixed{\n      background:var(--blue);\n      color:#fff;\n      border-radius:var(--radius);\n      box-shadow:var(--shadow);\n      padding:26px 22px;\n      display:flex;\n      flex-direction:column;\n      min-height:420px;\n      position:relative;\n    }\n\n    #mg-bfs .mgBFS__fixed h3{\n      margin:0 0 12px;\n      font-size:22px;\n      font-weight:900;\n      letter-spacing:.02em;\n      text-transform:uppercase;\n      line-height:1.1;\n      font-family:'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;\n    }\n\n    #mg-bfs .mgBFS__fixed p{\n      margin:0 0 16px;\n      color:rgba(255,255,255,.90);\n      font-size:14px;\n      line-height:1.55;\n    }\n\n    \/* Stats row *\/\n    #mg-bfs .mgBFS__stats{\n      margin:10px 0 18px;\n      background:rgba(0,0,0,.12);\n      border:1px solid rgba(255,255,255,.14);\n      border-radius:14px;\n      padding:14px 14px;\n      display:grid;\n      grid-template-columns:1fr 1fr;\n      gap:10px;\n    }\n\n    #mg-bfs .mgBFS__stat{\n      display:flex;\n      gap:10px;\n      align-items:center;\n      justify-content:center;\n      padding:4px 2px;\n    }\n\n    #mg-bfs .mgBFS__ico{\n      width:26px;\n      height:26px;\n      flex:0 0 26px;\n      opacity:.95;\n    }\n\n    #mg-bfs .mgBFS__ico svg{\n      width:26px;\n      height:26px;\n      fill:#fff;\n      display:block;\n    }\n\n    #mg-bfs .mgBFS__statNum{\n      font-weight:900;\n      font-size:18px;\n      line-height:1.1;\n    }\n\n    #mg-bfs .mgBFS__statLbl{\n      display:block;\n      font-size:11px;\n      opacity:.9;\n      margin-top:2px;\n    }\n\n    #mg-bfs .mgBFS__fixedCta{\n      margin-top:auto;\n      display:flex;\n      justify-content:center;\n    }\n\n    \/* ===== Responsive ===== *\/\n    @media (max-width:1024px){\n      #mg-bfs .mgBFS__layout{\n        grid-template-columns:1fr;\n      }\n\n      #mg-bfs .mgBFS__fixed{\n        min-height:unset;\n      }\n\n      #mg-bfs .mgBFS__track{\n        grid-auto-columns:86%;\n      }\n    }\n\n    @media (max-width:640px){\n      #mg-bfs .mgBFS__sub{ text-align:left; }\n\n      #mg-bfs .mgBFS__track{\n        grid-auto-columns:92%;\n        gap:14px;\n      }\n\n      #mg-bfs .mgBFS__img{ height:160px; }\n\n      #mg-bfs .mgBFS__btn,\n      #mg-bfs .mgBFS__fixedBtn{\n        font-size:16px;\n        padding:12px 22px;\n      }\n    }\n  <\/style>\n\n  <div class=\"mgBFS__wrap\">\n    <h2 class=\"mgBFS__h2\">Better Formwork Solutions<\/h2>\n    <p class=\"mgBFS__sub\">\n      Monaco Global products are made from the highest-quality steel and tested in Australia to meet all relevant standards.\n      Our solutions are trusted by major formwork, concrete, and construction companies across Australia, North America,\n      Europe, Asia, and the Middle East.\n    <\/p>\n\n    <div class=\"mgBFS__layout\">\n\n      <!-- LEFT: Sliding cards -->\n      <div class=\"mgBFS__slider\" aria-label=\"Solutions (Swipe\/Scroll)\">\n        <div class=\"mgBFS__track\">\n          <!-- 1 -->\n          <article class=\"mgBFS__card\">\n            <div class=\"mgBFS__img\">\n              <img decoding=\"async\" src=\"\/wp-content\/uploads\/2018\/10\/Forming-and-Shoring.jpeg\" alt=\"Formwork Solutions\" loading=\"lazy\">\n            <\/div>\n            <div class=\"mgBFS__body\">\n              <h3 class=\"mgBFS__title\">Formwork Solutions<\/h3>\n              <p class=\"mgBFS__text\">\n                We specialize in the development and manufacture of critical construction products, ensuring every system\n                complies with the highest Australian standards.\n              <\/p>\n              <div class=\"mgBFS__cta\">\n                <a class=\"mgBFS__btn\" href=\"\/index.php\/about-2\/\">About Us<\/a>\n              <\/div>\n            <\/div>\n          <\/article>\n\n          <!-- 2 -->\n          <article class=\"mgBFS__card\">\n            <div class=\"mgBFS__img\">\n              <img decoding=\"async\" src=\"\/wp-content\/uploads\/2018\/10\/Propping-and-shoring.jpeg\" alt=\"Propping &amp; Shoring\" loading=\"lazy\">\n            <\/div>\n            <div class=\"mgBFS__body\">\n              <h3 class=\"mgBFS__title\">Propping &amp; Shoring<\/h3>\n              <p class=\"mgBFS__text\">\n                Engineering a wide range of load-tested steel and aluminium support systems designed for height, strength,\n                and flexibility.\n              <\/p>\n              <div class=\"mgBFS__cta\">\n                <a class=\"mgBFS__btn\" href=\"\/index.php\/products\/\">View Products<\/a>\n              <\/div>\n            <\/div>\n          <\/article>\n\n          <!-- 3 -->\n          <article class=\"mgBFS__card\">\n            <div class=\"mgBFS__img\">\n              <img decoding=\"async\" src=\"\/wp-content\/uploads\/2018\/10\/MANUFACTURINBG-AND-RD-scaled.jpeg\" alt=\"Manufacturing and R&amp;D\" loading=\"lazy\">\n            <\/div>\n            <div class=\"mgBFS__body\">\n              <h3 class=\"mgBFS__title\">MANUFACTURING and R&amp;D<\/h3>\n              <p class=\"mgBFS__text\">\n                We strive to stay at the forefront of technology through continual Research &amp; Development, transforming\n                innovative ideas into reality to solve customer problems.\n              <\/p>\n              <div class=\"mgBFS__cta\">\n                <a class=\"mgBFS__btn\" href=\"\/index.php\/contacts-one\/\">Contact Us<\/a>\n              <\/div>\n            <\/div>\n          <\/article>\n        <\/div>\n      <\/div>\n\n      <!-- RIGHT: Fixed blue column -->\n      <aside class=\"mgBFS__fixed\" aria-label=\"Featured Projects\">\n        <h3>Featured Projects<\/h3>\n        <p>\n          Explore some of our recent projects across Australia, where Monaco Global supplied high-quality systems to\n          commercial and residential developments.\n        <\/p>\n\n        <div class=\"mgBFS__stats\" aria-label=\"Stats\">\n          <div class=\"mgBFS__stat\">\n            <span class=\"mgBFS__ico\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\"><path d=\"M19.14,12.94a7.49,7.49,0,0,0,.05-.94,7.49,7.49,0,0,0-.05-.94l2.11-1.65a.5.5,0,0,0,.12-.64l-2-3.46a.5.5,0,0,0-.6-.22l-2.49,1a7.28,7.28,0,0,0-1.63-.94l-.38-2.65A.5.5,0,0,0,13.76,1H10.24a.5.5,0,0,0-.49.42L9.37,4.07a7.28,7.28,0,0,0-1.63.94l-2.49-1a.5.5,0,0,0-.6.22l-2,3.46a.5.5,0,0,0,.12.64L4.86,11.06a7.49,7.49,0,0,0-.05.94,7.49,7.49,0,0,0,.05.94L2.75,14.59a.5.5,0,0,0-.12.64l2,3.46a.5.5,0,0,0,.6.22l2.49-1a7.28,7.28,0,0,0,1.63.94l.38,2.65a.5.5,0,0,0,.49.42h3.52a.5.5,0,0,0,.49-.42l.38-2.65a7.28,7.28,0,0,0,1.63-.94l2.49,1a.5.5,0,0,0,.6-.22l2-3.46a.5.5,0,0,0-.12-.64ZM12,15.5A3.5,3.5,0,1,1,15.5,12,3.5,3.5,0,0,1,12,15.5Z\"\/><\/svg>\n            <\/span>\n            <div>\n              <div class=\"mgBFS__statNum\">110<\/div>\n              <span class=\"mgBFS__statLbl\">Works<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"mgBFS__stat\">\n            <span class=\"mgBFS__ico\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 12a4 4 0 1 0-4-4 4 4 0 0 0 4 4Zm7 9H5a1 1 0 0 1-1-1 7 7 0 0 1 14 0 1 1 0 0 1-1 1Zm2-11h-1V9a8 8 0 0 0-16 0v1H3a1 1 0 0 0-1 1v3a3 3 0 0 0 3 3h1v-6h2v6h8v-6h2v6h1a3 3 0 0 0 3-3V11a1 1 0 0 0-1-1Z\"\/><\/svg>\n            <\/span>\n            <div>\n              <div class=\"mgBFS__statNum\">90<\/div>\n              <span class=\"mgBFS__statLbl\">Clients<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"mgBFS__fixedCta\">\n          <a class=\"mgBFS__fixedBtn\" href=\"\/index.php\/projects\/\">Find Out More<\/a>\n        <\/div>\n      <\/aside>\n\n    <\/div>\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e4975f2 elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"e4975f2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6ff195f elementor-widget elementor-widget-html\" data-id=\"6ff195f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Monaco Banner: Newsletter + Heading (FULL-WIDTH, ALL-IN-ONE, FULLY SCOPED) -->\n<section id=\"mg-subscribe-banner\" class=\"mgsb\" aria-label=\"Subscribe Banner\">\n  <style>\n    \/* ===== FULL-WIDTH BREAKOUT (reliable in boxed WP layouts) ===== *\/\n    #mg-subscribe-banner.mgsb{\n      --blue:#00529F;\n      --blue2:#2a8fd6;\n      --card:#ffffff;\n      --shadow:0 18px 55px rgba(2,6,23,.22);\n\n      position: relative !important;\n      display: block !important;\n\n      width: 100vw !important;          \/* full viewport width *\/\n      left: 50% !important;             \/* breakout technique *\/\n      right: 50% !important;\n      margin-left: -50vw !important;\n      margin-right: -50vw !important;\n\n      max-width: none !important;       \/* defeat theme max-width *\/\n      padding: 0 !important;            \/* remove any inherited padding *\/\n\n      min-height: 420px;\n      overflow-x: clip;                 \/* prevents horizontal scroll (modern) *\/\n      overflow-y: hidden;\n      font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\n    }\n    \/* Fallback for browsers that don't support overflow-x: clip *\/\n    @supports not (overflow-x: clip){\n      #mg-subscribe-banner.mgsb{ overflow-x: hidden; }\n    }\n\n    #mg-subscribe-banner.mgsb *{ box-sizing:border-box; }\n\n    \/* Background image + overlay *\/\n    #mg-subscribe-banner .mgsb__bg{\n      position:absolute;\n      inset:0;\n      background-image: url('\/wp-content\/uploads\/2018\/10\/WhatsApp-Image-2026-03-17-at-10.59.20-PM.jpeg'); \/* change if needed *\/\n      background-size: cover;\n      background-position: center;\n      transform: scale(1.02);\n    }\n    #mg-subscribe-banner .mgsb__bg::after{\n      content:\"\";\n      position:absolute;\n      inset:0;\n      background:\n        linear-gradient(90deg, rgba(0,82,159,.86) 0%, rgba(0,82,159,.72) 55%, rgba(0,82,159,.62) 100%);\n    }\n\n    \/* Inner content centered *\/\n    #mg-subscribe-banner .mgsb__wrap{\n      position:relative;\n      z-index:2;\n      width: min(1220px, calc(100% - 40px));\n      margin: 0 auto;\n      min-height: 420px;\n      display:flex;\n      align-items:center;\n      gap: 42px;\n      padding: 40px 0;\n    }\n\n    \/* Left white card *\/\n    #mg-subscribe-banner .mgsb__card{\n      width: min(620px, 100%);\n      background: var(--card);\n      border-radius: 0;\n      box-shadow: var(--shadow);\n      padding: 34px 34px 28px;\n    }\n\n    #mg-subscribe-banner .mgsb__cardTitle{\n      margin:0 0 22px;\n      font-size: 26px;\n      font-weight: 900;\n      letter-spacing:.02em;\n      text-transform: uppercase;\n      color: #111;\n        font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;\n    }\n\n    \/* Form grid *\/\n    #mg-subscribe-banner .mgsb__grid{\n      display:grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 22px;\n      margin-bottom: 18px;\n    }\n\n    #mg-subscribe-banner .mgsb__field label{\n      display:block;\n      font-size: 14px;\n      color: #555;\n      margin: 0 0 10px;\n        font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;\n    }\n\n    #mg-subscribe-banner .mgsb__field input{\n      width:100%;\n      border:0;\n      outline:none;\n      background:transparent;\n      border-bottom: 2px solid rgba(17,17,17,.30);\n      padding: 10px 2px 8px;\n      font-size: 14px;\n      color:#111;\n        font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;\n    }\n\n    #mg-subscribe-banner .mgsb__field input:focus{\n      border-bottom-color: var(--blue2);\n    }\n\n    \/* Checkbox *\/\n    #mg-subscribe-banner .mgsb__check{\n      display:flex;\n      align-items:flex-start;\n      gap:10px;\n      margin: 6px 0 22px;\n      font-size: 12.5px;\n      color: #666;\n      line-height: 1.35;\n        font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;\n    }\n    #mg-subscribe-banner .mgsb__check input{ margin-top: 2px; }\n\n    \/* Subscribe button *\/\n    #mg-subscribe-banner .mgsb__btn{\n      display:inline-flex;\n      align-items:center;\n      gap: 0;\n      border:0;\n      padding:0;\n      background: transparent;\n      cursor:pointer;\n    }\n    #mg-subscribe-banner .mgsb__btnIcon{\n      width: 44px;\n      height: 40px;\n      display:grid;\n      place-items:center;\n      background: var(--blue2);\n      border-radius: 4px 0 0 4px;\n      box-shadow: 0 10px 22px rgba(42,143,214,.25);\n    }\n    #mg-subscribe-banner .mgsb__btnIcon svg{\n      width: 18px;\n      height: 18px;\n      fill:#fff;\n      display:block;\n    }\n    #mg-subscribe-banner .mgsb__btnText{\n      height: 40px;\n      display:inline-flex;\n      align-items:center;\n      padding: 0 18px;\n      background: var(--blue2);\n      color:#fff;\n      font-weight: 900;\n      font-size: 12px;\n      letter-spacing:.06em;\n      text-transform: uppercase;\n      border-radius: 0 4px 4px 0;\n      box-shadow: 0 10px 22px rgba(42,143,214,.25);\n        font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;\n    }\n    #mg-subscribe-banner .mgsb__btn:hover .mgsb__btnIcon,\n    #mg-subscribe-banner .mgsb__btn:hover .mgsb__btnText{\n      filter: brightness(0.97);\n      transform: translateY(-1px);\n    }\n    #mg-subscribe-banner .mgsb__btnIcon,\n    #mg-subscribe-banner .mgsb__btnText{\n      transition: transform .18s ease, filter .18s ease;\n    }\n\n    \/* Right headline *\/\n    #mg-subscribe-banner .mgsb__headline{\n      flex: 1;\n      display:flex;\n      justify-content:center;\n      align-items:center;\n      text-align:left;\n    }\n    #mg-subscribe-banner .mgsb__h1{\n      margin:0;\n      font-weight: 900;\n      text-transform: uppercase;\n      line-height: .95;\n      font-size: clamp(44px, 4.2vw, 72px);\n      color:#fff;\n        font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;\n      text-shadow: 0 10px 26px rgba(0,0,0,.25);\n    }\n    #mg-subscribe-banner .mgsb__h1 .mgsb__white{ display:block; color:#fff; }\n    #mg-subscribe-banner .mgsb__h1 .mgsb__accent{ display:block; color: var(--blue2); }\n    #mg-subscribe-banner .mgsb__h1 .mgsb__white2{ display:block; color:#fff; }\n\n    \/* Responsive *\/\n    @media (max-width: 980px){\n      #mg-subscribe-banner .mgsb__wrap{\n        flex-direction: column;\n        align-items: stretch;\n        gap: 22px;\n      }\n      #mg-subscribe-banner .mgsb__headline{\n        justify-content:flex-start;\n      }\n      #mg-subscribe-banner .mgsb__card{\n        width: 100%;\n      }\n    }\n\n    @media (max-width: 640px){\n      #mg-subscribe-banner.mgsb{ min-height: unset; }\n      #mg-subscribe-banner .mgsb__wrap{ width: calc(100% - 24px); }\n      #mg-subscribe-banner .mgsb__card{ padding: 22px 18px 18px; }\n      #mg-subscribe-banner .mgsb__grid{ grid-template-columns: 1fr; }\n    }\n    \n    \n  <\/style>\n\n  <div class=\"mgsb__bg\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"mgsb__wrap\">\n    <div class=\"mgsb__card\">\n      <div class=\"mgsb__cardTitle\">Subscribe to our newsletter<\/div>\n\n      <form class=\"mgsb__form\" action=\"#\" method=\"post\">\n        <div class=\"mgsb__grid\">\n          <div class=\"mgsb__field\">\n            <label for=\"mgsb-name\">Name<\/label>\n            <input id=\"mgsb-name\" name=\"name\" type=\"text\" autocomplete=\"name\" \/>\n          <\/div>\n\n          <div class=\"mgsb__field\">\n            <label for=\"mgsb-email\">Email<\/label>\n            <input id=\"mgsb-email\" name=\"email\" type=\"email\" autocomplete=\"email\" \/>\n          <\/div>\n        <\/div>\n\n        <label class=\"mgsb__check\">\n          <input type=\"checkbox\" name=\"terms\" \/>\n          <span>You accept the terms of service and the privacy policy<\/span>\n        <\/label>\n\n        <button class=\"mgsb__btn\" type=\"submit\">\n          <span class=\"mgsb__btnIcon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M20 4H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2Zm0 4-8 5L4 8V6l8 5 8-5Z\"\/><\/svg>\n          <\/span>\n          <span class=\"mgsb__btnText\">Subscribe now<\/span>\n        <\/button>\n      <\/form>\n    <\/div>\n\n    <div class=\"mgsb__headline\">\n      <h2 class=\"mgsb__h1\" aria-label=\"Better Formwork Solutions\">\n        <span class=\"mgsb__white\">Better<\/span>\n        <span class=\"mgsb__accent\">Formwork<\/span>\n        <span class=\"mgsb__white2\">Solutions<\/span>\n      <\/h2>\n    <\/div>\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6bcd447 e-flex e-con-boxed e-con e-parent\" data-id=\"6bcd447\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3601f84 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-heading\" data-id=\"3601f84\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Subscribe mobile<\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7f41ec0 e-flex e-con-boxed e-con e-parent\" data-id=\"7f41ec0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8d4c663 elementor-hidden-desktop elementor-widget elementor-widget-html\" data-id=\"8d4c663\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  \/* ===== Mobile-only full-width newsletter (Monaco blue) ===== *\/\n\n  \/* Hide on desktop & tablet *\/\n  .mg-newsletter {\n    display: none;\n  }\n\n  \/* Show only on mobile *\/\n  @media (max-width: 767px) {\n    .mg-newsletter {\n      display: block;\n      width: 100%;\n      margin: 0;\n      padding: 32px 16px;\n      background: #013b84; \/* Monaco blue *\/\n    }\n  }\n\n  .mg-newsletter-inner {\n    width: 100%;\n    max-width: 100%;\n    margin: 0 auto;\n  }\n\n  .mg-newsletter-title {\n    font-size: 24px;\n    line-height: 1.15;\n    margin: 0 0 20px;\n    text-transform: uppercase;\n    letter-spacing: 0.4px;\n    color: #ffffff;\n  }\n\n  .mg-newsletter-field {\n    display: flex;\n    flex-direction: column;\n    margin-bottom: 14px;\n  }\n\n  .mg-newsletter-field label {\n    font-size: 13px;\n    color: rgba(255,255,255,0.85);\n    margin-bottom: 6px;\n  }\n\n  .mg-newsletter-field input {\n    width: 100%;\n    padding: 14px 14px;\n    font-size: 16px; \/* prevents iOS zoom *\/\n    border-radius: 12px;\n    border: none;\n    outline: none;\n  }\n\n  .mg-newsletter-field input::placeholder {\n    color: rgba(15,23,42,0.45);\n  }\n\n  .mg-newsletter-checkbox {\n    display: flex;\n    align-items: flex-start;\n    gap: 10px;\n    font-size: 13px;\n    color: rgba(255,255,255,0.85);\n    margin: 14px 0 20px;\n    line-height: 1.4;\n  }\n\n  .mg-newsletter-checkbox input {\n    transform: scale(1.1);\n    margin-top: 2px;\n  }\n\n  .mg-newsletter-btn {\n    width: 100%;\n    border: none;\n    border-radius: 14px;\n    padding: 16px 18px;\n    font-size: 16px;\n    font-weight: 800;\n    letter-spacing: 0.3px;\n    background: #2aa0d6; \/* Monaco accent blue *\/\n    color: #ffffff;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    cursor: pointer;\n  }\n\n  .mg-newsletter-btn span {\n    width: 12px;\n    height: 12px;\n    border-right: 2px solid #fff;\n    border-bottom: 2px solid #fff;\n    transform: rotate(-45deg);\n  }\n<\/style>\n\n<section class=\"mg-newsletter\">\n  <div class=\"mg-newsletter-inner\">\n    <h2 class=\"mg-newsletter-title\">Subscribe to our newsletter<\/h2>\n\n    <form>\n      <div class=\"mg-newsletter-field\">\n        <label for=\"mg-name\">Name<\/label>\n        <input type=\"text\" id=\"mg-name\" placeholder=\"Your name\">\n      <\/div>\n\n      <div class=\"mg-newsletter-field\">\n        <label for=\"mg-email\">Email<\/label>\n        <input type=\"email\" id=\"mg-email\" placeholder=\"you@email.com\">\n      <\/div>\n\n      <div class=\"mg-newsletter-checkbox\">\n        <input type=\"checkbox\" id=\"mg-terms\">\n        <label for=\"mg-terms\">\n          You accept the terms of service and the privacy policy\n        <\/label>\n      <\/div>\n\n      <button class=\"mg-newsletter-btn\" type=\"submit\">\n        Subscribe Now <span><\/span>\n      <\/button>\n    <\/form>\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4f9faff elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"4f9faff\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1d740b2 elementor-widget elementor-widget-html\" data-id=\"1d740b2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!doctype html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"utf-8\" \/>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" \/>\n  <title>Monaco Global - Services Tabs<\/title>\n\n  <style>\n    :root{\n      --brand:#1d89c9;\n      --ink:#1b1f24;\n      --muted:#5b6672;\n      --line:#e7edf3;\n      --bg:#ffffff;\n      --soft:#f6f9fc;\n    }\n    *{ box-sizing:border-box; }\n    body{\n      margin:0;\n      font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;\n      color:var(--ink);\n      background:var(--bg);\n    }\n\n    \/* Tabs *\/\n    .tabs{\n      border-bottom:1px solid var(--line);\n      background:#fff;\n    }\n    .tabs__inner{\n      max-width:1200px;\n      margin:0 auto;\n      display:flex;\n    }\n    .tab-btn{\n      flex:1;\n      appearance:none;\n      border:0;\n      border-left:1px solid var(--line);\n      background:#fff;\n      padding:18px 10px;\n      font-weight:800;\n      letter-spacing:.02em;\n      font-size:12px;\n      text-transform:uppercase;\n      color:var(--brand);\n      cursor:pointer;\n        font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;\n      white-space:nowrap;\n      transition: background .15s ease, color .15s ease;\n    }\n    .tab-btn:first-child{ border-left:0; }\n    .tab-btn:hover{ background:rgba(29,137,201,.06); }\n    .tab-btn[aria-selected=\"true\"]{\n      background:var(--brand);\n      color:#fff;\n    }\n\n    \/* Layout *\/\n    .section{\n      max-width:1200px;\n      margin:0 auto;\n      padding:44px 18px 22px;\n    }\n\n    .panel{ display:none; animation:fade .18s ease; }\n    .panel.is-active{ display:block; }\n    @keyframes fade{\n      from{ opacity:.35; transform: translateY(2px); }\n      to{ opacity:1; transform: translateY(0); }\n    }\n\n    .hero{\n      display:grid;\n      grid-template-columns: 1.05fr .95fr;\n      gap:42px;\n      align-items:start;\n    }\n\n    .kicker{\n      font-size:30px;\n      font-weight:900;\n      letter-spacing:.02em;\n      text-transform:uppercase;\n      margin:0 0 10px;\n      color:var(--brand);\n        font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;\n    }\n    .copy{\n      font-size:15px;\n      line-height:1.85;\n      color:#2a3440;\n      margin:0;\n      max-width:55ch;\n    }\n\n    \/* Images right *\/\n    .gallery{ padding-top:8px; }\n    .gallery__row{\n      display:grid;\n      grid-template-columns: 1fr 1fr;\n      gap:18px;\n    }\n    .card-img{\n      border-radius:12px;\n      overflow:hidden;\n      background:var(--soft);\n      border:1px solid var(--line);\n      aspect-ratio: 4 \/ 3;\n    }\n    .card-img img{\n      width:100%;\n      height:100%;\n      object-fit:cover;\n      display:block;\n    }\n\n    \/* IMPORTANT: removed the two lines under images (no dots\/indicators) *\/\n    .dots{ display:none !important; }\n\n    \/* Features *\/\n    .features{\n      margin-top:34px;\n      border-top:1px solid var(--line);\n    }\n    .features__grid{\n      display:grid;\n      grid-template-columns: repeat(5, 1fr);\n      gap:0;\n    }\n    .feature{\n      display:flex;\n      gap:12px;\n      align-items:flex-start;\n      padding:18px 16px;\n      min-height:74px;\n      position:relative;\n    }\n    .feature:not(:first-child)::before{\n      content:\"\";\n      position:absolute;\n      left:0;\n      top:12px;\n      bottom:12px;\n      width:1px;\n      background:var(--line);\n    }\n    .icon{\n      width:30px;\n      height:30px;\n      color:var(--brand);\n      flex:0 0 auto;\n      margin-top:2px;\n    }\n    .feature h4{\n      margin:0;\n      font-size:13px;\n      font-weight:800;\n      color:#2a3440;\n      line-height:1.2;\n    }\n    .feature p{\n      margin:4px 0 0;\n      font-size:11px;\n      color:var(--muted);\n      line-height:1.35;\n        font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;\n    }\n\n    \/* Responsive *\/\n    @media (max-width: 980px){\n      .hero{ grid-template-columns:1fr; }\n      .copy{ max-width:unset; }\n      .features__grid{ grid-template-columns:1fr 1fr; }\n      .feature:nth-child(odd)::before{ display:none; }\n      .feature{ border-top:1px solid var(--line); }\n      .feature:first-child{ border-top:0; }\n    }\n    @media (max-width: 520px){\n      .tabs__inner{ overflow:auto; }\n      .tab-btn{ min-width:240px; flex:0 0 auto; }\n      .gallery__row{ grid-template-columns:1fr; }\n      .features__grid{ grid-template-columns:1fr; }\n      .feature::before{ display:none; }\n    }\n  <\/style>\n<\/head>\n\n<body>\n  <!-- Tabs -->\n  <div class=\"tabs\">\n    <div class=\"tabs__inner\" role=\"tablist\" aria-label=\"Services Tabs\">\n      <button class=\"tab-btn\" role=\"tab\" id=\"t1\" aria-controls=\"p1\" aria-selected=\"true\" type=\"button\">\n        Product Sourcing &amp; Advice\n      <\/button>\n      <button class=\"tab-btn\" role=\"tab\" id=\"t2\" aria-controls=\"p2\" aria-selected=\"false\" type=\"button\">\n        From Quote to Site\n      <\/button>\n      <button class=\"tab-btn\" role=\"tab\" id=\"t3\" aria-controls=\"p3\" aria-selected=\"false\" type=\"button\">\n        Logistics &amp; Delivery Service\n      <\/button>\n      <button class=\"tab-btn\" role=\"tab\" id=\"t4\" aria-controls=\"p4\" aria-selected=\"false\" type=\"button\">\n        Product Range\n      <\/button>\n    <\/div>\n  <\/div>\n\n  <section class=\"section\">\n\n    <!-- PANEL 1 -->\n    <div class=\"panel is-active\" role=\"tabpanel\" id=\"p1\" aria-labelledby=\"t1\">\n      <div class=\"hero\">\n        <div>\n          <h1 class=\"kicker\">Product Sourcing &amp; Advice<\/h1>\n          <p class=\"copy\">\n            At Monaco Global, we proudly source and supply premium formwork products and accessories.\n            Our experienced team delivers expert guidance to help you select the right solutions for every project,\n            ensuring quality, precision, and reliability from start to finish.\n          <\/p>\n        <\/div>\n\n        <div class=\"gallery\">\n          <div class=\"gallery__row\">\n            <div class=\"card-img\">\n              <img decoding=\"async\" src=\"\/wp-content\/uploads\/2018\/10\/IMG_6859-scaled.jpeg\" alt=\"Formwork 1\">\n            <\/div>\n            <div class=\"card-img\">\n              <img decoding=\"async\" src=\"\/wp-content\/uploads\/2018\/10\/20250903_235845669_iOS-2-scaled.jpg\" alt=\"Formwork 2\">\n            <\/div>\n          <\/div>\n          <!-- removed under-image indicators -->\n          <div class=\"dots\" aria-hidden=\"true\"><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- PANEL 2 -->\n    <div class=\"panel\" role=\"tabpanel\" id=\"p2\" aria-labelledby=\"t2\">\n      <div class=\"hero\">\n        <div>\n          <h1 class=\"kicker\">From Quote to Site<\/h1>\n          <p class=\"copy\">\n            Our streamlined process takes you from quote to site with ease. We manage every stage efficiently,\n            from order confirmation to delivery, ensuring your formwork materials arrive exactly when you need them.\n          <\/p>\n        <\/div>\n\n        <div class=\"gallery\">\n          <div class=\"gallery__row\">\n            <div class=\"card-img\">\n              <img decoding=\"async\" src=\"\/wp-content\/uploads\/2018\/10\/FRAMES-scaled.jpeg\" alt=\"Quote to site 1\">\n            <\/div>\n            <div class=\"card-img\">\n              <img decoding=\"async\" src=\"\/wp-content\/uploads\/2018\/10\/WhatsApp-Image-2026-02-16-at-2.10.10-PM-scaled.jpeg\" alt=\"Quote to site 2\">\n            <\/div>\n          <\/div>\n          <div class=\"dots\" aria-hidden=\"true\"><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- PANEL 3 -->\n    <div class=\"panel\" role=\"tabpanel\" id=\"p3\" aria-labelledby=\"t3\">\n      <div class=\"hero\">\n        <div>\n          <h1 class=\"kicker\">Logistics &amp; Delivery Service<\/h1>\n          <p class=\"copy\">\n            Fast, reliable, and Australia wide, our logistics network ensures on time delivery of all formwork\n            products and accessories. Beyond delivery, our dedicated customer care team continues to support your\n            project at every stage.\n          <\/p>\n        <\/div>\n\n        <div class=\"gallery\">\n          <div class=\"gallery__row\" style=\"grid-template-columns:1fr;\">\n            <div class=\"card-img\" style=\"aspect-ratio:16\/9;\">\n              <img decoding=\"async\" src=\"\/wp-content\/uploads\/2018\/10\/WhatsApp-Image-2026-02-16-at-2.36.12-PM.jpeg\" alt=\"Logistics\">\n            <\/div>\n          <\/div>\n          <div class=\"dots\" aria-hidden=\"true\"><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- PANEL 4 -->\n    <div class=\"panel\" role=\"tabpanel\" id=\"p4\" aria-labelledby=\"t4\">\n      <div class=\"hero\">\n        <div>\n          <h1 class=\"kicker\">Product Range<\/h1>\n          <p class=\"copy\">\n            At Monaco Global, we take pride in sourcing and supplying premium formwork products and accessories.\n            Our experienced team provides expert guidance to help you choose the right solutions for every project,\n            ensuring quality, precision, and reliability from start to finish.\n          <\/p>\n        <\/div>\n\n        <div class=\"gallery\">\n          <div class=\"gallery__row\">\n            <div class=\"card-img\">\n              <img decoding=\"async\" src=\"\/wp-content\/uploads\/2018\/10\/Monaco-Global-Product-1.jpeg\" alt=\"Range 1\">\n            <\/div>\n            <div class=\"card-img\">\n              <img decoding=\"async\" src=\"\/wp-content\/uploads\/2018\/10\/Monaco-Global-Product-2.jpeg\" alt=\"Range 2\">\n            <\/div>\n          <\/div>\n          <div class=\"dots\" aria-hidden=\"true\"><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Shared features row (same for all panels like your screenshot) -->\n    <div class=\"features\">\n      <div class=\"features__grid\">\n        <div class=\"feature\">\n          <svg class=\"icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n            <path d=\"M4 7h16\"><\/path><path d=\"M7 7v10\"><\/path><path d=\"M17 7v10\"><\/path><path d=\"M6 17h12\"><\/path>\n          <\/svg>\n          <div>\n            <h4>Good rates<\/h4>\n            <p>The best market rates<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"feature\">\n          <svg class=\"icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n            <circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle><path d=\"M12 7v5l3 2\"><\/path>\n          <\/svg>\n          <div>\n            <h4>Fast mode<\/h4>\n            <p>Every operation is fast<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"feature\">\n          <svg class=\"icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n            <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"><\/path>\n            <circle cx=\"12\" cy=\"7\" r=\"3\"><\/circle>\n          <\/svg>\n          <div>\n            <h4>Your agent<\/h4>\n            <p>Dedicated team expert<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"feature\">\n          <svg class=\"icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n            <path d=\"M3 12l18-9-7 18-2-7-7-2Z\"><\/path>\n          <\/svg>\n          <div>\n            <h4>Flexible<\/h4>\n            <p>Customize your service<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"feature\">\n          <svg class=\"icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n            <path d=\"M12 22s8-4 8-10V6l-8-4-8 4v6c0 6 8 10 8 10Z\"><\/path>\n            <path d=\"M9 12l2 2 4-4\"><\/path>\n          <\/svg>\n          <div>\n            <h4>Secure<\/h4>\n            <p>We use the latest security<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/section>\n\n  <script>\n    \/\/ Accessible tabs\n    const tabs = Array.from(document.querySelectorAll('.tab-btn'));\n    const panels = Array.from(document.querySelectorAll('.panel'));\n\n    function activateTab(tab){\n      const targetId = tab.getAttribute('aria-controls');\n      tabs.forEach(t => t.setAttribute('aria-selected', String(t === tab)));\n      panels.forEach(p => p.classList.toggle('is-active', p.id === targetId));\n      tab.focus();\n    }\n\n    tabs.forEach(tab => {\n      tab.addEventListener('click', () => activateTab(tab));\n      tab.addEventListener('keydown', (e) => {\n        const i = tabs.indexOf(tab);\n        if (e.key === 'ArrowRight') { e.preventDefault(); activateTab(tabs[(i+1)%tabs.length]); }\n        if (e.key === 'ArrowLeft')  { e.preventDefault(); activateTab(tabs[(i-1+tabs.length)%tabs.length]); }\n        if (e.key === 'Home')       { e.preventDefault(); activateTab(tabs[0]); }\n        if (e.key === 'End')        { e.preventDefault(); activateTab(tabs[tabs.length-1]); }\n      });\n    });\n  <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e67680a elementor-hidden-desktop e-flex e-con-boxed e-con e-parent\" data-id=\"e67680a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-22e9492 elementor-widget elementor-widget-html\" data-id=\"22e9492\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  \/* ===== Monaco Mobile Tabs (CSS-only, modern + user friendly) =====\n     - No JS needed\n     - Uses radio buttons to switch panels\n     - Replace image src + text as needed\n  *\/\n\n  .mg-tabs {\n    --mg-blue: #013b84;\n    --mg-accent: #2aa0d6;\n    --mg-text: #0f172a;\n    --mg-muted: #475569;\n    --mg-border: rgba(15,23,42,.10);\n    --mg-card: #ffffff;\n\n    width: 100%;\n    margin: 0;\n    padding: 18px 14px 22px;\n    background: #fff;\n    font-family: inherit;\n  }\n\n  \/* Optional: make it mobile-only *\/\n  @media (min-width: 768px) {\n    .mg-tabs { display: none; }\n  }\n\n  .mg-tabs-card {\n    width: 100%;\n    background: var(--mg-card);\n    border: 1px solid var(--mg-border);\n    border-radius: 16px;\n    box-shadow: 0 12px 28px rgba(2,6,23,.06);\n    overflow: hidden;\n  }\n\n  \/* Hide radios *\/\n  .mg-tabs input[type=\"radio\"] {\n    position: absolute;\n    opacity: 0;\n    pointer-events: none;\n  }\n\n  \/* Top tab bar *\/\n  .mg-tabbar {\n    display: flex;\n    gap: 10px;\n    padding: 12px 12px 10px;\n    overflow-x: auto;\n    -webkit-overflow-scrolling: touch;\n    background: linear-gradient(180deg, rgba(1,59,132,.06), transparent 70%);\n    border-bottom: 1px solid var(--mg-border);\n  }\n\n  .mg-tabbar::-webkit-scrollbar { display: none; }\n\n  .mg-tab {\n    flex: 0 0 auto;\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    padding: 12px 14px;\n    border-radius: 999px;\n    border: 1px solid rgba(1,59,132,.18);\n    background: #fff;\n    color: var(--mg-blue);\n    font-weight: 800;\n    letter-spacing: .2px;\n    font-size: 12px;\n    text-transform: uppercase;\n    cursor: pointer;\n    user-select: none;\n    white-space: nowrap;\n  }\n\n  .mg-tab .mg-ico {\n    width: 30px;\n    height: 30px;\n    border-radius: 10px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    background: rgba(42,160,214,.14);\n    color: var(--mg-blue);\n    font-size: 16px;\n    line-height: 1;\n  }\n\n  \/* Active tab styles (by radio state) *\/\n  #mg_t1:checked ~ .mg-tabs-card .mg-tabbar label[for=\"mg_t1\"],\n  #mg_t2:checked ~ .mg-tabs-card .mg-tabbar label[for=\"mg_t2\"],\n  #mg_t3:checked ~ .mg-tabs-card .mg-tabbar label[for=\"mg_t3\"],\n  #mg_t4:checked ~ .mg-tabs-card .mg-tabbar label[for=\"mg_t4\"] {\n    background: var(--mg-blue);\n    border-color: var(--mg-blue);\n    color: #fff;\n    box-shadow: 0 10px 18px rgba(1,59,132,.22);\n  }\n\n  #mg_t1:checked ~ .mg-tabs-card .mg-tabbar label[for=\"mg_t1\"] .mg-ico,\n  #mg_t2:checked ~ .mg-tabs-card .mg-tabbar label[for=\"mg_t2\"] .mg-ico,\n  #mg_t3:checked ~ .mg-tabs-card .mg-tabbar label[for=\"mg_t3\"] .mg-ico,\n  #mg_t4:checked ~ .mg-tabs-card .mg-tabbar label[for=\"mg_t4\"] .mg-ico {\n    background: rgba(255,255,255,.16);\n    color: #fff;\n  }\n\n  \/* Panels *\/\n  .mg-panels {\n    padding: 14px 14px 18px;\n  }\n\n  .mg-panel {\n    display: none;\n    animation: mgFade .18s ease-out;\n  }\n\n  @keyframes mgFade {\n    from { opacity: 0; transform: translateY(4px); }\n    to   { opacity: 1; transform: translateY(0); }\n  }\n\n  #mg_t1:checked ~ .mg-tabs-card .mg-panels #mg_p1 { display: block; }\n  #mg_t2:checked ~ .mg-tabs-card .mg-panels #mg_p2 { display: block; }\n  #mg_t3:checked ~ .mg-tabs-card .mg-panels #mg_p3 { display: block; }\n  #mg_t4:checked ~ .mg-tabs-card .mg-panels #mg_p4 { display: block; }\n\n  .mg-h {\n    margin: 2px 0 10px;\n    font-size: 22px;\n    line-height: 1.15;\n    letter-spacing: .3px;\n    text-transform: uppercase;\n    color: var(--mg-text);\n  }\n\n  .mg-p {\n    margin: 0 0 14px;\n    color: var(--mg-muted);\n    font-size: 15px;\n    line-height: 1.6;\n  }\n\n  .mg-media {\n    margin: 14px 0 12px;\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 10px;\n  }\n\n  .mg-media img {\n    width: 100%;\n    height: auto;\n    border-radius: 14px;\n    border: 1px solid rgba(15,23,42,.10);\n    display: block;\n    object-fit: cover;\n  }\n\n  .mg-feats {\n    margin: 14px 0 0;\n    padding: 0;\n    list-style: none;\n    display: grid;\n    gap: 10px;\n  }\n\n  .mg-feat {\n    display: grid;\n    grid-template-columns: 22px 1fr;\n    gap: 10px;\n    align-items: start;\n    padding: 10px 12px;\n    border-radius: 12px;\n    background: rgba(1,59,132,.04);\n  }\n\n  .mg-check {\n    width: 22px;\n    height: 22px;\n    border-radius: 999px;\n    background: rgba(42,160,214,.20);\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    margin-top: 1px;\n  }\n  .mg-check::before{\n    content:\"\";\n    width: 10px;\n    height: 6px;\n    border-left: 2px solid var(--mg-accent);\n    border-bottom: 2px solid var(--mg-accent);\n    transform: rotate(-45deg);\n  }\n\n  .mg-feat span:last-child{\n    color: var(--mg-text);\n    font-weight: 650;\n    font-size: 15px;\n    line-height: 1.35;\n  }\n\n  .mg-cta {\n    margin-top: 16px;\n    display: grid;\n    gap: 10px;\n  }\n\n  .mg-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    width: 100%;\n    padding: 14px 16px;\n    border-radius: 14px;\n    text-decoration: none;\n    font-weight: 900;\n    letter-spacing: .2px;\n    border: 1px solid transparent;\n  }\n\n  .mg-btn.primary {\n    background: var(--mg-accent);\n    color: #fff;\n  }\n\n  .mg-btn.secondary {\n    background: #fff;\n    color: var(--mg-blue);\n    border-color: rgba(1,59,132,.22);\n  }\n\n  .mg-arrow {\n    width: 10px; height: 10px;\n    border-right: 2px solid currentColor;\n    border-bottom: 2px solid currentColor;\n    transform: rotate(-45deg);\n    margin-top: 1px;\n  }\n<\/style>\n\n<section class=\"mg-tabs\" aria-label=\"Services tabs\">\n  <!-- Radio controls (CSS-only tabs) -->\n  <input type=\"radio\" name=\"mg_tabs\" id=\"mg_t1\" checked=\"\">\n  <input type=\"radio\" name=\"mg_tabs\" id=\"mg_t2\">\n  <input type=\"radio\" name=\"mg_tabs\" id=\"mg_t3\">\n  <input type=\"radio\" name=\"mg_tabs\" id=\"mg_t4\">\n\n  <div class=\"mg-tabs-card\">\n    <!-- Tab bar -->\n    <div class=\"mg-tabbar\" role=\"tablist\" aria-label=\"Select a topic\">\n      <label class=\"mg-tab\" for=\"mg_t1\" role=\"tab\">\n        <span class=\"mg-ico\">\ud83d\udce6<\/span> Product Range\n      <\/label>\n      <label class=\"mg-tab\" for=\"mg_t2\" role=\"tab\">\n        <span class=\"mg-ico\">\ud83e\udde0<\/span> Product Sourcing\n      <\/label>\n      <label class=\"mg-tab\" for=\"mg_t3\" role=\"tab\">\n        <span class=\"mg-ico\">\ud83e\uddfe<\/span> Quote to Site\n      <\/label>\n      <label class=\"mg-tab\" for=\"mg_t4\" role=\"tab\">\n        <span class=\"mg-ico\">\ud83d\ude9a<\/span> Logistics & Care\n      <\/label>\n    <\/div>\n\n    <!-- Panels -->\n    <div class=\"mg-panels\">\n      <!-- PANEL 1 -->\n      <article class=\"mg-panel\" id=\"mg_p1\" role=\"tabpanel\">\n        <h2 class=\"mg-h\">Product Range<\/h2>\n        <p class=\"mg-p\">\n          Explore Monaco Global\u2019s complete range of formwork products and accessories \u2014 built for performance, strength,\n          and durability. We supply everything you need to make every project efficient and precise.\n        <\/p>\n\n        <div class=\"mg-media\">\n          <!-- Replace these image sources with your real images -->\n          <img decoding=\"async\" src=\"\/wp-content\/uploads\/2018\/10\/Monaco-Global-Product-1.jpeg\" alt=\"Product range image 1\">\n          <img decoding=\"async\" src=\"\/wp-content\/uploads\/2018\/10\/Monaco-Global-Product-2.jpeg\" alt=\"Product range image 2\">\n        <\/div>\n\n        <ul class=\"mg-feats\">\n          <li class=\"mg-feat\"><span class=\"mg-check\"><\/span><span>Good rates \u2014 the best market rates<\/span><\/li>\n          <li class=\"mg-feat\"><span class=\"mg-check\"><\/span><span>Flexible options \u2014 buy or rent<\/span><\/li>\n          <li class=\"mg-feat\"><span class=\"mg-check\"><\/span><span>Secure supply \u2014 reliable stock access<\/span><\/li>\n        <\/ul>\n\n        <div class=\"mg-cta\">\n          <a class=\"mg-btn primary\" href=\"\/index.php\/shop\/\">View Products <span class=\"mg-arrow\"><\/span><\/a>\n          <a class=\"mg-btn secondary\" href=\"\/index.php\/contacts-one\/\">Contact Us <span class=\"mg-arrow\"><\/span><\/a>\n        <\/div>\n      <\/article>\n\n      <!-- PANEL 2 -->\n      <article class=\"mg-panel\" id=\"mg_p2\" role=\"tabpanel\">\n        <h2 class=\"mg-h\">Product Sourcing & Advice<\/h2>\n        <p class=\"mg-p\">\n          We take pride in sourcing and supplying premium formwork products and accessories. Our experienced team provides\n          expert guidance to help you choose the right solutions for every project \u2014 ensuring quality, precision, and reliability.\n        <\/p>\n\n        <div class=\"mg-media\">\n          <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/Untitled-1-12.jpg\" alt=\"Product sourcing image\">\n        <\/div>\n\n        <ul class=\"mg-feats\">\n          <li class=\"mg-feat\"><span class=\"mg-check\"><\/span><span>Competitive prices across all products<\/span><\/li>\n          <li class=\"mg-feat\"><span class=\"mg-check\"><\/span><span>Expert technical advice<\/span><\/li>\n          <li class=\"mg-feat\"><span class=\"mg-check\"><\/span><span>Customised product solutions<\/span><\/li>\n        <\/ul>\n\n        <div class=\"mg-cta\">\n          <a class=\"mg-btn primary\" href=\"\/index.php\/contacts-one\/\">Talk to an Expert <span class=\"mg-arrow\"><\/span><\/a>\n          <a class=\"mg-btn secondary\" href=\"\/index.php\/shop\/\">Browse Products <span class=\"mg-arrow\"><\/span><\/a>\n        <\/div>\n      <\/article>\n\n      <!-- PANEL 3 -->\n      <article class=\"mg-panel\" id=\"mg_p3\" role=\"tabpanel\">\n        <h2 class=\"mg-h\">From Quote to Site<\/h2>\n        <p class=\"mg-p\">\n          Our streamlined process takes you from quote to site with ease. We handle every stage efficiently \u2014 from order\n          confirmation to delivery \u2014 so your materials are ready when you need them.\n        <\/p>\n\n        <div class=\"mg-media\">\n          <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/Untitled-1-04.jpg\" alt=\"Quote to site image 1\">\n          <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/Untitled-1-05.jpg\" alt=\"Quote to site image 2\">\n        <\/div>\n\n        <ul class=\"mg-feats\">\n          <li class=\"mg-feat\"><span class=\"mg-check\"><\/span><span>Product consultation & quote<\/span><\/li>\n          <li class=\"mg-feat\"><span class=\"mg-check\"><\/span><span>Order confirmation & dispatch<\/span><\/li>\n          <li class=\"mg-feat\"><span class=\"mg-check\"><\/span><span>Quality assurance + ongoing support<\/span><\/li>\n        <\/ul>\n\n        <div class=\"mg-cta\">\n          <a class=\"mg-btn primary\" href=\"\/index.php\/contacts-one\/\">Request a Quote <span class=\"mg-arrow\"><\/span><\/a>\n          <a class=\"mg-btn secondary\" href=\"\/index.php\/shop\/\">View Range <span class=\"mg-arrow\"><\/span><\/a>\n        <\/div>\n      <\/article>\n\n      <!-- PANEL 4 -->\n      <article class=\"mg-panel\" id=\"mg_p4\" role=\"tabpanel\">\n        <h2 class=\"mg-h\">Logistics & Customer Care<\/h2>\n        <p class=\"mg-p\">\n          Fast, reliable, and Australia-wide \u2014 our logistics network supports on-time delivery. Beyond delivery, our customer\n          care team continues to support your project needs.\n        <\/p>\n\n        <div class=\"mg-media\">\n          <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/Untitled-1-06.jpg\" alt=\"Logistics image 1\">\n          <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/Untitled-1-07.jpg\" alt=\"Logistics image 2\">\n        <\/div>\n\n        <ul class=\"mg-feats\">\n          <li class=\"mg-feat\"><span class=\"mg-check\"><\/span><span>Same-day & next-day delivery options<\/span><\/li>\n          <li class=\"mg-feat\"><span class=\"mg-check\"><\/span><span>Real-time tracking and updates<\/span><\/li>\n          <li class=\"mg-feat\"><span class=\"mg-check\"><\/span><span>After-sales assistance & technical support<\/span><\/li>\n        <\/ul>\n\n        <div class=\"mg-cta\">\n          <a class=\"mg-btn primary\" href=\"\/index.php\/contacts-one\/\">Get Support <span class=\"mg-arrow\"><\/span><\/a>\n          <a class=\"mg-btn secondary\" href=\"\/index.php\/shop\/\">Browse Products <span class=\"mg-arrow\"><\/span><\/a>\n        <\/div>\n      <\/article>\n    <\/div>\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-244afe2 e-flex e-con-boxed e-con e-parent\" data-id=\"244afe2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6c8acd7 elementor-widget elementor-widget-html\" data-id=\"6c8acd7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"mg-container-solution\">\n\n  <div class=\"mg-left\">\n    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2018\/10\/CONTAINERS.png\" alt=\"Container Storage\">\n  <\/div>\n\n  <div class=\"mg-right\">\n    <div class=\"mg-content\">\n      <h2 class=\"mg-title\">\n        CONTAINERS STORAGE\n        <span>SOLUTIONS<\/span>\n      <\/h2>\n\n      <p class=\"mg-lead\">\n        We deliver secure, cost-effective container storage solutions in multiple sizes\n        to support projects across Australia.\n      <\/p>\n\n      <ul class=\"mg-bullets\">\n        <li>\n          <svg class=\"mg-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n            <path d=\"M12 2l3 7h7l-5.5 4 2 7-6.5-4.5L5.5 20l2-7L2 9h7z\"\/>\n          <\/svg>\n          Premium Quality\n        <\/li>\n\n        <li>\n          <svg class=\"mg-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n            <circle cx=\"12\" cy=\"12\" r=\"9\"\/>\n            <path d=\"M8.5 12.5 11 15l5-6\"\/>\n          <\/svg>\n          Flexible Configurations\n        <\/li>\n\n        <li>\n          <svg class=\"mg-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n            <path d=\"M3 7h18\"\/>\n            <path d=\"M6 7v14\"\/>\n            <path d=\"M18 7v14\"\/>\n            <path d=\"M9 11h6\"\/>\n          <\/svg>\n          Versatile Applications\n        <\/li>\n      <\/ul>\n\n      <a href=\"\/index.php\/contacts-one\/\" class=\"mg-btn\">\n  <span class=\"icon\">\u2708<\/span>\n  Get A Quote\n<\/a>\n    <\/div>\n  <\/div>\n\n<\/section>\n\n<style>\n\n.mg-btn .icon{\n  font-size:18px;\n}\n\n.mg-container-solution{\n  --brand:#00529F;\n  --brand-dark:#073F6D;\n  --text:#0f172a;\n  --muted:#64748b;\n  --bg:#f4f7fb;\n\n  width:100%;\n  min-height:520px;\n  display:flex;\n  background:var(--bg);\n  color:var(--text);\n  overflow:hidden;\n}\n\n.mg-container-solution *{\n  box-sizing:border-box;\n}\n\n.mg-left{\n  flex:1;\n  min-height:520px;\n  background:#ffffff;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  padding:40px;\n  position:relative;\n}\n\n.mg-left img{\n  width:100%;\n  height:auto;\n  max-width:100%;\n  max-height:100%;\n  object-fit:contain;\n  display:block;\n  background:#ffffff;\n}\n\n.mg-left::after{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  background:linear-gradient(90deg, rgba(0,0,0,.10), rgba(0,0,0,.03));\n  pointer-events:none;\n}\n\n.mg-right{\n  flex:1;\n  background:#ffffff;\n  display:flex;\n  align-items:center;\n  padding:80px 70px;\n}\n\n.mg-content{\n  max-width:520px;\n}\n\n.mg-title{\n  margin:0 0 20px;\n  font-size:clamp(34px,3vw,48px);\n  font-weight:900;\n  line-height:1.05;\n  font-family:'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;\n}\n\n.mg-title span{\n  display:block;\n  color:#94a3b8;\n}\n\n.mg-lead{\n  font-size:18px;\n  line-height:1.8;\n  color:var(--muted);\n  margin:0 0 30px;\n}\n\n.mg-bullets{\n  list-style:none;\n  padding:0;\n  margin:0 0 40px;\n  display:grid;\n  gap:16px;\n}\n\n.mg-bullets li{\n  display:flex;\n  gap:12px;\n  font-size:17px;\n  font-weight:600;\n  align-items:flex-start;\n  font-family:'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;\n}\n\n.mg-icon{\n  width:22px;\n  height:22px;\n  flex:0 0 auto;\n  margin-top:3px;\n  color:var(--brand);\n}\n\n.mg-btn{\n    font-family: 'Roboto', sans-serif !important;\n    padding:12px 28px;\n    background:#00529F;\n    color:#fff;\n    border-radius:6px;\n    text-decoration:none;\n    font-size:18px;\n    display:inline-flex;\n    align-items:center;\n    gap:8px;\n    transition:all .2s ease;\n}\n\n.mg-btn:hover{\n    background:#073F6D;\n}\n\n\/* Icon *\/\n.mg-btn .icon{\n    font-size:18px;\n}\n\n.mg-btn:hover{\n  background:#073F6D;\n  color:#fff;\n}\n\n@media (max-width:1000px){\n  .mg-container-solution{\n    flex-direction:column;\n  }\n\n  .mg-left{\n    min-height:380px;\n  }\n\n  .mg-right{\n    padding:50px 30px;\n  }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ef76383 elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"ef76383\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-791916a elementor-widget elementor-widget-html\" data-id=\"791916a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!doctype html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"utf-8\" \/>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" \/>\n  <title>Logo Strip<\/title>\n\n  <style>\n    :root{\n      --line:#e6eaf0;\n      --bg:#ffffff;\n      --accent:#2563eb;\n    }\n\n    *{ box-sizing:border-box; }\n\n    body{\n      margin:0;\n      font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;\n      background:var(--bg);\n    }\n\n    .logo-strip{\n      width:100%;\n      padding: 40px 0;\n      background: linear-gradient(to bottom, #ffffff, #f9fafc);\n    }\n\n    .logo-strip__inner{\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 0 18px;\n      display: grid;\n      grid-template-columns: repeat(5, 1fr);\n      align-items: center;\n      gap: 10px;\n    }\n\n    \/* MAKE LINKS LOOK LIKE CARDS *\/\n    .logo{\n      display:flex;\n      align-items:center;\n      justify-content:center;\n      padding: 18px 24px;\n      min-height: 80px;\n      position:relative;\n      border-radius: 14px;\n      cursor:pointer;\n      text-decoration: none;\n      color: inherit;\n\n      transition: \n        transform .25s ease,\n        box-shadow .25s ease,\n        background .25s ease;\n    }\n\n    \/* vertical separators *\/\n    .logo:not(:first-child)::before{\n      content:\"\";\n      position:absolute;\n      left:0;\n      top:18px;\n      bottom:18px;\n      width:1px;\n      background: var(--line);\n      opacity:.6;\n    }\n\n    .logo img{\n      max-width: 170px;\n      width: 100%;\n      height: 50px;\n      object-fit: contain;\n      display:block;\n\n      transition: \n        transform .25s ease,\n        filter .25s ease,\n        opacity .25s ease;\n\n      opacity:.85;\n      filter: grayscale(60%);\n    }\n\n    \/* HOVER *\/\n    .logo:hover{\n      transform: translateY(-6px);\n      background: #ffffff;\n      box-shadow: 0 12px 30px rgba(0,0,0,0.08);\n    }\n\n    .logo:hover img{\n      filter: grayscale(0%);\n      opacity:1;\n      transform: scale(1.05);\n    }\n\n    \/* CLICK *\/\n    .logo:active{\n      transform: scale(0.96);\n      box-shadow: 0 6px 15px rgba(0,0,0,0.1);\n    }\n\n    \/* Responsive *\/\n    @media (max-width: 900px){\n      .logo-strip__inner{\n        grid-template-columns: 1fr 1fr;\n        gap: 14px;\n      }\n\n      .logo::before{ display:none; }\n\n      .logo{\n        border: 1px solid var(--line);\n        background:#fff;\n      }\n    }\n\n    @media (max-width: 520px){\n      .logo-strip__inner{\n        grid-template-columns: 1fr;\n      }\n\n      .logo img{\n        max-width: 200px;\n      }\n    }\n  <\/style>\n<\/head>\n\n<body>\n\n  <section class=\"logo-strip\" aria-label=\"Brand logos\">\n    <div class=\"logo-strip__inner\">\n\n      <a href=\"\/index.php\/stardeck-system\/\" class=\"logo\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/Stardeck2.jpg\" alt=\"StarDeck\">\n      <\/a>\n\n      <a href=\"index.php\/product\/croc-prop\/\" class=\"logo\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2018\/10\/crocprop1.jpg\" alt=\"CrocProp\">\n      <\/a>\n\n      <a href=\"\/index.php\/lvl\/\" class=\"logo\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2018\/10\/Formwork.jpg\" alt=\"FormWorkR\">\n      <\/a>\n\n      <a href=\"\/index.php\/monaco-spacers-2\/\" class=\"logo\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2018\/10\/Monaco-Spacers.jpg\" alt=\"Monaco Spacers\">\n      <\/a>\n\n      <a href=\"https:\/\/monacoscaffold.ca\/\" class=\"logo\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2018\/10\/Monaco-Scaffold.jpg\" alt=\"Monaco Scaffold\">\n      <\/a>\n\n    <\/div>\n  <\/section>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9399020 e-flex e-con-boxed e-con e-parent\" data-id=\"9399020\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-70dce04 elementor-widget elementor-widget-html\" data-id=\"70dce04\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!doctype html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"utf-8\" \/>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" \/>\n  <title>Our Brands \u2022 Full Screen Slides<\/title>\n\n  <style>\n    *{ box-sizing:border-box; }\n    body{\n      margin:0;\n      font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;\n      background:#fff;\n      color:#0f172a;\n    }\n\n    .brands-m{\n      max-width: 560px;\n      margin: 0 auto;\n      padding: 18px 14px 20px;\n      background:#fff;\n    }\n\n    \/* optional: mobile-only *\/\n    @media (min-width: 768px){\n      .brands-m{ display:none !important; }\n    }\n\n    .head{\n      display:flex;\n      align-items:flex-end;\n      justify-content:space-between;\n      gap:12px;\n      margin-bottom: 12px;\n    }\n\n    .title{\n      margin:0;\n      font-size: 14px;\n      letter-spacing: .14em;\n      text-transform: uppercase;\n      font-weight: 800;\n      color:#0f172a;\n    }\n\n    .hint{\n      font-size: 12px;\n      color:#64748b;\n      user-select:none;\n      white-space:nowrap;\n    }\n\n    \/* Full-width slider *\/\n    .track{\n      display:flex;\n      overflow-x:auto;\n      scroll-snap-type: x mandatory;\n      -webkit-overflow-scrolling: touch;\n      scrollbar-width: none;\n      border-radius: 18px;\n    }\n    .track::-webkit-scrollbar{ display:none; }\n\n    \/* IMPORTANT: no gap, each slide = 100% *\/\n    .slide{\n      scroll-snap-align: start;\n      flex: 0 0 100%;\n      border-radius: 18px;\n      border: 1px solid #e7edf5;\n      background:#fff;\n      box-shadow: 0 10px 26px rgba(15, 23, 42, .07);\n      min-height: 120px;\n      padding: 16px;\n      display:flex;\n      align-items:center;\n      justify-content:center;\n    }\n\n    .slide:active{ transform: scale(.99); }\n\n    .slide img{\n      max-width: 86%;\n      max-height: 58px;\n      width:auto;\n      height:auto;\n      object-fit:contain;\n      display:block;\n    }\n\n    .dots{\n      display:flex;\n      gap:7px;\n      justify-content:center;\n      margin-top: 10px;\n    }\n    .dot{\n      width: 7px;\n      height: 7px;\n      border-radius: 999px;\n      background:#d8e1ec;\n    }\n    .dot.is-active{\n      width: 18px;\n      background: linear-gradient(135deg, #2ea8ff, #5a6bff);\n    }\n  <\/style>\n<\/head>\n\n<body>\n  <section class=\"brands-m\" aria-label=\"Our Brands\">\n    <div class=\"head\">\n      <h2 class=\"title\">Our Brands<\/h2>\n      <div class=\"hint\">Swipe \u2192<\/div>\n    <\/div>\n\n    <div class=\"track\" role=\"list\" aria-label=\"Brand logos slider\">\n      <a class=\"slide\" href=\"#\" role=\"listitem\" aria-label=\"StarDeck\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/Stardeck2.jpg\" alt=\"Stardeck\" \/>\n      <\/a>\n\n      <a class=\"slide\" href=\"#\" role=\"listitem\" aria-label=\"Brand Two\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2018\/10\/crocprop1.jpg\" alt=\"Crocprop\" \/>\n      <\/a>\n\n      <a class=\"slide\" href=\"#\" role=\"listitem\" aria-label=\"Brand Three\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2018\/10\/Formwork.jpg\" alt=\"Formwork\" \/>\n      <\/a>\n\n      <a class=\"slide\" href=\"#\" role=\"listitem\" aria-label=\"Brand Four\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2018\/10\/Monaco-Spacers.jpg\" alt=\"Monaco Spacers\" \/>\n      <\/a>\n\n      <a class=\"slide\" href=\"#\" role=\"listitem\" aria-label=\"Brand Five\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2018\/10\/Monaco-Scaffold.jpg\" alt=\"Monaco Scaffold\" \/>\n      <\/a>\n    <\/div>\n\n    <!-- Static dots (for dynamic active dot you need a tiny JS) -->\n    <div class=\"dots\" aria-hidden=\"true\">\n      <span class=\"dot is-active\"><\/span>\n      <span class=\"dot\"><\/span>\n      <span class=\"dot\"><\/span>\n      <span class=\"dot\"><\/span>\n      <span class=\"dot\"><\/span>\n    <\/div>\n  <\/section>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9f79559 e-grid e-con-boxed e-con e-parent\" data-id=\"9f79559\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>EXTENDING YOUR POSSIBILITIES Monaco Global is a leading manufacturer and supplier of formwork and critical construction solutions, delivering quality and innovation worldwide for over 40 years. Contact Us View Products EXTENDING YOUR POSSIBILITIES Monaco Global is a leading manufacturer and supplier of formwork and critical construction solutions, delivering quality and innovation worldwide for over 40 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-33373643","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/new.monaco-global.com.au\/index.php\/wp-json\/wp\/v2\/pages\/33373643","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/new.monaco-global.com.au\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/new.monaco-global.com.au\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/new.monaco-global.com.au\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/new.monaco-global.com.au\/index.php\/wp-json\/wp\/v2\/comments?post=33373643"}],"version-history":[{"count":452,"href":"https:\/\/new.monaco-global.com.au\/index.php\/wp-json\/wp\/v2\/pages\/33373643\/revisions"}],"predecessor-version":[{"id":33375017,"href":"https:\/\/new.monaco-global.com.au\/index.php\/wp-json\/wp\/v2\/pages\/33373643\/revisions\/33375017"}],"wp:attachment":[{"href":"https:\/\/new.monaco-global.com.au\/index.php\/wp-json\/wp\/v2\/media?parent=33373643"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}