.desktop-1,
.desktop-1 * {
  box-sizing: border-box;
}
.desktop-1 {
  background: #ffffff;
  height: 7157px;
  position: relative;
  overflow: hidden;
}
.vector-1580 {
  opacity: 0.4;
  width: 1251px;
  height: 1068px;
  position: absolute;
  left: 1215px;
  top: -163px;
  transform: translate(-1215px, 163px);
  overflow: visible;
}
.streamline-fitment-data-with-aces-pies-compliant-dms-for-automotive-manufacturers-suppliers {
  color: #000000;
  text-align: left;
  font-family: "Manrope-ExtraBold", sans-serif;
  font-size: 45px;
  letter-spacing: -0.03em;
  font-weight: 800;
  position: absolute;
  left: 180px;
  top: 224px;
  width: 969px;
  height: 181px;
}
.pc-fitment-s-dms-offers-aces-pies-compliance-enabling-automotive-part-manufacturers-and-suppliers-to-efficiently-manage-validate-and-distribute-fitment-data-it-simplifies-tasks-like-data-cleaning-mapping-and-syncing-across-catalogs-and-marketplaces {
  color: #000000;
  text-align: left;
  font-family: "Manrope-Regular", sans-serif;
  font-size: 20px;
  line-height: 35px;
  letter-spacing: -0.02em;
  font-weight: 400;
  position: absolute;
  left: 180px;
  top: 444px;
  width: 969px;
  height: 127px;
}
.rectangle-19 {
  background: #e81d25;
  border-radius: 10px;
  width: 11.25%;
  height: 0.94%;
  position: absolute;
  right: 9.37%;
  left: 81.38%;
  bottom: 98.64%;
  top: 0.42%;
}
.rectangle-177 {
  background: #e81d25;
  border-radius: 10px;
  width: 7.57%;
  height: 0.94%;
  position: absolute;
  right: 53.91%;
  left: 40.52%;
  bottom: 98.66%;
  top: 0.41%;
}
.book-a-demo {
  color: #ffffff;
  text-align: center;
  font-family: "Manrope-SemiBold", sans-serif;
  font-size: 20px;
  font-weight: 600;
  position: absolute;
  left: calc(50% - -630.42px);
  top: calc(50% - 3528.47px);
}
.rectangle-132 {
  background: #e81d25;
  border-radius: 10px;
  width: 226px;
  height: 64px;
  position: absolute;
  left: 180px;
  top: 746px;
}
.contact-us {
  color: #ffffff;
  text-align: center;
  font-family: "Manrope-SemiBold", sans-serif;
  font-size: 20px;
  font-weight: 600;
  position: absolute;
  left: 234px;
  top: 765px;
}
.rectangle-146 {
  width: 1559px;
  height: 239px;
  position: absolute;
  left: 180px;
  top: 985px;
}
.rectangle-147 {
  background: #c4c4c4;
  opacity: 0.3;
  width: 1559px;
  height: 1px;
  position: absolute;
  left: 180px;
  top: 985px;
}
.rectangle-148 {
  background: #c4c4c4;
  opacity: 0.3;
  width: 1559px;
  height: 1px;
  position: absolute;
  left: 180px;
  top: 1223px;
}
.compatible-with-the-largest-automotive-retailers {
  color: #000000;
  text-align: center;
  font-family: "Manrope-Bold", sans-serif;
  font-size: 35px;
  font-weight: 700;
  position: absolute;
  left: calc(50% - 462px);
  top: 1011px;
  width: 863px;
}
.image-1 {
  width: 272px;
  height: 82px;
  position: absolute;
  left: 177px;
  top: 1101px;
  object-fit: cover;
  aspect-ratio: 272/82;
}
.image-2 {
  width: 187px;
  height: 75px;
  position: absolute;
  left: 483px;
  top: 1105px;
  object-fit: cover;
  aspect-ratio: 187/75;
}
.image-4 {
  width: 324px;
  height: 117px;
  position: absolute;
  left: 703px;
  top: 1083px;
  object-fit: cover;
  aspect-ratio: 324/117;
}
.image-5 {
  width: 323px;
  height: 117px;
  position: absolute;
  left: 1059px;
  top: 1083px;
  object-fit: cover;
  aspect-ratio: 323/117;
}
.image-6 {
  width: 324px;
  height: 117px;
  position: absolute;
  left: 1415px;
  top: 1083px;
  object-fit: cover;
  aspect-ratio: 324/117;
}
.why-dms-pim-tool-for-your-automotive-business {
  color: #000000;
  text-align: left;
  font-family: "Manrope-ExtraBold", sans-serif;
  font-size: 36px;
  line-height: 48px;
  letter-spacing: -0.03em;
  font-weight: 800;
  position: absolute;
  left: 182px;
  top: 1351px;
  width: 495px;
  height: 93px;
}
.optimize-efficiency-ensure-data-accuracy-and-drive-sales-growth-with-a-powerful-dms-system {
  color: #000000;
  text-align: left;
  font-family: "Manrope-Medium", sans-serif;
  font-size: 18px;
  line-height: 30px;
  letter-spacing: -0.02em;
  font-weight: 500;
  position: absolute;
  left: 182px;
  top: 1456px;
  width: 600px;
  height: 66px;
}
.rectangle-88 {
  background: #e81d25;
  border-radius: 10px;
  width: 10.88%;
  height: 0.85%;
  position: absolute;
  right: 79.64%;
  left: 9.48%;
  bottom: 77.57%;
  top: 21.59%;
}
.get-started {
  color: #ffffff;
  text-align: center;
  font-family: "Manrope-SemiBold", sans-serif;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -0.02em;
  font-weight: 600;
  position: absolute;
  left: calc(50% - 728px);
  top: calc(50% - 2018.5px);
}
.why-choose-use {
  color: #e81d25;
  text-align: left;
  font-family: "Manrope-SemiBold", sans-serif;
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
  position: absolute;
  left: 182px;
  top: 1304px;
  width: 179px;
  height: 22px;
}
.vector-335 {
  width: 1311.78px;
  height: 509.82px;
  position: absolute;
  left: 180px;
  top: 1382.94px;
  overflow: visible;
}
._1 {
  color: #000000;
  text-align: left;
  font-family: "Gilroy-Black", sans-serif;
  font-size: 204px;
  line-height: 204px;
  letter-spacing: -0.02em;
  font-weight: 900;
  opacity: 0.05;
  position: absolute;
  left: 559.86px;
  top: 1818.65px;
  width: 109.64px;
  height: 263.13px;
}
.maximize-efficiency-and-save-time {
  color: #000000;
  text-align: left;
  font-family: "Manrope-ExtraBold", sans-serif;
  font-size: 22px;
  line-height: 30px;
  letter-spacing: -0.03em;
  font-weight: 800;
  position: absolute;
  left: 182px;
  top: 1950px;
  width: 408px;
  height: 39px;
}
.secure-accuracy-and-compliance {
  color: #000000;
  text-align: left;
  font-family: "Manrope-ExtraBold", sans-serif;
  font-size: 23px;
  line-height: 30px;
  letter-spacing: -0.03em;
  font-weight: 800;
  position: absolute;
  left: 747px;
  top: 1775px;
  width: 408px;
  height: 39px;
}
.boost-sales-across-every-channel {
  color: #000000;
  text-align: left;
  font-family: "Manrope-ExtraBold", sans-serif;
  font-size: 23px;
  line-height: 30px;
  letter-spacing: -0.03em;
  font-weight: 800;
  position: absolute;
  left: 1313px;
  top: 1437px;
  width: 234px;
  height: 57px;
}
.clean-and-validate-fitment-data-with-ease-using-automated-tools-like-overlap-reporting-and-coverage-analysis {
  color: #000000;
  text-align: left;
  font-family: "Manrope-Medium", sans-serif;
  font-size: 18px;
  font-weight: 500;
  position: absolute;
  left: 210px;
  top: 1995px;
  width: 499px;
  height: 50px;
}
.export-error-free-data-in-the-latest-aces-pies-formats-to-meet-industry-standards {
  color: #000000;
  text-align: left;
  font-family: "Manrope-Medium", sans-serif;
  font-size: 18px;
  font-weight: 500;
  position: absolute;
  left: 775px;
  top: 1820px;
  width: 499px;
  height: 50px;
}
.seamlessly-distribute-your-fitment-data-to-multiple-sales-platforms-for-consistent-accurate-listings {
  color: #000000;
  text-align: left;
  font-family: "Manrope-Medium", sans-serif;
  font-size: 18px;
  font-weight: 500;
  position: absolute;
  left: 1341px;
  top: 1508px;
  width: 399px;
  height: 75px;
}
.manage-large-datasets-in-minutes-with-batch-uploads-and-smart-automation-cutting-down-hours-of-manual-work {
  color: #000000;
  text-align: left;
  font-family: "Manrope-Medium", sans-serif;
  font-size: 18px;
  font-weight: 500;
  position: absolute;
  left: 210px;
  top: 2055px;
  width: 499px;
  height: 50px;
}
.identify-and-fix-duplicate-missing-or-invalid-fitments-with-built-in-reporting-tools-for-complete-data-confidence {
  color: #000000;
  text-align: left;
  font-family: "Manrope-Medium", sans-serif;
  font-size: 18px;
  font-weight: 500;
  position: absolute;
  left: 775px;
  top: 1880px;
  width: 499px;
  height: 50px;
}
.reduce-customer-returns-by-ensuring-compatible-products-are-always-matched-to-the-right-vehicles {
  color: #000000;
  text-align: left;
  font-family: "Manrope-Medium", sans-serif;
  font-size: 18px;
  font-weight: 500;
  position: absolute;
  left: 1341px;
  top: 1593px;
  width: 399px;
  height: 71px;
}
.sync-fitment-and-product-data-directly-to-marketplaces-like-amazon-walmart-and-e-bay-with-just-one-click {
  color: #000000;
  text-align: left;
  font-family: "Manrope-Medium", sans-serif;
  font-size: 18px;
  font-weight: 500;
  position: absolute;
  left: 210px;
  top: 2115px;
  width: 499px;
  height: 55px;
}
.organize-digital-assets-efficiently-by-linking-images-guides-and-other-documents-to-your-parts {
  color: #000000;
  text-align: left;
  font-family: "Manrope-Medium", sans-serif;
  font-size: 18px;
  font-weight: 500;
  position: absolute;
  left: 775px;
  top: 1940px;
  width: 499px;
  height: 55px;
}
.use-ai-powered-kit-suggestions-to-optimize-inventory-and-create-smarter-product-bundles {
  color: #000000;
  text-align: left;
  font-family: "Manrope-Medium", sans-serif;
  font-size: 18px;
  font-weight: 500;
  position: absolute;
  left: 1341px;
  top: 1674px;
  width: 398px;
  height: 55px;
}
.group-199 {
  position: absolute;
  inset: 0;
}
.rectangle-105 {
  background: #ffffff;
  border-radius: 20px;
  width: 82.55px;
  height: 82.55px;
  position: absolute;
  left: 340.59px;
  top: 1835.42px;
}
.rectangle-106 {
  background: #c4c4c4;
  border-radius: 10px;
  width: 29.67px;
  height: 29.67px;
  position: absolute;
  left: 366.38px;
  top: 1861.22px;
}
._2 {
  color: #000000;
  text-align: left;
  font-family: "Gilroy-Black", sans-serif;
  font-size: 204px;
  line-height: 204px;
  letter-spacing: -0.02em;
  font-weight: 900;
  opacity: 0.05;
  position: absolute;
  left: 1162.22px;
  top: 1648.39px;
  width: 141.88px;
  height: 263.13px;
}
.rectangle-1052 {
  background: #ffffff;
  border-radius: 20px;
  width: 82.55px;
  height: 82.55px;
  position: absolute;
  left: 942.95px;
  top: 1665.16px;
}
.rectangle-1062 {
  background: #c4c4c4;
  border-radius: 10px;
  width: 29.67px;
  height: 29.67px;
  position: absolute;
  left: 968.75px;
  top: 1690.96px;
}
._3 {
  color: #000000;
  text-align: left;
  font-family: "Gilroy-Black", sans-serif;
  font-size: 204px;
  line-height: 204px;
  letter-spacing: -0.02em;
  font-weight: 900;
  opacity: 0.05;
  position: absolute;
  left: 1581.43px;
  top: 1328.51px;
  width: 144.46px;
  height: 263.13px;
}
.rectangle-1053 {
  background: #ffffff;
  border-radius: 20px;
  width: 82.55px;
  height: 82.55px;
  position: absolute;
  left: 1376.34px;
  top: 1345.28px;
}
.rectangle-1063 {
  background: #c4c4c4;
  border-radius: 10px;
  width: 29.67px;
  height: 29.67px;
  position: absolute;
  left: 1402.14px;
  top: 1371.07px;
}
.ellipse-1 {
  background: #e81d25;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: absolute;
  left: 185px;
  top: 2003px;
}
.ellipse-4 {
  background: #e81d25;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: absolute;
  left: 750px;
  top: 1828px;
}
.ellipse-7 {
  background: #e81d25;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: absolute;
  left: 1316px;
  top: 1516px;
}
.ellipse-2 {
  background: #e81d25;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: absolute;
  left: 185px;
  top: 2063px;
}
.ellipse-5 {
  background: #e81d25;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: absolute;
  left: 750px;
  top: 1888px;
}
.ellipse-8 {
  background: #e81d25;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: absolute;
  left: 1316px;
  top: 1601px;
}
.ellipse-3 {
  background: #e81d25;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: absolute;
  left: 185px;
  top: 2123px;
}
.ellipse-6 {
  background: #e81d25;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: absolute;
  left: 750px;
  top: 1948px;
}
.ellipse-9 {
  background: #e81d25;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: absolute;
  left: 1316px;
  top: 1682px;
}
.vector-1578 {
  width: 3294px;
  height: 1516.38px;
  position: absolute;
  left: -831.21px;
  top: 2511.71px;
  transform: translate(831.21px, -51.81px);
  overflow: visible;
}
.key-features-to-accelerate-your-success {
  color: #000000;
  text-align: left;
  font-family: "Manrope-ExtraBold", sans-serif;
  font-size: 42px;
  line-height: 60px;
  letter-spacing: -0.03em;
  font-weight: 800;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 2870px;
}
.rectangle-173 {
  background: #ffffff;
  border-radius: 20px;
  width: 493px;
  height: 382px;
  position: absolute;
  left: 185.13px;
  top: 2980px;
}
.rectangle-174 {
  background: #ffffff;
  border-radius: 20px;
  width: 493px;
  height: 382px;
  position: absolute;
  left: 185.13px;
  top: 3401px;
}
.aces-pies-integration {
  color: #16012c;
  text-align: left;
  font-family: "Manrope-ExtraBold", sans-serif;
  font-size: 21px;
  font-weight: 800;
  position: absolute;
  left: 228px;
  top: 3156px;
  width: 297px;
  height: 33px;
}
.one-click-marketplace-submission {
  color: #16012c;
  text-align: left;
  font-family: "Manrope-ExtraBold", sans-serif;
  font-size: 21px;
  font-weight: 800;
  position: absolute;
  left: 228px;
  top: 3579px;
  width: 420px;
  height: 33px;
}
.effortlessly-export-fitment-data-in-aces-pies-formats-to-ensure-global-compatibility {
  color: #64607d;
  text-align: left;
  font-family: "Manrope-Medium", sans-serif;
  font-size: 18px;
  font-weight: 500;
  position: absolute;
  left: 228px;
  top: 3195px;
  width: 412px;
  height: 50px;
}
.push-your-fitment-data-to-leading-marketplaces-like-amazon-walmart-and-e-bay-instantly {
  color: #64607d;
  text-align: left;
  font-family: "Manrope-Medium", sans-serif;
  font-size: 18px;
  font-weight: 500;
  position: absolute;
  left: 228px;
  top: 3616px;
  width: 412px;
  height: 50px;
}
.text-button {
  width: 132.8px;
  height: 20.73px;
  position: absolute;
  left: 228.02px;
  top: 3312.21px;
}
.get-a-free-quote {
  color: #01966b;
  text-align: left;
  font-family: "Manrope-SemiBold", sans-serif;
  font-size: 16px;
  line-height: 16px;
  font-weight: 600;
  position: absolute;
  left: 0px;
  top: 0px;
}
.vector-9 {
  width: 11.5px;
  height: 8.5px;
  position: absolute;
  left: 140px;
  top: 5.75px;
  overflow: visible;
}
.get-a-free-quote2 {
  color: #01966b;
  text-align: left;
  font-family: "Manrope-SemiBold", sans-serif;
  font-size: 16px;
  line-height: 16px;
  font-weight: 600;
  position: absolute;
  left: 228.02px;
  top: 3738px;
}
.vector-92 {
  width: 11.5px;
  height: 8.5px;
  position: absolute;
  left: 368.02px;
  top: 3743.75px;
  overflow: visible;
}
.rectangle-1732 {
  background: #ffffff;
  border-radius: 20px;
  width: 493px;
  height: 382px;
  position: absolute;
  left: 716.13px;
  top: 2980px;
}
.rectangle-175 {
  background: #ffffff;
  border-radius: 20px;
  width: 493px;
  height: 382px;
  position: absolute;
  left: 716.13px;
  top: 3401px;
}
.text-button2 {
  width: 132.8px;
  height: 20.73px;
  position: absolute;
  left: 759.22px;
  top: 3312.21px;
}
.group-1000000803 {
  position: absolute;
  inset: 0;
}
.vector-93 {
  width: 11.5px;
  height: 8.5px;
  position: absolute;
  left: 140px;
  top: 5.75px;
  overflow: visible;
}
.group-1000000805 {
  position: absolute;
  inset: 0;
}
.get-a-free-quote3 {
  color: #01966b;
  text-align: left;
  font-family: "Manrope-SemiBold", sans-serif;
  font-size: 16px;
  line-height: 16px;
  font-weight: 600;
  position: absolute;
  left: 759.22px;
  top: 3738px;
}
.vector-94 {
  width: 11.5px;
  height: 8.5px;
  position: absolute;
  left: 899.22px;
  top: 3743.75px;
  overflow: visible;
}
.rectangle-1733 {
  background: #ffffff;
  border-radius: 20px;
  width: 492px;
  height: 382px;
  position: absolute;
  left: 1248.13px;
  top: 2980px;
}
.rectangle-176 {
  background: #ffffff;
  border-radius: 20px;
  width: 492px;
  height: 382px;
  position: absolute;
  left: 1248.13px;
  top: 3401px;
}
.auto-fitment-creation {
  color: #16012c;
  text-align: left;
  font-family: "Manrope-ExtraBold", sans-serif;
  font-size: 24px;
  font-weight: 800;
  position: absolute;
  left: 761px;
  top: 3156px;
  width: 297px;
  height: 33px;
}
.ai-powered-kit-suggestions {
  color: #16012c;
  text-align: left;
  font-family: "Manrope-ExtraBold", sans-serif;
  font-size: 21px;
  font-weight: 800;
  position: absolute;
  left: 761px;
  top: 3579px;
  width: 335px;
  height: 33px;
}
.overlap-and-coverage-reporting {
  color: #16012c;
  text-align: left;
  font-family: "Manrope-ExtraBold", sans-serif;
  font-size: 21px;
  font-weight: 800;
  position: absolute;
  left: 1290px;
  top: 3156px;
  width: 384px;
  height: 33px;
}
.real-time-catalog-sync {
  color: #16012c;
  text-align: left;
  font-family: "Manrope-ExtraBold", sans-serif;
  font-size: 21px;
  font-weight: 800;
  position: absolute;
  left: 1290px;
  top: 3579px;
  width: 384px;
  height: 33px;
}
.automatically-generate-fitments-for-bundles-or-ki-ts-by-leveraging-shared-compatibility-across-components {
  color: #64607d;
  text-align: left;
  font-family: "Manrope-Medium", sans-serif;
  font-size: 18px;
  font-weight: 500;
  position: absolute;
  left: 761px;
  top: 3195px;
  width: 412px;
  height: 75px;
}
.leverage-ai-to-create-smart-bundle-recommendations-and-streamline-inventory-management {
  color: #64607d;
  text-align: left;
  font-family: "Manrope-Medium", sans-serif;
  font-size: 18px;
  font-weight: 500;
  position: absolute;
  left: 761px;
  top: 3616px;
  width: 412px;
  height: 75px;
}
.spot-duplicate-entries-missing-applications-or-new-market-opportunities-to-maximize-data-coverage {
  color: #64607d;
  text-align: left;
  font-family: "Manrope-Medium", sans-serif;
  font-size: 18px;
  font-weight: 500;
  position: absolute;
  left: 1290px;
  top: 3195px;
  width: 412px;
  height: 75px;
}
.keep-your-online-catalog-up-to-date-automatically-to-reduce-manual-errors-and-maintain-consistency {
  color: #64607d;
  text-align: left;
  font-family: "Manrope-Medium", sans-serif;
  font-size: 18px;
  font-weight: 500;
  position: absolute;
  left: 1290px;
  top: 3616px;
  width: 412px;
  height: 75px;
}
.rectangle-1762 {
  background: #f8f9fd;
  border-radius: 20px;
  width: 762.29px;
  height: 465.26px;
  position: absolute;
  left: 176px;
  top: 4177.37px;
}
.aces-fitment-data-mapping {
  color: #000000;
  text-align: center;
  font-family: "Manrope-ExtraBold", sans-serif;
  font-size: 34px;
  line-height: 75px;
  letter-spacing: -0.03em;
  font-weight: 800;
  position: absolute;
  left: 297px;
  top: 4410px;
  width: 510px;
  height: 50px;
}
.we-specialize-in-converting-your-product-data-into-the-aces-and-pies-format-ensuring-that-your-products-are-cataloged-accurately-for-every-make-model-and-year-they-fit {
  color: #000000;
  text-align: center;
  font-family: "Manrope-Regular", sans-serif;
  font-size: 18px;
  line-height: 30px;
  letter-spacing: -0.02em;
  font-weight: 400;
  position: absolute;
  left: 229px;
  top: 4476px;
  width: 615.09px;
  height: 78.86px;
}
.rectangle-1763 {
  background: #f8f9fd;
  border-radius: 20px;
  width: 762.29px;
  height: 465.26px;
  position: absolute;
  left: 978px;
  top: 4177.37px;
}
.ellipse-56 {
  background: var(--pallet-4-secondary, #00e1f0);
  border-radius: 50%;
  width: 361.49px;
  height: 361.49px;
  position: absolute;
  left: 507.65px;
  top: 5348.51px;
  transform-origin: 0 0;
  transform: rotate(90deg) scale(-1, 1);
}
.group-269 {
  position: absolute;
  inset: 0;
}
.ellipse-55 {
  background: var(--pallet-4-secondary, #00e1f0);
  border-radius: 50%;
  width: 94.53px;
  height: 94.53px;
  position: absolute;
  left: 274.53px;
  top: 5000.06px;
  transform-origin: 0 0;
  transform: rotate(90deg) scale(1, -1);
}
.ellipse-562 {
  background: var(--pallet-4-primary, #3734a9);
  border-radius: 50%;
  width: 94.53px;
  height: 94.53px;
  position: absolute;
  left: 309.98px;
  top: 5038.46px;
  transform-origin: 0 0;
  transform: rotate(90deg) scale(1, -1);
}
.vector {
  opacity: 0.3;
  width: 200.38px;
  height: 200.38px;
  position: absolute;
  left: 632.21px;
  top: 4912.55px;
  overflow: visible;
}
.rectangle-133 {
  background: var(--pallet-4-grey, #e8f2ff);
  width: 544.27px;
  height: 648.52px;
  position: absolute;
  left: 238.22px;
  top: 4970.77px;
}
.group-268 {
  height: auto;
  position: absolute;
  left: 372.26px;
  top: 5665.32px;
  transform: translate(0px, 0px);
  overflow: visible;
}
.group-270 {
  height: auto;
  position: absolute;
  left: 196.25px;
  top: 5242.9px;
  overflow: visible;
}
.group-271 {
  height: auto;
  position: absolute;
  left: 820.4px;
  top: 5240.19px;
  transform: translate(-95.23px, 0px);
  overflow: visible;
}
.group-193 {
  position: absolute;
  inset: 0;
}
.michael-b {
  color: #000000;
  text-align: left;
  font-family: "Manrope-Bold", sans-serif;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -0.03em;
  font-weight: 700;
  position: absolute;
  left: 992.35px;
  top: 5428.39px;
  width: 119.14px;
  height: 40.62px;
}
.operations-manager {
  color: #757095;
  text-align: left;
  font-family: "Manrope-Medium", sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.02em;
  font-weight: 500;
  position: absolute;
  left: 992.35px;
  top: 5470.36px;
  width: 197.67px;
  height: 32.49px;
}
.div {
  width: 41.97px;
  height: 36.56px;
  position: absolute;
  left: 986.93px;
  top: 5012.74px;
  overflow: visible;
}
.pc-fitment-revolutionized-our-auto-parts-process-their-dms-pim-tool-solutions-have-saved-us-hours-of-work-and-boosted-customer-trust {
  color: var(--pallet-1-dark, #1b1c31);
  text-align: left;
  font-family: "Manrope-Bold", sans-serif;
  font-size: 30px;
  line-height: 41px;
  letter-spacing: -0.02em;
  font-weight: 700;
  position: absolute;
  left: 986.93px;
  top: 5142.71px;
  width: 750.07px;
  height: 222.04px;
}
.group-192 {
  height: auto;
  position: absolute;
  left: 986.93px;
  top: 5076.37px;
  overflow: visible;
}
.blog {
  position: absolute;
  inset: 0;
}
.heading {
  width: 840.78px;
  height: 109.67px;
  position: static;
}
.check-what-our-clients-are-saying {
  color: #000000;
  text-align: center;
  font-family: "Manrope-ExtraBold", sans-serif;
  font-size: 40px;
  line-height: 48px;
  letter-spacing: -0.03em;
  font-weight: 800;
  position: absolute;
  left: 534.72px;
  top: 4767.68px;
  width: 840.78px;
  height: 64.99px;
}
.testimonials {
  color: var(--pallet-4-primary, #3734a9);
  text-align: left;
  font-family: "Gilroy-Bold", sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  position: absolute;
  left: 892.16px;
  top: 4723px;
  width: 127.27px;
  height: 23.02px;
}
.vector-1579 {
  border-radius: 0px;
  width: 1920px;
  height: 687px;
  position: absolute;
  left: 0px;
  top: 5790px;
  overflow: visible;
}
.take-the-next-step-today {
  color: #000000;
  text-align: center;
  font-family: "Manrope-ExtraBold", sans-serif;
  font-size: 50px;
  line-height: 60px;
  letter-spacing: -0.03em;
  font-weight: 800;
  position: absolute;
  left: 496px;
  top: 6026px;
  width: 933px;
  height: 54px;
}
.your-opportunity-to-simplify-fitment-management-and-fuel-your-growth-is-just-one-click-away {
  color: #000000;
  text-align: center;
  font-family: "Manrope-Medium", sans-serif;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -0.02em;
  font-weight: 500;
  position: absolute;
  left: calc(50% - 460px);
  top: 6116px;
  width: 933px;
  height: 30px;
}
.rectangle-882 {
  background: #e81d25;
  border-radius: 47px;
  width: 12.34%;
  height: 0.99%;
  position: absolute;
  right: 43.65%;
  left: 44.01%;
  bottom: 12.51%;
  top: 86.5%;
}
.schedule-a-demo {
  color: #ffffff;
  text-align: center;
  font-family: "Manrope-SemiBold", sans-serif;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -0.02em;
  font-weight: 600;
  position: absolute;
  left: 887px;
  top: calc(50% - -2632.5px);
}
.group-4340 {
  position: absolute;
  inset: 0;
}
.rectangle-179 {
  background: #0f0e2c;
  width: 1920px;
  height: 600px;
  position: absolute;
  left: 0px;
  top: 6557px;
}
.group-4339 {
  width: 1436.33px;
  height: 473px;
  position: static;
}
.group-4338 {
  width: 648px;
  height: 288.33px;
  position: static;
}
.we-re-here-to-help-reach-out-anytime-and-we-ll-respond-promptly {
  color: #ffffff;
  text-align: left;
  font-family: "Manrope-Medium", sans-serif;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -0.02em;
  font-weight: 500;
  position: absolute;
  left: 180px;
  top: 6924px;
  width: 646.67px;
  height: 80px;
}
.heading2 {
  width: 548px;
  height: 282.67px;
  position: static;
}
.need-assistance-or-have-questions {
  color: #ffffff;
  text-align: left;
  font-family: "Manrope-ExtraBold", sans-serif;
  font-size: 50px;
  line-height: 60px;
  letter-spacing: -0.03em;
  font-weight: 800;
  position: absolute;
  left: 178.67px;
  top: 6758.33px;
  width: 548px;
  height: 240px;
}
.why-choose-us {
  color: #ffffff;
  text-align: left;
  font-family: "Gilroy-Bold", sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  position: absolute;
  left: 178.67px;
  top: 6715.67px;
  width: 150.67px;
  height: 22.67px;
}
.group-726 {
  width: 495px;
  height: 473px;
  position: static;
}
.rectangle-168 {
  background: #f2f3f4;
  border-radius: 5px;
  opacity: 0.2;
  width: 495px;
  height: 60px;
  position: absolute;
  left: 1120px;
  top: 6698px;
}
.rectangle-171 {
  background: #f2f3f4;
  border-radius: 5px;
  opacity: 0.2;
  width: 495px;
  height: 60px;
  position: absolute;
  left: 1120px;
  top: 6608px;
}
.email-address {
  color: #bbb5e0;
  text-align: left;
  font-family: "Manrope-Regular", sans-serif;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -0.02em;
  font-weight: 400;
  opacity: 0.4;
  position: absolute;
  left: 1149.18px;
  top: 6708.67px;
  width: 170.91px;
  height: 40px;
}
.full-name {
  color: #bbb5e0;
  text-align: left;
  font-family: "Manrope-Regular", sans-serif;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -0.02em;
  font-weight: 400;
  opacity: 0.4;
  position: absolute;
  left: 1149.18px;
  top: 6620px;
  width: 170.91px;
  height: 40px;
}
.rectangle-169 {
  background: #f2f3f4;
  border-radius: 5px;
  opacity: 0.2;
  width: 495px;
  height: 60px;
  position: absolute;
  left: 1120px;
  top: 6788px;
}
.rectangle-172 {
  background: #f2f3f4;
  border-radius: 5px;
  opacity: 0.2;
  width: 495px;
  height: 103px;
  position: absolute;
  left: 1120px;
  top: 6878px;
}
.phone-no {
  color: #bbb5e0;
  text-align: left;
  font-family: "Manrope-Regular", sans-serif;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -0.02em;
  font-weight: 400;
  opacity: 0.4;
  position: absolute;
  left: 1150.57px;
  top: 6799.33px;
  width: 116.72px;
  height: 40px;
}
.message {
  color: #bbb5e0;
  text-align: left;
  font-family: "Manrope-Regular", sans-serif;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -0.02em;
  font-weight: 400;
  opacity: 0.4;
  position: absolute;
  left: 1150.57px;
  top: 6886px;
  width: 116.72px;
  height: 40px;
}
.rectangle-170 {
  background: #e81d25;
  border-radius: 5px;
  width: 495px;
  height: 70px;
  position: absolute;
  left: 1120px;
  top: 7011px;
}
.get-started2 {
  color: #ffffff;
  text-align: center;
  font-family: "Manrope-SemiBold", sans-serif;
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  text-transform: uppercase;
  position: absolute;
  left: calc(50% - -338px);
  top: 7030px;
  width: 138.95px;
  height: 40px;
}
.fi-12650340 {
  width: 80px;
  height: 80px;
  position: absolute;
  left: 228px;
  top: 3052px;
  overflow: visible;
}
.fi-4544415 {
  width: 80px;
  height: 80px;
  position: absolute;
  left: 759px;
  top: 3052px;
  overflow: hidden;
}
.collections {
  width: 95.83%;
  height: 83.33%;
  position: absolute;
  right: 2.08%;
  left: 2.08%;
  bottom: 8.33%;
  top: 8.33%;
  overflow: visible;
}
.fi-12513786 {
  width: 80px;
  height: 80px;
  position: absolute;
  left: 1294px;
  top: 3052px;
  overflow: visible;
}
.fi-4354663 {
  width: 80px;
  height: 80px;
  position: absolute;
  left: 228px;
  top: 3473px;
  overflow: hidden;
}
.xmlid-1 {
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0%;
  left: 0%;
  bottom: 0%;
  top: 0%;
  overflow: visible;
}
.fi-18448686 {
  width: 80px;
  height: 80px;
  position: absolute;
  left: 761px;
  top: 3473px;
  overflow: visible;
}
.fi-9453211 {
  width: 80px;
  height: 80px;
  position: absolute;
  left: 1294px;
  top: 3473px;
  overflow: visible;
}
.group {
  height: auto;
  position: absolute;
  left: 458px;
  top: 4215px;
  overflow: visible;
}
.group2 {
  height: auto;
  position: absolute;
  left: 1276px;
  top: 4215px;
  overflow: visible;
}
.pies-product-data-mapping {
  color: #000000;
  text-align: center;
  font-family: "Manrope-ExtraBold", sans-serif;
  font-size: 34px;
  line-height: 83px;
  letter-spacing: -0.03em;
  font-weight: 800;
  position: absolute;
  left: 1104px;
  top: 4410px;
  width: 485px;
  height: 50px;
}
.similarly-our-expertise-extends-to-pies-where-we-standardize-your-product-information-including-descriptions-attributes-images-and-prices-ensuring-they-meet-industry-requirements {
  color: #000000;
  text-align: center;
  font-family: "Manrope-Regular", sans-serif;
  font-size: 18px;
  line-height: 30px;
  letter-spacing: -0.02em;
  font-weight: 400;
  position: absolute;
  left: 1052px;
  top: 4476px;
  width: 615px;
  height: 90px;
}
.pc-fitment-logo-01-1 {
  width: 402px;
  height: 96px;
  position: absolute;
  left: 166px;
  top: 15px;
  object-fit: cover;
  aspect-ratio: 402/96;
}
.get-a-free-quote4 {
  color: #01966b;
  text-align: left;
  font-family: "Manrope-SemiBold", sans-serif;
  font-size: 16px;
  line-height: 16px;
  font-weight: 600;
  position: absolute;
  left: 1290px;
  top: 3312.21px;
}
.vector-95 {
  width: 11.5px;
  height: 8.5px;
  position: absolute;
  left: 1430px;
  top: 3317.96px;
  overflow: visible;
}
.group-1000000804 {
  position: absolute;
  inset: 0;
}
.get-a-free-quote5 {
  color: #01966b;
  text-align: left;
  font-family: "Manrope-SemiBold", sans-serif;
  font-size: 16px;
  line-height: 16px;
  font-weight: 600;
  position: absolute;
  left: 1290px;
  top: 3738px;
}
.vector-96 {
  width: 11.5px;
  height: 8.5px;
  position: absolute;
  left: 1430px;
  top: 3743.75px;
  overflow: visible;
}
.d-6-f-613-ec-9477-4771-ac-09-e-5-c-36-be-60731-copy-1 {
  width: 452px;
  height: 646px;
  position: absolute;
  left: 286px;
  top: 4972px;
  object-fit: cover;
  aspect-ratio: 452/646;
}
.layer-1 {
  width: 185px;
  height: 85px;
  position: absolute;
  left: 1524px;
  top: 5418px;
  overflow: hidden;
}
.group3 {
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0%;
  left: 0%;
  bottom: 0%;
  top: 0%;
  overflow: visible;
}
.vector2 {
  width: 84.58%;
  height: 22.33%;
  position: absolute;
  right: 0.95%;
  left: 14.47%;
  bottom: 66.42%;
  top: 11.25%;
  overflow: visible;
}
.j-steven-company {
  color: #ffffff;
  text-align: left;
  font-family: "Roboto-BoldItalic", sans-serif;
  font-size: 8px;
  letter-spacing: 0.05em;
  font-weight: 700;
  font-style: italic;
  text-transform: uppercase;
  position: absolute;
  right: 22.7%;
  left: 32.43%;
  width: 44.86%;
  bottom: 29.41%;
  top: 60%;
  height: 10.59%;
}
.dms-mobile-mockup-01-1 {
  width: 377px;
  height: 752px;
  position: absolute;
  left: 1199px;
  top: 153px;
  object-fit: cover;
  aspect-ratio: 377/752;
}
.character {
  height: auto;
  position: absolute;
  left: 1546.16px;
  top: 196.09px;
  overflow: visible;
}
.group-1000000807 {
  width: 34.76%;
  height: 6.62%;
  position: absolute;
  right: 48.04%;
  left: 17.2%;
  bottom: 61.5%;
  top: 31.88%;
  overflow: visible;
}
.group-1000000808 {
  width: 34.76%;
  height: 6.62%;
  position: absolute;
  right: 16.92%;
  left: 48.33%;
  bottom: 61.5%;
  top: 31.88%;
  overflow: visible;
}
.group-1000000806 {
  width: 39.8%;
  height: 7.58%;
  position: absolute;
  right: 30.1%;
  left: 30.09%;
  bottom: 61.02%;
  top: 31.41%;
  overflow: visible;
}
.group-1000000809 {
  position: absolute;
  inset: 0;
}
.ellipse-57 {
  background: #e81d25;
  border-radius: 50%;
  width: 11px;
  height: 11px;
  position: absolute;
  left: 930px;
  top: 2809px;
}
.ellipse-58 {
  background: #cccccc;
  border-radius: 50%;
  width: 11px;
  height: 11px;
  position: absolute;
  left: 955px;
  top: 2809px;
}
.ellipse-59 {
  background: #cccccc;
  border-radius: 50%;
  width: 11px;
  height: 11px;
  position: absolute;
  left: 979px;
  top: 2809px;
}
.image-7 {
  width: 88px;
  height: 121px;
  position: absolute;
  left: 665px;
  top: 585px;
  object-fit: cover;
  aspect-ratio: 88/121;
}
.group-1000000810 {
  width: 10.73%;
  height: 1.16%;
  position: absolute;
  right: 79.9%;
  left: 9.38%;
  bottom: 90.35%;
  top: 8.49%;
  overflow: visible;
}
.image-8 {
  width: 189px;
  height: 87px;
  position: absolute;
  left: 431px;
  top: 604.1px;
  object-fit: cover;
  aspect-ratio: 189/87;
}
.group-1000000811 {
  position: absolute;
  inset: 0;
}
.dms {
  color: #ffffff;
  text-align: center;
  font-family: "Manrope-SemiBold", sans-serif;
  font-size: 20px;
  font-weight: 600;
  position: absolute;
  left: 808px;
  top: 50px;
}
.catalog {
  color: #000000;
  text-align: center;
  font-family: "Manrope-SemiBold", sans-serif;
  font-size: 20px;
  font-weight: 600;
  position: absolute;
  left: 932px;
  top: 50px;
}
.pc-fitment {
  color: #000000;
  text-align: center;
  font-family: "Manrope-SemiBold", sans-serif;
  font-size: 20px;
  font-weight: 600;
  position: absolute;
  left: 1088px;
  top: 50px;
}
/* Reset */
*, *::before, *::after {
    box-sizing: border-box;
}

body {
    margin: 0;
    font-family: 'Inter', sans-serif;
    color: #111827;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

a {
    text-decoration: none;
    color: inherit;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

button {
    cursor: pointer;
    font-family: inherit;
}

/* Container */
.container {
    width: 90%;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}

/* Layout Grid */
.grid-3col {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
}

.grid-2col {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
}

/* Utility */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

.btn {
    background-color: #ef4444;
    color: #fff;
    border: none;
    padding: 0.75rem 1.75rem;
    border-radius: 0.375rem;
    font-weight: 600;
    font-size: 1rem;
    transition: background-color 0.3s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

    .btn:hover,
    .btn:focus {
        background-color: #dc2626;
        outline: none;
    }

/* Header */
header {
    background: #ffffff;
    position: sticky;
    top: 0;
    z-index: 1000;
}

.header-inner {
    max-width: 1280px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.logo {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 700;
    font-size: 1.25rem;
    color: #ef4444;
}

    .logo img {
        width: 250px;
        height: 100px;
        object-fit: contain;
    }

nav.desktop-nav {
    display: flex;
    gap: 1.5rem;
}

    nav.desktop-nav a {
        font-weight: 600;
        font-size: 1rem;
        color: #374151;
        padding: 0.5rem;
        border-radius: 8px;
        transition: background-color 0.3s ease;
    }

        nav.desktop-nav a:hover,
        nav.desktop-nav a:focus {
            background-color: #fef2f2;
            outline: none;
            color: #b91c1c;
        }

.btn-demo {
    padding: 0.6rem 1.6rem;
}

/* Mobile Nav */
.mobile-menu-btn {
    background: none;
    border: none;
    font-size: 2rem;
    color: #ef4444;
    display: none;
}

/* Top Hero */
.hero-section {
    display: grid;
    grid-template-columns: 1.5fr 0.5fr;
    align-items: center;
    gap: 3rem;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}

.hero-left {
    /*max-width: 620px;*/
}

    .hero-left h1 {
        font-size: 2.5rem;
        font-weight: 700;
        line-height: 1.1;
        color: #111827;
        margin-bottom: 1rem;
    }

    .hero-left p {
        font-size: 1.125rem;
        margin-bottom: 2rem;
    }

.partners-logos {
    margin-top: 1.5rem;
    display: flex;
    align-items: center;
    gap: 2rem;
    flex-wrap: wrap;
}

    .partners-logos img {
        height: 100px;
        max-width: 110px;
        object-fit: contain;
        transition: filter 0.3s ease;
    }

        .partners-logos img:hover,
        .partners-logos img:focus {
            filter: none;
            outline: none;
        }

.hero-left .btn-contact {
    margin-top: 2rem;
}

.hero-right {
    display: flex;
    justify-content: center;
}

.hero-phone {
    width: 280px;
    max-width: 100%;
    overflow: hidden;
}

    .hero-phone img {
        display: block;
        width: 100%;
        height: auto;
    }

.hero-illustration {
    margin-top: 1rem;
    max-width: 280px;
    margin-left: auto;
}
    /* Illustration figure with woman */
    .hero-illustration img {
        width: 100%;
        height: auto;
        border-radius: 12px;
    }

/* Retailers Logos Section */
.retailers-section {
    margin: 4rem 0 3rem;
    text-align: center;
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
}

.retailers-heading {
    font-weight: 600;
    font-size: 1.55rem;
    margin-bottom: 1.5rem;
}

.retailers-logos {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 6.1rem;
}

    .retailers-logos img {
        height: 85px;
        max-width: 180px;
        object-fit: contain;
        transition: filter 0.3s ease;
    }

        .retailers-logos img:hover,
        .retailers-logos img:focus {
            filter: none;
            outline: none;
        }


/* Features Section */
.features-section {
    max-width: 1280px;
    padding: 0 1.5rem;
    text-align: center;
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
}

.features-title {
    font-weight: 700;
    font-size: 36px;
    margin-bottom: 3rem;
    color: #111827;
}

.features-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(300px,1fr));
    gap: 2rem;
}

.feature-card {
    background: white;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgb(0 0 0 / 0.08);
    padding: 2rem 1.5rem;
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
    transition: transform 0.3s ease;
}

    .feature-card:hover {
        /*transform: translateY(-6px);*/
    }

.feature-icon {
    width: 50px;
    align-self: flex-start;
}

.feature-title {
    font-weight: 600;
    color: #111827;
    font-size: 1.125rem;
    margin-bottom: 0rem;
}

.feature-desc {
    color: #4b5563;
    font-size: 0.95rem;
    flex-grow: 1;
    margin: 0;
}

.feature-quote-link {
    font-weight: 600;
    font-size: 0.875rem;
    color: #059669;
    margin-top: auto;
    align-self: flex-start;
}

    .feature-quote-link:hover,
    .feature-quote-link:focus {
        text-decoration: underline;
        outline: none;
    }

/* ACES & PIES Section */
.mapping-section {
    margin: 6rem auto 4rem;
    display: flex;
    gap: 1.5rem;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
}

.mapping-card {
    background: white;
    box-shadow: 0 4px 18px rgb(0 0 0 / 0.06);
    border-radius: 12px;
    max-width: 47%;
    padding: 2rem 1.5rem;
    text-align: center;
    flex: 1 1 320px;
}

    .mapping-card img {
        max-width: 95px;
        margin-bottom: 1rem;
    }

    .mapping-card p {
        font-size: 1rem;
        color: #374151;
        margin-top: 0.5rem;
        line-height: 1.4;
    }

Testimonials Section
.testimonials-section {
    margin: 6rem auto;
    max-width: 840px;
    padding: 0 1.5rem;
    text-align: center;
}

.testimonials-title {
    font-weight: 700;
    font-size: 1.5rem;
    margin-bottom: 3rem;
    color: #111827;
}

.testimonial-slider {
    position: relative;
    overflow: hidden;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgb(0 0 0 / 0.1);
    background: white;
    padding: 2rem;
}

.testimonial-carousel {
    display: flex;
    transition: transform 0.4s ease;
    will-change: transform;
    gap: 2rem;
}

.testimonial-slide {
    min-width: 100%;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
    text-align: center;
}

.testimonial-image {
    width: 96px;
    height: 96px;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0 4px 14px rgba(0,0,0,0.07);
}

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

.testimonial-quote {
    font-style: normal;
    font-size: 1rem;
    color: #374151;
    max-width: 600px;
}

.testimonial-name {
    font-weight: 600;
    font-size: 1rem;
    color: #111827;
}

.testimonial-position {
    font-size: 0.875rem;
    color: #6b7280;
}

.testimonial-rating {
    color: #ef4444;
    font-size: 1.25rem;
}

.testimonial-nav {
    margin-top: 1.5rem;
    display: flex;
    justify-content: center;
    gap: 1rem;
}

    .testimonial-nav button {
        background: #e5e7eb;
        border: none;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        cursor: pointer;
        transition: background-color 0.3s ease;
    }

        .testimonial-nav button.active,
        .testimonial-nav button:hover,
        .testimonial-nav button:focus {
            background: #ef4444;
            outline: none;
        }

.testimonials-section {
    max-width: 1200px;
    margin: 0 auto;
    padding: 60px 20px;
}

.section-header {
    text-align: center;
    margin-bottom: 60px;
}

.section-label {
    color: #6366f1;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 16px;
}

.section-title {
    color: #1f2937;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.2;
}

.testimonial-container {
    display: flex;
    align-items: center;
    gap: 60px;
    max-width: 1000px;
    margin: 0 auto;
    position: relative;
}

.testimonial-image-section {
    flex: 1;
    position: relative;
}

.image-wrapper {
    position: relative;
    width: 400px;
    height: 400px;
    margin: 0 auto;
}

.decorative-shape-1 {
    position: absolute;
    top: -20px;
    left: -20px;
    width: 80px;
    height: 80px;
    background: linear-gradient(45deg, #06b6d4, #3b82f6);
    border-radius: 20px;
    z-index: 1;
}

.decorative-shape-2 {
    position: absolute;
    bottom: -30px;
    right: -30px;
    width: 120px;
    height: 120px;
    background: linear-gradient(45deg, #00d4aa, #06b6d4);
    border-radius: 30px;
    z-index: 1;
}

.testimonial-photo {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
    z-index: 2;
}

.testimonial-content {
    flex: 1;
    padding-left: 40px;
}

.quote-icon {
    color: #ff6b6b;
    font-size: 2.5rem;
    margin-bottom: 20px;
    line-height: 1;
}

.star-rating {
    display: flex;
    gap: 4px;
    margin-bottom: 24px;
}

.star {
    color: #fbbf24;
    font-size: 20px;
}

.testimonial-text {
    color: #374151;
    font-size: 1.25rem;
    line-height: 1.6;
    margin-bottom: 32px;
    font-weight: 500;
}

.client-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.client-details h4 {
    color: #1f2937;
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 4px;
}

.client-details p {
    color: #6b7280;
    font-size: 0.95rem;
}

.client-logo {
    display: flex;
    align-items: center;
    gap: 12px;
}

.logo-image {
    width: 80px;
    height: 30px;
    background: linear-gradient(45deg, #dc2626, #b91c1c);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: 700;
    font-size: 10px;
    text-transform: uppercase;
}

.navigation-dots {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin-top: 50px;
}

.dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #d1d5db;
    cursor: pointer;
    transition: all 0.3s ease;
}

    .dot.active {
        background: #3b82f6;
        transform: scale(1.2);
    }

.nav-arrows {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background: white;
    border: none;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    color: #6b7280;
    font-size: 18px;
}

    .nav-arrows:hover {
        background: #3b82f6;
        color: white;
        transform: translateY(-50%) scale(1.1);
    }

.nav-prev {
    left: -60px;
}

.nav-next {
    right: -60px;
}

@media (max-width: 768px) {
    .testimonial-container {
        flex-direction: column;
        gap: 40px;
    }

    .testimonial-content {
        padding-left: 0;
        text-align: center;
    }

    .image-wrapper {
        width: 250px;
        height: 300px;
    }

    .section-title {
        font-size: 2rem;
    }

    .nav-arrows {
        display: none;
    }
}

/* Call to Action Section */
.cta-section {
    text-align: center;
    clip-path: polygon(0 0, 100% 6%, 100% 100%, 0% 100%);
    margin-bottom: 2rem;
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
}

    .cta-section h2 {
        font-size: 1.75rem;
        font-weight: 700;
        margin-bottom: 1rem;
    }

    .cta-section p {
        font-size: 1rem;
        margin-bottom: 2rem;
    }

/* Footer */
footer {
    background: #111827;
    color: #d1d5db;
    padding: 3rem 1.5rem;
}

    footer .container {
        max-width: 1300px;
        margin-left: auto;
        margin-right: auto;
        display: grid;
        grid-template-columns: 1fr 1fr;
        align-items: center;
        gap: 11rem;
    }

    footer h3 {
        color: #ef4444;
        font-weight: 700;
        margin-bottom: 1.5rem;
        font-size: 1.5rem;
    }

    footer form {
        max-width: 480px;
    }

    footer label {
        display: block;
        font-weight: 600;
        margin-bottom: 0.5rem;
        color: #f9fafb;
    }

    footer input,
    footer textarea {
        width: 100%;
        background: #1f2937;
        border: none;
        border-radius: 8px;
        padding: 0.75rem 1rem;
        margin-bottom: 1rem;
        color: #f9fafb;
        font-size: 1rem;
        font-family: inherit;
        transition: background-color 0.3s ease;
    }

        footer input::placeholder,
        footer textarea::placeholder {
            color: #9ca3af;
        }

        footer input:focus,
        footer textarea:focus {
            background-color: #374151;
            outline: none;
        }

    footer textarea {
        resize: vertical;
        min-height: 100px;
    }

    footer .btn-submit {
        background-color: #ef4444;
        color: white;
        border: none;
        padding: 1rem 1.75rem;
        border-radius: 8px;
        font-weight: 700;
        font-size: 1rem;
        width: 100%;
        transition: background-color 0.3s ease;
    }

        footer .btn-submit:hover,
        footer .btn-submit:focus {
            background-color: #b91c1c;
            outline: none;
        }

/* Responsive */
@media (max-width: 767px) {
    .header-inner {
        padding: 1rem;
        justify-content: space-between;
    }

    nav.desktop-nav {
        display: none;
    }

    .mobile-menu-btn {
        display: block;
    }

    .hero-section {
        grid-template-columns: 1fr;
        padding-top: 2rem;
    }

    .hero-right {
        margin-top: 2rem;
        justify-content: center;
    }

    .partners-logos {
        justify-content: center;
        gap: 1.5rem;
    }

    .retailers-logos {
        justify-content: center;
    }

    .why-dms-steps {
        flex-direction: column;
    }

        .why-dms-steps .step {
            padding-left: 1rem;
            border-left: 4px solid #ef4444;
        }

    .data-cards-slider {
        scroll-snap-type: x mandatory;
    }

    .cta-section {
        clip-path: none;
    }

    .mapping-section {
        flex-direction: column;
        gap: 2.5rem;
        align-items: center;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .hero-section {
        grid-template-columns: 1fr 1fr;
    }
}

@media (min-width: 1440px) {
    .container {
        max-width: 1300px;
    }

    .hero-section {
        max-width: 1254px;
    }

    .retailers-logos img {
        height: 80px;
    }
}

<!-- /*slider style start*/ -->
.slider-container {
    max-width: 100%;
    position: relative;
    perspective: 1200px;
    user-select: none;
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
}

.slider {
    position: relative;
    height: 465px; /* approx height of image */
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Slide base style */
.slide {
    position: absolute;
    top: 0;
    height: 480px;
    overflow: hidden;
    user-select: none;
    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1), filter 0.6s ease, box-shadow 0.6s ease;
    cursor: default;
}

    /* Center slide with red border & full brightness & scale */
    .slide.center {
        z-index: 20;
        filter: brightness(1);
        transform: translateX(0) scale(1);
        cursor: default;
    }

    /* Left slide */
    .slide.left {
        border: none;
        box-shadow: none;
        transform: translateX(-420px) scale(0.75);
        cursor: pointer;
        margin-left: 20%;
    }

    /* Right slide */
    .slide.right {
        border: none;
        box-shadow: none;
        transform: translateX(420px) scale(0.75);
        cursor: pointer;
        margin-right: 20%;
    }

    .slide img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        pointer-events: none;
        user-select: none;
    }

/* Navigation dots */
.dots {
    margin-top: 40px;
    display: flex;
    justify-content: center;
    gap: 14px;
}

.dot {
    width: 10px;
    height: 10px;
    background: #d7d7d7;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
}
    /*.dot {
            width: 20px;
            height: 20px;
            background: linear-gradient(45deg, #dc3545, #ff6b6b);
            border-radius: 50%;
            opacity: 0.3;
        }*/

    .dot.active,
    .dot:focus-visible {
        background-color: #E11E26;
        box-shadow: 0 0 12px rgba(225, 30, 38, 0.5);
        outline: none;
    }

/* Disable image drag */
img {
    user-drag: none;
    -webkit-user-drag: none;
}
<!-- /*slider style end*/ -->

<!-- /*WhyChoose style start*/ -->

.why-dms-section {
    max-width: 1250px;
    margin: 0 auto;
    position: relative;
    padding: 1rem 0 3rem;
}

    .why-dms-section small {
        font-weight: 600;
        font-size: 0.85rem;
        color: #E11E26;
        letter-spacing: 0.12em;
        display: block;
        margin-bottom: 0.5rem;
    }

    .why-dms-section h1 {
        font-size: 2.5rem;
        line-height: 1.1;
        margin-bottom: 1rem;
    }

    .why-dms-section p.lead {
        max-width: 640px;
        font-weight: 400;
        font-size: 1rem;
        margin-bottom: 2rem;
    }

    .why-dms-section .btn-primary {
        background: #E11E26;
        color: white;
        border: none;
        padding: 0.8rem 1.8rem;
        border-radius: 4px;
        font-weight: 600;
        font-size: 1rem;
        cursor: pointer;
        margin-bottom: 3rem;
    }

        .why-dms-section .btn-primary:hover,
        .why-dms-section .btn-primary:focus {
            background: #b0151d;
            outline: none;
        }

/* STEPS container with curve */
.why-dms-steps {
    position: relative;
    display: flex !important;
    justify-content: space-between;
    align-items: flex-start;
    gap: 2rem;
    user-select: text;
    flex-direction: row !important;
}

/* SVG curve line */
.why-dms-curve {
    position: absolute;
    top: -8.2rem;
    left: 0;
    width: 92%;
    height: 410px;
    pointer-events: none;
    z-index: 0;
}

    .why-dms-curve path {
        stroke: #E11E26;
        stroke-width: 3;
        fill: none;
    }

    .why-dms-curve circle {
        fill: #ddd;
    }

/* Individual step */
.dms-step {
    z-index: 1;
    max-width: 30%;
    position: relative;
}

.dms-step-number {
    position: absolute;
    top: -1.3rem;
    left: 20.9rem;
    font-size: 5rem;
    font-weight: 900;
    color: #eee;
    user-select: none;
    pointer-events: none;
    user-select: none;
    line-height: 1;
}

.dms-step-content h2 {
    font-weight: 700;
    font-size: 1.25rem;
    margin-bottom: 1rem;
}

.dms-step-content ul {
    margin: 0;
    padding-left: 1.2rem;
    font-size: 0.95rem;
    color: #444;
    list-style: none;
}

    .dms-step-content ul li {
        margin-bottom: 0.5rem;
        position: relative;
        padding-left: 1.4em;
    }

        .dms-step-content ul li::before {
            content: "•";
            color: #E11E26;
            position: absolute;
            left: 0;
            font-weight: 900;
            font-size: 1.4rem;
            line-height: 1;
        }

/* RESPONSIVE */
@media (max-width: 900px) {
    .dashboard-card {
        width: 100vw;
        max-width: 90vw;
        height: auto;
        transform: none !important;
        filter: none !important;
        border: 3px solid #E11E26 !important;
        box-shadow: 0 10px 30px rgba(225,30,38,0.35) !important;
        margin-bottom: 2rem;
        z-index: auto !important;
        cursor: default !important;
    }

    .dashboard-slider {
        flex-direction: column;
        gap: 0;
    }

    .dashboard-dots {
        margin-top: 0.5rem;
    }

    .why-dms-steps {
        flex-direction: column !important;
        gap: 3rem;
    }

    .dms-step {
        max-width: 100%;
        padding-left: 2rem;
        position: relative;
    }

    .dms-step-number {
        position: relative;
        top: 0;
        left: 0;
        font-size: 3rem;
        margin-bottom: 0.5rem;
    }

    .why-dms-curve {
        display: none;
    }

    .dms-step-content {
        position: relative;
        top: 0px !important;
    }
}

.why-choose {
    color: #dc3545;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.main-title {
    font-size: 3.5rem;
    font-weight: 700;
    color: #1a1a1a;
    line-height: 1.2;
    margin-bottom: 20px;
}

.subtitle {
    font-size: 1.1rem;
    color: #666;
    line-height: 1.6;
    margin-bottom: 30px;
    max-width: 500px;
}

.get-started-btn {
    background-color: #dc3545;
    color: white;
    padding: 15px 30px;
    border: none;
    border-radius: 8px;
    font-size: 1.1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    display: inline-block;
}

    .get-started-btn:hover {
        background-color: #c82333;
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(220, 53, 69, 0.3);
    }

.content-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    margin-top: 80px;
    align-items: start;
}

.feature-section {
    border: 1px solid rgba(255, 255, 255, 0.2);
    position: relative;
}

.section-title {
    font-size: 1.8rem;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 25px;
    line-height: 1.3;
}

.feature-list {
    list-style: none;
}

.feature-item {
    margin-bottom: 20px;
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.feature-bullet {
    width: 8px;
    height: 8px;
    background-color: #dc3545;
    border-radius: 50%;
    margin-top: 8px;
    flex-shrink: 0;
}

.feature-text {
    color: #444;
    line-height: 1.6;
    font-size: 1rem;
}

.right-section {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.boost-sales {
    position: relative;
}

    .boost-sales::before {
        content: '';
        position: absolute;
        top: -20px;
        right: -20px;
        width: 40px;
        height: 40px;
        background: linear-gradient(45deg, #dc3545, #ff6b6b);
        border-radius: 50%;
        opacity: 0.2;
    }

.decorative-dots {
    position: absolute;
    top: 50%;
    right: 10%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    gap: 15px;
    z-index: 0;
}

hr {
    color: #C4C4C4 !important
}

.curved-line {
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translateX(-50%);
    width: 300px;
    height: 200px;
    background: url('Group 1000000828.png') no-repeat center;
    background-size: contain;
    opacity: 0.3;
    z-index: 0;
}

/* Connecting Lines */
.connecting-lines {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
    pointer-events: none;
}

.line-svg {
    position: absolute;
    width: 100%;
    height: 100%;
}

.curved-path {
    fill: none;
    stroke: #dc3545;
    stroke-width: 3;
    opacity: 0.6;
}

/* Section Numbers */
.section-number {
    font-size: 135px;
    color: #f2f2f2;
    font-weight: 800;
    display: flex;
    justify-content: center;
    align-items: baseline;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .main-title {
        font-size: 3rem;
    }

    .content-grid {
        gap: 40px;
    }

    .feature-section {
        padding: 30px;
    }
}

@media (max-width: 768px) {
    .container {
        padding: 20px 15px;
    }

    .main-title {
        font-size: 2.5rem;
    }

    .content-grid {
        grid-template-columns: 1fr;
        gap: 30px;
        margin-top: 50px;
    }

    .feature-section {
        padding: 25px;
    }

    .section-title {
        font-size: 1.5rem;
    }

    .decorative-dots {
        display: none;
    }

    .curved-line {
        display: none;
    }

    .connecting-lines {
        display: none;
    }
}

@media (max-width: 480px) {
    .main-title {
        font-size: 2rem;
    }

    .subtitle {
        font-size: 1rem;
    }

    .get-started-btn {
        padding: 12px 24px;
        font-size: 1rem;
    }

    .feature-section {
        padding: 20px;
    }

    .section-title {
        font-size: 1.3rem;
    }

    .feature-text {
        font-size: 0.9rem;
    }
}

/* Smooth animations */
.feature-section {
    animation: fadeInUp 0.6s ease-out;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.feature-item {
    animation: fadeInLeft 0.8s ease-out;
    animation-fill-mode: both;
}

    .feature-item:nth-child(1) {
        animation-delay: 0.1s;
    }

    .feature-item:nth-child(2) {
        animation-delay: 0.2s;
    }

    .feature-item:nth-child(3) {
        animation-delay: 0.3s;
    }

@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translateX(-20px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}
<!-- /*Whychoose style end*/ -->

.modal-overlay {
      position: fixed;
      top: 0; left: 0;
      width: 100%; height: 100%;
      background: rgba(0, 0, 0, 0.6);
      display: none;
      align-items: center;
      justify-content: center;
      z-index: 9999;
      animation: fadeIn 0.3s ease-in-out;
    }

    /* Modal content */
    .modal-content-custom {
      width: 80%;
      max-width: 700px;
      height: 80%;
      background: #fff;
      border-radius: 10px;
      overflow: hidden;
      box-shadow: 0 0 15px rgba(0,0,0,0.5);
      animation: slideUp 0.4s ease;
    }

    .modal-content-custom iframe {
      width: 100%;
      height: 100%;
      border: none;
    }

    /* Animations */
    @keyframes fadeIn {
      from {opacity: 0;}
      to {opacity: 1;}
    }

    @keyframes slideUp {
      from {transform: translateY(100px); opacity: 0;}
      to {transform: translateY(0); opacity: 1;}
    }

    .modal-close {
      position: absolute;
      top: 10px;
      right: 15px;
      font-size: 24px;
      cursor: pointer;
      color: #333;
      z-index: 10000;
    }

/*Navigation Terms*/

.quote-link{
    margin-right:33px;
}

@media (min-width: 1200px) and (max-width: 1400px) {
    .why-dms-section {
        max-width: 1250px !important;
    }

    .hero-section {
        max-width: 1250px;
    }

    .retailers-logos img {
        height: 63px;
    }
}