CINXE.COM
Newsroom
<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8" /><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"><meta name="author" content="Hungama Digital Services"><link rel="shortcut icon" type="image/ico" href="/images/favicon.ico"> <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.css"/> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick-theme.min.css"/> <link rel="stylesheet" type="text/css" href="/css/tatasteel.css?id=23022023e1"> <link rel="stylesheet" type="text/css" href="/css/accessibility-style.css?id=10062022e10"> <link rel="canonical" href="https://www.tatasteel.com/newsroom/"/> <meta name="facebook-domain-verification" content="lvq7dr7dkq37cenfiode665vdplwlq" /> <!--[if lt IE 9]><script type="text/javascript" src="/scripts/ie./scripts"></script><![endif] Html.Raw(selections.GetPropertyValue("gACode"))--> <style> .all_result a{font-size:17px !important;} p.home-no-result { color: #fff; font-size: 20px;} header .head_toplink .sublevel li a{padding:10px 10px;} header .head_toplink .sublevel{ background: rgba(61,126,219,1);} </style> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-15463542-1', 'auto'); ga('send', 'pageview'); </script> <meta property="og:title" content="Newsroom"/> <meta property="og:type" content="website"/> <meta property="og:url" content="http://www.tatasteel.com/newsroom/"/> <meta property="og:description" content="Newsroom"/> <meta name="twitter:card" content="Newsroom"/> <meta name="twitter:url" content="http://www.tatasteel.com/newsroom/"/> <meta name="twitter:title" content="Newsroom"/> <meta name="twitter:description" content="Newsroom"/> <!--Style start--> <!--Style End--> <title>Newsroom</title> <meta name="description" content="Newsroom"> <meta name="keywords" content=""> <meta property="og:image" content=""> <meta name="google-site-verification" content="ZOGz94_xm3Vg6MIM4q3VxVRe_zgtAI4cTvGAA0PXpGQ" /> <script type="application/ld+json"> { "@context": "http://www.schema.org", "@type": "Organization", "name": "Tata steel", "url": "https://www.tatasteel.com/", "logo": "https://www.tatasteel.com/images/tata-steel-logo.png" } </script> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-58BQXMQ');</script> <!-- End Google Tag Manager --> <!-- Global Site Tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=GA_TRACKING_ID"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'GA_TRACKING_ID'); </script> <!-- Hitsteps TRACKING CODE - Manual 2020-02-04 - DO NOT CHANGE --> <script type="text/javascript">(function(){var hstc=document.createElement('script'); hstc.src='https://log.hitsteps.com/track.php?code=8c188c909f5c84787ce438d307158394';hstc.async=true;var htssc = document.getElementsByTagName('script')[0];htssc.parentNode.insertBefore(hstc, htssc);})(); </script><noscript><a href="http://www.hitsteps.com/"><img src="//log.hitsteps.com/track.php?mode=img&code=8c188c909f5c84787ce438d307158394" alt="Realtime Web Statistics" width="1" height="1" />Realtime blog statistics</a></noscript> <!-- Hitsteps TRACKING CODE - DO NOT CHANGE --> </head> <body class="multi-fontszie" style="padding-right: 0px !important"> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-58BQXMQ" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <div class="over_menu"> <div class="over_menu_overlay"></div> <div class="over_menu_close"></div> <ul class="over_level1"> <li><a href="javascript:;"> <img src="/images/over-menu/corporate.png" alt=""> <span class="text">Corporate</span></a> <ul class="over_level2"> <li class="menu_head"><span class="back"></span><a href="/corporate/"><span>Corporate</span></a></li> <li><a href="javascript:;"><span>Our Organisation</span></a> <ul class="over_level3"> <li class="menu_head"><span class="back"></span><a href="/corporate/our-organisation/"><span>Our Organisation</span></a></li> <li><a href="/corporate/our-organisation/tata-group-profile/"><span>Tata Group Profile</span></a> </li> <li><a href="/corporate/our-organisation/company-profile/"><span>Company Profile</span></a> </li> <li><a href="/corporate/our-organisation/vision-mission-values/"><span>Vision, Mission & Values</span></a> </li> <li><a href="/corporate/our-organisation/leadership/"><span>Leadership</span></a> </li> <li><a href="/corporate/our-organisation/ethics/"><span>Ethics</span></a> </li> <li><a href="/corporate/our-organisation/policies/"><span>Policies</span></a> </li> <li><a href="/corporate/our-organisation/heritage/"><span>Heritage</span></a> </li> <li><a href="/corporate/our-organisation/innovation/"><span>Innovation</span></a> </li> <li><a href="javascript:;"><span>Safety</span></a> <ul class="over_level4"> <li class="menu_head"><span class="back"></span><a href="/corporate/our-organisation/safety/"><span>Safety</span></a></li> <li><a href="/corporate/our-organisation/safety/overview/"><span>Overview</span></a></li> <li><a href="/corporate/our-organisation/safety/performance-highlights/"><span>Performance Highlights</span></a></li> <li><a href="/corporate/our-organisation/safety/building-a-culture-of-safety/"><span>Building a culture of Safety</span></a></li> <li><a href="/corporate/our-organisation/safety/awards-and-accolades/"><span>Awards and Accolades</span></a></li> </ul> </li> <li><a href="javascript:;"><span>Environment</span></a> <ul class="over_level4"> <li class="menu_head"><span class="back"></span><a href="/corporate/our-organisation/environment/"><span>Environment</span></a></li> <li><a href="/corporate/our-organisation/environment/environment-compliance-reports/"><span>Environment Compliance Reports</span></a></li> <li><a href="/corporate/our-organisation/environment/policy/"><span>Policy</span></a></li> <li><a href="/corporate/our-organisation/environment/environmental-certifications/"><span>Environmental Certifications</span></a></li> </ul> </li> <li><a href="/corporate/our-organisation/hr/"><span>HR</span></a> </li> <li><a href="/corporate/our-organisation/csr/"><span>CSR</span></a> </li> <li><a href="/corporate/our-organisation/awards-recognitions/"><span>Awards & Recognitions</span></a> </li> <li><a href="/corporate/our-organisation/tata-steel-group-companies/"><span>Tata Steel Group Companies</span></a> </li> <li><a href="/corporate/our-organisation/procurement/"><span>Procurement</span></a> </li> <li><a href="javascript:;"><span>Campaigns</span></a> <ul class="over_level4"> <li class="menu_head"><span class="back"></span><a href="/corporate/our-organisation/campaigns/"><span>Campaigns</span></a></li> <li><a href="/corporate/our-organisation/campaigns/celebrating-25-glorious-years-of-the-tata-steel-archives/"><span>Celebrating 25 Glorious Years of the Tata Steel Archives</span></a></li> <li><a href="/corporate/our-organisation/campaigns/a-celebration-of-sports/"><span>A Celebration of Sports</span></a></li> <li><a href="/corporate/our-organisation/campaigns/missiongange/"><span>#MissionGange</span></a></li> <li><a href="/corporate/our-organisation/campaigns/write-brain-challenge/"><span>Write Brain Challenge</span></a></li> <li><a href="/corporate/our-organisation/campaigns/howrah-bridge-75-years-anniversary/"><span>Howrah Bridge 75 Years Anniversary</span></a></li> <li><a href="/corporate/our-organisation/campaigns/bachendri-pal/"><span>Bachendri Pal</span></a></li> <li><a href="/corporate/our-organisation/campaigns/doorwaytogreen/"><span>#DoorwayToGreen</span></a></li> <li><a href="/corporate/our-organisation/campaigns/swachh-bharat-and-ezynest/"><span>Swachh Bharat and EzyNest</span></a></li> <li><a href="/corporate/our-organisation/campaigns/labour-day/"><span>Labour Day</span></a></li> <li><a href="/corporate/our-organisation/campaigns/jamshedpurat100/"><span>#JamshedpurAt100</span></a></li> <li><a href="/corporate/our-organisation/campaigns/restoretodayfortomorrow/"><span>#RestoreTodayForTomorrow</span></a></li> <li><a href="/corporate/our-organisation/campaigns/sir-dorabji-tata-birth-anniversary/"><span>Sir Dorabji Tata Birth Anniversary</span></a></li> <li><a href="/corporate/our-organisation/campaigns/founders-day-2023/"><span>Founder's Day 2023</span></a></li> <li><a href="/corporate/our-organisation/campaigns/environment-day-2022/"><span>Environment Day 2022</span></a></li> <li><a href="/corporate/our-organisation/campaigns/jrd-tata-birth-anniversary/"><span>JRD Tata Birth Anniversary</span></a></li> </ul> </li> <li><a href="/corporate/our-organisation/sports/"><span>Sports</span></a> </li> <li><a href="/corporate/our-organisation/centre-for-excellence/"><span>Centre for Excellence</span></a> </li> </ul> </li> <li><a href="javascript:;"><span>Our Value Chain</span></a> <ul class="over_level3"> <li class="menu_head"><span class="back"></span><a href="/corporate/our-value-chain/"><span>Our Value Chain</span></a></li> <li><a href="/corporate/our-value-chain/business-model-strategy/"><span>Business Model & Strategy</span></a> </li> <li><a href="/corporate/our-value-chain/the-making-of-steel/"><span>The Making of Steel</span></a> </li> <li><a href="/corporate/our-value-chain/operational-excellence/"><span>Operational Excellence</span></a> </li> </ul> </li> <li><a href="javascript:;"><span>Wealsomaketomorrow</span></a> <ul class="over_level3"> <li class="menu_head"><span class="back"></span><a href="/corporate/wealsomaketomorrow/"><span>Wealsomaketomorrow</span></a></li> <li><a href="/corporate/wealsomaketomorrow/innovation/"><span>Innovation</span></a> </li> <li><a href="/corporate/wealsomaketomorrow/technology/"><span>Technology</span></a> </li> <li><a href="/corporate/wealsomaketomorrow/sustainability/"><span>Sustainability</span></a> </li> <li><a href="/corporate/wealsomaketomorrow/blog/"><span>Blog</span></a> </li> <li><a href="javascript:;"><span>Structures of Tomorrow</span></a> <ul class="over_level4"> <li class="menu_head"><span class="back"></span><a href="/corporate/wealsomaketomorrow/structures-of-tomorrow/"><span>Structures of Tomorrow</span></a></li> <li><a href="/corporate/wealsomaketomorrow/structures-of-tomorrow/the-narendra-modi-stadium/"><span>The Narendra Modi Stadium</span></a></li> <li><a href="/corporate/wealsomaketomorrow/structures-of-tomorrow/metro-airports/"><span>Metro & Airports</span></a></li> <li><a href="/corporate/wealsomaketomorrow/structures-of-tomorrow/sports-stadium/"><span>Sports Stadium</span></a></li> </ul> </li> <li><a href="javascript:;"><span>Solutions Of Tommorrow</span></a> <ul class="over_level4"> <li class="menu_head"><span class="back"></span><a href="/corporate/wealsomaketomorrow/solutions-of-tommorrow/"><span>Solutions Of Tommorrow</span></a></li> <li><a href="/corporate/wealsomaketomorrow/solutions-of-tommorrow/smart-fab/"><span>Smart Fab</span></a></li> <li><a href="/corporate/wealsomaketomorrow/solutions-of-tommorrow/nest-in/"><span>Nest In</span></a></li> <li><a href="/corporate/wealsomaketomorrow/solutions-of-tommorrow/door-windows/"><span>Door & Windows</span></a></li> <li><a href="/corporate/wealsomaketomorrow/solutions-of-tommorrow/hyperfoam-automotive-steel/"><span>Hyperfoam® Automotive Steel</span></a></li> <li><a href="/corporate/wealsomaketomorrow/solutions-of-tommorrow/alternative-material/"><span>Alternative Material</span></a></li> </ul> </li> <li><a href="javascript:;"><span>Landmarks Of Tomorrow</span></a> <ul class="over_level4"> <li class="menu_head"><span class="back"></span><a href="/corporate/wealsomaketomorrow/landmarks-of-tomorrow/"><span>Landmarks Of Tomorrow</span></a></li> <li><a href="/corporate/wealsomaketomorrow/landmarks-of-tomorrow/kanaka-durga-flyover/"><span>Kanaka Durga Flyover</span></a></li> <li><a href="/corporate/wealsomaketomorrow/landmarks-of-tomorrow/the-london-eye/"><span>The London Eye</span></a></li> <li><a href="/corporate/wealsomaketomorrow/landmarks-of-tomorrow/south-east-asia/"><span>South-East Asia</span></a></li> <li><a href="/corporate/wealsomaketomorrow/landmarks-of-tomorrow/bogibeel-bridge/"><span>Bogibeel Bridge</span></a></li> <li><a href="/corporate/wealsomaketomorrow/landmarks-of-tomorrow/the-shard/"><span>The Shard</span></a></li> <li><a href="/corporate/wealsomaketomorrow/landmarks-of-tomorrow/bandra-worli-sea-link/"><span>Bandra-Worli Sea Link</span></a></li> <li><a href="/corporate/wealsomaketomorrow/landmarks-of-tomorrow/burj-khalifa/"><span>Burj Khalifa</span></a></li> </ul> </li> <li><a href="javascript:;"><span>Greener Tomorrow</span></a> <ul class="over_level4"> <li class="menu_head"><span class="back"></span><a href="/corporate/wealsomaketomorrow/greener-tomorrow/"><span>Greener Tomorrow</span></a></li> <li><a href="/corporate/wealsomaketomorrow/greener-tomorrow/tata-steel-bsl/"><span>Tata steel BSL</span></a></li> <li><a href="/corporate/wealsomaketomorrow/greener-tomorrow/tata-steel-kalinganagar-steel-plant/"><span>Tata Steel Kalinganagar Steel Plant</span></a></li> <li><a href="/corporate/wealsomaketomorrow/greener-tomorrow/preserving-biodiversity-at-mining-locations/"><span>Preserving Biodiversity At Mining Locations</span></a></li> <li><a href="/corporate/wealsomaketomorrow/greener-tomorrow/roadmaking-utilising-ld-slag-and-plastic-waste/"><span>Roadmaking Utilising LD Slag And Plastic Waste</span></a></li> </ul> </li> <li><a href="/corporate/wealsomaketomorrow/leadership-speak/"><span>Leadership Speak</span></a> </li> <li><a href="/corporate/wealsomaketomorrow/our-showcase/"><span>Our Showcase</span></a> </li> </ul> </li> </ul> </li> <li><a href="javascript:;"> <img src="/images/over-menu/sustainability.png" alt=""> <span class="text">Sustainability</span></a> <ul class="over_level2"> <li class="menu_head"><span class="back"></span><a href="/sustainability/"><span>Sustainability</span></a></li> <li><a href="javascript:;"><span>Environment</span></a> <ul class="over_level3"> <li class="menu_head"><span class="back"></span><a href="/sustainability/environment/"><span>Environment</span></a></li> <li><a href="/sustainability/environment/environment-management/"><span>Environment Management</span></a> </li> <li><a href="/sustainability/environment/circular-economy/"><span>Circular Economy</span></a> </li> <li><a href="/sustainability/environment/product-sustainability/"><span>Product Sustainability</span></a> </li> <li><a href="/sustainability/environment/biodiversity/"><span>Biodiversity</span></a> </li> <li><a href="/sustainability/environment/sustainable-mining/"><span>Sustainable Mining</span></a> </li> <li><a href="/sustainability/environment/water-management/"><span>Water Management</span></a> </li> </ul> </li> <li><a href="javascript:;"><span>Social</span></a> <ul class="over_level3"> <li class="menu_head"><span class="back"></span><a href="/sustainability/social/"><span>Social</span></a></li> <li><a href="/sustainability/social/human-resource-management/"><span>Human Resource Management</span></a> </li> <li><a href="/sustainability/social/towards-zero-harm/"><span>Towards Zero Harm</span></a> </li> <li><a href="/sustainability/social/respecting-human-rights/"><span>Respecting Human Rights</span></a> </li> </ul> </li> <li><a href="javascript:;"><span>Governance</span></a> <ul class="over_level3"> <li class="menu_head"><span class="back"></span><a href="/sustainability/governance/"><span>Governance</span></a></li> <li><a href="/sustainability/governance/sustainability-governance/"><span>Sustainability Governance</span></a> </li> <li><a href="/sustainability/governance/policies/"><span>Policies</span></a> </li> <li><a href="/sustainability/governance/material-issues/"><span>Material Issues</span></a> </li> <li><a href="/sustainability/governance/building-a-culture-of-ethics/"><span>Building a Culture of Ethics</span></a> </li> <li><a href="/sustainability/governance/responsible-supply-chain/"><span>Responsible Supply Chain</span></a> </li> <li><a href="/sustainability/governance/tax-transparency-reports/"><span>Tax Transparency Reports</span></a> </li> </ul> </li> <li><a href="/sustainability/un-sustainability-development-goals/"><span>UN Sustainability Development Goals</span></a> </li> <li><a href="/sustainability/integrated-reportannual-report/"><span>Integrated Report/Annual Report</span></a> </li> <li><a href="/sustainability/esg-indicators-factsheet/"><span>ESG Indicators Factsheet</span></a> </li> <li><a href="/sustainability/media/"><span>Media</span></a> </li> <li><a href="/sustainability/awards-and-recognitions/"><span>Awards and Recognitions</span></a> </li> </ul> </li> <li><a href="javascript:;"> <img src="/images/over-menu/products.png" alt=""> <span class="text">Products & Solutions</span></a> <ul class="over_level2"> <li class="menu_head"><span class="back"></span><a href="/products-solutions/"><span>Products & Solutions</span></a></li> <li><a href="javascript:;"><span>India</span></a> <ul class="over_level3"> <li class="menu_head"><span class="back"></span><a href="/products-solutions/india/"><span>India</span></a></li> <li><a href="javascript:;"><span>Segments</span></a> <ul class="over_level4"> <li class="menu_head"><span class="back"></span><a href="/products-solutions/india/segments/"><span>Segments</span></a></li> <li><a href="/products-solutions/india/segments/agriculture/"><span>Agriculture</span></a></li> <li><a href="/products-solutions/india/segments/automotive/"><span>Automotive</span></a></li> <li><a href="/products-solutions/india/segments/construction/"><span>Construction</span></a></li> <li><a href="/products-solutions/india/segments/consumer-goods/"><span>Consumer Goods</span></a></li> <li><a href="/products-solutions/india/segments/energy-and-power/"><span>Energy and Power</span></a></li> <li><a href="/products-solutions/india/segments/engineering/"><span>Engineering</span></a></li> <li><a href="/products-solutions/india/segments/material-handling/"><span>Material Handling</span></a></li> </ul> </li> <li><a href="javascript:;"><span>Products</span></a> <ul class="over_level4"> <li class="menu_head"><span class="back"></span><a href="/products-solutions/india/products/"><span>Products</span></a></li> <li><a href="/products-solutions/india/products/automotive-steels/"><span>Automotive Steels</span></a></li> <li><a href="/products-solutions/india/products/galvano/"><span>Galvano</span></a></li> <li><a href="/products-solutions/india/products/tata-agrico-agriculture-construction-hand-tools/"><span>Tata Agrico | Agriculture, Construction & Hand Tools</span></a></li> <li><a href="/products-solutions/india/products/tata-astrum/"><span>Tata Astrum</span></a></li> <li><a href="/products-solutions/india/products/tata-bearings/"><span>Tata Bearings</span></a></li> <li><a href="/products-solutions/india/products/tata-ferro-alloys-and-minerals-division/"><span>Tata Ferro Alloys and Minerals Division</span></a></li> <li><a href="/products-solutions/india/products/tata-steel-industrial-by-products-management-division-ibmd/"><span>Tata Steel Industrial By-products Management Division (IBMD)</span></a></li> <li><a href="/products-solutions/india/products/tata-pipes/"><span>Tata Pipes</span></a></li> <li><a href="/products-solutions/india/products/tata-precision-tubes/"><span>Tata Precision Tubes</span></a></li> <li><a href="/products-solutions/india/products/raw-materials-and-responsible-mining/"><span>Raw Materials and Responsible Mining</span></a></li> <li><a href="/products-solutions/india/products/tata-shaktee/"><span>Tata Shaktee</span></a></li> <li><a href="/products-solutions/india/products/tata-steelium/"><span>Tata Steelium</span></a></li> <li><a href="/products-solutions/india/products/tata-structura/"><span>Tata Structura</span></a></li> <li><a href="/products-solutions/india/products/tata-tiscon/"><span>Tata Tiscon</span></a></li> <li><a href="/products-solutions/india/products/tata-wiron/"><span>Tata Wiron</span></a></li> <li><a href="/products-solutions/india/products/galvaros/"><span>GalvaRoS</span></a></li> <li><a href="/products-solutions/india/products/colornova/"><span>Colornova</span></a></li> <li><a href="/products-solutions/india/products/galvanova/"><span>Galvanova</span></a></li> <li><a href="/products-solutions/india/products/tinplate/"><span>Tinplate</span></a></li> <li><a href="/products-solutions/india/products/tata-ductura/"><span>Tata Ductura</span></a></li> <li><a href="/products-solutions/india/products/tata-efee/"><span>Tata eFee</span></a></li> </ul> </li> <li><a href="/products-solutions/india/solutions/"><span>Solutions</span></a> </li> <li><a href="/products-solutions/india/aashiyana/"><span>Aashiyana</span></a> </li> <li><a href="/products-solutions/india/tata-steel-industrial-consulting/"><span>Tata Steel Industrial Consulting</span></a> </li> </ul> </li> <li><a href="/products-solutions/europe/"><span>Europe</span></a> </li> <li><a href="/products-solutions/south-east-asia/"><span>South East Asia</span></a> </li> <li><a href="/products-solutions/fraud-alert-message/"><span>Fraud Alert Message</span></a> </li> </ul> </li> <li><a href="javascript:;"> <img src="/images/over-menu/investors.png" alt=""> <span class="text">Investors</span></a> <ul class="over_level2"> <li class="menu_head"><span class="back"></span><a href="/investors/"><span>Investors</span></a></li> <li><a href="/investors/investor-day-2021/"><span>Investor Day 2021</span></a> </li> <li><a href="javascript:;"><span>Financial Performance</span></a> <ul class="over_level3"> <li class="menu_head"><span class="back"></span><a href="/investors/financial-performance/"><span>Financial Performance</span></a></li> <li><a href="/investors/financial-performance/financial-results/"><span>Financial Results</span></a> </li> <li><a href="/investors/financial-performance/earnings-release/"><span>Earnings Release</span></a> </li> <li><a href="/investors/financial-performance/analyst-presentations/"><span>Analyst Presentations</span></a> </li> <li><a href="/investors/financial-performance/analyst-call-recording/"><span>Analyst Call Recording</span></a> </li> <li><a href="/investors/financial-performance/investor-presentations/"><span>Investor Presentations</span></a> </li> <li><a href="/investors/financial-performance/tax-transparency-reports/"><span>Tax Transparency Reports</span></a> </li> </ul> </li> <li><a href="javascript:;"><span>Integrated Report/Annual Report</span></a> <ul class="over_level3"> <li class="menu_head"><span class="back"></span><a href="/investors/integrated-reportannual-report/"><span>Integrated Report/Annual Report</span></a></li> <li><a href="javascript:;"><span>Integrated Report & Annual Accounts 2023-24 (117th Year) and related documents</span></a> <ul class="over_level4"> <li class="menu_head"><span class="back"></span><a href="/investors/integrated-reportannual-report/integrated-report-annual-accounts-2023-24-117th-year-and-related-documents/"><span>Integrated Report & Annual Accounts 2023-24 (117th Year) and related documents</span></a></li> <li><a href="/investors/integrated-reportannual-report/integrated-report-annual-accounts-2023-24-117th-year-and-related-documents/financial-statements-of-subsidiary-companies-fy-2023-24/"><span>Financial Statements of Subsidiary Companies-FY 2023-24</span></a></li> </ul> </li> <li><a href="javascript:;"><span>Integrated Report & Annual Accounts 2022-23 (116th year) and related documents</span></a> <ul class="over_level4"> <li class="menu_head"><span class="back"></span><a href="/investors/integrated-reportannual-report/integrated-report-annual-accounts-2022-23-116th-year-and-related-documents/"><span>Integrated Report & Annual Accounts 2022-23 (116th year) and related documents</span></a></li> <li><a href="/investors/integrated-reportannual-report/integrated-report-annual-accounts-2022-23-116th-year-and-related-documents/financial-statements-of-subsidiary-companies-fy-2022-23/"><span>Financial Statements of Subsidiary Companies-FY 2022-23</span></a></li> </ul> </li> <li><a href="javascript:;"><span>Integrated Report & Annual Accounts 2021-22 (115th year) and related documents</span></a> <ul class="over_level4"> <li class="menu_head"><span class="back"></span><a href="/investors/integrated-reportannual-report/integrated-report-annual-accounts-2021-22-115th-year-and-related-documents/"><span>Integrated Report & Annual Accounts 2021-22 (115th year) and related documents</span></a></li> <li><a href="/investors/integrated-reportannual-report/integrated-report-annual-accounts-2021-22-115th-year-and-related-documents/financial-statements-of-subsidiary-companies-fy-2021-22/"><span>Financial Statements of Subsidiary Companies-FY 2021-22</span></a></li> </ul> </li> <li><a href="/investors/integrated-reportannual-report/integrated-report-annual-accounts-2020-21-114th-year-and-related-documents/"><span>Integrated Report & Annual Accounts 2020-21 (114th Year) and related documents</span></a> </li> <li><a href="/investors/integrated-reportannual-report/integrated-report-annual-accounts-2019-20-113th-year-and-related-documents/"><span>Integrated Report & Annual Accounts 2019-20 (113th Year) and related documents</span></a> </li> <li><a href="/investors/integrated-reportannual-report/integrated-report-annual-accounts-2018-19-112th-year-and-related-documents/"><span>Integrated Report & Annual Accounts 2018-19 (112th Year) and related documents</span></a> </li> <li><a href="/investors/integrated-reportannual-report/integrated-report-annual-accounts-2017-18-111th-year-and-related-documents/"><span>Integrated Report & Annual Accounts 2017-18 (111th Year) and related documents</span></a> </li> <li><a href="/investors/integrated-reportannual-report/integrated-report-annual-accounts-2016-17-110th-year-and-related-documents/"><span>Integrated Report & Annual Accounts 2016-17 (110th Year) and related documents</span></a> </li> <li><a href="/investors/integrated-reportannual-report/integrated-report-annual-accounts-2015-16-109th-year-and-related-documents/"><span>Integrated Report & Annual Accounts 2015-16 (109th Year) and related documents</span></a> </li> <li><a href="/investors/integrated-reportannual-report/integrated-report-annual-accounts-2014-15-108th-year-and-related-documents/"><span>Integrated Report & Annual Accounts 2014-15 (108th Year) and related documents</span></a> </li> </ul> </li> <li><a href="javascript:;"><span>Investor Information</span></a> <ul class="over_level3"> <li class="menu_head"><span class="back"></span><a href="/investors/investor-information/"><span>Investor Information</span></a></li> <li><a href="/investors/investor-information/key-facts/"><span>Key Facts</span></a> </li> <li><a href="javascript:;"><span>Bonds Information</span></a> <ul class="over_level4"> <li class="menu_head"><span class="back"></span><a href="/investors/investor-information/bonds-information/"><span>Bonds Information</span></a></li> <li><a href="/investors/investor-information/bonds-information/bonds-information-2018-19/"><span>Bonds Information 2018-19</span></a></li> <li><a href="/investors/investor-information/bonds-information/bonds-information-2019-20/"><span>Bonds Information 2019-20</span></a></li> <li><a href="/investors/investor-information/bonds-information/bonds-information-2020-2021/"><span>Bonds Information 2020-2021</span></a></li> <li><a href="/investors/investor-information/bonds-information/bonds-information-2021/"><span>Bonds Information 2021</span></a></li> <li><a href="/investors/investor-information/bonds-information/bonds-information-2022/"><span>Bonds Information 2022</span></a></li> <li><a href="/investors/investor-information/bonds-information/bonds-information-2023/"><span>Bonds Information 2023</span></a></li> <li><a href="/investors/investor-information/bonds-information/bonds-information-2024/"><span>Bonds Information 2024</span></a></li> <li><a href="/investors/investor-information/bonds-information/bonds-information-2025/"><span>Bonds Information 2025</span></a></li> </ul> </li> <li><a href="/investors/investor-information/credit-ratings/"><span>Credit Ratings</span></a> </li> <li><a href="/investors/investor-information/record-datebook-closure-date-for-equity-shares/"><span>Record date/book closure date for equity shares</span></a> </li> <li><a href="/investors/investor-information/corporate-benefits/"><span>Corporate Benefits</span></a> </li> <li><a href="/investors/investor-information/unclaimed-dividend/"><span>Unclaimed Dividend</span></a> </li> <li><a href="/investors/investor-information/schedule-of-analystinstitutional-investor-meet/"><span>Schedule of Analyst/Institutional Investor Meet</span></a> </li> <li><a href="/investors/investor-information/share-prices-charts/"><span>Share Prices & Charts</span></a> </li> <li><a href="/investors/investor-information/frequently-asked-questions/"><span>Frequently Asked Questions</span></a> </li> <li><a href="/investors/investor-information/forms/"><span>Forms</span></a> </li> <li><a href="/investors/investor-information/postal-ballot/"><span>Postal Ballot</span></a> </li> <li><a href="/investors/investor-information/annual-general-meeting/"><span>Annual General Meeting</span></a> </li> <li><a href="/investors/investor-information/extraordinary-general-meeting/"><span>Extraordinary General Meeting</span></a> </li> <li><a href="/investors/investor-information/contacts/"><span>Contacts</span></a> </li> <li><a href="/investors/investor-information/registrars-transfer-agents/"><span>Registrars & Transfer Agents</span></a> </li> <li><a href="/investors/investor-information/subscribe-for-investor-relations-alerts/"><span>Subscribe for Investor Relations Alerts</span></a> </li> <li><a href="/investors/investor-information/shareholder-query-form/"><span>Shareholder Query Form</span></a> </li> <li><a href="/investors/investor-information/advertisements-for-transfer-of-equity-shares/"><span>Advertisements for transfer of equity shares</span></a> </li> <li><a href="/investors/investor-information/agm-showcase/"><span>AGM Showcase</span></a> </li> <li><a href="/investors/investor-information/rights-issue-first-and-final-call/"><span>Rights Issue – First and Final Call</span></a> </li> <li><a href="/investors/investor-information/intimation-under-regulation-39-3-of-sebi-listing-obligations-and-disclosure-requirements-regulations-2015/"><span>Intimation under Regulation 39(3) of SEBI (Listing Obligations and Disclosure Requirements), Regulations, 2015</span></a> </li> <li><a href="/investors/investor-information/sebi-circulars/"><span>SEBI Circulars</span></a> </li> </ul> </li> <li><a href="javascript:;"><span>Corporate Governance</span></a> <ul class="over_level3"> <li class="menu_head"><span class="back"></span><a href="/investors/corporate-governance/"><span>Corporate Governance</span></a></li> <li><a href="/investors/corporate-governance/compliance/"><span>Compliance</span></a> </li> <li><a href="/investors/corporate-governance/corporate-governance-report/"><span>Corporate Governance Report</span></a> </li> </ul> </li> <li><a href="javascript:;"><span>Stock Exchange Compliances</span></a> <ul class="over_level3"> <li class="menu_head"><span class="back"></span><a href="/investors/stock-exchange-compliances/"><span>Stock Exchange Compliances</span></a></li> <li><a href="/investors/stock-exchange-compliances/stock-exchange-releases/"><span>Stock Exchange Releases</span></a> </li> <li><a href="/investors/stock-exchange-compliances/stock-exchange-information/"><span>Stock Exchange Information</span></a> </li> <li><a href="/investors/stock-exchange-compliances/shareholding-pattern/"><span>Shareholding Pattern</span></a> </li> <li><a href="/investors/stock-exchange-compliances/compliance-report-on-corporate-governance/"><span>Compliance Report on Corporate Governance</span></a> </li> <li><a href="/investors/stock-exchange-compliances/reconciliation-of-share-capital-audit-reports/"><span>Reconciliation of Share Capital Audit Reports</span></a> </li> <li><a href="/investors/stock-exchange-compliances/certificate-from-pcs-under-regulation-40-9-and-61-4/"><span>Certificate from PCS under Regulation 40(9) and 61(4)</span></a> </li> <li><a href="/investors/stock-exchange-compliances/certificate-under-regulation-7-3/"><span>Certificate under Regulation 7(3)</span></a> </li> <li><a href="/investors/stock-exchange-compliances/revision-in-ratings/"><span>Revision in Ratings</span></a> </li> <li><a href="/investors/stock-exchange-compliances/investor-complaints-report/"><span>Investor Complaints Report</span></a> </li> <li><a href="/investors/stock-exchange-compliances/change-in-directorship/"><span>Change in Directorship</span></a> </li> <li><a href="/investors/stock-exchange-compliances/related-party-transaction-disclosures/"><span>Related Party Transaction Disclosures</span></a> </li> <li><a href="/investors/stock-exchange-compliances/annual-secretarial-compliance-report/"><span>Annual Secretarial Compliance Report</span></a> </li> <li><a href="/investors/stock-exchange-compliances/integrated-filing-governance/"><span>Integrated Filing (Governance)</span></a> </li> </ul> </li> <li><a href="javascript:;"><span>Amalgamation</span></a> <ul class="over_level3"> <li class="menu_head"><span class="back"></span><a href="/investors/amalgamation/"><span>Amalgamation</span></a></li> <li><a href="/investors/amalgamation/amalgamation-of-bamnipal-steel-limited-and-tata-steel-bsl-limited-into-and-with-tata-steel-limited/"><span>Amalgamation of Bamnipal Steel Limited and Tata Steel BSL Limited into and with Tata Steel Limited</span></a> </li> <li><a href="/investors/amalgamation/amalgamation-of-rujuvalika-investments-limited-into-and-with-tata-steel-limited/"><span>Amalgamation of Rujuvalika Investments Limited into and with Tata Steel Limited</span></a> </li> <li><a href="/investors/amalgamation/amalgamation-of-tata-steel-long-products-into-and-with-tata-steel-limited/"><span>Amalgamation of Tata Steel Long Products into and with Tata Steel Limited</span></a> </li> <li><a href="/investors/amalgamation/amalgamation-of-the-tinplate-company-of-india-limited-into-and-with-tata-steel-limited/"><span>Amalgamation of The Tinplate Company of India Limited into and with Tata Steel Limited</span></a> </li> <li><a href="/investors/amalgamation/amalgamation-of-tata-metaliks-limited-into-and-with-tata-steel-limited/"><span>Amalgamation of Tata Metaliks Limited into and with Tata Steel Limited</span></a> </li> <li><a href="/investors/amalgamation/amalgamation-of-trf-limited-into-and-with-tata-steel-limited/"><span>Amalgamation of TRF Limited into and with Tata Steel Limited</span></a> </li> <li><a href="/investors/amalgamation/amalgamation-of-the-indian-steel-wire-products-limited-into-and-with-tata-steel-limited/"><span>Amalgamation of The Indian Steel & Wire Products Limited into and with Tata Steel Limited</span></a> </li> <li><a href="/investors/amalgamation/amalgamation-of-tata-steel-mining-limited-into-and-with-tata-steel-limited/"><span>Amalgamation of Tata Steel Mining Limited into and with Tata Steel Limited</span></a> </li> <li><a href="/investors/amalgamation/amalgamation-of-s-t-mining-company-limited-into-and-with-tata-steel-limited/"><span>Amalgamation of S & T Mining Company Limited into and with Tata Steel Limited</span></a> </li> <li><a href="/investors/amalgamation/amalgamation-of-angul-energy-limited-into-and-with-tata-steel-limited/"><span>Amalgamation of Angul Energy Limited into and with Tata Steel Limited</span></a> </li> <li><a href="/investors/amalgamation/amalgamation-of-bhubaneshwar-power-private-limited-into-and-with-tata-steel-limited/"><span>Amalgamation of Bhubaneshwar Power Private Limited into and with Tata Steel Limited</span></a> </li> </ul> </li> <li><a href="/investors/financial-performance-summary/"><span>Financial Performance summary</span></a> </li> <li><a href="/investors/link-to-smart-odr/"><span>Link to Smart ODR</span></a> </li> <li><a href="/investors/information-pursuant-to-regulation-46-2-and-62-1-of-the-securities-and-exchange-board-of-india-listing-obligations-and-disclosure-requirements-regulations-2015/"><span>Information Pursuant to Regulation 46(2) and 62(1) of the Securities and Exchange Board of India (Listing Obligations and Disclosure Requirements) Regulations, 2015</span></a> </li> </ul> </li> <li><a href="javascript:;"> <img src="/images/over-menu/media.png" alt=""> <span class="text">Media</span></a> <ul class="over_level2"> <li class="menu_head"><span class="back"></span><a href="/media/"><span>Media</span></a></li> <li><a href="javascript:;"><span>Newsroom</span></a> <ul class="over_level3"> <li class="menu_head"><span class="back"></span><a href="/media/newsroom/"><span>Newsroom</span></a></li> <li><a href="/media/newsroom/press-releases/"><span>Press Releases</span></a> </li> <li><a href="/media/newsroom/in-the-news/"><span>In The News</span></a> </li> </ul> </li> <li><a href="javascript:;"><span>Media Kit</span></a> <ul class="over_level3"> <li class="menu_head"><span class="back"></span><a href="/media/media-kit/"><span>Media Kit</span></a></li> <li><a href="/media/media-kit/logos-usage-guidelines/"><span>Logos usage & guidelines</span></a> </li> <li><a href="/media/media-kit/factsheet/"><span>FactSheet</span></a> </li> <li><a href="/media/media-kit/gallery/"><span>Gallery</span></a> </li> <li><a href="/media/media-kit/publications/"><span>Publications</span></a> </li> <li><a href="/media/media-kit/awards-and-recognitions/"><span>Awards and Recognitions</span></a> </li> </ul> </li> <li><a href="/media/podcasts/"><span>Podcasts</span></a> </li> </ul> </li> <li><a href="javascript:;"> <span class="text">Newsroom</span></a> <ul class="over_level2"> <li class="menu_head"><span class="back"></span><a href="/newsroom/"><span>Newsroom</span></a></li> <li><a href="/newsroom/press-releases/"><span>Press Releases</span></a> </li> <li><a href="/newsroom/in-the-news/"><span>In The News</span></a> </li> <li><a href="/newsroom/publications/"><span>Publications</span></a> </li> <li><a href="/newsroom/awards-and-recognitions/"><span>Awards and Recognitions</span></a> </li> <li><a href="/newsroom/logos-usage-guidelines/"><span>Logos usage & guidelines</span></a> </li> <li><a href="/newsroom/podcasts/"><span>Podcasts</span></a> </li> <li><a href="/newsroom/factsheet/"><span>FactSheet</span></a> </li> <li><a href="/newsroom/gallery/"><span>Gallery</span></a> </li> <li><a href="/newsroom/blog/"><span>Blog</span></a> </li> </ul> </li> <li><a href="javascript:;"> <img src="/images/over-menu/careers.png" alt=""> <span class="text">Careers</span></a> <ul class="over_level2"> <li class="menu_head"><span class="back"></span><a href="/careers/"><span>Careers</span></a></li> <li><a href="javascript:;"><span>Culture at Tata Steel</span></a> <ul class="over_level3"> <li class="menu_head"><span class="back"></span><a href="/careers/culture-at-tata-steel/"><span>Culture at Tata Steel</span></a></li> <li><a href="/careers/culture-at-tata-steel/culture-tata/"><span>Culture@Tata</span></a> </li> <li><a href="/careers/culture-at-tata-steel/employee-volunteerism/"><span>Employee Volunteerism</span></a> </li> <li><a href="/careers/culture-at-tata-steel/wellness-and-sports/"><span>Wellness and sports</span></a> </li> <li><a href="/careers/culture-at-tata-steel/diverse-workforce/"><span>Diverse Workforce</span></a> </li> <li><a href="/careers/culture-at-tata-steel/meet-our-people/"><span>Meet our people</span></a> </li> <li><a href="/careers/culture-at-tata-steel/locationalregional-showcase/"><span>Locational/Regional Showcase</span></a> </li> <li><a href="/careers/culture-at-tata-steel/recruitment-racket-busted/"><span>Recruitment Racket Busted</span></a> </li> </ul> </li> <li><a href="javascript:;"><span>Work at Tata Steel</span></a> <ul class="over_level3"> <li class="menu_head"><span class="back"></span><a href="/careers/work-at-tata-steel/"><span>Work at Tata Steel</span></a></li> <li><a href="/careers/work-at-tata-steel/rewards-and-recognition/"><span>Rewards and Recognition</span></a> </li> <li><a href="/careers/work-at-tata-steel/leadership-development/"><span>Leadership Development</span></a> </li> </ul> </li> <li><a href="javascript:;"><span>Work With Us</span></a> <ul class="over_level3"> <li class="menu_head"><span class="back"></span><a href="/careers/work-with-us/"><span>Work With Us</span></a></li> <li><a href="/careers/work-with-us/notice-fraudulent-job-offers/"><span>Notice | Fraudulent Job Offers</span></a> </li> </ul> </li> <li><a href="javascript:;"><span>Campus Connect</span></a> <ul class="over_level3"> <li class="menu_head"><span class="back"></span><a href="/careers/campus-connect/"><span>Campus Connect</span></a></li> <li><a href="/careers/campus-connect/overview/"><span>Overview</span></a> </li> <li><a href="/careers/campus-connect/mind-over-matter/"><span>Mind Over Matter</span></a> </li> <li><a href="/careers/campus-connect/steel-a-thon/"><span>Steel-a-thon</span></a> </li> <li><a href="/careers/campus-connect/women-of-mettle/"><span>Women Of Mettle</span></a> </li> <li><a href="/careers/campus-connect/materialnext/"><span>MaterialNEXT</span></a> </li> <li><a href="/careers/campus-connect/tomorrowlab/"><span>TomorrowLAB</span></a> </li> <li><a href="/careers/campus-connect/tata-steel-young-astronomer-talent-search/"><span>Tata Steel Young Astronomer Talent Search</span></a> </li> </ul> </li> </ul> </li> <li><a href="/contact-us/"> <img src="/images/over-menu/contact.png" alt=""> <span class="text">Contact Us</span></a> </li> </ul> </div> <div class="wrapper"> <!--header start--> <header> <!-- harry --> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap" rel="stylesheet"> <a href="/" class="logo"><img src="/images/tata-steel-logo.png" width="126" height="16" alt="Tata Steel logo new"></a><a href="http://www.tata.com/" class="tatalogo" target="_blank"><img src="/images/tata_logo.png" width="61" height="55" alt="Tata Steel"></a><a href="#" class="humberger_icon">Menu</a> <div class="access-links"> <div class="ablink"> <a href="#" title="Accessibility Tools">Accessibility Tools <svg aria-hidden="true" focusable="false" width="30" height="30" data-prefix="fas" data-icon="universal-access" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="svg-inline--fa fa-universal-access fa-w-16 fa-5x"> <path fill="currentColor" d="M256 48c114.953 0 208 93.029 208 208 0 114.953-93.029 208-208 208-114.953 0-208-93.029-208-208 0-114.953 93.029-208 208-208m0-40C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 56C149.961 64 64 149.961 64 256s85.961 192 192 192 192-85.961 192-192S362.039 64 256 64zm0 44c19.882 0 36 16.118 36 36s-16.118 36-36 36-36-16.118-36-36 16.118-36 36-36zm117.741 98.023c-28.712 6.779-55.511 12.748-82.14 15.807.851 101.023 12.306 123.052 25.037 155.621 3.617 9.26-.957 19.698-10.217 23.315-9.261 3.617-19.699-.957-23.316-10.217-8.705-22.308-17.086-40.636-22.261-78.549h-9.686c-5.167 37.851-13.534 56.208-22.262 78.549-3.615 9.255-14.05 13.836-23.315 10.217-9.26-3.617-13.834-14.056-10.217-23.315 12.713-32.541 24.185-54.541 25.037-155.621-26.629-3.058-53.428-9.027-82.141-15.807-8.6-2.031-13.926-10.648-11.895-19.249s10.647-13.926 19.249-11.895c96.686 22.829 124.283 22.783 220.775 0 8.599-2.03 17.218 3.294 19.249 11.895 2.029 8.601-3.297 17.219-11.897 19.249z" class=""></path> </svg> </a> </div> <div class="glink"> <a href="#" title="Accessibility Guide">Accessibility Guide <svg xmlns="http://www.w3.org/2000/svg" id="guide-ab" color="#f2f2f2" width="30" height="30" fill="currentColor" class="bi bi-gear-fill" viewBox="0 0 16 16"> <path d="M9.405 1.05c-.413-1.4-2.397-1.4-2.81 0l-.1.34a1.464 1.464 0 0 1-2.105.872l-.31-.17c-1.283-.698-2.686.705-1.987 1.987l.169.311c.446.82.023 1.841-.872 2.105l-.34.1c-1.4.413-1.4 2.397 0 2.81l.34.1a1.464 1.464 0 0 1 .872 2.105l-.17.31c-.698 1.283.705 2.686 1.987 1.987l.311-.169a1.464 1.464 0 0 1 2.105.872l.1.34c.413 1.4 2.397 1.4 2.81 0l.1-.34a1.464 1.464 0 0 1 2.105-.872l.31.17c1.283.698 2.686-.705 1.987-1.987l-.169-.311a1.464 1.464 0 0 1 .872-2.105l.34-.1c1.4-.413 1.4-2.397 0-2.81l-.34-.1a1.464 1.464 0 0 1-.872-2.105l.17-.31c.698-1.283-.705-2.686-1.987-1.987l-.311.169a1.464 1.464 0 0 1-2.105-.872l-.1-.34zM8 10.93a2.929 2.929 0 1 1 0-5.86 2.929 2.929 0 0 1 0 5.858z"/> </svg> </a> </div> <div class="abtools"> <div class="sublevel2"> <h2>ACCESSIBILITY TOOLS</h2> <h3>Text Size:</h3> <div id="font_selection_box_abtools"></div><!-- EOF #font_selection_box --> <h3 class="mt-5">Contrast Scheme:</h3> <div class="contrast" style="display: flex"> <div class="btn-normal-contrast"> <span>C</span> </div> <div class="btn-add-contrast"> <span>C</span> </div> <div class="btn-add-contrast2"> <span>C</span> </div> </div> <h3 class="mt-5">Text to Audio:</h3> <div class="consolPopup"> <div class="switch-checkbox"> <label class="switch2"> <input type="checkbox" id="chkToggleAudioAccessToolMobile" onclick="handleToggleAudio(this);"> <span class="slider2 round2"></span> <span class="absolute-no2">OFF</span> </label> </div> </div> <h3 class="mt-5">Mouse Trail:</h3> <div class="consolPopup"> <div class="switch-checkbox"> <label class="switch2"> <input type="checkbox" id="chkToggleMouseTrailAccessToolMobile" onclick="handleToggleMouseTrail(this);"> <span class="slider2 round2"></span> <span class="absolute-no2">OFF</span> </label> </div> </div> <a role="button" class="reset-accessibility">Reset</a> </div> </div> </div> <div class="head_toplink"> <ul><li class="home_link"><a href="/" title="Home">Home</a></li><li class="phone_link"><a href="/contact-us/" title="Contact Us">contact us</a></li><li class="search_link"><a href="#" title="Search">search</a> <ul class="sublevel"> <li><form id="search" method="get" action="/search"> <div class="container"><input type="text" autocomplete="off" value="" id="txt_search" name="Search" onkeyup="hdsSearch()" placeholder="Search" class="textbox"> <input type="submit" value="" class="searchbut"><div id="search_res"></div> </div></form></li></ul></li> <li class="location_link locgz"><a href="#" title="Locations">Locations</a> <ul class="sublevel"> <li><a href="http://www.tatasteeleurope.com/en/">Europe</a></li> <li><a href="http://www.tatasteelthailand.com/">Thailand</a></li> </ul> </li> <!--<li class="location_link accessibility-link">--> <li class="location_link accessibility-link atgz"> <a href="#" title="Accessibility Tools">Accessibility Tools <svg aria-hidden="true" focusable="false" width="40" height="40" data-prefix="fas" data-icon="universal-access" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="svg-inline--fa fa-universal-access fa-w-16 fa-5x"> <path fill="currentColor" d="M256 48c114.953 0 208 93.029 208 208 0 114.953-93.029 208-208 208-114.953 0-208-93.029-208-208 0-114.953 93.029-208 208-208m0-40C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 56C149.961 64 64 149.961 64 256s85.961 192 192 192 192-85.961 192-192S362.039 64 256 64zm0 44c19.882 0 36 16.118 36 36s-16.118 36-36 36-36-16.118-36-36 16.118-36 36-36zm117.741 98.023c-28.712 6.779-55.511 12.748-82.14 15.807.851 101.023 12.306 123.052 25.037 155.621 3.617 9.26-.957 19.698-10.217 23.315-9.261 3.617-19.699-.957-23.316-10.217-8.705-22.308-17.086-40.636-22.261-78.549h-9.686c-5.167 37.851-13.534 56.208-22.262 78.549-3.615 9.255-14.05 13.836-23.315 10.217-9.26-3.617-13.834-14.056-10.217-23.315 12.713-32.541 24.185-54.541 25.037-155.621-26.629-3.058-53.428-9.027-82.141-15.807-8.6-2.031-13.926-10.648-11.895-19.249s10.647-13.926 19.249-11.895c96.686 22.829 124.283 22.783 220.775 0 8.599-2.03 17.218 3.294 19.249 11.895 2.029 8.601-3.297 17.219-11.897 19.249z" class=""></path> </svg> </a> <div class="sublevel sublevel2"> <h2>ACCESSIBILITY TOOLS</h2> <h3>Text Size:</h3> <div id="font_selection_box" style="display: flex; align-items: center;"><span id="fontsize_opt1" class="multi_font_icon" style="font-size: 14px; float: left; cursor: pointer; margin: 0px 20px 0px 0px; font-weight: bold;">A</span><span id="fontsize_opt2" class="multi_font_icon" style="font-size: 18px; float: left; cursor: pointer; margin: 0px 20px 0px 0px; font-weight: bold;">A</span><span id="fontsize_opt3" class="multi_font_icon" style="font-size: 26px; float: left; cursor: pointer; margin: 0px 20px 0px 0px; font-weight: bold;">A</span></div><!-- EOF #font_selection_box --> <!-- EOF #font_selection_box --> <h3 class="mt-5">Contrast Scheme:</h3> <div class="contrast" style="display: flex"> <div class="btn-normal-contrast"> <span>C</span> </div> <div class="btn-add-contrast"> <span>C</span> </div> <div class="btn-add-contrast2"> <span>C</span> </div> </div> <h3 class="mt-5">Text to Audio:</h3> <div class="consolPopup"> <div class="switch-checkbox"> <label class="switch2"> <input type="checkbox" id="chkToggleAudioAccessTool" onclick="handleToggleAudio(this);"> <span class="slider2 round2"></span> <span class="absolute-no2">OFF</span> </label> </div> </div> <h3 class="mt-5">Mouse Trail:</h3> <div class="consolPopup"> <div class="switch-checkbox"> <label class="switch2"> <input type="checkbox" id="chkToggleMouseTrailAccessTool" onclick="handleToggleMouseTrail(this);"> <span class="slider2 round2"></span> <span class="absolute-no2">OFF</span> </label> </div> </div> <a role="button" class="reset-accessibility">Reset</a> </div> </li> <li class="guide_link"> <a href="#" title="Accessibility Guide">Accessibility Guide <svg xmlns="http://www.w3.org/2000/svg" id="guide" color="#f2f2f2" width="40" height="40" fill="currentColor" class="bi bi-gear-fill" viewBox="0 0 16 16"> <path d="M9.405 1.05c-.413-1.4-2.397-1.4-2.81 0l-.1.34a1.464 1.464 0 0 1-2.105.872l-.31-.17c-1.283-.698-2.686.705-1.987 1.987l.169.311c.446.82.023 1.841-.872 2.105l-.34.1c-1.4.413-1.4 2.397 0 2.81l.34.1a1.464 1.464 0 0 1 .872 2.105l-.17.31c-.698 1.283.705 2.686 1.987 1.987l.311-.169a1.464 1.464 0 0 1 2.105.872l.1.34c.413 1.4 2.397 1.4 2.81 0l.1-.34a1.464 1.464 0 0 1 2.105-.872l.31.17c1.283.698 2.686-.705 1.987-1.987l-.169-.311a1.464 1.464 0 0 1 .872-2.105l.34-.1c1.4-.413 1.4-2.397 0-2.81l-.34-.1a1.464 1.464 0 0 1-.872-2.105l.17-.31c.698-1.283-.705-2.686-1.987-1.987l-.311.169a1.464 1.464 0 0 1-2.105-.872l-.1-.34zM8 10.93a2.929 2.929 0 1 1 0-5.86 2.929 2.929 0 0 1 0 5.858z"/> </svg> </a> </li> </ul><div class="clearfix"></div></div></header> <!--header end--> <!-- consolPopup Bootstap Modal Start Ear/Eye Icon --> <div class="modal fade" id="consolPopup" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true" data-keyboard="false" data-backdrop="static"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-body"> <div class="consolPopup"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> Other users can skip <span aria-hidden="true">×</span> </button> <h1>Select category of user</h1> <!--<div class="swich-main"> <div class="switch-checkbox"> <label class="switch"> <input type="checkbox" id="chkToggleAudioConsolPopup" onclick='handleToggleAudio(this);'> <span class="slider round"></span> <span class="absolute-no">OFF</span> </label> </div> <div class="switch-checkbox-text"> Toggle this button to switch ON/OFF text-to-audio and mouse trail functionality </div> </div>--> <div class="swich-wrapper"> <div class="swich-main audioGz"> <div class="switch-checkbox"> <label class="switch"> <input type="checkbox" id="chkToggleAudioConsolPopup" onclick="handleToggleAudio(this);"> <span class="slider round"></span> <span class="absolute-no">OFF</span> </label> </div> <div class="switch-checkbox-text">Audio</div> </div> <div class="swich-main mousetrailGz"> <div class="switch-checkbox"> <label class="switch"> <input type="checkbox" id="chkToggleMouseTrailConsolPopup" onclick="handleToggleMouseTrail(this);"> <span class="slider round"></span> <span class="absolute-no">OFF</span> </label> </div> <div class="switch-checkbox-text">Mouse Trail</div> </div> </div> <div> <strong style="color: red">Note*: </strong> Toggle above buttons to switch ON/OFF audio or mouse trail functionality </div><br> <div class="disability-all"> <a href="#" id="cat-visually-impaired" class="disability VisuallyImpaired">Visually Impaired</a> <a href="#" id="cat-hearing-impaired" class="disability HearingImpaired">Hearing Impaired</a> </div> </div> </div> <div class="modal-footer"> <strong>Note:</strong> If you close this popup, you can still open it by clicking gear icon <svg xmlns="http://www.w3.org/2000/svg" id="" color="#000000" width="14" height="14" fill="currentColor" class="bi bi-gear-fill" viewBox="0 0 16 16"> <path d="M9.405 1.05c-.413-1.4-2.397-1.4-2.81 0l-.1.34a1.464 1.464 0 0 1-2.105.872l-.31-.17c-1.283-.698-2.686.705-1.987 1.987l.169.311c.446.82.023 1.841-.872 2.105l-.34.1c-1.4.413-1.4 2.397 0 2.81l.34.1a1.464 1.464 0 0 1 .872 2.105l-.17.31c-.698 1.283.705 2.686 1.987 1.987l.311-.169a1.464 1.464 0 0 1 2.105.872l.1.34c.413 1.4 2.397 1.4 2.81 0l.1-.34a1.464 1.464 0 0 1 2.105-.872l.31.17c1.283.698 2.686-.705 1.987-1.987l-.169-.311a1.464 1.464 0 0 1 .872-2.105l.34-.1c1.4-.413 1.4-2.397 0-2.81l-.34-.1a1.464 1.464 0 0 1-.872-2.105l.17-.31c.698-1.283-.705-2.686-1.987-1.987l-.311.169a1.464 1.464 0 0 1-2.105-.872l-.1-.34zM8 10.93a2.929 2.929 0 1 1 0-5.86 2.929 2.929 0 0 1 0 5.858z"/> </svg> on the extreme right hand top corner </div> </div> </div> </div> <!-- consolPopup Bootstap Modal End Ear/Eye Icon --> <!-- consolPopup Bootstap Modal Start Impaired Dropdown --> <div class="modal fade" id="consolPopupImpairedDD" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-body"> <div class="consolPopup VisuallyImpaired types-innr" id="visuallyImpairedDD" style="display: none;"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> <div class="types-innr-hdr"> <a href="#" id="back-btn-visually-impaired" class="arrow-back"><img src="https://www.tatasteel.com/media/14134/arrow-back.png"></a> <h1>Select types of Visually Impaired</h1> </div> <div class="select-types"> <form> <select id="select-types" class="select-visually-impaired"> <option value="0">Select your type*</option> <option value="1">Partially blind</option> <option value="2">Color blind</option> </select> </form> </div> </div> <div class="consolPopup HearingImpaired types-innr" id="hearingImpairedDD" style="display: none;"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> <div class="types-innr-hdr"> <a href="#" id="back-btn-hearing-impaired" class="arrow-back"><img src="https://www.tatasteel.com/media/14134/arrow-back.png"></a> <h1>Select types of Hearing Impaired</h1> </div> <div class="select-types"> <form> <select id="select-types" class="select-hearing-impaired"> <option value="0">Select your type*</option> <option value="1">Partial hearing loss</option> <option value="2">Complete hearing loss</option> </select> </form> </div> </div> </div> </div> </div> </div> <!-- consolPopup Bootstap Modal End Impaired Dropdown --> <!-- consolPopup Bootstap Modal Start Impaired Content --> <div class="modal fade" id="consolPopupImpairedContent" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true" data-keyboard="false" data-backdrop="static"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-body"> <div class="consolPopup VisuallyImpaired types-innr" id="consolPopupPartiallyBlindContent" style="display: none;"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> <div class="accessibility-tools"> <div class="sublevel sublevel2"> <div class="tools-innr"> <h3>Text Size:</h3> <div id="font_selection_box" style="display: flex; align-items: center;"><span id="fontsize_opt1" class="multi_font_icon" style="font-size: 14px; float: left; cursor: pointer; margin: 0px 20px 0px 0px; font-weight: bold;">A</span><span id="fontsize_opt2" class="multi_font_icon" style="font-size: 18px; float: left; cursor: pointer; margin: 0px 20px 0px 0px; font-weight: bold;">A</span><span id="fontsize_opt3" class="multi_font_icon" style="font-size: 26px; float: left; cursor: pointer; margin: 0px 20px 0px 0px; font-weight: bold;">A</span></div><!-- EOF #font_selection_box --> </div> <div class="tools-innr"> <h3 class="mt-5">Contrast Scheme:</h3> <div class="contrast" style="display: flex"> <div class="btn-normal-contrast"> <!--<span class="btn-normal-contrast">C</span>--> <span>C</span> </div> <div class="btn-add-contrast"> <span>C</span> </div> <div class="btn-add-contrast2"> <span>C</span> </div> </div> </div> <div class="tools-innr" style="display: flex; align-items: center;"> <a role="button" class="reset-accessibility" target="_blank">Reset</a> </div> </div> </div> <div class="types-innr-hdr"> <a href="#" id="back-btn-partial-blind" class="arrow-back"> <!--<img src="https://www.tatasteel.com/media/14134/arrow-back.png">--> <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" fill="currentColor" class="bi bi-arrow-left-short" viewBox="0 0 16 16"> <path fill-rule="evenodd" d="M12 8a.5.5 0 0 1-.5.5H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5H11.5a.5.5 0 0 1 .5.5z"/> </svg> </a> <!--<h1>Partially Blind</h1>--> <h1>Visual Impaired</h1> </div> <div class="help-content"> <ul> <li> <p>We have provided accessibility tools on our website that will ease user experience. The Accessibility tool will help you to increase/decrease font size, change different contrast scheme on our website.</p> </li> <li> <p>You can locate accessibility tools <img src="https://www.tatasteel.com/media/14126/icon-accessibility-hover.png"></img> at the extreme right at the top of our website.</p> </li> <li> <p>If you have low vision, colour vision, you can increase the font size of the text and can opt for a different contrast scheme throughout our website. You can do this by clicking the accessibility tools icon at the extreme right at the top of our website and choose from the different font sizes and different color contrasts.</p> </li> <li> <p>Further you can select text to speak it. Additionally, you can turn ON/OFF the text-to-audio functionality in the website for the text to speak it. If you are not able to see images/pictures properly on the website you can hover on the images to listen to the image description.</p> </li> <li> <p> If you have selected the text to speak and you no longer want to listen to an audio, you can click on the Cancel Audio button <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="#f60" class="bi bi-x-circle" viewBox="0 0 16 16"> <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"></path> <path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z"></path> </svg> located on the right-hand side and it will stops playing the speech. </p> </li> <li> <p>At any point, you can click the ‘Reset’ button (below the font size options) to set the website back to its default mode.</p> </li> </ul> </div> </div> <div class="consolPopup VisuallyImpaired types-innr" id="consolPopupColorBlindContent" style="display: none;"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> <div class="types-innr-hdr"> <a href="#" id="back-btn-color-blind" class="arrow-back btn-content-back"> <!--<img src="https://www.tatasteel.com/media/14134/arrow-back.png">--> <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" fill="currentColor" class="bi bi-arrow-left-short" viewBox="0 0 16 16"> <path fill-rule="evenodd" d="M12 8a.5.5 0 0 1-.5.5H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5H11.5a.5.5 0 0 1 .5.5z"/> </svg> </a> <h1>Color Blind</h1> </div> <div> <ul> <li> <p>We have provided accessibility tools on our website that will ease user experience. The Accessibility tool will help you to increase/decrease font size, change different contrast scheme on our website.</p> </li> <li> <p>You can locate accessibility tools <img src="https://www.tatasteel.com/media/14126/icon-accessibility-hover.png"></img> at the extreme right at the top of our website.</p> </li> <li> <p>If you have colour vision deficiency, you can opt for a different contrast scheme on our website. You can do this by clicking the accessibility tools icon at the extreme right at the top of our website and choose from the different color contrasts.</p> </li> <li> <p>Additionally, you can turn ON/OFF the text-to-audio functionality in the website for the text to speak it. If you are not able to see images/pictures properly on the website you can hover on the images to listen to the image description.</p> </li> <li> <p>At any point, you can click the ‘Reset’ button (below the font size options) to set the website back to its default mode.</p> </li> </ul> </div> </div> <div class="consolPopup HearingImpaired types-innr" id="consolPopupPartialHearingLossContent" style="display: none;"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> <div class="accessibility-tools"> <div class="sublevel sublevel2"> <div class="tools-innr"> <h3>Text Size:</h3> <div id="font_selection_box" style="display: flex; align-items: center;"><span id="fontsize_opt1" class="multi_font_icon" style="font-size: 14px; float: left; cursor: pointer; margin: 0px 20px 0px 0px; font-weight: bold;">A</span><span id="fontsize_opt2" class="multi_font_icon" style="font-size: 18px; float: left; cursor: pointer; margin: 0px 20px 0px 0px; font-weight: bold;">A</span><span id="fontsize_opt3" class="multi_font_icon" style="font-size: 26px; float: left; cursor: pointer; margin: 0px 20px 0px 0px; font-weight: bold;">A</span></div><!-- EOF #font_selection_box --> </div> <div class="tools-innr"> <h3 class="mt-5">Contrast Scheme:</h3> <div class="contrast" style="display: flex"> <div class="btn-normal-contrast"> <!--<span class="btn-normal-contrast">C</span>--> <span>C</span>--> </div> <div class="btn-add-contrast"> <span>C</span> </div> <div class="btn-add-contrast2"> <span>C</span> </div> </div> </div> <div class="tools-innr" style="display: flex; align-items: center;"> <a role="button" class="reset-accessibility" target="_blank">Reset</a> </div> </div> </div> <div class="types-innr-hdr"> <a href="#" id="back-btn-partial-hear-loss" class="arrow-back"> <!--<img src="https://www.tatasteel.com/media/14134/arrow-back.png">--> <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" fill="currentColor" class="bi bi-arrow-left-short" viewBox="0 0 16 16"> <path fill-rule="evenodd" d="M12 8a.5.5 0 0 1-.5.5H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5H11.5a.5.5 0 0 1 .5.5z"/> </svg> </a> <!--<h1>Partial hearing loss</h1>--> <h1>Hearing Impaired</h1> </div> <div class="help-content"> <ul> <li> <p>If you have any kind of hearing impairment such as partial or complete hearing loss, you will be able to see the transcripts/captions (sub-titles) for all the videos on our website and view along. You can do this by clicking on the ‘cc’ option on the bottom right side of the video box.</p> </li> </ul> </div> </div> <div class="consolPopup HearingImpaired types-innr" id="consolPopupMixedHearingLossContent" style="display: none;"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> <div class="accessibility-tools"> <div class="sublevel sublevel2"> <div class="tools-innr"> <h3>Text Size:</h3> <div id="font_selection_box" style="display: flex; align-items: center;"><span id="fontsize_opt1" class="multi_font_icon" style="font-size: 14px; float: left; cursor: pointer; margin: 0px 20px 0px 0px; font-weight: bold;">A</span><span id="fontsize_opt2" class="multi_font_icon" style="font-size: 18px; float: left; cursor: pointer; margin: 0px 20px 0px 0px; font-weight: bold;">A</span><span id="fontsize_opt3" class="multi_font_icon" style="font-size: 26px; float: left; cursor: pointer; margin: 0px 20px 0px 0px; font-weight: bold;">A</span></div><!-- EOF #font_selection_box --> </div> <div class="tools-innr"> <h3 class="mt-5">Contrast Scheme:</h3> <div class="contrast" style="display: flex"> <div class="btn-normal-contrast"> <span class="btn-normal-contrast">C</span> </div> <div class="btn-add-contrast"> <span>C</span> </div> </div> </div> <div class="tools-innr" style="display: flex; align-items: center;"> <a role="button" class="reset-accessibility" target="_blank">Reset</a> </div> </div> </div> <div class="types-innr-hdr"> <a href="#" id="back-btn-mixed-hear-loss" class="arrow-back btn-content-back"> <!--<img src="https://www.tatasteel.com/media/14134/arrow-back.png">--> <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" fill="currentColor" class="bi bi-arrow-left-short" viewBox="0 0 16 16"> <path fill-rule="evenodd" d="M12 8a.5.5 0 0 1-.5.5H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5H11.5a.5.5 0 0 1 .5.5z"/> </svg> </a> <h1>Complete hearing loss</h1> </div> <div class="help-content"> <ul> <li> <p>For any other kind of hearing impairment, you will be able to see the transcripts/captions (sub-titles) for all the videos on our website and view along.</p> </li> </ul> </div> </div> </div> </div> </div> </div> <!-- consolPopup Bootstap Modal End Impaired Content --> <!-- Imported jQuery and soyo-jquery-multi-font-size script to increase/decrease font size --> <!-- <script type="text/javascript" src="/scripts/jquery-1.11.3.min.js"></script> --> <script src="https://code.jquery.com/jquery-3.7.0.js"></script> <script src="https://code.jquery.com/jquery-migrate-3.4.1.js"></script> <script src="/scripts/soyo-jquery-multi-font-size.js?id=13072022e2"></script> <!-- Imported accessibility-guide-style and accessibility-guide script to show/hide Ear/Eye Icon modal popup --> <script src="/scripts/accessibility-guide.js?id=17012023e2"></script> <link rel="stylesheet" type="text/css" href="/css/accessibility-guide-style.css?id=10062022e9"> <script> function resizePopupSwitches(innerWidth){ if (innerWidth <= 425) { $('.consolPopup .swich-wrapper .swich-main .switch-checkbox > label').removeClass('switch').addClass('switch2'); $('.consolPopup .swich-wrapper .swich-main .switch-checkbox >label').find('span:first').removeClass('slider round').addClass('slider2 round2'); $('.consolPopup .swich-wrapper .swich-main .switch-checkbox >label').find('span:eq(1)').removeClass('absolute-no').addClass('absolute-no2'); }else{ $('.consolPopup .swich-wrapper .swich-main .switch-checkbox > label').removeClass('switch2').addClass('switch'); $('.consolPopup .swich-wrapper .swich-main .switch-checkbox >label').find('span:first').removeClass('slider2 round2').addClass('slider round'); $('.consolPopup .swich-wrapper .swich-main .switch-checkbox >label').find('span:eq(1)').removeClass('absolute-no2').addClass('absolute-no'); } } $(window).resize(function() { resizePopupSwitches(window.innerWidth); }); $(document).ready(function() { resizePopupSwitches(window.innerWidth); $(".table-hover > tbody > tr").css('pointer-events', 'none'); $('header .access-links .ablink > a').click(function() { if($(this).hasClass('active')){ $(this).removeClass('active'); $('header .access-links .abtools').css('display','none'); }else{ $(this).addClass('active'); $('header .access-links .abtools').css('display','block'); } return false; }); $(".btn-add-contrast").click(function(){ console.log('add contrast clicked'); $('body').addClass('add-contrast'); $('body').removeClass('add-contrast2'); $('.btn-add-contrast').addClass('active'); $('.btn-normal-contrast').removeClass('active'); $('.btn-add-contrast2').removeClass('active'); $('.desp_bg, .graybg, .disp_tablecell, .lightBlueBg, .pos_xs_static, .animatedParent').css('background', '#000000'); $('.banner-caption h1').css('text-shadow','0 0 5px #000000, 0 0 5px #000000'); $("#consolPopupImpairedContent").find('.modal-content').addClass('add-contrast-consolPopup'); //$("#consolPopupPartiallyBlindContent").find('.help-content').css('background','#333'); //$("#consolPopupPartiallyBlindContent").find('.help-content').css('color','#FFFF00'); $("select").css('background', '#000000'); $('.table > tbody > tr > th').css('background', '#000000'); $('.card > a').css('background', '#333'); $('.title_text_style').css('background', '#000000'); $('.financial-summary .financial-summary-section').css('background', '#333'); $('.testi_txt').css('background', '#333'); $('.testimonial_item > p, .ethics-tcoc').css('background', '#333'); //$(".fancybox-skin").css('cssText', 'background', '#2e2d2d !important'); //$('.tab-content .panel.open').css('background', 'transparent'); }); $(".btn-normal-contrast").click(function(){ $('body').removeClass('add-contrast') $('body').removeClass('add-contrast2'); $('.btn-normal-contrast').addClass('active') $('.btn-add-contrast').removeClass('active') $('.btn-add-contrast2').removeClass('active') $('.desp_bg, .graybg, .disp_tablecell, .lightBlueBg, .pos_xs_static, .animatedParent ').css('background', '#f2f6f9') $('.banner-caption h1').css('text-shadow','2px 2px 4px rgb(0 0 0 / 73%)'); $("#consolPopupImpairedContent").find('.modal-content').removeClass('add-contrast-consolPopup'); //$("#consolPopupPartiallyBlindContent").find('.help-content').css('background','#FFF'); //$("#consolPopupPartiallyBlindContent").find('.help-content').css('color','#333'); $("select").css('background', '#ffffff'); $('.table > tbody > tr > th').css('background', '#f2f6f9'); $('.card > a').css('background', '#fff'); $('.title_text_style').css('background', '#f2f6f9'); $('.financial-summary .financial-summary-section').css('background', '#fff'); $('.testi_txt, .animatedParent-tcoc').css('background', '#fff'); $('.testimonial_item > p, .ethics-tcoc').css('background', '#f2f6f9'); //$('.tab-content .panel.open').css('background', '#f2f6f9'); }); $(".btn-add-contrast2").click(function(){ console.log('add contrast clicked'); $('body').addClass('add-contrast2'); $('body').removeClass('add-contrast'); $('.btn-add-contrast2').addClass('active'); $('.btn-normal-contrast').removeClass('active'); $('.btn-add-contrast').removeClass('active'); $('.desp_bg, .graybg, .disp_tablecell, .lightBlueBg, .pos_xs_static, .animatedParent ').css('background', '#000000'); $('.banner-caption h1').css('text-shadow','0 0 5px #000000, 0 0 5px #000000'); $("#consolPopupImpairedContent").find('.modal-content').addClass('add-contrast-consolPopup'); //$("#consolPopupPartiallyBlindContent").find('.help-content').css('background','#333'); //$("#consolPopupPartiallyBlindContent").find('.help-content').css('color','#FFFF00'); $("select").css('background', '#000000'); $('.table > tbody > tr > th').css('background', '#000000'); $('.card > a').css('background', '#333'); $('.title_text_style').css('background', '#000000'); $('.financial-summary .financial-summary-section').css('background', '#333'); $('.testi_txt').css('background', '#333'); $('.testimonial_item > p, .ethics-tcoc').css('background', '#333'); //$('.tab-content .panel.open').css('background', 'transparent'); }); $(".reset-accessibility").click(function(){ $('body').removeClass('add-contrast') $('body').removeClass('add-contrast2') $('.btn-normal-contrast').removeClass('active') $('.btn-add-contrast').removeClass('active') $('.btn-add-contrast2').removeClass('active') $('.desp_bg, .graybg, .lightBlueBg, .pos_xs_static, .animatedParent ').css('background', '#f2f6f9') $(".multi-fontszie").css('font-size','16px'); //$(".banner-caption p").css('font-size','16px'); $(".banner-caption p").css('font-size','18px'); $("#consolPopupImpairedContent").find('.modal-content').removeClass('add-contrast-consolPopup'); $('#consolPopupImpairedContent ul li p').css('font-size','16px'); $('.banner-caption h1').css('text-shadow','2px 2px 4px rgb(0 0 0 / 73%)'); $("select").css('background', '#ffffff'); $('.table > tbody > tr > th').css('background', '#f2f6f9'); $('.card > a').css('background', '#fff'); $('.title_text_style').css('background', '#f2f6f9'); $('.financial-summary .financial-summary-section').css('background', '#fff'); $('.testi_txt, .animatedParent-tcoc').css('background', '#fff'); $('.testimonial_item > p, .ethics-tcoc').css('background', '#f2f6f9'); //$('.tab-content .panel.open').css('background', '#f2f6f9'); handleToggleAudio(this); handleToggleMouseTrail(this); }); $('#consolPopupImpairedContent').on('hidden.bs.modal', function (e) { $('body').css('padding-right','0'); }) }); </script> <div id="fullpage"> <!-- BANNER START --> <section id="template7-banner" class="banner-container" > <div class="banner scalbg_abs animatedParent"> <div class="scalebg hidden-xs" style="background-image:url(/media/22346/media-banner_25-oct-1.png);"></div> <div class="scalebg visible-xs" style="background-image:url(/media/22061/media-banner-500-x-781_01.png);"></div> <div class="banner-caption"> <h1>Newsroom</h1> <p> </p> </div> </div> </section> <!-- BANNER END --> <section id="breadcrumb"> <div class="container"> <ul> <li><a href="/" class="black_home ico" style="font-size: 0">Home</a> <ul class="dropdown-menu"> <li><a href="/corporate/">Corporate</a></li> <li><a href="/sustainability/">Sustainability</a></li> <li><a href="/products-solutions/">Products & Solutions</a></li> <li><a href="/investors/">Investors</a></li> <li><a href="/media/">Media</a></li> <li><a href="/newsroom/">Newsroom</a></li> <li><a href="/careers/">Careers</a></li> <li><a href="/contact-us/">Contact Us</a></li> </ul> <li class="active"><a href="#">Newsroom</a></li> </ul> </div></section> <div class="quick_menu"> <div class="quick_menu_background"></div> <div class="quick_menu_wrapper"> <div class="quick_menu_btn"> <img class="quick_menu_open" src="/images/quick-links.png" alt="Explore more"> <img class="quick_menu_close" src="/images/quick-menu-close.png" alt=""> <span>EXPLORE<br/>MORE</span> </div> <div class="quick_menu_body"> </div> </div> </div> <!--<div class="cancel-btn-right" onclick="cancelSpeech()"> <div role="img" aria-label="Cancel Audio"> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="#f60" class="bi bi-x-circle" viewBox="0 0 16 16"> <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/> <path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z"/> </svg> <span>Cancel<br/>Audio</span> </div> </div> <script> function cancelSpeech(){ console.log('canceSpeech called'); responsiveVoice.cancel(); } </script>--> <!-- CONTENT START --> <div id="fullpage1" class="fullpage-wrapper" style="height: 100%; position: relative; transform: translate3d(0px, 0px, 0px);"> <div class="fp-tableCell" style="height: 0px;"> <div class="banner scalbg_abs animatedParent sustainabilityNew center-div"> <div class="buttons-wrapper"><button class="nav-btn left" id="leftBtn">❮</button> <ul id="slider-nav" class="navbar-drag slider-nav tabsBox"> <li class="fp-table-list"><a href="#press-releases" class="tab-active "><span class="tab-static ">Press Releases</span></a></li> <li class="tabs"><a href="#in-the-news" class="tab-active"><span class="tab-static">In The News</span></a></li> <li class="tabs"><a href="#podcasts" class="tab-active"><span class="tab-static">Podcasts</span></a></li> <li class="tabs"><a href="#blog" class="tab-active"><span class="tab-static">Blog</span></a></li> <li class="tabs"><a href="#videos" class="tab-active"><span class="tab-static">Videos</span></a></li> <li class="tabs"><a href="#steel" class="tab-active"><span class="tab-static">Steelfluencers</span></a></li> <!-- <li class="tabs"><a href="#publication" class="tab-active"><span class="tab-static">Publications</span></a></li> --> <li class="tabs"><a href="#awards" class="tab-active"><span class="tab-static">Awards & Recognitions</span></a></li> <li class="tabs"><a href="#factsheet" class="tab-active"><span class="tab-static">Factsheet</span></a></li> <li class="tabs"><a href="#logousage" class="tab-active"><span class="tab-static">Logo Usage</span></a></li> <li class="fp-table-list tabs"><a href="#gallery" class="tab-active"><span class="tab-static">Gallery</span></a></li> </ul> <button class="nav-btn right" id="rightBtn">❯</button></div> </div> </div> </div> <!-- Scroll Button --> <p><button class="scroll-button" id="scroll-btn"><i class="fas fa-arrow-down"></i></button></p> <div id="fullpage" class="fullpage-wrapper" style="height: 100%; position: relative; transform: translate3d(0px, 0px, 0px);"><!-- press release section start --> <div id="press-releases" class="container-fluid section1 section" style="padding-bottom: 20px;"> <div class="row text-center"> <p class="hover-underline-animation text-center headings text-center">Press Release</p> </div> <div class="slider-container"><button class="nav-arrow left-arrow"><</button> <div id="tabHeader" class="tab-header tabs-wrapper"> <div class="tabs"> <p class="tab_cat no-border">CATEGORIES</p> <div class="tab btn btn-blue" data-tab="tab1">Business Excellence</div> <div class="tab btn btn-peach" data-tab="tab2">Innovation & Technology</div> <div class="tab btn btn-purple" data-tab="tab3">Sustainabilty</div> <div class="tab btn btn-green" data-tab="tab4">People</div> <!-- Add more tabs as needed --></div> </div> <button class="nav-arrow right-arrow">></button></div> <div class="container text-center"> <div class="row" style="display: flex; float: right;"> <div class="col-8 mt-20"><button type="button" class="custom-prev-arrow"></button> <!-- Custom Next Arrow --> <button type="button" class="custom-next-arrow"></button> <a target="blank" href="https://www.tatasteel.com/newsroom/press-releases/" class="view-more view-more-new float-right">View More <i class="fa fa-angle-right"></i></a></div> </div> </div> <div id="tab1" class="tab-content active"> <div class="blur-overlay left"></div> <div class="slider p-0"> <div class="w-100"><img class="img-responsive img-space" src="/media/22029/400x230_01.jpg" alt="" title="" /> <p class="text-black"><a class="text-black" target="blank" href="https://www.tatasteel.com/newsroom/press-releases/india/2025/tata-steel-3qfy2025-production-and-delivery-volumes-provisional/">Tata Steel: 3QFY2025 Production and Delivery Volumes (Provisional)</a></p> <div class="shared-counts-wrap after_content style-classic"><span class="shared-counts-icon-label-yellow "> <i class="fa fa-fort-awesome" aria-hidden="true"></i> Mumbai</span> <span class="shared-counts-icon-label-purple "><i class="fa fa-icon"></i> January 08, 2025 </span> <span class="shared-counts-icon-label-aqua "><i class="fa fa-icon"></i> 7 min read </span></div> </div> <div class="w-100"><img class="img-responsive img-space" src="/media/23182/blast-furnace-newsroom-thumbnail-img.jpg" alt="" title="" /> <p class="text-black"><a class="text-black" target="blank" href="https://www.tatasteel.com/newsroom/press-releases/india/2025/tata-steel-s-blast-furnace-in-jamshedpur-achieves-historic-50-million-tonnes-production-milestone/">Tata Steel’s Blast Furnace in Jamshedpur Achieves Historic 50 Million Tonnes Production Milestone</a></p> <div class="shared-counts-wrap after_content style-classic"><span class="shared-counts-icon-label-yellow "> <i class="fa fa-fort-awesome" aria-hidden="true"></i> Mumbai</span> <span class="shared-counts-icon-label-purple "><i class="fa fa-icon"></i> January 08, 2025 </span> <span class="shared-counts-icon-label-aqua "><i class="fa fa-icon"></i> 7 min read </span></div> </div> <div class="w-100"><img class="img-responsive img-space" src="/media/23181/largest-blast-furnace-kalinganagar-newsroom-img.jpg" alt="" title="" /> <p class="text-black"><a class="text-black" target="blank" href="https://www.tatasteel.com/newsroom/press-releases/india/2024/tata-steel-commissions-india-s-largest-blast-furnace-at-kalinganagar/">Tata Steel commissions India’s largest blast furnace at Kalinganagar</a></p> <div class="shared-counts-wrap after_content style-classic"><span class="shared-counts-icon-label-yellow "> <i class="fa fa-fort-awesome" aria-hidden="true"></i> Mumbai</span> <span class="shared-counts-icon-label-purple "><i class="fa fa-icon"></i> September 20, 2024 </span> <span class="shared-counts-icon-label-aqua "><i class="fa fa-icon"></i> 7 min read </span></div> </div> <div class="w-100"><img class="img-responsive img-space" src="/media/23180/women-shift-in-iron-ore-mine-newsroom-img.jpg" alt="" title="" /> <p class="text-black"><a class="text-black" target="blank" href="https://www.tatasteel.com/newsroom/press-releases/india/2024/tata-steel-makes-history-with-india-s-first-ever-all-women-shift-in-an-iron-ore-mine/">Tata Steel Makes History with India’s First-Ever All-Women Shift in an iron ore mine</a></p> <div class="shared-counts-wrap after_content style-classic"><span class="shared-counts-icon-label-yellow "> <i class="fa fa-fort-awesome" aria-hidden="true"></i> Mumbai</span> <span class="shared-counts-icon-label-purple "><i class="fa fa-icon"></i> December 16, 2024 </span> <span class="shared-counts-icon-label-aqua "><i class="fa fa-icon"></i> 7 min read </span></div> </div> <div class="w-100"><img class="img-responsive img-space" src="/media/22029/400x230_01.jpg" alt="" title="" /> <p class="text-black"><a class="text-black" target="blank" href="https://www.tatasteel.com/newsroom/press-releases/india/2024/tata-steel-reports-consolidated-ebitda-of-rs-23-402-crores-for-fy2024/">Tata Steel reports Consolidated EBITDA of Rs 23,402 crores for FY2024</a></p> <div class="shared-counts-wrap after_content style-classic"><span class="shared-counts-icon-label-yellow "> <i class="fa fa-fort-awesome" aria-hidden="true"></i> Mumbai</span> <span class="shared-counts-icon-label-purple "><i class="fa fa-icon"></i> May 29,2024 </span> <span class="shared-counts-icon-label-aqua "><i class="fa fa-icon"></i> 7 min read </span></div> </div> <div class="w-100"><img class="img-responsive" src="/media/22029/400x230_01.jpg" alt="" title="" /> <p class="text-black"><a class="text-black" href="https://www.tatasteel.com/newsroom/press-releases/india/2023/tata-steel-receives-safety-and-health-excellence-recognition-2023-by-world-steel-association-for-its-real-time-visualisation-of-risk-movement/" target="blank">Tata Steel receives Safety and Health Excellence Recognition 2023 by World Steel Association for its real-time visualisation of risk movement</a></p> <div class="shared-counts-wrap after_content style-classic"><span class="shared-counts-icon-label-yellow "> <i class="fa fa-fort-awesome" aria-hidden="true"></i> Mumbai</span> <span class="shared-counts-icon-label-purple "><i class="fa fa-icon"></i> October 25,2023 </span> <span class="shared-counts-icon-label-aqua "><i class="fa fa-icon"></i> 7 min read </span></div> </div> <div class="w-100"><img class="img-responsive" src="/media/21428/tata-steel-press-release_image-3_400x230.jpg" alt="" title="" /> <p class="text-black"><a class="text-black" target="blank" href="https://www.tatasteel.com/newsroom/press-releases/india/2023/punjab-cm-shri-bhagwant-mann-performs-groundbreaking-ceremony-for-tata-steel-s-upcoming-ludhiana-eaf-based-steel-plant/">Punjab CM Shri Bhagwant Mann performs groundbreaking ceremony for Tata Steel’s upcoming Ludhiana EAF-based steel plant</a></p> <div class="shared-counts-wrap after_content style-classic"><span class="shared-counts-icon-label-yellow "> <i class="fa fa-fort-awesome" aria-hidden="true"></i> Ludhiana</span> <span class="shared-counts-icon-label-purple "><i class="fa fa-icon"></i> October 20, 2023</span> <span class="shared-counts-icon-label-aqua "><i class="fa fa-icon"></i> 4 min read </span></div> </div> <div class="w-100"><img class="img-responsive" src="/media/21429/tata-steel-press-release_image-4_400x230.jpg" alt="" title="" /> <p class="text-black"><a class="text-black" target="blank" href="https://www.tatasteel.com/newsroom/press-releases/india/2023/tata-steel-limited-to-enter-into-agreement-with-tata-power-renewable-energy-ltd-tprel-to-source-379-mw-of-renewable-power-a-milestone-towards-achieving-net-zero/">Tata Steel Limited to enter into agreement with Tata Power Renewable Energy Ltd. (TPREL) to source 379 MW of Renewable Power, a milestone towards achieving Net Zero</a></p> <div class="shared-counts-wrap after_content style-classic"><span class="shared-counts-icon-label-yellow "> <i class="fa fa-fort-awesome" aria-hidden="true"></i> Mumbai</span> <span class="shared-counts-icon-label-purple "><i class="fa fa-icon"></i> October 19, 2023 </span> <span class="shared-counts-icon-label-aqua "><i class="fa fa-icon"></i> 4 min read </span></div> </div> <div class="w-100"><img class="img-responsive" src="/media/22029/400x230_01.jpg" alt="" title="" /> <p class="text-black"><a class="text-black" target="blank" href="https://www.tatasteel.com/newsroom/press-releases/india/2023/116th-annual-general-meeting-agm-speech-by-natarajan-chandrasekaran-chairman-tata-steel/"> 116th Annual General Meeting (AGM) Speech by Natarajan Chandrasekaran - Chairman, Tata Steel</a></p> <div class="shared-counts-wrap after_content style-classic"><span class="shared-counts-icon-label-yellow "> <i class="fa fa-fort-awesome" aria-hidden="true"></i> Mumbai</span> <span class="shared-counts-icon-label-purple "><i class="fa fa-icon"></i> July 05,2023 </span> <span class="shared-counts-icon-label-aqua "><i class="fa fa-icon"></i> 6 min read </span></div> </div> </div> <div class="blur-overlay right"></div> </div> <div id="tab2" class="tab-content "> <div class="slider p-0"> <div class="w-100"><img class="img-responsive" src="/media/22029/400x230_01.jpg" alt="" title="" /> <p class="text-black"><a class="text-black" href="https://www.tatasteel.com/newsroom/press-releases/india/2024/tata-steel-and-welspun-corp-successfully-manufacture-pipes-for-pure-hydrogen-transportation/" target="blank">Tata Steel and Welspun Corp Successfully Manufacture Pipes for Pure Hydrogen Transportation</a></p> <div class="shared-counts-wrap after_content style-classic"><span class="shared-counts-icon-label-yellow "> <i class="fa fa-fort-awesome" aria-hidden="true"></i> Mumbai</span> <span class="shared-counts-icon-label-purple "><i class="fa fa-icon"></i> August 02, 2024 </span> <span class="shared-counts-icon-label-aqua "><i class="fa fa-icon"></i> 7 min read </span></div> </div> <div class="w-100"><img class="img-responsive" src="/media/23176/fap-atagarh-newsroom-img.jpg" alt="" title="" /> <p class="text-black"><a class="text-black" href="https://www.tatasteel.com/newsroom/press-releases/india/2024/first-in-ferrochrome-plants-in-india-tata-steel-conducts-successful-trial-of-biomass-usage/" target="blank">First in Ferrochrome Plants in India, Tata Steel Conducts Successful Trial of Biomass Usage</a></p> <div class="shared-counts-wrap after_content style-classic"><span class="shared-counts-icon-label-yellow "> <i class="fa fa-fort-awesome" aria-hidden="true"></i> Mumbai</span> <span class="shared-counts-icon-label-purple "><i class="fa fa-icon"></i> July 20, 2024 </span> <span class="shared-counts-icon-label-aqua "><i class="fa fa-icon"></i> 7 min read </span></div> </div> <div class="w-100"><img class="img-responsive" src="/media/21430/tata-steel-press-release_image-6_400x230.jpg" alt="" title="" /> <p class="text-black"><a class="text-black" href="https://www.tatasteel.com/newsroom/press-releases/india/2024/tata-steel-and-australias-monash-university-sign-mou-to-set-up-sustainability-focused-centre-for-innovation/" target="blank"> Tata Steel and Australia's Monash University sign MoU to set up sustainability-focused Centre for Innovation </a></p> <div class="shared-counts-wrap after_content style-classic"><span class="shared-counts-icon-label-yellow "> <i class="fa fa-fort-awesome" aria-hidden="true"></i> Mumbai</span> <span class="shared-counts-icon-label-purple "><i class="fa fa-icon"></i> June 13,2024 </span> <span class="shared-counts-icon-label-aqua "><i class="fa fa-icon"></i> 7 min read </span></div> </div> <div class="w-100"><img class="img-responsive" src="/media/21431/tata-steel-press-release_image-7_400x230.jpg" alt="" title="" /> <p class="text-black"><a class="text-black" href="https://www.tatasteel.com/newsroom/press-releases/india/2023/tata-steel-imperial-college-london-ink-mou-to-set-up-a-centre-for-innovation-in-sustainable-design-and-manufacturing/" target="blank">Tata Steel, Imperial College London Ink MoU to set up a Centre for Innovation in Sustainable Design and Manufacturing </a></p> <div class="shared-counts-wrap after_content style-classic"><span class="shared-counts-icon-label-yellow "> <i class="fa fa-fort-awesome" aria-hidden="true"></i> Mumbai</span> <span class="shared-counts-icon-label-purple "><i class="fa fa-icon"></i> December 13, 2023</span> <span class="shared-counts-icon-label-aqua "><i class="fa fa-icon"></i> 5 min read </span></div> </div> <div class="w-100"><img class="img-responsive" src="/media/21432/tata-steel-press-release_image-8_400x230.jpg" alt="" title="" /> <p class="text-black"><a class="text-black" href="https://www.tatasteel.com/newsroom/press-releases/india/2023/tata-steel-the-henry-royce-institute-sign-mou-to-set-up-a-centre-for-innovation-in-advanced-materials/" target="blank">Tata Steel, The Henry Royce Institute Sign MoU to set up a Centre for Innovation in Advanced Materials </a></p> <div class="shared-counts-wrap after_content style-classic"><span class="shared-counts-icon-label-yellow "> <i class="fa fa-fort-awesome" aria-hidden="true"></i> Mumbai</span> <span class="shared-counts-icon-label-purple "><i class="fa fa-icon"></i> December 13, 2023</span> <span class="shared-counts-icon-label-aqua "><i class="fa fa-icon"></i> 5 min read </span></div> </div> <div class="w-100"><img class="img-responsive" src="/media/21433/tata-steel-press-release_image-9_400x230.jpg" alt="" title="" /> <p class="text-black"><a class="text-black" href="https://www.tatasteel.com/newsroom/press-releases/india/2023/tata-steel-and-uk-to-jointly-support-innovative-projects-on-green-hydrogen-and-decarbonisation/" target="blank">Tata Steel and UK to jointly support innovative projects on Green Hydrogen and Decarbonisation </a></p> <div class="shared-counts-wrap after_content style-classic"><span class="shared-counts-icon-label-yellow "> <i class="fa fa-fort-awesome" aria-hidden="true"></i> Bengaluru</span> <span class="shared-counts-icon-label-purple "><i class="fa fa-icon"></i> July 13,2024 </span> <span class="shared-counts-icon-label-aqua "><i class="fa fa-icon"></i> 5 min read </span></div> </div> <div class="w-100"><img class="img-responsive" src="/media/21434/tata-steel-press-release_image-10_400x230.jpg" alt="" title="" /> <p class="text-black"><a class="text-black" href="https://www.tatasteel.com/newsroom/press-releases/india/2024/tata-steel-inaugurates-fully-automated-construction-service-centre-in-ludhiana-punjab/" target="blank">Tata Steel inaugurates fully automated construction service centre in Ludhiana, Punjab</a></p> <div class="shared-counts-wrap after_content style-classic"><span class="shared-counts-icon-label-yellow "> <i class="fa fa-fort-awesome" aria-hidden="true"></i> Ludhiana</span> <span class="shared-counts-icon-label-purple "><i class="fa fa-icon"></i> March 12, 2024 </span> <span class="shared-counts-icon-label-aqua "><i class="fa fa-icon"></i> 5 min read </span></div> </div> </div> </div> <div id="tab3" class="tab-content"> <div class="slider p-0"> <div class="w-100"><img class="img-responsive" src="/media/22029/400x230_01.jpg" alt="" title="" /> <p class="text-black"><a class="text-black" href="https://www.tatasteel.com/newsroom/press-releases/india/2024/tata-steel-becomes-the-first-indian-steel-maker-to-introduce-biochar-to-lower-carbon-emissions/" target="blank">Indian steel maker to introduce biochar to lower carbon emissions</a></p> <div class="shared-counts-wrap after_content style-classic"><span class="shared-counts-icon-label-yellow "> <i class="fa fa-fort-awesome" aria-hidden="true"></i> Noamundi</span> <span class="shared-counts-icon-label-purple "><i class="fa fa-icon"></i> June 01, 2024 </span> <span class="shared-counts-icon-label-aqua "><i class="fa fa-icon"></i> 5 min read </span></div> </div> <div class="w-100"><img class="img-responsive" src="/media/21435/tata-steel-press-release_image-11_400x230.jpg" alt="" title="" /> <p class="text-black"><a class="text-black" href="https://www.tatasteel.com/newsroom/press-releases/india/2024/tata-steel-s-noamundi-iron-mine-celebrates-hundred-years-of-sustainable-mining/" target="blank">Tata Steel’s Noamundi Iron Mine celebrates 100 Years of Sustainable Mining </a></p> <div class="shared-counts-wrap after_content style-classic"><span class="shared-counts-icon-label-yellow "> <i class="fa fa-fort-awesome" aria-hidden="true"></i> Noamundi</span> <span class="shared-counts-icon-label-purple "><i class="fa fa-icon"></i> June 01, 2024 </span> <span class="shared-counts-icon-label-aqua "><i class="fa fa-icon"></i> 5 min read </span></div> </div> <div class="w-100"><img class="img-responsive" src="/media/21436/tata-steel-press-release_image-12_400x230.jpg" alt="" title="" /> <p class="text-black"><a class="text-black" href="https://www.tatasteel.com/newsroom/press-releases/india/2024/tata-steel-becomes-the-first-indian-steel-company-to-perform-full-laden-leg-on-b24-biofuel-for-its-raw-material-shipment-from-australia-to-india/" target="blank">Tata Steel becomes the first Indian steel company to perform full laden leg on B24 biofuel for its raw material shipment from Australia to India </a></p> <div class="shared-counts-wrap after_content style-classic"><span class="shared-counts-icon-label-yellow "> <i class="fa fa-fort-awesome" aria-hidden="true"></i> Mumbai</span> <span class="shared-counts-icon-label-purple "><i class="fa fa-icon"></i> May 09, 2024 </span> <span class="shared-counts-icon-label-aqua "><i class="fa fa-icon"></i> 5 min read </span></div> </div> <!-- <div class="w-100"><img class="img-responsive" src="/media/21387/tata-steel-awards_iamge-1_720x370-copy.jpg" alt="" title="" /> <p class="text-black"><a class="text-black" href="https://www.tatasteel.com/newsroom/press-releases/india/2024/tata-steel-recognised-as-2024-steel-sustainability-champion-by-worldsteel-for-the-seventh-consecutive-year/" target="blank">Tata Steel Recognised as 2024 Steel Sustainability Champion by worldsteel for the Seventh Consecutive Year </a></p> <div class="shared-counts-wrap after_content style-classic"><span class="shared-counts-icon-label-yellow "> <i class="fa fa-fort-awesome" aria-hidden="true"></i> Mumbai</span> <span class="shared-counts-icon-label-purple "><i class="fa fa-icon"></i> April 10, 2024</span> <span class="shared-counts-icon-label-aqua "><i class="fa fa-icon"></i> 5 min read </span></div> </div> --> <div class="slide-container_itn"><img src="/media/23179/featured-employees-wim-uk-2024-newsroom-img.jpg" alt="Image 1" /> <p class="award_text"><a href="https://www.tatasteel.com/newsroom/press-releases/india/2024/tata-steel-women-employees-featured-among-wim-uk-s-2024-100-global-inspirational-women-in-mining/" target="blank" class="text-black"> Tata Steel women employees featured among WIM UK’s 2024 “100 Global Inspirational Women in Mining” </a> <br /> <span class="shared-counts-icon-label-yellow "> <i class="fa fa-fort-awesome" aria-hidden="true"></i> Mumbai</span> <span class="shared-counts-icon-label-purple "><i class="fa fa-icon"></i> November 29, 2024 </span></p> </div> <div class="w-100"><img class="img-responsive" src="/media/21438/tata-steel-press-release_image-14_400x230.jpg" alt="" title="" /> <p class="text-black"><a class="text-black" href="https://www.tatasteel.com/newsroom/press-releases/india/2024/tata-steel-s-kalinganagar-and-meramandali-plants-receive-responsiblesteeltm-certification/" target="blank">Tata Steel’s Kalinganagar and Meramandali plants receive ResponsibleSteelTM Certification </a></p> <div class="shared-counts-wrap after_content style-classic"><span class="shared-counts-icon-label-yellow "> <i class="fa fa-fort-awesome" aria-hidden="true"></i> Mumbai</span> <span class="shared-counts-icon-label-purple "><i class="fa fa-icon"></i> February 09, 2024 </span> <span class="shared-counts-icon-label-aqua "><i class="fa fa-icon"></i> 5 min read </span></div> </div> <div class="w-100"><img class="img-responsive" src="/media/21439/tata-steel-press-release_image-15_400x230.jpg" alt="" title="" /> <p class="text-black"><a class="text-black" href="https://www.tatasteel.com/newsroom/press-releases/india/2023/tata-steel-receives-cii-s-greenpro-ecolabel-for-sustainable-automotive-flat-steel-products/" target="blank"> Tata Steel Receives CII’s GreenPro Ecolabel for Sustainable Automotive Flat Steel Products </a></p> <div class="shared-counts-wrap after_content style-classic"><span class="shared-counts-icon-label-yellow "> <i class="fa fa-fort-awesome" aria-hidden="true"></i> Mumbai</span> <span class="shared-counts-icon-label-purple "><i class="fa fa-icon"></i> December 08, 2023 </span> <span class="shared-counts-icon-label-aqua "><i class="fa fa-icon"></i> 4 min read </span></div> </div> </div> </div> <div id="tab4" class="tab-content"> <div class="slider p-0"> <div class="w-100"><img class="img-responsive" src="/media/23179/featured-employees-wim-uk-2024-newsroom-img.jpg" alt="" title="" /> <p class="text-black"><a class="text-black" href="https://www.tatasteel.com/newsroom/press-releases/india/2024/16-year-old-mountaineering-star-kaamya-karthikeyan-triumphs-mt-everest/" target="blank">16-year-old mountaineering star Kaamya Karthikeyan triumphs Mt Everest</a></p> <div class="shared-counts-wrap after_content style-classic"><span class="shared-counts-icon-label-yellow "> <i class="fa fa-fort-awesome" aria-hidden="true"></i> Mumbai</span> <span class="shared-counts-icon-label-purple "><i class="fa fa-icon"></i> November 29, 2024 </span> <span class="shared-counts-icon-label-aqua "><i class="fa fa-icon"></i> 6 min read </span></div> </div> <div class="w-100"><img class="img-responsive" src="/media/23174/tata-steel-kapilash-half-marathon-2025-newsroom-thumbnail-img.jpg" alt="" title="" /> <p class="text-black"><a class="text-black" href="https://www.tatasteel.com/newsroom/press-releases/india/2025/over-4-600-fitness-enthusiasts-run-to-protect-wildlife-at-tata-steel-kapilash-half-marathon-2025/" target="blank">Over 4,600 Fitness Enthusiasts Run to Protect Wildlife at Tata Steel Kapilash Half Marathon 2025</a></p> <div class="shared-counts-wrap after_content style-classic"><span class="shared-counts-icon-label-yellow "> <i class="fa fa-fort-awesome" aria-hidden="true"></i> Mumbai</span> <span class="shared-counts-icon-label-purple "><i class="fa fa-icon"></i> January 11, 2025 </span> <span class="shared-counts-icon-label-aqua "><i class="fa fa-icon"></i> 6 min read </span></div> </div> <div class="w-100"><img class="img-responsive" src="/media/23173/episode-1-firedup-podcast-transforming-tomorrow-newsroom-thumbnail-img.jpg" alt="" title="" /> <p class="text-black"><a class="text-black" href="https://www.tatasteel.com/newsroom/press-releases/india/2024/tata-steel-launches-its-corporate-podcast-firedup/" target="blank">Tata Steel launches its corporate podcast ‘FiredUp’</a></p> <div class="shared-counts-wrap after_content style-classic"><span class="shared-counts-icon-label-yellow "> <i class="fa fa-fort-awesome" aria-hidden="true"></i> Mumbai</span> <span class="shared-counts-icon-label-purple "><i class="fa fa-icon"></i> December 12, 2024 </span> <span class="shared-counts-icon-label-aqua "><i class="fa fa-icon"></i> 6 min read </span></div> </div> <div class="w-100"><img class="img-responsive" src="/media/23175/press-conference-pgti-newsroom-thumbnail_img.jpg" alt="" title="" /> <p class="text-black"><a class="text-black" href="https://www.tatasteel.com/newsroom/press-releases/india/2024/tata-steel-group-pgti-to-host-tata-steel-tour-championship-2024/" target="blank">Tata Steel Group & PGTI to host Tata Steel Tour Championship 2024</a></p> <div class="shared-counts-wrap after_content style-classic"><span class="shared-counts-icon-label-yellow "> <i class="fa fa-fort-awesome" aria-hidden="true"></i> Mumbai</span> <span class="shared-counts-icon-label-purple "><i class="fa fa-icon"></i> December 18, 2024</span> <span class="shared-counts-icon-label-aqua "><i class="fa fa-icon"></i> 6 min read </span></div> </div> <div class="w-100"><img class="img-responsive" src="/media/23177/workplace-equality-index-2024-for-the-fourth-consecutive-year-newsroom-img.jpg" alt="" title="" /> <p class="text-black"><a class="text-black" href="https://www.tatasteel.com/newsroom/press-releases/india/2024/tata-steel-recognised-as-a-gold-employer-by-india-workplace-equality-index-2024-for-the-fourth-consecutive-year/" target="blank">Tata Steel recognised as a Gold Employer by India Workplace Equality Index 2024 for the fourth consecutive year</a></p> <div class="shared-counts-wrap after_content style-classic"><span class="shared-counts-icon-label-yellow "> <i class="fa fa-fort-awesome" aria-hidden="true"></i> Mumbai</span> <span class="shared-counts-icon-label-purple "><i class="fa fa-icon"></i> December 12, 2024 </span> <span class="shared-counts-icon-label-aqua "><i class="fa fa-icon"></i> 6 min read </span></div> </div> <div class="w-100"><img class="img-responsive" src="/media/21440/tata-steel-press-release_image-16_400x230.jpg" alt="" title="" /> <p class="text-black"><a class="text-black" href="https://www.tatasteel.com/newsroom/press-releases/india/2024/16-year-old-mountaineering-star-kaamya-karthikeyan-triumphs-mt-everest/" target="blank">16-year-old mountaineering star Kaamya Karthikeyan triumphs Mt Everest </a></p> <div class="shared-counts-wrap after_content style-classic"><span class="shared-counts-icon-label-yellow "> <i class="fa fa-fort-awesome" aria-hidden="true"></i> Mumbai</span> <span class="shared-counts-icon-label-purple "><i class="fa fa-icon"></i> May 23, 2024 </span> <span class="shared-counts-icon-label-aqua "><i class="fa fa-icon"></i> 4 min read </span></div> </div> <div class="w-100"><img class="img-responsive" src="/media/21441/tata-steel-press-release_image-17_400x230.jpg" alt="" title="" /> <p class="text-black"><a class="text-black" href="https://www.tatasteel.com/newsroom/press-releases/india/2024/tata-steel-strengthens-its-workforce-diversity-with-onboarding-of-new-transgender-trainees-becoming-first-in-india-to-integrate-transgender-employees-in-mines/" target="blank">Tata Steel Strengthens its Workforce Diversity with Onboarding of New Transgender Trainees, Becoming First-in-India to Integrate Transgender Employees in Mines</a></p> <div class="shared-counts-wrap after_content style-classic"><span class="shared-counts-icon-label-yellow "> <i class="fa fa-fort-awesome" aria-hidden="true"></i> West Bokaro</span> <span class="shared-counts-icon-label-purple "><i class="fa fa-icon"></i> March 31, 2024 </span> <span class="shared-counts-icon-label-aqua "><i class="fa fa-icon"></i> 4 min read </span></div> </div> <div class="w-100"><img class="img-responsive" src="/media/21442/tata-steel-press-release_image-18_400x230.jpg" alt="" title="" /> <p class="text-black"><a class="text-black" href="https://www.tatasteel.com/newsroom/press-releases/india/2023/tata-steel-recognised-as-gold-employer-by-india-workplace-equality-index-iwei-2023/" target="blank">Tata Steel Recognised as Gold Employer by India Workplace Equality Index (IWEI) 2023 </a></p> <div class="shared-counts-wrap after_content style-classic"><span class="shared-counts-icon-label-yellow "> <i class="fa fa-fort-awesome" aria-hidden="true"></i> Mumbai</span> <span class="shared-counts-icon-label-purple "><i class="fa fa-icon"></i> December 01, 2023 </span> <span class="shared-counts-icon-label-aqua "><i class="fa fa-icon"></i> 4 min read </span></div> </div> <div class="w-100"><img class="img-responsive" src="/media/22029/400x230_01.jpg" alt="" title="" /> <p class="text-black"><a class="text-black" href="https://www.tatasteel.com/newsroom/press-releases/india/2024/tata-steel-meramandali-half-marathon-receives-international-recognition/" target="blank">Tata Steel Meramandali Half Marathon Receives International Recognition </a></p> <div class="shared-counts-wrap after_content style-classic"><span class="shared-counts-icon-label-yellow "> <i class="fa fa-fort-awesome" aria-hidden="true"></i> New Delhi</span> <span class="shared-counts-icon-label-purple "><i class="fa fa-icon"></i> January 17, 2024 </span> <span class="shared-counts-icon-label-aqua "><i class="fa fa-icon"></i> 4 min read </span></div> </div> <div class="w-100"><img class="img-responsive" src="/media/21443/tata-steel-press-release_image-20_400x230.jpg" alt="" title="" /> <p class="text-black"><a class="text-black" href="https://www.tatasteel.com/newsroom/press-releases/india/2023/tsaf-s-asmita-dorjee-triumphs-summits-mt-everest/" target="blank">TSAF’s Asmita Dorjee Triumphs, Summits Mt. Everest </a></p> <div class="shared-counts-wrap after_content style-classic"><span class="shared-counts-icon-label-yellow "> <i class="fa fa-fort-awesome" aria-hidden="true"></i> New Delhi</span> <span class="shared-counts-icon-label-purple "><i class="fa fa-icon"></i> May 23, 2023</span> <span class="shared-counts-icon-label-aqua "><i class="fa fa-icon"></i> 4 min read </span></div> </div> </div> </div> </div> <!-- press release section end --> <p></p> <!-- In The News section start --> <section class="hover-section-itn section2 section"> <div id="in-the-news" class="container-fluid "> <div> <div class="container mobile-space"> <div class="row text-center"> <p class="hover-underline-animation text-center headings text-center">In The News</p> </div> <div class="itn_slider-container"><button class="itn_nav-arrow itn_left-arrow"><</button> <div id="itn_tabHeader" class="itn_tab-header itn_tabsWrapper"> <div class="itn_tabs"> <p class="tab_cat no-border">CATEGORIES</p> <div class="itn_tab btn btn-blue" data-itn_tab="itn_tab1">Business Excellence</div> <div class="itn_tab btn btn-peach" data-itn_tab="itn_tab2">Innovation & Technology</div> <div class="itn_tab btn btn-purple" data-itn_tab="itn_tab3">Sustainability</div> <div class="itn_tab btn btn-green" data-itn_tab="itn_tab4">People</div> <!-- Add more itn_tabs as needed --></div> </div> <button class="itn_nav-arrow itn_right-arrow">></button></div> <div class="container p-0 d-block-for-desktop"> <div class="row"> <div class="col-md-12"><a href="https://www.tatasteel.com/newsroom/in-the-news/" class="view-more" target="blank">View More <i class="fa fa-angle-right"></i></a></div> </div> </div> <div id="itn_tab1" class="itn_tab-content active"><!-- <div class="container text-center d-block-for-desktop"> <div class="row"> <div class="col-8"><a href="https://www.tatasteel.com/newsroom/in-the-news/" class="view-more float-right" >View More <i class="fa fa-angle-right"></i></a> </div> </div> </div> --> <div class="col-md-6 p-5 d-block-for-desktop"> <p class="trending-recent">TRENDING</p> <!-- <div class="card"> <div class="marTB30 text-center"><a rel="group" href="/media/22009/tata-steel-website-image_31may24_businessstandard_mumbai_1a.jpg" class="fancybox"><img width="100%" src="/media/21396/tata-steel-in-the-news-image1-720x370.jpg" alt="" /></a></div> <div class="card-body"> <p class="card-text"><a class="black-color-text" target="blank" href="https://www.tatasteel.com/newsroom/in-the-news/2024/no-better-story-than-steel-in-reviving-private-capex-ceomd-post-result-interaction/">No better story than steel in reviving private capex (CEO & MD's post results interaction) </a></p> </div> </div> --> <div class="card"> <div class="marTB30 text-center"><a rel="group" href="/media/23104/30nov24_theavenuemail_jamshedpur_2a.jpg" class="fancybox"><img width="100%" src="/media/23105/30nov24_theavenuemail_jamshedpur_2a_thumbnail_img.jpg" alt="" /></a></div> <div class="card-body"> <p class="card-text"><a class="black-color-text" target="blank" href="https://www.tatasteel.com/newsroom/in-the-news/2024/tata-steel-employees-named-among-top-100-most-inspiring-women-in-mining/">Tata Steel employees named among top 100 most inspiring Women in mining </a></p> </div> </div> </div> <div class="col-md-6 p-5 d-block-for-desktop "> <div class="row"> <div class="col-md-9"> <p class="trending-recent">RECENT </p> </div> </div> <!-- <div class="float-right mb-30 "> <div class="row"> <div class="col-sm-5"> <div class="card"> <div class=" innewsimage text-center"><a class="w-100 fancybox" rel="group" href="/media/22010/tata-steel-website-image_group-13.jpg"> <img class="img-responsive itn_img " width="100%" src="/media/21397/tata-steel-newsimage-2_280x155.jpg" alt="" /> </a></div> </div> </div> <div class="col-sm-7"> <div class="card-block"> <p class="tsk_25"><a target="blank" class="text-black" href="https://www.tatasteel.com/newsroom/in-the-news/2024/need-to-be-watchful-about-steel-imports-tv-narendran/">Need to be watchful about steel imports: T. V. Narendran </a></p> <p class="date_class">April 29, 2024</p> </div> </div> </div> </div> --> <div class="float-right mb-30 "> <div class="row"> <div class="col-sm-5"> <div class="card"> <div class=" innewsimage text-center"><a class="w-100 fancybox" rel="group" href="/media/23047/19nov24_thepoliticalandbusinessdaily_bhubaneswar_13a.jpg"> <img class="img-responsive itn_img " width="100%" src="/media/23186/19nov24_thepoliticalandbusinessdaily_bhubaneswar_13a_newsroom_img.jpg" alt="" /> </a></div> </div> </div> <div class="col-sm-7"> <div class="card-block"> <p class="tsk_25"><a target="blank" class="text-black" href="https://www.tatasteel.com/newsroom/in-the-news/2024/tata-steel-kalinganagar-nine-years-of-growth-and-positive-impact-on-odisha/">Tata Steel Kalinganagar: Nine years of growth and positive impact on Odisha</a></p> <p class="date_class">November 19, 2024</p> </div> </div> </div> </div> <div class="float-right mb-10 "> <div class="row"> <div class="col-sm-5"> <div class="card"> <div class=" innewsimage text-center"><a class="w-100 fancybox" rel="group" href="/media/20817/12feb24_dumanimail_bhubaneswar_22a.jpg"> <img class="img-responsive itn_img" width="100%" src="/media/21398/tata-steel-newsimage-3_280x155.jpg" alt="" /></a></div> </div> </div> <div class="col-sm-7"> <div class="card-block"> <p class="tsk_25"><a class="text-black" href="https://www.tatasteel.com/newsroom/in-the-news/2024/tata-steels-kalinganagar-meramandali-plants-receive-responsible-steel-tm-certification/" target="blank">Tata Steel's Kalinganagar & Meramandali Plants Receive Responsible Steel TM Certification</a></p> <p class="date_class">February 12, 2024</p> </div> </div> </div> </div> <div class="float-right mb-10 "> <div class="row"> <div class="col-sm-5"> <div class="card"> <div class=" innewsimage text-center"><a class="w-100 fancybox" rel="group" href="/media/22012/tata-steel-website-image_group-32.jpg"><img class="itn_img" width="100%" src="/media/21399/tata-steel-newsimage-4_280x155.jpg" alt="" /></a></div> </div> </div> <div class="col-sm-7"> <div class="card-block"> <p class="tsk_25"><a target="blank" class="text-black" href="https://www.tatasteel.com/newsroom/in-the-news/2024/driven-by-domestic-demand-tata-steel-to-scale-up-capacity-t-v-narendran-quotes/"> 'Driven by domestic demand, Tata Steel to scale up capacity' ( T V Narendran quotes)</a></p> <p class="date_class">January 27, 2024</p> </div> </div> </div> </div> </div> <div class="col-md-6 p-5 d-block-for-responsive"> <div class="row"> <div class="col-md-9"> <p class="trending-recent">RECENT</p> </div> <div class="col-md-3"><a href="#" class="float-right">View More <i class="fa fa-angle-right"></i></a></div> </div> <div class="your-slider pt-20"><button type="button" class="slick-prev slick-arrow">Previous</button> <button type="button" class="slick-next slick-arrow">Next</button> <div class="slide-container_itn"><img class="img-responsive itn_img" src="/media/21396/tata-steel-in-the-news-image1-720x370.jpg" alt="" /> <!-- <div class="innewsimage"><a class="w-100 fancybox" rel="group" href="/media/22009/tata-steel-website-image_31may24_businessstandard_mumbai_1a.jpg" class="fancybox"><img width="100%" src="/media/21396/tata-steel-in-the-news-image1-720x370.jpg" alt="" /></a></div> --> <p class="tsk_25"><a target="blank" class="text-black" href="https://www.tatasteel.com/newsroom/in-the-news/2024/no-better-story-than-steel-in-reviving-private-capex-ceomd-post-result-interaction/">No better story than steel in reviving private capex' (CEO&MD post result interaction)</a></p> <p class="date_class">May 31, 2024</p> </div> <div class="slide-container_itn"><img class="img-responsive itn_img" src="/media/21397/tata-steel-newsimage-2_280x155.jpg" alt="" /> <p class="tsk_25"><a target="blank" class="text-black" href="https://www.tatasteel.com/newsroom/in-the-news/2024/need-to-be-watchful-about-steel-imports-tv-narendran/">Need to be watchful about steel imports: T. V. Narendran</a></p> <p class="date_class">April 29, 2024</p> </div> <div class="slide-container_itn"><img class="img-responsive itn_img" src="/media/21398/tata-steel-newsimage-3_280x155.jpg" alt="" /> <p class="tsk_25"><a target="blank" class="text-black" href="https://www.tatasteel.com/newsroom/in-the-news/2024/tata-steels-kalinganagar-meramandali-plants-receive-responsible-steel-tm-certification/">Tata Steel's Kalinganagar & Meramandali Plants Receive Responsible Steel TM Certification</a></p> <p class="date_class">February 12, 2024</p> </div> <div class="slide-container_itn"><img class="img-responsive itn_img" src="/media/21399/tata-steel-newsimage-4_280x155.jpg" alt="" /> <p class="tsk_25"><a target="blank" class="text-black" href="https://www.tatasteel.com/newsroom/in-the-news/2024/driven-by-domestic-demand-tata-steel-to-scale-up-capacity-t-v-narendran-quotes/"> 'Driven by domestic demand, Tata Steel to scale up capacity' ( T V Narendran quotes)</a></p> <p class="date_class">January 27, 2024</p> </div> <!-- Add more slides as needed --> <button type="button" class="slick-next slick-arrow">Next</button></div> </div> </div> <div id="itn_tab2" class="itn_tab-content "><!-- <div class="container text-center d-block-for-desktop"> <div class="row"> <div class="col-8"><a href="https://www.tatasteel.com/newsroom/in-the-news/" class="" class="float-right">View More <i class="fa fa-angle-right"></i></a></div> </div> </div> --> <div class="col-md-6 p-5 d-block-for-desktop"> <p class="trending-recent">TRENDING</p> <!-- <div class="card"> <div class="marTB30 text-center"><a class="w-100 fancybox" rel="group" href="/media/22017/tata-steel-website-image_12may24_theavenuemail_jamshedpur_22a.jpg"><img width="100%" src="/media/21423/tata-steel-newsimage-5_280x155.jpg" alt="" /></a></div> <div class="card-body"> <p class="card-text"><a class="black-color-text" target="blank" href="https://www.tatasteel.com/newsroom/in-the-news/2024/tata-steel-targets-technology-leadership-for-sustainability-goals/">Tata Steel targets technology leadership for Sustainability Goals</a></p> </div> </div> --> <div class="card"> <div class="marTB30 text-center"><a class="w-100 fancybox" rel="group" href="/media/22257/27aug24_morningindia_ranchi_9a.jpg"><img width="100%" src="/media/22257/27aug24_morningindia_ranchi_9a.jpg" alt="" /></a></div> <div class="card-body"> <p class="card-text"><a class="black-color-text" target="blank" href="https://www.tatasteel.com/media/newsroom/in-the-news/2024/tata-steel-standard-chartered-collaborate-on-integrated-watershed-climate-proofing-project-in-jharkhand/">Tata Steel & Standard Chartered collaborate on Integrated Watershed & Climate Proofing Project in Jharkhand</a></p> <p class="date_class">August 27, 2024</p> </div> </div> </div> <div class="col-md-6 p-5 d-block-for-desktop "> <div class="row"> <div class="col-md-9"> <p class="trending-recent">RECENT </p> </div> </div> <!-- <div class="float-right mb-10 "> <div class="row"> <div class="col-sm-5"> <div class="card"> <div class=" innewsimage text-center"><a class="w-100 fancybox" rel="group" href="/media/22018/tata-steel-website-image_group-28.jpg"><img width="100%" class="itn_img" src="/media/21401/tata-steel-newsimage-6_280x155.jpg" alt="" /></a></div> </div> </div> <div class="col-sm-7"> <div class="card-block"> <p class="tsk_25"><a target="blank" class="text-black" href="https://www.tatasteel.com/newsroom/in-the-news/2024/tatasteel-texmin-forge-strategic-alliance-to-revolutionise-indias-mining-sector/">TataSteel & TEXMiN forge strategic alliance to revolutionise India's Mining Sector</a></p> <p class="date_class">May 03, 2024</p> </div> </div> </div> </div> --> <div class="float-right mb-10 "> <div class="row"> <div class="col-sm-5"> <div class="card"> <div class=" innewsimage text-center"><a class="w-100 fancybox" rel="group" href="/media/23122/16nov24_millenniumpost_kolkata_16a.jpg"><img width="100%" class="itn_img" src="/media/23191/16nov24_millenniumpost_kolkata_16a_newsroom_img.jpg" alt="" /></a></div> </div> </div> <div class="col-sm-7"> <div class="card-block"> <p class="tsk_25"><a target="blank" class="text-black" href="https://www.tatasteel.com/newsroom/in-the-news/2024/tata-steel-ferro-alloys-unit-becomes-first-in-the-country-to-publish-epd/">Tata Steel ferro alloys unit becomes first in the country to publish EPD</a></p> <p class="date_class">November 16, 2024</p> </div> </div> </div> </div> <div class="float-right mb-10 "> <div class="row"> <div class="col-sm-5"> <div class="card"> <div class=" innewsimage text-center"><a class="w-100 fancybox" rel="group" href="/media/22019/tata-steel-website-image_group-14.jpg"><img width="100%" class="itn_img" src="/media/23190/24feb24_theavenuemail_jamshedpur_8b_newsroom_img.jpg" alt="" /></a></div> </div> <!-- <img class="itn_img" class="img-responsive" src="/media/21402/tata-steel-newsimage-7_280x155.jpg" alt="" /> --></div> <div class="col-sm-7"> <div class="card-block"> <p class="tsk_25"><a href="https://www.tatasteel.com/newsroom/in-the-news/2024/tata-steel-wins-etcio-awards-for-digital-excellence/" target="blank" class="text-black">Tata Steel wins ETCIO Awards for digital excellence</a></p> <p class="date_class">February 24, 2024</p> </div> </div> </div> </div> <div class="float-right mb-10 "> <div class="row"> <div class="col-sm-5"> <div class="card"> <div class=" innewsimage text-center"><a class="w-100 fancybox" rel="group" href="/media/22014/tata-steel-website-image_group-34.jpg"><img width="100%" class="itn_img" src="/media/23189/28dec23_theavenuemail_jamshedpur_23a_newsroom_img.jpg" alt="" /></a></div> </div> <!-- <img class="itn_img" class="img-responsive" src="/media/21403/tata-steel-newsimage-8_280x155.jpg" alt="" /> --></div> <div class="col-sm-7"> <div class="card-block"> <p class="tsk_25"><a href="https://www.tatasteel.com/newsroom/in-the-news/2023/tata-steel-recognised-among-top-50-innovative-companies-of-2023/" target="blank" class="text-black">Tata Steel recognised among 'Top 50 Innovative Companies' of 2023</a></p> <p class="date_class">December 28, 2023</p> </div> </div> </div> </div> </div> <div class="col-md-6 p-5 d-block-for-responsive"> <div class="row"> <div class="col-md-9"> <p style="font-weight: 600; font-size: 0.8em;">RECENT</p> </div> <div class="col-md-3"><a href="#" style="float: right;">View More <i class="fa fa-angle-right"></i></a></div> </div> <div class="your-slider" style="padding-top: 20px;"><button type="button" class="slick-prev slick-arrow">Previous</button> <button type="button" class="slick-next slick-arrow">Next</button> <div class="slide-container_itn"><img style="border: 1px solid black; border-radius: 10px; cursor: pointer;" class="img-responsive" src="/media/21396/tata-steel-in-the-news-image1-720x370.jpg" alt="" /> <!-- <div class="innewsimage"><a style="width: 100%;" rel="group" href="/media/22009/tata-steel-website-image_31may24_businessstandard_mumbai_1a.jpg" class="fancybox"><img width="100%" src="/media/21396/tata-steel-in-the-news-image1-720x370.jpg" alt="" /></a></div> --> <p class="tsk_25"><a target="blank" style="outline: none; color: black;" href="https://www.tatasteel.com/newsroom/in-the-news/2024/no-better-story-than-steel-in-reviving-private-capex-ceomd-post-result-interaction/">No better story than steel in reviving private capex' (CEO&MD post result interaction)</a></p> <p style="color: black; font-size: 0.8em;">May 31, 2024</p> </div> <div class="slide-container_itn"><img style="border: 1px solid black; border-radius: 10px; cursor: pointer;" class="img-responsive" src="/media/21397/tata-steel-newsimage-2_280x155.jpg" alt="" /> <p class="tsk_25"><a target="blank" style="outline: none; color: black;" href="https://www.tatasteel.com/newsroom/in-the-news/2024/need-to-be-watchful-about-steel-imports-tv-narendran/">Need to be watchful about steel imports: T. V. Narendran</a></p> <p style="color: black; font-size: 0.8em;">April 29, 2024</p> </div> <div class="slide-container_itn"><img style="border: 1px solid black; border-radius: 10px; cursor: pointer;" class="img-responsive" src="/media/23187/12feb24_dumanimail_bhubaneswar_22a_newsroom_img.jpg" alt="" /> <p class="tsk_25"><a target="blank" style="outline: none; color: black;" href="https://www.tatasteel.com/newsroom/in-the-news/2024/tata-steels-kalinganagar-meramandali-plants-receive-responsible-steel-tm-certification/">Tata Steel's Kalinganagar & Meramandali Plants Receive Responsible Steel TM Certification</a></p> <p style="color: black; font-size: 0.8em;">February 12, 2024</p> </div> <div class="slide-container_itn"><img style="border: 1px solid black; border-radius: 10px; cursor: pointer;" class="img-responsive" src="/media/21399/tata-steel-newsimage-4_280x155.jpg" alt="" /> <p class="tsk_25"><a target="blank" style="outline: none; color: black;" href="https://www.tatasteel.com/newsroom/in-the-news/2024/driven-by-domestic-demand-tata-steel-to-scale-up-capacity-t-v-narendran-quotes/"> 'Driven by domestic demand, Tata Steel to scale up capacity' ( T V Narendran quotes)</a></p> <p style="color: black; font-size: 0.8em;">January 27, 2024</p> </div> <!-- Add more slides as needed --> <button type="button" class="slick-next slick-arrow">Next</button></div> </div> </div> <div id="itn_tab3" class="itn_tab-content "><!-- <div class="col-md-6 p-5 d-block-for-desktop"> <p class="trending-recent">TRENDING</p> <div class="card"> <div class=" innewsimage text-center"><a class="w-100 fancybox" rel="group" href="/media/22020/tata-steel-website-image_group-29.jpg"><img width="100%" src="/media/21424/tata-steel-newsimage-9_280x155-1.jpg" alt="" /></a></div> <div class="card-body"> <p class="card-text"><a target="blank" class="black-color-text" href="https://www.tatasteel.com/newsroom/in-the-news/2024/tata-steel-wins-etcio-awards-for-digital-excellence/"> Tata Steel sets new benchmark in sustainable shipping practice</a></p> </div> </div> </div> --> <div class="col-md-6 p-5 d-block-for-desktop"> <p class="trending-recent">TRENDING</p> <div class="card"> <div class=" innewsimage text-center"><a class="w-100 fancybox" rel="group" href="/media/23059/22nov24_morningindia_kolkata_10a.jpg"><img width="100%" src="/media/23059/22nov24_morningindia_kolkata_10a.jpg" alt="" /></a></div> <div class="card-body"> <p class="card-text"><a target="blank" class="black-color-text" href="https://www.tatasteel.com/newsroom/in-the-news/2024/tata-steel-becomes-the-first-indian-steel-maker-to-introduce-biochar-to-lower-carbon-emissions/"> Tata Steel becomes the first Indian steel maker to introduce biochar to lower carbon emissions</a></p> </div> </div> </div> <div class="col-md-6 p-5 d-block-for-desktop "> <div class="row"> <div class="col-md-9"> <p class="trending-recent">RECENT </p> </div> </div> <!-- <div class="float-right mb-10 "> <div class="row"> <div class="col-sm-5"> <div class="card"> <div class=" innewsimage text-center"><a class="w-100 fancybox" rel="group" href="/media/22021/tata-steel-website-image_group-17.jpg"><img class="itn_img" width="100%" src="/media/21411/tata-steel-newsimage10_280x155.jpg" alt="" /></a></div> </div> </div> <div class="col-sm-7"> <div class="card-block"> <p class="tsk_25"><a target="blank" class="text-black" href="https://www.tatasteel.com/newsroom/in-the-news/2023/tata-steel-receives-clls-greenpro-ecolabel/">Tata Steel receives Cll's Greenpro Ecolabel</a></p> <p class="date_class">December 09, 2023</p> </div> </div> </div> </div> --> <div class="float-right mb-10 "> <div class="row"> <div class="col-sm-5"> <div class="card"> <div class=" innewsimage text-center"><a class="w-100 fancybox" rel="group" href="/media/23036/18nov24_theavenuemail_jamshedpur_14c.jpg"><img class="itn_img" width="100%" src="/media/23194/18nov24_theavenuemail_jamshedpur_14c_newsroom_img.jpg" alt="" /></a></div> </div> </div> <div class="col-sm-7"> <div class="card-block"> <p class="tsk_25"><a target="blank" class="text-black" href="https://www.tatasteel.com/newsroom/in-the-news/2024/tata-steel-achieves-igbc-net-zero-energy-certification/">Tata Steel achieves IGBC Net Zero Energy Certification</a></p> <p class="date_class">November 19, 2024</p> </div> </div> </div> </div> <!-- <div class="float-right mb-10 "> <div class="row"> <div class="col-sm-5"> <div class="card"> <div class=" innewsimage text-center"><a class="w-100 fancybox" rel="group" href="/media/22022/tata-steel-website-image_29apr24_thestatesman_bhubaneswar_12a.jpg"><img class="itn_img" width="100%" src="/media/21405/tata-steel-newsimage-11_280x155.jpg" alt="" /></a></div> </div> </div> <div class="col-sm-7"> <div class="card-block"> <p class="tsk_25"><a href="https://www.tatasteel.com/newsroom/in-the-news/2024/tssezl-hygenco-ink-mou-for-green-hydrogen-plant-at-gopalpur/" target="blank" class="text-black">TSSEZL & Hygenco ink MoU for green hydrogen plant at Gopalpur</a></p> <p class="date_class">May 04, 2024</p> </div> </div> </div> </div> --> <div class="float-right mb-10 "> <div class="row"> <div class="col-sm-5"> <div class="card"> <div class=" innewsimage text-center"><a class="w-100 fancybox" rel="group" href="/media/22188/10aug24_theavenuemail_jamshedpur_24a.jpg"><img class="itn_img" width="100%" src="/media/23193/10aug24_theavenuemail_jamshedpur_24a_newsroom_img.jpg" alt="" /></a></div> </div> </div> <div class="col-sm-7"> <div class="card-block"> <p class="tsk_25"><a href="https://www.tatasteel.com/media/newsroom/in-the-news/2024/tata-steels-mines-receive-5-star-rating-awards-for-sustainable-development/" target="blank" class="text-black">Tata Steel's Mines receive 5-star rating awards for sustainable development</a></p> <p class="date_class">August 10, 2024</p> </div> </div> </div> </div> <div class="float-right mb-10 "> <div class="row"> <div class="col-sm-5"> <div class="card"> <div class=" innewsimage text-center"><a class="w-100 fancybox" rel="group" href="/media/22023/tata-steel-website-image_group-35.jpg"><img class="itn_img" width="100%" src="/media/23192/15feb24_theavenuemail_jamshedpur_20a_newsroom_img.jpg" alt="" /></a></div> </div> <!-- <img class="itn_img" class="img-responsive" src="/media/23192/15feb24_theavenuemail_jamshedpur_20a_newsroom_img.jpg" alt="" /> --></div> <div class="col-sm-7"> <div class="card-block"> <p class="tsk_25"><a href="https://www.tatasteel.com/newsroom/in-the-news/2024/mou-will-boost-co-creation-of-solutions-for-sustainable-steel-making-narendran/" target="blank" class="text-black">MoU will boost co-creation of solutions for sustainable steel making: Narendran </a></p> <p class="date_class">February 15, 2024</p> </div> </div> </div> </div> </div> <div class="col-md-6 p-5 d-block-for-responsive"> <div class="row"> <div class="col-md-9"> <p class="trending-recent">RECENT</p> </div> <div class="col-md-3"><a href="#" class="float-right">View More <i class="fa fa-angle-right"></i></a></div> </div> <div class="your-slider pt-20"><button type="button" class="slick-prev slick-arrow">Previous</button> <div class="slide-container_itn"><img class="img-responsive itn_img" src="/media/21405/tata-steel-newsimage-11_280x155.jpg" alt="" /> <p class="tsk_25"><a href="https://www.tatasteel.com/newsroom/in-the-news/2024/tata-steel-wins-etcio-awards-for-digital-excellence/" target="blank" class="text-black">Tata Steel sets new benchmark in sustainable shipping practice</a></p> <p class="date_class">February 24, 2024</p> </div> <div class="slide-container_itn"><img class="img-responsive itn_img" src="/media/21411/tata-steel-newsimage10_280x155.jpg" alt="" /> <p class="tsk_25"><a href="https://www.tatasteel.com/newsroom/in-the-news/2023/tata-steel-receives-clls-greenpro-ecolabel/" target="blank" class="text-black">Tata Steel receives Cll's Greenpro Ecolabel</a></p> <p class="date_class">December 09, 2023</p> </div> <div class="slide-container_itn"><img class="img-responsive itn_img" src="/media/21405/tata-steel-newsimage-11_280x155.jpg" alt="" /> <p class="tsk_25"><a href="https://www.tatasteel.com/newsroom/in-the-news/2024/tssezl-hygenco-ink-mou-for-green-hydrogen-plant-at-gopalpur/" target="blank" class="text-black">TSSEZL & Hygenco ink MoU for green hydrogen plant at Gopalpur</a></p> <p class="date_class">May 04, 2024</p> </div> <div class="slide-container_itn"><img class="img-responsive itn_img" src="/media/23192/15feb24_theavenuemail_jamshedpur_20a_newsroom_img.jpg" alt="" /> <p class="tsk_25"><a target="blank" class="text-black" href="https://www.tatasteel.com/newsroom/in-the-news/2024/mou-will-boost-co-creation-of-solutions-for-sustainable-steel-making-narendran/">MoU will boost co-creation of solutions for sustainable steel making: Narendran </a></p> <p class="date_class">February 15, 2024</p> </div> <button type="button" class="slick-next slick-arrow">Next</button></div> </div> </div> <div id="itn_tab4" class="itn_tab-content "><!-- <div class="container text-center d-block-for-desktop"> <div class="row"> <div class="col-8"><a href="https://www.tatasteel.com/newsroom/in-the-news/" class="" class="float-right">View More <i class="fa fa-angle-right"></i></a></div> </div> </div> --> <!-- <div class="col-md-6 p-5 d-block-for-desktop"> <p class="trending-recent">TRENDING</p> <div class="card"> <div class=" innewsimage text-center"><a class="w-100 fancybox" rel="group" href="/media/22016/tata-steel-website-image_group-31.jpg"><img width="100%" src="/media/21426/tata-steel-newsimage-13_280x155.jpg" alt="" /></a></div> <div class="card-body"> <p class="card-text"><a target="blank" class="black-color-text" href="https://www.tatasteel.com/newsroom/in-the-news/2024/at-16-kaamya-karthikeyan-youngest-indian-on-mt-everest-supported-by-tsaf/">At 16, Kaamya Karthikeyan youngest Indian on Mt Everest (supported by TSAF) </a></p> </div> </div> </div> --> <div class="col-md-6 p-5 d-block-for-desktop"> <p class="trending-recent">TRENDING</p> <div class="card"> <div class=" innewsimage text-center"><a class="w-100 fancybox" rel="group" href="/media/22154/3aug24_theavenuemail_jamshedpur_34a.jpg"><img width="100%" src="/media/22154/3aug24_theavenuemail_jamshedpur_34a.jpg" alt="" /></a></div> <div class="card-body"> <p class="card-text"><a target="blank" class="black-color-text" href="https://www.tatasteel.com/media/newsroom/in-the-news/2024/tata-steel-training-centre-cadets-clinch-17-medals/">Tata Steel Training Centre cadets clinch 17 medals</a></p> </div> </div> </div> <div class="col-md-6 p-5 d-block-for-desktop "> <div class="row"> <div class="col-md-9"> <p class="trending-recent">RECENT </p> </div> </div> <!-- <div class="float-right mb-10 "> <div class="row"> <div class="col-sm-5"> <div class="card"> <div class=" innewsimage text-center"><a class="w-100 fancybox" rel="group" href="/media/22015/tata-steel-website-image_group-30.jpg"><img class="itn_img" width="100%" src="/media/21408/tata-steel-newsimage-14_280x155.jpg" alt="" /></a></div> </div> </div> <div class="col-sm-7"> <div class="card-block"> <p class="tsk_25"><a target="blank" class="text-black" href="https://www.tatasteel.com/newsroom/in-the-news/2024/tsaf-cadets-win-8-medal-including-4-gold-in-open-national-bouldering-competition/">TSAF cadets win 8 medal including 4 gold in Open National Bouldering Competition </a></p> <p class="date_class">May 28, 2024</p> </div> </div> </div> </div> --> <div class="float-right mb-10 "> <div class="row"> <div class="col-sm-5"> <div class="card"> <div class=" innewsimage text-center"><a class="w-100 fancybox" rel="group" href="/media/23124/16nov24_theavenuemail_jamshedpur_17a.jpg"><img class="itn_img" width="100%" src="/media/23124/16nov24_theavenuemail_jamshedpur_17a.jpg" alt="" /></a></div> </div> </div> <div class="col-sm-7"> <div class="card-block"> <p class="tsk_25"><a target="blank" class="text-black" href="https://www.tatasteel.com/newsroom/in-the-news/2024/homage-to-birsa-munda-heralds-inauguration-of-samvaad-11th-edition-of-samvaad-organized-by-tata-steel/">Homage to Birsa Munda heralds inauguration of Samvaad! </a></p> <p class="date_class">November 16, 2024</p> </div> </div> </div> </div> <div class="float-right mb-10 "> <div class="row"> <div class="col-sm-5"> <div class="card"> <div class=" innewsimage text-center"><a class="w-100 fancybox" rel="group" href="/media/22229/21aug24_mahabharatoriya_bhubaneswar_53a.jpg"><img class="itn_img" width="100%" src="/media/23195/21aug24_mahabharatoriya_bhubaneswar_53a_thumbnail_img.jpg" alt="" /></a></div> </div> </div> <div class="col-sm-7"> <div class="card-block"> <p class="tsk_25"><a target="blank" class="text-black" href="https://www.tatasteel.com/media/newsroom/in-the-news/2024/tata-steel-foundation-empowering-women-in-baliapal-region/">Tata Steel Foundation Empowering Women in Baliapal region</a></p> <p class="date_class">August 21, 2024</p> </div> </div> </div> </div> <div class="float-right mb-10 "> <div class="row"> <div class="col-sm-5"> <div class="card"> <div class=" innewsimage text-center"><a class="w-100 fancybox" rel="group" href="/media/23018/14nov24_dharitrioriya_bhubaneswar_50a.jpg"><img class="itn_img" width="100%" src="/media/23196/14nov24_dharitrioriya_bhubaneswar_50a_newsroom_img.jpg" alt="" /></a></div> </div> </div> <div class="col-sm-7"> <div class="card-block"> <p class="tsk_25"><a target="blank" class="text-black" href="https://www.tatasteel.com/newsroom/in-the-news/2024/tata-steel-foundation-in-association-with-pathani-samanta-planetarium-organises-18th-edition-of-yats-program-in-baliapal/">18th Edition of YATS Program in Baliapal </a></p> <p class="date_class">November 14, 2024</p> </div> </div> </div> </div> <div class="col-md-6 p-5 d-block-for-responsive"> <div class="row"> <div class="col-md-9"> <p class="trending-recent">RECENT</p> </div> <div class="col-md-3"><a href="#" class="float-right">View More <i class="fa fa-angle-right"></i></a></div> </div> <div class="your-slider pt-20"><button type="button" class="slick-prev slick-arrow">Previous</button> <div class="slide-container_itn"><img class="img-responsive itn_img" src="/media/21426/tata-steel-newsimage-13_280x155.jpg" alt="" /> <p class="tsk_25"><a target="blank" class="text-black" href="https://www.tatasteel.com/newsroom/in-the-news/2024/tsaf-cadets-win-8-medal-including-4-gold-in-open-national-bouldering-competition/"> At 16, Kaamya Karthikeyan youngest Indian on Mt Everest (supported by TSAF) </a></p> <p class="date_class">May 24, 2024</p> </div> <div class="slide-container_itn"><img class="img-responsive itn_img" src="/media/21408/tata-steel-newsimage-14_280x155.jpg" alt="" /> <p class="tsk_25"><a target="blank" class="text-black" href="https://www.tatasteel.com/newsroom/in-the-news/2024/tsaf-cadets-win-8-medal-including-4-gold-in-open-national-bouldering-competition/">TSAF cadets win 8 medal including 4 gold in Open National Bouldering Competition </a></p> <p class="date_class">May 28, 2024</p> </div> <div class="slide-container_itn"><img class="img-responsive itn_img" src="/media/21409/tata-steel-newsimage-15_280x155.jpg" alt="" /> <p class="tsk_25"><a href="https://www.tatasteel.com/newsroom/in-the-news/2024/tata-steel-strengthens-its-workforce-diversity-with-onboarding-of-new-transgender-trainees/" target="blank" class="black-color-text">Tata Steel strengthens its workforce diversity with onboarding of new transgender trainees </a></p> <p class="date_class">April 01, 2024</p> </div> <div class="slide-container_itn"><img class="img-responsive itn_img" src="/media/21410/tata-steel-newsimage-16_280x155.jpg" alt="" /> <p class="tsk_25"><a href="https://www.tatasteel.com/newsroom/in-the-news/2024/tata-steel-targets-25-female-workforce-by-2025/" target="blank" class="black-color-text">Tata Steel targets 25% female workforce by 2025 </a></p> <p class="date_class">March 08, 2024</p> </div> <button type="button" class="slick-next slick-arrow">Next</button></div> </div> </div> </div> </div> </div> </div> </section> <!-- In The News section end --> <p></p> <!-- Podcast section start --> <section id="pod" class="section3 section" style="padding-bottom: 20px;"> <div id="podcasts" class="container-fluid "> <div class="row text-center"> <p class="hover-underline-animation text-center headings text-center">Podcasts</p> </div> <div class="podcasts_slider-container"><button class="podcasts_nav-arrow podcasts_left-arrow"><</button> <div id="podcasts_tabHeader" class="podcasts_tab-header podcasts_tabs-wrapper"> <div class="podcasts_tabs"> <p class="tab_cat no-border">CATEGORIES</p> <div id="peo_tab2" class="podcasts_tab btn btn-green active" data-podcasts_tab="podcasts_tab3">People</div> <div id="sus_tab1" class="podcasts_tab btn btn-purple" data-podcasts_tab="podcasts_tab4">Sustainability</div> <!-- Add more podcasts_tabs as needed --></div> </div> <button class="podcasts_nav-arrow podcasts_right-arrow">></button></div> <div id="podcasts_tab4" class="podcasts_tab-content text-center "> <p class=" text-center headings-forged m-0">Forged Voices</p> <p class="text-center m-0">Conversation with Steel Industry titans</p> <div class="podcasts_tab_explore btn btn-white text-center border-black"><a class="black-color-text" href="https://www.tatasteel.com/newsroom/podcasts/" target="blank">Explore ></a></div> <div class="clearfix"></div> <div class="container text-center"> <div class="row d-block-for-responsive" style="display: flex; float: right;"> <div class="col-8"><button type="button" class="custom-prev-arrow-podcasts"></button> <!-- Custom Next Arrow --> <button type="button" class="custom-next-arrow-podcasts"></button></div> </div> <div class="row center"> <div class="col-md-12 p-5 "> <p class="trending-podcast">TRENDING PODCASTS</p> <div class="podcasts-slider_tab3"> <div class="slide-container_podcasts"> <div class="slide-container_podcasts_inner_div"><img class="podcasts_image" src="/media/21365/podcast1.jpg" alt="Image 1" /> <a href="https://www.tatasteel.com/newsroom/podcasts/" class="icon-play" title="User Profile"> </a></div> <p class="podcast-head">Environment vs Economy</p> <span class="date_class">Bittu Sahgal / T. V. Narendran</span></div> <!-- Add more slides as needed --></div> </div> </div> </div> </div> <div id="podcasts_tab3" class="podcasts_tab-content text-center"> <p class=" text-center headings-forged m-0">Forged Voices</p> <p class="text-center m-0">Conversation with Steel Industry titans</p> <div class="podcasts_tab_explore btn btn-white text-center border-black"><a class="black-color-text" href="https://www.tatasteel.com/newsroom/podcasts/" target="blank">Explore ></a></div> <div class="clearfix"></div> <div class="container text-center"> <div class="row center"> <div class="col-md-12 p-5 "> <div class="row d-block-for-responsive" style="display: flex; float: right;"> <div class="col-8"><button type="button" class="custom-prev-arrow-podcasts"></button> <!-- Custom Next Arrow --> <button type="button" class="custom-next-arrow-podcasts"></button></div> </div> <p class="trending-podcast">TRENDING PODCASTS</p> <div class="podcasts-slider"> <div class="slide-container_podcasts"> <div class="slide-container_podcasts_inner_div"><img class="podcasts_image" src="/media/23167/transforming-tomorrow-fired-up.png" alt="Image 1" /> <a href="https://www.tatasteel.com/newsroom/podcasts/" class="icon-play" title="User Profile"> </a></div> <p class="podcast-head">FiredUp by Tata Steel | Episode 1: Transforming Tomorrow - The Digital Way</p> <span class="date_class">FiredUp Podcast </span></div> <div class="slide-container_podcasts"> <div class="slide-container_podcasts_inner_div"><img class="podcasts_image" src="/media/17809/peeyush-gupta.jpg" alt="Image 1" /> <a href="https://www.tatasteel.com/newsroom/podcasts/" class="icon-play" title="User Profile"> </a></div> <p class="podcast-head">Embrace Equity Podcast: Men for Women in the Workplace</p> <span class="date_class">Peeyush Gupta </span></div> <div class="slide-container_podcasts"> <div class="slide-container_podcasts_inner_div"><img class="podcasts_image" src="/media/23162/sundara-ramam-podcast-16-01.jpg" alt="Image 2" /> <a href="https://www.tatasteel.com/newsroom/podcasts/" class="icon-play" title="User Profile"> </a></div> <p class="podcast-head">Embrace Equity Podcast: Highlights the Importance of Leadership in Advancing Equity</p> <span class="date_class">D. B. Sundara Ramam </span></div> <div class="slide-container_podcasts"> <div class="slide-container_podcasts_inner_div"><img class="podcasts_image" src="/media/17864/probal-ghosh.jpg" alt="Image 1" /> <a href="https://www.tatasteel.com/newsroom/podcasts/" class="icon-play" title="User Profile"> </a></div> <p class="podcast-head">Embrace Equity Podcast: The Role of Men in Promoting Gender Equity</p> <span class="date_class">Probal Ghosh</span></div> <div class="slide-container_podcasts"> <div class="slide-container_podcasts_inner_div"><img class="podcasts_image" src="/media/18228/chnanakya.jpeg" alt="Image 1" /> <a href="https://www.tatasteel.com/newsroom/podcasts/" class="icon-play" title="User Profile"> </a></div> <p class="podcast-head">Embrace Equity Podcast: Power of Equity in Workforce Diversity</p> <span class="date_class">Chanakya Chaudhary</span></div> <div class="slide-container_podcasts"> <div class="slide-container_podcasts_inner_div"><img class="podcasts_image" src="/media/17903/image-2.png" alt="Image 1" /> <a href="https://www.tatasteel.com/newsroom/podcasts/" class="icon-play" title="User Profile"> </a></div> <p class="podcast-head">Embrace Equity Podcast: Barriers to equity and how to overcome them</p> <span class="date_class">Chaitanya Bhanu</span></div> <!-- Add more slides as needed --></div> </div> </div> </div> </div> </div> </section> <!-- Podcast section end --> <!-- blog section start --> <div id="blog" class="container-fluid section"> <div class="row text-center"> <p class="hover-underline-animation text-center headings text-center">Blog</p> </div> <div class="container text-center"> <div class="row"> <div class="col-8"><a href="https://blog.tatasteel.com/" target="blank" style="float: right; padding-bottom: 20px;">View More <i class="fa fa-angle-right"></i></a></div> </div> <div class="row center"><!-- <div class="col-md-6 p-5 d-block-for-desktop"> <p class="trending" style="text-align: left;">TRENDING</p> <div class="card"><a href="https://blog.tatasteel.com/lets-play-green/" target="_blank" rel="noopener noreferrer"> <img src="/media/21367/blog1.png" class="img-responsive" alt="..." /></a> <div class="card-body"> <p class="blog-caption-left"><strong><a target="blank" class="blog-head" href="https://blog.tatasteel.com/lets-play-green/">LETS PLAY GREEN</a></strong> - Among the many remarkable changes that were ushered in the 20th century was the industrialisation of leisure. Think about this a bit. Today music, movies or sports are all multi-billion-dollar...<a target="blank" href="https://blog.tatasteel.com/lets-play-green/">read more</a> <br /> <br /><span class="shared-counts-icon-label-yellow cursor-auto "> <i class="fa fa-fort-awesome" aria-hidden="true"></i> Mumbai</span> <span class="shared-counts-icon-label-purple cursor-auto"><i class="fa fa-icon"></i> September 5, 2023 </span></p> </div> </div> </div> --> <div class="col-md-6 p-5 d-block-for-desktop"> <p class="trending" style="text-align: left;">TRENDING</p> <div class="card"><a href="https://blog.tatasteel.com/the-indian-mining-sector-navigating-growth-and-challenges/" target="_blank" rel="noopener noreferrer"> <img src="/media/23166/ceo-md-newsroom-thumbnmail-img.jpg" class="img-responsive" alt="..." /></a> <div class="card-body"> <p class="blog-caption-left"><strong><a target="blank" class="blog-head" href="https://blog.tatasteel.com/the-indian-mining-sector-navigating-growth-and-challenges/">CEO ET Article</a></strong> - In December 2024, significant developments in the Indian mining sector...<a target="blank" href="https://blog.tatasteel.com/the-indian-mining-sector-navigating-growth-and-challenges/">read more</a> <br /> <br /><span class="shared-counts-icon-label-yellow cursor-auto "> <i class="fa fa-fort-awesome" aria-hidden="true"></i> Mumbai</span> <span class="shared-counts-icon-label-purple cursor-auto"><i class="fa fa-icon"></i> January 15, 2025 </span></p> </div> </div> </div> <div class="col-md-6 p-5 d-block-for-desktop"> <div class="col-md-9"> <p class="recent">RECENT </p> </div> <!-- <div class=" float-right mb-30"> <div class="row"> <div class="col-sm-4"> <div class="card"><a target="blank" href="https://blog.tatasteel.com/synergy-for-sustainability/"> <img class="img-responsive img-rounded" src="/media/21348/blog2.png" alt="" /></a></div> </div> <div class="col-sm-8"> <div class="card-block"> <p class="blog-caption"><strong><span class="text-uppercase"><a class="blog-head" target="blank" href="https://blog.tatasteel.com/synergy-for-sustainability/">Synergy for Sustainability</a></span></strong>- Sustainability, at its core, embodies the concept of development derived from Brundtland Report about meeting the present needs... <a target="blank" href="https://blog.tatasteel.com/synergy-for-sustainability/">read more</a><br /> <span class="shared-counts-icon-label-yellow "> <i class="fa fa-fort-awesome" aria-hidden="true"></i> Mumbai</span> <span class="shared-counts-icon-label-purple "><i class="fa fa-icon"></i> June 30,2023 </span></p> </div> </div> </div> </div> --> <div class=" float-right mb-30"> <div class="row"> <div class="col-sm-4"> <div class="card"><a target="blank" href="https://blog.tatasteel.com/piloting-a-nation-through-uncharted-territories-the-jrd-tata-story/"> <img class="img-responsive img-rounded" src="/media/23165/pilot-nation-territories-newsroom-thumbnail-img.jpg" alt="" /></a></div> </div> <div class="col-sm-8"> <div class="card-block"> <p class="blog-caption"><strong><span class="text-uppercase"><a class="blog-head" target="blank" href="https://blog.tatasteel.com/piloting-a-nation-through-uncharted-territories-the-jrd-tata-story/">Piloting a Nation through Uncharted Territories: The JRD Tata Story</a></span></strong>- In the archives of Indian industry...<a target="blank" href="https://blog.tatasteel.com/piloting-a-nation-through-uncharted-territories-the-jrd-tata-story/">read more</a><br /> <span class="shared-counts-icon-label-yellow "> <i class="fa fa-fort-awesome" aria-hidden="true"></i> Mumbai</span> <span class="shared-counts-icon-label-purple "><i class="fa fa-icon"></i> July 30, 2024 </span></p> </div> </div> </div> </div> <!-- <div class=" float-right mb-30"> <div class="row"> <div class="col-sm-4"> <div class="card"><a target="blank" href="https://blog.tatasteel.com/how-tata-steel-pioneers-diversityequity-inclusion/"> <img class="img-responsive img-rounded" src="/media/21349/blog3.png" alt="" /></a></div> </div> <div class="col-sm-8"> <div class="card-block"> <p class="blog-caption"><strong><span class="text-uppercase"><a target="blank" class="blog-head" href="https://blog.tatasteel.com/how-tata-steel-pioneers-diversityequity-inclusion/">How Tata Steel Pioneers Diversity, Equity and Inclusion</a></span></strong>- In 2022, we introduced a pioneering recruitment model called....<a target="blank" href="https://blog.tatasteel.com/how-tata-steel-pioneers-diversityequity-inclusion/">read more</a><br /> <span class="shared-counts-icon-label-yellow "> <i class="fa fa-fort-awesome" aria-hidden="true"></i> Mumbai</span> <span class="shared-counts-icon-label-purple "><i class="fa fa-icon"></i> June 23, 2023 </span></p> </div> </div> </div> </div> --> <!-- <div class=" float-right mb-30"> <div class="row"> <div class="col-sm-4"> <div class="card"><a class="blog-head" target="blank" href="https://blog.tatasteel.com/a-tech-enabled-transformation-of-the-steel-sector-is-underway/"> <img class="img-responsive img-rounded" src="/media/21350/blog4.png" alt="" /></a></div> </div> <div class="col-sm-8"> <div class="card-block"> <p class="blog-caption"><strong><span class="text-uppercase"> <a class="blog-head" target="blank" href="https://blog.tatasteel.com/a-tech-enabled-transformation-of-the-steel-sector-is-underway/">A TECH-ENABLED TRANSFORMATION OF THE STEEL SECTOR IS UNDERWAY</a></span></strong>- In 2022, we introduced a pioneering recruitment model called...<a target="blank" href="https://blog.tatasteel.com/a-tech-enabled-transformation-of-the-steel-sector-is-underway/">read more</a><br /> <span class="shared-counts-icon-label-yellow "> <i class="fa fa-fort-awesome" aria-hidden="true"></i> Mumbai</span> <span class="shared-counts-icon-label-purple "><i class="fa fa-icon"></i> May 11, 2023 </span></p> </div> </div> </div> </div> </div> --> <div class=" float-right mb-30"> <div class="row"> <div class="col-sm-4"> <div class="card"><a class="blog-head" target="blank" href="https://blog.tatasteel.com/corporates-must-lead-the-progressive-change-in-the-workplace/"> <img class="img-responsive img-rounded" src="/media/23164/pride-month-special-newsroom-thumbnail-img.jpg" alt="" /></a></div> </div> <div class="col-sm-8"> <div class="card-block"> <p class="blog-caption"><strong><span class="text-uppercase"> <a class="blog-head" target="blank" href="https://blog.tatasteel.com/corporates-must-lead-the-progressive-change-in-the-workplace/">Corporates must lead the progressive change in the workplace</a></span></strong>- Pride Month is once again upon us, and it is a good time to reflect on the progress...<a target="blank" href="https://blog.tatasteel.com/corporates-must-lead-the-progressive-change-in-the-workplace/">read more</a><br /> <span class="shared-counts-icon-label-yellow "> <i class="fa fa-fort-awesome" aria-hidden="true"></i> Mumbai</span> <span class="shared-counts-icon-label-purple "><i class="fa fa-icon"></i> June 28, 2024 </span></p> </div> </div> </div> </div> <div class=" float-right mb-30"> <div class="row"> <div class="col-sm-4"> <div class="card"><a class="blog-head" target="blank" href="https://blog.tatasteel.com/lets-play-green/"> <img class="img-responsive img-rounded" src="/media/21367/blog1.png" alt="" /></a></div> </div> <div class="col-sm-8"> <div class="card-block"> <p class="blog-caption"><strong><span class="text-uppercase"> <a class="blog-head" target="blank" href="https://blog.tatasteel.com/lets-play-green/">LETS PLAY GREEN</a></span></strong>- Among the many remarkable changes that were ushered in the 20th century was the industrialisation of leisure. Think about this a bit. Today music, movies or sports are all multi-billion-dollar...<a target="blank" href="https://blog.tatasteel.com/lets-play-green/">read more</a><br /> <span class="shared-counts-icon-label-yellow "> <i class="fa fa-fort-awesome" aria-hidden="true"></i> Mumbai</span> <span class="shared-counts-icon-label-purple "><i class="fa fa-icon"></i> September 5, 2023 </span></p> </div> </div> </div> </div> </div> <div class="col-md-6 p-5 d-block-for-responsive"> <div class="blog-slider"> <div class="slide-container_itn"><a target="blank" class="blog-head" href="https://blog.tatasteel.com/lets-play-green/"> <img src="/media/21796/blog-new.jpg" alt="Image 1" /></a> <p class="blog-text"><strong><span class="text-uppercase"> <a class="blog-head" target="blank" href="https://blog.tatasteel.com/lets-play-green/">LETS PLAY GREEN</a> </span>-</strong>Among the many remarkable changes that were ushered in the 20th century was the industrialisation of leisure. Think about this a bit. Today music, movies or sports are all multi-billion-dollar... <a target="blank" href="https://blog.tatasteel.com/lets-play-green/">read more</a> <br /><span class="shared-counts-icon-label-yellow "> <i class="fa fa-fort-awesome" aria-hidden="true"></i> Mumbai</span> <span class="shared-counts-icon-label-purple "><i class="fa fa-icon"></i> January 05,2024 </span></p> </div> <div class="slide-container_itn"><a class="blog-head" href="https://blog.tatasteel.com/synergy-for-sustainability/" target="blank"> <img src="/media/21348/blog2.png" alt="Image 2" /></a> <p class="blog-text"><strong><span class="text-uppercase"><a class="blog-head" href="https://blog.tatasteel.com/synergy-for-sustainability/" target="blank">Synergy for Sustainability</a></span>- </strong> Sustainability, at its core, embodies the concept of development derived from Brundtland Report about meeting the present needs. <a href="https://blog.tatasteel.com/synergy-for-sustainability/" target="blank">read more</a><br /> <span class="shared-counts-icon-label-yellow "> <i class="fa fa-fort-awesome" aria-hidden="true"></i> Mumbai</span> <span class="shared-counts-icon-label-purple "><i class="fa fa-icon"></i> January 05,2024 </span></p> </div> <div class="slide-container_itn"><a target="blank" class="blog-head" href="https://blog.tatasteel.com/how-tata-steel-pioneers-diversityequity-inclusion/"> <img src="/media/21349/blog3.png" alt="Image 3" /></a> <p class="blog-text"><strong> <span class="text-uppercase"><a target="blank" class="blog-head" href="https://blog.tatasteel.com/how-tata-steel-pioneers-diversityequity-inclusion/">How Tata Steel Pioneers Diversity, Equity and Inclusion</a></span></strong>- In 2022, we introduced a pioneering recruitment model called ‘QUEERious.’ This programme invites LGBTQIA+ talent.... <a target="blank" href="https://blog.tatasteel.com/how-tata-steel-pioneers-diversityequity-inclusion/">read more</a><br /><span class="shared-counts-icon-label-yellow "> <i class="fa fa-fort-awesome" aria-hidden="true"></i> Mumbai</span> <span class="shared-counts-icon-label-purple "><i class="fa fa-icon"></i> June 23,2023 </span></p> </div> <div class="slide-container_itn"><a target="blank" class="blog-head" href="https://blog.tatasteel.com/a-tech-enabled-transformation-of-the-steel-sector-is-underway/"> <img src="/media/21350/blog4.png" alt="Image 3" /></a> <p class="blog-text"><strong> <span class="text-uppercase"><a target="blank" class="blog-head" href="https://blog.tatasteel.com/a-tech-enabled-transformation-of-the-steel-sector-is-underway/">A TECH-ENABLED TRANSFORMATION OF THE STEEL SECTOR IS UNDERWAY</a></span></strong>- In 2022, we introduced a pioneering recruitment model called.... <a target="blank" href="https://blog.tatasteel.com/a-tech-enabled-transformation-of-the-steel-sector-is-underway/">read more</a> <br /><span class="shared-counts-icon-label-yellow "> <i class="fa fa-fort-awesome" aria-hidden="true"></i> Mumbai</span> <span class="shared-counts-icon-label-purple "><i class="fa fa-icon"></i> May 11,2023 </span></p> </div> <!-- Add more slides as needed --></div> </div> </div> </div> <div class="clearfix"></div> </div> <!-- videos section start --> <div id="videos" class="container-fluid section5 section"> <div class="row text-center"> <p class="hover-underline-animation text-center headings text-center">Videos</p> </div> <div class="container px-0"> <div class="row" style="display: flex; float: right;"> <div class="col-md-12"><button type="button" class="custom-prev-arrow-videos"></button> <button type="button" class="custom-next-arrow-videos"></button> <a target="blank" href="https://www.youtube.com/@TataSteelIndiaLtd" class="view-more view-more-new float-right">View More <i class="fa fa-angle-right"></i></a></div> </div> </div> <!-- <div class="row" style="display: flex; float: right;"> <div class="col-md-12"> <button type="button" class="custom-prev-arrow-videos"></button> <button type="button" class="custom-next-arrow"></button> <a href="https://www.youtube.com/@TataSteelIndiaLtd" class="view-more view-more-new" target="blank">View More <i class="fa fa-angle-right"></i></a> </div> </div> --> <div class="row center"> <div class="col-md-12 "> <div class="video-slider"> <div class="slide-container_itn"><span class="testi_cont"><span class="testi_img videoavail"> <img class="img-space img-responsive" src="/media/23320/sustainability-video-img.jpg" alt="Image 1" /> <a class="video_icon fancybox fancybox.iframe " href="https://www.youtube.com/embed/mwMDLTVZdLA"></a> </span></span> <p class="videos_text"><a class="fancybox fancybox.iframe" href="https://www.youtube.com/embed/mwMDLTVZdLA" target="blank"> Tata Steel | Preserving Natural Treasures for Tomorrow</a></p> </div> <div class="slide-container_itn"><span class="testi_cont"><span class="testi_img videoavail"> <img class="img-space img-responsive" src="/media/23321/bridges-reel-video-img.jpg" alt="Image 1" /> <a class="video_icon fancybox fancybox.iframe " href="https://www.youtube.com/embed/SgTJ_zl35EY"></a> </span></span> <p class="videos_text"><a class="fancybox fancybox.iframe" href="https://www.youtube.com/embed/SgTJ_zl35EY" target="blank"> Tata Steel | Building Bridges, Driving Growth | Bridge Infrastructure by Tata Steel</a></p> </div> <div class="slide-container_itn"><span class="testi_cont"><span class="testi_img videoavail"> <img class="img-space img-responsive" src="/media/23332/kalinganagr-expansion-video-img-1.jpg" alt="Image 1" /> <a class="video_icon fancybox fancybox.iframe " href="https://www.youtube.com/embed/ErReiKzSg54"></a> </span></span> <p class="videos_text"><a class="fancybox fancybox.iframe" href="https://www.youtube.com/embed/ErReiKzSg54" target="blank"> Tata Steel | Kalingnagar Plant Expansion | 3 MTPA to 8 MTPA</a></p> </div> <div class="slide-container_itn"><span class="testi_cont"><span class="testi_img videoavail"> <img class="img-space img-responsive" src="/media/23323/autocar-feature-video-img.jpg" alt="Image 1" /> <a class="video_icon fancybox fancybox.iframe " href="https://www.youtube.com/embed/pVSxwvfpjJY"></a> </span></span> <p class="videos_text"><a class="fancybox fancybox.iframe" href="https://www.youtube.com/embed/pVSxwvfpjJY" target="blank"> Tata Steel | Autocar India | Tatanagar Armoured Vehicle</a></p> </div> <div class="slide-container_itn"><span class="testi_cont"><span class="testi_img videoavail"> <img class="img-space img-responsive" src="/media/23333/kalinganagr-blust-furnace-video-img-1.jpg" alt="Image 1" /> <a class="video_icon fancybox fancybox.iframe " href="https://www.youtube.com/embed/zKa1HTDUr_A"></a> </span></span> <p class="videos_text"><a class="fancybox fancybox.iframe" href="https://www.youtube.com/embed/zKa1HTDUr_A" target="blank"> Tata Steel | Blast Furnace 2 at Kalinganagar Works | Big On Odisha, Big On India</a></p> </div> <div class="slide-container_itn"><span class="testi_cont"><span class="testi_img videoavail"> <img class="img-space img-responsive" src="/media/23324/cfe-divison-video-img.jpg" alt="Image 1" /> <a class="video_icon fancybox fancybox.iframe " href="https://www.youtube.com/embed/O12mz2SNSwg"></a> </span></span> <p class="videos_text"><a class="fancybox fancybox.iframe" href="https://www.youtube.com/embed/O12mz2SNSwg" target="blank"> Tata Steel | Centre for Excellence Virtual Walkthrough</a></p> </div> <div class="slide-container_itn"><span class="testi_cont"><span class="testi_img videoavail"> <img class="img-space img-responsive" src="/media/23325/samvaad-video-img.jpg" alt="Image 1" /> <a class="video_icon fancybox fancybox.iframe " href="https://www.youtube.com/embed/u-RqFsGnR2k"></a> </span></span> <p class="videos_text"><a class="fancybox fancybox.iframe" href="https://www.youtube.com/embed/u-RqFsGnR2k" target="blank"> Tata Steel | Samvaad 2024 | Celebrating Tribal Heritage</a></p> </div> <div class="slide-container_itn"><span class="testi_cont"><span class="testi_img videoavail"> <img class="img-space img-responsive" src="/media/23326/tsci-video-img.jpg" alt="Image 1" /> <a class="video_icon fancybox fancybox.iframe " href="https://www.youtube.com/embed/i4VpI9tEAmA"></a> </span></span> <p class="videos_text"><a class="fancybox fancybox.iframe" href="https://www.youtube.com/embed/i4VpI9tEAmA" target="blank"> Tata Steel | Tata Steel Chess India 2024 Begins</a></p> </div> <div class="slide-container_itn"><span class="testi_cont"><span class="testi_img videoavail"> <img class="img-space img-responsive" src="/media/23327/world-skyscraper-day-video-img.jpg" alt="Image 1" /> <a class="video_icon fancybox fancybox.iframe " href="https://www.youtube.com/embed/sFxG9q_1Lg4"></a> </span></span> <p class="videos_text"><a class="fancybox fancybox.iframe" href="https://www.youtube.com/embed/sFxG9q_1Lg4" target="blank"> Tata Steel | World Skyscraper Day 2024</a></p> </div> <div class="slide-container_itn"><span class="testi_cont"><span class="testi_img videoavail"> <img class="img-space img-responsive" src="/media/23328/sadiums-around-the-world-video-img.jpg" alt="Image 1" /> <a class="video_icon fancybox fancybox.iframe " href="https://www.youtube.com/embed/1ALKh0lnPO4"></a> </span></span> <p class="videos_text"><a class="fancybox fancybox.iframe" href="https://www.youtube.com/embed/1ALKh0lnPO4" target="blank"> Tata Steel | Connecting Voices of a Million Fans | Stadium Infrastructure by Tata Steel</a></p> </div> <div class="slide-container_itn"><span class="testi_cont"><span class="testi_img videoavail"> <img class="img-space img-responsive" src="/media/23329/world-city-day-video-img.jpg" alt="Image 1" /> <a class="video_icon fancybox fancybox.iframe " href="https://www.youtube.com/embed/iD2ZLBDO4Ow"></a> </span></span> <p class="videos_text"><a class="fancybox fancybox.iframe" href="https://www.youtube.com/embed/iD2ZLBDO4Ow" target="blank"> Tata Steel | World Cities Day 2024</a></p> </div> <div class="slide-container_itn"><span class="testi_cont"><span class="testi_img videoavail"> <img class="img-space img-responsive" src="/media/21720/tata-steel-video_image-1_350x480jpg.png" alt="Image 1" /> <a class="video_icon fancybox fancybox.iframe " href="https://www.youtube.com/shorts/5iB1T2pAi4c"></a> </span></span> <p class="videos_text"><a class="fancybox fancybox.iframe" href="https://www.youtube.com/shorts/5iB1T2pAi4c" target="blank"> India's First All-Women Firefighter Crew</a></p> </div> <div class="slide-container_itn"><span class="testi_cont"><span class="testi_img videoavail"> <img class="img-space img-responsive" src="/media/21378/tata-steel-video_image-2_350x480.jpg" alt="Image 1" /> <a class="video_icon fancybox fancybox.iframe " href="https://www.youtube.com/embed/I0OOCJIFHLA?si=y7g21iAjAKj19TxH"></a> </span></span> <p class="videos_text"><a class="fancybox fancybox.iframe" href="https://www.youtube.com/embed/I0OOCJIFHLA?si=y7g21iAjAKj19TxH" target="blank"> T. V. Narendran - #TheGreenActChallenge</a></p> </div> <div class="slide-container_itn"><span class="testi_cont"><span class="testi_img videoavail"> <img class="img-space img-responsive" src="/media/21373/tata-steel-video_image-3_350x480.jpg" alt="Image 3" /> <a class="video_icon fancybox fancybox.iframe " href="https://www.youtube.com/shorts/fMvqaA_oKOU"></a> </span></span> <p class="videos_text"><a class="fancybox fancybox.iframe" href="https://www.youtube.com/shorts/fMvqaA_oKOU" target="blank"> Connecting India with Tomorrow</a></p> </div> <div class="slide-container_itn"><!-- <a class="fancybox fancybox.iframe" href="https://www.youtube.com/shorts/QV1zZWoaioQ"> <img class="img-space img-responsive" src="/media/21374/tata-steel-video_image-4_350x480.jpg" alt="Image 4" /></a> <p class="videos_text" ><a class="fancybox fancybox.iframe" href="https://www.youtube.com/shorts/QV1zZWoaioQ" target="blank" > Kaamya Kartikeyan - the 16 Year Old who Conquered Mt. Everest</a></p> --> <span class="testi_cont"><span class="testi_img videoavail"> <img class="img-space img-responsive" src="/media/21374/tata-steel-video_image-4_350x480.jpg" alt="Image 4" /> <a class="video_icon fancybox fancybox.iframe " href="https://www.youtube.com/shorts/QV1zZWoaioQ"></a> </span></span> <p class="videos_text"><a class="fancybox fancybox.iframe" href="https://www.youtube.com/shorts/QV1zZWoaioQ" target="blank"> Kaamya Kartikeyan - the 16 Year Old who Conquered Mt. Everest</a></p> </div> <div class="slide-container_itn"><!-- <a class="fancybox fancybox.iframe" href="https://www.youtube.com/embed/QO5jP5h7IUQ?si=-PKBNUyIqYrsOxbb"> <img class="img-space img-responsive" src="/media/21375/tata-steel-video_image-5_350x480.jpg" alt="Image 5" /></a> <p class="videos_text" ><a class="fancybox fancybox.iframe" href="https://www.youtube.com/embed/QO5jP5h7IUQ?si=-PKBNUyIqYrsOxbb" target="blank" > Steelcast with T. V. Narendran</a></p> --> <span class="testi_cont"><span class="testi_img videoavail"> <img class="img-space img-responsive" src="/media/21375/tata-steel-video_image-5_350x480.jpg" alt="Image 5" /> <a class="video_icon fancybox fancybox.iframe " href="https://www.youtube.com/embed/QO5jP5h7IUQ?si=-PKBNUyIqYrsOxbb"></a> </span></span> <p class="videos_text"><a class="fancybox fancybox.iframe" href="https://www.youtube.com/embed/QO5jP5h7IUQ?si=-PKBNUyIqYrsOxbb" target="blank"> Steelcast with T. V. Narendran</a></p> </div> <div class="slide-container_itn"><!-- <a class="fancybox fancybox.iframe" href="https://www.youtube.com/embed/fYszn4ufLCI?si=70z-D4F0yGc28yMQ"> <img class="img-space img-responsive" src="/media/21376/tata-steel-video_image-6_350x480.jpg" alt="Image 5" /></a> <p class="videos_text" ><a class="fancybox fancybox.iframe" href="https://www.youtube.com/embed/fYszn4ufLCI?si=70z-D4F0yGc28yMQ" target="blank" > Heritage of Jamshedpur</a></p> --> <span class="testi_cont"><span class="testi_img videoavail"> <img class="img-space img-responsive" src="/media/21376/tata-steel-video_image-6_350x480.jpg" alt="Image 6" /> <a class="video_icon fancybox fancybox.iframe " href="https://www.youtube.com/embed/fYszn4ufLCI?si=70z-D4F0yGc28yMQ"></a> </span></span> <p class="videos_text"><a class="fancybox fancybox.iframe" href="https://www.youtube.com/embed/fYszn4ufLCI?si=70z-D4F0yGc28yMQ" target="blank"> Heritage of Jamshedpur</a></p> </div> <!-- Add more slides as needed --></div> </div> </div> <!-- <div class="container"> <div class="row"> <div class="col-12"><a href="https://www.youtube.com/@TataSteelIndiaLtd" class="view-more" target="blank" >View More <i class="fa fa-angle-right"></i></a></div> </div> </div> --> <div class="clearfix"></div> </div> <!-- video section end --> <p></p> <!-- custom-next-arrow-steels section start --> <div id="steel" class="container-fluid section6 section"> <div class="row text-center"> <p class="hover-underline-animation text-center headings text-center">#Steelfluencers</p> </div> <div class="container "> <div class="col-md-12 d-block-for-desktop"> <div class="container_image transbox"><img id="mainImage" src="/media/21783/narendra-s_banners-1440x450.png" alt="Beautiful Image" class="image" /> <div class="centered"> <p class="text-white steel-text "><i style="font-size: 1.5vw;" class="fa"></i> <span id="steel_text"> The commissioning of India’s largest blast furnace at Kalinganagar is a momentous occasion for the steel industry, setting new benchmarks in capacity, technology, and sustainability.</span> <i style="font-size: 1.5vw;" class="fa"></i></p> <p id="author">- T. V. Narendran, CEO and Managing Director, Tata Steel</p> </div> </div> </div> <div class="row pt-4 pb-2"> <div class="col-md-12 "> <div class="float-at-end "><button type="button" class="custom-prev-arrow-steel "></button> <button type="button" class="custom-next-arrow-steel "></button> </div> </div> </div> <div class="row center"> <div class="col-md-12 "> <div class="steelfluencers-slider"><!-- <div class="slide-container_itn dis-block-for-responsive"><img class="thumb" src="/media/21782/narendra-s_banner-300x200.png" data-src="/media/21782/narendra-s_banner-300x200.png" data-alt=" - T. V. Narendran" alt="We are honoured to be recognised once again as a Steel Sustainability Champion by the World Steel Association." /> <p class="thumb_text">"We are honoured to be recognised once again as a Steel Sustainability Champion by the World Steel Association..........." <br /><br /> <span class="date_class">T. V. Narendran</span></p> </div> --> <div class="slide-container_itn"><img class="thumb" src="/media/21782/narendra-s_banner-300x200.png" data-src="/media/21783/narendra-s_banners-1440x450.png" data-alt=" - T. V. Narendran" alt="The commissioning of India’s largest blast furnace at Kalinganagar is a momentous occasion for the steel industry, setting new benchmarks in capacity, technology, and sustainability." /> <p class="thumb_text dis-block-for-responsive">The commissioning of India’s largest blast furnace at Kalinganagar is a momentous occasion for the steel industry, setting new benchmarks in capacity, technology, and sustainability.</p> <br /> <p class="thumb_text p-0"><span class="date_class">T. V. Narendran</span></p> </div> <!-- <div class="slide-container_itn"><img class="thumb" src="/media/21787/koushik-s_banner-300x200.png" data-src="/media/21781/koushik-s_banners-1440x450.png" data-alt=" - Koushik Chatterjee" alt="In 2023-24, the standalone India business actually performed better on an underlying basis than the previous year on both EBIDTA and cash flows." /> <p class="thumb_text dis-block-for-responsive">In 2023-24, the standalone India business actually performed better on an underlying basis than the previous year on both EBIDTA and cash flows.</p> <br /> <p class="thumb_text p-0"><span class="date_class"><span>Koushik </span>Chatterjee</span></p> </div> --> <div class="slide-container_itn"><img class="thumb" src="/media/23266/newsroom-image_300x200.jpg" data-src="/media/23267/newsroom-image_1440x450.jpg" data-alt=" - D.B. Sundara Ramam" alt="The all-women shift at our Noamundi Iron Mine represents a landmark achievement not only for Tata Steel but also for the Indian mining industry. It is a testament to the resilience and capability of women breaking stereotypes. It is also a reflection of our belief that diversity and inclusion are essential for driving innovation and operational excellence." /> <p class="thumb_text dis-block-for-responsive">"The all-women shift at our Noamundi Iron Mine represents a landmark achievement not only for Tata Steel but also for the Indian mining industry. It is a testament to the resilience and capability of women breaking stereotypes. It is also a reflection of our belief that diversity and inclusion are essential for driving innovation and operational excellence."</p> <br /> <p class="thumb_text p-0"><span class="date_class">D.B. Sundara Ramam, Vice President, Raw Material, Tata Steel</span></p> </div> <div class="slide-container_itn"><img class="thumb" src="/media/21778/atrayee_banner-300x200.png" data-src="/media/21779/atrayee_banners-1440x450.png" data-alt=" - Atrayee Sanyal" alt="At Tata Steel, we believe in the power of diversity and inclusion to drive transformation. We are incredibly proud of Anjna and Gayatri for their outstanding contributions to Tata Steel and the mining industry as a whole" /> <p class="thumb_text dis-block-for-responsive">At Tata Steel, we believe in the power of diversity and inclusion to drive transformation. We are incredibly proud of Anjna and Gayatri for their outstanding contributions to Tata Steel and the mining industry as a whole</p> <br /> <p class="thumb_text p-0"><span class="date_class">Atrayee Sanyal, Vice President, Human Resource Management, Tata Steel</span></p> </div> <div class="slide-container_itn"><img class="thumb" src="/media/21784/rajiv_banner-300x200.png" data-src="/media/21785/rajiv_banners-1440x450.png" data-alt=" - Rajiv Mangal" alt="“Tata Steel accords the highest priority to the safety of its employees and stakeholders, and has been investing in latest technology and digital tools to ensure this. We are delighted that our efforts in this direction have been consistently recognised by worldsteel which further reaffirms our commitment to building a ‘zero harm’ company.”" /> <p class="thumb_text dis-block-for-responsive">“Tata Steel accords the highest priority to the safety of its employees and stakeholders, and has been investing in latest technology and digital tools to ensure this. We are delighted that our efforts in this direction have been consistently recognised by worldsteel which further reaffirms our commitment to building a ‘zero harm’ company.”</p> <br /> <p class="thumb_text p-0"><span class="date_class">Rajiv Mangal, Vice President, Safety, Health & Sustainability, Tata Steel</span></p> </div> <div class="slide-container_itn"><img class="thumb" src="/media/21786/jayanta-banerjee_banner-300x200.png" data-src="/media/21780/jayanta-banerjee_banners-1440x450.png" data-alt=" - Jayanta Banerjee" alt="At Tata Steel, we have always been at the forefront of technology adoption and investment. We understand that technology plays a crucial role in driving business value." /> <p class="thumb_text dis-block-for-responsive">At Tata Steel, we have always been at the forefront of technology adoption and investment. We understand that technology plays a crucial role in driving business value.</p> <br /> <p class="thumb_text p-0"><span class="date_class">Jayanta Banerjee</span></p> </div> </div> </div> </div> </div> </div> <!-- custom-next-arrow-steels section end --> <p></p> <!-- publication section start --> <!-- <div id="publication" class="container-fluid section7 section"> <div class="row text-center"> <p class="hover-underline-animation text-center headings text-center">Publications</p> </div> <div class="container text-center"> <div class="row"> <div class="col-8"><a target="blank" href="https://www.tatasteel.com/newsroom/publications/" class="view-more">View More <i class="fa fa-angle-right"></i></a></div> </div> <div class="row center"> <div class="col-md-12 p-5 "> <div class="publication-slider"> <div class="slide-container_itn"><img src="/media/14539/400x557-1.jpg" alt="Image 1" /> <p> </p> </div> <div class="slide-container_itn"><img src="/media/14073/400x557.jpg" alt="Image 2" /> <p> </p> </div> <div class="slide-container_itn"><img src="/media/21587/400x557.jpg" alt="Image 3" /> <p> </p> </div> </div> </div> </div> </div> <div class="clearfix"></div> </div> --> <!-- publication section end --> <p></p> <!-- awards section start --> <div id="awards" class="container-fluid section8 section"> <div class="row text-center"> <p class="hover-underline-animation text-center headings text-center">Awards & Recognitions</p> </div> <div class="container text-center"> <div class="row"> <div class="col-8"><a href="/corporate/our-organisation/awards-recognitions/" target="blank" class="view-more float-right mb-20">View More ></a></div> </div> <div class="row center"><!-- <div class="col-md-6 p-5 d-block-for-desktop"> <div class="test card"><img class="img-responsive" src="/media/21387/tata-steel-awards_iamge-1_720x370-copy.jpg" alt="..." /> <div class="card-body"> <p class="card-text" style="text-align: left; background: #F7F7F7; padding: 20px;"><strong> <a href="https://www.tatasteel.com/newsroom/press-releases/india/2024/tata-steel-recognised-as-2024-steel-sustainability-champion-by-worldsteel-for-the-seventh-consecutive-year/" target="blank" class="text-black"> Tata Steel Recognised as 2024 Steel Sustainability Champion by worldsteel for the Seventh Consecutive Year</a> <br /> <span class="shared-counts-icon-label-yellow "> <i class="fa fa-fort-awesome" aria-hidden="true"></i> Mumbai</span> <span class="shared-counts-icon-label-purple "><i class="fa fa-icon"></i> April 10, 2024 </span></strong></p> </div> </div> </div> --> <div class="col-md-6 p-5 d-block-for-desktop"> <div class="test card"><img class="img-responsive" src="/media/23104/30nov24_theavenuemail_jamshedpur_2a.jpg" alt="..." /> <div class="card-body"> <p class="card-text" style="text-align: left; background: #F7F7F7; padding: 20px;"><strong> <a href="https://www.tatasteel.com/newsroom/press-releases/india/2024/tata-steel-women-employees-featured-among-wim-uk-s-2024-100-global-inspirational-women-in-mining/" target="blank" class="text-black"> Tata Steel women employees featured among WIM UK’s 2024 “100 Global Inspirational Women in Mining”</a> <br /> <span class="shared-counts-icon-label-yellow "> <i class="fa fa-fort-awesome" aria-hidden="true"></i> Mumbai</span> <span class="shared-counts-icon-label-purple "><i class="fa fa-icon"></i> November 29, 2024 </span></strong></p> </div> </div> </div> <div class="col-md-6 p-5 d-block-for-desktop"><!-- <div class=" float-right mb-30"> <div class="row"> <div class="col-sm-4"> <div class="card"><img class="img-responsive award-img-layout" src="/media/22030/280_156.jpg" alt="" /></div> </div> <div class="col-sm-8"> <div class="card-block text-left"> <p><strong> <a href="https://www.tatasteel.com/newsroom/press-releases/india/2023/tata-steel-recognised-as-global-diversity-equity-inclusion-dei-lighthouse-2023-by-world-economic-forum/" target="blank" class="text-black"> Tata Steel recognised as Global Diversity Equity & Inclusion (DEI) Lighthouse 2023 by World Economic Forum </a> <br /> <span class="shared-counts-icon-label-yellow "> <i class="fa fa-fort-awesome" aria-hidden="true"></i> Mumbai</span> <span class="shared-counts-icon-label-purple "><i class="fa fa-icon"></i> January 27, 2023 </span></strong></p> </div> </div> </div> </div> --> <div class=" float-right mb-30"> <div class="row"> <div class="col-sm-4"> <div class="card"><img class="img-responsive award-img-layout" src="/media/23177/workplace-equality-index-2024-for-the-fourth-consecutive-year-newsroom-img.jpg" alt="" /></div> </div> <div class="col-sm-8"> <div class="card-block text-left"> <p><strong> <a href="https://www.tatasteel.com/newsroom/press-releases/india/2024/tata-steel-recognised-as-a-gold-employer-by-india-workplace-equality-index-2024-for-the-fourth-consecutive-year/" target="blank" class="text-black"> Tata Steel recognised as a Gold Employer by India Workplace Equality Index 2024 for the fourth consecutive year </a> <br /> <span class="shared-counts-icon-label-yellow "> <i class="fa fa-fort-awesome" aria-hidden="true"></i> Mumbai</span> <span class="shared-counts-icon-label-purple "><i class="fa fa-icon"></i> December 13, 2024 </span></strong></p> </div> </div> </div> </div> <!-- <div class=" float-right mb-30"> <div class="row"> <div class="col-sm-4"> <div class="card"><img class="img-responsive award-img-layout" src="/media/21389/tata-steel-awards_image-4_280x155.jpg" alt="" /></div> </div> <div class="col-sm-8"> <div class="card-block text-left"> <p><strong> <a href="https://www.tatasteel.com/newsroom/press-releases/india/2023/tata-steel-recognised-as-gold-employer-by-india-workplace-equality-index-iwei-2023/" target="blank" class="text-black"> Tata Steel Recognised as Gold Employer by India Workplace Equality Index (IWEI) 2023 </a><br /> <span class="shared-counts-icon-label-yellow "> <i class="fa fa-fort-awesome" aria-hidden="true"></i> Mumbai</span> <span class="shared-counts-icon-label-purple "><i class="fa fa-icon"></i> Decemeber 01, 2023 </span></strong></p> </div> </div> </div> </div> --> <div class=" float-right mb-30"> <div class="row"> <div class="col-sm-4"> <div class="card"><img class="img-responsive award-img-layout" src="/media/22308/tata-steel-worldsteel-safety-and-health-recognition-mobile-img.jpg" alt="" /></div> </div> <div class="col-sm-8"> <div class="card-block text-left"> <p><strong> <a href="https://www.tatasteel.com/newsroom/press-releases/india/2024/tata-steel-awarded-worldsteel-safety-and-health-excellence-recognition-2024-for-process-safety-management/" target="blank" class="text-black"> Tata Steel Recognised as Gold Employer by India Workplace Equality Index (IWEI) 2023 </a><br /> <span class="shared-counts-icon-label-yellow "> <i class="fa fa-fort-awesome" aria-hidden="true"></i> Mumbai</span> <span class="shared-counts-icon-label-purple "><i class="fa fa-icon"></i> October 16, 2024 </span></strong></p> </div> </div> </div> </div> <div class=" float-right mb-30"> <div class="row"> <div class="col-sm-4"> <div class="card"><img class="img-responsive award-img-layout" src="/media/21390/tata-steel-awards_image-5_280x155.jpg" alt="" /></div> </div> <div class="col-sm-8"> <div class="card-block text-left"> <p><strong> <a href="https://www.tatasteel.com/newsroom/press-releases/india/2023/tata-steel-ceo-md-t-v-narendran-conferred-the-iim-jrd-tata-award-2023-for-excellence-in-corporate-leadership-in-metallurgical-industries/" target="blank" class="text-black"> Tata Steel CEO & MD T. V. Narendran conferred the IIM-JRD Tata Award 2023 for ‘Excellence in Corporate Leadership in Metallurgical Industries <br /> </a></strong><span class="shared-counts-icon-label-yellow "> <i class="fa fa-fort-awesome" aria-hidden="true"></i> Bhubaneswar</span> <span class="shared-counts-icon-label-purple "><i class="fa fa-icon"></i> November 24, 2023 </span></p> </div> </div> </div> </div> </div> <div class="col-md-6 p-5 d-block-for-responsive"> <div class="award-slider"><!-- <div class="slide-container_itn"><img src="/media/21387/tata-steel-awards_iamge-1_720x370-copy.jpg" alt="Image 1" /> <p class="award_text"><a href="https://www.tatasteel.com/newsroom/press-releases/india/2024/tata-steel-recognised-as-2024-steel-sustainability-champion-by-worldsteel-for-the-seventh-consecutive-year/" target="blank" class="text-black"> Tata Steel Recognised as 2024 Steel Sustainability Champion by worldsteel for the Seventh Consecutive Year </a> <br /> <span class="shared-counts-icon-label-yellow "> <i class="fa fa-fort-awesome" aria-hidden="true"></i> Mumbai</span> <span class="shared-counts-icon-label-purple "><i class="fa fa-icon"></i> April 10, 2024 </span></p> </div> --> <div class="slide-container_itn"><img src="/media/23104/30nov24_theavenuemail_jamshedpur_2a.jpg" alt="Image 1" /> <p class="award_text"><a target="blank" class="text-black"> Tata Steel women employees featured among WIM UK’s 2024 “100 Global Inspirational Women in Mining” </a> <br /> <span class="shared-counts-icon-label-yellow "> <i class="fa fa-fort-awesome" aria-hidden="true"></i> Mumbai</span> <span class="shared-counts-icon-label-purple "><i class="fa fa-icon"></i> November 29, 2024 </span></p> </div> <div class="slide-container_itn"><img src="/media/22030/280_156.jpg" alt="Image 2" /> <p class="award_text"><a href="https://www.tatasteel.com/newsroom/press-releases/india/2023/tata-steel-recognised-as-global-diversity-equity-inclusion-dei-lighthouse-2023-by-world-economic-forum/" target="blank" class="text-black"> Tata Steel recognised as Global Diversity Equity & Inclusion (DEI) Lighthouse 2023 by World Economic Forum </a> <br /> <span class="shared-counts-icon-label-yellow "> <i class="fa fa-fort-awesome" aria-hidden="true"></i> Mumbai</span> <span class="shared-counts-icon-label-purple "><i class="fa fa-icon"></i> January 27, 2023 </span></p> </div> <div class="slide-container_itn"><img src="/media/21389/tata-steel-awards_image-4_280x155.jpg" alt="Image 3" /> <p class="award_text"><a href="https://www.tatasteel.com/newsroom/press-releases/india/2023/tata-steel-recognised-as-gold-employer-by-india-workplace-equality-index-iwei-2023/" target="blank" class="text-black"> Tata Steel Recognised as Gold Employer by India Workplace Equality Index (IWEI) 2023 </a> <br /> <span class="shared-counts-icon-label-yellow "> <i class="fa fa-fort-awesome" aria-hidden="true"></i> Mumbai</span> <span class="shared-counts-icon-label-purple "><i class="fa fa-icon"></i> December 01, 2023 </span></p> </div> <div class="slide-container_itn"><img src="/media/21390/tata-steel-awards_image-5_280x155.jpg" alt="Image 3" /> <p class="award_text"><a href="https://www.tatasteel.com/newsroom/press-releases/india/2023/tata-steel-ceo-md-t-v-narendran-conferred-the-iim-jrd-tata-award-2023-for-excellence-in-corporate-leadership-in-metallurgical-industries/" target="blank" class="text-black"> Tata Steel CEO & MD T. V. Narendran conferred the IIM-JRD Tata Award 2023 for ‘Excellence in Corporate Leadership in Metallurgical Industries </a> <br /> <span class="shared-counts-icon-label-yellow "> <i class="fa fa-fort-awesome" aria-hidden="true"></i> Bhubaneswar</span> <span class="shared-counts-icon-label-purple "><i class="fa fa-icon"></i> November 24, 2023 </span></p> </div> <!-- Add more slides as needed --></div> </div> </div> </div> <div class="clearfix"></div> </div> <!-- awards section end --> <p></p> <!-- factsheet start--> <div id="factsheet" class="container-fluid section9 section"> <div class="row text-center"> <p class="hover-underline-animation text-center headings text-center">Factsheet</p> </div> <div class="container text-center d-block-for-desktop"> <div class="row center"> <div class="col-md-12 mb-20"> <div class="col-md-3 col-sm-3 col-xs-3 text-center"><img class="img-responsive test m-auto" src="/media/21451/tata-steel-factsheet-icon8-130x130.png" alt="" /> <p class="mb-10"><strong>Sector</strong></p> <p class="mb-10">Metals & Mining/Manufacturing</p> </div> <div class="col-md-3 col-sm-3 col-xs-3 text-center"><img class="img-responsive test m-auto" src="/media/21444/tata-steel-factsheet-icon3-130x130-copy.png" alt="" /> <p class="mb-10"><strong>Industry</strong></p> <p class="mb-10">Steel</p> </div> <div class="col-md-3 col-sm-3 col-xs-3 text-center"><img class="img-responsive test m-auto" src="/media/21449/tata-steel-factsheet-icon6-130x130-copy.png" alt="" /> <p class="mb-10"><strong>CEO & MD, Tata Steel </strong></p> <p class="mb-10">T. V. Narendran</p> </div> <div class="col-md-3 col-sm-3 col-xs-3 text-center"><img class="img-responsive test m-auto" src="/media/21449/tata-steel-factsheet-icon6-130x130-copy.png" alt="" /> <p class="mb-10"><strong>ED & CFO, Tata Steel</strong></p> <p class="mb-10">Koushik Chatterjee</p> </div> </div> </div> <div class="row center"> <div class="col-md-12 mb-20"> <div class="col-md-3 col-sm-3 col-xs-3 text-center"><img class="img-responsive test m-auto" src="/media/21446/tata-steel-factsheet-icon2-130x130-copy.png" alt="" /> <p class="mb-10"><strong>Employeees</strong></p> <p class="mb-10">78,000+</p> </div> <div class="col-md-3 col-sm-3 col-xs-3 text-center"><img class="img-responsive test m-auto" src="/media/21447/tata-steel-factsheet-icon4-130x130-copy.png" alt="" /> <p class="mb-10"><strong>FY'24 Turnover </strong></p> <p class="mb-10">US$ 27.7 Bn</p> </div> <div class="col-md-3 col-sm-3 col-xs-3 text-center"><img class="img-responsive test m-auto" src="/media/21450/tata-steel-factsheet-icon7-130x130.png" alt="" /> <p class="mb-10"><strong>Crude Steel Capacity</strong></p> <p class="mb-10">35 MnTPA</p> </div> <div class="col-md-3 col-sm-3 col-xs-3 text-center"><img class="img-responsive test m-auto" src="/media/21444/tata-steel-factsheet-icon3-130x130-copy.png" alt="" /> <p class="mb-10"><strong>Company Type</strong></p> <p class="mb-10">Private</p> </div> </div> </div> <div class="row center"> <div class="col-md-12 mb-20"> <div class="col-md-3 col-sm-3 col-xs-3 text-center"></div> <div class="col-md-3 col-sm-3 col-xs-3 text-center"><img class="img-responsive test m-auto" src="/media/21578/icon.png" alt="" /> <p class="mb-10"><strong>Year Established</strong></p> <p class="mb-10">1907</p> </div> <div class="col-md-3 col-sm-3 col-xs-3 text-center"><img class="img-responsive test m-auto" src="/media/21445/tata-steel-factsheet-icon1-130x130-copy.png" alt="" /> <p class="mb-10"><strong>Website</strong></p> <p class="mb-10"><a href="https://tatasteel.com/" target="blank">www.tatasteel.com</a></p> </div> <div class="col-md-3 col-sm-3 col-xs-3 text-center"></div> </div> </div> <div class="clearfix"></div> </div> <div class="container text-center d-block-for-responsive" style="padding-top: 2em;"> <div class="row center"> <div class="col-md-12 p-5 "> <div class="factsheet-slider"> <div class="slide-container_itn"><img class="img-responsive test m-auto w-70" src="/media/21451/tata-steel-factsheet-icon8-130x130.png" alt="" /> <p class="factsheet-slider-p"><strong>Sector</strong></p> <p class="factsheet-slider-p">Metals & Mining/Manufacturing</p> </div> <div class="slide-container_itn"><img class="img-responsive test m-auto w-70" src="/media/21444/tata-steel-factsheet-icon3-130x130-copy.png" alt="" /> <p class="factsheet-slider-p"><strong>Industry</strong></p> <p class="factsheet-slider-p">Steel</p> </div> <div class="slide-container_itn"><img class="img-responsive test m-auto w-70" src="/media/21449/tata-steel-factsheet-icon6-130x130-copy.png" alt="" /> <p class="factsheet-slider-p"><strong>CEO & MD, Tata Steel</strong></p> <p class="factsheet-slider-p">T. V. Narendran</p> </div> <div class="slide-container_itn"><img class="img-responsive test m-auto w-70" src="/media/21449/tata-steel-factsheet-icon6-130x130-copy.png" alt="" /> <p class="factsheet-slider-p"><strong>ED & CFO, Tata Steel</strong></p> <p class="factsheet-slider-p"><span>Koushik</span> Chatterjee</p> </div> <div class="slide-container_itn"><img class="img-responsive test m-auto w-70" src="/media/21446/tata-steel-factsheet-icon2-130x130-copy.png" alt="" /> <p class="factsheet-slider-p"><strong>Employeees</strong></p> <p class="factsheet-slider-p">78,000+</p> </div> <div class="slide-container_itn"><img class="img-responsive test m-auto w-70" src="/media/21447/tata-steel-factsheet-icon4-130x130-copy.png" alt="" /> <p class="factsheet-slider-p"><strong>FY24 Turnover</strong></p> <p class="factsheet-slider-p">US$ 27.7 Bn</p> </div> <div class="slide-container_itn"><img class="img-responsive test m-auto w-70" src="/media/21450/tata-steel-factsheet-icon7-130x130.png" alt="" /> <p class="factsheet-slider-p"><strong>Crude Steel Capacity</strong></p> <p class="factsheet-slider-p">35 MnTPA</p> </div> <div class="slide-container_itn"><img class="img-responsive test m-auto w-70" src="/media/21444/tata-steel-factsheet-icon3-130x130-copy.png" alt="" /> <p class="factsheet-slider-p"><strong>Company Type</strong></p> <p class="factsheet-slider-p">Private</p> </div> <div class="slide-container_itn"><img class="img-responsive test m-auto w-70" src="/media/21578/icon.png" alt="" /> <p class="factsheet-slider-p"><strong>Year Established</strong></p> <p class="factsheet-slider-p">1907</p> </div> <div class="slide-container_itn"><img class="img-responsive test m-auto w-70" src="/media/21445/tata-steel-factsheet-icon1-130x130-copy.png" alt="" /> <p class="factsheet-slider-p"><strong>Website</strong></p> <p class="factsheet-slider-p"><a href="https://tatasteel.com/" target="blank">www.tatasteel.com</a></p> </div> <!-- Add more slides as needed --></div> </div> <!--- <div class="row"> <div class="col-8"><a href="/media/media-kit/factsheet/" target="blank" class="view-more" >View More <i class="fa fa-angle-right"></i></a></div> </div> --></div> </div> <div class="clearfix"></div> </div> <!-- factsheet end --> <p></p> <!-- Logo usage section start --> <div id="logousage" class="container-fluid section10 section"> <div class="row text-center"> <p class="hover-underline-animation text-center headings text-center">Logo Usage and Guidelines</p> </div> <div class="container text-center"> <div class="row center"> <div class="col-md-12 col-lg-12 col-12 col-xs-12 col-sm-12"><img class="img-responsive" src="/media/22026/logo-removebg.png" style="margin-left: auto; margin-right: auto; display: block; width: 100%;" /></div> </div> <div class="row"> <div class="col-md-12"> <div class="logo_text"> <p style="text-align: center; font-size: 1em; margin-top: 2em;">Our logo symbolises and summarises what we stand for. It represents the indivituality and distinctiveness of our company. We have put together tha Tata steel logo in various file formats and also listed down the usage and guidelines.</p> </div> </div> </div> <div class="row"> <div class="col-md-5 col-lg-5 col-5 col-xs-5 col-sm-5"> <div class="col-lg-4 col-md-4 col-4 p-0"> <div class="shared-counts-wrap after_content style-classic mb-10"><a class="decor-none" href="/media/21271/tata-group-logo-jpg.zip" title="Mumbai" target="_blank" rel="noopener noreferrer"> <span class="shared-counts-icon-label btn-sm"><i class="fa fa-download" style="color: brown; padding: 1px;"></i> Download .jpg</span> </a></div> </div> <div class="col-lg-4 col-md-4 col-4 p-0"> <div class="shared-counts-wrap after_content style-classic text-center mb-10"><a class="decor-none" href="/media/21269/tata-group-logo-png.zip" title="Mumbai" target="_blank" rel="noopener noreferrer"> <span class="shared-counts-icon-label-purple btn-sm"><i class="fa fa-download" style="color: black; padding: 1px;"></i> Download .png </span> </a></div> </div> <div class="col-lg-4 col-md-4 col-4 p-0"> <div class="shared-counts-wrap after_content style-classic text-center mb-10"><a href="/media/21270/tata-group-logo-pdf.zip" class="decor-none" title="Mumbai" target="_blank" rel="noopener noreferrer"> <span class="shared-counts-icon-label-aqua btn-sm"><i class="fa fa-download" style="color: blue; padding: 1px;"></i> Download .pdf</span> </a></div> </div> </div> <div class="col-md-2 col-lg-2 col-2 col-xs-2 col-sm-2"></div> <div class="col-md-5 col-lg-5 col-5 col-xs-5 col-sm-5"> <div class="col-lg-4 col-md-4 col-4 p-0"> <div class="shared-counts-wrap after_content style-classic mb-10"><a href="/media/17756/tata_steel_logo_jpg_format_rev.zip" class="decor-none" title="Mumbai" target="_blank" rel="noopener noreferrer"> <span class="shared-counts-icon-label btn-sm"><i class="fa fa-download" style="color: brown; padding: 1px;"></i> Download .jpg</span> </a></div> </div> <div class="col-lg-4 col-md-4 col-4 p-0"> <div class="shared-counts-wrap after_content style-classic text-center mb-10"><a href="/media/17755/tata_steel_logo_png_format_rev.zip" class="decor-none" title="Mumbai" target="_blank" rel="noopener noreferrer"> <span class="shared-counts-icon-label-purple btn-sm"><i class="fa fa-download" style="color: black; padding: 1px;"></i> Download .png </span> </a></div> </div> <div class="col-lg-4 col-md-4 col-4 p-0"> <div class="shared-counts-wrap after_content style-classic text-center mb-10"><a href="/media/17754/tata-steel-logo_rev_pdf_format.pdf" class="decor-none" title="Mumbai" target="_blank" rel="noopener noreferrer"> <span class="shared-counts-icon-label-aqua btn-sm"><i class="fa fa-download" style="color: blue; padding: 1px;"></i> Download .pdf</span> </a></div> </div> </div> </div> <br /> <div class="col-md-12"> <p style="text-align: center; font-size: 1em; margin-top: 2em;">To know the usage and guidelines, <a target="blank" href="/newsroom/logos-usage-guidelines/" style="font-size: 1em;">View More <i class="fa fa-angle-right"></i> </a></p> </div> </div> <div class="clearfix"></div> </div> <div class="clearfix"></div> </div> <!-- logo usage and guidelines section end --> <p></p> <!-- gallery section start --> <div id="gallery" class="container-fluid section11 section"> <div class="row text-center"> <p class="hover-underline-animation text-center headings text-center">Gallery</p> </div> <div class="container text-center pt-1 pb-2"> <div class="row"> <div class="col-8"><a target="blank" href="/newsroom/gallery/" class="view-more">View More <i class="fa fa-angle-right"></i></a></div> </div> <div class="row center"> <div class="col-md-12 p-5 pb-20"> <div class="galllery-wrapper"> <div class="gallery-slider-rev"> <div class="slide-container_itn"><a href="https://www.tatasteel.com/newsroom/gallery/"> <img src="/media/22008/md-image-in-350x480.png" alt="Image 1" /> </a> <!-- <div class="overlay"> <p class="overlay-text"><a href="https://www.tatasteel.com/newsroom/gallery/" target="blank" style="outline: none; color: white;"> View More <i class="fa fa-angle-right"></i></a></p> </div> --> <p class="gallery_text"><a class="black-color-text" href="https://www.tatasteel.com/newsroom/gallery/"> People </a></p> </div> <div class="slide-container_itn"><a href="https://www.tatasteel.com/newsroom/gallery/"> <img src="/media/21371/gallery1.jpg" alt="Image 2" /></a> <div class="overlay"><!-- <p class="overlay-text"><a href="https://www.tatasteel.com/newsroom/gallery/" target="blank" style="outline: none; color: white;"> View More <i class="fa fa-angle-right"></i></a></p> --></div> <p class="gallery_text"><a class="black-color-text" href="https://www.tatasteel.com/newsroom/gallery/"> Facilities </a></p> </div> <div class="slide-container_itn"><a href="https://www.tatasteel.com/newsroom/gallery/"> <img src="/media/21728/pravesh.png" alt="Image 3" /> </a> <!-- <div class="overlay"> <p class="overlay-text"><a href="https://www.tatasteel.com/newsroom/gallery/" target="blank" style="outline: none; color: white;"> View More <i class="fa fa-angle-right"></i></a></p> </div> --> <p class="gallery_text"><a class="black-color-text" href="https://www.tatasteel.com/newsroom/gallery/"> Products </a></p> </div> </div> </div> </div> </div> </div> <div class="clearfix"></div> </div> <!-- gallery section end --><footer style="display: block !important;"> <div class="container"> <div class="row"> <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12"> <ul class="footer_link"> <li><a href="/disclaimer/" title="Disclaimer" target="_blank" rel="noopener noreferrer">Disclaimer</a>|</li> <li><a href="/privacy-policy/" title="Privacy Policy" target="_blank" rel="noopener noreferrer">Privacy Policy</a>|</li> <li><a href="/cookie-policy/" title="Cookie Policy" target="_blank" rel="noopener noreferrer">Cookie Policy</a>|</li> <li><a href="/sitemap/" title="Sitemap" target="_blank" rel="noopener noreferrer">Sitemap</a></li> </ul> <div class="clearfix"></div> <span class="copyright">© Copyright Tata Steel 2024. All rights reserved.<br /> <!-- Crafted by --> <!-- <a href="http://www.hungamadigitalservices.com/" target="_blank">Hungama Digital Services</a> --> </span></div> <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12"> <ul class="download_app"><!-- <li><img src="/media/12691/rs-logo_18-mm.png" width="" height="" alt=""></li>--></ul> <div class="clearfix"></div> </div> <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12" style="margin-top: 13px;"> <ul class="follow_us"> <li>Follow Us On</li> <li><a target="_blank" href="https://www.facebook.com/TataSteelLtd/" class="hvr-bob" title="Facebook" rel="noopener noreferrer"><img src="/media/22003/fb.png" width="33" height="33" alt="Follow us on Facebook" title="Facebook" /></a></li> <li><a target="_blank" href="https://twitter.com/Tatasteelltd" class="hvr-bob" title="Twitter" rel="noopener noreferrer"><img src="/media/22006/twitter.png" width="33" height="33" alt="Follow us on Twitter" title="Twitter" /></a></li> <li><a target="_blank" href="https://www.linkedin.com/company/tatasteelltd" class="hvr-bob" title="LinkedIn" rel="noopener noreferrer"><img src="/media/22005/linkedin.png" width="33" height="33" alt="Follow us on LinkedIn" title="LinkedIn" /></a></li> <li><a target="_blank" href="https://www.youtube.com/user/Thetatasteel/" class="hvr-bob" title="YouTube" rel="noopener noreferrer"><img src="/media/22042/youtube.png" width="33" height="33" alt="Follow us on YouTube" title="YouTube" /></a></li> <li><a target="_blank" href="https://www.instagram.com/tatasteelltd/" class="hvr-bob" title="Instagram" rel="noopener noreferrer"><img src="/media/22004/instagram.png" width="33" height="33" alt="Follow us on Instagram" title="Instagram" /></a></li> </ul> <div class="clearfix"></div> </div> <div class="clearfix"></div> </div> </div> </footer><!-- footer old--> <p></p> <!-- <footer class="footer-light" style="display: block !important; background: #F5F5F5; border-bottom: 4px #528AAB !important;"> <div class="container"> <div class="row"> <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12" style="margin-top: 13px;"> <ul class="download_app"> <li><img class="img-responsive" src="/media/21280/tslogo.png" width="" height="" alt="" /></li> <li> <p style="height: 20px;"> </p> </li> </ul> <ul class="follow_us" style="float: none; font-size: 1.2em; color: black;"> <li> <p style="color: black; text-transform: capitalize; margin: 0;">Follow Us</p> </li> <li><a target="_blank" href="https://www.facebook.com/TataSteelLtd/" class="hvr-bob" title="FAcebook" rel="noopener noreferrer"><img src="/media/21360/fb.jpg" width="20" height="20" alt="Follow us on FAcebook" title="FAcebook" /></a></li> <li><a target="_blank" href="https://twitter.com/Tatasteelltd" class="hvr-bob" title="Twitter" rel="noopener noreferrer"><img src="/media/21362/insta.jpg" width="20" height="20" alt="Follow us on Instgram" title="Instgram" /></a></li> <li><a target="_blank" href="https://www.linkedin.com/company/tatasteelltd" class="hvr-bob" title="LinkedIn" rel="noopener noreferrer"><img src="/media/21363/linkedin.jpg" width="20" height="20" alt="Follow us on LinkedIn" title="LinkedIn" /></a></li> <li><a target="_blank" href="https://twitter.com/Tatasteelltd" class="hvr-bob" title="Twitter" rel="noopener noreferrer"><img src="/media/21364/twitter.jpg" width="20" height="20" alt="Follow us on Twitter" title="Twitter" /></a></li> </ul> <div class="clearfix"></div> </div> <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3"></div> <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4"> <p> </p> <p></p> <p class="footer_text"><span class="float-right"> A <strong>Great Place to Work-Certifed</strong><sup>TM</sup></span><br /><span class="float-right">organisation we spread across the globe</span> <br /><span class="float-right">with an employee base <strong>77,000</strong></span></p> </div> <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1"> <p class="d-block-for-responsive"> </p> <img src="/media/21361/great_place.jpg" width="" height="" alt="" /> </div> </div> <div class="row"> <p style="height: 20px;"> </p> </div> <div class="row"> <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12"> <p class="center-in-responsive" style="font-size: 0.7em;"><strong>Privacy policy | Terms of use | Disclaimer | Cookie Policy</strong></p> <div class="clearfix"></div> </div> <div class="col-lg-5 col-md-5 col-sm-12 col-xs-12"></div> <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12"><span class="copyright">© Copyright Tata Steel 2024. All rights reserved.<br /> </span></div> </div> <div class="clearfix"></div> </div> </footer> --> <!-- CONTENT END --> <!-- Footer Section--> <footer> <div class="container"> <div class="row"> <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12"> <ul class="footer_link"> <li><a href="/disclaimer/" title="Disclaimer" target="_blank">Disclaimer</a>|</li> <li><a href="/privacy-policy/" title="Privacy Policy" target="_blank">Privacy Policy</a>|</li> <li><a href="/cookie-policy/" title="Cookie Policy" target="_blank">Cookie Policy</a>|</li> <li><a href="/sitemap/" title="Sitemap" target="_blank">Sitemap</a></li> </ul> <div class="clearfix"></div> <span class="copyright">© Copyright Tata Steel 2024. All rights reserved.<br> <!-- Crafted by --> <!-- <a href="http://www.hungamadigitalservices.com/" target="_blank">Hungama Digital Services</a> --> </span> </div> <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12"> <ul class="download_app"> <!-- <li><img src="/media/12691/rs-logo_18-mm.png" width="" height="" alt=""></li>--> </ul><div class="clearfix"></div> </div> <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12" style="margin-top: 13px;"> <ul class="follow_us"> <li>Follow Us On</li> <li><a target='_blank' href="https://www.facebook.com/TataSteelLtd/" class="hvr-bob" title="Facebook"><img src="/media/21237/facebook_logo.png" width="33" height="33" alt="Follow us on Facebook" title="Facebook"></a></li> <li><a target='_blank' href="https://twitter.com/Tatasteelltd" class="hvr-bob" title="Twitter"><img src="/media/21236/x-logo-white.png" width="33" height="33" alt="Follow us on Twitter" title="Twitter"></a></li> <li><a target='_blank' href="https://www.linkedin.com/company/tatasteelltd" class="hvr-bob" title="LinkedIn"><img src="/media/21235/linkedin-logo.png" width="33" height="33" alt="Follow us on LinkedIn" title="LinkedIn"></a></li> <li><a target='_blank' href="https://www.youtube.com/user/Thetatasteel/" class="hvr-bob" title="YouTube"><img src="/media/21234/youtube-logo.png" width="33" height="33" alt="Follow us on YouTube" title="YouTube"></a></li> <li><a target='_blank' href="https://www.instagram.com/tatasteelltd/" class="hvr-bob" title="Instagram"><img src="/media/21233/instagram-logo.png" width="33" height="33" alt="Follow us on Instagram" title="Instagram"></a></li> </ul> <div class="clearfix"></div> </div> <div class="clearfix"></div> </div></div></footer><!-- End Footer Section--> <script type="text/javascript"> $(document).ready(function () { // $('.over_level2 li:nth-child(7)').css('display', 'block'); $(".over_menu .over_level2 a").click(function (e) { var $nextUl = $(this).next("ul"); // Check if any li within the next ul has the text 'India' var hasIndia = $nextUl.find('li:contains("India")').length > 0; // Check if any li within the next ul has the text 'Our Organisation' var hasOur_Organisation = $nextUl.find('li:contains("Our Organisation")').length > 0; // Check if any li within the next ul has the text 'Integrated Report/Annual Report' var hasintegrated_report = $nextUl.find('li:contains("Integrated Report/Annual Report")').length > 0; // var hasAmalgamation = $nextUl.find('li:contains("Amalgamation")').length > 0; // if (!hasIndia && !hasOur_Organisation && !hasintegrated_report && !hasAmalgamation) { if (!hasIndia && !hasOur_Organisation) { $nextUl.addClass("scroll_class_one"); console.log("Class added!"); } }); // Handle click event on third-level menu items $(".over_menu .over_level3 a:contains('Bonds Information')").click(function (e) { console.log("click on bonds info menu!"); var $nextUl = $(this).next("ul"); // Remove scroll_class_one from the third-level menu if 'Bonds Information' is clicked $(this).closest('.over_level3').removeClass("scroll_class_one"); console.log("Removed scroll_class_one from third level!"); }); $(".over_menu .over_level3 a").filter(function () { return $(this).text().trim() === 'Integrated Report & Annual Accounts 2023-24 (117th Year) and related documents'; }).click(function (e) { var $nextUl = $(this).next("ul"); // Remove scroll_class_one from the third-level menu if the exact text is matched $(this).closest('.over_level3').removeClass("scroll_class_one"); console.log("Removed scroll_class_one from third level!"); }); $(".over_menu .over_level3 a").filter(function () { return $(this).text().trim() === 'Integrated Report & Annual Accounts 2022-23 (116th year) and related documents'; }).click(function (e) { var $nextUl = $(this).next("ul"); // Remove scroll_class_one from the third-level menu if the exact text is matched $(this).closest('.over_level3').removeClass("scroll_class_one"); console.log("Removed scroll_class_one from third level!"); }); $(".over_menu .over_level3 a").filter(function () { return $(this).text().trim() === 'Integrated Report & Annual Accounts 2021-22 (115th year) and related documents'; }).click(function (e) { var $nextUl = $(this).next("ul"); // Remove scroll_class_one from the third-level menu if the exact text is matched $(this).closest('.over_level3').removeClass("scroll_class_one"); console.log("Removed scroll_class_one from third level!"); }); }); </script> </div> </div> <div class="privacy-cookie-alert"> <div class="col-md-10 col-sm-10 col-xs-10" style="font-size: 14px;"> This website uses cookies. By continuing to browse this website you are agreeing to our use of cookies. Find out more by reading our <a href="/privacy-policy/" style="font-size: 14px;" target="_blank">Privacy Policy</a> & <a href="/cookies-policy/" style="font-size: 14px;" target="_blank">Cookie Policy.</a></div> <div class="col-md-2 col-sm-2 col-xs-2"> <div class="cookies-closeBtn right" style="display: block;"><span>×</span></div> </div> </div> <!-- Cancel Audio Global --> <div class="cancel-btn-right-global" onclick="cancelSpeech()"> <div role="img" aria-label="Cancel Audio"> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="#f60" class="bi bi-x-circle" viewBox="0 0 16 16"> <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"></path> <path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z"></path> </svg> <span>Cancel<br>Audio</span> </div> </div> <script src="/scripts/tatasteel-latest23.js?id=2"></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.js"></script> <script> function debounce(func, wait, immediate) { var timeout; return function () { var context = this, args = arguments; var later = function () { timeout = null; if (!immediate) func.apply(context, args); }; var callNow = immediate && !timeout; clearTimeout(timeout); timeout = setTimeout(later, wait); if (callNow) func.apply(context, args); }; } if($(".append-career-floating").length > 0){ $("body").append('<div class="careersFloating"><p class="close-btn">×</p>Current openings:<br><a onclick="ga(\'send\',\'event\',\'Tata Steel India Careers\',\'click\',\'naukri\');" rel="noopener noreferrer" href="http://jobsearch.naukri.com/search?xz=7_0_5&qp=TATASTEELNAUK&tem=tatasteel" target="_blank" class="btn btn-blue-outline anchor_button hvr-sweep-to-right">Hosted on Naukri</a> <a onclick="ga(\'send\',\'event\',\'Tata Steel India Careers\',\'click\',\'others_openings\');" rel="noopener noreferrer" href="http://203.197.123.30/recruit/AppList.aspx" target="_blank" class="btn btn-blue-outline anchor_button hvr-sweep-to-right">Apply for jobs/internship</a></div>') $(".careersFloating p.close-btn").click(function(){$(".careersFloating").fadeOut(300)}); } $("#btn_search").click(function(e){ //console.log("enter"); var currentUrl = window.location.hostname; //returns the entire url window.open('https://'+currentUrl + '/search?Search=' + $("#SearchTerm").val(),'_blank'); }); $(document).on("change paste keyup", "#SearchTerm", debounce(function (e) { e.preventDefault(); var form = $(e.target).closest('form'); $(form).submit(); }, 300)); var timelines = $('.cd-horizontal-timeline'), eventsMinDistance = 150; (timelines.length > 0) && initTimeline(timelines); function initTimeline(timelines) { timelines.each(function(){ var timeline = $(this), timelineComponents = {}; //cache timeline components timelineComponents['timelineWrapper'] = timeline.find('.events-wrapper'); timelineComponents['eventsWrapper'] = timelineComponents['timelineWrapper'].children('.events'); timelineComponents['fillingLine'] = timelineComponents['eventsWrapper'].children('.filling-line'); timelineComponents['timelineEvents'] = timelineComponents['eventsWrapper'].find('a'); timelineComponents['timelineDates'] = parseDate(timelineComponents['timelineEvents']); timelineComponents['eventsMinLapse'] = minLapse(timelineComponents['timelineDates']); timelineComponents['timelineNavigation'] = timeline.find('.cd-timeline-navigation'); timelineComponents['eventsContent'] = timeline.children('.events-content'); //assign a left postion to the single events along the timeline setDatePosition(timelineComponents, eventsMinDistance); //assign a width to the timeline var timelineTotWidth = setTimelineWidth(timelineComponents, eventsMinDistance); //the timeline has been initialize - show it timeline.addClass('loaded'); //detect click on the next arrow timelineComponents['timelineNavigation'].on('click', '.next', function(event){ event.preventDefault(); updateSlide(timelineComponents, timelineTotWidth, 'next'); }); //detect click on the prev arrow timelineComponents['timelineNavigation'].on('click', '.prev', function(event){ event.preventDefault(); updateSlide(timelineComponents, timelineTotWidth, 'prev'); }); //detect click on the a single event - show new event content timelineComponents['eventsWrapper'].on('click', 'a', function(event){ event.preventDefault(); timelineComponents['timelineEvents'].removeClass('selected'); $(this).addClass('selected'); updateOlderEvents($(this)); updateFilling($(this), timelineComponents['fillingLine'], timelineTotWidth); updateVisibleContent($(this), timelineComponents['eventsContent']); }); //on swipe, show next/prev event content timelineComponents['eventsContent'].on('swipeleft', function(){ var mq = checkMQ(); ( mq == 'mobile' ) && showNewContent(timelineComponents, timelineTotWidth, 'next'); }); timelineComponents['eventsContent'].on('swiperight', function(){ var mq = checkMQ(); ( mq == 'mobile' ) && showNewContent(timelineComponents, timelineTotWidth, 'prev'); }); //keyboard navigation $(document).keyup(function(event){ if(event.which=='37' && elementInViewport(timeline.get(0)) ) { showNewContent(timelineComponents, timelineTotWidth, 'prev'); } else if( event.which=='39' && elementInViewport(timeline.get(0))) { showNewContent(timelineComponents, timelineTotWidth, 'next'); } }); }); } function updateSlide(timelineComponents, timelineTotWidth, string) { //retrieve translateX value of timelineComponents['eventsWrapper'] var translateValue = getTranslateValue(timelineComponents['eventsWrapper']), wrapperWidth = Number(timelineComponents['timelineWrapper'].css('width').replace('px', '')); //translate the timeline to the left('next')/right('prev') (string == 'next') ? translateTimeline(timelineComponents, translateValue - wrapperWidth + eventsMinDistance, wrapperWidth - timelineTotWidth) : translateTimeline(timelineComponents, translateValue + wrapperWidth - eventsMinDistance); } function showNewContent(timelineComponents, timelineTotWidth, string) { //go from one event to the next/previous one var visibleContent = timelineComponents['eventsContent'].find('.selected'), newContent = ( string == 'next' ) ? visibleContent.next() : visibleContent.prev(); if ( newContent.length > 0 ) { //if there's a next/prev event - show it var selectedDate = timelineComponents['eventsWrapper'].find('.selected'), newEvent = ( string == 'next' ) ? selectedDate.parent('li').next('li').children('a') : selectedDate.parent('li').prev('li').children('a'); updateFilling(newEvent, timelineComponents['fillingLine'], timelineTotWidth); updateVisibleContent(newEvent, timelineComponents['eventsContent']); newEvent.addClass('selected'); selectedDate.removeClass('selected'); updateOlderEvents(newEvent); updateTimelinePosition(string, newEvent, timelineComponents, timelineTotWidth); } } function updateTimelinePosition(string, event, timelineComponents, timelineTotWidth) { //translate timeline to the left/right according to the position of the selected event var eventStyle = window.getComputedStyle(event.get(0), null), eventLeft = Number(eventStyle.getPropertyValue("left").replace('px', '')), timelineWidth = Number(timelineComponents['timelineWrapper'].css('width').replace('px', '')), timelineTotWidth = Number(timelineComponents['eventsWrapper'].css('width').replace('px', '')); var timelineTranslate = getTranslateValue(timelineComponents['eventsWrapper']); if( (string == 'next' && eventLeft > timelineWidth - timelineTranslate) || (string == 'prev' && eventLeft < - timelineTranslate) ) { translateTimeline(timelineComponents, - eventLeft + timelineWidth/2, timelineWidth - timelineTotWidth); } } function translateTimeline(timelineComponents, value, totWidth) { var eventsWrapper = timelineComponents['eventsWrapper'].get(0); value = (value > 0) ? 0 : value; //only negative translate value value = ( !(typeof totWidth === 'undefined') && value < totWidth ) ? totWidth : value; //do not translate more than timeline width setTransformValue(eventsWrapper, 'translateX', value+'px'); //update navigation arrows visibility (value == 0 ) ? timelineComponents['timelineNavigation'].find('.prev').addClass('inactive') : timelineComponents['timelineNavigation'].find('.prev').removeClass('inactive'); (value == totWidth ) ? timelineComponents['timelineNavigation'].find('.next').addClass('inactive') : timelineComponents['timelineNavigation'].find('.next').removeClass('inactive'); } function updateFilling(selectedEvent, filling, totWidth) { //change .filling-line length according to the selected event var eventStyle = window.getComputedStyle(selectedEvent.get(0), null), eventLeft = eventStyle.getPropertyValue("left"), eventWidth = eventStyle.getPropertyValue("width"); eventLeft = Number(eventLeft.replace('px', '')) + Number(eventWidth.replace('px', ''))/2; var scaleValue = eventLeft/totWidth; setTransformValue(filling.get(0), 'scaleX', scaleValue); } function setDatePosition(timelineComponents, min) { for (i = 0; i < timelineComponents['timelineDates'].length; i++) { var distance = daydiff(timelineComponents['timelineDates'][0], timelineComponents['timelineDates'][i]), distanceNorm = Math.round(distance/timelineComponents['eventsMinLapse']) + 2; timelineComponents['timelineEvents'].eq(i).css('left', distanceNorm*min+'px'); } } function setTimelineWidth(timelineComponents, width) { var timeSpan = daydiff(timelineComponents['timelineDates'][0], timelineComponents['timelineDates'][timelineComponents['timelineDates'].length-1]), timeSpanNorm = timeSpan/timelineComponents['eventsMinLapse'], timeSpanNorm = Math.round(timeSpanNorm) + 4, totalWidth = timeSpanNorm*width; timelineComponents['eventsWrapper'].css('width', totalWidth+'px'); updateFilling(timelineComponents['timelineEvents'].eq(0), timelineComponents['fillingLine'], totalWidth); return totalWidth; } function updateVisibleContent(event, eventsContent) { var eventDate = event.data('date'), visibleContent = eventsContent.find('.selected'), selectedContent = eventsContent.find('[data-date="'+ eventDate +'"]'), selectedContentHeight = selectedContent.height(); if (selectedContent.index() > visibleContent.index()) { var classEnetering = 'selected enter-right', classLeaving = 'leave-left'; } else { var classEnetering = 'selected enter-left', classLeaving = 'leave-right'; } selectedContent.attr('class', classEnetering); visibleContent.attr('class', classLeaving).one('webkitAnimationEnd oanimationend msAnimationEnd animationend', function(){ visibleContent.removeClass('leave-right leave-left'); selectedContent.removeClass('enter-left enter-right'); }); eventsContent.css('height', selectedContentHeight+'px'); } function updateOlderEvents(event) { event.parent('li').prevAll('li').children('a').addClass('older-event').end().end().nextAll('li').children('a').removeClass('older-event'); } function getTranslateValue(timeline) { var timelineStyle = window.getComputedStyle(timeline.get(0), null), timelineTranslate = timelineStyle.getPropertyValue("-webkit-transform") || timelineStyle.getPropertyValue("-moz-transform") || timelineStyle.getPropertyValue("-ms-transform") || timelineStyle.getPropertyValue("-o-transform") || timelineStyle.getPropertyValue("transform"); if( timelineTranslate.indexOf('(') >=0 ) { var timelineTranslate = timelineTranslate.split('(')[1]; timelineTranslate = timelineTranslate.split(')')[0]; timelineTranslate = timelineTranslate.split(','); var translateValue = timelineTranslate[4]; } else { var translateValue = 0; } return Number(translateValue); } function setTransformValue(element, property, value) { element.style["-webkit-transform"] = property+"("+value+")"; element.style["-moz-transform"] = property+"("+value+")"; element.style["-ms-transform"] = property+"("+value+")"; element.style["-o-transform"] = property+"("+value+")"; element.style["transform"] = property+"("+value+")"; } //based on http://stackoverflow.com/questions/542938/how-do-i-get-the-number-of-days-between-two-dates-in-javascript function parseDate(events) { var dateArrays = []; events.each(function(){ var dateComp = $(this).data('date').split('/'), newDate = new Date(dateComp[2], dateComp[1]-1, dateComp[0]); dateArrays.push(newDate); }); return dateArrays; } function parseDate2(events) { var dateArrays = []; events.each(function(){ var singleDate = $(this), dateComp = singleDate.data('date').split('T'); if( dateComp.length > 1 ) { //both DD/MM/YEAR and time are provided var dayComp = dateComp[0].split('/'), timeComp = dateComp[1].split(':'); } else if( dateComp[0].indexOf(':') >=0 ) { //only time is provide var dayComp = ["2000", "0", "0"], timeComp = dateComp[0].split(':'); } else { //only DD/MM/YEAR var dayComp = dateComp[0].split('/'), timeComp = ["0", "0"]; } var newDate = new Date(dayComp[2], dayComp[1]-1, dayComp[0], timeComp[0], timeComp[1]); dateArrays.push(newDate); }); return dateArrays; } function daydiff(first, second) { return Math.round((second-first)); } function minLapse(dates) { //determine the minimum distance among events var dateDistances = []; for (i = 1; i < dates.length; i++) { var distance = daydiff(dates[i-1], dates[i]); dateDistances.push(distance); } return Math.min.apply(null, dateDistances); } /* How to tell if a DOM element is visible in the current viewport? http://stackoverflow.com/questions/123999/how-to-tell-if-a-dom-element-is-visible-in-the-current-viewport */ function elementInViewport(el) { var top = el.offsetTop; var left = el.offsetLeft; var width = el.offsetWidth; var height = el.offsetHeight; while(el.offsetParent) { el = el.offsetParent; top += el.offsetTop; left += el.offsetLeft; } return ( top < (window.pageYOffset + window.innerHeight) && left < (window.pageXOffset + window.innerWidth) && (top + height) > window.pageYOffset && (left + width) > window.pageXOffset ); } function checkMQ() { //check if mobile or desktop device return window.getComputedStyle(document.querySelector('.cd-horizontal-timeline'), '::before').getPropertyValue('content').replace(/'/g, "").replace(/"/g, ""); } </script> <script> var http = false; if (navigator.appName == "Microsoft Internet Explorer") { http = new ActiveXObject("Microsoft.XMLHTTP"); } else { http = new XMLHttpRequest(); } function hdsSearch() { var searchText1=document.getElementById("txt_search").value; //lets check for harmfull characters var res = searchText1.substring(0, 1); if(res == ">" || res == "<") { searchText1 = searchText1.replace(">","").replace("<",""); } //end of handling harmfull characters url="https://www.tatasteel.com/getsearchresult?SearchText="+ searchText1; //url="city.aspx"; http.open("GET", url); http.onreadystatechange = function() { if (http.readyState == 4) { // alert(http.responseText); document.getElementById("search_res").innerHTML = http.responseText; } } http.send(null); if(!searchText1){ $("#search_res").hide(); } else{ $("#search_res").show(); } } function goAllResult() { //console.log("enter"); var currentUrl = window.location.hostname; //returns the entire url window.open('https://'+currentUrl + '/search?Search=' + document.getElementById("txt_search").value,'_blank'); } </script> <script type="text/javascript"> $(document).ready(function () { var img = $('<img>', { src: '/images/over-menu/media.png', // Replace with your image URL alt: 'Newsroom' // Optional alt text }); $('.over_level1 span.text').filter(function() { return $(this).text() === 'Newsroom'; }).before(img); // $('<li class="tsBlog"><a href="https://blog.tatasteel.com/" target="_blank"><img src="/media/14143/blog-png.png" alt=""><span class="text">Blog</span></a></li>').insertAfter($('.over_level1 li:nth-child(6)')); // $( ".phone_link" ).append( "<li><a class='decrease' id='down'>A-</a></li>" ); // $( ".phone_link" ).append( "<li><a class='increase' id='up'>A+</a></li>" ); //alert('hi'); $("#down").on( "click", function() { //alert('hi'); $(".pdf_link").css("font-size", "-=2"); $(".btn.btn-blue-outline").css("font-size", "-=2"); }); $(".increase").on( "click", function() { $(".pdf_link").css("font-size", "+=2"); $(".btn.btn-blue-outline").css("font-size", "+=2"); }); $('.menu_head a[href="/sustainability/"]').removeAttr("href"); $('.menu_head a[href="/sustainability/environment/"]').removeAttr("href"); $('.menu_head a[href="/sustainability/social/"]').removeAttr("href"); $('.menu_head a[href="/sustainability/governance/"]').removeAttr("href"); }); </script> <!-- ================== GA =================== --> <script> // $(".location_link a").on("click", function() { // window.dataLayer = window.dataLayer || []; // dataLayer.push({ // 'event': "navigation_bar", // add:{ // 'destination_page_url': $(this).attr('href'), // 'page_url': window.location.hostname, // 'previous_page_url': window.location.hostname, // 'pageTitle' : document.title, // 'user_id' : ga.getAll()[0].get('clientId') // } // }); // console.log(window.location.hostname); // console.log(document.title); // console.log(window.location.href); // console.log('User id ', ga.getAll()[0].get('clientId')); // //console.log('Previous Url : ',window.history); // }); $('.sublevel li a').on('click',function(){ window.dataLayer = window.dataLayer || []; dataLayer.push({ 'event': "navigation_bar", add:{ 'destination_page_url': $(this).attr('href'), 'page_url': window.location.hostname, 'previous_page_url': window.location.hostname, 'pageTitle' : document.title, } }); console.log($(this).attr('href')); console.log('User Id ',ga.getAll()[0].get('clientId')); // alert($(this).attr('href')); }); </script> <!-- contact Us --> <script> // for home menu $(".home_link").on("click", function () { dataLayer.push({ event: "navigation_bar", add: { destination_page_url: $('.home_link').find('a').attr('href'), page_url: window.location.href, menu_category: $('.home_link').find('a').attr('title'), user_id: ga.getAll()[0].get('clientId') }, }); // console.log('designation', $('.home_link').find('a').attr('href')); // console.log('Page Url', window.location.href); // console.log('Category', $('.home_link').find('a').attr('title')); // console.log(ga.getAll()[0].get('clientId')); }); // contact Us $(".phone_link").on("click", function () { dataLayer.push({ event: "navigation_bar", add: { destination_page_url: $('.phone_link').find('a').attr('href'), page_url: window.location.href, menu_category: $('.phone_link').find('a').attr('title'), user_id: ga.getAll()[0].get('clientId') }, }); // console.log('designation', $('.phone_link').find('a').attr('href')); // console.log('Page Url', window.location.href); // console.log('Category', $('.phone_link').find('a').attr('title')); // console.log(ga.getAll()[0].get('clientId')); }); // Search $(".search_link a").on("click", function () { dataLayer.push({ event: "navigation_bar", add: { destination_page_url: $('.search_link').find('a').attr('href'), page_url: window.location.href, menu_category: $('.search_link').find('a').attr('title'), user_id: ga.getAll()[0].get('clientId') }, }); // console.log('designation', $('.search_link').find('a').attr('href')); // console.log('Page Url', window.location.href); // console.log('Category', $('.search_link').find('a').attr('title')); // console.log(ga.getAll()[0].get('clientId')); }); // User Guide $(".guide_link").on("click", function () { dataLayer.push({ event: "navigation_bar", add: { destination_page_url: $('.guide_link').find('a').attr('href'), page_url: window.location.href, menu_category: $('.guide_link').find('a').attr('title'), user_id: ga.getAll()[0].get('clientId') }, }); // console.log('designation', $('.guide_link').find('a').attr('href')); // console.log('Page Url', window.location.href); // console.log('Category', $('.guide_link').find('a').attr('title')); // console.log(ga.getAll()[0].get('clientId')); }); //accessibility-link $(".accessibility-link a").on("click", function () { dataLayer.push({ event: "navigation_bar", add: { destination_page_url: $('.accessibility-link').find('a').attr('href'), page_url: window.location.href, menu_category: $('.accessibility-link').find('a').attr('title'), user_id: ga.getAll()[0].get('clientId') }, }); // console.log('designation', $('.accessibility-link').find('a').attr('href')); // console.log('Page Url', window.location.href); // console.log('Category', $('.accessibility-link').find('a').attr('title')); // console.log(ga.getAll()[0].get('clientId')); }); $('#LocateMap').on("click", function() { dataLayer.push({ 'event': "locate_on_map_cta", add:{ //'destination_page_url': $(this).attr('href'), 'page_url': window.location.href, 'previous_page_url': window.location.hostname, //'pageTitle' : document.title, 'user_id' : ga.getAll()[0].get('clientId') } }); // console.log(window.location.hostname); // console.log(document.title); // console.log('worklgin Locate Map'); // console.log(window.location.href); // console.log('User id ', ga.getAll()[0].get('clientId')); }); // Customer feedback event $('#customer_feedback').on("click", function() { dataLayer.push({ 'event': "customer_feedback", add:{ 'destination_page_url': $(this).attr('href'), 'page_url': window.location.href, //'previous_page_url': window.location.hostname, //'pageTitle' : document.title, 'user_id' : ga.getAll()[0].get('clientId') } }); // console.log(window.location.hostname); // console.log(document.title); // console.log('worklgin contact'); // console.log(window.location.href); // console.log('User id ', ga.getAll()[0].get('clientId')); }); // Contact icon locate_us $('#ContactBtn').on("click", function() { dataLayer.push({ 'event': "contact_cta", add:{ 'destination_page_url': $(this).attr('href'), 'page_url': window.location.href, 'previous_page_url': window.location.hostname, //'pageTitle' : document.title, 'user_id' : ga.getAll()[0].get('clientId') } }); // console.log(window.location.hostname); // console.log(document.title); // console.log('working contact icon'); // console.log(window.location.href); // console.log('User id ', ga.getAll()[0].get('clientId')); }); // Explore more $('.explore_more .anchor_button').on("click", function() { dataLayer.push({ 'event': "global_footprint", add:{ 'destination_page_url': $(this).attr('href'), 'page_url': window.location.href, // 'previous_page_url': window.location.hostname, // 'pageTitle' : document.title, // 'user_id' : ga.getAll()[0].get('clientId') 'click_button' : true } }); // console.log($(this).attr('href')); // console.log(window.location.hostname); // console.log(window.location.href); // console.log(window.location.href); // console.log('User id ', ga.getAll()[0].get('clientId')); }); // Social Media $(".hvr-bob").on("click", function () { dataLayer.push({ event: "social_click", add: { channel_name: $(this).attr("title"), user_id: ga.getAll()[0].get("clientId"), }, }); //console.log($(this).attr("title")); //console.log("User id ", ga.getAll()[0].get("clientId")); }); $(".prod_box a").on("click", function () { dataLayer.push({ event: "country_cta", add: { destination_page_url: $(this).attr('href'), page_url: window.location.href, previous_page_url: window.location.href, }, }); // console.log(window.location.href); // console.log($(this).attr('href')); }); $('.pdflist li').on("click", function () { dataLayer.push({ event: "pdf_downloads", add: { destination_page_url: $(this).find('a').attr('href'), pdf_name: $(this).text(), user_id : ga.getAll()[0].get('clientId') }, }); // console.log('Previous url', $(this).find('a').attr('href')); // console.log('Pdf Name', $(this).text()); // console.log(ga.getAll()[0].get('clientId')); }); // social icon // $(".hvr-bob").on("click", function () { // dataLayer.push({ // event: "social_click", // add: { // channel_name: $(this).attr('title'), // user_id : ga.getAll()[0].get('clientId') // }, // }); // console.log('name', $(this).attr('title')); // console.log(ga.getAll()[0].get('clientId')); // }); // Top Home Menu // $(".head_toplink ul li a").on("click", function () { // dataLayer.push({ // event: "navigation_bar", // add: { // destination_page_url: $(this).attr('href'), // page_url: window.location.href, // menu_category: $(this).attr('title'), // user_id : ga.getAll()[0].get('clientId') // }, // }); // }); // accessibility_settings_menu //switch-checkbox-text $(".audioGz span").on("click", function () { //console.log($(this).text()); //console.log($(this).find('.switch-checkbox-text').html()); dataLayer.push({ event: "accessibility_settings_menu", add: { destination_page_url: '', page_url: window.location.href, menu_click: $(this).text(), user_id : ga.getAll()[0].get('clientId') }, }); }); $(".mousetrailGz span").on("click", function () { //console.log($(this).text()); //console.log($(this).find('.switch-checkbox-text').html()); dataLayer.push({ event: "accessibility_settings_menu", add: { destination_page_url: '', page_url: window.location.href, menu_click: $(this).text(), user_id : ga.getAll()[0].get('clientId') }, }); }); //disability VisuallyImpaired $(".VisuallyImpaired").on("click", function () { dataLayer.push({ event: "accessibility_settings_menu", add: { destination_page_url: '', page_url: window.location.href, menu_click: $(this).text(), user_id : ga.getAll()[0].get('clientId') }, }); }); //HearingImpaired $(".HearingImpaired").on("click", function () { dataLayer.push({ event: "accessibility_settings_menu", add: { destination_page_url: '', page_url: window.location.href, menu_click: $(this).text(), user_id : ga.getAll()[0].get('clientId') }, }); }); //accessibility_tools # // for font size $("#font_selection_box").on("click", function () { dataLayer.push({ event: "accessibility_tools", add: { previous_page_url: document.referrer, destination_page_url: '', menu_click: $(this).text(), user_id : ga.getAll()[0].get('clientId') }, }); // console.log('Back url', document.referrer); // console.log('Page Url', window.location.href); // console.log('Menu Click', $(this).attr('id')); // //console.log('Html Code', $(this).html()); // console.log(ga.getAll()[0].get('clientId')); }); //contrast $(".contrast").on("click", function () { dataLayer.push({ event: "accessibility_tools", add: { previous_page_url: document.referrer, destination_page_url: '', menu_click: $(this).attr('class'), user_id : ga.getAll()[0].get('clientId') }, }); // console.log('Back url', document.referrer); // console.log('Page Url', window.location.href); // console.log('Menu Click', $(this).attr('class')); // //console.log('Html Code', $(this).html()); // console.log(ga.getAll()[0].get('clientId')); }); // mouse and text audio $(".switch2").on("click", function () { dataLayer.push({ event: "accessibility_tools", add: { previous_page_url: document.referrer, destination_page_url: '', menu_click: $(this).find('input').attr('id'), user_id : ga.getAll()[0].get('clientId') }, }); }); // Reset button $(".reset-accessibility").on("click", function () { dataLayer.push({ event: "accessibility_tools", add: { previous_page_url: document.referrer, destination_page_url: '', menu_click: $('.reset-accessibility').text(), user_id : ga.getAll()[0].get('clientId') }, }); // console.log('Back url', document.referrer); // console.log('Page Url', window.location.href); // console.log('Menu Click', $('.reset-accessibility').text()); // console.log(ga.getAll()[0].get('clientId')); }); // spotlight banner $(".banner_slideshow a.thumblink").on("click", function () { dataLayer.push({ event: "scrolling_banner_cta", add: { destination_page_url: $(this).attr('href'), banner_name: $(this).text(), previous_page_url: document.referrer, banner_id : $(this).data('slide-index'), user_id : ga.getAll()[0].get('clientId') }, }); // console.log('Prious url', document.referrer); // console.log('Banner Name', $(this).text()); // console.log('Banner Id', $(this).data('slide-index')); // console.log(window.location.href); // console.log($(this).attr('href')); // console.log(ga.getAll()[0].get('clientId')); }); $(".ts_home_banner").on("click", function () { dataLayer.push({ event: "banner", add: { destination_page_url: $(this).attr('href'), previous_page_url: document.referrer, user_id : ga.getAll()[0].get('clientId') }, }); // console.log('Back url', document.referrer); // console.log(window.location.href); // console.log($(this).attr('href')); // console.log(ga.getAll()[0].get('clientId')); }); $(".cancel-btn-right-global").on("click", function () { dataLayer.push({ event: "cancel_audio", add: { destination_page_url: $('.cancel-btn-right-global').attr('href'), previous_page_url: document.referrer, user_id : ga.getAll()[0].get('clientId') }, }); // console.log('Cancel button working'); // console.log('Previous url', document.referrer); // console.log($('.cancel-btn-right-global').attr('href')); // console.log(ga.getAll()[0].get('clientId')); }); $(".quick_menu_btn").on("click", function () { dataLayer.push({ event: "explore_more", add: { destination_page_url: '', previous_page_url: document.referrer, user_id : ga.getAll()[0].get('clientId') }, }); // console.log('Previous url', document.referrer); //console.log('Destination url', $('.page-control a').attr('href')); //console.log(ga.getAll()[0].get('clientId')); }); // tata steel Pravesh $(".knw-more").on("click", function () { dataLayer.push({ event: "product_know_more", add: { destination_page_url: $(this).attr('href'), previous_page_url: document.referrer, user_id : ga.getAll()[0].get('clientId') }, }); // console.log('Previous url', document.referrer); // console.log('Destination url', $('.knw-more').attr('href')); // console.log(ga.getAll()[0].get('clientId')); }); $(".buynowAshiyan").on("click", function () { dataLayer.push({ event: "buy_now_click", add: { destination_page_url: $(this).attr('href'), previous_page_url: document.referrer, user_id : ga.getAll()[0].get('clientId') }, }); // console.log('Previous url', document.referrer); // console.log('Destination url', $('.buynowAshiyan').attr('href')); // console.log(ga.getAll()[0].get('clientId')); }); // blog show all $(".page-control a").on("click", function () { dataLayer.push({ event: "show_all", add: { destination_page_url: $(this).attr('href'), previous_page_url: document.referrer, user_id : ga.getAll()[0].get('clientId') }, }); console.log('Previous url', document.referrer); console.log('Destination url', $('.page-control a').attr('href')); console.log(ga.getAll()[0].get('clientId')); }); // Product Page $(".thumbnail_text a").on("click", function () { dataLayer.push({ event: "product_click", add: { destination_page_url: $(this).attr('href'), page_url: window.location.href, user_id : ga.getAll()[0].get('clientId') }, }); /* console.log('Previous url', document.referrer); console.log('Current url', window.location.href); console.log($(this).attr('href')); console.log('Thumb Desination url', $(this).attr('href')); console.log(ga.getAll()[0].get('clientId')); */ }); // product page Brand Click $('.ps-brands li a').on("click", function () { dataLayer.push({ event: "brand_click", add: { destination_page_url: $(this).attr('href'), page_url: window.location.href, user_id : ga.getAll()[0].get('clientId') }, }); }); // Fraud Msg // $("#mpopupBox").on("click", function () { // console.log('fraud aowkring'); // }); // ================= Podcast Play ================ $('.podcastTS .pcast-play').on("click", function () { dataLayer.push({ event: "podcast", add: { previous_page_url: document.referrer, podcast_name: $(this).parents('.podcastTS').find('.blgTitle').html(), podcast_play: true, podcast_stop: false, podcast_download: false, destination_page_url: '', user_id : ga.getAll()[0].get('clientId') }, }); // console.log('Previous url', document.referrer); // console.log('Current url', window.location.href); // console.log('Podcast Name: ', $(this).find('.blgTitle').text()); // console.log(ga.getAll()[0].get('clientId')); }); // Podcast podcast_stop $('.podcastTS .pcast-pause').on("click", function () { dataLayer.push({ event: "podcast", add: { previous_page_url: document.referrer, podcast_name: $(this).parents('.podcastTS').find('.blgTitle').html(), podcast_play: false, podcast_stop: true, podcast_download: false, destination_page_url: '', user_id : ga.getAll()[0].get('clientId') }, }); // console.log('Previous url', document.referrer); // console.log('Current url', window.location.href); // console.log('Podcast Name: ', $(this).find('.blgTitle').text()); // console.log(ga.getAll()[0].get('clientId')); }); // Podcast podcast_stop $('.podcastTS .pcast-download').on("click", function () { dataLayer.push({ event: "podcast", add: { previous_page_url: document.referrer, podcast_name: $(this).parents('.podcastTS').find('.blgTitle').html(), podcast_play: false, podcast_stop: false, podcast_download: true, destination_page_url: '', user_id : ga.getAll()[0].get('clientId') }, }); // console.log('Previous url', document.referrer); // console.log('Current url', window.location.href); // console.log('Podcast Name: ', $(this).find('.blgTitle').text()); // console.log(ga.getAll()[0].get('clientId')); }); // Contact Us Drop down country $("#ddlSelectCountry").on("change", function () { dataLayer.push({ event: "select_location", add: { destination_page_url: '', page_url: window.location.href, user_id : ga.getAll()[0].get('clientId'), }, }); // console.log('Current url', window.location.href); //console.log(ga.getAll()[0].get('clientId')); }); //hamburger_menu for Blog menu // $('.over_level1 li a').on("click", function () { // var blog = $(this).find('span.text').text(); // if(blog == 'Blog') // { // dataLayer.push({ // event: "hamburger_menu", // add: { // page_url: window.location.href, // menu_category: 'Blog', // user_id : ga.getAll()[0].get('clientId') // }, // }); // } // }); //for contact us menu $('.over_level1 li a span.text').on("click", function () { var data = $(this).text(); // console.log(data); if(data == 'Contact Us') { dataLayer.push({ event: "hamburger_menu", add: { page_url: window.location.href, menu_category: 'Contact Us', user_id : ga.getAll()[0].get('clientId') }, }); } }); // for blog $('.over_level1').on("click", '.tsBlog', function () { //console.log('working'); var dataBlog = $(this).find('a span').text(); if(dataBlog == 'Blog') { dataLayer.push({ event: "hamburger_menu", add: { page_url: window.location.href, menu_category: 'Blog', user_id : ga.getAll()[0].get('clientId') }, }); } }); // for second menu $('.over_level2 li a').on("click", function () { var podcast = $(this).find('span').text(); if(podcast == 'Podcasts') { dataLayer.push({ event: "hamburger_menu", add: { page_url: window.location.href, menu_category: $(this).parents('.over_level2').find('.menu_head a span').html(), sub_menu_category: 'Podcasts', user_id : ga.getAll()[0].get('clientId') }, }); } }); // europe $('.over_level2 li a').on("click", function () { var data1 = $(this).find('span').text(); console.log(data1); if(data1 == 'Europe') { dataLayer.push({ event: "hamburger_menu", add: { page_url: window.location.href, menu_category: $(this).parents('.over_level2').find('.menu_head a span').html(), sub_menu_category: 'Europe', user_id : ga.getAll()[0].get('clientId') }, }); }else if(data1 == 'South East Asia') { dataLayer.push({ event: "hamburger_menu", add: { page_url: window.location.href, menu_category: $(this).parents('.over_level2').find('.menu_head a span').html(), sub_menu_category: 'South East Asia', user_id : ga.getAll()[0].get('clientId') }, }); } else if(data1 == 'Fraud Alert Message') { dataLayer.push({ event: "hamburger_menu", add: { page_url: window.location.href, menu_category: $(this).parents('.over_level2').find('.menu_head a span').html(), sub_menu_category: 'Fraud Alert Message', user_id : ga.getAll()[0].get('clientId') }, }); } else if(data1 == 'UN Sustainability Development Goals') { dataLayer.push({ event: "hamburger_menu", add: { page_url: window.location.href, menu_category: $(this).parents('.over_level2').find('.menu_head a span').html(), sub_menu_category: 'UN Sustainability Development Goals', user_id : ga.getAll()[0].get('clientId') }, }); } else if(data1 == 'Integrated Report/Annual Report') { dataLayer.push({ event: "hamburger_menu", add: { page_url: window.location.href, menu_category: $(this).parents('.over_level2').find('.menu_head a span').html(), sub_menu_category: 'Integrated Report/Annual Report', user_id : ga.getAll()[0].get('clientId') }, }); } else if(data1 == 'Awards and Recognitions') { dataLayer.push({ event: "hamburger_menu", add: { page_url: window.location.href, menu_category: $(this).parents('.over_level2').find('.menu_head a span').html(), sub_menu_category: 'Awards and Recognitions', user_id : ga.getAll()[0].get('clientId') }, }); } else if(data1 == 'Media') { dataLayer.push({ event: "hamburger_menu", add: { page_url: window.location.href, menu_category: $(this).parents('.over_level2').find('.menu_head a span').html(), sub_menu_category: 'Media', user_id : ga.getAll()[0].get('clientId') }, }); } else if(data1 == 'Our Global Footprint') { dataLayer.push({ event: "hamburger_menu", add: { page_url: window.location.href, menu_category: $(this).parents('.over_level2').find('.menu_head a span').html(), sub_menu_category: 'Our Global Footprint', user_id : ga.getAll()[0].get('clientId') }, }); } }); // third menu // for second menu $('.over_level3 li a').on("click", function () { dataLayer.push({ event: "hamburger_menu", add: { page_url: window.location.href, menu_category: $(this).parents('.over_level2').find('.menu_head a span').html(), sub_menu_category: $(this).parents('.over_level3').find('.menu_head a span').html() || '', sub_menu_category_1: $(this).find('span').text() || '', user_id : ga.getAll()[0].get('clientId') }, }); }); // breadcrumb for all pages $("#breadcrumb a").on("click", function () { dataLayer.push({ event: "breadcrumb", add: { destination_page_url: $(this).attr('href'), page_url: window.location.href, previous_page_url : document.referrer // user_id : ga.getAll()[0].get('clientId'), }, }); //console.log('desination url', $(this).attr('href')); //console.log('page url',window.location.href); // console.log('Previour url', document.referrer) }); // search bar // $(".searchbut").on("click", function () { let searchUrl = 'https://www.tatasteel.com/search?Search='; dataLayer.push({ event: "search", add: { destination_page_url: searchUrl + $("[name='Search']").val(), previous_page_url: document.referrer, search_keyword: $("[name='Search']").val(), user_id: ga.getAll()[0].get('clientId') }, }); console.log('destination_page_url', searchUrl + $("[name='Search']").val()); console.log('previous_page_url ', document.referrer); console.log('search_keyword', $("[name='Search']").val()); console.log('User id ', ga.getAll()[0].get('clientId')); }); </script> <script> $("#breadcrumb ul li a").each(function() { $('a[href="/sustainability/"]').each(function() { $(this).removeAttr("href"); }); }); $("#breadcrumb ul li a").each(function() { $('a[href="/corporate/wealsomaketomorrow/structures-of-tomorrow/"]').each(function() { $(this).removeAttr("href"); }); }); $("#breadcrumb ul li a").each(function() { $('a[href="/corporate/wealsomaketomorrow/solutions-of-tommorrow/"]').each(function() { $(this).removeAttr("href"); }); }); $("#breadcrumb ul li a").each(function() { $('a[href="/corporate/wealsomaketomorrow/landmarks-of-tomorrow/"]').each(function() { $(this).removeAttr("href"); }); }); $('.menu_head a[href="/corporate/wealsomaketomorrow/structures-of-tomorrow/"]').removeAttr("href"); $('.menu_head a[href="/corporate/wealsomaketomorrow/solutions-of-tommorrow/"]').removeAttr("href"); $('.menu_head a[href="/corporate/wealsomaketomorrow/landmarks-of-tomorrow/"]').removeAttr("href"); </script> <!--<script src="/scripts/gtm-datalayer.js?id=2100400120"></script> --> <!-- ================== // ==================== --> <style> /* .over_level3 li:nth-child(7) { display:none; } .over_level2 li:nth-child(7) { display:none; } */ .over_menu ul.over_level3 > li > a, .over_menu ul.over_level4 > li > a { text-transform: initial !important; } </style> </style> <!--Scripts--> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css" /> <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css" /> <!-- Include jQuery and Slick Slider JS --> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.css"> <script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.pack.js"></script> <script> $("#slider-nav li a").on('click', function(e) { var full_url = this.href; var parts = full_url.split("#"); var trgt = parts[1]; var target_offset = $("#"+trgt).offset(); var target_top = target_offset.top; $('html,body').animate({scrollTop:target_top -70}, 1000); return false; }); </script> <style> .video_icon { outline:none; width:50px; height: 50px; background: url(../media/21596/video-play-btn.png) no-repeat; display: block; position: absolute; top: 45%; left: 53%; margin: -38px 0 0 -38px; } .podcasts_tab_explore{ flex: 0 0 auto; padding: 5px 20px; text-align: center; text-align: center; margin: 10px; border-radius: 15px; transition: transform 0.3s ease; cursor: grab; } .your-slider .slick-arrow{ display:none; } /* 10-7-2024 */ @media (max-width: 480px) { .tab-static{ margin:5px; min-width:175px !important; } } #press-releases:hover { background-color: #ebede45e; } .hover-section-itn { background-color: #ffffff; /* Initial background color */ transition: background-color 0.3s ease; /* Smooth transition */ } /* Background color on hover */ .hover-section-itn:hover { background-color: #ebede45e; /* Background color on hover */ } #pod { background-color: #ffffff; /* Initial background color */ transition: background-color 0.3s ease; /* Smooth transition */ } #pod:hover { background-color: #ebede45e; /* Background color on hover */ } .transbox { background-color: #fff; opacity: 0.8; } .transbox p { font-weight: bold; color: #fff; margin:0 0 10px 0 !important; } #blog:hover { background-color: #ebede45e; } #videos:hover { background-color: #ebede45e; } #steel{ background-color: #ffffff; /* Initial background color */ transition: background-color 0.3s ease; /* Smooth transition */ } #steel:hover { background-color: #ebede45e; } #publication:hover { background-color: #ebede45e; }#awards:hover { background-color: #ebede45e; } #factsheet:hover { background-color: #ebede45e; } #logousage:hover { background-color: #ebede45e; } #gallery:hover { background-color: #ebede45e; } .steel-text{ font-size: 1.5vw; line-height: 1.8vw; } /* @media (max-width: 991px) { font-size: 0.8em; line-height: 1em; } */ @media (min-width: 481px) and (max-width: 600px) { .slider-nav{ max-width:400px; } } @media (max-width: 991px) { .center-in-responsive{ text-align: center !important; } } </style> <style> @media only screen and (max-width: 767px) { .slider .slick-slide{ padding:0 9px !important; }} .nav-btn.left{ color:white; background:transparent; } .nav-btn.right{ color:white; background:transparent; } .my-wrapper{ padding: 70px 0; overflow-x: hidden; } .container_image { position: relative; text-align: center; color: white; } a:active, a:hover a img {outline : 0;} .centered { position: absolute; top: 55%; left: 70%; width: 50%; transform: translate(-55%, -70%); } .tab_cat{ flex: 0 0 auto; padding: 3px 20px; text-align: center; text-align: center; margin: 10px; cursor:default; border-radius: 15px; }.podcasts_tabs-wrapper { overflow-x: scroll !important;} @media only screen and (max-width: 767px) { .podcasts_tabs-wrapper { overflow-x: scroll !important; scrollbar-width: none; } } .itn_tab-header{ overflow-x: scroll !important;} @media only screen and (max-width: 767px) { .itn_tab-header{ overflow-x: scroll !important; scrollbar-width: none; } } .tabs-wrapper{ overflow-x: scroll !important; } @media only screen and (max-width: 767px) { .tabs-wrapper{ overflow-x: scroll !important; scrollbar-width: none; } } .icon-overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 1; transition: .3s ease; } .icon-play { outline: none; width: 35px; height: 35px; background: url(../media/21719/play-btn.png) no-repeat; display: block; position: absolute; top: 95%; left: 95%; margin: -38px 0 0 -38px; } .slider .slick-slide{ padding:0 20px; } .slider1 .slick-slide{ padding:0 20px; } .your-slider .slick-slide{ padding:0 20px; } .blog-slider .slick-slide{ /* padding:0 20px; */ padding:0; } .itn-tabtwo-slider .slick-slide{ padding:0 20px; } .award-slider .slick-slide{ padding:0 10px; } .publication-slider .slick-slide{ padding:0 20px; } .gallery-slider-rev .slick-slide{ padding:0 20px; } .videos-slider .slick-slide{ padding:0 20px; } .steelfluencers-slider .slick-slide{ padding:0 20px; } .px-0{ padding-left:0; padding-right:0; } @media only screen and (max-width: 767px) { .mobile-space{ padding-right: 0 !important; padding-left: 0 !important; } } @media only screen and (min-width: 600px) and (max-width: 767px) { .buttons-wrapper { max-width:350px !important; margin-left:10%; } } @media only screen and (min-width: 767px) { .buttons-wrapper { margin-left:10%; } } @media only screen and (min-width: 1345px) { .buttons-wrapper { max-width:600px !important; margin-left:10%; } } @media (min-width: 1281px) { .tab-static{ min-width:auto !important; } } .podcasts-trend{ text-align: left; font-size: 0.8em; margin: 0; font-weight: 600; padding-left: 20px; } @media only screen and (max-width: 768px) { .podcasts-trend{ text-align: center; } } .tab.active{ font-weight:bold; } .itn_tab.active{ font-weight:bold; } .podcasts_tab.active{ font-weight:bold; } /* @media only screen and (min-width: 768px) { .buttons-wrapper { margin-left: 10%; } } */ @media (min-width: 481px) and (max-width: 600px) { .buttons-wrapper { margin-left: 7% !important; max-width:320px !important; } } @media (min-width: 601px) and (max-width: 767px) { .buttons-wrapper { margin-left: 7% !important; max-width:420px !important; } } @media (min-width: 768px) and (max-width: 1024px) { .buttons-wrapper { margin-left: 3% !important; max-width:80% !important; } } @media (min-width: 1025px) and (max-width: 1300px) { .buttons-wrapper { margin-left: 0% !important; max-width:100% !important; } } @media (min-width: 1381px) and (max-width: 1513px) { .tab-static { min-width : auto !important; /* min-width:190px !important; */ } } @media only screen (min-width: 1301px) { /* .buttons-wrapper { margin-left: 0%; max-width:90% !important; } */ .tab-static{ width:140px !important; } } .slider-nav{ background-color : rgba(255, 255, 255, 0.2); } @media only screen and (min-width: 1300px) { .buttons-wrapper { margin-left: 0%; max-width:100% !important; } } /* styles.css */ .gallery-slider-rev img{ border-radius: 10px; width:100%; } .your-slider img{ border-radius: 10px; width:100%; } .your-slider1 img{ border-radius: 10px; width:auto; } .your-slider2 img{ border-radius: 10px; width:auto; } .your-slider3 img{ border-radius: 10px; width:auto; } .publication-slider img{ border-radius: 10px; width:100%; } .award-slider img{ border-radius: 10px; width:100%; } .blog-slider img{ border-radius: 10px; width:100%; padding:0 20px; } .itn-tabtwo-slider img{ border-radius: 10px; width:100%; padding:0 20px; } .video-slider img{ border-radius: 10px; width:100%; } .nav-btn.left{ border-radius:25px; } .nav-btn.right{ border-radius:25px; } .steelfluencers-slider img{ border-radius: 10px; width:100%; } .factsheet-slider-p{ color:black; } .slider-container { display: flex; align-items: center; overflow: hidden; width: 100%; margin: 10px auto; } .tabs-wrapper { overflow-x: scroll; scrollbar-width: none; -ms-overflow-style: none; } .tabs-wrapper::-webkit-scrollbar { height: 8px; } .tabs-wrapper::-webkit-scrollbar-thumb { background: #888; border-radius: 10px; } .tabs { margin-left:auto; margin-right:auto; display: flex; transition: transform 0.3s ease; cursor: grab; } .tab { flex: 0 0 auto; padding: 5px 20px; text-align: center; text-align: center; margin: 10px; border-radius: 15px; } .tab.active { /* background-color: #007bff; color: white; */ } .nav-arrow { display:none; color: #0087ca; border: none; padding: 10px; /* cursor: pointer; */ } .nav-arrow:disabled { background-color: #ccc; } .tab-content { display: none; padding: 20px 0px; /* border: 1px solid #ccc; */ margin-top: 0px; } @media only screen and (max-width: 767px) { .tab-content { padding: 20px 0px; } } .tab-content.active { display: block; } .tab-header { display: flex; border:none !important; overflow: hidden; background-color: transparent; border: 1px solid #ccc; white-space: nowrap; text-align: -webkit-center; scroll-behavior: smooth; width: 100%; } /* slick custom css */ .slick-next:hover, .slick-prev:focus, .slick-prev:hover { background:#3d7edb; /* background: rgba(0, 0, 0, 0.5); */ } .slick-prev, .slick-next { background:transperant; /* background: rgba(0, 0, 0, 0.5); */ /* color: #fff; */ width: 34px; height: 34px; line-height: 0px; text-align: center; z-index: 10; } .slick-next { right: -10px; } .slick-prev { left: -10px; } /* shared buttons css */ .shared-counts-icon-label-purple { padding: 3px 3px; font-size: 0.7em !important; background-color: #FAE2FF; border-radius: 20px; color: #4D2157; text-decoration: none; } .btn-big{ padding:5px 20px !important; } .shared-counts-icon-label-aqua { padding: 3px 3px; font-size: 0.7em !important; background-color: #D7FFDC; border-radius: 20px; color: #292a29; text-decoration: none; } .shared-counts-icon-label-yellow{ padding: 3px 3px; font-size: 0.7em !important; background-color: #FFE5C9; border-radius: 20px; color: #292a29; text-decoration: none; } .shared-counts-icon-label { padding: 3px 3px; font-size: 0.7em !important; background-color: #FFE5C9; border-radius: 20px; color: black; text-decoration: none; } /* nav buttons css*/ .btn-blue { background: #C0D4E0 !important; border: 1px solid #419cd1; } .btn-purple { background: #D3C9D6 !important; border: 1px solid #8c1cad; } .btn-peach { background: #F2DAC0 !important; border: 1px solid #cf8332; } .btn-green { background: #C6DEC9; border: 2px solid #5aad65; } .hover-underline-animation { display: inline-block; position: relative; color: #000; } .hover-underline-animation:after { content: ''; position: absolute; width: 100%; height: 2px; bottom: 0; left: 0; background-color: #0087ca; transition: transform 0.5s ease-out; transform: scaleX(1); transform-origin: bottom left; } /* .hover-underline-animation:hover:after { transform: scaleX(1); transform-origin: bottom left; } */ .headings { margin-bottom: 30px; margin-top: 30px; text-align: center; font-size: 1.5em; } .headings-forged{ margin-bottom: 10px; margin-top: 10px; text-align: center; font-size: 1.5em; } /* in the news style */ .nav-arrow:disabled { background-color: #ccc; } .itn_nav-arrow { color: #0087ca; border: none; padding: 10px; display:none; /* cursor: pointer; */ } .itn_nav-arrow:disabled { background-color: #ccc; } .itn_slider-container { display: flex; align-items: center; overflow: hidden; width: 100%; margin:10px auto; } .itn_tabsWrapper { overflow-x: scroll; scrollbar-width: none; -ms-overflow-style: none; } .itn_tabsWrapper::-webkit-scrollbar { height: 8px; } .itn_tabsWrapper::-webkit-scrollbar-thumb { background: #888; border-radius: 10px; } .itn_tabs { margin-right: auto; margin-left: auto; display: flex; transition: transform 0.3s ease; cursor: grab; } .itn_tab { flex: 0 0 auto; padding: 5px 20px; text-align: center; text-align: center; margin: 10px; border-radius: 15px; } .itn_tab.active { /* background-color: #007bff; color: white; */ } .itn_tab-content { display: none; /* border: 1px solid #ccc; margin-top: 20px;*/ } .itn_tab-content.active { display: block; } .itn_tab-header { display: flex; /* cursor: pointer; */ margin-right: auto; margin-left: auto; background-color: transparent; white-space: nowrap; text-align: -webkit-center; scroll-behavior: smooth; width: 100%; } @media only screen and (max-width: 767px) { .d-block-for-responsive{ display: block; } .d-block-for-desktop{ display: none; } } @media only screen and (min-width: 767px) { .d-block-for-desktop{ display: block; } .d-block-for-responsive{ display: none; } } /* in the news style end */ </style> <style> .video-slider .slide-container_itn{ padding:0 20px; } .itn-tabtwo-slider .slide-container_itn { position: relative; text-align: center; color: white; } .slide-container_itn { position: relative; text-align: center; color: white; } .text-overlay { position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); background: rgba(0, 0, 0, 0.5); padding: 10px; border-radius: 5px; } .slick-list { height:100% !important; } .content_text{ padding:0px !important;} </style> <style> /* podcast section start */ .podcasts_image{ box-shadow: 7px 7px 5px #aaaaaa; border-radius:15px; /* cursor: pointer; */ } #mainImage{ /* cursor: pointer; */ } .test{ /* cursor: pointer; */ } .slide-container_podcasts { /* cursor: pointer; */ position: relative; text-align: center; color: white; padding:0 20px; margin:0; } .podcasts_slider-container { display: flex; align-items: center; overflow: hidden; width: 100%; margin: 10px auto; } .podcasts_tabs-wrapper { overflow-x: scroll; scrollbar-width: none; -ms-overflow-style: none; } .podcasts_tabs-wrapper::-webkit-scrollbar { height: 8px; } .podcasts_tabs-wrapper::-webkit-scrollbar-thumb { background: #888; border-radius: 10px; } .podcasts_tabs { display: flex; transition: transform 0.3s ease; cursor: grab; } .podcasts_tab { flex: 0 0 auto; padding: 5px 20px; text-align: center; text-align: center; margin: 10px; border-radius: 15px; } .podcasts_tab-content { display: none; /* padding: 20px; border: 1px solid #ccc; margin-top: 20px;*/ } .podcasts_tab-content.active { display: block; } .podcasts_tab-header { display: flex; /* cursor: pointer; */ margin-right: 10%; margin-left: 10%; /* background-color: #f1f1f1; */ background-color: transparent; border:none !important; overflow:hidden; white-space: nowrap; text-align: -webkit-center; scroll-behavior: smooth; width: 100%; } .podcasts-arrow:disabled { background-color: #ccc; } .podcasts_nav-arrow { color: #0087ca; border: none; padding: 10px; /* /* cursor: pointer; */ display:none; } .podcasts_nav-arrow:disabled { background-color: #ccc; } .podcasts_tabsWrapper { overflow-x: scroll; scrollbar-width: none; -ms-overflow-style: none; } .podcasts_tabsWrapper::-webkit-scrollbar { height: 8px; } .podcasts_tabsWrapper::-webkit-scrollbar-thumb { background: #888; border-radius: 10px; } .podcasts_tabs { margin-left:auto; margin-right:auto; display: flex; transition: transform 0.3s ease; cursor: grab; } .podcasts_tab { flex: 0 0 auto; padding: 5px 20px; text-align: center; text-align: center; margin: 10px; border-radius: 15px; } .podcasts_tab.active { /* background-color: #007bff; color: white; */ } .podcasts_nav-arrow:disabled { background-color: #ccc; } .podcasts_tab-header { display: flex; /* /* cursor: pointer; */ margin-right: auto; margin-left: auto; /* background-color: #f1f1f1; */ background-color: transparent; border: 1px solid #ccc; overflow: hidden; white-space: nowrap; text-align: -webkit-center; scroll-behavior: smooth; width: 100%; } .image { width: 100%; height: auto; border-radius:10px; } .play-icon { color: white; font-size: 2rem; position: absolute; top: 68%; left: 80%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); /* cursor: pointer; */ width: 20%; z-index: 2; } .logo_text{ font-size: 1.2em; margin-top: 0.5em; } .overlay-text{ position: absolute; top: 80%; left: 70%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); /* cursor: pointer; */ z-index: 2; } #fp-nav ul li{ margin:0 !important; padding:0 !important; background-color: rgba(76, 175, 80, 0.1); } .navbar-drag{ padding: 0px; border: 1px solid white; border-radius: 20px; } #breadcrumb{ display:none; } #fp-nav ul li { display:inline-flex; } #fp-nav{ top:80% !important; } #fp-nav.bottom{ left:10% !important; } #fp-nav ul li{ margin:4px 8px !important; } #fp-nav.bottom{ bottom: -17px; } #fp-nav ul li .fp-tooltip.bottom { bottom : -20px; -moz-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; opacity: 0; } #fp-nav ul li a span { border: none !important; border-radius: 14px !important; width: auto !important; margin: 10px !important; padding:8px 20px 8px 20px !important; height: 35px !important; position: static !important; text-align: center !important; margin: 0 !important; display: block !important; color:white; } #fp-nav ul li a.active span{ background-color : white !important; color: black !important; } #fp-nav ul li a.active span, #fp-nav ul li:hover a span, #fp-nav ul li:hover a.active span{ background: white !important; color: black !important; } .fp-tableCell{display:inline;vertical-align:middle;width:100%;height:100%;} /* podcasts section end */ @media only screen and (min-width: 1300px) { .fp-tableCell{display:inline;} } .banner{ position : absolute; } </style> <script> /* btn on click add width */ </script> <script> // script.js document.addEventListener('DOMContentLoaded', () => { const tabsWrapper = document.querySelector('.tabs-wrapper'); const tabs = document.querySelector('.tabs'); const leftArrow = document.querySelector('.left-arrow'); const rightArrow = document.querySelector('.right-arrow'); const tabElements = document.querySelectorAll('.tab'); const tabContents = document.querySelectorAll('.tab-content'); let isDragging = false; let startX; let scrollLeft; tabsWrapper.addEventListener('mousedown', (e) => { isDragging = true; startX = e.pageX - tabsWrapper.offsetLeft; scrollLeft = tabsWrapper.scrollLeft; tabs.classList.add('dragging'); }); tabsWrapper.addEventListener('mouseleave', () => { isDragging = false; tabs.classList.remove('dragging'); }); tabsWrapper.addEventListener('mouseup', () => { isDragging = false; tabs.classList.remove('dragging'); }); tabsWrapper.addEventListener('mousemove', (e) => { if (!isDragging) return; e.preventDefault(); const x = e.pageX - tabsWrapper.offsetLeft; const walk = (x - startX) * 3; // scroll-fast tabsWrapper.scrollLeft = scrollLeft - walk; }); leftArrow.addEventListener('click', () => { tabsWrapper.scrollLeft -= tabsWrapper.clientWidth; }); rightArrow.addEventListener('click', () => { tabsWrapper.scrollLeft += tabsWrapper.clientWidth; }); tabsWrapper.addEventListener('scroll', () => { leftArrow.disabled = tabsWrapper.scrollLeft <= 0; rightArrow.disabled = tabsWrapper.scrollLeft >= (tabs.scrollWidth - tabsWrapper.clientWidth); }); tabElements.forEach(tab => { tab.addEventListener('click', () => { document.querySelector('.tab.active').classList.remove('active'); tab.classList.add('active'); document.querySelector('.tab-content.active').classList.remove('active'); document.getElementById(tab.getAttribute('data-tab')).classList.add('active'); }); }); // Initial state tabElements[0].classList.add('active'); tabContents[0].classList.add('active'); leftArrow.disabled = true; }); </script> <script> $(function(){ //$(document).ready(function () { // Initialize Slick slider inside each tab $('.slider_cat_tab1').slick({ infinite: true, slidesToShow: 3, slidesToScroll: 3, arrows: false, centerMode: true, centerPadding:'80px', prevArrow: '<button type="button" class="slick-prev">Previous</button>', nextArrow: '<button type="button" class="slick-next">Next</button>', responsive: [ { // tablet breakpoint: 991, settings: { slidesToShow: 2 } }, { // mobile portrait breakpoint: 479, settings: { slidesToShow: 1 } } ] }); $('.slider_cat_tab2').slick({ infinite: true, slidesToShow: 3, slidesToScroll: 3, arrows: false, centerMode: true, centerPadding:'80px', prevArrow: '<button type="button" class="slick-prev">Previous</button>', nextArrow: '<button type="button" class="slick-next">Next</button>', responsive: [ { // tablet breakpoint: 991, settings: { slidesToShow: 2 } }, { // mobile portrait breakpoint: 479, settings: { slidesToShow: 1 } } ] }); $('.slider_cat_tab3').slick({ infinite: true, slidesToShow: 3, slidesToScroll: 3, arrows: false, centerMode: true, centerPadding:'80px', prevArrow: '<button type="button" class="slick-prev">Previous</button>', nextArrow: '<button type="button" class="slick-next">Next</button>', responsive: [ { // tablet breakpoint: 991, settings: { slidesToShow: 2 } }, { // mobile portrait breakpoint: 479, settings: { slidesToShow: 1 } } ] }); $('.slider_cat_tab4').slick({ infinite: true, slidesToShow: 3, slidesToScroll: 3, arrows: false, centerMode: true, centerPadding:'80px', prevArrow: '<button type="button" class="slick-prev">Previous</button>', nextArrow: '<button type="button" class="slick-next">Next</button>', responsive: [ { // tablet breakpoint: 991, settings: { slidesToShow: 2 } }, { // mobile portrait breakpoint: 479, settings: { slidesToShow: 1 } } ] }); // Handle tab clicks $('.tab').on('click', function () { var tabId = $(this).attr('data-tab'); // Hide all tab panes $('.tab-pane').removeClass('active'); // Remove active class from all tabs $('.tab').removeClass('active'); // Show the clicked tab $('#' + tabId).addClass('active'); $(this).addClass('active'); // Reinitialize slick slider for the active tab $('#' + tabId + ' .slider1').slick('setPosition'); }); // Arrow navigation $('#leftArrow').on('click', function () { var scrollPos = $('#tabHeader').scrollLeft(); $('#tabHeader').animate({ scrollLeft: scrollPos - 200 }, 300); }); $('#rightArrow').on('click', function () { var scrollPos = $('#tabHeader').scrollLeft(); $('#tabHeader').animate({ scrollLeft: scrollPos + 200 }, 300); }); }); </script> <script> $(document).ready(function () { // Initialize Slick slider inside each tab $('.slider').slick({ infinite: true, slidesToShow: 3, slidesToScroll: 3, arrows: false, centerMode: true, centerPadding: '45px', swipeToSlide: true, draggable: true, focusOnSelect: true, initialSlide: 1, prevArrow: '<button type="button" class="custom-prev-arrow">Previous</button>', nextArrow: '<button type="button" class="custom-next-arrow">Next</button>', responsive: [ { // tablet breakpoint: 991, settings: { slidesToShow: 2 } }, { // mobile portrait breakpoint: 479, settings: { slidesToShow: 1, initialSlide: 0, infinite:false, centerPadding: '15px' } } ] }); // Handle tab clicks $('.tab').on('click', function () { var tabId = $(this).attr('data-tab'); // Hide all tab panes $('.tab-pane').removeClass('active'); // Remove active class from all tabs $('.tab').removeClass('active'); // Show the clicked tab $('#' + tabId).addClass('active'); $(this).addClass('active'); // Reinitialize slick slider for the active tab $('#' + tabId + ' .slider').slick('setPosition'); }); // Custom arrow functionality $('.custom-prev-arrow').click(function() { $('.slider').slick('slickPrev'); }); $('.custom-next-arrow').click(function() { $('.slider').slick('slickNext'); }); // Arrow navigation $('#leftArrow').on('click', function () { var scrollPos = $('#tabHeader').scrollLeft(); $('#tabHeader').animate({ scrollLeft: scrollPos - 200 }, 300); }); $('#rightArrow').on('click', function () { var scrollPos = $('#tabHeader').scrollLeft(); $('#tabHeader').animate({ scrollLeft: scrollPos + 200 }, 300); }); }); </script> <!-- gallery script starts --> <script type="text/javascript"> $(document).ready(function () { $('.gallery-slider').slick({ dots: false, infinite: false, speed: 500, slidesToShow: 3, adaptiveHeight: false, autoplay: false, autoplaySpeed: 2000, arrows: true, prevArrow: '<button type="button" class="slick-prev">Previous</button>', nextArrow: '<button type="button" class="slick-next">Next</button>', responsive: [ { // tablet breakpoint: 991, settings: { slidesToShow: 2 } }, { // mobile portrait breakpoint: 479, settings: { slidesToShow: 1,infinite:false, } } ] }); }); </script> <!-- gallery script ends --> <!-- itn script --> <script> // script.js document.addEventListener('DOMContentLoaded', () => { const itn_tabsWrapper = document.querySelector('.itn_tabsWrapper'); const itn_tabs = document.querySelector('.itn_tabs'); const leftArrow = document.querySelector('.itn_left-arrow'); const rightArrow = document.querySelector('.itn_right-arrow'); const itn_tabElements = document.querySelectorAll('.itn_tab'); const itn_tabContents = document.querySelectorAll('.itn_tab-content'); let isDragging = false; let startX; let scrollLeft; itn_tabsWrapper.addEventListener('mousedown', (e) => { isDragging = true; startX = e.pageX - itn_tabsWrapper.offsetLeft; scrollLeft = itn_tabsWrapper.scrollLeft; itn_tabs.classList.add('dragging'); }); itn_tabsWrapper.addEventListener('mouseleave', () => { isDragging = false; itn_tabs.classList.remove('dragging'); }); itn_tabsWrapper.addEventListener('mouseup', () => { isDragging = false; itn_tabs.classList.remove('dragging'); }); itn_tabsWrapper.addEventListener('mousemove', (e) => { if (!isDragging) return; e.preventDefault(); const x = e.pageX - itn_tabsWrapper.offsetLeft; const walk = (x - startX) * 3; // scroll-fast itn_tabsWrapper.scrollLeft = scrollLeft - walk; }); leftArrow.addEventListener('click', () => { itn_tabsWrapper.scrollLeft -= itn_tabsWrapper.clientWidth; }); rightArrow.addEventListener('click', () => { itn_tabsWrapper.scrollLeft += itn_tabsWrapper.clientWidth; }); itn_tabsWrapper.addEventListener('scroll', () => { leftArrow.disabled = itn_tabsWrapper.scrollLeft <= 0; rightArrow.disabled = itn_tabsWrapper.scrollLeft >= (itn_tabs.scrollWidth - itn_tabsWrapper.clientWidth); }); itn_tabElements.forEach(itn_tab => { itn_tab.addEventListener('click', () => { document.querySelector('.itn_tab.active').classList.remove('active'); itn_tab.classList.add('active'); document.querySelector('.itn_tab-content.active').classList.remove('active'); document.getElementById(itn_tab.getAttribute('data-itn_tab')).classList.add('active'); }); }); // Initial state itn_tabElements[0].classList.add('active'); itn_tabContents[0].classList.add('active'); leftArrow.disabled = true; }); </script> <script> $(document).ready(function () { // Initialize Slick slider inside each itn_tab $('.itn_slider').slick({ infinite: true, slidesToShow: 2, slidesToScroll: 3, arrows: true, prevArrow: '<button type="button" class="slick-prev">Previous</button>', nextArrow: '<button type="button" class="slick-next">Next</button>', }); // Handle itn_tab clicks $('.itn_tab').on('click', function () { var itn_tabId = $(this).attr('data-itn_tab'); // Hide all itn_tab panes $('.itn_tab-pane').removeClass('active'); // Remove active class from all itn_tabs $('.itn_tab').removeClass('active'); // Show the clicked itn_tab $('#' + itn_tabId).addClass('active'); $(this).addClass('active'); // Reinitialize slick slider for the active itn_tab $('#' + itn_tabId + ' .itn_slider').slick('setPosition'); $('#' + itn_tabId + ' .your-slider').slick('setPosition'); }); // Arrow navigation $('#leftArrow').on('click', function () { var scrollPos= $('#itn_tabHeader').scrollLeft(); $('#itn_tabHeader').animate({ scrollLeft: scrollPos - 200 }, 300); }); $('#rightArrow').on('click', function () { var scrollPos= $('#itn_tabHeader').scrollLeft(); $('#itn_tabHeader').animate({ scrollLeft: scrollPos + 200 }, 300); }); }); </script> <script type="text/javascript"> $(document).ready(function(){ $('.your-slider').slick({ dots: false, infinite: true, speed: 500, slidesToShow: 1, slidesToScroll: 1, adaptiveHeight: true, autoplay: false, arrows: false, prevArrow: '<button type="button" class="slick-prev">Previous</button>', nextArrow: '<button type="button" class="slick-next">Next</button>', responsive: [ { breakpoint: 991, settings: { infinite: true, slidesToShow: 2, arrows: false, autoplay: false, centerMode: true, centerPadding:'40px', swipeToSlide: true, draggable: true, focusOnSelect: true, initialSlide: 1, } }, { breakpoint: 767, settings: { infinite: true, slidesToShow: 2, arrows: false, autoplay: false, centerMode: true, centerPadding:'40px', swipeToSlide: true, draggable: true, focusOnSelect: true, initialSlide: 1, infinite: true, } }, { breakpoint: 480, settings: { slidesToShow: 1, arrows: false, autoplay: false, centerMode: true, centerPadding:'40px', swipeToSlide: true, draggable: true, focusOnSelect: true, initialSlide: 0, infinite: true } } ] }); }); $(document).ready(function(){ $('.your-slider1').slick({ dots: false, infinite: true, speed: 500, slidesToShow: 1, slidesToScroll: 3, adaptiveHeight: true, autoplay: false, autoplaySpeed: 2000, arrows: true, prevArrow: '<button type="button" class="slick-prev">Previous</button>', nextArrow: '<button type="button" class="slick-next">Next</button>' }); }); $(document).ready(function(){ $('.your-slider2').slick({ dots: false, infinite: true, speed: 500, slidesToShow: 1, slidesToScroll: 3, adaptiveHeight: true, autoplay: false, autoplaySpeed: 2000, arrows: true, prevArrow: '<button type="button" class="slick-prev">Previous</button>', nextArrow: '<button type="button" class="slick-next">Next</button>' }); }); $(document).ready(function(){ $('.your-slider3').slick({ dots: false, infinite: true, speed: 500, slidesToShow: 1, slidesToScroll: 1, adaptiveHeight: true, autoplay: false, autoplaySpeed: 2000, arrows: true, prevArrow: '<button type="button" class="slick-prev">Previous</button>', nextArrow: '<button type="button" class="slick-next">Next</button>' }); }); $(document).ready(function(){ $('.slider1').slick({ slidesToShow: 1, slidesToScroll: 1, arrows: true, dots: true, speed: 300, infinite: true, autoplaySpeed: 5000, autoplay: true, responsive: [ { breakpoint: 991, settings: { slidesToShow: 2, } }, { breakpoint: 767, settings: { slidesToShow: 1, } } ] }); }); </script> <!-- podcast script start--> <script> // script.js document.addEventListener('DOMContentLoaded', () => { const tabsWrapper = document.querySelector('.podcasts_tabs-wrapper'); const podcasts_tabs = document.querySelector('.podcasts_tabs'); const leftArrow = document.querySelector('.podcasts_left-arrow'); const rightArrow = document.querySelector('.podcasts_right-arrow'); const tabElements = document.querySelectorAll('.podcasts_tab'); const tabContents = document.querySelectorAll('.podcasts_tab-content'); let isDragging = false; let startX; let scrollLeft; tabsWrapper.addEventListener('mousedown', (e) => { isDragging = true; startX = e.pageX - tabsWrapper.offsetLeft; scrollLeft = tabsWrapper.scrollLeft; podcasts_tabs.classList.add('dragging'); }); tabsWrapper.addEventListener('mouseleave', () => { isDragging = false; podcasts_tabs.classList.remove('dragging'); }); tabsWrapper.addEventListener('mouseup', () => { isDragging = false; podcasts_tabs.classList.remove('dragging'); }); tabsWrapper.addEventListener('mousemove', (e) => { if (!isDragging) return; e.preventDefault(); const x = e.pageX - tabsWrapper.offsetLeft; const walk = (x - startX) * 3; // scroll-fast tabsWrapper.scrollLeft = scrollLeft - walk; }); leftArrow.addEventListener('click', () => { tabsWrapper.scrollLeft -= tabsWrapper.clientWidth; }); rightArrow.addEventListener('click', () => { tabsWrapper.scrollLeft += tabsWrapper.clientWidth; }); tabsWrapper.addEventListener('scroll', () => { leftArrow.disabled = tabsWrapper.scrollLeft <= 0; rightArrow.disabled = tabsWrapper.scrollLeft >= (podcasts_tabs.scrollWidth - tabsWrapper.clientWidth); }); tabElements.forEach(podcasts_tab => { podcasts_tab.addEventListener('click', () => { document.querySelector('.podcasts_tab.active').classList.remove('active'); podcasts_tab.classList.add('active'); document.querySelector('.podcasts_tab-content.active').classList.remove('active'); document.getElementById(podcasts_tab.getAttribute('data-podcasts_tab')).classList.add('active'); }); }); // Initial state tabContents[1].classList.add('active'); leftArrow.disabled = true; }); </script> <script> // Handle tab clicks $('.podcasts_tab').on('click', function () { var PtabId = $(this).attr('data-podcasts_tab'); // Hide all podcasts_tab panes $('.podcasts_tab-content').removeClass('active'); // Remove active class from all tabs $('.podcasts_tab').removeClass('active'); // Show the clicked podcasts_tab $('#' + PtabId ).addClass('active'); $(this).addClass('active'); // Reinitialize slick slider for the active podcasts_tab $('#' + PtabId + ' .podcasts-slider').slick('setPosition'); // Reinitialize slick slider for the active podcasts_tab $('#' + PtabId + ' .podcasts-slider_tab3').slick('setPosition'); $('#' + PtabId + ' .podcasts-slider_tab5').slick('setPosition'); }); // Arrow navigation $('#leftArrow').on('click', function () { var scrollPos = $('#podcasts_tabHeader').scrollLeft(); $('#podcasts_tabHeader').animate({ scrollLeft: scrollPos - 200 }, 300); }); $('#rightArrow').on('click', function () { var scrollPos = $('#podcasts_tabHeader').scrollLeft(); $('#podcasts_tabHeader').animate({ scrollLeft: scrollPos + 200 }, 300); }); </script> <!-- podcasts script starts --> <script type="text/javascript"> $(document).ready(function () { $('.podcasts-slider_tab3').slick({ dots: false, infinite: false, speed: 500, slidesToShow: 5, adaptiveHeight: false, autoplay: false, autoplaySpeed: 2000, arrows: false, prevArrow: '<button type="button" class="slick-prev">Previous</button>', nextArrow: '<button type="button" class="slick-next">Next</button>', responsive: [ { // tablet breakpoint: 991, settings: { slidesToShow: 2 } }, { // mobile portrait breakpoint: 479, settings: { slidesToShow: 1 } } ] }); }); $(document).ready(function () { $('.podcasts-slider_tab5').slick({ dots: false, infinite: false, speed: 500, slidesToShow: 5, adaptiveHeight: false, autoplay: false, autoplaySpeed: 2000, arrows: true, prevArrow: '<button type="button" class="slick-prev">Previous</button>', nextArrow: '<button type="button" class="slick-next">Next</button>', responsive: [ { // tablet breakpoint: 991, settings: { slidesToShow: 2 } }, { // mobile portrait breakpoint: 479, settings: { slidesToShow: 1 } } ] }); }); $(document).ready(function () { $('.podcasts-slider').slick({ dots: false, infinite: false, speed: 500, slidesToShow: 5, adaptiveHeight: false, autoplay: false, autoplaySpeed: 2000, arrows: false, prevArrow: '<button type="button" class="custom-prev-arrow-podcasts">Previous</button>', nextArrow: '<button type="button" class="custom-next-arrow-podcasts">Next</button>', responsive: [ { // tablet breakpoint: 991, settings: { slidesToShow: 2 } }, { // mobile portrait breakpoint: 479, settings: { slidesToShow: 1 } } ] }); // Custom arrow functionality $('.custom-prev-arrow-podcasts').click(function() { $('.podcasts-slider').slick('slickPrev'); }); $('.custom-next-arrow-podcasts').click(function() { $('.podcasts-slider').slick('slickNext'); }); }); </script> <script type="text/javascript"> $(document).ready(function () { $('.video-slider').slick({ dots: false, infinite: true, speed: 500, slidesToShow: 4, adaptiveHeight: false, autoplay: false, centerMode: true, centerPadding:'80px', swipeToSlide: true, draggable: true, focusOnSelect: true, initialSlide: 2, arrows: false, prevArrow: '<button type="button" class="custom-prev-arrow-videos">Previous</button>', nextArrow: '<button type="button" class="custom-next-arrow-videos">Next</button>', responsive: [ { // tablet breakpoint: 991, settings: { slidesToShow: 2 } }, { // mobile portrait breakpoint: 768, settings: { slidesToShow: 1, } }, { // mobile portrait breakpoint: 479, settings: { slidesToShow: 1, centerPadding:'40px', } } ] }); // Custom arrow functionality $('.custom-prev-arrow-videos').click(function() { $('.video-slider').slick('slickPrev'); }); $('.custom-next-arrow-videos').click(function() { $('.video-slider').slick('slickNext'); }); }); </script> <!-- steelfluencers--> <script type="text/javascript"> $(document).ready(function () { $('.steelfluencers-slider').slick({ dots: false, infinite: false, speed: 500, slidesToShow: 4, adaptiveHeight: false, autoplay: false, autoplaySpeed: 1000, arrows: false, prevArrow: '<button type="button" class="custom-prev-arrow-steel"></button>', nextArrow: '<button type="button" class="custom-next-arrow-steel"></button>', responsive: [ { // tablet breakpoint: 991, settings: { autoplay: false, centerMode: true, slidesToShow: 2, centerPadding:'40px', swipeToSlide: true, infinite:false, draggable: true, focusOnSelect: true, initialSlide: 1, } }, { // mobile portrait breakpoint: 767, settings: { autoplay: false, infinite: false, centerMode: true, slidesToShow: 2, centerPadding:'40px', swipeToSlide: true, draggable: true, focusOnSelect: true, initialSlide: 1 } }, { // mobile portrait breakpoint: 480, settings: { autoplay: false, infinite: false, centerMode: true, slidesToShow: 1, centerPadding:'40px', swipeToSlide: true, draggable: true, focusOnSelect: true, initialSlide: 0 } } ] }); // Custom arrow functionality $('.custom-prev-arrow-steel').click(function() { $('.steelfluencers-slider').slick('slickPrev'); }); $('.custom-next-arrow-steel').click(function() { $('.steelfluencers-slider').slick('slickNext'); }); }); </script> <!-- publication script starts --> <script type="text/javascript"> $(document).ready(function () { $('.publication-slider').slick({ dots: false, infinite: false, speed: 500, slidesToShow: 3, adaptiveHeight: false, autoplay: false, autoplaySpeed: 2000, arrows: false, prevArrow: '<button type="button" class="slick-prev">Previous</button>', nextArrow: '<button type="button" class="slick-next">Next</button>', responsive: [ { // tablet breakpoint: 991, settings: { slidesToShow: 2, arrows: false, autoplay: false, centerMode: true, centerPadding:'40px', swipeToSlide: true, draggable: true, focusOnSelect: true, initialSlide: 1, } }, { // mobile portrait breakpoint: 767, settings: { slidesToShow: 1, arrows: false, infinite: false, autoplay: false, centerMode: true, centerPadding:'40px', swipeToSlide: true, draggable: true, focusOnSelect: true, initialSlide: 0, } } ] }); }); </script> <!-- publication script ends --> <!-- factsheet script starts --> <script type="text/javascript"> $(document).ready(function () { $('.factsheet-slider').slick({ dots: false, infinite: false, speed: 500, slidesToShow: 3, slidesToScroll: 3, adaptiveHeight: false, autoplay: false, autoplaySpeed: 2000, arrows: true, prevArrow: '<button type="button" class="slick-prev">Previous</button>', nextArrow: '<button type="button" class="slick-next">Next</button>', responsive: [ { // tablet breakpoint: 991, settings: { slidesToShow: 2, arrows: false,infinite:true, autoplay: false, centerMode: true, centerPadding:'40px', swipeToSlide: true, draggable: true, focusOnSelect: true, initialSlide: 1, } }, { // tab portrait breakpoint: 768, settings: { slidesToShow: 3, arrows: false,infinite:false, autoplay: false, centerMode: true, centerPadding:'30px', swipeToSlide: true, draggable: true, focusOnSelect: true, initialSlide: 1, } }, { // mobile portrait breakpoint: 479, settings: { slidesToShow: 2, arrows: false,infinite:false, autoplay: false, centerMode: true, centerPadding:'20px', swipeToSlide: true, draggable: true, focusOnSelect: true, initialSlide: 1, } } ] }); }); </script> <!-- factsheet script ends --> <!-- award script starts --> <script type="text/javascript"> $(document).ready(function () { $('.award-slider').slick({ dots: false, infinite: false, speed: 500, slidesToShow: 3, adaptiveHeight: false, autoplay: false, autoplay: false, centerMode: true, centerPadding:'40px', swipeToSlide: true, draggable: true, focusOnSelect: true, initialSlide: 0, arrows: false, prevArrow: '<button type="button" class="slick-prev">Previous</button>', nextArrow: '<button type="button" class="slick-next">Next</button>', responsive: [ { // mobile portrait breakpoint: 767, settings: { slidesToShow: 1, arrows: false, autoplay: false, centerMode: true, infinite: false, centerPadding:'40px', swipeToSlide: true, draggable: true, focusOnSelect: true, initialSlide: 0 } } ] }); }); </script> <!-- award script ends --> <style> .demo-wrapper{ padding: 70px 0; overflow-x: hidden; } .demo-slider{ padding: 0 70px; } </style> <!-- gallery script starts --> <script type="text/javascript"> $(document).ready(function(){ $('.demo-slider').slick({ slidesToShow: 5, slidesToScroll: 1, arrows: true, dots: true, speed: 300, infinite: true, autoplay: false, responsive: [ { breakpoint: 991, settings: { slidesToShow: 3, } }, { breakpoint: 767, settings: { slidesToShow: 1, } } ] }); }); $(document).ready(function(){ $('.gallery-slider-rev').slick({ slidesToShow: 3, slidesToScroll: 3, arrows: true, speed: 300, infinite: true, autoplay: false, responsive: [ { breakpoint: 991, settings: { slidesToShow: 2, arrows: false,infinite:false, autoplay: false, centerMode: true, centerPadding:'30px', swipeToSlide: true, draggable: true, focusOnSelect: true, initialSlide: 1 } }, { breakpoint: 767, settings: { slidesToShow: 1, arrows: false, autoplay: false, centerMode: true, infinite:false, centerPadding:'60px', swipeToSlide: true, draggable: true, focusOnSelect: true, initialSlide:0 } } ] }); }); $(document).ready(function () { $('.gallery-slider').slick({ dots: false, infinite: false, speed: 500, slidesToShow: 3, adaptiveHeight: false, autoplay: false, autoplaySpeed: 2000, arrows: true, prevArrow: '<button type="button" class="slick-prev">Previous</button>', nextArrow: '<button type="button" class="slick-next">Next</button>', responsive: [ { // tablet breakpoint: 991, settings: { slidesToShow: 1 } }, { // mobile portrait breakpoint: 479, settings: { slidesToShow: 1 } } ] }); }); </script> <!-- gallery script ends --> <!-- gallery script starts --> <script type="text/javascript"> $(document).ready(function () { $('.blog-slider').slick({ dots: false, infinite: true, speed: 500, slidesToShow: 3, adaptiveHeight: false, arrows: false, prevArrow: '<button type="button" class="slick-prev">Previous</button>', nextArrow: '<button type="button" class="slick-next">Next</button>', responsive: [ { // tablet breakpoint: 991, settings: { slidesToShow: 2, arrows: false, autoplay: false, centerMode: true, centerPadding:'40px', swipeToSlide: true, draggable: true, focusOnSelect: true, initialSlide: 1, } }, { // mobile portrait breakpoint: 767, settings: { slidesToShow: 2, arrows: false, infinite:false, autoplay: false, centerMode: true, centerPadding:'30px', swipeToSlide: true, draggable: true, focusOnSelect: true, initialSlide: 1 } }, { // mobile portrait breakpoint: 489, settings: { slidesToShow: 1, arrows: false, autoplay: false, centerMode: true, centerPadding:'30px', swipeToSlide: true, draggable: true, focusOnSelect: true, initialSlide: 0, infinite:false } } ] }); }); </script> <!-- gallery script ends --> <!--- itn tab2 slider---> <script type="text/javascript"> $(document).ready(function () { $('.itn-tabtwo-slider').slick({ dots: false, infinite: false, speed: 500, slidesToShow: 3, adaptiveHeight: false, autoplay: false, autoplaySpeed: 2000, arrows: true, prevArrow: '<button type="button" class="slick-prev">Previous</button>', nextArrow: '<button type="button" class="slick-next">Next</button>', responsive: [ { // tablet breakpoint: 991, settings: { slidesToShow: 1 } }, { // mobile portrait breakpoint: 479, settings: { slidesToShow: 1 } } ] }); }); </script> <!--- itn tab2---> <!-- nav style starts--> <style> .fp-tableCel ul li{ margin:0 !important; padding:0 !important; background-color: rgba(76, 175, 80, 0.1); } .navbar-drag{ padding: 0px; border: 1px solid white; border-radius: 20px; display: flex; list-style: none; } .tab-active:hover{ background: white !important; color: black !important; border-radius:20px; } .tab-static:hover{ color:black; } .fp-table-list{ margin:0 !important; padding:0 !important; background-color: rgba(76, 175, 80, 0.1); } /* .buttons-wrapper { position: absolute; z-index: 1; bottom: 30px; text-align: center; width: 100%; } */ .fp-tableCel ul li { display:inline-flex; } .fp-tableCel{ top:80% !important; } .fp-tableCel.bottom{ left:10% !important; } .fp-tableCel ul li{ margin:4px 8px !important; } .fp-tableCel.bottom{ bottom: -17px; } .fp-tableCel ul li .fp-tooltip.bottom { bottom : -20px; -moz-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; opacity: 0; } .fp-tableCel ul li a span { border: none !important; border-radius: 14px !important; width: auto !important; margin: 10px !important; padding:8px 20px 8px 20px !important; height: 35px !important; position: static !important; text-align: center !important; margin: 0 !important; display: block !important; color:white; } .fp-tableCel ul li a.active span{ background-color : white !important; color: black !important; } .fp-tableCel ul li a.active span, .fp-tableCel ul li:hover a span, .fp-tableCel ul li:hover a.active span{ background: white !important; color: black !important; } .fp-tableCel ul li:hover a span, .fp-tableCel ul li:hover a.active span { background: white !important; color: black !important; } .fp-tableCell ul li a, .fp-slidesNav ul li a { display: block; position: relative; z-index: 1; width: 100%; height: 100%; /* cursor: pointer; */ text-decoration: none; } .fp-tableCel ul li a span { border: none !important; border-radius: 14px !important; width: auto !important; margin: 10px !important; padding: 8px 20px 8px 20px !important; height: 35px !important; position: static !important; text-align: center !important; margin: 0 !important; display: block !important; color: white; } .fp-tableCel ul, .fp-slidesNav ul { margin: 0; padding: 0; } .fp-tableCel ul li { margin: 0 !important; padding: 0 !important; background-color: rgba(76, 175, 80, 0.1); } .fp-tableCel ul li a, .fp-slidesNav ul li a { display: block; position: relative; z-index: 1; width: 100%; height: 100%; /* cursor: pointer; */ text-decoration: none; } .fp-tableCel ul li a.active span, .fp-tableCel ul li:hover a span, .fp-tableCel ul li:hover a.active span { background: white !important; color: black !important; } .fp-tableCel ul li .fp-tooltip.bottom { bottom: -20px; -moz-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; opacity: 0; } .fp-tableCel ul li:hover a span, .fp-tableCel ul li:hover a.active span { background: white !important; color: black !important; } .fp-tableCell ul li a, .fp-slidesNav ul li a { display: block; position: relative; z-index: 1; width: 100%; height: 100%; /* cursor: pointer; */ text-decoration: none; } .fp-tableCel ul li a span { border: none !important; border-radius: 14px !important; width: auto !important; margin: 10px !important; padding: 8px 20px 8px 20px !important; height: 35px !important; position: static !important; text-align: center !important; margin: 0 !important; display: block !important; color: white; } .fp-tableCel ul, .fp-slidesNav ul { margin: 0; padding: 0; } .fp-tableCel ul li { margin: 0 !important; padding: 0 !important; background-color: rgba(76, 175, 80, 0.1); } .fp-tableCel ul li a, .fp-slidesNav ul li a { display: block; position: relative; z-index: 1; width: 100%; height: 100%; /* cursor: pointer; */ text-decoration: none; } .fp-tableCel ul li a.active span, .fp-tableCel ul li:hover a span, .fp-tableCel ul li:hover a.active span { background: white !important; color: black !important; } .fp-tableCel ul li .fp-tooltip.bottom { bottom: -20px; -moz-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; opacity: 0; } </style> <!-- nav style starts--> <style> .fp-tableCel ul li{ margin:0 !important; padding:0 !important; background-color: rgba(76, 175, 80, 0.1); } .navbar-drag{ padding: 0px; border: 1px solid white; border-radius: 20px; display: flex; list-style: none; } .tab-active:hover{ background: white !important; color: black !important; border-radius:20px; } .fp-table-list{ margin:0 !important; padding:0 !important; background-color: rgba(76, 175, 80, 0.1); } .fp-tableCel ul li { display:inline-flex; } .fp-tableCel{ top:80% !important; } .fp-tableCel.bottom{ left:10% !important; } .fp-tableCel ul li{ margin:4px 8px !important; } .fp-tableCel.bottom{ bottom: -17px; } .fp-tableCel ul li .fp-tooltip.bottom { bottom : -20px; -moz-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; opacity: 0; } .fp-tableCel ul li a span { border: none !important; border-radius: 14px !important; width: auto !important; margin: 10px !important; padding:8px 20px 8px 20px !important; height: 35px !important; position: static !important; text-align: center !important; margin: 0 !important; display: block !important; color:white; } .fp-tableCel ul li a.active span{ background-color : white !important; color: black !important; } .fp-tableCel ul li a.active span, .fp-tableCel ul li:hover a span, .fp-tableCel ul li:hover a.active span{ background: white !important; color: black !important; } .fp-tableCel ul li:hover a span, .fp-tableCel ul li:hover a.active span { background: white !important; color: black !important; } .fp-tableCell ul li a, .fp-slidesNav ul li a { display: block; position: relative; z-index: 1; width: 100%; height: 100%; /* cursor: pointer; */ text-decoration: none; } .fp-tableCel ul li a span { border: none !important; border-radius: 14px !important; width: auto !important; margin: 10px !important; padding: 8px 20px 8px 20px !important; height: 35px !important; position: static !important; text-align: center !important; margin: 0 !important; display: block !important; color: white; } .fp-tableCel ul, .fp-slidesNav ul { margin: 0; padding: 0; } .fp-tableCel ul li { margin: 0 !important; padding: 0 !important; background-color: rgba(76, 175, 80, 0.1); } .fp-tableCel ul li a, .fp-slidesNav ul li a { display: block; position: relative; z-index: 1; width: 100%; height: 100%; /* cursor: pointer; */ text-decoration: none; } .fp-tableCel ul li a.active span, .fp-tableCel ul li:hover a span, .fp-tableCel ul li:hover a.active span { background: white !important; color: black !important; } .fp-tableCel ul li .fp-tooltip.bottom { bottom: -20px; -moz-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; opacity: 0; } .fp-tableCel ul li:hover a span, .fp-tableCel ul li:hover a.active span { background: white !important; color: black !important; } .fp-tableCell ul li a, .fp-slidesNav ul li a { display: block; position: relative; z-index: 1; width: 100%; height: 100%; /* cursor: pointer; */ text-decoration: none; } .fp-tableCel ul li a span { border: none !important; border-radius: 14px !important; width: auto !important; margin: 10px !important; padding: 8px 20px 8px 20px !important; height: 35px !important; position: static !important; text-align: center !important; margin: 0 !important; display: block !important; color: white; } .fp-tableCel ul, .fp-slidesNav ul { margin: 0; padding: 0; } .fp-tableCel ul li { margin: 0 !important; padding: 0 !important; background-color: rgba(76, 175, 80, 0.1); } .fp-tableCel ul li a, .fp-slidesNav ul li a { display: block; position: relative; z-index: 1; width: 100%; height: 100%; /* cursor: pointer; */ text-decoration: none; } .fp-tableCel ul li a.active span, .fp-tableCel ul li:hover a span, .fp-tableCel ul li:hover a.active span { background: white !important; color: black !important; } .fp-tableCel ul li .fp-tooltip.bottom { bottom: -20px; -moz-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; opacity: 0; } .tab-static { border: none !important; border-radius: 14px !important; width: auto !important; margin: 10px !important; padding: 15px 20px 8px 20px !important; height: 50px !important; position: static !important; text-align: center !important; margin: 0 !important; display: block !important; color: white; } .tab-btn-nav { display: inline-block; color: var(--text-color); font-size: 1em; font-weight: 400; margin: 0 2px; padding: 10px 20px; border-radius: 30px; /* cursor: pointer; */ user-select: none; transition: background-color .3s ease; } .tab-menu.dragging .tab-btn-nav { pointer-events: none; } .tab-btn-nav:hover { background-color: var(--first-color); } .tab-btn-nav.active { background-color: var(--second-color); } </style> <style> /* styles.css */ .slider-nav { width:100%; display: flex; overflow-x: scroll !important; scroll-behavior: smooth; scrollbar-width: none; -webkit-overflow-scrolling: touch; } .sliderNav { min-width: 200px; margin-right: 10px; background-color: #f1f1f1; text-align: center; padding: 20px; box-sizing: border-box; cursor: grab; } .nav-btn { position: absolute; top: 50%; transform: translateY(-50%); background-color: rgba(0, 0, 0, 0.5); color: white; border: none; padding: 10px; /* cursor: pointer; */ z-index: 1000; } .nav-btn.left { left: 0; } .nav-btn.right { right: 0; } .nav-btn { display: none; } @media screen and (max-width:391px) { .buttons-wrapper { max-width:340px !important; margin-left:5% !important; } } @media (min-width: 392px) and (max-width: 480px) { .buttons-wrapper { max-width:360px !important; margin-left:5% !important; } } /* Media Query for low resolution Tablets, Ipads */ @media (min-width: 481px) and (max-width: 767px) { .buttons-wrapper { max-width:550px !important; margin-left:7% !important; } } /* Media Query for Tablets Ipads portrait mode */ @media (min-width: 768px) and (max-width: 1024px) { .tab-static { min-width:180px !important; padding: 8px 10px 14px 10px !important; height: 40px !important; } } @media (min-width: 1025px) and (max-width: 1280px) { .tab-static { padding: 14px 5px 15px 5px !important; min-width : auto !important; /* min-width:195px !important; */ } } /* Media Query for Large screens */ @media (min-width: 1281px) and (max-width: 1300px){ .buttons-wrapper { max-width:100% !important; } } @media (max-width: 767px) { .buttons-wrapper { bottom: 30px !important; } @media (max-width: 767px) { .tab-static { min-width:175px !important; margin: 1px !important; padding: 8px 10px 14px 10px !important; height: 32px !important; } } </style> <!-- nav style starts--> <style> .fp-tableCel ul li{ margin:0 !important; padding:0 !important; background-color: rgba(76, 175, 80, 0.1); } .navbar-drag{ padding: 0px; border: 1px solid white; border-radius: 20px; display: flex; list-style: none; } .tab-active:hover{ background: white !important; color: black !important; border-radius:20px; } .tab-static:hover{ color:black; } .fp-table-list{ margin:0 !important; padding:0 !important; background-color: rgba(76, 175, 80, 0.1); } .fp-tableCel ul li { display:inline-flex; } .fp-tableCel{ top:80% !important; } .fp-tableCel.bottom{ left:10% !important; } .fp-tableCel ul li{ margin:4px 8px !important; } .fp-tableCel.bottom{ bottom: -17px; } .fp-tableCel ul li .fp-tooltip.bottom { bottom : -20px; -moz-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; opacity: 0; } .fp-tableCel ul li a span { border: none !important; border-radius: 14px !important; width: auto !important; margin: 10px !important; padding:8px 20px 8px 20px !important; height: 35px !important; position: static !important; text-align: center !important; margin: 0 !important; display: block !important; color:white; } .fp-tableCel ul li a.active span{ background-color : white !important; color: black !important; } .fp-tableCel ul li a.active span, .fp-tableCel ul li:hover a span, .fp-tableCel ul li:hover a.active span{ background: white !important; color: black !important; } .fp-tableCel ul li:hover a span, .fp-tableCel ul li:hover a.active span { background: white !important; color: black !important; } .fp-tableCell ul li a, .fp-slidesNav ul li a { display: block; position: relative; z-index: 1; width: 100%; height: 100%; /* cursor: pointer; */ text-decoration: none; } .fp-tableCel ul li a span { border: none !important; border-radius: 14px !important; width: auto !important; margin: 10px !important; padding: 8px 20px 8px 20px !important; height: 35px !important; position: static !important; text-align: center !important; margin: 0 !important; display: block !important; color: white; } .fp-tableCel ul, .fp-slidesNav ul { margin: 0; padding: 0; } .fp-tableCel ul li { margin: 0 !important; padding: 0 !important; background-color: rgba(76, 175, 80, 0.1); } .fp-tableCel ul li a, .fp-slidesNav ul li a { display: block; position: relative; z-index: 1; width: 100%; height: 100%; /* cursor: pointer; */ text-decoration: none; } .fp-tableCel ul li a.active span, .fp-tableCel ul li:hover a span, .fp-tableCel ul li:hover a.active span { background: white !important; color: black !important; } .fp-tableCel ul li .fp-tooltip.bottom { bottom: -20px; -moz-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; opacity: 0; } .fp-tableCel ul li:hover a span, .fp-tableCel ul li:hover a.active span { background: white !important; color: black !important; } .fp-tableCell ul li a, .fp-slidesNav ul li a { display: block; position: relative; z-index: 1; width: 100%; height: 100%; /* cursor: pointer; */ text-decoration: none; } .fp-tableCel ul li a span { border: none !important; border-radius: 14px !important; width: auto !important; margin: 10px !important; padding: 8px 20px 8px 20px !important; height: 35px !important; position: static !important; text-align: center !important; margin: 0 !important; display: block !important; color: white; } .fp-tableCel ul, .fp-slidesNav ul { margin: 0; padding: 0; } .fp-tableCel ul li { margin: 0 !important; padding: 0 !important; background-color: rgba(76, 175, 80, 0.1); } .fp-tableCel ul li a, .fp-slidesNav ul li a { display: block; position: relative; z-index: 1; width: 100%; height: 100%; /* cursor: pointer; */ text-decoration: none; } .fp-tableCel ul li a.active span, .fp-tableCel ul li:hover a span, .fp-tableCel ul li:hover a.active span { background: white !important; color: black !important; } .fp-tableCel ul li .fp-tooltip.bottom { bottom: -20px; -moz-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; opacity: 0; } .tab-btn-nav { display: inline-block; color: var(--text-color); font-size: 1em; font-weight: 400; margin: 0 2px; padding: 10px 20px; border-radius: 30px; /* cursor: pointer; */ user-select: none; transition: background-color .3s ease; } .tab-menu.dragging .tab-btn-nav { pointer-events: none; } .tab-btn-nav:hover { background-color: var(--first-color); } .tab-btn-nav.active { background-color: var(--second-color); } </style> </script> <style> .sliderNav { min-width: 200px; margin-right: 10px; background-color: #f1f1f1; text-align: center; padding: 20px; box-sizing: border-box; cursor: grab; } .nav-btn { position: absolute; top: 50%; transform: translateY(-50%); background-color: rgba(0, 0, 0, 0.5); color: white; border: none; padding: 10px; /* cursor: pointer; */ z-index: 1000; } .nav-btn.left { left: 0; } .nav-btn.right { right: 0; } .buttons-wrapper{ margin-left: 8%; position: fixed; z-index: 1; bottom: 30px; text-align: center; } @media (min-width: 768px) and (max-width: 991px) { .slider-nav{ max-width:900px; overflow-x: scroll !important; } } @media (max-width: 767px) { .buttons-wrapper { bottom: 30px !important; } @media (max-width: 767px) { .nav-arrow{ display:none;} } @media (min-width: 768px) { .nav-arrow{ display:none;} } .tabHeader{ border:none !important; } @media (max-width: 767px) { .itn_nav-arrow{ display:none !important;} } @media (min-width: 768px) { .itn_nav-arrow{ display:none !important;} } .itn_tabHeader{ border:none !important; } .tsk_25{ margin-top:20px; } } .slick-slide img {cursor:pointer; border-radius: 10px;} .tsk_25{ line-height:1.4em; font-size: 1em; font-weight: 600; } .podcasts-slider .slick-list{ margin:0; } .podcasts-slider_tab3 .slick-list{ margin:0; } /* working */ @media (max-width: 767px) { .tab-static { width: 120px !important; overflow: hidden; margin: 1px !important; padding: 6px 10px 10px 10px !important; height: 30px !important; } } @media (max-width: 767px) { .play-icon{ top:70%; } .tsk25{ margin-top:20px;} .img-space{ padding:0; cursor:pointer; } .podcasts-slider .slick-list{ margin:1em;} .itn-tabtwo-slider .slide-container_itn img { width: 100%; } .your-slider1 .slide-container_itn img { width: auto; } .your-slider2 .slide-container_itn img { width: auto; } .your-slider3 .slide-container_itn img { width: auto; } .slide-container_itn img { width: 100%; } /* .slick-list { margin: 35px; } */ @media (min-width: 481px) and (max-width: 600px) { .slider-nav { max-width: 450px; overflow-x: scroll; } } @media (min-width: 601px) and (max-width: 1080px) { .slider-nav { overflow-x: scroll !important; } } @media (min-width: 601px) and (max-width: 767px) { .slider-nav { max-width: 600px; overflow-x: scroll; } } @media (max-width: 767px) { .podcasts_nav-arrow{ display:none !important;} } @media (min-width: 768px) and (max-width: 1024px) { .slider-nav { min-width: 430px; overflow-x: scroll !important; } } @media screen and (max-width:391px) { .slider-nav { max-width: 340px !important; overflow-x:scroll !important; } } @media (min-width: 392px) and (max-width: 480px) { .slider-nav { max-width:360px !important; overflow-x:scroll !important; } } @media (max-width: 1024px) { .slider-nav { overflow-x:scroll !important; } } .slide-container_podcasts img{ width:100%; border-radius:15px; } .award-slider img{ width:100%; } @media (min-width: 768px) { .podcasts_nav-arrow{ display:none !important;} } @media (max-width: 767px) { .play-icon{top: 82%;left: 91%;} .footer_text{ text-align: right; font-size: 0.8em !important; } } .footer_text{ text-align: right; font-size: 1em; } .gallery-slider-rev img{ border-radius:10px; } body{ overflow-x: hidden; /* Ensure this is set to auto or scroll if needed */ overflow-y: scroll; } </style> <script type="text/javascript"> $(document).ready(function() { $(".fancybox").fancybox({ width: 800, height: 600, type: 'iframe', fitToView: false, autoSize: false, closeClick: false, openEffect: 'none', closeEffect: 'none' }); }); </script> <script> $(document).ready(function () { $('.podcasts-slider_tab5').slick({ dots: false, infinite: false, speed: 500, slidesToShow: 5, adaptiveHeight: false, autoplay: false, autoplaySpeed: 2000, arrows: true, prevArrow: '<button type="button" class="slick-prev">Previous</button>', nextArrow: '<button type="button" class="slick-next">Next</button>', responsive: [ { // tablet breakpoint: 991, settings: { slidesToShow: 2 } }, { // mobile portrait breakpoint: 479, settings: { slidesToShow: 1 } } ] }); }); </script> <script> document.addEventListener("DOMContentLoaded", function() { // Get all thumbnail images var thumbnails = document.getElementsByClassName('thumb'); // Loop through all thumbnails and add click event listener for (var i = 0; i < thumbnails.length; i++) { thumbnails[i].addEventListener('click', function() { var newImageSrc = this.getAttribute('data-src'); // Get clicked thumbnail's data-src var newImageAlt = this.alt; // Get clicked thumbnail's alt text var author = this.getAttribute('data-alt'); // Get clicked thumbnail's data-alt // Update main image with new src and alt document.getElementById('mainImage').src = newImageSrc; document.getElementById('mainImage').alt = newImageAlt; document.getElementById('steel_text').innerHTML = newImageAlt; document.getElementById('author').innerHTML = author; }); } }); </script> <style> @media(min-width: 1301px) and (max-width: 1380px){ .slider-nav{ max-width:70% !important; } .buttons-wrapper{ margin-left: 17%; } /* .tab-static{ min-width:200px !important; } */ } .buttons-wrapper{ margin-left: 1% !important; margin-right: 1% !important; } .card{ background: transparent !important; cursor:auto !important; } .center-div{ bottom: 35px; text-align: center; justify-content: center; margin: 0 auto; background: transparent; padding: 32px; display: flex; text-align: center; } .buttons-wrapper{ position: relative; z-index: 1; left: auto; right: auto; } @media(min-width: 1281px) and (max-width: 1380px){ .slider-nav{ max-width:100% !important; } .buttons-wrapper{ margin-left: 0%; } /* .tab-static{ min-width:200px !important; } */ } @media(min-width: 1281px) and (max-width: 1600px){ .tab-static{ padding:17px 12px 8px 12px !important /* padding:14px 10px 12px 10px !important; */ } .slider-nav{ margin:auto; /* max-width: max-content !important; */ } } @media(min-width: 1601px) and (max-width: 1800px){ .tab-static{ padding:15px 15px 13px 15px !important; } .slider-nav{ margin:auto; /* max-width: max-content !important; */ } } @media(min-width: 1801px) and (max-width: 2400px){ .slider-nav{ margin:auto; /* max-width: max-content !important; */ } .buttons-wrapper{ margin-left: 0%; } .tab-static{ padding:13px 25px 13px 25px !important; } } @media(min-width: 2401px) and (max-width: 7800px){ .slider-nav{ margin:auto; /* max-width: max-content !important; */ } .buttons-wrapper{ margin-left: 0%; } .tab-static{ padding:17px 40px 13px 40px !important } } @media (min-width: 992px) and (max-width: 1024px) { .slider-nav{ max-width:100% !important; } } </style> <script> const tab = document.getElementById('draggable-tab'); let isDragging = false; let offsetX, offsetY; tab.addEventListener('mousedown', (e) => { isDragging = true; offsetX = e.clientX - tab.getBoundingClientRect().left; offsetY = e.clientY - tab.getBoundingClientRect().top; document.addEventListener('mousemove', onMouseMove); document.addEventListener('mouseup', onMouseUp); }); function onMouseMove(e) { if (isDragging) { const x = e.clientX - offsetX; const y = e.clientY - offsetY; tab.style.left = `${x}px`; tab.style.top = `${y}px`; } } function onMouseUp() { isDragging = false; document.removeEventListener('mousemove', onMouseMove); document.removeEventListener('mouseup', onMouseUp); } </script> <style> /* tabs style */ .tabsBox .tab-active .active{ color: #fff; background: #0f0f0f; } </style> <script> </script> <script> document.addEventListener('DOMContentLoaded', () => { const sliderNav = document.getElementById('slider-nav'); const leftBtn = document.getElementById('leftBtn'); const rightBtn = document.getElementById('rightBtn'); let isDown = false; let startX; let scrollLeft; sliderNav.addEventListener('mousedown', (e) => { isDown = true; sliderNav.classList.add('active'); startX = e.pageX - sliderNav.offsetLeft; scrollLeft = sliderNav.scrollLeft; }); sliderNav.addEventListener('mouseleave', () => { isDown = false; sliderNav.classList.remove('active'); }); sliderNav.addEventListener('mouseup', () => { isDown = false; sliderNav.classList.remove('active'); }); sliderNav.addEventListener('mousemove', (e) => { if (!isDown) return; e.preventDefault(); const x = e.pageX - sliderNav.offsetLeft; const walk = (x - startX) * 3; //scroll-fast sliderNav.scrollLeft = scrollLeft - walk; }); leftBtn.addEventListener('click', () => { sliderNav.scrollLeft -= 200; // adjust scroll amount as needed }); rightBtn.addEventListener('click', () => { sliderNav.scrollLeft += 200; // adjust scroll amount as needed }); }); </script> <script> document.addEventListener('DOMContentLoaded', () => { const tabLinks = document.querySelectorAll('.tab-active'); tabLinks.forEach(link => { link.addEventListener('click', (event) => { event.preventDefault(); // Remove active class from all tab links and tab panes tabLinks.forEach(link => link.classList.remove('active')); tabPanes.forEach(pane => pane.classList.remove('active')); // Add active class to the clicked tab link and corresponding tab pane link.classList.add('active'); const targetPane = document.querySelector(link.getAttribute('href')); if (targetPane) { targetPane.classList.add('active'); } }); }); }); </script> <style> #steel_text{ color:white; } .steel_text{ color:white; } #author{ font-size:1vw; } @media only screen and (max-width: 767px) { .dis-block-for-responsive { display: block; } } @media only screen and (min-width: 767px) { .dis-block-for-responsive { display: none !important; } } </style> <script>window.onscroll = function() { // Select the header element by its tag name var header = document.querySelector("header"); const threshold = 100; // Set the scroll threshold at 100 // Get the offset of the "press-releases" section var section1 = document.getElementById("press-releases").offsetTop; // Get the current scroll position var scrollPosition = window.pageYOffset; // Add "smallhead" class if the scroll has passed the "press-releases" section // Remove "smallhead" class when the scroll is back to the top or header area if (scrollPosition >= threshold) { header.classList.add("smallhead"); } else if (scrollPosition < threshold) { header.classList.remove("smallhead"); } }; </script> <style> .cursor-auto{ cursor:auto; } .slider .slick-arrow { position: absolute; top: -20px; margin: -20px 0px 0px 0px; z-index: 10; font-size: 0; width: 30px; height: 30px; border:1px solid #3d7edb; } .arrows{ float:right; right:10%; } #press-releases .img-responsive{ width:100%; } .marB30{ margin-bottom:30px; } .text-black{ margin-top:20px; color: black; line-height: 1.4em;outline:none; } .no-border{ border:none; } .float-right{ float: right; } .style-classic{ padding-bottom:5px; } .fa-icon{ font-size: 12px; } .view-more{ float: right; margin-bottom: 1em; } .trending-recent{ font-weight: 600; font-size: 0.9em !important; } .card-body{ background: #F7F7F7; } .black-color-text{ color: black; outline:none; } .card-text{ background: #F7F7F7; font-size: 1em; font-weight: bold; line-height: 1.5em; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; padding: 20px; } .date_class{ color: black; font-size: 0.8em; } .mb-30{ margin-bottom:30px; } .pt-20{ padding-top: 20px; } .gallery_text{ color: black; font-size: 1.2em; text-decoration: none; font-weight: 600; margin-bottom: 0; } .border-black{ border: 1px solid black; } .award-img-layout{ border-radius: 10px; cursor: pointer; width: 100%; } .trending-podcast{ text-align: left; letter-spacing: 2px; font-size: 0.9em; font-weight: bold; margin: 20px 0px; padding-left: 20px; } .podcast-head{ color: black; font-size: 0.9em; font-weight: 600; margin-bottom: 0; padding: 1em; line-height: 1.5em; } .fancybox.iframe , .decor-none{ text-decoration: none; } .videos_text{ font-size: 1em; font-weight: 600; padding: 1em; color: black; line-height: 1.5em; } .mb-20{ margin-bottom:20px; } .recent{ font-weight: 600; font-size: 0.8em; visibility: hidden; } .img-rounded{ border-radius: 10px; width: 100%; cursor: pointer; } .blog-text{ margin-top: 20px; color: black; line-height: 22px; padding: 0 15px; } .w-70{ width:70% !important; } .mb-10{ margin-bottom:10px; } .pt-3{ padding-top:1rem; } .text-uppercase{ text-transform: uppercase; } .thumb_text{ color: black; padding: 0.5em 0.5em 0em 0.5em ; line-height: 22px; } .award_text{ color: black; padding: 20px 2px; } .text-left{ text-align:left; } .trending{ font-weight: 600; font-size: 0.9em !important; } .blog-caption{ text-align: left; padding: 0; line-height: 1.4em; } .gallery-view-more{ float: right; margin-top: 20px; margin-bottom: 20px; } .blog-caption-left{ text-align: left; padding: 1em; line-height: 1.5em; } .m-auto{ margin:auto; } .p-0{ padding:0px; } footer{ display:none; } .pb-20{ padding-bottom:20px; } .mt-20{ margin-top:20px; } .pb-4{ padding-bottom:1.5rem } .podcasts-slider .slick-arrow { position: absolute; top: 50%; } .slick-next { right: -10px; } .slick-prev { left: -10px; } .slider .slick-next{ right:0; } .slider .slick-prev{ left:95%; } @media only screen and (max-width: 767px) { .slider .slick-next{ right:0; } .slider .slick-prev{ left:88%; } } } @media only screen (min-width: 767px) and (max-width: 1024px) { .slider .slick-next{ right:0; } .slider .slick-prev{ left:95%; } } </style> <script> // Array of section IDs const sections = ['.section1', '.section2', '.section3', '.section4']; let currentIndex = 0; // Start with the first section // Show arrow when page is scrolled down $(window).on('scroll', function() { if ($(window).scrollTop() > 100) { $('#scroll-arrow').fadeIn(); } else { $('#scroll-arrow').fadeOut(); } }); // Scroll to the next or previous section on arrow click $('.scroll-arrow').on('click', function() { if ($(this).hasClass('arrow-down')) { // Scroll down if (currentIndex < sections.length - 1) { currentIndex++; // Move to the next section } // Change to upward arrow when reaching the last section if (currentIndex === sections.length - 1) { $('.scroll-arrow').removeClass('arrow-down').addClass('arrow-up'); } } else if ($(this).hasClass('arrow-up')) { // Scroll up if (currentIndex > 0) { currentIndex--; // Move to the previous section } // Change to downward arrow when reaching the first section if (currentIndex === 0) { $('.scroll-arrow').removeClass('arrow-up').addClass('arrow-down'); } } // Smoothly scroll to the target section $('html, body').animate({ scrollTop: $(sections[currentIndex]).offset().top }, 800); }); </script> <style> .scroll-arrow { position: fixed; bottom: 15px; right: 15px; background-color: #000; color: #fff; padding:0px 5px; cursor: pointer; display: none; z-index: 9999; width: 35px; height: 35px; font-size:34px; } /* Downward arrow */ .arrow-down::before { font-family: "FontAwesome"; content: "\f107"; color:#5D5D5D; } /* Upward arrow */ .arrow-up::before { font-family: "FontAwesome"; content: "\f106"; color:#5D5D5D; } </style> <style> .slick-next:before { font-family: 'FontAwesome'; /* Specify Font Awesome 4.7 */ content: "\f105"; color: #007bff; /* Custom icon color */ font-size: 24px; /* Custom icon size */ transition: transform 0.2s ease-in-out; } .slick-next:hover, .slick-prev:focus, .slick-prev:hover{ background: #3d7edb; } .slick-next:before { color:#3d7edb; } .slick-next:hover:before { color: white; } .slick-prev:before { color:#3d7edb; } .slick-prev:hover:before { color: white; } .slick-prev:before { font-family: 'FontAwesome'; /* Specify Font Awesome 4.7 */ content: "\f104"; color: #007bff; /* Custom icon color */ font-size: 24px; /* Custom icon size */ transition: transform 0.2s ease-in-out; } .podcasts-slider .slick-arrow{ border:1px solid #3d7edb; } .slide-container_podcasts_inner_div { /* cursor: pointer; */ position: relative; text-align: center; color: white; margin:0; } .slide-container_podcasts_inner_div img { width:100%; } .podcasts-slider .slick-arrow{ top: -25px; } .podcasts-slider .slick-prev{ left:93%; } .podcasts-slider .slick-next{ right:0%; } @media screen and (max-width: 599px) { .slider .slick-prev{ left:84%; } .slider .slick-next{ right:0; } } @media screen and (max-width: 399px) { .slider .slick-prev{ left:80% !important; } .slider .slick-next{ right:0 !important; } } @media (min-width: 768px) and (max-width: 1024px){ .slider .slick-prev{ left:90% !important; } .slider .slick-next{ right:0; } } @media screen and (min-width: 1024px) and (max-width: 1200px) { .slider .slick-prev{ left:93% !important; } .slider .slick-next{ right:0% !important; } } .podcasts-slider .slick-next{ right:0%; } .podcasts-slider .slick-prev{ left:85%; } @media screen and (max-width: 599px) { .podcasts-slider .slick-prev{ left: 84% !important; } .podcasts-slider .slick-next{ right:0; } } @media screen and (max-width: 399px) { .podcasts-slider .slick-prev{ left:77% !important; } .podcasts-slider .slick-next{ right:0 !important; } } @media only screen and (min-width: 767px) and (max-width: 1024px) { .podcasts-slider .slick-next{ right:0% !important; } .podcasts-slider .slick-prev{ left:90% !important; } } @media only screen and (max-width: 767px) { .podcasts-slider .slick-next{ right:0%; } .podcasts-slider .slick-prev{ left:88%; } } @media screen and (min-width: 1024px) and (max-width: 1200px) { .podcasts-slider .slick-prev { left:93% !important; } .podcasts-slider .slick-next{ right:0% !important; } } .podcasts-slider .slick-arrow{ width:30px; height:30px; } .cancel-btn-right-global{ display:none; } .quick_menu{ display:none; } </style> <style> /* Scroll button styles */ .scroll-button { position: fixed; bottom: 15px; right: 15px; display: flex; background-color: #000; color: white; border: none; padding: 0px 5px; cursor: pointer; width: 35px; height: 35px; font-size: 34px; z-index:9999; color:#5D5D5D; justify-content: center; align-items: center; } .video-slider .slick-next{ right:0; } .video-slider .slick-prev{ left:95%; } /* For devices with screen width up to 399px */ @media only screen and (max-width: 399px) { .video-slider .slick-prev { left: 80% !important; } .video-slider .slick-next { right: 0 !important; } } /* For devices with screen width between 400px and 599px */ @media only screen and (min-width: 400px) and (max-width: 599px) { .video-slider .slick-prev { left: 84% !important; } .video-slider .slick-next { right: 0 !important; } } /* For devices with screen width between 600px and 767px */ @media only screen and (min-width: 600px) and (max-width: 767px) { .video-slider .slick-prev { left: 88% !important; } .video-slider .slick-next { right: 0 !important; } } /* For devices with screen width between 768px and 1024px */ @media only screen and (min-width: 768px) and (max-width: 1024px) { .video-slider .slick-prev { left: 90% !important; } .video-slider .slick-next { right: 0% !important; } } /* For devices with screen width between 1024px and 1200px */ @media only screen and (min-width: 1025px) and (max-width: 1200px) { .video-slider .slick-prev { left: 93% !important; } .video-slider .slick-next { right: 0% !important; } } </style> <script> $(document).ready(function () { // Get all section elements const sections = $('.section'); let currentSectionIndex = 0; // Scroll button element const scrollBtn = $('#scroll-btn'); const scrollIcon = scrollBtn.find('i'); // Get the Font Awesome icon inside the button // Scroll to the next section function scrollToNextSection() { if (currentSectionIndex < sections.length - 1) { currentSectionIndex++; $('html, body').animate({ scrollTop: $(sections[currentSectionIndex]).offset().top }, 800); toggleScrollButton(); } } // Scroll to the previous section function scrollToPrevSection() { if (currentSectionIndex > 0) { currentSectionIndex--; $('html, body').animate({ scrollTop: $(sections[currentSectionIndex]).offset().top }, 800); toggleScrollButton(); } } // Toggle button direction based on current position function toggleScrollButton() { if (currentSectionIndex === sections.length - 1) { scrollIcon.removeClass('fa fa-angle-down').addClass('fa fa-angle-up'); // Change to "up" arrow at the bottom scrollBtn.off('click').on('click', scrollToPrevSection); } else if (currentSectionIndex === 0) { scrollIcon.removeClass('fa fa-angle-up').addClass('fa fa-angle-down'); // Change to "down" arrow at the top scrollBtn.off('click').on('click', scrollToNextSection); } } // Update the current section index based on scroll position function updateCurrentSectionIndex() { sections.each(function (index) { if ($(this).offset().top <= $(window).scrollTop() + $(window).height() / 2) { currentSectionIndex = index; } }); toggleScrollButton(); } // Update section index on scroll $(window).on('scroll', updateCurrentSectionIndex); // Initial button setup scrollBtn.on('click', scrollToNextSection); }); </script> <style> #videos .view-more{ margin-bottom:2em; } .video-slider .slick-arrow { position: absolute; top: -25px; margin: -20px 0px 0px 0px; z-index: 10; font-size: 0; width: 30px; height: 30px; border:1px solid #3d7edb; } @media (max-width: 768px) { .video_icon{ position:absolute; top: 40%; left: 58%; } } .blog-head{ color:black; } tab-static :focus, tab-static:active { color: black; } .itn_img:hover{ border-radius:10px; } .card > a{ padding:0px; } </style> <style> /* Slider container to hold both the slider and arrows */ .slider-container { position: relative; width: 100%; max-width: 1000px; margin: auto; } /* Grid Layout */ /* .your-slider .slick-slide { display: flex; justify-content: center; align-items: center; padding: 10px; } */ .slide { background-color: #f0f0f0; padding: 40px; border: 1px solid #ddd; text-align: center; font-size: 18px; height: 150px; } /* Custom Arrows */ .custom-prev-arrow, .custom-next-arrow { margin: -20px 0px 0px 0px; z-index: 100; font-size: 20px; width: 30px; height: 30px; border: 1px solid #3d7edb; color:#3d7edb; } .custom-next-arrow:hover{ background:#3d7edb !important; color:white !important; } .custom-prev-arrow:hover{ background:#3d7edb !important; color:white !important; } .custom-prev-arrow:hover, .custom-prev-arrow:focus, .custom-next-arrow:hover{ background: #3d7edb;color:white; } .custom-prev-arrow:before{ font-family: 'FontAwesome'; content: "\f104"; font-size: 24px; transition: transform 0.2s ease-in-out; } .custom-next-arrow:before{ font-family: 'FontAwesome'; content: "\f105"; font-size: 24px; transition: transform 0.2s ease-in-out; } /* Custom Arrows */ .custom-prev-arrow-podcasts, .custom-next-arrow-podcasts { margin: -20px 0px 0px 0px; z-index: 100; font-size: 20px; width: 30px; height: 30px; border: 1px solid #3d7edb; color:#3d7edb; } .custom-next-arrow-podcasts:hover{ background:#3d7edb !important; color:white !important; } .custom-prev-arrow-podcasts:hover{ background:#3d7edb !important; color:white !important; } .custom-prev-arrow-podcasts:hover, .custom-prev-arrow-podcasts:focus, .custom-next-arrow-podcasts:hover{ background: #3d7edb;color:white; } .custom-prev-arrow-podcasts:before{ font-family: 'FontAwesome'; content: "\f104"; font-size: 24px; transition: transform 0.2s ease-in-out; } .custom-next-arrow-podcasts:before{ font-family: 'FontAwesome'; content: "\f105"; font-size: 24px; transition: transform 0.2s ease-in-out; } @media (min-width: 990px) { .custom-next-arrow-podcasts, .custom-prev-arrow-podcasts{ display:none; } } /* Custom Arrows videos */ .custom-prev-arrow-videos, .custom-next-arrow-videos { margin: -20px 0px 0px 0px; z-index: 100; font-size: 20px; width: 30px; height: 30px; border: 1px solid #3d7edb; color:#3d7edb; } .custom-next-arrow-videos:hover{ background:#3d7edb !important; color:white !important; } .custom-prev-arrow-videos:hover{ background:#3d7edb !important; color:white !important; } .custom-prev-arrow-videos:hover, .custom-prev-arrow-videos:focus, .custom-next-arrow-videos:hover , .custom-next-arrow-videos:focus{ background: #3d7edb;color:white; } .custom-prev-arrow-videos:before{ font-family: 'FontAwesome'; content: "\f104"; font-size: 24px; transition: transform 0.2s ease-in-out; } .custom-next-arrow-videos:before{ font-family: 'FontAwesome'; content: "\f105"; font-size: 24px; transition: transform 0.2s ease-in-out; } </style> <style> /* Custom Arrows videos */ .custom-prev-arrow-steel, .custom-next-arrow-steel { margin: 0px 0px 0px 0px; z-index: 100; font-size: 20px; width: 30px; height: 30px; border: 1px solid #3d7edb; color:#3d7edb; } .custom-next-arrow-steel:hover{ background:#3d7edb !important; color:white !important; } .custom-prev-arrow-steel:hover{ background:#3d7edb !important; color:white !important; } .custom-prev-arrow-steel:hover, .custom-prev-arrow-steel:focus, .custom-next-arrow-steel:hover , .custom-next-arrow-steel:focus,{ background: #3d7edb;color:white; } .custom-prev-arrow-steel:before{ font-family: 'FontAwesome'; content: "\f104"; font-size: 24px; transition: transform 0.2s ease-in-out; } .custom-next-arrow-steel:before{ font-family: 'FontAwesome'; content: "\f105"; font-size: 24px; transition: transform 0.2s ease-in-out; } .float-at-end{ float: right; } .pb-2{ padding-bottom:0.5rem; } .pt-4{ padding-top:1.5rem; } </style> <!--Scripts Ends--> </body></html>