/* ==========================================================================
   Cau Chuyen Nha Sang Lap (Founder's Story) - JPC
   ========================================================================== */

/* Sora (mapped to local Be Vietnam Pro for 100% Vietnamese support) */
/* 400 (Regular) */
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../font/bevietnampro/be-vietnam-pro-400-viet.woff2') format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../font/bevietnampro/be-vietnam-pro-400-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Sora-Regular';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../font/bevietnampro/be-vietnam-pro-400-viet.woff2') format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Sora-Regular';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../font/bevietnampro/be-vietnam-pro-400-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* 500 (Medium) */
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../font/bevietnampro/be-vietnam-pro-500-viet.woff2') format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../font/bevietnampro/be-vietnam-pro-500-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Sora-Medium';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../font/bevietnampro/be-vietnam-pro-500-viet.woff2') format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Sora-Medium';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../font/bevietnampro/be-vietnam-pro-500-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* 600 (SemiBold) */
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../font/bevietnampro/be-vietnam-pro-600-viet.woff2') format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../font/bevietnampro/be-vietnam-pro-600-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Sora-SemiBold';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../font/bevietnampro/be-vietnam-pro-600-viet.woff2') format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Sora-SemiBold';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../font/bevietnampro/be-vietnam-pro-600-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* 700 (Bold) */
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../font/bevietnampro/be-vietnam-pro-700-viet.woff2') format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../font/bevietnampro/be-vietnam-pro-700-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Sora-Bold';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../font/bevietnampro/be-vietnam-pro-700-viet.woff2') format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Sora-Bold';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../font/bevietnampro/be-vietnam-pro-700-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&display=swap');

:root {
  --web-4svndenim: rgba(13, 93, 214, 1);
  --web-4svngray: rgba(128, 128, 128, 1);
  --web4svnlightning-yellow: rgba(248, 184, 31, 1);
  --web-4svnmandy: rgba(238, 74, 98, 1);
  --web4svnmountain-meadow: rgba(26, 182, 157, 1);
  --web4svnport-gore: rgba(35, 31, 64, 1);
  --web-4svnwhite: rgba(255, 255, 255, 1);
  --web4svnwhite-58: rgba(255, 255, 255, 0.58);
  --wwwtrans-cosmoscojpcocoa-brown: rgba(26, 19, 17, 1);
  --wwwtrans-cosmoscojpfiord: rgba(72, 86, 116, 1);
  --wwwtrans-cosmoscojpgray: rgba(136, 136, 136, 1);
  --wwwtrans-cosmoscojpmonza: rgba(194, 0, 32, 1);
  --wwwtrans-cosmoscojpscorpion: rgba(95, 94, 94, 1);
  --monamediaamber: rgba(255, 189, 0, 1);
  --monamediaapricot-peach: rgba(249, 201, 192, 1);
  --monamediaaquamarine: rgba(102, 241, 255, 1);
  --monamediablack: rgba(0, 0, 0, 1);
  --monamediabright-sun: rgba(254, 216, 67, 1);
  --monamediachateau-green: rgba(52, 168, 83, 1);
  --monamediacinnabar: rgba(233, 66, 53, 1);
  --monamediacornflower-blue: rgba(66, 133, 244, 1);
  --monamediadodger-blue: rgba(62, 209, 255, 1);
  --monamediaecstasy: rgba(245, 133, 30, 1);
  --monamediaelectric-violet: rgba(124, 15, 210, 1);
  --monamediahot-pink: rgba(255, 118, 180, 1);
  --monamedialavender: rgba(176, 119, 221, 1);
  --monamedialightning-yellow: rgba(250, 190, 44, 1);
  --monamediamalibu: rgba(86, 166, 252, 1);
  --monamediamine-shaft: rgba(58, 58, 58, 1);
  --monamediamustard: rgba(255, 222, 80, 1);
  --monamediaorchid: rgba(221, 98, 198, 1);
  --monamediaperiwinkle-gray: rgba(201, 217, 233, 1);
  --monamediapersian-rose: rgba(244, 30, 146, 1);
  --monamediapicasso: rgba(255, 234, 148, 1);
  --monamediapickled-bluewood: rgba(53, 74, 96, 1);
  --monamediapizazz: rgba(255, 145, 0, 1);
  --monamediaroyal-blue: rgba(38, 134, 236, 1);
  --monamediaselective-yellow: rgba(250, 187, 5, 1);
  --monamediasupernova: rgba(240, 205, 0, 1);
  --monamediatangerine: rgba(246, 142, 0, 1);
  --monamediatree-poppy: rgba(255, 165, 31, 1);
  --monamediaweb-orange: rgba(250, 163, 0, 1);
  --monamediawhisper: rgba(235, 230, 239, 1);
  --monamediawhite: rgba(255, 255, 255, 1);
  --monamediawild-strawberry: rgba(255, 75, 173, 1);
  --facewashfoxcomblack: rgba(0, 0, 0, 1);
  --facewashfoxcomblack-15: rgba(0, 0, 0, 0.15);
  --facewashfoxcomblue-ribbon: rgba(0, 104, 255, 1);
  --facewashfoxcombright-sun: rgba(255, 200, 69, 1);
  --facewashfoxcommidnight: rgba(0, 26, 51, 1);
  --facewashfoxcompacific-blue: rgba(0, 149, 200, 1);
  --facewashfoxcomsandy-beach: rgba(255, 235, 202, 1);
  --facewashfoxcomtango: rgba(243, 109, 33, 1);
  --facewashfoxcomtorch-red: rgba(255, 0, 51, 1);
  --facewashfoxcomwhite: rgba(255, 255, 255, 1);
  --facewashfoxcomwhite-70: rgba(255, 255, 255, 0.7);
  --yersineduvnblack: rgba(0, 0, 0, 1);
  --yersineduvnboulder: rgba(124, 124, 124, 1);
  --yersineduvnmustard: rgba(255, 225, 90, 1);
  --yersineduvnsunset-orange: rgba(255, 75, 85, 1);
  --wwwportersjpblack: rgba(0, 0, 0, 1);
  --wwwportersjpdesert-storm: rgba(245, 246, 244, 1);
  --wwwportersjporient: rgba(0, 76, 128, 1);
  --wwwportersjptower-gray: rgba(166, 185, 191, 1);
  --wwwportersjpwhite: rgba(255, 255, 255, 1);
}

.CU-CHUYN-NH-SNG-LP {
  background-color: #ffffff;
  overflow: hidden;
  width: 100%;
  min-width: 1440px;
  min-height: 8354px;
  position: relative;
}

.CU-CHUYN-NH-SNG-LP .rectangle {
  position: absolute;
  top: 9344px;
  left: 610px;
  width: 262px;
  height: 499px;
  background-color: #eefff4;
}

.CU-CHUYN-NH-SNG-LP .div {
  position: absolute;
  top: 9344px;
  left: 891px;
  width: 406px;
  height: 499px;
  background-color: #eef6ff;
}

.CU-CHUYN-NH-SNG-LP .frame {
  display: flex;
  flex-direction: column;
  width: 1441px;
  align-items: flex-start;
  position: absolute;
  top: 0;
  left: 0;
}

.CU-CHUYN-NH-SNG-LP .frame-2 {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 104px;
  margin-top: -1px;
  margin-bottom: -1px;
  margin-left: -1px;
  margin-right: -1px;
  background-color: #ffffff;
  box-shadow: 0px 4px 16px #00000014;
}

.CU-CHUYN-NH-SNG-LP .frame-wrapper {
  position: absolute;
  top: 0;
  left: 198px;
  width: 1243px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  background: linear-gradient(
    0deg,
    rgba(15, 77, 152, 1) 0%,
    rgba(15, 77, 152, 1) 100%
  );
}

.CU-CHUYN-NH-SNG-LP .frame-3 {
  display: inline-flex;
  margin-top: 0.3px;
  height: 25.51px;
  margin-right: 49.8px;
  width: 587.43px;
  position: relative;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
}

.CU-CHUYN-NH-SNG-LP .frame-4 {
  display: inline-flex;
  align-items: flex-start;
  gap: 6.24px;
  position: relative;
  flex: 0 0 auto;
}

.CU-CHUYN-NH-SNG-LP .social-icons {
  position: relative;
  width: 24px;
  height: 24px;
  aspect-ratio: 1;
  background-image: url(../images/gioithieu/cauchuyennhasanglap/BG-5.svg);
  background-size: 100% 100%;
}

.CU-CHUYN-NH-SNG-LP .image {
  position: absolute;
  width: 82.06%;
  height: 82.05%;
  top: 17.95%;
  left: 17.94%;
}

.CU-CHUYN-NH-SNG-LP .icon-bi-facebook-wrapper {
  position: relative;
  width: 24px;
  height: 24px;
  aspect-ratio: 1;
  background-image: url(../images/gioithieu/cauchuyennhasanglap/BG-3.svg);
  background-size: 100% 100%;
}

.CU-CHUYN-NH-SNG-LP .icon-bi-facebook {
  position: absolute;
  width: 82.06%;
  height: 82.06%;
  top: 17.94%;
  left: 17.94%;
}

.CU-CHUYN-NH-SNG-LP .path-wrapper {
  position: relative;
  width: 24px;
  height: 24px;
  aspect-ratio: 1;
  background-image: url(../images/gioithieu/cauchuyennhasanglap/BG-4.svg);
  background-size: 100% 100%;
}

.CU-CHUYN-NH-SNG-LP .path {
  position: absolute;
  width: 82.06%;
  height: 72.99%;
  top: 27.01%;
  left: 17.94%;
}

.CU-CHUYN-NH-SNG-LP .icon-foundation-wrapper {
  position: relative;
  width: 24px;
  height: 24px;
  aspect-ratio: 1;
  background-image: url(../images/gioithieu/cauchuyennhasanglap/BG-6.svg);
  background-size: 100% 100%;
}

.CU-CHUYN-NH-SNG-LP .icon-foundation {
  position: absolute;
  width: 82.98%;
  height: 82.98%;
  top: 17.02%;
  left: 17.02%;
}

.CU-CHUYN-NH-SNG-LP .img-wrapper {
  position: relative;
  width: 24px;
  height: 24px;
  background-color: #ffffff;
  border-radius: 50px;
}

.CU-CHUYN-NH-SNG-LP .tik-tok {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 18px;
  height: 18px;
  aspect-ratio: 1;
}

.CU-CHUYN-NH-SNG-LP .img {
  position: absolute;
  top: calc(50.00% - 10px);
  left: calc(50.00% - 10px);
  width: 20px;
  height: 20px;
  aspect-ratio: 0.98;
}

.CU-CHUYN-NH-SNG-LP .line {
  position: relative;
  align-self: stretch;
  width: 1px;
  object-fit: cover;
}

.CU-CHUYN-NH-SNG-LP .frame-5 {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  position: relative;
  flex: 0 0 auto;
}

.CU-CHUYN-NH-SNG-LP .frame-6 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  position: relative;
  flex: 0 0 auto;
}

.CU-CHUYN-NH-SNG-LP .carbon-phone-filled {
  position: relative;
  width: 20px;
  height: 20px;
}

.CU-CHUYN-NH-SNG-LP .vector {
  position: absolute;
  width: 85.00%;
  height: 85.00%;
  top: 15.00%;
  left: 15.00%;
}

.CU-CHUYN-NH-SNG-LP .text-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  margin-top: -1px;
  font-family: "Noto Sans JP-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 22.4px;
  white-space: nowrap;
}

.CU-CHUYN-NH-SNG-LP .frame-7 {
  display: inline-flex;
  align-items: center;
  gap: 6.83px;
  padding: 5px 8px;
  position: relative;
  flex: 0 0 auto;
  background-color: #ffffff;
  border-radius: 4px;
}

.CU-CHUYN-NH-SNG-LP .group {
  position: relative;
  width: 22.25px;
  height: 15.51px;
  background-image: url(../images/gioithieu/cauchuyennhasanglap/vector-5.svg);
  background-size: 100% 100%;
}

.CU-CHUYN-NH-SNG-LP .vector-2 {
  position: absolute;
  width: 70.40%;
  height: 77.76%;
  top: 22.24%;
  left: 29.60%;
}

.CU-CHUYN-NH-SNG-LP .tuy-n-sinh-h-c-b-ng-wrapper {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 8px 16px;
  position: absolute;
  top: calc(50.00% + 4px);
  left: 270px;
  border-radius: 4px;
  border: none;
}

.CU-CHUYN-NH-SNG-LP .tuy-n-sinh-h-c-b-ng-wrapper::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: 4px;
  background: linear-gradient(
    180deg,
    rgba(15, 77, 152, 1) 0%,
    rgba(25, 159, 90, 1) 100%
  );
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: 1;
  pointer-events: none;
}

.CU-CHUYN-NH-SNG-LP .tuy-n-sinh-h-c-b-ng {
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  margin-top: -1px;
  background: linear-gradient(
    180deg,
    rgba(15, 77, 152, 1) 0%,
    rgba(25, 159, 90, 1) 100%
  );
  -webkit-background-clip: text !important;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  font-family: "Noto Sans JP-Medium", Helvetica;
  font-weight: 500;
  color: transparent;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 22.4px;
  white-space: nowrap;
}

.CU-CHUYN-NH-SNG-LP .rectangle-2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 280px;
  height: 102px;
}

.CU-CHUYN-NH-SNG-LP .image-2 {
  position: absolute;
  top: calc(50.00% - 41px);
  left: calc(50.00% - 672px);
  width: 137px;
  height: 79px;
}

.CU-CHUYN-NH-SNG-LP .navbar {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  position: absolute;
  top: 62px;
  left: 497px;
}

.CU-CHUYN-NH-SNG-LP .ion-home {
  position: relative;
  width: 24px;
  height: 24px;
  aspect-ratio: 1;
}

.CU-CHUYN-NH-SNG-LP .vector-3 {
  position: absolute;
  width: 87.53%;
  height: 80.66%;
  top: 19.34%;
  left: 12.47%;
}

.CU-CHUYN-NH-SNG-LP .vector-4 {
  position: absolute;
  width: 96.88%;
  height: 93.75%;
  top: 6.25%;
  left: 3.12%;
}

.CU-CHUYN-NH-SNG-LP .text-wrapper-2 {
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  margin-top: -1px;
  font-family: "Noto Sans JP-Medium", Helvetica;
  font-weight: 500;
  color: #0f4d98;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 25.6px;
  white-space: nowrap;
}

.CU-CHUYN-NH-SNG-LP .text-wrapper-3 {
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  margin-top: -1px;
  font-family: "Noto Sans JP-Regular", Helvetica;
  font-weight: 400;
  color: #333333;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 25.6px;
  white-space: nowrap;
}

.CU-CHUYN-NH-SNG-LP .group-2 {
  position: relative;
  width: 129px;
  height: 26px;
}

.CU-CHUYN-NH-SNG-LP .tuy-n-d-ng {
  position: absolute;
  top: 0;
  left: 0;
  height: 26px;
  display: flex;
  align-items: center;
  font-family: "Noto Sans JP-Regular", Helvetica;
  font-weight: 400;
  color: #333333;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 25.6px;
  white-space: nowrap;
}

.CU-CHUYN-NH-SNG-LP .div-wrapper {
  position: absolute;
  top: 5px;
  left: 95px;
  width: 32px;
  height: 20px;
  display: flex;
  border-radius: 8px;
  background:
    linear-gradient(90deg, rgba(242, 181, 0, 1) 0%, rgba(213, 5, 120, 1) 100%),
    linear-gradient(
      0deg,
      rgba(255, 255, 255, 1) 0%,
      rgba(255, 255, 255, 1) 100%
    );
}

.CU-CHUYN-NH-SNG-LP .text-wrapper-4 {
  display: flex;
  align-items: center;
  margin-top: 2.8px;
  width: 23px;
  height: 16px;
  margin-left: 5.4px;
  font-family: "Sora-Bold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 9.8px;
  letter-spacing: 0;
  line-height: 15.7px;
  white-space: nowrap;
}

.CU-CHUYN-NH-SNG-LP .vector-wrapper {
  position: relative;
  width: 24px;
  height: 24px;
}

.CU-CHUYN-NH-SNG-LP .frame-8 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 8px 16px;
  position: absolute;
  top: calc(50.00% + 4px);
  left: 1277px;
  border-radius: 50px;
  background: linear-gradient(
    90deg,
    rgba(242, 181, 0, 1) 0%,
    rgba(213, 5, 120, 1) 100%
  );
}

.CU-CHUYN-NH-SNG-LP .text-wrapper-5 {
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  margin-top: -1px;
  font-family: "Noto Sans JP-Medium", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 22.4px;
  white-space: nowrap;
}

.CU-CHUYN-NH-SNG-LP .frame-9 {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 19px;
  position: absolute;
  top: 172px;
  left: 342px;
}

.CU-CHUYN-NH-SNG-LP .p {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  background: linear-gradient(
    180deg,
    rgba(15, 77, 152, 1) 0%,
    rgba(25, 159, 90, 1) 100%
  );
  -webkit-background-clip: text !important;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  font-family: "Baloo-Regular", Helvetica;
  font-weight: 400;
  color: transparent;
  font-size: 60px;
  text-align: center;
  letter-spacing: 0;
  line-height: 84px;
  white-space: nowrap;
}

.CU-CHUYN-NH-SNG-LP .chuy-n-c-a-nh-ng-h-t {
  position: relative;
  width: 592px;
  font-family: "Noto Sans JP-Medium", Helvetica;
  font-weight: 500;
  color: #333333;
  font-size: 18px;
  text-align: center;
  letter-spacing: 0;
  line-height: 28.8px;
}

.CU-CHUYN-NH-SNG-LP .group-3 {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 1440px;
  height: 681px;
  display: flex;
}

.CU-CHUYN-NH-SNG-LP .frame-12 {
  display: flex;
  flex: 1;
  width: 1440px;
  position: relative;
  flex-direction: column;
  height: 681px;
  align-items: center;
  gap: 24px;
}

.CU-CHUYN-NH-SNG-LP .frame-13 {
  position: relative;
  width: 1154px;
  height: 613px;
  border-radius: 16px;
  overflow: hidden;
  border: none;
  background: linear-gradient(
    0deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, 1) 100%
  );
}

.CU-CHUYN-NH-SNG-LP .frame-13::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: 16px;
  background: linear-gradient(
    180deg,
    rgba(15, 77, 152, 1) 0%,
    rgba(25, 159, 90, 1) 100%
  );
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: 1;
  pointer-events: none;
}

.CU-CHUYN-NH-SNG-LP .rectangle-3 {
  position: absolute;
  width: 21.32%;
  height: 100%;
  top: 0;
  left: 44.45%;
  background-color: #eefff4;
}

.CU-CHUYN-NH-SNG-LP .rectangle-4 {
  position: absolute;
  width: 28.49%;
  height: 100%;
  top: 0;
  left: 68.63%;
  background-color: #eef6ff;
}

.CU-CHUYN-NH-SNG-LP .list {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 17px;
  position: absolute;
  top: 106px;
  left: 537px;
}

.CU-CHUYN-NH-SNG-LP .frame-14 {
  display: flex;
  flex-direction: column;
  width: 198px;
  align-items: flex-start;
  gap: 24px;
  position: relative;
  flex: 0 0 auto;
}

.CU-CHUYN-NH-SNG-LP .text-wrapper-6 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Noto Sans JP-Medium", Helvetica;
  font-weight: 500;
  color: #199f5a;
  font-size: 24px;
  letter-spacing: 0.48px;
  line-height: 33.6px;
  white-space: nowrap;
}

.CU-CHUYN-NH-SNG-LP .background {
  position: relative;
  width: 4px;
  height: 6px;
  background:
    linear-gradient(90deg, rgba(242, 181, 0, 1) 0%, rgba(213, 5, 120, 1) 100%),
    linear-gradient(0deg, rgba(51, 51, 51, 1) 0%, rgba(51, 51, 51, 1) 100%);
}

.CU-CHUYN-NH-SNG-LP .frame-15 {
  display: flex;
  flex-direction: column;
  width: 266px;
  align-items: flex-start;
  gap: 24px;
  position: absolute;
  top: 106px;
  left: 827px;
  overflow: hidden;
}

.CU-CHUYN-NH-SNG-LP .text-wrapper-7 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Noto Sans JP-Medium", Helvetica;
  font-weight: 500;
  color: #0f4d98;
  font-size: 24px;
  letter-spacing: 0.48px;
  line-height: 33.6px;
  white-space: nowrap;
}

.CU-CHUYN-NH-SNG-LP .frame-16 {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  position: relative;
  flex: 0 0 auto;
  margin-right: -40px;
}

.CU-CHUYN-NH-SNG-LP .text-wrapper-8 {
  position: relative;
  display: flex;
  align-items: center;
  width: 286px;
  margin-top: -1px;
  font-family: "Noto Sans JP-Regular", Helvetica;
  font-weight: 400;
  color: #333333;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 25.6px;
}

.CU-CHUYN-NH-SNG-LP .frame-17 {
  display: flex;
  flex-direction: column;
  width: 405px;
  align-items: flex-start;
  gap: 24px;
  position: absolute;
  top: calc(50.00% - 278px);
  left: 46px;
}

.CU-CHUYN-NH-SNG-LP .frame-18 {
  position: relative;
  width: 195.36px;
  height: 113px;
}

.CU-CHUYN-NH-SNG-LP .vector-5 {
  position: absolute;
  top: -4px;
  left: 119px;
  width: 81px;
  height: 94px;
}

.CU-CHUYN-NH-SNG-LP .vector-6 {
  position: absolute;
  top: -4px;
  left: -4px;
  width: 142px;
  height: 94px;
}

.CU-CHUYN-NH-SNG-LP .vector-7 {
  position: absolute;
  top: 98px;
  left: 0;
  width: 192px;
  height: 14px;
}

.CU-CHUYN-NH-SNG-LP .TR-NG-TRUNG-c-p-k-n {
  position: relative;
  align-self: stretch;
  font-family: "Outfit-SemiBold", Helvetica;
  font-weight: 600;
  color: #0f4d98;
  font-size: 18px;
  letter-spacing: 2px;
  line-height: 28.8px;
}

.CU-CHUYN-NH-SNG-LP .frame-19 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.CU-CHUYN-NH-SNG-LP .frame-20 {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.CU-CHUYN-NH-SNG-LP .mdi-location {
  position: relative;
  width: 32px;
  height: 32px;
}

.CU-CHUYN-NH-SNG-LP .vector-8 {
  position: absolute;
  width: 79.17%;
  height: 91.67%;
  top: 8.33%;
  left: 20.83%;
}

.CU-CHUYN-NH-SNG-LP .div-2 {
  position: relative;
  width: 369px;
  margin-top: -1px;
  margin-right: -4px;
  font-family: "Noto Sans JP-Bold", Helvetica;
  font-weight: 400;
  color: #333333;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 28.8px;
}

.CU-CHUYN-NH-SNG-LP .span {
  font-weight: 700;
}

.CU-CHUYN-NH-SNG-LP .text-wrapper-9 {
  font-family: "Noto Sans JP-Regular", Helvetica;
}

.CU-CHUYN-NH-SNG-LP .vector-9 {
  position: absolute;
  width: 90.66%;
  height: 90.62%;
  top: 9.38%;
  left: 9.34%;
}

.CU-CHUYN-NH-SNG-LP .tel {
  position: relative;
  width: 331px;
  margin-top: -1px;
  font-family: "Noto Sans JP-Bold", Helvetica;
  font-weight: 400;
  color: #333333;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 28.8px;
}

.CU-CHUYN-NH-SNG-LP .vector-10 {
  position: absolute;
  width: 91.67%;
  height: 83.33%;
  top: 16.67%;
  left: 8.33%;
}

.CU-CHUYN-NH-SNG-LP .email-contact-jpc {
  position: relative;
  width: 331px;
  margin-top: -1px;
  font-family: "Noto Sans JP-Bold", Helvetica;
  font-weight: 400;
  color: transparent;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 28.8px;
}

.CU-CHUYN-NH-SNG-LP .text-wrapper-10 {
  font-weight: 700;
  color: #333333;
}

.CU-CHUYN-NH-SNG-LP .text-wrapper-11 {
  font-family: "Noto Sans JP-Regular", Helvetica;
  color: #333333;
}

.CU-CHUYN-NH-SNG-LP .text-wrapper-12 {
  font-family: "Noto Sans JP-Regular", Helvetica;
  color: #0044cc;
}

.CU-CHUYN-NH-SNG-LP .frame-21 {
  display: flex;
  flex-direction: column;
  width: 266px;
  align-items: flex-start;
  gap: 8px;
  position: absolute;
  top: 364px;
  left: 827px;
}

.CU-CHUYN-NH-SNG-LP .image-wrapper {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 145px;
  background-color: #ffffff;
}

.CU-CHUYN-NH-SNG-LP .image-3 {
  position: absolute;
  top: 0;
  left: 0;
  width: 266px;
  height: 145px;
}

.CU-CHUYN-NH-SNG-LP .frame-22 {
  display: flex;
  align-items: flex-start;
  gap: 9.02px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.CU-CHUYN-NH-SNG-LP .social-icons-2 {
  position: relative;
  width: 34.73px;
  height: 34.73px;
  aspect-ratio: 1;
  background-image: url(../images/gioithieu/cauchuyennhasanglap/BG-8.svg);
  background-size: 100% 100%;
}

.CU-CHUYN-NH-SNG-LP .image-4 {
  position: absolute;
  width: 82.05%;
  height: 82.05%;
  top: 17.95%;
  left: 17.95%;
}

.CU-CHUYN-NH-SNG-LP .social-icons-3 {
  position: relative;
  width: 34.73px;
  height: 34.73px;
  aspect-ratio: 1;
  background-image: url(../images/gioithieu/cauchuyennhasanglap/BG.svg);
  background-size: 100% 100%;
}

.CU-CHUYN-NH-SNG-LP .icon-bi-facebook-2 {
  position: absolute;
  width: 82.05%;
  height: 82.06%;
  top: 17.94%;
  left: 17.95%;
}

.CU-CHUYN-NH-SNG-LP .social-icons-4 {
  position: relative;
  width: 34.73px;
  height: 34.73px;
  aspect-ratio: 1;
  background-image: url(../images/gioithieu/cauchuyennhasanglap/BG-7.svg);
  background-size: 100% 100%;
}

.CU-CHUYN-NH-SNG-LP .path-2 {
  position: absolute;
  width: 82.05%;
  height: 72.99%;
  top: 27.01%;
  left: 17.95%;
}

.CU-CHUYN-NH-SNG-LP .social-icons-5 {
  position: relative;
  width: 34.73px;
  height: 34.73px;
  aspect-ratio: 1;
  background-image: url(../images/gioithieu/cauchuyennhasanglap/BG-2.svg);
  background-size: 100% 100%;
}

.CU-CHUYN-NH-SNG-LP .icon-foundation-2 {
  position: absolute;
  width: 82.97%;
  height: 82.97%;
  top: 17.03%;
  left: 17.03%;
}

.CU-CHUYN-NH-SNG-LP .frame-23 {
  position: relative;
  width: 34.73px;
  height: 34.73px;
  background-color: #ffffff;
  border-radius: 72.35px;
}

.CU-CHUYN-NH-SNG-LP .tik-tok-2 {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 26px;
  height: 26px;
  aspect-ratio: 1;
}

.CU-CHUYN-NH-SNG-LP .image-5 {
  position: absolute;
  top: calc(50.00% - 14px);
  left: calc(50.00% - 14px);
  width: 28px;
  height: 29px;
  aspect-ratio: 0.98;
}

.CU-CHUYN-NH-SNG-LP .frame-24 {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 44px;
  background: linear-gradient(
    0deg,
    rgba(15, 77, 152, 1) 0%,
    rgba(15, 77, 152, 1) 100%
  );
}

.CU-CHUYN-NH-SNG-LP .text-wrapper-13 {
  position: absolute;
  top: calc(50.00% - 12px);
  left: calc(50.00% - 262px);
  height: 20px;
  display: flex;
  align-items: center;
  font-family: "Noto Sans JP-Medium", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 14px;
  letter-spacing: 2px;
  line-height: 19.6px;
  white-space: nowrap;
}

.CU-CHUYN-NH-SNG-LP .ellipse {
  position: absolute;
  top: 718px;
  left: 821px;
  width: 31px;
  height: 20px;
  background-color: #ffffff;
  border-radius: 15.48px / 10.22px;
  border: none;
  box-shadow: 0px 7px 4px #00000029;
}

.CU-CHUYN-NH-SNG-LP .ellipse::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: 15.48px / 10.22px;
  background: linear-gradient(
    180deg,
    rgba(15, 77, 152, 1) 0%,
    rgba(25, 159, 90, 1) 100%
  );
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: 1;
  pointer-events: none;
}

.CU-CHUYN-NH-SNG-LP .ellipse-2 {
  position: absolute;
  top: 738px;
  left: 806px;
  width: 18px;
  height: 12px;
  background-color: #ffffff;
  border-radius: 9.14px / 6.04px;
  border: none;
  box-shadow: 0px 7px 4px #00000029;
}

.CU-CHUYN-NH-SNG-LP .ellipse-2::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: 9.14px / 6.04px;
  background: linear-gradient(
    180deg,
    rgba(15, 77, 152, 1) 0%,
    rgba(25, 159, 90, 1) 100%
  );
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: 1;
  pointer-events: none;
}

.CU-CHUYN-NH-SNG-LP .group-4 {
  position: absolute;
  top: 1646px;
  left: calc(50.00% - 724px);
  width: 1448px;
  height: 1138px;
}

.CU-CHUYN-NH-SNG-LP .rectangle-5 {
  position: absolute;
  top: 0;
  left: calc(50.00% - 720px);
  width: 1440px;
  height: 1019px;
  background:
    linear-gradient(
      180deg,
      rgba(15, 77, 152, 0.9) 0%,
      rgba(28, 123, 75, 0.9) 100%
    ),
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 1) 0%,
      rgba(255, 255, 255, 0) 13%,
      rgba(255, 255, 255, 0) 78%,
      rgba(255, 255, 255, 1) 96%
    );
}

.CU-CHUYN-NH-SNG-LP .v-y-m-g-n-hai-m-i-n {
  position: absolute;
  top: 59px;
  left: 278px;
  width: 645px;
  font-family: "Sora-SemiBold", Helvetica;
  font-weight: 600;
  color: #ffffff;
  font-size: 18px;
  text-align: justify;
  letter-spacing: 0;
  line-height: 28.8px;
}

.CU-CHUYN-NH-SNG-LP .group-5 {
  position: absolute;
  top: 208px;
  left: 179px;
  width: 1089px;
  height: 538px;
}

.CU-CHUYN-NH-SNG-LP .rectangle-6 {
  position: absolute;
  top: 1px;
  left: 3px;
  width: 1101px;
  height: 563px;
}

.CU-CHUYN-NH-SNG-LP .element-s {
  position: absolute;
  top: 42px;
  left: 22px;
  width: 56px;
  height: 86px;
}

.CU-CHUYN-NH-SNG-LP .image-6 {
  position: absolute;
  top: 27px;
  left: 484px;
  width: 553px;
  height: 403px;
}

.CU-CHUYN-NH-SNG-LP .image-7 {
  position: absolute;
  top: 98px;
  left: 52px;
  width: 478px;
  height: 386px;
}

.CU-CHUYN-NH-SNG-LP .element-q-s-m {
  position: absolute;
  top: 9px;
  left: 1024px;
  width: 56px;
  height: 63px;
}

.CU-CHUYN-NH-SNG-LP .nh-ng-v-i-t-i-i-u {
  position: absolute;
  top: 791px;
  left: calc(50.00% - 341px);
  width: 717px;
  font-family: "Sora-SemiBold", Helvetica;
  font-weight: 600;
  color: #ffffff;
  font-size: 18px;
  text-align: center;
  letter-spacing: 0;
  line-height: 28.8px;
}

.CU-CHUYN-NH-SNG-LP .vector-11 {
  position: absolute;
  top: 76px;
  left: 4px;
  width: 381px;
  height: 857px;
}

.CU-CHUYN-NH-SNG-LP .group-6 {
  position: absolute;
  top: 900px;
  left: 303px;
  width: 957px;
  height: 238px;
}

.CU-CHUYN-NH-SNG-LP .vector-12 {
  position: absolute;
  top: 0;
  left: -4px;
  width: 963px;
  height: 262px;
}

.CU-CHUYN-NH-SNG-LP .th-y-i-nh-i-nh-t-m {
  position: absolute;
  top: 42px;
  left: 48px;
  width: 806px;
  height: 135px;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-text-stroke: 1.09px #ff0000;
  background: linear-gradient(
    180deg,
    rgba(15, 77, 152, 1) 0%,
    rgba(25, 159, 90, 1) 100%
  );
  -webkit-background-clip: text !important;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  font-family: "Baloo-Regular", Helvetica;
  font-weight: 400;
  color: transparent;
  font-size: 32px;
  text-align: center;
  letter-spacing: 1.48px;
  line-height: 44.8px;
}

.CU-CHUYN-NH-SNG-LP .group-7 {
  position: absolute;
  top: 5904px;
  left: calc(50.00% - 554px);
  width: 1108px;
  height: 1013px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 27.1px;
}

.CU-CHUYN-NH-SNG-LP .c-l-nh-nh-ng-i-u-b-wrapper {
  display: flex;
  height: 145px;
  width: 1108px;
  position: relative;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}

.CU-CHUYN-NH-SNG-LP .c-l-nh-nh-ng-i-u-b {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: "Sora-Regular", Helvetica;
  font-weight: 400;
  color: #333333;
  font-size: 18px;
  text-align: justify;
  letter-spacing: 0;
  line-height: 28.8px;
}

.CU-CHUYN-NH-SNG-LP .group-8 {
  margin-left: -7.4px;
  height: 840.62px;
  width: 1119.48px;
}

.CU-CHUYN-NH-SNG-LP .group-9 {
  position: absolute;
  top: 6987px;
  left: 240px;
  width: 964px;
  height: 552px;
}

.CU-CHUYN-NH-SNG-LP .rectangle-7 {
  position: absolute;
  top: 88px;
  left: 10px;
  width: 906px;
  height: 464px;
}

.CU-CHUYN-NH-SNG-LP .frame-25 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  position: absolute;
  top: 0;
  left: 34px;
}

.CU-CHUYN-NH-SNG-LP .thit-k-cha-c-tn {
  position: relative;
  width: 277.95px;
  height: 417px;
}

.CU-CHUYN-NH-SNG-LP .nh-s-ng-l-p-l-LONG-s-wrapper {
  display: flex;
  width: 278px;
  align-items: flex-start;
  justify-content: center;
  gap: 10px;
  padding: 10px;
  position: relative;
  flex: 0 0 auto;
}

.CU-CHUYN-NH-SNG-LP .nh-s-ng-l-p-l-LONG-s {
  position: relative;
  width: 209px;
  margin-top: -1px;
  font-family: "Noto Sans JP-Medium", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 18px;
  text-align: center;
  letter-spacing: 0;
  line-height: 28.8px;
}

.CU-CHUYN-NH-SNG-LP .image-8 {
  position: absolute;
  top: 178px;
  left: 299px;
  width: 34px;
  height: 33px;
}

.CU-CHUYN-NH-SNG-LP .c-u-chuy-n-n-y-kh-ng {
  position: absolute;
  top: 173px;
  left: 350px;
  width: 501px;
  font-family: "Noto Sans JP-Medium", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 18px;
  text-align: justify;
  letter-spacing: 0;
  line-height: 28.8px;
}

.CU-CHUYN-NH-SNG-LP .l-i-u-t-i-lu-n-tin-t {
  position: absolute;
  top: 420px;
  left: 337px;
  width: 501px;
  font-family: "Noto Sans JP-Medium", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 18px;
  text-align: justify;
  letter-spacing: 0;
  line-height: 28.8px;
}

.CU-CHUYN-NH-SNG-LP .group-10 {
  position: absolute;
  top: 2867px;
  left: 203px;
  width: 1036px;
  height: 750px;
}

.CU-CHUYN-NH-SNG-LP .rectangle-8 {
  position: absolute;
  top: 360px;
  left: 0;
  width: 460px;
  height: 271px;
  background:
    linear-gradient(180deg, rgba(15, 77, 152, 1) 0%, rgba(25, 159, 90, 1) 100%),
    linear-gradient(
      0deg,
      rgba(217, 217, 217, 1) 0%,
      rgba(217, 217, 217, 1) 100%
    );
}

.CU-CHUYN-NH-SNG-LP .rectangle-9 {
  position: absolute;
  top: 60px;
  left: 574px;
  width: 460px;
  height: 271px;
  background:
    linear-gradient(180deg, rgba(15, 77, 152, 1) 0%, rgba(25, 159, 90, 1) 100%),
    linear-gradient(
      0deg,
      rgba(217, 217, 217, 1) 0%,
      rgba(217, 217, 217, 1) 100%
    );
}

.CU-CHUYN-NH-SNG-LP .rectangle-10 {
  position: absolute;
  top: 467px;
  left: 860px;
  width: 147px;
  height: 263px;
  background:
    linear-gradient(180deg, rgba(15, 77, 152, 1) 0%, rgba(25, 159, 90, 1) 100%),
    linear-gradient(
      0deg,
      rgba(217, 217, 217, 1) 0%,
      rgba(217, 217, 217, 1) 100%
    );
}

.CU-CHUYN-NH-SNG-LP .rectangle-11 {
  position: absolute;
  top: 71px;
  left: 285px;
  width: 715px;
  height: 643px;
}

.CU-CHUYN-NH-SNG-LP .ellipse-3 {
  position: absolute;
  top: 682px;
  left: 426px;
  width: 201px;
  height: 61px;
  background-color: #00000066;
  border-radius: 100.29px / 30.62px;
  transform: rotate(3.71deg);
  filter: blur(15.4px);
}

.CU-CHUYN-NH-SNG-LP .image-9 {
  position: absolute;
  top: 122px;
  left: 593px;
  width: 34px;
  height: 33px;
}

.CU-CHUYN-NH-SNG-LP .image-10 {
  position: absolute;
  top: 0;
  left: 26px;
  width: 522px;
  height: 603px;
}

.CU-CHUYN-NH-SNG-LP .t-i-lu-n-t-m-ni-m-r {
  position: absolute;
  top: 128px;
  left: 643px;
  width: 310px;
  font-family: "Sora-Regular", Helvetica;
  font-weight: 400;
  color: #333333;
  font-size: 18px;
  text-align: justify;
  letter-spacing: 1.44px;
  line-height: 28.8px;
}

.CU-CHUYN-NH-SNG-LP .gemini-generated {
  position: absolute;
  top: 111px;
  left: 422px;
  width: 211px;
  height: 635px;
}

.CU-CHUYN-NH-SNG-LP .group-11 {
  position: absolute;
  top: 3721px;
  left: 152px;
  width: 1136px;
  height: 2060px;
}

.CU-CHUYN-NH-SNG-LP .rectangle-12 {
  position: absolute;
  top: 207px;
  left: 18px;
  width: 69px;
  height: 1603px;
}

.CU-CHUYN-NH-SNG-LP .rectangle-13 {
  position: absolute;
  top: 168px;
  left: 265px;
  width: 41px;
  height: 582px;
  border: 10px solid;
  border-color: #ffffff;
  background:
    linear-gradient(
      180deg,
      rgba(15, 77, 152, 0.9) 0%,
      rgba(28, 123, 75, 0.9) 100%
    ),
    linear-gradient(0deg, rgba(42, 107, 140, 1) 0%, rgba(42, 107, 140, 1) 100%);
}

.CU-CHUYN-NH-SNG-LP .rectangle-14 {
  position: absolute;
  top: 61px;
  left: 285px;
  width: 69px;
  height: 717px;
}

.CU-CHUYN-NH-SNG-LP .rectangle-15 {
  position: absolute;
  top: -10px;
  left: calc(50.00% - 245px);
  width: 795px;
  height: 818px;
}

.CU-CHUYN-NH-SNG-LP .group-12 {
  position: absolute;
  top: 59px;
  left: 54px;
  width: 1027px;
  height: 671px;
  display: flex;
  flex-direction: column;
  gap: 59.6px;
}

.CU-CHUYN-NH-SNG-LP .h-n-n-m-qua {
  margin-left: 331.8px;
  width: 693.65px;
  height: 145px;
  margin-top: 0;
  font-family: "Sora-SemiBold", Helvetica;
  font-weight: 600;
  color: #ffffff;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 28.8px;
}

.CU-CHUYN-NH-SNG-LP .group-wrapper {
  width: 716.21px;
  display: flex;
  justify-content: center;
}

.CU-CHUYN-NH-SNG-LP .group-13 {
  width: 716.21px;
  height: 466px;
  display: flex;
  justify-content: center;
}

.CU-CHUYN-NH-SNG-LP .image-11 {
  margin-top: -10px;
  width: 736.21px;
  height: 486px;
}

.CU-CHUYN-NH-SNG-LP .group-14 {
  position: absolute;
  width: 527px;
  height: 722px;
  top: 283px;
  left: 582px;
}

.CU-CHUYN-NH-SNG-LP .group-15 {
  position: absolute;
  top: 1050px;
  left: calc(50.00% - 568px);
  width: 1136px;
  height: 744px;
}

.CU-CHUYN-NH-SNG-LP .rectangle-16 {
  position: absolute;
  top: 0;
  left: calc(50.00% - 131px);
  width: 403px;
  height: 179px;
  background:
    linear-gradient(
      180deg,
      rgba(15, 77, 152, 0.9) 0%,
      rgba(28, 123, 75, 0.9) 100%
    ),
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 1) 0%,
      rgba(255, 255, 255, 0) 13%,
      rgba(255, 255, 255, 0) 78%,
      rgba(255, 255, 255, 1) 96%
    );
}

.CU-CHUYN-NH-SNG-LP .image-12 {
  position: absolute;
  top: 102px;
  left: calc(50.00% - 568px);
  width: 1136px;
  height: 642px;
  aspect-ratio: 1.77;
}

.CU-CHUYN-NH-SNG-LP .v-h-m-nay-ch-ng-t-i-wrapper {
  display: flex;
  width: 740px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 32px;
  position: absolute;
  top: 17px;
  left: 78px;
  background-color: #ffffff;
  box-shadow: -6px 13px 16px #00000029;
}

.CU-CHUYN-NH-SNG-LP .v-h-m-nay-ch-ng-t-i {
  position: relative;
  flex: 1;
  margin-top: -1px;
  font-family: "Sora-Regular", Helvetica;
  font-weight: 400;
  color: #333333;
  font-size: 18px;
  letter-spacing: 1.44px;
  line-height: 28.8px;
}

.CU-CHUYN-NH-SNG-LP .group-16 {
  position: absolute;
  width: 1012px;
  height: 385px;
  top: 1675px;
  left: 90px;
  display: flex;
}

.CU-CHUYN-NH-SNG-LP .group-17 {
  width: 1019.77px;
  height: 407.16px;
  margin-left: -4px;
}

.CU-CHUYN-NH-SNG-LP .group-18 {
  position: absolute;
  top: 777px;
  left: 46px;
  width: 146px;
  height: 229px;
}

.CU-CHUYN-NH-SNG-LP .group-19 {
  position: absolute;
  top: 338px;
  left: 187px;
  width: 1211px;
  height: 1417px;
}

.CU-CHUYN-NH-SNG-LP .group-20 {
  position: absolute;
  top: 45px;
  left: 0;
  width: 513px;
  height: 378px;
}

.CU-CHUYN-NH-SNG-LP .vector-13 {
  position: absolute;
  top: 0;
  left: -14px;
  width: 523px;
  height: 393px;
}

.CU-CHUYN-NH-SNG-LP .th-y-s-n-con-t-i-v-a {
  position: absolute;
  top: 151px;
  left: 49px;
  width: 370px;
  font-family: "Sora-SemiBold", Helvetica;
  font-weight: 600;
  color: #ffffff;
  font-size: 18px;
  text-align: justify;
  letter-spacing: 0;
  line-height: 28.8px;
}

.CU-CHUYN-NH-SNG-LP .v-o-m-t-bu-i-chi-u-c {
  position: absolute;
  top: 82px;
  left: 88px;
  width: 361px;
  font-family: "Sora-SemiBold", Helvetica;
  font-weight: 600;
  color: #ffffff;
  font-size: 18px;
  text-align: justify;
  letter-spacing: 0;
  line-height: 28.8px;
}

.CU-CHUYN-NH-SNG-LP .image-13 {
  position: absolute;
  top: 91px;
  left: 34px;
  width: 34px;
  height: 33px;
}

.CU-CHUYN-NH-SNG-LP .group-21 {
  position: absolute;
  top: 0;
  left: 601px;
  width: 614px;
  height: 468px;
}

.CU-CHUYN-NH-SNG-LP .union {
  position: absolute;
  top: 0;
  left: -6px;
  width: 619px;
  height: 488px;
}

.CU-CHUYN-NH-SNG-LP .nhng-ngy-thng-u-tin {
  position: absolute;
  top: 208px;
  left: 24px;
  width: 551px;
  height: 72px;
}

.CU-CHUYN-NH-SNG-LP .chnh-nhng-ngy-thng-c {
  position: absolute;
  top: 305px;
  left: 140px;
  width: 343px;
  height: 94px;
}

.CU-CHUYN-NH-SNG-LP .text-wrapper-14 {
  position: absolute;
  top: 60px;
  left: 113px;
  width: 373px;
  font-family: "Sora-Regular", Helvetica;
  font-weight: 400;
  color: #333333;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0;
  line-height: 25.6px;
}

.CU-CHUYN-NH-SNG-LP .gemini-generated-2 {
  position: absolute;
  top: 303px;
  left: 423px;
  width: 274px;
  height: 397px;
  aspect-ratio: 0.67;
  object-fit: cover;
}

.CU-CHUYN-NH-SNG-LP .text-wrapper-15 {
  position: absolute;
  top: 1105px;
  left: 355px;
  width: 422px;
  font-family: "Sora-SemiBold", Helvetica;
  font-weight: 600;
  color: #333333;
  font-size: 18px;
  text-align: right;
  letter-spacing: 0.72px;
  line-height: 28.8px;
}

.CU-CHUYN-NH-SNG-LP .group-22 {
  position: absolute;
  top: 567px;
  left: 71px;
  width: 927px;
  height: 556px;
}

.CU-CHUYN-NH-SNG-LP .group-23 {
  position: absolute;
  top: 89px;
  left: 0;
  width: 927px;
  height: 467px;
}

.CU-CHUYN-NH-SNG-LP .rectangle-17 {
  position: absolute;
  top: 3px;
  left: 489px;
  width: 438px;
  height: 252px;
}

.CU-CHUYN-NH-SNG-LP .rectangle-18 {
  position: absolute;
  top: 215px;
  left: 0;
  width: 438px;
  height: 250px;
}

.CU-CHUYN-NH-SNG-LP .image-14 {
  position: absolute;
  top: 38px;
  left: calc(50.00% - 452px);
  width: 901px;
  height: 391px;
  aspect-ratio: 2.33;
  object-fit: cover;
}

.CU-CHUYN-NH-SNG-LP .element {
  position: absolute;
  top: 0;
  left: 16px;
  width: 893px;
  height: 178px;
  object-fit: cover;
}

.CU-CHUYN-NH-SNG-LP .group-24 {
  z-index: 1;
  position: absolute;
  top: 751px;
  left: 804px;
  width: 325px;
  height: 666px;
}

.CU-CHUYN-NH-SNG-LP .group-25 {
  position: absolute;
  top: 30px;
  left: 213px;
  width: 120px;
  height: 561px;
  display: flex;
  transform: rotate(30deg);
}

.CU-CHUYN-NH-SNG-LP .rectangle-19 {
  margin-top: 20.1px;
  width: 70.18px;
  height: 523.03px;
  margin-left: 6px;
  transform: rotate(-30deg);
}

.CU-CHUYN-NH-SNG-LP .rectangle-20 {
  margin-top: 6.8px;
  width: 9.78px;
  height: 513.79px;
  margin-left: 0.2px;
  transform: rotate(-30deg);
}

.CU-CHUYN-NH-SNG-LP .rectangle-21 {
  margin-top: 5.6px;
  width: 16.3px;
  height: 507.15px;
  margin-left: 3.4px;
  transform: rotate(-30deg);
}

.CU-CHUYN-NH-SNG-LP .t-nh-ng-tr-i-nghi-m-wrapper {
  display: flex;
  width: 274px;
  height: 624px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 24px;
  position: absolute;
  top: 42px;
  left: 0;
  background-color: #ffffff;
  border: 8px solid;
  border-color: transparent;
  box-shadow: -14px -17px 4px #00000029;
  border-image: linear-gradient(
      90deg,
      rgba(242, 181, 0, 1) 0%,
      rgba(213, 5, 120, 1) 100%
    )
    1;
}

.CU-CHUYN-NH-SNG-LP .t-nh-ng-tr-i-nghi-m {
  position: relative;
  width: 226px;
  margin-top: 20px;
  font-family: "Sora-Regular", Helvetica;
  font-weight: 400;
  color: #333333;
  font-size: 18px;
  text-align: center;
  letter-spacing: 0.72px;
  line-height: 31.7px;
}

/* Custom typography override for the SVG-replaced text elements in section 1 */
.CU-CHUYN-NH-SNG-LP .nhng-ngy-thng-u-tin,
.CU-CHUYN-NH-SNG-LP .chnh-nhng-ngy-thng-c {
	font-family: 'Sora', sans-serif;
	font-weight: 400;
	color: #333333;
	font-size: 16px;
	text-align: justify;
	letter-spacing: 0;
	line-height: 25.6px;
}

/* Standard page background & title structure matching JPC site architecture */
.aboutus_head {
	background: #F8F9FA !important;
	padding-top: 104px !important;
	padding-bottom: 20px !important;
}

.aboutus_nsl {
	background: #F8F9FA !important;
	padding: 0 !important;
	margin: 0 !important;
}

.founder-story-page-wrapper {
	background: #F8F9FA !important;
}

.CU-CHUYN-NH-SNG-LP {
	background-color: transparent !important;
	margin-top: 0 !important;
	height: 7239px !important;
	min-height: 7239px !important;
}

/* Explicit top offset recalculation & Z-Index layering for all primary coordinate groups */
.CU-CHUYN-NH-SNG-LP .group-19 { top: 10px !important; z-index: 10; }
.CU-CHUYN-NH-SNG-LP .ellipse  { top: 390px !important; z-index: 15 !important; }
.CU-CHUYN-NH-SNG-LP .ellipse-2 { top: 410px !important; z-index: 15 !important; }
.CU-CHUYN-NH-SNG-LP .group-4  { top: 1318px !important; z-index: 20; }
.CU-CHUYN-NH-SNG-LP .group-10 { top: 2539px !important; z-index: 30; }
.CU-CHUYN-NH-SNG-LP .group-11 { top: 3393px !important; z-index: 40; }
.CU-CHUYN-NH-SNG-LP .group-7  { top: 5576px !important; z-index: 50; }
.CU-CHUYN-NH-SNG-LP .group-9  { top: 6659px !important; z-index: 60; }




/* Full-width Section 2 background panel styles */
.full-width-section-bg {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 1;
	background: 
		linear-gradient(180deg, rgba(15, 77, 152, 0.9) 0%, rgba(28, 123, 75, 0.9) 100%),
		linear-gradient(180deg, rgba(248, 249, 250, 1) 0%, rgba(248, 249, 250, 0) 13%, rgba(248, 249, 250, 0) 78%, rgba(248, 249, 250, 1) 96%);
}

/* Hide original confined background panel of section 2 inside the scaled container */
.CU-CHUYN-NH-SNG-LP .rectangle-5 {
	display: none !important;
}

/* Position decorative ribbon vector-11-bg flush to the left of full-width background panel */
.full-width-section-bg .vector-11-bg {
	position: absolute;
	top: 76px;
	left: 0;
	width: 381px;
	height: 857px;
	pointer-events: none;
	z-index: 1;
}