/* =====================================================================
   Giải pháp (agent D) — CHÉP CSS gốc enwintoptec.com (yt-style.css / style.css / pages.css),
   selector giữ nguyên tên class gốc, scoped dưới .wtd-src. Sinh bằng port script, chỉnh tay phần cuối file.
   ===================================================================== */
/* ---- reset nền giống site gốc (* { margin:0; padding:0; box-sizing } , font Rubik100, h* normal…) ---- */
.wtd-page #content, .wtd-page .content-area, .wtd-page .page-wrapper { padding-top: 0 !important; padding-bottom: 0 !important; }
.wtd-src { font-size: 14px; line-height: 1.5; color: #333; }
.wtd-src, .wtd-src *, .wtd-src *::before, .wtd-src *::after { box-sizing: border-box; }
.wtd-src * { font-family: var(--wt-font); margin: 0; padding: 0; }
.wtd-src h1, .wtd-src h2, .wtd-src h3, .wtd-src h4, .wtd-src h5, .wtd-src h6 { font-size: inherit; font-weight: normal; color: inherit; letter-spacing: normal; line-height: inherit; width: auto; text-transform: none; }
.wtd-src p { margin: 0; }
.wtd-src a, .wtd-src a:hover, .wtd-src a:focus { text-decoration: none; }
.wtd-src a { color: #333; }
.wtd-src img { border: 0; vertical-align: top; max-width: none; }
.wtd-src li { list-style: none; }
.wtd-src ul, .wtd-src ol { margin: 0; }
.wtd-src input, .wtd-src button, .wtd-src textarea, .wtd-src select { border: 0; font-style: inherit; font-size: inherit; font-weight: normal; color: inherit; background: transparent; box-shadow: none; height: auto; min-height: 0; margin: 0; letter-spacing: normal; text-transform: none; line-height: normal; }

/* ---- banner trang ngành (.yt_fnnr_banner) ---- */
@media (max-width: 576px) { .wtd-src .yt_fnnr_banner p { font-size: 16px !important; margin-bottom: 10px !important; } }
.wtd-src .yt_fnnr_container { margin: 0 auto; max-width: 1300px; }
.wtd-src .yt_fnnr_banner { height: 400px; background: url("https://dummyimage.com/1920x400/0066cc/fff") center center no-repeat; background-size: cover; display: flex; align-items: center; color: #fff; position: relative; }
.wtd-src .yt_fnnr_banner_content { padding-left: 12%; }
.wtd-src .yt_fnnr_banner_content .b_tits { font-size: 18px; }
.wtd-src .yt_fnnr_banner h1 { font-size: 36px; word-wrap: break-word; hyphens: auto; }
.wtd-src .yt_fnnr_banner p { font-size: 16px; margin-bottom: 20px; color: #fff; }
.wtd-src .yt_fnnr_content { display: flex; padding: 60px 40px; align-items: flex-start; gap: 60px; }
.wtd-src .yt_fnnr_text { margin-bottom: 20px; line-height: 40px; color: #2c303d; font-size: 16px; }
.wtd-src .yt_fnnr_text .yt_desp { color: #666; line-height: 1.6; margin-bottom: 20px; }
.wtd-src .yt_fnnr_text h2 { font-size: 24px; margin: 0 0 15px; }
.wtd-src .yt_fnnr_image { margin-left: auto !important; }
.wtd-src .yt_fnnr_image img { position: relative; width: 530px; display: block; border-radius: 5px; z-index: 1; }
@media (max-width: 1024px) { .wtd-src .yt_fnnr_content { gap: 40px; padding: 40px 0; } }
@media (max-width: 1024px) { .wtd-src .yt_fnnr_banner h1 { font-size: 32px; } }
@media (max-width: 768px) { .wtd-src .yt_fnnr_content { flex-direction: column; padding: 30px 0; gap: 30px; } }
@media (max-width: 768px) { .wtd-src .yt_fnnr_banner { height: 300px; } }
@media (max-width: 768px) { .wtd-src .yt_fnnr_banner h1 { font-size: 24px; } }
.wtd-src .yt_fnnr_banner_nav { background-color: #5050503b; position: absolute; bottom: 0px; width: 100%; }
.wtd-src .yt_fnnr_banner_nav_item_center { display: flex; justify-content: space-between; align-items: center; padding: 15px; max-width: 1300px; margin: 0 auto; }
.wtd-src .yt_fnnr_banner_nav_item_left { font-size: 14px; color: #fff; }
.wtd-src .yt_fnnr_banner_nav_item_left a { color: #fff; text-decoration: none; padding: 10px 5px; }
.wtd-src .yt_fnnr_banner_nav_item_left a:hover { color: #fff; }
@media (max-width: 768px) { .wtd-src .yt_fnnr_banner_nav_item_left { display: none; } }
@media (max-width: 768px) { .wtd-src .yt_fnnr_banner_nav { overflow-x: auto; } }
@media (max-width: 767px) { .wtd-src .yt_fnnr_text { margin: 0; } }
@media (max-width: 767px) { .wtd-src .yt_fnnr_image { padding: 0 5%; margin: 0 auto; } }
@media (max-width: 767px) { .wtd-src .yt_fnnr_image img { display: none; width: 90%; height: auto; margin: 0 auto; } }
@media (max-width: 767px) { .wtd-src .aosimg:before, .wtd-src .aosimg:after { display:none } }
@media (max-width: 767px) { .wtd-src .yt_fnnr_banner_content, .wtd-src .yt_fnnr_text { padding: 5%; text-align: center; } }
@media (max-width:767px) { .wtd-src .yt_fnnr_banner_content p, .wtd-src .yt_fnnr_banner_nav { display: none; } }
@media (max-width:767px) { .wtd-src .yt_fnnr_banner_content h1 { font-size: 28px; } }
@media (max-width:767px) { .wtd-src .yt_fnnr_banner_content { width: 100%; } }
@media (max-width:767px) { .wtd-src .yt_fnnr_banner_content { text-align: center; } }
.wtd-src .aosimg { padding: 11px; }
.wtd-src .aosimg:before { content: " "; position: absolute; left: 0; bottom: 0; width: 130px; height: 160px; background: #004896; border-radius: 5px; }
.wtd-src .aosimg:after { content: " "; position: absolute; top: 0; right: 0; bottom: 0; width: 130px; height: 160px; background: #004896; border-radius: 5px; }
@media (max-width: 767px) { .wtd-src .aosimg:before, .wtd-src .aosimg:after { display: none; } }

/* ---- module4 (thẻ hệ thống) + tiêu đề .mo_tit + vân .icon_hot ---- */
.wtd-src .mo_tit::before { background: #f39800; bottom: 50%; }
.wtd-src .mo_tit::after { background: #003281; top: 50%; }
.wtd-src .mo_tit::before, .wtd-src .mo_tit::after { content:""; width: var(--size); height: var(--size); position: absolute; left: 0; z-index: 1; }
.wtd-src .mo_tit { padding-left: 0.7em; position: relative; --size: 6px; }
@media (max-width: 576px) { .wtd-src .module4_header { margin-bottom: 10px !important; } }
@media (max-width: 576px) { .wtd-src .module4_container { margin-top:0px !important; } }
@media (max-width: 576px) { .wtd-src .module4_title_link { margin-bottom: 10px !important; } }
.wtd-src .module4_container { max-width: 1300px; margin: 60px auto; padding: 20px; }
.wtd-src .module4_header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px; }
.wtd-src .module4_title { font-size: 20px; font-weight: bold; }
.wtd-src .module4_grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; padding: 0 20px; }
.wtd-src .module4_card { display: flex; flex-direction: column; overflow: hidden; border-radius: 5px; border: 1px solid #eceff3; position: relative; }
.wtd-src .module4_card_box { padding: 0 20px; padding-top: 5px; padding-bottom: 10px; }
.wtd-src .module4_image { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; background-color: #e0e0e0; margin-bottom: 10px; }
.wtd-src .module4_card .icon_hot { width: 125px; height: 125px; position: absolute; right: 0; bottom: 0; z-index: -99; opacity: .4; }
.wtd-src .module4_card .icon_hot i { background: #e8ebf0; }
@media (max-width:1560px) { .wtd-src .module4_card .icon_hot { width: 105px; height: 105px; } }
@media (max-width:1366px) { .wtd-src .module4_card .icon_hot { width: 90px; height: 90px; } }
@media (max-width:1024px) { .wtd-src .module4_card .icon_hot { width: 75px; height: 75px; } }
@media (max-width:768px) { .wtd-src .module4_card .icon_hot { width: 50px; height: 50px; } }
.wtd-src .module4_card_box a:hover { color: #f39800; transition: all .3s ease; }
.wtd-src .module4_title_link { color: #333; text-decoration: none; font-size: 17px; line-height: 1.5; margin-bottom: 10px; display: block; font-weight: 600; }
.wtd-src .module4_description { color: #888585; font-size: 12px; line-height: 1.5; margin-bottom: 10px; }
@media (max-width: 1024px) { .wtd-src .module4_grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) { .wtd-src .module4_grid { grid-template-columns: 1fr; } }
@media (max-width: 640px) { .wtd-src .module4_image { aspect-ratio: 2/1; } }
.wtd-src .icon_hot { width: 60px; height: 60px; position: relative; overflow: hidden; }
.wtd-src .icon_hot i { width: 200%; height: 12%; background: #003281; display: block; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) rotate(-45deg); transform-origin: top; }
.wtd-src .icon_hot .middle { margin: 18% 0 0 18%; }
.wtd-src .icon_hot .last { margin: 36% 0 0 36%; }
@media (max-width:1366px) { .wtd-src .icon_hot { width: 50px; height: 50px; } }
@media (max-width:1024px) { .wtd-src .icon_hot { width: 40px; height: 40px; } }
@media (max-width: 767px) { .wtd-src .module4_header { margin-bottom: 0px; } }

/* ---- module9 (Related Products) ---- */
@media (max-width: 576px) { .wtd-src .module9_module h3 { font-size: 14px !important; } }
@media (max-width: 576px) { .wtd-src .module9_module p { display: none; } }
.wtd-src .module9_modules { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; padding: 0 10px; }
.wtd-src .module9_module { flex: 1 1 calc(25% - 20px); margin: 10px; background: #ffffff; padding: 20px; border-radius: 5px; border: 1px solid #f1efef; position: relative; }
.wtd-src .module9_module p { color: #888585; font-size: 13px; margin-bottom: 5px; }
.wtd-src .module9_module h3 { font-size: 16px; font-weight: bold; margin-bottom: 5px; }
.wtd-src .module-tag { display: flex; right: 12px; position: absolute; bottom: 12px; z-index: 1; }
.wtd-src .module-tag-tui { align-items: center; border-radius: 4px; background-color: #f39800; color: #fff !important; display: flex; font-size: 12px; height: 28px; justify-content: center; margin-right: 8px; text-align: center; width: 48px; }
.wtd-src .module9_module img { max-width: 100%; height: auto; }
@media (max-width: 768px) { .wtd-src .module9_module { flex: 1 1 calc(50% - 20px); } }
.wtd-src .module9_modules { display: none; }

/* ---- form yêu cầu .ufc ---- */
@media (max-width: 768px) { .wtd-src .ufc-container-form { padding: 10px !important; } }
@media (max-width: 767px) { .wtd-src .ufc-title { margin: 20px !important; } }
.wtd-src .ufc-container-form { padding: 0; }
.wtd-src .ufc-title { text-align: center; margin: 0 0 20px 0; }
.wtd-src .ufc-title p { font-size: 14px; color: #666; }
.wtd-src .ufc-form-group { margin-bottom: 15px; }
.wtd-src .ufc-form-label { display: block; font-size: 14px; font-weight: 500; margin-bottom: 5px; color: #333; }
.wtd-src .ufc-required::after { content:" *"; color: #f56c6c; }
.wtd-src .ufc-option-group { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 10px; }
.wtd-src .ufc-radio-option { display: none; }
.wtd-src .ufc-radio-label { display: inline-block; padding: 10px 20px; background-color: #f5f7fa; border-radius: 4px; cursor: pointer; font-size: 14px; min-width: 100px; text-align: center; border: 1px solid #e0e0e0; }
.wtd-src .ufc-radio-option:checked + .ufc-radio-label { background-color: #e6f1ff; color: #409eff; border-color: #a0cfff; }
.wtd-src .ufc-radio-label:hover { border-color: #a0cfff; }
.wtd-src .ufc-textarea, .wtd-src .ufc-input { width: 100%; padding: 12px; border-radius: 10px; font-size: 14px; background-color: #f6f8fb; border: 1px solid #e0e0e0; box-sizing: border-box; }
.wtd-src .ufc-textarea:focus, .wtd-src .ufc-input:focus { outline: none; border-color: #1867c0; background-color: #fff; }
.wtd-src .ufc-textarea { min-height: 80px; resize: vertical; }
.wtd-src .ufc-submit-btn { background-color: #1867c0; color: white; border: none; border-radius: 4px; padding: 8px 15px; font-size: 13px; cursor: pointer; transition: background-color 0.3s; }
.wtd-src .ufc-submit-btn:hover { background-color: #1756a9; }
.wtd-src .ufc-two-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
@media (max-width: 600px) { .wtd-src .ufc-two-columns { grid-template-columns: 1fr; } }
.wtd-src .ufc-container-form { padding:40px }
.wtd-src .ufc-container { background-color:#fff;color:#333;line-height:1.6;padding:20px;max-width:800px;margin:0 auto;border-radius:8px }
.wtd-src .ufc-title { text-align:center;margin:20px 0 }
.wtd-src .ufc-title h2 { font-size:24px;font-weight:700 }
.wtd-src .ufc-form-group { margin-bottom:15px }
.wtd-src .ufc-form-label { display:block;font-size:14px;font-weight:500;margin-bottom:5px;color:#333 }
.wtd-src .ufc-required::after { content:" *";color:#f56c6c }
.wtd-src .ufc-option-group { display:flex;flex-wrap:wrap;gap:12px;margin-bottom:10px }
.wtd-src .ufc-radio-option { display:none }
.wtd-src .ufc-radio-label { display:inline-block;padding:10px 20px;background-color:#f5f7fa;border-radius:4px;cursor:pointer;font-size:14px;min-width:100px;text-align:center }
.wtd-src .ufc-radio-option:checked+.ufc-radio-label { background-color:#e6f1ff;color:#409eff }
.wtd-src .ufc-input:not(:disabled):hover, .wtd-src .ufc-radio-label:hover, .wtd-src .ufc-textarea:not(:disabled):hover { background:-webkit-gradient(linear,left bottom,left top,from(rgba(25,25,26,.04)),to(rgba(25,25,26,.04))),#f6f6f8;background:linear-gradient(0deg,rgba(25,25,26,.04),rgba(25,25,26,.04)),#f6f6f8 }
.wtd-src .ufc-textarea { width:100%;padding:12px;border-radius: 10px;min-height:100px;font-size:14px;resize:vertical;background-color:#f6f8fb }
.wtd-src .ufc-input { width:100%;padding:12px;border-radius:10px;font-size:14px;background-color:#f6f8fb }
.wtd-src .ufc-submit-btn { background-color: #1867c0; color: #fff; border: none; font-size: 15px; border-radius: 18px 0 18px 0; cursor: pointer; transition: background-color .3s; padding: 12px 28px; }
.wtd-src .ufc-submit-btn:hover { background-color:#1756a9 }
.wtd-src .ufc-two-columns { display:grid;grid-template-columns:1fr 1fr;gap:20px }
@media (max-width:600px) { .wtd-src .ufc-two-columns { grid-template-columns:1fr } }

/* ---- tổng quan giải pháp (.jjff-card) ---- */
.wtd-src { --jjff-card-bg: #f8f9fa; --jjff-card-radius: 16px; --jjff-gap: 20px; --jjff-primary-color: #3a86ff; --jjff-text-dark: #333; --jjff-text-light: #6c757d; }
@media (max-width: 576px) { .wtd-src .jjff-card__details { display: none; } }
.wtd-src .jjff-container { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--jjff-gap); width: 100%; max-width: 1400px; }
.wtd-src .jjff-card { background-color: var(--jjff-card-bg); border-radius: var(--jjff-card-radius); overflow: hidden; display: flex; flex-direction: column; transition: transform 0.3s ease, box-shadow 0.3s ease; }
.wtd-src .jjff-card:hover { transform: translateY(-5px); }
.wtd-src .jjff-card__image-wrapper { position: relative; width: 100%; height: 320px; }
.wtd-src .jjff-card__image { width: 100%; height: 100%; object-fit: cover; }
.wtd-src .jjff-card__tag { position: absolute; top: 15px; left: 15px; background-color: #f39800; color: white; padding: 5px 15px; border-radius: 20px; font-size: 14px; font-weight: 500; }
.wtd-src .jjff-card__content { padding: 25px; text-align: center; display: flex; flex-direction: column; flex-grow: 1; position: relative; }
.wtd-src .jjf-bfg { background: linear-gradient( to top, rgb(248 249 250) 30%, rgb(248 249 250 / 93%) 50%, rgb(248 249 250 / 79%) 65%, rgba(248, 249, 250, 0) 100% ); height: 100px; position: absolute; width: 100%; left: 0; top: -25%; }
.wtd-src .jjff-card__title { font-size: 20px; color: var(--jjff-text-dark); margin: 0 0 10px 0; font-weight: 600; z-index: 1; }
.wtd-src .jjff-card__details { color: var(--jjff-text-light); font-size: 14px; line-height: 1.6; flex-grow: 1; margin-bottom: 20px; text-align: left; }
.wtd-src .jjff-card__details p { margin: 0; }
.wtd-src .jjff-card__links { display: grid; gap: 12px; font-size: 14px; text-align: left; }
.wtd-src .jjff-card__links a { color: #6c757d; }
.wtd-src .jjff-card__links a:hover { color: #f39800; transition: all .3s ease; }
.wtd-src .jjff-card--small { position: relative; flex-grow: 1; min-height: 280px; display: flex; flex-direction: column; }
.wtd-src .jjff-card--small .jjff-card__image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1; }
.wtd-src .jjff-card--small .jjff-card__tag { position: absolute; top: 15px; left: 15px; z-index: 3; }
.wtd-src .jjff-card__overlay-content { padding: 40px 20px 0px 20px; color: white; }
@media (max-width: 1024px) { .wtd-src .jjff-container { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 1024px) { .wtd-src .jjff-card--small { width: 50%; } }
@media (max-width: 768px) { .wtd-src .jjff-container { display: flex; flex-direction: column; } }
@media (max-width: 768px) { .wtd-src .jjff-card--small { width: 100%; min-height: 500px; } }
@media (max-width: 768px) { .wtd-src .jjff-card__overlay-content { background: linear-gradient(to top, rgb(248 249 250) 30%, rgb(248 249 250 / 93%) 50%, rgb(248 249 250 / 79%) 65%, rgba(248, 249, 250, 0) 100%); padding: 40px 20px 20px 20px; margin-bottom:-1px; } }
@media (max-width: 768px) { .wtd-src .jjff-card__overlay-content h4 { color: #6c757d; font-size: 14px; font-weight: 400; } }
@media (max-width: 768px) { .wtd-src .jjff-card__overlay-content .jjff-card__title { display: block; text-align: center; } }
@media (min-width: 768px) { .wtd-src .jjff-card__overlay-content .jjff-card__title { display: none; } }

/* ---- chuyển markup CF7 → giao diện .ufc gốc (radio chip, input, textarea, nút) ---- */
.wtd-src .ufc-form .wpcf7-form-control-wrap { display: block; }
.wtd-src .ufc-option-group .wpcf7-form-control-wrap, .wtd-src .ufc-option-group .wpcf7-radio { display: contents; }
.wtd-src .ufc-option-group .wpcf7-list-item { display: inline-block; margin: 0; }
.wtd-src .ufc-option-group .wpcf7-list-item label { display: block; margin: 0; font-weight: normal; font-size: 14px; cursor: pointer; }
.wtd-src .ufc-option-group input[type="radio"] { position: absolute; opacity: 0; width: 1px; height: 1px; pointer-events: none; }
.wtd-src .ufc-option-group .wpcf7-list-item-label { display: inline-block; margin: 0; padding: 10px 20px; background-color: #f5f7fa; border-radius: 4px; cursor: pointer; font-size: 14px; line-height: 22.4px; min-width: 100px; text-align: center; border: 1px solid #e0e0e0; color: #333; }
.wtd-src .ufc-option-group .wpcf7-list-item-label::before, .wtd-src .ufc-option-group .wpcf7-list-item-label::after { content: none; }
.wtd-src .ufc-option-group label:hover .wpcf7-list-item-label { border-color: #a0cfff; background: linear-gradient(0deg, rgba(25, 25, 26, .04), rgba(25, 25, 26, .04)), #f6f6f8; }
.wtd-src .ufc-option-group input:checked + .wpcf7-list-item-label { background: #e6f1ff; color: #409eff; border-color: #a0cfff; }
.wtd-src .ufc-form input.ufc-input, .wtd-src .ufc-form textarea.ufc-textarea { display: block; width: 100%; height: 43px; padding: 12px; border-radius: 10px; font-size: 14px; line-height: normal; color: #333; background-color: #f6f8fb; border: 1px solid #e0e0e0; box-shadow: none; margin: 0; }
.wtd-src .ufc-form textarea.ufc-textarea { height: 100px; min-height: 100px; max-height: none; resize: vertical; }
.wtd-src .ufc-form input.ufc-input:not(:disabled):hover, .wtd-src .ufc-form textarea.ufc-textarea:not(:disabled):hover { background: linear-gradient(0deg, rgba(25, 25, 26, .04), rgba(25, 25, 26, .04)), #f6f6f8; }
.wtd-src .ufc-form input.ufc-input:focus, .wtd-src .ufc-form textarea.ufc-textarea:focus { outline: none; border-color: #1867c0; background: #fff; box-shadow: none; }
.wtd-src .ufc-form ::placeholder { color: #757575; opacity: 1; }
.wtd-src .ufc-form input.ufc-submit-btn { display: inline-block; width: auto; height: 42px; min-height: 0; margin: 0; padding: 12px 28px; font-size: 15px; line-height: normal; font-weight: 400; letter-spacing: normal; text-transform: none; color: #fff; background-color: #1867c0; border: none; border-radius: 18px 0 18px 0; box-shadow: none; cursor: pointer; transition: background-color .3s; }
.wtd-src .ufc-form input.ufc-submit-btn:hover { background-color: #1756a9; color: #fff; }
.wtd-src .ufc-form .ufc-form-group { position: relative; }
.wtd-src .ufc-form .wpcf7-spinner { position: absolute; margin: 9px 0 0 10px; }
.wtd-src .ufc-form .wpcf7-not-valid-tip { font-size: 12px; color: #f56c6c; margin-top: 4px; }
.wtd-src .ufc-form .wpcf7-not-valid { border-color: #f56c6c !important; }
.wtd-src .ufc-form .wpcf7-response-output { margin: 10px 0 0 !important; padding: 10px 14px !important; border-radius: 4px; font-size: 14px; text-align: center; }
.wtd-src .ufc-form.sent .wpcf7-response-output { border-color: #67c23a !important; color: #529b2e; background: #f0f9eb; }
.wtd-src .ufc-form.invalid .wpcf7-response-output, .wtd-src .ufc-form.failed .wpcf7-response-output { border-color: #e6a23c !important; color: #b88230; background: #fdf6ec; }