.elementor-117 .elementor-element.elementor-element-33b2b04{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-117 .elementor-element.elementor-element-ea5de41{--display:flex;}.elementor-117 .elementor-element.elementor-element-df397ba .elementor-repeater-item-0500191 .swiper-slide-bg{background-color:#833ca3;background-image:url(https://veriinfo.io.vn/wp-content/uploads/2026/03/thvien2.jpg);background-size:cover;}.elementor-117 .elementor-element.elementor-element-df397ba .elementor-repeater-item-0500191 .elementor-background-overlay{background-color:rgba(0,0,0,0.5);mix-blend-mode:multiply;}.elementor-117 .elementor-element.elementor-element-df397ba .elementor-repeater-item-0500191 .swiper-slide-contents{margin:0 auto;text-shadow:0px 0px 27px rgba(50.84401543078278, 10.545480541198552, 87.72006225585938, 0.61);}.elementor-117 .elementor-element.elementor-element-df397ba .elementor-repeater-item-0500191 .swiper-slide-inner{align-items:center;text-align:center;}.elementor-117 .elementor-element.elementor-element-df397ba .elementor-repeater-item-0500191 .swiper-slide-inner .elementor-slide-heading{color:#FFFFFF;}.elementor-117 .elementor-element.elementor-element-df397ba .elementor-repeater-item-0500191 .swiper-slide-inner .elementor-slide-description{color:#FFFFFF;}.elementor-117 .elementor-element.elementor-element-df397ba .elementor-repeater-item-0500191 .swiper-slide-inner .elementor-slide-button{color:#FFFFFF;border-color:#FFFFFF;}.elementor-117 .elementor-element.elementor-element-df397ba .elementor-repeater-item-c05760b .swiper-slide-bg{background-color:#4054b2;background-image:url(https://veriinfo.io.vn/wp-content/uploads/2026/03/084c40cde3ece7b9aed5fd447cd8cf10.jpg);background-size:cover;}.elementor-117 .elementor-element.elementor-element-df397ba .elementor-repeater-item-c05760b .elementor-background-overlay{background-color:rgba(0,0,0,0.5);}.elementor-117 .elementor-element.elementor-element-df397ba .elementor-repeater-item-b3cc881 .swiper-slide-bg{background-color:#1abc9c;background-image:url(https://veriinfo.io.vn/wp-content/uploads/2026/03/thvien3.jpg);background-size:cover;}.elementor-117 .elementor-element.elementor-element-df397ba .elementor-repeater-item-b3cc881 .elementor-background-overlay{background-color:rgba(0,0,0,0.5);}.elementor-117 .elementor-element.elementor-element-df397ba .swiper-slide{transition-duration:calc(5000ms*1.2);height:503px;}.elementor-117 .elementor-element.elementor-element-df397ba .swiper-slide-contents{max-width:66%;}.elementor-117 .elementor-element.elementor-element-df397ba .swiper-slide-inner{text-align:center;}.elementor-117 .elementor-element.elementor-element-df397ba .swiper-slide-inner .elementor-slide-heading:not(:last-child){margin-bottom:37px;}.elementor-117 .elementor-element.elementor-element-df397ba .elementor-slide-heading{font-family:"Be Vietnam Pro", Sans-serif;font-size:50px;font-weight:900;font-style:normal;line-height:56px;letter-spacing:2.8px;}.elementor-117 .elementor-element.elementor-element-df397ba .elementor-slide-description{font-size:16px;font-style:italic;}.elementor-117 .elementor-element.elementor-element-df397ba .elementor-swiper-button{font-size:47px;}.elementor-117 .elementor-element.elementor-element-df397ba .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:7px;--swiper-pagination-bullet-vertical-gap:7px;height:12px;width:12px;}.elementor-117 .elementor-element.elementor-element-df397ba .swiper-horizontal .swiper-pagination-progressbar{height:12px;}.elementor-117 .elementor-element.elementor-element-df397ba .swiper-pagination-fraction{font-size:12px;}.elementor-117 .elementor-element.elementor-element-df397ba .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){background-color:#FFFFFF;opacity:1;}.elementor-117 .elementor-element.elementor-element-df397ba .swiper-pagination-bullet-active{background-color:#FFFFFF;}.elementor-117 .elementor-element.elementor-element-7a875c1{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:60px;--padding-bottom:60px;--padding-left:60px;--padding-right:60px;}.elementor-117 .elementor-element.elementor-element-7a875c1:not(.elementor-motion-effects-element-type-background), .elementor-117 .elementor-element.elementor-element-7a875c1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at top left, #60A5FA36 0%, #F2295B00 100%);}.elementor-117 .elementor-element.elementor-element-f25535a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-117 .elementor-element.elementor-element-306d21f.elementor-element{--align-self:flex-start;--order:-99999 /* order start hack */;}.elementor-widget-heading .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-117 .elementor-element.elementor-element-5e98735{text-align:start;}.elementor-117 .elementor-element.elementor-element-5e98735 .elementor-heading-title{font-family:"Be Vietnam Pro", Sans-serif;font-size:48px;font-weight:900;letter-spacing:-1px;word-spacing:1.2px;color:#FFFFFF;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-117 .elementor-element.elementor-element-90f089b .elementor-icon-list-icon i{color:#60A5FA;transition:color 0.3s;}.elementor-117 .elementor-element.elementor-element-90f089b .elementor-icon-list-icon svg{fill:#60A5FA;transition:fill 0.3s;}.elementor-117 .elementor-element.elementor-element-90f089b{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-117 .elementor-element.elementor-element-90f089b .elementor-icon-list-item > .elementor-icon-list-text, .elementor-117 .elementor-element.elementor-element-90f089b .elementor-icon-list-item > a{font-family:"Be Vietnam Pro", Sans-serif;font-size:14px;font-style:italic;}.elementor-117 .elementor-element.elementor-element-90f089b .elementor-icon-list-text{text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:var( --e-global-color-text );transition:color 0.3s;}.elementor-117 .elementor-element.elementor-element-90f089b .elementor-icon-list-item:hover .elementor-icon-list-text{color:#FFFFFF;}.elementor-117 .elementor-element.elementor-element-edfc79a{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-117 .elementor-element.elementor-element-5351419{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:40px 40px;--row-gap:40px;--column-gap:40px;}.elementor-117 .elementor-element.elementor-element-caa08e0{--display:flex;}.elementor-117 .elementor-element.elementor-element-caa08e0.e-con{--align-self:flex-start;}.elementor-117 .elementor-element.elementor-element-2760bdd .elementor-heading-title{font-family:"Be Vietnam Pro", Sans-serif;font-weight:800;letter-spacing:1px;color:#60A5FA;}.elementor-117 .elementor-element.elementor-element-ab9f44c.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-widget-text-editor{color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-117 .elementor-element.elementor-element-c6da4b0 .elementor-heading-title{font-family:"Be Vietnam Pro", Sans-serif;font-weight:800;letter-spacing:1px;color:#60A5FA;}.elementor-117 .elementor-element.elementor-element-574a262{text-align:start;}.elementor-117 .elementor-element.elementor-element-574a262 .elementor-heading-title{font-family:"Be Vietnam Pro", Sans-serif;font-weight:800;letter-spacing:1px;}.elementor-117 .elementor-element.elementor-element-94a96ae{text-align:start;}.elementor-117 .elementor-element.elementor-element-94a96ae .elementor-heading-title{font-family:"Be Vietnam Pro", Sans-serif;font-weight:800;letter-spacing:1px;}.elementor-117 .elementor-element.elementor-element-18b2902{--display:flex;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-117 .elementor-element.elementor-element-18b2902:not(.elementor-motion-effects-element-type-background), .elementor-117 .elementor-element.elementor-element-18b2902 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at bottom center, #60A5FA45 0%, #F2295B00 100%);}.elementor-117 .elementor-element.elementor-element-18b2902.e-con{--align-self:flex-start;}.elementor-117 .elementor-element.elementor-element-20fd227{width:100%;max-width:100%;}.elementor-117 .elementor-element.elementor-element-20fd227.elementor-element{--align-self:stretch;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-117 .elementor-element.elementor-element-33b2b04{--content-width:1200px;}.elementor-117 .elementor-element.elementor-element-f25535a{--width:70%;}.elementor-117 .elementor-element.elementor-element-edfc79a{--width:30%;}.elementor-117 .elementor-element.elementor-element-caa08e0{--width:66%;}.elementor-117 .elementor-element.elementor-element-18b2902{--width:30%;}}/* Start custom CSS for slides, class: .elementor-element-df397ba *//* 1. Bọc toàn bộ Slider với góc bo tròn */
.elementor-117 .elementor-element.elementor-element-df397ba {
    border-radius: 30px;
    overflow: hidden;
    box-shadow: 0 40px 80px rgba(0,0,0,0.5), inset 0 0 0 1px rgba(255,255,255,0.05);
}

/* 2. Hiệu ứng Kính mờ (Glassmorphism) cho hộp Nội dung */
.elementor-117 .elementor-element.elementor-element-df397ba .elementor-slide-content {
    background: rgba(10, 10, 18, 0.4) !important;
    backdrop-filter: blur(25px) !important;
    -webkit-backdrop-filter: blur(25px) !important;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 24px;
    padding: 40px 50px !important;
    max-width: 800px;
    transition: transform 0.2s ease-out; 
}

/* 3. Font chữ Tiêu đề (ĐÃ TRẢ VỀ BE VIETNAM PRO) */
.elementor-117 .elementor-element.elementor-element-df397ba .elementor-slide-heading {
    font-family: 'Be Vietnam Pro', sans-serif !important;
    font-weight: 900 !important;
    color: #ffffff !important;
    text-shadow: 0 10px 30px rgba(255,255,255,0.2);
    letter-spacing: -1px;
    line-height: 1.2 !important;
    margin-bottom: 20px !important;
}

/* 4. Font chữ Nội dung */
.elementor-117 .elementor-element.elementor-element-df397ba .elementor-slide-description {
    font-family: 'Be Vietnam Pro', sans-serif !important;
    color: #cbd5e1 !important;
    font-size: 1.1rem !important;
    line-height: 1.8 !important;
}

/* =========================================
   5. ĐỘ LẠI NÚT MŨI TÊN (ĐÃ FIX LỆCH TÂM)
   ========================================= */
.elementor-117 .elementor-element.elementor-element-df397ba .elementor-swiper-button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(255, 255, 255, 0.05) !important;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    width: 60px !important;
    height: 60px !important;
    color: #93c5fd !important; 
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}

/* Ép icon bên trong nằm ngay giữa, không bị rớt dòng */
.elementor-117 .elementor-element.elementor-element-df397ba .elementor-swiper-button i {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Hiệu ứng Hover mũi tên phát sáng và phình to */
.elementor-117 .elementor-element.elementor-element-df397ba .elementor-swiper-button:hover {
    background: #2563eb !important;
    color: #ffffff !important;
    border-color: #60a5fa;
    box-shadow: 0 0 25px rgba(59, 130, 246, 0.6), inset 0 0 10px rgba(255,255,255,0.5);
    transform: scale(1.15);
}

/* =========================================
   6. ĐỘ LẠI CHẤM CHUYỂN TRANG (PAGINATION)
   ========================================= */
.elementor-117 .elementor-element.elementor-element-df397ba .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: rgba(255,255,255,0.2) !important;
    opacity: 1 !important;
    transition: all 0.4s ease !important;
    border-radius: 10px;
}

/* Khi đang ở Slide hiện tại, dấu chấm sẽ kéo dài ra thành vệt sáng */
.elementor-117 .elementor-element.elementor-element-df397ba .swiper-pagination-bullet-active {
    width: 40px !important;
    background: #60a5fa !important;
    box-shadow: 0 0 15px rgba(96, 165, 250, 0.5);
}

/* Responsive Mobile */
@media (max-width: 767px) {
    .elementor-117 .elementor-element.elementor-element-df397ba .elementor-slide-content { padding: 30px !important; }
    .elementor-117 .elementor-element.elementor-element-df397ba .elementor-slide-heading { font-size: 2rem !important; }
    .elementor-117 .elementor-element.elementor-element-df397ba .elementor-swiper-button { display: none !important; } /* Ẩn mũi tên trên đt */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-33b2b04 *//* =========================================================
   SCOPED CSS FOR ARCH-DATA TOP CARD (DO NOT REMOVE WRAPPER)
   ========================================================= */

/* 1. Global Font (Apply to this page only) */
.vng-check-page {
    font-family: 'Be Vietnam Pro', sans-serif; /* Bạn cần add font này trong Site Settings */
    box-sizing: border-box;
}

/* 2. Colors Variables (Safe colors) */
/* 2. Colors Variables (Safe colors) */
:root {
    --vng-safe: #60a5fa;
    --vng-text: #ffffff;
    --vng-text-muted: #cbd5e1;
    --vng-bg: rgba(10, 10, 18, 0.1); /* ĐÃ SỬA: Đổi sang dạng rgba với độ mờ 40% */
    --vng-border: rgba(255, 255, 255, 0.08);
}

/* 3. Glassmorphism Card Style & Hover Effect */
.vng-check-page .glass-card {
    background: var(--vng-bg) !important;
    backdrop-filter: blur(40px) !important;
    -webkit-backdrop-filter: blur(40px) !important;
    border: 1px solid var(--vng-border) !important;
    border-radius: 2rem !important; /* Bo góc mạnh */
    box-shadow: 0 40px 80px rgba(0,0,0,0.8), inset 0 1px 0 rgba(255,255,255,0.1);
    transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}

/* 4. Badge Style (HTML Widget) */
.vng-check-page .vng-badge-wrap { margin-bottom: 2rem; }
.vng-check-page .badge-tag {
    display: inline-flex; align-items: center; 
    padding: 8px 24px; border-radius: 99px; 
    background: rgba(59,130,246,0.1); 
    border: 1px solid rgba(59,130,246,0.3); 
    font-size: 0.85rem; font-weight: 800; color: #93c5fd; 
    text-transform: uppercase; letter-spacing: 0.1em;
}

/* 5. Heading Style (H1) */
.vng-check-page h1 { font-family: 'Be Vietnam Pro', sans-serif; margin: 0 0 1.5rem 0; }

/* 6. Icon List Style (Nguồn) */
.vng-check-page .elementor-icon-list-item { margin: 0; }
.vng-check-page .elementor-icon-list-text { font-family: 'Be Vietnam Pro', sans-serif; font-size: 0.9rem !important; }

/* 7. Score Gauge SVG Styles (HTML Widget Phải) */
.vng-check-page .vng-topcard-gauge-wrap { display: flex; flex-direction: column; align-items: center; }
.vng-check-page .gauge-wrap { position: relative; width: 160px; height: 160px; margin: 0 auto; }
.vng-check-page .gauge-svg { width: 100%; height: 100%; transform: rotate(-90deg); }
.vng-check-page .gauge-bg { fill: none; stroke: rgba(255,255,255,0.06); stroke-width: 14; }
.vng-check-page .gauge-fill { fill: none; stroke-width: 14; stroke-linecap: round; stroke: #60a5fa; transition: stroke-dashoffset 1.5s ease-out; }
.vng-check-page .gauge-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; }
.vng-check-page .gauge-score { font-size: 3rem; font-weight: 900; letter-spacing: -2px; color: #60a5fa; }
.vng-check-page .gauge-status { margin-top: 20px; font-size: 1.25rem; font-weight: 900; letter-spacing: 0.1em; text-transform: uppercase; text-align: center; color: #60a5fa; }

/* 8. Mobile Responsive (Chỉ fix Top Card) */
@media (max-width: 767px) {
    .vng-check-page .glass-card { padding: 30px !important; }
    .vng-check-page h1 { font-size: 32px !important; }
}

/* =========================================================
   PHỤC HỒI BACKGROUND GIRD & GLOW (SCOPED)
   ========================================================= */
.vng-check-page {
    position: relative;
    z-index: 1; /* Để chứa background bên dưới */
    /* Nếu theme bạn nền trắng, hãy bật dòng dưới lên để ép nền đen cho riêng vùng này */
    /* background-color: #03040c; */ 
}

/* 1. Grid Background */
.vng-check-page::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-image: linear-gradient(rgba(255, 255, 255, 0.02) 1px, transparent 1px), 
                      linear-gradient(90deg, rgba(255, 255, 255, 0.02) 1px, transparent 1px);
    background-size: 50px 50px;
    z-index: -2;
    pointer-events: none;
}

/* 2. Ambient Glow Effect */
.vng-check-page::after {
    content: '';
    position: absolute;
    top: 0; left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 1200px;
    height: 100%;
    background: radial-gradient(circle at 50% 20%, rgba(37, 99, 235, 0.15) 0%, rgba(139, 92, 246, 0.05) 40%, transparent 70%);
    filter: blur(80px);
    z-index: -1;
    pointer-events: none;
    /* Có thể thêm animation drift của bạn vào đây nếu muốn */
}



/* =========================================================
   SCOPED CSS TỪ ĐÂY XUỐNG DƯỚI DÀNH CHO MAIN CONTENT
   ========================================================= */

/* 1. Typography base */
.vng-check-page .detail-section-title {
    font-size: 1rem; font-weight: 900; text-transform: uppercase; letter-spacing: 0.1em; 
    color: #60a5fa; margin: 2.5rem 0 1.5rem 0; 
    border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 15px;
}
.vng-check-page .detail-text, .vng-check-page .detail-text p {
    color: #cbd5e1; line-height: 1.8; font-size: 0.95rem; margin-bottom: 1.5rem;
}

/* 2. Highlight Box (Thay thế class Tailwind) */
.vng-check-page .vng-highlight-box {
    padding: 1.5rem; background: rgba(59, 130, 246, 0.1);
    border: 1px solid rgba(59, 130, 246, 0.3);
    border-radius: 1rem; margin-bottom: 1.5rem;
}
.vng-check-page .vng-highlight-box p {
    color: #fff; font-size: 1.125rem; margin: 0;
}

/* 3. Phân Tích Kỹ Thuật (Node Items) */
.vng-check-page .vng-node-list { display: flex; flex-direction: column; gap: 1.5rem; }
.vng-check-page .node-item {
    display: flex; gap: 1.25rem; padding: 1.5rem; 
    background: rgba(255,255,255,0.02); border-radius: 1.25rem; 
    border: 1px solid rgba(255,255,255,0.05); transition: 0.3s;
}
.vng-check-page .node-item:hover {
    background: rgba(255,255,255,0.04); border-color: rgba(59,130,246,0.3);
}
.vng-check-page .node-icon {
    width: 3rem; height: 3rem; border-radius: 0.75rem; 
    background: rgba(59,130,246,0.2); color: #60a5fa;
    display: flex; align-items: center; justify-content: center; font-size: 1.25rem; flex-shrink: 0;
}
.vng-check-page .node-text h4 { color: #fff; font-size: 1.125rem; margin: 0 0 0.5rem 0; font-weight: 700; }
.vng-check-page .node-text p { color: #94a3b8; font-size: 0.875rem; margin: 0; line-height: 1.6; }
.vng-check-page .node-text code { background: rgba(0,0,0,0.5); padding: 2px 6px; border-radius: 4px; color: #93c5fd; }

/* 4. Sidebar Buttons */
.vng-check-page .vng-action-buttons { display: flex; flex-direction: column; gap: 1rem; }
.vng-check-page .vng-action-buttons button {
    width: 100%; padding: 0.875rem; border-radius: 0.75rem; 
    font-weight: 700; font-size: 1rem; cursor: pointer; transition: 0.3s;
    font-family: inherit; display: flex; align-items: center; justify-content: center; gap: 0.5rem;
}
.vng-check-page .btn-primary {
    background: #2563eb; color: #fff; border: none;
}
.vng-check-page .btn-primary:hover { background: #3b82f6; }

.vng-check-page .btn-secondary {
    background: rgba(255,255,255,0.05); color: #fff; 
    border: 1px solid rgba(255,255,255,0.1);
}
.vng-check-page .btn-secondary:hover { background: rgba(255,255,255,0.1); }/* End custom CSS */