.page-container {
  position: relative;
  width: 100%;
  /* height: 275.73vw; */
  overflow: hidden;
  padding-bottom: 50px;
  /* background-color: #eee; */
}

/* Banner Section */
.section-banner {
  width: 100%;
  height: 36.93vw;
}

.header-nav {
  width: 86.1vw;
  height: 1.67vw;
  margin: 1.04vw 0 0 5.72vw;
}

.nav-logo {
  width: 10.79vw;
  height: 1.15vw;
  margin-top: 0.21vw;
}

.nav-item {
  width: auto;
  min-width: 2.5vw;
  height: 1.67vw;
  overflow-wrap: break-word;
  color: rgba(60, 60, 60, 1);
  font-size: 1.25vw;
  font-family: MiSans-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 1.67vw;
  margin-left: 5.21vw;
}

.nav-item:first-of-type {
  margin-left: 9.12vw;
}

.phone-icon {
  width: 1.25vw;
  height: 1.25vw;
  margin: 0.2vw 0 0 35.62vw;
}

.phone-number {
  width: 7.19vw;
  height: 1.41vw;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 1.04vw;
  font-family: MiSans-Demibold;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 1.41vw;
  margin: 0.1vw 0 0 0.46vw;
}

.banner-content {
  background-image: url(https://cos.easthome.com/image/lanhuPages/images/cisp/a9ee2d5b481d426e9012e0a8d697d7bf_mergeImage.png);
  width: 100%;
  height: 33.34vw;
  /* margin: 0.83vw 0 0.05vw 0; */
}

.banner-text-group {
  width: 36.93vw;
  height: 15.11vw;
  margin: 11.97vw 0 0 18.28vw;
}

.banner-title {
  width: 36.93vw;
  height: 9.38vw;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 3.54vw;
  font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
  font-weight: 600;
  text-align: left;
  line-height: 4.69vw;
}

.banner-subtitle {
  width: 20.47vw;
  height: 1.67vw;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 1.25vw;
  font-family: MiSans-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 1.67vw;
  margin-top: 4.07vw;
}

/* Intro Section */
.section-intro {
  width: 100%;
  height: 87.52vw;
  background: url(https://cos.easthome.com/image/lanhuPages/images/cisp/3d9cf59efac340f89425c0b0b6be92a1_mergeImage.png)
    100% no-repeat;
  background-size: 100% 100%;
  margin-top: -3.9vw;
}

.section-title-wrapper {
  width: 22.4vw;
  height: 2.77vw;
  overflow-wrap: break-word;
  font-size: 0;
  font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
  font-weight: 600;
  text-align: center;
  white-space: nowrap;
  line-height: 2.77vw;
  margin: 3.12vw 0 0 38.8vw;
}

.title-prefix {
  width: 22.4vw;
  height: 2.77vw;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 2.08vw;
  font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
  line-height: 2.77vw;
}

.title-highlight {
  width: 22.4vw;
  height: 2.77vw;
  overflow-wrap: break-word;
  color: rgba(0, 85, 254, 1);
  font-size: 2.08vw;
  font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
  line-height: 2.77vw;
}

.features-grid {
  height: 22.4vw;
  flex-wrap: wrap;
  margin: 3.07vw 0 0 18.75vw;
}

.feature-card {
  background-color: rgba(255, 255, 255, 1);
  border-radius: 20px;
  position: relative;
  width: 19.8vw;
  height: 10.42vw;
  margin: 0 1.56vw 1.56vw 0;
}

.feature-text-wrapper {
  position: absolute;
  left: 1.57vw;
  top: 1.57vw;
  width: 16.31vw;
  height: 5.63vw;
}

.feature-title {
  width: 8.91vw;
  height: 1.67vw;
  overflow-wrap: break-word;
  color: rgba(0, 67, 255, 1);
  font-size: 1.25vw;
  font-family: MiSans-Demibold;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 1.67vw;
}

.feature-desc {
  width: 16.31vw;
  height: 2.92vw;
  overflow-wrap: break-word;
  color: rgba(115, 122, 135, 1);
  font-size: 0.83vw;
  font-family: MiSans-Regular;
  font-weight: NaN;
  text-align: left;
  line-height: 1.25vw;
  margin-top: 1.05vw;
}

/* Feature Special Cases for Card 2 */
.feature-desc-alt {
  position: absolute;
  left: 1.52vw;
  top: 4.28vw;
  width: 16.25vw;
  height: 2.92vw;
  overflow-wrap: break-word;
  color: rgba(115, 122, 135, 1);
  font-size: 0.83vw;
  font-family: MiSans-Regular;
  font-weight: NaN;
  text-align: left;
  line-height: 1.25vw;
}

.feature-title-alt {
  position: absolute;
  left: 1.57vw;
  top: 1.57vw;
  width: 6.15vw;
  height: 1.67vw;
  overflow-wrap: break-word;
  color: rgba(0, 67, 255, 1);
  font-size: 1.25vw;
  font-family: MiSans-Demibold;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 1.67vw;
}

.feature-icon {
  border-radius: 20px;
  width: 13.29vw;
  height: 9.02vw;
  margin: 1.4vw 0 0 6.51vw;
}

.feature-icon-1 { background-image: url(https://cos.easthome.com/image/lanhuPages/images/cisp/94e6f36d594a4fffbc013f672b46dafc_mergeImage.png); }
.feature-icon-2 { background-image: url(https://cos.easthome.com/image/lanhuPages/images/cisp/e2f3401262914f69a296e72c82fe7749_mergeImage.png); }
.feature-icon-3 { background-image: url(https://cos.easthome.com/image/lanhuPages/images/cisp/f03192341ee1494b8ae277c2c3feb21b_mergeImage.png); }
.feature-icon-4 { background-image: url(https://cos.easthome.com/image/lanhuPages/images/cisp/cd3d478396424638bbad08839e440be0_mergeImage.png); }
.feature-icon-5 { background-image: url(https://cos.easthome.com/image/lanhuPages/images/cisp/ad78b9d591ee4ea9a93965e72dad11e0_mergeImage.png); }
.feature-icon-6 { background-image: url(https://cos.easthome.com/image/lanhuPages/images/cisp/fdc790e79c9145c7b32a96d26ffff1f5_mergeImage.png); }

.intro-subtitle {
  width: 13.34vw;
  height: 2.77vw;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 2.08vw;
  font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
  font-weight: 600;
  text-align: center;
  white-space: nowrap;
  line-height: 2.77vw;
  margin: 4.32vw 0 0 43.33vw;
}

.intro-desc-wrapper {
  background-image: url(https://cos.easthome.com/image/lanhuPages/images/cisp/d03ae7608a224122b86546a3fc1d383f_mergeImage.png);
  border-radius: 20px;
  height: 9.38vw;
  width: 62.5vw;
  margin: 3.12vw 0 0 18.75vw;
}

.intro-desc-text {
  width: 33.49vw;
  height: 4.69vw;
  overflow-wrap: break-word;
  color: rgba(37, 37, 37, 1);
  font-size: 0.83vw;
  font-family: MicrosoftYaHei;
  font-weight: NaN;
  text-align: left;
  line-height: 1.57vw;
  margin: 2.34vw 0 0 2.76vw;
}

.certificates-container {
  width: 46.88vw;
  height: 16.67vw;
  margin: 2.08vw 0 11.82vw 26.56vw;
}

.certificate-image {
  box-shadow: 0px 0px 20px 0px rgba(221, 221, 221, 0.5);
  border-radius: 20px;
  width: 21.88vw;
  height: 16.67vw;
}

.cert-1 { background-image: url(https://cos.easthome.com/image/lanhuPages/images/cisp/f32a9c91da2d464381680bd9fd7de289_mergeImage.png); }
.cert-2 { background-image: url(https://cos.easthome.com/image/lanhuPages/images/cisp/17a834096eae426686451b7f193160e7_mergeImage.png); }

/* Curriculum Section */
.section-curriculum {
  width: 100%;
  height: 43.13vw;
  background: url(https://cos.easthome.com/image/lanhuPages/images/cisp/SketchPngac3366c1ec73a2738fa575b65d5aecdd85ea9ca667ee431be2875f7373d9cab6.png)
    100% no-repeat;
  background-size: 100% 100%;
  margin-top: 87.61vw;
}

.section-title-wrapper-alt {
  height: 2.92vw;
  background: url(https://cos.easthome.com/image/lanhuPages/images/cisp/SketchPngad684acdb5453c0a67b889ad2e230efb9914457151416813476bc64a0ca10d17.png) -0.53vw -0.42vw
    no-repeat;
  background-size: 19.79vw 3.95vw;
  width: 18.75vw;
  margin: 12.76vw 0 0 40.62vw;
}

.section-title-text-alt {
  width: 18.8vw;
  height: 2.9vw;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 1.25vw;
  font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
  line-height: 1.62vw;
  padding: 0.62vw 0 0 1.35vw;
}

.curriculum-content-card {
  background-image: url(https://cos.easthome.com/image/lanhuPages/images/cisp/9205a13dd9434b53a9eff0d5bae2ce9f_mergeImage.png);
  border-radius: 32px;
  width: 62.5vw;
  height: 23.44vw;
  margin: 3.8vw 0 0.2vw 18.75vw;
}

.view-details-btn {
  background-color: rgba(0, 70, 255, 1);
  border-radius: 0px 20px 0px 20px;
  height: 2.5vw;
  margin-left: 54.17vw;
  width: 8.34vw;
}

.btn-text {
  width: 6.25vw;
  height: 1.41vw;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 1.04vw;
  font-family: MiSans-Demibold;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 1.41vw;
  margin: 0.57vw 0 0 1.09vw;
}

.curriculum-subtitle-wrapper {
  width: 21.67vw;
  height: 2.77vw;
  overflow-wrap: break-word;
  font-size: 0;
  font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
  font-weight: 600;
  text-align: center;
  white-space: nowrap;
  line-height: 2.77vw;
  margin: 1.92vw 0 0 3.17vw;
}

.curriculum-subtitle {
  width: 21.67vw;
  height: 2.77vw;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 2.08vw;
  font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
  line-height: 2.77vw;
}

.curriculum-subtitle-highlight {
  width: 21.67vw;
  height: 2.77vw;
  overflow-wrap: break-word;
  color: rgba(0, 67, 255, 1);
  font-size: 2.08vw;
  font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
  line-height: 2.77vw;
}

.chapters-container {
  width: 60.37vw;
  height: 10.42vw;
  margin: 3.38vw 0 2.44vw 1.09vw;
}

.chapter-column {
  background-color: rgba(249, 253, 255, 0.8);
  border-radius: 16px;
  height: 10.42vw;
  width: 19.43vw;
}

.chapter-column:not(:first-child) {
  margin-left: 1.05vw;
}

.chapter-list {
  width: 15.63vw;
  height: 7.19vw;
  overflow-wrap: break-word;
  color: rgba(62, 62, 62, 1);
  font-size: 1.04vw;
  font-family: MiSans-Normal;
  font-weight: NaN;
  text-align: left;
  line-height: 1.41vw;
  margin: 1.61vw 0 0 2.08vw;
}

/* Footer Section (Commented Out styles preserved) */
.section-footer {
  height: 20.84vw;
  background: url(https://cos.easthome.com/image/lanhuPages/images/cisp/SketchPng548c2fdf5c97d4d25babc408894086e5eb832f27bd30cec5a8b9d33710f27b37.png)
    100% no-repeat;
  background-size: 100% 100%;
  margin-top: 5.79vw;
  width: 100%;
  position: relative;
}

/* ... (Keeping footer styles generally available but unused in HTML as requested) ... */
/* Process Section (How to get certified) */
.section-process {
  background-image: url(https://cos.easthome.com/image/lanhuPages/images/cisp/dab76a6a00b5493991327c7f5372e899_mergeImage.png);
  position: absolute;
  left: 0;
  top: 149.74vw;
  width: 100%;
  height: 60.42vw;
}

.process-title-wrapper {
  width: 21.67vw;
  height: 2.77vw;
  overflow-wrap: break-word;
  font-size: 0;
  font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
  font-weight: 600;
  text-align: center;
  white-space: nowrap;
  line-height: 2.77vw;
  margin: 4.21vw 0 0 39.16vw;
}

.title-part {
  width: 21.67vw;
  height: 2.77vw;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 2.08vw;
  font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
  line-height: 2.77vw;
}

.title-part-highlight {
  width: 21.67vw;
  height: 2.77vw;
  overflow-wrap: break-word;
  color: rgba(0, 67, 255, 1);
  font-size: 2.08vw;
  font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
  line-height: 2.77vw;
}

.process-card {
  box-shadow: 0px 0px 20px 0px rgba(221, 221, 221, 0.5);
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 32px;
  width: 62.5vw;
  height: 35.42vw;
  margin: 2.81vw 0 15.2vw 18.75vw;
}

.process-steps-header {
  width: 48.03vw;
  height: 1.67vw;
  margin: 2.7vw 0 0 7.29vw;
}

.step-title-wrapper {
  width: 9.38vw;
  height: 1.67vw;
  overflow-wrap: break-word;
  font-size: 0;
  font-family: MiSans-Demibold;
  font-weight: NaN;
  text-align: center;
  white-space: nowrap;
  line-height: 1.67vw;
}

.step-title-wrapper-center {
  width: 12.04vw;
  height: 1.67vw;
  overflow-wrap: break-word;
  font-size: 0;
  font-family: MiSans-Demibold;
  font-weight: NaN;
  text-align: center;
  white-space: nowrap;
  line-height: 1.67vw;
  margin-left: 8.6vw;
}

.step-title-wrapper-right {
  width: 9.59vw;
  height: 1.67vw;
  overflow-wrap: break-word;
  font-size: 0;
  font-family: MiSans-Demibold;
  font-weight: NaN;
  text-align: center;
  white-space: nowrap;
  line-height: 1.67vw;
  margin-left: 8.44vw;
}

.step-number {
  width: 9.38vw;
  height: 1.67vw;
  overflow-wrap: break-word;
  color: rgba(0, 67, 255, 1);
  font-size: 1.25vw;
  font-family: MiSans-Demibold;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 1.67vw;
}

.step-name {
  width: 9.38vw;
  height: 1.67vw;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 1.25vw;
  font-family: MiSans-Demibold;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 1.67vw;
}

.process-icons-row {
  width: 46.83vw;
  height: 8.34vw;
  margin: 1.04vw 0 0 7.86vw;
}

.step-icon {
  border-radius: 50%;
  width: 8.34vw;
  height: 8.34vw;
}

.step-icon-1 { background-image: url(https://cos.easthome.com/image/lanhuPages/images/cisp/8091c4008b2a4b2189f27cbcc862c311_mergeImage.png); }
.step-icon-2 { background-image: url(https://cos.easthome.com/image/lanhuPages/images/cisp/3be892d565cf482f94739535f0c78409_mergeImage.png); margin-left: 4.69vw; }
.step-icon-3 { background-image: url(https://cos.easthome.com/image/lanhuPages/images/cisp/c36196efa37a475687de563a2664f586_mergeImage.png); margin-left: 4.74vw; }

.step-arrow {
  width: 1.46vw;
  height: 1.62vw;
  margin: 3.33vw 0 0 4.73vw;
}

.process-details-grid {
  width: 56.31vw;
  height: 18.03vw;
  flex-wrap: wrap;
  margin: 1.66vw 0 1.97vw 3.12vw;
}

.detail-item {
  height: 3.75vw;
  width: 17.71vw;
  background-size: 100% 100%;
}

.detail-bg-1 {
  background: url(https://cos.easthome.com/image/lanhuPages/images/cisp/SketchPng8243b0bcb8c69b6855629854288d074d3e1134ca980831be21006b0718512de8.png) 100% no-repeat;
  background-size: 100% 100%;
}

.detail-bg-2 {
  background: url(https://cos.easthome.com/image/lanhuPages/images/cisp/SketchPng23d29045a30b0955d09cdb3dbd345f6f0427b845d5044d15868e737f3d76497a.png) 100% no-repeat;
  background-size: 100% 100%;
  height: 5.21vw;
}

.detail-text {
  width: 15.11vw;
  height: 1.41vw;
  overflow-wrap: break-word;
  color: rgba(62, 62, 62, 1);
  font-size: 1.04vw;
  font-family: MiSans-Normal;
  font-weight: NaN;
  text-align: center;
  white-space: nowrap;
  line-height: 1.41vw;
  margin: 1.19vw 0 0 1.3vw;
}

.detail-text-large {
  width: 15.11vw;
  height: 2.82vw;
  overflow-wrap: break-word;
  color: rgba(62, 62, 62, 1);
  font-size: 1.04vw;
  font-family: MiSans-Normal;
  font-weight: NaN;
  text-align: center;
  line-height: 1.41vw;
  margin: 1.19vw 0 0 1.3vw;
}

.process-flowchart-wrapper {
  box-shadow: 0px 0px 20px 0px rgba(221, 221, 221, 0.5);
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 32px;
  height: 20.53vw;
  width: 62.5vw;
  position: absolute;
  left: 18.75vw;
  top: 46.41vw;
}

.process-flowchart-image {
  width: 53.81vw;
  height: 18.65vw;
  margin: 1.09vw 0 0 4.32vw;
}

/* Audience Section */
.section-audience {
  background-image: url(https://cos.easthome.com/image/lanhuPages/images/cisp/45d020586a0c40b698c4a91b2c60dfbb_mergeImage.png);
  position: absolute;
  left: 0;
  top: 111.31vw;
  width: 100%;
  height: 38.55vw;
}

.audience-chart-container {
  width: 62.5vw;
  height: 20vw;
  background: url(https://cos.easthome.com/image/lanhuPages/images/cisp/SketchPng8f6ad6397487c22bf7ddded21cc0291af89ef0048a0f68e823c0fe9eb00070b7.png) -1.52vw -1.52vw
    no-repeat;
  background-size: 65.52vw 23.02vw;
  margin: 3.12vw 0 0 18.75vw;
}

.audience-list-column {
  width: 12.71vw;
  height: 12.66vw;
  margin: 3.48vw 0 0 6.45vw;
}

.audience-list-column:last-child {
  margin: 3.48vw 5.72vw 0 1.87vw;
}

.audience-item {
  background-color: rgba(236, 244, 255, 1);
  border-radius: 25px;
  height: 2.09vw;
  width: 10.42vw;
  /* Margin adjustments handled by flex space-between container or defaults */
}

.audience-list-column > .audience-item {
   margin-left: 2.3vw; /* Default/approx alignment based on original */
}

.audience-text {
  width: auto;
  min-width: 6.67vw;
  height: 1.1vw;
  overflow-wrap: break-word;
  color: rgba(92, 92, 92, 1);
  font-size: 0.83vw;
  font-family: MicrosoftYaHei;
  font-weight: NaN;
  text-align: center; /* Generally center */
  white-space: nowrap;
  line-height: 1.1vw;
  margin: 0.46vw 0 0 0;
  width: 100%;
}

.audience-center-image-wrapper {
  height: 13.65vw;
  background: url(https://cos.easthome.com/image/lanhuPages/images/cisp/SketchPng1d29ec462614367b079f8d6afecb2b1159d4835a7c8c999c319935f13c9d2ede.png)
    0.42vw -0.11vw no-repeat;
  background-size: 23.17vw 13.75vw;
  width: 23.29vw;
  margin: 3.48vw 0 0 -0.26vw;
}

.audience-center-image {
  width: 28.13vw;
  height: 10.63vw;
  margin: 1.04vw 0 0 -1.3vw;
}

.cta-button {
  height: 2.92vw;
  background: url(https://cos.easthome.com/image/lanhuPages/images/cisp/SketchPngad684acdb5453c0a67b889ad2e230efb9914457151416813476bc64a0ca10d17.png) -0.53vw -0.42vw
    no-repeat;
  background-size: 19.79vw 3.95vw;
  width: 18.75vw;
  margin: 2.18vw 0 3.48vw 40.62vw;
}

.cta-text {
  width: 18.8vw;
  height: 2.9vw;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 1.25vw;
  font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
  line-height: 1.62vw;
  padding: 0.57vw 0 0 0vw;
}

/* Global / Common */
body * {
  box-sizing: border-box;
  flex-shrink: 0;
}
body {
  font-family: PingFangSC-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma,
    Arial, PingFang SC-Light, Microsoft YaHei;
}
input {
  background-color: transparent;
  border: 0;
}
button {
  margin: 0;
  padding: 0;
  border: 1px solid transparent;
  outline: none;
  background-color: transparent;
}

button:active {
  opacity: 0.6;
}
.flex-col {
  display: flex;
  flex-direction: column;
}
.flex-row {
  display: flex;
  flex-direction: row;
}
.justify-start {
  display: flex;
  justify-content: flex-start;
}
.justify-center {
  display: flex;
  justify-content: center;
}

.justify-end {
  display: flex;
  justify-content: flex-end;
}
.justify-evenly {
  display: flex;
  justify-content: space-evenly;
}
.justify-around {
  display: flex;
  justify-content: space-around;
}
.justify-between {
  display: flex;
  justify-content: space-between;
}
.align-start {
  display: flex;
  align-items: flex-start;
}
.align-center {
  display: flex;
  align-items: center;
}
.align-end {
  display: flex;
  align-items: flex-end;
}