.brdr_btm_fff {
    border-bottom: 1px solid #ffffff;
}

.manufacWrap2 {
    box-shadow: 0px 0px 30px #00486830;
    border-radius: 20px;
    padding: 20px;

    .manufacBxWrap {
        .manufacBxInn {
            padding: 26px 0 30px;

            .manufacBxIcn {
                width: 80px;
                height: 80px;
                padding: 10px;
                margin-bottom: 15px;

                img {
                    width: 100%;
                    height: 100%;
                    object-fit: contain;
                }
            }
        }

        .echmanufacBx {
            margin-bottom: 0;
            position: relative;

            &::before {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 1px;
                background-color: #ffffff;
            }

            &::after {
                content: "";
                position: absolute;
                top: 0;
                right: 0;
                width: 1px;
                height: 100%;
                background-color: #ffffff;
            }

            &:first-child,
            &:nth-child(2),
            &:nth-child(3) {
                &::before {
                    display: none;
                }
            }

            &:nth-child(3n + 3) {
                &::after {
                    display: none;
                }
            }
        }
    }
}

.manufacBxClrWRap {
    .manufacBxClrInn {
        height: 100%;
        background-color: #006cb7;
        border-radius: 20px;
        padding: 20px;

        .manufacBxClrIcn {
            width: 80px;
            height: 80px;
            padding: 10px;
            margin-bottom: 20px;
            position: relative;

            img {
                width: 100%;
                height: 100%;
            }

            &::after {
                content: "";
                position: absolute;
                bottom: 0;
                left: 0;
                width: 80px;
                height: 2px;
                background-color: #ffffff;
            }
        }
    }
}

.manufacQuWrap {
    background-color: #006cb7;
    margin-top: 30px;
    border-radius: 20px;
    padding: 20px;

    .manufacQuHead {
        display: flex;
        align-items: center;
        margin-bottom: 20px;

        .manufacQuHeadIcn {
            width: 80px;
            height: 80px;
            padding: 10px;

            img {
                width: 100%;
                height: 100%;
                object-fit: contain;
            }
        }

        .manufacQuHeadTxt {
            h4 {
                margin-bottom: 0;
            }
        }
    }

    .manufacQuRow {
        display: flex;
        flex-wrap: wrap;

        .manufacQuCol {
            width: calc(20% - 10px);
            padding: 10px;

            .manufacQuInn {
                position: relative;
                height: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
                text-align: center;

                &::after {
                    content: "";
                    position: absolute;
                    top: 0;
                    right: -10px;
                    width: 1px;
                    height: 100%;
                    background-color: #ffffff;
                }
            }

            &:last-child {
                .manufacQuInn {
                    &::after {
                        display: none;
                    }
                }
            }
        }
    }
}

.manufacTxtWrap_4 {
    background-color: #58afb3;

    .manufacAdvBx {
        display: flex;

        .manufacAdvIcn {
            width: 100px;
            height: 100px;
            padding: 10px;

            img {
                width: 100%;
                height: 100%;
                object-fit: contain;
            }
        }

        .manufacAdvTxt {
            width: calc(100% - 100px);
            padding-left: 20px;
        }
    }
}

.manufacTxtWrap_4 {
    .row_2 {
        .customList {
            & li {
                color: #ffffff;

                &::before {
                    color: #ffffff;
                }
            }
        }
    }
}

.manufacShadow {
    box-shadow: 0px 0px 22px #00535738;
    border-radius: 20px;
    padding: 30px;
}

.manufacTrainWrap {
    background-color: #006cb7;
    padding: 20px;
    padding-bottom: 0;
    border-radius: 20px;
}

.manufacTrnRow {
    display: flex;
    flex-wrap: wrap;

    .manufacTrnCol {
        width: calc(100% - 300px);
        padding-right: 10px;
    }

    .manufacTrnImg {
        width: 300px;
    }
}

.manufacTrnIcn {
    display: flex;
    flex-wrap: wrap;
    box-shadow: 0px 0px 30px #006cb729;
    border-radius: 20px;
    padding: 20px;

    .echManufacTrn {
        width: calc(33.33% - 10px);
        padding: 10px;

        &:not(:last-child) {
            margin-bottom: 20px;
            padding: 10px;
        }

        .imgBox {
            height: 100%;
        }

        img {
            object-fit: contain;
        }
    }
}

/* --------------------------------------------------------------------------------
   Responsive
-------------------------------------------------------------------------------- */

/* the quality process band is a hard five-across, so its labels start colliding
   long before a phone - three, then one */
@media (max-width: 1199px) {
    .manufacQuWrap {
        .manufacQuRow {
            justify-content: center;
        }
    }
    .manufacQuWrap .manufacQuRow .manufacQuCol {
        width: calc(33.33% - 10px);

        /* the divider belongs between columns, not at the end of a row */
        &:nth-child(3n) .manufacQuInn::after {
            display: none;
        }
    }
}

@media (max-width: 991px) {
    /* the dividers assume a three-across grid: a rule down the right of every card
       except the third, and none above the first row. Stacked, the vertical rule
       hangs off the side of a full-width block and the horizontals land at random */
    .manufacWrap2 .manufacBxWrap .echmanufacBx {
        &::after {
            display: none;
        }

        &:nth-child(2),
        &:nth-child(3) {
            &::before {
                display: block;
            }
        }
    }

    /* the copy column is sized around a 300px cut-out, which leaves it barely wide
       enough for one word per line once the viewport is the same order of size */
    .manufacTrnRow {
        .manufacTrnCol {
            width: 100%;
            padding-right: 0;
        }
        .manufacTrnImg {
            width: 100%;
            max-width: 300px;
            margin: 0 auto;
        }
    }
    .manufacTxtWrap_2{
        .manufacBxClrWRap{
            .row_1{
                .col-lg-3{
                    &:not(:last-child){
                        margin-bottom: 10px;
                    }
                }
            }
        }
    }
    .manufacTxtWrap_4{
        .row_1, .row_2 {
            .col-lg-8{
                margin-bottom: 20px;
            }
        }
    }
    .manufacTxtWrap_5{
        .row_1{
            .col-lg-4{
                &:not(:last-child){
                    margin-bottom: 20px;
                }
            }

            .manufacBxClrWRap {
                .manufacBxClrInn {
                    text-align: center;
                    .manufacBxClrIcn{
                        margin: 0 auto 20px;
                    }
                }
            }
        }
    }
}

@media (max-width: 767px) {
    .manufacWrap2 {
        padding: 15px;
    }
    .manufacBxClrWRap .manufacBxClrInn,
    .manufacQuWrap,
    .manufacTrainWrap,
    .manufacTrnIcn {
        padding: 16px;
    }
    .manufacTrainWrap {
        padding-bottom: 0;
    }
    .manufacShadow {
        padding: 20px;
    }

    .manufacWrap2 .manufacBxWrap .manufacBxInn .manufacBxIcn,
    .manufacBxClrWRap .manufacBxClrInn .manufacBxClrIcn,
    .manufacQuWrap .manufacQuHead .manufacQuHeadIcn {
        width: 64px;
        height: 64px;
        padding: 8px;
    }
    .manufacBxClrWRap .manufacBxClrInn .manufacBxClrIcn::after {
        width: 64px;
    }

    .manufacQuWrap .manufacQuRow .manufacQuCol {
        width: 100%;

        /* stacked, the rule reads as a divider between rows instead of columns */
        .manufacQuInn {
            padding-bottom: 10px;

            &::after {
                top: auto;
                right: 0;
                bottom: 0;
                width: 100%;
                height: 1px;
            }
        }
        &:last-child .manufacQuInn {
            padding-bottom: 0;
        }
    }

    .manufacTxtWrap_4 .manufacAdvBx {
        .manufacAdvIcn {
            width: 70px;
            height: 70px;
            padding: 8px;
        }
        .manufacAdvTxt {
            width: calc(100% - 70px);
            padding-left: 15px;
        }
    }

    .manufacTrnIcn .echManufacTrn {
        width: calc(50% - 10px);
    }

    
    .manufacTxtWrap_3{
        .row_1{
            .lftImg{
                float: none;
                width: 100%;
                margin-left: 0 !important;
                margin-bottom: 20px !important;
            }
        }
    }
}