: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: 7655px;
  margin: 0 auto;
  background: #ffffff;
  overflow: hidden;
}
.flex-row-bd {
  position: relative;
  width: 2260.334px;
  height: 60px;
  margin: 39px 0 0 -400px;
  z-index: 406;
}
.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/CNEQCrMujg.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 390;
}
.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: 392;
}
.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/tvCFeHMJ1O.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 393;
}
.image {
  position: absolute;
  width: 165px;
  height: 40px;
  top: 11px;
  left: 460px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/TrPk4bicRe.png)
    no-repeat center;
  background-size: cover;
  z-index: 400;
}
.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: 405;
}
.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: 398;
}
.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: 399;
}
.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: 401;
}
.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: 402;
}
.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: 396;
}
.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/cLa5SFRCeu.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 397;
}
.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/DWPmMGCLYX.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 406;
}
.teenyicons-tick-outline {
  position: absolute;
  width: 0.66%;
  height: 12.41%;
  top: 59.11%;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/WMoiuv6cYM.png)
    no-repeat center;
  background-size: 100% 100%;
  overflow: hidden;
}
.flex-row-cdb {
  position: relative;
  width: 1620.354px;
  height: 657.846px;
  margin: 119px 0 0 150.646px;
  z-index: 368;
}
.rectangle {
  position: absolute;
  width: 16.29%;
  height: 62.48%;
  top: 0;
  left: 83.71%;
  font-size: 0px;
  background: #ffffff;
  z-index: 368;
  border-radius: 20px;
  box-shadow: 0 0 40px 0 rgba(0, 168, 156, 0.2);
}
.book-appointment {
  display: block;
  position: relative;
  height: 26px;
  margin: 30px 0 0 30px;
  color: #000000;
  font-family: Roboto, var(--default-font-family);
  font-size: 22px;
  font-weight: 700;
  line-height: 25.781px;
  text-align: left;
  white-space: nowrap;
  z-index: 369;
}
.flex-row-f {
  position: relative;
  width: 182px;
  height: 53px;
  margin: 40px 0 0 30px;
  z-index: 375;
}
.group-2 {
  position: absolute;
  width: 28.57%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/WwdOYcsYiH.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 370;
}
.dr-ritesh-singh {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 19px;
  top: 3px;
  left: 71px;
  color: #000000;
  font-family: Roboto, var(--default-font-family);
  font-size: 16px;
  font-weight: 500;
  line-height: 18.75px;
  text-align: left;
  white-space: nowrap;
  z-index: 375;
}
.general-physician {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 16px;
  top: 25px;
  left: 71px;
  color: #000000;
  font-family: Roboto, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  text-align: left;
  white-space: nowrap;
  z-index: 374;
}
.flex-row-af {
  position: relative;
  width: 172px;
  height: 52px;
  margin: 20px 0 0 30px;
  z-index: 378;
}
.mask-group {
  position: absolute;
  width: 30.23%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/tdtx35JJDB.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 372;
}
.dr-priya-singh {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 19px;
  top: 0;
  left: 71px;
  color: #000000;
  font-family: Roboto, var(--default-font-family);
  font-size: 16px;
  font-weight: 500;
  line-height: 18.75px;
  text-align: left;
  white-space: nowrap;
  z-index: 378;
}
.cardiologist {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 16px;
  top: 22px;
  left: 71px;
  color: #000000;
  font-family: Roboto, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  text-align: left;
  white-space: nowrap;
  z-index: 377;
}
.flex-row-fa {
  position: relative;
  width: 166px;
  height: 54px;
  margin: 20px 0 0 30px;
  z-index: 381;
}
.group-3 {
  position: absolute;
  width: 33.13%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/4jAMuyarR1.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 371;
}
.dr-riya-singh {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 19px;
  top: 8px;
  left: 71px;
  color: #000000;
  font-family: Roboto, var(--default-font-family);
  font-size: 16px;
  font-weight: 500;
  line-height: 18.75px;
  text-align: left;
  white-space: nowrap;
  z-index: 381;
}
.orthopedic {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 16px;
  top: 30px;
  left: 71px;
  color: #000000;
  font-family: Roboto, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  text-align: left;
  white-space: nowrap;
  z-index: 380;
}
.rectangle-4 {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 176px;
  height: 53px;
  margin: 35px 0 0 48px;
  background: #00a89c;
  z-index: 383;
  border-radius: 10px;
}
.confirm-appointment {
  flex-shrink: 0;
  position: relative;
  height: 20px;
  color: #ffffff;
  font-family: Roboto, var(--default-font-family);
  font-size: 17px;
  font-weight: 700;
  line-height: 19.922px;
  text-align: left;
  white-space: nowrap;
  z-index: 383;
}
.points-bg {
  position: absolute;
  width: 17.59%;
  height: 37.09%;
  top: 2.74%;
  left: 56.55%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/agYsq1D5OP.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 58;
}
.sports-fitness-classes-scheduling-system {
  position: absolute;
  width: 749px;
  height: 45.6%;
  top: 8.97%;
  left: 0.22%;
  font-family: Roboto, var(--default-font-family);
  font-size: 85px;
  font-weight: 700;
  line-height: 100px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 8;
}
.sports-fitness-classes {
  position: relative;
  color: #00a89c;
  font-family: Roboto, var(--default-font-family);
  font-size: 85px;
  font-weight: 700;
  line-height: 100px;
  text-align: left;
}
.scheduling-system {
  position: relative;
  color: #000000;
  font-family: Roboto, var(--default-font-family);
  font-size: 85px;
  font-weight: 700;
  line-height: 100px;
  text-align: left;
}
.image-5 {
  position: absolute;
  width: 449px;
  height: 541px;
  top: 62px;
  left: 997.354px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-25/69f6e275-c5d6-4c0f-acac-32c5e4ee955a.png)
    no-repeat center;
  background-size: cover;
  z-index: 59;
  border-radius: 40px 0 0 0;
}
.path-6 {
  position: absolute;
  width: 20.8%;
  height: 5.08%;
  top: 53.47%;
  left: -0.15%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/LTFwjnR6QT.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 7;
}
.path-7 {
  position: relative;
  width: 334.234px;
  height: 20.324px;
  margin: -2.878px 0 0 -0.66px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/vfnpgXEWdD.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 6;
}
.online-appointment-system {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 537px;
  height: 10.34%;
  top: 63.08%;
  left: 0.21%;
  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: 9;
  overflow: hidden;
}
.union {
  position: absolute;
  width: 9.41%;
  height: 22.32%;
  top: 77.68%;
  left: 56.86%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/cFNYvTHWWM.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 60;
}
.group-8 {
  position: absolute;
  width: 6.79%;
  height: 16.72%;
  top: 80.11%;
  left: 84.94%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/QY2JqYbbUf.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 61;
}
.rectangle-9 {
  position: absolute;
  width: 13.7%;
  height: 10.18%;
  top: 81.02%;
  left: 0.21%;
  background: #00a89c;
  z-index: 11;
  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: 12;
}
.watch-a-demo {
  position: absolute;
  width: 2.16%;
  height: 5.32%;
  top: 83.45%;
  left: 16.38%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/W0QAD3WDdW.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 14;
}
.line {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 3.04%;
  top: 84.67%;
  left: 19.15%;
  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: 16;
}
.flex-row-fe {
  position: absolute;
  width: 7.9%;
  height: 0.15%;
  top: 87.41%;
  left: 19.4%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/t5boO8Ushd.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 17;
}
.group-a {
  position: relative;
  width: 1920px;
  height: 806px;
  margin: 129.154px 0 0 0;
  z-index: 65;
}
.abcd-has-the-ability {
  position: absolute;
  width: 100%;
  height: 73.7%;
  top: 0;
  left: 0;
  font-size: 0px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/7cZw8C3pyt.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 65;
}
.flex-row-ce {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 495px;
  height: 84px;
  margin: 92px 0 0 713px;
  color: #ffffff;
  font-family: Roboto, var(--default-font-family);
  font-size: 36px;
  font-weight: 500;
  line-height: 42.188px;
  text-align: center;
  z-index: 66;
}
.rectangle-b {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 1562px;
  height: 215px;
  margin: 88px 0 0 169px;
  z-index: 82;
}
.group-c {
  flex-shrink: 0;
  position: relative;
  width: 239px;
  height: 215px;
  background: #ffffff;
  z-index: 67;
  border-radius: 10px;
  box-shadow: 0 0 20px 0 rgba(0, 168, 156, 0.2);
}
.personal-trainers {
  position: relative;
  width: 86.133px;
  height: 90px;
  margin: 30px 0 0 76px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/AehbeP9qzm.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 68;
}
.rectangle-d {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 173px;
  height: 26px;
  margin: 20px 0 0 33px;
  color: #000000;
  font-family: Roboto, var(--default-font-family);
  font-size: 22px;
  font-weight: 500;
  line-height: 25.781px;
  text-align: center;
  white-space: nowrap;
  z-index: 69;
}
.group-e {
  flex-shrink: 0;
  position: relative;
  width: 239px;
  height: 215px;
  background: #ffffff;
  z-index: 70;
  border-radius: 10px;
}
.gyms {
  position: relative;
  width: 86.132px;
  height: 90px;
  margin: 30px 0 0 76.934px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/grZyDpeEdA.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 72;
}
.rectangle-f {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 57px;
  height: 26px;
  margin: 20px 0 0 91px;
  color: #000000;
  font-family: Roboto, var(--default-font-family);
  font-size: 22px;
  font-weight: 500;
  line-height: 25.781px;
  text-align: center;
  white-space: nowrap;
  z-index: 71;
}
.group-10 {
  flex-shrink: 0;
  position: relative;
  width: 239px;
  height: 215px;
  background: #ffffff;
  z-index: 73;
  border-radius: 10px;
}
.fitness-classes {
  position: relative;
  width: 93.664px;
  height: 97.869px;
  margin: 29.131px 0 0 73px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/pnO5AP0dDQ.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 78;
}
.rectangle-11 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 155px;
  height: 26px;
  margin: 13px 0 0 42px;
  color: #000000;
  font-family: Roboto, var(--default-font-family);
  font-size: 22px;
  font-weight: 500;
  line-height: 25.781px;
  text-align: center;
  white-space: nowrap;
  z-index: 74;
}
.group-12 {
  flex-shrink: 0;
  position: relative;
  width: 239px;
  height: 215px;
  background: #ffffff;
  z-index: 75;
  border-radius: 10px;
}
.yoga {
  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/PSZNz41mBk.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 77;
}
.rectangle-13 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 50px;
  height: 26px;
  margin: 14px 0 0 94px;
  color: #000000;
  font-family: Roboto, var(--default-font-family);
  font-size: 22px;
  font-weight: 500;
  line-height: 25.781px;
  text-align: center;
  white-space: nowrap;
  z-index: 76;
}
.group-14 {
  flex-shrink: 0;
  position: relative;
  width: 239px;
  height: 215px;
  background: #ffffff;
  z-index: 79;
  border-radius: 10px;
}
.zumba-classes {
  position: relative;
  width: 100px;
  height: 100px;
  margin: 30px 0 0 70px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/zheahhwVff.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 81;
}
.rectangle-15 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 152px;
  height: 26px;
  margin: 10px 0 0 43px;
  color: #000000;
  font-family: Roboto, var(--default-font-family);
  font-size: 22px;
  font-weight: 500;
  line-height: 25.781px;
  text-align: center;
  white-space: nowrap;
  z-index: 80;
}
.group-16 {
  flex-shrink: 0;
  position: relative;
  width: 239px;
  height: 215px;
  background: #ffffff;
  z-index: 82;
  border-radius: 10px;
}
.sports-faclity {
  position: relative;
  width: 96px;
  height: 96px;
  margin: 34px 0 0 72px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/mhorLs9mdb.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 84;
}
.rectangle-17 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 136px;
  height: 26px;
  margin: 10px 0 0 51px;
  color: #000000;
  font-family: Roboto, var(--default-font-family);
  font-size: 22px;
  font-weight: 500;
  line-height: 25.781px;
  text-align: center;
  white-space: nowrap;
  z-index: 83;
}
.rectangle-18 {
  position: absolute;
  width: 100%;
  height: 98.64%;
  top: 1.36%;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/Ox2r8ZmwRE.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 64;
}
.healthcare {
  position: absolute;
  width: 12.45%;
  height: 27.04%;
  top: 62.14%;
  left: 8.8%;
  background: #ffffff;
  z-index: 85;
  border-radius: 10px;
  box-shadow: 0 0 20px 0 rgba(0, 168, 156, 0.2);
}
.health-clubs {
  position: relative;
  width: 90px;
  height: 90px;
  margin: 30px 0 0 72px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/4acmTjajZk.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 87;
  overflow: hidden;
}
.rectangle-19 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 126px;
  height: 26px;
  margin: 17px 0 0 56px;
  color: #000000;
  font-family: Roboto, var(--default-font-family);
  font-size: 22px;
  font-weight: 500;
  line-height: 25.781px;
  text-align: center;
  white-space: nowrap;
  z-index: 86;
}
.ballet {
  position: absolute;
  width: 12.45%;
  height: 27.04%;
  top: 62.14%;
  left: 22.6%;
  background: #ffffff;
  z-index: 88;
  border-radius: 10px;
  box-shadow: 0 0 20px 0 rgba(0, 168, 156, 0.2);
}
.flex-row {
  position: relative;
  width: 94px;
  height: 94px;
  margin: 26px 0 0 73px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/1H09d5doD1.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 91;
  overflow: hidden;
}
.dance-studio {
  position: relative;
  width: 131px;
  height: 26px;
  margin: 17px 0 0 54px;
  z-index: 90;
}
.dance-studio-1a {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  color: #000000;
  font-family: Roboto, var(--default-font-family);
  font-size: 22px;
  font-weight: 500;
  line-height: 25.781px;
  text-align: center;
  white-space: nowrap;
  z-index: 89;
}
.rectangle-1b {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  color: #000000;
  font-family: Roboto, var(--default-font-family);
  font-size: 22px;
  font-weight: 500;
  line-height: 25.781px;
  text-align: center;
  white-space: nowrap;
  z-index: 90;
}
.group-5 {
  position: absolute;
  width: 12.45%;
  height: 27.04%;
  top: 62.14%;
  left: 36.35%;
  background: #ffffff;
  z-index: 92;
  border-radius: 10px;
  box-shadow: 0 0 20px 0 rgba(0, 168, 156, 0.2);
}
.group-1c {
  position: relative;
  width: 89.961px;
  height: 93.953px;
  margin: 26px 0 0 75px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/RdwJd4nyo7.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 100;
}
.span-barre {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 53px;
  height: 26px;
  margin: 17.047px 0 0 94px;
  color: #000000;
  font-family: Roboto, var(--default-font-family);
  font-size: 22px;
  font-weight: 500;
  line-height: 25.781px;
  text-align: center;
  white-space: nowrap;
  z-index: 93;
}
.rectangle-1d {
  position: absolute;
  width: 12.45%;
  height: 27.04%;
  top: 62.14%;
  left: 50.16%;
  background: #ffffff;
  z-index: 94;
  border-radius: 10px;
  box-shadow: 0 0 20px 0 rgba(0, 168, 156, 0.2);
}
.group-1e {
  position: relative;
  width: 89.961px;
  height: 93.174px;
  margin: 27px 0 0 76px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/bmHaTnnuTY.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 101;
}
.span-pilates-studio {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 137px;
  height: 26px;
  margin: 16.826px 0 0 51px;
  color: #000000;
  font-family: Roboto, var(--default-font-family);
  font-size: 22px;
  font-weight: 500;
  line-height: 25.781px;
  text-align: center;
  white-space: nowrap;
  z-index: 97;
}
.rectangle-1f {
  position: absolute;
  width: 12.45%;
  height: 27.04%;
  top: 62.14%;
  left: 63.91%;
  background: #ffffff;
  z-index: 95;
  border-radius: 10px;
  box-shadow: 0 0 20px 0 rgba(0, 168, 156, 0.2);
}
.group-20 {
  position: relative;
  width: 94px;
  height: 99.953px;
  margin: 20px 0 0 74px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/wheHZSH1Qz.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 102;
}
.span-martial-arts {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 117px;
  height: 26px;
  margin: 17.047px 0 0 61px;
  color: #000000;
  font-family: Roboto, var(--default-font-family);
  font-size: 22px;
  font-weight: 500;
  line-height: 25.781px;
  text-align: center;
  white-space: nowrap;
  z-index: 98;
}
.rectangle-21 {
  position: absolute;
  width: 12.45%;
  height: 27.04%;
  top: 62.14%;
  left: 77.71%;
  background: #ffffff;
  z-index: 96;
  border-radius: 10px;
  box-shadow: 0 0 20px 0 rgba(0, 168, 156, 0.2);
}
.div-goggles {
  position: relative;
  width: 90px;
  height: 90px;
  margin: 30px 0 0 75px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/HpnfoMANY2.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 103;
  overflow: hidden;
}
.span-aquatic-fitness {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 153px;
  height: 26px;
  margin: 17px 0 0 43px;
  color: #000000;
  font-family: Roboto, var(--default-font-family);
  font-size: 22px;
  font-weight: 500;
  line-height: 25.781px;
  text-align: center;
  white-space: nowrap;
  z-index: 99;
}
.vector {
  position: relative;
  width: 1940px;
  height: 83px;
  margin: 0px 0 0 -20px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/wGYVtACmDu.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 63;
}
.div-flex-row-d {
  position: relative;
  width: 1614px;
  height: 693.945px;
  margin: 131px 0 0 156px;
  z-index: 199;
}
.points-bg-22 {
  position: absolute;
  width: 16.42%;
  height: 32.71%;
  top: 0;
  left: 13.44%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/TQ6cTTpwPi.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 118;
}
.span-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: 141;
}
.rectangle-23 {
  position: absolute;
  width: 21.25%;
  height: 72.92%;
  top: 7.06%;
  left: 24.85%;
  background: #ffffff;
  z-index: 133;
  border-radius: 10px;
  box-shadow: 0 0 40px 0 rgba(0, 168, 156, 0.2);
}
.rectangle-24 {
  position: relative;
  width: 343px;
  height: 55px;
  margin: 0 0 0 0;
  background: #00a89c;
  z-index: 143;
  border-radius: 10px 10px 0 0;
}
.span-make-appointment {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 40%;
  top: 29.09%;
  left: 5.83%;
  color: #ffffff;
  font-family: Roboto, var(--default-font-family);
  font-size: 19px;
  font-weight: 700;
  line-height: 22px;
  text-align: left;
  white-space: nowrap;
  z-index: 143;
}
.div-flex-row-ac {
  position: relative;
  width: 277px;
  height: 21px;
  margin: 29px 0 0 37px;
  z-index: 193;
}
.span-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: 142;
}
.vector-25 {
  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/5DcsO6ykCD.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 193;
}
.vector-26 {
  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/JitmUXbJHe.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 192;
}
.div-flex-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 204px;
  height: 13px;
  margin: 32px 0 0 88px;
  z-index: 149;
}
.span-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: 144;
}
.span-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: 145;
}
.span-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: 146;
}
.span-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: 147;
}
.span-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: 148;
}
.span-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: 149;
}
.div-flex-row-cb {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 238px;
  height: 14px;
  margin: 26px 0 0 51px;
  z-index: 156;
}
.span-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: 150;
}
.span-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: 151;
}
.span-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: 152;
}
.span-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: 153;
}
.span-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: 154;
}
.span-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: 155;
}
.span-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: 156;
}
.div-flex-row-ab {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 236px;
  height: 14px;
  margin: 20px 0 0 54px;
  z-index: 163;
}
.span-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: 157;
}
.span-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: 158;
}
.span-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: 159;
}
.span-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: 160;
}
.span-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: 161;
}
.span-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: 162;
}
.span-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: 163;
}
.div-flex-row-cbba {
  position: relative;
  width: 239px;
  height: 25px;
  margin: 15px 0 0 52px;
  z-index: 171;
}
.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/ecLtnVXX31.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 168;
  border-radius: 50%;
}
.span-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: 164;
}
.span-14 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 4.6%;
  height: 56%;
  top: 20%;
  left: 16.74%;
  color: #000000;
  font-family: Circular Std, var(--default-font-family);
  font-size: 11px;
  font-weight: 450;
  line-height: 13.915px;
  text-align: center;
  white-space: nowrap;
  z-index: 165;
}
.span-15 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 4.18%;
  height: 56%;
  top: 20%;
  left: 33.05%;
  color: #000000;
  font-family: Circular Std, var(--default-font-family);
  font-size: 11px;
  font-weight: 450;
  line-height: 13.915px;
  text-align: center;
  white-space: nowrap;
  z-index: 166;
}
.span-16 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 4.6%;
  height: 56%;
  top: 20%;
  left: 49.37%;
  color: #000000;
  font-family: Circular Std, var(--default-font-family);
  font-size: 11px;
  font-weight: 450;
  line-height: 13.915px;
  text-align: center;
  white-space: nowrap;
  z-index: 167;
}
.span-17 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 5.44%;
  height: 52%;
  top: 20%;
  left: 64.85%;
  color: #ffffff;
  font-family: Roboto, var(--default-font-family);
  font-size: 11px;
  font-weight: 500;
  line-height: 12.891px;
  text-align: center;
  white-space: nowrap;
  z-index: 169;
}
.span-18 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 4.6%;
  height: 56%;
  top: 20%;
  left: 80.33%;
  color: #000000;
  font-family: Circular Std, var(--default-font-family);
  font-size: 11px;
  font-weight: 450;
  line-height: 13.915px;
  text-align: center;
  white-space: nowrap;
  z-index: 170;
}
.span-19 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 4.6%;
  height: 56%;
  top: 20%;
  left: 95.4%;
  color: #000000;
  font-family: Circular Std, var(--default-font-family);
  font-size: 11px;
  font-weight: 450;
  line-height: 13.915px;
  text-align: center;
  white-space: nowrap;
  z-index: 171;
}
.div-flex-row-c {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 241px;
  height: 14px;
  margin: 14px 0 0 51px;
  z-index: 178;
}
.span-20 {
  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: 172;
}
.span-21 {
  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: 173;
}
.span-22 {
  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: 174;
}
.span-23 {
  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: 175;
}
.span-24 {
  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: 176;
}
.span-25 {
  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: 177;
}
.span-26 {
  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: 178;
}
.div-flex-row-e {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 237px;
  height: 14px;
  margin: 20px 0 0 51px;
  z-index: 191;
}
.span-27 {
  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: 179;
}
.span-28 {
  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: 180;
}
.span-29 {
  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: 187;
}
.span-30-27 {
  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: 188;
}
.span-31-28 {
  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: 189;
}
.span-1-29 {
  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: 190;
}
.span-2-2a {
  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: 191;
}
.div-flex-row-db {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 277px;
  height: 29px;
  margin: 50px 0 0 37px;
  z-index: 136;
}
.rectangle-2b {
  flex-shrink: 0;
  position: relative;
  width: 135px;
  height: 29px;
  background: #00a89c;
  z-index: 135;
  border-radius: 3px;
}
.span-am-09-00-am-09-30-am {
  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: 181;
}
.rectangle-2c {
  flex-shrink: 0;
  position: relative;
  width: 135px;
  height: 29px;
  border: 1px solid #c4c4c4;
  z-index: 136;
  border-radius: 3px;
}
.span-am-09-30-am-10-00-am {
  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: 182;
}
.div-flex-row-a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 277px;
  height: 29px;
  margin: 8px 0 0 37px;
  z-index: 138;
}
.rectangle-2d {
  flex-shrink: 0;
  position: relative;
  width: 135px;
  height: 29px;
  border: 1px solid #c4c4c4;
  z-index: 137;
  border-radius: 3px;
}
.span-am-10-00-am-10-30-am {
  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: 183;
}
.rectangle-2e {
  flex-shrink: 0;
  position: relative;
  width: 135px;
  height: 29px;
  border: 1px solid #c4c4c4;
  z-index: 138;
  border-radius: 3px;
}
.time-slot {
  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: 184;
}
.flex-row-fb {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 277px;
  height: 29px;
  margin: 8px 0 0 37px;
  z-index: 140;
}
.rectangle-2f {
  flex-shrink: 0;
  position: relative;
  width: 135px;
  height: 29px;
  border: 1px solid #c4c4c4;
  z-index: 139;
  border-radius: 3px;
}
.time-slot-30 {
  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: 185;
}
.rectangle-31 {
  flex-shrink: 0;
  position: relative;
  width: 135px;
  height: 29px;
  border: 1px solid #c4c4c4;
  z-index: 140;
  border-radius: 3px;
}
.time-slot-32 {
  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: 186;
}
.rectangle-33 {
  position: absolute;
  width: 29.49%;
  height: 53.32%;
  top: 17.44%;
  left: 0;
  background: #ffffff;
  z-index: 121;
  border-radius: 10px;
  box-shadow: 0 0 40px 0 rgba(0, 168, 156, 0.2);
}
.rectangle-34 {
  position: relative;
  width: 476px;
  height: 60px;
  margin: 0 0 0 0;
  background: #00a89c;
  z-index: 131;
  border-radius: 10px 10px 0 0;
}
.make-appointment {
  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: 131;
}
.flex-row-f-35 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 416px;
  height: 144px;
  margin: 36px 0 0 30px;
  z-index: 129;
}
.mask-group-36 {
  flex-shrink: 0;
  position: relative;
  width: 198px;
  height: 144px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/i7VdUPAzMi.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 122;
}
.mask-group-37 {
  flex-shrink: 0;
  position: relative;
  width: 198px;
  height: 144px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/SiQ4mt9k3Y.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 129;
}
.flex-row-d {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 264px;
  height: 23px;
  margin: 16px 0 0 30px;
  z-index: 124;
}
.gym {
  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: 123;
}
.yoga-38 {
  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: 124;
}
.flex-row-d-39 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 363px;
  height: 8px;
  margin: 17px 0 0 30px;
  z-index: 127;
}
.rectangle-3a {
  flex-shrink: 0;
  position: relative;
  width: 145px;
  height: 8px;
  background: #cccccc;
  z-index: 127;
  border-radius: 10px;
}
.rectangle-3b {
  flex-shrink: 0;
  position: relative;
  width: 145px;
  height: 8px;
  background: #cccccc;
  z-index: 125;
  border-radius: 10px;
}
.flex-row-bee {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 345px;
  height: 8px;
  margin: 8px 0 0 30px;
  z-index: 128;
}
.rectangle-3c {
  flex-shrink: 0;
  position: relative;
  width: 127px;
  height: 8px;
  background: #cccccc;
  z-index: 128;
  border-radius: 10px;
}
.rectangle-3d {
  flex-shrink: 0;
  position: relative;
  width: 127px;
  height: 8px;
  background: #cccccc;
  z-index: 126;
  border-radius: 10px;
}
.group-3e {
  position: absolute;
  width: 4.96%;
  height: 11.53%;
  top: 17.44%;
  left: 56.51%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/sLHAVzKDbK.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 115;
}
.online-booking {
  position: absolute;
  width: 380px;
  height: 8.93%;
  top: 31.85%;
  left: 56.51%;
  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: 110;
}
.online {
  position: relative;
  color: #00a89c;
  font-family: Roboto, var(--default-font-family);
  font-size: 55px;
  font-weight: 900;
  line-height: 62px;
  text-align: left;
}
.booking {
  position: relative;
  color: #000000;
  font-family: Roboto, var(--default-font-family);
  font-size: 55px;
  font-weight: 900;
  line-height: 62px;
  text-align: left;
}
.group-3f {
  position: absolute;
  width: 20.17%;
  height: 7.14%;
  top: 42.22%;
  left: 56.51%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/mSRc1p20ZH.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 108;
  overflow: hidden;
}
.reminder-notification {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 699px;
  height: 16.14%;
  top: 53.17%;
  left: 56.69%;
  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: 109;
}
.ellipse-40 {
  position: absolute;
  width: 19.08%;
  height: 28.53%;
  top: 65.86%;
  left: 7.62%;
  font-size: 0px;
  background: #ffd74b;
  z-index: 195;
  border-radius: 10px;
}
.dummy-text {
  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: 196;
}
.dummy-text-41 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 255px;
  height: 50.51%;
  top: 35.35%;
  left: 9.74%;
  color: #2c2c2c;
  font-family: Roboto, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 18.75px;
  text-align: left;
  z-index: 197;
}
.dummy-text-42 {
  position: absolute;
  width: 6.82%;
  height: 10.61%;
  top: 78.79%;
  left: 82.79%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/gKyhenoNu2.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 201;
  border-radius: 50%;
}
.group-43 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 488px;
  height: 12.1%;
  top: 75.51%;
  left: 59.05%;
  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: 114;
}
.union-44 {
  position: absolute;
  width: 1.32%;
  height: 2.31%;
  top: 76.37%;
  left: 56.51%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/WsgDuizsXf.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 112;
}
.group-45 {
  position: absolute;
  width: 10.33%;
  height: 22.9%;
  top: 77.1%;
  left: 3.78%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/R2nSpr4B7N.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 117;
}
.group-46 {
  position: absolute;
  width: 1.32%;
  height: 2.31%;
  top: 84.44%;
  left: 56.51%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/qu53KHCPL5.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 113;
}
.group-47 {
  position: absolute;
  width: 4.34%;
  height: 10.09%;
  top: 87.9%;
  left: 23.54%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/YLPuOtmMGZ.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 199;
}
.points-bg-48 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 20%;
  top: 10%;
  left: 7.14%;
  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: 202;
}
.points-bg-49 {
  position: relative;
  width: 1619px;
  height: 801px;
  margin: 200.055px 0 0 151px;
  z-index: 296;
}
.points-bg-4a {
  position: absolute;
  width: 16.37%;
  height: 28.34%;
  top: 0;
  left: 66.83%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/TqUEPEZdCj.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 217;
}
.rectangle-4b {
  position: absolute;
  width: 22.3%;
  height: 80.02%;
  top: 6.37%;
  left: 75.79%;
  background: #ffffff;
  z-index: 265;
  border-radius: 20px;
  box-shadow: 0 0 40px 0 rgba(0, 168, 156, 0.2);
}
.mask-group-4c {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 266;
  -webkit-mask-image: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/oEKwYFKcB1.png);
  -webkit-mask-size: cover;
}
.group-4d {
  position: absolute;
  width: 104.71%;
  height: 104.52%;
  top: -4.52%;
  left: -3.88%;
  z-index: 267;
}
.group-4e {
  position: absolute;
  width: 100%;
  height: 37.61%;
  top: 0;
  left: 0;
  z-index: 270;
}
.image-4f {
  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/949dfca6-e4e5-4af5-bfbb-38271fe4d527.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 271;
}
.vector-50 {
  position: absolute;
  width: 95.24%;
  height: 95.67%;
  top: 4.33%;
  left: 3.7%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/EwAFxGhbRz.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 268;
}
.mask-group-51 {
  position: absolute;
  width: 95.24%;
  height: 31.64%;
  top: 4.33%;
  left: 3.7%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/qPO3LoEr0i.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 269;
}
.group-52 {
  position: absolute;
  width: 7.41%;
  height: 4.18%;
  top: 6.57%;
  left: 7.67%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/B9fPZDQw6k.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 272;
}
.group-53 {
  position: absolute;
  width: 82.01%;
  height: 55.07%;
  top: 40.45%;
  left: 10.32%;
  z-index: 273;
}
.group-54 {
  position: absolute;
  width: 23.87%;
  height: 5.96%;
  top: 0;
  left: 76.13%;
  z-index: 275;
}
.price {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  color: #000000;
  font-family: Bahnschrift, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 21.604px;
  text-align: right;
  white-space: nowrap;
  z-index: 276;
}
.flex-column-e {
  position: absolute;
  width: 100%;
  height: 99.73%;
  top: 0.27%;
  left: 0;
  font-size: 0px;
  z-index: 294;
}
.fitness-class {
  display: block;
  position: relative;
  height: 22px;
  margin: 0 0 0 0;
  color: #000000;
  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: 274;
}
.dummy-text-55 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 294px;
  height: 34px;
  margin: 20px 0 0 0;
  color: #2c2c2c;
  font-family: Poppins, var(--default-font-family);
  font-size: 11px;
  font-weight: 400;
  line-height: 16.5px;
  text-align: left;
  text-overflow: initial;
  z-index: 277;
  overflow: hidden;
}
.pick-date-time {
  display: block;
  position: relative;
  height: 22px;
  margin: 24px 0 0 0;
  color: #000000;
  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: 278;
}
.group-56 {
  position: relative;
  width: 308px;
  height: 40px;
  margin: 17px 0 0 1px;
  z-index: 279;
}
.rectangle-57 {
  position: absolute;
  width: 48.7%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-25/8ede816d-8119-4c6e-a80f-792109da7880.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 280;
}
.rectangle-58 {
  position: absolute;
  width: 48.7%;
  height: 100%;
  top: 0;
  left: 51.3%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-25/6f78e644-8bae-4805-97c7-21f0043c068b.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 281;
}
.icon-weather-time {
  position: absolute;
  width: 7.33%;
  height: 56.36%;
  top: 22.5%;
  left: 53.99%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-25/359f0f3f-5774-4883-89a1-20703e80950e.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 285;
}
.icon-feather-calendar {
  position: absolute;
  width: 5.95%;
  height: 50.91%;
  top: 25%;
  left: 3.25%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-25/b1962250-1da6-44d1-8fc1-10d0c90622fe.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 282;
}
.date {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 52.5%;
  top: 25%;
  left: 12.66%;
  color: #2c2c2c;
  font-family: Poppins, var(--default-font-family);
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  text-align: left;
  white-space: nowrap;
  z-index: 283;
}
.time {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 52.5%;
  top: 25%;
  left: 63.96%;
  color: #2c2c2c;
  font-family: Poppins, var(--default-font-family);
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  text-align: left;
  white-space: nowrap;
  z-index: 284;
}
.add-to-cart {
  position: relative;
  width: 309px;
  height: 44px;
  margin: 81px 0 0 0;
  font-size: 0px;
  z-index: 286;
  overflow: visible auto;
}
.rectangle-59 {
  display: block;
  position: relative;
  height: 22px;
  margin: 11px 0 0 108px;
  color: #000000;
  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: 288;
}
.group-5a {
  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/3afa76d7-f13d-4d4d-a66d-a334a132d508.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 287;
}
.checkout {
  position: relative;
  width: 309px;
  height: 44px;
  margin: 20px 0 0 1px;
  font-size: 0px;
  z-index: 289;
  overflow: visible auto;
}
.rectangle-5b {
  display: block;
  position: relative;
  height: 22px;
  margin: 9px 0 0 117px;
  color: #ffffff;
  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: 291;
}
.rectangle-5c {
  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/99fce001-4fb9-4d23-af1e-cc04e8fe7cea.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 290;
}
.any-trainer {
  position: absolute;
  width: 99.35%;
  height: 10.87%;
  top: 51.36%;
  left: 0.32%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-25/d4ee8303-120a-47b6-bea4-28166ff104aa.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 292;
}
.icon-arrow-back {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 5.71%;
  top: 54.08%;
  left: 6.77%;
  color: #2c2c2c;
  font-family: Poppins, var(--default-font-family);
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  text-align: left;
  white-space: nowrap;
  z-index: 293;
}
.clock {
  position: absolute;
  width: 3.95%;
  height: 1.9%;
  top: 55.98%;
  left: 89.38%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-25/3fb18f9d-10f7-4ae3-8536-3a979d6ad1af.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 294;
}
.rectangle-5d {
  position: absolute;
  width: 4.82%;
  height: 9.74%;
  top: 13.61%;
  left: 0.19%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/p1k2njUkJW.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 214;
  overflow: hidden;
}
.mask-group-5e {
  position: absolute;
  width: 22.24%;
  height: 79.9%;
  top: 20.1%;
  left: 56.89%;
  background: #ffffff;
  z-index: 221;
  border-radius: 20px;
  box-shadow: 0 0 40px 0 rgba(0, 168, 156, 0.2);
}
.group-5f {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 222;
  -webkit-mask-image: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/vkinezr3vt.png);
  -webkit-mask-size: cover;
}
.vector-60 {
  position: absolute;
  width: 111.7%;
  height: 101.36%;
  top: -0.63%;
  left: -5.94%;
  z-index: 223;
}
.group-61 {
  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/3tuF8MG72q.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 224;
}
.rectangle-62 {
  position: absolute;
  width: 89.52%;
  height: 9.71%;
  top: 0;
  left: 4.08%;
  z-index: 246;
}
.group-63 {
  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/0e8674e7-e24e-4826-afaa-8c9a7f9c8cd4.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 247;
}
.component {
  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/ebf8cdf0-7704-4b48-b704-a1ed0d9e94fa.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 248;
}
.img-20 {
  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/cd6b5a5c-0e4b-433b-8f92-419b987c3473.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 249;
}
.group-64 {
  position: absolute;
  width: 18.18%;
  height: 29.37%;
  top: 33.33%;
  left: 4.05%;
  z-index: 250;
}
.span {
  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: 251;
}
.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/4e62af5e-4c1d-4d09-9950-c2c0e416d070.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 252;
}
.dashboard {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 3.39%;
  top: 13.72%;
  left: 8.31%;
  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: 225;
}
.group-65 {
  position: absolute;
  width: 38.79%;
  height: 22.51%;
  top: 21.89%;
  left: 8.31%;
  z-index: 226;
}
.mask-group-66 {
  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/weJu8YBtp9.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 230;
}
.yoga-67 {
  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: 228;
}
.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: 229;
  overflow: hidden;
}
.rectangle-68 {
  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/uVeCu77JN8.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 227;
}
.group-69 {
  position: absolute;
  width: 38.79%;
  height: 22.51%;
  top: 21.89%;
  left: 50.58%;
  z-index: 236;
}
.mask-group-6a {
  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/bJdwwLbvk4.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 240;
}
.cardio {
  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: 238;
}
.lorem-ipsum-dolor-6b {
  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: 239;
  overflow: hidden;
}
.rectangle-6c {
  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/sEDSDnE9mk.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 237;
}
.group-6d {
  position: absolute;
  width: 38.79%;
  height: 22.51%;
  top: 47.48%;
  left: 8.31%;
  z-index: 231;
}
.mask-group-6e {
  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/zQXWQJ3eer.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 235;
}
.fitness-class-6f {
  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: 233;
}
.lorem-ipsum-dolor-70 {
  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: 234;
  overflow: hidden;
}
.rectangle-71 {
  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/eqKy5Rh3Gp.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 232;
}
.group-72 {
  position: absolute;
  width: 38.79%;
  height: 22.51%;
  top: 47.48%;
  left: 50.58%;
  z-index: 241;
}
.mask-group-73 {
  position: relative;
  width: 156px;
  height: 70px;
  margin: 0 0 0 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-25/57ae3ea8-babc-45b1-8014-6a3ad3d80ddd.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 245;
}
.gym-74 {
  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: 243;
}
.lorem-ipsum-dolor-75 {
  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: 244;
  overflow: hidden;
}
.rectangle-76 {
  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/872c987a-6890-42d6-b955-ea7c2c5ec96f.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 242;
}
.group-77 {
  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/bxK06B74wn.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 254;
}
.path-78 {
  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/W06q4neGhZ.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 253;
}
.group-79 {
  position: absolute;
  width: 7.96%;
  height: 6.23%;
  top: 89.71%;
  left: 12.61%;
  z-index: 255;
}
.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/0b34eb1b-782e-4d6a-aaf4-28c1f5808c12.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 256;
}
.home-7a {
  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: 257;
}
.group-7b {
  position: absolute;
  width: 16.91%;
  height: 6.23%;
  top: 89.71%;
  left: 30.69%;
  opacity: 0.5;
  z-index: 258;
}
.icon-feather-calendar-7c {
  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/1fcc831c-f164-44c0-bdfc-ddfe28ef5639.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 259;
}
.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: 260;
}
.group-7d {
  position: absolute;
  width: 10.94%;
  height: 6.23%;
  top: 89.71%;
  left: 56.87%;
  opacity: 0.5;
  z-index: 261;
}
.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/TXtEprD84E.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 262;
}
.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: 263;
}
.group-7e {
  position: absolute;
  width: 6.67%;
  height: 13.48%;
  top: 22.85%;
  left: 93.33%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/hHvy7FosJL.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 296;
}
.go-smart-go-app {
  position: absolute;
  width: 467px;
  height: 7.74%;
  top: 26.47%;
  left: 0;
  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: 213;
}
.go-smart {
  position: relative;
  color: #00a89c;
  font-family: Roboto, var(--default-font-family);
  font-size: 55px;
  font-weight: 900;
  line-height: 62px;
  text-align: left;
}
.go-app {
  position: relative;
  color: #0e0e0e;
  font-family: Roboto, var(--default-font-family);
  font-size: 55px;
  font-weight: 900;
  line-height: 62px;
  text-align: left;
}
.group-7f {
  position: absolute;
  width: 20.1%;
  height: 6.19%;
  top: 35.21%;
  left: 0.12%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/mVsNOMongm.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 208;
  overflow: hidden;
}
.client-app {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 3.5%;
  top: 44.94%;
  left: 0;
  color: #000000;
  font-family: Roboto, var(--default-font-family);
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: 0.24px;
  z-index: 210;
}
.admin-app {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 645px;
  height: 15.23%;
  top: 51.19%;
  left: 0;
  color: #565657;
  font-family: Roboto, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 28.125px;
  text-align: left;
  letter-spacing: 0.24px;
  z-index: 209;
}
.group-80 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 3.5%;
  top: 72.66%;
  left: 0;
  color: #000000;
  font-family: Roboto, var(--default-font-family);
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: 0.24px;
  z-index: 211;
}
.union-81 {
  position: absolute;
  width: 6.67%;
  height: 13.48%;
  top: 75.78%;
  left: 52.44%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/UO8AgegsvE.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 295;
}
.access-all {
  position: absolute;
  width: 7.04%;
  height: 16.29%;
  top: 78.15%;
  left: 92.34%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/ZJmJPKAJwq.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 218;
}
.sport-fitness-appointment {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 645px;
  height: 13.98%;
  top: 78.9%;
  left: 0;
  color: #565657;
  font-family: Roboto, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 28.125px;
  text-align: left;
  letter-spacing: 0.24px;
  z-index: 212;
}
.sport-fitness-appointment-82 {
  position: relative;
  width: 779px;
  height: 140px;
  margin: 298px 0 0 151px;
  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: 297;
}
.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;
}
.group-83 {
  position: relative;
  color: #0e0e0e;
  font-family: Roboto, var(--default-font-family);
  font-size: 60px;
  font-weight: 700;
  line-height: 70px;
  text-align: left;
}
.flex-row-bad {
  position: relative;
  width: 325.476px;
  height: 49.58px;
  margin: -9px 0 0 151.265px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/gK0OW5cLf6.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 298;
  overflow: hidden;
}
.rectangle-84 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 1620px;
  height: 408px;
  margin: 100.42px 0 0 150px;
  z-index: 306;
}
.rectangle-85 {
  flex-shrink: 0;
  position: relative;
  width: 791px;
  height: 408px;
  background: #ffffff;
  z-index: 300;
  border-radius: 10px;
  box-shadow: 0 0 20px 0 rgba(0, 168, 156, 0.12);
}
.schedule-sports-classes {
  position: relative;
  width: 791px;
  height: 408px;
  margin: 0 0 0 1px;
  background: #ffffff;
  z-index: 312;
  border-radius: 10px;
  box-shadow: 0 0 40px 0 rgba(0, 168, 156, 0.2);
}
.schedule-sports-classes-86 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 321.96px;
  height: 17.36%;
  top: 16.42%;
  left: 45.39%;
  color: #000000;
  font-family: Roboto, var(--default-font-family);
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  text-align: left;
  z-index: 302;
}
.ellipse-87 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 321.96px;
  height: 17.36%;
  top: 16.42%;
  left: 45.51%;
  color: #000000;
  font-family: Roboto, var(--default-font-family);
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  text-align: left;
  z-index: 313;
}
.ellipse-88 {
  position: absolute;
  width: 11.89%;
  height: 23.05%;
  top: 18.87%;
  left: 27.05%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/8H5D7besLV.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 304;
  border-radius: 50%;
}
.web-security {
  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/zk1MpT74Wy.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 326;
  border-radius: 50%;
}
.rectangle-89 {
  position: absolute;
  width: 6.07%;
  height: 11.76%;
  top: 25%;
  left: 30.09%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/5ABph4naPR.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 327;
  overflow: hidden;
}
.mask-group-8a {
  position: absolute;
  width: 24.02%;
  height: 46.08%;
  top: 26.96%;
  left: 10.37%;
  background: #c4c4c4;
  z-index: 301;
  border-radius: 15px;
}
.schedulic {
  position: relative;
  width: 190px;
  height: 188px;
  margin: 0 0 0 1px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/qOFimszeeu.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 325;
}
.lorim {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 355.152px;
  height: 33.08%;
  top: 41.18%;
  left: 45.39%;
  color: #565657;
  font-family: Roboto, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: left;
  z-index: 303;
}
.rectangle-8b {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 355.152px;
  height: 33.08%;
  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: 314;
}
.rectangle-8c {
  flex-shrink: 0;
  position: relative;
  width: 791px;
  height: 408px;
  background: #ffffff;
  z-index: 306;
  border-radius: 10px;
  box-shadow: 0 0 20px 0 rgba(0, 168, 156, 0.12);
}
.scheduling-individually {
  position: relative;
  width: 791px;
  height: 408px;
  margin: 0 0 0 1px;
  background: #ffffff;
  z-index: 319;
  border-radius: 10px;
  box-shadow: 0 0 40px 0 rgba(0, 168, 156, 0.2);
}
.services-packages-recurring {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 322px;
  height: 25.49%;
  top: 16.42%;
  left: 45.39%;
  color: #000000;
  font-family: Roboto, var(--default-font-family);
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  text-align: left;
  text-overflow: initial;
  z-index: 308;
  overflow: hidden;
}
.ellipse-8d {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 321.96px;
  height: 17.36%;
  top: 16.42%;
  left: 45.51%;
  color: #000000;
  font-family: Roboto, var(--default-font-family);
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  text-align: left;
  z-index: 320;
}
.ellipse-8e {
  position: absolute;
  width: 11.89%;
  height: 23.05%;
  top: 18.87%;
  left: 27.05%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/zD1pkSgFSh.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 310;
  border-radius: 50%;
}
.megaphone {
  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/SW0TiyTKHm.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 329;
  border-radius: 50%;
}
.rectangle-8f {
  position: absolute;
  width: 7.59%;
  height: 14.71%;
  top: 23.04%;
  left: 29.33%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/n4ckNSy8fJ.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 330;
  overflow: hidden;
}
.mask-group-90 {
  position: absolute;
  width: 24.02%;
  height: 46.08%;
  top: 26.96%;
  left: 10.37%;
  background: #c4c4c4;
  z-index: 307;
  border-radius: 15px;
}
.generally-sports-training {
  position: relative;
  width: 190px;
  height: 188px;
  margin: 0 0 0 1px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/8KOGO0AHjt.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 328;
}
.to-manage-scheduling {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 355.152px;
  height: 33.08%;
  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: 321;
}
.flex-row-dd {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 355.152px;
  height: 33.08%;
  top: 49.26%;
  left: 45.39%;
  color: #565657;
  font-family: Roboto, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: left;
  z-index: 309;
}
.rectangle-91 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 1620px;
  height: 408px;
  margin: 40px 0 0 151px;
  z-index: 322;
}
.ellipse-92 {
  flex-shrink: 0;
  position: relative;
  width: 791px;
  height: 408px;
  background: #ffffff;
  z-index: 315;
  border-radius: 10px;
  box-shadow: 0 0 40px 0 rgba(0, 168, 156, 0.2);
}
.automatic-reminders {
  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/sSNSjesBER.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 331;
  border-radius: 50%;
}
.group-93 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 10.54%;
  top: 25.25%;
  left: 45.39%;
  color: #000000;
  font-family: Roboto, var(--default-font-family);
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 317;
  overflow: hidden;
}
.mask-group-94 {
  position: absolute;
  width: 5.82%;
  height: 9.84%;
  top: 25.49%;
  left: 30.21%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/1KWNR0fUR6.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 332;
}
.pic-32 {
  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/8hx9bBotw2.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 316;
}
.challenging-tasks {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 355.152px;
  height: 33.08%;
  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: 318;
}
.rectangle-95 {
  flex-shrink: 0;
  position: relative;
  width: 791px;
  height: 408px;
  background: #ffffff;
  z-index: 322;
  border-radius: 10px;
  box-shadow: 0 0 40px 0 rgba(0, 168, 156, 0.2);
}
.flex-column-c {
  position: absolute;
  width: 45.89%;
  height: 65.2%;
  top: 16.42%;
  left: 45.51%;
  font-size: 0px;
  z-index: 324;
}
.scheduling-individually-coaches {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 339px;
  height: 71px;
  margin: 0 0 0 0;
  color: #000000;
  font-family: Roboto, var(--default-font-family);
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  text-align: left;
  z-index: 323;
}
.eliminate-lateness-reminders {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 363px;
  height: 135px;
  margin: 60px 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: 324;
}
.flex-column-bf {
  position: absolute;
  width: 28.58%;
  height: 54.17%;
  top: 18.87%;
  left: 10.49%;
  z-index: 335;
}
.ellipse-96 {
  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/OMpuq66mDu.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 334;
  border-radius: 50%;
}
.group-97 {
  position: absolute;
  width: 18.65%;
  height: 20.81%;
  top: 10.86%;
  left: 69.86%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/4Bd6aTkuDn.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 335;
}
.mask-group-98 {
  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/3ssWYBAciB.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 333;
}
.flex-row-a {
  position: relative;
  width: 644px;
  height: 178.58px;
  margin: 295px 0 0 156px;
  z-index: 362;
}
.testimonials-customers {
  position: absolute;
  width: 644px;
  height: 78.4%;
  top: 0;
  left: 0%;
  font-family: Roboto, var(--default-font-family);
  font-size: 60px;
  font-weight: 700;
  line-height: 70px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 336;
}
.testimonials {
  position: relative;
  color: #00a89c;
  font-family: Roboto, var(--default-font-family);
  font-size: 60px;
  font-weight: 700;
  line-height: 70px;
  text-align: left;
}
.from-our-customers {
  position: relative;
  color: #0e0e0e;
  font-family: Roboto, var(--default-font-family);
  font-size: 60px;
  font-weight: 700;
  line-height: 70px;
  text-align: left;
}
.group-99 {
  position: absolute;
  width: 50.54%;
  height: 27.76%;
  top: 72.24%;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/0i2rfFrcWT.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 362;
  overflow: hidden;
}
.flex-row-d-9a {
  position: relative;
  width: 1620px;
  height: 71px;
  margin: 1.42px 0 0 155px;
  z-index: 363;
}
.group-9b {
  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/m0mJc0k5iZ.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 363;
}
.lorem-ipsum-dolor-9c {
  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: 337;
}
.flex-row-dbe {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 2127px;
  height: 378px;
  margin: 90px 0 0 -90px;
  z-index: 355;
}
.rectangle-9d {
  flex-shrink: 0;
  position: relative;
  width: 689px;
  height: 378px;
  font-size: 0px;
  background: #ffd74b;
  z-index: 347;
  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: 349;
}
.without-jobhunt {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 589px;
  height: 84px;
  margin: 20px 0 0 50px;
  color: #747373;
  font-family: Roboto, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: left;
  text-overflow: initial;
  z-index: 352;
  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: 350;
}
.mask-group-9e {
  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/h7ER6DGrLp.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 353;
}
.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: 351;
}
.rectangle-9f {
  flex-shrink: 0;
  position: relative;
  width: 689px;
  height: 378px;
  font-size: 0px;
  background: #ffd74b;
  z-index: 339;
  border-radius: 10px;
}
.awesome-design-a0 {
  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: 341;
}
.without-jobhunt-a1 {
  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: 344;
  overflow: hidden;
}
.nicole-wells-a2 {
  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: 342;
}
.mask-group-a3 {
  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/oUHB6dBkqK.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 345;
}
.design-a4 {
  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: 343;
}
.rectangle-a5 {
  flex-shrink: 0;
  position: relative;
  width: 689px;
  height: 378px;
  font-size: 0px;
  background: #ffd74b;
  z-index: 355;
  border-radius: 10px;
}
.awesome-design-a6 {
  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: 357;
}
.without-jobhunt-a7 {
  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: 360;
  overflow: hidden;
}
.nicole-wells-a8 {
  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: 358;
}
.mask-group-a9 {
  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/8V2kLJqKay.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 361;
}
.design-aa {
  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: 359;
}
.flex-row-ee {
  position: relative;
  width: 1937px;
  height: 1245px;
  margin: 150px 0 0 0;
  z-index: 22;
}
.rectangle-ab {
  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/nF2Vq2z15H.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 21;
}
.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: 23;
}
.time-to-give-it-a-go {
  position: relative;
  color: #00a89c;
  font-family: Roboto, var(--default-font-family);
  font-size: 60px;
  font-weight: 700;
  line-height: 70.313px;
  text-align: center;
}
.hands-on-experience {
  position: relative;
  color: #0e0e0e;
  font-family: Roboto, var(--default-font-family);
  font-size: 60px;
  font-weight: 700;
  line-height: 70.313px;
  text-align: center;
}
.flex-row-dd-ac {
  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: 24;
}
.rectangle-ad {
  position: relative;
  width: 1160.332px;
  height: 80px;
  margin: 76.559px 0 0 611px;
  z-index: 26;
}
.rectangle-ae {
  position: absolute;
  width: 61.1%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/iYS0sv302J.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 26;
}
.talk-to-sales {
  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/EnYHnPpVT8.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 27;
}
.sleek-smart-eff {
  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: 29;
}
.group-af {
  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: 28;
}
.flex-row-c {
  position: absolute;
  width: 2.81%;
  height: 54.58%;
  top: 36.51%;
  left: 97.19%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/8UN84nEixY.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 2;
}
.sleek-smart-eff-b0 {
  position: relative;
  width: 1103px;
  height: 29px;
  margin: 66.441px 0 0 260px;
  z-index: 38;
}
.sleek-smart-eff-b1 {
  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: 32;
}
.sleek-smart-eff-b2 {
  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: 35;
}
.flex-row-ae {
  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: 38;
}
.sleek-smart-eff-b3 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 1404px;
  height: 29px;
  margin: 16px 0 0 260px;
  z-index: 39;
}
.sleek-smart-eff-b4 {
  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: 33;
}
.sleek-smart-eff-b5 {
  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: 36;
}
.group-b6 {
  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: 39;
}
.bi-arrow-right {
  position: relative;
  width: 104px;
  height: 104px;
  margin: 65px 0 0 891px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/m4vcUzKeaN.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 56;
}
.rectangle-b7 {
  position: absolute;
  width: 0.83%;
  height: 2.67%;
  top: 51.65%;
  left: 99.17%;
  z-index: 1;
  overflow: hidden;
}
.flex-row-e {
  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/ML8d6mkDjb.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 22;
}
.image-b8 {
  position: relative;
  width: 1603px;
  height: 48px;
  margin: 82px 0 0 149px;
  z-index: 364;
}
.sleek-smart-eff-b9 {
  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/3Xfrw2TpVY.png)
    no-repeat center;
  background-size: cover;
  z-index: 364;
}
.product {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 72.92%;
  top: 26.16%;
  left: 39.61%;
  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: 48;
}
.features {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 72.92%;
  top: 26.16%;
  left: 60.95%;
  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: 53;
}
.connect-with-us {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 72.92%;
  top: 27.08%;
  left: 86.09%;
  color: #ffffff;
  font-family: Roboto, var(--default-font-family);
  font-size: 30px;
  font-weight: 500;
  line-height: 35px;
  text-align: left;
  white-space: nowrap;
  z-index: 44;
}
.group-ba {
  position: absolute;
  width: 1.56%;
  height: 33.33%;
  top: 47%;
  left: 37.55%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/isOwdfkgBN.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 50;
}
.group-bb {
  position: absolute;
  width: 1.56%;
  height: 33.33%;
  top: 47%;
  left: 58.89%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/gNK3Y1dMan.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 55;
}
.flex-row- {
  position: relative;
  width: 1582.279px;
  height: 261.984px;
  margin: 30.016px 0 0 152px;
  z-index: 54;
}
.group-bc {
  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/Gy7j0EvhgP.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 45;
}
.home-about-us-contact-us {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 123px;
  height: 95.43%;
  top: 4.57%;
  left: 37.86%;
  color: #ffffff;
  font-family: Roboto, var(--default-font-family);
  font-size: 25px;
  font-weight: 400;
  line-height: 50px;
  text-align: left;
  text-overflow: initial;
  z-index: 49;
  overflow: hidden;
}
.schedule-online-increase-productivity {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 233px;
  height: 76.34%;
  top: 4.57%;
  left: 59.47%;
  color: #ffffff;
  font-family: Roboto, var(--default-font-family);
  font-size: 25px;
  font-weight: 400;
  line-height: 50px;
  text-align: left;
  text-overflow: initial;
  z-index: 54;
  overflow: hidden;
}
.online-booking-system {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 364px;
  height: 54.97%;
  top: 9.92%;
  left: 0;
  color: #ffffff;
  font-family: Roboto, var(--default-font-family);
  font-size: 22px;
  font-weight: 400;
  line-height: 36px;
  text-align: left;
  text-overflow: initial;
  z-index: 41;
  overflow: hidden;
}
.all-rights-reserved {
  display: block;
  position: relative;
  height: 29px;
  margin: 30px 0 0 831px;
  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: 20;
}
.seventeen-banner-shape {
  position: absolute;
  width: 106.46%;
  height: 24.33%;
  top: -4.31%;
  left: 26.93%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/ftJTHOKcs5.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 3;
}
.rectangle-bd {
  position: absolute;
  width: 100%;
  height: 1.83%;
  top: -0.01%;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/m8LsuOxmoz.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 386;
}
.group-be {
  position: absolute;
  width: 102.92%;
  height: 12.84%;
  top: 37.3%;
  left: -0.94%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/6kj9i75kcF.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 203;
}
.rectangle-bf {
  position: absolute;
  width: 100%;
  height: 16.68%;
  top: 52.49%;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/374j7PdoOq.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 311;
}
.rectangle-c0 {
  position: absolute;
  width: 100.05%;
  height: 1.2%;
  top: 98.81%;
  left: 0.05%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/1MEkVssr5O.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 19;
}