: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;
}

.main-container {
  overflow: hidden;
}

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

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

.main-container {
  position: relative;
  width: 1920px;
  height: 7597px;
  margin: 0 auto;
  background: #ffffff;
  overflow: hidden;
}
.flex-row-be {
  position: relative;
  width: 2764px;
  height: 68px;
  margin: 39px 0 0 60px;
  z-index: 378;
}
.group {
  position: absolute;
  width: 7.47%;
  height: 88.24%;
  top: 0;
  left: 57.67%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/5G2WL4mZEa.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 362;
}
.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: 364;
}
.group-1 {
  position: absolute;
  width: 9.43%;
  height: 14.07%;
  top: 41.67%;
  left: 74.91%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-25/ea664c61-193f-4af6-ba05-061579f46b57.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 365;
}
.image {
  position: absolute;
  width: 165px;
  height: 40px;
  top: 10px;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/LGzaUoPTnz.png)
    no-repeat center;
  background-size: cover;
  z-index: 371;
}
.home {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 41.18%;
  top: 23.53%;
  left: 16.28%;
  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: 370;
}
.about-us {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 41.18%;
  top: 23.53%;
  left: 20.62%;
  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: 372;
}
.product-tour {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 41.18%;
  top: 23.53%;
  left: 26.05%;
  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: 377;
}
.contact-us {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 41.18%;
  top: 23.53%;
  left: 33.72%;
  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: 373;
}
.pricing {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 41.18%;
  top: 23.53%;
  left: 39.8%;
  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: 374;
}
.login {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 41.18%;
  top: 25%;
  left: 53.55%;
  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: 368;
}
.lock {
  position: absolute;
  width: 0.51%;
  height: 27.35%;
  top: 32.45%;
  left: 52.6%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/uwvtWZimx2.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 369;
}
.path {
  position: absolute;
  width: 0.51%;
  height: 12.38%;
  top: 41.18%;
  left: 31.08%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/FQfMgRAPmp.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 378;
}
.group-2 {
  position: absolute;
  width: 202px;
  height: 34px;
  top: 34px;
  left: 2562px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/p8wmbB6QgG.png)
    no-repeat center;
  background-size: cover;
  z-index: 2;
  border-radius: 50px;
}
.teenyicons-tick-outline {
  position: relative;
  width: 15px;
  height: 10.346px;
  margin: -3.54px 0 0 -400px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/YJkuEOJfWx.png)
    no-repeat center;
  background-size: 100% 100%;
  overflow: hidden;
}
.flex-row-b {
  position: relative;
  width: 1676.97px;
  height: 685.568px;
  margin: 97.195px 0 0 151.03px;
  z-index: 157;
}
.rectangle {
  position: absolute;
  width: 17.89%;
  height: 55.14%;
  top: 0;
  left: 82.11%;
  font-size: 0px;
  background: #ffffff;
  z-index: 157;
  border-radius: 20px;
  box-shadow: 0 0 40px 0 rgba(0, 168, 156, 0.2);
}
.book-consultation-service {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 213.931px;
  height: 57.2px;
  margin: 30.117px 0 0 34.138px;
  color: #000000;
  font-family: Roboto, var(--default-font-family);
  font-size: 23px;
  font-weight: 700;
  line-height: 26.953px;
  text-align: left;
  text-overflow: initial;
  z-index: 158;
  overflow: hidden;
}
.mask-group {
  position: relative;
  width: 230px;
  height: 131px;
  margin: 13.683px 0 0 33px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/3px3aZ2jD4.png)
    no-repeat center;
  background-size: cover;
  z-index: 159;
}
.rectangle-3 {
  position: relative;
  width: 230px;
  height: 12px;
  margin: 22px 0 0 33px;
  background: #c4c4c4;
  opacity: 0.5;
  z-index: 160;
  border-radius: 5px;
}
.rectangle-4 {
  position: relative;
  width: 128px;
  height: 12px;
  margin: 9px 0 0 33px;
  background: #c4c4c4;
  opacity: 0.5;
  z-index: 161;
  border-radius: 5px;
}
.rectangle-5 {
  position: relative;
  width: 230px;
  height: 45px;
  margin: 21px 0 0 33px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/qOFQuZ6ztz.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 163;
}
.book-now {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 60%;
  top: 20%;
  left: 30.43%;
  color: #ffffff;
  font-family: Poppins, var(--default-font-family);
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  text-align: left;
  white-space: nowrap;
  z-index: 164;
}
.points-bg {
  position: absolute;
  width: 16.99%;
  height: 35.59%;
  top: 1.9%;
  left: 56.35%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/W3EAv2vyrg.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 5;
}
.mask-group-6 {
  position: absolute;
  width: 26.77%;
  height: 85.33%;
  top: 7.15%;
  left: 61.12%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/VAO98Zgs3D.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 7;
}
.booking-scheduler-for-official-services {
  position: absolute;
  width: 754px;
  height: 29.17%;
  top: 9.63%;
  left: 0.19%;
  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: 12;
}
.booking-scheduler {
  position: relative;
  color: #00a89c;
  font-family: Roboto, var(--default-font-family);
  font-size: 85px;
  font-weight: 700;
  line-height: 100px;
  text-align: left;
}
.for-official-services {
  position: relative;
  color: #000000;
  font-family: Roboto, var(--default-font-family);
  font-size: 85px;
  font-weight: 700;
  line-height: 100px;
  text-align: left;
}
.group-7 {
  position: absolute;
  width: 26.88%;
  height: 11.3%;
  top: 35.71%;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/h1z6vnpkOh.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 11;
  overflow: hidden;
}
.high-reputable-and-secure {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 610px;
  height: 9.92%;
  top: 51.34%;
  left: 0.18%;
  color: #565657;
  font-family: Roboto, var(--default-font-family);
  font-size: 26px;
  font-weight: 400;
  line-height: 30.469px;
  text-align: left;
  text-overflow: initial;
  z-index: 13;
  overflow: hidden;
}
.rectangle-8 {
  position: absolute;
  width: 13.24%;
  height: 9.77%;
  top: 69.58%;
  left: 0.18%;
  background: #00a89c;
  z-index: 15;
  border-radius: 5px;
}
.try-for-free {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 29.85%;
  top: 35.82%;
  left: 26.58%;
  color: #ffffff;
  font-family: Circular Std, var(--default-font-family);
  font-size: 20px;
  font-weight: 450;
  line-height: 20px;
  text-align: left;
  white-space: nowrap;
  z-index: 16;
}
.group-9 {
  position: absolute;
  width: 2.09%;
  height: 5.11%;
  top: 71.91%;
  left: 15.8%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/PpwNakLSvn.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 18;
}
.watch-a-demo {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 2.92%;
  top: 73.08%;
  left: 18.48%;
  color: #00a89c;
  font-family: Circular Std, var(--default-font-family);
  font-size: 20px;
  font-weight: 450;
  line-height: 20px;
  text-align: left;
  white-space: nowrap;
  z-index: 20;
}
.line {
  position: absolute;
  width: 7.69%;
  height: 0.15%;
  top: 75.7%;
  left: 18.72%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/XDoSaJ7cQ4.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 21;
}
.group-a {
  position: absolute;
  width: 7.51%;
  height: 18.38%;
  top: 79.5%;
  left: 83.01%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/XiuYwntRhd.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 8;
}
.group-b {
  position: relative;
  width: 57.653px;
  height: 71.787px;
  margin: 27px 0 0 34px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/Dn8WvyPvu8.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 165;
}
.union {
  position: absolute;
  width: 7%;
  height: 14.96%;
  top: 85.04%;
  left: 57.84%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/rGjYY0uofL.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 6;
}
.flex-row-d {
  position: relative;
  width: 1230px;
  height: 713px;
  margin: 99.432px 0 0 434px;
  z-index: 58;
}
.path-c {
  position: absolute;
  width: 20.41%;
  height: 83.96%;
  top: -0.07%;
  left: 80%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/97u5JJQJHY.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 28;
}
.path-d {
  position: absolute;
  width: 14.46%;
  height: 83.8%;
  top: 0.72%;
  left: 65.13%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/3hfskETua3.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 27;
}
.scheduling-software-for-professional-services {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 868px;
  height: 11.78%;
  top: 13.04%;
  left: 7.4%;
  color: #ffffff;
  font-family: Roboto, var(--default-font-family);
  font-size: 36px;
  font-weight: 500;
  line-height: 42.188px;
  text-align: center;
  z-index: 26;
}
.rectangle-e {
  position: absolute;
  width: 239px;
  height: 215px;
  top: 257px;
  left: 0;
  background: #ffffff;
  z-index: 30;
  border-radius: 10px;
  box-shadow: 0 0 20px 0 rgba(0, 168, 156, 0.2);
}
.business-consultants-coaches {
  position: relative;
  width: 92px;
  height: 92px;
  margin: 30px 0 0 75px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/G1eZ5JbUj9.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 31;
}
.business-consultants-coaches-f {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 213px;
  height: 49px;
  margin: 18px 0 0 13px;
  color: #000000;
  font-family: Roboto, var(--default-font-family);
  font-size: 22px;
  font-weight: 500;
  line-height: 25.781px;
  text-align: center;
  z-index: 32;
}
.rectangle-10 {
  position: absolute;
  width: 239px;
  height: 215px;
  top: 257px;
  left: 264px;
  background: #ffffff;
  z-index: 34;
  border-radius: 10px;
  box-shadow: 0 0 20px 0 rgba(0, 168, 156, 0.2);
}
.financial-advisors-services {
  position: relative;
  width: 92px;
  height: 92px;
  margin: 34px 0 0 73px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/e58NGfVKKU.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 36;
}
.financial-advisors-services-11 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 181px;
  height: 52px;
  margin: 14px 0 0 29px;
  color: #000000;
  font-family: Roboto, var(--default-font-family);
  font-size: 22px;
  font-weight: 500;
  line-height: 25.781px;
  text-align: center;
  text-overflow: initial;
  z-index: 35;
  overflow: hidden;
}
.rectangle-12 {
  position: absolute;
  width: 239px;
  height: 215px;
  top: 257px;
  left: 529px;
  background: #ffffff;
  z-index: 38;
  border-radius: 10px;
}
.attorneys-law-firms {
  position: relative;
  width: 92px;
  height: 95px;
  margin: 31px 0 0 73px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/io7DAea95D.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 40;
}
.attorneys-law-firms-13 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 122px;
  height: 52px;
  margin: 14px 0 0 58px;
  color: #000000;
  font-family: Roboto, var(--default-font-family);
  font-size: 22px;
  font-weight: 500;
  line-height: 25.781px;
  text-align: center;
  text-overflow: initial;
  z-index: 39;
  overflow: hidden;
}
.rectangle-14 {
  position: absolute;
  width: 239px;
  height: 215px;
  top: 257px;
  left: 793px;
  background: #ffffff;
  z-index: 42;
  border-radius: 10px;
  box-shadow: 0 0 20px 0 rgba(0, 168, 156, 0.2);
}
.accountants {
  position: relative;
  width: 96.676px;
  height: 91.588px;
  margin: 36.055px 0 0 69.341px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/HhwHCoMeZr.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 44;
}
.accountants-15 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 125px;
  height: 26px;
  margin: 12.357px 0 0 57px;
  color: #000000;
  font-family: Roboto, var(--default-font-family);
  font-size: 22px;
  font-weight: 500;
  line-height: 25.781px;
  text-align: center;
  white-space: nowrap;
  z-index: 43;
}
.rectangle-16 {
  position: absolute;
  width: 239px;
  height: 215px;
  top: 498px;
  left: 0;
  background: #ffffff;
  z-index: 46;
  border-radius: 10px;
  box-shadow: 0 0 20px 0 rgba(0, 168, 156, 0.2);
}
.real-estate-agents {
  position: relative;
  width: 92.008px;
  height: 92px;
  margin: 30.039px 0 0 75.02px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/GC9kaOxX2A.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 47;
}
.real-estate-agents-17 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 111px;
  height: 52px;
  margin: 14.961px 0 0 64px;
  color: #000000;
  font-family: Roboto, var(--default-font-family);
  font-size: 22px;
  font-weight: 500;
  line-height: 25.781px;
  text-align: center;
  text-overflow: initial;
  z-index: 48;
  overflow: hidden;
}
.rectangle-18 {
  position: absolute;
  width: 239px;
  height: 215px;
  top: 498px;
  left: 264px;
  background: #ffffff;
  z-index: 50;
  border-radius: 10px;
  box-shadow: 0 0 20px 0 rgba(0, 168, 156, 0.2);
}
.it-services {
  position: relative;
  width: 94px;
  height: 92px;
  margin: 30px 0 0 65px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/Tdfu3XtucJ.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 52;
}
.it-services-19 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 109px;
  height: 26px;
  margin: 15px 0 0 66px;
  color: #000000;
  font-family: Roboto, var(--default-font-family);
  font-size: 22px;
  font-weight: 500;
  line-height: 25.781px;
  text-align: center;
  white-space: nowrap;
  z-index: 51;
}
.rectangle-1a {
  position: absolute;
  width: 239px;
  height: 215px;
  top: 498px;
  left: 529px;
  background: #ffffff;
  z-index: 54;
  border-radius: 10px;
  box-shadow: 0 0 20px 0 rgba(0, 168, 156, 0.2);
}
.photographers-designers {
  position: relative;
  width: 89.961px;
  height: 95.953px;
  margin: 21px 0 0 76px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/uBivtcGHbQ.png)
    no-repeat center;
  background-size: cover;
  z-index: 56;
}
.photographers-designers-1b {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 146px;
  height: 52px;
  margin: 20.047px 0 0 46px;
  color: #000000;
  font-family: Roboto, var(--default-font-family);
  font-size: 22px;
  font-weight: 500;
  line-height: 25.781px;
  text-align: center;
  text-overflow: initial;
  z-index: 55;
  overflow: hidden;
}
.rectangle-1c {
  position: absolute;
  width: 239px;
  height: 215px;
  top: 498px;
  left: 793px;
  font-size: 0px;
  background: #ffffff;
  z-index: 58;
  border-radius: 10px;
  box-shadow: 0 0 20px 0 rgba(0, 168, 156, 0.2);
}
.freelancers {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 116px;
  height: 26px;
  margin: 137px 0 0 61px;
  color: #000000;
  font-family: Roboto, var(--default-font-family);
  font-size: 22px;
  font-weight: 500;
  line-height: 25.781px;
  text-align: center;
  white-space: nowrap;
  z-index: 60;
}
.taekwondo {
  position: absolute;
  width: 94px;
  height: 94px;
  top: 20px;
  left: 74px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/yBMYxRiqQ0.png)
    no-repeat center;
  background-size: cover;
  z-index: 22;
  overflow: hidden;
}
.freelancers-1d {
  position: absolute;
  width: 36.04%;
  height: 43.72%;
  top: 12.09%;
  left: 31.77%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/FjD6dcBDk3.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 59;
}
.flex-row-f {
  position: relative;
  width: 1571px;
  height: 723.038px;
  margin: 311px 0 0 150px;
  z-index: 266;
}
.points-bg-1e {
  position: absolute;
  width: 16.87%;
  height: 31.4%;
  top: 0;
  left: 13.81%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/Sb1hAAPNct.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 167;
}
.su {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 5.28%;
  height: 5.73%;
  top: 81.94%;
  left: 88.3%;
  color: #000000;
  font-family: Roboto, var(--default-font-family);
  font-size: 11px;
  font-weight: 500;
  line-height: 12.891px;
  text-align: center;
  white-space: nowrap;
  z-index: 191;
}
.rectangle-1f {
  position: absolute;
  width: 21.83%;
  height: 69.98%;
  top: 6.78%;
  left: 25.53%;
  background: #ffffff;
  z-index: 183;
  border-radius: 10px;
  box-shadow: 0 0 40px 0 rgba(0, 168, 156, 0.2);
}
.rectangle-20 {
  position: relative;
  width: 343px;
  height: 55px;
  margin: 0 0 0 0;
  background: #00a89c;
  z-index: 193;
  border-radius: 10px 10px 0 0;
}
.make-appointment {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 40%;
  top: 29.09%;
  left: 5.83%;
  color: #ffffff;
  font-family: Roboto, var(--default-font-family);
  font-size: 19px;
  font-weight: 700;
  line-height: 22px;
  text-align: left;
  white-space: nowrap;
  z-index: 193;
}
.flex-row {
  position: relative;
  width: 277px;
  height: 21px;
  margin: 29px 0 0 37px;
  z-index: 243;
}
.december {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  color: #000000;
  font-family: Roboto, var(--default-font-family);
  font-size: 18px;
  font-weight: 700;
  line-height: 21px;
  text-align: left;
  white-space: nowrap;
  z-index: 192;
}
.vector {
  position: absolute;
  width: 2.89%;
  height: 63.49%;
  top: 23.81%;
  left: 97.11%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/4BWEhFxbt6.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 243;
}
.vector-21 {
  position: absolute;
  width: 2.89%;
  height: 63.49%;
  top: 23.81%;
  left: 87%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/q1Hhz60tsJ.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 242;
}
.flex-row-ba {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 204px;
  height: 13px;
  margin: 32px 0 0 88px;
  z-index: 199;
}
.mo {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  width: 18px;
  height: 13px;
  color: #000000;
  font-family: Roboto, var(--default-font-family);
  font-size: 11px;
  font-weight: 500;
  line-height: 12.891px;
  text-align: center;
  white-space: nowrap;
  z-index: 194;
}
.tu {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  width: 14px;
  height: 13px;
  color: #000000;
  font-family: Roboto, var(--default-font-family);
  font-size: 11px;
  font-weight: 500;
  line-height: 12.891px;
  text-align: center;
  white-space: nowrap;
  z-index: 195;
}
.we {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  width: 16px;
  height: 13px;
  color: #000000;
  font-family: Roboto, var(--default-font-family);
  font-size: 11px;
  font-weight: 500;
  line-height: 12.891px;
  text-align: center;
  white-space: nowrap;
  z-index: 196;
}
.th {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  width: 15px;
  height: 13px;
  color: #000000;
  font-family: Roboto, var(--default-font-family);
  font-size: 11px;
  font-weight: 500;
  line-height: 12.891px;
  text-align: center;
  white-space: nowrap;
  z-index: 197;
}
.fr {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  width: 13px;
  height: 13px;
  color: #000000;
  font-family: Roboto, var(--default-font-family);
  font-size: 11px;
  font-weight: 500;
  line-height: 12.891px;
  text-align: center;
  white-space: nowrap;
  z-index: 198;
}
.sa {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  width: 14px;
  height: 13px;
  color: #000000;
  font-family: Roboto, var(--default-font-family);
  font-size: 11px;
  font-weight: 500;
  line-height: 12.891px;
  text-align: center;
  white-space: nowrap;
  z-index: 199;
}
.flex-row-ee {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 238px;
  height: 14px;
  margin: 26px 0 0 51px;
  z-index: 206;
}
.empty {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  width: 13px;
  height: 14px;
  color: #727272;
  font-family: Circular Std, var(--default-font-family);
  font-size: 11px;
  font-weight: 450;
  line-height: 13.915px;
  text-align: center;
  white-space: nowrap;
  z-index: 200;
}
.empty-22 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  width: 10px;
  height: 14px;
  color: #727272;
  font-family: Circular Std, var(--default-font-family);
  font-size: 11px;
  font-weight: 450;
  line-height: 13.915px;
  text-align: center;
  white-space: nowrap;
  z-index: 201;
}
.empty-23 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  width: 4px;
  height: 14px;
  color: #000000;
  font-family: Circular Std, var(--default-font-family);
  font-size: 11px;
  font-weight: 450;
  line-height: 13.915px;
  text-align: center;
  white-space: nowrap;
  z-index: 202;
}
.empty-24 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  width: 6px;
  height: 14px;
  color: #000000;
  font-family: Circular Std, var(--default-font-family);
  font-size: 11px;
  font-weight: 450;
  line-height: 13.915px;
  text-align: center;
  white-space: nowrap;
  z-index: 203;
}
.empty-25 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  width: 7px;
  height: 14px;
  color: #000000;
  font-family: Circular Std, var(--default-font-family);
  font-size: 11px;
  font-weight: 450;
  line-height: 13.915px;
  text-align: center;
  white-space: nowrap;
  z-index: 204;
}
.empty-26 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  width: 7px;
  height: 14px;
  color: #000000;
  font-family: Circular Std, var(--default-font-family);
  font-size: 11px;
  font-weight: 450;
  line-height: 13.915px;
  text-align: center;
  white-space: nowrap;
  z-index: 205;
}
.empty-27 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  width: 7px;
  height: 14px;
  color: #000000;
  font-family: Circular Std, var(--default-font-family);
  font-size: 11px;
  font-weight: 450;
  line-height: 13.915px;
  text-align: center;
  white-space: nowrap;
  z-index: 206;
}
.flex-row-be-28 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 236px;
  height: 14px;
  margin: 20px 0 0 54px;
  z-index: 213;
}
.empty-29 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  width: 7px;
  height: 14px;
  color: #000000;
  font-family: Circular Std, var(--default-font-family);
  font-size: 11px;
  font-weight: 450;
  line-height: 13.915px;
  text-align: center;
  white-space: nowrap;
  z-index: 207;
}
.empty-2a {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  width: 6px;
  height: 14px;
  color: #000000;
  font-family: Circular Std, var(--default-font-family);
  font-size: 11px;
  font-weight: 450;
  line-height: 13.915px;
  text-align: center;
  white-space: nowrap;
  z-index: 208;
}
.empty-2b {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  width: 7px;
  height: 14px;
  color: #000000;
  font-family: Circular Std, var(--default-font-family);
  font-size: 11px;
  font-weight: 450;
  line-height: 13.915px;
  text-align: center;
  white-space: nowrap;
  z-index: 209;
}
.empty-2c {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  width: 7px;
  height: 14px;
  color: #000000;
  font-family: Circular Std, var(--default-font-family);
  font-size: 11px;
  font-weight: 450;
  line-height: 13.915px;
  text-align: center;
  white-space: nowrap;
  z-index: 210;
}
.empty-2d {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  width: 11px;
  height: 14px;
  color: #000000;
  font-family: Circular Std, var(--default-font-family);
  font-size: 11px;
  font-weight: 450;
  line-height: 13.915px;
  text-align: center;
  white-space: nowrap;
  z-index: 211;
}
.empty-2e {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  width: 8px;
  height: 14px;
  color: #000000;
  font-family: Circular Std, var(--default-font-family);
  font-size: 11px;
  font-weight: 450;
  line-height: 13.915px;
  text-align: center;
  white-space: nowrap;
  z-index: 212;
}
.empty-2f {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  width: 10px;
  height: 14px;
  color: #000000;
  font-family: Circular Std, var(--default-font-family);
  font-size: 11px;
  font-weight: 450;
  line-height: 13.915px;
  text-align: center;
  white-space: nowrap;
  z-index: 213;
}
.flex-row-ddf {
  position: relative;
  width: 239px;
  height: 25px;
  margin: 15px 0 0 52px;
  z-index: 221;
}
.ellipse {
  position: absolute;
  width: 10.46%;
  height: 100%;
  top: 0;
  left: 62.34%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/zRsaRz4BA9.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 218;
  border-radius: 50%;
}
.empty-30 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 4.18%;
  height: 56%;
  top: 20%;
  left: 0;
  color: #000000;
  font-family: Circular Std, var(--default-font-family);
  font-size: 11px;
  font-weight: 450;
  line-height: 13.915px;
  text-align: center;
  white-space: nowrap;
  z-index: 214;
}
.empty-31 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 4.6%;
  height: 56%;
  top: 20%;
  left: 16.74%;
  color: #000000;
  font-family: Circular Std, var(--default-font-family);
  font-size: 11px;
  font-weight: 450;
  line-height: 13.915px;
  text-align: center;
  white-space: nowrap;
  z-index: 215;
}
.empty-32 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 4.18%;
  height: 56%;
  top: 20%;
  left: 33.05%;
  color: #000000;
  font-family: Circular Std, var(--default-font-family);
  font-size: 11px;
  font-weight: 450;
  line-height: 13.915px;
  text-align: center;
  white-space: nowrap;
  z-index: 216;
}
.empty-33 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 4.6%;
  height: 56%;
  top: 20%;
  left: 49.37%;
  color: #000000;
  font-family: Circular Std, var(--default-font-family);
  font-size: 11px;
  font-weight: 450;
  line-height: 13.915px;
  text-align: center;
  white-space: nowrap;
  z-index: 217;
}
.empty-34 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 5.44%;
  height: 52%;
  top: 20%;
  left: 64.85%;
  color: #ffffff;
  font-family: Roboto, var(--default-font-family);
  font-size: 11px;
  font-weight: 500;
  line-height: 12.891px;
  text-align: center;
  white-space: nowrap;
  z-index: 219;
}
.empty-35 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 4.6%;
  height: 56%;
  top: 20%;
  left: 80.33%;
  color: #000000;
  font-family: Circular Std, var(--default-font-family);
  font-size: 11px;
  font-weight: 450;
  line-height: 13.915px;
  text-align: center;
  white-space: nowrap;
  z-index: 220;
}
.empty-36 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 4.6%;
  height: 56%;
  top: 20%;
  left: 95.4%;
  color: #000000;
  font-family: Circular Std, var(--default-font-family);
  font-size: 11px;
  font-weight: 450;
  line-height: 13.915px;
  text-align: center;
  white-space: nowrap;
  z-index: 221;
}
.flex-row-37 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 241px;
  height: 14px;
  margin: 14px 0 0 51px;
  z-index: 228;
}
.empty-38 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  width: 13px;
  height: 14px;
  color: #000000;
  font-family: Circular Std, var(--default-font-family);
  font-size: 11px;
  font-weight: 450;
  line-height: 13.915px;
  text-align: center;
  white-space: nowrap;
  z-index: 222;
}
.empty-39 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  width: 10px;
  height: 14px;
  color: #000000;
  font-family: Circular Std, var(--default-font-family);
  font-size: 11px;
  font-weight: 450;
  line-height: 13.915px;
  text-align: center;
  white-space: nowrap;
  z-index: 223;
}
.empty-3a {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  width: 12px;
  height: 14px;
  color: #000000;
  font-family: Circular Std, var(--default-font-family);
  font-size: 11px;
  font-weight: 450;
  line-height: 13.915px;
  text-align: center;
  white-space: nowrap;
  z-index: 224;
}
.empty-3b {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  width: 12px;
  height: 14px;
  color: #000000;
  font-family: Circular Std, var(--default-font-family);
  font-size: 11px;
  font-weight: 450;
  line-height: 13.915px;
  text-align: center;
  white-space: nowrap;
  z-index: 225;
}
.empty-3c {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  width: 12px;
  height: 14px;
  color: #000000;
  font-family: Circular Std, var(--default-font-family);
  font-size: 11px;
  font-weight: 450;
  line-height: 13.915px;
  text-align: center;
  white-space: nowrap;
  z-index: 226;
}
.empty-3d {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  width: 12px;
  height: 14px;
  color: #000000;
  font-family: Circular Std, var(--default-font-family);
  font-size: 11px;
  font-weight: 450;
  line-height: 13.915px;
  text-align: center;
  white-space: nowrap;
  z-index: 227;
}
.empty-3e {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  width: 13px;
  height: 14px;
  color: #000000;
  font-family: Circular Std, var(--default-font-family);
  font-size: 11px;
  font-weight: 450;
  line-height: 13.915px;
  text-align: center;
  white-space: nowrap;
  z-index: 228;
}
.flex-row-3f {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 237px;
  height: 14px;
  margin: 20px 0 0 51px;
  z-index: 241;
}
.empty-40 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  width: 12px;
  height: 14px;
  color: #000000;
  font-family: Circular Std, var(--default-font-family);
  font-size: 11px;
  font-weight: 450;
  line-height: 13.915px;
  text-align: center;
  white-space: nowrap;
  z-index: 229;
}
.empty-41 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  width: 12px;
  height: 14px;
  color: #000000;
  font-family: Circular Std, var(--default-font-family);
  font-size: 11px;
  font-weight: 450;
  line-height: 13.915px;
  text-align: center;
  white-space: nowrap;
  z-index: 230;
}
.empty-42 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  width: 13px;
  height: 14px;
  color: #000000;
  font-family: Circular Std, var(--default-font-family);
  font-size: 11px;
  font-weight: 450;
  line-height: 13.915px;
  text-align: center;
  white-space: nowrap;
  z-index: 237;
}
.empty-43 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  width: 13px;
  height: 14px;
  color: #000000;
  font-family: Circular Std, var(--default-font-family);
  font-size: 11px;
  font-weight: 450;
  line-height: 13.915px;
  text-align: center;
  white-space: nowrap;
  z-index: 238;
}
.empty-44 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  width: 10px;
  height: 14px;
  color: #000000;
  font-family: Circular Std, var(--default-font-family);
  font-size: 11px;
  font-weight: 450;
  line-height: 13.915px;
  text-align: center;
  white-space: nowrap;
  z-index: 239;
}
.empty-45 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  width: 4px;
  height: 14px;
  color: #727272;
  font-family: Circular Std, var(--default-font-family);
  font-size: 11px;
  font-weight: 450;
  line-height: 13.915px;
  text-align: center;
  white-space: nowrap;
  z-index: 240;
}
.empty-46 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  width: 6px;
  height: 14px;
  color: #727272;
  font-family: Circular Std, var(--default-font-family);
  font-size: 11px;
  font-weight: 450;
  line-height: 13.915px;
  text-align: center;
  white-space: nowrap;
  z-index: 241;
}
.flex-row-d-47 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 277px;
  height: 29px;
  margin: 50px 0 0 37px;
  z-index: 186;
}
.rectangle-48 {
  flex-shrink: 0;
  position: relative;
  width: 135px;
  height: 29px;
  background: #00a89c;
  z-index: 185;
  border-radius: 3px;
}
.time-slot {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 77.78%;
  height: 44.83%;
  top: 27.59%;
  left: 11.11%;
  color: #ffffff;
  font-family: Roboto, var(--default-font-family);
  font-size: 11px;
  font-weight: 500;
  line-height: 12.891px;
  text-align: center;
  white-space: nowrap;
  z-index: 231;
}
.rectangle-49 {
  flex-shrink: 0;
  position: relative;
  width: 135px;
  height: 29px;
  border: 1px solid #c4c4c4;
  z-index: 186;
  border-radius: 3px;
}
.time-slot-4a {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 77.78%;
  height: 44.83%;
  top: 24.14%;
  left: 11.11%;
  color: #000000;
  font-family: Roboto, var(--default-font-family);
  font-size: 11px;
  font-weight: 500;
  line-height: 12.891px;
  text-align: center;
  white-space: nowrap;
  z-index: 232;
}
.flex-row-f-4b {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 277px;
  height: 29px;
  margin: 8px 0 0 37px;
  z-index: 188;
}
.rectangle-4c {
  flex-shrink: 0;
  position: relative;
  width: 135px;
  height: 29px;
  border: 1px solid #c4c4c4;
  z-index: 187;
  border-radius: 3px;
}
.time-slot-4d {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 77.78%;
  height: 44.83%;
  top: 24.14%;
  left: 11.11%;
  color: #000000;
  font-family: Roboto, var(--default-font-family);
  font-size: 11px;
  font-weight: 500;
  line-height: 12.891px;
  text-align: center;
  white-space: nowrap;
  z-index: 233;
}
.rectangle-4e {
  flex-shrink: 0;
  position: relative;
  width: 135px;
  height: 29px;
  border: 1px solid #c4c4c4;
  z-index: 188;
  border-radius: 3px;
}
.time-slot-4f {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 77.78%;
  height: 44.83%;
  top: 24.14%;
  left: 11.11%;
  color: #000000;
  font-family: Roboto, var(--default-font-family);
  font-size: 11px;
  font-weight: 500;
  line-height: 12.891px;
  text-align: center;
  white-space: nowrap;
  z-index: 234;
}
.flex-row-ade {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 277px;
  height: 29px;
  margin: 8px 0 0 37px;
  z-index: 190;
}
.rectangle-50 {
  flex-shrink: 0;
  position: relative;
  width: 135px;
  height: 29px;
  border: 1px solid #c4c4c4;
  z-index: 189;
  border-radius: 3px;
}
.time-slot-51 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 77.78%;
  height: 44.83%;
  top: 24.14%;
  left: 11.11%;
  color: #000000;
  font-family: Roboto, var(--default-font-family);
  font-size: 11px;
  font-weight: 500;
  line-height: 12.891px;
  text-align: center;
  white-space: nowrap;
  z-index: 235;
}
.rectangle-52 {
  flex-shrink: 0;
  position: relative;
  width: 135px;
  height: 29px;
  border: 1px solid #c4c4c4;
  z-index: 190;
  border-radius: 3px;
}
.time-slot-53 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 77.78%;
  height: 44.83%;
  top: 24.14%;
  left: 11.11%;
  color: #000000;
  font-family: Roboto, var(--default-font-family);
  font-size: 11px;
  font-weight: 500;
  line-height: 12.891px;
  text-align: center;
  white-space: nowrap;
  z-index: 236;
}
.rectangle-54 {
  position: absolute;
  width: 30.3%;
  height: 51.17%;
  top: 16.73%;
  left: 0;
  background: #ffffff;
  z-index: 171;
  border-radius: 10px;
  box-shadow: 0 0 40px 0 rgba(0, 168, 156, 0.2);
}
.rectangle-55 {
  position: relative;
  width: 476px;
  height: 60px;
  margin: 0 0 0 0;
  background: #00a89c;
  z-index: 181;
  border-radius: 10px 10px 0 0;
}
.make-appointment-56 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 36.67%;
  top: 30%;
  left: 4.2%;
  color: #ffffff;
  font-family: Roboto, var(--default-font-family);
  font-size: 19px;
  font-weight: 700;
  line-height: 22px;
  text-align: left;
  white-space: nowrap;
  z-index: 181;
}
.flex-row-df {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 416px;
  height: 144px;
  margin: 36px 0 0 30px;
  z-index: 179;
}
.mask-group-57 {
  flex-shrink: 0;
  position: relative;
  width: 198px;
  height: 144px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/uiWQWfwnNq.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 172;
}
.mask-group-58 {
  flex-shrink: 0;
  position: relative;
  width: 198px;
  height: 144px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/t1PWYnAsP8.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 179;
}
.flex-row-b-59 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 317px;
  height: 23px;
  margin: 16px 0 0 30px;
  z-index: 174;
}
.financial-consulting {
  flex-shrink: 0;
  position: relative;
  height: 23px;
  color: #2c2c2c;
  font-family: Roboto, var(--default-font-family);
  font-size: 20px;
  font-weight: 500;
  line-height: 23px;
  text-align: left;
  white-space: nowrap;
  z-index: 173;
}
.it-services-5a {
  flex-shrink: 0;
  position: relative;
  height: 23px;
  color: #2c2c2c;
  font-family: Roboto, var(--default-font-family);
  font-size: 20px;
  font-weight: 500;
  line-height: 23px;
  text-align: left;
  white-space: nowrap;
  z-index: 174;
}
.flex-row-5b {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 363px;
  height: 8px;
  margin: 17px 0 0 30px;
  z-index: 177;
}
.rectangle-5c {
  flex-shrink: 0;
  position: relative;
  width: 145px;
  height: 8px;
  background: #cccccc;
  z-index: 177;
  border-radius: 10px;
}
.rectangle-5d {
  flex-shrink: 0;
  position: relative;
  width: 145px;
  height: 8px;
  background: #cccccc;
  z-index: 175;
  border-radius: 10px;
}
.flex-row-5e {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 345px;
  height: 8px;
  margin: 8px 0 0 30px;
  z-index: 178;
}
.rectangle-5f {
  flex-shrink: 0;
  position: relative;
  width: 127px;
  height: 8px;
  background: #cccccc;
  z-index: 178;
  border-radius: 10px;
}
.rectangle-60 {
  flex-shrink: 0;
  position: relative;
  width: 127px;
  height: 8px;
  background: #cccccc;
  z-index: 176;
  border-radius: 10px;
}
.group-61 {
  position: absolute;
  width: 5.01%;
  height: 10.84%;
  top: 17.43%;
  left: 64.59%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/2WEsNxmhhn.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 266;
}
.self-booking {
  position: absolute;
  width: 319px;
  height: 8.57%;
  top: 33.24%;
  left: 64.61%;
  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: 261;
}
.self-booking-62 {
  position: relative;
  color: #00a89c;
  font-family: Roboto, var(--default-font-family);
  font-size: 55px;
  font-weight: 900;
  line-height: 62px;
  text-align: left;
}
.booking {
  position: relative;
  color: #000000;
  font-family: Roboto, var(--default-font-family);
  font-size: 55px;
  font-weight: 900;
  line-height: 62px;
  text-align: left;
}
.group-63 {
  position: absolute;
  width: 20.72%;
  height: 6.86%;
  top: 43.2%;
  left: 64.61%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/xiiLj1jgG5.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 259;
  overflow: hidden;
}
.allow-clients-book {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 553px;
  height: 9.13%;
  top: 53.71%;
  left: 64.8%;
  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: 260;
  overflow: hidden;
}
.rectangle-64 {
  position: absolute;
  width: 19.61%;
  height: 28.77%;
  top: 63.21%;
  left: 7.83%;
  background: #ffd74b;
  z-index: 245;
  border-radius: 10px;
}
.flex-column-afb {
  position: absolute;
  width: 73.38%;
  height: 67.31%;
  top: 15.38%;
  left: 10.71%;
  font-size: 0px;
  z-index: 247;
}
.reminder-notification {
  display: block;
  position: relative;
  height: 21px;
  margin: 0 0 0 0;
  color: #000000;
  font-family: Roboto, var(--default-font-family);
  font-size: 18px;
  font-weight: 500;
  line-height: 21px;
  text-align: left;
  white-space: nowrap;
  z-index: 246;
}
.send-automated-reminders {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 226px;
  height: 100px;
  margin: 19px 0 0 0;
  color: #2c2c2c;
  font-family: Roboto, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 18.75px;
  text-align: left;
  z-index: 247;
}
.ellipse-65 {
  position: absolute;
  width: 6.82%;
  height: 10.1%;
  top: 74.52%;
  left: 84.09%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/Ckg07HZyVF.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 251;
  border-radius: 50%;
}
.lorem-ipsum-dummy-text {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 488px;
  height: 11.62%;
  top: 71%;
  left: 67.22%;
  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: 265;
}
.group-66 {
  position: absolute;
  width: 1.36%;
  height: 2.21%;
  top: 71.83%;
  left: 64.61%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/hC7DpewZsW.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 263;
}
.group-67 {
  position: absolute;
  width: 1.36%;
  height: 2.21%;
  top: 79.58%;
  left: 64.61%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/oZgN5r45jP.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 264;
}
.union-68 {
  position: absolute;
  width: 9.96%;
  height: 20.06%;
  top: 79.94%;
  left: 2.86%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/USzEbWg45c.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 168;
}
.group-69 {
  position: absolute;
  width: 4.46%;
  height: 9.68%;
  top: 84.23%;
  left: 24.44%;
  font-size: 0px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/auqSYKmuMn.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 249;
}
.number-2 {
  display: block;
  position: relative;
  height: 14px;
  margin: 7px 0 0 5px;
  color: #000000;
  font-family: Roboto, var(--default-font-family);
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  text-align: left;
  white-space: nowrap;
  z-index: 252;
}
.group-6a {
  position: relative;
  width: 27.499px;
  height: 30px;
  margin: -1px 0 0 20.25px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/edrFxgf4oj.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 253;
}
.flex-row-6b {
  position: relative;
  width: 1666.652px;
  height: 703.16px;
  margin: 251.962px 0 0 148.348px;
  z-index: 342;
}
.points-bg-6c {
  position: absolute;
  width: 15.9%;
  height: 32.28%;
  top: 0;
  left: 76.6%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/vkuCxEzfNK.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 269;
}
.rectangle-6d {
  position: absolute;
  width: 21.6%;
  height: 91.02%;
  top: 7.68%;
  left: 66.22%;
  background: #ffffff;
  z-index: 272;
  border-radius: 20px;
  box-shadow: 0 0 40px 0 rgba(0, 168, 156, 0.2);
}
.mask-group-6e {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 273;
  -webkit-mask-image: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/kYjQ8X7m4k.png);
  -webkit-mask-size: cover;
}
.group-6f {
  position: absolute;
  width: 111.7%;
  height: 101.36%;
  top: -0.63%;
  left: -5.94%;
  z-index: 274;
}
.vector-70 {
  position: absolute;
  width: 89.52%;
  height: 98.65%;
  top: 0;
  left: 4.08%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/UZqdEiYOxV.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 275;
}
.group-71 {
  position: absolute;
  width: 90.77%;
  height: 9.71%;
  top: 0;
  left: 4.08%;
  z-index: 297;
}
.rectangle-72 {
  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-25/3175d5d1-60ee-4904-ac9b-9ee9701d0d63.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 298;
}
.group-73 {
  position: absolute;
  width: 9.17%;
  height: 52.38%;
  top: 23.81%;
  left: 86.67%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-25/4b647a38-a9e5-46a2-b2e8-7fb7e8f19eab.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 299;
}
.component {
  position: absolute;
  width: 9.17%;
  height: 52.38%;
  top: 23.81%;
  left: 74.72%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-25/ca87b091-e8c6-4da9-b7cb-168cea37b21f.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 300;
}
.group-74 {
  position: absolute;
  width: 18.18%;
  height: 29.37%;
  top: 36.51%;
  left: 7.06%;
  z-index: 301;
}
.number-400101 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 97.28%;
  top: 0;
  left: 32.75%;
  color: #ffffff;
  font-family: Bahnschrift, var(--default-font-family);
  font-size: 15px;
  font-weight: 400;
  line-height: 18px;
  text-align: left;
  white-space: nowrap;
  z-index: 302;
}
.icon-material-location-on {
  position: absolute;
  width: 17.66%;
  height: 89.19%;
  top: 10.81%;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-25/18748975-5a07-49d9-a3f0-c151bcd14d01.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 303;
}
.dashboard {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 3.39%;
  top: 13.72%;
  left: 10.05%;
  color: #484848;
  font-family: Bahnschrift, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 21.604px;
  text-align: left;
  white-space: nowrap;
  z-index: 276;
}
.group-75 {
  position: absolute;
  width: 38.79%;
  height: 22.51%;
  top: 21.89%;
  left: 9.55%;
  z-index: 277;
}
.mask-group-76 {
  position: relative;
  width: 156px;
  height: 70px;
  margin: 0 0 0 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/5QHxJaLq9p.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 281;
}
.business-consultants {
  display: block;
  position: relative;
  height: 17px;
  margin: 10px 0 0 9px;
  color: #484848;
  font-family: Bahnschrift, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 16.803px;
  text-align: left;
  white-space: nowrap;
  z-index: 279;
}
.lorem-ipsum-dolor {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 104px;
  height: 28px;
  margin: 4.8px 0 0 9px;
  color: #a8a8a8;
  font-family: Poppins, var(--default-font-family);
  font-size: 9.199999809265137px;
  font-weight: 400;
  line-height: 13.8px;
  text-align: left;
  text-overflow: initial;
  z-index: 280;
  overflow: hidden;
}
.rectangle-77 {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/MSOYPdtnWC.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 278;
}
.group-78 {
  position: absolute;
  width: 38.79%;
  height: 22.51%;
  top: 21.89%;
  left: 51.82%;
  z-index: 287;
}
.mask-group-79 {
  position: relative;
  width: 156px;
  height: 70px;
  margin: 0 0 0 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/O70OR40kDt.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 291;
}
.financial-advisor {
  display: block;
  position: relative;
  height: 17px;
  margin: 10px 0 0 10px;
  color: #484848;
  font-family: Bahnschrift, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 16.803px;
  text-align: left;
  white-space: nowrap;
  z-index: 289;
}
.lorem-ipsum-dolor-7a {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 104px;
  height: 28px;
  margin: 4.8px 0 0 10px;
  color: #a8a8a8;
  font-family: Poppins, var(--default-font-family);
  font-size: 9.199999809265137px;
  font-weight: 400;
  line-height: 13.8px;
  text-align: left;
  text-overflow: initial;
  z-index: 290;
  overflow: hidden;
}
.rectangle-7b {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/0KNOOP7q1d.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 288;
}
.group-7c {
  position: absolute;
  width: 38.79%;
  height: 22.51%;
  top: 47.48%;
  left: 9.55%;
  z-index: 282;
}
.mask-group-7d {
  position: relative;
  width: 156px;
  height: 70px;
  margin: 0 0 0 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/TVRXoxr6gz.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 286;
}
.gaining-the-edge {
  display: block;
  position: relative;
  height: 17px;
  margin: 10px 0 0 9px;
  color: #484848;
  font-family: Bahnschrift, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 16.803px;
  text-align: left;
  white-space: nowrap;
  z-index: 284;
}
.lorem-ipsum-dolor-7e {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 104px;
  height: 28px;
  margin: 4.8px 0 0 9px;
  color: #a8a8a8;
  font-family: Poppins, var(--default-font-family);
  font-size: 9.199999809265137px;
  font-weight: 400;
  line-height: 13.8px;
  text-align: left;
  text-overflow: initial;
  z-index: 285;
  overflow: hidden;
}
.rectangle-7f {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/ZXjQVZTV6T.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 283;
}
.group-80 {
  position: absolute;
  width: 38.79%;
  height: 22.51%;
  top: 47.48%;
  left: 51.82%;
  z-index: 292;
}
.mask-group-81 {
  position: relative;
  width: 156px;
  height: 70px;
  margin: 0 0 0 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-25/70e9e5ab-d5b8-445a-8e66-4f035bcfbefd.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 296;
}
.real-estate-agents-82 {
  display: block;
  position: relative;
  height: 17px;
  margin: 10px 0 0 9px;
  color: #484848;
  font-family: Bahnschrift, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 16.803px;
  text-align: left;
  white-space: nowrap;
  z-index: 294;
}
.lorem-ipsum-dolor-83 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 104px;
  height: 28px;
  margin: 4.8px 0 0 9px;
  color: #a8a8a8;
  font-family: Poppins, var(--default-font-family);
  font-size: 9.199999809265137px;
  font-weight: 400;
  line-height: 13.8px;
  text-align: left;
  text-overflow: initial;
  z-index: 295;
  overflow: hidden;
}
.rectangle-84 {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/cwwRC6Fmj0.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 293;
}
.group-85 {
  position: absolute;
  width: 13.18%;
  height: 8.17%;
  top: 84.32%;
  left: 73.21%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/8VeAUchOw3.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 305;
}
.path-86 {
  position: absolute;
  width: 100%;
  height: 13.22%;
  top: 86.78%;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/r7fAruGYuH.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 304;
}
.group-87 {
  position: absolute;
  width: 7.96%;
  height: 6.23%;
  top: 89.71%;
  left: 12.61%;
  z-index: 306;
}
.icon-feather-home {
  position: relative;
  width: 18.328px;
  height: 20.364px;
  margin: 0 0 0 6.697px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-25/2498fbdd-ea9f-4ebc-8781-0b78351876eb.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 307;
}
.home-88 {
  display: block;
  position: relative;
  height: 14px;
  margin: 6.068px 0 0 0;
  color: #00a89c;
  font-family: Bahnschrift, var(--default-font-family);
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  text-align: left;
  white-space: nowrap;
  z-index: 308;
}
.group-89 {
  position: absolute;
  width: 16.91%;
  height: 6.23%;
  top: 89.71%;
  left: 30.69%;
  opacity: 0.5;
  z-index: 309;
}
.icon-feather-calendar {
  position: relative;
  width: 18.328px;
  height: 20.363px;
  margin: 0 0 0 24.973px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-25/0fb25b53-c369-43c1-b813-bd56882b212a.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 310;
}
.my-bookings {
  display: block;
  position: relative;
  height: 14px;
  margin: 6.069px 0 0 0;
  color: #868686;
  font-family: Bahnschrift, var(--default-font-family);
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  text-align: left;
  white-space: nowrap;
  z-index: 311;
}
.group-8a {
  position: absolute;
  width: 10.94%;
  height: 6.23%;
  top: 89.71%;
  left: 56.87%;
  opacity: 0.5;
  z-index: 312;
}
.icon-person-add {
  position: relative;
  width: 22.8px;
  height: 22.8px;
  margin: -1px 0 0 10.203px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/FX0AF2VUPY.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 313;
}
.account {
  display: block;
  position: relative;
  height: 14px;
  margin: 4.632px 0 0 0;
  color: #868686;
  font-family: Bahnschrift, var(--default-font-family);
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  text-align: left;
  white-space: nowrap;
  z-index: 314;
}
.group-8b {
  position: absolute;
  width: 6.39%;
  height: 13.94%;
  top: 13.94%;
  left: 0.13%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/JUM0stPZH9.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 342;
}
.group-8c {
  position: absolute;
  width: 88px;
  height: 88px;
  top: 213px;
  left: 1578.652px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/739ouoK4Ss.png)
    no-repeat center;
  background-size: cover;
  z-index: 319;
}
.do-what-makes {
  position: absolute;
  width: 674px;
  height: 8.82%;
  top: 34.47%;
  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: 341;
}
.do-what {
  position: relative;
  color: #00a89c;
  font-family: Roboto, var(--default-font-family);
  font-size: 55px;
  font-weight: 900;
  line-height: 62px;
  text-align: left;
}
.makes-you-proud {
  position: relative;
  color: #000000;
  font-family: Roboto, var(--default-font-family);
  font-size: 55px;
  font-weight: 900;
  line-height: 62px;
  text-align: left;
}
.rectangle-8d {
  position: absolute;
  width: 13.2%;
  height: 34.7%;
  top: 36.12%;
  left: 85.3%;
  font-size: 0px;
  background: #ffffff;
  z-index: 316;
  border-radius: 15px;
  box-shadow: 0 0 20px 0 rgba(0, 168, 156, 0.2);
}
.proposal {
  display: block;
  position: relative;
  height: 23px;
  margin: 28px 0 0 28px;
  color: #000000;
  font-family: Bahnschrift, var(--default-font-family);
  font-size: 19px;
  font-weight: 400;
  line-height: 22.804px;
  text-align: left;
  white-space: nowrap;
  z-index: 317;
}
.group-8e {
  position: relative;
  width: 166px;
  height: 92px;
  margin: 24px 0 0 28px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/JzjTJ4qf0W.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 318;
  border-radius: 20px;
}
.fake-signature {
  position: relative;
  width: 116.038px;
  height: 56.968px;
  margin: 8.001px 0 0 79px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/g7cRz5CtDq.png)
    no-repeat center;
  background-size: cover;
  z-index: 320;
}
.union-8f {
  position: absolute;
  width: 8.36%;
  height: 22.38%;
  top: 39.11%;
  left: 51.94%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/79MTjZTSOq.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 268;
}
.group-90 {
  position: absolute;
  width: 19.53%;
  height: 7.05%;
  top: 44.71%;
  left: 0.12%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-25/239e37a6-e8b3-467d-b331-dfbe375ff12a.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 339;
  overflow: hidden;
}
.rectangle-91 {
  position: absolute;
  width: 20.82%;
  height: 49.63%;
  top: 50.37%;
  left: 55.78%;
  background: #ffffff;
  z-index: 323;
  border-radius: 15px;
  box-shadow: 0 4px 40px 0 rgba(0, 168, 156, 0.5);
}
.mask-group-92 {
  position: relative;
  width: 346.945px;
  height: 172.475px;
  margin: -0.18px 0 0 -0.05px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/vdj6ZeEMd0.png)
    no-repeat center;
  background-size: cover;
  z-index: 332;
}
.financial-consulting-93 {
  display: block;
  position: relative;
  height: 28.53px;
  margin: 27.413px 0 0 59.946px;
  color: #000000;
  font-family: Bahnschrift, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 28.53px;
  text-align: left;
  white-space: nowrap;
  z-index: 324;
}
.line-94 {
  position: relative;
  width: 306.873px;
  height: 1px;
  margin: 26.947px 0 0 16.873px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/AQKyxbt18Y.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 325;
}
.price {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 6.94%;
  top: 79.47%;
  left: 8.81%;
  color: #000000;
  font-family: Bahnschrift, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 24.004px;
  text-align: left;
  white-space: nowrap;
  z-index: 328;
}
.book-now-95 {
  position: absolute;
  width: 49.85%;
  height: 13.01%;
  top: 79.75%;
  left: 44.98%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/DbPNEsaG4B.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 330;
}
.price-96 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 51.11%;
  top: 24.44%;
  left: 27.44%;
  color: #ffffff;
  font-family: Poppins, var(--default-font-family);
  font-size: 15px;
  font-weight: 500;
  line-height: 22.5px;
  text-align: left;
  white-space: nowrap;
  z-index: 331;
}
.book-now-97 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 6.07%;
  top: 87.56%;
  left: 8.81%;
  color: #a8a8a8;
  font-family: Poppins, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: left;
  white-space: nowrap;
  z-index: 327;
}
.line-98 {
  position: absolute;
  width: 18.54%;
  height: 0.29%;
  top: 90.45%;
  left: 7.9%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/ccfaSaQHA5.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 329;
}
.business-professionals {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 691px;
  height: 30.72%;
  top: 55.47%;
  left: 0.28%;
  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: 340;
}
.official-features {
  position: relative;
  width: 773px;
  height: 140px;
  margin: 319.84px 0 0 149px;
  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: 343;
}
.official-features-99 {
  position: relative;
  color: #00a89c;
  font-family: Roboto, var(--default-font-family);
  font-size: 60px;
  font-weight: 700;
  line-height: 70px;
  text-align: left;
}
.scheduling-features {
  position: relative;
  color: #0e0e0e;
  font-family: Roboto, var(--default-font-family);
  font-size: 60px;
  font-weight: 700;
  line-height: 70px;
  text-align: left;
}
.group-9a {
  position: relative;
  width: 357.02px;
  height: 50.105px;
  margin: 5px 0 0 149.265px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/ySbNToZDOF.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 344;
  overflow: hidden;
}
.group-9b {
  position: relative;
  width: 357.02px;
  height: 50.105px;
  margin: 24.895px 0 0 150.265px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/qhBsUqcuTS.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 62;
  overflow: hidden;
}
.flex-row-ac {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 1620px;
  height: 408px;
  margin: 5.895px 0 0 152px;
  z-index: 70;
}
.rectangle-9c {
  flex-shrink: 0;
  position: relative;
  width: 791px;
  height: 408px;
  background: #ffffff;
  z-index: 63;
  border-radius: 10px;
  box-shadow: 0 0 40px 0 rgba(0, 168, 156, 0.2);
}
.flex-column-aed {
  position: absolute;
  width: 44.88%;
  height: 59.07%;
  top: 16.42%;
  left: 45.51%;
  font-size: 0px;
  z-index: 65;
}
.top-security {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 321.96px;
  height: 70.809px;
  margin: 0 0 0 0;
  color: #000000;
  font-family: Roboto, var(--default-font-family);
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  text-align: left;
  z-index: 64;
}
.priority-scheduling {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 354px;
  height: 140px;
  margin: 30.191px 0 0 1px;
  color: #565657;
  font-family: Roboto, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: left;
  text-overflow: initial;
  z-index: 65;
  overflow: hidden;
}
.flex-column-ac {
  position: absolute;
  width: 28.58%;
  height: 54.17%;
  top: 18.87%;
  left: 10.49%;
  z-index: 78;
}
.ellipse-9d {
  position: absolute;
  width: 41.6%;
  height: 42.55%;
  top: 0;
  left: 58.4%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/d966ebpTST.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 77;
  border-radius: 50%;
}
.web-security {
  position: absolute;
  width: 21.23%;
  height: 21.72%;
  top: 11.31%;
  left: 68.57%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/up5M2xrYoQ.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 78;
  overflow: hidden;
}
.mask-group-9e {
  position: absolute;
  width: 84.05%;
  height: 85.07%;
  top: 14.93%;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/syYAkqfogu.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 76;
}
.rectangle-9f {
  flex-shrink: 0;
  position: relative;
  width: 791px;
  height: 408px;
  background: #ffffff;
  z-index: 70;
  border-radius: 10px;
  box-shadow: 0 0 40px 0 rgba(0, 168, 156, 0.2);
}
.flex-column-ac-a0 {
  position: absolute;
  width: 47.66%;
  height: 57.84%;
  top: 16.42%;
  left: 45.51%;
  font-size: 0px;
  z-index: 72;
}
.manage-deals {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 377px;
  height: 71px;
  margin: 0 0 0 0;
  color: #000000;
  font-family: Roboto, var(--default-font-family);
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  text-align: left;
  z-index: 71;
}
.manage-scheduling {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 355.152px;
  height: 134.98px;
  margin: 30px 0 0 0;
  color: #565657;
  font-family: Roboto, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: left;
  z-index: 72;
}
.flex-column-d {
  position: absolute;
  width: 28.58%;
  height: 54.17%;
  top: 18.87%;
  left: 10.49%;
  z-index: 85;
}
.ellipse-a1 {
  position: absolute;
  width: 41.6%;
  height: 42.55%;
  top: 0;
  left: 58.4%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/8dwttGmBGP.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 80;
  border-radius: 50%;
}
.calendar {
  position: absolute;
  width: 49px;
  height: 49px;
  top: 23px;
  left: 155px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/4NwJUA6GzK.png)
    no-repeat center;
  background-size: cover;
  z-index: 85;
  overflow: hidden;
}
.mask-group-a2 {
  position: absolute;
  width: 84.05%;
  height: 85.07%;
  top: 14.93%;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/RHEe5uGVnR.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 79;
}
.flex-row-ef {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 1620px;
  height: 408px;
  margin: 40px 0 0 152px;
  z-index: 73;
}
.rectangle-a3 {
  flex-shrink: 0;
  position: relative;
  width: 791px;
  height: 408px;
  background: #ffffff;
  z-index: 66;
  border-radius: 10px;
  box-shadow: 0 0 40px 0 rgba(0, 168, 156, 0.2);
}
.flex-column {
  position: absolute;
  width: 44.9%;
  height: 57.84%;
  top: 16.42%;
  left: 45.51%;
  font-size: 0px;
  z-index: 69;
}
.multiple-users {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 352px;
  height: 71px;
  margin: 0 0 0 0;
  color: #000000;
  font-family: Roboto, var(--default-font-family);
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  text-align: left;
  z-index: 68;
}
.challenging-tasks {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 355.152px;
  height: 134.98px;
  margin: 30px 0 0 0;
  color: #565657;
  font-family: Roboto, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: left;
  z-index: 69;
}
.flex-column-f {
  position: absolute;
  width: 28.58%;
  height: 54.17%;
  top: 18.87%;
  left: 10.49%;
  z-index: 82;
}
.ellipse-a4 {
  position: absolute;
  width: 41.6%;
  height: 42.55%;
  top: 0;
  left: 58.4%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/to21e5TBap.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 81;
  border-radius: 50%;
}
.group-a5 {
  position: absolute;
  width: 20.35%;
  height: 18.16%;
  top: 12.22%;
  left: 69.01%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/3nyquPETT3.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 82;
}
.mask-group-a6 {
  position: absolute;
  width: 84.05%;
  height: 85.07%;
  top: 14.93%;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/6rXQULThm6.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 67;
}
.rectangle-a7 {
  flex-shrink: 0;
  position: relative;
  width: 791px;
  height: 408px;
  background: #ffffff;
  z-index: 73;
  border-radius: 10px;
  box-shadow: 0 0 40px 0 rgba(0, 168, 156, 0.2);
}
.flex-column-a8 {
  position: absolute;
  width: 46.4%;
  height: 57.84%;
  top: 16.42%;
  left: 45.51%;
  font-size: 0px;
  z-index: 75;
}
.enhance-bookings {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 321.96px;
  height: 70.809px;
  margin: 0 0 0 0;
  color: #000000;
  font-family: Roboto, var(--default-font-family);
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  text-align: left;
  z-index: 74;
}
.sports-training {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 367px;
  height: 135px;
  margin: 30.191px 0 0 0;
  color: #565657;
  font-family: Roboto, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: left;
  z-index: 75;
}
.flex-column-a9 {
  position: absolute;
  width: 28.58%;
  height: 54.17%;
  top: 18.87%;
  left: 10.49%;
  z-index: 86;
}
.ellipse-aa {
  position: absolute;
  width: 41.6%;
  height: 42.55%;
  top: 0;
  left: 58.4%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/QOShOjU3bK.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 84;
  border-radius: 50%;
}
.calendar-ab {
  position: absolute;
  width: 49px;
  height: 49px;
  top: 22px;
  left: 155px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/N1nQLsA7qb.png)
    no-repeat center;
  background-size: cover;
  z-index: 86;
  overflow: hidden;
}
.mask-group-ac {
  position: absolute;
  width: 84.05%;
  height: 85.07%;
  top: 14.93%;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/OUGcWRic38.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 83;
}
.testimonials {
  position: relative;
  width: 644px;
  height: 140px;
  margin: 247px 0 0 202px;
  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: 126;
}
.testimonials-ad {
  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;
}
.path-ae {
  position: relative;
  width: 323.662px;
  height: 23.06px;
  margin: 3.767px 0 0 202.942px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/AJx0LXyUVJ.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 153;
  overflow: visible auto;
}
.path-af {
  position: relative;
  width: 320.99px;
  height: 14.808px;
  margin: -2.026px 0 0 -0.61px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/Mogq9dx5Ns.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 152;
}
.flex-row-b-b0 {
  position: relative;
  width: 1620px;
  height: 71px;
  margin: 13.174px 0 0 201px;
  z-index: 154;
}
.group-b1 {
  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-25/NukexMtHDT.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 154;
}
.lorem-ipsum {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 46.48%;
  top: 50.7%;
  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: 127;
}
.wrapper-1d {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 2127px;
  height: 378px;
  margin: 90px 0 0 -101px;
  z-index: 145;
}
.rectangle-b2 {
  flex-shrink: 0;
  position: relative;
  width: 689px;
  height: 378px;
  font-size: 0px;
  background: #ffd74b;
  z-index: 137;
  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: 139;
}
.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: 142;
  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: 140;
}
.mask-group-b3 {
  position: absolute;
  width: 13.64%;
  height: 23.28%;
  top: 65.61%;
  left: 7.4%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/QWbNTWSrMQ.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 143;
}
.design {
  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: 141;
}
.rectangle-b4 {
  flex-shrink: 0;
  position: relative;
  width: 689px;
  height: 378px;
  font-size: 0px;
  background: #ffd74b;
  z-index: 129;
  border-radius: 10px;
}
.awesome-design-b5 {
  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: 131;
}
.without-jobhunt-b6 {
  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: 134;
  overflow: hidden;
}
.nicole-wells-b7 {
  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: 132;
}
.mask-group-b8 {
  position: absolute;
  width: 13.64%;
  height: 23.28%;
  top: 65.61%;
  left: 7.4%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/hEXtLQZ4Lu.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 135;
}
.design-b9 {
  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: 133;
}
.rectangle-ba {
  flex-shrink: 0;
  position: relative;
  width: 689px;
  height: 378px;
  font-size: 0px;
  background: #ffd74b;
  z-index: 145;
  border-radius: 10px;
}
.awesome-design-bb {
  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: 147;
}
.without-jobhunt-bc {
  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: 150;
  overflow: hidden;
}
.nicole-wells-bd {
  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: 148;
}
.mask-group-be {
  position: absolute;
  width: 13.64%;
  height: 23.28%;
  top: 65.61%;
  left: 7.4%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/Tj8L6LqBwN.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 151;
}
.design-bf {
  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: 149;
}
.flex-row-fa {
  position: relative;
  width: 1937px;
  height: 1245px;
  margin: 142px 0 0 2px;
  z-index: 91;
}
.rectangle-c0 {
  position: absolute;
  width: 99.12%;
  height: 63.94%;
  top: 0;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/gFZoFWzj5g.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 90;
}
.enough-said {
  position: relative;
  width: 589px;
  height: 140px;
  margin: 99px 0 0 665px;
  font-family: Roboto, var(--default-font-family);
  font-size: 60px;
  font-weight: 700;
  line-height: 70.313px;
  text-align: center;
  z-index: 92;
}
.give-it-a-go {
  position: relative;
  color: #00a89c;
  font-family: Roboto, var(--default-font-family);
  font-size: 60px;
  font-weight: 700;
  line-height: 70.313px;
  text-align: center;
}
.hands-on-experience {
  position: relative;
  color: #0e0e0e;
  font-family: Roboto, var(--default-font-family);
  font-size: 60px;
  font-weight: 700;
  line-height: 70.313px;
  text-align: center;
}
.rectangle-c1 {
  display: block;
  position: relative;
  height: 29px;
  margin: 53px 0 0 522px;
  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: 93;
}
.rectangle-c2 {
  position: relative;
  width: 709px;
  height: 80px;
  margin: 76.559px 0 0 611px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/QXoUcMgn5K.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 95;
}
.get-started-c3 {
  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-25/2hvWjctx8a.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 96;
}
.enter-your-email {
  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: 98;
}
.flex-row-c4 {
  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: 97;
}
.phone-no {
  position: relative;
  width: 1103px;
  height: 29px;
  margin: 66.441px 0 0 260px;
  z-index: 107;
}
.email {
  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: 101;
}
.address {
  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: 104;
}
.flex-row-bbc {
  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: 107;
}
.phone-number {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 1342px;
  height: 29px;
  margin: 16px 0 0 260px;
  z-index: 108;
}
.email-address {
  flex-shrink: 0;
  position: relative;
  height: 29px;
  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: 102;
}
.location {
  flex-shrink: 0;
  position: relative;
  height: 29px;
  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: 105;
}
.group-c5 {
  flex-shrink: 0;
  position: relative;
  height: 29px;
  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: 108;
}
.bi-arrow-right {
  position: relative;
  width: 104px;
  height: 104px;
  margin: 65px 0 0 891px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/Ers5EY0Qx3.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 125;
}
.rectangle-c6 {
  position: absolute;
  width: 0.83%;
  height: 2.68%;
  top: 2.45%;
  left: 99.17%;
  z-index: 1;
  overflow: hidden;
}
.flex-row-c7 {
  position: absolute;
  width: 99.17%;
  height: 40.08%;
  top: 59.92%;
  left: 0.05%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/e9QTqaJ69K.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 91;
}
.image-c8 {
  position: relative;
  width: 1600px;
  height: 48px;
  margin: 83px 0 0 152px;
  z-index: 354;
}
.product {
  position: absolute;
  width: 194px;
  height: 48px;
  top: 0;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/fwJWaTksiq.png)
    no-repeat center;
  background-size: cover;
  z-index: 354;
}
.features {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 72.92%;
  top: 24.08%;
  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: 117;
}
.connect-with-us {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 72.92%;
  top: 24.08%;
  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: 122;
}
.group-c9 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 72.92%;
  top: 25%;
  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: 113;
}
.group-ca {
  position: absolute;
  width: 1.56%;
  height: 33.33%;
  top: 44.91%;
  left: 37.44%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/KfQoPKXt6F.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 119;
}
.flex-row-ed {
  position: absolute;
  width: 1.56%;
  height: 33.33%;
  top: 44.91%;
  left: 58.81%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/jXDH3yW2wD.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 124;
}
.frame {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 584px;
  height: 29px;
  margin: 7px 0 0 751px;
  z-index: 350;
}
.frame-cb {
  flex-shrink: 0;
  position: relative;
  width: 132px;
  height: 29px;
  z-index: 345;
  overflow: hidden;
}
.flex-row-c {
  flex-shrink: 0;
  position: relative;
  width: 241px;
  height: 29px;
  z-index: 350;
  overflow: hidden;
}
.group-cc {
  position: relative;
  width: 1582.279px;
  height: 261.984px;
  margin: -6.984px 0 0 152px;
  z-index: 353;
}
.home-about-us {
  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-25/NuNqOge18G.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 114;
}
.schedule-online {
  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: 118;
  overflow: hidden;
}
.online-booking-system {
  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: 123;
  overflow: hidden;
}
.frame-cd {
  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: 110;
  overflow: hidden;
}
.frame-ce {
  position: absolute;
  width: 132px;
  height: 29px;
  top: 27.984px;
  left: 599px;
  z-index: 346;
  overflow: hidden;
}
.frame-cf {
  position: absolute;
  width: 241px;
  height: 29px;
  top: 28.984px;
  left: 942px;
  z-index: 351;
  overflow: hidden;
}
.frame-d0 {
  position: absolute;
  width: 241px;
  height: 29px;
  top: 77.984px;
  left: 941px;
  z-index: 352;
  overflow: hidden;
}
.frame-d1 {
  position: absolute;
  width: 132px;
  height: 29px;
  top: 78.984px;
  left: 599px;
  z-index: 347;
  overflow: hidden;
}
.frame-d2 {
  position: absolute;
  width: 132px;
  height: 29px;
  top: 127.984px;
  left: 599px;
  z-index: 348;
  overflow: hidden;
}
.frame-d3 {
  position: absolute;
  width: 241px;
  height: 29px;
  top: 127.984px;
  left: 942px;
  z-index: 353;
  overflow: hidden;
}
.rectangle-d4 {
  position: absolute;
  width: 132px;
  height: 29px;
  top: 178.984px;
  left: 599px;
  z-index: 349;
  overflow: hidden;
}
.all-rights-reserved {
  position: relative;
  width: 1921px;
  height: 92px;
  margin: 0 0 0 3px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/7oCKFw3J6c.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 88;
}
.seventeen-banner-shape {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 31.52%;
  top: 32.61%;
  left: 43.21%;
  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: 89;
}
.rectangle-d5 {
  position: absolute;
  width: 106.46%;
  height: 24.52%;
  top: -4.37%;
  left: 26.98%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/ruFwC5TYJq.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 4;
}
.rectangle-d6 {
  position: absolute;
  width: 100%;
  height: 1.84%;
  top: -0.01%;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/GCqzhi32QL.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 358;
}
.rectangle-d7 {
  position: absolute;
  width: 100%;
  height: 7.67%;
  top: 13.29%;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/N8VPc2BVHW.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 25;
}
.vector-d8 {
  position: absolute;
  width: 100%;
  height: 10.46%;
  top: 14.57%;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/TZnTnXAbPn.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 24;
}
.group-d9 {
  position: absolute;
  width: 1940px;
  height: 83px;
  top: 1701px;
  left: -20px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/rvEOh9WCHp.png)
    no-repeat center;
  background-size: cover;
  z-index: 23;
}
.rectangle-da {
  position: absolute;
  width: 102.92%;
  height: 12.94%;
  top: 37.58%;
  left: -0.94%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/8J1KA39OMk.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 61;
}
.pic-37 {
  position: absolute;
  width: 100%;
  height: 16.18%;
  top: 52.89%;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/WYmAKiwOBw.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 3;
}