/* Shared secondary-category presentation for the canonical business pages. */
body.secondary-v3{
  --v3-blue:#0071e3;
  --v3-cyan:#22b8cf;
  --v3-navy:#071f50;
  --v3-muted:#68758a;
  overflow-x:hidden;
}

body.secondary-v3 .hero.v3-hero{
  position:relative;
  min-height:660px;
  padding:0;
  overflow:hidden;
  isolation:isolate;
  background:#061a3f;
  color:#fff;
}
body.secondary-v3 .v3-hero-bg{
  position:absolute;
  top:0;right:0;bottom:0;left:0;inset:0;
  z-index:-2;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
body.secondary-v3 .hero.v3-hero::before{
  content:"";
  position:absolute;
  top:0;right:0;bottom:0;left:0;inset:0;
  z-index:-1;
  background:
    linear-gradient(180deg,rgba(3,15,38,.24),rgba(3,18,48,.72) 58%,rgba(3,18,48,.95)),
    radial-gradient(circle at 50% 56%,rgba(0,113,227,.22),transparent 48%);
}
body.secondary-v3 .hero.v3-hero>.wrap{
  display:flex;
  align-items:flex-end;
  justify-content:center;
  min-height:660px;
  padding:108px 0 72px;
}
body.secondary-v3 .v3-hero .breadcrumb,
body.secondary-v3 .v3-hero .poster-card,
body.secondary-v3 .v3-hero .delivery-card{display:none}
body.secondary-v3 .v3-hero .hero-grid{display:block;width:100%}
body.secondary-v3 .v3-hero .hero-copy{
  width:100%;
  max-width:1140px;
  margin:0 auto;
  text-align:center;
}
body.secondary-v3 .v3-hero .hero-label,
body.secondary-v3 .v3-hero .hero-label.lg{
  display:inline-flex;
  align-items:center;
  margin:0 0 18px;
  padding:8px 15px;
  border:1px solid rgba(255,255,255,.26);
  border-radius:999px;
  background:rgba(4,28,70,.55);
  color:#fff;
  font-size:13px;
  line-height:1.4;
  box-shadow:none;
  backdrop-filter:blur(12px);
}
body.secondary-v3 .v3-hero .hero-label i{box-shadow:0 0 0 5px rgba(255,138,0,.18)}
body.secondary-v3 .v3-hero .v3-hero-en{
  display:block;
  margin:0 0 10px;
  color:#9fc9f8;
  font-size:clamp(17px,1.5vw,22px);
  font-weight:750;
  letter-spacing:3px;
  line-height:1.2;
  text-transform:uppercase;
}
body.secondary-v3 .v3-hero h1{
  max-width:none;
  margin:0;
  color:#fff;
  font-size:clamp(50px,5.2vw,74px);
  line-height:1.05;
  letter-spacing:-1.8px;
  text-wrap:balance;
}
body.secondary-v3 .v3-hero h1 .kx{display:inline}
body.secondary-v3 .v3-hero h1 .kx+.kx{margin-left:.18em}
body.secondary-v3 .v3-hero .hero-cores{display:none}
body.secondary-v3 .v3-hero .hero-copy>p:not(.hero-slogan){
  max-width:900px;
  margin:22px auto 0;
  color:#e2ecf9;
  font-size:18px;
  line-height:1.75;
  text-wrap:balance;
}
body.secondary-v3 .v3-hero .hero-copy>p b{color:#fff}
body.secondary-v3 .v3-hero .hero-points{
  display:flex;
  justify-content:center;
  gap:10px 24px;
  flex-wrap:wrap;
  margin:22px auto 0;
}
body.secondary-v3 .v3-hero .hero-points span{
  position:relative;
  padding:0;
  border:0;
  background:transparent;
  color:#fff;
  font-size:14px;
  font-weight:800;
}
body.secondary-v3 .v3-hero .hero-points span::before{display:none}
body.secondary-v3 .v3-hero .hero-points span+span::after{
  content:"";
  position:absolute;
  left:-14px;
  top:.58em;
  width:4px;
  height:4px;
  border-radius:50%;
  background:#67c7ff;
}
body.secondary-v3 .v3-hero .hero-slogan{
  width:auto;
  max-width:none;
  margin:18px auto 0;
  color:#9fc9f8;
  font-size:14px;
  letter-spacing:.5px;
  text-align:center;
}
body.secondary-v3 .v3-hero .hero-subtitle{
  max-width:720px;
  margin:18px auto 0;
  color:#e2ecf9;
  font-size:18px;
  line-height:1.5;
  text-align:center;
}
body.secondary-v3 .v3-hero .hero-trust{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:10px 26px;
  margin:22px auto 0;
}
body.secondary-v3 .v3-hero .hero-trust span{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:#e2ecf9;
  font-size:14px;
  font-weight:700;
}
body.secondary-v3 .v3-hero .hero-trust span .ic{
  width:17px;
  height:17px;
  color:#67c7ff;
}
body.secondary-v3 .v3-hero .hero-btns{justify-content:center;margin-top:28px}
body.secondary-v3 .v3-hero .btn-line{
  border-color:rgba(255,255,255,.45);
  background:rgba(255,255,255,.1);
  color:#fff;
  backdrop-filter:blur(10px);
}
body.secondary-v3 .v3-hero .btn-line:hover{background:rgba(255,255,255,.18)}

body.secondary-v3 .section-head{
  max-width:900px;
  margin:0 auto 52px;
  text-align:center;
}
body.secondary-v3 .section-head .eyebrow{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  margin-bottom:13px;
  color:var(--v3-blue);
  font-size:clamp(22px,1.7vw,24px);
  font-weight:850;
  letter-spacing:2px;
}
body.secondary-v3 .section-head .eyebrow::before,
body.secondary-v3 .section-head .eyebrow::after{
  content:"";
  flex:0 0 34px;
  width:34px;
  height:3px;
  border-radius:2px;
  background:linear-gradient(90deg,var(--v3-blue),var(--v3-cyan));
}
body.secondary-v3 .section-head .eyebrow::after{
  background:linear-gradient(90deg,var(--v3-cyan),var(--v3-blue));
}
body.secondary-v3 .section-head .v3-title-lead{
  display:block;
  margin:0 0 9px;
  color:#8ab8ea;
  font-size:14px;
  font-weight:700;
  letter-spacing:2px;
  line-height:1.2;
  text-transform:uppercase;
}
body.secondary-v3 .section-head h2{
  max-width:1240px;
  margin:0 auto;
  font-size:clamp(36px,3.2vw,48px);
  line-height:1.1;
  letter-spacing:-1px;
  text-align:center;
  white-space:nowrap;
}
body.secondary-v3 .section-head p{
  max-width:820px;
  margin:16px auto 0;
  color:var(--v3-muted);
  font-size:17px;
  line-height:1.8;
  text-align:center;
}

body.secondary-v3 .light-cta{
  margin:0!important;
  padding:20px 0!important;
  border:0!important;
  background:#f4f8fd!important;
}
body.secondary-v3 .light-cta-inner{
  min-height:104px!important;
  padding:22px 34px!important;
  align-items:center!important;
}
body.secondary-v3 .light-cta h2,
body.secondary-v3 .light-cta h3{margin:0 0 6px!important}
body.secondary-v3 .light-cta p{margin:0!important}

body.secondary-v3 #plans{
  background:
    radial-gradient(circle at 8% 16%,rgba(0,113,227,.26),transparent 34%),
    radial-gradient(circle at 92% 82%,rgba(34,184,207,.13),transparent 30%),
    var(--v3-navy);
}
body.secondary-v3 #plans .section-head h2{color:#fff}
body.secondary-v3 #plans .section-head p{color:#a9bedb}
body.secondary-v3 #plans .section-head .eyebrow{color:#73c9ff}

body.secondary-v3 #flow{
  background:
    radial-gradient(circle at 0 0,rgba(34,184,207,.12),transparent 32%),
    linear-gradient(180deg,#eef7ff,#fff);
}
body.secondary-v3 .v3-process-scroll{
  overflow-x:auto;
  padding:6px 4px 18px;
  scrollbar-width:thin;
}
body.secondary-v3 #flow .flow-grid,
body.secondary-v3 #flow .kaoyan-phases,
body.secondary-v3 #flow .abroad-phases,
body.secondary-v3 #flow .employment-phases{
  position:relative;
  display:grid!important;
  gap:12px!important;
  min-width:1080px;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.secondary-v3 #flow .flow-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}
body.secondary-v3 #flow .kaoyan-phases,
body.secondary-v3 #flow .employment-phases{grid-template-columns:repeat(6,minmax(0,1fr))!important}
body.secondary-v3 #flow .abroad-phases{grid-template-columns:repeat(7,minmax(0,1fr))!important}
body.secondary-v3 #flow .flow-grid::before,
body.secondary-v3 #flow .kaoyan-phases::before,
body.secondary-v3 #flow .abroad-phases::before,
body.secondary-v3 #flow .employment-phases::before{
  content:"";
  position:absolute;
  top:30px;
  left:7%;
  right:7%;
  height:2px;
  background:linear-gradient(90deg,var(--v3-blue),var(--v3-cyan));
  opacity:.28;
}
body.secondary-v3 #flow .phase-card,
body.secondary-v3 #flow .phase-steps{display:contents!important}
body.secondary-v3 #flow .phase-heading{display:none!important}
body.secondary-v3 #flow .flow-step,
body.secondary-v3 #flow .phase-step{
  position:relative;
  z-index:1;
  display:block!important;
  min-width:0;
  padding:0 10px!important;
  border:0!important;
  background:transparent!important;
  color:inherit!important;
  text-align:center;
  box-shadow:none!important;
}
body.secondary-v3 #flow .flow-num,
body.secondary-v3 #flow .phase-step em{
  display:grid!important;
  place-items:center;
  width:60px!important;
  height:60px!important;
  margin:0 auto 18px!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:linear-gradient(135deg,var(--v3-blue),var(--v3-cyan))!important;
  color:#fff!important;
  font-size:18px!important;
  font-style:normal;
  font-weight:900;
  box-shadow:0 8px 24px rgba(0,113,227,.24)!important;
}
body.secondary-v3 #flow .flow-step h3,
body.secondary-v3 #flow .phase-step h4{
  margin:0 0 8px!important;
  color:#1d1d1f!important;
  font-size:16px!important;
  line-height:1.4;
}
body.secondary-v3 #flow .flow-step p,
body.secondary-v3 #flow .phase-step p{
  margin:0 auto!important;
  color:var(--v3-muted)!important;
  font-size:12.5px!important;
  line-height:1.65;
}
body.secondary-v3 #flow .flow-loop{margin-top:18px}

@media (min-width:769px) and (max-width:1100px){
  body.secondary-v3 .v3-process-scroll{overflow:visible;padding:0}
  body.secondary-v3 #flow .flow-grid{
    min-width:0;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:24px 18px!important;
  }
  body.secondary-v3 #flow .flow-grid::before{display:none}
  body.secondary-v3 #flow .kaoyan-phases,
  body.secondary-v3 #flow .abroad-phases,
  body.secondary-v3 #flow .employment-phases{
    min-width:0;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:20px!important;
  }
  body.secondary-v3 #flow .kaoyan-phases::before,
  body.secondary-v3 #flow .abroad-phases::before,
  body.secondary-v3 #flow .employment-phases::before{display:none}
  body.secondary-v3 #flow .kaoyan-phases .phase-card,
  body.secondary-v3 #flow .abroad-phases .phase-card,
  body.secondary-v3 #flow .employment-phases .phase-card{display:block!important}
  body.secondary-v3 #flow .kaoyan-phases .phase-heading,
  body.secondary-v3 #flow .abroad-phases .phase-heading,
  body.secondary-v3 #flow .employment-phases .phase-heading{display:flex!important}
  body.secondary-v3 #flow .kaoyan-phases .phase-steps,
  body.secondary-v3 #flow .abroad-phases .phase-steps,
  body.secondary-v3 #flow .employment-phases .phase-steps{display:grid!important}
  body.secondary-v3 #flow .kaoyan-phases .phase-step,
  body.secondary-v3 #flow .abroad-phases .phase-step,
  body.secondary-v3 #flow .employment-phases .phase-step{
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr);
    gap:14px!important;
    text-align:left!important;
  }
  body.secondary-v3 #flow .abroad-phases .phase-step:last-child{grid-column:2}
body.secondary-v3 .contact{overflow:hidden}
  body.secondary-v3 .contact-grid{min-width:0;overflow:hidden}
  body.secondary-v3 .form-box,
  body.secondary-v3 .form-submit{max-width:100%;min-width:0;overflow:hidden}
}

@media(max-width:768px){
  body.secondary-v3 .hero.v3-hero{height:72vh;min-height:540px;max-height:720px}
  body.secondary-v3 .hero.v3-hero>.wrap{
    height:72vh;min-height:540px;max-height:720px;
    padding:40px 0 96px;
  }
  body.secondary-v3 .v3-hero-bg{object-position:var(--v3-hero-mobile-position,58% center)}
  body.secondary-v3 .v3-hero .hero-label,
  body.secondary-v3 .v3-hero .hero-label.lg{margin-bottom:15px;font-size:12px}
  body.secondary-v3 .v3-hero .v3-hero-en{margin-bottom:9px;font-size:14px;letter-spacing:2px}
  body.secondary-v3 .v3-hero h1{
    font-size:clamp(36px,10vw,48px);
    line-height:1.1;
    letter-spacing:-1px;
  }
  body.secondary-v3 .v3-hero h1 .kx{display:block}
  body.secondary-v3 .v3-hero h1 .kx+.kx{margin-left:0}
  body.secondary-v3 .v3-hero .hero-copy>p:not(.hero-slogan){margin-top:16px;font-size:15px;line-height:1.7}
  body.secondary-v3 .v3-hero .hero-subtitle{margin-top:14px;padding:0 18px;font-size:15px;line-height:1.6}
  body.secondary-v3 .v3-hero .hero-trust{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:10px 16px;margin-top:20px;padding:0 10px}
  body.secondary-v3 .v3-hero .hero-trust span{font-size:13px}
  body.secondary-v3 .v3-hero .hero-points{display:flex;gap:8px 16px;margin-top:17px}
  body.secondary-v3 .v3-hero .hero-points span{font-size:12px}
  body.secondary-v3 .v3-hero .hero-points span+span::after{left:-10px}
  body.secondary-v3 .v3-hero .hero-slogan{margin-top:15px;font-size:12px;line-height:1.6}
  body.secondary-v3 .v3-hero .hero-btns{display:grid;grid-template-columns:1fr;gap:10px;margin-top:22px;padding:0 16px}
  body.secondary-v3 .v3-hero .hero-btns .btn{width:100%;min-width:0;padding-inline:10px;font-size:14px;white-space:normal}
  body.secondary-v3 .v3-hero .hero-btns .btn-white{font-size:14px}
  body.secondary-v3 .section-head{margin-bottom:34px;text-align:center}
  body.secondary-v3 .section-head .eyebrow{gap:9px;font-size:17px;letter-spacing:1.5px}
  body.secondary-v3 .section-head .eyebrow::before,
  body.secondary-v3 .section-head .eyebrow::after{flex-basis:26px;width:26px;height:2px}
  body.secondary-v3 .section-head .v3-title-lead{font-size:12px}
  body.secondary-v3 .section-head h2{font-size:34px;line-height:1.15;white-space:normal;word-break:normal;overflow-wrap:normal}
  body.secondary-v3 .section-head p{font-size:14px}
  body.secondary-v3 .light-cta{padding:14px 0!important}
  body.secondary-v3 .light-cta-inner{padding:20px!important}
  body.secondary-v3 #flow .flow-grid,
  body.secondary-v3 #flow .kaoyan-phases,
  body.secondary-v3 #flow .abroad-phases,
  body.secondary-v3 #flow .employment-phases{
    min-width:0;
    grid-template-columns:1fr!important;
    gap:18px!important;
  }
  body.secondary-v3 #flow .flow-grid::before,
  body.secondary-v3 #flow .kaoyan-phases::before,
  body.secondary-v3 #flow .abroad-phases::before,
  body.secondary-v3 #flow .employment-phases::before{display:none}
  body.secondary-v3 #flow .flow-step{
    display:grid!important;
    grid-template-columns:56px minmax(0,1fr);
    gap:16px!important;
    text-align:left!important;
  }
  body.secondary-v3 #flow .flow-num,
  body.secondary-v3 #flow .phase-step em{margin:0!important}
  body.secondary-v3 #flow .kaoyan-phases .phase-step em,
  body.secondary-v3 #flow .abroad-phases .phase-step em,
  body.secondary-v3 #flow .employment-phases .phase-step em {
    width: 38px!important;
    height: 38px!important;
    font-size: 12px!important;
  }

  body.secondary-v3 #flow .kaoyan-phases .phase-card,
  body.secondary-v3 #flow .abroad-phases .phase-card,
  body.secondary-v3 #flow .employment-phases .phase-card{display:block!important}
  body.secondary-v3 #flow .kaoyan-phases .phase-heading,
  body.secondary-v3 #flow .abroad-phases .phase-heading,
  body.secondary-v3 #flow .employment-phases .phase-heading{display:grid!important}
  body.secondary-v3 #flow .kaoyan-phases .phase-steps,
  body.secondary-v3 #flow .abroad-phases .phase-steps,
  body.secondary-v3 #flow .employment-phases .phase-steps{display:grid!important}
  body.secondary-v3 #flow .kaoyan-phases .phase-step,
  body.secondary-v3 #flow .abroad-phases .phase-step,
  body.secondary-v3 #flow .employment-phases .phase-step{
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr);
    gap:14px!important;
    text-align:left!important;
  }
  body.secondary-v3 .program-tabs,
  body.secondary-v3 .baoyan-plan-tabs,
  body.secondary-v3 .employment-stage-tabs{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    max-width:100%;
    overflow:visible;
  }
  body.secondary-v3 .program-tab,
  body.secondary-v3 .baoyan-plan-tab,
  body.secondary-v3 .employment-stage-tab{
    width:100%;
    min-width:0!important;
    justify-content:flex-start;
    white-space:normal;
  }
  body.secondary-v3 .baoyan-plan-tab:last-child:nth-child(odd){grid-column:1/-1}
body.secondary-v3 .contact{overflow:hidden}
  body.secondary-v3 .contact-grid{min-width:0;overflow:hidden}
  body.secondary-v3 .form-box,
  body.secondary-v3 .form-submit{max-width:100%;min-width:0;overflow:hidden}
}

@media (min-width: 769px) and (max-width: 1100px) {
  body.secondary-v3 {
    padding-bottom: 80px;
  }

  body.secondary-v3 .sticky-bar {
    position: fixed;
    z-index: 400;
    right: auto;
    bottom: 0;
    left: 50%;
    display: flex;
    align-items: center;
    width: min(calc(100% - 40px), 640px);
    padding: 12px 18px;
    gap: 16px;
    border: 1px solid var(--line);
    border-bottom: 0;
    border-radius: 22px 22px 0 0;
    background: rgba(255, 255, 255, .92);
    box-shadow: 0 -12px 34px rgba(20, 46, 86, .1);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    transform: translateX(-50%);
  }

  body.secondary-v3 .sticky-bar .info {
    flex: 1;
    min-width: 0;
  }

  body.secondary-v3 .sticky-bar .lbl {
    color: var(--ink-2);
    font-size: 13px;
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  body.secondary-v3 .sticky-bar .val {
    margin-top: 2px;
    color: var(--ink);
    font-size: 17px;
    font-weight: 850;
    line-height: 1.25;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  body.secondary-v3 .sticky-bar .btns {
    display: flex;
    flex: none;
    align-items: center;
    gap: 10px;
  }

  body.secondary-v3 .sticky-bar .btn {
    width: auto;
    min-width: 0;
    min-height: 42px;
    padding: 10px 18px;
    font-size: 14px;
    white-space: nowrap;
  }
}

@media (max-width: 768px) {
  body.secondary-v3 .sticky-bar {
    position: fixed;
    z-index: 400;
    right: auto;
    bottom: 0;
    left: 50%;
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 430px;
    padding: 10px 18px;
    gap: 10px;
    border-top: 1px solid var(--line);
    background: rgba(255, 255, 255, .92);
    box-shadow: 0 -10px 30px rgba(20, 46, 86, .08);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    transform: translateX(-50%);
  }

  body.secondary-v3 .sticky-bar .info {
    flex: 1;
    min-width: 0;
  }

  body.secondary-v3 .sticky-bar .lbl {
    color: var(--ink-2);
    font-size: 12px;
    line-height: 1.25;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  body.secondary-v3 .sticky-bar .val {
    margin-top: 2px;
    color: var(--ink);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.25;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  body.secondary-v3 .sticky-bar .btns {
    display: flex;
    flex: none;
    align-items: center;
    gap: 8px;
  }

  body.secondary-v3 .sticky-bar .btn {
    width: auto;
    min-width: 0;
    min-height: 40px;
    padding: 9px 16px;
    font-size: 13px;
    white-space: nowrap;
  }
}