/*-----------Industry Expertise & Manufacturing Excellence---------*/
.into-section { padding: 50px 0px; } .djbajaa-ami { font-size: 17px; margin-bottom: 5px; color: #c81c2f; position: relative: } .djbajaa-ami:after { content: ''; display: block; width: 22px; margin: 10px 0; border-top: 2px solid #c81c2f; } .dajajaa-aimi { font-size: 32px; margin-bottom: 10px; } .daajaa-ami-new { border-radius: 21px; position: relative; box-shadow: -1px 10px 0px 0px #c81c2f63; } .lapaaa-ami { display: flex; align-items: start; margin-top: 16px; padding: 9px 12px; background: #FFFFFF; border-radius: 12px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08); } .dkaka-aa-ami { font-size: 17px; font-weight: 600; color: #343434; } .djaaaeio-ami { font-size: 14px; } .djaaaj-ami { font-size: 14px; } .djakankaa-ami { margin-left: 16px; } .djaanbvn-ami { background: #e3e3e3; color: #363636; width: 40px; font-size: 17px; height: 40px; border-radius: 50%; display: flex; justify-content: center; align-items: center; } .daajjaam-ami { width: 45px; }
/*-----------Industry Expertise & Manufacturing Excellence---------*/
/*-------------------Industries we serve-----------------*/
section.industry-serve { padding: 50px 0px; background: linear-gradient(#2361a314, #ffffff, #2361a312); overflow: visible; position: relative; } .solutions-row .solutions-block { position: relative; border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; margin-bottom: 0; } .solutions-row .solutions-block .img-outer { position: relative; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; overflow: hidden; margin-bottom: 0; width: 30%; } .solutions-row .solutions-block::after { content: ''; width: 100%; height: 100%; background: -moz-linear-gradient(180deg,rgba(0,0,0,.05) 50%,rgba(0,0,0,.7) 85%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1); -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; -webkit-filter: 20px; } .solutions-row .solutions-block figcaption { width: 70%; } .flip.active, .flip.in-view { transform: perspective(2500px) rotateY(0) !important; opacity: 1; visibility: visible; backface-visibility: visible; transition: transform 0.6s cubic-bezier(0.4, -0.05, 0.25, 1), visibility 0s linear 0s !important; } .solutions-row .solutions-block:hover figcaption { min-height: 100%; } .solutions-row .solutions-block figcaption p { line-height: 22px; -moz-transition: display 1.2s; -ms-transition: display 1.2s; -o-transition: display 1.2s; font-size: 13.5px; color: #323232; line-height: 27px; margin: 0; } .solutions-row .solutions-block figcaption h3 { line-height: 26px; margin: 0 auto 0px; width: 100%; transition: fontWeight .6s; -webkit-transition: fontWeight .6s; -moz-transition: fontWeight .6s; -ms-transition: fontWeight .6s; -o-transition: fontWeight .6s; margin-bottom: 5px; font-size: 20px; font-weight: 600; color: #c81c2f; } .solutions-row .solutions-block:hover::after { background: -moz-linear-gradient(180deg,rgba(0,0,0,.5) 0%,rgba(0,0,0,.7) 85%); background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .7) 05%); background: linear-gradient(180deg, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .7) 95%); } .solutions-row .solutions-block .img-outer img { width: 100%; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; transition: opacity 1.2s, transform 1.2s; -webkit-transition: opacity 1.2s, transform 1.2s; object-fit: cover; height: 251px; -moz-transition: opacity 1.2s, transform 1.2s; -ms-transition: opacity 1.2s, transform 1.2s; -o-transition: opacity 1.2s, transform 1.2s; } .solutions-row .solutions-block:hover img { transform: scale(1.15); -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); } .djabaaaam-ami { font-size: 38px; line-height: 1.25; color: #323232; text-align: center; } .djbaja-ami-new { font-size: 14px; line-height: 25px; text-align: start; } .djjaa-ami-am { margin-bottom: 40px; }
/*-------------------Industries we serve-----------------*/
/*-----------------Why Industries Choose Mascot Metal------------------*/
.why-industry-choose {padding: 50px 0px 50px;}
/*-----------------Why Industries Choose Mascot Metal------------------*/
.partnership-wrapper { padding: 0 50px; } .partnerships-card { background: transparent linear-gradient(180deg, #fff, #ffffff00) 0 0 no-repeat padding-box; border-radius: 30px; margin-top: 20px; position: relative; text-align: left; } .partnerships-card .icon { align-items: center; border-radius: 100%; display: block; display: flex; height: 55px; justify-content: center; width: 55px; object-fit: contain; opacity: .8; margin-bottom: 13px; } .partnerships-card .icon img { height: 100%; max-width: 100%; width: 100%; } .partnerships-card h4{font-size: 20px;font-weight: 600;color: #c81c2f;} .partnerships-card p { font-size: 14px; line-height: 25px; margin-bottom: 0; } .partnerships-card h4:after { content: ''; display: block; width: 22px; margin: 1.125rem 0; border-top: 2px solid #c81c2f; } .rfedf_tri.solutions-row { display: flex; flex-wrap: wrap; width: 70%; } .grgbrfb_tri { width: 100%; padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px solid #c5c5c5; } .grgbrfb_tri:nth-child(even) .solutions-block-in { flex-direction: row-reverse; } .grgbrfb_tri:last-child {padding-bottom:0;margin-bottom:0;border-bottom:0;} .solutions-block-in { display: flex; align-items: center; } p.rgiugi_tri { font-size: 13.5px; color: #323232; line-height: 27px; width: 85%; text-align: left; margin: initial; margin-bottom: 20px; } .heading_tri.efgefg_tri { margin-bottom: 6px; text-align: left; font-size: 32px; } .ukuhmk_tri .efgfedg_tri { position: sticky; top: 150px; height: fit-content; width: 30%; margin-bottom: 58px; } .ukuhmk_tri { display: flex; } a.fuguy_tri { border: 2px solid #c81c2f; display: flex; align-items: center; color: #ffffff; font-weight: 500; border-radius: 5px; padding: 8px 18px; background: #c81c2f; margin-right: 12px; } .fiugyu_tri { display: flex; } section.industry-serve:before { content:""; width: 30%; background: #ffffff; position: absolute; left: 0; top: 0; height: 100%; } .solutions-block-in figcaption h3:after { content: ''; display: block; width: 34px; margin: 15px 0; border-top: 2px solid #c81c2f; } .grgbrfb_tri:nth-child(odd) .solutions-block figcaption{ padding-left: 40px; } .grgbrfb_tri:nth-child(even) .solutions-block-in figcaption p { padding-right: 40px; } @media screen and (max-width: 991px) { .ukuhmk_tri { flex-wrap: wrap; } .ukuhmk_tri .efgfedg_tri { position: relative; top: 0; width: 100%; padding: 38px 15px 30px; background: #fff; margin-bottom: 22px; } .rfedf_tri.solutions-row { width: 100%; padding: 0 15px; } section.industry-serve:before { width: 100%; height: auto; } section.industry-serve { padding: 0 0px 50px; } section.industry-serve .container { padding: 0; } .solutions-block-in { flex-wrap: wrap; } .solutions-row .solutions-block .img-outer { width: 100%; } .solutions-row .solutions-block figcaption { width: 100%; padding-left: 0px !important; margin-top: 15px; } section.why-industry-choose .partnership-wrapper { padding: 0; margin-bottom: 25px; } section.why-industry-choose { padding-bottom: 5px; } }