﻿/*==============Innovation at Mascot Metal===================*/
.who-we-are-section { padding: 50px 0px; } 
.who-are-you-image-content.active { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } 
.who-are-you-image-content { overflow: hidden; position: relative; clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); transition: 2s cubic-bezier(0.5, 0.5, 0, 1); z-index: 1; } 
.who-are-you-image-content::before { content: ''; position: absolute; width: 0px; height: 0px; border-style: solid; border-width: 55px 0 0 55px; border-color: transparent transparent transparent #ffff; transform: rotate(0deg); bottom: 0; z-index: 9; } 
.who-are-you-image-content.active img { transform: scale(1) translate(0px, 0px); } 
.who-are-you-image-content img { height: auto; max-width: 100%; border: none; border-radius: 0; box-shadow: none; vertical-align: middle; display: inline-block; transform: scale(1.5) translate(0, -100px); transform-origin: 50% 50%; transition: 2s cubic-bezier(0.5, 0.5, 0, 1); } 
.who-are-you-image-content img { width: 100%; } 
.who-are-you-image-content::after { content: ''; position: absolute; width: 0px; height: 0px; border-style: solid; border-width: 55px 0 0 55px; border-top: 55px solid #E82329; border-left: 55px solid transparent; bottom: 0; z-index: 9; left: 0; } 
.square-box { position: absolute; width: 50px; height: 50px; background-color: transparent; right: 0px; top: -16px; z-index: 1; width: 80px; height: auto; } 
.square-box { width: 70px; } 
.square-box img { width: 100%; } 
.who-we-are-section .main-heading, .product-container .main-heading { font-weight: 700; font-size: 34px; line-height: 46px; margin-bottom: 24px; color: transparent; background: linear-gradient(to bottom right, #282828 28%, #c81c2f 82%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } 
.read-about p { line-height: 30px; font-size: 15px; } 
.djbakaami_tri { margin-top: 39px; } 
.feg_tri { font-size: 25px; font-weight: 600; color: #c81c2f; } 
.feg_tri:after { content: ''; display: block; width: 28px; margin: 15px 0px; border-top: 2px solid #c81c2f; } 
.dhvavaa_tri-new-j { font-size: 14px; font-style: italic; } 
.pl_tri { padding-right: 30px; }
/*==============Innovation at Mascot Metal===================*/
/*==============Process Optimization===================*/
.solutions { background: linear-gradient(#2361a31a, #ffffff, #2361a31a); padding: 45px 0px 50px; } 
.solutions p.utewrfef_tri { text-align: center; margin-bottom: 50px; } 
section.process-optimization.solutions h2.heading_tri { margin-bottom: 10px; } 
.solutions .advantages { padding: 0; height: 100%; } 
.solutions .advantages i { font-size: 2rem; color: #0071ce; } 
.rgregdg_tri { width: 25%; margin-right: 25px; padding-right: 25px; border-right: 1.5px solid #a9a9a963; } 
.rgregdg_tri:last-child { border: 0; margin: 0; padding: 0; } 
.solutions h5 { font-size: 20px; font-weight: 600; color: #c81c2f; padding-right: 15%; line-height: 30px; } 
.solutions p { font-size: 13.5px; margin-bottom: 0px; text-align: left; line-height: 27px; } 
.efyguy_tri { display: flex; } 
h5.sgjajja_tri:after { content: ''; display: block; width: 22px; margin: 1.125rem 0; border-top: 2px solid #c81c2f; } 
.process-optimization .col-lg-2 { padding: 0px 2px; } 
.hbaababj_tri-new { color: #323232; } 
.djjajlpo_tri { width: 45px; opacity: .7; }
/*==============Process Optimization===================*/
/*==============Advanced Manufacturing Technology===================*/
.advanced-manufacturing-technology { padding: 60px 0px; } 
.m-listing-cards__card .card--link { overflow: hidden; } 
.m-listing-cards__card .card { align-items: center; border-radius: 0px; display: flex; flex-direction: column; height: 100%; justify-content: flex-end; min-height: 346px; padding-top: 2.7rem; position: relative; text-decoration: none; transition: all .2s ease-in; width: 100%; } 
.m-listing-cards__card .card .media_image { display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } 
.m-listing-cards__card .card .media_image img { display: block; height: 100%; object-fit: cover; object-position: center; width: 100%; } 
.m-listing-cards__card .card .wrapper-content { padding: 1.2rem; } 
.m-listing-cards__card .card .wrapper-content { background: linear-gradient(180deg, rgba(21, 21, 57, 0), #000000 78.12%); filter: drop-shadow(0 4px 40px rgba(0, 0, 0, .04)) drop-shadow(0 8px 24px rgba(0, 0, 0, .04)); padding: 3rem 1.2rem 1.2rem; width: 100%; } 
.m-listing-cards__card .card .wrapper-content .card-title { color: #fff; display: inline-block; font-size: 1.1rem; margin-bottom: .2rem; overflow: hidden; position: relative; text-decoration: none; } 
.m-listing-cards__card .card .wrapper-content .description { color: #fff; font-size: .8rem; margin-bottom: 0px; } 
.m-listing-cards__card .card--link:after { background: linear-gradient(180deg, rgba(21, 21, 57, 0), #000000 78.12%); content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; transform: translateY(100%); transition: transform .5s ease; width: 100%; z-index: 1; } 
.m-listing-cards__card .card--link:hover:after { transform: translateY(0); } 
.m-listing-cards__card .card--link:hover .wrapper-content { z-index: 2; } 
.m-listing-cards__card .card--link:hover .wrapper-content .card-title { color: #f7b4bb; }
/*==============Advanced Manufacturing Technology===================*/
@media screen and (max-width: 991px) {
.rgregdg_tri { width: 100%; margin-right: 0; padding-right: 0; border-right: 0 solid #a9a9a963; border-bottom: 1.5px solid #a9a9a963; margin-bottom: 25px; padding-bottom: 25px; } 
.efyguy_tri { flex-wrap: wrap; } 
.m-listing-cards__card .card { margin-bottom: 12px; height: auto; }
}
