: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: 7510px;
  margin: 0 auto;
  background: #ffffff;
  overflow: hidden;
}
.flex-row-faf {
  position: relative;
  width: 2260.334px;
  height: 60px;
  margin: 39px 0 0 -400px;
  z-index: 361;
}
.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/bcspeyjD7H.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 346;
}
.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: 348;
}
.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/bk8yP1wdy3.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 349;
}
.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: 359;
}
.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: 354;
}
.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: 355;
}
.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: 356;
}
.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: 361;
}
.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: 352;
}
.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/RGC9MUNEoC.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 353;
}
.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/w4tTb48V6V.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 360;
}
.teenyicons-tick-outline {
  position: absolute;
  width: 0.66%;
  height: 12.18%;
  top: 56.76%;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/oHxuw9ki54.png)
    no-repeat center;
  background-size: 100% 100%;
  overflow: hidden;
}
.flex-row-a {
  position: relative;
  width: 1639.986px;
  height: 673px;
  margin: 101px 0 0 149.014px;
  z-index: 182;
}
.points-bg {
  position: absolute;
  width: 17.38%;
  height: 36.26%;
  top: 0;
  left: 55.98%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/N7RnPMUKNR.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 58;
}
.rectangle {
  position: absolute;
  width: 16.1%;
  height: 41.31%;
  top: 0.59%;
  left: 83.9%;
  font-size: 0px;
  background: #ffffff;
  z-index: 179;
  border-radius: 20px;
  box-shadow: 0 0 40px 0 rgba(0, 168, 156, 0.2);
}
.marketing-conference {
  display: block;
  position: relative;
  height: 23px;
  margin: 30px 0 0 29px;
  color: #000000;
  font-family: Roboto, var(--default-font-family);
  font-size: 20px;
  font-weight: 500;
  line-height: 23px;
  text-align: left;
  white-space: nowrap;
  z-index: 180;
}
.mask-group {
  position: relative;
  width: 203px;
  height: 111px;
  margin: 14px 0 0 29px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/dg415Fx4Rk.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 181;
}
.rectangle-2 {
  position: relative;
  width: 203px;
  height: 45px;
  margin: 13px 0 0 29px;
  background: #ffd74b;
  z-index: 315;
  border-radius: 5px;
}
.book-a-seat {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 47.78%;
  height: 46.67%;
  top: 26.67%;
  left: 26.11%;
  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: 316;
}
.mask-group-3 {
  position: absolute;
  width: 27.38%;
  height: 86.92%;
  top: 5.35%;
  left: 60.85%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/tw9YdUSmZe.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 176;
}
.online-booking-system {
  position: absolute;
  width: 52.87%;
  height: 41.9%;
  top: 9.21%;
  left: 0.18%;
  font-family: Roboto, var(--default-font-family);
  font-size: 85px;
  font-weight: 700;
  line-height: 100px;
  text-align: left;
  z-index: 9;
}
.online-booking-system-for {
  position: relative;
  color: #00a89c;
  font-family: Roboto, var(--default-font-family);
  font-size: 85px;
  font-weight: 700;
  line-height: 100px;
  text-align: left;
}
.events-and-entertainment {
  position: relative;
  color: #000000;
  font-family: Roboto, var(--default-font-family);
  font-size: 85px;
  font-weight: 700;
  line-height: 100px;
  text-align: left;
}
.group-4 {
  position: absolute;
  width: 27.49%;
  height: 11.51%;
  top: 51.09%;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/nD2B29VmC4.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 8;
  overflow: hidden;
}
.events-appointment-solution {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 683px;
  height: 10.1%;
  top: 64.34%;
  left: 0.3%;
  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: 10;
  overflow: hidden;
}
.rectangle-5 {
  position: absolute;
  width: 13.54%;
  height: 9.96%;
  top: 81.87%;
  left: 0.3%;
  background: #00a89c;
  z-index: 12;
  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: 13;
}
.union {
  position: absolute;
  width: 7.16%;
  height: 15.24%;
  top: 83.51%;
  left: 57.26%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/vqFw2qnBw4.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 59;
}
.group-6 {
  position: absolute;
  width: 6.71%;
  height: 16.34%;
  top: 83.66%;
  left: 83.66%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/XGY1SfASnx.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 182;
}
.calendar {
  position: relative;
  width: 53px;
  height: 53px;
  margin: 28px 0 0 28px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/xtfLFKUuDM.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 317;
  overflow: hidden;
}
.group-7 {
  position: absolute;
  width: 2.13%;
  height: 5.2%;
  top: 84.25%;
  left: 16.28%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/Kgc9G4zovJ.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 15;
}
.watch-a-demo {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 2.97%;
  top: 85.44%;
  left: 19.02%;
  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: 17;
}
.line {
  position: absolute;
  width: 6.1%;
  height: 0.15%;
  top: 88.11%;
  left: 19.27%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/mSfwwiv7Sf.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 18;
}
.flex-row-c {
  position: relative;
  width: 1620px;
  height: 698.294px;
  margin: 895px 0 0 155px;
  z-index: 334;
}
.points-bg-8 {
  position: absolute;
  width: 16.36%;
  height: 32.51%;
  top: 0;
  left: 13.4%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/LYLNUuenXe.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 2;
}
.su {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 5.28%;
  height: 5.73%;
  top: 81.94%;
  left: 88.3%;
  color: #000000;
  font-family: Roboto, var(--default-font-family);
  font-size: 11px;
  font-weight: 500;
  line-height: 12.891px;
  text-align: center;
  white-space: nowrap;
  z-index: 89;
}
.rectangle-9 {
  position: absolute;
  width: 21.17%;
  height: 72.46%;
  top: 7.02%;
  left: 24.75%;
  background: #ffffff;
  z-index: 81;
  border-radius: 10px;
  box-shadow: 0 0 40px 0 rgba(0, 168, 156, 0.2);
}
.rectangle-a {
  position: relative;
  width: 343px;
  height: 55px;
  margin: 0 0 0 0;
  background: #00a89c;
  z-index: 91;
  border-radius: 10px 10px 0 0;
}
.make-an-appointment {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 40%;
  top: 29.09%;
  left: 5.83%;
  color: #ffffff;
  font-family: Roboto, var(--default-font-family);
  font-size: 19px;
  font-weight: 700;
  line-height: 22px;
  text-align: left;
  white-space: nowrap;
  z-index: 91;
}
.flex-row-c-b {
  position: relative;
  width: 277px;
  height: 21px;
  margin: 29px 0 0 37px;
  z-index: 141;
}
.december {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  color: #000000;
  font-family: Roboto, var(--default-font-family);
  font-size: 18px;
  font-weight: 700;
  line-height: 21px;
  text-align: left;
  white-space: nowrap;
  z-index: 90;
}
.vector {
  position: absolute;
  width: 2.89%;
  height: 63.49%;
  top: 23.81%;
  left: 97.11%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/d29ZPY4qUS.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 141;
}
.vector-c {
  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/jrwbPspDoC.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 140;
}
.flex-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 204px;
  height: 13px;
  margin: 32px 0 0 88px;
  z-index: 97;
}
.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: 92;
}
.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: 93;
}
.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: 94;
}
.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: 95;
}
.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: 96;
}
.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: 97;
}
.flex-row-c-d {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 238px;
  height: 14px;
  margin: 26px 0 0 51px;
  z-index: 104;
}
.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: 98;
}
.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: 99;
}
.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: 100;
}
.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: 101;
}
.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: 102;
}
.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: 103;
}
.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: 104;
}
.flex-row-c-e {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 236px;
  height: 14px;
  margin: 20px 0 0 54px;
  z-index: 111;
}
.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: 105;
}
.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: 106;
}
.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: 107;
}
.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: 108;
}
.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: 109;
}
.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: 110;
}
.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: 111;
}
.flex-row-f {
  position: relative;
  width: 239px;
  height: 25px;
  margin: 15px 0 0 52px;
  z-index: 119;
}
.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/WRmHMKGH6S.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 116;
  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: 112;
}
.span {
  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: 113;
}
.span-f {
  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: 114;
}
.span-10 {
  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: 115;
}
.span-11 {
  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: 117;
}
.span-12 {
  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: 118;
}
.span-13 {
  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: 119;
}
.flex-row-fec {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 241px;
  height: 14px;
  margin: 14px 0 0 51px;
  z-index: 126;
}
.span-14 {
  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: 120;
}
.span-15 {
  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: 121;
}
.span-16 {
  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: 122;
}
.span-17 {
  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: 123;
}
.span-18 {
  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: 124;
}
.span-19 {
  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: 125;
}
.span-1a {
  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: 126;
}
.flex-row-c-1b {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 237px;
  height: 14px;
  margin: 20px 0 0 51px;
  z-index: 139;
}
.span-1c {
  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: 127;
}
.span-1d {
  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: 128;
}
.span-1e {
  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: 135;
}
.span-1f {
  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: 136;
}
.span-20 {
  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: 137;
}
.span-21 {
  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: 138;
}
.span-22 {
  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: 139;
}
.flex-row-dab {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 277px;
  height: 29px;
  margin: 50px 0 0 37px;
  z-index: 84;
}
.rectangle-23 {
  flex-shrink: 0;
  position: relative;
  width: 135px;
  height: 29px;
  background: #00a89c;
  z-index: 83;
  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: 129;
}
.rectangle-24 {
  flex-shrink: 0;
  position: relative;
  width: 135px;
  height: 29px;
  border: 1px solid #c4c4c4;
  z-index: 84;
  border-radius: 3px;
}
.span-am-pm-25 {
  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: 130;
}
.flex-row-b {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 277px;
  height: 29px;
  margin: 8px 0 0 37px;
  z-index: 86;
}
.rectangle-26 {
  flex-shrink: 0;
  position: relative;
  width: 135px;
  height: 29px;
  border: 1px solid #c4c4c4;
  z-index: 85;
  border-radius: 3px;
}
.span-am-pm-27 {
  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: 131;
}
.rectangle-28 {
  flex-shrink: 0;
  position: relative;
  width: 135px;
  height: 29px;
  border: 1px solid #c4c4c4;
  z-index: 86;
  border-radius: 3px;
}
.span-am-pm-29 {
  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: 132;
}
.flex-row-c-2a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 277px;
  height: 29px;
  margin: 8px 0 0 37px;
  z-index: 88;
}
.rectangle-2b {
  flex-shrink: 0;
  position: relative;
  width: 135px;
  height: 29px;
  border: 1px solid #c4c4c4;
  z-index: 87;
  border-radius: 3px;
}
.span-am-pm-2c {
  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: 133;
}
.rectangle-2d {
  flex-shrink: 0;
  position: relative;
  width: 135px;
  height: 29px;
  border: 1px solid #c4c4c4;
  z-index: 88;
  border-radius: 3px;
}
.span-am-pm-2e {
  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: 134;
}
.cheers {
  position: absolute;
  width: 7.41%;
  height: 17.18%;
  top: 11.03%;
  left: 56.3%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/0VfpYUAjyq.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 334;
  overflow: hidden;
}
.rectangle-2f {
  position: absolute;
  width: 29.38%;
  height: 52.99%;
  top: 17.33%;
  left: 0;
  background: #ffffff;
  z-index: 69;
  border-radius: 10px;
  box-shadow: 0 0 40px 0 rgba(0, 168, 156, 0.2);
}
.rectangle-30 {
  position: relative;
  width: 476px;
  height: 60px;
  margin: 0 0 0 0;
  background: #00a89c;
  z-index: 79;
  border-radius: 10px 10px 0 0;
}
.make-an-appointment-31 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 36.67%;
  top: 30%;
  left: 4.2%;
  color: #ffffff;
  font-family: Roboto, var(--default-font-family);
  font-size: 19px;
  font-weight: 700;
  line-height: 22px;
  text-align: left;
  white-space: nowrap;
  z-index: 79;
}
.flex-row-d {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 416px;
  height: 144px;
  margin: 36px 0 0 30px;
  z-index: 77;
}
.mask-group-32 {
  flex-shrink: 0;
  position: relative;
  width: 198px;
  height: 144px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/PbYUFvEQiS.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 70;
}
.mask-group-33 {
  flex-shrink: 0;
  position: relative;
  width: 198px;
  height: 144px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/ttznhYC0iJ.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 77;
}
.flex-row-dae {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 316px;
  height: 23px;
  margin: 16px 0 0 30px;
  z-index: 72;
}
.magic-time {
  flex-shrink: 0;
  position: relative;
  height: 23px;
  color: #2c2c2c;
  font-family: Roboto, var(--default-font-family);
  font-size: 20px;
  font-weight: 500;
  line-height: 23px;
  text-align: left;
  white-space: nowrap;
  z-index: 71;
}
.vip-events {
  flex-shrink: 0;
  position: relative;
  height: 23px;
  color: #2c2c2c;
  font-family: Roboto, var(--default-font-family);
  font-size: 20px;
  font-weight: 500;
  line-height: 23px;
  text-align: left;
  white-space: nowrap;
  z-index: 72;
}
.flex-row-34 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 363px;
  height: 8px;
  margin: 17px 0 0 30px;
  z-index: 75;
}
.rectangle-35 {
  flex-shrink: 0;
  position: relative;
  width: 145px;
  height: 8px;
  background: #cccccc;
  z-index: 75;
  border-radius: 10px;
}
.rectangle-36 {
  flex-shrink: 0;
  position: relative;
  width: 145px;
  height: 8px;
  background: #cccccc;
  z-index: 73;
  border-radius: 10px;
}
.flex-row-37 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 345px;
  height: 8px;
  margin: 8px 0 0 30px;
  z-index: 76;
}
.rectangle-38 {
  flex-shrink: 0;
  position: relative;
  width: 127px;
  height: 8px;
  background: #cccccc;
  z-index: 76;
  border-radius: 10px;
}
.rectangle-39 {
  flex-shrink: 0;
  position: relative;
  width: 127px;
  height: 8px;
  background: #cccccc;
  z-index: 74;
  border-radius: 10px;
}
.avail-more-booking {
  position: absolute;
  width: 486px;
  height: 8.88%;
  top: 30.22%;
  left: 56.67%;
  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: 157;
}
.avail {
  position: relative;
  color: #00a89c;
  font-family: Roboto, var(--default-font-family);
  font-size: 55px;
  font-weight: 900;
  line-height: 62px;
  text-align: left;
}
.more-booking {
  position: relative;
  color: #000000;
  font-family: Roboto, var(--default-font-family);
  font-size: 55px;
  font-weight: 900;
  line-height: 62px;
  text-align: left;
}
.group-3a {
  position: absolute;
  width: 20.09%;
  height: 7.1%;
  top: 40.53%;
  left: 56.67%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/TkTWzkshpe.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 155;
  overflow: hidden;
}
.span-book-appointments {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 699px;
  height: 26.92%;
  top: 51.41%;
  left: 56.85%;
  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: 156;
}
.rectangle-3b {
  position: absolute;
  width: 20.93%;
  height: 28.35%;
  top: 65.45%;
  left: 7.59%;
  font-size: 0px;
  background: #ffd74b;
  z-index: 143;
  border-radius: 10px;
}
.reminder-notification {
  display: block;
  position: relative;
  height: 21px;
  margin: 30px 0 0 30px;
  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: 144;
}
.set-reminders {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 284px;
  height: 50.51%;
  top: 35.35%;
  left: 8.85%;
  color: #2c2c2c;
  font-family: Roboto, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 18.75px;
  text-align: left;
  z-index: 145;
}
.ellipse-3c {
  position: absolute;
  width: 6.19%;
  height: 10.61%;
  top: 71.72%;
  left: 86.73%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/Jj1vQP0J69.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 149;
  border-radius: 50%;
}
.union-3d {
  position: absolute;
  width: 8.13%;
  height: 16.51%;
  top: 83.49%;
  left: 3.89%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/O1ej1EC3Hj.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 3;
}
.group-3e {
  position: absolute;
  width: 4.32%;
  height: 10.02%;
  top: 85.35%;
  left: 25.86%;
  font-size: 0px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/iiZNVE3VDM.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 147;
}
.span-3f {
  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: 150;
}
.flex-row-e {
  position: relative;
  width: 27.499px;
  height: 30px;
  margin: -1px 0 0 20.25px;
  z-index: 185;
}
.group-40 {
  position: absolute;
  width: 90.91%;
  height: 100%;
  top: 0;
  left: 4.55%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/CUv2bQzkhv.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 185;
}
.group-41 {
  position: absolute;
  width: 24.4%;
  height: 42.22%;
  top: 3.12%;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/zpeXsOrTot.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 184;
}
.group-42 {
  position: absolute;
  width: 24.4%;
  height: 42.22%;
  top: 3.12%;
  left: 75.6%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/DAxqxiAamp.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 183;
}
.lorem-ipsum {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 488px;
  height: 12.03%;
  top: 86.93%;
  left: 59.2%;
  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: 161;
}
.group-43 {
  position: absolute;
  width: 1.32%;
  height: 2.29%;
  top: 87.79%;
  left: 56.67%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/apzB8qdkEG.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 159;
}
.group-44 {
  position: absolute;
  width: 1.32%;
  height: 2.29%;
  top: 95.8%;
  left: 56.67%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/NwSjrWzuwp.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 160;
}
.rectangle-45 {
  position: relative;
  width: 1920px;
  height: 933.442px;
  margin: 152.706px 0 0 0;
  background: #eaf7f6;
  z-index: 162;
}
.flex-column-c {
  position: absolute;
  width: 42.19%;
  height: 79.7%;
  top: 9.64%;
  left: 50%;
  z-index: 244;
}
.points-bg-46 {
  position: absolute;
  width: 32.72%;
  height: 30.51%;
  top: 0;
  left: 56.91%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/Bb8HmHQWQt.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 188;
}
.rectangle-47 {
  position: absolute;
  width: 44.44%;
  height: 86.02%;
  top: 9.14%;
  left: 29.14%;
  background: #ffffff;
  z-index: 191;
  border-radius: 20px;
  box-shadow: 0 0 40px 0 rgba(0, 168, 156, 0.2);
}
.mask-group-48 {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 192;
  -webkit-mask-image: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/3Y1sjyoORv.png);
  -webkit-mask-size: cover;
}
.group-49 {
  position: absolute;
  width: 111.7%;
  height: 101.36%;
  top: -0.63%;
  left: -5.94%;
  z-index: 193;
}
.vector-4a {
  position: absolute;
  width: 89.52%;
  height: 98.65%;
  top: 0;
  left: 4.08%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/gHPfZ2zVwf.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 194;
}
.group-4b {
  position: absolute;
  width: 90.77%;
  height: 9.71%;
  top: 0;
  left: 4.08%;
  z-index: 216;
}
.rectangle-4c {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-25/505047d6-4fa8-4a48-88b9-d131a2358ac5.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 217;
}
.group-4d {
  position: absolute;
  width: 9.17%;
  height: 52.38%;
  top: 23.81%;
  left: 86.67%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-25/07d25e55-8381-4cb1-bf01-6865dd4d5e26.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 218;
}
.component {
  position: absolute;
  width: 9.17%;
  height: 52.38%;
  top: 23.81%;
  left: 74.72%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-25/4e54cb12-b60d-4912-91bd-ce9ae2ac8c9e.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 219;
}
.group-4e {
  position: absolute;
  width: 18.18%;
  height: 29.37%;
  top: 36.51%;
  left: 7.06%;
  z-index: 220;
}
.text-400101 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 97.28%;
  top: 0;
  left: 32.75%;
  color: #ffffff;
  font-family: Bahnschrift, var(--default-font-family);
  font-size: 15px;
  font-weight: 400;
  line-height: 18px;
  text-align: left;
  white-space: nowrap;
  z-index: 221;
}
.icon-material-location-on {
  position: absolute;
  width: 17.66%;
  height: 89.19%;
  top: 10.81%;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-25/3d4f9d47-f977-4650-80e3-e869ef87e710.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 222;
}
.magic-time-event {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 3.39%;
  top: 13.72%;
  left: 10.05%;
  color: #484848;
  font-family: Bahnschrift, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 21.604px;
  text-align: left;
  white-space: nowrap;
  z-index: 195;
}
.group-4f {
  position: absolute;
  width: 38.79%;
  height: 22.51%;
  top: 21.89%;
  left: 9.55%;
  z-index: 196;
}
.mask-group-50 {
  position: relative;
  width: 156px;
  height: 70px;
  margin: 0 0 0 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/L2w2RZnWQx.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 200;
}
.do-great-things {
  display: block;
  position: relative;
  height: 17px;
  margin: 10px 0 0 9px;
  color: #484848;
  font-family: Bahnschrift, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 16.803px;
  text-align: left;
  white-space: nowrap;
  z-index: 198;
}
.lorem-ipsum-dolor {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 104px;
  height: 28px;
  margin: 4.8px 0 0 9px;
  color: #a8a8a8;
  font-family: Poppins, var(--default-font-family);
  font-size: 9.199999809265137px;
  font-weight: 400;
  line-height: 13.8px;
  text-align: left;
  text-overflow: initial;
  z-index: 199;
  overflow: hidden;
}
.rectangle-51 {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/3D5EHeHW7c.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 197;
}
.group-52 {
  position: absolute;
  width: 38.79%;
  height: 22.51%;
  top: 21.89%;
  left: 51.82%;
  z-index: 206;
}
.mask-group-53 {
  position: relative;
  width: 156px;
  height: 70px;
  margin: 0 0 0 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/1W8UOqRVAm.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 210;
}
.everything-counts {
  display: block;
  position: relative;
  height: 17px;
  margin: 10px 0 0 10px;
  color: #484848;
  font-family: Bahnschrift, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 16.803px;
  text-align: left;
  white-space: nowrap;
  z-index: 208;
}
.lorem-ipsum-dolor-54 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 104px;
  height: 28px;
  margin: 4.8px 0 0 10px;
  color: #a8a8a8;
  font-family: Poppins, var(--default-font-family);
  font-size: 9.199999809265137px;
  font-weight: 400;
  line-height: 13.8px;
  text-align: left;
  text-overflow: initial;
  z-index: 209;
  overflow: hidden;
}
.rectangle-55 {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/pgNuTVh56C.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 207;
}
.group-56 {
  position: absolute;
  width: 38.79%;
  height: 22.51%;
  top: 47.48%;
  left: 9.55%;
  z-index: 201;
}
.mask-group-57 {
  position: relative;
  width: 156px;
  height: 70px;
  margin: 0 0 0 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/1rAx3RavXX.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 205;
}
.gaining-the-edge {
  display: block;
  position: relative;
  height: 17px;
  margin: 10px 0 0 9px;
  color: #484848;
  font-family: Bahnschrift, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 16.803px;
  text-align: left;
  white-space: nowrap;
  z-index: 203;
}
.lorem-ipsum-dolor-58 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 104px;
  height: 28px;
  margin: 4.8px 0 0 9px;
  color: #a8a8a8;
  font-family: Poppins, var(--default-font-family);
  font-size: 9.199999809265137px;
  font-weight: 400;
  line-height: 13.8px;
  text-align: left;
  text-overflow: initial;
  z-index: 204;
  overflow: hidden;
}
.rectangle-59 {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/mTbjXEiPp6.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 202;
}
.group-5a {
  position: absolute;
  width: 38.79%;
  height: 22.51%;
  top: 47.48%;
  left: 51.82%;
  z-index: 211;
}
.mask-group-5b {
  position: relative;
  width: 156px;
  height: 70px;
  margin: 0 0 0 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/5u6JydVGdy.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 215;
}
.get-momentum {
  display: block;
  position: relative;
  height: 17px;
  margin: 10px 0 0 9px;
  color: #484848;
  font-family: Bahnschrift, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 16.803px;
  text-align: left;
  white-space: nowrap;
  z-index: 213;
}
.lorem-ipsum-dolor-5c {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 104px;
  height: 28px;
  margin: 4.8px 0 0 9px;
  color: #a8a8a8;
  font-family: Poppins, var(--default-font-family);
  font-size: 9.199999809265137px;
  font-weight: 400;
  line-height: 13.8px;
  text-align: left;
  text-overflow: initial;
  z-index: 214;
  overflow: hidden;
}
.rectangle-5d {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/CL9C6iJzNA.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 212;
}
.group-5e {
  position: absolute;
  width: 13.18%;
  height: 8.17%;
  top: 84.32%;
  left: 73.21%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/jjxKfe5YQx.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 224;
}
.path-5f {
  position: absolute;
  width: 100%;
  height: 13.22%;
  top: 86.78%;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/pUVxDBm7AJ.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 223;
}
.group-60 {
  position: absolute;
  width: 7.96%;
  height: 6.23%;
  top: 89.71%;
  left: 12.61%;
  z-index: 225;
}
.icon-feather-home {
  position: relative;
  width: 18.328px;
  height: 20.364px;
  margin: 0 0 0 6.697px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-25/7286d924-9514-4c60-999c-349a104237c1.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 226;
}
.home-61 {
  display: block;
  position: relative;
  height: 14px;
  margin: 6.068px 0 0 0;
  color: #00a89c;
  font-family: Bahnschrift, var(--default-font-family);
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  text-align: left;
  white-space: nowrap;
  z-index: 227;
}
.group-62 {
  position: absolute;
  width: 16.91%;
  height: 6.23%;
  top: 89.71%;
  left: 30.69%;
  opacity: 0.5;
  z-index: 228;
}
.icon-feather-calendar {
  position: relative;
  width: 18.328px;
  height: 20.363px;
  margin: 0 0 0 24.973px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-25/a41d61e1-0a80-4eed-9b25-712ed1230c12.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 229;
}
.my-bookings {
  display: block;
  position: relative;
  height: 14px;
  margin: 6.069px 0 0 0;
  color: #868686;
  font-family: Bahnschrift, var(--default-font-family);
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  text-align: left;
  white-space: nowrap;
  z-index: 230;
}
.group-63 {
  position: absolute;
  width: 10.94%;
  height: 6.23%;
  top: 89.71%;
  left: 56.87%;
  opacity: 0.5;
  z-index: 231;
}
.icon-material-person-add {
  position: relative;
  width: 22.8px;
  height: 22.8px;
  margin: -1px 0 0 10.203px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/FOb7d3Raet.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 232;
}
.account {
  display: block;
  position: relative;
  height: 14px;
  margin: 4.632px 0 0 0;
  color: #868686;
  font-family: Bahnschrift, var(--default-font-family);
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  text-align: left;
  white-space: nowrap;
  z-index: 233;
}
.rectangle-64 {
  position: absolute;
  width: 33.7%;
  height: 42.47%;
  top: 32.26%;
  left: 66.3%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/DszXqbkHAs.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 244;
  border-radius: 15px;
}
.flex-column-e {
  position: absolute;
  width: 99.63%;
  height: 81.65%;
  top: 4.75%;
  left: 0.37%;
  font-size: 0px;
  z-index: 249;
}
.category {
  display: block;
  position: relative;
  height: 23px;
  margin: 0 0 0 26px;
  color: #000000;
  font-family: Bahnschrift, var(--default-font-family);
  font-size: 19px;
  font-weight: 400;
  line-height: 22.804px;
  text-align: left;
  white-space: nowrap;
  z-index: 245;
}
.line-65 {
  position: relative;
  width: 272px;
  height: 1px;
  margin: 16px 0 0 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/x4xG6rCWGN.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 246;
}
.ellipse-66 {
  position: relative;
  width: 56px;
  height: 56px;
  margin: 10px 0 0 26px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/kNKU5qUF5D.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 247;
  border-radius: 50%;
}
.ellipse-67 {
  position: relative;
  width: 56px;
  height: 56px;
  margin: 20px 0 0 26px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/VDBXQCxNPr.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 248;
  border-radius: 50%;
}
.ellipse-68 {
  position: relative;
  width: 56px;
  height: 56px;
  margin: 20px 0 0 26px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/mDNfscYjQV.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 249;
  border-radius: 50%;
}
.flex-column {
  position: absolute;
  width: 49.45%;
  height: 61.71%;
  top: 22.78%;
  left: 35.53%;
  font-size: 0px;
  z-index: 261;
}
.wedding-event {
  display: block;
  position: relative;
  height: 20px;
  margin: 0 0 0 0;
  color: #000000;
  font-family: Bahnschrift, var(--default-font-family);
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  white-space: nowrap;
  z-index: 251;
}
.rectangle-69 {
  position: relative;
  width: 132px;
  height: 5px;
  margin: 7px 0 0 0;
  background: #ffffff;
  z-index: 252;
  border-radius: 20px;
}
.rectangle-6a {
  position: relative;
  width: 75px;
  height: 5px;
  margin: 6px 0 0 0;
  background: #ffffff;
  z-index: 253;
  border-radius: 20px;
}
.corporate-event {
  display: block;
  position: relative;
  height: 20px;
  margin: 33px 0 0 0;
  color: #000000;
  font-family: Bahnschrift, var(--default-font-family);
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  white-space: nowrap;
  z-index: 255;
}
.rectangle-6b {
  position: relative;
  width: 132px;
  height: 5px;
  margin: 7px 0 0 0;
  background: #ffffff;
  z-index: 256;
  border-radius: 20px;
}
.rectangle-6c {
  position: relative;
  width: 75px;
  height: 5px;
  margin: 6px 0 0 0;
  background: #ffffff;
  z-index: 257;
  border-radius: 20px;
}
.parties {
  display: block;
  position: relative;
  height: 20px;
  margin: 33px 0 0 3px;
  color: #000000;
  font-family: Bahnschrift, var(--default-font-family);
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  white-space: nowrap;
  z-index: 259;
}
.rectangle-6d {
  position: relative;
  width: 132px;
  height: 5px;
  margin: 7px 0 0 3px;
  background: #ffffff;
  z-index: 260;
  border-radius: 20px;
}
.rectangle-6e {
  position: relative;
  width: 75px;
  height: 5px;
  margin: 6px 0 0 3px;
  background: #ffffff;
  z-index: 261;
  border-radius: 20px;
}
.union-6f {
  position: absolute;
  width: 14.42%;
  height: 17.87%;
  top: 48.66%;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/ExcWdwq36i.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 187;
}
.rectangle-70 {
  position: absolute;
  width: 33.21%;
  height: 42.47%;
  top: 57.53%;
  left: 6.17%;
  background: #ffffff;
  z-index: 236;
  border-radius: 15px;
  box-shadow: 0 4px 40px 0 rgba(0, 168, 156, 0.3);
}
.mask-group-71 {
  position: relative;
  width: 107px;
  height: 107px;
  margin: 26px 0 0 81px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/vv9JntQzdw.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 237;
}
.get-momentum-72 {
  display: block;
  position: relative;
  height: 24px;
  margin: 23px 0 0 66px;
  color: #000000;
  font-family: Bahnschrift, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 238;
}
.line-73 {
  position: relative;
  width: 201px;
  height: 1px;
  margin: 15px 0 0 34px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/FSyNVC9kKM.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 240;
}
.duration {
  display: block;
  position: relative;
  height: 18px;
  margin: 17px 0 0 49px;
  color: #595959;
  font-family: Roboto, var(--default-font-family);
  font-size: 15px;
  font-weight: 400;
  line-height: 17.578px;
  text-align: left;
  white-space: nowrap;
  z-index: 239;
}
.rectangle-74 {
  position: relative;
  width: 130px;
  height: 36px;
  margin: 20px 0 0 70px;
  background: #f04589;
  z-index: 241;
  border-radius: 5px;
}
.book-a-seat-75 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 63.89%;
  top: 19.44%;
  left: 15.38%;
  color: #ffffff;
  font-family: Poppins, var(--default-font-family);
  font-size: 15px;
  font-weight: 500;
  line-height: 22.5px;
  text-align: left;
  white-space: nowrap;
  z-index: 242;
}
.flex-column-ce {
  position: absolute;
  width: 33.75%;
  height: 63.64%;
  top: 17.36%;
  left: 7.97%;
  z-index: 175;
}
.clock {
  position: relative;
  width: 78px;
  height: 78px;
  margin: 0 0 0 0px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/TUc3bFtKXK.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 175;
  overflow: hidden;
}
.super-flexible-online {
  position: relative;
  width: 544px;
  height: 124px;
  margin: 25px 0 0 0px;
  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: 174;
}
.super-flexible {
  position: relative;
  color: #00a89c;
  font-family: Roboto, var(--default-font-family);
  font-size: 55px;
  font-weight: 900;
  line-height: 62px;
  text-align: left;
}
.online-customer-booking {
  position: relative;
  color: #0e0e0e;
  font-family: Roboto, var(--default-font-family);
  font-size: 55px;
  font-weight: 900;
  line-height: 62px;
  text-align: left;
}
.group-76 {
  position: relative;
  width: 325.476px;
  height: 49.58px;
  margin: 0 0 0 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/9QXHQT9F4j.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 172;
  overflow: hidden;
}
.reduce-administrative-overhead {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 645px;
  height: 140px;
  margin: 34.42px 0 0 3px;
  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: 173;
}
.lorem-ipsum-dummy-text {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 488px;
  height: 14.14%;
  top: 86.87%;
  left: 6.33%;
  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: 168;
}
.group-77 {
  position: absolute;
  width: 3.29%;
  height: 2.69%;
  top: 87.88%;
  left: 0%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/K6WEZffXtZ.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 166;
}
.group-78 {
  position: absolute;
  width: 3.29%;
  height: 2.69%;
  top: 97.31%;
  left: 0%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/kEwzzns3kK.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 167;
}
.events-entertainment-appointment {
  position: relative;
  width: 998px;
  height: 140px;
  margin: 310.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: 262;
}
.scheduling-features {
  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-79 {
  position: relative;
  color: #0e0e0e;
  font-family: Roboto, var(--default-font-family);
  font-size: 60px;
  font-weight: 700;
  line-height: 70px;
  text-align: left;
}
.group-7a {
  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/4HQfYDadeQ.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 263;
  overflow: hidden;
}
.flex-row-e-7b {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 1620px;
  height: 408px;
  margin: 45.895px 0 0 151px;
  z-index: 271;
}
.rectangle-7c {
  flex-shrink: 0;
  position: relative;
  width: 791px;
  height: 408px;
  background: #ffffff;
  z-index: 264;
  border-radius: 10px;
  box-shadow: 0 0 40px 0 rgba(0, 168, 156, 0.2);
}
.flex-column-ee {
  position: absolute;
  width: 44.9%;
  height: 57.84%;
  top: 16.42%;
  left: 45.51%;
  font-size: 0px;
  z-index: 266;
}
.categorize-service-providers {
  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: 265;
}
.create-services-providers {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 355.152px;
  height: 134.98px;
  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: 266;
}
.flex-column-cf {
  position: absolute;
  width: 28.58%;
  height: 54.17%;
  top: 18.87%;
  left: 10.49%;
  z-index: 335;
}
.ellipse-7d {
  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/7v2i6B40AF.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 278;
  border-radius: 50%;
}
.settings {
  position: absolute;
  width: 20.35%;
  height: 20.81%;
  top: 10.86%;
  left: 69.01%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/P8U05nXswd.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 335;
  overflow: hidden;
}
.mask-group-7e {
  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/3TJaiTQOvU.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 277;
}
.rectangle-7f {
  flex-shrink: 0;
  position: relative;
  width: 791px;
  height: 408px;
  background: #ffffff;
  z-index: 271;
  border-radius: 10px;
  box-shadow: 0 0 40px 0 rgba(0, 168, 156, 0.2);
}
.flex-column-bb {
  position: absolute;
  width: 44.9%;
  height: 57.84%;
  top: 16.42%;
  left: 45.51%;
  font-size: 0px;
  z-index: 273;
}
.manage-events {
  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: 272;
}
.fill-last-minute-slots {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 355.152px;
  height: 134.98px;
  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: 273;
}
.flex-column-cdfb {
  position: absolute;
  width: 28.58%;
  height: 54.17%;
  top: 18.87%;
  left: 10.49%;
  z-index: 336;
}
.ellipse-80 {
  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/Hzrvg6QYFT.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 280;
  border-radius: 50%;
}
.event {
  position: absolute;
  width: 19.91%;
  height: 20.36%;
  top: 10.86%;
  left: 69.46%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/Frx2576jpt.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 336;
  overflow: hidden;
}
.mask-group-81 {
  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/ckeRPuad27.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 279;
}
.flex-row-da {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 1620px;
  height: 408px;
  margin: 40px 0 0 152px;
  z-index: 274;
}
.rectangle-82 {
  flex-shrink: 0;
  position: relative;
  width: 791px;
  height: 408px;
  background: #ffffff;
  z-index: 267;
  border-radius: 10px;
  box-shadow: 0 0 40px 0 rgba(0, 168, 156, 0.2);
}
.ellipse-83 {
  position: absolute;
  width: 11.89%;
  height: 23.05%;
  top: 18.87%;
  left: 27.18%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/wwcmWo0auo.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 281;
  border-radius: 50%;
}
.booking-widgets {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 9.07%;
  top: 25.25%;
  left: 45.51%;
  color: #000000;
  font-family: Roboto, var(--default-font-family);
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  text-align: left;
  white-space: nowrap;
  z-index: 269;
}
.website {
  position: absolute;
  width: 5.31%;
  height: 10.29%;
  top: 25.25%;
  left: 30.47%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/npe2bvkCcM.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 282;
  overflow: hidden;
}
.mask-group-84 {
  position: absolute;
  width: 24.02%;
  height: 46.08%;
  top: 26.96%;
  left: 10.49%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/nNj1MYGS19.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 268;
}
.booking-widget {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 377px;
  height: 33.09%;
  top: 41.18%;
  left: 45.51%;
  color: #565657;
  font-family: Roboto, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: left;
  z-index: 270;
}
.rectangle-85 {
  flex-shrink: 0;
  position: relative;
  width: 791px;
  height: 408px;
  background: #ffffff;
  z-index: 274;
  border-radius: 10px;
  box-shadow: 0 0 40px 0 rgba(0, 168, 156, 0.2);
}
.flex-column-b {
  position: absolute;
  width: 48.04%;
  height: 61.03%;
  top: 16.42%;
  left: 45.51%;
  font-size: 0px;
  z-index: 276;
}
.proactive-communication {
  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: 275;
}
.proactive-communication-86 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 380px;
  height: 148px;
  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: 276;
}
.flex-column-f {
  position: absolute;
  width: 28.58%;
  height: 54.17%;
  top: 18.87%;
  left: 10.49%;
  z-index: 285;
}
.ellipse-87 {
  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/X8ycMuTeVt.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 284;
  border-radius: 50%;
}
.group-88 {
  position: absolute;
  width: 22.12%;
  height: 22.62%;
  top: 9.95%;
  left: 68.13%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/rhg8nPrkxz.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 285;
}
.mask-group-89 {
  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/yjLkhCX1yF.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 283;
}
.testimonials {
  position: relative;
  width: 644px;
  height: 140px;
  margin: 292px 0 0 152px;
  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: 286;
}
.testimonials-8a {
  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-8b {
  position: relative;
  width: 323.662px;
  height: 23.06px;
  margin: 3.767px 0 0 152.941px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/QtRwYqbtfN.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 313;
  overflow: visible auto;
}
.path-8c {
  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/M7jgBSDEVH.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 312;
}
.flex-row-ad {
  position: relative;
  width: 1620px;
  height: 71px;
  margin: 13.174px 0 0 151px;
  z-index: 314;
}
.group-8d {
  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/YMVnAgjEad.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 314;
}
.lorem-ipsum-dolor-8e {
  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: 287;
}
.flex-row-df {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 2127px;
  height: 378px;
  margin: 90px 0 0 -151px;
  z-index: 305;
}
.rectangle-8f {
  flex-shrink: 0;
  position: relative;
  width: 689px;
  height: 378px;
  font-size: 0px;
  background: #ffd74b;
  z-index: 297;
  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: 299;
}
.awesome-design-90 {
  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: 302;
  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: 300;
}
.mask-group-91 {
  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/KEEkeaGdrf.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 303;
}
.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: 301;
}
.rectangle-92 {
  flex-shrink: 0;
  position: relative;
  width: 689px;
  height: 378px;
  font-size: 0px;
  background: #ffd74b;
  z-index: 289;
  border-radius: 10px;
}
.awesome-design-93 {
  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: 291;
}
.awesome-design-94 {
  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: 294;
  overflow: hidden;
}
.nicole-wells-95 {
  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: 292;
}
.mask-group-96 {
  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/NBBLjKSQre.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 295;
}
.design-97 {
  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: 293;
}
.rectangle-98 {
  flex-shrink: 0;
  position: relative;
  width: 689px;
  height: 378px;
  font-size: 0px;
  background: #ffd74b;
  z-index: 305;
  border-radius: 10px;
}
.awesome-design-99 {
  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: 307;
}
.awesome-design-9a {
  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: 310;
  overflow: hidden;
}
.nicole-wells-9b {
  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: 308;
}
.mask-group-9c {
  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/gGGX4K3tBh.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 311;
}
.design-9d {
  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: 309;
}
.flex-row-f-9e {
  position: relative;
  width: 1937px;
  height: 1245px;
  margin: 187.441px 0 0 -2px;
  z-index: 23;
}
.rectangle-9f {
  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/zrm7SiTtVU.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 22;
}
.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: 24;
}
.enough-said-a0 {
  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-a-go {
  position: relative;
  color: #0e0e0e;
  font-family: Roboto, var(--default-font-family);
  font-size: 60px;
  font-weight: 700;
  line-height: 70.313px;
  text-align: center;
}
.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: 25;
}
.rectangle-a1 {
  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/MJ4ghLFuUv.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 27;
}
.rectangle-a2 {
  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/5B18x2jMD9.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 28;
}
.get-started-a3 {
  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: 30;
}
.enter-your-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: 29;
}
.flex-row-a4 {
  position: relative;
  width: 1103px;
  height: 29px;
  margin: 66.441px 0 0 260px;
  z-index: 39;
}
.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: 33;
}
.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: 36;
}
.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: 39;
}
.flex-row-fea {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 1404px;
  height: 29px;
  margin: 16px 0 0 260px;
  z-index: 40;
}
.contact-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: 34;
}
.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: 37;
}
.location {
  flex-shrink: 0;
  position: relative;
  height: 29px;
  color: #747373;
  font-family: Roboto, var(--default-font-family);
  font-size: 25px;
  font-weight: 400;
  line-height: 29px;
  text-align: left;
  white-space: nowrap;
  z-index: 40;
}
.group-a5 {
  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/rrcOpnTOYw.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 57;
}
.arrow-right {
  position: absolute;
  width: 0.83%;
  height: 2.67%;
  top: 4.3%;
  left: 99.17%;
  z-index: 4;
  overflow: hidden;
}
.rectangle-a6 {
  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/EugH38Ayy0.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 23;
}
.flex-row-cc {
  position: relative;
  width: 1600px;
  height: 48px;
  margin: 84.559px 0 0 152px;
  z-index: 339;
}
.image {
  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/5xwnALcTHY.png)
    no-repeat center;
  background-size: cover;
  z-index: 339;
}
.product {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 72.92%;
  top: 20.83%;
  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: 49;
}
.features {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 72.92%;
  top: 20.83%;
  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: 54;
}
.connect-with-us {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 72.92%;
  top: 21.75%;
  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: 45;
}
.group-a7 {
  position: absolute;
  width: 1.56%;
  height: 33.33%;
  top: 41.67%;
  left: 37.44%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/NmaBdgCGUm.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 51;
}
.group-a8 {
  position: absolute;
  width: 1.56%;
  height: 33.33%;
  top: 41.67%;
  left: 58.81%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/QJBupi1XRD.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 56;
}
.flex-row-c-a9 {
  position: relative;
  width: 1582.279px;
  height: 261.984px;
  margin: 27.457px 0 0 152px;
  z-index: 55;
}
.group-aa {
  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/8rm3FJdAfm.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 46;
}
.navigation-links {
  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: 50;
  overflow: hidden;
}
.services-offered {
  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: 55;
  overflow: hidden;
}
.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: 42;
  overflow: hidden;
}
.rectangle-ab {
  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/PbgF7rR1uC.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 20;
}
.copyright {
  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: 21;
}
.banner-shape {
  position: absolute;
  width: 106.46%;
  height: 24.8%;
  top: -4.55%;
  left: 27.4%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/Etc2nbo4OS.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 5;
}
.rectangle-ac {
  position: absolute;
  width: 100%;
  height: 1.86%;
  top: -0.01%;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/5Hyv1Tn3fc.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 342;
}
.flex-row-ad {
  position: absolute;
  width: 100%;
  height: 8.19%;
  top: 13.38%;
  left: 0;
  z-index: 66;
}
.regroup {
  position: absolute;
  width: 22.24%;
  height: 100%;
  top: 0;
  left: 64.43%;
  z-index: 66;
}
.path-ae {
  position: absolute;
  width: 58.78%;
  height: 100.1%;
  top: -0.08%;
  left: 42.39%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/XxV5xzGoQy.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 66;
}
.path-af {
  position: absolute;
  width: 41.65%;
  height: 96.18%;
  top: 0.83%;
  left: -0.43%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/brPcDV6MhS.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 65;
}
.rectangle-b0 {
  position: absolute;
  width: 100%;
  height: 92.36%;
  top: 1.79%;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/uSuSXcgDKK.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 62;
}
.rectangle-b1 {
  position: absolute;
  width: 100%;
  height: 70.42%;
  top: 0;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/0nTcBkyQwy.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 63;
}
.virtual-event-manager {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 888px;
  height: 21%;
  top: 20.25%;
  left: 26.88%;
  color: #ffffff;
  font-family: Roboto, var(--default-font-family);
  font-size: 36px;
  font-weight: 500;
  line-height: 42.188px;
  text-align: center;
  z-index: 64;
}
.rectangle-b2 {
  position: absolute;
  width: 12.45%;
  height: 37.85%;
  top: 44.01%;
  left: 9.48%;
  background: #ffffff;
  z-index: 318;
  border-radius: 10px;
  box-shadow: 0 0 20px 0 rgba(0, 168, 156, 0.2);
}
.corporate-events-webinars {
  position: relative;
  width: 92px;
  height: 94px;
  margin: 28px 0 0 73px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/bt86pfnWmQ.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 319;
}
.corporate-events-webinars-b3 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 175px;
  height: 52px;
  margin: 18px 0 0 32px;
  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: 320;
  overflow: hidden;
}
.rectangle-b4 {
  position: absolute;
  width: 12.45%;
  height: 37.85%;
  top: 44.01%;
  left: 23.28%;
  background: #ffffff;
  z-index: 321;
  border-radius: 10px;
  box-shadow: 0 0 20px 0 rgba(0, 168, 156, 0.2);
}
.conferences-tradeshows {
  position: relative;
  width: 93.903px;
  height: 92px;
  margin: 30px 0 0 73px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/o3WQWTUo80.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 337;
}
.conferences-tradeshows-b5 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 139px;
  height: 52px;
  margin: 18px 0 0 50px;
  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: 322;
  overflow: hidden;
}
.rectangle-b6 {
  position: absolute;
  width: 12.45%;
  height: 37.85%;
  top: 44.01%;
  left: 37.03%;
  background: #ffffff;
  z-index: 323;
  border-radius: 10px;
  box-shadow: 0 0 20px 0 rgba(0, 168, 156, 0.2);
}
.nonprofits-charities {
  position: relative;
  width: 100px;
  height: 94px;
  margin: 33px 0 0 67px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/V7sqaMtfuV.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 325;
}
.nonprofits-charities-b7 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 110px;
  height: 52px;
  margin: 13px 0 0 64px;
  color: #000000;
  font-family: Roboto, var(--default-font-family);
  font-size: 22px;
  font-weight: 500;
  line-height: 25.781px;
  text-align: center;
  text-overflow: initial;
  z-index: 324;
  overflow: hidden;
}
.rectangle-b8 {
  position: absolute;
  width: 12.45%;
  height: 37.85%;
  top: 44.01%;
  left: 50.83%;
  background: #ffffff;
  z-index: 326;
  border-radius: 10px;
  box-shadow: 0 0 20px 0 rgba(0, 168, 156, 0.2);
}
.educational-events {
  position: relative;
  width: 92px;
  height: 92px;
  margin: 34px 0 0 74px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/n4TYUFD06o.png)
    no-repeat center;
  background-size: cover;
  z-index: 328;
  overflow: hidden;
}
.educational-events-b9 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 121px;
  height: 52px;
  margin: 14px 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;
  text-overflow: initial;
  z-index: 327;
  overflow: hidden;
}
.rectangle-ba {
  position: absolute;
  width: 12.45%;
  height: 37.85%;
  top: 44.01%;
  left: 64.58%;
  background: #ffffff;
  z-index: 329;
  border-radius: 10px;
  box-shadow: 0 0 20px 0 rgba(0, 168, 156, 0.2);
}
.arts-recreational-activities {
  position: relative;
  width: 97.703px;
  height: 96px;
  margin: 34px 0 0 68px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/SR0cDXW75d.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 338;
}
.arts-recreational-activities-bb {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 196px;
  height: 52px;
  margin: 10px 0 0 21px;
  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: 330;
  overflow: hidden;
}
.rectangle-bc {
  position: absolute;
  width: 12.45%;
  height: 37.85%;
  top: 44.01%;
  left: 78.39%;
  background: #ffffff;
  z-index: 331;
  border-radius: 10px;
  box-shadow: 0 0 20px 0 rgba(0, 168, 156, 0.2);
}
.camping-group-tours {
  position: relative;
  width: 99px;
  height: 96px;
  margin: 34px 0 0 69px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/xH5mL3V69y.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 333;
}
.camping-group-tours-bd {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 121px;
  height: 52px;
  margin: 10px 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;
  text-overflow: initial;
  z-index: 332;
  overflow: hidden;
}
.vector-be {
  position: absolute;
  width: 101.04%;
  height: 1.11%;
  top: 21.08%;
  left: -1.04%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/9yVva4NYvi.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 61;
}
.vector-bf {
  position: absolute;
  width: 100%;
  height: 1.25%;
  top: 47.3%;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/2Zn5tjfTdh.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 163;
}
.rectangle-c0 {
  position: absolute;
  width: 100%;
  height: 13.21%;
  top: 54.65%;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/JRz6KpS95X.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 1;
}