:root {
  --default-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Ubuntu, "Helvetica Neue", Helvetica, Arial, "PingFang SC",
    "Hiragino Sans GB", "Microsoft Yahei UI", "Microsoft Yahei",
    "Source Han Sans CN", sans-serif;
}

html,
body {
  overflow-x: hidden !important;
  width: 100%;
  margin: 0;
  padding: 0;
}

.main-container {
  overflow: hidden;
}

.main-container,
.main-container * {
  box-sizing: border-box;
}

input,
select,
textarea,
button {
  outline: 0;
}

/* Make header/CTA elements clickable without changing layout */
a.product-tour,
a.about-us,
a.contact-us,
a.pricing,
a.login,
a.home,
a.watch-a-demo {
  text-decoration: none;
}

a.group-1,
a.rectangle,
a.lock,
a.path,
a.icon-feather-play-circle {
  display: block;
  text-decoration: none;
}

a.group-1,
a.rectangle,
a.product-tour,
a.about-us,
a.contact-us,
a.pricing,
a.login,
a.home,
a.watch-a-demo,
a.lock,
a.path,
a.icon-feather-play-circle {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.menu a,
.features a {
  text-decoration: none;
  color: inherit;
}

.main-container {
  position: relative;
  width: 1920px;
  height: 23358px;
  margin: 0 auto;
  background: #ffffff;
  overflow: hidden;
}

.flex-row-afe {
  position: relative;
  width: 2329px;
  height: 1370px;
  margin: -111px 0 0 60px;
  z-index: 628;
}

.group {
  position: absolute;
  width: 1778px;
  height: 1370px;
  top: 0;
  left: 551px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/b6b5c3c1-0200-4263-91d9-4c84c9d3bbb3.png) no-repeat center;
  background-size: cover;
}

.flex-row-e {
  position: relative;
  width: 1230.334px;
  height: 60px;
  margin: 150px 0 0 19px;
  z-index: 631;
}

.group-1 {
  position: absolute;
  width: 16.78%;
  height: 100%;
  top: 0;
  left: 83.22%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/c268a65b-1717-42df-afd0-60d96be6d8da.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 619;
}

.get-started {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 41.67%;
  top: 26.67%;
  left: 15.5%;
  color: #0e0d0d;
  font-family: Circular Std, var(--default-font-family);
  font-size: 20px;
  font-weight: 450;
  line-height: 25px;
  text-align: left;
  white-space: nowrap;
  z-index: 621;
}

.group-2 {
  position: absolute;
  width: 9.43%;
  height: 14.07%;
  top: 41.67%;
  left: 74.9%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/1370aa24-0a31-4cb2-ac6e-fb06ccddafe5.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 622;
}

.product-tour {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 46.67%;
  top: 25%;
  left: 12.19%;
  color: #000000;
  font-family: Circular Std, var(--default-font-family);
  font-size: 22px;
  font-weight: 450;
  line-height: 27.83px;
  text-align: left;
  white-space: nowrap;
  z-index: 614;
}

.about-us {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 46.67%;
  top: 26.67%;
  left: 0;
  color: #000000;
  font-family: Circular Std, var(--default-font-family);
  font-size: 22px;
  font-weight: 450;
  line-height: 27.83px;
  text-align: left;
  white-space: nowrap;
  z-index: 629;
}

.contact-us {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 46.67%;
  top: 26.67%;
  left: 29.42%;
  color: #000000;
  font-family: Circular Std, var(--default-font-family);
  font-size: 22px;
  font-weight: 450;
  line-height: 27.83px;
  text-align: left;
  white-space: nowrap;
  z-index: 630;
}

.pricing {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 46.67%;
  top: 26.67%;
  left: 43.08%;
  color: #000000;
  font-family: Circular Std, var(--default-font-family);
  font-size: 22px;
  font-weight: 450;
  line-height: 27.83px;
  text-align: left;
  white-space: nowrap;
  z-index: 631;
}

.login {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 46.67%;
  top: 28.33%;
  left: 73.96%;
  color: #000000;
  font-family: Circular Std, var(--default-font-family);
  font-size: 22px;
  font-weight: 450;
  line-height: 27.83px;
  text-align: left;
  white-space: nowrap;
  z-index: 625;
}

.lock {
  position: absolute;
  width: 1.14%;
  height: 31%;
  top: 36.78%;
  left: 71.85%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/90f3c549-34a0-4114-8d9c-312c648b4913.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 626;
}

.path {
  position: absolute;
  width: 1.14%;
  height: 14.03%;
  top: 45%;
  left: 23.49%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-24/TScbxp5YbE.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 615;
}

.flex-row-fbb {
  position: relative;
  width: 1005px;
  height: 69px;
  margin: 1022px 0 0 153px;
  z-index: 23;
}

.image {
  position: absolute;
  width: 130px;
  height: 42px;
  top: 0;
  left: 558px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/c6275965-555f-4176-89ae-5ee02632dec6.png) no-repeat center;
  background-size: cover;
  opacity: 0.5;
  z-index: 20;
}

.image-3 {
  position: absolute;
  width: 167px;
  height: 39px;
  top: 3px;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/b70d7929-2429-43cc-8d07-4622d4c6a006.png) no-repeat center;
  background-size: cover;
  opacity: 0.4;
  z-index: 19;
}

.image-4 {
  position: absolute;
  width: 87px;
  height: 65px;
  top: 4px;
  left: 319px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/3bcdbede-fc8a-49a3-a6d5-633ab6aeddce.png) no-repeat center;
  background-size: cover;
  opacity: 0.4;
  z-index: 23;
}

.image-5 {
  position: absolute;
  width: 165px;
  height: 33px;
  top: 7px;
  left: 840px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/78d4ea3c-48fa-4a56-bc38-0c49c9cb62ea.png) no-repeat center;
  background-size: cover;
  opacity: 0.4;
  z-index: 21;
}

.image-6 {
  position: absolute;
  width: 165px;
  height: 40px;
  top: 160px;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-24/idyHdRQjBX.png) no-repeat center;
  background-size: cover;
  z-index: 627;
}

.home {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 2.04%;
  top: 12.12%;
  left: 19.32%;
  color: #00a89c;
  font-family: Circular Std, var(--default-font-family);
  font-size: 22px;
  font-weight: 450;
  line-height: 27.83px;
  text-align: left;
  white-space: nowrap;
  z-index: 628;
}

.booking-scheduling-software {
  position: absolute;
  width: 861px;
  height: 21.9%;
  top: 25.11%;
  left: 3.87%;
  font-family: Roboto, var(--default-font-family);
  font-size: 85px;
  font-weight: 700;
  line-height: 100px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 6;
}

.booking-scheduling {
  position: relative;
  color: #00a89c;
  font-family: Roboto, var(--default-font-family);
  font-size: 85px;
  font-weight: 700;
  line-height: 100px;
  text-align: left;
}

.software-for-small-business-owners {
  position: relative;
  color: #0e0e0e;
  font-family: Roboto, var(--default-font-family);
  font-size: 85px;
  font-weight: 700;
  line-height: 100px;
  text-align: left;
}

.group-7 {
  position: absolute;
  width: 439.94px;
  height: 77.296px;
  top: 615.843px;
  left: 89.997px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-24/fnDjKEr3rk.png) no-repeat center;
  background-size: cover;
  z-index: 7;
  overflow: hidden;
}

.business-online-scheduling-assistance {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 2.77%;
  top: 53.14%;
  left: 3.86%;
  color: #565657;
  font-family: Roboto, var(--default-font-family);
  font-size: 26px;
  font-weight: 400;
  line-height: 30.469px;
  text-align: left;
  white-space: nowrap;
  z-index: 10;
}

.rectangle {
  position: absolute;
  width: 10.35%;
  height: 5.26%;
  top: 64.16%;
  left: 3.86%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-24/yo6EvodoFh.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 12;
}

.try-for-free {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 38.89%;
  top: 29.17%;
  left: 24.9%;
  color: #ffffff;
  font-family: Roboto, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 28px;
  text-align: left;
  white-space: nowrap;
  z-index: 14;
}

.watch-a-demo {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 2.19%;
  top: 65.55%;
  left: 18.89%;
  color: #00a89c;
  font-family: Roboto, var(--default-font-family);
  font-size: 26px;
  font-weight: 400;
  line-height: 30px;
  text-align: left;
  text-decoration: underline;
  white-space: nowrap;
  z-index: 16;
}

.icon-feather-play-circle {
  position: absolute;
  width: 1.41%;
  height: 2.4%;
  top: 65.62%;
  left: 16.85%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-24/2hHnKdCMsp.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 17;
}

.client-all-over-world {
  position: absolute;
  width: 522px;
  height: 3.43%;
  top: 81.31%;
  left: 3.86%;
  font-family: Roboto, var(--default-font-family);
  font-size: 28px;
  font-weight: 400;
  line-height: 32.813px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 3;
}

.over {
  position: relative;
  color: #565657;
  font-family: Roboto, var(--default-font-family);
  font-size: 26px;
  font-weight: 400;
  line-height: 32.813px;
  text-align: left;
}

.client {
  position: relative;
  color: #565657;
  font-family: Roboto, var(--default-font-family);
  font-size: 28px;
  font-weight: 400;
  line-height: 32.813px;
  text-align: left;
}

.all-over-world {
  position: relative;
  color: #00a89c;
  font-family: Roboto, var(--default-font-family);
  font-size: 40px;
  font-weight: 500;
  line-height: 48px;
  text-align: left;
  text-decoration: underline;
}

.client-8 {
  position: relative;
  color: #565657;
  font-family: Roboto, var(--default-font-family);
  font-size: 28px;
  font-weight: 400;
  line-height: 32.813px;
  text-align: left;
}

.over-9 {
  position: relative;
  color: #565657;
  font-family: Roboto, var(--default-font-family);
  font-size: 26px;
  font-weight: 400;
  line-height: 32.813px;
  text-align: left;
}

.image-a {
  position: absolute;
  width: 88px;
  height: 88px;
  top: 1196px;
  left: 90px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/d15c2af9-df5d-4d82-b0ce-855fba0dffbd.png) no-repeat center;
  background-size: cover;
  opacity: 0.3;
  z-index: 18;
}

.image-b {
  position: absolute;
  width: 222px;
  height: 75px;
  top: 1205px;
  left: 330px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/516263fe-f81f-42e1-99e4-cfe7d47d5c36.png) no-repeat center;
  background-size: cover;
  opacity: 0.4;
  z-index: 22;
}

.rectangle-c {
  position: relative;
  width: 1920px;
  height: 828px;
  margin: 91px 0 0 0;
  background: #eaf7f6;
  z-index: 24;
  overflow: visible auto;
}

.flex-row-bae {
  position: relative;
  width: 1575.999px;
  height: 134.458px;
  margin: 76px 0 0 150.001px;
  z-index: 54;
}

.amazing-features {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 52.06%;
  top: 0;
  left: 0.32%;
  color: #0e0e0e;
  font-family: Roboto, var(--default-font-family);
  font-size: 60px;
  font-weight: 700;
  line-height: 70px;
  text-align: left;
  white-space: nowrap;
  z-index: 53;
}

.client-appointments-scheduling {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 627px;
  height: 43.14%;
  top: 29.01%;
  left: 60.22%;
  color: #747373;
  font-family: Roboto, var(--default-font-family);
  font-size: 25px;
  font-weight: 400;
  line-height: 29.297px;
  text-align: left;
  z-index: 25;
}

.group-d {
  position: absolute;
  width: 509.725px;
  height: 78.458px;
  top: 56px;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-24/wUyCMec51D.png) no-repeat center;
  background-size: cover;
  z-index: 54;
  overflow: hidden;
}

.flex-row-e-e {
  position: relative;
  width: 1754.578px;
  height: 540.04px;
  margin: 16.542px 0 0 61px;
  z-index: 48;
}

.points-bg {
  position: absolute;
  width: 16.24%;
  height: 45.18%;
  top: 0;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-24/1jb5CDUuGe.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 26;
}

.calendar {
  position: absolute;
  width: 102px;
  height: 82px;
  top: 80px;
  left: 81px;
  margin: 53.97px 0 0 40px;
  background: url(ii/calendar.png) no-repeat center;
  background-size: contain;
  z-index: 31;
}

.rectangle-f {
  position: absolute;
  width: 21.71%;
  height: 70.55%;
  top: 13.89%;
  left: 5.07%;
  font-size: 0px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-24/cTJGHbUUke.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 30;
}

.abcde-online {
  display: block;
  position: relative;
  height: 35px;
  margin: 164px 0 0 40px;
  color: #0e0e0e;
  font-family: Roboto, var(--default-font-family);
  font-size: 30px;
  font-weight: 500;
  line-height: 35px;
  text-align: left;
  white-space: nowrap;
  z-index: 31;
}

.self-schedule {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 240px;
  height: 84px;
  margin: 30px 0 0 40px;
  color: #747373;
  font-family: Roboto, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 28.125px;
  text-align: left;
  z-index: 32;
}

.rectangle-10 {
  position: absolute;
  width: 21.71%;
  height: 70.55%;
  top: 13.89%;
  left: 28.61%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-24/QyWwNZ7DPZ.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 36;
}

.increase {
  position: relative;
  width: 79.545px;
  height: 79.544px;
  margin: 53.97px 0 0 40px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-24/CpE8pJe3Hj.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 39;
}

.increase-productivity {
  display: block;
  position: relative;
  height: 35px;
  margin: 30.486px 0 0 40px;
  color: #0e0e0e;
  font-family: Roboto, var(--default-font-family);
  font-size: 30px;
  font-weight: 500;
  line-height: 35px;
  text-align: left;
  white-space: nowrap;
  z-index: 37;
}

.boost-staff-efficiency {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 284px;
  height: 84px;
  margin: 30px 0 0 40px;
  color: #747373;
  font-family: Roboto, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 28.125px;
  text-align: left;
  z-index: 38;
}

.rectangle-11 {
  position: absolute;
  width: 21.71%;
  height: 70.55%;
  top: 13.89%;
  left: 52.15%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-24/iRVS7Wtmkj.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 42;
}

.attract-customers {
  position: relative;
  width: 81.9px;
  height: 81.95px;
  margin: 51.565px 0 0 40px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-24/puU5AXKZ5x.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 45;
}

.promote-via-social-media {
  display: block;
  position: relative;
  height: 35px;
  margin: 30.485px 0 0 40px;
  color: #0e0e0e;
  font-family: Roboto, var(--default-font-family);
  font-size: 30px;
  font-weight: 500;
  line-height: 35px;
  text-align: left;
  white-space: nowrap;
  z-index: 43;
}

.promote-via-social-media-12 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 276px;
  height: 84px;
  margin: 30px 0 0 40px;
  color: #747373;
  font-family: Roboto, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 28.125px;
  text-align: left;
  z-index: 44;
}

.rectangle-13 {
  position: absolute;
  width: 21.71%;
  height: 70.55%;
  top: 13.89%;
  left: 75.69%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-24/SNfMo9CsOV.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 48;
}

.customer {
  position: relative;
  width: 86.988px;
  height: 87px;
  margin: 49px 0 0 40px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-24/2J3gixjtMJ.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 51;
}

.retain-customers {
  display: block;
  position: relative;
  height: 35px;
  margin: 28px 0 0 40px;
  color: #0e0e0e;
  font-family: Roboto, var(--default-font-family);
  font-size: 30px;
  font-weight: 500;
  line-height: 35px;
  text-align: left;
  white-space: nowrap;
  z-index: 49;
}

.know-your-customers {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 286px;
  height: 84px;
  margin: 30px 0 0 40px;
  color: #747373;
  font-family: Roboto, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 28.125px;
  text-align: left;
  z-index: 50;
}

.union {
  position: absolute;
  width: 8.12%;
  height: 30.24%;
  top: 69.76%;
  left: 91.88%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-24/unMb7pyiw3.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 27;
}

.flex-row-ab {
  position: relative;
  width: 1608px;
  height: 738.981px;
  margin: 197px 0 0 150px;
  z-index: 109;
}

.points-bg-14 {
  position: absolute;
  width: 17.72%;
  height: 33.02%;
  top: 0;
  left: 17.1%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-24/mTG24ZukrO.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 64;
}

.computer-engineer-coding {
  position: absolute;
  width: 5.6%;
  height: 12.04%;
  top: 0.54%;
  left: 56.78%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-24/eiMxALb6Fx.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 99;
}

.rectangle-15 {
  position: absolute;
  width: 23.38%;
  height: 75.1%;
  top: 6.63%;
  left: 27.43%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/c69fb47e-8ac7-44f4-8155-9b76081bb670.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 86;
}

.rectangle-16 {
  position: relative;
  width: 376px;
  height: 59px;
  margin: 0 0 0 0px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/3ee72993-f57c-44d8-ac19-e861f175ee2b.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 87;
}

.make-an-appointment {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 44.07%;
  top: 27.12%;
  left: 7.18%;
  color: #ffffff;
  font-family: Roboto, var(--default-font-family);
  font-size: 22px;
  font-weight: 500;
  line-height: 25.781px;
  text-align: left;
  white-space: nowrap;
  z-index: 88;
}

.image-17 {
  position: relative;
  width: 333px;
  height: 334px;
  margin: 13px 0 0 22.004px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/205971a5-badc-43fe-975b-ae4f5214e309.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 89;
  overflow: visible auto;
}

.ellipse {
  position: relative;
  width: 34px;
  height: 34px;
  margin: 193px 0 0 190px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-24/thQzMcfQzf.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 62;
}

.number-17 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 52.94%;
  top: 23.53%;
  left: 23.53%;
  color: #ffffff;
  font-family: Roboto, var(--default-font-family);
  font-size: 15px;
  font-weight: 500;
  line-height: 17.578px;
  text-align: left;
  white-space: nowrap;
  z-index: 63;
}

.image-18 {
  position: relative;
  width: 315px;
  height: 120px;
  margin: 2px 0 0 32.004px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/72fb1885-c316-49fd-844e-68860048fa46.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 90;
}

.powerful-appointment-booking {
  position: absolute;
  width: 573px;
  height: 16.78%;
  top: 15.29%;
  left: 56.72%;
  font-family: Roboto, var(--default-font-family);
  font-size: 55px;
  font-weight: 700;
  line-height: 62px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 102;
}

.powerful-appointment {
  position: relative;
  color: #00a89c;
  font-family: Roboto, var(--default-font-family);
  font-size: 55px;
  font-weight: 900;
  line-height: 62px;
  text-align: left;
}

.booking-system {
  position: relative;
  color: #0e0e0e;
  font-family: Roboto, var(--default-font-family);
  font-size: 55px;
  font-weight: 900;
  line-height: 62px;
  text-align: left;
}

.rectangle-19 {
  position: absolute;
  width: 41.79%;
  height: 55.75%;
  top: 16.92%;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/c729ea40-3f4f-4f55-97e3-f45d65b67b3f.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 67;
}

.rectangle-1a {
  position: absolute;
  width: 100%;
  height: 16.02%;
  top: 0;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-24/ohfE8UpP3T.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 68;
}

.make-an-appointment-1b {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 39.39%;
  top: 30.3%;
  left: 5.95%;
  color: #ffffff;
  font-family: Roboto, var(--default-font-family);
  font-size: 22px;
  font-weight: 500;
  line-height: 25.781px;
  text-align: left;
  white-space: nowrap;
  z-index: 69;
}

.image-1c {
  position: absolute;
  width: 36.01%;
  height: 88.35%;
  top: 2.67%;
  left: 37.95%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/e8b569f7-5c23-4908-8b3e-318cda8d9eda.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 75;
}

.mask-group {
  position: relative;
  width: 208px;
  height: 153px;
  margin: 94px 0 0 13px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/e5d211f5-00e8-43f2-bbfa-231e46232bee.png) no-repeat center;
  background-size: cover;
  z-index: 82;
}

.dance {
  display: block;
  position: relative;
  height: 25px;
  margin: 23px 0 0 13px;
  color: #565657;
  font-family: Circular Std, var(--default-font-family);
  font-size: 20px;
  font-weight: 450;
  line-height: 25px;
  text-align: left;
  white-space: nowrap;
  z-index: 71;
}

.rectangle-1d {
  position: relative;
  width: 158px;
  height: 9px;
  margin: 21px 0 0 13px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-24/57ZmNeEOqK.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 77;
}

.rectangle-1e {
  position: relative;
  width: 143px;
  height: 9px;
  margin: 8px 0 0 13px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/2e28a4a7-6f6c-461e-b63a-c66d1be1e3cc.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 79;
}

.image-1f {
  position: absolute;
  width: 33.04%;
  height: 80.58%;
  top: 13.11%;
  left: 5.06%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/58b855c0-a180-4f20-9b27-9cb62a7d5263.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 73;
}

.mask-group-20 {
  position: relative;
  width: 208px;
  height: 153px;
  margin: 51px 0 0 7px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/f204bf4f-7672-43df-9b31-52eb39b46308.png) no-repeat center;
  background-size: cover;
  z-index: 81;
}

.yoga {
  display: block;
  position: relative;
  height: 25px;
  margin: 23px 0 0 6px;
  color: #565657;
  font-family: Circular Std, var(--default-font-family);
  font-size: 20px;
  font-weight: 450;
  line-height: 25px;
  text-align: left;
  white-space: nowrap;
  z-index: 70;
}

.rectangle-21 {
  position: relative;
  width: 158px;
  height: 9px;
  margin: 21px 0 0 6px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-24/YAKrfge0mq.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 76;
}

.rectangle-22 {
  position: relative;
  width: 143px;
  height: 9px;
  margin: 8px 0 0 6px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-24/OEQWOPeuLc.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 78;
}

.group-23 {
  position: absolute;
  width: 325.476px;
  height: 49.58px;
  top: 236px;
  left: 913.999px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-24/q2NqbN3s8V.png) no-repeat center;
  background-size: cover;
  z-index: 100;
  overflow: hidden;
}

.appointment-booking-widget {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 693px;
  height: 14.07%;
  top: 42.22%;
  left: 56.9%;
  color: #565657;
  font-family: Roboto, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 28.125px;
  text-align: left;
  text-overflow: initial;
  letter-spacing: 0.24px;
  z-index: 101;
  overflow: hidden;
}

.ellipse-24 {
  position: absolute;
  width: 73px;
  height: 73px;
  top: 440px;
  left: 958px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/3dc9cd56-1de5-4188-9021-a3ec66a40dab.png) no-repeat center;
  background-size: cover;
  z-index: 108;
  border-radius: 50%;
}

.quotation {
  position: absolute;
  width: 44px;
  height: 43px;
  top: 455px;
  left: 972px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/714eefc3-71ff-426c-8151-81ce9bc249df.png) no-repeat center;
  background-size: cover;
  z-index: 109;
  overflow: hidden;
}

.rectangle-25 {
  position: absolute;
  width: 540px;
  height: 257px;
  top: 477px;
  left: 913px;
  background: #e6f6f5;
  z-index: 104;
  border-radius: 20px;
}

.team-feedback {
  position: absolute;
  width: 65.93%;
  height: 46.3%;
  top: 26.46%;
  left: 12.96%;
  font-family: Roboto, var(--default-font-family);
  font-size: 22px;
  font-weight: 400;
  line-height: 25.781px;
  text-align: left;
  letter-spacing: 0.22px;
  z-index: 106;
}

.team-feedback-26 {
  position: relative;
  color: #0e0e0e;
  font-family: Roboto, var(--default-font-family);
  font-size: 22px;
  font-weight: 400;
  line-height: 26.4px;
  text-align: left;
  letter-spacing: 0.22px;
}

.line-break {
  position: relative;
  color: #0e0e0e;
  font-family: Roboto, var(--default-font-family);
  font-size: 22px;
  font-weight: 500;
  line-height: 26.4px;
  text-align: left;
  letter-spacing: 0.22px;
}

.product-manager {
  position: absolute;
  width: 295px;
  height: 57px;
  top: 153px;
  left: 70px;
  font-family: Roboto, var(--default-font-family);
  font-size: 22px;
  font-weight: 500;
  line-height: 25.781px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  letter-spacing: 0.22px;
  z-index: 107;
}

.micle-duke {
  position: relative;
  color: #0e0e0e;
  font-family: Roboto, var(--default-font-family);
  font-size: 22px;
  font-weight: 500;
  line-height: 26.4px;
  text-align: left;
  letter-spacing: 0.22px;
}

.space {
  position: relative;
  color: #2c2c2c;
  font-family: Roboto, var(--default-font-family);
  font-size: 22px;
  font-weight: 400;
  line-height: 26.4px;
  text-align: left;
  letter-spacing: 0.22px;
}

.product {
  position: relative;
  color: #565657;
  font-family: Roboto, var(--default-font-family);
  font-size: 22px;
  font-weight: 400;
  line-height: 26.4px;
  text-align: left;
  letter-spacing: 0.22px;
}

.space-27 {
  position: relative;
  color: #2c2c2c;
  font-family: Roboto, var(--default-font-family);
  font-size: 22px;
  font-weight: 400;
  line-height: 26.4px;
  text-align: left;
  letter-spacing: 0.22px;
}

.product-28 {
  position: relative;
  color: #565657;
  font-family: Roboto, var(--default-font-family);
  font-size: 22px;
  font-weight: 400;
  line-height: 26.4px;
  text-align: left;
  letter-spacing: 0.22px;
}

.rectangle-29 {
  position: absolute;
  width: 21.02%;
  height: 26.66%;
  top: 66.98%;
  left: 8.4%;
  font-size: 0px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/73411242-e200-44f7-ae4e-9cf6906af8db.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 93;
}

.appointment-booked {
  display: block;
  position: relative;
  height: 23px;
  margin: 34px 0 0 28px;
  color: #0e0e0e;
  font-family: Roboto, var(--default-font-family);
  font-size: 20px;
  font-weight: 500;
  line-height: 23px;
  text-align: left;
  white-space: nowrap;
  z-index: 95;
}

.appointment-details {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 290px;
  height: 63px;
  margin: 21px 0 0 28px;
  color: #0e0e0e;
  font-family: Roboto, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 21.094px;
  text-align: left;
  z-index: 96;
}

.union-2a {
  position: absolute;
  width: 9.09%;
  height: 18.29%;
  top: 81.71%;
  left: 3.84%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-24/3OTW5xZYS2.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 80;
}

.group-2b {
  position: absolute;
  width: 4.66%;
  height: 10.15%;
  top: 85.79%;
  left: 26.74%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-24/iha7H0oJgO.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 97;
}

.flex-row {
  position: relative;
  width: 1920px;
  height: 876px;
  margin: 199.019px 0 0 0;
  z-index: 539;
}

.regroup {
  position: absolute;
  width: 22.24%;
  height: 100%;
  top: 0;
  left: 64.43%;
  z-index: 539;
}

.path-2c {
  position: absolute;
  width: 58.79%;
  height: 64.95%;
  top: -0.06%;
  left: 42.38%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-24/BCO14aQXYL.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 539;
}

.path-2d {
  position: absolute;
  width: 41.7%;
  height: 64.83%;
  top: 0.58%;
  left: -0.42%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-24/y56tvBDpiK.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 538;
}

.rectangle-2e {
  position: absolute;
  width: 100%;
  height: 98.74%;
  top: 1.26%;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/c42531bb-e79e-4e03-b11c-e57da59c6d76.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 534;
}

.rectangle-2f {
  position: absolute;
  width: 100%;
  height: 62.89%;
  top: 0;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/013e39bf-e869-4276-8cf0-9d8aff525988.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 535;
}

.flex-row-30 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 1623px;
  height: 136px;
  margin: 121px 0 0 150px;
  z-index: 607;
}

.business-segment {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  width: 823px;
  height: 136px;
  color: #ffffff;
  font-family: Roboto, var(--default-font-family);
  font-size: 58px;
  font-weight: 500;
  line-height: 67.969px;
  text-align: left;
  text-overflow: initial;
  z-index: 536;
  overflow: hidden;
}

.regroup-31 {
  flex-shrink: 0;
  position: relative;
  width: 162px;
  height: 136px;
  z-index: 607;
}

.group-32 {
  position: absolute;
  width: 43.83%;
  height: 52.21%;
  top: 47.06%;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/a252180a-1d6a-43fe-a11c-7058f86ceebd.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 607;
}

.group-33 {
  position: absolute;
  width: 43.83%;
  height: 52.21%;
  top: 47.06%;
  left: 56.17%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/5cf701bb-93f5-41db-8d5f-9d19485dad69.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 606;
}

.industries-include {
  display: block;
  position: relative;
  height: 35px;
  margin: 39.337px 0 0 150px;
  color: #ffffff;
  font-family: Roboto, var(--default-font-family);
  font-size: 30px;
  font-weight: 400;
  line-height: 35px;
  text-align: left;
  white-space: nowrap;
  z-index: 537;
}

.frame {
  position: absolute;
  width: 1920px;
  height: 420px;
  top: 385px;
  left: 0;
  z-index: 541;
  overflow: hidden;
}

.st {
  position: absolute;
  width: 419px;
  height: 379px;
  top: 0;
  left: 160px;
  z-index: 542;
}

.group-34 {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 543;
}

.image-35 {
  position: absolute;
  width: 35.08%;
  height: 35.88%;
  top: 0;
  left: 64.92%;
  z-index: 549;
}

.group-36 {
  position: absolute;
  width: 90.93%;
  height: 90.5%;
  top: 9.5%;
  left: 0;
  z-index: 544;
}

.basketball-ball {
  position: relative;
  width: 66.006px;
  height: 65.978px;
  margin: 30.002px 0 0 40.002px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/9d33be08-8151-418b-8f25-f049886baf7b.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 547;
}

.sport {
  display: block;
  position: relative;
  height: 33px;
  margin: 26.12px 0 0 40px;
  color: #0e0e0e;
  font-family: Roboto, var(--default-font-family);
  font-size: 28px;
  font-weight: 500;
  line-height: 32.813px;
  text-align: left;
  white-space: nowrap;
  z-index: 546;
}

.fitness-classes {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 318px;
  height: 84px;
  margin: 20.9px 0 0 40px;
  color: #747373;
  font-family: Roboto, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: left;
  text-overflow: initial;
  z-index: 548;
  overflow: hidden;
}

.group-37 {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/b5a667a7-8b26-4434-89a2-4d97c0fb6ffc.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 545;
}

.frame-38 {
  position: absolute;
  width: 381px;
  height: 343px;
  top: 36px;
  left: 568px;
  z-index: 550;
}

.group-39 {
  position: relative;
  width: 381px;
  height: 343px;
  margin: 0 0 0 0;
  z-index: 551;
  overflow: visible auto;
}

.file {
  position: relative;
  width: 46.159px;
  height: 58.251px;
  margin: 31.956px 0 0 40px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/9ae69165-fc94-417a-b313-b6f503632373.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 557;
}

.group-3a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  font-size: 0px;
  z-index: 552;
}

.officials {
  display: block;
  position: relative;
  height: 33px;
  margin: 122.1px 0 0 40px;
  color: #0e0e0e;
  font-family: Roboto, var(--default-font-family);
  font-size: 28px;
  font-weight: 500;
  line-height: 32.813px;
  text-align: left;
  white-space: nowrap;
  z-index: 555;
}

.services {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 286px;
  height: 112px;
  margin: 20.9px 0 0 40px;
  color: #747373;
  font-family: Roboto, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: left;
  text-overflow: initial;
  z-index: 556;
  overflow: hidden;
}

.group-3b {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 553;
}

.rectangle-3c {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/4d16252e-10f0-4721-bf24-c0a4695671dc.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 554;
}

.frame-3d {
  position: absolute;
  width: 381px;
  height: 343px;
  top: 36px;
  left: 976px;
  z-index: 558;
}

.group-3e {
  position: relative;
  width: 381px;
  height: 343px;
  margin: 0 0 0 0;
  z-index: 559;
  overflow: visible auto;
}

.woman-hair {
  position: relative;
  width: 74.545px;
  height: 69.44px;
  margin: 27.006px 0 0 40px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/32b91818-6654-4a69-93cb-08fbeb07f67c.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 565;
}

.beauty-wellness {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  font-size: 0px;
  z-index: 560;
}

.hair-salons {
  display: block;
  position: relative;
  height: 33px;
  margin: 122.1px 0 0 40px;
  color: #0e0e0e;
  font-family: Roboto, var(--default-font-family);
  font-size: 28px;
  font-weight: 500;
  line-height: 32.813px;
  text-align: left;
  white-space: nowrap;
  z-index: 563;
}

.salons {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 294px;
  height: 84px;
  margin: 20.9px 0 0 40px;
  color: #747373;
  font-family: Roboto, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: left;
  text-overflow: initial;
  z-index: 564;
  overflow: hidden;
}

.group-3f {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 561;
}

.rectangle-40 {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/3b2bc55e-0543-41b3-a4aa-844960c34546.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 562;
}

.frame-41 {
  position: absolute;
  width: 381px;
  height: 343px;
  top: 36px;
  left: 1384px;
  z-index: 566;
}

.group-42 {
  position: relative;
  width: 381px;
  height: 343px;
  margin: 0 0 0 0;
  z-index: 567;
  overflow: visible auto;
}

.party {
  position: relative;
  width: 70.613px;
  height: 72.031px;
  margin: 23.994px 0 0 40.002px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/8671e02a-e0bf-4d7d-938b-ce1cb4124d1a.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 573;
}

.events-entertainment {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  font-size: 0px;
  z-index: 568;
}

.photographers {
  display: block;
  position: relative;
  height: 33px;
  margin: 122.1px 0 0 40px;
  color: #0e0e0e;
  font-family: Roboto, var(--default-font-family);
  font-size: 28px;
  font-weight: 500;
  line-height: 32.813px;
  text-align: left;
  white-space: nowrap;
  z-index: 571;
}

.meeting-rooms {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 306px;
  height: 112px;
  margin: 20.9px 0 0 40px;
  color: #747373;
  font-family: Roboto, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: left;
  text-overflow: initial;
  z-index: 572;
  overflow: hidden;
}

.group-43 {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 569;
}

.rectangle-44 {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/51d18e07-05d7-4149-9120-2aef3686fcbc.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 570;
}

.frame-45 {
  position: absolute;
  width: 381px;
  height: 343.213px;
  top: 36px;
  left: 1792px;
  z-index: 574;
}

.group-46 {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 575;
}

.college-graduation {
  position: relative;
  width: 71.031px;
  height: 57.977px;
  margin: 34.059px 0 0 40px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/615ff09c-3e6a-4d0f-86c3-59dce0d52f1f.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 581;
}

.education {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  font-size: 0px;
  z-index: 576;
}

.schools {
  display: block;
  position: relative;
  height: 33px;
  margin: 122.313px 0 0 40px;
  color: #0e0e0e;
  font-family: Roboto, var(--default-font-family);
  font-size: 28px;
  font-weight: 500;
  line-height: 32.813px;
  text-align: left;
  white-space: nowrap;
  z-index: 579;
}

.educational-events {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 279px;
  height: 112px;
  margin: 20.9px 0 0 40px;
  color: #747373;
  font-family: Roboto, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: left;
  text-overflow: initial;
  z-index: 580;
  overflow: hidden;
}

.group-47 {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 577;
}

.rectangle-48 {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/21dd983d-dbed-4f23-b47b-968a57b80cd8.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 578;
}

.frame-49 {
  position: absolute;
  width: 381px;
  height: 343.213px;
  top: 36px;
  left: 2604px;
  z-index: 582;
}

.group-4a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 583;
}

.hand-shake {
  position: relative;
  width: 73.345px;
  height: 53.012px;
  margin: 41.859px 0 0 40px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/1c5dac9b-b727-43ab-a0af-ad2cd05ce0e7.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 589;
}

.group-4b {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  font-size: 0px;
  z-index: 584;
}

.personal-meetings {
  display: block;
  position: relative;
  height: 33px;
  margin: 122.313px 0 0 40px;
  color: #0e0e0e;
  font-family: Roboto, var(--default-font-family);
  font-size: 28px;
  font-weight: 500;
  line-height: 32.813px;
  text-align: left;
  white-space: nowrap;
  z-index: 587;
}

.counselling-coaching-business {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 263px;
  height: 112px;
  margin: 20.9px 0 0 40px;
  color: #747373;
  font-family: Roboto, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: left;
  text-overflow: initial;
  z-index: 588;
  overflow: hidden;
}

.group-4c {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 585;
}

.rectangle-4d {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/32c4843a-6f0f-458c-b162-f6a2901bb6c6.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 586;
}

.frame-4e {
  position: absolute;
  width: 381px;
  height: 343.213px;
  top: 36px;
  left: 2196px;
  z-index: 590;
}

.group-4f {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 591;
}

.cardiogram {
  position: relative;
  width: 68.739px;
  height: 62.024px;
  margin: 34.214px 0 0 39.998px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/b35f2719-b2d9-4008-8299-1fd53aee83ca.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 597;
}

.group-50 {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  font-size: 0px;
  z-index: 592;
}

.medical-services {
  display: block;
  position: relative;
  height: 33px;
  margin: 122.313px 0 0 40px;
  color: #0e0e0e;
  font-family: Roboto, var(--default-font-family);
  font-size: 28px;
  font-weight: 500;
  line-height: 32.813px;
  text-align: left;
  white-space: nowrap;
  z-index: 595;
}

.massage-body-treatments {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 275px;
  height: 112px;
  margin: 20.9px 0 0 40px;
  color: #747373;
  font-family: Roboto, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: left;
  text-overflow: initial;
  z-index: 596;
  overflow: hidden;
}

.group-51 {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 593;
}

.rectangle-52 {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/5477c340-a05d-49a8-ab44-c64101cbe058.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 594;
}

.last {
  position: absolute;
  width: 381px;
  height: 343.213px;
  top: 36px;
  left: 3012px;
  z-index: 598;
}

.group-53 {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 599;
}

.steering-wheel {
  position: relative;
  width: 66px;
  height: 66px;
  margin: 30.213px 0 0 40px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/a0d73ac5-0827-417a-adfe-a491688786b1.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 605;
}

.group-54 {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  font-size: 0px;
  z-index: 600;
}

.driving-lessons {
  display: block;
  position: relative;
  height: 33px;
  margin: 122.313px 0 0 40px;
  color: #0e0e0e;
  font-family: Roboto, var(--default-font-family);
  font-size: 28px;
  font-weight: 500;
  line-height: 32.813px;
  text-align: left;
  white-space: nowrap;
  z-index: 603;
}

.driving-schools {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 214px;
  height: 56px;
  margin: 20.9px 0 0 40px;
  color: #747373;
  font-family: Roboto, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: left;
  text-overflow: initial;
  z-index: 604;
  overflow: hidden;
}

.group-55 {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 601;
}

.rectangle-56 {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/d4f03cad-932e-41a8-a7f3-518e266636ce.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 602;
}

.vector {
  position: relative;
  width: 1920px;
  height: 82.96px;
  margin: 0 0 0 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-24/6Bmt9vbRzt.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 533;
}

.flex-row-ef {
  position: relative;
  width: 1620.189px;
  height: 786.965px;
  margin: 150.04px 0 0 150px;
  z-index: 155;
}

.group-57 {
  position: absolute;
  width: 940.189px;
  height: 786.965px;
  top: 0;
  left: 680px;
  z-index: 111;
  overflow: hidden;
}

.group-58 {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0%;
  z-index: 112;
}

.points-bg-59 {
  display: flex;
  align-items: flex-start;
  position: absolute;
  width: 30.31%;
  height: 31%;
  top: 0;
  left: 37.14%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/a0b7da48-141e-4095-9e59-5330453b18aa.png) no-repeat center;
  background-size: 100% 100%;
  z-index: -Infinity;
}

.flex-row-ee {
  position: absolute;
  width: 100%;
  height: 92.12%;
  top: 7.88%;
  left: 0%;
  z-index: 145;
}

.group-5a {
  position: absolute;
  width: 33.08%;
  height: 51.59%;
  top: 0;
  left: 49.48%;
  z-index: 124;
}

.mask-group-5b {
  position: relative;
  width: 115px;
  height: 124px;
  margin: 25px 0 0 99px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/8b3b33f0-afb9-4f8f-a656-7d2971d3dac4.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 135;
}

.hair-styling {
  display: block;
  position: relative;
  height: 30px;
  margin: 13px 0 0 90px;
  color: #0e0e0e;
  font-family: Circular Std, var(--default-font-family);
  font-size: 24px;
  font-weight: 450;
  line-height: 30px;
  text-align: left;
  white-space: nowrap;
  z-index: 127;
}

.line {
  position: relative;
  width: 242px;
  height: 0.5px;
  margin: 18.25px 0 0 34.5px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-24/eTmEGQUvC3.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 131;
}

.group-5c {
  position: relative;
  width: 248px;
  height: 25px;
  margin: 18.25px 0 0 32px;
  z-index: 128;
}

.duration-min {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  color: #565657;
  font-family: Circular Std, var(--default-font-family);
  font-size: 20px;
  font-weight: 450;
  line-height: 25px;
  text-align: left;
  white-space: nowrap;
  z-index: 129;
}

.rs {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 100%;
  top: 0;
  left: 72.58%;
  color: #565657;
  font-family: Circular Std, var(--default-font-family);
  font-size: 20px;
  font-weight: 450;
  line-height: 25px;
  text-align: left;
  white-space: nowrap;
  z-index: 130;
}

.group-5d {
  position: relative;
  width: 159px;
  height: 45px;
  margin: 38px 0 0 76px;
  font-size: 0px;
  z-index: 132;
  overflow: visible auto;
}

.book-now {
  display: block;
  position: relative;
  height: 25px;
  margin: 9px 0 0 33px;
  color: #ffffff;
  font-family: Circular Std, var(--default-font-family);
  font-size: 20px;
  font-weight: 450;
  line-height: 25px;
  text-align: left;
  white-space: nowrap;
  z-index: 134;
}

.rectangle-5e {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/de207f33-5ca3-4e6e-8274-5307ef670a80.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 133;
}

.group-5f {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 125;
}

.rectangle-60 {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/e9261f16-4fb0-4c92-8631-824257ec1ef9.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 126;
}

.group-61 {
  position: absolute;
  width: 20.87%;
  height: 20.57%;
  top: 0.54%;
  left: 34.53%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/090a32e3-b5a0-4ee7-9a9a-ba1c39e1a775.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 145;
}

.group-62 {
  position: absolute;
  width: 23.15%;
  height: 5.1%;
  top: 25.79%;
  left: 24.06%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/3e3a72d8-c203-4163-ad40-eaa6e32c5f11.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 144;
}

.group-63 {
  position: absolute;
  width: 71.47%;
  height: 56.83%;
  top: 36.41%;
  left: 7.57%;
  z-index: 116;
}

.rectangle-64 {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/5505a828-b9d0-4a51-906a-3223c16518de.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 117;
}

.rectangle-65 {
  position: absolute;
  width: 71.47%;
  height: 9.1%;
  top: 36.41%;
  left: 7.57%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/5b98729f-d52e-4e8d-942e-c408aad27132.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 118;
}

.group-66 {
  position: absolute;
  width: 7.13%;
  height: 2.34%;
  top: 39.86%;
  left: 10.34%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/973d711f-8d20-407a-97a5-01539583952f.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 143;
}

.salon {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 5.24%;
  top: 50.35%;
  left: 11.51%;
  color: #0e0e0e;
  font-family: Circular Std, var(--default-font-family);
  font-size: 30px;
  font-weight: 450;
  line-height: 37.95px;
  text-align: left;
  white-space: nowrap;
  z-index: 119;
}

.group-67 {
  position: absolute;
  width: 7.98%;
  height: 10.35%;
  top: 53.93%;
  left: 92.02%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/2513feb6-667d-4f65-8584-be46abcacfef.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 142;
}

.group-68 {
  position: absolute;
  width: 35.95%;
  height: 29.66%;
  top: 56.69%;
  left: 61.07%;
  z-index: 136;
}

.group-69 {
  position: relative;
  width: 272px;
  height: 107px;
  margin: 47px 0 0 33px;
  font-size: 0px;
  z-index: 139;
  overflow: visible auto;
}

.new-appointment-booked {
  display: block;
  position: relative;
  height: 23px;
  margin: 0 0 0 0;
  color: #0e0e0e;
  font-family: Roboto, var(--default-font-family);
  font-size: 20px;
  font-weight: 500;
  line-height: 23px;
  text-align: left;
  white-space: nowrap;
  z-index: 140;
}

.monica-karla-scheduled {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 272px;
  height: 63px;
  margin: 21px 0 0 0;
  color: #0e0e0e;
  font-family: Roboto, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 21.094px;
  text-align: left;
  z-index: 141;
}

.group-6a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 137;
}

.rectangle-6b {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/65b59372-b7ea-4a29-b62e-3f98fe159083.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 138;
}

.mask-group-6c {
  position: absolute;
  width: 30.59%;
  height: 24.83%;
  top: 57.66%;
  left: 30.48%;
  z-index: 122;
}

.image-6d {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/6ce2671f-78b9-488b-82b8-1a45aa9036ab.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 123;
}

.union-6e {
  position: absolute;
  width: 15.55%;
  height: 18.65%;
  top: 81.35%;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/1a4505f0-952a-4b50-a6d3-19245c87da6f.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 113;
}

.haircut {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 3.45%;
  top: 83.04%;
  left: 11.51%;
  color: #565657;
  font-family: Circular Std, var(--default-font-family);
  font-size: 20px;
  font-weight: 450;
  line-height: 25px;
  text-align: left;
  white-space: nowrap;
  z-index: 120;
}

.hair-spa {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 3.45%;
  top: 83.04%;
  left: 35.76%;
  color: #565657;
  font-family: Circular Std, var(--default-font-family);
  font-size: 20px;
  font-weight: 450;
  line-height: 25px;
  text-align: left;
  white-space: nowrap;
  z-index: 121;
}

.union-6f {
  position: absolute;
  width: 12.27%;
  height: 16.5%;
  top: 37.67%;
  left: 79.07%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/25b06f80-1de0-48ce-b3e7-6c6200350c6f.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 114;
}

.mask-group-70 {
  position: absolute;
  width: 11.7%;
  height: 13.98%;
  top: 11.94%;
  left: 60.2%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/1418e0d7-5e05-425f-b8c2-7564637cd5b2.png) no-repeat center;
  background-size: cover;
  z-index: 146;
}

.mask-group-71 {
  position: absolute;
  width: 22.97%;
  height: 20.2%;
  top: 61.88%;
  left: 11.49%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/8ddb1002-94d4-4c31-aa16-70d4c21836be.png) no-repeat center;
  background-size: cover;
  z-index: 147;
}

.mask-group-72 {
  position: absolute;
  width: 22.97%;
  height: 20.2%;
  top: 61.88%;
  left: 35.74%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/de967e42-730a-443e-9fa9-a731d31386f3.png) no-repeat center;
  background-size: cover;
  z-index: 148;
}

.magnet {
  position: absolute;
  width: 92px;
  height: 92px;
  top: 86px;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-24/NNJyteyQm8.png) no-repeat center;
  background-size: cover;
  z-index: 155;
  overflow: hidden;
}

.drive-more-sales {
  position: absolute;
  width: 29.19%;
  height: 31.51%;
  top: 25.16%;
  left: 0;
  font-family: Roboto, var(--default-font-family);
  font-size: 55px;
  font-weight: 900;
  line-height: 62px;
  text-align: left;
  z-index: 152;
}

.drive-more-sales-73 {
  position: relative;
  color: #00a89c;
  font-family: Roboto, var(--default-font-family);
  font-size: 55px;
  font-weight: 900;
  line-height: 62px;
  text-align: left;
}

.attracting-new-customers-online {
  position: relative;
  color: #0e0e0e;
  font-family: Roboto, var(--default-font-family);
  font-size: 55px;
  font-weight: 900;
  line-height: 62px;
  text-align: left;
}

.group-74 {
  position: absolute;
  width: 325.476px;
  height: 49.58px;
  top: 383px;
  left: 0.26px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-24/eoDF5iu9Pq.png) no-repeat center;
  background-size: cover;
  z-index: 150;
  overflow: hidden;
}

.with-the-help {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 489px;
  height: 18.04%;
  top: 57.44%;
  left: 0;
  color: #565657;
  font-family: Roboto, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 28.125px;
  text-align: left;
  letter-spacing: 0.24px;
  z-index: 151;
}

.create-a-job {
  position: absolute;
  width: 32px;
  height: 32px;
  top: 634px;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-24/iQj6mt66XY.png) no-repeat center;
  background-size: cover;
  z-index: 154;
  overflow: hidden;
}

.flex-row-f {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 419px;
  height: 8.39%;
  top: 80.56%;
  left: 3.52%;
  color: #0e0e0e;
  font-family: Roboto, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 28.125px;
  text-align: left;
  text-overflow: initial;
  letter-spacing: 0.24px;
  z-index: 153;
  overflow: hidden;
}

.group-75 {
  position: relative;
  width: 1681px;
  height: 659px;
  margin: 256.035px 0 0 90px;
  z-index: 503;
}

.group-76 {
  position: absolute;
  width: 887px;
  height: 659px;
  top: 0;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/1301d5a7-18f9-4e8d-aa05-d59d83dae2f7.png) no-repeat center;
  background-size: cover;
  z-index: 163;
}

.manage-your-users {
  position: absolute;
  width: 4.42%;
  height: 13.35%;
  top: 14.42%;
  left: 57.82%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-24/e0zC70ctgm.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 503;
}

.manage {
  position: absolute;
  width: 501px;
  height: 18.82%;
  top: 30.2%;
  left: 57.82%;
  font-family: Roboto, var(--default-font-family);
  font-size: 55px;
  font-weight: 900;
  line-height: 62px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 502;
}

.your-users {
  position: relative;
  color: #00a89c;
  font-family: Roboto, var(--default-font-family);
  font-size: 55px;
  font-weight: 900;
  line-height: 62px;
  text-align: left;
}

.group-77 {
  position: relative;
  color: #0e0e0e;
  font-family: Roboto, var(--default-font-family);
  font-size: 55px;
  font-weight: 900;
  line-height: 62px;
  text-align: left;
}

.pic-33 {
  position: absolute;
  width: 325.476px;
  height: 49.58px;
  top: 316px;
  left: 972.265px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-24/o5oBOQ8a2P.png) no-repeat center;
  background-size: cover;
  z-index: 500;
  overflow: hidden;
}

.manage-services {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 709px;
  height: 27.31%;
  top: 58.27%;
  left: 57.82%;
  color: #565657;
  font-family: Roboto, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 28.125px;
  text-align: left;
  letter-spacing: 0.24px;
  z-index: 501;
}

.flex-row-d {
  position: relative;
  width: 1672.005px;
  height: 655px;
  margin: 293px 0 0 149.995px;
  z-index: 186;
}

.group-78 {
  position: absolute;
  width: 923px;
  height: 655px;
  top: 0;
  left: 749.005px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/b4b44c98-05f8-427d-97d4-59822ee953f1.png) no-repeat center;
  background-size: cover;
  z-index: 165;
}

.group-79 {
  position: absolute;
  width: 5.02%;
  height: 12.82%;
  top: 5.65%;
  left: 0%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-24/nnubw0sxzv.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 171;
}

.customizable-design {
  position: absolute;
  width: 526px;
  height: 9.47%;
  top: 21.98%;
  left: 0.06%;
  font-family: Roboto, var(--default-font-family);
  font-size: 55px;
  font-weight: 900;
  line-height: 62px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 170;
}

.customizable {
  position: relative;
  color: #00a89c;
  font-family: Roboto, var(--default-font-family);
  font-size: 55px;
  font-weight: 900;
  line-height: 62px;
  text-align: left;
}

.design {
  position: relative;
  color: #0e0e0e;
  font-family: Roboto, var(--default-font-family);
  font-size: 55px;
  font-weight: 900;
  line-height: 62px;
  text-align: left;
}

.group-7a {
  position: absolute;
  width: 325.476px;
  height: 49.58px;
  top: 201px;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/60c5f5fb-1696-479f-85b3-80c1fe935228.png) no-repeat center;
  background-size: cover;
  z-index: 168;
  overflow: hidden;
}

.design-interface {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 580px;
  height: 21.68%;
  top: 42.9%;
  left: 0.18%;
  color: #565657;
  font-family: Roboto, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 28.125px;
  text-align: left;
  letter-spacing: 0.24px;
  z-index: 169;
}

.rectangle-7b {
  position: absolute;
  width: 193px;
  height: 68px;
  top: 463px;
  left: 0px;
  background: #fff7d9;
  z-index: 174;
  border-radius: 8px;
}

.choose-color {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 38.24%;
  top: 30.88%;
  left: 14.51%;
  color: #00a89c;
  font-family: Roboto, var(--default-font-family);
  font-size: 22px;
  font-weight: 400;
  line-height: 25.781px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: 0.22px;
  z-index: 175;
}

.rectangle-7c {
  position: absolute;
  width: 193px;
  height: 68px;
  top: 463px;
  left: 215.005px;
  background: #fff7d9;
  z-index: 180;
  border-radius: 8px;
}

.choose-font {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 38.24%;
  top: 30.88%;
  left: 16.58%;
  color: #00a89c;
  font-family: Roboto, var(--default-font-family);
  font-size: 22px;
  font-weight: 400;
  line-height: 25.781px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: 0.22px;
  z-index: 181;
}

.rectangle-7d {
  position: absolute;
  width: 193px;
  height: 68px;
  top: 463px;
  left: 428.005px;
  background: #fff7d9;
  z-index: 186;
  border-radius: 8px;
}

.lorem-theme {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 38.24%;
  top: 30.88%;
  left: 13.99%;
  color: #00a89c;
  font-family: Roboto, var(--default-font-family);
  font-size: 22px;
  font-weight: 400;
  line-height: 25.781px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: 0.22px;
  z-index: 187;
}

.rectangle-7e {
  position: absolute;
  width: 193px;
  height: 68px;
  top: 551px;
  left: 0px;
  background: #fff7d9;
  z-index: 177;
  border-radius: 8px;
}

.change-image {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 38.24%;
  top: 30.88%;
  left: 14.51%;
  color: #00a89c;
  font-family: Roboto, var(--default-font-family);
  font-size: 22px;
  font-weight: 400;
  line-height: 25.781px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: 0.22px;
  z-index: 178;
}

.rectangle-7f {
  position: absolute;
  width: 193px;
  height: 68px;
  top: 551px;
  left: 215.005px;
  background: #fff7d9;
  z-index: 183;
  border-radius: 8px;
}

.your-branding {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 38.24%;
  top: 30.88%;
  left: 12.95%;
  color: #00a89c;
  font-family: Roboto, var(--default-font-family);
  font-size: 22px;
  font-weight: 400;
  line-height: 25.781px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: 0.22px;
  z-index: 184;
}

.flex-row-b {
  position: relative;
  width: 1596px;
  height: 826px;
  margin: 179px 0 0 152px;
  z-index: 193;
}

.group-80 {
  position: absolute;
  width: 720px;
  height: 826px;
  top: 0;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/3c7eba23-182d-480a-840c-2ac14a3c180a.png) no-repeat center;
  background-size: cover;
  z-index: 193;
}

.chat {
  position: absolute;
  width: 5.39%;
  height: 10.41%;
  top: 19.13%;
  left: 57.02%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-24/CgSHEMXVp5.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 192;
  overflow: hidden;
}

.be-there-clients {
  position: absolute;
  width: 462px;
  height: 15.01%;
  top: 31.96%;
  left: 57.02%;
  font-family: Roboto, var(--default-font-family);
  font-size: 55px;
  font-weight: 900;
  line-height: 62px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 191;
}

.be-there {
  position: relative;
  color: #00a89c;
  font-family: Roboto, var(--default-font-family);
  font-size: 55px;
  font-weight: 900;
  line-height: 62px;
  text-align: left;
}

.for-clients {
  position: relative;
  color: #0e0e0e;
  font-family: Roboto, var(--default-font-family);
  font-size: 55px;
  font-weight: 900;
  line-height: 62px;
  text-align: left;
}

.group-81 {
  position: absolute;
  width: 325.476px;
  height: 49.58px;
  top: 387px;
  left: 915.265px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-24/mkfUpDBRjJ.png) no-repeat center;
  background-size: cover;
  z-index: 189;
  overflow: hidden;
}

.respond-customers {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 681px;
  height: 21.79%;
  top: 54.6%;
  left: 57.33%;
  color: #565657;
  font-family: Roboto, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 28.125px;
  text-align: left;
  letter-spacing: 0.24px;
  z-index: 190;
}

.flex-row-be {
  position: relative;
  width: 1684px;
  height: 813px;
  margin: 214px 0 0 154px;
  z-index: 206;
}

.conversation {
  position: absolute;
  width: 88px;
  height: 88px;
  top: 0;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-24/58pAeef0sp.png) no-repeat center;
  background-size: cover;
  z-index: 199;
  overflow: hidden;
}

.group-82 {
  position: absolute;
  width: 912px;
  height: 742px;
  top: 36px;
  left: 772px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/5733a737-d452-4ae7-950a-b633a5d2e6dc.png) no-repeat center;
  background-size: cover;
  z-index: 194;
}

.customer-communications {
  position: absolute;
  width: 422px;
  height: 15.25%;
  top: 13.28%;
  left: 0;
  font-family: Roboto, var(--default-font-family);
  font-size: 55px;
  font-weight: 900;
  line-height: 62px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 198;
}

.customer-83 {
  position: relative;
  color: #00a89c;
  font-family: Roboto, var(--default-font-family);
  font-size: 55px;
  font-weight: 900;
  line-height: 62px;
  text-align: left;
}

.communications {
  position: relative;
  color: #0e0e0e;
  font-family: Roboto, var(--default-font-family);
  font-size: 55px;
  font-weight: 900;
  line-height: 62px;
  text-align: left;
}

.group-84 {
  position: absolute;
  width: 325.476px;
  height: 49.58px;
  top: 231px;
  left: 0.26px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-24/GkCOuzoA8Y.png) no-repeat center;
  background-size: cover;
  z-index: 196;
  overflow: hidden;
}

.placeholder-text {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 613px;
  height: 22.14%;
  top: 36.78%;
  left: 0;
  color: #565657;
  font-family: Roboto, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 28.125px;
  text-align: left;
  letter-spacing: 0.24px;
  z-index: 197;
}

.ellipse-85 {
  position: absolute;
  width: 73px;
  height: 73px;
  top: 519px;
  left: 45px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/85155e38-c44d-43a4-bcf1-84de5b7a8ad4.png) no-repeat center;
  background-size: cover;
  z-index: 205;
  border-radius: 50%;
}

.quotation-86 {
  position: absolute;
  width: 44px;
  height: 43px;
  top: 534px;
  left: 59px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/6e969dad-6cb1-4b0b-a1cf-763af7af1022.png) no-repeat center;
  background-size: cover;
  z-index: 206;
  overflow: hidden;
}

.rectangle-87 {
  position: absolute;
  width: 540px;
  height: 257px;
  top: 556px;
  left: 0;
  background: #e6f6f5;
  z-index: 201;
  border-radius: 20px;
}

.team-feedback-88 {
  position: absolute;
  width: 67.04%;
  height: 46.3%;
  top: 26.46%;
  left: 12.96%;
  font-family: Roboto, var(--default-font-family);
  font-size: 22px;
  font-weight: 400;
  line-height: 25.781px;
  text-align: left;
  letter-spacing: 0.22px;
  z-index: 203;
}

.team-feedback-text {
  position: relative;
  color: #0e0e0e;
  font-family: Roboto, var(--default-font-family);
  font-size: 22px;
  font-weight: 400;
  line-height: 26.4px;
  text-align: left;
  letter-spacing: 0.22px;
}

.team-feedback-author {
  position: relative;
  color: #0e0e0e;
  font-family: Roboto, var(--default-font-family);
  font-size: 22px;
  font-weight: 500;
  line-height: 26.4px;
  text-align: left;
  letter-spacing: 0.22px;
}

.team-feedback-author-name {
  position: absolute;
  width: 295px;
  height: 57px;
  top: 153px;
  left: 70px;
  font-family: Roboto, var(--default-font-family);
  font-size: 22px;
  font-weight: 500;
  line-height: 25.781px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  letter-spacing: 0.22px;
  z-index: 204;
}

.team-feedback-author-role {
  position: relative;
  color: #0e0e0e;
  font-family: Roboto, var(--default-font-family);
  font-size: 22px;
  font-weight: 500;
  line-height: 26.4px;
  text-align: left;
  letter-spacing: 0.22px;
}

.team-feedback-author-space {
  position: relative;
  color: #2c2c2c;
  font-family: Roboto, var(--default-font-family);
  font-size: 22px;
  font-weight: 400;
  line-height: 26.4px;
  text-align: left;
  letter-spacing: 0.22px;
}

.team-feedback-author-role-89 {
  position: relative;
  color: #565657;
  font-family: Roboto, var(--default-font-family);
  font-size: 22px;
  font-weight: 400;
  line-height: 26.4px;
  text-align: left;
  letter-spacing: 0.22px;
}

.team-feedback-author-space-8a {
  position: relative;
  color: #2c2c2c;
  font-family: Roboto, var(--default-font-family);
  font-size: 22px;
  font-weight: 400;
  line-height: 26.4px;
  text-align: left;
  letter-spacing: 0.22px;
}

.team-feedback-author-role-8b {
  position: relative;
  color: #565657;
  font-family: Roboto, var(--default-font-family);
  font-size: 22px;
  font-weight: 400;
  line-height: 26.4px;
  text-align: left;
  letter-spacing: 0.22px;
}

.flex-row-df {
  position: relative;
  width: 1572px;
  height: 847px;
  margin: 271px 0 0 147px;
  z-index: 516;
}

.group-8c {
  position: absolute;
  width: 779px;
  height: 847px;
  top: 0;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/8a587005-d317-496a-8353-f00055de1940.png) no-repeat center;
  background-size: cover;
  z-index: 207;
}

.group-8d {
  position: absolute;
  width: 4.83%;
  height: 8.97%;
  top: 7.91%;
  left: 58.21%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-24/W2JLEzUtPR.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 516;
}

.mobile-app {
  position: absolute;
  width: 283px;
  height: 7.32%;
  top: 19.48%;
  left: 58.21%;
  font-family: Roboto, var(--default-font-family);
  font-size: 55px;
  font-weight: 900;
  line-height: 62px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 507;
}

.mobile {
  position: relative;
  color: #00a89c;
  font-family: Roboto, var(--default-font-family);
  font-size: 55px;
  font-weight: 900;
  line-height: 62px;
  text-align: left;
}

.app {
  position: relative;
  color: #0e0e0e;
  font-family: Roboto, var(--default-font-family);
  font-size: 55px;
  font-weight: 900;
  line-height: 62px;
  text-align: left;
}

.group-8e {
  position: absolute;
  width: 325.476px;
  height: 49.58px;
  top: 237px;
  left: 915.265px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-24/xzXtr43iwr.png) no-repeat center;
  background-size: cover;
  z-index: 505;
  overflow: hidden;
}

.information-features {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 657px;
  height: 12.28%;
  top: 37.43%;
  left: 58.21%;
  color: #565657;
  font-family: Roboto, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 28.125px;
  text-align: left;
  text-overflow: initial;
  letter-spacing: 0.24px;
  z-index: 506;
  overflow: hidden;
}

.information-features-details {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 264px;
  height: 252px;
  top: 471px;
  left: 956px;
  color: #000000;
  font-family: Roboto, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 28.125px;
  text-align: left;
  letter-spacing: 0.24px;
  z-index: 514;
}

.group-8f {
  position: absolute;
  width: 1.36%;
  height: 1.89%;
  top: 56.32%;
  left: 58.21%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/c8342005-c385-4678-afed-4c3457286858.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 509;
}

.group-90 {
  position: absolute;
  width: 1.36%;
  height: 1.89%;
  top: 62.93%;
  left: 58.21%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/41ff599a-0150-4c72-bb1b-dbe3e0974b7f.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 510;
}

.group-91 {
  position: absolute;
  width: 1.36%;
  height: 1.89%;
  top: 69.54%;
  left: 58.21%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/9e401734-71c9-4110-ae3a-eb1d1cb15411.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 511;
}

.group-92 {
  position: absolute;
  width: 1.36%;
  height: 1.89%;
  top: 76.15%;
  left: 58.21%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/1c756e9e-9a61-4b98-8f6e-f38a317fcd4b.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 512;
}

.group-93 {
  position: absolute;
  width: 1.36%;
  height: 1.89%;
  top: 82.76%;
  left: 58.21%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/c74a83e1-5e71-4080-a015-3172007b0c8b.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 513;
}

.know-more {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 28px;
  top: 753px;
  left: 915px;
  color: #00a89c;
  font-family: Roboto, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 28px;
  text-align: left;
  text-decoration: underline;
  white-space: nowrap;
  letter-spacing: 0.24px;
  z-index: 515;
}

.flex-row-cf {
  position: relative;
  width: 1670px;
  height: 857px;
  margin: 308px 0 0 147px;
  z-index: 220;
}

.group-94 {
  position: absolute;
  width: 936px;
  height: 857px;
  top: 0;
  left: 734px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/f3d53369-35c9-45c4-956f-201c026dd88a.png) no-repeat center;
  background-size: cover;
  z-index: 220;
}

.invoice {
  position: absolute;
  width: 5.27%;
  height: 10.27%;
  top: 8.87%;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-24/SDnr80duc8.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 213;
  overflow: hidden;
}

.automate-invoicing {
  position: absolute;
  width: 386px;
  height: 14.47%;
  top: 21.47%;
  left: 0.42%;
  font-family: Roboto, var(--default-font-family);
  font-size: 55px;
  font-weight: 900;
  line-height: 62px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 212;
}

.automate {
  position: relative;
  color: #00a89c;
  font-family: Roboto, var(--default-font-family);
  font-size: 55px;
  font-weight: 900;
  line-height: 62px;
  text-align: left;
}

.your-invoicing {
  position: relative;
  color: #0e0e0e;
  font-family: Roboto, var(--default-font-family);
  font-size: 55px;
  font-weight: 900;
  line-height: 62px;
  text-align: left;
}

.group-95 {
  position: absolute;
  width: 325.476px;
  height: 49.58px;
  top: 318px;
  left: 7.265px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/9c0339ea-ccdd-4338-9eb2-0586fd335370.png) no-repeat center;
  background-size: cover;
  z-index: 210;
  overflow: hidden;
}

.invoice-details {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 601px;
  height: 16.57%;
  top: 45.97%;
  left: 0.42%;
  color: #565657;
  font-family: Roboto, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 28.125px;
  text-align: left;
  letter-spacing: 0.24px;
  z-index: 211;
}

.invoice-details-options {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 472px;
  height: 196px;
  top: 586px;
  left: 48px;
  color: #000000;
  font-family: Roboto, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 28.125px;
  text-align: left;
  letter-spacing: 0.24px;
  z-index: 219;
}

.group-96 {
  position: absolute;
  width: 1.28%;
  height: 1.87%;
  top: 69.08%;
  left: 0.42%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/414f6446-0eb1-49cf-adc0-2680da4b1ee8.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 215;
}

.group-97 {
  position: absolute;
  width: 1.28%;
  height: 1.87%;
  top: 75.61%;
  left: 0.42%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/e49965bb-fa61-4997-b5db-67d7722537d3.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 216;
}

.group-98 {
  position: absolute;
  width: 1.28%;
  height: 1.87%;
  top: 82.15%;
  left: 0.42%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/9d830087-bef8-4a55-9b9a-e2135ef756f5.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 217;
}

.group-99 {
  position: absolute;
  width: 1.28%;
  height: 1.87%;
  top: 88.68%;
  left: 0.42%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/a7a0f0c6-88d0-4845-9691-0915f28dd5b5.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 218;
}

.flex-row-ef-9a {
  position: relative;
  width: 1674px;
  height: 659px;
  margin: 341px 0 0 103px;
  z-index: 529;
}

.group-9b {
  position: absolute;
  width: 818px;
  height: 659px;
  top: 0;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/dcf836fa-ea13-4907-9b20-a2d083cfea7a.png) no-repeat center;
  background-size: cover;
  z-index: 221;
}

.group-9c {
  position: absolute;
  width: 5.26%;
  height: 13.35%;
  top: 1.97%;
  left: 57.53%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-24/sxPd7pKOGX.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 529;
}

.scheduling-dispatching {
  position: absolute;
  width: 474px;
  height: 18.82%;
  top: 18.36%;
  left: 57.53%;
  font-family: Roboto, var(--default-font-family);
  font-size: 55px;
  font-weight: 900;
  line-height: 62px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 523;
}

.easy-scheduling {
  position: relative;
  color: #00a89c;
  font-family: Roboto, var(--default-font-family);
  font-size: 55px;
  font-weight: 900;
  line-height: 62px;
  text-align: left;
}

.dispatching {
  position: relative;
  color: #0e0e0e;
  font-family: Roboto, var(--default-font-family);
  font-size: 55px;
  font-weight: 900;
  line-height: 62px;
  text-align: left;
}

.group-9d {
  position: absolute;
  width: 325.476px;
  height: 49.58px;
  top: 255px;
  left: 963.265px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/5e344676-bc87-46c9-ac70-8b74c8664ca2.png) no-repeat center;
  background-size: cover;
  z-index: 521;
  overflow: hidden;
}

.one-click-one-glance {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 662px;
  height: 10.02%;
  top: 50.83%;
  left: 57.53%;
  color: #565657;
  font-family: Roboto, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 28.125px;
  text-align: left;
  text-overflow: initial;
  letter-spacing: 0.24px;
  z-index: 522;
  overflow: hidden;
}

.create-job-assign {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 670px;
  height: 196px;
  top: 451px;
  left: 1004px;
  color: #000000;
  font-family: Roboto, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 28.125px;
  text-align: left;
  letter-spacing: 0.24px;
  z-index: 528;
}

.group-9e {
  position: absolute;
  width: 1.27%;
  height: 2.43%;
  top: 69.35%;
  left: 57.53%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/5a286239-c1c9-4643-a7f0-b88a13333f35.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 525;
}

.group-9f {
  position: absolute;
  width: 1.27%;
  height: 2.43%;
  top: 77.85%;
  left: 57.53%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/2a56c5f7-342b-4597-b6bf-494ceaecde6a.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 526;
}

.group-a0 {
  position: absolute;
  width: 1.27%;
  height: 2.43%;
  top: 90.59%;
  left: 57.53%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/98a80b61-82b5-4ab3-b6b7-01fdde3cdbff.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 527;
}

.flex-row-e-a1 {
  position: relative;
  width: 1653px;
  height: 778px;
  margin: 406px 0 0 150px;
  z-index: 246;
}

.group-a2 {
  position: absolute;
  width: 806px;
  height: 778px;
  top: 0;
  left: 847px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/254ceb62-2aff-4be6-b4d6-baff851d1995.png) no-repeat center;
  background-size: cover;
  z-index: 246;
}

.headset {
  position: absolute;
  width: 5.08%;
  height: 10.8%;
  top: 7.2%;
  left: 0.18%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-24/BJLmM8zjxh.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 245;
  overflow: hidden;
}

.customer-self-serve-portal {
  position: absolute;
  width: 563px;
  height: 15.94%;
  top: 20.57%;
  left: 0.18%;
  font-family: Roboto, var(--default-font-family);
  font-size: 55px;
  font-weight: 900;
  line-height: 62px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 228;
}

.customer-24-7 {
  position: relative;
  color: #00a89c;
  font-family: Roboto, var(--default-font-family);
  font-size: 55px;
  font-weight: 900;
  line-height: 62px;
  text-align: left;
}

.self-serve-portal {
  position: relative;
  color: #0e0e0e;
  font-family: Roboto, var(--default-font-family);
  font-size: 55px;
  font-weight: 900;
  line-height: 62px;
  text-align: left;
}

.group-a3 {
  position: absolute;
  width: 325.476px;
  height: 49.58px;
  top: 294px;
  left: 3.265px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/7c07e05e-9867-4c37-9926-043e52e51ea9.png) no-repeat center;
  background-size: cover;
  z-index: 226;
  overflow: hidden;
}

.online-client-portal {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 607px;
  height: 18.25%;
  top: 48.07%;
  left: 0.18%;
  color: #565657;
  font-family: Roboto, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 28.125px;
  text-align: left;
  letter-spacing: 0.24px;
  z-index: 227;
}

.rectangle-a4 {
  position: absolute;
  width: 235px;
  height: 68px;
  top: 566px;
  left: 0;
  background: #fff7d9;
  z-index: 231;
  border-radius: 8px;
}

.online-scheduling {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 38.24%;
  top: 30.88%;
  left: 10.21%;
  color: #00a89c;
  font-family: Roboto, var(--default-font-family);
  font-size: 22px;
  font-weight: 400;
  line-height: 25.781px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: 0.22px;
  z-index: 232;
}

.rectangle-a5 {
  position: absolute;
  width: 243px;
  height: 68px;
  top: 566px;
  left: 255px;
  background: #fff7d9;
  z-index: 237;
  border-radius: 8px;
}

.secure-payments {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 38.24%;
  top: 30.88%;
  left: 13.99%;
  color: #00a89c;
  font-family: Roboto, var(--default-font-family);
  font-size: 22px;
  font-weight: 400;
  line-height: 25.781px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: 0.22px;
  z-index: 238;
}

.rectangle-a6 {
  position: absolute;
  width: 230px;
  height: 68px;
  top: 566px;
  left: 518px;
  background: #fff7d9;
  z-index: 243;
  border-radius: 8px;
}

.direct-messages {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 38.24%;
  top: 30.88%;
  left: 13.48%;
  color: #00a89c;
  font-family: Roboto, var(--default-font-family);
  font-size: 22px;
  font-weight: 400;
  line-height: 25.781px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: 0.22px;
  z-index: 244;
}

.rectangle-a7 {
  position: absolute;
  width: 193px;
  height: 68px;
  top: 654px;
  left: 0;
  background: #fff7d9;
  z-index: 234;
  border-radius: 8px;
}

.file-sharing {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 38.24%;
  top: 30.88%;
  left: 19.69%;
  color: #00a89c;
  font-family: Roboto, var(--default-font-family);
  font-size: 22px;
  font-weight: 400;
  line-height: 25.781px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: 0.22px;
  z-index: 235;
}

.rectangle-a8 {
  position: absolute;
  width: 261px;
  height: 68px;
  top: 654px;
  left: 213px;
  background: #fff7d9;
  z-index: 240;
  border-radius: 8px;
}

.friendly-dashboard {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 38.24%;
  top: 30.88%;
  left: 11.88%;
  color: #00a89c;
  font-family: Roboto, var(--default-font-family);
  font-size: 22px;
  font-weight: 400;
  line-height: 25.781px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: 0.22px;
  z-index: 241;
}

.flex-row-d-a9 {
  position: relative;
  width: 1669.008px;
  height: 730px;
  margin: 290px 0 0 104px;
  z-index: 261;
}

.group-aa {
  position: absolute;
  width: 851px;
  height: 730px;
  top: 0;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/adc1faaf-43d8-435b-b31b-3895fc08c09a.png) no-repeat center;
  background-size: cover;
  z-index: 261;
}

.diagram {
  position: absolute;
  width: 108px;
  height: 108px;
  top: 89px;
  left: 965.006px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-24/g8gLdnCcKC.png) no-repeat center;
  background-size: cover;
  z-index: 248;
  overflow: hidden;
}

.reporting-analytics {
  position: absolute;
  width: 597px;
  height: 8.49%;
  top: 29.73%;
  left: 57.86%;
  font-family: Roboto, var(--default-font-family);
  font-size: 55px;
  font-weight: 900;
  line-height: 62px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 255;
}

.reporting-analytics-ab {
  position: relative;
  color: #00a89c;
  font-family: Roboto, var(--default-font-family);
  font-size: 55px;
  font-weight: 900;
  line-height: 62px;
  text-align: left;
}

.reporting-analytics-ac {
  position: relative;
  color: #0e0e0e;
  font-family: Roboto, var(--default-font-family);
  font-size: 55px;
  font-weight: 900;
  line-height: 62px;
  text-align: left;
}

.group-ad {
  position: absolute;
  width: 325.476px;
  height: 49.58px;
  top: 289px;
  left: 964.999px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/34ae21e3-d8cc-4171-b651-2cf4bc70eb7e.png) no-repeat center;
  background-size: cover;
  z-index: 253;
  overflow: hidden;
}

.optimize-business-insights {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 658px;
  height: 9.04%;
  top: 49.04%;
  left: 57.86%;
  color: #565657;
  font-family: Roboto, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 28.125px;
  text-align: left;
  text-overflow: initial;
  letter-spacing: 0.24px;
  z-index: 254;
  overflow: hidden;
}

.reference-site {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 663px;
  height: 168px;
  top: 474px;
  left: 1006.008px;
  color: #000000;
  font-family: Roboto, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 28.125px;
  text-align: left;
  letter-spacing: 0.24px;
  z-index: 260;
}

.group-ae {
  position: absolute;
  width: 1.28%;
  height: 2.19%;
  top: 65.75%;
  left: 57.82%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/0c39e153-186d-422f-a244-1354683c0aa8.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 257;
}

.group-af {
  position: absolute;
  width: 1.28%;
  height: 2.19%;
  top: 73.42%;
  left: 57.82%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/b6dfb17e-fff9-4726-8d86-5cc48037f48d.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 258;
}

.group-b0 {
  position: absolute;
  width: 1.28%;
  height: 2.19%;
  top: 81.1%;
  left: 57.82%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/eb3cc5f5-f373-45fb-8da0-df975052f2d3.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 259;
}

.flex-row-c {
  position: relative;
  width: 1691.448px;
  height: 738px;
  margin: 290px 0 0 151.999px;
  z-index: 306;
}

.points-bg-b1 {
  position: absolute;
  width: 16.85%;
  height: 33.06%;
  top: 0;
  left: 61.14%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-24/msk6b3NOWm.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 275;
}

.group-b2 {
  position: absolute;
  width: 105px;
  height: 105px;
  top: 41px;
  left: 1454.001px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-24/xETmsAn8xE.png) no-repeat center;
  background-size: cover;
  z-index: 304;
}

.group-b3 {
  position: absolute;
  width: 6.03%;
  height: 13.82%;
  top: 8.54%;
  left: 0.24%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-24/kBVVROcu4Y.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 271;
}

.mask-group-b4 {
  position: absolute;
  width: 373px;
  height: 460px;
  top: 80px;
  left: 1146.001px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-24/CaF4UZLYSt.png) no-repeat center;
  background-size: cover;
  z-index: 276;
}

.offers-rating-review {
  position: absolute;
  width: 412px;
  height: 16.8%;
  top: 27.91%;
  left: 0.04%;
  font-family: Roboto, var(--default-font-family);
  font-size: 55px;
  font-weight: 900;
  line-height: 62px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 270;
}

.offers-rating-review-b5 {
  position: relative;
  color: #00a89c;
  font-family: Roboto, var(--default-font-family);
  font-size: 55px;
  font-weight: 900;
  line-height: 62px;
  text-align: left;
}

.rating-review {
  position: relative;
  color: #0e0e0e;
  font-family: Roboto, var(--default-font-family);
  font-size: 55px;
  font-weight: 900;
  line-height: 62px;
  text-align: left;
}

.rectangle-b6 {
  position: absolute;
  width: 417px;
  height: 436px;
  top: 221px;
  left: 805.001px;
  background: #ffffff;
  z-index: 278;
  border-radius: 10px;
  box-shadow: 0 0 40px 0 rgba(0, 168, 156, 0.19);
}

.rectangle-b7 {
  position: relative;
  width: 417px;
  height: 103px;
  margin: 0 0 0 0;
  background: #00a89c;
  z-index: 279;
  border-radius: 10px 10px 0 0;
}

.rating-review-b8 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 32px;
  top: 36px;
  left: 109px;
  color: #ffffff;
  font-family: Bahnschrift, var(--default-font-family);
  font-size: 27px;
  font-weight: 400;
  line-height: 32px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: 0.27px;
  z-index: 280;
}

.line-b9 {
  position: relative;
  width: 366px;
  height: 1px;
  margin: 110px 0 0 28px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-24/RzMA2gAzwB.png) no-repeat center;
  background-size: cover;
  z-index: 301;
}

.line-ba {
  position: relative;
  width: 366px;
  height: 1px;
  margin: 110px 0 0 28px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-24/FEemw9quz3.png) no-repeat center;
  background-size: cover;
  z-index: 302;
}

.mask-group-bb {
  position: absolute;
  width: 71px;
  height: 71px;
  top: 123px;
  left: 28px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/b3b359ce-8633-4b6f-b5ec-27eadacd9c30.png) no-repeat center;
  background-size: cover;
  z-index: 303;
}

.sofia-garcia {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 28px;
  top: 130px;
  left: 120px;
  color: #565657;
  font-family: Bahnschrift, var(--default-font-family);
  font-size: 23px;
  font-weight: 400;
  line-height: 27.604px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: 0.23px;
  z-index: 282;
}

.rectangle-bc {
  position: absolute;
  width: 68px;
  height: 34px;
  top: 142px;
  left: 321px;
  background: #e6e6e6;
  z-index: 293;
  border-radius: 5px;
}

.rating-4-5 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 26px;
  top: 4px;
  left: 8px;
  color: #565657;
  font-family: Bahnschrift, var(--default-font-family);
  font-size: 22px;
  font-weight: 400;
  line-height: 26px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: 0.22px;
  z-index: 294;
}

.group-bd {
  position: absolute;
  width: 128px;
  height: 21px;
  top: 166px;
  left: 120px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/2c2d6515-7df2-4c3e-b56b-532b9611986b.png) no-repeat center;
  background-size: cover;
  z-index: 283;
  overflow: hidden;
}

.ellipse-be {
  position: absolute;
  width: 71px;
  height: 71px;
  top: 234px;
  left: 28px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/a5141cf9-c9b1-4ebe-afba-c39d4ec7aa85.png) no-repeat center;
  background-size: cover;
  z-index: 290;
  border-radius: 50%;
}

.lewis-mckinney {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 28px;
  top: 241px;
  left: 120px;
  color: #565657;
  font-family: Bahnschrift, var(--default-font-family);
  font-size: 23px;
  font-weight: 400;
  line-height: 27.604px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: 0.23px;
  z-index: 285;
}

.rectangle-bf {
  position: absolute;
  width: 68px;
  height: 34px;
  top: 253px;
  left: 321px;
  background: #e6e6e6;
  z-index: 296;
  border-radius: 5px;
}

.rating-3-5 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 26px;
  top: 4px;
  left: 8px;
  color: #565657;
  font-family: Bahnschrift, var(--default-font-family);
  font-size: 22px;
  font-weight: 400;
  line-height: 26px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: 0.22px;
  z-index: 297;
}

.group-c0 {
  position: absolute;
  width: 128px;
  height: 21px;
  top: 277px;
  left: 120px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/e26915d6-9f14-4ef0-ac74-fd73ed8205b7.png) no-repeat center;
  background-size: cover;
  z-index: 286;
  overflow: hidden;
}

.ellipse-c1 {
  position: absolute;
  width: 71px;
  height: 71px;
  top: 345px;
  left: 28px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/d835bf6f-6b85-485c-865a-1db7ad357d54.png) no-repeat center;
  background-size: cover;
  z-index: 291;
  border-radius: 50%;
}

.joe-cheung {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 28px;
  top: 352px;
  left: 120px;
  color: #565657;
  font-family: Bahnschrift, var(--default-font-family);
  font-size: 23px;
  font-weight: 400;
  line-height: 27.604px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: 0.23px;
  z-index: 288;
}

.rectangle-c2 {
  position: absolute;
  width: 68px;
  height: 34px;
  top: 364px;
  left: 321px;
  background: #e6e6e6;
  z-index: 299;
  border-radius: 5px;
}

.rating-4-5-c3 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 26px;
  top: 4px;
  left: 8px;
  color: #565657;
  font-family: Bahnschrift, var(--default-font-family);
  font-size: 22px;
  font-weight: 400;
  line-height: 26px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: 0.22px;
  z-index: 300;
}

.group-c4 {
  position: absolute;
  width: 128px;
  height: 21px;
  top: 388px;
  left: 120px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/fcccf362-a512-4d3f-9b07-222031dfb9ae.png) no-repeat center;
  background-size: cover;
  z-index: 289;
  overflow: hidden;
}

.group-c5 {
  position: absolute;
  width: 325.476px;
  height: 49.58px;
  top: 328.004px;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/7b616116-d963-4ebc-86ce-20bfde1218fe.png) no-repeat center;
  background-size: cover;
  z-index: 268;
  overflow: hidden;
}

.placeholder-text-c6 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 574px;
  height: 34.69%;
  top: 56.64%;
  left: 0.04%;
  color: #565657;
  font-family: Roboto, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 28.125px;
  text-align: left;
  letter-spacing: 0.24px;
  z-index: 269;
}

.union-c7 {
  position: absolute;
  width: 7.83%;
  height: 16.05%;
  top: 58.54%;
  left: 92.17%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-24/OVzyKfGfst.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 273;
}

.rectangle-c8 {
  position: absolute;
  width: 339px;
  height: 247px;
  top: 491px;
  left: 1281.001px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/e1d64452-a140-4beb-a52c-bb1f83b64a71.png) no-repeat center;
  background-size: cover;
  z-index: 306;
  border-radius: 15px;
}

.flex-row-d-c9 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 292px;
  height: 36px;
  margin: 21px 0 0 27px;
  z-index: 308;
}

.coupon {
  flex-shrink: 0;
  position: relative;
  height: 36px;
  color: #000000;
  font-family: Poppins, var(--default-font-family);
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: 0.24px;
  z-index: 307;
}

.salon-99 {
  flex-shrink: 0;
  position: relative;
  height: 30px;
  color: #ffffff;
  font-family: Poppins, var(--default-font-family);
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: 0.2px;
  z-index: 308;
}

.rectangle-ca {
  position: relative;
  width: 207.308px;
  height: 88px;
  margin: 19px 0 0 69px;
  font-size: 0px;
  border: 1px dashed #ffffff;
  z-index: 312;
  overflow: visible auto;
}

.use-coupon-code {
  display: block;
  position: relative;
  height: 20px;
  margin: 13px 0 0 27px;
  color: #ffffff;
  font-family: Bahnschrift, var(--default-font-family);
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: 0.18px;
  z-index: 311;
}

.ak-001547 {
  display: block;
  position: relative;
  height: 32px;
  margin: 4px 0 0 37px;
  color: #000000;
  font-family: Bahnschrift, var(--default-font-family);
  font-size: 30px;
  font-weight: 600;
  line-height: 32px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: 0.3px;
  z-index: 312;
}

.rectangle-cb {
  position: relative;
  width: 338px;
  height: 33px;
  margin: 29px 0 0 1px;
  background: #f18922;
  z-index: 316;
}

.applies-to-all-services {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 15px;
  top: 7px;
  left: 26px;
  color: #ffffff;
  font-family: Poppins, var(--default-font-family);
  font-size: 10px;
  font-weight: 600;
  line-height: 15px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: 0.1px;
  z-index: 315;
}

.works-on-any-week-days {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 15px;
  top: 8px;
  left: 190px;
  color: #ffffff;
  font-family: Poppins, var(--default-font-family);
  font-size: 10px;
  font-weight: 600;
  line-height: 15px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: 0.1px;
  z-index: 316;
}

.union-cc {
  position: absolute;
  width: 6.45%;
  height: 13.68%;
  top: 80.08%;
  left: 44.64%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-24/uWpGyDHxth.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 274;
}

.flex-row-ee-cd {
  position: relative;
  width: 1620.288px;
  height: 811.808px;
  margin: 217px 0 0 144.448px;
  z-index: 386;
}

.points-bg-ce {
  position: absolute;
  width: 17.52%;
  height: 30%;
  top: 0;
  left: 25.09%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-24/4NmC72txAz.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 341;
}

.group-cf {
  position: relative;
  width: 22.428px;
  height: 26.8px;
  margin: 108.059px 0 0 95.988px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/0c2255cc-51b8-4937-9ffd-c8d7ecafa5af.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 352;
}

.rectangle-d0 {
  position: absolute;
  width: 589px;
  height: 499px;
  top: 73px;
  left: 6.552px;
  background: #ffffff;
  z-index: 344;
  border-radius: 10px;
  box-shadow: 0 4px 40px 0 rgba(0, 168, 156, 0.19);
}

.flex-row-ffa {
  position: relative;
  width: 451.96px;
  height: 71.182px;
  margin: 12.761px 0 0 26.895px;
  z-index: 354;
}

.ellipse-d1 {
  position: absolute;
  width: 71.182px;
  height: 71.182px;
  top: 0;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/11f55831-521d-45a0-90cf-5b7d74935579.png) no-repeat center;
  background-size: cover;
  z-index: 348;
  border-radius: 50%;
}

.dave-grover {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 28px;
  top: 9.846px;
  left: 95.105px;
  color: #000000;
  font-family: Poppins, var(--default-font-family);
  font-size: 21px;
  font-weight: 600;
  line-height: 28px;
  text-align: left;
  white-space: nowrap;
  z-index: 350;
}

.rectangle-d2 {
  position: absolute;
  width: 96.052px;
  height: 38.592px;
  top: 16.295px;
  left: 355.908px;
  background: #ffd74b;
  z-index: 354;
  border-radius: 5px;
}

.eva-edit-outline {
  position: absolute;
  width: 24.013px;
  height: 24.013px;
  top: 6.718px;
  left: 11.152px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/9f18aef6-11c7-4818-971d-feaf91e8a5fb.png) no-repeat center;
  background-size: cover;
  z-index: 357;
  overflow: hidden;
}

.edit {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 23px;
  top: 7.551px;
  left: 43.197px;
  color: #000000;
  font-family: Poppins, var(--default-font-family);
  font-size: 18px;
  font-weight: 500;
  line-height: 23px;
  text-align: left;
  white-space: nowrap;
  z-index: 356;
}

.dave-grover-gmail-com {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 23px;
  top: 38.846px;
  left: 95.105px;
  color: #707070;
  font-family: Poppins, var(--default-font-family);
  font-size: 17px;
  font-weight: 500;
  line-height: 23px;
  text-align: left;
  white-space: nowrap;
  z-index: 351;
}

.rectangle-d3 {
  position: relative;
  width: 590px;
  height: 56px;
  margin: 13.058px 0 0 -1px;
  background: #f3f3f3;
  z-index: 358;
  overflow: visible auto;
}

.line-d4 {
  position: relative;
  width: 587.836px;
  height: 2.714px;
  margin: -2.05px 0 0 2.164px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-24/XVV2D5tXUi.png) no-repeat center;
  background-size: cover;
  z-index: 345;
}

.flex-row-cce {
  position: relative;
  width: 502px;
  height: 18px;
  margin: 17.941px 0 0 28px;
  z-index: 375;
}

.details {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 18px;
  top: 0;
  left: 0;
  color: #2c2c2c;
  font-family: Roboto, var(--default-font-family);
  font-size: 17px;
  font-weight: 500;
  line-height: 18px;
  text-align: left;
  white-space: nowrap;
  z-index: 359;
}

.appointments {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 18px;
  top: 0;
  left: 94px;
  color: #2c2c2c;
  font-family: Roboto, var(--default-font-family);
  font-size: 17px;
  font-weight: 500;
  line-height: 18px;
  text-align: left;
  white-space: nowrap;
  z-index: 372;
}

.review {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 18px;
  top: 0;
  left: 442px;
  color: #2c2c2c;
  font-family: Roboto, var(--default-font-family);
  font-size: 17px;
  font-weight: 500;
  line-height: 18px;
  text-align: left;
  white-space: nowrap;
  z-index: 375;
}

.regroup-d5 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  width: 163px;
  height: 18px;
  top: 0;
  left: 238px;
  z-index: 374;
}

.notes {
  flex-shrink: 0;
  position: relative;
  height: 18px;
  color: #2c2c2c;
  font-family: Roboto, var(--default-font-family);
  font-size: 17px;
  font-weight: 500;
  line-height: 18px;
  text-align: left;
  white-space: nowrap;
  z-index: 373;
}

.payments {
  flex-shrink: 0;
  position: relative;
  height: 18px;
  color: #00a89c;
  font-family: Roboto, var(--default-font-family);
  font-size: 17px;
  font-weight: 500;
  line-height: 18px;
  text-align: left;
  white-space: nowrap;
  z-index: 374;
}

.rectangle-d6 {
  position: relative;
  width: 102.913px;
  height: 4.288px;
  margin: 14.658px 0 0 337px;
  background: #00a89c;
  z-index: 376;
  border-radius: 50px;
}

.flex-row-b-d7 {
  position: relative;
  width: 518px;
  height: 21.824px;
  margin: 24.605px 0 0 27px;
  z-index: 380;
}

.invoice-d8 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 19px;
  top: 0;
  left: 0;
  color: #2c2c2c;
  font-family: Roboto, var(--default-font-family);
  font-size: 19px;
  font-weight: 700;
  line-height: 19px;
  text-align: left;
  white-space: nowrap;
  z-index: 380;
}

.rs-d9 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 19px;
  top: 2px;
  left: 442px;
  color: #0e0e0e;
  font-family: Roboto, var(--default-font-family);
  font-size: 19px;
  font-weight: 700;
  line-height: 19px;
  text-align: left;
  white-space: nowrap;
  z-index: 364;
}

.due {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 18.867px;
  top: 2.957px;
  left: 248.16px;
  color: #707070;
  font-family: Roboto, var(--default-font-family);
  font-size: 19px;
  font-weight: 500;
  line-height: 18.867px;
  text-align: left;
  white-space: nowrap;
  z-index: 369;
}

.flex-row-da {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 359.998px;
  height: 34px;
  margin: 6.176px 0 0 27px;
  z-index: 382;
}

.rectangle-db {
  flex-shrink: 0;
  position: relative;
  width: 100px;
  height: 34px;
  background: #ffd2c6;
  z-index: 382;
  border-radius: 5px;
}

.past-due {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 18px;
  top: 6px;
  left: 12px;
  color: #ff0000;
  font-family: Roboto, var(--default-font-family);
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
  text-align: left;
  white-space: nowrap;
  z-index: 383;
}

.date-2021-12-16 {
  flex-shrink: 0;
  position: relative;
  height: 18.867px;
  color: #2c2c2c;
  font-family: Roboto, var(--default-font-family);
  font-size: 19px;
  font-weight: 700;
  line-height: 18.867px;
  text-align: left;
  white-space: nowrap;
  z-index: 368;
}

.line-dc {
  position: relative;
  width: 588px;
  height: 2px;
  margin: 24.395px 0 0 1px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-24/sFuRH4Gb0P.png) no-repeat center;
  background-size: cover;
  z-index: 346;
}

.flex-row-baf {
  position: relative;
  width: 518px;
  height: 22px;
  margin: 28.605px 0 0 27px;
  z-index: 370;
}

.invoice-dd {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 19px;
  top: 0;
  left: 0;
  color: #2c2c2c;
  font-family: Roboto, var(--default-font-family);
  font-size: 19px;
  font-weight: 700;
  line-height: 19px;
  text-align: left;
  white-space: nowrap;
  z-index: 360;
}

.rs-de {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 19px;
  top: 0;
  left: 442px;
  color: #0e0e0e;
  font-family: Roboto, var(--default-font-family);
  font-size: 19px;
  font-weight: 700;
  line-height: 19px;
  text-align: left;
  white-space: nowrap;
  z-index: 365;
}

.due-df {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 19px;
  top: 3px;
  left: 248px;
  color: #707070;
  font-family: Roboto, var(--default-font-family);
  font-size: 19px;
  font-weight: 500;
  line-height: 19px;
  text-align: left;
  white-space: nowrap;
  z-index: 370;
}

.flex-row-a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 358px;
  height: 34px;
  margin: 7px 0 0 29px;
  z-index: 377;
}

.rectangle-e0 {
  flex-shrink: 0;
  position: relative;
  width: 170px;
  height: 34px;
  background: #ffe4b1;
  z-index: 377;
  border-radius: 5px;
}

.awaiting-payment {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 18px;
  top: 6px;
  left: 11px;
  color: #ff7f08;
  font-family: Roboto, var(--default-font-family);
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
  text-align: left;
  white-space: nowrap;
  z-index: 384;
}

.date-2021-02-28 {
  flex-shrink: 0;
  position: relative;
  height: 19px;
  color: #2c2c2c;
  font-family: Roboto, var(--default-font-family);
  font-size: 19px;
  font-weight: 700;
  line-height: 19px;
  text-align: left;
  white-space: nowrap;
  z-index: 362;
}

.line-e1 {
  position: relative;
  width: 588px;
  height: 2px;
  margin: 25.395px 0 0 1px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-24/UVFKp1QXKY.png) no-repeat center;
  background-size: cover;
  z-index: 347;
}

.flex-row-fa {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 518px;
  height: 24px;
  margin: 26.605px 0 0 27px;
  z-index: 371;
}

.invoice-number {
  flex-shrink: 0;
  position: relative;
  height: 19px;
  color: #2c2c2c;
  font-family: Roboto, var(--default-font-family);
  font-size: 19px;
  font-weight: 700;
  line-height: 19px;
  text-align: left;
  white-space: nowrap;
  z-index: 361;
}

.due-e2 {
  flex-shrink: 0;
  position: relative;
  height: 19px;
  color: #707070;
  font-family: Roboto, var(--default-font-family);
  font-size: 19px;
  font-weight: 500;
  line-height: 19px;
  text-align: left;
  white-space: nowrap;
  z-index: 371;
}

.rs-e3 {
  flex-shrink: 0;
  position: relative;
  height: 18px;
  color: #0e0e0e;
  font-family: Roboto, var(--default-font-family);
  font-size: 19px;
  font-weight: 700;
  line-height: 18px;
  text-align: left;
  white-space: nowrap;
  z-index: 366;
}

.flex-row-a-e4 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 358px;
  height: 35px;
  margin: 6px 0 0 29px;
  z-index: 378;
}

.rectangle-e5 {
  flex-shrink: 0;
  position: relative;
  width: 62px;
  height: 35px;
  background: #baffaa;
  z-index: 378;
  border-radius: 5px;
}

.paid {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 18px;
  top: 7px;
  left: 11px;
  color: #0d8d1a;
  font-family: Roboto, var(--default-font-family);
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
  text-align: left;
  white-space: nowrap;
  z-index: 385;
}

.date {
  flex-shrink: 0;
  position: relative;
  height: 18px;
  color: #2c2c2c;
  font-family: Roboto, var(--default-font-family);
  font-size: 19px;
  font-weight: 700;
  line-height: 18px;
  text-align: left;
  white-space: nowrap;
  z-index: 363;
}

.group-e6 {
  position: absolute;
  width: 6.87%;
  height: 9.85%;
  top: 12.93%;
  left: 57.06%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-24/BvndyDPn9c.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 326;
}

.job-management-crm {
  position: absolute;
  width: 498px;
  height: 15.27%;
  top: 27.84%;
  left: 57.11%;
  font-family: Roboto, var(--default-font-family);
  font-size: 55px;
  font-weight: 900;
  line-height: 62px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 325;
}

.job-management {
  position: relative;
  color: #00a89c;
  font-family: Roboto, var(--default-font-family);
  font-size: 55px;
  font-weight: 900;
  line-height: 62px;
  text-align: left;
}

.crm {
  position: relative;
  color: #0e0e0e;
  font-family: Roboto, var(--default-font-family);
  font-size: 55px;
  font-weight: 900;
  line-height: 62px;
  text-align: left;
}

.group-e7 {
  position: absolute;
  width: 117px;
  height: 117px;
  top: 279px;
  left: 551.552px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/41c9db5c-21c3-4151-8a5a-8a738636c798.png) no-repeat center;
  background-size: cover;
  z-index: 386;
}

.group-e8 {
  position: relative;
  width: 60px;
  height: 60px;
  margin: 28px 0 0 28px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-24/5Cv7Z3VH9i.png) no-repeat center;
  background-size: cover;
  z-index: 387;
  overflow: hidden;
}

.group-e9 {
  position: absolute;
  width: 325.476px;
  height: 49.58px;
  top: 346.004px;
  left: 924.551px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/1b1ceea2-9904-496d-bf03-9aae8c754d64.png) no-repeat center;
  background-size: cover;
  z-index: 323;
  overflow: hidden;
}

.capture-info {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 695px;
  height: 31.53%;
  top: 52.72%;
  left: 57.11%;
  color: #565657;
  font-family: Roboto, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 28.125px;
  text-align: left;
  letter-spacing: 0.24px;
  z-index: 324;
}

.union-ea {
  position: absolute;
  width: 7.01%;
  height: 12.51%;
  top: 59.79%;
  left: 44.62%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-24/ZTjP1ZzuEW.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 340;
}

.image-eb {
  position: absolute;
  width: 713.531px;
  height: 222.121px;
  top: 530.002px;
  left: 81.472px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/4d09f882-2d5a-4480-b6b4-15ebbaf5f2f3.png) no-repeat center;
  background-size: cover;
  z-index: 342;
}

.union-ec {
  position: absolute;
  width: 9.48%;
  height: 17.18%;
  top: 82.82%;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-24/CUtCfy5hPA.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 339;
}

.flex-row-ec {
  position: relative;
  width: 2273.999px;
  height: 876.442px;
  margin: 281.192px 0 0 156px;
  z-index: 405;
}

.group-ed {
  position: absolute;
  width: 69.96%;
  height: 100%;
  top: 0;
  left: 30.04%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-24/jhgoyYvPu3.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 388;
}

.group-ee {
  position: absolute;
  width: 4.49%;
  height: 11.64%;
  top: 6.73%;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-24/g9V6F7VuGS.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 405;
}

.booking-pos-system {
  position: absolute;
  width: 529px;
  height: 7.07%;
  top: 23.05%;
  left: 0.09%;
  font-family: Roboto, var(--default-font-family);
  font-size: 55px;
  font-weight: 900;
  line-height: 62px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 397;
}

.booking {
  position: relative;
  color: #00a89c;
  font-family: Roboto, var(--default-font-family);
  font-size: 55px;
  font-weight: 900;
  line-height: 62px;
  text-align: left;
}

.pos-system {
  position: relative;
  color: #0e0e0e;
  font-family: Roboto, var(--default-font-family);
  font-size: 55px;
  font-weight: 900;
  line-height: 62px;
  text-align: left;
}

.group-ef {
  position: absolute;
  width: 325.476px;
  height: 49.58px;
  top: 260.004px;
  left: 0.26px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/039a995b-a3fa-471d-9830-75b8a28a9879.png) no-repeat center;
  background-size: cover;
  z-index: 395;
  overflow: hidden;
}

.placeholder-text-f0 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 574px;
  height: 16.2%;
  top: 38.68%;
  left: 0;
  color: #565657;
  font-family: Roboto, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 28.125px;
  text-align: left;
  letter-spacing: 0.24px;
  z-index: 396;
}

.ellipse-f1 {
  position: absolute;
  width: 73px;
  height: 73px;
  top: 524px;
  left: 45px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/b44e96ae-829f-40fa-b766-3707a95d8ebb.png) no-repeat center;
  background-size: cover;
  z-index: 403;
  border-radius: 50%;
}

.quotation-f2 {
  position: absolute;
  width: 44px;
  height: 43px;
  top: 539px;
  left: 59px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/cad860cf-fd84-49f2-96b2-fb3bc1a51e52.png) no-repeat center;
  background-size: cover;
  z-index: 404;
  overflow: hidden;
}

.rectangle-f3 {
  position: absolute;
  width: 540px;
  height: 257px;
  top: 561px;
  left: 0;
  background: #e6f6f5;
  z-index: 399;
  border-radius: 20px;
}

.testimonial {
  position: absolute;
  width: 62.59%;
  height: 46.3%;
  top: 26.46%;
  left: 12.96%;
  font-family: Roboto, var(--default-font-family);
  font-size: 22px;
  font-weight: 400;
  line-height: 25.781px;
  text-align: left;
  letter-spacing: 0.22px;
  z-index: 401;
}

.testimonial-text {
  position: relative;
  color: #0e0e0e;
  font-family: Roboto, var(--default-font-family);
  font-size: 22px;
  font-weight: 400;
  line-height: 26.4px;
  text-align: left;
  letter-spacing: 0.22px;
}

.testimonial-text-f4 {
  position: relative;
  color: #0e0e0e;
  font-family: Roboto, var(--default-font-family);
  font-size: 22px;
  font-weight: 500;
  line-height: 26.4px;
  text-align: left;
  letter-spacing: 0.22px;
}

.author {
  position: absolute;
  width: 295px;
  height: 57px;
  top: 153px;
  left: 70px;
  font-family: Roboto, var(--default-font-family);
  font-size: 22px;
  font-weight: 500;
  line-height: 25.781px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  letter-spacing: 0.22px;
  z-index: 402;
}

.author-f5 {
  position: relative;
  color: #0e0e0e;
  font-family: Roboto, var(--default-font-family);
  font-size: 22px;
  font-weight: 500;
  line-height: 26.4px;
  text-align: left;
  letter-spacing: 0.22px;
}

.author-f6 {
  position: relative;
  color: #2c2c2c;
  font-family: Roboto, var(--default-font-family);
  font-size: 22px;
  font-weight: 400;
  line-height: 26.4px;
  text-align: left;
  letter-spacing: 0.22px;
}

.product-f7 {
  position: relative;
  color: #565657;
  font-family: Roboto, var(--default-font-family);
  font-size: 22px;
  font-weight: 400;
  line-height: 26.4px;
  text-align: left;
  letter-spacing: 0.22px;
}

.author-f8 {
  position: relative;
  color: #2c2c2c;
  font-family: Roboto, var(--default-font-family);
  font-size: 22px;
  font-weight: 400;
  line-height: 26.4px;
  text-align: left;
  letter-spacing: 0.22px;
}

.product-f9 {
  position: relative;
  color: #565657;
  font-family: Roboto, var(--default-font-family);
  font-size: 22px;
  font-weight: 400;
  line-height: 26.4px;
  text-align: left;
  letter-spacing: 0.22px;
}

.flex-row-cd {
  position: relative;
  width: 1668.736px;
  height: 676.133px;
  margin: 315.558px 0 0 94px;
  z-index: 406;
}

.group-fa {
  position: absolute;
  width: 51.6%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-24/pNf4maTyAw.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 406;
}

.group-fb {
  position: absolute;
  width: 4.83%;
  height: 15.54%;
  top: 8.13%;
  left: 58.43%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-24/nbNeNbJ31h.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 328;
}

.time-routing-gps {
  position: absolute;
  width: 415px;
  height: 18.34%;
  top: 29.66%;
  left: 58.47%;
  font-family: Roboto, var(--default-font-family);
  font-size: 55px;
  font-weight: 900;
  line-height: 62px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 337;
}

.time-routing {
  position: relative;
  color: #00a89c;
  font-family: Roboto, var(--default-font-family);
  font-size: 55px;
  font-weight: 900;
  line-height: 62px;
  text-align: left;
}

.gps-tracking {
  position: relative;
  color: #0e0e0e;
  font-family: Roboto, var(--default-font-family);
  font-size: 55px;
  font-weight: 900;
  line-height: 62px;
  text-align: left;
}

.group-fc {
  position: absolute;
  width: 325.476px;
  height: 49.58px;
  top: 320.523px;
  left: 974.999px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/94cda3e1-ab56-4327-8a73-0e035b34f930.png) no-repeat center;
  background-size: cover;
  z-index: 335;
  overflow: hidden;
}

.placeholder-text-fd {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 693px;
  height: 32.24%;
  top: 59.53%;
  left: 58.47%;
  color: #565657;
  font-family: Roboto, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 28.125px;
  text-align: left;
  letter-spacing: 0.24px;
  z-index: 336;
}

.flex-row-ef-fe {
  position: relative;
  width: 2365.001px;
  height: 929.442px;
  margin: 347.867px 0 0 151.999px;
  z-index: 423;
}

.group-ff {
  position: absolute;
  width: 66.3%;
  height: 100%;
  top: 0;
  left: 33.7%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-24/WHnLZJbRKN.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 423;
}

.main-reasons {
  position: absolute;
  width: 473px;
  height: 13.34%;
  top: 9.9%;
  left: 0.03%;
  font-family: Roboto, var(--default-font-family);
  font-size: 55px;
  font-weight: 900;
  line-height: 62px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 413;
}

.main-reasons-100 {
  position: relative;
  color: #00a89c;
  font-family: Roboto, var(--default-font-family);
  font-size: 55px;
  font-weight: 900;
  line-height: 62px;
  text-align: left;
}

.choose-us {
  position: relative;
  color: #0e0e0e;
  font-family: Roboto, var(--default-font-family);
  font-size: 55px;
  font-weight: 900;
  line-height: 62px;
  text-align: left;
}

.group-101 {
  position: absolute;
  width: 325.476px;
  height: 49.58px;
  top: 212px;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/85dd9ac7-4ee4-43a0-aded-7789143e4e67.png) no-repeat center;
  background-size: cover;
  z-index: 412;
  overflow: hidden;
}

.register-support-portal {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 503px;
  height: 6.46%;
  top: 33.57%;
  left: 0.13%;
  color: #0e0e0e;
  font-family: Roboto, var(--default-font-family);
  font-size: 34px;
  font-weight: 500;
  line-height: 39.844px;
  text-align: left;
  letter-spacing: 0.34px;
  z-index: 415;
}

.vector-102 {
  position: absolute;
  width: 1.14%;
  height: 1.83%;
  top: 34.75%;
  left: 25.24%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-24/zhgYYo1TXC.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 420;
}

.setup-description {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 473px;
  height: 11.19%;
  top: 46.48%;
  left: 0.13%;
  color: #565657;
  font-family: Roboto, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 28.125px;
  text-align: left;
  text-overflow: initial;
  letter-spacing: 0.24px;
  z-index: 414;
  overflow: hidden;
}

.line-103 {
  position: absolute;
  width: 624px;
  height: 1px;
  top: 598.996px;
  left: 0px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-24/xs7OB7t88s.png) no-repeat center;
  background-size: cover;
  z-index: 418;
}

.manage-dashboard {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 545px;
  height: 6.46%;
  top: 69.07%;
  left: 0.13%;
  color: #0e0e0e;
  font-family: Roboto, var(--default-font-family);
  font-size: 34px;
  font-weight: 500;
  line-height: 39.844px;
  text-align: left;
  letter-spacing: 0.34px;
  z-index: 416;
}

.vector-104 {
  position: absolute;
  width: 1.14%;
  height: 1.83%;
  top: 70.47%;
  left: 25.24%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-24/YhqmuSJByd.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 421;
}

.line-105 {
  position: absolute;
  width: 624px;
  height: 1px;
  top: 726.996px;
  left: 1.001px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-24/vW1aeMonm3.png) no-repeat center;
  background-size: cover;
  z-index: 419;
}

.start-support {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 4.09%;
  top: 82.63%;
  left: 0.04%;
  color: #0e0e0e;
  font-family: Roboto, var(--default-font-family);
  font-size: 34px;
  font-weight: 500;
  line-height: 38px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: 0.34px;
  z-index: 417;
}

.vector-106 {
  position: absolute;
  width: 1.14%;
  height: 1.83%;
  top: 84.57%;
  left: 25.24%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-24/JaOhXPojkt.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 422;
}

.flex-row-f-107 {
  position: relative;
  width: 2151px;
  height: 801.036px;
  margin: 119.559px 0 0 -231px;
  z-index: 432;
}

.path-108 {
  position: absolute;
  width: 21.55%;
  height: 59.79%;
  top: -0.62%;
  left: 10.74%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-24/QtiD6CPiRq.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 432;
}

.path-109 {
  position: absolute;
  width: 10.07%;
  height: 98.41%;
  top: 1.79%;
  left: 41.36%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-24/vaW8XSSCwy.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 429;
}

.rectangle-10a {
  position: absolute;
  width: 1920px;
  height: 670px;
  top: 121px;
  left: 231px;
  background: #00a89c;
  z-index: 425;
}

.mask-group-10b {
  position: absolute;
  width: 960px;
  height: 670px;
  top: 0;
  left: 960px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-24/YcFaZ0TP1p.png) no-repeat center;
  background-size: cover;
  z-index: 430;
}

.group-10c {
  position: relative;
  width: 138px;
  height: 138px;
  margin: 233px 0 0 425px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-24/YyMd6nUi17.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 431;
}

.flex-column-aca {
  position: absolute;
  width: 35.68%;
  height: 47.61%;
  top: 24.33%;
  left: 7.86%;
  font-size: 0px;
  z-index: 428;
}

.lorem-ipsum {
  display: block;
  position: relative;
  height: 35px;
  margin: 0 0 0 0;
  color: #ffd74b;
  font-family: Roboto, var(--default-font-family);
  font-size: 30px;
  font-weight: 500;
  line-height: 35px;
  text-align: left;
  white-space: nowrap;
  z-index: 427;
}

.trial-message {
  position: relative;
  width: 685px;
  height: 124px;
  margin: 62px 0 0 0;
  font-family: Roboto, var(--default-font-family);
  font-size: 50px;
  font-weight: 700;
  line-height: 62px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 426;
}

.not-convinced {
  position: relative;
  color: #ffffff;
  font-family: Roboto, var(--default-font-family);
  font-size: 50px;
  font-weight: 700;
  line-height: 62px;
  text-align: left;
}

.start-trial {
  position: relative;
  color: #ffffff;
  font-family: Roboto, var(--default-font-family);
  font-size: 50px;
  font-weight: 700;
  line-height: 62px;
  text-align: left;
}

.lorem-ipsum-dolor {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 668px;
  height: 58px;
  margin: 40px 0 0 0;
  color: #ffffff;
  font-family: Roboto, var(--default-font-family);
  font-size: 25px;
  font-weight: 400;
  line-height: 29.297px;
  text-align: left;
  z-index: 428;
}

.flex-row-ba {
  position: relative;
  width: 644.001px;
  height: 178.58px;
  margin: 149.963px 0 0 150.999px;
  z-index: 497;
}

.testimonials-customers {
  position: absolute;
  width: 644px;
  height: 78.4%;
  top: 0;
  left: 0%;
  font-family: Roboto, var(--default-font-family);
  font-size: 60px;
  font-weight: 700;
  line-height: 70px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 433;
}

.testimonials {
  position: relative;
  color: #00a89c;
  font-family: Roboto, var(--default-font-family);
  font-size: 60px;
  font-weight: 700;
  line-height: 70px;
  text-align: left;
}

.from-our-customers {
  position: relative;
  color: #0e0e0e;
  font-family: Roboto, var(--default-font-family);
  font-size: 60px;
  font-weight: 700;
  line-height: 70px;
  text-align: left;
}

.group-10d {
  position: absolute;
  width: 325.476px;
  height: 49.58px;
  top: 129px;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-24/VrJ35ky9c8.png) no-repeat center;
  background-size: cover;
  z-index: 497;
  overflow: hidden;
}

.flex-row-d-10e {
  position: relative;
  width: 1620px;
  height: 71px;
  margin: 1.42px 0 0 150px;
  z-index: 498;
}

.group-10f {
  position: absolute;
  width: 10.93%;
  height: 100%;
  top: 0;
  left: 89.07%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-24/6znQrRSDjb.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 498;
}

.lorem-ipsum-dolor-110 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 33px;
  top: 36px;
  left: 0;
  color: #747373;
  font-family: Roboto, var(--default-font-family);
  font-size: 28px;
  font-weight: 400;
  line-height: 32.813px;
  text-align: left;
  white-space: nowrap;
  z-index: 472;
}

.flex-row-fe {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 2127px;
  height: 378px;
  margin: 90px 0 0 -55px;
  z-index: 490;
}

.rectangle-111 {
  flex-shrink: 0;
  position: relative;
  width: 689px;
  height: 378px;
  font-size: 0px;
  background: #ffd74b;
  z-index: 482;
  border-radius: 10px;
}

.awesome-design {
  display: block;
  position: relative;
  height: 62px;
  margin: 43px 0 0 50px;
  color: #000000;
  font-family: Roboto, var(--default-font-family);
  font-size: 24px;
  font-weight: 500;
  line-height: 62px;
  text-align: left;
  white-space: nowrap;
  z-index: 484;
}

.without-jobhunt {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 589px;
  height: 84px;
  margin: 20px 0 0 50px;
  color: #747373;
  font-family: Roboto, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: left;
  text-overflow: initial;
  z-index: 487;
  overflow: hidden;
}

.nicole-wells {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 10.58%;
  top: 64.55%;
  left: 23.95%;
  color: #000000;
  font-family: Roboto, var(--default-font-family);
  font-size: 28px;
  font-weight: 500;
  line-height: 40px;
  text-align: left;
  white-space: nowrap;
  z-index: 485;
}

.mask-group-112 {
  position: absolute;
  width: 94px;
  height: 88px;
  top: 248px;
  left: 51px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/8bfec3d0-bf83-402d-a0e6-d27bb776bb25.png) no-repeat center;
  background-size: cover;
  z-index: 488;
}

.design-113 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 10.05%;
  top: 72.49%;
  left: 23.95%;
  color: #00a89c;
  font-family: Roboto, var(--default-font-family);
  font-size: 20px;
  font-weight: 500;
  line-height: 38px;
  text-align: left;
  white-space: nowrap;
  z-index: 486;
}

.rectangle-114 {
  flex-shrink: 0;
  position: relative;
  width: 689px;
  height: 378px;
  font-size: 0px;
  background: #ffd74b;
  z-index: 474;
  border-radius: 10px;
}

.awesome-design-115 {
  display: block;
  position: relative;
  height: 62px;
  margin: 43px 0 0 50px;
  color: #000000;
  font-family: Roboto, var(--default-font-family);
  font-size: 24px;
  font-weight: 500;
  line-height: 62px;
  text-align: left;
  white-space: nowrap;
  z-index: 476;
}

.without-jobhunt-116 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 589px;
  height: 84px;
  margin: 20px 0 0 50px;
  color: #747373;
  font-family: Roboto, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: left;
  text-overflow: initial;
  z-index: 479;
  overflow: hidden;
}

.nicole-wells-117 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 10.58%;
  top: 64.55%;
  left: 23.95%;
  color: #000000;
  font-family: Roboto, var(--default-font-family);
  font-size: 28px;
  font-weight: 500;
  line-height: 40px;
  text-align: left;
  white-space: nowrap;
  z-index: 477;
}

.mask-group-118 {
  position: absolute;
  width: 94px;
  height: 88px;
  top: 248px;
  left: 51px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/91546490-70f4-4d46-a30b-7990efafdb2d.png) no-repeat center;
  background-size: cover;
  z-index: 480;
}

.design-119 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 10.05%;
  top: 72.49%;
  left: 23.95%;
  color: #00a89c;
  font-family: Roboto, var(--default-font-family);
  font-size: 20px;
  font-weight: 500;
  line-height: 38px;
  text-align: left;
  white-space: nowrap;
  z-index: 478;
}

.rectangle-11a {
  flex-shrink: 0;
  position: relative;
  width: 689px;
  height: 378px;
  font-size: 0px;
  background: #ffd74b;
  z-index: 490;
  border-radius: 10px;
}

.awesome-design-11b {
  display: block;
  position: relative;
  height: 62px;
  margin: 43px 0 0 50px;
  color: #000000;
  font-family: Roboto, var(--default-font-family);
  font-size: 24px;
  font-weight: 500;
  line-height: 62px;
  text-align: left;
  white-space: nowrap;
  z-index: 492;
}

.without-jobhunt-11c {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 589px;
  height: 84px;
  margin: 20px 0 0 50px;
  color: #747373;
  font-family: Roboto, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: left;
  text-overflow: initial;
  z-index: 495;
  overflow: hidden;
}

.nicole-wells-11d {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 10.58%;
  top: 64.55%;
  left: 23.95%;
  color: #000000;
  font-family: Roboto, var(--default-font-family);
  font-size: 28px;
  font-weight: 500;
  line-height: 40px;
  text-align: left;
  white-space: nowrap;
  z-index: 493;
}

.mask-group-11e {
  position: absolute;
  width: 94px;
  height: 88px;
  top: 248px;
  left: 51px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/9def3851-78ba-4645-868b-ea635915716b.png) no-repeat center;
  background-size: cover;
  z-index: 496;
}

.design-11f {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 10.05%;
  top: 72.49%;
  left: 23.95%;
  color: #00a89c;
  font-family: Roboto, var(--default-font-family);
  font-size: 20px;
  font-weight: 500;
  line-height: 38px;
  text-align: left;
  white-space: nowrap;
  z-index: 494;
}

.enough-said {
  position: relative;
  width: 589px;
  height: 140px;
  margin: 255.441px 0 0 664px;
  font-family: Roboto, var(--default-font-family);
  font-size: 60px;
  font-weight: 700;
  line-height: 70.313px;
  text-align: center;
  z-index: 438;
}

.enough-said-120 {
  position: relative;
  color: #00a89c;
  font-family: Roboto, var(--default-font-family);
  font-size: 60px;
  font-weight: 700;
  line-height: 70.313px;
  text-align: center;
}

.time-to-give-it-a-go {
  position: relative;
  color: #0e0e0e;
  font-family: Roboto, var(--default-font-family);
  font-size: 60px;
  font-weight: 700;
  line-height: 70.313px;
  text-align: center;
}

.sleek-smart-eff {
  display: block;
  position: relative;
  height: 29px;
  margin: 53px 0 0 521px;
  color: #747373;
  font-family: Roboto, var(--default-font-family);
  font-size: 25px;
  font-weight: 400;
  line-height: 29px;
  text-align: left;
  white-space: nowrap;
  z-index: 439;
}

.rectangle-121 {
  position: relative;
  width: 709px;
  height: 80px;
  margin: 76.559px 0 0 610px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-24/xBdeEkTCSt.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 441;
}

.rectangle-122 {
  position: absolute;
  width: 28.77%;
  height: 80%;
  top: 10.55%;
  left: 70.1%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-24/fvi4AqSXxY.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 442;
}

.talk-to-sales {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 40.63%;
  top: 26.56%;
  left: 22.55%;
  color: #ffffff;
  font-family: Roboto, var(--default-font-family);
  font-size: 22px;
  font-weight: 400;
  line-height: 25.781px;
  text-align: left;
  white-space: nowrap;
  z-index: 444;
}

.sleek-smart-eff-123 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 32.5%;
  top: 33.75%;
  left: 4.23%;
  color: #747373;
  font-family: Roboto, var(--default-font-family);
  font-size: 22px;
  font-weight: 400;
  line-height: 25.781px;
  text-align: left;
  white-space: nowrap;
  z-index: 443;
}

.flex-row-d-124 {
  position: relative;
  width: 1103px;
  height: 29px;
  margin: 66.441px 0 0 259px;
  z-index: 453;
}

.sleek-smart-eff-125 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  color: #0e0e0e;
  font-family: Roboto, var(--default-font-family);
  font-size: 25px;
  font-weight: 500;
  line-height: 29px;
  text-align: left;
  white-space: nowrap;
  z-index: 447;
}

.sleek-smart-eff-126 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 100%;
  top: 0;
  left: 45.24%;
  color: #0e0e0e;
  font-family: Roboto, var(--default-font-family);
  font-size: 25px;
  font-weight: 500;
  line-height: 29px;
  text-align: left;
  white-space: nowrap;
  z-index: 450;
}

.sleek-smart-eff-127 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 100%;
  top: 0;
  left: 91.57%;
  color: #0e0e0e;
  font-family: Roboto, var(--default-font-family);
  font-size: 25px;
  font-weight: 500;
  line-height: 29px;
  text-align: left;
  white-space: nowrap;
  z-index: 453;
}

.flex-row-ce {
  position: relative;
  width: 1382px;
  height: 29px;
  margin: 16px 0 0 259px;
  z-index: 454;
}

.plus {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  color: #747373;
  font-family: Roboto, var(--default-font-family);
  font-size: 25px;
  font-weight: 400;
  line-height: 29px;
  text-align: left;
  white-space: nowrap;
  z-index: 448;
}

.email {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 100%;
  top: 0;
  left: 36.11%;
  color: #747373;
  font-family: Roboto, var(--default-font-family);
  font-size: 25px;
  font-weight: 400;
  line-height: 29px;
  text-align: left;
  white-space: nowrap;
  z-index: 451;
}

.address {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 100%;
  top: 0;
  left: 73.08%;
  color: #747373;
  font-family: Roboto, var(--default-font-family);
  font-size: 25px;
  font-weight: 400;
  line-height: 29px;
  text-align: left;
  white-space: nowrap;
  z-index: 454;
}

.group-128 {
  position: relative;
  width: 104px;
  height: 104px;
  margin: 65px 0 0 890px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-24/YceaUqWva3.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 471;
}

.flex-row-ffe {
  position: relative;
  width: 1600px;
  height: 61.441px;
  margin: 27.559px 0 0 152px;
  z-index: 608;
}

.image-129 {
  position: absolute;
  width: 194px;
  height: 48px;
  top: 0;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-24/zdVaRVpt2E.png) no-repeat center;
  background-size: cover;
  z-index: 608;
}

.sleek-smart-eff-12a {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 56.96%;
  top: 42.32%;
  left: 39.5%;
  color: #ffffff;
  font-family: Roboto, var(--default-font-family);
  font-size: 30px;
  font-weight: 500;
  line-height: 35px;
  text-align: left;
  white-space: nowrap;
  z-index: 463;
}

.sleek-smart-eff-12b {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 56.96%;
  top: 42.32%;
  left: 60.88%;
  color: #ffffff;
  font-family: Roboto, var(--default-font-family);
  font-size: 30px;
  font-weight: 500;
  line-height: 35px;
  text-align: left;
  white-space: nowrap;
  z-index: 468;
}

.sleek-smart-eff-12c {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 56.96%;
  top: 43.04%;
  left: 86.06%;
  color: #ffffff;
  font-family: Roboto, var(--default-font-family);
  font-size: 30px;
  font-weight: 500;
  line-height: 35px;
  text-align: left;
  white-space: nowrap;
  z-index: 459;
}

.group-12d {
  position: absolute;
  width: 1.56%;
  height: 26.04%;
  top: 58.59%;
  left: 37.44%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-24/iNumXA9ATT.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 465;
}

.group-12e {
  position: absolute;
  width: 1.56%;
  height: 26.04%;
  top: 58.59%;
  left: 58.81%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-24/iQGWOJeG7r.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 470;
}

.flex-row-bfb {
  position: relative;
  width: 1582.278px;
  height: 261.984px;
  margin: 30.016px 0 0 152px;
  z-index: 469;
}

.group-12f {
  position: absolute;
  width: 12.97%;
  height: 21.37%;
  top: 0;
  left: 87.03%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-24/MnQ5D4kuTn.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 460;
}

.menu {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 123px;
  height: 95.43%;
  top: 4.57%;
  left: 37.86%;
  color: #ffffff;
  font-family: Roboto, var(--default-font-family);
  font-size: 25px;
  font-weight: 400;
  line-height: 50px;
  text-align: left;
  text-overflow: initial;
  z-index: 464;
  overflow: hidden;
}

.features {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 233px;
  height: 76.34%;
  top: 4.57%;
  left: 59.47%;
  color: #ffffff;
  font-family: Roboto, var(--default-font-family);
  font-size: 25px;
  font-weight: 400;
  line-height: 50px;
  text-align: left;
  text-overflow: initial;
  z-index: 469;
  overflow: hidden;
}

.description {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 364px;
  height: 54.97%;
  top: 9.92%;
  left: 0;
  color: #ffffff;
  font-family: Roboto, var(--default-font-family);
  font-size: 22px;
  font-weight: 400;
  line-height: 36px;
  text-align: left;
  text-overflow: initial;
  z-index: 456;
  overflow: hidden;
}

.copyright {
  display: block;
  position: relative;
  height: 29px;
  margin: 107px 0 0 830px;
  color: #ffffff;
  font-family: Roboto, var(--default-font-family);
  font-size: 25px;
  font-weight: 400;
  line-height: 29px;
  text-align: left;
  white-space: nowrap;
  z-index: 435;
}

.rectangle-130 {
  position: absolute;
  width: 100%;
  height: 0.6%;
  top: 0%;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-24/5d1eeb8e-6083-4e71-a30b-71fdacbe7906.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 611;
}

.vector-131 {
  position: absolute;
  width: 1976px;
  height: 82.96px;
  top: 2139px;
  left: -20px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-24/XYwiiRVW3V.png) no-repeat center;
  background-size: cover;
  z-index: 55;
}

.rectangle-132 {
  position: absolute;
  width: 100%;
  height: 3.69%;
  top: 22.94%;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-24/0v0QcLPnmW.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 156;
}

.vector-133 {
  position: absolute;
  width: 1920px;
  height: 82.96px;
  top: 6184px;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-24/BbS8FWNARJ.png) no-repeat center;
  background-size: cover;
  z-index: 56;
}

.rectangle-134 {
  position: absolute;
  width: 100%;
  height: 3.58%;
  top: 30.92%;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-24/mpK3dfQo5O.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 157;
}

.vector-135 {
  position: absolute;
  width: 1920px;
  height: 82.96px;
  top: 8058px;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-24/6wD1bWbkuQ.png) no-repeat center;
  background-size: cover;
  z-index: 57;
}

.rectangle-136 {
  position: absolute;
  width: 100.47%;
  height: 4.41%;
  top: 39.62%;
  left: -0.05%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-24/wnKd66ECMn.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 158;
}

.vector-137 {
  position: absolute;
  width: 1976px;
  height: 98px;
  top: 10282px;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-24/E5kqU2SuDa.png) no-repeat center;
  background-size: cover;
  z-index: 58;
}

.rectangle-138 {
  position: absolute;
  width: 100.47%;
  height: 4.41%;
  top: 49.39%;
  left: -0.42%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-24/xWz6TpN8uK.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 159;
}

.vector-139 {
  position: absolute;
  width: 1976px;
  height: 98px;
  top: 12545px;
  left: -6px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-24/kPO3nAWL6a.png) no-repeat center;
  background-size: cover;
  z-index: 59;
}

.group-13a {
  position: absolute;
  width: 102.97%;
  height: 4.32%;
  top: 58.74%;
  left: -0.47%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-24/Z0JgyULqLs.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 160;
}

.group-13b {
  position: absolute;
  width: 102.97%;
  height: 4.32%;
  top: 67.51%;
  left: -0.26%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-24/7pbULLnVSi.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 161;
}

.group-13c {
  position: absolute;
  width: 102.97%;
  height: 4.32%;
  top: 77%;
  left: -0.26%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-24/xStrYu0bLh.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 162;
}

.rectangle-13d {
  position: absolute;
  width: 100%;
  height: 3.41%;
  top: 94.27%;
  left: -0.05%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-24/UhbCRTSPUB.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 436;
}

.rectangle-13e {
  position: absolute;
  width: 100.05%;
  height: 2.14%;
  top: 97.47%;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-24/GOmwLBic7R.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 437;
}

.rectangle-13f {
  position: absolute;
  width: 100.05%;
  height: 0.39%;
  top: 99.6%;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-24/tQ16iba4Bq.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 434;
}

/* Global Horizontal Scroll Fix */
html,
body {
  overflow-x: hidden !important;
}