/* Homepage hero: true 4:3 product image area + separate 44px title strip. */
.hero-new .hero-inner{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(500px,560px)!important;gap:48px!important;align-items:center!important;min-height:0!important;padding-top:30px!important;padding-bottom:30px!important}
.hero-new .hero-copy{max-width:640px!important}
.hero-new .hero-visual{position:relative!important;width:min(100%,560px)!important;height:auto!important;aspect-ratio:560/464!important;min-height:0!important;padding:0!important;margin:0!important;justify-self:end!important;align-self:center!important}
.hero-new .hero-visual .visual-main,.hero-new .hero-visual .visual-side .visual-small{position:absolute!important;left:0!important;right:0!important;top:0!important;bottom:44px!important;width:100%!important;height:auto!important;aspect-ratio:4/3!important;margin:0!important;box-sizing:border-box!important;overflow:visible!important;border-radius:8px 8px 0 0!important}
.hero-new .hero-visual .visual-main>img,.hero-new .hero-visual .visual-side .visual-small img{position:absolute!important;left:0!important;top:0!important;width:100%!important;height:100%!important;padding:0!important;object-fit:contain!important;box-sizing:border-box!important}
.hero-new .hero-visual .visual-label,.hero-new .hero-visual .visual-side .visual-small span{position:absolute!important;left:0!important;right:0!important;bottom:-44px!important;height:44px!important;display:flex!important;align-items:center!important;box-sizing:border-box!important;background:rgba(5,55,94,.94)!important;color:#fff!important;padding:0 16px!important;border-radius:0 0 8px 8px!important;z-index:5!important}
.hero-new .hero-visual .visual-label{justify-content:space-between!important;gap:10px!important}
.hero-new .hero-visual .visual-label b{font-size:14px!important}
.hero-new .hero-visual .visual-label span{position:static!important;height:auto!important;background:transparent!important;padding:0!important;border-radius:0!important;font-size:11px!important;opacity:.78!important}
.hero-new .hero-visual .visual-side{position:static!important;width:100%!important;height:100%!important}
.hero-new .hero-visual .visual-badge{z-index:10!important;bottom:54px!important;background:#075b9d!important;color:#fff!important;border-radius:8px!important;padding:10px 14px!important;box-shadow:0 8px 20px rgba(0,0,0,.2)!important}
.hero-new .hero-visual .visual-badge b,.hero-new .hero-visual .visual-badge span{color:#fff!important}
@keyframes winyingHeroSlide{0%,21%{opacity:1}25%,100%{opacity:0}}
.hero-new .hero-visual .visual-main{animation:winyingHeroSlide 16s infinite!important;animation-delay:0s!important}
.hero-new .hero-visual .visual-side .visual-small{animation:winyingHeroSlide 16s infinite!important}
.hero-new .hero-visual .visual-side .visual-small:first-child{animation-delay:-4s!important}
.hero-new .hero-visual .visual-side .visual-small:nth-child(2){animation-delay:-8s!important}
.hero-new .hero-visual .visual-main>img{content:url('../images/NC-pipe-bending-Machine.jpg')!important}
.hero-new .hero-visual .visual-side .visual-small:first-child img{content:url('../images/lock-forming-machine.jpg')!important}
.hero-new .hero-visual .visual-side .visual-small:nth-child(2) img{content:url('../images/Electric-Shearing-Machine.jpg')!important}
.hero-new .hero-visual .visual-side .visual-small:first-child span{font-size:0!important}
.hero-new .hero-visual .visual-side .visual-small:first-child span:after{content:'Lock Forming Machine';font-size:14px!important}
.hero-new .hero-visual .visual-side .visual-small:nth-child(2) span{font-size:0!important}
.hero-new .hero-visual .visual-side .visual-small:nth-child(2) span:after{content:'Electric Shearing Machine';font-size:14px!important}
.hero-new .hero-visual .visual-side:after{content:'';position:absolute!important;left:0!important;right:0!important;top:0!important;bottom:44px!important;width:100%!important;height:auto!important;aspect-ratio:4/3!important;background:#fff url('../images/Hydraulic-Folding-Machine.jpg') center/contain no-repeat!important;border:1px solid #d5e4ee!important;border-radius:8px 8px 0 0!important;box-sizing:border-box!important;opacity:0;animation:winyingHeroSlide 16s infinite!important;animation-delay:-12s!important;z-index:3!important}
.hero-new .hero-visual .visual-side:before{content:'Hydraulic Folding Machine';position:absolute!important;left:0!important;right:0!important;bottom:0!important;height:44px!important;display:flex!important;align-items:center!important;padding:0 16px!important;box-sizing:border-box!important;background:rgba(5,55,94,.94)!important;color:#fff!important;border-radius:0 0 8px 8px!important;opacity:0;animation:winyingHeroSlide 16s infinite!important;animation-delay:-12s!important;z-index:4!important;font-size:14px!important}
@media(max-width:1100px){.hero-new .hero-inner{grid-template-columns:minmax(0,1fr) minmax(430px,500px)!important;gap:30px!important}.hero-new .hero-visual{width:min(100%,500px)!important;aspect-ratio:500/419!important}}
@media(max-width:900px){.hero-new .hero-inner{grid-template-columns:1fr!important;gap:30px!important;padding-top:38px!important;padding-bottom:38px!important}.hero-new .hero-copy{max-width:760px!important}.hero-new .hero-visual{width:min(100%,520px)!important;aspect-ratio:520/434!important;margin:0 auto!important;justify-self:center!important}.hero-new .hero-visual .visual-main,.hero-new .hero-visual .visual-small{bottom:44px!important}}
@media(max-width:700px){.hero-new .hero-inner{gap:24px!important;padding:30px 18px 34px!important}.hero-new .hero-visual{width:100%!important;max-width:430px!important;aspect-ratio:430/366!important}.hero-new .hero-visual .visual-main,.hero-new .hero-visual .visual-small{bottom:44px!important}.hero-new .hero-visual .visual-main>img,.hero-new .hero-visual .visual-side .visual-small img{padding:0!important}}

.solutions .section-heading{display:flex!important;justify-content:space-between!important;align-items:flex-end!important;gap:24px!important;white-space:nowrap!important}
.solutions .section-heading h2{white-space:nowrap!important}
.solutions .section-heading>p{white-space:nowrap!important;max-width:none!important}
.solutions .solution-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;width:100%!important}
.solutions .solution-card{min-width:0!important}
.solutions .solution-img{height:150px!important}
.solutions .solution-body{min-height:185px!important;padding:16px!important}
.solutions .solution-body h3{font-size:18px!important;white-space:nowrap!important}
.solutions .solution-body p{font-size:12px!important;line-height:1.45!important;min-height:52px!important}
.solutions .solution-card:first-child .solution-img img{content:url('../images/HVAC-Duct--Equipment.jpg')!important}
.solutions .solution-card:nth-child(2) .solution-img img{content:url('../images/Sheet-Metal-Fabrication.jpg')!important}
.solutions .solution-card:nth-child(3) .solution-img img{content:url('../images/pipe-bending-machine.jpg')!important}
.solutions .solution-card:nth-child(4) .solution-img img{content:url('../images/Roll-Forming-Machinery.jpg')!important}
.solutions .solution-card:nth-child(5) .solution-img img{content:url('../images/Asphalt-Paver-Parts.jpg')!important}
@media(max-width:900px){.solutions .section-heading{white-space:normal!important;display:block!important}.solutions .section-heading h2,.solutions .section-heading>p{white-space:normal!important}.solutions .solution-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:600px){.solutions .solution-grid{grid-template-columns:1fr!important}.solutions .solution-img{height:180px!important}.solutions .solution-body{min-height:0!important}}

.featured{background:#f5f8fb!important;padding:58px 0 64px!important}
.featured .section-heading{margin-bottom:26px!important}
.featured .section-heading h2{font-size:32px!important}
.featured-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important}
.featured-card{display:block!important;background:#fff!important;border:1px solid #dbe7ef!important;border-radius:8px!important;overflow:hidden!important;box-shadow:0 5px 18px rgba(20,70,100,.06)!important;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important}
.featured-card:hover{transform:translateY(-5px)!important;box-shadow:0 16px 32px rgba(20,70,100,.13)!important;border-color:#9bc9e6!important}
.featured-grid .featured-card:nth-of-type(n+7){display:none!important}
.featured-image{aspect-ratio:4/3!important;height:auto!important;width:100%!important;background:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;border-bottom:1px solid #e3edf4!important;padding:0!important;box-sizing:border-box!important}
.featured-image img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;display:block!important;padding:0!important;box-sizing:border-box!important}
.featured-image.machine img{padding:0!important}
.featured-card>div:last-child{padding:16px 18px 18px!important;min-height:76px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important}
.featured-card h3{font-size:17px!important;line-height:1.25!important;margin:0!important;color:#083c68!important}
.featured-card span{font-size:12px!important;font-weight:800!important;color:#0878c9!important;white-space:nowrap!important}
.featured-card:first-child .featured-image img{content:url('../images/nc.jpeg')!important}
.featured-card:first-child h3{font-size:0!important}
.featured-card:first-child h3:after{content:'NC Pipe Bending Machine';font-size:17px!important;line-height:1.25!important;color:#083c68!important}
.featured-card:nth-child(2) .featured-image img{content:url('../images/NC-Hydraulic-pipe-bending-machine.jpg')!important}
/* Featured section cards 4-6: updated asphalt paver parts images. */
.featured-card:nth-child(4) .featured-image img{content:url('../images/Asphalt-Paver-Auger-Blade.jpg')!important}
.featured-card:nth-child(5) .featured-image img{content:url('../images/Asphalt-Paver-Screed-Board.jpg')!important}
.featured-card:nth-child(6) .featured-image img{content:url('../images/Asphalt-Paver-Track-Chains.jpg')!important}
.featured-card:nth-child(4) h3{font-size:0!important}
.featured-card:nth-child(4) h3:after{content:'Asphalt Paver Auger Blade';font-size:17px!important;line-height:1.25!important;color:#083c68!important}
.featured-card:nth-child(5) h3{font-size:0!important}
.featured-card:nth-child(5) h3:after{content:'Asphalt Paver Screed Board';font-size:17px!important;line-height:1.25!important;color:#083c68!important}
.featured-card:nth-child(6) h3{font-size:0!important}
.featured-card:nth-child(6) h3:after{content:'Asphalt Paver Track Chains';font-size:17px!important;line-height:1.25!important;color:#083c68!important}
@media(max-width:900px){.featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:600px){.featured{padding:44px 0 50px!important}.featured-grid{grid-template-columns:1fr!important;gap:16px!important}.featured-image{aspect-ratio:4/3!important;height:auto!important}.featured-card h3{font-size:16px!important}.featured-card:first-child h3:after,.featured-card:nth-child(4) h3:after,.featured-card:nth-child(5) h3:after,.featured-card:nth-child(6) h3:after{font-size:16px!important}}

/* Fix the large empty center gap in the desktop homepage hero. */
@media(min-width:1101px){
  .hero-new .hero-inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:8px!important;padding-left:0!important;padding-right:0!important;}
  .hero-new .hero-copy{width:100%!important;max-width:none!important;padding:34px 28px 32px 28px!important;margin:0!important;}
  .hero-new .hero-visual{width:100%!important;max-width:none!important;justify-self:stretch!important;margin:0!important;}
}
@media(min-width:901px) and (max-width:1100px){
  .hero-new .hero-inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:10px!important;}
  .hero-new .hero-copy{max-width:none!important;margin:0!important;}
  .hero-new .hero-visual{width:100%!important;max-width:none!important;}
}

/* V21 - equalize hero copy and visual height without changing content. */
@media(min-width:1101px){
  .hero-new .hero-inner{align-items:stretch!important;min-height:570px!important;padding-top:52px!important;padding-bottom:45px!important;}
  .hero-new .hero-copy{align-self:stretch!important;display:flex!important;flex-direction:column!important;justify-content:center!important;min-height:0!important;}
  .hero-new .hero-visual{align-self:stretch!important;height:auto!important;min-height:0!important;}
  .hero-new .hero-visual .visual-main,.hero-new .hero-visual .visual-side .visual-small{height:auto!important;}
}


/* V24 - homepage hero alignment: keep the hero text and visual flush to the same shared container edges as the header and following sections. */
@media(min-width:1101px){
  .hero-new .hero-inner{padding-left:0!important;padding-right:0!important}
  .hero-new .hero-copy{padding-left:0!important;padding-right:20px!important}
}
@media(min-width:901px) and (max-width:1100px){
  .hero-new .hero-inner{padding-left:0!important;padding-right:0!important}
  .hero-new .hero-copy{padding-left:0!important;padding-right:10px!important}
}