/* CSS trang sự kiện & Đăng ký tư vấn – lấy từ daihoc.fpt.edu.vn (2026-11-04T03:49:46.480Z) */
.single-event .event-hero .banner { height: 520px; overflow: hidden; }
.single-event .event-hero .banner img { width: 100%; height: 100%; object-fit: cover; display: block; }
.single-event .event-detail-section { padding: 0px 0px 60px; background-color: rgb(250, 250, 250); }
.single-event .event-detail-main { padding: 36px; }
.single-event .event-inline-meta { margin-bottom: 16px; gap: 8px 14px; }
.single-event .event-inline-item { display: inline-flex; align-items: center; gap: 8px; padding: 8px 12px; border-radius: 999px; background: rgb(255, 247, 242); color: rgb(75, 85, 99); font-size: 13px; z-index: 1; }
.single-event .event-inline-item img { width: 16px; height: 16px; object-fit: contain; }
.single-event .event-detail-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 4px; }
.single-event .event-detail-actions .btn-view-more { padding: 10px 18px; font-size: 14px; }
.single-event .event-campus-tag { display: inline-flex; align-items: center; gap: 8px; padding: 10px 14px; border: 1px dashed rgb(247, 178, 129); border-radius: 999px; color: rgb(55, 65, 81); background: rgb(255, 255, 255); font-size: 14px; font-weight: 500; }
.single-event .event-campus-tag img { width: 16px; height: 16px; object-fit: contain; }
.single-event .event-sidebar { top: 88px; }
.single-event .event-summary-card { background: linear-gradient(rgb(255, 255, 255) 0%, rgb(255, 250, 245) 100%); }
.single-event .event-summary-list { display: flex; flex-direction: column; gap: 14px; }
.single-event .event-summary-list li { display: grid; grid-template-columns: 20px 1fr; align-items: flex-start; gap: 10px; }
.single-event .event-summary-icon img { width: 18px; height: 18px; object-fit: contain; margin-top: 3px; }
.single-event .event-summary-label { margin: 0px; font-size: 12px; font-weight: 700; text-transform: uppercase; color: rgb(107, 114, 128); letter-spacing: 0.5px; }
.single-event .event-summary-value { margin: 4px 0px 0px; color: rgb(31, 41, 55); line-height: 1.5; }
.single-event .event-register-note { margin-bottom: 14px; color: rgb(75, 85, 99); line-height: 1.6; }
.single-event .event-register-card .btn-view-more { width: 100%; justify-content: center; }
.single-event .event-latest-time { margin-top: 4px; color: rgb(107, 114, 128); font-size: 12px; line-height: 1.4; }
.single-event .event-related-section { padding-top: 20px; }
.single-event .event-related-grid { margin-top: 36px; }
@media (max-width: 1023px){
.single-event .event-detail-main { padding: 28px 22px; }
}
@media (max-width: 767px){
.single-event .event-hero .banner { height: 200px !important; }
.single-event .event-hero .banner img { min-height: unset !important; }
.single-event .event-detail-section { padding: 0px 0px 40px; }
.single-event .event-detail-main { padding: 20px 14px; }
.single-event .event-inline-meta { display: flex; flex-wrap: wrap; gap: 8px; }
.single-event .event-inline-item { border-radius: 10px; width: 100%; }
.single-event .event-inline-item:nth-child(1), .single-event .event-inline-item:nth-child(2) { flex: 0 0 calc(50% - 4px); width: calc(50% - 4px); justify-content: center; }
.single-event .event-inline-item:nth-child(3) { flex: 0 0 100%; width: 100%; }
.single-event .event-detail-actions { flex-direction: column; align-items: stretch; }
.single-event .event-detail-actions .btn-view-more { width: 100%; justify-content: center; }
.single-event .event-campus-tag { justify-content: center; }
}
@keyframes pvc-loading { 
  0% { transform: translate(-50%, -50%) rotate(0deg); }
  100% { transform: translate(-50%, -50%) rotate(360deg); }
}
@keyframes fa-beat { 
  0%, 90% { transform: scale(1); }
  45% { transform: scale(var(--fa-beat-scale,1.25)); }
}
@keyframes fa-bounce { 
  0% { transform: scale(1) translateY(0px); }
  10% { transform: scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0); }
  30% { transform: scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em)); }
  50% { transform: scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0); }
  57% { transform: scale(1) translateY(var(--fa-bounce-rebound,-.125em)); }
  64% { transform: scale(1) translateY(0px); }
  100% { transform: scale(1) translateY(0px); }
}
@keyframes fa-fade { 
  50% { opacity: var(--fa-fade-opacity,.4); }
}
@keyframes fa-beat-fade { 
  0%, 100% { opacity: var(--fa-beat-fade-opacity,.4); transform: scale(1); }
  50% { opacity: 1; transform: scale(var(--fa-beat-fade-scale,1.125)); }
}
@keyframes fa-flip { 
  50% { transform: rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg)); }
}
@keyframes fa-shake { 
  0% { transform: rotate(-15deg); }
  4% { transform: rotate(15deg); }
  8%, 24% { transform: rotate(-18deg); }
  12%, 28% { transform: rotate(18deg); }
  16% { transform: rotate(-22deg); }
  20% { transform: rotate(22deg); }
  32% { transform: rotate(-12deg); }
  36% { transform: rotate(12deg); }
  40%, 100% { transform: rotate(0deg); }
}
@keyframes fa-spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(1turn); }
}
:host, :root { --fa-family-brands: "Font Awesome 7 Brands"; --fa-font-brands: normal 400 1em/1 var(--fa-family-brands); }
:host, :root { --fa-font-regular: normal 400 1em/1 var(--fa-family-classic); }
:host, :root { --fa-family-classic: "Font Awesome 7 Free"; --fa-font-solid: normal 900 1em/1 var(--fa-family-classic); --fa-style-family-classic: var(--fa-family-classic); }
:root { --cl-primary: #f37021; --cl-text: #1e1e1e; }
* { box-sizing: border-box; padding: 0px; margin: 0px; scroll-behavior: smooth; }
body { font-family: Roboto, sans-serif; font-size: 16px; line-height: 1.2; color: var(--cl-text); background-color: rgb(255, 255, 255); overflow-x: hidden; }
.container { max-width: 1252px; padding-left: 15px; padding-right: 15px; margin: 0px auto; }
a { text-decoration: none; color: inherit; transition: 0.3s; }
input { font-family: inherit; }
ul { list-style-type: none; }
button { font-family: inherit; }
img { width: auto; height: 100%; object-fit: cover; max-width: 100%; }
section:not(.hero) { padding: 80px 0px; }
@keyframes headerActive { 
  0% { transform: translateY(-100%); }
  100% { transform: translateY(0px); }
}
.banner { position: relative; }
.banner img { width: 100%; height: 100%; }
.event { position: relative; }
.event h2 { margin-bottom: 48px; }
.breadcrumb { display: flex; align-items: center; padding: 24px 0px; gap: 24px; }
.breadcrumb span { display: flex; align-items: center; }
.breadcrumb span:first-child { width: 24px; height: 24px; flex-shrink: 0; }
.breadcrumb p { font-size: 16px; font-weight: 400; color: rgb(9, 9, 11); }
.title-common { display: flex; justify-content: center; align-items: flex-end; gap: 12px; }
.title-common h2 { font-size: 44px; font-weight: 700; flex-shrink: 0; max-width: 100%; }
.title-common-decor-right, .title-common-decor-left { flex: 1 1 0%; display: flex; align-items: center; gap: 8px; position: relative; }
.title-common-decor-right img, .title-common-decor-left img { max-width: 160px; }
.title-common-decor-right::before { content: ""; position: relative; width: 100%; height: 1px; background-color: rgb(204, 204, 204); display: block; }
@keyframes rotate { 
  0% { transform: translate(-50%, -50%) scale(1.8) rotate(0deg); }
  100% { transform: translate(-50%, -50%) scale(1.8) rotate(360deg); }
}
@keyframes fadeInUp { 
  0% { opacity: 0; transform: translateY(20px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@media screen and (max-width: 767px){
.banner img { min-height: 125px; }
section:not(.hero) { padding: 24px 0px; }
.event h2 { margin-bottom: 30px; }
.overview-hero { display: flex; flex-direction: column-reverse; justify-content: flex-start; }
.overview-hero .container { margin-left: 0px; }
.breadcrumb { width: 100%; gap: 12px; padding: 12px 0px; }
.breadcrumb span:first-child { width: 16px; height: 16px; }
.breadcrumb p { font-size: 14px; }
.title-common h2 { flex-shrink: 1; font-size: 24px; }
.title-common-decor-right img, .title-common-decor-left img { max-width: 50px; }
.breadcrumb { gap: 10px; }
.breadcrumb p { -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; }
.breadcrumb p:not(:nth-child(5)) { max-width: 120px; }
}
.title-common-decor-left, .title-common-decor-right { flex: 1 1 0%; display: flex; align-items: center; }
.title-common-decor-right { justify-content: flex-start; }
.title-common-decor-left img, .title-common-decor-right img { max-width: 100%; height: auto; }
@media screen and (max-width: 767px){
.title-common-decor-left img, .title-common-decor-right img { max-width: 80px; }
}
@media screen and (max-width: 374px){
.title-common-decor-left img, .title-common-decor-right img { max-width: 60px; }
}
@keyframes bounce-left { 
  0%, 100% { transform: translateX(-4px); }
  50% { transform: translateX(-8px); }
}
.btn-view-more { display: inline-flex; align-items: center; gap: 12px; padding: 12px 32px; background-color: var(--cl-primary); color: rgb(255, 255, 255); font-weight: 700; font-size: 16px; border-radius: 8px; transition: 0.3s; }
.btn-view-more:hover { background-color: rgb(216, 95, 26); transform: translateY(-2px); }
.btn-view-more img { width: 16px; height: 16px; }
@media screen and (max-width: 767px){
.btn-view-more { width: 100%; justify-content: center; padding: 10px 24px; font-size: 14px; }
.btn-view-more img { width: 14px; height: 14px; }
}
@media screen and (max-width: 1023px){
.title-common-decor-right { width: 100%; }
}
.all-events-section { padding: 80px 0px; background-color: rgb(255, 255, 255); }
.all-events-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; margin-bottom: 40px; }
.all-event-card { display: flex; flex-direction: column; background: rgb(255, 255, 255); border-radius: 8px; overflow: hidden; border: 1px solid rgb(229, 229, 229); transition: 0.3s; }
.all-event-card:hover { transform: translateY(-4px); box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 16px; }
.all-event-image { position: relative; overflow: hidden; height: 200px; }
.all-event-image img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s; }
.all-event-card:hover .all-event-image img { transform: scale(1.05); }
.all-event-content { padding: 20px; display: flex; flex-direction: column; gap: 12px; flex: 1 1 0%; }
.all-event-content h3 { font-size: 16px; font-weight: 700; color: rgb(36, 36, 36); line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; transition: color 0.3s; }
.all-event-card:hover .all-event-content h3 { color: var(--cl-primary); }
.all-event-meta { display: flex; flex-direction: column; gap: 8px; margin-top: auto; }
.all-event-time, .all-event-location { display: flex; align-items: center; gap: 8px; font-size: 13px; color: rgb(112, 112, 112); }
.all-event-time img, .all-event-location img { width: 14px; height: 14px; flex-shrink: 0; object-fit: contain; }
.all-events-footer { display: flex; justify-content: center; }
.all-events-footer .btn-view-more { display: inline-flex; align-items: center; gap: 12px; padding: 12px 32px; background-color: var(--cl-primary); color: rgb(255, 255, 255); font-weight: 700; font-size: 16px; border-radius: 8px; transition: 0.3s; }
.all-events-footer .btn-view-more:hover { background-color: rgb(216, 95, 26); transform: translateY(-2px); }
.all-events-footer .btn-view-more img { width: 16px; height: 16px; }
@media screen and (max-width: 1023px){
.all-events-grid { grid-template-columns: repeat(2, 1fr); gap: 24px; }
}
@media screen and (max-width: 767px){
.all-events-section { padding: 40px 0px; }
.all-events-grid { grid-template-columns: 1fr; gap: 20px; margin-bottom: 24px; }
.all-event-card { flex-direction: row; align-items: stretch; }
.all-event-image { order: 1; width: 120px; min-width: 120px; height: 100%; flex-shrink: 0; border-radius: 8px 0px 0px 8px; }
.all-event-image img { height: 100%; object-fit: cover; border-radius: 8px 0px 0px 8px; }
.all-event-content { order: 2; flex: 1 1 0%; padding: 16px; display: flex; flex-direction: column; }
.all-event-content h3 { font-size: 14px; }
.all-event-time, .all-event-location { font-size: 12px; }
.all-event-time img, .all-event-location img { width: 12px; height: 12px; }
.all-events-footer .btn-view-more { width: 100%; justify-content: center; padding: 12px 24px; font-size: 14px; }
}
.article-detail-section { padding: 80px 0px; background-color: var(--cl-bg-light); }
.article-detail-wrapper { display: grid; grid-template-columns: minmax(0px, 1fr) 345px; gap: 40px; }
.article-detail-main { background: rgb(255, 255, 255); border-radius: 12px; padding: 40px; min-width: 0px; }
.article-header { border-bottom: 1px solid var(--cl-border); }
.article-title { font-size: 32px; font-weight: 700; line-height: 1.3; color: rgb(36, 36, 36); margin-bottom: 16px; }
.article-meta { display: flex; align-items: center; gap: 8px; color: var(--cl-primary); font-size: 14px; font-weight: 500; }
.article-sidebar { display: flex; flex-direction: column; gap: 24px; position: sticky; top: 20px; height: fit-content; }
.sidebar-widget { background: rgb(255, 255, 255); border-radius: 8px; padding: 24px; }
.widget-title { font-size: 18px; font-weight: 700; color: rgb(36, 36, 36); margin-bottom: 20px; padding-bottom: 12px; border-bottom: 2px solid var(--cl-primary); }
.latest-posts { display: flex; flex-direction: column; gap: 16px; }
.latest-post-item { transition: transform 0.3s; }
.latest-post-item:hover { transform: translateX(4px); }
.latest-post-link { display: flex; gap: 12px; align-items: flex-start; }
.latest-post-thumb { flex-shrink: 0; width: 80px; height: 60px; border-radius: 6px; overflow: hidden; }
.latest-post-thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s; }
.latest-post-item:hover .latest-post-thumb img { transform: scale(1.1); }
.latest-post-title { font-size: 14px; font-weight: 600; line-height: 1.4; color: rgb(36, 36, 36); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; transition: color 0.3s; }
.latest-post-item:hover .latest-post-title { color: var(--cl-primary); }
@media screen and (max-width: 1023px){
.article-detail-wrapper { grid-template-columns: 1fr; gap: 32px; }
.article-sidebar { position: static; }
.latest-posts { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
.latest-post-link { flex-direction: column; }
.latest-post-thumb { width: 100%; height: 120px; }
}
@media screen and (max-width: 767px){
.article-detail-section { padding: 40px 0px; }
.article-detail-main { padding: 24px 16px; border-radius: 8px; }
.article-title { font-size: 20px; }
.article-meta { font-size: 13px; }
.article-sidebar { gap: 20px; }
.sidebar-widget { padding: 20px 16px; }
.widget-title { font-size: 16px; margin-bottom: 16px; }
.latest-posts { grid-template-columns: 1fr; gap: 12px; }
.latest-post-link { flex-direction: row; }
.latest-post-thumb { width: 80px; height: 60px; }
.latest-post-title { font-size: 13px; }
}
@media screen and (max-width: 480px){
.article-detail-main { padding: 20px 12px; }
.article-title { font-size: 18px; }
.sidebar-widget { padding: 16px 12px; }
}
.article-detail-section { background-color: var(--cl-bg-light); padding: 0px !important; }
.article-content-group { margin: 32px 0px; padding: 0px; }
.article-content-group:first-of-type { margin-top: 0px; }
@media screen and (max-width: 767px){
.article-content-group { margin: 24px 0px; }
}
.article-author { display: flex; align-items: center; gap: 8px; margin-top: 40px; padding-top: 24px; border-top: 1px solid var(--cl-border); }
.author-icon { width: 18px; height: 18px; object-fit: contain; color: var(--cl-primary); }
.author-name { font-size: 15px; font-weight: 600; color: rgb(36, 36, 36); }
@media screen and (max-width: 767px){
.article-author { margin-top: 32px; padding-top: 20px; }
.author-icon { width: 16px; height: 16px; }
.author-name { font-size: 14px; }
}
@media screen and (max-width: 480px){
.article-author { margin-top: 24px; padding-top: 16px; }
.author-icon { width: 15px; height: 15px; }
.author-name { font-size: 13px; }
}
.btn-view-more { display: inline-flex; align-items: center; gap: 8px; padding: 14px 32px; background-color: var(--cl-primary); color: rgb(255, 255, 255); font-size: 16px; font-weight: 600; border-radius: 8px; transition: 0.3s; }
.btn-view-more:hover { background-color: rgb(230, 90, 0); transform: translateY(-2px); box-shadow: rgba(255, 107, 0, 0.3) 0px 4px 12px; }
.btn-view-more img { width: 16px; height: 16px; transition: transform 0.3s; }
.btn-view-more:hover img { transform: translateX(4px); }
@media screen and (max-width: 767px){
.btn-view-more { padding: 12px 24px; font-size: 14px; }
}
@media screen and (max-width: 480px){
.btn-view-more { width: 100%; justify-content: center; }
}
@keyframes fadeIn { 
  0% { opacity: 0; transform: translateY(10px); }
  100% { opacity: 1; transform: translateY(0px); }
}
.article-detail-main { width: 100%; }
.article-title { font-size: 32px; font-weight: 700; line-height: 1.3; margin-bottom: 12px; color: rgb(34, 34, 34); }
.article-meta { display: flex; align-items: center; gap: 6px; font-size: 15px; color: rgb(102, 102, 102); margin-bottom: 24px; }
.article-content-group { font-size: 17px; line-height: 1.75; color: rgb(51, 51, 51); min-width: 0px; }
.article-content-group p { margin: 16px 0px; }
.article-content-group h2 { font-size: 24px; font-weight: 700; margin: 32px 0px 16px; color: rgb(34, 34, 34); }
.article-content-group ul, .article-content-group ol { margin: 16px 0px 16px 24px; }
.article-content-group li { margin-bottom: 8px; }
.article-content-group a { color: rgb(255, 109, 0); text-decoration: underline; overflow-wrap: anywhere; }
.article-content-group a:hover { opacity: 0.85; }
.article-content-group img { max-width: 100%; height: auto; border-radius: 8px; }
.article-content-group .wp-block-image, .article-content-group .wp-block-image figure, .article-content-group .wp-block-image img, .article-content-group figure, .article-content-group img { max-width: 100%; height: auto; }
.article-content-group .aligncenter { display: block; margin-left: auto; margin-right: auto; }
.article-author { display: flex; align-items: center; gap: 8px; margin-top: 40px; padding-top: 24px; border-top: 1px solid rgb(238, 238, 238); }
.article-author img.author-icon { width: 24px; opacity: 0.8; }
.article-author .author-name { font-size: 16px; font-weight: 600; color: rgb(51, 51, 51); }
@media (max-width: 991px){
.article-title { font-size: 28px; }
.article-content-group { font-size: 16px; }
}
@media (max-width: 767px){
.article-title { font-size: 24px; }
}
:root { --swiper-theme-color: #007aff; }
@keyframes swiper-preloader-spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
:root { --swiper-navigation-size: 44px; }
@media (max-width: 767px){
.overview-hero .breadcrumb { display: none; }
}
:root { --cl-primary: #f37021; --cl-text: #1e1e1e; }
* { box-sizing: border-box; padding: 0px; margin: 0px; scroll-behavior: smooth; }
body { font-family: Roboto, sans-serif; font-size: 16px; line-height: 1.2; color: var(--cl-text); background-color: rgb(255, 255, 255); }
.container { max-width: 1252px; padding-left: 15px; padding-right: 15px; margin: 0px auto; }
ul { list-style-type: none; }
img { width: auto; height: 100%; object-fit: cover; max-width: 100%; }
section:not(.hero) { padding: 80px 0px; }
@media screen and (max-width: 1023px){
section:not(.hero) { padding: 40px 0px; }
}
@media screen and (max-width: 767px){
body { overflow-x: hidden; }
section:not(.hero) { padding: 24px 0px; }
}
:root { --wp-block-synced-color: #7a00df; --wp-block-synced-color--rgb: 122,0,223; --wp-bound-block-color: var(--wp-block-synced-color); --wp-editor-canvas-background: #ddd; --wp-admin-theme-color: #007cba; --wp-admin-theme-color--rgb: 0,124,186; --wp-admin-theme-color-darker-10: #006ba1; --wp-admin-theme-color-darker-10--rgb: 0,107,160.5; --wp-admin-theme-color-darker-20: #005a87; --wp-admin-theme-color-darker-20--rgb: 0,90,135; --wp-admin-border-width-focus: 2px; }
@media (min-resolution: 192dpi){
:root { --wp-admin-border-width-focus: 1.5px; }
}
:root .has-very-light-gray-background-color { background-color: rgb(238, 238, 238); }
:root .has-very-dark-gray-background-color { background-color: rgb(49, 49, 49); }
:root .has-very-light-gray-color { color: rgb(238, 238, 238); }
:root .has-very-dark-gray-color { color: rgb(49, 49, 49); }
:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background { background: linear-gradient(135deg, rgb(0, 208, 132), rgb(6, 147, 227)); }
:root .has-purple-crush-gradient-background { background: linear-gradient(135deg, rgb(52, 226, 228), rgb(71, 33, 251) 50%, rgb(171, 29, 254)); }
:root .has-hazy-dawn-gradient-background { background: linear-gradient(135deg, rgb(250, 172, 168), rgb(218, 208, 236)); }
:root .has-subdued-olive-gradient-background { background: linear-gradient(135deg, rgb(250, 250, 225), rgb(103, 166, 113)); }
:root .has-atomic-cream-gradient-background { background: linear-gradient(135deg, rgb(253, 215, 154), rgb(0, 74, 89)); }
:root .has-nightshade-gradient-background { background: linear-gradient(135deg, rgb(51, 9, 104), rgb(49, 205, 207)); }
:root .has-midnight-gradient-background { background: linear-gradient(135deg, rgb(2, 3, 129), rgb(40, 116, 252)); }
:root { --wp--preset--font-size--normal: 16px; --wp--preset--font-size--huge: 42px; }
:root .has-text-align-center { text-align: center; }
:root .has-text-align-left { text-align: left; }
:root .has-text-align-right { text-align: right; }
.aligncenter { clear: both; }
html :where(img[class*="wp-image-"]) { height: auto; max-width: 100%; }
:root { --wp--preset--aspect-ratio--square: 1; --wp--preset--aspect-ratio--4-3: 4/3; --wp--preset--aspect-ratio--3-4: 3/4; --wp--preset--aspect-ratio--3-2: 3/2; --wp--preset--aspect-ratio--2-3: 2/3; --wp--preset--aspect-ratio--16-9: 16/9; --wp--preset--aspect-ratio--9-16: 9/16; --wp--preset--color--black: #000000; --wp--preset--color--cyan-bluish-gray: #abb8c3; --wp--preset--color--white: #ffffff; --wp--preset--color--pale-pink: #f78da7; --wp--preset--color--vivid-red: #cf2e2e; --wp--preset--color--luminous-vivid-orange: #ff6900; --wp--preset--color--luminous-vivid-amber: #fcb900; --wp--preset--color--light-green-cyan: #7bdcb5; --wp--preset--color--vivid-green-cyan: #00d084; --wp--preset--color--pale-cyan-blue: #8ed1fc; --wp--preset--color--vivid-cyan-blue: #0693e3; --wp--preset--color--vivid-purple: #9b51e0; --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%); --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%); --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%); --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%); --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%); --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%); --wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%); --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%); --wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%); --wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%); --wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%); --wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%); --wp--preset--font-size--small: 13px; --wp--preset--font-size--medium: 20px; --wp--preset--font-size--large: 36px; --wp--preset--font-size--x-large: 42px; --wp--preset--spacing--20: 0.44rem; --wp--preset--spacing--30: 0.67rem; --wp--preset--spacing--40: 1rem; --wp--preset--spacing--50: 1.5rem; --wp--preset--spacing--60: 2.25rem; --wp--preset--spacing--70: 3.38rem; --wp--preset--spacing--80: 5.06rem; --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2); --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4); --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2); --wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0); --wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0); }
body { padding: 0px; }
:root :where(.wp-element-button, .wp-block-button__link) { background-color: rgb(50, 55, 60); border-width: 0px; color: rgb(255, 255, 255); font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; letter-spacing: inherit; line-height: inherit; padding: calc(0.667em + 2px) calc(1.333em + 2px); text-decoration: none; text-transform: inherit; }
img[data-dominant-color]:not(.has-transparency) { background-color: var(--dominant-color); }
[data-wpr-lazyrender] { content-visibility: auto; }
:root { --wp--preset--aspect-ratio--square: 1; --wp--preset--aspect-ratio--4-3: 4/3; --wp--preset--aspect-ratio--3-4: 3/4; --wp--preset--aspect-ratio--3-2: 3/2; --wp--preset--aspect-ratio--2-3: 2/3; --wp--preset--aspect-ratio--16-9: 16/9; --wp--preset--aspect-ratio--9-16: 9/16; --wp--preset--color--black: #000000; --wp--preset--color--cyan-bluish-gray: #abb8c3; --wp--preset--color--white: #ffffff; --wp--preset--color--pale-pink: #f78da7; --wp--preset--color--vivid-red: #cf2e2e; --wp--preset--color--luminous-vivid-orange: #ff6900; --wp--preset--color--luminous-vivid-amber: #fcb900; --wp--preset--color--light-green-cyan: #7bdcb5; --wp--preset--color--vivid-green-cyan: #00d084; --wp--preset--color--pale-cyan-blue: #8ed1fc; --wp--preset--color--vivid-cyan-blue: #0693e3; --wp--preset--color--vivid-purple: #9b51e0; --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%); --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%); --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%); --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%); --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%); --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%); --wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%); --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%); --wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%); --wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%); --wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%); --wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%); --wp--preset--font-size--small: 13px; --wp--preset--font-size--medium: 20px; --wp--preset--font-size--large: 36px; --wp--preset--font-size--x-large: 42px; --wp--preset--spacing--20: 0.44rem; --wp--preset--spacing--30: 0.67rem; --wp--preset--spacing--40: 1rem; --wp--preset--spacing--50: 1.5rem; --wp--preset--spacing--60: 2.25rem; --wp--preset--spacing--70: 3.38rem; --wp--preset--spacing--80: 5.06rem; --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2); --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4); --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2); --wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0); --wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0); }
body { padding: 0px; }
:root :where(.wp-element-button, .wp-block-button__link) { background-color: rgb(50, 55, 60); border-width: 0px; color: rgb(255, 255, 255); font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; letter-spacing: inherit; line-height: inherit; padding: calc(0.667em + 2px) calc(1.333em + 2px); text-decoration: none; text-transform: inherit; }

/* landing đăng ký tư vấn (openday) */
section:not(.hero) {padding: 80px 0px;}
@media screen and (max-width: 1023px){
section:not(.hero) {padding: 40px 0px;}
}
@media screen and (max-width: 767px){
section:not(.hero) {padding: 24px 0px;}
}
section:not(.hero) {padding: 20px 0px 0px;}
.form-openday-new * {margin: 0px; padding: 0px; box-sizing: border-box;}
.form-openday-new {position: relative; background-image: url("../img/ext/form-bg-pc.jpg"); background-size: cover; background-position: center center; background-repeat: no-repeat; padding: 40px 20px;}
.container-new {max-width: 1200px; margin: 0px auto; position: relative; z-index: 2;}
.form-logo-new {margin-bottom: 30px;}
.form-logo-new img {width: 200px; height: auto;}
.form-content-grid-new {display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: flex-start;}
.form-left-new {color: white;}
.form-title-container-new {margin-bottom: 30px;}
.form-title-svg-new {width: 100%; max-width: 450px; height: auto; margin-bottom: 20px;}
.registration-form-new {display: grid; grid-template-columns: 1fr 1fr; gap: 15px;}
.form-field-new {display: flex; flex-direction: column; gap: 5px;}
.form-field-new label {font-size: 13px; font-weight: 500; color: white;}
.form-field-new label span {color: rgb(255, 51, 51);}
.form-field-new input, .form-field-new select {width: 100%; padding: 12px 15px; border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 8px; font-size: 14px; background-color: rgba(255, 255, 255, 0.95); color: rgb(51, 51, 51); transition: 0.3s;}
.form-field-new input::placeholder {color: rgb(153, 153, 153);}
.form-field-new input:focus, .form-field-new select:focus {outline: none; border-color: rgb(255, 107, 53); background-color: white; box-shadow: rgba(255, 107, 53, 0.1) 0px 0px 0px 3px;}
.form-field-new select {appearance: none; background-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 12 12\"><path fill=\"%23666\" d=\"M10.5 4.5L6 9 1.5 4.5z\"/></svg>"); background-repeat: no-repeat; background-position: right 12px center; background-size: 12px auto; padding-right: 35px; cursor: pointer;}
.form-submit-new {grid-column: 1 / -1; padding: 0px; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; cursor: pointer; transition: 0.3s; margin-top: 10px; margin-bottom: 20px;}
.form-submit-new img {width: 100%; max-width: 200px; height: auto; transition: 0.3s;}
.form-submit-new:hover img {transform: translateY(-2px); filter: brightness(1.1);}
.form-submit-new:disabled {opacity: 0.5; cursor: not-allowed;}
.form-submit-new:disabled img {transform: none;}
.form-right-new {position: relative; text-align: right; margin-top: 0px; padding-top: 0px; height: 100%;}
.future-forward-svg-new {width: 180px; height: auto; margin-top: 0px;}
.form-image-container-new {position: absolute; bottom: 0px; right: 0px; text-align: right;}
.form-students-img-new {width: 100%; max-width: 500px; height: auto; margin-left: auto; display: block;}
@media screen and (max-width: 1024px){
.form-content-grid-new {gap: 40px;}
.form-title-svg-new {max-width: 380px;}
.form-students-img-new {max-width: 400px;}
.future-forward-svg-new {margin-bottom: 400px; width: 150px;}
section:not(.hero) {padding: 20px 20px 0px;}
}
@media screen and (max-width: 1024px){
.form-content-grid-new {gap: 40px;}
.form-title-svg-new {max-width: 380px;}
.form-students-img-new {max-width: 400px;}
.future-forward-svg-new {width: 150px;}
section:not(.hero) {padding: 20px 20px 0px;}
}
@media screen and (max-width: 1024px) and (min-width: 769px){
.form-right-new {height: auto !important; position: static;}
.form-image-container-new {position: absolute; bottom: 0px; left: 0px; right: 0px; width: 100%; text-align: center;}
.container-new {padding-bottom: 350px;}
section:not(.hero) {padding: 20px 20px 0px;}
}
@media screen and (max-width: 1024px) and (orientation: portrait){
.form-right-new {height: auto !important; position: static;}
.form-image-container-new {position: absolute; bottom: 0px; left: 0px; right: 0px; width: 100%;}
.container-new {padding-bottom: 400px;}
}
@media screen and (max-width: 768px){
.form-openday-new {padding: 30px 15px 0px; min-height: 100vh; background-image: url("../img/ext/form-bg-mobi.jpg"); position: relative; overflow: hidden;}
.container-new {padding: 0px 15px 300px; max-width: 100%;}
.form-logo-new {text-align: center; margin-bottom: 20px;}
.form-logo-new img {width: 150px;}
.form-content-grid-new {grid-template-columns: 1fr; gap: 30px;}
.form-title-container-new {text-align: center; padding-left: 0px !important;}
.form-title-svg-new {max-width: 300px; margin-left: auto; margin-right: auto;}
.registration-form-new {grid-template-columns: 1fr; gap: 15px; width: 100%; max-width: 100%;}
.form-field-new {width: 100%; max-width: 100%;}
.form-field-new input, .form-field-new select {font-size: 16px; min-height: 48px; width: 100%; max-width: 100%; box-sizing: border-box;}
.form-submit-new {text-align: center;}
.form-submit-new img {max-width: 180px; margin: 0px auto;}
.form-right-new {text-align: center; position: static; height: auto !important;}
.future-forward-svg-new {width: 140px; margin: 0px auto;}
.form-image-container-new {position: absolute; bottom: 0px; left: 0px; right: 0px; width: 100%; text-align: center; margin-top: 0px;}
.form-students-img-new {width: 300px; max-width: 100%; height: auto; display: block; margin: 0px auto;}
}
@media screen and (max-width: 480px){
.container-new {padding-bottom: 250px;}
.form-title-svg-new {max-width: 250px;}
.future-forward-svg-new {margin-bottom: 50px; width: 120px;}
.form-submit-new img {max-width: 160px;}
}