@charset "UTF-8";

/* Chỉ áp dụng cho trang Quy trình & Phương pháp đào tạo */
.page-process-method{background:#fff}.pm-main{background:#fff}.pm-main h1,.pm-main h2,.pm-main h3,.pm-main p{overflow-wrap:break-word}
.pm-hero{border-bottom:1px solid var(--line);background:linear-gradient(135deg,#fff 0%,#fff 66%,#f5f8fa 100%)}
.pm-hero__grid{min-height:520px;display:grid;grid-template-columns:48% 52%;align-items:stretch}
.pm-hero__content{padding:40px 54px 46px 0;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}
.pm-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:10px;color:#526c80;font-size:13px;margin-bottom:34px}.pm-breadcrumb a:hover{color:var(--brand-2)}
.pm-hero h1{font:800 clamp(38px,4.2vw,64px)/1.08 var(--serif);letter-spacing:-.7px;text-transform:uppercase;color:var(--brand);margin:0}
.pm-hero__tagline{color:#dc8b10;font-size:21px;line-height:1.4;margin:16px 0 15px}.pm-hero__lead{font-size:16px;line-height:1.8;color:#38536a;max-width:650px;margin:0}
.pm-hero__actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:28px}.pm-button{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:0 25px;border:1px solid #dd921b;border-radius:5px;font-weight:800;text-transform:uppercase;font-size:13px;letter-spacing:.25px;transition:.2s}.pm-button--gold{background:#df9218;color:#fff}.pm-button--gold:hover{background:#c87d07}.pm-button--outline{background:#fff;color:#d7810c}.pm-button--outline:hover{background:#fff8eb}.pm-button--light{background:#fff;color:#d7810c;border-color:#fff}.pm-button--light:hover{background:#f7e6bf}
.pm-hero__visual{margin:0;position:relative;min-height:520px;overflow:hidden;background:#0a3558;clip-path:polygon(17% 0,100% 0,100% 100%,17% 100%,0 73%,9% 51%,0 31%)}.pm-hero__visual::after{content:"";position:absolute;right:-80px;top:-100px;width:260px;height:260px;border:48px solid rgba(31,111,175,.35);transform:rotate(45deg)}.pm-hero__visual img{width:100%;height:100%;object-fit:cover;object-position:center;position:relative;z-index:1}
.pm-process-section,.pm-method-section{padding:74px 0}.pm-method-section{background:#fbfcfd;border-top:1px solid #edf1f4}.pm-section-heading{text-align:center;max-width:930px;margin:0 auto 42px}.pm-section-heading>p{margin:0;color:var(--brand);font-size:15px;font-weight:900;letter-spacing:.45px}.pm-section-heading h2{font:700 clamp(28px,3vw,42px)/1.2 var(--serif);color:var(--brand);margin:10px 0 13px}.pm-section-heading h2::after{content:"";display:block;width:74px;height:2px;background:var(--gold);margin:20px auto 0}.pm-section-heading>span{display:block;color:var(--muted);font-size:15px;line-height:1.7;margin-top:16px}
.pm-process-grid{list-style:none;margin:0;padding:28px 0 0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}.pm-process-card{position:relative;min-width:0;text-align:center;padding:54px 15px 24px;border:1px solid #d6e0e7;border-radius:12px;background:#fff;box-shadow:0 9px 25px rgba(16,61,97,.04)}.pm-process-card:not(:last-child)::after{content:"›";position:absolute;right:-17px;top:46%;z-index:3;color:#e28d11;font-size:36px;font-weight:300}.pm-step-number{position:absolute;top:-28px;left:50%;transform:translateX(-50%);min-width:62px;padding:9px 12px 8px;background:linear-gradient(180deg,#0b3b63,#061f39);border-radius:7px 7px 0 0;color:#fff;font:800 17px/1 var(--serif);box-shadow:0 6px 14px rgba(8,45,73,.18)}.pm-process-card img{width:64px;height:64px;margin:0 auto 15px}.pm-process-card h3{font-size:15px;line-height:1.45;color:#092f53;margin:0 0 13px}.pm-process-card p{color:#526b7d;font-size:13px;line-height:1.65;margin:0}
.pm-method-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.pm-method-card{overflow:hidden;border:1px solid #dde4e9;border-radius:9px;background:#fff;box-shadow:0 10px 28px rgba(16,61,97,.06);transition:.25s}.pm-method-card:hover{transform:translateY(-4px);box-shadow:0 18px 36px rgba(16,61,97,.12)}.pm-method-card>img{width:100%;aspect-ratio:16/8.3;object-fit:cover;background:#eef3f6}.pm-method-card__body{padding:20px 23px 22px}.pm-method-card h3{font:800 18px/1.25 var(--serif);text-transform:uppercase;color:#0b3458;margin:0 0 13px}.pm-method-card ul{padding-left:19px;margin:0;color:#3e586d;font-size:14px;line-height:1.75}.pm-method-card li::marker{color:#d58d13}
.pm-commitment{background:linear-gradient(110deg,#061f3c,#063b69);color:#fff;padding:52px 0 46px}.pm-commitment__heading{text-align:center;margin-bottom:31px}.pm-commitment__heading p{font-size:14px;font-weight:900;letter-spacing:.8px;margin:0;color:#efc861}.pm-commitment__heading h2{font:700 clamp(27px,3vw,38px)/1.25 var(--serif);margin:9px 0 0;color:#fff}.pm-commitment__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.pm-commitment__grid article{text-align:center;padding:0 28px;border-right:1px solid rgba(255,255,255,.2)}.pm-commitment__grid article:last-child{border-right:0}.pm-commitment__grid img{width:62px;height:62px;margin:0 auto 15px;filter:brightness(1.12)}.pm-commitment__grid h3{font-size:16px;line-height:1.4;margin:0 0 8px;color:#fff}.pm-commitment__grid p{color:#d8e6ef;font-size:13px;line-height:1.6;margin:0}.pm-commitment__action{text-align:center;margin-top:32px}
@media(max-width:1120px){.pm-hero__grid{grid-template-columns:1fr 1fr}.pm-process-grid{grid-template-columns:repeat(3,1fr);gap:48px 22px}.pm-process-card:nth-child(3)::after{display:none}.pm-method-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.pm-hero__grid{grid-template-columns:1fr}.pm-hero__content{padding:38px 0 42px}.pm-breadcrumb{margin-bottom:25px}.pm-hero__visual{min-height:360px;clip-path:none;border-radius:10px;margin-bottom:24px;order:2}.pm-process-section,.pm-method-section{padding:58px 0}.pm-commitment__grid{grid-template-columns:repeat(2,1fr);gap:28px 0}.pm-commitment__grid article:nth-child(2){border-right:0}.pm-method-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.pm-hero h1{font-size:38px}.pm-hero__tagline{font-size:18px}.pm-hero__actions{display:grid}.pm-button{width:100%}.pm-hero__visual{min-height:280px}.pm-process-grid{grid-template-columns:1fr;gap:48px}.pm-process-card:not(:last-child)::after{content:"⌄";right:auto;left:50%;top:auto;bottom:-39px;transform:translateX(-50%)}.pm-method-grid{grid-template-columns:1fr}.pm-commitment__grid{grid-template-columns:1fr}.pm-commitment__grid article{border-right:0;border-bottom:1px solid rgba(255,255,255,.18);padding:0 16px 24px}.pm-commitment__grid article:last-child{border-bottom:0}.pm-section-heading h2{font-size:30px}}