: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;
    max-width: 1920px; width: 100%;
    height: 6511px;
    margin: 0 auto;
    background: #ffffff;
    overflow: hidden;
}

.flex-row-ce {
    position: relative;
    width: 2260.334px;
    height: 60px;
    margin: 39px 0 0 -400px;
    z-index: 193;
}

.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/PF8aUwF8Yt.png) no-repeat center;
    background-size: 100% 100%;
    z-index: 177;
}

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

.group-1 {
    position: absolute;
    width: 9.43%;
    height: 14.07%;
    top: 41.67%;
    left: 74.9%;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/nVVZGXK7yD.png) no-repeat center;
    background-size: 100% 100%;
    z-index: 180;
}

.image {
    position: absolute;
    width: 165px;
    height: 40px;
    top: 10px;
    left: 461px;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/sKoUA32FWi.png) no-repeat center;
    background-size: cover;
    z-index: 185;
}

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

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

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

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

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

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

.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/j8GBWeWuUH.png) no-repeat center;
    background-size: 100% 100%;
    z-index: 184;
}

.teenyicons-tick-outline {
    position: absolute;
    width: 0.66%;
    height: 10.56%;
    top: 40.56%;
    left: 0;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/eB7QyUSa3B.png) no-repeat center;
    background-size: 100% 100%;
    overflow: hidden;
}

.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/WkvhcqsM6c.png) no-repeat center;
    background-size: 100% 100%;
    z-index: 193;
}

.flex-row-df {
    position: relative;
    max-width: 1618px; width: 100%;
    height: 753.715px;
    margin: 58px 0 0 152px;
    z-index: 78;
}

.group-2 {
    position: absolute;
    width: 44.31%;
    height: 100%;
    top: 0;
    left: 55.69%;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/xGT9BnrGTA.png) no-repeat center;
    background-size: 100% 100%;
    z-index: 76;
}

.tablet-telephone {
    position: relative;
    width: 51px;
    height: 51px;
    margin: 217.92px 0 0 636px;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/9tqf6bdKTb.png) no-repeat center;
    background-size: 100% 100%;
    z-index: 77;
    overflow: hidden;
}

.run-business-go {
    position: absolute;
    width: 718px;
    height: 24.41%;
    top: 18.57%;
    left: 0.01%;
    font-family: Roboto, var(--default-font-family);
    font-size: 85px;
    font-weight: 700;
    line-height: 92px;
    text-align: left;
    text-overflow: initial;
    white-space: nowrap;
    z-index: 6;
}

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

.on-the-go {
    position: relative;
    color: #0e0e0e;
    font-family: Roboto, var(--default-font-family);
    font-size: 85px;
    font-weight: 700;
    line-height: 92px;
    text-align: left;
}

.group-3 {
    position: absolute;
    width: 27.86%;
    height: 10.28%;
    top: 42.44%;
    left: 0%;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/V9YLKL4rmC.png) no-repeat center;
    background-size: 100% 100%;
    z-index: 5;
    overflow: hidden;
}

.conduct-business-clicks {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    height: 3.98%;
    top: 55.59%;
    left: 0;
    color: #0e0e0e;
    font-family: Roboto, var(--default-font-family);
    font-size: 26px;
    font-weight: 500;
    line-height: 30px;
    text-align: left;
    white-space: nowrap;
    letter-spacing: 0.26px;
    z-index: 78;
}

.complete-control-business {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    width: 606px;
    height: 19.11%;
    top: 65.01%;
    left: 0;
    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: 7;
    overflow: hidden;
}

.rectangle {
    position: relative;
    max-width: 1920px; width: 100%;
    height: 949px;
    margin: 149.285px 0 0 0;
    background: #eaf7f6;
    z-index: 79;
    overflow: visible auto;
}

.flex-row-c {
    position: relative;
    width: 1638.998px;
    height: 141px;
    margin: 137px 0 0 152.002px;
    z-index: 92;
}

.understand-customers {
    position: absolute;
    width: 47.35%;
    height: 99.29%;
    top: 0;
    left: 0;
    font-family: Roboto, var(--default-font-family);
    font-size: 60px;
    font-weight: 700;
    line-height: 70.313px;
    text-align: left;
    z-index: 92;
}

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

.like-no-one-else {
    position: relative;
    color: #0e0e0e;
    font-family: Roboto, var(--default-font-family);
    font-size: 60px;
    font-weight: 700;
    line-height: 70.313px;
    text-align: left;
}

.reference-site-lorem-ipsum {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    width: 614px;
    height: 41.13%;
    top: 58.87%;
    left: 62.54%;
    color: #747373;
    font-family: Roboto, var(--default-font-family);
    font-size: 25px;
    font-weight: 400;
    line-height: 29.297px;
    text-align: left;
    z-index: 80;
}

.group-4 {
    position: relative;
    width: 509.725px;
    height: 78.458px;
    margin: -5px 0 0 151.837px;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/gVEXG4kkUJ.png) no-repeat center;
    background-size: 100% 100%;
    z-index: 93;
    overflow: hidden;
}

.flex-row-cd {
    position: relative;
    width: 1754.578px;
    height: 540.039px;
    margin: 14.542px 0 0 61px;
    z-index: 84;
}

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

.rectangle-5 {
    position: absolute;
    width: 45.48%;
    height: 70.37%;
    top: 14.07%;
    left: 5.3%;
    background: #ffffff;
    z-index: 83;
    border-radius: 10px;
    box-shadow: 0 4px 40px 0 rgba(0, 168, 156, 0.2);
}

.flex-column {
    position: absolute;
    width: 46.37%;
    height: 60.26%;
    top: 18.68%;
    left: 46.24%;
    font-size: 0px;
    z-index: 86;
}

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

.appointment-reminder {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: relative;
    width: 370px;
    height: 168px;
    margin: 26px 0 0 0;
    color: #747373;
    font-family: Roboto, var(--default-font-family);
    font-size: 24px;
    font-weight: 400;
    line-height: 28.125px;
    text-align: left;
    z-index: 86;
}

.mask-group {
    position: absolute;
    width: 28.32%;
    height: 59.47%;
    top: 19.47%;
    left: 9.9%;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/G6rshn3SUV.png) no-repeat center;
    background-size: 100% 100%;
    z-index: 97;
}

.ellipse {
    position: absolute;
    width: 8.85%;
    height: 8.85%;
    top: 34.51%;
    left: 55.31%;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/0S09Pk3uMo.png) no-repeat center;
    background-size: 100% 100%;
    z-index: 100;
    border-radius: 50%;
}

.ellipse-6 {
    position: absolute;
    width: 25.22%;
    height: 25.22%;
    top: 34.96%;
    left: 38.94%;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/UGN0g0esxs.png) no-repeat center;
    background-size: 100% 100%;
    z-index: 98;
    border-radius: 50%;
}

.number-4 {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    height: 5.75%;
    top: 36.28%;
    left: 58.41%;
    color: #ffffff;
    font-family: Roboto, var(--default-font-family);
    font-size: 11px;
    font-weight: 700;
    line-height: 12.891px;
    text-align: left;
    white-space: nowrap;
    z-index: 101;
}

.group-7 {
    position: absolute;
    width: 11.36%;
    height: 13.63%;
    top: 40.71%;
    left: 46.02%;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/ZVMamAUSs1.png) no-repeat center;
    background-size: 100% 100%;
    z-index: 99;
}

.rectangle-8 {
    position: absolute;
    width: 45.48%;
    height: 70.37%;
    top: 14.07%;
    left: 51.92%;
    background: #ffffff;
    z-index: 84;
    border-radius: 10px;
    box-shadow: 0 4px 40px 0 rgba(0, 168, 156, 0.2);
}

.mask-group-9 {
    position: absolute;
    width: 28.32%;
    height: 59.47%;
    top: 19.47%;
    left: 8.02%;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/RiRiiHRg3v.png) no-repeat center;
    background-size: 100% 100%;
    z-index: 102;
}

.flex-column-ae {
    position: absolute;
    width: 46.37%;
    height: 52.89%;
    top: 23.68%;
    left: 43.36%;
    font-size: 0px;
    z-index: 90;
}

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

.prepay-amount {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: relative;
    width: 370px;
    height: 140px;
    margin: 26px 0 0 0;
    color: #747373;
    font-family: Roboto, var(--default-font-family);
    font-size: 24px;
    font-weight: 400;
    line-height: 28.125px;
    text-align: left;
    z-index: 90;
}

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

.flex-row-e {
    position: relative;
    width: 1626.484px;
    height: 623.863px;
    margin: 164px 0 0 91.516px;
    z-index: 133;
}

.points-bg-a {
    position: absolute;
    width: 17.52%;
    height: 39.11%;
    top: 0;
    left: 15.71%;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/yedfncuN4w.png) no-repeat center;
    background-size: 100% 100%;
    z-index: 125;
}

.union-b {
    position: absolute;
    width: 23.36%;
    height: 28.37%;
    top: 8.5%;
    left: 21.24%;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/FzU5vDwKKu.png) no-repeat center;
    background-size: 100% 100%;
    z-index: 130;
}

.change-appointment {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    width: 284px;
    height: 47.46%;
    top: 24.86%;
    left: 11.32%;
    color: #000000;
    font-family: Circular Std, var(--default-font-family);
    font-size: 22px;
    font-weight: 450;
    line-height: 27.83px;
    text-align: left;
    text-overflow: initial;
    z-index: 131;
    overflow: hidden;
}

.clock {
    position: absolute;
    width: 4.8%;
    height: 12.5%;
    top: 8.5%;
    left: 60.34%;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/4OqxZE04kF.png) no-repeat center;
    background-size: 100% 100%;
    z-index: 117;
    overflow: hidden;
}

.customer-support {
    position: absolute;
    width: 456px;
    height: 19.88%;
    top: 25.01%;
    left: 60.16%;
    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: 111;
}

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

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

.portrait-woman-customer-service-worker {
    position: absolute;
    width: 36.89%;
    height: 66.84%;
    top: 25.17%;
    left: 3.53%;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/1wn6vE4ncs.png) no-repeat center;
    background-size: 100% 100%;
    z-index: 127;
    border-radius: 30px;
}

.union-c {
    position: absolute;
    width: 27.11%;
    height: 28.37%;
    top: 39.91%;
    left: 23.21%;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/aWC34CUWnY.png) no-repeat center;
    background-size: 100% 100%;
    z-index: 133;
}

.rescheduled-appointment {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    width: 345px;
    height: 47.46%;
    top: 24.86%;
    left: 11.56%;
    color: #ffffff;
    font-family: Circular Std, var(--default-font-family);
    font-size: 22px;
    font-weight: 450;
    line-height: 27.83px;
    text-align: left;
    text-overflow: initial;
    z-index: 134;
    overflow: hidden;
}

.group-d {
    position: absolute;
    width: 20.01%;
    height: 7.95%;
    top: 43.12%;
    left: 60.28%;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/yksyYRTwn2.png) no-repeat center;
    background-size: 100% 100%;
    z-index: 109;
    overflow: hidden;
}

.support-team {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    width: 645px;
    height: 8.98%;
    top: 53.7%;
    left: 60.34%;
    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: 110;
}

.group-e {
    position: absolute;
    width: 7.25%;
    height: 18.91%;
    top: 70.37%;
    left: 43.07%;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/JQh7ZOZCmp.png) no-repeat center;
    background-size: 100% 100%;
    z-index: 128;
}

.email-chat-phone-support {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    width: 240px;
    height: 22.44%;
    top: 72.29%;
    left: 62.68%;
    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: 116;
}

.group-f {
    position: absolute;
    width: 1.31%;
    height: 2.56%;
    top: 73.25%;
    left: 60.16%;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/impp99tRdm.png) no-repeat center;
    background-size: 100% 100%;
    z-index: 113;
}

.union-10 {
    position: absolute;
    width: 8.65%;
    height: 19.91%;
    top: 80.09%;
    left: 0;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/1EvOVmJmHC.png) no-repeat center;
    background-size: 100% 100%;
    z-index: 126;
}

.group-11 {
    position: absolute;
    width: 1.31%;
    height: 2.56%;
    top: 82.23%;
    left: 60.16%;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/9uN4tgJVQr.png) no-repeat center;
    background-size: 100% 100%;
    z-index: 114;
}

.group-12 {
    position: absolute;
    width: 1.31%;
    height: 2.56%;
    top: 91.21%;
    left: 60.16%;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/R7SG9oVqwi.png) no-repeat center;
    background-size: 100% 100%;
    z-index: 115;
}

.flex-row-ff {
    position: relative;
    max-width: 1920px; width: 100%;
    height: 938px;
    margin: 215.137px 0 0 0;
    z-index: 162;
}

.rectangle-13 {
    position: absolute;
    width: 100%;
    height: 57.46%;
    top: 0;
    left: 0;
    background: #00a89c;
    z-index: 3;
}

.flex-column-14 {
    position: absolute;
    width: 30.69%;
    height: 26.62%;
    top: 19.48%;
    left: 7.54%;
    z-index: 95;
}

.customize-everything {
    position: relative;
    width: 589px;
    height: 70px;
    margin: 0 0 0 0.17px;
    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: 94;
}

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

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

.group-15 {
    position: relative;
    width: 509.725px;
    height: 78.458px;
    margin: -5px 0 0 0;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/kETXXxZP8K.png) no-repeat center;
    background-size: 100% 100%;
    z-index: 95;
    overflow: hidden;
}

.customize-everything-16 {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    width: 764px;
    height: 12.62%;
    top: 22.08%;
    left: 52.5%;
    color: #ffffff;
    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;
}

.path-17 {
    position: absolute;
    width: 11.86%;
    height: 76.72%;
    top: -0.1%;
    left: 57.1%;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/fFsJiGoG99.png) no-repeat center;
    background-size: 100% 100%;
    z-index: 103;
}

.path-18 {
    position: absolute;
    width: 17.14%;
    height: 76.19%;
    top: -0.06%;
    left: 70.1%;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/eWgKqRs6Jh.png) no-repeat center;
    background-size: 100% 100%;
    z-index: 104;
}

.rectangle-19 {
    position: absolute;
    width: 26.35%;
    height: 30.92%;
    top: 32.73%;
    left: 8.18%;
    background: #ffffff;
    z-index: 119;
    border-radius: 15px;
    box-shadow: 0 0 40px 0 rgba(0, 168, 156, 0.2);
}

.mask-group-1a {
    position: relative;
    width: 506px;
    height: 290px;
    margin: 0px 0 0 0;
    font-size: 0px;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/Tboa3YeWhh.png) no-repeat center;
    background-size: 100% 100%;
    z-index: 120;
    overflow: visible auto;
}

.modify-emails {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: relative;
    width: 370px;
    height: 56px;
    margin: 154.468px 0 0 60px;
    color: #747373;
    font-family: Roboto, var(--default-font-family);
    font-size: 24px;
    font-weight: 400;
    line-height: 28.125px;
    text-align: left;
    z-index: 122;
}

.group-1b {
    position: absolute;
    width: 11.86%;
    height: 15.5%;
    top: 24.14%;
    left: 12.25%;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/qp0UyaBD9F.png) no-repeat center;
    background-size: 100% 100%;
    z-index: 123;
}

.email {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    height: 12.07%;
    top: 25.17%;
    left: 28.06%;
    color: #0e0e0e;
    font-family: Roboto, var(--default-font-family);
    font-size: 30px;
    font-weight: 500;
    line-height: 35px;
    text-align: left;
    white-space: nowrap;
    z-index: 121;
}

.rectangle-1c {
    position: absolute;
    width: 26.35%;
    height: 30.92%;
    top: 32.73%;
    left: 65.83%;
    background: #ffffff;
    z-index: 136;
    border-radius: 15px;
    box-shadow: 0 4px 40px 0 rgba(0, 168, 156, 0.2);
}

.mask-group-1d {
    position: relative;
    width: 506px;
    height: 290px;
    margin: 0px 0 0 0;
    font-size: 0px;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/oS8YnvAwb3.png) no-repeat center;
    background-size: 100% 100%;
    z-index: 137;
    overflow: visible auto;
}

.corporate-identity {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: relative;
    width: 370px;
    height: 56px;
    margin: 154.002px 0 0 60px;
    color: #747373;
    font-family: Roboto, var(--default-font-family);
    font-size: 24px;
    font-weight: 400;
    line-height: 28.125px;
    text-align: left;
    z-index: 138;
}

.look-feel {
    position: absolute;
    width: 11.46%;
    height: 20%;
    top: 19.31%;
    left: 11.86%;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/0ES4NbcJCo.png) no-repeat center;
    background-size: 100% 100%;
    z-index: 141;
}

.rectangle-1e {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    height: 12.07%;
    top: 22.76%;
    left: 28.06%;
    color: #0e0e0e;
    font-family: Roboto, var(--default-font-family);
    font-size: 30px;
    font-weight: 500;
    line-height: 35px;
    text-align: left;
    white-space: nowrap;
    z-index: 140;
}

.mask-group-1f {
    position: absolute;
    width: 26.35%;
    height: 30.92%;
    top: 32.84%;
    left: 36.93%;
    background: #ffffff;
    z-index: 162;
    border-radius: 15px;
    box-shadow: 0 4px 40px 0 rgba(0, 168, 156, 0.2);
}

.include-logo {
    position: relative;
    width: 506px;
    height: 290px;
    margin: 0px 0 0 0;
    font-size: 0px;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/LgOJTS8vek.png) no-repeat center;
    background-size: 100% 100%;
    z-index: 163;
    overflow: visible auto;
}

.logos {
    display: block;
    position: relative;
    height: 28px;
    margin: 154.002px 0 0 56px;
    color: #747373;
    font-family: Roboto, var(--default-font-family);
    font-size: 24px;
    font-weight: 400;
    line-height: 28px;
    text-align: left;
    white-space: nowrap;
    z-index: 164;
}

.logo {
    position: absolute;
    width: 51px;
    height: 15.52%;
    top: 15.86%;
    left: 11.46%;
    font-family: Fredoka One, var(--default-font-family);
    font-size: 37px;
    font-weight: 400;
    line-height: 44.77px;
    text-align: left;
    text-overflow: initial;
    white-space: nowrap;
    z-index: 168;
}

.l {
    position: relative;
    color: #747373;
    font-family: Fredoka One, var(--default-font-family);
    font-size: 37px;
    font-weight: 400;
    line-height: 44.77px;
    text-align: left;
}

.o {
    position: relative;
    color: #747373;
    font-family: Fredoka One, var(--default-font-family);
    font-size: 37px;
    font-weight: 400;
    line-height: 44.77px;
    text-align: left;
}

.logos-20 {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    height: 12.07%;
    top: 22.76%;
    left: 26.09%;
    color: #0e0e0e;
    font-family: Roboto, var(--default-font-family);
    font-size: 30px;
    font-weight: 500;
    line-height: 35px;
    text-align: left;
    white-space: nowrap;
    z-index: 166;
}

.logo-21 {
    position: absolute;
    width: 56px;
    height: 15.52%;
    top: 26.9%;
    left: 11.07%;
    font-family: Fredoka One, var(--default-font-family);
    font-size: 37px;
    font-weight: 400;
    line-height: 44.77px;
    text-align: left;
    text-overflow: initial;
    white-space: nowrap;
    z-index: 169;
}

.o-22 {
    position: relative;
    color: #747373;
    font-family: Fredoka One, var(--default-font-family);
    font-size: 37px;
    font-weight: 400;
    line-height: 44.77px;
    text-align: left;
}

.rectangle-23 {
    position: relative;
    color: #747373;
    font-family: Fredoka One, var(--default-font-family);
    font-size: 37px;
    font-weight: 400;
    line-height: 44.77px;
    text-align: left;
}

.mask-group-24 {
    position: absolute;
    width: 26.35%;
    height: 30.92%;
    top: 68.98%;
    left: 37.14%;
    background: #ffffff;
    z-index: 149;
    border-radius: 15px;
    box-shadow: 0 4px 40px 0 rgba(0, 168, 156, 0.2);
}

.service-structure {
    position: relative;
    width: 506px;
    height: 290px;
    margin: 0px 0 0 0;
    font-size: 0px;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/EEj1vBP72o.png) no-repeat center;
    background-size: 100% 100%;
    z-index: 150;
    overflow: visible auto;
}

.service-structure-25 {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: relative;
    width: 370px;
    height: 56px;
    margin: 155.002px 0 0 61px;
    color: #747373;
    font-family: Roboto, var(--default-font-family);
    font-size: 24px;
    font-weight: 400;
    line-height: 28.125px;
    text-align: left;
    z-index: 152;
}

.packages {
    position: absolute;
    width: 17.39%;
    height: 30.34%;
    top: 13.45%;
    left: 9.88%;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/A9kPQaRSea.png) no-repeat center;
    background-size: 100% 100%;
    z-index: 153;
    overflow: hidden;
}

.services-structure {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    height: 12.07%;
    top: 22.07%;
    left: 29.05%;
    color: #0e0e0e;
    font-family: Roboto, var(--default-font-family);
    font-size: 30px;
    font-weight: 500;
    line-height: 35px;
    text-align: left;
    white-space: nowrap;
    z-index: 151;
}

.rectangle-26 {
    position: absolute;
    width: 26.35%;
    height: 30.92%;
    top: 69.08%;
    left: 8.18%;
    background: #ffffff;
    z-index: 143;
    border-radius: 15px;
    box-shadow: 0 4px 40px 0 rgba(0, 168, 156, 0.2);
}

.mask-group-27 {
    position: relative;
    width: 506px;
    height: 290px;
    margin: 0px 0 0 0;
    font-size: 0px;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/p5hE6DdBoR.png) no-repeat center;
    background-size: 100% 100%;
    z-index: 144;
    overflow: visible auto;
}

.business-layouts {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: relative;
    width: 370px;
    height: 56px;
    margin: 154.471px 0 0 62px;
    color: #747373;
    font-family: Roboto, var(--default-font-family);
    font-size: 24px;
    font-weight: 400;
    line-height: 28.125px;
    text-align: left;
    z-index: 146;
}

.receipt-invoice {
    position: absolute;
    width: 12.47%;
    height: 20.64%;
    top: 18.97%;
    left: 12.25%;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/PF1DnosKjh.png) no-repeat center;
    background-size: 100% 100%;
    z-index: 147;
}

.rectangle-28 {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    height: 12.07%;
    top: 22.76%;
    left: 28.66%;
    color: #0e0e0e;
    font-family: Roboto, var(--default-font-family);
    font-size: 30px;
    font-weight: 500;
    line-height: 35px;
    text-align: left;
    white-space: nowrap;
    z-index: 145;
}

.section-8 {
    position: absolute;
    width: 26.35%;
    height: 30.92%;
    top: 69.08%;
    left: 65.83%;
    background: #ffffff;
    z-index: 155;
    border-radius: 15px;
    box-shadow: 0 0 40px 0 rgba(0, 168, 156, 0.2);
}

.mask-group-29 {
    position: relative;
    width: 506px;
    height: 290px;
    margin: 0px 0 0 0;
    font-size: 0px;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/ki76da5wcL.png) no-repeat center;
    background-size: 100% 100%;
    z-index: 156;
    overflow: visible auto;
}

.customize-your-customer-forms {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: relative;
    width: 370px;
    height: 56px;
    margin: 153.002px 0 0 63px;
    color: #747373;
    font-family: Roboto, var(--default-font-family);
    font-size: 24px;
    font-weight: 400;
    line-height: 28.125px;
    text-align: left;
    z-index: 159;
}

.google-forms {
    position: absolute;
    width: 13.04%;
    height: 22.76%;
    top: 16.9%;
    left: 11.46%;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/859viXPh6k.png) no-repeat center;
    background-size: 100% 100%;
    z-index: 160;
    overflow: hidden;
}

.forms {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    height: 12.07%;
    top: 21.72%;
    left: 26.88%;
    color: #747373;
    font-family: Roboto, var(--default-font-family);
    font-size: 30px;
    font-weight: 500;
    line-height: 35px;
    text-align: left;
    white-space: nowrap;
    z-index: 158;
}

.flex-row-ed {
    position: relative;
    width: 644.001px;
    height: 178.58px;
    margin: 349px 0 0 155.999px;
    z-index: 74;
}

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

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

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

.group-2a {
    position: absolute;
    width: 50.54%;
    height: 27.76%;
    top: 72.24%;
    left: 0;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/JjH54mKSoY.png) no-repeat center;
    background-size: 100% 100%;
    z-index: 74;
    overflow: hidden;
}

.flex-row {
    position: relative;
    max-width: 1620px; width: 100%;
    height: 71px;
    margin: 1.42px 0 0 155px;
    z-index: 75;
}

.group-2b {
    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/nX6tcgro9M.png) no-repeat center;
    background-size: 100% 100%;
    z-index: 75;
}

.lorem-ipsum-dolor {
    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: 49;
}

.flex-row-a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    max-width: 2127px; width: 100%;
    height: 378px;
    margin: 90px 0 0 -90px;
    z-index: 67;
}

.rectangle-2c {
    flex-shrink: 0;
    position: relative;
    width: 689px;
    height: 378px;
    font-size: 0px;
    background: #ffd74b;
    z-index: 59;
    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: 61;
}

.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: 64;
    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: 62;
}

.mask-group-2d {
    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/FY7KmBFL0w.png) no-repeat center;
    background-size: 100% 100%;
    z-index: 65;
}

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

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

.awesome-design-2f {
    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: 53;
}

.without-jobhunt-30 {
    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: 56;
    overflow: hidden;
}

.nicole-wells-31 {
    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: 54;
}

.mask-group-32 {
    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/br7hYnSese.png) no-repeat center;
    background-size: 100% 100%;
    z-index: 57;
}

.design-33 {
    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: 55;
}

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

.awesome-design-35 {
    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: 69;
}

.without-jobhunt-36 {
    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: 72;
    overflow: hidden;
}

.nicole-wells-37 {
    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: 70;
}

.mask-group-38 {
    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/aW7EHPYXmO.png) no-repeat center;
    background-size: 100% 100%;
    z-index: 73;
}

.design-39 {
    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: 71;
}

.flex-row-aaf {
    position: relative;
    max-width: 1922px; width: 100%;
    height: 1245px;
    margin: 154.441px 0 0 0;
    z-index: 13;
}

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

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

.time-to-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;
}

.text-3d {
    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: 15;
}

.rectangle-3b {
    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/ReqLKAOBVC.png) no-repeat center;
    background-size: 100% 100%;
    z-index: 17;
}

.rectangle-3c {
    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/uhN5yAYatQ.png) no-repeat center;
    background-size: 100% 100%;
    z-index: 18;
}

.get-started-3d {
    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: 20;
}

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

.flex-row-3e {
    position: relative;
    max-width: 1103px; width: 100%;
    height: 29px;
    margin: 66.441px 0 0 260px;
    z-index: 29;
}

.sleek-smart-eff {
    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: 23;
}

.sleek-smart-eff-3f {
    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: 26;
}

.sleek-smart-eff-40 {
    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: 29;
}

.flex-row-f {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    max-width: 1404px; width: 100%;
    height: 29px;
    margin: 16px 0 0 260px;
    z-index: 30;
}

.sleek-smart-eff-41 {
    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: 24;
}

.sleek-smart-eff-42 {
    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: 27;
}

.sleek-smart-eff-43 {
    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: 30;
}

.group-44 {
    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/QYrOVtfqSP.png) no-repeat center;
    background-size: 100% 100%;
    z-index: 47;
}

.rectangle-45 {
    position: absolute;
    width: 99.95%;
    height: 40.08%;
    top: 59.92%;
    left: 0.05%;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/4GROHXaEYp.png) no-repeat center;
    background-size: 100% 100%;
    z-index: 13;
}

.flex-row-ba {
    position: relative;
    max-width: 1600px; width: 100%;
    height: 48px;
    margin: 83.559px 0 0 152px;
    z-index: 170;
}

.image-46 {
    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/kU9ZWXC4yC.png) no-repeat center;
    background-size: cover;
    z-index: 170;
}

.product {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    height: 72.92%;
    top: 22.92%;
    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: 39;
}

.features {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    height: 72.92%;
    top: 22.92%;
    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: 44;
}

.connect-with-us {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    height: 72.92%;
    top: 23.84%;
    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: 35;
}

.group-47 {
    position: absolute;
    width: 1.56%;
    height: 33.33%;
    top: 43.75%;
    left: 37.44%;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/GBUW8fz0kB.png) no-repeat center;
    background-size: 100% 100%;
    z-index: 41;
}

.group-48 {
    position: absolute;
    width: 1.56%;
    height: 33.33%;
    top: 43.75%;
    left: 58.81%;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/HUTNMoMoOY.png) no-repeat center;
    background-size: 100% 100%;
    z-index: 46;
}

.flex-row-beb {
    position: relative;
    width: 1582.278px;
    height: 261.984px;
    margin: 28.457px 0 0 152px;
    z-index: 45;
}

.group-49 {
    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/kguQHw8G71.png) no-repeat center;
    background-size: 100% 100%;
    z-index: 36;
}

.home-about-us-contact-us {
    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: 40;
    overflow: hidden;
}

.schedule-online-increase-productivity {
    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: 45;
    overflow: hidden;
}

.online-booking-system {
    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: 32;
    overflow: hidden;
}

.rectangle-4a {
    position: relative;
    max-width: 1921px; width: 100%;
    height: 92px;
    margin: 0 0 0 1px;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/xdhJU82EaE.png) no-repeat center;
    background-size: 100% 100%;
    z-index: 10;
}

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

.rectangle-4b {
    position: absolute;
    width: 100%;
    height: 2.15%;
    top: -0.02%;
    left: 0;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/GEy4V3MpY5.png) no-repeat center;
    background-size: 100% 100%;
    z-index: 173;
}

.vector {
    position: absolute;
    width: 102.92%;
    height: 1.46%;
    top: 30.16%;
    left: -1.04%;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/3v19vRT0xZ.png) no-repeat center;
    background-size: 100% 100%;
    z-index: 96;
}

.rectangle-4c {
    position: absolute;
    width: 100%;
    height: 13.59%;
    top: 48.38%;
    left: -0.1%;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/GVWeeAied9.png) no-repeat center;
    background-size: 100% 100%;
    z-index: 2;
}

.vector-4d {
    position: absolute;
    width: 102.92%;
    height: 1.31%;
    top: 61.96%;
    left: -1.04%;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/F4cHnUnWZA.png) no-repeat center;
    background-size: 100% 100%;
    z-index: 1;
}