:root {--primary-color: #446084;}.full-width .ubermenu-nav, .container, .row{max-width: 1250px}.row.row-collapse{max-width: 1220px}.row.row-small{max-width: 1242.5px}.row.row-large{max-width: 1280px}.header-main{height: 90px}#logo img{max-height: 90px}#logo{width:169px;}.header-top{min-height: 30px}.transparent .header-main{height: 90px}.transparent #logo img{max-height: 90px}.has-transparent + .page-title:first-of-type,.has-transparent + #main > .page-title,.has-transparent + #main > div > .page-title,.has-transparent + #main .page-header-wrapper:first-of-type .page-title{padding-top: 120px;}.header.show-on-scroll,.stuck .header-main{height:70px!important}.stuck #logo img{max-height: 70px!important}.search-form{ width: 26%;}.header-bottom {background-color: #f1f1f1}.header-main .nav > li > a{line-height: 26px }@media (max-width: 549px) {.header-main{height: 70px}#logo img{max-height: 70px}}.main-menu-overlay{background-color: #0a0a0a}.nav-dropdown{border-radius:10px}.nav-dropdown{font-size:100%}.header-top{background-color:#000000!important;}body{font-family:"Roboto", sans-serif}body{font-weight: 0}body{color: #474747}.nav > li > a {font-family:"Roboto", sans-serif;}.mobile-sidebar-levels-2 .nav > li > ul > li > a {font-family:"Roboto", sans-serif;}.nav > li > a {font-weight: 700;}.mobile-sidebar-levels-2 .nav > li > ul > li > a {font-weight: 700;}h1,h2,h3,h4,h5,h6,.heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a{font-family: "Roboto", sans-serif;}h1,h2,h3,h4,h5,h6,.heading-font,.banner h1,.banner h2{font-weight: 700;}h1,h2,h3,h4,h5,h6,.heading-font{color: #0a0a0a;}.alt-font{font-family: "Dancing Script", sans-serif;}.alt-font{font-weight: 400!important;}.header:not(.transparent) .header-nav-main.nav > li > a {color: #0a0a0a;}.header:not(.transparent) .header-nav-main.nav > li > a:hover,.header:not(.transparent) .header-nav-main.nav > li.active > a,.header:not(.transparent) .header-nav-main.nav > li.current > a,.header:not(.transparent) .header-nav-main.nav > li > a.active,.header:not(.transparent) .header-nav-main.nav > li > a.current{color: #f27227;}.header-nav-main.nav-line-bottom > li > a:before,.header-nav-main.nav-line-grow > li > a:before,.header-nav-main.nav-line > li > a:before,.header-nav-main.nav-box > li > a:hover,.header-nav-main.nav-box > li.active > a,.header-nav-main.nav-pills > li > a:hover,.header-nav-main.nav-pills > li.active > a{color:#FFF!important;background-color: #f27227;}.header:not(.transparent) .header-bottom-nav.nav > li > a{color: #0a0a0a;}.header:not(.transparent) .header-bottom-nav.nav > li > a:hover,.header:not(.transparent) .header-bottom-nav.nav > li.active > a,.header:not(.transparent) .header-bottom-nav.nav > li.current > a,.header:not(.transparent) .header-bottom-nav.nav > li > a.active,.header:not(.transparent) .header-bottom-nav.nav > li > a.current{color: #fa1414;}.header-bottom-nav.nav-line-bottom > li > a:before,.header-bottom-nav.nav-line-grow > li > a:before,.header-bottom-nav.nav-line > li > a:before,.header-bottom-nav.nav-box > li > a:hover,.header-bottom-nav.nav-box > li.active > a,.header-bottom-nav.nav-pills > li > a:hover,.header-bottom-nav.nav-pills > li.active > a{color:#FFF!important;background-color: #fa1414;}a{color: #0380f6;}a:hover{color: #f27227;}.tagcloud a:hover{border-color: #f27227;background-color: #f27227;}.header-main .social-icons,.header-main .cart-icon strong,.header-main .menu-title,.header-main .header-button > .button.is-outline,.header-main .nav > li > a > i:not(.icon-angle-down){color: #f27227!important;}.header-main .header-button > .button.is-outline,.header-main .cart-icon strong:after,.header-main .cart-icon strong{border-color: #f27227!important;}.header-main .header-button > .button:not(.is-outline){background-color: #f27227!important;}.header-main .current-dropdown .cart-icon strong,.header-main .header-button > .button:hover,.header-main .header-button > .button:hover i,.header-main .header-button > .button:hover span{color:#FFF!important;}.header-main .menu-title:hover,.header-main .social-icons a:hover,.header-main .header-button > .button.is-outline:hover,.header-main .nav > li > a:hover > i:not(.icon-angle-down){color: #f27227!important;}.header-main .current-dropdown .cart-icon strong,.header-main .header-button > .button:hover{background-color: #f27227!important;}.header-main .current-dropdown .cart-icon strong:after,.header-main .current-dropdown .cart-icon strong,.header-main .header-button > .button:hover{border-color: #f27227!important;}/* Custom CSS */#footer a {color: white;}.wp-post-image {border-radius: 10px;}.col-inner {border-radius: 10px;}.elementor-tab-title {border-radius: 8px;}.elementor-tab-title {text-align: center;}.khu-vuc-mien-bac {text-align: center;}.box-image {border-radius: 8px;}/* ===== STYLE RIÊNG CHO FORM ID 4822 ===== */#wpforms-4822 {font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;}/* Giảm khoảng cách giữa các field */#wpforms-4822 .wpforms-field {padding: 2px 0 !important;margin-bottom: 2px !important;}/* Label gọn, hiện đại */#wpforms-4822 .wpforms-field-label {font-size: 13px;font-weight: 500;margin-bottom: 4px;color: #333;}/* Input / Select / Textarea */#wpforms-4822 input[type="text"],#wpforms-4822 input[type="email"],#wpforms-4822 input[type="tel"],#wpforms-4822 select,#wpforms-4822 textarea {height: 42px;padding: 8px 12px;border-radius: 10px;border: 1px solid #dfe3e8;background: #fff;font-size: 14px;transition: all 0.2s ease;}/* Textarea thấp hơn */#wpforms-4822 textarea {min-height: 90px;}/* Focus nhìn xịn */#wpforms-4822 input:focus,#wpforms-4822 select:focus,#wpforms-4822 textarea:focus {border-color: #0066ff;box-shadow: 0 0 0 2px rgba(0,102,255,0.1);outline: none;}/* Placeholder */#wpforms-4822 ::placeholder {color: #9aa0a6;font-size: 13px;}/* Nút submit hiện đại */#wpforms-4822 .wpforms-submit {width: 100%;height: 46px;border-radius: 12px;background: linear-gradient(135deg, #0066ff, #0099ff);color: #fff;font-size: 15px;font-weight: 600;border: none;cursor: pointer;transition: all 0.25s ease;}/* Hover nút */#wpforms-4822 .wpforms-submit:hover {transform: translateY(-1px);box-shadow: 0 8px 20px rgba(0,102,255,0.25);}/* ===== HIỆU ỨNG TẾT NHẸ – VIỀN MAY MẮN ===== */#wpforms-4822 {position: relative;padding: 18px;border-radius: 18px;background:linear-gradient(#fff, #fff) padding-box,linear-gradient(135deg, #d40000, #ffcc33, #d40000) border-box;border: 2px solid transparent;box-shadow: 0 12px 30px rgba(212,0,0,0.15);}/* Icon mai đào nhỏ góc trên */#wpforms-4822::before {content: "🌸";position: absolute;top: -14px;left: -10px;font-size: 26px;}/* Icon lộc góc dưới */#wpforms-4822::after {content: "🧧";position: absolute;bottom: -14px;right: -10px;font-size: 26px;}/* ===== ÁNH KIM LỘC ĐẦU NĂM ===== */@keyframes shine {0% { background-position: 0% 50%; }100% { background-position: 200% 50%; }}#wpforms-4822 {background:linear-gradient(120deg,#fff 30%,rgba(255,215,0,0.25) 40%,#fff 50%) padding-box;background-size: 200% auto;}/* ===== KHUNG QUẢNG CÁO CHÍNH ===== */#idtext9910 {position: relative;background: linear-gradient(135deg, #ffffff, #f5faff);border-radius: 18px;padding: 26px 28px;margin: 24px 0;box-shadow: 0 12px 30px rgba(0, 102, 204, 0.18);overflow: hidden;animation: fadeInUp 0.8s ease-out;}/* ===== VIỀN PHÁT SÁNG CHUYỂN ĐỘNG ===== */#idtext9910::before {content: "";position: absolute;inset: 0;padding: 2px;border-radius: 18px;background: linear-gradient(120deg,#0066ff,#00c6ff,#ffcc00,#ff6600,#0066ff);background-size: 300% 300%;animation: borderGlow 6s linear infinite;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;pointer-events: none;}/* ===== HIỆU ỨNG ÁNH SÁNG QUÉT ===== */#idtext9910::after {content: "";position: absolute;top: -50%;left: -30%;width: 60%;height: 200%;background: linear-gradient(120deg,transparent,rgba(255,255,255,0.5),transparent);transform: rotate(20deg);animation: shine 5s infinite;}/* ===== STYLE TEXT CHUNG ===== */#idtext9910 * {font-family: "Segoe UI", Roboto, Arial, sans-serif;line-height: 1.4;}/* ===== SỐ ĐIỆN THOẠI ===== */#idtext9910 strong,#idtext9910 b {color: #0066ff;font-size: 26px;font-weight: 800;letter-spacing: 1px;}/* ===== GIÁ / ƯU ĐÃI ===== */#idtext9910 span,#idtext9910 .price,#idtext9910 .highlight {color: #e63946;font-weight: 800;font-size: 22px;}/* ===== DÒNG TIÊU ĐỀ ===== */#idtext9910 h1,#idtext9910 h2,#idtext9910 h3 {margin-bottom: 10px;font-size: 22px;font-weight: 800;color: #111;}/* ===== ANIMATION ===== */@keyframes borderGlow {0% { background-position: 0% 50%; }50% { background-position: 100% 50%; }100% { background-position: 0% 50%; }}@keyframes shine {0% { left: -30%; }100% { left: 130%; }}@keyframes fadeInUp {from {opacity: 0;transform: translateY(20px);}to {opacity: 1;transform: translateY(0);}}/* ===== CARD CÔNG NGHỆ – KHÔNG ĐỔI LAYOUT ===== */#idbanggia9999 {position: relative;border-radius: 18px;overflow: hidden;transition: transform 0.4s ease, box-shadow 0.4s ease;}/* ===== HOVER NỔI KHỐI (KHÔNG ĐỘNG PADDING) ===== */#idbanggia9999:hover {transform: translateY(-6px);box-shadow:0 0 20px rgba(0, 140, 255, 0.35),0 18px 45px rgba(0, 80, 180, 0.35);}/* ===== VIỀN CHẠY ÁNH SÁNG ===== */#idbanggia9999::before {content: "";position: absolute;inset: -2px;border-radius: 20px;background: linear-gradient(120deg,transparent,rgba(0, 180, 255, 0.9),transparent);animation: borderFlow 5s linear infinite;z-index: 0;}/* ===== LỚP GIỮ NỀN – KHÔNG ẢNH HƯỞNG PADDING ===== */#idbanggia9999::after {content: "";position: absolute;inset: 2px;border-radius: 16px;background:radial-gradient(circle at 20% 30%, rgba(0,180,255,0.12), transparent 45%),radial-gradient(circle at 80% 70%, rgba(0,120,255,0.12), transparent 45%),linear-gradient(145deg, #ffffff, #f4f8ff);z-index: 1;}/* ===== NỘI DUNG LUÔN TRÊN CÙNG ===== */#idbanggia9999 > * {position: relative;z-index: 2;}/* ===== CHẤM DỮ LIỆU CÔNG NGHỆ ===== */#idbanggia9999 .tech-dots {position: absolute;inset: 0;background-image: radial-gradient(rgba(0, 160, 255, 0.35) 1px,transparent 1px);background-size: 20px 20px;opacity: 0.25;animation: dotsMove 18s linear infinite;pointer-events: none;z-index: 1;}@keyframes borderFlow {from { transform: rotate(0deg); }to { transform: rotate(360deg); }}@keyframes dotsMove {from { background-position: 0 0; }to { background-position: 200px 200px; }}@keyframes dataFlow {from { background-position: 0 0; }to { background-position: 300px 0; }}/* ===== KHUNG GIỮ NGUYÊN NỀN TRẮNG ===== */#idlienhe1234 {position: relative;background: #ffffff;border-radius: 22px;padding: 28px;z-index: 1;}/* ===== VIỀN CÔNG NGHỆ 3 MÀU FPT ===== */#idlienhe1234::before {content: "";position: absolute;inset: -2px;border-radius: 24px;background: linear-gradient(120deg,#0066ff, /* Xanh dương FPT */#00c853, /* Xanh lá FPT */#ff6a00, /* Cam FPT */#0066ff);background-size: 300% 300%;animation: fptBorderFlow 5s linear infinite;z-index: -1;}/* ===== LỚP CHE TRONG ĐỂ CHỈ CÒN VIỀN ===== */#idlienhe1234::after {content: "";position: absolute;inset: 2px;background: #ffffff;border-radius: 20px;z-index: -1;}/* =============================== NÚT NHẬN ƯU ĐÃI – BẢN GỌN================================ */.nut-nhan-uu-dai {position: fixed;right: 16px;bottom: 36px; /* sát đáy hơn */padding: 10px 16px; /* nhỏ hơn */font-size: 13px; /* chữ nhỏ hơn */font-weight: 600;border-radius: 999px;z-index: 99999;background: linear-gradient(135deg,#ff7a00,#ff2f00,#007aff);background-size: 300% 300%;color: #fff;cursor: pointer;white-space: nowrap;box-shadow:0 0 0 rgba(255,122,0,0.6),0 10px 22px rgba(0,0,0,0.32);animation:fptGradient 6s ease infinite,floatMini 3.2s ease-in-out infinite,pulseMini 2.8s ease-in-out infinite;}/* SÓNG NHẸ HƠN */.nut-nhan-uu-dai::after {content: "";position: absolute;inset: -6px;border-radius: inherit;border: 1.5px solid rgba(255,255,255,0.35);animation: wifiPulseMini 3s ease-out infinite;pointer-events: none;}/* =============================== ANIMATION NHẸ================================ */@keyframes floatMini {0%,100% { transform: translateY(0); }50% { transform: translateY(-6px); }}@keyframes pulseMini {0% {box-shadow: 0 0 0 rgba(255,122,0,0.5),0 10px 22px rgba(0,0,0,0.32);}50% {box-shadow: 0 0 18px rgba(255,122,0,0.85),0 14px 30px rgba(0,0,0,0.4);}100% {box-shadow: 0 0 0 rgba(255,122,0,0.5),0 10px 22px rgba(0,0,0,0.32);}}@keyframes wifiPulseMini {0% {transform: scale(0.95);opacity: 0.7;}100% {transform: scale(1.3);opacity: 0;}}.label-new.menu-item > a:after{content:"New";}.label-hot.menu-item > a:after{content:"Hot";}.label-sale.menu-item > a:after{content:"Sale";}.label-popular.menu-item > a:after{content:"Popular";}


/* Fix Elementor Icon List SVGs from expanding into giant icons */
.elementor-icon-list-items {
  list-style: none !important;
  padding: 0 !important;
  margin: 10px 0 !important;
}
.elementor-icon-list-item {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-bottom: 7px !important;
  font-size: 13px !important;
  color: #334155 !important;
  line-height: 1.4 !important;
}
.elementor-icon-list-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  min-height: 16px !important;
  flex-shrink: 0 !important;
}
.elementor-icon-list-icon svg,
.elementor-icon-list-icon .e-font-icon-svg,
svg.e-font-icon-svg {
  width: 14px !important;
  height: 14px !important;
  max-width: 14px !important;
  max-height: 14px !important;
  display: block !important;
  flex-shrink: 0 !important;
  fill: #0054a6 !important;
  color: #0054a6 !important;
}
.elementor-icon-list-text {
  font-size: 13px !important;
  color: #334155 !important;
  line-height: 1.4 !important;
}

/* Fix Select clipping and height in Flatsome forms */
select,
select#dangky-package,
select#reg-package,
.form-group select {
  display: block !important;
  width: 100% !important;
  height: 48px !important;
  min-height: 48px !important;
  line-height: 26px !important;
  padding: 10px 40px 10px 14px !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  color: #1e293b !important;
  background-color: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 8px !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  box-sizing: border-box !important;
}