: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: 8086px;
  margin: 0 auto;
  background: #ffffff;
  overflow: hidden;
}
.flex-row-da {
  position: relative;
  width: 2260.334px;
  height: 60px;
  margin: 39px 0 0 -400px;
  z-index: 391;
}
.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/aEnZboUodL.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 375;
}
.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: 377;
}
.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/default/image/2026-02-25/c691897f-8ff1-4e5a-a643-e4ab175eb53d.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 378;
}
.image {
  position: absolute;
  width: 165px;
  height: 40px;
  top: 10px;
  left: 460px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/wBmNVVA8X6.png)
    no-repeat center;
  background-size: cover;
  z-index: 391;
}
.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: 388;
}
.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: 383;
}
.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: 384;
}
.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: 385;
}
.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: 390;
}
.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: 381;
}
.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/9f00NpFe6m.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 382;
}
.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/OxPGqOyYYi.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 389;
}
.teenyicons-tick-outline {
  position: absolute;
  width: 0.66%;
  height: 13.11%;
  top: 66.1%;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/3xTtjOn6Ji.png)
    no-repeat center;
  background-size: 100% 100%;
  overflow: hidden;
}
.flex-row {
  position: relative;
  width: 1665.987px;
  height: 676px;
  margin: 101px 0 0 151.013px;
  z-index: 194;
}
.points-bg {
  position: absolute;
  width: 17.11%;
  height: 36.09%;
  top: 0;
  left: 54.98%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/pp5kfBAxfh.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 188;
}
.mask-group {
  position: absolute;
  width: 26.95%;
  height: 86.54%;
  top: 5.33%;
  left: 59.78%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/S5e5UfM0hd.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 190;
}
.appointment-booking {
  position: absolute;
  width: 52.04%;
  height: 41.72%;
  top: 9.91%;
  left: 0.18%;
  font-family: Roboto, var(--default-font-family);
  font-size: 85px;
  font-weight: 700;
  line-height: 100px;
  text-align: left;
  z-index: 7;
}
.appointment-booking-for {
  position: relative;
  color: #00a89c;
  font-family: Roboto, var(--default-font-family);
  font-size: 85px;
  font-weight: 700;
  line-height: 100px;
  text-align: left;
}
.salon-spas-and-wellness-services {
  position: relative;
  color: #000000;
  font-family: Roboto, var(--default-font-family);
  font-size: 85px;
  font-weight: 700;
  line-height: 100px;
  text-align: left;
}
.rectangle {
  position: absolute;
  width: 15.85%;
  height: 41.12%;
  top: 25.15%;
  left: 84.15%;
  font-size: 0px;
  background: #ffffff;
  z-index: 194;
  border-radius: 20px;
  box-shadow: 0 0 40px 0 rgba(0, 168, 156, 0.2);
}
.book-a-service {
  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: 195;
}
.flex-row-a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 209.667px;
  height: 37px;
  margin: 24px 0 0 29px;
  z-index: 202;
}
.rectangle-2 {
  flex-shrink: 0;
  position: relative;
  width: 37px;
  height: 37px;
  background: #e5e5e5;
  z-index: 199;
  border-radius: 5px;
}
.group-3 {
  flex-shrink: 0;
  position: relative;
  width: 119px;
  height: 24px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/xdA89ovSVT.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 196;
  border-radius: 50px;
}
.group-4 {
  flex-shrink: 0;
  position: relative;
  width: 21.667px;
  height: 20px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/N1eZSijh2V.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 202;
}
.flex-row-bdf {
  position: relative;
  width: 209.667px;
  height: 37px;
  margin: 18px 0 0 29px;
  z-index: 203;
}
.rectangle-5 {
  position: absolute;
  width: 17.65%;
  height: 100%;
  top: 0;
  left: 0;
  background: #e5e5e5;
  z-index: 200;
  border-radius: 5px;
}
.group-6 {
  position: absolute;
  width: 10.33%;
  height: 54.05%;
  top: 10.81%;
  left: 89.67%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/hutaAEkB0K.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 203;
}
.group-7 {
  position: absolute;
  width: 56.76%;
  height: 64.86%;
  top: 16.22%;
  left: 24.8%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/GcL8YuFCwk.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 197;
  border-radius: 50px;
}
.flex-row-8 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 209.667px;
  height: 37px;
  margin: 17px 0 0 29px;
  z-index: 204;
}
.rectangle-9 {
  flex-shrink: 0;
  position: relative;
  width: 37px;
  height: 37px;
  background: #e5e5e5;
  z-index: 201;
  border-radius: 5px;
}
.group-a {
  flex-shrink: 0;
  position: relative;
  width: 119px;
  height: 24px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/u07nQA6CRc.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 198;
  border-radius: 50px;
}
.group-b {
  flex-shrink: 0;
  position: relative;
  width: 21.667px;
  height: 20px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/yfbJOPBsV9.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 204;
}
.group-c {
  position: absolute;
  width: 27.06%;
  height: 11.46%;
  top: 51.6%;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/RHs8hFSis5.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 6;
  overflow: hidden;
}
.trusted-salon-and-spa {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 523px;
  height: 10.06%;
  top: 64.05%;
  left: 0.18%;
  color: #565657;
  font-family: Roboto, var(--default-font-family);
  font-size: 26px;
  font-weight: 400;
  line-height: 30.469px;
  text-align: left;
  text-overflow: initial;
  z-index: 8;
  overflow: hidden;
}
.rectangle-d {
  position: absolute;
  width: 13.33%;
  height: 9.91%;
  top: 81.51%;
  left: 0.18%;
  background: #00a89c;
  z-index: 10;
  border-radius: 5px;
}
.try-for-free {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 29.85%;
  top: 35.82%;
  left: 26.58%;
  color: #ffffff;
  font-family: Circular Std, var(--default-font-family);
  font-size: 20px;
  font-weight: 450;
  line-height: 20px;
  text-align: left;
  white-space: nowrap;
  z-index: 11;
}
.union {
  position: absolute;
  width: 7.05%;
  height: 15.17%;
  top: 83.14%;
  left: 56.24%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/gFs8wsjbFF.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 189;
}
.group-e {
  position: absolute;
  width: 6.6%;
  height: 16.27%;
  top: 83.73%;
  left: 74.49%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/KnkVQcaefW.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 191;
}
.group-f {
  position: absolute;
  width: 2.1%;
  height: 5.18%;
  top: 83.88%;
  left: 15.91%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/jCfZx7NsZu.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 13;
}
.watch-a-demo {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 2.96%;
  top: 85.06%;
  left: 18.61%;
  color: #00a89c;
  font-family: Circular Std, var(--default-font-family);
  font-size: 20px;
  font-weight: 450;
  line-height: 20px;
  text-align: left;
  white-space: nowrap;
  z-index: 15;
}
.line {
  position: absolute;
  width: 6%;
  height: 0.15%;
  top: 87.72%;
  left: 18.85%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/ZC0Ai2SoYR.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 16;
}
.flex-row-10 {
  position: relative;
  width: 1354px;
  height: 709px;
  margin: 129px 0 0 310px;
  z-index: 79;
}
.path-11 {
  position: absolute;
  width: 18.54%;
  height: 83.3%;
  top: -0.07%;
  left: 81.83%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/TFabb5AVaF.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 61;
}
.path-12 {
  position: absolute;
  width: 13.15%;
  height: 80.1%;
  top: 0.72%;
  left: 68.33%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/qqgvOnU0ZT.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 60;
}
.scheduling-caters-to {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 928px;
  height: 11.85%;
  top: 12.98%;
  left: 13.74%;
  color: #ffffff;
  font-family: Roboto, var(--default-font-family);
  font-size: 36px;
  font-weight: 500;
  line-height: 42.188px;
  text-align: center;
  z-index: 59;
}
.rectangle-13 {
  position: absolute;
  width: 17.65%;
  height: 30.32%;
  top: 35.68%;
  left: 0;
  background: #ffffff;
  z-index: 62;
  border-radius: 10px;
  box-shadow: 0 4px 40px 0 rgba(0, 168, 156, 0.3);
}
.hair-conditioner {
  position: relative;
  width: 92px;
  height: 92px;
  margin: 30px 0 0 70px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/2A4c76pacX.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 82;
  overflow: hidden;
}
.hair-salon {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 102px;
  height: 26px;
  margin: 19px 0 0 68px;
  color: #000000;
  font-family: Roboto, var(--default-font-family);
  font-size: 22px;
  font-weight: 500;
  line-height: 25.781px;
  text-align: center;
  white-space: nowrap;
  z-index: 63;
}
.rectangle-14 {
  position: absolute;
  width: 17.65%;
  height: 30.32%;
  top: 35.68%;
  left: 19.57%;
  background: #ffffff;
  z-index: 64;
  border-radius: 10px;
  box-shadow: 0 4px 20px 0 rgba(0, 168, 156, 0.2);
}
.nail {
  position: relative;
  width: 90px;
  height: 90px;
  margin: 32px 0 0 75px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/PsGeJOkiES.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 205;
  overflow: hidden;
}
.nail-salon {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 100px;
  height: 26px;
  margin: 18px 0 0 69px;
  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: 65;
}
.rectangle-15 {
  position: absolute;
  width: 17.65%;
  height: 30.32%;
  top: 35.68%;
  left: 39.07%;
  background: #ffffff;
  z-index: 66;
  border-radius: 10px;
  box-shadow: 0 4px 20px 0 rgba(0, 168, 156, 0.2);
}
.beauty-salon {
  position: relative;
  width: 93.664px;
  height: 93.976px;
  margin: 33px 0 0 73px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/tOjWL6udbw.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 206;
}
.beauty-salon-16 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 129px;
  height: 26px;
  margin: 13.024px 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: 67;
}
.rectangle-17 {
  position: absolute;
  width: 17.65%;
  height: 30.32%;
  top: 35.68%;
  left: 58.64%;
  background: #ffffff;
  z-index: 68;
  border-radius: 10px;
  box-shadow: 0 4px 20px 0 rgba(0, 168, 156, 0.2);
}
.body-scrub {
  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/63MQZA6ht3.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 207;
  overflow: hidden;
}
.tanning-salon {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 140px;
  height: 26px;
  margin: 14px 0 0 49px;
  color: #000000;
  font-family: Roboto, var(--default-font-family);
  font-size: 22px;
  font-weight: 500;
  line-height: 25.781px;
  text-align: center;
  white-space: nowrap;
  z-index: 69;
}
.rectangle-18 {
  position: absolute;
  width: 17.65%;
  height: 30.32%;
  top: 35.68%;
  left: 78.14%;
  background: #ffffff;
  z-index: 70;
  border-radius: 10px;
  box-shadow: 0 4px 20px 0 rgba(0, 168, 156, 0.2);
}
.group-19 {
  position: relative;
  width: 105px;
  height: 95.703px;
  margin: 34.297px 0 0 70px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/KVamqFkx4O.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 367;
}
.tattoo-studio {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 133px;
  height: 26px;
  margin: 10px 0 0 53px;
  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;
}
.rectangle-1a {
  position: absolute;
  width: 17.65%;
  height: 30.32%;
  top: 69.68%;
  left: 0;
  background: #ffffff;
  z-index: 72;
  border-radius: 10px;
  box-shadow: 0 0 20px 0 rgba(0, 168, 156, 0.2);
}
.group-1b {
  position: relative;
  width: 93.789px;
  height: 98px;
  margin: 23px 0 0 70.105px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/sS3VDJYmdx.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 208;
}
.cosmetology-service {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 131px;
  height: 52px;
  margin: 16px 0 0 54px;
  color: #000000;
  font-family: Roboto, var(--default-font-family);
  font-size: 22px;
  font-weight: 500;
  line-height: 25.781px;
  text-align: center;
  text-overflow: initial;
  z-index: 73;
  overflow: hidden;
}
.rectangle-1c {
  position: absolute;
  width: 17.65%;
  height: 30.32%;
  top: 69.68%;
  left: 19.57%;
  background: #ffffff;
  z-index: 74;
  border-radius: 10px;
  box-shadow: 0 4px 20px 0 rgba(0, 168, 156, 0.2);
}
.make-up-studio {
  position: relative;
  width: 91.875px;
  height: 96px;
  margin: 24px 0 0 74.063px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/2pAbfm5Hvb.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 209;
}
.make-up-studio-1d {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 156px;
  height: 26px;
  margin: 17px 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: 75;
}
.rectangle-1e {
  position: absolute;
  width: 17.65%;
  height: 30.32%;
  top: 69.68%;
  left: 39.07%;
  background: #ffffff;
  z-index: 76;
  border-radius: 10px;
  box-shadow: 0 4px 20px 0 rgba(0, 168, 156, 0.2);
}
.bridal-salon {
  position: relative;
  width: 89.961px;
  height: 89.953px;
  margin: 30px 0 0 75px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/LuZkS02hYE.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 84;
}
.bridal-salon-1f {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 119px;
  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: 77;
}
.rectangle-20 {
  position: absolute;
  width: 17.65%;
  height: 30.32%;
  top: 69.68%;
  left: 58.64%;
  background: #ffffff;
  z-index: 78;
  border-radius: 10px;
  box-shadow: 0 4px 20px 0 rgba(0, 168, 156, 0.2);
}
.spa-salon {
  position: relative;
  width: 94px;
  height: 94px;
  margin: 23px 0 0 74px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/SOktKiR5Rn.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 83;
  overflow: hidden;
}
.spa-salon-21 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 99px;
  height: 26px;
  margin: 20px 0 0 70px;
  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;
}
.rectangle-22 {
  position: absolute;
  width: 17.65%;
  height: 30.32%;
  top: 69.68%;
  left: 78.14%;
  background: #ffffff;
  z-index: 79;
  border-radius: 10px;
  box-shadow: 0 4px 20px 0 rgba(0, 168, 156, 0.2);
}
.mobile-salon {
  position: relative;
  width: 93px;
  height: 89.953px;
  margin: 38px 0 0 75px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/bYVPJWO9wY.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 85;
}
.mobile-salon-23 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 129px;
  height: 26px;
  margin: 9.047px 0 0 55px;
  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: 81;
}
.flex-row-ccc {
  position: relative;
  width: 1647px;
  height: 744px;
  margin: 244px 0 0 118px;
  z-index: 222;
}
.points-bg-24 {
  position: absolute;
  width: 16.09%;
  height: 30.51%;
  top: 0;
  left: 37.1%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/DkS3yY0ZFP.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 89;
}
.vector {
  position: absolute;
  width: 3.02%;
  height: 5.87%;
  top: 88.99%;
  left: 50.57%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/HqAjsXtWNj.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 163;
}
.vector-25 {
  position: absolute;
  width: 3.02%;
  height: 5.87%;
  top: 88.99%;
  left: 40%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/T0hDMv5dUc.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 162;
}
.rectangle-26 {
  position: absolute;
  width: 20.83%;
  height: 68.01%;
  top: 15.19%;
  left: 26.65%;
  background: #ffffff;
  z-index: 103;
  border-radius: 10px;
  box-shadow: 0 0 40px 0 rgba(0, 168, 156, 0.2);
}
.rectangle-27 {
  position: relative;
  width: 343px;
  height: 55px;
  margin: 0 0 0 0;
  background: #00a89c;
  z-index: 113;
  border-radius: 10px 10px 0 0;
}
.make-appointment {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 40%;
  top: 29.09%;
  left: 5.83%;
  color: #ffffff;
  font-family: Roboto, var(--default-font-family);
  font-size: 19px;
  font-weight: 700;
  line-height: 22px;
  text-align: left;
  white-space: nowrap;
  z-index: 113;
}
.december-2021 {
  display: block;
  position: relative;
  height: 21px;
  margin: 29px 0 0 37px;
  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: 112;
}
.flex-row-de {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 242px;
  height: 13px;
  margin: 32px 0 0 50px;
  z-index: 119;
}
.su {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  width: 14px;
  height: 13px;
  color: #000000;
  font-family: Roboto, var(--default-font-family);
  font-size: 11px;
  font-weight: 500;
  line-height: 12.891px;
  text-align: center;
  white-space: nowrap;
  z-index: 111;
}
.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: 114;
}
.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: 115;
}
.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: 116;
}
.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: 117;
}
.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: 118;
}
.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: 119;
}
.flex-row-dccf {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 238px;
  height: 14px;
  margin: 26px 0 0 51px;
  z-index: 126;
}
.day-30 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  width: 13px;
  height: 14px;
  color: #727272;
  font-family: Circular Std, var(--default-font-family);
  font-size: 11px;
  font-weight: 450;
  line-height: 13.915px;
  text-align: center;
  white-space: nowrap;
  z-index: 120;
}
.day-31 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  width: 10px;
  height: 14px;
  color: #727272;
  font-family: Circular Std, var(--default-font-family);
  font-size: 11px;
  font-weight: 450;
  line-height: 13.915px;
  text-align: center;
  white-space: nowrap;
  z-index: 121;
}
.day-1 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  width: 4px;
  height: 14px;
  color: #000000;
  font-family: Circular Std, var(--default-font-family);
  font-size: 11px;
  font-weight: 450;
  line-height: 13.915px;
  text-align: center;
  white-space: nowrap;
  z-index: 122;
}
.day-2 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  width: 6px;
  height: 14px;
  color: #000000;
  font-family: Circular Std, var(--default-font-family);
  font-size: 11px;
  font-weight: 450;
  line-height: 13.915px;
  text-align: center;
  white-space: nowrap;
  z-index: 123;
}
.day-3 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  width: 7px;
  height: 14px;
  color: #000000;
  font-family: Circular Std, var(--default-font-family);
  font-size: 11px;
  font-weight: 450;
  line-height: 13.915px;
  text-align: center;
  white-space: nowrap;
  z-index: 124;
}
.day-4 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  width: 7px;
  height: 14px;
  color: #000000;
  font-family: Circular Std, var(--default-font-family);
  font-size: 11px;
  font-weight: 450;
  line-height: 13.915px;
  text-align: center;
  white-space: nowrap;
  z-index: 125;
}
.day-5 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  width: 7px;
  height: 14px;
  color: #000000;
  font-family: Circular Std, var(--default-font-family);
  font-size: 11px;
  font-weight: 450;
  line-height: 13.915px;
  text-align: center;
  white-space: nowrap;
  z-index: 126;
}
.flex-row-f {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 236px;
  height: 14px;
  margin: 20px 0 0 54px;
  z-index: 133;
}
.day-6 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  width: 7px;
  height: 14px;
  color: #000000;
  font-family: Circular Std, var(--default-font-family);
  font-size: 11px;
  font-weight: 450;
  line-height: 13.915px;
  text-align: center;
  white-space: nowrap;
  z-index: 127;
}
.day-7 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  width: 6px;
  height: 14px;
  color: #000000;
  font-family: Circular Std, var(--default-font-family);
  font-size: 11px;
  font-weight: 450;
  line-height: 13.915px;
  text-align: center;
  white-space: nowrap;
  z-index: 128;
}
.day-8 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  width: 7px;
  height: 14px;
  color: #000000;
  font-family: Circular Std, var(--default-font-family);
  font-size: 11px;
  font-weight: 450;
  line-height: 13.915px;
  text-align: center;
  white-space: nowrap;
  z-index: 129;
}
.day-9 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  width: 7px;
  height: 14px;
  color: #000000;
  font-family: Circular Std, var(--default-font-family);
  font-size: 11px;
  font-weight: 450;
  line-height: 13.915px;
  text-align: center;
  white-space: nowrap;
  z-index: 130;
}
.day-10 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  width: 11px;
  height: 14px;
  color: #000000;
  font-family: Circular Std, var(--default-font-family);
  font-size: 11px;
  font-weight: 450;
  line-height: 13.915px;
  text-align: center;
  white-space: nowrap;
  z-index: 131;
}
.day-11 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  width: 8px;
  height: 14px;
  color: #000000;
  font-family: Circular Std, var(--default-font-family);
  font-size: 11px;
  font-weight: 450;
  line-height: 13.915px;
  text-align: center;
  white-space: nowrap;
  z-index: 132;
}
.day-12 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  width: 10px;
  height: 14px;
  color: #000000;
  font-family: Circular Std, var(--default-font-family);
  font-size: 11px;
  font-weight: 450;
  line-height: 13.915px;
  text-align: center;
  white-space: nowrap;
  z-index: 133;
}
.flex-row-d {
  position: relative;
  width: 239px;
  height: 25px;
  margin: 15px 0 0 52px;
  z-index: 141;
}
.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/YLOV4pnhb1.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 138;
  border-radius: 50%;
}
.day-13 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 4.18%;
  height: 56%;
  top: 20%;
  left: 0;
  color: #000000;
  font-family: Circular Std, var(--default-font-family);
  font-size: 11px;
  font-weight: 450;
  line-height: 13.915px;
  text-align: center;
  white-space: nowrap;
  z-index: 134;
}
.day-14 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 4.6%;
  height: 56%;
  top: 20%;
  left: 16.74%;
  color: #000000;
  font-family: Circular Std, var(--default-font-family);
  font-size: 11px;
  font-weight: 450;
  line-height: 13.915px;
  text-align: center;
  white-space: nowrap;
  z-index: 135;
}
.day-15 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 4.18%;
  height: 56%;
  top: 20%;
  left: 33.05%;
  color: #000000;
  font-family: Circular Std, var(--default-font-family);
  font-size: 11px;
  font-weight: 450;
  line-height: 13.915px;
  text-align: center;
  white-space: nowrap;
  z-index: 136;
}
.day-16 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 4.6%;
  height: 56%;
  top: 20%;
  left: 49.37%;
  color: #000000;
  font-family: Circular Std, var(--default-font-family);
  font-size: 11px;
  font-weight: 450;
  line-height: 13.915px;
  text-align: center;
  white-space: nowrap;
  z-index: 137;
}
.day-17 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 5.44%;
  height: 52%;
  top: 20%;
  left: 64.85%;
  color: #ffffff;
  font-family: Roboto, var(--default-font-family);
  font-size: 11px;
  font-weight: 500;
  line-height: 12.891px;
  text-align: center;
  white-space: nowrap;
  z-index: 139;
}
.day-18 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 4.6%;
  height: 56%;
  top: 20%;
  left: 80.33%;
  color: #000000;
  font-family: Circular Std, var(--default-font-family);
  font-size: 11px;
  font-weight: 450;
  line-height: 13.915px;
  text-align: center;
  white-space: nowrap;
  z-index: 140;
}
.day-19 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 4.6%;
  height: 56%;
  top: 20%;
  left: 95.4%;
  color: #000000;
  font-family: Circular Std, var(--default-font-family);
  font-size: 11px;
  font-weight: 450;
  line-height: 13.915px;
  text-align: center;
  white-space: nowrap;
  z-index: 141;
}
.flex-row-bfc {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 241px;
  height: 14px;
  margin: 14px 0 0 51px;
  z-index: 148;
}
.day-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: 142;
}
.day-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: 143;
}
.day-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: 144;
}
.day-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: 145;
}
.day-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: 146;
}
.day-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: 147;
}
.day-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: 148;
}
.flex-row-c {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 237px;
  height: 14px;
  margin: 20px 0 0 51px;
  z-index: 161;
}
.day-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: 149;
}
.day-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: 150;
}
.day-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: 157;
}
.day-30-28 {
  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: 158;
}
.day-31-29 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  width: 10px;
  height: 14px;
  color: #000000;
  font-family: Circular Std, var(--default-font-family);
  font-size: 11px;
  font-weight: 450;
  line-height: 13.915px;
  text-align: center;
  white-space: nowrap;
  z-index: 159;
}
.day-1-2a {
  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: 160;
}
.day-2-2b {
  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: 161;
}
.flex-row-fa {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 277px;
  height: 29px;
  margin: 50px 0 0 37px;
  z-index: 106;
}
.rectangle-2c {
  flex-shrink: 0;
  position: relative;
  width: 135px;
  height: 29px;
  background: #00a89c;
  z-index: 105;
  border-radius: 3px;
}
.time-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: 151;
}
.time-09-30-am-10-00-am {
  flex-shrink: 0;
  position: relative;
  width: 135px;
  height: 29px;
  border: 1px solid #c4c4c4;
  z-index: 106;
  border-radius: 3px;
}
.flex-row-2d {
  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: 152;
}
.rectangle-2e {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 277px;
  height: 29px;
  margin: 8px 0 0 37px;
  z-index: 108;
}
.time-10-00-am-10-30-am {
  flex-shrink: 0;
  position: relative;
  width: 135px;
  height: 29px;
  border: 1px solid #c4c4c4;
  z-index: 107;
  border-radius: 3px;
}
.rectangle-2f {
  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: 153;
}
.time-10-30-am-11-00-am {
  flex-shrink: 0;
  position: relative;
  width: 135px;
  height: 29px;
  border: 1px solid #c4c4c4;
  z-index: 108;
  border-radius: 3px;
}
.flex-row-d-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: 154;
}
.rectangle-31 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 277px;
  height: 29px;
  margin: 8px 0 0 37px;
  z-index: 110;
}
.time-11-00-am-11-30-am {
  flex-shrink: 0;
  position: relative;
  width: 135px;
  height: 29px;
  border: 1px solid #c4c4c4;
  z-index: 109;
  border-radius: 3px;
}
.rectangle-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: 155;
}
.time-11-30-am-12-00-pm {
  flex-shrink: 0;
  position: relative;
  width: 135px;
  height: 29px;
  border: 1px solid #c4c4c4;
  z-index: 110;
  border-radius: 3px;
}
.group-33 {
  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: 156;
}
.rectangle-34 {
  position: absolute;
  width: 5.63%;
  height: 13.98%;
  top: 23.39%;
  left: 57.38%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/LAKK0hKif1.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 222;
}
.rectangle-35 {
  position: absolute;
  width: 28.9%;
  height: 49.73%;
  top: 24.87%;
  left: 2.31%;
  background: #ffffff;
  z-index: 91;
  border-radius: 10px;
  box-shadow: 0 0 40px 0 rgba(0, 168, 156, 0.2);
}
.make-appointment-36 {
  position: relative;
  width: 476px;
  height: 60px;
  margin: 0 0 0 0;
  background: #00a89c;
  z-index: 101;
  border-radius: 10px 10px 0 0;
}
.flex-row-bf {
  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: 101;
}
.mask-group-37 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 416px;
  height: 144px;
  margin: 36px 0 0 30px;
  z-index: 99;
}
.img-1a {
  flex-shrink: 0;
  position: relative;
  width: 198px;
  height: 144px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/RPY8HLHz1K.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 92;
}
.mask-group-38 {
  flex-shrink: 0;
  position: relative;
  width: 198px;
  height: 144px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/hfE1sZRkcp.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 99;
}
.flex-row-e {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 353px;
  height: 23px;
  margin: 16px 0 0 30px;
  z-index: 94;
}
.bridal-make-up {
  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: 93;
}
.hair-treatment {
  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: 94;
}
.flex-row-eb {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 363px;
  height: 8px;
  margin: 17px 0 0 30px;
  z-index: 97;
}
.rectangle-39 {
  flex-shrink: 0;
  position: relative;
  width: 145px;
  height: 8px;
  background: #cccccc;
  z-index: 97;
  border-radius: 10px;
}
.rectangle-3a {
  flex-shrink: 0;
  position: relative;
  width: 145px;
  height: 8px;
  background: #cccccc;
  z-index: 95;
  border-radius: 10px;
}
.flex-row-fd {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 345px;
  height: 8px;
  margin: 8px 0 0 30px;
  z-index: 98;
}
.rectangle-3b {
  flex-shrink: 0;
  position: relative;
  width: 127px;
  height: 8px;
  background: #cccccc;
  z-index: 98;
  border-radius: 10px;
}
.rectangle-3c {
  flex-shrink: 0;
  position: relative;
  width: 127px;
  height: 8px;
  background: #cccccc;
  z-index: 96;
  border-radius: 10px;
}
.avail-more-booking {
  position: absolute;
  width: 486px;
  height: 8.33%;
  top: 39.78%;
  left: 57.38%;
  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: 217;
}
.avail {
  position: relative;
  color: #00a89c;
  font-family: Roboto, var(--default-font-family);
  font-size: 55px;
  font-weight: 900;
  line-height: 62px;
  text-align: left;
}
.more-booking {
  position: relative;
  color: #000000;
  font-family: Roboto, var(--default-font-family);
  font-size: 55px;
  font-weight: 900;
  line-height: 62px;
  text-align: left;
}
.group-3d {
  position: absolute;
  width: 19.76%;
  height: 6.66%;
  top: 49.46%;
  left: 57.38%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-25/45504890-f31b-41ff-accc-766d10c81ab5.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 215;
  overflow: hidden;
}
.with-our-intuitive {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 699px;
  height: 15.05%;
  top: 59.68%;
  left: 57.56%;
  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: 216;
}
.union-3e {
  position: absolute;
  width: 9.5%;
  height: 19.49%;
  top: 63.04%;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/DZDfJnbP0f.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 90;
}
.rectangle-3f {
  position: absolute;
  width: 18.7%;
  height: 26.61%;
  top: 70.03%;
  left: 9.78%;
  font-size: 0px;
  background: #ffd74b;
  z-index: 165;
  border-radius: 10px;
}
.reminder-notification {
  display: block;
  position: relative;
  height: 21px;
  margin: 30px 0 0 30px;
  color: #000000;
  font-family: Roboto, var(--default-font-family);
  font-size: 18px;
  font-weight: 500;
  line-height: 21px;
  text-align: left;
  white-space: nowrap;
  z-index: 166;
}
.automated-email-text {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 259px;
  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: 167;
}
.ellipse-40 {
  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/7kyTF35Y6E.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 171;
  border-radius: 50%;
}
.lorem-ipsum {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 488px;
  height: 11.29%;
  top: 80.51%;
  left: 59.87%;
  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: 221;
}
.group-41 {
  position: absolute;
  width: 1.3%;
  height: 2.15%;
  top: 81.32%;
  left: 57.38%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/j0KPHLhuhh.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 219;
}
.group-42 {
  position: absolute;
  width: 1.3%;
  height: 2.15%;
  top: 88.84%;
  left: 57.38%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/XRNAx8kU04.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 220;
}
.group-43 {
  position: absolute;
  width: 4.25%;
  height: 9.41%;
  top: 90.59%;
  left: 25.38%;
  font-size: 0px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/PzXzKynjuM.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 169;
}
.text-54 {
  display: block;
  position: relative;
  height: 14px;
  margin: 7px 0 0 5px;
  color: #000000;
  font-family: Roboto, var(--default-font-family);
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  text-align: left;
  white-space: nowrap;
  z-index: 172;
}
.icon {
  position: relative;
  width: 33.71px;
  height: 31px;
  margin: -1px 0 0 19px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/V3qsNPLhEw.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 223;
}
.rectangle-44 {
  position: relative;
  width: 1920px;
  height: 933.442px;
  margin: 167px 0 0 0;
  background: #eaf7f6;
  z-index: 173;
}
.flex-column-ec {
  position: absolute;
  width: 42.19%;
  height: 78.74%;
  top: 9.64%;
  left: 50%;
  z-index: 282;
}
.points-bg-45 {
  position: absolute;
  width: 32.72%;
  height: 30.88%;
  top: 0;
  left: 56.91%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/V8LftEcKGz.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 226;
}
.rectangle-46 {
  position: absolute;
  width: 44.44%;
  height: 87.07%;
  top: 9.25%;
  left: 29.14%;
  background: #ffffff;
  z-index: 229;
  border-radius: 20px;
  box-shadow: 0 0 40px 0 rgba(0, 168, 156, 0.2);
}
.mask-group-47 {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 230;
  -webkit-mask-image: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/NDLCDaE2a6.png);
  -webkit-mask-size: cover;
}
.group-48 {
  position: absolute;
  width: 111.7%;
  height: 101.36%;
  top: -0.63%;
  left: -5.94%;
  z-index: 231;
}
.vector-49 {
  position: absolute;
  width: 89.52%;
  height: 98.65%;
  top: 0;
  left: 4.08%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-25/3e65b766-5976-485f-9604-b48da0fc8939.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 232;
}
.group-4a {
  position: absolute;
  width: 90.77%;
  height: 9.71%;
  top: 0;
  left: 4.08%;
  z-index: 254;
}
.rectangle-4b {
  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/bde59f84-a85c-43bc-8119-8625de52c246.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 255;
}
.group-4c {
  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/91235bb4-e675-45e0-b4e3-d9e918eda152.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 256;
}
.component {
  position: absolute;
  width: 9.17%;
  height: 52.38%;
  top: 23.81%;
  left: 74.72%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-25/022c7c24-afdb-4699-bc1f-bdcfc0adb680.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 257;
}
.group-4d {
  position: absolute;
  width: 18.18%;
  height: 29.37%;
  top: 36.51%;
  left: 7.06%;
  z-index: 258;
}
.text-55 {
  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: 259;
}
.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/58d7dcee-63b9-4eb0-ba15-6428ced3c70a.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 260;
}
.cloud-nine-salon {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 3.39%;
  top: 13.72%;
  left: 10.05%;
  color: #484848;
  font-family: Bahnschrift, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 21.604px;
  text-align: left;
  white-space: nowrap;
  z-index: 233;
}
.group-4e {
  position: absolute;
  width: 38.79%;
  height: 22.51%;
  top: 21.89%;
  left: 9.55%;
  z-index: 234;
}
.mask-group-4f {
  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/80700509-3f36-45c2-b126-c5a474fa4c56.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 238;
}
.skin {
  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: 236;
}
.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: 237;
  overflow: hidden;
}
.rectangle-50 {
  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/67ad6061-fa6d-432b-9e88-adecc67dd26d.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 235;
}
.group-51 {
  position: absolute;
  width: 38.79%;
  height: 22.51%;
  top: 21.89%;
  left: 51.82%;
  z-index: 244;
}
.mask-group-52 {
  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/47d1c470-3e4e-4f36-9649-d5dcfa874ecb.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 248;
}
.hair {
  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: 246;
}
.lorem-ipsum-dolor-53 {
  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: 247;
  overflow: hidden;
}
.rectangle-54 {
  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/0a0c0485-6592-4b11-b12c-dac67ed0cf1b.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 245;
}
.group-55 {
  position: absolute;
  width: 38.79%;
  height: 22.51%;
  top: 47.48%;
  left: 9.55%;
  z-index: 239;
}
.mask-group-56 {
  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/5e8ccb8b-0c1c-4472-9da8-f229c32fd30a.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 243;
}
.make-up {
  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: 241;
}
.lorem-ipsum-dolor-57 {
  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: 242;
  overflow: hidden;
}
.rectangle-58 {
  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/58ec518a-0208-4818-9b26-b1dbe6598622.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 240;
}
.group-59 {
  position: absolute;
  width: 38.79%;
  height: 22.51%;
  top: 47.48%;
  left: 51.82%;
  z-index: 249;
}
.mask-group-5a {
  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/270148df-833c-4627-b97a-fc820fca8ca1.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 253;
}
.pedicure-manicure {
  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: 251;
}
.lorem-ipsum-dolor-5b {
  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: 252;
  overflow: hidden;
}
.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/6f00dd87-1dbe-47ea-95bd-181bb58ec238.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 250;
}
.group-5d {
  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/default/image/2026-02-25/e3a6d147-3ac7-402b-b026-5c33f28db2f4.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 262;
}
.path-5e {
  position: absolute;
  width: 100%;
  height: 13.22%;
  top: 86.78%;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-25/fc2dd58d-acc5-4bc1-9479-8d4c2d8abd28.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 261;
}
.group-5f {
  position: absolute;
  width: 7.96%;
  height: 6.23%;
  top: 89.71%;
  left: 12.61%;
  z-index: 263;
}
.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/d82f57c0-55cb-424f-9642-4af6ce75ad25.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 264;
}
.home-60 {
  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: 265;
}
.group-61 {
  position: absolute;
  width: 16.91%;
  height: 6.23%;
  top: 89.71%;
  left: 30.69%;
  opacity: 0.5;
  z-index: 266;
}
.icon-feather-calendar {
  position: relative;
  width: 18.328px;
  height: 20.363px;
  margin: 0 0 0 24.973px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2026-02-25/7553c7a5-b55d-4583-9ca2-9d7cc10babd4.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 267;
}
.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: 268;
}
.group-62 {
  position: absolute;
  width: 10.94%;
  height: 6.23%;
  top: 89.71%;
  left: 56.87%;
  opacity: 0.5;
  z-index: 269;
}
.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/tnDOzxsJm1.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 270;
}
.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: 271;
}
.rectangle-63 {
  position: absolute;
  width: 33.7%;
  height: 42.99%;
  top: 32.65%;
  left: 66.3%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/A9dCdcHpZ3.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 282;
  border-radius: 15px;
}
.flex-column-ed {
  position: absolute;
  width: 99.63%;
  height: 81.65%;
  top: 4.75%;
  left: 0.37%;
  font-size: 0px;
  z-index: 287;
}
.category {
  display: block;
  position: relative;
  height: 23px;
  margin: 0 0 0 26px;
  color: #000000;
  font-family: Bahnschrift, var(--default-font-family);
  font-size: 19px;
  font-weight: 400;
  line-height: 22.804px;
  text-align: left;
  white-space: nowrap;
  z-index: 283;
}
.line-64 {
  position: relative;
  width: 272px;
  height: 1px;
  margin: 16px 0 0 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/YyHvyR4nMK.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 284;
}
.ellipse-65 {
  position: relative;
  width: 56px;
  height: 56px;
  margin: 10px 0 0 26px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/BmDWBGm8eD.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 285;
  border-radius: 50%;
}
.ellipse-66 {
  position: relative;
  width: 56px;
  height: 56px;
  margin: 20px 0 0 26px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/YDVHWEPKOT.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 286;
  border-radius: 50%;
}
.ellipse-67 {
  position: relative;
  width: 56px;
  height: 56px;
  margin: 20px 0 0 26px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/N1TEgVSkDa.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 287;
  border-radius: 50%;
}
.flex-column-b {
  position: absolute;
  width: 49.45%;
  height: 61.71%;
  top: 22.78%;
  left: 35.53%;
  font-size: 0px;
  z-index: 299;
}
.skin-68 {
  display: block;
  position: relative;
  height: 20px;
  margin: 0 0 0 0;
  color: #000000;
  font-family: Bahnschrift, var(--default-font-family);
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  white-space: nowrap;
  z-index: 289;
}
.rectangle-69 {
  position: relative;
  width: 132px;
  height: 5px;
  margin: 7px 0 0 0;
  background: #ffffff;
  z-index: 290;
  border-radius: 20px;
}
.rectangle-6a {
  position: relative;
  width: 75px;
  height: 5px;
  margin: 6px 0 0 0;
  background: #ffffff;
  z-index: 291;
  border-radius: 20px;
}
.hair-6b {
  display: block;
  position: relative;
  height: 20px;
  margin: 33px 0 0 0;
  color: #000000;
  font-family: Bahnschrift, var(--default-font-family);
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  white-space: nowrap;
  z-index: 293;
}
.rectangle-6c {
  position: relative;
  width: 132px;
  height: 5px;
  margin: 7px 0 0 0;
  background: #ffffff;
  z-index: 294;
  border-radius: 20px;
}
.rectangle-6d {
  position: relative;
  width: 75px;
  height: 5px;
  margin: 6px 0 0 0;
  background: #ffffff;
  z-index: 295;
  border-radius: 20px;
}
.makeup {
  display: block;
  position: relative;
  height: 20px;
  margin: 33px 0 0 3px;
  color: #000000;
  font-family: Bahnschrift, var(--default-font-family);
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  white-space: nowrap;
  z-index: 297;
}
.rectangle-6e {
  position: relative;
  width: 132px;
  height: 5px;
  margin: 7px 0 0 3px;
  background: #ffffff;
  z-index: 298;
  border-radius: 20px;
}
.rectangle-6f {
  position: relative;
  width: 75px;
  height: 5px;
  margin: 6px 0 0 3px;
  background: #ffffff;
  z-index: 299;
  border-radius: 20px;
}
.union-70 {
  position: absolute;
  width: 14.42%;
  height: 18.09%;
  top: 49.25%;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/arVz8QWnsJ.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 225;
}
.rectangle-71 {
  position: absolute;
  width: 33.21%;
  height: 42.99%;
  top: 57.01%;
  left: 6.79%;
  background: #ffffff;
  z-index: 274;
  border-radius: 15px;
  box-shadow: 0 4px 40px 0 rgba(0, 168, 156, 0.3);
}
.mask-group-72 {
  position: relative;
  width: 107px;
  height: 107px;
  margin: 26px 0 0 81px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/0CwhissLnH.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 275;
}
.hair-styling {
  display: block;
  position: relative;
  height: 24px;
  margin: 23px 0 0 82px;
  color: #000000;
  font-family: Bahnschrift, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 276;
}
.line-73 {
  position: relative;
  width: 201px;
  height: 1px;
  margin: 15px 0 0 34px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/654z8kzYX8.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 278;
}
.duration-rs {
  display: block;
  position: relative;
  height: 18px;
  margin: 17px 0 0 49px;
  color: #595959;
  font-family: Roboto, var(--default-font-family);
  font-size: 15px;
  font-weight: 400;
  line-height: 17.578px;
  text-align: left;
  white-space: nowrap;
  z-index: 277;
}
.rectangle-74 {
  position: relative;
  width: 130px;
  height: 36px;
  margin: 20px 0 0 70px;
  background: #f04589;
  z-index: 279;
  border-radius: 5px;
}
.book-now {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 63.89%;
  top: 19.44%;
  left: 21.54%;
  color: #ffffff;
  font-family: Poppins, var(--default-font-family);
  font-size: 15px;
  font-weight: 500;
  line-height: 22.5px;
  text-align: left;
  white-space: nowrap;
  z-index: 280;
}
.flex-column-ce {
  position: absolute;
  width: 33.75%;
  height: 57.21%;
  top: 20.14%;
  left: 7.97%;
  z-index: 186;
}
.clock {
  position: relative;
  width: 78px;
  height: 78px;
  margin: 0 0 0 0px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/xKSH2jGXKo.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 186;
  overflow: hidden;
}
.salon-management {
  position: relative;
  width: 482px;
  height: 62px;
  margin: 25px 0 0 0px;
  font-family: Roboto, var(--default-font-family);
  font-size: 55px;
  font-weight: 700;
  line-height: 62px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 185;
}
.salon-75 {
  position: relative;
  color: #00a89c;
  font-family: Roboto, var(--default-font-family);
  font-size: 55px;
  font-weight: 900;
  line-height: 62px;
  text-align: left;
}
.management {
  position: relative;
  color: #0e0e0e;
  font-family: Roboto, var(--default-font-family);
  font-size: 55px;
  font-weight: 900;
  line-height: 62px;
  text-align: left;
}
.group-76 {
  position: relative;
  width: 325.476px;
  height: 49.58px;
  margin: 2px 0 0 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/xf48q4wRbs.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 183;
  overflow: hidden;
}
.salon-manage-everything {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 645px;
  height: 142px;
  margin: 34.42px 0 0 3px;
  color: #565657;
  font-family: Roboto, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 28.125px;
  text-align: left;
  letter-spacing: 0.24px;
  z-index: 184;
}
.lorem-ipsum-77 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 488px;
  height: 15.73%;
  top: 85.39%;
  left: 6.33%;
  color: #000000;
  font-family: Roboto, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 28.125px;
  text-align: left;
  letter-spacing: 0.24px;
  z-index: 179;
}
.group-78 {
  position: absolute;
  width: 3.29%;
  height: 3%;
  top: 86.52%;
  left: 0%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/awMupLfvyA.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 177;
}
.group-79 {
  position: absolute;
  width: 3.29%;
  height: 3%;
  top: 97%;
  left: 0%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/8RnxWxDpve.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 178;
}
.beauty-wellness-appointment {
  position: relative;
  width: 991px;
  height: 140px;
  margin: 170.558px 0 0 149px;
  font-family: Roboto, var(--default-font-family);
  font-size: 60px;
  font-weight: 700;
  line-height: 70px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 300;
}
.our-beauty-wellness {
  position: relative;
  color: #00a89c;
  font-family: Roboto, var(--default-font-family);
  font-size: 60px;
  font-weight: 700;
  line-height: 70px;
  text-align: left;
}
.scheduling-features {
  position: relative;
  color: #0e0e0e;
  font-family: Roboto, var(--default-font-family);
  font-size: 60px;
  font-weight: 700;
  line-height: 70px;
  text-align: left;
}
.group-7a {
  position: relative;
  width: 357.02px;
  height: 50.105px;
  margin: 5px 0 0 149.265px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/xveKJ6yRsA.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 301;
  overflow: hidden;
}
.flex-row-eba {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 1620px;
  height: 408px;
  margin: 45.895px 0 0 151px;
  z-index: 312;
}
.rectangle-7b {
  flex-shrink: 0;
  position: relative;
  width: 791px;
  height: 408px;
  background: #ffffff;
  z-index: 302;
  border-radius: 10px;
  box-shadow: 0 0 40px 0 rgba(0, 168, 156, 0.2);
}
.flex-column-bcb {
  position: absolute;
  width: 44.9%;
  height: 57.84%;
  top: 16.42%;
  left: 45.51%;
  font-size: 0px;
  z-index: 304;
}
.beauty-salon-management {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 321.96px;
  height: 70.809px;
  margin: 0 0 0 0;
  color: #000000;
  font-family: Roboto, var(--default-font-family);
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  text-align: left;
  z-index: 303;
}
.manage-rostering-appointments {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 355.152px;
  height: 134.98px;
  margin: 30.191px 0 0 0;
  color: #565657;
  font-family: Roboto, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: left;
  z-index: 304;
}
.flex-column {
  position: absolute;
  width: 28.58%;
  height: 54.17%;
  top: 18.87%;
  left: 10.49%;
  z-index: 323;
}
.ellipse-7c {
  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/z7L8yU82Li.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 322;
  border-radius: 50%;
}
.web-security {
  position: absolute;
  width: 21.23%;
  height: 21.72%;
  top: 11.31%;
  left: 68.57%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/kBTheOPGNb.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 323;
  overflow: hidden;
}
.mask-group-7d {
  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/NS7WjRAaaw.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 321;
}
.rectangle-7e {
  flex-shrink: 0;
  position: relative;
  width: 791px;
  height: 408px;
  background: #ffffff;
  z-index: 312;
  border-radius: 10px;
  box-shadow: 0 0 40px 0 rgba(0, 168, 156, 0.2);
}
.flex-column-7f {
  position: absolute;
  width: 44.9%;
  height: 57.84%;
  top: 16.42%;
  left: 45.51%;
  font-size: 0px;
  z-index: 314;
}
.beauty-salon-marketing {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 321.96px;
  height: 70.809px;
  margin: 0 0 0 0;
  color: #000000;
  font-family: Roboto, var(--default-font-family);
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  text-align: left;
  z-index: 313;
}
.fill-last-minute {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 355.152px;
  height: 134.98px;
  margin: 30.191px 0 0 0;
  color: #565657;
  font-family: Roboto, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: left;
  z-index: 314;
}
.flex-column-fccf {
  position: absolute;
  width: 28.58%;
  height: 54.17%;
  top: 18.87%;
  left: 10.49%;
  z-index: 326;
}
.ellipse-80 {
  position: absolute;
  width: 41.6%;
  height: 42.55%;
  top: 0;
  left: 58.4%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/NUFwT1EPDb.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 325;
  border-radius: 50%;
}
.megaphone {
  position: absolute;
  width: 26.54%;
  height: 27.15%;
  top: 7.69%;
  left: 65.92%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/8s46VBWB4K.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 326;
  overflow: hidden;
}
.mask-group-81 {
  position: absolute;
  width: 84.05%;
  height: 85.07%;
  top: 14.93%;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/9MGDuSUG7t.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 324;
}
.flex-row-bc {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 1620px;
  height: 408px;
  margin: 40px 0 0 151px;
  z-index: 315;
}
.rectangle-82 {
  flex-shrink: 0;
  position: relative;
  width: 791px;
  height: 408px;
  background: #ffffff;
  z-index: 305;
  border-radius: 10px;
  box-shadow: 0 0 40px 0 rgba(0, 168, 156, 0.2);
}
.flex-column-fdb {
  position: absolute;
  width: 44.9%;
  height: 57.84%;
  top: 16.42%;
  left: 45.51%;
  font-size: 0px;
  z-index: 308;
}
.clever-customer-tracking {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 321.96px;
  height: 70.809px;
  margin: 0 0 0 0;
  color: #000000;
  font-family: Roboto, var(--default-font-family);
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  text-align: left;
  z-index: 307;
}
.spoil-your-clients {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 355.152px;
  height: 134.98px;
  margin: 30.191px 0 0 0;
  color: #565657;
  font-family: Roboto, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: left;
  z-index: 308;
}
.flex-column-ce-83 {
  position: absolute;
  width: 28.58%;
  height: 54.17%;
  top: 18.87%;
  left: 10.49%;
  z-index: 328;
}
.ellipse-84 {
  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/sGF9qGB660.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 327;
  border-radius: 50%;
}
.group-85 {
  position: absolute;
  width: 20.35%;
  height: 18.16%;
  top: 12.22%;
  left: 69.01%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/udb0vdg4qq.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 328;
}
.mask-group-86 {
  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/PH2LqYmkXg.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 306;
}
.rectangle-87 {
  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);
}
.flex-column-a {
  position: absolute;
  width: 45.89%;
  height: 57.84%;
  top: 16.42%;
  left: 45.51%;
  font-size: 0px;
  z-index: 317;
}
.sms-email-appointment {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 321.96px;
  height: 70.809px;
  margin: 0 0 0 0;
  color: #000000;
  font-family: Roboto, var(--default-font-family);
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  text-align: left;
  z-index: 316;
}
.eliminate-lateness {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 363px;
  height: 135px;
  margin: 30.191px 0 0 0;
  color: #565657;
  font-family: Roboto, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: left;
  z-index: 317;
}
.flex-column-88 {
  position: absolute;
  width: 28.58%;
  height: 54.17%;
  top: 18.87%;
  left: 10.49%;
  z-index: 331;
}
.ellipse-89 {
  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/W7QUpiaq8i.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 330;
  border-radius: 50%;
}
.group-8a {
  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/C6ZfZMiX5J.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 331;
}
.mask-group-8b {
  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/wPOWLEFSaq.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 329;
}
.flex-row-d-8c {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 1620px;
  height: 408px;
  margin: 40px 0 0 150px;
  z-index: 318;
}
.rectangle-8d {
  flex-shrink: 0;
  position: relative;
  width: 791px;
  height: 408px;
  background: #ffffff;
  z-index: 309;
  border-radius: 10px;
  box-shadow: 0 0 40px 0 rgba(0, 168, 156, 0.2);
}
.flex-column-eebb {
  position: absolute;
  width: 44.88%;
  height: 64.71%;
  top: 16.42%;
  left: 45.51%;
  font-size: 0px;
  z-index: 311;
}
.full-flexible-accounting {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 321.96px;
  height: 70.809px;
  margin: 0 0 0 0;
  color: #000000;
  font-family: Roboto, var(--default-font-family);
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  text-align: left;
  z-index: 310;
}
.beauty-salons-complicated {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 355px;
  height: 163px;
  margin: 30.191px 0 0 0;
  color: #565657;
  font-family: Roboto, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: left;
  z-index: 311;
}
.flex-column-fd {
  position: absolute;
  width: 28.58%;
  height: 54.17%;
  top: 18.87%;
  left: 10.49%;
  z-index: 334;
}
.ellipse-8e {
  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/edXQ43kOLL.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 333;
  border-radius: 50%;
}
.statistics {
  position: absolute;
  width: 22.12%;
  height: 22.62%;
  top: 9.5%;
  left: 68.13%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/f1SA054V6A.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 334;
  overflow: hidden;
}
.mask-group-8f {
  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/shmEDeFNTf.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 332;
}
.rectangle-90 {
  flex-shrink: 0;
  position: relative;
  width: 791px;
  height: 408px;
  background: #ffffff;
  z-index: 318;
  border-radius: 10px;
  box-shadow: 0 0 40px 0 rgba(0, 168, 156, 0.2);
}
.flex-column-cba {
  position: absolute;
  width: 45.89%;
  height: 57.84%;
  top: 16.42%;
  left: 45.51%;
  font-size: 0px;
  z-index: 320;
}
.salon-appointment-app {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 321.96px;
  height: 70.809px;
  margin: 0 0 0 0;
  color: #000000;
  font-family: Roboto, var(--default-font-family);
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  text-align: left;
  z-index: 319;
}
.branded-app {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 363px;
  height: 135px;
  margin: 30.191px 0 0 0;
  color: #565657;
  font-family: Roboto, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: left;
  z-index: 320;
}
.flex-column-db {
  position: absolute;
  width: 28.58%;
  height: 54.17%;
  top: 18.87%;
  left: 10.49%;
  z-index: 337;
}
.ellipse-91 {
  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/X4J05STSvN.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 336;
  border-radius: 50%;
}
.group-92 {
  position: absolute;
  width: 14.75%;
  height: 22.62%;
  top: 9.95%;
  left: 71.67%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/BRirLhYReR.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 337;
}
.mask-group-93 {
  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/jArfOX2zca.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 335;
}
.testimonials-from-customers {
  position: relative;
  width: 644px;
  height: 140px;
  margin: 314px 0 0 202px;
  font-family: Roboto, var(--default-font-family);
  font-size: 60px;
  font-weight: 700;
  line-height: 70px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 338;
}
.testimonials {
  position: relative;
  color: #00a89c;
  font-family: Roboto, var(--default-font-family);
  font-size: 60px;
  font-weight: 700;
  line-height: 70px;
  text-align: left;
}
.from-our-customers {
  position: relative;
  color: #0e0e0e;
  font-family: Roboto, var(--default-font-family);
  font-size: 60px;
  font-weight: 700;
  line-height: 70px;
  text-align: left;
}
.path-94 {
  position: relative;
  width: 323.662px;
  height: 23.06px;
  margin: 3.767px 0 0 202.941px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/ahthkQxsWa.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 365;
  overflow: visible auto;
}
.path-95 {
  position: relative;
  width: 320.989px;
  height: 14.808px;
  margin: -2.026px 0 0 -0.61px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/NLt3fXpOF5.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 364;
}
.flex-row-e-96 {
  position: relative;
  width: 1620px;
  height: 71px;
  margin: 13.174px 0 0 201px;
  z-index: 366;
}
.group-97 {
  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/dwQFxZQjBe.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 366;
}
.lorem-ipsum-98 {
  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: 339;
}
.flex-row-de-99 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 2127px;
  height: 378px;
  margin: 90px 0 0 -101px;
  z-index: 357;
}
.rectangle-9a {
  flex-shrink: 0;
  position: relative;
  width: 689px;
  height: 378px;
  font-size: 0px;
  background: #ffd74b;
  z-index: 349;
  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: 351;
}
.jobhunt-testimonial {
  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: 354;
  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: 352;
}
.mask-group-9b {
  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/A92RmfnLCb.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 355;
}
.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: 353;
}
.rectangle-9c {
  flex-shrink: 0;
  position: relative;
  width: 689px;
  height: 378px;
  font-size: 0px;
  background: #ffd74b;
  z-index: 341;
  border-radius: 10px;
}
.awesome-design-9d {
  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: 343;
}
.jobhunt-testimonial-9e {
  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: 346;
  overflow: hidden;
}
.nicole-wells-9f {
  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: 344;
}
.mask-group-a0 {
  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/qcVnn4nioU.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 347;
}
.design-a1 {
  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: 345;
}
.rectangle-a2 {
  flex-shrink: 0;
  position: relative;
  width: 689px;
  height: 378px;
  font-size: 0px;
  background: #ffd74b;
  z-index: 357;
  border-radius: 10px;
}
.awesome-design-a3 {
  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: 359;
}
.jobhunt-testimonial-a4 {
  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: 362;
  overflow: hidden;
}
.nicole-wells-a5 {
  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: 360;
}
.mask-group-a6 {
  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/auEeXN8nPX.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 363;
}
.design-a7 {
  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: 361;
}
.flex-row-ea {
  position: relative;
  width: 1937px;
  height: 1245px;
  margin: 187.441px 0 0 0;
  z-index: 21;
}
.rectangle-a8 {
  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/gm3dUd6iS5.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 20;
}
.give-it-a-go {
  position: relative;
  width: 589px;
  height: 140px;
  margin: 99px 0 0 665px;
  font-family: Roboto, var(--default-font-family);
  font-size: 60px;
  font-weight: 700;
  line-height: 70.313px;
  text-align: center;
  z-index: 22;
}
.enough-said {
  position: relative;
  color: #00a89c;
  font-family: Roboto, var(--default-font-family);
  font-size: 60px;
  font-weight: 700;
  line-height: 70.313px;
  text-align: center;
}
.give-it-a-go-a9 {
  position: relative;
  color: #0e0e0e;
  font-family: Roboto, var(--default-font-family);
  font-size: 60px;
  font-weight: 700;
  line-height: 70.313px;
  text-align: center;
}
.hands-on-experience {
  display: block;
  position: relative;
  height: 29px;
  margin: 53px 0 0 522px;
  color: #747373;
  font-family: Roboto, var(--default-font-family);
  font-size: 25px;
  font-weight: 400;
  line-height: 29px;
  text-align: left;
  white-space: nowrap;
  z-index: 23;
}
.rectangle-aa {
  position: relative;
  width: 709px;
  height: 80px;
  margin: 76.559px 0 0 611px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/CpXtLVrd0O.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 25;
}
.rectangle-ab {
  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/rootYmDsCf.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 26;
}
.get-started-ac {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 40.63%;
  top: 26.56%;
  left: 22.55%;
  color: #ffffff;
  font-family: Roboto, var(--default-font-family);
  font-size: 22px;
  font-weight: 400;
  line-height: 25.781px;
  text-align: left;
  white-space: nowrap;
  z-index: 28;
}
.enter-email {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 32.5%;
  top: 33.75%;
  left: 4.23%;
  color: #747373;
  font-family: Roboto, var(--default-font-family);
  font-size: 22px;
  font-weight: 400;
  line-height: 25.781px;
  text-align: left;
  white-space: nowrap;
  z-index: 27;
}
.flex-row-eea {
  position: relative;
  width: 1103px;
  height: 29px;
  margin: 66.441px 0 0 260px;
  z-index: 37;
}
.phone-number {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  color: #0e0e0e;
  font-family: Roboto, var(--default-font-family);
  font-size: 25px;
  font-weight: 500;
  line-height: 29px;
  text-align: left;
  white-space: nowrap;
  z-index: 31;
}
.email {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 100%;
  top: 0;
  left: 45.24%;
  color: #0e0e0e;
  font-family: Roboto, var(--default-font-family);
  font-size: 25px;
  font-weight: 500;
  line-height: 29px;
  text-align: left;
  white-space: nowrap;
  z-index: 34;
}
.address {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 100%;
  top: 0;
  left: 91.57%;
  color: #0e0e0e;
  font-family: Roboto, var(--default-font-family);
  font-size: 25px;
  font-weight: 500;
  line-height: 29px;
  text-align: left;
  white-space: nowrap;
  z-index: 37;
}
.flex-row-b {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 1404px;
  height: 29px;
  margin: 16px 0 0 260px;
  z-index: 38;
}
.phone-number-ad {
  flex-shrink: 0;
  position: relative;
  height: 29px;
  color: #747373;
  font-family: Roboto, var(--default-font-family);
  font-size: 25px;
  font-weight: 400;
  line-height: 29px;
  text-align: left;
  white-space: nowrap;
  z-index: 32;
}
.email-ae {
  flex-shrink: 0;
  position: relative;
  height: 29px;
  color: #747373;
  font-family: Roboto, var(--default-font-family);
  font-size: 25px;
  font-weight: 400;
  line-height: 29px;
  text-align: left;
  white-space: nowrap;
  z-index: 35;
}
.address-af {
  flex-shrink: 0;
  position: relative;
  height: 29px;
  color: #747373;
  font-family: Roboto, var(--default-font-family);
  font-size: 25px;
  font-weight: 400;
  line-height: 29px;
  text-align: left;
  white-space: nowrap;
  z-index: 38;
}
.group-b0 {
  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/0ifT0e3uMR.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 55;
}
.arrow-right {
  position: absolute;
  width: 0.83%;
  height: 2.67%;
  top: 4.3%;
  left: 99.17%;
  z-index: 2;
  overflow: hidden;
}
.rectangle-b1 {
  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/pFgzNL1FUb.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 21;
}
.flex-row-c-b2 {
  position: relative;
  width: 1603px;
  height: 53.441px;
  margin: 76.559px 0 0 149px;
  z-index: 368;
}
.image-b3 {
  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/tWeKq12Gtb.png)
    no-repeat center;
  background-size: cover;
  z-index: 368;
}
.product {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 65.49%;
  top: 33.68%;
  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: 47;
}
.features {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 65.49%;
  top: 33.68%;
  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: 52;
}
.connect-with-us {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 65.49%;
  top: 34.51%;
  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: 43;
}
.group-b4 {
  position: absolute;
  width: 1.56%;
  height: 29.94%;
  top: 52.39%;
  left: 37.55%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/BGi0HrtSq6.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 49;
}
.group-b5 {
  position: absolute;
  width: 1.56%;
  height: 29.94%;
  top: 52.39%;
  left: 58.89%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/Oe1GcZ7KjY.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 54;
}
.flex-row-ed {
  position: relative;
  width: 1582.279px;
  height: 261.984px;
  margin: 30.016px 0 0 152px;
  z-index: 53;
}
.group-b6 {
  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/5aUSmx6W05.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 44;
}
.navigation-links {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 123px;
  height: 95.43%;
  top: 4.57%;
  left: 37.86%;
  color: #ffffff;
  font-family: Roboto, var(--default-font-family);
  font-size: 25px;
  font-weight: 400;
  line-height: 50px;
  text-align: left;
  text-overflow: initial;
  z-index: 48;
  overflow: hidden;
}
.benefits {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 233px;
  height: 76.34%;
  top: 4.57%;
  left: 59.47%;
  color: #ffffff;
  font-family: Roboto, var(--default-font-family);
  font-size: 25px;
  font-weight: 400;
  line-height: 50px;
  text-align: left;
  text-overflow: initial;
  z-index: 53;
  overflow: hidden;
}
.online-booking {
  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: 40;
  overflow: hidden;
}
.rectangle-b7 {
  position: relative;
  width: 1921px;
  height: 92px;
  margin: 0 0 0 1px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/iRqTvgeFpW.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 18;
}
.copyright {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 31.52%;
  top: 32.61%;
  left: 43.21%;
  color: #ffffff;
  font-family: Roboto, var(--default-font-family);
  font-size: 25px;
  font-weight: 400;
  line-height: 29px;
  text-align: left;
  white-space: nowrap;
  z-index: 19;
}
.seventeen-banner-shape {
  position: absolute;
  width: 106.46%;
  height: 23.03%;
  top: -4.23%;
  left: 27.4%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/BQD9CzL6vp.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 3;
}
.rectangle-b8 {
  position: absolute;
  width: 100%;
  height: 1.73%;
  top: -0.01%;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/dhgDx2ZWmD.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 371;
}
.rectangle-b9 {
  position: absolute;
  width: 100%;
  height: 9.83%;
  top: 12.56%;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/jhRDySKHVS.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 57;
}
.rectangle-ba {
  position: absolute;
  width: 100%;
  height: 7.21%;
  top: 12.56%;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/qVkPaDxc2T.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 58;
}
.vector-bb {
  position: absolute;
  width: 101.04%;
  height: 1.03%;
  top: 22.4%;
  left: -1.04%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/LeWhO5PsBf.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 56;
}
.vector-bc {
  position: absolute;
  width: 100%;
  height: 1.16%;
  top: 46.31%;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/y2rg8rGDgf.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 174;
}
.rectangle-bd {
  position: absolute;
  width: 100%;
  height: 18.45%;
  top: 52.11%;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-25/4TwwAdVnaA.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 1;
}