/* screen - tasker */

.tasker {
  align-items: flex-start;
  background-color: var(--neutral-colors--100);
  display: flex;
  flex-direction: column;
  height: 6255px;
  width: 1440px;
}

.tasker .overlap-group {
  height: 805px;
  position: relative;
  width: 1440px;
}

.tasker .heros-v20 {
  align-items: flex-start;
  background-color: var(--neutral-colors--100);
  display: flex;
  height: 805px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1440px;
}

.tasker .overlap-group3 {
  align-items: center;
  background-color: var(--neutral-colors--100);
  display: flex;
  gap: 27px;
  height: 805px;
  justify-content: flex-end;
  left: 0;
  min-width: 1440px;
  padding: 103.3px 123px;
  position: absolute;
  top: 0;
}

.tasker .flex-col-1 {
  align-items: flex-start;
  margin-bottom: 21.0px;
  min-height: 406px;
  width: 596px;
}

.tasker .heading {
  color: var(--neutral-colorsheadings-black);
  font-family: var(--font-family-basier_square-medium);
  font-size: var(--font-size-xxxl);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 80px;
  min-height: 240px;
  width: 580px;
}

.tasker .paragraph-1 {
  letter-spacing: 0;
  line-height: 24px;
  margin-top: 23px;
  min-height: 48px;
  width: 596px;
}

.tasker .overlap-group4 {
  height: 54px;
  margin-top: 41px;
  position: relative;
  width: 542px;
}

.tasker .ellipse-1 {
  background-color: var(--neutral-colorscolor-1000);
  border-radius: 11px;
  height: 22px;
  left: 275px;
  position: absolute;
  top: 16px;
  width: 22px;
}

.tasker .button-set {
  align-items: center;
  display: inline-flex;
  gap: 24px;
  left: 0;
  position: absolute;
  top: 0;
}

.tasker .master-primary-button-1 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  position: relative;
}

.tasker .master-primary-button-2 {
  align-items: center;
  background-color: var(--primary-colorsprimary-blue);
  border: 1px solid;
  border-radius: 100px;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 8px;
  padding: 18px 24px;
  position: relative;
}

.tasker .button-text-1 {
  text-align: center;
}

.tasker .line-rounded {
  height: 18px;
  position: relative;
  width: 18px;
}

.tasker .master-secondary-button {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  position: relative;
}

.tasker .master-secondary-button-1 {
  align-items: center;
  border-radius: 100px;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 8px;
  padding: 18px 24px;
  position: relative;
}

.tasker .button-text-2 {
  text-align: center;
}

.tasker .overlap-group2 {
  align-self: flex-end;
  height: 544px;
  position: relative;
  width: 508px;
}

.tasker .rectangle-4457 {
  height: 503px;
  left: 26px;
  position: absolute;
  top: 1px;
  width: 465px;
}

.tasker .group-39521 {
  height: 506px;
  left: 12px;
  position: absolute;
  top: 0;
  width: 496px;
}

.tasker .rectangle-4458 {
  background: radial-gradient(50% 50% at 50% 50%, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  height: 506px;
  left: 12px;
  position: absolute;
  top: 0;
  width: 496px;
}

.tasker .overlap-group-4 {
  height: 535px;
  left: 0;
  position: absolute;
  top: 9px;
  width: 499px;
}

.tasker .mask-group {
  height: 395px;
  left: 198px;
  position: absolute;
  top: 0;
  width: 301px;
}

.tasker .mask-group-1 {
  height: 395px;
  left: 0;
  position: absolute;
  top: 139px;
  width: 341px;
}

.tasker .text-1-1 {
  color: var(--neutral-colorsheadings-black);
  font-family: var(--font-family-basier_square-medium);
  font-size: 36px;
  font-weight: 500;
  left: 113px;
  letter-spacing: 0;
  line-height: 46px;
  position: absolute;
  text-align: center;
  top: 122px;
  width: 68px;
}

.tasker .estados-de-mxico {
  color: var(--neutral-colorstext-gray);
  font-family: var(--font-family-inter);
  font-size: 10px;
  font-weight: 400;
  left: 178px;
  letter-spacing: 0;
  line-height: 12px;
  position: absolute;
  top: 132px;
  width: 67px;
}

.tasker .empresas-beneficiadas {
  color: var(--neutral-colorstext-gray);
  font-family: var(--font-family-inter);
  font-size: 10px;
  font-weight: 400;
  left: 381px;
  letter-spacing: 0;
  line-height: 15px;
  position: absolute;
  top: 333px;
  width: 75px;
}

.tasker .ellipse-146 {
  height: 38px;
  left: 260px;
  position: absolute;
  top: 330px;
  width: 38px;
}

.tasker .ellipse-147 {
  height: 38px;
  left: 285px;
  position: absolute;
  top: 330px;
  width: 38px;
}

.tasker .ellipse-148 {
  height: 38px;
  left: 310px;
  position: absolute;
  top: 330px;
  width: 38px;
}

.tasker .ellipse-149 {
  background-color: var(--neutral-colorsheadings-black);
  border-radius: 19.44px/18.9px;
  height: 38px;
  left: 334px;
  position: absolute;
  top: 330px;
  width: 39px;
}

.tasker .text-2-1 {
  left: 340px;
  letter-spacing: 0;
  line-height: 22px;
  position: absolute;
  top: 338px;
  white-space: nowrap;
  width: 28px;
}

.tasker .x15 {
  height: 150px;
  left: 11px;
  position: absolute;
  top: 78px;
  width: 292px;
}

.tasker .chart {
  height: 218px;
  left: 49px;
  position: absolute;
  top: 307px;
  width: 187px;
}

.tasker .overlap-group1 {
  height: 71px;
  left: 323px;
  position: absolute;
  top: 25px;
  width: 170px;
}

.tasker .upper-bound {
  color: var(--neutral-colorsheadings-black);
  font-family: var(--font-family-basier_square-medium);
  font-size: 10px;
  font-weight: 500;
  left: 0;
  letter-spacing: 1.00px;
  line-height: normal;
  position: absolute;
  top: 0;
  width: 135px;
}

.tasker .line-1 {
  height: 1px;
  left: 18px;
  position: absolute;
  top: 4px;
  width: 151px;
}

.tasker .line-2 {
  height: 1px;
  left: 18px;
  position: absolute;
  top: 13px;
  width: 151px;
}

.tasker .line-3 {
  height: 1px;
  left: 18px;
  position: absolute;
  top: 23px;
  width: 151px;
}

.tasker .line-4 {
  height: 1px;
  left: 18px;
  position: absolute;
  top: 32px;
  width: 151px;
}

.tasker .line {
  height: 1px;
  left: 18px;
  position: absolute;
  top: 42px;
  width: 151px;
}

.tasker .line-5 {
  height: 1px;
  left: 18px;
  position: absolute;
  top: 51px;
  width: 151px;
}

.tasker .line-6 {
  height: 1px;
  left: 18px;
  position: absolute;
  top: 60px;
  width: 151px;
}

.tasker .line-7 {
  height: 1px;
  left: 18px;
  position: absolute;
  top: 70px;
  width: 151px;
}

.tasker .path {
  height: 49px;
  top: 21px;
  width: 151px;
}

.tasker .path-1 {
  height: 46px;
  top: 20px;
  width: 152px;
}

.tasker .oval {
  background-color: var(--neutral-colorscolor-1000);
  border: 2px solid;
  border-color: var(--neutral-colors--100);
  border-radius: 4.25px;
  height: 8px;
  left: 140px;
  position: absolute;
  top: 21px;
  width: 8px;
}

.tasker .text-4 {
  align-items: flex-end;
  display: flex;
  height: 16px;
  left: 134px;
  overflow: hidden;
  position: absolute;
  top: 4px;
  width: 20px;
}

.tasker .text-container {
  height: 22px;
  margin-bottom: -8.95px;
  margin-left: -8px;
  position: relative;
  width: 36px;
}

.tasker .text-3-1 {
  color: var(--neutral-colorscolor-1000);
  font-family: var(--font-family-basier_square-medium);
  font-size: 5px;
  font-weight: 500;
  left: 0;
  letter-spacing: 1.00px;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 0;
  width: 36px;
}

.tasker .text-4-1 {
  color: var(--neutral-colorstext-gray);
  font-family: var(--font-family-basier_square-regular);
  font-size: 4px;
  font-weight: 400;
  left: 9px;
  letter-spacing: 1.00px;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 8px;
  width: 17px;
}

.tasker .logos {
  align-items: flex-start;
  display: flex;
  gap: 8px;
  height: 22px;
  left: 186px;
  min-width: 312px;
  position: absolute;
  top: 627px;
}

.tasker .line-rounded-calendar {
  height: 20px;
  width: 20px;
}

.tasker .subtitle {
  letter-spacing: 0;
  line-height: 18px;
  margin-top: -1px;
  min-height: 22px;
  width: 284px;
}

.tasker .x-group {
  height: 118px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1440px;
}

.tasker .container-2 {
  background-color: var(--neutral-colors--100);
  height: 118px;
  left: 0;
  opacity: 0.7;
  position: absolute;
  top: 0;
  width: 1440px;
}

.tasker .logo-style-guide-top {
  height: 41px;
  left: 109px;
  position: absolute;
  top: 38px;
  width: 314px;
}

.tasker .sections {
  left: 557px;
  top: 50px;
}

.tasker .link {
  cursor: pointer;
}

.tasker .place {
  letter-spacing: 0;
  line-height: 18px;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.tasker .sections-1 {
  left: 1007px;
  top: 36px;
}

.tasker .iniciar-sesin {
  color: var(--neutral-colorscolor-1000);
  font-family: var(--font-family-basier_square-regular);
  font-size: var(--font-size-s);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 18px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: 111px;
}

.tasker .master-primary-button-3 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  position: relative;
}

.tasker .master-primary-button-4 {
  align-items: center;
  background-color: var(--neutral-colorscolor-1000);
  border: 1px solid;
  border-radius: 100px;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 8px;
  justify-content: flex-end;
  padding: 14px 18px;
  position: relative;
}

.tasker .button-text-3 {
  text-align: center;
}

.tasker .testimonials-v2 {
  align-items: flex-start;
  background-color: var(--neutral-colors--100);
  display: flex;
  height: 1144px;
  width: 1440px;
}

.tasker .flex-col-2 {
  align-items: flex-end;
  background-color: var(--primary-colorsprimary-blue);
  gap: 72px;
  min-height: 1144px;
  width: 1440px;
}

.tasker .flex-col-3 {
  align-items: flex-start;
  gap: 47px;
  min-height: 868px;
  width: 1330px;
}

.tasker .flex-row {
  align-items: center;
  align-self: flex-end;
  display: flex;
  gap: 28px;
  min-width: 1254px;
}

.tasker .heading-1 {
  letter-spacing: 0;
  line-height: 55px;
  margin-top: 92.0px;
  min-height: 110px;
  width: 520px;
}

.tasker .overlap-group5 {
  height: 338px;
  position: relative;
  width: 706px;
}

.tasker .modo_de_aislamiento {
  height: 338px;
  left: 360px;
  mix-blend-mode: overlay;
  position: absolute;
  top: 0;
  width: 346px;
}

.tasker .paragraph-2 {
  left: 0;
  letter-spacing: 0;
  line-height: 24px;
  position: absolute;
  top: 160px;
  width: 520px;
}

.tasker .testimonial-card {
  background-image: url(../img/bg-card.png);
  background-size: 100% 100%;
  height: 483px;
  width: 1220px;
}

.tasker .flex-row-1 {
  align-items: flex-start;
  align-self: center;
  display: flex;
  margin-right: 1.0px;
  min-width: 1067px;
}

.tasker .heading-2 {
  color: var(--neutral-colors--100);
  font-family: var(--font-family-basier_square-medium);
  font-size: 36px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 46px;
  margin-top: 6px;
  min-height: 92px;
  width: 208px;
}

.tasker .overlap-group-5 {
  height: 116px;
  margin-left: 28px;
  position: relative;
  width: 180px;
}

.tasker .big-number {
  left: 0;
  letter-spacing: 0;
  line-height: 80px;
  position: absolute;
  top: 0;
  width: 145px;
}

.tasker .title-1 {
  width: 180px;
}

.tasker .overlap-group-1 {
  height: 116px;
  margin-left: 38px;
  position: relative;
  width: 179px;
}

.tasker .big-number-1 {
  width: 146px;
}

.tasker .title {
  width: 179px;
}

.tasker .big-number-2 {
  width: 110px;
}

.tasker .content-sections-v1 {
  align-items: flex-start;
  background-color: var(--neutral-colors--100);
  display: flex;
  justify-content: center;
  margin-left: 1px;
  overflow: hidden;
  width: 1438px;
}

.tasker .overlap-group5-1 {
  align-items: center;
  background-color: var(--neutral-colors--100);
  display: flex;
  gap: 104px;
  height: 800px;
  min-width: 1440px;
  padding: 124.0px 5px;
}

.tasker .overlap-group4-1 {
  align-self: flex-end;
  height: 546px;
  position: relative;
  width: 625px;
}

.tasker .container-3 {
  height: 500px;
  left: 105px;
  position: absolute;
  top: 20px;
  width: 520px;
}

.tasker .chart-1 {
  height: 260px;
  left: 0;
  position: absolute;
  top: 0;
  width: 308px;
}

.tasker .overlap-group3-1 {
  border-radius: 12px;
  height: 162px;
  left: 381px;
  position: absolute;
  top: 384px;
  width: 220px;
}

.tasker .card {
  align-items: flex-start;
  background-color: var(--primary-colorsprimary-blue);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: 2px;
  left: 0;
  min-height: 162px;
  padding: 10.0px 14.9px;
  position: absolute;
  top: 0;
  width: 220px;
}

.tasker .line-8 {
  height: 1px;
  margin-top: 21px;
  width: 190px;
}

.tasker .overlap-group2-1 {
  height: 118px;
  position: relative;
  width: 190px;
}

.tasker .overlap-group1-1 {
  height: 107px;
  left: 0;
  position: absolute;
  top: 11px;
  width: 190px;
}

.tasker .line-9 {
  height: 1px;
  left: 0;
  position: absolute;
  top: 13px;
  width: 190px;
}

.tasker .line-10 {
  height: 1px;
  left: 0;
  position: absolute;
  top: 39px;
  width: 190px;
}

.tasker .line-11 {
  height: 1px;
  left: 0;
  position: absolute;
  top: 66px;
  width: 190px;
}

.tasker .line-12 {
  height: 1px;
  left: 0;
  position: absolute;
  top: 92px;
  width: 190px;
}

.tasker .jan {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  height: 99px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 8px;
  width: 18px;
}

.tasker .rectangle {
  background-color: var(--neutral-colorsneutral-colors);
  border-radius: 4px;
  height: 87px;
  margin-left: -1px;
  margin-top: -1px;
  width: 20px;
}

.tasker .june {
  letter-spacing: 1.00px;
  line-height: normal;
  margin-left: 2.6px;
  margin-top: 7px;
  min-height: 14px;
  text-align: center;
  width: 12px;
}

.tasker .jan-1 {
  color: var(--neutral-colorstext-gray);
  font-family: var(--font-family-basier_square-regular);
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 1.00px;
  line-height: normal;
  margin-left: 2.64px;
  margin-top: 24px;
  min-height: 14px;
  text-align: center;
  white-space: nowrap;
  width: 13px;
}

.tasker .feb {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  height: 107px;
  left: 35px;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 18px;
}

.tasker .rectangle-1 {
  background-color: var(--neutral-colorsneutral-colors);
  border-radius: 4px;
  height: 94px;
  margin-left: -1px;
  margin-top: -1px;
  width: 20px;
}

.tasker .june-1 {
  letter-spacing: 1.00px;
  line-height: normal;
  margin-left: 3.25px;
  margin-top: 7px;
  min-height: 14px;
  text-align: center;
  width: 12px;
}

.tasker .feb-1 {
  letter-spacing: 1.00px;
  line-height: normal;
  margin-left: 3.17px;
  margin-top: 27px;
  min-height: 12px;
  text-align: center;
  white-space: nowrap;
  width: 12px;
}

.tasker .mar {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  height: 86px;
  left: 69px;
  overflow: hidden;
  position: absolute;
  top: 22px;
  width: 18px;
}

.tasker .rectangle-2 {
  background-color: var(--neutral-colorsneutral-colors);
  border-radius: 4px;
  height: 73px;
  margin-left: -1px;
  margin-top: -1px;
  width: 20px;
}

.tasker .june-2 {
  letter-spacing: 1.00px;
  line-height: normal;
  margin-left: 2.9px;
  margin-top: 7px;
  min-height: 14px;
  text-align: center;
  width: 12px;
}

.tasker .place-1 {
  letter-spacing: 1.00px;
  line-height: normal;
  margin-left: 2.64px;
  margin-top: 17px;
  min-height: 12px;
  width: 13px;
}

.tasker .apr {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  height: 73px;
  left: 103px;
  overflow: hidden;
  position: absolute;
  top: 34px;
  width: 18px;
}

.tasker .rectangle-3 {
  background-color: var(--neutral-colorsneutral-colors);
  border-radius: 4px;
  height: 61px;
  margin-left: -1px;
  margin-top: -1px;
  width: 20px;
}

.tasker .june-3 {
  letter-spacing: 1.00px;
  line-height: normal;
  margin-left: 3.07px;
  margin-top: 7px;
  min-height: 14px;
  text-align: center;
  width: 12px;
}

.tasker .apr-1 {
  letter-spacing: 1.00px;
  line-height: normal;
  margin-left: 3.17px;
  margin-top: 11px;
  min-height: 12px;
  text-align: center;
  white-space: nowrap;
  width: 12px;
}

.tasker .may {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  height: 96px;
  left: 137px;
  overflow: hidden;
  position: absolute;
  top: 12px;
  width: 18px;
}

.tasker .rectangle-4 {
  background-color: var(--neutral-colorscolor-1000);
  border-radius: 4px;
  height: 83px;
  margin-left: -1px;
  margin-top: -1px;
  width: 20px;
}

.tasker .june-4 {
  letter-spacing: 1.00px;
  line-height: normal;
  margin-left: 2.72px;
  margin-top: 7px;
  min-height: 14px;
  text-align: center;
  width: 12px;
}

.tasker .name {
  color: var(--neutral-colors--100);
  font-family: var(--font-family-basic);
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 1.00px;
  line-height: normal;
  margin-left: 3.17px;
  margin-top: 21px;
  min-height: 15px;
  text-align: center;
  width: 12px;
}

.tasker .june-5 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 7px;
  height: 69px;
  left: 172px;
  overflow: hidden;
  position: absolute;
  top: 39px;
  width: 18px;
}

.tasker .rectangle-5 {
  background-color: var(--neutral-colorsneutral-colors);
  border-radius: 4px;
  height: 56px;
  margin-left: -1px;
  margin-top: -1px;
  width: 20px;
}

.tasker .june-6 {
  letter-spacing: 1.00px;
  line-height: normal;
  margin-left: 3.17px;
  min-height: 14px;
  text-align: center;
  width: 12px;
}

.tasker .item {
  align-items: flex-end;
  height: 20px;
  left: 133px;
  padding: 1.1px 0;
  top: 0;
  width: 26px;
}

.tasker .overlap-group-6 {
  align-items: flex-end;
  background-image: url(../img/combined-shape-1.svg);
  background-size: 100% 100%;
  display: flex;
  height: 15px;
  min-width: 26px;
  padding: 0.1px 0.9px;
}

.tasker .percent {
  color: var(--neutral-colorsheadings-black);
  font-family: var(--font-family-basier_square-medium);
  font-size: 7px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: normal;
  min-height: 12px;
  text-align: center;
  width: 24px;
}

.tasker .item-1 {
  align-items: center;
  background-color: var(--neutral-colorscolor-1000);
  border-radius: 8px;
  height: 16px;
  left: 160px;
  padding: 0 3.7px;
  top: 10px;
  width: 45px;
}

.tasker .monthly {
  align-self: flex-end;
  color: var(--neutral-colors--100);
  font-family: var(--font-family-basier_square-regular);
  font-size: 6px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: normal;
  margin-bottom: -1.52px;
  margin-left: 4px;
  min-height: 14px;
  width: 29px;
}

.tasker .icon {
  height: 3px;
  margin-top: 0;
  width: 5px;
}

.tasker .x1825000 {
  color: var(--neutral-colors--100);
  font-family: var(--font-family-basier_square-medium);
  font-size: 8px;
  font-weight: 500;
  left: 15px;
  letter-spacing: 1.00px;
  line-height: normal;
  position: absolute;
  top: 16px;
  white-space: nowrap;
  width: 119px;
}

.tasker .flex-col-4 {
  align-items: flex-start;
  gap: 35px;
  margin-bottom: 1.0px;
  min-height: 385px;
  width: 520px;
}

.tasker .headings {
  min-height: 110px;
  width: 520px;
}

.tasker .paragraph-3 {
  letter-spacing: 0;
  line-height: 24px;
  min-height: 240px;
  width: 520px;
}

.tasker .cont {
  align-items: flex-start;
  background-color: var(--neutral-colors--100);
  display: flex;
  width: 1440px;
}

.tasker .overlap-group6 {
  height: 773px;
  position: relative;
  width: 1440px;
}

.tasker .overlap-group-7 {
  align-items: flex-start;
  background-color: var(--neutral-colors--100);
  display: flex;
  gap: 28px;
  height: 773px;
  left: 0;
  min-width: 1440px;
  padding: 117px 186px;
  position: absolute;
  top: 0;
}

.tasker .heading-3 {
  letter-spacing: 0;
  line-height: 55px;
  width: 520px;
}

.tasker .paragraph-4 {
  letter-spacing: 0;
  line-height: 24px;
  min-height: 96px;
  width: 520px;
}

.tasker .card-1 {
  align-items: flex-start;
  background-color: var(--neutral-colors--100);
  border: 1px solid;
  border-color: var(--neutral-colorscolor-800);
  border-radius: 24px;
  display: flex;
  gap: 21px;
  height: 178px;
  left: 110px;
  min-width: 388px;
  padding: 34px 25px;
  position: absolute;
  top: 285px;
}

.tasker .image-placeholder {
  align-self: center;
  background-image: url(../img/container-1@2x.png);
  background-size: 100% 100%;
  height: 72px;
  margin-bottom: 2.0px;
  width: 72px;
}

.tasker .flex-col {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 9px;
  min-height: 109px;
  width: 244px;
}

.tasker .card-heading {
  letter-spacing: 0;
  line-height: 28px;
  min-height: 56px;
  width: 244px;
}

.tasker .paragraph {
  letter-spacing: 0;
  line-height: 22px;
  min-height: 44px;
  width: 244px;
}

.tasker .card-2 {
  align-items: flex-start;
  background-color: var(--neutral-colors--100);
  border: 1px solid;
  border-color: var(--neutral-colorscolor-800);
  border-radius: 24px;
  display: flex;
  gap: 21px;
  height: 178px;
  left: 110px;
  min-width: 388px;
  padding: 34px 25px;
  position: absolute;
  top: 478px;
}

.tasker .image-placeholder-1 {
  align-self: center;
  background-image: url(../img/container-2@2x.png);
  background-size: 100% 100%;
  height: 72px;
  margin-bottom: 2.0px;
  width: 72px;
}

.tasker .card-3 {
  align-items: center;
  background-color: var(--neutral-colors--100);
  border: 1px solid;
  border-color: var(--neutral-colorscolor-800);
  border-radius: 24px;
  display: flex;
  flex-direction: column;
  left: 526px;
  min-height: 371px;
  padding: 25px;
  position: absolute;
  top: 285px;
  width: 388px;
}

.tasker .image-placeholder-2 {
  align-self: flex-start;
  background-image: url(../img/container-3@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 202px;
  width: 330px;
}

.tasker .card-heading-1 {
  letter-spacing: 0;
  line-height: 28px;
  margin-right: 2.0px;
  margin-top: 27px;
  width: 324px;
}

.tasker .paragraph-5 {
  letter-spacing: 0;
  line-height: 22px;
  margin-right: 2.0px;
  margin-top: 8px;
  min-height: 44px;
  width: 324px;
}

.tasker .card-4 {
  align-items: flex-start;
  background-color: var(--neutral-colors--100);
  border: 1px solid;
  border-color: var(--neutral-colorscolor-800);
  border-radius: 24px;
  display: flex;
  gap: 21px;
  height: 178px;
  left: 942px;
  min-width: 388px;
  padding: 34px 25px;
  position: absolute;
  top: 285px;
}

.tasker .image-placeholder-3 {
  align-self: center;
  background-image: url(../img/container-4@2x.png);
  background-size: 100% 100%;
  height: 72px;
  margin-bottom: 2.0px;
  width: 72px;
}

.tasker .card-5 {
  align-items: flex-start;
  background-color: var(--neutral-colors--100);
  border: 1px solid;
  border-color: var(--neutral-colorscolor-800);
  border-radius: 24px;
  display: flex;
  gap: 21px;
  height: 178px;
  left: 942px;
  min-width: 388px;
  padding: 34px 25px;
  position: absolute;
  top: 478px;
}

.tasker .image-placeholder-4 {
  align-self: center;
  background-image: url(../img/container-5@2x.png);
  background-size: 100% 100%;
  height: 72px;
  margin-bottom: 2.0px;
  width: 72px;
}

.tasker .pricing-v3 {
  align-items: flex-start;
  background-color: var(--neutral-colors--100);
  display: flex;
  height: 942px;
  width: 1440px;
}

.tasker .overlap-group4-2 {
  align-items: center;
  background-color: var(--neutral-colors--100);
  display: flex;
  flex-direction: column;
  min-height: 942px;
  padding: 77px 0;
  width: 1440px;
}

.tasker .heading-4 {
  letter-spacing: 0;
  line-height: 55px;
  min-width: 859px;
  text-align: center;
  white-space: nowrap;
}

.tasker .paragraph-6 {
  letter-spacing: 0;
  line-height: 24px;
  margin-right: 0;
  margin-top: 27px;
  min-height: 48px;
  text-align: center;
  width: 707px;
}

.tasker .overlap-group-container {
  align-items: flex-start;
  display: flex;
  gap: 28px;
  margin-top: 79px;
  min-width: 1220px;
}

.tasker .overlap-group-2 {
  height: 541px;
  position: relative;
  width: 284px;
}

.tasker .container {
  background-color: var(--neutral-colorscolor-300);
  border-radius: 24px;
  height: 366px;
  left: 0;
  position: absolute;
  top: 0;
  width: 284px;
}

.tasker .container-1 {
  background-color: var(--neutral-colors--100);
  border: 1px solid;
  border-color: var(--neutral-colorscolor-300);
  border-radius: 0px 0px 24px 24px;
  height: 302px;
  left: 0;
  position: absolute;
  top: 239px;
  width: 284px;
}

.tasker .plan-type {
  left: 43px;
  letter-spacing: 0;
  line-height: 38px;
  position: absolute;
  top: 48px;
  white-space: nowrap;
}

.tasker .price {
  left: 39px;
  letter-spacing: 0;
  line-height: 55px;
  position: absolute;
  top: 98px;
  white-space: nowrap;
}

.tasker .mensual {
  left: 164px;
  letter-spacing: 0;
  line-height: 18px;
  position: absolute;
  top: 127px;
  white-space: nowrap;
}

.tasker .list-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 13px;
  left: 27px;
  min-height: 228px;
  position: absolute;
  top: 276px;
  width: 231px;
}

.tasker .list-item200 {
  align-items: center;
  display: inline-flex;
  gap: 14px;
  position: relative;
}

.tasker .filled-icons-check-circle {
  height: 16px;
  position: relative;
  width: 16px;
}

.tasker .text {
  letter-spacing: 0;
  line-height: 22px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.tasker .text-1 {
  letter-spacing: 0;
  line-height: 22px;
  margin-top: -1.00px;
  position: relative;
  width: 190px;
}

.tasker .text-2 {
  letter-spacing: 0;
  line-height: 22px;
  margin-top: -1.00px;
  position: relative;
  width: 185px;
}

.tasker .text-3 {
  letter-spacing: 0;
  line-height: 22px;
  margin-top: -1.00px;
  position: relative;
  width: 181px;
}

.tasker .master-primary-button {
  align-items: center;
  background-color: var(--primary-colorsprimary-blue);
  border-radius: 40px;
  display: flex;
  gap: 8px;
  height: 42px;
  justify-content: center;
  left: 50px;
  padding: 24px 36px;
  position: absolute;
  top: 173px;
  width: 184px;
}

.tasker .button-text {
  letter-spacing: 0;
  line-height: 18px;
  margin-bottom: -10.67px;
  margin-left: -9.50px;
  margin-right: -9.50px;
  margin-top: -13.33px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.tasker .list {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 8px;
  left: 27px;
  min-height: 230px;
  position: absolute;
  top: 276px;
  width: 231px;
}

.tasker .text-5 {
  letter-spacing: 0;
  line-height: 22px;
  margin-top: -1.00px;
  position: relative;
  width: 198px;
}

.tasker .master-primary-button-5 {
  align-items: center;
  background-color: var(--primary-colorsprimary-blue);
  border-radius: 40px;
  cursor: pointer;
  display: flex;
  gap: 8px;
  height: 42px;
  justify-content: center;
  left: 50px;
  padding: 24px 36px;
  position: absolute;
  top: 173px;
  width: 184px;
}

.tasker .text-6 {
  letter-spacing: 0;
  line-height: 22px;
  margin-top: -1.00px;
  position: relative;
  width: 196px;
}

.tasker .overlap-group-8 {
  align-items: flex-start;
  background-color: var(--neutral-colors--100);
  display: flex;
  gap: 150px;
  height: 651px;
  justify-content: flex-end;
  min-width: 1440px;
  padding: 50px 111.0px;
}

.tasker .flex-col-5 {
  align-items: flex-start;
  align-self: center;
  margin-bottom: 3.0px;
  min-height: 338px;
  width: 444px;
}

.tasker .headings-1 {
  min-height: 165px;
  width: 444px;
}

.tasker .paragraph-7 {
  letter-spacing: 0;
  line-height: 24px;
  margin-top: 17px;
  min-height: 48px;
  width: 444px;
}

.tasker .button-set-1 {
  height: 58px;
  margin-top: 50px;
  position: relative;
  width: 393px;
}

.tasker .overlap-group1-2 {
  align-items: flex-start;
  background-image: url(../img/container.png);
  background-size: 100% 100%;
  display: flex;
  min-width: 608px;
}

.tasker .mask-group-2 {
  height: 548px;
  width: 608px;
}

.tasker .overlap-group5-2 {
  height: 856px;
  position: relative;
  width: 1440px;
}

.tasker .overlap-group3-2 {
  align-items: center;
  background-color: var(--primary-colorsprimary-blue);
  display: flex;
  gap: 28px;
  height: 856px;
  left: 0;
  min-width: 1440px;
  padding: 0 110px;
  position: absolute;
  top: 0;
}

.tasker .flex-col-6 {
  align-items: flex-start;
  margin-top: 77.0px;
  min-height: 561px;
  width: 700px;
}

.tasker .heading-5 {
  color: transparent;
  font-family: var(--font-family-basier_square-medium);
  font-size: var(--font-size-xxl);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 55px;
  min-height: 110px;
  width: 700px;
}

.tasker .span1 {
  color: var(--neutral-colorsneutral-colors);
}

.tasker .paragraph-8 {
  letter-spacing: 0;
  line-height: 24px;
  margin-top: 26px;
  min-height: 72px;
  width: 700px;
}

.tasker .form {
  align-items: flex-start;
  display: flex;
  gap: 16px;
  height: 133px;
  margin-top: 43px;
  min-width: 700px;
}

.tasker .overlap-group-container-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 29px;
  min-height: 133px;
  width: 342px;
}

.tasker .overlap-group-3 {
  align-items: flex-end;
  background-color: var(--neutral-colors--100);
  border-radius: 100px;
  display: flex;
  height: 52px;
  min-width: 342px;
  padding: 16.9px 22px;
}

.tasker .input-placeholder {
  letter-spacing: 0;
  line-height: 18px;
  width: 130px;
}

.tasker .input-placeholder-1 {
  width: 241px;
}

.tasker .overlap-group1-3 {
  align-items: flex-end;
  background-color: var(--neutral-colors--100);
  border-radius: 100px;
  display: flex;
  height: 52px;
  min-width: 342px;
  padding: 16.9px 21.8px;
}

.tasker .input-placeholder-2 {
  width: 301px;
}

.tasker .paragraph-9 {
  letter-spacing: 0;
  line-height: 24px;
  margin-top: 53px;
  min-height: 48px;
  width: 700px;
}

.tasker .paragraph-container {
  height: 47px;
  margin-top: 29px;
  position: relative;
  width: 520px;
}

.tasker .paragraph-10 {
  left: 0;
  letter-spacing: 0;
  line-height: 18px;
  position: absolute;
  top: 0;
  width: 284px;
}

.tasker .span-1 {
  line-height: 24px;
}

.tasker .span2 {
  line-height: 22px;
}

.tasker .paragraph-11 {
  left: 236px;
  letter-spacing: 0;
  line-height: 24px;
  position: absolute;
  top: 0;
  width: 284px;
}

.tasker .x11434198-1 {
  align-self: flex-end;
  height: 788px;
  object-fit: cover;
  width: 492px;
}

.tasker .master-primary-button-6 {
  align-items: center;
  background-color: var(--neutral-colorscolor-1000);
  border-radius: 30px;
  display: flex;
  gap: 8px;
  justify-content: center;
  left: 468px;
  padding: 18px 24px;
  position: absolute;
  top: 518px;
  width: 342px;
}

.tasker .footers-v10 {
  align-items: flex-start;
  background-color: var(--neutral-colors--100);
  display: flex;
  height: 284px;
  width: 1440px;
}

.tasker .wrapper {
  align-items: center;
  background-color: var(--primary-colorsprimary-blue);
  display: flex;
  flex-direction: column;
  min-height: 284px;
  padding: 0 104px;
  width: 1440px;
}

.tasker .container-4 {
  background-color: var(--primary-colorsprimary-blue);
  height: 1px;
  mix-blend-mode: screen;
  width: 1220px;
}

.tasker .flex-row-2 {
  align-items: center;
  display: flex;
  margin-right: 1.19px;
  margin-top: 75px;
  min-width: 1221px;
}

.tasker .logo-style-guide-top-1 {
  cursor: pointer;
  height: 41px;
  width: 314px;
}

.tasker .nav-list {
  align-items: center;
  display: inline-flex;
  gap: 40px;
  justify-content: center;
  margin-left: 124px;
  margin-top: 1.0px;
  position: relative;
}

.tasker .master-link {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 6px;
  position: relative;
}

.tasker .place-2 {
  letter-spacing: 0;
  line-height: 18px;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.tasker .social-media-container {
  align-items: center;
  display: inline-flex;
  gap: 16px;
  justify-content: flex-end;
  margin-left: 296px;
  margin-top: 1.0px;
  position: relative;
}

.tasker .social-media-icon-square {
  height: 36px;
  position: relative;
  width: 36px;
}

.tasker .social-media-icon-square-1 {
  background-color: var(--neutral-colors--100);
  border-radius: 100px;
  height: 36px;
  position: relative;
  width: 36px;
}

.tasker .instagram {
  height: 18px;
  left: 9px;
  position: absolute;
  top: 9px;
  width: 18px;
}

.tasker .footer-botom {
  align-items: flex-start;
  align-self: flex-end;
  display: flex;
  height: 18px;
  margin-top: 118px;
  min-width: 1224px;
}

.tasker .copyright {
  min-width: 479px;
}

.tasker .copyright-1 {
  margin-left: 424px;
  min-width: 145px;
  text-align: right;
}

.tasker .copyright-2 {
  margin-left: 39px;
  min-width: 131px;
  text-align: right;
}

.tasker .big-number-3 {
  left: 0;
  letter-spacing: 0;
  line-height: 80px;
  position: absolute;
  top: 0;
}

.tasker .button-text-5 {
  letter-spacing: 0;
  line-height: 18px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.tasker .contacto-2 {
  letter-spacing: 0;
  line-height: 18px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.tasker .copyright-3 {
  letter-spacing: 0;
  line-height: 18px;
  white-space: nowrap;
}

.tasker .flex-col-7 {
  display: flex;
  flex-direction: column;
}

.tasker .headings-2 {
  letter-spacing: 0;
  line-height: 55px;
}

.tasker .inicio-2 {
  letter-spacing: 0;
  line-height: 18px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.tasker .input-placeholder-3 {
  letter-spacing: 0;
  line-height: 18px;
}

.tasker .item-2 {
  display: flex;
  overflow: hidden;
  position: absolute;
}

.tasker .link-4 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  position: relative;
}

.tasker .path-2 {
  left: 18px;
  position: absolute;
}

.tasker .place-3 {
  text-align: center;
  white-space: nowrap;
}

.tasker .producto-2 {
  letter-spacing: 0;
  line-height: 18px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.tasker .sections-2 {
  align-items: center;
  display: inline-flex;
  gap: 33px;
  justify-content: center;
  position: absolute;
}

.tasker .title-2 {
  left: 0;
  letter-spacing: 0;
  line-height: 22px;
  position: absolute;
  top: 72px;
}

input {
  border-radius: 15px;
  padding: 10px;
  border: 2px solid #ccc;
  width: 250px;
}