.page-hero { padding: 120px 0 80px; background: radial-gradient(circle at top left, rgba(255, 255, 255, 0.18), transparent 35%), linear-gradient(135deg, rgba(199, 58, 58, 0.96), rgba(168, 31, 31, 0.9)); color: #ffffff; text-align: center; display: flex; align-items: center; justify-content: center; min-height: 360px; position: relative; overflow: hidden; } .page-hero::before { content: ''; position: absolute; inset: 0; background: radial-gradient(circle at top right, rgba(255, 255, 255, 0.2), transparent 20%), radial-gradient(circle at bottom left, rgba(255, 255, 255, 0.15), transparent 20%); pointer-events: none; } .page-hero .hero-inner { position: relative; z-index: 1; } .page-hero h1 { font-size: clamp(3.8rem, 5vw, 6rem); font-weight: 900; letter-spacing: 0.05em; margin-bottom: 1rem; text-transform: uppercase; transition: transform 0.25s ease, color 0.25s ease; cursor: pointer; } .page-hero h1:hover { transform: translateY(-4px); color: #ffffff; } .page-hero p { font-size: 1.05rem; max-width: 760px; margin: 0 auto; line-height: 1.8; color: #000; opacity: 1; } .page-hero p:hover { color: #111; } .news-card { border: none; border-radius: 24px; overflow: hidden; transition: transform 0.25s ease, box-shadow 0.25s ease; box-shadow: 0 20px 50px rgba(0, 0, 0, 0.08); background: #ffffff; display: flex; flex-direction: column; height: 100%; } .news-card:hover { transform: translateY(-10px); box-shadow: 0 34px 90px rgba(0, 0, 0, 0.14); } .news-card .card-img-top { object-fit: cover; height: 280px; transition: transform 0.3s ease; flex-shrink: 0; } .news-card:hover .card-img-top { transform: scale(1.05); } .news-card .card-body { padding: 2rem; flex-grow: 1; display: flex; flex-direction: column; } .news-card .card-title { font-size: 1.4rem; font-weight: 800; margin-bottom: 0.8rem; } .news-card .card-text { color: #4f4f4f; line-height: 1.8; margin-bottom: 1.5rem; } .news-card .btn-article { background: #c73a3a; color: #fff; border-radius: 999px; padding: 0.95rem 1.8rem; border: 1px solid #c73a3a; transition: background 0.2s ease, transform 0.2s ease; margin-top: auto; } .news-card .btn-article:hover { background: #9b2a2a; color: #fff; transform: translateY(-2px); } .hero-featured { border-radius: 32px; overflow: hidden; box-shadow: 0 34px 100px rgba(0, 0, 0, 0.16); background: #111; color: #fff; position: relative; width: 100%; transition: transform 0.3s ease, box-shadow 0.3s ease; height: 550px; } .hero-featured:hover { transform: translateY(-8px); box-shadow: 0 50px 120px rgba(0, 0, 0, 0.25); } .hero-featured.swiper { width: 100%; border-radius: 32px; height: 550px; } .hero-featured .swiper-slide { position: relative; height: 550px; } .hero-featured img { width: 100%; height: 100%; object-fit: cover; display: block; filter: brightness(0.7); transition: transform 0.5s ease, filter 0.5s ease; } .hero-featured:hover img { transform: scale(1.05); filter: brightness(0.5); } .hero-featured .featured-copy { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: flex-end; padding: 2rem; background: linear-gradient(180deg, transparent 45%, rgba(0, 0, 0, 0.86) 100%); } .hero-featured .featured-copy span { background: rgba(255, 255, 255, 0.12); color: #fff; padding: 0.45rem 0.95rem; border-radius: 999px; font-size: 0.9rem; display: inline-block; margin-bottom: 1rem; width: fit-content; } .hero-featured .featured-copy h3 { font-size: clamp(2rem, 3vw, 3rem); margin-bottom: 1rem; letter-spacing: 0.01em; } .hero-featured .featured-copy p { color: rgba(255, 255, 255, 0.88); max-width: 620px; line-height: 1.8; margin-bottom: 1.5rem; } .hero-featured .featured-copy a { display: inline-flex; align-items: center; gap: 0.5rem; background: #ffffff; color: #c73a3a; padding: 0.95rem 1.6rem; border-radius: 999px; font-weight: 700; text-decoration: none; width: fit-content; transition: background 0.2s ease; } .hero-featured .featured-copy a:hover { background: #f5f5f5; } .trending-card { border-radius: 24px; border: 1px solid rgba(0, 0, 0, 0.06); padding: 1.75rem; box-shadow: 0 18px 40px rgba(0, 0, 0, 0.04); margin-top: 1.5rem; background: #fff; } .trending-card strong { display: block; margin-bottom: 1rem; font-size: 1rem; color: #333; } .trending-card h5 { color: #ffffff; } .trending-card .card-text { color: #ffffff; } .tag-pill { display: inline-block; margin: 0 0.35rem 0.35rem 0; padding: 0.5rem 0.95rem; background: #f7f2f2; color: #333; border-radius: 999px; font-size: 0.9rem; } .btn-load-more { background: #c73a3a; color: #fff !important; border-radius: 999px; padding: 0.95rem 2rem; border: 1px solid #c73a3a; transition: background 0.2s ease, transform 0.2s ease; display: inline-flex; align-items: center; justify-content: center; } .btn-load-more:hover { background: #9b2a2a; color: #fff !important; transform: translateY(-2px); } .subscribe-card { background: #1a1a1a; border-color: #333; padding: 1.5rem !important; max-width: 100%; } .subscribe-card h5 { font-size: 1.1rem; margin-bottom: 0.75rem; } .subscribe-card .card-text { font-size: 0.9rem; margin-bottom: 0.75rem; } .subscribe-card .form-control { background: #2a2a2a; border-color: #444; color: #fff; padding: 0.65rem 0.9rem; font-size: 0.9rem; } .subscribe-card .form-control::placeholder { color: #999; } .subscribe-card .form-control:focus { background: #2a2a2a; border-color: #c73a3a; color: #fff; box-shadow: 0 0 0 3px rgba(199, 58, 58, 0.1); } .subscribe-card .btn-article { color: #ffffff !important; background: #c73a3a; border-color: #c73a3a; padding: 0.65rem 1.5rem; font-size: 0.95rem; } .subscribe-card .btn-article:hover { color: #ffffff !important; background: #9b2a2a; border-color: #9b2a2a; } .subscribe-note { font-size: 0.85rem; color: rgba(255, 255, 255, 0.75); line-height: 1.6; margin-bottom: 0.75rem; } .featured-swiper-button-next, .featured-swiper-button-prev { color: #c73a3a; width: 40px; height: 40px; background: rgba(255, 255, 255, 0.12); border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease; } .featured-swiper-button-next:hover, .featured-swiper-button-prev:hover { background: #c73a3a; color: #fff; } .featured-swiper-pagination { bottom: 20px; } @media (max-width: 991px) { .page-hero { min-height: 300px; } .hero-featured { height: 420px; } .hero-featured.swiper { height: 420px; } .hero-featured .swiper-slide { height: 420px; } } .page-footer { background: #f9f9f9; padding: 4rem 0 2rem; } .page-footer .contact-link, .page-footer .footer-text { color: #333; } .page-footer .footer-text a { color: #c73a3a; text-decoration: none; transition: color 0.2s ease; } .page-footer .footer-text a:hover, .page-footer .contact-link:hover { color: #9b2a2a; } @media (max-width: 767px) { .page-hero { padding-top: 80px; } .page-hero h1 { font-size: 3rem; } }

News & Articles

Latest updates, stories, and expert insights from MRG Engineering. Explore our thought leadership, recent news, and industry commentary crafted for clients, partners, and engineering professionals.

Featured article 1
Featured Insight

Building user-first digital products for modern engineering teams

Discover how MRG Engineering merges smart digital solutions with practical industry know-how to accelerate growth and productivity.

Read featured story
Featured article 2
Featured Insight

Sustainable engineering solutions for tomorrow's challenges

Explore how MRG Engineering is pioneering sustainable practices across mechanical, electrical, and civil engineering.

Read featured story
Featured article 3
Featured Insight

Digital transformation reshaping engineering procurement

Discover the latest tools and strategies that are transforming how engineering teams procure and manage resources.

Read featured story
Featured article 4
Featured Insight

Top engineering trends shaping the next decade

A deep dive into the technologies and methods that will define modern engineering projects in 2026.

Read featured story
Featured article 5
Featured Insight

How IT products accelerate digital transformation

Discover the role of custom portals, dashboards and process automation in building smarter businesses.

Read featured story
Featured article 6
Featured Insight

Project spotlight: modernizing operations for clients

A showcase of recent client work and how engineering design improved outcomes across industries.

Read featured story
Engineering trends
Insights 2026
Top engineering trends shaping the next decade

A deep dive into the technologies and methods that will define modern engineering projects in 2026.

Read Article
IT innovation
Digital Transformation
How IT products accelerate digital transformation

Discover the role of custom portals, dashboards and process automation in building smarter businesses.

Read Article
Project spotlight
Projects Case Study
Project spotlight: modernizing operations for clients

A showcase of recent client work and how engineering design improved outcomes across industries.

Read Article
Industry insights
Strategy Innovation
What tomorrow means for mechanical and civil engineering

Insights from our team on sustainable design, smarter procurement, and digital infrastructure.

Read Article
Engineering leadership
Leadership Growth
Building stronger engineering teams with digital collaboration

Learn how connected workflows and smarter communication tools improve project delivery and team performance.

Read Article
Procurement innovation
Procurement Systems
Smarter procurement systems for faster engineering execution

See how integrated procurement workflows reduce delays, improve visibility, and support better decision-making.

Read Article
Load More Articles