
body{
    overflow-x: hidden;
    margin: 0px auto;
}
@font-face {
    font-family: mm1;
    src: url(../fonts/LEMONMILK-Bold.otf);
}
@font-face {
    font-family:mm2 ;
    src: url(../fonts/avianregular.ttf);
}
html {
  scroll-behavior: smooth;
}




/*--------------header start----------------*/

.opnpro:hover .prodp{
  display: block;
}
.carousel-control-prev {
    z-index: 99;
}
.carousel-control-next {
    z-index: 99;
}
    .dropdown-item {
    color: #ffffff !important;
  }
.dropdown {
  position: relative;
  display: inline-block;
}
.dropdown-item {
    font-weight: 700 !important;
    }

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  padding: 12px 16px;
  z-index: 11111;
}

.dropdown:hover .dropdown-content {
  display: block;
}

#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
  width: 50px;
  height: 45px;
  z-index: 999;
  position: relative;
  margin: auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#nav-icon1 span, #nav-icon3 span, #nav-icon4 span {
  display: block;
  position: absolute;
  height: 5px;
  width: 85%;
  background: #da251d;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon1 span:nth-child(1) {
  top: 0px;
}

#nav-icon1 span:nth-child(2) {
  top: 12px;
}

#nav-icon1 span:nth-child(3) {
  top: 24px;
}

#nav-icon1.open span:nth-child(1) {
  top: 18px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

#nav-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}

#nav-icon1.open span:nth-child(3) {
  top: 18px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

/* Icon 2 */

#nav-icon2 {
}

#nav-icon2 span {
  display: block;
  position: absolute;
  height: 6px;
  width: 65%;
  background: #000;
  opacity: 1;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon2 span:nth-child(even) {
  left: 50%;
  border-radius: 0 9px 9px 0;
}

#nav-icon2 span:nth-child(odd) {
  left: 20px;
  border-radius: 9px 0 0 9px;
}

#nav-icon2 span:nth-child(1), #nav-icon2 span:nth-child(2) {
  top: 10px;
}

#nav-icon2 span:nth-child(3), #nav-icon2 span:nth-child(4) {
  top: 23px;
}

#nav-icon2 span:nth-child(5), #nav-icon2 span:nth-child(6) {
  top: 36px;
}

#nav-icon2.open span:nth-child(1),#nav-icon2.open span:nth-child(6) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon2.open span:nth-child(2),#nav-icon2.open span:nth-child(5) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon2.open span:nth-child(1) {
  left: 8px;
  top: 12px;
}

#nav-icon2.open span:nth-child(2) {
  left: calc(50% - 5px);
  top: 12px;
}

#nav-icon2.open span:nth-child(3) {
  left: -50%;
  opacity: 0;
}

#nav-icon2.open span:nth-child(4) {
  left: 100%;
  opacity: 0;
}

#nav-icon2.open span:nth-child(5) {
  left: 9px;
  top: 29px;
}

#nav-icon2.open span:nth-child(6) {
  left: calc(50% - 5px);
  top: 29px;
}

/* Icon 3 */

#nav-icon3 span:nth-child(1) {
  top: 0px;
}

#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
  top: 18px;
}

#nav-icon3 span:nth-child(4) {
  top: 36px;
}

#nav-icon3.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}

#nav-icon3.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon3.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon3.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}

/* Icon 4 */

#nav-icon4 {
}

#nav-icon4 span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon4 span:nth-child(2) {
  top: 18px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon4 span:nth-child(3) {
  top: 36px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon4.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -3px;
  left: 8px;
}

#nav-icon4.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

#nav-icon4.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 39px;
  left: 8px;
}

#fxdhdr{
    transition: all 1s;
}
.fxdhdr2{
    z-index: 99;
    width: 100%;
    background: #ffffffe0;
    position: fixed;
    transition: all 1s;
}
.hdimspace{
    padding: 6% 0% 2% 10%;
}
#hdrimgs{
    width: 100%;
}

.menu ul li, .hidden-menu {
    list-style: none;
    padding: 0;
    text-align: justify;
    margin: auto;
}   

.mobile-menu-bar {
    position: fixed;
    height: 72px;
    width: auto;
    top: 4%;
    left: 2%;
    z-index:999999;
    display: block;
}
.mm-top-bar {
    width: auto;
    height: 50px;
    position: fixed;
    z-index: 999;
}
.mm-top-bar .logo {
    position: absolute;
    right: -134px;
    top: 3px;
    height: 50px;
}
.mm-top-bar .logo img {
    margin: 5px;
}
.logo img {
    width: 25%;
}
.mm-top-bar > .menu {
    height:50px;
    width:50px;
}
.mm-top-bar > .menu > img{
    width:50px;
}
.hidden-menu {
    position: absolute;
    left: 0;
    top:50.5px;
    width: 100%;
    display: none;
    height:0px;
    transition: all 0.5s ;
}
.hidden-menu.active {
    top: 46px;
    display: block;
    width: 450px;
    height: 730px;
    background: url(../assets/img/blackbg.png);
    background-size: 100%;
    background-repeat: no-repeat;
    padding-top: 0%;
    left: -84px;
    animation: popInLeft 0.6s;
}
.prodp{
    display: none;
    position: absolute;
    top: -35px;
    left: 342px;
    width: 370px;
    padding: 5% 5% 5% 5%;
    background-repeat: no-repeat;
    margin: auto;
    animation: popInLeft 0.5s;
    background-color: #00000085;
    margin: auto;
    text-align: center;
}
.mrkdp:hover .mrkmndpd{
  display: block;
}
.prodp p a{
  font-size: calc(0.6vw + 0.7vh);
  font-family: mm1;
  color: #fff;
  text-align: center;
  text-decoration: none;
}
.prodp p a:hover{
  color: #da251d;
  background-color: #fff;
  padding: 2%;
}
.prodp h4{
  font-size: calc(0.6vw + 0.7vh);
  font-family: mm1;
  color: #fff;
  text-align: center;
  text-decoration: none;
  padding: 2%;
}
.prodp h4:hover{
  color: #da251d;
  background-color: #fff;
}
.mrkmndpd p a{
  font-size: calc(0.6vw + 0.7vh);
  font-family: mm1;
  color: #fff;
  text-align: center;
  text-decoration: none;
}
.mrkmndpd p a:hover{
  color: #da251d;
  background-color: #fff;
  padding: 2%;
}
.mrkmndpd{
  display: none;
  position: absolute;
  top: 200px;
  left: 337px;
  width: 475px;
  padding: 5% 5% 5% 5%;
  background-repeat: no-repeat;
  margin: auto;
  animation: popInLeft 0.5s;
  background-color: #00000085;
  margin: auto;
  text-align: center;
}
.prosub:hover .subcat{
  display: block;
}
.subcat{
  display: none;
  position: absolute;
  top: 0px;
  left: 335px;
  width: 390px;
  padding: 5%;
  margin: auto;
  animation: popInLeft 0.5s;
  background-color: #00000085;
  text-align: center;
}
.subcat p a{
  font-size: calc(0.6vw + 0.7vh);
  font-family: mm1;
  color: #fff;
  text-align: center;
  text-decoration: none;
}
.subcat p a:hover{
  color: #da251d;
  background-color: #fff;
  padding: 2%;
}
.opnpro{
  position: relative;
}
.hidden-menu li {
    width: 62%;
    height: 50px;
    text-align: center;
    font-size: 24px;
    line-height: 50px;
}
.hidden-menu li > a {
    color: #fff;
    background-color: #da251d;
    margin: 13% 0% 0% 0%;
    transform: skew(-11deg);
    font-family: mm1;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    display: block;
    width: 80%;
    height: 50px;
    font-size: 14px;
    transition: all 0.4s;
}
.hidden-menu li > a:hover{
    background-color: #03048f;
    box-shadow: 0px 0px 0px 6px #da251d;
}

.logo1{
    text-align: center;
}
.logo1 img{
    width: 25%;
    padding-top: 2%;
    align-items: center;
}
.sclink{
    width: 25%;
    margin: auto;
    transition: all 0.5s;
}
.sclink:hover{
  transform: scale(1.1);
}
.sclink img{
  width: 85%;
}
.sclink1{
    width: 60%;
    margin: auto;
    padding-top: 6%;
}
.hdrmain{
    position: fixed;
    z-index: 999;
    width: 100%;
    background-color: #ffffff80;
    padding-bottom: 0.5%;
}



/*------------------------------header end------------------------*/


/*-----------------------------index start------------------------*/

/* section-1 starts */
.banner1{
    background: url(../assets/img/Layer-1-copy.png);
    background-repeat: no-repeat;
    background-size: 100%;
    padding: 16% 0% 34.7% 0%;
    margin-top: 5%;
}
.banner1 p{
    font-family: mm1;
    color: #fff;
    text-align: center;
    font-size: 4vw;
    line-height: 0.5;
    margin: 0%;
}

.banner1 h3{
    font-family: mm1;
    color: #fff;
    text-align: center;
    font-size: 6vw;
    line-height: 1.2;
    margin: 0%;
}
.red1{
    position: absolute;
    bottom: 0.2%;
    left: 0%;
    width: 52%;
    transform: rotate(-0.3deg);
}
.red1 img{
    width: 100%;
    opacity: 0.7;
}
/*section-1 Ends */







/* section-2 starts */
.patrn{
    background: url(../assets/img/4.png);
    background-size: 100%;
    background-repeat: no-repeat;
    padding: 25% 0% 22% 0%;
    background-position: -5%;
    margin-top: -25%;
    position: relative;
}
.expr{
    width: 85%;
    margin: auto;
    text-align: center;
}
.expr h3{
    font-family: mm1;
    font-size: 4.3vw;
    color: #da251d;
    line-height: 0.4;
}
.expr p{
    font-family: mm1;
    font-size: 3.8vw;
    color: #000;
}
.prss img{
    width: 50%;
    padding-bottom: 10%;
}
.prss h3{
    font-family: mm1;
    font-size: calc(0.8vw + 0.8vh);
    color: #000;
    text-align: center;
    line-height: 1;
}
.prss p{
    font-family: mm2;
    font-size: calc(0.6vw + 0.7vh);
    color: #000;
    text-align: center;
    font-weight: 600;
}
.red2{
  position: absolute;
  bottom: -13.6%;
    right: 0%;
    width: 50%;
    z-index: 9;
}
.red2 img{
    width: 100%;
}
.carousel {
    z-index: 99;
}
/* section-2 Ends */




 /* section-3 starts */
.machin{
  padding: 0% 0% 0% 0%;
}
.mchinfstlyr{
  padding: 1% 8%;
}
.machin1 img{
  width: 100%;
}
.machin1{
  width: 100%;
}
.machin .owl-carousel .owl-dots.disabled, .machin .owl-carousel .owl-nav.disabled {
  display: block; 
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  color: #da251d;
  font-size: calc(4vw + 4vh);
  margin-top: -7%;
}
.machin .owl-nav {
  display: block; 
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  font-size: calc(4vw + 4vh);
  color: #da251d;
  margin-top: -7%;
  
  
}
.machin .owl-prev{
  left: -6% !important;
  position: absolute;
  
}
.machin .owl-next{
  right: -6% !important;
  position: absolute;
 
}
.indstserve{
  background-color: #da251d;
  position: relative;
  

}
.indstserve-red1 img{
  width: 100%;
}

.indstserve-red1{
  position: absolute;
  width: 53%;
}
.indstserve-red2 img{
  width: 100%;
}

.indstserve-red2{
  position: absolute;
  right: 0;
  width: 50%;
  margin-top: -1%;
}
.tri2 img{
  width: 100%;
}
.tri2{
  margin-bottom: -17%;
}
/*  section-3 Ends  */





/* section-4 starts */
.iddstserveinnr{
  background-color: #da251d;
  position: relative;
  padding: 3% 0% 0% 0%;
  margin-top: 10.5%;
}
.idsthding {
  color: #fff;
  font-size: 4.5vw;
  font-family: mm1;
  text-align: center;
  line-height: 0.9;
}
.idsthding h4{
  color: #fff;
  font-size: 3.5vw;
  font-family: mm1;
  text-align: center;

}
.indusprctbar{
  padding: 2% 10% 4% 10%;
}
.pdrct1 img{
  width: 100%;
  position: relative;
  z-index: 9;
}
.pdrct1{
  width: 57%;
  margin: auto;
  transition: all 0.5s;
}
.pdrct1:hover  p{
  text-shadow: 3px 3px 2px #000000;
}
.pdrct1:hover{
  transform: scale(1.1);
}
.pdrct1 p{
  color: #fff;
  font-family: mm1;
  font-size: 0.9vw;
  text-align: center;
  transition: all 0.5s;
}
.indust-red3 img{
  width: 100%;
}
.indust-red3{
  width: 100%;
  margin-top: -34%;
  /* position: absolute;
  bottom: -22%;
  z-index: 8; */
}
/*  section-3 Ends  */


/*section-5 starts  */
.sixkeysrseon{
  padding: 30% 0% 60% 0%;
  position: relative;
  background-color: #e4e4e4;
}
.indbgimg{
  position: absolute;
  bottom: -5%;
}
.indbgimg img{
  width: 100%;
  transform: rotateY(180deg);
}
.sixkeyfstlyr h3{
  color: #da251d;
  font-family: mm1;
  font-size: 4.5vw;
  text-align: center;
  line-height: 0.7;
}
.sixkeyfstlyr h4{
  color: #000;
  font-family: mm1;
  font-size: 2vw;
  text-align: center;
}
.keyresonbar{
  padding: 1% 7% 0% 10%;
  width: 85%;
  margin: auto;
  float: right;
}

.keyprdct1 img{
  width: 100%;
}
.keyprdct1{
  width: 100%;
}
.keyupprimg img{
  width: 100%;
}
.keyupprimg{
  width: 30%;
  margin: auto;
  margin-bottom: -14%;
  position: relative;
  z-index: 9;
}
.keyprdct1 h4{
  color: #000;
  font-family: mm1;
  font-size: 1.3vw;
  text-align: center;
  text-shadow: 3px 2px #00000042;

}
.keyprdct1 p{
  color: #000;
    font-family: mm2;
    font-size: 0.9vw;
    text-align: center;
    font-weight: 700;
    padding: 0 6%;
}
.keyupprimg{
  transition: all 0.5s;
}
.keyprdct1:hover .keyupprimg{
}
.keyresonbar2{
  padding: 0% 7% 4% 10%;
  width: 85%;
  margin: auto;
  float: left;
}
/* section-5 Ends */





/* section-testimional starts*/
.pioneertstmonial {
  padding: 0% 0%;
  position: relative;
}
.pioneertstmonial P{
  color: #da251d;
  font-family: mm1;
  font-size: 3.9vw;
  text-align: center;

}
.custmorimg{
  padding: 0% 5%;
}
.sctmrpdrctimg1 img{
  width: 100%;
}
.sctmrpdrctimg1{
  width: 100%;
}


.fttrtstimonial-red1{
  position: absolute;
  width: 53%;
}
.fttrtstimonial-red1 img{
  width: 100%;
}
.fttrtstimonial-red2 img{
  width: 100%;
}

.fttrtstimonial-red2{
  position: absolute;
  right: 0;
  width: 52%;
  margin-top: -1.5%;
 

}
.fttrtstimonial{
  position: relative;
}
.mach1{
  width: 70%;
  margin: auto;
}
/*  section-testimional Ends */
/*----------------------------index end---------------------------*/

















/*--------------Footer start----------------*/
/* Footer-inner Starts */
.ftred img{
  width: 100%;
}
.ftred{
  margin-top: 0%;
}
.fttrbgclor{
  background-color: #da251d;
  padding: 1% 0 1% 0%;
  margin-top: -6.2%;
  position: relative;

 
}
.fttrbgclor h3{
  color: #fff;
  font-family: mm1;
  font-size: 1.9vw;
  text-align: center;
  padding-bottom: 1.7%;
}
.contctfttrarea{
  padding: 1% 12% 2% 12%;
  text-align: center;
}

.callinglft img{
  width: 7%;
  margin: auto;
  padding-bottom: 2%;
}
.callinglft p a{
  color: #fff;
  font-family: mm2;
  font-size: calc(0.9vw + 0.8vh);
  text-align: center;
}
.callinglft a{
  text-decoration: none;
}
.brdrln{
  border-right: 3px solid #fff;
}
.bdrln{
    border-top: 3px solid #fff;
    width: 70%;
    margin: auto;
}
.fttrnavbar{
  display: grid;
  align-content: center;
  padding: 2% 10%;
}
.fttrnavlinks {
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
}
.frtlnk {
  padding: 0% 2%;
}
.frtlnk a {
  color: #fff;
  font-family: mm1;
  text-decoration: none;
  font-size: calc(0.6vw + 0.7vh);
}
.frtlnk a:hover{
  text-shadow: 3px 2px #00000042;;
}
.fttrsocilicon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.fttrsocialinks {
    display: flex;
    align-items: center;
    text-align: center;
    width: 25%;
    margin: auto;
    padding: 0% 0% 2% 0%;
}
.fttrsocialinks a{
  color: #fff;
  font-size: 2.1vw;
  width: 30%;
  transition: all 0.3s;
}
.fttrsocialinks img{
  width: 45%;
  opacity: 0.8;
}
.fttrsocialinks img:hover{
  opacity: 1;
}
.fttrtxtmttrpioneer{
  padding: 0 5%;
}
.fttrtxtmttrpioneer p{
    color: #fff;
    font-family: mm2;
    text-align: center;
    font-size: calc(0.5vw + 0.5vh);
    width: 84%;
    margin: auto;
}
.footriner p{
  color: #fff;
  font-family: mm2;
  text-align: center;
  font-size: calc(0.5vw + 0.5vh);
  margin-bottom: -0.6%;
}
.footriner p a{
  color: #fff;
  font-family: mm2;
  text-align: center;
  font-size: calc(0.5vw + 0.5vh);
}
.footriner a{
  text-decoration: none;
}
/* Footer-inner Ends */



.footriner{
  padding: 1% 0% 1% 0%;
  font-size: calc(0.65vw + 0.6vh);
  font-family:avianregular;
  text-align: center;
}
.left{
 
  color: #fff;
}
.left a{
  color: #fff;
}

.topbtn{
  position: fixed;
  bottom: 40px;
  right: 1%;
  z-index: 9999;
  width: 50px;
  height: 50px;
  background: #de0000 ;
  border-radius: 113%;
  display: none;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 27px;
  box-shadow: 1px 1px 3px #00000085;
  transition: all 0.4s;
  cursor: url(../assets/img/toppoint.png), auto;
}
.topbtn:hover{
  background: rgb(145, 5, 5);
  color: #fff;
  font-size: 31px;
}
.topbtn a:hover{
  text-decoration: none;
}
.topbtnshow{
display: grid;
}

.whatsapp{
  position: fixed;
  bottom: 40px;
  left: 1.5%;
  z-index: 9999;
  width: 45px;
}
.whatsapp img{
  width: 100%;
}

/*--------------Footer Ends----------------*/


/*--------------About start---------------*/
.abt1{
  /*background: url(../assets/img/Layer-31.png);
  background-size: 100%;
  background-repeat: no-repeat;
  padding: 7% 0% 25% 0%;*/
  margin-top: 5%;
  background-color: #da251d;
  position: relative;
  padding: 5% 0% 20% 0%;
}
.bckimg img{
  width: 100%;
}
.bckimg{
  position: absolute;
  bottom: 0%;
}
.abt1 h3{
  font-family: mm1;
  font-size: 4.3vw;
  color: #fff;
  text-align: center;
  padding-bottom: 3%;
}
.abt1 p{
  font-family: mm2;
  font-size: calc(0.6vw + 0.6vh);
  color: #fff;
  text-align: center;
  padding: 0% 10% 0% 10%;
}
.abt1 li{
  font-family: mm1;
  font-size: calc(0.8vw + 0.9vh);
  color: #fff;
  text-align: center;
  width: fit-content;
  margin: auto;
  transition: all 0.2s;
}
.abt1 li:hover{
  transform: scale(1.1);
}
.abt2bg{
  /*background: url(../assets/img/Layer-41.png);
  background-size: 100%;
  background-repeat: no-repeat;
  padding: 11% 0% 23.5% 0%;
  background-position: -5%;
  margin-top: -19%;*/
  position: relative;
  background-color: #f4f4f4;
  padding: 0% 0% 10% 0%;
}
.bkimg{
  position: absolute;
  bottom: -30%;
}
.bkimg img{
  width: 100%;
}
.apdc{
  text-align: center;
  align-items: center;
}
.apdc img{
  width: 65%;
}
.qltytxt h3{
    font-family: mm1;
    font-size: 4.3vw;
    color: #da251d;
    text-align: center;
    line-height: 1;
}
.qltytxt p{
  font-family: mm2;
  font-size: calc(0.6vw + 0.6vh);
  color: #000;
  text-align: center;
}
.qltytxt li{
  font-family: mm2;
  font-size: calc(0.6vw + 0.7vh);
  color: #000;
  text-align: center;
  width: fit-content;
  margin: auto;
}
.abt2 {
    width: 80%;
    margin: auto;
}
.qltytxt{
  margin-top: 7%;
}
.mission{
  width: 80%;
  margin: auto;
  padding: 8% 0% 10% 0%;
}
.misnimg img{
  width: 65%;
}
.misnimg{
    text-align: center;
}
.ovisn{
  /*background: url(../assets/img/Layer-61.png);
  background-repeat: no-repeat;
  background-size: 100%;
  padding: 17% 0% 16% 0%;
  background-position: -5%;
  margin-top: -10%;
*/
  background-color: #e4e4e4;
  position: relative;
  padding: 3% 0% 3% 0%;
}
.ovisn1{
  width: 65%;
  margin: auto;
}
.bgimgov{
  position: absolute;
  top: -32%;
}
.bgimgov img{
  width: 100%;
}
.bgimgov1{
  position: absolute;
  bottom: -65%;
}
.bgimgov1 img{
  width: 100%;
}
.blbimg img{
  width: 65%;
}
.blbimg{
  text-align: right;
}
.hmbanner3 h4{
  font-family: mm1;
    font-size: 4vw;
    color: #da251d;
    text-align: center;
    line-height: 3;
}
.hmbn3box h5{
  font-family: mm1;
    font-size: 4.5vw;
    color: #da251d;
    text-align: center;
}
.hmbn3box P{
  font-family: mm1;
    font-size: calc(0.8vw + 0.8vh);
    color: #000;
    text-align: center;
}
.hmbanner3{
  width: 85%;
  margin: auto;
  padding: 11% 0% 2% 0%;
}



/*----------------- About end -----------------*/

/*----------------- Quality Management start ------------------*/

.qmang{
  padding: 5% 0% 22% 0%;
  margin-top: 5%;
  background-color: #da251d;
  position: relative;
}
.qmbgimg{
  position: absolute;
  bottom: 0%;
}
.qmbgimg img{
  width: 100%;
}
.qmang h3{
    color: #fff;
    font-family: mm1;
    font-size: 3.9vw;
    text-align: center;
    padding-bottom: 3%;
}
.qltymngtxt{
  width: 75%;
  margin: auto;
}
.dtlqlty p{
  font-family: mm2;
    font-size: calc(0.6vw + 0.6vh);
    color: #fff;
    text-align: center;
    padding: 0% 6% 0% 6%;
}
.qltyimg{
  margin-top: 6%;
}
.qltyimg img{
  width: 100%;
  transition: all 0.3s;
}
.qltyimg img:hover{
  transform: scale(1.07);
}
.eqpmttbl{
  width: 70%;
  margin: auto;
  padding: 0% 0% 0% 0%;
}
.eqpmt h5{
  font-family: mm1;
    font-size: 4vw;
    color: #da251d;
    text-align: center;
    padding-bottom: 3%;
}
.eqtbl{
  border-radius: 50px;
  overflow: hidden;
  padding: 3% 0%;
  background-color: #da251c;
}
.eqtbl h3{
    font-family: mm2;
    font-size: calc(0.66vw + 0.7vh);
    color: #fff;
    text-align: center;
    padding: 4% 0% 4% 0%;
    border-bottom: 1.5px solid #fff;
    background-color: #da251c;
    margin: 0;
}
.eqtbl h4{
    font-family: mm2;
    font-size: calc(0.66vw + 0.7vh);
    color: #fff;
    text-align: center;
    padding: 4% 0% 4% 0%;
    border-bottom: 1.5px solid #fff;
    background-color: #fd3830;
    margin: 0;
}
.eqtbl h4 p{
  margin: 0;
  transition: all 0.2s;
}
.eqtbl h3 p{
  margin: 0;
  transition: all 0.2s;
}
.eqtbl h3:hover p{
  transform: scale(1.1);
}
.eqtbl h4:hover p{
  transform: scale(1.1);
}


/*---------------------- Quality Management end ------------------*/

/*---------------------- Market Start ---------------------------*/
.mrkt{
  padding: 3% 0% 13% 0%;
  margin-top: 5%;
  background-color: #da251d;
  position: relative;
}
.mrktbg{
  position: absolute;
  bottom: -20%;
}
.mrktbg img{
  width: 100%;
}
.mrkt h3{
  font-family: mm1;
    font-size: 4.3vw;
    color: #fff;
    text-align: center;
    padding-bottom: 3%;
}
.mrktimg{
  margin-top: 7%;
}
.mrktimg img{
  width: 100%;
  transition: all 0.3s;
}
.mrktimg img:hover{
  transform: scale(1.07);
}
.mrkttxt p{
  font-family: mm2;
    font-size: calc(0.6vw + 0.6vh);
    color: #fff;
    text-align: center;
}
.mrkttxt h4{
  font-family: mm1;
    font-size: calc(0.6vw + 0.6vh);
    color: #fff;
    text-align: center;
}
.mrkt1{
  width: 80%;
  margin: auto;
}
.rmiaospc h3{
  font-family: mm1;
  font-size: calc(1.1vw + 1.1vh);
  color: #000;
  text-align: center;
  padding-bottom: 3%;
}
.mfrm{
  background-color: #da251d;
  padding: 3% 0% 3% 8%;
  width: 100%;
  font-family: mm2;
  color: #fff;
  font-size: calc(0.7vw + 0.8vh);
  margin: 1.5%;
  border-radius: 35px;
  border: none;
}
.rmiaospc{
  width: 60%;
  margin: auto;
  padding: 8% 0% 0% 0%;
}
::placeholder{
  font-family: mm2;
  color: #fff;
  font-size: calc(0.7vw + 0.8vh);
}
.mfrmtxt textarea{
  background-color: #da251d;
  padding: 2% 0% 5% 3%;
  width: 100%;
  margin: 1%;
  font-family: mm2;
  color: #fff;
  font-size: calc(0.7vw + 0.8vh);
  border-radius: 35px;
  border: none;
}
.subbtn input{
  background-color: #000;
  color: #fff;
  font-family: mm2;
  font-size: calc(1vw + 1vh);
  padding: 1% 2% 1% 2%;
  width: 25%;
  margin: auto;
  border: 4px solid #000;
  border-radius: 50px;
  transition: all 0.3s;
}
.subbtn input:hover{
  background-color: #b7b7b7;
  color: #000;
  border: 4px solid #000;
}
.subbtn{
  text-align: center;
}


/*------------------------ Market End ------------------------------*/


/*------------------------ Capabilities Start -----------------------*/
.cpbty{
  background-color: #da251d;
  padding: 4% 0% 8% 0%;
  margin-top: 5%;
  position: relative;
}
.cpbtybgimg{
  position: absolute;
  bottom: -22%;
  z-index: 1;
}
.cpbtybgimg img{
  width: 100%;
}
.capa h3{
  font-family: mm1;
    font-size: 4vw;
    color: #fff;
    text-align: center;
    padding-bottom: 1%;
}
.capa h4{
  font-family: mm1;
    font-size: 2vw;
    color: #fff;
    text-align: center;
    padding-bottom: 0.5%;
}
.capa li {
    font-family: mm1;
    font-size: calc(0.8vw + 0.8vh);
    color: #fff;
    text-align: center;
    width: fit-content;
    margin: auto;
    transition: all 0.3s;
}
.capa li:hover{
  transform: scale(1.07);
}
.cpbty1{
  position: relative;
  padding: 7% 0% 7% 0%;
}
.cpbtybgimg1{
  position: absolute;
  bottom: -32%;
  z-index: 1;
}
.cpbtybgimg1 img{
  width: 100%;
  transform: rotateY(180deg);
}
.lami h3{
   font-family: mm1;
    font-size: 2vw;
    color: #000;
    text-align: center;
    padding-bottom: 0.5%;
}
.lami li {
    font-family: mm1;
    font-size: calc(0.8vw + 0.8vh);
    color: #000;
    text-align: center;
    width: fit-content;
    margin: auto;
    transition: all 0.3s;
}
.lami li:hover{
  transform: scale(1.07);
}
.cnvrt1{
  padding: 13% 0% 15% 0%;
  position: relative;
  background-color: #f4f4f4;
}
.convrtimg{
  position: absolute;
  bottom: -10%;
  z-index: 1;
}
.convrtimg img{
  width: 100%;
  transform: rotateY(180deg);
}
.cnvrt h3{
  font-family: mm1;
    font-size: 2vw;
    color: #000;
    text-align: center;
    padding-bottom: 0.5%;
}
.cnvrt li {
    font-family: mm1;
    font-size: calc(0.8vw + 0.8vh);
    color: #000;
    text-align: center;
    width: fit-content;
    margin: auto;
    transition: all 0.3s;
}
.cnvrt li:hover{
  transform: scale(1.07);
}
.sustnbtymain{
  padding: 4% 0% 15% 0%;
  position: relative;
}
.ssbtybg{
  position: absolute;
  bottom: -17%;
  z-index: 1;
}
.ssbtybg img{
  width: 100%;
  transform: rotateY(180deg);
}
.sustnbty h3{
  font-family: mm1;
    font-size: 2vw;
    color: #000;
    text-align: center;
    padding-bottom: 0.5%;
}
.sustnbty p {
    font-family: mm1;
    font-size: calc(0.8vw + 0.8vh);
    color: #000;
    text-align: center;
    width: fit-content;
    margin: auto;
}
.sustnbty li {
    font-family: mm1;
    font-size: calc(0.8vw + 0.8vh);
    color: #000;
    text-align: center;
    width: fit-content;
    margin: auto;
    transition: all 0.3s;
}
.sustnbty li:hover{
  transform: scale(1.07);
}
.qltygramain{
  padding: 7% 0% 9% 0%;
  position: relative;
  background-color: #f4f4f4;
}
.qltybgimg{
  position: absolute;
  bottom: -32%;
}
.qltybgimg img{
  width: 100%;
  transform: rotateY(180deg);
}
.qltygra h3{
  font-family: mm1;
    font-size: 2vw;
    color: #000;
    text-align: center;
    padding-bottom: 0.5%;
}
.qltygra li {
    font-family: mm1;
    font-size: calc(0.8vw + 0.8vh);
    color: #000;
    text-align: center;
    width: fit-content;
    margin: auto;
    transition: all 0.3s;
}
.qltygra li:hover{
  transform: scale(1.07);
}
.rech{
  padding: 6% 0% 2% 0%;
}
.rech h3{
  font-family: mm1;
    font-size: 2vw;
    color: #000;
    text-align: center;
    padding-bottom: 0.5%;
}
.rech li {
    font-family: mm1;
    font-size: calc(0.8vw + 0.8vh);
    color: #000;
    text-align: center;
    width: fit-content;
    margin: auto;
    transition: all 0.3s;
}
.rech li:hover{
  transform: scale(1.07);
}


/*------------------------ Capabilities End --------------------------*/

/*----------------------------- Products start --------------------------*/
.mainpro{/*
  background: url(../assets/img/product_Layer-3.png);
  background-repeat: no-repeat;
  background-size: 100%;
  padding: 4% 0% 20.6% 0%;*/
  background-color: #da251d;
  position: relative;
  padding: 4% 0% 10% 0%;
  margin-top: 5%;
  text-align: center;
}
.bpprod{
  position: absolute;
  bottom: -20%;
}
.bpprod img{
  width: 100%;
}
.prod h3{
    font-family: mm1;
    font-size: 4.3vw;
    color: #fff;
    text-align: center;
    padding-bottom: 3%;
}
.prod img{
  width: 50%;
}
.prodtxt{
  padding: 8% 0% 0% 0%;
  width: 90%;
  margin: auto;
}
.prodtxt h3 {
    font-family: mm1;
    font-size: 2vw;
    color: #000;
    text-align: center;
    padding: 1% 0% 1% 0%;
}
.prodtxt li {
    font-family: mm1;
    font-size: calc(0.8vw + 0.8vh);
    color: #000;
    text-align: center;
    width: fit-content;
    margin: auto;
    transition: all 0.3s;
}
.prodtxt li:hover{
  transform: scale(1.07);
}
.prodtxt p {
    font-family: mm1;
    font-size: calc(0.8vw + 0.8vh);
    color: #000;
    text-align: center;
    margin: auto;
}


/*----------------------------- Products end --------------------------------*/

/*----------------------------- career start --------------------------------*/
.crmain{
  margin-top: 5%;
  padding: 4% 0% 20% 0%;
  background-color: #da251d;
  position: relative;
}
.crbgimg{
  position: absolute;
  bottom: 0%;
}
.crbgimg img{
  width: 100%;
}
.career h3{
  font-family: mm1;
    font-size: 4vw;
    color: #fff;
    text-align: center;
    padding-bottom: 1%;
}
.career p {
  font-family: mm2;
    font-size: calc(0.6vw + 0.6vh);
    color: #fff;
    text-align: center;
    padding: 0% 17% 0% 17%;
}
.crfrm h3{
  font-family: mm1;
    font-size: calc(1.1vw + 1.1vh);
    color: #000;
    text-align: center;
}
.crfrm p{
  font-family: mm2;
    font-size: calc(0.7vw + 0.7vh);
    color: #000;
    text-align: center;
  font-weight: 600;
}
.cfrm1{
    background-color: #da251d;
    padding: 1.5% 0% 1.5% 4%;
    width: 100%;
    font-family: mm2;
    color: #fff;
    font-size: calc(0.7vw + 0.8vh);
    margin: 1.5%;
    border-radius: 35px;
    border: none;
}
.carfrm{
  width: 50%;
  margin: auto;
}
.upldrums p{
  font-family: mm2;
  font-size: calc(0.6vw + 0.6vh);
  color: #000;
  text-align: center;
  font-weight: 600;
  margin: 0;
}
.upldrums{
  text-align: center;
  padding-bottom: 2%;
}
.cfrm2{
  background-color: #da251d;
  border: 2px solid #000;
  border-radius: 40px;
  width: 30%;
  margin: auto;
  font-family: mm2;
  font-size: calc(0.6vw + 0.6vh);
  color: #fff;
}

/*----------------------------- career end -----------------------------------*/ 

/*----------------------------- Contact start -------------------------------*/
.cntmap{
  width: 100%;
  margin-top: 5%;
  height: 43vw;
  position: relative;
}
.cnt1map{
  position: absolute;
  width: 100%;
  bottom: 0%;
}
.cnt1map img{
  width: 100%;
}
.confrm h3{
  font-family: mm1;
    font-size: calc(1.1vw + 1.1vh);
    color: #000;
    text-align: center;
}
.confrm{
  padding-top: 2%;
}
.lvfrm textarea {
    background-color: #da251d;
    padding: 2% 0% 5% 3%;
    width: 100%;
    margin: 1%;
    font-family: mm2;
    color: #fff;
    font-size: calc(0.7vw + 0.8vh);
    border-radius: 35px;
    border: none;
}

/*------------------------------------ Contact end --------------------------------*/


/*------------------------------------ Woven start --------------------------------*/
.wbnf{
  background-color: #da251d;
  position: relative;
  padding: 3% 0% 19% 0%;
  margin-top: 5%;
}
.wbnf1{
  width: 70%;
  margin: auto;
}
.wbnf1 h3{
  font-family: mm1;
  font-size: 4.3vw;
  color: #fff;
  text-align: center;
  padding-bottom: 1%;
}
.wbnf1 p{
  font-family: mm2;
  font-size: calc(0.6vw + 0.6vh);
  color: #fff;
  text-align: justify;
  padding: 0% 10% 0% 10%;
}
.btmbg{
  position: absolute;
  bottom: 0%;
}
.btmbg img{
  width: 100%;
}
.unlb{
  width: 80%;
  margin: auto;
}
.unlb h3{
  font-family: mm1;
  font-size: 2vw;
  color: #000;
  text-align: center;
  padding: 0% 0% 4% 0%;
}
.unlbimg img{
  width: 60%;
}
.unlbtxt h4{
  font-family: mm1;
  font-size: calc(0.9vw + 1vh);
  color: #000;
  text-align: justify;
}
.unlbtxt p{
  font-family: mm2;
  font-size: calc(0.6vw + 0.6vh);
  color: #000;
  text-align: justify;
}
.unlbtxt, .unlbimg{
  padding-bottom: 3%;
}
.unlbimg{
  text-align: center;
}
.unlbtxt{
  display: grid;
  height: 100%;
  align-items: center;
}


















/*------------------------------------ Woven end ---------------------------------*/