* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

ol,ul,menu {
  padding-inline-start: 0;
  list-style: none;
}

ol li::marker, ul li::before {
  letter-spacing: 0;
}

.scroll-container > div {
  width: 100%;
}

.container > div {
  width: 100%;
}

.page > div {
  width: 100%;
}

html {
  width: 100%;
  height: 100%;
}

body { 
  width: 100%;
  height: 100%;
  margin: 0;
  background-color: white;
}
    
span {
  word-break: break-word;
}

.home-page .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.container {
  width: 100%;
  height: 100%;
}

.text-body-titlelargemedium-2 {
        font-size: 16px;
font-family: "Outfit-Medium";
font-weight: Medium;
letter-spacing: 0em
      }
.text-body-titlesmallmedium {
        font-size: 14px;
font-family: "Outfit-Medium";
font-weight: Medium;
letter-spacing: 0em;
line-height: 100%
      }
.text-h2medium {
        font-size: 30px;
font-family: "Outfit-Medium";
font-weight: Medium;
letter-spacing: 0em;
line-height: 100%
      }
.text-body-textsmallsemibold {
        font-size: 12px;
font-family: "Inter-Semi Bold";
font-weight: Semi Bold;
letter-spacing: 0em
      }
.text-body-titlesmallregular {
        font-size: 14px;
font-family: "Outfit-Regular";
font-weight: Regular;
letter-spacing: 0em
      }
.text-body-textsmallsemibold-2 {
        font-size: 12px;
font-family: "Inter-Semi Bold";
font-weight: Semi Bold;
letter-spacing: 0em
      }
.text-body-textsmallsemibold-3 {
        font-size: 12px;
font-family: "Inter-Semi Bold";
font-weight: Semi Bold;
letter-spacing: 0em
      }
.text-body-titlelargeregular {
        font-size: 16px;
font-family: "Outfit-Regular";
font-weight: Regular;
letter-spacing: 0em
      }
.text-body-titlelargemedium {
        font-size: 16px;
font-family: "Outfit-Medium";
font-weight: Medium;
letter-spacing: 0em
      }
.text-body-textsmallsemibold-4 {
        font-size: 12px;
font-family: "Inter-Semi Bold";
font-weight: Semi Bold;
letter-spacing: 0em
      }
.text-body-textsmallsemibold-5 {
        font-size: 12px;
font-family: "Inter-Semi Bold";
font-weight: Semi Bold;
letter-spacing: 0em
      }
.text-h3medium {
        font-size: 24px;
font-family: "Outfit-Medium";
font-weight: Medium;
letter-spacing: 0em;
line-height: 100%
      }
.text-body-textmediumregular {
        font-size: 14px;
font-family: "Inter-Regular";
font-weight: Regular;
letter-spacing: 0em
      }
.text-h5medium {
        font-size: 18px;
font-family: "Outfit-Medium";
font-weight: Medium;
letter-spacing: 0em;
line-height: 100%
      }
.text-h5semibold {
        font-size: 18px;
font-family: "Outfit-SemiBold";
font-weight: SemiBold;
letter-spacing: 0em;
line-height: 100%
      }
.text-h2medium-2 {
        font-size: 30px;
font-family: "Outfit-Medium";
font-weight: Medium;
letter-spacing: 0em;
line-height: 100%
      }
.text-body-textmediumregular-2 {
        font-size: 14px;
font-family: "Inter-Regular";
font-weight: Regular;
letter-spacing: 0em
      }
.effect-drop-shadow {
        box-shadow: 0px 2px 6px 0px rgba(138.4792022705078, 61.06168746948242, 0, 0.05999999700808058) 
      }
.text-body-textlargeregular {
        font-size: 16px;
font-family: "Inter-Regular";
font-weight: Regular;
letter-spacing: 0em
      }
.text-body-textsmallregular {
        font-size: 12px;
font-family: "Inter-Regular";
font-weight: Regular;
letter-spacing: 0em
      }
.text-h4medium {
        font-size: 20px;
font-family: "Outfit-Medium";
font-weight: Medium;
letter-spacing: 0em;
line-height: 100%
      }

.scroll-container {
  height: 100%;
  width: 100%;
  overflow: auto;
}

.page {
  width: 100%;
  height: auto;
  min-height: 100%;
  position: relative;
  flex-shrink: 0;
}

.container {
  width: 100%;
  height: auto;
  min-height: 100vh;
  overflow: hidden;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: rgba(255, 255, 255, 1);
}

.content-container {
  display: flex;
  flex-direction: column;
  gap: 100px;
  align-items: center;
  width: 100%;
  position: relative;
}

.container-2 {
  width: 100%;
  height: 600px;
  overflow: hidden;
  position: relative;
  flex-shrink: 0;
  background-color: rgba(133.875, 133.875, 133.875, 1);
}

/* Shared layout/header now renders the global navigation. */

.container-4 {
  width: 68px;
  height: 68px;
  overflow: hidden;
  position: absolute;
  right: 50px;
  top: 50%;
  transform: translateY(calc(-50% + 34.00006103515625px));
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 100px 100px 100px 100px;
  backdrop-filter: blur(1.3333333333333333px);
  background-color: rgba(255, 255, 255, 0.11999999731779099);
}

.content-container-4 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
  justify-content: center;
  padding: 20px 20px 20px 20px;
  width: 100%;
  height: 100%;
  position: relative;
}

.icon {
  width: 32.000001430511475px;
  height: 32px;
  background-image: url(./image/Frame0.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: relative;
  flex-shrink: 0;
}

.container-5 {
  width: 68px;
  height: 68px;
  overflow: hidden;
  position: absolute;
  left: 49.99999999999999px;
  top: 50%;
  transform: rotateY(180deg)translateY(calc(-50% + 34.00006103515625px));
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 100px 100px 100px 100px;
  backdrop-filter: blur(1.3333333333333333px);
  background-color: rgba(255, 255, 255, 0.11999999731779099);
}

.content-container-5 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
  justify-content: center;
  padding: 20px 20px 20px 20px;
  width: 100%;
  height: 100%;
  position: relative;
}

.icon-2 {
  width: 32px;
  height: 32px;
  background-image: url(./image/Frame.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: relative;
  flex-shrink: 0;
  transform: matrix(-1, 0, 0, 1, 0, 0);
}

.container-6 {
  width: 1290px;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.content-container-6 {
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: flex-start;
  width: 100%;
  position: relative;
}

.group {
  width: 940.0000610351562px;
  height: 38px;
  position: relative;
  flex-shrink: 0;
}

.container-7 {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 8px 8px 8px 8px;
}

.content-container-7 {
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
  justify-content: center;
  padding: 10px 19px 10px 19px;
  width: 100%;
  height: 100%;
  position: relative;
}

.stroke-wrap-container-7 {
  position: absolute;
  left: 824.4583740234375px;
  top: 0px;
  width: 115.54167175292969px;
  height: 38px;
  display: flex;
}

.stroke-container-7 {
  position: absolute;
  inset: 0px;
  border-radius: 8px 8px 8px 8px;
  pointer-events: none;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  box-sizing: border-box;
  border-color: rgba(236.904296875, 236.904296875, 236.904296875, 1);
}

.text {
  color: rgba(36, 39, 44, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.icon-3 {
  width: 20px;
  height: 20px;
  background-image: url(./image/Icon0.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: relative;
  flex-shrink: 0;
}

.text-2 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: rgba(36, 39, 44, 1);
  width: 940px;
  height: auto;
  position: absolute;
  left: 0px;
  top: 0px;
}

.project-list-container-2 {
  width: 1290px;
  height: 398px;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.content-project-list-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
  position: relative;
}

.project-row-2 {
  width: 940px;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}

.content-project-row {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  position: relative;
}

.project-card-2 {
  width: 300px;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.content-project-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  position: relative;
}

.project-image-container-2 {
  width: 300px;
  height: 226px;
  position: relative;
  flex-shrink: 0;
}

.project-image-layer1-2 {
  width: 300px;
  height: 226px;
  background-image: url(./image/Img24.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: absolute;
  left: 0px;
  top: 0px;
}

.project-image-layer2-2 {
  width: 300px;
  height: 226px;
  background-image: url(./image/Img23.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: absolute;
  left: 0px;
  top: 0px;
}

.project-status-badge-2 {
  width: auto;
  height: auto;
  position: absolute;
  right: 10px;
  top: 10px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  padding: 6px 12px 6px 12px;
  border-radius: 99px 99px 99px 99px;
  background-color: rgba(216, 19, 36, 1);
}

.project-status-text-2 {
  color: rgba(255, 255, 255, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.project-content-wrapper-2 {
  width: 100%;
  height: 100%;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 0px 0px 16px 16px;
  background-color: rgba(255, 255, 255, 1);
}

.content-project-content-wrapper {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
  padding: 16px 16px 32px 16px;
  width: 100%;
  position: relative;
}

.stroke-wrap-project-content-wrapper {
  position: relative;
  width: 100%;
  height: auto;
  display: flex;
  flex-shrink: 0;
}

.stroke-project-content-wrapper {
  position: absolute;
  inset: 0px;
  border-radius: 0px 0px 16px 16px;
  pointer-events: none;
  border-width: 0px 1px 1px 1px;
  border-style: solid;
  box-sizing: border-box;
  border-color: rgba(236.904296875, 236.904296875, 236.904296875, 1);
}

.container-8 {
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.content-container-8 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
  width: 100%;
  position: relative;
}

.container-9 {
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.content-container-9 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  width: 100%;
  position: relative;
}

.project-title-2 {
  font-size: 18px;
  font-family: "Outfit-Medium";
  font-weight: 500;
  letter-spacing: 0em;
  line-height: 100%;
  color: rgba(36, 39, 44, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.project-info-row-3 {
  width: 268px;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

.content-project-info-row {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: flex-start;
  width: 100%;
  position: relative;
}

.container-10 {
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
}

.project-type-2 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: rgba(105, 102, 101, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.container-11 {
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
}

.project-tags-2 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: rgba(105, 102, 101, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.project-info-row-2 {
  width: 268px;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

.content-project-info-row-2 {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: flex-start;
  width: 100%;
  position: relative;
}

.container-12 {
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
}

.project-director-2 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: rgba(105, 102, 101, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.container-13 {
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
}

.project-writer-2 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: rgba(105, 102, 101, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.project-description-2 {
  font-size: 14px;
  font-family: "Outfit-Regular";
  font-weight: 400;
  text-align: justify;
  line-height: 22px;
  color: rgba(153, 153, 153, 1);
  width: 268px;
  height: auto;
  position: relative;
  flex-shrink: 0;
  flex-grow: 0;
}

.frame-15-128 {
  width: 300px;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.content-15-128 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  position: relative;
}

.frame-15-129 {
  width: 300px;
  height: 226px;
  position: relative;
  flex-shrink: 0;
}

.vector-15-130 {
  width: 300px;
  height: 226px;
  background-image: url(./image/Img22.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: absolute;
  left: 0px;
  top: 0px;
}

.vector-15-131 {
  width: 300px;
  height: 226px;
  background-image: url(./image/Img21.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: absolute;
  left: 0px;
  top: 0px;
}

.frame-15-343 {
  width: auto;
  height: auto;
  position: absolute;
  right: 10px;
  top: 10px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  padding: 6px 12px 6px 12px;
  border-radius: 99px 99px 99px 99px;
  background-color: rgba(216, 19, 36, 1);
}

.paragraph-15-344 {
  color: rgba(255, 255, 255, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.frame-15-132 {
  width: 100%;
  height: 100%;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 0px 0px 16px 16px;
  background-color: rgba(255, 255, 255, 1);
}

.content-15-132 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
  padding: 16px 16px 32px 16px;
  width: 100%;
  position: relative;
}

.stroke-wrap-15-132 {
  position: relative;
  width: 100%;
  height: auto;
  display: flex;
  flex-shrink: 0;
}

.stroke-15-132 {
  position: absolute;
  inset: 0px;
  border-radius: 0px 0px 16px 16px;
  pointer-events: none;
  border-width: 0px 1px 1px 1px;
  border-style: solid;
  box-sizing: border-box;
  border-color: rgba(236.904296875, 236.904296875, 236.904296875, 1);
}

.frame-15-133 {
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.content-15-133 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
  width: 100%;
  position: relative;
}

.frame-15-134 {
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.content-15-134 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  width: 100%;
  position: relative;
}

.paragraph-15-135 {
  font-size: 18px;
  font-family: "Outfit-Medium";
  font-weight: 500;
  letter-spacing: 0em;
  line-height: 100%;
  color: rgba(36, 39, 44, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.frame-15-136 {
  width: 268px;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

.content-15-136 {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: flex-start;
  width: 100%;
  position: relative;
}

.frame-15-137 {
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
}

.paragraph-15-138 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: rgba(105, 102, 101, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.frame-15-139 {
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
}

.paragraph-15-140 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: rgba(105, 102, 101, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.frame-15-141 {
  width: 268px;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

.content-15-141 {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: flex-start;
  width: 100%;
  position: relative;
}

.frame-15-142 {
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
}

.paragraph-15-143 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: rgba(105, 102, 101, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.frame-15-144 {
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
}

.paragraph-15-145 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: rgba(105, 102, 101, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.paragraph-15-146 {
  font-size: 14px;
  font-family: "Outfit-Regular";
  font-weight: 400;
  text-align: justify;
  line-height: 22px;
  color: rgba(153, 153, 153, 1);
  width: 268px;
  height: auto;
  position: relative;
  flex-shrink: 0;
  flex-grow: 0;
}

.frame-15-147 {
  width: 300px;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.content-15-147 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  position: relative;
}

.frame-15-148 {
  width: 300px;
  height: 226px;
  position: relative;
  flex-shrink: 0;
}

.vector-15-149 {
  width: 300px;
  height: 226px;
  background-image: url(./image/Img20.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: absolute;
  left: 0px;
  top: 0px;
}

.vector-15-150 {
  width: 300px;
  height: 226px;
  background-image: url(./image/Img19.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: absolute;
  left: 0px;
  top: 0px;
}

.frame-15-346 {
  width: auto;
  height: auto;
  position: absolute;
  right: 10px;
  top: 10px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  padding: 6px 12px 6px 12px;
  border-radius: 99px 99px 99px 99px;
  background-color: rgba(216, 19, 36, 1);
}

.paragraph-15-347 {
  color: rgba(255, 255, 255, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.frame-15-151 {
  width: 100%;
  height: 100%;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 0px 0px 16px 16px;
  background-color: rgba(255, 255, 255, 1);
}

.content-15-151 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
  padding: 16px 16px 32px 16px;
  width: 100%;
  position: relative;
}

.stroke-wrap-15-151 {
  position: relative;
  width: 100%;
  height: auto;
  display: flex;
  flex-shrink: 0;
}

.stroke-15-151 {
  position: absolute;
  inset: 0px;
  border-radius: 0px 0px 16px 16px;
  pointer-events: none;
  border-width: 0px 1px 1px 1px;
  border-style: solid;
  box-sizing: border-box;
  border-color: rgba(236.904296875, 236.904296875, 236.904296875, 1);
}

.frame-15-152 {
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.content-15-152 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
  width: 100%;
  position: relative;
}

.frame-15-153 {
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.content-15-153 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  width: 100%;
  position: relative;
}

.paragraph-15-154 {
  font-size: 18px;
  font-family: "Outfit-Medium";
  font-weight: 500;
  letter-spacing: 0em;
  line-height: 100%;
  color: rgba(36, 39, 44, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.frame-15-155 {
  width: 268px;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

.content-15-155 {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: flex-start;
  width: 100%;
  position: relative;
}

.frame-15-156 {
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
}

.paragraph-15-157 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: rgba(105, 102, 101, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.frame-15-158 {
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
}

.paragraph-15-159 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: rgba(105, 102, 101, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.frame-15-160 {
  width: 268px;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

.content-15-160 {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: flex-start;
  width: 100%;
  position: relative;
}

.frame-15-161 {
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
}

.paragraph-15-162 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: rgba(105, 102, 101, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.frame-15-163 {
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
}

.paragraph-15-164 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: rgba(105, 102, 101, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.paragraph-15-165 {
  font-size: 14px;
  font-family: "Outfit-Regular";
  font-weight: 400;
  text-align: justify;
  line-height: 22px;
  color: rgba(153, 153, 153, 1);
  width: 268px;
  height: auto;
  position: relative;
  flex-shrink: 0;
  flex-grow: 0;
}

.list-decoration-2 {
  width: 330px;
  height: 398px;
  background-image: url(./image/Frame_8_2668.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: relative;
  flex-shrink: 0;
}

.container-14 {
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: flex-start;
}

.container-15 {
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.content-container-15 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  position: relative;
}

.text-3 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: rgba(36, 39, 44, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.container-16 {
  width: 100%;
  height: 100%;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 8px 8px 8px 8px;
}

.content-container-16 {
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
  justify-content: center;
  padding: 10px 10px 10px 10px;
  width: 100%;
  height: 100%;
  position: relative;
}

.stroke-wrap-container-16 {
  position: relative;
  width: 118px;
  height: 38px;
  display: flex;
  flex-shrink: 0;
}

.stroke-container-16 {
  position: absolute;
  inset: 0px;
  border-radius: 8px 8px 8px 8px;
  pointer-events: none;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  box-sizing: border-box;
  border-color: rgba(236.904296875, 236.904296875, 236.904296875, 1);
}

.text-4 {
  color: rgba(36, 39, 44, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.icon-4 {
  width: 20px;
  height: 20px;
  background-image: url(./image/Icon.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: relative;
  flex-shrink: 0;
}

.resource-section-content-2 {
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 30px;
  align-items: flex-start;
}

.resource-tabs-wrapper-2 {
  width: 1290px;
  height: 41px;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.content-resource-tabs-wrapper {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
  width: 100%;
  position: relative;
}

.tabs-list-2 {
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  gap: 25px;
  align-items: center;
}

.tab-item-2 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: rgba(0, 0, 0, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.tab-item-2-2 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: rgba(0, 0, 0, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.tab-item-3 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: rgba(0, 0, 0, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.tab-item-4 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: rgba(0, 0, 0, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.tabs-underline-bg-2 {
  width: 100%;
  height: 1px;
  position: relative;
  flex-shrink: 0;
  background-color: rgba(236.904296875, 236.904296875, 236.904296875, 1);
}

.tabs-active-indicator-2 {
  width: 32px;
  height: 2px;
  position: absolute;
  left: 57px;
  top: 41px;
  background-color: rgba(216, 19, 36, 1);
}

.resource-list-container-2 {
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 30px;
  justify-content: center;
  align-items: center;
}

.resource-list-2 {
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  gap: 30px;
  justify-content: center;
  align-items: center;
}

.resource-card-2 {
  width: 300px;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 16px;
  border: 1px solid #e5e7eb;
  background-color: #fff;
}

.content-resource-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  position: relative;
  border-radius: 16px;
}

.resource-image-container-2 {
  width: 100%;
  height: auto;
  min-height: 223px;
  position: relative;
  flex-shrink: 0;
  border-radius: 16px 16px 0 0;
}

.resource-image-layer1-2 {
  width: 300px;
  height: 223px;
  background-image: url(./image/Img18.png);
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  left: 0px;
  top: 0px;
  border-radius: 16px 16px 0 0;
}

.resource-image-layer2-2 {
  width: 300px;
  height: 223px;
  background-image: url(./image/Img17.png);
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  left: 0px;
  top: 0px;
  border-radius: 16px 16px 0 0;
}

.resource-badge-2 {
  width: auto;
  height: auto;
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 10;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  padding: 6px 12px 6px 12px;
  border-radius: 99px 99px 99px 99px;
  background-color: rgba(216, 19, 36, 1);
}

.resource-badge-text-2 {
  color: rgba(255, 255, 255, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.resource-content-wrapper-2 {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 0px 0px 16px 16px;
  background-color: rgba(255, 255, 255, 1);
}

.content-resource-content-wrapper {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
  padding: 16px 16px 32px 16px;
  width: 100%;
  position: relative;
}

.stroke-wrap-resource-content-wrapper {
  position: relative;
  left: 0px;
  top: 0px;
  width: 300px;
  height: auto;
  display: flex;
}

.stroke-resource-content-wrapper {
  position: absolute;
  inset: 0px;
  border-radius: 0px 0px 16px 16px;
  pointer-events: none;
  border-width: 0px 1px 1px 1px;
  border-style: solid;
  box-sizing: border-box;
  border-color: rgba(236.904296875, 236.904296875, 236.904296875, 1);
}

.container-17 {
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.content-container-17 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
  width: 100%;
  position: relative;
}

.container-18 {
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.content-container-18 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  width: 100%;
  position: relative;
}

.resource-name-2 {
  font-size: 18px;
  font-family: "Outfit-Medium";
  font-weight: 500;
  letter-spacing: 0em;
  line-height: 100%;
  color: rgba(36, 39, 44, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 1;
  white-space: normal;
  flex-grow: 1;
}

.resource-meta-row-2 {
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}

.content-resource-meta-row {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  position: relative;
}

.container-19 {
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 1;
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
  flex-grow: 1;
}

.resource-school-2 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: rgba(105, 102, 101, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 1;
  white-space: normal;
  flex-grow: 1;
}

.resource-role-2 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: rgba(105, 102, 101, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: normal;
  flex-grow: 0;
}

.resource-meta-row-2-2 {
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

.content-resource-meta-row-2 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 6px;
  align-items: flex-start;
  width: 100%;
  position: relative;
}

.container-20 {
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 1;
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
  flex-grow: 1;
}

.resource-gender-2 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: rgba(105, 102, 101, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 1;
  white-space: normal;
  flex-grow: 0;
}

.container-21 {
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 1;
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
}

.resource-age-2 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: rgba(105, 102, 101, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 1;
  white-space: normal;
  flex-grow: 0;
}

.container-22 {
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 1;
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
}

.resource-birth-2 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: rgba(105, 102, 101, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 1;
  white-space: normal;
  flex-grow: 0;
}

.resource-works-row-2 {
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}

.content-resource-works-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 8px;
  width: 100%;
  position: relative;
}

.container-23 {
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
}

.text-5 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: rgba(105, 102, 101, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.container-24 {
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 1;
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
  flex-grow: 1;
}

.resource-work-item-2 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: rgba(105, 102, 101, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 1;
  white-space: normal;
  flex-grow: 1;
}

.resource-work-item-2-2 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: rgba(105, 102, 101, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 1;
  white-space: normal;
  flex-grow: 0;
}

.frame-15-3378 {
  width: 300px;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.content-15-3378 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  position: relative;
}

.frame-15-3379 {
  width: 100%;
  height: 367px;
  position: relative;
  flex-shrink: 0;
}

.vector-15-3380 {
  width: 300px;
  height: 223px;
  background-image: url(./image/Img16.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: absolute;
  left: 0px;
  top: 0px;
}

.vector-15-3381 {
  width: 300px;
  height: 223px;
  background-image: url(./image/Img15.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: absolute;
  left: 0px;
  top: 0px;
}

.frame-15-3382 {
  width: auto;
  height: auto;
  position: absolute;
  right: 10px;
  top: 10px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  padding: 6px 12px 6px 12px;
  border-radius: 99px 99px 99px 99px;
  background-color: rgba(216, 19, 36, 1);
}

.paragraph-15-3383 {
  color: rgba(255, 255, 255, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.frame-15-3384 {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 0px 0px 16px 16px;
  background-color: rgba(255, 255, 255, 1);
}

.content-15-3384 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
  padding: 16px 16px 32px 16px;
  width: 100%;
  position: relative;
}

.stroke-wrap-15-3384 {
  position: absolute;
  left: 0px;
  top: 223px;
  width: 300px;
  height: auto;
  display: flex;
}

.stroke-15-3384 {
  position: absolute;
  inset: 0px;
  border-radius: 0px 0px 16px 16px;
  pointer-events: none;
  border-width: 0px 1px 1px 1px;
  border-style: solid;
  box-sizing: border-box;
  border-color: rgba(236.904296875, 236.904296875, 236.904296875, 1);
}

.frame-15-3385 {
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.content-15-3385 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
  width: 100%;
  position: relative;
}

.frame-15-3386 {
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.content-15-3386 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  width: 100%;
  position: relative;
}

.paragraph-15-3387 {
  font-size: 18px;
  font-family: "Outfit-Medium";
  font-weight: 500;
  letter-spacing: 0em;
  line-height: 100%;
  color: rgba(36, 39, 44, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.frame-15-3388 {
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}

.content-15-3388 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  position: relative;
}

.frame-15-3389 {
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
}

.paragraph-15-3390 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: rgba(105, 102, 101, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.paragraph-15-3391 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: rgba(105, 102, 101, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.frame-15-3392 {
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

.content-15-3392 {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: flex-start;
  width: 100%;
  position: relative;
}

.frame-15-3393 {
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
}

.paragraph-15-3394 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: rgba(105, 102, 101, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.frame-15-3395 {
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
}

.paragraph-15-3396 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: rgba(105, 102, 101, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.frame-15-3397 {
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
}

.paragraph-15-3398 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: rgba(105, 102, 101, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.frame-15-3399 {
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}

.content-15-3399 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  position: relative;
}

.frame-15-3400 {
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
}

.paragraph-15-3401 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: rgba(105, 102, 101, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.frame-15-3402 {
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
}

.paragraph-15-3403 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: rgba(105, 102, 101, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.paragraph-15-3404 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: rgba(105, 102, 101, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.frame-15-3324 {
  width: 300px;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.content-15-3324 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  position: relative;
}

.frame-15-3325 {
  width: 100%;
  height: 367px;
  position: relative;
  flex-shrink: 0;
}

.vector-15-3326 {
  width: 300px;
  height: 223px;
  background-image: url(./image/Img14.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: absolute;
  left: 0px;
  top: 0px;
}

.vector-15-3327 {
  width: 300px;
  height: 223px;
  background-image: url(./image/Img13.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: absolute;
  left: 0px;
  top: 0px;
}

.frame-15-3330 {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 0px 0px 16px 16px;
  background-color: rgba(255, 255, 255, 1);
}

.content-15-3330 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
  padding: 16px 16px 32px 16px;
  width: 100%;
  position: relative;
}

.stroke-wrap-15-3330 {
  position: absolute;
  left: 0px;
  top: 223px;
  width: 300px;
  height: auto;
  display: flex;
}

.stroke-15-3330 {
  position: absolute;
  inset: 0px;
  border-radius: 0px 0px 16px 16px;
  pointer-events: none;
  border-width: 0px 1px 1px 1px;
  border-style: solid;
  box-sizing: border-box;
  border-color: rgba(236.904296875, 236.904296875, 236.904296875, 1);
}

.frame-15-3331 {
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.content-15-3331 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
  width: 100%;
  position: relative;
}

.frame-15-3332 {
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.content-15-3332 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  width: 100%;
  position: relative;
}

.paragraph-15-3333 {
  font-size: 18px;
  font-family: "Outfit-Medium";
  font-weight: 500;
  letter-spacing: 0em;
  line-height: 100%;
  color: rgba(36, 39, 44, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.frame-15-3334 {
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}

.content-15-3334 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  position: relative;
}

.frame-15-3335 {
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
}

.paragraph-15-3336 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: rgba(105, 102, 101, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.paragraph-15-3337 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: rgba(105, 102, 101, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.frame-15-3338 {
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

.content-15-3338 {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: flex-start;
  width: 100%;
  position: relative;
}

.frame-15-3339 {
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
}

.paragraph-15-3340 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: rgba(105, 102, 101, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.frame-15-3341 {
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
}

.paragraph-15-3342 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: rgba(105, 102, 101, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.frame-15-3343 {
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
}

.paragraph-15-3344 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: rgba(105, 102, 101, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.frame-15-3345 {
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}

.content-15-3345 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  position: relative;
}

.frame-15-3346 {
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
}

.paragraph-15-3347 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: rgba(105, 102, 101, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.frame-15-3348 {
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
}

.paragraph-15-3349 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: rgba(105, 102, 101, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.paragraph-15-3350 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: rgba(105, 102, 101, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.frame-15-3351 {
  width: 300px;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.content-15-3351 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  position: relative;
}

.frame-15-3352 {
  width: 100%;
  height: 367px;
  position: relative;
  flex-shrink: 0;
}

.vector-15-3353 {
  width: 300px;
  height: 223px;
  background-image: url(./image/Img12.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: absolute;
  left: 0px;
  top: 0px;
}

.vector-15-3354 {
  width: 300px;
  height: 223px;
  background-image: url(./image/Img11.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: absolute;
  left: 0px;
  top: 0px;
}

.frame-15-3357 {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 0px 0px 16px 16px;
  background-color: rgba(255, 255, 255, 1);
}

.content-15-3357 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
  padding: 16px 16px 32px 16px;
  width: 100%;
  position: relative;
}

.stroke-wrap-15-3357 {
  position: absolute;
  left: 0px;
  top: 223px;
  width: 300px;
  height: auto;
  display: flex;
}

.stroke-15-3357 {
  position: absolute;
  inset: 0px;
  border-radius: 0px 0px 16px 16px;
  pointer-events: none;
  border-width: 0px 1px 1px 1px;
  border-style: solid;
  box-sizing: border-box;
  border-color: rgba(236.904296875, 236.904296875, 236.904296875, 1);
}

.frame-15-3358 {
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.content-15-3358 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
  width: 100%;
  position: relative;
}

.frame-15-3359 {
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.content-15-3359 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  width: 100%;
  position: relative;
}

.paragraph-15-3360 {
  font-size: 18px;
  font-family: "Outfit-Medium";
  font-weight: 500;
  letter-spacing: 0em;
  line-height: 100%;
  color: rgba(36, 39, 44, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.frame-15-3361 {
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}

.content-15-3361 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  position: relative;
}

.frame-15-3362 {
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
}

.paragraph-15-3363 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: rgba(105, 102, 101, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.paragraph-15-3364 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: rgba(105, 102, 101, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.frame-15-3365 {
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

.content-15-3365 {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: flex-start;
  width: 100%;
  position: relative;
}

.frame-15-3366 {
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
}

.paragraph-15-3367 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: rgba(105, 102, 101, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.frame-15-3368 {
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
}

.paragraph-15-3369 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: rgba(105, 102, 101, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.frame-15-3370 {
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
}

.paragraph-15-3371 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: rgba(105, 102, 101, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.frame-15-3372 {
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}

.content-15-3372 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  position: relative;
}

.frame-15-3373 {
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
}

.paragraph-15-3374 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: rgba(105, 102, 101, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.frame-15-3375 {
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
}

.paragraph-15-3376 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: rgba(105, 102, 101, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.paragraph-15-3377 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: rgba(105, 102, 101, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.frame-15-3405 {
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 30px;
  justify-content: center;
  align-items: center;
}

.frame-15-3406 {
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  gap: 30px;
  justify-content: center;
  align-items: center;
}

.frame-15-3407 {
  width: 300px;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.content-15-3407 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  position: relative;
}

.frame-15-3408 {
  width: 100%;
  height: 367px;
  position: relative;
  flex-shrink: 0;
}

.vector-15-3409 {
  width: 300px;
  height: 223px;
  background-image: url(./image/Img10.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: absolute;
  left: 0px;
  top: 0px;
}

.vector-15-3410 {
  width: 300px;
  height: 223px;
  background-image: url(./image/Img9.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: absolute;
  left: 0px;
  top: 0px;
}

.frame-15-3411 {
  width: auto;
  height: auto;
  position: absolute;
  right: 10px;
  top: 10px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  padding: 6px 12px 6px 12px;
  border-radius: 99px 99px 99px 99px;
  background-color: rgba(216, 19, 36, 1);
}

.paragraph-15-3412 {
  color: rgba(255, 255, 255, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.frame-15-3413 {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 0px 0px 16px 16px;
  background-color: rgba(255, 255, 255, 1);
}

.content-15-3413 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
  padding: 16px 16px 32px 16px;
  width: 100%;
  position: relative;
}

.stroke-wrap-15-3413 {
  position: absolute;
  left: 0px;
  top: 223px;
  width: 300px;
  height: auto;
  display: flex;
}

.stroke-15-3413 {
  position: absolute;
  inset: 0px;
  border-radius: 0px 0px 16px 16px;
  pointer-events: none;
  border-width: 0px 1px 1px 1px;
  border-style: solid;
  box-sizing: border-box;
  border-color: rgba(236.904296875, 236.904296875, 236.904296875, 1);
}

.frame-15-3414 {
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.content-15-3414 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
  width: 100%;
  position: relative;
}

.frame-15-3415 {
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.content-15-3415 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  width: 100%;
  position: relative;
}

.paragraph-15-3416 {
  font-size: 18px;
  font-family: "Outfit-Medium";
  font-weight: 500;
  letter-spacing: 0em;
  line-height: 100%;
  color: rgba(36, 39, 44, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.frame-15-3417 {
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}

.content-15-3417 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  position: relative;
}

.frame-15-3418 {
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
}

.paragraph-15-3419 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: rgba(105, 102, 101, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.paragraph-15-3420 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: rgba(105, 102, 101, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.frame-15-3421 {
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

.content-15-3421 {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: flex-start;
  width: 100%;
  position: relative;
}

.frame-15-3422 {
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
}

.paragraph-15-3423 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: rgba(105, 102, 101, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.frame-15-3424 {
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
}

.paragraph-15-3425 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: rgba(105, 102, 101, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.frame-15-3426 {
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
}

.paragraph-15-3427 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: rgba(105, 102, 101, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.frame-15-3428 {
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}

.content-15-3428 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  position: relative;
}

.frame-15-3429 {
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
}

.paragraph-15-3430 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: rgba(105, 102, 101, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.frame-15-3431 {
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
}

.paragraph-15-3432 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: rgba(105, 102, 101, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.paragraph-15-3433 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: rgba(105, 102, 101, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.frame-15-3434 {
  width: 300px;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.content-15-3434 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  position: relative;
}

.frame-15-3435 {
  width: 100%;
  height: 367px;
  position: relative;
  flex-shrink: 0;
}

.vector-15-3436 {
  width: 300px;
  height: 223px;
  background-image: url(./image/Img8.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: absolute;
  left: 0px;
  top: 0px;
}

.vector-15-3437 {
  width: 300px;
  height: 223px;
  background-image: url(./image/Img7.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: absolute;
  left: 0px;
  top: 0px;
}

.frame-15-3438 {
  width: auto;
  height: auto;
  position: absolute;
  right: 10px;
  top: 10px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  padding: 6px 12px 6px 12px;
  border-radius: 99px 99px 99px 99px;
  background-color: rgba(216, 19, 36, 1);
}

.paragraph-15-3439 {
  color: rgba(255, 255, 255, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.frame-15-3440 {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 0px 0px 16px 16px;
  background-color: rgba(255, 255, 255, 1);
}

.content-15-3440 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
  padding: 16px 16px 32px 16px;
  width: 100%;
  position: relative;
}

.stroke-wrap-15-3440 {
  position: absolute;
  left: 0px;
  top: 223px;
  width: 300px;
  height: auto;
  display: flex;
}

.stroke-15-3440 {
  position: absolute;
  inset: 0px;
  border-radius: 0px 0px 16px 16px;
  pointer-events: none;
  border-width: 0px 1px 1px 1px;
  border-style: solid;
  box-sizing: border-box;
  border-color: rgba(236.904296875, 236.904296875, 236.904296875, 1);
}

.frame-15-3441 {
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.content-15-3441 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
  width: 100%;
  position: relative;
}

.frame-15-3442 {
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.content-15-3442 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  width: 100%;
  position: relative;
}

.paragraph-15-3443 {
  font-size: 18px;
  font-family: "Outfit-Medium";
  font-weight: 500;
  letter-spacing: 0em;
  line-height: 100%;
  color: rgba(36, 39, 44, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.frame-15-3444 {
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}

.content-15-3444 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  position: relative;
}

.frame-15-3445 {
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
}

.paragraph-15-3446 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: rgba(105, 102, 101, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.paragraph-15-3447 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: rgba(105, 102, 101, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.frame-15-3448 {
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

.content-15-3448 {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: flex-start;
  width: 100%;
  position: relative;
}

.frame-15-3449 {
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
}

.paragraph-15-3450 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: rgba(105, 102, 101, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.frame-15-3451 {
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
}

.paragraph-15-3452 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: rgba(105, 102, 101, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.frame-15-3453 {
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
}

.paragraph-15-3454 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: rgba(105, 102, 101, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.frame-15-3455 {
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}

.content-15-3455 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  position: relative;
}

.frame-15-3456 {
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
}

.paragraph-15-3457 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: rgba(105, 102, 101, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.frame-15-3458 {
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
}

.paragraph-15-3459 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: rgba(105, 102, 101, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.paragraph-15-3460 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: rgba(105, 102, 101, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.frame-15-3461 {
  width: 300px;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.content-15-3461 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  position: relative;
}

.frame-15-3462 {
  width: 100%;
  height: 367px;
  position: relative;
  flex-shrink: 0;
}

.vector-15-3463 {
  width: 300px;
  height: 223px;
  background-image: url(./image/Img6.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: absolute;
  left: 0px;
  top: 0px;
}

.vector-15-3464 {
  width: 300px;
  height: 223px;
  background-image: url(./image/Img5.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: absolute;
  left: 0px;
  top: 0px;
}

.frame-15-3465 {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 0px 0px 16px 16px;
  background-color: rgba(255, 255, 255, 1);
}

.content-15-3465 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
  padding: 16px 16px 32px 16px;
  width: 100%;
  position: relative;
}

.stroke-wrap-15-3465 {
  position: absolute;
  left: 0px;
  top: 223px;
  width: 300px;
  height: auto;
  display: flex;
}

.stroke-15-3465 {
  position: absolute;
  inset: 0px;
  border-radius: 0px 0px 16px 16px;
  pointer-events: none;
  border-width: 0px 1px 1px 1px;
  border-style: solid;
  box-sizing: border-box;
  border-color: rgba(236.904296875, 236.904296875, 236.904296875, 1);
}

.frame-15-3466 {
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.content-15-3466 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
  width: 100%;
  position: relative;
}

.frame-15-3467 {
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.content-15-3467 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  width: 100%;
  position: relative;
}

.paragraph-15-3468 {
  font-size: 18px;
  font-family: "Outfit-Medium";
  font-weight: 500;
  letter-spacing: 0em;
  line-height: 100%;
  color: rgba(36, 39, 44, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.frame-15-3469 {
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}

.content-15-3469 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  position: relative;
}

.frame-15-3470 {
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
}

.paragraph-15-3471 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: rgba(105, 102, 101, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.paragraph-15-3472 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: rgba(105, 102, 101, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.frame-15-3473 {
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

.content-15-3473 {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: flex-start;
  width: 100%;
  position: relative;
}

.frame-15-3474 {
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
}

.paragraph-15-3475 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: rgba(105, 102, 101, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.frame-15-3476 {
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
}

.paragraph-15-3477 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: rgba(105, 102, 101, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.frame-15-3478 {
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
}

.paragraph-15-3479 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: rgba(105, 102, 101, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.frame-15-3480 {
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}

.content-15-3480 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  position: relative;
}

.frame-15-3481 {
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
}

.paragraph-15-3482 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: rgba(105, 102, 101, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.frame-15-3483 {
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
}

.paragraph-15-3484 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: rgba(105, 102, 101, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.paragraph-15-3485 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: rgba(105, 102, 101, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.frame-15-3486 {
  width: 300px;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.content-15-3486 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  position: relative;
}

.frame-15-3487 {
  width: 100%;
  height: 367px;
  position: relative;
  flex-shrink: 0;
}

.vector-15-3488 {
  width: 300px;
  height: 223px;
  background-image: url(./image/Img4.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: absolute;
  left: 0px;
  top: 0px;
}

.vector-15-3489 {
  width: 300px;
  height: 223px;
  background-image: url(./image/Img3.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: absolute;
  left: 0px;
  top: 0px;
}

.frame-15-3490 {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 0px 0px 16px 16px;
  background-color: rgba(255, 255, 255, 1);
}

.content-15-3490 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
  padding: 16px 16px 32px 16px;
  width: 100%;
  position: relative;
}

.stroke-wrap-15-3490 {
  position: absolute;
  left: 0px;
  top: 223px;
  width: 300px;
  height: auto;
  display: flex;
}

.stroke-15-3490 {
  position: absolute;
  inset: 0px;
  border-radius: 0px 0px 16px 16px;
  pointer-events: none;
  border-width: 0px 1px 1px 1px;
  border-style: solid;
  box-sizing: border-box;
  border-color: rgba(236.904296875, 236.904296875, 236.904296875, 1);
}

.frame-15-3491 {
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.content-15-3491 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
  width: 100%;
  position: relative;
}

.frame-15-3492 {
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.content-15-3492 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  width: 100%;
  position: relative;
}

.paragraph-15-3493 {
  font-size: 18px;
  font-family: "Outfit-Medium";
  font-weight: 500;
  letter-spacing: 0em;
  line-height: 100%;
  color: rgba(36, 39, 44, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.frame-15-3494 {
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}

.content-15-3494 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  position: relative;
}

.frame-15-3495 {
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
}

.paragraph-15-3496 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: rgba(105, 102, 101, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.paragraph-15-3497 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: rgba(105, 102, 101, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.frame-15-3498 {
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

.content-15-3498 {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: flex-start;
  width: 100%;
  position: relative;
}

.frame-15-3499 {
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
}

.paragraph-15-3500 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: rgba(105, 102, 101, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.frame-15-3501 {
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
}

.paragraph-15-3502 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: rgba(105, 102, 101, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.frame-15-3503 {
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
}

.paragraph-15-3504 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: rgba(105, 102, 101, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.frame-15-3505 {
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}

.content-15-3505 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  position: relative;
}

.frame-15-3506 {
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
}

.paragraph-15-3507 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: rgba(105, 102, 101, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.frame-15-3508 {
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
}

.paragraph-15-3509 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: rgba(105, 102, 101, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.paragraph-15-3510 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: rgba(105, 102, 101, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.container-25 {
  width: calc(100% - 48px);
  max-width: 1880px;
  height: 505px;
  position: relative;
  flex-shrink: 0;
  border-radius: 24px 24px 24px 24px;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
}

.icon-5 {
  width: 100%;
  height: 431px;
  background-image: url(./image/Img2.png);
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  left: 0px;
  top: 0px;
}

.container-26 {
  width: auto;
  height: auto;
  position: absolute;
  left: 265px;
  top: 271px;
  display: flex;
  flex-direction: row;
  gap: 30px;
  align-items: flex-start;
}

.container-27 {
  width: 100%;
  height: 100%;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 16px 16px 16px 16px;
  box-shadow: 0px 30px 60px 0px rgba(0, 0, 0, 0.1) ;
  background-color: rgba(255, 255, 255, 1);
}

.content-container-27 {
  display: flex;
  flex-direction: column;
  gap: 30px;
  align-items: flex-start;
  padding: 30px 30px 30px 30px;
  width: 100%;
  position: relative;
}

.stroke-wrap-container-27 {
  position: relative;
  width: 300px;
  height: auto;
  display: flex;
  flex-shrink: 0;
}

.stroke-container-27 {
  position: absolute;
  inset: 0px;
  border-radius: 16px 16px 16px 16px;
  pointer-events: none;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  box-sizing: border-box;
  border-color: rgba(236.904296875, 236.904296875, 236.904296875, 1);
}

.container-28 {
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.content-container-28 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  position: relative;
}

.container-29 {
  width: 60px;
  height: 60px;
  overflow: hidden;
  position: relative;
  flex-shrink: 0;
  background-color: rgba(174, 174, 174, 1);
}

.text-6 {
  color: rgba(36, 39, 44, 1);
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  flex-grow: 0;
}

.text-7 {
  color: rgba(105, 102, 101, 1);
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  flex-grow: 0;
}

.frame-8-1723 {
  width: 100%;
  height: 100%;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 16px 16px 16px 16px;
  background-color: rgba(255, 255, 255, 1);
}

.content-8-1723 {
  display: flex;
  flex-direction: column;
  gap: 30px;
  align-items: flex-start;
  padding: 30px 30px 30px 30px;
  width: 100%;
  position: relative;
}

.stroke-wrap-8-1723 {
  position: relative;
  width: 300px;
  height: auto;
  display: flex;
  flex-shrink: 0;
}

.stroke-8-1723 {
  position: absolute;
  inset: 0px;
  border-radius: 16px 16px 16px 16px;
  pointer-events: none;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  box-sizing: border-box;
  border-color: rgba(236.904296875, 236.904296875, 236.904296875, 1);
}

.frame-8-1724 {
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.content-8-1724 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  position: relative;
}

.frame-8-1725 {
  width: 60px;
  height: 60px;
  overflow: hidden;
  position: relative;
  flex-shrink: 0;
  background-color: rgba(174, 174, 174, 1);
}

.paragraph-8-1729 {
  color: rgba(36, 39, 44, 1);
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  flex-grow: 0;
}

.paragraph-8-1730 {
  color: rgba(105, 102, 101, 1);
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  flex-grow: 0;
}

.frame-8-1731 {
  width: 100%;
  height: 100%;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 16px 16px 16px 16px;
  background-color: rgba(255, 255, 255, 1);
}

.content-8-1731 {
  display: flex;
  flex-direction: column;
  gap: 30px;
  align-items: flex-start;
  padding: 30px 30px 30px 30px;
  width: 100%;
  position: relative;
}

.stroke-wrap-8-1731 {
  position: relative;
  width: 300px;
  height: auto;
  display: flex;
  flex-shrink: 0;
}

.stroke-8-1731 {
  position: absolute;
  inset: 0px;
  border-radius: 16px 16px 16px 16px;
  pointer-events: none;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  box-sizing: border-box;
  border-color: rgba(236.904296875, 236.904296875, 236.904296875, 1);
}

.frame-8-1732 {
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.content-8-1732 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  position: relative;
}

.frame-8-1733 {
  width: 60px;
  height: 60px;
  overflow: hidden;
  position: relative;
  flex-shrink: 0;
  background-color: rgba(174, 174, 174, 1);
}

.paragraph-8-1737 {
  color: rgba(36, 39, 44, 1);
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  flex-grow: 0;
}

.paragraph-8-1738 {
  color: rgba(105, 102, 101, 1);
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  flex-grow: 0;
}

.frame-8-1739 {
  width: 100%;
  height: 100%;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 16px 16px 16px 16px;
  background-color: rgba(255, 255, 255, 1);
}

.content-8-1739 {
  display: flex;
  flex-direction: column;
  gap: 30px;
  align-items: flex-start;
  padding: 30px 30px 30px 30px;
  width: 100%;
  position: relative;
}

.stroke-wrap-8-1739 {
  position: relative;
  width: 300px;
  height: auto;
  display: flex;
  flex-shrink: 0;
}

.stroke-8-1739 {
  position: absolute;
  inset: 0px;
  border-radius: 16px 16px 16px 16px;
  pointer-events: none;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  box-sizing: border-box;
  border-color: rgba(236.904296875, 236.904296875, 236.904296875, 1);
}

.frame-8-1740 {
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.content-8-1740 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  position: relative;
}

.frame-8-1741 {
  width: 60px;
  height: 60px;
  overflow: hidden;
  position: relative;
  flex-shrink: 0;
  background-color: rgba(174, 174, 174, 1);
}

.paragraph-8-1746 {
  color: rgba(36, 39, 44, 1);
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  flex-grow: 0;
}

.paragraph-8-1747 {
  color: rgba(105, 102, 101, 1);
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  flex-grow: 0;
}

.container-30 {
  width: 555px;
  height: auto;
  position: absolute;
  left: 50%;
  top: 121px;
  transform: translateX(calc(-50% + -29.5px));
  display: flex;
  flex-direction: column;
  align-items: center;
}

.content-container-30 {
  display: flex;
  flex-direction: column;
  gap: 18px;
  align-items: center;
  width: 100%;
  position: relative;
}

.container-31 {
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.content-container-31 {
  display: flex;
  flex-direction: column;
  gap: 18px;
  align-items: center;
  width: 100%;
  position: relative;
}

.text-8 {
  text-align: center;
  color: rgba(255, 255, 255, 1);
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  flex-grow: 0;
}

.text-9 {
  text-align: center;
  color: rgba(255, 255, 255, 1);
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  flex-grow: 0;
}

.qa-section-2 {
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: flex-start;
}

.qa-item-2 {
  width: 100%;
  height: 100%;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-radius: 16px 16px 16px 16px;
  background-color: rgba(255, 255, 255, 1);
}

.content-qa-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 24px 30px 24px 30px;
  width: 100%;
  position: relative;
}

.stroke-wrap-qa-item {
  position: relative;
  width: 1290px;
  height: auto;
  display: flex;
  flex-shrink: 0;
}

.stroke-qa-item {
  position: absolute;
  inset: 0px;
  border-radius: 16px 16px 16px 16px;
  pointer-events: none;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  box-sizing: border-box;
  border-color: rgba(236.904296875, 236.904296875, 236.904296875, 1);
}

.qa-question-2 {
  color: rgba(36, 39, 44, 1);
  width: 252px;
  height: auto;
  position: relative;
  flex-shrink: 0;
}

.qa-icon-2 {
  width: 20px;
  height: 20px;
  background-image: url(./image/Plus3.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: relative;
  flex-shrink: 0;
}

.qa-item-2-2 {
  width: 1290px;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 16px 16px 16px 16px;
  background-color: rgba(174, 174, 174, 0.20000000298023224);
}

.content-qa-item-2 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
  padding: 24px 30px 24px 30px;
  width: 100%;
  position: relative;
}

.container-32 {
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}

.content-container-32 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  position: relative;
}

.qa-question-2-2 {
  color: rgba(216, 19, 36, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.qa-icon-2-2 {
  width: 20px;
  height: 20px;
  background-image: url(./image/Minus.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: relative;
  flex-shrink: 0;
}

.qa-answer-2 {
  color: rgba(36, 39, 44, 1);
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  flex-grow: 0;
}

.qa-item-3 {
  width: 100%;
  height: 100%;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-radius: 16px 16px 16px 16px;
  background-color: rgba(255, 255, 255, 1);
}

.content-qa-item-3 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 24px 30px 24px 30px;
  width: 100%;
  position: relative;
}

.stroke-wrap-qa-item-3 {
  position: relative;
  width: 1290px;
  height: auto;
  display: flex;
  flex-shrink: 0;
}

.stroke-qa-item-3 {
  position: absolute;
  inset: 0px;
  border-radius: 16px 16px 16px 16px;
  pointer-events: none;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  box-sizing: border-box;
  border-color: rgba(236.904296875, 236.904296875, 236.904296875, 1);
}

.qa-question-3 {
  color: rgba(36, 39, 44, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.qa-icon-3 {
  width: 20px;
  height: 20px;
  background-image: url(./image/Plus2.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: relative;
  flex-shrink: 0;
}

.frame-8-1922 {
  width: 100%;
  height: 100%;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-radius: 16px 16px 16px 16px;
  background-color: rgba(255, 255, 255, 1);
}

.content-8-1922 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 24px 30px 24px 30px;
  width: 100%;
  position: relative;
}

.stroke-wrap-8-1922 {
  position: relative;
  width: 1290px;
  height: auto;
  display: flex;
  flex-shrink: 0;
}

.stroke-8-1922 {
  position: absolute;
  inset: 0px;
  border-radius: 16px 16px 16px 16px;
  pointer-events: none;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  box-sizing: border-box;
  border-color: rgba(236.904296875, 236.904296875, 236.904296875, 1);
}

.paragraph-8-1923 {
  color: rgba(36, 39, 44, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.vector-8-1924 {
  width: 20px;
  height: 20px;
  background-image: url(./image/Plus1.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: relative;
  flex-shrink: 0;
}

.frame-8-1926 {
  width: 100%;
  height: 100%;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-radius: 16px 16px 16px 16px;
  background-color: rgba(255, 255, 255, 1);
}

.content-8-1926 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 24px 30px 24px 30px;
  width: 100%;
  position: relative;
}

.stroke-wrap-8-1926 {
  position: relative;
  width: 1290px;
  height: auto;
  display: flex;
  flex-shrink: 0;
}

.stroke-8-1926 {
  position: absolute;
  inset: 0px;
  border-radius: 16px 16px 16px 16px;
  pointer-events: none;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  box-sizing: border-box;
  border-color: rgba(236.904296875, 236.904296875, 236.904296875, 1);
}

.paragraph-8-1927 {
  color: rgba(36, 39, 44, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.vector-8-1928 {
  width: 20px;
  height: 20px;
  background-image: url(./image/Plus0.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: relative;
  flex-shrink: 0;
}

.frame-8-1930 {
  width: 100%;
  height: 100%;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-radius: 16px 16px 16px 16px;
  background-color: rgba(255, 255, 255, 1);
}

.content-8-1930 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 24px 30px 24px 30px;
  width: 100%;
  position: relative;
}

.stroke-wrap-8-1930 {
  position: relative;
  width: 1290px;
  height: auto;
  display: flex;
  flex-shrink: 0;
}

.stroke-8-1930 {
  position: absolute;
  inset: 0px;
  border-radius: 16px 16px 16px 16px;
  pointer-events: none;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  box-sizing: border-box;
  border-color: rgba(236.904296875, 236.904296875, 236.904296875, 1);
}

.paragraph-8-1931 {
  color: rgba(36, 39, 44, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.vector-8-1932 {
  width: 20px;
  height: 20px;
  background-image: url(./image/Plus.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: relative;
  flex-shrink: 0;
}

.reviews-section-2 {
  width: calc(100% - 48px);
  max-width: 1880px;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 24px 24px 24px 24px;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  background-color: rgba(174, 174, 174, 1);
}

.content-reviews-section {
  display: flex;
  flex-direction: column;
  gap: 60px;
  align-items: center;
  padding: 100px 0px 100px 0px;
  width: 100%;
  position: relative;
}

.container-33 {
  width: 1290px;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.content-container-33 {
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: center;
  width: 100%;
  position: relative;
}

.container-34 {
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.content-container-34 {
  display: flex;
  flex-direction: column;
  gap: 18px;
  align-items: center;
  width: 100%;
  position: relative;
}

.review-section-title-2 {
  text-align: center;
  color: rgba(21.648090362548828, 29.595287322998047, 45.0222053527832, 1);
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  flex-grow: 0;
}

.review-section-desc-2 {
  text-align: center;
  color: rgba(105, 102, 101, 1);
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  flex-grow: 0;
}

.review-list-container-2 {
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: center;
}

.review-list-2 {
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  gap: 30px;
  align-items: flex-start;
}

.review-card-2 {
  width: 410px;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  border-radius: 20px 20px 20px 20px;
  background-color: rgba(255, 255, 255, 1);
}

.content-review-card {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: flex-start;
  justify-content: center;
  padding: 30px 30px 30px 30px;
  width: 100%;
  position: relative;
}

.container-35 {
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.content-container-35 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: flex-start;
  width: 100%;
  position: relative;
}

.review-content-2 {
  text-align: justify;
  color: rgba(36, 39, 44, 1);
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  flex-grow: 0;
}

.review-divider-2 {
  width: 100%;
  height: 1px;
  position: relative;
  flex-shrink: 0;
  background-color: rgba(236.904296875, 236.904296875, 236.904296875, 1);
}

.reviewer-info-2 {
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

.content-reviewer-info {
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: flex-start;
  width: 100%;
  position: relative;
}

.reviewer-avatar-2 {
  width: 60px;
  height: 60px;
  background-image: url(./image/Img1.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: relative;
  flex-shrink: 0;
}

.container-36 {
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
  align-items: flex-start;
}

.reviewer-name-2 {
  color: rgba(36, 39, 44, 1);
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  flex-grow: 0;
}

.reviewer-role-2 {
  color: rgba(105, 102, 101, 1);
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  flex-grow: 0;
}

.frame-15-364 {
  width: 410px;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  border-radius: 20px 20px 20px 20px;
  background-color: rgba(255, 255, 255, 1);
}

.content-15-364 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: flex-start;
  justify-content: center;
  padding: 30px 30px 30px 30px;
  width: 100%;
  position: relative;
}

.frame-15-365 {
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.content-15-365 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: flex-start;
  width: 100%;
  position: relative;
}

.paragraph-15-366 {
  text-align: justify;
  color: rgba(36, 39, 44, 1);
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  flex-grow: 0;
}

.rectangle-15-367 {
  width: 100%;
  height: 1px;
  position: relative;
  flex-shrink: 0;
  background-color: rgba(236.904296875, 236.904296875, 236.904296875, 1);
}

.frame-15-368 {
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

.content-15-368 {
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: flex-start;
  width: 100%;
  position: relative;
}

.vector-15-369 {
  width: 60px;
  height: 60px;
  background-image: url(./image/Img0.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: relative;
  flex-shrink: 0;
}

.frame-15-370 {
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
  align-items: flex-start;
}

.paragraph-15-371 {
  color: rgba(36, 39, 44, 1);
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  flex-grow: 0;
}

.paragraph-15-372 {
  color: rgba(105, 102, 101, 1);
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  flex-grow: 0;
}

.frame-15-373 {
  width: 410px;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  border-radius: 20px 20px 20px 20px;
  background-color: rgba(255, 255, 255, 1);
}

.content-15-373 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: flex-start;
  justify-content: center;
  padding: 30px 30px 30px 30px;
  width: 100%;
  position: relative;
}

.frame-15-374 {
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.content-15-374 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: flex-start;
  width: 100%;
  position: relative;
}

.paragraph-15-375 {
  text-align: justify;
  color: rgba(36, 39, 44, 1);
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  flex-grow: 0;
}

.rectangle-15-376 {
  width: 100%;
  height: 1px;
  position: relative;
  flex-shrink: 0;
  background-color: rgba(236.904296875, 236.904296875, 236.904296875, 1);
}

.frame-15-377 {
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

.content-15-377 {
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: flex-start;
  width: 100%;
  position: relative;
}

.vector-15-378 {
  width: 60px;
  height: 60px;
  background-image: url(./image/Img.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: relative;
  flex-shrink: 0;
}

.frame-15-379 {
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
  align-items: flex-start;
}

.paragraph-15-380 {
  color: rgba(36, 39, 44, 1);
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  flex-grow: 0;
}

.paragraph-15-381 {
  color: rgba(105, 102, 101, 1);
  width: 100%;
  height: auto;
  position: relative;
  flex-shrink: 0;
  flex-grow: 0;
}

.container-37 {
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
}

.icon-6 {
  width: 8px;
  height: 8px;
  background-image: url(./image/Ellipse_8_1969.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: relative;
  flex-shrink: 0;
}

.icon-7 {
  width: 8px;
  height: 8px;
  background-image: url(./image/Ellipse_8_1970.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: relative;
  flex-shrink: 0;
}

.icon-8 {
  width: 14px;
  height: 14px;
  background-image: url(./image/Group_8_1971.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: relative;
  flex-shrink: 0;
}

.icon-9 {
  width: 8px;
  height: 8px;
  background-image: url(./image/Ellipse_8_1974.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: relative;
  flex-shrink: 0;
}

.icon-10 {
  width: 8px;
  height: 8px;
  background-image: url(./image/Ellipse_8_1975.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: relative;
  flex-shrink: 0;
}

.icon-11 {
  width: 8px;
  height: 8px;
  background-image: url(./image/Ellipse_8_1976.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: relative;
  flex-shrink: 0;
}

.container-38 {
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: center;
}

.text-10 {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: rgba(36, 39, 44, 1);
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  white-space: pre;
  flex-grow: 0;
}

.container-39 {
  width: auto;
  height: auto;
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  gap: 30px;
  align-items: flex-start;
}

.container-40 {
  width: 190px;
  height: 80px;
  overflow: hidden;
  position: relative;
  flex-shrink: 0;
  background-color: rgba(255, 255, 255, 1);
}

.icon-12 {
  width: 156.0018310546875px;
  height: 54.482421875px;
  background-image: url(./image/Maskgroup4.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(calc(-50% + -0.00093841552734375px)) translateY(calc(-50% + 0.3035144805908203px));
}

.container-41 {
  width: 190px;
  height: 80px;
  overflow: hidden;
  position: relative;
  flex-shrink: 0;
  background-color: rgba(255, 255, 255, 1);
}

.icon-13 {
  width: 172.0006103515625px;
  height: 44.02392578125px;
  background-image: url(./image/Maskgroup3.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(calc(-50% + -0.0002899169921875px)) translateY(calc(-50% + 0px));
}

.container-42 {
  width: 190px;
  height: 80px;
  overflow: hidden;
  position: relative;
  flex-shrink: 0;
  background-color: rgba(255, 255, 255, 1);
}

.icon-14 {
  width: 121.14990234375px;
  height: 76.259765625px;
  background-image: url(./image/Maskgroup2.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(calc(-50% + 0.425048828125px)) translateY(calc(-50% + -0.00007295608520507812px));
}

.container-43 {
  width: 190px;
  height: 80px;
  overflow: hidden;
  position: relative;
  flex-shrink: 0;
  background-color: rgba(255, 255, 255, 1);
}

.icon-15 {
  width: 107px;
  height: 49.34326171875px;
  background-image: url(./image/Maskgroup1.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(calc(-50% + -0.5px)) translateY(calc(-50% + -0.00002193450927734375px));
}

.container-44 {
  width: 190px;
  height: 80px;
  overflow: hidden;
  position: relative;
  flex-shrink: 0;
  background-color: rgba(255, 255, 255, 1);
}

.icon-16 {
  width: 154.999755859375px;
  height: 44.60791015625px;
  background-image: url(./image/Maskgroup0.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(calc(-50% + -0.49987030029296875px)) translateY(calc(-50% + 0.0000934600830078125px));
}

.container-45 {
  width: 190px;
  height: 80px;
  overflow: hidden;
  position: relative;
  flex-shrink: 0;
  background-color: rgba(255, 255, 255, 1);
}

.icon-17 {
  width: 67.41%;
  height: 62.5%;
  background-image: url(./image/Maskgroup.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: absolute;
  left: 16.56%;
  right: 16.03%;
  top: 18.75%;
  bottom: 18.75%;
}

/* Shared layout/footer now renders the global footer. */

/* Worker A: home dynamic rendering */
.home-hero--dynamic {
  transition: background-image 0.4s ease;
}

.home-hero__overlay {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 0 120px 76px;
  pointer-events: none;
}

.home-hero__content {
  max-width: 560px;
}

.home-hero__eyebrow {
  margin-bottom: 14px;
  font-size: 14px;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.72);
}

.home-hero__title {
  margin: 0;
  font-size: 44px;
  line-height: 1.18;
  color: #fff;
}

.home-hero__subtitle {
  margin-top: 16px;
  max-width: 520px;
  font-size: 16px;
  line-height: 1.8;
  color: rgba(255, 255, 255, 0.86);
}

.home-hero__dots {
  display: flex;
  gap: 10px;
  margin-top: 28px;
  pointer-events: auto;
}

.home-hero__dot {
  width: 28px;
  height: 4px;
  border: 0;
  border-radius: 99px;
  background: rgba(255, 255, 255, 0.32);
  cursor: pointer;
}

.home-hero__dot.active {
  background: rgba(255, 255, 255, 1);
}

.tabs-list .tab-item {
  transition: color 0.2s ease, font-weight 0.2s ease;
}

.tabs-list .tab-item.active {
  color: rgba(216, 19, 36, 1);
  font-family: "Outfit-Medium";
  font-weight: 500;
}

.project-image-layer1,
.resource-image-layer1 {
  background-position: center;
}

.project-card,
.resource-card,
.container-7,
.container-16 {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.project-card:hover,
.resource-card:hover,
.container-7:hover,
.container-16:hover {
  transform: translateY(-2px);
}

.container-39 {
  flex-wrap: wrap;
  justify-content: center;
}

.home-partner-item {
  width: 190px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 18px;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(15, 18, 24, 0.06);
}

.home-partner-item__logo {
  max-width: 100%;
  max-height: 56px;
  object-fit: contain;
}

.home-partner-item__name {
  font-size: 16px;
  color: rgba(36, 39, 44, 1);
}


.home-partner-item {
  text-decoration: none;
  color: inherit;
}

.home-partner-item:hover {
  transform: translateY(-2px);
}