.elementor-668 .elementor-element.elementor-element-5f0b93c{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-d66ca10 */<section class="bf-products">
  <div class="bf-container">

    <div class="bf-header">
      <p class="bf-tag">OUR CAPABILITIES</p>
      <h2>Precision Sheet Metal & CNC Engineered Products</h2>
      <p class="bf-sub">
        Delivering advanced sheet metal fabrication, CNC machining,
        certified welding and enclosure manufacturing backed by
        ISO 9001:2015, EN 15085-2 CL1 and ISO 3834-2 certifications.
      </p>
    </div>

    <div class="bf-grid">

      <!-- CARD -->
      <div class="bf-card">
        <img src="https://images.unsplash.com/photo-1605000797499-95a51c5269ae?auto=format&fit=crop&w=1200&q=80">
        <div class="bf-overlay"></div>
        <div class="bf-content">
          <span class="bf-chip">Laser</span>
          <h3>Laser Cutting Services</h3>
          <p>High-speed precision laser cutting for complex sheet metal components with tight tolerances.</p>
        </div>
      </div>

      <div class="bf-card">
        <img src="https://images.unsplash.com/photo-1581092918056-0c4c3acd3789?auto=format&fit=crop&w=1200&q=80">
        <div class="bf-overlay"></div>
        <div class="bf-content">
          <span class="bf-chip">Fabrication</span>
          <h3>CNC Sheet Metal Fabrication</h3>
          <p>Advanced CNC cutting, bending and fabrication ensuring accuracy and repeatability.</p>
        </div>
      </div>

      <div class="bf-card">
        <img src="https://images.unsplash.com/photo-1589792923962-537704632910?auto=format&fit=crop&w=1200&q=80">
        <div class="bf-overlay"></div>
        <div class="bf-content">
          <span class="bf-chip">CNC</span>
          <h3>CNC Machined Components</h3>
          <p>Precision turning and VMC machining for industrial-grade parts and assemblies.</p>
        </div>
      </div>

      <div class="bf-card">
        <img src="https://images.unsplash.com/photo-1621905252507-b35492cc74b4?auto=format&fit=crop&w=1200&q=80">
        <div class="bf-overlay"></div>
        <div class="bf-content">
          <span class="bf-chip">Welding</span>
          <h3>Certified Welding Solutions</h3>
          <p>LASER, TIG, MIG, Argon and Spot welding under EN 15085 & ISO 3834 standards.</p>
        </div>
      </div>

      <div class="bf-card">
        <img src="https://images.unsplash.com/photo-1581092160613-b7b5c1c5a4be?auto=format&fit=crop&w=1200&q=80">
        <div class="bf-overlay"></div>
        <div class="bf-content">
          <span class="bf-chip">Enclosures</span>
          <h3>Industrial Enclosures</h3>
          <p>Custom equipment enclosure manufacturing ensuring safety and durability.</p>
        </div>
      </div>

      <div class="bf-card">
        <img src="https://images.unsplash.com/photo-1541976844346-f18aeac57b06?auto=format&fit=crop&w=1200&q=80">
        <div class="bf-overlay"></div>
        <div class="bf-content">
          <span class="bf-chip">Roll Forming</span>
          <h3>Metal Roll Forming</h3>
          <p>Custom metal profiles and structural components engineered to specification.</p>
        </div>
      </div>

    </div>

    <div class="bf-cta">
      <div>
        <h4>Need custom manufacturing solutions?</h4>
        <p>Share your drawing / sample — we’ll recommend the best process and quote fast.</p>
      </div>
      <a href="#" class="bf-btn">Request a Quote</a>
    </div>

  </div>
</section>

<style>
.bf-products{
  padding:80px 20px;
  background:#f4f6f8;
  font-family:Arial, sans-serif;
}

.bf-container{
  max-width:1200px;
  margin:auto;
}

.bf-header{
  text-align:center;
  margin-bottom:50px;
}

.bf-tag{
  color:#E53935;
  font-size:12px;
  letter-spacing:2px;
  font-weight:bold;
  margin-bottom:10px;
}

.bf-header h2{
  color:#1E3A8A;
  font-size:38px;
  margin-bottom:15px;
}

.bf-sub{
  color:#444;
  max-width:750px;
  margin:auto;
  line-height:1.6;
}

.bf-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:25px;
}

.bf-card{
  position:relative;
  overflow:hidden;
  border-radius:15px;
  box-shadow:0 10px 30px rgba(0,0,0,0.08);
  transition:transform 0.4s ease;
}

.bf-card:hover{
  transform:translateY(-10px);
}

.bf-card img{
  width:100%;
  height:320px;
  object-fit:cover;
  display:block;
}

.bf-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(to top, rgba(0,0,0,0.85), rgba(0,0,0,0.3));
}

.bf-content{
  position:absolute;
  bottom:20px;
  left:20px;
  right:20px;
  color:#fff;
}

.bf-chip{
  background:#E53935;
  padding:5px 12px;
  font-size:12px;
  border-radius:20px;
  display:inline-block;
  margin-bottom:10px;
}

.bf-content h3{
  margin-bottom:8px;
  font-size:20px;
}

.bf-content p{
  font-size:14px;
  line-height:1.6;
  opacity:0.95;
}

.bf-cta{
  margin-top:40px;
  background:#fff;
  padding:25px;
  border-radius:12px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  box-shadow:0 10px 30px rgba(0,0,0,0.05);
}

.bf-btn{
  background:#F6C400;
  padding:12px 25px;
  font-weight:bold;
  text-decoration:none;
  color:#000;
  border-radius:6px;
}

@media(max-width:992px){
  .bf-grid{grid-template-columns:repeat(2,1fr);}
  .bf-cta{flex-direction:column; gap:15px; text-align:center;}
}

@media(max-width:600px){
  .bf-grid{grid-template-columns:1fr;}
}
</style>/* End custom CSS */