/*about css start here*/
p{margin-bottom:2rem;}
.inner-panel .container{max-width:100vw;}
.inner-panel {
    padding-top: 12.3rem;
}

.img-baner.img-fluid {
    width: 100%;
    /* height: 346px; */
    background-size: cover !important;
    background-position: bottom !important;
}
.title-panel {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    text-align: center;
}

.title-content {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding:5.6rem 0rem 8.5rem;
}
.title-content p {
    margin-bottom: 0;
    margin-top: 2rem;
}
.title-content h2 {
    color: #fff;
    font: var(--text-16);
}

.title-content h1 {
    color: #fff;
}
.title-content p {
    color: #fff;
    font-weight: normal;
}

.title-content blockquote {
    color: #fff;
    font-size: 2.6rem;
    font-weight: 100;
    margin: 3rem 0rem 1rem;
}
.title-content h1 {
    font: var(--text-24);
    margin: 2rem 0;
    position: relative;
    padding-top: 2rem;
    font-weight: 900;
}

.title-content h1:before {
    content: "";
    width: 25px;
    height: 2px;
    background: #D82727;
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    margin: auto;
}
.title-panel2{position: relative;}
.title-panel2:before {
    content: "";
    width: 26px;
    height: 78px;
    background: #D82727;
    top: 0;
    position: absolute;
    left: 0;
    z-index: 1;
}
.title-panel2 .img-baner {
    width: 100%;

    object-fit: cover;
}


@media (min-width: 1600px){

    .inner-header .container-fluid.px-0.maxwidth {
        /* max-width: 1640px; */
    }

}

ul.fact-number {
    padding: 5rem 0px 0rem 6rem;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0;
}

ul.fact-number li {
    width: 50%;
    padding: 1rem 0rem 4rem;
}

ul.fact-number li h2 {
    font: var(--text-36);
    color: var( --color-prime);
    font-weight: bold;
    position: relative;
    padding: 1.5rem 0 0;
    margin-bottom: 0;
}
ul.fact-number li h2:before {
    content: "";
    width: 30px;
    height: 3px;
    background: var( --color-prime);
    position: absolute;
    top: 0;
    opacity: 83%;
}

.company-profile2 {
    padding-block: 7.5rem 6.7rem;
    border-top: 1px solid #70707030;
    margin-top: 5rem;
}
.fact-text2 h2 {
    margin-bottom: 2.8rem;
    font: var(--text-24);
    font-weight: 900;
    color: #212121;
}
.company-profile2 .col-md-6 figure {
    padding-right: 6rem;
}
.fact-text2 .btn-group {
    margin-top: 2.5rem;
}

.Comprehensive-Product-Range{background: var( --color-prime);padding: 8rem 50rem 8rem 18rem;}
.Comprehensive-Product-Range h2{
    margin-bottom: 3.8rem;
    font: var(--text-24);
    font-weight: 900;
    color: #fff;
    }
    .Comprehensive-Product-Range blockquote{color:#fff;font: var(--text-26);font-weight:100;line-height: inherit;margin-bottom: 0;}

    .fact-text3 {
        padding: 7rem 9rem 5rem 10rem;
    }
    .fact-text3 .btn-group {
        margin-top: 2.5rem;
    }


    .company-profile5 h2{
        margin-bottom: 2.5rem;
        font: var(--text-24);
        font-weight: 900;
        color: #212121;
        }

        .career-obj {
            padding-block:8rem 10rem;
            padding-inline: 9rem;
        }

        .career-obj ul {
            display: grid;
            grid-template-columns: 3fr 3fr 3fr;
            list-style: none;
            padding: 3rem 0;
            gap: 4px;
        }
        
        .career-obj ul li {
            background: #fff;
            padding: 3rem 4rem;
        }
        
        .career-obj ul li figure {
            width: 40px;
            margin-bottom: 1rem;
        }
        
        .career-obj h5 {
            color: var( --color-prime);
            font: var(--text-12);
            margin: 0;
        }

        .Vision   h2{
            margin-bottom: 2.8rem;
            font: var(--text-24);
            font-weight: 900;
            }
            


            .Vision ul {
                display: grid;
                grid-template-columns: 1fr 1fr 1fr 1fr;
                list-style: none;
                padding: 1rem 0;
                gap: 0;
            }
            
            .Vision ul li {
                padding: 2.3rem 2.5rem 4rem;
                font: var(--text-15);
                position: relative;
                background: #fff;
            }
            .Vision ul li:after {
                content: "";
                width: 130px;
                height: 3px;
                background: #fff;
                position: absolute;
                bottom: 0;
                left: 0;
            }
            .company-profile6 {
                padding: 4rem 0px 10rem;
            }
            ul.fact-number p {
                font: var(--text-10);
            }
            .fact-text {
                padding-top: 4.7rem;
                padding-right: 35rem;
            }
            
            .fact-text p {
                line-height: 1.6;
                margin-bottom: 2.5rem;
            }
            .company-profile4 figure img {
                width: 100%;
            }

            

            ul.joint-venture-logo {
                display: flex;
                align-items: center;
                justify-content: center;
                list-style: none;
                padding: 0;
                gap: 15px;
                margin-top: -4rem;
                position: relative;
            }
            .vision_mission_inner {
                padding-left: 18rem;
                position: relative;
            }
            .vision_mission_inner:before {
                content: "";
                width: 0.9rem;
                height: 5.2rem;
                background: #7A8CFF;
                position: absolute;
                bottom: -40px;
                left: 10rem;
            }
            .vision_mission_inner:after {
                content: "";
                width: 0.9rem;
                height: 22.6rem;
                background: url(../images/line.jpg);
                position: absolute;
                bottom: -19rem;
                right: 70px;
            }
            .vision_mission_left {
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                gap: 3.5rem;
                height: 100%;
                align-content: center;
                padding-bottom: 5rem;
            }
            .vision_mission_top h2 {
                font: var(--text-21);
                font-weight: 900;
                margin-bottom: 3rem;
            }
            .vision_mission_top {
                max-width: 40rem;
            }
            .vision_mission_main {
                position: relative;
            }
            .vision_mission_main:before {
                content: "";
                width: 100%;
                height: 63%;
                background: #D82727;
                position: absolute;
                left: 0;
                right: 0;
                bottom: 0;
                z-index: -1;
            }
            .vision_mission_item h4 {
                font: var(--text-21);
                font-weight: 900;
                color: #fff;
                margin-bottom: 3rem;
                margin-top: 2rem;
                padding-top: 1rem;
            }
            .vision_mission_left1 {
                padding-left: 3.5rem;
            }
            .vision_mission_item {
                position: relative;
            }
            .vision_mission_item:before {
                content: "";
                width: 0.1rem;
                height: 100%;
                background: rgba(255,255,255,0.34);
                position: absolute;
                left: -3.5rem;
            }
            .vision_mission_item p {
                margin: 0;
                color: #fff;
            }
            .vision_mission_top + .row {
                --bs-gutter-x: 4rem;
            }
            ul.joint-venture-logo li {
                background: #fff;
                padding: 5rem 3rem;
                height: 100%;
            }
            
            ul.joint-venture-logo li img {
                width: 20rem;
            }
            .joint-venture-text1 {
                padding-block: 10rem;
                max-width: 62%;
                margin-inline: auto;
            }
            
            .joint-venture-text1 p:not(:last-child) {
                padding-bottom: 1rem;
            }
            .joint-venture-text2 .col-md-6:has(p) {
                display: flex;
                align-items: center;
                justify-content: center;
                color:var( --color-prime);
            }
            .joint-venture-text2 .partnership_bx{
                padding-inline: 7rem 30rem;
                height: 100%;
                align-content: center;
            }
            
            .joint-venture3 {
                padding-bottom: 10rem;
            }

            .de-panel1 {
                padding: 6rem 0;
            }
            
            .de-panel1-text {
                padding:0rem 13rem 0rem 15rem;
                display: flex;
                flex-direction: column;
                height: 100%;
                justify-content: center;
            }
            
            .de-panel1-text h2 {   margin-bottom: 2.8rem;
                font:var(--text-21);
                font-weight: 900;}

                .de-panel1-text blockquote{
                    margin-bottom: 2.8rem;
                    font: var(--text-18);
                    font-weight: 400;
                    }


                    .de-panel2-text h2 {   margin-bottom: 2.8rem;
                        font:var(--text-21);
                        font-weight: 900;}
        
                        .de-panel2-text blockquote{
                            margin-bottom: 2.8rem;
                            font: var(--text-24);
                            font-weight: 400;
                            }
                            .de-panel2-text {
                                text-align: center;
                                background: #fff;
                                padding: 8rem 4rem;
                            }
                            
                            .de-panel2-text blockquote {
                                line-height: normal;
                                font-weight: 300;
                                margin-bottom: 0;
                            }.de-panel1 img {
                                width: 100%;
                            }

                            .de-panel2 figure {
                                position: relative;
                                width: 90vw;
                                left: 50%;
                                right: 50%;
                                margin-left: -45vw;
                                margin-right: -45vw;
                            }
                            .de-panel2 {overflow: hidden;}

                            .de-panel3 {
                                padding: 8rem 0;
                            }
                            
                            .de-panel3-text {
                                display: flex;
                                flex-direction: column;
                                justify-content: center;
                                height: 100%;
                                padding: 0 8rem;
                                background: var( --color-prime);
                                color: #fff;
                            }
                            
                            .de-panel3-text blockquote {font: var(--text-16);}
                            .de-panel3-text{font: var(--text-10);}
                            .quality-panel1 {
                                padding: 5rem 0;
                            }
                            
                            .quality-panel1-text {
                            max-width: 81%;
                            margin: auto;
                            }
                            .qualitye-panel1 {
                                padding: 6rem 0 12rem;
                            }

                            .quality-box-text {
                                display: flex;
                                gap: 0;
                                align-items: center;
                                border-top: 1px solid #ddd;
                                border-bottom: 1px solid #ddd;
                                padding: 1.5rem 0;
                                margin: 0 5rem 2rem 8rem;
                            }
                            
                            .quote-icon img {
                                width: 5rem;
                            }
                            
                            .quote-text blockquote {
                                font: var(--text-34);
                                line-height: normal;
                                font-weight: 300;
                            }
                            
                            .quote-icon {
                                margin-left: -8rem;
                                margin-right: 3rem;
                            }
                            
                            .quality-panel2-text p {
                                padding-left: 8rem;
                                padding-right: 12rem;
                                margin-bottom: 0rem;
                                font: var(--text-16);
                                font-weight: 600;
                            }
                            
                            
                            .quality-panel2-text .quote-text p {
                                padding: 0;
                            }
                            .quality-panel3 {
                                padding-top: 8rem;
                            }
                            .de-panel3.quality-panel4 {
                                padding-top: 5rem;
                                padding-bottom: 12rem;
                            }
                            .de-panel3.quality-panel4 .de-panel3-text{padding: 0rem 10rem;}
                            /* .de-panel3.quality-panel4 figure {
                                height: 100%;
                                max-height: 100%;
                            } */
                            /* .de-panel3.quality-panel4 figure img {
                                height: 100%;
                                max-height: 100%;
                            } */
                            .quality-panel2 figure img {
                                width: 100%;
                                height: 100%;
                            }
                            .quality-panel2 figure {
                                height: 100%;
                            }
                      

                            .certification h2 {
                                margin-bottom: 2.8rem;
                                font: var(--text-21);
                                font-weight: 900;
                            }
                            .certification blockquote {
                                font: var(--text-16);
                                line-height: 1.6;
                            }
                            .certification {
                                max-width: 80%;
                                margin: auto;
                            }
                            
                            .certification figure {
                                background: #fff;
                                height: 100%;
                                padding: 8rem;
                            }
                            
                            .certification .row {
                                margin-bottom: 3rem;
                                margin-top: 3rem;
                            }
                            
                            .quality-panel5 {
                                padding-bottom: 10rem;
                            }

                            .manfacturing-panel1 {
                                padding: 10rem 0 6rem;
                            }
                            
                            .manfacturing-panel1-text {
                            max-width: 80%;
                            margin-inline: auto;
                            }
                            
                            .manfacturing-panel1-text p {
                                position: relative;
                                margin-bottom: 0.5rem;
                            }
                            
                            .manfacturing-panel1-text h5 {
                                font: var(--text-36);
                                color: var( --color-prime);
                                font-weight: bold;
                            }
                            
                            .manfacturing-panel1-text p:before {
                                content: "";
                                width: 30px;
                                height: 3px;
                                background: #d82727d4;
                                position: absolute;
                                top: -20px;
                            }
                            .manfacturing-panel2 {
                                background: #fff;
                                padding-bottom: 8rem;
                            }
                            
                            .manfacturing-panel2-text {
                                padding: 7rem 0;
                                height: 100%;
                                display: flex;
                                flex-direction: column;
                                justify-content: end;
                                max-width: 100%;
                                margin: auto;
                                padding-inline: 12rem 5rem;
                            }
                            
                            .manfacturing-panel2 figure img {
                                width: 100%;
                                height: 100%;
                                object-fit: cover;
                            }
                            
                            .manfacturing-panel2 figure {
                                margin-top: -6rem;
                                height: 100%;
                            }
                            .cold-forging-block {
                                background: var( --color-prime);
                                padding: 12rem 0rem 12rem 2rem;
                                color: #fff;
                            }
                            .cold-forging-block blockquote{  font: var(--text-26); font-weight:100; margin-bottom:4rem;}
                            .cold-forging-text {
                                padding-right: 10rem;
                            }
                            .cold-forging-block figure {
                                width: 100%;
                                position: absolute;
                                left: 0px;
                            }
                            
                            .cold-forging-block .col-md-6 {
                                position: relative;
                            }
                            
                            .manfacturing-panel4 {
                                padding-top: 17rem;
                            }
                            
                            .manfacturing-panel4 .row .col-md-6:nth-child(1) {padding-left: 14rem;padding-right: 6rem;height: 100%;justify-content: center;display: flex;}
                            .manfacturing-panel4 .row:nth-child(2) {
                                flex-direction: row-reverse;
                                margin-top: 8rem;
                            }

                            .Heat-Treatment-block{background:#fff;text-align: center;padding: 7rem 0 6rem;margin: 8rem 0 8rem;}
                            .Heat-Treatment-block figure{margin-top:5rem;}
                            .manfacturing-panel4.manfacturing-panel6 {
                                padding-top: 0;
                            }
                            .people2 .Heat-Treatment-block {
                                margin: 0rem 0 8rem;
                            }
                            .packaging-text {
                                display: flex;
                                align-items: center;
                                gap: 5rem;
                                padding: 7.5rem 6.5rem 7.5rem 14.5rem;
                            }
                            
                            .packaging-text h2.text-title {
                                width: 76rem;
                                border-right: 1px solid #ddd;
                                margin-bottom: 0;
                                padding-right: 5rem;
                            }
                            
                            .manfacturing-panel7 {
                                background: #fff;
                                margin-top: 8rem;
                                padding-bottom: 9rem;
                            }
                            .manfacturing-panel7 figure img {
                                width: 100%;
                            }.plant-box p {
                                padding: 1rem 0;
                            }
                            .Nationwide-Presence{position: relative;overflow: hidden;}
                            .map-icon {
                                position: absolute;
                                top: -114rem;
                                z-index: -1;
                                left: -148rem;
                                margin: auto;
                                right: -149rem;
                            }
                            .map-icon img{

                            }

                            .map-container {
                                padding: 8rem 6rem;
                            }

                            .map-text {
                                background: #d82727d6 0% 0% no-repeat padding-box;
                                border-radius: 5px;
                                opacity: 1;
                                backdrop-filter: blur(0px);
                                -webkit-backdrop-filter: blur(0px);
                                padding: 2rem;
                                color: #fff;
                                margin-bottom: 1rem;
                                display: flex;
                                align-items: center;
                            }

                            .map-text h3 {
                                font-size: 34px;
                                margin: 0 17px 0 0px;
                                position: relative;
                                padding-bottom: 0.8rem;
                                font-weight: 700;
                            }
                            
                            .logistics-1 h4 {
                                font-weight: 600;
                                margin-bottom: 1rem;
                            }
                            
                            .map-text h3:after {
                                content: "";
                                width: 100%;
                                height: 3px;
                                background: #fff;
                                position: absolute;
                                bottom: 0;
                                left: 0;
                            }
                            .dot-map {
                                padding: 0 0 0 5rem;
                            }

                            .map-detail {
                                height: 57%;
    display: flex
;
    flex-direction: column;
    justify-content: center;
    padding: 3rem 23rem 0rem 5rem;
    margin-left: 0;
    margin-right: 0;
                            }
                            .dot-map img{
                                width: 70%;margin-top: 2rem;
                            }
                            /* .number-fact {
                                height: 100%;
                                display: flex;
                                justify-content: center;
                                align-items: center;
                            } */
                            
                            ul.fact-number li:nth-child(4) {
                                padding-bottom: 0;
                            }ul.fact-number li:nth-child(3) {
                                padding-bottom: 0;
                            }
                            .company-profile2 figure img {
                                height: 100%;
                            }
                            .de-panel1 figure {
                                height: 100%;
                            }
                            
                            .de-panel1 figure img {
                                height: 100%;
                            }
                            ul.joint-venture-logo li figure {
                                width: 16rem;
                            }
                            .joint-venture-text1 p strong {
                                color: #000;
                            }
                            .quality-panel2-text p strong {
                                color: #000;
                            }
                 

.Heat-Treatment-block p {
    padding: 0 15rem;
}

.career-text1 {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    align-items: center;
    margin:0 12rem 0rem 15rem;
    position: relative;
}

.career-text1:after {
    content: "";
    width: 137px;
    height: 3px;
    background: #D82727;
    position: absolute;
    bottom: 0;
    left: 0;
}

.career-text1 figure {
    height: 100%;
}

.career-text1 figure img {
    height: 100%;
    width: 100%;
}
.career-text2 {
    padding: 6rem 15rem 10rem;
}
.career-text2 p {
    font: var(--text-18);
}
.career-text2 h5 {
    margin-bottom: 3rem;
    margin-top: 2rem;
    font: var(--text-16);
    font-weight: bold;
}

.form-wrap .form-control {
    padding: 11px 15px;
    margin-bottom: 2rem;
    border: 0;
    font: var(--text-16);
}
.form-wrap textarea.form-control{
	height: 160px;
	padding-top: 15px;
	resize: none;
}

.form-wrap .file-drop-area {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 100%;
    padding: 3px 6px;
    border: 1px solid #ddd;
    border-radius: 3px;
    transition: 0.2s;
    justify-content: space-between;
  }
  
  .form-wrap .choose-file-button {
    flex-shrink: 0;
    background-color: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 3px;
    padding: 8px 15px;
    margin-right: 10px;
    font-size: 12px;
  }
  
  .form-wrap .file-message1 {
    font-size: 1.2rem;
    font-weight: 300;
    line-height: 1.4;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    box-shadow: 0px 5px 15px #0000001C;
    border: 1px solid #D82727;
    border-radius: 20px;
    color: #D82727;
    padding: .3rem 2rem;
    display: flex;
  }
  
  .file-message {
    font-size: small;
    font-weight: 300;
    line-height: 1.4;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: absolute;
    bottom: -20px;
  }
  .form-wrap .file-input {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    cursor: pointer;
    opacity: 0;
    
  }
  .form-wrap .btn-group {
    margin-top: 1.5rem;
}

.contact-1 {
    padding: 1rem 5rem;
}

.contact-1 h3 {
    margin-bottom: 1.8rem;
    font: var(--text-16);
    font-weight: bold;
}
@media(max-width:768px){
    .mob-pding {
    padding-top: 3rem;
}
}
.call-book {
    position: relative;
    margin-top: 2rem;
    padding-top: 2rem;
    display: flex;
    align-items: center;
    gap: 10px;
}

.call-book:before {
    content: "";
    width: 137px;
    height: 3px;
    position: absolute;
    top: 0;
    background: var(--color-prime)
}


.call-book figure {
    width: 5rem;
}
.call-book a {
    color: #212121;font: var(--text-18);
}
.contact-panel1 {
    padding: 8rem 8rem 5rem;
}

.contact-panel2 {background: #fff;padding-bottom: 3rem;}
.contact-panel2 .office-box {
    margin-bottom: 3rem;
}
.contact-1.contact-2 {
    padding-top: 5rem;
}
.contact-1.contact-2  a{display: inline-block; color: #212121;}

.contact-panel2 .form-wrap {
    margin-top: -25rem;
    background: #fff;
    padding: 3rem 2rem;
}

.contact-panel2 .form-wrap .form-control {
    border: 0;
    padding: 17px 8px;
    background: #f6f6f66e 0% 0% no-repeat padding-box;
    border-radius: 5px;
    font-size: 14px;
}
.contact-panel2 .form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgb(13 110 253 / 0%);
    border: 1px solid #66666654 !important;
}

.contact-1.contact-2 form#survey-form {
    padding-top: 3rem;
}
.form-wrap h5 {
    margin-bottom: 3rem;
    font-weight: bold;
}
.contact-2 .office-box figure {
    border: 1px solid #ccc;
    padding: 0.5rem;
}

.contact-1.contact-2:has(figure) {
    gap: 10rem;
}

.contact-panel2 .office-box p {
    margin-bottom: 0;min-height: 12rem;
}
@media(max-width:767px){
    .contact-panel2 .form-wrap {
    margin-top: -3rem;
}
.contact-panel2 .office-box p {
    margin-bottom: 2rem;
    min-height: 4rem;
}
.contact-1.contact-2:has(figure) {
    gap: 3rem;
}
}
@media(max-width:575px){
    .contact-panel2 .form-wrap {
    margin-top: -3rem;
}
.contact-1.contact-2:has(figure) {
    display: block;
}
}
.contact-panel2 .form-wrap textarea.form-control {
    height: 90px;}

    .news-event {
        padding: 5rem;
    }
    .news-event img{
        width: 100%;
    }
    .news-panel2 img{
        width: 100%;
    }
    .news-text1 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: 100%;
        padding: 0 5rem; position: relative;
    }

    
    .news-text1 p {
        font: var(--text-24);
        font-weight: 900; line-height: inherit;
        color: var(--color-prime);
        margin: 1rem 0;
    }

    .news-panel2 {
        padding: 0 14.5rem 5rem;
    }

    .news-text2 {
        background: #fff;
        margin-bottom: 2rem;
        padding: 2.5rem;
        position: relative;
    }
    .date {
   color: var(--body-color);
}
.news-text2 p{
color: var(--body-color);
}    

    .news-text2 p {
        margin: 1rem 0;
    }
    
    .news-text2:before {
        content: "";
        width: 187px;
        height: 3px;
        background: #D82727;
        position: absolute;
        bottom: 0;
        left: 0;
    }

    a.streched_link {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
    }


    .news-detail h2 {
        font: var(--text-24);
        font-weight: 900;
        line-height: inherit;
        color: var(--color-prime);
        margin: 1rem 0;
    }
    
    .news-detail {
        padding: 0 6rem;
    }
    
    .news-detail2 {
        padding: 3rem 12rem;
    }
    
    .news-detail2 figure {
        margin-bottom: 5rem;
    }

    .news-event2.news-event3 {
        border-top: 1px solid #ddd;
        padding: 5rem;
    }
    
 
    .news-detail2 figure img{width:100%;}

    .indian-map {
        width: 58rem;
        margin-left: -9rem;
        margin-top: -8rem;
    }
    
    .plant-box {
        position: relative;
        padding-right: 15rem;
        padding-left: 0rem;
    }
    .plant-box img{
 
    }

    .inner-header .menubar a.active {
        color: var(--color-prime);
    }

    .img-baner2.img-fluid {
        width: 100%;
        height: 220px;
        background-size: cover !important;
        background-position: bottom !important;
    }
    .company-profile1 img, .company-profile2 figure img, .joint-venture-text2 img, .product_Bx figure img, .de-panel3 img, .manfacturing-panel4 figure img, .manfacturing-panel5 figure img, .cold-forging-block figure img {
        width: 100%;
    }
    .product_section .col-lg-6 {
        display: flex;
        padding: 0 3.5rem;
    }
    .de-panel2 figure img {
        width: 100%;
    }

    .fact-text3 {
     
        display: flex;
        flex-direction: column;
        align-items: baseline;
        justify-content: center;
        height: 100%;
    }
    .fact-text2 {
        padding-right: 35rem;
    }

    .quality-panel2-text {
        max-width: 81%;
        margin: auto;
    }.manfacturing-panel7 p {
        margin: 0;
    }
    .manfacturing-panel4 .col-lg-10 .row:nth-child(1) figure{
        padding-right: 0rem;
    }

    .qualitye-panel1 figure img {
        width: 100%;
    }
    .cus-mission{
        padding: 6rem 0;
    }
    .cus-mission .Thread-Rolling {
        padding: 4rem;
        border: 1px solid #e1e1e1;
        position: relative;

    }
    .cus-mission .Thread-Rolling:before{
        content: "";
        width: 130px;
        height: 3px;
        background: #D82727;
        position: absolute;
        bottom: 0;
        left: 0;
    }
    .message h2{
        font-size: 34px;
    font-weight: 700;
    }
    .cus-message p{
        position: relative;
        margin: 4rem 0 0 0;
        font: var(--text-12);
        font-weight: bold;
    }
    .cus-message p span {
        display: block;
        font: var(--text-12);
        font-weight: 400;
        margin: 1rem 0 0 0;
    }
    .cus-message p:before{
        content: "";
        width: 54px;
        height: 2px;
        background: #D82727;
        position: absolute;
        bottom: -17px;
        left: 0;
    }

    .auality {
        padding: 10rem 0px 10rem;
    }
    .auality  .Vision ul li {
        padding: 2.3rem 3rem 4rem 2.5rem;
      
    }
    .auality .Vision ul li img {
        width: 4rem;
        margin-bottom: 2rem;
    }

    .auality .Vision p {
        text-align: left;
    }
    .auality .Vision h4 {
        font: var(--text-18);
        margin-bottom: 2rem;
        color: #D82727;
        font-weight: 400;
    }

    .auality .Vision ul {
        display: grid;
        gap: 0.3rem;
        grid-template-columns: 1fr 1fr 1fr;
    }
    .cus-why{
        margin: 6rem 0;
    }
    .cus-why1{
        padding: 8rem 0;
    }




    /* ---------------- */

    /* ---------------- */
/* -----------------UIAP-02011995-start-------- */
.career-text1 p:first-child {font: var(--text-13);font-weight: bold;line-height: 1.6;}
.border_line {position: relative;}
.border_line:before {content: "";width: 0.9rem;height: 25.6rem;background: var(--color-prime);position: absolute;right: 4rem;top: -10rem;z-index: 9;}
.border_line:after {content: "";width: 0.9rem;height: 6rem;background: var(--color-blue);position: absolute;right: 4rem;top: 15.6rem;z-index: 9;}
.quality_img_1 {margin-left: -17rem;}
.quality_img_2 {max-width: 440px;margin-left: auto;margin-top: 20px;}
.quality_controlled.border_line:before {top: auto;bottom: 3rem;}
.quality_controlled.border_line:after {top: auto;bottom: -3rem;}
.certification.border_line:before {right: auto;left: -10rem;top: 2rem;}
.certification.border_line:after {right: auto;left: -10rem;top: 27rem;}
.privacy_policy_inner {padding-block: 5rem 8rem;}
.privacy_policy_inner p, .privacy_policy_inner li {margin-bottom: 1.5rem;}
.privacy_policy_item {margin-top: 4rem;}
.privacy_policy_item h2, .privacy_policy_item h3 {margin-bottom: 2rem;font: var(--text-16);font-weight: bold;}
.company-profile1 .border_line:before {top: auto;bottom: -19rem;}
.company-profile1 .border_line:after {top: auto;bottom: -25rem;}
.partnership_bx.border_line:before {right: 0rem;top: 0.5rem; height: 21.6rem;}
.partnership_bx.border_line:after {right: 0rem;top: 19rem;}
.manfacturing-panel4 .cca_why1 .row .col-md-6:nth-child(2) {padding-left: 14rem;padding-right: 16rem;height: 100%;justify-content: center;display: flex;}
.manfacturing-panel4 .cca_why1 .row .col-md-6:nth-child(1) {padding-left: 0;padding-right: 0;}
.manfacturing-panel4 .col-lg-10 .cca_why1 .row:nth-child(1) figure {padding-right: 0;padding-left: 12rem;}
.cca_why2 {padding-top: 9rem;}
.auality .Vision ul.life_ssap {grid-template-columns: repeat(2, 1fr);}
.qualitye-panel1 .border_line:before {top: auto;bottom: 2rem;}
.qualitye-panel1 .border_line:after {top: auto;bottom: -4rem;}
.currentopening h3 {font: var(--text-24);font-weight: bold;margin-bottom: 5rem;text-align: center;}
.current_opening {display: grid;grid-template-columns: repeat(3, 1fr);gap: 30px;}
.current_opening_item {padding: 40px;box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;}
.current_opening_item p {display: flex;margin-bottom: 15px;}
.current_opening_item p span {font-weight: bold;width: 60%;}
.current_opening_item .btn {padding: 0.6em 1.3em;margin-top: 3rem;}
.life_ssap img {max-width: 5rem;filter: invert(1) grayscale(1); margin-bottom: 2rem;}


/* -----------------UIAP-02011995-end-------- */



.de-panel1 .border_line:after {
    top: auto;
    z-index: 9;
    bottom: -3rem;
}
.de-panel1 .border_line:before {
    height: 16.6rem;
    top: auto;
    bottom: 0;
}
.tool figure img {
    width: 100%;
    object-fit: cover;
}
.tool .border_line:after{
    top: auto;
    bottom: -2rem;
    left: 5rem;
    height: 7rem;
}
.tool .border_line:before{
    top: auto;
    bottom: -2rem;
    left: 5rem;
    height: 32.6rem;
}
.tool{
    overflow: inherit;
}
.quality .text-title {
    margin-bottom: 4rem;

}
.quality .manfacturing-panel1-text p:before{
    top: -28px;
}
.state .reveal-image{
    height: 430px;
    object-fit: cover;
}
.message figure {
     margin-bottom: 2rem;
}
.left-padding{
    margin-bottom: 9rem;
    margin-top: -5rem;
    padding-left: 8rem;
}
.left-padding.leadership {
    margin-top: 6.5rem;
}
.message .border_line:before {
    height: 12.6rem;
    right: 0;
    top: 7rem;
    z-index: 9;
    bottom: auto;
}
   .quotes img {
    width: 5rem;
    }
    .message .quotes h2 {
    font-style: italic;
    }
    .message .quotes .btm-quotes {
    rotate: -180deg;
    float: right;
    }
    .quotes .top-quotes {
    position: relative;
    left: -7rem;
    padding-bottom: 4rem;
    }
.message .border_line:after{
    right: 0;
    top: 19rem;

}
.message {
    margin-bottom: 5rem;
}
.milestones{
    padding: 5rem 0;
}
.milestones-text {
    background: #fff;
    padding: 4rem 7rem;
}
.milestones-text h2{
    font: var(--text-34);
    color: var(--color-prime);
    font-weight: 800;
    margin-bottom: 2rem;
}

.milestones-text p{
    font: var(--text-16);
    position: relative;
}
.milestones-text.fontcnge p{font: var(--text-21); font-style: italic;}
.milestones-text p::before{
    content: '';
    position: absolute;
    left: 0;
    bottom: -30px;
    height: 2px;
    width: 7rem;
    background: var(--color-prime);
}
.milestones-img {
    width: 100%;
}
.milestones-img img{
    width: 100%;
    height: 260px;
    object-fit: cover;
}
.milestones-arrow{
    position: relative;
}

.milestones-arrow::before{
    content: '';
    background-image: url(../images/arrow.svg);
    background-size: cover;
    background-position: center;
    width: 19rem;
    height: 16.8rem;
    position: absolute;
    top: 10rem;
    left: 0;

}
.milestones-arrow-new::before{
    background-image: url(../images/arrow1.svg);
    left: auto;
    right: 0;
}
.milestones .border_line:before{
    height: 17.6rem;
    right: 0;
}
.milestones .border_line:after{
    top: 7.6rem;
    right: 0;
}
.cus-about-text{
    display: flex
;
    flex-direction: column;
    height: 100%;
    justify-content: flex-end;
}
.cus-about-text h2{
    /* font-size: 120px; */
    font-size: 55px;
    font-weight: 800;
    color: #DB3B3B;
}
.cus-about-text p{
    margin-bottom: 0px;
}



.fact-text p {
    line-height: 1.6;
    margin-bottom: 1.5rem;
}
.news-detail2 figure img {
    width: 100%;
    height: 500px;
    object-fit: cover;
}
.cus-social h1{
    margin-bottom: 2.8rem;
    font: var(--text-36);
    font-weight: 900;
}
.cus-social {
    padding: 8rem 0 8rem;
}
br{
    display: block;
}
.manfacturing-panel3 .border_line:before {
    width: 0.9rem;
    height: 25.6rem;
    top: -17rem;
    right: auto;
}
.manfacturing-panel3 .border_line:after {
    right: auto;
    top: 12.6rem;
}
.manfacturing-panel7 .border_line:before {
    top: 9rem;
    z-index: 9;
    left: 8rem;
}
.manfacturing-panel7 .border_line:after {
    top: 29rem;
    z-index: 9;
    left: 8rem;
}
.cus-suatainability{

}
.cus-suatainability h1{
   
}
.cus-suatainability  h2{

}


.cus-suatainability h1 {
    font-size: 4rem;
    font-weight: 800;
}

.cus-suatainability1{
    padding-top: 9rem;
    padding-bottom: 9rem;
}
.cus-suatainability1 h6{
    font-size: 2rem;
    color: var(--color-prime);
}
.cus-suatainability2  .Comprehensive-Product-Range {
    padding: 8rem 28rem 44rem 20rem;
}

.cus-suatainability3 {
    padding: 0 5rem 8rem;
    margin-top: -34rem;
}
.cus-suatainability3 img{
    padding: 0 6rem;
    width: 100%;
}
.cus-suatainability2  p {
    font: var(--text-16);
    font-weight: 100;
    color: #fff;
    line-height: 1.6;
}
.cus-suatainability-box {
    display: flex;
    gap: 20px;
}
.cus-suatainability-img {
    width: 50%;
}
.cus-suatainability .fact-text {
    padding-right: 15rem;
    padding-left: 9rem;
    padding-top: 10rem;
}
.cus-suatainability4 .border_line:before {
    height: 23.6rem;
    top: auto;
    bottom: -21rem;
    left: 3rem;
}

.cus-suatainability4 .border_line:after {
    height: 9.6rem;
    right: auto;
    top: auto;
    bottom: -29rem;

    left: 3rem;
}
.health-box {
    padding: 0 2rem;
}
.cus-health {
    padding: 5rem 4rem 0rem 6rem;
}
.cus-health h4{
    font-size: 2rem;
    color: var(--color-prime);
    font-weight: 800;
    margin-bottom: 3rem;
}
.cus-suatainability {
    margin-bottom: 8rem;
}
.company-profile1.cus-suatainability.people1{margin-bottom: 10rem;}
.cus-suatainability .border_line:before {
    top: auto;
    bottom: -11%;
}
.cus-suatainability .border_line:after {
    top: auto;
    bottom: -11rem;
}
.cus-suatainability4 {
    padding: 0rem 17rem 8rem;
}
.cus-suatainability4.environment-social1 {
    padding: 0rem 0rem 8rem;
}
.cus-suatainability4 .row .col-md-6:nth-child(1){
    padding-left: 11rem;
    padding-right: 11rem;
}

/* .cus-suatainability4 .row:nth-child(2) .Thread-Rolling {
    margin-left: -2rem;
    margin-right: -6em;
} */

.environment-social {
    padding: 8rem 0;
}
.environment-social1 .border_line:before {
    height: 23.6rem;
    top: -11rem;
    bottom: -21rem;
    left: auto;
    bottom: auto;
    right: 16rem;
}
.environment-social1 .border_line:after {
    height: 9.6rem;
    left: auto;
    top: auto;
    bottom: 26rem;
    right: 16rem;
}
.environment-social2{
    padding-bottom: 8rem;
 
}

.environment-social2 p{
    color: #fff;
}
.approach {
    padding: 5rem 0;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: #ffffff7a;
    margin-bottom: 5rem;
}
.approach p{
    font: var(--text-16);
    font-weight: 600;
}
.approach-box {
    display: flex
;
    justify-content: center;
    justify-content: space-between;
    padding: 1rem 5rem 4rem;
}
.approach-text h4{
    font: var(--text-18);
    font-weight: 600;
    color: #fff;

}
.approach span{
    color: #fff;
    font-size: 14px;
}




.people2 blockquote span{
    color: #D82727;
    font-weight: 800;
}

.cus-suatainability4 .col-lg-10 .row:nth-child(1) figure {
    padding-right: 0rem;
}

.people4{
    padding-top: 0rem;
}
.people4 h2{
    color: #D82727;
}

.people5  .Comprehensive-Product-Range {
    padding: 8rem 28rem 15rem 20rem;
}


.people6 figure img {
    width: 100%;
    margin-top: -11rem;
}


.people7{

}

.people7 .border_line:before {
    top: 5rem;
    z-index: 9;
    left: 45.5rem;
}

.people7 .border_line:after{
    left: 45.5rem;
}


.people8 {
    padding: 8rem 0;
    padding-top: 8rem !important;
}

.people8  .col-lg-10 .row:nth-child(1) figure {
    padding-right: 0;
}


.people8 .Thread-Rolling {
    padding: 0 18rem 0 6rem;
}

.people8 .row .col-md-6:nth-child(1) {
    padding-left: 0;
    padding-right: 4rem;
}

.people8 .text-title {
    font-weight: 900;
    color: #D82727;
}
.people3 {
    padding: 0 0 8rem;
}
.partnership_bx p{
    color: #000;
}
.contact-2 {
    display: flex
;
    gap: 12rem;
}
.clients .current_opening {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}

.clients .current_opening_item {
    padding: 40px 70px;
    background: #fff;
}

.clients .current_opening{grid-template-columns: repeat(6, 1fr); gap: 0px;}
.clients .current_opening_item.current_iconsitems {padding: 0;
    display: block;
    background: transparent;
    border: none;text-align: center;
    box-shadow: none;}

.clients .current_opening_item.current_iconsitems h6 {
    font-size: 2.3rem;text-transform: uppercase;font-weight: 600;
}   

.company-profile6.auality.clients.current-update {
    padding: 6rem 0px 18rem;
}
.clients .current_opening_item.current_iconsitems {
    border-right: solid 2px #cc2728;
} 
.clients .current_opening_item.current_iconsitems:last-child {border-right: none;}
.clients .current_opening_item.current_iconsitems img {
    /* height: 127px;
    width: 165px; */
    height: 107px;
    width: 145px;
    margin-bottom: 2.2rem;
}

.clients .current_opening_item img{
    height: 130px;
    width: 100%;
    object-fit: contain;
}

.super_screw_Pro{
    margin: 3rem 0;
}
.super_screw_text {
    padding: 0rem 15rem 0rem 15rem;
}
.logos_prodt {
    display: flex;
    gap: 1rem;
    padding-block: 2rem;
}
@media(max-width:1680px){
    .super_screw_text {
    padding: 0rem;
    max-width: 48rem;
    margin-inline: auto;
}
.product_list_Bx {
    padding: 8rem 0 7rem
}
}
.product_list_Bx{
    padding: 10rem 7rem 10rem;
    background-color:#fff;
    margin-bottom: 10rem;
}
@media(max-width:1440px){
    .product_list_Bx {
    padding: 10rem 1rem 10rem;
}
}

.product_list_Bx blockquote{
    font: var(--text-24);
    text-align: center;
    margin-bottom: 5rem;
}
.product_section{
    padding:0 5rem;
}
.product_Bx h2{
    font: var(--text-18);
    font-weight: 900;
    margin-bottom: 2rem;
}
.product_section .col-lg-6{
    display: flex;
}
.product_Bx{
    position: relative;
    padding-bottom: 1rem;  
    margin: 4rem 0;  
}
.product_Bx:hover p{
    color: var(--color-prime);
}
.product_Bx figure{
    position: relative;
    
}

.product_Bx figure {
    margin-bottom: 2rem;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 0px 2px 0px;
}

.product_Bx figure .image.reveal-image {
    height: 480px;
    object-fit: cover;
}


.product_Bx figure span{
    position: absolute;
    right: 1rem;
    bottom: 1rem;
}
.product_Bx figure span img{
    max-width: 2rem;
}
.product_Bx::after{
    width: 75%;
    height: .3rem;
    background: var(--color-prime);
    left: 0;
    bottom: 0;
    position: absolute;
    content: "";
}
.product_Bx a{
    left: 0;
    bottom: 0;
    position: absolute;
    right: 0;
    top:0;    
}
.product_models .modal-dialog{
    margin-right: 0;
    margin-top: 0;
    height: 100%;
    margin-bottom: 0;
    max-width: 600px;
}
.product_models .modal-content{
    height: 100%;
    border-radius: 0;
    border: 0;
}
.product_models .modal-body{
    background-color: #fff;
    padding: 0;
    overflow: hidden;
}
.product_top{
    border-left: 5px solid var(--color-prime);
}
.product_top .modal-header{
    background-color: var(--light-bg);
    padding: 3rem;
    border-bottom: 0px;
}
.product_top .modal-header h2{
    color: var(--color-prime);
    font: var(--text-18);
    font-weight: 900;
}
.details_Bx{
    padding: 3rem;
    height: 100%;
   
}
.product_models .row .col-6:first-child .details_Bx{
    border-right: 1px solid #ccc;   
}
.details_Bx h5{
    font: var(--text-11);
    font-weight: 700;
    color: var(--body-color);
}
.details_Bx span{
    color: #929292;
    font: var(--text-10);
}

@media screen and (max-width:767px){
    .super_screw_text {
        padding: 2rem 2rem;max-width: 100%;
    }
    .product_section {
        padding: 0;
    }
    .product_Bx {
        padding-bottom: 2rem;
        margin: 2rem 0;
    }

}
.vision_mission_top p {
    margin-bottom: 0;
}
.vision_mission_sec {
    padding-block: 8rem 0rem;
}
.cus-about-text h2 span {
    font: var(--text-21);
    font-weight: 800;
    display: block;
}

.manfacturing-panel1-text h6 {
    font: var(--text-16);
}
.p_fact {
    position: relative;
    padding-block: 1rem 0.4rem;
}
.p_fact:before {
    content: "";
    width: 25%;
    height: 0.4rem;
    background: #cf332f;
    position: absolute;
    bottom: 0;
}

.news-detail + .row figure {
    margin-bottom: 2rem;
}
.singal-sec-slider {
    height: 100%;
}
.packaging-text p strong {
    margin-bottom: 1rem;
    display: inline-block;
}
.manfacturing-panel4 .row .col-md-6:nth-child(1).optical_sorting {
    padding-left: 6rem;
    padding-right: 14rem;
}
.certification.people blockquote {
    font: var(--text-18);
    line-height: 1.6;
}

.cus-suatainability.people1 .border_line:before {
    bottom: 4rem;
}
.cus-suatainability.people1 .border_line:after{bottom: 0;}
.people7 .text-title {
    color: var(--color-prime);
}
.cus-suatainability4.people4 .border_line:before, .cus-suatainability4.people4 .border_line:after{display: none;}

.company-profile1.message.details .fact-text p {
    font-size: 18px;
}



.thnx-cntnt {
    text-align: center;
    padding-block: 11rem;
}

.thnx-cntnt h5 {
    font: var(--text-21);
    color: #d82727;
    margin-bottom: 2rem;
}
.pd-inline {
    padding-left: 6rem;
    margin-top: 5rem;
}

.certification.people.customclassnew p {
    font: var(--text-18);
    line-height: 1.6; margin-bottom: 2rem;
}

@media(max-width:991px){
    .quotes .top-quotes {
        left: 0;
    }    
}
@media(max-width:767px){
    .left-padding.leadership {
        margin-top: 4rem;
    }
    .quotes .top-quotes{
        padding-bottom: 1rem;
    }
    .cus-message p {
        margin-bottom: 3rem;
    }
}

/* sitemap css starts here */
.site_map {
    padding: 8rem 0 8rem;
}
.sitemape_grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0rem 1.9rem;
}
.site_links h3 {
    font: var(--text-18);
    font-weight: 800;
    margin: 0 0 2rem 0;
}
@media(max-width:768px){
    .sitemape_grid {
    grid-template-columns: repeat(3, 1fr);
}
}
@media(max-width:575px){
    .sitemape_grid {
    grid-template-columns: repeat(2, 1fr);
}
}
@media(max-width:375px){
    .sitemape_grid {
    grid-template-columns:auto;
}
.site_links h3 {
    margin: 2rem 0 1rem 0;
}
}

.site_links ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.site_links ul li a {
    font: var(--text-16);
    font-weight: 400;
    color: var(--body-color);
    display: block;
    margin: 0 0 1rem 0;
}
.site_links ul li:before {
    content: "";
    position: absolute;
    top: 7px;
    left: 0;
    width: 6px;
    height: 6px;
    background-color: #cc2728;
    border-radius: 50%;
}
.site_links ul li {
    position: relative;
    padding-left: 2rem;
}
.site_links h4 a {
    font: var(--text-16);
    font-weight: 600;
    color: var(--body-color);
    display: block;
    margin: 0 0 1rem 0;
}
@media(max-width:991px){
    .site_map {
        padding: 6rem 0 6rem;
    }
}
@media(max-width:767px){
    .site_map {
        padding: 4rem 0 4rem;
    }
}

/* sitemap css ends here */