/* Home page */
geometric01 {
    position: relative;
}
.geometric01:before {
    position: absolute;
    background-size: contain !important;
    width: 700px;
    content: '';
    background: url(/images/mecpro-img/mecpro-pattern/Group_186.png);
    height: 700px;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: -300px;
    margin: auto;
    background-repeat: no-repeat;
    z-index: -10 !important;
    opacity: 30%;
}
shape01 {
    position: relative;
}
.shape01:before {
    position: absolute;
    background-size: contain !important;
    width: 100px;
    content: '';
    background: url(/images/mecpro-img/mecpro-pattern/Group_259.png);
    height: 100px;
    top: 0px;
    bottom: -730px;
    right: 0px;
    left: -316px;
    margin: auto;
    background-repeat: no-repeat;
    z-index: 10 !important;
}
geometric02 {
    position: relative;
}
.geometric02:before {
    position: absolute;
    background-size: contain !important;
    width: 700px;
    content: '';
    background: url(/images/mecpro-img/mecpro-pattern/Group_259.png);
    height: 700px;
    top: 500px;
    bottom: 0px;
    right: 0px;
    left: 900px;
    margin: auto;
    background-repeat: no-repeat;
    z-index: -10 !important;
    opacity: 30%;
}
shape02 {
    position: relative;
}
.shape02:after {
    position: absolute;
    background-size: contain !important;
    width: 200px;
    content: '';
    background: url(/images/mecpro-img/mecpro-pattern/Rectangle_1520.png);
    height: 200px;
    top: -148px;
    bottom: 0px;
    right: 0px;
    left: 659px;
    margin: auto;
    background-repeat: no-repeat;
    z-index: 10 !important;
}
geometric03 {
    position: relative;
}
.geometric03:before {
    position: absolute;
    background-size: contain !important;
    width: 1000px;
    content: '';
    background: url(/images/mecpro-img/mecpro-pattern/Group_261.png);
    height: 1000px;
    top: 1000px;
    bottom: 0px;
    right: 0px;
    left: 975px;
    margin: auto;
    background-repeat: no-repeat;
    z-index: -10 !important;
    opacity: 30%;
}
shape03 {
    position: relative;
}
.shape03:before {
    position: absolute;
    background-size: contain !important;
    width: 200px;
    content: '';
    background: url(/images/mecpro-img/mecpro-pattern/Rectangle_1520.png);
    height: 200px;
    top: 0px;
    bottom: -671px;
    right: 0px;
    left: -900px;
    margin: auto;
    background-repeat: no-repeat;
  	z-index: 10 !important;
}
shape04 {
    position: relative;
}
.shape04:before {
    position: absolute;
    background-size: contain !important;
    width: 100px;
    content: '';
    background: url(/images/mecpro-img/mecpro-pattern/Rectangle_1520.png);
    height: 100px;
    top: -500px;
    bottom: 0px;
    right: 0px;
    left: 215px;
    margin: auto;
    background-repeat: no-repeat;
}
shape05 {
    position: relative;
}
.shape05:before {
    position: absolute;
    background-size: contain !important;
    width: 100px;
    content: '';
    background: url(/images/mecpro-img/mecpro-pattern/Rectangle_1520.png);
    height: 100px;
    top: 850px;
    bottom: 0px;
    right: 0px;
    left: 1300px;
    margin: auto;
    background-repeat: no-repeat;
}
shape06 {
    position: relative;
}
.shape06:before {
    position: absolute;
    background-size: contain !important;
    width: 200px;
    content: '';
    background: url(/images/mecpro-img/mecpro-pattern/Rectangle_1520.png);
    height: 200px;
    top: -200px;
    bottom: 0px;
    right: 0px;
    left: 1240px;
    margin: auto;
    background-repeat: no-repeat;
}
shape07 {
    position: relative;
}
.shape07:before {
    position: absolute;
    background-size: contain !important;
    width: 70px;
    content: '';
    background: url(/images/mecpro-img/mecpro-pattern/Rectangle_1520.png);
    height: 70px;
    top: 0px;
    bottom: 225px;
    right: 0px;
    left: -530px;
    margin: auto;
    background-repeat: no-repeat;
    z-index: 10;
}
.shape07:after {
    position: absolute;
    background-size: contain !important;
    width: 70px;
    content: '';
    background: url(/images/mecpro-img/mecpro-pattern/Rectangle_1520.png);
    height: 70px;
    top: 0px;
    bottom: -200px;
    right: 0px;
    left: 700px;
    margin: auto;
    background-repeat: no-repeat;
    z-index: 10;
}

/* About Us */
geometric04 {
    position: relative;
}
.geometric04:before {
    position: absolute;
    background-size: contain !important;
    width: 800px;
    content: '';
    background: url(/images/mecpro-img/mecpro-pattern/Group_186.png);
    height: 800px;
    top: 670px;
    bottom: 0px;
    right: -1750px;
    left: 0px;
    margin: auto;
    background-repeat: no-repeat;
    z-index: -10 !important;
    opacity: 30%;
}
shape08 {
    position: relative;
}
.shape08:before {
    position: absolute;
    background-size: contain !important;
    width: 100px;
    content: '';
    background: url(/images/mecpro-img/mecpro-pattern/Rectangle_1520.png);
    height: 100px;
    top: 0px;
    bottom: -400px;
    right: 0px;
    left: -550px;
    margin: auto;
    background-repeat: no-repeat;
    z-index: 10 !important;
}
geometric05 {
    position: relative;
}
.geometric05:before {
    position: absolute;
    background-size: contain !important;
    width: 700px;
    content: '';
    background: url(/images/mecpro-img/mecpro-pattern/Group_212.png);
    height: 700px;
    top: 200px;
    bottom: 0px;
    right: 0px;
    left: 300px;
    margin: auto;
    background-repeat: no-repeat;
    z-index: -10 !important;
    opacity: 30%;
}
geometric06{
  position: relative;
}
.geometric06:before {
    position: absolute;
    background-size: contain !important;
    width: 900px;
    content: '';
    background: url(/images/mecpro-img/mecpro-pattern/Group_213.png);
    height: 900px;
    top: 0px;
    bottom: 500px;
    right: 0px;
    left: -700px;
    margin: auto;
    background-repeat: no-repeat;
    z-index: -10 !important;
    opacity: 30%;
}
/* choose us */
geometric07{
  position: relative;
}
.geometric07:before {
    position: absolute;
    background-size: contain !important;
    width: 900px;
    content: '';
    background: url(/images/mecpro-img/mecpro-pattern/Group_240.png);
    height: 900px;
    top: 100px;
    bottom: 0px;
    right: 0px;
    left: -500px;
    margin: auto;
    background-repeat: no-repeat;
    z-index: -10 !important;
    opacity: 30%;
}
geometric08{
  position: relative;
}
.geometric08:before {
    position: absolute;
    background-size: contain !important;
    width: 1200px;
    content: '';
    background: url(/images/mecpro-img/mecpro-pattern/Group_214.png);
    height: 1200px;
    top: 0px;
    bottom: 100px;
    right: 0px;
    left: 800px;
    margin: auto;
    background-repeat: no-repeat;
    opacity: 30%;
}
shape09 {
    position: relative;
}
.shape09:before {
    position: absolute;
    background-size: contain !important;
    width: 225px;
    content: '';
    background: url(/images/mecpro-img/mecpro-pattern/Rectangle_1520.png);
    height: 225px;
    top: 0px;
    bottom: 150px;
    right: 0px;
    left: 350px;
    margin: auto;
    background-repeat: no-repeat;
    z-index: -10 !important;
}
shape10 {
    position: relative;
}
.shape10:before {
    position: absolute;
    background-size: contain !important;
    width: 130px;
    content: '';
    background: url(/images/mecpro-img/mecpro-pattern/Rectangle_1520.png);
    height: 130px;
    top: 375px;
    bottom: 0px;
    right: 0px;
    left: -200px;
    margin: auto;
    background-repeat: no-repeat;
    z-index: 10 !important;
}
/* solutions */
geometric09{
  position: relative;
}
.geometric09:before {
    position: absolute;
    background-size: contain !important;
    width: 1000px;
    content: '';
    background: url(/images/mecpro-img/mecpro-pattern/Group_223.png);
    height: 1000px;
    top: 650px;
    bottom: 0px;
    right: 0px;
    left: 270px;
    margin: auto;
    background-repeat: no-repeat;
    opacity: 30%;
}
geometric10{
  position: relative;
}
.geometric10:before {
    position: absolute;
    background-size: contain !important;
    width: 1000px;
    content: '';
    background: url(/images/mecpro-img/mecpro-pattern/Group_221.png);
    height: 1500px;
    top: 550px;
    bottom: 0px;
    right: 0px;
    left: -550px;
    margin: auto;
    background-repeat: no-repeat;
    opacity: 30%;
}
geometric11{
  position: relative;
}
.geometric11:before {
    position: absolute;
    background-size: contain !important;
    width: 1300px;
    content: '';
    background: url(/images/mecpro-img/mecpro-pattern/Group_220.png);
    height: 1300px;
    top: 134px;
    bottom: 0px;
    right: 0px;
    left: 520px;
    margin: auto;
    background-repeat: no-repeat;
    opacity: 30%;
}
geometric18{
  position: relative;
}
.geometric18:before {
    position: absolute;
    background-size: contain !important;
    width: 1300px;
    content: '';
    background: url(/images/mecpro-img/mecpro-pattern/Group_222.png);
    height: 1300px;
    top: 400px;
    bottom: 0px;
    right: 0px;
    left: -700px;
    margin: auto;
    background-repeat: no-repeat;
    opacity: 30%;
    z-index: -10 !important;
}
shape11 {
    position: relative;
}
.shape11:before {
    position: absolute;
    background-size: contain !important;
    width: 130px;
    content: '';
    background: url(/images/mecpro-img/mecpro-pattern/Rectangle_1520.png);
    height: 130px;
    top: -170px;
    bottom: 0px;
    right: 0px;
    left: 500px;
    margin: auto;
    background-repeat: no-repeat;
    z-index: 10;
}
shape12 {
    position: relative;
}
.shape12:before {
    position: absolute;
    background-size: contain !important;
    width: 100px;
    content: '';
    background: url(/images/mecpro-img/mecpro-pattern/Rectangle_1520.png);
    height: 100px;
    top: 170px;
    bottom: 0px;
    right: 0px;
    left: 1290px;
    margin: auto;
    background-repeat: no-repeat;
    z-index: 10;
}
shape13 {
    position: relative;
}
.shape13:before {
    position: absolute;
    background-size: contain !important;
    width: 100px;
    content: '';
    background: url(/images/mecpro-img/mecpro-pattern/Rectangle_1520.png);
    height: 100px;
    top: 0px;
    bottom: 415px;
    right: 352px;
    left: -113px;
    margin: auto;
    background-repeat: no-repeat;
    z-index: 10;
}
shape14 {
    position: relative;
}
.shape14:before {
    position: absolute;
    background-size: contain !important;
    width: 100px;
    content: '';
    background: url(/images/mecpro-img/mecpro-pattern/Rectangle_1520.png);
    height: 100px;
    top: 450px;
    bottom: 0px;
    right: 500px;
    left: -113px;
    margin: auto;
    background-repeat: no-repeat;
    z-index: -10;
}
shape15 {
    position: relative;
}
.shape15:before {
    position: absolute;
    background-size: contain !important;
    width: 200px;
    content: '';
    background: url(/images/mecpro-img/mecpro-pattern/Rectangle_1520.png);
    height: 200px;
    top: 239px;
    bottom: 0px;
    right: 0px;
    left: 1078px;
    margin: auto;
    background-repeat: no-repeat;
    z-index: -10;
}
/* Quality Assurance */
geometric12{
  position: relative;
}
.geometric12:before {
    position: absolute;
    background-size: contain !important;
    width: 700px;
    content: '';
    background: url(/images/mecpro-img/mecpro-pattern/Group_212.png);
    height: 700px;
    top: 261px;
    bottom: 0px;
    right: 0px;
    left: 804px;
    margin: auto;
    background-repeat: no-repeat;
    opacity: 30%;
}
geometric13{
  position: relative;
}
.geometric13:before {
    position: absolute;
    background-size: contain !important;
    width: 1300px;
    content: '';
    background: url(/images/mecpro-img/mecpro-pattern/Group_213.png);
    height: 1300px;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: -700px;
    margin: auto;
    background-repeat: no-repeat;
    opacity: 30%;
}
shape16 {
    position: relative;
}
.shape16:before {
    position: absolute;
    background-size: contain !important;
    width: 200px;
    content: '';
    background: url(/images/mecpro-img/mecpro-pattern/Rectangle_1520.png);
    height: 200px;
    top: 0px;
    bottom: 330px;
    right: 1800px;
    left: -140px;
    margin: auto;
    background-repeat: no-repeat;
    z-index: 10;
}
shape17 {
    position: relative;
}
.shape17:before {
    position: absolute;
    background-size: contain !important;
    width: 100px;
    content: '';
    background: url(/images/mecpro-img/mecpro-pattern/Rectangle_1520.png);
    height: 100px;
    top: 600px;
    bottom: 0px;
    right: 0px;
    left: 0px;
    margin: auto;
    background-repeat: no-repeat;
    z-index: 10;
}
shape18 {
    position: relative;
}
.shape18:before {
    position: absolute;
    background-size: contain !important;
    width: 100px;
    content: '';
    background: url(/images/mecpro-img/mecpro-pattern/Rectangle_1520.png);
    height: 100px;
    top: 115px;
    bottom: 0px;
    right: 0px;
    left: 1200px;
    margin: auto;
    background-repeat: no-repeat;
    z-index: 10;
}
/* Industires */
geometric14{
  position: relative;
}
.geometric14:before {
    position: absolute;
    background-size: contain !important;
    width: 1300px;
    content: '';
    background: url(/images/mecpro-img/mecpro-pattern/Group_240.png);
    height: 1300px;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: -700px;
    margin: auto;
    background-repeat: no-repeat;
    opacity: 30%;
}
geometric15{
  position: relative;
}
.geometric15:before {
    position: absolute;
    background-size: contain !important;
    width: 1300px;
    content: '';
    background: url(/images/mecpro-img/mecpro-pattern/Group_213.png);
    height: 1300px;
    top: 65px;
    bottom: 0px;
    right: 0px;
    left: -21px;
    margin: auto;
    background-repeat: no-repeat;
    opacity: 30%;
}
geometric16{
  position: relative;
}
.geometric16:before {
position: absolute;
    background-size: contain !important;
    width: 1300px;
    content: '';
    background: url(/images/mecpro-img/mecpro-pattern/Group_241.png);
    height: 1300px;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: -1050px;
    margin: auto;
    background-repeat: no-repeat;
    opacity: 30%;
    z-index: -10 !important;
}
shape19 {
    position: relative;
}
.shape19:before {
    position: absolute;
    background-size: contain !important;
    width: 175px;
    content: '';
    background: url(/images/mecpro-img/mecpro-pattern/Rectangle_1520.png);
    height: 175px;
    top: 200px;
    bottom: 0px;
    right: 0px;
    left: 1225px;
    margin: auto;
    background-repeat: no-repeat;
    z-index: 10;
}
shape20 {
    position: relative;
}
.shape20:before {
    position: absolute;
    background-size: contain !important;
    width: 100px;
    content: '';
    background: url(/images/mecpro-img/mecpro-pattern/Rectangle_1520.png);
    height: 100px;
    top: 175px;
    bottom: 0px;
    right: 500px;
    left: -59px;
    margin: auto;
    background-repeat: no-repeat;
    z-index: 10;
}
shape21 {
    position: relative;
}
.shape21:before {
    position: absolute;
    background-size: contain !important;
    width: 50px;
    content: '';
    background: url(/images/mecpro-img/mecpro-pattern/Rectangle_1520.png);
    height: 50px;
    top: 0px;
    bottom: 400px;
    right: 0px;
    left: 1115px;
    margin: auto;
    background-repeat: no-repeat;
    z-index: 10;
}
shape22 {
    position: relative;
}
.shape22:before {
    position: absolute;
    background-size: contain !important;
    width: 100px;
    content: '';
    background: url(/images/mecpro-img/mecpro-pattern/Rectangle_1520.png);
    height: 100px;
    top: 450px;
    bottom: 0px;
    right: 500px;
    left: -59px;
    margin: auto;
    background-repeat: no-repeat;
    z-index: 10;
}
shape23 {
    position: relative;
}
.shape23:before {
    position: absolute;
    background-size: contain !important;
    width: 100px;
    content: '';
    background: url(/images/mecpro-img/mecpro-pattern/Rectangle_1520.png);
    height: 100px;
    top: 0px;
    bottom: -200px;
    right: 0px;
    left: 1090px;
    margin: auto;
    background-repeat: no-repeat;
    z-index: 10;
}
shape24 {
    position: relative;
}
.shape24:before {
    position: absolute;
    background-size: contain !important;
    width: 75px;
    content: '';
    background: url(/images/mecpro-img/mecpro-pattern/Rectangle_1520.png);
    height: 75px;
    top: 720px;
    bottom: 0px;
    right: 150px;
    left: 0px;
    margin: auto;
    background-repeat: no-repeat;
    z-index: 10;
}
/* Contact Us */
geometric17{
  position: relative;
}
.geometric17:before {
    position: absolute;
    background-size: contain !important;
    width: 1300px;
    content: '';
    background: url(/images/mecpro-img/mecpro-pattern/Group_249.png);
    height: 1300px;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 800px;
    margin: auto;
    background-repeat: no-repeat;
    opacity: 30%;
    z-index: -10 !important;
}
shape25 {
    position: relative;
}
.shape25:before {
    position: absolute;
    background-size: contain !important;
    width: 100px;
    content: '';
    background: url(/images/mecpro-img/mecpro-pattern/Rectangle_1520.png);
    height: 100px;
    top: 350px;
    bottom: 0px;
    right: 500px;
    left: -59px;
    margin: auto;
    background-repeat: no-repeat;
    z-index: 10;
}
shape26 {
    position: relative;
}
.shape26:before {
    position: absolute;
    background-size: contain !important;
    width: 75px;
    content: '';
    background: url(/images/mecpro-img/mecpro-pattern/Rectangle_1520.png);
    height: 75px;
    top: 0px;
    bottom: 600px;
    right: 0px;
    left: 500px;
    margin: auto;
    background-repeat: no-repeat;
    z-index: 10;
}