.notch-icon {
  position: absolute;
  top: -.02rem;
  left: calc(50% - .81rem);
  width: 0;
  height: 0;
}
.div1,
.statusbar-time {
  position: absolute;
  width: .54rem;
}
.div1 {
  top: 1px;
  left: 0;
  letter-spacing: -0.41px;
  line-height: .22rem;
  font-weight: 600;
  display: inline-block;
  height: .2rem;
}
.statusbar-time {
  top: 0;
  left: calc(50% - .27rem);
  border-radius: var(--br-5xl);
  height: .21rem;
}
.left-side,
.right-side-icon {
  position: absolute;
  top: .14rem;
  left: calc(50% - 1.63rem);
  width: .54rem;
  height: .21rem;
}
.right-side-icon {
  top: .19rem;
  left: calc(50% + .86rem);
  width: .77rem;
  height: .13rem;
}
.statusbar-iphone-13 {
  align-self: stretch;
  position: relative;
  height: .47rem;
  overflow: hidden;
  flex-shrink: 0;
}
.topnavigation {
  background-color: var(--color-whitesmoke-300);
  box-shadow: 0 0.5px 0 rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(.2rem);
  width: 3.75rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.x-1-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 1.28rem;
  height: .37rem;
  object-fit: cover;
}
.div3,
.div4 {
  position: relative;
  flex-shrink: 0;
}
.div3 {
  width: 1.27rem;
  height: .38rem;
  overflow: hidden;
}
.div4 {
  display: inline-block;
  font-size: .16rem;
  font-weight: 400;
}
.wrapper {
  border-radius: var(--br-71xl);
  background-color: var(--color-mediumseagreen);
  border: 1px solid var(--color-mediumseagreen);
  display: flex;
  flex-direction: row;
  padding: var(--padding-9xs) var(--padding-5xs);
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}
.drag-handle-icon {
  position: absolute;
  margin: 0 !important;
  top: 0;
  left: 0;
  width: .24rem;
  height: .24rem;
  z-index: 0;
}
.component-13 {
  border-radius: var(--br-3xs);
  width: .24rem;
  height: .24rem;
  overflow: auto;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  position: relative;
}
.div2,
.frame-parent,
.topnavigation-parent {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.frame-parent {
  /* flex: 1; */
  flex-direction: row;
  gap: var(--gap-22xl);
}
.div2,
.topnavigation-parent {
  /* align-self: stretch; */
}
.div2 {
  background-color: var(--color-white);
  flex-direction: row;
  padding: var(--padding-base);
  gap: var(--gap-54xl);
  font-size: var(--font3-size);
  color: var(--color-white);
  font-family: var(--font);
  width: 100%;
}
.topnavigation-parent {
  flex-direction: column;
  text-align: center;
  font-size: var(--default-bold-body-size);
  color: var(--color-gray-200);
  font-family: var(--default-bold-body);
  background: #fff;
  width: 100%;
}
.div5 {
  font-weight: 500;
}
.div5,
.div6 {
  position: relative;
}
.div6 {
  font-size: var(--font4-size);
}
.parent {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: .03rem;
  z-index: 2;
}
.frame-child::after {
  background: url('./public/line-2.svg') no-repeat;
  display: block;
  content: "";
  position: absolute;
  bottom: 0.08rem;
  width: 100%;
  height: .05rem;
  z-index: -1;
  background-size: 100%;
}
.div7 {
  position: relative;
  z-index: 0;
  margin-top: -.01rem;
}
.frame-container,
.frame-div,
.frame-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.frame-div {
  height: .6rem;
  justify-content: center;
  position: relative;
}
.frame-container,
.frame-wrapper {
  justify-content: flex-start;
}
.frame-container {
  /* padding: 0 .3rem 0 0; */
}
.frame-wrapper {
  /* position: absolute;
  top: calc(50% - 1.67rem);
  left: .32rem; */
  /* width: 3.3rem; */
}
.group-child {
  position: relative;
  width: 3.75rem;
  overflow: hidden;
  height: 2.78rem;
  margin: auto;
}

.group-child img {
  width: 100%;
  height: 100%;
}

.video1 {
  position: absolute;
  width: 1.05rem;
  top: .64rem;
  right: 0;
  left: .59rem;
  overflow: hidden;
  height: 1.36rem;
  border-radius: .11rem .23rem;
}
.video1 video {
  object-fit: fill;
  position: relative;
  left: -0.55rem;
}
.video2 {
  position: absolute;
  width: .85rem;
  top: .22rem;
  right: .58rem;
  overflow: hidden;
  height: 1.11rem;
  border-radius: .11rem .23rem;
}

.video2 video {
  object-fit: fill;
  position: relative;
  left: -0.4rem;
}

.video3 {
  position: absolute;
  width: .77rem;
  bottom: 0px;
  right: .95rem;
  overflow: hidden;
  height: .99rem;
  border-radius: .11rem .23rem;
}

.video3 video {
  object-fit: fill;
  position: relative;
  top: -0.13rem;
}


.frame-group {
  position: relative;
  width: 100%;
  height: 3.34rem;
  text-align: center;
  font-size: var(--font-size);
}
.arrow-right-alt-icon {
  height: .13rem;
  width: .13rem;
}
.arrow-right-alt,
.component-6 {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-end;
}
.arrow-right-alt {
  border-radius: .09rem;
  background-color: var(--color-white);
  position: relative;
}
.component-6 {
  border-radius: .25rem;
  background-color: var(--color-mediumseagreen);
  padding: .08rem .17rem;
  gap: .09rem;
}
.div9 {
  align-self: stretch;
  position: relative;
  font-size: var(--font3-size);
  color: var(--color-gray-100);
  text-align: center;
  font-weight: 400;
}
.component-6-parent {
  width: 3.34rem;
  display: flex;
  flex-direction: column;
  padding: 0 0 .29rem;
  box-sizing: border-box;
  align-items: center;
  justify-content: flex-start;
  gap: .12rem;
  font-size: .13rem;
  color: var(--color-white);
}
.div10 {
  position: relative;
  font-weight: 400;
}
.x-icon,
.x-icon2 {
  position: relative;
  width: .83rem;
  height: .42rem;
  object-fit: cover;
}
.x-icon2 {
  width: .84rem;
}
.x-parent {
  align-self: stretch;
  border-top: 1px solid var(--color-gainsboro-300);
  border-bottom: 1px solid var(--color-gainsboro-300);
  overflow-x: auto;
  display: flex;
  flex-direction: row;
  padding: .14rem 0;
  align-items: center;
  justify-content: center;
  gap: var(--gap-9xs);
}
.container,
.group {
  display: flex;
  flex-direction: column;
  text-align: center;
}
.group {
  width: 100%;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-base);
  font-size: var(--font3-size);
}
.image_group {
  overflow: hidden;
  width: 100%;
  border-top: 1px solid var(--color-gainsboro-300);
  border-bottom: 1px solid var(--color-gainsboro-300);
  gap: var(--gap-9xs);
}
.image_group div {
  padding: .14rem 0;
  width: 100%;
  overflow-x: auto;
  display: flex;
}
.image_group img {
  display: inline-block;
  margin-left: .04rem;
}
.container {
  align-items: flex-start;
  justify-content: center;
  width: 100%;
}
.div12,
.div13 {
  position: relative;
  font-size: var(--font4-size);
  text-align: left;
}
.div13 {
  font-size: var(--font3-size);
  font-weight: 500;

}
.div14,
.frame {
  align-self: stretch;
}
.div14 {
  flex: 1;
  position: relative;
  line-height: 162.5%;
}
.frame {
  border-left: 1px solid var(--color-palevioletred);
  display: flex;
  flex-direction: row;
  padding: 0 0 0 var(--padding-6xs);
  align-items: flex-start;
  justify-content: flex-start;
}
.span {
  letter-spacing: -0.48em;
}
.span1 {
  letter-spacing: -0.45em;
}
.div16 {
  flex: 1;
  position: relative;
  line-height: 162.5%;
}
.frame-wrapper1,
.parent1 {
  display: flex;
  justify-content: flex-start;
}
.parent1 {
  flex: 1;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--gap-6xs);
}
.frame-wrapper1 {
  border-radius: var(--br-xl);
  background-color: #fff9fb;
  width: 100%;
  flex-direction: row;
  padding: var(--padding-mid) var(--padding-xl);
  box-sizing: border-box;
  align-items: center;
  text-align: justify;
  font-size: var(--font-size-xs);
  position: relative;
}
.hro {
  align-self: stretch;
  position: relative;
  font-size: var(--font3-size);
  font-weight: 500;
}
.parent2,
.wrapper3 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.wrapper3 {
  align-self: stretch;
  border-left: 1px solid #b8e0fd;
  flex-direction: row;
  padding: 0 0 0 var(--padding-6xs);
  text-align: justify;
  font-size: var(--font-size-xs);
}
.parent2 {
  flex: 1;
  flex-direction: column;
  gap: var(--gap-6xs);
  z-index: 0;
}
.lan-icon {
  position: absolute;
  bottom: .2rem;
  right: .2rem;
  width: .94rem;
  height: .94rem;
  z-index: 1;
}
.frame-parent2 {
  border-radius: var(--br-xl);
  background-color: #f1fbff;
  width: 100%;
  display: flex;
  flex-direction: row;
  padding: var(--padding-mid) var(--padding-xl);
  box-sizing: border-box;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  gap: var(--gap-3xs);
}
.div20 {
  flex: 1;
  position: relative;
  letter-spacing: -0.04em;
  line-height: 166%;
}
.wrapper4 {
  align-self: stretch;
  border-left: 1px solid var(--color-paleturquoise);
  display: flex;
  flex-direction: row;
  padding: 0 0 0 var(--padding-6xs);
  align-items: flex-start;
  justify-content: flex-start;
  text-align: justify;
}
.div21 {
  flex: 1;
  position: relative;
  line-height: 166%;
}
.garage-home-icon {
  position: absolute;
  bottom: 0.2rem;
  right: 0.2rem;
  width: 0.94rem;
  height: 0.94rem;
  z-index: 1;
}
.frame-parent3 {
  border-radius: var(--br-xl);
  background-color: #edfffe;
  width: 100%;
  display: flex;
  flex-direction: row;
  padding: var(--padding-mid) var(--padding-xl);
  box-sizing: border-box;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  gap: var(--gap-3xs);
  font-size: var(--font-size-xs);
}
.div23,
.wrapper6 {
  align-self: stretch;
}
.div23 {
  flex: 1;
  position: relative;
  line-height: 166%;
}
.wrapper6 {
  border-left: 1px solid var(--color-darkseagreen);
  display: flex;
  flex-direction: row;
  padding: 0 0 0 var(--padding-6xs);
  align-items: flex-start;
  justify-content: flex-start;
  text-align: justify;
}
.span2 {
  letter-spacing: -0.08em;
}
.span3 {
  letter-spacing: -0.37em;
}
.span5 {
  letter-spacing: -0.19em;
}
.div24 {
  align-self: stretch;
  flex: 1;
  position: relative;
}
.diversity-2-icon {
  position: absolute;
  bottom: 0.2rem;
  right: 0.2rem;
  width: 0.94rem;
  height: 0.94rem;
  z-index: 1;
}
.frame-parent4 {
  border-radius: var(--br-xl);
  background-color: #f1fff1;
  width: 100%;
  display: flex;
  flex-direction: row;
  padding: var(--padding-mid) var(--padding-xl);
  box-sizing: border-box;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  gap: var(--gap-3xs);
  font-size: var(--font-size-xs);
}
.div27 {
  flex: 1;
  position: relative;
  letter-spacing: -0.04em;
  line-height: 162.5%;
}
.wrapper8 {
  align-self: stretch;
  border-left: 1px solid #e1e199;
  display: flex;
  flex-direction: row;
  padding: 0 0 0 var(--padding-6xs);
  align-items: flex-start;
  justify-content: flex-start;
  text-align: justify;
  font-size: var(--font-size-xs);
}
.clinical-notes-icon {
  position: absolute;
  bottom: 0.1rem;
  right: 0.1rem;
  width: 0.94rem;
  height: 0.94rem;
  z-index: 1;
}
.frame-parent1,
.frame-parent5 {
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
  justify-content: flex-start;
}
.frame-parent5 {
  border-radius: var(--br-xl);
  background-color: #ffffec;
  width: 100%;
  padding: var(--padding-mid) var(--padding-xl);
  align-items: center;
  position: relative;
  gap: var(--gap-3xs);
}
.frame-parent1 {
  width: 100%;
  flex-wrap: wrap;
  padding: 0 var(--padding-base);
  align-items: flex-start;
  gap: var(--gap-base);
}
.div29 {
  align-self: stretch;
  position: relative;
  font-size: var(--font3-size);
  font-weight: 400;
}
.component-7-parent {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.call-made-icon {
  position: relative;
  width: .15rem;
  height: .15rem;
}
.div30 {
  align-self: stretch;
  flex: 1;
  position: relative;
  display: flex;
  align-items: center;
}
.call-made-parent {
  border-top: 0.5px solid var(--color-gainsboro-100);
  flex-direction: row;
  padding: var(--padding-5xs) 0 0;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-5xs);
}
.call-made-parent,
.div32,
.frame-parent8 {
  align-self: stretch;
  display: flex;
}
.div32 {
  position: relative;
  align-items: center;
  width: 3.2rem;
  flex-shrink: 0;
}
.frame-parent8 {
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-base);
  font-size: var(--font1-size);
}
.div34 {
  position: relative;
  font-size: var(--font3-size);
  color: var(--color-gray-100);
  font-weight: 500;
}
.garage-home-parent {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.location-on-icon {
  position: relative;
  width: .12rem;
  height: .12rem;
}
.location-on-parent {
  flex-direction: row;
  align-items: center;
}
.garage-home-parent1,
.location-on-parent,
.parent6 {
  display: flex;
  justify-content: flex-start;
}
.parent6 {
  border-radius: var(--br-9xs);
  background: linear-gradient(
    101.81deg,
    rgba(234, 252, 253, 0.14),
    rgba(228, 255, 221, 0.23) 52.08%
  );
  border: 1px rgb(205 247 194) solid;
  flex-direction: column;
  padding: var(--padding-9xs);
  align-items: flex-start;
  gap: var(--gap-11xs);
}
.garage-home-parent1 {
  flex-direction: row;
  align-items: flex-end;
}
.component-17,
.frame-parent7,
.frame-parent9 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.frame-parent9 {
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--gap-5xs);
  font-size: var(--font-size-xs);
  color: var(--color-slategray);
}
.component-17,
.frame-parent7 {
  flex-direction: column;
}
.component-17 {
  gap: var(--gap-5xs);
  font-size: var(--font3-size);
  color: var(--color-black);
}
.frame-parent7 {
  gap: var(--gap-5xl);
}
.image-7-icon {
  /* position: absolute; */
  /* height: 101.18%; */
  width: 100%;
  /* top: 0;
  right: 0;
  bottom: -1.18%;
  left: 0; */
  border-radius: .2rem .61rem .11rem .61rem;
  max-width: 3.11rem;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.arrow-right-alt1,
.component-8 {
  border-radius: .08rem;
  background-color: var(--color-mediumseagreen);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  position: relative;
}
.component-8 {
  position: absolute;
  bottom: .2rem;
  right: .2rem;
  border-radius: .22rem;
  background-color: var(--color-white);
  border: 1px solid var(--color-gainsboro-100);
  padding: .07rem .15rem;
  gap: .08rem;
}
.image-8 {
  position: relative;
  /* width: 100%; */
  /* height: 2.06rem; */
  font-size: .11rem;
  margin: 0 auto;
}
.frame-parent6_wrap {
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
  justify-content: flex-start;
  width: 100%;
  flex-wrap: wrap;
  padding: 0 var(--padding-base);
  align-items: flex-start;
  gap: var(--gap-26xl);
}
.frame-parent6 {
  border-radius: var(--br-xl);
  background-color: var(--color-whitesmoke-200);
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: var(--padding-base);
  box-sizing: border-box;
  align-items: flex-start;
  justify-content: center;
  gap: var(--gap-5xl);
}
.icon {
  position: relative;
  width: 1.14rem;
  height: .22rem;
  object-fit: cover;
}
.wrapper9 {
  border-radius: var(--br-9xs);
  background-color: var(--color-white);
  border: 0.5px solid var(--color-gainsboro-200);
  display: flex;
  flex-direction: column;
  padding: var(--padding-4xs) var(--padding-5xs);
  align-items: flex-start;
  justify-content: flex-start;
}
.icon1 {
  position: relative;
  width: .52rem;
  height: .26rem;
  object-fit: cover;
}
.wrapper10 {
  border-radius: var(--br-9xs);
  background-color: var(--color-white);
  border: 0.5px solid var(--color-gainsboro-200);
  display: flex;
  flex-direction: column;
  padding: var(--padding-6xs);
  align-items: flex-start;
  justify-content: flex-start;
}
.icon2 {
  position: relative;
  width: .82rem;
  height: .3rem;
  object-fit: cover;
}
.wrapper11 {
  border-radius: var(--br-9xs);
  background-color: var(--color-white);
  border: 0.5px solid var(--color-gainsboro-200);
  display: flex;
  flex-direction: column;
  padding: var(--padding-7xs) var(--padding-9xs);
  align-items: flex-start;
  justify-content: flex-start;
}
.icon3 {
  position: relative;
  width: .84rem;
  height: .34rem;
  object-fit: cover;
}
.wrapper12 {
  border-radius: var(--br-9xs);
  background-color: var(--color-white);
  border: 0.5px solid var(--color-gainsboro-200);
  display: flex;
  flex-direction: column;
  padding: var(--padding-9xs) var(--padding-8xs);
  align-items: flex-start;
  justify-content: flex-start;
}
.icon4 {
  position: relative;
  width: .83rem;
  height: .3rem;
  object-fit: cover;
}
.frame-parent13,
.wrapper13 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.wrapper13 {
  border-radius: var(--br-9xs);
  background-color: var(--color-white);
  border: 0.5px solid var(--color-gainsboro-200);
  flex-direction: column;
  padding: var(--padding-7xs);
}
.frame-parent13 {
  align-self: stretch;
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--gap-5xs);
}
.icon6,
.icon7 {
  position: relative;
  width: .43rem;
  height: .2rem;
  object-fit: cover;
}
.icon7 {
  width: .5rem;
  height: .32rem;
}
.wrapper16 {
  border-radius: var(--br-9xs);
  background-color: var(--color-white);
  border: 0.5px solid var(--color-gainsboro-200);
  display: flex;
  flex-direction: column;
  padding: var(--padding-9xs);
  align-items: flex-start;
  justify-content: flex-start;
}
.icon10,
.icon14,
.icon15,
.icon8,
.icon9 {
  position: relative;
  width: .66rem;
  height: .32rem;
  object-fit: cover;
}
.icon10,
.icon14,
.icon15,
.icon9 {
  width: .65rem;
}
.icon10,
.icon14,
.icon15 {
  width: .55rem;
  height: .26rem;
}
.icon14,
.icon15 {
  width: .58rem;
}
.icon15 {
  width: .68rem;
  height: .32rem;
}
.wrapper24 {
  border-radius: var(--br-9xs);
  background-color: var(--color-white);
  border: 0.5px solid var(--color-gainsboro-200);
  display: flex;
  flex-direction: column;
  padding: var(--padding-9xs) 0;
  align-items: flex-start;
  justify-content: flex-start;
}
.icon16,
.icon17,
.icon18 {
  position: relative;
  width: .67rem;
  height: .32rem;
  object-fit: cover;
}
.icon17,
.icon18 {
  width: 1.12rem;
  height: .22rem;
}
.icon18 {
  width: 1.1rem;
  height: .23rem;
}
.wrapper27 {
  border-radius: var(--br-9xs);
  background-color: var(--color-white);
  border: 0.5px solid var(--color-gainsboro-200);
  display: flex;
  flex-direction: column;
  padding: var(--padding-4xs-5) var(--padding-6xs);
  align-items: flex-start;
  justify-content: flex-start;
}
.icon19 {
  position: relative;
  width: 1.44rem;
  height: .27rem;
  object-fit: cover;
}
.icon20 {
  width: 1.06rem;
  height: .3rem;
  object-fit: cover;
}
.icon20,
.icon21,
.icon22 {
  position: relative;
}
.icon21 {
  width: 1.59rem;
  height: .27rem;
  object-fit: cover;
}
.icon22 {
  width: 1.29rem;
  height: auto;
  object-fit: contain;
  flex-shrink: 0;
}
.distance-icon {
  position: relative;
  width: .2rem;
  height: .2rem;
}
.span7 {
  font-family: var(--font-roboto);
}
.div71 {
  position: relative;
  display: inline-block;
  width: 2.95rem;
  flex-shrink: 0;
}
.call-parent,
.distance-parent {
  display: flex;
  flex-direction: row;
  gap: var(--gap-sm);
}
.distance-parent {
  width: 3.32rem;
  align-items: flex-start;
  justify-content: flex-start;
  font-family: var(--font);
}
.call-parent {
  align-items: center;
  justify-content: center;
}
.recruitworkaicomcn {
  position: relative;
  color: inherit;
  text-decoration: none;
}
.frame-parent23,
.parent11 {
  width: 3.32rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-9xs);
}
.parent11 {
  gap: var(--gap-3xl);
  color: var(--color-gray-100);
  font-family: var(--font-roboto);
}
.image-16-icon {
  position: relative;
  width: 1.27rem;
  height: 1.28rem;
  object-fit: cover;
}
.div73 {
  position: relative;
  line-height: .3rem;
}
.image-16-parent {
  flex-direction: column;
  justify-content: center;
}
.frame-parent24,
.icp17035120,
.image-16-parent {
  display: flex;
  align-items: center;
}
.frame-parent24 {
  flex-direction: row;
  padding: var(--padding-2xl) 0;
  justify-content: flex-start;
  gap: var(--gap-47xl);
}
.icp17035120 {
  position: relative;
  line-height: .24rem;
  text-align: center;
  justify-content: center;
  width: 2.83rem;
}
.div,
.frame-parent22 {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.frame-parent22 {
  align-self: stretch;
  background-color: var(--color-whitesmoke-100);
  padding: 0.4rem 0 0.2rem;
  box-sizing: border-box;
  justify-content: center;
  font-size: var(--font-size-xs);
  color: var(--color-silver);
}
.div {
  position: relative;
  background: linear-gradient(180deg, #f3fcff, #fff 33.33%);
  width: 100%;
  justify-content: flex-start;
  gap: var(--gap-26xl);
  text-align: left;
  font-size: var(--font4-size);
  color: var(--color-gray-100);
  font-family: var(--font);
}



.navwrap {
  position: fixed;
  top: 0px;
  right: 0px;
  width: 80%;
  background: #fff;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-5xl);
  text-align: center;
  font-size: var(--default-bold-body-size);
  color: var(--color-gray-200);
  font-family: var(--default-bold-body);
  display: none;
  z-index: 9;
}

.navwrap .component-2-parent {
  background-color: var(--color-white);
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  border-radius: var(--br-xl);
  width: 100%;
  padding: 0.4rem 0.2rem;
  align-items: flex-start;
  justify-content: center;
  gap: 0.2rem;
  min-width: 1rem;
  text-align: left;
  font-size: 0.18rem;
  color: var(--color-gray-100);
  font-family: var(--font);
}

.navwrap .component-2-parent .line-div {
  position: relative;
  align-self: stretch;
  border-top: 1px solid var(--color-gainsboro-100);
  box-sizing: border-box;
  height: 1px;
}

.navwrap .wrappernav {
  width: 85%;
}

.navwrap .navdel {
  position: fixed;
  top: 0.2rem;
  right: 0.2rem;
  width: 0.24rem;
  height: 0.24rem;
}


.seek_advice {
  display: flex;
  align-items: center;
  border-radius: var(--br-13xl);
  background-color: var(--color-mediumseagreen);
  padding: var(--padding-3xs) var(--padding-3xl);
  gap: var(--gap-xs);
  font-size: var(--font3-size);
  color: var(--color-white);
}

.seek_advice div {
  color: var(--color-basics, #FFF);
  font-size: .16rem;
  font-style: normal;
  font-weight: 400;
}

.seek_advice img {
  width: .18rem;
  height: .18rem;
}