<?// require('includes/cmain.inc.php'); ?> 
<?php include('header.php'); ?>
<?php
$qs1=explode("/",$_SERVER["REQUEST_URI"]);

?>
<style>
 span.ncv {
    font-weight: 400;
}
.tesshv.modal-dialog {
    background: #f1f1f1;
}
section.contsec {
    padding-bottom: 52px;
}
section.footer-btm {
    padding-top: 50px;
    padding-bottom: 40px;
}
.topv {
    margin-top: -265px;
    color: #fff;
    font-size: 26px;
    font-weight: 700;
    padding-left: 170px;
    line-height: 45px;
    text-align: left;
}
.colorche {
    color: #fff;
    font-size: 50px;
    line-height: 60px;
    font-weight: 700;
    padding-bottom: 10px;
}
p.allsp,p.thkl {
    font-size: 24px;
    color: #fff;
    font-weight: 600;
    padding-bottom: 9px;
}
ul.breadcrumb {
   background-color: unset;
    margin-top: 120px;
    margin-bottom: 0px;
}
span.liness {
    color: #ffd479;
}
.colmk {
    font-size: 20px;
    margin-top: 17px;
}
img.img-responsivehjkl {
    width: 100%;
    height: 350px;
}
.mauticform_wrapper {
    max-width: 600px;
    margin: 10px auto;
    margin-top: 25px !important;
    float: left;
    width: 90%;
}
.customise-form {
    width: 85%;
    margin: auto;
}
p.frmcnt {
    text-align: left;
    font-weight: 700;
    font-size: 29px;
    line-height: 39px;
    color: #11418a;
    font-family: cursive !important;
}
p.frmcnt:before {
    background-color: #11418a;
    content: "";
    display: block;
    height: 155px;
    left: 40px;
    position: absolute;
    top: 13%;
    -webkit-transform: translateY(-50%);
    -webkit-transition: all ease .4s;
    width: 5px;
}
p.frmcnt2.bn {
    font-size: 18px;
    line-height: 27px;
    text-align: left;
    font-weight: 500;
}
.customise-form {
    width: 85%;
    margin: auto;
}
.col-md-6.col-sm-12.cn {
    height: 680px;
    background-image: url(/images/metal-cont-11.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    box-shadow: 2px 0px 20px 0px rgba(0, 0, 0, .2);
    transition: background .3s, border .3s, border-radius .3s, box-shadow .3s;
}

hr.qpl {
    width: 90px;
    border-bottom: 4px solid #fff;
    margin: auto;
    height: unset;
    opacity: unset;
    border-top: unset !important;
    padding-top: 10px;
}
span.orange {
    color: #ffd479;
}
.container.ngh {
    border: 3px solid #f3770c;
    padding: 50px 0px;
    background: beige;
}
 img.checkmk {
    width: 4%;
    float: left;
    margin-right: 16px;
    margin-top: 15px;
}
.know-cont {
    width: 90%;
    
    padding: 30px 0px;
    background: #d8d9d9;
}
p.vwo {
    width: 75%;
    margin: auto;
    padding-bottom: 16px;
    font-size: 23px;
    font-weight: 600;
    text-align: center;
    line-height: 36px;
    color: #113176;
}
.mauticform-row {
    width: 100%;
    margin: auto;
    margin-bottom: 14px !important;
}
p.clap {
    text-align: left;
    font-size: 18px;
    padding-top: 10px;
    color: #fff;
}
h1.welk {
    font-size: 35px;
    font-weight: 600;
    text-align: center;
   
    color: #fff;
    padding-top: 43px;
}
p.whyj {
    
    color: #ffd479;
   padding-top: 35px;
    font-size: 20px;
    font-weight: 500;
    font-family: 'Comic Sans MS';
    border-bottom: 1px solid;
    text-align: left;
    margin-left: 34px;
    line-height: 32px;
}
.allonsd {
    width: 90%;
    margin: auto;
    padding: 6px 0px;
    color: #fff;
}
section.knowsec {
    padding: 80px;
    margin-top: 140px;
}
.contactmai {
    padding-top: 30px;
    padding-bottom: 70px;
}
@media(max-width:1299px){
    .topv {
        padding-left: 65px;
    }
}
@media(max-width:1199px){
.allonsd {
    width: 75%;
}
    .banner-section .topv {
        padding-left: 86px;
    }
img.checkmk {
    width: 7%;
    margin-right: 11px;
    margin-top: 6px;
}
p.clap {
    padding-top: 3px;
}
p.frmcnt:before {
   left: 25px;
    top: 14% !important;
}
.mauticform-row {
    width: 90% !important;
    float: left;
}
h1.welk {
    
    padding-bottom: 0px;
}
.col-md-6.col-sm-12.cn {
    height: 727px;
}

}
@media(max-width:1099px){
img.img-responsivehjkl {
   
    height: 300px;
}
    .banner-section .topv {
        padding-left: 55px;
    }
.topv {
    margin-top: -279px;
    font-size: 22px;
    line-height: 34px;
}
}
@media(max-width:991px){
    .breadcrumb {
    padding-top: 55px;
    }
    .colorche {
    
    font-size: 34px;
    line-height: 45px;
    padding-bottom: 0px;
}
        .cn2 {
        padding-top: 52px;
    }
    p.frmcnt:before {
        height: 92px !important;
        left: 45px !important;
        top: 17% !important;
    }
    img.checkmk {
    width: 5%;
    }
 .col-md-6.col-lg-6.col-sm-12.cvaq.cn {
    height: 730px !important;
}  
p.frmcnt:before {
    top: 19% !important;
}
.mauticform_wrapper {
    padding-top: 0px;
    width: 100%;
}
}
@media(max-width:880px){
    img.img-responsivehjkl {
        height: 275px;
    }
    .colorche {
    font-size: 30px !important;
    line-height: 40px;
}

    .topv {
        margin-top: -240px;
        font-size: 18px;
        line-height: 25px;
    }
}
@media(max-width:767px){
.breadcrumb {
 
    padding-left: 25px;
}
p.frmcnt:before {
        top: 64% !important;
        height: 160px !important;
        left: 30px !important;
    }
    section.footer-btm {
    padding-top: 25px;
    padding-bottom: 28px;
}
    p.frmcnt {
    font-size: 24px !important;
    line-height: 36px;
    }
    h1.welk {
       
        font-size: 26px !important;
        padding-top: 20px;
        line-height: 34px;
    }
    hr.qpl {
    border-bottom: 3px solid #fff;
    }
        .col-md-6.col-lg-6.col-sm-12.cvaq.cn {
        height: 640px !important;
    }
    p.whyj {

    font-size: 16px !important;
    padding-top: 12px;
}
ul.breadcrumb {
    margin-top: 44px;
}
p.allsp {
    font-size: 16px !important;
    margin-bottom: 7px;
}
p.thkl {
    font-size: 16px !important;
}
    .topv {
        margin-top: -211px;
    }
        .colorche {
        font-size: 26px !important;
        line-height: 40px;
        margin-bottom: 2px;
    }
    .colmk {
    font-size: 18px !important;
    margin-top: 6px;
    margin-bottom: 3px;
}
    img.img-responsivehjkl {
        height: 225px;
    }
.contactmai {
    
    width: 100%;
    margin: auto;
}
}
@media (max-width: 600px){
.col-md-6.col-lg-6.col-sm-12.cvaq.cn {
    height: 610px !important;
}
p.frmcnt:before {
    left: 25px !important;
}
 iframe {
    height: 215px;
}
.contactmai {
    padding-top: 11px;
}
    ul.breadcrumb {
        margin-top: 25px;
    }
}
@media (max-width: 580px) {
    img.img-responsivehjkl {
        height: 185px;
    }
    .contactmai {
        width: 95%;
        margin:auto;
    }
    .colorche {
        font-size: 22px !important;
        line-height: 29px;
        margin-bottom: 2px;
    }
    p.allsp {
        font-size: 14px !important;
        margin-bottom: 3px;
        line-height: 18px;
    }
        p.thkl {
        font-size: 14px !important;
        line-height: 18px;
    }
    .colmk {
        font-size: 16px !important;
        margin-bottom: 0px;
    }
        .topv {
        margin-top: -165px;
        padding-left: 22px !important;
    }
}
@media (max-width: 500px){
h1.welk {
    font-size: 26px;
    margin-bottom: 0px;
}
img.checkmk {
    width: 6%;
}
p.clap {
        font-size: 17px !important;
        margin-bottom: 6px;
    }
    
.mauticform-row {
    width: 100% !important;
}
}
@media (max-width: 480px){
h1.welk {
        font-size: 22px !important;
        margin-bottom: 8px;
        line-height: 29px;
    }
        .allonsd {
        width: 85%;
    }
}
@media (max-width: 460px){
    .cn2 {
        padding-top: 30px;
    }
    p.frmcnt2.bn {
    font-size: 17px !important;
    line-height: 23px;
    }
        p.frmcnt:before {
        top: 61% !important;
        height: 140px !important;
        }
    }
    @media (max-width: 435px){
    .cn2 {
       
        padding-left: 0px;
    }
        p.frmcnt:before {
        left: -1px !important;
        height: 130px !important;
    }
    .allonsd {
        padding-top: 10px;
    }
    .mauticform_wrapper {
    margin-top: 4px !important;
    }
    p.frmcnt {
        font-size: 20px !important;
        line-height: 30px;
    }
    .mauticform-selectbox, .mauticform-input, .mauticform-textarea {
    padding: 7px 11px !important;
    font-size: 16px;
}
.customise-form {
    width: 90%;
}
    }
@media (max-width: 414px){
hr.qpl {
    width: 77px;
    border-bottom: 3px solid #fff;
}
    ul.breadcrumb {
        margin-top: 5px;
    }
   .breadcrumb, .breadcrumb a,ul.breadcrumb li  {
    font-size: 15px !important;
    }
    p.frmcnt {
        font-size: 22px !important;
        line-height: 32px;
    }
img.img-responsivehjkl {
        height: 135px;
    }
        .topv {
        margin-top: -131px;
        padding-left: 18px !important;
    }
.colorche {
        font-size: 18px !important;
        line-height: 25px;
}
p.allsp {
        font-size: 12px !important;
}
p.thkl {
        font-size: 12px !important;
        margin-bottom: 3px;
    }
        .colmk {
        font-size: 13px !important;
        line-height: 18px;
    }
.allonsd {
    width: 88%;
}
img.checkmk {
    width: 7%;
}
p.frmcnt {
    font-size: 20px !important;
}
p.frmcnt:before {
    left: -6px !important;
}
.customise-form {
    width: 95% !important;
    
}
}
@media (max-width: 375px) {
    p.frmcnt:before {
        height: 168px !important;
    }
}
 </style>


<!-- Service section -->
<? //include('index_img_links.php'); ?>
<!-- Welcome sec -->
<section class="banner-section">
           <img data-src="<?php echo SITE_WS_PATH; ?>/images/metal-cont2.png" class="img-responsivehjkl lazyload"> 
           <div class="topv">
               <p class="colorche">Our End to End Solution </p>
               <p class="allsp">From Designing <span class="liness">|</span> Tooling <span class="liness">|</span> Production</p>
               <p class="thkl">Has Helped Many Businesses!</p> 
              <!-- <p class="colmk">Let's Discuss Your Requirement</p>
                  <div class="btntxt h">
       <a class="snkborder" href="<?// echo SITE_WS_PATH;?>/book-meeting">
        <span></span>
        <span></span>
        <span></span>
        <span></span>
       Book a 30 Min.Tech Discussion Call
    </a>
    </div>-->
               </div>
        
        </section>
         
        <section class="contsec">
            <div class="container">
                <div class="row">
                    <!--<div class="col-md-6 col-sm-12 cn">
                        <div class="cont">
                           <p class="con1"> WE'RE HERE
TO HELP</p>
                           <p class="con2">Get Expert Advice on how to Avoid Common Mistakes and Challanges during Product Development!<i class="fa fa-angle-double-right" aria-hidden="true"></i></p>
                        <!--<img src="images/2710477.png" class="img-responsiveghj" width="100%" />
                        </div>
                    </div>-->
                    <ul class="breadcrumb">
                       <li><a href="<?php echo SITE_WS_PATH; ?>">Home</a></li>
                       <li><?php echo ucwords(str_replace('-',' ',$menuurl)); ?></li>
                 </ul>
                 <div class="contactmai">
                    <div class="col-md-6 col-lg-6 col-sm-12 cvaq cn">
                    <h1 class="welk">Welcome To <span class="orange"> Metal Stamping Dies</span></h1>
                    <hr class="qpl">
                    <p class="whyj">Benefits With Us</p>
                    <div class="allonsd">
                     <div class="same2">
  <img src="images/bnml2.png" class="checkmk"> <p class="clap"><span class="ncv">Design and Engineering  </span> Support</p>
  </div>
 
  <img src="images/bnml2.png" class="checkmk"> <p class="clap">Fastest Sample <span class="ncv"> Development </span>
</p>
  
<div class="same2">
  <img src="images/bnml2.png" class="checkmk"> <p class="clap"><span class="ncv">Low MOQ </span>
</p>
  </div>
  <div class="same2">
  <img src="images/bnml2.png" class="checkmk"> <p class="clap">Tool Life  <span class="ncv">Warranty</span></p>
  </div>
 
  <div class="same2">
  <img src="images/bnml2.png" class="checkmk"> <p class="clap"><span class="ncv">Delayed Production </span> Penalty</p>
  </div>
  </div>
                </div>
                    <div class="col-md-6 col-sm-12 cn2">
                        <div class="customise-formrt">
                            <?php include("contact-form.php");?>
                        </div>
                    </div>
                    </div>
                </div>
            </div>
        </section> 
        
</main>
</div>
</div>
<?php include('footer.php'); ?>
