/* screen - fleet-preventive-maintenance-scheduled-reminders-final */

.fleet-preventive-maintenance-scheduled-reminders-final {
  background-color: var(--white);
  height: 100vh;
  margin: 0px;
  min-height: 6096px;
  min-width: 1280px;
  mix-blend-mode: normal;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

.blue-background-n74lNh {
    background-color: transparent;
    height:10%;
    mix-blend-mode: darken;
    position: absolute;
    top:20.5%;
    width: 100%;
}

.blue-background-n74lNh1 {
	background-color: transparent;
    height: 10.5%;
    mix-blend-mode: darken;
    position: absolute;
    top: 39.5%;
    width: 100%;
} 

.blue-background-n74lNh2 {
	background-color: transparent;
    height: 11%;
    mix-blend-mode: darken;
    position: absolute;
    top:59.5%;
    width: 100%;
}

.blue-background-n74lNh3 {
	background-color: transparent;
	height:5%;
	mix-blend-mode: darken;
	position: absolute;
	top:71.5%;
	width: 100%;
}

.fleet-preventive-maintenance-scheduled-reminders-final .easy-to-use-easy-to-configure-n74lNh {
  background-color: transparent;
  color: var(--black);
  font-style: normal;
  font-weight: 600;
  height: auto;
  left: 170px;
  line-height: 21px;
  mix-blend-mode: normal;
  position: absolute;
  text-align: center;
  top: 1777px;
  width: 185px;
}

.fleet-preventive-maintenance-scheduled-reminders-final .blue-background-r7Cb6u {
  background-color: transparent;
  height: 9.02%;
  left: -2.30%;
  mix-blend-mode: normal;
  position: absolute;
  top: 52.20%;
  width: 100%;
}

.better-manage-your-f-n74lNh {
  background-color: transparent;
  color: var(--black);
  font-style: normal;
  font-weight: 400;
  height: auto;
  /* left: 93px; */
  line-height: normal;
  mix-blend-mode: normal;
  /* position: absolute; */
  text-align: left;
  top: 372px;
  width: 469px;
  padding-left: 5px;
}

.take-a-preventive-ap-n74lNh {
  background-color: transparent;
  color: var(--black);
  font-style: normal;
  font-weight: 700;
  height: auto;
  /* left: 93px; */
  line-height: normal;
  mix-blend-mode: normal;
  /* position: absolute; */
  text-align: left;
  top: 177px;
  width: 444px;
  padding-left: 5px;
}

.take-a-preventive-ap-n74lNh1 {
  background-color: transparent;
  color: var(--black);
  font-style: normal;
  font-weight: 700;
  height: auto;
  /* left: 93px; */
  line-height: normal;
  mix-blend-mode: normal;
  /* position: absolute; */
  /* text-align: left;
  top: 177px;
  width: 444px;
  padding-left: 5px; */
}

.bring-your-fleet-mai-n74lNh {
    background-color: transparent;
    color: var(--black);
    font-style: normal;
    font-weight: 400;
    height: auto;
    /* left: 720px; */
    line-height: normal;
    mix-blend-mode: normal;
    /* position: absolute;
    z-index: 100;
    top: 109px; */
  /* position: absolute;
  text-align: left;
  top: 3413px;
  width: 427px; */
}

.create-vehicle-speci-n74lNh {
    background-color: transparent;
    color: var(--black);
    font-style: normal;
    font-weight: 400;
    height: auto;
    line-height: normal;
    mix-blend-mode: normal;
    /* position: absolute; */
	/* left: 94px; */
    /* z-index: 100; */
    /* top: 690px; */
}

.top-features-of-flee-n74lNh {
  background-color: transparent;
    color: var(--auto-red-dark);
    font-style: normal;
    font-weight: 600;
    height: auto;
    /* left: 94px; */
    line-height: normal;
    mix-blend-mode: normal;
    /* position: absolute;
    top:210px; */
    z-index: 100;
}

.cta-button-red-n74lNh {
  background-color: transparent;
  /* height: 39px;
  left: 720px;
  position: absolute;
  top: 3547px;
  width: 113px; */
}

.rectangle-12-Hy8Ylb {
  background-color: var(--auto-red-dark);
    border-radius: 5px;
    height: 36px;
    left: 17px;
    mix-blend-mode: normal;
    width: 111px;
    position: absolute;
    z-index: 100;
    top: 210px;
}

.get-a-demo-Hy8Ylb {
  background-color: transparent;
    height: auto;
    left: 21px;
    letter-spacing: 0.00px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: center;
    top: 219px;
    width: 92px;
    z-index: 100;
}

.effective-maintenanc-n74lNh {
  background-color: transparent;
    color: var(--black);
    font-style: normal;
    font-weight: 700;
    /* height: auto; */
    /* left: 720px; */
    /* line-height: normal;
    position: absolute;
    mix-blend-mode: normal;
    z-index: 100; */
  /* position: absolute;
  text-align: left;
  top: 3306px;
  width: 479px; */
}

.fleet-preventive-maintenance-scheduled-reminders-final .develop-a-preventati-n74lNh {
  background-color: transparent;
  color: var(--black);
  font-style: normal;
  font-weight: 600;
  height: auto;
  left: 529px;
  line-height: 21px;
  mix-blend-mode: normal;
  position: absolute;
  text-align: center;
  top: 1777px;
  width: 191px;
}

.fleet-preventive-maintenance-scheduled-reminders-final .detailed-insight-int-n74lNh {
  background-color: transparent;
  color: var(--black);
  font-style: normal;
  font-weight: 600;
  height: auto;
  left: 909px;
  line-height: normal;
  mix-blend-mode: normal;
  position: absolute;
  text-align: center;
  top: 1776px;
  width: 191px;
}

.fleet-preventive-maintenance-scheduled-reminders-final .group-21-n74lNh {
  background-color: transparent;
  height: 401px;
  left: 0px;
  position: absolute;
  top: 5695px;
  width: 1298px;
}

.fleet-preventive-maintenance-scheduled-reminders-final .rectangle-1-IQ8rKD {
  background-color: #404040;
  height: 170px;
  left: 0px;
  mix-blend-mode: normal;
  position: absolute;
  top: 231px;
  width: 1296px;
}

.fleet-preventive-maintenance-scheduled-reminders-final .footer-IQ8rKD {
  background-color: transparent;
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 468px;
  letter-spacing: 0.00px;
  line-height: normal;
  mix-blend-mode: normal;
  position: absolute;
  text-align: center;
  top: 279px;
  width: 344px;
}

.fleet-preventive-maintenance-scheduled-reminders-final .rectangle-10-IQ8rKD {
  background-color: transparent;
  height: 231px;
  left: 6px;
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 1278px;
}

.cta-button-red-r7Cb6u {
  background-color: transparent;
  /* height: 39px;
  left: 94px;
  position: absolute;
  top: 2402px;
  width: 113px; */
}

.rectangle-12-Ea4xpl {
    background-color: var(--auto-red-dark);
    border-radius: 5px;
    height: 36px;
    /* left: 94px; */
    mix-blend-mode: normal;
    position: absolute;
    top: 800px;
    z-index: 100;
    width: 111px;
}

.start-free-trial-Ea4xpl {
	background-color: transparent;
    height: auto;
    /* left: 23px; */
    letter-spacing: 0.00px;
    /* line-height: normal; */
    mix-blend-mode: normal;
    text-align: center;
    background-color: var(--auto-red-dark);
    border-radius: 5px;
    height: 36px;
	width: 111px;
    border: #d75b59;
	mix-blend-mode: normal;
	cursor:pointer;
    /* left: 94px; */    
    /* position: absolute; */
    /* top: 260px; */
    /* z-index: 100; */
    
}

.to-develop-a-prevent-n74lNh {
  background-color: transparent;
  color: var(--black);
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 91px;
  line-height: normal;
  mix-blend-mode: normal;
/*   position: absolute;
  text-align: left;
  top: 3983px;
  width: 459px; */
}

.ensure-the-health-of-n74lNh {
  background-color: transparent;
    color: var(--black);
    font-style: normal;
    font-weight: 700;
    height: auto;
    /* left: 91px; */
    line-height: normal;
    mix-blend-mode: normal;
    /* position: absolute; */
    text-align: left;
    /* top: 3886px; */
    /* width: 459px;*/
}

.cta-button-red-g2NxzG {
      background-color: transparent;
    height: 39px;
    /* left: 92px; */
    position: absolute;
    top:210px;
    width: 113px;
}

.rectangle-12-xxjjzj {
  background-color: var(--auto-red-dark);
  border-radius: 5px;
  height: 36px;
  left: 0px;
  mix-blend-mode: normal;
  position: absolute;
  top: 0px;
  width: 111px;
}

.start-free-trial-xxjjzj {
  background-color: transparent;
  height: auto;
  left: 9px;
  letter-spacing: 0.00px;
  line-height: normal;
  mix-blend-mode: normal;
  position: absolute;
  text-align: center;
  top: 9px;
  width: 92px;
}

.fleet-preventive-maintenance-schedules-n74lNh {
  background-color: transparent;
  color: var(--auto-red-dark);
  font-family: var(--font-family-lato);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
  height: auto;
  /* left: 93px; */
  letter-spacing: -0.40px;
  line-height: normal;
  mix-blend-mode: normal;
  /* position: absolute; */
  /* text-align: left;
  top: 135px;
  width: 426px; */
  padding-left: 5px;
}

.fleet-preventive-maintenance-scheduled-reminders-final .screen-shot-2022-03-11-at-844-1-n74lNh {
  background-color: transparent;
  height: 82px;
  left: 63px;
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  top: 467px;
  width: 374px;
}

.aut-osist-fleet-maintenance-resources-n74lNh {
  background-color: transparent;
  color: var(--black);
  font-family: var(--font-family-lato);
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  height: 1.28%;
  left: 29.53%;
  letter-spacing: 0.00px;
  line-height: normal;
  mix-blend-mode: normal;
  position: absolute;
  text-align: center;
  top:355px;
  width: 40.86%;
}

.rectangle-12-n74lNh {
  background-color: transparent;
    height: 172px;
    /* left: 181px; */
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 453px;
    width: 253px;
}

.rectangle-13-n74lNh {
 background-color: transparent;
    height: 172px;
    left:65px;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 453px;
    width: 252px;
}

.rectangle-14-n74lNh {
background-color: transparent;
    height: 172px;
    left: 100px;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 453px;
    width: 253px;
}

.what-are-key-challen-n74lNh {
	background-color: transparent;
	height: auto;
	/* left: 181px; */
	letter-spacing: 0.00px;
	line-height: normal;
	mix-blend-mode: normal;
	position: absolute;
	text-align: center;
	top: 646px;
	width: 253px
}

.reactive-maintenance-n74lNh {
    background-color: transparent;
    height: auto;
    left:65px;
    letter-spacing: 0.00px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: center;
    top: 646px;
    width: 252px;
}

.x6-tips-for-fleet-truck-maintenance-n74lNh {
background-color: transparent;
    height: auto;
    left: 100px;
    letter-spacing: 0.00px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: center;
    top: 646px;
    width: 253px;
}

.manage-preventive-fl-n74lNh {
	background-color: transparent;
	color: var(--black);
	font-style: normal;
	font-weight: 700;
	height: auto;
	line-height: normal;
	mix-blend-mode: normal;	
	/* position: absolute;
	top: 585px; */
	/* left: 94px; */
	/* z-index: 100;*/
}

.the-assist-your-fleet-needs-n74lNh {
	background-color: transparent;
    color: var(--black);
    font-family: var(--font-family-lato);
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    height: 1.18%;
    left: 36.80%;
    letter-spacing: 0.00px;
    line-height: normal;
    /* mix-blend-mode: normal; */
    position: absolute;
    text-align: center;
    top: 850px;
  /* width: 26.33%; */
}

.this-fleet-maintenan-n74lNh {
  background-color: transparent;
    color: var(--black);
    font-family: var(--font-family-lato);
    font-size: var(--font-size-s);
    font-style: italic;
    font-weight: 400;
    height: 2.02%;
    left: 14.14%;
    letter-spacing: 0.00px;
    line-height: normal;
    /* mix-blend-mode: normal; */
    /* position: absolute; */
    /* text-align: center; */
    /* top: 47.01%; */
    /* width: 31.25%;*/
}

.joanna-g-office-admin-universal-comm-one-n74lNh {
      background-color: transparent;
    color: var(--black);
    font-family: var(--font-family-lato);
    font-size: var(--font-size-s);
    font-style: normal;
    font-weight: 700;
    height: 1.36%;
    left: 17.42%;
    letter-spacing: 0.00px;
    line-height: normal;
    /* mix-blend-mode: normal; */
    /* position: absolute; */
    text-align: center;
    /* top: 49.20%; */
    /* width: 24.06%;*/
}

.fleet-preventive-maintenance-scheduled-reminders-final .ellipse-1-n74lNh {
  background-color: transparent;
  height: 75px;
  left: 339px;
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  top: 2763px;
  width: 75px;
}

.this-fleet-maintenan-r7Cb6u {
  background-color: transparent;
  color: var(--black);
  font-family: var(--font-family-lato);
  font-size: var(--font-size-s);
  font-style: italic;
  font-weight: 400;
  height: 2.02%;
  /* left: 54.37%; */
  letter-spacing: 0.00px;
  line-height: normal;
  mix-blend-mode: normal;
  /* position: absolute;
  text-align: center;
  top: 47.01%;
  width: 31.25%; */
}

.kelli-m-president-steves-sanitation-n74lNh {
  background-color: transparent;
  color: var(--black);
  font-family: var(--font-family-lato);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 700;
  height: 1.36%;
  /* left: 57.89%; */
  letter-spacing: 0.00px;
  line-height: normal;
  mix-blend-mode: normal;
  /* position: absolute;
  text-align: center;
  top: 49.20%;
  width: 24.06%; */
}

.fleet-preventive-maintenance-scheduled-reminders-final .ellipse-1-r7Cb6u {
  background-color: transparent;
  height: 75px;
  left: 854px;
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  top: 2763px;
  width: 75px;
}

.fleet-preventive-maintenance-scheduled-reminders-final .configure-icon-n74lNh {
  background-color: transparent;
  height: 200px;
  left: 170px;
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  top: 1566px;
  width: 210px;
}

.fleet-preventive-maintenance-scheduled-reminders-final .expenses-icon-n74lNh {
  background-color: transparent;
  height: 200px;
  left: 893px;
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  top: 1545px;
  width: 224px;
}

.fleet-preventive-maintenance-scheduled-reminders-final .pm-schedule-icon-n74lNh {
  background-color: transparent;
  height: 200px;
  left: 529px;
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  top: 1545px;
  width: 215px;
}

.fleet-preventive-maintenance-scheduled-reminders-final .dark-grey-background-n74lNh {
  background-color: transparent;
  height: 9.84%;
  left: -0.27%;
  mix-blend-mode: normal;
  position: absolute;
  top: 71.36%;
  width: 100%;
}

.our-fleet-maintenanc-n74lNh {
	background-color: transparent;
	color: var(--white);
	font-style: normal;
	font-weight: 400;
	height: 1.16%;
	/* left: 17.97%; */
	line-height: normal;
	mix-blend-mode: normal;
	position: absolute;
	text-align: center;
	top: 52px;
	width: 100%;
	z-index: 100;
}

.configure-preventive-n74lNh {
	background-color: transparent;
    color: var(--white);
    font-style: normal;
    font-weight: 400;
    height: 1.89%;
    /* left: 16.47%; */
    line-height: normal;
    mix-blend-mode: normal;
   /*  position: absolute; */
    text-align: center;
    /* z-index: 100;
    top: 388px; */
    /* width: 19.53%; */
}

.how-it-works-n74lNh {
    background-color: transparent;
    /* color: var(--white); */
    /* font-style: normal; */
    font-weight: 700;
    height: 1.59%;
    /* left: 27.97%; */
    line-height: normal;
    mix-blend-mode: normal;
    text-align: center;
    position: absolute;
    z-index: 100;
    width: 100%;
	top: -38px;
}

.set-pm-schedules-n74lNh {
	background-color: transparent;
	height: 0.64%;
	/* left: 23.47%; */
	letter-spacing: 0.00px;
	line-height: normal;
	mix-blend-mode: normal;
	/* position: absolute; */
	text-align: center;
	/* top:338px; */
	z-index: 100;
    /* width: 26.81%;*/
}

.receive-custom-notif-n74lNh {
	background-color: transparent;
	color: var(--white);
	font-style: normal;
	font-weight: 400;
	height: 2.26%;
	left: 25.69%;
	line-height: normal;
	mix-blend-mode: normal;
	text-align: center;
	/* position: absolute;	
	top: 388px; */
	/* width: 19.53%; */
	z-index: 100;
}

.get-notified-n74lNh {
	background-color: transparent;
	height: 0.64%;
	left: 22.23%;
	letter-spacing: 0.00px;
	line-height: normal;
	mix-blend-mode: normal;
	text-align: center;
	/* position: absolute;	
	top: 338px; */
	/* width: 26.81%; */
	z-index: 100;
}

.track-the-status-of-n74lNh {
	background-color: transparent;
	color: var(--white);
	font-style: normal;
	font-weight: 400;
	height: 1.89%;
	left:22.16%;
	line-height: normal;
	mix-blend-mode: normal;
	text-align: center;
	/* position: absolute;	
	top:388px; */
	/* width: 19.53%; */
	z-index: 100;
}

.monitor-maintenace-n74lNh {
	background-color: transparent;
	height: 0.64%;
	left: 25.48%;
	letter-spacing: 0.00px;
	line-height: normal;
	mix-blend-mode: normal;
	text-align: center;
	/* position: absolute;
	top:338px; */
	/* width: 26.81%; */
	z-index: 100;
}

.fleet-preventive-maintenance-scheduled-reminders-final .rectangle-60-n74lNh {
  background-color: transparent;
  height: 292px;
  left: 651px;
  mix-blend-mode: normal;
  position: absolute;
  top: 3886px;
  width: 549px;
}

.fleet-preventive-maintenance-scheduled-reminders-final .maintenance-alart-vector-n74lNh {
  background-color: transparent;
  height: 311px;
  left: 647px;
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 3867px;
  width: 500px;
}

.fleet-preventive-maintenance-scheduled-reminders-final .maintenance-alart-vector-ZvFNix {
  background-color: transparent;
  height: 311px;
  left: 0px;
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 500px;
}

.keep-your-fleet-and-n74lNh {
  background-color: transparent;
  color: var(--black);
  font-style: normal;
  font-weight: 700;
  height: 1.66%;
  left: 24.38%;
  line-height: normal;
  mix-blend-mode: normal;
  position: absolute;
  text-align: center;
  top: 12.22%;
  width: 50.31%;
}

.fleet-preventive-maintenance-scheduled-reminders-final .download-apps-screenshot-n74lNh {
  background-color: transparent;
  height: 67px;
  left: 450px;
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  top: 1278px;
  width: 350px;
}

.fleet-preventive-maintenance-scheduled-reminders-final .mockup-trio-blue-background-n74lNh {
  background-color: transparent;
  height: 571px;
  left: 225px;
  position: absolute;
  top: 795px;
  width: 800px;
}

.fleet-preventive-maintenance-scheduled-reminders-final .ellipse-2-88Xcyw {
  background-color: transparent;
  height: 322px;
  left: 118px;
  mix-blend-mode: normal;
  position: absolute;
  top: 84px;
  width: 657px;
}

.aut-osist-mockup-trio-1-1-1-88Xcyw {
  background-color: transparent;
  height:520px;
  left: 0px;
  mix-blend-mode: normal;
  object-fit: cover;
  /* position: absolute;
  top: 0px;
  width: 800px; */
}

.oil-change-with-alert-hero-1-n74lNh {
	background-color: transparent;
    height: 375px;   
    mix-blend-mode: normal;
    object-fit: cover;
}

.based-on-hundreds-of-reviews-on-n74lNh {
  background-color: transparent;
  color: #929292;
  font-family: var(--font-family-lato);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
  height: auto;
  /* left: 910px; */
  letter-spacing: 0.00px;
  line-height: normal;
  mix-blend-mode: normal;
  /* position: absolute; */
  text-align: center;
  /* top: 508px;
  width: 222px; */
}

.five-stars-1-n74lNh {
  background-color: transparent;
  height: 19px;
  left: 976px;
  mix-blend-mode: normal;
  /* position: absolute;
  top: 471px; */
  width: 90px;
}

.fleet-preventive-maintenance-scheduled-reminders-final .forbes-best-of-2022-1-n74lNh {
  background-color: transparent;
  height: 116px;
  left: 765px;
  mix-blend-mode: normal;
  position: absolute;
  top: 477px;
  width: 116px;
}

.fleet-preventive-maintenance-scheduled-reminders-final .cap_-crowd-badge_-be-n74lNh {
  background-color: transparent;
  height: 50px;
  left: 895px;
  mix-blend-mode: normal;
  position: absolute;
  top: 543px;
  width: 60px;
}

.fleet-preventive-maintenance-scheduled-reminders-final .ga_-badge_-category-n74lNh {
  background-color: transparent;
  height: 50px;
  left: 1027px;
  mix-blend-mode: normal;
  position: absolute;
  top: 543px;
  width: 64px;
}

.fleet-preventive-maintenance-scheduled-reminders-final .sa_-crowd-badge_-bes-n74lNh {
  background-color: transparent;
  height: 50px;
  left: 1091px;
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  top: 543px;
  width: 64px;
}

.fleet-preventive-maintenance-scheduled-reminders-final .ca_-badge_-shortlist-n74lNh {
	background-color: transparent;
	height: 50px;
	left: 961px;
	mix-blend-mode: normal;
	position: absolute;
	top: 543px;
	width: 60px;
}

.fleet-preventive-maintenance-scheduled-reminders-final .screen-shot-2022-04-29-at-447-1-n74lNh {
	background-color: transparent;
	height: 87px;
	left: 0px;
	mix-blend-mode: normal;
	object-fit: cover;
	position: absolute;
	top: 0px;
	width: 1280px;
}

.service-breakdown-tires-1-1-n74lNh {
	background-color: transparent;
	height: 300px;
	left: 122px;
	mix-blend-mode: normal;
	object-fit: cover;
	position: absolute;
	top: 3307px;
	width: 550px;
}

.maintenance-reminder-vector-1-n74lNh {
	background-color: transparent;
	height: 252px;
	left: 669px;
	mix-blend-mode: normal;
	object-fit: cover;
	position: absolute;
	top: 2159px;
	width: 500px;
}

.maintenance-folder-icon-red-n74lNh {
	background-color: transparent;
	height: 3.92%;
	left: 57.34%;
	mix-blend-mode: normal;
	object-fit: cover;
	position: absolute;
	top:97.28%;
	width: 35.16%;
	z-index:100;
}

.pm-schedule-icon-red-n74lNh {
	background-color: transparent;
	height: 3.94%;
	left: 6.25%;
	mix-blend-mode: normal;
	object-fit: cover;
	position: absolute;
	top: 97.2%;
	width: 35.23%;
	/* padding-left: 19em; */
	z-index: 100;
}

.notification-icon-red-n74lNh {
	background-color: transparent;
	height: 4.46%;
	left: 30.70%;
	mix-blend-mode: normal;
	object-fit: cover;
	position: absolute;
	top: 97.2%;
	width: 37.42%;
	z-index: 100;
}


.blue-background-n74lNh_mobile{
	background-color: transparent;
    height:8%;
    mix-blend-mode: darken;
    position: absolute;
    top: 28.5%;
    width: 100%;
}

.blue-background-n74lNh_mobile1{
	background-color: transparent;
	height:7.5%;
	mix-blend-mode: darken;
	position: absolute;
	top:46.5%;
	width: 100%;
}

.blue-background-n74lNh_mobile2{
	background-color: transparent;
	height:5.5%;
	mix-blend-mode: darken;
	position: absolute;
	top:64%;
	width: 100%;
}



.fuel-card-integratio {
    color: var(--black);
    font-weight: 700;
    /* margin-top: 201px; */
    min-height: 97px;
    text-align: center;
    /* width: 429px; */
}

.our-modern-fuel-log{
	color: var(--black);
    font-weight: 400;
    left: 0;
    /* position: absolute; */
    text-align: center;
    /* top: 0; */
    width: 703px;
}

.gear-icon-small-1{
	height: 25px;
	display:flex;
    /* left: 0;
    object-fit: cover;
    position: absolute;
    top: 118px;
    width: 25px; */
}

.customize-work-order{
	position: relative;
    left: 25px;
    top: -25px;
}


.customize-work-order2{
	position: relative;
    left: 25px;
    top: -25px;
}

.customize-work-order3{
	position: relative;
    left: 25px;
    top: -25px;
}

.work-order-oil-change-vector-1{
	align-self: center;
    height: 311px;
    margin-bottom: 1px;
    object-fit: cover;
    width: 486px;
    position: relative;
    top: 55px;
}

.truck-maintenance-work-order-1{
	height: 263px;
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 21px;
    width: 502px;
}