.desktop-3 {
  width: 100%;
  position: relative;
  background-color: var(--color-white);
  overflow: hidden;
  line-height: normal;
  letter-spacing: normal;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 136px;
}

*::-webkit-scrollbar {
  display: none;
}

* {
  font-family: var(--font-inter);
}

.home {
  width: 100vw;
}

.home .background {
  width: 100vw;
  height: 42vw;
  background-image: url("./public/KV_background.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #3B82F6;
  position: relative;
}

.container3 a:hover{
  color: #00bcff;
}

.home .apply-now {
  position: absolute;
  cursor: pointer;
  bottom: 4vw;
  width: fit-content;
  left: 50%;
  transform: translateX(-50%);
  border: 0;
  background: transparent;
  padding: 0;
  appearance: none;
  -webkit-appearance: none;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
  transition: transform 0.25s ease;
}

.home .apply-now__title {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: clamp(6px, 0.9vw, 18px) clamp(8px, 1.4vw, 28px);
  border-radius: clamp(12px, 1.25vw, 24px);
  border: 2px solid #ffad26;
  background: linear-gradient(180deg, #ffb92f 0%, #ff8f14 100%);
  color: #fff9ef;
  font-family: var(--font-google-sans-flex);
  font-size: clamp(12px, 1.6vw, 32px);
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  line-height: 1;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 2px 0 rgba(255, 238, 183, 0.55);
}

.home .apply-now__date {
  margin-top: clamp(-16px, -0.6vw, -6px);
  width: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: clamp(4px, 0.8vw, 16px);
  border-radius: clamp(6px, 1.1vw, 20px);
  border: 2px solid #f6a623;
  background: #ffffff;
  color: #f05b13;
  font-family: var(--font-google-sans-flex);
  font-size: clamp(8px, 1.2vw, 20px);
  font-weight: 800;
  line-height: 1;
}

.home .apply-now:hover,
.home .apply-now:focus-visible {
  transform: translateX(-50%) translateY(-2px);
}

.home .apply-now:hover .apply-now__title,
.home .apply-now:hover .apply-now__date,
.home .apply-now:focus-visible .apply-now__title,
.home .apply-now:focus-visible .apply-now__date {
  box-shadow: 0 0 10px rgba(255, 215, 90, 0.75),
    0 0 22px rgba(255, 188, 51, 0.5),
    0 12px 15px rgba(255, 163, 26, 0.35);
}

.container-wrapper * {
  font-family: var(--font-google-sans-flex);
}

.stage-dropdown__panel::-webkit-scrollbar {
  display: none;
}

.stage-dropdown {
  position: fixed;
  inset: 0;
  z-index: 140;
  pointer-events: none;
}

.stage-dropdown.is-visible {
  pointer-events: auto;
}

.stage-dropdown__backdrop {
  border: 0;
  padding: 0;
  position: absolute;
  inset: 0;
  background: transparent;
  opacity: 0;
  transition: opacity 0.22s ease;
}

.stage-dropdown__panel {
  width: min(425px, calc(100vw - 24px));
  height: var(--stage-target-height, 436px);
  max-height: min(86vh, var(--stage-target-height, 436px));
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0.94);
  transform-origin: center;
  border-radius: var(--br-16);
  border: 1px solid rgba(154, 167, 188, 0.35);
  background: var(--color-white);
  box-shadow: 0 32px 72px rgba(10, 25, 47, 0.35);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  opacity: 0;
  transition: transform 0.32s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.24s ease, height 0.26s ease;
}

.stage-dropdown.is-visible .stage-dropdown__backdrop {
  opacity: 1;
}

.stage-dropdown.is-animated .stage-dropdown__panel {
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
}

.stage-dropdown__title {
  min-height: 52px;
  padding: 16px 22px 12px;
  border-bottom: 1px solid rgba(154, 167, 188, 0.22);
  font-family: var(--font-google-sans-flex);
  font-size: 15px;
  font-weight: 700;
  color: var(--color-darkslateblue-200);
  letter-spacing: 0.01em;
}

.stage-dropdown__content {
  flex: 1;
  overflow: auto;
  scrollbar-width: none;
}

.stage-dropdown__frame {
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 12px;
  background: var(--color-white);
}

.stage-dropdown__status,
.stage-dropdown__error {
  min-height: 64px;
  display: grid;
  place-items: center;
  text-align: center;
  font-family: var(--font-google-sans-flex);
  font-size: 15px;
}

.stage-dropdown__status {
  color: var(--color-dimgray);
}

.stage-dropdown__error {
  color: #b42318;
}

.stage-dropdown__content .overlay {
  border-radius: 12px;
  background-color: var(--color-white);
  width: 100%;
  max-width: 100%;
  padding: 6px;
  box-shadow: none;
  display: flex;
  flex-direction: column;
  gap: 10px;
  font-family: var(--font-google-sans-flex);
}

.stage-dropdown__content .header {
  font-weight: 700;
  font-size: var(--fs-16);
  color: var(--color-deepskyblue-200);
  text-align: center;
}

.stage-dropdown__content .title {
  font-weight: 700;
  font-size: var(--fs-24);
  color: var(--color-deepskyblue-200);
  text-align: center;
  text-transform: uppercase;
}

.stage-dropdown__content .description {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.stage-dropdown__content .description li {
  list-style: none;
  position: relative;
  padding-left: 1.4em;
  font-size: var(--fs-18);
  color: #364153;
}

.stage-dropdown__content .description li::before {
  position: absolute;
  left: 0;
  font-size: var(--fs-16);
  color: var(--color-deepskyblue-200);
}



@media (prefers-reduced-motion: reduce) {

  .stage-dropdown__backdrop,
  .stage-dropdown__panel {
    transition: none;
  }
}

.desktop-3,
.navbar,
.navbar-parent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.navbar-parent {
  align-self: stretch;
  max-width: 100%;
  z-index: 2;
  padding-top: 120px;
}

.navbar {
  width: 100vw;
  height: 76px;
  box-shadow: var(--shadow-drop);
  background-color: var(--color-darkslateblue-700);
  padding: var(--padding-8) var(--padding-0) var(--padding-0);
  box-sizing: border-box;
  top: 0;
  left: 0;
  z-index: 99;
  position: fixed;
}

.navbar-ticker {
  width: 100vw;
  height: 44px;
  background: linear-gradient(90deg, #00a7eb 0%, #0084d4 100%);
  color: #ffffff;
  display: flex;
  align-items: center;
  overflow: hidden;
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.24);
  position: fixed;
  top: 76px;
  left: 0;
  z-index: 98;
  white-space: nowrap;
}

.track {
  display: flex;
  width: max-content;
  animation: scroll linear infinite;
  animation-duration: 12s;
}

.track span {
  margin-right: 80px; 
  font-family: var(--font-google-sans-flex);
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.01em;
  text-transform: uppercase;
}

@keyframes scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

.navbar-ticker__track {
  display: flex;
  animation: run 16s linear infinite;
}

.navbar-ticker span {
  font-family: var(--font-google-sans-flex);
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.01em;
  text-transform: uppercase;
}

@keyframes run {
  from {
    transform: translateX(100vw);
  }
  /* Magic is here. This is the width of the elem with text after rendering the page */
  to {
    transform: translateX(-2700px);
  }
}

.container,
.container2 {
  display: flex;
  align-items: center;
}

@media (max-width: 768px) {
  html {
    scroll-padding-top: 132px;
  }

  .navbar-parent {
    padding-top: 116px;
  }

  .navbar-ticker {
    height: 40px;
    top: 76px;
  }

  .navbar-ticker__track {
    animation-duration: 15s;
  }

  .navbar-ticker__track span {
    padding-right: 40px;
  }
}

.container {
  align-self: stretch;
  height: var(--height-60);
  justify-content: space-between;
  padding: var(--padding-0) var(--padding-32);
  box-sizing: border-box;
  gap: var(--gap-20);
}

.container2 {
  height: var(--height-48);
  width: 133.4px;
}

.text-icon {
  height: 39px;
  flex: 1;
  position: relative;
  filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.12));
  max-width: 100%;
  overflow: hidden;
}

.container3 {
  margin: 0;
  height: var(--height-56);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: var(--padding-0) var(--padding-40);
  box-sizing: border-box;
  gap: 30.5px;
  text-align: left;
  font-size: var(--fs-14);
  color: var(--color-gray-700);
  font-family: var(--font-vimc);
}

.trang-ch {
  position: relative;
  line-height: var(--lh-20);
  text-transform: uppercase;
  text-decoration: none;
  color: #fff;
  font-weight: bold;
}

.button {
  cursor: pointer;
  border: 0;
  padding: var(--padding-8) var(--padding-14);
  background-color: var(--color-deepskyblue-200);
  box-shadow: var(--shadow-drop-1);
  border-radius: var(--br-16777200);
  display: flex;
  align-items: center;
  justify-content: center;
}

.button:hover {
  background-color: var(--color-steelblue);
}

.ng-tuyn {
  width: 87px;
  position: relative;
  font-size: var(--fs-14);
  letter-spacing: 0.2px;
  line-height: var(--lh-14);
  text-transform: uppercase;
  display: inline-block;
  font-family: var(--font-vimc);
  color: var(--color-white);
  text-align: center;
}

.frame-child {
  width: 100vw;
  height: 810px;
  position: relative;
  background-color: var(--color-gainsboro);
}

.container-wrapper {
  width: 100vw;
  height: 880px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--padding-80) var(--padding-30);
  box-sizing: border-box;
}

.container-wrapper,
.container4,
.frame-parent {
  display: flex;
  max-width: 100%;
}

.container4 {
  width: 1376px;
  box-shadow: var(--shadow-drop-2);
  border-radius: 40px;
  background-color: var(--color-white);
  border: var(--border-1);
  box-sizing: border-box;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 65px;
  flex-shrink: 0;
}

.frame-parent {
  align-self: stretch;
  align-items: center;
  justify-content: space-between;
  gap: var(--gap-20);
}

.heading-3,
.heading-3-parent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.heading-3-parent {
  padding: var(--padding-20) var(--padding-0);
  box-sizing: border-box;
  gap: 23.5px;
  max-width: 100%;
  text-align: left;
  font-size: var(--fs-36);
  color: var(--color-darkslateblue-200);
  font-family: var(--font-google-sans-flex);
}

.heading-3 {
  width: 344px;
  height: 75px;
  gap: var(--gap-24);
}

.container5,
.hi-trnh-th {
  position: relative;
  flex-shrink: 0;
}

.hi-trnh-th {
  margin: 0;
  width: 367px;
  height: 45px;
  font-size: inherit;
  letter-spacing: 0.37px;
  line-height: 45px;
  font-weight: 700;
  font-family: inherit;
  display: inline-block;
}

.container5 {
  width: 64px;
  height: var(--height-6);
  border-radius: var(--br-16777200);
  background-color: var(--color-deepskyblue-200);
}

.l-chng-trnh {
  max-width: 567px;
  position: relative;
  font-size: var(--fs-18);
  line-height: 140%;
  color: var(--color-dimgray);
  text-align: justify;
  display: inline-block;
}

.button-wrapper,
.button2 {
  display: flex;
  align-items: center;
}

.button-wrapper {
  text-align: center;
  font-size: var(--fs-14);
  color: var(--color-deepskyblue-200);
}

.button2 {
  border-radius: var(--br-16777200);
  border: 1.5px solid var(--color-deepskyblue-200);
  justify-content: center;
  padding: var(--padding-12) var(--padding-18);
}

.button2:hover {
  box-shadow: var(--shadow-drop-1);
  transform: scale(1.05);
  cursor: pointer;
}

.tham-gia-cng {
  position: relative;
  letter-spacing: 0.2px;
  line-height: var(--lh-14);
  text-transform: uppercase;
}

.container6 {
  height: 608px;
  width: 608px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
  border-radius: var(--br-24);
  background-color: var(--color-gray-600);
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  align-items: flex-start;
  padding: var(--padding-0) var(--padding-0) 0.8px;
  box-sizing: border-box;
  position: relative;
  isolation: isolate;
  max-width: 100%;
}

.imagewithfallback-icon {
  height: 100%;
  width: 100%;
  position: absolute;
  margin: 0 !important;
  top: 0;
  right: 0.13%;
  bottom: 0.13%;
  left: 0;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}

.container7 {
  height: 607.2px;
  width: 100%;
  position: relative;
  background: linear-gradient(0deg,
      rgba(10, 25, 47, 0.48),
      transparent 50%,
      transparent);
  z-index: 1;
}

.keymessage {
  align-self: stretch;
  background-image: url("./public/Icon11@2x.png");
  background-size: cover;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 113px 227px 73px;
  box-sizing: border-box;
  position: relative;
  isolation: isolate;
  gap: 66.8px;
  max-width: 100%;
}

.container8 {
  width: 1018px;
  height: 971px;
  top: 0;
  left: 0;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0.1%, transparent 0.1%),
    linear-gradient(90deg, rgba(255, 255, 255, 0.03) 0.1%, transparent 0.1%);
}

.container10,
.container11,
.container8,
.container9,
.icon {
  position: absolute;
  margin: 0 !important;
  flex-shrink: 0;
}

.icon {
  width: 100vw;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
  z-index: 1;
}

.container10,
.container11,
.container9 {
  width: 536px;
  height: 536px;
  top: -192px;
  left: 736.3px;
  filter: blur(200px);
  border-radius: var(--br-16777200);
  background-color: var(--color-deepskyblue-700);
  z-index: 2;
}

.container10,
.container11 {
  top: -153px;
  left: -145px;
  filter: blur(240px);
  background-color: var(--color-gray-500);
}

.container11 {
  top: 381px;
  left: 1181px;
}

.vimc-strategic-wrapper {
  padding: var(--padding-0) var(--padding-16);
  flex-shrink: 0;
  text-align: center;
  font-size: var(--fs-60);
  color: var(--color-white);
  font-family: var(--font-google-sans-flex);
}

.strategic-core,
.vimc-strategic,
.vimc-strategic-wrapper {
  display: flex;
  align-items: center;
}

.vimc-strategic {
  flex-direction: column;
  gap: 17px;
}

.strategic-core {
  padding: var(--padding-0) 437px;
}

.container12 {
  height: var(--height-80);
  width: var(--width-80);
  box-shadow: 0 0 40px rgba(234, 179, 8, 0.3);
  border-radius: var(--br-16777200);
  background: linear-gradient(135deg, #ffdf20, #d08700);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--padding-0) var(--padding-20);
  box-sizing: border-box;
}

.icon2 {
  height: var(--height-40);
  width: var(--width-40);
  position: relative;
}

.strategy-title-parent {
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 3;
}

.strategy-title {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  padding: var(--padding-0) 155px var(--padding-0) 163px;
}

.hi-trnh-th2 {
  margin: 0;
  height: var(--height-78);
  width: 636px;
  position: relative;
  font-size: inherit;
  letter-spacing: 1.76px;
  line-height: 78px;
  font-weight: 700;
  font-family: inherit;
  background: var(--gradient-1);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  flex-shrink: 0;
}

.strategy-subtitle {
  display: flex;
  align-items: flex-start;
  padding: var(--padding-0) var(--padding-0) var(--padding-0);
}

.kin-to-th {
  margin: 0;
  width: min(90vw, 954px);
  position: relative;
  font-size: inherit;
  letter-spacing: 1.76px;
  line-height: 78px;
  font-weight: 300;
  font-family: inherit;
  display: inline-block;
  flex-shrink: 0;
}

.maritime-insights {
  padding: var(--padding-0) var(--padding-45);
  box-sizing: border-box;
  flex-shrink: 0;
  text-align: center;
  font-size: var(--fs-24);
  color: var(--color-aliceblue-500);
  font-family: var(--font-google-sans-flex);
}

.maritime-insights,
.paragraph {
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}

.paragraph {
  width: 896px;
  flex-direction: column;
  box-sizing: border-box;
  gap: 0.5px;
  z-index: 2;
}

.chng-trnh-hng-ti-xy-dn-parent {
  width: 100%;
  display: block;
  flex-shrink: 0;
}

.chng-trnh-hng-passage {
  margin: 0;
  width: 100%;
  position: relative;
  font-size: inherit;
  line-height: 39px;
  font-weight: 300;
  font-family: inherit;
  display: inline;
}

.chng-trnh-hng,
.tm-tm {
  margin: 0;
  height: 39px;
  position: relative;
  font-size: inherit;
  line-height: 39px;
  font-family: inherit;
  display: inline-block;
  flex-shrink: 0;
}

.chng-trnh-hng {
  width: 612px;
  font-weight: 300;
  max-width: 100%;
}

.tm-tm {
  width: 167px;
  font-weight: 600;
  color: var(--color-gold-100);
}

.chng-trnh-hng-passage .tm-tm {
  width: auto;
  height: auto;
  line-height: inherit;
  display: inline;
}

.vimc-vision {
  margin-left: -72px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  flex-shrink: 0;
}

.nhng-ngi-trc {
  margin: 0;
  width: 946px;
  height: var(--height-78);
  position: relative;
  font-size: inherit;
  line-height: 39px;
  font-weight: 300;
  font-family: inherit;
  display: inline-block;
}

.insight-space-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  padding: var(--padding-0) 264px;
  margin-top: -39.5px;
  position: relative;
  font-family: var(--font-inter);
}

.insight-space {
  margin: 0;
  height: 39px;
  width: 7px;
  position: relative;
  font-size: inherit;
  letter-spacing: var(--ls-0_07);
  line-height: 39px;
  font-weight: 300;
  font-family: inherit;
  display: inline-block;
  z-index: 1;
}

.container-container {
  z-index: 3;
  flex-shrink: 0;
  text-align: center;
  font-size: var(--fs-24);
  color: var(--color-white);
  font-family: var(--font-vimc);
}

.container-container,
.container13,
.paragraph2 {
  display: flex;
  align-items: flex-start;
}

.container13 {
  height: 112px;
  border-radius: var(--br-16);
  background-color: var(--color-gray-400);
  border: 1px solid var(--color-goldenrod);
  box-sizing: border-box;
  padding: var(--padding-14) var(--padding-15);
}

.paragraph2 {
  filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.12));
  padding: var(--padding-8) var(--padding-16);
  z-index: 1;
}

.s-thnh-vng {
  margin: 0;
  height: var(--height-64);
  width: min(80vw, 922px);
  position: relative;
  font-size: inherit;
  letter-spacing: var(--ls-0_07);
  line-height: var(--lh-32);
  display: inline-block;
  font-style: italic;
  font-weight: 700;
  font-family: inherit;
  flex-shrink: 0;
}

.fields {
  align-self: stretch;
  min-height: 800px;
  height: auto;
  width: 100vw;
  background-color: var(--color-white);
  overflow: hidden;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 48px var(--padding-20) 72px;
  box-sizing: border-box;
  gap: 75px;
  text-align: left;
  font-size: var(--fs-48);
  color: var(--color-darkslateblue-200);
  font-family: var(--font-vimc);
}

.fields,
.vimc-strategy,
.vimc-strategy-wrapper {
  display: flex;
  flex-shrink: 0;
  max-width: 100%;
}

.vimc-strategy-wrapper {
  width: 1188px;
  align-items: flex-start;
  justify-content: center;
  padding: var(--padding-0) var(--padding-20);
  box-sizing: border-box;
}

.vimc-strategy {
  flex-direction: column;
  align-items: center;
  gap: 13px;
}

.fields2 {
  margin: 0;
  font-size: inherit;
  letter-spacing: var(--ls-0_35);
  line-height: 140%;
  font-weight: 700;
  font-family: inherit;
}

.container14,
.fields2,
.khm-ph-4 {
  position: relative;
  flex-shrink: 0;
}

.container14 {
  width: 96px;
  height: var(--height-6);
  border-radius: var(--br-16777200);
  background-color: var(--color-deepskyblue-200);
}

.khm-ph-4 {
  font-size: var(--fs-18);
  line-height: 140%;
  font-family: var(--font-google-sans-flex);
  color: var(--color-slategray);
  text-align: center;
}

.strategy-container,
.strategy-container-parent {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.strategy-container-parent {
  flex-direction: column;
  padding: var(--padding-0) var(--padding-0) var(--padding-0) var(--padding-0);
}

.strategy-container {
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--gap-28);
}

.business-category,
.button3 {
  display: flex;
  align-items: flex-end;
  flex-shrink: 0;
}

.button3 {
  height: 434px;
  width: 282px;
  box-shadow: var(--shadow-drop-3);
  border-radius: 16.3px;
  background-color: var(--color-darkslateblue-300);
  border: 2px solid var(--color-darkslateblue-200);
  box-sizing: border-box;
  overflow: hidden;
  text-align: left;
  font-size: 44px;
  color: var(--color-white);
  font-family: var(--font-vimc);
}

.business-category {
  margin-bottom: -30px;
  flex-direction: column;
  padding: 50px 68px var(--padding-64) var(--padding-38);
  position: relative;
  isolation: isolate;
  gap: 224px;
}

.converted-1-icon {
  width: 100%;
  position: absolute;
  margin: 0 !important;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
  mix-blend-mode: screen;
  flex-shrink: 0;
}

.category-title-parent {
  margin-top: -426px;
  margin-right: -82.5px;
  display: flex;
  align-items: flex-start;
  gap: 47.9px;
  flex-shrink: 0;
}

.category-title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.container15,
.kinh-doanh {
  position: relative;
  z-index: 1;
}

.kinh-doanh {
  margin: 0;
  width: 111px;
  height: 106px;
  font-size: inherit;
  line-height: 120%;
  font-weight: 700;
  font-family: inherit;
  display: inline-block;
}

.container15 {
  height: 130.6px;
  width: 130.6px;
  filter: blur(81.6px);
  border-radius: 17112744px;
  background-color: var(--color-deepskyblue-700);
}

.category-header {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  padding: var(--padding-0) 79px;
  flex-shrink: 0;
}

.container16 {
  height: var(--height-48);
  width: var(--width-48);
  box-shadow: var(--shadow-drop);
  border-radius: var(--br-16777200);
  background-color: var(--color-white);
  border: var(--border-2);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--padding-0) var(--padding-10);
}

.button4,
.icon3 {
  position: relative;
}

.icon3 {
  height: var(--height-24);
  width: var(--width-24);
}

.button4:hover {
  box-shadow: 0 16px 36px rgba(10, 25, 60, 0.42),
    0 0 0 1px var(--color-darkslateblue-300),
    0 0 22px var(--color-darkslateblue-400),
    0 0 42px var(--color-darkslateblue-500);
  transform: scale(1.05);
}

.button4 {
  cursor: pointer;
  width: 282px;
  height: 434px;
  border-radius: 16.3px;
  background-color: var(--color-darkslateblue-300);
  border: 2px solid var(--color-darkslateblue-200);
  box-sizing: border-box;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: flex-start;
  padding: var(--padding-24);
  isolation: isolate;
  gap: var(--gap-16);
  text-align: left;
  font-size: 44px;
  color: var(--color-white);
  font-family: var(--font-vimc);
  transition: transform 0.24s ease, box-shadow 0.24s ease, border-color 0.24s ease;
}

.converted-1-icon2 {
  width: 396px;
  height: 588px;
  position: absolute;
  margin: 0 !important;
  top: -140px;
  left: calc(50% - 198px);
  object-fit: cover;
  mix-blend-mode: screen;
  flex-shrink: 0;
  z-index: 0;
}

.converted-1-icon2-shifted {
  left: calc(50% - 150px);
}

.transport-header {
  display: flex;
  width: 100%;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--gap-16);
  flex: 1;
}

.cng-bin {
  margin: 0;
  width: 100%;
  height: 106px;
  position: relative;
  font-size: 38px;
  line-height: 120%;
  font-weight: 700;
  font-family: inherit;
  display: inline-block;
  z-index: 1;
}

.container18 {
  width: var(--width-48);
  height: var(--height-48);
  box-shadow: var(--shadow-drop);
  border-radius: var(--br-16777200);
  background-color: var(--color-white);
  border: var(--border-2);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--padding-0) var(--padding-10);
  flex-shrink: 0;
  z-index: 2;
  align-self: flex-end;
  transition: box-shadow 0.24s ease, transform 0.24s ease, border-color 0.24s ease;
}

.button4:hover .container18,
.button4:focus-within .container18 {
  box-shadow: 0 0 12px rgba(33, 198, 255, 0.55),
    0 0 26px rgba(255, 198, 72, 0.45),
    0 10px 20px rgba(7, 19, 51, 0.35);
  transform: translateY(-1px);
}

.gemini-generated-image-x1qpqsx-icon {
  width: 339px;
  position: absolute;
  margin: 0 !important;
  bottom: -60px;
  left: -51px;
  max-height: 100%;
  object-fit: cover;
  mix-blend-mode: screen;
  flex-shrink: 0;
  z-index: 0;
}

.frame-group {
  display: flex;
  width: 100%;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--gap-16);
  flex: 1;
}

.vn-ti-bin {
  margin: 0;
  width: 100%;
  height: 106px;
  position: relative;
  font-size: 38px;
  line-height: 120%;
  font-weight: 700;
  font-family: inherit;
  display: inline-block;
  z-index: 1;
}

.gemini-generated-image-nyv3rin-parent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 146px var(--padding-37) var(--padding-34);
  position: relative;
  isolation: isolate;
  gap: 277px;
  flex-shrink: 0;
}

.logistics {
  margin: 0;
  width: 191px;
  height: 53px;
  position: relative;
  font-size: inherit;
  line-height: 120%;
  font-weight: 700;
  font-family: inherit;
  display: inline-block;
  z-index: 1;
  flex-shrink: 0;
}

.container-frame {
  display: flex;
  align-items: flex-start;
  padding: var(--padding-0) 85px var(--padding-0) 169px;
  flex-shrink: 0;
}

.container22 {
  margin-left: -294px;
  width: 384px;
  height: 384px;
  position: relative;
  filter: blur(128px);
  border-radius: var(--br-16777200);
  background-color: var(--color-deepskyblue-600);
  flex-shrink: 0;
}

.summary-stage {
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: var(--padding-60) var(--padding-20);
  position: relative;
  isolation: isolate;
}

.gemini-generated-image-8hlf478-icon {
  width: auto;
  position: absolute;
  margin: 0 !important;
  top: 0;
  right: -0;
  max-height: 100%;
  object-fit: cover;
  flex-shrink: 0;
}

.container23,
.main-travel {
  flex-shrink: 0;
  position: relative;
}

.container23 {
  margin-top: -48px;
  margin-bottom: -120px;
  align-self: flex-start;
  margin-left: max(16px, 2vw);
  width: 384px;
  height: 384px;
  filter: blur(128px);
  border-radius: var(--br-16777200);
  background-color: var(--color-deepskyblue-600);
  z-index: 1;
}

.program-sections {
  width: 100%;
  display: flex;
  justify-content: center;
}

.program-sections-inner {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.main-travel {
  width: min(100%, 1080px);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 56px;
}

.action-plan-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  z-index: 1;
  text-align: center;
  font-size: var(--fs-48);
  color: var(--color-darkslateblue-200);
  font-family: var(--font-vimc);
}

.action-plan {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--gap-12);
}

.heading-2 {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: var(--padding-0);
  box-sizing: border-box;
  position: relative;
}

.tng-quan-hnh {
  margin: 0;
  height: auto;
  width: auto;
  max-width: 100%;
  position: relative;
  font-size: inherit;
  letter-spacing: var(--ls-0_35);
  line-height: 140%;
  font-weight: 700;
  font-family: inherit;
  display: inline-block;
  text-align: center;
}

.container24 {
  width: 96px;
  height: var(--height-6);
  position: relative;
  border-radius: var(--br-16777200);
  background-color: var(--color-deepskyblue-200);
}

.paragraph3 {
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: var(--padding-0);
  box-sizing: border-box;
  font-size: var(--fs-20);
  color: var(--color-dimgray);
  font-family: var(--font-inter);
}

.hnh-trnh-3 {
  margin: 0;
  height: var(--height-28);
  width: 315px;
  position: relative;
  font-size: inherit;
  letter-spacing: var(--ls--0_45);
  line-height: var(--lh-28);
  font-weight: 500;
  font-family: inherit;
  display: inline-block;
}

.construction-phase {
  width: min(100%, 760px);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-19) var(--padding-0);
  gap: 15.5px;
  z-index: 1;
  text-align: left;
  font-size: var(--fs-16);
  color: var(--color-dimgray);
  font-family: var(--font-inter);
}

.frame-container {
  display: flex;
  align-items: flex-start;
  position: relative;
  isolation: isolate;
}

.frame-item {
  height: 358px;
  width: 200px;
  position: absolute;
  margin: 0 !important;
  right: -215px;
  bottom: -260px;
  flex-shrink: 0;
}

.container25,
.ground-work {
  display: flex;
  align-items: center;
}

.container25 {
  height: 136px;
  box-shadow: var(--shadow-drop-4);
  border-radius: var(--br-16);
  background-color: var(--color-white);
  border: var(--border-1);
  box-sizing: border-box;
  overflow: hidden;
  justify-content: center;
  padding: var(--padding-12);
  z-index: 1;
  flex-shrink: 0;
}

.ground-work {
  flex-direction: column;
  gap: var(--gap-10);
}

.giai-on-1,
.xy-dng-nn {
  position: relative;
  letter-spacing: var(--ls-0_07);
}

.giai-on-1 {
  line-height: var(--lh-18);
}

.xy-dng-nn {
  font-size: var(--fs-18);
  line-height: 130%;
  color: var(--color-darkslateblue-200);
  text-align: center;
}

.container26 {
  width: 238px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--padding-0) 51px;
  box-sizing: border-box;
  gap: var(--gap-8);
  font-size: var(--fs-14);
  color: var(--color-deepskyblue-100);
}

.chi-tit-giai,
.container26,
.text {
  height: var(--height-20);
}

.text {
  width: 111.1px;
  display: flex;
  align-items: flex-start;
  padding: var(--padding-0_5) var(--padding-0) var(--padding-0);
  box-sizing: border-box;
}

.chi-tit-giai {
  width: 111px;
  position: relative;
  letter-spacing: var(--ls--0_15);
  line-height: var(--lh-20);
  font-weight: 500;
  display: inline-block;
}

.icon7 {
  height: var(--height-16);
  width: var(--width-16);
  position: relative;
}

.container26[data-stage-toggle] {
  cursor: pointer;
  transition: color 0.2s ease;
}

.container26[data-stage-toggle]:hover {
  color: var(--color-deepskyblue-200);
}

.container26[data-stage-toggle]:focus-visible {
  outline: 2px solid rgba(2, 171, 246, 0.35);
  outline-offset: 4px;
  border-radius: 8px;
}


@media (prefers-reduced-motion: reduce) {
  .container26[data-stage-toggle] {
    transition: none;
  }
}

.frame-div {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  padding: var(--padding-0);
}

.container27,
.container29 {
  background-color: var(--color-white);
  overflow: hidden;
  display: flex;
}

.candidate {
  background-color: var(--color-white);
  overflow: visible;
  display: flex;
}

.container27 {
  box-shadow: var(--shadow-drop-4);
  border-radius: var(--br-16);
  border: var(--border-1);
  align-items: center;
  justify-content: center;
  padding: var(--padding-14) var(--padding-15);
}

.candidate,
.container29 {
  box-sizing: border-box;
}

.container29 {
  width: 264px;
  height: 136px;
  box-shadow: var(--shadow-drop-4);
  border-radius: var(--br-16);
  border: var(--border-1);
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  padding: var(--padding-12);
}

.candidate {
  flex: 1;
  flex-direction: column;
  align-items: center;
  gap: var(--gap-28);
  max-width: 100%;
}

.container-parent {
  width: 100vw;
}

.container31,
.group-div {
  display: flex;
  max-width: 100%;
}

.container31 {
  align-items: center;
  justify-content: center;
  padding: var(--padding-0_5) var(--padding-20) var(--padding-28);
  box-sizing: border-box;
  text-align: center;
  font-size: var(--fs-48);
  color: var(--color-darkslateblue-200);
  font-family: var(--font-inter);
}

.group-div {
  flex-direction: column;
  align-items: flex-end;
  gap: 6px;
}

.candidate-parent,
.frame-wrapper {
  display: flex;
  align-items: flex-start;
}

.frame-wrapper {
  width: 724px;
  justify-content: center;
  padding: var(--padding-0) var(--padding-20) var(--padding-0) var(--padding-21);
  box-sizing: border-box;
  max-width: 100%;
}

.candidate-parent {
  flex-direction: column;
  gap: 19.5px;
}

.candidate2 {
  margin: 0;
  width: 478px;
  height: var(--height-48);
  position: relative;
  font-size: inherit;
  letter-spacing: var(--ls-0_35);
  line-height: var(--lh-48);
  font-weight: 700;
  font-family: inherit;
  display: inline-block;
}

.container-wrapper2 {
  display: flex;
  align-items: flex-start;
  padding: var(--padding-0) 200px var(--padding-0) 198px;
}

.container32 {
  height: var(--height-6);
  width: var(--width-80);
  position: relative;
  border-radius: var(--br-16777200);
  background-color: var(--color-deepskyblue-200);
}

.tm-kim-nhng {
  max-width: 724px;
  height: var(--height-28);
  position: relative;
  font-size: var(--fs-18);
  letter-spacing: -0.44px;
  line-height: var(--lh-28);
  color: var(--color-slategray);
  display: inline-block;
}

.container-group,
.container33 {
  width: 100%;
}

.container-group {
  text-align: left;
  font-size: var(--fs-24);
  color: var(--color-white);
  font-family: var(--font-google-sans-flex);
  display: flex;
  align-items: stretch;
  justify-content: center;
  position: relative;
  overflow: visible;
  padding: var(--padding-0) var(--padding-20);
  box-sizing: border-box;
  max-width: 1240px;
  margin: 0 auto;
}

.container33 {
  box-shadow: var(--shadow-drop-2);
  border-radius: var(--br-24) 0 0 var(--br-24);
  background-color: var(--color-darkslateblue-200);
  border: 1px solid var(--color-darkslateblue-600);
  border-right: 0;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  flex: 1 1 62%;
  flex-wrap: nowrap;
  justify-content: space-between;
  padding: 42px 43px;
  gap: var(--gap-24);
  min-height: 310px;
  margin: 48px 0;
}

.container34 {
  height: 128px;
  width: 128px;
  position: absolute;
  margin: 0 !important;
  top: 85px;
  left: 85px;
  border-radius: var(--br-0) var(--br-24) var(--br-0) var(--br-0);
  background: linear-gradient(225deg, rgba(253, 199, 0, 0.1), transparent);
  transform: rotate(180deg);
  transform-origin: 0 0;
  flex-shrink: 0;
}

.container-wrapper3,
.container35 {
  display: flex;
  box-sizing: border-box;
}

.container35 {
  height: 222px;
  width: var(--width-72);
  border-radius: var(--br-16);
  background-color: var(--color-gray-300);
  align-items: center;
  justify-content: center;
  padding: var(--padding-16);
  z-index: 1;
  flex-shrink: 0;
}

.container-wrapper3 {
  flex: 1 1 420px;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: var(--padding-0);
  max-width: 100%;
}

.container36 {
  width: 100%;
  max-width: 456.6px;
  display: flex;
  align-items: center;
  max-width: 100%;
}

.container37 {
  height: 152px;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--gap-4);
}

.heading-32 {
  align-self: stretch;
  height: var(--height-32);
  position: relative;
  flex-shrink: 0;
}

.source-details,
.text4 {
  display: flex;
  align-items: flex-start;
  flex-shrink: 0;
}

.text4 {
  width: 88.7px;
  height: var(--height-20);
  position: relative;
  isolation: isolate;
}

.source-details {
  width: 338px;
  margin: 0 !important;
  position: absolute;
  top: -56px;
  left: 0;
  flex-direction: column;
  gap: var(--gap-4);
  z-index: 0;
}

.ngun-nhn-s {
  margin: 0;
  align-self: stretch;
  position: relative;
  font-size: inherit;
  line-height: var(--lh-32);
  text-transform: uppercase;
  font-weight: 700;
  font-family: inherit;
}

.l-nhn-s,
.list {
  align-self: stretch;
  font-size: var(--fs-16);
  color: var(--color-aliceblue-200);
}

.l-nhn-s {
  position: relative;
  line-height: var(--lh-20);
}

.list {
  height: 96px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--gap-16);
  flex-shrink: 0;
}

.list-item {
  width: 168.3px;
  height: var(--height-40);
  position: relative;
  display: none;
  font-family: var(--font-vimc);
}

.icon11 {
  position: absolute;
  top: 2px;
  left: 0;
  width: var(--width-20);
  height: var(--height-20);
}

.c-6-thng,
.text5 {
  position: absolute;
  top: 0;
}

.text5 {
  left: 32px;
  width: 136.3px;
  height: var(--height-40);
}

.c-6-thng {
  left: -0.3px;
  letter-spacing: -0.02em;
  line-height: var(--lh-20);
  display: inline-block;
  width: 317px;
  flex-shrink: 0;
}

.internal-items,
.list-item2 {
  display: flex;
  align-items: flex-start;
  gap: var(--gap-16);
}

.list-item2 {
  width: 168.3px;
  padding: var(--padding-2) var(--padding-0) var(--padding-18);
  box-sizing: border-box;
  gap: var(--gap-12);
}

.icon12 {
  width: var(--width-20);
  position: relative;
}

.di-27-tui,
.icon12,
.text6 {
  height: var(--height-20);
}

.text6 {
  display: flex;
  align-items: flex-start;
  padding: var(--padding-0) var(--padding-0) var(--padding-0_5);
  box-sizing: border-box;
}

.di-27-tui {
  position: relative;
  line-height: var(--lh-20);
  display: inline-block;
}

.list-item3 {
  height: var(--height-40);
  display: flex;
  align-items: flex-start;
  padding: var(--padding-2) var(--padding-0) var(--padding-18);
  box-sizing: border-box;
  gap: var(--gap-12);
}

.icon13 {
  height: var(--height-20);
  width: var(--width-20);
  position: relative;
  flex-shrink: 0;
}

.sn-sng-lun,
.text7 {
  height: var(--height-40);
  flex-shrink: 0;
}

.text7 {
  width: 136.3px;
  display: flex;
  align-items: flex-start;
  padding: var(--padding-0) var(--padding-0) var(--padding-1);
  box-sizing: border-box;
}

.sn-sng-lun {
  margin-top: -1px;
  margin-left: -0.3px;
  width: 286px;
  position: relative;
  letter-spacing: -0.02em;
  line-height: var(--lh-20);
  display: inline-block;
}

.list-item4 {
  gap: var(--gap-12);
}

.icon-wrapper,
.list-item4,
.text8 {
  display: flex;
  align-items: flex-start;
}

.icon-wrapper {
  flex-direction: column;
  padding: var(--padding-2) var(--padding-0) var(--padding-0);
}

.text8 {
  padding: var(--padding-0) var(--padding-0) var(--padding-0_5) var(--padding-0);
}

.c-c {
  height: var(--height-40);
  width: 137px;
  position: relative;
  line-height: var(--lh-20);
  display: inline-block;
  flex-shrink: 0;
}

.layer-0z-3-parent {
  position: relative;
  flex: 1 1 38%;
  width: min(100%, 470px);
  min-height: 310px;
  height: auto;
  align-self: stretch;
  margin: 48px 0;
  border-radius: 0 var(--br-24) var(--br-24) 0;
  border: 1px solid var(--color-darkslateblue-600);
  border-left: 0;
  background-color: var(--color-darkslateblue-200);
  overflow: hidden;
  z-index: 2;
}

.layer-0z-2,
.layer-0z-3 {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 440px;
  object-fit: cover;
  flex-shrink: 0;
}


.layer-0z-2 {
  top: -8px;
  height: 334px;
  z-index: 1;
}

.external-source {
  display: flex;
  align-items: stretch;
  justify-content: center;
  padding: var(--padding-0) var(--padding-1) var(--padding-0) var(--padding-0);
  box-sizing: border-box;
  max-width: 100%;
  width: 100%;
  text-align: left;
  font-size: var(--fs-24);
  color: var(--color-darkslateblue-200);
  font-family: var(--font-google-sans-flex);
  overflow: hidden;
}

.container-parent3,
.container38 {
  width: 100%;
  max-width: 100%;
}

.container-parent3 {
  display: flex;
  align-items: stretch;
  justify-content: center;
  max-width: 1240px;
  margin: 0 auto;
  min-height: 374px;
  position: relative;
}

.container38 {
  position: relative;
  box-shadow:
    0 20px 25px -5px rgba(0, 0, 0, 0.1),
    0 8px 10px -6px rgba(0, 0, 0, 0.1);
  border-radius: var(--br-24);
  background: linear-gradient(225deg, rgba(0, 188, 255, 0.1), transparent);
  border: 1px solid var(--color-lightblue-100);
  border-left: 0;
  box-sizing: border-box;
  flex: 1 1 62%;
  width: auto;
  height: 310px;
  overflow: hidden;
  margin: 64px 0 0;
  margin-bottom: 32px;
}

.container39 {
  position: absolute;
  top: 86px;
  right: -48px;
  filter: blur(128px);
  border-radius: var(--br-16777200);
  background-color: var(--color-aliceblue-400);
  width: 256px;
  height: 256px;
  flex-shrink: 0;
}

.container40,
.container41 {
  box-sizing: border-box;
  display: flex;
}

.container40 {
  position: relative;
  width: 100%;
  height: 100%;
  align-items: center;
  display: flex;
  justify-content: flex-end;
  padding: 32px 40px;
  gap: var(--gap-28);
  z-index: 1;
}

.container41 {
  height: 213px;
  width: 74px;
  border-radius: var(--br-16);
  background-color: rgba(240, 249, 255, 1);
  border: 1px solid var(--color-aliceblue-500);
  align-items: center;
  justify-content: center;
  padding: var(--padding-16);
  z-index: 2;
}

.container42 {
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}

.container43 {
  width: 100%;
  flex-direction: column;
  padding: 0;
  box-sizing: border-box;
  gap: 16px;
  max-width: 100%;
}

.container43,
.external-details,
.heading-33 {
  display: flex;
  align-items: flex-start;
}

.external-details {
  margin-top: 0;
  width: 100%;
  max-width: 520px;
  flex-direction: column;
  gap: var(--gap-4);
  flex-shrink: 0;
}

.heading-33 {
  align-self: stretch;
  height: var(--height-32);
}

.ngun-nhn-s2 {
  margin: 0;
  height: var(--height-32);
  width: 350px;
  position: relative;
  font-size: inherit;
  line-height: var(--lh-32);
  text-transform: uppercase;
  font-weight: 700;
  font-family: inherit;
  display: inline-block;
}

.l-nhng-ng {
  align-self: stretch;
  position: relative;
  font-size: var(--fs-14);
  letter-spacing: 0.2px;
  line-height: var(--lh-14);
}

.list2 {
  flex-direction: column;
  padding: 0;
  box-sizing: border-box;
  gap: 16px;
  flex-shrink: 0;
  font-size: var(--fs-16);
  font-family: var(--font-vimc);
  width: 100%;
}

.external-part,
.external-part-parent,
.list2 {
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}

.external-part-parent {
  flex-direction: column;
  gap: 16.5px;
}

.external-part {
  width: 100%;
  max-width: 560px;
  gap: var(--gap-20);
}

.di-25-tui,
.text10 {
  height: var(--height-20);
}

.text10 {
  display: flex;
  align-items: flex-start;
  box-sizing: border-box;
}

.di-25-tui {
  width: 120px;
  position: relative;
  line-height: var(--lh-20);
  display: inline-block;
}

.list-item7 {
  width: 400px;
  display: flex;
  align-items: flex-start;
  box-sizing: border-box;
  position: relative;
  isolation: isolate;
  flex-shrink: 0;
  font-family: var(--font-google-sans-flex);
}

.sinh-vin-vit {
  width: 368px;
  margin: 0 !important;
  margin-left: 12px !important;
  line-height: var(--lh-20);
  display: inline-block;
  flex-shrink: 0;
}

.list-item-parent {
  width: 100%;
  max-width: 402px;
  display: flex;
  align-items: flex-start;
  gap: var(--gap-20);
}

.gpa-32,
.text11 {
  height: var(--height-20);
}

.text11 {
  display: flex;
  align-items: flex-start;
  padding: var(--padding-0) var(--padding-0) var(--padding-0_5) var(--padding-0);
  box-sizing: border-box;
}

.gpa-32 {
  width: 120px;
  position: relative;
  line-height: var(--lh-20);
  display: inline-block;
  flex-shrink: 0;
}

.list-item9 {
  display: flex;
  align-items: flex-start;
  box-sizing: border-box;
  position: relative;
  isolation: isolate;
  font-family: var(--font-google-sans-flex);
  gap: 12px;
}


.ting-anh-tt {
  width: 200px;
  line-height: var(--lh-20);
  display: inline-block;
}

.external-filler {
  height: 100px;
  width: 100px;
  right: -23px;
  bottom: -41px;
  overflow: hidden;
  z-index: 1;
}

.list-item10 {
  width: 186px;
  display: flex;
  align-items: flex-start;
  padding: 2.5px var(--padding-0) var(--padding-0);
  box-sizing: border-box;
  position: relative;
  isolation: isolate;
  gap: 12px;
  font-family: var(--font-google-sans-flex);
}

.c-thnh-tch {
  line-height: var(--lh-20);
  display: inline-block;
  flex-shrink: 0;
}

.exterior-layer {
  order: -1;
  width: min(100%, 470px);
  height: 310px;
  margin: 64px 0 0;
  border-right: 0;
  overflow: hidden;
  z-index: 2;
  position: absolute;
}

.layer-0zx-3 {
  width: 530px;
  object-fit: cover;
  flex-shrink: 0;
  height: 360px;
  z-index: 1;
}

.benefits {
  align-self: stretch;
  background-color: var(--color-darkslateblue-200);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 71px 70px 120px;
  box-sizing: border-box;
  position: relative;
  isolation: isolate;
  gap: 86px;
  max-width: 100%;
  margin-top: 48px;
  background-image: url("./public/Group-1-8@2x.png");
  background-size: 4626px 2602px;
  background-position-x: -1400px;
  background-position-y: -900px;
  background-repeat: no-repeat;
}

.group-1-8 {
  width: 2313px;
  position: absolute;
  margin: 0 !important;
  top: -385px;
  left: -814px;
  max-height: 100%;
  object-fit: cover;
  flex-shrink: 0;
}

.container-parent4,
.container44 {
  display: flex;
  align-items: flex-start;
  isolation: isolate;
  flex-shrink: 0;
}

.container44 {
  margin: 0 !important;
  position: absolute;
  top: 0;
  left: 0;
  background: radial-gradient(61.62% 85.55%at 50% 50%,
      rgba(6, 182, 212, 0.05),
      transparent 50%);
  flex-direction: column;
  justify-content: flex-end;
  padding: 360px 258px var(--padding-0) 390px;
  z-index: 3;
}

.container-parent4 {
  position: relative;
}

.container45,
.container46 {
  border-radius: var(--br-16777200);
  background-color: var(--color-deepskyblue-700);
  flex-shrink: 0;
}

.container45 {
  height: 100%;
  width: 100%;
  position: absolute;
  margin: 0 !important;
  top: -360px;
  left: -132.5px;
  filter: blur(240px);
  z-index: 1;
}

.container46 {
  height: 384px;
  width: 384px;
  position: relative;
  filter: blur(200px);
  z-index: 2;
}

.benefit-deco-icon {
  width: 172px;
  height: 172px;
  top: 219px;
  left: -47px;
}

.benefit-deco-icon,
.container47,
.icon22 {
  position: absolute;
  margin: 0 !important;
  flex-shrink: 0;
}

.container47 {
  width: 96px;
  height: var(--height-6);
  box-shadow: 0 0 15px rgba(0, 174, 239, 0.5);
  border-radius: var(--br-16777200);
  background-color: var(--color-deepskyblue-200);
  position: relative;
}

.icon22 {
  width: 186px;
  height: 186px;
  bottom: -24px;
  right: -32px;
  z-index: 1;
}

.benefit-message {
  width: 1300px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: var(--padding-0) var(--padding-0) var(--padding-0) var(--padding-2);
  box-sizing: border-box;
  max-width: 100%;
  flex-shrink: 0;
  text-align: center;
  font-size: var(--fs-48);
  color: var(--color-white);
  font-family: var(--font-vimc);
}

.benefit-presentation {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 46px;
}

.benefit-label {
  display: flex;
  align-items: flex-start;
  padding: var(--padding-0) var(--padding-80) var(--padding-0) 78px;
}

.benefits2,
.tri-nghim-hnh {
  position: relative;
  line-height: 140%;
  display: inline-block;
  z-index: 4;
}

.benefits2 {
  margin: 0;
  height: var(--height-67);
  width: 800px;
  font-size: inherit;
  letter-spacing: var(--ls-0_35);
  font-weight: 700;
  font-family: inherit;
}

.tri-nghim-hnh {
  width: 892px;
  font-size: var(--fs-18);
  font-family: var(--font-google-sans-flex);
}

.container48 {
  display: flex;
  align-items: flex-start;
  z-index: 4;
  flex-shrink: 0;
  text-align: center;
  font-size: var(--fs-20);
  color: var(--color-white);
  font-family: var(--font-inter);
}

.container-parent5 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 34px;
}

.container-inner,
.container49 {
  display: flex;
  align-items: flex-start;
  flex-shrink: 0;
}

.benefit-item {
  height: var(--height-328);
  width: 233px;
  border-radius: var(--br-24);
  background-color: var(--color-darkslateblue-500);
  border: 1px solid rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: var(--padding-31) var(--padding-28);
  gap: var(--gap-21);
  position: relative;
  transition: all 0.3s ease;
  overflow: hidden;
  box-sizing: border-box;
}

.benefit-item::before,
.benefit-item::after {
  content: '';
  position: absolute;
  width: 168px;
  height: 32px;
  left: 50%;
  transform: translateX(-50%);
  /* Centers the 168px ellipse */
  background: rgba(255, 255, 255, 1);
  /* Hex color from your image */
  filter: blur(50px);
  /* Layer blur 50 from your image */
  opacity: 0;
  /* Hidden by default */
  transition: opacity 0.4s ease;
  pointer-events: none;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.benefit-item::before {
  top: -16px;
  /* Half of height to create a "half-moon" glow at the edge */
}

/* Position the Bottom Ellipse */
.benefit-item::after {
  bottom: -16px;
}

/* Hover Effect */
.benefit-item:hover::before,
.benefit-item:hover::after {
  opacity: 1;
}

.benefit-item .benefit-icon {
  height: var(--height-80);
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  padding: var(--padding-0) 43px var(--padding-0) var(--padding-45);
  box-sizing: border-box;
}

.benefit-item .benefit-title {
  height: var(--height-56);
  width: var(--width-153);
  position: relative;
  letter-spacing: var(--ls--0_45);
  line-height: var(--lh-28);
  display: inline-block;
  flex-shrink: 0;
  font-weight: bold;
  font-size: var(--fs-20);
  color: var(--color-white);
}

.benefit-item .benefit-detail {
  height: var(--height-78);
  width: 174px;
  position: relative;
  letter-spacing: var(--ls--0_31);
  line-height: var(--lh-26);
  font-weight: 300;
  display: inline-block;
  flex-shrink: 0;
  font-size: 18px;
  color: var(--color-azure);
}

.container49 {
  height: var(--height-328);
  width: 233px;
  border-radius: var(--br-24);
  background-color: var(--color-darkslateblue-500);
  border: 1px solid rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-sizing: border-box;
  overflow: hidden;
  flex-direction: column;
  padding: 143px 27px var(--padding-31) var(--padding-28);
  gap: var(--gap-21);
}

.container-inner {
  margin-top: -162px;
  padding: var(--padding-0) var(--padding-5) var(--padding-11) var(--padding-3);
}

.ellipse-parent {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: var(--gap-18);
}

.frame-inner {
  width: var(--width-168);
  height: var(--height-32);
  position: relative;
  filter: blur(50px);
  border-radius: var(--br-50);
  background-color: var(--color-deepskyblue-200);
}

.container-wrapper4 {
  height: var(--height-80);
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  padding: var(--padding-0) 43px var(--padding-0) var(--padding-45);
  box-sizing: border-box;
}

.container-icon {
  height: var(--height-80);
  width: var(--width-80);
  position: relative;
}

.frame-parent2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--gap-16);
  flex-shrink: 0;
}

.heading-3-wrapper,
.heading-34 {
  display: flex;
  align-items: flex-start;
  padding: var(--padding-0) var(--padding-13) var(--padding-0) var(--padding-11);
}

.heading-34 {
  padding: var(--padding-0) var(--padding-0) var(--padding-0) var(--padding-0);
}

.tri-nghim {
  height: var(--height-56);
  width: var(--width-153);
  position: relative;
  letter-spacing: var(--ls--0_45);
  line-height: var(--lh-28);
  display: inline-block;
  flex-shrink: 0;
}

.paragraph4 {
  display: flex;
  align-items: flex-start;
  padding: var(--padding-0) var(--padding-2) var(--padding-1) var(--padding-0);
  font-size: var(--fs-18);
  color: var(--color-azure);
}

.tham-gia-vo {
  margin-top: -1px;
  height: var(--height-78);
  width: 174px;
  position: relative;
  letter-spacing: var(--ls--0_31);
  line-height: var(--lh-26);
  font-weight: 300;
  display: inline-block;
  flex-shrink: 0;
}

.expertise-reward-wrapper {
  display: flex;
  align-items: flex-start;
  padding: var(--padding-0) var(--padding-3) var(--padding-0) var(--padding-5);
  flex-shrink: 0;
}

.container51,
.ellipse-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-shrink: 0;
}

.container51 {
  height: var(--height-328);
  width: 232px;
  border-radius: var(--br-24);
  background-color: var(--color-darkslateblue-500);
  border: var(--border-3);
  box-sizing: border-box;
  overflow: hidden;
  padding: 143px 29px var(--padding-31) var(--padding-31);
  gap: var(--gap-21);
}

.ellipse-container {
  margin-top: -162px;
  padding: var(--padding-0) var(--padding-0) var(--padding-11);
  gap: var(--gap-18);
}

.container-wrapper6 {
  height: var(--height-80);
  display: flex;
  align-items: flex-start;
  padding: var(--padding-0) var(--padding-37);
  box-sizing: border-box;
}

.container-inner3 {
  padding: var(--padding-0) var(--padding-1);
  flex-shrink: 0;
}

.container-inner3,
.heading-3-group,
.paragraph6 {
  display: flex;
  align-items: flex-start;
}

.heading-3-group {
  flex-direction: column;
  gap: var(--gap-16);
}

.paragraph6 {
  padding: var(--padding-0) var(--padding-0) var(--padding-0_5) var(--padding-0);
  font-size: var(--fs-18);
  color: var(--color-azure);
}

.dn-dt-bi {
  height: var(--height-78);
  width: var(--width-153);
  position: relative;
  letter-spacing: var(--ls--0_31);
  line-height: var(--lh-26);
  font-weight: 300;
  display: inline-block;
  flex-shrink: 0;
}

.container-inner4,
.container52 {
  display: flex;
  align-items: flex-start;
  padding: var(--padding-0) var(--padding-0) var(--padding-0) var(--padding-2);
  flex-shrink: 0;
}

.container52 {
  height: var(--height-328);
  width: 232px;
  border-radius: var(--br-24);
  background-color: var(--color-darkslateblue-500);
  border: var(--border-3);
  box-sizing: border-box;
  overflow: hidden;
  flex-direction: column;
  padding: var(--padding-31) 29px var(--padding-31) var(--padding-31);
  gap: var(--gap-18);
}

.container-item {
  margin-top: -50px;
  width: var(--width-168);
  height: var(--height-32);
  position: relative;
  filter: blur(50px);
  border-radius: var(--br-50);
  background-color: var(--color-deepskyblue-200);
  flex-shrink: 0;
}

.container-inner5,
.container-wrapper7 {
  display: flex;
  align-items: flex-start;
  flex-shrink: 0;
}

.container-wrapper7 {
  height: 94px;
  padding: var(--padding-0) var(--padding-46) var(--padding-14) 44px;
  box-sizing: border-box;
}

.container-inner5 {
  padding: var(--padding-0) var(--padding-10) var(--padding-3) var(--padding-8);
}

.container53,
.ellipse-parent2 {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}

.container53 {
  height: var(--height-328);
  width: 233px;
  border-radius: var(--br-24);
  background-color: var(--color-darkslateblue-400);
  border: var(--border-3);
  box-sizing: border-box;
  overflow: hidden;
  align-items: flex-start;
  padding: 143px var(--padding-30) 153px var(--padding-31);
  gap: var(--gap-32);
}

.ellipse-parent2 {
  margin-top: -162px;
  align-items: flex-end;
  gap: var(--gap-18);
}

.heading-3-frame,
.heading-38 {
  display: flex;
  align-items: flex-start;
}

.heading-3-frame {
  padding: var(--padding-0) var(--padding-10) var(--padding-12) 9px;
  flex-shrink: 0;
}

.heading-38 {
  height: var(--height-28);
  width: 150.6px;
  position: relative;
  isolation: isolate;
}

.i-ng-hp {
  height: var(--height-56);
  width: 76px;
  position: absolute;
  margin: 0 !important;
  bottom: -28px;
  left: 37px;
  letter-spacing: var(--ls--0_45);
  line-height: var(--lh-28);
  display: inline-block;
  flex-shrink: 0;
}

.container-inner7,
.frame-parent4 {
  display: flex;
  align-items: flex-start;
}

.container-inner7 {
  padding: var(--padding-0) var(--padding-0) var(--padding-0) var(--padding-2);
  flex-shrink: 0;
  font-size: var(--fs-18);
  color: var(--color-azure);
}

.frame-parent4 {
  flex-direction: column;
  gap: var(--gap-21);
}

.paragraph-wrapper,
.stage-achievement-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--padding-0) var(--padding-10) var(--padding-0) var(--padding-6);
}

.stage-achievement-wrapper {
  align-self: stretch;
  padding: 89px var(--padding-0);
  box-sizing: border-box;
  max-width: 100%;
}

.stage-achievement {
  width: var(--width-1440);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 60px;
  max-width: 100%;
}

.container-wrapper9,
.container54 {
  display: flex;
  align-items: center;
}

.container54 {
  flex-direction: column;
  justify-content: flex-end;
  /* padding: var(--padding-64) 147px var(--padding-2) 148px; */
  box-sizing: border-box;
  position: relative;
  isolation: isolate;
  gap: var(--gap-10);
  text-align: center;
  font-size: var(--fs-48);
  color: var(--color-darkslateblue-200);
  font-family: var(--font-vimc);
}

.container-wrapper9 {
  padding: var(--padding-0) 290px var(--padding-0) 289px;
  flex-shrink: 0;
}

.hnh-trnh-chinh,
.process {
  line-height: 140%;
  display: inline-block;
  flex-shrink: 0;
}

.process {
  margin: 0;
  font-size: inherit;
  margin-bottom: 24px;
  letter-spacing: var(--ls-0_35);
  font-weight: 700;
  font-family: inherit;
}

.hnh-trnh-chinh {
  max-width: 659px;
  position: relative;
  font-size: var(--fs-18);
  font-family: var(--font-google-sans-flex);
  color: var(--color-slategray);
}

.adventure-phase {
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--gap-32);
}

.container56 {
  height: var(--height-450);
  width: 301.7px;
  box-shadow: var(--shadow-drop-6);
  border-radius: var(--br-32);
  background-color: var(--color-white);
  overflow: hidden;
  flex-shrink: 0;
  text-align: center;
  font-size: var(--fs-16);
  color: var(--color-darkslateblue-200);
  font-family: var(--font-google-sans-flex);
}

.container56,
.container57,
.imagewithfallback {
  display: flex;
  align-items: flex-start;
}

.imagewithfallback {
  overflow: hidden;
}

.container57 {
  flex-direction: column;
  padding: var(--padding-32) var(--padding-0) var(--padding-0);
  position: relative;
  isolation: isolate;
  gap: 170px;
  z-index: 2;
}

.vong-1-1 {
  width: 240px;
  max-height: 100%;
  object-fit: cover;
  flex-shrink: 0;
  margin-top: 90px;
}

.achievement-icon {
  height: 42px;
  padding: var(--padding-0) 29px var(--padding-0) var(--padding-31);
  box-sizing: border-box;
  flex-shrink: 0;
}

.achievement-icon,
.container58,
.level-completed {
  display: flex;
  align-items: flex-start;
}

.container58 {
  height: 44px;
  width: 108.1px;
  box-shadow: var(--shadow-drop-7);
  border-radius: var(--br-16777200);
  background: var(--gradient-1);
  border: 1px solid var(--color-white);
  box-sizing: border-box;
  padding: 7.5px var(--padding-16) 12.5px;
  gap: 9px;
}

.level-completed {
  flex-direction: column;
  padding: 8.5px var(--padding-0) var(--padding-0);
}

.text12,
.vng-1 {
  position: relative;
}

.text12 {
  width: var(--width-8);
  height: var(--height-8);
  border-radius: var(--br-16777200);
  background-color: var(--color-darkslateblue-700);
}

.vng-1 {
  height: var(--height-22);
  width: 52px;
  line-height: 140%;
  display: inline-block;
  padding: 2px var(--padding-0) var(--padding-0);
}

.container59 {
  background: var(--gradient-2);
  display: flex;
  align-items: flex-start;
  padding: 98px var(--padding-31) var(--padding-32);
  z-index: 1;
  flex-shrink: 0;
  text-align: left;
  font-size: var(--fs-24);
  color: var(--color-white);
  font-family: var(--font-inter);
}

.container60 {
  width: 237.7px;
  align-items: center;
  padding: var(--padding-0) var(--padding-0) var(--padding-12);
  gap: var(--gap-12);
}

.container60,
.container61,
.heading-39 {
  display: flex;
  box-sizing: border-box;
}

.container61 {
  height: var(--height-48);
  width: 40.8px;
  border-radius: var(--br-14);
  background-color: var(--color-deepskyblue-500);
  border: 1px solid var(--color-deepskyblue-400);
  align-items: center;
  justify-content: center;
  padding: var(--padding-0) 7px;
}

.heading-39 {
  height: var(--height-64);
  flex: 1;
  align-items: flex-start;
  padding: var(--padding-0) var(--padding-0) var(--padding-0) var(--padding-0);
}

.imagewithfallback2,
.s-tuyn {
  position: relative;
  flex-shrink: 0;
}

.s-tuyn {
  margin: 0;
  height: var(--height-64);
  width: 185px;
  font-size: inherit;
  letter-spacing: var(--ls-0_07);
  line-height: var(--lh-32);
  font-weight: 700;
  font-family: inherit;
  display: inline-block;
}

.imagewithfallback2 {
  height: var(--height-600);
  width: 301.7px;
}

.vong-2-1 {
  margin-top: 90px;
  width: 301px;
  height: 484px;
  object-fit: cover;
  flex-shrink: 0;
}

.container63,
.container64 {
  box-sizing: border-box;
  display: flex;
  align-items: flex-start;
  flex-shrink: 0;
}

.container63 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  flex-direction: column;
  padding: var(--padding-32) var(--padding-32) var(--padding-0);
  gap: 149px;
  height: 100%;
  z-index: 2;
}

.container64 {
  width: 108.1px;
  height: 44px;
  box-shadow: var(--shadow-drop-7);
  border-radius: var(--br-16777200);
  background: var(--gradient-1);
  border: 1px solid var(--color-white);
  padding: 7.5px var(--padding-16) 12.5px;
  gap: var(--gap-8);
}

.vng-2 {
  height: var(--height-22);
  width: 60px;
  position: relative;
  line-height: 140%;
  display: inline-block;
  padding: 2px var(--padding-0) var(--padding-0);
}

.container65 {
  margin-left: -32.5px;
  width: 320px;
  background: var(--gradient-2);
  display: flex;
  align-items: flex-start;
  padding: 119px var(--padding-32) var(--padding-32);
  z-index: 1;
  flex-shrink: 0;
  text-align: left;
  font-size: var(--fs-24);
  color: var(--color-white);
  font-family: var(--font-inter);
}

.container67 {
  height: var(--height-48);
  width: 41.2px;
  border-radius: var(--br-14);
  background-color: var(--color-deepskyblue-500);
  border: 1px solid var(--color-deepskyblue-400);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--padding-0) 7px;
}

.container69,
.imagewithfallback3 {
  display: flex;
  align-items: flex-start;
}

.imagewithfallback3 {
  background-color: var(--color-white);
  overflow: hidden;
}

.container69 {
  height: var(--height-450);
  flex-direction: column;
  padding: var(--padding-32) var(--padding-0) 376px;
  box-sizing: border-box;
  gap: var(--gap-19);
  z-index: 2;
}

.vng-3 {
  height: var(--height-22);
  width: 55px;
  position: relative;
  line-height: 140%;
  display: inline-block;
  padding: 2px var(--padding-0) var(--padding-0);
}

.vong-3-1-parent {
  height: 498px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding: var(--padding-0) var(--padding-1) var(--padding-0) var(--padding-0);
  box-sizing: border-box;
  flex-shrink: 0;
  text-align: left;
  font-size: var(--fs-24);
  color: var(--color-white);
  font-family: var(--font-inter);
}

.vong-3-1 {
  width: 299px;
  position: relative;
  max-height: 100%;
  object-fit: cover;
  margin-top: 90px;
}

.container71 {
  background: var(--gradient-2);
  display: flex;
  align-items: flex-start;
  padding: 114px var(--padding-31) var(--padding-32);
  z-index: 1;
  margin-top: -363px;
  position: relative;
}

.container73 {
  height: var(--height-48);
  width: 42.9px;
  border-radius: var(--br-14);
  background-color: var(--color-deepskyblue-500);
  border: 1px solid var(--color-deepskyblue-400);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--padding-0) var(--padding-8);
}

.phng-vn-cp {
  margin: 0;
  height: var(--height-64);
  width: 183px;
  position: relative;
  font-size: inherit;
  letter-spacing: var(--ls-0_07);
  line-height: var(--lh-32);
  font-weight: 700;
  font-family: inherit;
  display: inline-block;
  flex-shrink: 0;
}

.container74,
.group-section {
  display: flex;
  align-items: flex-start;
}

.group-section {
  align-self: stretch;
  height: var(--height-78);
  justify-content: center;
}


.button7,
.container75 {
  display: flex;
  flex-shrink: 0;
}

.button7:hover {
  box-shadow: 0 10px 30px var(--color-lightskyblue);
  transform: scale(1.05);
}

.button7 {
  cursor: pointer;
  border: 1px solid var(--color-deepskyblue-200);
  background-color: transparent;
  width: 326.5px;
  border-radius: var(--br-16777200);
  background: linear-gradient(90deg, #0084d1, var(--color-darkslateblue-200));
  box-sizing: border-box;
  overflow: hidden;
  align-items: flex-start;
  gap: 40.7px;
}

.container75 {
  margin-left: -704.2px;
  align-items: center;
  justify-content: center;
  padding: var(--padding-0) 162px;
}

.container76 {
  height: 69.5px;
  width: 324px;
  position: relative;
  background-color: var(--color-gray-500);
}

.contact-header,
.final-form {
  display: flex;
  align-items: flex-start;
  flex-shrink: 0;
}

.final-form {
  flex-direction: column;
  padding: var(--padding-20) var(--padding-48);
}

.contact-header {
  gap: var(--gap-12);
}

.ng-tuyn-ngay {
  height: var(--height-28);
  width: 193px;
  position: relative;
  font-size: var(--fs-20);
  letter-spacing: 0.55px;
  line-height: var(--lh-28);
  text-transform: uppercase;
  font-weight: 900;
  font-family: var(--font-inter);
  color: var(--color-white);
  text-align: center;
  display: inline-block;
  flex-shrink: 0;
}

.container77,
.testimonial {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  max-width: 100%;
}

.testimonial {
  width: 100vw;
  height: 908px;
  background-color: var(--color-whitesmoke-300);
  overflow: hidden;
  flex-shrink: 0;
  align-items: center;
  padding: var(--padding-96) var(--padding-0) var(--padding-0);
  position: relative;
  isolation: isolate;
}

.container77 {
  align-items: center;
  padding: var(--padding-0) var(--padding-32);
  gap: 34px;
  z-index: 0;
}

.container78,
.heading-22 {
  display: flex;
  align-items: flex-start;
}

.container78 {
  align-items: center;
  height: var(--height-78);
  flex-direction: column;
  padding: var(--padding-0) 192px;
  box-sizing: border-box;
  gap: var(--gap-24);
  text-align: center;
  font-size: var(--fs-48);
  color: var(--color-darkslateblue-200);
  font-family: var(--font-vimc);
}


.cu-chuyn-bt {
  margin: 0;
  height: var(--height-48);
  width: 800px;
  position: relative;
  font-size: inherit;
  letter-spacing: -0.85px;
  line-height: var(--lh-48);
  font-weight: 700;
  font-family: inherit;
  display: inline-block;
}

.inspiration-challenge {
  display: flex;
  align-items: flex-start;
  padding: var(--padding-0) 456px;
}

.container80,
.container81 {
  align-self: stretch;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  max-width: 100%;
}

.container80 {
  height: 655.7px;
  flex-direction: row;
  width: min(100vw, 1400px);
  padding: var(--padding-0) var(--padding-48);
}

.container81 {
  height: 600px;
  overflow: hidden;
  flex-shrink: 0;
  flex: 1;
  justify-content: center;
  padding: 49px var(--padding-20) var(--padding-48) var(--padding-21);
}

.quotes-parent {
  height: 503px;
  width: 1049px;
  position: relative;
  max-width: 100%;
}

.quotes-icon {
  position: absolute;
  top: 0;
  left: 452px;
  width: 99px;
  height: 72.2px;
  object-fit: contain;
}

.quotation-evidence-parent {
  position: absolute;
  top: calc(50% - 233.5px);
  left: 0;
  display: flex;
  align-items: flex-end;
  gap: 29px;
  max-width: 100%;
  width: 100%;
  z-index: 1;
}

.quotation-evidence {
  height: 485px;
  width: 402px;
  position: relative;
  max-width: 100%;
}

.portrait-evidence {
  position: absolute;
  top: 37px;
  left: 0;
  display: flex;
  align-items: flex-start;
  padding: var(--padding-0) var(--padding-0) var(--padding-0) 25px;
  isolation: isolate;
}

.image-placeholder-icon {
  height: 100%;
  width: 100%;
  position: absolute;
  margin: 0 !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  box-shadow: var(--shadow-drop-6);
  border-radius: var(--br-32);
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
  flex-shrink: 0;
}

.quynh-1-wrapper {
  height: 448px;
  width: 377px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  z-index: 1;
}

.quotation-evidence-child,
.quynh-1-icon {
  position: absolute;
  bottom: 0;
  width: 332px;
  object-fit: cover;
}

.quynh-1-icon {
  left: 0;
  height: 485px;
  flex-shrink: 0;
}

.quotation-evidence-child {
  height: 100%;
  top: 0;
  left: 25px;
  max-height: 100%;
  z-index: 2;
}

.person-comment,
.testimonial2 {
  width: 618px;
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 100%;
}

.person-comment {
  height: 390.5px;
  text-align: left;
  font-size: var(--fs-18);
  color: var(--color-gray-100);
  font-family: var(--font-vimc);
}

.testimonial2 {
  height: 333px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
  border-radius: 12px;
  background-color: var(--color-ghostwhite);
  padding: var(--padding-32);
  box-sizing: border-box;
  gap: var(--gap-16);
}

.line,
.testimonial-box {
  align-self: stretch;
  display: flex;
  align-items: center;
}

.testimonial-box {
  gap: var(--gap-24);
}

.line {
  width: 2px;
  background-color: var(--color-deepskyblue-200);
}

.content {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--gap-16);
  min-width: 343px;
}

.c-lm-vic,
.tableborder-icon {
  position: relative;
  flex-shrink: 0;
}

.c-lm-vic {
  align-self: stretch;
  line-height: var(--lh-24);
}

.tableborder-icon {
  width: 560px;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  display: none;
}

.container82 {
  width: 416px;
  height: 85px;
  border-top: var(--border-1);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-23) var(--padding-0) var(--padding-0);
  gap: var(--gap-4);
  font-size: var(--fs-24);
  color: var(--color-darkslateblue-200);
}

.qunh {
  margin: 0;
  height: var(--height-32);
  width: 75px;
  position: relative;
  font-size: inherit;
  letter-spacing: var(--ls-0_07);
  line-height: var(--lh-32);
  font-weight: 700;
  font-family: inherit;
  display: inline-block;
}

.paragraph9 {
  align-self: stretch;
  height: var(--height-24);
  display: flex;
  align-items: flex-start;
  font-size: var(--fs-16);
  color: var(--color-deepskyblue-300);
}

.ban-pht-trin {
  height: var(--height-24);
  width: 240px;
  position: relative;
  letter-spacing: 0.09px;
  line-height: var(--lh-24);
  text-transform: uppercase;
  display: inline-block;
}

.container-icon6,
.container83 {
  width: var(--width-48);
  height: var(--height-48);
  margin: 0 !important;
  box-shadow: var(--shadow-drop);
  border-radius: var(--br-16777200);
}

.container83 {
  left: 1312px;
  background-color: var(--color-white);
  border: var(--border-2);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--padding-0) var(--padding-10);
  z-index: 1;
}

.container-icon6 {
  left: 80px;
  object-fit: contain;
  z-index: 2;
}

.container84 {
  width: 1296px;
  height: 765px;
  padding: var(--padding-0) var(--padding-0) var(--padding-0) var(--padding-32);
  gap: 56px;
}

.container84,
.container85,
.heading-23 {
  display: flex;
  align-items: flex-start;
}

.container85 {
  align-self: stretch;
  height: var(--height-60);
  flex-direction: column;
  padding: var(--padding-0) 200px;
  box-sizing: border-box;
  gap: var(--gap-16);
}

.heading-23 {
  padding: var(--padding-0_5) 183px var(--padding-0);
}

.cu-hi-thng {
  margin: 0;
  height: var(--height-40);
  width: 464px;
  position: relative;
  font-size: inherit;
  letter-spacing: -0.53px;
  line-height: var(--lh-40);
  font-weight: 700;
  font-family: inherit;
  display: inline-block;
}

.f-a-q-separator {
  display: flex;
  align-items: flex-start;
  padding: var(--padding-0) 368px;
}

.container86 {
  height: 4px;
  width: 96px;
  position: relative;
  border-radius: var(--br-16777200);
  background-color: var(--color-deepskyblue-200);
}

.container87,
.container88 {
  flex-direction: column;
  align-items: flex-start;
}

.container87 {
  width: 1264px;
  height: 649px;
  display: flex;
  gap: var(--gap-16);
  max-width: 100%;
}

.container88 {
  align-self: stretch;
  height: 159px;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06);
  border-radius: var(--br-14);
  background-color: var(--color-white);
  border: 1px solid var(--color-deepskyblue-600);
  text-align: left;
  font-size: var(--fs-17);
  color: var(--color-deepskyblue-200);
  font-family: var(--font-vimc);
}

.button8,
.container88,
.heading-312 {
  display: flex;
  box-sizing: border-box;
  max-width: 100%;
}

.button8 {
  align-self: stretch;
  height: var(--height-80);
  align-items: center;
  justify-content: space-between;
  padding: var(--padding-24);
  gap: var(--gap-20);
}

.heading-312 {
  height: var(--height-26_4);
  width: 603.3px;
  align-items: flex-start;
  padding: var(--padding-1) var(--padding-0) var(--padding-3_4);
}

.nhn-s-ni {
  height: var(--height-22);
  width: 565px;
  position: relative;
  line-height: 130%;
  display: inline-block;
}

.container89 {
  height: var(--height-32);
  width: var(--width-32);
  border-radius: var(--br-16777200);
  background-color: var(--color-deepskyblue-700);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--padding-0) var(--padding-6);
  box-sizing: border-box;
}

.container90,
.container91 {
  align-self: stretch;
  height: 77px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.container90 {
  overflow: hidden;
  flex-shrink: 0;
  font-size: var(--fs-16);
  color: var(--color-dimgray);
}

.container91 {
  border-top: 1px solid var(--color-whitesmoke-100);
  box-sizing: border-box;
  padding: var(--padding-1) var(--padding-20) var(--padding-0) var(--padding-24);
}

.hon-ton-c {
  align-self: stretch;
  height: 52px;
  position: relative;
  line-height: 130%;
  display: inline-block;
}

.container92,
.heading-313 {
  display: flex;
  align-items: flex-start;
  box-sizing: border-box;
  max-width: 100%;
}

.container92 {
  align-self: stretch;
  height: var(--height-82);
  box-shadow: var(--shadow-drop-9);
  border-radius: var(--br-14);
  background-color: var(--color-white);
  border: var(--border-1);
  flex-direction: column;
  text-align: left;
  font-size: var(--fs-17);
  color: var(--color-darkslateblue-200);
  font-family: var(--font-inter);
}

.heading-313 {
  height: var(--height-26_4);
  width: 593.9px;
  padding: var(--padding-1) var(--padding-0) var(--padding-3_4);
}

.ng-vin-ngoi {
  height: var(--height-22);
  width: 590px;
  position: relative;
  line-height: 130%;
  display: inline-block;
}

.container93 {
  height: var(--height-32);
  width: var(--width-32);
  border-radius: var(--br-16777200);
  background-color: var(--color-whitesmoke-100);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--padding-0) var(--padding-6);
  box-sizing: border-box;
}

.container94,
.heading-314 {
  display: flex;
  align-items: flex-start;
  box-sizing: border-box;
  max-width: 100%;
}

.container94 {
  align-self: stretch;
  height: var(--height-82);
  box-shadow: var(--shadow-drop-9);
  border-radius: var(--br-14);
  background-color: var(--color-white);
  border: var(--border-1);
  flex-direction: column;
  text-align: left;
  font-size: var(--fs-17);
  color: var(--color-darkslateblue-200);
  font-family: var(--font-vimc);
}

.heading-314 {
  height: var(--height-26_4);
  width: 530.6px;
  padding: var(--padding-1) var(--padding-0) var(--padding-3_4);
}

.l-trnh-o {
  height: var(--height-22);
  width: 494px;
  position: relative;
  line-height: 130%;
  display: inline-block;
}

.container96 {
  align-self: stretch;
  height: var(--height-82);
  box-shadow: var(--shadow-drop-9);
  border-radius: var(--br-14);
  background-color: var(--color-white);
  border: var(--border-1);
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  font-size: var(--fs-17);
  color: var(--color-darkslateblue-200);
  font-family: var(--font-vimc);
}

.button11,
.container96,
.heading-315 {
  display: flex;
  box-sizing: border-box;
  max-width: 100%;
}

.button11 {
  align-self: stretch;
  height: var(--height-80);
  align-items: center;
  justify-content: space-between;
  padding: var(--padding-24);
  gap: var(--gap-20);
}

.heading-315 {
  height: var(--height-26_4);
  width: 679.6px;
  align-items: flex-start;
  padding: var(--padding-1) var(--padding-0) var(--padding-3_4);
}

.ng-vin-c {
  height: var(--height-22);
  width: 646px;
  position: relative;
  line-height: 130%;
  display: inline-block;
}

.container98,
.heading-316 {
  display: flex;
  align-items: flex-start;
  box-sizing: border-box;
  max-width: 100%;
}

.container98 {
  align-self: stretch;
  height: var(--height-82);
  box-shadow: var(--shadow-drop-9);
  border-radius: var(--br-14);
  background-color: var(--color-white);
  border: var(--border-1);
  flex-direction: column;
  text-align: left;
  font-size: var(--fs-17);
  color: var(--color-darkslateblue-200);
  font-family: var(--font-inter);
}

.heading-316 {
  height: var(--height-26_4);
  width: 608px;
  padding: var(--padding-1) var(--padding-0) var(--padding-3_4);
}

.chng-trnh-c {
  height: var(--height-22);
  width: 605px;
  position: relative;
  line-height: 130%;
  display: inline-block;
}

.heading-317 {
  height: var(--height-26_4);
  width: 635.4px;
  display: flex;
  align-items: flex-start;
  padding: var(--padding-1) var(--padding-0) var(--padding-3_4);
  box-sizing: border-box;
  max-width: 100%;
}

.phn-kim-tra {
  height: var(--height-22);
  width: 633px;
  position: relative;
  line-height: 130%;
  display: inline-block;
}



.imagewithfallback-icon2 {
  width: var(--width-1440);
  height: 670px;
  object-fit: cover;
}



.heading-24 {
  position: absolute;
  top: 0;
  left: 0;
  width: fit-content;
  max-width: 90vw;
  display: flex;
  align-items: flex-start;
  padding: var(--padding-1) var(--padding-0) 52px;
  box-sizing: border-box;
  isolation: isolate;
  max-width: 100%;
}

.company-quote {
  font-weight: bold;
  font-size: 48px;
  color: white;
}

.cng-vit-nam,
.vit-nam-thnh {
  margin: 0;
  height: var(--height-67);
  font-size: inherit;
  letter-spacing: var(--ls-0_35);
  line-height: 140%;
  font-weight: 700;
  font-family: inherit;
  display: inline-block;
  flex-shrink: 0;
}

.vit-nam-thnh {
  margin: 0 !important;
  width: 484px;
  position: absolute;
  top: 0;
  right: -192px;
  background:
    linear-gradient(transparent, transparent),
    linear-gradient(90deg, #ffdf20, #f0b100);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.paragraph10 {
  position: absolute;
  top: 97px;
  left: 0;
  display: flex;
  align-items: flex-start;
  padding: var(--padding-0) var(--padding-0) var(--padding-23);
  z-index: 1;
  text-align: justify;
  font-size: var(--fs-18);
  color: var(--color-aliceblue-300);
  font-family: var(--font-google-sans-flex);
}

.tng-cng-ty {
  height: 227px;
  width: 735px;
  position: relative;
  line-height: 140%;
  display: inline-block;
  flex-shrink: 0;
}

.numbers-container-parent {
  display: flex;
  align-items: flex-end;
  gap: var(--gap-24);
  max-width: 100%;
  text-align: left;
  font-size: var(--fs-48);
  color: var(--color-white);
  font-family: var(--font-vimc);
}

.exp-wrapper,
.numbers-container {
  display: flex;
  align-items: flex-start;
}

.numbers-container {
  flex-direction: column;
  gap: 26px;
}

.exp-wrapper {
  padding: var(--padding-0) var(--padding-8);
}

.cng-vit-nam2 {
  margin: 0;
  height: var(--height-67);
  width: 155px;
  position: relative;
  font-size: inherit;
  letter-spacing: var(--ls-0_35);
  line-height: 140%;
  font-weight: 700;
  font-family: inherit;
  display: inline-block;
}

.years-label {
  display: flex;
  align-items: flex-start;
  gap: var(--gap-24);
  text-align: center;
  font-size: var(--fs-36);
  font-family: var(--font-inter);
}

.container108 {
  border-radius: var(--br-24);
  background-color: var(--color-gray-300);
  border: 1px solid var(--color-gray-200);
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding: var(--padding-23) var(--padding-23) 62px;
  gap: var(--gap-21);
}

.container109 {
  height: var(--height-48);
  width: var(--width-48);
  border-radius: var(--br-16);
  background: var(--Line);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--padding-0) var(--padding-12);
  box-sizing: border-box;
}

.heading-42,
.stat-area {
  display: flex;
  align-items: flex-start;
}

.stat-area {
  flex-direction: column;
  gap: var(--gap-2);
}

.heading-42 {
  padding: var(--padding-0_5) var(--padding-11) var(--padding-0);
}

.statistic-value {
  margin: 0;
  height: var(--height-40);
  width: 51px;
  position: relative;
  font-size: inherit;
  letter-spacing: 0.37px;
  line-height: var(--lh-40);
  font-weight: 900;
  font-family: inherit;
  display: inline-block;
}

.paragraph11 {
  height: var(--height-32);
  display: flex;
  align-items: flex-start;
  padding: var(--padding-1) var(--padding-0) var(--padding-0) var(--padding-0);
  box-sizing: border-box;
  font-size: var(--fs-12);
  color: var(--color-lightblue-300);
}

.nm-kinh-nghim {
  height: var(--height-32);
  width: 75px;
  position: relative;
  letter-spacing: 0.6px;
  line-height: var(--lh-16);
  text-transform: uppercase;
  font-weight: 500;
  display: inline-block;
  flex-shrink: 0;
}

.container-wrapper12,
.container110 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-38) var(--padding-0) var(--padding-0);
}

.container110 {
  border-radius: var(--br-24);
  background-color: var(--color-gray-300);
  border: 1px solid var(--color-gray-200);
  padding: var(--padding-23) var(--padding-24) 27px;
  gap: 42px;
}

.capital-area,
.heading-43 {
  display: flex;
  align-items: flex-start;
  padding: var(--padding-0) var(--padding-13);
}

.heading-43 {
  height: var(--height-40);
  padding: var(--padding-0) var(--padding-0) var(--padding-0) var(--padding-4);
  box-sizing: border-box;
}

.top-20 {
  height: var(--height-80);
  width: 69px;
  position: relative;
  letter-spacing: 0.37px;
  line-height: var(--lh-40);
  font-weight: 900;
  display: inline-block;
}

.paragraph12 {
  display: flex;
  align-items: flex-start;
  padding: var(--padding-0_5) var(--padding-0) var(--padding-0);
  font-size: var(--fs-12);
  color: var(--color-lightblue-300);
}

.vn-ha-ln {
  height: var(--height-32);
  width: 74px;
  position: relative;
  letter-spacing: 0.6px;
  line-height: var(--lh-16);
  text-transform: uppercase;
  font-weight: 500;
  display: inline-block;
  flex-shrink: 0;
}

.container-wrapper13 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: var(--padding-0) var(--padding-0) var(--padding-38);
  text-align: center;
  font-size: var(--fs-36);
  font-family: var(--font-inter);
}

.container112 {
  border-radius: var(--br-24);
  background-color: var(--color-gray-300);
  border: 1px solid var(--color-gray-200);
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding: var(--padding-23) var(--padding-23) 78px;
  gap: var(--gap-21);
}

.team-box {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  padding: var(--padding-0) var(--padding-13) var(--padding-0) var(--padding-15);
}

.container113 {
  height: var(--height-48);
  width: var(--width-48);
  border-radius: var(--br-16);
  background-color: var(--color-gold-200);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--padding-0) var(--padding-12);
  box-sizing: border-box;
}

.heading-44 {
  display: flex;
  align-items: flex-start;
  padding: var(--padding-0_5) var(--padding-2) var(--padding-0);
}

.k {
  margin: 0;
  height: var(--height-40);
  width: 71px;
  position: relative;
  font-size: inherit;
  letter-spacing: 0.37px;
  line-height: var(--lh-40);
  font-weight: 900;
  font-family: inherit;
  display: inline-block;
  flex-shrink: 0;
}

.nhn-s,
.paragraph13 {
  height: var(--height-16);
}

.paragraph13 {
  display: flex;
  align-items: flex-start;
  padding: var(--padding-1) var(--padding-5) var(--padding-0) 7px;
  box-sizing: border-box;
  font-size: var(--fs-12);
  color: var(--color-lightblue-300);
}

.nhn-s {
  width: 61px;
  position: relative;
  letter-spacing: 0.6px;
  line-height: var(--lh-16);
  text-transform: uppercase;
  font-weight: 500;
  display: inline-block;
}

.container114 {
  position: absolute;
  top: 505px;
  left: 0;
  background: linear-gradient(0deg,
      var(--color-whitesmoke-200),
      rgba(225, 227, 228, 0.93) 7.14%,
      rgba(202, 204, 205, 0.86) 14.29%,
      rgba(180, 181, 183, 0.79) 21.43%,
      rgba(158, 159, 161, 0.71) 28.57%,
      rgba(137, 138, 139, 0.64) 35.71%,
      rgba(116, 117, 118, 0.57) 42.86%,
      rgba(96, 97, 98, 0.5) 50%,
      rgba(77, 78, 78, 0.43) 57.14%,
      rgba(58, 59, 59, 0.36) 64.29%,
      rgba(41, 41, 42, 0.29) 71.43%,
      rgba(24, 24, 25, 0.21) 78.57%,
      rgba(9, 9, 9, 0.14) 85.71%,
      rgba(1, 1, 1, 0.07) 92.86%,
      transparent);
  width: var(--width-1440);
  height: 128px;
  display: none;
  flex-shrink: 0;
}

.socialcta {
  align-self: stretch;
  background-color: var(--color-whitesmoke-300);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-0) var(--padding-0) 70px;
  box-sizing: border-box;
  max-width: 100%;
  z-index: 2;
}

.container115,
.container116 {
  position: relative;
  display: none;
  flex-shrink: 0;
}

.container115 {
  width: 500px;
  height: 500px;
  background: radial-gradient(70.71% 70.71%at 50% 50%,
      rgba(0, 174, 239, 0.15),
      transparent 60%);
  z-index: 1;
}

.container116 {
  width: 600px;
  height: 600px;
  background: radial-gradient(70.71% 70.71%at 50% 50%,
      var(--color-gray-300),
      transparent 60%);
  z-index: 2;
}

.container117 {
  width: var(--width-1440);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  opacity: 0.1;
  flex-shrink: 0;
  max-width: 100%;
  z-index: 3;
}

.icon38,
.social-message {
  max-width: 100%;
  position: relative;
  flex-shrink: 0;
}

.icon38 {
  align-self: stretch;
  height: 509px;
  overflow: hidden;
}

.social-message {
  width: var(--width-1440);
  justify-content: center;
  padding: var(--padding-0) var(--padding-20);
  box-sizing: border-box;
  margin-top: -438px;
  text-align: center;
  font-size: var(--fs-48);
  color: var(--color-darkslateblue-200);
  font-family: var(--font-inter);
}

.heading-25,
.message-container,
.social-message {
  display: flex;
  align-items: flex-start;
}

.message-container {
  width: 832px;
  flex-direction: column;
  gap: 40px;
  flex-shrink: 0;
  max-width: 100%;
}

.heading-25 {
  align-self: stretch;
  height: 120px;
  padding: var(--padding-0_5) var(--padding-0) var(--padding-0);
  box-sizing: border-box;
}

.ng-b-l {
  margin: 0;
  height: 120px;
  width: 832px;
  position: relative;
  font-size: inherit;
  letter-spacing: -0.85px;
  line-height: 60px;
  font-weight: 700;
  font-family: inherit;
  display: inline-block;
  flex-shrink: 0;
}

.container118,
.link {
  height: var(--height-60);
  display: flex;
  box-sizing: border-box;
}

.container118 {
  align-self: stretch;
  align-items: center;
  justify-content: center;
  padding: var(--padding-0) 204px;
  gap: var(--gap-24);
}

.link {
  cursor: pointer;
  border: 0;
  padding: var(--padding-16) var(--padding-39) var(--padding-16) var(--padding-40);
  background-color: var(--color-white);
  width: 200px;
  box-shadow: var(--shadow-drop-10);
  border-radius: var(--br-16777200);
  align-items: flex-start;
  gap: 13px;
  flex-shrink: 0;
}

.facebook {
  height: var(--height-28);
  width: 83px;
  position: relative;
  font-size: var(--fs-18);
  letter-spacing: -0.44px;
  line-height: var(--lh-28);
  display: inline-block;
  font-family: var(--font-google-sans-flex);
  color: var(--color-darkslateblue-200);
  text-align: center;
}

.link2 {
  cursor: pointer;
  border: 0;
  padding: var(--padding-16) var(--padding-39) var(--padding-16) var(--padding-40);
  background-color: var(--color-white);
  height: var(--height-60);
  width: 263px;
  box-shadow: var(--shadow-drop-10);
  border-radius: var(--br-16777200);
  display: flex;
  align-items: flex-start;
  box-sizing: border-box;
  flex-shrink: 0;
}

.icon-parent {
  display: flex;
  align-items: center;
  gap: var(--gap-4);
}

.talent-community {
  position: relative;
  font-size: var(--fs-18);
  letter-spacing: -0.44px;
  line-height: var(--lh-28);
  font-family: var(--font-google-sans-flex);
  color: var(--color-darkslateblue-200);
  text-align: center;
}

.link3 {
  cursor: pointer;
  border: 0;
  padding: var(--padding-16) 44px var(--padding-16) var(--padding-45);
  background-color: var(--color-gold-300);
  height: var(--height-60);
  width: 200px;
  box-shadow: var(--shadow-drop-10);
  border-radius: var(--br-16777200);
  display: flex;
  align-items: flex-start;
  box-sizing: border-box;
  gap: 13px;
  flex-shrink: 0;
}


@media screen and (max-width: 1350px) {
  .navbar-parent {
    height: auto;
  }

  

  .container-wrapper {
    height: auto;
  }

  .container4 {
    padding-left: var(--padding-32);
    padding-right: var(--padding-32);
    box-sizing: border-box;
  }

  .frame-parent {
    flex-wrap: wrap;
  }

  .container6,
  .heading-3-parent {
    flex: 1;
  }

  .keymessage {
    height: auto;
    padding-left: 24px;
    padding-right: 24px;
  }

  .chng-trnh-hng-ti-xy-dn-parent {
    flex-wrap: wrap;
  }

  .fields {
    height: auto;
    padding-top: var(--padding-46);
    padding-bottom: 48px;
    box-sizing: border-box;
  }

  .strategy-container-parent {
    box-sizing: border-box;
  }

  .strategy-container {
    flex-wrap: wrap;
  }

  .container-parent3 {
    height: auto;
    min-height: 374px;
  }

  .container38 {
    height: auto;
    min-height: 310px;
    margin-left: 12px;
    margin-right: 12px;
  }

  .container40 {
    flex-wrap: wrap;
  }

  .benefits {
    height: auto;
    background-image: none;
  }

  .container-parent5 {
    flex-wrap: wrap;
  }

  .container78 {
    padding-left: var(--padding-96);
    padding-right: var(--padding-96);
    box-sizing: border-box;
  }

  .container80,
  .container85 {
    padding-left: var(--padding-24);
    padding-right: var(--padding-24);
    box-sizing: border-box;
  }

  .container85 {
    padding-left: var(--padding-100);
    padding-right: var(--padding-100);
  }
}

@media screen and (max-width: 1125px) {
  .container23 {
    width: 180px;
    height: 180px;
  }

  .container-wrapper {
    padding-top: 52px;
    padding-bottom: 52px;
    box-sizing: border-box;
  }

  .container3 {
    display: none;
  }

  .container6 {
    min-width: 100%;
  }

  .keymessage {
    padding-top: 73px;
    padding-bottom: 47px;
    box-sizing: border-box;
    background-size: initial;
  }

  .strategic-core,
  .strategy-title {
    padding-left: 218px;
    padding-right: 218px;
    box-sizing: border-box;
  }

  .strategy-title {
    padding-left: 81px;
    padding-right: 77px;
  }

  .maritime-insights {
    padding-left: var(--padding-22);
    padding-right: var(--padding-22);
  }

  .fields,
  .maritime-insights,
  .paragraph {
    box-sizing: border-box;
  }

  .paragraph {
    padding-left: var(--padding-23);
    padding-right: var(--padding-23);
  }

  .fields {
    padding-top: 40px;
    padding-bottom: 96px;
  }

  .strategy-container {
    margin: 0 auto;
    grid-template-columns: repeat(2, minmax(211px, 367px));
  }

  .button4 {
    padding: var(--padding-24);
    box-sizing: border-box;
  }

  .construction-phase,
  .paragraph3 {
    padding-left: var(--padding-0);
    padding-right: var(--padding-0);
    box-sizing: border-box;
  }

  .construction-phase {
    width: min(100%, 760px);
  }

  .candidate {
    padding-top: var(--padding-39);
    padding-bottom: var(--padding-39);
    box-sizing: border-box;
  }

  .container-group {
    flex-wrap: wrap;
    align-items: stretch;
    min-height: 0;
  }

  .container33 {
    flex: 1 1 100%;
    width: 100%;
    gap: var(--gap-18);
    flex-wrap: wrap;
    padding-left: var(--padding-21);
    padding-right: var(--padding-21);
    box-sizing: border-box;
    border-right: 1px solid var(--color-darkslateblue-600);
    border-radius: var(--br-24);
    margin: 32px 0 0;
  }

  .layer-0z-3-parent {
    display: none;
  }

  .container-parent3 {
    max-width: 100%;
    min-height: 0;
  }

  .container38 {
    flex: 1 1 100%;
    width: 100%;
    margin: 32px 16px;
    border-left: 1px solid var(--color-lightblue-100);
    border-radius: var(--br-24);
  }

  .exterior-layer {
    display: none;
  }

  .benefit-label {
    padding-left: var(--padding-39);
    padding-right: var(--padding-40);
    box-sizing: border-box;
  }

  .stage-achievement-wrapper {
    height: auto;
    padding-top: 58px;
    padding-bottom: 58px;
    box-sizing: border-box;
  }

  .container54 {
    padding-left: 74px;
    padding-right: 73px;
    box-sizing: border-box;
  }

  .adventure-phase {
    flex-wrap: wrap;
    justify-content: center;
    grid-template-columns: repeat(2, minmax(226px, 392px));
  }

  .container69 {
    padding-top: var(--padding-21);
    padding-bottom: 244px;
    box-sizing: border-box;
  }

  .testimonial {
    height: auto;
    padding-top: 62px;
    box-sizing: border-box;
  }

  .heading-22 {
    padding-left: 92px;
    padding-right: 92px;
    box-sizing: border-box;
  }

  .inspiration-challenge {
    padding-left: 228px;
    padding-right: 228px;
    box-sizing: border-box;
  }

  .container80,
  .container81 {
    height: auto;
  }

  .quotes-parent {
    height: auto;
    min-height: 503px;
  }

  .quotation-evidence-parent {
    flex-wrap: wrap;
  }

  .quotation-evidence {
    flex: 1;
  }

  .person-comment {
    flex: 1;
    min-width: 100%;
  }

  .f-a-q-separator,
  .heading-23 {
    padding-left: 91px;
    padding-right: 91px;
    box-sizing: border-box;
  }

  .f-a-q-separator {
    padding-left: 184px;
    padding-right: 184px;
  }

  .container96 {
    height: auto;
  }

  .button11 {
    flex-wrap: wrap;
  }

  .button11,
  .container98,
  .socialcta {
    height: auto;
  }

  .container118 {
    height: auto;
    padding-left: 102px;
    padding-right: 102px;
    box-sizing: border-box;
  }

  .container118,
  .footer {
    flex-wrap: wrap;
  }

  .layer-0zx-3 {
    display: none;
  }

  .container42 {
    flex: 1;
  }
}

@media screen and (max-width: 800px) {
  .c-thnh-tch{
    width: calc(100% - 32px);
  }

  .list-item10{
    width: 100%;
  }

  .lazy-bg{
    background-size: contain;
  }

  .frame-item {
    display: none;
  }

  .frame-div {
    justify-content: center;
  }

  .construction-phase {
    align-items: center;
  }

  .container4 {
    padding-top: 42px;
    padding-bottom: 42px;
    box-sizing: border-box;
  }

  .heading-3-parent {
    min-width: 100%;
  }

  .hi-trnh-th {
    font-size: var(--fs-29);
    line-height: var(--lh-36);
  }

  .keymessage {
    gap: 33px;
    padding-left: 48px;
    padding-right: 48px;
    box-sizing: border-box;
  }

  .strategic-core {
    box-sizing: border-box;
  }

  .strategy-title {
    padding-left: var(--padding-40);
    padding-right: var(--padding-38);
    box-sizing: border-box;
  }

  .hi-trnh-th2,
  .kin-to-th {
    font-size: 32pt;
    line-height: 62px;
    max-width: 90vw;
  }

  .kin-to-th {
    max-width: 90vw;
    font-size: 24pt;
    width: 100%;
    line-height: 48px;
  }

  .hi-trnh-th2 {
    height: fit-content;
  }

  .insight-space-wrapper {
    padding-left: 132px;
    padding-right: 132px;
    box-sizing: border-box;
  }

  .fields {
    gap: 37px;
    box-sizing: border-box;
  }

  .fields2 {
    font-size: var(--fs-38);
    line-height: var(--lh-54);
  }

  .strategy-container-parent {
    box-sizing: border-box;
  }

  .strategy-container {
    grid-template-columns: minmax(211px, 1fr);
  }

  .business-category {
    padding-top: var(--padding-32);
    padding-bottom: 42px;
    box-sizing: border-box;
  }

  .cng-bin,
  .kinh-doanh,
  .vn-ti-bin {
    font-size: 35px;
    line-height: 42px;
  }

  .gemini-generated-image-nyv3rin-parent {
    padding-top: 95px;
    padding-bottom: var(--padding-22);
    box-sizing: border-box;
  }

  .logistics {
    font-size: 35px;
    line-height: 42px;
  }

  .summary-stage {
    padding-left: var(--padding-20);
    padding-right: var(--padding-20);
    box-sizing: border-box;
  }

  .main-travel {
    gap: var(--gap-28);
  }

  .tng-quan-hnh {
    font-size: var(--fs-38);
    line-height: var(--lh-54);
  }

  .paragraph3 {
    padding-left: var(--padding-0);
    padding-right: var(--padding-0);
    box-sizing: border-box;
  }

  .construction-phase {
    padding-left: var(--padding-0);
    padding-right: var(--padding-0);
    box-sizing: border-box;
  }

  .frame-div {
    padding-left: var(--padding-0);
    box-sizing: border-box;
  }

  .candidate {
    padding-top: 25px;
    padding-bottom: 25px;
    box-sizing: border-box;
  }

  .container-parent {
    height: auto;
    min-height: 515px;
  }

  .candidate2 {
    font-size: var(--fs-38);
    line-height: 38px;
  }

  .container-group {
    height: auto;
    min-height: 402px;
  }

  .container33 {
    gap: var(--gap-18);
    flex-wrap: wrap;
    padding-left: var(--padding-21);
    padding-right: var(--padding-21);
    box-sizing: border-box;
  }

  .benefits {
    gap: 43px;
    padding: var(--padding-46) 35px 78px;
    box-sizing: border-box;
  }

  .benefits2 {
    font-size: var(--fs-38);
    line-height: var(--lh-54);
    width: 100vw;
  }

  .tri-nghim-hnh {
    width: 90vw;
  }

  .container-parent5 {
    gap: 17px;
  }

  .container35 {
    display: none;
  }

  .container41 {
    display: none;
  }

  .container49,
  .container51 {
    box-sizing: border-box;
  }

  .container53 {
    box-sizing: border-box;
  }

  .stage-achievement-wrapper {
    padding-top: var(--padding-38);
    padding-bottom: var(--padding-38);
    box-sizing: border-box;
  }

  .stage-achievement {
    gap: 30px;
  }

  .container54 {
    padding-left: var(--padding-37);
    padding-right: var(--padding-36);
    box-sizing: border-box;
  }

  .container-wrapper9 {
    padding-left: 144px;
    padding-right: 145px;
    box-sizing: border-box;
  }

  .process {
    font-size: var(--fs-38);
    line-height: var(--lh-54);
  }

  .adventure-phase {
    gap: var(--gap-16);
    grid-template-columns: minmax(226px, 1fr);
  }

  .container69 {
    padding-top: var(--padding-20);
    padding-bottom: 159px;
    box-sizing: border-box;
  }

  .container74,
  .container75 {
    padding-left: 278px;
    padding-right: 278px;
    box-sizing: border-box;
  }

  .container75 {
    padding-left: 81px;
    padding-right: 81px;
  }

  .container77 {
    gap: 17px;
  }

  .container78,
  .heading-22 {
    padding-left: var(--padding-48);
    padding-right: var(--padding-48);
    box-sizing: border-box;
  }

  .heading-22 {
    padding-left: var(--padding-46);
    padding-right: var(--padding-46);
  }

  .cu-chuyn-bt {
    font-size: var(--fs-38);
    line-height: 38px;
  }

  .inspiration-challenge {
    padding-left: 114px;
    padding-right: 114px;
    box-sizing: border-box;
  }

  .container81 {
    padding-top: var(--padding-32);
    padding-bottom: var(--padding-31);
    box-sizing: border-box;
  }

  .quotation-evidence {
    min-width: 100%;
  }

  .person-comment {
    height: auto;
  }

  .testimonial-box {
    flex-wrap: wrap;
  }

  .line {
    width: 100%;
    height: 2px;
  }

  .content {
    min-width: 100%;
  }

  .container84 {
    height: auto;
    gap: var(--gap-28);
  }

  .container85 {
    padding-left: 50px;
    padding-right: 50px;
    box-sizing: border-box;
  }

  .cu-hi-thng {
    font-size: var(--fs-29);
    line-height: var(--lh-32);
  }

  .container87,
  .container88 {
    height: auto;
  }

  .button8 {
    flex-wrap: wrap;
  }

  .button8,
  .container92,
  .container94 {
    height: auto;
  }

  .container105 {
    gap: 49px;
  }

  .container106 {
    min-width: 100%;
  }

  .cng-vit-nam,
  .vit-nam-thnh {
    font-size: var(--fs-38);
    line-height: var(--lh-54);
  }

  .numbers-container-parent {
    min-width: 100%;
  }

  .cng-vit-nam2 {
    font-size: var(--fs-38);
    line-height: var(--lh-54);
  }

  .k,
  .statistic-value,
  .top-20 {
    font-size: var(--fs-29);
    line-height: var(--lh-32);
  }

  .ng-b-l {
    font-size: var(--fs-38);
    line-height: var(--lh-48);
  }

  .footer {
    padding-left: var(--padding-48);
    box-sizing: border-box;
  }
}

@media screen and (max-width: 450px) {
  .sinh-vin-vit{
    width: calc(100% - 64px);
  }

  .container3 {
    gap: 15px;
  }

  .container-wrapper {
    padding-top: var(--padding-34);
    padding-bottom: var(--padding-34);
    box-sizing: border-box;
  }

  .hi-trnh-th {
    font-size: var(--fs-22);
    line-height: 27px;
  }

  .keymessage {
    gap: 17px;
    padding: 47px var(--padding-20) var(--padding-31);
    box-sizing: border-box;
    background-color: #004F9D;
  }

  .lazy-bg.is-loaded{
    background-image: none !important;
  }

  .hi-trnh-th2,
  .kin-to-th {
    font-size: 20pt;
    line-height: 47px;
  }

  .external-part {
    flex-wrap: wrap;
  }

  .chng-trnh-hng,
  .nhng-ngi-trc,
  .tm-tm {
    font-size: var(--fs-19);
    line-height: 31px;
  }

  .insight-space-wrapper {
    padding-left: var(--padding-20);
    padding-right: var(--padding-20);
    box-sizing: border-box;
  }

  .insight-space {
    font-size: var(--fs-19);
    line-height: 31px;
  }

  .s-thnh-vng {
    font-size: var(--fs-19);
    line-height: var(--lh-26);
  }

  .fields {
    gap: var(--gap-19);
    padding-top: 28px;
    padding-bottom: 64px;
    box-sizing: border-box;
  }

  .fields2 {
    font-size: var(--fs-29);
    line-height: var(--lh-40);
  }

  .business-category {
    gap: 112px;
    padding-right: var(--padding-20);
    box-sizing: border-box;
  }

  .category-title-parent {
    flex-wrap: wrap;
  }

  .category-title {
    flex: 1;
  }

  .kinh-doanh {
    font-size: var(--fs-26);
    line-height: var(--lh-32);
  }

  .container15 {
    flex: 1;
  }

  .button4 {
    gap: var(--gap-16);
    padding-top: var(--padding-24);
    box-sizing: border-box;
  }

  .transport-header {
    gap: var(--gap-24);
    flex-wrap: wrap;
  }

  .cng-bin {
    font-size: var(--fs-26);
    line-height: var(--lh-32);
  }

  .frame-group {
    flex-wrap: wrap;
  }

  .vn-ti-bin {
    font-size: var(--fs-26);
    line-height: var(--lh-32);
  }

  .gemini-generated-image-nyv3rin-parent {
    gap: 138px;
  }

  .logistics {
    font-size: var(--fs-26);
    line-height: var(--lh-32);
  }

  .container-frame,
  .summary-stage {
    padding-left: var(--padding-20);
    padding-right: var(--padding-20);
    box-sizing: border-box;
  }

  .tng-quan-hnh {
    font-size: var(--fs-29);
    line-height: var(--lh-40);
  }

  .paragraph3 {
    padding-left: var(--padding-0);
    padding-right: var(--padding-0);
    box-sizing: border-box;
  }

  .hnh-trnh-3 {
    font-size: var(--fs-16);
    line-height: var(--lh-22);
  }

  .construction-phase,
  .frame-div {
    padding-left: var(--padding-0);
    box-sizing: border-box;
  }

  .candidate {
    padding-right: var(--padding-20);
    box-sizing: border-box;
  }

  .candidate2 {
    font-size: var(--fs-29);
    line-height: 29px;
  }

  .container36 {
    gap: var(--gap-16);
  }

  .container33 {
    margin: 8px;
    padding-top: 28px;
    padding-bottom: 28px;
  }

  .layer-0z-2,
  .layer-0z-3 {
    width: 340px;
  }

  .layer-0z-2 {
    top: -6px;
    height: 286px;
  }

  .container37 {
    height: auto;
  }

  .ngun-nhn-s {
    font-size: var(--fs-19);
    line-height: var(--lh-26);
  }

  .list {
    height: auto;
  }

  .internal-items {
    flex-wrap: wrap;
  }

  .ngun-nhn-s2 {
    font-size: var(--fs-19);
    line-height: var(--lh-26);
  }

  .benefits {
    gap: var(--gap-21);
  }

  .benefit-presentation {
    gap: 23px;
  }

  .benefits2 {
    font-size: var(--fs-29);
    line-height: var(--lh-40);
  }

  .tri-nghim {
    font-size: var(--fs-16);
    line-height: var(--lh-22);
  }

  .container52 {
    padding-top: var(--padding-20);
    padding-bottom: var(--padding-20);
    box-sizing: border-box;
  }

  .i-ng-hp {
    font-size: var(--fs-16);
    line-height: var(--lh-22);
  }

  .container-wrapper9 {
    padding-left: var(--padding-20);
    padding-right: var(--padding-20);
    box-sizing: border-box;
  }

  .process {
    font-size: var(--fs-29);
    line-height: var(--lh-40);
  }

  .container57 {
    gap: 85px;
  }

  .s-tuyn {
    font-size: var(--fs-19);
    line-height: var(--lh-26);
  }

  .container63 {
    gap: 74px;
  }

  .phng-vn-cp {
    font-size: var(--fs-19);
    line-height: var(--lh-26);
  }

  .container74 {
    padding-left: var(--padding-20);
    padding-right: var(--padding-20);
    box-sizing: border-box;
  }

  .button7 {
    gap: var(--gap-20);
  }

  .testimonial {
    padding-top: var(--padding-40);
    box-sizing: border-box;
  }

  .container78 {
    padding-left: var(--padding-20);
    padding-right: var(--padding-20);
    box-sizing: border-box;
  }

  .cu-chuyn-bt {
    font-size: var(--fs-29);
    line-height: 29px;
  }

  .strategy-title {
    padding: var(--padding-0) var(--padding-20);
  }

  .qunh {
    font-size: var(--fs-19);
    line-height: var(--lh-26);
  }

  .container85,
  .heading-23 {
    padding-left: var(--padding-20);
    padding-right: var(--padding-20);
    box-sizing: border-box;
  }

  .cu-hi-thng {
    font-size: var(--fs-22);
    line-height: var(--lh-24);
  }

  .f-a-q-separator {
    padding-left: var(--padding-20);
    padding-right: var(--padding-20);
    box-sizing: border-box;
  }

  .container105 {
    gap: var(--gap-24);
  }

  .cng-vit-nam,
  .vit-nam-thnh {
    font-size: var(--fs-29);
    line-height: var(--lh-40);
  }

  .numbers-container-parent {
    flex-wrap: wrap;
  }

  .numbers-container {
    flex: 1;
  }

  .cng-vit-nam2 {
    font-size: var(--fs-29);
    line-height: var(--lh-40);
  }

  .statistic-value,
  .top-20 {
    font-size: var(--fs-22);
    line-height: var(--lh-24);
  }

  .container-wrapper13 {
    flex: 1;
  }

  .k {
    font-size: var(--fs-22);
    line-height: var(--lh-24);
  }

  .message-container {
    gap: var(--gap-20);
  }

  .ng-b-l {
    font-size: var(--fs-29);
    line-height: var(--lh-36);
  }

  .container118 {
    padding-right: var(--padding-20);
  }

  .container118,
  .footer {
    padding-left: var(--padding-20);
    box-sizing: border-box;
  }

  .container35 {
    display: none;
  }

  .chng-trnh-hng-passage {
    font-size: 14px;
    line-height: 14px;
  }

  .tm-tm {
    font-size: 14px;
    line-height: 14px;
  }

  .maritime-insights {
    padding: 0;
  }

  .paragraph {
    padding: 0;
  }

  .kin-to-th {
    font-size: 16px;
    line-height: 24px;
  }

  .hi-trnh-th2 {
    font-size: var(--fs-29);
    line-height: var(--lh-40);
  }

  .l-chng-trnh {
    font-size: 14px;
    line-height: 20px;
  }

  .heading-3 {
    width: 70vw;
  }

  .hi-trnh-th {
    width: 70vw;
    font-size: var(--fs-18);
    line-height: var(--lh-24);
    height: auto;
  }

  .imagewithfallback-icon {
    width: 100%;
    height: auto;
  }

  .container7 {
    width: 100%;
    height: auto;
  }

  .container6 {
    width: 100%;
    height: 280px;
  }

  .container-wrapper {
    padding: 14px;
  }

  .container4 {
    border-radius: 12px;
    padding: 16px;
  }

  .heading-3-parent {
    padding: 0;
    gap: 8px;
  }

  .frame-parent {
    gap: 12px;
  }

  .heading-3 {
    gap: 8px;
    height: auto;
  }

  .fields2 {
    font-size: var(--fs-29);
    line-height: var(--lh-40);
  }

  .khm-ph-4 {
    font-size: 16px;
    line-height: 22px;
  }

  .fields {
    padding: 16px;
    padding-bottom: 32px;
  }

  .tng-quan-hnh {
    font-size: var(--fs-29);
    line-height: var(--lh-40);
  }

  .summary-stage {
    padding: 16px;
  }

  .main-travel {
    gap: 0px;
  }

  .candidate2 {
    font-size: var(--fs-29);
    line-height: var(--lh-40);
  }

  .tm-kim-nhng {
    height: fit-content;
    text-align: center;
  }

  .container31 {
    padding: 16px;
  }

  .container-group {
    padding: 16px;
  }

  .ngun-nhn-s2 {
    height: fit-content;
  }

  .heading-33 {
    height: fit-content;
  }

  .candidate {
    padding-right: 0;
  }

  .container38 {
    margin: 16px;
  }

  .container40 {
    padding: 16px;
  }

  .text4 {
    width: 100%;
  }

  .source-details {
    width: 100%;
  }

  .l-nhng-ng {
    font-size: var(--fs-16);
    line-height: var(--lh-20);
  }

  .list-item2 {
    padding-bottom: 8px;
  }

  .list-item-parent {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }

  .external-part {
    gap: 8px;
  }

  .container-parent3 {
    margin: 16px;
  }

  .benefit-message {
    width: 100%;
  }

  .benefits2 {
    width: 95vw;
  }

  .right-arrow,.left-arrow{
    display: none;
  }

  .tri-nghim-hnh {
    width: 95vw;
  }

  .benefits {
    background-image: none;
  }

  .container65 {
    height: 450px;
    padding-top: 200px;
  }

  .container71 {
    height: 450px;
    padding-top: 130px;
  }

  .s-tuyn {
    height: fit-content;
    width: 200px;
  }

  .heading-39 {
    height: fit-content;
    width: 200px;
    box-shadow: none;
  }

  .phng-vn-cp {
    height: fit-content;
    width: 200px;
  }

  .faq{
    padding: 16px 24px !important;
  }

  .faq-item{
    padding: 12px !important;
  }
}

.container56 {
  position: relative;
  flex-direction: column;
  align-items: stretch;
}

.overlay-round {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #004F9D 0%, #001C37 100%);
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: start;
  padding: 32px;
  gap: 12px;
  position: absolute;
  inset: 0;
  z-index: 3;
}

.overlay-round .header {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: bold;
  color: #fff;
  font-size: 18px;
}

.overlay-round .description {
  gap: 8px;
  margin-left: 32px;
  display: flex;
  flex-direction: column;
  flex: 1;
}

.overlay-round .description li::marker {
  color: #fff;
  font-size: 18px;
}

.overlay-round .description li {
  color: #fff;
  font-size: 16px;
  text-align: start;
}

.overlay-round .title {
  display: flex;
  align-items: center;
  gap: 12px;
}

.overlay-round .title .icon-wrapper {
  background-color: var(--color-deepskyblue-500);
  border-radius: 14px;
  padding: 12px 8px;
  border: 1px solid var(--color-deepskyblue-600);
}

.overlay-round .title .overlay-text {
  flex: 1;
  color: #fff;
  font-weight: bold;
  font-size: 24px;
  text-align: start;
}

.container56 {
  overflow: hidden;
}

.overlay-round {
  transform: translateY(100%);
  transition: transform 0.4s ease-in-out;
}

.container56:hover .overlay-round,
.container56:focus-within .overlay-round {
  transform: translateY(0);
}

.stories {
  font-family: var(--font-google-sans-flex);
  background-color: #f4f7f9;
  padding-top: 90px;
  padding-bottom: 40px;
  padding-left: 32px;
  padding-right: 32px;
  width: 100vw;
  display: flex;
  flex-direction: column;
  gap: 34px;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

.stories * {
  box-sizing: border-box;
}

.stories .title {
  font-weight: bold;
  font-size: 48px;
  color: #004F9D;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.stories .title .underline {
  width: 80px;
  height: 6px;
  background-color: #004F9D;
  margin-top: 24px;
  border-radius: 16px;
}

.stories .story-list {
  display: flex;
  gap: 24px;
  width: 100%;
  max-width: 1280px;
  margin-left: 24px;
  margin-right: 24px;
  align-items: center;
  justify-content: center;
}

.stories .story-list .left-arrow {
  border-radius: 1000px;
  background-color: #fff;
  border: 1px solid #dff2fe;
  padding: 10px;
  width: 48px;
  height: 48px;
  cursor: pointer;
}

.stories .story-list .right-arrow {
  border-radius: 1000px;
  background-color: #fff;
  border: 1px solid #dff2fe;
  padding: 10px;
  width: 48px;
  height: 48px;
  cursor: pointer;
}

.stories .story-list .slide {
  flex: 1;
  overflow: hidden;
}

.stories .story-list .slide .swiper-wrapper {
  align-items: stretch;
}

.stories .story-list .story-item {
  display: flex;
  width: min(1050px, 100vw - 64px - 48px - 48px - 24px - 24px);
  gap: 30px;
  justify-content: center;
  align-items: flex-start;
  margin: 0 auto;
}

.stories .story-list .story-item .image-wrapper {
  flex: 2;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.stories .story-list .story-item .image-wrapper img {
  position: absolute;
  width: 100%;
  transform: scale(0.9);
}

.stories .story-list .story-item .content {
  flex: 3;
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.stories .story-list .story-item .image-wrapper .background-image {
  width: 100%;
  aspect-ratio: 0.95;
  margin-top: 40px;
  border-radius: 32px;
  background-color: #b8e6fe;
}

.stories .story-list .story-item .avatar img {
  width: 100%;
  height: auto;
  border-radius: 12px;
}

.stories .story-list .story-item .quote {
  background-color: #fbfbff;
  border-radius: 12px;
  gap: 16px;
  padding: 32px;
  box-shadow: -10px 0 15px -3px rgba(0, 0, 0, 0.1),
    -4px 0 6px -4px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  margin-bottom: 16px;
}

.quote .quote-text {
  font-size: 16px;
  text-align: justify;
  color: #1e1e1e;
  font-style: italic;
  padding-left: 24px;
  border-left: 2px solid #00aeff;
}

.quote .quote-author {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.quote-author .name {
  font-weight: bold;
  color: #004F9D;
  font-size: 24px;
}

.quote-author .position {
  font-size: 16px;
  color: #00a6f4;
  font-weight: bold;
  text-transform: uppercase;
}

@media screen and (max-width: 1350px) {
  .stories .title {
    font-size: 32px;
  }

  .stories .story-list .story-item {
    flex-direction: column;
    width: 100%;
  }

  .stories .story-list .story-item .image-wrapper {
    display: none;
  }

  .stories .story-list .story-item .content {
    order: 1;
    gap: 20px;
    padding: 0 16px;
    justify-content: center;
    align-items: center;
  }
}

@media screen and (max-width: 768px) {
  .stories .story-list .story-item .content {
    padding: 0 8px;
  }

  .stories {
    padding-left: 8px;
    padding-right: 8px;
  }

  .stories .story-list {
    gap: 0px;
  }

  .left-arrow,
  .right-arrow {
    width: 32px !important;
    height: 32px !important;
  }

  .left-arrow,
  .right-arrow {
    padding: 3px !important;
  }

  .stories .story-list .story-item .quote {
    padding: 16px !important;
  }

  .quote .quote-text {
    font-size: 14px !important;
    padding-left: 8px !important;
  }

  .quote-icon img {
    width: 32px !important;
    height: 32px !important;
  }

  .quote-author .name {
    font-size: 16px !important;
  }

  .quote-author .position {
    font-size: 12px !important;
  }
}

.faq {
  padding: 96px 64px;
  display: flex;
  flex-direction: column;
  gap: 56px;
  align-items: center;
  justify-content: center;
  width: 100vw;
  box-sizing: border-box;
}

.faq * {
  box-sizing: border-box;
}

.faq .header {
  display: flex;
  gap: 16px;
  font-size: 36px;
  font-weight: bold;
  color: #004F9D;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.faq .header .underline {
  width: 80px;
  height: 6px;
  background-color: #004F9D;
  border-radius: 16px;
  margin-top: 24px;
}

.faq .faq-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  max-width: 1250px;
}

.faq .faq-list .faq-item {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  border-radius: 12px;
  padding: 24px;
  background-color: #fff;
  border: 1px solid #f3f4f6;
  box-shadow: var(--shadow-drop);
  transition: border-color 0.28s ease;
}

.faq .faq-list .faq-item .question {
  display: flex;
  font-size: 18px;
  color: #004F9D;
  font-weight: bold;
  transition: color 0.28s ease;
}

.faq-item .question .expand-btn {
  border-radius: 1000px;
  width: 32px;
  height: 32px;
  background-color: #f9fafb;
  font-size: 24px;
  line-height: 32px;
  text-align: center;
  transition: background-color 0.28s ease;
  cursor: pointer;
}

.faq .faq-list .faq-item .answer {
  font-size: 16px;
  color: #4a5565;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transform: translateY(-6px);
  transition: max-height 0.34s ease, opacity 0.22s ease, transform 0.28s ease;
}

.faq .faq-list .faq-item.is-open {
  border: 1px solid rgba(0, 174, 239, 0.3);
}

.faq .faq-list .faq-item.is-open .question {
  color: #00aeef;
}

.faq .faq-list .faq-item.is-open .expand-btn {
  background: rgba(0, 174, 239, 0.1);
}

.faq .faq-list .faq-item.is-open .answer {
  max-height: 320px;
  opacity: 1;
  transform: translateY(0);
  margin-top: 16px;
}

.about {
  background-image: url("public/about.png");
  background-size: cover;
  background-repeat: no-repeat;
  width: 100vw;
  position: relative;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
}

.about * {
  box-sizing: border-box;
}

.about .background {
  position: absolute;
  inset: 0;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: linear-gradient(90deg, #004F9D 30%, rgba(0, 79, 157, 0.8) 90%, rgba(0, 79, 157, 0.3) 100%);
}

.about .content {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 24px;
  box-sizing: border-box;
  padding: 80px;
  max-width: 1400px;
}

.about .content .title {
  border-radius: 1000px;
  background-color: rgba(0, 166, 244, 0.2);
  border: 1px solid rgba(0, 166, 244, 0.3);
  font-size: 14px;
  font-weight: bold;
  color: #74d4ff;
  padding: 10px 16px;
  width: fit-content;
  text-transform: uppercase;
  display: flex;
  gap: 8px;
  text-decoration: none;
  transition: box-shadow 0.25s ease, transform 0.25s ease, border-color 0.25s ease;
}

.about .content .title:hover,
.about .content .title:focus-visible {
  border-color: rgba(116, 212, 255, 0.75);
  box-shadow: 0 0 10px rgba(116, 212, 255, 0.35),
    0 0 24px rgba(0, 166, 244, 0.22);
  transform: translateY(-1px);
}

.about .content .title:focus-visible {
  outline: 2px solid rgba(184, 230, 254, 0.85);
  outline-offset: 2px;
}

.about .content .slogan {
  font-size: 48px;
  font-weight: bold;
  color: #fff;
  max-width: 900px;
}

.about .content .slogan .highlight {
  background: var(--gradient-1);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.about .content .description {
  font-size: 18px;
  color: rgba(223, 242, 254, 0.8);
  display: flex;
  flex-wrap: wrap;
  height: auto;
  gap: 24px;
}

.about .content .description .text {
  flex: 1;
  min-width: min(300px, 90vw);
  width: 100%;
  height: fit-content;
}

.about .content .description .highlight {
  background-color: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 24px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  height: 232px;
  width: 124px;
  justify-content: start;
  align-items: center;
  box-sizing: border-box;
  backdrop-filter: blur(1px);
  -webkit-backdrop-filter: blur(1px);
}

.about .content .description .highlights {
  gap: 16px;
  display: flex;
  flex-wrap: wrap;
}

.about .content .description .highlight .icon {
  background: linear-gradient(180deg, rgba(255, 215, 32, 1) 0%, rgba(237, 103, 10, 1) 100%);
  width: 48px;
  height: 48px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-bottom: 21px !important;
}

.about .content .description .highlight .milestone {
  font-size: 30px;
  font-family: var(--font-inter);
  font-weight: 900;
  color: #fff;
  text-align: center;
}

.about .content .description .highlight .unit {
  font-size: 12px;
  font-family: var(--font-inter);
  color: rgba(184, 230, 254, 0.8);
  margin-top: 2px;
  text-align: center;
  text-transform: uppercase;
}

.second {
  margin-top: 24px;
}

@media screen and (max-width: 1000px) {
  .about .content .slogan {
    max-width: 550px;
  }
}

@media screen and (max-width: 800px) {
  .about .content {
    padding: 32px;
  }
}

@media screen and (max-width: 450px) {
  .about .content .description .highlights {
    justify-content: center;
    align-items: center;
  }

  .about .background{
    background-color: #004F9D;
  }

  .about .content .description {
    justify-content: center;
    align-items: center;
  }

  .second {
    margin-top: 0;
  }
}

.social {
  background-color: #f4f7f9;
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: center;
  justify-content: center;
  width: 100vw;
  box-sizing: border-box;
  padding: 48px 0;
}

.social * {
  box-sizing: border-box;
}

.social .header {
  max-width: min(95vw, 850px);
  color: #004F9D;
  font-size: 48px;
  font-weight: bold;
  font-family: var(--font-inter);
  text-align: center;
}

.social-btns {
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
  justify-content: center;
  align-self: center;
}

.social-btn {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 40px;
  border-radius: 1000px;
  background-color: #fff;
  color: #004F9D;
  box-shadow: var(--shadow-drop);
  font-family: var(--font-google-sans-flex);
  cursor: pointer;
  font-weight: bold;
  font-size: 18px;
}

.social-btn:hover {
  background-color: #ffc107;
}

.footer {
  background-color: rgba(0, 79, 157, 1);
  padding: 24px 32px;
  padding-bottom: 10px;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  width: 100vw;
  flex-wrap: wrap;
  align-items: center;
}

.footer * {
  box-sizing: border-box;
}

.footer .content {
  display: flex;
  flex-direction: row;
  gap: 24px;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.footer .content .logo {
  width: 124px;
  height: auto;
}

.footer .content .item {
  flex: 1;
  min-width: 370px;
  color: #fff;
}

.footer .contact-link {
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1000px;
  background-color: rgba(255, 255, 255, 0.05);
}

.footer .website {
  display: flex;
  gap: 8px;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
  color: #b8e6fe;
}

.footer .social-icons {
  display: flex;
  gap: 16px;
}

.footer .copy-right {
  color: rgba(184, 230, 254, 0.5);
  font-size: 12px;
  font-family: var(--font-google-sans-flex);
  margin-top: 8px;
  margin-bottom: 8px;
}

.footer .contact {
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: end;
  gap: 4px;
}

.footer .address {
  display: flex;
  justify-content: start;
  align-items: start;
  gap: 12px;
}

@media screen and (max-width: 1200px) {
  .l-chng-trnh {
    max-width: none;
  }

  .footer .contact {
    align-items: center;
  }

  .footer .content {
    flex-wrap: wrap;
  }
}

@media screen and (max-width: 850px) {
  .footer .address {
    justify-content: center;
    align-items: center;
  }
}