.elementor-kit-6{--e-global-color-primary:#1786F6;--e-global-color-secondary:#072749;--e-global-color-text:#EBFAFF;--e-global-color-accent:#E2EC14;--e-global-color-f7ddb66:#EAEAEA;--e-global-color-b48cf14:#FFFFFF;--e-global-typography-primary-font-family:"HM JetBrains Mono";--e-global-typography-primary-font-size:50px;--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"HM Clash Display Semibold";--e-global-typography-secondary-font-size:80px;--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"HM Geist";--e-global-typography-text-font-size:15px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:var( --e-global-color-primary );color:var( --e-global-color-b48cf14 );font-family:"HM Geist", Sans-serif;font-size:13px;font-weight:400;line-height:16px;overscroll-behavior:contain;--e-preloader-animation:eicon-spin;--e-preloader-animation-duration:2300ms;--e-preloader-delay:200ms;--e-preloader-color:#DAE31F;--e-preloader-size:19px;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{background-color:#FFFFFF00;font-family:"HM JetBrains Mono", Sans-serif;font-size:13px;color:var( --e-global-color-b48cf14 );border-style:none;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-kit-6 e-page-transition{background-color:var( --e-global-color-secondary );}.elementor-kit-6 a{color:var( --e-global-color-b48cf14 );}.elementor-kit-6 a:hover{color:#FFFFFF80;}.elementor-kit-6 h1{font-family:"HM Clash Display Semibold", Sans-serif;font-size:70px;line-height:67px;}.elementor-kit-6 h2{font-family:"HM Clash Display Semibold", Sans-serif;font-size:20px;font-weight:100;line-height:25px;letter-spacing:1px;word-spacing:0px;}.elementor-kit-6 h3{font-family:"HM JetBrains Mono", Sans-serif;font-size:25px;font-weight:500;text-transform:uppercase;line-height:30px;}.elementor-kit-6 h4{font-family:"HM JetBrains Mono", Sans-serif;font-size:20px;font-weight:400;text-transform:uppercase;line-height:28px;}.elementor-kit-6 h5{font-family:"HM JetBrains Mono", Sans-serif;font-size:14px;font-weight:400;text-transform:uppercase;line-height:20px;}.elementor-kit-6 h6{font-family:"HM Geist", Sans-serif;font-size:18px;font-weight:300;line-height:25px;}.elementor-kit-6 button:hover,.elementor-kit-6 button:focus,.elementor-kit-6 input[type="button"]:hover,.elementor-kit-6 input[type="button"]:focus,.elementor-kit-6 input[type="submit"]:hover,.elementor-kit-6 input[type="submit"]:focus,.elementor-kit-6 .elementor-button:hover,.elementor-kit-6 .elementor-button:focus{color:var( --e-global-color-b48cf14 );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:100%;}.e-con{--container-max-width:100%;--container-default-padding-top:0rem;--container-default-padding-right:0rem;--container-default-padding-bottom:0rem;--container-default-padding-left:0rem;}.elementor-widget:not(:last-child){margin-block-end:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-lightbox{--lightbox-header-icons-size:20px;--lightbox-navigation-icons-size:20px;}@media(max-width:1350px){.elementor-kit-6 h3{font-size:20px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:100vw;}.e-con{--container-max-width:100vw;}}@media(max-width:767px){.elementor-kit-6 h1{font-size:40px;line-height:0.9em;}.elementor-kit-6 h3{font-size:20px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --Royal-Blue:#1786F6; --Amsterdam-Blue:#072749; --Volt-Green:#E2EC14; --Ice-Blue:#EBFAFF; --Pale-Silver:#ffffff; --White:#ffffff; --DUP_White:#ffffff; --DUP_Amsterdam-Blue:#072749; --DUP_Ice-Blue:#EBFAFF; --DUP_Royal-Blue:#1786F6; --DUP_Pale-Silver:#ffffff; --DUP_Volt-Green:#E2EC14; }
/* Start custom CSS *//* =====================================================================
   👑 TỔNG HỢP CSS TOÀN DIỆN - BẢN FIX KHỚP RỊT VỚI JS V5.3
   ===================================================================== */

/* ---------------------------------------------------------------------
   1. CUSTOM CURSOR STYLE (Thiết kế con trỏ ảo gốc của bả)
   --------------------------------------------------------------------- */
#custom-cursor {
    width: 15px;
    height: 15px;
    background: white; 
    border-radius: 50%;
    position: fixed;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 99999;
    mix-blend-mode: normal; 
    transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), 
                background 0.3s ease, 
                opacity 0.3s ease;
    transform: translate(-50%, -50%);
}

/* Hiệu ứng HOVER (Khi bả rê chuột vào nút hoặc link) -> Thu nhỏ + Vàng chanh */
#custom-cursor.is-hovering {
    transform: translate(-50%, -50%) scale(0.6) !important; /* 📉 Thu nhỏ lại còn 0.6 lần */
    mix-blend-mode: none !important;                         /* Tắt blend mode để hiện màu chuẩn */
    background: #E2EC14 !important;                          /* 💛 ÉP ĐỔI SANG MÀU VÀNG CHANH CHÍNH CHỦ */
}

/* Ẩn trỏ chuột hệ thống & Hiện trỏ chuột ảo trên Desktop/Laptop */
@media (pointer: fine) {
    html, body, *, a, button, .elementor-button, .elementor-clickable {
        cursor: none !important;
        cursor: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII='), none !important;
    }
    #custom-cursor { display: block !important; }
}

/* Trả lại chuột mặc định & Ẩn trỏ chuột ảo trên Điện thoại/Tablet */
@media (pointer: coarse) {
    html, body, * { cursor: auto !important; }
    #custom-cursor { display: none !important; }
}

/* ---------------------------------------------------------------------
   2. HỆ THỐNG PHÂN PHỐI ĐỔI MÀU SỚM KHI VÀO NỀN SÁNG (MÀU #072749)
   --------------------------------------------------------------------- */

/* A. ĐỐI VỚI NÚT SCROLL TO TOP (#back-to-top) */
/* Khóa chết nền trong suốt vĩnh viễn, xóa sạch bóng dáng nền xanh quê kiểng */
#back-to-top {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* 🎯 ĐÃ FIX SỬA ĐÚNG CLASS THEO JS V5.3 -> Đổi màu xanh đen #072749 từ đáy màn hình */
#back-to-top.nut-vao-nen-sang i,
#back-to-top.nut-vao-nen-sang svg,
#back-to-top.nut-vao-nen-sang span {
    color: #072749 !important; 
    fill: #072749 !important;
}

/* B. ĐỐI VỚI CON TRỎ CHUỘT (#custom-cursor) */
/* Khi chuột lọt vào vùng nền sáng và ĐÃ CHẠM ĐỈNH TOP -> Đổi nền chấm tròn sang màu xanh đen #072749 */
#custom-cursor.vao-nen-sang {
    background: #072749 !important; 
}

/* 1. Khi chuột lọt vào vùng nền sáng và đã chạm đỉnh -> Đổi sang màu xanh đen #072749 */
#custom-cursor.vao-nen-sang {
    background: #072749 !important; 
}

/* 2. 🎯 CHIÊU CHỐT HẠ: Khi đang ở nền sáng mà HOVER vào nút/link -> Ép co nhỏ và hóa vàng chanh tức thì! */
#custom-cursor.vao-nen-sang.is-hovering {
    transform: translate(-50%, -50%) scale(0.6) !important; /* Co nhỏ lại */
    background: #E2EC14 !important;                          /* Hiện màu vàng chanh chuẩn đét */
    mix-blend-mode: none !important;
}

/* ---------------------------------------------------------------------
   3. CÁC TIỆN ÍCH KHÁC (Giữ nguyên gốc của bả)
   --------------------------------------------------------------------- */
/* Ép thẻ strong có độ nặng font chuẩn 500 */
strong {
    font-weight: 500 !important;
}

/* Thần chú ẩn hiện nút ngôn ngữ Polylang trên các trang */
html[lang*="en"] .nut-dich-en { display: none !important; }
html[lang*="en"] .nut-dich-vi { display: inline-block !important; }
html[lang*="vi"] .nut-dich-vi { display: none !important; }
html[lang*="vi"] .nut-dich-en { display: inline-block !important; }

/* Xử lý khoảng cách và bẻ dòng thẻ tiêu đề / Paragraph */
h1.e-heading-base, h2.e-heading-base, h3.e-heading-base, h4.e-heading-base, h5.e-heading-base, h6.e-heading-base,
p.e-heading-base, span.e-heading-base,
h1.elementor-heading-title, h2.elementor-heading-title, h3.elementor-heading-title, h4.elementor-heading-title, h5.elementor-heading-title, h6.elementor-heading-title,
p.elementor-heading-title, span.elementor-heading-title,
p.e-paragraph-base, span.e-paragraph-base, div.e-paragraph-base,
.elementor-text-editor {
    white-space: pre-line !important;
    margin-bottom: 0px !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'HM JetBrains Mono';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://hcmcmarathon.com/wp-content/uploads/2026/05/JetBrainsMono-Light.ttf') format('truetype');
}
@font-face {
	font-family: 'HM JetBrains Mono';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://hcmcmarathon.com/wp-content/uploads/2026/05/JetBrainsMono-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'HM JetBrains Mono';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://hcmcmarathon.com/wp-content/uploads/2026/05/JetBrainsMono-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'HM JetBrains Mono';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://hcmcmarathon.com/wp-content/uploads/2026/05/JetBrainsMono-SemiBold.ttf') format('truetype');
}
@font-face {
	font-family: 'HM JetBrains Mono';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://hcmcmarathon.com/wp-content/uploads/2026/05/JetBrainsMono-Bold.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'HM Clash Display Semibold';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://hcmcmarathon.com/wp-content/uploads/2026/05/HM-ClashDisplay-Semibold.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'HM Geist';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://hcmcmarathon.com/wp-content/uploads/2026/05/Geist-Light.ttf') format('truetype');
}
@font-face {
	font-family: 'HM Geist';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://hcmcmarathon.com/wp-content/uploads/2026/05/Geist-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'HM Geist';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://hcmcmarathon.com/wp-content/uploads/2026/05/Geist-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'HM Geist';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://hcmcmarathon.com/wp-content/uploads/2026/05/Geist-SemiBold.ttf') format('truetype');
}
@font-face {
	font-family: 'HM Geist';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://hcmcmarathon.com/wp-content/uploads/2026/05/Geist-Bold.ttf') format('truetype');
}
/* End Custom Fonts CSS */