/*
Theme Name: IKIIKI CLUB Original Theme
URI: http://ikiiki-odate.com/
Description: NPO法人いきいきクラブのオリジナルテーマ
Version: 1.0
Author: Mana Author
URI: http://ikiiki-odate.com/
*/

: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;
}
body{
  background: url(image/bg01.jpg) no-repeat center;
  background-size: cover;
  background-attachment: fixed;
}

.main-container {
  overflow: hidden;
}

.main-container,
.main-container * {
  box-sizing: border-box;
}

input,
select,
textarea,
button {
  outline: 0;
}

.main-container {
  position: relative;
  width: 376px;
/*  height: 15230px; */
  height: 12030px;
  margin: 0 auto;
  background: none;
  z-index:1;
}
.header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  position: relative;
  width: 376px;
  height: 76px;
  margin: 0 0 0 0;
  padding: 0 0 0 10px;
  background: #ffffff;
  z-index: 669;
}
.image-club {
  flex-shrink: 0;
  position: relative;
  width: 326px;
  height: 56px;
  background: url(image/logo.jpg)
    no-repeat center;
  background-size: cover;
  z-index: 670;
  overflow: hidden;
}
.menu-button {
  display: flex;
  display: none;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  width: 35.998px;
  height: 35.998px;
  padding: 0 0.01px 0 0;
  z-index: 671;
  border-radius: 8px;
}
.icon {
  flex-shrink: 0;
  position: relative;
  width: 15.993px;
  height: 15.993px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-13/4Nqi3FuiHa.png)
    no-repeat center;
  background-size: cover;
  z-index: 672;
  overflow: hidden;
}
.app {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  position: relative;
  margin-top:-100px;
  width: 376px;
  height: 15154px;
  top: 76px;
  left: 0;
  background: #ffffff;
}
.main-content {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  height: 14660px;
  z-index: 1;
}
.hero {
  position: relative;
  width: 376px;
  height: 647px;
  margin: 12px 0 0 0;
  z-index: 2;
  overflow: hidden;
}
.container {
  position: relative;
  width: 376.314px;
  height: 503.932px;
  margin: 97.078px 0 0 0;
  z-index: 4;
}
.text {
  position: relative;
  width: 198.096px;
  height: 36.764px;
  margin: 0px 0 0 89.103px;
  background: rgba(255, 255, 255, 0.2);
  z-index: 5;
  border-radius: 24905300px;
}
.npo-club {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 179px;
  height: 24px;
  top: 4.991px;
  left: 9.995px;
  color: #ffffff;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
  white-space: nowrap;
  z-index: 6;
}
.heading {
  position: relative;
  width: 344.328px;
  height: 179.981px;
  margin: 17.744px 0 0 15.993px;
  font-size: 0px;
  z-index: 7;
  overflow: visible auto;
}
.live-support {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 287px;
  height: 60px;
  margin: -5.227px 0 0 28.728px;
  color: #ffffff;
  font-family: Arimo, var(--default-font-family);
  font-size: 48px;
  font-weight: 400;
  line-height: 60px;
  text-align: center;
  white-space: nowrap;
  z-index: 8;
}
.community-support {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 288px;
  height: 60px;
  margin: -0.01px 0 0 27.772px;
  color: #ffffff;
  font-family: Arimo, var(--default-font-family);
  font-size: 48px;
  font-weight: 400;
  line-height: 60px;
  text-align: center;
  white-space: nowrap;
  z-index: 9;
}
.local-community {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 144px;
  height: 60px;
  margin: -0.01px 0 0 100.586px;
  color: #ffffff;
  font-family: Arimo, var(--default-font-family);
  font-size: 48px;
  font-weight: 400;
  line-height: 60px;
  text-align: center;
  white-space: nowrap;
  z-index: 10;
}
.paragraph {
  position: relative;
  width: 344.328px;
  height: 65.015px;
  margin: 31.997px 0 0 15.993px;
  z-index: 11;
}
.salon-support {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 359px;
  height: 65px;
  top: -0.06px;
  left: -7.993px;
  color: #ffffff;
  font-family: Arimo, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 32.5px;
  text-align: center;
  text-overflow: initial;
  z-index: 12;
  overflow: hidden;
}
.container-1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 15.993px;
  position: relative;
  width: 344.328px;
  height: 130.947px;
  margin: 47.99px 0 0 15.993px;
  z-index: 13;
}
.button-2 {
  flex-shrink: 0;
  position: relative;
  width: 344.328px;
  height: 55.992px;
  background: #009944;
  z-index: 14;
  border-radius: 24905300px;
  box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.1);
}
.view-services {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 24px;
  top: 14.477px;
  left: 40px;
  color: #ffffff;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 15;
}
.contact-us {
  flex-shrink: 0;
  position: relative;
  width: 344.328px;
  height: 58.961px;
  background: rgba(255, 255, 255, 0.2);
  border: 1.484px solid #ffffff;
  z-index: 16;
  border-radius: 24905300px;
}
.contact {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 24px;
  top: 14.477px;
  left: 40px;
  color: #ffffff;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 17;
}
.button-3 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  position: relative;
  width: 40px;
  height: 40px;
  margin: 79.237px 0 0 168.157px;
  z-index: 18;
}
.icon-4 {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  height: 40px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-13/ZPtOvnrz5E.png)
    no-repeat center;
  background-size: cover;
  z-index: 19;
  overflow: hidden;
}
.image-fallback {
  position: absolute;
  width: 376px;
  height: 724px;
  top: -77px;
  left: 0;
  background: url(image/hero.png)
    no-repeat center;
  background-size: cover;
  z-index: 3;
  overflow: hidden;
}
.news {
  position: relative;
  width: 376.314px;
  height: 1722.892px;
  margin: 0px 0 0 10px;
  background: #ffffff;
  z-index: 187;
  overflow: hidden;
}
.container-5 {
  position: absolute;
  width: 383.991px;
  height: 383.991px;
  top: 0;
  left: 0;
  background: rgba(0, 153, 68, 0.05);
  filter: blur(64px);
  z-index: 188;
  border-radius: 24905300px;
}
.container-6 {
  position: absolute;
  width: 376.314px;
  height: 1530.908px;
  top: 95.992px;
  left: 0;
  z-index: 190;
}
.container-7 {
  position: relative;
  width: 344.328px;
  height: 115.998px;
  margin: 0 0 0 15.993px;
  z-index: 191;
  overflow: visible auto;
}
.text-8 {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  position: relative;
  width: 46.541px;
  height: 20.783px;
  margin: 1.484px 0 0 148.888px;
  z-index: 192;
}
.news-9 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 51px;
  height: 24px;
  color: #009944;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  letter-spacing: 0.8px;
  z-index: 193;
}
.heading-a {
  position: relative;
  width: 344.328px;
  height: 24.007px;
  margin: 17.733px 0 0 0;
  z-index: 194;
}
.announcement {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 64px;
  height: 24px;
  top: -1.516px;
  left: 140.246px;
  color: #009944;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
  white-space: nowrap;
  z-index: 195;
}
.paragraph-b {
  position: relative;
  width: 344.328px;
  height: 27.996px;
  margin: 23.995px 0 0 0;
  z-index: 196;
}
.latest-news {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 342px;
  height: 28px;
  top: -1.515px;
  left: 1.443px;
  color: #495565;
  font-family: Arimo, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  text-align: center;
  white-space: nowrap;
  z-index: 197;
}
.container-c {
  position: relative;
  width: 344.328px;
  height: auto;
  margin: 63.995px 0 55px 15.993px;
  z-index: 198;
  overflow: visible auto;
}
.container-news {
  position: relative;
  display: block;
  width: 344.328px;
  height: auto;
  margin: 0 0 50px 0;
  background: #ffffff;
  z-index: 199;
  overflow: hidden;
  border-radius: 16px;
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.1);
  text-decoration: none;
  padding-bottom: 20px;
}
.container-e {
  position: relative;
  width: 344.328px;
  height: 7.991px;
  margin: 0 0 0 0;
  background: #009944;
  z-index: 200;
}
.container-news-detail {
  position: relative;
  width: 344.328px;
  height: auto;
  margin: 0px 0 0 0;
  z-index: 201;
  overflow: visible auto;
  text-align: center;
}
.container-news-detail .attachment-post-thumbnail{
  margin: 10px auto;
}
.container-10 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 11.992px;
  position: relative;
  width: 280.333px;
  height: 24.007px;
  margin: 31.998px 0 0 31.997px;
  z-index: 202;
}
.icon-11 {
  flex-shrink: 0;
  position: relative;
  width: 15.993px;
  height: 15.993px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-13/XfVXisFD9C.png)
    no-repeat center;
  background-size: cover;
  z-index: 203;
  overflow: hidden;
}
.text-12 {
  flex-shrink: 0;
  position: relative;
  width: 116.972px;
  height: 24.007px;
  z-index: 204;
}
.date {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 24px;
  top: -1.516px;
  left: 0;
  color: #697282;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 205;
}
.salon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 4px;
  position: relative;
  padding: 2px 8px 2px 8px;
  background: #009944;
  border: 0.74px solid rgba(0, 0, 0, 0);
  z-index: 206;
  overflow: hidden;
  border-radius: 8px;
}
.heading-13 {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 16px;
  color: #ffffff;
  font-family: Arimo, var(--default-font-family);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  text-align: left;
  white-space: nowrap;
  z-index: 207;
}
.event-announcement {
  position: relative;
  width: 280.333px;
  height: 56.016px;
  margin: 15.993px 0 0 31.997px;
  z-index: 208;
}
.paragraph-14 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 280px;
  height: 56px;
  top: -3px;
  left: 0;
  color: #101727;
  font-family: Arimo, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: left;
  z-index: 209;
}
.music-event {
  position: relative;
  width: 280.333px;
  height: 78.004px;
  margin: 15.993px 0 0 31.997px;
  z-index: 210;
}
.music-event-details {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 278px;
  height: 78px;
  top: -1.773px;
  left: 0;
  color: #495565;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  text-align: left;
  z-index: 211;
}
.container-more-detail {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 7.991px;
  position: relative;
  width: 280.333px;
  height: 24.007px;
  margin: 133.995px 0 0 31.997px;
  z-index: 212;
}
.text-16 {
  flex-shrink: 0;
  position: relative;
  width: 74.957px;
  height: 24.007px;
  z-index: 213;
}
.read-more {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 24px;
  top: -1.515px;
  left: 0;
  color: #99a1ae;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 214;
}
.icon-17 {
  flex-shrink: 0;
  position: relative;
  width: 15.993px;
  height: 15.993px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-13/1F18Txiy7T.png)
    no-repeat center;
  background-size: cover;
  z-index: 215;
  overflow: hidden;
}
.container-18 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 0px;
  position: relative;
  width: 344.328px;
  height: 281.992px;
  margin: 31.997px 0 0 0;
  background: #ffffff;
  z-index: 216;
  overflow: hidden;
  border-radius: 16px;
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.1);
}
.container-19 {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  height: 7.991px;
  background: #2b7fff;
  z-index: 217;
}
.container-1a {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  height: 274.001px;
  z-index: 218;
}
.container-1b {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 11.992px;
  position: relative;
  width: 280.333px;
  height: 24.007px;
  margin: 31.998px 0 0 31.997px;
  z-index: 219;
}
.icon-1c {
  flex-shrink: 0;
  position: relative;
  width: 15.993px;
  height: 15.993px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-13/fv6O7NEOWP.png)
    no-repeat center;
  background-size: cover;
  z-index: 220;
  overflow: hidden;
}
.text-1d {
  flex-shrink: 0;
  position: relative;
  width: 116.972px;
  height: 24.007px;
  z-index: 221;
}
.date-1e {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 24px;
  top: -1.516px;
  left: 0;
  color: #697282;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 222;
}
.announcement-1f {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 4px;
  position: relative;
  width: 58.544px;
  height: 21.478px;
  padding: 2px 8px 2px 8px;
  background: #2b7fff;
  border: 0.74px solid rgba(0, 0, 0, 0);
  z-index: 223;
  overflow: hidden;
  border-radius: 8px;
}
.heading-20 {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 16px;
  color: #ffffff;
  font-family: Arimo, var(--default-font-family);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  text-align: left;
  white-space: nowrap;
  z-index: 224;
}
.volunteer-recruitment {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  position: relative;
  width: 280.333px;
  height: 28.008px;
  margin: 15.993px 0 0 31.997px;
  z-index: 225;
}
.paragraph-21 {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  min-width: 0;
  height: 28px;
  color: #101727;
  font-family: Arimo, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: left;
  white-space: nowrap;
  z-index: 226;
}
.volunteer-recruitment-details {
  position: relative;
  width: 280.333px;
  height: 78.004px;
  margin: 15.993px 0 0 31.997px;
  z-index: 227;
}
.volunteer-opportunity {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 277px;
  height: 78px;
  top: -1.773px;
  left: 0;
  color: #495565;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  text-align: left;
  z-index: 228;
}
.container-22 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 7.991px;
  position: relative;
  width: 280.333px;
  height: 24.007px;
  margin: 23.995px 0 0 31.997px;
  z-index: 229;
}
.text-23 {
  flex-shrink: 0;
  position: relative;
  width: 74.957px;
  height: 24.007px;
  z-index: 230;
}
.read-more-24 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 24px;
  top: -1.516px;
  left: 0;
  color: #99a1ae;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 231;
}
.icon-25 {
  flex-shrink: 0;
  position: relative;
  width: 15.993px;
  height: 15.993px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-13/kSnJfVtu0T.png)
    no-repeat center;
  background-size: cover;
  z-index: 232;
  overflow: hidden;
}
.container-26 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 0px;
  position: relative;
  width: 344.328px;
  height: 281.992px;
  margin: 31.998px 0 0 0;
  background: #ffffff;
  z-index: 233;
  overflow: hidden;
  border-radius: 16px;
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.1);
}
.container-27 {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  height: 7.991px;
  background: #009944;
  z-index: 234;
}
.container-28 {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  height: 274.001px;
  z-index: 235;
}
.container-29 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 11.992px;
  position: relative;
  width: 280.333px;
  height: 24.007px;
  margin: 31.997px 0 0 31.997px;
  z-index: 236;
}
.icon-2a {
  flex-shrink: 0;
  position: relative;
  width: 15.993px;
  height: 15.993px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-13/2CC9ACwETJ.png)
    no-repeat center;
  background-size: cover;
  z-index: 237;
  overflow: hidden;
}
.text-2b {
  flex-shrink: 0;
  position: relative;
  width: 108.343px;
  height: 24.007px;
  z-index: 238;
}
.date-2c {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 24px;
  top: -1.516px;
  left: 0;
  color: #697282;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 239;
}
.salon-2d {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 4px;
  position: relative;
  width: 45.566px;
  height: 21.478px;
  padding: 2px 8px 2px 8px;
  background: #009944;
  border: 0.74px solid rgba(0, 0, 0, 0);
  z-index: 240;
  overflow: hidden;
  border-radius: 8px;
}
.heading-2e {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 16px;
  color: #ffffff;
  font-family: Arimo, var(--default-font-family);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  text-align: left;
  white-space: nowrap;
  z-index: 241;
}
.group-b {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  position: relative;
  width: 280.333px;
  height: 56.008px;
  margin: 15.993px 0 0 31.997px;
  z-index: 242;
}
.health-exercise-class {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  position: relative;
  width: 280.333px;
  min-width: 0;
  height: 56px;
  color: #101727;
  font-family: Arimo, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: left;
  z-index: 243;
}
.paragraph-2f {
  position: relative;
  width: 280.333px;
  height: 78.004px;
  margin: 15.993px 0 0 31.997px;
  z-index: 244;
}
.physical-therapy-class {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 276px;
  height: 78px;
  top: -1.773px;
  left: 0;
  color: #495565;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  text-align: left;
  z-index: 245;
}
.container-30 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 7.991px;
  position: relative;
  width: 280.333px;
  height: 24.007px;
  margin: 23.995px 0 0 31.997px;
  z-index: 246;
}
.text-31 {
  flex-shrink: 0;
  position: relative;
  width: 74.957px;
  height: 24.007px;
  z-index: 247;
}
.read-more-32 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 24px;
  top: -1.515px;
  left: 0;
  color: #99a1ae;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 248;
}
.icon-33 {
  flex-shrink: 0;
  position: relative;
  width: 15.993px;
  height: 15.993px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-13/6tLobdonH2.png)
    no-repeat center;
  background-size: cover;
  z-index: 249;
  overflow: hidden;
}
.container-34 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 0px;
  position: relative;
  width: 344.328px;
  height: 281.992px;
  margin: 31.997px 0 0 0;
  background: #ffffff;
  z-index: 250;
  overflow: hidden;
  border-radius: 16px;
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.1);
}
.container-35 {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  height: 7.991px;
  background: #e09612;
  z-index: 251;
}
.container-36 {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  height: 274.001px;
  z-index: 252;
}
.container-37 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 11.992px;
  position: relative;
  width: 280.333px;
  height: 24.007px;
  margin: 31.998px 0 0 31.997px;
  z-index: 253;
}
.icon-38 {
  flex-shrink: 0;
  position: relative;
  width: 15.993px;
  height: 15.993px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-13/JcYAfhimma.png)
    no-repeat center;
  background-size: cover;
  z-index: 254;
  overflow: hidden;
}
.text-39 {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  position: relative;
  min-width: 0;
  height: 24.007px;
  z-index: 255;
}
.date-3a {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 24px;
  top: -1.516px;
  left: 0;
  color: #697282;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 256;
}
.event {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 4px;
  position: relative;
  width: 54.044px;
  height: 21.478px;
  padding: 2px 8px 2px 8px;
  background: #e09612;
  border: 0.74px solid rgba(0, 0, 0, 0);
  z-index: 257;
  overflow: hidden;
  border-radius: 8px;
}
.heading-3b {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 16px;
  color: #ffffff;
  font-family: Arimo, var(--default-font-family);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  text-align: left;
  white-space: nowrap;
  z-index: 258;
}
.elders-day-event {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  position: relative;
  width: 280.333px;
  height: 56.008px;
  margin: 15.993px 0 0 31.997px;
  z-index: 259;
}
.paragraph-3c {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  position: relative;
  width: 280.333px;
  min-width: 0;
  height: 56px;
  color: #101727;
  font-family: Arimo, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: left;
  z-index: 260;
}
.community-event {
  position: relative;
  width: 280.333px;
  height: 78.004px;
  margin: 15.993px 0 0 31.997px;
  z-index: 261;
}
.container-3d {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 275px;
  height: 78px;
  top: -1.773px;
  left: 0;
  color: #495565;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  text-align: left;
  z-index: 262;
}
.text-3e {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 7.991px;
  position: relative;
  width: 280.333px;
  height: 24.007px;
  margin: 23.995px 0 0 31.997px;
  z-index: 263;
}
.read-more-3f {
  flex-shrink: 0;
  position: relative;
  width: 74.957px;
  height: 24.007px;
  z-index: 264;
}
.icon-40 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 24px;
  top: -1.516px;
  left: 0;
  color: #99a1ae;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 265;
}
.button-41 {
  flex-shrink: 0;
  position: relative;
  width: 15.993px;
  height: 15.993px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-13/fOayvJGjvU.png)
    no-repeat center;
  background-size: cover;
  z-index: 266;
  overflow: hidden;
}
.text-42 {
  position: relative;
  width: 240.113px;
  height: 50.959px;
  margin: 47.99px 0 0 68.1px;
  border: 1.484px solid #009944;
  z-index: 267;
  border-radius: 24905300px;
}
.see-all-notifications {
  position: absolute;
  width: 145.165px;
  height: 24.007px;
  top: 11.992px;
  left: 31.997px;
  z-index: 268;
}
.icon-43 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 24px;
  top: -1.515px;
  left: 0;
  color: #009944;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 269;
}
.container-44 {
  position: absolute;
  width: 19.994px;
  height: 19.994px;
  top: 14.617px;
  left: 206.415px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-13/ha1z6o09LL.png)
    no-repeat center;
  background-size: cover;
  z-index: 270;
  overflow: hidden;
}
.testimonial {
  position: relative;
  width: 378px;
  height: 2060px;
  margin: 0px 0 0 10px;
  background: #f9fafb;
  z-index: 271;
  overflow: hidden;
}
.container-46 {
  position: absolute;
  width: 384px;
  height: 384px;
  top: 0;
  left: -6px;
  background: rgba(0, 153, 68, 0.05);
  filter: blur(64px);
  z-index: 272;
  border-radius: 22369600px;
}
.container-47 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 64px;
  position: absolute;
  width: 378px;
  height: 1900px;
  top: 80px;
  left: 0;
  padding: 0 16px 0 16px;
  z-index: 274;
}
.text-48 {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  height: 144px;
  z-index: 275;
}
.testimonials-49 {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  position: relative;
  width: 116.073px;
  height: 21.333px;
  margin: 1.333px 0 0 114.958px;
  z-index: 276;
}
.heading-4a {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 127px;
  height: 24px;
  color: #009944;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  letter-spacing: 0.8px;
  z-index: 277;
}
.user-feedback {
  position: relative;
  width: 346px;
  height: 24px;
  margin: 17.334px 0 0 0;
  z-index: 278;
}
.paragraph-4b {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 80px;
  height: 24px;
  top: -1.667px;
  left: 133.469px;
  color: #101727;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
  white-space: nowrap;
  z-index: 279;
}
.lively-club-feedback {
  position: relative;
  width: 346px;
  height: 56px;
  margin: 24px 0 0 0;
  z-index: 280;
}
.container-4c {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 336px;
  height: 84px;
  top: -1px;
  left: 5.229px;
  color: #495565;
  font-family: Arimo, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  text-align: center;
  z-index: 281;
}
.container-4d {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  height: 1328px;
  z-index: 282;
}
.container-4e {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  position: relative;
  background: #ffffff;
  z-index: 283;
  overflow: hidden;
  border-radius: 16px;
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.1);
  margin-bottom:20px;
}
.container-4f {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  height: 8px;
  background: #009944;
  z-index: 284;
}
.container-50 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 24px;
  position: relative;
  height: 300px;
  padding: 32px 32px 0 32px;
  z-index: 285;
}
.container-51 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  height: 64px;
  z-index: 286;
}
.heading-52 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  gap: 8px;
  position: relative;
  height: 64px;
  z-index: 287;
}
.tanaka-hanako {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  height: 28px;
  z-index: 288;
}
.container-53 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 28px;
  top: -2.333px;
  left: 0;
  color: #101727;
  font-family: Arimo, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: left;
  white-space: nowrap;
  z-index: 289;
}
.text-54 {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 12px;
  position: relative;
  height: 28px;
  z-index: 290;
}
.age {
  flex-shrink: 0;
  position: relative;
  width: 29.094px;
  height: 20px;
  z-index: 291;
}
.salon-usage {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 20px;
  top: -1.333px;
  left: 0;
  color: #495565;
  font-family: Arimo, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  white-space: nowrap;
  z-index: 292;
}
.text-55 {
  flex-shrink: 0;
  position: relative;
  width: 5.688px;
  height: 20px;
  z-index: 293;
}
.bullet-point {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 20px;
  top: -1.333px;
  left: 0;
  color: #99a1ae;
  font-family: Arimo, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  white-space: nowrap;
  z-index: 294;
}
.text-56 {
  flex-shrink: 0;
  position: relative;
  width: 84px;
  height: 28px;
  background: #009944;
  z-index: 295;
  border-radius: 22369600px;
}
.satisfactory-salon {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 20px;
  top: 2.667px;
  left: 12px;
  color: #ffffff;
  font-family: Arimo, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  white-space: nowrap;
  z-index: 296;
}
.container-57 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  width: 48px;
  height: 48px;
  background: rgba(0, 153, 68, 0.08);
  z-index: 297;
  border-radius: 22369600px;
}
.icon-58 {
  flex-shrink: 0;
  position: relative;
  width: 24px;
  height: 24px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-13/yt75D0UpnD.png)
    no-repeat center;
  background-size: cover;
  z-index: 298;
  overflow: hidden;
}
.paragraph-59 {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  height: 104px;
  z-index: 299;
}
.satisfactory-salon-5a {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 232px;
  height: 130px;
  top: -2px;
  left: 0;
  color: #354152;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  text-align: left;
  z-index: 300;
}
.container-5b {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 4px;
  position: relative;
  height: 20px;
  z-index: 301;
}
.icon-5c {
  flex-shrink: 0;
  position: relative;
  width: 20px;
  height: 20px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-13/Pgk4KPq2kA.png)
    no-repeat center;
  background-size: cover;
  z-index: 302;
  overflow: hidden;
}
.icon-5d {
  flex-shrink: 0;
  position: relative;
  width: 20px;
  height: 20px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-13/H15Hsp7WSS.png)
    no-repeat center;
  background-size: cover;
  z-index: 303;
  overflow: hidden;
}
.icon-5e {
  flex-shrink: 0;
  position: relative;
  width: 20px;
  height: 20px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-13/bh2iYC9JF0.png)
    no-repeat center;
  background-size: cover;
  z-index: 304;
  overflow: hidden;
}
.icon-5f {
  flex-shrink: 0;
  position: relative;
  width: 20px;
  height: 20px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-13/gArCm5S53s.png)
    no-repeat center;
  background-size: cover;
  z-index: 305;
  overflow: hidden;
}
.icon-60 {
  flex-shrink: 0;
  position: relative;
  width: 20px;
  height: 20px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-13/hhEnZo2Roq.png)
    no-repeat center;
  background-size: cover;
  z-index: 306;
  overflow: hidden;
}
.container-61 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  position: relative;
  height: auto;
  background: #ffffff;
  z-index: 307;
  overflow: hidden;
  border-radius: 16px;
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.1);
  margin-bottom:20px;
}
.container-62 {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  height: 8px;
  background: #e09612;
  z-index: 308;
}
.container-63 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 24px;
  position: relative;
  height: 300px;
  padding: 32px 32px 0 32px;
  z-index: 309;
}
.container-64 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  height: 64px;
  z-index: 310;
}
.container-65 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  gap: 8px;
  position: relative;
  height: 64px;
  z-index: 311;
}
.heading-66 {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  height: 28px;
  z-index: 312;
}
.sato-ichiro {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 28px;
  top: -2.333px;
  left: 0;
  color: #101727;
  font-family: Arimo, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: left;
  white-space: nowrap;
  z-index: 313;
}
.container-67 {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 12px;
  position: relative;
  height: 28px;
  z-index: 314;
}
.text-68 {
  flex-shrink: 0;
  position: relative;
  width: 29.094px;
  height: 20px;
  z-index: 315;
}
.age-69 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 20px;
  top: -1.333px;
  left: 0;
  color: #495565;
  font-family: Arimo, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  white-space: nowrap;
  z-index: 316;
}
.text-6a {
  flex-shrink: 0;
  position: relative;
  width: 5.688px;
  height: 20px;
  z-index: 317;
}
.bullet-point-6b {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 20px;
  top: -1.333px;
  left: 0;
  color: #99a1ae;
  font-family: Arimo, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  white-space: nowrap;
  z-index: 318;
}
.text-6c {
  flex-shrink: 0;
  position: relative;
  width: 113.5px;
  height: 28px;
  background: #e09612;
  z-index: 319;
  border-radius: 22369600px;
}
.paid-volunteer {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 20px;
  top: 2.667px;
  left: 12px;
  color: #ffffff;
  font-family: Arimo, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  white-space: nowrap;
  z-index: 320;
}
.container-6d {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  width: 48px;
  height: 48px;
  background: rgba(224, 150, 18, 0.08);
  z-index: 321;
  border-radius: 22369600px;
}
.icon-6e {
  flex-shrink: 0;
  position: relative;
  width: 24px;
  height: 24px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-13/O7y5jdzOtn.png)
    no-repeat center;
  background-size: cover;
  z-index: 322;
  overflow: hidden;
}
.paragraph-6f {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  height: 104px;
  z-index: 323;
}
.span-tag {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 238px;
  height: 130px;
  top: -2px;
  left: 0;
  color: #354152;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  text-align: left;
  z-index: 324;
}
.container-70 {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 4px;
  position: relative;
  height: 20px;
  z-index: 325;
}
.icon-71 {
  flex-shrink: 0;
  position: relative;
  width: 20px;
  height: 20px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-13/SMQGszDLVT.png)
    no-repeat center;
  background-size: cover;
  z-index: 326;
  overflow: hidden;
}
.icon-72 {
  flex-shrink: 0;
  position: relative;
  width: 20px;
  height: 20px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-13/BpUkVS9Num.png)
    no-repeat center;
  background-size: cover;
  z-index: 327;
  overflow: hidden;
}
.icon-73 {
  flex-shrink: 0;
  position: relative;
  width: 20px;
  height: 20px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-13/42RVQ9dgqS.png)
    no-repeat center;
  background-size: cover;
  z-index: 328;
  overflow: hidden;
}
.icon-74 {
  flex-shrink: 0;
  position: relative;
  width: 20px;
  height: 20px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-13/cT1UxUySZW.png)
    no-repeat center;
  background-size: cover;
  z-index: 329;
  overflow: hidden;
}
.icon-75 {
  flex-shrink: 0;
  position: relative;
  width: 20px;
  height: 20px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-13/wijuHNxe8W.png)
    no-repeat center;
  background-size: cover;
  z-index: 330;
  overflow: hidden;
}
.container-76 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  position: relative;
  height: auto;
  background: #ffffff;
  z-index: 331;
  overflow: hidden;
  border-radius: 16px;
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.1);
  margin-bottom:20px;
}
.container-77 {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  height: 8px;
  background: #009944;
  z-index: 332;
}
.container-78 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 24px;
  position: relative;
  height: 300px;
  padding: 32px 32px 0 32px;
  z-index: 333;
}
.container-79 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  height: 64px;
  z-index: 334;
}
.container-7a {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  gap: 8px;
  position: relative;
  height: 64px;
  z-index: 335;
}
.heading-7b {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  height: 28px;
  z-index: 336;
}
.span-tag-7c {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 28px;
  top: -2.333px;
  left: 0;
  color: #101727;
  font-family: Arimo, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: left;
  white-space: nowrap;
  z-index: 337;
}
.container-7d {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 12px;
  position: relative;
  height: 28px;
  z-index: 338;
}
.text-7e {
  flex-shrink: 0;
  position: relative;
  width: 29.094px;
  height: 20px;
  z-index: 339;
}
.age-7f {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 20px;
  top: -1.333px;
  left: 0;
  color: #495565;
  font-family: Arimo, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  white-space: nowrap;
  z-index: 340;
}
.bullet {
  flex-shrink: 0;
  position: relative;
  width: 5.688px;
  height: 20px;
  z-index: 341;
}
.text-80 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 20px;
  top: -1.333px;
  left: 0;
  color: #99a1ae;
  font-family: Arimo, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  white-space: nowrap;
  z-index: 342;
}
.salon-usage-81 {
  flex-shrink: 0;
  position: relative;
  width: 84px;
  height: 28px;
  background: #009944;
  z-index: 343;
  border-radius: 22369600px;
}
.container-82 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 20px;
  top: 2.667px;
  left: 12px;
  color: #ffffff;
  font-family: Arimo, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  white-space: nowrap;
  z-index: 344;
}
.icon-83 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  width: 48px;
  height: 48px;
  background: rgba(0, 153, 68, 0.08);
  z-index: 345;
  border-radius: 22369600px;
}
.paragraph-84 {
  flex-shrink: 0;
  position: relative;
  width: 24px;
  height: 24px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-13/hJHATy6hn1.png)
    no-repeat center;
  background-size: cover;
  z-index: 346;
  overflow: hidden;
}
.span-tag-85 {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  height: 104px;
  z-index: 347;
}
.container-86 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 232px;
  height: 130px;
  top: -2px;
  left: 0;
  color: #354152;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  text-align: left;
  z-index: 348;
}
.icon-87 {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 4px;
  position: relative;
  height: 20px;
  z-index: 349;
}
.icon-88 {
  flex-shrink: 0;
  position: relative;
  width: 20px;
  height: 20px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-13/xiSKcW88Rk.png)
    no-repeat center;
  background-size: cover;
  z-index: 350;
  overflow: hidden;
}
.icon-89 {
  flex-shrink: 0;
  position: relative;
  width: 20px;
  height: 20px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-13/38ZQ5P0p1J.png)
    no-repeat center;
  background-size: cover;
  z-index: 351;
  overflow: hidden;
}
.icon-8a {
  flex-shrink: 0;
  position: relative;
  width: 20px;
  height: 20px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-13/2AsC0UKAp9.png)
    no-repeat center;
  background-size: cover;
  z-index: 352;
  overflow: hidden;
}
.icon-8b {
  flex-shrink: 0;
  position: relative;
  width: 20px;
  height: 20px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-13/N6sPKAuKqA.png)
    no-repeat center;
  background-size: cover;
  z-index: 353;
  overflow: hidden;
}
.container-8c {
  flex-shrink: 0;
  position: relative;
  width: 20px;
  height: 20px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-13/svJWRuZvsf.png)
    no-repeat center;
  background-size: cover;
  z-index: 354;
  overflow: hidden;
}
.container-8d {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  position: relative;
  height: auto;
  background: #ffffff;
  z-index: 355;
  overflow: hidden;
  border-radius: 16px;
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.1);
  margin-bottom:20px;
}
.container-8e {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  height: 8px;
  background: #e09612;
  z-index: 356;
}
.container-8f {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 24px;
  position: relative;
  height: 300px;
  padding: 32px 32px 0 32px;
  z-index: 357;
}
.container-90 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  height: 64px;
  z-index: 358;
}
.heading-91 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  gap: 8px;
  position: relative;
  height: 64px;
  z-index: 359;
}
.span-tag-92 {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  height: 28px;
  z-index: 360;
}
.container-93 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 28px;
  top: -2.333px;
  left: 0;
  color: #101727;
  font-family: Arimo, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: left;
  white-space: nowrap;
  z-index: 361;
}
.text-94 {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 12px;
  position: relative;
  height: 28px;
  z-index: 362;
}
.age-95 {
  flex-shrink: 0;
  position: relative;
  width: 29.094px;
  height: 20px;
  z-index: 363;
}
.bullet-96 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 20px;
  top: -1.333px;
  left: 0;
  color: #495565;
  font-family: Arimo, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  white-space: nowrap;
  z-index: 364;
}
.text-97 {
  flex-shrink: 0;
  position: relative;
  width: 5.688px;
  height: 20px;
  z-index: 365;
}
.paid-volunteer-98 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 20px;
  top: -1.333px;
  left: 0;
  color: #99a1ae;
  font-family: Arimo, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  white-space: nowrap;
  z-index: 366;
}
.container-99 {
  flex-shrink: 0;
  position: relative;
  width: 113.5px;
  height: 28px;
  background: #e09612;
  z-index: 367;
  border-radius: 22369600px;
}
.icon-9a {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 20px;
  top: 2.667px;
  left: 12px;
  color: #ffffff;
  font-family: Arimo, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  white-space: nowrap;
  z-index: 368;
}
.paragraph-9b {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  width: 48px;
  height: 48px;
  background: rgba(224, 150, 18, 0.08);
  z-index: 369;
  border-radius: 22369600px;
}
.span-tag-9c {
  flex-shrink: 0;
  position: relative;
  width: 24px;
  height: 24px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-13/9t03gw6Pt4.png)
    no-repeat center;
  background-size: cover;
  z-index: 370;
  overflow: hidden;
}
.container-9d {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  height: 104px;
  z-index: 371;
}
.container-9e {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 232px;
  height: 130px;
  top: -2px;
  left: 0;
  color: #354152;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  text-align: left;
  z-index: 372;
}
.container-9f {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 4px;
  position: relative;
  height: 20px;
  z-index: 373;
}
.container-a0 {
  flex-shrink: 0;
  position: relative;
  width: 20px;
  height: 20px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-13/2UUqevy5V6.png)
    no-repeat center;
  background-size: cover;
  z-index: 374;
  overflow: hidden;
}
.container-a1 {
  flex-shrink: 0;
  position: relative;
  width: 20px;
  height: 20px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-13/AScvffJ74L.png)
    no-repeat center;
  background-size: cover;
  z-index: 375;
  overflow: hidden;
}
.heading-a2 {
  flex-shrink: 0;
  position: relative;
  width: 20px;
  height: 20px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-13/EgXR34uCfa.png)
    no-repeat center;
  background-size: cover;
  z-index: 376;
  overflow: hidden;
}
.span-tag-a3 {
  flex-shrink: 0;
  position: relative;
  width: 20px;
  height: 20px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-13/ySXYL4Wip1.png)
    no-repeat center;
  background-size: cover;
  z-index: 377;
  overflow: hidden;
}
.container-a4 {
  flex-shrink: 0;
  position: relative;
  width: 20px;
  height: 20px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-13/7a9fQhSMtD.png)
    no-repeat center;
  background-size: cover;
  z-index: 378;
  overflow: hidden;
}
.text-a5 {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  height: 300px;
  background: rgba(255, 255, 255, 0);
  z-index: 379;
  overflow: hidden;
  border-radius: 24px;
  box-shadow: 0 25px 50px 0 rgba(0, 0, 0, 0.25);
}
.image-with-fallback {
  position: absolute;
  width: 346px;
  height: 300px;
  top: 0;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-13/OcbNq2ygGP.png)
    no-repeat center;
  background-size: cover;
  z-index: 380;
  overflow: hidden;
}
.container-a6 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  position: absolute;
  width: 346px;
  height: 300px;
  top: 0;
  left: 0;
  background: linear-gradient(
    90deg,
    rgba(0, 152, 68, 0.9),
    rgba(224, 150, 18, 0.9)
  );
  z-index: 381;
}
.container-a7 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 16px;
  position: relative;
  width: 346px;
  height: 144px;
  padding: 0 16px 0 16px;
  z-index: 382;
}
.heading-a8 {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  height: 72px;
  z-index: 383;
}
.span-tag-a9 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 311px;
  height: 72px;
  top: -3px;
  left: 1.656px;
  color: #ffffff;
  font-family: Arimo, var(--default-font-family);
  font-size: 30px;
  font-weight: 400;
  line-height: 36px;
  text-align: center;
  z-index: 384;
}
.paragraph-aa {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  height: 56px;
  z-index: 385;
}
.community {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 303px;
  height: 56px;
  top: -1px;
  left: 5.771px;
  color: rgba(255, 254, 254, 0.9);
  font-family: Arimo, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  text-align: center;
  z-index: 386;
}
.container-ab {
  position: absolute;
  width: 384px;
  height: 384px;
  top: 1676px;
  left: 0;
  background: rgba(224, 150, 18, 0.05);
  filter: blur(64px);
  z-index: 273;
  border-radius: 22369600px;
}
.pricing {
  position: relative;
  width: 378px;
  height: 3389px;
  margin: 0 0 0 10px;
  z-index: 387;
  overflow: hidden;
}
.container-ac {
  position: absolute;
  width: 378px;
  height: 403.81px;
  top: -19.811px;
  left: 0;
  background: #f8f9fa;
  z-index: 388;
}
.container-ad {
  position: absolute;
  width: 378px;
  height: 3309px;
  top: 80px;
  left: 0;
  z-index: 389;
}
.container-ae {
  position: relative;
  width: 346px;
  height: 171px;
  margin: 0 0 0 16px;
  z-index: 390;
  overflow: visible auto;
}
.text-af {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  position: relative;
  width: 65.5px;
  height: 21.333px;
  margin: 1.333px 0 0 140.25px;
  z-index: 391;
}
.pricing-b0 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 72px;
  height: 24px;
  color: #009944;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  letter-spacing: 0.8px;
  z-index: 392;
}
.heading-b1 {
  position: relative;
  width: 346px;
  height: 24px;
  margin: 17.334px 0 0 0;
  z-index: 393;
}
.membership-fee {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 160px;
  height: 24px;
  top: -1.667px;
  left: 92.667px;
  color: #101727;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
  white-space: nowrap;
  z-index: 394;
}
.paragraph-b2 {
  position: relative;
  width: 346px;
  height: 56px;
  margin: 24px 0 0 0;
  z-index: 395;
}
.affordable-pricing {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 336px;
  height: 84px;
  top: -1px;
  left: 5.469px;
  color: #495565;
  font-family: Arimo, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  text-align: center;
  z-index: 396;
}
.container-b3 {
  position: relative;
  width: 346px;
  height: 946px;
  margin: 37px 0 0 16px;
  background: #ffffff;
  z-index: 397;
  overflow: hidden;
  border-radius: 24px;
  box-shadow: 0 25px 50px 0 rgba(0, 0, 0, 0.25);
}
.container-b4 {
  position: relative;
  width: 346px;
  height: 240px;
  margin: 0 0 0 0;
  background: #009944;
  z-index: 446;
  overflow: hidden;
}
.flex-row-ed {
  position: absolute;
  width: 442px;
  height: 320px;
  top: -128px;
  left: 32px;
  z-index: 449;
}
.container-b5 {
  position: absolute;
  width: 256px;
  height: 256px;
  top: 0;
  left: 186px;
  background: rgba(255, 255, 255, 0.1);
  z-index: 447;
  border-radius: 22369600px;
}
.container-b6 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  position: absolute;
  width: 282px;
  height: 160px;
  top: 160px;
  left: 0;
  z-index: 449;
}
.container-b7 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 16px;
  position: relative;
  width: 147.188px;
  z-index: 450;
}
.container-b8 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  width: 32px;
  height: 64px;
  background: rgba(255, 255, 255, 0.2);
  z-index: 451;
  border-radius: 22369600px;
}
.icon-b9 {
  flex-shrink: 0;
  position: relative;
  width: 32px;
  height: 32px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-13/dEbR86bwBg.png)
    no-repeat center;
  background-size: cover;
  z-index: 452;
  overflow: hidden;
}
.container-ba {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  gap: 4px;
  position: relative;
  min-width: 0;
  height: 160px;
  z-index: 453;
}
.heading-bb {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  height: 108px;
  z-index: 454;
}
.annual-fee {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 36px;
  top: 54px;
  left: 0;
  color: #ffffff;
  font-family: Arimo, var(--default-font-family);
  font-size: 30px;
  font-weight: 400;
  line-height: 36px;
  text-align: left;
  white-space: nowrap;
  z-index: 455;
}
.paragraph-bc {
  flex-shrink: 0;
  position: relative;
  width: 153px;
  height: 48px;
  z-index: 456;
}
.membership-system {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 24px;
  top: -2px;
  left: 0;
  color: rgba(255, 254, 254, 0.9);
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 457;
}
.container-bd {
  position: absolute;
  width: 192px;
  height: 192px;
  top: 144px;
  left: -96px;
  background: rgba(255, 255, 255, 0.1);
  z-index: 448;
  border-radius: 22369600px;
}
.container-be {
  position: relative;
  width: 266px;
  height: 626px;
  margin: 40px 0 0 40px;
  z-index: 398;
}
.container-bf {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 12px;
  position: relative;
  height: auto;
  z-index: 399;
  margin-bottom:20px;
}
.container-c0 {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 12px;
  position: relative;
  height: 36px;
  z-index: 400;
}
.text-c1 {
  flex-shrink: 0;
  position: relative;
  width: 101.198px;
  height: 36px;
  z-index: 401;
}
.price {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 36px;
  top: -3px;
  left: 0;
  color: #99a1ae;
  font-family: Arimo, var(--default-font-family);
  font-size: 30px;
  font-weight: 400;
  line-height: 36px;
  text-align: left;
  white-space: nowrap;
  z-index: 402;
}
.text-c2 {
  flex-shrink: 0;
  position: relative;
  width: 94.417px;
  height: 32px;
  background: #009944;
  z-index: 403;
  border-radius: 22369600px;
}
.discount {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 24px;
  top: 2.333px;
  left: 16px;
  color: #ffffff;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 404;
}
.container-c3 {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  height: 120px;
  z-index: 405;
}
.text-c4 {
  position: absolute;
  width: 177.073px;
  height: 120px;
  top: 0;
  left: 0;
  z-index: 406;
}
.price-c5 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 60px;
  top: -6px;
  left: 0;
  color: #009944;
  font-family: Arimo, var(--default-font-family);
  font-size: 60px;
  font-weight: 400;
  line-height: 60px;
  text-align: left;
  white-space: nowrap;
  z-index: 407;
}
.text-c6 {
  position: absolute;
  width: 76.927px;
  height: 64px;
  top: 54px;
  left: 179px;
  z-index: 408;
}
.annual-fee-c7 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 32px;
  top: -2px;
  left: 0;
  color: #495565;
  font-family: Arimo, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  text-align: left;
  white-space: nowrap;
  z-index: 409;
}
.half-price {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 24px;
  color: #697282;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 410;
}
.paragraph-c8 {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  height: 24px;
  z-index: 411;
}
.container-c9 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  height: 94px;
  padding: 16px 16px 0 16px;
  background: rgba(0, 153, 68, 0.06);
  z-index: 412;
  border-radius: 14px;
}
.paragraph-ca {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  height: 44px;
  z-index: 413;
}
.text-cb {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  position: absolute;
  width: 46.271px;
  height: 24px;
  top: 0;
  left: 0;
  padding: 4px 8px 4px 8px;
  background: #009944;
  z-index: 414;
  border-radius: 4px;
}
.note {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 16px;
  color: #ffffff;
  font-family: Arimo, var(--default-font-family);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  text-align: left;
  white-space: nowrap;
  z-index: 415;
}
.usage-of-annual-fee {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 173px;
  height: 64px;
  top: 2px;
  left: 57px;
  color: #354152;
  font-family: Arimo, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  z-index: 416;
}
.container-cc {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 16px;
  position: relative;
  height: 100%;
  z-index: 417;
}
.heading-cd {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  height: 28px;
  z-index: 418;
}
.membership-benefits {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 28px;
  top: -2.333px;
  left: 0;
  color: #101727;
  font-family: Arimo, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: left;
  white-space: nowrap;
  z-index: 419;
}
.list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 12px;
  position: relative;
  height: 238px;
  z-index: 420;
}
.list-item {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  height: 48px;
  z-index: 421;
}
.text-ce {
  position: absolute;
  width: 230px;
  height: 48px;
  top: 0;
  left: 36px;
  z-index: 424;
}
.qualification-for-salon-and-volunteer-activities {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 221px;
  height: 48px;
  top: -1.667px;
  left: 0;
  color: #354152;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  z-index: 425;
}
.container-cf {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  position: absolute;
  width: 24px;
  height: 24px;
  top: 2px;
  left: 0;
  background: rgba(0, 153, 68, 0.08);
  z-index: 422;
  border-radius: 22369600px;
}
.icon-d0 {
  flex-shrink: 0;
  position: relative;
  width: 16px;
  height: 16px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-13/7bL58D8R6Z.png)
    no-repeat center;
  background-size: cover;
  z-index: 423;
  overflow: hidden;
}
.list-item-d1 {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  height: 26px;
  z-index: 426;
}
.text-d2 {
  position: absolute;
  width: 201.698px;
  height: 24px;
  top: 0;
  left: 36px;
  z-index: 429;
}
.priority-access-to-exclusive-events {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 24px;
  top: -1.667px;
  left: 0;
  color: #354152;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 430;
}
.container-d3 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  position: absolute;
  width: 24px;
  height: 24px;
  top: 2px;
  left: 0;
  background: rgba(0, 153, 68, 0.08);
  z-index: 427;
  border-radius: 22369600px;
}
.icon-d4 {
  flex-shrink: 0;
  position: relative;
  width: 16px;
  height: 16px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-13/8NiXLKn8TF.png)
    no-repeat center;
  background-size: cover;
  z-index: 428;
  overflow: hidden;
}
.list-item-d5 {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  height: 26px;
  z-index: 431;
}
.text-d6 {
  position: absolute;
  width: 125.063px;
  height: 24px;
  top: 0;
  left: 36px;
  z-index: 434;
}
.sending-of-activity-reports {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 24px;
  top: -1.667px;
  left: 0;
  color: #354152;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 435;
}
.container-d7 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  position: absolute;
  width: 24px;
  height: 24px;
  top: 2px;
  left: 0;
  background: rgba(0, 153, 68, 0.08);
  z-index: 432;
  border-radius: 22369600px;
}
.icon-d8 {
  flex-shrink: 0;
  position: relative;
  width: 16px;
  height: 16px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-13/wW2wDcVOR1.png)
    no-repeat center;
  background-size: cover;
  z-index: 433;
  overflow: hidden;
}
.list-item-d9 {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  height: 26px;
  z-index: 436;
}
.text-da {
  position: absolute;
  width: 186.115px;
  height: 24px;
  top: 0;
  left: 36px;
  z-index: 439;
}
.opportunity-to-participate-in-community-service-activities {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 24px;
  top: -1.667px;
  left: 0;
  color: #354152;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 440;
}
.container-db {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  position: absolute;
  width: 24px;
  height: 24px;
  top: 2px;
  left: 0;
  background: rgba(0, 153, 68, 0.08);
  z-index: 437;
  border-radius: 22369600px;
}
.icon-dc {
  flex-shrink: 0;
  position: relative;
  width: 16px;
  height: 16px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-13/oNxf3kgeXq.png)
    no-repeat center;
  background-size: cover;
  z-index: 438;
  overflow: hidden;
}
.list-item-dd {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  height: 26px;
  z-index: 441;
}
.text-de {
  position: absolute;
  width: 123.104px;
  height: 24px;
  top: 0;
  left: 36px;
  z-index: 444;
}
.involvement-in-npo-operations {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 24px;
  top: -1.667px;
  left: 0;
  color: #354152;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 445;
}
.container-df {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  position: absolute;
  width: 24px;
  height: 24px;
  top: 2px;
  left: 0;
  background: rgba(0, 153, 68, 0.08);
  z-index: 442;
  border-radius: 22369600px;
}
.icon-e0 {
  flex-shrink: 0;
  position: relative;
  width: 16px;
  height: 16px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-13/5q1zFvbeDO.png)
    no-repeat center;
  background-size: cover;
  z-index: 443;
  overflow: hidden;
}
.container-e1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  position: relative;
  width: 346px;
  height: 784.667px;
  margin: 48px 0 0 16px;
  background: #ffffff;
  z-index: 458;
  overflow: hidden;
  border-radius: 24px;
  box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.1);
}
.container-e2 {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  height: 112px;
  background: #009944;
  z-index: 459;
  overflow: hidden;
}
.flex-row {
  position: absolute;
  width: 378px;
  height: 152px;
  top: -64px;
  left: 32px;
  z-index: 462;
}
.container-e3 {
  position: absolute;
  width: 128px;
  height: 128px;
  top: 0;
  left: 250px;
  background: rgba(255, 255, 255, 0.1);
  z-index: 460;
  border-radius: 22369600px;
}
.container-e4 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  position: absolute;
  width: 282px;
  height: 64px;
  top: 88px;
  left: 0;
  z-index: 462;
}
.container-e5 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  width: 214.427px;
  height: 64px;
  z-index: 463;
}
.container-e6 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 12px;
  position: relative;
  width: 248px;
  height: 32px;
  z-index: 464;
}
.icon-e7 {
  flex-shrink: 0;
  position: relative;
  width: 32px;
  height: 32px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-13/5YMnYJfQaR.png)
    no-repeat center;
  background-size: cover;
  z-index: 465;
  overflow: hidden;
}
.heading-e8 {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  position: relative;
  min-width: 0;
  height: 32px;
  z-index: 466;
}
.weekday-salon {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 32px;
  color: #ffffff;
  font-family: Arimo, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  text-align: left;
  white-space: nowrap;
  z-index: 467;
}
.paragraph-e9 {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  height: 24px;
  z-index: 468;
}
.available-on-weekdays {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 24px;
  top: -1.667px;
  left: 0;
  color: rgba(255, 254, 254, 0.9);
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 469;
}
.icon-ea {
  flex-shrink: 0;
  position: relative;
  width: 32px;
  height: 32px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-13/JsKT2aj12c.png)
    no-repeat center;
  background-size: cover;
  z-index: 470;
  overflow: hidden;
}
.container-eb {
  position: absolute;
  width: 96px;
  height: 96px;
  top: 64px;
  left: -48px;
  background: rgba(255, 255, 255, 0.1);
  z-index: 461;
  border-radius: 22369600px;
}
.container-ec {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 32px;
  position: relative;
  min-width: 0;
  height: 672.667px;
  padding: 32px 32px 0 32px;
  z-index: 471;
}
.container-ed {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 16px;
  position: relative;
  height: 232.667px;
  padding: 0 0 0.67px 0;
  z-index: 472;
}
.container-ee {
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  height: 104px;
  padding: 0 16px 0 16px;
  background: #f9fafb;
  z-index: 473;
  border-radius: 14px;
}
.container-ef {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 4px;
  position: relative;
  width: 180.042px;
  height: 68px;
  z-index: 474;
}
.paragraph-f0 {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  height: 24px;
  z-index: 475;
}
.half-day-usage {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 24px;
  top: -1.667px;
  left: 0;
  color: #101727;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 476;
}
.time-slots {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  height: 40px;
  z-index: 477;
}
.text-4e {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 169px;
  height: 40px;
  top: -1.333px;
  left: 0;
  color: #495565;
  font-family: Arimo, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  z-index: 478;
}
.wrapper-36 {
  flex-shrink: 0;
  position: relative;
  width: 69.958px;
  height: 72px;
  z-index: 479;
}
.container-span {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 36px;
  top: -3px;
  left: -0.04px;
  color: #009944;
  font-family: Arimo, var(--default-font-family);
  font-size: 30px;
  font-weight: 400;
  line-height: 36px;
  text-align: left;
  white-space: nowrap;
  z-index: 480;
}
.container-div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  height: 80px;
  padding: 0 16px 0 16px;
  background: #f9fafb;
  z-index: 481;
  border-radius: 14px;
}
.container-div-f1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 4px;
  position: relative;
  width: 80.448px;
  height: 48px;
  z-index: 482;
}
.container-paragraph {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  height: 24px;
  z-index: 483;
}
.container-span-f2 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 24px;
  top: -1.667px;
  left: 0;
  color: #101727;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 484;
}
.container-paragraph-f3 {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  height: 20px;
  z-index: 485;
}
.container-span-f4 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 20px;
  top: -1.333px;
  left: 0;
  color: #495565;
  font-family: Arimo, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  white-space: nowrap;
  z-index: 486;
}
.container-div-f5 {
  flex-shrink: 0;
  position: relative;
  width: 101.198px;
  height: 36px;
  z-index: 487;
}
.container-span-f6 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 36px;
  top: -3px;
  left: 0;
  color: #009944;
  font-family: Arimo, var(--default-font-family);
  font-size: 30px;
  font-weight: 400;
  line-height: 36px;
  text-align: left;
  white-space: nowrap;
  z-index: 488;
}
.container-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 16px;
  position: relative;
  height: 206px;
  z-index: 489;
}
.container-list-item {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  height: 26px;
  z-index: 490;
}
.container-div-f7 {
  position: absolute;
  width: 196.708px;
  height: 24px;
  top: 0;
  left: 36px;
  z-index: 493;
}
.container-span-f8 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 24px;
  top: -1.667px;
  left: 0;
  color: #354152;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 494;
}
.container-div-f9 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  position: absolute;
  width: 24px;
  height: 24px;
  top: 2px;
  left: 0;
  background: rgba(0, 153, 68, 0.08);
  z-index: 491;
  border-radius: 22369600px;
}
.container-icon {
  flex-shrink: 0;
  position: relative;
  width: 16px;
  height: 16px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-13/zqfY4N2Uoh.png)
    no-repeat center;
  background-size: cover;
  z-index: 492;
  overflow: hidden;
}
.container-list-item-fa {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  height: 26px;
  z-index: 495;
}
.container-div-fb {
  position: absolute;
  width: 141.677px;
  height: 24px;
  top: 0;
  left: 36px;
  z-index: 498;
}
.container-span-fc {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 24px;
  top: -1.667px;
  left: 0;
  color: #354152;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 499;
}
.container-div-fd {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  position: absolute;
  width: 24px;
  height: 24px;
  top: 2px;
  left: 0;
  background: rgba(0, 153, 68, 0.08);
  z-index: 496;
  border-radius: 22369600px;
}
.container-icon-fe {
  flex-shrink: 0;
  position: relative;
  width: 16px;
  height: 16px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-13/8SqU38ds1z.png)
    no-repeat center;
  background-size: cover;
  z-index: 497;
  overflow: hidden;
}
.container-list-item-ff {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  height: 26px;
  z-index: 500;
}
.container-div-100 {
  position: absolute;
  width: 154.115px;
  height: 24px;
  top: 0;
  left: 36px;
  z-index: 503;
}
.container-span-101 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 24px;
  top: -1.667px;
  left: 0;
  color: #354152;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 504;
}
.container-div-102 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  position: absolute;
  width: 24px;
  height: 24px;
  top: 2px;
  left: 0;
  background: rgba(0, 153, 68, 0.08);
  z-index: 501;
  border-radius: 22369600px;
}
.container-icon-103 {
  flex-shrink: 0;
  position: relative;
  width: 16px;
  height: 16px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-13/Uhb6Aq00AY.png)
    no-repeat center;
  background-size: cover;
  z-index: 502;
  overflow: hidden;
}
.container-list-item-104 {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  height: 26px;
  z-index: 505;
}
.container-div-105 {
  position: absolute;
  width: 172.646px;
  height: 24px;
  top: 0;
  left: 36px;
  z-index: 508;
}
.container-span-106 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 24px;
  top: -1.667px;
  left: 0;
  color: #354152;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 509;
}
.container-div-107 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  position: absolute;
  width: 24px;
  height: 24px;
  top: 2px;
  left: 0;
  background: rgba(0, 153, 68, 0.08);
  z-index: 506;
  border-radius: 22369600px;
}
.container-icon-108 {
  flex-shrink: 0;
  position: relative;
  width: 16px;
  height: 16px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-13/KyqyCAx3cd.png)
    no-repeat center;
  background-size: cover;
  z-index: 507;
  overflow: hidden;
}
.container-list-item-109 {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  height: 26px;
  z-index: 510;
}
.container-div-10a {
  position: absolute;
  width: 173.344px;
  height: 24px;
  top: 0;
  left: 36px;
  z-index: 513;
}
.container-span-10b {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 24px;
  top: -1.667px;
  left: 0;
  color: #354152;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 514;
}
.container-div-10c {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  position: absolute;
  width: 24px;
  height: 24px;
  top: 2px;
  left: 0;
  background: rgba(0, 153, 68, 0.08);
  z-index: 511;
  border-radius: 22369600px;
}
.container-icon-10d {
  flex-shrink: 0;
  position: relative;
  width: 16px;
  height: 16px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-13/vCbGTGAW7L.png)
    no-repeat center;
  background-size: cover;
  z-index: 512;
  overflow: hidden;
}
.container-div-10e {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  height: 76px;
  padding: 16px 16px 0 16px;
  background: rgba(0, 153, 68, 0.06);
  z-index: 515;
  border-radius: 14px;
}
.container-paragraph-10f {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  height: 44px;
  z-index: 516;
}
.container-div-110 {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  position: absolute;
  width: 46.271px;
  height: 24px;
  top: 0;
  left: 0;
  padding: 4px 8px 4px 8px;
  background: #009944;
  z-index: 517;
  border-radius: 4px;
}
.container-span-111 {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 16px;
  color: #ffffff;
  font-family: Arimo, var(--default-font-family);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  text-align: left;
  white-space: nowrap;
  z-index: 518;
}
.container-span-112 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 244px;
  height: 40px;
  top: 1.333px;
  left: 55px;
  color: #354152;
  font-family: Arimo, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  text-overflow: initial;
  z-index: 519;
  overflow: hidden;
}
.container-div-113 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  position: relative;
  width: 346px;
  height: 809px;
  margin: 32.333px 0 0 16px;
  background: #ffffff;
  z-index: 520;
  overflow: hidden;
  border-radius: 24px;
  box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.1);
}
.container-div-114 {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  height: 112px;
  background: #e09612;
  z-index: 521;
  overflow: hidden;
}
.container-flex-row-c {
  position: absolute;
  width: 378px;
  height: 152px;
  top: -64px;
  left: 32px;
  z-index: 524;
}
.container-div-115 {
  position: absolute;
  width: 128px;
  height: 128px;
  top: 0;
  left: 250px;
  background: rgba(255, 255, 255, 0.1);
  z-index: 522;
  border-radius: 22369600px;
}
.container-div-116 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  position: absolute;
  width: 282px;
  height: 64px;
  top: 88px;
  left: 0;
  z-index: 524;
}
.container-div-117 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  width: 222.677px;
  height: 64px;
  z-index: 525;
}
.container-div-118 {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 12px;
  position: relative;
  min-width: 0;
  height: 32px;
  z-index: 526;
}
.container-icon-119 {
  flex-shrink: 0;
  position: relative;
  width: 32px;
  height: 32px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-13/zc7HTBu4z9.png)
    no-repeat center;
  background-size: cover;
  z-index: 527;
  overflow: hidden;
}
.container-heading {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  width: 153.427px;
  height: 32px;
  z-index: 528;
}
.container-span-11a {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 201px;
  height: 32px;
  color: #ffffff;
  font-family: Arimo, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  text-align: left;
  white-space: nowrap;
  z-index: 529;
}
.container-paragraph-11b {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  height: 24px;
  z-index: 530;
}
.container-span-11c {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 24px;
  top: -1.667px;
  left: 0;
  color: rgba(255, 254, 254, 0.9);
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 531;
}
.container-icon-11d {
  flex-shrink: 0;
  position: relative;
  width: 32px;
  height: 32px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-13/wTZAk0d6q3.png)
    no-repeat center;
  background-size: cover;
  z-index: 532;
  overflow: hidden;
}
.container-div-11e {
  position: absolute;
  width: 96px;
  height: 96px;
  top: 64px;
  left: -48px;
  background: rgba(255, 255, 255, 0.1);
  z-index: 523;
  border-radius: 22369600px;
}
.container-div-11f {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 32px;
  position: relative;
  min-width: 0;
  height: 672.667px;
  padding: 32px 32px 0 32px;
  z-index: 533;
}
.container-div-120 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 16px;
  position: relative;
  height: 232.667px;
  padding: 0 0 0.67px 0;
  border-top: 0.67px solid #e5e7eb;
  z-index: 534;
}
.container-div-121 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  height: 80px;
  padding: 0 16px 0 16px;
  background: #f9fafb;
  z-index: 535;
  border-radius: 14px;
}
.container-div-122 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 4px;
  position: relative;
  width: 151.563px;
  height: 48px;
  z-index: 536;
}
.container-paragraph-123 {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  height: 24px;
  z-index: 537;
}
.container-span-124 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 24px;
  top: -1.667px;
  left: 0;
  color: #101727;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 538;
}
.container-paragraph-125 {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  height: 20px;
  z-index: 539;
}
.container-span-126 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 20px;
  top: -1.333px;
  left: 0;
  color: #495565;
  font-family: Arimo, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  white-space: nowrap;
  z-index: 540;
}
.container-div-127 {
  flex-shrink: 0;
  position: relative;
  width: 78.521px;
  height: 36px;
  z-index: 541;
}
.container-span-128 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 36px;
  top: -3px;
  left: 0;
  color: #e09612;
  font-family: Arimo, var(--default-font-family);
  font-size: 30px;
  font-weight: 400;
  line-height: 36px;
  text-align: left;
  white-space: nowrap;
  z-index: 542;
}
.container-div-129 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  height: 104px;
  padding: 0 16px 0 16px;
  background: #f9fafb;
  z-index: 543;
  border-radius: 14px;
}
.container-div-12a {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 4px;
  position: relative;
  width: 157.594px;
  height: 68px;
  z-index: 544;
}
.container-paragraph-12b {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  height: 24px;
  z-index: 545;
}
.container-span-12c {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 24px;
  top: -1.667px;
  left: 0;
  color: #101727;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 546;
}
.container-paragraph-12d {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  height: 40px;
  z-index: 547;
}
.container-span-12e {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 20px;
  top: -1.333px;
  left: 0;
  color: #495565;
  font-family: Arimo, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  white-space: nowrap;
  z-index: 548;
}
.container-div-12f {
  flex-shrink: 0;
  position: relative;
  width: 92.406px;
  height: 72px;
  z-index: 549;
}
.container-span-130 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 36px;
  top: 0.33px;
  left: -17.594px;
  color: #e09612;
  font-family: Arimo, var(--default-font-family);
  font-size: 30px;
  font-weight: 400;
  line-height: 36px;
  text-align: left;
  white-space: nowrap;
  z-index: 550;
}
.container-list-131 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 16px;
  position: relative;
  height: 236px;
  z-index: 551;
}
.container-list-item-132 {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  height: 26px;
  z-index: 552;
}
.container-div-133 {
  position: absolute;
  width: 214.781px;
  height: 24px;
  top: 0;
  left: 36px;
  z-index: 555;
}
.container-span-134 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 24px;
  top: -1.667px;
  left: 0;
  color: #354152;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 556;
}
.container-div-135 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  position: absolute;
  width: 24px;
  height: 24px;
  top: 2px;
  left: 0;
  background: rgba(224, 150, 18, 0.08);
  z-index: 553;
  border-radius: 22369600px;
}
.container-icon-136 {
  flex-shrink: 0;
  position: relative;
  width: 16px;
  height: 16px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-13/TEPngDbjG5.png)
    no-repeat center;
  background-size: cover;
  z-index: 554;
  overflow: hidden;
}
.container-list-item-137 {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  height: 26px;
  z-index: 557;
}
.container-div-138 {
  position: absolute;
  width: 155.229px;
  height: 24px;
  top: 0;
  left: 36px;
  z-index: 560;
}
.shopping-companion {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 24px;
  top: -1.667px;
  left: 0;
  color: #354152;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 561;
}
.container-139 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  position: absolute;
  width: 24px;
  height: 24px;
  top: 2px;
  left: 0;
  background: rgba(224, 150, 18, 0.08);
  z-index: 558;
  border-radius: 22369600px;
}
.icon-13a {
  flex-shrink: 0;
  position: relative;
  width: 16px;
  height: 16px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-13/Fs9HoCVS4H.png)
    no-repeat center;
  background-size: cover;
  z-index: 559;
  overflow: hidden;
}
.list-item-13b {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  height: 26px;
  z-index: 562;
}
.text-13c {
  position: absolute;
  width: 223.01px;
  height: 24px;
  top: 0;
  left: 36px;
  z-index: 565;
}
.household-assistance {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 24px;
  top: -1.667px;
  left: 0;
  color: #354152;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 566;
}
.container-13d {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  position: absolute;
  width: 24px;
  height: 24px;
  top: 2px;
  left: 0;
  background: rgba(224, 150, 18, 0.08);
  z-index: 563;
  border-radius: 22369600px;
}
.icon-13e {
  flex-shrink: 0;
  position: relative;
  width: 16px;
  height: 16px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-13/HfJSP5BAY9.png)
    no-repeat center;
  background-size: cover;
  z-index: 564;
  overflow: hidden;
}
.list-item-13f {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  height: 26px;
  z-index: 567;
}
.text-140 {
  position: absolute;
  width: 142.135px;
  height: 24px;
  top: 0;
  left: 36px;
  z-index: 570;
}
.companion-activity {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 24px;
  top: -1.667px;
  left: 0;
  color: #354152;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 571;
}
.container-141 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  position: absolute;
  width: 24px;
  height: 24px;
  top: 2px;
  left: 0;
  background: rgba(224, 150, 18, 0.08);
  z-index: 568;
  border-radius: 22369600px;
}
.icon-142 {
  flex-shrink: 0;
  position: relative;
  width: 16px;
  height: 16px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-13/rhTj1ULcKu.png)
    no-repeat center;
  background-size: cover;
  z-index: 569;
  overflow: hidden;
}
.list-item-143 {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  height: 26px;
  z-index: 572;
}
.text-144 {
  position: absolute;
  width: 140.51px;
  height: 24px;
  top: 0;
  left: 36px;
  z-index: 575;
}
.event-support {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 24px;
  top: -1.667px;
  left: 0;
  color: #354152;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 576;
}
.container-145 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  position: absolute;
  width: 24px;
  height: 24px;
  top: 2px;
  left: 0;
  background: rgba(224, 150, 18, 0.08);
  z-index: 573;
  border-radius: 22369600px;
}
.icon-146 {
  flex-shrink: 0;
  position: relative;
  width: 16px;
  height: 16px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-13/DPW9JcfKW3.png)
    no-repeat center;
  background-size: cover;
  z-index: 574;
  overflow: hidden;
}
.list-item-147 {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  height: 26px;
  z-index: 577;
}
.text-148 {
  position: absolute;
  width: 223.188px;
  height: 24px;
  top: 0;
  left: 36px;
  z-index: 580;
}
.activity-insurance {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 24px;
  top: -1.667px;
  left: 0;
  color: #354152;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 581;
}
.container-149 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  position: absolute;
  width: 24px;
  height: 24px;
  top: 2px;
  left: 0;
  background: rgba(224, 150, 18, 0.08);
  z-index: 578;
  border-radius: 22369600px;
}
.icon-14a {
  flex-shrink: 0;
  position: relative;
  width: 16px;
  height: 16px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-13/VGD0qUnOwX.png)
    no-repeat center;
  background-size: cover;
  z-index: 579;
  overflow: hidden;
}
.container-14b {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  height: 92px;
  padding: 16px 16px 0 16px;
  background: rgba(224, 150, 18, 0.06);
  z-index: 582;
  border-radius: 14px;
}
.paragraph-14c {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  height: 44px;
  z-index: 583;
}
.text-14d {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  position: absolute;
  width: 46.271px;
  height: 24px;
  top: 0;
  left: 0;
  padding: 4px 8px 4px 8px;
  background: #e09612;
  z-index: 584;
  border-radius: 4px;
}
.note-14e {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 16px;
  color: #ffffff;
  font-family: Arimo, var(--default-font-family);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  text-align: left;
  white-space: nowrap;
  z-index: 585;
}
.moving-support {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 235px;
  height: 60px;
  top: 0.33px;
  left: 55px;
  color: #354152;
  font-family: Arimo, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  text-overflow: initial;
  z-index: 586;
  overflow: hidden;
}
.container-14f {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  position: relative;
  width: 346px;
  height: 376px;
  margin: 39px 0 0 15px;
  padding: 32px 32px 0 32px;
  background: linear-gradient(135deg, #f8fafb, #f2f4f6);
  z-index: 587;
  border-radius: 24px;
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.1);
}
.container-150 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 24px;
  position: relative;
  min-width: 0;
  height: 297px;
  z-index: 588;
}
.heading-151 {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  height: 32px;
  z-index: 589;
}
.payment-method {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 32px;
  color: #101727;
  font-family: Arimo, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  text-align: center;
  white-space: nowrap;
  z-index: 590;
}
.container-152 {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  height: 178.333px;
  z-index: 591;
}
.container-153 {
  position: relative;
  width: 282px;
  height: 168.333px;
  background: #ffffff;
  z-index: 592;
  border-radius: 14px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  padding-top: 1px;
}
.container-154 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  position: relative;
  width: 64px;
  height: 64px;
  margin: 24px 0 0 109px;
  background: rgba(0, 153, 68, 0.1);
  z-index: 593;
  border-radius: 22369600px;
}
.icon-155 {
  flex-shrink: 0;
  position: relative;
  width: 32px;
  height: 32px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-13/NVb4dzajyS.png)
    no-repeat center;
  background-size: cover;
  z-index: 594;
  overflow: hidden;
}
.heading-156 {
  position: relative;
  width: 234px;
  height: 24px;
  margin: 16px 0 0 24px;
  z-index: 595;
}
.cash {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 32px;
  height: 24px;
  top: -1.667px;
  left: 101px;
  color: #101727;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
  white-space: nowrap;
  z-index: 596;
}
.paragraph-157 {
  position: relative;
  width: 234px;
  height: 20px;
  margin: 8px 0 0 24px;
  z-index: 597;
}
.payment-at-counter {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 112px;
  height: 20px;
  top: -1.334px;
  left: 61.313px;
  color: #495565;
  font-family: Arimo, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: center;
  white-space: nowrap;
  z-index: 598;
}
.paragraph-158 {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  height: 48px;
  z-index: 599;
}
.contact-159 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 281px;
  height: 48px;
  top: -1.667px;
  left: 0.78px;
  color: #495565;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
  z-index: 600;
}
.container-15a {
  position: relative;
  width: 376px;
  height: 1634px;
  margin: 9px 0 0 0;
  z-index: 601;
  overflow: hidden;
}
.container-15b {
  position: relative;
  width: 376.314px;
  height: 299.991px;
  margin: 0 0 0 0;
  z-index: 659;
  overflow: visible auto;
}
.text-15c {
  position: relative;
  width: 376.314px;
  height: 135.992px;
  margin: 81.994px 0 0 0;
  z-index: 662;
  overflow: visible auto;
}
.contact-15d {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  position: relative;
  width: 75.708px;
  height: 20.783px;
  margin: 1.484px 0 0 150.303px;
  z-index: 663;
}
.heading-15e {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 81px;
  height: 24px;
  color: rgba(255, 254, 254, 0.8);
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  letter-spacing: 0.8px;
  z-index: 664;
}
.inquiry {
  position: relative;
  width: 344.328px;
  height: 24.007px;
  margin: 17.733px 0 0 15.993px;
  z-index: 665;
}
.paragraph-15f {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 96px;
  height: 24px;
  top: -1.516px;
  left: 124.543px;
  color: #ffffff;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
  white-space: nowrap;
  z-index: 666;
}
.feel-free-to-contact-for-questions {
  position: relative;
  width: 344.328px;
  height: 55.992px;
  margin: 15.992px 0 0 15.993px;
  z-index: 667;
}
.image-with-fallback-160 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 340px;
  height: 56px;
  top: -1.516px;
  left: 2.609px;
  color: rgba(255, 254, 254, 0.9);
  font-family: Arimo, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  text-align: center;
  z-index: 668;
}
.container-161 {
  position: absolute;
  width: 376.314px;
  height: 299.991px;
  top: 0;
  left: 0;
  z-index: 660;
  overflow: hidden;
}
.container-162 {
  position: absolute;
  width: 376.314px;
  height: 299.991px;
  top: 0;
  left: 0;
  background: rgba(0, 153, 68, 0.85);
  z-index: 661;
}
.container-163 {
  position: relative;
  width: 344px;
  height: 1254px;
  margin: 80.009px 0 0 16px;
  background: #f9fafb;
  z-index: 602;
  overflow: hidden;
}
.container-164 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 23.995px;
  position: relative;
  width: 334.328px;
  height: 240.009px;
  margin: 835.16px 0 0 4px;
  padding: 31.997px 31.997px 0 35.709px;
  background: rgba(0, 153, 68, 0.1);
  border-left: 3.711px solid #009944;
  z-index: 639;
  border-radius: 16px;
}
.icon-165 {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 11.992px;
  position: relative;
  min-width: 0;
  height: 28.008px;
  z-index: 640;
}
.icon-166 {
  flex-shrink: 0;
  position: relative;
  width: 23.995px;
  height: 23.995px;
  z-index: 641;
  overflow: hidden;
}
.heading-167 {
  position: relative;
  width: 24px;
  height: 24px;
  margin: 2.43px 0 0 0.29px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-13/b9WWqdJigO.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 642;
  overflow: hidden;
}
.access {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  width: 62.023px;
  height: 28.008px;
  z-index: 643;
}
.container-168 {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 28px;
  color: #101727;
  font-family: Arimo, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: left;
  white-space: nowrap;
  z-index: 644;
}
.paragraph-169 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 11.992px;
  position: relative;
  width: 276.622px;
  height: 124.011px;
  z-index: 645;
}
.bus-stop-nearby {
  flex-shrink: 0;
  position: relative;
  width: 276.622px;
  height: 24.007px;
  z-index: 646;
}
.text-16a {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 24px;
  top: 1px;
  left: 48.291px;
  color: #354152;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 649;
}
.bus {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  position: absolute;
  width: 41.113px;
  height: 20.783px;
  top: 1.484px;
  left: 0;
  z-index: 647;
}
.paragraph-16b {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 63px;
  height: 24px;
  color: #101727;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 648;
}
.train-station-walking-distance {
  flex-shrink: 0;
  position: relative;
  width: 276.622px;
  height: 24.007px;
  z-index: 650;
}
.text-16c {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 24px;
  top: -1.515px;
  left: 47.99px;
  color: #354152;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 653;
}
.train {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  position: absolute;
  width: 47.99px;
  height: 20.783px;
  top: 1.485px;
  left: 0;
  z-index: 651;
}
.paragraph-16d {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 63px;
  height: 24px;
  color: #101727;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 652;
}
.group-48 {
  flex-shrink: 0;
  position: relative;
  width: 276.622px;
  height: 75px;
  z-index: 654;
}
.parking-area {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 270px;
  height: 48px;
  top: -1.516px;
  left: 0;
  color: #495565;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  z-index: 655;
}
.button-16e {
  position: relative;
  display: block;
  width: 280.333px;
  height: 55.992px;
  margin: 83.841px 0 0 28.007px;
  background: #009944;
  z-index: 656;
  border-radius: 14px;
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.1);
}
.contact-16f {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 28px;
  top: 14px;
  left: 101.974px;
  color: #ffffff;
  font-family: Arimo, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  text-align: left;
  white-space: nowrap;
  z-index: 658;
}
.icon-170 {
  position: absolute;
  width: 15.993px;
  height: 15.993px;
  top: 21.511px;
  left: 70px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-13/1gZnqXwFhU.png)
    no-repeat center;
  background-size: cover;
  z-index: 657;
  overflow: hidden;
}
.container-171 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 31.997px;
  position: absolute;
  width: 344.328px;
  height: 793.972px;
  top: 0;
  left: 0;
  z-index: 603;
}
.container-172 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 23.995px;
  position: relative;
  min-width: 0;
  height: 521.966px;
  padding: 31.997px 31.997px 0 31.997px;
  background: #ffffff;
  z-index: 604;
  border-radius: 16px;
  box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.1);
}
.heading-173 {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  height: 63.971px;
  font-size: 0px;
  z-index: 605;
}
.non-profit-organization {
  display: block;
  position: relative;
  height: 32px;
  margin: -2px 0 0 0;
  color: #009944;
  font-family: Arimo, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  text-align: left;
  white-space: nowrap;
  z-index: 606;
}
.active-club {
  display: block;
  position: relative;
  height: 32px;
  margin: -0.01px 0 0 0;
  color: #009944;
  font-family: Arimo, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  text-align: left;
  white-space: nowrap;
  z-index: 607;
}
.paragraph-174 {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  height: 78.004px;
  z-index: 608;
}
.salon-contact {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 277px;
  height: 104px;
  top: -1.773px;
  left: 0;
  color: #495565;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  text-align: left;
  z-index: 609;
}
.container-175 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 23.994px;
  position: relative;
  height: 260.003px;
  z-index: 610;
}
.container-176 {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 15.993px;
  position: relative;
  height: 76.01px;
  z-index: 611;
}
.container-177 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  width: 47.99px;
  height: 47.99px;
  padding: 0 0 0 0px;
  background: rgba(0, 153, 68, 0.1);
  z-index: 612;
  border-radius: 24905300px;
}
.icon-178 {
  flex-shrink: 0;
  position: relative;
  width: 19.994px;
  height: 19.994px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-13/Zgmk43RUym.png)
    no-repeat center;
  background-size: cover;
  z-index: 613;
  overflow: hidden;
}
.container-179 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 3.989px;
  position: relative;
  width: 211.955px;
  height: 76.01px;
  z-index: 614;
}
.paragraph-17a {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  height: 24.007px;
  z-index: 615;
}
.location {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 24px;
  top: -1.516px;
  left: 0;
  color: #101727;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 616;
}
.paragraph-17b {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  height: 48.013px;
  font-size: 0px;
  z-index: 617;
}
.postal-code {
  display: block;
  position: relative;
  height: 24px;
  margin: -1.516px 0 0 0;
  color: #495565;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 618;
}
.address {
  display: block;
  position: relative;
  height: 24px;
  margin: 0.01px 0 0 0;
  color: #495565;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 619;
}
.container-17c {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 15.993px;
  position: relative;
  height: 84px;
  z-index: 620;
}
.container-17d {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  width: 47.99px;
  height: 47.99px;
  padding: 0 0 0 0px;
  background: rgba(0, 153, 68, 0.1);
  z-index: 621;
  border-radius: 24905300px;
}
.icon-17e {
  flex-shrink: 0;
  position: relative;
  width: 19.994px;
  height: 19.994px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-13/Pjvk25qocF.png)
    no-repeat center;
  background-size: cover;
  z-index: 622;
  overflow: hidden;
}
.container-17f {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 3.99px;
  position: relative;
  width: 200.114px;
  height: 84px;
  z-index: 623;
}
.paragraph-180 {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  height: 24.007px;
  z-index: 624;
}
.phone-number {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 24px;
  top: -1.515px;
  left: 0;
  color: #101727;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 625;
}
.paragraph-181 {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  height: 28.008px;
  z-index: 626;
}
.phone {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 28px;
  color: #495565;
  font-family: Arimo, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: left;
  white-space: nowrap;
  z-index: 627;
}
.business-hours {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  height: 24.007px;
  z-index: 628;
}
.container-182 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 24px;
  top: -1.516px;
  left: 0;
  color: #697282;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 629;
}
.container-183 {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 15.993px;
  position: relative;
  height: 52.003px;
  z-index: 630;
}
.icon-184 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  width: 47.99px;
  height: 47.99px;
  padding: 0 0 0 0px;
  background: rgba(0, 153, 68, 0.1);
  z-index: 631;
  border-radius: 24905300px;
}
.container-185 {
  flex-shrink: 0;
  position: relative;
  width: 19.994px;
  height: 19.994px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-13/bEEANp7jbk.png)
    no-repeat center;
  background-size: cover;
  z-index: 632;
  overflow: hidden;
}
.paragraph-186 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 3.989px;
  position: relative;
  width: 189.259px;
  height: 52.003px;
  z-index: 633;
}
.email-address {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  height: 24.007px;
  z-index: 634;
}
.paragraph-187 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 24px;
  top: -1.516px;
  left: 0;
  color: #101727;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 635;
}
.email {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  height: 24.007px;
  z-index: 636;
}
.image {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 24px;
  top: -1.516px;
  left: 0;
  color: #495565;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 637;
}
.map {
  position: absolute;
  width: 349px;
  height: 264px;
  top: 554.16px;
  left: -2.993px;
  background-size: cover;
  z-index: 638;
}
.about {
  position: relative;
  width: 376px;
  height: 999px;
  margin-top: 10px;
  left: 0;
  z-index: 20;
  overflow: hidden;
}
.container-189 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 95.992px;
  position: relative;
  width: 376.314px;
  height: 1784.927px;
  margin: 95.992px 0 0 0;
  padding: 0 15.993px 0 15.993px;
  z-index: 21;
}
.container-18a {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  height: 847.993px;
  z-index: 22;
}
.container-18b {
  position: relative;
  width: 344.328px;
  height: 399.996px;
  margin: 0 0 0 0;
  z-index: 39;
  overflow: hidden;
}
.container-18c {
  position: relative;
  width: 159.998px;
  height: 159.998px;
  margin: -31.997px 0 0 216.327px;
  background: #009944;
  opacity: 0.3;
  filter: blur(64px);
  z-index: 44;
  border-radius: 24905300px;
}
.container-18d {
  position: relative;
  width: 127.989px;
  height: 127.989px;
  margin: 176.003px 0 0 -31.997px;
  background: #e09612;
  opacity: 0.3;
  filter: blur(64px);
  z-index: 43;
  border-radius: 24905300px;
}
.container-18e {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  position: absolute;
  width: 344.328px;
  height: 399.996px;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0);
  z-index: 40;
  overflow: hidden;
  border-radius: 24px;
  box-shadow: 0 25px 50px 0 rgba(0, 0, 0, 0.25);
}
.image-with-fallback-18f {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  height: 399.996px;
  z-index: 41;
  overflow: hidden;
}
.image-190 {
  position: relative;
  width: 571px;
  height: 383px;
  margin: 15.921px 0 0 -112.993px;
  background: url(image/hands.jpg)
    no-repeat center;
  background-size: contain;
  z-index: 42;
}
.container-191 {
  position: relative;
  width: 344.328px;
  height: 384.003px;
  margin: 63.995px 0 0 0;
  z-index: 23;
  overflow: visible auto;
}
.text-192 {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  position: relative;
  width: 81.194px;
  height: 20.783px;
  margin: 1.484px 0 0 0;
  z-index: 24;
}
.about-us {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 24px;
  color: #009944;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
  letter-spacing: 0.8px;
  z-index: 25;
}
.heading-193 {
  position: relative;
  width: 344.328px;
  height: 24.007px;
  margin: 17.733px 0 0 0;
  z-index: 26;
}
.active-club-definition {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 24px;
  top: -1.516px;
  left: 0;
  color: #009944;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 27;
}
.container-194 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 15.993px;
  position: relative;
  width: 344.328px;
  height: 239.997px;
  margin: 23.995px 0 0 0;
  z-index: 28;
}
.paragraph-195 {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  height: 52.003px;
  z-index: 29;
}
.active-club-description {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 338px;
  height: 78px;
  top: -1.773px;
  left: 0;
  color: #354152;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  text-align: left;
  z-index: 30;
}
.paragraph-196 {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  height: 78.004px;
  z-index: 31;
}
.community-building {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 341px;
  height: 78px;
  top: 12.934px;
  left: 0.01px;
  color: #354152;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  text-align: left;
  z-index: 32;
}
.paragraph-197 {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  height: 78.004px;
  z-index: 33;
}
.social-welfare {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 341px;
  height: 78px;
  top: -1.773px;
  left: 0;
  color: #354152;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  text-align: left;
  z-index: 34;
}
.button-198 {
  position: absolute;
  width: 92.942px;
  height: 24.007px;
  top: 359.996px;
  left: 0;
  z-index: 35;
}
.text-199 {
  position: relative;
  width: 64.957px;
  height: 24.007px;
  margin: 0 0 0 0;
  z-index: 36;
}
.learn-more {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 24px;
  top: -1.516px;
  left: 0;
  color: #009944;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 37;
}
.icon-19a {
  position: absolute;
  width: 19.994px;
  height: 19.994px;
  top: 362.002px;
  left: 81.007px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-13/5TODb0HzM6.png)
    no-repeat center;
  background-size: cover;
  z-index: 38;
  overflow: hidden;
}
.services {
  position: relative;
  width: 376.314px;
  height: 3502.96px;
  margin-top: 0px;
  left: 0;
  background: #f9fafb;
  z-index: 45;
}
.container-19b {
  position: relative;
  width: 376.314px;
  height: 303.992px;
  margin: 0 0 0 0;
  z-index: 46;
  overflow: visible auto;
}
.text-19c {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  position: relative;
  width: 113.446px;
  height: 20.783px;
  margin: 81.484px 0 0 131.434px;
  z-index: 47;
}
.our-services {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 130px;
  height: 24px;
  color: #009944;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  letter-spacing: 0.8px;
  z-index: 48;
}
.heading-19d {
  position: relative;
  width: 344.328px;
  height: 24.007px;
  margin: 17.733px 0 0 15.993px;
  z-index: 49;
}
.business-content {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 64px;
  height: 24px;
  top: -1.516px;
  left: 140.167px;
  color: #009944;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
  white-space: nowrap;
  z-index: 50;
}
.paragraph-19e {
  position: relative;
  width: 344.328px;
  height: 55.992px;
  margin: 23.995px 0 0 15.993px;
  z-index: 51;
}
.introduction-business {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 334px;
  height: 56px;
  top: -1.516px;
  left: 5.3px;
  color: #495565;
  font-family: Arimo, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  text-align: center;
  z-index: 52;
}
.container-19f {
  position: relative;
  width: 376.314px;
  height: 1306.15px;
  margin: 0px 0 0 0;
  z-index: 53;
  overflow: hidden;
}
.container-1a0 {
  position: relative;
  width: 376.314px;
  height: 499.989px;
  margin: 0 0 0 0;
  z-index: 107;
  overflow: visible auto;
}
.text-1a1 {
  position: relative;
  width: 210px;
  height: 40px;
  margin: 25.01px 0 0 32px;
  background: #009944;
  z-index: 110;
  border-radius: 24905300px;
}
.club-ozuta {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 28px;
  top: 4.991px;
  left: 23.995px;
  color: #ffffff;
  font-family: Arimo, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  text-align: left;
  white-space: nowrap;
  z-index: 111;
}
.image-fallback-1a2 {
  position: absolute;
  width: 376.314px;
  height: 499.989px;
  top: 0;
  left: 0;
  z-index: 108;
  overflow: hidden;
}
.m {
  position: relative;
  width: 741px;
  height: 494px;
  margin: 6.01px 0 0 -285px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-13/5ZLFWwtvci.png)
    no-repeat center;
  background-size: cover;
  z-index: 109;
}
.container-1a3 {
  position: relative;
  width: 376.314px;
  height: 806.161px;
  margin: 0px 0 0 0;
  background: #ffffff;
  z-index: 54;
  overflow: visible auto;
}
.container-1a4 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 11.992px;
  position: relative;
  width: 280.333px;
  height: 47.99px;
  margin: 47.99px 0 0 47.99px;
  z-index: 55;
}
.container-1a5 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  width: 47.99px;
  height: 47.99px;
  padding: 0 0.01px 0 0;
  background: #009944;
  z-index: 56;
  border-radius: 24905300px;
}
.icon-1a6 {
  flex-shrink: 0;
  position: relative;
  width: 23.995px;
  height: 23.995px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-13/FbPDAZfh92.png)
    no-repeat center;
  background-size: cover;
  z-index: 57;
  overflow: hidden;
}
.heading-1a7 {
  flex-shrink: 0;
  position: relative;
  width: 212.999px;
  height: 35.998px;
  z-index: 58;
}
.weekday-salon-1a8 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 36px;
  top: -3.227px;
  left: 0;
  color: #009944;
  font-family: Arimo, var(--default-font-family);
  font-size: 30px;
  font-weight: 400;
  line-height: 36px;
  text-align: left;
  white-space: nowrap;
  z-index: 59;
}
.paragraph-1a9 {
  position: relative;
  width: 280.333px;
  height: 146.244px;
  margin: 23.995px 0 0 47.99px;
  z-index: 60;
}
.community-salon {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 279px;
  height: 176px;
  top: -1.773px;
  left: 0;
  color: #495565;
  font-family: Arimo, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 29.25px;
  text-align: left;
  z-index: 61;
}
.container-1aa {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 23.995px;
  position: relative;
  width: 280.333px;
  height: 152.008px;
  margin: 31.997px 0 0 47.99px;
  z-index: 62;
}
.container-1ab {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 15.993px;
  position: relative;
  min-width: 0;
  height: 76.01px;
  z-index: 63;
}
.container-1ac {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  width: 40px;
  height: 40px;
  padding: 0 0.01px 0 0;
  background: rgba(0, 153, 68, 0.1);
  z-index: 64;
  border-radius: 24905300px;
}
.icon-1ad {
  flex-shrink: 0;
  position: relative;
  width: 19.994px;
  height: 19.994px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-13/pQ2dehJdJB.png)
    no-repeat center;
  background-size: cover;
  z-index: 65;
  overflow: hidden;
}
.container-1ae {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 3.99px;
  position: relative;
  width: 224.341px;
  height: 76.01px;
  z-index: 66;
}
.paragraph-1af {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  height: 24.007px;
  z-index: 67;
}
.event-day {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 24px;
  top: -1.516px;
  left: 0;
  color: #101727;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 68;
}
.paragraph-1b0 {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  height: 48.013px;
  z-index: 69;
}
.mon-fri-except-holidays {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 216px;
  height: 48px;
  top: -1.516px;
  left: 0;
  color: #495565;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  z-index: 70;
}
.container-1b1 {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 15.993px;
  position: relative;
  min-width: 0;
  height: 52.003px;
  z-index: 71;
}
.container-1b2 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  width: 40px;
  height: 40px;
  padding: 0 0.01px 0 0;
  background: rgba(0, 153, 68, 0.1);
  z-index: 72;
  border-radius: 24905300px;
}
.icon-1b3 {
  flex-shrink: 0;
  position: relative;
  width: 19.994px;
  height: 19.994px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-13/KyGuEmAD6x.png)
    no-repeat center;
  background-size: cover;
  z-index: 73;
  overflow: hidden;
}
.container-1b4 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 3.99px;
  position: relative;
  width: 100.677px;
  height: 52.003px;
  z-index: 74;
}
.paragraph-1b5 {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  height: 24.007px;
  z-index: 75;
}
.event-time {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 24px;
  top: -1.515px;
  left: 0;
  color: #101727;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 76;
}
.paragraph-1b6 {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  height: 24.007px;
  z-index: 77;
}
.text-92 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 24px;
  top: -1.516px;
  left: 0;
  color: #495565;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 78;
}
.container-1b7 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 11.991px;
  position: relative;
  width: 280.333px;
  height: 219.945px;
  margin: 31.998px 0 0 47.99px;
  padding: 23.995px 23.995px 0 27.706px;
  background: rgba(0, 153, 68, 0.05);
  border-left: 3.711px solid #009944;
  z-index: 79;
  border-radius: 14px;
}
.paragraph-1b8 {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  height: 24.007px;
  z-index: 80;
}
.activities-salon {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 24px;
  top: -1.516px;
  left: 0;
  color: #101727;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 81;
}
.list-1b9 {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  height: 135.957px;
  z-index: 82;
}
.list-item-1ba {
  position: relative;
  width: 228.632px;
  height: 27.996px;
  margin: 0 0 0 0;
  z-index: 83;
}
.text-1bb {
  position: absolute;
  width: 168.685px;
  height: 24.007px;
  top: 0;
  left: 14.497px;
  z-index: 86;
}
.chat-while-drinking-tea {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 24px;
  top: -1.515px;
  left: 0;
  color: #495565;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 87;
}
.text-1bc {
  position: absolute;
  width: 6.506px;
  height: 24.007px;
  top: 3.99px;
  left: 0;
  z-index: 84;
}
.bullet-1bd {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 24px;
  top: -1.516px;
  left: 0;
  color: #009944;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 85;
}
.text-1be {
  position: relative;
  width: 228.632px;
  height: 27.996px;
  margin: 7.991px 0 0 0;
  z-index: 88;
}
.refreshing-exercises {
  position: absolute;
  width: 151.637px;
  height: 24.007px;
  top: 0;
  left: 14.497px;
  z-index: 91;
}
.text-1bf {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 24px;
  top: -1.516px;
  left: 0;
  color: #495565;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 92;
}
.bullet-1c0 {
  position: absolute;
  width: 6.506px;
  height: 24.007px;
  top: 3.989px;
  left: 0;
  z-index: 89;
}
.text-1c1 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 24px;
  top: -1.516px;
  left: 0;
  color: #009944;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 90;
}
.hobby-activities {
  position: relative;
  width: 228.632px;
  height: 27.996px;
  margin: 7.991px 0 0 0;
  z-index: 93;
}
.text-1c2 {
  position: absolute;
  width: 138.172px;
  height: 24.007px;
  top: 0;
  left: 14.497px;
  z-index: 96;
}
.bullet-1c3 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 24px;
  top: -1.516px;
  left: 0;
  color: #495565;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 97;
}
.text-1c4 {
  position: absolute;
  width: 6.506px;
  height: 24.007px;
  top: 3.989px;
  left: 0;
  z-index: 94;
}
.community-information-exchange {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 24px;
  top: -1.516px;
  left: 0;
  color: #009944;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 95;
}
.text-1c5 {
  position: relative;
  width: 228.632px;
  height: 27.996px;
  margin: 7.991px 0 0 0;
  z-index: 98;
}
.bullet-1c6 {
  position: absolute;
  width: 109.028px;
  height: 24.007px;
  top: 0;
  left: 14.497px;
  z-index: 101;
}
.button-1c7 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 24px;
  top: -1.516px;
  left: 0;
  color: #495565;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 102;
}
.text-1c8 {
  position: absolute;
  width: 6.506px;
  height: 24.007px;
  top: 3.989px;
  left: 0;
  z-index: 99;
}
.contact-us-here {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 24px;
  top: -1.516px;
  left: 0;
  color: #009944;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 100;
}
.icon-1c9 {
  position: relative;
  display: block;
  width: 180px;
  height: 24px;
  margin: 31.854px 0 0 48px;
  z-index: 103;
}
.container-1ca {
  position: absolute;
  width: 132.675px;
  height: 24.007px;
  top: 0;
  left: 0;
  z-index: 104;
}
.container-1cb {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 24px;
  top: -1.515px;
  left: 0;
  color: #009944;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 105;
}
.image-fallback-1cc {
  position: absolute;
  width: 19.994px;
  height: 19.994px;
  top: 2px;
  left: 160px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-13/aQ3MyrjBTC.png)
    no-repeat center;
  background-size: cover;
  z-index: 106;
  overflow: hidden;
}
.s {
  position: relative;
  width: 376px;
  height: 1353px;
  margin: -0.14px 0 0 0;
  z-index: 112;
  overflow: hidden;
}
.text-1cd {
  position: relative;
  width: 376.314px;
  height: 499.989px;
  margin: 0 0 0 0;
  z-index: 171;
  overflow: hidden;
}
.lively-help-team {
  position: relative;
  width: 440px;
  height: 586px;
  margin: 215.86px 0 0 463px;
  z-index: 172;
  overflow: hidden;
}
.container-1ce {
  position: absolute;
  width: 749px;
  height: 500px;
  top: 0;
  left: -225px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-13/hK84jQAV3h.png)
    no-repeat center;
  background-size: cover;
  z-index: 173;
}
.container-1cf {
  position: absolute;
  width: 179px;
  height: 39px;
  top: 24.86px;
  left: 175px;
  background: #e09612;
  z-index: 174;
  border-radius: 24905300px;
}
.text-9d {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  height: 28px;
  top: 5.86px;
  left: 14px;
  color: #ffffff;
  font-family: Arimo, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  text-align: left;
  white-space: nowrap;
  z-index: 175;
}
.section-5f {
  position: relative;
  width: 376px;
  height: 853px;
  margin: 0.01px 0 0 0;
  background: #ffffff;
  z-index: 113;
  overflow: visible auto;
}
.wrapper-62 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 11.992px;
  position: relative;
  width: 280.333px;
  height: 47.99px;
  margin: 47.99px 0 0 47.99px;
  z-index: 114;
}
.container-1d0 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  width: 47.99px;
  height: 47.99px;
  padding: 0 0.01px 0 0;
  background: #e09612;
  z-index: 115;
  border-radius: 24905300px;
}
.icon-1d1 {
  flex-shrink: 0;
  position: relative;
  width: 23.995px;
  height: 23.995px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-13/H7ZFCVqRBL.png)
    no-repeat center;
  background-size: cover;
  z-index: 116;
  overflow: hidden;
}
.heading-1d2 {
  flex-shrink: 0;
  position: relative;
  width: 191.74px;
  height: 35.998px;
  z-index: 117;
}
.volunteer-text {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 36px;
  top: -3.227px;
  left: 0;
  color: #e09612;
  font-family: Arimo, var(--default-font-family);
  font-size: 30px;
  font-weight: 400;
  line-height: 36px;
  text-align: left;
  white-space: nowrap;
  z-index: 118;
}
.paragraph-1d3 {
  position: relative;
  width: 280.333px;
  height: 116.995px;
  margin: 23.995px 0 0 47.99px;
  z-index: 119;
}
.support-text {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 272px;
  height: 147px;
  top: -1.773px;
  left: 0;
  color: #495565;
  font-family: Arimo, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 29.25px;
  text-align: left;
  z-index: 120;
}
.container-1d4 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 23.995px;
  position: relative;
  width: 280.333px;
  height: 176.014px;
  margin: 31.997px 0 0 47.99px;
  z-index: 121;
}
.container-1d5 {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 15.993px;
  position: relative;
  min-width: 0;
  height: 76.01px;
  z-index: 122;
}
.container-1d6 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  width: 40px;
  height: 40px;
  padding: 0 0.01px 0 0;
  background: rgba(224, 150, 18, 0.1);
  z-index: 123;
  border-radius: 24905300px;
}
.icon-1d7 {
  flex-shrink: 0;
  position: relative;
  width: 19.994px;
  height: 19.994px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-13/gwnEmB5VJ0.png)
    no-repeat center;
  background-size: cover;
  z-index: 124;
  overflow: hidden;
}
.container-1d8 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 3.989px;
  position: relative;
  width: 224.341px;
  height: 76.01px;
  z-index: 125;
}
.paragraph-1d9 {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  height: 24.007px;
  z-index: 126;
}
.area-text {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 24px;
  top: -1.516px;
  left: 0;
  color: #101727;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 127;
}
.paragraph-1da {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  height: 48.013px;
  z-index: 128;
}
.area-details {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 221px;
  height: 48px;
  top: -1.516px;
  left: 0;
  color: #495565;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  z-index: 129;
}
.container-1db {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 15.993px;
  position: relative;
  min-width: 0;
  height: 76.01px;
  z-index: 130;
}
.container-1dc {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  width: 40px;
  height: 40px;
  padding: 0 0.01px 0 0;
  background: rgba(224, 150, 18, 0.1);
  z-index: 131;
  border-radius: 24905300px;
}
.icon-1dd {
  flex-shrink: 0;
  position: relative;
  width: 19.994px;
  height: 19.994px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-13/9WnQfSjdAr.png)
    no-repeat center;
  background-size: cover;
  z-index: 132;
  overflow: hidden;
}
.container-1de {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 3.989px;
  position: relative;
  width: 224.341px;
  height: 76.01px;
  z-index: 133;
}
.paragraph-1df {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  height: 24.007px;
  z-index: 134;
}
.activity-text {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 24px;
  top: -1.516px;
  left: 0;
  color: #101727;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 135;
}
.paragraph-1e0 {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  height: 48.013px;
  z-index: 136;
}
.activity-details {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 220px;
  height: 48px;
  top: -1.516px;
  left: 0;
  color: #495565;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  z-index: 137;
}
.container-1e1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 11.992px;
  position: relative;
  width: 280px;
  height: 272px;
  margin: 32.018px 0 0 48px;
  padding: 23.995px 23.995px 0 27.706px;
  background: rgba(224, 150, 18, 0.05);
  border-left: 3.711px solid #e09612;
  z-index: 138;
  border-radius: 14px;
}
.paragraph-1e2 {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  height: 24.007px;
  z-index: 139;
}
.support-examples {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 24px;
  top: -1.516px;
  left: 0;
  color: #101727;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 140;
}
.list-1e3 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 7.991px;
  position: relative;
  min-width: 0;
  height: 155.974px;
  z-index: 141;
}
.list-item-1e4 {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  height: 27.996px;
  z-index: 142;
}
.text-1e5 {
  position: absolute;
  width: 168.082px;
  height: 24.007px;
  top: 0;
  left: 14.497px;
  z-index: 145;
}
.shopping-support {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 24px;
  top: -1.516px;
  left: 0;
  color: #495565;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 146;
}
.text-1e6 {
  position: absolute;
  width: 6.506px;
  height: 24.007px;
  top: 3.989px;
  left: 0;
  z-index: 143;
}
.bullet-point-1e7 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 24px;
  top: -1.516px;
  left: 0;
  color: #e09612;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 144;
}
.list-item-1e8 {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  height: 27.996px;
  z-index: 147;
}
.text-1e9 {
  position: absolute;
  width: 102.15px;
  height: 24.007px;
  top: 0;
  left: 14.497px;
  z-index: 150;
}
.medical-support {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 24px;
  top: -1.516px;
  left: 0;
  color: #495565;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 151;
}
.text-1ea {
  position: absolute;
  width: 6.506px;
  height: 24.007px;
  top: 3.989px;
  left: 0;
  z-index: 148;
}
.bullet-point-1eb {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 24px;
  top: -1.516px;
  left: 0;
  color: #e09612;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 149;
}
.list-item-1ec {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  height: 48.013px;
  z-index: 152;
}
.text-1ed {
  position: absolute;
  width: 214.135px;
  height: 48.013px;
  top: 0;
  left: 14.497px;
  z-index: 155;
}
.housework-support {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 205px;
  height: 48px;
  top: -1.516px;
  left: 0;
  color: #495565;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  z-index: 156;
}
.text-1ee {
  position: absolute;
  width: 6.506px;
  height: 24.007px;
  top: 3.989px;
  left: 0;
  z-index: 153;
}
.bullet-point-1ef {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 24px;
  top: -1.516px;
  left: 0;
  color: #e09612;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 154;
}
.list-item-1f0 {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  height: 69px;
  z-index: 157;
}
.text-1f1 {
  position: absolute;
  width: 207.246px;
  height: 24.007px;
  top: 0;
  left: 14.497px;
  z-index: 160;
}
.light-work-support {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 24px;
  top: -1.516px;
  left: 0;
  color: #495565;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 161;
}
.text-1f2 {
  position: absolute;
  width: 6.506px;
  height: 24.007px;
  top: 3.99px;
  left: 0;
  z-index: 158;
}
.bullet-point-1f3 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 24px;
  top: -1.516px;
  left: 0;
  color: #e09612;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 159;
}
.list-item-1f4 {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  height: 69px;
  z-index: 162;
}
.text-1f5 {
  position: absolute;
  width: 207.246px;
  height: 24.007px;
  top: 0;
  left: 14.497px;
  z-index: 165;
}
.gardening-support {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 24px;
  top: -1.516px;
  left: 0;
  color: #495565;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 166;
}
.text-1f6 {
  position: absolute;
  width: 6.506px;
  height: 24.007px;
  top: 3.99px;
  left: 0;
  z-index: 163;
}
.bullet-point-1f7 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 24px;
  top: -1.516px;
  left: 0;
  color: #e09612;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 164;
}
.flex-row-dc {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 180.994px;
  height: 24.007px;
  margin: 41px 0 0 46px;
  z-index: 170;
}
.button-1f8 {
  flex-shrink: 0;
  position: relative;
  width: 160.659px;
  height: 24.007px;
  z-index: 167;
}
.text-1f9 {
  position: relative;
  width: 132.675px;
  height: 24.007px;
  margin: 0 0 0 0;
  z-index: 168;
}
.contact-button {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 24px;
  top: -1.516px;
  left: 0;
  color: #e09612;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 169;
}
.icon-1fa {
  flex-shrink: 0;
  position: relative;
  width: 19.994px;
  height: 19.994px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-13/MqzkZePemz.png)
    no-repeat center;
  background-size: cover;
  z-index: 170;
  overflow: hidden;
}
.container-1fb {
  position: relative;
  width: 344.328px;
  height: 411.895px;
  margin: 48.066px 0 0 15.993px;
  background: #009944;
  z-index: 176;
  overflow: hidden;
  border-radius: 24px;
  box-shadow: 0 25px 50px 0 rgba(0, 0, 0, 0.25);
}
.container-1fc {
  position: relative;
  width: 248.348px;
  height: 315.914px;
  margin: 47.99px 0 0 47.99px;
  z-index: 180;
  overflow: hidden;
}
.heading-1fd {
  position: relative;
  width: 248.348px;
  height: 127.943px;
  margin: -9.054px 0 0 1.017px;
  z-index: 181;
}
.support-message {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 278px;
  height: 160px;
  top: 4px;
  left: -11.983px;
  color: #ffffff;
  font-family: Arimo, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  text-align: center;
  z-index: 182;
}
.paragraph-1fe {
  position: relative;
  width: 248.348px;
  height: 83.989px;
  margin: 25.047px 0 0 0;
  z-index: 183;
}
.contact-text {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 246px;
  height: 84px;
  top: 15.01px;
  left: 2.017px;
  color: rgba(255, 254, 254, 0.9);
  font-family: Arimo, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  text-align: center;
  z-index: 184;
}
.button-1ff {
  position: relative;
  display: block;
  width: 165.24px;
  height: 55.992px;
  margin: 31.997px 0 0 41.554px;
  background: #ffffff;
  z-index: 185;
  border-radius: 24905300px;
  box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.1);
}
.contact-button-200 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 24px;
  top: 14.478px;
  left: 40px;
  color: #009944;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 186;
}
.container-201 {
  position: absolute;
  width: 344.328px;
  height: 411.895px;
  top: 0;
  left: 0;
  opacity: 0.1;
  z-index: 177;
}
.container-202 {
  position: relative;
  width: 79.999px;
  height: 79.999px;
  margin: 40px 0 0 40px;
  background: #ffffff;
  z-index: 178;
  border-radius: 24905300px;
}
.container-203 {
  position: relative;
  width: 127.989px;
  height: 127.989px;
  margin: 123.907px 0 0 176.339px;
  background: #ffffff;
  z-index: 179;
  border-radius: 24905300px;
}
.footer {
  position: relative;
  width: 376.314px;
  height: 992.602px;
/*  top: 14237px; */
  background: #101828;
  z-index: 673;
  overflow: hidden;
  margin:220px auto 60px;
}
.flex-row-ab {
  position: relative;
  width: 383.991px;
  height: 383.991px;
  margin: 608.61px 0 0 -7.678px;
  z-index: 676;
}
#link_float{
  display: none;
  position: fixed;
  right: calc(50% - 190px);
  bottom: 5px;
  z-index: 10;
  width:60px;
  height: 60px;
}
#link_float.show{
  display: block;
}
.link-float-content {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  width: 47.99px;
  height: 47.99px;
  margin: 0;
  padding: 0 0.01px 0 0;
  background: #009944;
  z-index: 676;
  border-radius: 24905300px;
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.1);
}
.icon-205 {
  flex-shrink: 0;
  position: relative;
  width: 23.995px;
  height: 23.995px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-13/k33Aei3WCG.png)
    no-repeat center;
  background-size: cover;
  z-index: 677;
  overflow: hidden;
}
.container-206 {
  position: absolute;
  width: 383.991px;
  height: 383.991px;
  top: 0;
  left: 0;
  background: rgba(224, 150, 18, 0.1);
  filter: blur(64px);
  z-index: 675;
  border-radius: 24905300px;
}
.flex-row-f {
  position: absolute;
  width: 383.991px;
  height: 992.602px;
  top: 0;
  left: 0;
  z-index: 678;
}
.container-207 {
  position: absolute;
  width: 383.991px;
  height: 383.991px;
  top: 0;
  left: 0;
  background: rgba(0, 153, 68, 0.1);
  filter: blur(64px);
  z-index: 674;
  border-radius: 24905300px;
}
.container-208 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 47.99px;
  position: absolute;
  width: 376.314px;
  height: 992.602px;
  top: 0;
  left: 0;
  padding: 63.995px 15.993px 0 15.993px;
  z-index: 678;
}
.container-209 {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  height: 707.908px;
  z-index: 679;
}
.container-20a {
  position: relative;
  width: 346px;
  height: 48px;
  margin: 231.005px 0 0 -1.993px;
  z-index: 719;
}
.link {
  position: absolute;
  display: block;
  width: 48px;
  height: 48px;
  top: 0;
  left: 0;
  background: #009944;
  z-index: 720;
  border-radius: 22369600px;
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.1);
}
.icon-20b {
  position: relative;
  width: 24px;
  height: 24px;
  margin: 12px 0 0 12px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-13/iwyiBFWqQk.png)
    no-repeat center;
  background-size: cover;
  z-index: 721;
  overflow: hidden;
}
.text-20c {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  position: relative;
  width: 66.333px;
  height: 24px;
  margin: 20px 0 0 -9.167px;
  padding: 4px 8px 4px 8px;
  background: #1e2939;
  z-index: 722;
  border-radius: 4px;
}
.facebook {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 16px;
  color: #ffffff;
  font-family: Arimo, var(--default-font-family);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  text-align: left;
  white-space: nowrap;
  z-index: 723;
}
.link-20d {
  position: absolute;
  display: block;
  width: 48px;
  height: 48px;
  top: 0;
  left: 60px;
  background: #e09612;
  z-index: 724;
  border-radius: 22369600px;
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.1);
}
.icon-20e {
  position: relative;
  width: 24px;
  height: 24px;
  margin: 12px 0 0 12px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-13/dwkwgiXF1R.png)
    no-repeat center;
  background-size: cover;
  z-index: 725;
  overflow: hidden;
}
.text-20f {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  position: relative;
  width: 68.938px;
  height: 24px;
  margin: 20px 0 0 -10.469px;
  padding: 4px 8px 4px 8px;
  background: #1e2939;
  z-index: 726;
  border-radius: 4px;
}
.instagram {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 16px;
  color: #ffffff;
  font-family: Arimo, var(--default-font-family);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  text-align: left;
  white-space: nowrap;
  z-index: 727;
}
.container-210 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 7.991px;
  position: relative;
  width: 344.328px;
  height: 24.007px;
  margin: 50px 0 0 0.01px;
  z-index: 684;
}
.text-211 {
  flex-shrink: 0;
  position: relative;
  width: 74.572px;
  height: 24.007px;
  z-index: 685;
}
.made-with {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 24px;
  top: -1.516px;
  left: 0;
  color: #99a1ae;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 686;
}
.icon-212 {
  flex-shrink: 0;
  position: relative;
  width: 15.993px;
  height: 15.993px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-13/y3Z6NhL64f.png)
    no-repeat center;
  background-size: cover;
  z-index: 687;
  overflow: hidden;
}
.text-213 {
  flex-shrink: 0;
  position: relative;
  width: 130.993px;
  height: 24.007px;
  z-index: 688;
}
.for-the-community {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 24px;
  top: -1.516px;
  left: 0;
  color: #99a1ae;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 689;
}
.container-214 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 15.993px;
  position: relative;
  width: 344.328px;
  margin: 39.993px 0 0 0.01px;
  z-index: 690;
}
.heading-215 {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  height: 27.996px;
  z-index: 691;
}
.business-content-216 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 28px;
  top: -1.515px;
  left: 0;
  color: #ffffff;
  font-family: Arimo, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  text-align: left;
  white-space: nowrap;
  z-index: 692;
}
.list-217 {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  height: 73px;
  z-index: 693;
}
.list-item-218 {
  position: relative;
  width: 344.328px;
  height: 24.007px;
  margin: 0 0 0 0;
  z-index: 694;
}
.weekday-salon-219 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 24px;
  top: -1.516px;
  left: 0;
  color: #d0d5db;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 695;
}
.list-item-21a {
  position: relative;
  width: 344.328px;
  height: 24.007px;
  margin: 11.992px 0 0 0;
  z-index: 696;
}
.paid-volunteer-21b {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 24px;
  top: -1.516px;
  left: 0;
  color: #d0d5db;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 697;
}
.container-21c {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 15.993px;
  position: relative;
  width: 344px;
  height: 255px;
  z-index: 698;
}
.heading-21d {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  height: 27.996px;
  z-index: 699;
}
.contact-21e {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 28px;
  top: -1.516px;
  left: 0;
  color: #ffffff;
  font-family: Arimo, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  text-align: left;
  white-space: nowrap;
  z-index: 700;
}
.list-21f {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 11.992px;
  position: relative;
  min-width: 0;
  height: 167.954px;
  z-index: 701;
}
.list-item-220 {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  height: 47.99px;
  z-index: 702;
}
.text-221 {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  position: relative;
  width: 344.328px;
  height: 19.994px;
  margin: 0 0 0 0;
  z-index: 703;
}
.phone-number-222 {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  min-width: 0;
  height: 20px;
  color: #99a1ae;
  font-family: Arimo, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  white-space: nowrap;
  z-index: 704;
}
.text-223 {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  position: relative;
  width: 99.019px;
  height: 20.783px;
  margin: 5.474px 0 0 0;
  z-index: 705;
}
.phone-number-value {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 24px;
  color: #ffffff;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 706;
}
.list-item-224 {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  height: 47.99px;
  z-index: 707;
}
.text-225 {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  position: relative;
  width: 344.328px;
  height: 19.994px;
  margin: 0 0 0 0;
  z-index: 708;
}
.reception-hours {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  min-width: 0;
  height: 20px;
  color: #99a1ae;
  font-family: Arimo, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  white-space: nowrap;
  z-index: 709;
}
.text-226 {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  position: relative;
  width: 128.291px;
  height: 20.783px;
  margin: 5.474px 0 0 0;
  z-index: 710;
}
.reception-hours-value {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  position: relative;
  width: 128.291px;
  min-width: 0;
  height: 48px;
  color: #d0d5db;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  z-index: 711;
}
.list-item-227 {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  height: 47.99px;
  z-index: 712;
}
.text-228 {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  position: relative;
  width: 344.328px;
  height: 19.994px;
  margin: 0 0 0 0;
  z-index: 713;
}
.email-229 {
  display: block;
  position: relative;
  height: 20px;
  margin: 0.42px 0 0 0.01px;
  color: #99a1ae;
  font-family: Arimo, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  white-space: nowrap;
  z-index: 714;
}
.text-22a {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  position: relative;
  width: 189.259px;
  height: 20.783px;
  margin: 5.468px 0 0 0.01px;
  z-index: 715;
}
.email-value {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 24px;
  color: #ffffff;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 716;
}
.container-22b {
  position: absolute;
  width: 344.328px;
  height: 223.993px;
  top: 0;
  left: 0;
  z-index: 680;
}
.image-ikiiki-club {
  position: relative;
  width: 279.684px;
  height: 47.99px;
  margin: 0 0 0 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-11-13/xeV55w3LdE.png)
    no-repeat center;
  background-size: cover;
  z-index: 681;
  overflow: hidden;
}
.paragraph-22c {
  position: relative;
  width: 344.328px;
  height: 104.006px;
  margin: 23.995px 0 0 0;
  z-index: 682;
}
.non-profit-organization-ikiiki-club {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 339px;
  height: 104px;
  top: -1.773px;
  left: 0;
  color: #d0d5db;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  text-align: left;
  z-index: 683;
}
.paragraph-22d {
  position: absolute;
  width: 346px;
  height: 24px;
  top: 195.005px;
  left: -1.993px;
  z-index: 717;
}
.follow-us {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 24px;
  top: -1.667px;
  left: 0;
  color: #ffffff;
  font-family: Arimo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 718;
}
.container-22e {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  height: 108.714px;
  padding: 80px 0 0 0;
  z-index: 728;
}
.container-22f {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  height: 75.975px;
  padding: 0 0 0px 0;
  z-index: 729;
}
.paragraph-230 {
  flex-shrink: 0;
  position: relative;
  width: 344.328px;
  height: 39.988px;
  z-index: 730;
}
.copyright {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 317px;
  height: 40px;
  top: -2px;
  left: 0;
  color: #99a1ae;
  font-family: Arimo, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  z-index: 731;
}
.container-231 {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 23.995px;
  position: relative;
  width: 251.038px;
  height: 19.994px;
  z-index: 732;
}
.button-232 {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  width: 103.623px;
  height: 19.994px;
  z-index: 733;
}
.privacy-policy {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 20px;
  color: #99a1ae;
  font-family: Arimo, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  white-space: nowrap;
  z-index: 734;
}
.button-233 {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  width: 56.004px;
  height: 19.994px;
  z-index: 735;
}
.terms-of-use {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  min-width: 0;
  height: 20px;
  color: #99a1ae;
  font-family: Arimo, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  white-space: nowrap;
  z-index: 736;
}
.button-234 {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  width: 43.421px;
  height: 19.994px;
  z-index: 737;
}
.access-235 {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 20px;
  color: #99a1ae;
  font-family: Arimo, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  white-space: nowrap;
  z-index: 738;
}
/* ===============================
   レスポンシブ対応用の上書きスタイル
   （index.css の一番最後に追記）
   =============================== */

/* ページ全体の基本設定 */
html, body {
  margin: 0;
  padding: 0;
  font-family: var(--default-font-family);
}

/* メインの外枠：幅を可変にして中央寄せ */
.main-container {
  width: 100%;              /* 固定 376px をやめる */
  max-width: 960px;         /* PC での最大幅。1カラムで適度な幅 */
  margin: 0 auto;
  height: auto;             /* 固定高さをやめて中身に合わせる */
}

/* ヘッダーと大きなセクションは横幅を 100% に */
.header,
.app,
.hero,
.about,
.services,
.news,
.testimonial {
  width: 100%;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}

/* 高さが固定されていると崩れやすいので、主要コンテナは高さ auto にする */
.app {
  height: auto;
}

.main-content {
  height: auto;
}

/* ヒーロー画像まわり：横幅いっぱいに表示 */
.hero {
  width: 100%;
  max-width: 960px;
  margin: 12px auto 0 auto;
}

.image-fallback {
  width: 100%;
  left: 0;
  /* 高さはデザイン優先でそのままでもOK。気になる場合は auto にしても良い */
}

/* News セクションと Testimonials セクションも幅を可変に */
.news {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
}

.testimonial {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
}
.pricing{
  margin:0px;
}
/* 内側の 344px 幅のカード群は中央寄せしておくと、幅が広がっても見栄えが保てる */
.container-7,
.container-c,
.container-189,
.container-19b,
.container-19f,
.container-4d,
.container-4e {
  margin-left: auto;
  margin-right: auto;
}

/* 画面幅が広いときに、サービスの2つの事業を横並びに（任意・お好み） */
@media (min-width: 768px) {
  /* 事業内容の2カラムレイアウト */
  .services .container-19f {
    align-items: stretch;
  }

  /* 左の「いきいきクラブ扇田」カードと右の詳細を均等に伸ばす */
  .services .container-1a0,
  .services .container-1a3 {
    width: auto;
    flex: 1 1 0;
  }

  /* Aboutセクションを左右2カラムに（画像＋テキスト） */
  .about .container-189 {
    display: flex;
    flex-direction: row;
    gap: 32px;
    align-items: center;
    padding: 40px 16px;
  }

  .about .container-18b,
  .about .container-191 {
    width: 100%;
    flex: 1 1 0;
  }
}

/* さらに画面が広い場合は、左右に少し余白を追加して読みやすく */
@media (min-width: 1024px) {
  .hero,
  .about,
  .services,
  .news,
  .testimonial {
    box-sizing: border-box;
  }
}
/* ===== main-container 最終上書き（レイアウト修正＆レスポンシブ対応の基本） ===== */
.main-container {
  position: relative;
  width: 100%;
  max-width: 376px;    /* スマホ用デザインの幅を上限にする */
  margin: 0 auto;      /* 中央寄せ */
  z-index: 1;
  overflow: visible;   /* hidden をやめて中身を切らない */
}


/* 投稿ページ, 固定ページ */
.wp-singular .app{
  padding:10px 20px;
}

/* .news 自体は高さを自動にして、中身に合わせて伸びるようにする */
.news {
  height: auto;          /* 固定高さ 1722.892px の上書き */
  overflow: visible;     /* はみ出しを切らないように（任意） */
}

/* 中身の本体コンテナを、通常フローに戻す */
.news .container-6 {
  position: static;      /* absolute → 通常フローに */
  width: 100%;           /* 親 .news の幅にフィットさせる */
  height: auto;          /* 中のカードの高さに応じて伸びる */
  margin-top: 96px;      /* もともとの top: 95.992px 相当の余白を付ける */
}

/* 背景のぼかし円は絶対配置のままで OK（必要なら） */
.news .container-5 {
  /* 既存の absolute 指定はそのままでよい */
  pointer-events: none;  /* クリックを邪魔しないためのオプション */
}