body {
  margin: 0px;
  overflow-x: hidden;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  color: black;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}
.image-3 {
  background: url("././assets/images/image2.png") 50% / cover no-repeat;
  margin-bottom: 3.3px;
  width: 299.8px;
  height: 190.7px;
}
.web-traffic-fill-0-wght-400-grad-0-opsz-241 {
  margin-left: 90.2px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 18px;
  height: 17px;
  box-sizing: border-box;
}

/* .vector {
  width: 18px;
  height: 17px;
} */
/* .services-infrastructure-our-client-about-us-contact-us {
  position: absolute;
  top: 58px;
  right: 126.3px;
  overflow-wrap: break-word;
   font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 14px;
  color: #FFFFFF;
  
} */

.services-infrastructure-our-client-about-us-contact-us {
  position: absolute;
  top: 58px;
  right: 126.3px;
  overflow-wrap: break-word;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 12px;
  color: #ffffff;
}

.services-infrastructure-our-client-about-us-contact-us span {
  margin-right: 25px; /* Adjust as needed */
}

/* .rectangle-38 {
  background: url('././assets/images/rectangle38.png') 50% / cover no-repeat;
  margin-right: 4px;
 
  width: 1362px;
  height: 475px;
} */
.rectangle-35 {
  box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.25);
  border: 1px solid #d2d2d2;
  background: #ffffff;
  position: absolute;
  left: 50%;
  top: 65px;
  translate: -50% 0;
  width: 1116px;
  height: 551px;
}
.contact-us {
  margin-right: 25px;
  width: 544px;
  overflow-wrap: break-word;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 30px;
  line-height: 1.667;
  color: #000000;
  margin-left: 60px;
}
.get-in-touch-with-our-dedicated-markeying-team-for-any-inquiries-or-concerns {
  position: relative;
  margin: 0 11px 22px 0;
  display: inline-block;
  width: 558px;
  overflow-wrap: break-word;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.467;
  color: #000000;
}
.get-in-touch {
  overflow-wrap: break-word;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 25px;
  line-height: 1.667;
  color: #000000;
  margin-left: 184px;
}
.plot-no-1605-gidc-sarigam-gujarat-396155 {
  margin-top: 3px;
  display: inline-block;
  overflow-wrap: break-word;
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  font-size: 20px;
  line-height: 1.25;
  color: #000000;
}
.gujarat-office {
  align-self: flex-start;
  overflow-wrap: break-word;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.222;
  color: #000000;
}
.for-any-further-inquiries-or-assistance-please-feel-free-to-contact-us-via-email-or-visit-our-address {
  overflow-wrap: break-word;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.467;
  color: #000000;
}

/* .rectangle-39 {
  border: 1px solid #D2D2D2;
  background: #FFFFFF;
  position: absolute;
  left: 196px;
  top: 191px;
  width: 380px;
  height: 46px;
} */

/* .rectangle-33 {
  border: 1px solid #D2D2D2;
  background: #FFFFFF;
  position: absolute;
  left: 196px;
  top: 320px;
  width: 380px;
  height: 46px;
} */
.group-1 {
  position: relative;
  margin: 0 125px 33px 125px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-self: flex-start;
  padding: 46px 0 0 1px;
  box-sizing: border-box;
}
/* .rectangle-32 {
  border: 1px solid #D2D2D2;
  background: #FFFFFF;
  position: absolute;
  left: 196px;
  top: 254px;
  width: 380px;
  height: 46px;
} */
.enter-your-name {
  position: relative;
  margin-bottom: 12px;
  display: inline-block;
  overflow-wrap: break-word;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 3.333;
  color: #000000;
}
.enter-your-email {
  position: relative;
  margin-right: 2.8px;
  overflow-wrap: break-word;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 3.333;
  color: #000000;
}
.enter-your-mobile-no {
  position: relative;
  margin: 0 0 0 -27px;
  display: inline-block;
  width: 377px;
  overflow-wrap: break-word;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 3.333;
  color: #000000;
}
.message {
  height: 106px;
  width: 372px;
  padding-right: 31px;
  font-family: "Roboto", sans-serif;
}

.your-message {
  overflow-wrap: break-word;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 3.333;
  color: #000000;
}
.submit-now {
  overflow-wrap: break-word;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 2.778;
  color: #ffffff;
}
.line-1 {
  background: #dddddd;
  position: absolute;
  left: 50%;
  top: 141px;
  translate: -50% 0;
  width: 1px;
  height: 476px;
}
.group-29 {
  position: relative;
  margin-bottom: 22px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  box-sizing: border-box;
}
.best-and-tailored-gravure-engraving-cylinder-manufacturing-solution {
  position: relative;
  overflow-wrap: break-word;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 40px;
  line-height: 1.25;
  color: #ffffff;
}
.saurabhprintileindustries-com-919558550220 {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.333;
}
.saurabhprintileindustries-com-919558550220-sub1 {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.333;
}
/* .call {
  background: url('https://fn12.com/api/clusters/cluster-fn12-prod-asia-southeast1/projects/C49mBKBUdrgejZ6xn1CjkC/assets/./assets/images/c84a5f6c698a728646be49495c5cc2138ca80eec?Expires=1711701265&KeyName=fn12-cdn&Signature=HsKy7PZOr93sLpvWQGcFs0lf6PY=') 50% / contain no-repeat;
  position: absolute;
  left: 1px;
  bottom: 3px;
  width: 21px;
  height: 21px;
}
.mail {
  background: url('https://fn12.com/api/clusters/cluster-fn12-prod-asia-southeast1/projects/C49mBKBUdrgejZ6xn1CjkC/assets/./assets/images/4a6f600473adf0db8fe5413fc7d0a9526334c5b6?Expires=1711701265&KeyName=fn12-cdn&Signature=f7TesJ5zXIwCX-RDMkQGbKqBV-0=') 50% / contain no-repeat;
  position: absolute;
  left: 1px;
  top: 7px;
  width: 21px;
  height: 21px;
} */
.image-6 {
  background: url("././assets/images/rectangle1.png") 50% / cover no-repeat;
  margin: 12px 0 97.5px 0;
  width: 118.5px;
  height: 39.5px;
}
.how-we-do {
  margin-bottom: 20px;
  display: inline-block;
  align-self: flex-start;
  overflow-wrap: break-word;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 30px;
  line-height: 1.667;
  color: #000000;
}
.chrome-plating {
  overflow-wrap: break-word;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 2.778;
  color: #000000;
}
.dechrome {
  overflow-wrap: break-word;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 2.778;
  color: #000000;
}
.proofing {
  overflow-wrap: break-word;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 2.778;
  color: #000000;
}
.a-comprehensive-hub-for {
  position: absolute;
  left: 0px;
  top: 0px;
  overflow-wrap: break-word;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 30px;
  line-height: 1.667;
  color: #ffffff;
}
.pre-press {
  overflow-wrap: break-word;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 2.778;
  color: #000000;
}

.pipe-name {
  margin: 0 880.5px -11px 17px;
  display: inline-block;
  overflow-wrap: break-word;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 30px;
  line-height: 1.667;
  /* font-variant: small-caps; */
  color: #000000;
}

.description-incepted-by-our-companys-vision-engrave-plus-is-in-a-position-to-maneuver-ahead-towards-the-trail-of-growth-sylinder-size-400-mm-to-800-mm-job-name-loream-ipsum-loream-ipsum-use-for-flexible-packaging-laminates-pvc-shrink-labels-decorative-laminates-gift-wrappers-etc {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.333;
  text-transform: capitalize;
}
.description-incepted-by-our-companys-vision-engrave-plus-is-in-a-position-to-maneuver-ahead-towards-the-trail-of-growth-sylinder-size-400-mm-to-800-mm-job-name-loream-ipsum-loream-ipsum-use-for-flexible-packaging-laminates-pvc-shrink-labels-decorative-laminates-gift-wrappers-etc-sub2 {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.333;
  text-transform: capitalize;
}
.description-incepted-by-our-companys-vision-engrave-plus-is-in-a-position-to-maneuver-ahead-towards-the-trail-of-growth-sylinder-size-400-mm-to-800-mm-job-name-loream-ipsum-loream-ipsum-use-for-flexible-packaging-laminates-pvc-shrink-labels-decorative-laminates-gift-wrappers-etc-sub3 {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.333;
  font-variant: small-caps;
}
.description-incepted-by-our-companys-vision-engrave-plus-is-in-a-position-to-maneuver-ahead-towards-the-trail-of-growth-sylinder-size-400-mm-to-800-mm-job-name-loream-ipsum-loream-ipsum-use-for-flexible-packaging-laminates-pvc-shrink-labels-decorative-laminates-gift-wrappers-etc-sub8 {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.333;
  text-transform: capitalize;
}
/* .image-35 {
  background: url('././assets/images/image35.png') 50% / cover no-repeat;
  position: absolute;
  right: 143px;

  width: 600px;
  height: 360px;
} */
.image-35 {
  background: url("././assets/images/image35.png") 50% / cover no-repeat;
  position: absolute;
  right: 90px;
  width: 513px;
  height: 360px;
}

/* .back-arrow-2 {
  background: url('https://fn12.com/api/clusters/cluster-fn12-prod-asia-southeast1/projects/C49mBKBUdrgejZ6xn1CjkC/assets/./assets/images/f6e0b18a609b2e5e042c534adb6b6d3e5c4c1543?Expires=1711701265&KeyName=fn12-cdn&Signature=A_grkiYMTwk9UfKcFFDNMzFmyfg=');
  position: absolute;
  left: 105px;
  bottom: 2181px;
  width: 39px;
  height: 39px;
}
.back-arrow-3 {
  background: url('https://fn12.com/api/clusters/cluster-fn12-prod-asia-southeast1/projects/C49mBKBUdrgejZ6xn1CjkC/assets/./assets/images/f6e0b18a609b2e5e042c534adb6b6d3e5c4c1543?Expires=1711701265&KeyName=fn12-cdn&Signature=A_grkiYMTwk9UfKcFFDNMzFmyfg=') 50% / contain no-repeat;
  position: absolute;
  right: 106px;
  bottom: 2181px;
  width: 39px;
  height: 39px;
} */
.open-24-hours-11 {
  background: url("././assets/images/open24Hours11.png") 50% / cover no-repeat;
  margin: 8px 0 12px 0;
  width: 56px;
  height: 56px;
}
.rectangle-7 {
  background: #d5121e;
  position: absolute;
  left: 126px;
  bottom: 188px;
  width: 188px;
  height: 44px;
}
.contact-us-4 {
  position: relative;
  margin-right: 25px;
  width: 140.2px;
  overflow-wrap: break-word;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 2.778;
  text-transform: uppercase;
  color: #ffffff;
}
.group-8 {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 188px;
  box-sizing: border-box;
}
.rectangle-75 {
  border: 1px solid #ffffff;
  position: absolute;
  left: 50%;
  top: 2px;
  translate: -50% 0;
  width: 188px;
  height: 44px;
}
.our-services {
  position: relative;
  overflow-wrap: break-word;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 2.778;
  text-transform: uppercase;
  color: #ffffff;
}
.frame-485 {
  background: #ffffff;
  display: flex;
  flex-direction: column;
  width: auto;
  box-sizing: border-box;
}
.complaints-resolved-swiftlyin-24-hours {
  margin-right: 3px;
  /* width: 294.2px; */
  text-align: center;
  overflow-wrap: break-word;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 15px;
  color: #000000;
}
.precision-engraving-infinite-possibilities {
  text-align: center;
  overflow-wrap: break-word;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 15px;
  color: #000000;
  margin-left: 19px;
}
.image-36 {
  background: url("././assets/images/image36.png") 50% / cover no-repeat;
  margin-bottom: 10px;
  width: 76px;
  height: 76px;
  margin-left: 34px;
}
.image-37 {
  background: url("././assets/images/image37.png") 50% / cover no-repeat;
  margin-bottom: 10px;
  width: 76px;
  height: 76px;
}
.image-38 {
  background: url("././assets/images/image38.png") 50% / cover no-repeat;
  width: 76px;
  height: 76px;
  margin-right: 62px;
}
.image-39 {
  background: url("././assets/images/image39.png") 50% / cover no-repeat;
  width: 76px;
  height: 76px;
  margin-left: 59px;
}
.image-40 {
  background: url("././assets/images/image40.png") 50% / cover no-repeat;
  width: 76px;
  height: 76px;
  margin-left: 43px;
}
.triangle-1 {
  background: url("././assets/images/triangle1.png") 50% / cover no-repeat;
  margin-top: 8px;
  width: 78px;
  height: 78px;
  margin-left: 29px;
}
.responsive-supply-chain-ensuring-on-time-deliveries {
  text-align: center;
  overflow-wrap: break-word;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 15px;
  color: #000000;
}
.custom-roughness-perfect-precision-025045 {
  text-align: center;
  overflow-wrap: break-word;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 15px;
  color: #000000;
}
.comprehensive-support-for-logistics-and-quality {
  text-align: center;
  overflow-wrap: break-word;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 15px;
  color: #000000;
}
.utilization-of-top-quality-raw-materials {
  text-align: center;
  overflow-wrap: break-word;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 15px;
  color: #000000;
}
.innovation-meets-expertise {
  text-align: center;
  overflow-wrap: break-word;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 15px;
  color: #000000;
}
.customizable-cell-shape-solutions {
  text-align: center;
  overflow-wrap: break-word;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 15px;
  color: #000000;
  margin-right: 39px;
}
.engraving {
  overflow-wrap: break-word;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 2.778;
  color: #000000;
}
.certificate {
  background: url("././assets/images/certificate.png") 50% / contain no-repeat;
  margin: 20px 17px 10px 0;
  width: 60px;
  height: 60px;
}
.years-of-experience {
  margin-right: 6px;
  overflow-wrap: break-word;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 3.333;
  color: #000000;
}
.unmatched-quality {
  margin-right: 1px;
  overflow-wrap: break-word;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 3.333;
  text-transform: uppercase;
  color: #000000;
}
.sustainable-solutions {
  margin-right: 6px;
  overflow-wrap: break-word;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 3.333;
  text-transform: uppercase;
  padding-top: 7px;
  color: #000000;
}
.no-1-in-india {
  position: relative;
  margin-right: 5px;
  overflow-wrap: break-word;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 3.333;
  color: #000000;
}
.with-over-25-years-of-experience-in-the-gravure-printing-industry-we-guarantee-the-best-quality-cyliners-and-servis {
  text-align: center;
  overflow-wrap: break-word;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.417;
  /* padding-top: 10px; */
  color: #000000;
}
.our-state-of-the-art-production-facility-is-equipped-with-the-latest-machinery-to-deliver-top-notch-results {
  /* align-self: flex-end; */
  text-align: center;
  overflow-wrap: break-word;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.417;
  color: #000000;
  padding-top: 5px;
}

.our-mission-revolves-around-enhancing-the-sustainability-and-cost-effectiveness-of-the-gravure-process {
  text-align: center;
  overflow-wrap: break-word;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.417;
  color: #000000;
}
.with-over-25-years-immersed-in-the-engraving-industry-specializing-in-the-production-of-indias-best-roto-engraving-cylinders {
  text-align: center;
  overflow-wrap: break-word;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.417;
  color: #000000;
  /* font-size: medium; */
}
.idea-sharing {
  background: url("././assets/images/ideaSharing.png") 50% / contain no-repeat;
  margin: 12px 12px 10px 6px;
  width: 60px;
  height: 60px;
}
.approval {
  background: url("././assets/images/approval.png") 50% / contain no-repeat;
  margin: 20 0 10px 1px;
  width: 60px;
  height: 60px;
}
.number-1 {
  background: url("././assets/images/number1.png") 50% / contain no-repeat;
  /* margin-right: 16px; */
  margin: 20 0 10px 1px;
  width: 60px;
  height: 60px;
}
.cls-7-kb-nx-4-d-expqwet-cg-fsjqbi-4-sye-sgths-lyb-bgv-nhj-kfy-3 {
  position: absolute;
  left: 104.1px;
  top: 43px;
  overflow-wrap: break-word;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 30px;
  line-height: 1.667;
  color: #d5121e;
}
.printile-infrastructure {
  margin-bottom: 34px;
  display: inline-block;
  align-self: flex-start;
  overflow-wrap: break-word;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 30px;
  line-height: 1.667;
  color: #000000;
}
.our-premium-quality-services {
  position: relative;
  margin: 0 0 0 122px;
  display: inline-block;
  align-self: flex-start;
  overflow-wrap: break-word;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 30px;
  line-height: 1.667;
  /* font-variant: small-caps; */
  color: #000000;
}
.find-perfect-materials-with-our-services-of {
  position: absolute;
  left: 122px;
  top: 833px;
  overflow-wrap: break-word;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 2.5;
  color: #000000;
}
.about-us {
  margin-bottom: 3px;
  display: inline-block;
  align-self: flex-start;
  overflow-wrap: break-word;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 30px;
  line-height: 1.667;
  font-variant: small-caps;
  color: #000000;
}
.with-a-rich-25-year-experience-in-the-gravure-printing-industry-our-dedicated-team-boasts-extensive-expertise-in-the-field-of-engraving-cylinders-we-specialize-in-tailoring-packaging-solutions-that-cater-to-both-converters-and-brand-owners-our-mission-revolves-around-enhancing-the-sustainability-and-cost-effectiveness-of-the-gravure-process-while-upholding-its-renowned-quality-which-is-number-one-in-india-and-in-coming-years-we-will-spread-our-arms-across-the-apac-currently-situated-our-plant-in-sarigam-having-sales-office-ahmedabad-and-mumbai-our-state-of-the-art-production-facility-is-equipped-with-the-latest-machinery-to-deliver-top-notch-results-and-we-are-the-best-roto-gravure-manufacturer-in-india {
  margin-bottom: 74px;
  display: inline-block;
  align-self: flex-start;
  /* text-align: justify; */
  overflow-wrap: break-word;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.75;
  color: #000000;
}
.group-25 {
  border: 0px solid #d2d2d2;
  background: #ffffff;
  position: relative;
  margin-right: 24px;
  display: flex;
  flex-direction: column;
  padding-top: 33px;
  box-sizing: border-box;
}
.image-2 {
  background: url("././assets/images/image2.png") 50% / cover no-repeat;
  margin: 0 28.2px 20.3px 28px;
  width: 299.8px;
  height: 190.7px;
}
.group-4 {
  margin-bottom: 10px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-self: flex-start;
  box-sizing: border-box;
}
.lathe-machine {
  overflow-wrap: break-word;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 23.7px;
  line-height: 1.328;
  color: #000000;
}
.im-a-paragraph-click-here-to-add-your-own-text-and-edit-me-its-easy-just-click-edit-text-or-double-click-me-to-add-your-own-content-and-make-changes-to-the-font {
  align-self: flex-start;
  overflow-wrap: break-word;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.5;
  color: #000000;
}
.group-26 {
  position: relative;
  margin-right: 34px;
  padding-top: 243px;
  width: 350px;
}
.rectangle-2 {
  opacity: 0.65;
  background: #000000;
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  height: 100%;
}

.group-48 {
  margin-bottom: 10px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-self: flex-start;
  box-sizing: border-box;
}

.lathe-machine-9 {
  overflow-wrap: break-word;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 23.7px;
  line-height: 1.328;
  color: #000000;
}
.im-a-paragraph-click-here-to-add-your-own-text-and-edit-me-its-easy-just-click-edit-text-or-double-click-me-to-add-your-own-content-and-make-changes-to-the-font-10 {
  align-self: flex-start;
  overflow-wrap: break-word;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.5;
  color: #000000;
}
.group-27 {
  background: #ffffff;
  position: relative;
  display: flex;
  flex-direction: column;
  padding-top: 49px;
  width: 323px;
}
.image-214 {
  background: url("././assets/images/image2.png") 50% / cover no-repeat;
  width: 270.8px;
  height: 190.7px;
}
.rectangle-3 {
  opacity: 0.8;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
  position: relative;
  margin-bottom: 20px;
  width: 1366px;
  height: 146px;
}
.group-415 {
  margin-bottom: 10px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-self: flex-start;
  box-sizing: border-box;
}
.lathe-machine-16 {
  overflow-wrap: break-word;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 23.7px;
  line-height: 1.328;
  color: #000000;
}
.im-a-paragraph-click-here-to-add-your-own-text-and-edit-me-its-easy-just-click-edit-text-or-double-click-me-to-add-your-own-content-and-make-changes-to-the-font-17 {
  align-self: flex-start;
  overflow-wrap: break-word;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.5;
  color: #000000;
}
/* .back-arrow-18 {
  background: url('https://fn12.com/api/clusters/cluster-fn12-prod-asia-southeast1/projects/C49mBKBUdrgejZ6xn1CjkC/assets/./assets/images/f6e0b18a609b2e5e042c534adb6b6d3e5c4c1543?Expires=1711701265&KeyName=fn12-cdn&Signature=A_grkiYMTwk9UfKcFFDNMzFmyfg=');
  position: absolute;
  left: 105px;
  bottom: 246px;
  width: 39px;
  height: 39px;
} */
/* .back-arrow-19 {
  background: url('https://fn12.com/api/clusters/cluster-fn12-prod-asia-southeast1/projects/C49mBKBUdrgejZ6xn1CjkC/assets/./assets/images/f6e0b18a609b2e5e042c534adb6b6d3e5c4c1543?Expires=1711701265&KeyName=fn12-cdn&Signature=A_grkiYMTwk9UfKcFFDNMzFmyfg=') 50% / contain no-repeat;
  position: absolute;
  right: 106px;
  bottom: 246px;
  width: 39px;
  height: 39px;
} */
.our-clients {
  position: absolute;
  left: 122px;
  bottom: 2376px;
  overflow-wrap: break-word;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 30px;
  line-height: 1.667;
  color: #000000;
}
.image-5 {
  background: url("./assets/images/image5.png") 50% / cover no-repeat;
  width: 120px;
  height: 120px;
}
.image-521 {
  background: url("./assets/images/image5.png") 50% / cover no-repeat;
  width: 120px;
  height: 120px;
}
.logo-11 {
  background: url("././assets/images/logo11.png") 50% / cover no-repeat;
  position: absolute;
  left: 121px;
  top: 30px;
  width: 145px;
  height: 66px;
}
.image-523 {
  background: url("././assets/images/image37.png") 50% / cover no-repeat;
  width: 120px;
  height: 120px;
}
.image-525 {
  background: url("././assets/images/image5.png") 50% / cover no-repeat;
  width: 120px;
  height: 120px;
}
.image-324 {
  background: url("././assets/images/image5.png") 50% / cover no-repeat;
  width: 120px;
  height: 120px;
}
.image-527 {
  background: url("././assets/images/image5.png") 50% / cover no-repeat;
  width: 120px;
  height: 120px;
}
.image-529 {
  background: url("././assets/images/image5.png") 50% / cover no-repeat;
  width: 120px;
  height: 120px;
}
.rectangle-36 {
  background: rgba(0, 0, 0, 0.7);
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  height: 100%;
}
.container {
  margin-bottom: 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
}
.container-30 {
  position: relative;
  margin: 0 46.5px 2px 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 872.6px;
  box-sizing: border-box;
}
.container-31 {
  border: 1px solid #d2d2d2;
  background: #ffffff;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 21px 0;
  width: 162px;
  height: 162px;
  box-sizing: border-box;
}
.container-32 {
  border: 1px solid #d2d2d2;
  background: #ffffff;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 21px 0;
  width: 162px;
  height: 162px;
  box-sizing: border-box;
}
.container-33 {
  background: #ffffff;
  position: relative;
  /* margin-bottom: 906px; */
  display: flex;
  flex-direction: column;
  padding: 43px 127px 71px 121px;
  width: fit-content;
  box-sizing: border-box;
}
/* .container-34 {
  border: 1px solid #D2D2D2;
  background: #FFFFFF;
  position: relative;
  padding: 1px 21px 98px 21px;
  width: max-content;
  box-sizing: border-box;
  font-size: 30px; 
  color: black;  
  font-family: sans-serif;
   font-weight: bolder;
    margin-bottom: 10px; 
    padding-left: 120px;
} */
.container-35 {
  background: #f2f2f2;
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 41px 133.7px 84px 124px;
  width: fit-content;
  box-sizing: border-box;
}
.container-36 {
  background: #f2f2f2;
  position: relative;
  margin: 0 0 5px 1px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 33px 93px 76px 95px;
  width: 1379px;
  box-sizing: border-box;
}

.container-36 {
  position: relative;
  /* Add other styles as needed */
}

.slider {
  overflow: hidden;
}

.slides {
  display: flex;
  transition: transform 0s ease;
}

.slide {
  flex-shrink: 0;
  width: 100%;
  display: flex;
}

.image-container,
.content-container {
  flex: 1;
  height: 300px; /* Equal height for image and content containers */
  overflow: hidden;
}

.image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.content-container {
  /* background-color: #d8d7d7; */
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px;
}

.navigation {
  position: absolute;
  bottom: 75px;
  left: 50%;
  transform: translateX(-50%);
}

.navigation1 {
  position: absolute;
  bottom: 75px;
  left: 50%;
  transform: translateX(-50%);
}
.navigation1 {
  position: absolute;
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
}
.navigation2 {
  position: absolute;
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
}

span > a {
  overflow-wrap: break-word;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 12px;
  color: #ffffff;
  text-decoration: none;
  text-transform: uppercase;
}
div > a {
  overflow-wrap: break-word;
  font-family: "Roboto", sans-serif;
  color: #ffffff;
  text-decoration: none;
  text-transform: uppercase;
}

.prev,
.next {
  background-color: #333;
  color: #fff;
  padding: 8px 16px;
  border: none;
  cursor: pointer;
  margin: 0 5px;
}

.prev:hover,
.next:hover {
  background-color: #555;
}

.container-37 {
  margin: 0 123px 55px 126px;
  display: flex;
  flex-direction: row;
  column-gap: 29px;
  width: 1117px;
  box-sizing: border-box;
}
.container-38 {
  background: #f2f2f2;
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 18px 0 31px 22px;
  width: fit-content;
  box-sizing: border-box;
}
.container-39 {
  border: 1px solid #d2d2d2;
  background: #ffffff;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 21px 0;
  width: 162px;
  height: 162px;
  box-sizing: border-box;
}
.cell-1 {
  background: url("././assets/images/cell1.png") 50% / cover no-repeat;
  width: 76px;
  height: 76px;
  margin-left: 0px;
}
.container-40 {
  background: url("././assets/images/rectangle1.png") 50% / cover no-repeat;
  position: relative;
  margin-bottom: 214px;
  display: flex;
  flex-direction: column;
  padding-bottom: 184px;
  width: fit-content;
  box-sizing: border-box;
}
.container-41 {
  box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.15);
  background: #ffffff;
  position: absolute;
  left: 393px;
  top: 479px;
  display: flex;
  padding-top: 7px;
  flex-direction: column;
  align-items: center;
  padding: 0 13.2px 0 18.2px;
  height: 250px;
  box-sizing: border-box;
  width: 261px;
}
.container-42 {
  border: 1px solid #d2d2d2;
  background: #ffffff;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 21px 0;
  width: 162px;
  height: 162px;
  box-sizing: border-box;
}
.container-43 {
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
  background: rgba(213, 18, 30, 0.1);
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 11px 0 11px 0.7px;
  width: 208px;
  box-sizing: border-box;
}

.container-44 {
  position: relative;
  /* display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 600.2px;
  box-sizing: border-box;  */
}

.container-45 {
  border: 1px solid #d2d2d2;
  background: #ffffff;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 21px 0;
  width: 162px;
  height: 162px;
  box-sizing: border-box;
}

.container-46 {
  background: #f2f2f2;
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 18px 0 31px 22px;
  width: fit-content;
  box-sizing: border-box;
}

.container-47 {
  margin-top: 23px;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}
.video {
  overflow-wrap: break-word;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.4;
  font-variant: small-caps;
  color: #000000;
}
.group-30 {
  background: #d5121e;
  position: relative;
  margin-right: 594.2px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding-bottom: 4px;
  width: 380px;
  box-sizing: border-box;
}
.leveraging-our-extensive-25-year-tenure-dedicated-to-delivering-premium-quality-services-and-achieving-exceptional-customer-retention-rates-we-proudly-highlight-our-esteemed-clientele {
  position: relative;
  margin: 0 122.3px 40px 61px;
  display: inline-block;
  overflow-wrap: break-word;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.5;
  color: #000000;
}
.container-48 {
  border: 1px solid #d2d2d2;
  background: #ffffff;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 21px 0;
  width: 162px;
  height: 162px;
  box-sizing: border-box;
}
.container-49 {
  margin-left: 20.7px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 1101.7px;
  box-sizing: border-box;
}
.container-50 {
  box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.15);
  background: #ffffff;
  position: absolute;
  top: 479px;
  /* right: 122px; */
  display: flex;
  padding-top: 1px;
  flex-direction: column;
  align-items: center;
  width: 261px;
  height: 249px;
  left: 965px;
}

.container-51 {
  position: relative;
  margin: 0 91.9px 10px 0;
  display: flex;
  flex-direction: row;
  /* justify-content: space-between; */
  width: 827.2px;
  box-sizing: border-box;
}
.container-52 {
  margin: 0 125px 36px 125px;
  display: flex;
  flex-direction: row;
  column-gap: 19px;
  width: 1116px;
  box-sizing: border-box;
}
.container-53 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 1155px;
  box-sizing: border-box;
  overflow-wrap: break-word;
  display: flex;
}
.container-54 {
  position: relative;
  margin: 0 280.7px 34px 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 688.5px;
  box-sizing: border-box;
}

.container-100 {
  position: relative;
  margin: 0 282px 12px 0;
  justify-content: space-between;
  width: 688.5px;
  box-sizing: border-box;
  display: flex;
}
.container-101 {
  position: relative;
  margin: 0 282px 12px 0;
  justify-content: space-between;
  width: 688.5px;
  box-sizing: border-box;
  display: flex;
}

.container-55 {
  box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.15);
  background: #ffffff;
  position: absolute;
  top: 479px;
  right: 410px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 21.8px;
  width: 261px;
  height: 250px;
  box-sizing: border-box;
  left: 673px;
}
.container-56 {
  position: relative;
  margin-right: 193.2px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 900px;
  box-sizing: border-box;
}
.container-57 {
  /* margin-left: 4px; */
  display: flex;
  /* flex-direction: row;
  width: fit-content;
  box-sizing: border-box; */
}
.container-58 {
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
}
.container-59 {
  margin: 0px 0px 0px 76.7px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-self: center;
  width: 985px;
  /* box-sizing: border-box;*/
}
.container-60 {
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
  background: rgba(213, 18, 30, 0.1);
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 11px 0 11px 0.1px;
  width: 208px;
  box-sizing: border-box;
}
.container-61 {
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
  background: rgba(213, 18, 30, 0.1);
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 11px 0 11px 0px;
  width: 208px;
  box-sizing: border-box;
}
.container-62 {
  margin: 0 0px 70px 0px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-self: flex-start;
  width: 1050.5px;
  box-sizing: border-box;
  padding-left: 40px;
}
.container-63 {
  /* margin: 0 0 10px 34x.7px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-self: center;
  width: 994px;
  box-sizing: border-box; */
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-self: center;
  width: 967px;
  box-sizing: border-box;
}
.container-64 {
  background: url("././assets/images/rectangle26.png") 50% / cover no-repeat;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 97px 0 165px 0;
  width: 1366px;
  box-sizing: border-box;
}
.container-65 {
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
  background: rgba(213, 18, 30, 0.1);
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 11px 0;
  width: 208px;
  box-sizing: border-box;
}
.container-66 {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 48px 28.2px 0 28px;
  height: 100%;
  box-sizing: border-box;
}
.container-67 {
  box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.15);
  background: #ffffff;
  position: absolute;
  left: 107px;
  top: 479px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 15.2px 0 20.2px;
  height: 250px;
  box-sizing: border-box;
  width: 261px;
}
.container-68 {
  position: relative;
  margin-right: 681.2px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-self: center;
  width: 353.2px;
  box-sizing: border-box;
}
.container-69 {
  background: #d9d9d9;
  position: relative;
  margin-left: 6px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 240px 0 301px 14.4px;
  width: 1112px;
  box-sizing: border-box;
}
.container-70 {
  background: #f2f2f2;
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 18px 0 31px 22px;
  box-sizing: border-box;
}
.container-71 {
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
  background: rgba(213, 18, 30, 0.1);
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 11px 0 11px 0.1px;
  width: 208px;
  box-sizing: border-box;
}
/* .container-72 {
  background: #F2F2F2;
  position: absolute;
  left: 0px;
  top: 2235px;
  right: 0px;
  display: flex;
  flex-direction: column;
  padding: 48px 126px 0 122px;
  height: 775px;
  box-sizing: border-box;
  width: max-content;
} */

#header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 30px 60px;

  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.06);
  position: sticky;
  top: 0;
  left: 0;
  z-index: 999;
}
#navbar {
  display: flex;
  align-items: center;
  justify-content: center;
}
#navbar li {
  list-style: none;
  padding: 0 20px;
  position: relative;
}
#navbar li a {
  text-decoration: none;
  font-size: 16px;
  font-weight: 600;
  color: white;
  transition: 0.3s ease;
}
#navbar li a:hover,
#navbar li a.active {
  color: red !important;
}

#navbar .Butts a:hover,
#navbar .Butts a.active {
  color: black !important;
}

#our_clients a.active {
  color: blue;
}

#mobile {
  display: none;
  align-items: center;
}

#close {
  display: none;
}

@media (min-width: 769px) and (max-width: 1024px) {
  #header {
    padding: 40px 60px;
  }
}

.mySlides {
  display: none;
  float: left; /* Float the images to make them appear side by side */
  width: calc(
    100% / 3
  ); /* Set the width of each image to 1/3 of the container width */
  box-sizing: border-box; /* Include padding and border in the width */
}

/* Adjust the width of the container to fit three images */
.w3-content {
  width: calc(100% * 3 / 3); /* Set the width to accommodate three images */
}

.w3-display-container {
  overflow: hidden; /* Hide overflowing images */
}

.w3-button {
  position: absolute; /* Position the buttons relative to the container */
  top: 50%; /* Center vertically */
  transform: translateY(-50%);
}
.html-slider,
.body-slider {
  position: relative;
  height: 100%;
}

.body-slider {
  background: #eee;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  color: #000;
  margin: 0;
  padding: 0;
}

.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 100%;
  /* height: 100%; */
  object-fit: cover;
}
li.Butts a:hover {
  color: #fff !important;
  
}
.address.mt-5 {
  word-break: break-all;
  img{
    object-fit: contain;
  }
}
@media screen and (max-width: 1399px) {
  #header {
    padding: 15px 30px;
  }
  #navbar li {
    padding: 0 14px;
  }
}
@media screen and (max-width: 1199px) {
  #header {
    padding: 15px 20px;
  }
  #navbar li {
    padding: 0 8px;
  }
}

@media screen and (max-width: 991px) {
  img#bar {
    width: 24px;
}
  #navbar {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    position: fixed;
    top: 0;
    right: -100%;
    height: 100vh;
    width: 70vw;
    /* background-color: #7c898f; */
    background-color: #d6dcde;
    box-shadow: 0 40px 60px rgba(0, 0, 0, 0.1);
    padding: 80px 0 0 10px;
    transition: 0.3s;
    /* padding-left: 10px; */
  }

  #navbar.active {
    right: 0;
  }
  #navbar li {
    margin-bottom: 25px;
  }
  #mobile {
    display: flex;
    align-items: center;
  }
  #mobile i {
    color: white;
    font-size: 24px;
    padding-left: 20px;
  }
  #close {
    display: initial;
    position: absolute;
    top: 30px;
    left: 30px;
    color: #222;
    font-size: 24px;
  }
  #lg-bag {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  #header {
    padding: 15px 10px;
  }

  .body-slider-client-our-products {
    padding: 30px 15px;
  }
  img.logo {
    max-width: 134px;
  }

  .body-slider-client-6slides {
    /* padding: 15px; */
}
.slick-slider3 li {
  margin: 0 !important;
  padding: 0 !important;
}
.slick-slider3 .slick-list.draggable {
  padding: 0 !important;
}
}