: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: 7558px;
  margin: 0 auto;
  background: #ffffff;
  overflow: hidden;
}
.flex-row-a {
  position: relative;
  width: 2260.334px;
  height: 60px;
  margin: 39px 0 0 -400px;
  z-index: 297;
}
.group {
  position: absolute;
  width: 9.13%;
  height: 100%;
  top: 0;
  left: 90.87%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/zJNNSGdbfS.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 279;
}
.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: 281;
}
.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/image/2026-02-25/E7T2OANQQA.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 282;
}
.image {
  position: absolute;
  width: 7.3%;
  height: 66.67%;
  top: 16.67%;
  left: 20.35%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/g8EwEzx9M2.png)
    no-repeat center;
  background-size: cover;
  z-index: 293;
}
.product-tour {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 46.67%;
  top: 25%;
  left: 52.2%;
  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: 296;
}
.home {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 46.67%;
  top: 26.67%;
  left: 40.26%;
  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: 287;
}
.about-us {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 46.67%;
  top: 26.67%;
  left: 45.57%;
  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: 288;
}
.contact-us {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 46.67%;
  top: 26.67%;
  left: 61.58%;
  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: 289;
}
.pricing {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 46.67%;
  top: 26.67%;
  left: 69.02%;
  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: 290;
}
.login {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 46.67%;
  top: 28.33%;
  left: 85.83%;
  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: 285;
}
.lock {
  position: absolute;
  width: 0.62%;
  height: 31%;
  top: 36.78%;
  left: 84.68%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/mPseooxCAZ.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 286;
}
.path {
  position: absolute;
  width: 0.62%;
  height: 14.03%;
  top: 45%;
  left: 58.35%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/74OgwSTWGY.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 297;
}
.teenyicons-tick-outline {
  position: absolute;
  width: 0.66%;
  height: 12.25%;
  top: 57.54%;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/ksZY0RbzFd.png)
    no-repeat center;
  background-size: 100% 100%;
  overflow: hidden;
}
.flex-row {
  position: relative;
  width: 1621.989px;
  height: 676.57px;
  margin: 97px 0 0 149.011px;
  z-index: 155;
}
.rectangle {
  position: absolute;
  width: 16.28%;
  height: 37.39%;
  top: 0;
  left: 83.72%;
  background: #ffffff;
  z-index: 155;
  border-radius: 20px;
  box-shadow: 0 0 40px 0 rgba(0, 168, 156, 0.2);
}
.rectangle-2 {
  position: relative;
  width: 264px;
  height: 54px;
  margin: 0 0 0 0;
  background: #ffd74b;
  z-index: 157;
  border-radius: 20px 20px 0 0;
}
.reminder {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 29.55%;
  height: 38.89%;
  top: 31.48%;
  left: 11.36%;
  color: #000000;
  font-family: Roboto, var(--default-font-family);
  font-size: 18px;
  font-weight: 500;
  line-height: 21px;
  text-align: center;
  white-space: nowrap;
  z-index: 158;
}
.reminder-upcoming-meeting {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 177px;
  height: 40px;
  margin: 27px 0 0 30px;
  color: #000000;
  font-family: Roboto, var(--default-font-family);
  font-size: 17px;
  font-weight: 400;
  line-height: 19.922px;
  text-align: left;
  text-overflow: initial;
  z-index: 159;
  overflow: hidden;
}
.rectangle-3 {
  position: relative;
  width: 205px;
  height: 12px;
  margin: 23px 0 0 31px;
  background: #c4c4c4;
  opacity: 0.5;
  z-index: 162;
  border-radius: 5px;
}
.rectangle-4 {
  position: relative;
  width: 205px;
  height: 12px;
  margin: 13px 0 0 31px;
  background: #c4c4c4;
  opacity: 0.5;
  z-index: 163;
  border-radius: 5px;
}
.rectangle-5 {
  position: relative;
  width: 116px;
  height: 12px;
  margin: 13px 0 0 31px;
  background: #c4c4c4;
  opacity: 0.5;
  z-index: 164;
  border-radius: 5px;
}
.points-bg {
  position: absolute;
  width: 17.57%;
  height: 36.06%;
  top: 0.59%;
  left: 56.6%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/GjODY0vb2y.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 56;
}
.mask-group {
  position: absolute;
  width: 27.68%;
  height: 86.47%;
  top: 5.91%;
  left: 61.53%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/GfaS8sb9hg.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 67;
}
.scheduling-software-personal-meetings {
  position: absolute;
  width: 56.41%;
  height: 41.68%;
  top: 9.76%;
  left: 0.18%;
  font-family: Roboto, var(--default-font-family);
  font-size: 85px;
  font-weight: 700;
  line-height: 100px;
  text-align: left;
  z-index: 7;
}
.scheduling-software-personal-meetings-6 {
  position: relative;
  color: #00a89c;
  font-family: Roboto, var(--default-font-family);
  font-size: 85px;
  font-weight: 700;
  line-height: 100px;
  text-align: left;
}
.personal-meetings {
  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: 24.69%;
  height: 11.33%;
  top: 38.11%;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/9bSrO6TyUs.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 6;
  overflow: hidden;
}
.checkout-how-meetings {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 814px;
  height: 10.05%;
  top: 52.77%;
  left: 0.25%;
  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: 8;
  overflow: hidden;
}
.rectangle-8 {
  position: absolute;
  width: 13.69%;
  height: 9.9%;
  top: 71.83%;
  left: 0.25%;
  background: #00a89c;
  z-index: 10;
  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: 11;
}
.group-9 {
  position: absolute;
  width: 2.16%;
  height: 5.17%;
  top: 74.2%;
  left: 16.4%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/uUJni5sUiR.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 13;
}
.watch-a-demo {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 2.96%;
  top: 75.38%;
  left: 19.17%;
  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: 15;
}
.line {
  position: absolute;
  width: 7.89%;
  height: 0.15%;
  top: 78.04%;
  left: 19.42%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/bPczTGC263.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 16;
}
.group-a {
  position: absolute;
  width: 6.78%;
  height: 16.26%;
  top: 80.41%;
  left: 84.65%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/jvU1gnssMe.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 68;
}
.group-b {
  position: relative;
  width: 72px;
  height: 48.4px;
  margin: 35.814px 0 0 19px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/0jNTC5MECM.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 161;
}
.union {
  position: absolute;
  width: 7.24%;
  height: 15.16%;
  top: 84.84%;
  left: 58.14%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/yW6OasA8b2.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 57;
}
.flex-row-c {
  position: relative;
  width: 1920px;
  height: 806px;
  margin: 132.431px 0 0 0;
  z-index: 64;
}
.regroup {
  position: absolute;
  width: 22.24%;
  height: 100%;
  top: 0;
  left: 64.43%;
  z-index: 64;
}
.path-d {
  position: absolute;
  width: 58.78%;
  height: 73.28%;
  top: -0.06%;
  left: 42.39%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/GFSUUiph6e.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 64;
}
.path-e {
  position: absolute;
  width: 41.71%;
  height: 70.46%;
  top: 0.63%;
  left: -0.42%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/WjNNrOMeMt.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 63;
}
.rectangle-f {
  position: absolute;
  width: 100%;
  height: 98.64%;
  top: 1.36%;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/bxBjYFvkS6.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 60;
}
.rectangle-10 {
  position: absolute;
  width: 100%;
  height: 73.33%;
  top: 0;
  left: 0;
  font-size: 0px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/2RnXRC8xgO.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 61;
}
.features-simplify-online-scheduling {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 803px;
  height: 84px;
  margin: 81px 0 0 559px;
  color: #ffffff;
  font-family: Roboto, var(--default-font-family);
  font-size: 36px;
  font-weight: 500;
  line-height: 42.188px;
  text-align: center;
  z-index: 62;
}
.flex-row-e {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 1033px;
  height: 215px;
  margin: 77px 0 0 443px;
  z-index: 77;
}
.rectangle-11 {
  flex-shrink: 0;
  position: relative;
  width: 239px;
  height: 215px;
  background: #ffffff;
  z-index: 70;
  border-radius: 10px;
  box-shadow: 0 4px 40px 0 rgba(0, 168, 156, 0.3);
}
.x-meeting-scheduler {
  position: relative;
  width: 91px;
  height: 91px;
  margin: 31px 0 0 74px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/91yhr2VJYY.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 71;
}
.text-10 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 141px;
  height: 52px;
  margin: 19px 0 0 49px;
  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: 72;
  overflow: hidden;
}
.rectangle-12 {
  flex-shrink: 0;
  position: relative;
  width: 239px;
  height: 215px;
  background: #ffffff;
  z-index: 73;
  border-radius: 10px;
  box-shadow: 0 4px 20px 0 rgba(0, 168, 156, 0.2);
}
.meeting-calendar {
  position: relative;
  width: 91px;
  height: 91px;
  margin: 34px 0 0 66px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/LbhO0w0mvY.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 89;
}
.meeting-calendar-13 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 88px;
  height: 52px;
  margin: 15px 0 0 75px;
  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: 74;
  overflow: hidden;
}
.rectangle-14 {
  flex-shrink: 0;
  position: relative;
  width: 239px;
  height: 215px;
  background: #ffffff;
  z-index: 75;
  border-radius: 10px;
  box-shadow: 0 4px 20px 0 rgba(0, 168, 156, 0.2);
}
.legal {
  position: relative;
  width: 86px;
  height: 86px;
  margin: 38.999px 0 0 76px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/izX16UPmjN.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 88;
  overflow: hidden;
}
.meeting-booking-rules {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 173px;
  height: 52px;
  margin: 15.001px 0 0 33px;
  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: 76;
  overflow: hidden;
}
.rectangle-15 {
  flex-shrink: 0;
  position: relative;
  width: 239px;
  height: 215px;
  background: #ffffff;
  z-index: 77;
  border-radius: 10px;
  box-shadow: 0 4px 20px 0 rgba(0, 168, 156, 0.2);
}
.meeting-reminders {
  position: relative;
  width: 91px;
  height: 91px;
  margin: 27.999px 0 0 74px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/AzEt9kZwFw.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 268;
}
.meeting-reminders-16 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 106px;
  height: 52px;
  margin: 21.001px 0 0 68px;
  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: 78;
  overflow: hidden;
}
.rectangle-17 {
  position: absolute;
  width: 12.45%;
  height: 27.04%;
  top: 60.75%;
  left: 23.07%;
  background: #ffffff;
  z-index: 79;
  border-radius: 10px;
  box-shadow: 0 0 20px 0 rgba(0, 168, 156, 0.2);
}
.inbuilt-crm {
  position: relative;
  width: 95.703px;
  height: 95.703px;
  margin: 28.296px 0 0 71.148px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/dBmhpbAJWx.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 269;
}
.inbuilt-crm-18 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 121px;
  height: 52px;
  margin: 13px 0 0 59px;
  color: #000000;
  font-family: Roboto, var(--default-font-family);
  font-size: 22px;
  font-weight: 500;
  line-height: 25.781px;
  text-align: center;
  z-index: 80;
}
.rectangle-19 {
  position: absolute;
  width: 12.45%;
  height: 27.04%;
  top: 60.75%;
  left: 36.88%;
  background: #ffffff;
  z-index: 81;
  border-radius: 10px;
  box-shadow: 0 4px 20px 0 rgba(0, 168, 156, 0.2);
}
.reporting-analytics {
  position: relative;
  width: 92px;
  height: 92px;
  margin: 22.999px 0 0 73px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/P7yDQYOaVV.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 270;
}
.reporting-analytics-1a {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 122px;
  height: 52px;
  margin: 22px 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: 82;
  overflow: hidden;
}
.rectangle-1b {
  position: absolute;
  width: 12.45%;
  height: 27.04%;
  top: 60.75%;
  left: 50.63%;
  background: #ffffff;
  z-index: 83;
  border-radius: 10px;
  box-shadow: 0 4px 20px 0 rgba(0, 168, 156, 0.2);
}
.group-1c {
  position: relative;
  width: 92px;
  height: 92px;
  margin: 22.999px 0 0 73px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/Dd8FkEyu2W.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 84;
}
.virtual-meeting-scheduling {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 157px;
  height: 52px;
  margin: 22px 0 0 42px;
  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: 85;
  overflow: hidden;
}
.rectangle-1d {
  position: absolute;
  width: 12.45%;
  height: 27.04%;
  top: 60.75%;
  left: 64.43%;
  background: #ffffff;
  z-index: 86;
  border-radius: 10px;
  box-shadow: 0 4px 20px 0 rgba(0, 168, 156, 0.2);
}
.meeting-scheduler-app {
  position: relative;
  width: 92px;
  height: 92px;
  margin: 22.999px 0 0 73px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/mpvxS8kB8u.png)
    no-repeat center;
  background-size: cover;
  z-index: 271;
  overflow: hidden;
}
.meeting-scheduler-app-1e {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 191px;
  height: 52px;
  margin: 22px 0 0 24px;
  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: 87;
  overflow: hidden;
}
.flex-row-1f {
  position: relative;
  width: 1940px;
  height: 94px;
  margin: 0px 0 0 -20px;
  z-index: 90;
}
.vector {
  position: absolute;
  width: 100%;
  height: 88.3%;
  top: 0;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/8AzYWZUMyz.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 59;
}
.make-an-appointment {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 23.4%;
  top: 76.6%;
  left: 4.12%;
  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: 90;
}
.flex-row-b {
  position: relative;
  width: 1492px;
  height: 739px;
  margin: 102px 0 0 153px;
  z-index: 254;
}
.points-bg-20 {
  position: absolute;
  width: 17.76%;
  height: 30.72%;
  top: 0;
  left: 12.8%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/ceYEFA5eJc.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 166;
}
.flex-row-d {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 56px;
  height: 13px;
  margin: 175px 0 0 210px;
  z-index: 180;
}
.su {
  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: 177;
}
.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: 180;
}
.flex-row-da {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 51px;
  height: 14px;
  margin: 26px 0 0 211px;
  z-index: 187;
}
.day-30 {
  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: 186;
}
.day-31 {
  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: 187;
}
.rectangle-21 {
  position: absolute;
  width: 22.99%;
  height: 68.47%;
  top: 5.14%;
  left: 23.53%;
  background: #ffffff;
  z-index: 169;
  border-radius: 10px;
  box-shadow: 0 0 40px 0 rgba(0, 168, 156, 0.2);
}
.rectangle-22 {
  position: relative;
  width: 343px;
  height: 55px;
  margin: 0 0 0 0;
  background: #00a89c;
  z-index: 179;
  border-radius: 10px 10px 0 0;
}
.schedule-meeting {
  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: 179;
}
.flex-row-d-23 {
  position: relative;
  width: 277px;
  height: 21px;
  margin: 29px 0 0 37px;
  z-index: 229;
}
.december-2021 {
  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: 178;
}
.vector-24 {
  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/CVqvpM7es8.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 229;
}
.vector-25 {
  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/aiq4KUtipT.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 228;
}
.flex-row-26 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 163px;
  height: 13px;
  margin: 32px 0 0 129px;
  z-index: 185;
}
.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: 181;
}
.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: 182;
}
.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: 183;
}
.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: 184;
}
.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: 185;
}
.flex-row-27 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 155px;
  height: 14px;
  margin: 26px 0 0 134px;
  z-index: 192;
}
.day-1 {
  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: 188;
}
.day-2 {
  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: 189;
}
.day-3 {
  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: 190;
}
.day-4 {
  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: 191;
}
.day-5 {
  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: 192;
}
.flex-row-d-28 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 236px;
  height: 14px;
  margin: 20px 0 0 54px;
  z-index: 199;
}
.day-6 {
  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: 193;
}
.day-7 {
  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: 194;
}
.day-8 {
  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: 195;
}
.day-9 {
  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: 196;
}
.day-10 {
  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: 197;
}
.day-11 {
  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: 198;
}
.day-12 {
  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: 199;
}
.flex-row-db {
  position: relative;
  width: 239px;
  height: 25px;
  margin: 15px 0 0 52px;
  z-index: 207;
}
.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/88u2Kv9Bv2.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 204;
  border-radius: 50%;
}
.day-13 {
  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: 200;
}
.day-14 {
  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: 201;
}
.day-15 {
  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: 202;
}
.day-16 {
  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: 203;
}
.day-17 {
  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: 205;
}
.day-18 {
  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: 206;
}
.day-19 {
  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: 207;
}
.flex-row-acd {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 241px;
  height: 14px;
  margin: 14px 0 0 51px;
  z-index: 214;
}
.span {
  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: 208;
}
.span-29 {
  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: 209;
}
.span-2a {
  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: 210;
}
.span-2b {
  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: 211;
}
.span-2c {
  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: 212;
}
.span-2d {
  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: 213;
}
.span-2e {
  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: 214;
}
.flex-row-fee {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 237px;
  height: 14px;
  margin: 20px 0 0 51px;
  z-index: 227;
}
.span-2f {
  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: 215;
}
.span-30 {
  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: 216;
}
.span-31 {
  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: 223;
}
.span-32 {
  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: 224;
}
.span-33 {
  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: 225;
}
.span-34 {
  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: 226;
}
.span-35 {
  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: 227;
}
.flex-row-c-36 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 277px;
  height: 29px;
  margin: 50px 0 0 37px;
  z-index: 172;
}
.rectangle-37 {
  flex-shrink: 0;
  position: relative;
  width: 135px;
  height: 29px;
  background: #00a89c;
  z-index: 171;
  border-radius: 3px;
}
.span-am-pm {
  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: 217;
}
.rectangle-38 {
  flex-shrink: 0;
  position: relative;
  width: 135px;
  height: 29px;
  border: 1px solid #c4c4c4;
  z-index: 172;
  border-radius: 3px;
}
.span-am-pm-39 {
  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: 218;
}
.flex-row-d-3a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 277px;
  height: 29px;
  margin: 8px 0 0 37px;
  z-index: 174;
}
.rectangle-3b {
  flex-shrink: 0;
  position: relative;
  width: 135px;
  height: 29px;
  border: 1px solid #c4c4c4;
  z-index: 173;
  border-radius: 3px;
}
.span-am-pm-3c {
  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: 219;
}
.rectangle-3d {
  flex-shrink: 0;
  position: relative;
  width: 135px;
  height: 29px;
  border: 1px solid #c4c4c4;
  z-index: 174;
  border-radius: 3px;
}
.span-am-pm-3e {
  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: 220;
}
.flex-row-e-3f {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 277px;
  height: 29px;
  margin: 8px 0 0 37px;
  z-index: 176;
}
.rectangle-40 {
  flex-shrink: 0;
  position: relative;
  width: 135px;
  height: 29px;
  border: 1px solid #c4c4c4;
  z-index: 175;
  border-radius: 3px;
}
.span-am-pm-41 {
  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: 221;
}
.rectangle-42 {
  flex-shrink: 0;
  position: relative;
  width: 135px;
  height: 29px;
  border: 1px solid #c4c4c4;
  z-index: 176;
  border-radius: 3px;
}
.span-am-pm-43 {
  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: 222;
}
.group-44 {
  position: absolute;
  width: 7.36%;
  height: 10.51%;
  top: 8.53%;
  left: 60.72%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/fQSMPUzJVJ.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 254;
}
.rectangle-45 {
  position: absolute;
  width: 22.86%;
  height: 54.67%;
  top: 19.22%;
  left: 4.02%;
  background: #ffffff;
  z-index: 232;
  border-radius: 10px;
  box-shadow: 0 0 40px 0 rgba(0, 168, 156, 0.2);
}
.mask-group-46 {
  position: relative;
  width: 341px;
  height: 217px;
  margin: 0 0 0 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/xWEmmHbOmO.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 233;
}
.product-planning-meeting {
  display: block;
  position: relative;
  height: 23px;
  margin: 28px 0 0 51px;
  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: 234;
}
.rectangle-47 {
  position: relative;
  width: 238.584px;
  height: 8px;
  margin: 20px 0 0 51px;
  background: #cccccc;
  z-index: 235;
  border-radius: 10px;
}
.rectangle-48 {
  position: relative;
  width: 208.324px;
  height: 8px;
  margin: 9px 0 0 66px;
  background: #cccccc;
  z-index: 236;
  border-radius: 10px;
}
.rectangle-49 {
  position: relative;
  width: 232.765px;
  height: 39px;
  margin: 20px 0 0 54px;
  background: #00a89c;
  z-index: 237;
  border-radius: 5px;
}
.join-meeting {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 48.72%;
  top: 23.08%;
  left: 29.21%;
  color: #ffffff;
  font-family: Roboto, var(--default-font-family);
  font-size: 16px;
  font-weight: 500;
  line-height: 18.75px;
  text-align: left;
  white-space: nowrap;
  z-index: 238;
}
.online-meeting-scheduler {
  position: absolute;
  width: 565px;
  height: 16.78%;
  top: 23.27%;
  left: 60.72%;
  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: 95;
}
.your-all-in-one {
  position: relative;
  color: #00a89c;
  font-family: Roboto, var(--default-font-family);
  font-size: 55px;
  font-weight: 900;
  line-height: 62px;
  text-align: left;
}
.online-meeting-scheduler-4a {
  position: relative;
  color: #000000;
  font-family: Roboto, var(--default-font-family);
  font-size: 55px;
  font-weight: 900;
  line-height: 62px;
  text-align: left;
}
.group-4b {
  position: absolute;
  width: 21.81%;
  height: 6.71%;
  top: 39.78%;
  left: 60.72%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/Kj7Y5kW9b4.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 93;
  overflow: hidden;
}
.take-the-limits {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 583px;
  height: 26.52%;
  top: 50.07%;
  left: 60.92%;
  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: 94;
}
.union-4c {
  position: absolute;
  width: 9.18%;
  height: 16.43%;
  top: 66.58%;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/3PQZQ9ypjJ.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 167;
}
.rectangle-4d {
  position: absolute;
  width: 21.98%;
  height: 31.26%;
  top: 66.85%;
  left: 19.64%;
  font-size: 0px;
  background: #ffd74b;
  z-index: 241;
  border-radius: 10px;
}
.reminder-notification {
  display: block;
  position: relative;
  height: 21px;
  margin: 30px 0 0 33px;
  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: 242;
}
.send-automated-reminders {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 270px;
  height: 54.98%;
  top: 30.3%;
  left: 10.06%;
  color: #2c2c2c;
  font-family: Roboto, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 18.75px;
  text-align: left;
  z-index: 243;
}
.ellipse-4e {
  position: absolute;
  width: 6.4%;
  height: 9.09%;
  top: 77.06%;
  left: 86.89%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/RGCDqkJdKV.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 247;
  border-radius: 50%;
}
.lorem-ipsum {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 488px;
  height: 11.37%;
  top: 82.95%;
  left: 63.47%;
  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: 99;
}
.group-4f {
  position: absolute;
  width: 1.43%;
  height: 2.17%;
  top: 83.76%;
  left: 60.72%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/NwnK0qF7NC.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 97;
}
.group-50 {
  position: absolute;
  width: 4.69%;
  height: 9.47%;
  top: 90.53%;
  left: 38.87%;
  font-size: 0px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/pGeT3wMXgV.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 245;
}
.span-51 {
  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: 248;
}
.group-52 {
  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/DDruv5GwzA.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 249;
}
.group-53 {
  position: absolute;
  width: 1.43%;
  height: 2.17%;
  top: 91.34%;
  left: 60.72%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/oNPpwaKHWC.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 98;
}
.rectangle-54 {
  position: relative;
  width: 1920px;
  height: 933.442px;
  margin: 123px 0 0 0;
  background: #eaf7f6;
  z-index: 65;
}
.flex-column-e {
  position: absolute;
  width: 42.78%;
  height: 72.31%;
  top: 13.82%;
  left: 46.25%;
  z-index: 252;
}
.points-bg-55 {
  position: absolute;
  width: 29.95%;
  height: 31.11%;
  top: 0;
  left: 58.34%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/D74rrQFSeH.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 251;
}
.group-56 {
  position: absolute;
  width: 100%;
  height: 91.39%;
  top: 5.19%;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/sxrXq83Zzh.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 252;
}
.points-bg-57 {
  position: absolute;
  width: 29.83%;
  height: 31.11%;
  top: 68.89%;
  left: 43.12%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/JVMB7w9kzL.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 250;
}
.flex-column-f {
  position: absolute;
  width: 30.21%;
  height: 62.99%;
  top: 18.85%;
  left: 7.71%;
  z-index: 267;
}
.xmlid {
  position: relative;
  width: 70px;
  height: 70px;
  margin: 0 0 0 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/vkj3rc1QPd.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 267;
}
.save-time-money-energy {
  position: relative;
  width: 508px;
  height: 124px;
  margin: 25px 0 0 1px;
  font-family: Roboto, var(--default-font-family);
  font-size: 55px;
  font-weight: 700;
  line-height: 62px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 266;
}
.save-time {
  position: relative;
  color: #00a89c;
  font-family: Roboto, var(--default-font-family);
  font-size: 55px;
  font-weight: 900;
  line-height: 62px;
  text-align: left;
}
.money-energy {
  position: relative;
  color: #0e0e0e;
  font-family: Roboto, var(--default-font-family);
  font-size: 55px;
  font-weight: 900;
  line-height: 62px;
  text-align: left;
}
.group-58 {
  position: relative;
  width: 325.476px;
  height: 49.58px;
  margin: 9px 0 0 4px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/oGq7QV7fic.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 264;
  overflow: hidden;
}
.turn-in-person-appointments {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 576px;
  height: 168px;
  margin: 24.42px 0 0 4px;
  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: 265;
}
.lorem-ipsum-dummy-text {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 488px;
  height: 14.29%;
  top: 86.73%;
  left: 7.93%;
  color: #000000;
  font-family: Roboto, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 28.125px;
  text-align: left;
  letter-spacing: 0.24px;
  z-index: 260;
}
.group-59 {
  position: absolute;
  width: 3.68%;
  height: 2.72%;
  top: 87.76%;
  left: 0.86%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/rRZtwpy0ry.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 258;
}
.group-5a {
  position: absolute;
  width: 3.68%;
  height: 2.72%;
  top: 97.28%;
  left: 0.86%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/ts5fGiyKbt.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 259;
}
.personal-meetings-appointment-scheduling {
  position: relative;
  width: 871px;
  height: 140px;
  margin: 170.558px 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: 100;
}
.personal-meetings-appointment {
  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-5b {
  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/RZbhw3Aa7R.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 101;
  overflow: hidden;
}
.flex-row-bdc {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 1620px;
  height: 408px;
  margin: 45.895px 0 0 151px;
  z-index: 109;
}
.rectangle-5c {
  flex-shrink: 0;
  position: relative;
  width: 791px;
  height: 408px;
  background: #ffffff;
  z-index: 102;
  border-radius: 10px;
  box-shadow: 0 0 40px 0 rgba(0, 168, 156, 0.2);
}
.flex-column-a {
  position: absolute;
  width: 49.68%;
  height: 71.57%;
  top: 16.42%;
  left: 45.51%;
  font-size: 0px;
  z-index: 104;
}
.manage-time-bookings-easily {
  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: 103;
}
.manage-booking-system {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 392px;
  height: 191px;
  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;
  z-index: 104;
}
.flex-column-dd {
  position: absolute;
  width: 28.58%;
  height: 54.17%;
  top: 18.87%;
  left: 10.49%;
  z-index: 117;
}
.ellipse-5d {
  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/fUeJyWUpHq.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 116;
  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/1fNUp3KfOr.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 117;
  overflow: hidden;
}
.mask-group-5e {
  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/bEt8Y82UKG.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 115;
}
.rectangle-5f {
  flex-shrink: 0;
  position: relative;
  width: 791px;
  height: 408px;
  background: #ffffff;
  z-index: 109;
  border-radius: 10px;
  box-shadow: 0 0 40px 0 rgba(0, 168, 156, 0.2);
}
.flex-column-a-60 {
  position: absolute;
  width: 47.66%;
  height: 71.57%;
  top: 16.42%;
  left: 45.51%;
  font-size: 0px;
  z-index: 111;
}
.get-in-synchronization {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 377px;
  height: 72px;
  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: 110;
}
.through-aable-calendar {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 355px;
  height: 191px;
  margin: 29px 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: 111;
}
.flex-column-d {
  position: absolute;
  width: 28.58%;
  height: 54.17%;
  top: 18.87%;
  left: 10.49%;
  z-index: 121;
}
.ellipse-61 {
  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/VV8htngU97.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 119;
  border-radius: 50%;
}
.group-62 {
  position: absolute;
  width: 19.46%;
  height: 19.91%;
  top: 11.31%;
  left: 69.46%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/8SffXRcMRF.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 121;
}
.mask-group-63 {
  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/stQjAnBALT.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 118;
}
.flex-row-64 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 1620px;
  height: 408px;
  margin: 40px 0 0 151px;
  z-index: 112;
}
.rectangle-65 {
  flex-shrink: 0;
  position: relative;
  width: 791px;
  height: 408px;
  background: #ffffff;
  z-index: 105;
  border-radius: 10px;
  box-shadow: 0 0 40px 0 rgba(0, 168, 156, 0.2);
}
.flex-column-ab {
  position: absolute;
  width: 45.76%;
  height: 64.46%;
  top: 14.95%;
  left: 47.53%;
  font-size: 0px;
  z-index: 108;
}
.accept-payments-online {
  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: 107;
}
.forget-about-the-hassle {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 362px;
  height: 162px;
  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: 108;
}
.flex-column-d-66 {
  position: absolute;
  width: 28.58%;
  height: 54.17%;
  top: 17.4%;
  left: 12.52%;
  z-index: 253;
}
.ellipse-67 {
  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/NPLQxJ5BTb.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 120;
  border-radius: 50%;
}
.credit-card {
  position: absolute;
  width: 21.23%;
  height: 21.72%;
  top: 10.41%;
  left: 68.57%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/jct9g4JwVM.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 253;
  overflow: hidden;
}
.mask-group-68 {
  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/M9CcLd5o3X.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 106;
}
.rectangle-69 {
  flex-shrink: 0;
  position: relative;
  width: 791px;
  height: 408px;
  background: #ffffff;
  z-index: 112;
  border-radius: 10px;
  box-shadow: 0 0 40px 0 rgba(0, 168, 156, 0.2);
}
.flex-column-a-6a {
  position: absolute;
  width: 47.66%;
  height: 64.95%;
  top: 16.42%;
  left: 45.51%;
  font-size: 0px;
  z-index: 114;
}
.booking-reminders-notifications {
  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: 113;
}
.is-notifying-reminding-bookings {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 377px;
  height: 164px;
  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: 114;
}
.flex-column-cbd {
  position: absolute;
  width: 28.58%;
  height: 54.17%;
  top: 18.87%;
  left: 10.49%;
  z-index: 160;
}
.ellipse-6b {
  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/HvJW63qPv5.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 123;
  border-radius: 50%;
}
.group-6c {
  position: absolute;
  width: 18.65%;
  height: 20.81%;
  top: 10.86%;
  left: 69.9%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/FoVoA20iNu.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 160;
}
.mask-group-6d {
  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/P0sLE8senO.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 122;
}
.testimonials-from-our-customers {
  position: relative;
  width: 644px;
  height: 140px;
  margin: 242px 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: 124;
}
.testimonials {
  position: relative;
  color: #00a89c;
  font-family: Roboto, var(--default-font-family);
  font-size: 60px;
  font-weight: 700;
  line-height: 70px;
  text-align: left;
}
.from-our-customers {
  position: relative;
  color: #0e0e0e;
  font-family: Roboto, var(--default-font-family);
  font-size: 60px;
  font-weight: 700;
  line-height: 70px;
  text-align: left;
}
.path-6e {
  position: relative;
  width: 323.662px;
  height: 23.06px;
  margin: 3.767px 0 0 202.941px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/sU6H0cLQ7q.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 151;
  overflow: visible auto;
}
.path-6f {
  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/qHgG5usauU.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 150;
}
.flex-row-d-70 {
  position: relative;
  width: 1620px;
  height: 71px;
  margin: 13.174px 0 0 201px;
  z-index: 152;
}
.group-71 {
  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/q5kDUyXh9o.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 152;
}
.lorem-ipsum-dolor-sit {
  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: 125;
}
.flex-row-dfeb {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 2127px;
  height: 378px;
  margin: 90px 0 0 -101px;
  z-index: 143;
}
.rectangle-72 {
  flex-shrink: 0;
  position: relative;
  width: 689px;
  height: 378px;
  font-size: 0px;
  background: #ffd74b;
  z-index: 135;
  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: 137;
}
.jobhunt-homeless-sorted {
  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: 140;
  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: 138;
}
.mask-group-73 {
  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/eiNr24y1R7.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 141;
}
.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: 139;
}
.rectangle-74 {
  flex-shrink: 0;
  position: relative;
  width: 689px;
  height: 378px;
  font-size: 0px;
  background: #ffd74b;
  z-index: 127;
  border-radius: 10px;
}
.awesome-design-75 {
  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: 129;
}
.jobhunt-homeless-sorted-76 {
  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: 132;
  overflow: hidden;
}
.nicole-wells-77 {
  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: 130;
}
.mask-group-78 {
  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/1N3FypZQET.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 133;
}
.design-79 {
  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: 131;
}
.rectangle-7a {
  flex-shrink: 0;
  position: relative;
  width: 689px;
  height: 378px;
  font-size: 0px;
  background: #ffd74b;
  z-index: 143;
  border-radius: 10px;
}
.awesome-design-7b {
  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: 145;
}
.jobhunt-homeless-sorted-7c {
  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: 148;
  overflow: hidden;
}
.nicole-wells-7d {
  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: 146;
}
.mask-group-7e {
  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/Y8qf5h26s4.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 149;
}
.design-7f {
  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: 147;
}
.flex-row-80 {
  position: relative;
  width: 1937px;
  height: 1245px;
  margin: 187.441px 0 0 0;
  z-index: 21;
}
.rectangle-81 {
  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/kKbnCP2JDy.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 20;
}
.enough-said-go {
  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: 22;
}
.enough-said {
  position: relative;
  color: #00a89c;
  font-family: Roboto, var(--default-font-family);
  font-size: 60px;
  font-weight: 700;
  line-height: 70.313px;
  text-align: center;
}
.give-it-go {
  position: relative;
  color: #0e0e0e;
  font-family: Roboto, var(--default-font-family);
  font-size: 60px;
  font-weight: 700;
  line-height: 70.313px;
  text-align: center;
}
.hands-on-experience {
  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: 23;
}
.rectangle-82 {
  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/RGP58MXeGe.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 25;
}
.rectangle-83 {
  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/804BuZLmUO.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 26;
}
.get-started-84 {
  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: 28;
}
.enter-email {
  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: 27;
}
.flex-row-aa {
  position: relative;
  width: 1103px;
  height: 29px;
  margin: 66.441px 0 0 260px;
  z-index: 37;
}
.phone-no {
  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: 31;
}
.email {
  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: 34;
}
.address {
  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: 37;
}
.flex-row-85 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 1404px;
  height: 29px;
  margin: 16px 0 0 260px;
  z-index: 38;
}
.phone-number {
  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: 32;
}
.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: 35;
}
.us-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: 38;
}
.group-86 {
  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/TeXa1iDx73.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 55;
}
.arrow-right {
  position: absolute;
  width: 0.83%;
  height: 2.67%;
  top: 4.3%;
  left: 99.17%;
  z-index: 2;
  overflow: hidden;
}
.rectangle-87 {
  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/gUFNq99W83.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 21;
}
.flex-row-fcc {
  position: relative;
  width: 1600px;
  height: 56.441px;
  margin: 73.559px 0 0 152px;
  z-index: 272;
}
.image-88 {
  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/bLJxfjTCEy.png)
    no-repeat center;
  background-size: cover;
  z-index: 272;
}
.product {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 62.01%;
  top: 37.21%;
  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: 47;
}
.features {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 62.01%;
  top: 37.21%;
  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: 52;
}
.connect-with-us {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 62.01%;
  top: 37.99%;
  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: 43;
}
.group-89 {
  position: absolute;
  width: 1.56%;
  height: 28.35%;
  top: 54.92%;
  left: 37.44%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/YXvPszPqpW.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 49;
}
.group-8a {
  position: absolute;
  width: 1.56%;
  height: 28.35%;
  top: 54.92%;
  left: 58.81%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/xSBpGXAC0p.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 54;
}
.flex-row-e-8b {
  position: relative;
  width: 1582.279px;
  height: 261.984px;
  margin: 30.016px 0 0 152px;
  z-index: 53;
}
.group-8c {
  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/CLg8EXbr3u.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 44;
}
.home-about-contact {
  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: 48;
  overflow: hidden;
}
.schedule-increase-attract {
  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: 53;
  overflow: hidden;
}
.online-booking-system {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 400px;
  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: 40;
  overflow: hidden;
}
.rectangle-8d {
  position: relative;
  width: 1921px;
  height: 92px;
  margin: 0 0 0 1px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/m6B0LRDgMA.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 18;
}
.all-rights-reserved {
  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: 19;
}
.seventeen-banner-shape {
  position: absolute;
  width: 106.46%;
  height: 24.64%;
  top: -4.53%;
  left: 27.4%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/NH3q451Vfr.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 3;
}
.rectangle-8e {
  position: absolute;
  width: 100%;
  height: 1.85%;
  top: -0.01%;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/3DEzSuyjfn.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 275;
}
.vector-8f {
  position: absolute;
  width: 100%;
  height: 1.24%;
  top: 49.54%;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/7JbNZdrs0p.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 66;
}
.rectangle-90 {
  position: absolute;
  width: 104.64%;
  height: 16.26%;
  top: 52.57%;
  left: -2.66%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/OucopYen6Z.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 1;
}