/*-----------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-right: 20px;*/
    margin-bottom: 0;
    /*z-index: 10;*/
}

.solutions-row .solutions-block .img-outer {
    position: relative;
    /* border-radius: 20px; */
    /* -webkit-border-radius: 20px; */
    -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: rgb(0, 0, 0); */
    background: -moz-linear-gradient(180deg,rgba(0,0,0,.05) 50%,rgba(0,0,0,.7) 85%);
    /* background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, .05) 50%, rgba(0, 0, 0, .7) 85%); */
    /* background: 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);
    /* position: absolute; */
    /* bottom: 0; */
    /* left: 0; */
    /* border-radius: 20px; */
    /* -webkit-border-radius: 20px; */
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    -webkit-filter: 20px;
}
.solutions-row .solutions-block figcaption {
    /* position: absolute; */
    /* bottom: 20px; */
    /* left: 0; */
    /* width: 100%; */
    /* text-align: center; */
    /* z-index: 1; */
    /* transition: all 0.6s; */
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: center; */
    /* min-height: 70px; */
    /* flex-wrap: wrap; */
    /* flex-direction: column; */
    /* padding: 0 10px; */
    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 {
    /* color: #fff; */
    /* font-size: 14px; */
    line-height: 22px;
    /* margin: 0 auto 0px; */
    /* width: 100%; */
    /* transition: display 1.2s; */
    /* opacity: 0; */
    /* visibility: hidden; */
    /* -webkit-transition: display 1.2s; */
    -moz-transition: display 1.2s;
    -ms-transition: display 1.2s;
    -o-transition: display 1.2s;
    /* display: none; */
    font-size: 13.5px;
    color: #323232;
    line-height: 27px;
    margin: 0;
}
.solutions-row .solutions-block:hover figcaption p {
    /* opacity: 1; */
    /* visibility: visible; */
    /* display: block; */
}
.solutions-row .solutions-block figcaption h3 {
    /* color: #fff; */
    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%;
    /* border-radius: 20px; */
    /* -webkit-border-radius: 20px; */
    -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 {
    /* position: sticky; */
    /* top: 124px; */
    /* width: 100%; */
    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;
    /* box-shadow: 0 3px 20px #7682852b; */
}

.partnerships-card {
    background: transparent linear-gradient(180deg, #fff, #ffffff00) 0 0 no-repeat padding-box;
    border-radius: 30px;
    margin-top: 20px;
    /* padding: 90px 30px 30px; */
    position: relative;
    text-align: left;
}
    .partnerships-card .icon {
        align-items: center;
        /* background-color: #fff; */
        border-radius: 100%;
        /* box-shadow: 0 3px 20px #9e9e9e52; */
        display: block;
        display: flex;
        height: 55px;
        justify-content: center;
        /* left: 50%; */
        /* margin-left: -56px; */
        /* padding: 23px; */
        /* position: absolute; */
        /* top: -66px; */
        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;
    /* gap: 30px; */
    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;
    /* padding-right: 34px; */
}
.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;
    /* width: 85%; */
    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;
}

.ukuhmk_tri {
    /* padding: 50px 10px 0; */
    /* background: #fff; */
}

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;
}
}