.experience {
  padding-bottom: clamp(50px, 50 * (100vw - 393px) / 887 + 50px, 100px);
}

@media screen and (max-width: 768px) {
  .experience-container {
    padding: 0;
  }
}

.experience-content-wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
  border-radius: 24px;
  background: #0a2125;
  padding: clamp(32px, 38 * (100vw - 393px) / 887 + 32px, 70px) clamp(18px, 32 * (100vw - 393px) / 887 + 18px, 50px);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
@media screen and (min-width: 1130px) {
  .experience-content-wrapper {
    flex-direction: row;
  }
}

.experience-title-wrapper {
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: clamp(16px, 34 * (100vw - 393px) / 887 + 16px, 50px);
}

.experience-title {
  color: var(--text-white);
  font-family: var(--font-family);
  font-size: clamp(32px, 22 * (100vw - 393px) / 887 + 32px, 54px);
  font-style: normal;
  font-weight: 700;
  line-height: 110%; /* 59.4px */
  text-align: center;
}
@media screen and (min-width: 1130px) {
  .experience-title {
    -moz-text-align-last: left;
    text-align-last: left;
  }
}

.experience-description {
  color: #d9dee0;
  font-family: var(--font-family);
  font-size: clamp(18px, 8 * (100vw - 393px) / 887 + 18px, 26px);
  font-style: normal;
  font-weight: 800;
  line-height: 110%; /* 28.6px */
  margin-bottom: 20px;
  text-align: left;
}
@media screen and (min-width: 1130px) {
  .experience-description {
    -moz-text-align-last: left;
    text-align-last: left;
    margin-bottom: 0;
  }
}

.experience-bg-icon {
  position: absolute;
  width: 120%;
  height: 110%;
}

.experience-point-list {
  z-index: 1;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px;
}
@media screen and (min-width: 1280px) {
  .experience-point-list {
    flex-wrap: nowrap;
  }
}

.experience-point-list-item {
  display: flex;
  width: clamp(167px, 63 * (100vw - 393px) / 887 + 167px, 230px);
  height: auto;
  padding: 28px 0px;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.15);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}

.experience-point-list-item-tile {
  color: var(--Text-white, #fff);
  text-align: center;
  font-family: var(--font-family);
  font-size: clamp(16px, 8 * (100vw - 393px) / 887 + 16px, 24px);
  font-style: normal;
  font-weight: 800;
  line-height: 110%; /* 26.4px */
}

.experience-point-list-item-number {
  color: var(--Text-white, #fff);
  text-align: center;
  font-family: var(--font-family);
  font-size: clamp(32px, 14 * (100vw - 393px) / 887 + 32px, 46px);
  font-style: normal;
  font-weight: 800;
  line-height: 110%; /* 50.6px */
}

.experience-point-list-item-description {
  color: var(--Text-white, #fff);
  text-align: center;
  font-family: var(--font-family);
  font-size: clamp(12px, 4 * (100vw - 393px) / 887 + 12px, 16px);
  font-style: normal;
  font-weight: 500;
  line-height: 130%; /* 20.8px */
  max-width: 200px;
}
/*# sourceMappingURL=experience-home.css.map */