{"id":7619,"date":"2026-01-08T14:30:29","date_gmt":"2026-01-08T11:30:29","guid":{"rendered":"https:\/\/tafejd.com\/?page_id=7619"},"modified":"2026-01-08T15:08:05","modified_gmt":"2026-01-08T12:08:05","slug":"minerals-metals-categories","status":"publish","type":"page","link":"https:\/\/tafejd.com\/ar\/minerals-metals-categories\/","title":{"rendered":"Minerals &amp; Metals CATEGORIES"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><div class=\"vc-custom-col-spacing clearfix vc-col-spacing-30\"><section class=\"wpb_row vc_row-fluid row-content-position-Default\"><div class=\"finax-container\"><div class=\"row-inner clearfix\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<section style=\"padding: clamp(30px, 5vw, 60px) 15px; background: #fcfcfc; font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; direction: ltr;\">\n<div style=\"max-width: 1300px; margin: 0 auto;\"><!-- Page Header --><\/p>\n<div style=\"text-align: center; margin-bottom: clamp(40px, 6vw, 70px);\">\n<div style=\"display: inline-block; background: rgba(196,167,104,0.08); color: #c4a768; padding: 8px 25px; border-radius: 50px; font-weight: bold; margin-bottom: 20px; border: 1px solid rgba(196,167,104,0.15); font-size: 0.85em; text-transform: uppercase; letter-spacing: 1.5px;\">Complete Investment Portfolio<\/div>\n<h1 style=\"font-size: clamp(1.8em, 5vw, 3em); font-weight: 800; color: #1a202c; margin-bottom: 15px; line-height: 1.1;\"><span style=\"color: #c4a768;\">MINERALS<\/span> &amp; <span style=\"color: #2c3e50;\">METALS<\/span> INDUSTRY<\/h1>\n<div style=\"width: 80px; height: 5px; background: #c4a768; margin: 0 auto 25px;\"><\/div>\n<p style=\"font-size: clamp(1em, 2vw, 1.2em); color: #718096; line-height: 1.6; max-width: 800px; margin: 0 auto;\">Explore all investment categories for minerals and metals production under Saudi Arabia&#8217;s Vision 2030<\/p>\n<\/div>\n<p><!-- Quick Navigation for Mobile --><\/p>\n<div style=\"display: none; margin-bottom: 30px; position: sticky; top: 20px; z-index: 10;\">\n<div style=\"display: flex; gap: 10px; justify-content: center; flex-wrap: wrap;\"><a href=\"#steelSection\" style=\"display: inline-flex; align-items: center; gap: 8px; background: rgba(196,167,104,0.1); color: #c4a768; padding: 10px 20px; border-radius: 25px; text-decoration: none; font-weight: 600; font-size: 0.9em; border: 1px solid rgba(196,167,104,0.2);\"><br \/>\n\u2699\ufe0f Steel<br \/>\n<\/a><br \/>\n<a href=\"#aluminumSection\" style=\"display: inline-flex; align-items: center; gap: 8px; background: rgba(44,62,80,0.1); color: #2c3e50; padding: 10px 20px; border-radius: 25px; text-decoration: none; font-weight: 600; font-size: 0.9em; border: 1px solid rgba(44,62,80,0.2);\"><br \/>\n\ud83d\udd29 Aluminum<br \/>\n<\/a><br \/>\n<a href=\"#copperSection\" style=\"display: inline-flex; align-items: center; gap: 8px; background: rgba(196,167,104,0.1); color: #c4a768; padding: 10px 20px; border-radius: 25px; text-decoration: none; font-weight: 600; font-size: 0.9em; border: 1px solid rgba(196,167,104,0.2);\"><br \/>\n\ud83d\udd0c Copper<br \/>\n<\/a><br \/>\n<a href=\"#titaniumSection\" style=\"display: inline-flex; align-items: center; gap: 8px; background: rgba(44,62,80,0.1); color: #2c3e50; padding: 10px 20px; border-radius: 25px; text-decoration: none; font-weight: 600; font-size: 0.9em; border: 1px solid rgba(44,62,80,0.2);\"><br \/>\n\ud83d\ude80 Titanium<br \/>\n<\/a><\/div>\n<\/div>\n<p><!-- Steel Products Section --><\/p>\n<div class=\"industry-section\" id=\"steelSection\" style=\"scroll-margin-top: 20px;\">\n<div style=\"background: linear-gradient(to right, rgba(196,167,104,0.05), rgba(196,167,104,0.02)); padding: clamp(25px, 5vw, 40px); border-radius: 20px; margin-bottom: 40px; border: 1px solid rgba(196,167,104,0.1);\">\n<div style=\"display: flex; align-items: center; gap: 15px; margin-bottom: 30px; flex-wrap: wrap;\">\n<div style=\"background: #c4a768; color: white; width: 50px; height: 50px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 1.5em; font-weight: bold; box-shadow: 0 5px 15px rgba(196,167,104,0.2); flex-shrink: 0;\">\u2699\ufe0f<\/div>\n<div>\n<h2 style=\"color: #1a202c; margin: 0 0 5px 0; font-size: clamp(1.5em, 4vw, 2em); font-weight: 800;\">STEEL PRODUCTS<\/h2>\n<p style=\"color: #718096; margin: 0; font-size: clamp(0.9em, 2vw, 1.1em); font-weight: 500;\">Flat, Long, and Specialized Steel Products<\/p>\n<\/div>\n<\/div>\n<p><!-- Flat Products Sub-section --><\/p>\n<div class=\"sub-section\" style=\"margin-bottom: 50px;\">\n<div style=\"display: flex; align-items: center; gap: 10px; margin-bottom: 25px;\">\n<div style=\"width: 4px; height: 35px; background: #c4a768; border-radius: 2px; flex-shrink: 0;\"><\/div>\n<h3 style=\"color: #2c3e50; margin: 0; font-size: clamp(1.3em, 3vw, 1.6em); font-weight: bold;\">Flat Products<\/h3>\n<\/div>\n<div style=\"display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); gap: 20px;\">\n<div class=\"category-card\" data-industry=\"steel\" data-sub=\"flat\">\n<div style=\"display: flex; align-items: flex-start; gap: 15px;\">\n<div style=\"background: rgba(196,167,104,0.1); color: #c4a768; width: 45px; height: 45px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; flex-shrink: 0; box-shadow: 0 4px 10px rgba(196,167,104,0.1);\">\ud83d\udd25<\/div>\n<div>\n<h4 style=\"color: #1a202c; margin: 0 0 8px 0; font-size: clamp(1em, 2vw, 1.2em); font-weight: bold;\">Hot Rolled Coil (HRC)<\/h4>\n<p style=\"color: #718096; margin: 0; font-size: 0.9em; line-height: 1.5;\">Hot rolled steel coils for industrial use<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"category-card\" data-industry=\"steel\" data-sub=\"flat\">\n<div style=\"display: flex; align-items: flex-start; gap: 15px;\">\n<div style=\"background: rgba(196,167,104,0.1); color: #c4a768; width: 45px; height: 45px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; flex-shrink: 0; box-shadow: 0 4px 10px rgba(196,167,104,0.1);\">\u2744\ufe0f<\/div>\n<div>\n<h4 style=\"color: #1a202c; margin: 0 0 8px 0; font-size: clamp(1em, 2vw, 1.2em); font-weight: bold;\">Cold Rolled Coil (CRC)<\/h4>\n<p style=\"color: #718096; margin: 0; font-size: 0.9em; line-height: 1.5;\">Cold rolled steel coils for precision applications<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"category-card\" data-industry=\"steel\" data-sub=\"flat\">\n<div style=\"display: flex; align-items: flex-start; gap: 15px;\">\n<div style=\"background: rgba(196,167,104,0.1); color: #c4a768; width: 45px; height: 45px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; flex-shrink: 0; box-shadow: 0 4px 10px rgba(196,167,104,0.1);\">\ud83d\udccf<\/div>\n<div>\n<h4 style=\"color: #1a202c; margin: 0 0 8px 0; font-size: clamp(1em, 2vw, 1.2em); font-weight: bold;\">Plates<\/h4>\n<p style=\"color: #718096; margin: 0; font-size: 0.9em; line-height: 1.5;\">Steel plates for construction and shipbuilding<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"category-card\" data-industry=\"steel\" data-sub=\"flat\">\n<div style=\"display: flex; align-items: flex-start; gap: 15px;\">\n<div style=\"background: rgba(196,167,104,0.1); color: #c4a768; width: 45px; height: 45px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; flex-shrink: 0; box-shadow: 0 4px 10px rgba(196,167,104,0.1);\">\ud83d\udee1\ufe0f<\/div>\n<div>\n<h4 style=\"color: #1a202c; margin: 0 0 8px 0; font-size: clamp(1em, 2vw, 1.2em); font-weight: bold;\">Hot Dip Galvanized (HDG)<\/h4>\n<p style=\"color: #718096; margin: 0; font-size: 0.9em; line-height: 1.5;\">Zinc-coated steel for corrosion resistance<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"category-card\" data-industry=\"steel\" data-sub=\"flat\">\n<div style=\"display: flex; align-items: flex-start; gap: 15px;\">\n<div style=\"background: rgba(196,167,104,0.1); color: #c4a768; width: 45px; height: 45px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; flex-shrink: 0; box-shadow: 0 4px 10px rgba(196,167,104,0.1);\">\ud83c\udfa8<\/div>\n<div>\n<h4 style=\"color: #1a202c; margin: 0 0 8px 0; font-size: clamp(1em, 2vw, 1.2em); font-weight: bold;\">Pre-Painted Galvanized Iron (PPGI)<\/h4>\n<p style=\"color: #718096; margin: 0; font-size: 0.9em; line-height: 1.5;\">Pre-painted galvanized steel sheets<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"category-card\" data-industry=\"steel\" data-sub=\"flat\">\n<div style=\"display: flex; align-items: flex-start; gap: 15px;\">\n<div style=\"background: rgba(196,167,104,0.1); color: #c4a768; width: 45px; height: 45px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; flex-shrink: 0; box-shadow: 0 4px 10px rgba(196,167,104,0.1);\">\ud83e\udd6b<\/div>\n<div>\n<h4 style=\"color: #1a202c; margin: 0 0 8px 0; font-size: clamp(1em, 2vw, 1.2em); font-weight: bold;\">Tinplate<\/h4>\n<p style=\"color: #718096; margin: 0; font-size: 0.9em; line-height: 1.5;\">Tin-coated steel for packaging industry<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"category-card\" data-industry=\"steel\" data-sub=\"flat\">\n<div style=\"display: flex; align-items: flex-start; gap: 15px;\">\n<div style=\"background: rgba(196,167,104,0.1); color: #c4a768; width: 45px; height: 45px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; flex-shrink: 0; box-shadow: 0 4px 10px rgba(196,167,104,0.1);\">\ud83d\ude97<\/div>\n<div>\n<h4 style=\"color: #1a202c; margin: 0 0 8px 0; font-size: clamp(1em, 2vw, 1.2em); font-weight: bold;\">Automotive Steel<\/h4>\n<p style=\"color: #718096; margin: 0; font-size: 0.9em; line-height: 1.5;\">Specialized steel for automotive industry<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"category-card\" data-industry=\"steel\" data-sub=\"flat\">\n<div style=\"display: flex; align-items: flex-start; gap: 15px;\">\n<div style=\"background: rgba(196,167,104,0.1); color: #c4a768; width: 45px; height: 45px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; flex-shrink: 0; box-shadow: 0 4px 10px rgba(196,167,104,0.1);\">\u26a1<\/div>\n<div>\n<h4 style=\"color: #1a202c; margin: 0 0 8px 0; font-size: clamp(1em, 2vw, 1.2em); font-weight: bold;\">Electrical Steels<\/h4>\n<p style=\"color: #718096; margin: 0; font-size: 0.9em; line-height: 1.5;\">Special steel for electrical applications<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"category-card\" data-industry=\"steel\" data-sub=\"flat\">\n<div style=\"display: flex; align-items: flex-start; gap: 15px;\">\n<div style=\"background: rgba(196,167,104,0.1); color: #c4a768; width: 45px; height: 45px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; flex-shrink: 0; box-shadow: 0 4px 10px rgba(196,167,104,0.1);\">\ud83d\udd0b<\/div>\n<div>\n<h4 style=\"color: #1a202c; margin: 0 0 8px 0; font-size: clamp(1em, 2vw, 1.2em); font-weight: bold;\">Electro-galvanized<\/h4>\n<p style=\"color: #718096; margin: 0; font-size: 0.9em; line-height: 1.5;\">Electrolytically zinc-coated steel<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"category-card\" data-industry=\"steel\" data-sub=\"flat\">\n<div style=\"display: flex; align-items: flex-start; gap: 15px;\">\n<div style=\"background: rgba(196,167,104,0.1); color: #c4a768; width: 45px; height: 45px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; flex-shrink: 0; box-shadow: 0 4px 10px rgba(196,167,104,0.1);\">\ud83e\uddf1<\/div>\n<div>\n<h4 style=\"color: #1a202c; margin: 0 0 8px 0; font-size: clamp(1em, 2vw, 1.2em); font-weight: bold;\">Slabs<\/h4>\n<p style=\"color: #718096; margin: 0; font-size: 0.9em; line-height: 1.5;\">Semi-finished steel products for further processing<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><!-- Long Products Sub-section --><\/p>\n<div class=\"sub-section\" style=\"margin-bottom: 50px;\">\n<div style=\"display: flex; align-items: center; gap: 10px; margin-bottom: 25px;\">\n<div style=\"width: 4px; height: 35px; background: #c4a768; border-radius: 2px; flex-shrink: 0;\"><\/div>\n<h3 style=\"color: #2c3e50; margin: 0; font-size: clamp(1.3em, 3vw, 1.6em); font-weight: bold;\">Long Products<\/h3>\n<\/div>\n<div style=\"display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); gap: 20px;\">\n<div class=\"category-card\" data-industry=\"steel\" data-sub=\"long\">\n<div style=\"display: flex; align-items: flex-start; gap: 15px;\">\n<div style=\"background: rgba(196,167,104,0.1); color: #c4a768; width: 45px; height: 45px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; flex-shrink: 0; box-shadow: 0 4px 10px rgba(196,167,104,0.1);\">\ud83d\udcd0<\/div>\n<div>\n<h4 style=\"color: #1a202c; margin: 0 0 8px 0; font-size: clamp(1em, 2vw, 1.2em); font-weight: bold;\">Sections Light &#038; Medium<\/h4>\n<p style=\"color: #718096; margin: 0; font-size: 0.9em; line-height: 1.5;\">Structural steel sections for construction<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"category-card\" data-industry=\"steel\" data-sub=\"long\">\n<div style=\"display: flex; align-items: flex-start; gap: 15px;\">\n<div style=\"background: rgba(196,167,104,0.1); color: #c4a768; width: 45px; height: 45px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; flex-shrink: 0; box-shadow: 0 4px 10px rgba(196,167,104,0.1);\">\ud83c\udfd7\ufe0f<\/div>\n<div>\n<h4 style=\"color: #1a202c; margin: 0 0 8px 0; font-size: clamp(1em, 2vw, 1.2em); font-weight: bold;\">Heavy Sections<\/h4>\n<p style=\"color: #718096; margin: 0; font-size: 0.9em; line-height: 1.5;\">Heavy structural steel sections<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"category-card\" data-industry=\"steel\" data-sub=\"long\">\n<div style=\"display: flex; align-items: flex-start; gap: 15px;\">\n<div style=\"background: rgba(196,167,104,0.1); color: #c4a768; width: 45px; height: 45px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; flex-shrink: 0; box-shadow: 0 4px 10px rgba(196,167,104,0.1);\">\ud83d\udd29<\/div>\n<div>\n<h4 style=\"color: #1a202c; margin: 0 0 8px 0; font-size: clamp(1em, 2vw, 1.2em); font-weight: bold;\">Rebar<\/h4>\n<p style=\"color: #718096; margin: 0; font-size: 0.9em; line-height: 1.5;\">Reinforcing steel bars for construction<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"category-card\" data-industry=\"steel\" data-sub=\"long\">\n<div style=\"display: flex; align-items: flex-start; gap: 15px;\">\n<div style=\"background: rgba(196,167,104,0.1); color: #c4a768; width: 45px; height: 45px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; flex-shrink: 0; box-shadow: 0 4px 10px rgba(196,167,104,0.1);\">\ud83d\udee4\ufe0f<\/div>\n<div>\n<h4 style=\"color: #1a202c; margin: 0 0 8px 0; font-size: clamp(1em, 2vw, 1.2em); font-weight: bold;\">Rails<\/h4>\n<p style=\"color: #718096; margin: 0; font-size: 0.9em; line-height: 1.5;\">Railway tracks and accessories<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"category-card\" data-industry=\"steel\" data-sub=\"long\">\n<div style=\"display: flex; align-items: flex-start; gap: 15px;\">\n<div style=\"background: rgba(196,167,104,0.1); color: #c4a768; width: 45px; height: 45px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; flex-shrink: 0; box-shadow: 0 4px 10px rgba(196,167,104,0.1);\">\u2699\ufe0f<\/div>\n<div>\n<h4 style=\"color: #1a202c; margin: 0 0 8px 0; font-size: clamp(1em, 2vw, 1.2em); font-weight: bold;\">Special Bar Quality (SBQ)<\/h4>\n<p style=\"color: #718096; margin: 0; font-size: 0.9em; line-height: 1.5;\">High-quality steel bars for special applications<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"category-card\" data-industry=\"steel\" data-sub=\"long\">\n<div style=\"display: flex; align-items: flex-start; gap: 15px;\">\n<div style=\"background: rgba(196,167,104,0.1); color: #c4a768; width: 45px; height: 45px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; flex-shrink: 0; box-shadow: 0 4px 10px rgba(196,167,104,0.1);\">\ud83e\uddf5<\/div>\n<div>\n<h4 style=\"color: #1a202c; margin: 0 0 8px 0; font-size: clamp(1em, 2vw, 1.2em); font-weight: bold;\">Wire Rods<\/h4>\n<p style=\"color: #718096; margin: 0; font-size: 0.9em; line-height: 1.5;\">Steel wire rods for drawing and processing<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><!-- Other Steel Products Sub-section --><\/p>\n<div class=\"sub-section\" style=\"margin-bottom: 50px;\">\n<div style=\"display: flex; align-items: center; gap: 10px; margin-bottom: 25px;\">\n<div style=\"width: 4px; height: 35px; background: #c4a768; border-radius: 2px; flex-shrink: 0;\"><\/div>\n<h3 style=\"color: #2c3e50; margin: 0; font-size: clamp(1.3em, 3vw, 1.6em); font-weight: bold;\">Special &#038; Other Products<\/h3>\n<\/div>\n<div style=\"display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); gap: 20px;\">\n<div class=\"category-card\" data-industry=\"steel\" data-sub=\"other\">\n<div style=\"display: flex; align-items: flex-start; gap: 15px;\">\n<div style=\"background: rgba(196,167,104,0.1); color: #c4a768; width: 45px; height: 45px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; flex-shrink: 0; box-shadow: 0 4px 10px rgba(196,167,104,0.1);\">\ud83d\udee2\ufe0f<\/div>\n<div>\n<h4 style=\"color: #1a202c; margin: 0 0 8px 0; font-size: clamp(1em, 2vw, 1.2em); font-weight: bold;\">Seamless Tubes<\/h4>\n<p style=\"color: #718096; margin: 0; font-size: 0.9em; line-height: 1.5;\">Seamless steel tubes for various applications<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"category-card\" data-industry=\"steel\" data-sub=\"other\">\n<div style=\"display: flex; align-items: flex-start; gap: 15px;\">\n<div style=\"background: rgba(196,167,104,0.1); color: #c4a768; width: 45px; height: 45px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; flex-shrink: 0; box-shadow: 0 4px 10px rgba(196,167,104,0.1);\">\u2728<\/div>\n<div>\n<h4 style=\"color: #1a202c; margin: 0 0 8px 0; font-size: clamp(1em, 2vw, 1.2em); font-weight: bold;\">Stainless Steel<\/h4>\n<p style=\"color: #718096; margin: 0; font-size: 0.9em; line-height: 1.5;\">Corrosion-resistant stainless steel products<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"category-card\" data-industry=\"steel\" data-sub=\"other\">\n<div style=\"display: flex; align-items: flex-start; gap: 15px;\">\n<div style=\"background: rgba(196,167,104,0.1); color: #c4a768; width: 45px; height: 45px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; flex-shrink: 0; box-shadow: 0 4px 10px rgba(196,167,104,0.1);\">\ud83d\udd18<\/div>\n<div>\n<h4 style=\"color: #1a202c; margin: 0 0 8px 0; font-size: clamp(1em, 2vw, 1.2em); font-weight: bold;\">Round Billets<\/h4>\n<p style=\"color: #718096; margin: 0; font-size: 0.9em; line-height: 1.5;\">Round steel billets for further processing<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"category-card\" data-industry=\"steel\" data-sub=\"other\">\n<div style=\"display: flex; align-items: flex-start; gap: 15px;\">\n<div style=\"background: rgba(196,167,104,0.1); color: #c4a768; width: 45px; height: 45px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; flex-shrink: 0; box-shadow: 0 4px 10px rgba(196,167,104,0.1);\">\ud83c\udfed<\/div>\n<div>\n<h4 style=\"color: #1a202c; margin: 0 0 8px 0; font-size: clamp(1em, 2vw, 1.2em); font-weight: bold;\">Castings<\/h4>\n<p style=\"color: #718096; margin: 0; font-size: 0.9em; line-height: 1.5;\">Steel castings for industrial components<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"category-card\" data-industry=\"steel\" data-sub=\"other\">\n<div style=\"display: flex; align-items: flex-start; gap: 15px;\">\n<div style=\"background: rgba(196,167,104,0.1); color: #c4a768; width: 45px; height: 45px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; flex-shrink: 0; box-shadow: 0 4px 10px rgba(196,167,104,0.1);\">\ud83d\udd28<\/div>\n<div>\n<h4 style=\"color: #1a202c; margin: 0 0 8px 0; font-size: clamp(1em, 2vw, 1.2em); font-weight: bold;\">Forgings<\/h4>\n<p style=\"color: #718096; margin: 0; font-size: 0.9em; line-height: 1.5;\">Steel forgings for high-strength applications<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><!-- Aluminum Products Section --><\/p>\n<div class=\"industry-section\" id=\"aluminumSection\" style=\"scroll-margin-top: 20px;\">\n<div style=\"background: linear-gradient(to right, rgba(44,62,80,0.05), rgba(44,62,80,0.02)); padding: clamp(25px, 5vw, 40px); border-radius: 20px; margin-bottom: 40px; border: 1px solid rgba(44,62,80,0.1);\">\n<div style=\"display: flex; align-items: center; gap: 15px; margin-bottom: 30px; flex-wrap: wrap;\">\n<div style=\"background: #2c3e50; color: white; width: 50px; height: 50px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 1.5em; font-weight: bold; box-shadow: 0 5px 15px rgba(44,62,80,0.2); flex-shrink: 0;\">\ud83d\udd29<\/div>\n<div>\n<h2 style=\"color: #1a202c; margin: 0 0 5px 0; font-size: clamp(1.5em, 4vw, 2em); font-weight: 800;\">ALUMINUM PRODUCTS<\/h2>\n<p style=\"color: #718096; margin: 0; font-size: clamp(0.9em, 2vw, 1.1em); font-weight: 500;\">Primary, Secondary, and Processed Aluminum Products<\/p>\n<\/div>\n<\/div>\n<p><!-- Primary & Secondary Aluminum Sub-section --><\/p>\n<div class=\"sub-section\" style=\"margin-bottom: 50px;\">\n<div style=\"display: flex; align-items: center; gap: 10px; margin-bottom: 25px;\">\n<div style=\"width: 4px; height: 35px; background: #2c3e50; border-radius: 2px; flex-shrink: 0;\"><\/div>\n<h3 style=\"color: #2c3e50; margin: 0; font-size: clamp(1.3em, 3vw, 1.6em); font-weight: bold;\">Raw &#038; Semi-Finished<\/h3>\n<\/div>\n<div style=\"display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); gap: 20px;\">\n<div class=\"category-card\" data-industry=\"aluminum\" data-sub=\"raw\">\n<div style=\"display: flex; align-items: flex-start; gap: 15px;\">\n<div style=\"background: rgba(44,62,80,0.1); color: #2c3e50; width: 45px; height: 45px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; flex-shrink: 0; box-shadow: 0 4px 10px rgba(44,62,80,0.1);\">\ud83c\udfed<\/div>\n<div>\n<h4 style=\"color: #1a202c; margin: 0 0 8px 0; font-size: clamp(1em, 2vw, 1.2em); font-weight: bold;\">Primary Aluminum<\/h4>\n<p style=\"color: #718096; margin: 0; font-size: 0.9em; line-height: 1.5;\">Slabs, ingots, billets from primary production<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"category-card\" data-industry=\"aluminum\" data-sub=\"raw\">\n<div style=\"display: flex; align-items: flex-start; gap: 15px;\">\n<div style=\"background: rgba(44,62,80,0.1); color: #2c3e50; width: 45px; height: 45px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; flex-shrink: 0; box-shadow: 0 4px 10px rgba(44,62,80,0.1);\">\u267b\ufe0f<\/div>\n<div>\n<h4 style=\"color: #1a202c; margin: 0 0 8px 0; font-size: clamp(1em, 2vw, 1.2em); font-weight: bold;\">Secondary Aluminum<\/h4>\n<p style=\"color: #718096; margin: 0; font-size: 0.9em; line-height: 1.5;\">Aluminum from scrap recycling process<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"category-card\" data-industry=\"aluminum\" data-sub=\"raw\">\n<div style=\"display: flex; align-items: flex-start; gap: 15px;\">\n<div style=\"background: rgba(44,62,80,0.1); color: #2c3e50; width: 45px; height: 45px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; flex-shrink: 0; box-shadow: 0 4px 10px rgba(44,62,80,0.1);\">\ud83d\udcc4<\/div>\n<div>\n<h4 style=\"color: #1a202c; margin: 0 0 8px 0; font-size: clamp(1em, 2vw, 1.2em); font-weight: bold;\">Foil Stock<\/h4>\n<p style=\"color: #718096; margin: 0; font-size: 0.9em; line-height: 1.5;\">Base material for aluminum foil production<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"category-card\" data-industry=\"aluminum\" data-sub=\"raw\">\n<div style=\"display: flex; align-items: flex-start; gap: 15px;\">\n<div style=\"background: rgba(44,62,80,0.1); color: #2c3e50; width: 45px; height: 45px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; flex-shrink: 0; box-shadow: 0 4px 10px rgba(44,62,80,0.1);\">\ud83e\udd61<\/div>\n<div>\n<h4 style=\"color: #1a202c; margin: 0 0 8px 0; font-size: clamp(1em, 2vw, 1.2em); font-weight: bold;\">Foil<\/h4>\n<p style=\"color: #718096; margin: 0; font-size: 0.9em; line-height: 1.5;\">Thin aluminum sheets for packaging<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><!-- Sheet & Extrusion Products Sub-section --><\/p>\n<div class=\"sub-section\" style=\"margin-bottom: 50px;\">\n<div style=\"display: flex; align-items: center; gap: 10px; margin-bottom: 25px;\">\n<div style=\"width: 4px; height: 35px; background: #2c3e50; border-radius: 2px; flex-shrink: 0;\"><\/div>\n<h3 style=\"color: #2c3e50; margin: 0; font-size: clamp(1.3em, 3vw, 1.6em); font-weight: bold;\">Sheet &#038; Extrusion Products<\/h3>\n<\/div>\n<div style=\"display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); gap: 20px;\">\n<div class=\"category-card\" data-industry=\"aluminum\" data-sub=\"sheet\">\n<div style=\"display: flex; align-items: flex-start; gap: 15px;\">\n<div style=\"background: rgba(44,62,80,0.1); color: #2c3e50; width: 45px; height: 45px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; flex-shrink: 0; box-shadow: 0 4px 10px rgba(44,62,80,0.1);\">\ud83d\ude97<\/div>\n<div>\n<h4 style=\"color: #1a202c; margin: 0 0 8px 0; font-size: clamp(1em, 2vw, 1.2em); font-weight: bold;\">Automotive Sheet<\/h4>\n<p style=\"color: #718096; margin: 0; font-size: 0.9em; line-height: 1.5;\">Aluminum sheets for automotive industry<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"category-card\" data-industry=\"aluminum\" data-sub=\"sheet\">\n<div style=\"display: flex; align-items: flex-start; gap: 15px;\">\n<div style=\"background: rgba(44,62,80,0.1); color: #2c3e50; width: 45px; height: 45px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; flex-shrink: 0; box-shadow: 0 4px 10px rgba(44,62,80,0.1);\">\ud83e\udd6b<\/div>\n<div>\n<h4 style=\"color: #1a202c; margin: 0 0 8px 0; font-size: clamp(1em, 2vw, 1.2em); font-weight: bold;\">Can Stock<\/h4>\n<p style=\"color: #718096; margin: 0; font-size: 0.9em; line-height: 1.5;\">Aluminum for beverage can production<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"category-card\" data-industry=\"aluminum\" data-sub=\"sheet\">\n<div style=\"display: flex; align-items: flex-start; gap: 15px;\">\n<div style=\"background: rgba(44,62,80,0.1); color: #2c3e50; width: 45px; height: 45px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; flex-shrink: 0; box-shadow: 0 4px 10px rgba(44,62,80,0.1);\">\ud83c\udfe2<\/div>\n<div>\n<h4 style=\"color: #1a202c; margin: 0 0 8px 0; font-size: clamp(1em, 2vw, 1.2em); font-weight: bold;\">Construction Sheet<\/h4>\n<p style=\"color: #718096; margin: 0; font-size: 0.9em; line-height: 1.5;\">Aluminum sheets for building construction<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"category-card\" data-industry=\"aluminum\" data-sub=\"sheet\">\n<div style=\"display: flex; align-items: flex-start; gap: 15px;\">\n<div style=\"background: rgba(44,62,80,0.1); color: #2c3e50; width: 45px; height: 45px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; flex-shrink: 0; box-shadow: 0 4px 10px rgba(44,62,80,0.1);\">\ud83d\udccf<\/div>\n<div>\n<h4 style=\"color: #1a202c; margin: 0 0 8px 0; font-size: clamp(1em, 2vw, 1.2em); font-weight: bold;\">Extrusions (General)<\/h4>\n<p style=\"color: #718096; margin: 0; font-size: 0.9em; line-height: 1.5;\">General purpose aluminum extrusions<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"category-card\" data-industry=\"aluminum\" data-sub=\"sheet\">\n<div style=\"display: flex; align-items: flex-start; gap: 15px;\">\n<div style=\"background: rgba(44,62,80,0.1); color: #2c3e50; width: 45px; height: 45px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; flex-shrink: 0; box-shadow: 0 4px 10px rgba(44,62,80,0.1);\">\ud83c\udf1e<\/div>\n<div>\n<h4 style=\"color: #1a202c; margin: 0 0 8px 0; font-size: clamp(1em, 2vw, 1.2em); font-weight: bold;\">Extrusions 6xxx Series<\/h4>\n<p style=\"color: #718096; margin: 0; font-size: 0.9em; line-height: 1.5;\">Aluminum extrusions for renewables industry<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"category-card\" data-industry=\"aluminum\" data-sub=\"sheet\">\n<div style=\"display: flex; align-items: flex-start; gap: 15px;\">\n<div style=\"background: rgba(44,62,80,0.1); color: #2c3e50; width: 45px; height: 45px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; flex-shrink: 0; box-shadow: 0 4px 10px rgba(44,62,80,0.1);\">\u2708\ufe0f<\/div>\n<div>\n<h4 style=\"color: #1a202c; margin: 0 0 8px 0; font-size: clamp(1em, 2vw, 1.2em); font-weight: bold;\">Extrusions 7xxx Series<\/h4>\n<p style=\"color: #718096; margin: 0; font-size: 0.9em; line-height: 1.5;\">High-strength aluminum for aerospace<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><!-- Specialized Products Sub-section --><\/p>\n<div class=\"sub-section\" style=\"margin-bottom: 50px;\">\n<div style=\"display: flex; align-items: center; gap: 10px; margin-bottom: 25px;\">\n<div style=\"width: 4px; height: 35px; background: #2c3e50; border-radius: 2px; flex-shrink: 0;\"><\/div>\n<h3 style=\"color: #2c3e50; margin: 0; font-size: clamp(1.3em, 3vw, 1.6em); font-weight: bold;\">Specialized Products<\/h3>\n<\/div>\n<div style=\"display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); gap: 20px;\">\n<div class=\"category-card\" data-industry=\"aluminum\" data-sub=\"special\">\n<div style=\"display: flex; align-items: flex-start; gap: 15px;\">\n<div style=\"background: rgba(44,62,80,0.1); color: #2c3e50; width: 45px; height: 45px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; flex-shrink: 0; box-shadow: 0 4px 10px rgba(44,62,80,0.1);\">\ud83d\udd0c<\/div>\n<div>\n<h4 style=\"color: #1a202c; margin: 0 0 8px 0; font-size: clamp(1em, 2vw, 1.2em); font-weight: bold;\">Conductor Wire<\/h4>\n<p style=\"color: #718096; margin: 0; font-size: 0.9em; line-height: 1.5;\">Aluminum wire for electrical conductors<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"category-card\" data-industry=\"aluminum\" data-sub=\"special\">\n<div style=\"display: flex; align-items: flex-start; gap: 15px;\">\n<div style=\"background: rgba(44,62,80,0.1); color: #2c3e50; width: 45px; height: 45px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; flex-shrink: 0; box-shadow: 0 4px 10px rgba(44,62,80,0.1);\">\ud83c\udf2b\ufe0f<\/div>\n<div>\n<h4 style=\"color: #1a202c; margin: 0 0 8px 0; font-size: clamp(1em, 2vw, 1.2em); font-weight: bold;\">Powder<\/h4>\n<p style=\"color: #718096; margin: 0; font-size: 0.9em; line-height: 1.5;\">Aluminum powder for various applications<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"category-card\" data-industry=\"aluminum\" data-sub=\"special\">\n<div style=\"display: flex; align-items: flex-start; gap: 15px;\">\n<div style=\"background: rgba(44,62,80,0.1); color: #2c3e50; width: 45px; height: 45px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; flex-shrink: 0; box-shadow: 0 4px 10px rgba(44,62,80,0.1);\">\u2708\ufe0f<\/div>\n<div>\n<h4 style=\"color: #1a202c; margin: 0 0 8px 0; font-size: clamp(1em, 2vw, 1.2em); font-weight: bold;\">Plate (Aerospace)<\/h4>\n<p style=\"color: #718096; margin: 0; font-size: 0.9em; line-height: 1.5;\">Aluminum plates for aerospace applications<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"category-card\" data-industry=\"aluminum\" data-sub=\"special\">\n<div style=\"display: flex; align-items: flex-start; gap: 15px;\">\n<div style=\"background: rgba(44,62,80,0.1); color: #2c3e50; width: 45px; height: 45px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; flex-shrink: 0; box-shadow: 0 4px 10px rgba(44,62,80,0.1);\">\ud83c\udfed<\/div>\n<div>\n<h4 style=\"color: #1a202c; margin: 0 0 8px 0; font-size: clamp(1em, 2vw, 1.2em); font-weight: bold;\">Castings<\/h4>\n<p style=\"color: #718096; margin: 0; font-size: 0.9em; line-height: 1.5;\">Aluminum castings for industrial use<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"category-card\" data-industry=\"aluminum\" data-sub=\"special\">\n<div style=\"display: flex; align-items: flex-start; gap: 15px;\">\n<div style=\"background: rgba(44,62,80,0.1); color: #2c3e50; width: 45px; height: 45px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; flex-shrink: 0; box-shadow: 0 4px 10px rgba(44,62,80,0.1);\">\u2699\ufe0f<\/div>\n<div>\n<h4 style=\"color: #1a202c; margin: 0 0 8px 0; font-size: clamp(1em, 2vw, 1.2em); font-weight: bold;\">PFA<\/h4>\n<p style=\"color: #718096; margin: 0; font-size: 0.9em; line-height: 1.5;\">Processed aluminum for specific applications<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><!-- Copper Products Section --><\/p>\n<div class=\"industry-section\" id=\"copperSection\" style=\"scroll-margin-top: 20px;\">\n<div style=\"background: linear-gradient(to right, rgba(196,167,104,0.05), rgba(196,167,104,0.02)); padding: clamp(25px, 5vw, 40px); border-radius: 20px; margin-bottom: 40px; border: 1px solid rgba(196,167,104,0.1);\">\n<div style=\"display: flex; align-items: center; gap: 15px; margin-bottom: 30px; flex-wrap: wrap;\">\n<div style=\"background: #c4a768; color: white; width: 50px; height: 50px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 1.5em; font-weight: bold; box-shadow: 0 5px 15px rgba(196,167,104,0.2); flex-shrink: 0;\">\ud83d\udd0c<\/div>\n<div>\n<h2 style=\"color: #1a202c; margin: 0 0 5px 0; font-size: clamp(1.5em, 4vw, 2em); font-weight: 800;\">COPPER PRODUCTS<\/h2>\n<p style=\"color: #718096; margin: 0; font-size: clamp(0.9em, 2vw, 1.1em); font-weight: 500;\">Primary, Secondary, and Processed Copper Products<\/p>\n<\/div>\n<\/div>\n<p><!-- Copper Raw Materials Sub-section --><\/p>\n<div class=\"sub-section\" style=\"margin-bottom: 50px;\">\n<div style=\"display: flex; align-items: center; gap: 10px; margin-bottom: 25px;\">\n<div style=\"width: 4px; height: 35px; background: #c4a768; border-radius: 2px; flex-shrink: 0;\"><\/div>\n<h3 style=\"color: #2c3e50; margin: 0; font-size: clamp(1.3em, 3vw, 1.6em); font-weight: bold;\">Raw Materials<\/h3>\n<\/div>\n<div style=\"display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); gap: 20px;\">\n<div class=\"category-card\" data-industry=\"copper\" data-sub=\"raw\">\n<div style=\"display: flex; align-items: flex-start; gap: 15px;\">\n<div style=\"background: rgba(196,167,104,0.1); color: #c4a768; width: 45px; height: 45px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; flex-shrink: 0; box-shadow: 0 4px 10px rgba(196,167,104,0.1);\">\ud83c\udfed<\/div>\n<div>\n<h4 style=\"color: #1a202c; margin: 0 0 8px 0; font-size: clamp(1em, 2vw, 1.2em); font-weight: bold;\">Primary Copper Cathodes<\/h4>\n<p style=\"color: #718096; margin: 0; font-size: 0.9em; line-height: 1.5;\">Pure copper cathodes from primary production<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"category-card\" data-industry=\"copper\" data-sub=\"raw\">\n<div style=\"display: flex; align-items: flex-start; gap: 15px;\">\n<div style=\"background: rgba(196,167,104,0.1); color: #c4a768; width: 45px; height: 45px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; flex-shrink: 0; box-shadow: 0 4px 10px rgba(196,167,104,0.1);\">\u267b\ufe0f<\/div>\n<div>\n<h4 style=\"color: #1a202c; margin: 0 0 8px 0; font-size: clamp(1em, 2vw, 1.2em); font-weight: bold;\">Secondary Copper Cathodes<\/h4>\n<p style=\"color: #718096; margin: 0; font-size: 0.9em; line-height: 1.5;\">Copper cathodes from scrap recycling<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><!-- Processed Copper Products Sub-section --><\/p>\n<div class=\"sub-section\" style=\"margin-bottom: 50px;\">\n<div style=\"display: flex; align-items: center; gap: 10px; margin-bottom: 25px;\">\n<div style=\"width: 4px; height: 35px; background: #c4a768; border-radius: 2px; flex-shrink: 0;\"><\/div>\n<h3 style=\"color: #2c3e50; margin: 0; font-size: clamp(1.3em, 3vw, 1.6em); font-weight: bold;\">Processed Products<\/h3>\n<\/div>\n<div style=\"display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); gap: 20px;\">\n<div class=\"category-card\" data-industry=\"copper\" data-sub=\"processed\">\n<div style=\"display: flex; align-items: flex-start; gap: 15px;\">\n<div style=\"background: rgba(196,167,104,0.1); color: #c4a768; width: 45px; height: 45px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; flex-shrink: 0; box-shadow: 0 4px 10px rgba(196,167,104,0.1);\">\ud83d\udd17<\/div>\n<div>\n<h4 style=\"color: #1a202c; margin: 0 0 8px 0; font-size: clamp(1em, 2vw, 1.2em); font-weight: bold;\">Wires and Cables<\/h4>\n<p style=\"color: #718096; margin: 0; font-size: 0.9em; line-height: 1.5;\">Copper wires and electrical cables<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"category-card\" data-industry=\"copper\" data-sub=\"processed\">\n<div style=\"display: flex; align-items: flex-start; gap: 15px;\">\n<div style=\"background: rgba(196,167,104,0.1); color: #c4a768; width: 45px; height: 45px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; flex-shrink: 0; box-shadow: 0 4px 10px rgba(196,167,104,0.1);\">\ud83d\udee2\ufe0f<\/div>\n<div>\n<h4 style=\"color: #1a202c; margin: 0 0 8px 0; font-size: clamp(1em, 2vw, 1.2em); font-weight: bold;\">Tubes<\/h4>\n<p style=\"color: #718096; margin: 0; font-size: 0.9em; line-height: 1.5;\">Copper tubes for plumbing and HVAC<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"category-card\" data-industry=\"copper\" data-sub=\"processed\">\n<div style=\"display: flex; align-items: flex-start; gap: 15px;\">\n<div style=\"background: rgba(196,167,104,0.1); color: #c4a768; width: 45px; height: 45px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; flex-shrink: 0; box-shadow: 0 4px 10px rgba(196,167,104,0.1);\">\ud83d\udccf<\/div>\n<div>\n<h4 style=\"color: #1a202c; margin: 0 0 8px 0; font-size: clamp(1em, 2vw, 1.2em); font-weight: bold;\">Rods, Bars &#038; Sections<\/h4>\n<p style=\"color: #718096; margin: 0; font-size: 0.9em; line-height: 1.5;\">Copper rods, bars, and structural sections<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"category-card\" data-industry=\"copper\" data-sub=\"processed\">\n<div style=\"display: flex; align-items: flex-start; gap: 15px;\">\n<div style=\"background: rgba(196,167,104,0.1); color: #c4a768; width: 45px; height: 45px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; flex-shrink: 0; box-shadow: 0 4px 10px rgba(196,167,104,0.1);\">\ud83d\udcc4<\/div>\n<div>\n<h4 style=\"color: #1a202c; margin: 0 0 8px 0; font-size: clamp(1em, 2vw, 1.2em); font-weight: bold;\">Plate, Sheet &#038; Strip<\/h4>\n<p style=\"color: #718096; margin: 0; font-size: 0.9em; line-height: 1.5;\">Copper plates, sheets, and strips<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"category-card\" data-industry=\"copper\" data-sub=\"processed\">\n<div style=\"display: flex; align-items: flex-start; gap: 15px;\">\n<div style=\"background: rgba(196,167,104,0.1); color: #c4a768; width: 45px; height: 45px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; flex-shrink: 0; box-shadow: 0 4px 10px rgba(196,167,104,0.1);\">\ud83c\udfed<\/div>\n<div>\n<h4 style=\"color: #1a202c; margin: 0 0 8px 0; font-size: clamp(1em, 2vw, 1.2em); font-weight: bold;\">Castings<\/h4>\n<p style=\"color: #718096; margin: 0; font-size: 0.9em; line-height: 1.5;\">Copper castings for industrial components<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><!-- Titanium Products Section --><\/p>\n<div class=\"industry-section\" id=\"titaniumSection\" style=\"scroll-margin-top: 20px;\">\n<div style=\"background: linear-gradient(to right, rgba(44,62,80,0.05), rgba(44,62,80,0.02)); padding: clamp(25px, 5vw, 40px); border-radius: 20px; margin-bottom: 40px; border: 1px solid rgba(44,62,80,0.1);\">\n<div style=\"display: flex; align-items: center; gap: 15px; margin-bottom: 30px; flex-wrap: wrap;\">\n<div style=\"background: #2c3e50; color: white; width: 50px; height: 50px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 1.5em; font-weight: bold; box-shadow: 0 5px 15px rgba(44,62,80,0.2); flex-shrink: 0;\">\ud83d\ude80<\/div>\n<div>\n<h2 style=\"color: #1a202c; margin: 0 0 5px 0; font-size: clamp(1.5em, 4vw, 2em); font-weight: 800;\">TITANIUM PRODUCTS<\/h2>\n<p style=\"color: #718096; margin: 0; font-size: clamp(0.9em, 2vw, 1.1em); font-weight: 500;\">High-Performance Titanium for Aerospace and Industry<\/p>\n<\/div>\n<\/div>\n<p><!-- Raw & Semi-Finished Titanium Sub-section --><\/p>\n<div class=\"sub-section\" style=\"margin-bottom: 50px;\">\n<div style=\"display: flex; align-items: center; gap: 10px; margin-bottom: 25px;\">\n<div style=\"width: 4px; height: 35px; background: #2c3e50; border-radius: 2px; flex-shrink: 0;\"><\/div>\n<h3 style=\"color: #2c3e50; margin: 0; font-size: clamp(1.3em, 3vw, 1.6em); font-weight: bold;\">Raw &#038; Semi-Finished<\/h3>\n<\/div>\n<div style=\"display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); gap: 20px;\">\n<div class=\"category-card\" data-industry=\"titanium\" data-sub=\"raw\">\n<div style=\"display: flex; align-items: flex-start; gap: 15px;\">\n<div style=\"background: rgba(44,62,80,0.1); color: #2c3e50; width: 45px; height: 45px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; flex-shrink: 0; box-shadow: 0 4px 10px rgba(44,62,80,0.1);\">\ud83c\udf2b\ufe0f<\/div>\n<div>\n<h4 style=\"color: #1a202c; margin: 0 0 8px 0; font-size: clamp(1em, 2vw, 1.2em); font-weight: bold;\">Sponge<\/h4>\n<p style=\"color: #718096; margin: 0; font-size: 0.9em; line-height: 1.5;\">Titanium sponge for further processing<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"category-card\" data-industry=\"titanium\" data-sub=\"raw\">\n<div style=\"display: flex; align-items: flex-start; gap: 15px;\">\n<div style=\"background: rgba(44,62,80,0.1); color: #2c3e50; width: 45px; height: 45px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; flex-shrink: 0; box-shadow: 0 4px 10px rgba(44,62,80,0.1);\">\ud83c\udfed<\/div>\n<div>\n<h4 style=\"color: #1a202c; margin: 0 0 8px 0; font-size: clamp(1em, 2vw, 1.2em); font-weight: bold;\">Melt (Ingot)<\/h4>\n<p style=\"color: #718096; margin: 0; font-size: 0.9em; line-height: 1.5;\">Titanium ingots from melting process<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"category-card\" data-industry=\"titanium\" data-sub=\"raw\">\n<div style=\"display: flex; align-items: flex-start; gap: 15px;\">\n<div style=\"background: rgba(44,62,80,0.1); color: #2c3e50; width: 45px; height: 45px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; flex-shrink: 0; box-shadow: 0 4px 10px rgba(44,62,80,0.1);\">\ud83d\udd29<\/div>\n<div>\n<h4 style=\"color: #1a202c; margin: 0 0 8px 0; font-size: clamp(1em, 2vw, 1.2em); font-weight: bold;\">Billets &#038; Slabs (Forging)<\/h4>\n<p style=\"color: #718096; margin: 0; font-size: 0.9em; line-height: 1.5;\">Titanium billets and slabs for forging<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"category-card\" data-industry=\"titanium\" data-sub=\"raw\">\n<div style=\"display: flex; align-items: flex-start; gap: 15px;\">\n<div style=\"background: rgba(44,62,80,0.1); color: #2c3e50; width: 45px; height: 45px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; flex-shrink: 0; box-shadow: 0 4px 10px rgba(44,62,80,0.1);\">\ud83d\udd28<\/div>\n<div>\n<h4 style=\"color: #1a202c; margin: 0 0 8px 0; font-size: clamp(1em, 2vw, 1.2em); font-weight: bold;\">Shaped Forgings<\/h4>\n<p style=\"color: #718096; margin: 0; font-size: 0.9em; line-height: 1.5;\">Precision titanium forgings<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><!-- Processed Titanium Products Sub-section --><\/p>\n<div class=\"sub-section\" style=\"margin-bottom: 50px;\">\n<div style=\"display: flex; align-items: center; gap: 10px; margin-bottom: 25px;\">\n<div style=\"width: 4px; height: 35px; background: #2c3e50; border-radius: 2px; flex-shrink: 0;\"><\/div>\n<h3 style=\"color: #2c3e50; margin: 0; font-size: clamp(1.3em, 3vw, 1.6em); font-weight: bold;\">Processed Products<\/h3>\n<\/div>\n<div style=\"display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); gap: 20px;\">\n<div class=\"category-card\" data-industry=\"titanium\" data-sub=\"processed\">\n<div style=\"display: flex; align-items: flex-start; gap: 15px;\">\n<div style=\"background: rgba(44,62,80,0.1); color: #2c3e50; width: 45px; height: 45px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; flex-shrink: 0; box-shadow: 0 4px 10px rgba(44,62,80,0.1);\">\ud83d\udee2\ufe0f<\/div>\n<div>\n<h4 style=\"color: #1a202c; margin: 0 0 8px 0; font-size: clamp(1em, 2vw, 1.2em); font-weight: bold;\">Extrusions (Tubes)<\/h4>\n<p style=\"color: #718096; margin: 0; font-size: 0.9em; line-height: 1.5;\">Titanium extruded tubes<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"category-card\" data-industry=\"titanium\" data-sub=\"processed\">\n<div style=\"display: flex; align-items: flex-start; gap: 15px;\">\n<div style=\"background: rgba(44,62,80,0.1); color: #2c3e50; width: 45px; height: 45px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; flex-shrink: 0; box-shadow: 0 4px 10px rgba(44,62,80,0.1);\">\ud83d\udcd0<\/div>\n<div>\n<h4 style=\"color: #1a202c; margin: 0 0 8px 0; font-size: clamp(1em, 2vw, 1.2em); font-weight: bold;\">Extrusions (Profiles)<\/h4>\n<p style=\"color: #718096; margin: 0; font-size: 0.9em; line-height: 1.5;\">Titanium extruded profiles<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"category-card\" data-industry=\"titanium\" data-sub=\"processed\">\n<div style=\"display: flex; align-items: flex-start; gap: 15px;\">\n<div style=\"background: rgba(44,62,80,0.1); color: #2c3e50; width: 45px; height: 45px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; flex-shrink: 0; box-shadow: 0 4px 10px rgba(44,62,80,0.1);\">\ud83d\udccf<\/div>\n<div>\n<h4 style=\"color: #1a202c; margin: 0 0 8px 0; font-size: clamp(1em, 2vw, 1.2em); font-weight: bold;\">Extrusions (Rod)<\/h4>\n<p style=\"color: #718096; margin: 0; font-size: 0.9em; line-height: 1.5;\">Titanium extruded rods<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"category-card\" data-industry=\"titanium\" data-sub=\"processed\">\n<div style=\"display: flex; align-items: flex-start; gap: 15px;\">\n<div style=\"background: rgba(44,62,80,0.1); color: #2c3e50; width: 45px; height: 45px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; flex-shrink: 0; box-shadow: 0 4px 10px rgba(44,62,80,0.1);\">\ud83d\udcc4<\/div>\n<div>\n<h4 style=\"color: #1a202c; margin: 0 0 8px 0; font-size: clamp(1em, 2vw, 1.2em); font-weight: bold;\">Plate &#038; Sheet<\/h4>\n<p style=\"color: #718096; margin: 0; font-size: 0.9em; line-height: 1.5;\">Titanium plates and sheets<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"category-card\" data-industry=\"titanium\" data-sub=\"processed\">\n<div style=\"display: flex; align-items: flex-start; gap: 15px;\">\n<div style=\"background: rgba(44,62,80,0.1); color: #2c3e50; width: 45px; height: 45px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; flex-shrink: 0; box-shadow: 0 4px 10px rgba(44,62,80,0.1);\">\ud83c\udfed<\/div>\n<div>\n<h4 style=\"color: #1a202c; margin: 0 0 8px 0; font-size: clamp(1em, 2vw, 1.2em); font-weight: bold;\">Castings<\/h4>\n<p style=\"color: #718096; margin: 0; font-size: 0.9em; line-height: 1.5;\">Titanium castings for high-performance applications<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"category-card\" data-industry=\"titanium\" data-sub=\"processed\">\n<div style=\"display: flex; align-items: flex-start; gap: 15px;\">\n<div style=\"background: rgba(44,62,80,0.1); color: #2c3e50; width: 45px; height: 45px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; flex-shrink: 0; box-shadow: 0 4px 10px rgba(44,62,80,0.1);\">\ud83d\udd17<\/div>\n<div>\n<h4 style=\"color: #1a202c; margin: 0 0 8px 0; font-size: clamp(1em, 2vw, 1.2em); font-weight: bold;\">Welded Tubes<\/h4>\n<p style=\"color: #718096; margin: 0; font-size: 0.9em; line-height: 1.5;\">Titanium welded tubes<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><!-- Back to Top Button --><\/p>\n<div id=\"backToTop\" style=\"display: none; position: fixed; bottom: 30px; right: 30px; background: #c4a768; color: white; width: 50px; height: 50px; border-radius: 50%; align-items: center; justify-content: center; font-size: 1.5em; cursor: pointer; box-shadow: 0 5px 15px rgba(196,167,104,0.3); z-index: 100; transition: all 0.3s;\" onclick=\"window.scrollTo({top: 0, behavior: 'smooth'})\">\u2191<\/div>\n<\/div>\n<style>\n.category-card {<br \/>\n    background: white;<br \/>\n    padding: 25px;<br \/>\n    border-radius: 15px;<br \/>\n    border: 2px solid #edf2f7;<br \/>\n    transition: all 0.3s ease;<br \/>\n    cursor: pointer;<br \/>\n    box-shadow: 0 5px 15px rgba(0,0,0,0.05);<br \/>\n}<\/p>\n<p>.category-card:hover {<br \/>\n    transform: translateY(-5px);<br \/>\n    border-color: #c4a768;<br \/>\n    box-shadow: 0 10px 25px rgba(196,167,104,0.15);<br \/>\n}<\/p>\n<p>.industry-section {<br \/>\n    margin-bottom: 60px;<br \/>\n}<\/p>\n<p>.sub-section {<br \/>\n    margin-bottom: 50px;<br \/>\n}<\/p>\n<p>\/* Mobile-specific styles *\/<br \/>\n@media (max-width: 768px) {<br \/>\n    .category-card {<br \/>\n        padding: 20px 15px;<br \/>\n    }<\/p>\n<p>    .category-card h4 {<br \/>\n        font-size: 1.1em !important;<br \/>\n    }<\/p>\n<p>    .category-card p {<br \/>\n        font-size: 0.85em !important;<br \/>\n    }<\/p>\n<p>    .sub-section h3 {<br \/>\n        font-size: 1.4em !important;<br \/>\n    }<\/p>\n<p>    .industry-section > div > div > h2 {<br \/>\n        font-size: 1.8em !important;<br \/>\n    }<\/p>\n<p>    #backToTop {<br \/>\n        bottom: 20px;<br \/>\n        right: 20px;<br \/>\n        width: 45px;<br \/>\n        height: 45px;<br \/>\n        font-size: 1.3em;<br \/>\n    }<\/p>\n<p>    \/* Show mobile navigation on small screens *\/<br \/>\n    div[style*=\"display: none\"] {<br \/>\n        display: block !important;<br \/>\n    }<br \/>\n}<\/p>\n<p>@media (max-width: 480px) {<br \/>\n    .category-card {<br \/>\n        padding: 18px 12px;<br \/>\n    }<\/p>\n<p>    .category-card > div {<br \/>\n        gap: 12px !important;<br \/>\n    }<\/p>\n<p>    .category-card > div > div:first-child {<br \/>\n        width: 40px !important;<br \/>\n        height: 40px !important;<br \/>\n        font-size: 1.2em !important;<br \/>\n    }<\/p>\n<p>    .sub-section h3 {<br \/>\n        font-size: 1.3em !important;<br \/>\n    }<\/p>\n<p>    .industry-section > div {<br \/>\n        padding: 25px 20px !important;<br \/>\n    }<br \/>\n}<br \/>\n<\/style>\n<p><script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    const categoryCards = document.querySelectorAll('.category-card');\n    const backToTop = document.getElementById('backToTop');<\/p>\n<p>    \/\/ Add click functionality to cards\n    categoryCards.forEach(card => {\n        card.addEventListener('click', function() {\n            const title = this.querySelector('h4').textContent;\n            const industry = this.getAttribute('data-industry');\n            const subCategory = this.getAttribute('data-sub');<\/p>\n<p>            \/\/ In a real implementation, this would navigate to a detailed page\n            alert(`Selected: ${title}\\n\\nIndustry: ${industry.charAt(0).toUpperCase() + industry.slice(1)}\\n\\nSub-category: ${subCategory}\\n\\nThis would navigate to a detailed page about this metal product.`);\n        });\n    });<\/p>\n<p>    \/\/ Show\/hide back to top button\n    window.addEventListener('scroll', function() {\n        if (window.scrollY > 300) {\n            backToTop.style.display = 'flex';\n        } else {\n            backToTop.style.display = 'none';\n        }\n    });\n});\n<\/script><\/p>\n<\/section>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><\/div><\/section><\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"Complete Investment Portfolio MINERALS &amp; METALS INDUSTRY Explore all investment categories for minerals and metals production under Saudi Arabia's Vision 2030 \u2699\ufe0f Steel \ud83d\udd29 Aluminum \ud83d\udd0c Copper \ud83d\ude80 Titanium \u2699\ufe0f STEEL PRODUCTS Flat, Long, and Specialized Steel Products Flat Products \ud83d\udd25 Hot Rolled Coil (HRC) Hot rolled steel coils for","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7619","page","type-page","status-publish","hentry"],"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"tafejd","author_link":"https:\/\/tafejd.com\/ar\/author\/tafejd\/"},"rttpg_comment":0,"rttpg_category":null,"rttpg_excerpt":null,"_links":{"self":[{"href":"https:\/\/tafejd.com\/ar\/wp-json\/wp\/v2\/pages\/7619","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tafejd.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tafejd.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tafejd.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tafejd.com\/ar\/wp-json\/wp\/v2\/comments?post=7619"}],"version-history":[{"count":0,"href":"https:\/\/tafejd.com\/ar\/wp-json\/wp\/v2\/pages\/7619\/revisions"}],"wp:attachment":[{"href":"https:\/\/tafejd.com\/ar\/wp-json\/wp\/v2\/media?parent=7619"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}