@layer bricks {.brxe-code{width:100%}}@layer bricks {.brxe-button{width:auto}}@layer bricks {:where(.brxe-heading).has-separator{align-items:center;display:inline-flex;gap:20px}:where(.brxe-heading)>[contenteditable]{display:inline-block;text-decoration:inherit}:where(.brxe-heading) .separator{border-top:1px solid;flex-grow:1;flex-shrink:0;height:1px}}@layer bricks {@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes scrolling{0%{opacity:1}to{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}}a.brxe-image{display:inline-block}figure.brxe-image{margin:0}:where(.brxe-image).tag{display:inline-block;height:fit-content;position:relative;width:auto}:where(.brxe-image).caption{position:relative}:where(.brxe-image).caption:has(figcaption.bricks-image-caption){overflow:hidden}:where(.brxe-image).overlay{position:relative}:where(.brxe-image).overlay:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}:where(.brxe-image):before{border-radius:inherit}:where(.brxe-image) a{border-radius:inherit;position:static;transition:inherit}:where(.brxe-image) picture{border-radius:inherit;transition:inherit}:where(.brxe-image) img{border-radius:inherit;height:100%;position:static!important;transition:inherit;width:100%}:where(.brxe-image) img.bricks-lazy-hidden+figcaption{display:none}:where(.brxe-image) .icon{color:#fff;font-size:60px;pointer-events:none;position:absolute;right:50%;text-align:center;top:50%;transform:translate(50%,-50%);z-index:5}:where(.brxe-image) .bricks-image-caption{background:linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,.25) 70%,transparent);bottom:0;color:#fff;font-size:inherit;margin:0;padding:10px 15px;pointer-events:none;position:absolute;text-align:center;width:100%;z-index:1}} .sh-imagespot-instance * { box-sizing: border-box; } .sh-imagespot-instance { --sh-navy: #1e3a8a; --sh-blue: #1a56c4; --sh-red: #d0202c; --sh-cream: #f4f2ee; --sh-dark: #1a1a1a; --sh-gray: #6b6b6b; display: grid; grid-template-columns: 1.15fr 1fr; gap: 48px; align-items: center; margin: 0 auto; } .sh-image-wrap { position: relative; width: 100%; } .sh-image-wrap img { width: 100%; display: block; user-select: none; pointer-events: none; } .sh-hotspot { position: absolute; width: 34px; height: 34px; border-radius: 50%; background: #ffffff; color: var(--sh-dark); border: none; font-size: 13px; font-weight: 700; display: flex; align-items: center; justify-content: center; cursor: pointer; transform: translate(-50%, -50%); box-shadow: 0 3px 10px rgba(0,0,0,0.25); transition: transform .2s ease, background .2s ease, color .2s ease; z-index: 2; } .sh-hotspot:hover { transform: translate(-50%, -50%) scale(1.08); } .sh-hotspot.active { background: var(--sh-blue); color: #fff; box-shadow: 0 0 0 6px rgba(26,86,196,0.22), 0 3px 10px rgba(0,0,0,0.3); } .sh-hotspot.active::after { content: ""; position: absolute; inset: -8px; border-radius: 50%; border: 2px solid rgba(26,86,196,0.45); animation: sh-pulse 1.8s ease-out infinite; } @keyframes sh-pulse { 0% { transform: scale(0.85); opacity: .9; } 100% { transform: scale(1.6); opacity: 0; } } .sh-panel { padding-right: 8px; } .sh-model { font-size: 30px; font-weight: 800; color: var(--sh-navy); margin: 0 0 6px; letter-spacing: .5px; } .sh-badge { display: inline-block; font-size: 13px; font-weight: 800; color: var(--sh-red); letter-spacing: 1px; margin-bottom: 18px; } .sh-thumb { width: 100%; aspect-ratio: 16/9; border-radius: 10px; overflow: hidden; margin-bottom: 20px; background: #dfe6ee; } .sh-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; } .sh-title { font-size: 19px; font-weight: 700; color: var(--sh-navy); margin: 0 0 8px; min-height: 26px; } .sh-desc { font-size: 14px; line-height: 1.6; color: var(--sh-gray); margin: 0 0 22px; min-height: 44px; } .sh-nav { display: flex; align-items: center; gap: 14px; } .sh-nav button { width: 30px; height: 30px; border-radius: 50%; border: 1px solid #cfd3da; background: #fff; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--sh-navy); transition: background .2s, border-color .2s; } .sh-nav button:hover { background: var(--sh-navy); border-color: var(--sh-navy); color: #fff; } .sh-counter { font-size: 13px; font-weight: 700; color: var(--sh-navy); letter-spacing: .5px; } @media (max-width: 780px) { .sh-imagespot-instance { grid-template-columns: 1fr; gap: 28px; padding: 24px 16px; } .sh-hotspot { width: 28px; height: 28px; font-size: 11px; } }#brxe-qoaikb {width: 100%}#brxe-eqtzfl {align-self: stretch !important; max-width: 100%}#brxe-imdxth {font-size: var(--text-m)}#brxe-imdxth a {font-size: var(--text-m); font-size: inherit}#brxe-blmokp {background-color: var(--lw-white); background-image: url("https://leadway.co.th/wp-content/uploads/2026/08/BG-IMG.jpg"); background-size: cover; background-position: center center}#brxe-jdunqa {width: auto; height: 70vh}#brxe-jdunqa:not(.tag), #brxe-jdunqa img {object-fit: contain}@media (max-width: 767px) {#brxe-jdunqa {margin-top: 0; margin-left: 0}}@media (max-width: 478px) {#brxe-jdunqa {height: auto}}#brxe-spzjyp {align-items: center}#brxe-flaowr {width: auto}@media (max-width: 478px) {#brxe-noheuq {max-width: 100%}}#brxe-tmrhdf {flex-direction: row; justify-content: center; align-items: center}@media (max-width: 767px) {#brxe-tmrhdf {display: grid; align-items: initial; grid-template-columns: repeat(2,1fr)}}@media (max-width: 478px) {#brxe-tmrhdf {display: flex; flex-direction: column}}#brxe-plfczu {gap: var(--space-2xs); grid-template-columns: repeat(2,minmax(0,1fr))}.brxe-adyhis .brxe-plmrxe.brxe-heading {line-height: 1}.brxe-plmrxe span{ font-size:clamp(7vw, 7vw, 3vw); color:white;}.brxe-adyhis .brxe-bmdezl.brxe-block {row-gap: 0px}.brxe-adyhis .brxe-fsqpvg.brxe-block {grid-template-columns: repeat(2,1fr); flex-direction: row}.brxe-adyhis .brxe-lwvgkd.brxe-button i {color: var(--lw-sec)}.brxe-adyhis .brxe-lwvgkd.brxe-button {height: 40.5px}.brxe-adyhis.brxe-block {border-top: 2px solid var(--lw-white)}#brxe-nxrytv {gap: 0px; grid-template-columns: repeat(2,minmax(0,1fr)); display: grid; align-items: initial}@media (max-width: 478px) {#brxe-nxrytv {flex-direction: column; grid-template-columns: 1fr}}#excavators {background-color: var(--lw-bg-light)}#brxe-vjhsfo {padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; width: 100%; text-align: center; background-color: var(--lw-white)}#brxe-gwfydj {font-size: var(--text-m); align-items: center}#brxe-erzofe {padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; width: 100%; text-align: center; background-color: var(--lw-white)}#brxe-kwcizr {font-size: var(--text-m); align-items: center}#brxe-jghixt {padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; width: 100%; text-align: center; background-color: var(--lw-white)}#brxe-hdpvgn {font-size: var(--text-m); align-items: center}#brxe-rcjnzm {display: grid; align-items: initial; grid-template-columns: repeat(3,1fr)}@media (max-width: 478px) {#brxe-rcjnzm {grid-template-columns: 1fr}}#brxe-lksacq {background-color: var(--lw-pri)}#brxe-lrhknr {width: auto; height: 70vh}#brxe-lrhknr:not(.tag), #brxe-lrhknr img {object-fit: contain}@media (max-width: 767px) {#brxe-lrhknr {margin-top: 0; margin-left: 0}}@media (max-width: 478px) {#brxe-lrhknr {height: auto}}#brxe-zkynxj {align-items: center}#brxe-hlaqto {width: 100%}#brxe-zwvznt {width: auto}@media (max-width: 478px) {#brxe-yejpik {max-width: 100%}}#brxe-pfhonc {flex-direction: row; justify-content: center; align-items: center}@media (max-width: 767px) {#brxe-pfhonc {display: grid; align-items: initial; grid-template-columns: repeat(2,1fr)}}@media (max-width: 478px) {#brxe-pfhonc {grid-template-columns: 1fr}}#brxe-nmitvo {gap: var(--space-2xs); grid-template-columns: repeat(2,minmax(0,1fr))}.brxe-mfvpxo .brxe-zahzck.brxe-heading {line-height: 1}.brxe-zahzck span{ font-size:clamp(7vw, 7vw, 3vw); color:white;}.brxe-mfvpxo .brxe-ngppzv.brxe-block {row-gap: 0px; left: 0px}.brxe-mfvpxo .brxe-zqmuda.brxe-block {grid-template-columns: repeat(2,1fr); flex-direction: row}.brxe-mfvpxo .brxe-luotrt.brxe-button i {color: var(--lw-sec)}.brxe-mfvpxo .brxe-luotrt.brxe-button {height: 40.5px}.brxe-mfvpxo.brxe-block {border-top: 2px solid var(--lw-white)}#brxe-ypaerd {gap: 0px; grid-template-columns: repeat(2,minmax(0,1fr)); display: grid; align-items: initial}@media (max-width: 478px) {#brxe-ypaerd {flex-direction: column; grid-template-columns: 1fr}}#pavers {background-color: var(--lw-bg-light)}#brxe-ybritj {font-size: var(--text-m)}#brxe-ncruky {align-items: center}#brxe-nssddu {width: 100%}#brxe-rqffrc {text-align: center}@media (max-width: 478px) {#brxe-rqffrc {color: var(--lw-white)}}#brxe-cqjicf {text-align: center}@media (max-width: 478px) {#brxe-cqjicf {color: var(--lw-white)}}#brxe-vtvuyz {align-items: center}#brxe-tftviz {width: 100%}#brxe-lhhlni {text-align: center}@media (max-width: 478px) {#brxe-lhhlni {color: var(--lw-white)}}#brxe-ojbnje {text-align: center}@media (max-width: 478px) {#brxe-ojbnje {color: var(--lw-white)}}#brxe-tivjmd {align-items: center}#brxe-heasxx {width: 100%}#brxe-uejgzu {text-align: center}@media (max-width: 478px) {#brxe-uejgzu {color: var(--lw-white)}}#brxe-oiemap {text-align: center}@media (max-width: 478px) {#brxe-oiemap {color: var(--lw-white)}}#brxe-tpavzr {align-items: center}#brxe-lgvqgk {flex-direction: row}@media (max-width: 767px) {#brxe-lgvqgk {flex-wrap: nowrap}}@media (max-width: 478px) {#brxe-lgvqgk {flex-wrap: wrap}}#brxe-jgdyxk {row-gap: var(--space-m); background-image: linear-gradient(var(--lw-pri), var(--lw-dark-blue)); height: 70%; top: 0px; z-index: -1}@media (max-width: 767px) {#brxe-jgdyxk {height: 60%}}@media (max-width: 478px) {#brxe-jgdyxk {height: 100%}}#brxe-wmyerf {row-gap: var(--space-m)}#brxe-tindiv {font-size: var(--text-m)}@media (max-width: 478px) {#brxe-hzbcyf {align-items: center; text-align: center}}#brxe-hxwpkn {font-weight: 300}#brxe-gdbgsp {align-items: flex-end; width: aut}@media (max-width: 478px) {#brxe-gdbgsp {align-items: center}}#brxe-xqqejv {background-image: url("https://leadway.co.th/wp-content/uploads/2026/08/Frame-132.jpg"); background-size: cover; background-position: center center; flex-direction: row}@media (max-width: 991px) {#brxe-vxusln {padding-right: 24px; padding-left: 24px}}